.page-products{--local-acid:#C8F542;--local-cyan:#00E5FF;--local-wine:#4A0E17;--local-indigo:#2A134A;--local-white:#F2F5F7;--local-gray:#8A929B;--local-orange:#FF3D00;--local-bg:#0B1B24;--local-line:rgba(0,229,255,.22);position:relative;z-index:0;color:var(--local-white);background:var(--local-bg);}
.page-products ::selection{background:var(--local-acid);color:var(--local-bg);}
.page-products .container{width:min(var(--container),calc(100% - 32px));margin-inline:auto;}
.page-products img{max-width:100%;height:auto;display:block;}
.page-products figure{margin:0;}
.page-products a{color:var(--local-cyan);text-decoration:none;transition:color .2s ease;}
.page-products a:hover{color:var(--local-acid);}
.page-products .product-cover{position:relative;padding:clamp(1.2rem,4vw,2.5rem) 0 clamp(2.5rem,7vw,5rem);overflow:hidden;background:radial-gradient(circle at 84% 16%,rgba(42,19,74,.86) 0,transparent 58%),linear-gradient(118deg,transparent 0,transparent 48%,rgba(74,14,23,.64) 100%);}
.page-products .product-cover::after{content:"";position:absolute;right:0;bottom:0;width:34%;height:4px;background:linear-gradient(90deg,transparent,var(--local-acid));box-shadow:0 0 22px rgba(200,245,66,.55);}
.page-products .cover-topline{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:clamp(2rem,6vw,4rem);}
.page-products .exhibit-label{font-family:var(--font-data);font-size:.7rem;letter-spacing:.24em;text-transform:uppercase;color:var(--local-cyan);border:1px solid rgba(0,229,255,.35);padding:.4em .8em;background:rgba(0,229,255,.04);}
.page-products .breadcrumb{font-family:var(--font-data);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--local-gray);display:flex;align-items:center;gap:.5rem;}
.page-products .breadcrumb i{font-style:normal;color:var(--local-acid);}
.page-products .cover-grid{display:grid;grid-template-columns:1fr;gap:2.4rem 4rem;}
.page-products .cover-main{position:relative;padding-left:1.2rem;}
.page-products .cover-issue{position:absolute;top:0;left:0;font-family:var(--font-data);font-size:.64rem;letter-spacing:.3em;color:var(--local-acid);writing-mode:vertical-rl;transform:rotate(180deg);text-transform:uppercase;opacity:.85;}
.page-products .cover-main h1{font-family:var(--font-display);font-size:clamp(2.5rem,7vw,5.8rem);line-height:.95;letter-spacing:.01em;font-weight:900;text-transform:uppercase;margin:.3rem 0 1.4rem;color:var(--local-white);}
.page-products .cover-main h1 span{display:block;color:var(--local-acid);}
.page-products .cover-lede{max-width:36rem;font-family:var(--font-body);font-size:clamp(1rem,2vw,1.2rem);line-height:1.8;color:var(--local-gray);margin-bottom:2rem;}
.page-products .cover-stats{display:flex;flex-wrap:wrap;gap:.8rem 2rem;}
.page-products .cover-stat{display:flex;flex-direction:column;padding:.8rem 1rem;border-left:3px solid var(--local-acid);background:rgba(200,245,66,.05);}
.page-products .cover-stat .data-number{font-family:var(--font-data);font-size:1.6rem;line-height:1;color:var(--local-white);}
.page-products .cover-stat-label{font-size:.72rem;letter-spacing:.12em;color:var(--local-gray);margin-top:.3rem;}
.page-products .cover-index{align-self:end;border-top:2px solid var(--local-acid);padding-top:1.2rem;background:rgba(11,27,36,.72);}
.page-products .index-title{font-family:var(--font-data);font-size:.7rem;letter-spacing:.22em;color:var(--local-cyan);text-transform:uppercase;margin-bottom:1rem;}
.page-products .index-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:0;}
.page-products .index-list a{display:flex;align-items:baseline;gap:.9rem;padding:.72rem .2rem;border-bottom:1px solid rgba(242,245,247,.08);font-family:var(--font-body);color:var(--local-white);font-size:1rem;line-height:1;}
.page-products .index-list a span{font-family:var(--font-data);font-size:.75rem;color:var(--local-acid);margin-right:.4rem;}
.page-products .index-list a:hover{color:var(--local-acid);padding-left:.3rem;}
.page-products .filter-section{padding:1.4rem 0;}
.page-products .filter-bar{display:flex;flex-wrap:wrap;gap:.6rem;border-bottom:1px solid var(--local-line);padding-bottom:1.4rem;}
.page-products .filter-btn{font-family:var(--font-body);font-size:.82rem;letter-spacing:.08em;color:var(--local-white);background:transparent;border:1px solid var(--local-line);padding:.56em 1em;cursor:pointer;transition:all .2s ease;}
.page-products .filter-btn:hover{border-color:var(--local-cyan);color:var(--local-cyan);}
.page-products .filter-btn.is-active{border-color:var(--local-acid);background:var(--local-acid);color:var(--local-bg);font-weight:700;}
.page-products .section{padding:clamp(3.5rem,8vw,6.5rem) 0;}
.page-products .section--wine{background:linear-gradient(120deg,var(--local-wine) 0%,rgba(74,14,23,.88) 55%,rgba(11,27,36,.96) 100%);position:relative;}
.page-products .section--indigo{background:linear-gradient(112deg,var(--local-indigo) 0%,rgba(42,19,74,.92) 58%,rgba(11,27,36,.98) 100%);position:relative;}
.page-products .section-head{margin-bottom:clamp(2rem,6vw,3.6rem);max-width:52rem;}
.page-products .section-kicker{display:flex;align-items:center;gap:.8rem;font-family:var(--font-data);font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;color:var(--local-cyan);margin-bottom:.6rem;}
.page-products .section-kicker .chapter-index{font-family:var(--font-data);font-size:1.1rem;color:var(--local-acid);border:1px solid var(--local-acid);padding:.1em .42em;line-height:1.2;}
.page-products .section-title{font-family:var(--font-display);font-size:clamp(2rem,4vw,3.1rem);font-weight:900;line-height:1.05;text-transform:uppercase;color:var(--local-white);margin:.2rem 0 .8rem;}
.page-products .lede{font-family:var(--font-body);font-size:1rem;line-height:1.85;color:var(--local-gray);}
.page-products .feature-grid{display:grid;grid-template-columns:1fr;gap:1rem;}
.page-products .feature-card{position:relative;background:var(--card-bg);border:1px solid var(--local-line);padding:1.6rem;display:flex;flex-direction:column;gap:.9rem;transition:transform .2s ease,border-color .2s ease,background .2s ease;}
.page-products .feature-card:hover{transform:translateY(-4px);border-color:rgba(200,245,66,.7);background:rgba(200,245,66,.04);}
.page-products .feature-card h3{font-family:var(--font-display);font-size:1.4rem;font-weight:800;text-transform:uppercase;color:var(--local-white);margin:0;}
.page-products .feature-card p{font-family:var(--font-body);font-size:.92rem;line-height:1.7;color:var(--local-gray);margin:0;}
.page-products .feature-card--wide{border-left:5px solid var(--local-acid);}
.page-products .feature-card--sync{border-left:5px solid var(--local-cyan);}
.page-products .feature-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem;}
.page-products .feature-list li{font-family:var(--font-data);font-size:.8rem;color:var(--local-white);padding-left:1rem;position:relative;}
.page-products .feature-list li::before{content:"▸";position:absolute;left:0;color:var(--local-acid);}
.page-products .mini-table{border:1px solid rgba(200,245,66,.25);font-family:var(--font-data);font-size:.78rem;margin-top:.4rem;}
.page-products .mini-head,.page-products .mini-row{display:grid;grid-template-columns:1.2fr .7fr .7fr .8fr;padding:.5rem .6rem;}
.page-products .mini-head{background:rgba(200,245,66,.08);color:var(--local-acid);letter-spacing:.1em;text-transform:uppercase;}
.page-products .mini-row{border-top:1px solid rgba(200,245,66,.14);color:var(--local-white);}
.page-products .mini-row b{font-weight:700;color:var(--local-cyan);}
.page-products .cell-blue{color:var(--local-cyan);}
.page-products .mini-note{font-size:.82rem;color:var(--local-gray);border-left:3px solid var(--local-cyan);padding-left:.7rem;margin-top:.4rem;}
.page-products .mini-counter{display:inline-flex;align-items:center;gap:.4rem;font-family:var(--font-data);font-size:.82rem;color:var(--local-white);background:rgba(0,229,255,.12);border:1px solid rgba(0,229,255,.3);padding:.4em .7em;}
.page-products .mini-counter .data-number{color:var(--local-acid);font-size:1.1rem;}
.page-products .media-frame{border:1px solid var(--local-line);background:rgba(242,245,247,.03);}
.page-products .media-frame img{width:100%;object-fit:cover;background:#08131b;}
.page-products .media-frame figcaption{font-family:var(--font-data);font-size:.74rem;letter-spacing:.04em;color:var(--local-gray);padding:.8rem 1rem;border-top:1px solid var(--local-line);}
.page-products .feature-media{margin-top:2rem;}
.page-products .export-grid{display:grid;grid-template-columns:1fr;gap:2.5rem;}
.page-products .export-steps{display:flex;flex-direction:column;gap:.8rem;max-width:40rem;}
.page-products .export-step{border:1px solid rgba(200,245,66,.3);background:rgba(200,245,66,.04);}
.page-products .export-step summary{list-style:none;display:flex;align-items:center;gap:.9rem;padding:1rem 1.2rem;cursor:pointer;font-family:var(--font-body);font-size:.95rem;font-weight:700;color:var(--local-white);}
.page-products .export-step summary::-webkit-details-marker{display:none;}
.page-products .export-step summary span{font-family:var(--font-data);font-size:.7rem;letter-spacing:.14em;color:var(--local-bg);background:var(--local-acid);padding:.35em .7em;font-weight:700;}
.page-products .export-step[open] summary{border-bottom:1px solid rgba(200,245,66,.24);}
.page-products .export-step p{margin:0;padding:1rem 1.2rem 1.3rem;font-family:var(--font-body);font-size:.9rem;line-height:1.75;color:var(--local-gray);}
.page-products .export-callout{border-left:5px solid var(--local-orange);background:rgba(255,61,0,.08);padding:1rem 1.2rem;font-family:var(--font-body);font-size:.88rem;line-height:1.7;color:var(--local-white);}
.page-products .export-callout span{color:var(--local-acid);font-family:var(--font-data);}
.page-products .export-media{margin-top:1rem;}
.page-products .version-stage{display:grid;grid-template-columns:1fr;gap:1rem;position:relative;margin-bottom:2rem;}
.page-products .version-card{position:relative;padding:1.8rem;border:1px solid rgba(0,229,255,.24);background:rgba(11,27,36,.42);}
.page-products .version-card--new{border-top:4px solid var(--local-cyan);}
.page-products .version-card--old{border-top:4px solid var(--local-orange);}
.page-products .version-badge{display:inline-block;font-family:var(--font-data);font-size:.66rem;letter-spacing:.2em;padding:.35em .8em;color:var(--local-bg);background:var(--local-cyan);text-transform:uppercase;font-weight:700;}
.page-products .version-card--old .version-badge{background:var(--local-orange);}
.page-products .version-card h3{font-family:var(--font-display);font-size:1.5rem;text-transform:uppercase;margin:.8rem 0 1rem;color:var(--local-white);}
.page-products .version-card ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.55rem;}
.page-products .version-card li{font-family:var(--font-body);font-size:.88rem;line-height:1.6;color:var(--local-gray);padding-left:1.1rem;position:relative;}
.page-products .version-card li::before{content:"＋";position:absolute;left:0;color:var(--local-acid);font-family:var(--font-data);}
.page-products .version-media{max-width:42rem;}
.page-products .version-guide-note{margin-top:2rem;padding:1rem 1.2rem;border:1px dashed rgba(0,229,255,.4);font-family:var(--font-body);font-size:.9rem;color:var(--local-white);}
.page-products .favorite-section{background:linear-gradient(180deg,var(--local-bg) 0%,rgba(11,27,36,.92) 72%,rgba(10,26,36,.98) 100%);}
.page-products .favorite-grid{display:grid;grid-template-columns:1fr;gap:2.4rem;align-items:center;}
.page-products .favorite-copy p{font-family:var(--font-body);font-size:.95rem;line-height:1.8;color:var(--local-gray);margin:0 0 1.4rem;}
.page-products .favorite-copy .feature-list{margin-bottom:1.6rem;}
.page-products .favorite-number{font-family:var(--font-body);font-size:.9rem;color:var(--local-white);border-top:1px solid var(--local-line);padding-top:1rem;}
.page-products .favorite-number .data-number{font-family:var(--font-data);font-size:1.7rem;color:var(--local-acid);}
.page-products .access-section{background:linear-gradient(125deg,var(--local-bg) 0%,rgba(42,19,74,.74) 60%,rgba(74,14,23,.58) 100%);}
.page-products .access-grid{display:grid;grid-template-columns:1fr;gap:2.4rem;align-items:end;}
.page-products .access-copy h3{font-family:var(--font-data);font-size:.82rem;letter-spacing:.2em;text-transform:uppercase;color:var(--local-acid);margin:1.8rem 0 .5rem;}
.page-products .access-copy h3:first-child{margin-top:0;}
.page-products .access-copy p{font-family:var(--font-body);font-size:.95rem;line-height:1.8;color:var(--local-gray);margin:0;}
.page-products .access-spec{display:flex;flex-wrap:wrap;gap:.8rem 1.6rem;margin-top:2rem;padding-top:1.2rem;border-top:1px solid var(--local-line);}
.page-products .access-spec-item{font-family:var(--font-body);font-size:.82rem;color:var(--local-gray);}
.page-products .access-spec-item .data-number{font-family:var(--font-data);font-size:1.3rem;color:var(--local-cyan);display:block;}
.page-products .access-media{max-width:240px;margin-left:auto;}
.page-products .access-media img{object-fit:contain;background:radial-gradient(circle at 50% 30%,rgba(0,229,255,.08),rgba(11,27,36,.96));}
.page-products .access-footer-links{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:clamp(2.5rem,6vw,4rem);border-top:1px solid var(--local-line);padding-top:2rem;}
.page-products .btn{display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-body);font-size:.84rem;letter-spacing:.08em;padding:.68em 1.2em;border:1px solid transparent;transition:all .2s ease;text-transform:uppercase;}
.page-products .btn-primary{background:var(--local-acid);color:var(--local-bg);font-weight:700;}
.page-products .btn-primary:hover{background:var(--local-white);color:var(--local-bg);}
.page-products .btn-ghost{border-color:rgba(0,229,255,.4);color:var(--local-cyan);}
.page-products .btn-ghost:hover{border-color:var(--local-acid);color:var(--local-acid);}
@media (min-width:600px){
.page-products .cover-grid{grid-template-columns:minmax(0,1fr) 250px;}
.page-products .feature-grid{grid-template-columns:1fr 1fr;}
.page-products .feature-card--wide{grid-column:span 1;}
.page-products .version-stage{grid-template-columns:1fr 1fr;}
.page-products .export-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);}
.page-products .favorite-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);}
.page-products .access-grid{grid-template-columns:minmax(0,1fr) 280px;}
}
@media (min-width:900px){
.page-products .cover-grid{grid-template-columns:minmax(0,5fr) 320px;gap:5rem;}
.page-products .feature-grid{grid-template-columns:repeat(12,1fr);}
.page-products .feature-card--wide{grid-column:span 7;}
.page-products .feature-card{grid-column:span 5;}
.page-products .feature-card--sync{grid-column:span 5;}
.page-products .feature-card[data-filter-category="dataVersion"]{grid-column:span 7;}
.page-products .feature-media{margin-left:auto;width:calc(100% - 2vw);}
.page-products .section-pad-lock{padding-left:0;}
.page-products .access-media{max-width:300px;}
}
@media (prefers-reduced-motion:reduce){
.page-products *,.page-products *::before,.page-products *::after{transition:none!important;animation:none!important;}
}