:root{color:#e2e8f0;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#050b13;font-family:Inter,Segoe UI,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 0 0,#60a5fa1f,#0000 22%),radial-gradient(circle at 100% 0,#a78bfa2e,#0000 28%),linear-gradient(#040910 0%,#07111d 38%,#050b13 100%);min-width:320px;min-height:100vh;margin:0}body:before{content:"";pointer-events:none;background-image:linear-gradient(#94a3b80a 1px,#0000 1px),linear-gradient(90deg,#94a3b80a 1px,#0000 1px);background-size:40px 40px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(circle,#000 20%,#0000 100%);mask-image:radial-gradient(circle,#000 20%,#0000 100%)}img{max-width:100%;display:block}button,a{font:inherit}#root{min-height:100vh}h1,h2,h3,p{margin:0}.page-shell{width:min(1200px,100% - 32px);margin:0 auto;padding:24px 0 48px}.topbar,.section,.footer,.cta-banner{z-index:1;position:relative}.topbar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#080c16b3;border:1px solid #94a3b82e;border-radius:20px;justify-content:space-between;align-items:center;padding:20px 24px;animation:.8s both fadeUp;display:flex;box-shadow:0 20px 60px #090e184d}.brand{color:#f5f7ff;align-items:center;gap:12px;font-weight:700;display:inline-flex}.brand-mark{color:#04131f;background:linear-gradient(135deg,#8b5cf6 0%,#5eead4 100%);border-radius:8px;place-items:center;width:28px;height:28px;font-size:1rem;display:grid;box-shadow:0 8px 20px #5eead473}.brand-name{letter-spacing:-.04em}.main-nav{align-items:center;gap:24px;display:inline-flex}.main-nav a,.nav-cta,.primary-btn,.secondary-btn{text-decoration:none;transition:transform .2s,box-shadow .2s,border-color .2s}.main-nav a{color:#e2e8f0cc;font-size:.93rem}.main-nav a:hover,.nav-cta:hover,.primary-btn:hover,.secondary-btn:hover{transform:translateY(-1px)}.nav-cta,.primary-btn{color:#f5faff;background:linear-gradient(135deg,#6366f142,#5eead433);border:1px solid #5eead466;border-radius:999px;justify-content:center;align-items:center;padding:.9rem 1.3rem;font-weight:600;display:inline-flex;box-shadow:0 18px 40px #4f46e533}.hero{grid-template-columns:1.15fr .85fr;align-items:center;gap:40px;padding:54px 0 28px;animation:.9s both fadeUp;display:grid}.eyebrow{color:#9eeae0;letter-spacing:.12em;text-transform:uppercase;background:#0f172a8c;border:1px solid #94a3b838;border-radius:999px;align-items:center;padding:.5rem .85rem;font-size:.76rem;display:inline-flex}.eyebrow.light{color:#e0f0ffd9}.hero-copy h1,.section-heading h2,.cta-banner h2{letter-spacing:-.06em;color:#f8fbff;margin:18px 0 0;font-weight:700}.hero-copy h1{max-width:620px;font-size:clamp(3rem,5vw,5rem);line-height:.96}.hero-copy h1 span{background:linear-gradient(135deg,#8b5cf6 0%,#5eead4 45%,#c4b5fd 100%);color:#0000;-webkit-background-clip:text;background-clip:text;display:block}.lead{color:#cbd5e1cc;max-width:600px;margin-top:20px;font-size:1.08rem;line-height:1.7}.cta-row{align-items:center;gap:16px;margin-top:30px;display:flex}.secondary-btn{color:#edf6ff;background:#0f172a66;border:1px solid #94a3b833;border-radius:999px;padding:.9rem 1.3rem;display:inline-flex}.proof-strip{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}.proof-strip span{color:#e2e8f0cc;background:#0f172a73;border:1px solid #94a3b829;border-radius:999px;align-items:center;padding:.5rem .8rem;font-size:.78rem;display:inline-flex}.hero-visual{justify-content:center;display:flex}.dashboard-shell{background:linear-gradient(#090e18e6,#0f172ad1);border:1px solid #94a3b833;border-radius:30px;width:min(100%,540px);padding:18px 18px 22px;animation:6s ease-in-out infinite floatCard;position:relative;box-shadow:0 40px 80px #080c1499}.window-bar{align-items:center;gap:8px;padding:0 8px 18px;display:flex}.dot{border-radius:50%;width:11px;height:11px;display:block}.dot.red{background:#ff6b6b}.dot.yellow{background:#ffd166}.dot.green{background:#7ae582}.window-body{background:#070a12db;border:1px solid #94a3b826;border-radius:22px;grid-template-columns:170px 1fr;gap:16px;min-height:390px;padding:14px;display:grid}.sidebar-panel{background:#0f172a8c;border:1px solid #94a3b81a;border-radius:18px;padding:18px 12px 8px}.mini-label{color:#94a3b8cc;letter-spacing:.12em;text-transform:uppercase;font-size:.68rem}.sidebar-panel ul{flex-direction:column;gap:10px;margin:18px 0 0;padding:0;list-style:none;display:flex}.sidebar-panel li{color:#cbd5e1cc;border-radius:12px;padding:.8rem .75rem;font-size:.9rem}.sidebar-panel li.active{color:#f8fbff;background:linear-gradient(135deg,#6366f140,#2dd4bf2e);border:1px solid #5eead438}.content-panel{flex-direction:column;gap:22px;padding:12px 12px 8px;display:flex}.panel-header{color:#f8fbff;justify-content:space-between;align-items:center;gap:12px;display:flex}.panel-header small{color:#94a3b8cc;letter-spacing:.08em;text-transform:uppercase;font-size:.7rem;display:block}.panel-header strong{letter-spacing:-.06em;font-size:clamp(1.8rem,2vw,2.4rem);display:block}.pill{border:1px solid #10b9812e;border-radius:999px;align-items:center;padding:.55rem .8rem;font-size:.72rem;display:inline-flex}.pill.success{color:#8af0c3;background:#10b98114}.chart-grid{background:linear-gradient(#0f172ab3,#0f172a59);border:1px solid #94a3b81f;border-radius:18px;align-items:end;gap:10px;height:150px;padding:18px 8px 10px;display:flex}.bar{opacity:.9;background:linear-gradient(#7dd3fc 0%,#8b5cf6 100%);border-radius:999px 999px 0 0;flex:1;display:block}.bar-1{height:28%}.bar-2{height:42%}.bar-3{height:58%}.bar-4{height:66%}.bar-5{height:84%}.bar-6{height:96%}.metric-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.mini-card{color:#e2e8f0cc;background:#0f172a8c;border:1px solid #94a3b81f;border-radius:16px;flex-direction:column;gap:10px;padding:12px 14px;display:flex}.mini-card strong{color:#f8fbff;letter-spacing:-.04em;font-size:1.2rem}.mini-card.accent{background:linear-gradient(135deg,#6366f133,#2dd4bf26)}.stats-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:8px;display:grid}.stat-item{text-align:center;background:#090e1685;border:1px solid #94a3b81f;border-radius:18px;flex-direction:column;gap:8px;padding:1.2rem 1rem;display:flex}.stat-item strong{color:#f8fbff;letter-spacing:-.05em;font-size:clamp(1.8rem,3vw,2.5rem)}.stat-item span{color:#bfdbfeb8;font-size:.86rem}.section{padding-top:92px}.section-heading{margin-bottom:28px}.section-heading.center{text-align:center}.section-heading h2,.cta-banner h2{font-size:clamp(2.1rem,3vw,3.2rem);line-height:1.05}.service-grid,.process-grid,.portfolio-grid{gap:22px;display:grid}.service-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.service-card,.process-card,.project-card{background:#090e1699;border:1px solid #94a3b81f;border-radius:24px;padding:1.6rem;transition:transform .25s,border-color .25s,box-shadow .25s;box-shadow:0 20px 40px #03071233}.service-card:hover,.process-card:hover,.project-card:hover{border-color:#5eead440;transform:translateY(-6px);box-shadow:0 28px 60px #3b82f61f}.service-badge{color:#dfe8ff;letter-spacing:.08em;background:linear-gradient(135deg,#6366f133,#5eead426);border-radius:10px;justify-content:center;align-items:center;min-width:60px;padding:.5rem .7rem;font-size:.72rem;font-weight:700;display:inline-flex}.service-card h3,.process-card h3,.project-info h3{color:#f3f8ff;letter-spacing:-.04em;margin:18px 0 12px;font-size:1.45rem}.service-card p,.process-card p,.project-info p,.feature-copy p,.footer p{color:#bfdbfec2;line-height:1.7}.feature-showcase{grid-template-columns:1.15fr .85fr;align-items:center;gap:28px;display:grid}.feature-copy{max-width:600px}.story-block{margin-top:18px}.feature-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 18px;margin:28px 0 0;padding:0;list-style:none;display:grid}.feature-list li{color:#e8efff;padding-left:22px;position:relative}.feature-list li:before{content:"";background:linear-gradient(135deg,#8b5cf6,#5eead4);border-radius:50%;width:10px;height:10px;position:absolute;top:11px;left:0;box-shadow:0 0 20px #5eead499}.feature-visual{justify-content:center;align-items:center;min-height:370px;display:flex;position:relative}.floating-card{background:#090e16b8;border:1px solid #94a3b82e;border-radius:22px;width:min(100%,300px);padding:1.2rem 1.1rem;position:absolute;box-shadow:0 24px 50px #070a1473}.card-top{top:0;right:38px;transform:rotate(4deg)}.card-bottom{bottom:24px;left:36px;transform:rotate(-6deg)}.card-label{letter-spacing:.12em;text-transform:uppercase;color:#94a3b8cc;font-size:.7rem;display:block}.line{background:linear-gradient(135deg,#5eead480,#6366f180);border-radius:999px;height:10px;margin-top:14px;display:block}.line-lg{width:74%;height:14px}.analytics-lines{align-items:end;gap:10px;height:110px;margin-top:20px;display:flex}.analytics-lines span{background:linear-gradient(#5eead4 0%,#8b5cf6 100%);border-radius:999px 999px 0 0;flex:1;display:block}.analytics-lines span:first-child{height:38%}.analytics-lines span:nth-child(2){height:66%}.analytics-lines span:nth-child(3){height:88%}.process-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.process-step{letter-spacing:.12em;text-transform:uppercase;color:#9eeae0;font-size:.78rem;display:inline-flex}.portfolio-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.project-header{justify-content:space-between;align-items:center;gap:10px;display:flex}.project-accent{color:#9eeae0;letter-spacing:.1em;text-transform:uppercase;font-size:.75rem}.project-tag{color:#e2e8f0cc;background:#0f172ab3;border:1px solid #94a3b81f;border-radius:999px;align-items:center;padding:.45rem .7rem;font-size:.72rem;display:inline-flex}.project-visual{grid-template-columns:1.4fr .6fr;align-items:stretch;gap:12px;min-height:180px;margin-top:18px;display:grid}.visual-block{background:linear-gradient(135deg,#6366f14d,#5eead433);border:1px solid #94a3b81f;border-radius:18px;display:block}.visual-block.big{grid-row:1/span 2}.visual-block.small{height:90px}.visual-block.tiny{height:60px}.project-info{margin-top:18px}.tech-stack{padding-bottom:24px}.stack-list{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:20px;display:flex}.stack-item{color:#edf6ff;letter-spacing:.02em;background:#0f172a80;border:1px solid #94a3b826;border-radius:999px;justify-content:center;align-items:center;padding:.82rem 1rem;font-size:.82rem;display:inline-flex}.cta-banner{background:linear-gradient(135deg,#4f46e52e,#10b98124,#0f172ae6);border:1px solid #94a3b826;border-radius:28px;justify-content:space-between;align-items:center;gap:24px;margin-top:90px;padding:2rem 2.1rem;display:flex;box-shadow:0 30px 60px #1118274d}.footer{color:#94a3b8cc;justify-content:space-between;align-items:center;gap:18px;padding:28px 8px 10px;display:flex}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes floatCard{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@media (width<=980px){.hero,.feature-showcase{grid-template-columns:1fr}.stats-strip,.service-grid,.process-grid,.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.topbar{flex-wrap:wrap;justify-content:center;gap:18px}.cta-banner,.footer{flex-direction:column;align-items:flex-start}}@media (width<=640px){.page-shell{width:min(100% - 20px,1200px);padding-top:14px}.topbar{padding:16px 18px}.main-nav{flex-wrap:wrap;justify-content:center;gap:12px 18px;width:100%}.hero{padding-top:36px}.stats-strip,.service-grid,.process-grid,.portfolio-grid,.feature-list,.window-body{grid-template-columns:1fr}.cta-row{flex-direction:column;align-items:stretch}.primary-btn,.secondary-btn,.nav-cta{width:100%}.cta-banner{padding:1.5rem 1.25rem}}