:root{font-family:Manrope,sans-serif;color:#e9eef5;background:#0e131b;font-synthesis:none;text-rendering:optimizeLegibility;--navy: #0e131b;--surface: #151f2b;--surface-raised: #1b2430;--line: #2a3747;--text: #e9eef5;--muted: #9baabd;--orange: #f07832;--orange-light: #ff9b63;--max-width: 1400px}*{box-sizing:border-box}html{background:var(--navy)}body{margin:0;min-width:360px}a{color:var(--orange-light);text-decoration-thickness:1px;text-underline-offset:.2em}a:hover{color:#f29a68}a:focus-visible,button:focus-visible{outline:2px solid var(--orange);outline-offset:3px}button{font:inherit}.app{min-height:100vh;display:flex;flex-direction:column}.site-header{border-bottom:1px solid rgba(167,177,189,.2)}.header-inner,.footer-inner{width:min(calc(100% - 96px),var(--max-width));margin:0 auto}.header-inner{min-height:78px;display:flex;align-items:center;gap:40px}.brand{display:inline-flex;flex-shrink:0}.brand img{display:block;width:auto;height:40px;object-fit:contain}nav{display:flex;align-items:center;gap:38px;margin-left:auto}nav a,.language-switcher a{color:#aeb9c8;font-size:12px;font-weight:700;text-decoration:none}nav a:hover,.language-switcher a:hover{color:var(--orange-light)}.external-mark{margin-left:4px;color:var(--muted)}.language-switcher{display:flex;gap:6px;align-items:center;margin-left:4px;color:#718094;font-size:10px}.language-switcher a.active{color:var(--orange-light)}.skip-link{position:absolute;left:16px;top:-100px;padding:10px 14px;background:var(--orange);color:#fff;z-index:3}.skip-link:focus{top:16px}main{flex:1}.empty-layout,.style-guide{width:min(calc(100% - 96px),var(--max-width));margin:0 auto;padding:120px 0}.empty-layout{max-width:850px;margin-left:max(48px,calc((100% - var(--max-width)) / 2))}.empty-mark{color:var(--orange-light);font-size:.82rem;font-weight:800;letter-spacing:.18em;margin-bottom:48px}.empty-mark span{color:var(--orange);padding:0 5px}.eyebrow{color:var(--orange-light);font-size:.75rem;font-weight:800;letter-spacing:.18em;margin:0 0 18px}h1,h2,p{margin-top:0}h1{max-width:780px;font-size:clamp(2.6rem,7vw,5.4rem);line-height:.98;letter-spacing:-.055em;margin-bottom:24px}h2{font-size:1.15rem;line-height:1.2}.intro{color:#b9c7d8;font-size:15px;line-height:1.7;max-width:620px}.empty-panel{margin-top:64px;padding:29px;border:1px solid #2a3747;border-left:3px solid var(--orange);background:var(--surface)}.empty-panel p{color:var(--muted);margin-bottom:0}.site-footer{border-top:1px solid rgba(151,174,203,.15)}.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px 0 29px}.footer-label{color:#b3c1d1;font-size:11px;font-weight:700;margin-bottom:12px}.placeholder{color:#718094;font-size:9px}.footer-links{display:flex;gap:20px;flex-wrap:wrap}.footer-links a{color:#9daec1;font-size:9px}.copyright{color:#718094;font-size:9px;align-self:end;margin:0}.style-guide{padding-top:72px}.style-guide h1{font-size:clamp(2.5rem,6vw,4.5rem)}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:56px}.guide-card{background:var(--surface);border:1px solid var(--line);padding:24px;min-height:170px}.guide-card h2{color:var(--muted);font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;margin-bottom:28px}.component-row{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.button{border:1px solid transparent;border-radius:0;cursor:pointer;font-size:12px;font-weight:700;padding:13px 17px;transition:background .2s,border-color .2s,color .2s}.button-primary{background:var(--orange);color:#fff}.button-primary:hover{background:#d8703c}.button-secondary{background:transparent;border-color:var(--orange-light);color:var(--orange-light)}.button-secondary:hover{background:#e07a461f}.button:disabled{background:#3a424b;border-color:#3a424b;color:#8d959d;cursor:not-allowed}.muted-link{color:var(--muted)}.link-row{min-height:40px}@media(max-width:760px){.header-inner{min-height:68px;gap:20px;flex-wrap:wrap;padding:20px 0}nav{order:3;width:100%;overflow-x:auto;margin-left:0;padding-bottom:2px;gap:17px}nav a{font-size:11px}.language-switcher{margin-left:auto}.empty-layout,.style-guide{padding:82px 0}.footer-inner{align-items:flex-start;flex-direction:column;gap:11px}.copyright{align-self:auto}.guide-grid{grid-template-columns:1fr}}@media(max-width:420px){.header-inner,.footer-inner,.empty-layout,.style-guide{width:calc(100% - 32px)}.brand img{height:34px}nav{gap:12px}nav a{font-size:10px}nav a{white-space:nowrap}}@media(max-width:374px){nav{gap:8px}nav a{font-size:9px}.language-switcher{gap:3px;margin-left:0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}