
:root{
  --bg:#090c0e;
  --bg2:#101416;
  --bg3:#151a1d;
  --paper:#f1f2ed;
  --paper2:#e7eae3;
  --ink:#111516;
  --white:#f7f8f5;
  --muted:#8f999e;
  --muted-dark:#68716e;
  --line:#293034;
  --line-light:#cbd0c8;
  --lime:#caff2c;
  --lime-dark:#768a00;
  --lime-soft:#e7ff91;
  --radius:28px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--white);font-family:Arial,Helvetica,sans-serif;overflow-x:hidden;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
button,input,select{font:inherit}
button,a{touch-action:manipulation}
img{display:block;max-width:100%}
::selection{background:var(--lime);color:#0a0d0c}
:focus-visible{outline:3px solid var(--lime);outline-offset:4px}
.skip-link{position:fixed;left:12px;top:12px;z-index:999;transform:translateY(-150%);background:var(--lime);color:#080b0b;padding:10px 14px;border-radius:8px;font-weight:900;font-size:11px}
.skip-link:focus{transform:none}

.shell{width:min(1180px,calc(100% - 48px));margin:0 auto}
.section{padding:112px 0}
.kicker{display:inline-block;font-size:8px;line-height:1.2;font-weight:900;letter-spacing:.19em;color:#69736f;text-transform:uppercase}
.kicker.light{color:#99a39f}
.section-heading{margin-bottom:52px}
.section-heading.split{display:grid;grid-template-columns:1.15fr .85fr;gap:80px;align-items:end}
.section-heading h2,.method-intro h2,.deliverables-sticky h2,.clarity-copy h2,.lead-copy h2,.faq-title h2,.final-inner h2{
  font:600 clamp(54px,6.3vw,91px)/.9 Georgia,"Times New Roman",serif;
  letter-spacing:-.055em;margin:16px 0 0
}
.section-heading h2 em,.method-intro h2 em,.deliverables-sticky h2 em,.clarity-copy h2 em,.lead-copy h2 em,.faq-title h2 em,.final-inner h2 em{color:var(--lime);font-style:italic}
.section-heading>p{color:#747e7a;font-size:12px;line-height:1.8;margin:0;max-width:540px}

.topbar{height:32px;background:#060809;border-bottom:1px solid #181d20}
.topbar-inner{height:100%;display:flex;align-items:center;justify-content:space-between;color:#778186;font-size:8px;font-weight:800;letter-spacing:.11em;text-transform:uppercase}
.topbar-inner span{display:flex;align-items:center;gap:8px}
.topbar-inner i{width:7px;height:7px;background:var(--lime);border-radius:50%;box-shadow:0 0 0 4px rgba(202,255,44,.08)}
.topbar-inner a{color:#a6afb3}
.topbar-inner a:hover{color:var(--lime)}

.header{height:78px;position:sticky;top:0;z-index:90;background:rgba(9,12,14,.86);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.07);transition:.25s background,.25s box-shadow}
.header.scrolled{background:rgba(7,9,10,.96);box-shadow:0 18px 45px rgba(0,0,0,.18)}
.nav-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:32px}
.brand{display:flex;align-items:center;gap:12px}
.brand img{width:46px;height:46px;border-radius:50%;box-shadow:0 0 0 1px #2d3437}
.brand>span{display:flex;flex-direction:column}
.brand b{font-size:12px;letter-spacing:.14em}
.brand small{color:#626c71;font-size:7px;letter-spacing:.15em;margin-top:4px}
.header nav{display:flex;align-items:center;gap:27px;font-size:9px;font-weight:800;color:#9ca5aa}
.header nav>a:not(.nav-cta):hover{color:var(--white)}
.nav-cta{display:flex;align-items:center;gap:14px;background:var(--lime);color:#0a0d0d!important;padding:12px 17px;border-radius:999px;transition:.2s transform,.2s box-shadow}
.nav-cta:hover{transform:translateY(-2px);box-shadow:0 12px 35px rgba(202,255,44,.14)}
.menu-button{display:none;background:none;border:0;width:44px;height:44px;position:relative;cursor:pointer}
.menu-button i{position:absolute;left:10px;top:17px;width:24px;height:2px;background:white}.menu-button i:last-child{top:25px}

.hero{min-height:770px;padding:82px 0 74px;position:relative;overflow:hidden;background:var(--bg)}
.hero-grid-bg{position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(to bottom,black 0,transparent 85%)}
.hero-glow{position:absolute;border-radius:50%;filter:blur(15px);pointer-events:none}
.hero-glow-a{width:660px;height:660px;background:rgba(202,255,44,.055);right:-230px;top:-210px}
.hero-glow-b{width:390px;height:390px;background:rgba(109,136,91,.08);left:32%;bottom:-290px}
.hero-grid{position:relative;display:grid;grid-template-columns:1.04fr .96fr;gap:66px;align-items:center;min-height:570px}
.availability{display:inline-flex;align-items:center;gap:10px;border:1px solid #2b3235;background:#0e1214;border-radius:999px;padding:9px 13px;color:#96a0a5;font-size:8px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.availability span{width:8px;height:8px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 5px rgba(202,255,44,.08)}
.hero h1{font:600 clamp(68px,7.3vw,112px)/.86 Georgia,"Times New Roman",serif;letter-spacing:-.065em;margin:22px 0 25px}
.hero h1 em{color:var(--lime);font-style:italic}
.hero-lead{font-size:16px;line-height:1.7;max-width:640px;color:#c0c7ca;margin:0}
.hero-lead strong{color:white}
.hero-sub{font-size:11px;line-height:1.7;color:#737d82;max-width:600px;margin:13px 0 0}
.hero-actions{display:flex;gap:10px;margin-top:30px;flex-wrap:wrap}
.button{min-height:50px;padding:0 20px;border:1px solid transparent;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;gap:18px;font-size:10px;font-weight:900;letter-spacing:.02em;cursor:pointer;transition:.2s transform,.2s background,.2s border-color,.2s box-shadow}
.button:hover{transform:translateY(-2px)}
.button-primary{background:var(--lime);color:#090c0d}
.button-primary:hover{box-shadow:0 15px 40px rgba(202,255,44,.14)}
.button-ghost{border-color:#30383c;color:#e3e7e4;background:rgba(255,255,255,.015)}
.button-ghost:hover{border-color:#566166;background:rgba(255,255,255,.035)}
.button-large{min-height:56px;padding:0 25px;font-size:11px}
.trust-chips{display:flex;flex-wrap:wrap;gap:9px;margin-top:30px}
.trust-chips span{border-top:1px solid #252c2f;padding:13px 14px 0 0;color:#7f898e;font-size:8px;font-weight:800;letter-spacing:.03em}
.trust-chips span::first-letter{color:var(--lime)}

.hero-system{min-height:570px;position:relative;border:1px solid #272e32;border-radius:32px;background:linear-gradient(145deg,#0f1315,#0a0d0f);padding:28px;box-shadow:0 35px 90px rgba(0,0,0,.28)}
.system-label{color:#5f696e;font-size:7px;font-weight:900;letter-spacing:.2em;margin-bottom:20px}
.search-card{background:#f1f2ed;color:#131719;border-radius:17px;padding:15px;box-shadow:0 15px 50px rgba(0,0,0,.22)}
.search-bar{height:38px;border:1px solid #d1d5cf;border-radius:10px;display:flex;align-items:center;gap:10px;padding:0 12px;color:#737b78;font-size:9px}
.search-bar span{font-size:18px}.search-bar b{font-weight:700}
.search-result{margin-top:11px;padding:9px 3px 0;display:grid;grid-template-columns:38px 1fr 24px;align-items:center;gap:10px}
.search-logo{width:38px;height:38px;border-radius:9px;background:#131719;color:var(--lime);display:grid;place-items:center;font-weight:900}
.search-result strong{display:block;font-size:11px}.search-result small{display:block;font-size:7px;color:#77807c;margin-top:4px}.search-result>span{font-size:18px}
.connector{height:44px;display:flex;align-items:center;justify-content:center;position:relative}.connector span{height:100%;width:1px;background:#394147}.connector i{position:absolute;background:#111619;border:1px solid #323a3f;border-radius:99px;padding:5px 7px;color:#6c777c;font-style:normal;font-size:7px}
.website-card{border:1px solid #2b3337;border-radius:17px;overflow:hidden;background:#13181a}
.website-top{height:35px;border-bottom:1px solid #2a3236;display:flex;align-items:center;gap:5px;padding:0 11px}.website-top i{width:6px;height:6px;border-radius:50%;background:#394147}.website-top small{margin-left:auto;color:#5f696e;font-size:7px}
.website-body{padding:23px 23px 21px}.website-body>span{font-size:7px;color:#6f7b80;font-weight:900;letter-spacing:.16em}.website-body h2{font:600 35px/.9 Georgia;margin:12px 0;color:white}.website-body p{max-width:390px;color:#7e898e;font-size:8px;line-height:1.6}
.website-actions{display:flex;align-items:center;gap:18px;margin-top:17px}.website-actions b{background:var(--lime);color:#101415;border-radius:99px;padding:10px 12px;font-size:7px}.website-actions small{color:#7b868b;font-size:7px}
.connector.second{height:39px}
.action-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.action-row div{border:1px solid #2b3337;border-radius:12px;padding:11px;display:flex;align-items:center;gap:9px;color:#8e999e}.action-row span{font-size:14px;color:var(--lime)}.action-row b{font-size:7px;letter-spacing:.1em}
.floating-proof{position:absolute;background:#161c1e;border:1px solid #353e42;border-radius:13px;padding:10px 12px;box-shadow:0 16px 40px rgba(0,0,0,.28);transform:rotate(-3deg)}
.floating-proof span{display:block;color:#d7ddda;font-size:8px;font-weight:900}.floating-proof small{display:block;color:#687378;font-size:6px;letter-spacing:.15em;margin-top:3px}
.fp-one{right:-23px;top:62px}.fp-two{left:-21px;bottom:57px;transform:rotate(3deg)}
.sector-marquee{position:absolute;left:0;right:0;bottom:0;height:42px;background:var(--lime);color:#0a0d0d;overflow:hidden;display:flex;align-items:center;white-space:nowrap}
.sector-marquee div{font-size:8px;font-weight:900;letter-spacing:.17em;animation:marquee 25s linear infinite}.sector-marquee i{font-style:normal;margin:0 19px}
@keyframes marquee{to{transform:translateX(-45%)}}

.problem{background:var(--paper);color:var(--ink)}
.problem .section-heading h2 em{color:#637400}.problem .section-heading>p{color:#68716d}
.comparison{display:grid;grid-template-columns:1fr 70px 1fr;align-items:center}
.compare-card{min-height:430px;border:1px solid var(--line-light);border-radius:24px;padding:25px;display:flex;flex-direction:column;background:#e9ece5;overflow:hidden}
.compare-after{background:#151a1b;color:white;border-color:#282f31}
.compare-top{display:flex;justify-content:space-between;gap:20px;align-items:center;font-size:7px;letter-spacing:.14em;font-weight:900;color:#77807c}.compare-after .compare-top{color:#737d81}.compare-top b{font-size:8px}
.compare-card>p{font-size:9px;color:#707975;margin:auto 0 0}.compare-after>p{color:#788287}
.mess{height:275px;position:relative;margin-top:28px}.mess-card{position:absolute;width:72%;min-height:100px;border:1px solid #c8ccc5;background:#f7f7f2;border-radius:14px;padding:16px;box-shadow:0 14px 28px rgba(29,34,31,.08)}
.mess-card small{display:block;color:#909892;font-size:7px;letter-spacing:.15em}.mess-card strong{display:block;margin-top:13px;font:600 18px/1.15 Georgia}
.m1{left:4%;top:7%;transform:rotate(-5deg)}.m2{right:3%;top:85px;transform:rotate(5deg)}.m3{left:12%;bottom:4px;transform:rotate(-2deg)}
.compare-arrow{height:56px;width:56px;border-radius:50%;background:var(--lime);color:#0b0d0d;display:grid;place-items:center;margin:auto;font-size:24px}
.clean-site{margin-top:28px;border:1px solid #353e40;border-radius:16px;min-height:275px;background:#0f1314;padding:18px;display:flex;flex-direction:column}
.clean-nav{display:flex;gap:15px;align-items:center;color:#657074;font-size:7px}.clean-nav b{color:white;margin-right:auto}
.clean-copy{margin:auto 0}.clean-copy small{color:#667174;font-size:7px;letter-spacing:.13em}.clean-copy strong{display:block;font:600 30px/.92 Georgia;color:white;margin-top:10px}.clean-button{align-self:flex-start;background:var(--lime);color:#101415;border-radius:99px;padding:10px 13px;font-size:7px;font-weight:900}

.dark-section{background:#0c1012;color:white}
.method{position:relative}
.method-intro{max-width:880px;margin-bottom:58px}.method-intro>p{color:#828d92;font-size:12px;line-height:1.8;max-width:650px}
.timeline{border-top:1px solid #2b3236}
.timeline-step{display:grid;grid-template-columns:70px 1fr 190px;gap:28px;align-items:center;min-height:155px;border-bottom:1px solid #2b3236;padding:25px 0}
.step-number{width:46px;height:46px;border:1px solid #30383c;border-radius:50%;display:grid;place-items:center;color:#6f7a7f;font-size:9px;font-weight:900}
.step-content small{color:#687378;font-size:7px;letter-spacing:.17em;font-weight:900}.step-content h3{font:600 27px Georgia;margin:8px 0}.step-content p{color:#808b90;font-size:10px;line-height:1.7;max-width:650px;margin:0}
.step-state{justify-self:end;border:1px solid #30383c;border-radius:99px;padding:9px 11px;color:#687378;font-size:7px;font-weight:900;letter-spacing:.1em}.accent-state{color:#0d100f;background:var(--lime);border-color:var(--lime)}
.payment-note{margin-top:28px;border:1px solid #2a3236;background:#111719;border-radius:16px;padding:18px 20px;display:flex;gap:12px;color:#808b90;font-size:9px;line-height:1.6}.payment-note b{color:var(--lime);white-space:nowrap}

.portfolio{background:#101416}
.portfolio .section-heading>p{color:#7c878c}
.portfolio-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.project{min-width:0}
.project-visual{height:390px;border-radius:22px;padding:22px;display:flex;flex-direction:column;position:relative;overflow:hidden;border:1px solid #2b3235;transition:.25s transform,.25s box-shadow,.25s border-color}
.project-visual:hover{transform:translateY(-5px);box-shadow:0 30px 70px rgba(0,0,0,.25);border-color:#465156}
.project-visual::after{content:"";position:absolute;width:300px;height:300px;border-radius:50%;right:-160px;bottom:-160px;border:65px solid rgba(255,255,255,.045)}
.pv-browser{height:24px;display:flex;gap:5px;align-items:center;border-bottom:1px solid rgba(255,255,255,.14);margin-bottom:35px}.pv-browser span{width:6px;height:6px;background:rgba(255,255,255,.25);border-radius:50%}
.project-visual>small{font-size:7px;letter-spacing:.17em;font-weight:900;opacity:.65}
.project-visual>strong{font:700 clamp(39px,4.2vw,59px)/.86 Arial,sans-serif;letter-spacing:-.06em;margin-top:14px;position:relative;z-index:2}
.project-visual>em{position:absolute;right:25px;bottom:20px;font:italic 92px Georgia;opacity:.12}
.project-visual>b{position:absolute;left:22px;bottom:23px;border-radius:99px;padding:10px 12px;background:rgba(0,0,0,.3);backdrop-filter:blur(8px);font-size:7px;letter-spacing:.1em;z-index:2}
.pv-garsant{background:linear-gradient(135deg,#0a0f11,#12241e);color:white}.pv-garsant>strong{color:#caff2c}.pv-garsant>b{color:#caff2c}
.pv-ringo{background:linear-gradient(135deg,#100c0d,#421319);color:#fff4ef}.pv-ringo>strong{font-family:Georgia}.pv-ringo>em{color:#e53640;opacity:.28}.pv-ringo>b{color:#ff525b}
.pv-miguel{background:linear-gradient(145deg,#ede8df,#c9aaa5);color:#171415}.pv-miguel>strong{font-family:Georgia;font-weight:500}.pv-miguel>em{color:#6e2030;opacity:.28}.pv-miguel>b{background:#171415;color:white}
.pv-barber{background:linear-gradient(135deg,#111211,#27251f);color:white}.pv-barber>strong{font-family:Georgia;color:#c1a067}.pv-barber>em{color:#b89556;opacity:.28}.pv-barber>b{color:#c7aa70}
.pv-auto{background:linear-gradient(135deg,#071217,#0e313b);color:white}.pv-auto>strong{color:#51e4ff}.pv-auto>em{color:#50e3ff;opacity:.25}.pv-auto>b{color:#50e3ff}
.pv-flower{background:linear-gradient(135deg,#f5f0df,#ddea64);color:#17382f}.pv-flower>strong{font-family:Georgia;font-weight:600}.pv-flower>em{color:#f07f6b;opacity:.35}.pv-flower>b{background:#17382f;color:white}
.project-copy{padding:16px 4px 23px}.project-copy>span{font-size:7px;color:#606b70;letter-spacing:.15em}.project-copy h3{font:600 25px Georgia;margin:6px 0 7px}.project-copy p{font-size:9px;color:#737e83;line-height:1.6;margin:0}
.portfolio-note{text-align:center;color:#535d62;font-size:8px;margin:22px 0 0}

.deliverables{background:var(--paper);color:var(--ink)}
.deliverables-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:90px}
.deliverables-sticky{position:sticky;top:125px;align-self:start}.deliverables-sticky h2 em{color:#637400}.deliverables-sticky>p{font-size:12px;line-height:1.8;color:#69726e;max-width:430px}
.text-link{display:inline-block;margin-top:17px;padding-bottom:4px;border-bottom:1px solid #7b8c13;color:#5e7000;font-size:9px;font-weight:900}
.deliverable-list{border-top:1px solid var(--line-light)}
.deliverable{display:grid;grid-template-columns:52px 1fr 30px;gap:18px;align-items:center;min-height:145px;padding:25px 0;border-bottom:1px solid var(--line-light)}
.deliverable>span{font-size:8px;color:#8e9692}.deliverable h3{font:600 27px Georgia;margin:0}.deliverable p{font-size:10px;color:#6a736f;line-height:1.65;margin:7px 0 0;max-width:660px}.deliverable i{font-style:normal;font-size:23px;color:#708000}

.clarity{background:var(--paper);padding-top:0;color:var(--ink)}
.clarity-box{border-radius:30px;background:#171c1a;color:white;padding:62px;display:grid;grid-template-columns:.8fr 1.2fr;gap:65px;position:relative;overflow:hidden}
.clarity-box::after{content:"";position:absolute;width:360px;height:360px;border:75px solid rgba(202,255,44,.045);border-radius:50%;right:-120px;top:-180px}
.clarity-copy{position:relative;z-index:2}.clarity-copy>p{font-size:11px;line-height:1.7;color:#8c9691;max-width:400px}
.clarity-grid{display:grid;grid-template-columns:1fr 1fr;position:relative;z-index:2;border-top:1px solid #343b37;border-left:1px solid #343b37}
.clarity-grid>div{padding:22px;border-right:1px solid #343b37;border-bottom:1px solid #343b37;min-height:135px}
.clarity-grid span{display:block;color:var(--lime);font-size:18px}.clarity-grid b{display:block;font-size:11px;margin-top:13px}.clarity-grid small{display:block;color:#818c87;font-size:8px;line-height:1.55;margin-top:6px}

.lead{background:#e9ece6;color:var(--ink)}
.lead-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;align-items:start}
.lead-copy h2 em{color:#637400}.lead-copy>p{font-size:12px;color:#69726e;line-height:1.8;max-width:520px}
.lead-proof{margin-top:34px;border-top:1px solid #cbd0c9}
.lead-proof>div{display:grid;grid-template-columns:42px 1fr;align-items:center;border-bottom:1px solid #cbd0c9;min-height:65px}.lead-proof b{font-size:8px;color:#818a86}.lead-proof span{font-size:10px;font-weight:800}
.lead-form{background:#111617;color:white;border-radius:27px;padding:29px;box-shadow:0 24px 65px rgba(29,37,32,.12)}
.form-head{display:flex;justify-content:space-between;gap:20px;align-items:center;padding-bottom:20px;border-bottom:1px solid #303638;margin-bottom:22px}.form-head span{font-size:8px;font-weight:900;letter-spacing:.17em}.form-head b{font-size:8px;color:var(--lime)}
.lead-form label{display:block;margin-bottom:16px}.lead-form label>span{display:block;font-size:7px;color:#818b90;letter-spacing:.12em;font-weight:900;margin-bottom:7px}
.lead-form input,.lead-form select{width:100%;height:49px;border:1px solid #343b3e;background:#171d1f;color:white;border-radius:10px;padding:0 13px;outline:none;font-size:10px}
.lead-form input::placeholder{color:#5d676b}.lead-form select{cursor:pointer}
.lead-form input:focus,.lead-form select:focus{border-color:var(--lime);box-shadow:0 0 0 3px rgba(202,255,44,.07)}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-row label{min-width:0}
.form-submit{width:100%;border:0;margin-top:3px}
.form-status{font-size:8px;color:#7f898d;line-height:1.6;margin:13px 0 0}.form-status strong{color:#adb7b2}
.form-status.success{color:#bfe14d}.form-status.error{color:#ff9aa0}
.form-direct{display:inline-block;margin-top:15px;color:#858f94;font-size:8px;border-bottom:1px solid #40484b;padding-bottom:3px}

.faq{background:#0b0f11}.faq-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:90px}
.faq-title{position:sticky;top:125px;align-self:start}.faq-title>p{font-size:10px;color:#6d777c;line-height:1.7}
.faq-list{border-top:1px solid #293034}.faq details{border-bottom:1px solid #293034}
.faq summary{list-style:none;cursor:pointer;min-height:74px;padding:20px 0;display:flex;align-items:center;justify-content:space-between;gap:25px;font:600 18px Georgia}.faq summary::-webkit-details-marker{display:none}.faq summary span{font:300 24px Arial;color:var(--lime);transition:.2s transform}.faq details[open] summary span{transform:rotate(45deg)}
.faq details p{color:#818b90;font-size:10px;line-height:1.75;max-width:720px;margin:-3px 0 22px}

.final-cta{position:relative;background:#111618;text-align:center;overflow:hidden;padding:130px 0}
.final-grid{position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:42px 42px;mask-image:radial-gradient(circle at center,black,transparent 73%)}
.final-inner{position:relative;display:flex;flex-direction:column;align-items:center}.final-inner img{width:92px;height:92px;border-radius:50%;box-shadow:0 0 0 1px #30383b;margin-bottom:25px}
.final-inner h2{max-width:980px}.final-inner p{color:#899398;font-size:12px;line-height:1.7;max-width:650px;margin:0 auto 29px}
.final-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.handle{margin-top:15px;color:#667075;font-size:8px;letter-spacing:.14em}

.footer{background:#07090a;border-top:1px solid #202629;padding:42px 0 24px}
.footer-main{display:grid;grid-template-columns:1.1fr 1fr .75fr;gap:45px;align-items:start}
.footer-brand{display:flex;align-items:center;gap:12px}.footer-brand img{width:46px;height:46px;border-radius:50%}.footer-brand div{display:flex;flex-direction:column}.footer-brand b{font-size:10px;letter-spacing:.13em}.footer-brand span,.footer-contact span{font-size:8px;color:#626c71;margin-top:5px}
.footer-links{display:grid;grid-template-columns:1fr 1fr;gap:12px;font-size:9px;color:#90999e}.footer-links a:hover{color:white}
.footer-contact{display:flex;flex-direction:column;align-items:flex-end}.footer-contact a{color:var(--lime);font-size:9px;margin-top:8px}
.footer-bottom{border-top:1px solid #202629;margin-top:34px;padding-top:19px;display:flex;justify-content:space-between;gap:20px;color:#4e575b;font-size:7px}

.floating-cta{position:fixed;right:20px;bottom:20px;z-index:85;height:50px;padding:0 17px 0 8px;border-radius:999px;background:var(--lime);color:#090c0d;display:flex;align-items:center;gap:9px;box-shadow:0 16px 48px rgba(0,0,0,.35);font-size:9px;font-weight:900;transition:.2s transform}
.floating-cta:hover{transform:translateY(-3px)}.floating-cta span{width:34px;height:34px;border-radius:50%;background:#0d1112;color:var(--lime);display:grid;place-items:center}
.reveal{opacity:0;transform:translateY(18px);transition:.65s opacity,.65s transform}.reveal.visible{opacity:1;transform:none}.delay-1{transition-delay:.08s}

@media(max-width:1040px){
  .hero-grid{gap:38px}.hero-system{padding:22px}.floating-proof{display:none}
}
@media(max-width:900px){
  .header nav{display:none}
  .menu-button{display:block}
  .header nav.open{display:flex;position:absolute;left:22px;right:22px;top:70px;background:#101416;border:1px solid #2b3236;border-radius:18px;padding:15px;flex-direction:column;align-items:stretch;gap:3px;box-shadow:0 28px 70px rgba(0,0,0,.38)}
  .header nav.open a{padding:12px}.nav-cta{text-align:center;justify-content:center;margin-top:4px}
  .hero-grid,.section-heading.split,.deliverables-grid,.clarity-box,.lead-grid,.faq-grid{grid-template-columns:1fr}
  .hero-system{margin-top:12px}
  .comparison{grid-template-columns:1fr}.compare-arrow{margin:18px auto;transform:rotate(90deg)}
  .method-intro{max-width:100%}.timeline-step{grid-template-columns:60px 1fr}.step-state{grid-column:2;justify-self:start}
  .portfolio-grid{grid-template-columns:1fr}
  .deliverables-sticky,.faq-title{position:relative;top:auto}
  .clarity-box{gap:34px}.footer-main{grid-template-columns:1fr 1fr}.footer-contact{align-items:flex-start}
}
@media(max-width:680px){
  .shell{width:min(100% - 34px,1180px)}
  .topbar{height:28px}.topbar-inner{justify-content:center}.topbar-inner>a{display:none}
  .header{height:68px}.brand img{width:40px;height:40px}.brand b{font-size:11px}.brand small{display:none}
  .hero{padding:64px 0 62px;min-height:0}.hero-grid{min-height:0}.hero h1{font-size:56px}.hero-lead{font-size:13px}.hero-actions{flex-direction:column}.button{width:100%}
  .trust-chips{display:grid;grid-template-columns:1fr}.trust-chips span{padding-top:10px}
  .hero-system{min-height:520px;padding:18px;margin-bottom:22px}.website-body h2{font-size:31px}.action-row div{padding:9px;gap:6px}.action-row b{font-size:6px}
  .sector-marquee{position:relative;margin-top:25px}
  .section{padding:82px 0}.section-heading{margin-bottom:38px}.section-heading h2,.method-intro h2,.deliverables-sticky h2,.clarity-copy h2,.lead-copy h2,.faq-title h2,.final-inner h2{font-size:47px}
  .section-heading.split{gap:17px}
  .compare-card{min-height:390px}.mess-card{width:80%}
  .timeline-step{grid-template-columns:45px 1fr;gap:16px}.step-number{width:38px;height:38px}.step-content h3{font-size:23px}.payment-note{flex-direction:column}.payment-note b{white-space:normal}
  .project-visual{height:330px}.project-visual>strong{font-size:45px}
  .deliverables-grid,.lead-grid,.faq-grid{gap:46px}.deliverable{grid-template-columns:38px 1fr 24px}.deliverable h3{font-size:24px}
  .clarity-box{padding:38px 24px}.clarity-grid{grid-template-columns:1fr}
  .form-row{grid-template-columns:1fr}
  .faq summary{font-size:16px}
  .final-cta{padding:94px 0}.final-inner img{width:78px;height:78px}
  .footer-main{grid-template-columns:1fr}.footer-contact{align-items:flex-start}.footer-bottom{flex-direction:column;gap:9px}
  .floating-cta{right:11px;bottom:11px;height:46px}
}
@media(max-width:390px){
  .hero h1{font-size:49px}.availability{font-size:7px}
  .hero-system{padding:14px}.website-body{padding:18px}.website-body h2{font-size:28px}.search-card{padding:12px}
  .section-heading h2,.method-intro h2,.deliverables-sticky h2,.clarity-copy h2,.lead-copy h2,.faq-title h2,.final-inner h2{font-size:42px}
  .project-visual{height:300px}.project-visual>strong{font-size:39px}
  .floating-cta b{display:none}.floating-cta{padding-right:8px}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.sector-marquee div{animation:none}.button,.floating-cta,.project-visual{transition:none}
}
