/* Olive identity, light and dark surfaces. */
body{font-family:'Manrope',Arial,sans-serif}h1,h2,h3{font-family:'Manrope',Arial,sans-serif}h2{letter-spacing:-.045em;font-weight:500}h3{letter-spacing:-.035em;font-weight:600}.hero h1{letter-spacing:-.065em;font-weight:600}.hero-heading p{letter-spacing:-.02em}.world-copy h2,.closing h2{letter-spacing:-.05em}.logo{letter-spacing:-.045em}.eyebrow{line-height:1.7}button:focus-visible,a:focus-visible,summary:focus-visible,canvas:focus-visible{outline-color:var(--focus)}
body,footer{background:var(--paper);color:var(--ink)}header{background:var(--header);border-color:var(--line)}.navlinks,.navlinks a:hover,.nav-button{color:var(--ink)}.nav-button{border-color:var(--line)}.hero-heading .eyebrow,.hero-heading p,.hero-bottom p,.hero-rule,.model-caption,.rotation-hint,.stage-index,.swatches>span,.intro-bottom p,.section-top p,.card-top,.card-copy p,.section-note,.price-panel .eyebrow,.price-panel>p,.price-bottom>span:last-child,.spec-table span,.spec-table p,details p,.closing p,.closing .eyebrow,.footer-top>span,.footer-top>a:last-child,.footer-bottom{color:var(--muted)}.hero h1 span,.muted,.asterisk,.price>span,.view-controls button,summary>span{color:var(--accent)}.wordmark,.closing-way{color:var(--word)}.stage-index span:first-child{color:var(--ink)}.ambient{background:var(--soft)}.pill{background:var(--button);color:var(--button-text)}.pill:hover{background:var(--accent);color:var(--paper)}.hero-rule,.spec-table>div,.faq-list details,.faq-section,.footer-bottom,.view-controls{border-color:var(--line)}.view-controls button:hover{background:var(--soft)}.swatch{border-color:var(--paper);box-shadow:0 0 0 1px var(--line)}.swatch.active{box-shadow:0 0 0 1px var(--accent)}.eyebrow i,.status i{background:var(--accent)}.feature-section,.closing{background:var(--soft)}.feature-card{background:var(--card)}.card-voice,.philosophy{background:var(--deep);color:var(--deep-text)}.card-voice .card-top,.card-voice .card-copy p,.philosophy-bottom p{color:var(--deep-muted)}.philosophy .eyebrow,.philosophy h2>span,.philosophy-bottom>.logo{color:var(--deep-accent)}.waveform i{background:var(--deep-accent)}.voice-art>span{color:var(--deep-accent)}.voice-ring{border-color:color-mix(in srgb,var(--deep-accent) 15%,transparent);background:radial-gradient(circle,color-mix(in srgb,var(--deep-accent) 14%,transparent),transparent 70%);box-shadow:0 0 0 22px color-mix(in srgb,var(--deep-accent) 3%,transparent),0 0 0 44px color-mix(in srgb,var(--deep-accent) 2%,transparent)}.card-wear{background:var(--card)}.wear-circle{background:var(--soft);box-shadow:inset 0 0 40px color-mix(in srgb,var(--card) 60%,transparent)}.wear-art img{width:94%;max-width:420px;transform:rotate(-9deg) translateY(2px);filter:drop-shadow(0 23px 17px #11111125)}.orb{background:radial-gradient(circle at 28% 25%,var(--card) 0%,var(--soft) 25%,var(--accent) 55%,var(--deep) 95%);box-shadow:25px 35px 35px color-mix(in srgb,var(--accent) 20%,transparent)}.orbit{border-color:var(--line)}.target i{border-color:var(--accent)}.object-tag{color:var(--ink);background:var(--card);border-color:var(--line)}.price-panel{background:var(--soft)}.closing-orbit{border-color:var(--line);box-shadow:0 0 0 50px color-mix(in srgb,var(--accent) 3%,transparent),0 0 0 100px color-mix(in srgb,var(--accent) 2%,transparent)}dialog{background:var(--card);color:var(--ink);border-color:var(--line)}dialog p,.dialog-close{color:var(--muted)}.skip{background:var(--button);color:var(--button-text)}
[data-mode=dark] .wordmark{color:color-mix(in srgb,var(--ink) 5%,var(--paper))}[data-mode=dark] .product-stage{background:radial-gradient(ellipse at 50% 48%,color-mix(in srgb,var(--soft) 85%,var(--paper)),transparent 68%)}[data-mode=dark] .ambient{opacity:.35}[data-mode=dark] .card-wear .wear-circle{background:color-mix(in srgb,var(--deep-accent) 26%,var(--soft));box-shadow:0 0 65px color-mix(in srgb,var(--deep-accent) 12%,transparent)}

.hero h1{font-size:clamp(58px,7.5vw,114px);letter-spacing:-.055em;max-width:88%;margin-left:auto;margin-right:auto}
.header-actions{display:flex;align-items:center;gap:13px}.header-icon{width:37px;height:37px;display:grid;place-items:center;background:none;color:var(--ink);border:1px solid var(--line);border-radius:50%;flex-shrink:0}.header-icon:hover{background:var(--soft)}.sun-icon{display:none}[data-mode=dark] .sun-icon{display:block}[data-mode=dark] .moon-icon{display:none}.language-switch{display:flex;gap:2px;padding:3px;border:1px solid var(--line);border-radius:30px}.language-switch button{border:0;border-radius:25px;min-width:31px;height:29px;background:none;color:var(--muted);font-size:10px;font-weight:600}.language-switch button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.nav-button>span:first-child{white-space:nowrap}.card-top{justify-content:flex-start}summary>span.question{font-size:inherit;color:inherit;line-height:inherit;transform:none}.spec-context>p{font-size:18px;line-height:1.7;color:var(--muted);max-width:390px;margin:0 0 34px}.spec-context .status{display:inline-flex;border:1px solid var(--line);border-radius:30px;padding:13px 18px;color:var(--ink)}[data-mode=dark] #glasses{filter:brightness(1.25)}.pill>span[data-i18n]{font-size:12px}
@media(max-width:1100px){.header-actions .nav-button{display:none}.navlinks{gap:23px;font-size:11px}nav{gap:20px}}
@media(max-width:840px){.navlinks{display:none}.header-actions{margin-left:auto}.logo{font-size:16px}nav{height:70px}.header-icon{width:36px;height:36px}}
@media(max-width:700px){.hero h1{font-size:clamp(48px,12.5vw,65px);letter-spacing:-.05em}.hero h1 span{display:block}.hero-heading p{font-size:13px}.intro h2,.philosophy h2{font-size:35px}.card-copy h3{font-size:30px}.wear-art img{width:94%;transform:rotate(-9deg);max-width:430px}.closing h2{font-size:78px}.faq-title h2{font-size:33px}.footer-bottom{padding-bottom:0}.logo{font-size:14px}.header-actions{gap:9px}.language-switch button{min-width:29px}.spec-context>p{font-size:15px}.spec-layout{gap:45px}.swatches>span{width:90px}}
details[open] summary>span.question{transform:none}
