/* Kommunicate Review 003 — layout fix + vendor-specific treatment */
:root{--kblue:#00b7ff;--korange:#ff9b00;--line:#173047;--ink:#f3f7fb;--muted:#94aabd}
*{box-sizing:border-box}
.wrap{width:min(1380px,92%);margin:0 auto}
.section{padding:78px 0}
.alt{background:#07111b;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.eyebrow{font-size:10px;font-weight:800;letter-spacing:2.3px;color:#a9cce1;text-transform:uppercase}
.eyebrow.orange,.orange{color:var(--korange)}
.orange-line:before{content:"";display:inline-block;width:32px;height:2px;background:var(--korange);vertical-align:middle;margin-right:12px}
.review-hero{min-height:720px;position:relative;overflow:hidden;background:
linear-gradient(90deg,rgba(2,8,14,.98) 0%,rgba(2,8,14,.94) 43%,rgba(4,40,68,.84) 100%),
linear-gradient(rgba(0,183,255,.075) 1px,transparent 1px),
linear-gradient(90deg,rgba(0,183,255,.075) 1px,transparent 1px);
background-size:auto,48px 48px,48px 48px}
.hero-grid{min-height:720px;display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:55px;align-items:center;padding-top:70px;padding-bottom:65px}
.vendor-logo.kommunicate-logo{display:block;width:290px;max-width:62%;height:auto;margin:30px 0 28px;object-fit:contain;object-position:left center}
.review-hero h1{font-size:clamp(50px,5.55vw,84px);line-height:.93;letter-spacing:-3px;max-width:1020px;margin:0 0 26px;color:var(--ink)}
.review-hero h1 span,.quick h2 span,.editorial h2 span,.architecture h2 span,.headliner h2 span,.pricing h2 span,.bottom-line h2 span{color:var(--kblue)}
.lede{max-width:850px;color:#b3c2ce;font-size:18px;line-height:1.7}
.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;font-size:11px;font-weight:900;letter-spacing:1px;text-decoration:none}
.primary{background:linear-gradient(90deg,#168bff,#00c3ef);color:#00101a}
.secondary{border:1px solid #315267;color:#fff}
.review-hero small{display:block;color:#6f8496;font-size:10px;margin-top:12px}
.review-hero small a{color:#91bdd6}
.review-number{width:300px;height:300px;border:1px solid #0a84bd;border-radius:50%;display:grid;place-content:center;text-align:center;color:#76a9c7}
.review-number span{font-size:10px;letter-spacing:2px}
.review-number strong{display:block;font-size:82px;line-height:1;color:#00b7ff10}
.split-title{display:grid;grid-template-columns:.38fr 1fr;gap:70px}
.split-title>div:first-child{border-left:2px solid var(--korange);padding-left:18px}
.quick h2{font-size:clamp(34px,3.6vw,54px);line-height:1.03;margin:0 0 18px}
.quick p,.copy p,.headliner p,.bottom-line p,.research p{color:var(--muted);line-height:1.75}
.stat-row{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);margin-top:48px}
.stat-row>div{padding:24px;border-right:1px solid var(--line)}
.stat-row>div:last-child{border-right:0}
.stat-row label,.price-cards label{display:block;color:#7391a5;font-size:8px;letter-spacing:1.5px}
.stat-row strong{display:block;font-size:30px;margin:8px 0 4px}
.stat-row em,.price-cards em{font-style:normal;font-size:10px;color:#8296a6}
.stat-row small{color:#83a1b4;font-size:10px}
.two-col{display:grid;grid-template-columns:.8fr 1.2fr;gap:85px}
.editorial{border-top:1px solid #13202d}
.editorial h2,.architecture h2,.headliner h2,.pricing h2,.shortlist h2,.bottom-line h2{font-size:clamp(42px,5vw,70px);line-height:.95;margin:18px 0 28px}
.copy p{font-size:15px;margin-top:0;margin-bottom:18px}
.three-cards{display:grid;grid-template-columns:repeat(3,1fr);margin-top:40px}
.three-cards article{min-height:330px;padding:34px;border:1px solid var(--line);margin-right:-1px;background:#060d14;display:flex;flex-direction:column}
.three-cards article.focus{background:linear-gradient(180deg,rgba(0,183,255,.12),rgba(0,183,255,.035));border-color:var(--kblue)}
.three-cards i{font-style:normal;font-size:36px;font-weight:900;color:#0d3a58}
.three-cards label{color:var(--korange);font-size:8px;letter-spacing:1.3px;margin-top:22px}
.three-cards h3{font-size:25px;margin:7px 0 14px}
.three-cards p{color:#8fa2b1;line-height:1.65;font-size:14px}
.three-cards small{margin-top:auto;color:#627a8c;font-size:8px;letter-spacing:1px}
.three-cards small b{display:block;color:#b9d7e9;font-size:14px;margin-top:5px}
.headliner{border-top:1px solid #13202d}
.signal{border-left:2px solid var(--korange);padding:15px 18px;background:#09131d;color:#92a7b8;font-size:12px;line-height:1.6;margin-top:28px}
.signal b{color:var(--korange)}
.loop{border:1px solid #14547a;background:linear-gradient(145deg,#071522,#03080d);padding:34px;align-self:center}
.loop h4{color:#6f879a;font-size:12px;letter-spacing:1.5px;font-weight:500}
.loop>div{display:grid;grid-template-columns:48px 1fr;gap:15px;padding:18px 0;border-top:1px solid var(--line)}
.loop b{font-size:24px;color:#0d4669}.loop span{font-size:8px;letter-spacing:1px;color:#71899b}.loop strong{font-size:15px;color:#c0d7e6}
.pricing-head{display:grid;grid-template-columns:1fr .9fr;gap:70px;align-items:end}
.pricing-head p{color:#8198aa}
.price-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:38px 0 18px}
.price-cards article{padding:27px;border:1px solid var(--line);background:#07101a}
.price-cards article.featured{border-top:3px solid var(--kblue)}
.price-cards h3{font-size:30px;margin:16px 0}
.price-cards p{font-size:12px;color:#8295a5;line-height:1.6}
.fine{font-size:10px;color:#687d8f;margin-bottom:22px}
.proscons{border-top:1px solid #13202d;border-bottom:1px solid #13202d}
.pc-grid{display:grid;grid-template-columns:1fr 1fr;padding-top:0;padding-bottom:0}
.pc-grid>div{padding:70px 50px;border-left:1px solid var(--line)}
.pc-grid>div:last-child{border-right:1px solid var(--line);background:#080d12}
.pc-grid h2{font-size:45px}
.pc-grid p{padding:18px 0;border-top:1px solid #152837;color:#91a4b4;line-height:1.6;font-size:14px;margin:0}
.pc-grid p b{color:#d1e0ea}
.short-grid{display:grid;grid-template-columns:1fr 1fr;margin-top:35px}
.short-grid>div{display:grid;grid-template-columns:55px 1fr;gap:18px;padding:25px;border:1px solid var(--line);margin:-1px 0 0 -1px}
.short-grid b{font-size:27px;color:#0d4568}.short-grid p{margin:0;color:#96a9b8;line-height:1.6}
.bottom-line{background:linear-gradient(120deg,#061828,#04090e 60%)}
.narrow{width:min(1100px,88%);margin:0 auto}
.bottom-line p{font-size:16px}
.research h2{font-size:35px}
.source-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:25px}
.source-links a{border:1px solid #1b4058;padding:10px 14px;color:#91bdd6;font-size:10px;text-decoration:none}
.source-links a:hover{border-color:var(--kblue);color:#fff}
@media(max-width:1000px){.hero-grid{grid-template-columns:1fr}.review-number{display:none}.two-col,.pricing-head{grid-template-columns:1fr}.three-cards,.price-cards{grid-template-columns:1fr 1fr}.split-title{grid-template-columns:1fr}.pc-grid{grid-template-columns:1fr}}
@media(max-width:760px){.section{padding:55px 0}.hero-grid{padding-top:55px}.vendor-logo.kommunicate-logo{width:230px;max-width:75%}.review-hero h1{letter-spacing:-2px}.stat-row,.three-cards,.price-cards,.short-grid{grid-template-columns:1fr}.stat-row>div{border-right:0;border-bottom:1px solid var(--line)}.pc-grid>div{padding:50px 25px}.site-header nav{gap:12px}}