
:root{--bg:#050816;--card:#101827;--white:#fff;--muted:#94A3B8;--text:#CBD5E1;--blue:#3B82F6;--glow:#60A5FA;--border:rgba(148,163,184,.16);--shadow:0 24px 80px rgba(0,0,0,.45);--radius:28px;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6;overflow-x:hidden}a{text-decoration:none;color:inherit}p,h1,h2,h3{margin:0}p{color:var(--text)}h1,h2,h3{color:var(--white);letter-spacing:-.04em}h1{font-size:clamp(3.5rem,9vw,7.8rem);line-height:.9;max-width:950px}h2{font-size:clamp(2.2rem,5vw,4.6rem);line-height:1;max-width:900px}h3{font-size:1.25rem}.noise{position:fixed;inset:0;pointer-events:none;z-index:50;opacity:.05}.cursor-glow{position:fixed;width:540px;height:540px;border-radius:50%;background:radial-gradient(circle,rgba(59,130,246,.16),transparent 62%);pointer-events:none;transform:translate(-50%,-50%);z-index:0}.site-header{position:fixed;top:18px;left:50%;transform:translateX(-50%);z-index:40;width:min(calc(100% - 32px),1180px);height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 14px 0 18px;border:1px solid rgba(148,163,184,.08);border-radius:999px;background:rgba(5,8,22,.34);backdrop-filter:blur(14px);transition:.35s}.site-header.scrolled{background:rgba(12,18,32,.78);border-color:var(--border);box-shadow:var(--shadow)}.brand{display:flex;align-items:center;gap:10px}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,var(--blue),#1D4ED8);color:#fff;font-weight:800}.brand-text{font-weight:700;color:#fff}.desktop-nav{display:flex;gap:22px;font-size:.9rem;color:var(--muted)}.desktop-nav a:hover,.footer-links a:hover{color:#fff}.nav-cta{padding:12px 18px;border-radius:999px;background:rgba(59,130,246,.14);color:#fff;border:1px solid rgba(96,165,250,.3)}.menu-button{display:none;background:none;border:0;gap:5px;flex-direction:column}.menu-button span{display:block;width:24px;height:2px;background:#fff}.mobile-menu{display:none;position:fixed;top:92px;left:16px;right:16px;z-index:39;padding:20px;border-radius:24px;background:rgba(12,18,32,.94);border:1px solid var(--border);backdrop-filter:blur(20px)}.mobile-menu.open{display:grid;gap:14px}.section{position:relative;z-index:1;width:min(calc(100% - 36px),var(--max));margin:0 auto;padding:120px 0}.hero{min-height:100vh;display:grid;grid-template-columns:1.1fr .75fr;align-items:center;gap:52px;padding-top:150px}.hero-bg{position:absolute;inset:0;z-index:-1;overflow:hidden}.orb{position:absolute;border-radius:50%;filter:blur(25px);opacity:.7}.orb-one{width:520px;height:520px;background:radial-gradient(circle,rgba(59,130,246,.36),transparent 65%);top:8%;right:2%}.orb-two{width:420px;height:420px;background:radial-gradient(circle,rgba(34,197,94,.13),transparent 65%);bottom:2%;left:-8%}.grid-lines{position:absolute;inset:0;background-image:linear-gradient(rgba(148,163,184,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(148,163,184,.06) 1px,transparent 1px);background-size:70px 70px;mask-image:radial-gradient(circle at 50% 20%,black,transparent 70%)}.flow-line{position:absolute;height:1px;background:linear-gradient(90deg,transparent,var(--glow),transparent);opacity:.45;animation:slide 8s linear infinite}.flow-a{top:34%;left:5%;width:70%}.flow-b{bottom:28%;right:0;width:55%;animation-delay:-3s}@keyframes slide{0%{transform:translateX(-20%)}100%{transform:translateX(20%)}}.eyebrow{text-transform:uppercase;letter-spacing:.18em;color:var(--glow);font-size:.78rem;font-weight:800;margin-bottom:18px}.hero-lead{font-size:clamp(1.15rem,2vw,1.45rem);max-width:760px;margin-top:26px;color:#dbeafe}.role-stack{display:flex;flex-wrap:wrap;gap:12px;margin:30px 0}.role-stack span,.badges span,.study-cloud span{padding:9px 13px;border:1px solid var(--border);border-radius:999px;background:rgba(16,24,39,.58);color:#e2e8f0;font-size:.88rem}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border-radius:999px;font-weight:700;border:1px solid var(--border);transition:.25s}.button.primary{background:linear-gradient(135deg,var(--blue),#2563EB);color:#fff;box-shadow:0 0 50px rgba(59,130,246,.26)}.button.secondary{background:rgba(16,24,39,.55);color:#fff}.hero-actions{display:flex;flex-wrap:wrap;gap:14px}.button:hover,.services-grid article:hover,.solution-card:hover,.case-block:hover{transform:translateY(-3px);border-color:rgba(96,165,250,.42)}.hero-panel,.contact-card,.case-block,.tech-grid article,.decision-grid article,.cards-five article,.timeline article{background:linear-gradient(180deg,rgba(16,24,39,.78),rgba(12,18,32,.68));border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);backdrop-filter:blur(20px)}.hero-panel{padding:28px;min-height:410px}.panel-topline{height:3px;width:80%;background:linear-gradient(90deg,var(--blue),transparent);border-radius:999px;margin-bottom:26px}.metric-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.metric-row strong{color:#fff;font-size:1.35rem}.mini-chart{height:130px;display:flex;align-items:end;gap:12px;border-bottom:1px solid var(--border);padding-bottom:10px}.mini-chart span{flex:1;border-radius:12px 12px 0 0;background:linear-gradient(180deg,var(--glow),rgba(59,130,246,.15))}.pipeline{display:flex;align-items:center;gap:10px;margin:26px 0;color:#fff}.pipeline i{height:1px;flex:1;background:linear-gradient(90deg,var(--blue),transparent)}.dashboard-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.dashboard-grid div{padding:16px;border:1px solid var(--border);border-radius:18px;background:rgba(255,255,255,.03)}.dashboard-grid strong{display:block;color:#fff}.dashboard-grid small{color:var(--muted)}.scroll-indicator{position:absolute;bottom:38px;left:0;display:flex;align-items:center;color:var(--muted)}.scroll-indicator span{width:18px;height:30px;border:1px solid var(--border);border-radius:999px;position:relative}.scroll-indicator span:after{content:"";position:absolute;top:7px;left:50%;width:3px;height:6px;border-radius:999px;background:var(--glow);transform:translateX(-50%);animation:wheel 1.4s infinite}@keyframes wheel{0%{opacity:0;transform:translate(-50%,0)}40%{opacity:1}100%{opacity:0;transform:translate(-50%,9px)}}.section-heading{display:grid;gap:18px;margin-bottom:44px}.section-heading p:not(.eyebrow){max-width:720px;color:var(--muted);font-size:1.1rem}.difference-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.difference-grid p,.services-grid article,.results-grid article{padding:28px;border-radius:24px;background:rgba(16,24,39,.58);border:1px solid var(--border)}.difference-grid p{font-size:1.18rem;color:#e2e8f0}.services-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.services-grid article,.results-grid article{color:#fff;font-weight:700;transition:.25s}.solutions-list{display:grid;gap:36px}.solution-card{display:grid;grid-template-columns:.9fr 1fr;gap:40px;align-items:center;padding:28px;border-radius:32px;background:rgba(16,24,39,.58);border:1px solid var(--border);transition:.3s}.solution-card.reverse{grid-template-columns:1fr .9fr}.solution-card.reverse .solution-visual{order:2}.solution-card h3{font-size:clamp(2rem,4vw,3.4rem);margin-bottom:15px}.badges{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0}.text-link{display:inline-flex;margin-top:8px;color:#93c5fd;font-weight:800}.solution-visual{position:relative;min-height:320px;border-radius:28px;background:linear-gradient(135deg,rgba(59,130,246,.18),rgba(16,24,39,.9));border:1px solid rgba(96,165,250,.22);overflow:hidden}.solution-visual:before{content:"";position:absolute;inset:22px;border-radius:20px;border:1px solid var(--border);background:rgba(5,8,22,.48)}.dashboard-visual span,.landing-visual span,.mobile-visual span{position:absolute;z-index:2;border-radius:14px;background:rgba(96,165,250,.22);border:1px solid rgba(96,165,250,.32)}.dashboard-visual span:nth-child(1){left:42px;top:50px;width:38%;height:64px}.dashboard-visual span:nth-child(2){right:44px;top:50px;width:33%;height:64px}.dashboard-visual span:nth-child(3){left:42px;right:44px;bottom:48px;height:130px}.mobile-visual:before{inset:28px 34%;border-radius:32px}.mobile-visual span:nth-child(1){left:38%;right:38%;top:64px;height:44px}.mobile-visual span:nth-child(2){left:38%;right:38%;top:126px;height:74px}.mobile-visual span:nth-child(3){left:38%;right:38%;bottom:64px;height:54px}.landing-visual span:nth-child(1){left:42px;right:42px;top:54px;height:86px}.landing-visual span:nth-child(2){left:42px;bottom:54px;width:38%;height:95px}.landing-visual span:nth-child(3){right:42px;bottom:54px;width:38%;height:95px}.cards-five{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.cards-five article,.decision-grid article,.tech-grid article,.timeline article{padding:24px}.cards-five h3,.decision-grid h3,.tech-grid h3{margin-bottom:10px}.process-line{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.process-line article{position:relative;padding:22px;border-radius:24px;background:rgba(16,24,39,.5);border:1px solid var(--border)}.process-line span{display:block;color:var(--glow);font-weight:900;margin-bottom:18px}.decision-grid,.tech-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.timeline{display:grid;gap:18px}.timeline article span{color:var(--glow);font-weight:800}.timeline h3{margin:8px 0}.study-cloud{display:flex;flex-wrap:wrap;gap:10px}.results-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.contact-card{padding:58px;position:relative;overflow:hidden}.footer{width:min(calc(100% - 36px),var(--max));margin:0 auto;padding:60px 0 34px;border-top:1px solid var(--border);display:grid;gap:28px}.footer h2{font-size:clamp(2rem,4vw,3.5rem)}.footer-links{display:flex;gap:18px;flex-wrap:wrap;color:var(--muted)}.copyright{font-size:.9rem;color:var(--muted)}.case-hero{min-height:72vh;display:grid;grid-template-columns:1fr .75fr;gap:44px;align-items:center;padding-top:150px}.case-title h1{margin:12px 0}.case-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.case-block{padding:34px}.architecture-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.architecture-list li{padding:24px;border-radius:24px;border:1px solid var(--border);background:rgba(16,24,39,.58);color:#fff;font-weight:800}.reveal{opacity:0;transform:translateY(28px);transition:opacity .75s ease,transform .75s ease}.reveal.visible{opacity:1;transform:translateY(0)}@media(max-width:980px){.desktop-nav,.nav-cta{display:none}.menu-button{display:flex}.hero,.case-hero,.solution-card,.solution-card.reverse{grid-template-columns:1fr}.solution-card.reverse .solution-visual{order:0}.difference-grid,.services-grid,.cards-five,.decision-grid,.tech-grid,.results-grid,.case-grid{grid-template-columns:1fr 1fr}.process-line,.architecture-list{grid-template-columns:1fr 1fr}.hero-panel{min-height:340px}.section{padding:86px 0}}@media(max-width:640px){h1{font-size:3.35rem}.section{width:min(calc(100% - 28px),var(--max));padding:72px 0}.site-header{top:12px;width:calc(100% - 24px)}.brand-text{display:none}.hero{padding-top:130px}.difference-grid,.services-grid,.cards-five,.decision-grid,.tech-grid,.results-grid,.case-grid,.process-line,.architecture-list{grid-template-columns:1fr}.contact-card{padding:30px}.solution-card{padding:18px}.solution-visual{min-height:250px}.footer-links{display:grid}.cursor-glow{display:none}}