:root{--bg:#07080c;--surface:#0d1017;--card:#11151d;--text:#f5f7fb;--muted:#929aaa;--line:#202531;--cyan:#55e6ff;--blue:#4d9dff;--purple:#8a70ff;--pink:#ff55c8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}.container{width:min(1180px,calc(100% - 48px));margin:auto}.site-header{position:fixed;top:0;left:0;right:0;z-index:100;padding:18px 0;transition:.3s}.site-header.scrolled{background:rgba(7,8,12,.82);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.nav-wrap{display:flex;align-items:center;gap:34px}.brand{display:flex;align-items:center;gap:8px;font-family:"Space Grotesk";font-weight:800;font-size:20px;letter-spacing:-.5px}.brand small{font-size:7px;letter-spacing:2px;color:var(--muted);align-self:flex-end;margin:0 0 2px -5px}.brand-mark{width:30px;height:30px;display:grid;place-items:center;border:1px solid #4a9dff;border-radius:8px;color:var(--cyan);box-shadow:0 0 22px #4d9dff33}.desktop-nav{display:flex;gap:27px;margin-left:auto}.desktop-nav a{font-size:13px;color:#b6bdc9;transition:.2s}.desktop-nav a:hover{color:#fff}.nav-cta,.mobile-cta{border:1px solid #39414f;background:#11151dcc;padding:11px 16px;border-radius:12px;font-size:13px}.nav-cta span{color:var(--cyan)}.menu-toggle,.mobile-nav{display:none}.hero{min-height:820px;position:relative;overflow:hidden;display:flex;align-items:center;border-bottom:1px solid var(--line)}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:70px 70px;mask-image:linear-gradient(to bottom,black,transparent 90%)}.hero:after{content:"";position:absolute;width:800px;height:500px;right:-300px;top:130px;background:radial-gradient(circle,#4d9dff22,transparent 65%);filter:blur(20px)}.orb{position:absolute;border-radius:50%;filter:blur(1px);opacity:.7}.orb-a{width:220px;height:220px;right:12%;top:180px;background:radial-gradient(circle at 35% 30%,#fff,#55e6ff 8%,#4d9dff 25%,#8a70ff 55%,transparent 70%);box-shadow:0 0 100px #4d9dff55;animation:float 7s ease-in-out infinite}.orb-b{width:90px;height:90px;right:30%;bottom:170px;background:radial-gradient(circle,#ff55c8,transparent 68%);animation:float 5s ease-in-out infinite reverse}.hero-inner{position:relative;z-index:2;padding-top:80px}.eyebrow,.section-kicker{font-size:11px;letter-spacing:2px;color:#8e99aa}.eyebrow{display:inline-flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:999px;padding:8px 12px;background:#0d1017aa}.eyebrow i{width:6px;height:6px;border-radius:50%;background:var(--cyan);box-shadow:0 0 12px var(--cyan)}h1,h2,h3{font-family:"Space Grotesk",sans-serif;line-height:1.02;margin:0}h1{font-size:clamp(58px,8vw,112px);letter-spacing:-6px;max-width:1000px;margin:28px 0 24px}h2{font-size:clamp(40px,5vw,72px);letter-spacing:-3px}h2 em,h1 em{font-style:normal;background:linear-gradient(90deg,var(--cyan),var(--purple),var(--pink));-webkit-background-clip:text;background-clip:text;color:transparent}.hero-copy{max-width:620px;color:var(--muted);font-size:17px}.hero-actions{display:flex;gap:12px;margin-top:30px}.btn{display:inline-flex;align-items:center;gap:12px;padding:14px 19px;border-radius:12px;font-size:13px;font-weight:700}.btn-primary{background:#fff;color:#080a0e}.btn-primary:hover{box-shadow:0 0 30px #55e6ff55}.btn-ghost{border:1px solid var(--line);background:#0d1017aa}.hero-meta{display:flex;gap:28px;margin-top:90px;color:#596271;font-size:10px;letter-spacing:1.7px}.section{padding:120px 0;border-bottom:1px solid var(--line)}.intro-grid{display:grid;grid-template-columns:1fr 3fr;gap:40px}.intro p,.section-head>p,.about p,.contact p{color:var(--muted);font-size:17px;max-width:650px}.section-head{display:flex;justify-content:space-between;gap:50px;align-items:end;margin-bottom:50px}.section-head>p{max-width:390px;margin:0}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.service-card{background:var(--card);padding:28px;min-height:300px;position:relative;transition:.3s}.service-card:hover{background:#151a24;transform:translateY(-4px)}.num{font-size:10px;color:#657080}.service-icon{margin:45px 0 22px;color:var(--cyan);font-size:24px}.service-card h3{font-size:22px}.service-card p{color:var(--muted);font-size:13px}.service-card a{font-size:12px;color:#d7dce5}.service-card a span,.text-link{color:var(--cyan)}.work-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:22px}.project{background:var(--card);border:1px solid var(--line);overflow:hidden}.project-wide{grid-row:span 2}.project-art{height:360px;display:grid;place-items:center;font-family:"Space Grotesk";font-weight:700;font-size:55px;letter-spacing:-4px}.project-wide .project-art{height:742px}.art-blue{background:radial-gradient(circle at 50% 40%,#5ce8ff55,transparent 30%),linear-gradient(135deg,#111a27,#101019 55%,#1a0e2c)}.art-purple{background:radial-gradient(circle,#8a70ff55,transparent 50%),#11121b}.art-dark{background:radial-gradient(circle at 70% 30%,#ff55c822,transparent 30%),#0d1015}.project-info{padding:20px 22px;display:flex;justify-content:space-between}.project-info h3{font-size:17px}.project-info p{margin:4px 0 0;color:var(--muted);font-size:11px}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.about-visual{height:540px;border:1px solid var(--line);display:grid;place-items:center;position:relative;background:radial-gradient(circle,#4d9dff12,transparent 55%),#0b0e14}.about-visual strong{font:800 70px "Space Grotesk";letter-spacing:-5px}.about-visual span{position:absolute;bottom:38%;font-size:9px;letter-spacing:4px;color:var(--muted)}.about-ring{position:absolute;width:270px;height:270px;border:1px solid #55e6ff55;border-radius:50%;box-shadow:0 0 80px #4d9dff22}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.step{padding:32px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.step>span{color:var(--cyan);font-size:11px}.step h3{margin:35px 0 10px;font-size:22px}.step p{margin:0;color:var(--muted);font-size:13px}.tech-list{display:flex;flex-wrap:wrap;gap:10px;margin-top:45px}.tech-list span{border:1px solid var(--line);padding:11px 15px;border-radius:999px;color:#aeb7c6;background:#0d1017}.contact-box{background:linear-gradient(135deg,#0f1620,#0d1017);border:1px solid var(--line);padding:65px;display:grid;grid-template-columns:1.1fr .9fr;gap:60px;position:relative;overflow:hidden}.contact-box:after{content:"";position:absolute;width:450px;height:450px;right:-220px;top:-220px;background:radial-gradient(circle,#55e6ff22,transparent 65%)}.contact-details{display:flex;gap:20px;flex-wrap:wrap;margin-top:35px;color:#c6ceda;font-size:13px}.contact-form{display:grid;gap:11px;position:relative;z-index:2}.contact-form input,.contact-form select,.contact-form textarea{width:100%;border:1px solid var(--line);background:#07090e;color:#fff;padding:15px;border-radius:10px;font:inherit;font-size:13px;outline:none}.contact-form textarea{min-height:130px;resize:vertical}.site-footer{padding:70px 0 25px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px}.footer-grid p{color:var(--muted);max-width:300px;font-size:13px}.footer-grid h4{margin:0 0 16px;font-size:12px;color:#fff}.footer-grid a{display:block;color:#7f8999;font-size:12px;margin:8px 0}.footer-bottom{border-top:1px solid var(--line);margin-top:55px;padding-top:20px;display:flex;justify-content:space-between;color:#586171;font-size:10px}.basic-page{padding:160px 0;min-height:60vh}.basic-page h1{font-size:70px}.entry-content{color:var(--muted)}@keyframes float{50%{transform:translateY(-18px) rotate(8deg)}}@media(max-width:900px){.desktop-nav,.nav-cta{display:none}.menu-toggle{display:grid;margin-left:auto;background:none;border:0;gap:5px}.menu-toggle span{width:24px;height:2px;background:#fff}.mobile-nav{padding:25px 24px;background:#0b0d12;border-bottom:1px solid var(--line)}.mobile-nav.open{display:block}.mobile-nav a{display:block;padding:12px 0;color:#b9c1ce}.mobile-cta{display:inline-block;margin-top:12px}.hero{min-height:760px}.hero h1{letter-spacing:-4px}.service-grid{grid-template-columns:repeat(2,1fr)}.work-grid{grid-template-columns:1fr}.project-wide{grid-row:auto}.project-wide .project-art{height:360px}.intro-grid,.about-grid,.contact-box{grid-template-columns:1fr}.process-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:2fr 1fr 1fr}.contact-box{padding:40px}}@media(max-width:600px){.container{width:min(100% - 30px,1180px)}.section{padding:80px 0}.hero{min-height:720px}.hero-inner{padding-top:70px}.hero h1{font-size:52px;letter-spacing:-3px}.hero-copy{font-size:15px}.hero-meta{gap:12px;flex-wrap:wrap;margin-top:55px}.intro-grid{grid-template-columns:1fr;gap:22px}.section-head{display:block}.section-head>p{margin-top:18px}.service-grid{grid-template-columns:1fr}.process-grid{grid-template-columns:1fr}.project-art,.project-wide .project-art{height:280px}.about-visual{height:350px}.about-visual strong{font-size:52px}.contact-box{padding:28px}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}.footer-bottom{display:block}.footer-bottom span{display:block;margin:7px 0}h2{letter-spacing:-2px}.nav-wrap{gap:10px}}
