:root { font-family: 'Manrope', sans-serif; color: #20251f; background: #f4f3ef; font-synthesis: none; text-rendering: optimizeLegibility; }
* { box-sizing: border-box; }
body { margin: 0; min-width: 320px; }
a { color: inherit; }
.page-shell { max-width: 1440px; min-height: 100vh; margin: auto; padding: 0 7.15%; }
.topbar { height: 86px; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #dcded6; }
.wordmark { display: flex; gap: 11px; align-items: center; text-decoration: none; font-size: 15px; font-weight: 800; letter-spacing: -.055em; }
.wordmark-light { font-weight: 500; color: #8a8d84; }
.mark,.core-mark { display: inline-flex; gap: 2px; align-items: end; height: 19px; }
.mark i,.core-mark i { display:block; width:5px; border-radius:4px; background:#e66f48; }
.mark i:nth-child(1),.core-mark i:nth-child(1) { height:9px; }.mark i:nth-child(2),.core-mark i:nth-child(2) { height:15px; }.mark i:nth-child(3),.core-mark i:nth-child(3) { height:12px; }
.top-note,.eyebrow,.hero-index,.principle-number,.node,.footer { font-family:'DM Mono', monospace; }
.top-note { display:flex; align-items:center; gap:10px; color:#777b72; font-size:10px; letter-spacing:.035em; }
.status-dot { width:6px; height:6px; border-radius:50%; background:#8aa57b; box-shadow:0 0 0 3px #e2e9dc; }
.hero { min-height: 530px; position:relative; display:grid; grid-template-columns:1fr 1fr; align-items:center; padding:50px 0 74px; border-bottom:1px solid #dcded6; }
.hero-copy { position:relative; z-index:1; padding:20px 0 0; }
.eyebrow { margin:0 0 28px; color:#8a8d84; font-size:10px; letter-spacing:.11em; }
.eyebrow span { color:#e66f48; margin-right:13px; }
h1 { font-size:clamp(46px,6vw,78px); line-height:1.05; letter-spacing:-.075em; margin:0; font-weight:600; }
h1 span { color:#a1a399; }
.intro { max-width:395px; color:#777b72; font-size:14px; line-height:1.8; margin:25px 0 24px; }
.text-link { display:inline-flex; align-items:center; gap:14px; font-size:12px; font-weight:700; text-decoration:none; border-bottom:1px solid #e66f48; padding:0 0 8px; }
.text-link span { color:#e66f48; font-size:16px; transition:transform .2s; }.text-link:hover span { transform:translate(3px,-2px); }
.visual { height:400px; position:relative; display:grid; place-items:center; }
.orbit { position:absolute; border:1px solid #dfe0d8; border-radius:50%; transform:rotate(-27deg); }
.orbit-one { width:270px;height:270px; }.orbit-two { width:365px;height:200px; }.orbit-three { width:380px;height:340px;transform:rotate(40deg); }
.core { width:104px;height:104px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;background:#26342e;color:#f4f3ef;box-shadow:0 15px 40px #26342e24; font:9px/1.2 'DM Mono',monospace;letter-spacing:.14em; transform:rotate(-8deg); }
.core-mark { height:13px; gap:2px }.core-mark i { width:3px; }.core-mark i:nth-child(1){height:7px}.core-mark i:nth-child(2){height:12px}.core-mark i:nth-child(3){height:9px}
.node { position:absolute; z-index:2; width:76px;height:76px;border-radius:50%;background:#fbfaf7;border:1px solid #e0e1da;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:#8a8d84;font-size:8px;letter-spacing:.12em;box-shadow:0 8px 22px #26342e0b; }
.node-icon { font:19px 'Manrope',sans-serif; color:#d3704f; }.node-top {top:42px;left:50%;transform:translateX(-50%)}.node-right{right:6%;top:45%;}.node-bottom{bottom:36px;left:50%;transform:translateX(-50%)}
.spark { position:absolute;width:7px;height:7px;border-radius:50%;background:#e6a265; }.spark-one{top:27%;right:21%}.spark-two{bottom:24%;left:19%;width:4px;height:4px;background:#879a7f}
.hero-index { position:absolute; bottom:26px;left:0;right:0;display:flex;justify-content:space-between;color:#9b9e95;font-size:8px;letter-spacing:.13em; }
.principles { display:grid;grid-template-columns:repeat(3,1fr);gap:7%;padding:46px 0 52px; }
.principles article { max-width:245px; }.principle-number { color:#e07852;font-size:9px;letter-spacing:.06em; }.principles h2 { font-size:14px;letter-spacing:-.03em;margin:14px 0 8px;font-weight:700; }.principles p { color:#85887f;font-size:11px;line-height:1.75;margin:0; }
.footer { min-height:58px;border-top:1px solid #dcded6;display:flex;align-items:center;justify-content:space-between;color:#969990;font-size:9px;letter-spacing:.02em; }.footer-star{color:#e07852;font-size:13px;margin-left:5px}
@media(max-width:760px){.page-shell{padding:0 6%}.topbar{height:72px}.top-note{font-size:0}.status-dot{width:7px;height:7px}.hero{grid-template-columns:1fr;min-height:unset;padding:62px 0 65px}.hero-copy{padding:0}.eyebrow{margin-bottom:22px}.intro{font-size:13px}.visual{height:330px;margin-top:10px}.orbit-one{width:225px;height:225px}.orbit-two{width:300px;height:160px}.orbit-three{width:315px;height:285px}.node-top{top:24px}.node-bottom{bottom:20px}.hero-index{bottom:18px}.principles{gap:26px;grid-template-columns:1fr;padding:34px 0}.principles article{max-width:420px}.principles h2{margin-top:9px}.footer{font-size:8px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}