html{overflow-x:hidden}::selection{background:var(--blue-bright);color:var(--ink)}
:focus-visible{outline:1px solid var(--lime);outline-offset:4px}
body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(520px circle at var(--mx,78%) var(--my,10%),rgba(111,157,255,.09),transparent 62%)}
.site-header{transition:height .3s ease,background .3s ease,border-color .3s ease}
.site-header.is-scrolled{height:70px;background:rgba(8,9,13,.76);border-bottom:1px solid rgba(111,157,255,.18);backdrop-filter:blur(14px)}
.site-nav a{position:relative}.site-nav a:not(.nav-login):after{content:"";position:absolute;left:0;right:100%;bottom:-7px;height:1px;background:var(--blue-bright);transition:right .25s ease}.site-nav a:not(.nav-login):hover:after,.site-nav a.nav-active:after{right:0}.nav-login{transition:border-color .25s ease,background .25s ease}.nav-login:hover{background:rgba(111,157,255,.1);border-color:var(--blue)}
.hero-copy{position:relative}.hero-copy:after{content:"Y/01";position:absolute;right:0;top:-25px;color:#3c4559;font:10px monospace;letter-spacing:.16em}.hero-console{transition:transform .45s var(--ease),border-color .3s ease}.hero-console:hover{transform:translateY(-6px) rotate(.4deg);border-color:rgba(158,189,255,.52)}
.console-chart span{transform-origin:bottom;animation:barPulse 3.6s ease-in-out infinite}.console-chart span:nth-child(2n){animation-delay:.3s}.console-chart span:nth-child(3n){animation-delay:.65s}.service-card:before{content:"";position:absolute;inset:0;border-top:1px solid var(--blue);opacity:0;transition:opacity .3s ease}.service-card:hover:before{opacity:.8}.project-feature{box-shadow:0 26px 80px rgba(0,0,0,.18)}.project-visual{transition:filter .35s ease}.project-feature:hover .project-visual{filter:saturate(1.18)}.contact-form .button:disabled{cursor:default;background:var(--lime);box-shadow:none;transform:none}
@keyframes barPulse{0%,100%{transform:scaleY(.82)}50%{transform:scaleY(1.04)}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* Studio direction: sharper editorial scale and a more distinctive systems surface. */
body{background:#07080b;letter-spacing:.005em}
body:before{background:radial-gradient(circle at 86% 8%,rgba(110,78,207,.23),transparent 27%),radial-gradient(circle at 4% 42%,rgba(32,116,166,.13),transparent 24%),linear-gradient(115deg,transparent 0 48%,rgba(255,255,255,.018) 48.1%,transparent 48.3%)}
.page-grid{opacity:.22;background-size:72px 72px;mask-image:linear-gradient(to bottom,black 0%,transparent 70%)}
.site-header{width:min(calc(100% - 96px),1320px);height:104px}
.brand-mark{width:38px;height:38px;position:relative;overflow:hidden}.brand-mark:after{content:"";position:absolute;width:18px;height:1px;right:-7px;bottom:6px;background:var(--lime);transform:rotate(-45deg)}
.site-nav{gap:33px}.site-nav a{font-size:11px;letter-spacing:.1em;text-transform:uppercase}.site-nav a:not(.nav-login):after{bottom:-11px}
.hero{width:min(calc(100% - 96px),1320px);min-height:730px;grid-template-columns:1.02fr .98fr;gap:110px;padding:92px 0 125px}
.hero h1{font-size:clamp(4.4rem,8.2vw,8.6rem);line-height:.88;max-width:780px}.hero h1 em{display:inline-block;margin-left:8vw;color:#9ebdff;text-shadow:0 0 40px rgba(111,157,255,.14)}.hero-lede{max-width:500px;font-size:16px;margin-top:37px}
.hero-copy:before{content:"YURZX / DEVELOPMENT";position:absolute;left:0;top:-37px;color:#4d5870;font:10px monospace;letter-spacing:.24em}.hero-copy:after{content:"BUILD 026";top:auto;right:10px;bottom:6px;color:#59637a}
.hero-meta{border-top:1px solid var(--line);padding-top:18px;max-width:500px;margin-top:57px}.hero-meta span{font-size:9px}
.hero-visual{height:515px}.hero-visual:before{width:500px;height:500px;border-color:rgba(111,157,255,.21);border-right-color:transparent}.hero-visual:after{width:590px;height:190px;border-color:rgba(184,245,139,.13)}.orbital-one{width:230px;height:230px}.orbital-two{width:390px;height:390px;border-top-color:var(--lime)}.hero-console{width:min(100%,470px);transform:rotate(-2deg)}.hero-console:hover{transform:translateY(-8px) rotate(0deg)}
.trust-strip{background:#0b0d12}.trust-inner{width:min(calc(100% - 96px),1320px);min-height:82px}.trust-inner>span:not(.trust-label){color:#68738a;font:10px monospace;letter-spacing:.16em}.trust-label{font-family:Georgia,serif;font-size:13px;font-style:italic}
.split-section{width:min(calc(100% - 96px),1320px);padding:185px 0;grid-template-columns:1.05fr .95fr;gap:160px}.section-heading h2{font-size:clamp(3.6rem,6vw,6.5rem);line-height:.89}.about-copy{padding-top:44px}.large-copy{font-size:28px;color:#f4f5f7}
.about-us-section{width:min(calc(100% - 96px),1320px);display:grid;grid-template-columns:1fr 1.05fr;column-gap:130px;row-gap:70px;padding:185px 0;border-top:1px solid var(--line);position:relative}.about-us-heading h2{font:400 clamp(3.8rem,6vw,6.5rem)/.88 Georgia,serif;letter-spacing:-.055em;margin:0}.about-us-heading h2 em{color:var(--blue-bright);font-style:italic}.about-stamp{color:#566177;font:10px monospace;letter-spacing:.2em;margin:38px 0 0}.about-us-body{padding-top:37px;max-width:520px;color:var(--muted)}.about-us-body .large-copy{color:var(--text);margin-bottom:27px}.about-us-body p:not(.large-copy){font-size:14px;margin:0 0 17px}.about-us-principles{grid-column:1 / -1;display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);background:rgba(14,16,23,.45)}.about-us-principles article{padding:27px 29px;min-height:155px;border-right:1px solid var(--line)}.about-us-principles article:last-child{border-right:0}.about-us-principles span{display:block;color:var(--blue-bright);font:10px monospace;margin-bottom:29px}.about-us-principles strong{font:400 21px Georgia,serif;color:var(--text)}.about-us-principles p{color:var(--muted);font-size:12px;line-height:1.5;max-width:220px;margin:10px 0 0}
.services-section,.portfolio-section,.process-section,.contact-section{width:min(calc(100% - 96px),1320px)}.services-section{padding-bottom:185px}.row-heading{margin-bottom:70px}.service-grid{grid-template-columns:repeat(3,1fr);box-shadow:0 30px 100px rgba(0,0,0,.22)}.service-card{min-height:285px;padding:31px}.service-card h3{font-size:18px}.service-icon{font-size:31px;margin:35px 0 22px}
.portfolio-section{padding-bottom:185px}.project-feature{min-height:440px}.project-visual{min-height:440px;background:radial-gradient(circle at 42% 48%,rgba(84,72,190,.75),transparent 30%),linear-gradient(135deg,#191d2f,#080a10)}.project-sigil{font-size:140px}.project-info{padding:65px}.project-info h3{font-size:86px}.future-projects>div{padding:27px}
.process-section{padding-bottom:185px}.process-step{min-height:185px}.process-step h3{font-size:19px}
.partner-section{width:min(calc(100% - 96px),1320px);padding:120px 0}.partner-mark{font-size:clamp(6rem,13vw,13rem)}
.contact-section{padding:185px 0}.contact-intro h2{font-size:clamp(3.5rem,6vw,6.5rem)}.contact-form{padding:34px;border:1px solid var(--line);background:linear-gradient(145deg,rgba(19,21,33,.72),rgba(8,9,13,.5));box-shadow:0 30px 90px rgba(0,0,0,.2)}.contact-form .button{margin-top:8px}
.site-footer{background:#06070a;padding-top:82px}.footer-top,.footer-bottom{width:min(calc(100% - 96px),1320px)}.footer-top>p{font-size:25px}
@media(max-width:850px){.site-header,.hero,.trust-inner,.split-section,.about-us-section,.services-section,.portfolio-section,.process-section,.partner-section,.contact-section,.footer-top,.footer-bottom{width:min(calc(100% - 40px),1320px)}.hero{min-height:auto;gap:50px;padding:85px 0 105px}.hero h1{font-size:clamp(4rem,12vw,6.2rem)}.hero h1 em{margin-left:0}.hero-copy:before{top:-27px}.hero-visual{height:410px}.hero-visual:before{width:380px;height:380px}.hero-visual:after{width:460px}.orbital-two{width:310px;height:310px}.split-section{gap:35px}.about-us-section{grid-template-columns:1fr;gap:30px;padding:115px 0}.about-us-body{padding-top:0}.about-us-principles{grid-template-columns:repeat(3,1fr)}.contact-form{padding:27px}}
@media(max-width:500px){.site-header,.hero,.trust-inner,.split-section,.about-us-section,.services-section,.portfolio-section,.process-section,.partner-section,.contact-section,.footer-top,.footer-bottom{width:calc(100% - 32px)}.hero{padding-top:72px}.hero h1{font-size:3.75rem}.hero-copy:after{right:0}.hero-visual{height:335px;overflow:hidden}.hero-console{transform:rotate(0)}.hero-visual:before{width:280px;height:280px}.hero-visual:after{width:350px;height:115px}.orbital-one{width:150px;height:150px}.orbital-two{width:240px;height:240px}.section-heading h2,.contact-intro h2,.about-us-heading h2{font-size:3.65rem}.about-us-principles{grid-template-columns:1fr}.about-us-principles article{border-right:0;border-bottom:1px solid var(--line)}.about-us-principles article:last-child{border-bottom:0}.contact-form{padding:21px}.trust-inner{gap:13px 20px}.trust-inner>span:not(.trust-label){font-size:8px}}

/* Hero video surface */
.hero h1 span{display:inline-block;color:#f5f7fa;text-shadow:0 0 50px rgba(255,255,255,.08)}
.hero-video-frame{isolation:isolate;overflow:visible;background:#0b0e15;border:1px solid rgba(158,189,255,.28);box-shadow:0 35px 100px rgba(0,0,0,.45)}
.hero-video-frame:before{z-index:-1;width:calc(100% + 38px);height:calc(100% + 38px);border-color:rgba(111,157,255,.2);border-radius:0;transform:rotate(-4deg)}
.hero-video-frame:after{z-index:-1;width:calc(100% + 66px);height:38%;border-color:rgba(184,245,139,.15);border-radius:0;transform:rotate(4deg)}
.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.62;filter:saturate(.72) contrast(1.12) brightness(.68);z-index:-2}
.video-shade{position:absolute;inset:0;background:linear-gradient(135deg,rgba(7,8,11,.22),rgba(7,8,11,.78)),linear-gradient(0deg,rgba(111,157,255,.12),transparent 55%);z-index:-1}
.video-console{width:min(88%,470px);position:relative;z-index:2;transform:rotate(-2deg);box-shadow:0 24px 55px rgba(0,0,0,.5)}
.video-console:hover{transform:translateY(-7px) rotate(0deg);border-color:rgba(158,189,255,.55)}
.video-console .console-body{background:rgba(7,8,11,.42)}
.hero-video-frame .label-top{top:23px;right:-29px;color:var(--text)}
.hero-video-frame .label-top b{color:var(--lime)}
.hero-video-frame .label-bottom{bottom:23px;left:-29px}
@media(max-width:850px){.hero-video-frame:before{width:calc(100% + 24px);height:calc(100% + 24px)}.hero-video-frame .label-top{right:-5px}.hero-video-frame .label-bottom{left:-5px}}
@media(max-width:500px){.hero-copy:after{display:none}.hero-video-frame{height:335px}.hero-video-frame:before{width:280px;height:280px}.hero-video-frame:after{width:350px;height:115px}.video-console{width:calc(100% - 28px);transform:none}.video-console:hover{transform:translateY(-4px)}.hero-video-frame .label-top{top:18px}.hero-video-frame .label-bottom{bottom:18px}}

/* Signature direction: acid signal, warm counterpoint, moving studio marker. */
:root{--signal:#c7ff63;--coral:#ff806b;--ink:#070909;--surface:#101411;--line:#27302a;--blue-bright:#e7f2df}
:root{--discord:#7c5cff;--discord-bright:#a894ff}
body{background:var(--ink)}
body:before{background:radial-gradient(circle at 87% 7%,rgba(199,255,99,.12),transparent 24%),radial-gradient(circle at 9% 42%,rgba(255,128,107,.1),transparent 21%),linear-gradient(115deg,transparent 0 48%,rgba(255,255,255,.022) 48.1%,transparent 48.3%)}
body:after{background:radial-gradient(520px circle at var(--mx,78%) var(--my,10%),rgba(199,255,99,.08),transparent 62%)}
.page-grid{background-image:linear-gradient(rgba(199,255,99,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(199,255,99,.07) 1px,transparent 1px)}
.brand-mark{border-color:var(--signal);color:var(--signal);box-shadow:0 0 25px rgba(199,255,99,.18)}
.brand-mark:after{background:var(--coral)}
.site-nav a:not(.nav-login):after{background:var(--signal)}
.hero h1 em,.section-heading h2 em,.contact-intro h2 em,.partner-copy h2 em{color:var(--signal);text-shadow:0 0 36px rgba(199,255,99,.13)}
.hero h1 span{color:#f2f4ed}
.eyebrow{color:var(--signal)}
.pulse-dot,.live-dot{background:var(--signal);box-shadow:0 0 12px var(--signal)}
.button-primary{background:var(--signal);box-shadow:0 10px 30px rgba(199,255,99,.18)}
.button-primary:hover{box-shadow:0 14px 40px rgba(199,255,99,.32)}
.button-ghost:hover{border-color:var(--signal)}
.hero-video-frame{border-color:rgba(199,255,99,.3);box-shadow:0 35px 100px rgba(0,0,0,.52)}
.hero-video-frame:before{border-color:rgba(199,255,99,.2)}
.hero-video-frame:after{border-color:rgba(255,128,107,.23)}
.video-shade{background:linear-gradient(135deg,rgba(7,9,7,.18),rgba(7,9,7,.82)),linear-gradient(0deg,rgba(199,255,99,.1),transparent 55%)}
.status-chip,.console-line.accent,.label-bottom,.footer-status{color:var(--signal)}
.console-line b,.float-label b{color:var(--signal)}
.console-line strong{color:#ffd0c5}
.console-chart span{background:linear-gradient(to top,var(--signal),rgba(199,255,99,.1))}
.hero-meta b,.text-link,.project-sigil span,.project-stats b{color:var(--signal)}
.trust-strip{border-color:rgba(199,255,99,.25);background:#0b100d}
.trust-inner>span:not(.trust-label){color:#879883}
.signal-band{overflow:hidden;border-bottom:1px solid var(--line);background:var(--signal);color:#081008;white-space:nowrap}
.signal-track{display:flex;align-items:center;justify-content:space-around;gap:34px;min-width:max-content;padding:13px 0;font:700 10px monospace;letter-spacing:.24em;animation:signalRun 24s linear infinite}
.signal-track i{color:var(--coral);font-style:normal;font-size:14px;letter-spacing:0}
.service-card:before{border-color:var(--signal)}
.service-card:hover{background:#111a13}
.project-scanline{background:rgba(199,255,99,.55);box-shadow:0 0 25px var(--signal)}
.project-status{color:var(--signal)}
.process-line{background:linear-gradient(to right,var(--signal),var(--line),transparent)}
@keyframes signalRun{to{transform:translateX(-25%)}}
@media(prefers-reduced-motion:reduce){.signal-track{animation:none}}
@media(max-width:500px){.signal-track{justify-content:flex-start;gap:24px;padding:11px 0;font-size:9px}.signal-track i{font-size:12px}}

/* Proof layer: a small studio signature beneath the primary action. */
.hero{position:relative}
.hero:after{content:"YURZX / 026";position:absolute;right:-58px;bottom:152px;color:rgba(199,255,99,.48);font:10px monospace;letter-spacing:.25em;writing-mode:vertical-rl;transform:rotate(180deg)}
.hero-proof{position:static;display:flex;align-items:center;gap:15px;width:min(500px,100%);margin-top:24px;padding:13px 15px;border:1px solid rgba(199,255,99,.2);background:linear-gradient(100deg,rgba(199,255,99,.06),rgba(255,128,107,.035));box-shadow:inset 3px 0 var(--coral)}
.hero-proof-mark{color:var(--signal);font:700 20px monospace;letter-spacing:-.12em}
.hero-proof div{display:grid;gap:3px;min-width:0}
.hero-proof strong{color:var(--text);font:400 13px Georgia,serif}
.hero-proof small{color:var(--muted);font-size:10px;line-height:1.4}
.hero-proof-index{margin-left:auto;color:var(--coral);font:10px monospace;letter-spacing:.1em}
@media(max-width:850px){.hero:after{right:-18px;bottom:120px}.hero-proof{max-width:500px}}
@media(max-width:500px){.hero:after{display:none}.hero-proof{margin-top:22px;padding:12px}.hero-proof strong{font-size:12px}.hero-proof small{font-size:9px}.hero-proof-index{font-size:9px}}

/* Service details: interactive capability surface. */
.modal-open{overflow:hidden}
.card-arrow{display:grid;place-items:center;width:32px;height:32px;padding:0;border:1px solid transparent;background:transparent;color:#566078;font:inherit;transition:color .25s ease,border-color .25s ease,background .25s ease,transform .25s ease}
.card-arrow:hover,.card-arrow:focus-visible{color:var(--signal);border-color:var(--signal);background:rgba(199,255,99,.08);transform:translate(2px,-2px)}
.service-modal{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:30px;visibility:hidden;opacity:0;transition:opacity .3s ease,visibility .3s ease}
.service-modal.is-open{visibility:visible;opacity:1}
.service-modal-backdrop{position:absolute;inset:0;background:rgba(3,5,4,.82);backdrop-filter:blur(12px)}
.service-modal-panel{position:relative;width:min(720px,100%);padding:52px 56px 48px;border:1px solid rgba(199,255,99,.32);background:linear-gradient(145deg,#121b15,#090c0a 72%);box-shadow:0 40px 120px rgba(0,0,0,.6),inset 0 1px rgba(255,255,255,.07);transform:translateY(18px) scale(.98);transition:transform .4s var(--ease)}
.service-modal.is-open .service-modal-panel{transform:none}
.service-modal-panel:before{content:"";position:absolute;left:-1px;top:28px;bottom:28px;width:3px;background:var(--coral);box-shadow:0 0 22px rgba(255,128,107,.5)}
.service-modal-close{position:absolute;top:19px;right:22px;width:34px;height:34px;border:1px solid var(--line);background:transparent;color:var(--muted);font-size:24px;line-height:1;transition:color .2s ease,border-color .2s ease}.service-modal-close:hover{color:var(--signal);border-color:var(--signal)}
.service-modal-panel h2{max-width:560px;margin:0 0 23px;color:var(--text);font:400 clamp(2.8rem,6vw,5.2rem)/.9 Georgia,serif;letter-spacing:-.05em}.service-modal-intro{max-width:570px;color:#aab5aa;font-size:15px;line-height:1.7;margin:0 0 38px}.service-modal-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:28px;padding:22px 0;border-block:1px solid var(--line);margin-bottom:30px}.service-modal-grid>div{display:grid;align-content:start;gap:12px}.service-modal-grid span{color:var(--signal);font:10px monospace;letter-spacing:.14em;text-transform:uppercase}.service-modal-grid strong{color:var(--text);font:400 19px/1.3 Georgia,serif}.service-modal-grid ul{display:grid;gap:9px;margin:0;padding:0;list-style:none}.service-modal-grid li{color:var(--muted);font-size:12px}.service-modal-grid li:before{content:"+";color:var(--coral);margin-right:9px}.service-modal-panel .button{margin-top:0}
@media(max-width:600px){.service-modal{align-items:end;padding:0}.service-modal-panel{padding:45px 25px 32px;border-bottom:0;width:100%;max-height:90vh;overflow:auto}.service-modal-panel:before{top:20px;bottom:20px}.service-modal-panel h2{font-size:3rem}.service-modal-intro{font-size:14px;margin-bottom:28px}.service-modal-grid{grid-template-columns:1fr;gap:22px;margin-bottom:24px}.service-modal-grid strong{font-size:17px}}

/* Studio chrome: make the navigation feel like a live product interface. */
.site-nav{flex-wrap:nowrap}
.nav-availability{display:inline-flex;align-items:center;gap:8px!important;padding:9px 12px;border:1px solid rgba(199,255,99,.26);color:var(--signal)!important;background:rgba(199,255,99,.045);font-size:9px!important;letter-spacing:.12em!important}
.nav-availability i{display:block;width:5px;height:5px;border-radius:50%;background:var(--signal);box-shadow:0 0 10px var(--signal);animation:availabilityPulse 2.2s ease-in-out infinite}
.nav-availability:after{display:none!important}
.nav-availability:hover{border-color:var(--signal);background:rgba(199,255,99,.1)}
.nav-discord{display:inline-flex;align-items:center;gap:7px!important;padding:9px 12px;border:1px solid rgba(124,92,255,.62);background:linear-gradient(135deg,rgba(124,92,255,.22),rgba(64,42,160,.12));color:#eeeaff!important;box-shadow:0 0 24px rgba(124,92,255,.12);font-size:9px!important;letter-spacing:.1em!important;transition:border-color .25s ease,background .25s ease,box-shadow .25s ease,transform .25s ease}.nav-discord span{font-size:17px;line-height:0;color:var(--discord-bright)}.nav-discord b{color:var(--discord-bright);font-size:13px;font-weight:400;line-height:0}.nav-discord:hover{border-color:var(--discord-bright);background:linear-gradient(135deg,rgba(124,92,255,.42),rgba(64,42,160,.24));box-shadow:0 0 30px rgba(124,92,255,.3);transform:translateY(-2px)}.nav-discord:after{display:none!important}
.services-section{position:relative}
.services-section:before{content:"SYSTEMS / 06 MODULES / SELECTED CAPABILITIES";display:block;margin-bottom:20px;color:rgba(199,255,99,.48);font:10px monospace;letter-spacing:.19em}
@keyframes availabilityPulse{0%,100%{opacity:.5;transform:scale(.8)}50%{opacity:1;transform:scale(1.15)}}
@media(max-width:850px){.nav-availability{margin-top:6px}.services-section:before{margin-bottom:16px;font-size:8px}}
@media(max-width:850px){.nav-discord{margin-top:6px}}
@media(max-width:500px){.nav-availability,.nav-discord{display:none}}

/* Commission brief: make the final conversion step feel intentional. */
.contact-section{align-items:start}
.contact-intro{position:relative}
.contact-intro:after{content:"01 / 01";display:block;width:max-content;margin-top:48px;padding:7px 10px;border:1px solid rgba(199,255,99,.2);color:var(--signal);font:10px monospace;letter-spacing:.13em}
.contact-form{grid-template-columns:1fr 1fr;column-gap:24px;row-gap:18px;align-content:start;padding:29px 32px 25px;border-color:rgba(199,255,99,.24);background:linear-gradient(145deg,rgba(18,27,21,.9),rgba(8,11,9,.82));box-shadow:0 32px 100px rgba(0,0,0,.38),inset 0 1px rgba(255,255,255,.06)}
.form-header{grid-column:1 / -1;display:flex;align-items:start;justify-content:space-between;gap:20px;padding-bottom:20px;border-bottom:1px solid var(--line)}
.form-header>div{display:grid;gap:8px}.form-kicker{color:var(--signal);font:10px monospace;letter-spacing:.15em}.form-header strong{color:var(--text);font:400 22px Georgia,serif}.form-status{display:flex;align-items:center;gap:7px;color:var(--muted);font:10px monospace;white-space:nowrap}.form-status i{width:5px;height:5px;border-radius:50%;background:var(--signal);box-shadow:0 0 9px var(--signal)}
.form-progress{grid-column:1 / -1;display:flex;gap:5px;margin-bottom:4px}.form-progress span{height:2px;flex:1;background:var(--line)}.form-progress span:first-child{background:var(--signal)}
.contact-form label:nth-of-type(3),.contact-form label:nth-of-type(4),.contact-form label:nth-of-type(5),.contact-form .button,.contact-form .form-note,.contact-form .form-success{grid-column:1 / -1}
.contact-form label{font-size:9px}.contact-form input,.contact-form select,.contact-form textarea{padding:10px 0}.contact-form textarea{min-height:76px}.contact-form .button{margin-top:5px}.form-note{margin-top:-4px}
@media(max-width:850px){.contact-intro:after{margin-top:35px}.contact-form{padding:25px}}
@media(max-width:600px){.contact-form{grid-template-columns:1fr;padding:23px 20px}.form-header{align-items:start}.form-header strong{font-size:19px}.form-status{font-size:9px}.contact-form label:nth-of-type(1),.contact-form label:nth-of-type(2),.contact-form label:nth-of-type(3),.contact-form label:nth-of-type(4),.contact-form label:nth-of-type(5),.contact-form .button,.contact-form .form-note,.contact-form .form-success{grid-column:auto}.contact-form .button{width:100%}}

.service-card{overflow:hidden}
.service-card:after{content:"VIEW MODULE  ↗";position:absolute;right:24px;bottom:28px;color:var(--signal);font:9px monospace;letter-spacing:.12em;opacity:0;transform:translateX(8px);transition:opacity .25s ease,transform .25s ease}.service-card:hover:after,.service-card:focus-within:after{opacity:1;transform:none}.service-card:hover .card-arrow,.service-card:focus-within .card-arrow{opacity:0}
.service-icon{display:grid;place-items:center;width:48px;height:48px;border:1px solid rgba(199,255,99,.2);background:rgba(199,255,99,.045)}
@media(max-width:600px){.service-card:after{right:22px;bottom:25px}}

/* Reference direction: deep-space navy, electric violet and crisp product UI. */
:root{--signal:#9b5cff;--coral:#19b8ff;--ink:#04040e;--surface:#09091b;--surface-2:#10102a;--line:#242052;--text:#f7f5ff;--muted:#8585a8;--blue-bright:#c8b9ff;--discord:#8d5cff;--discord-bright:#c6acff}
body{background:#04040e;color:#f7f5ff;font-family:"Segoe UI",Tahoma,sans-serif}
body:before{background:radial-gradient(circle at 82% 5%,rgba(114,45,255,.27),transparent 28%),radial-gradient(circle at 8% 48%,rgba(0,132,255,.14),transparent 25%),linear-gradient(120deg,transparent 0 46%,rgba(88,47,191,.08) 46.1%,transparent 46.3%)}
body:after{background:radial-gradient(560px circle at var(--mx,78%) var(--my,10%),rgba(139,92,246,.13),transparent 62%)}
.page-grid{opacity:.2;background-image:linear-gradient(rgba(102,80,212,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(102,80,212,.09) 1px,transparent 1px);background-size:80px 80px}
.site-header{height:88px}.brand-mark{border-color:var(--signal);color:var(--blue-bright);box-shadow:0 0 24px rgba(139,92,246,.3)}.brand-mark:after{background:var(--coral)}
.brand strong{letter-spacing:.14em}.site-nav a{color:#a7a3c4}.site-nav a:not(.nav-login):after{background:var(--signal)}
.nav-availability{border-color:rgba(155,92,255,.45);color:var(--blue-bright)!important;background:rgba(155,92,255,.08)}.nav-availability i{background:var(--signal);box-shadow:0 0 10px var(--signal)}
.nav-discord{border-color:rgba(141,92,255,.7);background:linear-gradient(135deg,rgba(141,92,255,.35),rgba(33,15,91,.32));box-shadow:0 0 24px rgba(141,92,255,.22)}
.hero{min-height:690px;padding-top:82px}.hero-copy:before{color:#8b5cff}.hero h1{font-family:"Segoe UI",Tahoma,sans-serif;font-weight:900;font-size:clamp(4rem,8vw,8.3rem);line-height:.86;letter-spacing:.015em;text-transform:uppercase}.hero h1 span{color:#fff;text-shadow:0 0 30px rgba(255,255,255,.1)}.hero h1 em{margin-left:0;font-style:normal;background:linear-gradient(100deg,#fff 6%,#b785ff 44%,#5d8dff 92%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none}.hero-lede{color:#aaa8c2}.eyebrow{color:#b67cff}.pulse-dot,.live-dot{background:var(--signal);box-shadow:0 0 12px var(--signal)}
.button-primary{background:linear-gradient(110deg,#8d4dff,#5c65ff);color:#fff;box-shadow:0 10px 32px rgba(105,67,255,.35)}.button-primary:hover{box-shadow:0 15px 45px rgba(105,67,255,.55)}.button-ghost:hover{border-color:#8d5cff;background:rgba(141,92,255,.08)}
.hero-video-frame{border-color:rgba(105,117,255,.5);background:#070716;box-shadow:0 35px 100px rgba(10,3,46,.75)}.hero-video-frame:before{border-color:rgba(104,86,255,.45)}.hero-video-frame:after{border-color:rgba(25,184,255,.25)}.video-shade{background:linear-gradient(135deg,rgba(4,4,14,.1),rgba(4,4,14,.83)),linear-gradient(0deg,rgba(80,58,255,.18),transparent 55%)}
.status-chip,.console-line.accent,.label-bottom,.footer-status{color:#9f7cff}.console-line b,.float-label b{color:#9d7bff}.console-line strong{color:#73caff}.console-chart span{background:linear-gradient(to top,#7359ff,rgba(115,89,255,.08))}.hero-meta b,.text-link,.project-sigil span,.project-stats b{color:#a77cff}
.trust-strip{border-color:#27215d;background:#070719}.trust-inner>span:not(.trust-label){color:#7776a2}.trust-label{color:#a29bc8}
.signal-band{background:linear-gradient(90deg,#7137dd,#5e65ff,#7137dd);color:#fff;box-shadow:0 0 30px rgba(111,73,255,.25)}.signal-track i{color:#55d7ff}
.services-section:before{color:#9f7cff}.section-heading h2,.about-us-heading h2,.contact-intro h2{font-family:"Segoe UI",Tahoma,sans-serif;font-weight:800;letter-spacing:.01em;text-transform:uppercase;line-height:.92}.section-heading h2 em,.contact-intro h2 em,.partner-copy h2 em{color:#a878ff;text-shadow:0 0 30px rgba(155,92,255,.35)}
.service-grid{background:#27215d;border-color:#27215d}.service-card,.service-card:nth-child(1){background:linear-gradient(145deg,#0c0c25,#070714);border-color:transparent}.service-card:hover{background:linear-gradient(145deg,#15113e,#09091c);box-shadow:0 18px 50px rgba(51,24,134,.4)}.service-card:before{border-color:#8d5cff}.service-card:after{color:#b388ff}.service-icon{border-color:rgba(133,95,255,.45);background:rgba(89,49,203,.12);color:#a875ff!important;box-shadow:0 0 20px rgba(100,60,255,.12)}.card-arrow{color:#8f7ac4}.card-arrow:hover,.card-arrow:focus-visible{color:#fff;border-color:#9b6aff;background:rgba(133,83,255,.18)}
.project-feature,.future-projects,.about-us-principles{border-color:#27215d}.project-visual{background:radial-gradient(circle at 42% 48%,rgba(82,47,220,.82),transparent 30%),linear-gradient(135deg,#111039,#050511)}.project-scanline{background:rgba(30,188,255,.7);box-shadow:0 0 25px #536dff}.project-info{background:#0b0b21}.process-line{background:linear-gradient(to right,#8d5cff,#27215d,transparent)}
.contact-form{border-color:rgba(110,80,239,.5);background:linear-gradient(145deg,rgba(14,13,43,.95),rgba(5,5,17,.92));box-shadow:0 32px 100px rgba(8,2,42,.55),inset 0 1px rgba(190,174,255,.1)}.form-kicker,.form-status,.form-progress span:first-child{color:#a77cff}.form-progress span:first-child{background:#8d5cff}.form-header strong{font-family:"Segoe UI",Tahoma,sans-serif;font-weight:700}.contact-form input,.contact-form select,.contact-form textarea{border-color:#2b2855}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:#8d5cff}.contact-intro:after{border-color:rgba(141,92,255,.45);color:#a77cff}
.service-modal-panel{border-color:rgba(141,92,255,.62);background:linear-gradient(145deg,#13113c,#070716 72%);box-shadow:0 40px 120px rgba(12,2,53,.75),inset 0 1px rgba(193,175,255,.1)}.service-modal-panel:before{background:var(--coral)}.service-modal-grid{border-color:#2a2558}.service-modal-grid span,.legal-section h3{color:#ab7dff}.service-modal-grid li:before{color:#35c6ff}
.site-footer{background:#03030b;border-top-color:#242052}.footer-top>p em{color:#a879ff}
@media(max-width:850px){.hero{padding-top:72px}.hero h1{font-size:clamp(3.8rem,12vw,6rem)}}
@media(max-width:500px){.hero h1{font-size:3.65rem}.section-heading h2,.contact-intro h2,.about-us-heading h2{font-size:3rem}}

/* Custom 3D artwork: a Yurzx mark built from layered type, light and orbit geometry. */
.hero h1{font-family:"Montserrat","Segoe UI",sans-serif;font-weight:900;letter-spacing:-.035em}.hero h1 em{font-family:"Montserrat","Segoe UI",sans-serif;font-weight:900;letter-spacing:-.045em}
.hero-video-frame:before,.hero-video-frame:after{display:none}.hero-video{opacity:.18;filter:saturate(1.35) contrast(1.2) brightness(.55)}.video-shade{background:radial-gradient(circle at 54% 45%,rgba(95,42,255,.3),transparent 35%),linear-gradient(135deg,rgba(4,4,14,.32),rgba(4,4,14,.88))}.video-console{opacity:.38}
.hero-artwork{position:absolute;inset:-8% -5%;z-index:1;display:grid;place-items:center;perspective:1000px;pointer-events:none;overflow:visible}
.art-core{position:relative;z-index:2;font:900 clamp(12rem,22vw,19rem)/.7 "Montserrat","Segoe UI",sans-serif;letter-spacing:-.16em;padding-right:.16em;color:transparent;background:linear-gradient(145deg,#fff 6%,#be8cff 38%,#6b54ff 68%,#27bfff 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-stroke:2px rgba(181,135,255,.45);filter:drop-shadow(0 0 16px rgba(127,77,255,.75)) drop-shadow(0 0 52px rgba(46,155,255,.3));transform:rotateX(16deg) rotateY(-22deg) rotateZ(-8deg);animation:artFloat 6s ease-in-out infinite}
.art-core:after{content:"Y";position:absolute;inset:9px auto auto 9px;z-index:-1;color:transparent;-webkit-text-stroke:1px rgba(35,205,255,.55);transform:translate(18px,18px);opacity:.55}
.art-orbit{position:absolute;border:1px solid rgba(129,88,255,.72);box-shadow:0 0 18px rgba(112,72,255,.38),inset 0 0 18px rgba(23,181,255,.12);transform-style:preserve-3d}
.art-orbit-one{width:78%;height:42%;border-radius:50%;transform:rotateX(67deg) rotateZ(-24deg);animation:orbitSpin 14s linear infinite}.art-orbit-two{width:55%;height:78%;border-color:rgba(25,184,255,.48);border-radius:50%;transform:rotateY(68deg) rotateZ(21deg);animation:orbitSpinReverse 18s linear infinite}
.art-node{position:absolute;z-index:3;padding:8px 11px;border:1px solid rgba(139,92,246,.7);background:rgba(7,5,29,.78);color:#b695ff;box-shadow:0 0 20px rgba(93,56,255,.35);font:700 9px monospace;letter-spacing:.1em}.art-node-one{top:20%;right:17%}.art-node-two{bottom:22%;left:11%;color:#48cfff;border-color:rgba(25,184,255,.6)}.art-node-three{top:27%;left:10%;color:#d5c5ff}
@keyframes artFloat{0%,100%{transform:rotateX(16deg) rotateY(-22deg) rotateZ(-8deg) translateY(0)}50%{transform:rotateX(12deg) rotateY(-17deg) rotateZ(-5deg) translateY(-10px)}}@keyframes orbitSpin{to{transform:rotateX(67deg) rotateZ(336deg)}}@keyframes orbitSpinReverse{to{transform:rotateY(68deg) rotateZ(-339deg)}}
@media(max-width:850px){.hero-artwork{inset:-4% -8%}.art-core{font-size:clamp(10rem,35vw,15rem)}.art-node-one{right:8%}.art-node-three{left:5%}}
@media(max-width:500px){.hero-artwork{inset:-2% -12%}.art-core{font-size:10.5rem}.art-node{padding:6px 8px;font-size:8px}.art-node-one{top:17%;right:7%}.art-node-two{bottom:14%;left:7%}.art-node-three{top:22%;left:4%}.video-console{opacity:.22}}

/* Reference layout: compact four-up modules and a measured stats rail. */
.trust-strip,.signal-band{display:none}
.services-section{padding-top:105px;padding-bottom:125px}.services-section .section-heading h2{font-size:0}.services-section .section-heading h2:after{content:"WHAT WE OFFER";display:block;font-size:clamp(2.3rem,4.8vw,4.8rem);line-height:.92}.services-section .section-heading h2 em{display:none}.services-section .heading-note{font-size:12px;line-height:1.5}
.service-grid{grid-template-columns:repeat(3,1fr)}.service-card{min-height:220px;padding:22px}.service-card h3{font-size:15px}.service-card p{font-size:11px;line-height:1.45}.service-icon{width:42px;height:42px;font-size:22px;margin:22px 0 17px}.card-number{font-size:9px}
.process-section{padding-top:100px;padding-bottom:100px}.process-section .section-heading h2{font-size:0}.process-section .section-heading h2:after{content:"SIMPLE STEPS.\A BIG RESULTS.";white-space:pre;display:block;font-size:clamp(2.3rem,4.8vw,4.8rem);line-height:.92}.process-section .section-heading h2 em{display:none}.process-grid{grid-template-columns:repeat(4,1fr)}.process-step:nth-child(5){display:none}.process-step{min-height:150px}.process-step h3{font-size:16px}.process-step p{font-size:11px}.reference-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:55px;border:1px solid #292263;background:#292263}.reference-stats>div{display:grid;gap:4px;min-height:105px;padding:20px;background:linear-gradient(145deg,#0e0d2c,#070714)}.reference-stats b{color:#b782ff;font:800 23px "Segoe UI",sans-serif}.reference-stats span{color:#f4f1ff;font-size:11px}.reference-stats small{color:#77769e;font-size:9px}.portfolio-section{padding-top:105px}
@media(max-width:850px){.services-section{padding-top:85px}.service-grid{grid-template-columns:repeat(2,1fr)}.process-grid{grid-template-columns:repeat(4,1fr);overflow:auto}.process-step{min-width:170px}.reference-stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:500px){.services-section{padding-top:65px}.service-grid{grid-template-columns:1fr}.service-card{min-height:220px}.process-grid{grid-template-columns:repeat(4,170px)}.reference-stats{grid-template-columns:1fr}.reference-stats>div{min-height:85px}}

/* Final studio polish: consistent rhythm across every major section. */
main>section{scroll-margin-top:90px}
.section-heading h2,.about-us-heading h2,.contact-intro h2{ text-wrap:balance}
.service-card{background:linear-gradient(145deg,rgba(11,15,12,.98),rgba(7,9,8,.98));transition:background .35s ease,transform .35s var(--ease),box-shadow .35s ease}
.service-card:nth-child(1){background:linear-gradient(145deg,rgba(20,30,20,.98),rgba(7,9,8,.98))}
.service-card:hover{box-shadow:0 18px 45px rgba(0,0,0,.28)}
.service-card:nth-child(1) .service-icon{color:var(--coral);border-color:rgba(255,128,107,.3)}
.service-card:nth-child(2) .service-icon{color:var(--signal)}
.service-card:nth-child(3) .service-icon{color:#dce9ff}
.service-card:nth-child(4) .service-icon{color:var(--coral)}
.service-card:nth-child(5) .service-icon{color:var(--signal)}
.service-card:nth-child(6) .service-icon{color:#dce9ff}
.service-card.reveal:nth-child(1){transition-delay:.02s}.service-card.reveal:nth-child(2){transition-delay:.08s}.service-card.reveal:nth-child(3){transition-delay:.14s}.service-card.reveal:nth-child(4){transition-delay:.2s}.service-card.reveal:nth-child(5){transition-delay:.26s}.service-card.reveal:nth-child(6){transition-delay:.32s}
.project-feature,.contact-form{border-radius:2px}
.contact-form input::placeholder,.contact-form textarea::placeholder{color:#667367}
.contact-form select{cursor:pointer}
.contact-form select:valid{color:var(--text)}
.contact-form .button{min-height:48px;padding-inline:20px}
.contact-form .form-success{grid-column:1 / -1}
@media(max-width:600px){.service-card.reveal:nth-child(n){transition-delay:0s}.contact-form .button{min-height:50px}}

.legal-modal{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:30px;visibility:hidden;opacity:0;transition:opacity .3s ease,visibility .3s ease}.legal-modal.is-open{visibility:visible;opacity:1}.legal-modal-backdrop{position:absolute;inset:0;background:rgba(3,5,4,.82);backdrop-filter:blur(12px)}.legal-modal-panel{position:relative;width:min(820px,100%);max-height:min(88vh,900px);overflow:auto;padding:52px 56px 42px;border:1px solid rgba(141,92,255,.62);background:linear-gradient(145deg,#13113c,#070716 72%);box-shadow:0 40px 120px rgba(12,2,53,.75),inset 0 1px rgba(193,175,255,.1);transform:translateY(18px) scale(.98);transition:transform .4s var(--ease)}.legal-modal.is-open .legal-modal-panel{transform:none}.legal-modal-panel:before{content:"";position:absolute;left:-1px;top:28px;bottom:28px;width:3px;background:var(--coral);box-shadow:0 0 22px rgba(25,184,255,.5)}.legal-modal-panel h2{max-width:650px;margin:0 0 23px;color:var(--text);font:800 clamp(2.8rem,6vw,5.2rem)/.9 "Segoe UI",Tahoma,sans-serif;letter-spacing:-.04em}.legal-modal-content{display:grid;gap:0;border-top:1px solid var(--line)}.legal-modal-section{padding:23px 0;border-bottom:1px solid var(--line)}.legal-modal-section h3{margin:0 0 10px;color:#ab7dff;font:700 13px "Segoe UI",Tahoma,sans-serif;letter-spacing:.08em;text-transform:uppercase}.legal-modal-section p,.legal-modal-section address{margin:0;color:#aaa8c2;font-size:13px;line-height:1.7}.legal-modal-section p+p{margin-top:10px}.legal-modal-section address{padding:12px 15px;margin-top:12px;border-left:2px solid #19b8ff;background:rgba(25,184,255,.045);font-style:normal;color:var(--text)}.legal-modal-section a{color:#b388ff}.legal-modal-actions{padding-top:22px}@media(max-width:600px){.legal-modal{align-items:end;padding:0}.legal-modal-panel{width:100%;max-height:92vh;padding:45px 25px 30px;border-bottom:0}.legal-modal-panel:before{top:20px;bottom:20px}.legal-modal-panel h2{font-size:3rem}.legal-modal-section{padding:19px 0}.legal-modal-section p,.legal-modal-section address{font-size:12px}}