@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700;750&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#06080e;--panel:#0c111d;--panel2:#0e1421;--line:#252e40;--white:#f5f8ff;--muted:#a2aec2;--blue:#397cff;--bright:#6fb7ff;--cyan:#8de7ff;--g:linear-gradient(125deg,#69d8ff 0%,#6899ff 46%,#aa8fff 100%);--max:1190px;--r:22px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:106px}body{margin:0;background:var(--bg);color:var(--white);font-family:'DM Sans',system-ui,-apple-system,sans-serif;line-height:1.55;overflow-x:hidden;-webkit-font-smoothing:antialiased}button,input,textarea{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}img{max-width:100%;display:block}::selection{background:#387fff66;color:white}*:focus-visible{outline:2px solid #82c9ff;outline-offset:4px}p,h1,h2,h3{margin-top:0}.container{width:min(var(--max),calc(100% - 48px));margin-inline:auto}.eyebrow{font-family:'Space Grotesk',sans-serif;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.19em;color:#a5c7f7;display:inline-flex;align-items:center;gap:10px}.eyebrow::before{content:"";width:24px;height:1px;background:#60aaff}.section-head{max-width:700px;margin-bottom:42px}.section-head h2,.statement h2,.contact-panel h2{font-family:'Space Grotesk',sans-serif;font-weight:600;line-height:1.09;letter-spacing:-.055em;font-size:clamp(36px,5vw,63px);margin:18px 0 15px}.section-head p{color:var(--muted);font-size:17px;max-width:570px}.highlight{background:var(--g);background-clip:text;-webkit-background-clip:text;color:transparent}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;border:1px solid transparent;border-radius:100px;padding:15px 23px;font-size:14px;font-weight:750;white-space:nowrap;transition:transform .2s,border-color .2s,background .2s,box-shadow .2s}.button:hover{transform:translateY(-2px)}.button.primary{color:#040913;background:linear-gradient(108deg,#9fe8ff,#5e9dff);box-shadow:0 12px 48px #387cff3d}.button.primary:hover{box-shadow:0 15px 60px #387cff70}.button.ghost{border-color:#344058;color:#e7f0ff;background:#101626}.button.ghost:hover{border-color:#699ef7;background:#172440}.arrow{font-size:19px;font-weight:500;line-height:1}.header{height:82px;display:flex;align-items:center;position:sticky;top:0;z-index:50;border-bottom:1px solid #ffffff12;background:#080c14e8;backdrop-filter:blur(25px)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{display:inline-flex;align-items:center;gap:11px;flex-shrink:0}.brand-mark{display:grid;place-items:center;width:43px;height:43px;border-radius:13px;background:linear-gradient(135deg,#131d34,#0b101b);border:1px solid #3a68a1;box-shadow:inset 0 0 18px #3985ff1a}.brand-mark svg{width:32px;height:32px}.brand-name{font-family:'Space Grotesk',sans-serif;font-size:16px;font-weight:700;letter-spacing:-.035em;line-height:1.05}.brand-name small{display:block;margin-top:3px;color:#7c9dbf;letter-spacing:.19em;font-size:8px;font-weight:700}.nav{display:flex;align-items:center;gap:31px}.nav a{font-size:13px;color:#b7c3d5;font-weight:650;transition:color .2s}.nav a:hover,.nav a:focus-visible{color:#fff}.header-actions{display:flex;align-items:center;gap:10px}.lang{position:relative}.lang>summary{list-style:none;display:flex;gap:7px;align-items:center;cursor:pointer;padding:10px 11px;border:1px solid #2e394d;border-radius:11px;color:#e0eaff;font-weight:700;font-size:12px;min-width:70px;justify-content:center}.lang>summary::-webkit-details-marker{display:none}.lang[open]>summary{background:#142039}.lang-menu{position:absolute;top:calc(100% + 10px);right:0;background:#101727;border:1px solid #2f3b53;padding:7px;border-radius:13px;box-shadow:0 15px 50px #0008;width:156px;z-index:70}.lang-menu a{display:block;padding:9px 12px;font-size:13px;border-radius:8px;color:#c5d0df}.lang-menu a:hover,.lang-menu a[aria-current=page]{background:#1f3250;color:white}.header-cta{padding:11px 17px;font-size:12px}.menu-button{display:none;align-items:center;justify-content:center;width:42px;height:42px;border:1px solid #35425a;border-radius:11px;background:#0e1625;color:white;font-size:23px}.hero{position:relative;padding:112px 0 105px;isolation:isolate;overflow:hidden}.hero::before{content:"";position:absolute;inset:0;z-index:-2;background:radial-gradient(ellipse 690px 500px at 72% 44%,#154b9e3d,transparent 70%),radial-gradient(ellipse 550px 360px at 15% 9%,#1949a322,transparent 70%)}.hero::after{content:"";position:absolute;inset:0;z-index:-1;opacity:.3;background-image:radial-gradient(#60769e 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(to bottom,black,transparent 83%)}.hero-grid{display:grid;grid-template-columns:1.06fr .94fr;gap:40px;align-items:center}.hero-copy{position:relative;z-index:5}.hero-tag{display:inline-flex;align-items:center;gap:8px;background:#0c1727;border:1px solid #274875;padding:9px 14px;border-radius:999px;color:#d8e8ff;font-weight:650;font-size:11px;letter-spacing:.055em;margin-bottom:26px}.pulse{width:7px;height:7px;background:#71d9fa;border-radius:50%;box-shadow:0 0 0 4px #59bfff22,0 0 18px #72caff}.hero h1{font-family:'Space Grotesk',sans-serif;letter-spacing:-.065em;font-size:clamp(48px,5.65vw,82px);line-height:1.06;font-weight:600;margin:0 0 26px;max-width:700px}.hero-lead{color:#b0bed3;font-size:18px;max-width:548px;line-height:1.75}.hero-buttons{display:flex;gap:13px;flex-wrap:wrap;margin-top:32px}.proof{display:flex;gap:16px;align-items:center;margin-top:44px;flex-wrap:wrap}.proof span{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:#97a7bf}.proof .dot{width:5px;height:5px;background:#394e73;border-radius:50%}.proof svg{width:16px;height:16px;stroke:#74b8fc}.hero-visual{position:relative;padding:45px 0 30px;min-width:0;perspective:1100px}.aura{position:absolute;inset:12% -10% 2%;filter:blur(54px);background:radial-gradient(closest-side,#2062ba55,transparent);pointer-events:none}.browser{background:#0c1321;overflow:hidden;border-radius:20px;border:1px solid #5475ad70;box-shadow:0 34px 100px #000b,0 0 50px #4585ff1d;position:relative;transform:rotateY(-7deg) rotateX(2deg)}.browser-top{height:44px;display:flex;align-items:center;gap:12px;padding:0 19px;background:#111b2b;border-bottom:1px solid #283b58}.dots{display:flex;gap:6px}.dots span{height:7px;width:7px;border-radius:50%;background:#4d5e73}.dots span:first-child{background:#567bae}.url-pill{border:1px solid #293a56;background:#0a1220;border-radius:7px;color:#8297b5;font-size:10px;padding:5px 24px;margin:auto}.mock-page{padding:26px;background:radial-gradient(ellipse at 92% 17%,#2269a66b,transparent 52%),linear-gradient(136deg,#0c1321,#07101d);min-height:412px}.mock-nav{display:flex;justify-content:space-between;align-items:center;font-family:'Space Grotesk';font-weight:700;font-size:13px}.mock-nav b{color:#a6eaff}.mock-nav .mock-links{display:flex;gap:10px}.mock-links span{width:25px;height:3px;background:#375071;border-radius:10px}.mock-hero{display:grid;grid-template-columns:1fr .9fr;align-items:center;gap:8px;margin-top:51px;min-height:210px}.mock-head{font-family:'Space Grotesk';font-size:clamp(23px,2.2vw,34px);font-weight:600;line-height:1.14;letter-spacing:-.06em;max-width:215px}.mock-sub{font-size:11px;color:#a4b5ce;line-height:1.55;max-width:225px;margin-top:14px}.mock-cta{width:118px;height:29px;margin-top:16px;background:linear-gradient(90deg,#86d8ff,#619dff);border-radius:99px}.mock-orb{height:195px;position:relative;display:grid;place-items:center}.orb-ring{position:absolute;inset:2px;border-radius:50%;border:1px solid #77baff48;transform:rotateX(65deg) rotate(29deg);box-shadow:0 0 45px #55b3ff2e}.orb-ring.two{transform:rotateY(62deg) rotate(20deg);inset:20px}.orb-center{width:142px;height:142px;border-radius:34% 66% 68% 32% / 40% 45% 55% 60%;background:radial-gradient(circle at 30% 24%,#b2f2ff 0%,#539dff 29%,#1844a7 63%,#061a45 92%);filter:drop-shadow(0 0 24px #2b87ff98);animation:orb 8s ease-in-out infinite}.mock-bottom{display:flex;gap:9px;margin-top:23px}.mock-bottom i{height:35px;border:1px solid #2f4865;border-radius:8px;background:#152239bb;flex:1}.float-note{position:absolute;left:-34px;bottom:9px;background:#111c30f2;border:1px solid #426391;border-radius:14px;box-shadow:0 15px 45px #0008;display:flex;gap:12px;align-items:center;padding:14px 18px;z-index:4;backdrop-filter:blur(15px)}.float-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:#1d4f92;color:#99dfff}.float-note strong,.float-note small{display:block}.float-note strong{font-size:12px}.float-note small{font-size:10px;color:#90a8c6;margin-top:3px}.float-code{position:absolute;right:-19px;top:12px;border:1px solid #4167a0;background:#111d32ed;color:#8ed8ff;padding:10px 14px;border-radius:11px;font-family:monospace;font-size:11px;box-shadow:0 10px 40px #0009}.ticker{border-block:1px solid #1e2c41;background:#0a101b}.ticker-inner{min-height:85px;display:flex;gap:15px;align-items:center;justify-content:space-between;flex-wrap:wrap}.ticker strong{font-size:11px;letter-spacing:.18em;color:#799ac6;text-transform:uppercase}.ticker .keys{display:flex;align-items:center;justify-content:space-between;gap:25px;flex:1;max-width:870px;flex-wrap:wrap}.ticker .keys span{color:#94a1b7;font-family:'Space Grotesk';font-weight:600;letter-spacing:-.02em}.ticker .keys em{font-style:normal;color:#3e669c;margin-right:13px;font-weight:400}.section{padding:125px 0}.services-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.service{position:relative;background:linear-gradient(155deg,#101829,#090e18);border:1px solid #23324a;border-radius:var(--r);padding:31px;min-height:305px;overflow:hidden;transition:transform .25s,border .25s}.service:hover{transform:translateY(-5px);border-color:#4874b7}.service::after{content:"";position:absolute;top:-90px;right:-100px;width:210px;height:210px;border-radius:50%;background:#277aff18;filter:blur(23px)}.service-index{font-family:'Space Grotesk';font-size:11px;color:#7292bb;letter-spacing:.1em}.service-icon{margin:24px 0 21px;width:57px;height:57px;display:grid;place-items:center;border:1px solid #35527b;background:#152640;border-radius:15px;color:#90c9ff}.service-icon svg{width:27px;height:27px}.service h3{font-family:'Space Grotesk';font-size:21px;letter-spacing:-.035em;font-weight:600;margin-bottom:12px}.service p{font-size:14px;color:#a1adc0;line-height:1.7;max-width:280px}.work-section{padding:120px 0;background:linear-gradient(#090d15,#080c13);border-block:1px solid #1c2739}.work-top{display:flex;align-items:end;justify-content:space-between;gap:24px}.work-top .section-head{margin:0 0 33px}.work-num{font-family:'Space Grotesk';font-size:13px;letter-spacing:.16em;color:#769cca;margin-bottom:38px;white-space:nowrap}.projects{display:grid;grid-template-columns:1fr 1fr;gap:24px}.project{background:#0e1420;border:1px solid #253148;border-radius:24px;overflow:hidden;transition:transform .2s,border-color .2s}.project:hover{transform:translateY(-5px);border-color:#5078b0}.project-picture{aspect-ratio:1.62;position:relative;overflow:hidden;background:#111}.project-picture img,.project-picture>svg{width:100%;height:100%;object-fit:cover;display:block}.project-overlay{position:absolute;left:18px;top:18px;background:#061325e5;border:1px solid #8cb9ff69;color:#d4e9ff;font-size:10px;letter-spacing:.09em;text-transform:uppercase;padding:7px 10px;border-radius:100px;font-weight:750}.project-body{padding:28px 28px 30px}.project-body h3{font-family:'Space Grotesk';font-size:23px;letter-spacing:-.042em;margin-bottom:9px}.project-type{color:#6cb7ff;font-weight:700;font-size:11px;letter-spacing:.1em;text-transform:uppercase}.project-body p{color:#aab6c8;font-size:14px;line-height:1.7;min-height:76px;margin:10px 0 18px}.project-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #253145;padding-top:19px}.project-foot .disclaimer{font-size:11px;color:#8495ad;max-width:265px}.textlink{font-size:13px;font-weight:800;color:#a3d2ff;white-space:nowrap}.textlink:hover{text-decoration:underline}.portfolio-notice{margin:24px 0 0;color:#879bb3;font-size:12px;line-height:1.7}.approach{border-bottom:1px solid #1a2739}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;counter-reset:steps}.step{border-top:1px solid #42628e;padding:24px 16px 12px 0}.step span{font-family:'Space Grotesk';font-size:13px;color:#6ca9fd}.step h3{font-size:21px;letter-spacing:-.04em;font-family:'Space Grotesk';margin:27px 0 11px}.step p{font-size:14px;color:#9eadc1;line-height:1.7}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:12%;align-items:start}.about-grid .section-head{margin-bottom:0}.about-copy{padding-top:23px}.about-copy p{font-size:17px;color:#a8b6cb;line-height:1.85}.about-label{display:flex;align-items:center;gap:11px;margin-top:32px;padding-top:23px;border-top:1px solid #253149;color:#aec8eb;font-size:13px}.about-label svg{width:21px;height:21px;stroke:#7dbeff}.faq-section{padding-top:0}.faq-list{border-top:1px solid #2b3750}.faq-list details{border-bottom:1px solid #2b3750;padding:21px 0}.faq-list summary{display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;list-style:none;font-size:17px;font-weight:650}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary::after{content:'+';font-family:monospace;font-size:24px;font-weight:300;color:#80b9fa}.faq-list details[open] summary::after{content:'−'}.faq-list p{max-width:800px;color:#9eb0c8;line-height:1.8;margin:14px 0 3px;font-size:14px}.contact-section{padding:25px 0 110px}.contact-panel{position:relative;border:1px solid #365c96;border-radius:30px;background:radial-gradient(ellipse at 1% 5%,#1c69bf36,transparent 50%),linear-gradient(135deg,#101b31,#0a111d 70%);padding:60px;overflow:hidden;display:grid;grid-template-columns:1fr .88fr;gap:9%;box-shadow:0 20px 90px #0005}.contact-panel:after{content:"";position:absolute;width:270px;height:270px;right:-120px;top:-140px;border:1px solid #7baffd4d;transform:rotate(40deg);border-radius:50%;pointer-events:none}.contact-panel h2{font-size:clamp(39px,4.8vw,61px)}.contact-panel .contact-lead{font-size:16px;color:#aebed5;line-height:1.75}.mail-row{margin-top:30px;display:flex;gap:11px;align-items:center;flex-wrap:wrap}.email-address{font-size:14px;color:#bfe4ff;font-weight:650;word-break:break-word}.copy-btn{border:1px solid #4a6588;color:#d5e6ff;background:#172b49;padding:7px 12px;border-radius:9px;font-size:12px}.copy-btn:hover{background:#203c62}.contact-form{position:relative;z-index:2;padding:27px;background:#0b1220c9;border:1px solid #29405e;border-radius:20px}.contact-form .form-title{font-family:'Space Grotesk';font-size:18px;font-weight:600;margin-bottom:15px}.field{margin-bottom:15px}.field label{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.09em;font-weight:750;color:#9cb9dc;margin-bottom:8px}.field input,.field textarea{width:100%;background:#101a2b;border:1px solid #314461;border-radius:10px;outline:none;color:#eef6ff;padding:12px 13px;font-size:13px;transition:border .2s;resize:vertical}.field input::placeholder,.field textarea::placeholder{color:#647891}.field input:focus,.field textarea:focus{border-color:#68adfc;box-shadow:0 0 0 3px #4e97ff1e}.contact-form .button{width:100%;border:0}.form-help{font-size:11px;color:#839bb7;line-height:1.5;margin:12px 0 0}.footer{border-top:1px solid #253148;padding:34px 0 42px}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}.footer .brand-mark{height:36px;width:36px;border-radius:10px}.footer .brand-mark svg{width:28px}.footer .brand-name{font-size:13px}.footer p{margin:0;color:#8596ae;font-size:12px}.footer-links{display:flex;gap:22px;font-size:12px;color:#a1b4cb}.footer-links a:hover{color:#fff}.to-top{color:#9ec7ff}.reveal{opacity:1;transform:none}.reveal.visible{animation:fadeUp .65s ease both}@keyframes fadeUp{from{opacity:.35;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes orb{50%{transform:rotate(24deg) translateY(-7px);border-radius:53% 47% 39% 61% / 54% 54% 46% 46%}}@media(max-width:1100px){.nav{gap:18px}.header-actions .header-cta{display:none}.hero h1{font-size:clamp(48px,5.5vw,69px)}.float-note{left:-10px}.float-code{right:-4px}.ticker .keys{gap:13px}}
@media(max-width:850px){.header{height:70px}.nav{position:absolute;left:0;right:0;top:70px;display:none;flex-direction:column;align-items:stretch;gap:0;background:#0a111ef8;padding:15px 24px 22px;border-bottom:1px solid #3b4c69;box-shadow:0 25px 40px #0009}.nav.open{display:flex}.nav a{padding:13px 3px;font-size:15px}.menu-button{display:flex}.hero{padding:73px 0 68px}.hero-grid{grid-template-columns:1fr;gap:20px}.hero-copy{max-width:720px}.hero h1{font-size:clamp(51px,8vw,80px)}.hero-visual{max-width:620px;width:100%;margin:auto;padding:30px 20px 35px}.float-note{left:0}.float-code{right:0}.services-grid{grid-template-columns:1fr 1fr}.service:last-child{grid-column:span 2}.section{padding:90px 0}.contact-panel{gap:35px;padding:35px}.contact-panel h2{font-size:44px}.ticker-inner{padding-block:18px;gap:15px}.ticker .keys{flex-wrap:wrap;justify-content:flex-start;column-gap:25px}.projects{gap:15px}.project-body{padding:22px}.project-foot{align-items:start;flex-direction:column}.about-grid{gap:6%}}
@media(max-width:600px){.container{width:calc(100% - 36px)}.header .brand-name{font-size:14px}.header-actions{gap:7px}.hero{padding:56px 0 72px}.hero h1{font-size:clamp(43px,11vw,59px);line-height:1.09}.hero-lead{font-size:16px}.hero-buttons{gap:11px}.hero-buttons .button{padding:13px 17px;font-size:13px}.hero-tag{font-size:10px;line-height:1.4}.hero-visual{padding:22px 10px 20px}.browser{transform:none;border-radius:13px}.browser-top{height:34px}.mock-page{padding:18px;min-height:300px}.mock-hero{margin-top:28px;min-height:155px}.mock-head{font-size:23px}.mock-sub{font-size:9px}.mock-orb{height:139px}.orb-center{width:98px;height:98px}.orb-ring.two{inset:10px}.mock-bottom{margin-top:6px}.mock-bottom i{height:20px}.float-note{bottom:0;left:-8px;padding:9px;border-radius:9px}.float-icon{height:27px;width:27px}.float-icon svg{height:17px}.float-note strong{font-size:10px}.float-note small{font-size:8px}.float-code{font-size:9px;top:4px}.proof{gap:9px;margin-top:24px}.proof span{font-size:10px}.proof .dot{display:none}.section{padding:76px 0}.section-head{margin-bottom:28px}.section-head h2{font-size:38px}.section-head p{font-size:15px}.ticker .keys span{font-size:13px}.services-grid,.projects,.about-grid,.contact-panel{grid-template-columns:1fr}.service:last-child{grid-column:auto}.service{min-height:245px;padding:25px}.service-icon{margin:18px 0}.work-section{padding:76px 0}.work-num{display:none}.project-picture{aspect-ratio:1.68}.project-body p{min-height:auto}.steps{grid-template-columns:1fr 1fr;gap:22px}.step{padding:17px 0}.step h3{margin-top:14px}.about-copy{padding-top:0}.faq-section{padding-top:0}.contact-section{padding:0 0 75px}.contact-panel{padding:28px 22px;border-radius:23px;gap:20px}.contact-panel h2{font-size:42px}.contact-form{padding:19px}.footer-inner{align-items:start;flex-direction:column;gap:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}