:root{--bg-surface: #FAFAF8;--bg-surface-subtle: #F4F5F2;--bg-card: #FFFFFF;--text-main: #0F172A;--text-muted: #64748B;--text-subtle: #94A3B8;--border-light: #E2E8F0;--border-subtle: #F1F5F9;--brand-emerald-50: #ECFDF5;--brand-emerald-100: #D1FAE5;--brand-emerald-200: #A7F3D0;--brand-emerald-300: #6EE7B7;--brand-emerald-400: #34D399;--brand-emerald-500: #10B981;--brand-emerald-600: #059669;--brand-emerald-700: #047857;--brand-emerald-800: #065F46;--brand-emerald-950: #022C22;--slate-800: #1E293B;--slate-900: #0F172A;--slate-950: #020617;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-display: "Plus Jakarta Sans", var(--font-sans);--font-mono: "JetBrains Mono", monospace;--shadow-2xs: 0 1px 2px 0 rgba(0, 0, 0, .03);--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .08), 0 1px 2px -1px rgba(0, 0, 0, .08);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .07), 0 2px 4px -2px rgba(0, 0, 0, .07);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .08), 0 4px 6px -4px rgba(0, 0, 0, .08);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .08), 0 8px 10px -6px rgba(0, 0, 0, .08);--shadow-2xl: 0 25px 50px -12px rgba(15, 23, 42, .16)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-surface);color:var(--text-main);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}.font-display{font-family:var(--font-display)}.font-mono{font-family:var(--font-mono)}.container{width:100%;max-width:1340px;margin-left:auto;margin-right:auto;padding-left:1.5rem;padding-right:1.5rem}@media(max-width:640px){.container{padding-left:1.25rem;padding-right:1.25rem}}.bg-grid-pattern{background-size:32px 32px;background-image:linear-gradient(to right,rgba(0,0,0,.035) 1px,transparent 1px),linear-gradient(to bottom,rgba(0,0,0,.035) 1px,transparent 1px)}.top-banner{background-color:#f3f4f0;border-bottom:1px solid rgba(226,232,240,.75);padding:.5rem 0}#main-header.scrolled{background-color:#ffffffeb;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom-color:#e2e8f0d9;box-shadow:var(--shadow-xs);height:4.5rem}.nav-link{position:relative;padding:.5rem 0}.nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background-color:var(--brand-emerald-600);transition:width .25s cubic-bezier(.16,1,.3,1)}.nav-link:hover:after,.nav-link.active:after{width:100%}.nav-link.active{color:var(--slate-900);font-weight:600}.btn{display:inline-flex;align-items:center;gap:.5rem;border-radius:9999px;font-family:var(--font-sans);cursor:pointer;transition:all .22s cubic-bezier(.16,1,.3,1);text-decoration:none;border:1px solid transparent;-webkit-user-select:none;user-select:none;font-weight:600}.btn-primary{background-color:var(--slate-900);color:#fff;border-color:var(--slate-900)}.btn-primary:hover{background-color:#1e293b;transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background-color:#fff;color:var(--text-main);border-color:var(--border-light);box-shadow:var(--shadow-xs)}.btn-secondary:hover{background-color:#f8fafc;border-color:#cbd5e1;transform:translateY(-2px);box-shadow:var(--shadow-sm)}.btn-emerald{background-color:var(--brand-emerald-500);color:var(--slate-950);border-color:var(--brand-emerald-500)}.btn-emerald:hover{background-color:var(--brand-emerald-400);transform:translateY(-2px);box-shadow:0 4px 14px #10b98159}.service-tag{display:inline-flex;align-items:center;padding:.3rem .65rem;border-radius:.5rem;background-color:#fff;border:1px solid var(--border-light);font-size:.75rem;font-weight:500;color:#334155;box-shadow:0 1px 1px #00000005}.tech-badge{display:inline-flex;align-items:center;padding:.35rem .75rem;border-radius:9999px;background-color:#f1f5f9;border:1px solid #E2E8F0;font-size:.75rem;font-weight:600;color:#1e293b}.config-type-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.85rem .65rem;border-radius:1rem;background-color:#fff;border:1.5px solid var(--border-light);color:#334155;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);text-align:center;-webkit-user-select:none;user-select:none}.config-type-btn:hover{border-color:#94a3b8;transform:translateY(-2px);box-shadow:var(--shadow-xs)}.config-type-btn.active{background-color:var(--slate-900);color:#fff;border-color:var(--slate-900);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.config-goal-btn{display:inline-flex;align-items:center;gap:.45rem;padding:.45rem .85rem;border-radius:9999px;background-color:#fff;border:1px solid var(--border-light);color:#475569;font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);-webkit-user-select:none;user-select:none}.config-goal-btn:hover{border-color:#94a3b8;color:#0f172a}.config-goal-btn.active{background-color:var(--brand-emerald-50);color:var(--brand-emerald-800);border-color:var(--brand-emerald-300);font-weight:600}.config-scale-btn{flex:1;padding:.6rem .75rem;border-radius:.75rem;background-color:#fff;border:1px solid var(--border-light);color:#475569;font-size:.8125rem;font-weight:500;cursor:pointer;text-align:center;transition:all .2s cubic-bezier(.16,1,.3,1);-webkit-user-select:none;user-select:none}.config-scale-btn:hover{border-color:#94a3b8;color:#0f172a}.config-scale-btn.active{background-color:var(--slate-900);color:#fff;border-color:var(--slate-900);font-weight:600}.animate-subtle-bounce{animation:floatSlow 6s ease-in-out infinite}@keyframes floatSlow{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.float-card-1{animation:floatSlow 6.5s ease-in-out infinite}.float-card-2{animation:floatSlow 7.5s ease-in-out .8s infinite}.float-card-3{animation:floatSlow 6s ease-in-out .4s infinite}.solution-card,.trust-pill,.interactive-card,.case-card{transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s cubic-bezier(.16,1,.3,1),border-color .25s ease}.solution-card:hover,.case-card:hover{transform:translateY(-3px)}.trust-pill:hover{transform:translateY(-2px)}.ecosystem-node{position:relative;transition:all .22s ease}.ecosystem-node:hover{transform:translateY(-3px);background-color:#1e293bf2;border-color:#34d39999}.faq-item.active{background-color:#fff;border-color:var(--brand-emerald-400);box-shadow:var(--shadow-sm)}.faq-item.active .faq-content{display:block}.faq-item.active .faq-icon{transform:rotate(45deg);color:var(--brand-emerald-600)}.faq-icon{transition:transform .2s ease}.animate-fade-in{animation:fadeIn .6s cubic-bezier(.16,1,.3,1) forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f5f9}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}input,select,textarea{transition:border-color .15s ease,box-shadow .15s ease}input:focus,select:focus,textarea:focus{border-color:var(--brand-emerald-600);box-shadow:0 0 0 3px #10b98126}.step-number{font-family:var(--font-mono);font-size:.75rem;font-weight:700;letter-spacing:.05em}.category-icon-box{width:3.25rem;height:3.25rem;margin:0 auto .65rem;border-radius:1rem;display:flex;align-items:center;justify-content:center;position:relative;transition:all .35s cubic-bezier(.16,1,.3,1);box-shadow:0 2px 5px -1px #0000000f,0 1px 2px -1px #0000000a}.trust-pill{transition:transform .28s cubic-bezier(.16,1,.3,1),box-shadow .28s cubic-bezier(.16,1,.3,1),border-color .28s ease,background-color .28s ease;position:relative;overflow:hidden}.trust-pill:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(16,185,129,.6),transparent);opacity:0;transition:opacity .3s ease}.trust-pill:hover:before{opacity:1}.trust-pill:hover{transform:translateY(-4px);box-shadow:0 12px 20px -6px #0f172a14,0 4px 6px -2px #0f172a0a}.category-svg-animated{display:block;overflow:visible;transition:transform .35s cubic-bezier(.16,1,.3,1)}.cloche-dome{transform-origin:24px 20px;transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.steam-vapor{opacity:.35;transition:opacity .3s ease,transform .4s ease;animation:ambientSteam 3.5s ease-in-out infinite alternate}.steam-vapor-2{animation-delay:1.2s}@keyframes ambientSteam{0%{transform:translateY(0);opacity:.25}to{transform:translateY(-2px);opacity:.6}}.trust-pill:hover .cloche-dome{animation:clocheServe .75s cubic-bezier(.34,1.56,.64,1) forwards}.trust-pill:hover .steam-vapor{animation:steamRiseFast .85s ease-out infinite}.trust-pill:hover .steam-vapor-2{animation-delay:.3s}@keyframes clocheServe{0%{transform:translateY(0) rotate(0)}45%{transform:translateY(-6px) rotate(-8deg)}75%{transform:translateY(-4px) rotate(-3deg)}to{transform:translateY(-5px) rotate(-5deg)}}@keyframes steamRiseFast{0%{transform:translateY(0) scaleX(.9);opacity:.1}50%{opacity:.95}to{transform:translateY(-7px) scaleX(1.3);opacity:0}}.retail-tag{transform-origin:19px 13px;transition:transform .35s ease}.retail-handle{transform-origin:16px 12px;transition:transform .3s ease}.retail-sparkle{transform-origin:26px 8px;opacity:.4;transition:opacity .3s ease,transform .3s ease;animation:pulseSparkle 2.5s ease-in-out infinite}@keyframes pulseSparkle{0%,to{transform:scale(.8);opacity:.3}50%{transform:scale(1.1);opacity:.8}}.trust-pill:hover .retail-tag{animation:tagSwingPhysics .9s cubic-bezier(.25,1,.5,1) forwards}.trust-pill:hover .retail-handle{transform:scaleY(1.18) translateY(-1.5px)}.trust-pill:hover .retail-sparkle{animation:sparkleGlint .6s ease-out forwards}@keyframes tagSwingPhysics{0%{transform:rotate(0)}22%{transform:rotate(32deg)}45%{transform:rotate(-22deg)}68%{transform:rotate(12deg)}85%{transform:rotate(-5deg)}to{transform:rotate(0)}}@keyframes sparkleGlint{0%{transform:scale(.6) rotate(0);opacity:.2}50%{transform:scale(1.4) rotate(90deg);opacity:1;filter:drop-shadow(0 0 4px rgba(244,63,94,.6))}to{transform:scale(1.1) rotate(180deg);opacity:.9}}.scissor-blade-top,.scissor-blade-bottom{transform-origin:16px 16px;transition:transform .3s ease}.salon-glint{transform-origin:23px 7px;opacity:.4;animation:glintAmbient 3s infinite alternate}@keyframes glintAmbient{0%{opacity:.2;transform:scale(.7)}to{opacity:.7;transform:scale(1.1)}}.trust-pill:hover .scissor-blade-top{animation:snipTopMotion .7s cubic-bezier(.4,0,.2,1) forwards}.trust-pill:hover .scissor-blade-bottom{animation:snipBottomMotion .7s cubic-bezier(.4,0,.2,1) forwards}.trust-pill:hover .salon-glint{animation:glintBurst .6s ease-out forwards}@keyframes snipTopMotion{0%{transform:rotate(0)}25%{transform:rotate(-24deg)}50%{transform:rotate(4deg)}75%{transform:rotate(-16deg)}to{transform:rotate(0)}}@keyframes snipBottomMotion{0%{transform:rotate(0)}25%{transform:rotate(24deg)}50%{transform:rotate(-4deg)}75%{transform:rotate(16deg)}to{transform:rotate(0)}}@keyframes glintBurst{0%{transform:scale(.5);opacity:.2}50%{transform:scale(1.5) rotate(45deg);opacity:1;filter:drop-shadow(0 0 5px rgba(168,85,247,.7))}to{transform:scale(1.2) rotate(90deg);opacity:.9}}.service-gear{transform-origin:13px 19px;transition:transform .4s ease}.service-wrench{transform-origin:21px 11px;transition:transform .35s cubic-bezier(.34,1.56,.64,1)}.service-spark{transform-origin:15px 12px;opacity:0}.trust-pill:hover .service-gear{animation:smoothGearSpin 1.2s cubic-bezier(.25,1,.5,1) forwards}.trust-pill:hover .service-wrench{animation:wrenchRatchetMotion .8s cubic-bezier(.34,1.56,.64,1) forwards}.trust-pill:hover .service-spark{animation:sparkFlash .5s .2s ease-out forwards}@keyframes smoothGearSpin{0%{transform:rotate(0)}to{transform:rotate(180deg)}}@keyframes wrenchRatchetMotion{0%{transform:rotate(0)}35%{transform:rotate(-22deg) translate(-1.5px,-1px)}70%{transform:rotate(8deg) translate(1px,.5px)}to{transform:rotate(0) translate(0)}}@keyframes sparkFlash{0%{opacity:0;transform:scale(.4)}50%{opacity:1;transform:scale(1.4);filter:drop-shadow(0 0 4px rgba(56,189,248,.8))}to{opacity:0;transform:scale(1)}}.office-tower-main{transition:transform .35s cubic-bezier(.16,1,.3,1)}.office-signal-ring{transform-origin:16px 6px;opacity:.3;animation:radarWave 2.8s infinite ease-out}.office-signal-ring-2{animation-delay:1.4s}.office-window-dot{transition:fill .3s ease,filter .3s ease}@keyframes radarWave{0%{transform:scale(.4);opacity:.8}to{transform:scale(1.6);opacity:0}}.trust-pill:hover .office-tower-main{transform:translateY(-3px)}.trust-pill:hover .office-signal-ring{animation:radarWaveFast 1s infinite ease-out}.trust-pill:hover .office-window-dot{fill:#34d399;filter:drop-shadow(0 0 2px rgba(52,211,153,.8))}@keyframes radarWaveFast{0%{transform:scale(.3);opacity:1}to{transform:scale(2);opacity:0}}.rocket-ship{transform-origin:16px 16px;transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.rocket-thrust-flame{transform-origin:10px 22px;opacity:.5;animation:thrustIdle 1.8s infinite ease-in-out alternate}.growth-bars rect{transition:transform .3s ease,fill .3s ease;transform-origin:bottom}@keyframes thrustIdle{0%{transform:scale(.85);opacity:.4}to{transform:scale(1.15);opacity:.75}}.trust-pill:hover .rocket-ship{animation:rocketBlastoff .85s cubic-bezier(.34,1.56,.64,1) forwards}.trust-pill:hover .rocket-thrust-flame{animation:flameFlareSuper .3s infinite alternate ease-in-out}.trust-pill:hover .growth-bar-1{fill:#10b981;transform:scaleY(1.2)}.trust-pill:hover .growth-bar-2{fill:#10b981;transform:scaleY(1.35);transition-delay:.08s}.trust-pill:hover .growth-bar-3{fill:#059669;transform:scaleY(1.5);transition-delay:.16s}@keyframes rocketBlastoff{0%{transform:translate(0) rotate(0)}30%{transform:translate(-1.5px,2px) rotate(-6deg)}60%{transform:translate(3px,-5px) rotate(14deg)}to{transform:translate(2.5px,-4px) rotate(10deg)}}@keyframes flameFlareSuper{0%{transform:scale(1) translateY(0);opacity:.8}to{transform:scale(1.6) translateY(2px);opacity:1;filter:drop-shadow(0 0 6px rgba(245,158,11,.9))}}.problem-card{transition:transform .28s cubic-bezier(.16,1,.3,1),box-shadow .28s cubic-bezier(.16,1,.3,1),border-color .28s ease}.problem-card:hover{transform:translateY(-4px);box-shadow:0 10px 25px -5px #0000000f,0 4px 10px -2px #0000000a}.problem-icon-box{transition:all .35s cubic-bezier(.34,1.56,.64,1)}.problem-card:hover .problem-icon-box{transform:scale(1.12) rotate(-3deg)}.problem-radar-ring{transform-origin:12px 12px;animation:radarWave 2.5s infinite ease-out}.problem-card:hover .problem-radar-ring{animation:radarWaveFast .8s infinite ease-out}.receipt-line{transition:transform .3s ease,opacity .3s ease}.problem-card:hover .receipt-line-1{transform:scaleX(.7)}.problem-card:hover .receipt-line-2{transform:scaleX(.5);transition-delay:.05s}.problem-card:hover .receipt-pencil{animation:pencilScratch .6s infinite ease-in-out alternate}@keyframes pencilScratch{0%{transform:translate(0) rotate(0)}to{transform:translate(-2px,-2px) rotate(-15deg)}}.sync-loop-arrow{transform-origin:12px 12px;transition:transform .4s ease}.problem-card:hover .sync-loop-arrow{animation:smoothGearSpin .9s cubic-bezier(.34,1.56,.64,1) forwards}.node-block{transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.problem-card:hover .node-block-1{transform:translate(-1.5px,-1.5px)}.problem-card:hover .node-block-2{transform:translate(1.5px,-1.5px)}.problem-card:hover .node-block-3{transform:translate(-1.5px,1.5px)}.problem-card:hover .node-block-4{transform:translate(1.5px,1.5px)}.solution-icon-box{width:3.5rem;height:3.5rem;border-radius:1rem;display:flex;align-items:center;justify-content:center;transition:all .35s cubic-bezier(.34,1.56,.64,1);box-shadow:0 2px 4px #0000000a}.solution-card:hover .solution-icon-box{transform:scale(1.1) translateY(-2px);box-shadow:0 8px 16px -2px #10b98126}.browser-cursor{transform-origin:18px 18px;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.solution-card:hover .browser-cursor{animation:cursorTap .7s cubic-bezier(.34,1.56,.64,1) infinite alternate}@keyframes cursorTap{0%{transform:translate(0) scale(1)}50%{transform:translate(-3px,-3px) scale(.9)}to{transform:translate(-2px,-2px) scale(1.1)}}.pos-card-swipe{transform-origin:12px 6px;transition:transform .4s cubic-bezier(.16,1,.3,1)}.solution-card:hover .pos-card-swipe{animation:cardSwipeAction 1s ease-in-out infinite}@keyframes cardSwipeAction{0%{transform:translate(-4px);opacity:.4}50%{transform:translate(2px);opacity:1}to{transform:translate(8px);opacity:0}}.automation-bolt{transform-origin:12px 12px;transition:transform .3s cubic-bezier(.34,1.56,.64,1),filter .3s ease}.solution-card:hover .automation-bolt{animation:boltPulseEnergy .6s infinite alternate ease-in-out}@keyframes boltPulseEnergy{0%{transform:scale(.95);filter:drop-shadow(0 0 2px rgba(16,185,129,.4))}to{transform:scale(1.15) rotate(5deg);filter:drop-shadow(0 0 8px rgba(16,185,129,.9))}}.setup-check-stroke{stroke-dasharray:20;stroke-dashoffset:0;transition:stroke-dashoffset .4s ease}.solution-card:hover .setup-check-stroke{animation:checkDraw .6s cubic-bezier(.16,1,.3,1) forwards}@keyframes checkDraw{0%{stroke-dashoffset:20}to{stroke-dashoffset:0}}.ecosystem-node{position:relative;overflow:hidden;transition:all .3s cubic-bezier(.16,1,.3,1)}.ecosystem-node:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,rgba(16,185,129,.15),transparent 70%);opacity:0;transition:opacity .3s ease;pointer-events:none}.ecosystem-node:hover:before{opacity:1}.ecosystem-node:hover{transform:translateY(-4px) scale(1.02);border-color:#34d399cc!important;box-shadow:0 12px 25px -5px #00000080,0 0 20px -2px #10b98140}.node-icon-box{width:2.75rem;height:2.75rem;margin:0 auto .5rem;border-radius:.75rem;background:#020617;border:1px solid rgba(51,65,85,.8);display:flex;align-items:center;justify-content:center;color:#34d399;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.ecosystem-node:hover .node-icon-box{transform:scale(1.15) translateY(-2px);border-color:#34d399;background:#064e3b66;box-shadow:0 0 14px #34d39966}.chat-dot{animation:chatDotPulse 1.4s infinite ease-in-out}.chat-dot-2{animation-delay:.2s}.chat-dot-3{animation-delay:.4s}@keyframes chatDotPulse{0%,to{opacity:.3;transform:translateY(0)}50%{opacity:1;transform:translateY(-2px)}}.analytics-bar{transform-origin:bottom;transition:transform .3s ease}.ecosystem-node:hover .analytics-bar-1{transform:scaleY(1.3)}.ecosystem-node:hover .analytics-bar-2{transform:scaleY(1.5);transition-delay:.05s}.ecosystem-node:hover .analytics-bar-3{transform:scaleY(1.7);transition-delay:.1s}.config-type-btn{transition:all .25s cubic-bezier(.34,1.56,.64,1)}.config-type-btn:hover .type-icon-subtle{transform:scale(1.25) translateY(-2px);display:inline-block;transition:transform .25s cubic-bezier(.34,1.56,.64,1)}.process-step-pill{transition:all .28s cubic-bezier(.16,1,.3,1)}.process-step-pill:hover{transform:translateY(-4px);box-shadow:0 10px 20px -5px #0000000d;border-color:#10b98180}.process-step-pill:hover .step-badge-icon{transform:scale(1.15);background-color:var(--brand-emerald-500);color:#fff}