@font-face{font-family:Alexandria;src:url(fonts/alexandria-300.ttf) format("truetype");font-weight:300;font-display:swap}
@font-face{font-family:Alexandria;src:url(fonts/alexandria-400.ttf) format("truetype");font-weight:400;font-display:swap}
@font-face{font-family:Alexandria;src:url(fonts/alexandria-500.ttf) format("truetype");font-weight:500;font-display:swap}
@font-face{font-family:Alexandria;src:url(fonts/alexandria-600.ttf) format("truetype");font-weight:600;font-display:swap}
@font-face{font-family:Alexandria;src:url(fonts/alexandria-700.ttf) format("truetype");font-weight:700;font-display:swap}
@font-face{font-family:Alexandria;src:url(fonts/alexandria-800.ttf) format("truetype");font-weight:800;font-display:swap}

:root{--navy-950:#030b1f;--navy-900:#06142f;--navy-850:#071a43;--navy-800:#0a2456;--blue-700:#1d4ed8;--blue-600:#2563eb;--blue-500:#3b82f6;--cyan-400:#38bdf8;--cyan-300:#7dd3fc;--green:#22c55e;--green-soft:#dcfce7;--orange:#f59e0b;--ink:#111b33;--muted:#64748b;--muted-2:#94a3b8;--line:#e2e8f0;--surface:#f6f8fc;--white:#fff;--shadow-sm:0 12px 35px rgba(15,35,80,.08);--shadow-lg:0 32px 90px rgba(4,21,58,.18);--ease:cubic-bezier(.2,.75,.25,1);--radius:24px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:#fff;color:var(--ink);font-family:Alexandria,Tahoma,Arial,sans-serif;font-weight:400;line-height:1.85;overflow-x:hidden;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}body.menu-open,body.modal-open{overflow:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}.svg-sprite{position:absolute;width:0;height:0;overflow:hidden}.shell{width:min(1216px,calc(100% - 48px));margin-inline:auto}.section{padding:122px 0}.scroll-progress{position:fixed;z-index:120;top:0;left:0;width:100%;height:3px;background:transparent}.scroll-progress span{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--cyan-400),var(--blue-600));box-shadow:0 0 15px var(--cyan-400)}

.site-header{position:fixed;z-index:100;top:0;right:0;width:100%;color:white;transition:background .35s ease,box-shadow .35s ease,transform .35s ease}.site-header.scrolled{background:rgba(4,15,42,.82);box-shadow:0 14px 40px rgba(2,10,28,.16);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.header-inner{height:92px;display:flex;align-items:center;justify-content:space-between;gap:34px;transition:height .35s var(--ease)}.site-header.scrolled .header-inner{height:76px}.brand{display:flex;align-items:center;gap:12px;flex-shrink:0}.brand img{width:50px;height:50px;filter:drop-shadow(0 10px 20px rgba(0,0,0,.16));transition:transform .3s var(--ease)}.brand:hover img{transform:rotate(-4deg) scale(1.04)}.brand-copy{line-height:1.25}.brand-copy b{display:block;font-size:1.22rem;font-weight:800}.brand-copy small{display:block;margin-top:4px;color:var(--cyan-300);font-size:.54rem;font-weight:600;letter-spacing:.085em;direction:ltr}.desktop-nav{display:flex;align-items:center;gap:29px;margin-inline:auto}.desktop-nav a{position:relative;color:rgba(255,255,255,.68);font-size:.78rem;font-weight:500;transition:color .2s}.desktop-nav a:after{content:"";position:absolute;right:0;bottom:-10px;width:0;height:2px;border-radius:2px;background:var(--cyan-400);transition:width .25s var(--ease)}.desktop-nav a:hover,.desktop-nav a.active{color:white}.desktop-nav a:hover:after,.desktop-nav a.active:after{width:100%}.header-actions{display:flex;align-items:center;gap:17px}.login-link{color:rgba(255,255,255,.82);font-size:.78rem;font-weight:600}.menu-button{display:none;width:45px;height:45px;border:1px solid rgba(255,255,255,.17);border-radius:13px;background:rgba(255,255,255,.07);color:white}.menu-button svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.9}.mobile-menu{display:none}

.button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:0 22px;border:1px solid transparent;border-radius:14px;overflow:hidden;cursor:pointer;font-size:.8rem;font-weight:700;white-space:nowrap;transition:transform .25s var(--ease),box-shadow .25s var(--ease),border-color .25s,background .25s}.button:before{content:"";position:absolute;top:-80%;left:-40%;width:35%;height:260%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);transform:rotate(22deg) translateX(-220%);transition:transform .7s var(--ease)}.button:hover:before{transform:rotate(22deg) translateX(620%)}.button:hover{transform:translateY(-3px)}.button:active{transform:translateY(0) scale(.98)}.button svg{position:relative;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;transition:transform .25s var(--ease)}.button:hover svg{transform:translateX(-4px)}.button-sm{min-height:43px;padding:0 17px;border-radius:12px;font-size:.73rem}.button-lg{min-height:58px;padding:0 27px;border-radius:16px;font-size:.86rem}.button-primary{color:white;background:linear-gradient(135deg,var(--blue-500),var(--blue-700));box-shadow:0 13px 30px rgba(37,99,235,.27)}.button-primary:hover{box-shadow:0 19px 42px rgba(37,99,235,.38)}.button-glass{border-color:rgba(255,255,255,.16);color:white;background:rgba(255,255,255,.065);box-shadow:inset 0 1px 0 rgba(255,255,255,.08);backdrop-filter:blur(12px)}.button-glass:hover{border-color:rgba(125,211,252,.45);background:rgba(255,255,255,.1)}.button-white{color:var(--navy-850);background:white;box-shadow:0 14px 35px rgba(3,10,30,.17)}.button-outline{border-color:rgba(255,255,255,.23);background:rgba(255,255,255,.06);color:white}

