:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#120d0b;--panel:#19100d;--panel-2:#25150f;--ink:#19100d;--paper:#fff0d8;--paper-2:#f5d7b7;--text:#fff3e3;--muted:#dfbea0;--soft:#b77a55;--brand:#ff5a2e;--brand-dark:#c94722;--accent-muted:#eaa15f;--line:#ffdab52e;--line-strong:#ffdab557;--line-dark:#5a301b38}*{box-sizing:border-box}html{scroll-behavior:smooth}.i18n-en,html[data-locale=en] .i18n-ko{display:none}html[data-locale=en] .i18n-en{display:inline}html[data-locale=ko] h1,html[data-locale=ko] h2,html[data-locale=ko] p,html[data-locale=ko] .button,html[data-locale=ko] .statusRail span,html[data-locale=ko] .featureCard,html[data-locale=ko] .stackItem{word-break:keep-all;overflow-wrap:break-word}.srOnly{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}body{background:linear-gradient(180deg, #170f0b 0%, var(--bg) 46%, #1b100c 100%);color:var(--text);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}.hero{isolation:isolate;border-bottom:1px solid var(--line);background:linear-gradient(#24120a75,#0000 42%,#1e0e083d);grid-template-rows:auto 1fr auto;min-height:86svh;display:grid;position:relative;overflow:hidden}.hero:before{content:"";z-index:-1;opacity:.65;background:linear-gradient(90deg,#ff65302e,#eea15f0a,#0000);width:min(34vw,520px);height:68%;position:absolute;inset:96px max(20px,8vw) auto auto}.hero:after{content:"";z-index:-1;background:linear-gradient(90deg,#0000,#f2552f8c,#0000);height:1px;position:absolute;bottom:0;left:0;right:0}.nav{z-index:3;grid-template-columns:auto 1fr auto;align-items:center;gap:24px;width:min(1180px,100% - 40px);margin:0 auto;padding:22px 0;display:grid;position:relative}.nav:before{display:none}.brand,.navLinks,.button,.stackItem{align-items:center;display:inline-flex}.brand{text-transform:uppercase;gap:10px;font-size:14px;font-weight:800}.brandMark{background:var(--brand);color:#fff;border-radius:4px;place-items:center;width:34px;height:34px;display:grid;box-shadow:0 0 0 1px #ffffff2e}.navLinks{color:var(--muted);text-transform:uppercase;gap:18px;font-size:13px;font-weight:800}.navLinks a{border-bottom:1px solid #0000;padding-bottom:4px}.navLinks a:hover{color:var(--text);border-bottom-color:var(--brand)}.navControls{justify-self:end;align-items:center;gap:18px;display:inline-flex}.localeToggle{border:1px solid var(--line);min-height:34px;color:var(--muted);cursor:pointer;font:inherit;text-transform:uppercase;background:#361b1152;border-radius:4px;padding:0 11px;font-size:12px;font-weight:800}.localeToggle:hover{border-color:var(--brand);color:var(--text)}.button:focus-visible,.localeToggle:focus-visible,.navLinks a:focus-visible{outline:2px solid var(--brand);outline-offset:3px}.heroContent{z-index:2;grid-template-columns:minmax(0,.88fr) minmax(460px,1.12fr);align-self:center;align-items:center;gap:56px;width:min(1180px,100% - 40px);margin:0 auto;padding:34px 0 26px;display:grid;position:relative}.heroText{min-width:0}.eyebrow{color:var(--brand);letter-spacing:0;text-transform:uppercase;margin:0 0 16px;font-size:12px;font-weight:800}h1,h2,h3,p{margin-top:0}h1{letter-spacing:0;white-space:pre-line;max-width:640px;margin-bottom:22px;font-size:clamp(54px,7.5vw,98px);font-weight:900;line-height:.92}h2{letter-spacing:0;margin-bottom:16px;font-size:clamp(34px,5vw,62px);font-weight:900;line-height:.98}h3{letter-spacing:0;margin-bottom:8px;font-size:21px;font-weight:800}p{color:var(--muted);line-height:1.72}.heroCopy{color:#e9e2d5;max-width:590px;margin-bottom:26px;font-size:19px}.heroActions{flex-wrap:wrap;gap:10px;display:flex}.button{border-radius:4px;gap:10px;min-height:50px;padding:0 18px;font-weight:800}.button.primary{background:var(--brand);color:#fff}.button.secondary{border:1px solid var(--line);color:var(--text);background:#361b1180}.button:hover{transform:translateY(-1px)}.heroVisual{border:1px solid var(--line-strong);background:var(--panel);border-radius:6px;min-width:0;position:relative;overflow:hidden;box-shadow:0 22px 70px #00000057,0 0 0 1px #f2552f14}.visualHeader{text-transform:uppercase;background:var(--paper);min-height:36px;color:var(--ink);justify-content:space-between;align-items:center;gap:16px;padding:0 14px;font-size:11px;font-weight:800;display:flex}.heroScreenshot{aspect-ratio:16/10;object-fit:cover;object-position:center;filter:brightness(1.14)contrast(1.02)saturate(1.04);width:100%;display:block}.heroMeta{z-index:2;width:min(1180px,100% - 40px);margin:0 auto;padding:0 0 30px;position:relative}.statusRail{border-top:1px solid var(--line);background:0 0;border-bottom:0;flex-wrap:wrap;gap:12px 24px;padding:13px 0 0;display:flex}.statusRail>span:not(.srOnly){color:#f0cdb0;text-transform:uppercase;border-left:0;align-items:center;padding:0;font-size:12px;font-weight:800;display:flex}.statusRail>span:not(.srOnly):nth-child(2){padding-left:0}.statusRail>span:not(.srOnly):before{display:none}.section{width:min(1180px,100% - 40px);margin:0 auto;padding:72px 0}.sectionHeader{max-width:820px;margin-bottom:34px}#features{color:var(--ink);background:var(--paper);box-shadow:0 0 0 100vmax var(--paper);clip-path:inset(0 -100vmax)}#features .eyebrow{color:var(--brand-dark)}#features p{color:#4b3327}.featureGrid{border-top:1px solid var(--line-dark);gap:0;display:grid}.featureCard{border-bottom:1px solid var(--line-dark);grid-template-columns:72px 72px minmax(0,1fr);align-items:start;gap:22px;min-height:152px;padding:28px 0;display:grid}.featureIndex{color:var(--soft);font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:14px}.featureCard svg,.featureCard:nth-child(2) svg,.featureCard:nth-child(3) svg{color:var(--brand-dark)}.featureCard p{max-width:670px}.split{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) minmax(320px,460px);align-items:center;gap:64px;display:grid}.stackList{border-top:1px solid var(--line);display:grid}.stackItem{border-bottom:1px solid var(--line);min-height:62px;color:var(--text);gap:14px;font-weight:800}.stackItem svg{color:var(--brand)}.build{border-bottom:1px solid var(--line)}.commandGrid{background:var(--line);grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;display:grid}.commandGrid article{background:linear-gradient(180deg, #ffffff0b, transparent 38%), var(--panel);min-height:235px;padding:24px;position:relative}.commandGrid article:before{content:"";background:var(--brand);height:4px;position:absolute;top:0;left:24px;right:24px}.commandGrid article:nth-child(2):before,.commandGrid article:nth-child(3):before{background:var(--accent-muted)}pre{color:var(--text);background:0 0;margin:22px 0 0;padding:0;line-height:1.7;overflow-x:auto}code{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:14px}.notice{grid-template-columns:52px minmax(0,1fr);align-items:start;gap:24px;display:grid}.notice svg{color:var(--brand)}@media (max-width:1040px){.heroContent{grid-template-columns:minmax(0,1fr);gap:30px;padding-top:28px}.heroVisual{order:-1;max-width:760px}.heroScreenshot{aspect-ratio:16/8.6}.statusRail{grid-template-columns:repeat(2,minmax(0,1fr))}.statusRail>span:not(.srOnly):nth-child(4){border-left:0}.commandGrid,.split{grid-template-columns:1fr}.section{padding:52px 0}}@media (max-width:720px){.nav{grid-template-columns:auto 1fr}.nav:before,.navLinks{display:none}.hero{min-height:auto}.hero:before{width:62vw;height:40%;inset:82px 0 auto auto}.heroContent{gap:22px;width:min(100% - 40px,560px);padding:18px 0 22px}.heroMeta{width:min(100% - 40px,560px);padding-bottom:22px}h1{font-size:clamp(46px,13vw,66px);line-height:.94}html[data-locale=ko] h1{font-size:clamp(42px,12vw,56px);line-height:1.02}.heroCopy{margin-bottom:20px;font-size:16px;line-height:1.66}.heroActions{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.button{justify-content:center;gap:8px;width:100%;min-height:46px;padding:0 10px;font-size:13px}.visualHeader{min-height:32px;padding:0 12px;font-size:10px}.heroScreenshot{aspect-ratio:16/8}.statusRail>span:not(.srOnly){flex:50%;padding:0;font-size:11px}.statusRail>span:not(.srOnly):nth-child(2),.statusRail>span:not(.srOnly):nth-child(4){border-left:0;padding-left:0}.featureCard{grid-template-columns:38px minmax(0,1fr);gap:16px}.featureCard svg{display:none}.notice{grid-template-columns:1fr}}@media (max-width:430px){.heroActions{grid-template-columns:1fr}.statusRail>span:not(.srOnly),.statusRail>span:not(.srOnly):nth-child(4){border-left:0}}
