:root{color-scheme:dark;--bg:#070910;--surface:#0d111c;--line:#ffffff18;--muted:#9aa5b8;--text:#f4f7fb;--blue:#58a6ff;--violet:#8b6cff;font-family:Manrope,sans-serif;background:var(--bg);color:var(--text)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;overflow-x:hidden;background:var(--bg)}body:before{content:"";position:fixed;inset:0;z-index:-2;background:linear-gradient(#ffffff05 1px,transparent 1px),linear-gradient(90deg,#ffffff05 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(#000,transparent 70%)}.noise{position:fixed;inset:0;z-index:20;pointer-events:none;opacity:.035;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='.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}header{position:fixed;top:0;left:0;right:0;z-index:10;display:flex;align-items:center;justify-content:space-between;max-width:1400px;margin:auto;padding:24px clamp(24px,5vw,72px);background:linear-gradient(#070910ed,transparent)}.brand{display:flex;align-items:center;gap:12px;color:white;text-decoration:none}.brand i{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:linear-gradient(135deg,var(--blue),var(--violet));font-style:normal;font-weight:700;transform:rotate(8deg)}.brand b{font:700 19px "DM Sans"}nav{display:flex;align-items:center;gap:34px}nav a,.actions>a:not(.button){color:#bac3d1;text-decoration:none;font-size:14px}.nav-cta{padding:11px 17px;border:1px solid var(--line);border-radius:10px;background:#ffffff09}.menu{display:none;border:0;background:none;color:white;font-size:25px}.section{max-width:1400px;margin:auto;padding:120px clamp(24px,7vw,104px)}.hero{position:relative;display:grid;grid-template-columns:1.12fr .88fr;align-items:center;min-height:100vh;padding-top:150px;overflow:hidden}.copy{z-index:2}.eyebrow{display:flex;align-items:center;gap:10px;margin:0 0 24px;color:#8e9ab0;font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase}.eyebrow:before{content:"";width:24px;height:1px;background:linear-gradient(90deg,var(--blue),var(--violet))}h1,h2{font-family:"DM Sans";font-weight:600;letter-spacing:-.055em}.hero h1{margin:0;font-size:clamp(62px,8vw,118px);line-height:.87}em{font-style:normal;background:linear-gradient(100deg,var(--blue),#9c77ff);-webkit-background-clip:text;background-clip:text;color:transparent}.lead{max-width:610px;margin:32px 0;color:#a6b0c2;font-size:clamp(17px,1.7vw,21px);line-height:1.7}.actions{display:flex;align-items:center;gap:28px;margin-top:36px}.button{display:inline-flex;gap:28px;align-items:center;padding:15px 20px;border-radius:11px;background:linear-gradient(120deg,#2379f2,#7251ea);box-shadow:0 16px 44px #4152ff33;color:white;text-decoration:none;font-size:14px;font-weight:700;transition:.25s}.button:hover{transform:translateY(-3px)}.visual{position:relative;display:grid;place-items:center;height:560px}.core{display:grid;place-items:center;width:210px;height:210px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#a3c8ff,#5a80ff 16%,#5730b2 45%,#10152b 68%);box-shadow:0 0 70px #525aff57,inset -20px -20px 40px #0006;font:700 31px "DM Sans";letter-spacing:.15em;animation:float 6s ease-in-out infinite}.orbit{position:absolute;border:1px solid #859aff38;border-radius:50%;transform:rotate(-20deg)}.orbit.one{width:390px;height:160px}.orbit.two{width:490px;height:240px;transform:rotate(24deg)}.tag{position:absolute;padding:8px 12px;border:1px solid var(--line);border-radius:99px;background:#0b0f1bb8;color:#aab6c9;font-size:11px}.t1{top:22%;left:14%}.t2{right:3%;top:48%}.t3{bottom:18%;left:24%}.meta{position:absolute;bottom:35px;left:7%;right:7%;display:flex;justify-content:space-between;color:#657087;font-size:11px;text-transform:uppercase;letter-spacing:.14em}.meta span:first-child:before{content:"";display:inline-block;width:7px;height:7px;margin-right:9px;border-radius:50%;background:#55e6a5;box-shadow:0 0 12px #55e6a5}.heading h2,.contact h2{margin:0;font-size:clamp(43px,5.5vw,76px);line-height:1.03}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:64px}.card{position:relative;min-height:490px;padding:32px;border:1px solid var(--line);border-radius:20px;background:#0c101bc7;transition:.3s}.card:hover{transform:translateY(-6px);border-color:#6c82ff73}.card.featured{background:linear-gradient(145deg,#29469648,#15112f99)}.card>span{position:absolute;right:30px;color:#657087}.card h3{margin:30px 0 12px;font:600 28px "DM Sans"}.card p{color:#99a5b9;line-height:1.7}.card small{display:inline-block;margin:18px 4px 0 0;padding:7px 10px;border:1px solid var(--line);border-radius:7px;color:#7f8ba0}.art{height:180px;display:grid;place-items:center}.window{grid-template-columns:18px 18px 18px;align-content:center;justify-content:center;gap:8px;border:1px solid #ffffff12;border-radius:14px;background:linear-gradient(145deg,#11192a,#090d16)}.window i{width:7px;height:7px;border-radius:50%;background:#48516a}.window b{grid-column:1/4;width:190px;height:72px;border-radius:8px;background:linear-gradient(120deg,#4e91ff40,#8553ff50)}.code{font:700 27px "DM Sans"}.code:before{content:"";position:absolute;width:110px;height:110px;border-radius:30px;background:linear-gradient(135deg,#2b7df1,#704de0);transform:rotate(-7deg);z-index:-1;box-shadow:0 24px 70px #504de14d}.flow{display:flex;gap:35px}.flow i{width:28px;height:28px;border:2px solid #6d83ff;border-radius:9px;box-shadow:0 0 25px #4c6bff40}.split{display:flex;justify-content:space-between;align-items:end;gap:40px}.split>p{max-width:390px;color:#8f9aaf;line-height:1.7}.projects{display:grid;grid-template-columns:1.4fr .8fr;gap:18px;margin-top:60px}.project{padding:14px;border:1px solid var(--line);border-radius:22px;background:#0b0f18}.mock{display:grid;place-items:center;height:450px;border-radius:14px}.mock-a{background:radial-gradient(circle at 40% 40%,#213e81,#0c1021 60%)}.mock-b{background:radial-gradient(circle at 60% 30%,#513986,#171125 55%)}.dashboard{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;width:75%;padding:18px;border:1px solid #ffffff29;border-radius:16px;background:#0a0e19d1;transform:perspective(900px) rotateY(-7deg)}.dashboard b{grid-column:1/5;height:20px;border-bottom:1px solid var(--line)}.dashboard i{height:60px;border-radius:7px;background:linear-gradient(150deg,#508bff40,#ffffff08)}.dashboard span{grid-column:1/5;height:120px;border-radius:8px;background:linear-gradient(#655bff40,transparent)}.phone{width:205px;height:380px;padding:26px 19px;border:6px solid #161a29;border-radius:38px;background:#f0f3fb;color:#141722;transform:rotate(7deg);box-shadow:0 35px 80px #0006}.phone i{display:block;width:52px;height:12px;margin:0 auto 58px;border-radius:10px;background:#141722}.phone h4{font:700 25px "DM Sans"}.phone span{display:block;height:48px;margin-top:13px;border-radius:12px;background:#dce3f0}.phone span:nth-of-type(2){background:linear-gradient(120deg,#5b91ff,#876bff)}.project footer{display:flex;align-items:center;justify-content:space-between;padding:24px 14px 12px}.project small{color:#727e92}.project h3{margin:7px 0 0;font:600 22px "DM Sans"}.project footer>b{font-size:25px}.process{display:grid;grid-template-columns:.85fr 1.15fr;gap:9vw}.process ol{margin:0;padding:0;list-style:none}.process li{display:grid;grid-template-columns:55px 1fr;gap:22px;padding:27px 0;border-top:1px solid var(--line)}.process li:last-child{border-bottom:1px solid var(--line)}.process li>b{color:#657087;font-size:12px}.process h3{margin:0 0 8px;font:600 23px "DM Sans"}.process p{margin:0;color:#8f9aaf}.contact{position:relative;margin-bottom:70px;padding-top:130px;padding-bottom:130px;text-align:center;border:1px solid var(--line);border-radius:28px;background:linear-gradient(145deg,#152a5399,#160d2cb3);overflow:hidden}.contact .eyebrow{justify-content:center}.contact h2{font-size:clamp(48px,7vw,96px)}.contact>p:not(.eyebrow){max-width:540px;margin:28px auto;color:#aeb8c8;font-size:18px;line-height:1.7}.button.light{background:white;color:#0b0e16}.site-footer{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;max-width:1400px;margin:auto;padding:28px clamp(24px,7vw,104px) 50px;color:#667187;font-size:12px}.site-footer p:nth-child(2){text-align:center}.site-footer p:last-child{text-align:right}.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s,transform .7s}.reveal.visible{opacity:1;transform:none}@keyframes float{50%{transform:translateY(-18px) rotate(2deg)}}@media(max-width:980px){.hero{grid-template-columns:1fr}.visual{position:absolute;right:-170px;opacity:.48}.cards{grid-template-columns:1fr}.card{min-height:auto}.projects,.process{grid-template-columns:1fr}.split{align-items:start;flex-direction:column}}@media(max-width:720px){header{padding:18px 22px;background:#070910e8}.menu{display:block}nav{position:absolute;top:67px;left:18px;right:18px;display:none;flex-direction:column;align-items:stretch;gap:0;padding:12px;border:1px solid var(--line);border-radius:14px;background:#0d111c}nav.open{display:flex}nav a{padding:14px}.section{padding:90px 22px}.hero{padding-top:130px}.hero h1{font-size:clamp(55px,17vw,82px)}.visual{right:-280px}.actions{align-items:flex-start;flex-direction:column}.meta{display:none}.mock{height:320px}.contact{margin:40px 16px 50px;padding:80px 22px}.contact h2{font-size:14vw}.site-footer{grid-template-columns:1fr;gap:12px;padding:20px 22px 40px}.site-footer p:nth-child(2),.site-footer p:last-child{text-align:left}}

/* Accessibility and small-screen refinements. */
html{scroll-padding-top:100px}
:focus-visible{outline:3px solid #a8cfff;outline-offset:5px}
.skip-link{position:fixed;top:12px;left:16px;z-index:30;padding:14px 20px;border-radius:10px;background:white;color:#070910;transform:translateY(-160%)}
.skip-link:focus{transform:none}
.menu,.brand,nav a,.actions>a{min-height:44px}
nav a,.actions>a{display:inline-flex;align-items:center}
.menu{min-width:44px;cursor:pointer}
.reveal{opacity:1;transform:none}
.reveal.reveal-pending{opacity:0;transform:translateY(24px)}
.reveal:focus-within{opacity:1;transform:none}
.meta,.card>span,.card small,.project small,.process li>b,.site-footer{color:#a3aec1}
.button:not(.light){background:linear-gradient(120deg,#195dc0,#6340ce)}
.hero{min-height:100svh}
.copy,.heading,.project footer>div,.process li>div{min-width:0}
.project footer{gap:12px}
h1,h2,h3,p{overflow-wrap:break-word}
@media(max-width:720px){
  html{scroll-padding-top:92px}
  .menu{display:none}
  .navigation-ready .menu{display:block}
  html:not(.navigation-ready) header{position:relative;flex-wrap:wrap;gap:12px}
  html:not(.navigation-ready) nav{position:static;display:flex;width:100%;flex-direction:row;flex-wrap:wrap;padding:0}
  .visual{pointer-events:none}
  .mock-b{height:380px}
  .phone{transform:rotate(7deg) scale(.82)}
  .card{padding:24px}
  .window b{width:min(190px,55vw)}
  .contact h2{font-size:clamp(32px,11.5vw,76px)}
  .heading h2{font-size:clamp(34px,8vw,57px)}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition:none!important}
  .reveal.reveal-pending{opacity:1;transform:none}
}