:root{--ink:#17223d;--ink-soft:#42506a;--muted:#586477;--line:#dce6ea;--surface:#ffffff;--soft:#f5faf9;--blue:#178ccb;--teal:#12a7b8;--green:#20b86a;--red:#ef3146;--gold:#f5b84b;--shadow:0 18px 50px rgba(23, 34, 61, .12);--shadow-strong:0 28px 80px rgba(23, 34, 61, .20);--radius:10px;--radius-lg:16px;--ease:cubic-bezier(.2, .8, .2, 1)}*,::after,::before{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{margin:0;font-family:"Segoe UI",Tahoma,Arial,"Helvetica Neue",sans-serif;color:var(--ink);background:var(--surface);line-height:1.75;letter-spacing:0;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}img,svg{display:block;max-width:100%}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}::selection{background:rgba(23,140,203,.2);color:var(--ink)}em[data-i18n]{font-style:normal}:focus-visible{outline:2px solid var(--blue);outline-offset:3px;border-radius:6px}.container{width:min(1140px,calc(100% - 40px));margin:0 auto}.skip-link{position:fixed;inset-block-start:12px;inset-inline-start:12px;z-index:100;transform:translateY(-160%);background:var(--ink);color:#fff;min-height:44px;min-width:44px;display:inline-flex;align-items:center;padding:10px 14px;border-radius:var(--radius);transition:transform .18s var(--ease)}.skip-link:focus{transform:translateY(0)}.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.92);border-bottom:1px solid rgba(220,230,234,.9);backdrop-filter:saturate(140%) blur(14px);-webkit-backdrop-filter:saturate(140%) blur(14px);transition:box-shadow .25s var(--ease),background .25s var(--ease)}.site-header.is-scrolled{background:rgba(255,255,255,.97);box-shadow:0 14px 34px rgba(23,34,61,.08)}.header-inner{min-height:74px;display:flex;align-items:center;gap:22px}.brand{display:inline-flex;align-items:center;gap:10px;min-width:192px;min-height:44px;margin-inline-end:auto}.header-tools{display:inline-flex;align-items:center;gap:8px}.lang-toggle{min-height:38px;display:inline-flex;align-items:center;gap:6px;padding:0 14px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--ink);font-weight:900;font-size:.82rem;cursor:pointer;transition:border-color .18s var(--ease),background .18s var(--ease),color .18s var(--ease),transform .18s var(--ease)}.lang-toggle:focus-visible,.lang-toggle:hover{border-color:var(--blue);background:var(--soft);outline:0}.lang-toggle:active{transform:scale(.96)}.lang-toggle svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.lang-toggle span{letter-spacing:.04em}.brand-mark{width:42px;height:42px;flex:0 0 auto}.brand-text{display:grid;gap:2px;line-height:1}.brand-text strong,.brand-wordmark{color:var(--ink);font-family:Tajawal,'IBM Plex Sans Arabic',Cairo,'Noto Sans Arabic','Segoe UI',Arial,sans-serif;font-size:2.05rem;font-weight:900;letter-spacing:-.04em;line-height:1}.brand-text small{color:#0d6c9c;font-size:.7rem;font-weight:800;letter-spacing:.01em;white-space:nowrap;margin-top:4px}[data-theme=dark] .brand-text small{color:#65c0e5}.site-nav{display:flex;align-items:center;gap:4px}.site-nav a{position:relative;min-height:42px;display:inline-flex;align-items:center;padding:0 13px;border-radius:var(--radius);color:var(--ink-soft);font-size:.95rem;font-weight:700;transition:color .18s var(--ease),background .18s var(--ease)}.site-nav a:focus-visible,.site-nav a:hover{color:var(--ink);background:var(--soft);outline:0}.site-nav a.is-active::after{content:"";position:absolute;inset-block-end:4px;inset-inline:13px;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--blue),var(--green))}.site-nav a.is-active{color:var(--ink)}.site-nav a[href="#contact"]{color:#fff;background:var(--ink);box-shadow:0 8px 18px rgba(23,34,61,.14)}.site-nav a[href="#contact"]:focus-visible,.site-nav a[href="#contact"]:hover{background:linear-gradient(135deg,var(--blue),var(--green))}.site-nav a[href="#contact"].is-active::after{display:none}.nav-toggle{display:none;width:44px;height:44px;align-items:center;justify-content:center;flex-direction:column;gap:5px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;cursor:pointer;transition:border-color .18s var(--ease)}.nav-toggle:hover{border-color:var(--blue)}.nav-toggle span{width:18px;height:2px;border-radius:999px;background:var(--ink);transition:transform .25s var(--ease),opacity .2s var(--ease)}.nav-toggle[aria-expanded=true] span:first-child{transform:translateY(7px) rotate(45deg)}.nav-toggle[aria-expanded=true] span:nth-child(2){opacity:0}.nav-toggle[aria-expanded=true] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.hero{position:relative;min-height:78svh;overflow:hidden;color:#fff;isolation:isolate}.hero-media{position:absolute;inset:0;z-index:-2;background-image:linear-gradient(90deg,rgba(8,18,36,.92) 0,rgba(8,18,36,.74) 40%,rgba(8,18,36,.22) 72%,rgba(8,18,36,.04) 100%),url("assets/hero-1672.webp");background-size:cover;background-position:center right}@media (min-width:981px) and (prefers-reduced-motion:no-preference){.hero-media{transform:scale(1.04);animation:18s ease-in-out infinite alternate heroParallax}}@media (max-width:980px){.hero-media{background-image:linear-gradient(90deg,rgba(8,18,36,.92) 0,rgba(8,18,36,.74) 40%,rgba(8,18,36,.22) 72%,rgba(8,18,36,.04) 100%),url("assets/hero-800.webp")}}@keyframes heroParallax{from{transform:scale(1.04) translateX(0)}to{transform:scale(1.08) translateX(-1.5%)}}.hero-glow{position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(640px 400px at 18% 78%,rgba(18,167,184,.35),transparent 70%),radial-gradient(520px 360px at 82% 22%,rgba(32,184,106,.22),transparent 75%)}.hero::after{content:"";position:absolute;inset:auto 0 0;height:120px;z-index:-1;background:linear-gradient(0deg,rgba(0,0,0,.26),transparent)}.hero-inner{min-height:78svh;display:flex;align-items:center;padding:84px 0 72px}.hero-copy{width:min(640px,100%);margin-right:auto;text-align:start;animation:heroIn .8s var(--ease) both}@keyframes heroIn{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.eyebrow{margin:0 0 12px;color:#0d7d8a;font-size:.88rem;font-weight:900;letter-spacing:.02em}.hero .eyebrow{color:#8ce7ef}.hero h1{margin:0;font-size:clamp(3.2rem, 6vw + 1rem, 5.2rem);line-height:1;font-weight:900;letter-spacing:-.01em}.hero-lede{max-width:590px;margin:22px 0 0;color:rgba(255,255,255,.92);font-size:clamp(1.05rem, 1.1vw + .85rem, 1.3rem);line-height:1.9}.contact-actions,.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.button{position:relative;min-height:50px;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:0 20px;border:1px solid transparent;border-radius:var(--radius);font-weight:900;cursor:pointer;overflow:hidden;transition:transform .2s var(--ease),box-shadow .2s var(--ease),background .2s var(--ease),border-color .2s var(--ease)}.button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto;transition:transform .2s var(--ease)}.button:hover svg{transform:translateX(-2px)}.button:focus-visible,.button:hover{transform:translateY(-2px);outline:0}.button:active{transform:translateY(0)}.button-primary{color:#fff;background:linear-gradient(135deg,var(--blue),var(--green));box-shadow:0 16px 28px rgba(18,167,184,.26)}.button-primary:hover{box-shadow:0 22px 38px rgba(18,167,184,.34)}.button-secondary{color:#fff;background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.32);backdrop-filter:blur(8px)}.button-secondary:hover{background:rgba(255,255,255,.2);border-color:rgba(255,255,255,.55)}.contact-section .button-secondary,.section .button-secondary{color:var(--ink);background:#fff;border-color:var(--line)}.contact-section .button-secondary:hover,.section .button-secondary:hover{border-color:var(--blue);background:var(--soft)}.contact-section .button-secondary{color:var(--ink)}.hero-points{display:flex;flex-wrap:wrap;gap:9px;margin:30px 0 0;padding:0;list-style:none}.hero-points li{min-height:32px;display:inline-flex;align-items:center;padding:0 12px;border:1px solid rgba(255,255,255,.24);border-radius:999px;color:rgba(255,255,255,.9);background:rgba(255,255,255,.08);font-size:.88rem;font-weight:800;transition:border-color .2s var(--ease),background .2s var(--ease)}.hero-points li:hover{border-color:rgba(255,255,255,.5);background:rgba(255,255,255,.14)}.hero-points li:first-child{color:#081224;border-color:rgba(140,231,239,.8);background:rgba(140,231,239,.92)}.hero-trust{display:flex;flex-wrap:wrap;gap:18px;margin:22px 0 0;color:rgba(255,255,255,.78);font-size:.9rem;font-weight:700}.hero-trust span{display:inline-flex;align-items:center;gap:6px}.hero-trust svg{width:16px;height:16px;fill:none;stroke:#8ce7ef;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.proof-strip{background:#fff;border-bottom:1px solid var(--line)}.proof-grid{display:grid;grid-template-columns:repeat(4,1fr)}.proof-grid div{padding:24px 26px;border-inline-start:1px solid var(--line);transition:background .2s var(--ease)}.proof-grid div:hover{background:#f8fcfc}.proof-grid div:first-child{border-inline-start:0}.proof-grid span,.proof-grid strong{display:block}.proof-grid strong{margin-bottom:4px;font-size:1rem}.proof-grid span{color:var(--muted);font-size:.93rem}.section{padding:92px 0}.section-soft{background:linear-gradient(180deg,rgba(255,255,255,.72),rgba(255,255,255,0)),repeating-linear-gradient(135deg,rgba(23,140,203,.035) 0 1px,transparent 1px 18px),var(--soft)}.section-head{max-width:760px;margin:0 auto 40px;text-align:center}.section-head.compact{margin:0;text-align:start}.contact-copy h2,.section-head h2,.security-grid h2{margin:0;font-size:clamp(1.7rem, 1.6vw + 1rem, 2.4rem);line-height:1.35;letter-spacing:-.005em}.contact-copy p,.section-head p:not(.eyebrow),.security-grid p{margin:15px 0 0;color:var(--ink-soft);font-size:1.05rem}.feature-grid,.problem-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.audience-list article,.feature-card,.problem-card{min-height:100%;padding:24px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:0 8px 24px rgba(23,34,61,.05);transition:transform .25s var(--ease),box-shadow .25s var(--ease),border-color .25s var(--ease)}.audience-list article:hover,.feature-card:hover,.problem-card:hover{transform:translateY(-4px);border-color:rgba(23,140,203,.35);box-shadow:0 22px 44px rgba(23,34,61,.12)}.feature-card{position:relative;overflow:hidden}.feature-card::before{content:"";position:absolute;inset-block-start:0;inset-inline:0;height:4px;background:linear-gradient(90deg,var(--blue),var(--green),var(--gold));opacity:.85;transition:opacity .25s var(--ease)}.feature-card:hover::before{opacity:1}.card-icon{width:46px;height:46px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius);margin-bottom:16px;transition:transform .25s var(--ease)}.feature-card:hover .card-icon,.problem-card:hover .card-icon{transform:scale(1.06) rotate(-2deg)}.card-icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.card-icon.blue{color:var(--blue);background:rgba(23,140,203,.1)}.card-icon.green{color:var(--green);background:rgba(32,184,106,.11)}.card-icon.danger,.card-icon.red{color:var(--red);background:rgba(239,49,70,.1)}.card-icon.gold{color:#a86d00;background:rgba(245,184,75,.2)}.audience-list strong,.comparison h3,.feature-card h3,.problem-card h3,.workflow h3{margin:0;font-size:1.12rem;line-height:1.5}.audience-list span,.comparison p,.faq-list p,.feature-card p,.problem-card p,.workflow p{margin:10px 0 0;color:var(--muted);font-size:.96rem}.audience-grid,.contact-grid,.faq-grid,.security-grid,.solution-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:46px;align-items:center}.dashboard-preview{overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-lg);background:#fff;box-shadow:var(--shadow);transition:transform .35s var(--ease),box-shadow .35s var(--ease)}.dashboard-preview:hover{transform:translateY(-4px);box-shadow:var(--shadow-strong)}.preview-url{margin-inline-start:auto;padding:4px 12px;border-radius:999px;background:var(--soft);color:var(--muted);font-size:.72rem;font-style:normal;font-weight:700}.portal-section{position:relative;overflow:hidden;background:linear-gradient(135deg,#fff 0,#f2fbf8 44%,#eef8fb 100%)}.portal-section::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(23,140,203,.08) 1px,transparent 1px),linear-gradient(180deg,rgba(32,184,106,.07) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(90deg,transparent,#000 18%,#000 82%,transparent)}.portal-grid{position:relative;display:grid;grid-template-columns:minmax(320px,.92fr) minmax(0,1.08fr);gap:54px;align-items:center}.portal-visual{min-height:560px;display:flex;align-items:center;justify-content:center}.phone-shell{position:relative;width:min(330px,100%);min-height:548px;padding:18px;border-radius:32px;background:#111a2e;box-shadow:var(--shadow-strong);transition:transform .4s var(--ease)}.phone-shell:hover{transform:translateY(-6px) rotate(-.5deg)}.phone-shell::after{content:"";position:absolute;inset:10px;border:1px solid rgba(255,255,255,.12);border-radius:26px;pointer-events:none}.phone-speaker{width:74px;height:6px;margin:0 auto 14px;border-radius:999px;background:rgba(255,255,255,.22)}.portal-screen{min-height:488px;padding:18px;border-radius:22px;background:linear-gradient(180deg,#fff,#f6fbfb);color:var(--ink)}.portal-user{display:flex;align-items:center;gap:12px;padding-bottom:18px;border-bottom:1px solid var(--line)}.portal-avatar{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;color:#fff;background:linear-gradient(135deg,var(--blue),var(--green));font-weight:900}.portal-benefits span,.portal-benefits strong,.portal-status-card span,.portal-status-card strong,.portal-timeline p,.portal-user small,.portal-user strong{display:block}.portal-user strong{font-size:.95rem}.portal-user small{color:var(--muted);font-size:.78rem}.portal-statusbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;font-size:.68rem;color:var(--ink)}.portal-time{font-weight:800}.portal-icons{display:inline-flex;gap:4px;align-items:center}.portal-icons svg{width:14px;height:7px;fill:var(--ink)}.portal-bell{margin-inline-start:auto;position:relative;background:0 0;border:0;padding:6px;cursor:default;border-radius:50%;color:var(--ink-soft)}.portal-bell svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.portal-bell em{position:absolute;top:0;inset-inline-end:0;background:var(--red);color:#fff;font-size:.58rem;font-weight:800;font-style:normal;padding:1px 4px;border-radius:999px;line-height:1;border:2px solid #fff}.portal-status-card{margin-top:14px;padding:14px 16px;border-radius:var(--radius);color:#fff;background:linear-gradient(135deg,var(--ink),#0f6f7d);position:relative;overflow:hidden}.portal-status-card::after{content:"";position:absolute;inset:0;background:radial-gradient(180px 90px at 80% 20%,rgba(140,231,239,.35),transparent 70%);pointer-events:none}.portal-status-card header{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:1}.portal-status-card header small{color:rgba(255,255,255,.7);font-size:.72rem;font-weight:700}.portal-status-pill{background:rgba(245,184,75,.95);color:#5a3500;padding:3px 9px;border-radius:999px;font-style:normal;font-size:.65rem;font-weight:800}.portal-status-card strong{display:block;margin-top:8px;font-size:1rem;position:relative;z-index:1}.portal-progress{display:block;height:6px;margin-top:10px;border-radius:999px;background:rgba(255,255,255,.15);overflow:hidden;position:relative;z-index:1}.portal-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--green),var(--gold))}.portal-actions-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:12px}.portal-tile{position:relative;padding:12px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;transition:border-color .2s var(--ease),transform .2s var(--ease);display:flex;flex-direction:column;gap:6px;min-height:82px}.portal-tile svg{width:18px;height:18px;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.portal-tile.tile-blue{border-top:3px solid var(--blue)}.portal-tile.tile-blue svg{stroke:var(--blue)}.portal-tile.tile-green{border-top:3px solid var(--green)}.portal-tile.tile-green svg{stroke:var(--green)}.portal-tile.tile-gold{border-top:3px solid var(--gold)}.portal-tile.tile-gold svg{stroke:#b87a00}.portal-tile.tile-rose{border-top:3px solid #d24a72}.portal-tile.tile-rose svg{stroke:#d24a72}.portal-tile b{color:var(--ink);font-size:1.25rem;line-height:1;font-weight:900;display:flex;align-items:center}.tile-check{width:16px!important;height:16px!important;stroke:var(--green)!important}.portal-tile span{margin-top:auto;color:var(--muted);font-size:.72rem;font-weight:800}.portal-timeline{margin-top:14px;padding:12px 14px;border-radius:var(--radius);background:#f2f8f9}.portal-timeline p{position:relative;margin:0 0 10px;padding-inline-start:26px;color:var(--ink-soft);font-size:.8rem;font-weight:700}.portal-timeline p:last-child{margin-bottom:0}.portal-timeline p span{position:absolute;inset-inline-start:0;top:4px;width:14px;height:14px;border-radius:50%;background:var(--line);display:inline-flex;align-items:center;justify-content:center}.portal-timeline p.step-done span{background:var(--green);box-shadow:0 0 0 4px rgba(32,184,106,.14)}.portal-timeline p.step-done span::after{content:"✓";color:#fff;font-size:.65rem;font-weight:900}.portal-timeline p.step-current span{background:var(--gold);box-shadow:0 0 0 4px rgba(245,184,75,.22);animation:1.6s ease-in-out infinite pulseStep}.portal-timeline p.step-pending span{background:rgba(108,120,144,.25);box-shadow:0 0 0 4px rgba(108,120,144,.06)}.portal-timeline p.step-current{color:var(--ink)}@keyframes pulseStep{0%,100%{box-shadow:0 0 0 4px rgba(245,184,75,.22)}50%{box-shadow:0 0 0 6px rgba(245,184,75,.32)}}.portal-copy{max-width:650px}.portal-benefits{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:24px}.portal-benefits div{padding:16px;border:1px solid rgba(23,140,203,.18);border-radius:var(--radius);background:rgba(255,255,255,.82);box-shadow:0 8px 24px rgba(23,34,61,.05);transition:transform .2s var(--ease),border-color .2s var(--ease)}.portal-benefits div:hover{transform:translateY(-2px);border-color:rgba(23,140,203,.45)}.portal-benefits strong{font-size:.98rem}.portal-benefits span{margin-top:5px;color:var(--muted);font-size:.88rem}.portal-cta{margin-top:26px}.preview-top{display:flex;align-items:center;gap:7px;padding:14px 16px;border-bottom:1px solid var(--line)}.preview-top span{width:10px;height:10px;border-radius:50%;background:var(--line)}.preview-top span:first-child{background:var(--red)}.preview-top span:nth-child(2){background:var(--gold)}.preview-top span:nth-child(3){background:var(--green)}.preview-body{min-height:420px;display:grid;grid-template-columns:156px 1fr;background:linear-gradient(135deg,#f8fcfc,#fff)}.preview-sidebar{padding:16px 12px;border-inline-start:1px solid var(--line);background:#17223d;display:flex;flex-direction:column;gap:4px}.preview-brand{color:#fff;font-weight:900;font-size:1rem;padding:4px 8px 12px;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:8px;letter-spacing:-.04em}.preview-nav-item{display:flex;align-items:center;gap:9px;padding:8px 10px;border-radius:8px;color:rgba(255,255,255,.7);font-size:.78rem;font-weight:700;transition:background .2s var(--ease),color .2s var(--ease);cursor:default}.preview-nav-item svg{width:14px;height:14px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.preview-nav-item.is-active{color:#fff;background:linear-gradient(135deg,rgba(23,140,203,.32),rgba(32,184,106,.22))}.preview-nav-badge{margin-inline-start:auto;padding:1px 6px;border-radius:999px;background:var(--red);color:#fff;font-size:.65rem;font-weight:800;font-style:normal}.preview-main{padding:28px}.metric-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.metric-row div{min-height:92px;padding:15px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;transition:border-color .2s var(--ease)}.metric-row div:hover{border-color:rgba(23,140,203,.4)}.metric-row strong{display:block;color:var(--muted);font-size:.78rem}.metric-row b{display:block;margin-top:8px;color:var(--ink);font-size:1.85rem;font-variant-numeric:tabular-nums}.preview-list{margin-top:18px;padding:16px 18px;border:1px solid var(--line);border-radius:var(--radius);background:#fff}.preview-list-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid var(--line)}.preview-list-head strong{color:var(--ink);font-size:.9rem}.preview-list-head em{color:var(--muted);font-style:normal;letter-spacing:.15em;font-size:.9rem}.preview-row{display:flex;align-items:center;gap:10px;padding:8px 0}.preview-row+.preview-row{border-top:1px solid var(--line)}.preview-avatar{width:32px;height:32px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:.82rem;color:#fff;flex:0 0 auto}.avatar-blue{background:var(--blue)}.avatar-green{background:var(--green)}.avatar-rose{background:#d24a72}.preview-row-info{flex:1;min-width:0}.preview-row-info strong{display:block;font-size:.8rem;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.preview-row-info small{display:block;margin-top:2px;font-size:.7rem;color:var(--muted)}.preview-pill{flex:0 0 auto;padding:3px 9px;border-radius:999px;font-style:normal;font-size:.68rem;font-weight:800;white-space:nowrap}.preview-pill.amber{background:rgba(245,184,75,.18);color:#946100}.preview-pill.green{background:rgba(32,184,106,.18);color:#086030}.preview-pill.blue{background:rgba(23,140,203,.14);color:#0d6c9c}.metric{position:relative;padding:14px}.metric strong{display:inline-block;padding-inline-end:38px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.metric-delta{position:absolute;top:14px;inset-inline-end:12px;padding:2px 6px;border-radius:999px;font-size:.62rem;font-weight:800;color:var(--muted);font-style:normal;background:rgba(108,120,144,.12);white-space:nowrap}.metric-delta.up{color:#0e7e3f;background:rgba(32,184,106,.14)}.metric-blue{border-top:3px solid var(--blue)}.metric-amber{border-top:3px solid var(--gold)}.metric-green{border-top:3px solid var(--green)}.preview-progress{height:10px;margin-top:22px;overflow:hidden;border-radius:999px;background:#e8f0f2}.preview-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--green),var(--blue))}.workflow{counter-reset:step;display:grid;grid-template-columns:repeat(4,1fr);gap:0;list-style:none;margin:0;padding:0;border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;background:#fff}.workflow li{position:relative;min-height:260px;padding:28px;border-inline-start:1px solid var(--line);transition:background .2s var(--ease)}.workflow li:hover{background:#f8fcfc}.workflow li:first-child{border-inline-start:0}.workflow span{display:inline-flex;margin-bottom:42px;color:#0d6c9c;font-size:.86rem;font-weight:900;letter-spacing:.04em}.workflow li::after{content:"";position:absolute;top:62px;right:28px;left:28px;height:2px;background:linear-gradient(90deg,var(--blue),var(--green));opacity:.35}.workflow li:hover::after{opacity:1}.section-ink{color:#fff;background:linear-gradient(135deg,rgba(23,34,61,.96),rgba(13,41,56,.97)),repeating-linear-gradient(135deg,rgba(255,255,255,.06) 0 1px,transparent 1px 22px)}.section-ink .eyebrow{color:#8ce7ef}.section-ink p{color:rgba(255,255,255,.76)}.security-list{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.security-list div:nth-child(5){grid-column:1/-1}.security-list div{padding:22px;border:1px solid rgba(255,255,255,.14);border-radius:var(--radius);background:rgba(255,255,255,.07);transition:background .2s var(--ease),border-color .2s var(--ease),transform .2s var(--ease)}.security-list div:hover{background:rgba(255,255,255,.1);border-color:rgba(140,231,239,.35);transform:translateY(-2px)}.audience-list span,.audience-list strong,.security-list span,.security-list strong{display:block}.security-list span{margin-top:6px;color:rgba(255,255,255,.68);font-size:.94rem}.audience-list{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.comparison{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.comparison-col{padding:32px;border-radius:var(--radius-lg)}.comparison-col.muted{border:1px solid var(--line);background:#fff}.comparison-col.active{color:#fff;background:linear-gradient(135deg,var(--ink),#0f6f7d);box-shadow:var(--shadow);position:relative;overflow:hidden}.comparison-col.active::before{content:"✓";position:absolute;inset-inline-end:-10px;inset-block-start:-10px;width:80px;height:80px;display:grid;place-items:center;border-radius:50%;color:var(--ink);font-weight:900;font-size:1.6rem;background:linear-gradient(135deg,#8ce7ef,var(--green));box-shadow:0 12px 28px rgba(0,0,0,.25)}.comparison-col.active p{color:rgba(255,255,255,.82)}.faq-grid{align-items:start}.faq-list{display:grid;gap:12px}details{border:1px solid var(--line);border-radius:var(--radius);background:#fff;transition:border-color .2s var(--ease),box-shadow .2s var(--ease)}details[open]{border-color:rgba(23,140,203,.4);box-shadow:0 8px 24px rgba(23,34,61,.06)}summary{position:relative;min-height:60px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 18px;color:var(--ink);font-weight:900;cursor:pointer;list-style:none}summary::-webkit-details-marker{display:none}summary i{position:relative;width:22px;height:22px;flex:0 0 auto;border-radius:50%;background:var(--soft);transition:background .2s var(--ease),transform .25s var(--ease)}summary i::after,summary i::before{content:"";position:absolute;inset-block-start:50%;inset-inline-start:50%;width:10px;height:2px;border-radius:2px;background:var(--ink);transform:translate(-50%,-50%);transition:transform .25s var(--ease)}summary i::after{transform:translate(-50%,-50%) rotate(90deg)}details[open] summary i{background:rgba(23,140,203,.12)}details[open] summary i::after{transform:translate(-50%,-50%) rotate(0)}details p{padding:0 18px 18px;animation:faqIn .25s var(--ease) both}@keyframes faqIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.contact-section{color:#fff;background:linear-gradient(135deg,#17223d,#0f6f7d);background-size:cover;background-position:center}@media (min-width:981px){.contact-section{background:linear-gradient(135deg,rgba(23,34,61,.96),rgba(15,111,125,.94)),url("assets/hero-1200.webp");background-blend-mode:multiply}}.contact-section .eyebrow{color:#8ce7ef}.contact-copy p{color:rgba(255,255,255,.82)}.contact-meta{margin-top:16px;color:rgba(255,255,255,.7);font-size:.92rem;font-weight:700}.lead-form{display:grid;gap:14px;padding:26px;border:1px solid rgba(255,255,255,.22);border-radius:var(--radius-lg);background:rgba(255,255,255,.96);color:var(--ink);box-shadow:var(--shadow)}.lead-form-title{margin:0 0 4px;font-size:1.15rem}.lead-form label,.lead-form span{display:block}.lead-form span{margin-bottom:7px;color:var(--ink-soft);font-size:.9rem;font-weight:800}.lead-form span em{color:var(--red);font-style:normal;margin-inline-start:2px}.lead-form input,.lead-form textarea{width:100%;border:1px solid var(--line);border-radius:var(--radius);background:#fff;color:var(--ink);padding:13px 14px;outline:0;transition:border-color .2s var(--ease),box-shadow .2s var(--ease)}.lead-form input::placeholder,.lead-form textarea::placeholder{color:#a3adbf}.lead-form input:focus,.lead-form textarea:focus{border-color:var(--blue);box-shadow:0 0 0 4px rgba(23,140,203,.14)}.lead-form input.is-invalid,.lead-form textarea.is-invalid{border-color:var(--red);box-shadow:0 0 0 4px rgba(239,49,70,.12)}.form-submit{width:100%}.form-note{min-height:24px;margin:0;color:var(--green);font-size:.92rem;font-weight:800}.form-note.is-error{color:var(--red)}.site-footer{padding:32px 0;background:#fff;border-top:1px solid var(--line)}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:18px;color:var(--muted);flex-wrap:wrap}.footer-inner p{margin:0}.footer-inner nav{display:flex;gap:16px;font-weight:800}.footer-inner nav a{color:var(--ink-soft);display:inline-flex;align-items:center;min-height:44px;padding:0 6px}.footer-inner nav a:hover{color:var(--blue)}[data-theme=dark] .footer-inner nav a{color:var(--ink)}.mobile-cta{position:fixed;inset-inline:14px;inset-block-end:calc(14px + env(safe-area-inset-bottom,0px));z-index:45;display:none;align-items:center;justify-content:center;gap:8px;min-height:52px;padding:0 16px;border-radius:999px;color:#fff;background:linear-gradient(135deg,var(--blue),var(--green));box-shadow:0 18px 36px rgba(18,167,184,.4);font-weight:900;transition:transform .2s var(--ease),box-shadow .2s var(--ease)}.mobile-cta:active{transform:scale(.98)}.mobile-cta svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.back-to-top{position:fixed;inset-inline-start:18px;inset-block-end:calc(18px + env(safe-area-inset-bottom,0px));z-index:45;width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;background:#fff;color:var(--ink);cursor:pointer;box-shadow:var(--shadow);opacity:0;transform:translateY(8px);transition:opacity .25s var(--ease),transform .25s var(--ease),background .2s var(--ease)}.back-to-top.is-visible{opacity:1;transform:translateY(0)}.back-to-top:hover{background:var(--soft)}.back-to-top svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}[data-reveal]{opacity:0;transform:translateY(18px);transition:opacity .6s var(--ease),transform .6s var(--ease);will-change:opacity,transform}[data-reveal].is-visible{opacity:1;transform:translateY(0)}@media (max-width:980px){.container{width:min(100% - 28px,760px)}.nav-toggle{display:inline-flex}.site-nav{position:absolute;inset-inline:14px;top:74px;display:none;flex-direction:column;align-items:stretch;gap:4px;padding:12px;border:1px solid var(--line);border-radius:var(--radius-lg);background:#fff;box-shadow:var(--shadow)}.site-nav.is-open{display:flex;animation:navIn .25s var(--ease) both}@keyframes navIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.site-nav a.is-active::after{inset-inline:13px;inset-block-end:6px}.hero,.hero-inner{min-height:76svh}.hero-media{background-image:linear-gradient(90deg,rgba(8,18,36,.92),rgba(8,18,36,.62)),url("assets/hero-800.webp");background-position:center}.audience-grid,.comparison,.contact-grid,.diff-grid,.faq-grid,.feature-grid,.portal-grid,.problem-grid,.proof-grid,.security-grid,.solution-grid,.workflow{grid-template-columns:1fr}.proof-grid div,.workflow li,.workflow li:first-child{border-inline-start:0;border-bottom:1px solid var(--line)}.proof-grid div:last-child,.workflow li:last-child{border-bottom:0}.workflow li{min-height:auto}.workflow span{margin-bottom:18px}.workflow li::after{display:none}.section-head,.section-head.compact{text-align:start}.audience-list,.portal-benefits,.security-list{grid-template-columns:1fr}.portal-visual{min-height:auto;order:2}.portal-copy{order:1}.footer-inner{flex-direction:column;align-items:flex-start}.mobile-cta{display:inline-flex}.back-to-top{inset-block-end:calc(76px + env(safe-area-inset-bottom,0px))}main{padding-bottom:80px}}@media (max-width:620px){.header-inner{min-height:68px}.brand-mark{width:38px;height:38px}.site-nav{top:68px}.hero,.hero-inner{min-height:78svh}.hero-inner{padding:62px 0 56px}.hero-lede{font-size:1.06rem}.hero-points{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.hero-points li{justify-content:center;padding:0 8px;font-size:.82rem}.hero-trust{gap:12px;font-size:.82rem}.section{padding:64px 0}.portal-grid{gap:34px}.phone-shell{width:min(310px,100%);min-height:518px}.portal-screen{min-height:458px}.portal-actions-grid{grid-template-columns:1fr}.button{width:100%}.metric-row,.preview-body{grid-template-columns:1fr}.preview-sidebar{display:none}.preview-main{padding:18px}.comparison-col{padding:24px}.comparison-col.active::before{width:64px;height:64px;font-size:1.3rem}}@media (prefers-reduced-motion:reduce){*,::after,::before{animation-duration:NaNs!important;animation-iteration-count:1!important;transition-duration:NaNs!important;scroll-behavior:auto!important}[data-reveal]{opacity:1;transform:none}.hero-media{animation:none}}@media print{.back-to-top,.contact-actions,.hero-actions,.lead-form,.mobile-cta,.nav-toggle,.site-header{display:none!important}.contact-section,.hero,.section,.section-ink{color:#000!important;background:#fff!important;page-break-inside:avoid}}.diff-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.diff-card{position:relative;padding:28px 24px 24px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:0 8px 24px rgba(23,34,61,.05);transition:transform .25s var(--ease),box-shadow .25s var(--ease),border-color .25s var(--ease);overflow:hidden}.diff-card::after{content:"";position:absolute;inset-block-start:0;inset-inline-start:0;height:100%;width:4px;background:linear-gradient(180deg,var(--blue),var(--green),var(--gold));opacity:.9}.diff-card:hover{transform:translateY(-4px);border-color:rgba(23,140,203,.35);box-shadow:0 22px 44px rgba(23,34,61,.12)}.diff-num{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:32px;padding:0 12px;margin-bottom:14px;border-radius:999px;background:linear-gradient(135deg,rgba(23,140,203,.12),rgba(32,184,106,.12));color:#0d6c9c;font-weight:800;font-size:.92rem;letter-spacing:.02em}.diff-card h3{margin:0;font-size:1.12rem;line-height:1.5;color:var(--ink)}.diff-card p{margin:10px 0 0;color:var(--muted);font-size:.96rem;line-height:1.7}@media (max-width:980px){.diff-grid{grid-template-columns:1fr}}@media (min-width:981px) and (max-width:1180px){.diff-grid{grid-template-columns:repeat(2,1fr)}}:root[data-theme=dark]{--ink:#eef2fa;--ink-soft:#c2cce0;--muted:#8b97b3;--line:#243150;--surface:#0b1226;--soft:#131c33;--shadow:0 18px 50px rgba(0, 0, 0, .55);--shadow-strong:0 28px 80px rgba(0, 0, 0, .7)}[data-theme=dark] body{background:var(--surface)}[data-theme=dark] .site-header{background:rgba(11,18,38,.82);border-bottom-color:rgba(36,49,80,.9)}[data-theme=dark] .site-header.is-scrolled{background:rgba(11,18,38,.96);box-shadow:0 14px 34px rgba(0,0,0,.55)}[data-theme=dark] .lang-toggle,[data-theme=dark] .theme-toggle{background:rgba(255,255,255,.04);border-color:var(--line);color:var(--ink)}[data-theme=dark] .lang-toggle:focus-visible,[data-theme=dark] .lang-toggle:hover,[data-theme=dark] .theme-toggle:focus-visible,[data-theme=dark] .theme-toggle:hover{background:rgba(23,140,203,.16);border-color:var(--blue)}[data-theme=dark] .nav-toggle span{background:var(--ink)}@media (max-width:980px){[data-theme=dark] .site-nav{background:var(--soft);border-color:var(--line);box-shadow:0 14px 34px rgba(0,0,0,.55)}}[data-theme=dark] .button-secondary{background:rgba(255,255,255,.04);color:var(--ink);border-color:var(--line)}[data-theme=dark] .button-secondary:hover{background:rgba(23,140,203,.16);border-color:var(--blue)}[data-theme=dark] .section-soft{background:linear-gradient(180deg,rgba(11,18,38,.92),rgba(11,18,38,0)),repeating-linear-gradient(135deg,rgba(140,231,239,.04) 0 1px,transparent 1px 18px),var(--soft)}[data-theme=dark] .proof-strip{background:var(--soft);border-bottom-color:var(--line)}[data-theme=dark] .proof-grid div:hover{background:rgba(23,140,203,.08)}[data-theme=dark] .proof-grid div{border-inline-start-color:var(--line)}[data-theme=dark] .audience-list article,[data-theme=dark] .comparison-col.muted,[data-theme=dark] .diff-card,[data-theme=dark] .feature-card,[data-theme=dark] .problem-card,[data-theme=dark] details{background:var(--soft);border-color:var(--line);box-shadow:0 8px 24px rgba(0,0,0,.35)}[data-theme=dark] .audience-list article:hover,[data-theme=dark] .diff-card:hover,[data-theme=dark] .feature-card:hover,[data-theme=dark] .problem-card:hover{border-color:rgba(23,140,203,.55);box-shadow:0 22px 44px rgba(0,0,0,.55)}[data-theme=dark] .card-icon.blue{background:rgba(23,140,203,.18)}[data-theme=dark] .card-icon.green{background:rgba(32,184,106,.18)}[data-theme=dark] .card-icon.danger,[data-theme=dark] .card-icon.red{background:rgba(239,49,70,.18)}[data-theme=dark] .card-icon.gold{background:rgba(245,184,75,.22);color:#f5b84b}[data-theme=dark] .diff-num{background:linear-gradient(135deg,rgba(23,140,203,.22),rgba(32,184,106,.22));color:#8ce7ef}[data-theme=dark] details[open]{border-color:rgba(23,140,203,.55);box-shadow:0 8px 24px rgba(0,0,0,.45)}[data-theme=dark] summary i{background:rgba(140,231,239,.12)}[data-theme=dark] summary i::after,[data-theme=dark] summary i::before{background:var(--ink)}[data-theme=dark] details[open] summary i{background:rgba(23,140,203,.25)}[data-theme=dark] .dashboard-preview{background:var(--soft);border-color:var(--line)}[data-theme=dark] .preview-top{background:rgba(255,255,255,.04);border-bottom-color:var(--line)}[data-theme=dark] .preview-url{color:var(--muted)}[data-theme=dark] .preview-body{background:linear-gradient(135deg,var(--soft),rgba(11,18,38,.9))}[data-theme=dark] .preview-list span,[data-theme=dark] .preview-progress,[data-theme=dark] .preview-sidebar span{background:rgba(255,255,255,.07)}[data-theme=dark] .metric-row>div{background:rgba(140,231,239,.06);border-color:var(--line)}[data-theme=dark] .lead-form{background:rgba(19,28,51,.92);border-color:var(--line);color:var(--ink)}[data-theme=dark] .lead-form input,[data-theme=dark] .lead-form textarea{background:rgba(255,255,255,.04);border-color:var(--line);color:var(--ink)}[data-theme=dark] .lead-form input::placeholder,[data-theme=dark] .lead-form textarea::placeholder{color:#6c7890}[data-theme=dark] .lead-form input:focus,[data-theme=dark] .lead-form textarea:focus{border-color:var(--blue);box-shadow:0 0 0 4px rgba(23,140,203,.22)}[data-theme=dark] .site-footer{background:var(--soft);border-top-color:var(--line)}[data-theme=dark] .back-to-top{background:rgba(19,28,51,.92);color:var(--ink);border-color:var(--line)}[data-theme=dark] .mobile-cta{box-shadow:0 14px 34px rgba(0,0,0,.6)}[data-theme=dark] .section-ink{background:linear-gradient(135deg,rgba(11,18,38,.96),rgba(13,41,56,.97)),repeating-linear-gradient(135deg,rgba(255,255,255,.04) 0 1px,transparent 1px 22px)}.theme-toggle{min-height:38px;width:38px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--ink);cursor:pointer;transition:border-color .18s var(--ease),background .18s var(--ease),color .18s var(--ease),transform .18s var(--ease)}.theme-toggle:focus-visible,.theme-toggle:hover{border-color:var(--blue);background:var(--soft);outline:0}.theme-toggle:active{transform:scale(.94)}.theme-toggle svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.theme-toggle .icon-sun{display:none}.theme-toggle .icon-moon,[data-theme=dark] .theme-toggle .icon-sun{display:block}[data-theme=dark] .theme-toggle .icon-moon{display:none}[data-theme=dark] .workflow{background:var(--soft);border-color:var(--line)}[data-theme=dark] .workflow li{border-inline-start-color:var(--line)}[data-theme=dark] .workflow li:hover{background:rgba(23,140,203,.08)}[data-theme=dark] .preview-list{background:rgba(255,255,255,.03);border-color:var(--line)}[data-theme=dark] .preview-list span,[data-theme=dark] .preview-progress{background:rgba(255,255,255,.08)}[data-theme=dark] .metric-row div{background:rgba(140,231,239,.05);border-color:var(--line)}[data-theme=dark] .preview-sidebar{background:rgba(0,0,0,.35);border-inline-start-color:var(--line)}[data-theme=dark] .preview-top span{background:var(--line)}[data-theme=dark] .preview-top span:first-child{background:var(--red)}[data-theme=dark] .preview-top span:nth-child(2){background:var(--gold)}[data-theme=dark] .preview-top span:nth-child(3){background:var(--green)}[data-theme=dark] .portal-screen{background:linear-gradient(180deg,#131c33,#0e1628);color:#eef2fa}[data-theme=dark] .portal-statusbar{color:rgba(255,255,255,.85)}[data-theme=dark] .portal-icons svg{fill:rgba(255,255,255,.85)}[data-theme=dark] .portal-user{border-bottom-color:rgba(255,255,255,.08)}[data-theme=dark] .portal-user small{color:rgba(255,255,255,.6)}[data-theme=dark] .portal-bell{color:rgba(255,255,255,.7)}[data-theme=dark] .portal-bell em{border-color:#131c33}[data-theme=dark] .portal-tile{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.08)}[data-theme=dark] .portal-tile b{color:#eef2fa}[data-theme=dark] .portal-tile span{color:rgba(255,255,255,.65)}[data-theme=dark] .portal-timeline{background:rgba(0,0,0,.35)}[data-theme=dark] .portal-timeline p{color:rgba(255,255,255,.7)}[data-theme=dark] .portal-timeline p.step-current{color:#eef2fa}[data-theme=dark] .portal-benefits div{background:var(--soft);border-color:var(--line);box-shadow:0 8px 24px rgba(0,0,0,.35)}[data-theme=dark] .portal-benefits div:hover{border-color:rgba(23,140,203,.55)}[data-theme=dark] .portal-section{background:linear-gradient(135deg,var(--surface) 0,var(--soft) 60%,rgba(18,167,184,.12) 100%)}[data-theme=dark] .portal-section::before{opacity:.35;background:linear-gradient(90deg,rgba(140,231,239,.07) 1px,transparent 1px),linear-gradient(180deg,rgba(32,184,106,.06) 1px,transparent 1px);background-size:44px 44px}[data-theme=dark] .contact-section .button-secondary,[data-theme=dark] .section .button-secondary{background:rgba(255,255,255,.04);color:var(--ink);border-color:var(--line)}[data-theme=dark] .contact-section .button-secondary:hover,[data-theme=dark] .section .button-secondary:hover{background:rgba(23,140,203,.16);border-color:var(--blue)}[data-theme=dark] .site-nav a[href="#contact"]{color:#fff;background:linear-gradient(135deg,var(--blue),var(--teal));box-shadow:0 8px 18px rgba(23,140,203,.35)}[data-theme=dark] .site-nav a[href="#contact"]:focus-visible,[data-theme=dark] .site-nav a[href="#contact"]:hover{background:linear-gradient(135deg,var(--blue),var(--green));box-shadow:0 10px 22px rgba(32,184,106,.35)}[data-theme=dark] .comparison-col.muted{background:var(--soft);border-color:var(--line)}[data-theme=dark] summary{color:var(--ink)}[data-theme=dark] .hero-points li,[data-theme=dark] .hero-trust span{border-color:rgba(255,255,255,.14);background:rgba(255,255,255,.06)}