:root{--ink: #08171c;--ink-2: #0c2028;--foam: #f5f8f7;--sand: #e8dbc4;--aqua: #12b39c;--aqua-lift: #1ad0b5;--glass: rgb(255 255 255 / .1);--glass-hi: rgb(255 255 255 / .16);--hair: rgb(255 255 255 / .22);--hair-soft: rgb(255 255 255 / .12);--sans: "Inter", ui-sans-serif, system-ui, -apple-system, sans-serif;--serif: "Instrument Serif", Georgia, serif;--frame-inset: clamp(12px, 2.2vw, 34px);--gutter: clamp(20px, 4.4vw, 74px);--radius: clamp(16px, 1.8vw, 26px);--ease: cubic-bezier(.22, .61, .36, 1)}*{box-sizing:border-box;margin:0;padding:0}html{background:var(--ink);scroll-behavior:smooth}body{font-family:var(--sans);font-weight:400;color:var(--foam);background:var(--ink);-webkit-font-smoothing:antialiased;overflow-x:hidden}[hidden]{display:none!important}img,canvas{display:block;max-width:100%}::selection{background:var(--aqua);color:#04201c}:where(a,button,input,[tabindex]):focus-visible{outline:2px solid var(--aqua-lift);outline-offset:3px;border-radius:6px}.eyebrow{font-size:clamp(10px,.78vw,11.5px);font-weight:500;letter-spacing:.26em;text-transform:uppercase;color:#ffffffb8}.stage{position:relative;min-height:100svh;display:flex;flex-direction:column;padding:var(--frame-inset);isolation:isolate}.stage__bg{position:absolute;inset:0;z-index:-3;overflow:hidden}.stage__layer{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transform:scale(1.06);filter:saturate(1.14) contrast(1.05);transition:opacity .9s var(--ease)}.stage__layer.is-active{opacity:1}.stage__scrim{position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,#040e1285,#040e121a 22%,#040e121f 46%,#040e12db),linear-gradient(101deg,#0310149e,#03101433 40%,#03101400 70%),radial-gradient(130% 86% at 50% 110%,rgb(3 16 20 / .6),transparent 60%)}.stage:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.5;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='2'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='0.34'/%3E%3C/svg%3E")}.frame{position:absolute;inset:var(--frame-inset);z-index:0;pointer-events:none;border:1px solid rgb(255 255 255 / .5);border-radius:clamp(18px,2.4vw,36px);box-shadow:inset 0 1px #ffffff47,inset 0 0 60px #ffffff0a,0 0 22px #03101447}.nav{position:relative;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:clamp(14px,2vw,26px) clamp(16px,2.6vw,40px)}.brand{display:flex;align-items:center;gap:12px;color:var(--foam);text-decoration:none}.brand__mark{width:clamp(26px,2.4vw,34px);color:#ffffffe6}.brand__mark svg{width:100%;height:auto}.brand__type{display:flex;flex-direction:column;gap:3px}.brand__name{font-size:clamp(12px,1.02vw,14px);font-weight:500;letter-spacing:.3em}.brand__sub{font-size:9px;letter-spacing:.22em;color:#ffffff8c}.nav__links{display:flex;align-items:center;gap:6px}.nav__links a{padding:11px 18px;font-size:13.5px;color:#ffffffd9;text-decoration:none;border-radius:999px;transition:background .22s var(--ease),color .22s var(--ease)}.nav__links a:hover{background:var(--glass);color:#fff}.nav__cta{margin-left:8px;padding:11px 22px;font-family:inherit;font-size:13.5px;font-weight:500;color:var(--ink);background:var(--foam);border:0;border-radius:999px;white-space:nowrap;cursor:pointer;transition:transform .22s var(--ease),box-shadow .22s var(--ease)}.nav__cta:hover{transform:translateY(-1px);box-shadow:0 10px 24px #0000004d}.stage__body{flex:1;display:flex;align-items:flex-end;padding:clamp(28px,5vh,70px) clamp(16px,2.6vw,40px) clamp(20px,3vh,34px);min-height:0}.intro{max-width:min(70ch,68%)}.intro .eyebrow{margin-bottom:clamp(14px,1.6vw,22px)}.display{font-family:var(--sans);font-weight:300;font-size:clamp(32px,4.4vw,64px);line-height:1.06;letter-spacing:-.028em;text-wrap:balance;text-shadow:0 2px 34px rgb(0 0 0 / .42)}.display em{display:block;font-family:var(--serif);font-style:italic;font-weight:400;letter-spacing:-.01em;font-size:1.06em;margin-top:.06em;color:#fffffff0}.lede{margin-top:clamp(16px,2vw,26px);max-width:46ch;font-size:clamp(14px,1.08vw,17px);font-weight:300;line-height:1.6;color:#ffffffd1}.result{display:flex;align-items:flex-end;gap:clamp(20px,3vw,44px);width:100%;animation:rise .7s var(--ease) both}@keyframes rise{0%{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}.result__card{height:clamp(200px,50svh,460px);max-width:42vw;border-radius:clamp(14px,1.4vw,20px);overflow:hidden;border:1px solid var(--hair);box-shadow:0 30px 70px #00000080;background:#ffffff0f}.result__card canvas{height:100%;width:auto}.result__side{padding-bottom:6px;max-width:34ch}.result__caption{margin-top:12px;font-family:var(--serif);font-size:clamp(20px,2.1vw,30px);line-height:1.2;color:#fff}.result__actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.btn{font-family:inherit;font-size:13.5px;font-weight:500;border-radius:999px;cursor:pointer;transition:transform .2s var(--ease),background .2s var(--ease),box-shadow .2s var(--ease),opacity .2s var(--ease)}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn--solid{padding:12px 26px;color:var(--ink);background:var(--foam);border:0;box-shadow:0 8px 22px #00000047}.btn--solid:hover{box-shadow:0 12px 28px #0000005c}.btn--quiet{padding:12px 22px;color:#ffffffdb;background:var(--glass);border:1px solid var(--hair);backdrop-filter:blur(14px)}.btn--quiet:hover{background:var(--glass-hi);color:#fff}.btn--quiet:disabled{opacity:.4;cursor:wait}.btn--go{padding:15px 32px;color:#04201c;background:linear-gradient(180deg,var(--aqua-lift),var(--aqua));border:0;white-space:nowrap;box-shadow:0 10px 26px #06827073}.btn--go:hover:not(:disabled){box-shadow:0 14px 32px #0682708c}.btn--go:disabled{color:#ffffff80;background:#ffffff21;box-shadow:none;cursor:not-allowed}.console{position:relative;display:grid;grid-template-columns:minmax(210px,.85fr) minmax(280px,1.4fr) auto;align-items:stretch;gap:0;margin:0 clamp(16px,2.6vw,40px) clamp(16px,2.4vw,34px);padding:8px;border:1px solid var(--hair);border-radius:clamp(16px,1.6vw,22px);background:#0a1a206b;backdrop-filter:blur(26px) saturate(140%);-webkit-backdrop-filter:blur(26px) saturate(140%);box-shadow:0 24px 60px #0000006b;overflow:hidden}.console__progress{position:absolute;top:0;left:0;right:0;height:2px;background:#ffffff24}.console__progress-fill{height:100%;width:0%;background:var(--aqua-lift);transition:width .26s var(--ease)}.console__cell{display:flex;align-items:center;gap:14px;min-width:0;padding:14px clamp(14px,1.6vw,24px);border-radius:14px}.console__cell+.console__cell{box-shadow:inset 1px 0 0 var(--hair-soft)}.console__cell--go{padding:6px 6px 6px 14px}.console__cell--drop{cursor:pointer;transition:background .22s var(--ease)}.console__cell--drop:hover,.console__cell--drop.is-over{background:var(--glass)}.console__cell--drop.is-busy{pointer-events:none}.console__cell--drop.is-done .console__icon{color:var(--aqua-lift)}.console__icon{flex:none;width:22px;color:#fff9}.console__icon svg{width:100%;height:auto}.console__text{display:flex;flex-direction:column;gap:5px;min-width:0;flex:1}.console__label{display:flex;align-items:baseline;justify-content:space-between;gap:10px;font-size:10.5px;font-weight:500;letter-spacing:.15em;text-transform:uppercase;color:#ffffff8c}.console__label b{font-weight:500;letter-spacing:.12em;color:var(--aqua-lift);white-space:nowrap}.console__value{font-size:14.5px;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.console__value--dim{font-size:12.5px;color:#ffffff9e}#away{-webkit-appearance:none;appearance:none;width:100%;height:18px;margin:1px 0;background:transparent;cursor:grab}#away:active{cursor:grabbing}#away::-webkit-slider-runnable-track{height:3px;border-radius:999px;background:linear-gradient(90deg,rgb(255 255 255 / .34) 0%,#4f8f9c 26%,var(--aqua) 58%,#6fd8c4 76%,#f0b467 100%)}#away::-webkit-slider-thumb{-webkit-appearance:none;width:15px;height:15px;margin-top:-6px;border-radius:50%;background:#fff;border:0;box-shadow:0 2px 10px #00000080;transition:transform .16s var(--ease)}#away:hover::-webkit-slider-thumb{transform:scale(1.18)}#away::-moz-range-track{height:3px;border-radius:999px;background:linear-gradient(90deg,rgb(255 255 255 / .34) 0%,#4f8f9c 26%,var(--aqua) 58%,#6fd8c4 76%,#f0b467 100%)}#away::-moz-range-thumb{width:15px;height:15px;border:0;border-radius:50%;background:#fff;box-shadow:0 2px 10px #00000080}.dev-samples{display:flex;flex-wrap:wrap;gap:6px;padding:0 clamp(16px,2.6vw,40px) 14px}.dev-samples button{font-family:inherit;font-size:10px;letter-spacing:.06em;padding:5px 10px;color:#ffffff80;background:#ffffff0f;border:1px solid var(--hair-soft);border-radius:999px;cursor:pointer}.dev-samples button:hover{color:#fff;border-color:var(--hair)}.section{padding:clamp(64px,9vw,140px) var(--gutter);background:var(--ink);border-top:1px solid rgb(255 255 255 / .07)}.section__head{max-width:62ch}.section__head .eyebrow{margin-bottom:16px}.section__title{font-family:var(--sans);font-weight:300;font-size:clamp(28px,3.6vw,54px);line-height:1.08;letter-spacing:-.024em;text-wrap:balance}.section__title em{font-family:var(--serif);font-style:italic;font-weight:400;font-size:1.1em;color:#ffffffb8}.section__lede{margin-top:16px;max-width:48ch;font-size:15px;font-weight:300;line-height:1.65;color:#fff9}.ladder{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:clamp(8px,.8vw,14px);margin-top:clamp(34px,4vw,58px);list-style:none}@media(max-width:1080px){.ladder{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(max-width:680px){.ladder{grid-template-columns:repeat(3,minmax(0,1fr))}}.ladder__item{position:relative;display:block;width:100%;padding:0;aspect-ratio:4 / 5;border:1px solid rgb(255 255 255 / .1);border-radius:14px;overflow:hidden;background:#123 center / cover no-repeat;cursor:pointer;font-family:inherit;text-align:left;color:#fff;transition:transform .4s var(--ease),border-color .4s var(--ease)}.ladder__item:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#040e121a 40%,#040e12d1)}.ladder__item:hover{transform:translateY(-5px);border-color:var(--hair)}.ladder__item.is-current{border-color:var(--aqua-lift)}.ladder__item.is-current:after{background:linear-gradient(180deg,#040e120d 34%,#032a26db)}.ladder__meta{position:absolute;inset:auto 0 0;z-index:1;display:flex;flex-direction:column;gap:3px;padding:clamp(10px,.9vw,14px)}.ladder__num{display:block;font-size:9.5px;letter-spacing:.18em;color:#ffffff8c}.ladder__item.is-current .ladder__num{color:var(--aqua-lift)}.ladder__name{display:block;font-size:clamp(11.5px,.95vw,13.5px);font-weight:400;line-height:1.25;letter-spacing:-.01em;text-wrap:balance}.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:clamp(20px,2.4vw,42px);margin-top:clamp(34px,4vw,58px);list-style:none}.steps li{padding-top:22px;border-top:1px solid rgb(255 255 255 / .14)}.steps__num{font-family:var(--serif);font-size:28px;color:var(--aqua-lift)}.steps h3{margin-top:10px;font-size:17px;font-weight:500;letter-spacing:-.01em}.steps p{margin-top:10px;font-size:14px;font-weight:300;line-height:1.65;color:#fff9}.footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;padding:28px var(--gutter) 40px;font-size:11.5px;letter-spacing:.04em;color:#ffffff6b;border-top:1px solid rgb(255 255 255 / .07)}@media(max-width:1080px){.console{grid-template-columns:1fr 1fr}.console__cell--go{grid-column:1 / -1;padding:6px;box-shadow:none}.console__cell--go .btn{width:100%}}@media(max-width:860px){.nav__links a{display:none}.nav{padding-inline:clamp(14px,4vw,24px)}.intro{max-width:100%}.stage__body{align-items:flex-end}.result{flex-direction:column;align-items:stretch}.result__card{height:clamp(180px,34svh,320px);max-width:66vw}.console{grid-template-columns:1fr}.console__cell{border-radius:12px}.console__cell+.console__cell{box-shadow:none;border-top:1px solid var(--hair-soft);border-radius:0}.console__cell--go{border-top:0;padding-top:10px}.display em{font-size:1.04em}}@media(max-width:560px){.brand__sub{display:none}.brand__name{font-size:12px;letter-spacing:.24em}.nav__cta{padding:10px 16px;font-size:12.5px}.lede{font-size:14px}}@media(prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;transition-duration:.001ms!important}html{scroll-behavior:auto}}