:root{
  --ink:#0d1b14;
  --muted:#5f6f65;
  --soft:#edf2ec;
  --paper:#fbfaf4;
  --panel:#ffffff;
  --lime:#bfff3f;
  --lime-2:#ddff8a;
  --mint:#e7f8df;
  --gold:#d4af37;
  --navy:#123257;
  --line:rgba(13,27,20,.12);
  --shadow:0 24px 70px rgba(13,27,20,.10);
  --shadow-sm:0 14px 32px rgba(13,27,20,.07);
  --radius:28px;
  --radius-sm:16px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:110px}
body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--paper);color:var(--ink);line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
a{color:inherit}button,input,select,textarea{font:inherit}button{cursor:pointer}img,svg{max-width:100%}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(circle at 82% 8%,rgba(191,255,63,.38),transparent 28%),radial-gradient(circle at 12% 18%,rgba(18,50,87,.10),transparent 30%),linear-gradient(180deg,#fffef8 0%,#f4f4ea 48%,#eef4e9 100%)}
.announcement{display:flex;align-items:center;justify-content:center;gap:.75rem;min-height:44px;padding:.65rem 1rem;text-align:center;text-decoration:none;background:var(--lime);color:var(--ink);font-size:.92rem;font-weight:700}.announcement span:first-child{padding:.18rem .5rem;border:1px solid rgba(13,27,20,.18);border-radius:999px;background:rgba(255,255,255,.35)}
.site-header{position:sticky;top:0;z-index:50;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;width:min(1180px,calc(100% - 32px));margin:16px auto 0;padding:10px 10px 10px 16px;background:rgba(251,250,244,.78);border:1px solid var(--line);border-radius:999px;backdrop-filter:blur(18px);box-shadow:0 12px 40px rgba(13,27,20,.06)}
.brand{display:inline-flex;align-items:center;gap:.75rem;text-decoration:none;min-width:max-content}.brand-mark{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--ink),#22442f);color:var(--lime);font-weight:900;letter-spacing:-.08em;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}.brand-copy strong{display:block;font-weight:900;letter-spacing:-.04em}.brand-copy small{display:block;margin-top:-4px;color:var(--muted);font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.18em}
.main-nav{display:flex;justify-content:center;align-items:center;gap:.25rem}.main-nav a{padding:.7rem .85rem;border-radius:999px;text-decoration:none;color:var(--muted);font-weight:800;font-size:.92rem}.main-nav a:hover{background:rgba(13,27,20,.06);color:var(--ink)}.nav-toggle{display:none;border:1px solid var(--line);border-radius:999px;background:white;padding:.65rem .9rem;font-weight:900;color:var(--ink)}
.button{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;border:0;border-radius:999px;padding:.86rem 1.12rem;text-decoration:none;font-weight:900;line-height:1;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--ink);color:white;box-shadow:0 10px 28px rgba(13,27,20,.18)}.button-secondary{background:white;color:var(--ink);border:1px solid var(--line)}.button-dark{background:#173827;color:white}.button-large{padding:1.05rem 1.35rem}.header-cta{padding:.85rem 1rem}
.section-shell{width:min(1180px,calc(100% - 32px));margin-inline:auto;padding:88px 0}.compact-shell{padding:36px 0}.hero{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(340px,.82fr);gap:48px;align-items:center;min-height:calc(100vh - 132px);padding-top:64px}.hero-copy{max-width:760px}.eyebrow,.section-kicker{margin:0 0 14px;text-transform:uppercase;letter-spacing:.19em;color:#557044;font-size:.75rem;font-weight:950}.hero h1,h2{margin:0;color:var(--ink);letter-spacing:-.07em;line-height:.95}h1{font-size:clamp(3.7rem,8.2vw,7.7rem);font-weight:900;max-width:980px}h2{font-size:clamp(2.35rem,5vw,5.25rem);font-weight:900}.hero-lede,.section-heading p,.intro-band>p{max-width:690px;color:var(--muted);font-size:clamp(1.05rem,1.7vw,1.28rem)}.hero-actions{display:flex;flex-wrap:wrap;gap:.8rem;margin:30px 0}.trust-strip{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:28px}.trust-strip span,.logo-row span{border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.62);padding:.58rem .8rem;color:#40564a;font-weight:850;font-size:.84rem}
.hero-product{position:relative;min-height:560px;border-radius:40px;background:linear-gradient(180deg,#16251d,#0d1b14);color:white;padding:22px;overflow:hidden;box-shadow:var(--shadow)}.hero-product:before{content:"";position:absolute;inset:-20% -30% auto auto;width:420px;height:420px;background:radial-gradient(circle,var(--lime),transparent 62%);opacity:.55;filter:blur(18px)}.hero-product>*{position:relative}.product-topline,.price-topline{display:flex;align-items:center;gap:.55rem;font-weight:900;color:rgba(255,255,255,.78)}.live-dot,.status-dot{width:10px;height:10px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 8px rgba(191,255,63,.13)}.dashboard-card{margin-top:24px;padding:22px;border:1px solid rgba(255,255,255,.14);border-radius:28px;background:rgba(255,255,255,.09);backdrop-filter:blur(12px)}.quote-preview-card{display:flex;justify-content:space-between;align-items:end}.quote-preview-card small,.quote-preview-card span{display:block;color:rgba(255,255,255,.68);font-weight:750}.quote-preview-card strong{display:block;font-size:3.3rem;letter-spacing:-.07em;line-height:1}.mini-bars{display:flex;align-items:end;gap:7px;height:90px}.mini-bars i{display:block;width:18px;border-radius:999px;background:var(--lime)}.mini-bars i:nth-child(1){height:35%}.mini-bars i:nth-child(2){height:70%}.mini-bars i:nth-child(3){height:52%}.mini-bars i:nth-child(4){height:90%}.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.dashboard-grid div{padding:18px;border-radius:22px;background:rgba(255,255,255,.94);color:var(--ink)}.dashboard-grid strong{display:block;font-size:2rem;letter-spacing:-.05em}.dashboard-grid span{color:var(--muted);font-weight:800;font-size:.82rem}.mesh-stage{position:absolute;right:-60px;bottom:-70px;width:290px;height:290px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#fff,var(--lime) 28%,#406233 62%,transparent 63%);opacity:.88}.mesh-stage span{position:absolute;inset:75px;border:3px solid rgba(13,27,20,.58);border-radius:35%;transform:rotate(45deg)}
.logo-row{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:24px}.logo-row p{margin:0;color:var(--muted);font-weight:900}.logo-row div{display:flex;gap:.6rem;flex-wrap:wrap;justify-content:flex-end}.intro-band{padding:70px;border-radius:42px;background:var(--ink);color:white;box-shadow:var(--shadow)}.intro-band h2{color:white;max-width:980px}.metric-row{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:38px}.metric-row article{border:1px solid rgba(255,255,255,.14);border-radius:28px;padding:22px;background:rgba(255,255,255,.08)}.metric-row strong{display:block;font-size:3.4rem;letter-spacing:-.08em;line-height:1;color:var(--lime)}.metric-row span{color:rgba(255,255,255,.72);font-weight:800}.section-heading{max-width:860px;margin-bottom:34px}.centered{text-align:center;margin-inline:auto}.quote-layout{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(340px,.62fr);gap:22px;align-items:start}.quote-form,.price-panel,.tech-grid article,.service-grid article,.pricing-grid article,.contact-card{background:rgba(255,255,255,.82);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.quote-form{padding:14px}.quote-form fieldset{border:1px solid var(--line);border-radius:22px;margin:0 0 14px;padding:18px}.quote-form legend{padding:0 8px;color:var(--ink);font-weight:950}.drop-zone{display:grid;place-items:center;text-align:center;min-height:180px;border:2px dashed rgba(13,27,20,.22);background:linear-gradient(180deg,var(--mint),#fff);border-radius:22px;padding:18px;cursor:pointer}.drop-zone input{position:absolute;inline-size:1px;block-size:1px;opacity:0}.drop-zone.drag{background:var(--lime-2)}.drop-icon{font-size:2.7rem;color:#416635}.drop-zone small{max-width:460px;color:var(--muted)}.file-meta{margin:10px 0 0;color:var(--muted);font-weight:750;font-size:.9rem}.field-grid{display:grid;gap:12px;margin-top:12px}.field-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.field-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}label{display:grid;gap:7px;color:var(--ink);font-weight:900;font-size:.9rem}label small{color:var(--muted);font-weight:850}input,select,textarea{width:100%;border:1px solid rgba(13,27,20,.16);border-radius:16px;background:white;padding:.88rem;color:var(--ink)}textarea{resize:vertical;min-height:104px}input:focus,select:focus,textarea:focus,button:focus-visible,a:focus-visible{outline:3px solid rgba(191,255,63,.95);outline-offset:3px}.hint-box{margin-top:12px;padding:13px;border-radius:18px;background:#f3f7ef;color:#486052;font-weight:750}.toggles{display:grid;gap:9px;margin-top:14px}.check{display:flex;align-items:center;gap:10px;color:var(--muted);font-weight:850}.check input{width:auto;accent-color:var(--ink)}.price-panel{position:sticky;top:116px;padding:20px}.price-panel .price-topline{color:var(--muted)}.price-number{padding:22px;margin:16px 0;border-radius:26px;background:var(--ink);color:white}.price-number small,.price-number span{display:block;color:rgba(255,255,255,.68);font-weight:800}.price-number strong{display:block;font-size:clamp(3rem,6vw,4.6rem);letter-spacing:-.08em;line-height:1}.breakdown{display:grid;gap:6px;margin:0}.breakdown div{display:flex;justify-content:space-between;gap:14px;padding:10px 0;border-bottom:1px solid var(--line)}.breakdown dt{color:var(--muted);font-weight:800}.breakdown dd{margin:0;font-weight:950}.savings-card{display:grid;gap:6px;margin:16px 0;padding:14px;border-radius:20px;background:var(--mint);color:#314b39}.savings-card span{font-size:.9rem;font-weight:760}.quote-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.quote-actions #submitQuote{grid-column:1/-1}.quote-summary{white-space:pre-wrap;background:#0e1b14;color:#eaffd6;border-radius:18px;padding:14px;overflow:auto}.form-status{margin-top:10px;padding:.8rem 1rem;border-radius:16px;background:#f3f7ef;color:var(--muted);font-weight:850;min-height:2.7rem}.form-status.success{background:#e8fbdc;color:#224b2b}.form-status.error{background:#fff0eb;color:#a23522}
.split-section{display:grid;grid-template-columns:.72fr 1.28fr;gap:34px;align-items:start}.sticky-copy{position:sticky;top:130px}.tech-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.tech-grid article,.service-grid article,.pricing-grid article{padding:22px}.tech-grid .tag{display:inline-flex;border-radius:999px;padding:.3rem .62rem;background:var(--mint);color:#355b36;font-weight:950;font-size:.72rem}.tech-grid h3,.service-grid h3,.pricing-grid h3{margin:12px 0 8px;color:var(--ink);font-size:1.25rem;letter-spacing:-.03em}.tech-grid p,.service-grid p,.pricing-grid p{color:var(--muted);font-weight:720}.tech-grid .button{margin-top:8px}.service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.service-grid article span{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--lime);font-weight:950}.process-section{border-radius:42px;background:white;padding-inline:34px;box-shadow:var(--shadow-sm)}.timeline{counter-reset:step;display:grid;grid-template-columns:repeat(7,1fr);gap:10px;list-style:none;padding:0;margin:0}.timeline li{position:relative;border:1px solid var(--line);border-radius:22px;padding:16px;background:#fbfcf7}.timeline li:before{counter-increment:step;content:counter(step);display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--ink);color:var(--lime);font-weight:950;margin-bottom:12px}.timeline strong{display:block}.timeline span{display:block;margin-top:6px;color:var(--muted);font-size:.88rem;font-weight:720}.pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.pricing-grid strong{display:block;font-size:2.5rem;letter-spacing:-.07em;color:var(--ink)}.pricing-grid .featured{background:var(--ink);color:white;transform:translateY(-10px)}.pricing-grid .featured h3,.pricing-grid .featured strong{color:white}.pricing-grid .featured p{color:rgba(255,255,255,.72)}.contact-section{display:grid;grid-template-columns:.85fr 1.15fr;gap:34px;align-items:start}.contact-facts{display:grid;gap:10px;margin-top:22px}.contact-facts p{margin:0;padding:12px 0;border-bottom:1px solid var(--line);font-weight:760}.contact-card{padding:22px}.contact-form{display:grid;gap:12px}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-top:80px;padding:34px clamp(16px,4vw,48px);background:var(--ink);color:white}.site-footer p{margin:0;color:rgba(255,255,255,.7);font-weight:750}.footer-brand .brand-mark{background:var(--lime);color:var(--ink)}.footer-brand .brand-copy small{color:rgba(255,255,255,.58)}
@media (max-width:1040px){.hero,.quote-layout,.split-section,.contact-section{grid-template-columns:1fr}.hero{min-height:auto}.hero-product{min-height:480px}.price-panel,.sticky-copy{position:static}.service-grid{grid-template-columns:repeat(2,1fr)}.timeline{grid-template-columns:repeat(2,1fr)}.logo-row{grid-template-columns:1fr}.logo-row div{justify-content:flex-start}}
@media (max-width:780px){html{scroll-padding-top:92px}.announcement{font-size:.78rem;gap:.45rem;flex-wrap:wrap}.site-header{grid-template-columns:auto auto;justify-content:space-between;width:min(100% - 20px,1180px);border-radius:26px;padding:10px}.header-cta{display:none}.nav-toggle{display:inline-flex}.main-nav{position:absolute;left:0;right:0;top:calc(100% + 8px);display:none;flex-direction:column;align-items:stretch;padding:10px;background:rgba(251,250,244,.98);border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow-sm)}.site-header.nav-open .main-nav{display:flex}.main-nav a{padding:1rem}.section-shell{width:min(100% - 20px,1180px);padding:64px 0}.hero{padding-top:42px;gap:26px}h1{font-size:clamp(3.2rem,15vw,5.4rem)}h2{font-size:clamp(2.25rem,11vw,3.8rem)}.hero-lede,.section-heading p{font-size:1rem}.hero-product{min-height:420px;border-radius:30px}.quote-preview-card{align-items:flex-start;gap:16px}.quote-preview-card strong{font-size:2.55rem}.metric-row,.pricing-grid,.field-grid.two,.field-grid.three,.tech-grid{grid-template-columns:1fr}.intro-band{padding:34px 20px;border-radius:30px}.metric-row strong{font-size:2.75rem}.quote-form fieldset{padding:14px}.price-panel{padding:16px}.service-grid{grid-template-columns:1fr}.process-section{padding-inline:18px}.timeline{grid-template-columns:1fr}.pricing-grid .featured{transform:none}.site-footer{align-items:flex-start;flex-direction:column}}
@media (max-width:420px){.brand-copy small{display:none}.brand-mark{width:40px;height:40px}.button{width:100%}.hero-actions{width:100%}.hero-product{padding:16px}.dashboard-grid{grid-template-columns:1fr}.mesh-stage{width:230px;height:230px}.quote-actions{grid-template-columns:1fr}.quote-actions #submitQuote{grid-column:auto}.trust-strip span,.logo-row span{width:100%;text-align:center}.price-number strong{font-size:2.75rem}}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}


/* Motion upgrade v4 — progressive enhancement, content remains visible by default */
@keyframes sheenSlide{0%{transform:translateX(-120%)}55%,100%{transform:translateX(140%)}}
@keyframes floatSoft{0%,100%{transform:translate3d(0,0,0) rotate(0deg)}50%{transform:translate3d(0,-16px,0) rotate(2deg)}}
@keyframes orbDrift{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(-26px,18px,0) scale(1.08)}}
@keyframes barPulse{0%,100%{transform:scaleY(.62);opacity:.72}45%{transform:scaleY(1);opacity:1}}
@keyframes glowPulse{0%,100%{box-shadow:0 0 0 8px rgba(191,255,63,.13),0 0 0 rgba(191,255,63,0)}50%{box-shadow:0 0 0 12px rgba(191,255,63,.16),0 0 34px rgba(191,255,63,.55)}}
@keyframes cardFloat{0%,100%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-10px) rotate(-.4deg)}}
@keyframes spinPearl{to{transform:rotate(405deg)}}
@keyframes gradientFlow{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
@keyframes marqueeNudge{0%{transform:translateX(0)}100%{transform:translateX(-12px)}}
@keyframes revealUp{from{opacity:.001;transform:translateY(34px) scale(.985);filter:blur(6px)}to{opacity:1;transform:none;filter:blur(0)}}
@keyframes numberPop{0%{transform:scale(.92)}70%{transform:scale(1.045)}100%{transform:scale(1)}}

body:before{background-size:140% 140%;animation:gradientFlow 18s ease-in-out infinite}
.announcement{position:relative;overflow:hidden}.announcement:after{content:"";position:absolute;top:0;bottom:0;width:38%;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);animation:sheenSlide 4.5s ease-in-out infinite;pointer-events:none}.announcement strong{animation:marqueeNudge 2.8s ease-in-out infinite alternate}
.site-header{animation:revealUp .72s cubic-bezier(.2,.8,.2,1) both}.brand-mark{transition:transform .35s ease,box-shadow .35s ease}.brand:hover .brand-mark{transform:rotate(-8deg) scale(1.05);box-shadow:0 0 0 8px rgba(191,255,63,.16)}
.button{position:relative;overflow:hidden}.button:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 20%,rgba(255,255,255,.33),transparent 70%);transform:translateX(-120%);transition:transform .65s ease}.button:hover:after{transform:translateX(120%)}.button:active{transform:translateY(0) scale(.98)}
.hero-copy .eyebrow{animation:revealUp .75s .08s cubic-bezier(.2,.8,.2,1) both}.hero-copy h1{animation:revealUp .85s .16s cubic-bezier(.2,.8,.2,1) both}.hero-lede{animation:revealUp .85s .26s cubic-bezier(.2,.8,.2,1) both}.hero-actions{animation:revealUp .85s .36s cubic-bezier(.2,.8,.2,1) both}.trust-strip span{animation:revealUp .72s both}.trust-strip span:nth-child(1){animation-delay:.42s}.trust-strip span:nth-child(2){animation-delay:.48s}.trust-strip span:nth-child(3){animation-delay:.54s}.trust-strip span:nth-child(4){animation-delay:.60s}
.hero-product{animation:cardFloat 7s ease-in-out infinite}.hero-product:before{animation:orbDrift 9s ease-in-out infinite}.dashboard-card{transition:transform .35s ease,border-color .35s ease,background .35s ease}.dashboard-card:hover{transform:translateY(-5px);border-color:rgba(191,255,63,.48);background:rgba(255,255,255,.13)}.live-dot,.status-dot{animation:glowPulse 2.2s ease-in-out infinite}.mini-bars i{transform-origin:bottom;animation:barPulse 1.55s ease-in-out infinite}.mini-bars i:nth-child(2){animation-delay:.18s}.mini-bars i:nth-child(3){animation-delay:.34s}.mini-bars i:nth-child(4){animation-delay:.52s}.dashboard-grid div,.metric-row article,.tech-grid article,.service-grid article,.pricing-grid article,.contact-card,.price-panel,.quote-form{transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}.dashboard-grid div:hover,.metric-row article:hover,.tech-grid article:hover,.service-grid article:hover,.pricing-grid article:hover{transform:translateY(-6px);box-shadow:var(--shadow);border-color:rgba(13,27,20,.18)}.mesh-stage{animation:floatSoft 6s ease-in-out infinite}.mesh-stage span{animation:spinPearl 14s linear infinite}
.drop-zone{transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.drop-zone:hover,.drop-zone.drag{transform:translateY(-4px);box-shadow:0 18px 42px rgba(13,27,20,.10);border-color:rgba(191,255,63,.95)}.drop-icon{display:inline-block;animation:floatSoft 3.8s ease-in-out infinite}.price-number strong.number-pop,.metric-row strong.number-pop,.dashboard-grid strong.number-pop{animation:numberPop .48s ease both}.breakdown div{transition:background .2s ease,transform .2s ease}.breakdown div:hover{background:rgba(191,255,63,.12);transform:translateX(4px)}
.timeline li{transition:transform .25s ease,background .25s ease}.timeline li:hover{transform:translateY(-5px);background:var(--mint)}.timeline li:before{transition:transform .25s ease}.timeline li:hover:before{transform:scale(1.1) rotate(-8deg)}
.js-motion .motion-item{opacity:1;transform:none}.js-motion .motion-item.is-visible{animation:revealUp .72s cubic-bezier(.2,.8,.2,1) both}.js-motion .motion-item.is-visible:nth-child(2n){animation-delay:.05s}.js-motion .motion-item.is-visible:nth-child(3n){animation-delay:.1s}
@media (max-width:780px){.hero-product{animation:revealUp .75s .28s cubic-bezier(.2,.8,.2,1) both}.announcement strong{animation:none}.main-nav{transition:transform .25s ease,opacity .25s ease}.site-header.nav-open .main-nav{animation:revealUp .22s ease both}}
@media (prefers-reduced-motion:reduce){body:before,.announcement:after,.announcement strong,.site-header,.brand-mark,.button:after,.hero-copy .eyebrow,.hero-copy h1,.hero-lede,.hero-actions,.trust-strip span,.hero-product,.hero-product:before,.live-dot,.status-dot,.mini-bars i,.mesh-stage,.mesh-stage span,.drop-icon,.js-motion .motion-item.is-visible{animation:none!important;transition:none!important}.js-motion .motion-item{opacity:1!important;transform:none!important;filter:none!important}}