/* Scroll choreography */
.hero-art{translate:var(--scene-x,0px) var(--scene-y,0px);scale:var(--scene-scale,1)}
.energy-route{position:absolute;left:24px;top:130px;width:1px;background:#197cff13;pointer-events:none;z-index:0}
.energy-route>div{height:100%;background:linear-gradient(transparent,#1266ff 35%,#50dfff);transform:scaleY(var(--route-progress,0));transform-origin:top;box-shadow:0 0 12px #167cff}
.energy-route>div:after{content:'';position:absolute;bottom:0;left:-3px;width:7px;height:7px;background:#a1edff;border-radius:50%;box-shadow:0 0 20px #009dff}
.energy-section{position:relative}.energy-section:after{content:'';position:absolute;top:15px;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#43bdff,transparent);opacity:0;transform:scaleX(0);pointer-events:none}.energy-section.energized:after{animation:section-power 1.7s ease-out both}@keyframes section-power{0%{opacity:0;transform:scaleX(0)}35%{opacity:.9}100%{opacity:0;transform:scaleX(1)}}
/* Six animated service glyphs */
.service-icon{position:relative;display:flex;align-items:center;justify-content:center;gap:3px;background:linear-gradient(135deg,#0c2854,#06152d);border:1px solid #1f69af;color:#6cd5ff;overflow:hidden;box-shadow:inset 0 0 18px #127aff15}.service-icon i{display:block;font-style:normal}.icon-0{font-family:monospace;font-size:22px}.icon-0 i{animation:code-cursor 1.8s steps(2,end) infinite}.icon-1 i{position:absolute;border:1px solid #5eb8ff;border-radius:3px;width:24px;height:17px;background:#112d53}.icon-1 i:nth-child(1){translate:-6px -8px}.icon-1 i:nth-child(2){translate:0 0}.icon-1 i:nth-child(3){translate:6px 8px;animation:ui-slide 3s ease-in-out infinite}.icon-2 i{width:15px;height:25px;border-radius:4px;background:#267aff;rotate:-18deg;animation:palette-shift 5s ease-in-out infinite}.icon-2 i:nth-child(2){background:#65dfff;rotate:0deg;animation-delay:.3s}.icon-2 i:nth-child(3){background:#7054ff;rotate:18deg;animation-delay:.6s}.icon-3 i{position:absolute;width:11px;height:11px;border:1px solid #65dfff;background:#1266b4;animation:node-pulse 2.5s ease-in-out infinite}.icon-3 i:nth-child(1){translate:-13px 8px}.icon-3 i:nth-child(2){translate:0 -10px;animation-delay:.4s}.icon-3 i:nth-child(3){translate:13px 8px;animation-delay:.8s}.icon-3:before{content:'';position:absolute;width:30px;height:22px;border:1px solid #275581;clip-path:polygon(50% 0,100% 100%,0 100%)}.icon-4 i:first-child{width:24px;height:24px;border:2px solid #6cd5ff;rotate:45deg;animation:graphic-turn 8s ease-in-out infinite}.icon-4 i:last-child{position:absolute;width:10px;height:10px;border-radius:50%;background:#1d78ff;box-shadow:0 0 12px #167aff}.icon-5 i{width:26px;height:25px;border:2px solid #65dfff;border-radius:3px;translate:0 5px}.icon-5 i:before{content:'';position:absolute;width:10px;height:8px;left:6px;top:-9px;border:2px solid #65dfff;border-bottom:0;border-radius:7px 7px 0 0}.icon-5 b{position:absolute;right:8px;top:6px;color:#fff;animation:node-pulse 2.5s infinite}.service-card:hover .service-icon{box-shadow:0 0 22px #187bff45}.service-card:focus-visible .service-icon{border-color:#91eaff}@keyframes code-cursor{50%{opacity:.2}}@keyframes ui-slide{50%{translate:9px 11px}}@keyframes palette-shift{50%{filter:hue-rotate(65deg);translate:0 -3px}}@keyframes node-pulse{50%{opacity:.4;scale:.8}}@keyframes graphic-turn{50%{rotate:135deg}}
/* Real project media */
.project-image img{width:100%;height:100%;object-fit:cover;object-position:top center;transition:transform .7s cubic-bezier(.16,1,.3,1);background:#0b1730}
.project-open:hover .project-image img,.project-open:focus-visible .project-image img{transform:scale(1.04)}
.dialog-preview .project-image{min-height:390px}
.project-image.no-media{background:linear-gradient(135deg,#0c2854,#06152d)}
.project-image.no-media img{opacity:0}
.project-image.no-media::after{content:'NORYX';position:absolute;inset:0;display:grid;place-items:center;font-size:13px;letter-spacing:5px;color:#3b6ea5}
.dialog-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:15px}
.dialog-actions .button{margin-top:0}
.dialog-actions .secondary{width:auto}
@media(max-width:700px){.dialog-preview .project-image{min-height:220px}}
.project-open{display:block;padding:0;border:0;background:none;color:inherit;width:100%;text-align:left;cursor:pointer}.project-open:focus-visible{outline-offset:-4px}.project-image{position:relative;display:grid;place-items:center;overflow:hidden;isolation:isolate;background:#0b1730;aspect-ratio:1.44}.concept-tag{position:absolute;top:10px;left:12px;color:#fff9;font-size:8px;letter-spacing:1.2px;z-index:3}.project-caption{padding-right:45px}.project-open-arrow{position:absolute;right:19px;top:22px;color:#63b8ff;font-size:22px;transition:translate .3s}.project-open:hover .project-open-arrow{translate:3px -3px}.mini-browser{width:85%;height:76%;background:#0b1324;border:1px solid #ffffff24;border-radius:7px;overflow:hidden;transform:perspective(700px) rotateY(-10deg) rotateX(7deg) translateY(12px);box-shadow:0 22px 35px #0005;transition:transform .65s cubic-bezier(.16,1,.3,1)}.project-open:hover .mini-browser,.project-open:focus-visible .mini-browser{transform:perspective(700px) rotateY(0) rotateX(0) translateY(0)}.mini-bar{height:20px;border-bottom:1px solid #ffffff10;display:flex;gap:3px;padding:7px;align-items:center}.mini-bar>i{width:3px;height:3px;border-radius:50%;background:#66809d}.mini-bar span{font-size:6px;margin-left:6px;color:#8798b5}.preview-0{background:radial-gradient(at 80% 10%,#124d64,#071d2a)}.finance-ui{padding:12px 16px}.finance-ui>small{font-size:6px;letter-spacing:1px;color:#8aa5b4}.finance-ui>strong{display:block;font-size:23px;margin:6px 0;color:#f0fffc}.finance-ui>strong span{color:#6e8d97}.mini-chart{height:45px;display:flex;gap:8px;align-items:flex-end;border-bottom:1px solid #8adbb025}.mini-chart i{flex:1;background:linear-gradient(#5fe0bd,#14534e);height:40%;border-radius:2px 2px 0 0;transform-origin:bottom;transition:transform .6s}.mini-chart i:nth-child(2n){height:65%}.mini-chart i:nth-child(3n){height:82%}.mini-chart i:last-child{height:100%}.project-open:hover .mini-chart i{transform:scaleY(.65)}.project-open:hover .mini-chart i:nth-child(2n){transform:scaleY(1.25)}.mini-stats{display:flex;justify-content:space-between;font-size:6px;color:#78969d;margin-top:10px}.mini-stats b{color:#71e3b5;margin-left:4px}.preview-1{background:radial-gradient(at 10% 80%,#bc6630,#f0c293)}.mini-phone{width:112px;height:185px;border:4px solid #262017;border-radius:20px;background:#fff5e4;color:#302312;padding:17px 8px 8px;position:relative;transform:rotate(-9deg) translateY(15px);box-shadow:10px 18px 20px #4b210835;transition:transform .6s}.phone-notch{position:absolute;top:4px;left:32px;width:40px;height:7px;background:#262017;border-radius:8px}.mini-phone small{font-size:4px;letter-spacing:.4px}.mini-phone strong{display:block;font-size:15px;line-height:1.1;margin:7px 0}.food-plate{width:65px;height:65px;background:radial-gradient(circle,#ffb839 0 24%,#588c2d 25% 36%,#d3a045 37% 46%,#fff 47% 64%,#d5caba 65%);border-radius:50%;margin:auto;position:relative;transition:rotate 1s}.food-plate i{position:absolute;width:10px;height:10px;background:#ba3d20;border-radius:50%;top:24px;left:18px}.food-plate i:nth-child(2){left:34px;top:19px}.food-plate i:nth-child(3){left:29px;top:36px}.food-order{font-size:6px;background:#dc602f;border-radius:6px;color:white;padding:7px 5px;margin-top:7px}.floating-label{position:absolute;right:12px;bottom:34px;background:#fff0d9;color:#764125;padding:7px 9px;font-size:8px;border-radius:5px;rotate:8deg}.food-orbit{position:absolute;width:170px;height:170px;border:1px solid #fff4;border-radius:50%}.project-open:hover .mini-phone{transform:rotate(0) translateY(4px)}.project-open:hover .food-plate{rotate:30deg}.preview-2{background:linear-gradient(135deg,#a89aff,#5342a5)}.preview-2 .mini-browser{background:#f8f6ff;color:#251f45}.preview-2 .mini-bar{border-color:#ddd7ee}.hiring-ui{padding:12px 15px}.hiring-ui>small{font-size:5px;color:#80729d}.hiring-ui>strong{display:block;font-size:18px;line-height:1.1;margin:7px 0}.search-mock{font-size:6px;border:1px solid #d5c9eb;border-radius:4px;padding:7px;color:#857699}.search-mock b{float:right;color:#7750df}.job-mock{display:flex;gap:6px;align-items:center;font-size:6px;margin-top:7px}.job-mock>i{width:14px;height:14px;border-radius:4px;background:#e2dafb}.job-mock small{font-size:5px;display:block;margin-top:2px;color:#9d94af}.preview-3{background:#d9ee63;color:#172712}.vertex-ui{text-align:center;transition:transform .6s}.vertex-mark{font-family:Arial,sans-serif;font-size:110px;line-height:.9;font-weight:900;letter-spacing:-13px;padding-right:13px;transform:scaleX(1.2);transition:transform .7s}.vertex-ui>strong{font-size:22px;letter-spacing:4px;display:block;margin-top:8px}.vertex-ui>small{font-size:5px;letter-spacing:2px;display:block;margin:6px 0 15px}.brand-swatches{display:flex;justify-content:center;gap:5px}.brand-swatches i{width:18px;height:8px;background:#152911}.brand-swatches i:nth-child(2){background:#f7ffcf}.brand-swatches i:nth-child(3){background:#719f46}.brand-swatches i:nth-child(4){background:#394835}.project-open:hover .vertex-mark{transform:scaleX(1.2) rotateY(180deg)}.preview-3 .concept-tag{color:#31431aa0}.preview-4{background:linear-gradient(145deg,#3e376f,#121c3d)}.dashboard-ui{display:flex;height:calc(100% - 20px)}.dashboard-side{width:28px;border-right:1px solid #fff1;padding:10px 7px}.dashboard-side i{display:block;width:12px;height:5px;background:#4c4870;margin-bottom:12px;border-radius:2px}.dashboard-main{padding:13px 10px;flex:1}.dashboard-main>strong{font-size:10px}.dashboard-metrics{display:flex;gap:8px;margin:12px 0}.dashboard-metrics span{background:#191f37;border-radius:4px;flex:1;padding:6px;font-size:5px;color:#8c8da9}.dashboard-metrics b{display:block;font-size:15px;color:#e9e5ff;margin-top:4px}.dashboard-graph{height:35px;display:flex;gap:5px;align-items:flex-end}.dashboard-graph i{height:45%;flex:1;background:#8b7ef4;border-radius:2px;transition:height .6s}.dashboard-graph i:nth-child(2n){height:80%;background:#5d63bb}.dashboard-graph i:nth-child(3n){height:60%}.project-open:hover .dashboard-graph i{height:90%}.project-open:hover .dashboard-graph i:nth-child(2n){height:50%}.preview-5{background:radial-gradient(at 80% 20%,#41245e,#090d22 70%)}.stellar-ui{text-align:center;position:relative;width:100%;padding:34px 0}.stellar-ui>small{font-size:6px;letter-spacing:2px;color:#c7b5e7;position:relative}.stellar-ui>strong{font-size:28px;line-height:1.08;display:block;margin:14px 0;position:relative;letter-spacing:-1px}.stellar-ui>span{font-size:5px;letter-spacing:1px;border:1px solid #9583b755;padding:7px 10px;border-radius:20px;position:relative}.stellar-planet{position:absolute;top:-25px;right:0;width:110px;height:110px;border-radius:50%;background:radial-gradient(circle at 25% 20%,#d4bcff,#593c8d 35%,#100d28 70%);box-shadow:0 0 50px #9058ff33;transition:transform 1s}.project-open:hover .stellar-planet{transform:translate(-15px,8px) rotate(20deg)}.stellar-stars{position:absolute;left:15px;top:15px;color:#c1b7ff;font-size:22px;letter-spacing:15px}
/* Accessible native project dialog */
.dialog-open{overflow:hidden}#project-dialog{width:min(860px,calc(100% - 32px));max-height:88dvh;overflow:auto;padding:0;border:1px solid #285589;border-radius:20px;background:#061128;color:var(--text);box-shadow:0 40px 120px #000b}#project-dialog[open]{display:grid;grid-template-columns:1fr 1fr;animation:dialog-arrive .4s cubic-bezier(.16,1,.3,1)}#project-dialog::backdrop{background:#010610d9;backdrop-filter:blur(12px)}.dialog-close{position:absolute;top:12px;right:12px;z-index:4;width:34px;height:34px;border:1px solid #ffffff25;border-radius:50%;background:#071126;color:white;font-size:24px}.dialog-preview{display:grid;min-width:0}.dialog-preview .project-image{height:100%;min-height:390px;aspect-ratio:auto}.dialog-preview .mini-browser{height:230px}.dialog-preview .mini-phone{scale:1.3}.dialog-copy{padding:55px 30px 35px}.dialog-copy .eyebrow{margin-bottom:15px}.dialog-copy>p:not(.eyebrow){font-size:14px;line-height:1.6;color:#a4b0c8}.dialog-tags{display:flex;flex-wrap:wrap;gap:7px;margin:24px 0}.dialog-tags span{border:1px solid #294061;border-radius:20px;padding:6px 10px;font-size:10px;color:#adc9ed}.dialog-copy .concept-note{font-size:11px!important;color:#73849e!important}.dialog-copy .button{margin-top:15px}.dialog-preview .concept-tag{top:18px}@keyframes dialog-arrive{from{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}
/* Three-step inquiry */
.contact-form{min-width:0;gap:18px}.wizard-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.wizard-heading .eyebrow{font-size:9px;letter-spacing:1.2px;margin:0}.wizard-heading>span:last-child{font-size:11px;color:#7eb9ff;white-space:nowrap}.wizard-progress{list-style:none;display:flex;gap:10px;padding:0;margin:0 0 10px;counter-reset:steps}.wizard-progress li{flex:1;font-size:10px;color:#6b7b97;border-top:2px solid #1d2e48;padding-top:9px}.wizard-progress .current{border-color:#2583ff;color:#cce5ff}.wizard-progress .complete{border-color:#2e8a93;color:#69bcbf}.contact-form fieldset{border:0;padding:0;margin:0;min-width:0;display:flex;flex-direction:column;gap:9px}.contact-form legend{font-size:22px;letter-spacing:-.6px;font-weight:700;padding:0;margin-bottom:12px}.step-description{font-size:12px;color:#8d9eb7;margin:0 0 12px}.service-choices{display:grid;grid-template-columns:1fr 1fr;gap:10px}.service-choices label{position:relative;cursor:pointer}.service-choices input{position:absolute!important;width:1px!important;height:1px!important;min-height:0!important;opacity:0;padding:0!important;left:15px;top:25px}.service-choices label>span{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:62px;border:1px solid #263c5c;border-radius:8px;padding:12px;color:#b7c6dd;font-size:12px;transition:border-color .2s,background .2s,box-shadow .2s}.service-choices b{color:#3b87dc;font-size:17px;font-weight:400}.service-choices input:checked+span{border-color:#298aff;background:#112b50;color:white;box-shadow:inset 0 0 20px #007bff12}.service-choices input:focus-visible+span{outline:2px solid #78d6ff;outline-offset:3px}.contact-form fieldset>label{font-size:11px;color:#c5d4e7;margin-top:4px}.contact-form fieldset>label>span{color:#7285a0}.contact-form select{min-height:48px;padding:12px;background:#1d2c44;border:1px solid #334560;border-radius:8px;color:#d3e2f3;font:inherit;font-size:12px;width:100%}.contact-form input,.contact-form textarea{background:#1d2c44;border:1px solid #334560}.contact-form textarea{min-height:140px}.wizard-actions{display:flex;gap:10px}.wizard-actions .button{margin:0;min-height:48px}.wizard-actions .secondary{width:auto}.inquiry-summary{font-size:12px;color:#75bcff;padding:12px;background:#11233c;border-radius:8px;margin:6px 0 0}.contact-form #form-status{min-height:26px;text-align:left;margin:0;color:#a3bbda}
@media(min-width:1450px){.energy-route{left:calc((100% - 1200px)/2)}}
@media(max-width:1000px){.mini-browser{width:90%;height:80%}.mini-chart{height:32px}.finance-ui{padding:9px 12px}.finance-ui>strong{font-size:20px}.hiring-ui{padding:8px 10px}.hiring-ui>strong{font-size:15px}.vertex-mark{font-size:85px}.mini-phone{scale:.85;transform:rotate(-9deg) translateY(8px)}.floating-label{font-size:6px}.dashboard-main{padding:8px}.dashboard-metrics{margin:8px 0}.stellar-ui>strong{font-size:24px}.contact-form legend{font-size:20px}.service-choices label>span{font-size:11px;padding:10px}}
@media(max-width:700px){.hero-art{translate:0 var(--scene-y,0px)}.energy-route{left:8px}.project-image{aspect-ratio:1.1}.mini-bar span{font-size:4px}.mini-browser{height:80%;width:92%}.finance-ui>strong{font-size:17px}.mini-stats{font-size:5px}.mini-chart{gap:4px}.mini-phone{scale:.78}.floating-label{right:5px;bottom:16px;padding:5px;font-size:5px}.hiring-ui>small{font-size:4px}.hiring-ui>strong{font-size:13px}.job-mock{font-size:5px}.vertex-mark{font-size:70px}.vertex-ui>strong{font-size:17px}.dashboard-side{width:20px;padding:10px 4px}.dashboard-main>strong{font-size:7px}.dashboard-metrics b{font-size:11px}.dashboard-graph{height:25px}.stellar-ui>strong{font-size:21px}.stellar-ui>small{font-size:4px}.stellar-planet{width:80px;height:80px}.concept-tag{font-size:6px;left:8px;top:8px}.project-open-arrow{right:11px;font-size:17px}.project-caption{padding-right:29px}#project-dialog[open]{grid-template-columns:1fr}.dialog-preview .project-image{min-height:260px}.dialog-preview .mini-browser{max-width:330px;height:215px}.dialog-preview .mini-phone{scale:1.1}.dialog-copy{padding:28px 24px}.dialog-copy h2{font-size:28px}.service-choices label>span{min-height:60px;font-size:12px}.contact-form{min-height:430px}}
@media(prefers-reduced-motion:reduce){.hero-art{translate:none!important;scale:1!important}.energy-section:after{display:none}.project-open:hover .mini-browser,.project-open:hover .mini-phone,.project-open:hover .vertex-mark,.project-open:hover .stellar-planet{transform:none}.energy-route{display:none}}