/* KMI Marketing site. Brand book: #063453 / #00609D / #08A792, 45° cut, IBM Plex Sans Arabic. */
:root{--navy:#063453;--blue:#00609D;--teal:#08A792;--ink:#0E1B24;--grey:#5B6B78;--rule:#D7E1E9;--paper:#F4F7F9;--red:#B5452F}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:"IBM Plex Sans Arabic",sans-serif;color:var(--ink);background:#fff;line-height:1.75;font-size:17px}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
h1,h2,h3,p{margin:0}
.wrap{max-width:1200px;margin:0 auto;padding:0 32px}

/* nav */
.nav{border-bottom:1px solid var(--rule);background:#fff;position:sticky;top:0;z-index:20}
.navin{display:flex;align-items:center;gap:36px;height:72px}
.navin .brand img{height:30px}
.navin nav{display:flex;gap:26px;font-size:15px;color:var(--grey);margin-inline-start:auto}
.navin nav a:hover,.navin nav a.on{color:var(--ink)}
.navin nav a.on{box-shadow:inset 0 -2px 0 var(--teal)}
.navin .wa{font-size:15px;font-weight:600;color:var(--teal)}

/* buttons */
.btn{display:inline-block;background:var(--navy);color:#fff;font-weight:600;padding:15px 28px;border-radius:2px;transition:background .15s}
.btn:hover{background:var(--blue)}
.btn.teal{background:var(--teal)}
.btn.teal:hover{background:#079080}
.link{font-weight:600;color:var(--blue);border-bottom:1px solid currentColor;padding-bottom:2px}

/* hero */
.hero{position:relative;overflow:hidden;padding:96px 0 72px}
.hero .cut{position:absolute;top:0;left:0;width:30%;height:100%;background:var(--navy);clip-path:polygon(0 0,100% 0,45% 100%,0 100%)}
.hero .cut::after{content:"";position:absolute;inset:0;background:var(--teal);clip-path:polygon(0 62%,22% 100%,0 100%)}
.hero .wrap{position:relative}
.eyebrow{font-size:15px;font-weight:600;color:var(--teal);margin-bottom:22px}
.hero h1{font-size:clamp(40px,6.4vw,84px);line-height:1.12;font-weight:700;letter-spacing:-.5px;max-width:880px}
.hero h1 em{font-style:normal;color:var(--teal)}
.hero .sub{font-size:clamp(18px,2vw,22px);color:var(--grey);margin:26px 0 38px;max-width:620px}
.hero .acts{display:flex;align-items:center;gap:28px;flex-wrap:wrap}
.hero.page{padding:80px 0 64px}
.hero.page h1{font-size:clamp(36px,5.2vw,68px);max-width:820px}

/* trust strip */
.trust{border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);padding:30px 0 34px}
.trust .facts{display:flex;gap:40px;flex-wrap:wrap;font-size:15px;color:var(--grey);margin-bottom:24px}
.trust .facts b{color:var(--ink);font-size:20px;margin-inline-end:6px}
.logos{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:22px 28px;align-items:center}
.logos img{width:100%;height:44px;object-fit:contain;filter:grayscale(1) contrast(1.1);opacity:.6;transition:opacity .15s,filter .15s}
.logos img:hover{opacity:1;filter:none}

/* section scaffold: label column + content */
.sec{padding:96px 0;border-bottom:1px solid var(--rule)}
.sec.paper{background:var(--paper)}
.grid{display:grid;grid-template-columns:220px 1fr;gap:48px}
.label{font-size:14px;font-weight:600;color:var(--grey);padding-top:12px;border-top:2px solid var(--ink);align-self:start}
.sec h2{font-size:clamp(28px,3.6vw,46px);line-height:1.2;font-weight:700;max-width:760px;margin-bottom:22px}
.sec .lead{font-size:19px;color:var(--grey);max-width:680px}

/* problem numbers */
.split{display:grid;grid-template-columns:1fr 1fr;gap:56px;margin-top:44px;align-items:end}
.figs{display:flex;gap:40px;border-top:1px solid var(--rule);padding-top:22px}
.figs div span{display:block;font-size:14px;color:var(--grey)}
.figs b{font-size:clamp(56px,7vw,92px);line-height:1;font-weight:700;letter-spacing:-1px}
.figs .x b{color:var(--red);text-decoration:line-through;text-decoration-thickness:3px}
.figs .ok b{color:var(--teal)}
.note{font-size:15px;color:var(--grey);margin-top:14px}
.check{border-inline-start:3px solid var(--teal);padding:4px 18px;font-size:16px}

/* rows (services, includes) */
.rows{margin-top:40px;border-top:1px solid var(--ink)}
.row{display:grid;grid-template-columns:56px 1.1fr 1.6fr 180px;gap:28px;padding:30px 0;border-bottom:1px solid var(--rule);align-items:baseline;transition:background .15s}
a.row:hover{background:var(--paper)}
.row .n{font-size:14px;color:var(--grey);font-weight:600}
.row h3{font-size:24px;font-weight:700}
.row .pain{font-weight:600;color:var(--blue);margin-bottom:4px}
.row p{color:var(--grey)}
.row .price{font-size:14px;color:var(--grey);text-align:left}
.row .price b{display:block;font-size:26px;color:var(--ink)}
.rows.simple .row{grid-template-columns:56px 1fr 2fr}

/* results */
.results{margin-top:40px;display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;border-top:1px solid var(--ink)}
.results > div{padding:28px 0;border-inline-start:1px solid var(--rule);padding-inline:24px}
.results > div:first-child{border-inline-start:0;padding-inline-start:0}
.results .who{font-size:14px;color:var(--grey);margin-bottom:12px}
.results .big{font-size:clamp(40px,4.4vw,60px);font-weight:700;line-height:1;color:var(--navy)}
.results .from{font-size:16px;color:var(--grey);margin-top:8px}
.results .from s{color:var(--red)}
.results p{font-size:15px;color:var(--grey);margin-top:12px}

/* method */
.cols{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:40px}
.cols div{border-top:2px solid var(--teal);padding-top:18px}
.cols h3{font-size:22px;margin-bottom:8px}
.cols p{color:var(--grey)}

/* packages table */
.tablewrap{overflow-x:auto;margin-top:40px}
.pkgs{width:100%;min-width:720px;border-collapse:collapse;font-size:16px}
.pkgs th,.pkgs td{padding:16px 18px;border-bottom:1px solid var(--rule);text-align:right;vertical-align:top}
.pkgs thead th{font-size:26px;font-weight:700;border-bottom:1px solid var(--ink);padding-top:28px}
.pkgs thead th small{display:block;font-size:13px;font-weight:600;color:var(--teal);min-height:20px}
.pkgs tbody th{font-weight:500;color:var(--grey);width:24%}
.pkgs .hl{background:#EAF6F4}
.pkgs .pr td{font-size:15px;color:var(--grey)}
.pkgs .pr b{display:block;font-size:34px;color:var(--ink);line-height:1.2}
.pkgs .ct td{border-bottom:0;padding-top:22px}
.pkgs .no{color:#B7C3CC}
.fine{font-size:14px;color:var(--grey);margin-top:16px}

/* guarantee band */
.band{position:relative;overflow:hidden;background:var(--teal);color:#fff;padding:88px 0}
.band::before{content:"";position:absolute;top:0;left:0;width:34%;height:100%;background:var(--navy);clip-path:polygon(0 0,70% 0,25% 100%,0 100%)}
.band .wrap{position:relative;display:grid;grid-template-columns:1.3fr 1fr;gap:56px;align-items:end}
.band h2{font-size:clamp(34px,4.6vw,60px);line-height:1.15;font-weight:700}
.band ul{list-style:none;padding:0;margin:0;font-size:17px}
.band li{padding:14px 0;border-top:1px solid rgba(255,255,255,.35)}
.band li b{display:block}

/* before/after */
.ba{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:40px}
.ba figure{margin:0}
.ba figcaption{font-size:14px;font-weight:600;color:var(--grey);margin-bottom:10px}
.ba img{width:100%;border:1px solid var(--rule)}
.slot{border:1px dashed #9AA8B4;color:var(--grey);aspect-ratio:4/3;display:grid;place-items:center;font-size:15px;text-align:center;padding:20px}

/* faq */
.faq{margin-top:36px;border-top:1px solid var(--ink)}
.faq details{border-bottom:1px solid var(--rule);padding:22px 0}
.faq summary{font-weight:600;font-size:19px;cursor:pointer;list-style:none}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";float:left;color:var(--teal);font-weight:400}
.faq details[open] summary::after{content:"−"}
.faq p{color:var(--grey);margin-top:10px;max-width:760px}

/* closing + footer */
.close{padding:110px 0;position:relative;overflow:hidden}
.close .wrap{position:relative}
.close h2{font-size:clamp(38px,5.6vw,76px);line-height:1.1;font-weight:700;margin-bottom:34px}
.close h2 em{font-style:normal;color:var(--teal)}
.close .cut{position:absolute;bottom:0;left:0;width:22%;height:100%;background:var(--teal);clip-path:polygon(0 30%,100% 100%,0 100%)}
.foot{background:var(--navy);color:#AFC0CD;font-size:14px;padding:44px 0}
.footin{display:flex;flex-wrap:wrap;gap:20px 40px;align-items:center}
.footin img{height:28px}
.footin .grp{margin-inline-start:auto}
.mbar{display:none}

/* responsive */
@media(max-width:1000px){
 .navin nav{display:none}
 .navin .wa{margin-inline-start:auto}
 .grid{grid-template-columns:1fr;gap:20px}
 .label{width:max-content;padding-inline-end:20px}
 .split,.band .wrap,.ba{grid-template-columns:1fr}
 .row{grid-template-columns:40px 1fr;gap:6px 16px}
 .row > :nth-child(3),.row .price{grid-column:2}
 .row .price{text-align:right;margin-top:8px}
 .rows.simple .row{grid-template-columns:40px 1fr}
 .results{grid-template-columns:1fr 1fr}
 .results > div,.results > div:first-child{border-inline-start:0;padding-inline:0 16px;border-bottom:1px solid var(--rule)}
 .cols{grid-template-columns:1fr;gap:28px}
 .logos{grid-template-columns:repeat(6,minmax(0,1fr))}
 .hero .cut{width:22%}
 .sec{padding:68px 0}
}
@media(max-width:560px){
 body{font-size:16px;padding-bottom:52px}
 .wrap{padding:0 16px}
 .hero{padding:64px 0 52px}
 .hero .cut{width:16%;height:46%}
 .logos{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
 .results{grid-template-columns:1fr}
 .figs{gap:28px}
 .band::before{width:20%}
 .close .cut{width:30%;height:40%}
 .mbar{display:block;position:fixed;bottom:0;left:0;right:0;z-index:30;background:var(--teal);color:#fff;text-align:center;font-weight:600;padding:14px}
}
.grid > *{min-width:0}

/* logo marquee: one row, loops */
.trust .facts{margin-bottom:26px}
.marquee{overflow:hidden;direction:ltr;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.track{display:flex;width:max-content;animation:kmi-marquee 60s linear infinite}
.track img{height:48px;width:120px;object-fit:contain;padding:0 22px;box-sizing:content-box;filter:grayscale(1) contrast(1.1);opacity:.6;transition:opacity .15s,filter .15s}
.track img:hover{opacity:1;filter:none}
.marquee:hover .track{animation-play-state:paused}
@keyframes kmi-marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.track{animation:none}}
@media(max-width:560px){.track img{height:38px;width:90px;padding:0 16px}.track{animation-duration:45s}}

/* home services cards (approved layout) */
.kicker{color:var(--teal);font-weight:600;font-size:15px;margin-bottom:10px}
.svc{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:34px}
.svc .card{background:#fff;border:1px solid var(--rule);border-radius:16px;padding:28px;display:flex;flex-direction:column;transition:border-color .15s,transform .15s}
.svc .card:hover{border-color:var(--teal);transform:translateY(-3px)}
.svc .main{grid-row:span 2;background:var(--navy);color:#fff;border:0}
.svc .card:nth-child(4){grid-column:2/4}
.svc .ic{color:var(--teal);font-weight:700;font-size:15px;margin-bottom:8px}
.svc h3{font-size:24px;margin-bottom:10px}
.svc .pain{font-weight:600;color:var(--blue);margin:0 0 8px}
.svc .main .pain{color:#8FD9CF}
.svc p{margin:0 0 16px;color:var(--grey)}
.svc .main p{color:#C9D8E4}
.svc .from{margin-top:auto;font-size:15px;color:var(--grey)}
.svc .from b{font-size:22px;color:var(--teal)}
.svc .main .from{color:#C9D8E4}
@media(max-width:1000px){.svc{grid-template-columns:1fr}.svc .main{grid-row:auto}.svc .card:nth-child(4){grid-column:auto}}

/* ===== v3 hero: navy + brand stripes (profile cover) + service visual ===== */
.hero{background:var(--navy) url(/assets/stripes.svg) left bottom/auto 100% no-repeat;color:#fff;padding:88px 0 96px}
.hero .cut{display:none}
.hero h1{color:#fff;font-size:clamp(36px,5vw,68px)}
.hero h1 em{color:var(--teal)}
.hero .sub{color:#C9D8E4}
.hero.page h1{font-size:clamp(34px,4.4vw,58px)}
.eyebrow{color:#8FD9CF}
.hgrid{display:grid;grid-template-columns:1.3fr 1fr;gap:56px;align-items:center}
.hvis{display:flex;justify-content:center}
.mock{background:#fff;color:var(--ink);border-radius:6px;padding:22px;width:100%;max-width:440px;box-shadow:0 30px 60px rgba(0,0,0,.28);position:relative;font-size:14px}
.mock .cap{font-size:11px;color:#9AA8B4;margin-top:12px;text-align:center}
/* report */
.report .mh{display:flex;justify-content:space-between;align-items:baseline;border-bottom:1px solid var(--rule);padding-bottom:12px;margin-bottom:6px}
.report .mh span{font-weight:700;font-size:16px}.report .mh small{color:var(--grey)}
.report .ad{display:grid;grid-template-columns:8px 1fr auto;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--rule)}
.report .ad i{width:8px;height:36px;border-radius:2px;background:var(--teal)}
.report .ad b{display:block;font-size:14px}.report .ad span{color:var(--grey);font-size:12px}
.report .ad em{font-style:normal;font-weight:700;font-size:12px;color:var(--teal)}
.report .lose i{background:var(--red)}.report .lose em{color:var(--red)}.report .lose b{color:var(--grey);text-decoration:line-through}
.report .new i{background:var(--blue)}.report .new em{color:var(--blue)}
/* hooks */
.hooks{display:grid;grid-template-columns:150px 30px 1fr;align-items:center;gap:10px}
.hooks .clip{margin:0}.hooks .clip img{border-radius:4px;aspect-ratio:9/16;object-fit:cover;width:100%}
.hooks figcaption{font-size:12px;font-weight:600;text-align:center;margin-top:8px}
.hooks .arrow{color:var(--teal);font-size:26px;text-align:center}
.hooks ol{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.hooks li{border:1px solid var(--rule);border-radius:4px;padding:8px 12px;color:var(--grey);font-size:13px}
.hooks li b{color:var(--ink);margin-inline-end:8px}
.hooks li.on{border-color:var(--teal);background:#EAF6F4}
.hooks .cap{grid-column:1/-1}
/* tracking */
.trk .pair{display:grid;grid-template-columns:1fr 30px 1fr;align-items:center;gap:8px}
.trk .box{border:1px solid var(--rule);border-radius:4px;padding:16px;text-align:center}
.trk .box span,.track .after span{display:block;font-size:12px;color:var(--grey)}
.trk .box b{display:block;font-size:42px;line-height:1.2;color:var(--teal)}
.trk .box.bad b{color:var(--red)}
.trk .box small{color:var(--grey);font-size:11px}
.trk .ne{font-size:28px;color:var(--red);text-align:center;font-weight:700}
.trk .after{margin-top:16px;background:var(--navy);color:#fff;border-radius:4px;padding:16px;text-align:center}
.trk .after span{color:#8FD9CF}
.trk .after div{font-size:38px;font-weight:700;display:flex;justify-content:center;gap:16px}
.trk .after i{font-style:normal;color:var(--teal)}
.trk .after em{font-style:normal;font-size:13px;color:#8FD9CF}
/* phone */
.phone{background:transparent;box-shadow:none;padding:0 0 30px;display:flex;justify-content:center;max-width:460px}
.phone .scr{width:230px;background:#fff;border:8px solid #0B1F2E;border-radius:30px;padding:14px;box-shadow:0 30px 60px rgba(0,0,0,.35)}
.phone .pimg{background:#F2F6F9;border-radius:12px;height:170px;overflow:hidden}
.phone .pimg img{width:100%;height:100%;object-fit:cover;object-position:center 30%}
.phone .pt{font-weight:700;margin:10px 0 2px}
.phone .pp{display:flex;gap:8px;align-items:baseline;font-size:12px}
.phone .pp b{font-size:16px;color:var(--navy)}.phone .pp s{color:#9AA8B4}.phone .pp span{margin-inline-start:auto;color:#C99A1A}
.phone .pay{font-size:11px;color:var(--grey);border-top:1px solid var(--rule);margin-top:10px;padding-top:8px}
.phone .buy{background:var(--teal);color:#fff;text-align:center;border-radius:8px;padding:10px;font-weight:700;margin-top:10px}
.phone .pin{position:absolute;background:#fff;color:var(--ink);font-size:12px;font-weight:600;padding:6px 10px;border-radius:3px;border-inline-start:3px solid var(--teal);white-space:nowrap;box-shadow:0 8px 20px rgba(0,0,0,.2)}
.phone .p1{top:200px;right:-6px}.phone .p2{top:140px;left:-6px}.phone .p3{top:262px;right:-6px}.phone .p4{top:305px;left:-6px}
.phone .cap{position:absolute;bottom:0;width:100%;color:#8FA3B3}
/* serp */
.serp .q{border:1px solid var(--rule);border-radius:24px;padding:10px 18px;margin-bottom:14px}
.serp .res{padding:10px 0;border-bottom:1px solid var(--rule)}
.serp .res small{display:block;color:var(--grey);font-size:11px}
.serp .res b{color:#1A4FA0;font-weight:600}
.serp .res span{display:block;font-size:12px;color:var(--grey)}
.serp .res.top{background:#EAF6F4;margin:0 -12px;padding:10px 12px;border-radius:4px;border:0}
.serp .res:not(.top){opacity:.55}
.serp .orders{display:flex;justify-content:space-between;align-items:flex-end;margin-top:14px;gap:16px}
.serp .orders span{font-size:12px;font-weight:600;color:var(--grey)}
.serp .bars{direction:ltr;display:flex;gap:6px;align-items:flex-end;height:56px}
.serp .bars i{width:14px;background:var(--teal);border-radius:2px 2px 0 0}
@media(max-width:1000px){
 .hgrid{grid-template-columns:1fr;gap:44px}
 .hero{background-size:auto 55%}
}
@media(max-width:560px){
 .hooks{grid-template-columns:110px 22px 1fr}
 .phone .pin{font-size:11px}
 .phone .p1,.phone .p3{right:0}.phone .p2,.phone .p4{left:0}
}

/* ===== v4: facts row + home ad board ===== */
.trust .facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-bottom:28px;max-width:820px}
.trust .facts>div{padding-inline:28px;border-inline-start:1px solid var(--rule)}
.trust .facts>div:first-child{padding-inline-start:0;border:0}
.trust .facts b{display:block;font-size:40px;line-height:1.1;color:var(--navy);margin:0;letter-spacing:-.5px}
.trust .facts span{display:block;font-size:14px;color:var(--grey);margin-top:6px}
.board{position:relative;width:100%;max-width:460px;padding-bottom:40px}
.board .tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.board .t{margin:0;position:relative;aspect-ratio:4/5;border-radius:6px;overflow:hidden;background:#0B2C44}
.board .t img{width:100%;height:100%;object-fit:cover;display:block}
.board .t span{position:absolute;bottom:8px;right:8px;font-size:11px;font-weight:700;padding:3px 8px;border-radius:3px}
.board .off img{filter:grayscale(1) brightness(.55)}
.board .off span{background:rgba(0,0,0,.55);color:#C9D8E4}
.board .off::after{content:"";position:absolute;inset:0;background:linear-gradient(to top left,transparent calc(50% - 1px),rgba(255,255,255,.35) 50%,transparent calc(50% + 1px))}
.board .win{outline:3px solid var(--teal);outline-offset:-3px;transform:scale(1.04);box-shadow:0 18px 40px rgba(8,167,146,.35);z-index:1}
.board .win span{background:var(--teal);color:#fff}
.board .new{border:2px dashed rgba(143,217,207,.6);background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#8FD9CF}
.board .new b{font-size:34px;line-height:1}.board .new small{font-size:11px;margin-top:6px;line-height:1.5}
.board .sales{position:absolute;left:-18px;bottom:0;background:#fff;color:var(--ink);border-radius:6px;padding:14px 18px;box-shadow:0 24px 50px rgba(0,0,0,.35);min-width:190px;z-index:2}
.board .sales small{display:block;font-size:12px;color:var(--grey)}
.board .sales b{display:block;font-size:34px;color:var(--teal);line-height:1.15;direction:ltr;text-align:right}
.board .sales svg{width:120px;height:36px;display:block}
.board .sales em{display:block;font-style:normal;font-size:10px;color:#9AA8B4;margin-top:4px}
@media(max-width:560px){
 .trust .facts>div{padding-inline:12px}
 .trust .facts b{font-size:26px}
 .trust .facts span{font-size:12px}
 .board .sales{left:0;padding:10px 14px;min-width:0}
 .board .sales b{font-size:26px}
}
.trust .facts b,.board .sales b{direction:ltr;text-align:right;unicode-bidi:isolate}
.board .new b{direction:ltr;unicode-bidi:isolate}
.trprice{display:grid;grid-template-columns:auto 1fr;gap:40px;align-items:center;margin-top:24px}
.trprice .tp{display:flex;flex-direction:column;border-inline-start:4px solid var(--teal);padding-inline-start:20px}
.trprice .tp span{color:var(--grey);font-size:14px}.trprice .tp b{font-size:56px;line-height:1.1;color:var(--navy)}
.plats{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}
.plats i{font-style:normal;font-weight:600;font-size:14px;border:1px solid var(--rule);background:#fff;padding:6px 14px;border-radius:3px}
@media(max-width:560px){.trprice{grid-template-columns:1fr;gap:20px}.trprice .tp b{font-size:44px}}

/* ===== v5: ad-fatigue problem (home) ===== */
.life{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:32px 0 28px;max-width:720px}
.life .st{position:relative;border:1px solid var(--rule);border-radius:4px;padding:16px 16px 0;height:190px;display:flex;flex-direction:column;overflow:hidden;background:#fff}
.life .st span{font-size:13px;color:var(--grey)}
.life .st b{font-size:22px;margin-top:2px;line-height:1.3}
.life .st i{position:absolute;bottom:0;right:0;left:0;height:calc(var(--h) * .55);border-radius:2px 2px 0 0}
.life .s1 b{color:var(--teal)}.life .s1 i{background:var(--teal)}
.life .s2 b{color:#C99A1A}.life .s2 i{background:#E8C766}
.life .s3 b{color:var(--red)}.life .s3 i{background:var(--red);opacity:.85}
.fix{margin-top:22px;font-size:18px;font-weight:600;color:var(--navy)}
@media(max-width:560px){.life{gap:8px}.life .st{padding:12px 10px 0;height:160px}.life .st b{font-size:16px}.life .st span{font-size:11px}.fix{font-size:16px}}
@media(min-width:1001px){.results{grid-template-columns:1.3fr 1fr 1fr}}
/* store funnel */
.funnel{display:grid;gap:8px;margin:32px 0 28px;max-width:640px}
.funnel div{width:var(--w);min-width:150px;background:var(--navy);color:#fff;padding:12px 16px;border-radius:3px}
.funnel div:nth-child(2){background:var(--blue)}
.funnel div:nth-child(3){background:#3E86B5}
.funnel .end{background:var(--teal)}
.funnel b{font-size:15px;white-space:nowrap}
.lead + .check{margin-top:26px}

/* ===== v6: prose, blog, calculator, footer links ===== */
.h1s{font-size:clamp(30px,3.6vw,46px);line-height:1.25;font-weight:700;margin-bottom:18px}
.prose{max-width:720px}
.prose h1{font-size:clamp(30px,3.6vw,44px);line-height:1.3;font-weight:700;margin-bottom:10px}
.prose h2{font-size:24px;margin:38px 0 12px;line-height:1.4}
.prose h3{font-size:19px;margin:26px 0 8px}
.prose p,.prose li{font-size:17px;line-height:1.95;color:#2B3A45}
.prose p{margin-bottom:14px}
.prose ul,.prose ol{padding-inline-start:22px;margin-bottom:16px}
.prose li{margin-bottom:6px}
.prose a{color:var(--blue);text-decoration:underline;text-underline-offset:3px}
.prose table{border-collapse:collapse;width:100%;margin:18px 0;font-size:15px}
.prose th,.prose td{border:1px solid var(--rule);padding:10px 12px;text-align:right}
.prose blockquote{border-inline-start:3px solid var(--teal);padding-inline-start:16px;color:var(--grey);margin:18px 0}
.prose .meta{color:var(--grey);font-size:14px;margin-bottom:28px}
.postcta{margin-top:44px;padding:24px;background:var(--paper,#F4F7F9);border-radius:4px;display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between}
.postcta b{font-size:18px}
.posts{display:grid;gap:0;margin-top:30px;border-top:1px solid var(--ink)}
.post{display:block;padding:26px 0;border-bottom:1px solid var(--rule);color:inherit;text-decoration:none}
.post time{font-size:13px;color:var(--grey)}
.post h2{font-size:22px;margin:6px 0 8px;line-height:1.4}
.post p{color:var(--grey);font-size:15px}
.post span{display:inline-block;margin-top:10px;color:var(--teal);font-weight:600}
.post:hover h2{color:var(--blue)}
.calc{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:30px 0 20px}
.calc label{display:flex;flex-direction:column;gap:8px;font-size:14px;font-weight:600;color:var(--grey)}
.calc input{font:inherit;font-size:22px;font-weight:700;color:var(--ink);padding:12px 14px;border:1px solid var(--rule);border-radius:4px;background:#fff;direction:ltr;text-align:right}
.calc input:focus{outline:2px solid var(--teal);border-color:transparent}
.calcout{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--ink);margin-bottom:22px}
.calcout div{padding:20px 0;border-inline-start:1px solid var(--rule);padding-inline:20px}
.calcout div:first-child{border:0;padding-inline-start:0}
.calcout span{display:block;font-size:14px;color:var(--grey)}
.calcout b{display:block;font-size:40px;color:var(--navy);direction:ltr;text-align:right}
.calcout b.neg{color:var(--red)}.calcout b.pos{color:var(--teal)}
.footin a{color:#AFC0CD;text-decoration:none}
.footin a:hover{color:#fff}
.flinks{display:flex;gap:20px}
.links404{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}
.links404 a{border:1px solid var(--rule);padding:8px 16px;border-radius:3px;color:var(--ink);text-decoration:none;font-weight:600}
@media(max-width:700px){.calc,.calcout{grid-template-columns:1fr}.calcout div{border-inline-start:0;padding-inline:0;border-bottom:1px solid var(--rule)}.calcout b{font-size:32px}.flinks{flex-wrap:wrap;gap:12px}}
.calc input{min-width:0;width:100%;box-sizing:border-box}.calc label{min-width:0}

/* logo keeps its own ratio */
.navin .brand img,footer img[alt="KMI Marketing"]{width:auto}
.navin .brand img{height:46px}
.footin img{height:40px}
@media(max-width:700px){.navin .brand img{height:38px}}