:root{
  --navy-950:#061229;
  --navy-900:#081a37;
  --navy-800:#0d2852;
  --navy-700:#153e76;
  --blue:#2467e8;
  --cyan:#26c6da;
  --green:#38df8b;
  --gold:#c2a24e;
  --ink:#0b1730;
  --muted:#65728a;
  --line:#dce3ee;
  --surface:#f4f7fb;
  --white:#fff;
  --danger:#ef5c62;
  --warning:#f6b73c;
  --shadow:0 28px 80px rgba(4,20,48,.16);
  --radius:24px;
  --container:min(1220px,calc(100% - 40px));
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:"Noto Sans Arabic","Segoe UI",Tahoma,Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.7;-webkit-font-smoothing:antialiased}
body.menu-open{overflow:hidden}
a{text-decoration:none;color:inherit}
button,input{font:inherit}
button{cursor:pointer}
img{max-width:100%;display:block}
svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.container{width:var(--container);margin-inline:auto}
.skip-link{position:fixed;top:-60px;right:20px;background:#fff;color:var(--ink);padding:12px 18px;border-radius:10px;z-index:1000;box-shadow:var(--shadow)}
.skip-link:focus{top:20px}
.site-header{position:absolute;z-index:100;top:0;left:0;right:0;padding:18px 0;color:#fff}
.nav-shell{display:flex;align-items:center;gap:34px;min-height:68px}
.brand{display:flex;align-items:center;gap:14px;min-width:max-content}
.brand img{width:152px;height:39px;object-fit:contain;filter:brightness(0) invert(1)}
.brand-divider{height:34px;width:1px;background:rgba(255,255,255,.28)}
.product-name{display:flex;flex-direction:column;line-height:1.15}
.product-name strong{font-size:15px;letter-spacing:.5px}
.product-name small{font-size:10px;color:rgba(255,255,255,.64);margin-top:5px}
.main-nav{display:flex;align-items:center;gap:28px;margin-inline:auto}
.main-nav a{font-size:14px;color:rgba(255,255,255,.76);transition:.2s}
.main-nav a:hover{color:#fff}
.nav-actions{display:flex;align-items:center;gap:16px}
.nav-cta-m{display:none}
.login-link{display:flex;align-items:center;gap:7px;font-size:13px;color:rgba(255,255,255,.78)}
.login-link svg{width:18px}
.menu-toggle{display:none;border:0;background:transparent;padding:8px}
.menu-toggle span{display:block;width:25px;height:2px;background:#fff;margin:5px 0;transition:.25s}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:12px;padding:13px 20px;border:1px solid transparent;font-weight:700;transition:.22s;white-space:nowrap}
.btn svg{width:18px;height:18px}
.btn:hover{transform:translateY(-2px)}
.btn-primary{background:linear-gradient(135deg,#5aa6ff,#2f83f2);color:#fff;box-shadow:0 14px 34px rgba(74,150,255,.45)}
.btn-primary:hover{box-shadow:0 18px 42px rgba(74,150,255,.55)}
.btn-ghost{background:rgba(255,255,255,.06);color:#fff;border-color:rgba(255,255,255,.2);backdrop-filter:blur(12px)}
.btn-white{background:#fff;color:var(--navy-900);box-shadow:0 16px 36px rgba(2,13,34,.22)}
.btn-sm{padding:10px 16px;border-radius:10px;font-size:13px}
.btn-lg{padding:16px 24px;border-radius:14px}
.btn-block{width:100%}
.play-icon{width:29px;height:29px;border:1px solid rgba(255,255,255,.3);border-radius:50%;display:grid;place-items:center}
.play-icon svg{width:15px}
.section{padding:112px 0}
.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:800;letter-spacing:.8px;color:var(--blue);text-transform:uppercase;margin-bottom:18px}
.eyebrow:before{content:"";width:23px;height:2px;background:currentColor}
.eyebrow.light{color:var(--green)}
.section-heading{margin-bottom:54px}
.section-heading.center{text-align:center;max-width:720px;margin-inline:auto;margin-bottom:58px}
.section-heading.split{display:flex;align-items:end;justify-content:space-between;gap:50px}
.section-heading h2,.platform-copy h2,.pilot-copy h2,.assessment-copy h2,.cta-content h2{margin:0;font-size:clamp(34px,4vw,58px);line-height:1.22;letter-spacing:-1.7px}
.section-heading h2 em{font-style:normal;color:var(--blue)}
.section-heading p{max-width:530px;margin:18px 0 0;color:var(--muted);font-size:17px}
.section-heading.split p{margin:0;max-width:400px}
.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 77% 18%,#143d77 0,#0a234a 28%,var(--navy-950) 67%);color:#fff;min-height:900px;padding:158px 0 42px}
.hero-grid-pattern,.cta-grid{position:absolute;inset:0;opacity:.13;background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(to bottom,black,transparent 90%)}
.hero-glow{position:absolute;border-radius:50%;filter:blur(4px);pointer-events:none}
.hero-glow-one{width:480px;height:480px;background:rgba(31,106,232,.23);left:-220px;top:100px}
.hero-glow-two{width:330px;height:330px;background:rgba(38,198,218,.1);right:20%;bottom:30px}
.hero-layout{position:relative;display:grid;grid-template-columns:.82fr 1.35fr;gap:72px;align-items:center}
.hero-copy{padding-top:14px}
.hero-badge{display:inline-flex;align-items:center;gap:9px;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.05);padding:8px 12px;border-radius:100px;font-size:12px;color:rgba(255,255,255,.78);backdrop-filter:blur(10px)}
.hero-badge span,.live-dot{width:7px;height:7px;background:var(--green);border-radius:50%;box-shadow:0 0 0 5px rgba(56,223,139,.12)}
.hero h1{font-size:clamp(58px,7vw,92px);line-height:1.03;margin:24px 0 25px;letter-spacing:-3.8px}
.hero h1 em{display:inline-block;font-style:normal;background:linear-gradient(90deg,#fff 0,var(--cyan) 90%);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-copy>p{font-size:18px;color:rgba(255,255,255,.68);max-width:580px;margin:0 0 31px}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap}
.hero-proof{display:flex;gap:24px;border-top:1px solid rgba(255,255,255,.1);padding-top:25px;margin-top:34px}
.hero-proof>div{display:flex;flex-direction:column;min-width:0}
.hero-proof strong{font-size:13px;color:#fff}.hero-proof span{font-size:11px;color:rgba(255,255,255,.48);white-space:nowrap}
.control-center{position:relative;background:#edf3fa;color:var(--ink);border-radius:19px;box-shadow:0 35px 100px rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.2);transform:perspective(1400px) rotateY(-3deg) rotateX(1deg);transform-origin:center right;min-width:0}
.control-center:before{content:"";position:absolute;inset:-14px;border:1px solid rgba(255,255,255,.1);border-radius:28px;z-index:-1}
.control-topbar{height:44px;background:#fff;border-radius:19px 19px 0 0;display:flex;align-items:center;padding:0 15px;gap:16px;border-bottom:1px solid #e7edf4;font-size:10px}
.window-dots{display:flex;gap:5px;direction:ltr}.window-dots i{width:7px;height:7px;border-radius:50%;background:#d5dce6}.window-dots i:first-child{background:#ff6c68}.window-dots i:nth-child(2){background:#ffca57}.window-dots i:last-child{background:#50d890}
.control-title{margin-inline:auto;display:flex;align-items:center;gap:8px;font-weight:800;color:#273652}
.control-period{display:flex;gap:5px;align-items:center;color:#718097}.control-period svg{width:12px}
.control-body{display:flex;min-height:470px}
.mini-sidebar{width:54px;background:#0a2145;display:flex;align-items:center;flex-direction:column;padding:12px 8px;gap:10px;border-radius:0 0 19px 0}
.mini-logo{width:30px;height:30px;border-radius:8px;background:linear-gradient(135deg,var(--blue),var(--cyan));color:#fff;display:grid;place-items:center;font-weight:900;margin-bottom:12px}
.mini-sidebar button{width:34px;height:34px;border:0;background:transparent;color:#6781aa;border-radius:8px;display:grid;place-items:center}.mini-sidebar button.active{background:rgba(47,116,240,.28);color:#6ea1ff}.mini-sidebar svg{width:16px}
.dashboard-content{flex:1;min-width:0;padding:17px 18px 16px}
.dash-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.dash-heading>div:first-child{display:flex;flex-direction:column}.dash-heading span{font-size:9px;color:#8c98aa}.dash-heading strong{font-size:12px}.company-avatar{width:30px;height:30px;background:#e5edff;color:var(--blue);border-radius:9px;display:grid;place-items:center;font-weight:800}
.metrics-row{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.metrics-row article{background:#fff;border-radius:9px;padding:9px 10px;border:1px solid #e7edf5;display:flex;flex-direction:column}.metrics-row span{font-size:8px;color:#8794a8}.metrics-row strong{font-size:19px;line-height:1.3}.metrics-row small{font-size:7px;color:#9aa4b3}.metrics-row small.positive{color:#20a666}
.dashboard-grid{display:grid;grid-template-columns:1.45fr .8fr;gap:9px;margin-top:9px}.branch-health-card,.branch-detail-card{background:#fff;border:1px solid #e7edf5;border-radius:10px;padding:12px}
.card-head{display:flex;justify-content:space-between;align-items:start}.card-head>div{display:flex;flex-direction:column}.card-head span{font-size:7px;color:#9aa4b3}.card-head strong{font-size:10px}.card-head button{font-size:7px;border:0;background:#f1f5fb;color:#55719c;padding:5px 7px;border-radius:5px}
.health-legend{display:flex;gap:10px;margin:10px 0 7px;font-size:7px;color:#8d99aa}.health-legend span{display:flex;align-items:center;gap:3px}.health-legend i{width:5px;height:5px;border-radius:50%}.stable{background:var(--green)}.warning{background:var(--warning)}.critical{background:var(--danger)}
.branch-list{display:flex;flex-direction:column;gap:5px}.branch-row{display:grid;grid-template-columns:45px 1fr 28px 36px;gap:7px;align-items:center;border:0;background:#fafbfd;padding:6px;border-radius:6px;text-align:right;color:inherit}.branch-row.active{background:#edf4ff;outline:1px solid #d7e5ff}.branch-city{font-size:8px;font-weight:700}.health-bar{height:4px;border-radius:5px;background:#e9edf3;overflow:hidden}.health-bar i{display:block;width:var(--score);height:100%;background:linear-gradient(90deg,var(--blue),var(--green));border-radius:5px}.branch-row b{font-size:8px}.branch-row em{font-style:normal;font-size:6px;text-align:center;padding:2px;border-radius:4px}.stable-label{background:#e7fbf1;color:#168a55}.warning-label{background:#fff6df;color:#a57408}.critical-label{background:#ffeaeb;color:#bd3a40}
.branch-detail-head{display:flex;align-items:center;gap:6px}.location-icon{width:27px;height:27px;border-radius:7px;background:#edf4ff;color:var(--blue);display:grid;place-items:center}.location-icon svg{width:14px}.branch-detail-head>div:nth-child(2){display:flex;flex-direction:column}.branch-detail-head span{font-size:6px;color:#9ca7b7}.branch-detail-head strong{font-size:8px}.branch-status{margin-right:auto!important;background:#e7fbf1;color:#168a55!important;padding:2px 5px;border-radius:4px}
.health-ring{--health:92;width:105px;height:105px;border-radius:50%;margin:15px auto 12px;background:conic-gradient(var(--green) calc(var(--health)*1%),#e9eef5 0);display:grid;place-items:center;position:relative}.health-ring:after{content:"";position:absolute;width:79px;height:79px;background:#fff;border-radius:50%}.health-ring>div{position:relative;z-index:1;text-align:center;display:flex;flex-direction:column;line-height:1}.health-ring strong{font-size:27px}.health-ring span{font-size:7px;color:#8794a8;margin-top:5px}
.branch-facts{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #edf1f6;padding-top:8px;gap:4px}.branch-facts div{display:flex;flex-direction:column;text-align:center}.branch-facts span{font-size:5.5px;color:#9aa5b4}.branch-facts strong{font-size:8px}
.activity-strip{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #e7edf5;border-radius:9px;padding:7px 9px;margin-top:9px}.activity-strip>div{display:flex;align-items:center;gap:6px;flex:1}.activity-strip>div+div{border-right:1px solid #edf1f5;padding-right:10px}.activity-icon{width:24px;height:24px;border-radius:6px;background:#edf4ff;color:var(--blue);display:grid;place-items:center}.activity-icon.success{background:#e8fbf2;color:#1ca765}.activity-icon svg{width:12px}.activity-strip span:nth-child(2){display:flex;flex-direction:column}.activity-strip strong{font-size:7px}.activity-strip small{font-size:6px;color:#98a3b3}.activity-strip button{width:22px;height:22px;border:0;background:#f1f4f8;border-radius:5px;color:#65748a}
.floating-alert{position:absolute;background:#fff;color:var(--ink);border-radius:11px;padding:9px 12px;box-shadow:0 16px 42px rgba(0,18,47,.24);display:flex;align-items:center;gap:8px;border:1px solid #eef1f5}.floating-alert>div{display:flex;flex-direction:column}.floating-alert strong{font-size:8px}.floating-alert small{font-size:7px;color:#8895a7}.alert-icon{width:27px;height:27px;border-radius:7px;display:grid;place-items:center}.alert-icon svg{width:14px}.alert-icon.warning{background:#fff5dc;color:#c98d08}.alert-icon.success{background:#e4faef;color:#1b9c60}.alert-one{right:-32px;top:132px}.alert-two{left:-28px;bottom:66px}
.trust-strip{position:relative;margin-top:72px;border-top:1px solid rgba(255,255,255,.1);padding-top:25px;display:flex;align-items:center;gap:30px}.trust-strip>span{font-size:11px;color:rgba(255,255,255,.36);white-space:nowrap}.trust-strip>div{display:flex;justify-content:space-between;gap:32px;flex:1}.trust-strip b{font-size:11px;color:rgba(255,255,255,.62);font-weight:600}
.problem-section{background:#fff}.problem-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.problem-card{position:relative;padding:30px 25px;border:1px solid var(--line);border-radius:18px;transition:.25s;overflow:hidden}.problem-card:hover{transform:translateY(-6px);box-shadow:0 20px 45px rgba(16,43,82,.1);border-color:#bed1ef}.card-number{position:absolute;left:18px;top:13px;color:#dce3ee;font-size:31px;font-weight:900}.problem-icon,.feature-icon{width:45px;height:45px;border-radius:13px;background:#eef4ff;color:var(--blue);display:grid;place-items:center;margin-bottom:20px}.problem-icon svg,.feature-icon svg{width:23px}.problem-card h3{font-size:19px;margin:0 0 8px}.problem-card p{font-size:14px;color:var(--muted);margin:0}
.platform-section{background:var(--navy-950);color:#fff;position:relative;overflow:hidden}.platform-section:before{content:"";position:absolute;width:550px;height:550px;border-radius:50%;background:rgba(36,103,232,.17);filter:blur(20px);left:-250px;bottom:-260px}.platform-layout{position:relative;display:grid;grid-template-columns:.88fr 1.1fr;gap:110px;align-items:center}.platform-copy>p{color:rgba(255,255,255,.62);font-size:17px;margin:22px 0 28px;max-width:520px}.role-tabs{display:flex;gap:7px;border-bottom:1px solid rgba(255,255,255,.12);padding-bottom:12px}.role-tabs button{border:0;background:transparent;color:rgba(255,255,255,.5);padding:8px 10px;border-radius:8px;font-size:13px}.role-tabs button.active{background:rgba(36,103,232,.18);color:#fff}.role-content{display:flex;gap:14px;align-items:flex-start;padding:22px 0}.role-icon{width:50px;height:50px;border-radius:14px;background:linear-gradient(135deg,var(--blue),#173d8f);color:#fff;display:grid;place-items:center;flex:none}.role-icon svg{width:24px}.role-content>div:last-child{display:flex;flex-direction:column}.role-content strong{font-size:18px}.role-content p{margin:5px 0 0;color:rgba(255,255,255,.55);font-size:14px}.text-cta{display:inline-flex;align-items:center;gap:15px;color:var(--green);font-weight:800}.text-cta span{transition:.2s}.text-cta:hover span{transform:translateX(-5px)}
.platform-visual{position:relative;padding:45px 22px}.hierarchy-card{background:linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,.045));border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(14px);border-radius:25px;padding:30px;box-shadow:0 30px 80px rgba(0,0,0,.26)}.hierarchy-company{background:#fff;color:var(--ink);padding:17px;border-radius:14px;display:flex;align-items:center;gap:13px}.node-icon{width:43px;height:43px;border-radius:12px;display:grid;place-items:center}.node-icon.company{background:#eaf2ff;color:var(--blue)}.node-icon svg{width:22px}.hierarchy-company>div{display:flex;flex-direction:column}.hierarchy-company small{font-size:10px;color:#8390a4}.hierarchy-company strong{font-size:14px}.node-count{margin-right:auto;background:#eff5ff;color:var(--blue);padding:6px 9px;border-radius:8px;font-size:10px;font-weight:800}.connector-line{height:34px;width:2px;background:linear-gradient(var(--blue),rgba(36,103,232,.2));margin:auto}.branch-nodes{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.branch-nodes>div{position:relative;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.11);padding:14px 13px 13px 34px;border-radius:12px;display:flex;flex-direction:column}.branch-nodes strong{font-size:12px}.branch-nodes small{color:rgba(255,255,255,.47);font-size:9px}.node-dot{position:absolute;right:14px;top:18px;width:8px;height:8px;border-radius:50%}.node-dot.green{background:var(--green);box-shadow:0 0 0 5px rgba(56,223,139,.09)}.node-dot.amber{background:var(--warning)}.node-dot.red{background:var(--danger)}.add-branch{border-style:dashed!important;align-items:center!important;padding:14px!important;text-align:center}.add-branch span{font-size:20px;color:var(--cyan);line-height:1}.permission-card{position:absolute;background:#fff;color:var(--ink);padding:10px 13px;border-radius:12px;display:flex;gap:9px;align-items:center;box-shadow:0 18px 50px rgba(0,0,0,.28)}.permission-card>span{width:33px;height:33px;border-radius:9px;background:#eef4ff;color:var(--blue);display:grid;place-items:center}.permission-card svg{width:17px}.permission-card>div{display:flex;flex-direction:column}.permission-card strong{font-size:10px}.permission-card small{font-size:8px;color:#8591a3}.permission-one{right:-20px;top:5px}.permission-two{left:-30px;bottom:3px}
.features-section{background:var(--surface)}.feature-bento{display:grid;grid-template-columns:1.1fr .8fr .8fr;gap:16px}.feature-large,.feature-card{background:#fff;border:1px solid #e4eaf2;border-radius:20px;padding:26px;overflow:hidden;position:relative}.feature-large{grid-row:span 2}.feature-card{min-height:260px}.feature-large h3,.feature-card h3{font-size:21px;margin:0 0 8px}.feature-large p,.feature-card p{color:var(--muted);font-size:14px;margin:0}.feature-tag{display:inline-block;background:#eaf2ff;color:var(--blue);padding:5px 8px;border-radius:7px;font-size:9px;font-weight:900;letter-spacing:.5px;margin-bottom:18px}.feature-large a{display:inline-flex;gap:10px;margin-top:20px;color:var(--blue);font-size:13px;font-weight:800}.branch-score-feature{display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(155deg,#fff,#edf4ff)}.score-visual{margin-top:30px;display:flex;align-items:end;gap:25px}.score-orbit{width:155px;height:155px;flex:none;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:conic-gradient(var(--green) 84%,#dce5f0 0);position:relative}.score-orbit:before{content:"";position:absolute;inset:14px;border-radius:50%;background:#fff}.score-orbit span,.score-orbit small{position:relative;z-index:1}.score-orbit span{font-size:45px;font-weight:900;line-height:1}.score-orbit small{font-size:10px;color:var(--muted)}.score-bars{display:flex;flex-direction:column;gap:12px;flex:1}.score-bars i{position:relative;height:10px;background:#dfe6ef;border-radius:10px;font-style:normal}.score-bars i:after{content:"";position:absolute;right:0;top:0;height:100%;width:var(--w);border-radius:10px;background:linear-gradient(90deg,var(--blue),var(--green))}.score-bars span{position:absolute;bottom:15px;font-size:9px;color:#8490a2}.feature-icon{margin-bottom:17px}.mock-qr{width:92px;height:92px;margin-top:20px;display:grid;grid-template-columns:repeat(3,1fr);gap:3px;padding:7px;background:#f5f7fa;border-radius:10px}.mock-qr i{background:var(--navy-900);border-radius:2px}.mock-qr i:nth-child(2),.mock-qr i:nth-child(4),.mock-qr i:nth-child(8){background:transparent}.sla-timeline{display:flex;align-items:center;gap:3px;margin-top:25px}.sla-timeline span{font-size:7px;padding:5px 7px;background:#eff2f6;color:#8793a5;border-radius:6px}.sla-timeline span.done{background:#e8f9f1;color:#219b63}.sla-timeline span.current{background:#eaf2ff;color:var(--blue)}.report-preview{margin-top:20px;background:#f5f7fa;border-radius:10px;padding:12px;display:flex;align-items:center;gap:12px}.report-preview>span{background:#e14f55;color:#fff;font-size:9px;font-weight:800;padding:8px;border-radius:7px}.report-preview>div{display:flex;flex-direction:column;gap:5px;flex:1}.report-preview i{height:4px;background:#d8dfe9;border-radius:4px}.report-preview i:nth-child(2){width:72%}.report-preview i:nth-child(3){width:45%}.asset-stack{display:flex;flex-direction:column;gap:7px;margin-top:21px}.asset-stack span{display:flex;justify-content:space-between;background:#f4f7fb;padding:7px 9px;border-radius:7px;color:#66748a;font-size:9px}.asset-stack b{color:var(--ink)}
.pilot-section{background:linear-gradient(135deg,#0a2145,#06132b);color:#fff;overflow:hidden}.pilot-layout{display:grid;grid-template-columns:.9fr 1fr;gap:110px;align-items:center}.pilot-copy>p{color:rgba(255,255,255,.62);font-size:17px;margin:22px 0 28px}.pilot-list{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin:30px 0}.pilot-list>div{display:flex;gap:11px}.pilot-list>div>span{width:29px;height:29px;border-radius:8px;background:rgba(56,223,139,.12);color:var(--green);display:grid;place-items:center;font-weight:900;font-size:11px;flex:none}.pilot-list p{display:flex;flex-direction:column;margin:0}.pilot-list strong{font-size:13px}.pilot-list small{font-size:10px;color:rgba(255,255,255,.45)}.pilot-visual{position:relative;min-height:620px;display:grid;place-items:center}.pilot-visual:before{content:"";position:absolute;width:450px;height:450px;border-radius:50%;background:radial-gradient(circle,rgba(36,103,232,.35),transparent 67%)}.phone-frame{position:relative;width:290px;background:#071024;border:6px solid #192745;border-radius:42px;padding:8px;box-shadow:0 40px 90px rgba(0,0,0,.5);transform:rotate(-4deg)}.phone-notch{position:absolute;width:94px;height:24px;background:#071024;border-radius:0 0 16px 16px;top:3px;left:50%;transform:translateX(-50%);z-index:3}.phone-screen{background:#f2f5f9;color:var(--ink);border-radius:31px;padding:15px 15px 12px;min-height:550px}.mobile-top{height:20px;display:flex;align-items:center;justify-content:space-between;font-size:7px;padding:0 5px}.mobile-top span:nth-child(2){font-weight:800}.mobile-top i{width:15px;height:6px;border:1px solid #1c2a41;border-radius:2px}.mobile-greeting{display:flex;flex-direction:column;margin:18px 3px 11px}.mobile-greeting small{font-size:8px;color:#8c98a8}.mobile-greeting strong{font-size:15px}.mobile-score{display:flex;align-items:center;gap:12px;background:#fff;border-radius:15px;padding:12px;box-shadow:0 9px 25px rgba(10,30,63,.07)}.mini-ring{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--warning) 74%,#e6ebf1 0);position:relative}.mini-ring:after{content:"";position:absolute;inset:7px;background:#fff;border-radius:50%}.mini-ring strong{z-index:1;font-size:18px}.mobile-score>div:last-child{display:flex;flex-direction:column}.mobile-score span{font-size:8px;color:#8a96a7}.mobile-score strong{font-size:11px}.mobile-score small{font-size:7px;color:#9ba5b4}.mobile-ticket{border:0;background:linear-gradient(135deg,var(--blue),#194cad);color:#fff;width:100%;border-radius:13px;padding:11px;margin:11px 0;display:flex;align-items:center;text-align:right;gap:9px}.mobile-ticket>span{width:32px;height:32px;background:rgba(255,255,255,.15);border-radius:9px;display:grid;place-items:center;font-size:20px}.mobile-ticket>div{display:flex;flex-direction:column}.mobile-ticket strong{font-size:10px}.mobile-ticket small{font-size:7px;color:rgba(255,255,255,.65)}.mobile-section-title{display:flex;justify-content:space-between;margin:14px 3px 8px}.mobile-section-title strong{font-size:10px}.mobile-section-title span{font-size:7px;color:var(--blue)}.mobile-activity{display:flex;gap:8px;align-items:center;background:#fff;padding:9px;border-radius:10px;margin-bottom:7px}.m-icon{width:30px;height:30px;border-radius:8px;display:grid;place-items:center}.m-icon.green{background:#e7faef;color:#1d9d5f}.m-icon.amber{background:#fff5df;color:#bf8200}.m-icon svg{width:15px}.mobile-activity>div{display:flex;flex-direction:column}.mobile-activity strong{font-size:8px}.mobile-activity small{font-size:7px;color:#929dad}.mobile-nav{display:flex;justify-content:space-around;background:#fff;border-radius:13px;padding:9px;margin-top:18px}.mobile-nav span{color:#9aa5b4}.mobile-nav span.active{color:var(--blue)}.mobile-nav svg{width:17px}.pilot-note{position:absolute;right:0;bottom:100px;background:#fff;color:var(--ink);padding:12px 15px;border-radius:13px;display:flex;align-items:center;gap:10px;box-shadow:0 16px 40px rgba(0,0,0,.35)}.pilot-note>span{width:34px;height:34px;border-radius:9px;background:#e5faef;color:#1b9d60;display:grid;place-items:center}.pilot-note svg{width:18px}.pilot-note>div{display:flex;flex-direction:column}.pilot-note strong{font-size:11px}.pilot-note small{font-size:8px;color:#8490a1}
.sectors-section{background:#fff}.sector-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.sector-card{border:1px solid var(--line);border-radius:18px;padding:26px;position:relative;transition:.25s}.sector-card:hover{border-color:#c3d6f4;box-shadow:0 20px 45px rgba(15,45,89,.09);transform:translateY(-4px)}.sector-icon{width:45px;height:45px;border-radius:13px;background:#eff4fc;color:var(--blue);display:grid;place-items:center}.sector-icon svg{width:23px}.sector-card h3{margin:19px 0 7px;font-size:18px}.sector-card p{margin:0;color:var(--muted);font-size:13px}.sector-card>span{position:absolute;left:18px;top:19px;background:#f3f6fa;color:#8894a4;font-size:8px;padding:5px 7px;border-radius:6px}
.assessment-section{background:var(--surface)}.assessment-layout{display:grid;grid-template-columns:.8fr 1.1fr;gap:90px;align-items:start}.assessment-copy{position:sticky;top:110px}.assessment-copy>p{color:var(--muted);font-size:17px;margin:22px 0}.assessment-copy ul{list-style:none;padding:0;margin:25px 0}.assessment-copy li{position:relative;padding-right:28px;margin:12px 0;color:#536177}.assessment-copy li:before{content:"✓";position:absolute;right:0;color:var(--green);font-weight:900}.assessment-card{background:#fff;border:1px solid #e1e7f0;border-radius:22px;padding:28px;box-shadow:0 20px 60px rgba(15,42,78,.08)}.assessment-head{display:flex;justify-content:space-between;border-bottom:1px solid #edf0f5;padding-bottom:17px;margin-bottom:20px}.assessment-head span{font-size:12px;color:var(--muted)}.assessment-head strong{font-size:12px;color:var(--blue)}.assessment-card fieldset{border:0;padding:0;margin:0 0 20px}.assessment-card legend{font-size:13px;font-weight:800;margin-bottom:10px}.assessment-card fieldset{display:flex;flex-wrap:wrap;gap:7px}.assessment-card label{position:relative}.assessment-card input{position:absolute;opacity:0}.assessment-card label span{display:block;border:1px solid #dfe5ed;border-radius:8px;padding:8px 11px;font-size:11px;color:#66748a;transition:.2s}.assessment-card input:checked+span{border-color:#8fb3f6;background:#eff5ff;color:var(--blue);font-weight:800}.assessment-result{display:flex;align-items:center;gap:17px;background:#f5f8fc;border-radius:14px;padding:16px;margin:8px 0 18px}.result-ring{width:75px;height:75px;border-radius:50%;background:conic-gradient(var(--blue) calc(var(--result)*1%),#dce4ee 0);display:grid;place-items:center;position:relative;flex:none}.result-ring:after{content:"";position:absolute;inset:7px;border-radius:50%;background:#fff}.result-ring strong{position:relative;z-index:1;font-size:15px}.assessment-result>div:last-child{display:flex;flex-direction:column}.assessment-result span{font-size:9px;color:#8a96a8}.assessment-result strong{font-size:14px}.assessment-result p{font-size:10px;color:#7b8799;margin:2px 0 0}
.process-section{background:#fff}.process-line{display:grid;grid-template-columns:repeat(4,1fr);position:relative;gap:25px}.process-line:before{content:"";position:absolute;height:1px;background:#d9e2ed;right:12.5%;left:12.5%;top:39px}.process-line article{text-align:center;position:relative}.process-line article>span{position:absolute;right:calc(50% + 30px);top:20px;font-size:9px;color:#a8b2c0}.process-icon{position:relative;width:78px;height:78px;border:1px solid #d7e1ed;background:#fff;border-radius:50%;display:grid;place-items:center;margin:0 auto 18px;color:var(--blue)}.process-icon svg{width:28px}.process-line h3{font-size:17px;margin:0 0 6px}.process-line p{font-size:12px;color:var(--muted);margin:0 auto;max-width:190px}
.cta-section{position:relative;background:linear-gradient(135deg,#143f7a,#071a37);color:#fff;padding:90px 0;overflow:hidden}.cta-grid{opacity:.09}.cta-content{position:relative;display:flex;justify-content:space-between;align-items:center;gap:70px}.cta-content p{color:rgba(255,255,255,.57);margin:17px 0 0}.cta-actions{display:flex;flex-direction:column;gap:15px;align-items:stretch}.cta-phone{display:flex;align-items:center;gap:11px;padding:10px}.cta-phone>span{width:39px;height:39px;background:rgba(255,255,255,.1);border-radius:11px;display:grid;place-items:center}.cta-phone svg{width:20px}.cta-phone>div{display:flex;flex-direction:column}.cta-phone small{font-size:9px;color:rgba(255,255,255,.52)}.cta-phone strong{font-size:15px}
.site-footer{background:#050f21;color:#fff;padding-top:70px}.footer-main{display:grid;grid-template-columns:1.6fr repeat(3,1fr);gap:55px;padding-bottom:55px}.footer-brand img{width:190px;filter:brightness(0) invert(1);margin-bottom:20px}.footer-brand p{color:rgba(255,255,255,.46);font-size:13px;max-width:350px}.footer-brand>span{display:inline-block;color:var(--gold);font-size:11px;margin-top:7px}.footer-links,.footer-contact{display:flex;flex-direction:column;gap:10px}.footer-links strong,.footer-contact strong{font-size:13px;margin-bottom:8px}.footer-links a,.footer-contact a,.footer-contact small{font-size:12px;color:rgba(255,255,255,.47)}.footer-links a:hover,.footer-contact a:hover{color:#fff}.footer-bottom{border-top:1px solid rgba(255,255,255,.08);padding:20px 0;display:flex;justify-content:space-between;color:rgba(255,255,255,.35);font-size:10px}.footer-bottom>div{display:flex;gap:18px}.whatsapp-float{position:fixed;left:22px;bottom:22px;width:51px;height:51px;border-radius:50%;background:#25d366;color:#fff;display:grid;place-items:center;z-index:90;box-shadow:0 12px 30px rgba(37,211,102,.35)}.whatsapp-float svg{width:25px}
.reveal{opacity:0;transform:translateY(22px);transition:opacity .75s ease,transform .75s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:1100px){
  .nav-shell{gap:18px}.main-nav{gap:17px}
  .hero-layout{grid-template-columns:1fr;gap:55px}.hero-copy{text-align:center;max-width:760px;margin:auto}.hero-copy>p{margin-inline:auto}.hero-actions,.hero-proof{justify-content:center}.control-center{max-width:820px;margin:auto;transform:none}.hero{padding-top:145px}.trust-strip{margin-top:55px}
  .problem-grid{grid-template-columns:repeat(2,1fr)}.platform-layout,.pilot-layout,.assessment-layout{gap:55px}.feature-bento{grid-template-columns:1fr 1fr}.feature-large{grid-row:span 2}.footer-main{grid-template-columns:1.4fr repeat(3,1fr);gap:25px}
}
@media(max-width:860px){
  :root{--container:min(100% - 28px,720px)}.section{padding:82px 0}
  .site-header{padding:12px 0}.brand img{width:128px}.product-name{display:none}.brand-divider{display:none}.nav-actions{margin-right:auto}.nav-actions .btn{display:none}.nav-actions .login-link{display:none}
  .menu-toggle{display:block;z-index:102}.main-nav{position:fixed;inset:0;background:rgba(5,15,33,.98);display:flex;flex-direction:column;justify-content:center;gap:25px;transform:translateX(100%);transition:.3s;z-index:101}.main-nav.open{transform:none}.main-nav a{font-size:21px;color:#fff}
  .main-nav .nav-cta-m{display:inline-flex;align-items:center;gap:9px;border:1.5px solid rgba(255,255,255,.35);background:rgba(36,103,232,.3);padding:12px 32px;border-radius:12px;font-weight:800}
  .menu-toggle.open span:first-child{transform:translateY(7px) rotate(45deg)}.menu-toggle.open span:nth-child(2){opacity:0}.menu-toggle.open span:last-child{transform:translateY(-7px) rotate(-45deg)}
  .hero{min-height:auto;padding-top:125px}.hero h1{letter-spacing:-2.5px}.hero-proof{flex-wrap:wrap}.control-center{overflow:visible}.control-body{min-height:430px}.metrics-row{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.branch-detail-card{display:none}.activity-strip>div:nth-child(2){display:none}.floating-alert{display:none}.trust-strip{flex-direction:column;align-items:flex-start}.trust-strip>div{display:grid;grid-template-columns:repeat(2,1fr);width:100%}
  .platform-layout,.pilot-layout,.assessment-layout{grid-template-columns:1fr}.platform-copy,.pilot-copy,.assessment-copy{text-align:center}.platform-copy>p,.pilot-copy>p{margin-inline:auto}.role-tabs{justify-content:center}.role-content{text-align:right}.platform-visual{max-width:600px;margin:auto;width:100%}.pilot-layout{gap:25px}.pilot-visual{min-height:590px}.pilot-list{text-align:right}.assessment-copy{position:static}.assessment-copy ul{display:inline-block;text-align:right}
  .feature-bento{grid-template-columns:1fr 1fr}.feature-large{grid-column:span 2;grid-row:auto}.sector-grid{grid-template-columns:repeat(2,1fr)}.process-line{grid-template-columns:repeat(2,1fr);gap:45px 20px}.process-line:before{display:none}.cta-content{flex-direction:column;text-align:center}.footer-main{grid-template-columns:1.4fr 1fr 1fr}.footer-contact{grid-column:2/4}.footer-bottom{flex-direction:column;align-items:center;gap:12px}
}
@media(max-width:560px){
  :root{--container:calc(100% - 24px)}.hero h1{font-size:52px}.hero-copy>p{font-size:15px}.hero-actions{flex-direction:column}.hero-actions .btn{width:100%}.hero-proof{display:grid;grid-template-columns:1fr 1fr;gap:17px}.hero-proof>div:last-child{grid-column:span 2}.control-center{margin-inline:-4px}.control-topbar{padding:0 9px}.control-title{font-size:8px}.control-period{display:none}.mini-sidebar{display:none}.dashboard-content{padding:13px 10px}.metrics-row article:nth-child(3),.metrics-row article:nth-child(4){display:none}.dashboard-grid{margin-top:7px}.branch-health-card{padding:9px}.activity-strip{display:none}.control-body{min-height:345px}.branch-row{grid-template-columns:42px 1fr 28px 34px}.trust-strip>div{grid-template-columns:1fr 1fr;gap:13px}.trust-strip b{font-size:9px}
  .section-heading h2,.platform-copy h2,.pilot-copy h2,.assessment-copy h2,.cta-content h2{font-size:36px;letter-spacing:-1px}.section-heading.split{display:block}.section-heading.split p{margin-top:15px}.problem-grid,.sector-grid{grid-template-columns:1fr}.platform-layout{gap:30px}.platform-visual{padding:35px 0}.branch-nodes{grid-template-columns:1fr}.permission-card{display:none}.role-tabs{overflow:auto;justify-content:flex-start}.role-tabs button{white-space:nowrap}.role-content{align-items:flex-start}.feature-bento{grid-template-columns:1fr}.feature-large{grid-column:auto}.score-visual{flex-direction:column;align-items:center}.score-bars{width:100%}.pilot-list{grid-template-columns:1fr}.pilot-visual{min-height:560px}.phone-frame{width:270px}.pilot-note{right:5px}.assessment-card{padding:20px}.assessment-card fieldset{display:grid;grid-template-columns:1fr}.assessment-card label span{text-align:center}.assessment-result{align-items:flex-start}.process-line{grid-template-columns:1fr}.cta-actions{width:100%}.footer-main{grid-template-columns:1fr 1fr}.footer-brand{grid-column:span 2}.footer-contact{grid-column:span 2}.footer-bottom{text-align:center}.whatsapp-float{width:47px;height:47px;left:14px;bottom:14px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.btn,.problem-card,.sector-card{transition:none}}