:root{--bg:#080a0f;--surface:#10141c;--elevated:#171d27;--yellow:#ffd43b;--cyan:#45d7ff;--text:#f7f8fa;--muted:#a8b0be;--border:rgba(255,255,255,.12);--strong:rgba(255,255,255,.22);--radius:24px;--body:1rem;--h1:clamp(2.25rem,4vw,3.5rem);--h2:clamp(1.75rem,3vw,2.5rem);--space:clamp(24px,5vw,64px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans","Malgun Gothic",sans-serif;font-size:var(--body);line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,summary,a{-webkit-tap-highlight-color:transparent}a,summary{touch-action:manipulation}a:focus-visible,summary:focus-visible{outline:2px solid var(--yellow);outline-offset:6px}::selection{color:var(--bg);background:var(--yellow)}img{max-width:100%;display:block}p,h1,h2,h3,figure{margin:0}p{color:var(--muted)}h1,h2,h3{line-height:1.25;text-wrap:balance}h1{font-size:var(--h1);font-weight:700;letter-spacing:-.045em}h2{font-size:var(--h2);letter-spacing:-.035em;font-weight:600}h3{font-size:1.375rem;font-weight:600}em{font-style:normal;color:var(--yellow)}.wrap{width:min(1248px,100% - var(--space)*2);margin-inline:auto}.header{display:flex;align-items:center;gap:32px;padding-block:24px;border-bottom:1px solid var(--border);position:relative;z-index:3}.brand{font-size:1.75rem;font-weight:750;letter-spacing:-.04em;display:flex;align-items:center;gap:12px;line-height:1}.brand img{border-radius:10px}.brand-period{color:var(--yellow);margin-left:-10px}.main-nav{display:flex;gap:32px;margin-left:auto;font-size:.875rem}.main-nav a:hover,.footer a:hover{color:var(--yellow)}[aria-current=page]{color:var(--yellow)}.language{font-size:.875rem;position:relative}.language summary{list-style:none;cursor:pointer;border:1px solid var(--border);border-radius:999px;padding:8px 16px;display:flex;gap:8px;align-items:center;min-height:44px}.language summary::-webkit-details-marker{display:none}.language nav{position:absolute;right:0;top:calc(100% + 8px);width:180px;background:var(--elevated);border:1px solid var(--strong);border-radius:16px;padding:8px;box-shadow:0 12px 32px #00000047}.language nav a{display:block;padding:8px 12px;border-radius:10px}.language nav a:hover{background:var(--surface);color:var(--yellow)}.skip{position:absolute;left:16px;top:-80px;padding:12px;background:var(--yellow);color:var(--bg);z-index:10}.skip:focus{top:16px}.hero{min-height:680px;display:grid;grid-template-columns:1.18fr 1fr;align-items:center;gap:24px;padding-block:64px}.eyebrow{font-size:.875rem;letter-spacing:.1em;font-weight:500;color:var(--muted);margin-bottom:24px;display:flex;align-items:center;gap:12px}.tiny-line{width:24px;height:1px;background:var(--yellow)}.lede{font-size:1.125rem;line-height:1.8;margin-top:24px;max-width:520px}.hero-actions{margin-top:40px;display:flex;align-items:center;flex-wrap:wrap;gap:24px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;min-height:56px;padding:16px 24px;border-radius:999px;background:var(--yellow);color:var(--bg);font-weight:650;line-height:1.5;transition:transform .2s,filter .2s}.button:hover{transform:translateY(-2px);filter:brightness(1.06)}.availability{font-size:.875rem;color:var(--muted);display:inline-block}.hero-art{position:relative;display:flex;align-items:center;justify-content:center;min-height:510px;border-left:1px solid var(--border);isolation:isolate}.emblem{width:90%;height:470px;object-fit:contain;animation:float 9s ease-in-out infinite}.art-label{position:absolute;top:0;right:0;font-size:.75rem;letter-spacing:.12em;color:var(--muted)}.art-coordinate{position:absolute;bottom:4px;left:24px;font-size:.75rem;color:var(--muted);font-variant-numeric:tabular-nums}.art-caption{position:absolute;bottom:0;right:0;font-size:.875rem;color:var(--muted)}.stats{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--border);padding-block:32px}.stats div{display:flex;align-items:center;justify-content:center;gap:20px;border-right:1px solid var(--border)}.stats div:last-child{border:0}.stats strong{font-size:2.5rem;line-height:1.2;font-weight:500;letter-spacing:-.04em}.stats span{font-size:.875rem;color:var(--muted);max-width:160px}.modes-section{padding-block:clamp(64px,8vw,128px)}.section-head{display:grid;grid-template-columns:1fr 2fr;gap:32px;margin-bottom:48px}.modes{display:grid;grid-template-columns:1fr 1fr;gap:24px}.mode{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:32px;transition:border-color .2s,transform .2s}.mode:hover{border-color:var(--strong);transform:translateY(-4px)}.mode-top{display:flex;align-items:start;justify-content:space-between;gap:24px;margin-bottom:48px}.mode-top .eyebrow{color:var(--yellow);letter-spacing:.05em}.mode-glyph{font-size:3.5rem;line-height:1;color:var(--muted);font-weight:300}.mode p{margin-top:16px;max-width:480px}.how-section{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;padding-bottom:96px}.screen-stage{background:var(--surface);border-radius:var(--radius);padding:48px 24px 24px;border:1px solid var(--border)}.screen-stage figure{max-width:280px;margin:auto}.app-screen{width:100%;height:auto;border:1px solid var(--strong);border-radius:24px;box-shadow:0 12px 32px #00000047}.screen-stage figcaption{text-align:center;color:var(--muted);font-size:.75rem;margin-top:24px}.steps{list-style:none;margin:32px 0 0;padding:0}.steps li{display:flex;gap:24px;padding-block:24px;border-bottom:1px solid var(--border)}.steps li:last-child{border-bottom:0}.step-number{color:var(--yellow);font-size:.875rem;padding-top:4px;font-variant-numeric:tabular-nums}.steps h3{font-size:1.125rem;margin-bottom:8px}.ai-section{border-block:1px solid var(--border);padding-block:64px}.ai-section .eyebrow{color:var(--cyan)}.ai-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px}.ai-grid .lede{margin-top:0}.small{font-size:.875rem;line-height:1.7;margin-top:16px}.closing{text-align:center;padding-block:96px}.closing .eyebrow{justify-content:center;letter-spacing:0}.closing h2{font-size:var(--h1)}.closing p:not(.eyebrow){margin:24px auto 32px;max-width:580px}.closing .availability{border:1px solid var(--strong);border-radius:999px;padding:12px 24px}.footer{display:flex;justify-content:space-between;align-items:start;gap:32px;padding-block:40px;border-top:1px solid var(--border)}.footer .brand{font-size:1.375rem}.footer p{font-size:.875rem;margin-top:16px}.footer-links{display:flex;gap:24px;flex-wrap:wrap;justify-content:flex-end;font-size:.875rem;max-width:440px}.footer-links span{width:100%;text-align:right;color:var(--muted);font-size:.75rem}.support-hero{padding-block:80px 64px}.support-hero .lede{max-width:680px}.quick-links{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:48px}.quick-links a{display:flex;align-items:center;gap:16px;border:1px solid var(--border);background:var(--surface);border-radius:16px;padding:20px 24px}.quick-links a:hover{border-color:var(--yellow)}.quick-links a span:first-child{font-size:.875rem;color:var(--muted)}.quick-links a span:last-child{margin-left:auto;color:var(--yellow)}.support-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:64px;border-top:1px solid var(--border);padding-top:64px;padding-bottom:64px}.support-layout aside{position:sticky;top:32px;align-self:start;display:flex;flex-direction:column;gap:16px;font-size:.875rem}.support-layout aside .eyebrow{font-size:.75rem;margin-bottom:16px}.support-layout aside a:hover{color:var(--yellow)}.support-section{margin-bottom:64px;scroll-margin-top:32px}.support-section h2{margin-bottom:32px}.support-section .steps{margin-top:0}.faq-list{border-top:1px solid var(--border)}.faq{border-bottom:1px solid var(--border)}.faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:24px;padding-block:24px;font-weight:500;font-size:1.125rem;line-height:1.6}.faq summary::-webkit-details-marker{display:none}.faq summary span{font-size:1.375rem;color:var(--yellow);flex-shrink:0;transition:transform .2s}.faq[open] summary span{transform:rotate(45deg)}.faq p{padding:0 32px 24px 0;line-height:1.9}.contact{padding:40px;background:var(--surface);border-radius:24px;border:1px solid var(--border);margin-bottom:0}.contact .button{margin-top:32px}.contact .email{display:block;margin-top:16px;color:var(--yellow);overflow-wrap:anywhere}.contact-missing{margin-top:24px;border-top:1px solid var(--border);padding-top:24px}@keyframes float{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-12px) rotate(2deg)}}
@media(min-width:1600px){.hero{min-height:760px}.emblem{height:520px}}
@media(max-width:1000px){.hero{min-height:600px;grid-template-columns:1.2fr 1fr}.hero-art{min-height:400px}.emblem{height:340px}.art-label{font-size:.75rem;max-width:220px;text-align:right}.stats div{gap:12px}.stats strong{font-size:2.25rem}.how-section{gap:32px}.support-layout{grid-template-columns:160px minmax(0,1fr);gap:32px}.quick-links a{padding:16px}.ai-grid{gap:32px}}
@media(max-width:700px){.header{gap:16px;flex-wrap:wrap;padding-block:16px}.brand{font-size:1.375rem;gap:8px}.brand img{width:32px;height:32px}.brand-period{margin-left:-6px}.language{margin-left:auto}.main-nav{order:3;width:100%;margin:0;gap:24px;padding-top:8px}.hero{grid-template-columns:1fr;padding-top:48px;gap:32px;min-height:auto}.hero h1{font-size:clamp(2rem,6.9vw,3rem);letter-spacing:-.035em}.hero-copy .eyebrow{font-size:.75rem}.hero-actions{margin-top:32px;gap:16px}.hero-art{border-left:0;min-height:340px;border-top:1px solid var(--border);padding-top:24px}.art-label{top:16px;font-size:.75rem}.emblem{height:300px;width:85%}.art-coordinate{left:0}.art-caption{font-size:.75rem}.lede{font-size:1rem}.stats{padding-block:24px;gap:8px}.stats div{flex-direction:column;gap:8px;padding-inline:4px;text-align:center}.stats strong{font-size:1.75rem}.stats span{font-size:.75rem}.section-head{grid-template-columns:1fr;gap:0;margin-bottom:32px}.modes{grid-template-columns:1fr}.mode{padding:24px}.mode-top{margin-bottom:32px}.how-section{grid-template-columns:1fr;padding-bottom:64px;gap:40px}.how-copy{order:1}.screen-stage{order:2}.screen-stage figure{max-width:240px}.steps li{gap:16px}.ai-grid{grid-template-columns:1fr;gap:24px}.closing{padding-block:64px}.footer{flex-direction:column}.footer-links{justify-content:flex-start}.footer-links span{text-align:left}.support-hero{padding-top:48px}.support-hero h1{font-size:2.25rem}.quick-links{grid-template-columns:1fr;gap:12px;margin-top:32px}.support-layout{grid-template-columns:1fr;padding-top:40px}.support-layout aside{display:none}.contact{padding:24px}.faq summary{font-size:1rem}.faq p{padding-right:0}.eyebrow{letter-spacing:.05em}.support-section{margin-bottom:48px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
