/* ---------- 5. Technology & evidence (palette bg-3) — each claim with its own small demo ---------- */
.tech{background:var(--bg-3);color:var(--ink);padding:var(--pad) 0}
.tech .eyebrow,.tech .lead{color:var(--muted)}
.scope,.pill{justify-self:start;display:inline-block;font-size:12.5px;font-weight:700;padding:4px 11px;border-radius:var(--r-btn);background:var(--bg-2);color:var(--ink)}
.proofs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.proof{display:grid;align-content:start;gap:10px;padding:20px 20px 26px;border-radius:var(--r-card);background:var(--bg-2);box-shadow:inset 0 0 0 1px var(--line)}
.proof h3{font-size:clamp(20px,1.8vw,24px);line-height:1.3;letter-spacing:-.045em;font-weight:770;margin-top:6px}
.proof p{font-size:15.5px;line-height:1.62}
.proof .cond{font-size:12.5px;line-height:1.6;color:var(--muted)}
.demo{position:relative;height:200px;border-radius:var(--r-card);background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);overflow:hidden}
/* same file → same bars, three times */
.runs{position:absolute;inset:14px 16px;display:grid;grid-template-rows:repeat(3,1fr);gap:4px}
.run{display:grid;grid-template-columns:28px 26px 1fr;align-items:center;gap:10px;border-top:1px dashed var(--line)}
.run:first-child{border-top:0}
.run .lbl{font-size:12px;font-weight:720;color:var(--muted);font-variant-numeric:tabular-nums}
.run .ph{width:26px;height:32px;border-radius:var(--r-xs);background:url(/f1/assets/analysis-portrait.webp) 50% 30%/cover}
.run .bars{display:flex;align-items:flex-end;gap:5px;height:34px}
.run .bars i{flex:1;height:calc(var(--v) * 100%);border-radius:var(--r-xs);background:var(--t-brand);transform-origin:bottom;transform:scaleY(0)}
.d-same.play .bars i{animation:grow .55s var(--ease) both;animation-delay:calc(var(--r) * .75s + var(--n) * .06s)}
.still .run .bars i{transform:none}
@keyframes grow{from{transform:scaleY(0)}to{transform:scaleY(1)}}
.replay{position:absolute;right:10px;top:10px;width:44px;height:44px;border-radius:50%;background:var(--bg-2);display:grid;place-items:center}
.replay::before{content:'';width:14px;height:14px;border-radius:50%;border:2px solid var(--ink);border-right-color:transparent;transform:rotate(30deg)}
/* the photo stays in the device; only score / answer chips travel */
.d-local{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:0 18px}
.dev{position:relative;width:86px;height:140px;border-radius:var(--r-card);box-shadow:inset 0 0 0 2px var(--line);display:grid;place-items:center;outline:1.5px dashed var(--p-pro);outline-offset:6px}
.dev-l{position:absolute;top:-30px;left:-6px;font-size:11px;font-weight:720;color:var(--p-pro-text);white-space:nowrap}
.dev .photo{position:relative;width:42px;height:52px;border-radius:var(--r-sm);background:url(/f1/assets/analysis-portrait.webp) 50% 30%/cover}
.dev .photo b{position:absolute;right:-7px;bottom:-7px;width:18px;height:18px;border-radius:var(--r-xs);background:var(--t-pro)}
.dev .photo b::before{content:'';position:absolute;left:5px;top:-5px;width:8px;height:8px;border:2px solid var(--t-pro);border-bottom:0;border-radius:var(--r-xs) var(--r-xs) 0 0}
.ph-l{position:absolute;bottom:12px;font-size:11px;font-weight:700;color:var(--muted)}
.wire{position:relative;height:2px;background:repeating-linear-gradient(90deg,var(--line) 0 6px,transparent 6px 12px)}
.chip{position:absolute;left:0;top:-6px;width:100%;height:14px;opacity:0}.chip::before{content:'';display:block;width:22px;height:14px;border-radius:var(--r-xs);background:var(--t-brand)}
.d-local.play .chip{animation:travel 3.2s var(--ease-io) infinite}.d-local.play .chip.c2{animation-delay:1.6s}
@keyframes travel{0%{transform:translateX(0);opacity:0}15%{opacity:1}85%{opacity:1}100%{transform:translateX(calc(100% - 22px));opacity:0}}
.srv{width:78px;min-height:92px;border-radius:var(--r-btn);box-shadow:inset 0 0 0 2px var(--line);display:grid;place-items:center;align-content:center;gap:4px;text-align:center;padding:8px}
.srv span{font-size:12px;font-weight:760}.srv small{font-size:10.5px;line-height:1.35;color:var(--muted)}
/* one frame, three brands */
.d-swap{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:18px;padding:0 22px;--bc:var(--p-brand)}
.d-swap[data-b="1"]{--bc:var(--p-pro-text)}.d-swap[data-b="2"]{--bc:var(--p-me-text)}
.d-swap .mini{width:104px;height:164px;border-radius:var(--r-card);background:var(--surface);padding:12px 10px;display:grid;align-content:start;gap:7px;box-shadow:0 0 0 4px var(--ink)}
.d-swap .lg{display:block;height:20px;width:58px;border-radius:var(--r-btn);background:var(--bc);overflow:hidden}
.d-swap .lg b{display:block;height:20px;line-height:20px;text-align:center;font-size:10px;font-weight:800;color:var(--surface);transition:transform .5s var(--ease);transform:translateY(calc(var(--k,0) * -100%))}
.d-swap[data-b="1"] .lg b{--k:1}.d-swap[data-b="2"] .lg b{--k:2}
.d-swap .r{display:block;height:16px;border-radius:var(--r-xs);background:var(--placeholder)}
.d-swap .pr{display:grid;grid-template-columns:34px 1fr;gap:8px;align-items:center;margin-top:4px}
.d-swap .pr .sw{width:34px;height:34px;border-radius:var(--r-sm);background:var(--bc)}.d-swap .pr s{display:block;height:7px;border-radius:var(--r-xs);background:var(--placeholder-2)}
.callouts{display:grid;gap:34px;font-size:12px;font-weight:700;color:var(--muted)}
.callouts li{position:relative;padding-left:6px}
.callouts li::before{content:'';position:absolute;right:100%;top:50%;width:24px;border-top:1px solid var(--line)}
.more{margin-top:18px;border-radius:var(--r-card);box-shadow:inset 0 0 0 1px var(--line)}
.more summary{min-height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 22px;font-size:15px;font-weight:700;cursor:pointer;list-style:none}
.more summary::-webkit-details-marker{display:none}
.more summary::after{content:'+';font-size:22px;font-weight:400;color:var(--muted)}.more[open] summary::after{content:'–'}
.more-in{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:4px 22px 24px}
.more-in h3{font-size:18px;font-weight:760;letter-spacing:-.04em;margin-bottom:10px}.more-in p{font-size:15px;line-height:1.62}
.six-list,.checks{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}
.six-list li,.checks li{font-size:13px;font-weight:700;padding:5px 11px;border-radius:var(--r-btn);background:var(--bg-2)}
.checks{margin-top:12px}
/* first partner: empty seats, honestly empty */
.partner{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:28px 48px;align-items:center;margin-top:clamp(64px,8vw,112px);padding-top:clamp(40px,5vw,64px);border-top:1px solid var(--line)}
.pt-head{display:grid;gap:14px;justify-items:start}.pt-head .eyebrow{color:var(--t-brand)}.pt-head p{color:var(--muted);font-size:16px;line-height:1.6}
.slots{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.slots li{min-height:150px;border-radius:var(--r-card);border:1.5px dashed var(--line);display:grid;align-content:space-between;padding:16px;opacity:.35;transform:translateY(12px);transition:opacity .7s,transform .8s var(--ease)}
.slots.play li{opacity:1;transform:none}.slots li:nth-child(2){transition-delay:.12s}.slots li:nth-child(3){transition-delay:.24s}
.slots span{font-size:13px;font-weight:760;color:var(--muted);font-variant-numeric:tabular-nums}.slots p{font-size:14px;font-weight:650}
.pt-note{grid-column:2;font-size:13px;color:var(--muted)}

/* ---------- 6. Company ---------- */
.company{padding:var(--pad) 0 calc(var(--pad) * .7)}
.co-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,5vw,80px);align-items:center}
.co-copy{display:grid;gap:18px}.co-copy .reveal{font-size:clamp(19px,1.7vw,23px);line-height:1.62;letter-spacing:-.03em;font-weight:600}
.co-name{font-size:14px;font-weight:700;color:var(--muted)}
.co-img{position:relative;border-radius:var(--r-card);overflow:hidden;aspect-ratio:3/2}.co-img img{width:100%;height:100%;object-fit:cover}
.values{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:clamp(48px,6vw,88px)}
.values li{display:grid;align-content:start;gap:8px;padding:22px;border-radius:var(--r-card);background:var(--bg-2)}
.values h3{font-size:19px;letter-spacing:-.04em;font-weight:770}.values p{font-size:15px;line-height:1.6;color:var(--muted)}
.glyph svg{width:64px;height:40px;overflow:visible;fill:none;stroke:var(--ink);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.v1 .a{stroke:var(--p-brand);opacity:0;transform:translateX(-6px)}.v1 .b{stroke:var(--line)}
.v1.play .a{animation:draw 1.4s var(--ease) .2s forwards}
@keyframes draw{to{opacity:1;transform:none}}
.v2 .p{fill:var(--p-brand);stroke:none;transform-box:fill-box;transform-origin:center}
.v2.play .p1{animation:pulse 1.4s ease-in-out 3}.v2.play .p2{animation:pulse 2.2s ease-in-out 2}.v2.play .p3{animation:pulse 3.2s ease-in-out 1}
@keyframes pulse{50%{transform:scale(.45);opacity:.4}}
.v3 .tr{fill:var(--placeholder);stroke:none}.v3 .kn{fill:var(--surface);stroke:var(--line);transform-box:fill-box;transition:transform .6s var(--ease) .3s}
.v3.play .tr{fill:var(--p-brand)}.v3.play .kn{transform:translateX(20px)}
.v4 .k{fill:var(--p-brand);stroke:none}.v4 .u{stroke:var(--line);stroke-dasharray:3 3}.v4 .q{stroke:var(--muted);stroke-width:1.8;opacity:0;transition:opacity .6s .4s}.v4.play .q{opacity:1}
.still .v1 .a{opacity:1;transform:none}.still .v4 .q{opacity:1}.still .v3 .tr{fill:var(--p-brand)}.still .v3 .kn{transform:translateX(20px)}

/* ---------- 7. Contact · FAQ ---------- */
.contact{padding:0 0 var(--pad)}
.ct-in{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(24px,4vw,56px);align-items:start}
.ct-copy{display:grid;gap:16px;justify-items:start;padding:clamp(28px,4vw,56px);border-radius:var(--r-room);background:var(--bg-3);color:var(--ink)}
.ct-copy .eyebrow{color:var(--muted)}.ct-copy .h2{font-size:clamp(28px,3.4vw,46px)}.ct-copy>p{font-size:16px;line-height:1.62;color:var(--muted)}
.ct-copy .actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}
.addr{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;font-size:15px;font-weight:650}
.mcopy{min-height:44px;padding:0 14px;border-radius:var(--r-btn);font-size:13px;font-weight:700;background:var(--bg-2)}
.mcopy-done{font-size:13px;color:var(--p-pro-text)}.ct-copy .small{font-size:13px;color:var(--muted)}
.faq{padding-top:clamp(8px,2vw,24px)}
.faq-h{font-size:clamp(24px,2.4vw,32px);letter-spacing:-.05em;font-weight:790}
.faq .scope{margin:12px 0 10px;background:var(--bg-2);color:var(--muted)}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:17px;font-weight:700;letter-spacing:-.03em;cursor:pointer;list-style:none}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:'';flex:none;width:12px;height:12px;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:translateY(-3px) rotate(45deg);transition:transform .3s var(--ease)}
.faq details[open] summary::after{transform:translateY(2px) rotate(225deg)}
.faq .a{overflow:hidden}.faq .a p{padding:0 0 20px;font-size:15.5px;line-height:1.65;color:var(--muted)}
.foot{border-top:1px solid var(--line);padding:36px 0 calc(40px + env(safe-area-inset-bottom))}
.foot-in{display:grid;gap:8px;font-size:13px;color:var(--muted)}.foot-word{font-size:24px;font-weight:850;letter-spacing:-.075em;color:var(--ink)}

