:root {
  --bg: #07111f;
  --bg-deep: #030a13;
  --panel: rgba(16, 30, 48, 0.72);
  --line: #25384e;
  --text: #f4f7f2;
  --muted: #98a7b9;
  --lime: #b7f34a;
  --lime-hot: #ceff67;
  --cyan: #52d6d8;
  --violet: #a777ff;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--bg-deep); color: var(--text); font-family: Inter, Manrope, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; overflow-x: hidden; }
a { color: inherit; text-decoration: none; }
button, a { -webkit-tap-highlight-color: transparent; }
::selection { color: var(--bg-deep); background: var(--lime); }

body::before {
  content: ""; position: fixed; inset: 0; pointer-events: none; z-index: -1;
  background: radial-gradient(circle at 10% 12%, rgba(82,214,216,.08), transparent 23%), radial-gradient(circle at 85% 22%, rgba(183,243,74,.055), transparent 26%), linear-gradient(rgba(126,155,185,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(126,155,185,.035) 1px, transparent 1px);
  background-size: auto, auto, 48px 48px, 48px 48px;
}

.site-header { height: 88px; padding: 0 4vw; display: flex; align-items: center; justify-content: space-between; gap: 32px; border-bottom: 1px solid rgba(152,167,185,.12); background: rgba(3,10,19,.7); backdrop-filter: blur(20px); position: fixed; inset: 0 0 auto; z-index: 50; }
.brand { display: flex; align-items: center; gap: 13px; min-width: 220px; }
.brand > span { display: grid; place-items: center; width: 52px; height: 52px; border: 1px solid rgba(183,243,74,.7); border-radius: 14px; color: var(--lime); font-weight: 900; font-size: 23px; letter-spacing: -1px; box-shadow: 0 0 26px rgba(183,243,74,.09); }
.brand div { display: flex; flex-direction: column; gap: 3px; }
.brand strong { font-size: 14px; letter-spacing: .01em; }
.brand small { color: var(--muted); font-size: 11px; }
.site-header nav { display: flex; align-items: center; gap: clamp(22px,3vw,48px); }
.site-header nav a { color: #c7d0dc; font-size: 14px; font-weight: 650; position: relative; transition: .25s ease; }
.site-header nav a::after { content: ""; position: absolute; height: 2px; left: 0; right: 100%; bottom: -14px; background: var(--lime); transition: right .25s ease; }
.site-header nav a:hover, .site-header nav a.active { color: var(--text); }
.site-header nav a:hover::after, .site-header nav a.active::after { right: 0; }
.header-cta { padding: 12px 17px; border: 1px solid var(--line); border-radius: 12px; font-size: 13px; font-weight: 700; transition: .25s ease; }
.header-cta span { color: var(--lime); margin-left: 9px; }
.header-cta:hover { border-color: var(--lime); background: rgba(183,243,74,.06); transform: translateY(-2px); }

.section-shell { width: min(92vw, 1440px); margin: 0 auto; }
.hero { min-height: 100svh; padding-top: 132px; padding-bottom: 54px; display: grid; grid-template-columns: minmax(0,.83fr) minmax(620px,1.17fr); align-items: center; gap: clamp(36px,4vw,72px); position: relative; }
.hero::before { content:""; position:absolute; width:420px; height:420px; left:-260px; bottom:-160px; border-radius:50%; border:1px solid rgba(183,243,74,.1); box-shadow: 0 0 0 54px rgba(183,243,74,.018), 0 0 0 110px rgba(183,243,74,.012), 0 0 100px rgba(183,243,74,.06); }
.eyebrow { margin: 0 0 26px; color: var(--lime); font-size: 13px; font-weight: 700; letter-spacing: .055em; text-transform: uppercase; display: flex; align-items: center; gap: 13px; }
.eyebrow > i { width: 8px; height: 8px; border-radius: 50%; background: var(--lime); box-shadow: 0 0 18px var(--lime); }
.hero h1 { margin: 0; max-width: 720px; font-size: clamp(58px,5.35vw,86px); line-height: .98; letter-spacing: -.052em; font-weight: 850; }
h1 em, h2 em { color: var(--lime); font-style: normal; }
.hero-text { max-width: 650px; margin: 28px 0 0; color: #b3bfcc; font-size: clamp(17px,1.4vw,21px); line-height: 1.55; }
.hero-actions { margin-top: 34px; display: flex; gap: 16px; flex-wrap: wrap; }
.button { min-height: 58px; padding: 0 24px; border-radius: 13px; display: inline-flex; align-items: center; justify-content: center; gap: 24px; font-size: 14px; font-weight: 800; transition: .25s cubic-bezier(.2,.8,.2,1); }
.button.primary { color: #07111f; background: linear-gradient(135deg,var(--lime-hot),#a7eb2c); box-shadow: 0 14px 45px rgba(183,243,74,.14); }
.button.primary b { width: 28px; height: 28px; display:grid; place-items:center; color: var(--lime); background:#0a1725; border-radius:50%; }
.button.secondary { border: 1px solid #2d5261; color: #d9e5ec; background: rgba(7,17,31,.35); }
.button.secondary span { color: var(--cyan); font-size: 20px; }
.button:hover { transform: translateY(-3px); }
.button.primary:hover { box-shadow: 0 18px 55px rgba(183,243,74,.25); }
.button.secondary:hover { border-color: var(--cyan); background: rgba(82,214,216,.07); }
.capability-chips { display: flex; gap: 11px; margin-top: 38px; flex-wrap: wrap; }
.capability-chips span { padding: 13px 17px; border: 1px solid var(--line); border-radius: 13px; color: var(--lime); background: rgba(14,27,43,.65); transition: .25s ease; }
.capability-chips b { color: #dce5e9; font-size: 13px; margin-left: 8px; }
.capability-chips span:hover { border-color: rgba(183,243,74,.7); transform: translateY(-3px); }

.hero-studio { display: grid; grid-template-columns: 1.18fr .9fr; grid-template-rows: 1.08fr .92fr; gap: 14px; min-height: 640px; }
.glass { background: linear-gradient(145deg,rgba(17,33,53,.9),rgba(8,20,34,.76)); border: 1px solid rgba(91,120,148,.5); border-radius: 22px; box-shadow: 0 28px 80px rgba(0,0,0,.28), inset 0 1px rgba(255,255,255,.025); overflow: hidden; position: relative; }
.glass::after { content:""; position:absolute; inset:0; pointer-events:none; background:linear-gradient(120deg,rgba(255,255,255,.025),transparent 28%); }
.window-bar { height: 54px; display:flex; align-items:center; justify-content:space-between; padding:0 18px; border-bottom:1px solid rgba(110,136,161,.22); }
.traffic { display:flex; gap:8px; }.traffic i { width:11px;height:11px;border-radius:50%;background:#ff5e61 }.traffic i:nth-child(2){background:#ffbd39}.traffic i:nth-child(3){background:#68c946}
.window-bar b { font-size:11px; color:var(--lime); padding:8px 10px; border:1px solid rgba(183,243,74,.16);border-radius:10px;background:rgba(183,243,74,.03)}
.window-bar b i,.file-bar i,.card-top span i { display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 10px var(--lime);margin-left:6px;animation:pulse 2.2s infinite}
.code-card pre { margin:0;padding:21px 23px;color:#d7e2ec;font: 13px/1.85 "SFMono-Regular",Consolas,monospace; }
.code-card .line { color:#66788d;margin-right:16px}.purple{color:#d78cff}.yellow{color:#f6d365}.cyan{color:#57d9ff}.comment{color:#85d83e}
.file-bar{position:absolute;inset:auto 0 0;height:42px;border-top:1px solid rgba(110,136,161,.2);display:flex;align-items:center;justify-content:space-between;padding:0 18px;color:#7f91a5;font-size:10px}.file-bar i{margin:0 7px 0 0}
.process-card{padding:22px}.process-card h3,.card-top h3{margin:0;color:var(--lime);font-size:14px}.process-card h3 span{margin-right:8px}.process-card ol{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:12px}.process-card li{display:flex;align-items:center;gap:12px;position:relative}.process-card li:not(:last-child)::after{content:"";position:absolute;width:1px;height:15px;background:rgba(183,243,74,.35);left:18px;top:36px}.process-card li>i{width:37px;height:37px;border:1px solid rgba(183,243,74,.46);border-radius:50%;display:grid;place-items:center;color:var(--lime);font-style:normal;font-size:11px;background:rgba(183,243,74,.035)}.process-card li div{display:flex;flex-direction:column;gap:3px}.process-card li b{font-size:12px}.process-card li small{color:#8ea0b4;font-size:9px}
.android-card{padding:18px;display:grid;grid-template-columns:1.1fr .8fr;grid-template-rows:auto 1fr;column-gap:15px;border-color:rgba(183,243,74,.46);box-shadow:inset 0 -30px 60px rgba(183,243,74,.08)}.card-top{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center}.card-top>span{font-size:9px;color:var(--lime);border:1px solid rgba(183,243,74,.15);padding:7px 8px;border-radius:9px}.card-top span i{margin:0 5px 0 0}.phone{margin-top:14px;border:3px solid #617084;border-radius:26px 26px 0 0;background:#071321;padding:23px 10px 12px;position:relative;min-height:220px}.phone-speaker{position:absolute;top:7px;left:50%;transform:translateX(-50%);width:38px;height:4px;border-radius:4px;background:#192c3d}.phone-head{display:flex;flex-direction:column}.phone-head b{font-size:9px}.phone-head small{font-size:7px;color:#8799ac;margin-top:2px}.chart{margin-top:10px;padding:8px;background:#0b1b2b;border:1px solid #1c3043;border-radius:8px}.chart span{font-size:7px}.chart svg{display:block;width:100%;height:53px;margin-top:5px;overflow:visible}.chart polyline{fill:none;stroke:var(--lime);stroke-width:2}.chart path{fill:rgba(183,243,74,.08);stroke:none}.phone-task{display:flex;align-items:center;gap:8px;margin-top:8px}.phone-task i{width:31px;height:31px;border-radius:50%;border:2px solid var(--lime);display:grid;place-items:center;font-style:normal;font-size:7px}.phone-task span{display:flex;flex-direction:column}.phone-task b{font-size:7px;color:var(--lime)}.phone-task small{font-size:6px;color:#8799ac}.android-card ul{list-style:none;padding:35px 0 0;margin:0;display:grid;align-content:start;gap:19px;color:#b8c6d2;font-size:9px}.android-card ul li::first-letter{color:var(--lime)}
.signal-card{padding:22px;display:flex;flex-direction:column;justify-content:center}.signal-icon{color:var(--cyan);font-size:28px;margin:0}.signal-card h3{font-size:17px;margin:9px 0}.signal-card>p:not(.signal-icon){color:#92a4b7;font-size:11px;line-height:1.55}.signal-card>div{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:8px;padding:9px;border:1px solid rgba(183,243,74,.2);border-radius:999px;font-size:9px;color:var(--lime)}
.scroll-cue{position:absolute;left:50%;bottom:12px;display:flex;flex-direction:column;align-items:center;gap:5px;color:#708397;font:700 8px/1 monospace;text-transform:uppercase;letter-spacing:.17em}.scroll-cue i{color:var(--lime);font-size:16px;font-style:normal;animation:bounce 1.8s infinite}

.services,.projects,.about{padding-top:140px;padding-bottom:140px}.section-heading{max-width:850px}.section-heading h2,.about h2,.contact h2{font-size:clamp(43px,5vw,76px);letter-spacing:-.052em;line-height:1.04;margin:0}.section-heading>p:last-child,.inline-heading>p{max-width:620px;color:#9babbc;line-height:1.7;font-size:17px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:64px}.service-card{min-height:390px;padding:28px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(145deg,rgba(16,31,49,.8),rgba(7,17,31,.55));position:relative;transition:.35s cubic-bezier(.2,.8,.2,1);overflow:hidden}.service-card::before{content:"";position:absolute;width:180px;height:180px;border-radius:50%;right:-110px;top:-110px;background:var(--lime);filter:blur(60px);opacity:0;transition:.35s}.service-card:hover{transform:translateY(-8px);border-color:rgba(183,243,74,.55)}.service-card:hover::before{opacity:.09}.service-number{color:#76889a;font:12px/1 monospace}.service-arrow{position:absolute;right:26px;top:24px;color:var(--lime);font-size:23px}.service-card h3{font-size:30px;margin:72px 0 16px;letter-spacing:-.03em}.service-card p{color:#9babbc;line-height:1.7;font-size:15px}.service-card>div:last-child{display:flex;flex-wrap:wrap;gap:8px;margin-top:36px}.service-card>div span{border:1px solid var(--line);border-radius:999px;padding:7px 10px;color:#bac6d0;font-size:10px}
.projects{border-top:1px solid rgba(152,167,185,.1)}.inline-heading{max-width:none;display:grid;grid-template-columns:1.25fr .75fr;gap:80px;align-items:end}.project-list{display:grid;gap:18px;margin-top:68px}.project-card{min-height:410px;border:1px solid var(--line);border-radius:26px;background:#0a1726;display:grid;grid-template-columns:.8fr 1.2fr;overflow:hidden}.project-copy{padding:48px;display:flex;flex-direction:column}.project-copy>span{color:var(--lime);font:700 11px/1 monospace;letter-spacing:.12em}.project-card.cyan .project-copy>span{color:var(--cyan)}.project-card.violet .project-copy>span{color:var(--violet)}.project-copy h3{font-size:clamp(30px,3vw,48px);line-height:1.05;letter-spacing:-.04em;margin:26px 0 18px}.project-copy p{color:#98a7b7;line-height:1.7;max-width:530px}.project-copy small{margin-top:auto;color:#607488;font:11px/1 monospace}.project-visual{margin:34px 34px 34px 0;border:1px solid #2b4057;border-radius:18px;background:linear-gradient(135deg,#10233a,#081421);display:grid;grid-template-columns:75px 1fr;overflow:hidden;transform:perspective(1100px) rotateY(-5deg);transition:.4s ease}.project-card:hover .project-visual{transform:perspective(1100px) rotateY(0) translateY(-4px)}.mini-sidebar{border-right:1px solid #273c52;padding:28px 20px;display:flex;flex-direction:column;gap:18px}.mini-sidebar i{width:28px;height:28px;border-radius:8px;background:#183048}.mini-sidebar i:first-child{background:var(--lime)}.cyan .mini-sidebar i:first-child{background:var(--cyan)}.violet .mini-sidebar i:first-child{background:var(--violet)}.mini-main{padding:38px}.mini-main>span{display:block;width:38%;height:7px;border-radius:5px;background:#29415a}.mini-main h4{font-size:26px;margin:30px 0}.mini-bars{display:flex;align-items:end;gap:12px;height:110px;border-bottom:1px solid #29415a}.mini-bars i{display:block;flex:1;background:linear-gradient(var(--lime),rgba(183,243,74,.06));border-radius:8px 8px 0 0}.cyan .mini-bars i{background:linear-gradient(var(--cyan),rgba(82,214,216,.06))}.violet .mini-bars i{background:linear-gradient(var(--violet),rgba(167,119,255,.06))}.mini-bars i:nth-child(1){height:48%}.mini-bars i:nth-child(2){height:85%}.mini-bars i:nth-child(3){height:65%}.mini-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:28px}.mini-row b{height:55px;border:1px solid #293e53;border-radius:10px;background:#0c1d2e}
.about{display:grid;grid-template-columns:.8fr 1.2fr;gap:10vw;align-items:center}.about-mark{aspect-ratio:1;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;position:relative;background:radial-gradient(circle,rgba(183,243,74,.1),transparent 55%)}.about-mark::before,.about-mark::after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(183,243,74,.15)}.about-mark::before{inset:11%}.about-mark::after{inset:22%}.about-mark span{font-size:clamp(80px,12vw,180px);font-weight:900;color:var(--lime);letter-spacing:-.09em}.about-mark i{position:absolute;width:16px;height:16px;border-radius:50%;background:var(--cyan);right:8%;top:32%;box-shadow:0 0 30px var(--cyan)}.about-copy .lead{font-size:20px;color:#d1dae2;line-height:1.65;margin-top:32px}.about-copy>p:not(.eyebrow):not(.lead){color:#8fa1b3;line-height:1.75}.values{display:flex;gap:28px;flex-wrap:wrap;margin-top:40px;padding-top:28px;border-top:1px solid var(--line)}.values span{display:flex;gap:9px;font-size:12px;color:#bdc8d1}.values b{color:var(--lime);font:10px/1 monospace}
.contact{min-height:720px;border:1px solid var(--line);border-radius:32px;margin-bottom:80px;padding:100px 6vw;display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:center;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 100%,rgba(183,243,74,.13),transparent 46%),linear-gradient(150deg,#0d1e31,#07111f)}.contact h2{max-width:950px}.contact>p:not(.eyebrow){max-width:680px;color:#9babbc;font-size:18px;line-height:1.65}.contact-actions{display:flex;gap:14px;margin-top:26px;flex-wrap:wrap;justify-content:center}.contact-note{margin-top:27px;color:#73879a}.contact-orbit{position:absolute;width:640px;height:640px;border:1px solid rgba(183,243,74,.08);border-radius:50%;pointer-events:none}.contact-orbit i{position:absolute;border-radius:50%;border:1px solid rgba(82,214,216,.07)}.contact-orbit i:nth-child(1){inset:14%}.contact-orbit i:nth-child(2){inset:30%}.contact-orbit i:nth-child(3){width:9px;height:9px;background:var(--lime);border:0;top:8%;left:28%;box-shadow:0 0 20px var(--lime)}
footer{width:min(92vw,1440px);margin:0 auto;padding:40px 0 55px;border-top:1px solid rgba(152,167,185,.12);display:flex;align-items:center;justify-content:space-between;gap:28px;color:#8193a5;font-size:12px}footer .brand{color:var(--text)}footer .brand>span{width:42px;height:42px;font-size:18px}footer>a:last-child{color:var(--lime)}
.reveal{animation:reveal .75s cubic-bezier(.22,1,.36,1) both}.delay-2{animation-delay:.18s}
@keyframes reveal{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}@keyframes pulse{50%{opacity:.35;box-shadow:0 0 18px var(--lime)}}@keyframes bounce{50%{transform:translateY(5px)}}
:focus-visible{outline:2px solid var(--lime);outline-offset:4px;border-radius:4px}

@media(max-width:1180px){.site-header nav{display:none}.hero{grid-template-columns:1fr;padding-top:150px}.hero-copy{max-width:850px}.hero-studio{min-height:620px}.scroll-cue{display:none}.project-card{grid-template-columns:1fr 1.2fr}.about{gap:6vw}}
@media(max-width:820px){.site-header{height:74px;padding:0 20px}.brand div{display:none}.header-cta{font-size:0}.header-cta span{font-size:17px;margin:0}.hero{padding-top:120px;grid-template-columns:1fr}.hero h1{font-size:clamp(48px,14vw,72px)}.hero-studio{grid-template-columns:1fr;grid-template-rows:auto;min-height:auto}.code-card{min-height:330px}.process-card{min-height:310px}.android-card{min-height:390px}.signal-card{min-height:250px}.services,.projects,.about{padding-top:100px;padding-bottom:100px}.service-grid{grid-template-columns:1fr}.inline-heading{grid-template-columns:1fr;gap:22px}.project-card{grid-template-columns:1fr}.project-visual{min-height:330px;margin:0 20px 20px;transform:none}.about{grid-template-columns:1fr}.about-mark{width:min(90vw,480px);margin:auto}.contact{border-radius:22px;margin-bottom:35px;padding:80px 24px}footer{flex-direction:column;text-align:center}footer .brand div{display:flex}}
@media(max-width:520px){.section-shell{width:min(90vw,1440px)}.eyebrow{font-size:10px;line-height:1.4}.hero{padding-bottom:70px}.hero-actions,.contact-actions{display:grid;grid-template-columns:1fr;width:100%}.button{width:100%}.capability-chips span{flex:1;min-width:140px}.hero-studio{display:none}.section-heading h2,.about h2,.contact h2{font-size:42px}.service-card{min-height:340px;padding:23px}.project-copy{padding:30px 25px}.project-visual{grid-template-columns:52px 1fr;min-height:270px}.mini-sidebar{padding:22px 12px}.mini-sidebar i{width:26px;height:26px}.mini-main{padding:26px 18px}.mini-main h4{font-size:20px}.about-copy .lead{font-size:18px}.values{gap:16px}.contact{min-height:620px}footer p{max-width:300px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}