@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Newsreader:ital,opsz,wght@1,6..72,500;1,6..72,600&display=swap');

:root{
  --bg:#F6F7F4!important;--bg-2:#FFFFFF!important;--bg-3:#EEF1EC!important;
  --card:rgba(255,255,255,.72)!important;--card-hover:#FFFFFF!important;
  --border:rgba(20,38,31,.10)!important;--border-hi:rgba(5,150,105,.34)!important;
  --green:#07875F!important;--green-2:#10A676!important;--green-dim:rgba(7,135,95,.085)!important;
  --text:#10201A!important;--text-2:#52615B!important;--text-3:#8A9691!important;
  --shadow-sm:0 1px 2px rgba(16,32,26,.05)!important;
  --shadow-md:0 14px 36px rgba(16,32,26,.08)!important;
  --shadow-lg:0 28px 80px rgba(16,32,26,.11)!important;
  --radius-sm:10px!important;--radius:16px!important;--radius-lg:24px!important;--radius-xl:32px!important;
  --font-head:'Manrope',sans-serif!important;--font-body:'Manrope',sans-serif!important;
  --ease:cubic-bezier(.22,1,.36,1)!important;
  --aurora-a:rgba(16,185,129,.105);--aurora-b:rgba(5,150,105,.07);
}
[data-theme="dark"]{
  --bg:#0A100D!important;--bg-2:#101814!important;--bg-3:#16201B!important;
  --card:rgba(255,255,255,.026)!important;--card-hover:rgba(255,255,255,.045)!important;
  --border:rgba(226,242,234,.09)!important;--border-hi:rgba(52,211,153,.30)!important;
  --green:#42D6A0!important;--green-2:#25B982!important;--green-dim:rgba(52,211,153,.09)!important;
  --text:#EDF5F1!important;--text-2:#A3B2AB!important;--text-3:#68766F!important;
  --shadow-sm:0 1px 2px rgba(0,0,0,.32)!important;
  --shadow-md:0 18px 42px rgba(0,0,0,.28)!important;
  --shadow-lg:0 32px 90px rgba(0,0,0,.38)!important;
  --aurora-a:rgba(52,211,153,.105);--aurora-b:rgba(16,185,129,.075);
}
html{scroll-behavior:smooth;background:var(--bg);overflow-x:clip}
body.design-v2{font-family:var(--font-body);background:var(--bg);color:var(--text);letter-spacing:-.008em;overflow-x:clip}
body.design-v2::before{content:"";position:fixed;inset:-6%;z-index:-3;pointer-events:none;opacity:.92;background-image:radial-gradient(820px 520px at 10% -6%,var(--aurora-a),transparent 68%),radial-gradient(760px 500px at 94% 5%,var(--aurora-b),transparent 70%);background-repeat:no-repeat;animation:ambientAurora 24s ease-in-out infinite alternate}
body.design-v2::after{content:"";position:fixed;inset:0;z-index:9999;pointer-events:none;opacity:.022;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='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.9'/%3E%3C/svg%3E")}
.bg-grid{opacity:.32!important;mask-image:linear-gradient(to bottom,black,transparent 86%);-webkit-mask-image:linear-gradient(to bottom,black,transparent 86%);background-size:72px 72px!important}
.bg-halo{width:820px!important;height:520px!important;filter:blur(14px)!important;background:radial-gradient(ellipse,rgba(16,185,129,.075),transparent 68%)!important;opacity:.62!important;animation:ambientBreath 20s ease-in-out infinite alternate!important}
.scroll-bar{height:2px!important;background:transparent!important}.scroll-fill{background:linear-gradient(90deg,#047857,#34D399)!important;box-shadow:none!important}

.wrap{max-width:1220px!important;padding-inline:30px!important}
.nav{padding:14px 24px 0!important}
.nav.scrolled{background:transparent!important;border:0!important;backdrop-filter:none!important}
.nav-inner{height:62px!important;padding:0 12px 0 16px!important;border:1px solid var(--border)!important;border-radius:18px!important;background:color-mix(in srgb,var(--bg-2) 84%,transparent)!important;backdrop-filter:blur(22px) saturate(1.35)!important;-webkit-backdrop-filter:blur(22px) saturate(1.35)!important;box-shadow:0 10px 36px rgba(16,32,26,.06)!important}
.nav-logo{font-weight:750!important;font-size:.95rem!important;letter-spacing:-.035em!important;gap:11px!important}.logo-mark{width:34px!important;height:34px!important;filter:none!important;flex:none}
.nav-links{padding:4px!important;border-radius:12px!important;background:color-mix(in srgb,var(--bg-3) 58%,transparent)!important}
.nav-links a{padding:7px 13px!important;font-size:.78rem!important;border-radius:9px!important}.nav-links a:hover{background:var(--bg-2)!important;box-shadow:var(--shadow-sm)!important}
.lang-pill{background:var(--bg-3)!important;border:1px solid var(--border)!important}.lang-btn.active{background:var(--bg-2)!important}
.theme-toggle{border:0!important;background:var(--bg-3)!important;border-radius:11px!important}
.nav-cta,.btn-primary,.dc-cta,.cta-form button,.plan-cta.solid{position:relative!important;overflow:hidden!important;isolation:isolate;background:linear-gradient(135deg,#0D9B6D,#047857)!important;color:#fff!important;border:1px solid rgba(255,255,255,.12)!important;box-shadow:0 8px 24px rgba(5,150,105,.18)!important;border-radius:12px!important;letter-spacing:-.01em!important}
.nav-cta::before,.btn-primary::before,.dc-cta::before,.cta-form button::before,.plan-cta.solid::before{content:"";position:absolute;inset:-25% auto -25% -48%;width:34%;pointer-events:none;z-index:0;background:linear-gradient(105deg,transparent,rgba(255,255,255,.42),transparent);transform:skewX(-18deg);transition:left .72s var(--ease)}
.nav-cta:hover,.btn-primary:hover,.dc-cta:hover,.cta-form button:hover,.plan-cta.solid:hover{transform:translateY(-2px)!important;filter:saturate(1.05) brightness(1.04)!important;box-shadow:0 14px 34px rgba(5,150,105,.24)!important}
.btn-ghost,.plan-cta.ghost{background:color-mix(in srgb,var(--bg-2) 72%,transparent)!important;border-color:var(--border)!important;border-radius:12px!important;box-shadow:var(--shadow-sm)!important}.btn-ghost:hover,.plan-cta.ghost:hover{background:var(--bg-2)!important;border-color:var(--border-hi)!important;transform:translateY(-2px)!important}

.hero{min-height:auto!important;padding:120px 0 66px!important}.hero-inner{grid-template-columns:minmax(0,1.15fr) 420px!important;gap:88px!important}.eyebrow{padding:7px 13px!important;background:transparent!important;border-color:var(--border)!important;color:var(--green)!important;font-family:var(--font-body)!important;text-transform:uppercase;letter-spacing:.12em!important;font-size:.63rem!important}.eyebrow-dot{box-shadow:none!important}
.hero h1,.page-hero h1{font-size:clamp(3.05rem,6.2vw,5.6rem)!important;line-height:.98!important;font-weight:700!important;letter-spacing:-.068em!important;max-width:860px}
.hero h1 em,.page-hero h1 em{font-family:'Newsreader',serif!important;font-weight:500!important;letter-spacing:-.035em!important;color:var(--green)!important}
.hero-sub{font-size:1.08rem!important;line-height:1.75!important;max-width:640px!important}.hero-btns{gap:10px!important}.hero-strip{border-top:0!important;padding-top:5px!important;gap:10px!important}.strip-item{padding:7px 10px!important;border:1px solid var(--border)!important;border-radius:100px!important;background:color-mix(in srgb,var(--bg-2) 62%,transparent)!important;font-size:.72rem!important}
.hero-visual{isolation:isolate!important}.hero-visual::before{content:"";position:absolute;inset:9% -7% -7% 14%;z-index:-1;border-radius:32px;background:linear-gradient(145deg,var(--green-dim),transparent 65%);filter:blur(2px);opacity:.72}.device-card{position:relative!important;border-radius:24px!important;border-color:var(--border)!important;background:linear-gradient(160deg,color-mix(in srgb,var(--bg-2) 97%,transparent),color-mix(in srgb,var(--bg-3) 74%,transparent))!important;box-shadow:0 24px 70px rgba(16,32,26,.10),0 1px 0 rgba(255,255,255,.24) inset!important;transform:none!important;transition:border-color .45s var(--ease),box-shadow .45s var(--ease)!important}.device-card::before{content:"";position:absolute;top:0;left:28px;width:74px;height:2px;z-index:2;background:linear-gradient(90deg,var(--green),var(--green-2));border-radius:0 0 4px 4px}.device-card::after{content:"";position:absolute;top:0;left:-34%;width:30%;height:2px;z-index:3;pointer-events:none;opacity:0;background:linear-gradient(90deg,transparent,#6EE7B7 55%,transparent);box-shadow:0 0 14px rgba(52,211,153,.72)}.hero-visual.visible .device-card::after{animation:deviceTracer 1.15s .42s var(--ease) 1 forwards}.device-card:hover{transform:none!important;border-color:var(--border-hi)!important;box-shadow:0 28px 76px rgba(16,32,26,.13),0 1px 0 rgba(255,255,255,.28) inset!important}.dc-top{padding:26px 28px 24px!important}.term{border-radius:0 0 23px 23px!important;background:#09110D!important}.term-bar{background:rgba(255,255,255,.025)!important}.dc-status .d{box-shadow:0 0 0 4px var(--green-dim)!important}
.term-boot .tl{opacity:0;transform:translateX(-8px);filter:blur(2px);animation:terminalLineIn .3s var(--ease) forwards}.term-boot .tl:nth-child(1){animation-delay:.34s}.term-boot .tl:nth-child(2){animation-delay:.41s}.term-boot .tl:nth-child(3){animation-delay:.48s}.term-boot .tl:nth-child(4){animation-delay:.55s}.term-boot .tl:nth-child(5){animation-delay:.62s}.term-boot .tl:nth-child(6){animation-delay:.69s}.term-boot .tl:nth-child(7){animation-delay:.76s}.term-boot .cursor::after{opacity:0;animation:cursorReady 1.05s .9s step-end infinite}
.stats-row{margin-top:26px!important;border-radius:22px!important;border-color:var(--border)!important;background:var(--border)!important;box-shadow:var(--shadow-md)!important}.stat-box{padding:27px 24px!important;background:color-mix(in srgb,var(--bg-2) 92%,transparent)!important}.stat-num{font-size:2rem!important}.stat-label{font-size:.72rem!important}

.section{padding:100px 0!important}.sec-divider{border-color:var(--border)!important;opacity:.65}.section-tag{font-family:var(--font-body)!important;text-transform:uppercase;letter-spacing:.14em!important;font-size:.62rem!important}.section-tag::before{width:18px!important}.section-title{font-size:clamp(2.15rem,4.1vw,3.7rem)!important;line-height:1.04!important;letter-spacing:-.058em!important;font-weight:700!important}.section-sub{font-size:1rem!important;line-height:1.78!important}.section-head{margin-bottom:48px!important}
.g-card,.svc-detail-card,.plan-card,.faq-item,.stack-layer,.arch-leg,.principle,.trust-bar,.compare-wrap{position:relative!important;overflow:hidden!important;border-color:var(--border)!important;background:color-mix(in srgb,var(--bg-2) 72%,transparent)!important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:var(--shadow-sm)!important;transition:transform .45s var(--ease),border-color .45s var(--ease),box-shadow .45s var(--ease),background .45s var(--ease)!important}
.g-card::before,.svc-detail-card::before,.plan-card::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .35s;background:radial-gradient(420px circle at var(--spot-x,50%) var(--spot-y,50%),rgba(52,211,153,.12),transparent 42%)}
.g-card:hover::before,.svc-detail-card:hover::before,.plan-card:hover::before{opacity:1}.g-card:hover,.svc-detail-card:hover,.plan-card:hover{transform:translateY(-5px)!important;border-color:var(--border-hi)!important;box-shadow:var(--shadow-md)!important;background:var(--bg-2)!important}
.services-grid{gap:16px!important}.svc-card{padding:26px!important;border-radius:22px!important}.svc-icon,.svc-detail-icon{border:0!important;border-radius:14px!important;background:linear-gradient(145deg,var(--green-dim),rgba(52,211,153,.03))!important;box-shadow:inset 0 0 0 1px var(--border-hi)!important}.svc-meta span,.pf-tech,.stack-tag,.proc-meta,.svc-meta-item{border-radius:100px!important;background:var(--bg-3)!important;border-color:transparent!important}
.logowall{gap:9px!important}.lw-item{border:0!important;background:transparent!important;padding:9px 13px!important;font-size:.78rem!important}.lw-item i{opacity:.74}.logowall-lead{letter-spacing:.16em!important}
.featured-cases{gap:18px!important}.featured-case,.pf-card{border-radius:24px!important}.case-browser{border-radius:15px 15px 0 0!important;margin:10px 10px 0!important}.case-browser-bar{background:var(--bg-3)!important}.case-shot{aspect-ratio:16/9!important}.featured-body,.pf-body{padding:22px!important}.pf-cover{height:175px!important}.pf-cover-image{filter:saturate(.88) contrast(.98);transition:filter .45s var(--ease),transform .55s var(--ease)!important}.pf-card:hover .pf-cover-image{filter:saturate(1) contrast(1)!important;transform:scale(1.025)!important}.pf-pill{background:transparent!important;border-color:var(--border)!important}.pf-pill.active,.pf-pill:hover{background:var(--text)!important;color:var(--bg)!important;border-color:var(--text)!important}
.arch-diagram{border-radius:26px!important;background:color-mix(in srgb,var(--bg-2) 74%,transparent)!important;box-shadow:var(--shadow-md)!important}.arch-diagram .arch-flow{stroke:color-mix(in srgb,var(--green) 72%,var(--border))!important;stroke-width:2!important;stroke-linecap:round;stroke-dasharray:3 15;stroke-dashoffset:36;filter:drop-shadow(0 0 3px color-mix(in srgb,var(--green) 45%,transparent))}.arch-diagram.visible .arch-flow{animation:archPacketFlow 1.8s linear 3 both;animation-delay:calc(var(--flow-order,0) * .14s)}.arch-diagram .arch-node{opacity:.58}.arch-diagram.visible .arch-node{animation:archNodeOnline .54s var(--ease) both;animation-delay:calc(.12s + var(--node-order,0) * .13s)}.arch-node.hi rect{fill:var(--green-dim)!important}.arch-legend{gap:14px!important}.arch-leg{border-radius:18px!important;padding:20px!important}.stack-layer{position:relative!important;overflow:hidden!important;border-radius:17px!important;padding:20px 22px!important}.stack-layer::before{content:"";position:absolute;top:0;bottom:auto;left:0;width:3px;height:0;z-index:2;background:linear-gradient(180deg,var(--green),var(--green-2),transparent);box-shadow:0 0 12px color-mix(in srgb,var(--green) 42%,transparent)}.stack-layer.visible::before{animation:stackRail .62s var(--ease) both;animation-delay:calc(var(--stack-order,0) * .08s)}.stack-layer .stack-tag{opacity:.48;transform:translateY(5px)}.stack-layer.visible .stack-tag{animation:stackChipOnline .42s var(--ease) both;animation-delay:calc(.18s + var(--stack-order,0) * .07s + var(--chip-order,0) * .055s)}.about-grid{gap:90px!important}.principle{border-radius:15px!important;padding:15px!important}.process-grid{gap:14px!important}.proc-card{border-radius:20px!important}.proc-num{border:0!important;border-radius:100px!important}.compare{border-radius:22px!important;overflow:hidden!important;box-shadow:var(--shadow-md)!important}.compare-col-hi{background:var(--green-dim)!important}.sec-card{border-radius:20px!important}.faq-item{border-radius:16px!important;margin-bottom:10px!important}.faq-q,.faq-question{font-size:.9rem!important}.cta-card{border:1px solid var(--border-hi)!important;border-radius:34px!important;background:linear-gradient(145deg,color-mix(in srgb,var(--bg-2) 96%,transparent),color-mix(in srgb,var(--green-dim) 55%,var(--bg-2)))!important;box-shadow:var(--shadow-lg)!important}.cta-card::before{background:radial-gradient(ellipse,rgba(52,211,153,.11),transparent 68%)!important}.cta-form input,.cta-form textarea,.cta-form select{background:var(--bg)!important;border-color:var(--border)!important;border-radius:12px!important}.wa-float{width:48px!important;height:48px!important;box-shadow:0 10px 28px rgba(37,211,102,.22)!important}

.page-hero{padding:122px 0 72px!important;background:transparent!important}.page-hero::after{content:"";position:absolute;left:50%;top:34%;width:560px;height:320px;transform:translate(-50%,-50%);z-index:-1;background:radial-gradient(ellipse,rgba(16,185,129,.11),transparent 68%)}.page-hero p{line-height:1.8!important}.svc-detail-grid,.plans-grid{gap:17px!important}.svc-detail-card,.plan-card{border-radius:24px!important}.svc-detail-card{padding:30px!important}.svc-features-grid{gap:9px!important}.svc-feature{border-radius:12px!important;background:var(--bg-3)!important}.plan-card{padding:30px!important}.plan-card.featured{border-color:var(--border-hi)!important;background:linear-gradient(160deg,var(--bg-2),color-mix(in srgb,var(--green-dim) 55%,var(--bg-2)))!important}.plan-badge{background:var(--text)!important;color:var(--bg)!important;border-radius:100px!important}.trust-bar{border-radius:20px!important}.compare-table{border-radius:20px!important;overflow:hidden!important}
.footer{background:#07100C!important;border-color:rgba(255,255,255,.08)!important;color:#EAF5EF!important}.footer .nav-logo,.footer-col h5{color:#F3FAF6!important}.footer-brand p,.footer-col a,.footer-copy{color:#93A69C!important}.footer-col a:hover{color:#55DDAA!important}.f-social{background:rgba(255,255,255,.05)!important;border-color:rgba(255,255,255,.09)!important;color:#A9BAB1!important}.footer-top{gap:52px!important}

.design-v2 .fade-in{opacity:0;transform:translateY(16px) scale(.997);filter:blur(3px);transition:opacity .68s var(--ease),transform .68s var(--ease),filter .68s var(--ease)!important}.design-v2 .fade-in.visible{opacity:1;transform:none;filter:none}.design-v2 .hero-inner>.fade-in{opacity:1;transform:none;filter:none;transition:none!important}.design-v2 .hero .eyebrow,.design-v2 .hero .hero-sub,.design-v2 .hero .hero-btns,.design-v2 .hero .hero-strip{opacity:0;transform:translateY(9px);animation:heroElementIn .48s var(--ease) forwards}.design-v2 .hero .eyebrow{animation-delay:.03s}.design-v2 .hero h1{opacity:0;transform:translateY(12px);animation:headlineIn .6s .06s var(--ease) forwards}.design-v2 .hero .hero-sub{animation-delay:.19s}.design-v2 .hero .hero-btns{animation-delay:.3s}.design-v2 .hero .hero-strip{animation-delay:.38s}.design-v2 .hero-visual{animation:none!important}.design-v2 .hero-visual.fade-in{transition-duration:.62s!important;transition-delay:.1s!important;transform:translateY(10px) scale(.998)}.design-v2 .hero-visual.fade-in.visible{transform:none}.design-v2 .section-title::after{content:"";display:block;width:0;height:2px;margin-top:18px;background:linear-gradient(90deg,var(--green),transparent);transition:width 1.1s var(--ease)}.design-v2 .section-head.visible .section-title::after{width:84px}
@keyframes headlineIn{to{opacity:1;transform:none}}@keyframes heroElementIn{to{opacity:1;transform:none}}@keyframes ambientAurora{to{background-position:5vw 2vh,-4vw 3vh;opacity:1}}@keyframes ambientBreath{to{transform:translateX(-50%) scale(1.045);opacity:.72}}@keyframes terminalLineIn{to{opacity:1;transform:none;filter:none}}@keyframes cursorReady{0%,44%{opacity:1}45%,100%{opacity:0}}@keyframes deviceTracer{0%{left:-34%;opacity:0}18%{opacity:1}82%{opacity:1}100%{left:104%;opacity:0}}@keyframes archPacketFlow{to{stroke-dashoffset:0}}@keyframes archNodeOnline{0%{opacity:.58;filter:none}55%{opacity:1;filter:drop-shadow(0 0 7px color-mix(in srgb,var(--green) 58%,transparent))}100%{opacity:1;filter:none}}@keyframes stackRail{to{height:100%}}@keyframes stackChipOnline{to{opacity:1;transform:none}}

@media(hover:hover){.nav-cta:hover::before,.btn-primary:hover::before,.dc-cta:hover::before,.cta-form button:hover::before,.plan-cta.solid:hover::before{left:118%}}

@media(max-width:1024px){.hero-inner{grid-template-columns:1fr!important;gap:50px!important}.hero-visual{max-width:470px!important}.about-grid{gap:50px!important}.nav-links{background:transparent!important}.nav{padding-inline:14px!important}}
@media(max-width:768px){.nav{padding:8px 8px 0!important}.nav-inner{height:58px!important;border-radius:15px!important}.wrap{padding-inline:20px!important}.hero,.page-hero{padding:104px 0 58px!important}.hero h1,.page-hero h1{font-size:clamp(2.65rem,13vw,4.1rem)!important}.hero-sub{font-size:.98rem!important}.section{padding:76px 0!important}.section-title{font-size:2.45rem!important}.stats-row{margin-top:14px!important}.cta-card{padding:38px 24px!important}.nav-open .nav-links{top:68px!important;left:8px!important;right:8px!important;border:1px solid var(--border)!important;border-radius:15px!important;background:var(--bg-2)!important}.wa-float{bottom:18px!important;right:18px!important}}
@media(max-width:480px){.hero-strip{gap:7px!important}.strip-item{font-size:.67rem!important}.stats-row{grid-template-columns:1fr 1fr!important}.stat-box{padding:21px 16px!important}.stat-num{font-size:1.65rem!important}.featured-body,.pf-body{padding:18px!important}.page-hero .hero-btns{justify-content:flex-start!important}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.design-v2 .fade-in{filter:none!important}.design-v2 .hero-visual{animation:none!important}.term-boot .tl,.stack-layer .stack-tag,.arch-diagram .arch-node{opacity:1!important;transform:none!important;filter:none!important}.term-boot .cursor::after{opacity:1!important;animation:none!important}.device-card::after{display:none!important}}
