/* Midnight blue / champagne: a shared palette for the public homepage. */
:root{--ground:#090f18;--ground-raised:#101c29;--ink:#edf4fa;--ink-soft:#c1d0dd;--muted:#96aabd;--quiet:#758da3;--blue:#91c5eb;--amber:#edbd7d;--green:#7ad4b6;--line:#8cb4d329;--line-strong:#a8cce447;--panel:#101e2cdb;--panel-raised:#172b3ce0;--shadow:0 24px 64px #0003,inset 0 1px #d5edff0b}
body{background:var(--ground)}body:before{background:radial-gradient(ellipse at 50% 0%,#25486630,transparent 52%),var(--ground)}::selection{background:#91c5eb40;color:#fff}.nav{background:#090f18dc;border-bottom:1px solid #91b5d01c;box-shadow:0 6px 24px #0000000d}.nav-inner{min-height:68px}.nav-links{gap:8px}.nav-links a{border:1px solid transparent;border-radius:7px;padding:7px 12px;color:#a6b8c8}.nav-links a:hover{background:#94c8ee0b;border-color:#94c8ee25;color:#e8f5ff}.nav-links a[href="/downloads.html"]{background:#edbd7d0d;border-color:#edbd7d33;color:#edca99}.brand-sigil{box-shadow:0 0 0 3px #96c8ee07}
.hero-inner{padding-top:100px}.field-canvas{opacity:.28}.hero-grid{opacity:.12;background-size:100px 100px}.hero-vignette{background:radial-gradient(ellipse at 50% 36%,transparent 0 12%,#090f1855 58%,#090f18 94%)}.hero-orbit{opacity:.45;border-color:#94c8ee20;box-shadow:none}.core-orb{opacity:.35;box-shadow:none}.core-frame:before{opacity:.55}.core-frame:after{opacity:.22}.hero-core>.eyebrow{color:#9ab8ce;font-size:9px;letter-spacing:.22em;margin-bottom:16px}.eyebrow span{animation:none;background:#edbd7d;box-shadow:0 0 0 4px #edbd7d0d,0 0 12px #edbd7d30}.core-frame{padding:48px 22px 24px}.core-coordinate{color:#7d98ad}.hero-mark{width:64px;height:64px;border-radius:18px;border-color:#a5c8df4a;background:#152736;box-shadow:0 8px 28px #0004,inset 0 1px #d2ecff14;margin-bottom:24px}.hero-mark:before{animation:none;border-color:#9bc8e41f;inset:-6px;border-radius:23px}.hero-mark img{border-radius:11px}h1{font-size:clamp(4rem,7vw,6rem);letter-spacing:-.065em;line-height:1;text-shadow:none;background:linear-gradient(170deg,#fff 12%,#d6e4ef 72%,#adc9dc);background-clip:text;-webkit-background-clip:text;color:transparent;margin-bottom:20px}.hero-copy{font-size:18px;line-height:1.8;letter-spacing:0;color:#afc2d2;max-width:490px}.hero-download{margin-top:24px}.hero-download .quick-download{background:linear-gradient(135deg,#f1cc98,#e9b36e);box-shadow:0 5px 20px #e9b36e14,inset 0 1px #fff5;color:#241a0d;letter-spacing:.02em}.hero-download .quick-download:hover{background:linear-gradient(135deg,#f8dcb3,#f2c48a);box-shadow:0 6px 24px #e9b36e26}
.hero-diagnostic{border-color:#8bb2cf24;background:#111e2b80;box-shadow:none;animation:none}.hero-diagnostic p{color:#748a9e}.hero-diagnostic .diagnostic-caption{color:#809aae}.signal-row{gap:12px;margin-top:28px;margin-bottom:24px}.signal-row div{background:linear-gradient(135deg,#182b3b80,#101b2770);border-color:#8eb5d326;box-shadow:inset 0 1px #cbe6fa07;border-radius:12px}.signal-row dt,.signal-row span{color:#839eb3}.signal-row dd{color:#d6e4ef}.signal-row div:hover{border-color:#91c5eb60;transform:translateY(-2px)}
.creator-card{background:radial-gradient(ellipse at 0 0,#33587438,transparent 65%),linear-gradient(135deg,#142433,#0b1521);border-color:#84acc84d;box-shadow:0 18px 50px #0004,inset 0 1px #e4f4ff10}.creator-card-top{color:#9bbdd4}.creator-profile h2{background:none;color:#edf4fa}.creator-profile h2 span{color:#a3b8c8}.creator-id>span{color:#8ca9be}.creator-card-foot{color:#9aafbf}.qr-caption{color:#a0bacc}.creator-card:before{opacity:.65}
.section-label{color:#93bbd6;letter-spacing:.2em}.section-intro h2,.voice-copy h2,.heartbeat-copy h2{letter-spacing:-.035em;color:#e1ecf5}.section-intro>p:last-child,.voice-lead{color:#a1b4c5}.interface-frame{background:#101c29;border-color:#87aecb40;box-shadow:0 28px 70px #0004,inset 0 1px #d7eeff0b}.interface-toolbar{color:#99b1c4}.feature-card{background:linear-gradient(140deg,#192c3e80,#101c28c0);border-color:#8fb6d330;border-radius:16px;box-shadow:inset 0 1px #d5eaff0a}.feature-card:hover{background:linear-gradient(140deg,#203c527d,#111f2dc0);border-color:#a1c8e455}.feature-card p:last-child{color:#a3b5c5}.feature-signal{color:#8cb5d3}.footer{background:#080e16;border-top-color:#91b5d01c}.footer-inner{color:#859db1}
@media(max-width:900px){.hero-inner{padding-top:90px}}@media(max-width:540px){.nav-inner{min-height:62px}.nav-links{gap:1px}.nav-links a{font-size:11px;padding:6px}.hero-inner{padding-top:88px}.hero-core>.eyebrow{font-size:8px;letter-spacing:.13em;margin-bottom:8px}.core-frame{padding:42px 12px 20px}.hero-mark{width:56px;height:56px;margin-bottom:22px}h1{font-size:clamp(3.5rem,16.7vw,4.5rem);letter-spacing:-.065em;margin-bottom:16px}.hero-copy{font-size:15px;line-height:1.85;max-width:300px}.hero-grid{background-size:54px 54px}.hero-download{margin-top:20px}.signal-row{margin-top:22px;gap:8px;margin-bottom:20px}.signal-row div{padding:12px 10px}.section-intro>p:last-child{color:#a5b7c7}.creator-card{margin-top:22px}}
@media(prefers-reduced-motion:reduce){.nav-links a,.feature-card,.signal-row div{transition:none}}
/* Allow the wordmark's descenders to remain inside the gradient paint area. */
.hero h1{line-height:1.16;padding-bottom:.06em;margin-bottom:12px}
/* A quieter QR surface matched to the card's slate-blue palette. */
.creator-code .qr-frame{padding:0;border:0;border-radius:8px;background:#fff;box-shadow:none;outline-offset:5px}.creator-code .qr-frame img{border-radius:8px}.creator-card-body{grid-template-columns:minmax(0,1fr) 164px;gap:24px;padding:18px 22px}.creator-code .qr-caption{color:#8fa8ba;font-size:9px;letter-spacing:.02em}.creator-card{border-color:#9cbed15c;background:linear-gradient(125deg,#304b5e,#213647);box-shadow:0 16px 40px #0003,inset 0 1px #c8deed0a}.creator-card-top,.creator-card-foot{border-color:#8eafc415}.creator-card:before{opacity:.3}@media(max-width:540px){.creator-card-body{grid-template-columns:minmax(0,1fr) 140px;gap:14px;padding:16px 14px}.creator-code .qr-caption{font-size:8px}}@media(max-width:360px){.creator-card-body{grid-template-columns:minmax(0,1fr) 128px;gap:8px;padding:14px 12px}}
/* Five introductions: hold for three seconds, then slide upward in 0.6s. */
.creator-profile h2{margin-bottom:6px}.creator-roles{height:40px;margin:0 0 12px;overflow:hidden;position:relative;border-left:2px solid #edbd7d70;padding-left:9px}.creator-roles-track{animation:creator-roles-scroll 18s cubic-bezier(.22,.68,.22,1) infinite;will-change:transform}.creator-roles-track>span{display:flex;align-items:center;height:40px;font:400 12px/1.65 var(--font,sans-serif);color:#bdd1e0;overflow-wrap:normal}.creator-card:hover .creator-roles-track,.creator-card:focus-within .creator-roles-track{animation-play-state:paused}@keyframes creator-roles-scroll{0%,16.6667%{transform:translateY(0)}20%,36.6667%{transform:translateY(-40px)}40%,56.6667%{transform:translateY(-80px)}60%,76.6667%{transform:translateY(-120px)}80%,96.6667%{transform:translateY(-160px)}100%{transform:translateY(-200px)}}@media(max-width:540px){.creator-roles{padding-left:7px;margin-bottom:10px}.creator-roles-track>span{font-size:11px;line-height:1.6}}@media(prefers-reduced-motion:reduce){.creator-roles{height:auto}.creator-roles-track{animation:none;will-change:auto}.creator-roles-track>span{height:auto;min-height:30px;padding:3px 0}.creator-roles-track>span[aria-hidden=true]{display:none}}
.creator-roles .role-tail{white-space:nowrap}
/* Compact contact card: QR on the left, identity on the right. */
.creator-card-body{grid-template-columns:148px minmax(0,200px);justify-content:center;gap:24px;padding:14px 20px}.creator-code{grid-column:1;grid-row:1}.creator-profile{grid-column:2;grid-row:1;display:grid;grid-template-columns:40px minmax(0,1fr);column-gap:10px;align-items:center}.creator-avatar{width:40px;height:40px;border-radius:10px;grid-column:1;grid-row:1}.creator-profile h2{grid-column:2;grid-row:1;margin:0;font-size:20px}.creator-roles{grid-column:1/-1;margin:10px 0 8px}.creator-id{grid-column:1/-1}.wechat-copy{grid-column:1/-1;justify-self:start;margin-top:6px}.copy-status{grid-column:1/-1;min-height:0;margin:0}.copy-status:not(:empty){margin-top:3px}.creator-card-top{padding:9px 20px}.creator-card-foot{padding:9px 20px}.creator-code .qr-caption{margin-top:7px}
@media(max-width:540px){.creator-card-body{grid-template-columns:124px minmax(0,174px);gap:14px;padding:12px 14px}.creator-profile{grid-template-columns:32px minmax(0,1fr);column-gap:8px}.creator-avatar{width:32px;height:32px;border-radius:9px}.creator-profile h2{font-size:17px}.creator-roles{margin:8px 0 6px;padding-left:6px}.creator-card-top,.creator-card-foot{padding:9px 14px}.creator-code .qr-caption{font-size:8px}.creator-id strong{font-size:11px}.wechat-copy{font-size:10px;margin-top:5px}}@media(max-width:360px){.creator-card-body{grid-template-columns:112px minmax(0,164px);gap:10px;padding:12px}.creator-profile h2{font-size:16px}.creator-roles-track>span{font-size:10px}.creator-id strong{font-size:10px}}
.creator-id{display:flex;align-items:center;gap:6px;min-width:0}.creator-id strong{white-space:nowrap}.creator-id .wechat-copy{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:28px;height:28px;margin:0;padding:5px;border:1px solid transparent;border-radius:6px;color:#98cdee}.creator-id .wechat-copy:hover{border-color:#91c5eb35;background:#91c5eb0d}.creator-id .wechat-copy svg{display:block}.creator-card-top{justify-content:flex-start;gap:12px}.creator-card-top .copy-status{display:block;margin:0;min-height:0;color:#88d5b9;font:10px/1.4 var(--font,sans-serif);letter-spacing:0}.creator-card-top .creator-card-mark{margin-left:auto}@media(max-width:540px){.creator-id{gap:2px}.creator-id .wechat-copy{width:26px;height:28px;padding:5px}.creator-card-top{gap:10px}.creator-card-top .copy-status{font-size:9px}}
/* Match the mobile contact card to the shared section/container edges. */
@media(max-width:540px){.hero-core{min-width:0;width:100%}.core-frame{padding-left:0;padding-right:0;min-width:0;width:100%}.hero-download{width:100%;max-width:none}.creator-card{width:100%}}
.creator-roles{border-left:0;padding-left:0}

/* Quiet product transitions: five seconds at rest, one second to change. */
.hero .hero-accessible-title{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.hero-carousel{width:100%;min-width:0;position:relative;isolation:isolate}
.hero-product-track{display:grid;width:100%;position:relative;z-index:1}
.hero-product{grid-area:1/1;min-width:0;display:flex;flex-direction:column;align-items:center;padding:8px 0 0;box-sizing:border-box;animation:hero-product-reveal 12s cubic-bezier(.4,0,.2,1) infinite}
.hero-product:nth-child(2){animation-delay:-6s}
.hero-product-name{font-family:inherit;font-weight:700;font-size:clamp(4rem,7vw,6rem);letter-spacing:-.065em;line-height:1.16;padding-bottom:.06em;margin:0 0 12px;background:linear-gradient(170deg,#fff 12%,#d6e4ef 72%,#adc9dc);background-clip:text;-webkit-background-clip:text;color:transparent}
.hero-product>.hero-copy{position:relative;z-index:1;margin:0 auto;text-align:center}
.hero-product-glow{position:absolute;pointer-events:none;z-index:0;inset:-35px -15px -25px;border-radius:50%;animation:hero-product-light 12s ease-in-out infinite}
.hero-product-glow-blue{background:radial-gradient(ellipse,#7dbde51a 0%,#7dbde508 40%,transparent 70%)}
.hero-product-glow-gold{background:radial-gradient(ellipse,#edbd7d1a 0%,#edbd7d08 40%,transparent 70%);animation-delay:-6s}
@keyframes hero-product-reveal{0%,41.6667%{opacity:1;transform:translateX(0) scale(1);filter:none;z-index:1}50%{opacity:0;transform:translateX(-24px) scale(.92);filter:none;z-index:1}50.001%,91.6667%{opacity:0;transform:translateX(100px) scale(1);filter:none;z-index:2}100%{opacity:1;transform:translateX(0) scale(1);filter:none;z-index:2}}
@keyframes hero-product-light{0%,41.6667%,100%{opacity:1}50%,91.6667%{opacity:0}}
@media(max-width:540px){.hero-product-name{font-size:clamp(3rem,14vw,4.5rem)}.hero-product>.hero-copy{min-height:56px}.hero-product-glow{left:0;right:0}}
@media(prefers-reduced-motion:reduce){.hero-product,.hero-product-glow{animation:none}.hero-product:nth-child(2){position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.hero-product-glow-gold{display:none}}

/* Full-size product artwork with one rounded edge, without decorative rings. */
.hero-product .hero-mark{width:76px;height:76px;padding:0;border:1px solid #a5c8df4a;border-radius:23px;background:transparent;box-shadow:none;overflow:hidden}
.hero-product .hero-mark:before{content:none}
.hero-product .hero-mark img{display:block;width:100%;height:100%;object-fit:cover;border-radius:0;padding:0}
.creator-profile .creator-avatar{padding:0;border:0;box-shadow:none;object-fit:cover}
@media(max-width:540px){.hero-product .hero-mark{width:68px;height:68px;border-radius:21px}}