:root{
  --teal:#1f6f6b; --teal-d:#17524f; --sand:#f2e8d5; --sand-2:#faf5ec; --ink:#1b1f27; --ink-2:#4a505c;
  --clay:#c8553d; --line:#e2d6bf; --white:#fff; --ok:#1f6f6b;
  --serif:Georgia,"Times New Roman",serif; --sans:"Helvetica Neue",Helvetica,Arial,sans-serif;
  --r:14px; --shadow:0 10px 30px rgba(27,31,39,.10);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--sand-2);color:var(--ink);font:17px/1.6 var(--sans);-webkit-font-smoothing:antialiased}
img{max-width:100%}
a{color:var(--teal)}
.wrap{max-width:1120px;margin:0 auto;padding:0 20px}
.temp{display:inline-block;font:600 11px/1 var(--sans);letter-spacing:.08em;text-transform:uppercase;background:var(--clay);color:#fff;padding:4px 7px;border-radius:5px;vertical-align:middle}
.skip{position:absolute;left:-9999px}.skip:focus{left:12px;top:12px;background:#fff;padding:8px;z-index:99}


.top{position:sticky;top:0;z-index:20;background:rgba(250,245,236,.92);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.top .wrap{display:flex;align-items:center;gap:18px;height:64px}
.brand{font:700 20px/1 var(--serif);color:var(--ink);text-decoration:none}
.brand small{font:400 13px var(--sans);color:var(--ink-2);margin-left:6px}
.nav{margin-left:auto;display:flex;gap:18px;align-items:center}
.nav a{color:var(--ink);text-decoration:none;font-size:15px}
.nav a:hover{color:var(--teal)}
.btn{display:inline-block;background:var(--teal);color:#fff;border:0;border-radius:999px;padding:12px 22px;font:600 16px var(--sans);text-decoration:none;cursor:pointer}
.btn:hover{background:var(--teal-d)}
.btn.ghost{background:transparent;color:var(--teal);border:2px solid var(--teal)}
.btn.small{padding:8px 14px;font-size:14px}
@media(max-width:760px){.nav a:not(.btn){display:none}.brand small{display:none}.brand .temp{font-size:9px}.top .btn.small{padding:7px 12px;font-size:13px;white-space:nowrap}h1{font-size:34px}.demo{padding:16px 14px 50px}.cta{padding:30px 18px}}
html,body{overflow-x:hidden}
.wrap>*,.grid>*,.two>*{min-width:0}


.hero{padding:64px 0 40px}
.hero .grid{display:grid;grid-template-columns:1.05fr .95fr;gap:44px;align-items:center}
@media(max-width:900px){.hero .grid{grid-template-columns:1fr}}
.eyebrow{font:600 13px var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--teal)}
h1,h2,h3{font-family:var(--serif);line-height:1.15;margin:0 0 .5em}
h1{font-size:clamp(36px,5.4vw,60px);letter-spacing:-.01em}
h2{font-size:clamp(28px,3.6vw,40px)}
h3{font-size:22px}
.lede{font-size:20px;color:var(--ink-2);max-width:36em}
.hero .actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}
.forbar{margin-top:26px;display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.forbar label{font-weight:600}
select{font:16px var(--sans);padding:10px 12px;border-radius:10px;border:1px solid var(--line);background:#fff;color:var(--ink);max-width:100%}
.arranged{display:none;margin-top:14px;font-size:14px;background:#fff;border:1px dashed var(--teal);border-radius:10px;padding:8px 12px;color:var(--ink-2)}
.arranged.on{display:block}
.arranged button{background:none;border:0;color:var(--teal);text-decoration:underline;cursor:pointer;font:inherit}


section{padding:56px 0}
section.alt{background:var(--sand)}
.sub{color:var(--ink-2);max-width:40em;margin-bottom:28px}
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:18px}
.card{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:22px;text-decoration:none;color:var(--ink);display:flex;flex-direction:column;gap:8px;transition:transform .2s,box-shadow .2s}
a.card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
.card .n{font:700 13px var(--sans);color:#a8432c;letter-spacing:.08em}
.card h3{margin:0;font-size:21px}
.card p{margin:0;color:var(--ink-2);font-size:15.5px}
.card .go{margin-top:auto;color:var(--teal);font-weight:600;font-size:15px}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{background:#fff;border:1px solid var(--line);border-radius:999px;padding:7px 14px;color:var(--ink);text-decoration:none;font-size:15px}
.chip:hover{border-color:var(--teal);color:var(--teal)}
.group{margin-bottom:22px}
.group h3{font:600 14px var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2);margin-bottom:10px}
.steps{counter-reset:s;list-style:none;padding:0;margin:0;display:grid;gap:12px}
.steps li{counter-increment:s;background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px 16px 14px 58px;position:relative}
.steps li:before{content:counter(s);position:absolute;left:16px;top:12px;width:28px;height:28px;border-radius:50%;background:var(--teal);color:#fff;font:700 15px/28px var(--sans);text-align:center}
.okline{display:flex;gap:10px;align-items:flex-start;background:#fff;border-left:4px solid var(--teal);border-radius:8px;padding:12px 14px;margin-top:18px;font-weight:600}
.two{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}
@media(max-width:900px){.two{grid-template-columns:1fr}}
.cta{background:var(--ink);color:#fff;border-radius:22px;padding:44px;text-align:center}
.cta h2{color:#fff}.cta p{color:#d7dbe2}
.cta .btn{background:var(--sand);color:var(--ink)}
footer{padding:36px 0 60px;color:var(--ink-2);font-size:14px}
.note{font-size:13px;color:var(--ink-2)}


.demo{background:var(--ink);color:#eef0f4;border-radius:20px;padding:20px 20px 54px;box-shadow:var(--shadow);position:relative;min-height:340px;overflow:hidden}
.demo .bar{display:flex;align-items:center;gap:8px;font:600 12px var(--sans);letter-spacing:.08em;text-transform:uppercase;color:#aab2c0;margin-bottom:14px}
.demo .bar .dot{width:8px;height:8px;border-radius:50%;background:var(--clay)}
.demo .bar .lbl{margin-left:auto;background:#2b313d;color:#cfd5df;border-radius:6px;padding:3px 7px;letter-spacing:.04em;text-transform:none;font-weight:500}
.d-row{background:#262c37;border-radius:12px;padding:12px 14px;margin-bottom:10px;opacity:0;transform:translateY(8px);transition:opacity .45s,transform .45s}
.d-row.in{opacity:1;transform:none}
.d-row .k{font:600 12px var(--sans);color:#9fd3cf;letter-spacing:.04em;text-transform:uppercase}
.d-row .v{font-size:15px;line-height:1.45}
.d-row.alert{background:#a8432c;color:#fff}.d-row.alert .k{color:#ffe3dc}
.d-row.good{background:#1f6f6b}.d-row.good .k{color:#d9f1ee}
.d-row.flag{border:1px solid var(--clay)}
.d-acts{display:flex;gap:8px;margin-top:10px}
.d-acts button{border:0;border-radius:999px;padding:7px 14px;font:600 14px var(--sans);cursor:pointer}
.d-acts .yes{background:var(--sand);color:var(--ink)}.d-acts .no{background:#3a4150;color:#eef0f4}
.ring{display:inline-block;animation:ring .6s ease-in-out 4}
@keyframes ring{0%,100%{transform:rotate(0)}25%{transform:rotate(-14deg)}75%{transform:rotate(14deg)}}
.typing:after{content:"|";animation:blink 1s steps(1) infinite;margin-left:1px}
@keyframes blink{50%{opacity:0}}
.demo .replay{position:absolute;right:16px;bottom:14px;background:none;border:1px solid #4a5263;color:#cfd5df;border-radius:999px;padding:5px 12px;font:13px var(--sans);cursor:pointer}
.swatches{display:flex;gap:8px}.swatches span{flex:1;height:54px;border-radius:10px}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}.d-row{opacity:1;transform:none}}


.showcase{position:relative}
.sc-frame{background:#fff;border-radius:16px;box-shadow:0 24px 60px rgba(27,31,39,.18);overflow:hidden;border:1px solid var(--line)}
.sc-chrome{display:flex;align-items:center;gap:6px;padding:9px 12px;background:#ece5d6;font:12px var(--sans);color:var(--ink-2)}
.sc-chrome i{width:9px;height:9px;border-radius:50%;background:#cfc4ae;display:inline-block}
.sc-chrome .sc-url{margin-left:8px;background:#fff;border-radius:6px;padding:3px 10px;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sc-screen{position:relative;height:420px;overflow:hidden;background:#fff}
.sc-slide{position:absolute;inset:0;opacity:0;transform:translateX(30px) scale(.98);transition:opacity .45s ease,transform .45s ease}
.sc-slide.in{opacity:1;transform:none}.sc-slide.out{opacity:0;transform:translateX(-30px) scale(.98)}
.sc-page{height:100%;display:flex;flex-direction:column;font-family:var(--sans);color:#1b1f27}
.sc-badges{display:flex;flex-wrap:wrap;gap:5px;padding:8px 10px;background:var(--b);}
.sc-badge{display:inline-flex;align-items:center;gap:4px;background:rgba(255,255,255,.95);color:var(--b);border-radius:999px;padding:3px 8px;font:700 10.5px var(--sans);letter-spacing:.01em;box-shadow:0 1px 0 rgba(0,0,0,.08)}
.sc-badge i{font-style:normal;background:var(--b);color:#fff;border-radius:50%;width:14px;height:14px;display:inline-grid;place-items:center;font-size:9px}
.sc-badge.sc-yours{background:transparent;color:#fff;border:1px dashed rgba(255,255,255,.8)}
.sc-nav{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid #eee;font-size:12px}
.sc-logo{display:flex;align-items:center;gap:6px;font:700 14px var(--serif);color:var(--b)}
.sc-mark{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:7px;background:var(--b);color:#fff;font-size:13px}
.sc-links{margin-left:auto;color:#666}.sc-phone{background:var(--b);color:#fff;border-radius:999px;padding:4px 10px;font-weight:700}
.sc-hero{flex:1;padding:22px 18px;background:linear-gradient(135deg,color-mix(in srgb,var(--b) 10%,#fff),#fff)}
.sc-field{font:700 11px var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--b)}
.sc-hero h3{font-size:clamp(20px,2.6vw,28px);margin:6px 0 6px;color:#1b1f27}
.sc-hero p{margin:0 0 14px;color:#555;font-size:14px}
.sc-cta{display:inline-block;background:var(--b);color:#fff;border-radius:999px;padding:9px 16px;font-weight:700;font-size:14px}
.sc-stars{display:block;margin-top:12px;color:#8a6200;font-size:14px}.sc-stars em{color:#666;font-style:normal;font-size:12px;margin-left:4px}
.sc-strip{display:flex;gap:18px;padding:8px 14px;background:#f6f6f6;font:600 11px var(--sans);color:#595959;white-space:nowrap;overflow:hidden}
.sc-meta{display:flex;align-items:center;gap:10px;margin-top:10px;font-size:13px;color:var(--ink-2)}
.sc-meta b{color:var(--ink)}
.sc-pause{margin-left:auto;background:none;border:1px solid var(--line);border-radius:999px;padding:4px 12px;font:13px var(--sans);cursor:pointer;color:var(--ink)}
@media(max-width:600px){.sc-screen{height:460px}.sc-links{display:none}}
@media(max-width:480px){.top .btn.small{display:none}}


.sc-badges{align-items:center;gap:8px;padding:8px 12px;background:#fff;border-bottom:3px solid var(--b)}
.sc-b{position:relative;display:inline-grid;place-items:center;width:46px;height:46px;flex:none}
.sc-b .sc-bt{font:800 7px/1.1 var(--sans);text-transform:uppercase;text-align:center;color:#fff;filter:blur(1.6px);padding:0 5px;max-height:28px;overflow:hidden}
.sc-b.seal{border-radius:50%;box-shadow:0 0 0 3px #fff,0 0 0 5px currentColor}
.sc-b.gold{background:radial-gradient(circle at 35% 30%,#f7d774,#c9961a);color:#c9961a}
.sc-b.navy{background:radial-gradient(circle at 35% 30%,#3b6fb6,#173a6b);color:#173a6b}
.sc-b.shield{border-radius:8px 8px 23px 23px}
.sc-b.blue{background:linear-gradient(#2f6fd0,#184a96)}
.sc-b.green{background:linear-gradient(#2e9a5c,#1b6b3d)}
.sc-b.ribbon{border-radius:50%;background:radial-gradient(circle at 35% 30%,#e8574a,#a3241a)}
.sc-b.ribbon:after{content:"";position:absolute;bottom:-9px;left:13px;width:20px;height:14px;background:#a3241a;clip-path:polygon(0 0,100% 0,100% 100%,50% 65%,0 100%)}
.sc-blabel{margin-left:auto;font:600 11px var(--sans);color:#4d4d4d;border:1px dashed #bbb;border-radius:999px;padding:3px 8px}


.sc-hero{position:relative;perspective:700px;overflow:hidden}
.sc-3d{position:absolute;right:22px;top:8px;max-width:calc(100% - 40px);white-space:nowrap;font:900 clamp(28px,4vw,50px)/1 var(--sans);letter-spacing:-.02em;color:#fff;
  -webkit-text-stroke:1px var(--b);
  text-shadow:1px 1px 0 var(--b),2px 2px 0 var(--b),3px 3px 0 var(--b),4px 4px 0 var(--b),5px 5px 0 var(--b),6px 6px 0 var(--b),7px 7px 0 var(--b),8px 8px 0 var(--b),10px 14px 18px rgba(0,0,0,.28);
  transform-origin:50% 100%;opacity:.95;pointer-events:none}
.sc-slide.in .sc-3d{animation:pop3d 1s cubic-bezier(.2,1.4,.4,1) both}
@keyframes pop3d{0%{transform:rotateX(70deg) translateZ(-120px) scale(.6);opacity:0}60%{transform:rotateX(-8deg) translateZ(60px) scale(1.12);opacity:1}100%{transform:rotateX(8deg) translateZ(30px) scale(1)}}
.sc-logo{text-shadow:1px 1px 0 rgba(0,0,0,.12),2px 2px 0 rgba(0,0,0,.08)}
.sc-slide.in .sc-logo{animation:popname .8s .15s cubic-bezier(.2,1.4,.4,1) both}
@keyframes popname{0%{transform:scale(.8) translateY(6px);opacity:0}100%{transform:none;opacity:1}}
.sc-hero h3,.sc-hero p,.sc-hero .sc-cta,.sc-hero .sc-field{position:relative;z-index:1}
.sc-hero h3{max-width:70%;margin-top:34px}
@media(max-width:600px){.sc-3d{font-size:30px;top:4px}.sc-hero h3{max-width:none;margin-top:30px}}


.dom-ticker{display:flex;flex-wrap:wrap;align-items:center;gap:10px;background:var(--ink);color:#fff;border-radius:999px;padding:10px 18px;font-size:16px;margin:4px 0 16px;width:fit-content;max-width:100%}
.dom-ticker b{font:800 20px var(--sans);color:var(--sand)}
.dom-dot{width:10px;height:10px;border-radius:50%;background:#3ccf91;box-shadow:0 0 0 0 rgba(60,207,145,.6);animation:domPulse 1.6s infinite}
@keyframes domPulse{70%{box-shadow:0 0 0 10px rgba(60,207,145,0)}100%{box-shadow:0 0 0 0 rgba(60,207,145,0)}}
.dom-src{font-size:13px;color:#c9ced8}
.dom-grid{display:flex;flex-wrap:wrap;gap:6px}
.dom-grid.full{max-height:520px;overflow:auto;padding:12px;background:#fff;border:1px solid var(--line);border-radius:14px}
.dom{font:600 14px var(--sans);padding:5px 10px;border-radius:8px;background:var(--sand);color:var(--ink);filter:blur(3px);user-select:none}
.dom.on{filter:none;background:var(--teal);color:#fff;user-select:auto;font-size:15px}
.dom-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:20px;box-shadow:var(--shadow)}


.stage{--stage:#0b3d91;background:radial-gradient(circle at 50% 40%,color-mix(in srgb,var(--stage) 55%,#fff),var(--stage));transition:background .5s ease;padding:44px 0 34px}
.stage .showcase{max-width:980px;margin:0 auto}
.stage .sc-screen{height:500px}
.stage .sc-meta,.stage .note{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.45)}
.stage .sc-meta b{color:#fff}.stage .sc-pause{background:rgba(255,255,255,.92);color:var(--ink)}
.hero-solo .wrap{max-width:860px;text-align:center}.hero-solo .lede{margin:0 auto}.hero-solo .actions,.hero-solo .forbar{justify-content:center}
.sc-page{background:var(--bg,#fff);color:var(--fg,#1b1f27)}
.sc-slide .sc-hero{background:none}
.sc-slide .sc-hero h3,.sc-slide .sc-hero p{color:var(--fg)}
.sc-slide .sc-field{color:var(--ac)}
.sc-slide .sc-cta{background:var(--ac);color:var(--bg)}
.sc-slide .sc-stars,.sc-slide .sc-stars em{color:var(--fg)}
.sc-slide .sc-nav{border-bottom-color:rgba(127,127,127,.35)}
.sc-slide .sc-logo{color:var(--fg)}.sc-slide .sc-mark{background:var(--ac);color:var(--bg)}
.sc-slide .sc-links{color:var(--fg)}.sc-slide .sc-phone{background:var(--fg);color:var(--bg)}
.sc-slide .sc-badges{border-bottom-color:var(--ac)}
.sc-slide .sc-3d{color:var(--fg);-webkit-text-stroke:1px var(--ac);font-size:clamp(34px,6vw,76px);
  text-shadow:1px 1px 0 var(--ac),2px 2px 0 var(--ac),3px 3px 0 var(--ac),4px 4px 0 var(--ac),5px 5px 0 var(--ac),6px 6px 0 var(--ac),7px 7px 0 var(--ac),8px 8px 0 var(--ac),9px 9px 0 var(--ac),10px 10px 0 var(--ac),14px 18px 22px rgba(0,0,0,.35)}
.sc-slide.in .sc-3d{animation:pop3dHard 1.1s cubic-bezier(.15,1.6,.35,1) both}
@keyframes pop3dHard{0%{transform:rotateX(var(--rx)) rotateY(var(--ry)) rotateZ(var(--rz)) translateZ(-600px) scale(.15);opacity:0}
  55%{transform:rotateX(calc(var(--rx) * -.12)) rotateY(calc(var(--ry) * -.12)) translateZ(160px) scale(1.4);opacity:1}
  78%{transform:translateZ(20px) scale(.94)}100%{transform:rotateX(6deg) translateZ(60px) scale(1.06)}}
@media(max-width:600px){.stage .sc-screen{height:470px}.stage{padding:24px 0}}
@media(prefers-reduced-motion:reduce){.stage{transition:none}.sc-slide.in .sc-3d{animation:none}}

.sc-slide .sc-3d{left:0;right:0;top:18px;text-align:center;max-width:none}
.sc-slide .sc-hero h3{margin-top:96px;max-width:none}
.sc-slide .sc-hero{text-align:center}
@media(max-width:600px){.sc-slide .sc-hero h3{margin-top:56px}}
.sc-slide .sc-field{display:block;margin-top:92px;position:relative;z-index:2}
.sc-slide .sc-hero h3{margin-top:6px}
.stage .sc-meta,.stage .note{display:flex;background:rgba(17,24,39,.82);color:#fff;text-shadow:none;border-radius:12px;padding:8px 14px;width:fit-content;max-width:100%}
.stage .note{margin-top:8px;font-size:13px}
.stage .sc-meta{width:100%;box-sizing:border-box}


.reveal{opacity:0;transform:translateY(34px) scale(.98);transition:opacity .7s ease,transform .8s cubic-bezier(.2,.9,.3,1.2);transition-delay:calc(var(--i,0) * 70ms)}
.reveal.seen{opacity:1;transform:none}
.hero,section.alt,section{position:relative;isolation:isolate}
.blobs{position:absolute;inset:0;overflow:hidden;z-index:-1;pointer-events:none}
.blobs i{position:absolute;width:42vmax;height:42vmax;border-radius:50%;filter:blur(60px);opacity:.38;animation:drift 22s ease-in-out infinite alternate}
.blobs i:nth-child(1){background:#7fd1c9;left:-12vmax;top:-14vmax}
.blobs i:nth-child(2){background:#f3c7a8;right:-14vmax;top:10%;animation-duration:28s;animation-delay:-6s}
.blobs i:nth-child(3){background:#c9d8f5;left:30%;bottom:-20vmax;animation-duration:32s;animation-delay:-12s}
@keyframes drift{0%{transform:translate(0,0) scale(1)}50%{transform:translate(8vmax,6vmax) scale(1.15)}100%{transform:translate(-6vmax,10vmax) scale(.9)}}
section.alt{margin:46px 0;border-radius:56px;background:linear-gradient(120deg,#f2e8d5,#f7efe2,#efe3cc,#f2e8d5);background-size:300% 300%;animation:sheen 18s ease infinite}
@keyframes sheen{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
.wave{display:block;width:100%;height:60px;margin-top:-1px}
h1 .grad,h2 .grad{background:linear-gradient(90deg,#17524f,#1b1f27,#a3241a,#17524f);background-size:300% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:sheen 9s linear infinite}
.card{transform-style:preserve-3d;will-change:transform}
.card:hover{box-shadow:0 22px 50px rgba(27,31,39,.18)}
.btn{position:relative;overflow:hidden;transition:transform .2s,box-shadow .2s,background .2s}
.btn:hover{transform:translateY(-3px);box-shadow:0 10px 24px rgba(31,111,107,.35)}
.btn:after{content:"";position:absolute;top:0;left:-120%;width:60%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.45),transparent);transform:skewX(-20deg);transition:left .6s}
.btn:hover:after{left:140%}
.chip{transition:transform .2s,background .2s,color .2s}.chip:hover{transform:translateY(-2px) rotate(-1deg);background:var(--teal);color:#fff}
.stats{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;margin:26px 0 0}
.stat{background:#fff;border:1px solid var(--line);border-radius:18px;padding:14px 22px;text-align:center;min-width:150px;box-shadow:var(--shadow)}
.stat b{display:block;font:800 34px var(--serif);color:var(--teal)}
.stat span{font-size:14px;color:var(--ink-2)}
.steps li{transition:transform .25s}.steps li:hover{transform:translateX(6px)}
@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none}.blobs i,section.alt,h1 .grad,h2 .grad,.dom-dot{animation:none}.btn:after{display:none}}
.sc-slide .sc-page h3,.sc-slide .sc-3d,.sc-slide .sc-logo,.sc-slide .sc-cta{font-family:var(--ff,inherit)}
.sc-slide .sc-3d{font-weight:900}
.sc-pkg{margin-left:10px;opacity:.95}.stage .sc-meta .temp{margin-left:8px;font-size:10px}
@font-face{font-family:"Playfair Display";src:url(fonts/playfairdisplay/PlayfairDisplay-wght.ttf) format("truetype");font-weight:400 900;font-display:swap}
@font-face{font-family:"DM Serif Display";src:url(fonts/dmserifdisplay/DMSerifDisplay-Regular.ttf) format("truetype");font-weight:400;font-display:swap}
@font-face{font-family:"Lora";src:url(fonts/lora/Lora-wght.ttf) format("truetype");font-weight:400 700;font-display:swap}
@font-face{font-family:"Inter";src:url(fonts/inter/Inter-opsz-wght.ttf) format("truetype");font-weight:100 900;font-display:swap}
@font-face{font-family:"Poppins";src:url(fonts/poppins/Poppins-Regular.ttf) format("truetype");font-weight:400;font-display:swap}
@font-face{font-family:"Poppins";src:url(fonts/poppins/Poppins-SemiBold.ttf) format("truetype");font-weight:600;font-display:swap}
@font-face{font-family:"Poppins";src:url(fonts/poppins/Poppins-Bold.ttf) format("truetype");font-weight:700 900;font-display:swap}
@font-face{font-family:"Space Grotesk";src:url(fonts/spacegrotesk/SpaceGrotesk-wght.ttf) format("truetype");font-weight:300 700;font-display:swap}
@media print{.reveal{opacity:1;transform:none}}

.pull{opacity:0;transform:translate(var(--px),200px) rotate(var(--pr)) skewX(var(--psk)) scale(var(--psc));transform-origin:50% 0}
.pull.pulled{animation:pullUp 1.15s cubic-bezier(.25,.9,.3,1) both}
@keyframes pullUp{0%{opacity:0;transform:translate(var(--px),200px) rotate(var(--pr)) skewX(var(--psk)) scale(var(--psc))}
  45%{opacity:1;transform:translate(calc(var(--px) * -.15),-26px) rotate(calc(var(--pr) * -.35)) skewX(0) scale(1.02)}
  70%{transform:translate(0,8px) rotate(calc(var(--pr) * .12)) scale(.995)}
  100%{opacity:1;transform:none}}
@media(max-width:600px){.pull{transform:translate(0,140px) rotate(var(--pr)) scale(.96)}}
@media(prefers-reduced-motion:reduce){.pull{transform:none;opacity:1}.pull.pulled{animation:none}}
@media print{.pull{transform:none;opacity:1;animation:none}}


.sc-drop{position:absolute;z-index:3;pointer-events:none;height:auto;margin:-16px 0 0 -16px;animation:trick 1.15s cubic-bezier(.3,.6,.4,1) both;filter:drop-shadow(0 4px 4px rgba(0,0,0,.25))}
@keyframes trick{0%{opacity:0;transform:translate(var(--x0),var(--y0)) rotate(0) scale(.5)}
  12%{opacity:1}
  33%{transform:translate(var(--x1),var(--y1)) rotate(calc(var(--dr) * .33)) scale(1)}
  66%{opacity:1;transform:translate(var(--x2),var(--y2)) rotate(calc(var(--dr) * .66)) scale(1)}
  100%{opacity:0;transform:translate(var(--x3),var(--y3)) rotate(var(--dr)) scale(.9)}}
.sc-drop.trick-cover{animation-name:trickCover}
@keyframes trickCover{0%{opacity:0;transform:translate(var(--x0),var(--y0)) scale(.5)}20%{opacity:1}55%{transform:translate(var(--x2),var(--y2)) rotate(0) scale(1.15)}85%{opacity:1;transform:translate(var(--x3),var(--y3)) scale(1)}100%{opacity:0;transform:translate(var(--x3),var(--y3)) scale(.6)}}
@media(prefers-reduced-motion:reduce){.sc-drop{display:none}}

.sc-slide{--side:color-mix(in srgb,var(--ac) 45%,var(--bg))}
.sc-slide .sc-3d{-webkit-text-stroke:0;color:var(--fg);
  text-shadow:1px 1px 0 var(--side),2px 2px 0 var(--side),3px 3px 0 var(--side),4px 4px 0 var(--side),5px 5px 0 var(--side),6px 6px 0 var(--side),7px 7px 0 var(--side),8px 8px 0 var(--side),12px 14px 16px rgba(0,0,0,.18)}
.sc-slide{transition:opacity .22s ease,transform .3s ease}
.sc-slide.out{opacity:0!important;transition:none}

.nav a.btn,.nav a.btn:hover{color:#fff}
.sc-links,.sc-stars em,.sc-strip,.sc-field,.sc-slide .sc-field{font-size:13px}
.sc-strip{color:#4a4f57}
.sc-slide{--side:color-mix(in srgb,var(--ac) 58%,var(--bg))}


.sc-slide.in .sc-3d{animation-duration:1.6s}
.sc-drop{animation-duration:1.7s}
.sc-slide{transition:opacity .35s ease,transform .45s ease}


.sc-bigicon{position:absolute;left:22px;bottom:22px;width:clamp(100px,14vw,150px);height:auto;z-index:2;pointer-events:none;filter:drop-shadow(0 8px 12px rgba(0,0,0,.28));animation:bigIcon 3s ease-in-out both}
@keyframes bigIcon{0%{opacity:0;transform:scale(.4) rotate(-20deg)}18%{opacity:1;transform:scale(1.12) rotate(6deg)}30%{transform:scale(1) rotate(0)}50%{transform:translateY(-8px)}70%{transform:translateY(0)}100%{opacity:1;transform:none}}
.sc-mark img{display:block}
@media(max-width:600px){.sc-bigicon{width:56px;left:10px;bottom:10px}}
@media(prefers-reduced-motion:reduce){.sc-bigicon{animation:none}}



.hero{background:linear-gradient(125deg,#0b2a5b,#114a47,#3e1361,#7a2a1c,#0b2a5b);background-size:400% 400%;animation:heroMesh 16s ease infinite;color:#fff;overflow:hidden}
@keyframes heroMesh{0%{background-position:0% 30%}50%{background-position:100% 70%}100%{background-position:0% 30%}}
.hero h1,.hero h2,.hero .lede,.hero p,.hero label{color:#fff}
.hero .eyebrow{color:#9fe7df}
.hero .lede{color:#e6ebf2}
.hero h1 .grad{background:linear-gradient(90deg,#ffd23f,#9fe7df,#ffc2e2,#ffd23f);background-size:300% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:sheen 6s linear infinite}
.hero .btn.ghost{color:#fff;border-color:#fff}
.hero .btn{box-shadow:0 8px 24px rgba(0,0,0,.25)}
.hero #indLink,.hero a:not(.btn){color:#9fe7df}
.hero .okline{color:var(--ink)}
.hero .blobs i{opacity:.5;mix-blend-mode:screen}
.hero .blobs i:nth-child(1){background:#1fb5a8}.hero .blobs i:nth-child(2){background:#ff7a59}.hero .blobs i:nth-child(3){background:#7b5cff}

.wave-anim{position:absolute;left:0;right:0;bottom:-1px;height:70px;overflow:hidden;pointer-events:none;z-index:1}
.wave-anim svg{position:absolute;bottom:0;width:200%;height:70px;left:0;animation:waveMove 12s linear infinite}
.wave-anim svg:nth-child(2){animation-duration:19s;opacity:.55}
@keyframes waveMove{from{transform:translateX(0)}to{transform:translateX(-50%)}}

.float-icons{position:absolute;inset:0;pointer-events:none;z-index:0;overflow:hidden}
.float-icons img{position:absolute;bottom:-80px;opacity:.22;animation:floatUp linear infinite}
@keyframes floatUp{from{transform:translateY(0) rotate(0)}to{transform:translateY(-120vh) rotate(360deg)}}
.hero .wrap{position:relative;z-index:2}

.glow{position:absolute;inset:0;pointer-events:none;z-index:1;background:radial-gradient(420px circle at var(--mx,50%) var(--my,50%),rgba(255,255,255,.16),transparent 60%)}
section.alt .glow{background:radial-gradient(380px circle at var(--mx,50%) var(--my,50%),rgba(31,111,107,.14),transparent 60%)}

section.alt{background:linear-gradient(120deg,#fde7c8,#d6f5ef,#e9dcff,#ffe1d6,#fde7c8);background-size:400% 400%;animation:heroMesh 20s ease infinite}
section.alt .blobs i{opacity:.55}
h2{position:relative}
h2:after{content:"";display:block;width:64px;height:5px;border-radius:5px;margin-top:12px;background:linear-gradient(90deg,#1f6f6b,#c8553d,#7b5cff,#1f6f6b);background-size:300% 100%;animation:sheen 4s linear infinite}
.hero-solo h2:after,.cta h2:after{margin-left:auto;margin-right:auto}
@media(prefers-reduced-motion:reduce){.hero,section.alt,.wave-anim svg,.float-icons,.hero h1 .grad,h2:after{animation:none}.float-icons{display:none}}

.sc-drop,.sc-bigicon,.float-icons img{filter:drop-shadow(0 0 1.5px #fff) drop-shadow(0 0 1.5px #fff) drop-shadow(0 0 8px rgba(255,255,255,.75)) drop-shadow(0 6px 8px rgba(0,0,0,.25))}
.hero .sc-meta,.hero .sc-meta b,.hero .note{color:#fff}
.hero .sc-meta{background:rgba(17,24,39,.55);border-radius:12px;padding:8px 12px}
.sc-bigicon{left:auto;right:14px;bottom:14px;width:clamp(48px,15%,130px)}
@media(max-width:600px){.sc-bigicon{width:44px;right:8px;bottom:8px}}
.hero .blobs i{opacity:.38}

.hero .blobs i{opacity:.16}
.hero h1,.hero .lede,.hero p,.hero label,.hero .eyebrow{text-shadow:0 1px 2px rgba(0,0,0,.45),0 0 12px rgba(0,0,0,.25)}

.stage{position:relative;overflow:hidden;isolation:isolate}
.stage .wrap{position:relative;z-index:2}
.stage-fx{position:absolute;inset:-20%;z-index:0;pointer-events:none;background:
  radial-gradient(closest-side,rgba(255,255,255,.35),transparent) 10% 20%/38% 38% no-repeat,
  radial-gradient(closest-side,rgba(0,0,0,.25),transparent) 85% 30%/44% 44% no-repeat,
  radial-gradient(closest-side,rgba(255,255,255,.22),transparent) 60% 85%/50% 50% no-repeat,
  conic-gradient(from 0deg at 50% 50%,transparent,rgba(255,255,255,.12),transparent,rgba(0,0,0,.12),transparent);
  animation:stageSpin 18s ease-in-out infinite alternate}
@keyframes stageSpin{0%{transform:rotate(0) scale(1)}50%{transform:rotate(14deg) scale(1.12) translate(3%,-2%)}100%{transform:rotate(-10deg) scale(1.05) translate(-3%,2%)}}
.stage .float-icons{z-index:1}
.stage .float-icons img{opacity:.5}
.stage .glow{z-index:1}
@media(prefers-reduced-motion:reduce){.stage-fx{animation:none}}


.sc-screen{perspective:1400px}
.sc-slide[class*="enter-"].in{animation:.85s cubic-bezier(.2,.9,.25,1.05) both}
.sc-slide.enter-flip.in{animation-name:enFlip}   @keyframes enFlip{from{transform:rotateY(-95deg);opacity:0}to{transform:none;opacity:1}}
.sc-slide.enter-swing.in{animation-name:enSwing;transform-origin:50% 0}  @keyframes enSwing{0%{transform:rotateX(-95deg);opacity:0}60%{transform:rotateX(14deg);opacity:1}80%{transform:rotateX(-6deg)}100%{transform:none}}
.sc-slide.enter-zoom.in{animation-name:enZoom}   @keyframes enZoom{0%{transform:scale(.2);opacity:0}70%{transform:scale(1.06);opacity:1}100%{transform:none}}
.sc-slide.enter-left.in{animation-name:enLeft}   @keyframes enLeft{0%{transform:translateX(-110%) skewX(12deg)}75%{transform:translateX(3%) skewX(-3deg)}100%{transform:none}}
.sc-slide.enter-right.in{animation-name:enRight} @keyframes enRight{0%{transform:translateX(110%) skewX(-12deg)}75%{transform:translateX(-3%) skewX(3deg)}100%{transform:none}}
.sc-slide.enter-spin.in{animation-name:enSpin}   @keyframes enSpin{from{transform:rotate(-200deg) scale(.15);opacity:0}to{transform:none;opacity:1}}
.sc-slide.enter-fold.in{animation-name:enFold;transform-origin:0 50%}  @keyframes enFold{from{transform:perspective(900px) rotateY(80deg) scaleX(.4);opacity:0}to{transform:none;opacity:1}}
.sc-slide.enter-drop.in{animation-name:enDrop}   @keyframes enDrop{0%{transform:translateY(-110%)}60%{transform:translateY(4%)}78%{transform:translateY(-2%)}100%{transform:none}}
.sc-slide.enter-cube.in{animation-name:enCube;transform-origin:100% 50%}  @keyframes enCube{from{transform:translateX(-100%) rotateY(-90deg);transform-origin:100% 50%;opacity:.6}to{transform:none;opacity:1}}
.sc-slide.enter-blur.in{animation-name:enBlur}   @keyframes enBlur{from{filter:blur(18px) saturate(2);transform:scale(1.15);opacity:0}to{filter:none;transform:none;opacity:1}}
@media(prefers-reduced-motion:reduce){.sc-slide[class*="enter-"].in{animation:none}}

.pull[class*="fx-"]{opacity:1;animation:1.4s cubic-bezier(.2,.85,.25,1) both}
.pull.fx-tornado{animation-name:fxTornado;animation-duration:1.6s}
@keyframes fxTornado{0%{transform:translateY(160px) rotate(-1080deg) scale(.08);opacity:0}70%{transform:translateY(-10px) rotate(14deg) scale(1.03);opacity:1}85%{transform:rotate(-5deg)}100%{transform:none}}
.pull.fx-flipup{animation-name:fxFlipup;transform-origin:50% 50%}
@keyframes fxFlipup{0%{transform:perspective(1200px) rotateX(180deg) rotateZ(180deg) scale(.6);opacity:0}55%{transform:perspective(1200px) rotateX(-20deg) rotateZ(-6deg) scale(1.02);opacity:1}78%{transform:perspective(1200px) rotateX(8deg)}100%{transform:none}}
.pull.fx-burst{animation-name:fxBurst}
@keyframes fxBurst{0%{transform:scale(.05);filter:blur(14px);opacity:0}45%{transform:scale(1.25);filter:blur(0);opacity:1}62%{transform:scale(.88)}80%{transform:scale(1.05)}100%{transform:none}}
.pull.fx-slam{animation-name:fxSlam}
@keyframes fxSlam{0%{transform:scale(2.6);opacity:0}45%{transform:scale(.97);opacity:1}55%{transform:translate(-10px,4px) rotate(-1deg)}65%{transform:translate(9px,-3px) rotate(1deg)}75%{transform:translate(-6px,2px)}85%{transform:translate(4px,0)}100%{transform:none}}
.pull.fx-swirl{animation-name:fxSwirl}
@keyframes fxSwirl{0%{transform:translate(-60vw,30vh) rotate(-240deg) scale(.3);opacity:0}60%{transform:translate(4vw,-2vh) rotate(12deg) scale(1.02);opacity:1}100%{transform:none}}
.pull.fx-unfold{animation-name:fxUnfold;transform-origin:50% 0}
@keyframes fxUnfold{0%{transform:perspective(1000px) rotateX(-90deg) scaleY(.2);opacity:0}60%{transform:perspective(1000px) rotateX(12deg) scaleY(1.03);opacity:1}100%{transform:none}}
.pull.fx-pullup{animation-name:pullUp}
.pull.fx-shatter{animation-name:none;opacity:1;transform:none}
.shards{position:absolute;inset:0;z-index:20;pointer-events:none}
.shards i{position:absolute;animation:shard 1.2s cubic-bezier(.3,.7,.3,1) both;box-shadow:0 0 0 1px rgba(0,0,0,.04)}
@keyframes shard{0%{transform:none;opacity:1}25%{opacity:1}100%{transform:translate(var(--dx),calc(var(--dy) + 260px)) rotate(var(--dr)) scale(.6);opacity:0}}
html,body{overflow-x:hidden}
@media(prefers-reduced-motion:reduce){.pull[class*="fx-"]{animation:none}.shards{display:none}}

.hero,.stage{z-index:3}.pull{z-index:1}header.top{z-index:20}


.stage{padding:0;background:none!important;transition:none}
.stage .wrap{max-width:none;padding:0}
.stage .showcase{max-width:none;margin:0}
.stage .sc-frame{border-radius:0;border:0;box-shadow:none}
.stage .sc-chrome{display:none}
.stage .sc-screen{height:calc(100vh - 64px);min-height:520px;max-height:900px}
.stage .sc-meta{border-radius:0;margin:0;width:100%}
.stage .note{display:none}
.stage .sc-hero h3{font-size:clamp(28px,4vw,52px)}
.stage .sc-hero p{font-size:clamp(15px,1.6vw,20px)}
.stage .sc-slide .sc-3d{font-size:clamp(48px,10vw,140px)}
.stage .sc-slide .sc-field{margin-top:clamp(92px,14vw,190px)}
.stage .sc-cta{font-size:17px;padding:12px 22px}
.stage .sc-badges{padding:10px 18px}
.stage .sc-b{width:56px;height:56px}
.stage .note{display:block;margin:0;border-radius:0;width:100%;max-width:none;background:#111827;color:#fff;padding:6px 14px;font-size:13px}
.stage .sc-hero{padding-top:4vh}
.stage .sc-slide .sc-3d{top:5vh}
.stage .sc-slide .sc-field{margin-top:clamp(120px,19vw,250px)}

.sc-drop.trick-convoy{--dr:0deg;transform:scaleX(-1);animation-name:convoy;animation-timing-function:linear;animation-duration:2.2s}
@keyframes convoy{0%{opacity:0;transform:translate(var(--x0),var(--y0))}8%{opacity:1}92%{opacity:1}100%{opacity:0;transform:translate(var(--x3),var(--y3))}}

.nav a.home-link{display:inline-block;font-weight:700;color:var(--teal);white-space:nowrap}
@media(max-width:560px){.top .wrap{height:auto;min-height:64px;flex-wrap:wrap;row-gap:6px;padding-top:8px;padding-bottom:8px}.top .nav{gap:12px}}

.card .svc-ic{display:inline-flex;width:40px;height:40px;border-radius:12px;align-items:center;justify-content:center;background:rgba(31,122,118,.1);color:var(--teal);margin:2px 0 8px}
.card .svc-ic svg{width:24px;height:24px}

html[data-ft="0"]{--serif:"Playfair Display",Georgia,serif;--sans:"Inter","Helvetica Neue",Arial,sans-serif}
html[data-ft="1"]{--serif:"DM Serif Display",Georgia,serif;--sans:"Poppins","Helvetica Neue",Arial,sans-serif}
html[data-ft="2"]{--serif:"Space Grotesk","Helvetica Neue",Arial,sans-serif;--sans:"Inter","Helvetica Neue",Arial,sans-serif}
html[data-ft="3"]{--serif:"Poppins","Helvetica Neue",Arial,sans-serif;--sans:"Lora",Georgia,serif}
html[data-ft="4"]{--serif:"Lora",Georgia,serif;--sans:"Space Grotesk","Helvetica Neue",Arial,sans-serif}


.sc-bigicon{display:block;pointer-events:none}
.sc-bigimg{display:block;width:100%;height:auto;transform-origin:50% 60%;animation-duration:2.6s;animation-iteration-count:infinite;animation-delay:.9s;animation-timing-function:ease-in-out}
.act-hit{transform-origin:85% 90%;animation-name:aHit}
@keyframes aHit{0%,55%,100%{transform:rotate(0)}15%{transform:rotate(-38deg)}24%{transform:rotate(14deg)}30%{transform:rotate(4deg)}36%{transform:rotate(12deg)}}
.act-nod{animation-name:aNod}@keyframes aNod{0%,60%,100%{transform:rotate(0)}15%,40%{transform:rotate(-8deg) translateY(3%)}28%{transform:rotate(6deg)}}
.act-glow{animation-name:aGlow}@keyframes aGlow{0%,70%,100%{filter:brightness(1)}25%,45%{filter:brightness(1.55) drop-shadow(0 0 18px #ffe066) drop-shadow(0 0 36px #ffd23f)}}
.act-turn{animation-name:aTurn}@keyframes aTurn{0%,65%,100%{transform:rotate(0)}25%,45%{transform:rotate(90deg)}}
.act-pull{transform-origin:50% 100%;animation-name:aPull}@keyframes aPull{0%,70%,100%{transform:none}10%{transform:rotate(-6deg)}18%{transform:rotate(6deg)}26%{transform:rotate(-4deg)}40%,55%{transform:translateY(-38%) rotate(10deg)}}
.act-beat{animation-name:aBeat}@keyframes aBeat{0%,40%,100%{transform:scale(1)}10%,26%{transform:scale(1.14)}18%{transform:scale(1)}}
.act-flip{animation-name:aFlip}@keyframes aFlip{0%,60%,100%{transform:perspective(400px) rotateY(0)}30%{transform:perspective(400px) rotateY(-55deg)}}
.act-spin{animation-name:aSpin;animation-timing-function:linear}@keyframes aSpin{to{transform:rotate(360deg)}}
.act-plug{animation-name:aPlug}@keyframes aPlug{0%,70%,100%{transform:none}25%,50%{transform:translate(14%,-6%)}}
.act-sway{transform-origin:50% 100%;animation-name:aSway}@keyframes aSway{0%,100%{transform:rotate(-7deg)}50%{transform:rotate(7deg)}}
.act-swim{animation-name:aSwim}@keyframes aSwim{0%,100%{transform:translate(-6%,0) rotate(-3deg)}50%{transform:translate(6%,4%) rotate(3deg)}}
.act-scuttle{animation-name:aScuttle}@keyframes aScuttle{0%,100%{transform:translateX(0)}20%{transform:translateX(-12%) rotate(-4deg)}22%,26%,30%,34%{transform:translateX(-14%) rotate(3deg)}24%,28%,32%{transform:translateX(-13%) rotate(-3deg)}60%{transform:translateX(10%)}}
.act-scrub{animation-name:aScrub}@keyframes aScrub{0%,60%,100%{transform:none}10%,30%,50%{transform:translateX(-12%) rotate(-6deg)}20%,40%{transform:translateX(12%) rotate(6deg)}}
.act-stroke{transform-origin:20% 80%;animation-name:aStroke}@keyframes aStroke{0%,65%,100%{transform:none}20%{transform:translate(-14%,10%) rotate(-12deg)}45%{transform:translate(14%,-8%) rotate(10deg)}}
.act-saw{animation-name:aSaw}@keyframes aSaw{0%,60%,100%{transform:none}8%,24%,40%{transform:translate(-10%,5%)}16%,32%,48%{transform:translate(10%,-5%)}}
.act-slide{animation-name:aSlide}@keyframes aSlide{0%{transform:translateX(-30%);opacity:0}25%,85%{transform:none;opacity:1}100%{transform:none}}
.act-bob{animation-name:aBob}@keyframes aBob{0%,100%{transform:translateY(0)}50%{transform:translateY(-6%)}}
.act-scan{animation-name:aScan}@keyframes aScan{0%,100%{transform:translate(-12%,0) rotate(-6deg)}50%{transform:translate(12%,-4%) rotate(6deg)}}
.act-drop{transform-origin:50% 100%;animation-name:aDrop}@keyframes aDrop{0%,60%,100%{transform:none}15%{transform:translateY(-28%)}28%{transform:translateY(0) scale(1.12,.86)}36%{transform:translateY(-6%) scale(.96,1.05)}44%{transform:none}}
.act-flicker{animation-name:aFlicker}@keyframes aFlicker{0%,100%{filter:brightness(1)}10%{filter:brightness(1.5) drop-shadow(0 0 14px #ffe9a8)}14%{filter:brightness(.9)}20%,45%{filter:brightness(1.45) drop-shadow(0 0 14px #ffe9a8)}}
.act-block{animation-name:aBlock}@keyframes aBlock{0%,60%,100%{transform:none;filter:none}20%{transform:scale(1.12) translateX(-6%);filter:brightness(1.3) drop-shadow(0 0 16px #8fd3ff)}30%{transform:scale(1)}}
.act-jitter{animation-name:aJitter}@keyframes aJitter{0%,50%,100%{transform:none}5%,15%,25%,35%{transform:translateX(-6%)}10%,20%,30%,40%{transform:translateX(6%)}}
.act-grow{transform-origin:50% 100%;animation-name:aGrow}@keyframes aGrow{0%{transform:scaleY(.2);opacity:.4}30%,85%{transform:scaleY(1);opacity:1}100%{transform:none}}
.act-unroll{transform-origin:0 50%;animation-name:aUnroll}@keyframes aUnroll{0%{transform:scaleX(.25)}35%,85%{transform:scaleX(1)}100%{transform:none}}
.act-crack{animation-name:aCrack}@keyframes aCrack{0%,50%,100%{transform:none}12%{transform:rotate(-14deg)}16%{transform:rotate(10deg) scale(1.06)}22%{transform:rotate(0)}}
.act-flex{animation-name:aFlex}@keyframes aFlex{0%,60%,100%{transform:scale(1)}20%,40%{transform:scale(1.18) rotate(-6deg)}}
.act-shine{animation-name:aShine}@keyframes aShine{0%,60%,100%{filter:none}25%{filter:brightness(1.5) drop-shadow(0 0 12px #fff)}}
.act-hop{animation-name:aHop}@keyframes aHop{0%,60%,100%{transform:none}15%{transform:translate(-8%,-18%) rotate(-8deg)}30%{transform:translate(0,0)}45%{transform:translate(8%,-18%) rotate(8deg)}}
.act-twinkle{animation-name:aTwinkle}@keyframes aTwinkle{0%,100%{transform:scale(1) rotate(0);filter:brightness(1)}50%{transform:scale(1.15) rotate(12deg);filter:brightness(1.5) drop-shadow(0 0 14px #fff6b0)}}
.act-snip{animation-name:aSnip}@keyframes aSnip{0%,60%,100%{transform:none}10%,30%,50%{transform:scaleX(.82) rotate(-4deg)}20%,40%{transform:none}}
.act-lift{animation-name:aLift}@keyframes aLift{0%,70%,100%{transform:none}25%,45%{transform:translateY(-16%)}}
.act-clink{animation-name:aClink}@keyframes aClink{0%,60%,100%{transform:none}15%{transform:rotate(-14deg)}25%{transform:rotate(10deg)}33%{transform:rotate(-4deg)}}
.act-pop{animation-name:aPop}@keyframes aPop{0%,60%,100%{transform:none}12%{transform:scale(.88) rotate(-8deg)}20%{transform:scale(1.15) rotate(6deg)}30%{transform:none}}
.act-flash{animation-name:aFlash}@keyframes aFlash{0%,40%,100%{filter:none}12%{filter:brightness(2.4) drop-shadow(0 0 30px #fff) drop-shadow(0 0 60px #fff)}20%{filter:brightness(1.2)}}
.act-wiggle{transform-origin:50% 100%;animation-name:aWiggle}@keyframes aWiggle{0%,60%,100%{transform:none}10%,30%{transform:rotate(-8deg)}20%,40%{transform:rotate(8deg) scale(1.04)}}
.act-swing{transform-origin:50% 0;animation-name:aSwingI}@keyframes aSwingI{0%,100%{transform:rotate(-10deg)}50%{transform:rotate(10deg)}}
.act-roll{animation-name:aRoll}@keyframes aRoll{0%,100%{transform:translateX(-10%)}45%{transform:translateX(10%) rotate(2deg)}50%{transform:translateX(10%) rotate(-2deg)}}
.act-shake{animation-name:aShake}@keyframes aShake{0%,60%,100%{transform:none}8%,24%,40%{transform:translateY(-7%)}16%,32%,48%{transform:translateY(7%)}}
.act-rumble{animation-name:aRumble;animation-duration:2.6s}@keyframes aRumble{0%,100%{transform:none}5%,15%,25%,35%,45%{transform:translate(-1.5%,1%)}10%,20%,30%,40%,50%{transform:translate(1.5%,-1%)}}

.sc-bigicon .fx{position:absolute;inset:0;pointer-events:none}
.sc-bigicon .fx i{position:absolute;display:block;opacity:0;animation:2.6s .9s infinite ease-out both}
.fx-drops i{left:calc(40% + var(--k) * 3%);top:70%;width:7%;height:10%;border-radius:50% 50% 50% 50%/60% 60% 40% 40%;background:#5bb4ff;box-shadow:inset -1px -2px 0 rgba(0,0,0,.15);animation-name:fDrop;animation-delay:calc(.9s + var(--k) * .28s)}
@keyframes fDrop{0%{opacity:0;transform:translateY(0)}10%{opacity:1}100%{opacity:0;transform:translateY(160%)}}
.fx-sparks i{left:8%;top:40%;width:5%;height:5%;border-radius:50%;background:#ffd23f;box-shadow:0 0 8px #ffb800;animation-name:fSpark}
.fx-sparks i:nth-child(odd){background:#fff3b0}
@keyframes fSpark{0%,12%{opacity:0;transform:none}16%{opacity:1}40%{opacity:0;transform:translate(calc((var(--k) - 3) * 22%),calc(-60% - var(--k) * 12%))}100%{opacity:0}}
.fx-dust i{right:-4%;bottom:6%;width:16%;height:16%;border-radius:50%;background:rgba(190,170,140,.75);animation-name:fDust;animation-delay:calc(.9s + var(--k) * .3s)}
@keyframes fDust{0%{opacity:0;transform:scale(.4)}15%{opacity:.9}100%{opacity:0;transform:translate(120%,-40%) scale(1.6)}}
.fx-bubbles i{left:calc(25% + var(--k) * 8%);top:30%;width:9%;height:9%;border-radius:50%;border:2px solid rgba(255,255,255,.9);background:rgba(170,220,255,.35);animation-name:fBub;animation-delay:calc(.9s + var(--k) * .2s)}
@keyframes fBub{0%{opacity:0;transform:scale(.3)}20%{opacity:1}100%{opacity:0;transform:translateY(-140%) scale(1.2)}}
.fx-confetti i{left:45%;top:20%;width:6%;height:10%;background:hsl(calc(var(--k) * 52deg),85%,58%);animation-name:fConf}
@keyframes fConf{0%,18%{opacity:0;transform:none}22%{opacity:1}70%{opacity:0;transform:translate(calc((var(--k) - 3) * 40%),calc(-90% - var(--k) * 10%)) rotate(calc(var(--k) * 70deg))}100%{opacity:0}}
.fx-frost i{left:calc(10% + var(--k) * 12%);top:calc(15% + var(--k) * 9%);width:5%;height:5%;background:#fff;border-radius:50%;box-shadow:0 0 6px #cdefff;animation-name:fTw;animation-delay:calc(.9s + var(--k) * .3s)}
@keyframes fTw{0%,100%{opacity:0;transform:scale(.5)}50%{opacity:1;transform:scale(1.3)}}
@media(prefers-reduced-motion:reduce){.sc-bigimg{animation:none!important}.sc-bigicon .fx{display:none}}

.sc-slide .sc-bigicon{top:12px;right:12px;bottom:auto;left:auto;width:76px}
.sc-slide .sc-3d{left:100px;right:100px}
@media(max-width:600px){.sc-slide .sc-bigicon{width:44px;top:6px;right:6px}.sc-slide .sc-3d{left:56px;right:56px}}

.card .svc-ic.svc-3d{background:none;width:52px;height:52px;margin:0 0 6px}
.card .svc-ic.svc-3d img{width:48px;height:48px;object-fit:contain;filter:drop-shadow(0 3px 4px rgba(0,0,0,.18))}

.sitedir{display:none;font:14px/1.35 var(--sans);background:#fff;color:var(--ink)}
.sitedir .dir-h{font:700 12px/1 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--teal);margin:14px 14px 8px}
.sitedir ul{list-style:none;margin:0;padding:0 6px 6px}
.sitedir a{display:block;padding:6px 10px;border-radius:8px;color:var(--ink);text-decoration:none}
.sitedir a:hover{background:rgba(31,111,107,.08)}
.sitedir a.cur{background:var(--teal);color:#fff;font-weight:700}
.sitedir summary{cursor:pointer;padding:8px 14px;font-weight:700;font-size:13px;color:var(--ink)}
.dir-btn{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);background:#fff;color:var(--ink);font:700 13px/1 var(--sans);padding:9px 12px;border-radius:999px;cursor:pointer;margin-right:4px}
.dir-btn::before{content:"";width:14px;height:10px;background:linear-gradient(currentColor 0 0) 0 0/100% 2px no-repeat,linear-gradient(currentColor 0 0) 0 50%/100% 2px no-repeat,linear-gradient(currentColor 0 0) 0 100%/100% 2px no-repeat}
body.dir-open .sitedir{display:block;position:fixed;top:72px;left:8px;width:min(320px,calc(100vw - 16px));max-height:calc(100vh - 88px);overflow:auto;z-index:70;border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 40px rgba(0,0,0,.22)}
@media(min-width:1200px){
  body{padding-left:240px}
  .sitedir{display:block;position:fixed;top:0;left:0;bottom:0;width:240px;overflow:auto;z-index:30;border-right:1px solid var(--line)}
  .dir-btn{display:none}
  
}

.sc-bigicon[class*="bin-"]{animation-duration:1.5s;animation-fill-mode:both;animation-timing-function:cubic-bezier(.25,.8,.3,1)}
.sc-bigicon.bin-flip{animation-name:binFlip}           @keyframes binFlip{0%{opacity:0;transform:perspective(500px) rotateY(0) scale(.3)}25%{opacity:1}100%{transform:perspective(500px) rotateY(720deg) scale(1)}}
.sc-bigicon.bin-tornado{animation-name:binTornado;animation-duration:1.8s}  @keyframes binTornado{0%{opacity:0;transform:translateY(60%) rotate(0) scale(.1)}20%{opacity:1}70%{transform:translateY(-25%) rotate(1000deg) scale(1.1)}100%{transform:none}}
.sc-bigicon.bin-upside{animation-name:binUpside;animation-duration:2s}      @keyframes binUpside{0%{opacity:0;transform:translateY(-140%) rotate(180deg)}30%{opacity:1;transform:translateY(0) rotate(180deg)}55%{transform:rotate(180deg) scale(1.05)}85%{transform:rotate(-12deg)}100%{transform:none}}
.sc-bigicon.bin-coin{animation-name:binCoin}           @keyframes binCoin{0%{opacity:0;transform:perspective(500px) rotateX(0) translateY(-60%)}20%{opacity:1}100%{transform:perspective(500px) rotateX(1080deg) translateY(0)}}
.sc-bigicon.bin-boomerang{animation-name:binBoom;animation-duration:1.7s}   @keyframes binBoom{0%{opacity:0;transform:translateX(-400%) rotate(-360deg)}15%{opacity:1}55%{transform:translateX(60%) rotate(30deg)}75%{transform:translateX(-12%) rotate(-8deg)}100%{transform:none}}
.sc-bigicon.bin-bounce{animation-name:binBounce;animation-timing-function:linear}  @keyframes binBounce{0%{opacity:0;transform:translateY(-300%)}10%{opacity:1}35%{transform:translateY(0) scale(1.15,.8)}50%{transform:translateY(-45%) scale(.95,1.05)}65%{transform:translateY(0) scale(1.08,.9)}78%{transform:translateY(-15%)}90%{transform:translateY(0) scale(1.03,.97)}100%{transform:none}}
.sc-bigicon.bin-jelly{animation-name:binJelly}         @keyframes binJelly{0%{opacity:0;transform:scale(0)}30%{opacity:1;transform:scale(1.35,.65)}45%{transform:scale(.75,1.3)}60%{transform:scale(1.15,.88)}75%{transform:scale(.95,1.05)}100%{transform:none}}
.sc-bigicon.bin-cartwheel{animation-name:binCart;animation-duration:1.8s}   @keyframes binCart{0%{opacity:0;transform:translateX(450%) rotate(0)}15%{opacity:1}100%{transform:translateX(0) rotate(-1080deg)}}
.sc-bigicon.bin-pendulum{animation-name:binPend;transform-origin:50% -120%;animation-duration:2s}  @keyframes binPend{0%{opacity:0;transform:rotate(-80deg)}15%{opacity:1}35%{transform:rotate(45deg)}55%{transform:rotate(-25deg)}72%{transform:rotate(12deg)}87%{transform:rotate(-5deg)}100%{transform:none}}
.sc-bigicon.bin-rocket{animation-name:binRocket}       @keyframes binRocket{0%{opacity:0;transform:translateY(300%) scale(.6,1.6)}20%{opacity:1}60%{transform:translateY(-30%) scale(1.1,.9)}100%{transform:none}}
.sc-bigicon.bin-somersault{animation-name:binSomer;animation-duration:1.8s} @keyframes binSomer{0%{opacity:0;transform:translate(-200%,-50%) rotate(0)}15%{opacity:1}50%{transform:translate(-80%,-180%) rotate(-360deg)}100%{transform:translate(0,0) rotate(-720deg)}}
.sc-bigicon.bin-peel{animation-name:binPeel;transform-origin:50% 100%}      @keyframes binPeel{0%{opacity:0;transform:perspective(500px) rotateX(-110deg)}30%{opacity:1}60%{transform:perspective(500px) rotateX(25deg)}80%{transform:perspective(500px) rotateX(-10deg)}100%{transform:none}}
.sc-bigicon[class*="bin-"] .sc-bigimg{animation-delay:2.1s}
@media(prefers-reduced-motion:reduce){.sc-bigicon[class*="bin-"]{animation:none!important}}

.sc-slide.in[class*=" w-"] .sc-3d{animation-duration:1.6s;animation-fill-mode:both;animation-timing-function:cubic-bezier(.25,.8,.3,1)}
.sc-slide.in.w-flip .sc-3d{animation-name:wFlip}         @keyframes wFlip{0%{opacity:0;transform:perspective(900px) rotateY(-540deg) scale(.4)}30%{opacity:1}100%{transform:none}}
.sc-slide.in.w-tornado .sc-3d{animation-name:wTornado}   @keyframes wTornado{0%{opacity:0;transform:rotate(-900deg) scale(.05)}25%{opacity:1}75%{transform:rotate(15deg) scale(1.08)}100%{transform:none}}
.sc-slide.in.w-upside .sc-3d{animation-name:wUpside;animation-duration:2s}  @keyframes wUpside{0%{opacity:0;transform:translateY(-120%) rotate(180deg)}25%{opacity:1;transform:rotate(180deg)}50%{transform:rotate(180deg) scale(1.04)}80%{transform:rotate(-8deg)}100%{transform:none}}
.sc-slide.in.w-coin .sc-3d{animation-name:wCoin}         @keyframes wCoin{0%{opacity:0;transform:perspective(900px) rotateX(-720deg) translateY(-80%)}30%{opacity:1}100%{transform:none}}
.sc-slide.in.w-slam .sc-3d{animation-name:wSlam;animation-timing-function:ease-in}  @keyframes wSlam{0%{opacity:0;transform:scale(4)}55%{opacity:1;transform:scale(.92)}70%{transform:scale(1.06) rotate(-2deg)}85%{transform:scale(.98) rotate(1deg)}100%{transform:none}}
.sc-slide.in.w-jelly .sc-3d{animation-name:wJelly}       @keyframes wJelly{0%{opacity:0;transform:scale(0,0)}30%{opacity:1;transform:scale(1.3,.6)}45%{transform:scale(.8,1.25)}60%{transform:scale(1.12,.9)}75%{transform:scale(.96,1.04)}100%{transform:none}}
.sc-slide.in.w-swing .sc-3d{animation-name:wSwing;transform-origin:50% -60%}  @keyframes wSwing{0%{opacity:0;transform:rotate(-70deg)}15%{opacity:1}40%{transform:rotate(30deg)}60%{transform:rotate(-14deg)}80%{transform:rotate(6deg)}100%{transform:none}}
.sc-slide.in.w-stretch .sc-3d{animation-name:wStretch}   @keyframes wStretch{0%{opacity:0;transform:scaleX(0) skewX(40deg)}40%{opacity:1;transform:scaleX(1.4) skewX(-12deg)}65%{transform:scaleX(.9) skewX(5deg)}100%{transform:none}}
.sc-slide.in.w-cartwheel .sc-3d{animation-name:wCart}    @keyframes wCart{0%{opacity:0;transform:translateX(-120%) rotate(-720deg) scale(.3)}25%{opacity:1}100%{transform:none}}
.sc-slide.in.w-rise .sc-3d{animation-name:wRise}         @keyframes wRise{0%{opacity:0;transform:translateY(160%) scale(.7,1.5)}45%{opacity:1;transform:translateY(-12%) scale(1.06,.94)}70%{transform:translateY(4%)}100%{transform:none}}
.sc-slide.in.w-door .sc-3d{animation-name:wDoor;transform-origin:0 50%}   @keyframes wDoor{0%{opacity:0;transform:perspective(900px) rotateY(100deg)}30%{opacity:1}60%{transform:perspective(900px) rotateY(-18deg)}80%{transform:perspective(900px) rotateY(7deg)}100%{transform:none}}
.sc-slide.in.w-wobble .sc-3d{animation-name:wWobble}     @keyframes wWobble{0%{opacity:0;transform:translateX(-60%) rotate(-12deg)}25%{opacity:1;transform:translateX(18%) rotate(8deg)}45%{transform:translateX(-10%) rotate(-5deg)}65%{transform:translateX(5%) rotate(3deg)}100%{transform:none}}
@media(prefers-reduced-motion:reduce){.sc-slide.in[class*=" w-"] .sc-3d{animation:none!important}}

.sc-slide .sc-bigicon{width:clamp(64px,17%,170px)}
@media(max-width:600px){.sc-slide .sc-bigicon{width:56px}}

.act-cut{animation-name:aCut;animation-duration:4s;animation-timing-function:linear}
@keyframes aCut{0%{transform:none}10%{transform:translateX(calc(var(--run,400px) * -.1)) rotate(8deg)}20%{transform:translateX(calc(var(--run,400px) * -.2)) rotate(-8deg)}30%{transform:translateX(calc(var(--run,400px) * -.3)) rotate(8deg)}40%{transform:translateX(calc(var(--run,400px) * -.4)) rotate(-8deg)}50%{transform:translateX(calc(var(--run,400px) * -.5)) rotate(8deg)}60%{transform:translateX(calc(var(--run,400px) * -.6)) rotate(-8deg)}70%,78%{opacity:1;transform:translateX(calc(var(--run,400px) * -.7))}84%{opacity:0;transform:translateX(calc(var(--run,400px) * -.7))}85%{opacity:0;transform:none}100%{opacity:1;transform:none}}
.sc-bigicon .cutline{position:absolute;right:45%;top:52%;height:0;width:calc(var(--run,400px) * .7);border-top:3px dashed rgba(30,30,30,.75);transform-origin:100% 50%;transform:scaleX(0);
  animation:aCutLine 4s 2.1s linear infinite;pointer-events:none}
@keyframes aCutLine{0%{transform:scaleX(0);opacity:1}70%,78%{transform:scaleX(1);opacity:1}86%,100%{transform:scaleX(1);opacity:0}}

.act-drive{animation-name:aDrive;animation-duration:4.4s;animation-timing-function:ease-in-out}
@keyframes aDrive{0%,8%{transform:none}2%,6%{transform:translateY(-2%)}40%{transform:translateX(calc(var(--run,400px) * -1 - 120%))}40.1%{transform:translateX(160%)}41%{transform:translateX(160%)}75%,100%{transform:none}}
.sc-slide .sc-hero{overflow:hidden}
@media(prefers-reduced-motion:reduce){.sc-bigicon .cutline{display:none}}

.sc-bigicon .alive{display:block;position:relative;animation:alive 3.4s 1.6s ease-in-out infinite;transform-origin:50% 90%}
@keyframes alive{0%,100%{translate:0 0;rotate:0deg;scale:1}25%{translate:0 -4%;rotate:-2deg;scale:1.02 .98}50%{translate:0 0;rotate:0deg;scale:.98 1.03}75%{translate:0 -2%;rotate:2deg;scale:1.01}}

.act-smash{transform-origin:94% 80%;animation-name:aSmash;animation-duration:3.6s;animation-delay:1.6s}
@keyframes aSmash{0%{transform:rotate(0)}22%{transform:rotate(28deg) scale(1.04)}30%{transform:rotate(-24deg) scale(1.06,.94)}34%{transform:rotate(-17deg)}40%,82%{transform:rotate(-20deg)}100%{transform:rotate(0)}}
.sc-bigicon .crack{position:absolute;left:-28%;top:38%;width:75%;aspect-ratio:1;opacity:0;transform:scale(.2);pointer-events:none;animation:crackIn 3.6s 1.6s infinite}
.sc-bigicon .crack svg{width:100%;height:100%;display:block;filter:drop-shadow(0 2px 3px rgba(0,0,0,.4))}
@keyframes crackIn{0%,29%{opacity:0;transform:scale(.2) rotate(0)}31%{opacity:1;transform:scale(1.15) rotate(-6deg)}36%{transform:scale(1) rotate(0)}82%{opacity:1;transform:scale(1)}92%,100%{opacity:0;transform:scale(1)}}

.act-buckle{clip-path:inset(0 46% 0 0);animation-name:aBuckleL;animation-duration:3.4s;animation-delay:1.6s}
.sc-bigicon .act-buckle2{position:absolute;left:0;top:0;clip-path:inset(0 0 0 54%);animation:aBuckleR 3.4s 1.6s cubic-bezier(.3,1.5,.5,1) infinite}
@keyframes aBuckleL{0%,100%{transform:none}30%,55%{transform:translateX(-6%) rotate(-4deg)}62%{transform:translateX(1%) rotate(1deg)}}
@keyframes aBuckleR{0%,100%{transform:none}30%,55%{transform:translateX(16%) rotate(7deg)}60%{transform:translateX(-3%) rotate(-2deg)}66%{transform:none}}

.sc-bigicon .tapestrip{position:absolute;right:97%;top:44%;height:7%;width:0;background:linear-gradient(180deg,rgba(255,250,225,.9),rgba(240,232,190,.75));border:1px solid rgba(180,170,120,.6);border-radius:1px;box-shadow:0 2px 3px rgba(0,0,0,.15);transform-origin:100% 50%;pointer-events:none;animation:tapePull 3.4s 1.6s cubic-bezier(.2,.9,.3,1.2) infinite}
@keyframes tapePull{0%{width:0;transform:none;opacity:1}45%{width:120%;transform:rotate(-3deg)}55%{width:125%;transform:rotate(4deg)}62%{width:125%;transform:translateY(40%) rotate(14deg);opacity:1}74%,100%{width:125%;transform:translateY(160%) rotate(30deg);opacity:0}}
.act-tape{animation-name:aTapeTug;animation-duration:3.4s;animation-delay:1.6s}
@keyframes aTapeTug{0%,100%{transform:none}40%{transform:translateX(2%) rotate(-1.5deg)}55%{transform:translateX(-1%) rotate(1deg)}}

.act-write{animation-name:none}
.sc-bigicon .notes{position:absolute;left:22%;top:24%;width:58%;height:62%;padding:6% 5%;box-sizing:border-box;background:#fffef8;border-radius:2px;box-shadow:0 1px 3px rgba(0,0,0,.3);rotate:14deg;display:flex;flex-direction:column;gap:6%;font:700 clamp(9px,1.25vw,15px)/1.2 "Segoe Print","Bradley Hand","Comic Sans MS",cursive;color:#14306b;pointer-events:none}
.sc-bigicon .notes b{display:block;white-space:nowrap;overflow:hidden;width:0;font-weight:600;animation:writeLine 4.2s 1.6s steps(12,end) infinite}
.sc-bigicon .notes b:nth-child(2){animation-name:writeLine2}.sc-bigicon .notes b:nth-child(3){animation-name:writeLine3}
@keyframes writeLine{0%{width:0}18%,88%{width:100%}100%{width:100%;opacity:0}}
@keyframes writeLine2{0%,20%{width:0}40%,88%{width:100%}100%{width:100%;opacity:0}}
@keyframes writeLine3{0%,42%{width:0}64%,88%{width:100%}100%{width:100%;opacity:0}}
.sc-bigicon .notes .pen{position:absolute;left:0;top:-6%;width:46%;height:7%;border-radius:2px 40% 40% 2px;background:linear-gradient(90deg,#1b2a55 0 70%,#c9cbd0 70% 85%,#222 85%);transform-origin:0 50%;rotate:-35deg;animation:penMove 4.2s 1.6s linear infinite}
@keyframes penMove{0%{translate:0 0}18%{translate:90% 0}20%{translate:0 140%}40%{translate:110% 140%}42%{translate:0 280%}64%{translate:120% 280%}70%,100%{translate:160% 400%;opacity:0}}
@media(prefers-reduced-motion:reduce){.sc-bigicon .alive{animation:none}.sc-bigicon .crack,.sc-bigicon .tapestrip,.sc-bigicon .notes .pen{display:none}.sc-bigicon .notes b{width:auto;animation:none}.sc-bigicon .act-buckle2{animation:none}}

.crumbs{font:500 13px/1.4 var(--sans);padding:10px 0 0;color:#4a5363}
.crumbs a{color:#1f5f5b;text-decoration:underline;text-underline-offset:2px}
.crumbs [aria-current]{color:#1d2430;font-weight:600}

.soon{display:inline-block;margin-left:8px;padding:2px 8px;border-radius:999px;background:#fff3cd;color:#6b4a00;font:700 11px/1.5 var(--sans);letter-spacing:.02em;vertical-align:middle}
.prose{max-width:760px}.prose h2{font-size:1.25rem;margin:1.6em 0 .4em}.prose h2:after{display:none}.prose p{line-height:1.6}

.sc-slide .sc-bigicon.sc-r,.sc-slide .sc-bigicon.sc-l{top:clamp(16px,3.2vw,40px);bottom:auto;width:clamp(64px,15%,190px)}
.sc-slide .sc-bigicon.sc-r{right:7%;left:auto}
.sc-slide .sc-bigicon.sc-l{left:7%;right:auto}
.sc-slide .sc-bigicon.sc-l:has(.act-cut),.sc-slide .sc-bigicon.sc-l:has(.act-tape),.sc-slide .sc-bigicon.sc-l:has(.act-drive){scale:-1 1}
.sc-slide .sc-3d{left:calc(7% + clamp(64px,15%,190px) + 10px);right:calc(7% + clamp(64px,15%,190px) + 10px)}
@media(max-width:600px){.sc-slide .sc-bigicon.sc-l{display:none}.sc-slide .sc-bigicon.sc-r{top:6px;right:6px;width:56px}.sc-slide .sc-3d{left:68px;right:68px}}


.ai-note{display:block;flex-basis:100%;margin-top:6px;font-size:13px;line-height:1.35;max-width:46ch}
.top .ai-note{display:none}