@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500;600;700&family=Poppins:wght@600;700;800&display=swap');
:root{--navy:#0B1F3A;--navy2:#061426;--blue:#1565C0;--blue2:#2f80ed;--gold:#F5B301;--white:#fff;--light:#F5F7FA;--mid:#D9E1E8;--grey:#4A5568;--ink:#172033;--radius:22px;--shadow:0 22px 55px rgba(11,31,58,.14)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"Open Sans",Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.65;overflow-x:hidden}img{max-width:100%;display:block}a{color:inherit}.container{width:min(1160px,calc(100% - 38px));margin-inline:auto}.section{padding:92px 0;position:relative}.skip-link{position:fixed;left:15px;top:-60px;z-index:9999;background:var(--gold);padding:12px 18px;border-radius:8px}.skip-link:focus{top:15px}
.ambient-layer{position:fixed;inset:0;pointer-events:none;z-index:-2;overflow:hidden;background:linear-gradient(#fff,#f9fbfd)}.ambient-orb{position:absolute;border-radius:50%;filter:blur(20px);opacity:.16;animation:drift 18s ease-in-out infinite alternate}.orb-one{width:360px;height:360px;background:#2f80ed;top:8%;right:-130px}.orb-two{width:300px;height:300px;background:#f5b301;left:-130px;top:50%;animation-delay:-7s}.orb-three{width:260px;height:260px;background:#1565c0;right:5%;bottom:5%;animation-delay:-5s}.ambient-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(11,31,58,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(11,31,58,.03) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,transparent,black 18%,black 78%,transparent)}.ambient-shield{position:absolute;opacity:.025;filter:grayscale(1);animation:shieldFloat 20s ease-in-out infinite alternate}.shield-one{width:360px;left:-100px;top:32%}.shield-two{width:260px;right:-70px;top:72%;animation-delay:-9s}.shield-three{width:440px;right:-150px;top:22%}
.site-header{position:sticky;top:0;z-index:1000;background:rgba(6,20,38,.93);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.08)}.header-inner{min-height:80px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none;font:800 1.35rem/1 "Poppins"}.brand img{width:48px;height:54px;object-fit:contain}.brand span span,.footer-brand span{color:#55A6FF}.site-nav{display:flex;align-items:center;gap:25px}.site-nav>a{color:#eef5fd;text-decoration:none;font-weight:700;font-size:.93rem}.site-nav>a:not(.button):hover,.site-nav>a[aria-current="page"]{color:var(--gold)}.nav-toggle{display:none;background:transparent;border:1px solid rgba(255,255,255,.25);color:#fff;padding:9px 13px;border-radius:9px}
.button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 23px;border-radius:999px;text-decoration:none;font-weight:800;border:1px solid transparent;transition:.25s ease}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--gold);color:var(--navy);box-shadow:0 10px 28px rgba(245,179,1,.24)}.button-secondary{border-color:rgba(255,255,255,.35);color:#fff;background:transparent}.button-light{background:#fff;color:var(--navy)}.button-small{min-height:41px;padding-inline:17px;background:var(--gold);color:var(--navy)!important}
.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 80% 28%,rgba(47,128,237,.38),transparent 31%),linear-gradient(135deg,var(--navy2),var(--navy) 55%,#0e3867);color:#fff}.hero-grid{min-height:750px;padding:90px 0 100px;display:grid;grid-template-columns:1.12fr .88fr;gap:70px;align-items:center}.hero-grid-about{min-height:690px}.eyebrow{margin:0 0 13px;color:var(--blue);text-transform:uppercase;letter-spacing:.16em;font-size:.76rem;font-weight:800}.hero .eyebrow,.section-dark .eyebrow,.contact-panel .eyebrow{color:var(--gold)}h1,h2,h3{font-family:"Poppins";line-height:1.15;margin-top:0}h1{font-size:clamp(2.8rem,6vw,5.1rem);letter-spacing:-.045em;margin-bottom:24px}h1 span{color:var(--gold)}h2{font-size:clamp(2rem,4vw,3.1rem);letter-spacing:-.035em;margin-bottom:19px}h3{font-size:1.22rem}.lead{font-size:1.13rem;color:#d9e5f2;max-width:700px;margin-bottom:30px}.lead-small{font-size:1.12rem;color:var(--grey);font-weight:600}.button-row{display:flex;gap:14px;flex-wrap:wrap}.trust-line{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}.trust-line span{padding:7px 11px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.06);border-radius:99px;font-size:.78rem}.hero-visual{position:relative;min-height:520px;display:grid;place-items:center}.shield-stage{position:relative;width:430px;height:430px;display:grid;place-items:center}.hero-shield{position:relative;width:310px;animation:heroShield 7s ease-in-out infinite;filter:drop-shadow(0 35px 45px rgba(0,0,0,.4));z-index:3}.shield-glow{position:absolute;width:310px;height:310px;border-radius:50%;background:radial-gradient(circle,rgba(47,128,237,.38),rgba(245,179,1,.13) 38%,transparent 72%);animation:pulse 5s ease-in-out infinite}.orbit{position:absolute;border:1px solid rgba(255,255,255,.15);border-radius:50%;animation:spin 16s linear infinite}.orbit-one{width:410px;height:240px;transform:rotate(-18deg)}.orbit-two{width:330px;height:360px;transform:rotate(35deg);animation-duration:22s;animation-direction:reverse}.orbit i{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--gold);top:50%;left:-4px;box-shadow:0 0 16px var(--gold)}.experience-card{position:absolute;width:195px;padding:14px 17px;border-radius:14px;background:rgba(255,255,255,.96);color:var(--navy);box-shadow:var(--shadow);animation:cardFloat 6s ease-in-out infinite}.experience-card strong,.experience-card span{display:block}.experience-card strong{font-family:"Poppins";font-size:.87rem}.experience-card span{font-size:.72rem;color:var(--grey);margin-top:3px}.card-one{left:-10px;top:72px}.card-two{right:-5px;bottom:60px;animation-delay:-3s}.hero-particles{position:absolute;inset:0;opacity:.45;background-image:radial-gradient(circle,#fff 1px,transparent 1px);background-size:60px 60px;mask-image:linear-gradient(to right,transparent,black 35%,black 85%,transparent);animation:particleMove 30s linear infinite}
.signal-strip{background:var(--gold);color:var(--navy)}.signal-grid{min-height:72px;display:grid;grid-template-columns:repeat(5,1fr);align-items:center;text-align:center;font-size:.82rem;font-weight:800}.signal-grid span+span{border-left:1px solid rgba(11,31,58,.22)}
.section-heading{max-width:760px;margin:0 auto 44px;text-align:center}.section-heading>p:last-child{color:var(--grey)}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.feature-card{padding:30px;border:1px solid var(--mid);border-radius:var(--radius);background:rgba(255,255,255,.86);box-shadow:0 8px 28px rgba(11,31,58,.055);backdrop-filter:blur(8px);transition:.3s}.feature-card:hover{transform:translateY(-6px);box-shadow:var(--shadow);border-color:#a9c7ea}.feature-number{display:inline-grid;place-items:center;width:48px;height:48px;margin-bottom:21px;border-radius:15px;background:linear-gradient(135deg,var(--navy),var(--blue));color:#fff;font:700 .83rem "Poppins"}.feature-card p{color:var(--grey);margin-bottom:0}
.section-dark{background:linear-gradient(135deg,var(--navy2),var(--navy));color:#fff;overflow:hidden}.split-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:72px;align-items:center;overflow-x:clip}.split-grid>*{min-width:0}.section-copy{color:#ccdae8}.text-link{color:var(--gold);font-weight:800;text-decoration:none}.standard-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;list-style:none;padding:0;margin:0}.standard-list li{padding:17px 16px;border:1px solid rgba(255,255,255,.12);border-radius:13px;background:rgba(255,255,255,.06);font-weight:700}.standard-list span{color:var(--gold);font-size:.71rem;margin-right:8px}.background-shield-wrap{position:absolute;right:-90px;top:50%;transform:translateY(-50%);opacity:.035;pointer-events:none;animation:slowRotate 40s linear infinite}.background-shield-wrap img{width:500px}.bg-large img{width:650px}
.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.project-card{min-height:260px;padding:33px;border-radius:var(--radius);color:#fff;box-shadow:var(--shadow);transition:.3s}.project-card:hover{transform:translateY(-6px)}.project-card>span{display:inline-block;padding:7px 10px;border:1px solid rgba(255,255,255,.25);border-radius:99px;font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;font-weight:800;margin-bottom:44px}.project-card p{color:#d9e4ef}.project-itian{background:linear-gradient(145deg,#0b1f3a,#1565c0)}.project-nz{background:linear-gradient(145deg,#061d2a,#13718e)}.project-mcx{background:linear-gradient(145deg,#30250a,#806708)}
.process-section{background:var(--light)}.process-line{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.process-step{position:relative;padding:22px 17px;border-radius:16px;background:#fff;border:1px solid var(--mid)}.process-step span{display:inline-block;color:var(--blue);font:800 .77rem "Poppins";margin-bottom:20px}.process-step p{font-size:.86rem;color:var(--grey);margin-bottom:0}.contact-panel{padding:52px;border-radius:30px;color:#fff;background:linear-gradient(110deg,var(--navy2),var(--navy) 60%,var(--blue));display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:center;box-shadow:0 30px 70px rgba(11,31,58,.2)}.contact-panel p:not(.eyebrow){color:#d5e1ed}.contact-actions{display:grid;gap:12px}.contact-actions small{text-align:center;color:#c6d4e4}
.story-grid{align-items:start}.story-copy p{font-size:1.05rem;color:var(--grey)}.founder-section{background:var(--light)}.founder-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;align-items:center}.founder-frame{padding:20px;border-radius:28px;background:linear-gradient(145deg,#fff,#dfe7ef);box-shadow:var(--shadow)}.founder-frame img{border-radius:18px}.value-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.value-tags span{padding:8px 12px;border-radius:99px;background:#e7f0fb;color:var(--navy);font-weight:700;font-size:.78rem}.principle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.principle-card{padding:26px;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:rgba(255,255,255,.06)}.principle-card p{color:#cbd9e7}.vision-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.vision-card{padding:42px;border-radius:var(--radius);border:1px solid var(--mid);background:#fff;box-shadow:0 8px 28px rgba(11,31,58,.05)}.vision-card h2{font-size:clamp(1.5rem,3vw,2.2rem)}.nz-section{background:linear-gradient(180deg,#f7fafc,#eef4f8)}.nz-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:45px;align-items:center}.nz-card{min-height:280px;border-radius:26px;background:linear-gradient(145deg,var(--navy),var(--blue));color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:var(--shadow)}.nz-card strong{font:800 1.55rem "Poppins"}.nz-card span{color:#dce9f6;margin-top:8px}
.site-footer{padding:30px 0;background:#05101e;color:#cbd8e5}.footer-grid{display:grid;grid-template-columns:1.4fr .8fr 1fr;gap:30px;align-items:center}.footer-brand{display:flex;align-items:center;gap:12px;color:#fff}.footer-brand img{width:42px}.footer-brand strong{font:800 1.2rem "Poppins"}.footer-brand p{font-size:.7rem;color:#93a7bc;margin:3px 0}.site-footer nav{display:flex;gap:14px;flex-wrap:wrap}.site-footer nav a{color:#dce7f2;text-decoration:none;font-size:.8rem}.site-footer>div>p{font-size:.76rem;text-align:right}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .75s ease,transform .75s ease}.reveal.visible{opacity:1;transform:none}
@keyframes heroShield{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-14px) rotate(1deg)}}@keyframes pulse{0%,100%{transform:scale(.94);opacity:.55}50%{transform:scale(1.08);opacity:.9}}@keyframes spin{to{transform:rotate(342deg)}}@keyframes cardFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}@keyframes drift{to{transform:translate(60px,45px) scale(1.08)}}@keyframes shieldFloat{to{transform:translateY(-50px) rotate(7deg)}}@keyframes particleMove{to{background-position:120px 60px}}@keyframes slowRotate{to{transform:translateY(-50%) rotate(360deg)}}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.ambient-orb,.ambient-shield,.hero-shield,.shield-glow,.orbit,.experience-card,.hero-particles,.background-shield-wrap{animation:none!important}.reveal{opacity:1;transform:none}}
@media(max-width:980px){.nav-toggle{display:block}.site-nav{position:absolute;left:19px;right:19px;top:72px;display:none;padding:22px;border-radius:16px;background:#061426;box-shadow:var(--shadow)}.site-nav.open{display:grid}.hero-grid,.split-grid,.founder-grid,.contact-panel,.nz-grid{grid-template-columns:1fr}.hero-grid{padding-top:70px;gap:20px}.hero-visual{min-height:520px}.feature-grid,.project-grid,.principle-grid{grid-template-columns:repeat(2,1fr)}.process-line{grid-template-columns:repeat(3,1fr)}.signal-grid{grid-template-columns:repeat(3,1fr);padding:10px 0}.signal-grid span{padding:8px}.signal-grid span+span{border:0}.footer-grid{grid-template-columns:1fr;text-align:center}.footer-brand{justify-content:center}.site-footer nav{justify-content:center}.site-footer>div>p{text-align:center}}
@media(max-width:640px){.container{width:min(100% - 28px,1160px)}.section{padding:68px 0}h1{font-size:2.65rem}.hero-grid{min-height:auto;padding-bottom:70px}.hero-visual{min-height:430px}.shield-stage{width:350px;height:350px}.hero-shield{width:245px}.orbit-one{width:340px;height:200px}.orbit-two{width:280px;height:310px}.experience-card{width:165px;padding:11px 13px}.card-one{left:0;top:38px}.card-two{right:0;bottom:38px}.feature-grid,.project-grid,.principle-grid,.vision-grid,.process-line,.standard-list,.signal-grid{grid-template-columns:1fr}.signal-grid{text-align:left}.contact-panel{padding:30px 24px}.footer-brand{flex-direction:column}.ambient-shield{display:none}}


/* BUILD 003 — SERVICES */
.service-detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.service-detail-card{position:relative;padding:31px;border:1px solid var(--mid);border-radius:var(--radius);background:rgba(255,255,255,.9);box-shadow:0 8px 28px rgba(11,31,58,.06);transition:.3s}
.service-detail-card:hover{transform:translateY(-6px);box-shadow:var(--shadow);border-color:#a9c7ea}
.service-icon{display:inline-grid;place-items:center;width:49px;height:49px;border-radius:15px;background:linear-gradient(135deg,var(--navy),var(--blue));color:white;font:700 .82rem "Poppins";margin-bottom:22px}
.service-detail-card p{color:var(--grey)}
.service-detail-card ul{padding-left:20px;margin:22px 0 0}
.service-detail-card li{margin:8px 0;color:#334155}
.featured-service{border:2px solid var(--gold);background:linear-gradient(180deg,#fffdf5,#fff)}
.service-badge{position:absolute;right:20px;top:20px;padding:6px 10px;border-radius:99px;background:var(--gold);color:var(--navy);font-size:.69rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.advanced-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.advanced-card{padding:29px;border:1px solid rgba(255,255,255,.13);border-radius:18px;background:rgba(255,255,255,.065)}
.advanced-card p{color:#cbd9e7;margin-bottom:0}
.comparison-section{background:var(--light)}
.comparison-table-wrap{overflow-x:auto;border:1px solid var(--mid);border-radius:20px;background:#fff;box-shadow:0 12px 35px rgba(11,31,58,.07)}
.comparison-table{width:100%;border-collapse:collapse;min-width:760px}
.comparison-table th,.comparison-table td{padding:18px 20px;text-align:left;border-bottom:1px solid #e6ebf0}
.comparison-table th{background:var(--navy);color:white;font-family:"Poppins";font-size:.86rem}
.comparison-table tbody tr:last-child td{border-bottom:0}
.comparison-table tbody tr:hover{background:#f8fbff}
.narrow-container{width:min(820px,calc(100% - 38px))}
.faq-list{display:grid;gap:13px}
.faq-item{border:1px solid var(--mid);border-radius:16px;background:#fff;box-shadow:0 8px 26px rgba(11,31,58,.045);overflow:hidden}
.faq-item summary{cursor:pointer;padding:20px 22px;font:700 1rem "Poppins";color:var(--navy);list-style:none}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{content:"+";float:right;color:var(--blue);font-size:1.4rem;line-height:1}
.faq-item[open] summary::after{content:"–"}
.faq-item p{padding:0 22px 20px;margin:0;color:var(--grey)}
@media(max-width:980px){.service-detail-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.service-detail-grid,.advanced-grid{grid-template-columns:1fr}}


/* BUILD 004 — PORTFOLIO & PROJECTS */
.portfolio-hero-stack{position:relative;width:100%;min-height:500px;display:grid;place-items:center}
.portfolio-mini{position:absolute;z-index:5;width:190px;padding:14px 17px;border-radius:14px;background:rgba(255,255,255,.96);color:var(--navy);box-shadow:var(--shadow);animation:cardFloat 6s ease-in-out infinite}
.portfolio-mini strong,.portfolio-mini span{display:block}
.portfolio-mini strong{font:700 .88rem "Poppins"}
.portfolio-mini span{font-size:.72rem;color:var(--grey);margin-top:3px}
.mini-one{left:0;top:56px}
.mini-two{right:0;top:155px;animation-delay:-2s}
.mini-three{left:20px;bottom:50px;animation-delay:-4s}
.case-study{display:grid;grid-template-columns:1.05fr .95fr;gap:54px;align-items:center;padding:52px;margin-bottom:30px;border-radius:28px;color:#fff;overflow:hidden;position:relative;box-shadow:var(--shadow)}
.case-study.reverse .case-copy{order:2}
.case-study.reverse .case-visual{order:1}
.case-blue{background:linear-gradient(135deg,#07192f,#1565c0)}
.case-teal{background:linear-gradient(135deg,#061c28,#0d718f)}
.case-gold{background:linear-gradient(135deg,#2c2208,#876c08)}
.case-label{margin:0 0 10px;color:var(--gold);text-transform:uppercase;letter-spacing:.14em;font-size:.72rem;font-weight:800}
.case-study h3{font-size:clamp(2rem,4vw,3rem);margin-bottom:16px}
.case-study p{color:#dce6f0}
.case-tags{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0}
.case-tags span{padding:7px 10px;border:1px solid rgba(255,255,255,.23);border-radius:99px;font-size:.72rem;font-weight:700}
.case-list{padding-left:20px;margin:20px 0 0}
.case-list li{margin:8px 0;color:#edf4fa}
.browser-mockup{border-radius:18px;background:#e7edf3;padding:10px;box-shadow:0 25px 55px rgba(0,0,0,.28);transform:perspective(900px) rotateY(-5deg);transition:.35s}
.case-study.reverse .browser-mockup{transform:perspective(900px) rotateY(5deg)}
.case-study:hover .browser-mockup{transform:perspective(900px) rotateY(0) translateY(-4px)}
.browser-bar{height:28px;display:flex;align-items:center;gap:6px;padding-left:7px}
.browser-bar i{width:8px;height:8px;border-radius:50%;background:#9aa8b6}
.mock-screen{min-height:300px;padding:36px;border-radius:12px;color:#fff;display:flex;flex-direction:column;justify-content:center}
.mock-screen span{font-size:.78rem;text-transform:uppercase;letter-spacing:.12em;font-weight:800;opacity:.85}
.mock-screen strong{font:800 clamp(1.5rem,3vw,2.35rem)/1.15 "Poppins";margin-top:10px}
.itian-screen{background:linear-gradient(145deg,#06243a,#2e7d32)}
.nz-screen{background:linear-gradient(145deg,#061827,#14708d)}
.mcx-screen{background:linear-gradient(145deg,#15110b,#a57400)}
.mock-cards,.dashboard-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:34px}
.mock-cards b,.dashboard-grid b{display:block;height:65px;border-radius:9px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.18)}
.dashboard-grid{grid-template-columns:repeat(2,1fr)}
.photo-band{height:95px;margin-top:34px;border-radius:10px;background:linear-gradient(115deg,rgba(255,255,255,.15),rgba(245,179,1,.3)),radial-gradient(circle at 70% 30%,#f5b301,transparent 22%),linear-gradient(180deg,#234c67,#061827)}
.capability-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.capability-card{padding:27px;border:1px solid rgba(255,255,255,.13);border-radius:18px;background:rgba(255,255,255,.065)}
.capability-card span{color:var(--gold);font:800 .75rem "Poppins"}
.capability-card h3{margin-top:18px}
.capability-card p{color:#cbd9e7;margin-bottom:0}
.results-section{background:var(--light)}
.result-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.result-card{min-height:180px;padding:28px;border:1px solid var(--mid);border-radius:18px;background:#fff;display:flex;flex-direction:column;justify-content:center;box-shadow:0 8px 28px rgba(11,31,58,.05)}
.result-card strong{font:800 1.7rem "Poppins";color:var(--blue)}
.result-card span{margin-top:8px;color:var(--grey)}
.future-work-section{background:linear-gradient(180deg,#fff,#f5f8fb)}
.future-work-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.future-project-slots{display:grid;gap:13px}
.future-project-slots article{padding:20px 22px;border:1px dashed #9eb2c6;border-radius:15px;background:rgba(255,255,255,.8)}
.future-project-slots span,.future-project-slots strong{display:block}
.future-project-slots span{font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;color:var(--blue);font-weight:800}
.future-project-slots strong{font:700 1rem "Poppins";margin-top:5px}
.fit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.fit-card{padding:27px;border:1px solid var(--mid);border-radius:18px;background:#fff;box-shadow:0 8px 28px rgba(11,31,58,.045)}
.fit-card p{color:var(--grey);margin-bottom:0}
@media(max-width:980px){
  .case-study,.future-work-grid{grid-template-columns:1fr}
  .case-study.reverse .case-copy,.case-study.reverse .case-visual{order:initial}
  .capability-grid{grid-template-columns:repeat(2,1fr)}
  .result-grid,.fit-grid{grid-template-columns:repeat(2,1fr)}
  .portfolio-mini{width:170px}
}
@media(max-width:640px){
  .case-study{padding:29px 22px;gap:28px}
  .capability-grid,.result-grid,.fit-grid{grid-template-columns:1fr}
  .portfolio-mini{position:static;width:100%;margin-bottom:10px;animation:none}
  .portfolio-hero-stack{display:block;min-height:auto}
  .portfolio-hero-stack .shield-stage{margin-inline:auto}
  .mock-screen{min-height:245px;padding:24px}
}


/* BUILD 004.1 — CUSTOMER EXPERIENCE EDITION */
.project-start-hero{background:radial-gradient(circle at 78% 35%,rgba(21,101,192,.32),transparent 32%),linear-gradient(135deg,#07192f,#0b2848);color:#fff;padding:80px 0 70px;overflow:hidden}
.compact-stage{max-width:390px;margin-inline:auto}.project-wizard-section{background:linear-gradient(180deg,#f7f9fc,#fff)}
.wizard-layout{display:grid;grid-template-columns:310px minmax(0,1fr);gap:34px;align-items:start}.wizard-summary{position:sticky;top:104px;padding:30px;border-radius:22px;background:var(--navy);color:#fff;box-shadow:var(--shadow)}.wizard-summary h2{font-size:1.8rem}.wizard-progress{list-style:none;padding:0;margin:26px 0;display:grid;gap:12px}.wizard-progress li{display:flex;align-items:center;gap:12px;color:#9fb1c3;font-weight:700}.wizard-progress span{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;border:1px solid #587088}.wizard-progress li.active{color:#fff}.wizard-progress li.active span{background:var(--gold);border-color:var(--gold);color:var(--navy)}.wizard-progress li.complete{color:#dce6ef}.wizard-progress li.complete span{background:var(--green);border-color:var(--green);color:#fff}.privacy-note{padding-top:22px;border-top:1px solid rgba(255,255,255,.14)}.privacy-note p{font-size:.82rem;color:#b9c8d6;margin-bottom:0}
.project-wizard{min-height:610px;padding:38px;border:1px solid var(--mid);border-radius:24px;background:#fff;box-shadow:0 18px 55px rgba(8,31,58,.09)}.wizard-status{display:flex;align-items:center;gap:16px;margin-bottom:30px;color:var(--grey);font-size:.8rem;font-weight:700}.progress-track{height:7px;flex:1;border-radius:10px;background:#e8edf2;overflow:hidden}.progress-track i{display:block;height:100%;width:25%;background:linear-gradient(90deg,var(--blue),var(--gold));transition:width .3s}.wizard-step[hidden]{display:none}.wizard-step h2{outline:none}.wizard-intro{color:var(--grey);margin-top:-7px;margin-bottom:25px}
.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.choice-card{position:relative;cursor:pointer}.choice-card input{position:absolute;opacity:0}.choice-card span{display:block;min-height:145px;padding:24px;border:2px solid var(--mid);border-radius:17px;transition:.2s}.choice-card strong,.choice-card small{display:block}.choice-card strong{font:700 1.05rem "Poppins";color:var(--navy)}.choice-card small{margin-top:8px;color:var(--grey);line-height:1.55}.choice-card input:checked+span{border-color:var(--blue);background:#edf6ff;box-shadow:0 0 0 4px rgba(21,101,192,.09)}.choice-card input:focus-visible+span{outline:3px solid rgba(21,101,192,.35);outline-offset:3px}
.check-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:25px}.check-grid label{display:flex;align-items:center;gap:11px;padding:15px;border:1px solid var(--mid);border-radius:12px;font-weight:650;cursor:pointer}.check-grid input,.consent-line input{accent-color:var(--blue);width:18px;height:18px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:18px}.project-wizard label:not(.choice-card):not(.consent-line){display:grid;gap:7px;font-weight:700;color:var(--navy)}.project-wizard input:not([type=radio]):not([type=checkbox]),.project-wizard select,.project-wizard textarea{width:100%;padding:13px 14px;border:1px solid #b9c6d2;border-radius:10px;font:inherit;background:#fff}.project-wizard input:focus,.project-wizard select:focus,.project-wizard textarea:focus{outline:3px solid rgba(21,101,192,.16);border-color:var(--blue)}.full-field{margin-top:18px}.wizard-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:30px;padding-top:24px;border-top:1px solid var(--mid)}.wizard-error{min-height:24px;margin-top:18px;color:#c62828;font-weight:700}.review-panel{padding:22px;border-radius:16px;background:var(--light);border:1px solid var(--mid)}.review-panel dl{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:15px}.review-panel dl div{padding-bottom:10px;border-bottom:1px solid #dbe3ea}.review-panel dt{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--blue);font-weight:800}.review-panel dd{margin:5px 0 0;color:var(--navy);font-weight:650}.review-panel .review-wide{grid-column:1/-1}.consent-line{display:flex;align-items:flex-start;gap:10px;margin-top:20px;font-weight:650}
@media(max-width:900px){.wizard-layout{grid-template-columns:1fr}.wizard-summary{position:static}.wizard-progress{grid-template-columns:repeat(4,1fr)}.wizard-progress li{display:grid;text-align:center;font-size:.72rem}.wizard-progress span{margin:auto}}
@media(max-width:640px){.project-wizard{padding:25px 19px}.choice-grid,.check-grid,.form-row,.review-panel dl{grid-template-columns:1fr}.wizard-progress{grid-template-columns:1fr 1fr}.choice-card span{min-height:auto}.wizard-actions{justify-content:stretch}.wizard-actions .button{flex:1}.project-start-hero{padding-top:55px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.progress-track i{transition:none}}

/* BUILD 004.1.1 — ONE-TIME SHIELD ASSEMBLY INTRO */
.bw-intro{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 43%,rgba(21,101,192,.23),transparent 34%),linear-gradient(145deg,#020b15,#081f3a 58%,#04111f);color:#fff;opacity:1;visibility:visible;transition:opacity .72s ease,visibility .72s ease}
.bw-intro.is-leaving{opacity:0;visibility:hidden;pointer-events:none}
.bw-intro::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:42px 42px;mask-image:radial-gradient(circle,#000,transparent 72%)}
.bw-intro-stage{position:relative;width:min(580px,88vw);height:min(560px,78vh);display:grid;place-items:center}
.bw-intro-shield{position:absolute;width:min(360px,66vw);aspect-ratio:1/1;top:43%;left:50%;transform:translate(-50%,-50%)}
.bw-intro-piece{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 22px 34px rgba(0,0,0,.42));will-change:transform,opacity}
.bw-intro-piece-blue{clip-path:polygon(0 0,58% 0,58% 58%,0 62%);transform:translate(-95px,-60px) rotate(-6deg);opacity:0;animation:bw-blue-in 1.05s cubic-bezier(.22,.72,.2,1) .25s forwards}
.bw-intro-piece-orange{clip-path:polygon(56% 0,100% 0,100% 62%,56% 57%);transform:translate(105px,-55px) rotate(6deg);opacity:0;animation:bw-orange-in 1.05s cubic-bezier(.22,.72,.2,1) .62s forwards}
.bw-intro-piece-silver{clip-path:polygon(0 55%,100% 55%,100% 100%,0 100%);transform:translateY(95px) scale(.96);opacity:0;animation:bw-silver-in 1.1s cubic-bezier(.22,.72,.2,1) .98s forwards}
.bw-intro-flash{position:absolute;width:min(420px,76vw);aspect-ratio:1;border-radius:50%;top:43%;left:50%;transform:translate(-50%,-50%) scale(.3);background:radial-gradient(circle,rgba(255,255,255,.9) 0,rgba(111,190,255,.58) 17%,rgba(245,179,1,.22) 34%,transparent 66%);opacity:0;mix-blend-mode:screen;animation:bw-flash .72s ease 2.05s forwards}
.bw-intro-lockup{position:absolute;left:50%;bottom:1%;width:min(500px,84vw);transform:translate(-50%,24px);opacity:0;filter:drop-shadow(0 12px 22px rgba(0,0,0,.42));animation:bw-lockup-in .78s cubic-bezier(.22,.72,.2,1) 2.38s forwards}
.bw-intro-line{position:absolute;bottom:-4%;left:50%;transform:translateX(-50%);width:min(620px,90vw);text-align:center;color:#f5b301;font:700 clamp(.64rem,1.7vw,.82rem)/1.5 "Poppins",Arial,sans-serif;letter-spacing:.13em;text-transform:uppercase;opacity:0;animation:bw-line-in .62s ease 2.82s forwards}
@keyframes bw-blue-in{to{transform:translate(0,0) rotate(0);opacity:1}}
@keyframes bw-orange-in{to{transform:translate(0,0) rotate(0);opacity:1}}
@keyframes bw-silver-in{to{transform:translateY(0) scale(1);opacity:1}}
@keyframes bw-flash{0%{opacity:0;transform:translate(-50%,-50%) scale(.3)}40%{opacity:.72}100%{opacity:0;transform:translate(-50%,-50%) scale(1.28)}}
@keyframes bw-lockup-in{to{transform:translate(-50%,0);opacity:1}}
@keyframes bw-line-in{to{opacity:1}}
body.bw-intro-active{overflow:hidden}
@media(max-width:640px){.bw-intro-stage{height:72vh}.bw-intro-shield{top:40%;width:min(310px,72vw)}.bw-intro-flash{top:40%}.bw-intro-lockup{bottom:4%}.bw-intro-line{bottom:-2%;letter-spacing:.08em}}
@media(prefers-reduced-motion:reduce){.bw-intro{display:none!important}}


/* BUILD 004.1.2 — CLICKABLE SERVICE SELECTIONS */
.service-selectable{display:flex;flex-direction:column;cursor:pointer}
.service-selectable .service-card-link{margin-top:auto;padding-top:21px;display:flex;align-items:center;justify-content:space-between;color:var(--blue);font-weight:800;text-decoration:none;position:relative}
.service-selectable .service-card-link:after{content:"";position:absolute;inset:-250px -31px -31px;z-index:1;border-radius:var(--radius)}
.service-selectable .service-card-link span,.service-selectable .service-card-link b{position:relative;z-index:2}
.service-selectable:hover .service-card-link,.service-selectable:focus-within .service-card-link{color:var(--navy)}
.service-selectable:focus-within{outline:3px solid rgba(21,101,192,.28);outline-offset:4px}
.selected-service-notice{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;margin:-8px 0 26px;padding:14px 16px;border:1px solid #f0c34a;border-radius:13px;background:#fff8df;color:var(--navy)}
.selected-service-notice span{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;font-weight:800;color:#795b00}.selected-service-notice strong{font-family:"Poppins",sans-serif}.selected-service-notice a{color:var(--blue);font-weight:800}
@media(max-width:640px){.selected-service-notice{grid-template-columns:1fr}.selected-service-notice a{justify-self:start}.service-selectable .service-card-link:after{inset:-260px -20px -20px}}

/* Build 004.1.3 — Custom contact form */
.contact-modal[hidden]{display:none}.contact-modal{position:fixed;inset:0;z-index:1200;display:grid;place-items:center;padding:22px}.contact-modal-backdrop{position:absolute;inset:0;background:rgba(3,13,26,.82);backdrop-filter:blur(8px)}.contact-dialog{position:relative;width:min(720px,100%);max-height:calc(100vh - 44px);overflow:auto;background:#fff;border-radius:24px;box-shadow:0 30px 90px rgba(0,0,0,.38);padding:34px}.contact-dialog-header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px}.contact-dialog-header h2{margin-bottom:8px}.contact-dialog-header p{margin:0;color:var(--grey)}.contact-close{flex:0 0 auto;width:42px;height:42px;border:1px solid var(--mid);border-radius:50%;background:#fff;color:var(--navy);font-size:1.5rem;line-height:1;cursor:pointer}.contact-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.contact-field{display:grid;gap:7px;font-weight:700;color:var(--navy)}.contact-field-full{grid-column:1/-1}.contact-field input,.contact-field select,.contact-field textarea{width:100%;padding:13px 14px;border:1px solid #cbd5df;border-radius:10px;background:#fff;color:var(--navy);font:inherit}.contact-field textarea{min-height:150px;resize:vertical}.contact-field input:focus,.contact-field select:focus,.contact-field textarea:focus{outline:3px solid rgba(47,128,237,.18);border-color:var(--blue)}.contact-consent{grid-column:1/-1;display:flex;align-items:flex-start;gap:10px;color:var(--grey);font-size:.9rem}.contact-consent input{margin-top:5px}.contact-form-actions{grid-column:1/-1;display:flex;align-items:center;gap:16px;flex-wrap:wrap}.contact-form-status{margin:0;font-weight:700}.contact-form-status.is-success{color:#24733b}.contact-form-status.is-error{color:#b3261e}.contact-honeypot{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}.contact-dialog .button[disabled]{opacity:.6;cursor:wait}body.contact-modal-open{overflow:hidden}
@media(max-width:640px){.contact-dialog{padding:25px 20px;border-radius:18px}.contact-form-grid{grid-template-columns:1fr}.contact-field-full,.contact-consent,.contact-form-actions{grid-column:1}.contact-dialog-header h2{font-size:1.8rem}}

/* Build 004.1.4 — linked project destinations */
.project-site-link{display:block;text-decoration:none;position:relative}
.project-site-link:focus-visible{outline:3px solid #fff;outline-offset:4px}
.project-link-label{display:inline-flex;margin-top:14px;color:#fff;font-size:.92rem}
.project-site-link:hover .project-link-label{text-decoration:underline}
.case-site-button{margin-top:18px;background:#fff;color:#0b1f3a;border-color:#fff}
.case-site-button:hover{background:#f6c344;color:#0b1f3a;border-color:#f6c344}
.case-study[id]{scroll-margin-top:100px}


/* BUILD 005 — MISSION CONTROL X SHOWCASE */
.mcx-hero{background:radial-gradient(circle at 77% 40%,rgba(245,179,1,.2),transparent 24%),radial-gradient(circle at 74% 38%,rgba(47,128,237,.27),transparent 46%),linear-gradient(138deg,#020b15,#071b31 56%,#0a2747);min-height:760px;display:flex;align-items:center}
.mcx-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:55px;align-items:center;position:relative;z-index:2}
.mcx-hero h1{font-size:clamp(4rem,8vw,7.4rem);margin-bottom:8px}
.mcx-hero-kicker{color:var(--gold);font:700 clamp(1.1rem,2.2vw,1.48rem)/1.3 "Poppins",Arial,sans-serif;margin:0 0 20px}
.mcx-trust-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.mcx-trust-row span{display:grid;padding:11px 14px;border:1px solid rgba(255,255,255,.13);border-radius:12px;background:rgba(255,255,255,.04);color:#b9c9d8;font-size:.8rem}.mcx-trust-row b{color:#fff;font-family:"Poppins",sans-serif}
.mcx-command-visual{position:relative;min-height:520px;display:grid;place-items:center}.mcx-command-shield{width:min(335px,68vw);z-index:3;filter:drop-shadow(0 28px 42px rgba(0,0,0,.52)) drop-shadow(0 0 42px rgba(47,128,237,.4));animation:mcx-float 5.5s ease-in-out infinite}
.mcx-orbit{position:absolute;border:1px solid rgba(80,166,255,.3);border-radius:50%;animation:mcx-spin 18s linear infinite}.orbit-a{width:470px;height:310px;transform:rotate(-12deg)}.orbit-b{width:350px;height:470px;transform:rotate(34deg);animation-direction:reverse;animation-duration:22s}.mcx-orbit:before,.mcx-orbit:after{content:"";position:absolute;width:10px;height:10px;border-radius:50%;background:var(--gold);box-shadow:0 0 18px var(--gold)}.mcx-orbit:before{left:11%;top:18%}.mcx-orbit:after{right:8%;bottom:22%}
.mcx-node{position:absolute;z-index:4;padding:9px 13px;border:1px solid rgba(255,255,255,.17);border-radius:999px;background:rgba(5,20,38,.86);color:#dfeeff;font:700 .72rem "Poppins",sans-serif;box-shadow:0 10px 30px rgba(0,0,0,.25)}.node-one{top:13%;left:8%}.node-two{top:17%;right:4%}.node-three{bottom:23%;left:1%}.node-four{bottom:12%;right:10%}.node-five{top:48%;right:-2%}
@keyframes mcx-float{50%{transform:translateY(-13px)}}@keyframes mcx-spin{to{transform:rotate(348deg)}}
.mcx-intro-grid{align-items:stretch;overflow-x:hidden}.mcx-principles{padding:32px;border:1px solid var(--mid);border-radius:22px;background:linear-gradient(145deg,#fff,#eff5fb);box-shadow:var(--shadow)}.mcx-principles img{max-width:300px;margin:0 auto 22px}.mcx-principles h3{font-size:1.6rem}.mcx-principles p{color:var(--grey)}
.feature-list{margin:18px 0 0;padding-left:20px}.feature-list li{margin:8px 0;color:var(--grey)}
.mcx-demo-section{overflow:hidden}.mcx-app-shell{display:grid;grid-template-columns:255px 1fr;min-height:650px;border:1px solid rgba(255,255,255,.15);border-radius:24px;overflow:hidden;background:#f5f7fa;box-shadow:0 35px 90px rgba(0,0,0,.38);color:var(--navy)}
.mcx-app-sidebar{padding:20px 14px;background:linear-gradient(180deg,#07182d,#0a2849);color:#dbe8f5}.mcx-app-brand{display:flex;align-items:center;gap:10px;padding:8px 9px 22px;margin-bottom:8px;border-bottom:1px solid rgba(255,255,255,.12)}.mcx-app-brand img{width:39px}.mcx-app-brand div{display:grid}.mcx-app-brand strong{font-family:"Poppins",sans-serif;font-size:.9rem}.mcx-app-brand small{color:#8fa6bb;font-size:.66rem}
.mcx-module-button{width:100%;display:flex;align-items:center;gap:11px;padding:11px 12px;margin:3px 0;border:0;border-radius:10px;background:transparent;color:#c6d5e4;font:650 .82rem "Poppins",sans-serif;text-align:left;cursor:pointer}.mcx-module-button span{width:23px;color:#66aff2;font-size:1rem}.mcx-module-button:hover,.mcx-module-button.is-active{background:linear-gradient(90deg,rgba(47,128,237,.27),rgba(47,128,237,.08));color:#fff}.mcx-module-button.is-active{box-shadow:inset 3px 0 var(--gold)}
.mcx-app-main{min-width:0;background:#f4f7fa}.mcx-app-topbar{min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 26px;background:#fff;border-bottom:1px solid #dde5ec}.mcx-app-topbar small{color:var(--blue);font-weight:800;letter-spacing:.13em}.mcx-app-topbar h3{margin:2px 0 0;font-size:1.55rem}.mcx-status{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:#eaf8ef;color:#246b38;font-weight:750;font-size:.75rem}.mcx-status i{width:8px;height:8px;border-radius:50%;background:#31a651;box-shadow:0 0 0 4px rgba(49,166,81,.15)}
.mcx-panel{padding:25px}.mcx-panel-intro{margin:0 0 21px;color:#617286}.mcx-metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.mcx-metric-grid article{padding:17px;border:1px solid #dfe6ed;border-radius:14px;background:#fff;box-shadow:0 8px 22px rgba(8,30,52,.05)}.mcx-metric-grid small{display:block;color:#6a7d90;font-weight:700}.mcx-metric-grid strong{display:block;margin:7px 0 2px;font:700 1.8rem "Poppins",sans-serif;color:#0b213c}.mcx-metric-grid span{font-size:.72rem;color:#398052}
.mcx-panel-lower{display:grid;grid-template-columns:1.2fr .8fr;gap:15px;margin-top:15px}.mcx-activity-card,.mcx-chart-card{padding:19px;border:1px solid #dfe6ed;border-radius:14px;background:#fff}.mcx-card-heading{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:16px}.mcx-card-heading h4{margin:0}.mcx-card-heading span{font-size:.68rem;color:#6e8295;text-transform:uppercase;letter-spacing:.08em}
.mcx-activity-card ul{list-style:none;margin:0;padding:0}.mcx-activity-card li{display:grid;grid-template-columns:82px 1fr;gap:10px;padding:12px 0;border-bottom:1px solid #edf1f4;font-size:.79rem}.mcx-activity-card li:last-child{border:0}.mcx-activity-card b{color:var(--blue)}.mcx-activity-card span{color:#5e7184}
.mcx-bars{height:190px;display:flex;align-items:flex-end;justify-content:space-between;gap:8px;padding-top:10px}.mcx-bars i{flex:1;min-height:16px;border-radius:6px 6px 2px 2px;background:linear-gradient(#4a9ce8,#165fa7);transition:height .32s ease}.mcx-demo-note{text-align:center;color:#9fb2c6;font-size:.8rem;margin:18px 0 0}
.mcx-module-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.mcx-feature-card{min-height:220px;padding:24px;border:1px solid var(--mid);border-radius:17px;background:#fff;box-shadow:0 10px 28px rgba(5,25,45,.06)}.mcx-feature-card>span{display:inline-grid;place-items:center;width:39px;height:39px;border-radius:11px;background:#e9f3fd;color:var(--blue);font-weight:800}.mcx-feature-card h3{font-size:1.18rem;margin:22px 0 10px}.mcx-feature-card p{color:var(--grey);font-size:.91rem}
.section-soft{background:linear-gradient(180deg,#f5f8fb,#edf3f8)}.mcx-flow{display:flex;align-items:stretch;gap:9px}.mcx-flow article{flex:1;padding:20px 16px;border:1px solid #d9e3ec;border-radius:15px;background:#fff;text-align:center}.mcx-flow article span{display:grid;place-items:center;width:34px;height:34px;margin:0 auto 13px;border-radius:50%;background:var(--navy);color:#fff;font-weight:800}.mcx-flow strong{display:block;font-family:"Poppins",sans-serif;color:var(--navy);font-size:.9rem}.mcx-flow small{display:block;margin-top:8px;color:#64778a;line-height:1.5}.mcx-flow>i{align-self:center;color:var(--blue);font-size:1.35rem;font-style:normal}
.mcx-safeguard-list{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:26px}.mcx-safeguard-list div{padding:15px;border-left:3px solid var(--gold);background:#f6f8fa;border-radius:0 11px 11px 0}.mcx-safeguard-list b,.mcx-safeguard-list span{display:block}.mcx-safeguard-list span{color:#607286;font-size:.82rem;margin-top:3px}.mcx-shield-panel{display:grid;place-items:center;text-align:center;min-height:500px;padding:35px;border-radius:24px;background:radial-gradient(circle,rgba(47,128,237,.25),transparent 47%),linear-gradient(145deg,#07182d,#0b315a);color:#fff;box-shadow:var(--shadow)}.mcx-shield-panel img{width:min(290px,72vw);filter:drop-shadow(0 22px 35px rgba(0,0,0,.48))}.mcx-shield-panel strong{font:700 1.6rem "Poppins",sans-serif}.mcx-shield-panel span{color:var(--gold);letter-spacing:.12em;text-transform:uppercase;font-size:.72rem}
.mcx-roadmap{display:grid;grid-template-columns:repeat(5,1fr);gap:15px}.mcx-roadmap article{position:relative;padding:24px 19px;border:1px solid rgba(255,255,255,.13);border-radius:15px;background:rgba(255,255,255,.055)}.mcx-roadmap article:after{content:"";position:absolute;top:31px;right:-16px;width:16px;height:1px;background:var(--gold)}.mcx-roadmap article:last-child:after{display:none}.mcx-roadmap span{color:var(--gold);font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.09em}.mcx-roadmap h3{margin:13px 0 9px}.mcx-roadmap p{color:#adbecd;font-size:.85rem}
.case-button-row{display:flex;flex-wrap:wrap;gap:10px}.case-button-outline{background:transparent!important;color:#fff!important}
@media(max-width:1120px){.site-nav{gap:12px}.site-nav a{font-size:.76rem}.mcx-module-grid{grid-template-columns:repeat(3,1fr)}.mcx-roadmap{grid-template-columns:repeat(3,1fr)}.mcx-roadmap article:after{display:none}}
@media(max-width:900px){.mcx-hero{min-height:auto}.mcx-hero-grid{grid-template-columns:1fr}.mcx-command-visual{min-height:440px}.mcx-app-shell{grid-template-columns:1fr}.mcx-app-sidebar{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.mcx-app-brand{grid-column:1/-1}.mcx-module-button{justify-content:center;text-align:center}.mcx-module-button span{display:none}.mcx-metric-grid{grid-template-columns:1fr 1fr}.mcx-module-grid{grid-template-columns:repeat(2,1fr)}.mcx-flow{display:grid;grid-template-columns:1fr 1fr}.mcx-flow>i{display:none}.mcx-roadmap{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.mcx-hero h1{font-size:3.65rem}.mcx-command-visual{min-height:350px}.mcx-command-shield{width:235px}.orbit-a{width:310px;height:215px}.orbit-b{width:235px;height:320px}.mcx-node{font-size:.62rem}.node-five{right:0}.mcx-trust-row{display:grid}.mcx-app-sidebar{grid-template-columns:1fr 1fr;padding:13px}.mcx-app-brand{padding-bottom:14px}.mcx-module-button{font-size:.7rem;padding:9px 6px}.mcx-app-topbar{align-items:flex-start;padding:15px;display:grid}.mcx-panel{padding:14px}.mcx-metric-grid,.mcx-panel-lower,.mcx-module-grid,.mcx-flow,.mcx-safeguard-list,.mcx-roadmap{grid-template-columns:1fr}.mcx-metric-grid article{padding:14px}.mcx-chart-card{display:none}.mcx-feature-card{min-height:auto}.mcx-shield-panel{min-height:410px}.case-button-row .button{width:100%}}
@media(prefers-reduced-motion:reduce){.mcx-command-shield,.mcx-orbit{animation:none}.mcx-bars i{transition:none}}

/* BUILD 006 — BUSINESSWEB CMS SHOWCASE */
.cms-hero{background:radial-gradient(circle at 78% 38%,rgba(245,179,1,.18),transparent 25%),radial-gradient(circle at 72% 42%,rgba(42,139,230,.3),transparent 46%),linear-gradient(138deg,#020b15,#071b31 55%,#0b3158);min-height:735px;display:flex;align-items:center}
.cms-hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:55px;align-items:center;position:relative;z-index:2}
.cms-hero h1{font-size:clamp(3.7rem,7vw,6.7rem);margin-bottom:8px}.cms-kicker{color:var(--gold);font:700 clamp(1.08rem,2vw,1.42rem)/1.35 "Poppins",Arial,sans-serif;margin:0 0 20px}
.cms-visual{position:relative;min-height:500px;display:grid;place-items:center}.cms-visual>img{position:absolute;width:155px;right:0;bottom:18px;filter:drop-shadow(0 20px 30px rgba(0,0,0,.55));z-index:3}
.cms-window{width:min(530px,94vw);border:1px solid rgba(255,255,255,.2);border-radius:20px;overflow:hidden;background:#f5f8fb;box-shadow:0 38px 85px rgba(0,0,0,.5);transform:perspective(900px) rotateY(-7deg) rotateX(3deg)}
.cms-window-top{height:52px;display:flex;align-items:center;gap:8px;padding:0 16px;background:#fff;border-bottom:1px solid #dfe7ee;color:#587084;font:700 .72rem "Poppins",sans-serif}.cms-window-top i{width:9px;height:9px;border-radius:50%;background:#c9d4dd}.cms-window-top i:first-child{background:#f0b53b}.cms-window-top span{margin-left:auto}
.cms-window-body{display:grid;grid-template-columns:125px 1fr;min-height:330px}.cms-window-body aside{display:grid;align-content:start;gap:12px;padding:22px 15px;background:#071d35;color:#a9bfd2;font-size:.72rem}.cms-window-body aside b{color:#fff;margin-bottom:8px}.cms-window-body section{padding:26px}.cms-title-line{height:18px;width:52%;border-radius:5px;background:#163c62}.cms-stat-row,.cms-card-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:24px}.cms-stat-row i{height:55px;border-radius:9px;background:linear-gradient(145deg,#fff,#e6eef5);border:1px solid #dce6ee}.cms-content-line{height:10px;width:66%;margin-top:15px;border-radius:5px;background:#cbd9e5}.cms-content-line.wide{width:92%;margin-top:26px}.cms-card-row i{height:95px;border-radius:10px;background:linear-gradient(145deg,#dcecf9,#fff);border:1px solid #d5e1eb}
.cms-module-button{width:100%;display:flex;align-items:center;gap:11px;padding:11px 12px;margin:3px 0;border:0;border-radius:10px;background:transparent;color:#c6d5e4;font:650 .82rem "Poppins",sans-serif;text-align:left;cursor:pointer}.cms-module-button span{width:23px;color:#66aff2;font-size:1rem}.cms-module-button:hover,.cms-module-button.is-active{background:linear-gradient(90deg,rgba(47,128,237,.27),rgba(47,128,237,.08));color:#fff}.cms-module-button.is-active{box-shadow:inset 3px 0 var(--gold)}
.cms-preview-card{padding:19px;border:1px solid #dfe6ed;border-radius:14px;background:#fff}.cms-mini-browser{height:190px;padding:17px;border:1px solid #dce5ec;border-radius:10px;background:#f4f7fa}.cms-mini-browser>div{height:12px;width:42%;background:#143d65;border-radius:4px}.cms-mini-browser>b{display:block;width:75%;height:25px;margin-top:16px;background:#d7e6f3;border-radius:5px}.cms-mini-browser>p{height:8px;background:#cbd8e3;border-radius:4px;margin:11px 0}.cms-mini-browser>p:nth-of-type(2){width:67%}.cms-mini-browser>section{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.cms-mini-browser i{height:60px;border-radius:7px;background:linear-gradient(145deg,#fff,#dcebf7);border:1px solid #d8e2ea}
@media(max-width:900px){.cms-hero-grid{grid-template-columns:1fr}.cms-visual{min-height:430px}.cms-window{transform:none}.cms-preview-card{display:none}}
@media(max-width:640px){.cms-hero h1{font-size:3.45rem}.cms-visual{min-height:330px}.cms-window-body{grid-template-columns:82px 1fr}.cms-window-body aside{padding:16px 9px;font-size:.62rem}.cms-window-body section{padding:18px}.cms-visual>img{width:105px}.cms-module-button{font-size:.7rem;padding:9px 6px;justify-content:center}.cms-module-button span{display:none}}


/* ================================================================
   BUILD 007 — BUSINESSWEB CRM & CUSTOMER MANAGEMENT SHOWCASE
   ================================================================ */
.crm-hero{
  min-height:750px;
  display:flex;
  align-items:center;
  background:
    radial-gradient(circle at 78% 38%,rgba(245,179,1,.20),transparent 24%),
    radial-gradient(circle at 72% 42%,rgba(42,139,230,.30),transparent 47%),
    linear-gradient(138deg,#020b15,#071b31 56%,#0a2d50);
}
.crm-hero-grid{
  display:grid;
  grid-template-columns:1.03fr .97fr;
  gap:56px;
  align-items:center;
  position:relative;
  z-index:2;
}
.crm-hero h1{
  font-size:clamp(3.8rem,7.5vw,6.9rem);
  margin-bottom:8px;
}
.crm-kicker{
  color:var(--gold);
  font:700 clamp(1.06rem,2vw,1.43rem)/1.35 "Poppins",Arial,sans-serif;
  margin:0 0 20px;
}
.crm-relationship-map{
  position:relative;
  min-height:520px;
  display:grid;
  place-items:center;
}
.crm-map-ring{
  position:absolute;
  border:1px solid rgba(92,174,250,.30);
  border-radius:50%;
  animation:crm-map-spin 24s linear infinite;
}
.crm-map-ring.ring-one{width:430px;height:430px}
.crm-map-ring.ring-two{
  width:330px;
  height:470px;
  transform:rotate(38deg);
  animation-direction:reverse;
  animation-duration:29s;
}
.crm-contact-node{
  position:absolute;
  display:grid;
  place-items:center;
  min-width:75px;
  min-height:42px;
  padding:9px 14px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:999px;
  background:rgba(5,22,40,.92);
  color:#e7f3ff;
  box-shadow:0 15px 35px rgba(0,0,0,.34);
  font:700 .76rem "Poppins",sans-serif;
  z-index:3;
}
.crm-centre{
  width:205px;
  height:205px;
  border-radius:50%;
  gap:3px;
  background:
    radial-gradient(circle,rgba(45,135,225,.28),transparent 62%),
    linear-gradient(145deg,#07182d,#0b355f);
  box-shadow:0 25px 65px rgba(0,0,0,.52),0 0 55px rgba(47,128,237,.28);
}
.crm-centre img{width:102px;filter:drop-shadow(0 14px 22px rgba(0,0,0,.45))}
.crm-centre strong{font-size:.82rem;color:#fff}
.crm-node-a{top:8%;left:15%}
.crm-node-b{top:12%;right:8%}
.crm-node-c{right:0;top:48%}
.crm-node-d{right:13%;bottom:9%}
.crm-node-e{left:12%;bottom:10%}
.crm-node-f{left:0;top:46%}
@keyframes crm-map-spin{to{transform:rotate(360deg)}}

.crm-module-button{
  width:100%;
  display:flex;
  align-items:center;
  gap:11px;
  padding:11px 12px;
  margin:3px 0;
  border:0;
  border-radius:10px;
  background:transparent;
  color:#c6d5e4;
  font:650 .82rem "Poppins",sans-serif;
  text-align:left;
  cursor:pointer;
}
.crm-module-button span{width:23px;color:#66aff2;font-size:1rem}
.crm-module-button:hover,
.crm-module-button.is-active{
  background:linear-gradient(90deg,rgba(47,128,237,.27),rgba(47,128,237,.08));
  color:#fff;
}
.crm-module-button.is-active{box-shadow:inset 3px 0 var(--gold)}

.crm-workspace-lower{
  display:grid;
  grid-template-columns:1.15fr .85fr;
  gap:15px;
  margin-top:15px;
}
.crm-pipeline-card{
  padding:19px;
  border:1px solid #dfe6ed;
  border-radius:14px;
  background:#fff;
}
.crm-pipeline{display:grid;gap:14px;margin-top:12px}
.crm-pipeline div{
  display:grid;
  grid-template-columns:72px 1fr 28px;
  gap:9px;
  align-items:center;
}
.crm-pipeline span{font-size:.72rem;color:#627589}
.crm-pipeline b{
  display:block;
  height:9px;
  border-radius:999px;
  background:linear-gradient(90deg,#1768b3,#51a4ef);
  transition:width .35s ease;
}
.crm-pipeline small{text-align:right;color:#274f74;font-weight:800}
.crm-record-preview{
  display:grid;
  grid-template-columns:1.05fr 1.95fr;
  gap:18px;
  align-items:center;
  margin-top:15px;
  padding:18px;
  border:1px solid #dfe6ed;
  border-radius:14px;
  background:#fff;
}
.crm-record-person{display:flex;align-items:center;gap:12px}
.crm-record-person>span{
  display:grid;
  place-items:center;
  width:48px;
  height:48px;
  border-radius:50%;
  background:linear-gradient(145deg,#0d528e,#2e8edc);
  color:#fff;
  font-weight:800;
}
.crm-record-person div{display:grid}
.crm-record-person strong{font-family:"Poppins",sans-serif;color:#102a45}
.crm-record-person small{color:#6d8194}
.crm-record-details{display:grid;grid-template-columns:repeat(4,1fr);gap:11px}
.crm-record-details span{display:grid;padding-left:10px;border-left:2px solid #e0e8ef}
.crm-record-details small{color:#72869a;font-size:.64rem;text-transform:uppercase;letter-spacing:.06em}
.crm-record-details b{color:#163c60;font-size:.75rem;margin-top:3px}

.crm-message-stack{display:grid;gap:12px;margin-top:24px}
.crm-message-stack article{
  padding:17px 19px;
  border:1px solid #dce5ed;
  border-radius:14px;
  background:#f6f9fb;
}
.crm-message-stack span{
  display:inline-block;
  color:var(--blue);
  font:700 .74rem "Poppins",sans-serif;
  text-transform:uppercase;
  letter-spacing:.07em;
}
.crm-message-stack p{margin:7px 0 0;color:#64778a;font-size:.88rem}
.crm-followup-board{
  padding:26px;
  border:1px solid #dbe5ed;
  border-radius:20px;
  background:linear-gradient(145deg,#fff,#eff5f9);
  box-shadow:var(--shadow);
}
.crm-board-heading{
  display:flex;
  justify-content:space-between;
  gap:15px;
  align-items:center;
  padding-bottom:18px;
  border-bottom:1px solid #dde6ed;
}
.crm-board-heading strong{font:700 1.2rem "Poppins",sans-serif;color:#102b48}
.crm-board-heading span{
  padding:7px 10px;
  border-radius:999px;
  background:#fff1d2;
  color:#805a00;
  font-weight:800;
  font-size:.7rem;
}
.crm-task-row{
  display:grid;
  grid-template-columns:15px 1fr auto;
  align-items:center;
  gap:12px;
  padding:17px 0;
  border-bottom:1px solid #e0e7ed;
}
.crm-task-row:last-child{border-bottom:0}
.crm-task-row i{
  width:11px;
  height:11px;
  border:2px solid #4b92cf;
  border-radius:50%;
}
.crm-task-row div{display:grid}
.crm-task-row b{color:#183a5b;font-size:.85rem}
.crm-task-row small{color:#74879a;margin-top:3px}
.crm-task-row em{
  padding:5px 8px;
  border-radius:7px;
  background:#e8f2fb;
  color:#276aa5;
  font-style:normal;
  font-size:.62rem;
  font-weight:800;
}

.crm-integration-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
}
.crm-integration-grid article{
  padding:24px;
  border:1px solid rgba(255,255,255,.13);
  border-radius:16px;
  background:rgba(255,255,255,.055);
}
.crm-integration-grid span{
  color:var(--gold);
  font-size:.7rem;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.crm-integration-grid h3{margin:13px 0 9px;font-size:1.12rem}
.crm-integration-grid p{color:#afc0cf;font-size:.86rem}

@media(max-width:1100px){
  .crm-record-preview{grid-template-columns:1fr}
  .crm-integration-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:900px){
  .crm-hero-grid{grid-template-columns:1fr}
  .crm-relationship-map{min-height:450px}
  .crm-record-details{grid-template-columns:1fr 1fr}
}
@media(max-width:640px){
  .crm-hero h1{font-size:3.42rem}
  .crm-relationship-map{min-height:350px}
  .crm-map-ring.ring-one{width:300px;height:300px}
  .crm-map-ring.ring-two{width:225px;height:325px}
  .crm-centre{width:145px;height:145px}
  .crm-centre img{width:72px}
  .crm-contact-node{min-width:58px;min-height:34px;padding:7px 9px;font-size:.6rem}
  .crm-workspace-lower,
  .crm-record-details,
  .crm-integration-grid{grid-template-columns:1fr}
  .crm-pipeline-card{display:none}
  .crm-record-preview{padding:14px}
  .crm-task-row{grid-template-columns:15px 1fr}
  .crm-task-row em{grid-column:2;justify-self:start}
  .crm-module-button{font-size:.7rem;padding:9px 6px;justify-content:center}
  .crm-module-button span{display:none}
}
@media(prefers-reduced-motion:reduce){
  .crm-map-ring{animation:none}
  .crm-pipeline b{transition:none}
}


/* ================================================================
   BUILD 007.1 — HOME INTERACTIVE NAVIGATION FIX
   ================================================================ */
.home-action-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:11px;
  margin-top:27px;
}
.home-action-button{
  display:grid;
  grid-template-columns:42px 1fr auto;
  align-items:center;
  gap:11px;
  min-height:76px;
  padding:12px 14px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:14px;
  background:rgba(255,255,255,.07);
  color:#fff;
  text-decoration:none;
  box-shadow:0 10px 24px rgba(0,0,0,.12);
  transition:transform .22s ease,border-color .22s ease,background .22s ease,box-shadow .22s ease;
}
.home-action-button:hover,
.home-action-button:focus-visible{
  transform:translateY(-3px);
  border-color:rgba(245,179,1,.75);
  background:rgba(255,255,255,.13);
  box-shadow:0 15px 30px rgba(0,0,0,.24);
}
.home-action-button:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
.home-action-icon{
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  border-radius:12px;
  background:linear-gradient(145deg,#1768b3,#2f80ed);
  color:#fff;
  font:800 .76rem "Poppins",sans-serif;
}
.home-action-button>span:nth-child(2){display:grid}
.home-action-button strong{font:700 .83rem "Poppins",sans-serif}
.home-action-button small{margin-top:3px;color:#b9cce0;font-size:.67rem;line-height:1.35}
.home-action-button>b{color:var(--gold);font-size:1.05rem}
.home-action-login{
  background:linear-gradient(135deg,rgba(245,179,1,.18),rgba(255,255,255,.07));
  border-color:rgba(245,179,1,.42);
}
.home-action-login .home-action-icon{
  background:linear-gradient(145deg,#c88b00,#f5b301);
  color:#14243a;
}
.feature-card-link{display:block;color:inherit;text-decoration:none}
.feature-card-link:focus-visible{outline:3px solid var(--blue);outline-offset:4px}
.feature-card-action{
  display:block;
  margin-top:18px;
  color:var(--blue);
  font:700 .76rem "Poppins",sans-serif;
}
.login-hero{
  min-height:760px;
  padding:105px 0 90px;
  background:
    radial-gradient(circle at 20% 32%,rgba(47,128,237,.25),transparent 30%),
    radial-gradient(circle at 82% 25%,rgba(245,179,1,.15),transparent 25%),
    linear-gradient(138deg,#020b15,#071b31 58%,#0a2d50);
  color:#fff;
}
.login-layout{
  display:grid;
  grid-template-columns:.85fr 1.15fr;
  gap:55px;
  align-items:center;
}
.login-intro h1{font-size:clamp(3.5rem,7vw,6.2rem)}
.login-security-note{
  display:flex;
  align-items:center;
  gap:15px;
  margin-top:30px;
  padding:17px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:16px;
  background:rgba(255,255,255,.06);
}
.login-security-note img{width:60px}
.login-security-note div{display:grid}
.login-security-note span{margin-top:4px;color:#b9cadd;font-size:.78rem}
.login-panel{
  padding:34px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:24px;
  background:rgba(255,255,255,.97);
  color:var(--navy);
  box-shadow:0 35px 75px rgba(0,0,0,.38);
}
.login-panel>p{color:var(--grey)}
.login-workspace-grid{display:grid;gap:12px;margin:24px 0}
.login-workspace-grid a{
  display:grid;
  grid-template-columns:48px 1fr auto;
  align-items:center;
  gap:13px;
  padding:16px;
  border:1px solid #dce6ee;
  border-radius:14px;
  color:var(--navy);
  text-decoration:none;
  transition:.22s ease;
}
.login-workspace-grid a:hover,
.login-workspace-grid a:focus-visible{
  transform:translateY(-2px);
  border-color:#82b7e7;
  box-shadow:0 12px 25px rgba(11,31,58,.10);
}
.login-workspace-grid a>span{
  display:grid;
  place-items:center;
  width:48px;
  height:48px;
  border-radius:13px;
  background:linear-gradient(145deg,var(--navy),var(--blue));
  color:#fff;
  font:800 1rem "Poppins",sans-serif;
}
.login-workspace-grid a strong,
.login-workspace-grid a small{grid-column:2;display:block}
.login-workspace-grid a small{color:#687d90}
.login-workspace-grid a b{grid-column:3;grid-row:1/3;color:var(--blue);font-size:.76rem}
.login-coming-soon{
  padding:20px;
  border-radius:15px;
  background:#eef5fb;
  border-left:4px solid var(--gold);
}
.login-coming-soon p{color:#5e7387;font-size:.85rem}

@media(max-width:1000px){
  .home-action-grid{grid-template-columns:1fr}
  .login-layout{grid-template-columns:1fr}
}
@media(max-width:640px){
  .home-action-button{grid-template-columns:39px 1fr auto;min-height:70px;padding:10px}
  .home-action-icon{width:39px;height:39px}
  .login-hero{padding:75px 0}
  .login-panel{padding:22px}
  .login-workspace-grid a{grid-template-columns:43px 1fr;padding:13px}
  .login-workspace-grid a>span{width:43px;height:43px}
  .login-workspace-grid a b{grid-column:2;grid-row:auto}
}
@media(prefers-reduced-motion:reduce){
  .home-action-button,.login-workspace-grid a{transition:none}
}


/* BUILD 007.1.1 — CLICKABLE HOME BUTTONS LAYERING FIX */
.hero-particles{pointer-events:none!important;z-index:0!important}
.hero-grid{position:relative;z-index:2}
.hero-copy{position:relative;z-index:6;pointer-events:auto}
.hero-copy .button-row,.home-action-grid{position:relative;z-index:7;pointer-events:auto}
.hero-copy .button,.home-action-button{pointer-events:auto!important;cursor:pointer}
.hero-visual{position:relative;z-index:1;pointer-events:none}
.hero-visual a,.hero-visual button{pointer-events:auto}
.shield-stage,.shield-glow,.orbit,.experience-card{pointer-events:none}


/* ================================================================
   BUILD 008 — CLIENT PORTAL & SECURE WORKSPACE SHOWCASE
   ================================================================ */
.portal-hero{
  min-height:745px;display:flex;align-items:center;
  background:radial-gradient(circle at 80% 37%,rgba(245,179,1,.19),transparent 24%),
  radial-gradient(circle at 73% 43%,rgba(42,139,230,.31),transparent 47%),
  linear-gradient(138deg,#020b15,#071b31 56%,#0a3156)
}
.portal-hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:55px;align-items:center;position:relative;z-index:2}
.portal-hero h1{font-size:clamp(3.8rem,7.3vw,6.8rem);margin-bottom:8px}
.portal-kicker{color:var(--gold);font:700 clamp(1.06rem,2vw,1.43rem)/1.35 "Poppins",Arial,sans-serif;margin:0 0 20px}
.portal-visual{position:relative;min-height:510px;display:grid;place-items:center}
.portal-device{width:min(545px,95vw);border:1px solid rgba(255,255,255,.2);border-radius:22px;overflow:hidden;background:#f5f8fb;box-shadow:0 38px 85px rgba(0,0,0,.5);transform:perspective(900px) rotateY(-6deg) rotateX(2deg)}
.portal-device-top{height:48px;display:flex;align-items:center;gap:9px;padding:0 16px;background:#fff;border-bottom:1px solid #dce5ec;color:#6a7f91;font-size:.7rem}
.portal-device-top i{width:9px;height:9px;border-radius:50%;background:var(--gold)}
.portal-device-body{display:grid;grid-template-columns:140px 1fr;min-height:340px}
.portal-device-body aside{display:grid;align-content:start;gap:12px;padding:21px 15px;background:#071d35;color:#a9bfd2;font-size:.68rem}
.portal-device-body aside img{width:38px}.portal-device-body aside b{color:#fff}.portal-device-body section{padding:26px}
.portal-device-body section small{color:var(--blue);font-weight:800}.portal-device-body section h3{margin:5px 0 18px;color:#143a5d}
.portal-preview-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.portal-preview-metrics i{height:56px;border-radius:9px;background:linear-gradient(145deg,#fff,#e4edf4);border:1px solid #d9e4ec}
.portal-preview-line{height:10px;width:78%;margin:22px 0;border-radius:5px;background:#ccd9e4}
.portal-preview-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px}.portal-preview-cards i{height:105px;border-radius:11px;background:linear-gradient(145deg,#dcecf9,#fff);border:1px solid #d5e1eb}
.portal-shield{position:absolute;width:145px;right:-5px;bottom:12px;filter:drop-shadow(0 20px 30px rgba(0,0,0,.55))}
.portal-module-button{width:100%;display:flex;align-items:center;gap:11px;padding:11px 12px;margin:3px 0;border:0;border-radius:10px;background:transparent;color:#c6d5e4;font:650 .82rem "Poppins",sans-serif;text-align:left;cursor:pointer}
.portal-module-button span{width:23px;color:#66aff2;font-size:1rem}
.portal-module-button:hover,.portal-module-button.is-active{background:linear-gradient(90deg,rgba(47,128,237,.27),rgba(47,128,237,.08));color:#fff}
.portal-module-button.is-active{box-shadow:inset 3px 0 var(--gold)}
.portal-workspace-lower{display:grid;grid-template-columns:1.15fr .85fr;gap:15px;margin-top:15px}
.portal-progress-card{padding:19px;border:1px solid #dfe6ed;border-radius:14px;background:#fff}
.portal-progress-track{height:12px;border-radius:999px;background:#e4ebf1;overflow:hidden;margin:25px 0 19px}.portal-progress-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#1768b3,#50a2ed);transition:width .32s ease}
.portal-stage-list{display:grid;gap:8px}.portal-stage-list span{padding-left:18px;position:relative;color:#788b9c;font-size:.72rem}.portal-stage-list span:before{content:"";position:absolute;left:0;top:5px;width:8px;height:8px;border-radius:50%;background:#cbd6df}.portal-stage-list .done{color:#357b48}.portal-stage-list .done:before{background:#3aa25a}.portal-stage-list .current{color:#1768b3;font-weight:800}.portal-stage-list .current:before{background:var(--blue);box-shadow:0 0 0 4px rgba(47,128,237,.14)}
.portal-account-preview{display:grid;grid-template-columns:1fr 1.5fr;gap:20px;align-items:center;margin-top:15px;padding:18px;border:1px solid #dfe6ed;border-radius:14px;background:#fff}
.portal-account-preview>div:first-child{display:flex;align-items:center;gap:12px}.portal-account-preview>div:first-child>span{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:linear-gradient(145deg,#0d528e,#2e8edc);color:#fff;font-weight:800}.portal-account-preview>div:first-child div{display:grid}.portal-account-preview small{color:#718598}.portal-account-preview>div:last-child{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.portal-account-preview>div:last-child span{display:grid;padding-left:10px;border-left:2px solid #e0e8ef}.portal-account-preview b{color:#163c60;font-size:.76rem;margin-top:3px}
@media(max-width:900px){.portal-hero-grid{grid-template-columns:1fr}.portal-visual{min-height:430px}.portal-device{transform:none}.portal-account-preview{grid-template-columns:1fr}.portal-account-preview>div:last-child{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.portal-hero h1{font-size:3.4rem}.portal-visual{min-height:335px}.portal-device-body{grid-template-columns:82px 1fr}.portal-device-body aside{padding:15px 8px;font-size:.58rem}.portal-device-body section{padding:17px}.portal-shield{width:100px}.portal-module-button{font-size:.7rem;padding:9px 6px;justify-content:center}.portal-module-button span{display:none}.portal-workspace-lower,.portal-account-preview>div:last-child{grid-template-columns:1fr}.portal-progress-card{display:none}}
@media(prefers-reduced-motion:reduce){.portal-progress-track i{transition:none}}


/* ================================================================
   BUILD 009 — ANALYTICS, REPORTS & INTELLIGENCE SHOWCASE
   ================================================================ */
.analytics-hero{min-height:750px;display:flex;align-items:center;background:radial-gradient(circle at 80% 37%,rgba(245,179,1,.20),transparent 24%),radial-gradient(circle at 73% 43%,rgba(42,139,230,.31),transparent 47%),linear-gradient(138deg,#020b15,#071b31 56%,#0a3156)}
.analytics-hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:55px;align-items:center;position:relative;z-index:2}
.analytics-hero h1{font-size:clamp(3.65rem,7vw,6.55rem);margin-bottom:8px}
.analytics-kicker{color:var(--gold);font:700 clamp(1.06rem,2vw,1.43rem)/1.35 "Poppins",Arial,sans-serif;margin:0 0 20px}
.analytics-visual{position:relative;min-height:520px;display:grid;place-items:center}
.analytics-orbit{position:absolute;border:1px solid rgba(80,166,255,.3);border-radius:50%;animation:analytics-spin 22s linear infinite}
.analytics-orbit.orbit-one{width:435px;height:435px}.analytics-orbit.orbit-two{width:335px;height:480px;transform:rotate(38deg);animation-direction:reverse;animation-duration:28s}
.analytics-centre{position:absolute;display:grid;place-items:center;width:205px;height:205px;border-radius:50%;background:radial-gradient(circle,rgba(45,135,225,.28),transparent 62%),linear-gradient(145deg,#07182d,#0b355f);box-shadow:0 25px 65px rgba(0,0,0,.52),0 0 55px rgba(47,128,237,.28);z-index:3}
.analytics-centre img{width:100px;filter:drop-shadow(0 14px 22px rgba(0,0,0,.45))}.analytics-centre strong{font:700 .72rem "Poppins",sans-serif;color:#fff}
.analytics-node{position:absolute;padding:9px 14px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(5,22,40,.92);color:#e7f3ff;box-shadow:0 15px 35px rgba(0,0,0,.34);font:700 .72rem "Poppins",sans-serif;z-index:4}
.node-traffic{top:8%;left:12%}.node-seo{top:12%;right:8%}.node-crm{right:0;top:47%}.node-sales{right:14%;bottom:8%}.node-ops{left:12%;bottom:9%}.node-ai{left:0;top:47%}
@keyframes analytics-spin{to{transform:rotate(360deg)}}
.analytics-module-button{width:100%;display:flex;align-items:center;gap:11px;padding:11px 12px;margin:3px 0;border:0;border-radius:10px;background:transparent;color:#c6d5e4;font:650 .82rem "Poppins",sans-serif;text-align:left;cursor:pointer}
.analytics-module-button span{width:23px;color:#66aff2;font-size:1rem}.analytics-module-button:hover,.analytics-module-button.is-active{background:linear-gradient(90deg,rgba(47,128,237,.27),rgba(47,128,237,.08));color:#fff}.analytics-module-button.is-active{box-shadow:inset 3px 0 var(--gold)}
.analytics-lower-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:15px;margin-top:15px}
.analytics-trend-card{padding:19px;border:1px solid #dfe6ed;border-radius:14px;background:#fff}
.analytics-bars{height:205px;display:flex;align-items:flex-end;gap:11px;padding:12px 8px 0}.analytics-bars i{flex:1;min-height:18px;border-radius:7px 7px 2px 2px;background:linear-gradient(#58a9f3,#1768b3);transition:height .32s ease}
.analytics-axis{display:flex;justify-content:space-around;color:#7a8ea0;font-size:.65rem;margin-top:8px}
.analytics-insight-strip{display:grid;grid-template-columns:46px 1fr auto;align-items:center;gap:13px;margin-top:15px;padding:16px;border:1px solid #dce6ed;border-radius:14px;background:linear-gradient(135deg,#edf6fd,#fff8df)}
.analytics-insight-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:13px;background:linear-gradient(145deg,#0c4d83,#2f80ed);color:#fff;font-size:1.15rem}.analytics-insight-strip div{display:grid}.analytics-insight-strip small{color:#3575a8;font-weight:800;letter-spacing:.08em}.analytics-insight-strip strong{margin-top:3px;color:#173b5e;font-size:.82rem}.analytics-insight-strip a{color:var(--blue);font-weight:800;font-size:.72rem;text-decoration:none}
.analytics-insight-list{display:grid;gap:12px;margin-top:24px}.analytics-insight-list article{padding:17px 19px;border:1px solid #dce5ed;border-radius:14px;background:#f6f9fb}.analytics-insight-list span{color:var(--blue);font:700 .72rem "Poppins",sans-serif;text-transform:uppercase;letter-spacing:.07em}.analytics-insight-list p{margin:7px 0 0;color:#64778a;font-size:.88rem}
.analytics-report-preview{padding:27px;border:1px solid #dbe5ed;border-radius:20px;background:linear-gradient(145deg,#fff,#eff5f9);box-shadow:var(--shadow)}
.analytics-report-heading{display:flex;align-items:center;gap:13px;padding-bottom:18px;border-bottom:1px solid #dce5ec}.analytics-report-heading img{width:50px}.analytics-report-heading div{display:grid}.analytics-report-heading strong{font:700 1.15rem "Poppins",sans-serif;color:#143a5d}.analytics-report-heading small{color:#72869a}
.analytics-report-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;margin:20px 0}.analytics-report-metrics span{display:grid;padding:14px;border:1px solid #dfe6ed;border-radius:12px;background:#fff}.analytics-report-metrics small{color:#75899b}.analytics-report-metrics b{font:700 1.35rem "Poppins",sans-serif;color:#153a5c}.analytics-report-metrics em{color:#33804a;font-style:normal;font-size:.7rem}
.analytics-report-section{padding:15px 0;border-top:1px solid #dfe7ed}.analytics-report-section b{color:#1d4d74}.analytics-report-section p{margin:5px 0 0;color:#64788b;font-size:.86rem}
@media(max-width:900px){.analytics-hero-grid{grid-template-columns:1fr}.analytics-visual{min-height:450px}.analytics-lower-grid{grid-template-columns:1fr}.analytics-report-metrics{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.analytics-hero h1{font-size:3.25rem}.analytics-visual{min-height:350px}.analytics-orbit.orbit-one{width:300px;height:300px}.analytics-orbit.orbit-two{width:225px;height:325px}.analytics-centre{width:145px;height:145px}.analytics-centre img{width:72px}.analytics-node{font-size:.6rem;padding:7px 9px}.analytics-module-button{font-size:.7rem;padding:9px 6px;justify-content:center}.analytics-module-button span{display:none}.analytics-insight-strip{grid-template-columns:42px 1fr}.analytics-insight-strip a{grid-column:2}.analytics-report-metrics{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.analytics-orbit{animation:none}.analytics-bars i{transition:none}}


/* ================================================================
   BUILD 010 — FINAL INTEGRATION & LAUNCH EDITION
   ================================================================ */
.site-nav{flex-wrap:wrap;justify-content:flex-end}.site-nav a{white-space:nowrap}
.footer-legal{display:flex;flex-wrap:wrap;gap:13px;align-items:flex-start}.footer-legal a{color:#c4d2df;text-decoration:none;font-size:.78rem}.footer-legal a:hover{color:var(--gold)}
.home-platform-strip{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:11px}.home-platform-strip a{display:grid;grid-template-columns:34px 1fr auto;gap:10px;align-items:center;padding:10px 12px;border:1px solid rgba(255,255,255,.15);border-radius:12px;background:rgba(3,16,29,.38);color:#fff;text-decoration:none}.home-platform-strip a:hover,.home-platform-strip a:focus-visible{border-color:var(--gold);background:rgba(255,255,255,.1)}.home-platform-strip span{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:#123f68;color:#fff;font-weight:800}.home-platform-strip strong{font-size:.75rem}.home-platform-strip b{color:var(--gold)}
.legal-hero{padding:90px 0 68px;background:radial-gradient(circle at 78% 35%,rgba(47,128,237,.25),transparent 35%),linear-gradient(138deg,#020b15,#071b31 58%,#0a2d50);color:#fff}.legal-hero h1{font-size:clamp(3rem,7vw,5.7rem);margin-bottom:14px}.legal-content{max-width:880px}.legal-content h2{margin-top:38px;font-size:1.65rem}.legal-content p{color:#52687b}.legal-content a{color:var(--blue);font-weight:700}.legal-updated{font-weight:800;color:#264f72!important}.legal-note{margin-top:40px;padding:20px;border-left:4px solid var(--gold);border-radius:0 14px 14px 0;background:#fff7dd}.legal-note p{margin-bottom:0}
.button,a,button{touch-action:manipulation}.hero-particles,.ambient-layer,.ambient-orb,.ambient-grid,.ambient-shield,.orbit,.shield-glow{pointer-events:none!important}.hero-copy,.home-action-grid,.home-platform-strip,.button-row{position:relative;z-index:8}
@media(max-width:1180px){.site-header .container{width:min(1240px,calc(100% - 24px))}.site-nav{gap:9px}.site-nav a{font-size:.7rem}}
@media(max-width:900px){.site-nav{flex-wrap:nowrap}.home-platform-strip{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.home-platform-strip{grid-template-columns:1fr}.legal-hero{padding:70px 0 50px}.legal-content h2{font-size:1.4rem}}
@media print{.site-header,.site-footer,.ambient-layer,.hero-particles,.button-row,.contact-actions{display:none!important}body{color:#000;background:#fff}.section,.hero,.legal-hero{padding:25px 0!important;background:#fff!important;color:#000!important}.container{width:100%!important}.reveal{opacity:1!important;transform:none!important}}


/* ================================================================
   BUILD 010.1 — CLICKABLE HERO AND QUALITY LINKS
   ================================================================ */
.experience-card-link{
  color:inherit;
  text-decoration:none;
  cursor:pointer;
  grid-template-columns:1fr auto;
  align-items:center;
}
.experience-card-link strong,
.experience-card-link span{
  grid-column:1;
}
.experience-card-link>b{
  grid-column:2;
  grid-row:1 / 3;
  align-self:center;
  margin-left:14px;
  color:var(--blue);
  font-size:1.05rem;
  transition:transform .2s ease;
}
.experience-card-link:hover,
.experience-card-link:focus-visible{
  transform:translateY(-4px);
  border-color:rgba(47,128,237,.55);
  box-shadow:0 20px 38px rgba(0,0,0,.24);
}
.experience-card-link:hover>b,
.experience-card-link:focus-visible>b{
  transform:translateX(4px);
}
.experience-card-link:focus-visible{
  outline:3px solid var(--gold);
  outline-offset:4px;
}

.signal-link-grid a{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  min-height:48px;
  padding:9px 12px;
  border:1px solid transparent;
  border-radius:10px;
  color:inherit;
  text-decoration:none;
  transition:background .2s ease,border-color .2s ease,transform .2s ease,color .2s ease;
}
.signal-link-grid a>span{
  display:grid;
  place-items:center;
  width:25px;
  height:25px;
  border-radius:7px;
  background:rgba(47,128,237,.18);
  color:#7fc1ff;
  font-size:.62rem;
  font-weight:800;
}
.signal-link-grid a>strong{
  font:700 .78rem "Poppins",Arial,sans-serif;
}
.signal-link-grid a:hover,
.signal-link-grid a:focus-visible{
  transform:translateY(-2px);
  border-color:rgba(245,179,1,.45);
  background:rgba(255,255,255,.07);
  color:#fff;
}
.signal-link-grid a:focus-visible{
  outline:3px solid var(--gold);
  outline-offset:3px;
}

@media(max-width:640px){
  .signal-link-grid a{
    justify-content:flex-start;
    width:100%;
  }
}
@media(prefers-reduced-motion:reduce){
  .experience-card-link,
  .experience-card-link>b,
  .signal-link-grid a{
    transition:none;
  }
}


/* ================================================================
   BUILD 010.1.1 — WHITE CARD TEXT CONTRAST FIX
   ================================================================ */
.experience-card-link,
.experience-card-link:visited{
  color:var(--navy);
}
.experience-card-link strong{
  color:var(--navy);
}
.experience-card-link span{
  color:#5f7386;
}
.experience-card-link>b{
  color:var(--blue);
}
.experience-card-link:hover strong,
.experience-card-link:focus-visible strong{
  color:#0b3158;
}
.experience-card-link:hover span,
.experience-card-link:focus-visible span{
  color:#455d72;
}

/* Mobile navigation and viewport containment repair */
@media(max-width:900px){
  .header-inner{position:relative;min-width:0}
  .site-nav{
    left:0;
    right:0;
    top:calc(100% + 8px);
    width:100%;
    max-width:100%;
    max-height:calc(100vh - 100px);
    grid-template-columns:1fr;
    align-items:stretch;
    justify-content:stretch;
    gap:2px;
    padding:12px;
    overflow-x:hidden;
    overflow-y:auto;
  }
  .site-nav>a{
    width:100%;
    min-width:0;
    padding:6px 10px;
    border-radius:8px;
    font-size:.78rem;
    line-height:1.3;
    text-align:left;
    overflow-wrap:anywhere;
  }
  .site-nav>a.button{
    min-height:38px;
    justify-content:flex-start;
  }
}

@media(max-width:640px){
  html,body,main,.hero,.section{max-width:100%}
  .container,.site-header .container{
    width:calc(100% - 28px);
    max-width:100%;
  }
  .hero-grid,
  .hero-copy,
  .hero-visual,
  .home-action-grid,
  .home-platform-strip,
  .home-action-button,
  .feature-grid,
  .project-grid,
  .process-line{
    width:100%;
    min-width:0;
    max-width:100%;
  }
  .home-action-button>span:nth-child(2){min-width:0}
  .home-action-button strong,
  .home-action-button small{overflow-wrap:anywhere}
  .shield-stage{width:min(350px,100%)}
}