:root{color-scheme:light;--paper:#f5f8fa;--ink:#2b3b46;--muted:#5d6f7b;--green:#3e6a86;--line:#d7e0e6;--soft:#eaf1f6;--white:#ffffff;}
html,body{background:var(--paper);color:var(--ink);font-family:'Noto Sans KR',system-ui,sans-serif}
body{position:relative;overflow-x:clip}
.page-atmosphere{position:fixed;inset:0;z-index:0;pointer-events:none}
.page-atmosphere canvas{width:100%;height:100%;display:block}
.site-header,main,footer,.site-footer{position:relative;z-index:1}
.site-header{background:#f5f8fac9;backdrop-filter:blur(9px);border-bottom:1px solid var(--line)}
.wordmark{font-family:'IBM Plex Mono',monospace;font-weight:500;letter-spacing:-.02em}
.brand-mark{background:var(--ink);color:#fff}
h1{font-weight:900;letter-spacing:-.075em;line-height:1.16}
h1 em{font-style:normal;color:#bc6945}
h2{letter-spacing:-.065em}
.eyebrow{color:#bc6945;font-family:'IBM Plex Mono',monospace;letter-spacing:.1em;font-size:11px}
.status-dot{background:#bc6945}
.button{background:var(--ink);color:#fff;border-radius:5px;transition:transform .25s}
.button:hover{transform:translateY(-3px)}
.text-link{color:var(--green)}
.workspace-example{background:#ffffffe6;border:1px solid #c9d9e3;box-shadow:0 18px 65px #3e647514;color:var(--ink)}
.workspace-example .eyebrow,.example-top,.example-caption{color:var(--muted)}
.example-sidebar .selected,.example-message{background:#eaf1f6}
.example-compose{background:#fff;border:1px solid var(--line)}
.pill{background:#eaf1f6;color:#3e6a86}
.agent-avatar{background:#638ba8;color:#fff}
.code-lines span{background:#c9d9e3}
.mono{font-family:'IBM Plex Mono',monospace}
.motion-toggle{position:fixed;right:18px;bottom:18px;z-index:2;font:11px 'IBM Plex Mono',monospace;color:#515d63;background:#fffffff2;border:1px solid var(--line);padding:6px 10px;border-radius:5px;cursor:pointer}
/* Text backdrops (2026-10-16 user request): text blocks sit on page-coloured panels
   with a feathered edge so the orbit lines never run through words. */
.hero-copy,.principles>div,.how-section>div,.steps,.site-footer>div,.site-footer nav,.site-footer .footer-note,
.page-heading,.pricing-controls,.region-status:not(:empty),.transfer>div,.transfer>.tax,.pricing-details>div,.purchase-notice,
.legal-intro,.prose,.message-page,.account-heading,.account-card{background:var(--paper);box-shadow:0 0 34px 26px var(--paper);border-radius:18px}
.transfer dl div{background:#fff}