/* White canvas, Oyster colour and polished metal. Existing typography is retained. */
:root{--paper:#fff;--paper-2:#f4f8fb;--cream:#fff;--cream-2:#f4f8fb;--porcelain:#fff;--wash:#f4f8fb;--card-bg:#fff;--card-2bg:#f4f8fb;--oat:#fff;--ink:#2e241a;--ink-soft:#594a3f;--muted:#756b63;--faint:#83786f;--line:#e3ded9;--line-soft:rgba(46,36,26,.12);--darker:#221a12;--espresso:#322319;--on:#fff;--on-mut:#e3d8cd;--cta:#b4441c;--mustard:#d9a13b;--sh-sm:0 4px 18px #32231908;--sh-card:0 12px 40px #3223190a;--sh-lift:0 24px 64px #32231916;--sh-float:0 20px 55px #32231915,0 1px 2px #32231908}
body{background:#fff}body::before{display:none}
.nav-bar{background:rgba(255,255,255,.94);backdrop-filter:blur(20px) saturate(1.15);border-color:#e4e5e6;box-shadow:0 4px 24px #32231908;border-radius:16px}
.mega,.nav-mob{background:#fff;box-shadow:0 24px 64px #32231916;border-color:#e6e3df}
.nav.solid .aud-switch,.aud-switch{background:#f5f6f7;color:var(--ink-soft);border-color:var(--line-soft)}
.nav.solid .aud-switch:hover{color:var(--ink)}.nav.solid .nav-burger span{background:var(--ink)}
.btn{min-height:44px;border-radius:10px}.btn-cta{background:#b4441c;color:#fff;box-shadow:0 5px 16px #b4441c16}.btn-dark{background:#322319;color:#fff}.btn-ghost{background:#fff;border-color:#ddd8d3;color:#322319}.btn-gold{background:#e5b54c;color:#322319;box-shadow:none}.btn .ar{color:inherit}
.nav-right .btn,.nav-mob>.btn{border-radius:9px}.nav-right .btn-gold{background:#b4441c;color:#fff}.nav-right .btn-cta{background:#322319;color:#fff}
.chrome-brand{display:inline-flex;align-items:center;flex-shrink:0}.chrome-wordmark{display:block;width:132px;aspect-ratio:280/57;background:linear-gradient(110deg,#5b5c5f 0%,#e3e5e8 13%,#66696e 24%,#f8f9fb 34%,#8c9096 42%,#36373c 49%,#e6e8eb 54%,#9a6e59 63%,#c8551f 67%,#d3d5d8 74%,#5c6067 85%,#eaedf0 100%);background-size:220% 100%;mask:url('/assets/a_f1c3ceaed714.png') center/contain no-repeat;-webkit-mask:url('/assets/a_f1c3ceaed714.png') center/contain no-repeat;filter:drop-shadow(0 1px 0 #fff) drop-shadow(0 1px 1px #32231925);animation:wordmark-reflection 8s ease-in-out infinite}
@keyframes wordmark-reflection{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}
.nav-hardware{display:flex;align-items:center;gap:5px;color:var(--ink);font-size:13px;font-weight:600;white-space:nowrap;text-decoration:none;padding:12px 7px}.nav-hardware>span,.hardware-new{font:600 9px/1.2 var(--body);text-transform:uppercase;letter-spacing:.05em;background:#f8e5bc;color:#694215;padding:4px 5px;border-radius:4px}
.hero{background:#fff;padding-bottom:110px}.hero .cloud,.seccloud{display:none}.facepanel::before{background:none}
.proof{margin-top:0}.proof-panel{background:#fff;box-shadow:none;border-top:1px solid #ece8e4;border-bottom:1px solid #ece8e4;border-radius:0;padding-block:52px}.proof-head h2{font-weight:500;font-size:28px}.pcard{border-color:#e8e3dd;box-shadow:none}
.prompt-sec{background:#f4f8fb!important}.prompt-box{background:#fff;box-shadow:0 20px 60px #3223190a;border-color:#e1e6eb}.qpill{background:#f4f8fb}
.hw-sec{background:#fff}.hw-ico{background:linear-gradient(135deg,#fff,#f1f3f6);border-color:#e1e4e8;box-shadow:inset 0 1px 0 #fff,0 10px 24px #32231908}.hw-line{opacity:.35}
.pillar{border:1px solid #e5dfd9;box-shadow:0 18px 55px #32231910}.pillar.t-blush{background:linear-gradient(130deg,#fff,#f4e9e1)}.pillar.t-espresso{background:linear-gradient(135deg,#493126,#221a12)}.pillar.t-sage{background:linear-gradient(135deg,#fff,#eaf2f8)}.pillar.t-ochre{background:linear-gradient(135deg,#fffdf4,#f3e9bf)}
.feat[style*='#e1e7d3'],.feat[style*='#dce8cc']{--fc1:#f5f8fb!important;--fc2:#e5eef5!important}
.oycard{box-shadow:0 6px 28px #32231905}.oycard:hover{box-shadow:0 18px 44px #32231910}
.mfoot{background:#221a12}.mfoot h5{color:#e5d7ca}.mfoot-bottom{color:#c1b1a3;border-color:#ffffff18}.mfoot .fcloud{display:none}.foot-belt .belt{background:repeating-linear-gradient(90deg,#737172 0 15px,#565456 15px 30px);border-color:#aaa8aa}.foot-belt .roller{background:linear-gradient(145deg,#e3e4e7,#49494e 50%,#b7b8bd);border-color:#98989f}
.chrome-icon,.chrome-glyph{background-image:url('/assets/chrome/icons.webp');background-size:400% 400%;background-repeat:no-repeat;filter:drop-shadow(0 3px 3px #3223191a)!important}.chrome-glyph{display:inline-block;flex:0 0 auto;width:48px;height:48px;vertical-align:middle}
:focus-visible{outline:2px solid #b4441c;outline-offset:5px}
@media(max-width:1100px){.nav-hardware{font-size:12px;padding-inline:4px}.nav-hardware>span{font-size:8px}}
@media(max-width:600px){.proof-panel{padding-top:38px}.sec-head{margin-bottom:32px}.sec-head h2{font-weight:500;line-height:1.12}.chrome-wordmark{width:115px}}
@media(max-width:820px){.rx .gridx{grid-template-columns:repeat(2,minmax(0,1fr))!important}.rx .dcx,.rx .dcx .meta,.rx .dcx .nm{min-width:0}.rx .dcx .meta{flex-wrap:wrap}}
@media(max-width:520px){.rx .gridx{grid-template-columns:minmax(0,1fr)!important}}
@media(prefers-reduced-motion:reduce){.chrome-wordmark{animation:none}}
/* The commissioned, frontal relief wordmark retains Oyster's original letterforms. */
.chrome-wordmark{background:transparent url('/images/premium/oyster-chrome.webp') center/contain no-repeat;aspect-ratio:3/1;width:148px;mask:none;-webkit-mask:none;animation:none;filter:drop-shadow(0 1px 1px #30262010);position:relative}
.chrome-wordmark::after{content:'';position:absolute;inset:0;background:linear-gradient(110deg,transparent 35%,#ffffffb0 49%,transparent 63%);background-size:300% 100%;background-position:160% 0;mask:url('/images/premium/oyster-chrome.webp') center/contain no-repeat;-webkit-mask:url('/images/premium/oyster-chrome.webp') center/contain no-repeat;mix-blend-mode:screen;animation:relief-light-pass 9s ease-in-out infinite}
@keyframes relief-light-pass{0%,65%{background-position:160% 0;opacity:0}70%{opacity:.6}92%{opacity:.6}100%{background-position:-60% 0;opacity:0}}
@media(max-width:600px){.chrome-wordmark{width:125px}}
@media(prefers-reduced-motion:reduce){.chrome-wordmark::after{animation:none}}