@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600&family=Unbounded:wght@600;700&display=swap";
:root{--bg:#0b1020;--bg-deep:#05070f;--text:#e6edf6;--muted:#a0aec0;--accent:#38bdf8;--accent-2:#2dd4bf;--accent-3:#fbbf24;--card:#0c1222c7;--card-border:#7dd3fc33;--shadow:#03060fb3;--pointer-x:0px;--pointer-y:0px;--pointer-x-strong:0px;--pointer-y-strong:0px;--scroll-small:0px;--scroll-medium:0px}*,:before,:after{box-sizing:border-box}body{background:radial-gradient(800px circle at 12% 20%,#38bdf82e,transparent 60%),radial-gradient(900px circle at 88% 12%,#fbbf2429,transparent 55%),radial-gradient(700px circle at 70% 88%,#2dd4bf24,transparent 60%),linear-gradient(180deg,var(--bg)0%,var(--bg-deep)100%);min-height:100vh;color:var(--text);perspective:1400px;background-attachment:fixed;margin:0;font-family:Space Grotesk,Unbounded,sans-serif;line-height:1.6;overflow-x:hidden}a{color:var(--text);padding:.35rem .2rem;text-decoration:none;transition:color .3s,transform .3s;position:relative}a:after{content:"";background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:0;height:2px;transition:opacity .3s,transform .3s;position:absolute;bottom:.1rem;left:.2rem;right:.2rem;transform:scaleX(.4)}a:hover,a:focus-visible{color:var(--accent);transform:translateY(-2px)}a:hover:after,a:focus-visible:after{opacity:1;transform:scaleX(1)}[data-tilt]{--tilt-x:0deg;--tilt-y:0deg;--tilt-lift:0px;--glow-x:50%;--glow-y:50%;transform-style:preserve-3d;transform:var(--tilt-base,translateZ(0))translateZ(var(--tilt-lift))rotateX(var(--tilt-x))rotateY(var(--tilt-y));will-change:transform;backface-visibility:hidden;transition:transform .2s,box-shadow .4s,border-color .4s}.nav{z-index:50;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(#05080ff2,#05080fb3);border-bottom:1px solid #38bdf82e;justify-content:center;align-items:center;padding:1.2rem 2rem;display:flex;position:sticky;top:0;box-shadow:0 12px 30px #03060f99}.nav-3d{perspective:1200px}.nav-shell{--tilt-base:translateZ(22px);--tilt-lift:10px;width:min(1100px,100%);transform-style:preserve-3d;background:#070a14cc;border:1px solid #38bdf833;border-radius:999px;justify-content:space-between;align-items:center;padding:.7rem 1.6rem;transition:transform .25s,box-shadow .6s,border-color .6s;display:flex;position:relative;overflow:hidden;box-shadow:0 22px 50px #020617a6}.nav-shell:before{content:"";background:radial-gradient(circle at var(--glow-x,50%)var(--glow-y,50%),#38bdf847,transparent 62%);opacity:.6;pointer-events:none;position:absolute;inset:-30px}.nav-brand{color:var(--accent-2);text-transform:uppercase;letter-spacing:.08em;z-index:1;font-family:Unbounded,Space Grotesk,sans-serif;font-weight:700;position:relative}.nav-links{z-index:1;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.6rem;display:flex;position:relative}.nav-link{background:#0f172a99;border:1px solid #38bdf826;border-radius:999px;padding:.45rem .9rem;transition:background .3s,transform .3s;transform:translateZ(30px)}.nav-link-active{color:var(--accent-3);background:#fbbf241f}.nav-link-active:after{opacity:1;background:linear-gradient(90deg,transparent,var(--accent-3),transparent);transform:scaleX(1)}.hero{text-align:center;transform-style:preserve-3d;isolation:isolate;padding:7rem 2rem 6rem;position:relative;overflow:hidden}.hero-split{text-align:left;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));align-items:center;gap:3.5rem;display:grid}.hero-text{max-width:560px}.hero-grid{opacity:.4;transform:translateY(var(--scroll-medium))translateX(var(--pointer-x))translateZ(-160px)rotateX(65deg);transform-origin:top;mix-blend-mode:screen;z-index:-2;pointer-events:none;background-image:linear-gradient(#0f172a33,#0000 70%),repeating-linear-gradient(90deg,#38bdf838 0 1px,#0000 1px 90px),repeating-linear-gradient(0deg,#38bdf838 0 1px,#0000 1px 90px);animation:20s linear infinite grid-drift;position:absolute;inset:-40% -15% 0}.hero:before{content:"";width:520px;height:520px;transform:translateX(calc(-50% + var(--pointer-x)))translateY(calc(var(--pointer-y) + var(--scroll-small)))translateZ(-60px);filter:blur(10px);z-index:-1;background:radial-gradient(circle,#38bdf82e,#0000 65%);position:absolute;top:8%;left:50%}.hero:after{content:"";width:260px;height:260px;transform:translateZ(-80px)translateX(var(--pointer-x-strong))translateY(calc(var(--pointer-y-strong) + var(--scroll-medium)));filter:blur(18px);z-index:-1;background:radial-gradient(circle,#fbbf242e,#0000 70%);animation:12s ease-in-out infinite drift;position:absolute;bottom:8%;right:12%}.hero h1{letter-spacing:.03em;text-shadow:0 12px 30px #03060fcc;margin-bottom:1rem;font-family:Unbounded,Space Grotesk,sans-serif;font-size:clamp(2.2rem,4vw,3.4rem)}.hero p{max-width:620px;color:var(--muted);margin:0 auto;font-size:1.1rem}.hero-split .hero-text p{margin-left:0;margin-right:0}.hero-actions{flex-wrap:wrap;gap:1rem;margin-top:1.6rem;display:flex}.button{letter-spacing:.01em;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;padding:.75rem 1.6rem;font-weight:600;transition:transform .3s,box-shadow .3s,border-color .3s,background .3s;display:inline-flex}.button:after,.nav-link:after{content:none}.button-primary{background:linear-gradient(120deg,var(--accent),var(--accent-2));color:#030712;box-shadow:0 18px 35px #38bdf859}.button-ghost{color:var(--text);background:#0f172a99;border-color:#38bdf84d}.hero-stats{flex-wrap:wrap;gap:.9rem;margin-top:2rem;display:flex}.stat-pill{--tilt-base:translateZ(14px);--tilt-lift:6px;background:#070a14bf;border:1px solid #7dd3fc33;border-radius:999px;gap:.2rem;padding:.7rem 1.1rem;display:grid;box-shadow:0 12px 30px #02061799}.stat-value{color:var(--accent-3);font-size:1.1rem;font-weight:700}.stat-label{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:.8rem}.hero-visual{perspective:1200px;min-height:380px;transform-style:preserve-3d;place-items:center;display:grid;position:relative}.hero-visual>.fade{place-items:center;display:grid;position:absolute;inset:0}.visual-card{transform-style:preserve-3d;background:#070c18bf;border:1px solid #7dd3fc33;border-radius:28px;padding:1.4rem;position:absolute;top:50%;left:50%;box-shadow:0 24px 50px #02061799}.visual-card-main{z-index:1;transform:translate(calc(-50% + var(--pointer-x-strong)))translate(calc(-50% + var(--pointer-y-strong)))translateZ(50px);animation:7s ease-in-out infinite float-center}.visual-card-secondary{z-index:0;transform:translate(-50%,-50%)translateZ(-30px)translateX(calc(90px + var(--pointer-x)))translateY(calc(50px + var(--pointer-y)))rotateY(-18deg);opacity:.9}.visual-img{width:clamp(220px,30vw,360px);height:auto;display:block}.visual-chip{--tilt-base:translateZ(70px);--tilt-lift:10px;z-index:2;background:#060a16cc;border:1px solid #7dd3fc40;border-radius:999px;padding:.55rem .9rem;position:absolute;top:12%;left:-6%;box-shadow:0 18px 40px #020617a6}.chip-right{inset:auto -2% 10% auto}.hero-logo{filter:drop-shadow(0 18px 35px #020617cc);max-width:160px;transform-style:preserve-3d;margin-bottom:1.5rem;animation:6s ease-in-out infinite float}.section{max-width:1100px;transform-style:preserve-3d;margin:auto;padding:4.5rem 2rem;position:relative}.section h1,.section h2{text-align:center;color:var(--accent);letter-spacing:.02em;text-shadow:0 12px 24px #03060fb3;font-family:Unbounded,Space Grotesk,sans-serif}.center{text-align:center;max-width:800px;color:var(--muted);margin:auto}.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;margin-top:2.5rem;display:grid}.metric-card{text-align:center;--tilt-base:translateZ(0);--tilt-lift:12px;background:#090e1ccc;border:1px solid #7dd3fc2e;border-radius:18px;padding:1.8rem;box-shadow:0 18px 35px #0206178c}.metric-card h3{color:var(--accent-3);margin:0 0 .4rem;font-family:Unbounded,Space Grotesk,sans-serif;font-size:2rem}.metric-card p{color:var(--muted);margin:0}.split{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));align-items:center;gap:3rem;display:grid}.split-text p{color:var(--muted)}.split-text h1,.split-text h2{text-align:left}.split-visual{perspective:1200px;place-items:center;display:grid;position:relative}.visual-frame{--tilt-base:translateZ(35px)rotateY(-10deg);--tilt-lift:12px;background:#060a16bf;border:1px solid #7dd3fc40;border-radius:26px;padding:1.6rem;box-shadow:0 25px 55px #02061799}.visual-frame img{max-width:100%;height:auto;display:block}.metric-callout{text-align:center;--tilt-base:translateZ(18px);--tilt-lift:10px;background:#0b101ed9;border:1px solid #7dd3fc33;border-radius:16px;margin-top:1.5rem;padding:.9rem 1.2rem;box-shadow:0 18px 40px #02061799}.chip-group{flex-wrap:wrap;gap:.6rem;margin-top:1.4rem;display:flex}.chip-group-wide{justify-content:center}.chip{color:var(--text);letter-spacing:.06em;text-transform:uppercase;background:#0f172aa6;border:1px solid #38bdf833;border-radius:999px;padding:.4rem .85rem;font-size:.8rem}.grid{perspective:1200px;transform-style:preserve-3d;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2.5rem;margin-top:3rem;display:grid}.card-service{gap:.9rem;display:grid}.card-icon{object-fit:contain;background:#0f172a99;border:1px solid #7dd3fc33;border-radius:14px;width:56px;height:56px;padding:.5rem;display:inline-block;box-shadow:inset 0 0 18px #38bdf826}.timeline{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin-top:2.5rem;display:grid}.timeline-step{--tilt-base:translateZ(0);--tilt-lift:14px;background:#090e1cd9;border:1px solid #7dd3fc33;border-radius:18px;padding:1.8rem;box-shadow:0 18px 40px #0206178c}.timeline-step h3{margin-top:0;font-family:Unbounded,Space Grotesk,sans-serif}.step-number{letter-spacing:.2em;color:var(--accent-3);margin-bottom:.8rem;font-size:.85rem;display:inline-block}.card{background-color:var(--card);border:1px solid var(--card-border);z-index:0;box-shadow:0 20px 45px var(--shadow);isolation:isolate;--tilt-base:translateZ(0);--tilt-lift:16px;transform-style:preserve-3d;background-image:linear-gradient(145deg,#11192de6,#0b101ea6);border-radius:18px;padding:2rem;transition:transform .25s,box-shadow .5s,border-color .5s;position:relative}.card:before{content:"";border-radius:inherit;background:radial-gradient(circle at var(--glow-x,50%)var(--glow-y,50%),#38bdf840,transparent 60%),linear-gradient(140deg,#7dd3fc33,transparent 55%);opacity:.6;pointer-events:none;position:absolute;inset:0;transform:translateZ(1px)}.card:after{content:"";filter:blur(6px);z-index:-1;background:radial-gradient(circle,#020617a6,#0000 70%);height:22px;position:absolute;bottom:-24px;left:12%;right:12%;transform:translateZ(-1px)}.card h3{letter-spacing:.02em;margin-top:0;font-family:Unbounded,Space Grotesk,sans-serif}.card p{color:var(--muted)}.footer{text-align:center;color:var(--muted);background:linear-gradient(#05080f99,#05080fe6);border-top:1px solid #7dd3fc29;padding:2.4rem 2rem}.fade{opacity:0;transform-style:preserve-3d;transition:opacity .9s,transform .9s;transform:translateY(24px)translateZ(-40px)rotateX(8deg)}.fade.show{opacity:1;transform:translateZ(0)rotateX(0)}@keyframes float{0%{transform:translateX(var(--pointer-x))translateY(0)translateZ(30px)}50%{transform:translateX(var(--pointer-x))translateY(-10px)translateZ(40px)}to{transform:translateX(var(--pointer-x))translateY(0)translateZ(30px)}}@keyframes float-center{0%{transform:translate(calc(-50% + var(--pointer-x-strong)),calc(-50% + var(--pointer-y-strong)))translateZ(50px)}50%{transform:translate(calc(-50% + var(--pointer-x-strong)),calc(-55% + var(--pointer-y-strong)))translateZ(70px)}to{transform:translate(calc(-50% + var(--pointer-x-strong)),calc(-50% + var(--pointer-y-strong)))translateZ(50px)}}@keyframes drift{0%{transform:translateZ(-80px)translateX(var(--pointer-x-strong))translateY(calc(var(--pointer-y-strong) + var(--scroll-medium)))}50%{transform:translateZ(-80px)translateX(var(--pointer-x-strong))translateY(calc(var(--pointer-y-strong) + var(--scroll-medium) - 12px))}to{transform:translateZ(-80px)translateX(var(--pointer-x-strong))translateY(calc(var(--pointer-y-strong) + var(--scroll-medium)))}}@keyframes grid-drift{0%{background-position:0 0}to{background-position:0 220px}}@media (hover:hover){.nav-link:hover{background:#38bdf82e;transform:translateZ(45px)}.button:hover{transform:translateY(-2px)scale(1.02);box-shadow:0 20px 40px #38bdf84d}.nav-shell[data-tilt-active]{border-color:#38bdf880;box-shadow:0 28px 60px #020617bf}.card[data-tilt-active]{border-color:#fbbf2480;box-shadow:0 25px 60px #020617cc}.metric-card[data-tilt-active],.timeline-step[data-tilt-active],.stat-pill[data-tilt-active],.metric-callout[data-tilt-active],.visual-frame[data-tilt-active]{border-color:#38bdf873;box-shadow:0 22px 45px #020617b3}}@media (max-width:900px){.hero,.hero-split{text-align:center}.hero-actions,.hero-stats{justify-content:center}.hero-visual{min-height:320px}.visual-card-secondary{transform:translate(-50%,-50%)translateZ(-10px)translateX(var(--pointer-x))translateY(70px)}.visual-chip{left:0}.chip-right{right:0}.nav-shell{border-radius:24px;flex-direction:column;gap:.8rem}.nav-links{justify-content:center}.split-text,.split-text h1,.split-text h2{text-align:center}}@media (prefers-reduced-motion:reduce){.hero-logo,.hero:after,.visual-card-main,.hero-grid{animation:none}.fade,.card,a,.button,.nav-shell,[data-tilt]{transition:none}}