:root{--color-ink:#10163a;--color-slate:#565f7a;--color-blue:#1856ed;--color-blue-deep:#0e3fc0;--color-blue-soft:#e9effd;--color-amber:#ff9e1a;--color-amber-deep:#b45f00;--color-amber-soft:#fff3da;--color-cream:#fffdf9;--color-paper:#f6f2eb;--color-line:#e6e1f2;--font-display:"Space Grotesk",system-ui,sans-serif;--font-body:"Inter",system-ui,sans-serif;--grad-band:linear-gradient(120deg,#2a68f2,#1856ed 55%,#0e3fc0);--ease-out:cubic-bezier(.16,1,.3,1);--dur-micro:.12s;--dur-short:.22s;--radius:22px;--radius-sm:14px;--shadow:0 18px 50px #10163a1a;--shadow-sm:0 6px 18px #10163a0f}body{background:var(--color-cream);color:var(--color-ink);min-width:0;overflow-x:clip}h1,h2,h3,.brand{font-family:var(--font-display);letter-spacing:-.02em;overflow-wrap:anywhere}svg{display:block}.wrap{min-width:0;max-width:1120px;margin-inline:auto;padding-inline:24px}:focus-visible{outline:2px solid var(--color-blue);outline-offset:3px;border-radius:8px}.btn{font-family:var(--font-body);cursor:pointer;transition:transform var(--dur-short) var(--ease-out),box-shadow var(--dur-short) var(--ease-out),background-color var(--dur-short) var(--ease-out);border:none;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:14px 26px;font-size:16px;font-weight:700;display:inline-flex}.btn:active{transform:translateY(1px)scale(.99)}.btn-blue{background:var(--color-blue);color:#fff;box-shadow:0 8px 22px #1856ed47}.btn-ghost{color:var(--color-ink);border:1.5px solid var(--color-line);background:#fff}.btn-white{color:var(--color-blue-deep);background:#fff}.btn-sm{min-height:42px;padding:9px 18px;font-size:14px}@media (hover:hover){.btn-blue:hover{background:var(--color-blue-deep);transform:translateY(-1.5px)}.btn-ghost:hover{border-color:var(--color-blue);transform:translateY(-1.5px)}.btn-white:hover{box-shadow:var(--shadow);transform:translateY(-1.5px)}}.banner{background:var(--color-ink);color:#fff;text-align:center;padding:10px 16px;font-size:14px}.banner a{color:#ffc46b;text-underline-offset:3px;font-weight:600;text-decoration:underline}nav{z-index:60;backdrop-filter:blur(12px);border-bottom:1px solid var(--color-line);background:#fffdf9eb;position:sticky;top:0}.nav-inner{justify-content:space-between;align-items:center;height:70px;display:flex}.brand{color:var(--color-ink);align-items:center;gap:10px;font-size:20px;font-weight:700;display:flex}.dot{background:var(--color-blue);border-radius:4px;width:14px;height:14px;display:inline-block}.dot.red{background:#ff3b30;border-radius:50%;width:10px;height:10px}.nav-links{color:var(--color-slate);align-items:center;gap:24px;font-size:15px;font-weight:500;display:flex}.nav-links a{padding-block:6px;position:relative}.nav-links a:not(.btn):after{content:"";background:var(--color-amber);width:0;height:2px;transition:width var(--dur-short) var(--ease-out);border-radius:2px;position:absolute;bottom:0;left:0}@media (hover:hover){.nav-links a:not(.btn):hover:after{width:100%}}.nav-links a:not(.btn):hover{color:var(--color-ink)}.hero{background:var(--grad-band);color:#fff;padding:80px 0 56px;position:relative}.hero:before{content:"";pointer-events:none;background-image:linear-gradient(#ffffff0d 1px,#0000 1px),linear-gradient(90deg,#ffffff0d 1px,#0000 1px);background-size:52px 52px;position:absolute;inset:0}.hero:after{content:"";filter:blur(10px);background:#ff9e1a24;border-radius:50%;width:420px;height:420px;position:absolute;bottom:-160px;left:-120px}.hero .wrap{z-index:1;position:relative}.hero-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:56px;display:grid}.pill{color:#fff;background:#ffffff24;border:1px solid #ffffff47;border-radius:999px;align-items:center;gap:8px;margin-bottom:20px;padding:8px 14px;font-size:13px;font-weight:700;display:inline-flex}.hero h1{margin-bottom:18px;font-size:clamp(2.4rem,5vw,3.6rem);line-height:1.05}h1 .accent{color:#ffc46b}h1 .u{text-underline-offset:6px;text-decoration:underline 5px #ffffffa6}.hero-sub{color:#dbe6ff;max-width:540px;margin-bottom:22px;font-size:18px}.hero-sub b{color:#fff}.hero .micro{color:#c7d6ff}.micro{color:#7a8199;font-size:13px}.micro span{margin-right:14px}.lead-form{flex-wrap:wrap;gap:10px;max-width:540px;margin:6px 0;display:flex}.lead-form input{min-height:52px;font-size:16px;font-family:var(--font-body);color:var(--color-ink);background:#fff;border:1.5px solid #fff9;border-radius:999px;flex:230px;padding:0 22px}.lead-form input::placeholder{color:#a9aec4}.lead-form input:focus{border-color:#fff;outline:none;box-shadow:0 0 0 3px #ffffff40}.lead-form .btn{flex:none}.lead-err{color:#ffd9d2;flex-basis:100%;margin-top:-4px;font-size:12.5px}.consent-line{color:#c7d6ff;max-width:540px;margin-bottom:6px;font-size:12px}.consent-line a{text-underline-offset:3px;color:#fff;text-decoration:underline}.white-card{background:#fff;border-radius:26px;padding:10px;box-shadow:0 30px 80px #080c2873}.white-card img{aspect-ratio:1;object-fit:cover;border-radius:18px;width:100%;height:auto;display:block}.logos{padding:44px 0 14px}.logos .cap{text-align:center;color:#8b90a0;margin-bottom:22px;max-width:540px;margin-inline:auto;font-size:14px}.logo-rows{gap:14px;display:grid}.logo-row-wrap{overflow:hidden;mask-image:linear-gradient(90deg,#0000,#000 7% 93%,#0000)}.logo-row{gap:14px;width:max-content;padding-block:2px;animation:64s linear infinite marqueeR;display:flex}.logo-row-wrap.rev .logo-row{animation-name:marqueeL;animation-duration:74s}.logo-rows:hover .logo-row{animation-play-state:paused}@keyframes marqueeR{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes marqueeL{0%{transform:translate(-50%)}to{transform:translate(0)}}.logo-chip{border:1px solid var(--color-line);width:154px;min-height:80px;box-shadow:var(--shadow-sm);background:#fff;border-radius:16px;flex-direction:column;flex:none;justify-content:flex-end;gap:3px;padding:12px 14px;display:flex;position:relative;overflow:hidden}.logo-chip img{object-fit:contain;width:30px;height:30px;position:absolute;top:10px;right:10px}.lc-mono{color:#fff;background:linear-gradient(135deg,#2a68f2,#0e3fc0);border-radius:9px;justify-content:center;align-items:center;width:30px;height:30px;font-size:12px;font-weight:800;display:flex;position:absolute;top:10px;right:10px}.lc-name{color:var(--color-ink);padding-right:26px;font-size:14px;font-weight:700;line-height:1.2}.tag-mini{letter-spacing:.08em;color:#a49a90;text-transform:uppercase;width:fit-content;font-size:9.5px;font-weight:700}@media (hover:hover){.logo-chip:hover{border-color:var(--color-blue)}}section{padding:64px 0}.kicker{font-family:var(--font-body);letter-spacing:.06em;color:var(--color-blue);text-transform:uppercase;margin-bottom:12px;font-size:13px;font-weight:700;display:inline-block}h2{color:var(--color-ink);margin-bottom:14px;font-size:clamp(1.8rem,3.4vw,2.55rem);line-height:1.12}.sub{color:var(--color-slate);max-width:640px;font-size:17px}.center{text-align:center}.center .sub{margin-inline:auto}.pains{background:var(--color-amber-soft)}.pain-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:34px;display:grid}.pain{border-radius:var(--radius);box-shadow:var(--shadow-sm);background:#fff;border:1px solid #f5e8cd;padding:24px}.pain .ic{background:var(--color-amber-soft);color:var(--color-amber-deep)}.pain p{color:var(--color-slate);margin:0;font-size:14.5px}.flip{text-align:center;margin-top:30px;font-size:18px;font-weight:700}.flip span{background:var(--color-amber);color:var(--color-ink);border-radius:999px;padding:9px 20px;display:inline-block;box-shadow:0 8px 20px #ff9e1a59}.c-head{text-align:left;align-items:flex-start;gap:14px;margin-bottom:12px;display:flex}.c-head .ic{border-radius:16px;flex:0 0 54px;justify-content:center;align-items:center;width:54px;height:54px;display:flex}.c-head h3{margin:0;padding-top:4px;font-size:18px;line-height:1.25}.steps-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 20px;margin-top:48px;display:grid;position:relative}.steps-grid:before{content:"";background:#1856ed21;border-radius:2px;height:2px;position:absolute;top:31px;left:4%;right:4%}.step-card{text-align:left;position:relative}html.js-ok .step-card{opacity:0;transition:opacity .55s var(--ease-out),transform .55s var(--ease-out);transform:translateY(20px)}html.js-ok .step-card:nth-child(2){transition-delay:.12s}html.js-ok .step-card:nth-child(3){transition-delay:.24s}html.js-ok .step-card:nth-child(4){transition-delay:.36s}html.js-ok .step-card.in{opacity:1;transform:none}.step-num{letter-spacing:.16em;color:var(--color-blue);margin-bottom:12px;font-family:JetBrains Mono,monospace;font-size:12px;font-weight:600;display:block}.step-icon{background:var(--color-blue-soft);width:56px;height:56px;color:var(--color-blue-deep);z-index:1;box-shadow:0 0 0 6px var(--color-cream);border-radius:18px;justify-content:center;align-items:center;margin-bottom:16px;display:flex;position:relative}.step-card h3{margin-bottom:8px;font-size:17px}.step-card p{color:var(--color-slate);font-size:14.5px;line-height:1.55}.step-note{color:#7a5217;text-align:left;background:linear-gradient(120deg,#fff6e8,#ffefd9);border:1px solid #f3d9ac;border-radius:16px;align-items:flex-start;gap:12px;margin-top:24px;padding:14px 18px;font-size:14.5px;line-height:1.6;display:flex}.step-note .tip-ic{background:var(--color-amber);width:34px;height:34px;color:var(--color-ink);border-radius:10px;flex:0 0 34px;justify-content:center;align-items:center;margin-top:1px;display:flex}.step-note p{text-align:left;margin:0}.benefits{background:linear-gradient(180deg,var(--color-cream),#eef2fd 130%)}.ben{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:34px;display:grid}.ben-card{border-radius:var(--radius);box-shadow:var(--shadow-sm);background:#fff;border:1px solid #dbe4fb;padding:24px}.ic.b{background:var(--color-blue-soft);color:var(--color-blue-deep)}.ic.c{background:var(--color-amber-soft);color:var(--color-amber-deep)}.ben-card p{color:var(--color-slate);margin:0;font-size:14.5px}.price-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:38px;display:grid}.price{border:1px solid var(--color-line);border-radius:var(--radius);box-shadow:var(--shadow-sm);background:#fff;flex-direction:column;gap:10px;padding:26px 24px;display:flex;position:relative}.price.pop{border:2px solid var(--color-blue);box-shadow:0 20px 50px #1856ed29}.price.pop.pulse{animation:pulse-border 2s var(--ease-out) 1}@keyframes pulse-border{0%,to{box-shadow:0 0 #1856ed00}40%{box-shadow:0 0 0 6px #1856ed2e}}.price .pname{font-size:15px;font-weight:800}.price .pname em{color:var(--color-slate);font-style:normal;font-weight:500}.price .val{font-family:var(--font-display);font-size:30px;font-weight:700}.price .val small{color:var(--color-slate);font-size:14px;font-weight:500}.price ul{color:#4d5570;flex:1;gap:7px;padding:0;font-size:14px;list-style:none;display:grid}.price li{align-items:baseline;gap:8px;display:flex}.price li svg{color:var(--color-blue);flex-shrink:0}.pop-badge{background:var(--color-blue);color:#fff;letter-spacing:.08em;text-transform:uppercase;border-radius:999px;padding:5px 14px;font-size:11px;font-weight:800;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.price-more{color:var(--color-slate);margin-top:18px;font-size:14px}.price-more a{color:var(--color-blue);font-weight:700}.price-note{color:#8a90a5;margin-top:8px;font-size:13px}.faq{background:var(--color-paper)}.faq-box{max-width:760px;margin:30px auto 0}details{border:1px solid var(--color-line);box-shadow:var(--shadow-sm);background:#fff;border-radius:16px;margin-bottom:10px;padding:18px 22px}summary{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;min-height:28px;font-size:16px;font-weight:700;list-style:none;display:flex}summary:after{content:"+";color:var(--color-blue);transition:transform var(--dur-short) var(--ease-out);font-size:22px;font-weight:600}details[open] summary:after{transform:rotate(45deg)}details p{color:var(--color-slate);margin-top:12px;font-size:15px}.cta-band{background:var(--grad-band);text-align:center;color:#fff;border-radius:32px;padding:64px 40px;position:relative;overflow:hidden}.cta-band h2{color:#fff;font-size:clamp(1.9rem,3.4vw,2.7rem)}.cta-band p{color:#dbe6ff;max-width:560px;margin:0 auto 26px;font-size:17px}.cta-band .btn-white{min-height:52px;padding:16px 30px;font-size:17px}.cta-band:before{content:"";background:#ff9e1a33;border-radius:50%;width:300px;height:300px;position:absolute;top:-130px;right:-70px}footer{background:var(--color-ink);color:#a5adc7;padding:46px 0 30px;font-size:14px}.foot-grid{flex-wrap:wrap;justify-content:space-between;gap:30px;margin-bottom:24px;display:flex}.foot-brand{color:#fff;align-items:center;gap:10px;font-size:18px;font-weight:700;display:flex}.foot-links{flex-wrap:wrap;gap:22px;display:flex}.foot-links a:hover{color:#fff}.foot-note{border-top:1px solid #ffffff1f;flex-wrap:wrap;justify-content:space-between;gap:10px;padding-top:18px;font-size:12.5px;display:flex}.concept-tag{color:#ffc46b;font-weight:600}.consent-banner{z-index:90;border:1px solid var(--color-line);background:#fff;border-radius:18px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;max-width:640px;margin-inline:auto;padding:16px 18px;display:flex;position:fixed;bottom:16px;left:16px;right:16px;box-shadow:0 24px 70px #10163a40}.consent-banner p{color:var(--color-slate);flex:320px;min-width:0;font-size:13px}.consent-banner a{color:var(--color-blue);text-underline-offset:3px;font-weight:700;text-decoration:underline}.consent-actions{gap:8px;display:flex}.btn-ghost-sm{min-height:42px;color:var(--color-ink);border:1.5px solid var(--color-line);cursor:pointer;transition:border-color var(--dur-short) var(--ease-out);background:#fff;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:9px 18px;font-size:14px;font-weight:700;display:inline-flex}@media (hover:hover){.btn-ghost-sm:hover{border-color:var(--color-blue)}}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.logo-row{animation:none!important}.step-card{opacity:1;transform:none}}@media (width<=960px){.hero-grid{grid-template-columns:1fr;gap:40px}.pain-grid,.steps-grid{grid-template-columns:repeat(2,1fr)}.steps-grid:before{display:none}.price-grid{grid-template-columns:repeat(2,1fr)}.ben{grid-template-columns:1fr}.nav-links a:not(.cta){display:none}}@media (width<=600px){.pain-grid,.steps-grid,.price-grid{grid-template-columns:1fr}.hero h1{font-size:2.1rem}.cta-band{padding:48px 24px}.step-card h3{flex-wrap:wrap}}.how-head{padding:70px 0 6px}.how-sticky{height:auto;position:static;overflow:visible}.how-stage{gap:0;padding-bottom:8px;display:grid}html.js-ok .how-pin{height:480vh}html.js-ok .how-sticky{flex-direction:column;justify-content:center;height:100vh;display:flex;position:sticky;top:0;overflow:hidden}html.js-ok .how-stage{flex-direction:column;height:100%;padding-bottom:0;display:flex}.how-slide{align-items:center;min-height:70vh;padding:34px 0;display:flex;position:relative;overflow:hidden}html.js-ok .how-slide{height:100%;min-height:0;padding:0}.slide-1{background:radial-gradient(900px 480px at 82% 12%,#1856ed1f,transparent 62%),var(--color-cream)}.slide-2{background:var(--grad-band);color:#fff}.slide-3{background:linear-gradient(#fff,#eef2fd)}.slide-4{background:var(--color-ink);color:#fff}.how-ghost{font-family:var(--font-display);color:#10163a0d;pointer-events:none;user-select:none;z-index:0;font-size:46vh;font-weight:800;line-height:1;position:absolute;top:-8vh;right:1vw}.slide-2 .how-ghost,.slide-4 .how-ghost{color:#ffffff0f}.how-grid{z-index:1;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:56px;width:100%;display:grid;position:relative}.how-grid.alt .how-txt{order:2}.how-grid.alt .how-visual{order:1}.how-txt .step-num{margin-bottom:16px}.how-txt h3{color:inherit;margin-bottom:16px;font-size:clamp(1.8rem,3.2vw,2.7rem);line-height:1.12}.how-txt p{color:var(--color-slate);max-width:480px;margin:0;font-size:17px;line-height:1.6}.slide-2 .how-txt p,.slide-4 .how-txt p{color:#dbe6ff}.slide-2 .step-num,.slide-4 .step-num{color:#ffc46b}.how-visual{width:min(540px,100%);margin-inline:auto;position:relative}.scene-scan,.shot-card,.drive-card,.wa-card{background:#fff;border-radius:26px;position:relative;box-shadow:0 30px 70px #10163a29}.scene-scan{flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:26px 22px;display:flex;overflow:hidden}.pkg{color:#c9d4f0;justify-content:center;align-items:center;height:110px;display:flex}.barcode{background:#f6f8ff;border:1.5px dashed #c7d6ff;border-radius:14px;align-items:stretch;gap:5px;height:46px;padding:8px 14px;display:flex}.barcode i{width:var(--w);background:#10163a;border-radius:1px}.scanline{background:linear-gradient(90deg,#0000,#1856ed,#0000);border-radius:3px;height:3px;animation:2.2s ease-in-out infinite scanY;position:absolute;inset:auto 12% calc(42% + 20px);box-shadow:0 0 16px #1856ed8c}@keyframes scanY{0%,to{transform:translateY(0)}50%{transform:translateY(22px)}}.chip{letter-spacing:.02em;background:var(--color-blue-soft);color:var(--color-blue-deep);white-space:nowrap;border-radius:999px;padding:8px 14px;font-family:JetBrains Mono,monospace;font-size:12px;font-weight:700}.shot-card{width:min(480px,100%);margin-inline:auto;padding:12px}.shot-card img{aspect-ratio:1;object-fit:cover;border-radius:18px;width:100%;height:auto;display:block}.rec-chip{color:#fff;letter-spacing:.08em;background:#10163a;border-radius:999px;align-items:center;gap:8px;padding:7px 12px;font-family:JetBrains Mono,monospace;font-size:12px;font-weight:700;display:inline-flex;position:absolute;top:26px;left:26px}.rec-chip .dot{animation:1.1s ease-in-out infinite recblink}@keyframes recblink{0%,to{opacity:1}50%{opacity:.25}}.time-chip{color:#fff;letter-spacing:.06em;backdrop-filter:blur(4px);background:#10163ab8;border-radius:10px;padding:7px 12px;font-family:JetBrains Mono,monospace;font-size:12px;position:absolute;bottom:26px;left:26px}.drive-card{width:min(480px,100%);margin-inline:auto;padding:22px}.drive-top{color:#4d5570;border-bottom:1px solid var(--color-line);align-items:center;gap:10px;padding-bottom:12px;font-size:15px;font-weight:700;display:flex}.drive-row{color:#232a4d;border-bottom:1px solid #f0edf7;align-items:center;gap:10px;padding:13px 2px;font-size:14.5px;font-weight:600;display:flex}.drive-row small{color:#a49a90;margin-left:auto;font-size:12px;font-weight:500}.drive-row.ok svg{color:#0f9d6a}.drive-card .chip{margin-top:16px}.wa-card{width:min(460px,100%);margin-inline:auto;overflow:hidden}.wa-head{color:#fff;background:#10163a;padding:14px 18px;font-size:14px;font-weight:700}.wa-bubble{color:var(--color-ink);background:#f2f5fb;border:1px solid #e4e9f5;border-radius:16px;align-items:center;gap:14px;margin:18px;padding:14px;display:flex}.wa-bubble svg{box-sizing:border-box;background:var(--color-blue-soft);width:46px;height:46px;color:var(--color-blue-deep);border-radius:12px;flex:0 0 46px;padding:8px}.wa-bubble strong{margin-bottom:3px;font-size:14px;display:block}.wa-bubble span{color:var(--color-slate);font-size:13px}.wa-seen{text-align:right;color:#8a90a5;padding:0 20px 14px;font-size:12.5px}.wa-card .chip{margin:0 18px 18px}.how-rail{z-index:4;flex-direction:column;gap:10px;display:flex;position:absolute;top:50%;right:24px;transform:translateY(-50%)}.how-rail button{backdrop-filter:blur(6px);width:42px;height:42px;color:var(--color-ink);cursor:pointer;transition:transform .2s var(--ease-out),background-color .2s,color .2s;background:#ffffffb3;border:1px solid #10163a1f;border-radius:13px;font-family:JetBrains Mono,monospace;font-size:12px;font-weight:700}.how-rail button.active{background:var(--color-blue);color:#fff;border-color:var(--color-blue)}@media (hover:hover){.how-rail button:hover{transform:translate(-2px)}}.how-hint{z-index:4;letter-spacing:.14em;text-transform:uppercase;color:#9aa1b8;align-items:center;gap:6px;font-family:JetBrains Mono,monospace;font-size:11px;display:flex;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.how-hint:after{content:"↓";color:var(--color-blue);font-size:14px}@media (prefers-reduced-motion:reduce){html.js-ok .how-pin{height:auto}html.js-ok .how-sticky{height:auto;position:static;overflow:visible}html.js-ok .how-stage{height:auto;display:grid}html.js-ok .how-slide{height:auto;min-height:0;padding:34px 0}.how-slide{min-height:0}.how-stage{padding-bottom:8px;display:grid}.how-hint{display:none}}@media (width<=760px){html.js-ok .how-pin{height:auto}html.js-ok .how-sticky{height:auto;display:block;position:static;overflow:visible}html.js-ok .how-stage{gap:6px;height:auto;display:grid}html.js-ok .how-slide{height:auto;min-height:0;padding:36px 0}.how-grid{grid-template-columns:1fr;gap:28px}.how-grid.alt .how-txt{order:1}.how-grid.alt .how-visual{order:2}.how-ghost{font-size:24vh;top:-2vh;right:0}.how-visual{width:min(430px,100%)}.how-rail{flex-direction:row;justify-content:center;gap:8px;padding:6px 0 0;position:static;transform:none}.how-hint{display:none}}@media (width>=761px) and (prefers-reduced-motion:no-preference){html.js-ok .how-pin{height:480vh}html.js-ok .how-sticky{height:100vh;display:block;position:sticky;top:0;overflow:hidden}html.js-ok .how-stage{width:100%;height:100%;padding:0;display:block;position:relative}html.js-ok .how-slide{opacity:0;visibility:hidden;height:100%;min-height:0;padding:0;transition:opacity .45s;position:absolute;inset:0}html.js-ok .how-slide.active{opacity:1;visibility:visible}.how-rail,.how-hint{display:none}}@media (width<=760px),(prefers-reduced-motion:reduce){html.js-ok .how-pin{height:auto}html.js-ok .how-sticky{height:auto;display:block;position:static;overflow:visible}html.js-ok .how-stage{height:auto;padding-bottom:8px;display:grid;position:static}html.js-ok .how-slide{height:auto;min-height:100svh;padding:60px 0 46px;transition:none;position:static;inset:auto;opacity:1!important;visibility:visible!important}.how-rail,.how-hint{display:none}}@media (width<=760px){html.anim-ready .how-slide .step-num,html.anim-ready .how-slide h3,html.anim-ready .how-slide p,html.anim-ready .how-slide .how-visual,html.anim-ready .how-slide .how-ghost{opacity:0}html.anim-ready .how-slide .step-num{transform:translateY(-18px)}html.anim-ready .how-slide h3,html.anim-ready .how-slide p{transform:translate(-26px)}html.anim-ready .how-slide .how-visual{transform:translate(30px)}html.anim-ready .how-slide .how-ghost{transform:scale(.86)}html.anim-ready .how-slide.seen .step-num,html.anim-ready .how-slide.seen h3,html.anim-ready .how-slide.seen p,html.anim-ready .how-slide.seen .how-visual,html.anim-ready .how-slide.seen .how-ghost{opacity:1;transition:opacity .5s var(--ease-out),transform .5s var(--ease-out);transform:none}html.anim-ready .how-slide.seen .step-num{transition-delay:50ms}html.anim-ready .how-slide.seen h3{transition-delay:.15s}html.anim-ready .how-slide.seen p{transition-delay:.25s}html.anim-ready .how-slide.seen .how-visual{transition-delay:.1s}html.anim-ready .how-slide.seen .how-ghost{transition-delay:.3s}}