:root{--bg:#07090c;--panel:#0d1117;--panel-2:#10161e;--text:#f4f7fb;--muted:#9aa5b4;--line:rgba(255,255,255,.12);--cyan:#4ee7ff;--blue:#4d68ff;--lime:#c9ff47;--max:1240px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:"DM Sans",sans-serif;font-size:16px;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}.noise{position:fixed;inset:0;opacity:.025;pointer-events:none;z-index:20;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 140 140' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.9'/%3E%3C/svg%3E")}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.site-header{height:84px;max-width:var(--max);margin:auto;padding:0 28px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:10}.brand{display:flex;align-items:center;gap:10px;font-family:Manrope,sans-serif;font-weight:700;letter-spacing:-.03em;font-size:1.05rem}.brand strong{color:var(--cyan)}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border:1px solid rgba(78,231,255,.6);border-radius:10px;background:linear-gradient(135deg,rgba(78,231,255,.14),rgba(77,104,255,.1));color:var(--cyan);font-weight:800;box-shadow:inset 0 0 18px rgba(78,231,255,.08)}nav{display:flex;align-items:center;gap:34px}nav a{font-size:.9rem;color:#c4ccd7;transition:.2s}nav a:hover{color:white}.nav-cta{padding:10px 16px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.035)}.nav-cta span{color:var(--cyan)}.menu-button{display:none;background:none;border:0;padding:8px}.menu-button span:not(.sr-only){display:block;width:24px;height:2px;margin:5px;background:white}
.hero{max-width:var(--max);min-height:720px;margin:auto;padding:82px 28px 84px;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;position:relative}.hero-glow{position:absolute;width:650px;height:650px;right:-180px;top:-120px;background:radial-gradient(circle,rgba(54,103,255,.18),transparent 64%);pointer-events:none}.hero-copy{position:relative;z-index:2}.eyebrow{display:flex;align-items:center;gap:10px;color:#c7d0dc;font-size:.82rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.eyebrow span{width:8px;height:8px;border-radius:50%;background:var(--lime);box-shadow:0 0 14px var(--lime)}h1,h2,h3{font-family:Manrope,sans-serif;margin:0;line-height:1.05;letter-spacing:-.045em}.hero h1{font-size:clamp(3.3rem,6vw,5.7rem);max-width:780px;margin:24px 0 28px}.hero h1 em{font-style:normal;color:transparent;-webkit-text-stroke:1.5px var(--cyan);text-shadow:0 0 34px rgba(78,231,255,.16)}.hero-copy>p{font-size:1.14rem;line-height:1.75;color:var(--muted);max-width:590px}.hero-actions{display:flex;align-items:center;gap:30px;margin-top:38px}.button{display:inline-flex;justify-content:center;align-items:center;gap:14px;padding:14px 20px;border-radius:10px;font-size:.95rem;font-weight:700;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--cyan);color:#061014;box-shadow:0 10px 34px rgba(78,231,255,.16)}.button-primary:hover{box-shadow:0 14px 42px rgba(78,231,255,.28)}.text-link{font-weight:600;color:#dce3ec}.text-link span{color:var(--cyan);margin-left:7px}.hero-proof{display:flex;gap:28px;margin-top:55px;padding-top:24px;border-top:1px solid var(--line)}.hero-proof div{display:flex;flex-direction:column}.hero-proof strong{font-size:.88rem}.hero-proof span{font-size:.75rem;color:var(--muted)}
.hero-visual{position:relative;min-height:560px;display:flex;align-items:center;margin-right:-18vw}.hero-visual img{width:100%;height:560px;object-fit:cover;object-position:center;border-radius:28px 0 0 28px;mask-image:linear-gradient(to right,transparent 0,#000 17%,#000 92%,transparent 100%);opacity:.94}.floating-card{position:absolute;z-index:3;border:1px solid rgba(255,255,255,.18);background:rgba(8,14,22,.72);backdrop-filter:blur(15px);box-shadow:0 18px 50px rgba(0,0,0,.34);border-radius:14px}.card-speed{left:4%;bottom:16%;padding:14px 18px 14px 42px;display:flex;flex-direction:column}.card-speed .pulse{position:absolute;left:17px;top:19px;width:10px;height:10px;border-radius:50%;background:var(--lime);box-shadow:0 0 12px var(--lime)}.card-speed strong{font-size:.86rem}.card-speed small{color:var(--muted)}.card-live{right:22%;top:19%;padding:12px 16px;display:flex;gap:10px;align-items:center}.card-live span{padding:3px 7px;border-radius:4px;background:var(--lime);color:#10160a;font-size:.63rem;font-weight:800}.card-live strong{font-size:.76rem}
.marquee{overflow:hidden;border-block:1px solid var(--line);background:#090d12}.marquee-track{width:max-content;display:flex;align-items:center;gap:36px;padding:16px 0;animation:move 25s linear infinite;color:#b5bfcb;text-transform:uppercase;font-size:.78rem;font-weight:700;letter-spacing:.14em}.marquee-track i{color:var(--cyan);font-style:normal}@keyframes move{to{transform:translateX(-50%)}}
.section{max-width:var(--max);margin:auto;padding:130px 28px}.section-heading{display:grid;grid-template-columns:.8fr 2.3fr 1fr;gap:40px;align-items:start;margin-bottom:64px}.section-number{font-size:.72rem;font-weight:800;letter-spacing:.14em;color:var(--cyan)}.section-heading h2{font-size:clamp(2.4rem,4vw,4.2rem);max-width:770px}.section-heading>p,.split>p{color:var(--muted);margin:7px 0 0;line-height:1.7}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.service-card{min-height:420px;padding:35px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.012));position:relative;transition:transform .25s,border-color .25s}.service-card:hover{transform:translateY(-6px);border-color:rgba(78,231,255,.38)}.service-card.featured{background:linear-gradient(145deg,rgba(78,231,255,.1),rgba(77,104,255,.035));border-color:rgba(78,231,255,.35)}.service-icon{width:48px;height:48px;display:grid;place-items:center;border:1px solid var(--line);border-radius:12px;color:var(--cyan);font-size:1.6rem;margin-bottom:65px}.tag{position:absolute;right:22px;top:22px;padding:5px 8px;border-radius:5px;background:var(--lime);color:#111909;font-size:.62rem;font-weight:800}.service-card h3{font-size:1.55rem;margin-bottom:16px}.service-card p{color:var(--muted)}.service-card ul{list-style:none;padding:20px 0 0;margin:22px 0 0;border-top:1px solid var(--line)}.service-card li{position:relative;padding:5px 0 5px 20px;color:#c6cfda;font-size:.9rem}.service-card li:before{content:"↗";position:absolute;left:0;color:var(--cyan)}
.work{max-width:none;background:#0a0e13}.work>.section-heading,.project-grid,.demo-note{max-width:calc(var(--max) - 56px);margin-left:auto;margin-right:auto}.section-heading.split{display:flex;justify-content:space-between}.split h2{margin-top:22px;max-width:760px}.split>p{max-width:340px;margin-top:42px}.project-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:22px}.project{margin:0}.project-browser{padding:16px;background:#121923;border:1px solid rgba(255,255,255,.13);border-radius:18px}.browser-bar{height:33px;display:flex;align-items:center;gap:5px;color:#728092;font-size:.6rem;letter-spacing:.12em}.browser-bar i{display:block;width:6px;height:6px;border-radius:50%;background:#3b4654}.browser-bar span{margin-left:auto}.fashion-mockup,.auto-mockup{height:420px;padding:50px;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.fashion-mockup{background:radial-gradient(circle at 80% 40%,#5c2858 0,transparent 27%),linear-gradient(135deg,#170f22,#40204f 55%,#14101d);}.fashion-mockup:after{content:"N&T";position:absolute;right:-3%;bottom:-16%;font-family:Manrope;font-size:12rem;font-weight:800;color:rgba(255,255,255,.06);letter-spacing:-.08em}.fashion-mockup span,.auto-mockup span{font-size:.65rem;letter-spacing:.17em;color:#e4c8ec}.fashion-mockup h3,.auto-mockup h3{font-size:clamp(2.4rem,4vw,4.7rem);margin:17px 0 28px;position:relative;z-index:2}.fashion-mockup button,.auto-mockup button{align-self:flex-start;border:0;padding:10px 14px;background:white;color:#111;font-size:.62rem;font-weight:800;letter-spacing:.1em}.auto-mockup{background:linear-gradient(145deg,#061720,#0b3841 60%,#071017);}.auto-mockup:after{content:"";position:absolute;width:380px;height:150px;right:-70px;bottom:55px;border-radius:70% 15% 10% 25%;background:linear-gradient(160deg,#102d34,#05090c 60%);box-shadow:-15px -10px 45px rgba(78,231,255,.18);transform:skewX(-8deg)}.auto-mockup>*{position:relative;z-index:2}.auto-mockup h3{font-size:clamp(2.2rem,3.3vw,3.6rem)}.auto-mockup span{color:#68e9f3}.project-meta{display:flex;justify-content:space-between;align-items:end;padding:20px 4px}.project-meta span,.project-meta strong{font-size:.75rem;color:var(--muted);font-weight:500}.project-meta h3{font-size:1.35rem;margin-top:4px}.demo-note{text-align:right;color:#6f7987;font-size:.76rem;margin-top:18px}
.process .section-heading{grid-template-columns:.8fr 2.3fr}.process-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}.process-list li{display:grid;grid-template-columns:.8fr 2.3fr 1fr;gap:40px;padding:34px 0;border-bottom:1px solid var(--line);transition:padding .2s,background .2s}.process-list li:hover{padding-left:18px;background:linear-gradient(90deg,rgba(78,231,255,.045),transparent)}.process-list>li>span{color:var(--cyan);font-size:.8rem}.process-list div{display:flex;justify-content:space-between;grid-column:2/4;gap:80px}.process-list h3{font-size:1.65rem}.process-list p{max-width:430px;margin:0;color:var(--muted)}.founder-card{margin-top:56px;padding:28px 30px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:24px;border:1px solid rgba(78,231,255,.24);border-radius:18px;background:linear-gradient(120deg,rgba(78,231,255,.08),rgba(77,104,255,.035))}.founder-card .founder-monogram{width:68px;height:68px;display:grid;place-items:center;border-radius:16px;background:var(--cyan);color:#061014;font-family:Manrope,sans-serif;font-size:1.25rem;font-weight:800;letter-spacing:-.04em}.founder-card>div{display:block;grid-column:auto}.founder-card h3{margin-top:7px;font-size:1.45rem}.founder-card p{margin:3px 0 0;color:var(--muted);font-size:.9rem}.founder-card>a{font-weight:700;font-size:.9rem}.founder-card>a span{margin-left:6px;color:var(--cyan)}
.cta-section{min-height:610px;position:relative;overflow:hidden;display:grid;place-items:center;text-align:center;padding:100px 28px;background:radial-gradient(circle at center,rgba(44,109,151,.18),transparent 36%),#071015;border-top:1px solid rgba(78,231,255,.12)}.cta-content{position:relative;z-index:2;max-width:830px}.cta-content h2{font-size:clamp(3rem,6vw,5.6rem);margin:23px auto}.cta-content p{color:var(--muted);font-size:1.08rem}.button-large{margin:24px 0 18px;padding:17px 24px}.cta-content small{display:block;color:#6f7e8d}.cta-orbit{position:absolute;width:700px;height:700px;border:1px solid rgba(78,231,255,.08);border-radius:50%}.cta-orbit:before,.cta-orbit:after{content:"";position:absolute;inset:95px;border:1px solid rgba(78,231,255,.07);border-radius:50%}.cta-orbit:after{inset:190px}.cta-orbit i{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--cyan);box-shadow:0 0 17px var(--cyan)}.cta-orbit i:nth-child(1){top:19%;left:18%}.cta-orbit i:nth-child(2){right:10%;top:47%;background:var(--lime)}.cta-orbit i:nth-child(3){bottom:13%;left:38%}
footer{max-width:var(--max);margin:auto;padding:36px 28px;display:grid;grid-template-columns:1fr 1fr 1fr auto;align-items:center;gap:25px;color:#8894a2;font-size:.8rem}footer .brand{color:white}.footer-links{display:flex;gap:22px}.footer-links a:hover{color:white}.copyright{text-align:right}
.reveal{opacity:0;transform:translateY(20px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.marquee-track{animation:none}.reveal{opacity:1;transform:none;transition:none}}
@media (max-width:900px){.site-header{height:72px}.menu-button{display:block;position:relative;z-index:12}nav{display:none;position:absolute;top:64px;left:20px;right:20px;padding:24px;flex-direction:column;align-items:stretch;gap:20px;background:#0e141c;border:1px solid var(--line);border-radius:16px;box-shadow:0 20px 45px rgba(0,0,0,.4)}nav.open{display:flex}.hero{grid-template-columns:1fr;padding-top:58px}.hero-visual{margin:40px -28px 0 0;min-height:370px}.hero-visual img{height:400px}.section{padding:90px 24px}.section-heading,.process .section-heading{grid-template-columns:1fr;gap:18px}.service-grid,.project-grid{grid-template-columns:1fr}.section-heading.split{display:block}.split>p{margin-top:25px}.process-list li{grid-template-columns:45px 1fr;gap:15px}.process-list div{grid-column:auto;display:block}.process-list p{margin-top:12px}.founder-card{grid-template-columns:auto 1fr}.founder-card>a{grid-column:2}.project-grid{max-width:none}.fashion-mockup,.auto-mockup{height:380px;padding:35px}footer{grid-template-columns:1fr 1fr}footer p{display:none}}
@media (max-width:580px){.hero{padding-top:46px}.hero h1{font-size:3.15rem}.hero-actions{align-items:flex-start;flex-direction:column;gap:18px}.hero-proof{display:grid;grid-template-columns:1fr 1fr;gap:20px}.hero-visual{min-height:310px}.hero-visual img{height:330px}.floating-card{display:none}.section-heading h2,.cta-content h2{font-size:2.6rem}.service-grid{gap:14px}.service-card{min-height:auto}.fashion-mockup,.auto-mockup{height:310px;padding:24px}.fashion-mockup h3,.auto-mockup h3{font-size:2.45rem}.project-browser{padding:10px}.process-list li:hover{padding-left:0}.founder-card{grid-template-columns:1fr;text-align:center;justify-items:center;padding:26px 20px}.founder-card>a{grid-column:auto}.cta-section{min-height:560px}footer{grid-template-columns:1fr;text-align:center;justify-items:center}.copyright{text-align:center}}