/* =========================================================
   YXE WEB STUDIOS — CUSTOM APPLICATIONS / V3
   01 BREAK THE TEMPLATE / 02 THE SYSTEM REVEAL / 03 BUILD
   Scroll transforms are driven by custom-web-applications.js.
   The page remains readable without JavaScript.
========================================================= */
@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800;900&family=DM+Sans:wght@400;500;600;700;800&display=swap');
:root{--apps-bg:#03080e;--apps-ink:#f2f8ff;--apps-cyan:#28cef7;--apps-blue:#1177e8;--apps-muted:#9cb0c3;--apps-line:rgba(135,207,242,.18);--apps-header:76px}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:var(--apps-header)}
body.apps-page{margin:0;background:var(--apps-bg);color:var(--apps-ink);font:400 16px/1.6 'DM Sans',Arial,sans-serif;overflow-x:clip}
.apps-page a{color:inherit;text-decoration:none}
.apps-page button,.apps-page input,.apps-page select,.apps-page textarea{font:inherit}
.apps-page button{cursor:pointer}
.apps-page img{display:block;max-width:100%}
.apps-page :focus-visible{outline:2px solid var(--apps-cyan);outline-offset:4px}
.apps-page .skip-link{position:fixed;left:-9999px;top:8px;z-index:20000;padding:12px 18px;background:#fff;color:#000}
.apps-page .skip-link:focus{left:12px}
.apps-page h1,.apps-page h2,.apps-page h3,.apps-page p{margin-top:0}
.apps-page h1,.apps-page h2,.apps-page h3{font-family:'Barlow Condensed',Impact,sans-serif;text-transform:uppercase}
.apps-page em{font-style:normal;color:var(--apps-cyan)}

/* ====================== SITE HEADER ====================== */
.apps-page .site-header{position:fixed;inset:0 0 auto;z-index:3000;height:var(--apps-header);display:flex;align-items:center;justify-content:space-between;gap:30px;padding:0 clamp(20px,4.4vw,85px);background:rgba(3,9,16,.9);border-bottom:1px solid var(--apps-line);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
.apps-page .brand{display:inline-flex;align-items:center;flex:0 0 auto}
.apps-page .brand img{width:clamp(155px,15vw,217px);height:auto}
.apps-page #primary-navigation{display:flex;align-items:center;justify-content:flex-end;gap:clamp(14px,2.1vw,36px)}
.apps-page #primary-navigation>a:not(.header-cta),.apps-page .nav-dropdown-toggle{font:700 11px/1.2 'DM Sans',sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#d1dfed;white-space:nowrap;transition:color .2s}
.apps-page #primary-navigation>a:hover,.apps-page .nav-dropdown-toggle:hover{color:var(--apps-cyan)}
.apps-page .header-cta{display:inline-flex;align-items:center;gap:25px;padding:14px 17px;border:1px solid rgba(40,206,247,.55);font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;transition:background .2s}
.apps-page .header-cta:hover{background:rgba(40,206,247,.13)}
.apps-page .header-cta span{color:var(--apps-cyan);font-size:18px}
.apps-page .nav-dropdown{position:relative}
.apps-page .nav-dropdown-toggle{display:inline-flex;gap:8px;align-items:center;padding:20px 0;border:0;background:none;cursor:pointer}
.apps-page .dropdown-arrow{color:var(--apps-cyan)}
.apps-page .nav-dropdown-menu{position:absolute;top:100%;left:-20px;width:245px;padding:12px;background:#091a2b;border:1px solid rgba(40,206,247,.25);box-shadow:0 24px 60px #0008;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .2s,transform .2s,visibility .2s}
.apps-page .nav-dropdown:hover .nav-dropdown-menu,.apps-page .nav-dropdown:focus-within .nav-dropdown-menu,.apps-page .nav-dropdown.is-open .nav-dropdown-menu{opacity:1;visibility:visible;transform:none}
.apps-page .nav-dropdown-menu a{display:block;padding:12px 10px;border-bottom:1px solid #ffffff12;font-size:12px;color:#d5e3ef}
.apps-page .nav-dropdown-menu a:hover{color:var(--apps-cyan);background:#ffffff09}
.apps-page .mobile-menu-toggle{display:none}

/* ====================== SHARED SCENES ====================== */
.apps-page main{position:relative}
.apps-chapter{position:relative;isolation:isolate}
.apps-sticky{position:sticky;top:var(--apps-header);height:calc(100svh - var(--apps-header));min-height:590px;overflow:hidden;isolation:isolate}
.apps-scene-grid{position:absolute;inset:0;z-index:-2;pointer-events:none;background-image:linear-gradient(#63d5ff0b 1px,transparent 1px),linear-gradient(90deg,#63d5ff0b 1px,transparent 1px);background-size:62px 62px;mask-image:linear-gradient(90deg,transparent,#000 28%,#000 75%,transparent)}
.apps-scene-topline,.apps-launch-topline{position:absolute;top:24px;left:clamp(24px,5vw,100px);right:clamp(24px,5vw,100px);display:flex;justify-content:space-between;gap:24px;font-size:10px;font-weight:800;letter-spacing:.19em;color:#8aa6b9;z-index:5}
.apps-kicker{display:inline-flex;align-items:center;gap:11px;color:var(--apps-cyan);font-size:10px;font-weight:800;letter-spacing:.19em;text-transform:uppercase}
.apps-kicker::before{content:'';width:25px;height:1px;background:var(--apps-cyan)}
.apps-progress{height:2px;background:rgba(184,229,249,.17);overflow:hidden}
.apps-progress>span{display:block;width:100%;height:100%;background:linear-gradient(90deg,var(--apps-blue),var(--apps-cyan));transform:scaleX(0);transform-origin:left;will-change:transform}
.apps-action{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;border:1px solid rgba(40,206,247,.5);padding:17px 20px;min-width:250px;font-size:11px;font-weight:800;letter-spacing:.1em;transition:background .25s,transform .25s}
.apps-action:hover{background:#0a3348;transform:translateY(-3px)}
.apps-action span{font-size:22px;color:var(--apps-cyan)}

/* ====================== 01 / ORIGIN ====================== */
.apps-origin{height:380vh;background:radial-gradient(ellipse at 83% 57%,#0a2a45 0,transparent 45%),#03080e}
.apps-origin-scene::before{content:'';position:absolute;inset:0;z-index:-3;background:radial-gradient(ellipse at 78% 54%,#08335870,transparent 48%)}
.apps-origin-copy{position:absolute;z-index:4;left:clamp(24px,7vw,150px);top:50%;width:min(52vw,780px);transform:translateY(-47%);will-change:transform,opacity}
.apps-origin-copy h1{margin:22px 0 22px;font-size:clamp(70px,8.8vw,175px);font-weight:900;line-height:.82;letter-spacing:-.028em}
.apps-origin-copy h1 em{white-space:nowrap}
.apps-origin-copy p{max-width:530px;color:#b5c9da;font-size:clamp(14px,1.18vw,17px);line-height:1.75;margin:0 0 30px}
.apps-origin-copy strong{color:white}
.apps-origin-stage{position:absolute;z-index:2;top:50%;left:69%;width:min(48vw,710px);aspect-ratio:1;transform:translate(-50%,-50%);perspective:1100px;pointer-events:none;will-change:transform,opacity}
.apps-stage-aura{position:absolute;inset:9%;border:1px solid rgba(40,206,247,.19);border-radius:50%;box-shadow:0 0 0 60px rgba(21,148,213,.025),inset 0 0 100px #0a79c01f;background:radial-gradient(circle,#0b547d38,transparent 68%)}
.apps-stage-aura::before,.apps-stage-aura::after{content:'';position:absolute;border-radius:50%;border:1px dashed #28cef740}
.apps-stage-aura::before{inset:12%}.apps-stage-aura::after{inset:27%;border-style:solid}
.apps-ui-fragment,.apps-system-core{position:absolute;background:linear-gradient(145deg,rgba(15,38,59,.97),rgba(4,15,27,.98));border:1px solid #55c9fb4c;box-shadow:0 20px 65px #0009,0 0 35px #008de813;backdrop-filter:blur(10px);will-change:transform,opacity}
.apps-ui-fragment{width:39%;padding:clamp(14px,2.1vw,29px);min-height:22%;display:flex;flex-direction:column;justify-content:space-between}
.apps-ui-fragment>span,.apps-ui-fragment small,.apps-system-core small,.apps-system-core em{font-size:9px;letter-spacing:.19em;font-weight:800;color:#86b5cf;font-style:normal}
.apps-ui-fragment strong{font:800 clamp(24px,3vw,51px)/1 'Barlow Condensed',sans-serif;color:white}
.apps-fragment-one{top:9%;left:6%;transform:rotate(-9deg)}
.apps-fragment-two{top:4%;right:3%;transform:rotate(8deg)}
.apps-fragment-three{bottom:5%;left:8%;transform:rotate(7deg)}
.apps-fragment-four{bottom:11%;right:0;transform:rotate(-8deg);display:block}
.apps-fragment-four i{display:inline-block;vertical-align:bottom;width:12%;height:28px;margin:22px 3% 0 0;background:#25c5f9;opacity:.65}
.apps-fragment-four i:nth-of-type(2){height:43px}.apps-fragment-four i:nth-of-type(3){height:24px}.apps-fragment-four i:nth-of-type(4){height:57px}.apps-fragment-four i:nth-of-type(5){height:35px}
.apps-system-core{top:50%;left:50%;width:43%;aspect-ratio:1;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;transform:translate(-50%,-50%);border-color:#62deff93;box-shadow:0 0 90px #068fd72c,0 30px 80px #000a;text-align:center}
.apps-system-core strong{font:900 clamp(60px,8vw,130px)/.95 'Barlow Condensed',sans-serif;letter-spacing:-.04em}
.apps-system-core strong span{color:var(--apps-cyan)}
.apps-system-core em{font-size:8px}
.apps-origin-crosshair{position:absolute;width:16px;height:16px;border:1px solid var(--apps-cyan);opacity:.5}
.apps-crosshair-one{top:6%;left:50%}.apps-crosshair-two{bottom:0;right:45%}
.apps-origin-status{position:absolute;bottom:67px;left:clamp(24px,7vw,150px);width:min(450px,32vw);display:flex;align-items:center;gap:15px;z-index:5;font-size:9px;font-weight:800;letter-spacing:.12em;white-space:nowrap;color:#9eb5c5}
.apps-origin-status .apps-progress{flex:1}
.apps-scene-foot{position:absolute;bottom:22px;left:clamp(24px,5vw,100px);right:clamp(24px,5vw,100px);display:flex;justify-content:space-between;color:#7a9aaa;font-size:10px;font-weight:700;letter-spacing:.17em;z-index:5}

/* ====================== 02 / SYSTEMS ====================== */
.apps-systems{height:440vh;background:#060e19}
.apps-systems-scene{background:radial-gradient(ellipse at 75% 70%,#0b345547,transparent 60%),linear-gradient(145deg,#05111f,#030810)}
.apps-systems-heading{position:absolute;top:10%;left:clamp(24px,6.5vw,128px);z-index:5;pointer-events:none}
.apps-systems-heading h2{font-size:clamp(58px,6.1vw,122px);font-weight:900;line-height:.83;letter-spacing:-.022em;margin:15px 0}
.apps-system-deck{position:absolute;inset:0;perspective:1500px}
.apps-capability{position:absolute;inset:31% clamp(24px,6.5vw,128px) 12%;display:grid;grid-template-columns:42% 58%;align-items:stretch;min-height:0;overflow:hidden;background:linear-gradient(115deg,#091624,#081d30);border:1px solid #70cfff3a;box-shadow:0 40px 110px #000b;will-change:opacity,transform;backface-visibility:hidden}
.apps-capability:nth-child(2),.apps-capability:nth-child(3){opacity:0;pointer-events:none;transform:translate3d(0,70px,-180px) scale(.87)}
.apps-capability-copy{position:relative;z-index:2;padding:clamp(25px,3.3vw,63px);display:flex;flex-direction:column;justify-content:center}
.apps-capability-index{font-size:10px;font-weight:800;letter-spacing:.15em;color:var(--apps-cyan)}
.apps-capability-copy h3{font-size:clamp(39px,4.5vw,86px);line-height:.89;letter-spacing:-.015em;margin:18px 0}
.apps-capability-copy p{max-width:480px;color:#b3c6d5;font-size:clamp(13px,1.05vw,16px);line-height:1.65}
.apps-capability-copy ul{display:grid;gap:8px;padding:0;margin:10px 0 0;list-style:none}
.apps-capability-copy li{position:relative;padding-left:19px;font-size:12px;color:#deeaf2}
.apps-capability-copy li::before{content:'↗';position:absolute;left:0;color:var(--apps-cyan)}
.apps-capability-visual{position:relative;min-height:0;background:radial-gradient(ellipse at 70% 50%,#0f577550,transparent 55%),#071322;overflow:hidden;border-left:1px solid var(--apps-line);padding:clamp(22px,3vw,48px)}
.apps-capability-visual::before{content:'';position:absolute;inset:0;background:linear-gradient(110deg,#5cd6ff08 1px,transparent 1px);background-size:35px 35px;pointer-events:none}
.apps-window-chrome{height:34px;display:flex;align-items:center;gap:7px;padding:0 14px;background:#0c2537;border:1px solid #70cfff3c;border-bottom:0}
.apps-window-chrome>span{width:6px;height:6px;border-radius:50%;background:#63e0ff55}
.apps-window-chrome>span:first-child{background:#2bc9f2}
.apps-window-chrome small{margin-left:auto;color:#9dc6dc;font-size:9px;letter-spacing:.15em}
.apps-window-content{height:calc(100% - 34px);min-height:220px;display:flex;border:1px solid #70cfff3c;background:linear-gradient(135deg,#07121e,#0b2435 65%,#07111e);box-shadow:0 0 50px #00baff0b}
.apps-window-sidebar{width:23%;border-right:1px solid #ffffff17;padding:20px 13px;display:flex;flex-direction:column;gap:16px}
.apps-window-sidebar>span{font:800 13px 'Barlow Condensed',sans-serif;color:#3ad5ff}
.apps-window-sidebar i{display:block;width:90%;height:8px;background:#31546d66;border-radius:2px}
.apps-window-sidebar i:nth-of-type(3){width:60%}
.apps-window-main{flex:1;min-width:0;padding:clamp(18px,2vw,34px);display:flex;flex-direction:column;gap:17px}
.apps-window-main small{color:#b1cfe2;font-size:11px;text-transform:uppercase;letter-spacing:.15em}
.apps-window-main strong{font:800 clamp(28px,3.2vw,54px)/1 'Barlow Condensed',sans-serif;color:#71e7ff}
.apps-window-bars{margin-top:auto;height:34%;display:flex;gap:12px;align-items:end;border-bottom:1px solid #ffffff26}
.apps-window-bars i{flex:1;background:linear-gradient(#44d9ff,#125c9b);height:65%;opacity:.85}
.apps-window-bars i:nth-child(2){height:42%}.apps-window-bars i:nth-child(3){height:83%}.apps-window-bars i:nth-child(4){height:55%}.apps-window-bars i:nth-child(5){height:96%}.apps-window-bars i:nth-child(6){height:72%}
.apps-window-rows{display:grid;gap:8px}
.apps-window-rows span{display:block;height:7px;background:#4c7c9952}
.apps-window-rows span:nth-child(2){width:73%}.apps-window-rows span:nth-child(3){width:87%}
.apps-window-corner{position:absolute;bottom:-24px;right:7px;font:900 180px/.9 'Barlow Condensed',sans-serif;color:#d2f6ff09;pointer-events:none}
.apps-systems-progress{position:absolute;left:clamp(24px,6.5vw,128px);right:clamp(24px,6.5vw,128px);bottom:5.5%;display:flex;align-items:center;gap:17px;color:#a7c4d6;font-size:10px;font-weight:800;letter-spacing:.14em}
.apps-systems-progress strong{color:var(--apps-cyan)}
.apps-systems-progress .apps-progress{flex:1}

/* ====================== 03 / LAUNCH ====================== */
.apps-launch{padding:130px clamp(24px,6.5vw,128px) 24px;background:#eaf2f4;color:#071522;min-height:100vh}
.apps-launch-background{position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 95% 12%,#b9e9fa,transparent 48%),linear-gradient(90deg,#0815240a 1px,transparent 1px),linear-gradient(#0815240a 1px,transparent 1px);background-size:auto,70px 70px,70px 70px}
.apps-launch-topline{top:35px;color:#53768a}
.apps-launch .apps-kicker{color:#006991}.apps-launch .apps-kicker::before{background:#006991}
.apps-launch-header{max-width:1100px;margin-bottom:90px;will-change:transform,opacity}
.apps-launch-header h2{font-size:clamp(75px,10vw,194px);font-weight:900;line-height:.8;letter-spacing:-.035em;margin:27px 0 30px}
.apps-launch-header h2 em{color:#0c90be}
.apps-launch-header p{max-width:670px;font-size:clamp(15px,1.4vw,19px);line-height:1.65;color:#42596a}
.apps-launch-layout{display:grid;grid-template-columns:.8fr 1.2fr;align-items:start;gap:clamp(35px,6vw,115px)}
.apps-launch-rail{padding:35px 0;will-change:transform,opacity}
.apps-launch-rail-mark{font:900 clamp(55px,5vw,90px)/1 'Barlow Condensed',sans-serif;letter-spacing:-.03em}
.apps-launch-rail-mark span{color:#149ac7}
.apps-launch-steps{display:grid;gap:0;margin:45px 0;max-width:380px;border-top:1px solid #849ca6}
.apps-launch-steps span{padding:18px 0;border-bottom:1px solid #9caeb7;font-size:12px;font-weight:800;letter-spacing:.14em}
.apps-launch-rail>p{max-width:400px;color:#567080;font-size:12px;letter-spacing:.09em;font-weight:700;line-height:1.8}
.apps-launch-rail>a{display:inline-flex;align-items:center;gap:30px;margin-top:25px;padding-bottom:7px;border-bottom:1px solid #126a8e;font-size:15px;font-weight:700;color:#045779}
.apps-launch-rail>a span{font-size:22px}
.apps-contact-panel{background:#061521;color:#eef7ff;border:1px solid #15405b;padding:clamp(24px,3vw,52px);box-shadow:0 40px 90px #092c3e24;will-change:transform,opacity}
.apps-contact-topline{display:flex;justify-content:space-between;gap:14px;padding-bottom:24px;border-bottom:1px solid #ffffff1d;margin-bottom:32px;font-size:10px;letter-spacing:.12em;font-weight:800}
.apps-contact-online{color:#65e6bf;text-align:right}
.apps-inquiry-form{display:grid;gap:22px}
.apps-inquiry-form label{display:flex;flex-direction:column;gap:9px;font-size:11px;letter-spacing:.06em;font-weight:700;color:#d0e2ee}
.apps-inquiry-form label span{color:#54d7ff}
.apps-field-pair{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.apps-inquiry-form input,.apps-inquiry-form select,.apps-inquiry-form textarea{display:block;width:100%;min-width:0;min-height:52px;padding:14px 15px;color:white;background:#0d2535;border:1px solid #42657d;border-radius:0;outline-offset:3px;font-size:14px;letter-spacing:0;transition:border-color .2s,background .2s}
.apps-inquiry-form textarea{min-height:155px;resize:vertical}
.apps-inquiry-form :is(input,select,textarea):focus{border-color:var(--apps-cyan);background:#102e43;outline:none}
.apps-inquiry-form :is(input,textarea)::placeholder{color:#819db0;opacity:1}
.apps-inquiry-form select option{background:#0d2535;color:white}
.apps-submit{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:5px;min-height:60px;width:100%;padding:16px 20px;border:1px solid #24b9e9;background:#24b9e9;color:#00131f;font-size:12px;font-weight:900;letter-spacing:.1em;transition:background .25s,transform .25s}
.apps-submit:hover{background:#84e3ff;transform:translateY(-2px)}
.apps-submit span{font-size:22px}
.apps-honeypot{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%)}
.apps-form-message{padding:15px 18px;margin-bottom:20px;font-size:13px;line-height:1.6}
.apps-form-message.is-success{background:#123a32;color:#b8ffdf;border:1px solid #3eac83}
.apps-form-message.is-error{background:#3a1c27;color:#ffbdc8;border:1px solid #a65568}
.apps-launch-footer{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-top:100px;padding-top:23px;border-top:1px solid #9cbbcb;color:#536d7b;font-size:10px;font-weight:800;letter-spacing:.13em}
.apps-launch-footer a{color:#075e82}

/* ====================== RESPONSIVE ====================== */
@media(max-width:1150px){
 .apps-page #primary-navigation{gap:14px}
 .apps-page #primary-navigation>a:not(.header-cta),.apps-page .nav-dropdown-toggle{font-size:10px}
 .apps-origin-copy{width:56vw;left:5vw}.apps-origin-copy h1{font-size:clamp(65px,8vw,125px)}
 .apps-origin-stage{left:72%;width:51vw}
 .apps-capability{grid-template-columns:46% 54%}
 .apps-capability-copy h3{font-size:clamp(36px,4vw,68px)}
}
@media(max-width:900px){
 :root{--apps-header:70px}
 .apps-page .site-header{padding:0 18px}
 .apps-page .brand img{width:165px}
 .apps-page .mobile-menu-toggle{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:44px;height:44px;padding:0;background:#ffffff09;border:1px solid #ffffff30;z-index:4}
 .apps-page .mobile-menu-toggle span{height:2px;width:21px;background:white;transition:transform .25s,opacity .25s}
 .apps-page .mobile-menu-toggle.is-active span:first-child{transform:translateY(7px) rotate(45deg)}
 .apps-page .mobile-menu-toggle.is-active span:nth-child(2){opacity:0}
 .apps-page .mobile-menu-toggle.is-active span:last-child{transform:translateY(-7px) rotate(-45deg)}
 .apps-page #primary-navigation{position:fixed;top:var(--apps-header);left:0;right:0;height:calc(100dvh - var(--apps-header));max-height:calc(100dvh - var(--apps-header));overflow-y:auto;display:none;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0;padding:25px 24px 45px;background:#040e19;border-top:1px solid var(--apps-line)}
 .apps-page #primary-navigation.is-open{display:flex}
 .apps-page #primary-navigation>a:not(.header-cta),.apps-page .nav-dropdown-toggle{display:flex;width:100%;padding:17px 0;border-bottom:1px solid #ffffff20;font:800 25px/1.1 'Barlow Condensed',sans-serif;letter-spacing:.03em;text-transform:uppercase}
 .apps-page .nav-dropdown-toggle{justify-content:space-between}
 .apps-page .nav-dropdown-menu{position:static;width:100%;display:block;visibility:visible;opacity:1;transform:none;box-shadow:none;border:0;border-left:1px solid #28cef766;background:transparent;padding:4px 0 7px 16px}
 .apps-page .nav-dropdown-menu a{font-size:13px;padding:9px 10px}
 .apps-page .header-cta{justify-content:space-between;margin-top:24px}
 body.apps-page.menu-open{overflow:hidden}
 .apps-sticky{min-height:560px}
 .apps-origin-copy{left:6vw;width:88vw;top:31%;transform:translateY(-50%)}
 .apps-origin-copy h1{font-size:clamp(65px,11vw,110px);max-width:760px}
 .apps-origin-copy p{max-width:450px}
 .apps-origin-stage{width:min(70vw,520px);left:74%;top:69%;opacity:.55}
 .apps-origin-status{bottom:55px;width:min(460px,80vw);left:6vw}
 .apps-systems-heading{top:9%}.apps-systems-heading h2{font-size:clamp(58px,9vw,95px)}
 .apps-capability{inset:28% 5vw 13%;grid-template-columns:47% 53%}
 .apps-capability-copy{padding:22px}.apps-capability-copy h3{font-size:clamp(35px,5vw,58px)}
 .apps-capability-copy p{font-size:12px}.apps-capability-copy li{font-size:11px}
 .apps-capability-visual{padding:18px}
 .apps-launch{padding:125px 6vw 24px}.apps-launch-layout{gap:35px;grid-template-columns:1fr 1.3fr}
}
@media(max-width:640px){
 .apps-scene-topline,.apps-launch-topline{left:20px;right:20px;font-size:8px;letter-spacing:.12em}
 .apps-scene-topline span:last-child,.apps-launch-topline span:last-child{display:none}
 .apps-origin{height:280vh}.apps-systems{height:340vh}
 .apps-origin-copy{top:34%;left:20px;width:calc(100% - 40px)}
 .apps-origin-copy h1{font-size:clamp(57px,13vw,90px);line-height:.86}
 .apps-origin-copy p{max-width:350px;font-size:13px;line-height:1.55}
 .apps-action{padding:12px 15px;min-width:220px;font-size:10px}
 .apps-origin-stage{left:54%;top:78%;width:78vw;max-width:400px;opacity:.6}
 .apps-ui-fragment{padding:12px}.apps-ui-fragment small{font-size:7px}.apps-system-core strong{font-size:65px}
 .apps-origin-status{left:20px;bottom:49px;width:calc(100% - 40px);font-size:8px}
 .apps-scene-foot{left:20px;right:20px;font-size:8px}
 .apps-systems-heading{left:20px;top:9%;right:20px}
 .apps-systems-heading h2{font-size:clamp(52px,11vw,78px)}
 .apps-capability{inset:27% 15px 12%;display:flex;flex-direction:column}
 .apps-capability-copy{padding:20px;flex:0 0 auto}
 .apps-capability-copy h3{font-size:clamp(36px,9vw,53px);margin:10px 0}
 .apps-capability-copy p{font-size:11px;line-height:1.5;margin:0 0 4px}
 .apps-capability-copy ul{gap:3px;margin-top:5px}
 .apps-capability-copy li{font-size:10px}
 .apps-capability-visual{flex:1;min-height:110px;padding:12px;border-left:0;border-top:1px solid var(--apps-line)}
 .apps-window-content{min-height:110px}.apps-window-sidebar{padding:12px}.apps-window-main{padding:10px;gap:6px}
 .apps-window-main strong{font-size:25px}.apps-window-main small{font-size:8px}
 .apps-window-bars{height:30%;gap:5px}.apps-window-rows{gap:4px}.apps-window-rows span{height:4px}
 .apps-systems-progress{left:15px;right:15px;bottom:6%;font-size:8px}
 .apps-launch{padding:105px 20px 22px}
 .apps-launch-header{margin-bottom:45px}.apps-launch-header h2{font-size:clamp(66px,13vw,105px)}
 .apps-launch-header p{font-size:14px}
 .apps-launch-layout{grid-template-columns:1fr;gap:24px}
 .apps-launch-rail{padding:0 0 25px}.apps-launch-rail-mark{font-size:60px}
 .apps-launch-steps{margin:22px 0}.apps-launch-steps span{padding:12px 0}
 .apps-contact-panel{padding:22px}
 .apps-contact-topline{font-size:9px}.apps-contact-online{font-size:8px}
 .apps-field-pair{grid-template-columns:1fr;gap:22px}
 .apps-launch-footer{margin-top:60px;flex-direction:column;align-items:flex-start}
}
@media(max-width:390px){.apps-origin-copy h1{font-size:53px}.apps-origin-copy p{font-size:12px}.apps-capability-copy h3{font-size:36px}.apps-capability-copy li{font-size:9px}.apps-scene-foot span:first-child{max-width:80%}}

/* ====================== ACCESSIBILITY / NO-JS ====================== */
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.apps-page *, .apps-page *::before,.apps-page *::after{animation:none!important;transition:none!important}}