:root{--tb-navy:#031f34;--tb-blue:#07578a;--tb-cyan:#00a7c7;--tb-ice:#eef8fa;--tb-line:#d9e5ea}
.trimbox-hero{position:relative;overflow:hidden;padding:88px 0 74px;color:#fff;background:radial-gradient(circle at 77% 35%,rgba(0,185,220,.2),transparent 30%),linear-gradient(120deg,#021625 0%,#052b46 56%,#063c5a 100%)}
.trimbox-hero:before{content:"";position:absolute;inset:0;opacity:.14;background-image:linear-gradient(rgba(255,255,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.12) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(90deg,#000,transparent)}
.trimbox-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.15fr .85fr;gap:60px;align-items:center}.trimbox-hero h1{max-width:850px;margin:15px 0 18px;font-size:clamp(2.6rem,5.3vw,5.5rem);line-height:.98;letter-spacing:-.055em}.trimbox-hero p{max-width:760px;color:#d8edf4;font-size:1.08rem;line-height:1.75}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.e-btn.light{color:#fff;border-color:rgba(255,255,255,.35)}.hero-facts{display:flex;flex-wrap:wrap;gap:28px;margin-top:35px;color:#bcd6df;font-size:.78rem}.hero-facts span{display:flex;flex-direction:column;gap:4px}.hero-facts b{color:#fff;font-size:1rem}.hero-product{position:relative;display:grid;place-items:center;min-height:500px}.hero-product .glow{position:absolute;width:390px;height:390px;border-radius:50%;background:rgba(0,192,225,.24);filter:blur(44px)}.hero-product img{position:relative;width:min(100%,510px);max-height:500px;object-fit:contain;filter:drop-shadow(0 32px 36px rgba(0,0,0,.38));transform:rotate(-2deg)}.hero-product>span{position:absolute;right:0;bottom:30px;padding:12px 16px;border:1px solid rgba(255,255,255,.18);border-radius:6px;background:rgba(2,23,39,.72);backdrop-filter:blur(12px);font-size:.78rem;font-weight:750}
.catalog-intro{padding:72px 0 34px;background:#fff}.intro-copy{max-width:850px}.intro-copy>span,.section-heading>span,.technical-note span{color:var(--tb-cyan);font-size:.74rem;font-weight:850;letter-spacing:.15em}.intro-copy h2,.section-heading h2,.technical-note h2{margin:10px 0 12px;color:var(--tb-navy);font-size:clamp(2rem,4vw,3.6rem);letter-spacing:-.04em}.intro-copy p,.section-heading p{color:#526977;line-height:1.75}.catalog-nav{display:flex;flex-wrap:wrap;gap:9px;margin:28px 0}.catalog-nav a{padding:10px 13px;border:1px solid var(--tb-line);border-radius:999px;color:#21445b;background:#f8fbfc;font-size:.78rem;font-weight:750}.catalog-nav a:hover{border-color:var(--tb-cyan);color:var(--tb-blue);background:var(--tb-ice)}.search-box{display:grid;gap:8px;padding:22px;border-left:4px solid var(--tb-cyan);background:var(--tb-ice)}.search-box label{color:var(--tb-navy);font-weight:850}.search-box input{width:100%;padding:15px 16px;border:1px solid #bad3dd;border-radius:5px;background:#fff;font:inherit}.search-box input:focus{outline:3px solid rgba(0,167,199,.18);border-color:var(--tb-cyan)}.search-box small{color:#617985}
.catalog-shell{padding-bottom:90px}.catalog-group{scroll-margin-top:110px;padding-top:64px}.section-heading{max-width:850px;margin-bottom:24px}.section-heading h2{font-size:clamp(1.8rem,3vw,2.8rem)}.spec-list{display:grid;gap:12px}.spec-card{border:1px solid var(--tb-line);border-radius:7px;background:#fff;box-shadow:0 7px 24px rgba(3,31,52,.05);scroll-margin-top:110px}.spec-card[open]{border-color:#a8cbd7;box-shadow:0 16px 40px rgba(3,31,52,.1)}.spec-card summary{display:flex;justify-content:space-between;align-items:center;gap:22px;padding:22px 24px;cursor:pointer;list-style:none}.spec-card summary::-webkit-details-marker{display:none}.spec-card summary span{display:grid;gap:4px}.spec-card summary small{color:var(--tb-cyan);font-size:.67rem;font-weight:850;letter-spacing:.11em;text-transform:uppercase}.spec-card summary strong{color:var(--tb-navy);font-size:1.24rem}.spec-card summary em{color:#647b88;font-size:.82rem;font-style:normal}.spec-card summary>b{display:flex;align-items:center;gap:10px;white-space:nowrap;color:var(--tb-blue);font-size:.74rem}.spec-card summary i{font-size:1.3rem;font-style:normal}.spec-card[open] summary i{transform:rotate(45deg)}.spec-copy{padding:0 24px 25px;border-top:1px solid var(--tb-line)}.spec-copy pre{margin:0;padding:25px 0;overflow:auto;white-space:pre-wrap;color:#314c5c;font:500 .82rem/1.7 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.inline-offer{display:inline-flex;padding:11px 14px;border-radius:4px;color:#fff;background:var(--tb-blue);font-size:.78rem;font-weight:800}.no-results{margin:45px 0;padding:28px;border:1px solid var(--tb-line);text-align:center;color:#526977;background:#f7fafb}
.technical-note{padding:70px 0;background:#eaf4f7}.note-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:50px;align-items:center}.technical-note h2{font-size:clamp(2rem,3.5vw,3.6rem)}.technical-note p{max-width:760px;color:#516b79;line-height:1.75}.note-actions{display:grid;gap:12px}.note-actions .e-btn{justify-content:center}
@media(max-width:900px){.trimbox-hero-grid,.note-grid{grid-template-columns:1fr}.hero-product{min-height:360px}.hero-product img{max-height:360px}.hero-product>span{right:auto}.spec-card summary{align-items:flex-start}.spec-card summary>b{font-size:0}.spec-card summary i{font-size:1.4rem}}
@media(max-width:600px){.trimbox-hero{padding:62px 0}.trimbox-hero h1{font-size:2.65rem}.hero-product{min-height:300px}.hero-product img{max-height:300px}.hero-facts{gap:16px}.catalog-intro{padding-top:52px}.spec-card summary,.spec-copy{padding-left:16px;padding-right:16px}.spec-copy pre{font-size:.74rem}.catalog-group{padding-top:48px}}
@media(prefers-reduced-motion:reduce){.spec-card summary i{transition:none}}