/* ALNAEEM CONTACT PHASE 08 v2.1.0 */
/* ALNAEEM FINAL PRODUCTION v2.0.0 */
/* ALNAEEM PHASE06D2 v1.8.2 CACHE-SAFE ENGINEERING CSS */
:root{--bg:#060607;--bg2:#0a0a0c;--text:#f5f5f6;--muted:#8e8e95;--line:rgba(255,255,255,.085);--red:#f21525;--red2:#ff4b55;--green:#43d17b;--warn:#f4b84a;--ease:cubic-bezier(.23,1,.32,1);--shell:min(1240px,calc(100vw - 44px));color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;min-width:320px;background:radial-gradient(1200px 500px at 50% -10%,rgba(242,21,37,.055),transparent 65%),var(--bg);color:var(--text);font-family:"Cairo",system-ui,sans-serif;overflow-x:hidden}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.shell{width:var(--shell);margin-inline:auto}.mono{font-family:"IBM Plex Mono",monospace;letter-spacing:.08em}.muted{color:var(--muted)}.page-noise{position:fixed;inset:0;z-index:100;pointer-events:none;opacity:.02;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}.ambient{position:fixed;width:44vw;aspect-ratio:1;border-radius:50%;filter:blur(110px);opacity:.08;pointer-events:none;z-index:-1}.ambient-a{background:var(--red);top:-20vw;right:-15vw}.ambient-b{background:#3c0a13;bottom:-24vw;left:-16vw}.floating-header{position:fixed;z-index:80;top:18px;left:50%;transform:translateX(-50%);width:min(1220px,calc(100vw - 32px));height:86px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:12px 18px 12px 14px;border-radius:28px;border:1px solid var(--line);background:rgba(9,9,11,.70);backdrop-filter:blur(22px) saturate(120%);-webkit-backdrop-filter:blur(22px) saturate(120%);box-shadow:0 24px 80px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.035);transition:height .4s var(--ease),background .35s,border-color .35s,box-shadow .35s}.floating-header.scrolled{height:72px;background:rgba(8,8,10,.90);border-color:rgba(255,255,255,.11);box-shadow:0 18px 60px rgba(0,0,0,.45)}.brand{display:inline-flex;align-items:center;gap:12px}.brand-mark{width:50px;height:50px;border-radius:16px;display:grid;place-items:center;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.07);box-shadow:inset 0 1px 0 rgba(255,255,255,.035);transition:transform .35s var(--ease)}.brand:hover .brand-mark{transform:rotate(-3deg) scale(1.03)}.brand-mark img{width:38px;height:38px;object-fit:contain}.brand-copy{display:grid;line-height:1.25}.brand-copy strong{font-size:20px;font-weight:800}.brand-copy small{color:var(--muted);font-size:11px;font-weight:600;white-space:nowrap}.desktop-nav{display:flex;align-items:center;gap:4px}.desktop-nav a{color:#b8b8bd;padding:12px 14px;border-radius:14px;font-size:14px;transition:.25s}.desktop-nav a:hover{color:white;background:rgba(255,255,255,.045)}.desktop-nav .nav-cta{color:white;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.05);margin-right:8px}.menu-button{display:none;width:52px;height:52px;border-radius:16px;border:1px solid var(--line);background:rgba(255,255,255,.025);padding:0;place-items:center;cursor:pointer;position:relative}.menu-button span{position:absolute;width:24px;height:1.5px;background:#e7e7e8;transition:transform .35s var(--ease),opacity .25s}.menu-button span:nth-child(1){transform:translateY(-7px)}.menu-button span:nth-child(3){transform:translateY(7px)}.menu-button.open span:nth-child(1){transform:rotate(45deg)}.menu-button.open span:nth-child(2){opacity:0}.menu-button.open span:nth-child(3){transform:rotate(-45deg)}.mobile-menu{position:fixed;inset:0;z-index:70;background:rgba(5,5,7,.96);backdrop-filter:blur(30px)}.mobile-menu-inner{width:min(90vw,560px);margin:130px auto 0;display:grid}.mobile-menu a{display:flex;justify-content:space-between;padding:19px 4px;border-bottom:1px solid var(--line);font-size:clamp(22px,5vw,32px);color:#e4e4e7}.mobile-menu a span{color:var(--muted)}.mobile-menu-foot{display:flex;justify-content:space-between;gap:14px;margin-top:28px;color:#64646a;font-size:10px;font-family:"IBM Plex Mono",monospace}.hero{min-height:1040px;padding-top:190px;padding-bottom:90px;position:relative;isolation:isolate;--parallax-y:0px;--pointer-offset:0px}.hero-stage{position:absolute;inset:40px -16vw 0;z-index:-1;pointer-events:none;overflow:hidden;transform:translateY(calc(var(--parallax-y) * .24));transition:transform .18s linear}.hero-red-glow{position:absolute;width:900px;height:600px;left:50%;top:30px;transform:translateX(calc(-52% + var(--pointer-offset) * .02));background:radial-gradient(circle at center,rgba(242,21,37,.28),rgba(242,21,37,.08) 40%,transparent 70%);filter:blur(56px);animation:breathe 7.2s ease-in-out infinite}.ribbon{position:absolute;width:min(1050px,90vw);height:176px;left:50%;border-radius:42px;transform-origin:center;filter:drop-shadow(0 35px 55px rgba(174,0,16,.18));opacity:.92}.ribbon span{position:absolute;inset:0;border-radius:inherit;background:linear-gradient(180deg,#ff2b39 0%,#d80d1b 54%,#74050c 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.25),inset 0 -16px 35px rgba(0,0,0,.22);overflow:hidden}.ribbon span::after{content:"";position:absolute;inset:-30% auto -30% -18%;width:30%;transform:rotate(18deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.14),transparent);filter:blur(6px);animation:shimmer 8s linear infinite}.ribbon-1{top:25px;transform:translateX(-58%) translateY(calc(var(--parallax-y) * -.10)) rotate(-13deg);animation:floatA 10s var(--ease) infinite}.ribbon-2{top:170px;transform:translateX(-42%) translateY(calc(var(--parallax-y) * .08)) rotate(-13deg);opacity:.54;animation:floatB 12.8s var(--ease) infinite}.ribbon-3{top:300px;transform:translateX(-64%) translateY(calc(var(--parallax-y) * .14)) rotate(-13deg);opacity:.26;animation:floatC 15.5s var(--ease) infinite}.orbital-ring{position:absolute;border:1px solid rgba(255,255,255,.08);border-radius:50%}.ring-a{width:780px;height:240px;left:50%;top:118px;transform:translateX(-50%) rotate(-14deg);animation:ringSpinA 18s linear infinite}.ring-b{width:980px;height:310px;left:50%;top:84px;transform:translateX(-50%) rotate(-14deg);opacity:.58;animation:ringSpinB 24s linear infinite}.hero-copy{max-width:860px;margin:0 auto;text-align:center;position:relative;z-index:2;padding:22px 20px 26px}.hero-copy::before{content:"";position:absolute;inset:72px 55px auto 55px;height:275px;border-radius:34px;background:linear-gradient(180deg,rgba(8,8,10,.50),rgba(8,8,10,.18));backdrop-filter:blur(8px);box-shadow:0 18px 70px rgba(0,0,0,.12);z-index:-1}.hero-copy::after{content:"";position:absolute;inset:100px 125px auto;height:190px;border-radius:120px;background:radial-gradient(circle at center,rgba(255,255,255,.05),transparent 68%);z-index:-1}.eyebrow{display:inline-flex;align-items:center;gap:9px;padding:9px 13px;border-radius:999px;border:1px solid rgba(255,255,255,.095);background:rgba(8,8,10,.60);color:#b9b9be;font:500 10px/1 "IBM Plex Mono",monospace;letter-spacing:.12em;backdrop-filter:blur(12px)}.pulse-dot{width:7px;height:7px;border-radius:50%;background:var(--red2);box-shadow:0 0 0 0 rgba(255,75,85,.5);animation:pulse 2s infinite}.hero h1{margin:25px auto 18px;max-width:790px;font-size:clamp(50px,6.15vw,82px);line-height:1.08;letter-spacing:-.045em;font-weight:800;text-wrap:balance;text-shadow:0 8px 35px rgba(0,0,0,.24)}.hero-line{display:block}.hero-line:first-child{margin-bottom:10px}.hero-accent{display:block;color:#f5f5f6;text-shadow:0 0 34px rgba(255,255,255,.10)}.hero-copy>p{max-width:700px;margin:0 auto;color:#c3c3c8;font-size:clamp(16px,1.6vw,19px);line-height:1.95;text-wrap:balance}.hero-copy>p strong{color:#f5f5f6;font-weight:800}.hero-actions{margin-top:30px;display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:54px;padding:0 22px;border-radius:16px;border:1px solid var(--line);font-weight:700;font-size:14px;transition:transform .3s var(--ease),border-color .3s,background .3s,box-shadow .3s}.button:hover{transform:translateY(-2px)}.button-primary{color:white;background:linear-gradient(180deg,#ff3542,#d90e1d);border-color:rgba(255,100,110,.35);box-shadow:0 16px 40px rgba(226,12,29,.22),inset 0 1px 0 rgba(255,255,255,.23)}.button-primary:hover{box-shadow:0 20px 46px rgba(226,12,29,.30),inset 0 1px 0 rgba(255,255,255,.28)}.button-ghost{background:rgba(255,255,255,.035);color:#dddde0}.hero-trust{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:24px;color:#8a8a92;font-size:12px}.hero-trust span{padding:6px 10px}.hero-trust span:not(:last-child)::after{content:"•";margin-right:16px;color:#343438}.hero-flow{position:relative;width:min(760px,92%);height:88px;margin:32px auto 0;direction:rtl}.flow-track{position:absolute;left:5%;right:5%;top:33px;height:2px;border-radius:999px;background:linear-gradient(90deg,rgba(255,255,255,.03),rgba(255,255,255,.14),rgba(255,255,255,.03));overflow:hidden;box-shadow:0 0 22px rgba(242,21,37,.05)}.flow-track::before{content:"";position:absolute;inset:-12px 0;background:radial-gradient(180px 18px at 50% 50%,rgba(242,21,37,.15),transparent 70%);animation:flowAura 4.8s ease-in-out infinite}.flow-runner{position:absolute;top:-2px;width:110px;height:6px;border-radius:999px;background:linear-gradient(90deg,transparent,rgba(255,70,80,.35),#ff3542,rgba(255,70,80,.35),transparent);filter:blur(.15px);box-shadow:0 0 20px rgba(242,21,37,.65),0 0 44px rgba(242,21,37,.28);animation:flowRunner 4.2s cubic-bezier(.45,0,.2,1) infinite}.flow-node{position:absolute;top:18px;transform:translateX(50%);display:grid;justify-items:center;gap:10px;color:#75757d;font-size:10px;font-weight:700;letter-spacing:.01em;transition:color .35s var(--ease)}.flow-node i{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#0a0a0c;border:1px solid rgba(255,255,255,.12);box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 8px 22px rgba(0,0,0,.34);position:relative}.flow-node i::after{content:"";width:7px;height:7px;border-radius:50%;background:#45454b;box-shadow:0 0 0 0 rgba(255,65,75,0);animation:nodePulse 4.2s ease-in-out infinite}.flow-node-1{right:8%}.flow-node-2{right:36%}.flow-node-3{right:64%}.flow-node-4{right:92%}.flow-node-2 i::after{animation-delay:1.05s}.flow-node-3 i::after{animation-delay:2.1s}.flow-node-4 i::after{animation-delay:3.15s}.flow-node b{font-weight:700}.hero-console{position:relative;width:min(1060px,100%);margin:82px auto 0;border-radius:30px;border:1px solid rgba(255,255,255,.10);background:linear-gradient(180deg,rgba(14,14,17,.94),rgba(8,8,10,.96));box-shadow:0 45px 120px rgba(0,0,0,.56),0 0 0 1px rgba(255,20,35,.025),inset 0 1px 0 rgba(255,255,255,.035);overflow:hidden;backdrop-filter:blur(18px);animation:consoleFloat 6.8s ease-in-out infinite}.hero-console::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(600px circle at var(--mx,50%) var(--my,18%),rgba(255,38,50,.12),transparent 42%)}.hero-console::after{content:"";position:absolute;left:0;right:0;top:-22%;height:16%;pointer-events:none;background:linear-gradient(180deg,transparent,rgba(255,45,55,.055),rgba(255,255,255,.025),transparent);filter:blur(2px);animation:consoleScan 5.8s linear infinite}.console-topbar{height:54px;display:flex;align-items:center;gap:16px;padding:0 18px;border-bottom:1px solid var(--line);color:#707078;font-size:9px}.traffic{display:flex;gap:6px;direction:ltr}.traffic i{width:8px;height:8px;border-radius:50%;background:#323237}.traffic i:first-child{background:#7c1620}.live-dot{margin-right:auto;color:#8d8d94;display:inline-flex;align-items:center;gap:7px}.live-dot::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 16px rgba(67,209,123,.6)}.console-grid{display:grid;grid-template-columns:1.65fr .78fr;min-height:430px}.console-main{padding:28px;border-left:1px solid var(--line)}.system-head{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:22px}.system-head span{font-size:9px}.system-head strong{font-size:18px}.metric-row{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.metric-card{min-height:145px;padding:18px;border-radius:20px;border:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.015));overflow:hidden;position:relative}.metric-card small{color:#77777e;font-size:11px}.metric-card strong{display:inline-block;margin-top:14px;font:600 46px/1 "IBM Plex Mono",monospace;letter-spacing:-.06em}.metric-card b{font:500 18px/1 "IBM Plex Mono",monospace;color:#75757d;margin-right:4px}.mini-bars{position:absolute;bottom:13px;left:16px;right:16px;display:flex;gap:5px;align-items:end;height:36px;direction:ltr;opacity:.75}.mini-bars i{flex:1;min-width:6px;border-radius:3px 3px 1px 1px;background:linear-gradient(180deg,rgba(255,62,75,.9),rgba(145,7,18,.26));transform-origin:bottom;animation:bars 2.8s ease-in-out infinite alternate}.mini-bars i:nth-child(1){height:35%}.mini-bars i:nth-child(2){height:62%;animation-delay:.2s}.mini-bars i:nth-child(3){height:45%;animation-delay:.4s}.mini-bars i:nth-child(4){height:84%;animation-delay:.15s}.mini-bars i:nth-child(5){height:68%;animation-delay:.5s}.mini-bars i:nth-child(6){height:94%;animation-delay:.3s}.mini-bars i:nth-child(7){height:74%;animation-delay:.65s}.status-line{margin-top:30px;color:#6d6d74;font-size:11px;display:flex;align-items:center;gap:7px}.status-line span{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 18px rgba(67,209,123,.4)}.activity-panel{margin-top:12px;border:1px solid var(--line);border-radius:20px;overflow:hidden}.activity-title{padding:13px 16px;display:flex;justify-content:space-between;border-bottom:1px solid var(--line);color:#77777f;font-size:10px}.activity-title .mono{font-size:8px}.activity-item{display:flex;align-items:center;gap:12px;padding:13px 15px;transition:background .3s,transform .3s var(--ease)}.activity-item+.activity-item{border-top:1px solid rgba(255,255,255,.045)}.activity-item.active{background:linear-gradient(90deg,rgba(242,21,37,.075),rgba(255,255,255,.025));transform:translateX(-4px);box-shadow:inset -2px 0 0 rgba(255,55,66,.65)}.activity-icon{flex:0 0 34px;width:34px;height:34px;border-radius:11px;border:1px solid var(--line);display:grid;place-items:center;color:#d7d7da;background:#0e0e11}.activity-icon.ok{color:var(--green)}.activity-icon.warn{color:var(--warn)}.activity-item strong{display:block;font-size:12px}.activity-item small{display:block;margin-top:3px;color:#66666d;font-size:9px}.console-side{padding:26px 22px 20px;display:grid;grid-template-rows:1fr auto}.orbit-visual{position:relative;min-height:270px;display:grid;place-items:center}.orbit-visual::before,.orbit-visual::after{content:"";position:absolute;border-radius:50%;border:1px dashed rgba(255,255,255,.10)}.orbit-visual::before{width:210px;height:210px;animation:orbitSpin 16s linear infinite}.orbit-visual::after{width:145px;height:145px;border-color:rgba(242,21,37,.18);animation:orbitSpinReverse 11s linear infinite}.orbit-logo{width:86px;height:86px;border-radius:26px;display:grid;place-items:center;background:radial-gradient(circle at 38% 28%,rgba(255,55,67,.17),rgba(255,255,255,.02) 54%),#0c0c0f;border:1px solid rgba(255,255,255,.10);box-shadow:0 0 50px rgba(242,21,37,.12),inset 0 1px 0 rgba(255,255,255,.05);z-index:2}.orbit-logo img{width:60px}.orbit-node{position:absolute;z-index:3;padding:6px 8px;border-radius:9px;background:#0d0d10;border:1px solid var(--line);color:#797980;font:500 8px/1 "IBM Plex Mono",monospace;box-shadow:0 10px 22px rgba(0,0,0,.28)}.node-1{top:30px;left:44%}.node-2{top:46%;right:2px}.node-3{bottom:18px;left:42%}.node-4{top:47%;left:0}.stack-list{display:grid;gap:7px}.stack-list span{display:flex;align-items:center;gap:8px;padding:10px 11px;border:1px solid rgba(255,255,255,.055);border-radius:11px;color:#898990;font-size:10px;background:rgba(255,255,255,.018)}.stack-list i{width:6px;height:6px;border-radius:50%;background:#34343a}.stack-list span:first-child i{background:var(--red2);box-shadow:0 0 14px rgba(255,75,85,.35)}.scroll-indicator{width:max-content;margin:34px auto 0;color:#5e5e64;font-size:10px;display:flex;align-items:center;gap:10px}.scroll-indicator span{width:32px;height:1px;background:linear-gradient(90deg,transparent,#54545a);animation:scrollLine 1.8s ease-in-out infinite}.ticker{border-block:1px solid var(--line);overflow:hidden;background:rgba(255,255,255,.01)}.ticker-track{width:max-content;display:flex;align-items:center;gap:28px;min-height:64px;color:#65656c;font-size:12px;animation:ticker 38s linear infinite;white-space:nowrap}.ticker-track b{color:rgba(242,21,37,.7);font-size:9px}.phase-preview{padding:120px 0 90px}.section-heading{max-width:780px}.section-kicker{color:#727279;font-size:9px}.section-heading h2,.vision-grid h2,.contact-card h2{margin:14px 0;font-size:clamp(38px,5vw,66px);line-height:1.16;letter-spacing:-.04em}.section-heading p,.vision-grid>p,.contact-card p{color:#85858c;line-height:1.9;font-size:15px}.foundation-grid{margin-top:42px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.foundation-card{min-height:300px;padding:26px;border-radius:24px;border:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.012));position:relative;overflow:hidden}.spotlight-card::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(430px circle at var(--x,50%) var(--y,0%),rgba(242,21,37,.12),transparent 42%);opacity:0;transition:opacity .3s}.spotlight-card:hover::before{opacity:1}.card-index{color:#55555b;font-size:10px}.foundation-card h3{margin-top:100px;margin-bottom:10px;font-size:22px}.foundation-card p{color:#77777e;font-size:13px;line-height:1.9}.vision-section{padding:100px 0}.vision-line{height:1px;background:var(--line);margin-bottom:74px;overflow:hidden}.vision-line span{display:block;width:28%;height:100%;background:linear-gradient(90deg,transparent,var(--red),transparent);animation:scan 5s ease-in-out infinite}.vision-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:80px;align-items:end}.vision-grid>p{margin:0 0 10px}.contact-teaser{padding:40px 0 100px}.contact-card{min-height:330px;border-radius:30px;border:1px solid var(--line);background:radial-gradient(520px 260px at 15% 100%,rgba(242,21,37,.12),transparent 70%),linear-gradient(180deg,rgba(255,255,255,.028),rgba(255,255,255,.012));display:flex;align-items:end;justify-content:space-between;gap:34px;padding:38px;overflow:hidden;position:relative}.contact-card h2{margin-bottom:8px}.contact-card p{margin:0}.site-footer{padding:30px 0 52px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:30px}.footer-brand{display:flex;align-items:center;gap:12px}.footer-brand img{width:42px}.footer-brand div{display:grid}.footer-brand strong{font-size:15px}.footer-brand span{color:#65656b;font-size:10px}.footer-meta{display:flex;gap:22px;color:#55555b;font-size:8px}.reveal-group{opacity:0;transform:translateY(24px) scale(.992);transition:opacity 1s var(--ease),transform 1s var(--ease)}.reveal-group.visible{opacity:1;transform:none}@keyframes breathe{0%,100%{transform:translateX(calc(-52% + var(--pointer-offset) * .02)) scale(.94);opacity:.72}50%{transform:translateX(calc(-52% + var(--pointer-offset) * .035)) scale(1.07);opacity:1}}@keyframes floatA{0%,100%{transform:translateX(-58%) translateY(0) rotate(-13deg)}50%{transform:translateX(-55%) translateY(24px) rotate(-11deg)}}@keyframes floatB{0%,100%{transform:translateX(-42%) translateY(0) rotate(-13deg)}50%{transform:translateX(-46%) translateY(-18px) rotate(-14.5deg)}}@keyframes floatC{0%,100%{transform:translateX(-64%) translateY(0) rotate(-13deg)}50%{transform:translateX(-60%) translateY(22px) rotate(-9.5deg)}}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(255,75,85,.5)}70%{box-shadow:0 0 0 8px rgba(255,75,85,0)}100%{box-shadow:0 0 0 0 rgba(255,75,85,0)}}@keyframes bars{from{transform:scaleY(.72);opacity:.6}to{transform:scaleY(1);opacity:1}}@keyframes scrollLine{0%,100%{transform:scaleX(.35);transform-origin:right;opacity:.35}50%{transform:scaleX(1);opacity:1}}@keyframes ticker{to{transform:translateX(50%)}}@keyframes scan{0%,100%{transform:translateX(-110%)}50%{transform:translateX(360%)}}@keyframes shimmer{0%{transform:translateX(-220%) rotate(18deg)}100%{transform:translateX(440%) rotate(18deg)}}@keyframes ringSpinA{from{transform:translateX(-50%) rotate(-14deg)}to{transform:translateX(-50%) rotate(346deg)}}@keyframes ringSpinB{from{transform:translateX(-50%) rotate(346deg)}to{transform:translateX(-50%) rotate(-14deg)}}@keyframes consoleFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes flowRunner{0%{right:-14%;opacity:0}10%{opacity:1}48%{opacity:1}58%{opacity:.9}90%{opacity:1}100%{right:96%;opacity:0}}@keyframes flowAura{0%,100%{opacity:.35;transform:scaleX(.7)}50%{opacity:1;transform:scaleX(1)}}@keyframes nodePulse{0%,16%,100%{background:#45454b;box-shadow:0 0 0 0 rgba(255,65,75,0);transform:scale(.85)}20%,34%{background:#ff3a47;box-shadow:0 0 0 8px rgba(255,65,75,.06),0 0 22px rgba(255,50,65,.55);transform:scale(1)}}@keyframes consoleScan{0%{top:-22%;opacity:0}12%{opacity:1}74%{opacity:.8}100%{top:116%;opacity:0}}@keyframes orbitSpin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes orbitSpinReverse{from{transform:rotate(360deg)}to{transform:rotate(0deg)}}@media(max-width:900px){:root{--shell:min(100% - 30px,760px)}.desktop-nav{display:none}.menu-button{display:grid}.brand-copy small{display:none}.hero{min-height:auto;padding-top:160px}.hero-stage{inset-inline:-48vw}.ribbon{height:135px}.ribbon-1{top:55px}.ribbon-2{top:175px}.ribbon-3{top:280px}.hero-console{margin-top:58px}.console-grid{grid-template-columns:1fr}.console-main{border-left:0;border-bottom:1px solid var(--line)}.console-side{grid-template-columns:1fr 1fr;grid-template-rows:auto;gap:16px;align-items:center}.orbit-visual{min-height:250px}.foundation-grid{grid-template-columns:1fr}.foundation-card{min-height:230px}.foundation-card h3{margin-top:70px}.vision-grid{grid-template-columns:1fr;gap:24px}}@media(max-width:620px){:root{--shell:calc(100vw - 28px)}.floating-header{top:12px;width:calc(100vw - 24px);height:76px;border-radius:24px;padding:10px 12px}.floating-header.scrolled{height:68px}.brand{gap:9px}.brand-mark{width:48px;height:48px;border-radius:15px}.brand-mark img{width:36px}.brand-copy strong{font-size:18px}.menu-button{width:48px;height:48px;border-radius:15px}.hero{padding-top:138px;padding-bottom:72px}.hero-stage{inset:24px -78vw 0}.hero-red-glow{width:650px;height:460px;top:20px}.ribbon{width:720px;height:112px;border-radius:32px}.ribbon-1{top:58px}.ribbon-2{top:162px}.ribbon-3{top:265px}.hero h1{font-size:clamp(39px,11.5vw,58px);margin-top:18px;line-height:1.12}.hero-line:first-child{margin-bottom:6px}.hero-copy{padding:18px 10px 20px}.hero-copy::before{inset:66px 0 auto;height:230px;border-radius:26px}.hero-copy::after{inset:100px 38px auto;height:140px}.hero-copy>p{font-size:14px;line-height:1.9;padding-inline:5px}.eyebrow{font-size:8px;padding:8px 10px}.hero-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.button{min-height:50px;padding-inline:14px;font-size:12px;border-radius:15px}.hero-trust{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:20px}.hero-trust span{font-size:9px}.hero-trust span::after{display:none}.hero-flow{width:100%;height:78px;margin-top:24px}.flow-track{left:2%;right:2%;top:29px}.flow-node{top:15px;font-size:8px;gap:7px}.flow-node i{width:25px;height:25px}.flow-node-1{right:7%}.flow-node-2{right:36%}.flow-node-3{right:65%}.flow-node-4{right:93%}.hero-console{border-radius:24px;margin-top:44px}.console-topbar{height:48px;padding-inline:14px;font-size:8px}.console-topbar .mono{max-width:170px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.console-main{padding:18px 14px}.system-head{align-items:start;flex-direction:column;gap:8px}.system-head strong{font-size:15px}.metric-card{min-height:125px;padding:14px}.metric-card strong{font-size:36px}.mini-bars{height:28px}.activity-item{padding:12px;gap:10px}.activity-icon{width:30px;height:30px;flex-basis:30px}.activity-item strong{font-size:10px}.console-side{grid-template-columns:1fr;padding:12px 14px 18px}.orbit-visual{min-height:245px}.ticker-track{min-height:56px;font-size:10px;gap:22px}.phase-preview{padding-top:90px}.section-heading h2,.vision-grid h2,.contact-card h2{font-size:40px}.foundation-card{padding:22px;border-radius:21px}.contact-card{min-height:300px;display:grid;align-content:end;padding:26px 22px;border-radius:24px}.contact-card .button{width:100%}.site-footer{display:grid}.footer-meta{justify-content:space-between}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.reveal-group{opacity:1;transform:none}}

/* =========================================================
   PHASE 02 — EDUCATION PROJECT EXPERIENCE
   ========================================================= */
.projects-showcase{padding:132px 0 116px;position:relative;overflow:hidden;border-bottom:1px solid var(--line);background:radial-gradient(900px 560px at 50% 42%,rgba(242,21,37,.045),transparent 70%)}
.projects-showcase::before{content:"";position:absolute;width:980px;height:720px;border-radius:50%;background:radial-gradient(circle,rgba(242,21,37,.10),rgba(242,21,37,.035) 42%,transparent 72%);filter:blur(120px);left:50%;top:24%;transform:translateX(-50%);pointer-events:none}
.projects-showcase::after{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.016) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.012) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(180deg,transparent 0,#000 20%,#000 82%,transparent 100%);opacity:.24}
.projects-head{position:relative;z-index:2}.projects-heading{max-width:860px}.projects-heading h2{margin:14px 0;font-size:clamp(42px,5.5vw,74px);line-height:1.12;letter-spacing:-.045em}.projects-heading p{max-width:730px;color:#97979f;line-height:1.95;font-size:15px}
.reveal-section{opacity:0;transform:translateY(28px);transition:opacity .9s var(--ease),transform .9s var(--ease)}.reveal-section.visible{opacity:1;transform:none}
.project-tabs{--tab-x:7px;--tab-w:72px;position:relative;margin-top:40px;width:max-content;max-width:100%;display:flex;gap:6px;padding:7px;border:1px solid rgba(255,255,255,.095);border-radius:999px;background:rgba(255,255,255,.026);box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 18px 60px rgba(0,0,0,.18);overflow-x:auto;scrollbar-width:none;isolation:isolate}.project-tabs::-webkit-scrollbar{display:none}.project-tabs::before{content:"";position:absolute;z-index:-1;top:7px;bottom:7px;left:0;width:var(--tab-w);transform:translateX(var(--tab-x));border-radius:999px;background:radial-gradient(circle at 50% 0%,rgba(255,255,255,.20),rgba(255,255,255,.075) 56%,rgba(255,255,255,.045));border:1px solid rgba(255,255,255,.075);box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 10px 34px rgba(0,0,0,.36),0 0 26px rgba(242,21,37,.045);transition:transform .55s var(--ease),width .55s var(--ease)}
.project-tab{appearance:none;border:0;color:#77777f;background:transparent;min-height:48px;padding:0 21px;border-radius:999px;font:600 13px/1 "Cairo",sans-serif;white-space:nowrap;cursor:pointer;transition:color .34s var(--ease),transform .34s var(--ease);position:relative;z-index:1}.project-tab:hover{color:#d7d7db}.project-tab.is-selected{color:#fff;transform:translateY(-1px)}
.projects-viewport{position:relative;margin-top:58px;overflow:hidden;padding-block:28px 34px}.projects-viewport::before,.projects-viewport::after{content:"";position:absolute;z-index:8;top:0;bottom:0;width:min(12vw,170px);pointer-events:none}.projects-viewport::before{right:0;background:linear-gradient(90deg,transparent,rgba(6,6,7,.92) 70%,var(--bg))}.projects-viewport::after{left:0;background:linear-gradient(-90deg,transparent,rgba(6,6,7,.92) 70%,var(--bg))}
.projects-track{display:flex;direction:ltr;gap:26px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scroll-padding-inline:calc((100vw - min(76vw,575px))/2);padding-inline:calc((100vw - min(76vw,575px))/2);padding-block:18px 30px;scrollbar-width:none;outline:none;cursor:grab}.projects-track:active{cursor:grabbing}.projects-track::-webkit-scrollbar{display:none}
.project-card{--deck-scale:.93;--deck-y:18px;--deck-ry:0deg;--deck-opacity:.42;--deck-sat:.72;--deck-bright:.78;--center-power:0;direction:rtl;flex:0 0 min(76vw,575px);height:704px;scroll-snap-align:center;opacity:var(--deck-opacity);transform:translateY(var(--deck-y)) scale(var(--deck-scale)) rotateY(var(--deck-ry));filter:saturate(var(--deck-sat)) brightness(var(--deck-bright));transform-style:preserve-3d;will-change:transform,opacity,filter;transition:opacity .14s linear,transform .14s linear,filter .14s linear;position:relative}.project-card::before{content:"";position:absolute;z-index:-1;inset:-28px;border-radius:48px;background:radial-gradient(58% 48% at 50% 50%,rgba(var(--accent-rgb),.46),rgba(var(--accent-rgb),.18) 38%,transparent 72%);filter:blur(28px);opacity:calc(var(--center-power) * .78);transform:scale(calc(.92 + var(--center-power) * .08));transition:opacity .12s linear,transform .12s linear;pointer-events:none}.project-card.is-active{z-index:4}.project-card.filter-hide{display:none}.project-card.filter-enter{animation:cardEnter .58s var(--ease) both}.project-card.filter-exit{animation:cardExit .22s ease both}
.project-card-inner{--rx:0deg;--ry:0deg;position:absolute;inset:0;border-radius:32px;border:1px solid rgba(255,255,255,.12);overflow:hidden;padding:28px;background:radial-gradient(85% 62% at 14% 0%,rgba(var(--accent-rgb),.38),transparent 67%),radial-gradient(80% 72% at 100% 78%,rgba(var(--accent-rgb),.16),transparent 70%),linear-gradient(155deg,rgba(var(--accent-rgb),.12),rgba(15,15,19,.95) 52%,rgba(5,5,7,.99));box-shadow:inset 0 1px 0 rgba(255,255,255,.11),0 42px 110px rgba(0,0,0,.46),0 0 78px rgba(var(--accent-rgb),.09);transform:perspective(1250px) rotateX(var(--rx)) rotateY(var(--ry));transform-style:preserve-3d;transition:transform .28s var(--ease),border-color .38s,box-shadow .38s,background .38s}
.project-card-inner::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(540px circle at var(--px,50%) var(--py,24%),rgba(255,255,255,.13),rgba(var(--accent-rgb),.23) 20%,transparent 51%);opacity:calc(.10 + var(--center-power) * .90);transition:opacity .12s linear}.project-card-inner::after{content:"";position:absolute;pointer-events:none;width:360px;height:360px;border-radius:50%;right:-120px;bottom:-120px;background:radial-gradient(circle,rgba(var(--accent-rgb),.42),rgba(var(--accent-rgb),.13) 44%,transparent 72%);filter:blur(26px);opacity:calc(.22 + var(--center-power) * .70);transform:translate3d(0,0,0);transition:opacity .12s linear}.project-card .project-card-inner{border-color:rgba(255,255,255,.12)}.project-card:hover:not(.is-active) .project-card-inner{border-color:rgba(var(--accent-rgb),.22);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 44px 112px rgba(0,0,0,.48),0 0 48px rgba(var(--accent-rgb),.07)}.project-card.is-active .project-card-inner{border-color:rgba(var(--accent-rgb),.62);box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 58px 138px rgba(0,0,0,.54),0 0 122px rgba(var(--accent-rgb),.28),0 0 0 1px rgba(var(--accent-rgb),.08)}
.project-card-head{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:15px;position:relative;z-index:3;transform:translateZ(18px)}.project-icon{width:62px;height:62px;border-radius:19px;display:grid;place-items:center;border:1px solid rgba(var(--accent-rgb),.52);background:radial-gradient(circle at 32% 24%,rgba(255,255,255,.16),rgba(var(--accent-rgb),.32) 32%,rgba(var(--accent-rgb),.10) 72%);box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 0 34px rgba(var(--accent-rgb),.24),0 14px 34px rgba(0,0,0,.22)}.project-icon span{color:white;font-weight:800;font-size:20px;text-shadow:0 0 18px rgba(255,255,255,.16)}.finance-icon span{font-size:12px;font-family:"IBM Plex Mono",monospace}.exam-icon span{font-size:13px;font-family:"IBM Plex Mono",monospace}.project-name{min-width:0}.project-name>span{display:block;color:rgba(255,255,255,.46);font-size:8px;margin-bottom:5px}.project-name h3{margin:0;font-size:25px;line-height:1.28;letter-spacing:-.02em}.project-open{width:56px;height:56px;border-radius:17px;border:1px solid rgba(255,255,255,.18);background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.035));color:#f2f2f4;font-size:24px;display:grid;place-items:center;cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 10px 28px rgba(0,0,0,.20);transition:transform .32s var(--ease),border-color .32s,background .32s,box-shadow .32s}.project-open:hover{transform:translate(-3px,-3px) scale(1.03);border-color:rgba(var(--accent-rgb),.55);background:rgba(var(--accent-rgb),.13);box-shadow:0 0 26px rgba(var(--accent-rgb),.14)}
.project-description{position:relative;z-index:3;margin:24px 0 19px;color:#ededf0;font-size:16px;line-height:1.85;min-height:58px;text-shadow:0 1px 14px rgba(0,0,0,.25);transform:translateZ(12px)}.project-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent);position:relative;z-index:3}.project-visual{position:relative;z-index:3;height:424px;margin-top:20px;border-radius:23px;border:1px solid rgba(255,255,255,.10);overflow:hidden;background:radial-gradient(90% 70% at 50% 0%,rgba(var(--accent-rgb),.09),transparent 62%),rgba(3,4,6,.50);box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 20px 55px rgba(0,0,0,.20);transform:translateZ(8px)}.project-visual::before{content:"";position:absolute;z-index:12;top:0;bottom:0;width:22%;left:-32%;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(255,255,255,.09),transparent);transform:skewX(-15deg);opacity:0}.project-card.is-active .project-visual::before{animation:visualSweep 3.9s .45s var(--ease) infinite}.project-visual::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 48%,rgba(5,5,7,.30));box-shadow:inset 0 0 92px rgba(var(--accent-rgb),.06)}
.project-card-foot{position:absolute;z-index:4;right:28px;left:28px;bottom:21px;display:flex;gap:7px;flex-wrap:wrap;transform:translateZ(14px)}.project-card-foot span{font:500 8px/1 "IBM Plex Mono",monospace;letter-spacing:.04em;padding:7px 9px;border:1px solid rgba(255,255,255,.095);border-radius:9px;color:#8f8f97;background:rgba(4,4,6,.48);backdrop-filter:blur(10px)}
@keyframes visualSweep{0%,68%{left:-32%;opacity:0}73%{opacity:1}88%{left:118%;opacity:.45}100%{left:118%;opacity:0}}@keyframes cardEnter{from{opacity:0;transform:translateY(26px) scale(.94)}to{opacity:var(--deck-opacity);transform:translateY(var(--deck-y)) scale(var(--deck-scale)) rotateY(var(--deck-ry))}}@keyframes cardExit{to{opacity:0;transform:translateY(20px) scale(.96)}}
.ui-window-bar{height:42px;padding-inline:13px;display:flex;align-items:center;gap:6px;border-bottom:1px solid rgba(255,255,255,.06);direction:ltr}.ui-window-bar span{width:7px;height:7px;border-radius:50%;background:#2d2d33}.ui-window-bar span:first-child{background:rgba(var(--accent-rgb),.62)}.ui-window-bar b{margin-left:auto;color:#62626b;font:500 7px/1 "IBM Plex Mono",monospace;letter-spacing:.1em}
.school-dashboard{padding:16px;display:grid;grid-template-columns:1fr 1fr 124px;gap:10px}.school-stat{min-height:112px;padding:14px;border-radius:15px;border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.025);display:grid;align-content:start}.school-stat small{color:#74747c;font-size:9px}.school-stat strong{font:600 30px/1.1 "IBM Plex Mono",monospace;margin-top:10px}.school-stat i{margin-top:9px;color:#8a8a92;font-style:normal;font-size:8px}.school-stat i.ok{color:#6cbd8d}.school-ring{display:grid;place-items:center;border-radius:15px;border:1px solid rgba(255,255,255,.06);background:conic-gradient(var(--accent) 0 68%,rgba(255,255,255,.055) 68%);position:relative}.school-ring::before{content:"";position:absolute;width:88px;height:88px;border-radius:50%;background:#0c0c10}.school-ring div{z-index:1;text-align:center;display:grid}.school-ring strong{font:600 25px/1 "IBM Plex Mono",monospace}.school-ring span{color:#74747b;font-size:8px;margin-top:6px}.school-feed{grid-column:1/-1;display:grid;gap:6px;margin-top:2px}.school-feed>span{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;padding:10px 11px;border-radius:11px;border:1px solid rgba(255,255,255,.055);background:rgba(255,255,255,.018)}.school-feed i{width:7px;height:7px;border-radius:50%;background:#5e5e66;box-shadow:0 0 0 0 rgba(var(--accent-rgb),0)}.school-feed .dot-green{background:#48d18d}.school-feed .dot-red{background:#ff4c5a;animation:feedPulse 2s infinite}.school-feed b{font-size:9px;font-weight:600}.school-feed em{font-size:7px;color:#6f6f77;font-style:normal}
.attendance-ui{padding:18px}.scan-panel{display:grid;grid-template-columns:170px 1fr;align-items:center;gap:20px;padding-bottom:17px;border-bottom:1px solid rgba(255,255,255,.06)}.face-frame{height:178px;border-radius:20px;border:1px solid rgba(var(--accent-rgb),.20);background:radial-gradient(circle at center,rgba(var(--accent-rgb),.10),transparent 67%);position:relative;display:grid;place-items:center;overflow:hidden}.face-frame>i{position:absolute;width:26px;height:26px;border-color:var(--accent);opacity:.7}.face-frame>i:nth-child(1){right:15px;top:15px;border-right:2px solid;border-top:2px solid}.face-frame>i:nth-child(2){left:15px;top:15px;border-left:2px solid;border-top:2px solid}.face-frame>i:nth-child(3){right:15px;bottom:15px;border-right:2px solid;border-bottom:2px solid}.face-frame>i:nth-child(4){left:15px;bottom:15px;border-left:2px solid;border-bottom:2px solid}.scan-line{position:absolute;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,var(--accent),transparent);box-shadow:0 0 16px var(--accent);animation:faceScan 2.7s var(--ease) infinite}.face-mark{font-size:62px;opacity:.24;filter:grayscale(1)}.scan-copy{display:grid;align-content:center}.scan-copy>span{color:#6f6f78;font-size:8px}.scan-copy strong{font-size:19px;margin-top:13px}.scan-copy small{color:#85858d;font-size:10px;margin-top:6px}.attendance-rows{display:grid;gap:7px;margin-top:15px}.attendance-rows>span{display:grid;grid-template-columns:55px 1fr auto;align-items:center;gap:8px;padding:10px 11px;border-radius:11px;background:rgba(255,255,255,.022);border:1px solid rgba(255,255,255,.045)}.attendance-rows b{font:500 9px "IBM Plex Mono",monospace;color:#73737b}.attendance-rows em{font-style:normal;font-size:9px}.attendance-rows i{font-style:normal;font-size:8px;padding:5px 7px;border-radius:7px}.attendance-rows .present{color:#7fd8a4;background:rgba(72,209,141,.08)}.attendance-rows .late{color:#f3be68;background:rgba(245,170,50,.08)}
.finance-ui{padding:18px}.finance-total{padding:17px;border-radius:16px;border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.025)}.finance-total>span{color:#777780;font-size:9px}.finance-total strong{display:block;font:600 27px/1.2 "IBM Plex Mono",monospace;margin-top:7px}.finance-total strong small{font-size:10px;color:#777780}.finance-progress{height:6px;border-radius:999px;background:rgba(255,255,255,.05);margin-top:15px;overflow:hidden}.finance-progress i{display:block;height:100%;width:68%;border-radius:inherit;background:linear-gradient(90deg,#6c4305,var(--accent));box-shadow:0 0 16px rgba(var(--accent-rgb),.35);animation:financeGrow 3.2s var(--ease) infinite alternate}.finance-total em{display:block;color:#85858d;font-size:8px;font-style:normal;margin-top:7px}.installments{display:grid;gap:7px;margin-top:12px}.installments>div{display:grid;grid-template-columns:1fr auto 28px;align-items:center;gap:8px;padding:10px 11px;border:1px solid rgba(255,255,255,.05);border-radius:11px;background:rgba(255,255,255,.018)}.installments span{font-size:9px;color:#898991}.installments b{font:500 9px "IBM Plex Mono",monospace}.installments i{width:27px;height:27px;display:grid;place-items:center;border-radius:8px;background:rgba(72,209,141,.08);color:#6bd597;font-style:normal}.installments .due i{background:rgba(var(--accent-rgb),.10);color:var(--accent);animation:duePulse 1.8s infinite}.receipt-chip{display:flex;align-items:center;gap:10px;margin-top:11px;padding:10px;border-radius:12px;background:rgba(var(--accent-rgb),.06);border:1px solid rgba(var(--accent-rgb),.12)}.qr-mini{width:34px;height:34px;border-radius:5px;background:repeating-conic-gradient(#ddd 0 25%,transparent 0 50%) 0/8px 8px;opacity:.78}.receipt-chip div{display:grid}.receipt-chip b{font:500 9px "IBM Plex Mono",monospace}.receipt-chip small{color:#777780;font-size:8px;margin-top:3px}
.parent-ui{display:grid;place-items:center;padding:16px}.phone-shell{width:220px;height:365px;border-radius:31px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,#15131e,#090a0e);box-shadow:0 24px 60px rgba(0,0,0,.38),0 0 35px rgba(var(--accent-rgb),.08);padding:35px 13px 13px;position:relative;animation:phoneFloat 5.5s ease-in-out infinite}.phone-notch{position:absolute;top:10px;left:50%;transform:translateX(-50%);width:72px;height:16px;border-radius:999px;background:#050506;border:1px solid rgba(255,255,255,.045)}.parent-profile{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px}.avatar{width:38px;height:38px;border-radius:13px;background:rgba(var(--accent-rgb),.16);border:1px solid rgba(var(--accent-rgb),.18);display:grid;place-items:center;font-weight:800}.parent-profile div{display:grid}.parent-profile strong{font-size:10px}.parent-profile small{color:#777780;font-size:7px}.parent-profile>i{font:500 9px "IBM Plex Mono",monospace;color:#a88fff;font-style:normal}.parent-cards{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:14px}.parent-cards div{padding:12px 9px;border:1px solid rgba(255,255,255,.055);border-radius:12px;background:rgba(255,255,255,.025);display:grid}.parent-cards span{color:#777780;font-size:7px}.parent-cards strong{font:600 17px "IBM Plex Mono",monospace;margin-top:6px}.parent-notice{margin-top:12px;padding:11px 9px;border-radius:12px;border:1px solid rgba(var(--accent-rgb),.14);background:rgba(var(--accent-rgb),.06);display:grid;grid-template-columns:auto 1fr;gap:8px}.parent-notice>i{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 18px rgba(var(--accent-rgb),.55);margin-top:3px}.parent-notice div{display:grid}.parent-notice strong{font-size:8px}.parent-notice small{font-size:7px;color:#82828a;line-height:1.6;margin-top:3px}.floating-notification{position:absolute;left:18px;bottom:24px;width:190px;padding:10px 12px;border:1px solid rgba(var(--accent-rgb),.18);border-radius:13px;background:rgba(16,13,24,.86);backdrop-filter:blur(12px);box-shadow:0 18px 48px rgba(0,0,0,.38);display:grid;animation:notificationFloat 4s var(--ease) infinite}.floating-notification b{font-size:8px}.floating-notification span{color:#94949c;font-size:7px;margin-top:3px}
.exam-ui{padding:18px;display:grid;grid-template-columns:150px 1fr;grid-template-rows:auto 1fr;gap:12px}.exam-score{padding:16px;border-radius:16px;border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.025);display:grid}.exam-score span{color:#777780;font-size:8px}.exam-score strong{font:600 33px "IBM Plex Mono",monospace;margin-top:8px}.exam-score em{color:#70d89d;font:500 8px "IBM Plex Mono",monospace;font-style:normal}.exam-chart{display:flex;align-items:end;gap:7px;height:145px;padding:14px;border-radius:16px;border:1px solid rgba(255,255,255,.06);background:linear-gradient(180deg,rgba(var(--accent-rgb),.055),rgba(255,255,255,.015))}.exam-chart i{flex:1;height:var(--h);border-radius:5px 5px 2px 2px;background:linear-gradient(180deg,var(--accent),rgba(var(--accent-rgb),.16));transform-origin:bottom;animation:scoreBars 2.9s var(--ease) infinite alternate}.exam-chart i:nth-child(2){animation-delay:.15s}.exam-chart i:nth-child(3){animation-delay:.28s}.exam-chart i:nth-child(4){animation-delay:.08s}.exam-chart i:nth-child(5){animation-delay:.36s}.exam-chart i:nth-child(6){animation-delay:.22s}.exam-chart i:nth-child(7){animation-delay:.44s}.exam-subjects{grid-column:1/-1;display:grid;gap:7px}.exam-subjects span{display:flex;align-items:center;justify-content:space-between;padding:11px;border-radius:11px;border:1px solid rgba(255,255,255,.05);background:rgba(255,255,255,.018)}.exam-subjects b{font-size:9px;font-weight:600}.exam-subjects em{font:500 9px "IBM Plex Mono",monospace;color:#8ee4b1;font-style:normal}
.timetable-ui{padding:16px}.schedule-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.schedule-grid>span{min-height:70px;padding:9px;border-radius:10px;border:1px solid rgba(255,255,255,.055);background:rgba(255,255,255,.02);font-size:8px;display:grid;align-content:space-between}.schedule-grid .schedule-head{min-height:34px;place-items:center;color:#7e7e87;background:rgba(var(--accent-rgb),.04)}.schedule-grid small{font:500 7px "IBM Plex Mono",monospace;color:#64646c}.schedule-grid .conflict{border-color:rgba(255,70,80,.26);background:rgba(255,70,80,.07);color:#ff7a83;animation:conflictFlash 2s ease-in-out infinite}.conflict-toast{margin-top:11px;padding:11px;border-radius:13px;border:1px solid rgba(255,75,85,.14);background:rgba(255,40,55,.045);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px}.conflict-toast>i{width:31px;height:31px;display:grid;place-items:center;border-radius:10px;background:rgba(255,65,75,.10);color:#ff737c;font-style:normal}.conflict-toast div{display:grid}.conflict-toast b{font-size:9px}.conflict-toast small{font-size:7px;color:#75757d;margin-top:3px}.conflict-toast>span{font-size:8px;color:#a7baff;border:1px solid rgba(var(--accent-rgb),.18);padding:6px 8px;border-radius:8px}
.projects-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;position:relative;z-index:2}.browse-projects{color:#9b9ba2;font-size:14px;display:inline-flex;align-items:center;gap:9px;transition:color .25s,transform .25s}.browse-projects:hover{color:#fff;transform:translateX(-3px)}.carousel-status{display:flex;align-items:center;gap:9px}.carousel-count{margin-left:8px;color:#66666e;font-size:9px;font-style:normal}.carousel-count b{color:#fff;font-size:11px}.carousel-count em{font-style:normal}.carousel-button{width:58px;height:58px;border-radius:50%;border:1px solid rgba(255,255,255,.085);background:rgba(255,255,255,.025);color:#ececef;font-size:22px;cursor:pointer;transition:background .3s,border-color .3s,transform .3s var(--ease),opacity .3s}.carousel-button:hover:not(:disabled){background:rgba(255,255,255,.065);border-color:rgba(255,255,255,.15);transform:scale(1.04)}.carousel-button:disabled{opacity:.26;cursor:default}
.service-strip{padding:105px 0 110px}.service-strip-head{display:grid;grid-template-columns:1.2fr .8fr;align-items:end;gap:60px}.service-strip-head h2{margin:14px 0 0;font-size:clamp(38px,5vw,68px);line-height:1.15;letter-spacing:-.04em}.service-chips{margin-top:42px;display:flex;flex-wrap:wrap;gap:9px}.service-chips span{padding:12px 15px;border:1px solid rgba(255,255,255,.07);border-radius:999px;color:#85858d;background:rgba(255,255,255,.02);font-size:11px;transition:.3s}.service-chips span:hover{color:#fff;border-color:rgba(255,65,75,.20);background:rgba(255,40,55,.04)}
@keyframes feedPulse{0%,100%{box-shadow:0 0 0 0 rgba(255,76,90,0)}50%{box-shadow:0 0 0 8px rgba(255,76,90,.055),0 0 18px rgba(255,76,90,.28)}}
@keyframes faceScan{0%{top:14%;opacity:0}12%{opacity:1}80%{opacity:1}100%{top:86%;opacity:0}}
@keyframes financeGrow{from{width:52%}to{width:68%}}
@keyframes duePulse{0%,100%{box-shadow:0 0 0 0 rgba(var(--accent-rgb),0)}50%{box-shadow:0 0 0 7px rgba(var(--accent-rgb),.055),0 0 16px rgba(var(--accent-rgb),.24)}}
@keyframes phoneFloat{0%,100%{transform:translateY(4px) rotate(-1.2deg)}50%{transform:translateY(-6px) rotate(1deg)}}
@keyframes notificationFloat{0%,100%{transform:translateY(4px);opacity:.68}45%,70%{transform:translateY(-4px);opacity:1}}
@keyframes scoreBars{from{transform:scaleY(.72);opacity:.55}to{transform:scaleY(1);opacity:1}}
@keyframes conflictFlash{0%,100%{box-shadow:0 0 0 0 rgba(255,70,80,0)}50%{box-shadow:0 0 22px rgba(255,70,80,.12)}}
@media(max-width:900px){.projects-showcase{padding-top:100px}.projects-heading h2{font-size:clamp(40px,8vw,66px)}.projects-track{scroll-padding-inline:10vw;padding-inline:10vw}.project-card{flex-basis:80vw;max-width:560px}.service-strip-head{grid-template-columns:1fr;gap:18px}}
@media(max-width:620px){.projects-showcase{padding:84px 0 82px}.projects-heading h2{font-size:38px}.projects-heading p{font-size:13px}.project-tabs{margin-top:28px;width:100%;border-radius:22px;padding:6px}.project-tab{min-height:44px;padding-inline:17px;font-size:11px}.projects-viewport{margin-top:36px}.projects-track{gap:15px;scroll-padding-inline:9vw;padding-inline:9vw}.project-card{flex-basis:82vw;height:620px}.project-card-inner{padding:20px;border-radius:25px}.project-card-head{gap:10px}.project-icon{width:49px;height:49px;border-radius:15px}.project-name h3{font-size:18px}.project-name>span{font-size:7px}.project-open{width:47px;height:47px;border-radius:14px;font-size:20px}.project-description{font-size:13px;line-height:1.8;margin-top:18px;min-height:48px}.project-visual{height:365px;margin-top:15px;border-radius:18px}.project-card-foot{right:20px;left:20px;bottom:17px}.project-card-foot span{font-size:7px;padding:6px 7px}.school-dashboard{grid-template-columns:1fr 1fr;padding:11px;gap:7px}.school-ring{display:none}.school-stat{min-height:96px}.school-stat strong{font-size:24px}.school-feed>span{padding:8px}.scan-panel{grid-template-columns:118px 1fr;gap:12px;padding-bottom:12px}.face-frame{height:145px}.face-mark{font-size:48px}.scan-copy strong{font-size:14px}.attendance-ui,.finance-ui,.exam-ui,.timetable-ui{padding:12px}.attendance-rows>span{grid-template-columns:43px 1fr auto;padding:8px}.phone-shell{width:195px;height:330px}.floating-notification{width:165px;left:8px;bottom:15px}.exam-ui{grid-template-columns:112px 1fr;gap:8px}.exam-chart{height:126px;padding:10px;gap:5px}.schedule-grid>span{min-height:59px;padding:7px}.conflict-toast{padding:8px}.projects-controls{align-items:center}.browse-projects{font-size:11px}.carousel-count{display:none}.carousel-button{width:50px;height:50px}.service-strip{padding:78px 0 90px}.service-strip-head h2{font-size:38px}.service-chips{margin-top:30px}.service-chips span{font-size:9px;padding:10px 12px}}
@media(prefers-reduced-motion:reduce){.project-card-inner,.project-card{transition-duration:.01ms!important}.scan-line,.finance-progress i,.phone-shell,.floating-notification,.exam-chart i,.schedule-grid .conflict,.school-feed .dot-red{animation:none!important}}

/* PHASE 02A premium motion overrides */
.carousel-button{background:radial-gradient(circle at 50% 20%,rgba(255,255,255,.08),rgba(255,255,255,.025));border-color:rgba(255,255,255,.11);box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 12px 36px rgba(0,0,0,.18)}
.carousel-button:hover:not(:disabled){background:radial-gradient(circle at 50% 20%,rgba(255,255,255,.15),rgba(255,255,255,.05));border-color:rgba(255,255,255,.18);transform:scale(1.06);box-shadow:0 0 30px rgba(242,21,37,.06)}
@media(max-width:900px){.projects-track{scroll-padding-inline:10vw;padding-inline:10vw}.project-card{flex-basis:80vw;max-width:575px}}
@media(max-width:620px){.projects-viewport{margin-top:38px}.projects-track{gap:17px;scroll-padding-inline:8vw;padding-inline:8vw}.project-card{flex-basis:84vw;height:630px}.project-card-inner{padding:20px;border-radius:27px}.project-icon{width:51px;height:51px;border-radius:16px}.project-name h3{font-size:19px}.project-open{width:48px;height:48px;border-radius:14px;font-size:20px}.project-description{font-size:13px;line-height:1.8;margin-top:18px;min-height:48px}.project-visual{height:368px;margin-top:15px;border-radius:19px}.project-tabs::before{top:6px;bottom:6px}}
@media(prefers-reduced-motion:reduce){.project-card{transform:none!important;opacity:1!important;filter:none!important}.project-card.is-active .project-visual::before{animation:none!important}}

/* PHASE02B center-focus fix */
.project-card.is-active .project-icon{box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 0 46px rgba(var(--accent-rgb),.42),0 16px 38px rgba(0,0,0,.24)}
.project-card.is-active .project-name h3{text-shadow:0 0 26px rgba(var(--accent-rgb),.18)}
.project-card.is-active .project-visual{border-color:rgba(var(--accent-rgb),.28);box-shadow:inset 0 0 70px rgba(var(--accent-rgb),.08),0 0 46px rgba(var(--accent-rgb),.09)}
@media(prefers-reduced-motion:reduce){.project-card::before{display:none!important}}

/* ============================================================
   PHASE 03 — ENGINEERING BLUEPRINT + AUTOMATION + PREMIUM MOTION
   ============================================================ */
.engineering-lab{position:relative;padding:138px 0 120px;border-top:1px solid var(--line);background:radial-gradient(900px 520px at 50% 8%,rgba(242,21,37,.07),transparent 68%),#070708;overflow:hidden}
.engineering-lab::before,.automation-zone::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(rgba(255,255,255,.08) .7px,transparent .7px);background-size:22px 22px;mask-image:linear-gradient(to bottom,transparent 0,#000 10%,#000 90%,transparent 100%);opacity:.48}
.engineering-head,.automation-head{position:relative;z-index:2;max-width:850px}
.engineering-head h2,.automation-head h2,.proof-copy h2{margin:15px 0 16px;font-size:clamp(42px,5.4vw,72px);line-height:1.12;letter-spacing:-.045em}
.engineering-head p,.automation-head p,.proof-copy p{max-width:720px;margin:0;color:#8f8f97;font-size:15px;line-height:1.95}
.blueprint-grid{position:relative;z-index:2;margin-top:48px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.blueprint-card{min-width:0;min-height:610px;border:1px solid rgba(255,255,255,.09);border-radius:28px;background:linear-gradient(180deg,rgba(255,255,255,.032),rgba(255,255,255,.012));overflow:hidden;position:relative;box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 32px 90px rgba(0,0,0,.20);transition:transform .55s var(--ease),border-color .45s,box-shadow .45s}
.blueprint-card::before{content:"";position:absolute;inset:0;background:radial-gradient(450px circle at 50% 18%,rgba(242,21,37,.10),transparent 52%);opacity:.35;transition:opacity .45s}
.blueprint-card:hover{transform:translateY(-6px);border-color:rgba(255,255,255,.15);box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 42px 110px rgba(0,0,0,.34)}
.blueprint-card:hover::before{opacity:.75}
.blueprint-meta{height:56px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.065);color:#626269;font-size:9px;letter-spacing:.08em}
.blueprint-meta span:last-child{font-family:"IBM Plex Mono",monospace}
.blueprint-stage{height:350px;position:relative;display:grid;place-items:center;border-bottom:1px solid rgba(255,255,255,.065);overflow:hidden;background:radial-gradient(circle at center,rgba(255,255,255,.02),transparent 67%)}
.blueprint-stage::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.028) 1px,transparent 1px);background-size:42px 42px;mask-image:radial-gradient(circle at center,#000 20%,transparent 75%)}
.blueprint-copy{position:relative;z-index:2;padding:24px 24px 28px}
.blueprint-copy h3{font-size:23px;margin:0 0 10px;letter-spacing:-.02em}
.blueprint-copy p{margin:0;color:#7d7d84;font-size:13px;line-height:1.9}
.device{position:absolute;z-index:2;filter:drop-shadow(0 24px 44px rgba(0,0,0,.44))}
.device-desktop{width:210px;height:146px;transform:translate(-24px,-12px) rotateX(7deg) rotateY(-7deg);transform-style:preserve-3d;animation:deviceFloat 6.4s ease-in-out infinite}
.device-screen{height:126px;border-radius:14px;border:1px solid rgba(255,255,255,.22);background:linear-gradient(145deg,#111216,#070709);display:grid;place-items:center;align-content:center;gap:7px;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 0 46px rgba(242,21,37,.08)}
.device-screen b{font:600 11px/1 "IBM Plex Mono",monospace;letter-spacing:.12em;color:#dbdbe0}.device-screen small{font:500 7px/1 "IBM Plex Mono",monospace;color:#56565d;letter-spacing:.10em}
.device-logo-dot{width:30px;height:30px;border-radius:10px;background:linear-gradient(145deg,#ff3b48,#9f0713);box-shadow:0 0 28px rgba(242,21,37,.34);position:relative}.device-logo-dot::after{content:"";position:absolute;inset:8px;border:1px solid rgba(255,255,255,.55);border-radius:50%}
.device-stand{display:block;width:62px;height:14px;margin:1px auto 0;border:1px solid rgba(255,255,255,.12);border-top:0;border-radius:0 0 18px 18px;background:#0a0a0c}
.device-phone{width:74px;height:148px;right:48px;bottom:52px;border-radius:20px;border:1px solid rgba(255,255,255,.22);background:linear-gradient(150deg,#131419,#070709);padding:11px 8px;transform:rotate(6deg);animation:phoneFloat 5.2s ease-in-out infinite;box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 20px 45px rgba(0,0,0,.42)}
.phone-top{display:block;width:24px;height:3px;border-radius:999px;background:#2b2c31;margin:0 auto 16px}.phone-screen{display:grid;gap:7px}.phone-screen i{display:block;height:23px;border-radius:7px;border:1px solid rgba(255,255,255,.06);background:linear-gradient(90deg,rgba(242,21,37,.20),rgba(255,255,255,.025))}.phone-screen i:nth-child(2){width:78%;background:rgba(255,255,255,.035)}.phone-screen i:nth-child(3){width:92%;background:rgba(255,255,255,.025)}
.platform-orbit{position:absolute;border:1px solid rgba(255,255,255,.09);border-radius:50%;z-index:1}.orbit-one{width:340px;height:135px;transform:rotate(-12deg);animation:platformOrbitA 15s linear infinite}.orbit-two{width:280px;height:205px;transform:rotate(20deg);border-color:rgba(242,21,37,.12);animation:platformOrbitB 19s linear infinite}
.platform-node{position:absolute;z-index:3;padding:7px 9px;border-radius:9px;border:1px solid rgba(255,255,255,.10);background:#0b0b0d;color:#76767e;font:500 8px/1 "IBM Plex Mono",monospace;box-shadow:0 12px 25px rgba(0,0,0,.30)}.node-web{left:22px;top:92px}.node-mobile{right:19px;top:75px}.node-desktop{left:44px;bottom:38px}
.data-core{position:relative;z-index:4;width:92px;height:92px;border-radius:28px;display:grid;place-items:center;background:radial-gradient(circle at 35% 25%,rgba(255,77,88,.18),rgba(255,255,255,.025) 55%),#0c0c0f;border:1px solid rgba(255,255,255,.13);box-shadow:0 0 60px rgba(242,21,37,.13),inset 0 1px 0 rgba(255,255,255,.08)}
.data-core span{font:600 17px/1 "IBM Plex Mono",monospace;color:#e2e2e6}.data-core i{position:absolute;inset:13px;border:1px solid rgba(242,21,37,.22);border-radius:21px;animation:dataCorePulse 2.7s ease-in-out infinite}
.data-line{position:absolute;z-index:1;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent);transform-origin:center}.line-a{width:235px;transform:translate(-83px,-68px) rotate(28deg)}.line-b{width:250px;transform:translate(70px,4px) rotate(-2deg)}.line-c{width:240px;transform:translate(-61px,70px) rotate(-29deg)}.data-line i{display:block;width:38%;height:1px;background:linear-gradient(90deg,transparent,#ff3a48,transparent);animation:dataLine 2.5s linear infinite}
.data-end{position:absolute;z-index:3;display:grid;gap:5px;padding:11px 12px;border-radius:12px;background:#0b0b0e;border:1px solid rgba(255,255,255,.08);min-width:105px}.data-end b{font:500 7px/1 "IBM Plex Mono",monospace;letter-spacing:.09em;color:#77777e}.data-end small{font:600 12px/1 "IBM Plex Mono",monospace;color:#e0e0e4}.end-a{left:17px;top:58px}.end-b{right:15px;top:138px}.end-c{left:20px;bottom:38px}.data-pulse{position:absolute;z-index:2;width:7px;height:7px;border-radius:50%;background:#ff3a48;box-shadow:0 0 18px rgba(255,58,72,.8);animation:dataPulse 3s var(--ease) infinite}.pulse-a{left:33%;top:36%;animation-delay:.1s}.pulse-b{right:31%;top:51%;animation-delay:.8s}.pulse-c{left:38%;bottom:30%;animation-delay:1.6s}
.security-stage{perspective:800px}.security-ring{position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.10);transform:rotateX(63deg);z-index:1}.ring-outer{width:290px;height:290px;animation:securitySpin 17s linear infinite}.ring-inner{width:190px;height:190px;border-color:rgba(242,21,37,.22);animation:securitySpinReverse 12s linear infinite}
.security-shield{position:relative;z-index:4;width:110px;height:128px;clip-path:polygon(50% 0,90% 18%,87% 67%,50% 100%,13% 67%,10% 18%);background:linear-gradient(160deg,#ff3c49,#b20714 62%,#62050a);display:grid;place-items:center;filter:drop-shadow(0 25px 35px rgba(143,0,12,.35));animation:shieldFloat 5.5s ease-in-out infinite}.security-shield::before{content:"";position:absolute;inset:7px;clip-path:inherit;background:linear-gradient(160deg,rgba(255,255,255,.14),rgba(255,255,255,.015));}.security-shield span{position:absolute;inset:25px;clip-path:inherit;border:1px solid rgba(255,255,255,.25)}.security-shield i{position:relative;z-index:2;font-style:normal;font-size:32px;text-shadow:0 10px 25px rgba(0,0,0,.35)}
.security-status{position:absolute;z-index:5;bottom:40px;display:flex;align-items:center;gap:8px;padding:9px 11px;border-radius:11px;background:#0b0b0e;border:1px solid rgba(255,255,255,.09);font:500 8px/1 "IBM Plex Mono",monospace;color:#83838b}.status-dot{width:6px;height:6px;border-radius:50%;background:#47df86;box-shadow:0 0 14px rgba(71,223,134,.7);animation:statusPulse 1.8s ease-in-out infinite}.security-chip{position:absolute;z-index:3;padding:7px 9px;border-radius:9px;border:1px solid rgba(255,255,255,.09);background:#0a0a0d;color:#626269;font:500 7px/1 "IBM Plex Mono",monospace}.chip-a{left:30px;top:70px}.chip-b{right:28px;top:92px}.chip-c{left:40px;bottom:70px}
.automation-zone{position:relative;padding:132px 0 120px;background:radial-gradient(1000px 520px at 75% 18%,rgba(242,21,37,.065),transparent 65%),#060607;border-top:1px solid var(--line);overflow:hidden}
.automation-grid{position:relative;z-index:2;margin-top:44px;display:grid;grid-template-columns:1.15fr .85fr;gap:14px;align-items:stretch}
.automation-card{border:1px solid rgba(255,255,255,.09);border-radius:28px;background:linear-gradient(180deg,rgba(255,255,255,.032),rgba(255,255,255,.012));overflow:hidden;box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 35px 100px rgba(0,0,0,.22);min-height:570px;position:relative}
.automation-card::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(500px circle at var(--ax,50%) var(--ay,20%),rgba(242,21,37,.09),transparent 45%);opacity:.65}
.automation-card-head{height:58px;display:flex;align-items:center;gap:13px;padding:0 18px;border-bottom:1px solid rgba(255,255,255,.07);position:relative;z-index:2}.automation-card-head>span{font-size:8px;color:#5c5c63}.automation-card-head>b{font-size:13px}.live-badge{margin-right:auto;font-style:normal;font:600 7px/1 "IBM Plex Mono",monospace;letter-spacing:.08em;color:#8f8f96;display:inline-flex;align-items:center;gap:7px}.live-badge::before{content:"";width:6px;height:6px;border-radius:50%;background:#47df86;box-shadow:0 0 14px rgba(71,223,134,.65);animation:statusPulse 1.8s ease-in-out infinite}
.automation-workbench{position:relative;z-index:2;display:grid;grid-template-columns:.88fr 1.12fr;min-height:510px}.automation-form{padding:26px 22px;border-left:1px solid rgba(255,255,255,.07);display:grid;align-content:center;gap:17px;background:rgba(255,255,255,.008)}.automation-form label{display:grid;gap:8px}.automation-form label>span{font-size:10px;color:#696970}.fake-input,.fake-select{height:54px;border-radius:14px;border:1px solid rgba(255,255,255,.09);background:#0a0a0d;padding:0 14px;display:flex;align-items:center;justify-content:space-between;color:#d0d0d5;font-size:12px;box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}.fake-input b{font-weight:600}.fake-select i{font-style:normal;color:#5f5f66}.typing-caret{display:inline-block;width:1px;height:17px;background:#ff3b48;margin-right:3px;animation:caretBlink .85s steps(1) infinite}.fake-submit{height:54px;border:1px solid rgba(255,81,92,.30);border-radius:14px;background:linear-gradient(180deg,#ff3542,#cc0c1a);color:#fff;font-family:inherit;font-weight:800;display:flex;align-items:center;justify-content:center;gap:12px;box-shadow:0 16px 36px rgba(226,12,29,.17),inset 0 1px 0 rgba(255,255,255,.22);transition:transform .3s var(--ease),box-shadow .3s}.automation-card.is-running .fake-submit{transform:scale(.97);box-shadow:0 8px 20px rgba(226,12,29,.10),inset 0 1px 0 rgba(255,255,255,.18)}
.automation-result{padding:24px 22px}.automation-result-title{display:flex;align-items:center;justify-content:space-between;color:#626269;font:500 8px/1 "IBM Plex Mono",monospace;letter-spacing:.08em}.automation-result-title b{color:#84848c}.automation-card.is-running .automation-result-title b{color:#ff6974}.automation-card.is-complete .automation-result-title b{color:#47df86}.automation-steps{list-style:none;padding:0;margin:28px 0 0;display:grid;gap:9px}.automation-steps li{min-height:72px;padding:11px 12px;display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:11px;border:1px solid rgba(255,255,255,.065);border-radius:14px;background:rgba(255,255,255,.012);transition:background .35s,border-color .35s,transform .35s var(--ease)}.automation-steps li>i{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;font-style:normal;font:500 9px/1 "IBM Plex Mono",monospace;border:1px solid rgba(255,255,255,.08);color:#5e5e65}.automation-steps li b{display:block;font-size:11px}.automation-steps li small{display:block;color:#5f5f66;font-size:8px;margin-top:4px}.automation-steps li>span{font:500 7px/1 "IBM Plex Mono",monospace;color:#4e4e54}.automation-steps li.is-active{transform:translateX(-4px);background:rgba(242,21,37,.055);border-color:rgba(255,75,85,.20)}.automation-steps li.is-active>i{border-color:rgba(255,75,85,.28);color:#ff6974;box-shadow:0 0 22px rgba(242,21,37,.12)}.automation-steps li.is-active>span{color:#ff6974}.automation-steps li.is-done{border-color:rgba(71,223,134,.12)}.automation-steps li.is-done>i{background:rgba(71,223,134,.09);border-color:rgba(71,223,134,.22);color:#47df86}.automation-steps li.is-done>span{color:#47df86}
.search-demo{position:relative;z-index:2;padding:30px 22px 22px}.search-box{height:60px;border-radius:16px;border:1px solid rgba(255,255,255,.10);background:#0a0a0d;display:flex;align-items:center;gap:11px;padding:0 14px;box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 18px 45px rgba(0,0,0,.18)}.search-box>span{font-size:21px;color:#77777f}.search-box>b{font-size:13px;font-weight:600}.search-box em{margin-right:auto;font:500 7px/1 "IBM Plex Mono",monospace;color:#55555c;border:1px solid rgba(255,255,255,.07);border-radius:7px;padding:5px 6px;font-style:normal}.search-label{display:flex;justify-content:space-between;margin:25px 4px 10px;color:#5c5c63;font:500 7px/1 "IBM Plex Mono",monospace;letter-spacing:.07em}.search-label small{font-family:"Cairo",sans-serif;letter-spacing:0}.search-results{display:grid;gap:7px}.search-result{min-height:72px;border:1px solid rgba(255,255,255,.06);border-radius:14px;background:rgba(255,255,255,.012);padding:10px 11px;display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:10px;opacity:.28;transform:translateY(8px);transition:opacity .42s var(--ease),transform .42s var(--ease),background .35s,border-color .35s}.search-result.is-visible{opacity:1;transform:none}.search-result.is-selected{background:rgba(242,21,37,.045);border-color:rgba(255,75,85,.17)}.result-avatar{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:rgba(88,124,255,.12);border:1px solid rgba(88,124,255,.18);color:#7894ff;font-weight:800}.result-avatar.alt{background:rgba(54,227,154,.10);border-color:rgba(54,227,154,.16);color:#55e6a1}.result-avatar.gold{background:rgba(244,184,74,.10);border-color:rgba(244,184,74,.16);color:#f4c25f}.search-result b{display:block;font-size:11px}.search-result small{display:block;margin-top:3px;color:#616168;font-size:8px}.search-result em{font:500 6px/1 "IBM Plex Mono",monospace;color:#505057;font-style:normal}.search-foot{margin-top:18px;display:flex;gap:14px;justify-content:center;color:#494950;font-size:6px}
.proof-section{padding:120px 0;border-top:1px solid var(--line);background:radial-gradient(700px 380px at 12% 50%,rgba(242,21,37,.045),transparent 70%)}.proof-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.proof-copy{max-width:610px}.proof-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.proof-metrics article{min-height:220px;border:1px solid rgba(255,255,255,.08);border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.027),rgba(255,255,255,.008));display:flex;align-items:center;justify-content:center;align-content:center;flex-wrap:wrap;position:relative;overflow:hidden;padding:20px;text-align:center}.proof-metrics article::before{content:"";position:absolute;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(242,21,37,.07),transparent 66%);top:-70px;left:50%;transform:translateX(-50%)}.proof-metrics strong{font:600 clamp(36px,4vw,52px)/1 "IBM Plex Mono",monospace;letter-spacing:-.06em;position:relative;z-index:2}.proof-metrics b{font:500 16px/1 "IBM Plex Mono",monospace;color:#77777e;margin-right:3px;position:relative;z-index:2}.proof-metrics small{flex:0 0 100%;margin-top:12px;color:#696970;font-size:9px;line-height:1.6;position:relative;z-index:2}.metric-orbit{position:absolute;width:140px;height:56px;border:1px solid rgba(255,255,255,.08);border-radius:50%;top:44px;left:50%;transform:translateX(-50%) rotate(-12deg);animation:metricOrbit 8s linear infinite}
@keyframes deviceFloat{0%,100%{transform:translate(-24px,-12px) rotateX(7deg) rotateY(-7deg)}50%{transform:translate(-24px,-22px) rotateX(4deg) rotateY(-3deg)}}
@keyframes phoneFloat{0%,100%{transform:translateY(0) rotate(6deg)}50%{transform:translateY(-10px) rotate(3deg)}}
@keyframes platformOrbitA{to{transform:rotate(348deg)}}@keyframes platformOrbitB{to{transform:rotate(-340deg)}}
@keyframes dataCorePulse{0%,100%{transform:scale(.96);opacity:.45}50%{transform:scale(1.08);opacity:1}}
@keyframes dataLine{from{transform:translateX(-110%)}to{transform:translateX(310%)}}
@keyframes dataPulse{0%,100%{transform:scale(.65);opacity:.25}50%{transform:scale(1.45);opacity:1}}
@keyframes securitySpin{to{transform:rotateX(63deg) rotateZ(360deg)}}@keyframes securitySpinReverse{to{transform:rotateX(63deg) rotateZ(-360deg)}}
@keyframes shieldFloat{0%,100%{transform:translateY(0) rotateY(-3deg)}50%{transform:translateY(-9px) rotateY(4deg)}}
@keyframes statusPulse{0%,100%{opacity:.55;transform:scale(.9)}50%{opacity:1;transform:scale(1.15)}}
@keyframes caretBlink{0%,48%{opacity:1}49%,100%{opacity:0}}@keyframes metricOrbit{to{transform:translateX(-50%) rotate(348deg)}}
@media(max-width:1050px){.blueprint-grid{grid-template-columns:1fr 1fr}.blueprint-card:last-child{grid-column:1/-1;min-height:560px}.automation-grid{grid-template-columns:1fr}.automation-card{min-height:auto}.proof-grid{grid-template-columns:1fr;gap:35px}}
@media(max-width:760px){.engineering-lab,.automation-zone{padding:96px 0 86px}.engineering-head h2,.automation-head h2,.proof-copy h2{font-size:clamp(38px,10vw,54px)}.blueprint-grid{grid-template-columns:1fr}.blueprint-card,.blueprint-card:last-child{grid-column:auto;min-height:560px}.blueprint-stage{height:320px}.automation-workbench{grid-template-columns:1fr}.automation-form{border-left:0;border-bottom:1px solid rgba(255,255,255,.07)}.proof-section{padding:90px 0}.proof-metrics{grid-template-columns:1fr}.proof-metrics article{min-height:180px}.automation-card-head{padding:0 13px}.automation-card-head>b{font-size:11px}.search-demo{padding:24px 14px 18px}.search-result{grid-template-columns:36px 1fr}.search-result em{display:none}}
@media(max-width:520px){.blueprint-card{border-radius:22px}.blueprint-stage{height:290px}.blueprint-copy{padding:20px}.blueprint-copy h3{font-size:20px}.device-desktop{width:175px;height:125px;transform:translate(-19px,-10px) rotateX(7deg) rotateY(-7deg)}.device-screen{height:108px}.device-phone{right:26px;bottom:48px;width:66px;height:134px}.platform-orbit.orbit-one{width:285px}.platform-orbit.orbit-two{width:235px}.data-end{min-width:88px;padding:9px}.end-a{left:9px}.end-b{right:8px}.end-c{left:10px}.security-ring.ring-outer{width:245px;height:245px}.security-ring.ring-inner{width:165px;height:165px}.automation-card{border-radius:22px}.automation-steps li{grid-template-columns:32px 1fr auto;padding:9px}.automation-result{padding:21px 14px}.automation-form{padding:22px 14px}.search-foot{gap:8px;font-size:5px}}
@media(prefers-reduced-motion:reduce){.device-desktop,.device-phone,.platform-orbit,.data-line i,.data-pulse,.security-ring,.security-shield,.status-dot,.metric-orbit,.typing-caret{animation:none!important}.blueprint-card:hover{transform:none!important}.automation-steps li{transform:none!important}}


/* ==========================================================
   PHASE 04 / FINAL PREMIUM PRODUCTION
   Production accessibility, contact hub, footer and polish.
   Carousel center-light issue intentionally deferred to Phase 05.
   ========================================================== */
::selection{background:rgba(242,21,37,.34);color:#fff}
:focus-visible{outline:2px solid rgba(255,75,85,.95);outline-offset:4px}
.skip-link{position:fixed;top:12px;right:12px;z-index:200;transform:translateY(-160%);padding:10px 15px;border-radius:12px;background:#fff;color:#08080a;font-weight:800;transition:transform .25s var(--ease)}
.skip-link:focus{transform:translateY(0)}
.scroll-progress{position:fixed;z-index:95;top:0;left:0;right:0;height:2px;background:rgba(255,255,255,.02);pointer-events:none}
.scroll-progress span{display:block;width:100%;height:100%;transform:scaleX(0);transform-origin:right;background:linear-gradient(90deg,#7a0710,#ff3442,#ff7780);box-shadow:0 0 18px rgba(242,21,37,.45);will-change:transform}
.desktop-nav a.is-current{color:#fff;background:rgba(255,255,255,.055)}
.button:focus-visible,.carousel-button:focus-visible,.project-tab:focus-visible,.menu-button:focus-visible{outline-color:#ff4b55}
.project-card,.blueprint-card,.automation-card{contain:layout paint style}
.hero-stage,.project-card-inner,.blueprint-stage{backface-visibility:hidden;transform-style:preserve-3d}
.contact-hub{position:relative;overflow:hidden;border-top:1px solid var(--line);padding:128px 0 110px;background:radial-gradient(900px 520px at 80% 55%,rgba(242,21,37,.12),transparent 68%),linear-gradient(180deg,rgba(255,255,255,.012),transparent 36%)}
.contact-orbit{position:absolute;width:min(760px,75vw);aspect-ratio:1;left:-180px;top:50%;transform:translateY(-50%);pointer-events:none;opacity:.65}
.contact-orbit::before,.contact-orbit::after,.contact-orbit i{content:"";position:absolute;inset:12%;border-radius:50%;border:1px solid rgba(255,255,255,.055);animation:contactOrbit 18s linear infinite}
.contact-orbit::after{inset:25%;border-color:rgba(242,21,37,.16);animation-duration:13s;animation-direction:reverse}
.contact-orbit i:nth-child(1){inset:0;border-color:rgba(242,21,37,.07);animation-duration:24s}
.contact-orbit i:nth-child(2){inset:38%;background:radial-gradient(circle,rgba(242,21,37,.22),transparent 67%);filter:blur(20px);border:0;animation:contactPulse 6s ease-in-out infinite}
.contact-orbit i:nth-child(3){inset:47%;background:#f21525;border:0;box-shadow:0 0 45px rgba(242,21,37,.48);animation:contactPulse 4.8s ease-in-out infinite reverse}
.contact-hub-grid{position:relative;z-index:2;display:grid;grid-template-columns:1fr .9fr;gap:80px;align-items:center}
.contact-hub-copy{max-width:650px}
.contact-hub-copy h2{font-size:clamp(48px,6vw,82px);line-height:1.05;letter-spacing:-.05em;margin:16px 0 22px}
.contact-hub-copy p{max-width:580px;color:#929299;font-size:16px;line-height:1.95;margin:0}
.contact-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}
.contact-options{display:grid;gap:10px}
.contact-option{position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;min-height:102px;padding:16px 18px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.014));transition:transform .35s var(--ease),border-color .35s,background .35s,box-shadow .35s;overflow:hidden}
.contact-option::before{content:"";position:absolute;inset:0;background:radial-gradient(330px circle at 15% 50%,rgba(242,21,37,.12),transparent 60%);opacity:0;transition:opacity .35s}
.contact-option:hover{transform:translateX(-5px);border-color:rgba(255,75,85,.28);background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.018));box-shadow:0 24px 70px rgba(0,0,0,.22)}
.contact-option:hover::before{opacity:1}
.contact-option>*{position:relative;z-index:1}
.contact-option-icon{width:50px;height:50px;border-radius:16px;display:grid;place-items:center;background:rgba(242,21,37,.08);border:1px solid rgba(255,75,85,.18);color:#ff7079;font:600 10px/1 "IBM Plex Mono",monospace}
.contact-option div{display:grid;gap:5px}.contact-option b{font-size:16px}.contact-option small{color:#77777f;font-size:11px;line-height:1.7}.contact-option>i{font-style:normal;color:#6d6d74;font-size:20px;transition:transform .3s var(--ease),color .3s}.contact-option:hover>i{transform:translate(-3px,-3px);color:#fff}
.site-footer{border-top:1px solid var(--line);padding:34px 0 48px;background:#050506}
.footer-grid{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:36px}
.footer-links{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.footer-links a{padding:9px 11px;border-radius:10px;color:#727279;font-size:11px;transition:.25s}.footer-links a:hover{color:#fff;background:rgba(255,255,255,.035)}
.footer-meta{justify-content:flex-end}
@keyframes contactOrbit{from{transform:rotate(0deg) scaleX(1)}50%{transform:rotate(180deg) scaleX(.92)}to{transform:rotate(360deg) scaleX(1)}}
@keyframes contactPulse{0%,100%{transform:scale(.82);opacity:.52}50%{transform:scale(1.18);opacity:1}}
@media(max-width:900px){.contact-hub{padding:105px 0 90px}.contact-hub-grid{grid-template-columns:1fr;gap:48px}.contact-orbit{left:-320px;opacity:.48}.footer-grid{grid-template-columns:1fr;gap:20px}.footer-links{justify-content:flex-start}.footer-meta{justify-content:flex-start}}
@media(max-width:620px){.contact-hub{padding:86px 0 72px}.contact-hub-copy h2{font-size:46px}.contact-hub-copy p{font-size:14px}.contact-actions{display:grid;grid-template-columns:1fr}.contact-actions .button{width:100%}.contact-option{min-height:94px;padding:13px;border-radius:19px;gap:12px}.contact-option-icon{width:44px;height:44px;border-radius:14px}.contact-option b{font-size:14px}.contact-option small{font-size:10px}.contact-orbit{width:660px;left:-430px}.footer-links{display:grid;grid-template-columns:repeat(3,auto);justify-content:start}.footer-meta{display:grid;gap:7px}.scroll-progress{height:2px}}
@media(prefers-reduced-motion:reduce){.contact-orbit::before,.contact-orbit::after,.contact-orbit i{animation:none!important}.scroll-progress span{transition:none!important}}


/* PHASE 05 - FINAL CENTER FOCUS FIX */
.projects-track{scroll-snap-stop:always}
.project-card.is-active{
  --center-power:1!important;
  --deck-opacity:1!important;
  --deck-sat:1.12!important;
  --deck-bright:1.08!important;
  --deck-scale:1.01!important;
  --deck-y:-6px!important;
  z-index:8;
}
.project-card.is-active::before{
  opacity:1!important;
  background:radial-gradient(64% 58% at 50% 50%,rgba(var(--accent-rgb),.62),rgba(var(--accent-rgb),.24) 42%,transparent 76%);
  filter:blur(34px);
  transform:scale(1.04);
}
.project-card.is-active .project-card-inner{
  border-color:rgba(var(--accent-rgb),.78)!important;
  background:
    radial-gradient(92% 68% at 50% 5%,rgba(var(--accent-rgb),.34),transparent 60%),
    radial-gradient(78% 66% at 50% 100%,rgba(var(--accent-rgb),.20),transparent 72%),
    linear-gradient(155deg,rgba(var(--accent-rgb),.16),rgba(15,15,19,.96) 52%,rgba(5,5,7,.99));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.20),
    inset 0 0 120px rgba(var(--accent-rgb),.11),
    0 58px 140px rgba(0,0,0,.56),
    0 0 105px rgba(var(--accent-rgb),.34),
    0 0 0 1px rgba(var(--accent-rgb),.15)!important;
}
.project-card.is-active .project-card-inner::before{
  opacity:1!important;
  background:radial-gradient(620px circle at 50% 34%,rgba(255,255,255,.16),rgba(var(--accent-rgb),.34) 22%,transparent 58%)!important;
}
.project-card.is-active .project-card-inner::after{
  right:50%!important;
  bottom:-155px!important;
  transform:translateX(50%)!important;
  width:520px!important;
  height:430px!important;
  opacity:.82!important;
  background:radial-gradient(circle,rgba(var(--accent-rgb),.52),rgba(var(--accent-rgb),.16) 46%,transparent 74%)!important;
}
.project-card:not(.is-active) .project-card-inner::before{opacity:.07!important}
.project-card:not(.is-active) .project-card-inner::after{opacity:.14!important}
.project-card:not(.is-active){filter:saturate(.70) brightness(.72)!important}
.project-card.is-active .project-visual{
  border-color:rgba(var(--accent-rgb),.42)!important;
  box-shadow:inset 0 0 92px rgba(var(--accent-rgb),.12),0 0 58px rgba(var(--accent-rgb),.15)!important;
}
@media(max-width:620px){
  .project-card.is-active{--deck-scale:1!important;--deck-y:-3px!important}
}


/* ==========================================================
   PHASE 06A / MOBILE + ENTRY FOUNDATION REBUILD
   - deterministic top entry
   - phone viewport containment
   - mobile-visible hero motion
   - section width hardening
   ========================================================== */
html,body{width:100%;max-width:100%;overflow-x:hidden}
body{position:relative}
main,.engineering-lab,.automation-zone,.proof-section,.contact-hub,.site-footer{max-width:100%;min-width:0}
.shell,.hero-copy,.hero-console,.projects-head,.projects-controls,.engineering-head,.blueprint-grid,.automation-head,.automation-grid,.proof-grid,.contact-hub-grid,.footer-grid{min-width:0}
.hero-stage{contain:paint}
.hero-comet{position:absolute;z-index:2;height:2px;width:260px;border-radius:999px;opacity:.62;filter:drop-shadow(0 0 12px rgba(255,55,68,.72));background:linear-gradient(90deg,transparent,rgba(255,95,105,.22),#fff 72%,#ff3b49 82%,transparent);will-change:transform,opacity;pointer-events:none}
.comet-a{top:210px;left:12%;transform:rotate(-13deg);animation:heroCometA 4.6s cubic-bezier(.45,0,.2,1) infinite}
.comet-b{top:350px;right:8%;width:210px;opacity:.42;transform:rotate(-13deg);animation:heroCometB 5.4s cubic-bezier(.45,0,.2,1) infinite .9s}
.hero-sparks i{position:absolute;z-index:3;width:7px;height:7px;border-radius:50%;background:#ff4b55;box-shadow:0 0 20px rgba(255,65,78,.82),0 0 45px rgba(242,21,37,.30);animation:heroSpark 3.5s ease-in-out infinite;will-change:transform,opacity}
.hero-sparks i:nth-child(1){top:155px;left:24%;animation-delay:.2s}.hero-sparks i:nth-child(2){top:282px;right:24%;animation-delay:1.1s}.hero-sparks i:nth-child(3){top:390px;left:38%;animation-delay:1.9s}.hero-sparks i:nth-child(4){top:118px;right:38%;animation-delay:2.6s}
@keyframes heroCometA{0%{transform:translateX(-150%) rotate(-13deg);opacity:0}18%{opacity:.72}72%{opacity:.66}100%{transform:translateX(330%) rotate(-13deg);opacity:0}}
@keyframes heroCometB{0%{transform:translateX(160%) rotate(-13deg);opacity:0}18%{opacity:.52}78%{opacity:.48}100%{transform:translateX(-360%) rotate(-13deg);opacity:0}}
@keyframes heroSpark{0%,100%{transform:translate3d(0,0,0) scale(.65);opacity:.22}40%{transform:translate3d(22px,-16px,0) scale(1.2);opacity:1}70%{transform:translate3d(-10px,10px,0) scale(.82);opacity:.52}}

@media(max-width:760px){
  :root{--shell:calc(100% - 24px)}
  html,body{overflow-x:clip}
  body{min-width:0}
  .shell{width:calc(100% - 24px)!important;max-width:calc(100% - 24px)!important;margin-inline:auto!important}
  .floating-header{width:calc(100% - 20px)!important;max-width:calc(100% - 20px);left:50%;right:auto}
  .mobile-menu{width:100%;max-width:100%;overflow-x:hidden}
  .hero{width:calc(100% - 24px)!important;max-width:calc(100% - 24px);min-height:auto;padding-top:128px;padding-bottom:64px;margin-inline:auto;overflow:visible}
  .hero-stage{inset:18px -18vw auto -18vw!important;height:690px;overflow:hidden;border-radius:0}
  .hero-red-glow{width:125vw!important;max-width:none;height:520px;top:35px;filter:blur(48px);animation-duration:5.4s}
  .ribbon{width:118vw!important;max-width:none;height:108px!important;border-radius:30px}
  .ribbon-1{top:64px!important;animation-duration:6.5s}.ribbon-2{top:178px!important;opacity:.58!important;animation-duration:7.6s}.ribbon-3{top:292px!important;opacity:.34!important;animation-duration:8.4s}
  .ring-a{width:120vw!important;height:190px!important;top:132px!important;opacity:.75}.ring-b{width:150vw!important;height:245px!important;top:98px!important;opacity:.48}
  .hero-copy{width:100%;max-width:100%;padding:16px 4px 18px}
  .hero-copy::before{inset:62px -2px auto!important;height:286px!important;background:linear-gradient(180deg,rgba(8,8,10,.62),rgba(8,8,10,.31) 70%,rgba(8,8,10,.08));backdrop-filter:blur(5px)}
  .hero-copy::after{inset:110px 8% auto!important;height:165px!important}
  .hero h1{max-width:100%;font-size:clamp(38px,10.4vw,52px)!important;line-height:1.10!important;letter-spacing:-.035em!important;margin:20px auto 16px!important;text-wrap:balance}
  .hero-line:first-child{margin-bottom:4px!important}
  .hero-copy>p{max-width:95%;font-size:13.5px!important;line-height:1.9!important;color:#c6c6cb}
  .hero-actions{width:100%;grid-template-columns:1fr 1fr;gap:9px;margin-top:24px}
  .hero-actions .button{min-width:0;width:100%;padding-inline:10px;white-space:nowrap}
  .hero-trust{width:100%;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;margin-top:19px}
  .hero-trust span{min-width:0;white-space:normal;text-align:center}
  .hero-flow{height:86px;margin-top:18px;overflow:hidden}
  .flow-track{left:7%;right:7%}.flow-runner{animation-duration:2.65s;width:84px}
  .flow-node{font-size:8px}.flow-node i{width:8px;height:8px;box-shadow:0 0 18px rgba(255,63,75,.52)}
  .hero-console{width:100%!important;max-width:100%;margin-top:42px!important;animation:mobileConsoleFloat 4.2s ease-in-out infinite}
  .console-grid,.console-main,.console-side{min-width:0;max-width:100%}
  .metric-row{grid-template-columns:repeat(2,minmax(0,1fr))}
  .metric-card{min-width:0}.metric-card strong{font-size:32px!important}
  .activity-item>div{min-width:0}.activity-item strong,.activity-item small{white-space:normal}
  .engineering-lab,.automation-zone,.proof-section,.contact-hub{overflow:hidden}
  .engineering-head,.automation-head,.proof-grid,.contact-hub-grid,.footer-grid{width:calc(100% - 24px)!important;max-width:calc(100% - 24px)!important;margin-inline:auto!important}
  .engineering-head h2,.automation-head h2,.proof-copy h2,.contact-hub-copy h2{font-size:clamp(36px,9.8vw,48px)!important;line-height:1.12!important;max-width:100%}
  .engineering-head p,.automation-head p,.proof-copy p,.contact-hub-copy p{max-width:100%;font-size:13.5px;line-height:1.9}
  .blueprint-grid{width:calc(100% - 24px)!important;max-width:calc(100% - 24px)!important;margin:38px auto 0!important;grid-template-columns:minmax(0,1fr)!important;gap:14px}
  .blueprint-card,.blueprint-card:last-child{grid-column:auto!important;width:100%!important;max-width:100%!important;min-width:0!important;min-height:520px!important;margin:0!important;transform:none}
  .blueprint-stage{width:100%;max-width:100%;height:300px!important}
  .blueprint-copy{width:100%;max-width:100%}
  .automation-grid{width:calc(100% - 24px)!important;max-width:calc(100% - 24px)!important;margin:36px auto 0!important;grid-template-columns:minmax(0,1fr)!important}
  .automation-card{width:100%;max-width:100%;min-width:0}
  .automation-workbench{grid-template-columns:minmax(0,1fr)!important;min-width:0}
  .proof-metrics{grid-template-columns:minmax(0,1fr)!important}
  .contact-hub-grid{grid-template-columns:minmax(0,1fr)!important}
  .contact-options{min-width:0}.contact-option{grid-template-columns:auto minmax(0,1fr) auto;min-width:0}
  .footer-links{max-width:100%}
  .device-desktop{width:min(52vw,185px)!important;height:128px!important;transform:translate(-13px,-8px) rotateX(6deg) rotateY(-5deg)!important}
  .device-screen{height:110px!important}.device-phone{right:9%!important;bottom:44px!important;width:64px!important;height:130px!important}
  .platform-orbit.orbit-one{width:min(82vw,300px)!important}.platform-orbit.orbit-two{width:min(68vw,245px)!important}
  .data-end{min-width:82px!important;max-width:105px}.data-line{max-width:62vw}
  .security-ring.ring-outer{width:min(68vw,255px)!important;height:min(68vw,255px)!important}.security-ring.ring-inner{width:min(46vw,172px)!important;height:min(46vw,172px)!important}
}

@media(max-width:420px){
  .floating-header{height:70px!important;border-radius:21px}.floating-header.scrolled{height:64px!important}
  .brand-mark{width:44px!important;height:44px!important}.brand-mark img{width:33px!important;height:33px!important}.brand-copy strong{font-size:17px!important}
  .menu-button{width:44px!important;height:44px!important}
  .hero{padding-top:116px}
  .hero-stage{height:650px;inset-inline:-14vw!important}
  .eyebrow{font-size:7px!important;letter-spacing:.075em;padding:8px 9px}
  .hero h1{font-size:clamp(36px,10.3vw,46px)!important}
  .hero-copy>p{font-size:13px!important;max-width:98%}
  .hero-actions{grid-template-columns:1fr 1fr}.button{font-size:11px;min-height:48px!important}
  .hero-trust span{font-size:8px!important;padding:5px 4px!important}
  .console-topbar .mono{max-width:135px!important}
  .console-main{padding:16px 11px!important}.console-side{padding-inline:11px!important}
  .metric-card{padding:12px!important;min-height:116px!important}.metric-card strong{font-size:29px!important}
  .activity-item{padding:10px!important}.activity-item strong{font-size:9.5px!important}
  .blueprint-card,.blueprint-card:last-child{min-height:500px!important}.blueprint-stage{height:285px!important}
  .blueprint-meta{padding-inline:13px;font-size:8px}.blueprint-copy{padding:18px!important}.blueprint-copy h3{font-size:19px!important}.blueprint-copy p{font-size:11.5px!important}
  .contact-hub-copy h2{font-size:39px!important}
}

@keyframes mobileConsoleFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}

@media(prefers-reduced-motion:reduce){.hero-comet,.hero-sparks i{animation:none!important;opacity:.35}.hero-console{animation:none!important}}


/* =========================================================
   PHASE 06B — CAROUSEL REBUILD / NATIVE MOMENTUM + CENTER SNAP
   The legacy deck remains in source history, but these rules own the live carousel.
   ========================================================= */
.phase06b .projects-showcase{overflow:hidden}
.phase06b .projects-head{z-index:5}
.phase06b .carousel-discovery{margin-top:18px;display:inline-flex;align-items:center;gap:12px;color:#8d8d96;font-size:11px;line-height:1.5;transition:opacity .45s var(--ease),transform .45s var(--ease)}
.phase06b .carousel-discovery b{color:#f2f2f4;font-weight:800}
.phase06b .carousel-discovery.is-dismissed{opacity:.34;transform:translateY(2px)}
.phase06b .swipe-arrow{display:grid;place-items:center;width:28px;height:28px;border-radius:999px;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.025);color:#efeff2;font:400 20px/1 system-ui;animation:swipeCue 1.35s ease-in-out infinite}
.phase06b .swipe-arrow-left{animation-delay:.18s}
.phase06b .projects-viewport{--card-w:min(72vw,575px);--card-gap:22px;width:100vw;margin-inline:calc(50% - 50vw);margin-top:40px;overflow:hidden;padding-block:34px 42px;isolation:isolate}
.phase06b .projects-viewport::before,.phase06b .projects-viewport::after{width:clamp(24px,6vw,96px);opacity:.70;z-index:6}
.phase06b .projects-track{position:relative;display:flex;direction:ltr;gap:var(--card-gap);width:100%;overflow-x:auto;overflow-y:hidden;padding-block:20px 34px;padding-inline:calc((100vw - var(--card-w))/2);scroll-padding-inline:calc((100vw - var(--card-w))/2);scroll-snap-type:x mandatory;scroll-behavior:smooth;overscroll-behavior-x:contain;overscroll-behavior-y:auto;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y;scrollbar-width:none;cursor:grab;transform:translateZ(0);contain:layout style paint}
.phase06b .projects-track::-webkit-scrollbar{display:none}
.phase06b .projects-track.is-dragging{cursor:grabbing;scroll-snap-type:none;scroll-behavior:auto;user-select:none}
.phase06b .project-card{--focus:0;--focus-soft:0;direction:rtl;flex:0 0 var(--card-w);width:var(--card-w);height:704px;scroll-snap-align:center;scroll-snap-stop:always;opacity:calc(.56 + var(--focus) * .44);transform:translate3d(0,calc((1 - var(--focus)) * 12px),0) scale(calc(.955 + var(--focus) * .045));filter:none!important;transition:opacity .16s linear,transform .16s linear;will-change:transform,opacity;perspective:none!important}
.phase06b .project-card::before{inset:-20px;border-radius:44px;background:radial-gradient(54% 48% at 50% 50%,rgba(var(--accent-rgb),calc(.12 + var(--focus) * .42)),rgba(var(--accent-rgb),calc(.03 + var(--focus) * .12)) 48%,transparent 74%);filter:blur(26px);opacity:1;transform:none;transition:none}
.phase06b .project-card.is-active{z-index:4;opacity:1;transform:translate3d(0,-4px,0) scale(1)}
.phase06b .project-card-inner{transform:none!important;transition:border-color .24s ease,box-shadow .24s ease,background .24s ease;backface-visibility:hidden}
.phase06b .project-card-inner::before{background:radial-gradient(520px circle at var(--px,50%) var(--py,22%),rgba(255,255,255,calc(.035 + var(--focus) * .12)),rgba(var(--accent-rgb),calc(.05 + var(--focus) * .24)) 24%,transparent 54%);opacity:1;transition:none}
.phase06b .project-card-inner::after{opacity:calc(.18 + var(--focus) * .70);transition:none}
.phase06b .project-card:not(.is-active) .project-card-inner{border-color:rgba(255,255,255,calc(.08 + var(--focus) * .12));box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 28px 70px rgba(0,0,0,.38),0 0 48px rgba(var(--accent-rgb),calc(.03 + var(--focus) * .07))}
.phase06b .project-card.is-active .project-card-inner{border-color:rgba(var(--accent-rgb),.72);box-shadow:inset 0 1px 0 rgba(255,255,255,.20),0 48px 118px rgba(0,0,0,.48),0 0 104px rgba(var(--accent-rgb),.27),0 0 0 1px rgba(var(--accent-rgb),.12)}
.phase06b .project-card:hover:not(.is-active) .project-card-inner{border-color:rgba(255,255,255,.16);box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 30px 80px rgba(0,0,0,.42),0 0 42px rgba(var(--accent-rgb),.08)}
.phase06b .edge-cue{position:absolute;z-index:10;top:50%;translate:0 -50%;width:48px;height:74px;border:1px solid rgba(255,255,255,.10);border-radius:18px;background:rgba(8,8,10,.72);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);color:#f4f4f5;font-size:26px;cursor:pointer;opacity:.76;transition:opacity .25s,transform .25s var(--ease),background .25s}
.phase06b .edge-cue:hover{opacity:1;background:rgba(18,18,21,.92)}
.phase06b .edge-cue:disabled{opacity:.14;pointer-events:none}
.phase06b .edge-cue-prev{right:18px}.phase06b .edge-cue-next{left:18px}
.phase06b .projects-controls{grid-template-columns:1fr auto auto;align-items:center;gap:18px}
.phase06b .carousel-progress{display:flex;align-items:center;justify-content:center;gap:7px;min-width:120px}
.phase06b .carousel-dot{appearance:none;border:0;padding:0;width:7px;height:7px;border-radius:999px;background:#3a3a40;cursor:pointer;transition:width .36s var(--ease),background .28s,box-shadow .28s,transform .28s}
.phase06b .carousel-dot:hover{transform:scale(1.18);background:#777780}
.phase06b .carousel-dot.is-active{width:28px;background:var(--dot-accent,var(--red2));box-shadow:0 0 18px rgba(var(--dot-rgb,255,49,87),.34)}
.phase06b .project-card.filter-hide{display:none!important}
.phase06b .project-card.filter-enter{animation:phase06bEnter .36s var(--ease) both}
.phase06b .project-card.filter-exit{animation:none}
@keyframes swipeCue{0%,100%{transform:translateX(0);opacity:.44}50%{transform:translateX(4px);opacity:1}}
@keyframes phase06bEnter{from{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:.56;transform:translateY(12px) scale(.955)}}
@media(max-width:900px){
  .phase06b .projects-viewport{--card-w:76vw;--card-gap:18px;margin-top:34px}
  .phase06b .projects-track{padding-inline:calc((100vw - var(--card-w))/2);scroll-padding-inline:calc((100vw - var(--card-w))/2)}
  .phase06b .edge-cue{width:42px;height:62px;border-radius:16px;font-size:23px}.phase06b .edge-cue-prev{right:8px}.phase06b .edge-cue-next{left:8px}
}
@media(max-width:620px){
  .phase06b .carousel-discovery{width:100%;justify-content:center;text-align:center;margin-top:14px;font-size:10px;gap:9px}.phase06b .swipe-arrow{width:25px;height:25px;font-size:18px}
  .phase06b .projects-viewport{--card-w:74vw;--card-gap:14px;margin-top:24px;padding-block:22px 30px}
  .phase06b .projects-viewport::before,.phase06b .projects-viewport::after{width:18px;opacity:.32}
  .phase06b .projects-track{padding-inline:calc((100vw - var(--card-w))/2);scroll-padding-inline:calc((100vw - var(--card-w))/2);padding-block:14px 24px}
  .phase06b .project-card{height:610px;opacity:calc(.60 + var(--focus) * .40);transform:translate3d(0,calc((1 - var(--focus)) * 8px),0) scale(calc(.965 + var(--focus) * .035));transition:opacity .10s linear,transform .10s linear}
  .phase06b .project-card.is-active{transform:translate3d(0,-2px,0) scale(1)}
  .phase06b .project-card::before{inset:-12px;filter:blur(18px)}
  .phase06b .edge-cue{display:none}
  .phase06b .projects-controls{display:grid;grid-template-columns:1fr auto;gap:12px}.phase06b .browse-projects{grid-column:1/-1}.phase06b .carousel-progress{justify-content:flex-start;min-width:0}.phase06b .carousel-status{justify-self:end}
  .phase06b .carousel-dot{width:6px;height:6px}.phase06b .carousel-dot.is-active{width:22px}
}
@media(prefers-reduced-motion:reduce){.phase06b .swipe-arrow{animation:none}.phase06b .project-card{transition:none}}


/* =========================================================
   PHASE 06C — Expanded solution catalog
   ========================================================= */
.phase06c .project-tabs{max-width:min(100%,980px)}
.phase06c .project-tab{white-space:nowrap}
.phase06c .carousel-progress{max-width:min(44vw,340px);overflow-x:auto;scrollbar-width:none;padding:5px 2px}
.phase06c .carousel-progress::-webkit-scrollbar{display:none}
.phase06c .project-card-generic .project-visual{padding:18px;background:radial-gradient(100% 72% at 50% 0%,rgba(var(--accent-rgb),.18),transparent 64%),linear-gradient(180deg,rgba(255,255,255,.025),rgba(2,3,5,.82))}
.phase06c .solution-ui{display:grid;grid-template-rows:auto auto 94px 1fr;gap:14px}
.phase06c .solution-top{display:flex;align-items:center;justify-content:space-between;color:#797983;font-size:8px;letter-spacing:.08em;border-bottom:1px solid rgba(255,255,255,.07);padding-bottom:11px}.phase06c .solution-top b{font:600 8px/1 "IBM Plex Mono",monospace;color:var(--accent);padding:6px 8px;border-radius:999px;border:1px solid rgba(var(--accent-rgb),.24);background:rgba(var(--accent-rgb),.07)}
.phase06c .solution-hero-metric{display:grid;grid-template-columns:1fr auto;align-items:end;gap:4px 18px;padding:8px 2px}.phase06c .solution-hero-metric small{color:#83838b;font-size:10px}.phase06c .solution-hero-metric strong{grid-row:1/3;grid-column:2;font:700 clamp(34px,4.2vw,52px)/1 "IBM Plex Mono",monospace;letter-spacing:-.06em;color:#f4f4f6;text-shadow:0 0 28px rgba(var(--accent-rgb),.16)}.phase06c .solution-hero-metric em{font-style:normal;color:rgba(var(--accent-rgb),.88);font-size:9px}
.phase06c .solution-bars{height:94px;display:flex;align-items:end;gap:8px;padding:12px;border:1px solid rgba(255,255,255,.065);border-radius:17px;background:rgba(255,255,255,.018)}.phase06c .solution-bars i{flex:1;border-radius:5px 5px 2px 2px;background:linear-gradient(180deg,rgba(var(--accent-rgb),.92),rgba(var(--accent-rgb),.16));box-shadow:0 0 16px rgba(var(--accent-rgb),.10);transform-origin:bottom;animation:solutionBars 2.7s ease-in-out infinite alternate}.phase06c .solution-bars i:nth-child(2){animation-delay:.16s}.phase06c .solution-bars i:nth-child(3){animation-delay:.31s}.phase06c .solution-bars i:nth-child(4){animation-delay:.08s}.phase06c .solution-bars i:nth-child(5){animation-delay:.43s}.phase06c .solution-bars i:nth-child(6){animation-delay:.24s}.phase06c .solution-bars i:nth-child(7){animation-delay:.52s}
.phase06c .solution-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.phase06c .solution-grid span{min-height:66px;padding:12px;border:1px solid rgba(255,255,255,.07);border-radius:15px;background:rgba(255,255,255,.018);display:flex;flex-direction:column;justify-content:space-between}.phase06c .solution-grid b{font-size:11px}.phase06c .solution-grid i{font:500 7px/1 "IBM Plex Mono",monospace;color:rgba(var(--accent-rgb),.86);font-style:normal}
.phase06c .project-card.is-active .solution-top b{box-shadow:0 0 18px rgba(var(--accent-rgb),.22)}
@keyframes solutionBars{from{transform:scaleY(.78);opacity:.72}to{transform:scaleY(1);opacity:1}}
@media(max-width:620px){.phase06c .project-tabs{overflow-x:auto}.phase06c .carousel-progress{max-width:48vw}.phase06c .project-card-generic .project-visual{padding:13px}.phase06c .solution-ui{grid-template-rows:auto auto 76px 1fr;gap:10px}.phase06c .solution-hero-metric strong{font-size:32px}.phase06c .solution-bars{height:76px;padding:9px;gap:6px}.phase06c .solution-grid span{min-height:57px;padding:10px}.phase06c .solution-grid b{font-size:10px}}
@media(prefers-reduced-motion:reduce){.phase06c .solution-bars i{animation:none!important}}


/* =========================================================
   PHASE 06C2 v1.7.1 — RICH PROJECT CARD SYSTEM
   Every project receives a distinct two-color identity and a
   domain-specific micro product UI. No repeated generic demo.
   ========================================================= */
.phase06c2 .project-card{height:760px}
.phase06c2 .project-card-inner{
  background:
    radial-gradient(120% 88% at 86% -4%,rgba(var(--accent-rgb),.23),transparent 48%),
    radial-gradient(90% 75% at 4% 105%,rgba(var(--accent2-rgb),.14),transparent 58%),
    linear-gradient(165deg,rgba(255,255,255,.038),rgba(5,6,9,.95) 58%,var(--card-deep));
}
.phase06c2 .project-card.is-active .project-card-inner{
  background:
    radial-gradient(120% 90% at 86% -5%,rgba(var(--accent-rgb),.36),transparent 49%),
    radial-gradient(95% 78% at 4% 105%,rgba(var(--accent2-rgb),.23),transparent 58%),
    linear-gradient(165deg,rgba(255,255,255,.055),rgba(6,7,10,.94) 56%,var(--card-deep));
  border-color:rgba(var(--accent-rgb),.64);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 42px 110px rgba(0,0,0,.48),0 0 86px rgba(var(--accent-rgb),.18),0 0 52px rgba(var(--accent2-rgb),.09)
}
.phase06c2 .project-icon{background:linear-gradient(145deg,rgba(var(--accent-rgb),.20),rgba(var(--accent2-rgb),.10));border-color:rgba(var(--accent-rgb),.40);box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 0 32px rgba(var(--accent-rgb),.13)}
.phase06c2 .project-highlights{display:flex;gap:7px;flex-wrap:wrap;margin:13px 0 2px}
.phase06c2 .project-highlights span{padding:7px 10px;border-radius:999px;border:1px solid rgba(var(--accent-rgb),.18);background:linear-gradient(180deg,rgba(var(--accent-rgb),.09),rgba(var(--accent2-rgb),.035));color:#c6c6cc;font-size:9px;font-weight:700;white-space:nowrap}
.phase06c2 .project-description{min-height:auto;margin-bottom:0;color:#b4b4ba}
.phase06c2 .project-divider{margin-top:15px}
.phase06c2 .project-visual{height:382px;margin-top:14px;position:relative;overflow:hidden;background:linear-gradient(180deg,rgba(4,5,8,.46),rgba(3,4,6,.83));border-color:rgba(var(--accent-rgb),.16)}
.phase06c2 .project-visual::after{content:"";position:absolute;inset:auto -10% -42% 25%;height:62%;background:radial-gradient(circle,rgba(var(--accent2-rgb),.15),transparent 65%);pointer-events:none;filter:blur(22px)}
.phase06c2 .project-card-foot{margin-top:13px}
.phase06c2 .project-card-foot span{border-color:rgba(var(--accent-rgb),.16);background:rgba(var(--accent-rgb),.035)}
.phase06c2 .app-surface{padding:18px;border-radius:22px}
.phase06c2 .app-toolbar{height:36px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.07);color:#858590;font-size:8px;margin:-2px 0 14px}
.phase06c2 .app-toolbar b{font:700 8px/1 "IBM Plex Mono",monospace;letter-spacing:.09em;color:rgb(var(--accent-rgb));padding:6px 8px;border:1px solid rgba(var(--accent-rgb),.24);border-radius:8px;background:rgba(var(--accent-rgb),.06)}
.phase06c2 .app-surface small{color:#777781;font-size:9px}.phase06c2 .app-surface strong{color:#f3f3f5}.phase06c2 .app-surface em{font-style:normal}
/* finance: installment ledger */
.phase06c2 .ledger-summary{display:flex;justify-content:space-between;align-items:end;padding:4px 2px 12px}.phase06c2 .ledger-summary div{display:grid;gap:4px}.phase06c2 .ledger-summary strong{font:700 27px/1.15 "IBM Plex Mono",monospace}.phase06c2 .ledger-summary strong em{font:500 9px Cairo}.phase06c2 .trend{padding:7px 9px;border-radius:9px;background:rgba(var(--accent2-rgb),.08);color:rgb(var(--accent2-rgb));font-size:9px}.phase06c2 .ledger-progress{height:6px;border-radius:9px;background:#15161a;overflow:hidden}.phase06c2 .ledger-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--accent2));box-shadow:0 0 20px rgba(var(--accent-rgb),.28)}.phase06c2 .ledger-rows{display:grid;gap:8px;margin-top:16px}.phase06c2 .ledger-rows span{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:9px;padding:10px 11px;border-radius:12px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.06);font-size:9px}.phase06c2 .ledger-rows em{font-family:"IBM Plex Mono",monospace;color:#c9c9ce}.phase06c2 .ledger-rows i{font-style:normal;padding:5px 7px;border-radius:7px;font-size:8px}.phase06c2 .ledger-rows i.done{color:#5ee19b;background:rgba(54,227,154,.08)}.phase06c2 .ledger-rows i.due{color:rgb(var(--accent-rgb));background:rgba(var(--accent-rgb),.08)}.phase06c2 .mini-note{margin-top:11px;padding:10px 11px;border-radius:12px;border:1px dashed rgba(var(--accent2-rgb),.2);display:flex;justify-content:space-between;gap:10px;font-size:8px;color:#777}.phase06c2 .mini-note b{color:#c8c8ce}
/* school accounting */
.phase06c2 .account-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.phase06c2 .account-kpis span{padding:10px;border-radius:12px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.06);display:grid;gap:4px}.phase06c2 .account-kpis strong{font:700 15px/1 "IBM Plex Mono",monospace}.phase06c2 .account-chart{height:90px;display:flex;gap:6px;align-items:end;padding:12px 4px 4px}.phase06c2 .account-chart i{flex:1;border-radius:4px 4px 2px 2px;background:linear-gradient(180deg,var(--accent),rgba(var(--accent2-rgb),.20));box-shadow:0 0 14px rgba(var(--accent-rgb),.10)}.phase06c2 .account-feed{display:grid;gap:7px}.phase06c2 .account-feed span{display:grid;grid-template-columns:1fr auto;gap:6px;padding:8px 10px;border-radius:10px;background:rgba(255,255,255,.02);font-size:9px}.phase06c2 .account-feed em{font-family:"IBM Plex Mono",monospace;color:#59db93}.phase06c2 .account-feed em.minus{color:#ff7183}
/* sales */
.phase06c2 .sales-top{display:grid;grid-template-columns:1fr 86px;align-items:center}.phase06c2 .sales-top div:first-child{display:grid;gap:6px}.phase06c2 .sales-top strong{font:700 25px/1 "IBM Plex Mono",monospace}.phase06c2 .sales-donut{width:76px;height:76px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--accent) 0 82%,rgba(255,255,255,.07) 82%);position:relative}.phase06c2 .sales-donut::before{content:"";position:absolute;inset:8px;background:#0a0c10;border-radius:50%}.phase06c2 .sales-donut span{z-index:1;font:700 14px "IBM Plex Mono",monospace}.phase06c2 .sales-pipeline{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:16px}.phase06c2 .sales-pipeline span{display:grid;gap:5px;padding:9px;border-radius:11px;background:rgba(255,255,255,.025);font-size:8px}.phase06c2 .sales-pipeline i{height:3px;background:linear-gradient(90deg,var(--accent),var(--accent2));border-radius:4px}.phase06c2 .sales-pipeline em{font:700 14px "IBM Plex Mono",monospace}.phase06c2 .sales-receipt{margin-top:10px;display:grid;grid-template-columns:auto 1fr auto;gap:9px;padding:10px;border:1px solid rgba(var(--accent-rgb),.16);border-radius:11px;align-items:center;font-size:8px}.phase06c2 .sales-receipt em{color:#62dfa0}
/* approvals */
.phase06c2 .approval-card{display:flex;justify-content:space-between;gap:10px;padding:13px;border-radius:14px;background:linear-gradient(135deg,rgba(var(--accent-rgb),.11),rgba(var(--accent2-rgb),.04));border:1px solid rgba(var(--accent-rgb),.19)}.phase06c2 .approval-card div{display:grid;gap:5px}.phase06c2 .approval-card strong{font:700 18px "IBM Plex Mono",monospace}.phase06c2 .approval-badge{align-self:start;padding:6px 8px;border-radius:8px;background:rgba(var(--accent-rgb),.08);font-size:8px;color:rgb(var(--accent-rgb))}.phase06c2 .approval-flow{display:flex;align-items:center;justify-content:center;gap:7px;padding:17px 4px}.phase06c2 .approval-flow span{padding:7px 9px;border:1px solid rgba(255,255,255,.08);border-radius:9px;color:#777;font-size:8px}.phase06c2 .approval-flow span.ok{color:#5ee19b}.phase06c2 .approval-flow span.active{border-color:rgba(var(--accent-rgb),.35);color:#fff;box-shadow:0 0 20px rgba(var(--accent-rgb),.12)}.phase06c2 .approval-flow i{width:18px;height:1px;background:#333}.phase06c2 .approval-list{display:grid;gap:6px}.phase06c2 .approval-list span{display:grid;grid-template-columns:1fr auto auto;gap:8px;padding:8px 10px;background:rgba(255,255,255,.02);border-radius:9px;font-size:8px}.phase06c2 .approval-list i{font-style:normal;color:#aaa}
/* cash flow */
.phase06c2 .cash-head{display:flex;justify-content:space-between;align-items:end}.phase06c2 .cash-head span{display:grid;gap:4px}.phase06c2 .cash-head strong{font:700 25px "IBM Plex Mono",monospace}.phase06c2 .cash-head em{color:#67df9f;font-size:9px}.phase06c2 .cash-chart{height:125px;margin:12px -3px 4px}.phase06c2 .cash-chart svg{width:100%;height:100%;overflow:visible}.phase06c2 .cash-line{fill:none;stroke:var(--accent);stroke-width:2}.phase06c2 .cash-area{fill:rgba(var(--accent-rgb),.10)}.phase06c2 .cash-legend{display:flex;justify-content:space-between;gap:7px;font-size:8px;color:#8b8b93}.phase06c2 .cash-legend span{display:flex;align-items:center;gap:5px}.phase06c2 .cash-legend i{width:6px;height:6px;border-radius:50%;background:var(--accent)}.phase06c2 .cash-legend span:nth-child(2) i{background:var(--accent2)}.phase06c2 .cash-legend span:nth-child(3) i{background:#5f6570}
/* invoice */
.phase06c2 .visual-invoice{display:grid;grid-template-columns:1fr 95px;gap:12px}.phase06c2 .invoice-paper{border-radius:14px;background:#e9e9ea;color:#141418;padding:13px;box-shadow:0 20px 45px rgba(0,0,0,.24);transform:rotate(-1deg)}.phase06c2 .invoice-head,.phase06c2 .invoice-customer,.phase06c2 .invoice-items span,.phase06c2 .invoice-total{display:flex;justify-content:space-between;gap:8px}.phase06c2 .invoice-head{padding-bottom:10px;border-bottom:1px solid #c9c9cb}.phase06c2 .invoice-head b{color:#111}.phase06c2 .invoice-head span{font:600 8px "IBM Plex Mono",monospace}.phase06c2 .invoice-customer{display:grid;grid-template-columns:1fr auto;margin:12px 0;font-size:8px}.phase06c2 .invoice-customer strong{color:#111}.phase06c2 .invoice-customer em{grid-column:2;grid-row:1/3;color:#666}.phase06c2 .invoice-items{display:grid;gap:8px;padding:10px 0;border-block:1px dashed #c5c5c7}.phase06c2 .invoice-items span{font-size:8px}.phase06c2 .invoice-total{margin-top:12px}.phase06c2 .invoice-total strong{color:#111}.phase06c2 .invoice-side{display:grid;align-content:center;justify-items:center;gap:10px;color:#888;font:600 7px "IBM Plex Mono",monospace}.phase06c2 .qr-block{width:70px;height:70px;border-radius:10px;background:repeating-conic-gradient(#ddd 0 25%,#111 0 50%) 50%/14px 14px;border:7px solid #eee}
/* Kanban */
.phase06c2 .kanban{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;height:220px}.phase06c2 .kanban section{padding:8px;border-radius:12px;background:rgba(255,255,255,.022);border:1px solid rgba(255,255,255,.055);display:grid;align-content:start;gap:7px}.phase06c2 .kanban header{display:flex;justify-content:space-between;color:#8d8d95;font-size:8px}.phase06c2 .kanban header b{color:rgb(var(--accent-rgb))}.phase06c2 .kanban span{padding:8px;border-radius:9px;background:#111318;border:1px solid rgba(255,255,255,.06);font-size:8px;display:flex;align-items:center;gap:5px}.phase06c2 .kanban span i{width:5px;height:5px;border-radius:50%;background:var(--accent)}.phase06c2 .ops-footer{display:flex;gap:7px;margin-top:10px}.phase06c2 .ops-footer span{flex:1;padding:8px;text-align:center;border-radius:9px;background:rgba(var(--accent-rgb),.05);font-size:8px;color:#9c9ca4}
/* HR */
.phase06c2 .hr-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.phase06c2 .hr-summary span{padding:9px;border-radius:11px;background:rgba(255,255,255,.025);display:grid;gap:3px}.phase06c2 .hr-summary strong{font:700 17px "IBM Plex Mono",monospace}.phase06c2 .hr-list{display:grid;gap:7px;margin-top:12px}.phase06c2 .hr-list>span{display:grid;grid-template-columns:30px 1fr auto auto;align-items:center;gap:7px;padding:8px 9px;border-radius:10px;background:rgba(255,255,255,.02);font-size:8px}.phase06c2 .avatar{width:27px;height:27px;border-radius:9px;display:grid;place-items:center;background:linear-gradient(145deg,var(--accent),var(--accent2));color:#fff;font-style:normal}.phase06c2 .hr-list u{text-decoration:none;color:#5dde9a}.phase06c2 .hr-list u.leave{color:#f3c560}.phase06c2 .hr-calendar{display:flex;gap:5px;margin-top:12px}.phase06c2 .hr-calendar i{flex:1;height:25px;border-radius:6px;background:#15171b}.phase06c2 .hr-calendar i.on{background:linear-gradient(180deg,rgba(var(--accent-rgb),.8),rgba(var(--accent2-rgb),.35))}
/* archive */
.phase06c2 .archive-search{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center;padding:10px;border-radius:12px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.07);font-size:8px}.phase06c2 .archive-search span{font-size:18px;color:rgb(var(--accent-rgb))}.phase06c2 .archive-search em{color:#666}.phase06c2 .doc-stack{display:grid;gap:8px;margin-top:12px}.phase06c2 .doc-stack article{display:grid;grid-template-columns:35px 1fr auto;gap:8px;padding:9px;border-radius:11px;background:rgba(255,255,255,.022);border:1px solid rgba(255,255,255,.05);font-size:8px}.phase06c2 .doc-stack i{grid-row:1/3;width:31px;height:31px;border-radius:8px;display:grid;place-items:center;background:rgba(var(--accent-rgb),.1);color:rgb(var(--accent-rgb));font:700 7px "IBM Plex Mono",monospace}.phase06c2 .doc-stack span{color:#6f6f77}.phase06c2 .doc-stack em{grid-column:3;grid-row:1/3;align-self:center;color:#686870}.phase06c2 .archive-tags{display:flex;gap:6px;margin-top:10px}.phase06c2 .archive-tags span{flex:1;padding:7px;text-align:center;border-radius:8px;background:rgba(var(--accent2-rgb),.04);font-size:7px;color:#8e8e95}
/* support */
.phase06c2 .ticket-list{display:grid;gap:8px}.phase06c2 .ticket-list article{display:grid;grid-template-columns:32px 1fr auto;gap:8px;align-items:center;padding:9px;border-radius:11px;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.055);font-size:8px}.phase06c2 .ticket-list article>i{font-style:normal;padding:7px;border-radius:8px;background:rgba(var(--accent-rgb),.08);color:rgb(var(--accent-rgb));font:700 8px "IBM Plex Mono",monospace}.phase06c2 .ticket-list .urgent{border-color:rgba(var(--accent-rgb),.22)}.phase06c2 .ticket-list div{display:grid;gap:3px}.phase06c2 .ticket-list div span{color:#686870}.phase06c2 .ticket-list em{color:#777}.phase06c2 .support-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:12px}.phase06c2 .support-kpis span{padding:9px;border-radius:10px;background:rgba(var(--accent2-rgb),.04);display:grid;gap:3px}.phase06c2 .support-kpis strong{font:700 16px "IBM Plex Mono",monospace}
/* parent app phone */
.phase06c2 .visual-phone{display:grid;grid-template-columns:1fr 110px;gap:14px;align-items:center}.phase06c2 .phone-pro{width:185px;height:315px;margin:auto;border-radius:28px;padding:12px;background:linear-gradient(180deg,#15141b,#090a0d);border:1px solid rgba(255,255,255,.12);box-shadow:0 20px 45px rgba(0,0,0,.36),0 0 36px rgba(var(--accent-rgb),.12);display:grid;align-content:start;gap:10px}.phase06c2 .phone-status{display:flex;justify-content:space-between;font:600 6px "IBM Plex Mono",monospace;color:#777}.phase06c2 .phone-status i{width:35px;height:8px;border-radius:9px;background:#050506}.phase06c2 .phone-pro header{display:grid;gap:3px}.phase06c2 .phone-pro header b{font-size:11px}.phase06c2 .phone-pro header em{font-size:7px;color:#777}.phase06c2 .phone-score{display:grid;grid-template-columns:1fr 1fr;gap:6px}.phase06c2 .phone-score span{padding:8px;border-radius:10px;background:rgba(var(--accent-rgb),.06);display:grid;gap:3px}.phase06c2 .phone-score strong{font:700 15px "IBM Plex Mono",monospace}.phase06c2 .phone-alert{display:grid;grid-template-columns:26px 1fr;gap:7px;align-items:center;padding:8px;border-radius:10px;background:rgba(255,255,255,.025)}.phase06c2 .phone-alert>i{width:25px;height:25px;border-radius:8px;display:grid;place-items:center;background:rgba(var(--accent-rgb),.12);color:rgb(var(--accent-rgb));font-style:normal}.phase06c2 .phone-alert div{display:grid;gap:2px;font-size:7px}.phase06c2 .phone-alert div span{color:#6e6e76}.phase06c2 .phone-alert.alt>i{background:rgba(var(--accent2-rgb),.10);color:rgb(var(--accent2-rgb))}.phase06c2 .phone-pro nav{display:flex;justify-content:center;gap:13px;margin-top:auto}.phase06c2 .phone-pro nav i{width:6px;height:6px;border-radius:50%;background:#333}.phase06c2 .phone-pro nav i.active{background:var(--accent);box-shadow:0 0 10px rgba(var(--accent-rgb),.5)}.phase06c2 .phone-side-card{display:grid;gap:6px;padding:12px;border-radius:14px;background:rgba(var(--accent2-rgb),.055);border:1px solid rgba(var(--accent2-rgb),.15)}.phase06c2 .phone-side-card strong{font:700 28px "IBM Plex Mono",monospace}.phase06c2 .phone-side-card em{font-size:7px;color:#777}
/* teacher */
.phase06c2 .teacher-day{display:grid;gap:8px}.phase06c2 .teacher-day header{display:flex;justify-content:space-between;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.07);font-size:9px}.phase06c2 .teacher-day article{display:grid;grid-template-columns:42px 1fr auto;gap:8px;align-items:center;padding:9px;border-radius:11px;background:rgba(255,255,255,.022);font-size:8px}.phase06c2 .teacher-day article>i{font:600 8px "IBM Plex Mono",monospace;color:#777}.phase06c2 .teacher-day article div{display:grid;gap:3px}.phase06c2 .teacher-day article div span{color:#686870}.phase06c2 .teacher-day article em{color:#777}.phase06c2 .teacher-day article.now{background:linear-gradient(90deg,rgba(var(--accent-rgb),.10),rgba(var(--accent2-rgb),.03));border:1px solid rgba(var(--accent-rgb),.19)}.phase06c2 .teacher-day article.now em{color:rgb(var(--accent-rgb))}.phase06c2 .teacher-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:13px}.phase06c2 .teacher-actions span{padding:9px;border-radius:10px;text-align:center;background:rgba(var(--accent-rgb),.05);font-size:8px;color:#92929a}
/* field collection */
.phase06c2 .visual-field{display:grid;grid-template-columns:1fr 150px;gap:12px}.phase06c2 .field-map{position:relative;border-radius:14px;background:linear-gradient(145deg,#101b17,#0b1111);overflow:hidden;border:1px solid rgba(var(--accent-rgb),.12)}.phase06c2 .road{position:absolute;background:rgba(255,255,255,.07);height:4px;width:140%;left:-20%;transform:rotate(24deg);top:42%}.phase06c2 .road.r2{transform:rotate(-34deg);top:62%}.phase06c2 .field-map .pin{position:absolute;width:12px;height:12px;border-radius:50% 50% 50% 0;background:var(--accent);transform:rotate(-45deg);box-shadow:0 0 15px rgba(var(--accent-rgb),.35)}.phase06c2 .pin.p1{left:24%;top:28%}.phase06c2 .pin.p2{left:62%;top:49%;background:var(--accent2)}.phase06c2 .pin.p3{left:40%;top:70%}.phase06c2 .collector{position:absolute;left:12px;bottom:12px;padding:9px;border-radius:11px;background:rgba(5,8,7,.78);backdrop-filter:blur(7px);display:grid}.phase06c2 .collector b{font:700 21px "IBM Plex Mono",monospace}.phase06c2 .collector span{font-size:7px;color:#777}.phase06c2 .field-receipt{padding:11px;border-radius:14px;background:#111318;display:grid;align-content:start;gap:10px}.phase06c2 .field-receipt header{display:flex;justify-content:space-between;font-size:7px}.phase06c2 .field-receipt header span{color:#65dda0}.phase06c2 .field-receipt>div{display:grid;gap:3px}.phase06c2 .field-receipt button{border:0;border-radius:9px;padding:9px;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;font:700 8px Cairo}
/* executive */
.phase06c2 .exec-head{display:flex;justify-content:space-between;align-items:center}.phase06c2 .exec-head div{display:grid;gap:3px}.phase06c2 .exec-head span{padding:7px 9px;border-radius:9px;background:rgba(var(--accent-rgb),.08);color:rgb(var(--accent-rgb));font-size:8px}.phase06c2 .exec-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:13px}.phase06c2 .exec-kpis article{padding:9px;border-radius:11px;background:rgba(255,255,255,.024);display:grid;gap:4px}.phase06c2 .exec-kpis strong{font:700 15px "IBM Plex Mono",monospace}.phase06c2 .exec-kpis em{font-size:7px;color:#62df9d}.phase06c2 .exec-chart{height:96px;display:flex;gap:6px;align-items:end;padding:11px 4px}.phase06c2 .exec-chart i{flex:1;border-radius:4px 4px 1px 1px;background:linear-gradient(180deg,var(--accent),rgba(var(--accent2-rgb),.18))}.phase06c2 .exec-alert{display:grid;grid-template-columns:1fr auto;gap:4px;padding:9px;border-radius:10px;border:1px solid rgba(var(--accent-rgb),.14);font-size:8px}.phase06c2 .exec-alert span{color:#6f6f77}.phase06c2 .exec-alert em{grid-column:2;grid-row:1/3;align-self:center;color:rgb(var(--accent-rgb))}
/* web portal */
.phase06c2 .portal-shell{display:grid;grid-template-columns:92px 1fr;height:100%;border-radius:15px;overflow:hidden;background:#0c0d11}.phase06c2 .portal-shell aside{padding:12px 8px;border-left:1px solid rgba(255,255,255,.06);display:grid;align-content:start;gap:8px;font-size:7px}.phase06c2 .portal-shell aside b{font-size:9px;margin-bottom:4px}.phase06c2 .portal-shell aside span{padding:7px;border-radius:7px;color:#72727a}.phase06c2 .portal-shell aside span.active{background:rgba(var(--accent-rgb),.10);color:#fff}.phase06c2 .portal-shell main{padding:13px}.phase06c2 .portal-shell main header{display:flex;justify-content:space-between;font-size:8px}.phase06c2 .portal-shell main header span{font-family:"IBM Plex Mono",monospace;color:#6e6e76}.phase06c2 .portal-step{display:flex;align-items:center;justify-content:space-between;margin:16px 0 14px;font-size:7px;color:#73737b}.phase06c2 .portal-step i{width:21px;height:21px;border-radius:50%;display:grid;place-items:center;background:#181a20;font-style:normal}.phase06c2 .portal-step i.done{background:rgba(var(--accent-rgb),.13);color:rgb(var(--accent-rgb))}.phase06c2 .portal-form{display:grid;gap:8px}.phase06c2 .portal-form span{padding:9px;border-radius:9px;background:rgba(255,255,255,.025);display:grid;gap:4px}.phase06c2 .portal-form button{border:0;border-radius:9px;padding:9px;background:linear-gradient(90deg,var(--accent),var(--accent2));color:white;font:700 8px Cairo}
/* dashboard */
.phase06c2 .dash-top{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.phase06c2 .dash-top>span{padding:9px;border-radius:11px;background:rgba(255,255,255,.025);display:grid;gap:4px}.phase06c2 .dash-top strong{font:700 15px "IBM Plex Mono",monospace}.phase06c2 .dash-top em{font-size:7px;color:#62df9d}.phase06c2 .dash-main-chart{height:135px;margin-top:12px}.phase06c2 .dash-main-chart svg{width:100%;height:100%}.phase06c2 .dash-area{fill:rgba(var(--accent-rgb),.10)}.phase06c2 .dash-line{fill:none;stroke:var(--accent);stroke-width:2}.phase06c2 .dash-bottom{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.phase06c2 .dash-bottom span{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:6px;padding:8px;border-radius:9px;background:rgba(255,255,255,.02);font-size:7px}.phase06c2 .dash-bottom i{width:6px;height:6px;border-radius:50%;background:var(--accent)}.phase06c2 .dash-bottom span:nth-child(2) i{background:var(--accent2)}.phase06c2 .dash-bottom span:nth-child(3) i{background:#7c7f88}
/* booking */
.phase06c2 .visual-booking{display:grid;grid-template-columns:1.15fr .85fr;gap:12px}.phase06c2 .booking-calendar{border-radius:14px;background:rgba(255,255,255,.022);padding:11px}.phase06c2 .booking-calendar header{display:flex;justify-content:space-between;align-items:center}.phase06c2 .booking-calendar header button{border:0;background:transparent;color:#888}.phase06c2 .cal-week,.phase06c2 .cal-days{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;text-align:center}.phase06c2 .cal-week{margin:13px 0 7px;color:#666;font-size:7px}.phase06c2 .cal-days i{height:25px;border-radius:7px;display:grid;place-items:center;font-style:normal;font:500 7px "IBM Plex Mono",monospace;color:#8c8c95}.phase06c2 .cal-days i.busy{background:rgba(var(--accent2-rgb),.08);color:rgb(var(--accent2-rgb))}.phase06c2 .cal-days i.active{background:linear-gradient(145deg,var(--accent),var(--accent2));color:#fff;box-shadow:0 0 16px rgba(var(--accent-rgb),.18)}.phase06c2 .booking-side{display:grid;align-content:center;gap:8px}.phase06c2 .booking-side span{padding:10px;border-radius:10px;background:rgba(255,255,255,.025);display:grid;grid-template-columns:auto 1fr;gap:3px;font-size:7px}.phase06c2 .booking-side span em{grid-column:2;color:#69de9e}.phase06c2 .booking-side span:nth-child(2) em{color:#e7bc5a}
/* saas */
.phase06c2 .saas-head{display:flex;justify-content:space-between;align-items:center}.phase06c2 .saas-head>div{display:flex;align-items:center;gap:9px}.phase06c2 .saas-head>div>div{display:grid;gap:3px}.phase06c2 .saas-logo{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(145deg,var(--accent),var(--accent2));font:800 15px "IBM Plex Mono",monospace}.phase06c2 .saas-head em{font:600 8px "IBM Plex Mono",monospace;color:#65df9f}.phase06c2 .tenant-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:14px}.phase06c2 .tenant-grid article{padding:9px;border-radius:10px;background:rgba(255,255,255,.024);display:grid;grid-template-columns:9px 1fr auto;gap:5px;align-items:center;font-size:7px}.phase06c2 .tenant-grid article i{width:7px;height:7px;border-radius:3px;background:var(--accent)}.phase06c2 .tenant-grid article span{grid-column:2;color:#666}.phase06c2 .tenant-grid article em{grid-column:3;grid-row:1/3;color:#63dc9d;font:600 6px "IBM Plex Mono",monospace}.phase06c2 .tenant-grid article.add{place-items:center;grid-template-columns:1fr;color:#777}.phase06c2 .tenant-grid article.add b{font-size:18px;color:rgb(var(--accent2-rgb))}.phase06c2 .tenant-grid article.add span{grid-column:auto}.phase06c2 .saas-meter{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center;margin-top:12px;font:600 7px "IBM Plex Mono",monospace;color:#777}.phase06c2 .saas-meter i{height:5px;border-radius:6px;background:#15171a;overflow:hidden}.phase06c2 .saas-meter i b{display:block;height:100%;background:linear-gradient(90deg,var(--accent),var(--accent2))}.phase06c2 .saas-meter em{color:#64dc9c}

@media(max-width:900px){.phase06c2 .project-card{height:700px}.phase06c2 .project-visual{height:345px}}
@media(max-width:620px){
 .phase06c2 .project-card{height:675px}.phase06c2 .project-card-inner{padding:18px}.phase06c2 .project-highlights{gap:5px;margin-top:9px}.phase06c2 .project-highlights span{font-size:7px;padding:6px 8px}.phase06c2 .project-visual{height:330px;margin-top:11px}.phase06c2 .app-surface{padding:13px}.phase06c2 .visual-phone{grid-template-columns:1fr 86px;gap:8px}.phase06c2 .phone-pro{width:160px;height:292px}.phase06c2 .visual-field{grid-template-columns:1fr 125px}.phase06c2 .visual-booking{grid-template-columns:1fr}.phase06c2 .booking-side{grid-template-columns:repeat(3,1fr);gap:5px}.phase06c2 .booking-side span{padding:7px}.phase06c2 .visual-invoice{grid-template-columns:1fr 75px}.phase06c2 .qr-block{width:54px;height:54px;background-size:11px 11px}.phase06c2 .portal-shell{grid-template-columns:76px 1fr}.phase06c2 .kanban{height:190px}.phase06c2 .project-description{font-size:12px}
}


/* =========================================================
   PHASE 06D — PREMIUM ENGINEERING VISUAL SYSTEM
   Rebuilds FIG_01/02/03 as richer product-grade system visuals.
   ========================================================= */
.engineering-lab-premium{padding-top:150px;background:
  radial-gradient(950px 540px at 18% 14%,rgba(79,140,255,.075),transparent 68%),
  radial-gradient(900px 540px at 82% 18%,rgba(255,56,82,.07),transparent 70%),#060708}
.engineering-lab-premium::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent 0,rgba(255,255,255,.018) 49.9%,rgba(255,255,255,.018) 50.1%,transparent 100%);opacity:.55}
.engineering-aura{position:absolute;border-radius:50%;filter:blur(95px);opacity:.1;pointer-events:none;animation:engAura 11s ease-in-out infinite}.engineering-aura-a{width:420px;height:420px;background:#3c6cff;top:160px;left:-150px}.engineering-aura-b{width:460px;height:460px;background:#ed1530;right:-180px;bottom:80px;animation-delay:-5s}
.engineering-principles{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}.engineering-principles span{display:inline-flex;align-items:center;gap:8px;padding:9px 11px;border-radius:999px;border:1px solid rgba(255,255,255,.075);background:rgba(255,255,255,.025);color:#8d8d96;font:500 8px/1 "IBM Plex Mono",monospace;letter-spacing:.07em}.engineering-principles i{width:5px;height:5px;border-radius:50%;background:#ff384b;box-shadow:0 0 12px rgba(255,56,75,.55)}
.blueprint-grid-premium{gap:16px;margin-top:56px;align-items:stretch}.blueprint-card-premium{--eng-accent:#ff3852;--eng-rgb:255,56,82;--eng-accent2:#fff;min-height:720px;border-radius:30px;background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.014));border-color:rgba(255,255,255,.105);box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 36px 110px rgba(0,0,0,.28);isolation:isolate}
.blueprint-card-premium::before{z-index:-1;background:radial-gradient(520px circle at var(--eng-x,50%) var(--eng-y,20%),rgba(var(--eng-rgb),.17),transparent 48%);opacity:.55}.blueprint-card-premium::after{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(135deg,rgba(var(--eng-rgb),.045),transparent 32%,rgba(255,255,255,.01));pointer-events:none}
.blueprint-card-premium:hover{transform:translateY(-8px);border-color:rgba(var(--eng-rgb),.36);box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 48px 130px rgba(0,0,0,.4),0 0 65px rgba(var(--eng-rgb),.07)}
.blueprint-card-premium .blueprint-meta{height:60px;color:#74747e;background:rgba(5,6,8,.38);backdrop-filter:blur(10px)}.blueprint-card-premium .blueprint-meta span:last-child{color:#9b9ba5}
.premium-stage{height:420px;background:linear-gradient(180deg,rgba(5,7,10,.72),rgba(4,5,7,.92));isolation:isolate;perspective:1100px}.premium-stage::before{background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:32px 32px;mask-image:radial-gradient(circle at center,#000 12%,transparent 79%)}
.stage-glow{position:absolute;width:280px;height:230px;border-radius:50%;background:radial-gradient(circle,rgba(var(--eng-rgb),.18),transparent 68%);filter:blur(28px);z-index:0;animation:stageGlow 5.8s ease-in-out infinite}.stage-scan{position:absolute;z-index:8;inset:-2px 0 auto;height:1px;background:linear-gradient(90deg,transparent,rgba(var(--eng-rgb),.75),#fff,rgba(var(--eng-rgb),.75),transparent);box-shadow:0 0 16px rgba(var(--eng-rgb),.55);opacity:.62;animation:stageScan 5.4s ease-in-out infinite;pointer-events:none}
.stage-caption{position:absolute;z-index:10;left:16px;right:16px;bottom:13px;display:flex;align-items:center;justify-content:space-between;color:#555b68;font-size:7px;letter-spacing:.1em}.stage-caption span{display:grid;place-items:center;width:24px;height:24px;border:1px solid rgba(var(--eng-rgb),.25);border-radius:7px;color:rgba(var(--eng-rgb),.85);background:rgba(5,6,9,.7)}
.premium-blueprint-copy{min-height:238px;padding:26px 25px 28px}.copy-topline{display:flex;justify-content:space-between;align-items:center;color:#686873;font:500 8px/1 "IBM Plex Mono",monospace;letter-spacing:.08em;margin-bottom:18px}.copy-topline em{font-style:normal;color:rgba(var(--eng-rgb),.9);font-size:10px}.premium-blueprint-copy h3{font-size:24px;line-height:1.35}.premium-blueprint-copy p{font-size:12.5px;line-height:1.95}.blueprint-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:18px}.blueprint-tags span{padding:7px 9px;border-radius:9px;border:1px solid rgba(var(--eng-rgb),.15);background:rgba(var(--eng-rgb),.045);color:#777984;font:500 7px/1 "IBM Plex Mono",monospace;letter-spacing:.05em}
/* FIG 01 */
.premium-platform-stage{transform-style:preserve-3d}.runtime-console{position:absolute;z-index:4;width:254px;height:174px;left:50%;top:47%;transform:translate(-57%,-50%) rotateX(4deg) rotateY(-7deg);border:1px solid rgba(255,255,255,.17);border-radius:18px;background:linear-gradient(155deg,rgba(17,22,32,.98),rgba(5,7,11,.98));box-shadow:0 30px 70px rgba(0,0,0,.52),0 0 48px rgba(var(--eng-rgb),.11),inset 0 1px 0 rgba(255,255,255,.07);overflow:hidden;animation:runtimeFloat 6.8s ease-in-out infinite}.runtime-top{height:36px;display:flex;align-items:center;gap:8px;padding:0 10px;border-bottom:1px solid rgba(255,255,255,.065);font:500 6px/1 "IBM Plex Mono",monospace}.runtime-top b{color:#959ba8;letter-spacing:.07em}.runtime-top em{margin-left:auto;font-style:normal;color:#4ddd92;font-size:5px}.runtime-lights{display:flex;gap:4px}.runtime-lights i{width:5px;height:5px;border-radius:50%;background:#303541}.runtime-lights i:first-child{background:var(--eng-accent)}.runtime-body{display:grid;grid-template-columns:56px 1fr;height:138px}.runtime-body aside{padding:12px 7px;border-right:1px solid rgba(255,255,255,.055);display:grid;align-content:start;gap:8px}.runtime-body aside span{font:500 5px/1 "IBM Plex Mono",monospace;color:#4d5360;padding:5px 4px;border-radius:5px}.runtime-body aside span.active{color:#c9d8ff;background:rgba(var(--eng-rgb),.12)}.runtime-body main{padding:12px}.runtime-chart{height:62px;display:flex;align-items:end;gap:5px;padding:0 4px 8px;border-bottom:1px solid rgba(255,255,255,.05)}.runtime-chart i{flex:1;border-radius:4px 4px 1px 1px;background:linear-gradient(180deg,var(--eng-accent2),rgba(var(--eng-rgb),.18));animation:runtimeBars 2.8s ease-in-out infinite alternate}.runtime-chart i:nth-child(1){height:32%}.runtime-chart i:nth-child(2){height:48%;animation-delay:.2s}.runtime-chart i:nth-child(3){height:41%;animation-delay:.5s}.runtime-chart i:nth-child(4){height:75%;animation-delay:.1s}.runtime-chart i:nth-child(5){height:58%;animation-delay:.35s}.runtime-chart i:nth-child(6){height:88%;animation-delay:.65s}.runtime-chart i:nth-child(7){height:70%;animation-delay:.45s}.runtime-metrics{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:9px}.runtime-metrics span{display:grid;gap:4px;padding:8px;border-radius:8px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.045)}.runtime-metrics small{font:500 4px/1 "IBM Plex Mono",monospace;color:#555e6c}.runtime-metrics b{font:600 10px/1 "IBM Plex Mono",monospace;color:#dce7ff}.runtime-phone{position:absolute;z-index:6;width:76px;height:154px;right:34px;bottom:48px;border:1px solid rgba(255,255,255,.18);border-radius:23px;background:linear-gradient(155deg,#11151d,#06080c);box-shadow:0 22px 50px rgba(0,0,0,.52),0 0 30px rgba(var(--eng-rgb),.08);padding:10px 7px;transform:rotate(7deg);animation:runtimePhone 5.2s ease-in-out infinite}.phone-notch{display:block;width:24px;height:3px;border-radius:99px;background:#2c3340;margin:0 auto 16px}.runtime-phone-ui{display:grid;gap:8px}.runtime-phone-ui b{font:600 6px/1 "IBM Plex Mono",monospace;color:#9fb8eb}.runtime-phone-ui i{display:block;height:25px;border-radius:7px;border:1px solid rgba(255,255,255,.05);background:linear-gradient(90deg,rgba(var(--eng-rgb),.15),rgba(255,255,255,.02))}.runtime-phone-ui i:nth-of-type(2){width:78%;background:rgba(255,255,255,.025)}.runtime-link{position:absolute;z-index:2;height:1px;background:linear-gradient(90deg,transparent,rgba(var(--eng-rgb),.35),transparent);transform-origin:left}.link-a{width:180px;left:25px;top:112px;transform:rotate(16deg)}.link-b{width:165px;right:24px;bottom:98px;transform:rotate(-18deg)}.node-api{right:28px;bottom:30px}.premium-platform-stage .platform-node{border-color:rgba(var(--eng-rgb),.18);color:#6f7b92;background:rgba(5,8,13,.88);box-shadow:0 10px 22px rgba(0,0,0,.32)}
/* FIG 02 */
.data-hub{position:absolute;z-index:4;width:138px;height:138px;display:grid;place-items:center}.hub-ring{position:absolute;border-radius:50%;border:1px solid rgba(var(--eng-rgb),.16)}.hub-ring.ring-1{inset:0;animation:hubSpin 13s linear infinite}.hub-ring.ring-2{inset:18px;border-color:rgba(41,230,200,.2);animation:hubSpinRev 9s linear infinite}.data-core-pro{width:78px;height:78px;border-radius:25px;display:grid;place-items:center;align-content:center;gap:3px;background:radial-gradient(circle at 32% 25%,rgba(var(--eng-rgb),.22),rgba(255,255,255,.025) 58%),#0b0c11;border:1px solid rgba(var(--eng-rgb),.28);box-shadow:0 0 50px rgba(var(--eng-rgb),.14),inset 0 1px 0 rgba(255,255,255,.08)}.data-core-pro small,.data-core-pro em{font:500 5px/1 "IBM Plex Mono",monospace;color:#686b7b;font-style:normal}.data-core-pro b{font:700 18px/1 "IBM Plex Mono",monospace;color:#eeeaff}.data-core-pro em{color:#4be0bd}.data-route{position:absolute;z-index:1;height:1px;width:170px;background:linear-gradient(90deg,transparent,rgba(var(--eng-rgb),.34),transparent);transform-origin:left}.data-route i{display:block;width:35%;height:1px;background:linear-gradient(90deg,transparent,var(--eng-accent2),transparent);animation:dataRoute 2.4s linear infinite}.route-a{left:36px;top:100px;transform:rotate(24deg)}.route-b{right:28px;top:132px;transform:rotate(158deg)}.route-c{left:42px;bottom:112px;transform:rotate(-24deg)}.route-d{right:40px;bottom:92px;transform:rotate(202deg)}.data-terminal{position:absolute;z-index:5;min-width:94px;padding:9px 10px;border:1px solid rgba(255,255,255,.075);border-radius:11px;background:rgba(8,9,13,.88);box-shadow:0 12px 28px rgba(0,0,0,.28);display:grid;gap:3px}.data-terminal small{font:500 5px/1 "IBM Plex Mono",monospace;color:#5e6270}.data-terminal b{font:650 11px/1 "IBM Plex Mono",monospace;color:#dcd8ef}.data-terminal em{font:500 5px/1 "IBM Plex Mono",monospace;color:var(--eng-accent2);font-style:normal}.terminal-a{left:16px;top:50px}.terminal-b{right:15px;top:78px}.terminal-c{left:18px;bottom:52px}.terminal-d{right:16px;bottom:48px}.event-stream{position:absolute;z-index:7;bottom:43px;left:50%;transform:translateX(-50%);display:flex;gap:5px}.event-stream span{display:flex;align-items:center;gap:4px;padding:5px 6px;border:1px solid rgba(255,255,255,.055);border-radius:7px;background:rgba(7,8,11,.82);font:500 4px/1 "IBM Plex Mono",monospace;color:#656977}.event-stream i{width:4px;height:4px;border-radius:50%;background:var(--eng-accent2);box-shadow:0 0 8px rgba(41,230,200,.55)}
/* FIG 03 */
.security-radar{position:absolute;z-index:1;width:260px;height:260px;border-radius:50%;transform:rotateX(61deg)}.radar-ring{position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.07)}.rr-1{inset:0}.rr-2{inset:34px;border-color:rgba(var(--eng-rgb),.14)}.rr-3{inset:68px;border-color:rgba(84,232,154,.12)}.radar-sweep{position:absolute;width:50%;height:50%;left:50%;top:0;transform-origin:0 100%;background:conic-gradient(from 270deg,rgba(var(--eng-rgb),.24),transparent 22%);animation:radarSweep 4.8s linear infinite}.security-shield-pro{position:relative;z-index:6;width:106px;height:124px;clip-path:polygon(50% 0,90% 18%,87% 67%,50% 100%,13% 67%,10% 18%);background:linear-gradient(155deg,#ff5268,#c70b22 60%,#5c0610);display:grid;place-items:center;filter:drop-shadow(0 24px 42px rgba(160,0,18,.42));animation:shieldFloatPro 5s ease-in-out infinite}.security-shield-pro::before{content:"";position:absolute;inset:7px;clip-path:inherit;background:linear-gradient(155deg,rgba(255,255,255,.18),rgba(255,255,255,.015))}.security-shield-pro span{position:absolute;inset:24px;clip-path:inherit;border:1px solid rgba(255,255,255,.28)}.security-shield-pro i{position:relative;z-index:2;font-style:normal;font-size:30px}.security-shield-pro small{position:absolute;z-index:2;bottom:18px;font:600 4px/1 "IBM Plex Mono",monospace;letter-spacing:.08em;color:rgba(255,255,255,.56)}.security-control{position:absolute;z-index:7;min-width:116px;padding:8px 9px;display:grid;grid-template-columns:8px 1fr auto;align-items:center;gap:7px;border:1px solid rgba(255,255,255,.07);border-radius:11px;background:rgba(8,9,12,.9);box-shadow:0 12px 28px rgba(0,0,0,.3)}.security-control>i{width:6px;height:6px;border-radius:50%;background:#52e693;box-shadow:0 0 10px rgba(82,230,147,.55)}.security-control div{display:grid;gap:2px}.security-control small{font:500 4px/1 "IBM Plex Mono",monospace;color:#5e616d}.security-control b{font:600 6px/1 "IBM Plex Mono",monospace;color:#b9bdc8}.security-control em{font:600 4px/1 "IBM Plex Mono",monospace;color:#52e693;font-style:normal}.control-a{left:13px;top:69px}.control-b{right:12px;top:100px}.control-c{left:24px;bottom:76px}.security-health{position:absolute;z-index:8;right:23px;bottom:48px;display:grid;grid-template-columns:7px 1fr auto;gap:8px;align-items:center;padding:9px 10px;border:1px solid rgba(84,232,154,.13);border-radius:11px;background:rgba(7,10,10,.9)}.security-health>i{width:6px;height:6px;border-radius:50%;background:#54e89a;box-shadow:0 0 12px rgba(84,232,154,.65);animation:healthPulse 1.8s ease-in-out infinite}.security-health span{display:grid;gap:2px}.security-health small{font:500 4px/1 "IBM Plex Mono",monospace;color:#58635e}.security-health b{font:600 6px/1 "IBM Plex Mono",monospace;color:#bce2cc}.security-health em{font:600 6px/1 "IBM Plex Mono",monospace;color:#54e89a;font-style:normal}
.engineering-footer-note{position:relative;z-index:2;margin-top:18px;padding:18px 20px;border:1px solid rgba(255,255,255,.065);border-radius:18px;background:linear-gradient(90deg,rgba(255,255,255,.018),rgba(255,255,255,.008));display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:22px}.engineering-footer-note>span{color:#60636d;font-size:7px}.engineering-footer-note p{margin:0;color:#777a84;font-size:11px;line-height:1.7}.engineering-footer-note div{display:flex;align-items:center;gap:7px;color:#7e838d;font:500 6px/1 "IBM Plex Mono",monospace;white-space:nowrap}.engineering-footer-note div i{width:6px;height:6px;border-radius:50%;background:#54e89a;box-shadow:0 0 12px rgba(84,232,154,.45)}
@keyframes engAura{0%,100%{transform:translate3d(0,0,0) scale(.92);opacity:.07}50%{transform:translate3d(25px,-18px,0) scale(1.08);opacity:.13}}
@keyframes stageGlow{0%,100%{transform:scale(.88);opacity:.6}50%{transform:scale(1.12);opacity:1}}
@keyframes stageScan{0%,8%{transform:translateY(0);opacity:0}14%{opacity:.68}70%{opacity:.45}82%,100%{transform:translateY(418px);opacity:0}}
@keyframes runtimeFloat{0%,100%{transform:translate(-57%,-50%) rotateX(4deg) rotateY(-7deg) translateY(0)}50%{transform:translate(-57%,-50%) rotateX(4deg) rotateY(-5deg) translateY(-7px)}}
@keyframes runtimePhone{0%,100%{transform:rotate(7deg) translateY(0)}50%{transform:rotate(4deg) translateY(-8px)}}
@keyframes runtimeBars{from{filter:brightness(.82);transform:scaleY(.78);transform-origin:bottom}to{filter:brightness(1.2);transform:scaleY(1)}}
@keyframes hubSpin{to{transform:rotate(360deg)}}@keyframes hubSpinRev{to{transform:rotate(-360deg)}}@keyframes dataRoute{from{transform:translateX(-150%)}to{transform:translateX(320%)}}
@keyframes radarSweep{to{transform:rotate(360deg)}}@keyframes shieldFloatPro{0%,100%{transform:translateY(0) rotateZ(0)}50%{transform:translateY(-8px) rotateZ(-1deg)}}@keyframes healthPulse{0%,100%{opacity:.45;transform:scale(.8)}50%{opacity:1;transform:scale(1.25)}}

@media(max-width:1050px){.blueprint-grid-premium{grid-template-columns:1fr 1fr}.blueprint-card-premium:last-child{grid-column:1/-1}.premium-stage{height:400px}}
@media(max-width:760px){
 .engineering-lab-premium{padding-top:104px}.engineering-principles{gap:6px}.engineering-principles span{font-size:6.5px;padding:8px 9px}
 .blueprint-grid-premium{grid-template-columns:minmax(0,1fr)!important;gap:16px}.blueprint-card-premium,.blueprint-card-premium:last-child{grid-column:auto!important;min-height:650px!important;border-radius:24px!important}.premium-stage{height:360px!important}.premium-blueprint-copy{min-height:0;padding:22px 18px 24px!important}.premium-blueprint-copy h3{font-size:22px!important}.premium-blueprint-copy p{font-size:12px!important}.blueprint-tags span{font-size:6.2px}
 .runtime-console{width:min(66vw,245px);height:166px;left:48%}.runtime-phone{right:7%;bottom:49px;width:70px;height:145px}.runtime-body{height:130px}.node-api{right:8%;bottom:23px}
 .data-terminal{min-width:82px;padding:8px}.terminal-a{left:8px}.terminal-b{right:8px}.terminal-c{left:9px}.terminal-d{right:9px}.data-hub{width:124px;height:124px}.data-core-pro{width:72px;height:72px}.event-stream{bottom:39px}.data-route{width:145px}
 .security-radar{width:225px;height:225px}.security-control{min-width:102px;padding:7px}.control-a{left:7px}.control-b{right:6px}.control-c{left:12px}.security-health{right:8px;bottom:42px}
 .engineering-footer-note{grid-template-columns:1fr;gap:9px;margin-top:16px;padding:16px}.engineering-footer-note div{white-space:normal}
}
@media(max-width:420px){
 .premium-stage{height:340px!important}.blueprint-card-premium{min-height:625px!important}.runtime-console{width:224px;height:158px}.runtime-phone{right:5%;width:64px;height:134px}.runtime-top b{font-size:5px}.data-terminal{min-width:76px}.data-terminal b{font-size:9px}.data-route{width:132px}.event-stream span{padding:4px;font-size:3.6px}.security-control{min-width:94px}.security-health{right:6px}.stage-caption{font-size:5.5px}
}
@media(prefers-reduced-motion:reduce){.engineering-aura,.stage-scan,.stage-glow,.runtime-console,.runtime-phone,.runtime-chart i,.hub-ring,.data-route i,.radar-sweep,.security-shield-pro,.security-health>i{animation:none!important}}


/* ============================================================
   PHASE 06D1 — ENGINEERING CARDS REBUILD
   ============================================================ */
.engx-section{position:relative;overflow:hidden;padding:150px 0 120px;border-top:1px solid var(--line);background:radial-gradient(900px 520px at 15% 8%,rgba(65,125,255,.08),transparent 68%),radial-gradient(900px 520px at 86% 22%,rgba(242,21,37,.07),transparent 68%),#060708;scroll-margin-top:110px}
.engx-section::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(rgba(255,255,255,.075) .7px,transparent .7px);background-size:24px 24px;mask-image:linear-gradient(to bottom,transparent 0,#000 8%,#000 92%,transparent 100%);opacity:.36}
.engx-aura{position:absolute;border-radius:50%;filter:blur(110px);opacity:.12;pointer-events:none;animation:engxAura 11s ease-in-out infinite}.engx-aura-blue{width:460px;height:460px;background:#326dff;left:-180px;top:120px}.engx-aura-red{width:480px;height:480px;background:#e71731;right:-190px;bottom:40px;animation-delay:-5s}
.engx-head{position:relative;z-index:2;max-width:860px}.engx-head h2{margin:15px 0 16px;font-size:clamp(42px,5.1vw,70px);line-height:1.13;letter-spacing:-.045em}.engx-head>p{max-width:760px;margin:0;color:#94949c;font-size:15px;line-height:1.95}.engx-principles{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.engx-principles span{display:inline-flex;align-items:center;gap:9px;padding:10px 13px;border:1px solid rgba(255,255,255,.085);border-radius:999px;background:rgba(255,255,255,.026);color:#9a9aa2;font:500 9px/1 "IBM Plex Mono",monospace;white-space:nowrap}.engx-principles i{width:6px;height:6px;border-radius:50%;background:#ff3d50;box-shadow:0 0 14px rgba(255,61,80,.55)}
.engx-grid{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:58px}.engx-card{position:relative;min-width:0;overflow:hidden;border:1px solid rgba(255,255,255,.105);border-radius:28px;background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.012));box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 36px 100px rgba(0,0,0,.3);transition:transform .55s var(--ease),border-color .45s,box-shadow .45s}.engx-card:hover{transform:translateY(-7px);border-color:rgba(255,255,255,.18);box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 46px 120px rgba(0,0,0,.42)}
.engx-card-top{height:62px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:0 22px;border-bottom:1px solid rgba(255,255,255,.07);background:rgba(5,6,8,.42);color:#73737d}.engx-card-top span{display:block;font-size:8px;letter-spacing:.09em;white-space:nowrap}.engx-type{color:#9c9ca5!important}
.engx-visual{position:relative;height:430px;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.07);background:linear-gradient(180deg,rgba(6,8,12,.78),rgba(4,5,7,.96));isolation:isolate}.engx-visual::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:28px 28px;opacity:.55;pointer-events:none}.engx-visual::after{content:"";position:absolute;left:0;right:0;height:1px;top:-5%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);box-shadow:0 0 24px rgba(255,255,255,.12);animation:engxScan 6.8s linear infinite;z-index:10;pointer-events:none}
.engx-copy{position:relative;min-height:255px;padding:28px 24px 26px}.engx-number{position:absolute;top:26px;left:24px;color:#56565f;font-size:10px}.engx-copy h3{margin:0 0 13px;padding-left:38px;font-size:26px;line-height:1.35;letter-spacing:-.025em}.engx-copy p{margin:0;color:#85858d;font-size:13px;line-height:1.9}.engx-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:22px}.engx-tags span{padding:8px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.075);background:rgba(255,255,255,.022);color:#74747d;font:500 7px/1 "IBM Plex Mono",monospace;white-space:nowrap}
/* runtime */
.engx-runtime-visual{background:radial-gradient(330px 220px at 50% 45%,rgba(79,140,255,.14),transparent 70%),linear-gradient(180deg,#070a10,#040609)}.engx-runtime-orbit{position:absolute;border:1px solid rgba(79,140,255,.15);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-12deg)}.engx-runtime-orbit.orbit-one{width:390px;height:210px}.engx-runtime-orbit.orbit-two{width:300px;height:160px;border-color:rgba(48,213,255,.12)}.engx-browser{position:absolute;z-index:4;width:min(82%,360px);height:235px;left:48%;top:50%;transform:translate(-50%,-50%) rotateX(3deg) rotateY(-5deg);border:1px solid rgba(255,255,255,.16);border-radius:22px;background:linear-gradient(155deg,#111721,#070a0e);box-shadow:0 28px 70px rgba(0,0,0,.55),0 0 60px rgba(79,140,255,.09);overflow:hidden;animation:engxRuntimeFloat 5.8s ease-in-out infinite}.engx-browser-bar{height:43px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:0 13px;border-bottom:1px solid rgba(255,255,255,.07);color:#7e8da8;font:500 6px/1 "IBM Plex Mono",monospace}.engx-dots{display:flex;gap:4px}.engx-dots i{width:6px;height:6px;border-radius:50%;background:#2d3541}.engx-dots i:first-child{background:#3e6ee7}.engx-online{display:flex;align-items:center;gap:5px;color:#6fdca0}.engx-online i{width:5px;height:5px;border-radius:50%;background:#6fdca0;box-shadow:0 0 10px rgba(111,220,160,.65)}.engx-browser-body{display:grid;grid-template-columns:76px 1fr;height:192px}.engx-side-nav{display:grid;align-content:start;gap:8px;padding:14px 9px;border-left:1px solid rgba(255,255,255,.055);direction:ltr}.engx-side-nav span{padding:7px 8px;border-radius:7px;color:#586170;font:500 5px/1 "IBM Plex Mono",monospace}.engx-side-nav .active{color:#a9c4ff;background:rgba(79,140,255,.11)}.engx-dashboard{padding:15px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr;gap:9px}.engx-metric{display:grid;gap:4px;padding:10px;border:1px solid rgba(255,255,255,.055);border-radius:10px;background:rgba(255,255,255,.018)}.engx-metric small{font:500 5px/1 "IBM Plex Mono",monospace;color:#5e6879}.engx-metric strong{font:650 13px/1 "IBM Plex Mono",monospace;color:#dce7ff}.engx-bars{grid-column:1/-1;display:flex;align-items:end;gap:6px;padding:12px 10px 6px;border-radius:10px;border:1px solid rgba(255,255,255,.045);background:rgba(255,255,255,.012)}.engx-bars i{flex:1;min-width:5px;border-radius:4px 4px 1px 1px;background:linear-gradient(180deg,#4f8cff,rgba(79,140,255,.14));animation:engxBars 2.8s ease-in-out infinite alternate}.engx-bars i:nth-child(1){height:35%}.engx-bars i:nth-child(2){height:65%;animation-delay:.2s}.engx-bars i:nth-child(3){height:46%;animation-delay:.5s}.engx-bars i:nth-child(4){height:82%;animation-delay:.1s}.engx-bars i:nth-child(5){height:55%;animation-delay:.35s}.engx-bars i:nth-child(6){height:90%;animation-delay:.65s}.engx-bars i:nth-child(7){height:72%;animation-delay:.45s}.engx-bars i:nth-child(8){height:60%;animation-delay:.25s}.engx-phone{position:absolute;z-index:7;width:80px;height:160px;right:22px;bottom:42px;padding:12px 8px;border:1px solid rgba(255,255,255,.17);border-radius:24px;background:linear-gradient(160deg,#10151d,#06080c);box-shadow:0 22px 48px rgba(0,0,0,.54);transform:rotate(6deg);animation:engxPhoneFloat 5s ease-in-out infinite}.engx-phone-notch{display:block;width:26px;height:3px;border-radius:99px;background:#2e3540;margin:0 auto 16px}.engx-phone strong{display:block;margin-bottom:10px;color:#79a4ff;font:600 5px/1 "IBM Plex Mono",monospace}.engx-phone i{display:block;height:25px;margin:7px 0;border-radius:7px;border:1px solid rgba(255,255,255,.055);background:linear-gradient(90deg,rgba(79,140,255,.16),rgba(255,255,255,.02))}.engx-node{position:absolute;z-index:8;padding:7px 9px;border-radius:9px;border:1px solid rgba(79,140,255,.18);background:rgba(5,8,13,.88);color:#77839a;font:500 6px/1 "IBM Plex Mono",monospace}.node-web{left:24px;top:94px}.node-api{right:110px;bottom:32px}.node-desktop{left:34px;bottom:42px}
/* data */
.engx-data-visual{background:radial-gradient(330px 230px at 50% 48%,rgba(155,114,255,.13),transparent 70%),linear-gradient(180deg,#09080f,#050508)}.engx-data-lines{position:absolute;inset:0;width:100%;height:100%;z-index:1}.engx-data-lines path{fill:none;stroke:rgba(155,114,255,.26);stroke-width:1}.engx-data-core{position:absolute;z-index:5;width:116px;height:116px;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;align-content:center;gap:5px;border-radius:36px;border:1px solid rgba(155,114,255,.28);background:radial-gradient(circle at 32% 25%,rgba(155,114,255,.25),rgba(255,255,255,.025) 58%),#0a0a0f;box-shadow:0 0 70px rgba(155,114,255,.14),inset 0 1px 0 rgba(255,255,255,.07)}.engx-data-core small,.engx-data-core em{font:500 6px/1 "IBM Plex Mono",monospace;color:#6c6879;font-style:normal}.engx-data-core strong{font:700 24px/1 "IBM Plex Mono",monospace;color:#efeaff}.engx-data-core em{color:#4be0bd}.engx-data-node{position:absolute;z-index:6;min-width:112px;padding:11px 12px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:rgba(8,9,13,.9);box-shadow:0 14px 32px rgba(0,0,0,.3);display:grid;gap:5px}.engx-data-node small{font:500 5px/1 "IBM Plex Mono",monospace;color:#636875}.engx-data-node strong{font:650 12px/1 "IBM Plex Mono",monospace;color:#e1dcf0}.engx-data-node em{font:500 5px/1 "IBM Plex Mono",monospace;color:#4be0bd;font-style:normal}.data-a{left:22px;top:38px}.data-b{right:22px;top:50px}.data-c{left:24px;bottom:48px}.data-d{right:24px;bottom:52px}.engx-packet{position:absolute;z-index:4;width:8px;height:8px;border-radius:50%;background:#4be0bd;box-shadow:0 0 14px rgba(75,224,189,.7)}.packet-a{animation:engxPacketA 3.2s linear infinite}.packet-b{animation:engxPacketB 3.6s linear infinite}.packet-c{animation:engxPacketC 3.4s linear infinite}.packet-d{animation:engxPacketD 3.8s linear infinite}.engx-event-row{position:absolute;z-index:7;left:50%;bottom:22px;transform:translateX(-50%);display:flex;gap:6px}.engx-event-row span{display:flex;align-items:center;gap:5px;padding:6px 8px;border-radius:8px;border:1px solid rgba(255,255,255,.055);background:rgba(7,8,11,.86);color:#6c707b;font:500 5px/1 "IBM Plex Mono",monospace;white-space:nowrap}.engx-event-row i{width:5px;height:5px;border-radius:50%;background:#4be0bd;box-shadow:0 0 8px rgba(75,224,189,.5)}
/* security */
.engx-security-visual{background:radial-gradient(330px 230px at 50% 48%,rgba(255,56,82,.13),transparent 70%),linear-gradient(180deg,#0b080a,#050506)}.engx-radar{position:absolute;z-index:1;width:290px;height:290px;left:50%;top:47%;transform:translate(-50%,-50%) rotateX(58deg);border:1px solid rgba(255,255,255,.07);border-radius:50%}.engx-radar>span{position:absolute;border:1px solid rgba(255,255,255,.07);border-radius:50%}.engx-radar>span:nth-child(1){inset:38px;border-color:rgba(255,56,82,.14)}.engx-radar>span:nth-child(2){inset:76px;border-color:rgba(84,232,154,.11)}.engx-radar>span:nth-child(3){left:50%;top:0;bottom:0;border-radius:0}.engx-radar>i{position:absolute;width:50%;height:50%;left:50%;top:0;transform-origin:0 100%;background:conic-gradient(from 270deg,rgba(255,56,82,.28),transparent 24%);animation:engxRadar 4.6s linear infinite}.engx-shield{position:absolute;z-index:5;width:112px;height:132px;left:50%;top:47%;transform:translate(-50%,-50%);clip-path:polygon(50% 0,90% 18%,87% 67%,50% 100%,13% 67%,10% 18%);background:linear-gradient(155deg,#ff5268,#c70b22 60%,#5c0610);display:grid;place-items:center;filter:drop-shadow(0 26px 44px rgba(160,0,18,.42));animation:engxShield 5s ease-in-out infinite}.engx-shield::before{content:"";position:absolute;inset:7px;clip-path:inherit;background:linear-gradient(155deg,rgba(255,255,255,.17),rgba(255,255,255,.015))}.engx-shield span{position:relative;z-index:2;font-size:34px}.engx-shield small{position:absolute;z-index:2;bottom:19px;color:rgba(255,255,255,.62);font:600 5px/1 "IBM Plex Mono",monospace}.engx-sec-control{position:absolute;z-index:7;min-width:128px;padding:10px 11px;display:grid;grid-template-columns:8px 1fr auto;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.075);border-radius:12px;background:rgba(8,9,12,.92);box-shadow:0 14px 32px rgba(0,0,0,.3)}.engx-sec-control>i{width:7px;height:7px;border-radius:50%;background:#52e693;box-shadow:0 0 11px rgba(82,230,147,.55)}.engx-sec-control span{display:grid;gap:3px}.engx-sec-control small{font:500 5px/1 "IBM Plex Mono",monospace;color:#60636e}.engx-sec-control b{font:600 7px/1 "IBM Plex Mono",monospace;color:#c2c6cf}.engx-sec-control em{font:600 5px/1 "IBM Plex Mono",monospace;color:#52e693;font-style:normal}.sec-a{left:18px;top:62px}.sec-b{right:18px;top:88px}.sec-c{left:24px;bottom:72px}.engx-health{position:absolute;z-index:8;right:22px;bottom:48px;display:grid;grid-template-columns:8px 1fr auto;gap:9px;align-items:center;padding:10px 11px;border:1px solid rgba(84,232,154,.14);border-radius:12px;background:rgba(7,10,10,.92)}.engx-health>i{width:7px;height:7px;border-radius:50%;background:#54e89a;box-shadow:0 0 13px rgba(84,232,154,.65);animation:engxHealth 1.8s ease-in-out infinite}.engx-health span{display:grid;gap:3px}.engx-health small{font:500 5px/1 "IBM Plex Mono",monospace;color:#5c6861}.engx-health b{font:600 7px/1 "IBM Plex Mono",monospace;color:#c1e5d0}.engx-health strong{font:650 7px/1 "IBM Plex Mono",monospace;color:#54e89a}
.engx-standard{position:relative;z-index:2;margin-top:18px;padding:20px 22px;border:1px solid rgba(255,255,255,.065);border-radius:18px;background:linear-gradient(90deg,rgba(255,255,255,.018),rgba(255,255,255,.008));display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:22px}.engx-standard>span{color:#64646e;font-size:8px}.engx-standard p{margin:0;color:#7a7a84;font-size:12px;line-height:1.75}.engx-standard div{display:flex;align-items:center;gap:8px;color:#858a95;font:500 7px/1 "IBM Plex Mono",monospace;white-space:nowrap}.engx-standard div i{width:7px;height:7px;border-radius:50%;background:#54e89a;box-shadow:0 0 13px rgba(84,232,154,.5)}
@keyframes engxAura{0%,100%{transform:translate3d(0,0,0) scale(.92);opacity:.08}50%{transform:translate3d(25px,-18px,0) scale(1.08);opacity:.14}}@keyframes engxScan{0%,10%{transform:translateY(0);opacity:0}18%{opacity:.65}72%{opacity:.4}86%,100%{transform:translateY(430px);opacity:0}}@keyframes engxRuntimeFloat{0%,100%{transform:translate(-50%,-50%) rotateX(3deg) rotateY(-5deg) translateY(0)}50%{transform:translate(-50%,-50%) rotateX(3deg) rotateY(-3deg) translateY(-7px)}}@keyframes engxPhoneFloat{0%,100%{transform:rotate(6deg) translateY(0)}50%{transform:rotate(3deg) translateY(-8px)}}@keyframes engxBars{from{filter:brightness(.78);transform:scaleY(.72);transform-origin:bottom}to{filter:brightness(1.18);transform:scaleY(1)}}@keyframes engxRadar{to{transform:rotate(360deg)}}@keyframes engxShield{0%,100%{transform:translate(-50%,-50%) translateY(0)}50%{transform:translate(-50%,-50%) translateY(-8px)}}@keyframes engxHealth{0%,100%{opacity:.5;transform:scale(.82)}50%{opacity:1;transform:scale(1.25)}}
@keyframes engxPacketA{0%{left:18%;top:18%}50%{left:49%;top:48%}100%{left:18%;top:18%}}@keyframes engxPacketB{0%{left:82%;top:20%}50%{left:51%;top:48%}100%{left:82%;top:20%}}@keyframes engxPacketC{0%{left:18%;top:78%}50%{left:49%;top:52%}100%{left:18%;top:78%}}@keyframes engxPacketD{0%{left:82%;top:76%}50%{left:51%;top:52%}100%{left:82%;top:76%}}
@media(max-width:1080px){.engx-grid{grid-template-columns:1fr 1fr}.engx-card:last-child{grid-column:1/-1}.engx-visual{height:410px}}
@media(max-width:760px){.engx-section{padding:112px 0 90px;scroll-margin-top:90px}.engx-head{width:calc(100% - 24px);max-width:calc(100% - 24px);margin-inline:auto}.engx-head h2{font-size:clamp(36px,9.6vw,48px);line-height:1.14}.engx-head>p{font-size:13.5px;line-height:1.9}.engx-principles{gap:7px}.engx-principles span{font-size:6.5px;padding:8px 9px}.engx-grid{width:calc(100% - 24px);max-width:calc(100% - 24px);margin-inline:auto;grid-template-columns:1fr;gap:16px;margin-top:40px}.engx-card,.engx-card:last-child{grid-column:auto;min-width:0;border-radius:23px}.engx-card-top{height:54px;padding:0 16px}.engx-card-top span{font-size:6.5px}.engx-visual{height:350px}.engx-copy{min-height:0;padding:22px 18px 24px}.engx-number{top:22px;left:18px}.engx-copy h3{padding-left:34px;font-size:22px}.engx-copy p{font-size:12px}.engx-browser{width:min(72vw,250px);height:180px}.engx-browser-body{height:138px;grid-template-columns:62px 1fr}.engx-side-nav{padding:9px 6px}.engx-dashboard{padding:10px}.engx-phone{width:66px;height:137px;right:7px;bottom:34px}.engx-node{font-size:5px;padding:6px}.node-web{left:8px;top:78px}.node-desktop{left:9px;bottom:35px}.node-api{right:82px;bottom:22px}.engx-data-node{min-width:84px;padding:8px}.engx-data-node strong{font-size:9px}.data-a{left:7px;top:34px}.data-b{right:7px;top:45px}.data-c{left:7px;bottom:43px}.data-d{right:7px;bottom:48px}.engx-data-core{width:92px;height:92px}.engx-data-core strong{font-size:20px}.engx-event-row{bottom:16px}.engx-event-row span{padding:5px 6px;font-size:4px}.engx-radar{width:230px;height:230px}.engx-shield{width:94px;height:112px}.engx-sec-control{min-width:104px;padding:8px}.sec-a{left:5px;top:54px}.sec-b{right:5px;top:78px}.sec-c{left:8px;bottom:62px}.engx-health{right:6px;bottom:38px;padding:8px}.engx-standard{width:calc(100% - 24px);max-width:calc(100% - 24px);margin-inline:auto;grid-template-columns:1fr;gap:9px;padding:16px}.engx-standard div{white-space:normal}}
@media(max-width:420px){.engx-visual{height:330px}.engx-browser{width:220px;height:165px}.engx-phone{width:62px;height:128px}.engx-radar{width:210px;height:210px}.engx-data-node{min-width:76px}.engx-sec-control{min-width:96px}.engx-copy h3{font-size:20px}}
@media(prefers-reduced-motion:reduce){.engx-aura,.engx-visual::after,.engx-browser,.engx-phone,.engx-bars i,.engx-packet,.engx-radar>i,.engx-shield,.engx-health>i{animation:none!important}.engx-card:hover{transform:none!important}}


/* =========================================================
   FINAL PHASE 07 - production safety guards
   ========================================================= */
html,body{max-width:100%;overflow-x:clip}
img,svg,video,canvas{max-width:100%}
button,a{-webkit-tap-highlight-color:transparent}
@media(max-width:760px){
  body{min-width:320px}
  .shell{max-width:calc(100vw - 24px)}
  .projects-showcase,.projects-viewport,.engx-section,.automation-section,.contact-hub{max-width:100vw;overflow-x:clip}
  .project-card{max-width:calc(100vw - 56px)}
}


/* Phase 08 — official contact system */
.button-icon{width:22px;height:22px;display:inline-grid;place-items:center;flex:0 0 22px}.button-icon svg,.channel-icon svg,.contact-option-svg svg,.social-link svg,.footer-contact-bar svg,.whatsapp-fab svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.button-whatsapp{background:linear-gradient(180deg,#21c968,#119b4a);border-color:rgba(82,255,155,.38);box-shadow:0 16px 42px rgba(17,155,74,.24),inset 0 1px 0 rgba(255,255,255,.22)}.button-whatsapp:hover{box-shadow:0 20px 48px rgba(17,155,74,.33),inset 0 1px 0 rgba(255,255,255,.26)}
.contact-response-note{display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:9px;margin-top:18px;color:#787880;font-size:11px}.contact-response-note>span{width:8px;height:8px;border-radius:50%;background:#23c86b;box-shadow:0 0 18px rgba(35,200,107,.55)}.contact-response-note b{color:#c9c9ce;font-size:11px}.contact-response-note small{font-size:10px;color:#6f6f77}
.contact-option-svg{font-family:inherit}.contact-option-svg svg{width:24px;height:24px}.contact-option:hover .contact-option-svg{color:#fff;background:rgba(242,21,37,.14)}
.contact-directory{position:relative;z-index:3;margin-top:68px;padding-top:42px;border-top:1px solid var(--line)}.contact-directory-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:22px}.contact-directory-head h3{font-size:clamp(28px,3.2vw,44px);line-height:1.2;margin:9px 0 0}.verified-contact{display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid rgba(255,255,255,.08);border-radius:999px;background:rgba(255,255,255,.025);color:#898990;font-size:10px;white-space:nowrap}.verified-contact i{width:7px;height:7px;border-radius:50%;background:#23c86b;box-shadow:0 0 14px rgba(35,200,107,.48)}
.contact-channel-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.contact-channel{position:relative;min-height:92px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center;padding:15px 17px;border:1px solid rgba(255,255,255,.075);border-radius:20px;background:linear-gradient(180deg,rgba(255,255,255,.034),rgba(255,255,255,.012));overflow:hidden;transition:transform .3s var(--ease),border-color .3s,background .3s,box-shadow .3s}.contact-channel::before{content:"";position:absolute;inset:0;background:radial-gradient(300px circle at 15% 50%,rgba(242,21,37,.10),transparent 66%);opacity:0;transition:opacity .3s}.contact-channel:hover{transform:translateY(-3px);border-color:rgba(255,75,85,.23);box-shadow:0 22px 58px rgba(0,0,0,.22)}.contact-channel:hover::before{opacity:1}.contact-channel>*{position:relative;z-index:1}.channel-icon{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;padding:12px;border:1px solid rgba(255,255,255,.09);background:#0d0d10;color:#d7d7dc}.channel-icon svg{width:24px;height:24px}.contact-channel>span:nth-child(2){display:grid;gap:4px;min-width:0}.contact-channel small{color:#707078;font-size:10px}.contact-channel b{font-size:13px;font-weight:700;overflow-wrap:anywhere}.contact-channel>i{font-style:normal;color:#63636a;font-size:18px}.channel-whatsapp .channel-icon{color:#31d17b;border-color:rgba(49,209,123,.22);background:rgba(49,209,123,.06)}.channel-site .channel-icon{color:#ff737c}.channel-location{grid-column:span 2}.channel-location .channel-icon{color:#ff737c}
.social-strip{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:14px;padding:12px;border:1px solid rgba(255,255,255,.06);border-radius:18px;background:rgba(255,255,255,.014)}.social-strip-label{color:#6f6f76;font-size:10px;margin-inline:5px auto}.social-link{height:44px;display:inline-flex;align-items:center;gap:8px;padding:0 13px;border-radius:13px;border:1px solid rgba(255,255,255,.075);background:rgba(255,255,255,.025);font-size:11px;color:#aaaab1;transition:.25s}.social-link:hover{color:white;transform:translateY(-2px);border-color:rgba(255,255,255,.15)}.social-link svg{width:18px;height:18px}.social-link.instagram svg .fill-dot{fill:currentColor;stroke:none}.social-link.telegram:hover{color:#55b8ff}.social-link.facebook:hover{color:#76a8ff}.social-link.instagram:hover{color:#ff72ad}
.footer-contact-bar{margin-top:24px;padding-top:20px;border-top:1px solid rgba(255,255,255,.055);display:flex;align-items:center;gap:8px;flex-wrap:wrap}.footer-contact-bar a{display:inline-flex;align-items:center;gap:7px;padding:8px 10px;border-radius:11px;color:#65656c;font-size:10px;transition:.25s}.footer-contact-bar a:hover{color:#fff;background:rgba(255,255,255,.035)}.footer-contact-bar span{width:16px;height:16px;display:grid;place-items:center}.footer-contact-bar svg{width:16px;height:16px}
.whatsapp-fab{position:fixed;left:20px;bottom:20px;z-index:95;min-height:54px;display:inline-flex;align-items:center;gap:10px;padding:0 16px;border-radius:17px;background:linear-gradient(180deg,#24cf6e,#119c4c);color:#fff;border:1px solid rgba(129,255,181,.34);box-shadow:0 18px 54px rgba(11,118,58,.34),inset 0 1px 0 rgba(255,255,255,.22);font-size:12px;font-weight:800;transition:transform .3s var(--ease),box-shadow .3s}.whatsapp-fab:hover{transform:translateY(-3px);box-shadow:0 23px 62px rgba(11,118,58,.42),inset 0 1px 0 rgba(255,255,255,.25)}.whatsapp-fab span{width:25px;height:25px;display:grid}.whatsapp-fab svg{width:25px;height:25px;stroke-width:1.9}
@media(max-width:900px){.contact-directory{margin-top:48px}.contact-channel-grid{grid-template-columns:1fr}.channel-location{grid-column:auto}.contact-directory-head{align-items:start;flex-direction:column}.social-strip-label{width:100%;margin:0 4px 3px}.footer-contact-bar{align-items:flex-start}}
@media(max-width:620px){.contact-directory{margin-top:38px;padding-top:30px}.contact-directory-head{gap:14px}.contact-directory-head h3{font-size:29px}.verified-contact{font-size:9px}.contact-channel{min-height:82px;padding:12px 13px;border-radius:17px}.channel-icon{width:43px;height:43px;border-radius:13px;padding:10px}.contact-channel b{font-size:11px}.contact-channel small{font-size:9px}.social-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.social-strip-label{grid-column:1/-1}.social-link{justify-content:center;padding:0 7px}.social-link span{display:none}.whatsapp-fab{left:14px;bottom:14px;width:54px;height:54px;min-height:54px;padding:0;border-radius:17px;justify-content:center}.whatsapp-fab b{display:none}.contact-response-note{grid-template-columns:auto 1fr}.contact-response-note small{grid-column:1/-1;padding-inline-start:17px}.footer-contact-bar{display:grid;grid-template-columns:1fr 1fr}.footer-contact-bar a{min-width:0;overflow-wrap:anywhere}}

/* Responsive repair: stable geometry lets native scroll-snap own momentum. */
.phase06b .projects-viewport{width:100%;margin-inline:0;--card-w:min(72vw,575px)}
.phase06b .projects-track{scroll-behavior:auto;scroll-snap-stop:normal;overflow-anchor:none;transform:none;contain:layout style;touch-action:pan-x pan-y pinch-zoom}
.phase06b .project-card{max-width:none;transform:none;transition:opacity .15s ease;will-change:auto;scroll-snap-stop:normal;opacity:.85}
.phase06b .project-card.is-active{opacity:1}
.phase06b .project-card::before{display:none}
.phase06b .project-card-inner::before{opacity:.10!important}
.phase06b .project-card-inner::after{opacity:.18!important}
.phase06b .project-card-inner{transition:border-color .18s ease;transform-style:flat}
.phase06b .carousel-dot{flex-shrink:0}
@media(max-width:900px){
 .phase06b .projects-viewport{--card-w:min(78vw,575px);--card-gap:12px}
 .phase06b .project-card{height:auto;min-height:700px;opacity:1;display:flex}
 .phase06b .project-card-inner{position:relative;inset:auto;width:100%;display:flex;flex-direction:column;min-width:0}
 .phase06b .project-card-foot{position:static;margin-top:auto;padding-top:16px;transform:none}
 .phase06b .project-visual{flex-shrink:0;transform:none}
 .phase06b .project-divider{flex-shrink:0}
 .phase06b .project-card-head,.phase06b .project-description{transform:none}
 .phase06b .project-card-inner,.phase06b .project-card.is-active .project-card-inner{box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 8px 24px rgba(0,0,0,.24)}
 .phase06b .project-card-inner::after{display:none}
 /* Keep the original in-card motion on touch screens; offscreen cards pause below. */
 .mobile-menu{overflow-y:auto;overscroll-behavior-y:contain}
 .mobile-menu-inner{padding-bottom:32px}
}
@media(max-width:620px){
 body{min-width:0}
 .shell{max-width:calc(100% - 28px)}
 .hero{overflow-x:clip}
 .phase06b .project-card{min-height:675px}
 .phase06b .project-card-inner{padding:16px}
 .phase06b .projects-viewport::before,.phase06b .projects-viewport::after{width:10px;opacity:.18}
 .phase06b .project-card-head{gap:8px;grid-template-columns:44px minmax(0,1fr) 40px}
 .phase06b .project-icon{width:44px;height:44px}
 .phase06b .project-open{width:40px;height:44px}
 .phase06b .project-name h3{font-size:clamp(15px,4.4vw,19px);overflow-wrap:anywhere}
 .phase06b .project-highlights span{white-space:normal}
 .phase06b .school-dashboard{grid-template-columns:repeat(2,minmax(0,1fr))}
 .phase06b .school-stat{min-width:0;padding:10px}
 .phase06b .school-stat strong{font-size:clamp(19px,5.8vw,24px)}
 .phase06b .project-card-foot{gap:5px}
 .phase06b .project-card-foot span{overflow-wrap:anywhere;max-width:100%}
 .phase06b .projects-controls{min-width:0}
 .phase06b .carousel-progress{grid-column:1/-1;width:100%;max-width:100%;padding:8px 2px}
 .phase06b .carousel-status{grid-column:2;grid-row:1}
 .phase06b .browse-projects{min-width:0;overflow-wrap:anywhere}
 .console-topbar{gap:8px;padding-inline:10px}
 .console-topbar .mono{font-size:8px;letter-spacing:0}
 .system-head{gap:10px;flex-wrap:wrap}
 .mobile-menu-foot{flex-wrap:wrap}
 .footer-contact-bar a{overflow-wrap:anywhere}
 .hero-stage,.page-noise{pointer-events:none}
 .hero-console{animation:none}
}
.phase06b .projects-track.is-navigating{scroll-snap-type:none}
@media(max-width:620px){
 .phase06c2 .visual-invoice{grid-template-columns:minmax(0,1fr) 58px;gap:7px}
 .phase06c2 .visual-phone{grid-template-columns:minmax(0,1fr) 64px;gap:7px}
 .phase06c2 .phone-pro{width:100%;max-width:160px;min-width:0;padding:9px;gap:7px}
 .phase06c2 .phone-side-card{min-width:0;padding:7px;overflow-wrap:anywhere}
 .phase06c2 .phone-side-card strong{font-size:22px}
 .phase06c2 .kanban{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}
 .phase06c2 .kanban section{min-width:0;padding:5px}
 .phase06c2 .kanban header{flex-wrap:wrap;gap:3px;font-size:7px}
 .phase06c2 .kanban span{padding:5px;font-size:7px;overflow-wrap:anywhere}
 .phase06c2 .dash-top,.phase06c2 .dash-bottom{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}
 .phase06c2 .dash-bottom span{padding:5px;gap:3px;grid-template-columns:auto minmax(0,1fr) auto;overflow-wrap:anywhere}
 .phase06c2 .project-visual>*{min-width:0}
}

/* Single-card gestures and categories immediately below the project cards. */
.phase06b .projects-track{touch-action:pan-y pinch-zoom}
.phase06b .project-card{scroll-snap-stop:always}
.phase06b .projects-track.is-dragging{scroll-snap-type:none;user-select:none}
.projects-categories{display:flex;justify-content:center;margin-bottom:24px;min-width:0}
.phase06b .projects-categories .project-tabs{margin-top:0;max-width:100%;width:max-content}
.motion-paused *,.motion-paused::before,.motion-paused::after,.motion-paused *::before,.motion-paused *::after,.page-hidden *,.page-hidden *::before,.page-hidden *::after{animation-play-state:paused!important}
.reveal-group,.reveal-section{transition:opacity .38s ease,transform .38s var(--ease)}
.whatsapp-fab{z-index:65;appearance:none;cursor:pointer;font-family:inherit;left:max(16px,env(safe-area-inset-left));bottom:max(16px,env(safe-area-inset-bottom));box-shadow:0 6px 22px rgba(11,118,58,.25)}
.whatsapp-fab>.button-icon{display:grid;place-items:center;width:25px;height:25px;flex:0 0 25px}
.whatsapp-fab>.button-icon>svg{display:block;width:25px;height:25px;flex-shrink:0}
.menu-open .whatsapp-fab,.request-open .whatsapp-fab{visibility:hidden;pointer-events:none}
.site-footer{padding-bottom:84px}
body.request-open{overflow:hidden}
.request-dialog{width:min(640px,calc(100% - 28px));max-width:640px;max-height:calc(100dvh - 32px);margin:auto;padding:24px;border:1px solid rgba(255,255,255,.14);border-radius:24px;color:var(--text);background:#101013;box-shadow:0 24px 80px rgba(0,0,0,.5);font-family:inherit;overflow-y:auto;overscroll-behavior:contain;z-index:110}
.request-dialog::backdrop{background:rgba(0,0,0,.78)}
.request-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}
.request-heading h2{font-size:26px;line-height:1.5;margin:8px 0}
.request-close{width:44px;height:44px;flex:0 0 44px;padding:0;border:1px solid var(--line);border-radius:13px;background:#1b1b20;color:#fff;font-size:28px;cursor:pointer}
.request-dialog>p{font-size:13px;color:#a6a6ad;line-height:1.9;margin:0 0 22px}
.request-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.request-form>label{display:grid;gap:7px;font-size:12px;color:#d4d4db;min-width:0}
.request-form input:not([type=checkbox]),.request-form select,.request-form textarea{width:100%;min-width:0;padding:12px;border:1px solid rgba(255,255,255,.13);border-radius:12px;background:#19191e;color:#f5f5f6;font:400 16px/1.6 "Cairo",system-ui,sans-serif;outline-offset:3px}
.request-form input::placeholder,.request-form textarea::placeholder{color:#80808a;font-size:13px}
.request-form textarea{resize:vertical;min-height:112px;max-height:300px}
.request-form select{min-height:51px}
.request-form :is(input,select,textarea):focus-visible{outline:2px solid var(--red2)}
.request-wide,.request-platforms{grid-column:1/-1}
.request-platforms{margin:0;padding:12px;border:1px solid var(--line);border-radius:12px;display:flex;flex-wrap:wrap;gap:6px 14px}
.request-platforms legend{padding:0 6px;font-size:12px;color:#d4d4db}
.request-platforms label{display:flex;align-items:center;gap:7px;min-height:36px;font-size:12px;cursor:pointer}
.request-platforms input{width:17px;height:17px;accent-color:var(--red2);margin:0}
.request-submit{display:grid;gap:10px;text-align:center}
.request-submit button{width:100%;font-family:inherit;cursor:pointer;color:#fff}
.request-submit small{font-size:11px;color:#898994}
.request-prepared{font-size:12px;color:#59de96;text-decoration:underline;overflow-wrap:anywhere}
@media(max-width:900px){
 .page-noise{display:none}
 .floating-header{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
 .hero-stage{transition:none}
 .hero-red-glow{filter:blur(24px);animation:none}
 .hero-stage .ribbon,.hero-stage .orbital-ring,.hero-comet,.hero-sparks i{animation:none}
 .hero-copy::before{backdrop-filter:none}
 .project-card-inner,.hero-console{backdrop-filter:none}
 .ambient{filter:blur(55px)}
}
@media(max-width:620px){
 .projects-categories{margin-bottom:20px}
 .phase06b .projects-categories .project-tabs{width:100%;border-radius:18px}
 .whatsapp-fab{width:48px;height:48px;min-height:48px;border-radius:16px;left:max(12px,env(safe-area-inset-left));bottom:max(12px,env(safe-area-inset-bottom))}
 .request-dialog{padding:18px 16px;border-radius:20px;max-height:calc(100dvh - 24px)}
 .request-heading h2{font-size:23px}
 .request-form{grid-template-columns:minmax(0,1fr);gap:13px}
 .request-dialog>p{margin-bottom:18px}
}
.fab-clearance .whatsapp-fab{visibility:hidden;pointer-events:none}
.projects-track,button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}
@media(max-width:900px){
 .phase06b .project-card.is-active .project-card-inner{box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 8px 24px rgba(0,0,0,.24)!important}
 .phase06b .project-card.is-active .project-visual{box-shadow:inset 0 0 24px rgba(var(--accent-rgb),.08)!important}
}
.phase06b .carousel-dot{transition:width .16s ease,background .16s ease,transform .16s ease}
.project-tabs::before{transition:transform .22s var(--ease),width .22s var(--ease)}
.projects-track:focus-visible{outline:2px solid rgba(255,255,255,.22);outline-offset:-2px}

/* Match all project-request buttons to the site's Cairo typeface. */
button.button,[data-project-request]{font-family:"Cairo",system-ui,sans-serif;line-height:1.6}
[data-project-request]{font-weight:700}
.whatsapp-fab[data-project-request]{font-weight:800}

/* Preserve the engineering artwork while removing expensive recurring paints. */
.engx-aura{filter:none;animation:none;opacity:.16}
.engx-aura-blue{background:radial-gradient(circle,rgba(50,109,255,.65),rgba(50,109,255,.22) 38%,transparent 72%)}
.engx-aura-red{background:radial-gradient(circle,rgba(231,23,49,.65),rgba(231,23,49,.22) 38%,transparent 72%)}
.engx-card.reveal-section{transform:none;transition:opacity .22s ease,border-color .2s ease}
.engx-bars i{animation-name:engxBarsSmooth;transform-origin:bottom;filter:none}
@keyframes engxBarsSmooth{from{transform:scaleY(.72)}to{transform:scaleY(1)}}
.engx-packet{animation-name:engxPacketTravel;animation-timing-function:ease-in-out}
.packet-a{left:18%;top:18%;--packet-dx:calc(var(--diagram-w) * .31);--packet-dy:calc(var(--diagram-h) * .30)}
.packet-b{left:82%;top:20%;--packet-dx:calc(var(--diagram-w) * -.31);--packet-dy:calc(var(--diagram-h) * .28)}
.packet-c{left:18%;top:78%;--packet-dx:calc(var(--diagram-w) * .31);--packet-dy:calc(var(--diagram-h) * -.26)}
.packet-d{left:82%;top:76%;--packet-dx:calc(var(--diagram-w) * -.31);--packet-dy:calc(var(--diagram-h) * -.24)}
@keyframes engxPacketTravel{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(var(--packet-dx),var(--packet-dy),0)}}
@media(max-width:900px),(pointer:coarse){
 /* Engineering motion uses the lightweight transform animations above on mobile too. */
 .engx-card,.engx-card:hover{transform:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
 .engx-shield{filter:none}
 .engx-browser{box-shadow:0 12px 24px rgba(0,0,0,.35)}
 .engx-phone{box-shadow:0 8px 18px rgba(0,0,0,.3)}
 .engx-data-core{box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 0 20px rgba(155,114,255,.10)}
 .engx-data-node,.engx-sec-control{box-shadow:none}
}