html[data-theme=mild]{background:var(--ice)}body{background:transparent;color:var(--ink)}.wrap{width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:var(--gutter)}.site-header{position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:.9rem var(--gutter);background:#ffffffd1;backdrop-filter:blur(12px) saturate(1.1);-webkit-backdrop-filter:blur(12px) saturate(1.1);border-bottom:1px solid var(--hair-light)}.wordmark{display:inline-flex;align-items:center;gap:.6rem;font-family:var(--font-display);font-weight:700;font-size:1.1rem;letter-spacing:.06em;text-transform:uppercase;color:var(--ink)}.wordmark-dot{width:9px;height:9px;border-radius:50%;background:var(--azure)}.site-nav{display:flex;align-items:center;gap:clamp(1rem,2.4vw,2rem);margin-inline-start:auto;margin-inline-end:1rem}.site-nav a{font-size:.95rem;color:var(--ink-soft);padding:.25rem 0;border-bottom:2px solid transparent;transition:color .2s,border-color .2s}.site-nav a:hover{color:var(--ink)}.site-nav a[aria-current=page]{color:var(--azure);border-color:var(--azure)}.lang-toggle{display:inline-flex;align-items:center;gap:2px;padding:4px;border:1px solid var(--hair-light);border-radius:999px;background:var(--surface)}.lang{border:0;background:transparent;color:var(--ink-soft);font-family:var(--font-mono);font-size:.76rem;letter-spacing:.08em;padding:.28rem .66rem;border-radius:999px;transition:color .2s,background .2s}.lang.is-active{color:var(--surface);background:var(--azure)}.lang:not(.is-active):hover{color:var(--ink)}.scene-bg{position:fixed;inset:0;z-index:-1;overflow:hidden;background-image:url(/stills/still_city.jpg);background-size:cover;background-position:center 35%}html[data-scene=jungle] .scene-bg{background-image:url(/stills/still_jungle.jpg)}html[data-scene=space] .scene-bg{background-image:url(/stills/poster_space.jpg);background-position:center 60%}.scene-bg:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,color-mix(in srgb,var(--tint-wash) 91%,transparent) 0% 45%,color-mix(in srgb,var(--tint-wash) 92%,transparent) 48% 100%)}@media(max-width:760px){.scene-bg:before{background:linear-gradient(180deg,color-mix(in srgb,var(--tint-wash) 91%,transparent) 0% 34%,color-mix(in srgb,var(--tint-wash) 92%,transparent) 36% 100%)}}@supports (mask-image: linear-gradient(#000,transparent)) or (-webkit-mask-image: linear-gradient(#000,transparent)){html.scene-vivid .scene-bg:after{content:"";position:absolute;inset:0;pointer-events:none;background:inherit;-webkit-mask-image:linear-gradient(180deg,#000 0%,#000 30%,transparent 45%);mask-image:linear-gradient(180deg,#000 0%,#000 30%,transparent 45%);opacity:1;transition:opacity .42s var(--ease)}html.scene-vivid.is-scrolled .scene-bg:after{opacity:0;transition:opacity .26s ease-out}@media(max-width:760px){html.scene-vivid .scene-bg:after{-webkit-mask-image:linear-gradient(180deg,#000 0%,#000 22%,transparent 34%);mask-image:linear-gradient(180deg,#000 0%,#000 22%,transparent 34%)}}@media(prefers-reduced-motion:reduce){html.scene-vivid .scene-bg:after,html.scene-vivid.is-scrolled .scene-bg:after{transition:none}}}.page-strip{height:48vh;min-height:280px}@media(max-width:760px){.page-strip{height:36vh;min-height:220px}}:root,html[data-scene=city]{--tint: #1d5f9e;--tint-deep: #17518a;--tint-wash: #e7eef7}html[data-scene=jungle]{--tint: #2e6b3e;--tint-deep: #275d35;--tint-wash: #e9f2e7}html[data-scene=space]{--tint: #3d51a3;--tint-deep: #36488f;--tint-wash: #e9edf8}.page-intro{padding-block:clamp(2rem,5vw,3.5rem) clamp(1.5rem,3vw,2.5rem)}.eyebrow{font-family:var(--font-mono);font-weight:500;font-size:.8rem;letter-spacing:.28em;text-transform:uppercase;color:var(--tint);margin-bottom:1rem}h1.page-title{font-family:var(--font-display);font-weight:700;font-size:clamp(2.4rem,5.5vw,4.2rem);line-height:1.02;letter-spacing:-.02em;color:var(--ink);max-width:18ch}.lead{margin-top:1.4rem;font-size:clamp(1.1rem,1.8vw,1.4rem);line-height:1.5;color:var(--ink-soft);max-width:56ch}section.block{padding-block:clamp(3rem,6vw,5.5rem)}.section-head{max-width:60ch;margin-bottom:clamp(2rem,4vw,3rem)}h2.section-title{font-family:var(--font-display);font-weight:700;font-size:clamp(1.8rem,3.4vw,2.8rem);line-height:1.08;letter-spacing:-.015em;color:var(--ink)}.section-head p{margin-top:1rem;color:var(--ink-soft);font-size:1.1rem}.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:clamp(1rem,2vw,1.6rem);counter-reset:step}.step{position:relative;padding:1.8rem 1.6rem;background:var(--surface);border:1px solid var(--hair-light);border-radius:14px}.step-num{font-family:var(--font-mono);font-size:.9rem;color:var(--tint);letter-spacing:.1em;unicode-bidi:isolate}.step h3{font-family:var(--font-display);font-weight:500;font-size:1.3rem;margin-top:.5rem;color:var(--ink)}.step p{margin-top:.7rem;color:var(--ink-soft);font-size:.98rem}.step .deliverable{display:block;margin-top:1rem;padding-top:.9rem;border-top:1px solid var(--hair-light);font-size:.9rem;color:var(--ink)}.step .deliverable b{color:var(--tint);font-weight:600}.ladder{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:clamp(1rem,2vw,1.6rem)}.tier{display:flex;flex-direction:column;padding:1.9rem 1.7rem;background:var(--surface);border:1px solid var(--hair-light);border-radius:14px;transition:border-color .25s,transform .25s,box-shadow .25s}.tier:hover{border-color:var(--tint);transform:translateY(-4px);box-shadow:0 18px 40px -26px color-mix(in srgb,var(--tint) 50%,transparent)}.tier h3{font-family:var(--font-display);font-weight:500;font-size:1.35rem;color:var(--ink)}.tier p{margin-top:.7rem;color:var(--ink-soft);font-size:.98rem}.tier-list{list-style:none;margin:1.1rem 0 0;padding:1.1rem 0 0;border-top:1px solid var(--hair-light);display:flex;flex-direction:column;gap:.5rem}.tier-list li{position:relative;padding-inline-start:1.3rem;font-size:.92rem;color:var(--ink)}.tier-list li:before{content:"";position:absolute;inset-inline-start:0;top:.55em;width:6px;height:6px;border-radius:50%;background:var(--tint)}.tier-cta{margin-top:1.4rem;align-self:flex-start;font-family:var(--font-display);font-weight:500;font-size:1rem;color:var(--tint);border-bottom:1px solid transparent;transition:color .2s,border-color .2s}.tier-cta:hover{color:var(--tint-deep);border-color:var(--tint-deep)}.tier-flagship{position:relative;background:var(--tint-wash);border-color:color-mix(in srgb,var(--tint) 35%,transparent)}.tier-flag{position:absolute;top:1.9rem;inset-inline-end:1.7rem;font-family:var(--font-mono);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:#fff;background:var(--tint);padding:.22rem .55rem;border-radius:999px}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:clamp(1rem,2vw,1.6rem)}.card{display:flex;flex-direction:column;padding:1.8rem 1.7rem;background:var(--surface);border:1px solid var(--hair-light);border-radius:16px;transition:border-color .25s,box-shadow .25s,transform .25s}.card:hover{border-color:var(--hair-light);box-shadow:0 20px 44px -28px #0b1b3359;transform:translateY(-3px)}.card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.card h3{font-family:var(--font-display);font-weight:500;font-size:1.35rem;color:var(--ink)}.card .kind{font-family:var(--font-mono);font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:.4rem}.card p{margin-top:.8rem;color:var(--ink-soft);font-size:.98rem;line-height:1.5}.card p.what{color:var(--ink)}.card.is-more{align-items:flex-start;justify-content:center;background:transparent;border-style:dashed}.chip{display:inline-flex;align-items:center;gap:.4rem;flex:none;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;padding:.28rem .6rem;border-radius:999px;border:1px solid var(--hair-light);color:var(--ink-soft);background:var(--ice)}.chip:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.7}.chip-soon{color:var(--tint);border-color:color-mix(in srgb,var(--tint) 35%,transparent)}.chip-draft{color:#7d6210;border-color:#c9a22780;background:#c9a22714}.chip-live{color:#fff;background:var(--tint);border-color:var(--tint)}.chip-live:before{opacity:1}.card-cta{margin-top:auto;padding-top:1rem;font-family:var(--font-display);font-weight:500;color:var(--tint)}a.card:hover .card-cta{color:var(--tint-deep)}.card-flagship{background:var(--tint-wash);border-color:color-mix(in srgb,var(--tint) 30%,transparent)}.river{display:flex;flex-direction:column;gap:clamp(1.4rem,4vw,2.6rem)}.showcase{display:grid;grid-template-columns:1.12fr .88fr;gap:clamp(1.4rem,4vw,3rem);align-items:center;min-height:46vh;transition:opacity .6s var(--ease),transform .6s var(--ease)}html.reveals-on .showcase:not(.is-revealed){opacity:0;transform:translateY(26px)}.showcase-media{order:0}.showcase-body{order:1}.showcase.is-flip .showcase-body{order:0}.showcase.is-flip .showcase-media{order:1}.browser{border:1px solid var(--hair-light);border-radius:14px;overflow:hidden;background:var(--surface);box-shadow:0 34px 70px -46px #0b1b338c}.browser-bar{display:flex;align-items:center;gap:.6rem;padding:.55rem .85rem;background:#f1f5f9;border-bottom:1px solid var(--hair-light)}.browser-dots{display:inline-flex;gap:.35rem;flex:none}.browser-dots i{width:10px;height:10px;border-radius:50%;background:#cdd7e3}.browser-dots i:nth-child(1){background:#e5928a}.browser-dots i:nth-child(2){background:#e6c67e}.browser-dots i:nth-child(3){background:#8fc7a1}.browser-url{font-family:var(--font-mono);font-size:.74rem;letter-spacing:.02em;color:var(--ink-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.browser-shot{position:relative;aspect-ratio:1440 / 813;background:#0b1b33}.browser-shot>img{width:100%;height:100%;object-fit:cover;object-position:top center}.browser-shot.is-pair{background:linear-gradient(140deg,var(--tint-wash),var(--surface))}.browser-shot.is-pair img{position:absolute;width:80%;border:1px solid var(--hair-light);border-radius:6px;box-shadow:0 18px 40px -26px #0b1b3399}.browser-shot.is-pair img:nth-child(1){top:7%;left:4%}.browser-shot.is-pair img:nth-child(2){bottom:7%;right:4%}.browser-shot.is-placeholder{display:grid;place-items:center;background:linear-gradient(140deg,color-mix(in srgb,var(--tint) 16%,var(--surface)),var(--surface))}.showcase-mono{font-family:var(--font-display);font-weight:700;font-size:clamp(4rem,12vw,7rem);line-height:1;color:color-mix(in srgb,var(--tint) 55%,transparent)}.placeholder-note{position:absolute;bottom:.9rem;inset-inline:0;text-align:center;font-family:var(--font-mono);font-size:.76rem;letter-spacing:.06em;color:var(--ink-soft)}.showcase-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.showcase-body .kind{margin-bottom:.3rem}.showcase-body h3{font-family:var(--font-display);font-weight:500;font-size:clamp(1.5rem,3vw,2.1rem);line-height:1.1;color:var(--ink)}.showcase-body .what{margin-top:.9rem;font-size:1.05rem;color:var(--ink);line-height:1.5}.showcase-body p{margin-top:.7rem;color:var(--ink-soft);line-height:1.55}.showcase-body .card-cta{display:inline-block;margin-top:1.1rem;padding-top:0}a.showcase-body:hover .card-cta,.showcase-body a:hover .card-cta{color:var(--tint-deep)}@media(max-width:760px){.showcase{grid-template-columns:1fr;min-height:0}.showcase-media,.showcase.is-flip .showcase-media{order:0}.showcase-body,.showcase.is-flip .showcase-body{order:1}}.band{background:var(--band);color:#dbe6f2}.band .eyebrow{color:var(--cyan)}.band h2.section-title{color:#f4f9fd}.band .section-head p{color:#a9bdd4}.band-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:clamp(1rem,2vw,1.6rem);margin-top:1rem}.band-item{padding:1.5rem 1.4rem;border:1px solid rgba(91,196,242,.18);border-radius:14px;background:#5bc4f20d}.band-item h3{font-family:var(--font-display);font-weight:500;font-size:1.2rem;color:#f4f9fd}.band-item p{margin-top:.6rem;font-size:.96rem;color:#a9bdd4;line-height:1.5}.band-item .role{font-family:var(--font-mono);font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;color:var(--gold)}.band-feature{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1.2rem;margin-top:clamp(1.2rem,2.4vw,1.8rem);padding:clamp(1.5rem,3vw,2.2rem);border:1px solid rgba(91,196,242,.35);border-radius:16px;background:#5bc4f214;transition:border-color .25s,background .25s,transform .25s}.band-feature:hover{border-color:var(--cyan);background:#5bc4f221;transform:translateY(-3px)}.band-feature .role{font-family:var(--font-mono);font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;color:var(--cyan)}.band-feature h3{margin-top:.4rem;font-family:var(--font-display);font-weight:500;font-size:clamp(1.25rem,2.6vw,1.6rem);color:var(--txt-hi)}.band-feature>div p:last-child{margin-top:.6rem;color:var(--txt-dim);font-size:.98rem;max-width:52ch}.band-feature-cta{flex:none;font-family:var(--font-display);font-weight:500;font-size:1.05rem;color:var(--cyan-bright)}.cta{text-align:center;background:var(--tint-wash);padding-block:clamp(3.5rem,7vw,6rem)}.cta h2{font-family:var(--font-display);font-weight:700;font-size:clamp(2rem,4vw,3.2rem);letter-spacing:-.02em;color:var(--ink);max-width:20ch;margin-inline:auto}.cta p{margin-top:1rem;color:var(--ink-soft);font-size:1.1rem}.btn{display:inline-flex;align-items:center;gap:.5rem;margin-top:2rem;padding:.95rem 1.8rem;font-family:var(--font-display);font-weight:500;font-size:1.05rem;border-radius:999px;background:var(--tint);color:#fff;border:1px solid var(--tint);transition:background .2s,transform .2s,box-shadow .2s}.btn:hover{background:var(--tint-deep);transform:translateY(-2px);box-shadow:0 16px 34px -18px color-mix(in srgb,var(--tint) 70%,transparent)}.btn-ghost{background:transparent;color:var(--tint)}.btn-ghost:hover{background:color-mix(in srgb,var(--tint) 8%,transparent);box-shadow:none}.site-footer{border-top:1px solid var(--hair-light);padding-block:clamp(2.5rem,5vw,3.5rem);background:var(--surface)}.footer-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem}.footer-row a.mailto{color:var(--tint);border-bottom:1px solid transparent;transition:border-color .2s}.footer-row a.mailto:hover{border-color:var(--tint)}.footer-note{margin-top:1.2rem;font-size:.85rem;color:var(--ink-soft)}@media(max-width:640px){.site-nav{display:none}}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.contact-form{max-width:720px}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.2rem 1.6rem}.form-field{display:flex;flex-direction:column;gap:.45rem;margin-top:1.2rem}.form-field label{font-family:var(--font-display);font-weight:500;font-size:.98rem;color:var(--ink)}.form-field .opt{font-family:var(--font-body);font-weight:400;color:var(--ink-soft);font-size:.85rem}.form-field input,.form-field textarea{font:inherit;color:var(--ink);background:var(--surface);border:1px solid var(--hair-light);border-radius:10px;padding:.75rem .9rem;transition:border-color .15s,box-shadow .15s}.form-field input:focus-visible,.form-field textarea:focus-visible{outline:none;border-color:var(--tint);box-shadow:0 0 0 3px color-mix(in srgb,var(--tint) 22%,transparent)}.form-field input[aria-invalid=true],.form-field textarea[aria-invalid=true]{border-color:#a3341f}.field-error{color:#a3341f;font-size:.88rem}.form-reach{margin-top:.9rem}.form-hint{margin-top:.5rem;color:var(--ink-soft);font-size:.88rem}.form-alt{max-width:720px;margin-top:1.6rem;padding-top:1.2rem;border-top:1px solid var(--hair-light);color:var(--ink-soft);font-size:.92rem}.form-alt a{color:var(--tint);border-bottom:1px solid transparent;transition:border-color .2s}.form-alt a:hover{border-color:var(--tint)}.form-status{margin-top:1.4rem;padding:.9rem 1.1rem;border-radius:10px;font-size:.98rem;border:1px solid var(--hair-light)}.form-status:focus-visible{outline:2px solid var(--tint);outline-offset:2px}.form-status.is-ok{background:#e6f2e9;color:#1d5232;border-color:#bcd9c5}.form-status.is-warn{background:#faf3df;color:#6d5410;border-color:#e4d3a1}.form-status.is-warn a{color:#6d5410;text-decoration:underline}.form-status.is-err{background:#f9e9e5;color:#8c2e1b;border-color:#e5c4ba}