@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap');
:root{--bg:#08080a;--surface:#101014;--surface2:#15151a;--text:#f4f3f7;--muted:#91919b;--muted2:#666670;--line:#27272e;--accent:#9b6cff;--accent2:#c4a8ff;--max:1180px}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:"DM Sans",sans-serif;line-height:1.6}a{text-decoration:none;color:inherit}button{font:inherit}
.container{width:min(var(--max),86vw);margin:auto}.site-header{height:82px;position:fixed;top:0;left:0;right:0;z-index:100;border-bottom:1px solid rgba(255,255,255,.07);background:rgba(8,8,10,.78);backdrop-filter:blur(18px)}
.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;width:min(var(--max),86vw);margin:auto}.brand{display:flex;align-items:center;gap:11px;font-family:Manrope;font-weight:800;font-size:16px}.brand-mark{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(135deg,#a875ff,#6032bd);font-size:11px;color:#fff;box-shadow:0 8px 25px rgba(125,70,220,.22)}
.nav{display:flex;align-items:center;gap:30px}.nav>a,.nav-trigger{font-size:13px;color:#aaaab3;transition:.2s}.nav>a:hover,.nav-trigger:hover{color:#fff}.nav-item{position:relative}.nav-trigger{display:block;padding:31px 0;cursor:pointer}.dropdown{position:absolute;top:68px;left:-20px;width:275px;padding:8px;border:1px solid #303039;border-radius:16px;background:#111116;box-shadow:0 25px 80px rgba(0,0,0,.55);opacity:0;visibility:hidden;transform:translateY(8px);transition:.2s}.nav-item:hover .dropdown,.nav-item:focus-within .dropdown{opacity:1;visibility:visible;transform:translateY(0)}.dropdown a{display:block;padding:11px 12px;border-radius:10px}.dropdown a:hover{background:#1d1b22}.dropdown strong{display:block;font-size:12px;font-weight:600;color:#eee}.dropdown span{display:block;font-size:10px;color:#686873;margin-top:2px}.header-cta{border:1px solid #3a3a42;border-radius:999px;padding:10px 17px;font-size:12px;font-weight:700}.header-cta:hover{border-color:#62527b;background:#15131b}
.menu-btn{display:none;background:none;border:0;width:28px}.menu-btn i{display:block;height:1px;background:#fff;margin:6px 0}.mobile-menu{display:none}
.hero{min-height:780px;padding:160px 0 110px;display:flex;align-items:center;position:relative;overflow:hidden;border-bottom:1px solid var(--line);background:radial-gradient(circle at 78% 40%,rgba(128,76,218,.14),transparent 33%),radial-gradient(circle at 15% 80%,rgba(93,53,157,.08),transparent 30%)}
.hero:after{content:"";position:absolute;width:650px;height:650px;right:-300px;top:100px;border:1px solid rgba(167,139,250,.09);border-radius:50%;box-shadow:0 0 0 90px rgba(167,139,250,.025),0 0 0 180px rgba(167,139,250,.018)}
.eyebrow{font-size:10px;letter-spacing:2.4px;text-transform:uppercase;color:#85858e;font-weight:700}.hero h1{font-family:Manrope;font-size:clamp(58px,8vw,106px);line-height:.93;letter-spacing:-.065em;max-width:900px;margin:20px 0 28px}.gradient{color:var(--accent2)}.hero p{max-width:690px;color:#94949e;font-size:16px;line-height:1.85}.actions{display:flex;gap:22px;align-items:center;margin-top:35px}.btn{display:inline-flex;align-items:center;gap:22px;background:#f4f3f7;color:#0c0c0f;padding:15px 21px;border-radius:999px;font-size:12px;font-weight:800}.btn:hover{transform:translateY(-2px)}.text-link{font-size:12px;color:#a5a5ae}.text-link:hover{color:#fff}
.section{padding:120px 0;border-bottom:1px solid var(--line)}.section-head{display:grid;grid-template-columns:1fr 1fr;gap:10%;margin-bottom:50px}.section h2{font-family:Manrope;font-size:clamp(42px,5.5vw,70px);line-height:.98;letter-spacing:-.06em;margin-top:15px}.section-intro{color:#888892;font-size:14px;line-height:1.9;max-width:570px}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.card{border:1px solid var(--line);background:linear-gradient(145deg,#111115,#0d0d10);border-radius:18px;padding:28px;min-height:270px;transition:.25s;display:flex;flex-direction:column}.card:hover{border-color:#474052;transform:translateY(-4px)}.number{font:700 10px Manrope;color:#6f6f79}.card h3{font:700 20px Manrope;margin-top:42px}.card p{font-size:12px;color:#7f7f88;line-height:1.8;margin-top:9px}.card .learn{margin-top:auto;padding-top:25px;font-size:11px;color:#aaaab2}.card:hover .learn{color:#fff}
.process{background:#0c0c0f}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.process-card{border:1px solid var(--line);padding:30px;border-radius:18px}.process-card .num{font:700 10px Manrope;color:#777780}.process-card h3{font:700 21px Manrope;margin:50px 0 9px}.process-card p{color:#80808a;font-size:12px;line-height:1.8}
.split{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:start}.list{display:grid;grid-template-columns:1fr 1fr;gap:12px}.list-item{border:1px solid var(--line);border-radius:14px;padding:20px;background:#101014}.list-item b{font:700 13px Manrope;display:block}.list-item span{font-size:10px;color:#70707a;display:block;margin-top:5px}
.cta{padding:130px 0;position:relative;overflow:hidden}.cta:after{content:"";position:absolute;width:500px;height:500px;border-radius:50%;right:-180px;top:-190px;background:radial-gradient(circle,rgba(143,93,241,.15),transparent 65%)}.cta-inner{display:flex;justify-content:space-between;align-items:center;gap:50px;position:relative;z-index:2}.cta h2{font-family:Manrope;font-size:clamp(48px,6.5vw,82px);line-height:.96;letter-spacing:-.06em;margin-top:15px}.cta p{color:#85858e;font-size:13px;max-width:550px;margin-top:20px}.circle-cta{width:165px;height:165px;border:1px solid #514365;border-radius:50%;display:grid;place-items:center;text-align:center;font:700 11px Manrope;flex:none;transition:.3s}.circle-cta:hover{background:#a78bfa;color:#0b0a0d;transform:rotate(-8deg)}
footer{border-top:1px solid var(--line);padding:28px 0;color:#60606a;font-size:10px}.footer-inner{display:flex;justify-content:space-between;align-items:center}.footer-brand{display:flex;gap:9px;align-items:center;color:#b8b8c0}.footer-brand .brand-mark{width:27px;height:27px;border-radius:8px;font-size:8px}
.page-hero{padding:170px 0 105px;border-bottom:1px solid var(--line);background:radial-gradient(circle at 80% 40%,rgba(126,76,218,.13),transparent 35%)}.page-hero h1{font-family:Manrope;font-size:clamp(55px,8vw,100px);line-height:.95;letter-spacing:-.065em;max-width:900px;margin:20px 0 25px}.page-hero p{max-width:690px;color:#92929b;font-size:16px;line-height:1.85}
.about-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:12%;align-items:start}.about-photo{aspect-ratio:4/5;border-radius:24px;border:1px solid var(--line);background:radial-gradient(circle at 50% 30%,#29212f,#101014 50%,#09090b);display:grid;place-items:center;overflow:hidden}.avatar{width:150px;height:150px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#a875ff,#5630ad);font:800 38px Manrope;box-shadow:0 25px 70px rgba(117,65,210,.3)}.about-copy h2{font:700 clamp(38px,5vw,62px) Manrope;letter-spacing:-.055em;line-height:1;margin-bottom:25px}.about-copy p{font-size:14px;color:#85858e;line-height:1.9;margin-bottom:18px}.tag-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:30px}.tag{border:1px solid #302f37;border-radius:999px;padding:8px 12px;font-size:10px;color:#aaaab2}
@media(max-width:850px){.nav,.header-cta{display:none}.menu-btn{display:block}.mobile-menu{position:fixed;top:82px;left:0;right:0;z-index:99;background:#101014;border-bottom:1px solid var(--line);padding:20px 7vw}.mobile-menu.open{display:block}.mobile-menu>a,.mobile-services a{display:block;padding:10px 0;color:#bbb;font-size:13px}.mobile-services{border-left:1px solid #34313c;padding-left:15px;margin:5px 0 8px}.section-head,.split,.about-grid{grid-template-columns:1fr;gap:35px}.cards,.process-grid{grid-template-columns:1fr}.cta-inner{align-items:flex-start;flex-direction:column}.circle-cta{width:145px;height:145px}.hero{min-height:700px}}
@media(max-width:600px){.site-header{height:72px}.mobile-menu{top:72px}.container,.header-inner{width:88vw}.hero{padding:125px 0 80px}.hero h1{font-size:54px}.hero p{font-size:14px}.section{padding:85px 0}.section h2{font-size:48px}.page-hero{padding:125px 0 80px}.page-hero h1{font-size:55px}.actions{align-items:flex-start;flex-direction:column}.list{grid-template-columns:1fr}.cta{padding:90px 0}.cta h2{font-size:52px}.footer-inner{flex-wrap:wrap;gap:14px}}