/* ---------------------------------------------------------------
   TYPEFACE: the only place the brand font is declared.
   To swap it, change the src below and, if the family name changes,
   the --font variable. Weights used on the site: 400, 500, 600, 700,
   800, 900. With static files, write one @font-face for each weight.
   Current font: Geist (SIL Open Font License 1.1), see
   assets/fonts/Geist-OFL-LICENSE.txt
   --------------------------------------------------------------- */
@font-face{font-family:"J2 Brand";src:url(fonts/geist-latin-wght-normal.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
:root{--font:"J2 Brand",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
--navy:#14213D;--orange:#FF6B35;--paper:#F3F4F1;--white:#fff;--line:#14213D2e;--muted:#4A5468;
--gut:16px;--max:1720px;--r:clamp(14px,1.4vw,22px)}
@media(min-width:600px){:root{--gut:32px}}
@media(min-width:1100px){:root{--gut:56px}}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:84px;background:var(--navy)}
body{margin:0;background:var(--paper);color:var(--navy);font:400 clamp(17px,.5vw + 14.6px,21px)/1.5 var(--font);overflow-x:clip;-webkit-font-smoothing:antialiased}
img,svg{display:block;max-width:100%}
a{color:inherit;text-underline-offset:.18em;text-decoration-thickness:.07em}
h1,h2,h3,p,ul,ol,dl,dd,figure{margin:0;padding:0}ul,ol{list-style:none}
h1,h2{text-wrap:balance}p{text-wrap:pretty}
:focus-visible{outline:3px solid currentColor;outline-offset:3px;border-radius:4px;box-shadow:0 0 0 2px #fff0}
.wrap{max-width:var(--max);margin-inline:auto;padding-inline:var(--gut)}
.skip{position:absolute;left:12px;top:-80px;z-index:100;background:var(--navy);color:#fff;padding:12px 18px;border-radius:10px;font-weight:600}
.skip:focus{top:12px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}

/* The pill: navigation is itself one small object */
.bar{position:sticky;top:8px;z-index:50;height:0;display:flex;justify-content:space-between;padding-inline:8px;pointer-events:none}
@media(min-width:600px){.bar{top:14px;padding-inline:calc(var(--gut) - 8px)}}
.pill{pointer-events:auto;display:flex;align-items:center;gap:2px;height:52px;padding:4px;background:var(--navy);color:#fff;border-radius:16px;box-shadow:0 0 0 1px #ffffff26,0 8px 22px -8px #0b122480;width:100%;max-width:100%;margin-inline:auto}
@media(min-width:600px){.pill{width:auto;margin:0 0 0 auto}.bar{justify-content:flex-end}}
.pill__home{display:flex;align-items:center;gap:9px;height:44px;padding-inline:8px;border-radius:12px;text-decoration:none;font-weight:700;font-size:15px;letter-spacing:-.01em;margin-right:auto}
.pill__home svg{width:32px;height:32px}
.pill__home span{display:none}
@media(min-width:760px){.pill__home span{display:inline;margin-right:18px}}
.pill a.n{display:flex;align-items:center;height:44px;padding-inline:clamp(8px,2.4vw,16px);border-radius:12px;font-size:15px;font-weight:500;text-decoration:none;white-space:nowrap}
.pill a:hover{background:#ffffff1f}
.pill a:focus-visible{outline-color:#fff;outline-offset:-3px}

/* Common object language */
.o{--shell:#222;--on:#fff;--ctl:var(--orange);--ctlon:#14213D;position:relative;display:block;width:var(--w,260px);background:var(--shell);color:var(--on);border-radius:calc(var(--w,260px)*.13);padding:calc(var(--w,260px)*.042);padding-bottom:calc(var(--w,260px)*.036);
box-shadow:inset 0 1.5px 0 #ffffff40,inset 0 -2px 0 #00000038,0 1px 1px #0b122440,0 calc(var(--w,260px)*.05) calc(var(--w,260px)*.09) calc(var(--w,260px)*-.02) #0b122466;text-decoration:none}
.o__top{display:flex;justify-content:space-between;align-items:center;gap:.5em;padding:0 .35em .42em;font-size:calc(var(--w,260px)*.058);font-weight:700;letter-spacing:-.005em;line-height:1.2;min-height:1.7em}
.o__top i{flex:none;width:.5em;height:.5em;border-radius:50%;background:var(--ctl);box-shadow:inset 0 1px 1px #00000040}
.o__screen{position:relative;overflow:hidden;aspect-ratio:390/680;border-radius:calc(var(--w,260px)*.075);background:#0b0d10;box-shadow:0 0 0 1px #00000040,inset 0 0 0 1px #00000026}
.o__screen img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.o__foot{display:flex;align-items:center;gap:calc(var(--w,260px)*.04);padding:calc(var(--w,260px)*.04) calc(var(--w,260px)*.012) 0}
.o__knob{flex:none;width:calc(var(--w,260px)*.19);height:calc(var(--w,260px)*.19);min-width:calc(var(--w,260px)*.19);border-radius:50%;background:var(--ctl);color:var(--ctlon);display:grid;place-items:center;box-shadow:inset 0 1.5px 0 #ffffff66,inset 0 -2px 0 #00000033,0 2px 3px #0000004d}
.o__knob svg{width:62%;height:62%}
.o__grille{flex:1;height:calc(var(--w,260px)*.1);background:radial-gradient(circle at center,currentColor 26%,#0000 30%) 0 0/calc(var(--w,260px)*.04) calc(var(--w,260px)*.04);opacity:.28}

/* Hero: the orange table */
.hero{position:relative;background:var(--orange);overflow:clip;padding-top:76px;--w:clamp(118px,36vw,172px)}
.hero__copy{position:relative;padding-bottom:20px}
.hero h1{font-size:clamp(50px,17.4vw,104px);font-weight:900;line-height:.9;letter-spacing:-.052em;margin-left:-.03em}
.hero h1 span{display:block}
.hero__lede{margin-top:clamp(18px,4vw,28px);max-width:30em;font-size:clamp(18px,1.1vw + 14px,24px);line-height:1.32;font-weight:500;letter-spacing:-.012em}
.hero__act{margin-top:22px;display:flex;flex-wrap:wrap;align-items:center;gap:10px 22px}
.btn{display:inline-flex;align-items:center;gap:.55em;min-height:54px;padding:.6em 1.15em;background:var(--navy);color:#fff;font-weight:700;border-radius:14px;text-decoration:none;box-shadow:inset 0 1.5px 0 #ffffff33,0 4px 0 #0a1226;transition:transform .12s,box-shadow .12s}
.btn:hover{transform:translateY(-1px);box-shadow:inset 0 1.5px 0 #ffffff33,0 5px 0 #0a1226}
.btn:active{transform:translateY(3px);box-shadow:inset 0 1.5px 0 #ffffff33,0 1px 0 #0a1226}
.btn svg{width:1em;height:1em;flex:none}
.tlink{font-weight:600;min-height:44px;display:inline-flex;align-items:center}
.pile{position:relative;height:calc(var(--w)*3.05);pointer-events:none;margin-top:6px}
.t{position:absolute;left:calc(var(--x)*1%);top:calc(var(--y)*1%);transform:translate(var(--dx,0px),var(--dy,0px)) rotate(calc(var(--r)*1deg + var(--dr,0deg)));pointer-events:auto;touch-action:pan-y;cursor:grab;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;will-change:transform}
.t img{pointer-events:none;-webkit-user-drag:none}
.t.held{cursor:grabbing;box-shadow:inset 0 1.5px 0 #ffffff40,inset 0 -2px 0 #00000038,0 calc(var(--w)*.14) calc(var(--w)*.22) calc(var(--w)*-.05) #0b122480}
.t:focus-visible{outline:3px solid var(--navy);outline-offset:3px;border-radius:calc(var(--w)*.13)}
.hint{position:absolute;right:var(--gut);bottom:14px;z-index:40;background:var(--navy);color:#fff;font-size:14px;font-weight:600;line-height:1.2;padding:9px 13px;border-radius:10px;pointer-events:none;transition:opacity .3s}
.hint.gone{opacity:0}
html:not(.js) .hint{display:none}
.t--a{--x:-5;--y:3;--r:-8}.t--b{--x:27;--y:0;--r:5}.t--c{--x:62;--y:4;--r:-4}
.t--d{--x:9;--y:33;--r:6}.t--e{--x:43;--y:31;--r:-6}.t--f{--x:75;--y:36;--r:7}
.t--g{--x:-9;--y:66;--r:-5}.t--h{--x:24;--y:64;--r:8}.t--i{--x:56;--y:67;--r:-7}.t--j{--x:82;--y:70;--r:5}
@media(min-width:600px){.hero{--w:clamp(150px,24vw,190px)}.hero h1{font-size:clamp(90px,15.8vw,130px)}.pile{height:calc(var(--w)*2.5)}
.t--a{--x:-2;--y:2;--r:-8}.t--b{--x:17;--y:0;--r:5}.t--c{--x:40;--y:6;--r:-4}.t--d{--x:62;--y:0;--r:6}.t--e{--x:82;--y:7;--r:-6}
.t--f{--x:8;--y:50;--r:7}.t--g{--x:30;--y:56;--r:-5}.t--h{--x:52;--y:50;--r:8}.t--i{--x:72;--y:58;--r:-7}.t--j{--x:92;--y:48;--r:5}}
@media(min-width:1000px){
.hero{--w:clamp(150px,12vw,270px);min-height:max(720px,min(100svh,62vw));padding-top:clamp(84px,6.6vw,120px);padding-bottom:40px}
.hero h1{font-size:clamp(100px,10.3vw,160px)}
.hero h1 span{white-space:nowrap}
.hero__copy{padding-bottom:0}
.hero__lede{max-width:23em}
.pile{position:absolute;inset:0;height:auto;margin:0}
.t--a{--x:62;--y:11;--r:-6}.t--b{--x:74.5;--y:9;--r:4}.t--c{--x:87;--y:13;--r:8}
.t--d{--x:60.5;--y:47;--r:5}.t--e{--x:72.5;--y:51;--r:-5}.t--f{--x:84.5;--y:48;--r:6}.t--g{--x:95;--y:58;--r:-4}
.t--h{--x:49;--y:68;--r:-7}.t--i{--x:38;--y:86;--r:6}.t--j{--x:66;--y:90;--r:-3}}
.js .t{animation:drop .55s cubic-bezier(.2,.9,.3,1.15) backwards;animation-delay:calc(var(--i)*38ms)}
@keyframes drop{from{opacity:0;transform:translateY(-34px) scale(1.12) rotate(calc(var(--r)*2.4deg))}}

/* Apps header */
.apps-h{background:var(--navy);color:#fff;padding-block:clamp(64px,8vw,120px) clamp(44px,5vw,72px)}
.apps-h__in{display:grid;gap:24px}
.big{font-size:clamp(42px,7.4vw,140px);font-weight:800;line-height:.96;letter-spacing:-.045em}
.apps-h p{max-width:34em;color:#D9DEE8}
.apps-h em{font-style:normal;color:var(--orange)}
@media(min-width:1000px){.apps-h__in{grid-template-columns:1.25fr 1fr;align-items:end;gap:48px}}
.sw{border:0;margin:24px 0 0;padding:0}
.sw legend{font-size:15px;font-weight:600;color:#D9DEE8;margin-bottom:10px;padding:0}
.sw__t{display:inline-grid;grid-auto-flow:column;grid-auto-columns:1fr;position:relative;background:#0B1326;border-radius:14px;padding:4px;box-shadow:inset 0 2px 4px #0006,0 0 0 1px #ffffff26;max-width:100%}
.sw label{position:relative;display:block;cursor:pointer}
.sw input{position:absolute;inset:0;opacity:0;margin:0;width:100%;height:100%;cursor:pointer}
.sw span{display:flex;align-items:center;justify-content:center;gap:.4em;min-height:44px;padding-inline:clamp(12px,3.4vw,22px);border-radius:10px;font-weight:600;font-size:16px;white-space:nowrap;transition:background .15s,color .15s}
.sw small{font-size:13px;font-weight:500;opacity:.85}
.sw input:checked+span{background:var(--orange);color:var(--navy);box-shadow:inset 0 1.5px 0 #ffffff66,0 2px 3px #0006}
.sw input:focus-visible+span{outline:3px solid #fff;outline-offset:2px}
html:not(.js) .sw{display:none}

/* Index */
.idx{background:var(--navy);color:#fff;padding-bottom:clamp(28px,3vw,44px)}
.idx ul{display:flex;flex-wrap:wrap;gap:2px 6px}
.idx a{display:inline-flex;align-items:center;gap:.5em;min-height:44px;padding-inline:4px 10px;font-weight:600;font-size:16px;text-decoration:none;border-radius:8px}
.idx a:hover{text-decoration:underline}
.idx i{width:14px;height:14px;border-radius:4px;box-shadow:0 0 0 1px #ffffff59}
.idx li[hidden]{display:none}
.idx a:focus-visible{outline-offset:0}

/* Bays */
.bay{--w:clamp(236px,70vw,300px);position:relative;background:var(--bg);color:var(--fg);padding-block:clamp(52px,7vw,104px);overflow:clip visible;isolation:auto}
.bay[hidden]{display:none}
.bay__in{display:grid;gap:30px;grid-template-areas:"p" "o" "t"}
.prob{grid-area:p}.bay__t{grid-area:t}.bay__obj{grid-area:o}
.bay__obj{justify-self:end;margin-right:2vw;position:relative;z-index:3}
.bay:nth-of-type(even) .bay__obj{justify-self:start;margin:0 0 0 2vw}
.prob{font-size:clamp(37px,5.7vw,112px);line-height:1;font-weight:var(--pw,800);letter-spacing:var(--pt,-.04em);text-transform:var(--pc,none)}
.prob b{font-weight:inherit;color:var(--ac)}.nb{white-space:nowrap}
.prob small{display:block;font-size:.42em;line-height:1.2;letter-spacing:-.015em;font-weight:500;text-transform:none;margin-top:.5em}
.bay h3{font-size:clamp(21px,1.4vw + 15px,30px);font-weight:700;letter-spacing:-.022em;line-height:1.15}
.bay__d{margin-top:8px;max-width:34em}
.bay__f{display:flex;flex-wrap:wrap;gap:0 .6em;margin-top:14px;font-size:clamp(15px,.3vw + 12px,17px);font-weight:600}
.bay__f li:not(:last-child)::after{content:"·";margin-left:.6em}
.bay__n{margin-top:12px;max-width:40em;font-size:clamp(15px,.3vw + 12px,17px);line-height:1.42;color:var(--note,inherit)}
.go{display:inline-flex;align-items:center;gap:.55em;margin-top:22px;min-height:52px;padding:.5em 1.05em;background:var(--fg);color:var(--bg);font-weight:700;border-radius:13px;text-decoration:none;overflow-wrap:anywhere;transition:transform .14s}
.go:hover{transform:translateX(3px)}
.go svg{width:1em;height:1em;flex:none}
.go:focus-visible{outline-color:var(--fg)}
@media(min-width:720px){
.bay{--w:clamp(226px,23vw,420px);padding-block:clamp(64px,6.4vw,110px)}
.bay__in{grid-template-columns:minmax(0,7fr) minmax(0,5fr);grid-template-rows:auto 1fr;grid-template-areas:"p o" "t o";column-gap:clamp(32px,5vw,96px);row-gap:clamp(24px,2.6vw,44px)}
.bay__obj,.bay:nth-of-type(even) .bay__obj{margin:-112px 0;justify-self:center;align-self:center}
.bay:nth-of-type(even) .bay__in{grid-template-columns:minmax(0,5fr) minmax(0,7fr);grid-template-areas:"o p" "o t"}
.bay--wide .bay__in,.bay--wide:nth-of-type(even) .bay__in{grid-template-columns:minmax(0,7fr) minmax(0,5fr);grid-template-areas:"p p" "t o"}
article.bay--wide:nth-of-type(even) .bay__in{grid-template-columns:minmax(0,5fr) minmax(0,7fr);grid-template-areas:"p p" "o t"}
.bay--wide .prob{font-size:clamp(70px,8.8vw,170px);line-height:.92}
.bay--wide .prob small{font-size:.3em}
.bay--wide .bay__obj,.bay--wide:nth-of-type(even) .bay__obj{margin:0 0 -190px;align-self:start;justify-self:center}
.bay--wide+.bay{padding-top:clamp(110px,10vw,170px)}
}
.bay--wide .prob{letter-spacing:-.05em}
.filtered .bay__obj{margin-block:0!important}
.dev{transform:rotate(calc(var(--tilt)*1deg));transition:transform .5s cubic-bezier(.2,.8,.3,1)}
.js .bay:not(.in) .dev{transform:translateY(34px) rotate(calc(var(--tilt)*2.6deg))}
.dev .o__screen img{transition:none}
.ctl{appearance:none;border:0;padding:0;font:inherit;cursor:pointer;width:clamp(50px,calc(var(--w)*.2),66px);height:clamp(50px,calc(var(--w)*.2),66px);border-radius:50%;background:var(--ctl);color:var(--ctlon);display:grid;place-items:center;flex:none;box-shadow:inset 0 2px 0 #ffffff66,inset 0 -3px 0 #00000038,0 3px 5px #00000059;transition:transform .12s,box-shadow .12s}
.ctl svg{width:62%;height:62%;transition:transform .35s cubic-bezier(.3,1.5,.5,1);transform:rotate(calc(var(--n,0)*var(--turn,0deg)))}
.ctl:hover{transform:translateY(-1px)}
.ctl:active{transform:translateY(2px) scale(.97);box-shadow:inset 0 2px 0 #ffffff33,inset 0 -1px 0 #00000038,0 1px 2px #00000059}
.ctl:focus-visible{outline:3px solid var(--on);outline-offset:3px;border-radius:50%}
.cap{min-width:0;flex:1;line-height:1.2}
.cap b{display:block;font-size:15px;font-weight:700;letter-spacing:-.01em}
.cap span{display:flex;gap:5px;margin-top:6px}
.cap i{width:18px;height:4px;border-radius:2px;background:currentColor;opacity:.3}
.cap i.on{opacity:1}
html:not(.js) .ctl{display:none}

/* motifs */
.m-graph{background-image:linear-gradient(#1F4FD81c 1px,#0000 1px),linear-gradient(90deg,#1F4FD81c 1px,#0000 1px);background-size:26px 26px}
.m-flap{background-image:repeating-linear-gradient(180deg,#0000 0 62px,#0b0d1014 62px 64px)}
.m-star{background-image:radial-gradient(1.3px 1.3px at 12% 22%,#e9d9a8 99%,#0000),radial-gradient(1px 1px at 34% 68%,#e9d9a8cc 99%,#0000),radial-gradient(1.5px 1.5px at 58% 16%,#fff 99%,#0000),radial-gradient(1px 1px at 72% 82%,#e9d9a8 99%,#0000),radial-gradient(1.2px 1.2px at 88% 40%,#fff 99%,#0000),radial-gradient(1px 1px at 22% 88%,#fff 99%,#0000),radial-gradient(1.4px 1.4px at 46% 44%,#e9d9a8aa 99%,#0000)}
.m-glow{background-image:radial-gradient(70% 60% at 12% 112%,#ff6a1fa8,#0000 70%),radial-gradient(60% 60% at 95% 120%,#c026d366,#0000 70%)}

/* About */
.about{background:var(--orange);padding-block:clamp(80px,10vw,170px) clamp(64px,8vw,130px);position:relative;z-index:1}
.about__g{display:grid;gap:32px}
.about p+p{margin-top:1em}
.about__t{max-width:36em;font-size:clamp(18px,.5vw + 16px,22px);line-height:1.42;font-weight:500}
@media(min-width:1000px){.about__g{grid-template-columns:1.25fr 1fr;align-items:end;gap:64px}}

/* Manual */
.man{background:var(--paper);padding-block:clamp(72px,9vw,150px)}
.kick{font-size:15px;font-weight:700;letter-spacing:-.005em;display:inline-flex;align-items:center;gap:.5em;margin-bottom:14px}
.kick::before{content:"";width:.6em;height:.6em;border-radius:50%;background:var(--orange);box-shadow:0 0 0 1.5px var(--navy)}
.man__l{margin-top:clamp(36px,5vw,72px);border-top:2px solid var(--navy)}
.rule{display:grid;gap:10px;padding-block:clamp(22px,3vw,38px);border-bottom:1px solid var(--line)}
.rule h3{display:flex;align-items:center;gap:.42em;font-size:clamp(30px,4.4vw,72px);font-weight:800;letter-spacing:-.04em;line-height:1.02}
.rule h3 span{flex:none;display:grid;place-items:center;width:1.25em;height:1.25em;font-size:.72em;letter-spacing:0;font-weight:800;color:var(--navy);background:var(--orange);border-radius:.3em;box-shadow:inset 0 1.5px 0 #ffffff80,inset 0 -2.5px 0 #0000002e,0 2px 0 var(--navy)}
.rule__b{max-width:36em}
.rule__s{margin-top:8px;font-size:16px;color:var(--muted);max-width:38em;line-height:1.45}
.rule__s a{color:var(--navy);font-weight:600}
@media(min-width:900px){.rule{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:baseline}}

/* Help */
.help{background:var(--white);padding-block:clamp(72px,9vw,150px)}
.help__g{display:grid;gap:clamp(40px,5vw,80px);margin-top:clamp(32px,4vw,56px)}
@media(min-width:1000px){.help__g{grid-template-columns:1.1fr 1fr}}
.fix{display:grid;gap:14px}
.fix li{background:var(--navy);color:#fff;border-radius:var(--r);padding:clamp(20px,2.4vw,32px)}
.fix li:nth-child(2){background:var(--orange);color:var(--navy)}
.fix li:nth-child(3){background:#E3E6EC;color:var(--navy)}
.fix h3{font-size:clamp(23px,1.8vw + 16px,34px);font-weight:800;letter-spacing:-.03em;line-height:1.08}
.fix p{margin-top:10px;max-width:34em}
.fix a.mail{display:inline-flex;align-items:center;min-height:48px;margin-top:14px;padding:.4em .95em;border-radius:12px;background:currentColor;font-weight:700;text-decoration:none;overflow-wrap:anywhere}
.fix a.mail span{color:#fff}
.fix li:first-child a.mail span{color:var(--navy)}
.fix a.mail:focus-visible{outline-color:currentColor}
.faq h3.t2{font-size:clamp(23px,1.6vw + 16px,32px);font-weight:800;letter-spacing:-.03em;margin-bottom:10px}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:60px;padding-block:12px;font-weight:600;font-size:clamp(18px,.4vw + 16.5px,21px);letter-spacing:-.012em;line-height:1.25}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";flex:none;width:14px;height:14px;background:linear-gradient(currentColor,currentColor) center/100% 2.5px no-repeat,linear-gradient(currentColor,currentColor) center/2.5px 100% no-repeat;transition:transform .2s}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details p{padding-bottom:18px;max-width:36em}

/* Contact & plate */
.con{background:var(--navy);color:#fff;padding-block:clamp(72px,9vw,150px)}
.con__g{display:grid;gap:clamp(36px,5vw,72px)}
@media(min-width:1000px){.con__g{grid-template-columns:1.2fr 1fr;align-items:center}}
.con__m{display:grid;gap:18px;margin-top:clamp(24px,3vw,40px)}
.con__m dt{font-size:15px;color:#D9DEE8}
.con__m dd a{font-size:clamp(20px,2.2vw + 13px,38px);font-weight:700;letter-spacing:-.028em;line-height:1.15;overflow-wrap:anywhere}
.plate{position:relative;background:linear-gradient(135deg,#E6E8EC,#CDD1D9 55%,#E2E4E9);color:var(--navy);border-radius:var(--r);padding:clamp(24px,3vw,40px) clamp(22px,3vw,40px);box-shadow:inset 0 1.5px 0 #fff,inset 0 -2px 0 #0000002e,0 18px 34px -16px #000a;transform:rotate(-1.2deg)}
.plate::before,.plate::after{content:"";position:absolute;width:11px;height:11px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,#8b92a1 70%);box-shadow:0 1px 1px #0006;top:12px}
.plate::before{left:12px}.plate::after{right:12px}
.plate h3{font-size:clamp(23px,2vw + 14px,32px);font-weight:800;letter-spacing:-.03em;line-height:1.1;padding-inline:12px 0}
.plate dl{margin-top:16px;display:grid;grid-template-columns:auto 1fr;gap:9px 18px;font-size:16px;line-height:1.35}
.plate dt{font-weight:600;color:#3A4358}
.plate dd{font-weight:600}
.plate address{font-style:normal}

/* Footer */
.foot{background:var(--navy);color:#D9DEE8;border-top:1px solid #ffffff26;padding-block:28px 36px;font-size:15px}
.foot__in{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px 28px}
.foot a{color:#fff;display:inline-flex;align-items:center;min-height:44px;margin-right:18px}
.foot p{align-self:center}

/* Legal pages */
.lg-h{background:var(--orange);padding-top:clamp(90px,10vw,140px);padding-bottom:clamp(28px,4vw,56px)}
.lg-h h1{font-size:clamp(52px,10vw,150px);font-weight:900;letter-spacing:-.05em;line-height:.92;margin-left:-.03em}
.lg-h p{margin-top:16px;font-weight:500}
.lg-b{padding-block:clamp(40px,6vw,88px)}
.lg-g{display:grid;gap:32px}
.toc{font-size:15px}
.toc b{display:block;font-weight:700;margin-bottom:6px}
.toc ul{display:flex;flex-wrap:wrap;gap:0 14px}
.toc a{display:inline-flex;align-items:center;min-height:36px;text-decoration:none;font-weight:500}
.toc a:hover{text-decoration:underline}
@media(min-width:1000px){.lg-g{grid-template-columns:230px minmax(0,740px);gap:64px}.toc{position:sticky;top:90px;align-self:start}.toc ul{display:block}.toc a{min-height:32px}}
.prose{max-width:42em}
.prose h2{font-size:clamp(24px,1.2vw + 19px,32px);font-weight:800;letter-spacing:-.028em;line-height:1.12;margin:clamp(34px,4vw,52px) 0 8px;scroll-margin-top:84px}
.prose h2:first-of-type{margin-top:clamp(34px,4vw,52px)}
.prose p+p{margin-top:1em}
.prose>p:first-child{font-size:1.1em;line-height:1.45;font-weight:500}

/* 404 */
.nf{background:var(--orange);min-height:100svh;padding-block:96px 48px;display:grid;align-items:center;overflow:clip}
.nf__g{display:grid;gap:36px;align-items:center;--w:clamp(190px,56vw,300px)}
.nf h1{font-size:clamp(52px,11vw,170px);font-weight:900;letter-spacing:-.05em;line-height:.92;margin-left:-.03em}
.nf p{margin-top:18px;max-width:27em;font-size:clamp(18px,1vw + 15px,23px);line-height:1.35;font-weight:500}
.nf .o{--shell:var(--navy);--ctl:#F3F4F1;--ctlon:var(--navy);transform:rotate(5deg);justify-self:end;margin-right:4vw}
.static{position:absolute;inset:0;display:grid;place-items:center;text-align:center;color:#fff;background:#0b1326;font-weight:900;font-size:calc(var(--w)*.2);letter-spacing:-.04em}
.static::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(180deg,#ffffff0f 0 2px,#0000 2px 6px)}
@media(min-width:900px){.nf__g{grid-template-columns:1.6fr 1fr;--w:clamp(250px,23vw,380px)}.nf .o{justify-self:center;margin:0}}

@media(min-width:1600px){.hero h1{font-size:clamp(160px,9.2vw,240px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.js .bay:not(.in) .dev{transform:rotate(calc(var(--tilt)*1deg))}}
@media print{.bar,.hint,.pile{display:none}}

/* menu sempre legivel sobre textos e faixas escuras */
.pill{background:#14213D!important;border:1px solid rgba(255,255,255,.14);box-shadow:0 10px 26px rgba(10,18,36,.32)}