:root{--ink:#171918;--paper:#f2efe8;--white:#fbfaf7;--muted:#686b66;--line:#d8d4cb;--accent:#d7783c;--dark:#101312;--dark2:#1b1f1d;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.58}a{color:inherit;text-decoration:none}.wrap{width:min(var(--max),calc(100% - 44px));margin:auto}.nav{position:sticky;top:0;z-index:30;background:rgba(16,19,18,.95);backdrop-filter:blur(14px);color:white;border-bottom:1px solid #2c302e}.navin{height:72px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font-weight:800;letter-spacing:.075em;font-size:.86rem}.brand span{font-weight:430;color:#b7bab6}.links{display:flex;gap:22px;color:#d2d4d0;font-size:.86rem}.links a:hover{color:white}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:12px 18px;font-weight:760;border:1px solid transparent}.primary{background:var(--accent);color:#17120f}.secondary{border-color:#aaa;background:transparent}.dark .secondary,.hero .secondary{border-color:#555;color:white}.hero{background:radial-gradient(circle at 80% 25%,rgba(215,120,60,.16),transparent 27%),linear-gradient(120deg,#0b0e0d,#1d2220);color:white;padding:100px 0 92px}.heroGrid,.split{display:grid;grid-template-columns:1.05fr .95fr;gap:64px;align-items:center}.eyebrow,.kicker{text-transform:uppercase;letter-spacing:.15em;font-size:.72rem;font-weight:850;color:var(--accent)}h1{font-size:clamp(3.1rem,7vw,6.4rem);line-height:.92;letter-spacing:-.06em;margin:14px 0 24px}.title{font-family:Georgia,serif;font-size:clamp(2.4rem,5vw,4.5rem);line-height:1.03;letter-spacing:-.035em;margin:10px 0 18px;max-width:900px}.lead,.intro{font-size:1.1rem;color:#60635e;max-width:760px}.hero .lead,.dark .intro{color:#c1c4bf}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}.visual{height:470px;border:1px solid #3a3f3c;border-radius:26px;background:linear-gradient(145deg,#303633,#111);display:grid;place-items:center;color:#c8cac6;text-align:center;padding:30px}.section{padding:94px 0}.white{background:var(--white)}.dark{background:var(--dark);color:white}.grid{display:grid;gap:14px}.g2{grid-template-columns:repeat(2,1fr)}.g3{grid-template-columns:repeat(3,1fr)}.g4{grid-template-columns:repeat(4,1fr)}.card{background:white;border:1px solid var(--line);border-radius:18px;padding:28px;min-height:235px;display:flex;flex-direction:column}.dark .card{background:var(--dark2);border-color:#353a37}.card h3{font-size:1.35rem;line-height:1.16;margin:34px 0 10px}.card p{color:var(--muted);font-size:.93rem}.dark .card p{color:#b3b6b1}.card a{font-weight:780;margin-top:auto}.number{font-size:.74rem;color:#979a94}.band{background:var(--accent);border-radius:26px;padding:48px}.band .kicker{color:#332015}.journey{display:grid;grid-template-columns:repeat(8,1fr);gap:8px;margin:44px 0 20px}.step{border-top:2px solid #565c58;padding-top:10px;font-size:.69rem;letter-spacing:.06em;color:#c6c8c4}.step b{display:block;color:white}.pricebox{background:#161918;color:white;border-radius:20px;padding:28px}.price{font-size:3rem;font-weight:850;letter-spacing:-.05em}.checklist{padding:0;list-style:none}.checklist li{padding:10px 0;border-bottom:1px solid var(--line)}.checklist li:before{content:'✓';color:var(--accent);font-weight:900;margin-right:10px}.dark .checklist li{border-color:#343936}.route{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center;padding:24px 0;border-top:1px solid var(--line)}.route:last-child{border-bottom:1px solid var(--line)}.route h3{margin:0 0 5px}.route p{margin:0;color:var(--muted)}.callout{border-left:4px solid var(--accent);padding:8px 0 8px 22px;font-family:Georgia,serif;font-size:1.55rem;line-height:1.3;margin:32px 0}.productHero{background:#151917;border-radius:28px;padding:42px;color:white}.productMark{height:220px;border:1px solid #3b403d;border-radius:18px;display:grid;place-items:center;font-family:Georgia,serif;font-size:2.6rem;background:radial-gradient(circle,rgba(215,120,60,.16),transparent 50%)}.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:28px}.fact{border-top:1px solid #555;padding-top:12px;color:#c1c4bf;font-size:.88rem}.certificate{background:white;border:1px solid #cbc7bd;min-height:420px;padding:40px;display:grid;place-items:center;text-align:center;box-shadow:0 18px 60px rgba(0,0,0,.08)}.seal{width:78px;height:78px;border:2px solid var(--accent);border-radius:50%;display:grid;place-items:center;color:var(--accent);font-weight:900;margin:auto}.faq details{background:white;border:1px solid var(--line);border-radius:12px;padding:17px 20px;margin:9px 0}.faq summary{cursor:pointer;font-weight:760}.footer{background:#0b0d0c;color:#929590;padding:38px 0;font-size:.8rem}.foot{display:flex;justify-content:space-between;gap:20px}.crumb{font-size:.8rem;color:#a9aca7;margin-bottom:30px}.tag{display:inline-block;border:1px solid #bbb;border-radius:999px;padding:6px 10px;font-size:.74rem;margin:4px 4px 0 0}.dark .tag{border-color:#464c48;color:#c2c5c0}.form{display:grid;gap:12px}.form input,.form textarea,.form select{width:100%;padding:14px;border-radius:10px;border:1px solid var(--line);background:white}.form textarea{min-height:120px}.small{font-size:.84rem;color:var(--muted)}
@media(max-width:900px){.links{display:none}.heroGrid,.split{grid-template-columns:1fr}.g4,.g3{grid-template-columns:1fr 1fr}.journey{grid-template-columns:repeat(4,1fr)}.facts{grid-template-columns:1fr}.section{padding:72px 0}}
@media(max-width:560px){.wrap{width:min(var(--max),calc(100% - 28px))}.g4,.g3,.g2{grid-template-columns:1fr}.journey{grid-template-columns:1fr 1fr}.route{grid-template-columns:1fr}.band{padding:28px}.foot{flex-direction:column}.hero{padding:72px 0}}
/* V3 brand + credentials */
.brand-logo{height:38px;width:auto;display:block}.credential-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:34px}.credential{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px;min-height:180px;display:flex;flex-direction:column;justify-content:space-between}.credential-logo{height:74px;display:flex;align-items:center;justify-content:center;margin-bottom:14px}.credential-logo img{max-width:100%;max-height:70px;object-fit:contain}.credential h3{font-size:1rem;margin:0 0 5px}.credential p{font-size:.82rem;color:var(--muted);margin:0}.cred-strip{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-top:34px}.cred-chip{min-height:92px;background:white;border:1px solid var(--line);border-radius:14px;padding:12px;display:flex;align-items:center;justify-content:center}.cred-chip img{max-width:100%;max-height:62px;object-fit:contain}.cube-feature{background:#080a09;border-radius:28px;overflow:hidden;min-height:430px;display:grid;grid-template-columns:.9fr 1.1fr;align-items:center}.cube-feature img{width:100%;height:100%;object-fit:cover;min-height:430px}.cube-copy{padding:46px;color:white}.qual-note{margin-top:24px;padding:18px 20px;border:1px solid var(--line);border-radius:14px;background:#f7f4ed}.dark .qual-note{background:#171a18;border-color:#353a37}.micro{font-size:.74rem;color:#7d817b}.brand-lockup{max-width:520px;width:100%;height:auto;display:block}.hero-brand{margin-bottom:24px;max-width:460px}.hero h1{margin-top:10px}@media(max-width:900px){.credential-grid{grid-template-columns:repeat(2,1fr)}.cred-strip{grid-template-columns:repeat(3,1fr)}.cube-feature{grid-template-columns:1fr}.cube-feature img{min-height:320px}}@media(max-width:560px){.credential-grid{grid-template-columns:1fr}.cred-strip{grid-template-columns:repeat(2,1fr)}}

/* M6 functional-page additions */
.extlink{font-weight:700}.contactGrid{display:grid;grid-template-columns:1.2fr .8fr;gap:28px}.contactBox{padding:28px;border:1px solid #d9d3c8;border-radius:14px;background:#fff}.contactBox h3{margin-top:0}.field{display:grid;gap:7px;margin-bottom:15px}.field label{font-size:.82rem;font-weight:700}.field input,.field select,.field textarea{width:100%;box-sizing:border-box;padding:12px;border:1px solid #c8c2b7;border-radius:7px;background:#fff;font:inherit}.field textarea{min-height:130px}.brandlinks a{display:inline-block;margin:8px 12px 8px 0}.smallprint{font-size:.82rem;opacity:.72}.productGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.productGrid .card{height:100%;box-sizing:border-box}@media(max-width:760px){.contactGrid,.productGrid{grid-template-columns:1fr}}

/* M8 Shop Products */
.shopHero{padding:68px 0 44px;background:#0b1115;color:#fff}.shopHero h1{margin:.15em 0;font:700 clamp(2.7rem,6vw,5rem)/.95 Georgia,serif}.shopHero p{max-width:760px;color:#cfd4d2;font-size:1.12rem}
.shopbar{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.shopbar a{padding:9px 13px;border:1px solid #4a4f4c;border-radius:999px;color:#fff;text-decoration:none;font-size:.88rem}
.storeGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.storeCard{background:#fff;border:1px solid #ddd7cd;border-radius:14px;overflow:hidden;display:flex;flex-direction:column}.storeImage{aspect-ratio:4/3;background:#111820;display:flex;align-items:center;justify-content:center;padding:28px;text-decoration:none;color:#e4bb56;font:700 1.25rem Georgia,serif;text-align:center}.storeBody{padding:18px;display:flex;flex-direction:column;flex:1}.storeBody h3{margin:0 0 6px}.storeBody p{font-size:.92rem}.price{margin-top:auto;font-weight:800}.buyrow{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:13px}.buyrow .btn{text-align:center;padding:10px 8px}.consultPanel{margin-top:30px;padding:26px;border-radius:14px;background:#101312;color:#fff}.consultPanel h2{margin-top:0;color:#fff}.consultPanel p{color:#d2d5d2;max-width:900px}
@media(max-width:980px){.storeGrid{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.storeGrid{grid-template-columns:1fr}.buyrow{grid-template-columns:1fr}}

/* M9 — specialist shop catalogue */
.shopIntro{max-width:820px}.brandSection{padding:52px 0;border-top:1px solid var(--line)}
.brandHead{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:22px}
.brandHead h2{margin:0;font:700 clamp(2rem,4vw,3.3rem)/1 Georgia,serif}.brandHead p{max-width:620px;margin:0}
.catalogue{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.productTile{background:#fff;border:1px solid #ddd7cd;border-radius:14px;overflow:hidden;display:flex;flex-direction:column}
.productVisual{min-height:185px;background:linear-gradient(145deg,#0a1015,#18232b);display:flex;align-items:center;justify-content:center;padding:24px;color:#e6bd56;text-align:center;text-decoration:none;font:700 1.3rem/1.2 Georgia,serif}
.productVisual span{display:block;font:500 .72rem/1.4 Arial,sans-serif;color:#aeb8bf;letter-spacing:.12em;text-transform:uppercase;margin-top:8px}
.productInfo{padding:18px;display:flex;flex-direction:column;flex:1}.productInfo h3{margin:0 0 7px}.productInfo p{margin:0 0 16px;font-size:.92rem}
.productActions{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto}.productActions .btn{padding:9px 12px;font-size:.78rem}
.groupLabel{font-size:.74rem;letter-spacing:.13em;text-transform:uppercase;color:var(--accent);font-weight:800;margin-bottom:7px}
.shopConsult{margin-top:26px;padding:26px;border-radius:14px;background:#101312;color:#fff}.shopConsult p{color:#d2d5d2;max-width:900px}
@media(max-width:900px){.catalogue{grid-template-columns:repeat(2,1fr)}.brandHead{display:block}.brandHead p{margin-top:12px}}
@media(max-width:600px){.catalogue{grid-template-columns:1fr}}

/* M10 — genuine Andrew portrait overlay on the locked visual-master homepage */
.homepage-master-wrap{position:relative;line-height:0}
.homepage-master-wrap>img{display:block;width:100%;height:auto}
.andrew-home-portrait{position:absolute;left:2.02%;top:57.42%;width:12.43%;height:19.43%;overflow:hidden;border-radius:3px;z-index:8;line-height:normal;background:#080b0d}
.andrew-home-portrait img{width:100%;height:100%;display:block;object-fit:cover;object-position:50% 44%}
@media(max-width:700px){.andrew-home-portrait{display:none}}

/* M11 catalogue image treatment */
.productVisual{position:relative;flex-direction:column;gap:8px;min-height:210px}
.productVisual img{display:block;width:100%;height:155px;object-fit:contain;background:#fff;border-radius:5px}
.productVisual .productModel{font-size:1rem;color:#e6bd56}
.manufacturerLink{display:block;font-size:.82rem;margin:0 18px 12px;color:#98762c;text-decoration:underline}

/* M13: readable secondary-page brand and compact expandable shop groups */
.nav .brand-logo{height:74px;width:auto;max-width:260px;object-fit:contain}
.nav .navin{gap:14px}
.nav .links{gap:12px;flex-wrap:wrap}
.nav .links a{font-size:12px}
.shop-brand-accordion{border:1px solid rgba(199,163,91,.42);border-radius:10px;background:#0c141c;margin:16px 0;overflow:hidden}
.shop-brand-accordion>summary{display:flex;align-items:center;justify-content:space-between;gap:20px;cursor:pointer;padding:24px 28px;list-style:none}
.shop-brand-accordion>summary::-webkit-details-marker{display:none}
.shop-brand-name{font-size:clamp(22px,3vw,30px);font-weight:650;color:#e4c17d}
.shop-brand-hint{font-size:13px;color:#d6d6d6}
.shop-brand-hint:after{content:"  +";font-size:22px;color:#e4c17d}
.shop-brand-accordion[open] .shop-brand-hint:after{content:"  −"}
.shop-brand-accordion .brandHead{display:none}
.shop-brand-accordion .catalogue{padding:0 20px 24px}
@media(max-width:850px){.nav .brand-logo{height:58px;max-width:210px}.shop-brand-accordion>summary{padding:18px}}

/* M14 Procella nested catalogue */
.procella-intro{padding:0 26px 12px;color:#bfc5cc}
.procella-category{display:flex;gap:14px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin:0 22px 12px;padding:17px 19px;background:#111e29;border:1px solid #344250;border-radius:7px;text-decoration:none;color:#eee}
.procella-category strong{color:#e4c17d;font-size:17px;min-width:180px}.procella-category span{font-size:13px;color:#c8d0d6}.procella-category:hover{border-color:#e4c17d}

/* V2: cropped logo asset eliminates large built-in blank margins. */
.nav .brand-logo{height:auto;width:clamp(215px,22vw,335px);max-width:none;object-fit:contain}
.nav .navin{min-height:92px;height:auto;padding-top:13px;padding-bottom:13px}
.nav .brand{flex-shrink:0}
@media(max-width:900px){.nav .brand-logo{width:240px}.nav .navin{flex-wrap:wrap;justify-content:center}}

/* M15: modestly larger secondary-page wordmark */
.nav .brand-logo{width:clamp(240px,24vw,365px)}
@media(max-width:900px){.nav .brand-logo{width:260px}}

/* M16: one preview image for each collapsed brand row */
.shop-brand-accordion>summary{min-height:126px;justify-content:flex-start}
.shop-brand-accordion .brand-preview{width:164px;height:96px;object-fit:contain;background:#f4f4f4;border-radius:6px;padding:6px;flex:0 0 164px}
.shop-brand-accordion .shop-brand-name{flex:1}
.shop-brand-accordion .shop-brand-hint{white-space:nowrap}
@media(max-width:650px){.shop-brand-accordion>summary{gap:12px;min-height:94px;padding:12px}.shop-brand-accordion .brand-preview{width:92px;height:68px;flex-basis:92px}.shop-brand-accordion .shop-brand-name{font-size:20px}.shop-brand-accordion .shop-brand-hint{font-size:11px}}

/* M17: one-line desktop navigation, accessible compact menu at tighter widths */
.nav .navin{flex-wrap:nowrap}
.nav .links{flex-wrap:nowrap;white-space:nowrap;gap:clamp(7px,0.75vw,13px)}
.nav .links a{font-size:clamp(10px,0.75vw,12px)}
.nav .brand-logo{width:clamp(225px,20vw,320px)}
.nav .btn.primary{white-space:nowrap;padding:11px 13px;font-size:12px}
.compact-site-menu{display:none;position:relative;margin-left:auto;color:#f4e8d1}
.compact-site-menu>summary{cursor:pointer;list-style:none;border:1px solid #786b55;border-radius:8px;padding:10px 17px;font-weight:700}
.compact-site-menu>summary::-webkit-details-marker{display:none}
.compact-menu-links{position:absolute;right:0;top:calc(100% + 10px);min-width:245px;max-height:70vh;overflow:auto;display:flex;flex-direction:column;padding:10px;background:#101715;border:1px solid #675942;border-radius:12px;box-shadow:0 16px 30px #0008;z-index:100}
.compact-menu-links a{display:block;padding:9px 12px;border-radius:5px;font-size:14px;white-space:nowrap}
.compact-menu-links a:hover{background:#27312e}
@media(max-width:1450px){
 .nav .links{display:none}
 .compact-site-menu{display:block}
 .nav .navin{justify-content:space-between;flex-wrap:nowrap}
 .nav .brand-logo{width:clamp(215px,27vw,335px)}
}
@media(max-width:600px){
 .nav .navin{gap:9px}
 .nav .brand-logo{width:clamp(150px,37vw,215px)}
 .nav .btn.primary{font-size:10px;padding:9px}
 .compact-site-menu>summary{padding:8px 10px}
}

/* M18: replace editorial placeholders with genuine portrait and labelled illustrative graphics */
.visual.design-graphic,.visual.installation-graphic,.visual.calibration-graphic,.visual.troubleshooting-graphic,.visual.andrew-graphic{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:22px;min-height:330px;padding:24px;background:radial-gradient(ellipse at center,#1d2a32,#0a1119 74%);color:#d6b77c;text-align:center}
.visual small{font-size:13px;line-height:1.5;color:#d8d7d0}
.room-plan{width:min(100%,390px);height:215px;position:relative;border:2px solid #a9905d;border-radius:10px;background:linear-gradient(90deg,transparent 49.5%,#56616b55 50%,transparent 50.5%)}
.room-plan span{position:absolute;font-size:13px;font-weight:bold;letter-spacing:2px}
.plan-screen{top:14px;left:27%;width:46%;padding:7px;background:#d4b678;color:#101821}
.plan-seat{color:#d8c5a0;font-size:25px!important;letter-spacing:12px!important}
.seat-one{top:102px;left:29%}.seat-two{top:154px;left:29%}.plan-l{top:72px;left:10%}.plan-r{top:72px;right:10%}
.signal-flow{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px}
.signal-flow span{border:1px solid #b8985b;padding:16px 12px;border-radius:6px;background:#182530;color:#f1e1bf;font-size:12px;letter-spacing:1px}
.signal-flow b{color:#d2b47b;font-size:23px}
.response-chart{width:100%;max-width:460px}.response-chart svg{width:100%;height:auto}
.chart-key{display:flex;justify-content:center;gap:22px;font-size:11px;color:#d5d5d5}
.chart-key span:before{content:"— ";color:#d8ae66}.chart-key span:first-child:before{color:#b76e54}
.diagnostic-rings{height:220px;width:220px;border:2px solid #b99b66;border-radius:50%;display:grid;place-items:center;box-shadow:0 0 0 22px #c8a96b17,0 0 0 45px #c8a96b12}
.diagnostic-center{font-size:26px;letter-spacing:2px;line-height:1.4}.diagnostic-center em{font-style:normal;font-size:16px}
.visual.andrew-graphic{padding:0;overflow:hidden;gap:0}.about-real-portrait{width:100%;height:310px;object-fit:contain;object-position:center bottom}.visual.andrew-graphic small{padding:8px 12px 18px}
.productVisual .device-illustration{display:block;position:relative;width:65%;height:78px;margin:5px auto 15px;border:2px solid #5b6971;border-radius:7px;background:linear-gradient(145deg,#38414a,#11161b 60%,#293039);box-shadow:6px 7px 12px #0007}
.productVisual .device-illustration.component:before{content:"";position:absolute;left:8%;top:30%;width:23%;height:38%;border:1px solid #7d909d;background:#0b1119;border-radius:2px}
.productVisual .device-illustration.component:after{content:"";position:absolute;right:11%;top:32%;width:22px;height:22px;border:3px solid #89949b;border-radius:50%}
.productVisual .device-illustration.projector{height:83px;width:55%;border-radius:18px}
.productVisual .device-illustration.projector .device-lens{display:block;width:58px;height:58px;border:8px solid #4c5d6c;border-radius:50%;background:radial-gradient(circle,#416f97 8%,#0a1521 30%,#233a51 46%,#070b12 62%);position:absolute;top:11px;left:calc(50% - 29px)}
@media(max-width:650px){.signal-flow span{padding:10px 7px;font-size:10px}.room-plan{height:200px}}

/* M20: softer, more conversational About-page opening statement */
.about-page .hero h1{font-family:Georgia,serif;font-size:clamp(2.05rem,3.6vw,3.75rem);font-weight:400;line-height:1.14;letter-spacing:-.028em;max-width:700px;margin:18px 0 24px}
@media(max-width:650px){.about-page .hero h1{font-size:clamp(1.9rem,7vw,2.6rem);line-height:1.18}}

/* Sample certificate, sourced from supplied presentation */
.performance-certificate-image{display:block;width:100%;height:auto;max-width:490px;margin:auto;box-shadow:0 12px 35px #0002;border:1px solid #cdbf9d}.sample-certificate-caption{font-size:.82rem;line-height:1.55;opacity:.8;margin:12px 0 0;max-width:520px}.certificate:has(.performance-certificate-image){background:transparent;padding:0;border:0;box-shadow:none}

/* M23: separate performance certificate from technical report */
.calibration-process{max-width:1050px;margin:auto}.documentation-section .intro{max-width:900px}.documentation-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;margin-top:30px}.documentation-card{border:1px solid #ddd7c8;border-radius:14px;padding:28px;background:#fff;min-width:0}.documentation-card h3{font-size:clamp(1.35rem,2vw,1.85rem);margin:10px 0 14px}.documentation-card p{line-height:1.65}.documentation-label{font-size:.76rem;text-transform:uppercase;letter-spacing:.12em;color:#937144;font-weight:700}.certificate-example{margin:20px auto 0;max-width:340px}.certificate-example img{width:100%;height:auto;display:block;border:1px solid #e7dfcb;box-shadow:0 8px 28px #00000013}.certificate-example figcaption{font-size:.8rem;line-height:1.5;color:#646464;margin-top:10px}.report-example{background:#f5f2eb;border:1px solid #e7dfd1;border-radius:10px;padding:22px;margin-top:22px}.report-example-heading{font-weight:700;margin-bottom:12px}.report-example ul{padding-left:20px;line-height:1.85}.report-example-note{font-size:.8rem;color:#69645c;margin-top:15px}.documentation-note{margin-top:22px;font-size:.92rem;line-height:1.6}@media(max-width:760px){.documentation-grid{grid-template-columns:1fr}.documentation-card{padding:20px}}


/* M24 — tools directory and Studio Six Digital product range */
.tool-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:28px}.tool-card{padding:28px;border:1px solid rgba(176,147,91,.35);background:#131b2a;color:#e7e8eb;border-radius:13px;display:flex;flex-direction:column;align-items:flex-start}.tool-card h3{font-size:1.35rem;line-height:1.25;margin:12px 0}.tool-card p{color:#c2c7cf;line-height:1.65;flex:1}.tool-label{color:#bba478;letter-spacing:.12em;font-size:.72rem;font-weight:700}.tool-card .btn{margin-top:14px}.ssd-shop-banner{display:flex;justify-content:space-between;align-items:center;gap:26px;padding:32px;border:1px solid rgba(176,147,91,.35);border-radius:14px;background:#141d2b}.ssd-shop-banner h2{margin:12px 0;font-size:clamp(1.8rem,3vw,2.5rem)}.ssd-shop-banner p{max-width:580px;color:#d0d1d4}.ssd-shop-banner .actions{display:flex;flex-wrap:wrap;gap:10px}.ssd-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:30px}.ssd-card{overflow:hidden;border:1px solid rgba(176,147,91,.28);border-radius:13px;background:#141c2b;display:flex;flex-direction:column;color:#e9e8e5}.ssd-visual{height:142px;background:radial-gradient(circle at 50% 45%,#2d394a,#0c1320);display:flex;align-items:center;justify-content:center}.ssd-symbol{display:block;position:relative;background:linear-gradient(90deg,#a7b0bb,#eef0f3 50%,#788493);box-shadow:9px 11px 15px #0008}.ssd-mic{width:24px;height:102px;border-radius:9px}.ssd-mic:after{content:'';position:absolute;left:-6px;bottom:-8px;width:36px;height:9px;border-radius:4px;background:#3d4956}.ssd-signal,.ssd-interface{width:160px;height:52px;border-radius:9px;border:3px solid #6c7683}.ssd-signal:after,.ssd-interface:after{content:'';position:absolute;left:15px;top:17px;width:18px;height:12px;border-radius:50%;background:#2b3948;box-shadow:30px 0 #2b3948}.ssd-kit,.ssd-service{width:128px;height:84px;border:5px solid #4d5664;border-radius:11px}.ssd-copy{padding:22px;display:flex;flex-direction:column;flex:1}.ssd-copy h3{font-size:1.24rem;margin:12px 0}.ssd-copy p{line-height:1.55;color:#c9cbd0;flex:1}.ssd-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:16px}.ssd-actions>a:not(.btn){color:#cbb58b;font-size:.86rem}.ssd-more{margin-top:28px;padding:26px;border:1px solid rgba(176,147,91,.35);border-radius:13px}.ssd-more p{max-width:800px}.tools-hero h1{max-width:800px}@media(max-width:980px){.ssd-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ssd-shop-banner{flex-direction:column;align-items:flex-start}}@media(max-width:650px){.tool-grid,.ssd-grid{grid-template-columns:1fr}.tool-card{padding:20px}.ssd-shop-banner{padding:22px}}

/* M27: Explicit text contrast for Studio Six Digital dark product panels.
   Prevent headings inheriting dark text from light-section typography. */
.ssd-card, .ssd-card .ssd-copy { color: #f4f2ed; }
.ssd-card .ssd-copy h3 { color: #ffffff; }
.ssd-card .ssd-copy p { color: #d5d9df; }
.ssd-card .ssd-copy .tool-label { color: #dbc08a; }
.ssd-card .ssd-actions a:not(.btn) { color: #f0d49a; text-decoration: underline; text-underline-offset: 3px; }
.ssd-shop-banner, .ssd-shop-banner h2, .ssd-shop-banner h3 { color: #ffffff; }
.ssd-shop-banner p { color: #d9dce1; }
.ssd-shop-banner .tool-label { color: #dbc08a; }
.ssd-card a:focus-visible, .ssd-shop-banner a:focus-visible {
  outline: 3px solid #f0d49a; outline-offset: 3px;
}

/* M30: photo-ready product card areas, intentionally not fake product photographs */
.ssd-photo-slot{display:flex;align-items:center;justify-content:center;min-height:175px;background:linear-gradient(135deg,#222b39,#101722);border:1px solid #3b4655;border-radius:8px;color:#c6cbd4;text-align:center;padding:20px}
.ssd-photo-note{font-size:.82rem;letter-spacing:.025em}
.ssd-card .ssd-copy h3{color:#fff}.ssd-card .ssd-copy p{color:#d8dce4}
.ssd-card .ssd-actions a:not(.btn){color:#e5ca90;text-decoration:underline;text-underline-offset:3px}
.ssd-card .ssd-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}

/* M32 Studio Six Digital photo-first product catalogue */
.ssd-photo-frame{position:relative;height:220px;min-height:220px;background:#f5f6f8;padding:12px;border:1px solid #d9dee6;border-radius:10px;overflow:hidden}
.ssd-photo-frame img{display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
.ssd-photo-fallback{display:none;color:#566276;font-size:14px;line-height:1.5;text-align:center}
.ssd-photo-frame:has(img[style*="display: none"]){background:linear-gradient(145deg,#edf1f5,#dce3ec)}
.ssd-card{overflow:hidden}.ssd-copy{padding:20px}.ssd-copy h3{line-height:1.25}
@media(max-width:650px){.ssd-photo-frame{height:190px;min-height:190px}}

/* M36: Real design drawing, intentionally smaller than former oversized schematic */
.design-project-figure{margin:0;max-width:465px;justify-self:center;width:100%;text-align:center}
.design-project-figure img{display:block;width:100%;height:auto;object-fit:contain;background:#f7f7f6;border:1px solid #46514e;border-radius:12px;padding:8px;box-shadow:0 16px 38px rgba(0,0,0,.25)}
.design-project-figure figcaption{margin-top:12px;font-size:.78rem;line-height:1.45;color:#c1c6c2}
@media(max-width:900px){.design-project-figure{max-width:440px;margin:20px auto 0}}

/* M37: preserve transparent product photos without blend artifacts */
.ssd-photo-frame img{mix-blend-mode:normal;}