.hero{position:relative;min-height:1020px;padding:178px 0 112px;isolation:isolate;color:white;background:radial-gradient(circle at 85% 8%,rgba(37,99,235,.38),transparent 30%),radial-gradient(circle at 8% 65%,rgba(20,116,184,.2),transparent 25%),linear-gradient(134deg,var(--navy-950),var(--navy-850) 56%,#0b2b70);overflow:hidden}.hero-grid-lines{position:absolute;z-index:-2;inset:0;background-image:linear-gradient(rgba(125,211,252,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(125,211,252,.055) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to bottom,black 0,rgba(0,0,0,.75) 68%,transparent)}.hero-glow{position:absolute;z-index:-1;border-radius:50%;pointer-events:none;filter:blur(2px);will-change:transform}.glow-one{width:580px;height:580px;top:-290px;left:9%;border:1px solid rgba(125,211,252,.15);box-shadow:0 0 0 90px rgba(37,99,235,.03),0 0 0 180px rgba(37,99,235,.018)}.glow-two{width:360px;height:360px;right:-180px;bottom:100px;background:rgba(56,189,248,.09);filter:blur(60px)}.hero-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:72px;align-items:center}.hero-copy{position:relative;z-index:3;padding-top:12px}.status-pill{display:inline-flex;align-items:center;gap:10px;padding:8px 13px;border:1px solid rgba(125,211,252,.21);border-radius:999px;background:rgba(56,189,248,.075);color:#c7edff;font-size:.68rem;font-weight:600}.status-pill span{width:7px;height:7px;border-radius:50%;background:#4ade80;box-shadow:0 0 0 5px rgba(74,222,128,.11);animation:statusPulse 2.1s infinite}@keyframes statusPulse{50%{box-shadow:0 0 0 9px rgba(74,222,128,0)}}.hero h1{max-width:680px;margin:22px 0 21px;font-size:clamp(3rem,5.35vw,5.15rem);line-height:1.22;font-weight:800}.hero h1 em{display:inline;font-style:normal;background:linear-gradient(90deg,#fff 0,#7dd3fc 55%,#38bdf8 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-copy>p{max-width:630px;margin:0 0 31px;color:#b9c9e7;font-size:1rem;line-height:2.05}.hero-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.play{width:28px;height:28px;display:grid;place-items:center;margin-right:-5px;border-radius:50%;background:rgba(255,255,255,.1)}.play svg{width:15px!important}.hero-notes{display:flex;gap:20px;flex-wrap:wrap;margin-top:25px;color:#9fb2d2;font-size:.66rem}.hero-notes span{display:flex;align-items:center;gap:7px}.hero-notes i{width:19px;height:19px;display:grid;place-items:center;border-radius:50%;background:rgba(34,197,94,.13);color:#4ade80}.hero-notes svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:2.4}

.product-hero{position:relative;z-index:2;padding-bottom:58px;direction:rtl}.ambient-ring{position:absolute;border:1px solid rgba(125,211,252,.11);border-radius:50%;pointer-events:none}.ring-a{width:480px;height:480px;top:-65px;left:5%;animation:ringFloat 7s ease-in-out infinite}.ring-b{width:610px;height:610px;top:-130px;left:-5%;animation:ringFloat 9s ease-in-out -3s infinite}@keyframes ringFloat{50%{transform:scale(1.045);opacity:.6}}.app-window{position:relative;z-index:3;min-height:535px;border:1px solid rgba(255,255,255,.38);border-radius:21px;background:#f5f7fb;box-shadow:0 45px 100px rgba(0,5,20,.44),inset 0 0 0 1px rgba(255,255,255,.65);overflow:hidden;transform:perspective(1400px) rotateY(0deg) rotateX(0deg);transform-style:preserve-3d;transition:transform .2s ease}.window-bar{height:45px;display:flex;align-items:center;justify-content:space-between;padding:0 15px;background:rgba(255,255,255,.96);border-bottom:1px solid #e6eaf1;direction:ltr}.window-title{display:flex;align-items:center;gap:7px;color:#94a3b8;font-size:.5rem}.window-title i{width:7px;height:7px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 4px #dcfce7}.window-dots{display:flex;gap:5px}.window-dots i{width:7px;height:7px;border-radius:50%;background:#cbd5e1}.app-layout{display:grid;grid-template-columns:112px 1fr;min-height:490px}.app-sidebar{position:relative;padding:15px 10px;background:linear-gradient(180deg,#071a43,#06142f);color:#fff}.app-brand{display:flex;align-items:center;gap:6px;padding:0 3px 18px;margin-bottom:10px;border-bottom:1px solid rgba(255,255,255,.08);font-size:.64rem;font-weight:700}.app-brand img{width:27px;height:27px}.side-link{width:100%;height:37px;display:flex;align-items:center;gap:7px;padding:0 8px;border:0;border-radius:8px;background:none;color:#8498bd;font:inherit;font-size:.49rem;text-align:right}.side-link svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8}.side-link.active{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;box-shadow:0 8px 18px rgba(37,99,235,.22)}.side-link i{margin-right:auto;min-width:17px;height:17px;display:grid;place-items:center;border-radius:6px;background:#ef4444;color:#fff;font-size:.38rem;font-style:normal}.sidebar-profile{position:absolute;right:9px;left:9px;bottom:13px;display:flex;align-items:center;gap:6px;padding-top:11px;border-top:1px solid rgba(255,255,255,.08)}.sidebar-profile>span{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:#1e3a8a;color:#bfdbfe;font-size:.46rem}.sidebar-profile b,.sidebar-profile small{display:block}.sidebar-profile b{font-size:.42rem}.sidebar-profile small{color:#6f83a8;font-size:.35rem}.app-content{min-width:0;padding:17px;background:#f5f7fb;color:var(--ink)}.app-toolbar{height:42px;display:flex;align-items:flex-start;justify-content:space-between}.app-toolbar strong,.app-toolbar small{display:block}.app-toolbar strong{font-size:.7rem}.app-toolbar small{margin-top:2px;color:#94a3b8;font-size:.42rem}.toolbar-actions{display:flex;align-items:center;gap:8px}.toolbar-actions button{position:relative;width:28px;height:28px;display:grid;place-items:center;border:1px solid #e4e9f0;border-radius:8px;background:white;color:#64748b}.toolbar-actions button svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.8}.toolbar-actions button i{position:absolute;top:4px;right:5px;width:5px;height:5px;border:1px solid white;border-radius:50%;background:#ef4444}.demo-label{padding:4px 7px;border:1px solid #e2e8f0;border-radius:6px;color:#94a3b8;background:white;font-size:.34rem}.app-views{position:relative}.app-view{display:none;animation:viewIn .5s var(--ease) both}.app-view.active{display:block}@keyframes viewIn{from{opacity:0;transform:translateY(8px) scale(.99)}to{opacity:1;transform:none}}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.stat-grid article{position:relative;min-height:91px;padding:10px;border:1px solid #e6eaf0;border-radius:11px;background:white;overflow:hidden}.stat-icon{position:absolute;top:9px;left:9px;width:25px;height:25px;display:grid;place-items:center;border-radius:8px}.stat-icon svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.8}.stat-icon.blue{color:#2563eb;background:#eff6ff}.stat-icon.cyan{color:#0891b2;background:#ecfeff}.stat-icon.green{color:#16a34a;background:#f0fdf4}.stat-grid small,.stat-grid b,.stat-grid em{display:block}.stat-grid small{max-width:65%;color:#64748b;font-size:.38rem}.stat-grid b{margin-top:8px;font-size:.92rem;line-height:1.2}.stat-grid em{margin-top:5px;color:#16a34a;font-size:.32rem;font-style:normal}.overview-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:8px;margin-top:8px}.chart-panel,.tasks-panel,.donut-card,.bar-card{padding:11px;border:1px solid #e6eaf0;border-radius:11px;background:white}.panel-title{display:flex;align-items:center;justify-content:space-between}.panel-title b,.panel-title small{display:block}.panel-title b{font-size:.55rem}.panel-title small{color:#94a3b8;font-size:.33rem}.panel-title>span{color:#2563eb;font-size:.34rem}.panel-title button{width:21px;height:21px;border:0;border-radius:6px;background:#eff6ff;color:#2563eb}.chart-area{position:relative;height:145px;padding:11px 0 17px 23px;margin-top:3px;background:repeating-linear-gradient(to bottom,transparent 0,transparent 35px,#eef2f7 36px)}.chart-y{position:absolute;right:0;top:4px;bottom:19px;display:flex;flex-direction:column;justify-content:space-between;color:#a5b1c4;font-size:.28rem}.line-chart{position:absolute;right:19px;left:8px;top:7px;width:calc(100% - 27px);height:112px;overflow:visible}.area-path{fill:url(#chartFill)}.line-path{fill:none;stroke:#2563eb;stroke-width:3;stroke-linecap:round;stroke-dasharray:850;stroke-dashoffset:850;animation:drawChart 2.2s .4s var(--ease) forwards}.chart-points circle{fill:#fff;stroke:#2563eb;stroke-width:3;opacity:0;animation:pointIn .35s 1.7s forwards}@keyframes drawChart{to{stroke-dashoffset:0}}@keyframes pointIn{to{opacity:1}}.chart-x{position:absolute;right:18px;left:2px;bottom:0;display:flex;justify-content:space-between;color:#94a3b8;font-size:.25rem}.tasks-panel{padding-bottom:7px}.task{display:flex;align-items:center;gap:6px;padding:8px 0;border-bottom:1px solid #edf0f5}.task:last-child{border:0}.task>i{width:16px;height:16px;display:grid;place-items:center;border:1px solid #cbd5e1;border-radius:5px}.task>i svg{width:9px;height:9px;fill:none;stroke:currentColor;stroke-width:2.5}.task.done>i{border-color:#22c55e;background:#dcfce7;color:#16a34a}.task.done b{text-decoration:line-through;color:#94a3b8}.task b,.task small{display:block}.task b{font-size:.37rem}.task small{color:#94a3b8;font-size:.28rem}.view-heading{display:flex;align-items:center;justify-content:space-between;margin:5px 0 14px}.view-heading b,.view-heading small{display:block}.view-heading b{font-size:.7rem}.view-heading small{color:#94a3b8;font-size:.4rem}.mini-primary,.stage-heading button{padding:7px 11px;border:0;border-radius:8px;background:#2563eb;color:#fff;font-size:.39rem;font-weight:700}.filter-row{display:flex;align-items:center;gap:6px;margin-bottom:9px}.filter-row span,.filter-row label{padding:6px 8px;border:1px solid #e5eaf0;border-radius:7px;background:white;color:#64748b;font-size:.32rem}.filter-row span:first-child{border-color:#bfdbfe;color:#2563eb;background:#eff6ff}.filter-row span b{font-size:.3rem}.filter-row label{margin-right:auto;min-width:108px;color:#94a3b8}.invoice-table{border:1px solid #e5eaf0;border-radius:10px;background:white;overflow:hidden}.table-head,.invoice-row{display:grid;grid-template-columns:.8fr 1.2fr .7fr .8fr .8fr;gap:5px;align-items:center;padding:9px 10px}.table-head{background:#f8fafc;color:#94a3b8;font-size:.3rem}.invoice-row{border-top:1px solid #edf0f4;color:#475569;font-size:.33rem}.invoice-row>span:first-child{color:#2563eb;font-weight:600;direction:ltr;text-align:right}.company-cell{display:flex;align-items:center;gap:5px;color:#0f172a}.company-avatar{width:21px;height:21px;display:inline-grid;place-items:center;border-radius:7px;font-size:.37rem;font-style:normal;font-weight:700}.company-avatar.a,.big-avatar.a{color:#2563eb;background:#dbeafe}.company-avatar.b,.big-avatar.b{color:#7c3aed;background:#ede9fe}.company-avatar.c,.big-avatar.c{color:#0891b2;background:#cffafe}.company-avatar.d,.big-avatar.d{color:#ea580c;background:#ffedd5}.tag{display:inline-flex;align-items:center;justify-content:center;width:max-content;padding:3px 6px;border-radius:99px;font-size:.28rem;font-style:normal;font-weight:600}.tag.success{color:#15803d;background:#dcfce7}.tag.warning{color:#b45309;background:#fef3c7}.tag.neutral{color:#475569;background:#e2e8f0}.company-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.company-grid article{position:relative;min-height:184px;padding:14px 11px;border:1px solid #e5eaf0;border-radius:10px;background:white;text-align:center}.big-avatar{width:43px;height:43px;display:grid;place-items:center;margin:0 auto 9px;border-radius:12px;font-size:.65rem;font-weight:700}.company-grid b,.company-grid small{display:block}.company-grid b{font-size:.43rem}.company-grid small{color:#94a3b8;font-size:.29rem}.company-grid .tag{margin:8px auto}.company-meta{position:absolute;right:9px;left:9px;bottom:10px;display:grid;grid-template-columns:1fr 1fr;padding-top:9px;border-top:1px solid #edf0f4}.company-meta span{color:#94a3b8;font-size:.28rem}.company-meta b{margin-top:2px;color:#0f172a;font-size:.42rem}.reports-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:8px}.donut-card,.bar-card{min-height:330px}.donut{position:relative;width:135px;height:135px;margin:24px auto 13px;border-radius:50%;background:conic-gradient(#2563eb 0 82%,#38bdf8 82% 94%,#e2e8f0 94%);animation:donutSpin 1s var(--ease)}.donut:after{content:"";position:absolute;inset:19px;border-radius:50%;background:white}.donut span{position:absolute;z-index:2;inset:0;display:grid;place-content:center;text-align:center}.donut b,.donut small{display:block}.donut b{font-size:1rem}.donut small{color:#94a3b8;font-size:.3rem}.legend{display:flex;justify-content:center;gap:10px;color:#64748b;font-size:.28rem}.legend i{display:inline-block;width:5px;height:5px;margin-left:3px;border-radius:50%}.l-blue{background:#2563eb}.l-cyan{background:#38bdf8}.l-gray{background:#e2e8f0}@keyframes donutSpin{from{transform:rotate(-90deg);opacity:0}to{transform:none;opacity:1}}.h-bars{display:grid;gap:24px;margin-top:32px}.h-bars>div{display:grid;grid-template-columns:36px 1fr 24px;gap:6px;align-items:center;color:#64748b;font-size:.31rem}.h-bars i{height:7px;border-radius:99px;background:#eff2f7;overflow:hidden}.h-bars i b{display:block;width:var(--w);height:100%;border-radius:99px;background:linear-gradient(90deg,#2563eb,#38bdf8);animation:barGrow 1s var(--ease)}@keyframes barGrow{from{width:0}}.h-bars em{color:#2563eb;font-style:normal}.activity-card{position:absolute;z-index:7;display:flex;align-items:center;gap:9px;min-width:190px;padding:10px 12px;border:1px solid rgba(255,255,255,.8);border-radius:13px;background:rgba(255,255,255,.95);box-shadow:0 20px 45px rgba(2,10,30,.25);color:var(--ink);backdrop-filter:blur(14px);animation:cardFloat 4.5s ease-in-out infinite}.activity-card b,.activity-card small{display:block}.activity-card b{font-size:.55rem}.activity-card small{color:#64748b;font-size:.35rem}.activity-icon{width:29px;height:29px;display:grid;place-items:center;border-radius:9px}.activity-icon svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2}.activity-icon.success{color:#16a34a;background:#dcfce7}.activity-icon.blue{color:#2563eb;background:#dbeafe}.activity-top{top:62px;left:-34px}.activity-bottom{right:-30px;bottom:93px;animation-delay:-2.2s}@keyframes cardFloat{50%{transform:translateY(-8px)}}.demo-switcher{position:absolute;z-index:8;right:50%;bottom:13px;display:flex;align-items:center;gap:4px;padding:6px;border:1px solid rgba(255,255,255,.13);border-radius:14px;background:rgba(5,20,50,.83);box-shadow:0 17px 45px rgba(2,10,30,.32);backdrop-filter:blur(15px);transform:translateX(50%);overflow:hidden}.demo-switcher button{position:relative;z-index:2;min-width:94px;height:39px;display:flex;align-items:center;justify-content:center;gap:7px;border:0;border-radius:9px;background:transparent;color:#8297bd;font:inherit;font-size:.47rem;font-weight:600;cursor:pointer;transition:color .25s,background .25s}.demo-switcher button svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8}.demo-switcher button.active{color:white;background:rgba(37,99,235,.85)}.switch-progress{position:absolute;right:6px;bottom:3px;width:calc((100% - 12px)/4);height:2px;background:#38bdf8;transform-origin:right;animation:switchTimer 5s linear infinite}@keyframes switchTimer{from{transform:scaleX(0)}to{transform:scaleX(1)}}.hero-bottom-fade{position:absolute;right:0;bottom:0;width:100%;height:100px;background:linear-gradient(transparent,#fff)}

.capability-rail{position:relative;z-index:5;margin-top:-26px;background:white;border-bottom:1px solid #edf0f4}.rail-track{width:min(1180px,calc(100% - 48px));min-height:94px;display:flex;align-items:center;justify-content:space-between;gap:20px;margin:auto;color:#52617b;white-space:nowrap}.rail-track span{display:flex;align-items:center;gap:8px;font-size:.68rem;font-weight:600}.rail-track svg{width:18px;height:18px;fill:none;stroke:#2563eb;stroke-width:1.8}.rail-track>i{width:4px;height:4px;border-radius:50%;background:#cbd5e1}

.section-heading{max-width:760px;margin-bottom:64px}.section-heading.centered{margin-inline:auto;text-align:center}.section-heading.centered p{margin-inline:auto}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:#2563eb;font-size:.67rem;font-weight:700}.eyebrow svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8}.eyebrow.light{color:#7dd3fc}.section-heading h2,.workflow h2,.security-copy h2,.faq-heading h2{margin:12px 0 17px;font-size:clamp(2.35rem,4.5vw,4.1rem);line-height:1.3;font-weight:800}.section-heading h2 span,.security-copy h2 span{color:#2563eb}.section-heading p,.workflow-copy>p,.security-copy>p,.faq-heading>p{max-width:650px;margin:0;color:#64748b;font-size:.9rem;line-height:2}.product-story{background:white}.story-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:74px;align-items:start}.story-steps{display:grid;gap:0}.story-step{display:grid;grid-template-columns:46px 1fr;gap:17px;padding:30px 0;border-top:1px solid #e5eaf0;opacity:.48;transition:opacity .3s var(--ease),padding .3s var(--ease)}.story-step:last-child{border-bottom:1px solid #e5eaf0}.story-step.active{opacity:1;padding-right:9px}.story-step>span{padding-top:4px;color:#2563eb;font-size:.67rem;font-weight:700}.story-step small{color:#2563eb;font-size:.59rem;font-weight:700}.story-step h3{margin:5px 0 7px;font-size:1.28rem}.story-step p{margin:0;color:#64748b;font-size:.78rem}.story-step button{display:inline-flex;align-items:center;gap:8px;margin-top:12px;padding:0;border:0;background:none;color:#2563eb;font:inherit;font-size:.67rem;font-weight:700;cursor:pointer}.story-step button svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2}.story-stage{position:sticky;top:105px}.stage-shell{min-height:590px;border:1px solid #dce4ef;border-radius:27px;background:#f6f8fc;box-shadow:0 35px 75px rgba(12,39,91,.13);overflow:hidden}.stage-top{height:54px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid #e3e8f0;background:white}.stage-top span{display:flex;align-items:center;gap:8px;color:#475569;font-size:.6rem;font-weight:600}.stage-top span i{width:7px;height:7px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 5px #dcfce7}.stage-top small{color:#94a3b8;font-size:.5rem}.stage-content{position:relative;min-height:536px;padding:31px}.stage-view{display:none;animation:stageIn .5s var(--ease) both}.stage-view.active{display:block}@keyframes stageIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.stage-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.stage-heading b,.stage-heading small{display:block}.stage-heading b{font-size:1rem}.stage-heading small{color:#94a3b8;font-size:.55rem}.stage-heading button{padding:9px 13px;font-size:.54rem}.stage-search{padding:11px 14px;margin-bottom:10px;border:1px solid #e0e6ee;border-radius:10px;background:white;color:#94a3b8;font-size:.56rem}.stage-company{display:grid;grid-template-columns:37px 1fr auto auto;gap:11px;align-items:center;padding:14px;margin-bottom:9px;border:1px solid #e3e8ef;border-radius:13px;background:white;transition:transform .2s,border-color .2s}.stage-company:hover{transform:translateX(-4px);border-color:#bfdbfe}.stage-company .company-avatar{width:37px;height:37px;border-radius:11px;font-size:.59rem}.stage-company b,.stage-company small{display:block}.stage-company b{font-size:.65rem}.stage-company small{color:#94a3b8;font-size:.48rem}.stage-company>em{color:#64748b;font-size:.53rem;font-style:normal}.stage-company .tag{font-size:.43rem}.review-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:9px;align-items:center;padding:18px;margin-bottom:20px;border:1px solid #e3e8ef;border-radius:15px;background:white}.review-flow>b{color:#cbd5e1;font-weight:400}.flow-item{display:flex;align-items:center;gap:8px}.flow-item>i{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;font-style:normal;font-size:.52rem;font-weight:700}.flow-item>i svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2}.flow-item.done>i{color:#16a34a;background:#dcfce7}.flow-item.current>i{color:#b45309;background:#fef3c7}.flow-item b,.flow-item small{display:block}.flow-item b{font-size:.53rem}.flow-item small{color:#94a3b8;font-size:.4rem}.review-card{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:15px;padding:16px;margin-bottom:10px;border:1px solid #e3e8ef;border-radius:14px;background:white}.review-card>div{display:flex;align-items:center;gap:9px}.review-card b{font-size:.6rem}.review-card>span{color:#475569;font-size:.56rem}.review-card button{padding:7px 10px;border:0;border-radius:8px;background:#eff6ff;color:#2563eb;font-size:.48rem;font-weight:700}.stage-report{display:grid;grid-template-columns:.75fr 1.25fr;gap:30px;align-items:center;padding:35px 25px;border:1px solid #e3e8ef;border-radius:16px;background:white}.big-donut{position:relative;width:175px;height:175px;margin:auto;border-radius:50%;background:conic-gradient(#2563eb 0 83%,#38bdf8 83% 96%,#e2e8f0 96%)}.big-donut:after{content:"";position:absolute;inset:27px;border-radius:50%;background:white}.big-donut span{position:absolute;z-index:2;inset:0;display:grid;place-content:center;text-align:center}.big-donut b,.big-donut small{display:block}.big-donut b{font-size:1.35rem}.big-donut small{color:#94a3b8;font-size:.5rem}.report-bars{display:grid;gap:25px}.report-bars>div span{display:block;margin-bottom:7px;color:#64748b;font-size:.53rem}.report-bars i{display:block;height:9px;border-radius:99px;background:#edf1f6;overflow:hidden}.report-bars i b{display:block;width:var(--w);height:100%;border-radius:99px;background:linear-gradient(90deg,#2563eb,#38bdf8);animation:barGrow 1s var(--ease)}

.bento-section{background:#f6f8fc}.bento-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:350px;gap:18px}.bento-card{position:relative;padding:32px;border:1px solid #dde5ef;border-radius:26px;background:white;overflow:hidden;isolation:isolate;transition:transform .35s var(--ease),box-shadow .35s var(--ease)}.bento-card:after{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(400px circle at var(--x,50%) var(--y,50%),rgba(37,99,235,.09),transparent 42%);opacity:0;transition:opacity .25s}.bento-card:hover{transform:translateY(-5px);box-shadow:0 28px 70px rgba(15,38,85,.12)}.bento-card:hover:after{opacity:1}.bento-wide{grid-column:span 2}.bento-dark{border-color:#10295e;background:linear-gradient(145deg,#071a43,#0b2e71);color:white}.bento-copy{position:relative;z-index:4;max-width:300px}.feature-tag{display:inline-flex;padding:6px 10px;border-radius:99px;background:#eff6ff;color:#2563eb;font-size:.54rem;font-weight:700}.feature-tag.light{background:rgba(56,189,248,.12);color:#7dd3fc}.bento-copy h3{margin:15px 0 8px;font-size:1.42rem;line-height:1.5}.bento-copy p{margin:0;color:#64748b;font-size:.72rem}.bento-dark .bento-copy p{color:#9fb2d2}.invoice-stack{position:absolute;left:22px;top:34px;width:47%;height:285px;direction:rtl}.mini-invoice{position:absolute;border:1px solid #dce4ef;border-radius:17px;background:white;box-shadow:0 18px 45px rgba(15,37,79,.13)}.mini-invoice.back{inset:20px 45px 0 0;transform:rotate(7deg);opacity:.45}.mini-invoice.mid{inset:10px 23px 8px 18px;padding:17px;transform:rotate(3deg);opacity:.7}.mini-invoice.mid>div{display:flex;justify-content:space-between;font-size:.5rem}.mini-invoice.mid>i,.mini-invoice.back>i{display:block;width:65%;height:6px;margin:14px 0;border-radius:5px;background:#e8edf4}.mini-invoice.front{inset:28px 0 0 38px;padding:21px;transform:rotate(-3deg);overflow:hidden}.mini-invoice.front header{display:flex;align-items:center;gap:9px}.mini-invoice.front header>span{width:37px;height:37px;display:grid;place-items:center;border-radius:11px;background:#eff6ff;color:#2563eb}.mini-invoice.front header svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8}.mini-invoice.front header b,.mini-invoice.front header small{display:block}.mini-invoice.front header b{font-size:.64rem}.mini-invoice.front header small{color:#94a3b8;font-size:.42rem}.mini-invoice.front header em{margin-right:auto}.invoice-lines{display:grid;gap:10px;margin:30px 0}.invoice-lines i{height:7px;border-radius:7px;background:#e8edf4}.invoice-lines i:nth-child(2){width:78%}.invoice-lines i:nth-child(3){width:53%}.mini-invoice.front footer{display:flex;justify-content:space-between;padding-top:14px;border-top:1px solid #e5eaf0;font-size:.61rem}.scan-line{position:absolute;z-index:5;right:0;left:0;top:10%;height:2px;background:linear-gradient(90deg,transparent,#38bdf8,transparent);box-shadow:0 0 18px #38bdf8;animation:scan 3.2s ease-in-out infinite}@keyframes scan{50%{top:90%}}.notification-stack{position:absolute;right:30px;left:30px;bottom:28px;display:grid;gap:10px}.notification-stack>div{display:flex;align-items:center;gap:10px;padding:13px;border:1px solid rgba(255,255,255,.12);border-radius:15px;background:rgba(255,255,255,.075);box-shadow:0 12px 30px rgba(0,0,0,.14);backdrop-filter:blur(8px);animation:notificationFloat 4s ease-in-out infinite}.notification-stack>div:nth-child(2){margin-right:18px;animation-delay:-2s}.notification-stack p{margin:0}.notification-stack b,.notification-stack small{display:block}.notification-stack b{font-size:.58rem}.notification-stack small{color:#8fa4c8;font-size:.42rem}.notification-stack>div>i{width:6px;height:6px;margin-right:auto;border-radius:50%;background:#ef4444}.n-icon{width:35px;height:35px;display:grid;place-items:center;border-radius:11px}.n-icon svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2}.n-icon.yellow{color:#fbbf24;background:rgba(245,158,11,.13)}.n-icon.green{color:#4ade80;background:rgba(34,197,94,.13)}@keyframes notificationFloat{50%{transform:translateY(-5px)}}.team-orbit{position:absolute;left:50%;bottom:-35px;width:260px;height:260px;border:1px solid #e3e8f0;border-radius:50%;transform:translateX(-50%)}.team-orbit:after{content:"";position:absolute;inset:45px;border:1px dashed #d8e0eb;border-radius:50%;animation:orbitRotate 20s linear infinite}.orbit-core{position:absolute;z-index:2;left:50%;top:50%;width:66px;height:66px;display:grid;place-items:center;border-radius:22px;background:linear-gradient(135deg,#2563eb,#38bdf8);color:white;box-shadow:0 18px 35px rgba(37,99,235,.24);transform:translate(-50%,-50%)}.orbit-core svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.6}.orbit-avatar{position:absolute;z-index:3;width:40px;height:40px;display:grid;place-items:center;border:4px solid white;border-radius:50%;box-shadow:0 9px 23px rgba(15,37,79,.13);font-size:.55rem;font-weight:700}.orbit-avatar.one{top:13px;left:45px;color:#2563eb;background:#dbeafe}.orbit-avatar.two{right:3px;top:105px;color:#7c3aed;background:#ede9fe}.orbit-avatar.three{bottom:10px;left:60px;color:#0891b2;background:#cffafe}@keyframes orbitRotate{to{transform:rotate(360deg)}}.bento-report{background:linear-gradient(145deg,#fff,#f4f8ff)}.report-visual{position:absolute;left:27px;bottom:25px;width:47%;height:265px;padding:24px;border:1px solid #dfe6ef;border-radius:20px;background:white;box-shadow:0 20px 50px rgba(15,37,79,.1)}.report-kpi small,.report-kpi b,.report-kpi span{display:block}.report-kpi small{color:#94a3b8;font-size:.48rem}.report-kpi b{margin:5px 0;font-size:1.8rem}.report-kpi b em{font-size:.75rem;font-style:normal}.report-kpi span{color:#16a34a;font-size:.43rem}.report-chart{height:110px;display:flex;align-items:flex-end;gap:10px;margin-top:18px;padding:0 5px;border-bottom:1px solid #e2e8f0}.report-chart i{flex:1;height:var(--h);border-radius:5px 5px 0 0;background:linear-gradient(#38bdf8,#2563eb);animation:chartBar 1s var(--ease)}@keyframes chartBar{from{height:0}}

.workflow{position:relative;background:linear-gradient(135deg,#030b1f,#071a43 58%,#0b2c6c);color:white;overflow:hidden}.workflow-noise{position:absolute;inset:0;opacity:.35;background-image:radial-gradient(rgba(125,211,252,.22) 1px,transparent 1px);background-size:30px 30px;mask-image:linear-gradient(90deg,transparent,black)}.workflow-grid{position:relative;display:grid;grid-template-columns:.68fr 1.32fr;gap:85px;align-items:center}.workflow-copy{position:sticky;top:120px}.workflow h2{margin-bottom:14px}.workflow-copy>p{color:#9fb2d2}.workflow-copy .button{margin-top:27px}.workflow-steps{display:grid;gap:16px}.workflow-steps article{display:grid;grid-template-columns:68px 1fr;gap:23px;padding:27px;border:1px solid rgba(255,255,255,.1);border-radius:23px;background:rgba(255,255,255,.045);backdrop-filter:blur(8px);transition:transform .3s var(--ease),border-color .3s,background .3s}.workflow-steps article:hover{transform:translateX(-8px);border-color:rgba(56,189,248,.28);background:rgba(255,255,255,.075)}.workflow-steps article>span{font-size:2.1rem;line-height:1;color:rgba(125,211,252,.3);font-weight:800}.workflow-steps article>div{position:relative}.workflow-steps article i{position:absolute;left:0;top:0;width:43px;height:43px;display:grid;place-items:center;border-radius:13px;background:rgba(37,99,235,.23);color:#7dd3fc;font-style:normal}.workflow-steps article i svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7}.workflow-steps small{color:#7dd3fc;font-size:.52rem}.workflow-steps h3{margin:4px 0 5px;font-size:1.08rem}.workflow-steps p{max-width:470px;margin:0;color:#9fb2d2;font-size:.7rem}

.security-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:95px;align-items:center}.security-visual{position:relative;min-height:535px;display:grid;place-items:center;border:1px solid #dfe7f1;border-radius:34px;background:radial-gradient(circle at center,#e5f5ff 0,#f4f8ff 34%,#f8fafc 65%);overflow:hidden}.security-visual:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(37,99,235,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(37,99,235,.045) 1px,transparent 1px);background-size:35px 35px;mask-image:radial-gradient(circle,black,transparent 70%)}.security-orbit{position:absolute;border:1px solid rgba(37,99,235,.18);border-radius:50%;animation:orbitRotate 25s linear infinite}.security-orbit i{position:absolute;width:9px;height:9px;border:2px solid white;border-radius:50%;background:#38bdf8;box-shadow:0 0 0 5px rgba(56,189,248,.14)}.security-orbit i:nth-child(1){top:12%;left:17%}.security-orbit i:nth-child(2){right:-4px;top:52%}.security-orbit i:nth-child(3){bottom:8%;left:34%}.orbit-one{width:300px;height:300px}.orbit-two{width:420px;height:420px;animation-direction:reverse;animation-duration:35s}.shield-core{position:relative;z-index:3;width:128px;height:145px;display:grid;place-items:center;color:white;background:linear-gradient(150deg,#38bdf8,#2563eb 58%,#1d4ed8);clip-path:polygon(50% 0,91% 15%,87% 65%,50% 100%,13% 65%,9% 15%);filter:drop-shadow(0 28px 26px rgba(37,99,235,.28))}.shield-core:after{content:"";position:absolute;inset:9px;border:1px solid rgba(255,255,255,.25);clip-path:inherit}.shield-core svg{width:46px;height:46px;fill:none;stroke:currentColor;stroke-width:1.6}.shield-core span{position:absolute;bottom:26px;width:7px;height:7px;border-radius:50%;background:#4ade80;box-shadow:0 0 0 5px rgba(74,222,128,.18)}.security-chip{position:absolute;z-index:4;display:flex;align-items:center;gap:10px;min-width:174px;padding:12px 14px;border:1px solid white;border-radius:15px;background:rgba(255,255,255,.92);box-shadow:0 20px 45px rgba(15,37,79,.14);backdrop-filter:blur(12px);animation:cardFloat 5s ease-in-out infinite}.security-chip>svg{width:28px;height:28px;padding:6px;border-radius:9px;background:#dcfce7;color:#16a34a;fill:none;stroke:currentColor;stroke-width:2}.security-chip b,.security-chip small{display:block}.security-chip b{font-size:.59rem}.security-chip small{color:#94a3b8;font-size:.41rem}.chip-right{top:83px;right:32px}.chip-left{left:30px;bottom:78px;animation-delay:-2.5s}.chip-left>svg{color:#2563eb;background:#dbeafe}.security-copy ul{display:grid;gap:17px;padding:0;margin:30px 0 0;list-style:none}.security-copy li{display:flex;align-items:flex-start;gap:12px}.security-copy li>i{width:29px;height:29px;flex:0 0 29px;display:grid;place-items:center;border-radius:9px;background:#dcfce7;color:#16a34a}.security-copy li svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2.3}.security-copy li b,.security-copy li small{display:block}.security-copy li b{font-size:.76rem}.security-copy li small{margin-top:2px;color:#64748b;font-size:.67rem}

.faq{background:#f6f8fc}.faq-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:95px;align-items:start}.faq-heading{position:sticky;top:120px}.faq-heading .text-link{display:inline-flex;align-items:center;gap:8px;margin-top:22px;padding:0;border:0;background:none;color:#2563eb;font:inherit;font-size:.72rem;font-weight:700;cursor:pointer}.text-link svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2}.accordion{border-top:1px solid #dce3ec}.accordion details{border-bottom:1px solid #dce3ec}.accordion summary{min-height:83px;display:flex;align-items:center;justify-content:space-between;gap:20px;list-style:none;cursor:pointer;font-size:.83rem;font-weight:700}.accordion summary::-webkit-details-marker{display:none}.accordion summary i{position:relative;width:30px;height:30px;flex:0 0 30px;border-radius:9px;background:white;box-shadow:0 5px 16px rgba(15,37,79,.07)}.accordion summary i:before,.accordion summary i:after{content:"";position:absolute;left:50%;top:50%;width:12px;height:2px;border-radius:2px;background:#2563eb;transform:translate(-50%,-50%);transition:transform .25s}.accordion summary i:after{transform:translate(-50%,-50%) rotate(90deg)}.accordion details[open] summary i:after{transform:translate(-50%,-50%) rotate(0)}.accordion details>div{display:grid;grid-template-rows:0fr;transition:grid-template-rows .35s var(--ease)}.accordion details[open]>div{grid-template-rows:1fr}.accordion details>div>p{min-height:0;overflow:hidden}.accordion p{max-width:680px;margin:0 0 25px;color:#64748b;font-size:.72rem}

.final-cta{padding:100px 0;background:white}.cta-card{position:relative;min-height:360px;display:grid;grid-template-columns:1.3fr .7fr;gap:45px;align-items:center;padding:63px;border-radius:34px;color:white;background:radial-gradient(circle at 12% 30%,rgba(56,189,248,.25),transparent 25%),linear-gradient(135deg,#06142f,#0a2862 57%,#174aa9);box-shadow:0 30px 80px rgba(7,26,67,.22);overflow:hidden}.cta-card:after{content:"";position:absolute;width:430px;height:430px;left:-130px;bottom:-320px;border:1px solid rgba(255,255,255,.17);border-radius:50%;box-shadow:0 0 0 55px rgba(255,255,255,.025),0 0 0 110px rgba(255,255,255,.018)}.cta-glow{position:absolute;width:180px;height:180px;top:-90px;right:22%;border-radius:50%;background:rgba(56,189,248,.12);filter:blur(40px)}.cta-card>div:not(.cta-glow){position:relative;z-index:2}.cta-card h2{margin:13px 0 10px;font-size:clamp(2.1rem,4vw,3.45rem);line-height:1.35}.cta-card p{margin:0;color:#b8c8e5;font-size:.82rem}.cta-actions{display:flex;flex-direction:column;gap:11px;align-items:stretch}

footer{padding:65px 0 0;background:#030b1f;color:white}.footer-grid{display:grid;grid-template-columns:1.45fr repeat(3,.7fr);gap:62px;padding-bottom:48px}.footer-brand p{max-width:420px;margin:19px 0 0;color:#7f92b4;font-size:.68rem}.footer-col h3{margin:9px 0 18px;font-size:.73rem}.footer-col a{display:block;margin:10px 0;color:#7f92b4;font-size:.64rem;transition:color .2s,transform .2s}.footer-col a:hover{color:white;transform:translateX(-3px)}.footer-bottom{display:flex;justify-content:space-between;gap:25px;padding:24px 0 30px;border-top:1px solid rgba(255,255,255,.08);color:#596c90;font-size:.56rem}.footer-bottom a{color:#8ca1c5}

.support-widget{position:fixed;z-index:105;left:26px;bottom:26px;direction:rtl}.support-trigger{height:57px;display:flex;align-items:center;gap:9px;padding:0 18px;border:0;border-radius:18px;background:linear-gradient(135deg,#25d366,#16a34a);box-shadow:0 15px 35px rgba(22,163,74,.3);color:white;cursor:pointer;font:inherit;font-size:.68rem;font-weight:700;transition:transform .25s var(--ease),box-shadow .25s}.support-trigger:hover{transform:translateY(-4px);box-shadow:0 20px 44px rgba(22,163,74,.4)}.support-trigger svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8}.support-trigger .chat-close{display:none}.support-widget.open .support-trigger .chat-open{display:none}.support-widget.open .support-trigger .chat-close{display:block}.trigger-pulse{position:absolute;top:-3px;right:-3px;width:12px;height:12px;border:2px solid white;border-radius:50%;background:#4ade80;animation:statusPulse 2s infinite}.support-panel{position:absolute;left:0;bottom:70px;width:355px;padding:18px;border:1px solid #e1e7ef;border-radius:22px;background:rgba(255,255,255,.97);box-shadow:0 28px 75px rgba(5,20,50,.24);color:var(--ink);backdrop-filter:blur(20px);opacity:0;visibility:hidden;transform:translateY(14px) scale(.96);transform-origin:bottom left;transition:.3s var(--ease)}.support-widget.open .support-panel{opacity:1;visibility:visible;transform:none}.support-head{display:flex;align-items:center;gap:10px}.support-avatar{width:47px;height:47px;display:grid;place-items:center;border-radius:15px;background:#eff6ff}.support-avatar img{width:39px;height:39px}.support-head b,.support-head small{display:block}.support-head b{font-size:.75rem}.support-head small{color:#64748b;font-size:.5rem}.support-head small i{display:inline-block;width:6px;height:6px;margin-left:4px;border-radius:50%;background:#22c55e}.support-head button{width:31px;height:31px;display:grid;place-items:center;margin-right:auto;border:0;border-radius:9px;background:#f1f5f9;color:#64748b}.support-head button svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2}.support-panel>p{margin:14px 0;color:#64748b;font-size:.58rem}.support-links{display:grid;gap:8px}.support-links>a{display:grid;grid-template-columns:39px 1fr 18px;gap:10px;align-items:center;padding:10px;border:1px solid #e4e9f0;border-radius:13px;transition:transform .2s,border-color .2s,background .2s}.support-links>a:hover{transform:translateX(-3px);border-color:#bbf7d0;background:#f0fdf4}.support-links>a.mail:hover{border-color:#bfdbfe;background:#eff6ff}.whatsapp-icon,.support-links.mail>span:first-child{width:39px;height:39px;display:grid;place-items:center;border-radius:11px;background:#dcfce7;color:#16a34a}.whatsapp-icon svg{width:22px;height:22px}.support-links>a.mail>span:first-child{color:#2563eb;background:#dbeafe}.support-links>a.mail>span:first-child svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8}.support-links b,.support-links small{display:block}.support-links b{font-size:.61rem}.support-links small{color:#94a3b8;font-size:.46rem;direction:ltr;text-align:right}.link-arrow{width:15px;height:15px;fill:none;stroke:#94a3b8;stroke-width:2}.mobile-cta{display:none}

.tour-modal{position:fixed;z-index:200;inset:0;display:grid;place-items:center;padding:25px;opacity:0;visibility:hidden;transition:opacity .3s}.tour-modal.open{opacity:1;visibility:visible}.tour-backdrop{position:absolute;inset:0;background:rgba(2,8,23,.78);backdrop-filter:blur(10px)}.tour-dialog{position:relative;width:min(980px,100%);min-height:590px;display:grid;grid-template-columns:.8fr 1.2fr;border:1px solid rgba(255,255,255,.3);border-radius:29px;background:white;box-shadow:0 45px 120px rgba(0,0,0,.35);overflow:hidden;transform:translateY(20px) scale(.97);transition:transform .35s var(--ease)}.tour-modal.open .tour-dialog{transform:none}.tour-close{position:absolute;z-index:5;top:17px;left:17px;width:38px;height:38px;display:grid;place-items:center;border:1px solid #e2e8f0;border-radius:11px;background:white;color:#64748b}.tour-close svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2}.tour-copy{padding:52px 42px}.tour-copy h2{margin:12px 0 27px;font-size:2.05rem;line-height:1.45}.tour-tabs{display:grid;gap:8px;margin-bottom:26px}.tour-tabs button{display:grid;grid-template-columns:36px 1fr;gap:10px;align-items:center;padding:12px;border:1px solid #e5eaf0;border-radius:13px;background:white;color:#64748b;text-align:right;cursor:pointer;transition:.25s}.tour-tabs button.active{border-color:#bfdbfe;background:#eff6ff;color:#0f172a;transform:translateX(-5px)}.tour-tabs button>i{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:#f1f5f9;color:#64748b;font-style:normal;font-size:.63rem;font-weight:700}.tour-tabs button.active>i{background:#2563eb;color:white}.tour-tabs b,.tour-tabs small{display:block}.tour-tabs b{font-size:.66rem}.tour-tabs small{margin-top:2px;color:#94a3b8;font-size:.51rem}.tour-screen{display:flex;align-items:center;justify-content:center;padding:60px 45px;background:radial-gradient(circle at 20% 10%,rgba(56,189,248,.18),transparent 30%),linear-gradient(145deg,#06142f,#0b2f73);color:white}.tour-screen-bar{position:absolute;top:22px;right:44%;left:22px;height:31px;display:flex;align-items:center;gap:5px;padding:0 10px;border-radius:9px;background:rgba(255,255,255,.08);direction:ltr}.tour-screen-bar span{margin-right:auto;color:#7f92b4;font-size:.4rem}.tour-screen-bar i{width:6px;height:6px;border-radius:50%;background:#52688e}.tour-slides{width:100%;max-width:430px}.tour-slide{display:none;text-align:center;animation:stageIn .45s var(--ease)}.tour-slide.active{display:block}.tour-company-logo{width:86px;height:86px;display:grid;place-items:center;margin:0 auto 18px;border:1px solid rgba(255,255,255,.18);border-radius:25px;background:linear-gradient(135deg,#2563eb,#38bdf8);box-shadow:0 20px 45px rgba(0,0,0,.24);font-size:1.7rem;font-weight:800}.tour-slide h3{margin:0 0 6px;font-size:1.22rem}.tour-slide p{margin:0;color:#9fb2d2;font-size:.67rem}.tour-info{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:25px}.tour-info span{padding:13px 6px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:rgba(255,255,255,.055);color:#8ca1c5;font-size:.46rem}.tour-info b{display:block;margin-top:4px;color:white;font-size:.74rem}.green-text{color:#4ade80!important}.sync-visual{position:relative;width:110px;height:110px;display:grid;place-items:center;margin:0 auto 23px;border:1px solid rgba(56,189,248,.23);border-radius:50%;color:#7dd3fc}.sync-visual:before,.sync-visual:after{content:"";position:absolute;border:1px solid rgba(56,189,248,.14);border-radius:50%;animation:syncPulse 2s infinite}.sync-visual:before{inset:-18px}.sync-visual:after{inset:-36px;animation-delay:.4s}.sync-visual svg{width:42px;height:42px;fill:none;stroke:currentColor;stroke-width:1.4}@keyframes syncPulse{50%{transform:scale(1.08);opacity:.25}}.sync-bar{width:80%;height:8px;margin:25px auto 0;border-radius:99px;background:rgba(255,255,255,.09);overflow:hidden}.sync-bar i{display:block;width:78%;height:100%;border-radius:99px;background:linear-gradient(90deg,#2563eb,#38bdf8);animation:syncGrow 2s ease-in-out infinite}@keyframes syncGrow{0%{width:0}70%,100%{width:78%}}.tour-complete{width:92px;height:92px;display:grid;place-items:center;margin:0 auto 20px;border-radius:50%;background:rgba(34,197,94,.14);color:#4ade80;box-shadow:0 0 0 18px rgba(34,197,94,.05)}.tour-complete svg{width:43px;height:43px;fill:none;stroke:currentColor;stroke-width:1.8}.tour-slide>button{display:inline-flex;align-items:center;gap:8px;margin-top:24px;padding:10px 16px;border:0;border-radius:11px;background:white;color:#1e3a8a;font-size:.61rem;font-weight:700}.tour-slide>button svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2}

.reveal{opacity:0;transform:translateY(25px);transition:opacity .75s var(--ease),transform .75s var(--ease)}.reveal.in-view{opacity:1;transform:none}.reveal-delay{transition-delay:.15s}

@media(max-width:1100px){.desktop-nav{gap:18px}.hero-grid{grid-template-columns:1fr;gap:75px}.hero{padding-top:160px}.hero-copy{max-width:780px}.product-hero{width:min(850px,100%);margin:auto}.story-layout{grid-template-columns:.8fr 1.2fr;gap:45px}.bento-grid{grid-template-columns:1fr 1fr}.bento-wide{grid-column:span 1}.invoice-stack,.report-visual{opacity:.82}.workflow-grid,.security-grid{gap:55px}.footer-grid{grid-template-columns:1.3fr repeat(3,.7fr);gap:35px}}
@media(max-width:900px){.desktop-nav,.header-actions{display:none}.menu-button{display:grid;place-items:center}.mobile-menu{position:fixed;z-index:110;top:0;right:0;width:min(390px,88vw);height:100dvh;display:flex;flex-direction:column;padding:24px;background:#06142f;box-shadow:-30px 0 70px rgba(0,0,0,.32);transform:translateX(110%);transition:transform .4s var(--ease)}.mobile-menu.open{transform:none}.mobile-menu:after{content:"";position:fixed;z-index:-1;inset:0 100% 0 -100vw;background:rgba(2,8,23,.65);opacity:0;pointer-events:none;transition:opacity .3s}.mobile-menu.open:after{opacity:1;pointer-events:auto}.mobile-menu-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.1);color:#8ca1c5;font-size:.68rem}.mobile-menu-head button{width:39px;height:39px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.12);border-radius:11px;background:rgba(255,255,255,.06);color:white}.mobile-menu-head svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:2}.mobile-menu nav{display:grid;margin:25px 0 auto}.mobile-menu nav a{display:flex;justify-content:space-between;align-items:center;padding:16px 3px;border-bottom:1px solid rgba(255,255,255,.08);font-size:.84rem;font-weight:600}.mobile-menu nav a span{color:#52688e;font-size:.6rem}.mobile-menu>.button{margin-top:25px}.story-layout{grid-template-columns:1fr}.story-stage{position:relative;top:auto;order:-1}.story-steps{grid-template-columns:repeat(3,1fr);gap:10px}.story-step{display:block;padding:18px;border:1px solid #e5eaf0!important;border-radius:17px}.story-step.active{padding:18px;border-color:#bfdbfe!important;background:#eff6ff}.story-step>span{display:block;margin-bottom:7px}.story-step p,.story-step button{display:none}.story-step h3{font-size:.85rem}.bento-grid{grid-auto-rows:380px}.invoice-stack,.report-visual{width:58%;opacity:1}.workflow-grid,.security-grid,.faq-grid{grid-template-columns:1fr}.workflow-copy,.faq-heading{position:static}.workflow-steps{margin-top:25px}.security-visual{order:2}.faq-grid{gap:45px}.cta-card{grid-template-columns:1fr}.cta-actions{flex-direction:row}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.tour-dialog{grid-template-columns:1fr;max-height:90dvh;overflow:auto}.tour-copy{padding:38px 28px}.tour-screen{min-height:430px}.tour-screen-bar{display:none}}
@media(max-width:650px){html{scroll-padding-top:78px}.shell{width:min(100% - 28px,1216px)}.section{padding:84px 0}.header-inner{height:76px}.site-header.scrolled .header-inner{height:68px}.brand img{width:43px;height:43px}.brand-copy b{font-size:1.05rem}.brand-copy small{font-size:.45rem}.hero{min-height:auto;padding:130px 0 75px}.hero-grid{gap:50px}.hero h1{font-size:2.55rem;line-height:1.34}.hero-copy>p{font-size:.83rem;line-height:1.95}.hero-actions{display:grid}.hero-actions .button{width:100%}.hero-notes{justify-content:center;gap:10px 15px}.product-hero{padding-bottom:53px}.app-window{min-height:430px;border-radius:17px}.window-bar{height:36px}.app-layout{grid-template-columns:62px 1fr;min-height:392px}.app-sidebar{padding:10px 6px}.app-brand{justify-content:center;padding-bottom:11px}.app-brand img{width:25px}.app-brand span,.side-link span,.sidebar-profile div{display:none}.side-link{height:36px;justify-content:center;padding:0}.side-link svg{width:16px;height:16px}.side-link i{position:absolute;right:36px;min-width:12px;height:12px;font-size:.25rem}.sidebar-profile{justify-content:center}.app-content{padding:10px}.app-toolbar{height:35px}.app-toolbar strong{font-size:.54rem}.toolbar-actions .demo-label{display:none}.stat-grid{gap:5px}.stat-grid article{min-height:78px;padding:7px}.stat-icon{top:6px;left:6px;width:21px;height:21px}.stat-grid small{font-size:.27rem}.stat-grid b{font-size:.7rem}.stat-grid em{font-size:.23rem}.overview-grid{grid-template-columns:1fr}.tasks-panel{display:none}.chart-panel{padding:7px}.chart-area{height:120px}.filter-row span:nth-child(2),.filter-row span:nth-child(3),.filter-row label{display:none}.table-head,.invoice-row{grid-template-columns:.8fr 1.2fr .8fr}.table-head span:nth-child(3),.table-head span:nth-child(4),.invoice-row>span:nth-child(3),.invoice-row>span:nth-child(4){display:none}.invoice-row,.table-head{padding:8px 6px;font-size:.28rem}.company-grid{grid-template-columns:1fr}.company-grid article{min-height:92px;display:grid;grid-template-columns:39px 1fr auto;align-items:center;text-align:right;padding:9px}.company-grid article:nth-child(3){display:none}.big-avatar{width:36px;height:36px;margin:0}.company-grid .tag{margin:0}.company-meta{display:none}.reports-grid{grid-template-columns:1fr}.donut-card{display:none}.bar-card{min-height:270px}.activity-card{display:none}.demo-switcher{width:calc(100% - 20px);bottom:5px}.demo-switcher button{flex:1;min-width:0;height:38px}.demo-switcher button span{display:none}.demo-switcher button svg{width:18px;height:18px}.switch-progress{width:calc((100% - 12px)/4)}.capability-rail{overflow:hidden}.rail-track{width:max-content;min-height:76px;justify-content:flex-start;padding:0 15px;animation:railMove 20s linear infinite}.rail-track:after{content:"إدارة العملاء   •   سحب الفواتير   •   المراجعة والتحقق   •   تجهيز الإقرارات   •   التقارير والسجلات";word-spacing:14px;color:#52617b;font-size:.68rem;font-weight:600}@keyframes railMove{to{transform:translateX(45%)}}.section-heading{margin-bottom:42px}.section-heading h2,.workflow h2,.security-copy h2,.faq-heading h2{font-size:2.15rem;line-height:1.42}.section-heading p,.workflow-copy>p,.security-copy>p,.faq-heading>p{font-size:.75rem}.story-stage{display:none}.story-steps{grid-template-columns:1fr}.story-step{display:grid;grid-template-columns:42px 1fr}.story-step p{display:block;font-size:.67rem}.story-step button{display:inline-flex}.bento-grid{grid-template-columns:1fr;grid-auto-rows:390px}.bento-card{padding:25px}.bento-copy h3{font-size:1.25rem}.invoice-stack{left:10px;top:auto;bottom:5px;width:72%;height:245px}.mini-invoice.front{padding:16px}.notification-stack{right:20px;left:20px}.team-orbit{width:245px;height:245px}.report-visual{left:18px;bottom:18px;width:72%;height:235px}.workflow-steps article{grid-template-columns:50px 1fr;padding:22px 18px}.workflow-steps article i{position:static;margin-bottom:9px}.security-grid{gap:42px}.security-visual{min-height:390px}.orbit-one{width:230px;height:230px}.orbit-two{width:340px;height:340px}.shield-core{width:105px;height:120px}.security-chip{min-width:145px;padding:9px}.security-chip b{font-size:.5rem}.security-chip small{font-size:.34rem}.chip-right{top:45px;right:10px}.chip-left{left:9px;bottom:45px}.accordion summary{min-height:73px;font-size:.71rem}.accordion p{font-size:.64rem}.final-cta{padding:70px 0}.cta-card{min-height:430px;padding:35px 25px;border-radius:27px}.cta-card h2{font-size:2rem}.cta-actions{flex-direction:column}.footer-grid{grid-template-columns:1fr;gap:29px}.footer-brand{grid-column:auto}.footer-bottom{flex-direction:column}.support-widget{left:14px;right:14px;bottom:78px}.support-trigger{display:none}.support-panel{position:fixed;right:14px;left:14px;bottom:78px;width:auto;transform:translateY(18px)}.mobile-cta{position:fixed;z-index:104;right:0;bottom:0;left:0;height:66px;display:grid;grid-template-columns:1.3fr .7fr;gap:8px;padding:8px 12px calc(8px + env(safe-area-inset-bottom));border-top:1px solid #e2e8f0;background:rgba(255,255,255,.94);box-shadow:0 -12px 30px rgba(15,37,79,.09);backdrop-filter:blur(15px)}.mobile-cta a,.mobile-cta button{display:flex;align-items:center;justify-content:center;gap:6px;border:0;border-radius:11px;font:inherit;font-size:.66rem;font-weight:700}.mobile-cta a{background:#2563eb;color:white}.mobile-cta button{background:#dcfce7;color:#15803d}.mobile-cta .whatsapp-icon{width:24px;height:24px;background:transparent}.mobile-cta .whatsapp-icon svg{width:18px;height:18px}footer{padding-bottom:66px}.tour-modal{padding:12px}.tour-dialog{max-height:94dvh;border-radius:22px}.tour-copy{padding:36px 20px 25px}.tour-copy h2{font-size:1.6rem}.tour-screen{min-height:360px;padding:55px 20px 35px}.tour-tabs button{padding:9px}.tour-copy>.button{width:100%}.tour-info{gap:5px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}.rail-track{animation:none}.line-path{stroke-dashoffset:0}.chart-points circle{opacity:1}}