:root{--color-primary:102 51 204;--color-primary-light:124 75 220;--color-primary-dark:78 36 161;--color-accent:53 191 255;--color-midnight:17 24 39;--color-soft-gray:244 246 250;--surface:255 255 255;--text:17 24 39;--muted:93 106 128;--radius-xl:28px;--radius-lg:20px;--shadow-soft:0 24px 80px rgba(17,24,39,.14)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:rgb(var(--text));background:#fff}a{color:inherit;text-decoration:none}main{overflow:hidden}.site-header{position:fixed;top:18px;left:50%;z-index:50;display:flex;width:min(1160px,calc(100% - 32px));align-items:center;justify-content:space-between;gap:18px;padding:12px 14px 12px 18px;border:1px solid hsla(0,0%,100%,.3);border-radius:999px;background:linear-gradient(90deg,hsla(0,0%,100%,.85),hsla(0,0%,100%,.55) 22%,hsla(0,0%,100%,.2) 55%,hsla(0,0%,100%,.08));box-shadow:0 20px 70px rgba(0,0,0,.22);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transform:translateX(-50%)}.brand-link,.logo-mark{display:inline-flex;align-items:center;gap:10px}.logo-image{height:40px;width:auto;object-fit:contain}.logo-symbol{display:grid;width:34px;height:34px;place-items:center;border-radius:12px;background:linear-gradient(135deg,#63c,#35bfff)}.logo-symbol,.logo-text{color:#fff;font-size:18px;font-weight:800;letter-spacing:-.04em}.logo-text span{color:#35bfff}.main-nav{display:flex;gap:20px;color:hsla(0,0%,100%,.76);font-size:14px;font-weight:500}.main-nav a:hover{color:#fff}.header-cta,.primary-button,.secondary-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border-radius:999px;font-size:14px;font-weight:700;transition:transform .2s ease,border-color .2s ease,background .2s ease}.header-cta,.primary-button{background:linear-gradient(135deg,#63c,#35bfff);color:#fff;box-shadow:0 12px 30px rgba(102,51,204,.34)}.secondary-button{border:1px solid hsla(0,0%,100%,.16);color:#fff}.header-cta:hover,.primary-button:hover,.secondary-button:hover{transform:translateY(-2px)}.hero{position:relative;min-height:100vh;padding:168px 24px 96px;background:radial-gradient(circle at 25% 70%,rgba(102,51,204,.42),transparent 38%),radial-gradient(circle at 80% 55%,rgba(53,191,255,.2),transparent 32%),linear-gradient(180deg,#0b1020,#111827 30%,#15172f);color:#fff}.hero:before{position:absolute;inset:0;content:"";background-image:linear-gradient(hsla(0,0%,100%,.04) 1px,transparent 0),linear-gradient(90deg,hsla(0,0%,100%,.04) 1px,transparent 0);background-size:52px 52px;-webkit-mask-image:linear-gradient(180deg,#000,transparent 85%);mask-image:linear-gradient(180deg,#000,transparent 85%)}.hero-glow{position:absolute;right:8%;bottom:8%;width:360px;height:360px;border-radius:50%;background:rgba(53,191,255,.14);filter:blur(74px)}.hero-content{position:relative;display:grid;grid-template-columns:minmax(0,1.03fr) minmax(360px,.97fr);grid-gap:54px;gap:54px;width:min(1160px,100%);margin:0 auto;align-items:center}.eyebrow,.section-kicker{display:inline-flex;align-items:center;gap:8px;margin-bottom:16px;color:#35bfff;font-size:13px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.eyebrow:before,.section-kicker:before{display:inline-block;width:38px;height:3px;border-radius:999px;background:linear-gradient(90deg,#63c,#35bfff);content:""}.cta-section h2,.hero h1,.section h2{margin:0;letter-spacing:-.055em;line-height:.98}.hero h1{max-width:720px;font-size:clamp(46px,7vw,82px)}.hero p{max-width:650px;margin:24px 0 0;color:hsla(0,0%,100%,.76);font-size:clamp(18px,2vw,21px);line-height:1.6}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px}.hero-panel{position:relative;display:grid;grid-gap:14px;gap:14px;padding:24px;border:1px solid hsla(0,0%,100%,.12);border-radius:var(--radius-xl);background:linear-gradient(180deg,hsla(0,0%,100%,.12),hsla(0,0%,100%,.05));box-shadow:0 28px 120px rgba(0,0,0,.38);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.flow-card{padding:20px;border:1px solid hsla(0,0%,100%,.12);border-radius:18px;background:hsla(0,0%,100%,.07);color:hsla(0,0%,100%,.82);font-weight:800}.flow-card.active,.flow-card.result{border-color:rgba(53,191,255,.5);background:linear-gradient(135deg,rgba(102,51,204,.5),rgba(53,191,255,.22));color:#fff}.flow-line{width:2px;height:24px;margin-left:28px;border-radius:999px;background:linear-gradient(#63c,#35bfff)}.mini-dashboard{position:absolute;right:-18px;bottom:52px;display:grid;width:150px;grid-gap:10px;gap:10px;padding:16px;border:1px solid hsla(0,0%,100%,.12);border-radius:18px;background:rgba(17,24,39,.92);box-shadow:0 20px 50px rgba(0,0,0,.28)}.mini-dashboard span{display:block;height:9px;border-radius:999px;background:linear-gradient(90deg,#63c,#35bfff)}.mini-dashboard span:nth-child(2){width:70%}.mini-dashboard span:nth-child(3){width:86%}.section{width:min(1160px,calc(100% - 48px));margin:0 auto;padding:96px 0}.light-section{color:rgb(var(--text))}.section-heading-row{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:34px}.cta-section h2,.section h2{max-width:790px;font-size:clamp(34px,5vw,58px)}.cta-section p,.section p{max-width:720px;color:rgb(var(--muted));font-size:18px;line-height:1.7}.cards-grid,.differentials-grid,.project-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:18px;gap:18px}.dark-section article,.project-card,.service-card,.timeline-item{border:1px solid rgba(17,24,39,.08);border-radius:var(--radius-lg);background:#fff;box-shadow:0 18px 60px rgba(17,24,39,.08)}.service-card{min-height:260px;padding:24px}.card-icon{width:42px;height:42px;margin-bottom:28px;border-radius:15px;background:linear-gradient(135deg,#63c,#35bfff)}.dark-section h3,.project-card h3,.service-card h3,.timeline-item h3{margin:0;color:#111827;font-size:20px;letter-spacing:-.03em}.dark-section p,.project-card p,.service-card p,.timeline-item p{margin:14px 0 0;color:rgb(var(--muted));font-size:15px;line-height:1.65}.projects-section{width:100%;max-width:none;padding-right:max(24px,calc((100vw - 1160px) / 2));padding-left:max(24px,calc((100vw - 1160px) / 2));background:rgb(var(--color-soft-gray))}.filter-row{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:26px}.filter{padding:10px 15px;border:1px solid rgba(17,24,39,.08);border-radius:999px;background:#fff;color:#111827;cursor:pointer;font-weight:700}.filter.active{border-color:transparent;background:linear-gradient(135deg,#63c,#35bfff);color:#fff}.project-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.project-card{display:flex;min-height:330px;flex-direction:column;padding:24px}.project-actions,.project-card-top,.tag-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.project-card-top{justify-content:space-between;margin-bottom:24px}.source,.status,.tag-row span{border-radius:999px;font-size:12px;font-weight:800}.status{padding:7px 10px;background:rgba(34,197,94,.12);color:#15803d}.source,.tag-row span{padding:7px 10px;background:rgba(17,24,39,.05);color:#4b5563}.tag-row{margin-top:auto;padding-top:24px}.project-actions{margin-top:18px}.project-actions a,.project-actions span{color:#63c;font-size:14px;font-weight:800}.empty-projects{padding:38px;border:1px dashed rgba(102,51,204,.34);border-radius:var(--radius-lg);background:hsla(0,0%,100%,.72)}.method-section{color:#fff;background:radial-gradient(circle at 18% 0,rgba(53,191,255,.18),transparent 28%),linear-gradient(135deg,#111827,#20153d 56%,#0b1020);width:100%;max-width:none;padding-right:max(24px,calc((100vw - 1160px) / 2));padding-left:max(24px,calc((100vw - 1160px) / 2))}.dark-section h2,.method-section h2{color:#fff}.timeline{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-gap:14px;gap:14px;margin-top:34px}.timeline-item{border-color:hsla(0,0%,100%,.1);background:hsla(0,0%,100%,.08);box-shadow:none;padding:22px}.timeline-item span{display:inline-flex;margin-bottom:22px;color:#35bfff;font-weight:900}.timeline-item h3,.timeline-item p{color:#fff}.timeline-item p{color:hsla(0,0%,100%,.68)}.audience-section{display:grid;grid-template-columns:.9fr 1.1fr;grid-gap:48px;gap:48px;align-items:start}.audience-list{display:flex;flex-wrap:wrap;gap:12px}.audience-list span{padding:15px 17px;border:1px solid rgba(17,24,39,.08);border-radius:999px;background:#fff;box-shadow:0 12px 34px rgba(17,24,39,.06);font-weight:800}.dark-section{width:min(1160px,calc(100% - 48px));padding:54px;border-radius:36px;background:#111827}.differentials-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:30px}.dark-section article{border-color:hsla(0,0%,100%,.1);background:hsla(0,0%,100%,.06);box-shadow:none;padding:24px}.dark-section h3,.dark-section p{color:#fff}.dark-section p{color:hsla(0,0%,100%,.68)}.cta-section{display:flex;width:min(1160px,calc(100% - 48px));align-items:center;justify-content:space-between;gap:36px;margin:96px auto 0;padding:54px;border-radius:36px;background:radial-gradient(circle at 85% 0,rgba(53,191,255,.28),transparent 32%),linear-gradient(135deg,#63c,#111827);color:#fff}.cta-section p{color:hsla(0,0%,100%,.72)}.site-footer{display:flex;width:min(1160px,calc(100% - 48px));align-items:center;justify-content:space-between;gap:24px;margin:0 auto;padding:44px 0;color:rgb(var(--muted))}.site-footer .logo-text{color:#111827}@media (max-width:980px){.main-nav{display:none}.audience-section,.hero-content{grid-template-columns:1fr}.cards-grid,.differentials-grid,.project-grid,.timeline{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:680px){.site-header{top:10px;width:calc(100% - 20px)}.header-cta{display:none}.hero{padding-top:130px}.hero-panel{padding:18px}.mini-dashboard{position:static;width:100%}.cards-grid,.differentials-grid,.project-grid,.timeline{grid-template-columns:1fr}.cta-section,.dark-section,.section,.site-footer{width:calc(100% - 32px)}.method-section,.projects-section,.section{padding-top:70px;padding-bottom:70px}.cta-section,.dark-section{padding:30px}.cta-section,.site-footer{align-items:flex-start;flex-direction:column}}