:root{--brand:#1520a6;--hover:#0f1878;--deep:#0f1b4c;--ink:#111315;--body:#1e2a44;--muted:#526a9f;--subtle:#f7faff;--pale:#f2f7ff;--border:#e6eeff;--success:#10b981}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;font:16px/1.62 Inter,Arial,sans-serif;color:var(--ink);background:#fff}a{color:inherit}.shell{width:min(1280px,calc(100% - 64px));margin:auto}.skip{position:fixed;z-index:999;top:12px;left:12px;padding:10px 14px;background:#fff;color:var(--brand);border-radius:8px;transform:translateY(-160%)}.skip:focus{transform:none}header{position:sticky;top:0;z-index:90;background:rgba(255,255,255,.96);border-bottom:1px solid var(--border);backdrop-filter:blur(12px)}.nav{height:76px;display:flex;align-items:center;gap:28px}.brand{display:flex;margin-right:auto}.brand img{width:144px}.nav nav{display:flex;gap:24px}.nav nav a,.footer-links a{font-size:14px;font-weight:700;text-decoration:none;color:var(--body)}.nav nav a:hover,.footer-links a:hover{color:var(--brand)}.menu{display:none}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 20px;border:0;border-radius:10px;background:var(--brand);color:#fff;font-weight:700;text-decoration:none;transition:.18s}.btn:hover{background:var(--hover);transform:translateY(-1px)}.small{min-height:42px;padding:9px 14px;font-size:14px}.hero{padding:96px 0 0;background:linear-gradient(180deg,var(--subtle),#fff 72%)}.hero-grid{display:grid;grid-template-columns:1.04fr .96fr;gap:72px;align-items:center}.eyebrow{margin:0 0 16px;color:var(--brand);font-size:12px;font-weight:800;letter-spacing:.13em}.hero h1{margin:0 0 24px;color:var(--deep);font-size:clamp(44px,5.5vw,72px);line-height:1.01;letter-spacing:-.045em}.lead{margin:0;color:var(--body);font-size:20px;line-height:1.6}.actions{display:flex;align-items:center;gap:24px;margin-top:32px}.text-link{color:var(--brand);font-weight:700;text-decoration:none}.arabic{margin-top:28px;color:var(--muted);font-size:15px}.hero-panel{padding:38px;border-radius:24px;background:var(--deep);color:#fff;box-shadow:0 24px 80px rgba(15,27,76,.14)}.panel-kicker{margin:0;color:#a9d9ff;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.hero-panel h2{margin:8px 0 28px;font-size:36px;line-height:1.15}.stages{display:grid;grid-template-columns:1fr 1fr;gap:12px}.stages div{display:grid;grid-template-columns:36px 1fr;padding:16px;border:1px solid rgba(255,255,255,.14);border-radius:12px;background:rgba(255,255,255,.04)}.stages b{grid-row:1/3;color:#8fd4ff;font-size:12px}.stages small{grid-column:2;color:#c9d5ef}.metrics{display:grid;grid-template-columns:repeat(4,1fr);margin-top:80px;border:1px solid var(--border);border-radius:16px;background:#fff;box-shadow:0 16px 48px rgba(15,27,76,.07)}.metrics div{display:flex;flex-direction:column;padding:24px 28px;border-right:1px solid var(--border)}.metrics div:last-child{border:0}.metrics strong{color:var(--brand);font-size:28px;line-height:1.15}.metrics span{margin-top:5px;color:var(--muted);font-size:13px}.section{padding:112px 0}.subtle{background:var(--subtle)}.dark{background:var(--deep);color:#fff}.heading{max-width:780px;margin-bottom:48px}.heading h2{margin:0 0 16px;color:var(--deep);font-size:clamp(34px,4.2vw,48px);line-height:1.12;letter-spacing:-.035em}.heading>p:last-child,.split>p{margin:0;color:var(--body);font-size:18px}.split{max-width:none;display:grid;grid-template-columns:1.2fr .8fr;gap:80px;align-items:end}.light h2{color:#fff}.light>p:last-child{color:#bdcae4}.architecture{display:grid;grid-template-columns:.96fr 1.04fr;gap:24px}.domains{display:grid;gap:8px}.domain{display:grid;grid-template-columns:52px 1fr;gap:16px;width:100%;padding:18px;text-align:left;border:1px solid var(--border);border-radius:12px;background:#fff;color:var(--body);cursor:pointer}.domain:hover,.domain.active{background:var(--pale)}.domain.active{border-color:var(--brand);box-shadow:inset 4px 0 var(--brand)}.domain i{display:grid;place-items:center;width:44px;height:44px;border-radius:10px;background:var(--subtle);color:var(--brand);font-size:12px;font-style:normal;font-weight:800}.domain strong{display:block;color:var(--deep);font-size:17px}.domain small{display:block;color:var(--muted);font-size:13px}.detail{padding:44px;border-radius:18px;background:var(--deep);color:#fff}.detail-label{margin:0 0 12px;color:#77c6ff;font-size:12px;font-weight:800;letter-spacing:.13em}.detail h3,.flow-detail h3,.role-panel h3{margin:0 0 16px;font-size:30px;line-height:1.2}.detail>p:not(.detail-label),.flow-detail>p:not(.detail-label){color:#c8d4ea}.detail ul{padding-left:20px;color:#e6ecf8}.detail li+li{margin-top:8px}.outcome{margin-top:28px;padding:18px;border:1px solid rgba(255,255,255,.15);border-radius:12px;background:rgba(255,255,255,.05)}.outcome span{display:block;color:#8fd4ff;font-size:12px;font-weight:800;text-transform:uppercase}.outcome strong{display:block;margin-top:7px}.flow{display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:start}.steps{position:relative;display:grid;grid-template-columns:repeat(7,1fr);margin:0;padding:0;list-style:none}.steps:before{content:"";position:absolute;top:23px;left:7%;right:7%;height:1px;background:#41547c}.step{position:relative;width:100%;padding:0 5px;border:0;background:transparent;color:#aab7d1;cursor:pointer}.step span{position:relative;z-index:1;display:grid;place-items:center;width:46px;height:46px;margin:auto auto 12px;border:1px solid #53668e;border-radius:50%;background:var(--deep);font-size:11px}.step strong{display:block;font-size:12px;line-height:1.35}.step:hover span,.step.active span{border-color:#77c6ff;background:#152b62;color:#fff}.step.active strong{color:#fff}.flow-detail{min-height:270px;padding:32px;border:1px solid #33476f;border-radius:16px;background:#132458}.meta{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:24px}.meta div{padding:14px;border-radius:10px;background:rgba(255,255,255,.06)}.meta span{display:block;color:#8fd4ff;font-size:11px;text-transform:uppercase}.meta strong{display:block;margin-top:5px;font-size:14px}.role-tabs{display:flex;gap:8px;overflow:auto;padding-bottom:8px}.role{min-height:44px;padding:10px 16px;border:1px solid var(--border);border-radius:10px;background:#fff;color:var(--body);font-weight:700;white-space:nowrap;cursor:pointer}.role:hover{background:var(--pale)}.role.active{border-color:var(--brand);background:var(--brand);color:#fff}.role-panel{display:grid;grid-template-columns:1.3fr .7fr;gap:56px;margin-top:18px;padding:40px;border:1px solid var(--border);border-radius:18px;background:var(--subtle)}.role-panel>div>p:last-child{color:var(--body);font-size:17px}.checks{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0;padding:0;list-style:none}.checks li{position:relative;padding:13px 12px 13px 38px;border-radius:10px;background:#fff;color:var(--body);font-weight:700}.checks li:before{content:"✓";position:absolute;left:14px;color:var(--success)}.timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.timeline article{position:relative;min-height:300px;padding:28px;border:1px solid var(--border);border-radius:16px;background:#fff}.timeline article:before{content:"";position:absolute;top:0;left:28px;width:54px;height:4px;background:var(--brand)}.timeline article>span{color:var(--brand);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.timeline h3{margin:32px 0 12px;color:var(--deep);font-size:21px;line-height:1.25}.timeline p{color:var(--body);font-size:14px}.timeline article>strong{position:absolute;left:28px;right:28px;bottom:26px;color:var(--brand);font-size:13px}.pricing{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.pricing article{padding:32px;border:1px solid var(--border);border-radius:16px;background:#fff}.pricing article>span{color:var(--muted);font-size:13px;font-weight:800;text-transform:uppercase}.pricing article>strong{display:block;margin:10px 0 18px;color:var(--deep);font-size:42px;line-height:1.1}.pricing small{font-size:14px}.pricing p{margin:0;color:var(--body)}.pricing .featured{border-color:var(--brand);background:var(--deep);color:#fff}.pricing .featured>span,.pricing .featured p{color:#c6d3eb}.pricing .featured>strong{color:#fff}.commercial-note{display:flex;align-items:center;justify-content:space-between;gap:32px;margin-top:20px;padding:28px 32px;border-radius:16px;background:var(--subtle)}.commercial-note h3{margin:0 0 6px;color:var(--deep)}.commercial-note p{max-width:760px;margin:0;color:var(--body)}.cta{padding:72px 0;background:var(--brand);color:#fff}.cta-inner{display:flex;align-items:center;justify-content:space-between;gap:48px}.cta .eyebrow{color:#b8dcff}.cta h2{max-width:820px;margin:0;font-size:36px;line-height:1.2}.light-btn{background:#fff;color:var(--brand)}.light-btn:hover{background:#edf5ff;color:var(--hover)}footer{padding:36px 0;border-top:1px solid var(--border)}.footer{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:28px}.footer img{width:132px}.footer div{display:flex;flex-direction:column}.footer span{color:var(--muted);font-size:13px}.footer-links{flex-direction:row!important;gap:18px}:focus-visible{outline:3px solid #0ea5e9;outline-offset:3px}@media(max-width:1024px){.shell{width:min(100% - 40px,1280px)}.nav nav{display:none;position:absolute;top:76px;left:0;right:0;flex-direction:column;gap:0;padding:12px 20px 20px;background:#fff;border-bottom:1px solid var(--border)}.nav nav.open{display:flex}.nav nav a{padding:13px 4px}.menu{display:inline-flex;min-height:44px;align-items:center;padding:8px 12px;border:1px solid var(--border);border-radius:9px;background:#fff;color:var(--deep);font-weight:700}.header-cta{display:none}.hero-grid{grid-template-columns:1fr;gap:44px}.hero-panel{max-width:760px}.split{grid-template-columns:1fr;gap:18px}.architecture,.flow{grid-template-columns:1fr}.role-panel{grid-template-columns:1fr}.timeline{grid-template-columns:1fr 1fr}.pricing{grid-template-columns:1fr}.footer{grid-template-columns:auto 1fr}.footer-links{grid-column:1/-1}}@media(max-width:680px){.shell{width:calc(100% - 32px)}.hero{padding-top:64px}.hero h1{font-size:40px;line-height:1.08}.lead{font-size:18px}.actions{align-items:flex-start;flex-direction:column}.hero-panel{padding:26px 20px}.hero-panel h2{font-size:30px}.stages{grid-template-columns:1fr}.metrics{grid-template-columns:1fr 1fr;margin-top:48px}.metrics div{padding:18px;border-bottom:1px solid var(--border)}.metrics div:nth-child(2){border-right:0}.section{padding:80px 0}.heading{margin-bottom:34px}.heading h2{font-size:32px}.domain{padding:14px}.detail{padding:28px 22px}.steps{grid-template-columns:1fr}.steps:before{top:0;bottom:0;left:22px;right:auto;width:1px;height:auto}.steps li{margin-bottom:7px}.step{display:grid;grid-template-columns:46px 1fr;align-items:center;gap:12px;text-align:left}.step span{margin:0}.step strong{font-size:14px}.flow-detail{padding:24px 20px}.meta{grid-template-columns:1fr}.role-panel{padding:26px 20px}.checks{grid-template-columns:1fr}.timeline{grid-template-columns:1fr}.timeline article{min-height:250px}.commercial-note,.cta-inner{align-items:stretch;flex-direction:column}.cta h2{font-size:30px}.footer{grid-template-columns:1fr;align-items:start}.footer-links{grid-column:auto}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}