:root{--ink:#060b1a;--ink-2:#0a1226;--ink-3:#0f1a36;--blue-line:#1c2a52;--blue:#2f56d4;--blue-bright:#6e97ff;--blue-soft:#9db8ff;--frost:#eaf1ff;--frost-dim:#aab8d8;--frost-faint:#6f80a6;--gold:#e9c46a;--gold-deep:#c79a3a;--radius:18px;--radius-lg:28px;--maxw:1240px;--ease:cubic-bezier(.22, 1, .36, 1);--font-display:"Clash Display", "Cabinet Grotesk", system-ui, sans-serif;--font-body:"Satoshi", system-ui, -apple-system, sans-serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}body{font-family:var(--font-body);background:var(--ink);color:var(--frost);line-height:1.5;overflow-x:hidden}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{color:inherit;background:0 0;border:none;font-family:inherit}::selection{background:var(--blue-bright);color:var(--ink)}.atmosphere{z-index:-2;background:radial-gradient(120% 80% at 50% -10%, #0d1631 0%, transparent 60%), var(--ink);pointer-events:none;position:fixed;inset:0}.aurora{z-index:-2;filter:blur(90px);opacity:.55;pointer-events:none;height:90vh;position:fixed;inset:-20% -10% auto}.aurora span{mix-blend-mode:screen;border-radius:50%;position:absolute}.aurora .a1{width:46vw;height:46vw;animation:drift 18s var(--ease) infinite alternate;background:radial-gradient(circle,#2f56d4 0%,#0000 70%);top:-8%;left:8%}.aurora .a2{width:38vw;height:38vw;animation:drift 22s var(--ease) infinite alternate-reverse;background:radial-gradient(circle,#1b3aa0 0%,#0000 70%);top:4%;right:4%}.aurora .a3{opacity:.35;width:24vw;height:24vw;animation:drift 26s var(--ease) infinite alternate;background:radial-gradient(circle,#e9c46a80 0%,#0000 70%);top:18%;left:42%}@keyframes drift{to{transform:translate(6%,8%)scale(1.15)}}.grain{z-index:9990;pointer-events:none;opacity:.05;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.atmosphere:after{content:"";background-image:radial-gradient(#6e97ff1a 1px,#0000 1px);background-size:44px 44px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(120% 90% at 50% 0,#000 0%,#0000 70%);mask-image:radial-gradient(120% 90% at 50% 0,#000 0%,#0000 70%)}.container{width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:clamp(20px,5vw,64px)}.section{padding-block:clamp(40px,8vw,120px);position:relative}.eyebrow{letter-spacing:.28em;text-transform:uppercase;color:var(--frost-dim);align-items:center;gap:10px;font-size:.72rem;font-weight:500;display:inline-flex}.eyebrow:before{content:"";background:linear-gradient(90deg, var(--gold), transparent);width:28px;height:1px}.h-display{font-family:var(--font-display);letter-spacing:-.02em;font-weight:600;line-height:.98}.text-gold{color:var(--gold)}.text-grad{background:linear-gradient(120deg, var(--frost) 0%, var(--blue-soft) 60%, var(--blue-bright) 100%);color:#0000;-webkit-background-clip:text;background-clip:text}.btn{letter-spacing:.01em;transition:transform .3s var(--ease), box-shadow .3s var(--ease), background .3s;will-change:transform;border-radius:100px;align-items:center;gap:8px;padding:12px 22px;font-size:.9rem;font-weight:700;display:inline-flex}.btn-primary{background:var(--frost);color:var(--ink);box-shadow:0 10px 40px -12px #eaf1ff80}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 18px 50px -10px #6e97ff99}.btn-ghost{border:1px solid var(--blue-line);color:var(--frost);background:#ffffff05}.btn-ghost:hover{border-color:var(--blue-bright);transform:translateY(-3px)}.btn-gold{background:linear-gradient(120deg, var(--gold), var(--gold-deep));color:var(--ink);box-shadow:0 10px 40px -12px #e9c46a99}.btn-gold:hover{transform:translateY(-3px);box-shadow:0 18px 50px -10px #e9c46a80}.btn .arrow{transition:transform .3s var(--ease)}.btn:hover .arrow{transform:translate(3px,-3px)}.sec-head{gap:12px;max-width:720px;margin-bottom:clamp(24px,4vw,64px);display:grid}.sec-head h2{font-size:clamp(1.4rem,3.5vw,3.2rem)}.sec-head p{color:var(--frost-dim);max-width:560px;font-size:clamp(.85rem,1.1vw,1rem)}.brand{font-family:var(--font-display);letter-spacing:.01em;align-items:center;gap:12px;font-size:1.25rem;font-weight:600;display:flex}.brand img{width:36px;height:36px}.brand b{font-weight:600}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}html{scroll-behavior:auto}}.nav{z-index:100;transition:background .4s var(--ease), backdrop-filter .4s, border-color .4s;border-bottom:1px solid #0000;position:fixed;top:0;left:0;right:0}.nav.scrolled{-webkit-backdrop-filter:blur(18px)saturate(140%);border-bottom:1px solid var(--blue-line);background:#060b1a99}.nav-inner{justify-content:space-between;align-items:center;height:64px;display:flex}@media (width<=860px){.nav-inner{height:56px}}.nav-links{align-items:center;gap:38px;display:flex}.nav-links a{color:var(--frost-dim);font-size:.92rem;font-weight:500;transition:color .25s;position:relative}.nav-links a:after{content:"";background:var(--gold);width:0;height:1.5px;transition:width .3s var(--ease);position:absolute;bottom:-6px;left:0}.nav-links a:hover{color:var(--frost)}.nav-links a:hover:after{width:100%}.nav-cta{display:inline-flex}.nav-burger{cursor:pointer;flex-direction:column;gap:5px;padding:8px;display:none}.nav-burger span{background:var(--frost);width:24px;height:2px;transition:.3s var(--ease);border-radius:2px}@media (width<=860px){.nav-links,.nav-cta{display:none}.nav-burger{display:flex}.nav-links.open{-webkit-backdrop-filter:blur(18px);border-bottom:1px solid var(--blue-line);background:#060b1af5;flex-direction:column;gap:22px;padding:28px clamp(20px,5vw,64px) 36px;display:flex;position:absolute;top:76px;left:0;right:0}}.contact-wrap{grid-template-columns:1.1fr .9fr;align-items:start;gap:clamp(32px,5vw,90px);display:grid}@media (width<=900px){.contact-wrap{grid-template-columns:1fr;gap:32px}}.contact h2{margin:16px 0 20px;font-size:clamp(1.6rem,5vw,4.6rem)}.contact .lead{color:var(--frost-dim);max-width:480px;margin-bottom:28px;font-size:clamp(.92rem,1.2vw,1.1rem)}.contact-cards{gap:12px;display:flex}.cc{border:1px solid var(--blue-line);border-radius:var(--radius);transition:transform .35s var(--ease), border-color .35s, background .35s;background:linear-gradient(#0f1a3680,#0a12264d);flex:1;align-items:center;gap:14px;padding:16px 19px;display:flex}.cc:hover{background:#6e97ff0d;border-color:#6e97ff80;transform:translate(6px)}.cc .cc-ico{border-radius:10px;flex-shrink:0;place-items:center;width:42px;height:42px;display:grid}.cc.wpp .cc-ico{color:#25d366;background:#25d3661f}.cc.mail .cc-ico{color:var(--gold);background:#e9c46a1f}.cc .cc-lbl{color:var(--frost);letter-spacing:.02em;font-size:.85rem;font-weight:500}.cc .cc-arrow{color:var(--frost-faint);transition:.35s var(--ease);margin-left:auto}.cc:hover .cc-arrow{color:var(--frost);transform:translate(4px,-4px)}.contact-panel{border:1px solid var(--blue-line);border-radius:var(--radius);background:linear-gradient(#0f1a3699,#0a12264d);padding:clamp(24px,3vw,44px);position:relative;overflow:hidden}.contact-panel:before{content:"";background:radial-gradient(circle,#e9c46a2e,#0000 70%);border-radius:50%;width:320px;height:320px;position:absolute;top:-40%;right:-20%}.contact-panel h3{font-family:var(--font-display);margin-bottom:6px;font-size:1.3rem;font-weight:600}.contact-panel p{color:var(--frost-dim);margin-bottom:20px;font-size:.9rem}.form-field{margin-bottom:14px}.form-field label{color:var(--frost-faint);letter-spacing:.04em;margin-bottom:6px;font-size:.75rem;display:block}.form-field input,.form-field textarea{border:1px solid var(--blue-line);width:100%;color:var(--frost);background:#060b1a99;border-radius:10px;padding:12px 14px;font-family:inherit;font-size:.92rem;transition:border-color .3s,box-shadow .3s}.form-field input:focus,.form-field textarea:focus{border-color:var(--blue-bright);outline:none;box-shadow:0 0 0 3px #6e97ff26}.form-field textarea{resize:vertical;min-height:90px}.contact-panel .btn{justify-content:center;width:100%;margin-top:6px}.form-note{color:var(--frost-faint);text-align:center;margin-top:12px;font-size:.78rem}@media (width<=768px){.contact h2{margin:10px 0 12px}.contact .lead{margin-bottom:16px;font-size:.88rem}.contact-cards{gap:10px;display:flex}.cc{text-align:center;flex-direction:column;flex:1;gap:8px;padding:16px 12px}.cc .cc-ico{width:36px;height:36px;margin:0}.cc .cc-val{display:none}.cc .cc-lbl{font-size:.75rem}.cc .cc-arrow{display:none}.cc:hover{transform:translateY(-3px)}.contact-panel{padding:20px}.contact-panel h3{font-size:1.1rem}.contact-panel p{margin-bottom:16px;font-size:.84rem}.form-field{margin-bottom:10px}.form-field input,.form-field textarea{padding:10px 12px;font-size:.88rem}.form-note{margin-top:10px;font-size:.75rem}}.footer{border-top:1px solid var(--blue-line);padding-block:40px 32px}.footer-top{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:32px;margin-bottom:36px;display:flex}.footer-big{font-family:var(--font-display);letter-spacing:-.02em;max-width:620px;font-size:clamp(1.4rem,4vw,4.4rem);font-weight:600;line-height:.95}.footer-links{flex-wrap:wrap;gap:40px;display:flex}.footer-col h5{letter-spacing:.16em;text-transform:uppercase;color:var(--frost-faint);margin-bottom:12px;font-size:.72rem}.footer-col a{color:var(--frost-dim);margin-bottom:8px;font-size:.9rem;transition:color .25s;display:block}.footer-col a:hover{color:var(--frost)}.footer-bottom{border-top:1px solid var(--blue-line);color:var(--frost-faint);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-top:20px;font-size:.8rem;display:flex}@media (width<=768px){.footer{padding-block:32px 24px}.footer-top{flex-direction:column;gap:24px;margin-bottom:24px}.footer-links{gap:32px}.footer-bottom{text-align:center;flex-direction:column;gap:12px;padding-top:16px}}.hero{flex-direction:column;justify-content:center;min-height:100svh;padding-top:clamp(100px,14vw,160px);padding-bottom:clamp(40px,5vw,60px);display:flex;position:relative}.hero-status{border:1px solid var(--blue-line);color:var(--frost-dim);background:#ffffff05;border-radius:100px;align-items:center;gap:8px;width:fit-content;padding:6px 14px;font-size:.75rem;display:inline-flex}.hero-status .pulse{background:var(--gold);border-radius:50%;width:6px;height:6px;animation:2.2s infinite pulse;box-shadow:0 0 #e9c46a99}@keyframes pulse{70%{box-shadow:0 0 0 8px #e9c46a00}to{box-shadow:0 0 #e9c46a00}}.hero h1{margin:clamp(16px,3vw,28px) 0;font-size:clamp(2rem,7vw,7rem)}.hero h1 .line{display:block}.hero p.lead{color:var(--frost-dim);max-width:620px;margin-bottom:clamp(20px,3vw,36px);font-size:clamp(.92rem,1.5vw,1.35rem)}.hero-actions{flex-direction:row;justify-content:flex-start;align-items:center;gap:1rem;display:flex}.hero-meta{border-top:1px solid var(--blue-line);flex-wrap:wrap;gap:clamp(16px,4vw,72px);margin-top:clamp(32px,6vw,72px);padding-top:clamp(16px,3vw,32px);display:flex}.hero-meta .stat .num{font-family:var(--font-display);font-size:clamp(1.4rem,3.5vw,2.8rem);font-weight:600;line-height:1}.hero-meta .stat .lbl{color:var(--frost-faint);letter-spacing:.04em;margin-top:4px;font-size:.72rem}.hero-meta .stat .num em{color:var(--gold);font-style:normal}.hero-orb{aspect-ratio:1;border:1px solid var(--blue-line);z-index:-1;background:conic-gradient(from 180deg,#0000,#6e97ff40,#0000 60%);border-radius:50%;place-items:center;width:clamp(200px,36vw,560px);animation:40s linear infinite spin;display:grid;position:absolute;top:12%;right:-6%}.hero-orb:before{content:"";border:1px solid #6e97ff2e;border-radius:50%;position:absolute;inset:18%}.hero-orb:after{content:"";border:1px dashed #e9c46a4d;border-radius:50%;position:absolute;inset:36%}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=980px){.hero-orb{display:none}}@media (width<=768px){.hero{min-height:0;padding-top:100px}.hero-actions{flex-direction:row}.hero-actions .btn{justify-content:center;width:100%}}.marquee{border-block:1px solid var(--blue-line);background:#ffffff04;padding-block:clamp(14px,2vw,26px);overflow:hidden}.marquee-track{gap:40px;width:max-content;animation:32s linear infinite scroll;display:flex}.marquee:hover .marquee-track{animation-play-state:paused}.marquee-track span{font-family:var(--font-display);color:var(--frost-faint);white-space:nowrap;align-items:center;gap:40px;font-size:clamp(1rem,2.5vw,2.2rem);font-weight:500;display:inline-flex}.marquee-track span:after{content:"✦";color:var(--gold);font-size:.8em}@keyframes scroll{to{transform:translate(-50%)}}.services-grid{grid-template-columns:repeat(12,1fr);gap:18px;display:grid}.service-card{border:1px solid var(--blue-line);border-radius:var(--radius);transition:transform .4s var(--ease), border-color .4s;background:linear-gradient(#0f1a3699,#0a122666);flex-direction:column;padding:24px;display:flex;position:relative;overflow:hidden}.service-card:before{content:"";background:radial-gradient(420px circle at var(--mx,50%) var(--my,0%), #6e97ff29, transparent 60%);opacity:0;transition:opacity .4s;position:absolute;inset:0}.service-card:hover{border-color:#6e97ff80;transform:translateY(-6px)}.service-card:hover:before{opacity:1}.service-card .ico{border:1px solid var(--blue-line);width:40px;height:40px;color:var(--blue-bright);background:#6e97ff0f;border-radius:10px;place-items:center;margin-bottom:14px;display:grid}.service-card h3{font-family:var(--font-display);margin-bottom:6px;font-size:1.1rem;font-weight:600}.service-card p{color:var(--frost-dim);font-size:.88rem;line-height:1.5}.service-card .tags span{color:var(--frost-faint);border:1px solid var(--blue-line);border-radius:100px;padding:4px 10px;font-size:.72rem}.col-4{grid-column:span 4}@media (width<=860px){.services-grid{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;gap:10px;padding:4px 0 12px;display:flex;overflow:auto hidden}.service-card{scroll-snap-align:start;cursor:pointer;flex:0 0 180px;width:150px;min-height:150px;padding:18px 16px;transition:flex .4s,border-color .4s,transform .4s}.service-card p,.service-card .tags{opacity:0;pointer-events:none;max-height:0;margin:0;transition:max-height .4s,opacity .4s,margin .4s;overflow:hidden}.service-card:hover,.service-card:active{border-color:#6e97ff80;flex:0 0 280px}.service-card:hover p,.service-card:active p{opacity:1;max-height:120px;margin-top:6px}}.portfolio-track{grid-template-columns:repeat(2,1fr);gap:20px;margin-top:32px;display:grid}.p-card{background:#ffffff08;border:1px solid #ffffff14;border-radius:10px;flex-direction:column;padding:24px;transition:all .4s;display:flex}.p-card-img{background:#ffffff0d;border-radius:6px;width:100%;height:180px;margin-bottom:16px;overflow:hidden}.p-card-img img{object-fit:cover;width:100%;height:100%;display:block}.p-card:hover{border-color:#d4af3766;transform:translateY(-4px)}.p-card .tag{color:var(--gold);margin-bottom:8px;font-size:.8rem}.p-card h3{font-family:var(--font-display);margin:0 0 8px;font-size:1.3rem;font-weight:600}.p-card p{color:var(--frost-dim);flex:1;font-size:.9rem;line-height:1.5}.p-card button{align-self:flex-start;margin-top:12px}@media (width<=768px){.portfolio-track{scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--blue-line) transparent;-webkit-overflow-scrolling:touch;gap:12px;margin-top:20px;padding:4px 0 12px;display:flex;overflow-x:auto}.portfolio-track::-webkit-scrollbar{height:4px}.portfolio-track::-webkit-scrollbar-track{background:0 0}.portfolio-track::-webkit-scrollbar-thumb{background:var(--blue-line);border-radius:3px}.p-card{scroll-snap-align:start;flex:0 0 280px;height:100%;padding:18px}.p-card h3{font-size:1.15rem}.p-card p{font-size:.85rem}}