:root{--acc: #a9bcff;--acc-2: #ffb86b;--ok: #6ee7a8;--bg: #0e0f13;--bg-2: #12131a;--surface: #16181f;--surface-2: #1d2029;--line: #23252d;--line-2: #2e313b;--line-3: #4a5270;--text: #f2f2ee;--text-2: #d0d3dc;--muted: #b8bcc8;--muted-2: #9aa0ae;--muted-3: #7e8494;--font-display: "Space Grotesk", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--ease: cubic-bezier(.2, .7, .2, 1);--container: 1200px;color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:16px;line-height:1.6;overflow-x:clip;-webkit-font-smoothing:antialiased}a{color:var(--acc);text-decoration:none}a:focus-visible,button:focus-visible{outline:2px solid var(--acc);outline-offset:2px}h1,h2,h3{margin:0;font-family:var(--font-display)}p,ul{margin:0}.container{max-width:var(--container);margin:0 auto;padding-inline:24px}.mono{font-family:var(--font-mono)}.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}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 22px;border-radius:12px;font-weight:600;white-space:nowrap;transition:transform .2s,filter .2s,background .2s,border-color .2s}.btn:hover{transform:translateY(-2px);filter:brightness(1.08)}.btn-accent{background:var(--acc);color:var(--bg)}.btn-light{background:var(--text);color:var(--bg)}.btn-dark{background:var(--bg);color:var(--text)}.btn-ghost{border:1px solid var(--line-2);color:var(--text)}.btn-lg{min-height:52px;padding:0 26px;border-radius:14px}.header{position:sticky;top:0;z-index:40;padding:14px 16px 0}.navpill{max-width:var(--container);margin:0 auto;padding:10px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 20px;border-radius:20px;background:#12131ab8;border:1px solid #2a2d38;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 16px 48px -24px #000000e6}.navlinks{display:flex;flex-wrap:wrap;align-items:center;gap:2px;padding:4px;border-radius:14px;background:var(--bg);border:1px solid var(--line);font-size:14px}.navlink{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 12px;border-radius:10px;color:#c4c8d2;white-space:nowrap;transition:background .2s,color .2s}.navlink:hover{background:var(--surface-2);color:var(--text)}.navlink .n{font-family:var(--font-mono);font-size:11px;color:var(--muted-3)}.nav-actions{display:flex;align-items:center;gap:8px}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;border:1px solid #2a2d38;color:#c4c8d2;transition:background .2s,color .2s}.icon-btn:hover{background:var(--surface-2);color:var(--text)}@media(max-width:960px){.navlinks{order:3;width:100%;flex-wrap:nowrap;overflow-x:auto}}.sec{position:relative;isolation:isolate;padding-block:112px}.sec:before{content:"";position:absolute;inset:0 calc(50% - 50vw);z-index:-1;pointer-events:none}.sec-line:after{content:"";position:absolute;top:0;left:calc(50% - 50vw);right:calc(50% - 50vw);height:1px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--acc) 65%,transparent) 30%,rgba(255,184,107,.5) 70%,transparent);pointer-events:none}.bg-hero:before{top:-120px;background:radial-gradient(620px 420px at 18% 18%,color-mix(in srgb,var(--acc) 24%,transparent),transparent 70%),radial-gradient(520px 400px at 86% 34%,rgba(255,184,107,.16),transparent 70%),radial-gradient(420px 300px at 50% 92%,rgba(110,231,168,.08),transparent 70%),linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px) 0 0 / 56px 56px,linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px) 0 0 / 56px 56px;-webkit-mask-image:radial-gradient(ellipse 75% 75% at 50% 35%,#000 45%,transparent 100%);mask-image:radial-gradient(ellipse 75% 75% at 50% 35%,#000 45%,transparent 100%)}.bg-dots:before{background:radial-gradient(rgba(255,255,255,.09) 1px,transparent 1.4px) 0 0 / 22px 22px,radial-gradient(800px 360px at 50% 0%,color-mix(in srgb,var(--acc) 10%,transparent),transparent 70%),linear-gradient(180deg,#12141d,var(--bg))}.bg-lines:before{background:repeating-linear-gradient(135deg,rgba(255,255,255,.035) 0 1px,transparent 1px 16px),radial-gradient(700px 380px at 90% 10%,rgba(255,184,107,.1),transparent 70%),linear-gradient(180deg,#13141b,#0f1016)}.bg-glow:before{background:radial-gradient(720px 440px at 82% 40%,color-mix(in srgb,var(--acc) 15%,transparent),transparent 70%),radial-gradient(520px 380px at 8% 85%,rgba(110,231,168,.08),transparent 70%)}.bg-band:before{background:linear-gradient(100deg,color-mix(in srgb,var(--acc) 12%,transparent),transparent 45%,rgba(255,184,107,.1)),linear-gradient(180deg,var(--bg),var(--bg-2) 50%,var(--bg))}.sec-head{display:flex;flex-direction:column;gap:14px;max-width:720px}.sec-head h2{font-size:clamp(32px,4vw,48px);line-height:1.1;letter-spacing:-.01em}.sec-head p{font-size:18px;color:var(--muted)}.tag{align-self:flex-start;display:inline-flex;align-items:center;padding:6px 14px;border-radius:999px;border:1px solid color-mix(in srgb,var(--acc) 40%,transparent);background:color-mix(in srgb,var(--acc) 10%,transparent);font-family:var(--font-mono);font-size:13px;color:var(--acc)}.sec-body{display:flex;flex-direction:column;gap:48px}.card{background:var(--surface);border:1px solid var(--line);border-radius:18px}.lift{transition:transform .35s var(--ease),border-color .35s,box-shadow .35s}.lift:hover{transform:translateY(-8px);border-color:var(--line-3);box-shadow:0 24px 48px -24px #000000b3}.grid-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr));gap:20px}.grid-4{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:20px}.hero{padding:96px 24px 80px;max-width:var(--container);margin:0 auto;display:flex;flex-direction:column;align-items:center;text-align:center;gap:28px}.hero h1{max-width:900px;font-weight:700;font-size:clamp(40px,6vw,76px);line-height:1.04;letter-spacing:-.02em}.hero .lead{max-width:640px;font-size:19px;color:var(--muted)}.hero .note{font-size:14px;color:var(--muted-2)}.badge{display:inline-flex;align-items:center;gap:10px;padding:6px 14px;border:1px solid var(--line-2);border-radius:999px;font-family:var(--font-mono);font-size:13px;color:var(--muted)}.dot{width:8px;height:8px;border-radius:50%;background:var(--ok)}.float{position:absolute;display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:14px;background:var(--surface);border:1px solid var(--line-2);font-family:var(--font-mono);font-size:13px;color:var(--text-2);box-shadow:0 16px 40px -16px #000c;animation:float 6s ease-in-out infinite}.float.f1{top:150px;left:0}.float.f2{top:300px;right:0;animation-delay:-2s}.float.f3{top:470px;left:20px;animation-delay:-4s}@media(max-width:1100px){.float{display:none}}.brief{width:100%;max-width:760px;margin-top:12px;background:var(--surface);border:1px solid var(--line-2);border-radius:20px;padding:18px;text-align:left;display:flex;flex-direction:column;gap:14px}.brief label{font-family:var(--font-mono);font-size:13px;color:var(--muted-2)}.brief textarea{width:100%;resize:vertical;background:transparent;border:none;color:var(--text);font-family:var(--font-body);font-size:17px;line-height:1.5}.brief textarea:focus{outline:none}.brief textarea::placeholder{color:var(--muted-3)}.brief-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{min-height:36px;padding:0 14px;border-radius:999px;border:1px solid var(--line-2);background:var(--surface-2);color:var(--text-2);font-family:var(--font-body);font-size:14px;cursor:pointer;transition:background .2s,border-color .2s,transform .2s}.chip:hover{background:#262a36;border-color:var(--line-3);transform:translateY(-2px)}.tech-strip{border-block:1px solid var(--line)}.marquee{overflow:hidden;padding:28px 0;font-family:var(--font-mono);font-size:16px;color:var(--muted-2);-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}.track{display:flex;width:max-content;animation:slide 32s linear infinite}.marquee:hover .track{animation-play-state:paused}.track-item{display:inline-flex;align-items:center;gap:56px;padding-right:56px;white-space:nowrap}.track-item .sep{color:#3a3e4a}.bigband{overflow:hidden;padding-block:72px;display:flex;flex-direction:column;gap:4px;font-family:var(--font-display);font-weight:700;font-size:clamp(56px,9vw,140px);line-height:1.05;letter-spacing:-.03em}.bigtrack{display:flex;width:max-content;animation:slide 38s linear infinite}.bigtrack.rev{animation-direction:reverse;animation-duration:44s;color:transparent;-webkit-text-stroke:1.5px var(--line-3)}.bigtrack span{display:inline-flex;align-items:center;gap:.35em;padding-right:.35em;white-space:nowrap}.bigtrack .accent{color:var(--acc)}.service{padding:28px;display:flex;flex-direction:column;gap:14px}.service h3{font-size:22px}.service p{color:var(--muted)}.service-icon{width:46px;height:46px;border-radius:12px;background:#1f2330;display:flex;align-items:center;justify-content:center;color:var(--acc)}.step{border-top:2px solid var(--line-2);padding-top:24px;display:flex;flex-direction:column;gap:10px}.step .n{font-family:var(--font-mono);font-size:40px;font-weight:500;color:var(--acc)}.step h3{font-size:21px}.step p{color:var(--muted)}.projects-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:20px}.project{overflow:hidden;display:flex;flex-direction:column}.project-media{height:220px;background:var(--surface-2);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:13px;color:var(--muted-2)}.project-media img{width:100%;height:100%;object-fit:cover}.project-body{padding:24px;display:flex;flex-direction:column;gap:10px}.project-body .meta{font-family:var(--font-mono);font-size:13px;color:var(--muted-2)}.project-body h3{font-size:21px}.project-body p{color:var(--muted)}.about-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(340px,100%),1fr));gap:40px;align-items:start}.timeline-item{position:relative;display:flex;flex-direction:column;gap:6px;padding:0 0 32px 28px;border-left:2px solid var(--line-2)}.timeline-item:before{content:"";position:absolute;left:-7px;top:6px;width:12px;height:12px;border-radius:50%;background:var(--acc)}.timeline-item .period{font-family:var(--font-mono);font-size:13px;color:var(--muted-2)}.timeline-item h3{font-size:21px}.timeline-item .company{font-weight:600;color:var(--text-2)}.timeline-item p{color:var(--muted)}.about-card{border-radius:20px;padding:32px;display:flex;flex-direction:column;gap:24px}.about-card .label{font-family:var(--font-mono);font-size:13px;color:var(--acc)}.about-card h3{font-size:20px}.about-card .school{color:var(--muted)}.list{padding-left:20px;color:var(--text-2);display:flex;flex-direction:column;gap:8px}.plan{border-radius:20px;padding:32px;display:flex;flex-direction:column;gap:18px}.plan h3{font-size:22px}.plan .desc{color:var(--muted)}.plan .price{font-family:var(--font-display);font-size:36px;font-weight:700;line-height:1.2}.plan .price small{font-size:18px;font-weight:500;color:var(--muted-2)}.plan .btn{margin-top:auto;min-height:48px}.plan-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.plan.featured{background:var(--text);color:var(--bg);border-color:var(--text)}.plan.featured .desc{color:#3a3d47}.plan.featured .list{color:#24262d}.pill-dark{padding:4px 12px;border-radius:999px;background:var(--bg);color:var(--text);font-size:13px;font-weight:600}.faq-wrap{max-width:860px;margin:0 auto}.faq-list{display:flex;flex-direction:column;border-top:1px solid var(--line)}.faq-item{border-bottom:1px solid var(--line)}.faq-q{width:100%;min-height:64px;padding:18px 0;display:flex;align-items:center;justify-content:space-between;gap:16px;background:transparent;border:none;color:var(--text);font-family:var(--font-display);font-size:19px;font-weight:600;text-align:left;cursor:pointer}.faq-q .sign{font-family:var(--font-mono);font-size:22px;color:var(--acc)}.faq-a{display:grid;grid-template-rows:0fr;transition:grid-template-rows .35s var(--ease)}.faq-a>div{overflow:hidden}.faq-item.open .faq-a{grid-template-rows:1fr}.faq-a p{padding:0 0 22px;color:var(--muted);max-width:720px}.cta{border:1px solid var(--line-2);border-radius:28px;padding:clamp(32px,6vw,72px);display:flex;flex-direction:column;align-items:center;text-align:center;gap:24px;background:radial-gradient(640px 320px at 0% 0%,color-mix(in srgb,var(--acc) 30%,transparent),transparent 70%),radial-gradient(560px 320px at 100% 100%,rgba(255,184,107,.2),transparent 70%),repeating-linear-gradient(135deg,rgba(255,255,255,.03) 0 1px,transparent 1px 14px),var(--surface)}.cta h2{max-width:760px;font-size:clamp(32px,4.5vw,56px);line-height:1.08;letter-spacing:-.02em}.cta p{max-width:560px;font-size:18px;color:var(--muted)}.cta-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.footer{border-top:1px solid var(--line)}.footer .container{padding-block:28px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;font-size:14px;color:var(--muted-2)}.footer-links{display:flex;flex-wrap:wrap;gap:24px}.footer-links a{color:var(--muted)}.footer-links a:hover{color:var(--text)}@property --ang{syntax: "<angle>"; initial-value: 0deg; inherits: false;}@keyframes up{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}@keyframes pulse{0%{box-shadow:0 0 #6ee7a88c}to{box-shadow:0 0 0 10px #6ee7a800}}@keyframes slide{to{transform:translate(-50%)}}@keyframes spin{to{--ang: 360deg}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}@keyframes shine{to{background-position:200% center}}.in{animation:up .9s var(--ease) both}.d1{animation-delay:.12s}.d2{animation-delay:.24s}.d3{animation-delay:.38s}.d4{animation-delay:.52s}.pulse{animation:pulse 1.6s ease-out infinite}.shine{background:linear-gradient(90deg,var(--acc) 0%,var(--text) 50%,var(--acc) 100%);background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shine 5s linear infinite}.glow{position:relative;isolation:isolate}.glow:before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:conic-gradient(from var(--ang),transparent 0 65%,var(--acc) 80%,transparent 95%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:spin 5s linear infinite;pointer-events:none;z-index:-1}.progress{display:none}@keyframes fx-up{0%{opacity:0;translate:0 70px}}@keyframes hero-out{to{opacity:.15;scale:.9;translate:0 -80px}}@keyframes par1{to{translate:0 -260px}}@keyframes par2{to{translate:0 -440px}}@keyframes par3{to{translate:0 -160px}}@keyframes grow{0%{scale:0 1}to{scale:1 1}}@keyframes io1{entry 0% {opacity: 0; translate: 0 60px;} entry 70% {opacity: 1; translate: 0 0;} exit 30% {opacity: 1; translate: 0 0;} exit 100% {opacity: 0; translate: 0 -60px;}}@keyframes io2{entry 0% {opacity: 0; translate: 0 60px;} entry 15% {opacity: 0; translate: 0 60px;} entry 85% {opacity: 1; translate: 0 0;} exit 20% {opacity: 1; translate: 0 0;} exit 90% {opacity: 0; translate: 0 -60px;}}@keyframes io3{entry 0% {opacity: 0; translate: 0 60px;} entry 30% {opacity: 0; translate: 0 60px;} entry 100% {opacity: 1; translate: 0 0;} exit 10% {opacity: 1; translate: 0 0;} exit 80% {opacity: 0; translate: 0 -60px;}}@supports (animation-timeline: view()){.reveal{animation:fx-up linear both;animation-timeline:view();animation-range:entry 0% entry 50%}.stagger>.reveal:nth-child(3n+2){animation-range:entry 10% entry 60%}.stagger>.reveal:nth-child(3n+3){animation-range:entry 20% entry 70%}.stagger4>.reveal:nth-child(4n+2){animation-range:entry 8% entry 58%}.stagger4>.reveal:nth-child(4n+3){animation-range:entry 16% entry 66%}.stagger4>.reveal:nth-child(4n){animation-range:entry 24% entry 74%}.inout>.reveal{animation-name:io1;animation-range:entry 0% exit 100%}.inout>.reveal:nth-child(3n+2){animation-name:io2;animation-range:entry 0% exit 100%}.inout>.reveal:nth-child(3n+3){animation-name:io3;animation-range:entry 0% exit 100%}.hero-out{animation:hero-out linear both;animation-timeline:scroll();animation-range:0px 750px}.float{animation:float 6s ease-in-out infinite,par1 linear both;animation-timeline:auto,scroll();animation-range:normal,0px 900px}.float.f2{animation-name:float,par2;animation-delay:-2s,0s}.float.f3{animation-name:float,par3;animation-delay:-4s,0s}.progress{display:block;position:fixed;top:0;left:0;right:0;height:3px;z-index:50;background:var(--acc);transform-origin:left;animation:grow linear both;animation-timeline:scroll()}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}