:root{
  --bg:#f4f0e6;
  --panel:#fffdf7;
  --panel2:#e9e4d8;
  --ink:#121817;
  --muted:#626d68;
  --line:rgba(18,24,23,.13);
  --lime:#d7ff54;
  --orange:#ff6b3d;
}

.shell{width:min(1560px,calc(100% - 48px))}
.section{padding-top:clamp(90px,8vw,140px);padding-bottom:clamp(90px,8vw,140px)}

html{background:var(--bg)}
body{
  color:var(--ink);
  background:
    radial-gradient(circle at 86% 8%,rgba(215,255,84,.3),transparent 24rem),
    radial-gradient(circle at 7% 38%,rgba(255,107,61,.08),transparent 25rem),
    var(--bg);
}
body:before{opacity:.022;mix-blend-mode:multiply}

.nav{
  background:rgba(244,240,230,.86);
  border-bottom:1px solid var(--line);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
}
.brand{overflow:visible}
.brand img{
  width:218px;
  height:58px;
  object-fit:contain;
  object-position:left center;
  transform:scale(1.12);
  transform-origin:left center;
}
footer .brand img{width:202px;height:56px}
nav a,.lede,.section-heading.split>p,.problem-card p,.sprint-intro>p,.process p,.about-copy>p,footer p,footer>span{color:var(--muted)}
nav a:hover,.text-link{color:var(--ink)}

