:root{--ink:#070B14;--dial:#0D1424;--dial-2:#131C31;--navy:#16325E;--pepsi:#C2102E;--steel:#8D97A6;--steel-lt:#D7DCE3;--lume:#F0EDE1;--glow:#8FE0B4;--line:rgba(215,220,227,.14);--display:"Archivo Expanded","Archivo",system-ui,sans-serif;--body:"Instrument Sans",system-ui,sans-serif;--util:"Archivo",system-ui,sans-serif;--gut:clamp(20px,5vw,64px);--maxw:1180px}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--lume);font-family:var(--body);line-height:1.65;-webkit-font-smoothing:antialiased;padding-bottom:92px}img{max-width:100%;display:block}a{color:inherit}.wrap{max-width:var(--maxw);margin:0 auto;padding-inline:var(--gut)}
.nav{position:sticky;top:0;z-index:50;background:rgba(7,11,20,.88);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.nav__in{height:64px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:flex;align-items:center;gap:9px;text-decoration:none}.brand__star{color:var(--pepsi)}.brand__name{font-family:var(--display);font-weight:900;letter-spacing:.06em;font-size:19px}.nav__back{font-family:var(--util);font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--steel-lt);text-decoration:none}.nav__back:hover{color:var(--lume)}
.btn{display:inline-flex;align-items:center;justify-content:center;font-family:var(--util);font-size:12px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;padding:14px 20px;border-radius:2px;border:1px solid transparent;text-decoration:none;cursor:pointer}.btn--primary{background:var(--pepsi);color:#fff}.btn--ghost{border-color:var(--line);background:transparent;color:var(--steel-lt)}
.product-hero{position:relative;overflow:hidden;border-bottom:1px solid var(--line)}.product-hero::before{content:"";position:absolute;inset:0;background:radial-gradient(65% 60% at 15% 20%,rgba(22,50,94,.46),transparent 70%),radial-gradient(48% 45% at 88% 78%,rgba(194,16,46,.14),transparent 70%)}.product-hero__in{position:relative;display:grid;grid-template-columns:minmax(250px,390px) 1fr;gap:clamp(36px,7vw,88px);align-items:center;padding-block:clamp(48px,8vw,94px)}.product-cover{max-width:360px;margin:auto;border:1px solid var(--line);border-radius:4px;overflow:hidden;box-shadow:0 28px 70px rgba(0,0,0,.35)}.eyebrow{font-family:var(--util);font-size:10px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--glow);margin:0 0 16px}.product-copy h1{font-family:var(--display);font-size:clamp(34px,5vw,58px);line-height:1.04;margin:0 0 18px}.product-copy__lead{font-size:clamp(16px,1.7vw,19px);color:var(--steel-lt);max-width:56ch}.product-meta{display:flex;flex-wrap:wrap;gap:8px 22px;margin:24px 0;font-family:var(--util);font-size:10px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--steel)}.product-meta span::before{content:"•";color:var(--glow);margin-right:8px}.product-actions{display:flex;flex-wrap:wrap;gap:10px}.product-actions .btn.is-selected{background:var(--glow);color:var(--ink)}
section{padding-block:clamp(54px,8vw,92px)}.section-head{max-width:65ch;margin-bottom:30px}.section-head h2{font-family:var(--display);font-size:clamp(27px,4vw,42px);line-height:1.08;margin:0 0 12px}.section-head p{color:var(--steel-lt);margin:0}.feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:4px;overflow:hidden}.feature{background:var(--dial);padding:24px}.feature h3{font-family:var(--display);font-size:17px;margin:0 0 8px}.feature p{margin:0;color:var(--steel-lt);font-size:14px}.toc{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.toc-item{display:flex;gap:14px;align-items:flex-start;border:1px solid var(--line);background:var(--dial);padding:16px;border-radius:3px}.toc-item b{font-family:var(--display);color:var(--glow);font-size:13px}.toc-item span{color:var(--steel-lt);font-size:14px}.notice{border:1px solid var(--line);border-left:3px solid var(--glow);background:var(--dial);padding:24px;border-radius:3px}.notice p{margin:0;color:var(--steel-lt)}.other-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.other-card{display:grid;grid-template-columns:82px 1fr;gap:14px;align-items:start;border:1px solid var(--line);background:var(--dial);padding:12px;text-decoration:none;border-radius:3px}.other-card img{width:82px;aspect-ratio:3/4;object-fit:cover}.other-card h3{font-family:var(--display);font-size:14px;line-height:1.25;margin:4px 0 7px}.other-card p{font-size:12px;color:var(--steel);margin:0}.bar{position:fixed;left:0;right:0;bottom:0;z-index:70;background:rgba(13,20,36,.95);backdrop-filter:blur(14px);border-top:1px solid var(--line)}.bar__in{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-block:12px}.bar__sum strong{font-family:var(--display);font-size:22px}.bar__sum span{display:block;font-family:var(--util);font-size:9px;color:var(--steel);letter-spacing:.12em;text-transform:uppercase}.bar__act{display:flex;gap:8px}.bar__act .btn.is-selected{background:var(--glow);color:var(--ink)}
footer{border-top:1px solid var(--line);padding:38px 0;color:var(--steel);font-size:12px}.foot-links{display:flex;flex-wrap:wrap;gap:10px 20px;margin-bottom:20px}.foot-links a{text-decoration:none;color:var(--steel-lt)}
@media(max-width:850px){.product-hero__in{grid-template-columns:1fr}.product-cover{width:min(72vw,320px)}.other-grid{grid-template-columns:1fr}.toc{grid-template-columns:1fr}}
@media(max-width:650px){:root{--gut:18px}.nav__in{height:58px}.brand__name{font-size:17px}.nav__back{font-size:9px}.product-hero__in{padding-block:36px 48px;gap:28px}.product-copy h1{font-size:clamp(31px,9vw,44px)}.product-actions{display:grid;grid-template-columns:1fr}.product-actions .btn{width:100%}.feature-grid{grid-template-columns:1fr}.bar__in{padding-block:9px}.bar__sum strong{font-size:18px}.bar__act .btn{padding:11px 12px;font-size:10px}.bar__act .btn--ghost{display:none}}