*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"DM Sans",sans-serif;color:#091522;background:#f7f9fb}.top{height:34px;background:#030912;color:#93a8b8;display:flex;align-items:center;justify-content:center;font-size:9px;letter-spacing:2px;font-weight:800}.top i{color:#65e3fb;margin:0 10px}header{height:78px;border-bottom:1px solid #273746;display:flex;align-items:center;justify-content:space-between;padding:0 7vw;position:sticky;top:0;background:#07111fe8;backdrop-filter:blur(16px);z-index:9;color:white}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:white}.brand>b{width:34px;height:34px;border:1px solid #486274;border-radius:9px;display:grid;place-items:center;font:800 17px Manrope;color:#bff7ff}.brand strong{display:block;font:800 17px Manrope;letter-spacing:2px}.brand small{display:block;font-size:7px;letter-spacing:1.5px;color:#7990a1}nav{display:flex;gap:27px;align-items:center;font-size:12px;font-weight:700;color:#a9bbc9}nav a{text-decoration:none;color:inherit}.navbtn{padding:11px 17px;border:1px solid #486274;border-radius:8px;color:#eaf9fc}.hero{padding:92px 8vw 88px;min-height:700px;display:grid;grid-template-columns:1.05fr .95fr;gap:7vw;align-items:center;background:radial-gradient(circle at 80% 20%,#13384a 0,transparent 27%),linear-gradient(125deg,#050c15,#091725 55%,#07111f);color:white}.hero label,.dark label,.visualbox label{color:#70dced}.hero h1{font:800 clamp(43px,5.2vw,73px)/1.03 Manrope;letter-spacing:-3.5px;margin:22px 0}.hero em,h2 em{font-style:normal;background:linear-gradient(100deg,#61e5fb,#aeefff);color:transparent;background-clip:text}.hero p{font-size:18px;line-height:1.65;color:#9cb0bf;max-width:640px}.actions{display:flex;align-items:center;gap:25px;margin-top:34px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:14px;background:#dffbff;color:#071522;padding:15px 22px;border-radius:9px;text-decoration:none;font-weight:900;font-size:12px;box-shadow:0 12px 35px #55dff033;transition:.2s}.btn:hover{transform:translateY(-2px)}.under{font-size:12px;font-weight:800;color:#b6c7d2}.checks{font-size:10px;color:#7f96a7;margin-top:28px}.panel{position:relative}.card{background:linear-gradient(145deg,#0d2232,#07121e);color:#eef8fb;border:1px solid #2b495d;border-radius:18px;padding:28px;box-shadow:0 35px 100px #0008;max-width:500px;margin:auto}.head{font-size:9px;letter-spacing:1.8px;color:#8fa6b9;font-weight:900}.head span{float:right;color:#72e8bd}.score{font:800 92px/1 Manrope;letter-spacing:-6px;margin-top:30px}.score small{font-size:17px;letter-spacing:0;color:#71899b}.excellent{display:inline-block;font-size:9px;padding:6px 10px;border-radius:20px;background:#123344;color:#88eaff;margin-top:9px}.bars{margin:30px 0 20px}.bars p{display:grid;grid-template-columns:40px 1fr 28px;gap:10px;align-items:center;font-size:9px;color:#8ea3b4}.bars i{height:4px;background:#1c3040;border-radius:8px;overflow:hidden}.bars u{display:block;height:100%;background:#6ce4f8;border-radius:8px;text-decoration:none}.bars p b{text-align:right}.finding{border-top:1px solid #203546;padding-top:18px;display:flex;gap:12px}.finding>strong{width:30px;height:30px;border:1px solid #d68e59;border-radius:7px;display:grid;place-items:center;color:#ffad76}.finding small{font-size:7px;letter-spacing:1.3px;color:#8298aa}.finding b{display:block;font-size:12px;margin-top:5px}.finding span{font-size:9px;color:#8499aa}.strip{padding:24px 8vw;border-block:1px solid #263a4a;background:#07111f;display:flex;align-items:center;justify-content:space-between;gap:25px;color:#7f95a5;font-size:9px;letter-spacing:1.7px;font-weight:900}.strip b{font:800 10px Manrope;color:#a9bfcc}.section{padding:115px 8vw}.section>h2,.process h2,.closing h2{font:800 clamp(37px,4.5vw,59px)/1.07 Manrope;letter-spacing:-2.5px;margin:20px 0}.problem{background:#f7f9fb}.intro{color:#708094;line-height:1.7;max-width:650px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:50px}.grid3 article{background:#fff;border:1px solid #d9e2e9;border-radius:12px;padding:28px;box-shadow:0 18px 50px #0715220a}.grid3 small,.grid5 small{color:#079bb8;font:800 10px Manrope}.grid3 h3{font:800 19px Manrope;line-height:1.3;margin:21px 0 10px}.grid3 p,.grid5 p{font-size:12px;line-height:1.65;color:#718094}.dark{background:#07111f;color:white}.split{display:grid;grid-template-columns:1fr .62fr;gap:8vw;align-items:end}.split p{color:#96aabc;line-height:1.7;font-size:13px}.grid5{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:48px}.grid5 article{background:#0a1725;border:1px solid #223849;border-radius:12px;padding:27px;min-height:190px}.grid5 h3{font:800 21px Manrope;margin:23px 0 9px}.grid5 h3 i{font:700 8px "DM Sans";color:#8196a8;letter-spacing:1.3px;font-style:normal}.grid5 .featured{background:#0b2432;border-color:#2b5a69}.grid5 mark{display:inline-block;background:none;border:1px solid #2a5968;color:#77e6f8;border-radius:30px;padding:6px 8px;font-size:7px;letter-spacing:1.2px}.demo{background:#eef3f6}.shots{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:48px}.shots figure{margin:0;background:#071522;border-radius:16px;padding:10px;box-shadow:0 25px 65px #07152222;overflow:hidden}.shots img{display:block;width:100%;border-radius:10px}.shots figcaption{padding:18px 12px 13px;color:#fff}.shots figcaption b{display:block;font-size:9px;letter-spacing:1.5px;color:#72e3f5;margin-bottom:7px}.shots figcaption span{font-size:12px;color:#9db0bd}.report{background:#fff}.deliver{max-width:900px;margin:45px auto 0}.deliver>div{padding:20px 0;border-bottom:1px solid #dce3e9}.deliver b{float:left;width:50px;color:#079bb8;font:800 10px Manrope}.deliver h3{font:800 15px Manrope;margin:0 0 5px}.deliver p{margin:0 0 0 50px;color:#718094;font-size:11px}.visual{background:#f7f9fb}.visualbox{background:#081624;color:#fff;border-radius:18px;padding:62px;display:grid;grid-template-columns:1fr .8fr;gap:8vw;overflow:hidden}.visualbox h2{font:800 clamp(36px,4vw,54px)/1.08 Manrope;letter-spacing:-2px;margin:19px 0}.visualbox p{color:#93a8b8;line-height:1.7;max-width:540px}.vision{background:#0d1f2d;border:1px solid #294354;border-radius:12px;padding:23px;min-height:285px}.vision header{position:static;height:auto;background:none;border:0;padding:0;color:#8298aa;font-size:8px;letter-spacing:1.5px}.vision header b{float:right;color:#74e8bd}.vision>strong{display:block;font:800 68px Manrope;margin:38px 0 15px}.vision>strong small{font-size:12px;color:#7991a2}.vision>div{font-size:7px;color:#91a7b7;letter-spacing:1px}.vision aside{margin-top:28px;border-left:2px solid #ff9d59;padding-left:10px;font-size:7px;letter-spacing:1.2px;color:#ffad75}.vision aside span{display:block;color:#d9e5ec;letter-spacing:0;font-size:10px;margin-top:5px}.process{background:#eef3f6}.steps{display:grid;grid-template-columns:repeat(4,1fr);margin-top:52px}.steps article{border-top:1px solid #c4d0d9;padding:23px 20px 0 0;position:relative}.steps article:before{content:"";position:absolute;top:-4px;width:7px;height:7px;border-radius:50%;background:#079bb8}.steps b{font:800 10px Manrope;color:#159bb5}.steps h3{font:800 16px Manrope;margin:18px 0 7px}.steps p{font-size:11px;line-height:1.6;color:#718094;max-width:190px}.offer{padding-top:85px;background:#fff}.offerbox{display:grid;grid-template-columns:1.2fr .8fr;background:#071522;color:#fff;border-radius:18px;overflow:hidden;box-shadow:0 25px 70px #0615222b}.offerbox>div{padding:58px}.offerbox label{color:#7a93a6}.offerbox h2{font:800 clamp(35px,4vw,54px)/1.08 Manrope;letter-spacing:-2px;margin:20px 0}.offerbox p{color:#9bafbd;line-height:1.7;font-size:13px}.offerbox ul{list-style:none;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:13px;font-size:11px;color:#dce7ee;margin-top:30px}.offerbox aside{background:#0d2432;border-left:1px solid #244050;padding:52px 40px;display:flex;flex-direction:column;justify-content:center}.offerbox aside>small{font-size:8px;letter-spacing:1.3px;color:#75deee;font-weight:900}.offerbox aside>strong{font:800 75px Manrope;letter-spacing:-4px;margin-top:12px}.offerbox aside>strong i{font-size:25px;font-style:normal;letter-spacing:0}.offerbox aside>span{font-size:11px;color:#b0c3cf}.offerbox aside p{font-size:10px}.wide{width:100%;margin-top:8px}.note{text-align:center;color:#71899a!important;font-size:8px!important;margin-top:10px}.closing{text-align:center;padding:115px 8vw;background:radial-gradient(circle at 50% 20%,#17394a,#07111f 58%);color:white}.closing label{color:#70dced}.closing h2{margin-top:20px}.closing p{max-width:600px;margin:0 auto 28px;color:#9db1bf;line-height:1.7;font-size:13px}.closing .btn{margin:auto}footer{background:#030912;color:#718694;padding:38px 8vw;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:9px}footer b{color:#fff;font:800 14px Manrope;letter-spacing:1.5px}footer small{color:#536674}@media(max-width:900px){nav a:not(.navbtn){display:none}.hero,.shots,.visualbox,.offerbox,.split{grid-template-columns:1fr}.hero{padding-top:60px}.panel{margin-top:20px}.grid3,.grid5,.steps{grid-template-columns:1fr 1fr}.offerbox aside{border-left:0;border-top:1px solid #244050}.visualbox{padding:38px}.strip{flex-wrap:wrap}.strip span{width:100%}}@media(max-width:600px){.top{font-size:7px}.hero,.section,.closing{padding-left:22px;padding-right:22px}.hero{padding-top:50px}.hero h1{letter-spacing:-2px}.hero p{font-size:16px}.actions{align-items:flex-start;flex-direction:column}.checks{line-height:2}.grid3,.grid5,.steps{grid-template-columns:1fr}.shots{gap:18px}.visualbox{padding:30px 22px}.offerbox>div{padding:35px 24px}.offerbox aside{padding:35px 24px}.offerbox ul{grid-template-columns:1fr}footer{flex-direction:column;align-items:flex-start}.strip b{display:none}}
.process-time{margin-top:55px;padding-top:25px;border-top:1px solid #cbd7df;display:flex;align-items:center;gap:16px;color:#162a3a}
.process-time .clock{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#dff9fd;border:1px solid #bdebf3;color:#079bb8;font-size:27px}
.process-time strong{display:block;font-size:13px;font-weight:800}
.process-time mark{background:#d9f7fc;color:#079bb8;padding:4px 8px;border-radius:6px}
.process-time small{display:block;margin-top:6px;color:#718094;font-size:11px}
.process article p strong{color:#172a3a}
@media(max-width:600px){.process-time{margin-top:35px}.process-time strong{font-size:11px}.process-time mark{display:inline-block;margin-top:4px}}

/* FINAL V4 — conversion-focused refinements */
.brand img{width:39px;height:39px;object-fit:contain;object-position:center;border-radius:9px;border:1px solid #365366;background:#030912;box-shadow:0 4px 18px #0006}
.friction{background:#f7f9fb}
.friction-grid{display:grid;grid-template-columns:1fr .8fr;gap:8vw;align-items:center;margin-top:25px}
.friction h2{font:800 clamp(37px,4.5vw,59px)/1.07 Manrope;letter-spacing:-2.5px;margin:20px 0}
.friction p{max-width:650px;color:#687b8e;line-height:1.75;font-size:14px}
.textbtn{display:inline-block;margin-top:12px;color:#079bb8;font-size:12px;font-weight:900}
.friction-list{background:#fff;border:1px solid #dce5eb;border-radius:16px;padding:10px 25px;box-shadow:0 22px 60px #0715220b}
.friction-list>div{display:flex;gap:18px;padding:22px 0;border-bottom:1px solid #e5ebef}
.friction-list>div:last-child{border-bottom:0}
.friction-list>b,.friction-list>div>b{font:800 10px Manrope;color:#079bb8;width:28px}
.friction-list span{display:block}
.friction-list strong{display:block;font:800 15px Manrope}
.friction-list small{display:block;margin-top:5px;color:#718094;font-size:11px;line-height:1.5}
.brands{background:#07111f;color:#fff;padding-top:65px;padding-bottom:65px}
.brands>label{color:#76ddec}
.brand-pair{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:28px}
.brand-card{border:1px solid #294353;border-radius:15px;min-height:150px;padding:14px;display:flex;align-items:center;gap:20px;background:#0a1927}
.brand-card img{width:180px;height:120px;object-fit:contain;object-position:center;border-radius:9px;background:#030912}
.brand-card div b{display:block;font:800 15px Manrope;letter-spacing:1px}
.brand-card div span{display:block;color:#91a7b7;font-size:11px;line-height:1.55;margin-top:7px;max-width:270px}
.fm-card{background:#fbf7f0;color:#17202a;border-color:#d9c39b}.fm-card img{background:#fbf7f0}
.fm-card div span{color:#6e665a}
@media(max-width:900px){.friction-grid,.brand-pair{grid-template-columns:1fr}.brand-card img{width:145px;height:105px;object-fit:contain}}
@media(max-width:600px){.brand-card{align-items:flex-start;flex-direction:column}.brand-card img{width:100%;height:150px;object-fit:contain}.friction-grid{gap:35px}}

.case-study{background:#eef3f6}.case-wrap{margin-top:28px;background:#071522;color:#fff;border:1px solid #263f50;border-radius:18px;padding:45px 50px;display:grid;grid-template-columns:.9fr 1.1fr;gap:6vw;align-items:center;box-shadow:0 24px 70px #07152216}.case-wrap h2{font:800 clamp(34px,4vw,52px)/1.08 Manrope;letter-spacing:-2px;margin:15px 0}.case-wrap p{color:#9bb0be;line-height:1.7;font-size:13px;max-width:520px}.case-steps{display:flex;align-items:center;justify-content:center;gap:14px}.case-steps span{min-width:120px;padding:22px 15px;border:1px solid #294556;border-radius:12px;background:#0a1927;text-align:center}.case-steps b{display:block;color:#70dced;font:800 9px Manrope}.case-steps strong{display:block;margin-top:9px;font:800 14px Manrope}.case-steps small{display:block;margin-top:5px;color:#8097a8;font-size:9px}.case-steps i{font-style:normal;color:#65dfef;font-size:20px}@media(max-width:900px){.case-wrap{grid-template-columns:1fr}.case-steps{justify-content:flex-start;flex-wrap:wrap}.case-steps i{display:none}}@media(max-width:600px){.case-wrap{padding:30px 22px}.case-steps{display:grid;grid-template-columns:1fr;gap:9px}.case-steps span{width:100%}}