/* GlintOS: white, neutral gray, black, and restrained blue actions. */
:root{--paper:#f5f5f6;--ink:#1d1d1e;--sub:#6e6e70;--line:#d2d2d4;--accent:#5c5955;--lime:#e5e9ee}
body{background:#ffffff;color:var(--ink)}
button:focus-visible,a:focus-visible,summary:focus-visible{outline-color:#5c5955}
.header{background:#ffffffdf;border-color:#d2d2d480}.header.is-scrolled{box-shadow:0 6px 25px #00000005}
.wordmark{letter-spacing:-1px}.wordmark .os{color:#1d1d1e;font-weight:600}.brand-glyph{display:block;flex-shrink:0;width:31px;height:31px;margin-right:9px}.footer .brand-glyph{width:24px;height:24px;margin-right:7px}
.header nav a:hover,.text-button,.hardware-source a,.roadmap-timeline a{color:#5c5955}
.button.dark{background:#5c5955;color:#ffffff}.button.dark:hover{background:#44413f;box-shadow:none}
.status-dot{background:#5c5955}.eyebrow{color:#868688}.release-announcement{color:#5c5955}.release-announcement:hover{background:none;color:#44413f}
.hero .eyebrow{color:#424243}.hero h1{color:#1d1d1e}.hero h1 .headline-accent{background:none;color:#868688;-webkit-text-fill-color:#868688}
.hero-copy,.hero-meta{color:#6e6e70}.hero-meta .android-icon{color:#868688}.meta-divider{background:#d2d2d4}.independence-notice{color:#868688}.independence-notice a{color:#6e6e70}
.experience-heading h2 span,.muted{color:#868688}.experience-heading>p,.scene-caption{color:#6e6e70}.world{box-shadow:0 20px 55px #0000000d}.world:before{background:linear-gradient(180deg,#1a1d2012,#20252b12 50%,#14171d55)}.live-dot{background:#ffffff;box-shadow:0 0 12px #ffffff55}.glass{box-shadow:inset 0 1px 0 #ffffff90,0 16px 35px #12161b1c}
.demo-controls{background:#e8e8ea;border-color:#dedee0;box-shadow:inset 0 1px 0 #ffffff80}.demo-controls button{color:#6e6e70}.demo-controls button[aria-selected=true]{background:#ffffff;color:#5c5955;box-shadow:0 2px 8px #0000000a}
.section-heading>p{color:#6e6e70}.hardware-visual{background:#000000;box-shadow:none}.hardware-wordmark>span,.hardware-caption{color:#a1a1a3}.hardware-pro{color:#f5f5f6}.hardware-pro>span{color:#a1a1a3}.spec-number{color:#1d1d1e}.hardware-specs p,.hardware-details{color:#6e6e70}.hardware-details>span:before{color:#5c5955}.hardware-source>p{color:#868688}
.apps-section{background:#f5f5f6}.directory-note{color:#868688}.directory-app{border-color:#dcdcde}.directory-app p{color:#6e6e70}
.companion-art{background:#f5f5f6;border-color:#e8e8ea}.orbit{border-color:#e2e2e4}.phone{background:#fbfbfc;border-color:#2a2b2c;box-shadow:20px 35px 45px #0000001f,3px 4px 4px #00000029}.phone-camera{background:#2a2b2c}.phone-brand{color:#1d1d1e}.phone-brand>img{display:block;width:24px;height:24px;flex-shrink:0}.phone-subtitle{color:#868688}.phone-connection{background:#f5f5f6;border-color:#e8e8ea}.phone-connection small{color:#5c5955}.phone-preview{background:#242425;box-shadow:inset 0 0 50px #ffffff08}.phone-preview>span,.phone-widgets small{color:#d2d2d4}.phone-section-title span,.phone-row>span{color:#a1a1a3}.phone-row{border-color:#e5e5e7}.phone-tabs{color:#868688}.phone-tabs>span:first-child{color:#5c5955}.companion-tag,.art-demo-label{color:#868688}.companion-copy>p,.steps p{color:#6e6e70}.steps li>span{color:#868688}
.roadmap-section{background:#000000}.roadmap-section .eyebrow{color:#a1a1a3}.roadmap-section .status-dot{background:#cac6c1}.roadmap-intro>p,.roadmap-timeline p{color:#a1a1a3}.release-date{border-color:#5c5955}.release-date>span{color:#868688}.release-date strong{color:#f5f5f6}.release-date small{color:#a1a1a3}.roadmap-intro>p.roadmap-note{color:#868688}.roadmap-marker{color:#d2d2d4;background:#1d1d1e;border-color:#6e6e70}.roadmap-timeline>li:not(:last-child):before{background:#424243}.roadmap-status{color:#a1a1a3}.roadmap-timeline a{color:#cac6c1}.planned-apps>span{border-color:#424243;background:#ffffff03;color:#f5f5f6}.planned-apps small{color:#868688}.roadmap-launch .roadmap-marker{background:#5c5955;color:#ffffff;border-color:#5c5955}.roadmap-launch h3{color:#f5f5f6}
.faq summary span{color:#868688}.faq details p{color:#6e6e70}.legal-disclaimer{border-color:#d2d2d4}.disclaimer-copy p{color:#6e6e70}.footer p,.footer>a:last-child{color:#868688}
@media(max-width:760px){.brand-glyph{width:28px;height:28px;margin-right:8px}.footer .brand-glyph{width:23px;height:23px}.phone-brand>img{width:23px;height:23px}}
@media(max-width:390px){.brand-glyph{width:25px;height:25px;margin-right:7px}}
/* Software-first hero: the full collection, with no simulated launcher. */
.hero{padding-top:43px;padding-bottom:57px}.hero h1{font-size:clamp(64px,7vw,100px);line-height:1.02;letter-spacing:-5.5px}.hero h1 .headline-accent{letter-spacing:-.055em}.hero-copy{font-size:18px;line-height:1.6}
.hero-actions{margin-top:0}.experience{padding-top:64px}.glasses-section{padding-top:20px}
@media(max-width:1100px){.hero h1{font-size:86px}}
@media(max-width:760px){.hero{padding-top:34px;padding-bottom:45px}.hero h1{font-size:clamp(43px,8vw,61px);letter-spacing:-2.6px;margin-top:18px}.hero-copy{font-size:15px;line-height:1.7}.hero-actions{gap:18px}.hero-actions .button{font-size:11px;gap:12px;padding:13px 17px}.hero-actions .text-button{font-size:10px}.experience{padding-top:51px}.glasses-section{padding-top:0}}
@media(max-width:390px){.hero h1{font-size:43px;letter-spacing:-2.5px}.hero-copy{font-size:13px}.hero-actions{gap:12px}.hero-actions .button{font-size:10px;gap:8px;padding:13px 14px}.hero-actions .text-button{font-size:9px;gap:6px}}

/* Neutral section hierarchy, with blue reserved for actionable elements. */
.hero{background:#ffffff}.hero .eyebrow{color:#1d1d1e}.hero h1 .headline-accent{color:#1d1d1e;-webkit-text-fill-color:#1d1d1e}.release-announcement{color:#6e6e70}.release-announcement .status-dot{background:#868688}
.wordmark{font-weight:650}.brand-glyph{width:29px;height:29px;margin-right:9px}.phone-brand>img{width:23px;height:23px}.phone-tabs>span:first-child{color:#5c5955}.phone-connection .status-dot{background:#868688}
.hero-copy,.hero-meta,.independence-notice{color:#6e6e70}.directory-note{color:#6e6e70}.demo-controls{background:#f5f5f6;border-color:#e8e8ea}.demo-controls button[aria-selected=true]{color:#1d1d1e}.spec-number{color:#1d1d1e}.hardware-details>span:before{color:#6e6e70}.hardware-visual>img{filter:drop-shadow(0 22px 20px #00000055)}
.roadmap-section .status-dot{background:#a1a1a3}.roadmap-launch .roadmap-marker{background:#f5f5f6;color:#1d1d1e;border-color:#f5f5f6}.release-date{border-color:#a1a1a3}.roadmap-timeline a{color:#cac6c1}.footer,.legal-disclaimer{background:#ffffff}
@media(max-width:760px){.brand-glyph{width:27px;height:27px}.footer .brand-glyph{width:22px;height:22px}}
@media(max-width:390px){.brand-glyph{width:24px;height:24px}}
/* One sequence: introduction, preview, app directory, phone, hardware, release. */
.hero-actions{margin-top:27px}.experience{padding-top:37px}.apps-section{padding-block:90px}.apps-section .section-heading{margin-bottom:30px}.companion-section{padding-block:110px}.glasses-section{padding-top:0;padding-bottom:90px}.roadmap-section{padding-block:95px}.faq{padding-block:90px}.footer-legal{font-size:11px;color:#6e6e70}.footer-legal:hover{text-decoration:underline;text-underline-offset:4px}
@media(max-width:760px){.hero-actions{margin-top:24px}.experience{padding-top:31px}.apps-section{padding-block:70px}.companion-section{padding-block:75px}.glasses-section{padding-bottom:70px}.roadmap-section{padding-block:75px}.faq{padding-block:70px}.footer-legal{font-size:10px}}
/* Pearl glass: a warm, material-led spatial presentation. */
:root{--paper:#f3f2f1;--ink:#2d2c2b;--sub:#72706e;--line:#d3d1cf;--accent:#5c5955;--lime:#e4e3e1}
body{background:radial-gradient(ellipse 700px 450px at 95% 0%,#e5e3e666,transparent 75%),radial-gradient(ellipse 800px 500px at 5% 3%,#e6e2df6b,transparent 75%),#f3f2f1;color:var(--ink)}
.header{top:12px;height:67px;margin-top:14px;padding-inline:25px;border:1px solid #ffffffe0;border-radius:100px;background:linear-gradient(145deg,#ffffffa8,#f5f4f46e);box-shadow:0 8px 30px #3b38340a,inset 0 1px 0 #ffffff;backdrop-filter:blur(28px) saturate(1.15);-webkit-backdrop-filter:blur(28px) saturate(1.15)}
.header.is-scrolled{box-shadow:0 12px 35px #3b383414,inset 0 1px 0 #ffffff}.wordmark{font-weight:600;letter-spacing:-.8px}.wordmark .os{font-weight:400;color:#7c7976}.header .wordmark{font-size:23px}.footer .wordmark{font-size:20px}
.button.dark{background:linear-gradient(180deg,#52514fed,#2d2c2bf5);border:1px solid #666360;color:#ffffff;box-shadow:inset 0 1px 0 #ffffff24,0 7px 15px #34313012;backdrop-filter:blur(18px)}
.button.dark:hover{background:linear-gradient(180deg,#5f5d5b,#363432);box-shadow:inset 0 1px 0 #ffffff29,0 10px 24px #34313020}
.header .button.dark{background:linear-gradient(180deg,#ffffffd9,#e5e4e2bb);color:#4d4a48;border-color:#ffffff;box-shadow:inset 0 1px 0 #ffffff,0 3px 9px #504d490d}.header .button.dark:hover{background:#ffffff}
.text-button,.hardware-source a,.header nav a:hover{color:#5f5b57}.text-button:hover{color:#363331}.status-dot{background:#87837e}.eyebrow,.release-announcement,.release-announcement:hover{color:#837f7c}
.hero{background:transparent}.hero .eyebrow{color:#6c6864}.hero h1{color:#2d2c2b}.hero h1 .headline-accent{color:#8d8986;-webkit-text-fill-color:#8d8986}.hero-copy,.hero-meta,.independence-notice{color:#767471}.hero-meta .android-icon{color:#85827f}.meta-divider{background:#cdcbc8}.independence-notice a{color:#6f6b66}
.experience-heading h2 span{color:#918e8a}.experience-heading>p,.scene-caption,.section-heading>p{color:#7d7a77}.world{border:1px solid #ffffffb3;box-shadow:0 24px 60px #3e39351a,inset 0 1px 0 #ffffff}.world:before{background:linear-gradient(180deg,#1e1d1b10,#2725220c 50%,#1b191755)}.glass{background:linear-gradient(145deg,#ffffff52,#ffffff18);border-color:#ffffff5e;box-shadow:inset 0 1px 0 #ffffffba,0 12px 35px #1916131a;backdrop-filter:blur(24px) saturate(1.05)}
.demo-controls{background:linear-gradient(145deg,#ffffffa3,#e6e5e380);border:1px solid #ffffffcf;box-shadow:inset 0 1px 0 #ffffff,0 9px 20px #413c3808;backdrop-filter:blur(22px)}.demo-controls button{color:#807d79}.demo-controls button[aria-selected=true]{color:#504c49;background:linear-gradient(180deg,#fffffff5,#f5f4f3db);box-shadow:inset 0 1px 0 #ffffff,0 4px 10px #413c3812}
.apps-section{background:linear-gradient(150deg,#e4e3e1c4,#edecebed);border-block:1px solid #ffffff90}.app-directory{padding:14px 25px 7px;border:1px solid #ffffffdc;border-radius:28px;background:linear-gradient(150deg,#ffffff75,#ffffff36);box-shadow:inset 0 1px 0 #ffffff,0 16px 40px #47423f09;backdrop-filter:blur(20px)}.directory-app{border-color:#b2afab33}.directory-app p{color:#817d7a}.directory-app h3{color:#4a4743}.directory-note{color:#8b8783}
.companion-art{background:radial-gradient(ellipse at 20% 20%,#ffffffbd,transparent 70%),linear-gradient(145deg,#e1dfdd,#eeedec);border:1px solid #ffffffe0;box-shadow:inset 0 1px 0 #ffffff,0 22px 45px #4b45410a}.orbit{border-color:#c0bdb942}.phone{background:#f9f8f7;border-color:#42413f;box-shadow:20px 35px 45px #3e393322,3px 4px 4px #2724222b}.phone-camera{background:#42413f}.phone-brand{color:#3b3936}.phone-subtitle{color:#999590}.phone-connection{background:linear-gradient(145deg,#e8e7e4,#f2f0ef);border-color:#dfddda}.phone-connection small{color:#79736d}.phone-connection .status-dot{background:#8f8a84}.phone-preview{background:linear-gradient(150deg,#5b5855,#373634);box-shadow:inset 0 1px 0 #ffffff1a}.phone-preview>span,.phone-widgets small{color:#d8d6d3}.phone-row{border-color:#e4e2df}.phone-row>span,.phone-section-title span{color:#a7a39e}.phone-tabs{color:#a29e99}.phone-tabs>span:first-child{color:#605b56}.companion-tag,.art-demo-label{color:#97938e}.companion-copy>p,.steps p{color:#807c79}.steps li>span{color:#a5a09a}
.hardware-visual{background:radial-gradient(ellipse at 50% 30%,#474543,#1e1d1c 75%);border:1px solid #6f6c6855;box-shadow:inset 0 1px 0 #ffffff15,0 20px 45px #2b272515}.hardware-wordmark>span,.hardware-caption,.hardware-pro>span{color:#a7a49f}.hardware-pro{color:#e2e0dd}.spec-number{color:#56524d}.hardware-specs p,.hardware-details{color:#8a857f}.hardware-details{border-color:#d0ccc9}.hardware-details>span:before{color:#a39d96}.hardware-source>p{color:#98938d}
.roadmap-section{background:radial-gradient(ellipse at 15% 10%,#454340,#272624 75%);border-top:1px solid #817c7640}.roadmap-section .eyebrow{color:#b1aca5}.roadmap-intro>p,.roadmap-timeline p{color:#bab5ae}.roadmap-intro>p.roadmap-note{color:#979088}.release-date{border-color:#8d867e}.release-date>span{color:#9d978f}.release-date strong{color:#e9e6e1}.release-date small{color:#bcb6ad}.roadmap-marker{color:#c4bfb7;border-color:#938c846b;background:linear-gradient(145deg,#69655f55,#ffffff05);box-shadow:inset 0 1px 0 #ffffff12}.roadmap-timeline>li:not(:last-child):before{background:#8a837a42}.roadmap-status{color:#a39c93}.planned-apps>span{color:#ddd8d0;border-color:#9f988d42;background:linear-gradient(145deg,#a39a8f15,#ffffff02);box-shadow:inset 0 1px 0 #ffffff0a}.planned-apps small{color:#9d968c}.roadmap-launch .roadmap-marker{background:linear-gradient(145deg,#e9e6e0,#b3ada3);border-color:#c9c4bb;color:#46423d}.roadmap-launch h3{color:#dbd6ce}
.faq summary span{color:#9e988f}.faq details{border-color:#d0ccc8}.faq details p{color:#7f7972}.legal-disclaimer{border-color:#d2cfcb;background:transparent}.disclaimer-copy p{color:#827d76}.disclaimer-copy strong{color:#58534d}.footer{background:transparent;border-color:#d2cfcb}.footer-legal,.footer>a:last-child{color:#87827b}.footer .wordmark .os{color:#8e8982}
@media(max-width:760px){.header{top:9px;height:62px;margin-top:10px;padding-inline:18px;border-radius:28px}.header .wordmark{font-size:21px}.header .button.small{padding:8px 13px;font-size:10px}.hero{padding-top:35px}.app-directory{padding:8px 16px 3px;border-radius:23px;column-gap:15px}.directory-app{gap:9px}.directory-app p{font-size:10px}}
@media(max-width:390px){.header{padding-inline:15px}.header .wordmark{font-size:19px}.header .button.small{font-size:9px;padding:8px 11px}.app-directory{padding-inline:12px;column-gap:12px}.directory-app{gap:7px}.directory-app h3{font-size:10px}.directory-app p{font-size:9px}.directory-app>img{width:25px;height:25px}}
/* Readable neutral inks on translucent pearl. */
.hero-copy,.hero-meta,.independence-notice,.experience-heading>p,.scene-caption,.section-heading>p,.directory-app p,.directory-note,.companion-copy>p,.steps p,.hardware-specs p,.hardware-details,.hardware-source>p,.faq details p,.disclaimer-copy p,.footer-legal,.footer>a:last-child{color:#6f6c69}
.eyebrow,.release-announcement,.release-announcement:hover,.steps li>span,.companion-tag,.art-demo-label{color:#77726c}.hero .eyebrow{color:#6d6760}.independence-notice a{color:#645e57}
/* App separators belong between rows, not against the panel's bottom edge. */
.directory-app{border-bottom:0;border-top:1px solid #b2afab33}
@media(min-width:1051px){.directory-app:nth-child(-n+4){border-top:0}}
@media(min-width:761px) and (max-width:1050px){.directory-app:nth-child(-n+3){border-top:0}}
@media(max-width:760px){.directory-app:nth-child(-n+2){border-top:0}}
.hud-actions>span{display:inline-flex;align-items:center;gap:4px}.hud-control-icon{flex:none;vertical-align:middle}
/* Brief, local glass transitions; the landscape and layout stay steady. */
.hud-stage{display:grid;isolation:isolate}.hud-stage>.hud-view{grid-area:1/1;align-self:start;transform-origin:center;min-width:0}.hud-stage>.hud-view[aria-hidden=false]{z-index:2}.hud-stage>.hud-view[aria-hidden=true]{z-index:1;pointer-events:none}.hud-view.is-transitioning{will-change:transform,opacity,filter}.scene-caption{min-height:3.4em;line-height:1.7}
/* Backdrop materials are siblings of the animated content, so its opacity/filter
   cannot interrupt the landscape sampling or cause a final-frame glass pop. */
.hud-stage{position:relative}.hud-materials{position:absolute;inset:0;z-index:0;display:grid;grid-template-columns:1fr 1.35fr 1fr;grid-template-rows:122px 1fr;gap:9px;align-items:start;pointer-events:none}.hud-material{grid-row:1;height:122px;min-width:0;opacity:0;border-radius:18px}.material-weather{grid-column:1}.material-calendar{grid-column:2}.material-timer{grid-column:3}.material-window{grid-column:1/-1;height:207px;border-radius:22px}.hud-stage.has-persistent-glass .hud-view .glass{background:transparent;box-shadow:none;border-color:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}.hud-stage.has-persistent-glass .hud-actions>span{background:linear-gradient(145deg,#ffffff30,#ffffff1c);box-shadow:inset 0 1px 0 #ffffff30;backdrop-filter:none;-webkit-backdrop-filter:none}
.demo-controls{position:relative;isolation:isolate}.demo-controls button{position:relative;z-index:1;transition:color .2s,transform .18s}.demo-controls button:active{transform:scale(.975)}.demo-controls.has-glass-indicator button[aria-selected=true]{background:transparent;box-shadow:none}.tab-glass{position:absolute;left:0;top:0;z-index:0;pointer-events:none;border-radius:999px;background:linear-gradient(160deg,#fffffff2,#ffffff85);border:1px solid #fffffff5;box-shadow:inset 0 1px 0 #fff,0 5px 15px #413c3812;backdrop-filter:blur(18px) saturate(1.15)}
@media(prefers-reduced-motion:reduce){.demo-controls button{transition:none}.demo-controls button:active{transform:none}.hud-view.is-transitioning{will-change:auto}}
/* Give the preview caption room before the next section at every viewport. */
.experience{padding-bottom:64px}.scene-caption{margin-inline:auto}
.footer-links{display:flex;flex-wrap:wrap;align-items:center;gap:12px 22px;font-size:11px;color:#6f6c69}.footer-links a:hover,.footer-links button:hover{text-decoration:underline;text-underline-offset:3px}.cookie-preferences{border:0;background:none;color:inherit;padding:0;font:inherit;cursor:pointer;text-align:left}
body{padding-bottom:var(--consent-height,0px)}.consent-panel{position:fixed;z-index:1000;bottom:20px;left:50%;transform:translateX(-50%);width:min(1080px,calc(100% - 40px));display:flex;align-items:center;gap:30px;padding:24px 28px;border:1px solid #fff;border-radius:24px;background:#f8f7f5f5;backdrop-filter:blur(22px);box-shadow:0 12px 55px #332d2926}.consent-panel[hidden]{display:none}.consent-copy{flex:1}.consent-copy h2{font-size:18px;font-weight:600;letter-spacing:-.4px;line-height:1.3;margin:0 0 8px}.consent-copy p{font-size:12px;line-height:1.7;color:#6f6962;margin:0}.consent-copy a{text-decoration:underline;text-underline-offset:3px}.consent-actions{display:flex;flex-shrink:0;gap:10px}.consent-actions button{background:#fff9;border:1px solid #bab4ad;border-radius:99px;color:#443e38;padding:13px 18px;font:500 12px Inter,Arial,sans-serif;cursor:pointer;white-space:nowrap}.consent-actions button:hover{background:#fff}.consent-actions button[aria-pressed=true]{box-shadow:inset 0 0 0 1px #6f6962}
@media(max-width:760px){.experience{padding-bottom:48px}.footer-links{order:3;flex-basis:100%;gap:14px 20px;line-height:1.7}.consent-panel{bottom:12px;width:calc(100% - 24px);padding:20px;gap:18px;flex-direction:column;align-items:stretch;border-radius:21px}.consent-copy h2{font-size:17px}.consent-copy p{font-size:11px}.consent-actions{gap:10px}.consent-actions button{flex:1;padding:12px 9px;font-size:11px}}
