@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;600;700;800;900&display=swap');
:root{--bg:#030912;--bg2:#06111e;--panel:#081523;--panel2:#0b1d31;--line:rgba(117,160,204,.18);--line2:rgba(255,255,255,.08);--text:#f7fbff;--muted:#9bb0c4;--orange:#ff6a00;--orange2:#ff8a2b;--aqua:#00f0d8;--blue:#1677ff;--green:#19c985;--shadow:0 28px 70px rgba(0,0,0,.34);--radius:26px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:radial-gradient(circle at 82% -5%,rgba(22,119,255,.12),transparent 32%),radial-gradient(circle at 18% 15%,rgba(255,106,0,.06),transparent 30%),var(--bg);color:var(--text);font-family:'Tajawal',system-ui,-apple-system,'Segoe UI',Arial,sans-serif;line-height:1.75;overflow-x:hidden}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,input,select{font:inherit}.wrap{width:min(1180px,calc(100% - 40px));margin:auto}.skip{position:absolute;right:-9999px}.skip:focus{right:12px;top:12px;z-index:999;background:#fff;color:#000;padding:8px 12px;border-radius:10px}
.topbar{position:sticky;top:0;z-index:70;background:rgba(3,9,18,.76);backdrop-filter:blur(18px) saturate(145%);border-bottom:1px solid rgba(255,255,255,.06)}.nav{height:78px;display:grid;grid-template-columns:minmax(260px,1fr) auto minmax(300px,1fr);align-items:center;gap:26px}.brand{justify-self:start;display:flex;align-items:center;gap:11px}.brand img{width:50px;height:50px;border-radius:16px;filter:drop-shadow(0 0 16px rgba(0,102,255,.16))}.brand-copy{display:grid;line-height:1.25}.brand-copy b{font-size:16px}.brand-copy small{font-size:11px;color:var(--aqua);font-weight:700;display:flex;align-items:center;gap:6px}.brand-copy small i{width:4px;height:4px;background:var(--orange);border-radius:50%}.navlinks{display:flex;align-items:center;gap:28px}.navlinks a{position:relative;color:#c9d7e4;font-size:13px;font-weight:700;padding:12px 0;transition:.2s}.navlinks a:after{content:"";position:absolute;right:50%;left:50%;bottom:4px;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--orange),var(--aqua));transition:.22s}.navlinks a:hover{color:#fff}.navlinks a:hover:after{right:0;left:0}.header-actions{justify-self:end;display:flex;align-items:center;gap:8px;direction:ltr}.icon-action{display:flex;align-items:center;gap:9px;min-height:48px;border-radius:18px;padding:6px 9px 6px 14px;border:1px solid var(--line);background:rgba(8,21,35,.62);transition:.2s}.icon-action:hover{transform:translateY(-1px);border-color:rgba(255,255,255,.18);background:rgba(12,29,48,.86)}.action-icon{width:34px;height:34px;border-radius:12px;display:grid;place-items:center}.action-icon svg{width:18px;height:18px;fill:currentColor}.action-copy{display:grid;line-height:1.08;text-align:left}.action-copy small{font-size:9px;color:#8499ac}.action-copy b{font-size:12px}.call-action .action-icon{background:linear-gradient(145deg,rgba(22,119,255,.28),rgba(0,240,216,.08));color:#8ec1ff}.wa-action{border-color:rgba(25,201,133,.18)}.wa-action .action-icon{background:rgba(25,201,133,.14);color:#43e7a6}.wa-action .action-copy b{color:#65eab1}
.hero{position:relative;padding:70px 0 26px;overflow:hidden}.hero-glow{position:absolute;border-radius:50%;filter:blur(90px);pointer-events:none}.glow-one{width:420px;height:420px;background:rgba(22,119,255,.12);top:20px;right:-160px}.glow-two{width:360px;height:360px;background:rgba(255,106,0,.08);bottom:-120px;left:-100px}.hero-grid{position:relative;display:grid;grid-template-columns:1.03fr .97fr;gap:60px;align-items:center}.hero-copy{position:relative;z-index:2}.eyebrow,.kicker{display:inline-flex;align-items:center;gap:8px;color:#ffc28e;font-size:12px;font-weight:800;letter-spacing:.1px}.eyebrow{padding:7px 11px;border-radius:999px;background:rgba(255,106,0,.07);border:1px solid rgba(255,106,0,.24)}.eyebrow i{width:6px;height:6px;border-radius:50%;background:var(--orange);box-shadow:0 0 12px var(--orange)}h1{font-size:clamp(44px,5.2vw,72px);line-height:1.08;letter-spacing:-2.2px;margin:18px 0 18px;max-width:720px}h1 span{background:linear-gradient(90deg,#fff 0%,#ff8a2b 45%,#ff6a00 100%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 34px rgba(255,106,0,.06)}.lead{font-size:17px;color:#c4d1dd;margin:0;max-width:760px}.symptom-strip{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0}.symptom-strip a{font-size:11px;color:#bdd0df;border-bottom:1px solid rgba(0,240,216,.22);padding:5px 1px}.symptom-strip a:hover{color:var(--aqua)}.hero-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:22px}.primary-cta,.secondary-cta{display:flex;align-items:center;gap:10px;min-height:58px;border-radius:20px;padding:8px 16px 8px 10px;transition:.22s}.primary-cta{background:linear-gradient(135deg,var(--orange),#ff8b28);color:#fff;box-shadow:0 14px 36px rgba(255,106,0,.24)}.secondary-cta{background:linear-gradient(135deg,#13bf7d,#1fd697);color:#02150e;box-shadow:0 14px 36px rgba(25,201,133,.18)}.primary-cta:hover,.secondary-cta:hover{transform:translateY(-2px)}.cta-icon{width:40px;height:40px;border-radius:14px;background:rgba(255,255,255,.14);display:grid;place-items:center}.secondary-cta .cta-icon{background:rgba(0,0,0,.09)}.cta-icon svg{width:20px;height:20px;fill:currentColor}.primary-cta>span:last-child,.secondary-cta>span:last-child{display:grid;line-height:1.1}.primary-cta small,.secondary-cta small{font-size:9px;opacity:.78}.primary-cta b,.secondary-cta b{font-size:13px}.hero-note{display:flex;align-items:flex-start;gap:9px;margin-top:17px;max-width:620px}.note-dot{width:8px;height:8px;border-radius:50%;background:var(--aqua);box-shadow:0 0 14px rgba(0,240,216,.7);margin-top:8px;flex:0 0 auto}.hero-note p{margin:0;color:#8ea5b9;font-size:12px}.hero-note b{color:#cce5e3}
.hero-visual{position:relative;min-height:570px}.visual-main{position:absolute;inset:30px 36px 58px 0;border-radius:32px;overflow:hidden;border:1px solid rgba(255,255,255,.1);box-shadow:var(--shadow);background:#07101a}.visual-main:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(2,7,13,.78))}.visual-main img{width:100%;height:100%;object-fit:cover;object-position:center 55%}.visual-label{position:absolute;z-index:2;right:18px;bottom:17px;display:grid}.visual-label span{font-size:10px;color:var(--aqua);font-weight:800}.visual-label b{font-size:14px}.visual-detail{position:absolute;z-index:4;width:178px;background:rgba(4,13,23,.9);border:1px solid rgba(255,255,255,.12);border-radius:22px;padding:7px;box-shadow:0 20px 55px rgba(0,0,0,.42);backdrop-filter:blur(10px)}.visual-detail img{width:100%;height:118px;object-fit:cover;border-radius:16px}.visual-detail span{display:grid;padding:8px 6px 5px;line-height:1.2}.visual-detail b{font-size:12px}.visual-detail small{font-size:9px;color:#8ea3b5}.detail-one{top:0;left:0;transform:rotate(-2deg)}.detail-two{left:22px;bottom:0;transform:rotate(2deg)}.visual-badge{position:absolute;z-index:5;top:63px;right:7px;width:92px;height:92px;border-radius:50%;display:grid;place-content:center;text-align:center;background:radial-gradient(circle at 35% 25%,#0f2842,#06111e 65%);border:1px solid rgba(0,240,216,.24);box-shadow:0 0 40px rgba(0,240,216,.09)}.visual-badge strong{font-size:13px;color:var(--aqua)}.visual-badge span{font-size:9px;color:#98adbf}.proof-strip{margin-top:38px;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(255,255,255,.07);border-bottom:1px solid rgba(255,255,255,.07)}.proof-strip>div{display:flex;align-items:center;gap:14px;padding:18px 20px;border-left:1px solid rgba(255,255,255,.07)}.proof-strip>div:last-child{border-left:0}.proof-mark{font-size:11px;font-weight:900;color:var(--orange)}.proof-strip p{display:grid;margin:0;line-height:1.35}.proof-strip b{font-size:13px}.proof-strip small{font-size:10px;color:#8196a9;margin-top:2px}
.section{padding:86px 0}.band{background:linear-gradient(180deg,rgba(7,18,31,.82),rgba(4,11,19,.92));border-block:1px solid rgba(255,255,255,.045)}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:30px}.section-head>div{max-width:720px}.section-head h2{font-size:clamp(30px,4vw,46px);line-height:1.18;margin:7px 0 7px;letter-spacing:-1px}.section-head p{margin:0;color:var(--muted);font-size:14px}.section-index{font-size:46px;font-weight:900;color:rgba(255,255,255,.035);line-height:1}.kicker{color:var(--aqua);padding:0}.problems{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.problem{position:relative;padding:23px 20px 18px;min-height:208px;border-radius:24px;background:linear-gradient(155deg,rgba(11,29,49,.9),rgba(5,14,24,.94));border:1px solid rgba(108,154,199,.15);overflow:hidden;transition:.25s}.problem:before{content:"";position:absolute;width:130px;height:130px;left:-60px;top:-70px;border-radius:50%;background:rgba(22,119,255,.08);filter:blur(10px);transition:.25s}.problem:hover{transform:translateY(-4px);border-color:rgba(0,240,216,.28);box-shadow:0 18px 50px rgba(0,0,0,.22)}.problem:hover:before{background:rgba(255,106,0,.12)}.problem-num{position:absolute;left:16px;top:15px;font-size:10px;color:#5f768b}.problem-icon{width:40px;height:40px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(22,119,255,.2),rgba(0,240,216,.07));border:1px solid rgba(22,119,255,.2);color:#b6d5ff;font-weight:900;font-size:18px}.problem h3{font-size:16px;margin:16px 0 5px}.problem p{font-size:12px;color:var(--muted);margin:0}.problem-link{position:absolute;right:20px;bottom:15px;display:flex;align-items:center;gap:5px;font-size:10px;color:#ff9f5b;font-weight:800}.problem-link svg{width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:1.8;transform:scaleX(-1)}
.diagnosis-grid{display:grid;grid-template-columns:1fr .88fr;gap:50px;align-items:center}.diagnosis-copy h2{font-size:clamp(32px,4vw,48px);line-height:1.15;margin:8px 0 14px}.diagnosis-copy>p{color:var(--muted);font-size:15px}.diagnosis-points{display:grid;gap:10px;margin-top:24px}.diagnosis-points>div{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.05)}.diagnosis-points i{width:9px;height:9px;border:2px solid var(--orange);border-radius:50%;box-shadow:0 0 12px rgba(255,106,0,.35)}.diagnosis-points span{display:grid}.diagnosis-points b{font-size:13px}.diagnosis-points small{font-size:10px;color:#8197aa}.diagnosis-media{position:relative;height:430px;border-radius:28px;overflow:hidden;border:1px solid rgba(255,255,255,.09);box-shadow:var(--shadow)}.diagnosis-media img{width:100%;height:100%;object-fit:cover;object-position:center 42%}.diagnosis-media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 52%,rgba(2,7,13,.78))}.media-copy{position:absolute;right:18px;bottom:17px;z-index:2;display:grid}.media-copy span{font-size:10px;color:var(--aqua)}.media-copy b{font-size:14px}
.services{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.service{display:flex;align-items:flex-start;gap:15px;padding:20px;border-radius:22px;background:rgba(7,19,32,.78);border:1px solid rgba(116,158,200,.14);transition:.2s}.service:hover{border-color:rgba(255,106,0,.24);background:rgba(10,25,42,.92)}.service-glyph{flex:0 0 42px;width:42px;height:42px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(255,106,0,.16),rgba(22,119,255,.08));border:1px solid rgba(255,106,0,.17);font-size:12px;font-weight:900;color:#ffb277}.service h3{font-size:15px;margin:2px 0 5px}.service p{font-size:11.5px;color:var(--muted);margin:0}.safety{margin-top:24px;display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;padding:22px;border-radius:24px;background:linear-gradient(90deg,rgba(255,106,0,.105),rgba(255,106,0,.025));border:1px solid rgba(255,106,0,.25)}.safety-icon{width:52px;height:52px;border-radius:17px;display:grid;place-items:center;background:rgba(255,106,0,.12);color:#ff9d57;font-size:20px;font-weight:900}.safety span{font-size:9px;color:#ffad73;font-weight:800}.safety h3{font-size:17px;margin:1px 0 4px}.safety p{font-size:11px;color:#c1a995;margin:0}.safety-cta{display:flex;align-items:center;gap:6px;color:#ff9d57;font-size:11px;font-weight:900;white-space:nowrap}.safety-cta svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:1.8;transform:scaleX(-1)}
.work-grid{display:grid;grid-template-columns:1.35fr .8fr .8fr;grid-template-rows:250px 250px;gap:12px}.work{position:relative;overflow:hidden;border-radius:22px;border:1px solid rgba(255,255,255,.08);background:#07101a;cursor:zoom-in}.work-wide{grid-row:1/3}.work:nth-child(4){grid-column:2}.work:nth-child(5){grid-column:3}.work img{width:100%;height:100%;object-fit:cover;transition:.35s}.work:hover img{transform:scale(1.035)}.work:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 48%,rgba(2,7,13,.84))}.caption{position:absolute;z-index:2;right:0;left:0;bottom:0;padding:15px}.caption span{font-size:9px;color:var(--aqua);display:block}.caption b{font-size:12px}.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.step{padding:20px;border-radius:22px;background:linear-gradient(160deg,rgba(10,28,47,.86),rgba(5,14,24,.92));border:1px solid rgba(116,158,200,.13)}.step>span{font-size:22px;font-weight:900;background:linear-gradient(135deg,var(--blue),var(--aqua));-webkit-background-clip:text;background-clip:text;color:transparent}.step h3{font-size:14px;margin:9px 0 3px}.step p{font-size:10.5px;color:var(--muted);margin:0}.confidence{margin-top:24px;padding:24px;border-radius:25px;background:radial-gradient(circle at 80% 0,rgba(22,119,255,.13),transparent 35%),rgba(7,19,32,.76);border:1px solid rgba(22,119,255,.16);display:grid;grid-template-columns:.9fr 1.1fr;gap:28px;align-items:center}.confidence-kicker{color:#7fb5ff;font-size:10px;font-weight:800}.confidence h3{margin:4px 0 0;font-size:20px}.confidence-list{display:grid;grid-template-columns:1fr 1fr;gap:9px}.confidence-list span{font-size:11px;color:#bfd0df;padding:9px 11px;border-radius:12px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.05)}.split-mini{display:grid;grid-template-columns:1fr 1fr;gap:14px}.coverage-card,.brands-card{padding:28px;border-radius:26px;background:rgba(7,19,32,.8);border:1px solid var(--line)}.coverage-card h2,.brands-card h2{font-size:28px;margin:7px 0 7px}.coverage-card p,.brands-card p{font-size:12px;color:var(--muted);margin:0 0 18px}.area-pills,.brand-pills{display:flex;flex-wrap:wrap;gap:8px}.area-pills span,.brand-pills span{font-size:10px;font-weight:800;padding:8px 11px;border-radius:999px;background:rgba(22,119,255,.06);border:1px solid rgba(22,119,255,.14);color:#c8dbed}.brand-pills span{direction:ltr}.contact-section{background:radial-gradient(circle at 15% 40%,rgba(255,106,0,.07),transparent 30%)}.contact-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:44px;align-items:center}.contact-copy h2{font-size:clamp(32px,4vw,48px);line-height:1.16;margin:8px 0 12px}.contact-copy>p{font-size:14px;color:var(--muted)}.contact-direct{display:grid;gap:9px;margin-top:22px}.contact-direct a{display:flex;align-items:center;gap:11px;padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.055)}.direct-icon{width:37px;height:37px;border-radius:13px;display:grid;place-items:center;background:rgba(22,119,255,.1);color:#79afff}.direct-icon svg{width:18px;height:18px;fill:currentColor}.contact-direct a:nth-child(2) .direct-icon{background:rgba(25,201,133,.1);color:#44e6a5}.contact-direct a>span:last-child{display:grid;line-height:1.15}.contact-direct small{font-size:9px;color:#8296a8}.contact-direct b{font-size:13px}.form-card{padding:26px;border-radius:28px;background:linear-gradient(155deg,#0a1d31,#06111e);border:1px solid rgba(22,119,255,.24);box-shadow:var(--shadow)}.form-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.form-head span{font-size:10px;color:var(--aqua);font-weight:800}.form-head b{font-size:15px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.field{display:grid;gap:5px}.field.full{grid-column:1/-1}.field label{font-size:10px;font-weight:800;color:#aebfd0}.field input,.field select{width:100%;padding:13px;border-radius:13px;border:1px solid rgba(128,164,200,.19);background:#030c16;color:#fff;outline:none}.field input:focus,.field select:focus{border-color:rgba(0,240,216,.5);box-shadow:0 0 0 3px rgba(0,240,216,.04)}.submit-cta{border:0;cursor:pointer;width:100%;margin-top:13px;min-height:53px;border-radius:17px;background:linear-gradient(135deg,#12bd7c,#1ed697);color:#03150f;display:flex;align-items:center;justify-content:center;gap:9px;font-weight:900}.submit-cta span{width:28px;height:28px;display:grid;place-items:center}.submit-cta svg{width:18px;height:18px;fill:currentColor}.faq-section{padding-top:54px}.section-head.compact{margin-bottom:18px}.faq{max-width:930px;display:grid;gap:8px}.faq details{border-radius:17px;background:rgba(7,19,32,.7);border:1px solid rgba(116,158,200,.12);padding:15px 17px}.faq summary{cursor:pointer;font-size:13px;font-weight:800}.faq p{font-size:11.5px;color:var(--muted);margin:9px 0 0}.final-cta{padding:60px 0;background:linear-gradient(90deg,rgba(255,106,0,.065),rgba(22,119,255,.06));border-top:1px solid rgba(255,255,255,.05)}.final-grid{display:flex;align-items:center;justify-content:space-between;gap:30px}.final-grid h2{font-size:35px;margin:5px 0 4px}.final-grid p{margin:0;color:var(--muted);font-size:13px}.final-actions{margin:0;justify-content:flex-end}footer{padding:28px 0 110px;border-top:1px solid rgba(255,255,255,.055);background:#02070d}.footer-grid{display:flex;justify-content:space-between;align-items:center;gap:20px}.footer-brand{display:flex;align-items:center;gap:10px}.footer-brand img{width:42px;height:42px;border-radius:13px}.footer-brand div{display:grid}.footer-brand b{font-size:13px}.footer-brand span{font-size:9px;color:#71869a}.footer-contact{display:flex;gap:18px;font-size:11px;font-weight:800;color:#91abc1}.footer-contact a:hover{color:#fff}.mobile-dock{display:none}.lightbox{position:fixed;inset:0;z-index:110;background:rgba(0,0,0,.93);display:none;place-items:center;padding:24px}.lightbox.open{display:grid}.lightbox img{max-width:min(1100px,94vw);max-height:88vh;border-radius:20px}.lightbox button{position:absolute;top:20px;left:20px;width:42px;height:42px;border-radius:50%;border:0;background:#fff;color:#000;font-size:22px;cursor:pointer}.reveal{opacity:0;transform:translateY(15px);transition:.55s ease}.reveal.on{opacity:1;transform:none}
.micro-hero{padding:80px 0 55px}.micro-grid{display:grid;grid-template-columns:1fr .8fr;gap:36px;align-items:center}.micro-card{padding:30px;border-radius:28px;background:rgba(7,19,32,.84);border:1px solid var(--line)}.micro-card h1{font-size:clamp(38px,5vw,60px);margin:10px 0 12px;line-height:1.13}.micro-list{display:grid;gap:8px;margin:20px 0}.micro-list div{font-size:12px;padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.05)}.micro-visual{height:480px;border-radius:28px;overflow:hidden;border:1px solid rgba(255,255,255,.08);box-shadow:var(--shadow)}.micro-visual img{width:100%;height:100%;object-fit:cover}
@media(max-width:1080px){.nav{grid-template-columns:1fr auto}.navlinks{display:none}.hero-grid{gap:34px}.header-actions{justify-self:end}.hero-visual{min-height:510px}.problems{grid-template-columns:repeat(2,1fr)}.services{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:repeat(3,1fr)}.work-grid{grid-template-columns:1fr 1fr;grid-template-rows:260px 240px 240px}.work-wide{grid-column:1/3;grid-row:1}.work:nth-child(4),.work:nth-child(5){grid-column:auto}.diagnosis-grid,.contact-grid,.micro-grid{grid-template-columns:1fr 1fr}}
@media(max-width:780px){body{padding-bottom:96px}.wrap{width:min(100% - 24px,1180px)}.topbar{position:sticky}.nav{height:68px;grid-template-columns:1fr auto}.brand img{width:44px;height:44px;border-radius:14px}.brand-copy b{font-size:13px}.brand-copy small{font-size:9px}.header-actions{display:none}.hero{padding:38px 0 20px}.hero-grid{grid-template-columns:1fr}.hero-copy{order:1}.hero-visual{order:2;min-height:430px;margin-top:6px}h1{font-size:42px;letter-spacing:-1.3px}.lead{font-size:15px}.hero-actions{display:grid;grid-template-columns:1fr}.primary-cta,.secondary-cta{width:100%;justify-content:flex-start}.visual-main{inset:10px 18px 45px 0;border-radius:25px}.visual-detail{width:142px}.visual-detail img{height:92px}.detail-one{left:0}.detail-two{left:12px}.visual-badge{width:76px;height:76px;top:36px;right:0}.proof-strip{grid-template-columns:1fr;margin-top:24px}.proof-strip>div{border-left:0;border-bottom:1px solid rgba(255,255,255,.055);padding:12px 5px}.proof-strip>div:last-child{border-bottom:0}.section{padding:62px 0}.section-head{align-items:flex-start}.section-head h2{font-size:33px}.section-index{font-size:34px}.problems,.services{grid-template-columns:1fr 1fr}.diagnosis-grid,.contact-grid,.split-mini,.micro-grid{grid-template-columns:1fr}.diagnosis-media{height:350px}.work-grid{grid-template-columns:1fr 1fr;grid-template-rows:260px 220px 220px}.steps{grid-template-columns:1fr 1fr}.confidence{grid-template-columns:1fr}.final-grid{display:grid}.final-actions{justify-content:start}.mobile-dock{position:fixed;display:grid;grid-template-columns:1fr 1.15fr;gap:8px;bottom:max(10px,env(safe-area-inset-bottom));right:10px;left:10px;z-index:95;padding:8px;border-radius:24px;background:rgba(3,9,18,.9);border:1px solid rgba(255,255,255,.08);box-shadow:0 18px 55px rgba(0,0,0,.5);backdrop-filter:blur(18px) saturate(150%)}.dock-btn{min-height:56px;border-radius:18px;display:flex;align-items:center;gap:9px;padding:7px 9px}.dock-call{background:linear-gradient(145deg,rgba(22,119,255,.18),rgba(10,31,52,.95));border:1px solid rgba(22,119,255,.24)}.dock-wa{background:linear-gradient(135deg,#13bd7c,#1fd696);color:#03160f}.dock-icon{width:34px;height:34px;border-radius:12px;display:grid;place-items:center;background:rgba(255,255,255,.1)}.dock-icon svg{width:17px;height:17px;fill:currentColor}.dock-btn>span:last-child{display:grid;line-height:1.08}.dock-btn small{font-size:8px;opacity:.7}.dock-btn b{font-size:11px}.micro-hero{padding:42px 0 36px}.micro-visual{height:320px}}
@media(max-width:520px){.wrap{width:min(100% - 20px,1180px)}h1{font-size:37px}.eyebrow{font-size:10px}.symptom-strip{gap:6px}.symptom-strip a{font-size:10px}.hero-visual{min-height:380px}.visual-main{inset:12px 12px 52px 0}.visual-detail{width:126px;padding:5px}.visual-detail img{height:78px}.detail-two{left:3px}.visual-badge{display:none}.problems,.services,.work-grid,.steps{grid-template-columns:1fr}.work-grid{display:grid;grid-template-rows:260px repeat(4,215px)}.work-wide{grid-column:auto;grid-row:auto}.problem{min-height:190px}.section-head{display:block}.section-index{display:none}.confidence-list{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.footer-grid{align-items:flex-start}.footer-contact{display:grid;gap:5px}.mobile-dock{right:8px;left:8px;bottom:max(8px,env(safe-area-inset-bottom));grid-template-columns:.95fr 1.05fr}.dock-btn{padding:6px 7px}.dock-icon{width:32px;height:32px}.dock-btn b{font-size:10px}.dock-btn small{font-size:7.5px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.reveal{opacity:1;transform:none;transition:none!important}.primary-cta,.secondary-cta,.problem,.work img{transition:none!important}}


/* === REV4: MOBILE HERO + CTA DENSITY OPTIMIZATION === */
@media(max-width:780px){
  body{padding-bottom:78px}
  .nav{height:64px}
  .brand img{width:40px;height:40px;border-radius:13px}
  .brand-copy b{font-size:12.5px}
  .brand-copy small{font-size:8.5px}
  .hero{padding:24px 0 16px}
  .hero-grid{display:flex;flex-direction:column;gap:0;align-items:stretch}
  .hero-copy{display:contents}
  .hero-copy.reveal{opacity:1;transform:none}
  .hero-copy .eyebrow{order:1;align-self:flex-start;margin-bottom:10px}
  .hero-copy h1{order:2;font-size:clamp(32px,9.2vw,40px);line-height:1.12;letter-spacing:-1px;margin:0 0 11px;max-width:none}
  .hero-copy .lead{order:3;font-size:13.5px;line-height:1.7;margin:0 0 14px;color:#b9c8d6}
  .hero-visual{order:4;width:100%;height:272px;min-height:272px;margin:0 0 13px;position:relative}
  .visual-main{inset:0;border-radius:22px}
  .visual-main img{object-position:center 54%}
  .visual-label{right:14px;bottom:12px}
  .visual-label span{font-size:9px}.visual-label b{font-size:12px}
  .visual-detail{display:none}
  .visual-detail.detail-one{display:block;width:112px;left:9px;top:auto;bottom:9px;padding:5px;border-radius:17px;transform:none}
  .visual-detail.detail-one img{height:72px;border-radius:13px;object-position:center 40%}
  .visual-detail.detail-one span{padding:6px 4px 3px}.visual-detail.detail-one b{font-size:10px}.visual-detail.detail-one small{font-size:7.5px}
  .visual-badge{display:none}
  .hero-copy .symptom-strip{order:5;flex-wrap:nowrap;overflow-x:auto;margin:0 0 12px;padding:1px 0 5px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .hero-copy .symptom-strip::-webkit-scrollbar{display:none}
  .hero-copy .symptom-strip a{flex:0 0 auto;white-space:nowrap;font-size:9.5px;padding:5px 7px;border:1px solid rgba(0,240,216,.12);border-radius:999px;background:rgba(0,240,216,.025)}
  .hero-copy .hero-actions{order:6;display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0}
  .hero-copy .primary-cta,.hero-copy .secondary-cta{width:100%;min-width:0;min-height:52px;justify-content:flex-start;gap:7px;padding:6px 8px;border-radius:16px}
  .hero-copy .cta-icon{width:34px;height:34px;border-radius:11px;flex:0 0 34px}.hero-copy .cta-icon svg{width:17px;height:17px}
  .hero-copy .primary-cta small,.hero-copy .secondary-cta small{font-size:7.5px}.hero-copy .primary-cta b,.hero-copy .secondary-cta b{font-size:10.5px;white-space:nowrap}
  .hero-copy .hero-note{order:7;margin:11px 0 0;padding:9px 10px;border-radius:14px;background:rgba(255,255,255,.018);border:1px solid rgba(255,255,255,.045)}
  .hero-note p{font-size:10.5px;line-height:1.55}
  .proof-strip{grid-template-columns:repeat(3,1fr);margin-top:17px}
  .proof-strip>div{display:grid;justify-items:center;text-align:center;gap:3px;padding:10px 5px;border-left:1px solid rgba(255,255,255,.055);border-bottom:0}
  .proof-strip>div:last-child{border-left:0}.proof-strip p{display:block}.proof-strip b{font-size:9.5px;line-height:1.3}.proof-strip small{display:none}.proof-mark{font-size:8px}
  .section{padding:50px 0}.section-head{margin-bottom:22px}.section-head h2{font-size:30px}.section-head p{font-size:12.5px}
  .mobile-dock{right:9px;left:9px;bottom:max(8px,env(safe-area-inset-bottom));padding:6px;gap:6px;border-radius:20px;opacity:0;transform:translateY(18px);pointer-events:none;visibility:hidden;transition:opacity .2s ease,transform .2s ease,visibility .2s}
  .mobile-dock.is-visible{opacity:1;transform:none;pointer-events:auto;visibility:visible}
  .dock-btn{min-height:50px;border-radius:15px;padding:5px 7px;gap:7px}.dock-icon{width:31px;height:31px;border-radius:10px;flex:0 0 31px}.dock-icon svg{width:16px;height:16px}.dock-btn small{font-size:7px}.dock-btn b{font-size:9.5px;white-space:nowrap}
}
@media(max-width:520px){
  .wrap{width:min(100% - 18px,1180px)}.hero{padding-top:20px}.hero-copy h1{font-size:34px}.hero-copy .lead{font-size:12.8px}.hero-visual{height:242px;min-height:242px}.visual-detail.detail-one{width:102px}.visual-detail.detail-one img{height:64px}.hero-copy .hero-actions{gap:7px}.hero-copy .primary-cta,.hero-copy .secondary-cta{min-height:50px}.hero-copy .primary-cta b,.hero-copy .secondary-cta b{font-size:9.8px}.proof-strip b{font-size:8.7px}.mobile-dock{grid-template-columns:1fr 1fr}
}
@media(max-width:390px){.hero-copy h1{font-size:31px}.hero-visual{height:224px;min-height:224px}.hero-copy .primary-cta b,.hero-copy .secondary-cta b{font-size:9.2px}}