:root{
  --navy:#071C2C;--graphite:#1D232A;--cream:#F3F1EC;--sand:#B7A89A;--mist:#AFC3CF;--white:#fff;--ink:#101417;--line:rgba(7,28,44,.14);--green:#25D366;
  --radius:18px;--shadow:0 24px 80px rgba(0,0,0,.16)
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Manrope,system-ui,sans-serif;color:var(--ink);background:var(--cream);line-height:1.55}.noise{position:fixed;inset:0;pointer-events:none;opacity:.025;z-index:99;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.75'/%3E%3C/svg%3E")}.container{width:min(1180px,calc(100% - 40px));margin:auto}.narrow{max-width:820px}.section-dark{background:var(--navy);color:var(--cream)}.section-light{background:var(--cream)}section{padding:110px 0}.site-header{position:fixed;z-index:50;top:14px;left:50%;transform:translateX(-50%);width:min(1180px,calc(100% - 28px));display:flex;align-items:center;gap:28px;padding:12px 14px 12px 20px;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:rgba(7,28,44,.78);backdrop-filter:blur(18px);box-shadow:0 10px 40px rgba(0,0,0,.18)}.brand{color:white;text-decoration:none;font-weight:800;letter-spacing:-.02em}.nav-links{margin-left:auto;display:flex;gap:24px}.nav-links a{color:rgba(255,255,255,.72);font-size:14px;text-decoration:none}.nav-links a:hover{color:white}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;border:0;cursor:pointer;border-radius:12px;font:700 14px/1 Manrope;padding:16px 20px;transition:.2s ease}.btn-small{padding:12px 16px;background:var(--cream);color:var(--navy)}.btn-primary{background:var(--cream);color:var(--navy)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(243,241,236,.12)}.btn-dark{background:var(--navy);color:white}.btn-ghost{border:1px solid rgba(255,255,255,.24);color:white}.btn-ghost-light{border:1px solid rgba(7,28,44,.18);color:var(--navy);background:transparent}.btn-whatsapp{background:var(--green);color:#04190b}.full{width:100%}.hero{min-height:100vh;padding-top:170px;position:relative;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:58px}.hero-glow{position:absolute;border-radius:999px;filter:blur(90px);opacity:.18}.hero-glow-a{width:520px;height:520px;background:#1c8ab3;top:-160px;right:24%}.hero-glow-b{width:360px;height:360px;background:#b7a89a;right:-120px;bottom:-80px}.eyebrow{display:inline-flex;text-transform:uppercase;letter-spacing:.14em;font-size:12px;font-weight:800;color:var(--mist);margin-bottom:18px}.eyebrow.dark{color:#52616b}.hero h1,.section-heading h2,.statement h2,.demo h2,.about h2,.pricing h2,.lead-copy h2,.closing h2{margin:0;letter-spacing:-.048em;line-height:1.04}.hero h1{font-size:clamp(48px,6.2vw,86px);max-width:780px}.hero h1 em{font-family:"DM Serif Display",serif;font-weight:400;color:var(--sand)}.hero-lede{max-width:700px;font-size:19px;color:rgba(255,255,255,.73);margin:28px 0}.hero-offer{display:flex;gap:36px;margin:28px 0}.hero-offer div{display:flex;flex-direction:column}.hero-offer strong{font-size:19px}.hero-offer span{font-size:12px;color:rgba(255,255,255,.5);margin-top:4px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.microcopy{font-size:12px;color:rgba(255,255,255,.44);margin-top:18px}.product-visual{position:relative;min-height:600px;display:flex;align-items:center}.browser-shell{width:100%;background:#e9e6df;border-radius:18px;box-shadow:0 50px 120px rgba(0,0,0,.35);overflow:hidden;transform:perspective(1400px) rotateY(-5deg) rotateX(1deg)}.browser-top{height:40px;background:#d8d5cf;display:flex;align-items:center;gap:7px;padding:0 12px}.browser-top>span{width:8px;height:8px;border-radius:99px;background:#b6b2aa}.browser-url{margin-left:12px;background:#efede8;border-radius:7px;color:#777;font-size:9px;padding:6px 16px;flex:1;text-align:center}.browser-body{background:#f7f4ed}.mock-hero{height:280px;background:linear-gradient(145deg,#26353c,#0d171c);display:grid;grid-template-columns:1.1fr .9fr;overflow:hidden}.mock-copy{padding:36px;color:#fff;align-self:center}.mock-copy>span{font-size:8px;text-transform:uppercase;letter-spacing:.18em;color:#c7d5dc}.mock-copy h3{font:400 28px/1.06 "DM Serif Display",serif;margin:12px 0}.mock-copy p{font-size:10px;color:#ccd2d3}.mock-copy button{border:0;border-radius:5px;padding:9px 12px;font-size:8px;font-weight:700}.mock-building{position:relative;align-self:end;height:238px;margin-right:16px;background:linear-gradient(135deg,#7d857f,#303b3e);clip-path:polygon(18% 12%,100% 0,100% 100%,0 100%,0 28%)}.mock-building i{position:absolute;width:11%;height:22%;background:rgba(242,225,191,.6);box-shadow:0 0 15px rgba(255,222,158,.18)}.mock-building i:nth-child(1){left:18%;top:28%}.mock-building i:nth-child(2){left:44%;top:22%}.mock-building i:nth-child(3){left:70%;top:17%}.mock-building i:nth-child(4){left:18%;top:62%}.mock-building i:nth-child(5){left:44%;top:57%}.mock-building i:nth-child(6){left:70%;top:52%}.mock-stats{display:grid;grid-template-columns:repeat(3,1fr);padding:18px 30px;border-bottom:1px solid #dedbd5}.mock-stats div{display:flex;flex-direction:column}.mock-stats b{font-size:12px}.mock-stats small{font-size:8px;color:#85807a}.mock-form{margin:18px 30px 30px;background:#fff;border:1px solid #e0ddd5;border-radius:11px;padding:18px}.mock-form span{font-size:8px;color:#72808a}.mock-form strong{display:block;margin:8px 0 12px;font-size:12px}.mock-form div{display:flex;gap:8px}.mock-form button{background:#f5f3ef;border:1px solid #dedbd4;border-radius:7px;font-size:8px;padding:8px}.float-card{position:absolute;background:#fff;color:#172229;border-radius:12px;padding:13px 15px;box-shadow:0 15px 50px rgba(0,0,0,.24);display:flex;flex-direction:column;font-size:11px}.float-card b{font-size:12px}.float-card small{color:#75828a}.card-lead{left:-20px;top:110px}.card-meta{right:-18px;top:65px}.card-crm{right:6px;bottom:58px}.dot{width:7px;height:7px;background:#31b675;border-radius:99px;margin-bottom:8px}.statement{text-align:center;padding-bottom:50px}.statement h2{font-size:clamp(42px,5vw,72px)}.statement p{font-size:20px;color:#52616b;max-width:790px;margin:24px auto 0}.section-heading{max-width:760px;margin-bottom:54px}.section-heading.split{display:grid;grid-template-columns:1fr .8fr;max-width:none;gap:60px;align-items:end}.section-heading h2{font-size:clamp(38px,4.5vw,64px)}.section-heading p{font-size:18px;color:#65727a;margin:18px 0 0}.flow{display:flex;align-items:stretch;gap:9px}.flow-node{flex:1;min-width:0;border:1px solid var(--line);border-radius:14px;padding:20px 16px;background:rgba(255,255,255,.52)}.flow-node.active{background:var(--navy);color:white;transform:translateY(-7px);box-shadow:var(--shadow)}.flow-node span{display:block;font-size:10px;color:#778891;margin-bottom:22px}.flow-node b{display:block;font-size:13px}.flow-node small{color:#7c888f;font-size:10px}.flow-line{width:18px;align-self:center;height:1px;background:#abb4ba;position:relative}.flow-line:after{content:"";position:absolute;right:0;top:-3px;border-left:5px solid #abb4ba;border-top:3px solid transparent;border-bottom:3px solid transparent}.measurement-bar{margin-top:22px;border:1px solid var(--line);border-radius:14px;padding:18px 22px;display:flex;justify-content:space-between;gap:20px;background:#e8ebe9}.measurement-bar span{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:#68747b}.measurement-bar b{font-size:13px}.demo-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px;align-items:center}.demo h2{font-size:clamp(42px,5vw,68px)}.demo p{color:rgba(255,255,255,.66);font-size:18px}.clean-list{list-style:none;padding:0;margin:28px 0 0}.clean-list li{padding:12px 0;border-bottom:1px solid rgba(255,255,255,.1)}.clean-list li:before{content:"✓";color:var(--mist);margin-right:10px}.form-demo{background:#fff;color:#18232a;border-radius:22px;padding:30px;box-shadow:0 40px 120px rgba(0,0,0,.25)}.progress-label{display:flex;justify-content:space-between;font-size:11px;color:#78858c}.progress{height:5px;background:#e9edee;border-radius:99px;margin:9px 0 28px;overflow:hidden}.progress i{display:block;height:100%;background:var(--navy)}.form-demo h3{font-size:24px;margin:0 0 6px}.form-demo p{color:#748088;font-size:13px;margin:0 0 18px}.choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.choice-grid button{padding:13px 14px;border:1px solid #d6dde0;border-radius:10px;background:#fff;text-align:left;font-weight:700;color:#22313a;cursor:pointer}.choice-grid button.selected{background:#eaf0f3;border-color:#7894a3}.demo-next{margin-top:18px;width:100%;padding:14px;border:0;border-radius:10px;background:var(--navy);color:white;font-weight:800}.demo-note{display:flex;gap:10px;align-items:flex-start;margin:-2px 0 20px;padding:12px 14px;border:1px solid #d8e0e3;border-radius:12px;background:#f3f6f7}.demo-note span{flex:0 0 auto;font-size:9px;line-height:1;text-transform:uppercase;letter-spacing:.12em;font-weight:800;color:var(--navy);background:#dce8ed;border-radius:999px;padding:6px 8px}.demo-note p{margin:0!important;color:#66767e!important;font-size:11px!important;line-height:1.45}.form-demo .choice-grid button,.form-demo .demo-next{pointer-events:none;cursor:default}.price-card .price-cta{background:var(--navy);color:#fff;border:1px solid var(--navy);box-shadow:0 12px 30px rgba(7,28,44,.16)}.price-card .price-cta:hover{background:#0b2a40;transform:translateY(-2px);box-shadow:0 16px 36px rgba(7,28,44,.22)}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feature{border:1px solid var(--line);border-radius:var(--radius);padding:26px;background:rgba(255,255,255,.48)}.feature span{font-size:11px;color:#778790}.feature h3{font-size:20px;letter-spacing:-.03em}.feature p{font-size:14px;color:#617078}.not-included{margin-top:18px;padding:18px 22px;border-radius:12px;background:#e8e2da;color:#5f5147}.about-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:80px;align-items:center}.about-photo{border-radius:24px;overflow:hidden;background:#0a151c;max-height:680px}.about-photo img{width:100%;height:100%;display:block;object-fit:cover}.about h2{font-size:clamp(48px,6vw,78px)}.about-lede{font:400 28px/1.2 "DM Serif Display",serif;color:var(--sand);max-width:680px}.about-copy>p:not(.about-lede){color:rgba(255,255,255,.68);font-size:17px}.authority-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin:28px 0}.authority-grid div{border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:20px}.authority-grid strong{font-size:26px;display:block}.authority-grid span{font-size:12px;color:rgba(255,255,255,.55)}.timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.timeline-item{border-top:1px solid #9aa5aa;padding-top:18px}.timeline-item span{font-size:11px;color:#6f7c83}.timeline-item h3{font-size:18px;margin:22px 0 8px}.timeline-item p{font-size:13px;color:#65727a}.pricing-grid{display:grid;grid-template-columns:1fr .8fr;gap:90px;align-items:center}.pricing h2{font-size:clamp(44px,5vw,70px)}.pricing-copy>p{font-size:18px;color:rgba(255,255,255,.65);max-width:620px}.payment-note{margin-top:30px;padding:18px;border-left:2px solid var(--sand);color:rgba(255,255,255,.72)}.price-card{background:#f6f3ed;color:var(--navy);border-radius:24px;padding:32px}.price-card>span{font-size:12px;text-transform:uppercase;letter-spacing:.1em}.price-card>strong{display:block;font-size:55px;line-height:1;margin-top:14px;letter-spacing:-.05em}.price-card>small{display:block;margin-top:6px}.price-card ul{list-style:none;padding:0;margin:26px 0}.price-card li{padding:10px 0;border-bottom:1px solid #dedad3}.price-card li:before{content:"✓";margin-right:10px}.price-card p{font-size:10px;color:#6d7578;margin-top:12px}.lead-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:70px;align-items:start}.lead-copy{position:sticky;top:120px}.lead-copy h2{font-size:clamp(42px,5vw,68px)}.lead-copy>p{font-size:17px;color:#627078}.lead-callout{margin-top:24px;padding:18px;border-radius:14px;background:#e4e8e7;display:flex;flex-direction:column;gap:4px}.lead-callout span{font-size:12px;color:#69747a}.lead-form-shell{background:white;border:1px solid var(--line);border-radius:24px;padding:30px;box-shadow:0 30px 90px rgba(7,28,44,.08)}.form-progress-top{display:flex;justify-content:space-between;font-size:11px;color:#68767d}.form-progress{height:5px;background:#e9edee;border-radius:99px;overflow:hidden;margin:9px 0 20px}.form-progress i{display:block;height:100%;width:33%;background:var(--navy);transition:.3s}.form-step{display:none;padding:0;scroll-margin-top:110px}.form-step.active{display:block}.form-step h3{font-size:28px;letter-spacing:-.03em;margin:0 0 18px}.field-grid{display:grid;gap:12px}.field-grid.two{grid-template-columns:repeat(2,1fr)}label{display:block;font-size:12px;font-weight:800;color:#314047;margin:18px 0 6px}.guided-target{scroll-margin-top:125px}input,select,textarea{width:100%;font:500 14px Manrope;padding:13px 14px;border:1px solid #d7dfe2;border-radius:10px;background:#fff;color:#1d2a31;outline:none}input:focus,select:focus,textarea:focus{border-color:#6f8793;box-shadow:0 0 0 3px rgba(111,135,147,.12)}.form-choices,.multi-choice{margin-top:8px}.form-choices button.selected,.multi-choice button.selected{background:var(--navy);border-color:var(--navy);color:#fff}.field-help{font-size:11px;color:#78858c;margin:0 0 8px}.select-all-ads{border:0;background:none;color:#496473;text-decoration:underline;font:700 11px Manrope;cursor:pointer;padding:10px 0}.conditional{margin-top:9px;display:none}.conditional.show{display:block}.conditional-wrap{display:none}.conditional-wrap.show{display:block}.form-actions{display:flex;gap:10px;margin-top:22px}.form-actions .btn{flex:1}.consent{display:flex;gap:10px;align-items:flex-start;font-weight:500;line-height:1.45}.consent input{width:18px;height:18px;margin-top:1px}.consent a{color:var(--navy)}.form-status{font-size:12px;color:#a23d3d;min-height:20px}.success-state{text-align:center;padding:34px 10px;scroll-margin-top:125px;min-height:360px;display:flex;flex-direction:column;justify-content:center}.success-state[hidden]{display:none}.success-icon{display:grid;place-items:center;width:54px;height:54px;border-radius:99px;background:#ddf5e7;color:#1c7a4d;font-size:26px;margin:0 auto 18px}.success-state h3{font-size:30px;letter-spacing:-.04em}.success-state p{color:#65727a}.success-state small{display:block;margin-top:12px;color:#7a878c}.faq-grid{display:grid;grid-template-columns:.55fr 1.45fr;gap:70px}.accordion details{border-top:1px solid var(--line);padding:18px 0}.accordion details:last-child{border-bottom:1px solid var(--line)}summary{cursor:pointer;font-weight:800;list-style:none;display:flex;justify-content:space-between}summary:after{content:"+";font-size:20px}.accordion details[open] summary:after{content:"–"}.accordion p{color:#65727a;max-width:760px}.closing{position:relative;overflow:hidden;min-height:720px;display:flex;align-items:center}.closing-image{position:absolute;inset:0}.closing-image img{width:100%;height:100%;object-fit:cover;object-position:center}.closing-image:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.9) 0%,rgba(0,0,0,.76) 43%,rgba(0,0,0,.12) 78%)}.closing-copy{position:relative;z-index:2}.closing-copy h2{font-size:clamp(46px,5vw,76px);max-width:820px}.closing-copy p{color:rgba(255,255,255,.52);font-size:12px;margin-top:18px}footer{background:#03121c;color:#aab4ba;padding:24px 0}.footer-inner{display:flex;gap:24px;font-size:11px}.footer-inner a{color:#aab4ba;text-decoration:none}.footer-inner a:nth-child(2){margin-left:auto}.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:980px){.nav-links{display:none}.hero-grid,.demo-grid,.about-grid,.pricing-grid,.lead-grid,.faq-grid,.section-heading.split{grid-template-columns:1fr}.hero{padding-top:140px}.product-visual{min-height:auto;margin-top:20px}.flow{display:grid;grid-template-columns:repeat(2,1fr)}.flow-line{display:none}.feature-grid{grid-template-columns:repeat(2,1fr)}.timeline{grid-template-columns:repeat(2,1fr)}.lead-copy{position:static}.about-photo{max-height:600px}.pricing-grid{gap:40px}.closing-image img{object-position:65% center}.closing-image:after{background:linear-gradient(90deg,rgba(0,0,0,.9),rgba(0,0,0,.68) 62%,rgba(0,0,0,.25))}}
@media(max-width:640px){section{padding:78px 0}.form-step{padding:0}.guided-target,.success-state{scroll-margin-top:92px}.container{width:min(100% - 26px,1180px)}.site-header{top:8px}.site-header .brand{font-size:13px}.site-header .btn-small{font-size:11px;padding:11px 12px}.hero{padding-top:120px}.hero h1{font-size:47px}.hero-lede{font-size:16px}.hero-offer{flex-direction:column;gap:12px}.hero-actions{display:grid}.browser-shell{transform:none}.float-card{display:none}.mock-hero{grid-template-columns:1fr;height:240px}.mock-building{display:none}.statement h2,.demo h2,.about h2,.pricing h2,.lead-copy h2,.closing-copy h2{font-size:42px}.section-heading h2{font-size:40px}.flow{grid-template-columns:1fr}.measurement-bar{flex-direction:column}.feature-grid,.timeline,.authority-grid,.field-grid.two{grid-template-columns:1fr}.choice-grid{grid-template-columns:1fr}.lead-form-shell{padding:20px}.form-actions{flex-direction:column}.closing{min-height:650px}.closing-image img{object-position:72% center}.closing-image:after{background:rgba(0,0,0,.7)}.footer-inner{flex-wrap:wrap}.footer-inner a:nth-child(2){margin-left:0}}


/* V3 — refined guided form scrolling, hero mockup, favicon/social-preview companion */
.product-visual{justify-content:center}
.browser-shell{width:94%;transform:perspective(1400px) rotateY(-2deg) rotateX(.5deg);transform-origin:center center}
.mock-hero{grid-template-columns:1fr 1fr;height:280px}
.mock-copy{padding:34px 30px 34px 38px}
.mock-copy h3{max-width:250px}
.mock-building{position:relative;align-self:end;justify-self:center;width:78%;height:224px;margin:0 0 0;background:linear-gradient(180deg,#7e8987 0%,#53605f 42%,#303b3e 100%);clip-path:none;border-radius:8px 8px 0 0;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06),0 20px 40px rgba(0,0,0,.16)}
.mock-building:before,.mock-building:after{content:"";position:absolute;bottom:0;width:16%;height:72%;background:linear-gradient(180deg,#6f7b79,#3a4646);opacity:.92}
.mock-building:before{left:-16%;border-radius:5px 0 0 0}
.mock-building:after{right:-16%;border-radius:0 5px 0 0}
.mock-building-cap{position:absolute;left:18%;right:18%;top:-10px;height:12px;border-radius:4px 4px 0 0;background:#8f9995;box-shadow:0 4px 16px rgba(0,0,0,.16)}
.mock-window-grid{position:absolute;inset:25% 17% 15%;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:17% 19%}
.mock-window-grid i{position:static;width:auto;height:auto;background:rgba(242,225,191,.64);box-shadow:0 0 15px rgba(255,222,158,.16);border-radius:1px}
.card-lead{left:-2px;top:auto;bottom:150px}
.card-meta{right:-8px;top:82px}
.card-crm{right:10px;bottom:52px}
.float-card{min-width:128px}
.finish-group{margin-top:2px}
.form-actions{scroll-margin-top:0}

@media(max-width:980px){
  .browser-shell{width:100%;transform:none}
  .card-lead{left:6px;bottom:138px}
  .card-meta{right:4px;top:70px}
  .card-crm{right:12px;bottom:40px}
}
@media(max-width:640px){
  .mock-copy{padding:32px 28px}
  .browser-shell{width:100%}
  .mock-hero{grid-template-columns:1fr;height:240px}
  .mock-building{display:none}
}
.mock-window-grid i,.mock-window-grid i:nth-child(1),.mock-window-grid i:nth-child(2),.mock-window-grid i:nth-child(3),.mock-window-grid i:nth-child(4),.mock-window-grid i:nth-child(5),.mock-window-grid i:nth-child(6){position:static!important;left:auto!important;top:auto!important;width:100%!important;height:100%!important}