:root{
  --navy:#071832;
  --navy-soft:#10294e;
  --lime:#A7FF2F;
  --coral:#FF5D53;
  --yellow:#FFE450;
  --teal:#17D8DC;
  --offwhite:#FFFAF0;
  --ink:#071832;
  --text-muted:rgba(255,250,240,.72);
  --line:rgba(255,250,240,.14);
  --radius-lg:38px;
  --radius-md:26px;
  --radius-sm:16px;
  --shadow:0 28px 80px rgba(0,0,0,.26);
  --max:1220px
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  color:var(--offwhite);
  background:var(--navy);
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  overflow-x:hidden
}
body.menu-open{overflow:hidden}
img{display:block;max-width:100%}
button,input,textarea,select{font:inherit}
a{color:inherit}
::selection{background:var(--lime);color:var(--navy)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:fixed;left:16px;top:-100px;background:var(--lime);color:var(--navy);padding:12px 16px;z-index:999;border-radius:12px;font-weight:800}
.skip-link:focus{top:16px}
.page-noise{
  position:fixed;inset:0;pointer-events:none;z-index:80;opacity:.045;
  background-image:radial-gradient(circle at 20% 20%,#fff 0 .7px,transparent .9px);
  background-size:16px 16px
}
.cursor-glow{
  width:420px;height:420px;border-radius:50%;position:fixed;z-index:-1;pointer-events:none;
  background:radial-gradient(circle,rgba(23,216,220,.12),transparent 68%);
  transform:translate(-50%,-50%)
}
.section-shell{width:min(var(--max),calc(100% - 36px));margin-inline:auto}
.section-pad{padding-block:110px}
.site-header{position:relative;z-index:100}
.nav-shell{
  position:fixed;left:50%;top:16px;transform:translateX(-50%);
  width:min(var(--max),calc(100% - 28px));display:flex;align-items:center;justify-content:space-between;
  border:1px solid rgba(255,250,240,.14);border-radius:999px;padding:10px 12px 10px 16px;
  background:rgba(7,24,50,.78);backdrop-filter:blur(18px);box-shadow:0 15px 45px rgba(0,0,0,.2)
}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-family:"Baloo 2",sans-serif;font-weight:800}
.brand-name{font-size:1.2rem}
.brand-mark{
  width:42px;height:42px;border:3px solid var(--navy);outline:3px solid var(--lime);background:var(--yellow);
  border-radius:50%;display:grid;place-items:center;color:var(--navy);position:relative;flex:0 0 auto
}
.brand-leaf{position:absolute;width:19px;height:14px;background:#48e35f;border:2px solid var(--navy);top:2px;border-radius:100% 0 100% 0}
.leaf-a{left:5px;transform:rotate(-25deg)}
.leaf-b{right:5px;transform:rotate(62deg)}
.brand-face{font-size:11px;font-weight:900;transform:translateY(6px)}
.primary-nav{display:flex;align-items:center;gap:5px}
.primary-nav a{padding:10px 13px;text-decoration:none;font-weight:700;font-size:.92rem;color:rgba(255,250,240,.8);border-radius:999px}
.primary-nav a:hover{color:var(--offwhite);background:rgba(255,250,240,.08)}
.primary-nav .nav-cta{background:var(--lime);color:var(--navy);padding-inline:18px}
.primary-nav .nav-cta:hover{background:var(--yellow);color:var(--navy)}
.menu-toggle{display:none;background:none;border:0;padding:8px;cursor:pointer}
.menu-toggle span:not(.sr-only){display:block;width:24px;height:2px;background:var(--offwhite);margin:5px;border-radius:2px}
.hero{
  min-height:100vh;padding-top:150px;padding-bottom:80px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:70px
}
.eyebrow,.kicker{text-transform:uppercase;letter-spacing:.11em;font-size:.78rem;font-weight:800;color:var(--lime)}
.pulse-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--coral);margin-right:8px;box-shadow:0 0 0 0 rgba(255,93,83,.5);animation:pulse 2s infinite}
h1,h2,h3{font-family:"Baloo 2",Inter,sans-serif;margin:0;line-height:.96}
h1{font-size:clamp(4.5rem,8.4vw,8.4rem);letter-spacing:-.065em;max-width:900px}
h2{font-size:clamp(3rem,6vw,6rem);letter-spacing:-.055em}
h3{font-size:2rem;letter-spacing:-.025em}
.scribble{position:relative;color:var(--lime);white-space:nowrap}
.scribble:after{content:"";position:absolute;left:0;right:0;bottom:5%;height:10px;background:url("data:image/svg+xml,%3Csvg width='300' height='16' viewBox='0 0 300 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 11C58 2 123 16 181 8C220 3 262 6 297 3' fill='none' stroke='%23FF5D53' stroke-width='6' stroke-linecap='round'/%3E%3C/svg%3E") center/100% 100% no-repeat;z-index:-1}
.hero-intro{font-size:1.16rem;line-height:1.72;color:var(--text-muted);max-width:650px;margin:28px 0}
.hero-actions{display:flex;gap:13px;flex-wrap:wrap}
.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:0;text-decoration:none;border-radius:999px;padding:15px 22px;font-weight:800;cursor:pointer;transition:transform .2s,background .2s,color .2s,box-shadow .2s}
.button:hover{transform:translateY(-3px)}
.button-primary{background:var(--lime);color:var(--navy);box-shadow:0 18px 45px rgba(167,255,47,.16)}
.button-primary:hover{background:var(--yellow)}
.button-ghost{border:1px solid var(--line);color:var(--offwhite);background:rgba(255,255,255,.03)}
.button-ghost:hover{background:rgba(255,255,255,.08)}
.hero-proof{display:flex;gap:8px;flex-wrap:wrap;margin-top:30px}
.hero-proof span{border:1px solid var(--line);border-radius:999px;padding:8px 12px;color:rgba(255,250,240,.65);font-size:.8rem}
.hero-stage{min-height:620px;position:relative;display:grid;place-items:center;isolation:isolate}
.hero-stage:before{content:"";position:absolute;width:84%;aspect-ratio:1;border-radius:50%;background:var(--yellow);box-shadow:var(--shadow);z-index:-2}
.hero-stage:after{content:"";position:absolute;width:70%;aspect-ratio:1;border-radius:50%;border:2px dashed rgba(7,24,50,.18);z-index:-1;animation:spin 30s linear infinite}
.stage-orbit{position:absolute;border:1px solid rgba(167,255,47,.25);border-radius:50%;z-index:-3}
.orbit-one{width:100%;aspect-ratio:1;animation:spin 34s linear infinite reverse}
.orbit-two{width:112%;aspect-ratio:1;animation:spin 46s linear infinite}
.hero-card{position:absolute;z-index:5}
.mini-card{background:var(--offwhite);color:var(--navy);padding:13px 16px;border:3px solid var(--navy);border-radius:20px;box-shadow:0 13px 0 rgba(7,24,50,.22);min-width:150px;animation:float 4.5s ease-in-out infinite}
.mini-card strong,.mini-card small{display:block}
.mini-card strong{font-family:"Baloo 2";font-size:1.2rem}
.mini-card small{font-size:.7rem;opacity:.68}
.mini-icon{float:left;margin-right:10px;width:34px;height:34px;border-radius:12px;display:grid;place-items:center;background:var(--coral);color:white;font-weight:900}
.card-likes{top:12%;left:-2%;transform:rotate(-7deg)}
.card-memory{right:-5%;top:36%;transform:rotate(8deg);animation-delay:-1.2s}
.card-memory .mini-icon{background:var(--teal);color:var(--navy)}
.card-arrow{left:5%;bottom:10%;transform:rotate(4deg);animation-delay:-2.4s}
.card-arrow .mini-icon{background:var(--lime);color:var(--navy)}
.mascot-scene{width:330px;height:430px;position:relative;animation:mascotBob 4s ease-in-out infinite}
.mascot-head{position:absolute;width:188px;height:165px;left:71px;top:115px;border:8px solid var(--navy);border-radius:46% 54% 43% 57%;background:var(--lime);z-index:4}
.mascot-leaf{position:absolute;width:126px;height:86px;background:#48e35f;border:8px solid var(--navy);border-radius:100% 0 100% 0;top:52px;z-index:3}
.mascot-leaf-left{left:35px;transform:rotate(-31deg)}
.mascot-leaf-right{right:35px;transform:rotate(72deg)}
.leaf-vein{position:absolute;left:18px;right:18px;top:50%;height:5px;background:var(--navy);border-radius:4px;transform:rotate(-26deg)}
.mascot-leaf-right .leaf-vein{transform:rotate(28deg)}
.eye{position:absolute;top:63px}
.eye-open{left:48px;width:28px;height:32px;border-radius:50%;background:var(--navy)}
.eye-open:after{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:white;left:5px;top:5px}
.eye-wink{right:44px;width:34px;height:16px;border-bottom:7px solid var(--navy);border-radius:0 0 50% 50%;transform:rotate(-7deg)}
.mascot-mouth{position:absolute;left:68px;bottom:28px;width:52px;height:39px;background:var(--navy);border-radius:8px 8px 50% 50%}
.mascot-mouth:after{content:"";position:absolute;width:27px;height:12px;background:var(--coral);border-radius:50%;left:12px;bottom:4px}
.mascot-stem{position:absolute;width:35px;height:70px;background:#48e35f;border:8px solid var(--navy);border-top:0;left:147px;top:252px;z-index:2}
.mascot-pot{position:absolute;width:200px;height:142px;left:65px;bottom:12px;background:var(--coral);border:8px solid var(--navy);border-radius:25px 25px 50px 50px;z-index:4;display:grid;place-items:center}
.growth-arrow{font-family:"Baloo 2";font-weight:900;font-size:6rem;color:white;line-height:1;transform:translateY(-5px)}
.mascot-shadow{position:absolute;width:220px;height:35px;background:rgba(7,24,50,.22);filter:blur(4px);border-radius:50%;bottom:-2px;left:55px}
.sparkle{position:absolute;color:var(--teal);font-size:2.7rem;font-weight:900;z-index:6;animation:twinkle 1.8s ease-in-out infinite}
.sparkle-one{right:0;top:90px}.sparkle-two{left:20px;top:190px;font-size:1.5rem;animation-delay:-.8s}
.motion-line{position:absolute;width:48px;height:8px;border-radius:99px;background:var(--navy);z-index:5}
.line-one{left:0;top:130px;transform:rotate(24deg)}.line-two{right:4px;top:235px;transform:rotate(-20deg)}
.marquee-section{background:var(--lime);color:var(--navy);overflow:hidden;border-block:4px solid var(--navy);transform:rotate(-1deg);margin-block:30px}
.marquee-track{display:flex;align-items:center;gap:28px;width:max-content;padding:15px 0;font-family:"Baloo 2";font-size:2rem;font-weight:800;animation:marquee 24s linear infinite}
.marquee-track i{color:var(--coral);font-style:normal}
.section-heading{max-width:980px;margin-bottom:52px}
.section-heading h2{max-width:1000px}
.heading-split{max-width:none;display:grid;grid-template-columns:1.4fr .6fr;gap:60px;align-items:end}
.heading-split>p{color:var(--text-muted);line-height:1.7;font-size:1.05rem}
.about-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px;align-items:center}
.about-copy{font-size:1.05rem;color:var(--text-muted);line-height:1.8}
.about-copy .lead{font-size:1.6rem;color:var(--offwhite);font-weight:600;line-height:1.45}
.belief-card{background:var(--offwhite);color:var(--navy);border-radius:var(--radius-lg);padding:38px;min-height:460px;position:relative;overflow:hidden;box-shadow:var(--shadow)}
.belief-card:before{content:"";position:absolute;width:210px;height:210px;border-radius:50%;background:var(--yellow);right:-65px;top:-60px}
.belief-top{display:flex;justify-content:space-between;position:relative;z-index:2;font-weight:800}
.belief-badge{background:var(--coral);color:white;padding:8px 12px;border-radius:999px;font-size:.75rem}
.belief-card blockquote{font-family:"Baloo 2";font-weight:700;font-size:clamp(2.2rem,4vw,4rem);line-height:1.02;letter-spacing:-.04em;margin:70px 0 20px;position:relative;z-index:2}
.belief-chart{height:100px;display:flex;align-items:end;gap:12px;position:absolute;left:38px;right:38px;bottom:30px}
.belief-chart span{display:block;flex:1;height:var(--h);background:var(--lime);border:4px solid var(--navy);border-radius:9px 9px 2px 2px}
.belief-chart b{position:absolute;right:0;top:-45px;color:var(--coral);font-family:"Baloo 2";font-size:5rem}
.services{background:var(--offwhite);color:var(--navy)}
.services .kicker{color:#298e20}
.services .heading-split>p{color:rgba(7,24,50,.65)}
.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.service-card{min-height:550px;border:4px solid var(--navy);border-radius:var(--radius-lg);padding:28px;position:relative;overflow:hidden;transition:transform .25s,box-shadow .25s}
.service-card:hover{transform:translateY(-8px) rotate(-.5deg);box-shadow:0 24px 0 var(--navy)}
.service-number{position:absolute;right:25px;top:23px;font-family:"Baloo 2";font-weight:900;font-size:1.5rem}
.service-card h3{margin-top:25px;font-size:2.5rem}
.service-card p{line-height:1.6;min-height:80px}
.service-card ul{padding:0;margin:22px 0 0;list-style:none}
.service-card li{border-top:1px solid rgba(7,24,50,.2);padding:10px 0;font-size:.92rem}
.service-icon{width:74px;height:74px;border:4px solid var(--navy);border-radius:24px;background:var(--offwhite);position:relative;display:grid;place-items:center}
.target-icon:before,.target-icon:after,.target-icon span{content:"";position:absolute;border:4px solid var(--navy);border-radius:50%}
.target-icon:before{width:46px;height:46px}.target-icon:after{width:26px;height:26px}.target-icon span{width:7px;height:7px;background:var(--coral)}
.phone-icon{border-radius:20px}.phone-icon:after{content:"";position:absolute;inset:10px;border:3px solid var(--navy);border-radius:11px}.phone-icon span{z-index:2;color:var(--coral);font-size:1.4rem}
.play-icon span{width:42px;height:42px;border-radius:50%;background:var(--coral);color:white;display:grid;place-items:center;padding-left:3px}
.shape-icon span{width:35px;height:35px;border-radius:50%;background:var(--yellow);border:3px solid var(--navy)}.shape-icon i{position:absolute;width:30px;height:30px;background:var(--coral);border:3px solid var(--navy);right:7px;bottom:7px;transform:rotate(18deg)}
.megaphone-icon:before{content:"";width:40px;height:30px;background:var(--yellow);border:4px solid var(--navy);clip-path:polygon(0 32%,100% 0,100% 100%,0 68%)}.megaphone-icon:after{content:"";position:absolute;width:10px;height:28px;background:var(--coral);border:4px solid var(--navy);left:17px;bottom:8px;transform:rotate(-12deg)}
.browser-icon:before{content:"";position:absolute;inset:11px;border:3px solid var(--navy);border-radius:8px}.browser-icon:after{content:"•••";position:absolute;top:10px;left:17px;letter-spacing:2px;font-size:10px}
.service-lime{background:var(--lime)}.service-yellow{background:var(--yellow)}.service-coral{background:var(--coral)}.service-teal{background:var(--teal)}.service-offwhite{background:#fff}.service-navy{background:var(--navy);color:var(--offwhite)}
.service-navy li{border-color:rgba(255,250,240,.2)}.service-navy .service-icon{background:var(--lime)}
.why-panel{background:var(--yellow);color:var(--navy);border-radius:52px;padding:55px;overflow:hidden;position:relative}
.why-panel:after{content:"";position:absolute;width:380px;height:380px;border-radius:50%;border:70px solid rgba(255,93,83,.15);right:-160px;top:-160px}
.why-title{max-width:900px;position:relative;z-index:2}
.why-title .kicker{color:#25771f}
.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:50px 0;position:relative;z-index:2}
.stats-grid article{border:4px solid var(--navy);border-radius:28px;background:var(--offwhite);padding:24px}
.stats-grid strong{display:block;font-family:"Baloo 2";font-size:5rem;line-height:1;color:var(--coral)}
.stats-grid span{font-weight:700}
.difference-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:4px solid var(--navy);border-left:4px solid var(--navy);position:relative;z-index:2}
.difference-item{padding:26px;border-right:4px solid var(--navy);border-bottom:4px solid var(--navy);background:rgba(255,250,240,.4)}
.difference-item span{font-weight:900;color:#2b8121}.difference-item h3{font-size:1.65rem;margin:12px 0}.difference-item p{font-size:.9rem;line-height:1.6}
.process{background:linear-gradient(180deg,var(--navy),#0a2043)}
.process-line{height:5px;background:rgba(255,255,255,.1);position:relative;margin:30px 0 0}.process-line span{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--lime),var(--teal));transition:width 1.4s ease}.process-line.active span{width:100%}
.process-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}
.process-step{padding-top:35px;position:relative}
.process-step i{position:absolute;top:-12px;left:0;color:var(--coral);font-style:normal;font-size:1.25rem}
.process-step b{font-family:"Baloo 2";color:var(--lime);font-size:1.2rem}
.process-step h3{font-size:1.75rem;margin:10px 0}.process-step p{color:var(--text-muted);font-size:.86rem;line-height:1.6}
.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:310px;gap:18px}
.portfolio-item{position:relative;margin:0;border-radius:var(--radius-md);overflow:hidden;background:var(--navy-soft);border:1px solid var(--line)}
.portfolio-item.item-wide{grid-column:span 2}.portfolio-item.item-tall{grid-row:span 2}
.portfolio-item img{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.7,.2,1),filter .4s}
.portfolio-item:hover img{transform:scale(1.055);filter:saturate(1.08)}
.portfolio-item:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgba(7,24,50,.92))}
.portfolio-item figcaption{position:absolute;z-index:2;left:22px;right:22px;bottom:20px;display:flex;justify-content:space-between;align-items:end;gap:15px}
.portfolio-item figcaption span{text-transform:uppercase;letter-spacing:.1em;font-size:.68rem;color:var(--lime);font-weight:800}.portfolio-item figcaption strong{font-family:"Baloo 2";font-size:1.5rem;text-align:right}
.myths{background:var(--lime);color:var(--navy)}
.myths .kicker{color:#24741b}
.myth-carousel{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px}
.myth-viewport{overflow:hidden}
.myth-track{display:flex;transition:transform .65s cubic-bezier(.22,.8,.24,1)}
.myth-card{min-width:100%;background:var(--navy);color:var(--offwhite);border-radius:50px;padding:65px;min-height:460px;display:grid;align-content:center;position:relative;overflow:hidden}
.myth-card:before{content:"";position:absolute;width:230px;height:230px;background:var(--yellow);border-radius:50%;right:-70px;top:-80px}
.myth-card:after{content:"×";position:absolute;color:var(--coral);font-family:"Baloo 2";font-size:14rem;font-weight:900;right:45px;bottom:-75px;transform:rotate(-10deg)}
.myth-card span{color:var(--teal);font-weight:900;text-transform:uppercase;letter-spacing:.1em;position:relative;z-index:2}
.myth-card h3{font-size:clamp(3rem,6vw,6rem);max-width:900px;position:relative;z-index:2}
.myth-card strong{font-family:"Baloo 2";font-size:3rem;color:var(--coral);position:relative;z-index:2}.myth-card p{font-size:1.1rem;color:var(--text-muted);position:relative;z-index:2}
.carousel-button{width:58px;height:58px;border-radius:50%;background:var(--offwhite);border:4px solid var(--navy);color:var(--navy);font-size:1.5rem;cursor:pointer;transition:transform .2s}.carousel-button:hover{transform:scale(1.08)}
.carousel-dots{display:flex;justify-content:center;gap:8px;margin-top:20px}.carousel-dots button{border:0;width:10px;height:10px;border-radius:50%;background:rgba(7,24,50,.25);cursor:pointer}.carousel-dots button.active{width:30px;border-radius:999px;background:var(--navy)}
.testimonial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.testimonial{min-height:350px;border:1px solid var(--line);background:rgba(255,250,240,.06);border-radius:var(--radius-lg);padding:30px;display:flex;flex-direction:column;justify-content:space-between}
.testimonial.featured{background:var(--teal);color:var(--navy);transform:rotate(1deg)}
.quote-mark{font-family:"Baloo 2";font-size:6rem;line-height:.6;color:var(--coral)}.testimonial p{font-size:1.15rem;line-height:1.7}.testimonial div:last-child{display:grid}.testimonial div:last-child span{opacity:.65;font-size:.85rem}
.faq{display:grid;grid-template-columns:.7fr 1.3fr;gap:80px}
.faq-intro{position:sticky;top:140px;height:max-content}.faq-intro>p:last-child{color:var(--text-muted);line-height:1.7}
.accordion{border-top:1px solid var(--line)}
.faq-item{border-bottom:1px solid var(--line)}
.faq-item button{width:100%;background:none;border:0;color:var(--offwhite);padding:24px 0;display:flex;justify-content:space-between;align-items:center;text-align:left;font-weight:700;cursor:pointer;font-size:1.03rem}
.faq-item button i{font-style:normal;font-size:1.7rem;color:var(--lime);transition:transform .25s}
.faq-item button[aria-expanded=true] i{transform:rotate(45deg)}
.faq-answer{display:grid;grid-template-rows:0fr;transition:grid-template-rows .35s}.faq-answer>p{overflow:hidden;margin:0;color:var(--text-muted);line-height:1.7}.faq-item.open .faq-answer{grid-template-rows:1fr}.faq-item.open .faq-answer>p{padding-bottom:24px}
.contact{padding-bottom:90px}
.contact-panel{background:var(--coral);color:var(--navy);border-radius:54px;padding:55px;display:grid;grid-template-columns:.85fr 1.15fr;gap:55px;box-shadow:var(--shadow)}
.contact-copy .kicker{color:var(--navy)}.contact-copy>p:not(.kicker){font-size:1.05rem;line-height:1.7;max-width:580px}
.contact-links{display:grid;margin:30px 0}.contact-links a,.contact-links>div{text-decoration:none;padding:14px 0;border-bottom:2px solid rgba(7,24,50,.22);display:flex;justify-content:space-between;gap:20px}.contact-links span{font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;font-weight:800}.contact-links strong{text-align:right}
.whatsapp-button{background:var(--navy);color:var(--offwhite)}.whatsapp-button:hover{background:var(--lime);color:var(--navy)}
.contact-form{background:var(--offwhite);border:4px solid var(--navy);border-radius:34px;padding:30px;box-shadow:12px 12px 0 var(--navy)}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.contact-form label{display:grid;gap:7px;font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;font-weight:800;margin-bottom:14px}
.contact-form input,.contact-form textarea,.contact-form select{width:100%;background:#fff;border:2px solid rgba(7,24,50,.24);border-radius:13px;padding:13px 14px;color:var(--navy);text-transform:none;letter-spacing:0;font-weight:500;outline:none}
.contact-form input:focus,.contact-form textarea:focus,.contact-form select:focus{border-color:var(--teal);box-shadow:0 0 0 4px rgba(23,216,220,.15)}
.form-submit{background:var(--lime);color:var(--navy);width:100%;margin-top:5px;border:3px solid var(--navy)}.form-note,.form-status{text-transform:none;letter-spacing:0;font-weight:500;font-size:.72rem;line-height:1.5;opacity:.65}.form-status{color:#186b11;opacity:1}
.site-footer{background:#041025;padding-top:75px}
.footer-main{display:grid;grid-template-columns:1.7fr repeat(3,1fr);gap:55px;padding-bottom:60px}
.footer-main h3{font-size:1rem;color:var(--lime);margin-bottom:16px}.footer-main>div:not(.footer-brand){display:flex;flex-direction:column;gap:10px}.footer-main a{text-decoration:none;color:var(--text-muted);font-size:.9rem}.footer-main a:hover{color:var(--offwhite)}.footer-brand p{color:var(--text-muted)}
.footer-bottom{border-top:1px solid var(--line);padding:22px 0 30px;display:flex;justify-content:space-between;color:rgba(255,250,240,.5);font-size:.8rem}
[data-reveal]{opacity:0;transform:translateY(28px);transition:opacity .75s ease,transform .75s ease}
[data-reveal].revealed{opacity:1;transform:none}
@keyframes pulse{70%{box-shadow:0 0 0 10px rgba(255,93,83,0)}100%{box-shadow:0 0 0 0 rgba(255,93,83,0)}}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes float{0%,100%{margin-top:0}50%{margin-top:-14px}}
@keyframes mascotBob{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-13px) rotate(1deg)}}
@keyframes twinkle{0%,100%{transform:scale(.8) rotate(0);opacity:.7}50%{transform:scale(1.25) rotate(18deg);opacity:1}}
@keyframes marquee{to{transform:translateX(-50%)}}
@media(max-width:1050px){
  .hero{grid-template-columns:1fr;min-height:auto;padding-top:155px}.hero-copy{text-align:center}.hero-intro{margin-inline:auto}.hero-actions,.hero-proof{justify-content:center}.hero-stage{min-height:600px;width:min(650px,100%);margin-inline:auto}
  .services-grid{grid-template-columns:repeat(2,1fr)}.process-grid{grid-template-columns:repeat(3,1fr);row-gap:45px}.process-line{display:none}
  .portfolio-grid{grid-template-columns:repeat(2,1fr)}.portfolio-item.item-wide{grid-column:span 1}.portfolio-item.item-tall{grid-row:span 1}
  .faq{grid-template-columns:1fr;gap:35px}.faq-intro{position:static}.contact-panel{grid-template-columns:1fr}
  .footer-main{grid-template-columns:1.5fr 1fr 1fr}.footer-main>div:last-child{grid-column:2/4}
}
@media(max-width:760px){
  .section-pad{padding-block:78px}.section-shell{width:min(100% - 24px,var(--max))}
  .nav-shell{top:10px}.brand-name{font-size:1.05rem}.menu-toggle{display:block}
  .primary-nav{display:none;position:fixed;left:12px;right:12px;top:76px;background:var(--navy);border:1px solid var(--line);border-radius:28px;padding:18px;flex-direction:column;align-items:stretch;box-shadow:var(--shadow)}
  .primary-nav.open{display:flex}.primary-nav a{padding:13px 15px}.primary-nav .nav-cta{text-align:center}
  h1{font-size:clamp(3.6rem,17vw,5.4rem)}h2{font-size:clamp(2.7rem,12vw,4rem)}
  .hero{padding-top:125px;gap:20px}.hero-stage{min-height:470px;transform:scale(.84);margin-block:-25px}
  .mini-card{display:none}.mascot-scene{transform-origin:center}
  .heading-split,.about-grid{grid-template-columns:1fr;gap:25px}.section-heading{margin-bottom:36px}
  .services-grid,.stats-grid,.difference-grid,.testimonial-grid{grid-template-columns:1fr}.service-card{min-height:auto}.service-card p{min-height:auto}
  .why-panel{padding:34px 22px;border-radius:36px}.difference-grid{border-right:4px solid var(--navy)}.stats-grid strong{font-size:4rem}
  .process-grid{grid-template-columns:1fr 1fr}.process-step{border-top:1px solid var(--line)}
  .portfolio-grid{grid-template-columns:1fr;grid-auto-rows:330px}
  .myth-carousel{grid-template-columns:1fr}.carousel-button{display:none}.myth-card{padding:38px 25px;min-height:480px;border-radius:36px}.myth-card h3{font-size:3.2rem}
  .form-row{grid-template-columns:1fr}.contact-panel{padding:34px 20px;border-radius:36px}.contact-form{padding:22px}
  .contact-links a,.contact-links>div{display:grid}.contact-links strong{text-align:left;margin-top:4px;overflow-wrap:anywhere}
  .footer-main{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.footer-main>div:last-child{grid-column:auto}.footer-bottom{flex-direction:column;gap:8px}
}
@media(max-width:440px){
  .process-grid,.footer-main{grid-template-columns:1fr}.footer-main>div:last-child{grid-column:auto}
  .hero-stage{transform:scale(.72);margin-inline:-45px;width:calc(100% + 90px)}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.cursor-glow{display:none}
}
