/* Three product families share a visual language, each keeps its own role. */
.hero-families{grid-template-columns:.95fr 1.15fr;gap:60px;min-height:620px}.hero-families h1{font-size:clamp(66px,6.2vw,90px)}.family-composition{display:grid;grid-template-columns:1.15fr 1fr;gap:14px;min-width:0}.family-scene{display:block;position:relative;background:#111722;border:1px solid #303b4e;border-radius:14px;overflow:hidden;transition:border-color .15s,background .15s}.family-scene:hover{border-color:#7e9ccd;background:#172234}.family-bots{grid-column:1/-1;background:radial-gradient(ellipse at 50% 90%,#1c2a43,#10151e 80%)}.family-label{padding:20px 22px 0;display:grid;grid-template-columns:1fr auto;gap:4px 15px;position:relative;z-index:1}.family-label>span{font-size:19px;letter-spacing:-.03em;font-weight:500}.family-label small{grid-column:1;font-size:11px;color:#aeb9cc}.family-label b{grid-column:2;grid-row:1/3;font-size:20px;color:#a8c5f7;font-weight:400}.family-creatures{display:flex;align-items:center;justify-content:center;padding:0 16px;height:149px;gap:0}.family-creatures img{width:20%;height:146px;object-fit:contain;filter:drop-shadow(0 8px 20px #111a2b)}.family-caption{display:block;padding:0 22px 17px;color:#adb9cc;font-size:10px}.family-screen{height:171px;padding:17px 17px 19px;display:flex;align-items:center;justify-content:center}.family-screen img{display:block;max-width:100%;max-height:100%;width:100%;height:100%;object-fit:contain;border-radius:4px}.family-plugins .family-screen{background:radial-gradient(ellipse at 50% 75%,#182b29,transparent)}.catalog-families{margin-bottom:45px}.catalog-families .family-composition{grid-template-columns:1.2fr 1fr 1fr}.catalog-families .family-bots{grid-column:auto}.catalog-families .family-creatures{height:171px;flex-wrap:wrap;gap:0}.catalog-families .family-creatures img{width:32%;height:78px}.catalog-families .family-caption{display:none}.catalog-families .family-label{min-height:79px}
.compact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;max-width:1060px}.compact-product{border:1px solid #2a3444;border-radius:12px;overflow:hidden;background:#10161f;min-width:0;display:flex;flex-direction:column}.compact-preview{display:flex;align-items:center;justify-content:center;height:192px;padding:14px 18px;position:relative;background:#0d1118;border-bottom:1px solid #273143;overflow:hidden}.compact-preview img{display:block;width:100%;height:100%;max-height:164px;object-fit:contain}.compact-preview>span{position:absolute;bottom:10px;right:12px;font-size:10px;color:#c1d6fa;background:#0d1525ed;border:1px solid #3b5073;border-radius:5px;padding:4px 8px}.compact-copy{padding:22px 24px;display:flex;flex-direction:column;flex:1}.compact-copy .overline{font-size:10px;margin:0 0 10px}.compact-copy h3{font-size:24px;letter-spacing:-.04em;line-height:1.2;margin-bottom:13px}.compact-copy>p:not(.overline){font-size:14px;line-height:1.7;max-width:55ch}.compact-copy ul{padding-left:17px;margin:17px 0 22px;color:#acb8cd;font-size:12px;line-height:1.7}.compact-copy li{margin-bottom:6px}.compact-copy li::marker{color:#7c9ed9}.compact-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px;padding-top:15px;margin-top:auto;border-top:1px solid #293347}.compact-bottom>span{font-size:11px;color:#c6d3e8}.compact-bottom i{font-style:normal;color:#7788a3;margin:0 5px}.compact-bottom .text-link{font-size:12px}.category-grid{margin-bottom:45px}.product-choice-help{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px;padding:40px 0 65px;border-top:1px solid #293344;margin-top:40px}.product-choice-help h2,.product-choice-help h3{font-size:21px;letter-spacing:-.025em;line-height:1.3;margin-bottom:14px}.product-choice-help p{font-size:14px;line-height:1.8}.product-choice-help .text-link{margin-top:15px}
.accessory-hero{display:grid;grid-template-columns:1.05fr 1fr;gap:50px;align-items:center;padding:20px 0 45px}.accessory-hero h1{font-size:clamp(36px,3.8vw,52px);line-height:1.12}.accessory-promise{font-size:23px;line-height:1.4;color:#c3d2eb;letter-spacing:-.025em;margin-top:23px;max-width:510px}.accessory-description{font-size:15px;line-height:1.8;margin-top:16px;max-width:520px}.accessory-hero .button{font-size:12px;padding:12px 15px;gap:4px}.accessory-price{font-size:12px;margin-top:22px;color:#cbd8ec}.accessory-price>span{margin:0 6px}.accessory-price small{display:block;color:var(--muted);font-size:10px;margin-top:7px}.accessory-hero-shot{margin:0;min-width:0}.accessory-hero-shot>a{height:320px;background:#0d121b;border:1px solid #344158;border-radius:12px;padding:20px;display:flex;justify-content:center;align-items:center;position:relative}.accessory-hero-shot img{width:100%;height:100%;object-fit:contain}.accessory-hero-shot>a>span{position:absolute;right:12px;bottom:12px;background:#172338eb;color:#bdd2f4;border:1px solid #3b5277;border-radius:5px;font-size:11px;padding:6px 10px}.accessory-hero-shot figcaption{font-size:10px;line-height:1.6;margin-top:12px;color:var(--muted)}.accessory-subnav{display:flex;gap:28px;overflow:auto;white-space:nowrap;padding:16px 0;border-top:1px solid #293448;border-bottom:1px solid #293448;margin-bottom:15px}.accessory-subnav a{font-size:12px;color:var(--blue-light);min-height:30px;display:flex;align-items:center}.accessory-section{padding:55px 0 30px;scroll-margin-top:100px}.accessory-section>h2{font-size:31px;line-height:1.2;margin-bottom:25px}.accessory-section .section-heading h2{font-size:32px;max-width:880px;line-height:1.3}.accessory-section .section-heading p{font-size:14px;margin-top:18px}.product-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px}.product-benefits article{padding:20px 0;border-top:1px solid #2a3549}.product-benefits h3{font-size:18px;line-height:1.5;letter-spacing:-.025em;color:#bacce8}.product-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.gallery-thumb{height:195px;display:flex;justify-content:center;align-items:center;background:#10151d;padding:14px;border:1px solid #303b4d;border-radius:9px;position:relative}.gallery-thumb img{width:100%;height:100%;object-fit:contain}.gallery-thumb>span{position:absolute;bottom:8px;right:8px;font-size:10px;padding:4px 8px;border-radius:5px;background:#121d30ef;color:var(--blue-light)}.edition-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:25px;max-width:1000px}.edition-grid article{padding:25px;border:1px solid #35445d;border-radius:10px;background:#111a28}.edition-grid article>span{font:12px var(--mono);color:#a7c6fa}.edition-grid h3{font-size:22px;line-height:1.4;margin:16px 0 12px}.edition-grid p{font-size:14px;line-height:1.8}.product-reference-extra{border-top:1px solid #303b4e;border-bottom:1px solid #303b4e;padding:15px 0;margin:20px 0}.product-reference-extra>summary{cursor:pointer;min-height:32px;color:#bdcfea;font-size:14px;padding:3px 0}.reference-copy{font-size:14px;line-height:1.8;max-width:100%}.reference-copy h2{font-size:29px;line-height:1.3;margin:15px 0 23px}.reference-copy h3,.reference-copy h4{font-size:19px;line-height:1.4;margin:18px 0 12px}.reference-copy p{margin:15px 0;max-width:78ch}.reference-copy .table-scroll{max-height:520px;margin:20px 0}.reference-copy table{white-space:normal;min-width:680px}.reference-copy td{font:12px/1.8 var(--sans);vertical-align:top}.reference-copy th{font-size:12px}.reference-copy .p-name{font-family:var(--mono);color:#c8d7ee;min-width:180px}.reference-copy .p-def{min-width:100px}.reference-copy .fparam-group{border:1px solid #303c52;border-radius:9px;margin:13px 0;padding:0 20px;background:#101720}.reference-copy .fparam-group>summary{padding:18px 0;cursor:pointer;font-size:15px;color:#c7d8f2}.reference-copy .count{font-size:11px;margin-left:10px;color:var(--muted)}.reference-copy .tag-pro{font-size:10px;color:#b7cffa;margin-left:5px}.reference-copy .fmanual{display:grid;grid-template-columns:1fr 1fr;gap:5px 35px;counter-reset:steps}.reference-copy .fstep{border-top:1px solid #303b4c;padding:15px 0;counter-increment:steps}.reference-copy .fstep h4:before{content:counter(steps) '. ';color:#9fbeff}.reference-copy .fstep p{font-size:14px}.reference-copy code{font:12px/1.8 var(--mono);color:#c4d8fa;overflow-wrap:anywhere}.reference-version-note{font-size:12px}.related-products{margin:30px 0 45px}.cot-feature{display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:center;border:1px solid #344159;border-radius:14px;background:#111720;padding:25px;margin-bottom:70px}.cot-feature img{width:100%;height:260px;object-fit:contain}.cot-feature h2{font-size:30px;line-height:1.25;margin:15px 0}.cot-feature p{font-size:14px;line-height:1.8}.cot-feature .text-link{margin-top:15px}
.product-lightbox{color:#e7e9ec;background:#0d121b;border:1px solid #4b5e7d;border-radius:12px;padding:18px;width:min(1250px,calc(100% - 32px));max-width:calc(100% - 32px);height:min(90dvh,980px);max-height:90dvh;overflow:hidden}.product-lightbox::backdrop{background:#05080dec}.lightbox-top{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:13px;padding:0 0 14px;height:54px}.lightbox-top button,.lightbox-controls button{min-width:44px;min-height:40px;border:1px solid #4b6083;border-radius:6px;color:#d6e4fa;background:#1b2940;font-size:15px}.lightbox-image{width:100%;height:calc(100% - 110px);object-fit:contain}.lightbox-controls{display:flex;justify-content:center;align-items:center;gap:25px;height:56px;font:12px var(--mono)}
@media(max-width:1100px){.hero-families{gap:30px}.family-label{padding:16px 16px 0}.family-label>span{font-size:17px}.family-label small{font-size:10px}.family-creatures{height:130px;padding:0 8px}.family-creatures img{height:127px}.family-screen{height:150px;padding:12px}.accessory-hero{gap:30px}.compact-copy{padding:20px}.compact-copy h3{font-size:23px}}
@media(max-width:800px){.hero-families{grid-template-columns:1fr 1fr;gap:25px}.hero-families h1{font-size:63px}.family-composition{gap:10px}.family-creatures{height:95px}.family-creatures img{height:95px}.family-label>span{font-size:15px}.family-label small{font-size:9px}.family-label{padding:14px 12px 0;gap:3px 8px}.family-label b{font-size:17px}.family-screen{height:120px;padding:10px}.family-caption{font-size:9px;padding:0 12px 12px}.compact-grid{gap:18px}.compact-preview{height:160px}.compact-copy h3{font-size:21px}.compact-copy>p:not(.overline){font-size:13px}.compact-copy ul{font-size:11px}.compact-bottom{align-items:flex-start;flex-direction:column;gap:6px}.accessory-hero{grid-template-columns:1fr}.accessory-hero-shot>a{height:280px}.accessory-hero h1{font-size:43px}.accessory-description{max-width:620px}.product-gallery{grid-template-columns:1fr 1fr}.product-choice-help{gap:23px}.catalog-families .family-composition{grid-template-columns:1fr 1fr}.catalog-families .family-bots{grid-column:1/-1}.catalog-families .family-creatures{flex-wrap:nowrap;height:140px}.catalog-families .family-creatures img{height:135px;width:20%}.catalog-families .family-screen{height:190px}.cot-feature{grid-template-columns:1fr;gap:20px}.cot-feature img{height:210px}.product-benefits{gap:22px}.product-benefits h3{font-size:16px}}
@media(max-width:560px){.hero-families{grid-template-columns:1fr;gap:33px;min-height:0}.hero-families h1{font-size:73px}.family-label>span{font-size:18px}.family-label small{font-size:10px}.family-creatures{height:125px}.family-creatures img{height:120px}.family-screen{height:143px}.family-caption{font-size:10px;padding:0 14px 14px}.compact-grid{grid-template-columns:1fr;gap:23px}.compact-preview{height:172px;padding:12px 16px}.compact-preview img{max-height:148px}.compact-copy{padding:21px}.compact-copy h3{font-size:23px}.compact-copy ul{font-size:12px}.compact-bottom{flex-direction:row;align-items:center;gap:12px}.compact-bottom>span{font-size:10px}.product-choice-help{grid-template-columns:1fr;gap:28px;padding-bottom:45px}.product-choice-help h2,.product-choice-help h3{font-size:22px}.accessory-hero h1{font-size:37px}.accessory-promise{font-size:22px}.accessory-description{font-size:14px}.accessory-hero-shot>a{height:240px;padding:14px}.accessory-hero .actions{flex-direction:column;align-items:stretch;gap:10px}.accessory-subnav{gap:23px}.accessory-section{padding-top:40px}.accessory-section>h2,.accessory-section .section-heading h2{font-size:27px}.product-benefits{grid-template-columns:1fr;gap:0}.product-benefits h3{font-size:18px}.gallery-thumb{height:156px;padding:9px}.edition-grid{grid-template-columns:1fr;gap:16px}.reference-copy .fmanual{grid-template-columns:1fr}.reference-copy .fparam-group{padding:0 14px}.reference-copy h2{font-size:25px}.reference-copy .fparam-group>summary{font-size:13px}.catalog-families .family-screen{height:143px}.cot-feature{padding:18px}.cot-feature h2{font-size:26px}.product-lightbox{padding:12px}.lightbox-top{font-size:11px}}
@media(prefers-reduced-motion:reduce){.family-scene{transition:none}}

/* Match the preview shape to the screenshot instead of shrinking every image
   into the same shallow frame. Plugin cards give the vertical UI its own column. */
.compact-grid{max-width:none}
.compact-preview{height:auto;aspect-ratio:16/10;padding:10px}
.compact-preview img{height:100%;max-height:none;width:100%;object-fit:contain}
.compact-grid-plugins{grid-template-columns:1fr}
.compact-plugins{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.compact-plugins .compact-preview{height:376px;aspect-ratio:auto;padding:12px;border-bottom:0;border-right:1px solid #273143}
.compact-plugins .compact-copy{padding:30px;justify-content:center}
.compact-plugins .compact-copy h3{font-size:28px}
.compact-plugins .compact-copy ul{margin:18px 0 26px}
.compact-plugins .compact-bottom{margin-top:0}
.family-screen{height:205px;padding:12px}
.accessory-plugins .accessory-hero-shot>a{height:430px;padding:12px}
.accessory-plugins .product-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}
.accessory-plugins .gallery-thumb{height:355px;padding:10px}
@media(max-width:1100px){.family-screen{height:175px}.compact-plugins .compact-copy{padding:24px}}
@media(max-width:800px){.family-screen{height:145px}.compact-plugins .compact-copy h3{font-size:24px}.compact-plugins .compact-preview{height:350px}.compact-plugins .compact-copy{padding:20px}.compact-plugins .compact-bottom{flex-direction:column;align-items:flex-start}.accessory-plugins .accessory-hero-shot>a{height:400px}}
@media(max-width:560px){.compact-plugins{grid-template-columns:1fr}.compact-preview{aspect-ratio:16/10;padding:8px}.compact-preview img{max-height:none}.compact-plugins .compact-preview{height:350px;padding:10px;border-right:0;border-bottom:1px solid #273143}.compact-plugins .compact-copy{padding:21px}.compact-plugins .compact-bottom{flex-direction:row;align-items:center}.family-screen{height:155px;padding:8px}.accessory-plugins .accessory-hero-shot>a{height:360px;padding:8px}.accessory-plugins .product-gallery{grid-template-columns:1fr}.accessory-plugins .gallery-thumb{height:350px}}