
body{margin:0;background:#171316}
*{box-sizing:border-box}
.fa{--fd:"Bricolage Grotesque","Inter",system-ui,sans-serif;--grad:linear-gradient(90deg,#d1685a,#b17b95 50%,#6fae7c);--bg:#171316;--l1:#1f191d;--line:rgba(255,255,255,.12);--tx:#efe7ea;--t2:#c9c0c3;--t3:#a79ca0;--ac:#d9a8bb;--pos:#6fae7c;--neg:#d1685a;--warn:#f0be6e;--r:8px;--rl:14px;--ease:cubic-bezier(.16,1,.3,1);
  background:var(--bg) url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .07 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");color:var(--tx);font:400 16px/1.55 "Inter",system-ui,-apple-system,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}
.lt{background-image:none!important;--bg:#f6f0f2;--l1:#fffcfd;--line:#e0d4d9;--tx:#241a1f;--t2:#4f4449;--t3:#5f5459;--ac:#7a4060;--pos:#2f6a3c;--neg:#a3243b;--warn:#8a5a10;background:var(--bg);color:var(--tx)}
.fa :where(p,li) a{color:var(--ac);text-decoration-thickness:1px;text-underline-offset:3px}
.fa :where(p,li) a:hover{text-decoration-thickness:2px}
.fa ::selection{background:#8a4f6b;color:#fff}
.fa :focus-visible{outline:2px solid var(--ac);outline-offset:2px}
.wrap{width:100%;max-width:1280px;margin:0 auto;padding:0 32px}
.sec{padding:96px 0}
.col{display:flex;flex-direction:column}
.g8{gap:8px}.g12{gap:12px}.g16{gap:16px}.g24{gap:24px}.g32{gap:32px}.g48{gap:48px}.g64{gap:64px}
.row{display:flex;flex-wrap:wrap;align-items:center}
.h1{font:500 clamp(44px,6.6vw,92px)/1.1 var(--fd);font-variation-settings:"opsz" 96,"wdth" 88;letter-spacing:-.035em;margin:0;text-wrap:balance}
.h2{font:500 clamp(34px,4.4vw,56px)/1.1 var(--fd);font-variation-settings:"opsz" 72,"wdth" 90;letter-spacing:-.03em;margin:0;text-wrap:balance;max-width:20ch}
.h2.w{max-width:26ch}
.h3{font:500 clamp(24px,2.6vw,34px)/1.15 var(--fd);font-variation-settings:"opsz" 48,"wdth" 92;letter-spacing:-.02em;margin:0;text-wrap:balance}
.h4{font:500 20px/1.25 var(--fd);font-variation-settings:"opsz" 24;letter-spacing:-.01em;margin:0}
.lead{font:400 18px/1.55 "Inter",system-ui,sans-serif;color:var(--t2);margin:0;max-width:65ch;text-wrap:pretty}
.body{font:400 16px/1.55 "Inter",system-ui,sans-serif;color:var(--t2);margin:0;max-width:65ch;text-wrap:pretty}
.sec2{font:400 14px/1.5 "Inter",system-ui,sans-serif;color:var(--t2);margin:0;text-wrap:pretty}
.meta{font:400 12px/1.4 "Inter",system-ui,sans-serif;color:var(--t3);margin:0;text-wrap:pretty}
.strong{color:var(--tx);font-weight:500}
.num{font:500 36px/1.1 var(--fd);font-variation-settings:"opsz" 72,"wdth" 85;letter-spacing:-.03em;color:var(--tx);font-variant-numeric:tabular-nums}
.panel{background:var(--l1);border:1px solid var(--line);border-radius:var(--rl)}
.hair{border-top:1px solid var(--line)}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));gap:16px}
.split{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(440px,100%),1fr));gap:48px;align-items:center}
.mk{display:inline-flex;align-items:center;gap:8px;font:400 12px/1.4 "Inter",system-ui,sans-serif;color:var(--t2);white-space:nowrap}
.mk::before{content:"";width:8px;height:8px;border-radius:2px;background:var(--c,var(--t3));flex:none}
.mk-fact{--c:var(--pos)}.mk-model{--c:var(--ac)}.mk-build{--c:var(--warn)}
.mk-plan::before{background:transparent;box-shadow:inset 0 0 0 1.5px var(--t3)}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 24px;border-radius:var(--r);font:500 16px/1.2 "Inter",system-ui,sans-serif;text-decoration:none;border:1px solid transparent;cursor:pointer;transition:background-color 150ms ease-out,border-color 150ms ease-out,transform 150ms ease-out;white-space:nowrap}
.fa .btn-p{background:var(--ac);color:#171316}.fa .btn-p:hover{background:#ecc6d5;color:#171316;transform:translateY(-1px)}
.fa .btn-s{background:transparent;color:var(--tx);border-color:rgba(255,255,255,.32)}.fa .btn-s:hover{border-color:var(--ac);color:var(--tx);transform:translateY(-1px)}
.btn-i{min-width:48px;padding:0}
.fa .nl{display:inline-flex;align-items:center;min-height:44px;padding:0 8px;font:500 14px/1.2 "Inter",system-ui,sans-serif;color:var(--t2);text-decoration:none;white-space:nowrap}
.fa a.nl:hover,.fa a.nl[aria-current]{color:var(--tx)}
.skip{position:absolute;left:16px;top:-80px;z-index:100;background:var(--ac);color:#171316!important;padding:12px 16px;border-radius:var(--r);font:500 14px/1.2 "Inter",sans-serif;text-decoration:none}
.skip:focus{top:8px}
.hdr{position:sticky;top:0;z-index:50;background:#171316 url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .07 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");border-bottom:1px solid var(--line)}
.mark{width:16px;height:16px;border-radius:4px;background:linear-gradient(135deg,#d1685a,#6fae7c);flex:none;transition:transform 300ms var(--ease)}
a:hover>.mark{transform:rotate(90deg)}
.word{font:600 21px/1.2 var(--fd);font-variation-settings:"opsz" 24,"wdth" 90;letter-spacing:-.02em;color:var(--tx)}
.phone{background:#0b090a;border:1px solid rgba(255,255,255,.14);border-radius:14%/6.5%;padding:2.4%;box-shadow:0 24px 48px rgba(0,0,0,.4)}
.phone img{display:block;width:100%;height:auto;border-radius:12%/5.6%}
.lt .phone{box-shadow:0 8px 24px rgba(36,26,31,.08);border-color:rgba(0,0,0,.3)}
.node{all:unset;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;gap:8px;padding:16px;border-radius:var(--r);min-height:112px;border:1px solid var(--line);background:transparent;transition:background-color 150ms ease-out,border-color 150ms ease-out}
.node:hover{background:rgba(255,255,255,.05)}
.node:focus-visible{outline:2px solid var(--ac);outline-offset:2px}
.node.on{background:var(--l1);border-color:var(--ac)}
.node .n{font:400 12px/1.4 "Inter",sans-serif;color:var(--t3)}
.node .t{font:500 16px/1.3 "Inter",sans-serif;color:var(--tx)}
.node .e{font:400 12px/1.4 "Inter",sans-serif;color:var(--t3)}
.lrow{all:unset;box-sizing:border-box;cursor:pointer;display:grid;grid-template-columns:minmax(140px,220px) 1fr auto;align-items:center;gap:16px;width:100%;min-height:64px;padding:12px 16px;border-radius:var(--r);border:1px solid transparent;border-bottom-color:var(--line);transition:background-color 150ms ease-out}
.lrow:hover{background:rgba(255,255,255,.04)}
.lrow:focus-visible{outline:2px solid var(--ac);outline-offset:2px}
.lrow.on{background:rgba(255,255,255,.06);border-color:var(--ac)}
.bar{height:8px;border-radius:4px;background:rgba(255,255,255,.1);overflow:hidden}
.bar span{display:block;height:100%;width:100%;transform-origin:left}
.pill{all:unset;box-sizing:border-box;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;min-width:64px;min-height:44px;padding:0 16px;border-radius:var(--r);font:500 14px/1.2 "Inter",sans-serif;color:var(--t2);border:1px solid var(--line);background:var(--l1)}
.pill:hover{border-color:var(--ac)}
.pill:focus-visible{outline:2px solid var(--ac);outline-offset:2px}
.pill.on{background:#241a1f;color:#fbf7f8;border-color:#241a1f}
.trow{display:grid;grid-template-columns:minmax(120px,176px) 1fr;gap:24px;padding:24px 0;border-top:1px solid var(--line)}
.stage{padding:24px;border-left:1px solid var(--line);display:flex;flex-direction:column;gap:12px;min-height:240px}
.stage.now{background:var(--l1);border:1px solid var(--ac);border-radius:var(--rl)}
.field{display:flex;flex-direction:column;gap:8px}
.field label{font:500 14px/1.3 "Inter",sans-serif;color:var(--tx)}
.field input,.field select,.field textarea{font:400 16px/1.4 "Inter",sans-serif;color:var(--tx);background:transparent;border:1px solid rgba(255,255,255,.3);border-radius:var(--r);padding:12px 16px;min-height:48px;width:100%}
.field input[aria-invalid="true"],.field textarea[aria-invalid="true"]{border-color:#ff8f9f}
.field select option{color:#171316}
.err{margin:0;font:400 14px/1.4 "Inter",sans-serif;color:#ff9ba8}
.ph{display:flex;align-items:center;justify-content:center;background:var(--l1);border:1px dashed var(--t3);border-radius:var(--r);color:var(--t3);font:400 12px/1.4 "Inter",sans-serif;text-align:center}
.fade{animation:fin 300ms var(--ease) both}
.swap{animation:fin 200ms var(--ease) both}
@keyframes fin{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

.hero{position:relative;overflow:hidden}
.glow{position:absolute;pointer-events:none;inset:-20% -10% auto 35%;height:900px;background:radial-gradient(closest-side,rgba(138,79,107,.55),rgba(138,79,107,.18) 55%,transparent 75%);filter:none}
.glow2{position:absolute;pointer-events:none;right:-6%;top:58%;width:420px;height:420px;background:radial-gradient(closest-side,rgba(111,174,124,.16),transparent 70%)}
.gline{display:block;height:2px;width:120px;border-radius:2px;background:var(--grad);transform-origin:left}
.call{position:absolute;z-index:3;display:flex;flex-direction:column;gap:4px;padding:12px 16px;border-radius:12px;background:#221b20;border:1px solid rgba(255,255,255,.14);box-shadow:0 16px 40px rgba(0,0,0,.45)}
.call .cn{font:500 24px/1.1 var(--fd);font-variation-settings:"opsz" 48,"wdth" 85;letter-spacing:-.02em;color:var(--tx);font-variant-numeric:tabular-nums}
.call .cn small{font:400 12px/1 "Inter",sans-serif;color:var(--t3);margin-left:4px;letter-spacing:0}
/* load choreography (hero only) */
@keyframes rise{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
@keyframes fanL{from{opacity:0;transform:translateX(56px) rotate(0)}to{opacity:1;transform:rotate(-5deg)}}
@keyframes fanR{from{opacity:0;transform:translateX(-56px) rotate(0)}to{opacity:1;transform:rotate(5deg)}}
@keyframes pop{from{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:none}}
@keyframes draw{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.in{animation:rise 600ms var(--ease) both;animation-delay:calc(var(--d,0) * 90ms)}
.fanL{transform:rotate(-5deg);animation:fanL 900ms var(--ease) 350ms both}
.fanR{transform:rotate(5deg);animation:fanR 900ms var(--ease) 350ms both}
.pop{animation:pop 500ms var(--ease) both;animation-delay:calc(var(--d,0) * 90ms)}
.gline.in{animation:draw 900ms var(--ease) 500ms both}
/* scroll reveals: content is visible by default; hidden only after JS boots */
[data-rv]{transition:opacity 600ms var(--ease),transform 700ms var(--ease);transition-delay:calc(var(--d,0) * 80ms)}
.fa[data-js] [data-rv]:not([data-in]){opacity:0;transform:translateY(24px)}
.fa[data-js] .sc[data-rv]:not([data-in]){transform:translate(var(--sx,0),var(--sy,24px)) rotate(var(--sr,0deg))}
.ch{transition:color 400ms ease-out,opacity 400ms ease-out;transition-delay:calc(var(--i) * 110ms + 200ms)}
.fa[data-js] [data-rv]:not([data-in]) .ch{opacity:.25}
.ch.last{color:var(--pos)}
.bar span{transition:transform 900ms var(--ease);transition-delay:calc(var(--d,0) * 120ms + 200ms)}
.fa[data-js] [data-rv]:not([data-in]) .bar span{transform:scaleX(0)!important}
.sq{transform-origin:0 100%;transition:transform 900ms var(--ease);transition-delay:calc(var(--d,0) * 160ms + 100ms)}
.fa[data-js] [data-rv]:not([data-in]) .sq{transform:scale(0)}
/* loop ring */
.ring{position:relative;width:min(400px,100%);aspect-ratio:1/1;margin:0 auto}
.ring svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.ring-arc{transition:stroke-dashoffset 1600ms var(--ease) 200ms}
.fa[data-js] .ring:not([data-in]) .ring-arc{stroke-dashoffset:100}
.orbit{transform-origin:200px 200px;animation:spin 16s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.rnode{all:unset;box-sizing:border-box;position:absolute;width:48px;height:48px;margin:-24px 0 0 -24px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;background:#1f191d;border:1px solid rgba(255,255,255,.18);font:500 16px/1 var(--fd);color:var(--t2);transition:background-color 200ms ease-out,color 200ms ease-out,transform 200ms var(--ease)}
.rnode:hover{transform:scale(1.08);color:var(--tx)}
.rnode.on{background:var(--ac);border-color:var(--ac);color:#171316;transform:scale(1.15)}
.p0{left:50%;top:8%}.p1{left:86.4%;top:29%}.p2{left:86.4%;top:71%}.p3{left:50%;top:92%}.p4{left:13.6%;top:71%}.p5{left:13.6%;top:29%}
.ring-c{position:absolute;inset:24%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px}
.ring-t{font:500 clamp(22px,2.4vw,30px)/1.15 var(--fd);font-variation-settings:"opsz" 48,"wdth" 88;letter-spacing:-.02em;color:var(--tx);text-wrap:balance}
.swapA{animation:fin 300ms var(--ease) both}.swapB{animation:fin2 300ms var(--ease) both}
@keyframes fin2{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
/* status pulse for "now" */
.mk-now::before{animation:pulse 2s ease-out infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(240,190,110,.6)}100%{box-shadow:0 0 0 8px rgba(240,190,110,0)}}
.band{position:relative;background:var(--l1)}
.band::before{content:"";position:absolute;left:0;right:0;top:-1px;height:2px;background:var(--grad)}
.big-q{font:500 clamp(28px,3.4vw,44px)/1.12 var(--fd);font-variation-settings:"opsz" 72,"wdth" 88;letter-spacing:-.03em;margin:0;text-wrap:balance}
.phone{transition:transform 300ms var(--ease)}
.duo::before{content:"";position:absolute;inset:10% 0 10% 0;background:radial-gradient(closest-side,rgba(138,79,107,.32),transparent 70%);pointer-events:none}
.duo .back .phone{transform:rotate(4deg)}
.duo .back[style*="left:0"] .phone{transform:rotate(-4deg)}
.duo:hover .back .phone{transform:rotate(0)}
.duo .front{transition:transform 700ms var(--ease) 150ms}
.fa[data-js] .duo:not([data-in]) .front{transform:translateY(32px)}

/* receipt scan showcase */
.scan{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:32px;position:relative}
.rc-wrap{position:relative;justify-self:end;width:min(320px,100%);transform:rotate(-3deg)}
.rc{position:relative;background:#fbf8f3;color:#2b2427;font:400 13px/1.5 "IBM Plex Mono",ui-monospace,Menlo,Consolas,monospace;padding:24px 20px 32px;box-shadow:0 24px 48px rgba(0,0,0,.45);-webkit-mask:conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) 50%/12px 100%;mask:conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) 50%/12px 100%}
.rc::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.035),transparent 30%,rgba(0,0,0,.03) 60%,transparent);pointer-events:none}
.rc .c{text-align:center}.rc .b{font-weight:500}
.rc .dash{border-top:1px dashed #9c9196;margin:8px 0}
.rc .ln{display:flex;justify-content:space-between;gap:12px;padding:0 4px;margin:0 -4px;border-radius:2px}
.rc .sub{display:flex;justify-content:space-between;color:#6d6266;padding-left:12px}
.rc .tot{display:flex;justify-content:space-between;font:500 18px/1.4 "IBM Plex Mono",ui-monospace,monospace;margin-top:4px}
.rc .stamp{position:absolute;right:20px;bottom:56px;transform:rotate(12deg);border:1.5px solid rgba(163,36,59,.55);color:rgba(163,36,59,.7);font:500 12px/1 "IBM Plex Mono",monospace;padding:6px 8px;border-radius:4px;letter-spacing:.08em}
.beam{position:absolute;left:-12px;right:-12px;top:0;height:3px;border-radius:3px;background:var(--grad);box-shadow:0 0 16px 4px rgba(217,168,187,.45);opacity:0;animation:beam 6s var(--ease) infinite}
@keyframes beam{0%{opacity:0;transform:translateY(40px)}6%{opacity:1}52%{opacity:1;transform:translateY(560px)}58%,100%{opacity:0;transform:translateY(560px)}}
.rc .ln.hl{animation:hl 6s linear infinite;animation-delay:calc(var(--i) * 450ms + 900ms)}
@keyframes hl{0%{background:transparent}3%{background:rgba(111,174,124,.28)}14%,100%{background:transparent}}
.scan-ph{justify-self:start}
.flow{display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--t3)}
.flow i{display:block;width:2px;height:64px;background:linear-gradient(var(--line),var(--ac),var(--line));border-radius:2px}
.scr{position:relative;aspect-ratio:402/875;border-radius:12%/5.6%;overflow:hidden;background:#141013;font-family:"Inter",system-ui,sans-serif;color:#efe7ea;display:flex;flex-direction:column}
.scr .sb{display:flex;justify-content:space-between;align-items:center;padding:10px 18px 0;font:600 12px/1 "Inter",sans-serif}
.scr .isl{width:72px;height:20px;border-radius:12px;background:#000}
.scr .top{display:flex;justify-content:space-between;align-items:center;padding:12px 14px 8px;font:500 13px/1.2 "Inter",sans-serif}
.scr .x{width:24px;height:24px;border-radius:50%;border:1px solid rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center;color:#c9c0c3;font-size:12px}
.vf{position:relative;margin:0 14px;flex:1 1 auto;min-height:0;border-radius:10px;overflow:hidden;background:radial-gradient(120% 90% at 50% 40%,#3a3034,#151113 75%)}
.vf .paper{position:absolute;left:22%;right:22%;top:10%;bottom:6%;background:#e9e3dc;transform:rotate(-3deg);box-shadow:0 8px 24px rgba(0,0,0,.5);padding:10% 8%;display:flex;flex-direction:column;gap:5px;filter:blur(.3px)}
.vf .paper span{display:block;height:3px;border-radius:2px;background:#9b9095}
.vf .paper span.s{width:55%;margin:0 auto 4px}.vf .paper span.m{width:80%}.vf .paper span.l{width:100%}.vf .paper span.t{height:6px;width:60%;margin-left:auto;background:#6f6468;margin-top:6px}
.vf .det{position:absolute;left:19%;right:19%;top:7%;bottom:3%;border:1.5px solid #6fae7c;border-radius:6px;transform:rotate(-3deg);box-shadow:0 0 0 999px rgba(20,16,19,.35)}
.vf .cn4{position:absolute;width:18px;height:18px;border-color:#f3dbe5;border-style:solid}
.vf .cn4.a{left:10px;top:10px;border-width:2px 0 0 2px;border-radius:6px 0 0 0}.vf .cn4.b{right:10px;top:10px;border-width:2px 2px 0 0;border-radius:0 6px 0 0}.vf .cn4.c{left:10px;bottom:10px;border-width:0 0 2px 2px;border-radius:0 0 0 6px}.vf .cn4.d{right:10px;bottom:10px;border-width:0 2px 2px 0;border-radius:0 0 6px 0}
.vf .sline{position:absolute;left:18%;right:18%;top:8%;height:2px;background:var(--grad);box-shadow:0 0 10px 2px rgba(217,168,187,.5);animation:sline 6s var(--ease) infinite;opacity:0}
@keyframes sline{0%{opacity:0;transform:translateY(0)}6%{opacity:1}52%{opacity:1;transform:translateY(220px)}58%,100%{opacity:0;transform:translateY(220px)}}
.vf .tag{position:absolute;left:50%;bottom:8px;transform:translateX(-50%);white-space:nowrap;display:flex;align-items:center;gap:6px;background:rgba(20,16,19,.85);border:1px solid rgba(255,255,255,.14);border-radius:12px;padding:4px 10px;font:500 11px/1.2 "Inter",sans-serif;color:#efe7ea}
.vf .tag::before{content:"";width:6px;height:6px;border-radius:50%;background:#6fae7c}
.sheet{margin:10px 14px 14px;padding:10px 12px;border-radius:10px;background:#1f191d;border:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;gap:6px}
.sheet .hd{display:flex;justify-content:space-between;font:500 11px/1.2 "Inter",sans-serif;color:#a79ca0;letter-spacing:.02em}
.sheet .it{display:grid;grid-template-columns:1fr auto;gap:0 8px;font:400 11px/1.25 "Inter",sans-serif;animation:ocr 6s var(--ease) infinite both;animation-delay:calc(var(--i) * 450ms + 900ms)}
.sheet .it b{font-weight:500;color:#efe7ea}.sheet .it em{font-style:normal;color:#86797d;font-size:10px;letter-spacing:.03em}.sheet .it span{color:#d1685a;text-align:right;grid-row:span 2;align-self:center}
@keyframes ocr{0%{opacity:.15;transform:translateX(-4px)}4%{opacity:1;transform:none}88%{opacity:1}96%,100%{opacity:.15}}
.sheet .ft{display:flex;justify-content:space-between;align-items:center;border-top:1px solid rgba(255,255,255,.08);padding-top:6px;font:500 12px/1.2 "Inter",sans-serif}
.sheet .ft span{color:#d1685a}
.sheet .cta{margin-top:2px;text-align:center;border-radius:8px;background:#d9a8bb;color:#171316;font:500 12px/1 "Inter",sans-serif;padding:9px 0}

/* mission */
.mis{position:relative;overflow:hidden;background:#1c1418}
.mis::before{content:"";position:absolute;left:-10%;top:-30%;width:70%;height:90%;background:radial-gradient(closest-side,rgba(138,79,107,.4),transparent 72%);pointer-events:none}
.mis::after{content:"";position:absolute;right:-10%;bottom:-20%;width:60%;height:70%;background:radial-gradient(closest-side,rgba(111,174,124,.14),transparent 70%);pointer-events:none}
.mis>.wrap{position:relative;z-index:1}
.eyebrow{font:500 12px/1.2 "Inter",sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--ac);display:inline-flex;align-items:center;gap:12px}
.eyebrow::before{content:"";width:32px;height:2px;border-radius:2px;background:var(--grad)}
.mis-h{font:500 clamp(40px,6vw,84px)/1.06 var(--fd);font-variation-settings:"opsz" 96,"wdth" 86;letter-spacing:-.035em;margin:0;max-width:16ch;text-wrap:balance}
.tagline{font:500 clamp(20px,2vw,24px)/1.35 var(--fd);font-variation-settings:"opsz" 32,"wdth" 92;color:var(--tx);margin:0;padding-left:20px;border-left:2px solid var(--ac);max-width:40ch}
.jr{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:16px;position:relative}
.jr-br{grid-row:1;display:flex;flex-direction:column;gap:8px;padding-bottom:24px}
.jr-br i{display:block;height:8px;border:1.5px solid var(--c);border-bottom:0;border-radius:6px 6px 0 0}
.jr-br.now{grid-column:1/3;--c:#f0be6e}.jr-br.far{grid-column:3/5;--c:rgba(255,255,255,.3)}.jr-br.far i{border-style:dashed}
.jr-tr{grid-row:2;grid-column:1/-1;position:relative;height:56px}
.jr-tr::before{content:"";position:absolute;left:24px;right:24px;top:27px;height:2px;background:rgba(255,255,255,.1)}
.jr-tr b{position:absolute;left:24px;right:24px;top:27px;height:2px;background:var(--grad);transform-origin:left;transition:transform 1600ms var(--ease) 200ms}
.fa[data-js] .jr:not([data-in]) .jr-tr b{transform:scaleX(0)}
.jr-st{grid-row:3;position:relative;display:flex;flex-direction:column;gap:12px;padding:16px 16px 0 0}
.jr-n{position:absolute;top:-52px;width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font:500 18px/1 var(--fd);color:#171316;background:var(--c);box-shadow:0 0 0 6px #1c1418;transition:transform 500ms var(--ease),opacity 500ms var(--ease);transition-delay:calc(var(--i) * 380ms + 300ms)}
.fa[data-js] .jr:not([data-in]) .jr-n{transform:scale(.4);opacity:0}
.jr-name{font:500 clamp(20px,1.9vw,26px)/1.15 var(--fd);font-variation-settings:"opsz" 32,"wdth" 90;letter-spacing:-.02em;margin:0}
.jr-say{font:400 17px/1.45 "Inter",sans-serif;color:var(--tx);margin:0}
.mis-q{font:500 clamp(24px,2.6vw,34px)/1.2 var(--fd);font-variation-settings:"opsz" 48,"wdth" 90;letter-spacing:-.02em;margin:0;text-wrap:balance}
.chk{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.chk li{display:grid;grid-template-columns:24px 1fr;gap:12px;padding:12px 0;border-top:1px solid var(--line)}
.chk li::before{content:"";width:12px;height:12px;margin-top:6px;border-radius:3px;background:var(--c,#6fae7c)}
.chk.no li::before{background:transparent;box-shadow:inset 0 0 0 1.5px #d1685a;border-radius:50%}
.closing{font:500 clamp(30px,4vw,56px)/1.1 var(--fd);font-variation-settings:"opsz" 72,"wdth" 86;letter-spacing:-.03em;margin:0;max-width:22ch;text-wrap:balance;color:var(--tx)}

/* mission data storytelling */
.ds{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:64px;align-items:center}
.ds.rev{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}
.ds-h{font:500 clamp(26px,3vw,40px)/1.12 var(--fd);font-variation-settings:"opsz" 72,"wdth" 88;letter-spacing:-.03em;margin:0;text-wrap:balance;max-width:20ch}
.src{font:400 12px/1.5 "Inter",sans-serif;color:var(--t3);margin:0}
.fa .src a{color:var(--t2);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.fa .src a:hover{color:var(--tx)}
.bc{position:relative;display:flex;flex-direction:column;gap:2px;margin:0;padding:0;list-style:none}
.bc-r{display:grid;grid-template-columns:132px minmax(0,1fr) 56px;align-items:center;gap:16px;min-height:44px;padding:0 8px;border-radius:8px;transition:background-color 150ms ease-out}
.bc-r:hover{background:rgba(255,255,255,.04)}
.bc-l{font:400 15px/1.3 "Inter",sans-serif;color:var(--t2)}
.bc-v{font:500 16px/1 var(--fd);font-variant-numeric:tabular-nums;text-align:right;color:var(--tx)}
.bc-t{position:relative;height:14px;background:repeating-linear-gradient(90deg,rgba(255,255,255,.07) 0 1px,transparent 1px calc(100%/var(--ticks,3)))}
.bc-t>i{position:absolute;left:0;top:0;bottom:0;width:var(--w);border-radius:0 4px 4px 0;background:rgba(255,255,255,.26);transform-origin:left;transition:transform 900ms var(--ease);transition-delay:calc(var(--d,0) * 90ms + 150ms)}
.fa[data-js] [data-rv]:not([data-in]) .bc-t>i{transform:scaleX(0)}
.bc-t.ref::after{content:"";position:absolute;top:-16px;bottom:-16px;left:var(--ref);border-left:1px dashed rgba(239,231,234,.45)}
.bc-r.eu .bc-l,.bc-r.eu .bc-v{color:var(--tx);font-weight:500}
.bc-r.eu .bc-t>i{background:repeating-linear-gradient(135deg,#d8cfd3 0 6px,#b8adb1 6px 9px)}
.bc-r.pl{background:rgba(217,168,187,.08)}
.bc-r.pl .bc-l{color:var(--tx);font-weight:500}.bc-r.pl .bc-v{color:var(--ac);font-size:18px}
.bc-r.pl .bc-t>i{background:linear-gradient(90deg,#b17b95,#d9a8bb);box-shadow:0 0 16px rgba(217,168,187,.35)}
.bc-ax{display:grid;grid-template-columns:132px minmax(0,1fr) 56px;gap:16px;padding:8px 8px 0}
.bc-ax div{position:relative;height:16px}
.bc-ax>div>span{position:absolute;transform:translateX(-50%);font:400 12px/1 "Inter",sans-serif;color:var(--t3)}
.bc-ax>div>span:first-child{transform:none}.bc-ax>div>span:last-child{transform:translateX(-100%)}
.fa details.meth{border-top:1px solid var(--line);padding-top:12px}
.fa details.meth summary{cursor:pointer;font:500 14px/1.4 "Inter",sans-serif;color:var(--t2);min-height:32px;display:flex;align-items:center;gap:8px;list-style:none}
.fa details.meth summary::-webkit-details-marker{display:none}
.fa details.meth summary::before{content:"+";display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;border:1px solid var(--line);font-size:14px;color:var(--ac)}
.fa details.meth[open] summary::before{content:"−"}
.fa details.meth summary:hover{color:var(--tx)}
.pair{display:flex;flex-direction:column;gap:12px;padding:24px 0;border-top:1px solid var(--line)}
.pair:first-child{border-top:0;padding-top:0}
.pair .bc-r{grid-template-columns:104px minmax(0,1fr) 64px}
.pair-q{font:500 16px/1.4 "Inter",sans-serif;color:var(--tx);margin:0;max-width:52ch}
.big{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0}
.big>div{display:flex;flex-direction:column;gap:12px;padding:0 32px 0 0}
.big>div+div{padding:0 0 0 32px;border-left:1px solid var(--line)}
.bn{font:500 clamp(88px,12vw,168px)/.9 var(--fd);font-variation-settings:"opsz" 96,"wdth" 78;letter-spacing:-.05em;color:var(--tx);font-variant-numeric:tabular-nums}
.bn.pos{color:#bfe3c6}
.bn-t{font:400 18px/1.45 "Inter",sans-serif;color:var(--tx);margin:0;max-width:30ch}
.bridge{font:500 clamp(28px,3.6vw,48px)/1.14 var(--fd);font-variation-settings:"opsz" 72,"wdth" 88;letter-spacing:-.03em;margin:0;max-width:24ch;text-wrap:balance}
.bridge-sub{color:var(--t2)}
.fa a.mail{font:500 clamp(22px,2.6vw,32px)/1.2 var(--fd);font-variation-settings:"opsz" 48,"wdth" 90;letter-spacing:-.02em;color:var(--tx);text-decoration:underline;text-decoration-color:var(--ac);text-decoration-thickness:2px;text-underline-offset:6px;overflow-wrap:anywhere}
.fa a.mail:hover{color:var(--ac)}
.phone img.lp-img{display:none}.phone img.lp-img.on{display:block}
.nav-m{display:none}
@media (max-width:1279.98px){.nav-d{display:none!important}.nav-m{display:inline-flex}}
@media (max-width:767.98px){
  .wrap{padding:0 16px}.sec{padding:64px 0}
  .side,.call{display:none!important}.glow{inset:-10% -40% auto 0}
  .main-p{left:50%!important;transform:translateX(-50%)!important}
  .stage{border-left:0;border-top:1px solid var(--line);min-height:0}
  .lrow{grid-template-columns:1fr auto}.lrow .bar{grid-column:1/-1;order:3}
  .trow{grid-template-columns:1fr;gap:8px}
  .duo{height:auto!important}.duo .back{display:none!important}
  .duo .front{position:relative!important;left:auto!important;right:auto!important;top:auto!important;margin:0 auto}
  .panel.pad{padding:24px!important}
  .scan{grid-template-columns:1fr;gap:24px}.rc-wrap{justify-self:center;transform:none}.scan-ph{justify-self:center}.flow i{height:32px}
  .jr{grid-template-columns:1fr;row-gap:24px}.jr-br,.jr-tr{display:none}.jr-st{grid-row:auto;padding:0 0 0 64px;position:relative;min-height:48px}.jr-n{left:0!important;top:0}
  .ds,.ds.rev{grid-template-columns:1fr;gap:32px}.ds.rev>.ds-txt{order:-1}.bc-r,.bc-ax{grid-template-columns:88px minmax(0,1fr) 44px;gap:8px;padding:0 4px}.pair .bc-r{grid-template-columns:84px minmax(0,1fr) 52px}.bc-l{font-size:14px}.big{grid-template-columns:1fr;gap:32px}.big>div,.big>div+div{padding:0;border-left:0}.big>div+div{border-top:1px solid var(--line);padding-top:32px}
  .cols>*{padding:24px 0!important;border-left:0!important}.cols>*+*{border-top:1px solid var(--line)}
}
@media (prefers-reduced-motion:reduce){.fade,.swap,.swapA,.swapB,.in,.pop,.fanL,.fanR,.orbit,.mk-now::before{animation:none!important}.btn,.node,.lrow,.rnode,[data-rv],.ch,.bar span,.sq,.ring-arc,.mark,.phone,.duo .front,.jr-tr b,.jr-n,.bc-t>i{transition:none!important}.beam,.vf .sline{display:none}.rc .ln.hl,.sheet .it{animation:none!important}.fa .btn:hover,.rnode:hover{transform:none}}

[hidden]{display:none!important}
