@font-face{font-family:"Golos Text";src:url("assets/GolosText-Variable.ttf") format("truetype");font-style:normal;font-weight:400 900;font-display:swap}
:root{--ink:#214f56;--deep:#173d43;--cream:#f7f5ef;--muted:#61736f;--line:#cfddd5;--gold:#e5b86f;--paper:#fffefa;--mint:#dcece7}
body{font-family:"Golos Text",system-ui,sans-serif;background:var(--cream);color:var(--ink)}
.hero h1,.section h2,.phone h2,.demo h3,.large-copy,.status-card p,.block-heading h3,.answer-card h4,.art-info h4,.principles-grid article>span,.profile-symbol{font-family:"Golos Text",system-ui,sans-serif}
.site-header{color:var(--deep)}
.brand-mark{font-size:0;display:inline-block;width:30px;height:30px;flex:none;background:url("brand-mark.svg") center/contain no-repeat}
.hero{background:radial-gradient(circle at 80% 34%,#e6f0e9 0%,#f7f5ef 48%,#f7f5ef 100%);color:var(--deep)}
.hero:after{opacity:.13;background-image:radial-gradient(#214f56 1px,transparent 1px)}
.orb{border-color:#214f561c}
.hero h1,.section h2{font-weight:600;letter-spacing:-.055em}
.hero h1 em{font-style:normal;color:#347b75}
.eyebrow,.section-label,.phone-header small,.phone-kicker{color:#806131}
.eyebrow-line{background:#806131}
.hero-lead,.body-copy,.large-copy{color:#4d6562}
.button-primary{background:#214f56;color:#fff;border-radius:12px}
.button-primary:hover{background:#173d43}
.text-link{border-color:#548079}
.hero-art .orbit{border-color:#7eaca454}
.star{color:#d0a458}
.phone{background:linear-gradient(160deg,#fffefa,#dcece7);border-color:#214f56;border-width:7px;box-shadow:0 28px 70px #214f5638,inset 0 0 0 1px #c4dcd0}
.phone:before{background:#214f56}
.phone-moon{color:#79a99e}
.phone-moon span.day-mark{display:block;width:150px;height:105px;position:relative;transform:none;text-shadow:none}
.day-mark:before{content:"";position:absolute;inset:6px 12px 10px;border:3px solid #79a99e;border-bottom:0;border-radius:120px 120px 0 0;transform:rotate(-24deg)}
.day-mark:after{content:"";position:absolute;right:6px;bottom:15px;width:16px;height:16px;background:#e5b86f;border-radius:50%}
.star{display:none}
.phone-rule{background:#bad3c8}
.intro-section,.examples-section{background:#f7f5ef}
.experience-section,.example-profile,.status-card{background:#e7f0e9}
.feature-icon{background:#dcece7;color:#214f56}
.demo,.answer-card,.art-card{background:#fffefa;border-color:#cfddd5}
.demo{box-shadow:20px 26px 0 #cfddd5}
.demo-tabs button.active{box-shadow:inset 0 -3px #214f56}
.source-dot{background:#e5b86f}
.principles-section,.site-footer{background:#214f56}
.principles-section .section-label,.principles-grid article>span{color:#e5b86f}
.principles-grid p,.site-footer{color:#dcece7}
.status-tag,.answer-number,.art-info>span,.profile-badge{color:#7b5c2b}
.explore-links a,.status-card a{border-color:#214f56}
.site-footer .brand-mark{background-image:url("brand-mark-inverse.svg")}
.menu-button{min-height:48px;min-width:48px;border-color:#91b6ab;color:var(--ink);border-radius:12px}
.site-nav a{min-height:48px;display:inline-flex;align-items:center}
@media(max-width:650px){.site-nav{background:#f7f5ef;box-shadow:0 18px 28px #214f5622}.demo{box-shadow:10px 12px 0 #cfddd5}}
@media(max-width:400px){.brand{font-size:21px}.menu-button{font-size:11px;gap:5px;padding:7px 8px}.hero h1{font-size:clamp(36px,10vw,42px);overflow-wrap:break-word}.hero h1 em{overflow-wrap:break-word}.section *{min-width:0;overflow-wrap:break-word;hyphens:auto}.intro-grid,.experience-grid,.status-grid,.examples-heading,.answer-grid,.art-grid{grid-template-columns:minmax(0,1fr)}.demo{overflow:hidden}.demo-tabs{flex-wrap:wrap}.demo-tabs button{padding:9px 8px}.demo-top{flex-wrap:wrap}.hero-art{overflow:hidden}.example-profile{flex-wrap:wrap}.answer-card h4{font-size:22px;line-height:1.35}}
.answer-grid{grid-template-columns:minmax(0,0.85fr) minmax(0,1.15fr)}
.answer-card:last-child{grid-column:1/-1;min-height:0}
.answer-card>p strong{color:#214f56}
@media(max-width:700px){.answer-grid{grid-template-columns:minmax(0,1fr)}.answer-card:last-child{grid-column:auto}}