:root{--bg1:#f7fcfb;--bg2:#e4f6f2;--ink:#0d3b3f;--muted:#46666a;--line:#0d3b3f24;--mint:#7fe0cf;--mint-soft:#d9f5ef;--teal:#0a6f6a;--card:#ffffffd1;--shadow:0 10px 30px #0d3b3f14, 0 2px 6px #0d3b3f0d;--display:ui-rounded, "SF Pro Rounded", "Nunito", "Segoe UI", system-ui, -apple-system, Roboto, sans-serif;--sans:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--hdr:64px;--ease:cubic-bezier(.2, .8, .2, 1)}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:84px}body{min-height:100vh;color:var(--ink);font-family:var(--sans);background:radial-gradient(120% 90% at 70% 10%, var(--bg1), var(--bg2)) fixed;background-color:var(--bg2);margin:0;line-height:1.65;overflow-x:hidden}img,svg,canvas{max-width:100%;display:block}a{color:var(--teal)}h1,h2,h3{font-family:var(--display);letter-spacing:-.01em;margin:0 0 .5em;font-weight:700;line-height:1.12}h1{font-size:clamp(2.5rem,6.4vw,4.9rem)}h2{font-size:clamp(1.8rem,4vw,3rem)}h3{font-size:1.25rem}em{color:var(--teal);font-style:normal}p{margin:0 0 1em}.muted{color:var(--muted);font-size:.92rem}.wrap{width:min(1120px,100% - 32px);margin-inline:auto}.skip{color:var(--ink);z-index:100;box-shadow:var(--shadow);background:#fff;border-radius:10px;padding:10px 14px;position:absolute;top:8px;left:-999px}.skip:focus{left:8px}:focus-visible{outline:3px solid var(--teal);outline-offset:3px;border-radius:8px}#stage{z-index:0;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}main,.site-footer{z-index:1;position:relative}.demo-bar{z-index:11;background:var(--ink);color:#e6f7f4;text-align:center;padding:7px 12px;font-size:.78rem;position:relative}.site-header{z-index:10;height:var(--hdr);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line);background:#f7fcfbc7;align-items:center;gap:20px;padding:0 clamp(16px,4vw,40px);display:flex;position:sticky;top:0}.brand{color:var(--ink);font-family:var(--display);align-items:center;gap:10px;margin-right:auto;font-size:1.2rem;font-weight:700;text-decoration:none;display:flex}.nav{align-items:center;gap:22px;display:flex}.nav>a{color:var(--ink);border-bottom:2px solid #0000;padding:10px 2px;font-size:.95rem;text-decoration:none}.nav>a:hover{border-color:var(--mint)}.prefs{gap:8px;display:flex}select,input,textarea{font:inherit;color:var(--ink);background:#fff;border:1px solid #0d3b3f47;border-radius:12px;width:100%;min-height:44px;padding:10px 12px;font-size:16px}.prefs select{width:auto;min-height:44px;padding:6px 10px;font-size:14px}textarea{resize:vertical}.burger{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:12px;width:44px;height:44px;display:none;position:relative}.burger span{background:var(--ink);height:2px;transition:transform .25s;position:absolute;left:12px;right:12px}.burger span:first-child{top:18px}.burger span:last-child{top:25px}.nav-open .burger span:first-child{transform:translateY(3.5px)rotate(45deg)}.nav-open .burger span:last-child{transform:translateY(-3.5px)rotate(-45deg)}.btn{background:var(--mint);min-height:48px;color:var(--ink);cursor:pointer;font-size:1rem;font-weight:700;font-family:var(--sans);border:1px solid #54cdb9;border-radius:999px;justify-content:center;align-items:center;padding:0 26px;text-decoration:none;transition:background .25s,box-shadow .25s;display:inline-flex;box-shadow:0 6px 18px #3fbea940}.btn:hover{background:#95e8d9;box-shadow:0 8px 22px #3fbea952}.btn-ghost{color:var(--ink);border-color:var(--line);box-shadow:none;background:#ffffffb3}.btn-ghost:hover{background:#fff;border-color:#54cdb9}.btn-sm{min-height:44px;padding:0 18px;font-size:.9rem}.hero{min-height:calc(100svh - var(--hdr) - 30px);align-items:center;padding:40px 0 80px;display:flex}.hero-in{max-width:560px;margin-left:clamp(16px,6vw,90px)}.eyebrow{text-transform:uppercase;letter-spacing:.16em;color:var(--teal);margin-bottom:1.2em;padding-left:38px;font-size:.78rem;font-weight:600;position:relative}.eyebrow:before{content:"";background:var(--mint);transform-origin:0;width:26px;height:2px;animation:grow 1.4s var(--ease) both;border-radius:2px;position:absolute;top:50%;left:0}@keyframes grow{0%{transform:scaleX(0)}}.lead{color:var(--muted);max-width:46ch;font-size:1.15rem}.cta{flex-wrap:wrap;gap:12px;margin:1.6em 0 1em;display:flex}.scroll-hint{color:var(--muted);letter-spacing:.06em;font-size:.85rem}.scroll-hint .arrow{animation:2.4s ease-in-out infinite bob;display:inline-block}@keyframes bob{50%{transform:translateY(4px)}}.notice{border:1px solid var(--line);color:var(--ink);background:#fffc;border-radius:999px;margin:0 0 1em;padding:6px 16px;font-size:.85rem;display:inline-block}.story{height:640vh;position:relative}.sticky{top:var(--hdr);height:calc(100svh - var(--hdr));position:sticky}.chapter{opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(10px);width:min(450px,42vw);box-shadow:var(--shadow);background:#ffffffb8;border-radius:28px;padding:28px 30px 22px;transition:opacity .6s,transform .7s;position:absolute;top:50%;transform:translateY(-46%)}.chapter.left{left:clamp(16px,6vw,90px)}.chapter.right{right:clamp(16px,6vw,90px)}.chapter.is-active{opacity:1;pointer-events:auto;transform:translateY(-50%)}.chapter .num{letter-spacing:.16em;color:var(--teal);margin-bottom:.6em;font-size:.85rem;font-weight:600}.chapter h2{font-size:clamp(2rem,4.2vw,3.2rem)}.chapter .lead{color:var(--muted);font-size:1.05rem}.chapter .more{margin:0}.progress{letter-spacing:.12em;color:var(--muted);align-items:center;gap:14px;font-size:.8rem;display:flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.progress i{background:var(--line);border-radius:3px;width:120px;height:3px;display:block;position:relative;overflow:hidden}.progress i b{background:var(--teal);transform-origin:0;position:absolute;inset:0;transform:scaleX(0)}.section{background:linear-gradient(#f7fcfb00,#f7fcfbf5 140px);padding:clamp(64px,10vw,112px) 0}.section.solid{background:#f7fcfbf5}.section.mint{background:#e9f8f4}.cards{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px;margin-top:2rem;display:grid}.card{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:24px;flex-direction:column;gap:6px;padding:24px;display:flex;position:relative}.card h3{margin:0}.card .price{font-family:var(--display);color:var(--teal);margin-top:auto;padding-top:10px;font-size:1.25rem;font-weight:700}.card:target{outline:3px solid var(--mint)}.tag{border:1px solid var(--line);color:var(--muted);background:#ffffffb3;border-radius:999px;margin:0 4px 4px 0;padding:2px 10px;font-size:.78rem;display:inline-block}.split{grid-template-columns:1fr 1fr;align-items:start;gap:clamp(24px,5vw,64px);display:grid}.map{text-align:center;min-height:240px;color:var(--muted);background:#fff9;border:2px dashed #0d3b3f40;border-radius:24px;place-items:center;padding:20px;display:grid}.steps{gap:12px;margin:1.2rem 0 0;padding:0;list-style:none;display:grid}.steps li{box-shadow:var(--shadow);background:#fffc;border-radius:18px;align-items:flex-start;gap:14px;padding:14px 18px;display:flex}.steps b{background:var(--mint-soft);width:32px;height:32px;color:var(--ink);border-radius:50%;flex:none;place-items:center;font-size:.9rem;display:grid}.page-head{padding:clamp(40px,7vw,90px) 0 20px}.page-lay{z-index:1;padding:24px 0 90px;position:relative}.page-lay .page-head{padding:clamp(24px,5vw,64px) 0 12px}.with-aside{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:40px;display:grid}#aside{top:calc(var(--hdr) + 24px);pointer-events:none;height:min(62vh,540px);position:sticky}.over{box-shadow:var(--shadow);-webkit-backdrop-filter:blur(8px);background:#fffc;border-radius:28px;padding:clamp(18px,3vw,32px)}.treat-list{gap:14px;margin-top:1.4rem;display:grid}.treat{text-align:left;font:inherit;color:inherit;cursor:pointer;background:var(--card);width:100%;box-shadow:var(--shadow);border:2px solid #0000;border-radius:24px;gap:4px;padding:18px 22px;transition:border-color .3s,background .3s;display:grid}.treat:hover{border-color:#54cdb999}.treat[aria-pressed=true]{background:#fff;border-color:#54cdb9}.treat .row{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;display:flex}.treat h3{margin:0;font-size:1.2rem}.treat .price{font-family:var(--display);color:var(--teal);white-space:nowrap;font-weight:700}.treat .short{color:var(--muted);margin:0}.treat .more{margin-top:8px;display:none}.treat[aria-pressed=true] .more{display:block}.treat .more p{margin:0 0 .6em;font-size:.98rem}.treat-note{margin-top:1.4rem}.shades{grid-template-columns:repeat(4,1fr);gap:12px;margin:1.4rem 0;display:grid}.shade{font:inherit;cursor:pointer;border:2px solid var(--line);min-height:88px;color:var(--ink);background:#fff;border-radius:22px;align-content:center;justify-items:center;gap:4px;padding:10px 8px;transition:border-color .3s,box-shadow .3s;display:grid}.shade i{border:1px solid #0d3b3f2e;border-radius:50%;width:44px;height:44px;box-shadow:inset 0 -5px 10px #0000000d,inset 0 4px 8px #ffffffb3}.shade span{text-align:center;font-size:.78rem;line-height:1.25}.shade[aria-pressed=true]{box-shadow:0 0 0 3px var(--mint-soft), var(--shadow);border-color:#2fb3a3}.slider-row{gap:8px;margin:1rem 0;display:grid}.slider-row label{color:var(--ink);font-weight:600}input[type=range]{accent-color:#1f9d8d;background:0 0;border:0;min-height:44px;padding:0}.range-labels{color:var(--muted);justify-content:space-between;font-size:.85rem;display:flex}.shade-readout{font-weight:600}.form{gap:16px;max-width:640px;display:grid}.row2{grid-template-columns:1fr 1fr;gap:16px;display:grid}label{color:var(--ink);gap:6px;font-size:.92rem;font-weight:500;display:grid}fieldset{border:0;min-width:0;margin:0;padding:0}.dialwrap{grid-template-columns:112px 1fr;gap:8px;display:grid}.slots{flex-wrap:wrap;gap:8px;margin:.6rem 0 0;display:flex}.slot{font:inherit;border:1px solid var(--line);min-height:44px;color:var(--ink);cursor:pointer;background:#fff;border-radius:999px;padding:0 16px;font-size:.92rem}.slot:hover,.slot[aria-pressed=true]{background:var(--mint-soft);border-color:#2fb3a3}.confirm{background:#fff;border:2px solid #54cdb9;border-radius:24px;max-width:640px;padding:24px}.hint{color:var(--muted);font-size:.85rem;font-weight:400}[hidden]{display:none!important}.site-footer{border-top:1px solid var(--line);background:#fff;padding:40px 0 60px}.brand-line{font-family:var(--display);margin-bottom:.4em;font-size:1.35rem;font-weight:700}html:not(.js) .story{height:auto;padding:40px 0}html:not(.js) .sticky{height:auto;position:static}html:not(.js) .chapter{opacity:1;width:min(560px,100% - 32px);margin:0 auto 28px;position:static;transform:none}html:not(.js) .progress{display:none}html:not(.js) .treat .more{display:block}html:not(.js) .w>span{transform:none}html:not(.js) .chapter>*,html:not(.js) [data-reveal]{opacity:1;translate:none}.no-webgl .chapter{background:#ffffffeb}.site-header{transition:transform .5s var(--ease)}.site-header.hide{transform:translateY(-100%)}.scrollbar{z-index:60;pointer-events:none;height:3px;position:fixed;top:0;left:0;right:0}.scrollbar i{background:linear-gradient(90deg, var(--mint), #2fb3a3);transform-origin:0;height:100%;display:block;transform:scaleX(0)}.blob{filter:blur(110px);opacity:.5;background:var(--mint-soft);z-index:0;pointer-events:none;border-radius:50%;width:46vmax;height:46vmax;animation:34s ease-in-out infinite alternate drift;position:fixed}.blob.b1{top:-12vmax;left:-16vmax}.blob.b2{opacity:.45;background:#cdeefa;animation-duration:42s;animation-delay:-12s;bottom:-18vmax;right:-18vmax}@keyframes drift{0%{transform:translate(0)scale(1)}to{transform:translate(5vmax,3vmax)scale(1.12)}}.w{vertical-align:bottom;margin-bottom:-.16em;padding-bottom:.16em;display:inline-block;overflow:hidden}.w>span{transition:transform 1.1s var(--ease) calc(var(--i) * 80ms + .14s);display:inline-block;transform:translateY(118%)}.split-in .w>span,.chapter.is-active [data-split] .w>span{transform:none}[data-reveal]{opacity:0;transition:opacity 1s var(--ease) var(--d,0s), translate 1s var(--ease) var(--d,0s);translate:0 22px}[data-reveal=left]{translate:-28px}[data-reveal=right]{translate:28px}[data-reveal].in{opacity:1;translate:none}.chapter>*{opacity:0;transition:opacity .4s,translate .4s;translate:0 14px}.chapter.is-active>*{opacity:1;transition:opacity .9s var(--ease), translate 1s var(--ease);translate:none}.chapter.is-active>:first-child{transition-delay:50ms}.chapter.is-active>:nth-child(2){transition-delay:.12s}.chapter.is-active>:nth-child(3){transition-delay:.3s}.chapter.is-active>:nth-child(4){transition-delay:.42s}.card{will-change:transform;transition:transform .35s,box-shadow .35s}.card:before{content:"";border-radius:inherit;pointer-events:none;opacity:0;background:radial-gradient(300px circle at var(--mx,50%) var(--my,0%), #7fe0cf47, transparent 70%);transition:opacity .4s;position:absolute;inset:0}.card:hover:before{opacity:1}.card>*{position:relative}.btn{will-change:transform}[data-price]{display:inline-block}.tick{animation:tick .7s var(--ease)}@keyframes tick{0%{opacity:0;translate:0 .4em}to{opacity:1;translate:none}}.marquee{border-block:1px solid var(--line);background:#e9f8f4f5;padding:18px 0;overflow:hidden}.marquee .track{gap:48px;width:max-content;animation:60s linear infinite marq;display:flex}.marquee span{font-family:var(--display);white-space:nowrap;color:var(--ink);font-size:clamp(1.3rem,2.6vw,2rem);font-weight:600}.marquee span:after{content:"✦";color:#2fb3a3;margin-left:48px}@keyframes marq{to{transform:translate(-50%)}}@media (width<=860px){.burger{display:block}.nav{top:var(--hdr);border-bottom:1px solid var(--line);box-shadow:var(--shadow);background:#fffffffa;flex-direction:column;align-items:stretch;gap:0;padding:12px 20px 20px;display:none;position:absolute;left:0;right:0}.nav-open .nav{display:flex}.nav>a{border-bottom:1px solid var(--line);min-height:44px;padding:14px 4px}.prefs{padding-top:14px}.prefs select{flex:1}.site-header>.btn-sm{display:none}.hero{align-items:flex-end;padding-bottom:56px}.hero-in{margin-inline:16px}.chapter{background:#ffffffe6;border-radius:24px;width:auto;padding:18px 20px 14px;top:auto;bottom:56px;transform:translateY(14px);left:16px!important;right:16px!important}.chapter.is-active{transform:none}.chapter h2{margin-bottom:.2em;font-size:1.7rem}.chapter .lead{margin-bottom:.6em;font-size:1rem}.split,.row2{grid-template-columns:1fr}.with-aside{grid-template-columns:1fr;gap:0}#aside{order:-1;height:42vh;position:static}.shades{grid-template-columns:repeat(4,1fr);gap:8px}.shade{padding:8px 2px}}@media (width<=400px){.shades{grid-template-columns:repeat(2,1fr)}.dialwrap{grid-template-columns:100px 1fr}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition-duration:.01ms!important;animation-duration:.01ms!important}.w>span{transform:none}.blob,.marquee .track,.scroll-hint .arrow,.eyebrow:before{animation:none}.chapter>*,[data-reveal]{opacity:1;translate:none}.site-header{transition:none}}