.button{background:var(--ink);color:#fffdf7;border-color:var(--ink);box-shadow:0 10px 28px rgba(18,24,23,.14)}
.button:hover{background:#28312f;border-color:#28312f;box-shadow:0 14px 34px rgba(18,24,23,.2)}
.eyebrow{color:#26302d}
.eyebrow span{background:var(--orange);box-shadow:0 0 0 5px rgba(255,107,61,.12)}
.trust-line span,.tags span{border-color:rgba(18,24,23,.18);color:#46504c;background:rgba(255,253,247,.58)}

.hero-stage:before{
  background:
    radial-gradient(circle at 62% 38%,rgba(215,255,84,.95),transparent 0 15%,rgba(215,255,84,.26) 16%,transparent 43%),
    linear-gradient(145deg,#fffdf7 0%,#eee9dc 100%);
  border-color:rgba(18,24,23,.12);
  box-shadow:0 34px 90px rgba(74,68,52,.16),inset 0 0 0 1px rgba(255,255,255,.8);
}
.orbit{border-color:rgba(18,24,23,.16)}
.orbit-two{border-color:rgba(255,107,61,.28)}
.floating-card{
  color:var(--ink);
  background:rgba(255,253,247,.94);
  border-color:rgba(18,24,23,.14);
  box-shadow:0 20px 45px rgba(54,50,40,.15);
  backdrop-filter:blur(12px);
}
.floating-card small{color:#69736e}
.floating-card span{color:#59635f}
.card-a{animation:float-a 6.5s ease-in-out infinite}
.card-b{animation:float-b 7.5s ease-in-out -1.5s infinite}
.card-c{animation:float-c 6.8s ease-in-out -3s infinite}
.orbit-one{animation:orbit-spin 24s linear infinite}
.orbit-two{animation:orbit-spin 32s linear infinite reverse}
.route-dot{box-shadow:0 0 0 7px rgba(215,255,84,.24)}

.brand-strip{background:var(--ink);border-color:var(--ink);color:#fffdf7;padding-inline:max(24px,calc((100vw - 1560px)/2));gap:34px}
.brand-strip p{color:#aab4af}
.brand-strip div span{color:#f7f3e9}
.brand-strip>p{flex:0 0 auto;position:relative;z-index:2;background:var(--ink);padding-right:12px}
.brand-marquee{min-width:0;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}
.brand-strip .brand-track{display:flex;width:max-content;gap:52px;animation:brand-scroll 30s linear infinite;will-change:transform}
.brand-strip:hover .brand-track{animation-play-state:paused}

.problem-card{
  background:rgba(255,253,247,.88);
  border-color:rgba(18,24,23,.11);
  box-shadow:0 18px 50px rgba(65,59,46,.08);
}
.problem-card:hover{background:#fff;box-shadow:0 24px 60px rgba(65,59,46,.13)}
.problem-card b{color:var(--orange)}

.proof{background:#e4eadf;color:var(--ink)}
.proof .section-heading.split>p,.case-copy>p,.proof-note{color:#5c6861}
.case{background:#fffdf7;border-color:rgba(18,24,23,.12);box-shadow:0 20px 55px rgba(54,62,51,.08)}
.case-label{color:#4f5a54!important}
.metric-row div{background:#eff3ea;border-color:rgba(18,24,23,.1)}
.metric-row span{color:#5f6963}
.before-after figure,.reel-proof,.dashboard{background:#d7ddd3;border-color:rgba(18,24,23,.1)}
.before-after figcaption{color:#4f5a54}

.portfolio{position:relative;overflow:visible}
.portfolio:before{
  content:"";
  position:absolute;
  width:18rem;
  height:18rem;
  right:-6rem;
  top:6rem;
  border:1px solid rgba(255,107,61,.22);
  border-radius:50%;
  pointer-events:none;
}
.gallery-viewport{overflow:hidden;margin-top:3rem;mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent)}
.gallery{display:flex;width:max-content;grid-template-columns:none;gap:16px;align-items:center;animation:gallery-scroll 38s linear infinite;will-change:transform}
.gallery:hover{animation-play-state:paused}
.gallery figure,.gallery .tall{flex:0 0 clamp(270px,23vw,390px);width:clamp(270px,23vw,390px);height:clamp(350px,31vw,510px);aspect-ratio:auto;background:#ded9cd;border-color:rgba(18,24,23,.12);box-shadow:0 18px 45px rgba(65,59,46,.1)}

.sprint{border-top:1px solid var(--line)}
.offer-card{background:var(--ink);color:#fffdf7;box-shadow:0 30px 80px rgba(18,24,23,.2)}
.offer-card:before{background:radial-gradient(circle,rgba(215,255,84,.3),transparent 68%)}
.offer-top{border-color:rgba(255,255,255,.16)}
.offer-top p,.offer-card li,.offer-card .addon span{color:#b8c1bc}
.offer-card li{border-color:rgba(255,255,255,.12)}
.offer-card li b{color:var(--lime)}
.addon{background:#202826;border-color:rgba(255,255,255,.12)}
.offer-card .button{background:var(--lime);border-color:var(--lime);color:var(--ink);box-shadow:none}
.offer-card .button:hover{background:#e2ff81;border-color:#e2ff81}

.process ol{border-color:var(--line)}
.process li{border-color:var(--line)}
.process li>span{color:var(--orange)}
.about{grid-template-columns:minmax(430px,1fr) minmax(0,1.08fr);gap:clamp(48px,6vw,100px);align-items:center}
.portrait{background:#ddd7ca;border-color:rgba(18,24,23,.12);box-shadow:0 22px 60px rgba(65,59,46,.12)}
.portrait span{background:var(--ink);color:#fffdf7}
.about-copy h2{font-size:clamp(2.35rem,4vw,4.15rem);line-height:1.02;max-width:820px}
.about-copy>p{font-size:1rem;line-height:1.72;max-width:760px}

.inquiry{background:var(--orange);color:#171917}
.inquiry .eyebrow,.inquiry-copy>p{color:#35251f}
.inquiry .eyebrow span{background:var(--lime);box-shadow:0 0 0 5px rgba(215,255,84,.2)}
.contact-line{border-color:rgba(18,24,23,.24)}
.contact-line span{color:#512f24}
.inquiry form{background:#fffdf7;border-color:rgba(18,24,23,.12);box-shadow:0 24px 70px rgba(78,31,17,.18)}
.inquiry label{color:#303735}
.inquiry input,.inquiry textarea{background:#f5f1e8;color:var(--ink);border-color:rgba(18,24,23,.16)}
.inquiry input:focus,.inquiry textarea:focus{border-color:var(--orange);box-shadow:0 0 0 3px rgba(255,107,61,.13)}
.form-note{color:#69716d}

footer{border-color:var(--line)}
.footer-links{display:flex;flex-wrap:wrap;gap:1rem}
.footer-links a{color:var(--muted);font-size:.88rem;font-weight:700}
.footer-links a:hover{color:var(--ink)}
.whatsapp-float{position:fixed;right:1.25rem;bottom:1.25rem;z-index:20;padding:.8rem 1rem;border-radius:999px;background:#1f9d59;color:#fff;font-weight:800;font-size:.82rem;box-shadow:0 12px 30px rgba(22,88,52,.28);transition:transform .2s ease,box-shadow .2s ease}
.whatsapp-float:hover{transform:translateY(-2px);box-shadow:0 16px 36px rgba(22,88,52,.34)}

.section-story{max-width:760px;margin:1.5rem 0 0;color:var(--muted);font-size:1.12rem;line-height:1.75}
.growth-stories{display:grid;gap:2rem;margin-top:2rem}
.growth-story{display:grid;grid-template-columns:minmax(0,.92fr) minmax(360px,1.08fr);gap:2.5rem;padding:clamp(1.4rem,3vw,2.5rem);background:#fffdf7;border:1px solid rgba(18,24,23,.12);border-radius:28px;box-shadow:0 20px 55px rgba(54,62,51,.08)}
.growth-story:nth-child(even){grid-template-columns:minmax(360px,1.08fr) minmax(0,.92fr)}
.growth-story:nth-child(even) .growth-copy{order:2}
.growth-story:nth-child(even) .growth-images{order:1}
.growth-copy h3{font-size:clamp(1.85rem,3vw,3rem);line-height:1.05;margin:.55rem 0 1.2rem}
.growth-copy>p:not(.case-label){color:#5c6861;line-height:1.7}
.growth-images{display:grid;grid-template-columns:1fr 1fr;gap:1rem;align-items:start}
.growth-images figure{margin:0;background:#e2e5dd;border:1px solid rgba(18,24,23,.1);border-radius:18px;overflow:hidden}
.growth-images img{display:block;width:100%;aspect-ratio:1.55/1;object-fit:cover;object-position:top}
.growth-images figcaption{padding:.75rem 1rem;color:#4f5a54;font-size:.84rem;font-weight:700}
.engagement-rail{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:2rem}
.engagement-rail figure{margin:0;padding:1rem;background:#fffdf7;border:1px solid rgba(18,24,23,.12);border-radius:22px;display:grid;grid-template-columns:110px 1fr;gap:1rem;align-items:center}
.engagement-rail img{width:110px;height:145px;object-fit:cover;object-position:top;border-radius:14px;background:#dce1d9}
.engagement-rail figcaption{display:grid;gap:.35rem}
.engagement-rail strong{font-size:1.05rem}
.engagement-rail span{color:var(--muted);font-size:.88rem;line-height:1.45}

.gallery figure{position:relative;overflow:hidden}
.gallery figcaption{position:absolute;left:0;right:0;bottom:0;padding:3.5rem 1.2rem 1.1rem;background:linear-gradient(transparent,rgba(12,17,16,.88));color:#fff;display:grid;gap:.28rem}
.gallery figcaption strong{font-size:1rem}
.gallery figcaption span{font-size:.82rem;line-height:1.45;color:rgba(255,255,255,.78)}

.client-confidence{background:#171d1c;color:#fffdf7}
.client-confidence .section-heading.split>p{color:#aeb8b3}
.client-confidence .eyebrow{color:#d7dfdb}
.confidence-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:3rem}
.confidence-grid article{padding:2rem;border:1px solid rgba(255,255,255,.13);border-radius:22px;background:rgba(255,255,255,.04)}
.confidence-grid article span{color:var(--lime);font-size:.78rem;font-weight:800;letter-spacing:.12em}
.confidence-grid h3{margin:1.4rem 0 .7rem;font-size:1.25rem}
.confidence-grid p{margin:0;color:#aeb8b3;line-height:1.65}
.testimonial-note{margin:1.4rem 0 0;color:#7f8b86;font-size:.82rem;text-align:center}

.faq{max-width:980px}
.faq-list{margin-top:2.5rem;border-top:1px solid var(--line)}
.faq details{border-bottom:1px solid var(--line);padding:0}
.faq summary{cursor:pointer;list-style:none;padding:1.4rem 3rem 1.4rem 0;font-size:1.08rem;font-weight:700;position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary:after{content:"+";position:absolute;right:.25rem;top:1.1rem;font-size:1.75rem;font-weight:400;color:var(--orange);transition:transform .25s ease}
.faq details[open] summary:after{transform:rotate(45deg)}
.faq details p{max-width:760px;margin:-.35rem 0 1.5rem;color:var(--muted);line-height:1.7}

.calendly-link{display:inline-block;margin-top:1.25rem;color:#171917;font-weight:800;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}
.thanks-page{min-height:100vh;display:grid;align-content:start;max-width:1040px;margin:auto;padding:2rem clamp(1.25rem,4vw,3rem)}
.thanks-page>.brand{margin-bottom:clamp(4rem,10vh,7rem)}
.thanks-card{max-width:760px;padding:clamp(2rem,6vw,4.5rem);background:#fffdf7;border:1px solid var(--line);border-radius:30px;box-shadow:0 28px 80px rgba(65,59,46,.12)}
.thanks-card h1{font-size:clamp(2.5rem,6vw,5rem);line-height:.98;margin:1rem 0 1.5rem}
.thanks-card>p:not(.eyebrow){font-size:1.08rem;color:var(--muted);line-height:1.7;max-width:620px}
.thanks-actions{display:flex;flex-wrap:wrap;align-items:center;gap:1.4rem;margin-top:2rem}
.legal-page{min-height:100vh;max-width:940px;margin:auto;padding:2rem clamp(1.25rem,4vw,3rem) 5rem}
.legal-page>.brand{display:inline-block;margin-bottom:4rem}
.legal-page article{padding:clamp(2rem,6vw,4.5rem);background:#fffdf7;border:1px solid var(--line);border-radius:30px;box-shadow:0 28px 80px rgba(65,59,46,.1)}
.legal-page h1{font-size:clamp(2.5rem,6vw,4.5rem);line-height:1;margin:1rem 0 2rem}
.legal-page article>p:not(.eyebrow){color:var(--muted);font-size:1rem;line-height:1.75}
.legal-page article a:not(.text-link){color:var(--ink);text-decoration:underline;text-underline-offset:4px}

@keyframes brand-scroll{to{transform:translateX(calc(-50% - 26px))}}
@keyframes gallery-scroll{to{transform:translateX(calc(-50% - 8px))}}
@keyframes float-a{0%,100%{transform:translate3d(0,0,0) rotate(-2deg)}50%{transform:translate3d(8px,-16px,0) rotate(0deg)}}
@keyframes float-b{0%,100%{transform:translate3d(0,0,0) rotate(1deg)}50%{transform:translate3d(-10px,14px,0) rotate(-1deg)}}
@keyframes float-c{0%,100%{transform:translate3d(0,0,0) rotate(-1deg)}50%{transform:translate3d(7px,-12px,0) rotate(1deg)}}
@keyframes orbit-spin{to{transform:rotate(360deg)}}

@media(max-width:600px){
  .brand img{width:176px;height:48px;transform:scale(1.08)}
  footer .brand img{width:170px;height:48px}
  .hero-stage:before{box-shadow:0 22px 55px rgba(74,68,52,.14)}
  .growth-images{grid-template-columns:1fr}
  .growth-images img{aspect-ratio:1.7/1}
  .thanks-page>.brand{margin-bottom:3rem}
}

@media(max-width:900px){
  .growth-story,.growth-story:nth-child(even){grid-template-columns:1fr}
  .growth-story:nth-child(even) .growth-copy,.growth-story:nth-child(even) .growth-images{order:initial}
  .confidence-grid{grid-template-columns:1fr}
  .engagement-rail{grid-template-columns:1fr}
  .about{grid-template-columns:1fr;gap:42px}
  .portrait{max-width:620px;margin:auto}
}

@media(max-width:480px){
  .engagement-rail figure{grid-template-columns:88px 1fr}
  .engagement-rail img{width:88px;height:120px}
  .whatsapp-float{right:.9rem;bottom:.9rem}
}

@media(max-width:600px){
  .shell{width:min(100% - 24px,1560px)}
  .brand-strip{padding-inline:12px}
  .brand-strip>p{display:none}
  .gallery figure,.gallery .tall{flex-basis:255px;width:255px;height:350px}
}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .brand-track,.gallery,.card-a,.card-b,.card-c,.orbit-one,.orbit-two{animation:none!important}
  .reveal{transition:none!important}
}

/* Audience-growth positioning and pricing */
*,*::before,*::after{min-width:0}
html,body{max-width:100%;overflow-x:hidden}
img{max-width:100%}
.proof,.client-confidence,.inquiry,.brand-strip{width:100%;max-width:100%;overflow:hidden}

.pricing{border-top:1px solid var(--line)}
.pricing-intro{max-width:900px;margin-bottom:48px}
.pricing-intro h2{font-size:clamp(39px,5vw,67px);margin-top:18px}
.pricing-intro>p:last-child{color:var(--muted);font-size:18px;max-width:720px}
.pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch}
.pricing-card{position:relative;display:flex;flex-direction:column;background:var(--ink);color:#fffdf7;border:1px solid rgba(255,255,255,.12);border-radius:28px;padding:30px;box-shadow:0 24px 60px rgba(18,24,23,.16)}
.pricing-card.featured{background:#171e1c;border-color:rgba(215,255,84,.72);transform:translateY(-10px);box-shadow:0 32px 75px rgba(18,24,23,.25)}
.popular-label{position:absolute;top:-13px;right:24px;padding:7px 11px;border-radius:999px;background:var(--lime);color:#10130c;font-size:10px;font-weight:800;letter-spacing:.1em}
.pricing-top{padding-bottom:22px;border-bottom:1px solid rgba(255,255,255,.16)}
.pricing-top span{display:block;color:var(--orange);font-size:11px;letter-spacing:.12em;font-weight:800}
.pricing-top strong{display:block;margin:6px 0 5px;font:800 58px Manrope;letter-spacing:-.07em}
.pricing-top p{margin:0;color:#b8c1bc;font-size:14px}
.pricing-card ul{list-style:none;margin:24px 0 28px;padding:0;flex:1}
.pricing-card li{padding:11px 0;border-bottom:1px solid rgba(255,255,255,.12);color:#d7ddda;font-size:14px}
.pricing-card li b{display:inline-block;color:var(--lime);width:30px}
.pricing-card .button{background:var(--lime);border-color:var(--lime);color:var(--ink);box-shadow:none;text-align:center}
.pricing-card .button:hover{background:#e2ff81;border-color:#e2ff81}

.inquiry input,.inquiry textarea,.inquiry select{width:100%;border:1px solid rgba(18,24,23,.16);background:#f5f1e8;border-radius:11px;padding:13px 14px;font:inherit;color:var(--ink);outline:none}
.inquiry input:focus,.inquiry textarea:focus,.inquiry select:focus{border-color:var(--orange);box-shadow:0 0 0 3px rgba(255,107,61,.13)}

@media(max-width:900px){
  .pricing-grid{grid-template-columns:1fr}
  .pricing-card.featured{transform:none}
}

@media(max-width:600px){
  .shell{width:calc(100% - 24px);max-width:100%}
  .section{padding-block:72px}
  .section-heading{margin-bottom:34px}
  .section-heading h2,.pricing-intro h2,.about h2,.inquiry h2{font-size:clamp(2.15rem,10vw,3rem)}
  .brand img{width:168px;height:46px;transform:scale(1.04)}
  h1{font-size:clamp(2.5rem,12vw,3rem);line-height:1}
  .lede{font-size:17px;line-height:1.6}
  .hero{padding-top:52px;padding-bottom:48px;gap:18px}
  .hero-stage{height:390px}
  .hero-actions{align-items:stretch}
  .hero-actions .button,.hero-actions .text-link{text-align:center}
  .floating-card{width:min(205px,64vw);padding:15px}
  .floating-card strong{font-size:15px}
  .floating-card span{font-size:12px}
  .card-a{top:30px;left:0}
  .card-b{top:155px;right:0}
  .card-c{bottom:22px;left:16px}
  .problem-card{min-height:0}
  .problem-card h3{margin-top:44px}
  .metric-row{gap:20px;flex-wrap:wrap}
  .case-copy{padding:24px}
  .before-after{padding:14px}
  .pricing-intro{margin-bottom:34px}
  .pricing-grid{gap:16px}
  .pricing-card{padding:24px;border-radius:22px}
  .pricing-top strong{font-size:50px}
  .process li{grid-template-columns:42px 1fr;gap:8px}
  .process h3{font-size:23px}
  .inquiry form{padding:24px 16px;border-radius:22px}
  .contact-line a{font-size:16px;overflow-wrap:anywhere}
  footer{min-height:220px;flex-direction:column;justify-content:center;text-align:center;gap:12px;padding-block:28px}
  .footer-links{justify-content:center}
  .whatsapp-float{right:.75rem;bottom:.75rem;font-size:.78rem;padding:.7rem .9rem}
}