@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Inter:wght@400;500;600&display=swap');
:root{--bg:#0a0a0f;--panel:#111118;--card:#0e0e15;--white:#f7f6f3;--dim:#9b99a6;--magenta:#d449e6;--violet:#6e2de2;--grad:linear-gradient(120deg,var(--violet),var(--magenta));--line:rgba(255,255,255,.1);--green:#3ddc84}
*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}
body{background:var(--bg);color:var(--white);font-family:'Inter',system-ui,sans-serif;overflow-x:hidden}
h1,h2,h3{font-family:'Space Grotesk',sans-serif}img{display:block;width:100%;height:100%;object-fit:cover}a{color:inherit;text-decoration:none}button{font-family:inherit}
::selection{background:var(--magenta);color:#fff}:focus-visible{outline:2px solid var(--magenta);outline-offset:3px}
.skip{position:fixed;left:12px;top:-60px;z-index:3000;background:var(--magenta);color:#fff;padding:10px 16px;border-radius:8px;font-size:13px;transition:.3s}.skip:focus{top:12px}
#preloader{position:fixed;inset:0;z-index:2500;background:#08080c;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}
.pre-symbol{width:84px;height:84px;border-radius:20px;background:#fff;display:grid;place-items:center;overflow:hidden;box-shadow:0 0 60px rgba(212,73,230,.35)}.pre-symbol img{width:78%;height:78%;object-fit:contain}
#count{font-family:'Space Grotesk';font-weight:700;font-size:clamp(58px,9vw,96px);text-shadow:0 0 40px rgba(212,73,230,.35)}
.loader-name{font-size:11px;letter-spacing:.5em;color:var(--dim);text-transform:uppercase;text-align:center}
.loader-line{width:230px;height:1px;background:rgba(255,255,255,.1);overflow:hidden}.loader-line span{display:block;height:100%;width:100%;background:var(--grad);transform:scaleX(0);transform-origin:left}
#glow{position:fixed;left:0;top:0;width:360px;height:360px;border-radius:50%;pointer-events:none;z-index:1;background:radial-gradient(circle,rgba(212,73,230,.4),rgba(110,45,226,.18) 45%,transparent 70%);filter:blur(34px);mix-blend-mode:screen}
.site-header{position:fixed;top:0;left:0;right:0;z-index:1000;display:flex;justify-content:space-between;align-items:center;padding:18px 4vw;transition:.4s}
.site-header.scrolled{background:rgba(10,10,15,.75);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.logo{display:flex;align-items:center;gap:12px}.logo-tile{width:40px;height:40px;border-radius:11px;background:#fff;display:grid;place-items:center;overflow:hidden;flex-shrink:0}.logo-tile img{width:80%;height:80%;object-fit:contain}
.logo-text{font-family:'Space Grotesk';font-weight:700;font-size:17px;letter-spacing:.04em;line-height:1}.logo-text b{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.logo-text small{display:block;font-family:'Inter';font-weight:500;font-size:8px;letter-spacing:.34em;color:var(--dim);margin-top:4px}
.menu-btn{background:rgba(255,255,255,.06);border:1px solid var(--line);color:var(--white);padding:10px 22px;border-radius:999px;font-size:12px;letter-spacing:.14em;cursor:pointer;transition:.3s}.menu-btn:hover{background:var(--magenta);border-color:var(--magenta)}
.menu-overlay{position:fixed;inset:0;z-index:2000;background:#0a0a0f;transform:translateY(-102%);transition:transform .75s cubic-bezier(.77,0,.18,1);display:flex;flex-direction:column;justify-content:center;padding:90px 8vw 40px;overflow-y:auto}
.menu-overlay.open{transform:translateY(0)}.menu-overlay nav{display:flex;flex-direction:column}
.menu-overlay nav a{display:flex;align-items:baseline;gap:20px;font-family:'Space Grotesk';font-weight:700;font-size:clamp(38px,7.5vw,88px);line-height:1.22;color:var(--white);opacity:0;transform:translateY(46px);transition:.5s;text-transform:uppercase}
.menu-overlay.open nav a{opacity:1;transform:none}
.menu-overlay.open nav a:nth-child(1){transition-delay:.22s}.menu-overlay.open nav a:nth-child(2){transition-delay:.3s}.menu-overlay.open nav a:nth-child(3){transition-delay:.38s}.menu-overlay.open nav a:nth-child(4){transition-delay:.46s}.menu-overlay.open nav a:nth-child(5){transition-delay:.54s}.menu-overlay.open nav a:nth-child(6){transition-delay:.62s}.menu-overlay.open nav a:nth-child(7){transition-delay:.7s}
.menu-overlay nav a span{font-family:'Inter';font-weight:500;font-size:12px;color:var(--magenta);letter-spacing:.2em}.menu-overlay nav a:hover{color:var(--magenta);padding-left:16px}
.menu-foot{margin-top:6vh;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;color:var(--dim);font-size:12px;letter-spacing:.12em}
.btn{display:inline-flex;align-items:center;gap:10px;border-radius:999px;padding:14px 26px;font-size:13px;font-weight:600;cursor:pointer;transition:.3s;border:none;letter-spacing:.02em}.btn .ar{transition:.3s}.btn:hover .ar{transform:translateX(5px)}
.btn-grad{background:var(--grad);color:#fff;box-shadow:0 10px 34px rgba(212,73,230,.35)}.btn-grad:hover{transform:translateY(-2px)}
.btn-ghost{background:transparent;color:var(--white);border:1px solid rgba(255,255,255,.22)}.btn-ghost:hover{border-color:var(--magenta);color:var(--magenta)}
.hero{min-height:100vh;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}
.hero-meta{position:absolute;top:96px;left:4vw;right:4vw;display:flex;justify-content:space-between;gap:16px;font-size:10px;letter-spacing:.3em;color:var(--dim);text-transform:uppercase}
.orbits{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(88vw,900px);aspect-ratio:1;border-radius:50%;border:1px solid rgba(255,255,255,.05);pointer-events:none}
.orbits::before{content:"";position:absolute;inset:14%;border-radius:50%;border:1px solid rgba(255,255,255,.06)}
.orbits i{position:absolute;inset:0;animation:spin 16s linear infinite}.orbits i::before{content:"";position:absolute;top:-4px;left:50%;width:8px;height:8px;border-radius:50%;background:var(--magenta);box-shadow:0 0 16px var(--magenta)}
.orbits i:last-child{animation-duration:26s;animation-direction:reverse}.orbits i:last-child::before{background:var(--violet);box-shadow:0 0 16px var(--violet)}
@keyframes spin{to{transform:rotate(360deg)}}
.hero-core{position:relative;text-align:center;padding:0 3vw}
 .hero-name{display:flex;justify-content:center;gap:.02em;max-width:100vw;font-weight:700;font-size:clamp(24px,10.2vw,170px);line-height:1;perspective:900px}.hero-name .wrap{overflow:hidden;display:inline-block}
 .letter{display:inline-block;color:transparent;-webkit-text-stroke:1.5px rgba(247,246,243,.75);animation:wave 6s infinite;animation-delay:calc(var(--i)*.3s)}.hero-name .letter:first-child{color:#fff;-webkit-text-stroke-color:#fff;text-shadow:0 0 30px rgba(212,73,230,.75),0 0 90px rgba(110,45,226,.5);animation:none}
.letter-x{display:inline-block;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;animation:xpulse 3.2s ease-in-out infinite}
@keyframes wave{0%,14%{color:#fff;-webkit-text-stroke-color:#fff;text-shadow:0 0 30px rgba(212,73,230,.75),0 0 90px rgba(110,45,226,.5)}30%,100%{color:transparent;text-shadow:none}}
@keyframes xpulse{0%,100%{filter:drop-shadow(0 0 14px rgba(212,73,230,.55))}50%{filter:drop-shadow(0 0 34px rgba(212,73,230,.95))}}
.hero-tag{margin-top:14px;color:var(--magenta);font-size:clamp(8px,1.1vw,12px);font-weight:600;letter-spacing:.42em;text-shadow:0 0 14px rgba(212,73,230,.7);text-transform:uppercase}
.hero-keys{margin-top:34px;display:flex;justify-content:center;gap:14px;flex-wrap:wrap;font-size:10px;letter-spacing:.3em;color:var(--dim)}.hero-keys b{color:var(--white);font-weight:500}.hero-keys i{color:var(--magenta);font-style:normal}
.hero-ctas{margin-top:38px;display:flex;justify-content:center;gap:14px;flex-wrap:wrap}
.scroll-hint{position:absolute;bottom:2.5vh;left:50%;transform:translateX(-50%);font-size:9px;letter-spacing:.5em;color:var(--dim);animation:pulse 2s infinite}@keyframes pulse{0%,100%{opacity:.35}50%{opacity:1}}
#stats{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.stats-grid{max-width:1450px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr)}
.stat{padding:52px 26px;border-left:1px solid var(--line);text-align:center}.stat:first-child{border-left:none}
.stat .num-row{font-family:'Space Grotesk';font-weight:700;font-size:clamp(38px,5.5vw,74px);line-height:1}
.stat .suf{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.stat p{margin-top:10px;color:var(--dim);font-size:11px;letter-spacing:.26em;text-transform:uppercase}
section{position:relative;z-index:2}.wrap{max-width:1450px;margin:0 auto;padding:0 4vw}
.label{display:flex;align-items:center;gap:12px;color:var(--magenta);font-size:11px;letter-spacing:.3em;text-transform:uppercase;margin-bottom:18px}.label::before{content:"";width:34px;height:1px;background:var(--magenta)}
h2.big,h1.big{font-size:clamp(34px,5.6vw,68px);font-weight:700;letter-spacing:-.01em;line-height:1.05}
h2.big em,h1.big em{font-style:normal;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.lead{color:var(--dim);max-width:780px;margin-top:18px;font-size:15px;line-height:1.75}
.pg-media{aspect-ratio:21/9;border-radius:20px;overflow:hidden;border:1px solid var(--line);margin-top:44px}
#belief{height:100vh;overflow:hidden}.bl-stage{height:100vh;position:relative;display:flex;align-items:center;justify-content:center}
.bl-media{width:min(900px,80vw);aspect-ratio:16/9;overflow:hidden;border-radius:8px;position:relative}
.bl-media::after{content:"";position:absolute;inset:0;background:rgba(110,45,226,.22);mix-blend-mode:color;pointer-events:none}
.bl-media img{filter:contrast(1.15) saturate(1.25)}
.bl-title{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:clamp(30px,5.5vw,68px);font-weight:700;letter-spacing:.06em;text-shadow:0 4px 30px rgba(0,0,0,.85);white-space:nowrap}
.bl-text{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(760px,88vw);text-align:center;color:#eceaf4;font-size:clamp(15px,1.9vw,22px);line-height:1.75;text-shadow:0 2px 22px rgba(0,0,0,.9)}.bl-text b{color:var(--magenta);font-weight:600}
.pad{padding:120px 0 60px}
.srv-list{margin-top:60px;border-top:1px solid var(--line)}
.srv-row{display:grid;grid-template-columns:90px 1fr auto;gap:26px;align-items:center;padding:42px 10px;border-bottom:1px solid var(--line);transition:.4s}
.srv-row:hover{background:rgba(212,73,230,.05);padding-left:26px}
.srv-num{font-family:'Space Grotesk';font-size:14px;color:var(--magenta);letter-spacing:.15em}
.srv-cat{font-size:10px;letter-spacing:.3em;color:var(--dim);text-transform:uppercase;margin-bottom:8px}
.srv-row h3{font-size:clamp(21px,2.6vw,34px);font-weight:700;transition:.3s}.srv-row:hover h3{color:var(--magenta)}
.srv-row p{margin-top:10px;color:var(--dim);font-size:14px;line-height:1.7;max-width:760px}
.chips{margin-top:14px;display:flex;gap:8px;flex-wrap:wrap}.chips span{font-size:10px;letter-spacing:.14em;color:var(--dim);border:1px solid var(--line);border-radius:999px;padding:5px 12px;text-transform:uppercase}
.srv-arrow{width:52px;height:52px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;font-size:18px;transition:.35s;flex-shrink:0}.srv-row:hover .srv-arrow{background:var(--grad);border-color:transparent;transform:rotate(45deg)}
.work-grid{margin-top:60px;display:grid;grid-template-columns:1.25fr 1fr;gap:26px}
.wk-card{position:relative;border-radius:18px;overflow:hidden;background:var(--card);border:1px solid var(--line);transition:border-color .4s;min-height:380px;display:block}
.wk-card:hover{border-color:rgba(212,73,230,.55)}
.wk-card.wide{grid-column:1/-1;display:grid;grid-template-columns:1.1fr 1fr;min-height:420px}
.wk-media{position:absolute;inset:0;transition:transform 1.2s cubic-bezier(.2,.8,.2,1)}.wk-card.wide .wk-media{position:relative;inset:auto}
.wk-card:hover .wk-media{transform:scale(1.06)}
.wk-media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,8,12,.25),transparent 40%,rgba(8,8,12,.72))}
.wk-card.wide .wk-media::after{background:linear-gradient(90deg,transparent,rgba(8,8,12,.4))}
.wk-body{position:absolute;left:0;right:0;bottom:0;padding:26px;z-index:2}.wk-card.wide .wk-body{position:relative;inset:auto;display:flex;flex-direction:column;justify-content:center;padding:44px}
.wk-cat{font-size:10px;letter-spacing:.3em;color:var(--magenta);text-transform:uppercase}
.wk-body h3{margin-top:10px;font-size:clamp(22px,2.6vw,36px);font-weight:700}
.wk-body p{margin-top:10px;color:var(--dim);font-size:14px;line-height:1.7;max-width:520px}
.wk-badge{position:absolute;top:16px;left:16px;z-index:3;background:rgba(0,0,0,.5);border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(6px);padding:6px 12px;border-radius:999px;font-size:10px;letter-spacing:.2em}
.wk-arrow{position:absolute;top:14px;right:14px;z-index:3;width:40px;height:40px;border-radius:50%;background:var(--grad);display:grid;place-items:center;font-size:15px;opacity:0;transform:translateY(-8px);transition:.35s}.wk-card:hover .wk-arrow{opacity:1;transform:none}
.proc-list{margin-top:60px;border-top:1px solid var(--line)}
.proc-row{display:grid;grid-template-columns:220px 1fr;gap:26px;padding:48px 10px;border-bottom:1px solid var(--line)}
.proc-num{font-family:'Space Grotesk';font-weight:700;font-size:clamp(38px,5vw,64px);background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;line-height:1}
.proc-row h3{font-size:clamp(20px,2.4vw,28px);margin-bottom:12px}.proc-row p{color:var(--dim);font-size:14px;line-height:1.7;max-width:680px}
.marquee{border-top:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden;padding:22px 0}
.mq-track{display:flex;width:max-content;animation:mq 32s linear infinite}.marquee:hover .mq-track{animation-play-state:paused}
.mq-track span{font-family:'Space Grotesk';font-weight:600;font-size:clamp(15px,2vw,24px);letter-spacing:.18em;text-transform:uppercase;color:var(--dim);padding:0 22px;white-space:nowrap}.mq-track i{color:var(--magenta);font-style:normal}
@keyframes mq{to{transform:translateX(-50%)}}
.pr-grid{margin-top:60px;display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.pr-card{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:36px;transition:.4s}.pr-card:hover{border-color:rgba(212,73,230,.5);transform:translateY(-6px)}
.pr-card .n{font-size:12px;color:var(--magenta);letter-spacing:.2em}.pr-card h3{margin:16px 0 12px;font-size:22px}.pr-card p{color:var(--dim);font-size:14px;line-height:1.7}
.stack-grid{margin-top:50px;display:grid;grid-template-columns:repeat(6,1fr);gap:14px}
.tech{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:22px 12px;display:flex;flex-direction:column;align-items:center;gap:12px;transition:.3s}
.tech:hover{border-color:rgba(212,73,230,.5);transform:translateY(-4px)}
 .tech img{width:34px;height:34px;object-fit:contain;filter:grayscale(1) brightness(1.6)}.tech:hover img{filter:none}.tech-fb{font:700 15px 'Space Grotesk',sans-serif;color:var(--dim)}
.tech span{font-size:10px;letter-spacing:.14em;color:var(--dim);text-transform:uppercase}
.page-head{padding:150px 0 50px}
.crumb{font-size:11px;letter-spacing:.2em;color:var(--dim);text-transform:uppercase;display:inline-flex;gap:8px;margin-bottom:26px;transition:.3s}.crumb:hover{color:var(--magenta)}
.detail-grid{margin-top:50px;display:grid;grid-template-columns:1fr 1fr;gap:26px}
.d-card{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:34px}.d-card h3{font-size:18px;margin-bottom:20px}
.d-list{list-style:none;display:flex;flex-direction:column;gap:10px}
.d-list li{color:var(--dim);font-size:14px;padding-left:20px;position:relative;line-height:1.6}.d-list li::before{content:"—";color:var(--magenta);position:absolute;left:0}
.sub-h{margin:46px 0 16px;font-size:18px}
.cta-band{margin:90px 0 40px;border:1px solid var(--line);border-radius:20px;padding:60px 30px;text-align:center;background:radial-gradient(700px 220px at 50% 0,rgba(212,73,230,.14),transparent)}
.cta-band h2{font-size:clamp(28px,4.6vw,56px);font-weight:700}.cta-band p{color:var(--dim);margin:16px auto 30px;max-width:520px;font-size:14px;line-height:1.7}
.cta-band .row{display:flex;justify-content:center;gap:14px;flex-wrap:wrap}
.disclosure{margin-top:26px;font-size:12px;color:var(--dim);border:1px dashed var(--line);border-radius:12px;padding:14px 18px;line-height:1.7}
.post{max-width:840px;padding-bottom:40px}.post p{color:var(--dim);font-size:15px;line-height:1.85;margin-bottom:18px}.post p b{color:var(--white)}
.contact-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:26px;margin-top:60px}
.c-card{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:36px}.c-card h3{font-size:18px;margin-bottom:26px}
.c-row{display:flex;gap:14px;align-items:center;margin-bottom:20px}
.c-ico{width:40px;height:40px;border-radius:50%;background:rgba(212,73,230,.14);color:var(--magenta);display:grid;place-items:center;font-size:15px;flex-shrink:0}
.c-row small{display:block;font-size:9px;letter-spacing:.25em;color:var(--dim)}.c-row div p{font-size:13px;margin-top:3px}.c-row .ok{color:var(--green)}
.f-group{margin-bottom:18px}.f-group label{display:block;font-size:9px;letter-spacing:.25em;color:var(--dim);margin-bottom:8px;text-transform:uppercase}
.f-group input,.f-group select,.f-group textarea{width:100%;background:#14141d;border:1px solid var(--line);border-radius:10px;padding:14px;color:var(--white);font-family:inherit;font-size:13px;outline:none;transition:.3s;resize:vertical;color-scheme:dark}
.f-group input:focus,.f-group select:focus,.f-group textarea:focus{border-color:var(--magenta);box-shadow:0 0 0 3px rgba(212,73,230,.15)}
.f-2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.send-btn{width:100%;justify-content:center}.form-note{margin-top:12px;font-size:11px;color:var(--dim);text-align:center}
.asteps{display:flex;gap:10px;margin:40px 0 34px}.astep{flex:1;height:3px;background:var(--line);border-radius:2px;transition:.4s}.astep.on{background:var(--grad)}
.step{display:none}.step.on{display:block;animation:fadein .4s}@keyframes fadein{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.choice{border:1px solid var(--line);border-radius:12px;padding:16px;cursor:pointer;font-size:13px;color:var(--dim);transition:.3s;background:#14141d}
.choice.sel{border-color:var(--magenta);color:var(--white);background:rgba(212,73,230,.08)}
.step-nav{display:flex;justify-content:space-between;gap:14px;margin-top:28px}
footer{margin-top:60px;border-top:1px solid var(--line);padding:60px 0 30px}
.foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:34px}
.foot-grid h4{font-size:11px;letter-spacing:.3em;color:var(--dim);text-transform:uppercase;margin-bottom:18px}
.foot-grid a{display:block;color:var(--dim);font-size:13px;margin-bottom:10px;transition:.3s}.foot-grid a:hover{color:var(--magenta);padding-left:6px}
.foot-blurb{color:var(--dim);font-size:13px;line-height:1.7;margin-top:16px;max-width:320px}
.foot-bottom{margin-top:50px;padding-top:24px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;color:var(--dim);font-size:12px}.foot-bottom i{color:var(--magenta);font-style:normal}
@media(max-width:1000px){.stats-grid{grid-template-columns:1fr 1fr}.stat{border-top:1px solid var(--line)}.stat:nth-child(-n+2){border-top:none}.stat:nth-child(3){border-left:none}
.work-grid{grid-template-columns:1fr}.wk-card.wide{grid-template-columns:1fr}.wk-card.wide .wk-media{aspect-ratio:16/9}
.pr-grid{grid-template-columns:1fr}.stack-grid{grid-template-columns:repeat(3,1fr)}.contact-grid,.detail-grid,.f-2,.choice-grid{grid-template-columns:1fr}
.proc-row,.srv-row{grid-template-columns:1fr}.srv-arrow{display:none}.foot-grid{grid-template-columns:1fr 1fr}}
 @media(max-width:560px){.stack-grid,.foot-grid{grid-template-columns:1fr 1fr}.hero-meta{flex-direction:column;gap:6px}}
 @media(max-width:700px){.hero-name{font-size:10.4vw;gap:0}.hero-tag{white-space:normal;line-height:1.9;padding:0 6vw}.hero-keys{padding:0 4vw}}
@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation:none!important;transition:none!important}html{scroll-behavior:auto}.letter{color:#fff;-webkit-text-stroke-color:#fff}}