/* Immersive character-art direction. Inspired by terminal art, with our own artwork. */
:root,:root[data-theme=dark]{color-scheme:dark;--page:#080b0b;--surface:#101515;--soft:#192020;--ink:#e9eee7;--muted:#a3afaa;--line:#28322f;--accent:#b6a5fa;--accent-hover:#cfc3ff;--well:#07120f;--well-text:#dcebdc}
:root[data-theme=light]{color-scheme:light;--page:#f4f5ef;--surface:#fffef9;--soft:#e8ece4;--ink:#202922;--muted:#57635b;--line:#ced6ca;--accent:#655098;--accent-hover:#513c81;--well:#07120f;--well-text:#dcebdc}
body{background:var(--page)}.site-header{border-bottom:0;background:var(--page)}.header-inner{height:86px}.brand{font-size:15px;letter-spacing:-.04em}.brand-mark{background:transparent;color:var(--accent);border:1px solid var(--line);width:35px;height:35px;border-radius:50%;font-size:24px}.language-switch{border:0;padding-left:8px}.theme-toggle{border-radius:20px;font-size:10px;padding:8px 12px}nav a{font-size:12px}
.tool-hero{padding-top:8px}.hero-stage{position:relative;isolation:isolate;display:grid;grid-template-columns:1fr;min-height:660px;margin-bottom:72px;gap:0;align-items:center;border-bottom:1px solid var(--line)}
.hero-stage:before{content:"+";position:absolute;top:42px;left:44%;font:18px var(--font-mono);color:var(--muted);z-index:-1}.hero-stage:after{content:"+  ·  +";position:absolute;bottom:66px;right:6%;font:14px var(--font-mono);letter-spacing:20px;color:var(--muted);z-index:-1}
.hero-copy{position:relative;width:64%;z-index:1;padding:65px 0 75px;pointer-events:none}.hero-copy a,.hero-copy button{pointer-events:auto}
.eyebrow{color:var(--accent);font:10px var(--font-mono);letter-spacing:.2em;margin-bottom:26px}
h1{font-family:var(--font-mono);font-size:clamp(48px,6.1vw,88px);font-weight:700;line-height:1.03;letter-spacing:-.07em;max-width:11ch;text-transform:uppercase;text-wrap:balance;color:var(--ink)}
@supports(background-clip:text){h1{background-image:radial-gradient(circle,var(--ink) 1.1px,transparent 1.45px);background-size:3.2px 3.2px;background-clip:text;-webkit-background-clip:text;color:transparent}}
.lead{max-width:34ch;font-size:16px;line-height:1.8;margin-top:25px;color:var(--muted)}
.hero-actions{gap:12px;margin-top:29px}.hero-primary,.hero-secondary{border-radius:30px;padding:13px 23px;min-height:48px;font-size:12px}.hero-primary{background:var(--accent);color:#111315;border-color:var(--accent)}.hero-secondary{background:var(--page);border-color:var(--line);color:var(--ink)}.hero-primary:after{content:"↗";margin-left:18px;font-size:17px}.hero-tags{display:flex;gap:18px;margin-top:23px;color:var(--muted);font:9px var(--font-mono);letter-spacing:.07em}.hero-tags span{padding:0;border:0;background:none}
.hero-proof{position:absolute;right:-2%;top:0;width:67%;max-width:none;z-index:-1;align-self:center;opacity:.96}.hero-compare{background:transparent;border-radius:0;box-shadow:none;overflow:hidden;aspect-ratio:1;mask-image:linear-gradient(to right,transparent 0%,black 16%,black 94%,transparent 100%)}
.hero-compare-canvas{mix-blend-mode:lighten}.hero-compare>img{opacity:.55}.hero-compare-ascii{background:var(--page)}.hero-compare-divider{background:#e0f6e044;opacity:0;transition:opacity .2s}.hero-proof:hover .hero-compare-divider,.hero-proof:focus-within .hero-compare-divider{opacity:1}.hero-compare-divider:after{background:#18231e;border-color:#5b7266}.proof-caption{font-size:9px;max-width:60%;margin:0 0 0 auto;opacity:.8;position:relative;top:-22px;gap:10px}.proof-caption>span:nth-child(2){text-align:center}
.workbench-heading{margin-bottom:25px}.workbench-heading h2{font-size:30px;letter-spacing:-.045em}.workbench-kicker{font-size:9px;letter-spacing:.16em}.workbench-heading p{font-size:10px}
.workspace{box-shadow:0 30px 100px #00000020;border-color:var(--line);border-radius:14px;background:var(--surface)}.control-panel{background:var(--surface)}.preview-panel{background:var(--page)}.upload-box{background:var(--page);border-color:var(--line)}.upload-button{background:var(--ink);color:var(--page)}.preset-button{background:var(--page)}.preset-button[aria-pressed=true]{background:var(--soft);color:var(--ink);border-color:var(--accent)}.primary-action{color:#111315;border-color:var(--accent)}.field-row output{color:var(--accent)}.source-preview{border-color:var(--line)}.preview-tools button{background:var(--surface)}
.content-section{padding-top:95px}.section-intro h2{font-size:clamp(30px,4vw,50px);max-width:23ch}.section-intro p{max-width:48ch}.style-feature{border:1px solid var(--line)}.style-art{border:1px solid var(--line)}.style-feature .style-art{border:0}.style-index{color:var(--accent)}.style-copy h3{font-weight:500}.style-feature h3{font-weight:700}.style-source summary{color:#b1bdb6}.style-feature .style-index{color:#81d9e7}.site-footer{border-top-color:var(--line)}
:root[data-theme=light] .hero-proof{opacity:.9}:root[data-theme=light] .hero-compare{mask-image:none;border-radius:8px}:root[data-theme=light] .hero-copy{background:linear-gradient(90deg,var(--page) 78%,transparent)}
@media(min-width:1500px){.hero-stage{min-height:740px}}
@media(max-width:1050px){.hero-stage{min-height:570px}.hero-copy{width:67%;padding:50px 0 60px}.hero-proof{width:70%;top:30px;right:-3%}h1{font-size:clamp(47px,6.5vw,70px)}.lead{font-size:14px;max-width:30ch}.hero-primary,.hero-secondary{padding:12px 17px}.hero-tags{gap:12px;font-size:8px}.proof-caption{max-width:65%}.header-inner{gap:18px}nav{gap:18px}}
@media(max-width:767px){.header-inner{height:98px}.hero-stage{min-height:0;display:flex;flex-direction:column;align-items:stretch;margin-bottom:45px;padding-bottom:20px}.hero-copy{width:100%;padding:40px 0 15px;pointer-events:auto}.eyebrow{font-size:9px;margin-bottom:22px}h1{font-size:clamp(43px,10vw,68px);max-width:12ch;line-height:1.07}.lead{max-width:35ch;font-size:14px;margin-top:22px}.hero-actions{gap:9px;margin-top:24px}.hero-primary,.hero-secondary{font-size:11px;min-height:44px;padding:11px 15px}.hero-primary:after{margin-left:10px}.hero-tags{font-size:8px;gap:15px;margin-top:18px}.hero-proof{position:relative;top:auto;right:auto;width:100%;margin-top:0;z-index:0;max-width:440px;align-self:center}.hero-compare{mask-image:linear-gradient(to bottom,transparent,black 10%,black 94%,transparent);aspect-ratio:1}.proof-caption{max-width:100%;top:0;margin-top:6px;font-size:8px}.hero-stage:before,.hero-stage:after{display:none}.workbench-heading h2{font-size:27px}.content-section{padding-top:65px}.section-intro h2{font-size:32px}:root[data-theme=light] .hero-copy{background:none}}
@media(prefers-reduced-motion:reduce){.hero-compare-divider{transition:none}}
@media(forced-colors:active){h1{background:none;color:CanvasText}}
/* Keep the full composition inside its own section at every desktop width. */
@media(min-width:1051px){.hero-stage{min-height:780px}.hero-proof{width:62%;max-width:760px;right:0}}
@media(min-width:768px) and (max-width:1050px){.hero-proof{max-width:550px;width:65%;right:0}}
h1{font-family:Arial,"Helvetica Neue",sans-serif;font-weight:900;letter-spacing:-.05em}
@supports(background-clip:text){h1{background-image:radial-gradient(circle,var(--ink) 1.3px,transparent 1.7px);background-size:4px 4px}}
:root[data-theme=light] .hero-primary,:root[data-theme=light] .primary-action{color:#fff}