@layer reset,tokens,base,layout,components,animations,utilities,responsive; @layer reset{*,::after,::before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;tab-size:4}body{line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}img,svg,video{display:block;max-width:100%}button{cursor:pointer;border:none;background:0 0;font:inherit}a{color:inherit;text-decoration:none}ol,ul{list-style:none}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.15}}@layer tokens{:root{--color-bg-base:hsl(216, 68%, 5%);--color-bg-surface:hsl(216, 60%, 8%);--color-bg-elevated:hsl(216, 52%, 11%);--color-bg-overlay:hsl(216, 48%, 14%);--color-blue-400:hsl(213, 94%, 68%);--color-blue-500:hsl(217, 91%, 60%);--color-blue-600:hsl(221, 83%, 53%);--color-blue-700:hsl(224, 76%, 48%);--color-blue-glow:hsla(217, 91%, 60%, 0.35);--color-teal-400:hsl(174, 77%, 55%);--color-teal-500:hsl(173, 80%, 40%);--color-teal-glow:hsla(173, 80%, 40%, 0.3);--color-indigo-400:hsl(234, 89%, 74%);--color-text-primary:hsl(210, 40%, 92%);--color-text-secondary:hsl(215, 25%, 65%);--color-text-muted:hsl(217, 19%, 45%);--color-text-inverse:hsl(216, 68%, 5%);--color-border-subtle:hsla(217, 30%, 30%, 0.4);--color-border-strong:hsla(217, 60%, 50%, 0.2);--color-border-accent:hsla(217, 91%, 60%, 0.5);--color-success:hsl(158, 64%, 52%);--color-warning:hsl(37, 90%, 55%);--color-danger:hsl(0, 80%, 62%);--font-sans:'Inter',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--font-mono:'JetBrains Mono','Fira Code','Cascadia Code','Consolas',monospace;--text-xs:clamp(0.7rem,  0.65rem + 0.25vw, 0.75rem);--text-sm:clamp(0.8rem,  0.75rem + 0.25vw, 0.875rem);--text-base:clamp(0.9rem,  0.85rem + 0.25vw, 1rem);--text-md:clamp(1rem,    0.95rem + 0.3vw,  1.125rem);--text-lg:clamp(1.125rem,1rem    + 0.5vw,  1.25rem);--text-xl:clamp(1.25rem, 1.1rem  + 0.8vw,  1.5rem);--text-2xl:clamp(1.5rem,  1.2rem  + 1.2vw,  2rem);--text-3xl:clamp(1.875rem,1.4rem  + 2vw,    2.75rem);--text-4xl:clamp(2.25rem, 1.6rem  + 3vw,    3.75rem);--text-5xl:clamp(2.75rem, 1.8rem  + 4.5vw,  5rem);--leading-tight:1.15;--leading-snug:1.3;--leading-normal:1.6;--leading-relaxed:1.75;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-32:8rem;--container-max:1200px;--container-pad:clamp(1rem, 5vw, 2rem);--radius-sm:0.375rem;--radius-md:0.625rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-full:9999px;--shadow-sm:0 1px 3px hsla(0, 0%, 0%, 0.4);--shadow-md:0 4px 16px hsla(0, 0%, 0%, 0.5);--shadow-lg:0 10px 40px hsla(0, 0%, 0%, 0.6);--shadow-blue:0 0 30px var(--color-blue-glow);--shadow-teal:0 0 20px var(--color-teal-glow);--dur-fast:150ms;--dur-base:300ms;--dur-slow:600ms;--dur-slower:900ms;--dur-slowest:1200ms;--z-base:0;--z-above:10;--z-modal:100;--z-nav:200;--z-top:999}}@layer base{html{font-size:16px;scroll-padding-top:80px}body{font-family:var(--font-sans);font-size:var(--text-base);font-weight:400;color:var(--color-text-primary);background-color:var(--color-bg-base);overflow-x:hidden}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:local('Inter'),local('Inter-Regular')}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:local('Inter'),local('Inter-Medium')}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:local('Inter'),local('Inter-SemiBold')}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:local('Inter'),local('Inter-Bold')}@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:400;font-display:swap;src:local('JetBrains Mono'),local('JetBrainsMono-Regular')}@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:500;font-display:swap;src:local('JetBrains Mono'),local('JetBrainsMono-Medium')}h1{font-size:var(--text-5xl)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-xl)}p{max-width:65ch}a{transition:color var(--dur-base) ease,opacity var(--dur-base) ease}a:focus-visible{outline:2px solid var(--color-blue-500);outline-offset:3px;border-radius:var(--radius-sm)}::selection{background:var(--color-blue-glow);color:var(--color-text-primary)}.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}.mono{font-family:var(--font-mono)}}@layer layout{.container{width:100%;max-width:var(--container-max);margin-inline:auto;padding-inline:var(--container-pad)}}@layer components{header[role=banner]{position:fixed;top:0;left:0;right:0;z-index:var(--z-nav);padding-block:var(--space-4);background:hsla(216,68%,5%,.7);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid transparent;transition:background var(--dur-slow) ease,border-color var(--dur-slow) ease,backdrop-filter var(--dur-slow) ease,padding-block var(--dur-slow) ease}header[role=banner].header--scrolled{background:hsla(216,68%,5%,.92);border-bottom-color:var(--color-border-subtle);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);padding-block:var(--space-3)}.header-content{display:flex;align-items:center;justify-content:space-between;gap:var(--space-8)}.logo{display:inline-flex;align-items:center;flex-shrink:0;min-height:44px}.logo img{height:44px;width:auto}.nav-menu{display:none;align-items:center;gap:var(--space-8)}.nav-menu li a{font-size:var(--text-sm);font-weight:500;color:var(--color-text-secondary);padding-block:var(--space-2);padding-inline:var(--space-1);position:relative;min-height:44px;display:inline-flex;align-items:center}.nav-menu li a::after{content:'';position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--color-blue-500);border-radius:var(--radius-full);transition:width var(--dur-base) ease}.nav-menu li a:hover{color:var(--color-text-primary)}.nav-menu li a:hover::after{width:100%}.nav-toggle{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:44px;height:44px;padding:var(--space-2);border-radius:var(--radius-sm);transition:background var(--dur-base) ease}.nav-toggle:hover{background:var(--color-bg-elevated)}.nav-toggle-bar{display:block;width:22px;height:2px;background:var(--color-text-secondary);border-radius:var(--radius-full);transition:transform var(--dur-base) ease,opacity var(--dur-base) ease,width var(--dur-base) ease;transform-origin:center}.nav-toggle--open .nav-toggle-bar:first-child{transform:translateY(7px) rotate(45deg)}.nav-toggle--open .nav-toggle-bar:nth-child(2){opacity:0;width:0}.nav-toggle--open .nav-toggle-bar:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.nav-mobile{background:var(--color-bg-surface);border-top:1px solid var(--color-border-subtle);border-bottom:1px solid var(--color-border-subtle)}.nav-mobile ul{padding-block:var(--space-4);display:flex;flex-direction:column;gap:var(--space-1);padding-inline:var(--container-pad);max-width:var(--container-max);margin-inline:auto}.nav-mobile ul li a{display:block;padding-block:var(--space-3);padding-inline:var(--space-3);color:var(--color-text-secondary);font-size:var(--text-md);font-weight:500;border-radius:var(--radius-sm);min-height:44px;transition:background var(--dur-base) ease,color var(--dur-base) ease}.nav-mobile ul li a:hover{background:var(--color-bg-elevated);color:var(--color-text-primary)}.btn-primary{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-8);min-height:52px;font-family:var(--font-sans);font-size:var(--text-base);font-weight:600;color:#fff;background:var(--color-blue-500);border-radius:var(--radius-md);border:1px solid transparent;position:relative;overflow:hidden;transition:background var(--dur-base) ease,transform var(--dur-base) ease,box-shadow var(--dur-base) ease;will-change:transform}.btn-primary::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,hsla(0,0%,100%,.15),transparent);opacity:0;transition:opacity var(--dur-base) ease}.btn-primary:hover{background:var(--color-blue-600);transform:translateY(-2px);box-shadow:0 8px 30px var(--color-blue-glow),0 4px 12px hsla(0,0%,0%,.3)}.btn-primary:hover::before{opacity:1}.btn-primary:active{transform:translateY(0);box-shadow:none}.btn-primary--sm{padding:var(--space-3) var(--space-6);min-height:44px;font-size:var(--text-sm)}.btn-ghost{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-6);min-height:52px;font-family:var(--font-sans);font-size:var(--text-base);font-weight:500;color:var(--color-text-secondary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);transition:color var(--dur-base) ease,border-color var(--dur-base) ease,background var(--dur-base) ease,transform var(--dur-base) ease}.btn-ghost:hover{color:var(--color-text-primary);border-color:var(--color-border-accent);background:var(--color-bg-elevated);transform:translateY(-2px)}section{padding-block:var(--space-24)}.section-header{margin-bottom:var(--space-16);text-align:center}.section-header--left{text-align:left;margin-bottom:var(--space-8)}.section-label{display:inline-block;font-size:var(--text-xs);font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--color-teal-500);margin-bottom:var(--space-4);padding:var(--space-1) var(--space-3);background:hsla(173,80%,40%,.1);border:1px solid hsla(173,80%,40%,.2);border-radius:var(--radius-full)}.section-header h2{color:var(--color-text-primary);margin-bottom:var(--space-6)}.section-intro{font-size:var(--text-md);color:var(--color-text-secondary);line-height:var(--leading-relaxed);max-width:60ch;margin-inline:auto}.section-header--left .section-intro{margin-inline:0}#hero{position:relative;min-height:100svh;min-height:100vh;padding-top:100px;padding-bottom:var(--space-20);display:flex;align-items:center;overflow:hidden}.hero-bg-grid{position:absolute;inset:0;z-index:0;background-image:radial-gradient(circle,hsla(217,91%,60%,.18) 1px,transparent 1px);background-size:32px 32px;animation:gridDrift 25s linear infinite;will-change:background-position}.hero-bg-grid::after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 70% 60% at 50% 50%,transparent 30%,var(--color-bg-base) 100%)}.hero-particles{position:absolute;inset:0;z-index:1;pointer-events:none}.particle{position:absolute;left:var(--x);top:var(--y);width:calc(4px * var(--s));height:calc(4px * var(--s));background:var(--color-blue-500);border-radius:50%;opacity:0;animation:particlePulse 4s ease-in-out calc(var(--d)) infinite}.particle:nth-child(odd){background:var(--color-teal-500)}.hero-container{position:relative;z-index:2;display:grid;grid-template-columns:1fr;gap:var(--space-16);align-items:center;padding-block:var(--space-8)}.hero-text{max-width:600px}.hero-eyebrow{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-xs);color:var(--color-text-muted);margin-bottom:var(--space-6);flex-wrap:wrap}.hero-status-dot{width:8px;height:8px;background:var(--color-success);border-radius:50%;box-shadow:0 0 8px var(--color-success);animation:statusPulse 2.5s ease-in-out infinite;flex-shrink:0}.hero-status-text{color:var(--color-success)}#hero h1{color:var(--color-text-primary);font-weight:700;letter-spacing:-.03em;line-height:var(--leading-tight);margin-bottom:var(--space-6);animation:heroTextReveal .9s cubic-bezier(.22,1,.36,1) both}.hero-heading-accent{display:block;background:linear-gradient(135deg,var(--color-blue-400) 0,var(--color-teal-400) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subheadline{font-size:var(--text-lg);color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--space-10);max-width:55ch;animation:heroTextReveal .9s cubic-bezier(.22,1,.36,1) .1s both}.hero-cta-group{display:flex;gap:var(--space-4);flex-wrap:wrap;margin-bottom:var(--space-10);animation:heroTextReveal .9s cubic-bezier(.22,1,.36,1) .2s both}.hero-trust-bar{display:flex;align-items:center;gap:var(--space-4);font-size:var(--text-xs);color:var(--color-text-muted);flex-wrap:wrap;animation:heroTextReveal .9s cubic-bezier(.22,1,.36,1) .3s both}.trust-sep{color:var(--color-border-subtle)}.hero-dashboard{animation:heroTextReveal 1s cubic-bezier(.22,1,.36,1) .4s both}.dashboard-window{background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);overflow:hidden;box-shadow:0 0 0 1px var(--color-border-strong),0 30px 80px hsla(0,0%,0%,.7),inset 0 1px 0 hsla(255,100%,100%,.05)}.dashboard-chrome{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-5);background:var(--color-bg-elevated);border-bottom:1px solid var(--color-border-subtle)}.chrome-title{font-size:var(--text-xs);color:var(--color-text-muted)}.dashboard-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3);padding:var(--space-5) var(--space-5) var(--space-3)}.kpi-card{background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);padding:var(--space-4) var(--space-3);display:flex;flex-direction:column;gap:var(--space-1);animation:kpiReveal .6s cubic-bezier(.22,1,.36,1) both}.kpi-card:first-child{animation-delay:1s}.kpi-card:nth-child(2){animation-delay:1.2s}.kpi-card:nth-child(3){animation-delay:1.4s}.kpi-label{font-size:9px;letter-spacing:.1em;color:var(--color-text-muted);text-transform:uppercase}.kpi-value{font-size:var(--text-lg);font-weight:700;color:var(--color-text-primary)}.kpi-delta{font-size:10px;font-weight:500}.kpi-delta--up{color:var(--color-success)}.kpi-delta--down{color:var(--color-danger)}.dashboard-chart-area{padding:var(--space-3) var(--space-5)}.chart-title{display:block;font-size:var(--text-xs);color:var(--color-text-muted);margin-bottom:var(--space-3);letter-spacing:.05em}.bar-chart{height:90px;position:relative}.bar-chart-bars{display:flex;align-items:flex-end;gap:5px;height:100%}.bar-wrap{flex:1;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:3px}.bar{width:100%;height:var(--h);background:hsla(217,91%,60%,.35);border-radius:3px 3px 0 0;border:1px solid hsla(217,91%,60%,.5);transform-origin:bottom;transform:scaleY(0);animation:barRise .7s cubic-bezier(.34,1.56,.64,1) both}.bar--accent{background:hsla(173,80%,40%,.35);border-color:hsla(173,80%,40%,.5)}.bar--highlight{background:linear-gradient(to top,var(--color-blue-600),var(--color-blue-400));border-color:var(--color-blue-400);box-shadow:0 0 10px var(--color-blue-glow)}.bar-wrap:first-child .bar{animation-delay:.8s}.bar-wrap:nth-child(2) .bar{animation-delay:.95s}.bar-wrap:nth-child(3) .bar{animation-delay:1.1s}.bar-wrap:nth-child(4) .bar{animation-delay:1.25s}.bar-wrap:nth-child(5) .bar{animation-delay:1.4s}.bar-wrap:nth-child(6) .bar{animation-delay:1.55s}.bar-wrap:nth-child(7) .bar{animation-delay:1.7s}.bar-label{font-size:8px;color:var(--color-text-muted);text-align:center}.dashboard-line-area{padding:var(--space-3) var(--space-5) var(--space-5);border-top:1px solid var(--color-border-subtle)}.line-chart-svg{width:100%;height:80px;overflow:visible}.line-area{opacity:0;animation:lineAreaReveal .8s ease 2.2s both}.line-path{stroke-dasharray:800;stroke-dashoffset:800;animation:lineDrawIn 1.2s cubic-bezier(.4,0,.2,1) 2s both}.line-dot{opacity:0;animation:dotPop .3s cubic-bezier(.34,1.56,.64,1) both;transform-origin:center;transform-box:fill-box}.line-dot:nth-child(3){animation-delay:2.1s}.line-dot:nth-child(4){animation-delay:2.2s}.line-dot:nth-child(5){animation-delay:2.3s}.line-dot:nth-child(6){animation-delay:2.4s}.line-dot--last{animation-delay:2.5s;fill:var(--color-blue-400)}#services{background:var(--color-bg-base);position:relative}#services::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--color-border-subtle),transparent)}.services-grid{display:grid;grid-template-columns:1fr;gap:var(--space-6);margin-bottom:var(--space-12)}.card{background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);padding:var(--space-8);display:flex;flex-direction:column;gap:var(--space-5);position:relative;overflow:hidden;transition:transform var(--dur-base) ease,border-color var(--dur-base) ease,box-shadow var(--dur-base) ease;will-change:transform}.card::before{content:'';position:absolute;inset:-1px;border-radius:var(--radius-xl);background:linear-gradient(135deg,var(--color-blue-500),var(--color-teal-500),var(--color-indigo-400));z-index:-1;opacity:0;transition:opacity var(--dur-slow) ease}.card::after{content:'';position:absolute;top:0;left:0;right:0;height:60%;background:linear-gradient(180deg,hsla(255,100%,100%,.03),transparent);pointer-events:none}.card:hover{transform:translateY(-6px);border-color:transparent;box-shadow:var(--shadow-lg),var(--shadow-blue)}.card:hover::before{opacity:1}.card--featured{border-color:var(--color-border-accent);background:linear-gradient(135deg,var(--color-bg-elevated),var(--color-bg-surface))}.card--featured::before{opacity:.4}.card-icon-wrap{width:56px;height:56px;background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:border-color var(--dur-base) ease,background var(--dur-base) ease}.card:hover .card-icon-wrap{background:var(--color-bg-overlay);border-color:var(--color-border-accent)}.card-icon{color:var(--color-blue-400);transition:color var(--dur-base) ease}.card--featured .card-icon{color:var(--color-teal-400)}.card-body h3{font-size:var(--text-xl);color:var(--color-text-primary);margin-bottom:var(--space-3);font-weight:600}.card-body p{color:var(--color-text-secondary);font-size:var(--text-base);line-height:var(--leading-relaxed);max-width:100%}.card-footer{display:flex;gap:var(--space-2);flex-wrap:wrap;margin-top:auto}.card-tag{font-size:11px;font-weight:500;color:var(--color-text-muted);background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);border-radius:var(--radius-full);padding:3px var(--space-3);letter-spacing:.04em}.pricing-note{text-align:center;color:var(--color-text-secondary);font-size:var(--text-base);max-width:65ch;margin-inline:auto;line-height:var(--leading-relaxed)}.pricing-note a{color:var(--color-blue-400);text-decoration:underline;text-decoration-color:hsla(213,94%,68%,0.4);text-underline-offset:3px}.pricing-note a:hover{color:var(--color-blue-400);text-decoration-color:var(--color-blue-400)}#showcase{background:var(--color-bg-surface);position:relative}#showcase::after,#showcase::before{content:'';position:absolute;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--color-border-subtle),transparent)}#showcase::before{top:0}#showcase::after{bottom:0}.showcase-grid{display:grid;grid-template-columns:1fr;gap:var(--space-12)}.showcase-item{display:flex;flex-direction:column;gap:var(--space-6)}.mockup-window{background:var(--color-bg-base);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-lg);transition:box-shadow var(--dur-slow) ease,transform var(--dur-slow) ease}.mockup-window:hover{box-shadow:var(--shadow-lg),var(--shadow-blue);transform:translateY(-4px)}.mockup-chrome{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-bg-elevated);border-bottom:1px solid var(--color-border-subtle)}.mockup-chrome-title{font-size:var(--text-xs);color:var(--color-text-muted)}.mockup-body{padding:var(--space-5)}.mockup-kpi-row{display:flex;gap:var(--space-4);margin-bottom:var(--space-5);flex-wrap:wrap}.mkpi{display:flex;flex-direction:column;gap:2px}.mkpi--live{margin-left:auto;flex-direction:row;align-items:center;gap:var(--space-2)}.mkpi-v{font-size:var(--text-xl);font-weight:700;color:var(--color-text-primary);line-height:1}.mkpi-unit{font-size:var(--text-sm);color:var(--color-text-muted)}.mkpi-l{font-size:10px;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em}.live-dot{width:8px;height:8px;background:var(--color-success);border-radius:50%;animation:statusPulse 2s ease-in-out infinite;flex-shrink:0}.mockup-bar-chart{display:flex;align-items:flex-end;gap:5px;height:80px;margin-bottom:var(--space-3)}.mb-wrap{flex:1;height:100%;display:flex;align-items:flex-end}.mb{width:100%;height:var(--mh);background:hsla(217,91%,60%,.25);border:1px solid hsla(217,91%,60%,.4);border-radius:3px 3px 0 0;transform-origin:bottom;transform:scaleY(0)}.showcase-item.in-view .mb{animation:barRise .6s cubic-bezier(.34,1.56,.64,1) both}.showcase-item.in-view .mb-wrap:first-child .mb{animation-delay:.1s}.showcase-item.in-view .mb-wrap:nth-child(2) .mb{animation-delay:.2s}.showcase-item.in-view .mb-wrap:nth-child(3) .mb{animation-delay:.3s}.showcase-item.in-view .mb-wrap:nth-child(4) .mb{animation-delay:.4s}.showcase-item.in-view .mb-wrap:nth-child(5) .mb{animation-delay:.5s}.showcase-item.in-view .mb-wrap:nth-child(6) .mb{animation-delay:.6s}.showcase-item.in-view .mb-wrap:nth-child(7) .mb{animation-delay:.7s}.showcase-item.in-view .mb-wrap:nth-child(8) .mb{animation-delay:.8s}.mb--accent{background:hsla(173,80%,40%,.25);border-color:hsla(173,80%,40%,.4)}.mb--hi{background:linear-gradient(to top,var(--color-blue-600),var(--color-blue-400));border-color:var(--color-blue-400);box-shadow:0 0 8px var(--color-blue-glow)}.mockup-axis{display:flex;justify-content:space-between}.mockup-axis span{font-size:8px;color:var(--color-text-muted);text-align:center}.mockup-line-svg{width:100%;height:100px;display:block;margin-bottom:var(--space-3)}.mockup-area{opacity:0}.showcase-item.in-view .mockup-area{animation:lineAreaReveal .8s ease .3s both}.mockup-area--2.in-view,.showcase-item.in-view .mockup-area--2{animation-delay:.2s}.mockup-line--primary,.mockup-line--secondary{stroke-dasharray:600;stroke-dashoffset:600}.showcase-item.in-view .mockup-line--primary{animation:lineDrawIn 1.2s cubic-bezier(.4,0,.2,1) .2s both}.showcase-item.in-view .mockup-line--secondary{animation:lineDrawIn 1.2s cubic-bezier(.4,0,.2,1) .4s both}.mockup-legend{display:flex;gap:var(--space-5);justify-content:center}.legend-item{display:flex;align-items:center;gap:var(--space-2);font-size:11px;color:var(--color-text-muted)}.legend-dot{width:10px;height:3px;border-radius:var(--radius-full)}.legend-dot--teal{background:var(--color-teal-500)}.legend-dot--blue{background:var(--color-blue-500)}.mockup-body--donut{display:flex;gap:var(--space-6);align-items:center}.donut-wrap{flex-shrink:0}.donut-svg{width:130px;height:130px;transform:rotate(-90deg)}.donut-track{stroke:var(--color-bg-elevated)}.donut-ring{stroke-dashoffset:0;transform-origin:center;transition:stroke-dasharray var(--dur-slowest) cubic-bezier(.4, 0, .2, 1)}.donut-ring--1{stroke-dasharray:0 301.6}.donut-ring--2{stroke-dasharray:0 219.9}.donut-ring--3{stroke-dasharray:0 144.5}.showcase-item.in-view .donut-ring--1{animation:donutFill1 1.4s cubic-bezier(.4,0,.2,1) .3s both}.showcase-item.in-view .donut-ring--2{animation:donutFill2 1.4s cubic-bezier(.4,0,.2,1) .6s both}.showcase-item.in-view .donut-ring--3{animation:donutFill3 1.4s cubic-bezier(.4,0,.2,1) .9s both}.donut-legend{flex:1;display:flex;flex-direction:column;gap:var(--space-3)}.dl-item{display:flex;align-items:center;gap:var(--space-3)}.dl-dot{width:10px;height:10px;border-radius:50%;background:var(--dc);flex-shrink:0}.dl-label{font-size:11px;color:var(--color-text-muted);flex:1}.dl-val{font-size:var(--text-sm);font-weight:600;color:var(--color-text-primary)}.showcase-label{padding-inline:var(--space-2)}.showcase-label-tag{display:inline-block;font-size:var(--text-xs);color:var(--color-blue-400);margin-bottom:var(--space-2);letter-spacing:.1em}.showcase-label h3{font-size:var(--text-xl);color:var(--color-text-primary);margin-bottom:var(--space-3);font-weight:600}.showcase-label p{color:var(--color-text-secondary);font-size:var(--text-base);line-height:var(--leading-relaxed);max-width:45ch}#about{background:var(--color-bg-base)}.about-grid{display:grid;grid-template-columns:1fr;gap:var(--space-16);align-items:start}.about-text p{color:var(--color-text-secondary);font-size:var(--text-md);line-height:var(--leading-relaxed);max-width:55ch;margin-bottom:var(--space-5)}.about-text p:last-of-type{margin-bottom:0}.pull-quote{border-left:3px solid var(--color-blue-500);padding:var(--space-5) var(--space-6);background:var(--color-bg-elevated);border-radius:0 var(--radius-lg) var(--radius-lg) 0;margin-block:var(--space-8)}.pull-quote p{font-size:var(--text-xl);font-weight:600;color:var(--color-text-primary)!important;font-style:italic;margin-bottom:0!important;max-width:100%;line-height:var(--leading-snug)}.about-pipeline{display:flex;flex-direction:column;gap:var(--space-8)}.pipeline-diagram{background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);padding:var(--space-8) var(--space-6);display:flex;flex-direction:column;align-items:stretch;gap:0;position:relative;overflow:hidden}.pipeline-diagram::before{content:'';position:absolute;top:0;right:0;width:200px;height:200px;background:radial-gradient(circle,var(--color-blue-glow) 0,transparent 70%);pointer-events:none}.pipeline-node{display:flex;align-items:center;gap:var(--space-4);background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);padding:var(--space-4) var(--space-5);position:relative;transition:border-color var(--dur-base) ease,box-shadow var(--dur-base) ease}.pipeline-node:hover{border-color:var(--color-border-accent);box-shadow:var(--shadow-blue)}.pipeline-node--raw{border-color:hsla(217,19%,45%,.5)}.pipeline-node--insight{border-color:hsla(173,80%,40%,.4)}.pn-icon{width:40px;height:40px;border-radius:var(--radius-md);background:var(--color-bg-overlay);display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);flex-shrink:0}.pn-icon--blue{color:var(--color-blue-400)}.pn-icon--teal{color:var(--color-teal-400)}.pn-icon--highlight{color:var(--color-indigo-400)}.pn-label{font-size:var(--text-sm);font-weight:600;color:var(--color-text-primary)}.pn-sub{font-size:10px;color:var(--color-text-muted);letter-spacing:.05em}.pipeline-node .pn-label,.pipeline-node .pn-sub{display:block;line-height:1.4}.pipeline-connector{display:flex;flex-direction:column;align-items:center;height:32px;position:relative}.connector-line{width:2px;flex:1;background:repeating-linear-gradient(to bottom,var(--color-blue-500) 0,var(--color-blue-500) 5px,transparent 5px,transparent 10px);background-size:2px 10px;animation:flowDown 1.5s linear infinite}.connector-arrow{width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:7px solid var(--color-blue-500);flex-shrink:0}.tech-badges{display:flex;flex-wrap:wrap;gap:var(--space-2)}.tech-badge{font-size:var(--text-xs);font-weight:500;color:var(--color-text-muted);background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-full);padding:var(--space-2) var(--space-4);letter-spacing:.04em;transition:color var(--dur-base) ease,border-color var(--dur-base) ease,background var(--dur-base) ease}.tech-badge:hover{color:var(--color-blue-400);border-color:var(--color-border-accent);background:var(--color-bg-elevated)}#contact{background:var(--color-bg-surface);position:relative;overflow:hidden}#contact::after,#contact::before{content:'';position:absolute;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--color-border-subtle),transparent)}#contact::before{top:0}#contact::after{bottom:0}.contact-inner{max-width:700px;margin-inline:auto;text-align:center;position:relative}.contact-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:500px;height:400px;background:radial-gradient(ellipse,var(--color-blue-glow) 0,transparent 70%);pointer-events:none;z-index:-1}.contact-note{color:var(--color-text-muted)!important;font-size:var(--text-base)!important;margin-top:var(--space-2)}.contact-email-box{margin-block:var(--space-12);display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.contact-label{font-size:var(--text-xs);color:var(--color-text-muted);letter-spacing:.1em;text-transform:uppercase}.contact-email-link{display:inline-flex;align-items:center;gap:var(--space-3);font-size:clamp(1.25rem, 3vw, 2rem);font-weight:700;color:var(--color-text-primary);background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);padding:var(--space-5) var(--space-10);min-height:72px;transition:color var(--dur-base) ease,border-color var(--dur-base) ease,background var(--dur-base) ease,box-shadow var(--dur-base) ease,transform var(--dur-base) ease;position:relative;overflow:hidden}.contact-email-link::before{content:'';position:absolute;inset:-1px;border-radius:var(--radius-xl);background:linear-gradient(135deg,var(--color-blue-500),var(--color-teal-500));z-index:-1;opacity:0;transition:opacity var(--dur-base) ease}.contact-email-link:hover{color:#fff;border-color:transparent;box-shadow:var(--shadow-blue),var(--shadow-lg);transform:translateY(-3px)}.contact-email-link:hover::before{opacity:1}.contact-email-link svg{flex-shrink:0}.contact-reassurance{display:flex;gap:var(--space-8);justify-content:center;flex-wrap:wrap}.reassurance-item{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-sm);color:var(--color-text-muted)}.reassurance-item svg{color:var(--color-teal-500);flex-shrink:0}#faq{background:var(--color-bg-base)}.faq-list{max-width:800px;margin-inline:auto;display:flex;flex-direction:column;gap:var(--space-2)}.faq-item{background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);overflow:hidden;transition:border-color var(--dur-base) ease}.faq-item:has(.faq-question[aria-expanded=true]){border-color:var(--color-border-accent)}.faq-question{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-5) var(--space-6);text-align:left;color:var(--color-text-primary);font-size:var(--text-base);font-weight:500;min-height:60px;transition:color var(--dur-base) ease,background var(--dur-base) ease}.faq-question:hover{background:var(--color-bg-elevated);color:var(--color-text-primary)}.faq-question[aria-expanded=true]{color:var(--color-blue-400);background:var(--color-bg-elevated)}.question-text{flex:1;line-height:var(--leading-snug)}.faq-question .icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;flex-shrink:0;color:var(--color-text-muted);transition:transform var(--dur-base) ease,color var(--dur-base) ease}.faq-question[aria-expanded=true] .icon{transform:rotate(180deg);color:var(--color-blue-400)}.faq-answer{border-top:1px solid var(--color-border-subtle);padding:var(--space-5) var(--space-6);overflow:hidden}.faq-answer p{color:var(--color-text-secondary);font-size:var(--text-base);line-height:var(--leading-relaxed);max-width:100%}footer[role=contentinfo]{background:var(--color-bg-surface);border-top:1px solid var(--color-border-subtle);padding-block:var(--space-12)}.footer-content{display:flex;flex-direction:column;gap:var(--space-6);align-items:center;text-align:center}.footer-brand{display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.footer-tagline{font-size:var(--text-xs);color:var(--color-text-muted);letter-spacing:.08em}.footer-meta{display:flex;flex-direction:column;gap:var(--space-2)}.footer-info{font-size:var(--text-sm);color:var(--color-text-muted);max-width:none}.footer-contact{display:flex;align-items:center;gap:var(--space-3);justify-content:center;flex-wrap:wrap;font-size:var(--text-sm);max-width:none}.footer-contact a{color:var(--color-text-muted);transition:color var(--dur-base) ease}.footer-contact a:hover{color:var(--color-blue-400)}.footer-sep{color:var(--color-border-subtle)}.reveal-item{opacity:0;transform:translateY(28px);transition:opacity var(--dur-slow) cubic-bezier(.22, 1, .36, 1),transform var(--dur-slow) cubic-bezier(.22, 1, .36, 1)}.reveal-item.in-view{opacity:1;transform:translateY(0)}.services-grid .reveal-item:nth-child(2){transition-delay:0.12s}.services-grid .reveal-item:nth-child(3){transition-delay:0.24s}.showcase-grid .reveal-item:nth-child(2){transition-delay:0.12s}.showcase-grid .reveal-item:nth-child(3){transition-delay:0.24s}}@layer animations{@keyframes gridDrift{from{background-position:0 0}to{background-position:32px 32px}}@keyframes particlePulse{0%,100%{opacity:0;transform:scale(.5) translateY(0)}40%{opacity:.8;transform:scale(1) translateY(-8px)}70%{opacity:.5;transform:scale(.9) translateY(-14px)}}@keyframes statusPulse{0%,100%{box-shadow:0 0 0 0 hsla(158,64%,52%,.5)}50%{box-shadow:0 0 0 6px hsla(158,64%,52%,0)}}@keyframes heroTextReveal{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes kpiReveal{from{opacity:0;transform:scale(.92) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes barRise{from{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes lineDrawIn{from{stroke-dashoffset:800;opacity:0}to{stroke-dashoffset:0;opacity:1}}@keyframes lineAreaReveal{from{opacity:0}to{opacity:1}}@keyframes dotPop{from{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes donutFill1{from{stroke-dasharray:0 301.6}to{stroke-dasharray:217.2 301.6}}@keyframes donutFill2{from{stroke-dasharray:0 219.9}to{stroke-dasharray:127.5 219.9}}@keyframes donutFill3{from{stroke-dasharray:0 144.5}to{stroke-dasharray:122.8 144.5}}@keyframes flowDown{from{background-position:0 0}to{background-position:0 20px}}@keyframes btnGlowPulse{0%,100%{box-shadow:0 0 0 0 var(--color-blue-glow),0 4px 12px hsla(0,0%,0%,.4)}50%{box-shadow:0 0 0 12px hsla(217,91%,60%,0),0 4px 12px hsla(0,0%,0%,.4)}}.hero-cta-group .btn-primary{animation:btnGlowPulse 3s ease-in-out 2s infinite}@media (prefers-reduced-motion:reduce){*,::after,::before{animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:0s!important;scroll-behavior:auto!important}.reveal-item{opacity:1;transform:none}.bar{transform:scaleY(1)}.line-path{stroke-dashoffset:0;opacity:1}.line-area,.mockup-area{opacity:1}.line-dot{opacity:1;transform:scale(1)}.donut-ring--1{stroke-dasharray:217.2 301.6}.donut-ring--2{stroke-dasharray:127.5 219.9}.donut-ring--3{stroke-dasharray:122.8 144.5}.hero-bg-grid{animation:none}.hero-cta-group .btn-primary{animation:none}}}@layer utilities{.text-center{text-align:center}.text-left{text-align:left}.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}}@layer responsive{@media (min-width:480px){.dashboard-kpis{padding-inline:var(--space-6)}.donut-svg{width:150px;height:150px}}@media (min-width:640px){.hero-cta-group{flex-wrap:nowrap}.services-grid{grid-template-columns:repeat(2,1fr)}.services-grid .card:nth-child(3){grid-column:1/-1}.showcase-grid{grid-template-columns:repeat(2,1fr)}.showcase-grid .showcase-item:nth-child(3){grid-column:1/-1}.footer-content{flex-direction:row;justify-content:space-between;text-align:left}.footer-brand{align-items:flex-start}.footer-meta{align-items:flex-end;text-align:right}.footer-contact{justify-content:flex-end}}@media (min-width:768px){.nav-menu{display:flex}.nav-toggle{display:none}.nav-mobile{display:none!important}.hero-container{grid-template-columns:1fr 1fr;gap:var(--space-12);min-height:calc(100vh - 100px)}.hero-text{max-width:none}.services-grid{grid-template-columns:repeat(3,1fr)}.services-grid .card:nth-child(3){grid-column:auto}.showcase-grid{grid-template-columns:repeat(2,1fr)}.showcase-grid .showcase-item:nth-child(3){grid-column:auto}.about-grid{grid-template-columns:1fr 1fr}.pipeline-diagram{padding:var(--space-10) var(--space-8)}.contact-reassurance{flex-wrap:nowrap}}@media (min-width:1024px){.hero-container{grid-template-columns:5fr 4fr;gap:var(--space-20)}.showcase-grid{grid-template-columns:repeat(3,1fr)}.showcase-grid .showcase-item:nth-child(3){grid-column:auto}.about-grid{grid-template-columns:55fr 45fr;gap:var(--space-20)}}@media (min-width:1280px){:root{--container-pad:2rem}.hero-container{grid-template-columns:1fr 1fr}}@media (min-width:2000px){:root{--container-max:1400px}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.hero-bg-grid{background-size:28px 28px}}@media (hover:none) and (pointer:coarse){.card:hover{transform:none;box-shadow:none}.card:hover::before{opacity:0}.card--featured::before{opacity:.4}.btn-ghost:hover,.btn-primary:hover,.contact-email-link:hover{transform:none}}}