:root{--bg:#05050a;--panel:#0b0d15;--text:#f5f7ff;--muted:#9da3b5;--blue:#00a8ff;--purple:#a855f7;--pink:#ff20d4;--line:rgba(255,255,255,.1)}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif;overflow-x:hidden}.noise{position:fixed;inset:0;opacity:.035;pointer-events:none;z-index:10;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.orb{position:fixed;width:420px;height:420px;border-radius:50%;filter:blur(120px);opacity:.12;pointer-events:none}.orb-a{background:#006cff;top:5%;right:-160px}.orb-b{background:#e000ff;bottom:5%;left:-180px}
.nav{height:78px;position:fixed;top:0;left:0;right:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:10px 5%;background:rgba(5,5,10,.7);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.06)}.brand img{width:120px;height:58px;object-fit:contain}.nav nav{display:flex;gap:30px}.nav a{color:#dfe4f1;text-decoration:none;font-size:13px;font-weight:600;letter-spacing:.04em}.nav nav a:hover{color:white}.nav-cta,.btn{border:1px solid rgba(255,255,255,.18);padding:12px 18px;border-radius:100px}.nav-cta{background:linear-gradient(100deg,#fff,#b8eaff);color:#070810!important}.menu{display:none;background:none;border:0;color:white;font-size:25px}
.hero{min-height:100vh;padding:145px 7% 70px;display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center;position:relative}.eyebrow{font-size:11px;letter-spacing:.2em;color:#9ca4b8;font-weight:800;margin-bottom:22px}.eyebrow i{display:inline-block;width:7px;height:7px;background:#00d5ff;border-radius:50%;box-shadow:0 0 14px #00d5ff;margin-right:9px}.hero h1,h2{font-family:"Space Grotesk",sans-serif;line-height:.92;letter-spacing:-.06em}.hero h1{font-size:clamp(65px,9vw,140px);font-weight:700}.hero h1 span,h2 span{background:linear-gradient(90deg,#fff,#9bc9ff 35%,#d75cff 75%,#ff3fb4);-webkit-background-clip:text;color:transparent}.hero p{max-width:650px;color:#aeb5c5;line-height:1.8;margin:30px 0;font-size:17px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.btn{text-decoration:none;display:inline-flex;gap:14px;align-items:center;font-weight:700}.primary{background:white;color:#070810}.ghost{color:white;background:rgba(255,255,255,.03)}.mini-stats{display:flex;gap:45px;margin-top:60px}.mini-stats b{display:block;font-size:24px}.mini-stats small{font-size:9px;color:#777f91;letter-spacing:.15em}.hero-visual{height:580px;position:relative;display:grid;place-items:center}.grid{position:absolute;inset:0;background:linear-gradient(rgba(0,175,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(0,175,255,.12) 1px,transparent 1px);background-size:35px 35px;mask-image:radial-gradient(circle,black,transparent 68%);transform:perspective(600px) rotateX(55deg) translateY(80px)}.ring{position:absolute;border:1px solid rgba(0,174,255,.35);border-radius:50%;box-shadow:0 0 50px rgba(0,160,255,.12)}.ring1{width:430px;height:430px}.ring2{width:330px;height:330px;border-color:rgba(225,45,255,.3)}.logo-card{width:300px;height:300px;border-radius:50%;background:radial-gradient(circle at 40% 30%,#152d57,#05070e 65%);display:grid;place-items:center;box-shadow:0 0 80px rgba(0,137,255,.25),0 0 130px rgba(214,20,255,.12);border:1px solid rgba(255,255,255,.14);z-index:2}.logo-card img{width:290px;height:290px;object-fit:contain}.floating{position:absolute;padding:9px 13px;border:1px solid rgba(255,255,255,.15);background:rgba(9,12,20,.72);backdrop-filter:blur(10px);font-size:9px;letter-spacing:.13em;color:#cdd6e8;border-radius:5px;z-index:3}.f1{top:20%;right:2%;color:#c98cff}.f2{bottom:19%;left:0;color:#64d7ff}.f3{top:10%;left:7%;color:#ff7ce7}
.marquee{overflow:hidden;border-block:1px solid var(--line);white-space:nowrap;padding:17px 0;color:#81899c;font-size:12px;letter-spacing:.18em}.marquee div{display:inline-block;animation:scroll 25s linear infinite}@keyframes scroll{to{transform:translateX(-50%)}}
.section{padding:130px 7%;position:relative}.split{display:grid;grid-template-columns:1fr 1fr;gap:100px;border-bottom:1px solid var(--line)}h2{font-size:clamp(50px,6vw,88px)}.about-text{max-width:650px}.lead{font-size:25px;line-height:1.4;margin-bottom:28px}.about-text>p:not(.lead){color:#9299aa;line-height:1.9}.pill-row{display:flex;flex-wrap:wrap;gap:9px;margin-top:30px}.pill-row span{border:1px solid var(--line);padding:9px 13px;border-radius:100px;font-size:11px;color:#c6cada}
.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:55px}.section-head>p{max-width:330px;color:#8e95a6;line-height:1.7}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.service{min-height:320px;padding:30px;background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.015));border:1px solid var(--line);position:relative;transition:.35s}.service:hover{transform:translateY(-7px);border-color:rgba(0,185,255,.5);box-shadow:0 20px 60px rgba(0,100,255,.08)}.service.hot{background:linear-gradient(145deg,rgba(117,31,255,.16),rgba(0,180,255,.04))}.num{font-size:10px;color:#6d7588;letter-spacing:.1em}.icon{margin:50px 0 20px;font-size:25px;color:#7bdcff}.service h3{font-size:23px;margin-bottom:13px}.service p{color:#8d94a6;line-height:1.7;font-size:14px}.service a{position:absolute;bottom:28px;color:white;text-decoration:none;font-size:12px;font-weight:700}
.filters{display:flex;gap:6px;flex-wrap:wrap}.filters button{background:transparent;color:#858d9f;border:1px solid var(--line);padding:8px 13px;border-radius:100px;cursor:pointer}.filters button.active,.filters button:hover{background:white;color:#080910}.work-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:45px 15px}.project{cursor:pointer}.project-art{height:400px;display:flex;align-items:end;padding:25px;margin-bottom:15px;overflow:hidden;position:relative;border:1px solid var(--line);transition:.4s}.project:hover .project-art{transform:scale(.99);box-shadow:0 25px 70px rgba(0,0,0,.4)}.project-art span{font-family:"Space Grotesk";font-size:45px;font-weight:700;line-height:.85;z-index:2}.art1{background:radial-gradient(circle at 65% 35%,#f0b,#120019 45%,#05050a)}.art2{background:linear-gradient(135deg,#052c48,#070b15 55%,#5e1b77)}.art3{background:radial-gradient(circle at 40% 40%,#ff7b00,#20100b 32%,#05050a)}.art4{background:linear-gradient(135deg,#041b24,#09111a 50%,#37145c)}.project small{color:#6f788b;letter-spacing:.15em;font-size:9px}.project h3{font-size:20px;margin-top:6px}
.ai-section{display:grid;grid-template-columns:1.1fr .9fr;gap:30px;background:linear-gradient(180deg,transparent,rgba(41,24,75,.18),transparent)}.ai-panel{padding:55px;border:1px solid rgba(174,75,255,.2);background:rgba(12,10,22,.55)}.ai-panel>p{color:#979daf;line-height:1.8;max-width:650px;margin:25px 0 40px}.ai-list{display:grid;gap:9px}.ai-list div{display:grid;grid-template-columns:30px 1fr;gap:2px 10px;padding:17px;border:1px solid var(--line)}.ai-list span{grid-row:1/3;color:#b86cff}.ai-list b{font-size:14px}.ai-list small{color:#777f91}.terminal{border:1px solid rgba(0,184,255,.2);background:#050a10;align-self:center;box-shadow:0 0 70px rgba(0,152,255,.08)}.terminal-top{height:38px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:6px;padding:0 14px}.terminal-top span{width:7px;height:7px;border-radius:50%;background:#343b49}.terminal-top label{margin-left:auto;color:#566175;font-size:10px}.terminal-body{padding:35px 28px;min-height:310px;font:12px/2 monospace;color:#7e91a8}.terminal em{color:#b967ff;font-style:normal}.terminal strong{color:#7ee7ff}.cursor{animation:blink 1s infinite}@keyframes blink{50%{opacity:0}}
.process{border-top:1px solid var(--line)}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:65px}.process-grid div{padding:25px;border-top:1px solid var(--line)}.process-grid b{color:#6e788c}.process-grid h3{font-size:13px;margin:25px 0 10px}.process-grid p{font-size:13px;color:#7d8495;line-height:1.6}
.contact-card{border:1px solid var(--line);padding:75px;background:radial-gradient(circle at 80% 30%,rgba(137,36,255,.18),transparent 35%),radial-gradient(circle at 20% 90%,rgba(0,166,255,.12),transparent 30%)}.contact-card>p{color:#8f96a7;margin:25px 0 45px}.contact-links{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.contact-links a{padding:25px;border:1px solid var(--line);text-decoration:none;color:white;background:rgba(0,0,0,.18)}.contact-links small{display:block;color:#687184;letter-spacing:.14em;font-size:8px;margin-bottom:10px}.contact-links b{font-size:13px}
footer{padding:45px 7%;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:20px;color:#737b8d;font-size:10px;letter-spacing:.1em}footer img{width:110px;height:50px;object-fit:contain}footer span{color:#bd73ff}footer small{text-align:right;letter-spacing:0;font-size:9px}
@media(max-width:900px){.nav nav,.nav-cta{display:none}.menu{display:block}.hero,.split,.ai-section{grid-template-columns:1fr}.hero{padding-top:130px}.hero-visual{height:470px}.service-grid{grid-template-columns:repeat(2,1fr)}.section-head{align-items:start;flex-direction:column}.process-grid{grid-template-columns:repeat(2,1fr)}.contact-links{grid-template-columns:1fr}.work-grid{grid-template-columns:1fr}footer{grid-template-columns:1fr;text-align:center}footer small{text-align:center}.brand img{width:105px}}
@media(max-width:560px){.section{padding:90px 5%}.hero{padding:120px 5% 60px}.hero h1{font-size:60px}.hero p{font-size:15px}.mini-stats{gap:18px}.mini-stats b{font-size:19px}.hero-visual{height:370px}.logo-card{width:220px;height:220px}.logo-card img{width:215px;height:215px}.ring1{width:310px;height:310px}.ring2{width:250px;height:250px}.floating{font-size:7px}.service-grid,.process-grid{grid-template-columns:1fr}.service{min-height:285px}.project-art{height:300px}.project-art span{font-size:34px}.ai-panel,.contact-card{padding:30px}h2{font-size:49px}.contact-links b{font-size:11px}}