.catalog-page { background:var(--paper); }
.catalog-nav { position:absolute; inset:0 0 auto; z-index:5; color:#fff; }
.catalog-nav .active { color:var(--aqua-bright); }
.catalog-hero { min-height:560px; padding:170px 0 90px; position:relative; overflow:hidden; }
.catalog-hero-content { position:relative; z-index:1; display:grid; grid-template-columns:1.25fr .75fr; align-items:end; gap:80px; }
.catalog-hero h1 { margin:0; font:500 clamp(3.2rem,7vw,6.4rem)/.92 var(--display); letter-spacing:-.08em; }
.catalog-hero h1 em,.catalog-intro h2 em,.catalog-section-card h2 em { color:var(--aqua-bright); font-style:normal; }
.catalog-hero-content > div:first-child > p:last-child { max-width:510px; margin:30px 0 0; color:rgba(255,255,255,.65); font-size:1.03rem; }
.catalog-hero-actions { display:flex; align-items:center; gap:20px; margin-top:30px; }.catalog-download { color:var(--aqua-bright); font-size:.8rem; font-weight:700; }.catalog-download:hover { color:#fff; }
.catalog-hero-card { position:relative; min-height:240px; padding:28px; display:flex; flex-direction:column; justify-content:space-between; overflow:hidden; border:1px solid rgba(255,255,255,.25); border-radius:24px; background:linear-gradient(145deg,rgba(255,255,255,.17),rgba(255,255,255,.04)); box-shadow:20px 25px 60px rgba(0,0,0,.18); }
.catalog-hero-card span,.catalog-hero-card small { font:500 .66rem var(--mono); letter-spacing:.15em; color:rgba(255,255,255,.57); }.catalog-hero-card strong { position:relative; z-index:1; color:var(--aqua-bright); font:500 clamp(5rem,10vw,8rem)/.8 var(--display); letter-spacing:-.13em; }.catalog-hero-lines { position:absolute; inset:30px -90px -100px 15px; border:1px solid rgba(155,233,223,.28); border-radius:50%; transform:rotate(-24deg); box-shadow:0 0 0 25px rgba(155,233,223,.04),0 0 0 51px rgba(155,233,223,.03); }
.catalog-intro { padding:105px 0 65px; }.intro-grid { display:grid; grid-template-columns:1fr 1fr; gap:90px; }.catalog-intro h2 { margin:0; color:var(--ink); font:500 clamp(3.4rem,7vw,6.1rem)/.9 var(--display); letter-spacing:-.09em; }.intro-grid > div:last-child { max-width:560px; padding-top:31px; }.intro-grid p { color:rgba(6,46,53,.68); }.intro-lead { color:var(--ink)!important; font:500 1.35rem/1.25 var(--display); letter-spacing:-.04em; }.catalog-contact-strip { display:grid; gap:7px; margin-top:28px; padding-top:20px; border-top:1px solid var(--line); color:#39706c; font-size:.8rem; }.catalog-contact-strip a { font-weight:700; }
.catalog-body { padding:25px 0 120px; }.catalog-layout { display:grid; grid-template-columns:230px 1fr; gap:55px; align-items:start; }.catalog-toc { position:sticky; top:25px; }.toc-box { display:grid; gap:4px; padding:20px 17px; border:1px solid var(--line); border-radius:18px; background:#fff; box-shadow:0 16px 35px rgba(6,46,53,.06); }.toc-label { margin-bottom:14px; color:#39706c; font:500 .64rem var(--mono); letter-spacing:.15em; }.toc-box a { display:flex; align-items:center; gap:10px; padding:9px 0; border-bottom:1px solid rgba(6,46,53,.08); color:rgba(6,46,53,.72); font-size:.78rem; }.toc-box a:hover { color:#0b8f89; }.toc-box a b { width:22px; color:#0b8f89; font:500 .65rem var(--mono); }.toc-box .toc-home { margin-top:10px; border:0; color:#0b8f89; font-weight:700; }
.catalog-content { display:grid; gap:24px; }.catalog-section-card { scroll-margin-top:30px; padding:38px; border:1px solid rgba(6,46,53,.12); border-radius:27px; background:#fff; box-shadow:0 22px 60px rgba(6,46,53,.06); }.catalog-section-head { display:grid; grid-template-columns:1.15fr .85fr; gap:35px; align-items:end; padding-bottom:34px; border-bottom:1px solid var(--line); }.catalog-section-head h2 { margin:0; color:var(--ink); font:500 clamp(2.8rem,5vw,4.8rem)/.9 var(--display); letter-spacing:-.09em; }.catalog-section-head > p { margin:0; color:rgba(6,46,53,.65); font-size:.9rem; }.section-number { display:block; margin-bottom:18px; color:#0b8f89; font:500 .73rem var(--mono); }.catalog-section-head .eyebrow { margin-bottom:11px; }
.product-block { margin-top:30px; padding:25px; border-radius:18px; background:#f2f7f1; }.compact-block { background:#f7f4ec; }.product-title { display:flex; align-items:baseline; flex-wrap:wrap; gap:11px; margin-bottom:14px; }.product-title h3 { margin:0; color:var(--ink); font:600 1.65rem var(--display); letter-spacing:-.06em; }.product-title p { margin:0; color:rgba(6,46,53,.54); font-size:.78rem; }.brand-tag { padding:6px 8px; border-radius:5px; background:var(--ink); color:var(--aqua-bright); font:500 .58rem var(--mono); letter-spacing:.11em; }.product-block > p { color:rgba(6,46,53,.68); font-size:.86rem; }.small-note { color:rgba(6,46,53,.54)!important; font-size:.75rem!important; }
.table-scroll { margin:20px -25px 0; overflow:auto; }.table-scroll table { width:100%; min-width:650px; border-collapse:collapse; text-align:left; font-size:.74rem; }.table-scroll th,.table-scroll td { padding:11px 25px; border-top:1px solid rgba(6,46,53,.12); vertical-align:top; }.table-scroll thead th { color:#39706c; font:500 .62rem var(--mono); letter-spacing:.09em; text-transform:uppercase; }.table-scroll tbody th { color:var(--ink); font-weight:700; }.table-scroll td { color:rgba(6,46,53,.7); }
.feature-list { display:grid; grid-template-columns:repeat(2,1fr); gap:8px 28px; margin:22px 0 0; padding:0; list-style:none; color:rgba(6,46,53,.65); font-size:.78rem; }.feature-list li:before { content:'+'; margin-right:8px; color:#0b8f89; font-weight:700; }.spec-chips { display:flex; flex-wrap:wrap; gap:8px; margin-top:18px; }.spec-chips span { padding:8px 10px; border:1px solid rgba(6,46,53,.13); border-radius:999px; color:#39706c; background:rgba(255,255,255,.55); font-size:.68rem; }
.menu-details,.nested-details { margin-top:20px; border:1px solid rgba(6,46,53,.14); border-radius:13px; background:#fbfcf8; }.menu-details summary,.nested-details summary { cursor:pointer; padding:15px 17px; color:var(--ink); font-size:.82rem; font-weight:700; list-style:none; }.menu-details summary:after,.nested-details summary:after { content:'+'; float:right; color:#0b8f89; font-size:1.15rem; font-weight:400; }.menu-details[open] summary:after,.nested-details[open] summary:after { content:'−'; }.menu-details summary::-webkit-details-marker,.nested-details summary::-webkit-details-marker { display:none; }.menu-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:19px; padding:3px 17px 20px; }.menu-grid div { padding-top:14px; border-top:1px solid rgba(6,46,53,.1); }.menu-grid b { color:#0b8f89; font:500 .64rem var(--mono); letter-spacing:.08em; text-transform:uppercase; }.menu-grid p { margin:7px 0 0; color:rgba(6,46,53,.66); font-size:.75rem; line-height:1.55; }.wide-menu { grid-template-columns:repeat(2,1fr); }.nested-details { margin-top:18px; background:#fff; }.nested-details summary { font-size:.76rem; }.marker-table { display:grid; grid-template-columns:180px 1fr; padding:0 17px 18px; font-size:.75rem; }.marker-table span { padding:10px 0; border-top:1px solid rgba(6,46,53,.1); }.marker-table span:nth-child(odd) { color:#0b8f89; font-weight:700; }.marker-table span:nth-child(even) { color:rgba(6,46,53,.65); }.catalog-list { display:grid; gap:8px; padding:0 17px 20px; }.catalog-list span { padding-top:8px; border-top:1px solid rgba(6,46,53,.09); color:rgba(6,46,53,.68); font-size:.74rem; }
.catalog-disclaimer { padding:21px 24px; border:1px solid rgba(141,109,43,.25); border-radius:15px; background:#fff9e7; color:rgba(78,58,22,.72); font-size:.76rem; }.catalog-disclaimer strong { color:#7d5c1e; }
@media (max-width:800px){.catalog-hero{min-height:680px;padding-top:130px}.catalog-hero-content,.intro-grid,.catalog-section-head{grid-template-columns:1fr;gap:35px}.catalog-hero-card{min-height:190px}.catalog-intro{padding-top:80px}.catalog-layout{grid-template-columns:1fr;gap:25px}.catalog-toc{position:static}.toc-box{grid-template-columns:repeat(2,1fr);gap:0 12px}.toc-label{grid-column:1/-1}.toc-box .toc-home{grid-column:1/-1}.catalog-section-card{padding:25px 18px}.product-block{padding:18px}.table-scroll{margin-left:-18px;margin-right:-18px}.table-scroll th,.table-scroll td{padding-left:18px;padding-right:18px}.feature-list,.menu-grid,.wide-menu{grid-template-columns:1fr}.marker-table{grid-template-columns:1fr}.marker-table span:nth-child(even){padding-top:0;border-top:0;padding-bottom:10px}.catalog-nav .nav-links{display:none}}
@media (max-width:430px){.toc-box{grid-template-columns:1fr}.catalog-hero h1{font-size:3.5rem}.catalog-section-head h2{font-size:3.2rem}}