/* llmproxyapi.com - plant-floor safety signage */
:root{
  --bg:#dfe5e8;--plate:#f5f8f9;--white:#fff;--ink:#0d1a20;--mut:#3b515c;--blue:#005a7a;--blue-d:#00435c;--blue-l:#d9ebf2;
  --yel:#ffc800;--code:#0a1f28;--red:#a31b12;
  --disp:"Saira Stencil One","Barlow",Impact,sans-serif;--text:"Barlow",system-ui,-apple-system,"Segoe UI",sans-serif;
  --mono:"Azeret Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  --rv:radial-gradient(circle closest-side,#fff 0 28%,#70838c 34% 90%,transparent 100%);
  --rivets:var(--rv) 8px 8px/9px 9px no-repeat,var(--rv) calc(100% - 8px) 8px/9px 9px no-repeat,var(--rv) 8px calc(100% - 8px)/9px 9px no-repeat,var(--rv) calc(100% - 8px) calc(100% - 8px)/9px 9px no-repeat;
  --hz:repeating-linear-gradient(-45deg,var(--ink) 0 12px,var(--yel) 12px 24px);
  --sign:170px;--bar:64px;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--bg) repeating-linear-gradient(90deg,rgba(255,255,255,.28) 0 1px,transparent 1px 5px);color:var(--ink);font:400 1.0625rem/1.6 var(--text);overflow-wrap:break-word}
