/* Pace experiential refresh: Lumen UI semantic color/spacing/interaction contracts.
   Self-contained static progressive enhancement — no framework or build tooling required. */
body.pace-home{
  --canvas:222 28% 8%;--surface:220 20% 13%;--surface-muted:218 19% 17%;--surface-strong:216 18% 23%;
  --ink:38 32% 96%;--ink-soft:217 18% 76%;--ink-muted:216 13% 63%;--line:216 17% 34%;
  --brand:37 77% 72%;--brand-solid:37 72% 66%;--brand-soft:37 40% 22%;--on-brand:220 31% 9%;
  --accent:37 74% 72%;--ui-space-related:8px;--ui-space-group:16px;--ui-space-section:32px;
}
body.pace-home .site-nav{transition:background .28s ease,box-shadow .28s ease;backdrop-filter:blur(28px) saturate(1.25)}
body.pace-home .site-nav.scrolled{background:rgba(10,14,20,.85)}
body.pace-home .flagship-intro h1{font-weight:740;transition:letter-spacing .4s ease}
body.pace-home .apple-theater{position:relative;isolation:isolate;overflow:hidden}
body.pace-home .apple-theater:before{content:"";pointer-events:none;position:absolute;left:50%;top:-300px;width:min(92vw,1160px);height:720px;transform:translateX(-50%);background:radial-gradient(ellipse at 50% 44%,rgba(223,158,77,.12),transparent 63%);z-index:-1}
body.pace-home .flagship-browser-stage{transform-origin:50% 12%;transition:filter .45s ease}
body.pace-home .flagship-browser-stage::after{content:"";position:absolute;inset:auto 15% -17px;pointer-events:none;height:22px;border-radius:50%;background:rgba(247,186,104,.18);filter:blur(33px)}
@media (min-width:850px) and (prefers-reduced-motion:no-preference){
 body.pace-home .flagship-browser-stage.in .pace-preview{animation:pace-arrival 1s cubic-bezier(.18,.78,.23,1) both}
 @keyframes pace-arrival{from{opacity:.35;transform:translateY(28px) scale(.973);filter:brightness(.78)}to{opacity:1;transform:none;filter:brightness(1)}}
}
body.pace-home .site-nav :where(a,button):focus-visible,body.pace-home .pace-lab :where(button,a):focus-visible,body.pace-home .theme-stage-controls button:focus-visible{outline:3px solid hsl(var(--brand));outline-offset:4px}
.pace-lab{padding:100px 0 108px;background:radial-gradient(ellipse at 66% 40%,rgba(216,154,87,.07),transparent 49%),#0a1019;overflow:hidden;position:relative;border-block:1px solid rgba(255,255,255,.06)}
.pace-lab .wrap{width:min(1170px,calc(100% - 64px));max-width:1170px}
.lab-intro{max-width:920px;margin-bottom:46px}.lab-eyebrow{color:#d9b881;font-size:10px;letter-spacing:.19em;font-weight:760;display:flex;align-items:center;gap:11px;margin-bottom:21px}
.lab-signal{width:7px;height:7px;border-radius:50%;background:hsl(var(--brand));box-shadow:0 0 0 5px rgba(226,174,101,.12)}
.lab-intro h2{font-size:clamp(54px,6.5vw,88px);font-weight:735;line-height:1.04;letter-spacing:-.067em;margin:0 0 18px;color:#f9f5ef}
.lab-intro h2 em{font-style:normal;color:#e8bc7b}.lab-intro p{font-size:clamp(16px,1.55vw,19px);line-height:1.58;max-width:680px;color:#acb5c1;margin:0}
.lab-layout{display:grid;grid-template-columns:minmax(235px,.37fr) minmax(0,1fr);border:1px solid rgba(225,208,184,.17);border-radius:20px;overflow:hidden;min-height:570px;background:#131b26;box-shadow:0 26px 80px rgba(0,0,0,.32)}
.lab-menu{display:grid;grid-template-rows:repeat(4,1fr);border-right:1px solid rgba(255,255,255,.11);background:#101722}
.lab-menu button{border:0;border-bottom:1px solid rgba(255,255,255,.09);background:transparent;color:#fff;min-width:0;padding:21px 16px 21px 22px;cursor:pointer;display:grid;grid-template-columns:25px 1fr auto;gap:13px;text-align:left;align-items:center;transition:background .22s ease,box-shadow .22s ease;color:#abb6c4}
.lab-menu button:last-child{border-bottom:0}.lab-menu button:hover{background:rgba(245,195,126,.065)}
.lab-menu button[aria-selected="true"]{background:linear-gradient(105deg,rgba(226,177,111,.14),rgba(255,255,255,.02));box-shadow:inset 3px 0 #edc28a;color:#fff}
.lab-index{color:#b08e62;font-size:10px;font-variant-numeric:tabular-nums}.lab-menu-label{display:grid;gap:6px}.lab-menu-label strong{font-size:16px;font-weight:670;letter-spacing:-.035em}.lab-menu-label small{font-size:11px;color:#8793a2;line-height:1.4}.lab-arrow{font-size:17px;color:#cfb58e;opacity:0;transform:translate(-4px,4px);transition:opacity .2s ease,transform .2s ease}
.lab-menu button[aria-selected=true] .lab-arrow,.lab-menu button:hover .lab-arrow{opacity:1;transform:none}
.lab-product{min-width:0;display:flex;flex-direction:column;background:#151e2b}
.lab-product-top{height:54px;display:flex;align-items:center;justify-content:space-between;padding:0 22px;color:#bfc7d2;font-size:10px;letter-spacing:.09em;font-weight:720;border-bottom:1px solid rgba(255,255,255,.09);gap:14px}
.lab-product-top>span:first-child{display:flex;align-items:center;gap:9px}.lab-product-top i{width:7px;height:7px;background:#e6bf85;border-radius:50%;display:inline-block}
.lab-demo-badge{border:1px solid rgba(255,255,255,.15);border-radius:5px;padding:5px 7px;font-size:8px;color:#a7b1c0}
.lab-scene{height:360px;min-height:0;overflow:hidden;position:relative;background:radial-gradient(circle at 80% 30%,rgba(201,143,79,.11),transparent 46%),#141d29}
.lab-scene>div[data-scene-view][hidden]{display:none!important}.lab-scene>div[data-scene-view]{animation:lab-scene-appear .42s cubic-bezier(.2,.82,.23,1) both}
@keyframes lab-scene-appear{from{opacity:.05;transform:translateY(15px);filter:blur(6px)}to{opacity:1;transform:none;filter:blur(0)}}
.lab-faux-tabs{height:42px;border-bottom:1px solid rgba(255,255,255,.09);display:flex;align-items:end;padding:0 18px;gap:6px;background:#0c121b}
.lab-faux-tabs span{padding:9px 13px 8px;font-size:10px;border-radius:9px 9px 0 0;color:#99a5b4;background:#192332;line-height:1;white-space:nowrap}
.lab-faux-tabs span.current{background:#2a3445;color:#f9f9fa;border-bottom:1px solid #dfba7f}.lab-faux-tabs .lab-add{padding:9px;background:transparent}
.lab-split-scene{height:calc(100% - 42px);display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:11px;background:#18202b}
.lab-pane{border-radius:9px;padding:20px 21px;min-width:0;overflow:hidden}.lab-pane-light{background:#f4f1ec;color:#21252b}.lab-pane-dark{background:#0e1724;border:1px solid rgba(255,255,255,.07)}
.lab-pane-overline,.lab-article-tag{font-size:9px;letter-spacing:.13em;color:#b5a386;font-weight:800}.lab-pane-light .lab-pane-overline{color:#866e4c}
.lab-pane h3{font-size:clamp(24px,2.65vw,36px);max-width:270px;line-height:1.06;letter-spacing:-.052em;margin:21px 0}.lab-line{height:7px;border-radius:99px;background:#cfcbc4;width:69%;margin-bottom:11px}.lab-line.long{width:93%}.lab-line.short{width:42%}
.lab-highlight{margin-top:30px;border-left:3px solid #c59b62;padding:10px 13px;background:#e9e2d6;font-size:11px;font-weight:700;max-width:260px}
.lab-search-mini{border:1px solid rgba(255,255,255,.11);border-radius:8px;padding:12px;margin-top:16px;font-size:11px;color:#d5d7dd;display:flex;justify-content:space-between}
.lab-mini-result{display:grid;grid-template-columns:20px 1fr;gap:5px 10px;padding:19px 0;border-bottom:1px solid rgba(255,255,255,.1)}.lab-mini-result span{grid-row:span 2;color:#cda976;font-size:10px}.lab-mini-result strong{font-size:12px;color:#f1f2f3}.lab-mini-result small{font-size:11px;color:#98a2b1}
.lab-privacy-scene{text-align:center;height:calc(100% - 42px);padding:26px 25px 17px;display:flex;align-items:center;flex-direction:column}
.lab-shield-mark{color:#e9c48a;font-size:22px;width:49px;height:49px;display:grid;place-items:center;border:1px solid rgba(233,196,138,.31);border-radius:15px;background:rgba(232,192,130,.07)}.lab-security-title{font-size:clamp(22px,3.4vw,34px);color:#f8f8f7;font-weight:730;letter-spacing:-.045em;margin:16px 0 13px}
.lab-security-choices{display:flex;padding:5px;gap:4px;border-radius:13px;background:#0b111a;border:1px solid rgba(255,255,255,.12);width:min(100%,440px)}
.lab-security-choices button{flex:1;border:1px solid transparent;border-radius:9px;padding:10px 4px;background:transparent;font-size:12px;font-weight:690;cursor:pointer;color:#a1adbb}
.lab-security-choices button[aria-pressed=true]{background:#e6c38b;color:#171b22}.lab-security-copy{font-size:13px;line-height:1.5;max-width:450px;min-height:40px;color:#d4d9e1;margin:16px auto 0}
.lab-disclaimer{font-size:10px;color:#95a0ae;line-height:1.4;margin-top:7px}
.lab-assist-scene{display:grid;grid-template-columns:1fr .84fr;gap:0;height:calc(100% - 42px)}.lab-mini-web{background:#f2f0ec;color:#1f2229;padding:26px 24px}.lab-mini-web>span{font-size:9px;letter-spacing:.17em;color:#9c885f}.lab-mini-web h3{font-size:clamp(23px,2.6vw,33px);letter-spacing:-.045em;line-height:1.13;margin:28px 0 23px}.lab-ai-panel{padding:17px 15px 14px;background:#0e1521;display:flex;flex-direction:column;gap:16px}
.lab-ai-header{display:flex;align-items:center;gap:8px;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:12px}.lab-ai-header strong{font-size:12px;color:#f3f3f4}.lab-ai-glyph{color:#e7b778;font-size:23px}.lab-ai-ready{font-size:9px;margin-left:auto;color:#c7a673}.lab-ai-panel>p{font-size:12px;line-height:1.45;color:#d5d6d9;margin:0}.lab-ai-answer{font-size:11px;line-height:1.6;color:#bec6d2;padding:12px;background:#202c3d;border-radius:10px}.lab-ai-compose{display:flex;justify-content:space-between;color:#a4abb5;gap:4px;padding:10px;border-radius:9px;border:1px solid rgba(255,255,255,.17);font-size:10px;margin-top:auto}.lab-ai-compose span{background:#e9bd7a;color:#161a20;border-radius:8px;padding:3px 7px}
.lab-reader-scene{padding:18px 24px;height:calc(100% - 42px);background:#eae6df;color:#22262b;overflow:auto}.lab-reader-top{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.08em;color:#796a56}.lab-article{max-width:400px;margin:18px auto}.lab-article h3{font-size:clamp(27px,3.4vw,40px);line-height:1.12;letter-spacing:-.05em;margin:14px 0}.lab-article p{font-size:13px;line-height:1.7;color:#64635f}.lab-article-lines{display:grid;gap:9px;margin-top:20px}.lab-article-lines i{height:6px;background:#d1ccc4;border-radius:5px}.lab-article-lines i:nth-child(2){width:93%}.lab-article-lines i:nth-child(3){width:85%}.lab-article-lines i:nth-child(4){width:95%}.lab-article-lines i:nth-child(5){width:58%}
.lab-product-foot{margin-top:auto;min-height:118px;display:flex;gap:14px;align-items:center;justify-content:space-between;padding:20px 24px 22px;border-top:1px solid rgba(255,255,255,.1)}.lab-product-foot>div{max-width:430px}.lab-foot-index{font-size:10px;letter-spacing:.08em;color:#d9ad75}.lab-product-foot h3{font-size:23px;letter-spacing:-.045em;line-height:1.1;margin:7px 0;color:#f5f2ed}.lab-product-foot p{font-size:12px;color:#a3b0c0;line-height:1.5;margin:0}.lab-explore-link{white-space:nowrap;align-self:end;font-size:11px;color:#f0c791;border-bottom:1px solid rgba(240,199,145,.4);padding-bottom:4px}.lab-explore-link:hover{color:#fff;border-bottom-color:#fff}
/* Theme-stage controls: native buttons preserve the source-derived theme selector. */
.theme-stage-controls{display:flex;align-items:center;justify-content:space-between;gap:15px;max-width:650px;margin:22px auto 14px}.theme-stage-controls button{font:inherit;border:1px solid rgba(229,198,151,.33);background:rgba(255,255,255,.04);color:#f2d4a4;border-radius:999px;min-height:42px;padding:0 16px;cursor:pointer;transition:background .18s ease,transform .18s ease}
.theme-stage-controls button:hover{background:rgba(234,189,114,.14);transform:translateY(-2px)}.theme-stage-controls p{color:#b1bbc9;font-size:12px;margin:0;line-height:1.4;text-align:center}
body.pace-home .theme-btn.active{border-color:var(--theme-selected,#e9be79)!important;box-shadow:inset 0 0 0 1px rgba(233,190,121,.28),0 14px 28px rgba(0,0,0,.2)}
body.pace-home .theme-browser{transition:box-shadow .45s ease,border-color .45s ease,filter .4s ease}
@media (max-width:980px){.lab-layout{grid-template-columns:1fr;min-height:unset}.lab-menu{display:flex;overflow-x:auto;overscroll-behavior-inline:contain;border-right:0;border-bottom:1px solid rgba(255,255,255,.1)}.lab-menu button{min-width:210px;grid-template-columns:20px 1fr;flex:1;padding:15px 16px;border-right:1px solid rgba(255,255,255,.09);border-bottom:0}.lab-menu .lab-arrow{display:none}.lab-menu button[aria-selected=true]{box-shadow:inset 0 -3px #edc28a}.lab-product-foot{align-items:start}.pace-lab{padding:78px 0 80px}}
@media (max-width:660px){.pace-lab .wrap{width:calc(100% - 34px)}.pace-lab{padding:70px 0}.lab-intro{margin-bottom:29px}.lab-intro h2{font-size:clamp(43px,11vw,62px)}.lab-intro p{font-size:15px}.lab-menu button{flex:0 0 185px}.lab-menu-label strong{font-size:14px}.lab-menu-label small{font-size:10px}.lab-product-top{padding:0 14px;height:45px;font-size:9px}.lab-demo-badge{font-size:7px}.lab-scene{height:330px}.lab-faux-tabs{padding:0 10px}.lab-faux-tabs span{font-size:9px;padding:9px 10px}.lab-pane{padding:15px 11px}.lab-pane h3{font-size:23px}.lab-search-mini{font-size:9px;padding:9px}.lab-mini-result{padding:13px 0;grid-template-columns:1fr}.lab-mini-result span{display:none}.lab-mini-result strong{font-size:10px}.lab-mini-result small{font-size:9px}.lab-highlight{font-size:9px;padding:8px 6px;margin-top:21px}.lab-security-copy{font-size:11px}.lab-disclaimer{font-size:9px}.lab-assist-scene{grid-template-columns:.88fr 1.12fr}.lab-mini-web{padding:17px 12px}.lab-mini-web h3{font-size:21px}.lab-ai-panel{padding:15px 10px;gap:12px}.lab-ai-header strong{font-size:10px}.lab-ai-answer{padding:9px;font-size:10px}.lab-ai-compose{font-size:9px}.lab-product-foot{flex-direction:column;padding:17px 15px;gap:15px}.lab-product-foot h3{font-size:21px}.lab-explore-link{align-self:start}.theme-stage-controls p{font-size:10px}.theme-stage-controls button{font-size:12px;padding:0 12px}.theme-stage-controls button span{display:none}}
@media(prefers-reduced-motion:reduce){body.pace-home .flagship-browser-stage.in .pace-preview,.lab-scene>div[data-scene-view]{animation:none!important}.theme-stage-controls button{transition:none}body.pace-home .apple-theater:before{display:none}}
