*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#10161a;color:#f5f6f7;font:16px/1.55 Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,select{cursor:pointer}.nav{height:74px;display:flex;align-items:center;justify-content:space-between;padding:0 max(4%,calc((100vw - 1350px)/2));background:#10161a;gap:20px}.logo,footer strong{font-weight:900;letter-spacing:.03em;font-size:1.5rem}.logo span,footer strong span{color:#ff7a13}.nav nav{display:flex;gap:27px;font-size:.9rem}.nav nav a:hover{color:#ff8b27}.langlabel{white-space:nowrap}.langlabel select{color:white;background:#202a2e;border:1px solid #435158;border-radius:4px;padding:7px}.hero{height:clamp(410px,44vw,650px);position:relative;overflow:hidden;background:#172029}.heroimg{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,13,17,.94) 0%,rgba(8,13,17,.70) 35%,transparent 72%),url('assets/hero.webp') center 49%/cover no-repeat}.herocontent{position:relative;z-index:1;max-width:690px;padding:clamp(50px,7vw,120px) 5.5%}.eyebrow{color:#ff8a26;font-weight:750;letter-spacing:.18em;font-size:.78rem}.hero h1{font-size:clamp(2.8rem,5.3vw,5.7rem);line-height:1.03;letter-spacing:-.055em;margin:16px 0 22px;font-weight:900}.hero h1 em{color:#ff7a13;font-style:normal}.hero p:not(.eyebrow){max-width:500px;font-size:1.15rem}.cta{display:inline-block;background:#ff8319;color:#151515;border:0;border-radius:6px;padding:13px 22px;font-weight:800;margin-top:14px}.cta:hover{background:#ffac49}.hero-note{position:absolute;right:15px;bottom:12px;color:#fff9;font-size:.72rem}.story{max-width:1440px;margin:auto;position:relative;padding:25px 0 45px;overflow:hidden}.cable{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2;overflow:visible}.cable-shadow{fill:none;stroke:#000;stroke-width:17;opacity:.55;filter:url(#shadow)}.cable-main{fill:none;stroke:url(#c);stroke-width:12;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(1px 1px 1px #7d2106)}.feature{min-height:430px;display:grid;grid-template-columns:31% 57%;align-items:center;gap:3.5%;padding:38px 7% 38px 3.5%;position:relative;isolation:isolate}.feature::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#172127 0%,#10161a 55%,#10161a 100%);z-index:-1}.feature:nth-of-type(even)::before{background:linear-gradient(90deg,#131c22,#14191d)}.picture{position:relative;z-index:1;display:block;max-width:360px;width:100%}.picture img{display:block;width:100%;height:auto;max-height:260px;object-fit:contain;filter:drop-shadow(0 8px 20px #0008);border-radius:5px}.graphpreview img{max-height:230px}.copy{display:grid;grid-template-columns:68px 1fr;gap:17px;position:relative;z-index:1;max-width:750px}.num{font-size:2.7rem;line-height:1.1;color:#ff7a13;font-weight:900}.copy h2{font-size:clamp(1.85rem,2.5vw,2.7rem);line-height:1.13;letter-spacing:-.035em;margin:0 0 18px}.copy h3{font-size:1rem;color:#fff;margin:17px 0 2px}.copy p{font-size:clamp(.98rem,1.25vw,1.12rem);line-height:1.56;color:#c7d0d3;margin:0 0 10px}.copy .tagline{color:#ff9d48;font-weight:700;margin-top:19px}.steps{padding-left:22px;color:#d0d8db}.steps li{padding:3px 0}.secondary{margin-top:10px}.contact{background:#192329;padding:90px max(5%,calc((100vw - 1200px)/2));display:grid;grid-template-columns:.8fr 1.2fr;gap:65px}.contact h2{font-size:clamp(2.2rem,4vw,4rem);line-height:1.1;margin:10px 0}.contactmail{color:#ff9a41}form{display:grid;gap:18px}fieldset{border:0;padding:0;margin:0;display:grid;gap:10px}legend{font-weight:800;margin-bottom:10px}fieldset label{display:flex;align-items:flex-start;gap:10px;padding:12px;background:#26333a;border-radius:6px}input[type=radio]{accent-color:#ff821c;margin-top:5px}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.formgrid label,.message{display:grid;gap:5px;font-size:.9rem}input:not([type=radio]),textarea{width:100%;background:#10191e;border:1px solid #4c5c65;color:#fff;border-radius:5px;padding:12px}input:focus,textarea:focus{outline:2px solid #ff8a26}.formnote{font-size:.78rem;color:#b2bdc3;margin:0}footer{padding:35px 5%;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;color:#c3cbd0}footer strong{color:white}.analysis-main{max-width:1180px;margin:auto;padding:65px 25px 90px}.analysis-main h1{font-size:clamp(2.5rem,5vw,4.8rem);line-height:1.1;margin:10px 0}.analysis-main .intro{max-width:800px;color:#c9d1d5}.metrics{display:flex;flex-wrap:wrap;gap:15px;margin:35px 0}.metric{background:#202c32;border-left:4px solid #ff8019;padding:16px 25px;min-width:200px}.metric strong{font-size:2rem;display:block}.chartsection{margin:45px 0}.chartsection h2{font-size:1.6rem}.chartsection img{width:100%;height:auto;display:block;border:1px solid #334047;border-radius:8px}.back{color:#ff9b48;font-weight:700}@media(max-width:760px){.nav{height:auto;min-height:70px;flex-wrap:wrap;padding:15px 5%}.nav nav{order:3;width:100%;justify-content:space-between;gap:8px;font-size:.75rem}.hero{height:530px}.heroimg{background-position:65% center}.herocontent{padding:60px 6%;max-width:550px}.hero h1{font-size:clamp(2.6rem,9vw,4rem)}.feature{grid-template-columns:30% 66%;gap:3%;min-height:360px;padding:35px 6% 35px 2%}.copy{grid-template-columns:1fr;gap:3px}.num{font-size:1.8rem}.copy h2{font-size:clamp(1.35rem,4vw,2rem)}.copy p{font-size:.9rem}.copy h3{font-size:.91rem}.picture img{max-height:190px}.cable{opacity:.75;transform:translateX(7%)}.contact{grid-template-columns:1fr;gap:22px;padding:60px 6%}.formgrid{grid-template-columns:1fr}}@media(max-width:440px){.feature{grid-template-columns:1fr;padding:35px 9%;gap:15px}.picture{max-width:190px}.picture img{max-height:150px}.copy{padding-right:20px}.cable{opacity:.48}.nav nav a{font-size:.7rem}}/* TEXT REVIEW EDITION: cable deliberately hidden to keep every word legible. */
.story .cable{display:none!important}
.feature{overflow:visible}
.feature .copy{z-index:3}

