.h8-sr{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.h8-hero{align-items:center;min-height:100svh;padding:clamp(88px,12vh,128px) 0 clamp(24px,4vh,52px);display:flex;position:relative;overflow:hidden}.h8-hero .pv6-wrap{z-index:3;width:100%;max-width:1220px;position:relative}.h8-hero-grid{grid-template-columns:1.04fr .96fr;align-items:center;gap:clamp(24px,3.6vw,60px);display:grid}@media (max-width:1024px){.h8-hero-grid{grid-template-columns:1fr;gap:clamp(18px,3vh,28px)}}.h8-eyebrow{font-family:var(--ff-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--fg-2);margin:0 0 clamp(14px,2.2vh,24px);font-size:clamp(10.5px,1vw,13px)}.h8-eyebrow .wm{letter-spacing:.04em}.h8-title{letter-spacing:-.035em;text-wrap:balance;margin:0 0 clamp(14px,2.2vh,24px);font-size:clamp(30px,4.6vw,66px);font-weight:600;line-height:1.02}.h8-title em{color:var(--acc);text-shadow:0 0 38px var(--acc-glow);font-style:normal}.h8-tags{font-family:var(--ff-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--fg-2);flex-wrap:wrap;gap:6px 10px;margin:0 0 clamp(18px,2.8vh,32px);padding:0;font-size:clamp(9.5px,.95vw,12px);list-style:none;display:flex}.h8-tags li{border:1px solid var(--line);background:var(--bg-1);border-radius:999px;padding:4px 10px}.h8-flag{--pcol:var(--pl);border:1px solid var(--pl-line);border-radius:var(--r-md);background:color-mix(in oklab, var(--bg-1) 88%, transparent);box-shadow:0 34px 80px -52px var(--pl-glow);padding:clamp(16px,2vw,26px)}.h8-flag-kick{font-family:var(--ff-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--pcol);align-items:center;gap:8px;margin:0 0 10px;font-size:clamp(9px,.9vw,11px);display:inline-flex}.h8-flag-kick i{background:currentColor;border-radius:999px;width:6px;height:6px;box-shadow:0 0 7px}.h8-flag .wm{font-family:var(--ff-mono);letter-spacing:.04em;font-size:clamp(20px,2.2vw,30px)}.h8-flag-line{letter-spacing:-.015em;color:var(--fg-0);text-wrap:pretty;margin:10px 0 clamp(12px,1.8vh,18px);font-size:clamp(15px,1.5vw,21px);font-weight:600;line-height:1.25}.h8-pts{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.h8-pts li{color:var(--fg-1);text-wrap:pretty;grid-template-columns:auto 1fr;align-items:start;gap:9px;font-size:clamp(12.5px,1.15vw,15px);line-height:1.4;display:grid}.h8-pts li:before{content:"";background:var(--pcol);width:6px;height:6px;box-shadow:0 0 8px var(--pl-glow);border-radius:999px;margin-top:7px}.h8-pts b{color:var(--fg-0);font-weight:600}.h8-act{margin-top:clamp(16px,2.4vh,26px)}.h8-wait{flex-direction:column;gap:8px;display:flex}.h8-wait-row{flex-wrap:wrap;gap:8px;display:flex}.h8-wait-row input[type=email]{border:1px solid var(--line-strong);border-radius:var(--r-sm);background:var(--bg-1);min-width:0;color:var(--fg-0);font:inherit;transition:border-color var(--dur) var(--ease), box-shadow var(--dur) var(--ease);flex:220px;padding:11px 13px;font-size:15px}.h8-wait-row input[type=email]::placeholder{color:var(--fg-3)}.h8-wait-row input[type=email]:focus-visible{border-color:var(--acc);box-shadow:0 0 0 3px var(--acc-soft);outline:none}.h8-wait-row .btn{flex:none}.h8-wait-consent{color:var(--fg-2);cursor:pointer;align-items:flex-start;gap:8px;font-size:clamp(11.5px,1vw,13px);line-height:1.35;display:flex}.h8-wait-consent input{accent-color:var(--acc);flex:none;margin-top:2px}.h8-wait-legal{font-family:var(--ff-mono);letter-spacing:.06em;color:var(--fg-3);margin:0;font-size:clamp(9px,.9vw,10.5px)}.h8-wait-legal a{text-underline-offset:3px;text-decoration:underline}.h8-wait-err{color:var(--danger,#e5484d);margin:0;font-size:clamp(12px,1.1vw,14px);line-height:1.35}.h8-wait-ok{color:var(--fg-0);align-items:center;gap:10px;margin:0;font-size:clamp(13px,1.2vw,16px);line-height:1.35;display:flex}.h8-wait-ok .ck{background:var(--acc);width:26px;height:26px;color:var(--fg-inv);box-shadow:0 0 14px -2px var(--acc-glow);border-radius:999px;flex:none;justify-content:center;align-items:center;display:inline-flex}.h8-demo{font-family:var(--ff-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--fg-1);transition:color var(--dur) var(--ease);align-items:center;gap:9px;margin-top:12px;font-size:clamp(10.5px,1vw,13px);display:inline-flex}.h8-demo:hover{color:var(--acc)}.h8-demo .arr{transition:transform var(--dur) var(--ease)}.h8-demo:hover .arr{transform:translate(5px)}.h8-sec{padding:clamp(52px,9vh,104px) 0;position:relative}.h8-sec+.h8-sec{border-top:1px solid var(--line-weak)}.h8-kick{font-family:var(--ff-mono);letter-spacing:.22em;text-transform:uppercase;color:var(--acc);margin:0 0 12px;font-size:clamp(10px,1vw,12px)}.h8-h2{letter-spacing:-.035em;text-wrap:balance;margin:0 0 clamp(20px,3.2vh,38px);font-size:clamp(26px,3.6vw,48px);font-weight:600;line-height:1.04}.h8-h2 em{color:var(--acc);text-shadow:0 0 34px var(--acc-glow);font-style:normal}.h8-duo{grid-template-columns:repeat(2,1fr);gap:clamp(14px,2vw,24px);display:grid}.h8-trio{grid-template-columns:repeat(3,1fr);gap:clamp(14px,2vw,24px);display:grid}@media (max-width:1024px){.h8-duo,.h8-trio{grid-template-columns:1fr}}.h8-box{border:1px solid var(--line);border-radius:var(--r-md);background:var(--bg-1);transition:border-color var(--dur) var(--ease), background var(--dur) var(--ease);padding:clamp(18px,2.2vw,30px)}.h8-box:hover{border-color:var(--acc-line);background:var(--bg-2)}.h8-box .idx{font-family:var(--ff-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--acc);font-size:clamp(10px,1vw,12px)}.h8-box h3{letter-spacing:-.02em;margin:12px 0 0;font-size:clamp(17px,1.8vw,24px);font-weight:600;line-height:1.12}.h8-box p{color:var(--fg-1);text-wrap:pretty;margin:10px 0 0;font-size:clamp(13.5px,1.3vw,16px);line-height:1.5}.h8-norms{flex-wrap:wrap;gap:8px 10px;margin:0 0 clamp(16px,2.4vh,26px);padding:0;list-style:none;display:flex}.h8-norms li{font-family:var(--ff-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--fg-1);border:1px solid var(--acc-line);border-radius:var(--r-sm);background:var(--bg-1);padding:6px 11px;font-size:clamp(10px,1vw,12.5px)}.h8-lede{color:var(--fg-1);text-wrap:pretty;max-width:62ch;margin:0 0 clamp(18px,2.6vh,30px);font-size:clamp(14px,1.4vw,18px);line-height:1.5}.h8-again{border:1px solid var(--acc-line);border-radius:var(--r-md);background:color-mix(in oklab, var(--bg-1) 88%, transparent);max-width:720px;padding:clamp(20px,2.6vw,36px)}.h8-soon{font-family:var(--ff-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--fg-3);margin:clamp(20px,3vh,34px) 0 0;font-size:clamp(10px,1vw,12px)}.h8-soon a{color:var(--fg-2);transition:color var(--dur) var(--ease)}.h8-soon a:hover{color:var(--acc)}.h8-soon .sep{color:var(--line-strong);margin:0 6px}@media (prefers-reduced-motion:reduce){.h8-demo .arr,.h8-box,.h8-wait-row input[type=email]{transition:none}}.lab-sec{--lab-ouvert:#7fffa8;--lab-test:#45d2ff;--lab-chantier:#ff6a3c;--lab-idee:#b9b6b1;--lab-out:cubic-bezier(.16, 1, .3, 1);--lab-in:cubic-bezier(.7, 0, .84, 0)}.lab-lead{max-width:60ch;color:var(--fg-2);margin:12px 0 0}.lab-body{grid-template-columns:320px minmax(0,1fr);align-items:stretch;gap:28px;margin:36px 0 0;display:grid}.lab-body.is-c{grid-template-columns:minmax(0,1fr);gap:16px}.lab-info{flex-direction:column;min-width:0;display:flex}.lab-body.is-c .lab-info{min-height:auto}.lab-k{white-space:nowrap;font:11px var(--ff-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--fg-3)}.lab-legend{border-top:1px solid var(--line);flex-direction:column;margin:16px 0 22px;display:flex}.lab-body.is-c .lab-legend{border:0;flex-flow:wrap;gap:8px 24px;margin:0 0 8px}.lab-leg{border-bottom:1px solid var(--line);grid-template-columns:14px 1fr auto;align-items:baseline;gap:10px;padding:11px 0;display:grid}.lab-body.is-c .lab-leg{border:0;grid-template-columns:10px auto auto;gap:7px;padding:0}.lab-leg b{color:var(--fg-0);font-size:14px;font-weight:500}.lab-leg span{color:var(--fg-3);margin-top:2px;font-size:12px;display:block}.lab-body.is-c .lab-leg div span{display:none}.lab-leg em{font-style:normal;font:12px var(--ff-mono);color:var(--fg-1)}.lab-pip{background:var(--c);border-radius:50%;flex:none;width:8px;height:8px;display:inline-block;transform:translateY(-1px)}.lab-pip[data-s=idee]{border:1.5px dashed var(--c);background:0 0}.lab-pip[data-s=chantier]{animation:2.6s ease-in-out infinite labPipPulse}@keyframes labPipPulse{50%{opacity:.35}}.lab-hint{font:11px var(--ff-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--fg-3);flex-direction:column;gap:8px;margin-top:auto;display:flex}.lab-body.is-c .lab-hint{flex-flow:wrap;gap:6px 18px;margin:0}.lab-hint kbd{font:10px var(--ff-mono);color:var(--fg-1);border:1px solid var(--line-strong);border-radius:var(--r-xs);margin-right:4px;padding:2px 5px}.lab-proj{animation:labInfoIn .26s var(--lab-out) both;flex-direction:column;gap:16px;display:flex}@keyframes labInfoIn{0%{opacity:0;transform:translateY(6px)}}.lab-proj-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.lab-etat{white-space:nowrap;border:1px solid var(--c);border-radius:var(--r-xs);font:11px var(--ff-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--fg-0);flex:none;align-items:center;gap:7px;padding:4px 9px 4px 8px;display:inline-flex}.lab-etat[data-s=idee]{border-style:dashed}.lab-id{align-items:center;gap:14px;display:flex}.lab-name{letter-spacing:-.02em;margin:0;font-size:32px;font-weight:600;line-height:1.04}.lab-line{color:var(--fg-2);text-wrap:pretty;margin:0;font-size:16px;line-height:1.45}.lab-cta-row{flex-direction:column;margin-top:2px;display:flex}.lab-cta-row .lab-cta{justify-content:center}.lab-nav{border-top:1px solid var(--line);align-items:center;gap:4px;margin-top:auto;padding-top:12px;display:flex}.lab-sec button.lab-nav-btn{white-space:nowrap;border-radius:var(--r-xs);color:var(--fg-2);font:11px var(--ff-mono);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;background:0 0;border:1px solid #0000;padding:8px 10px}.lab-sec button.lab-nav-btn:hover{color:var(--fg-0);border-color:var(--line-strong)}.lab-sp{flex:1}.lab-proj.c{grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:20px;display:grid}.lab-c-id{align-items:center;gap:12px;display:flex}.lab-c-id .lab-name{white-space:nowrap;font-size:24px}.lab-c-meta{white-space:nowrap;align-items:center;gap:10px;margin-top:5px;display:flex}.lab-c-meta .lab-etat{padding:3px 7px;font-size:10px}.lab-c-txt .lab-line{font-size:14px}.lab-proj.c .lab-cta-row{width:260px}.lab-c-nav{flex-direction:column;gap:4px;display:flex}.lab-sec button.lab-c-nav-btn{border:1px solid var(--line);border-radius:var(--r-xs);width:30px;height:24px;color:var(--fg-2);cursor:pointer;font:12px var(--ff-mono);background:0 0}.lab-sec button.lab-c-nav-btn:hover{color:var(--fg-0);border-color:var(--line-strong)}.lab-cadre{--cadre:56px;width:var(--cadre);height:var(--cadre);border-radius:0;flex:none;place-items:center;display:grid;overflow:hidden}.lab-logo{object-fit:contain;border-radius:0;width:100%;height:100%;display:block}.lab-initiale{background:color-mix(in srgb, var(--c,var(--lab-idee)) 28%, transparent);width:100%;height:100%;font:700 calc(var(--cadre) * .34) / 1 var(--ff-mono);color:var(--fg-0);place-items:center;display:grid}.lab-stage{border:1px solid var(--line);border-radius:var(--r-md);background:var(--bg-0,#09090a);outline:none;height:clamp(480px,46vw,640px);position:relative;overflow:hidden}.lab-stage:focus-visible{border-color:var(--line-strong)}.lab-svg{width:100%;height:100%;display:block;position:absolute;inset:0}.lab-svg polygon{vector-effect:non-scaling-stroke}.lab-cart{white-space:nowrap;font:10px var(--ff-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--fg-3);pointer-events:none;z-index:40;gap:12px;display:flex;position:absolute;top:12px;left:14px}.lab-cart b{color:var(--fg-2);font-weight:500}.lab-fig{background:var(--bg-0,#09090a);border-radius:var(--r-xs);white-space:nowrap;text-overflow:ellipsis;max-width:calc(100% - 20px);font:10px var(--ff-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--fg-2);z-index:40;pointer-events:none;animation:labInfoIn .3s var(--lab-out) both;padding:4px 6px;position:absolute;bottom:10px;left:10px;overflow:hidden}.lab-fig b{color:var(--fg-0);font-weight:500}.lab-sec button.lab-room{width:120px;color:var(--fg-0);cursor:pointer;font:inherit;background:0 0;border:0;flex-direction:column;align-items:center;gap:5px;padding:4px 0;transition:opacity .25s;display:flex;position:absolute;top:0;left:0}.lab-room .lab-nm{letter-spacing:-.01em;text-align:center;white-space:nowrap;font-size:13px;font-weight:500;line-height:1.1}.lab-room .lab-st{font:9px var(--ff-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--fg-2);align-items:center;gap:5px;display:flex}.lab-room:focus{outline:none}.lab-room:focus-visible .lab-cadre{outline:2px solid var(--acc);outline-offset:3px}.lab-room.is-dim{opacity:.34}.lab-room.is-dim:hover,.lab-room.is-dim:focus-visible{opacity:.8}.lab-room.is-hidden{opacity:0;pointer-events:none}.lab-room.invite .lab-cadre{animation:1.3s ease-out 2 labInvitePulse}@keyframes labInvitePulse{0%{box-shadow:0 0 #7fffa88c}to{box-shadow:0 0 0 14px #7fffa800}}.lab-invite{z-index:45;font:11px var(--ff-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--lab-ouvert);pointer-events:none;align-items:center;gap:10px;animation:3.6s both labInviteTag;display:flex;position:absolute}.lab-invite:before{content:"";background:var(--lab-ouvert);width:26px;height:1px}@keyframes labInviteTag{0%{opacity:0;transform:translate(-6px)}12%,78%{opacity:1;transform:none}to{opacity:0}}.lab-scene{transform-origin:50% 100%;perspective:1500px;perspective-origin:50% 20%;pointer-events:none;z-index:30;width:640px;height:420px;position:absolute;top:0;left:0}.lab-slot{transform-origin:50% 100%;width:600px;animation:labRise .95s var(--lab-out) .2s both;margin-left:-300px;position:absolute;bottom:0;left:50%}.lab-scene.is-leaving .lab-slot{animation:labDrop .3s var(--lab-in) both}@keyframes labRise{0%{opacity:0;transform:translate3d(0,30px,-40px)rotateX(86deg)scale(.4)}22%{opacity:1}to{opacity:1;transform:translate3d(0,-8px,-16px)rotateY(-6deg)rotateX(3deg)}}@keyframes labDrop{0%{opacity:1;transform:translate3d(0,-8px,-16px)rotateY(-6deg)rotateX(3deg)}to{opacity:0;transform:translate3d(0,40px,-40px)rotateX(74deg)scale(.45)}}.lab-scene.is-soft .lab-slot{animation:labRiseSoft .9s var(--lab-out) .1s both}@keyframes labRiseSoft{0%{opacity:0;transform:translate3d(0,18px,-16px)rotateX(38deg)scale(.72)}to{opacity:1;transform:none}}.lab-scene.lab-rm{perspective:none}.lab-scene.lab-rm .lab-slot{width:min(100%,420px);margin:0;animation:.25s both labFade;position:relative;bottom:auto;left:auto;transform:none}@keyframes labFade{0%{opacity:0}}.lab-dv{background:var(--bg-1);border:1px solid var(--line-strong);position:relative;overflow:hidden}.lab-dv-lapwrap .lab-dv{border-bottom-color:var(--kc,var(--line-strong));border-bottom-width:2px}.lab-dv-bar{border-bottom:1px solid var(--line);background:var(--bg-2);align-items:center;gap:5px;height:22px;padding:0 9px;display:flex}.lab-dv-bar i{background:var(--bg-4);border-radius:50%;width:6px;height:6px}.lab-dv-u{font:9px var(--ff-mono);color:var(--fg-2);letter-spacing:.04em;white-space:nowrap;text-overflow:ellipsis;margin-left:8px;overflow:hidden}.lab-dv-scr{aspect-ratio:16/9;background:var(--bg-0,#0b0b0d);position:relative;overflow:hidden}.lab-dv-scr>img,.lab-dv-scr>video{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.lab-dv-base{background:var(--bg-3);border:1px solid var(--line-strong);clip-path:polygon(0 0,100% 0,97% 100%,3% 100%);border-top:0;height:8px;margin:0 -6%}.lab-dv-sheet{background:var(--bg-1);border:1px dashed #b9b6b180;padding:10px}.lab-dv-sheet-h{font:9px var(--ff-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--fg-1);justify-content:space-between;margin-bottom:8px;display:flex}.lab-rib{scroll-snap-type:x mandatory;scrollbar-width:none;outline:none;gap:10px;margin:28px -20px 0;padding:8px 20px 12px;display:flex;position:relative;overflow-x:auto}.lab-rib::-webkit-scrollbar{display:none}.lab-sec button.lab-rib-card{scroll-snap-align:start;background:var(--bg-1);border:1px solid var(--line);border-radius:var(--r-md);width:112px;color:var(--fg-0);cursor:pointer;font:inherit;transition:transform .25s var(--lab-out), opacity .25s ease;flex-direction:column;flex:none;align-items:center;gap:6px;padding:10px 0 12px;scroll-margin-left:20px;display:flex;position:relative}.lab-rib-vol{border-top:1px solid var(--line-strong);width:100%;height:0;display:block}.lab-rib-vol[data-s=chantier]{background:var(--bg-3);height:5px}.lab-rib-vol[data-s=test],.lab-rib-vol[data-s=ouvert]{background:var(--bg-3);height:9px}.lab-rib-card.is-phare .lab-rib-vol{height:13px}.lab-rib-card .lab-nm{text-align:center;white-space:nowrap;font-size:12px;font-weight:500}.lab-rib-card .lab-st{font:9px var(--ff-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--fg-2);align-items:center;gap:5px;display:flex}.lab-rib-card.is-on{border-color:var(--line-strong);transform:translateY(-4px)}.lab-rib-card.is-dim{opacity:.55}.lab-rib-card:focus{outline:none}.lab-rib-card:focus-visible .lab-cadre{outline:2px solid var(--acc);outline-offset:3px}.lab-rib-card.invite .lab-cadre{animation:1.3s ease-out 2 labInvitePulse}.lab-m-info{margin:14px 0 0}.lab-m-info .lab-name{font-size:26px}.lab-m-info .lab-line{font-size:15px}.lab-m-stage{border:1px solid var(--line);border-radius:var(--r-md);background:var(--bg-0,#09090a);height:clamp(220px,68vw,320px);margin:16px 0 0;position:relative;overflow:hidden}.lab-m-stage .lab-fig{font-size:9px;bottom:8px;left:10px}.lab-m-rest{flex-direction:column;gap:14px;margin:20px 0 0;display:flex}@media (prefers-reduced-motion:reduce){.lab-pip[data-s=chantier],.lab-room.invite .lab-cadre,.lab-rib-card.invite .lab-cadre{animation:none}}
@keyframes h9-arrive{0%{opacity:0;transform:perspective(900px)translate3d(0,26px,-120px)rotateX(7deg)}to{opacity:1;transform:none}}.h9-open [data-h9]{transform-origin:50% 100%;animation:.62s cubic-bezier(.16,.84,.31,1) both h9-arrive}.h9-open [data-h9="1"]{animation-delay:0s}.h9-open [data-h9="2"]{animation-delay:.9s}.h9-open [data-h9="3"]{animation-delay:1.7s}@keyframes h9-range{0%{opacity:0;transform:perspective(900px)scale(1.9)translateZ(-60px)}38%{opacity:1;transform:perspective(900px)scale(1.9)translateZ(0)}to{opacity:1;transform:none}}.h9-open [data-h9="1"]{animation-name:h9-range;animation-duration:1.2s}@media (prefers-reduced-motion:reduce){.h9-open [data-h9]{animation:none}}.h9-modal{z-index:90;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0000009e;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.h9-modal-box{background:var(--bg-1);border:1px solid var(--acc-line);border-radius:var(--r-md);width:min(460px,100%);padding:26px 24px 22px;position:relative;box-shadow:0 24px 70px #00000080}.h9-modal-x{width:34px;height:34px;color:var(--fg-2);cursor:pointer;background:0 0;border:0;font-size:22px;line-height:1;position:absolute;top:8px;right:10px}.h9-modal-kick{font-family:var(--ff-mono);letter-spacing:.12em;color:var(--acc);margin:0 0 12px;font-size:11px}@media (prefers-reduced-motion:no-preference){.h9-modal-box{animation:.24s ease-out both h9-arrive}}.h9-aps{--h9aps-fg:#e9ecee;--h9aps-muted:#8d9398;--h9aps-decal:34vw;position:relative}@media (max-width:700px){.h9-aps{--h9aps-decal:50vw}}.h9-aps-wrap{height:320vh;position:relative}@media (max-width:700px){.h9-aps-wrap{height:280vh}}.h9-aps-scene{background:radial-gradient(60% 50% at 50% 38%, var(--pl-glow), transparent 70%), var(--bg-0);flex-direction:column;justify-content:center;align-items:center;height:100vh;display:flex;position:sticky;top:0;overflow:hidden}.h9-aps-head{z-index:5;text-align:center;margin-bottom:34px;padding:0 20px;position:relative}.h9-aps-kick{font-family:var(--ff-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--pl);margin:0 0 10px;font-size:11px;display:block}.h9-aps-title{color:var(--h9aps-fg);margin:0 0 8px;font-size:clamp(28px,6vw,52px);font-weight:800;line-height:1.08}.h9-aps-sub{color:var(--h9aps-muted);max-width:460px;margin:0 auto;font-size:clamp(13px,2.4vw,16px)}.split-unit{will-change:transform, opacity, filter;display:inline-block}.h9-aps-stage{perspective:1400px;z-index:3;width:100%;max-width:1100px;height:46vh;min-height:280px;position:relative}.h9-aps-stage-inner{transform-style:preserve-3d;position:absolute;inset:0}.h9-aps-device{transform-style:preserve-3d;filter:drop-shadow(0 30px 40px #0000008c);position:absolute;top:50%;left:50%}.h9-aps-frame{background:#15171a;border:1px solid #ffffff14;border-radius:18px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 2px #0009,0 0 0 1px #ffffff08}.h9-aps-screen{background:#000;border-radius:10px;position:absolute;inset:10px;overflow:hidden}.h9-aps-screen img{object-fit:cover;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.h9-aps-screen:after{content:"";pointer-events:none;background:linear-gradient(135deg,#ffffff1a,#0000 40%);position:absolute;inset:0}.h9-aps-notch{background:#000;border-radius:4px;position:absolute}.h9-aps-device--laptop{opacity:1;width:min(62vw,560px);transform:translate(-50%,-50%)translateZ(160px)rotateY(0)scale(1)}.h9-aps-device--laptop .h9-aps-frame{aspect-ratio:2880/1200;border-radius:14px 14px 4px 4px;width:100%;padding-bottom:4%}.h9-aps-device--laptop .h9-aps-notch{width:50px;height:5px;top:3px;left:50%;transform:translate(-50%)}.h9-aps-laptop-base{background:linear-gradient(#2a2d31,#191b1e);border-radius:0 0 8px 8px;height:7%;position:absolute;bottom:-7%;left:-4%;right:-4%;box-shadow:0 10px 18px #00000080}.h9-aps-laptop-base:before{content:"";background:#00000080;border-radius:2px;width:16%;height:3px;position:absolute;top:1px;left:50%;transform:translate(-50%)}.h9-aps-device--tablet{width:min(26vw,260px);transform:translate(calc(-50% - var(--h9aps-decal)), -50%) translateZ(-140px) rotateY(22deg) scale(.72);opacity:.55}.h9-aps-device--tablet .h9-aps-frame{aspect-ratio:1630/1110;border-radius:22px;width:100%;padding:3%}.h9-aps-device--tablet .h9-aps-screen{border-radius:6px;inset:8%}.h9-aps-device--tablet .h9-aps-screen img{object-position:top center}.h9-aps-device--tablet .h9-aps-notch{border-radius:50%;width:7px;height:7px;top:4%;left:50%;transform:translate(-50%)}.h9-aps-device--phone{width:min(22vw,220px);transform:translate(calc(-50% + var(--h9aps-decal)), -50%) translateZ(-140px) rotateY(-22deg) scale(.72);opacity:.55}.h9-aps-device--phone .h9-aps-frame{aspect-ratio:1560/1400;border-radius:34px;width:100%;padding:3.5%}.h9-aps-device--phone .h9-aps-screen{border-radius:22px;inset:3%}.h9-aps-device--phone .h9-aps-notch{border-radius:8px;width:26%;height:4%;top:2.5%;left:50%;transform:translate(-50%)}.h9-aps-shadow{filter:blur(2px);z-index:-1;background:radial-gradient(#0000008c,#0000 75%);height:18px;position:absolute;bottom:-14%;left:8%;right:8%}.h9-aps-progress{z-index:5;gap:8px;width:min(280px,70vw);margin-top:26px;display:flex;position:relative}.h9-aps-seg{background:#ffffff24;border-radius:2px;flex:1;height:3px;overflow:hidden}.h9-aps-seg i{background:var(--pl);width:0%;height:100%;box-shadow:0 0 8px var(--pl-glow);display:block}.h9-aps-fallback{display:none}@media (prefers-reduced-motion:reduce){.h9-aps-wrap{display:none}.h9-aps-fallback{padding:60px 20px 90px;display:block}.h9-aps-fb-item{text-align:center;max-width:640px;margin:0 auto 70px}.h9-aps-fb-item:last-child{margin-bottom:0}.h9-aps-fb-item h3{color:var(--fg-0);margin:0 0 6px;font-size:26px}.h9-aps-fb-sub{color:var(--fg-2);margin:0 0 22px;font-size:14.5px}.h9-aps-fb-shot{border-radius:var(--r-md);border:1px solid var(--line);max-width:420px;margin:0 auto;overflow:hidden;box-shadow:0 20px 40px #00000080}.h9-aps-fb-shot img{width:100%;display:block}}@media (max-width:700px){.h9-aps-stage{height:50vh}.h9-aps-device--laptop{width:72vw}.h9-aps-device--tablet{width:46vw}.h9-aps-device--phone{width:30vw}}.h9-sec-duo{gap:28px;display:grid}@media (min-width:1024px){.h9-sec-duo{grid-template-columns:1fr 1fr;align-items:center}.h9-sec-duo.is-inverse .h9-vis{order:-1}}.h9-vis video,.h9-vis img{border:1px solid var(--line);border-radius:var(--r-md);width:100%;height:auto;display:block}.h9-vis-todo{aspect-ratio:16/9;border:1px dashed var(--line-strong);border-radius:var(--r-md);color:var(--fg-3);font-family:var(--ff-mono);letter-spacing:.1em;place-items:center;margin:0;font-size:12px;display:grid}@media (prefers-reduced-motion:no-preference){.rv.h9-vis{transition:transform .62s var(--ease), opacity .62s var(--ease);transition-delay:var(--rv-d,0s);transform:perspective(1400px)rotateY(-6deg)}.rv.h9-vis.is-in{transform:none}}
