/* Product identity — September 2026 */
:root{--mono:var(--sans);--gutter:28px;--nav-height:76px}
body::before{display:none}
.site-nav{background:var(--bg);border-color:var(--border);backdrop-filter:blur(16px)}
.nav-inner{min-height:76px;gap:20px}.brand{font-family:var(--sans);font-weight:750;letter-spacing:-.5px;font-size:19px}
.nav-links a,.language-switch a{font-family:var(--sans);font-size:12px;min-height:44px;display:inline-flex;align-items:center}
.brand img{border-radius:9px}.nav-links{gap:19px}.language-switch{margin-left:auto}
.hero{padding:84px 0 80px}.hero-layout{display:grid;grid-template-columns:1.08fr .92fr;gap:64px;align-items:center}
.hero h1{font-family:var(--sans);font-size:clamp(44px,5.6vw,75px);line-height:1.06;letter-spacing:-3px;max-width:760px}
.hero h1 em{font-style:normal;color:var(--accent)}
.hero-lede{max-width:550px;font-size:17px;line-height:1.8;margin:26px 0 30px}
.status-line{font-family:var(--sans);font-size:11px;letter-spacing:1px;margin-bottom:23px}.status-dot{animation:none}
.button{font-family:var(--sans);font-size:13px;border-radius:100px;padding:14px 24px;min-height:48px;background:var(--accent);color:var(--accent-ink);border:1px solid var(--accent);box-shadow:none;transition:transform .25s,box-shadow .25s}
.button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0002;background:var(--accent);color:var(--accent-ink)}
.button--ghost{background:transparent;color:var(--text);border-color:var(--border-hi)}
.button--ghost:hover{background:var(--surface);color:var(--text)}.button-row{flex-wrap:wrap;gap:12px}
.section{padding:76px 0;border-color:var(--border)}
.section-head{font-family:var(--sans);font-size:11px;letter-spacing:1.5px;margin-bottom:32px}
.section-intro h2{font-family:var(--sans);font-size:clamp(28px,3.7vw,43px);line-height:1.15;letter-spacing:-1.5px}
.feature-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:18px;border:0}
.feature{flex:0 1 calc(33.333% - 12px);background:var(--surface);border:1px solid var(--border);border-radius:20px;min-height:200px;padding:27px}
.feature h3{font-family:var(--sans);letter-spacing:-.4px;font-size:19px}
.feature-code{display:none}.spec-grid{gap:12px;border:0}.spec{border:1px solid var(--border);background:var(--surface);border-radius:14px}
.spec dt,.spec dd{font-family:var(--sans)}.spec dd{font-size:20px}
.workflow-row{padding:27px 0}.workflow-row h3{font-family:var(--sans)}
.contact-block{border-radius:24px;background:var(--surface);align-items:center}.contact-block h2{font-family:var(--sans);font-size:30px;letter-spacing:-1px}
.contact-block .button{flex-shrink:0;max-width:100%;overflow-wrap:anywhere}
.site-footer{background:var(--bg);border-color:var(--border)}.footer-copy,.footer-links a{font-family:var(--sans)}
.footer-links a{display:inline-block;padding:9px 0}.shots{gap:18px;border:0;background:transparent}.shot{border:1px solid var(--border);border-radius:18px;overflow:hidden;background:var(--surface)}.shot figcaption{font-family:var(--sans);font-size:12px}
.legal-header h1{font-family:var(--sans);letter-spacing:-1.8px}.legal-content h2,.legal-content h3{font-family:var(--sans);letter-spacing:-.5px}
.legal-content a{overflow-wrap:anywhere}.legal-kicker,.legal-meta{font-family:var(--sans)}.legal-content .notice,.notice{background:var(--surface);border-color:var(--border-hi);color:var(--text);border-radius:14px}
:focus-visible{outline:3px solid var(--accent);outline-offset:5px}
.brand-home{display:inline-flex;gap:8px;align-items:center;color:var(--muted);font-size:12px;margin-top:25px;padding:8px 0}
@media(max-width:900px){.hero-layout{gap:35px;grid-template-columns:1fr 1fr}.nav-links{display:none}.hero h1{font-size:52px}.hero-lede{font-size:15px}.feature{flex-basis:calc(50% - 9px)}}
@media(max-width:680px){:root{--gutter:22px}.hero{padding:45px 0 50px}.hero-layout{grid-template-columns:1fr;gap:40px}.hero h1{font-size:clamp(39px,10vw,58px);letter-spacing:-2px}.hero-lede{margin:22px 0;font-size:15px}.feature{flex-basis:100%;min-height:0}.section{padding:52px 0}.section-head{margin-bottom:25px}.button{width:auto;flex:1 1 auto;text-align:center;justify-content:center}.data-layout{grid-template-columns:1fr;gap:25px}.contact-block{flex-direction:column;align-items:stretch;padding:25px}.workflow-row{grid-template-columns:30px 1fr;gap:12px}.workflow-row p{grid-column:2}.legal-header h1{font-size:37px}.footer-inner{gap:20px}.brand{font-size:17px}.brand-home{margin-top:15px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
:root{color-scheme:dark;--bg:#0b201f;--surface:#112e2b;--surface-2:#193b34;--border:#2d4940;--border-hi:#557052;--text:#f4eedc;--muted:#b3c4b5;--dim:#acbdac;--faint:#8da496;--accent:#ffbc69;--accent-ink:#32220f}
body{background:var(--bg)}.site-nav{background:#091b1bee}.brand{color:#ffce87}.brand img{image-rendering:pixelated}
.hero{position:relative;text-align:center;padding:90px 0 0;overflow:hidden;background:linear-gradient(#0b201f44,#0b201fee),url('/img/island.webp') center 40%/cover no-repeat}
.hero .wrap{position:relative}.hero-layout{display:block}.hero h1{font-family:Georgia,serif;font-size:clamp(64px,9vw,118px);line-height:.95;letter-spacing:-4px;margin:auto;text-shadow:0 5px 25px #001916}
.hero h1 em{display:block;font-family:var(--sans);font-size:clamp(21px,3.4vw,38px);font-weight:600;letter-spacing:1px;margin-top:19px}
.hero-lede{max-width:630px;margin:25px auto;color:#d5e3d8;font-size:16px}.status-line{justify-content:center;color:#cce2cc}.button-row{justify-content:center}
.button{border-radius:9px;border-bottom:4px solid #b9742e;background:#ffbd6b;font-weight:700}.button--ghost{border:1px solid #8ba990;background:#102a25aa;color:#e8f1df}
.foxy-window{margin:45px auto 0;max-width:950px;border:1px solid #789666;border-radius:18px 18px 0 0;overflow:hidden;box-shadow:0 0 80px #021716;position:relative}
.foxy-window img{width:100%;height:auto}.foxy-window figcaption{padding:12px;background:#142f27;color:#e1dfc4;font-size:12px}
.feature{border-radius:12px;background:linear-gradient(140deg,#193c32,#122c27)}.feature h3{color:#f4cc8f}.section-intro h2{font-family:Georgia,serif;font-weight:400;color:#f5e5bd}.section-head{color:#aacaa9}
.section:nth-child(3){background:#122d29}.shots{grid-template-columns:repeat(2,minmax(0,1fr))}.shot{border-color:#587052}.spec dd{font-size:30px;color:#ffcb88;font-family:Georgia,serif}
.workflow-row .number{background:#254337;color:#f0cf8b;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font-size:16px}
.contact-block{background:linear-gradient(135deg,#254432,#123029)}.hero::after{content:"";position:absolute;pointer-events:none;inset:0;background:radial-gradient(2px 2px at 12% 28%,#ffd78c 80%,transparent),radial-gradient(2px 2px at 89% 35%,#ffd78c 80%,transparent),radial-gradient(2px 2px at 18% 54%,#b7dd8b 80%,transparent);animation:spark 4s ease-in-out 1}
@keyframes spark{50%{opacity:.3;transform:translateY(-15px)}}
@media(max-width:680px){.hero{padding-top:58px}.hero h1{font-size:77px}.hero h1 em{font-size:25px;letter-spacing:0}.foxy-window{margin-top:30px}.shots{grid-template-columns:1fr}.foxy-window figcaption{font-size:11px}.hero-lede{font-size:14px}.button-row{gap:10px}.section-intro h2{font-size:34px}}


body{font-family:var(--sans)}
.spec-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:24px}.spec{min-width:0;overflow-wrap:anywhere}
@media(max-width:860px){.spec-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.spec{padding:18px}.spec dd{font-size:21px}}