:root{
  --bg:#07111f;--bg2:#0a1827;--surface:#0e2235;--surface2:#112a40;
  --text:#eff8ff;--muted:#9bb0bf;--cyan:#4de8ff;--mint:#77f3b8;--gold:#ffc568;
  --line:rgba(141,188,216,.16);--line2:rgba(77,232,255,.32);--dark:#07111f;
  --radius:22px;--container:1180px;--shadow:0 25px 85px rgba(0,0,0,.34)
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;color:var(--text);font-family:Manrope,system-ui,sans-serif;line-height:1.65;background:
radial-gradient(circle at 14% 8%,rgba(35,112,150,.20),transparent 32%),
radial-gradient(circle at 88% 40%,rgba(41,125,95,.13),transparent 31%),var(--bg);overflow-x:hidden}
body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}img,svg{max-width:100%}
::selection{background:var(--cyan);color:var(--dark)}
.ambient{position:fixed;z-index:0;border-radius:50%;filter:blur(100px);pointer-events:none;opacity:.13}
.ambient-a{width:340px;height:340px;left:-180px;top:20%;background:var(--cyan)}
.ambient-b{width:430px;height:430px;right:-250px;top:65%;background:var(--mint)}
.container{position:relative;z-index:2;width:min(calc(100% - 40px),var(--container));margin:auto}.section{padding:112px 0}
.site-header{position:fixed;z-index:50;inset:0 0 auto;border-bottom:1px solid transparent;transition:.25s}
.site-header.scrolled{background:rgba(7,17,31,.84);border-color:var(--line);box-shadow:0 10px 35px rgba(0,0,0,.18);backdrop-filter:blur(18px)}
.nav-shell{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:28px}
.brand{display:inline-flex;align-items:center;gap:11px;flex-shrink:0}.brand img{width:45px}.brand>span{display:grid;line-height:1}
.brand strong{font-family:"Space Grotesk",sans-serif;font-size:1.12rem}.brand small{margin-top:5px;color:var(--mint);font-size:.66rem;font-weight:800;letter-spacing:.22em;text-transform:uppercase}
.main-nav{display:flex;align-items:center;gap:29px}.main-nav a{position:relative;color:#c4d4df;font-size:.86rem;font-weight:700;transition:.2s}
.main-nav a:hover{color:white}.main-nav a:not(.nav-action):after{content:"";position:absolute;left:0;right:100%;bottom:-8px;height:2px;background:var(--cyan);transition:.2s}.main-nav a:hover:after{right:0}
.nav-action{padding:10px 17px;border:1px solid var(--line2);border-radius:999px;background:rgba(77,232,255,.07)}
.menu-button{display:none;width:45px;height:42px;padding:9px;border:1px solid var(--line);border-radius:11px;background:rgba(255,255,255,.03)}
.menu-button i{display:block;height:2px;margin:5px;background:white;transition:.25s}
.hero{min-height:100vh;display:grid;align-items:center;padding-top:145px;padding-bottom:80px}
.hero-grid{display:grid;grid-template-columns:minmax(0,.94fr) minmax(500px,1.06fr);gap:46px;align-items:center}
.eyebrow{width:max-content;max-width:100%;display:flex;align-items:center;gap:10px;margin-bottom:22px;padding:8px 13px;border:1px solid var(--line);border-radius:999px;color:#cfe0ea;background:rgba(255,255,255,.03);font-size:.74rem;font-weight:700}
.eyebrow span{width:8px;height:8px;border-radius:50%;background:var(--mint);box-shadow:0 0 0 6px rgba(119,243,184,.09),0 0 15px rgba(119,243,184,.6)}
h1,h2,h3{margin:0;font-family:"Space Grotesk",sans-serif;line-height:1.08}
.hero h1{font-size:clamp(3.15rem,5.6vw,5.65rem);letter-spacing:-.055em}.hero h1 em{display:block;color:transparent;font-style:normal;background:linear-gradient(100deg,var(--cyan),var(--mint) 58%,#ffedbe);background-clip:text;-webkit-background-clip:text}
.hero-lead{max-width:680px;margin:27px 0 0;color:var(--muted);font-size:1.06rem}
.hero-actions{display:flex;flex-wrap:wrap;gap:13px;margin-top:34px}.button{min-height:53px;display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:0 22px;border:1px solid transparent;border-radius:999px;font-size:.86rem;font-weight:800;cursor:pointer;transition:.2s}
.button:hover{transform:translateY(-2px)}.primary{color:#06111d;background:linear-gradient(100deg,var(--cyan),var(--mint));box-shadow:0 13px 35px rgba(77,232,255,.19)}.primary:hover{box-shadow:0 18px 45px rgba(77,232,255,.28)}
.secondary{border-color:var(--line);background:rgba(255,255,255,.035)}.secondary:hover{border-color:var(--line2);background:rgba(77,232,255,.07)}
.proof-row{display:grid;grid-template-columns:.62fr 1fr 1fr;gap:20px;margin-top:48px;padding-top:27px;border-top:1px solid var(--line)}.proof-row strong,.proof-row span{display:block}.proof-row strong{margin-bottom:5px;font-family:"Space Grotesk",sans-serif;font-size:1rem}.proof-row span{color:#7f95a6;font-size:.69rem;line-height:1.45}
.art-frame{padding:1px;border-radius:29px;background:linear-gradient(135deg,rgba(77,232,255,.48),rgba(119,243,184,.08),rgba(255,197,104,.23));box-shadow:var(--shadow)}
.art-toolbar{min-height:47px;display:flex;align-items:center;gap:7px;padding:0 16px;border-radius:28px 28px 0 0;background:rgba(10,25,40,.96)}
.art-toolbar span{width:7px;height:7px;border-radius:50%;background:#41627a}.art-toolbar span:first-child{background:var(--gold)}.art-toolbar span:nth-child(2){background:var(--mint)}.art-toolbar span:nth-child(3){background:var(--cyan)}.art-toolbar small{margin-left:auto;color:#627f94;font-family:"Space Grotesk",sans-serif;font-size:.55rem;letter-spacing:.15em}
.art-canvas{position:relative;min-height:585px;overflow:hidden;border-radius:0 0 28px 28px;background:radial-gradient(circle at 53% 40%,rgba(39,101,124,.25),transparent 33%),linear-gradient(155deg,#0b1c2c,#06101b 70%)}
.cad-grid{position:absolute;inset:0;opacity:.34;background-image:linear-gradient(rgba(129,173,199,.11) 1px,transparent 1px),linear-gradient(90deg,rgba(129,173,199,.11) 1px,transparent 1px);background-size:38px 38px;mask-image:linear-gradient(black,transparent 96%)}
.art-canvas>svg{position:absolute;inset:28px 0 auto;width:100%;filter:drop-shadow(0 25px 30px rgba(0,0,0,.38));animation:float 7s ease-in-out infinite}
@keyframes float{50%{transform:translateY(-8px) rotate(-.2deg)}}
.module{position:absolute;min-width:165px;display:flex;align-items:center;gap:10px;padding:11px 13px;border:1px solid rgba(77,232,255,.18);border-radius:13px;background:rgba(7,17,31,.73);box-shadow:0 16px 34px rgba(0,0,0,.25);backdrop-filter:blur(15px)}
.module>b{width:31px;height:31px;display:grid;place-items:center;border-radius:9px;color:var(--dark);background:var(--cyan);font-size:.66rem}.module span,.module strong,.module small{display:block}.module strong{font-size:.75rem}.module small{color:#7891a3;font-size:.56rem}.module-a{left:18px;bottom:25px}.module-b{right:18px;bottom:103px}.module-c{right:48px;top:25px}.module-b>b{background:var(--mint)}.module-c>b{background:var(--gold)}
.client-strip{position:relative;z-index:2;border-block:1px solid var(--line);background:rgba(255,255,255,.014)}
.client-strip .container{min-height:88px;display:flex;align-items:center;gap:34px}.client-strip .container>span{color:#668095;font-size:.64rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.client-strip .container>div{width:100%;display:flex;justify-content:space-between;gap:18px;color:#b7c7d2;font-family:"Space Grotesk",sans-serif;font-size:.8rem}
.section-head{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.65fr);align-items:end;gap:56px;margin-bottom:50px}.section-head small,.about-copy>small,.contact-copy>small{display:block;margin-bottom:12px;color:var(--cyan);font-size:.67rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase}
.section-head h2,.about-copy h2,.contact-copy h2{font-size:clamp(2.35rem,4.3vw,4.35rem);letter-spacing:-.045em}.section-head>p{margin:0 0 5px;color:var(--muted);font-size:.9rem}
.service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.service-card{position:relative;overflow:hidden;min-height:350px;padding:31px;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(145deg,rgba(26,60,87,.45),rgba(8,20,33,.76));transition:.25s}
.service-card:after{content:"";position:absolute;width:235px;height:235px;right:-92px;bottom:-125px;border:1px solid rgba(77,232,255,.09);border-radius:50%;box-shadow:0 0 0 23px rgba(77,232,255,.025),0 0 0 48px rgba(77,232,255,.016)}
.service-card:hover{transform:translateY(-6px);border-color:rgba(77,232,255,.34);box-shadow:0 22px 60px rgba(0,0,0,.22)}.service-number{position:absolute;right:30px;top:28px;color:#456176;font-family:"Space Grotesk",sans-serif;font-size:.72rem}
.service-icon{width:54px;height:54px;display:grid;place-items:center;margin-bottom:49px;border:1px solid var(--line2);border-radius:15px;color:var(--cyan);background:rgba(77,232,255,.06);font-size:1.5rem}.service-card:nth-child(2) .service-icon,.service-card:nth-child(3) .service-icon{color:var(--mint);border-color:rgba(119,243,184,.25)}.service-card:nth-child(4) .service-icon{color:var(--gold);border-color:rgba(255,197,104,.25)}
.service-card h3{font-size:1.5rem;letter-spacing:-.025em}.service-card p{max-width:570px;margin:14px 0 21px;color:#92a8b8;font-size:.85rem}.service-card ul{position:relative;z-index:2;display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}.service-card li{padding:7px 10px;border:1px solid var(--line);border-radius:999px;color:#bdcbd5;background:rgba(255,255,255,.025);font-size:.63rem;font-weight:700}
.dark-section{border-block:1px solid var(--line);background:radial-gradient(circle at 50% 0,rgba(31,96,120,.13),transparent 31%),rgba(4,11,20,.5)}
.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.project{overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:#0a1a29;transition:.25s}.project:hover{transform:translateY(-5px);border-color:rgba(77,232,255,.3);box-shadow:0 24px 60px rgba(0,0,0,.27)}.project-wide{grid-column:1/-1}
.project-art{position:relative;min-height:300px;display:grid;place-items:center;overflow:hidden;border-bottom:1px solid var(--line);background:linear-gradient(rgba(77,232,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(77,232,255,.04) 1px,transparent 1px),radial-gradient(circle at 50% 45%,rgba(48,118,141,.22),transparent 39%),#081522;background-size:30px 30px,30px 30px,auto,auto}.project-wide .project-art{min-height:430px}.project-art:after{content:"";position:absolute;inset:auto 0 0;height:100px;background:linear-gradient(transparent,rgba(4,11,18,.45))}.project-art svg{position:relative;z-index:1;width:min(92%,720px);filter:drop-shadow(0 27px 30px rgba(0,0,0,.3))}
.tag{position:absolute;z-index:3;left:21px;top:20px;padding:7px 10px;border:1px solid var(--line);border-radius:999px;color:#c8d8e3;background:rgba(7,17,31,.65);backdrop-filter:blur(10px);font-size:.62rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.project-copy{display:grid;grid-template-columns:minmax(0,.8fr) minmax(240px,1fr);gap:25px;align-items:end;padding:26px}.project:not(.project-wide) .project-copy{display:block}.project-copy small{color:var(--cyan);font-size:.62rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.project-copy h3{margin-top:6px;font-size:1.55rem}.project-copy p{margin:0;color:#91a7b7;font-size:.82rem}.project:not(.project-wide) .project-copy p{margin-top:12px}
.process-grid{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:rgba(255,255,255,.018)}.process-grid article{position:relative;min-height:285px;padding:27px;border-right:1px solid var(--line)}.process-grid article:last-child{border:0}.process-grid article:hover{background:rgba(77,232,255,.035)}.process-grid b{display:block;margin-bottom:78px;color:var(--cyan);font-size:.67rem;letter-spacing:.12em}.process-grid h3{font-size:1.22rem}.process-grid p{margin:12px 0 0;color:#8fa5b5;font-size:.77rem}
.about-section{padding-top:50px}.about-panel{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;padding:55px;border:1px solid var(--line);border-radius:28px;background:linear-gradient(140deg,rgba(23,55,81,.6),rgba(8,20,33,.78));box-shadow:var(--shadow)}
.about-copy p{max-width:650px;margin:22px 0 27px;color:var(--muted)}.skill-row{display:flex;flex-wrap:wrap;gap:8px}.skill-row span{padding:7px 11px;border:1px solid var(--line);border-radius:999px;color:#bdced9;font-size:.64rem;font-weight:700}
.about-values{display:grid;gap:12px}.about-values article{padding:22px;border:1px solid var(--line);border-radius:16px;background:rgba(4,13,23,.35)}.about-values b{color:var(--mint);font-size:.65rem}.about-values h3{margin-top:13px;font-size:1.05rem}.about-values p{margin:8px 0 0;color:#8fa5b4;font-size:.76rem}
.contact-section{padding-top:50px}.contact-panel{display:grid;grid-template-columns:.95fr 1.05fr;gap:68px;padding:55px;border-radius:28px;background:linear-gradient(120deg,#133b50,#17674f);box-shadow:var(--shadow)}.contact-copy p{margin:22px 0;color:#d2e7e5}.contact-links{display:grid;gap:8px}.contact-links a{width:max-content;max-width:100%;font-weight:800;border-bottom:1px solid rgba(255,255,255,.32)}
.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:15px;padding:25px;border:1px solid rgba(255,255,255,.17);border-radius:19px;background:rgba(4,18,24,.24);backdrop-filter:blur(10px)}.contact-form label{display:grid;gap:7px;color:#e8f7f5;font-size:.69rem;font-weight:800}.contact-form label:nth-child(4),.contact-form button,.form-note{grid-column:1/-1}.contact-form input,.contact-form select,.contact-form textarea{width:100%;border:1px solid rgba(255,255,255,.18);border-radius:10px;outline:0;color:white;background:rgba(4,17,24,.42);padding:12px 13px;font-size:.79rem}.contact-form select option{color:#07111f}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(77,232,255,.1)}.contact-form textarea{resize:vertical}.contact-form .button{width:100%;border:0}.form-note{margin:0;color:rgba(255,255,255,.62);font-size:.62rem;text-align:center}
footer{position:relative;z-index:2;padding:42px 0 24px;border-top:1px solid var(--line)}.footer-main{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:35px}.footer-main>p{margin:0;color:#7f95a6;font-size:.72rem}.footer-main nav{display:flex;gap:18px;color:#aabcc8;font-size:.68rem;font-weight:700}.footer-bottom{display:flex;justify-content:space-between;margin-top:31px;padding-top:19px;border-top:1px solid var(--line);color:#60798d;font-size:.62rem}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}
.privacy{padding-top:145px}.legal-card{max-width:850px;padding:45px;border:1px solid var(--line);border-radius:var(--radius);background:rgba(15,34,52,.65)}.legal-card h1{font-size:clamp(2.4rem,5vw,4rem)}.legal-card h2{margin-top:35px;font-size:1.25rem}.legal-card p,.legal-card li{color:var(--muted);font-size:.86rem}
@media(max-width:980px){
 .hero-grid{grid-template-columns:1fr}.hero-copy{max-width:800px}.hero-art{max-width:720px;width:100%;margin:auto}.section-head{grid-template-columns:1fr;gap:20px}.process-grid{grid-template-columns:repeat(2,1fr)}.process-grid article{border-bottom:1px solid var(--line)}.process-grid article:nth-child(2n){border-right:0}.process-grid article:last-child{grid-column:1/-1}.about-panel,.contact-panel{grid-template-columns:1fr}.footer-main{grid-template-columns:1fr}.footer-main nav{flex-wrap:wrap}
}
@media(max-width:760px){
 .section{padding:82px 0}.main-nav{position:fixed;inset:82px 0 auto;display:grid;gap:0;padding:14px 20px 25px;background:rgba(7,17,31,.96);border-bottom:1px solid var(--line);transform:translateY(-130%);transition:.25s;backdrop-filter:blur(18px)}.main-nav.open{transform:none}.main-nav a{padding:14px;border-bottom:1px solid var(--line)}.main-nav .nav-action{margin-top:12px;text-align:center}.menu-button{display:block}.menu-button.active i:first-child{transform:translateY(7px) rotate(45deg)}.menu-button.active i:nth-child(2){opacity:0}.menu-button.active i:last-child{transform:translateY(-7px) rotate(-45deg)}
 .hero{padding-top:125px}.hero h1{font-size:clamp(2.85rem,14vw,4.4rem)}.hero-lead{font-size:.95rem}.proof-row{grid-template-columns:1fr;gap:13px}.art-canvas{min-height:495px}.module{min-width:145px;padding:9px}.module-c{right:18px}.client-strip .container{display:block;padding:23px 0}.client-strip .container>div{margin-top:12px;flex-wrap:wrap;justify-content:flex-start}.service-grid,.project-grid{grid-template-columns:1fr}.project-wide{grid-column:auto}.project-wide .project-art,.project-art{min-height:310px}.project-copy{display:block}.project-copy p{margin-top:12px}.about-panel,.contact-panel{padding:31px;gap:40px}.contact-form{grid-template-columns:1fr}.contact-form label{grid-column:1/-1}.footer-bottom{display:grid;gap:8px}
}
@media(max-width:520px){
 .container{width:min(calc(100% - 28px),var(--container))}.nav-shell{min-height:73px}.main-nav{inset:73px 0 auto}.brand img{width:40px}.hero{padding-top:110px}.eyebrow{font-size:.65rem}.hero-actions{display:grid}.button{width:100%}.art-canvas{min-height:410px}.art-toolbar small{display:none}.module{display:none}.service-card{min-height:0}.process-grid{grid-template-columns:1fr}.process-grid article,.process-grid article:nth-child(2n){border-right:0}.process-grid article:last-child{grid-column:auto}.contact-panel,.about-panel,.legal-card{padding:25px}.contact-copy h2,.about-copy h2,.section-head h2{font-size:2.25rem}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none}.art-canvas>svg{animation:none}}