/* REVISION: cable composed of independent image segments in their own layout areas. */
.story .cable{display:none!important}
.story{padding:0 0 35px;overflow:visible}
.feature{padding-right:13%;min-height:390px}
.feature::after{content:"";position:absolute;z-index:0;pointer-events:none;top:0;bottom:0;right:3.5%;width:7%;background:url("assets/cable_vertical.svg") center center/100% 100% no-repeat}
.cable-divider{height:115px;position:relative;overflow:hidden;background:#10161a}
.cable-divider img{display:block;width:100%;height:100%;object-fit:fill}
.hero{height:auto;aspect-ratio:3/2;max-height:none;overflow:hidden}
.heroimg{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center;background:#151d26}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,12,18,.80) 0%,rgba(7,12,18,.48) 31%,transparent 65%);pointer-events:none}
.herocontent{z-index:2;padding:clamp(35px,6vw,100px) 5.5%;max-width:610px}
.hero-note{z-index:3}
@media(max-width:760px){.hero{aspect-ratio:4/3}.heroimg{object-fit:contain}.hero h1{font-size:clamp(2rem,6.5vw,3.5rem)}.feature{padding-right:14%;}.feature::after{right:1%;width:8%}.cable-divider{height:75px}}
@media(max-width:440px){.hero{aspect-ratio:3/4}.herocontent{padding:25px 6%}.hero h1{font-size:2.25rem}.feature{padding-right:16%}.cable-divider{height:55px}}

/* V3: all vertical cable segments and divider endpoints share the same 95% axis. */
.feature::after{right:1.5%;width:7%;background-size:100% 100%}
@media(max-width:760px){.feature::after{right:1%;width:8%}}
/* Form is on a dedicated page, not the homepage. */
.contact{min-height:80vh}
.contact h1{font-size:clamp(2.3rem,4vw,4rem);line-height:1.1;margin:10px 0}
.crusher-hook{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:18px;padding-bottom:60px}
.crusher-hook .contact-cta{background:transparent;color:#ff9b48;border:1px solid #ff9b48}
#local-preview-notice:empty{display:none}

/* V4: SVG cable assets retain their intrinsic physical horizontal scale.
   Both have 13 SVG-unit insulation strokes: fixed 100px and 1000px widths
   render these as the same 13px stroke rather than stretching them. */
.feature::after{width:100px!important;right:calc(5% - 50px)!important;background-size:100px 100%!important}
.cable-divider{height:140px!important;overflow:hidden}
.cable-divider img{position:absolute;width:1000px!important;height:140px!important;max-width:none!important;right:calc(5% - 50px)!important;top:0;object-fit:fill!important}
@media(max-width:760px){.feature::after{right:calc(5% - 50px)!important}.cable-divider{height:140px!important}}

/* V7 language links and hidden honeypot */
.hidden,[hidden]{display:none!important}
.qb-languages{position:relative;z-index:15;display:flex;justify-content:flex-end;gap:9px;padding:10px max(4%,calc((100vw - 1350px)/2));background:#10161a}
.qb-languages a{border:1px solid #46525a;border-radius:4px;color:#f5f6f7;padding:5px 10px;font-size:.85rem;font-weight:700}
.qb-languages a[aria-current=page]{border-color:#ff8319;background:#ff8319;color:#10161a}
.qb-languages a:hover{border-color:#ff8319}

/* Short localized context above and below each original measurement chart */
.chartsection .chart-note{max-width:760px;margin:14px auto 18px;line-height:1.65;color:inherit;opacity:.86;font-size:1rem}
.chartsection .chart-note-after{margin:18px auto 4px;opacity:.75;font-size:.95rem}


/* v11: mobile-first layout refinements; desktop layout remains unchanged. */
html,body{max-width:100%;overflow-x:clip}
img,svg{max-width:100%}
@media(max-width:900px){
 .qb-languages{justify-content:center;flex-wrap:wrap;padding:12px 14px;gap:10px}
 .qb-languages a{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}
 .feature{grid-template-columns:minmax(0,31%) minmax(0,1fr);gap:4%;padding:36px 105px 36px 4%;min-height:0}
 .feature .copy{min-width:0}
 .feature .picture{min-width:0}
 .copy h2{overflow-wrap:break-word}
 .nav{height:auto;min-height:64px;padding:14px 5%;flex-wrap:wrap}
 .nav nav{width:auto;order:0;display:flex;gap:18px;flex-wrap:wrap}
 .metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
 .metric{min-width:0}
 .contact{gap:26px;padding:45px 5%}
}
@media(max-width:640px){
 body{font-size:16px}
 .hero{aspect-ratio:auto;min-height:0;height:auto;display:flex;flex-direction:column;background:#151d26}
 .hero .heroimg{position:relative;inset:auto;width:100%;height:auto;display:block;object-fit:contain;max-width:100%}
 .hero::after{display:none}
 .hero .herocontent{padding:22px 6% 32px;max-width:none;position:relative}
 .hero h1{font-size:clamp(2rem,8vw,3.2rem);letter-spacing:-.035em;line-height:1.08;margin:0 0 14px}
 .hero .herocontent p{font-size:1rem;max-width:none}
 .hero-note{position:absolute;top:8px;right:12px;bottom:auto;background:#10161acc;padding:3px 7px;border-radius:3px}
 .cta,.crusher-hook a{min-height:48px;display:inline-flex;align-items:center;justify-content:center;text-align:center}
 .story{padding:0}
 .feature{display:flex;flex-direction:column;align-items:stretch;gap:14px;padding:32px 22px 28px;min-height:0}
 .feature::after{display:none!important}
 .feature .picture{width:100%;max-width:310px;margin:0 auto}
 .feature .picture img{max-height:210px;width:100%;object-fit:contain}
 .feature .copy{display:grid;grid-template-columns:1fr;gap:6px;max-width:none;padding:0}
 .copy .num{font-size:1.4rem}
 .copy h2{font-size:clamp(1.55rem,6.5vw,2rem);margin:0 0 12px}
 .copy h3{font-size:1rem;margin:15px 0 5px}
 .copy p{font-size:1rem;line-height:1.6}
 .cable-divider{display:none!important}
 .crusher-hook{padding:35px 18px;flex-direction:column;gap:12px}
 .crusher-hook a{width:100%;max-width:380px;white-space:normal}
 .contact{display:flex;flex-direction:column;padding:35px 18px 50px;gap:20px;min-height:0}
 .contact h1{font-size:clamp(2rem,9vw,3rem)}
 .contact form{min-width:0;width:100%;gap:16px}
 .contact fieldset{min-width:0}
 .contact fieldset label{padding:14px 12px;min-height:48px;align-items:flex-start;overflow-wrap:anywhere}
 .contact input[type=radio]{width:20px;height:20px;flex:0 0 20px;margin-top:1px}
 .contact label:not(fieldset label){display:block;min-width:0;overflow-wrap:break-word}
 .contact input:not([type=radio]),.contact select,.contact textarea{display:block;max-width:100%;width:100%;min-height:46px;font-size:16px}
 .contact textarea{min-height:116px}
 .contact button{min-height:52px;width:100%;font-size:1rem}
 .analysis-main{padding:30px 18px 55px}
 .analysis-main h1{font-size:clamp(2rem,8vw,3rem)}
 .metrics{grid-template-columns:1fr;gap:10px}
 .metric strong{font-size:1.7rem}
 .chartsection{margin:30px 0}
 .chartsection h2{font-size:1.35rem}
 .chartsection img{width:100%;height:auto}
 .chartsection .chart-note{font-size:.96rem}
 footer{padding:25px 18px;gap:12px}
 footer strong{font-size:1.25rem}
 .nav nav{width:100%;gap:12px}
}
@media(max-width:360px){
 .feature{padding-inline:16px}
 .contact{padding-inline:14px}
 .qb-languages{gap:6px}
 .qb-languages a{padding:5px 8px}
}

/* Privacy notice in footer: no tracking; PHP session cookie for protected crusher story. */
footer .cookie-note{flex-basis:100%;display:block;font-size:.72rem;line-height:1.5;color:#9ca9ae;margin-top:2px}