:root { --product-accent:#ff3b45; }
.product-hero { position:relative; overflow:hidden; padding:158px 0 92px; background:radial-gradient(circle at 78% 28%,color-mix(in srgb,var(--product-accent) 20%,transparent),transparent 28%),linear-gradient(120deg,#06111f,#0b2943); }
.product-hero::before { content:""; position:absolute; inset:0; opacity:.24; background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px); background-size:58px 58px; }
.product-hero-layout { position:relative; display:grid; grid-template-columns:1.12fr .88fr; gap:80px; align-items:center; }
.product-breadcrumb { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:40px; color:rgba(255,255,255,.48); font-size:12px; }
.product-breadcrumb a:last-child { color:var(--product-accent); }
.product-hero .eyebrow::after { background:var(--product-accent); }
.product-hero h1 { max-width:760px; margin:0; font-size:clamp(48px,6vw,76px); line-height:1.08; letter-spacing:-.055em; }
.product-lead { max-width:760px; margin:28px 0 0; color:rgba(236,244,250,.72); font-size:18px; line-height:1.9; }
.product-hero-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:34px; }
.product-hero .button-primary,.product-cta .button-primary { background:var(--product-accent); box-shadow:0 14px 34px color-mix(in srgb,var(--product-accent) 26%,transparent); }
.product-visual { position:relative; display:grid; place-items:center; min-height:410px; }
.product-type { position:absolute; z-index:4; top:18px; right:20px; padding:7px 12px; color:var(--product-accent); border:1px solid color-mix(in srgb,var(--product-accent) 55%,transparent); border-radius:999px; background:rgba(4,15,28,.68); font-size:11px; font-weight:800; }
.product-core { position:relative; z-index:3; display:flex; width:235px; height:235px; flex-direction:column; align-items:center; justify-content:center; padding:28px; text-align:center; border:1px solid color-mix(in srgb,var(--product-accent) 80%,#fff); border-radius:50%; background:radial-gradient(circle at 35% 28%,color-mix(in srgb,var(--product-accent) 88%,#fff),color-mix(in srgb,var(--product-accent) 28%,#06101d) 65%,#06101d); box-shadow:0 0 60px color-mix(in srgb,var(--product-accent) 32%,transparent),inset 0 0 38px rgba(255,255,255,.08); }
.product-core small { font-size:9px; letter-spacing:.18em; opacity:.7; }
.product-core strong { max-width:180px; margin:10px 0; font-size:25px; line-height:1.15; }
.product-core span { color:rgba(255,255,255,.62); font-size:10px; }
.product-orbit { position:absolute; border:1px solid color-mix(in srgb,var(--product-accent) 34%,transparent); border-radius:50%; }
.product-orbit::before,.product-orbit::after { content:""; position:absolute; width:9px; height:9px; border-radius:50%; background:var(--product-accent); box-shadow:0 0 16px var(--product-accent); }
.product-orbit-one { width:330px; height:330px; transform:rotate(18deg); }
.product-orbit-one::before { top:36px; right:52px; }.product-orbit-one::after { bottom:38px; left:50px; }
.product-orbit-two { width:395px; height:250px; transform:rotate(-28deg); }
.product-orbit-two::before { top:35px; left:42px; }.product-orbit-two::after { bottom:30px; right:48px; }
.product-subnav { position:sticky; z-index:50; top:66px; border-bottom:1px solid #dce3eb; background:rgba(255,255,255,.95); backdrop-filter:blur(12px); }
.product-subnav .shell { display:flex; gap:30px; overflow:auto; }.product-subnav a { flex:0 0 auto; padding:18px 0; color:#607286; font-size:13px; font-weight:800; }.product-subnav a:hover { color:var(--ink); }
.product-section { padding:105px 0; }.product-heading { max-width:800px; margin-bottom:52px; }.product-heading .eyebrow::after { background:var(--product-accent); }.product-heading h2 { margin:0; font-size:clamp(34px,4vw,53px); line-height:1.2; letter-spacing:-.05em; }.product-heading > p:last-child { margin:22px 0 0; color:var(--muted); }
.capability-grid { display:grid; grid-template-columns:repeat(2,1fr); border-top:1px solid var(--line); border-left:1px solid var(--line); }
.capability-card { min-height:190px; padding:30px; border-right:1px solid var(--line); border-bottom:1px solid var(--line); background:#fff; }.capability-card span { color:var(--product-accent); font-size:12px; font-weight:900; }.capability-card h3 { max-width:480px; margin:52px 0 0; font-size:23px; line-height:1.45; letter-spacing:-.03em; }
.product-connections { color:#fff; background:linear-gradient(120deg,#071526,#0b2a45); }.connection-layout { display:grid; grid-template-columns:.85fr 1.15fr; gap:72px; align-items:center; }.product-connections .product-heading { margin:0; }.product-connections .product-heading h2 { color:#fff; }.product-connections .product-heading > p:last-child { color:rgba(255,255,255,.63); }
.connection-map { display:grid; grid-template-columns:190px 60px 1fr; align-items:center; min-height:380px; padding:34px; border:1px solid rgba(255,255,255,.12); border-radius:22px; background:rgba(255,255,255,.035); }.connection-node { display:grid; place-items:center; min-height:170px; padding:20px; text-align:center; border:1px solid var(--product-accent); border-radius:18px; background:color-mix(in srgb,var(--product-accent) 15%,#071526); box-shadow:0 0 32px color-mix(in srgb,var(--product-accent) 14%,transparent); }.connection-node small { color:rgba(255,255,255,.45); font-size:9px; letter-spacing:.14em; }.connection-node strong { margin-top:8px; font-size:18px; line-height:1.25; }.connection-lines { display:grid; gap:35px; }.connection-lines i { position:relative; height:1px; background:linear-gradient(90deg,var(--product-accent),rgba(255,255,255,.15)); }.connection-lines i::after { content:""; position:absolute; right:0; top:-3px; width:6px; height:6px; border-top:1px solid var(--product-accent); border-right:1px solid var(--product-accent); transform:rotate(45deg); }.connection-list { display:grid; gap:10px; }.connection-list span { padding:15px 18px; border:1px solid rgba(255,255,255,.11); border-radius:9px; background:rgba(255,255,255,.045); font-size:13px; }
.product-review { background:#f4f7fa; }.review-layout { display:grid; grid-template-columns:.9fr 1.1fr; gap:75px; }.review-layout .product-heading { margin:0; }.review-list { margin:0; padding:0; list-style:none; border-top:1px solid #d7e0e8; }.review-list li { display:grid; grid-template-columns:52px 1fr; align-items:center; min-height:88px; border-bottom:1px solid #d7e0e8; }.review-list span { color:var(--product-accent); font-size:11px; font-weight:900; }.review-list p { margin:0; font-weight:720; }.product-notice { display:grid; grid-template-columns:130px 1fr; gap:28px; margin-top:55px; padding:24px 28px; border-left:3px solid var(--product-accent); background:#fff; }.product-notice strong,.product-notice p { margin:0; }.product-notice p { color:var(--muted); font-size:13px; }
.product-related { background:#fff; }.product-heading.heading-row { display:flex; max-width:none; align-items:end; justify-content:space-between; }.product-heading.heading-row > div { max-width:780px; }.catalog-link { padding-bottom:5px; border-bottom:1px solid var(--ink); font-size:13px; font-weight:800; }.related-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.catalog-card { position:relative; display:flex; min-height:330px; flex-direction:column; padding:30px; border:1px solid #dce3eb; border-radius:18px; background:#fff; box-shadow:0 14px 40px rgba(7,25,43,.05); transition:transform .25s,border-color .25s,box-shadow .25s; }.catalog-card::before { content:""; position:absolute; inset:0 auto 0 0; width:3px; border-radius:18px 0 0 18px; background:var(--card-accent); }.catalog-card:hover { transform:translateY(-6px); border-color:color-mix(in srgb,var(--card-accent) 45%,#dce3eb); box-shadow:0 24px 55px rgba(7,25,43,.11); }.catalog-card-type { align-self:flex-end; padding:5px 9px; color:var(--card-accent); border:1px solid color-mix(in srgb,var(--card-accent) 35%,#dce3eb); border-radius:999px; font-size:10px; font-weight:850; }.catalog-card small { margin-top:20px; color:#8090a0; font-size:10px; font-weight:800; letter-spacing:.06em; }.catalog-card h3 { margin:12px 0 15px; font-size:24px; letter-spacing:-.04em; }.catalog-card p { margin:0; color:var(--muted); font-size:13px; }.catalog-card b { margin-top:auto; padding-top:24px; font-size:12px; }.catalog-card b i { color:var(--card-accent); font-style:normal; }.catalog-card.compact { min-height:300px; }
.product-cta { padding:92px 0; text-align:center; color:#fff; background:linear-gradient(120deg,#071526,#0c2b47); }.product-cta p { margin:0 0 12px; color:var(--product-accent,#ff3b45); font-size:12px; font-weight:850; letter-spacing:.08em; }.product-cta h2 { margin:0; font-size:clamp(34px,4vw,52px); letter-spacing:-.05em; }.product-cta span { display:block; margin:18px 0 30px; color:rgba(255,255,255,.65); }
.product-missing { min-height:72vh; padding:190px 0 100px; }
.product-missing h1 { margin:0; font-size:clamp(38px,5vw,62px); letter-spacing:-.05em; }
.product-missing p:not(.eyebrow) { max-width:680px; margin:24px 0 34px; color:var(--muted); }
.catalog-hero { padding:165px 0 100px; background:radial-gradient(circle at 78% 24%,rgba(32,165,255,.2),transparent 30%),linear-gradient(120deg,#06111f,#0b2b47); }.catalog-hero h1 { margin:0; font-size:clamp(45px,5vw,70px); line-height:1.14; letter-spacing:-.055em; }.catalog-hero > .shell > p:last-child { max-width:720px; margin:26px 0 0; color:rgba(255,255,255,.68); font-size:17px; }.catalog-section { padding:80px 0 110px; background:#f4f7fa; }.catalog-filter { display:flex; flex-wrap:wrap; gap:9px; }.catalog-filter button { padding:10px 15px; color:#596b7e; border:1px solid #d6dfe8; border-radius:999px; background:#fff; cursor:pointer; font-size:12px; font-weight:780; }.catalog-filter button.active { color:#fff; border-color:var(--navy-800); background:var(--navy-800); }.catalog-count { margin:32px 0 18px; color:#718197; font-size:12px; }.catalog-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
@media (max-width:900px){.product-hero-layout,.connection-layout,.review-layout{grid-template-columns:1fr}.product-visual{min-height:360px}.connection-map{max-width:720px}.catalog-grid,.related-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:620px){.product-hero{padding:125px 0 72px}.product-hero h1{font-size:42px}.product-visual{min-height:330px}.product-core{width:200px;height:200px}.product-orbit-one{width:280px;height:280px}.product-orbit-two{width:320px;height:210px}.product-section{padding:72px 0}.capability-grid,.catalog-grid,.related-grid{grid-template-columns:1fr}.connection-map{grid-template-columns:1fr;gap:20px}.connection-lines{grid-template-columns:repeat(3,1fr);width:100%}.connection-lines i{height:45px;width:1px;justify-self:center;background:linear-gradient(var(--product-accent),rgba(255,255,255,.15))}.connection-lines i::after{right:-3px;top:auto;bottom:0;transform:rotate(135deg)}.review-layout{gap:36px}.product-notice{grid-template-columns:1fr;gap:8px}.product-heading.heading-row{align-items:flex-start;gap:22px;flex-direction:column}.catalog-hero{padding:130px 0 75px}.catalog-card{min-height:300px}}