[hidden]{display:none!important}
img,svg{max-width:100%}
a{color:var(--blue);text-decoration-thickness:2px;text-underline-offset:3px}
a:hover{color:var(--blue-d)}
:focus-visible{outline:3px solid var(--yel);outline-offset:2px;box-shadow:0 0 0 2px var(--ink)}
h1,h2,h3,p,ul,ol,dl,dd{margin:0}
ul,ol{padding:0;list-style:none}
[id]{scroll-margin-top:88px}
.wrap{width:100%;max-width:1220px;margin:0 auto;padding:0 24px}
.skip{position:absolute;left:8px;top:-80px;z-index:99;background:var(--yel);color:var(--ink);padding:.8rem 1rem;font-weight:700;border:2px solid var(--ink)}
.skip:focus{top:8px}
.tape{height:14px;background:var(--hz);flex:none}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;min-height:46px;padding:.55rem 1.15rem;background:var(--yel);color:var(--ink);border:2px solid var(--ink);border-radius:3px;font:700 .95rem/1.15 var(--text);text-transform:uppercase;letter-spacing:.07em;text-decoration:none;cursor:pointer;box-shadow:inset 0 -4px 0 rgba(13,26,32,.2);transition:transform .12s,background .12s}
.btn:hover{background:#ffd940;color:var(--ink);transform:translateY(-2px)}
.btn:active{transform:none;box-shadow:inset 0 3px 0 rgba(13,26,32,.2)}
.btn.big{min-height:56px;padding:.7rem 1.5rem;font-size:1.05rem}
.btn.ghost{background:var(--plate);box-shadow:none}
.btn.ghost:hover{background:var(--white)}
.btn.sm{min-height:44px;padding:.4rem .9rem;font-size:.84rem}
.btn[disabled]{opacity:.6;cursor:progress}
.arw{flex:none}

/* header: oversized nameplate that slides away, bar stays */
.mast{position:sticky;top:calc(-1*var(--sign));z-index:50}
.mast-home{--sign:292px}
.sign{height:var(--sign);display:flex;flex-direction:column;overflow:hidden;background:var(--bg)}
.nameplate{flex:1;min-height:0;margin:14px 24px;padding:.4rem 2.2rem;display:flex;align-items:center;justify-content:space-between;gap:1rem 2rem;background:var(--rivets),var(--blue);border:3px solid var(--ink);border-radius:6px;box-shadow:inset 0 0 0 6px var(--blue),inset 0 0 0 8px #fff;overflow:hidden}
.word{font:400 clamp(2.1rem,6vw,4.3rem)/.95 var(--disp);color:#fff;text-transform:uppercase;letter-spacing:.03em;white-space:nowrap;text-decoration:none}
.word:hover{color:#fff}
.sub{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;justify-content:flex-end}
.sub span{background:var(--yel);color:var(--ink);font:700 .86rem/1.2 var(--text);text-transform:uppercase;letter-spacing:.09em;padding:.4rem .7rem;border:2px solid var(--ink)}
.sub code{background:var(--ink);color:#fff;font:400 .8rem/1.2 var(--mono);padding:.48rem .7rem}
.mast-home .nameplate{flex-direction:column;align-items:flex-start;justify-content:center;padding:1rem 2.6rem}
.mast-home .word{font-size:clamp(2.3rem,10.2vw,8.9rem)}
.mast-home .sub{justify-content:flex-start}
.bar{position:relative;background:var(--ink);border-bottom:4px solid var(--yel)}
.bar-in{display:flex;align-items:center;gap:1.1rem;height:var(--bar)}
.logo{display:inline-flex;align-items:center;gap:.6rem;margin-right:auto;min-height:44px;color:#fff;font:400 1.22rem/1 var(--disp);text-transform:uppercase;letter-spacing:.04em;text-decoration:none;white-space:nowrap}
.logo:hover{color:var(--yel)}
.mark{flex:none}
.nav{display:flex;gap:.2rem}
.nav a{display:inline-flex;align-items:center;min-height:44px;padding:0 .9rem;color:#e8f0f3;font:600 .9rem/1 var(--text);text-transform:uppercase;letter-spacing:.09em;text-decoration:none;border:2px solid transparent}
.nav a:hover{color:var(--yel)}
.nav a[aria-current]{color:var(--ink);background:#fff;border-color:#fff;border-radius:2px}
.burger{display:none;width:46px;height:46px;padding:0;background:none;border:2px solid #fff;border-radius:3px;cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:5px}
.burger i{display:block;width:22px;height:3px;background:#fff}

/* heroes */
.hero{padding:2.6rem 0 2.2rem}
h1{font:400 clamp(2rem,4.3vw,3.5rem)/1.02 var(--disp);text-transform:uppercase;letter-spacing:.015em;color:var(--ink)}
.lead{margin-top:1rem;max-width:62ch;font-size:1.18rem;line-height:1.55;color:var(--mut)}
.eyebrow{display:inline-block;margin-bottom:1rem;padding:.42rem .75rem;background:var(--blue);color:#fff;font:600 .76rem/1.3 var(--mono);text-transform:uppercase;letter-spacing:.1em;border:2px solid var(--ink)}
.acts{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.6rem}
.hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:3rem;align-items:start}
.hero-home{padding-top:3rem}
.hero-home h1{font-size:clamp(2.1rem,4.6vw,4rem)}
.checks{margin-top:1.3rem;display:grid;gap:.6rem}
.checks li{position:relative;padding-left:2.2rem;font-weight:500}
.checks li::before{content:"";position:absolute;left:0;top:.2em;width:1.25rem;height:1.25rem;background:var(--yel);border:2px solid var(--ink)}
.checks li::after{content:"";position:absolute;left:.4rem;top:.36em;width:.42rem;height:.7rem;border:solid var(--ink);border-width:0 3px 3px 0;transform:rotate(40deg)}
.hero-code{min-width:0;margin-top:1.4rem;padding:0 14px 14px;background:var(--rivets),var(--plate);border:2px solid var(--ink);border-radius:4px}
.hero-code .codebox{margin-bottom:8px}
.tab{display:table;margin:-1.15rem 0 1.4rem;padding:.5rem 1rem .42rem;background:var(--ink);color:#fff;border-left:12px solid var(--yel);font:400 1.22rem/1.15 var(--disp);text-transform:uppercase;letter-spacing:.05em}
.hero-code .tab{font-size:1rem;margin-bottom:.9rem}
.hero-sub .wrap>*{margin-left:2.2rem}
.hero-sub .wrap{position:relative}
.hero-sub .wrap::before{content:"";position:absolute;left:24px;top:0;bottom:0;width:14px;background:var(--hz)}
.crumb{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.5rem;font:600 .76rem/1.3 var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--mut)}
.crumb a{display:inline-flex;align-items:center;min-height:44px}
.crumb b{font-weight:600;color:var(--ink)}
.notice{display:inline-block;margin-top:1.3rem;padding:.6rem .95rem;background:var(--yel);border:2px solid var(--ink);border-left-width:12px;font-weight:700}
.dateline{margin-top:1rem;font:400 .82rem/1.4 var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--mut)}

/* data plates */
.factsbar{padding:.4rem 0 1rem}
.facts{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:2px;background:var(--ink);border:2px solid var(--ink);border-radius:4px;overflow:hidden}
.fact{min-width:0;display:flex;flex-direction:column-reverse;justify-content:flex-end;gap:.25rem;padding:1.05rem 1.2rem 1rem;background:var(--plate)}
.fact dd{font:400 clamp(1.6rem,2.6vw,2.3rem)/1 var(--disp);color:var(--blue)}
.fact dt{font:600 .74rem/1.35 var(--mono);text-transform:uppercase;letter-spacing:.07em;color:var(--mut)}
.factsbar.big .fact{padding:1.5rem 1.3rem 1.3rem;background:var(--rivets),var(--plate)}
.factsbar.big .fact dd{font-size:clamp(2rem,3.6vw,3.2rem)}
.factsbar.big .fact:first-child{background:var(--rivets),var(--blue)}
.factsbar.big .fact:first-child dd,.factsbar.big .fact:first-child dt{color:#fff}

/* sections = bolted plates, offset left/right */
.sec{padding:2.6rem 0 1.2rem}
.panel{position:relative;min-width:0;padding:0 2rem 2rem;background:var(--rivets),var(--plate);border:2px solid var(--ink);border-radius:4px}
.sec-prose .panel,.sec-doc .panel{padding-top:2rem}
h2{font:400 1.7rem/1.1 var(--disp);text-transform:uppercase;letter-spacing:.03em}
h3{font:700 1.16rem/1.25 var(--text)}
.grid{display:grid;gap:1.1rem}
.g3{grid-template-columns:repeat(3,minmax(0,1fr))}
.g2{grid-template-columns:repeat(2,minmax(0,1fr))}
.plate{min-width:0;padding:1.15rem 1.2rem 1.25rem;background:var(--white);border:1.5px solid var(--ink);border-top:6px solid var(--blue)}
.plate p{margin-top:.5rem;color:var(--mut);font-size:1rem}
.numbered{counter-reset:n}
.numbered .plate{counter-increment:n}
.numbered .plate::before{content:counter(n,decimal-leading-zero);display:block;margin-bottom:.5rem;font:400 1.9rem/1 var(--disp);color:var(--blue)}
.blue .plate{border-top-width:1.5px;border-left:10px solid var(--blue)}
.flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem;counter-reset:s}
.flow .plate{counter-increment:s;padding:1.3rem 3rem 1.4rem 1.4rem;background:var(--blue);border:0;color:#fff;clip-path:polygon(0 0,calc(100% - 30px) 0,100% 50%,calc(100% - 30px) 100%,0 100%)}
.flow .plate::before{content:counter(s);display:inline-flex;align-items:center;justify-content:center;width:2.3rem;height:2.3rem;margin-bottom:.7rem;background:var(--yel);color:var(--ink);font:400 1.4rem/1 var(--disp)}
.flow .plate p{color:#e9f4f8}

/* long text */
.prose{font-size:1.0625rem}
.prose>*{max-width:74ch}
.prose>*+*{margin-top:1.05rem}
.prose h2{margin-top:2.4rem;padding-left:.9rem;border-left:12px solid var(--yel);box-shadow:-3px 0 0 var(--ink)}
.prose>h2:first-child{margin-top:0}
.prose h3{margin-top:1.8rem}
.prose ul,.prose ol{padding-left:1.4rem}
.prose ul{list-style:square}
.prose ol{list-style:decimal}
.prose li+li{margin-top:.4rem}
.prose li::marker{color:var(--blue);font-weight:700}
.prose :not(pre)>code,.keyout code{padding:.1em .35em;background:var(--blue-l);border:1px solid #a9c6d2;font:400 .88em var(--mono);overflow-wrap:anywhere}
.prose table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse;font-size:.96rem}
.prose th,.prose td{padding:.6rem .85rem;border:1.5px solid var(--ink);text-align:left;vertical-align:top}
.prose th{background:var(--ink);color:#fff;font-weight:600;text-transform:uppercase;letter-spacing:.05em;font-size:.82rem}
.prose td{background:var(--white)}
.prose blockquote{margin:1.2rem 0 0;padding:.8rem 1.1rem;background:var(--blue-l);border-left:10px solid var(--blue)}
.prose pre,.prose table{max-width:100%}

/* code */
pre.code{position:relative;margin:0;padding:.7rem 1rem 1.1rem;background:var(--code);color:#dceaf0;border:2px solid var(--ink);border-top:6px solid var(--yel);overflow-x:auto;font:400 .84rem/1.65 var(--mono);tab-size:2}
pre.code code{font:inherit;white-space:pre}
pre.code .k{color:#ffd24a}
pre.code .s{color:#86d9f7}
pre.code .c{color:#9fb5bf}
.copy{position:sticky;left:0;display:block;min-width:64px;min-height:44px;margin:0 0 .5rem;padding:0 .8rem;background:transparent;color:#dceaf0;border:1.5px solid #6f8894;border-radius:2px;font:600 .72rem/1 var(--mono);text-transform:uppercase;letter-spacing:.1em;cursor:pointer}
.copy:hover{background:var(--yel);color:var(--ink);border-color:var(--yel)}
.codebox{min-width:0;background:var(--code);border:2px solid var(--ink)}
.codetabs{display:flex;gap:2px;background:var(--ink);overflow-x:auto}
.codetabs button{flex:1;min-height:46px;padding:0 1rem;background:#17323d;color:#dceaf0;border:0;font:600 .8rem/1 var(--mono);text-transform:uppercase;letter-spacing:.09em;cursor:pointer;white-space:nowrap}
.codetabs button[aria-selected="true"]{background:var(--yel);color:var(--ink)}
.codebox pre.code{border:0}

/* signup = control-panel door */
.key-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,470px);grid-template-areas:"head door" "ben door";gap:1.6rem 3.4rem;align-items:start}
.hero-key{padding-top:2rem}
.key-head{grid-area:head}
.key-ben{grid-area:ben}
.door{grid-area:door;min-width:0;background:var(--rivets),var(--plate);border:3px solid var(--ink);border-radius:5px;overflow:hidden;box-shadow:10px 10px 0 var(--blue)}
.form{padding:1.5rem 1.7rem 1.7rem}
.tabs2{display:grid;grid-template-columns:1fr 1fr;border:2px solid var(--ink);border-radius:3px;overflow:hidden;margin-bottom:1.1rem}
.tabs2 button{min-height:48px;padding:.3rem .5rem;background:var(--white);color:var(--ink);border:0;font:700 .86rem/1.15 var(--text);text-transform:uppercase;letter-spacing:.07em;cursor:pointer}
.tabs2 button[aria-selected="true"]{background:var(--ink);color:#fff;box-shadow:inset 0 -5px 0 var(--yel)}
.msg{margin-bottom:1rem;padding:.7rem .9rem;background:var(--blue-l);border:2px solid var(--blue);border-left-width:10px;font-weight:500}
.msg:empty{display:none}
.msg.err{background:#fdeceb;border-color:var(--red);color:#7c130c}
.row{margin-bottom:1rem}
.row label,.calc label{display:block;margin-bottom:.35rem;font:600 .76rem/1.3 var(--mono);text-transform:uppercase;letter-spacing:.08em}
.row input,.calc input{display:block;width:100%;height:52px;padding:0 .9rem;background:var(--white);color:var(--ink);border:2px solid var(--ink);border-radius:2px;font:500 1.05rem var(--text)}
.row input:focus,.calc input:focus{outline:3px solid var(--blue);outline-offset:1px;box-shadow:none}
.note{margin-top:.45rem;font-size:.9rem;color:var(--mut)}
.form .btn[data-submit]{width:100%;min-height:58px;margin-top:.3rem;font-size:1.02rem}
.keyout{display:none}
.keyout.on{display:block}
.keyout h3{font:400 1.4rem/1.1 var(--disp);text-transform:uppercase;letter-spacing:.04em}
.keybox{display:flex;align-items:center;gap:.7rem;margin-top:.8rem;padding:.6rem .6rem .6rem .9rem;background:var(--code);border:2px solid var(--ink);border-left:12px solid var(--yel)}
.keybox span{flex:1;min-width:0;color:#ffd24a;font:600 .9rem/1.4 var(--mono);word-break:break-all}
.keyout>p{margin-top:.8rem;line-height:1.9}
.keyout>p.note{line-height:1.5}
.mut{color:var(--mut)}
.form .acts{margin-top:1rem;gap:.5rem}
.benefits{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.3rem 1.8rem}
.benefits li{position:relative;padding-left:1.6rem}
.benefits li::before{content:"";position:absolute;left:0;top:.28em;width:.8rem;height:.8rem;background:var(--yel);border:2px solid var(--ink)}
.benefits p{margin-top:.25rem;color:var(--mut);font-size:1rem}

/* calculator */
.calcwrap{border:2px solid var(--ink);background:var(--white);margin-top:.2rem}
.calc{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem;align-items:end;padding:1.4rem}
.calc>div{min-width:0}
.calc output{display:flex;align-items:center;height:52px;padding:0 .9rem;background:var(--code);color:#ffd24a;border:2px solid var(--ink);font:400 1.7rem/1 var(--disp);letter-spacing:.04em;overflow:hidden}

/* docs + article rails */
.doc-grid{display:grid;grid-template-columns:270px minmax(0,1fr);gap:2rem;align-items:start}
.art-grid{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:2.4rem;align-items:start}
.rail{position:sticky;top:88px;display:grid;gap:1.2rem;max-height:calc(100vh - 104px);overflow-y:auto;min-width:0}
.toc{background:var(--plate);border:2px solid var(--ink);border-radius:4px}
.toc-h{padding:.6rem 1rem .5rem;background:var(--ink);color:#fff;border-left:12px solid var(--yel);font:400 1.05rem/1.15 var(--disp);text-transform:uppercase;letter-spacing:.05em}
.toc ol{counter-reset:t;padding:.3rem 0}
.toc li{counter-increment:t}
.toc li+li{border-top:1px solid #c3ced3}
.toc a{display:flex;align-items:center;gap:.7rem;min-height:44px;padding:.45rem 1rem;color:var(--ink);font-weight:500;font-size:.97rem;line-height:1.3;text-decoration:none}
.toc a::before{content:counter(t,decimal-leading-zero);font:600 .74rem var(--mono);color:var(--blue)}
.toc a:hover{background:var(--blue-l)}
.sidecta{padding:1.1rem 1.1rem 1.2rem;background:var(--blue);color:#fff;border:2px solid var(--ink);border-radius:4px}
.side-h{font:400 1.2rem/1.15 var(--disp);text-transform:uppercase;letter-spacing:.04em}
.sidecta p+p{margin:.5rem 0 .9rem;color:#e9f4f8;font-size:.97rem}
.sidecta .btn{width:100%}
.read{min-width:0;padding:0 2.4rem 2.4rem;background:var(--plate);border:2px solid var(--ink);border-radius:4px}
.read .prose{font-size:1.1rem;line-height:1.72}
.takeaways{margin:2.2rem 0 2.2rem;padding:0 1.4rem 1.3rem;background:var(--yel);border:2px solid var(--ink)}
.read>.takeaways{margin-top:2.4rem}
.takeaways ul{display:grid;gap:.6rem}
.takeaways li{position:relative;padding-left:1.6rem;font-weight:600;line-height:1.45}
.takeaways li::before{content:"";position:absolute;left:0;top:.42em;width:.7rem;height:.7rem;background:var(--ink)}

/* FAQ */
.faq{border-top:2px solid var(--ink)}
.q{border-bottom:2px solid var(--ink)}
.q summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:56px;padding:.6rem 0;font-weight:600;font-size:1.1rem;line-height:1.35;cursor:pointer;list-style:none}
.q summary::-webkit-details-marker{display:none}
.q summary::after{content:"";flex:none;width:30px;height:30px;border:2px solid var(--ink);background:linear-gradient(var(--ink),var(--ink)) center/14px 3px no-repeat,linear-gradient(var(--ink),var(--ink)) center/3px 14px no-repeat,var(--yel)}
.q[open] summary::after{background:linear-gradient(#fff,#fff) center/14px 3px no-repeat,var(--blue)}
.q p{max-width:74ch;padding:0 0 1.2rem;color:var(--mut)}

/* closing band + footer */
.band{margin-top:3rem;background:var(--blue);color:#fff}
.band-in{display:flex;align-items:center;justify-content:space-between;gap:1.5rem 3rem;flex-wrap:wrap;padding-top:2.6rem;padding-bottom:2.6rem}
.band-in>div{flex:1 1 420px;min-width:0}
.band h2{font-size:clamp(1.7rem,3.4vw,2.6rem);color:#fff}
.band p{margin-top:.6rem;max-width:58ch;color:#e9f4f8;font-size:1.1rem}
.foot{background:var(--ink);color:#cfdbe0}
.band+.foot>.tape{display:none}
.foot-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:1.5rem 3rem;padding-top:2.4rem;padding-bottom:2rem}
.foot-brand p{margin-top:.4rem}
.foot-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 1.5rem}
.foot-links a{display:inline-flex;align-items:center;min-height:44px;color:#fff;font-weight:500}
.foot-links a:hover{color:var(--yel)}
.legalnote{grid-column:1/-1;padding-top:1.2rem;border-top:1px solid #3b515c;font-size:.9rem;color:#cfdbe0}

/* 404 */
.nfsign{max-width:760px;margin:1rem auto;background:var(--plate);border:3px solid var(--ink);border-radius:5px;overflow:hidden}
.nf-in{padding:2.4rem 2rem 2.6rem;text-align:center}
.nf-in .lead{margin-left:auto;margin-right:auto}
.nf-in .acts{justify-content:center}
.nfnum{font:400 clamp(5rem,18vw,10rem)/.9 var(--disp);color:var(--blue);margin-bottom:.6rem}
.page-404 .foot>.tape{display:block}

@media (min-width:1100px){
  .sec:nth-of-type(odd)>.wrap>.panel{margin-right:7%}
  .sec:nth-of-type(even)>.wrap>.panel{margin-left:7%}
  .sec-doc>.wrap>.panel{margin:0!important}
  .sec-prose .panel{max-width:900px}
  .sec-prose:nth-of-type(even) .panel{margin-left:auto!important}
}
@media (max-width:1000px){
  .hero-grid,.key-grid,.doc-grid,.art-grid{grid-template-columns:minmax(0,1fr)}
  .key-grid{grid-template-areas:"head" "door" "ben"}
  .rail{position:static;max-height:none;overflow:visible}
  .art-grid .rail{order:-1}
  .sidecta{display:none}
  .g3{grid-template-columns:repeat(2,minmax(0,1fr))}
  .facts{grid-auto-flow:row;grid-template-columns:repeat(3,minmax(0,1fr))}
  .door{box-shadow:6px 6px 0 var(--blue)}
}
@media (max-width:900px){
  .burger{display:flex}
  .nav{display:none;position:absolute;left:0;right:0;top:100%;flex-direction:column;gap:0;padding:.4rem 16px .8rem;background:var(--ink);border-bottom:4px solid var(--yel)}
  .nav.open{display:flex}
  .nav a{min-height:50px;border-bottom:1px solid #2b414c;border-radius:0}
  .nav a[aria-current]{padding-left:.9rem}
  .sub code{display:none}
}
@media (max-width:700px){
  :root{--sign:98px;--bar:60px}
  .mast-home{--sign:150px}
  body{font-size:1rem}
  .wrap{padding:0 16px}
  .nameplate{margin:10px 12px;padding:.3rem 1rem;box-shadow:inset 0 0 0 4px var(--blue),inset 0 0 0 6px #fff}
  .mast-home .nameplate{padding:.6rem 1.2rem;gap:.6rem}
  .mast-sub .sub{display:none}
  .mast-sub .word{font-size:clamp(1.7rem,8.6vw,2.6rem)}
  .sub span{font-size:.72rem;padding:.3rem .5rem}
  .hero{padding:1.6rem 0 1.4rem}
  .hero-home{padding-top:1.8rem}
  .lead{font-size:1.06rem}
  .hero-sub .wrap>*{margin-left:1.5rem}
  .hero-sub .wrap::before{left:16px;width:10px}
  .acts .btn.big{flex:1 1 100%}
  .hero-code{padding:0 8px 8px;margin-top:1.6rem}
  .g3,.g2,.flow,.benefits,.calc{grid-template-columns:minmax(0,1fr)}
  .facts{grid-template-columns:repeat(2,minmax(0,1fr))}
  .fact:last-child:nth-child(odd){grid-column:1/-1}
  .fact{padding:.85rem .9rem}
  .panel{padding:0 1.1rem 1.4rem}
  .sec-prose .panel,.sec-doc .panel{padding-top:1.4rem}
  .tab{font-size:1.05rem;margin-left:-.2rem}
  h2{font-size:1.42rem}
  .form{padding:1.1rem 1rem 1.3rem}
  .read{padding:0 1.1rem 1.5rem}
  .read .prose{font-size:1.04rem}
  .foot-in{grid-template-columns:minmax(0,1fr)}
  .band-in .btn{width:100%}
  .door{box-shadow:none}
}
@media (max-width:430px){
  .logo span{display:none}
  .btn.key{padding:.4rem .8rem;font-size:.84rem;letter-spacing:.05em}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{transition:none!important;animation:none!important}
}