/* ---------- Responsive ---------- */
@media (max-width:1099px){
  .hero-in{grid-template-columns:minmax(0,1fr) minmax(0,.8fr)}
  .emblem{--E:min(400px,36vw)}
}
@media (max-width:899px){
  .hero{min-height:auto;padding:calc(var(--hp-navh) + 28px) 0 56px}
  .hero-in{grid-template-columns:1fr}
  .emblem{--E:min(340px,74vw);margin-top:20px}
  .mission-in,.co-in,.ct-in,.partner{grid-template-columns:1fr}
  .m-head{position:static}.pt-note{grid-column:auto}
  .how-track{height:380vh}
  .how-in{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);gap:10px;align-content:stretch;padding:14px 0 10px}
  .steps{position:relative;padding-top:12px}
  .steps::before{content:'';position:absolute;left:0;right:0;top:0;height:3px;border-radius:var(--r-xs);background:linear-gradient(90deg,var(--p-brand) calc(var(--sp) * 100%),var(--line) 0)}
  .step{display:none;padding:6px 0 0 44px;border:0}.step.on{display:block}.s-num{top:9px}.s-bar{display:none}
  .step h3{font-size:22px}.step.on p{margin-top:4px;font-size:15px}
  .how.static .step{display:block}.how.static .step h3{font-size:18px}
  .phone{height:min(52svh,520px)}.device-zone{padding:14px;border-radius:var(--r-room)}
  .how .sim{right:auto;left:0;bottom:2%}
  .ring{width:min(118vw,64svh)}.rm{display:none}
  .cards,.proofs{grid-template-columns:1fr}.card{grid-row:auto;grid-template-rows:none}.c-btn{grid-row:auto}
  .hub{margin-bottom:36px}.wires{display:none}
  .values{grid-template-columns:1fr 1fr}.more-in{grid-template-columns:1fr}
}
@media (max-width:560px){
  .wrap{width:calc(100% - 32px)}
  .h1{font-size:clamp(38px,11vw,52px)}
  .aud-picks button{padding:0 9px;font-size:14px}
  .hero .actions .btn{flex:1 1 100%;justify-content:center}
  .values{grid-template-columns:1fr}.slots{grid-template-columns:1fr}.slots li{min-height:88px}
  .phone{height:min(50svh,470px)}
}