@font-face{font-family:Tajawal;src:url('assets/Tajawal-Regular.ttf') format('truetype');font-display:swap;font-weight:400}
@font-face{font-family:Tajawal;src:url('assets/Tajawal-Bold.ttf') format('truetype');font-display:swap;font-weight:700}
body.dark-front{--bg:#030712;--panel:#0f172a;--text:#f1f5f9;--dim:#a6b1c4;--border:#263149;--mint:#a5b4fc;background:#030712;color:#f1f5f9;font-family:Tajawal,'Segoe UI',sans-serif;line-height:1.8;color-scheme:dark}
.dark-front header{position:sticky;top:0;background:#030712df;backdrop-filter:blur(18px);border-color:#25304b;z-index:30}.dark-front .brand{color:#f1f5f9;letter-spacing:-.6px;font-size:21px;gap:0}.dark-front .brand span{color:#a5b4fc}.dark-front .brand:before{background:linear-gradient(135deg,#4f46e5,#9333ea)}.engine-badge{font:10px/1.5 'Segoe UI',sans-serif;color:#c4b5fd;border:1px solid #6d5bb566;border-radius:5px;padding:3px 6px;margin-inline-start:12px;letter-spacing:1px;white-space:nowrap}.dark-front .navlinks{gap:18px}.fp-nav{display:flex;gap:24px;font-size:14px}.dark-front .fp-nav a{display:block!important;color:#cbd5e1}.dark-front .fp-nav a:hover{color:#fff}.dark-front button,.dark-front select,.dark-front .button{background:#111a2d;color:#e2e8f0;border:1px solid #33415a}.dark-front .nav-start,.dark-front .button.primary,.dark-front button.primary{background:linear-gradient(110deg,#4f46e5,#7c3aed);color:white;border:1px solid #8b7afa;box-shadow:0 0 24px #6366f140}.dark-front .nav-start:hover,.dark-front .button.primary:hover{box-shadow:0 0 32px #6366f177;background:linear-gradient(110deg,#4338ca,#6d28d9)}#fp-menu{display:none}
.dark-front .fp-hero{display:block;margin:0;padding:75px 0 40px;border:0;background:radial-gradient(ellipse at 50% 15%,#312e8140,transparent 63%);box-shadow:none;isolation:isolate}.fp-copy{max-width:850px}.dark-front .fp-hero h1{font-size:clamp(34px,4.3vw,62px);line-height:1.3;letter-spacing:-1.1px;max-width:850px;margin:25px auto;color:#f8fafc;font-weight:700}.fp-badge{padding:5px 15px;font-size:12px;background:#141634;border:1px solid #6556af60;color:#c4b5fd}.dark-front .fp-lead{font-size:18px;line-height:1.95;max-width:740px;margin:0 auto;color:#aebbd0}.dark-front .fp-hero .small{color:#8595ae;font-size:12px}.dark-front .fp-hero .actions{margin-block:26px 15px}.dark-front .fp-hero .button{padding:11px 24px}.fp-dashboard{max-width:1000px;margin:48px auto 0;background:#0b1120;border:1px solid #394266;box-shadow:0 -15px 80px #4f46e51c,0 25px 80px #0007;text-align:start}.fp-dash-top{padding:15px 24px;border-bottom:1px solid #263149;background:#11182a;font-size:14px}.fp-dash-top>span{color:#8392b1;font-size:11px}.fp-dash-body{padding:24px}.fp-tabs{margin-bottom:20px}.fp-tabs button{padding:5px 13px;font-size:12px}.fp-tabs button[aria-pressed=true]{color:#c7d2fe;background:#252351;border-color:#6366f1}.fp-table-wrap{overflow:auto}.dark-front .fp-dashboard table{width:100%;border-collapse:collapse;min-width:460px;font-size:14px;background:transparent}.dark-front .fp-dashboard td,.dark-front .fp-dashboard th{padding:14px 18px;border-bottom:1px solid #253047;text-align:start}.dark-front .fp-dashboard thead th{background:#151d31;color:#e2e8f0}.dark-front .fp-dashboard tbody th{font-weight:400;color:#9aaac2;width:34%}.dark-front .fp-dashboard tr:hover{background:transparent}.fp-positive{color:#6ee7b7}.fp-warning{color:#fcd34d}.fp-verdict{margin-top:24px;padding:18px 22px;background:linear-gradient(120deg,#272458,#161d33);border:1px solid #6366f166}.fp-verdict>span{color:#c4b5fd;font-weight:700;font-size:13px}.dark-front .fp-verdict p{color:#e0e7ff;font-size:15px;margin:8px 0}.fp-verdict small{color:#fda4af;font-size:12px}.dark-front .fp-sample-note{font-size:11px;color:#8392b1;margin-bottom:0}.dark-front .audience-strip{display:none}.dark-front .section{padding-block:45px}.fp-feature{padding:25px;border:1px solid #27324d;background:linear-gradient(135deg,#11182a,#0b1120)}.fp-feature>span{font-size:25px;color:#a5b4fc}.fp-feature h3,.fp-step h3{font-size:20px;margin-block:14px 8px}.dark-front p,.dark-front .small,.dark-front .benefit-list{color:#a6b1c4}.fp-feature p,.fp-step p{font-size:14px}.fp-step{padding:24px;border-top:1px solid #33415e}.fp-step>span{font-family:'Segoe UI',sans-serif;font-size:24px;color:#818cf8}.dark-front .tag{color:#a5b4fc}.dark-front h2{color:#f1f5f9}.dark-front .demo,.dark-front .revision-panel,.dark-front .card,.dark-front .decision-report{background:#0f172a;border-color:#2a3653;box-shadow:none}.dark-front .file,.dark-front textarea,.dark-front .comparison-notes{background:#080e1c;color:#e2e8f0;border-color:#34415c}.dark-front #pricing .card:nth-child(2){background:#191b3b;border-color:#6366f1}.dark-front #results table,.dark-front .cap-scroll{background:#0c1425;color:#e2e8f0}.dark-front #results table th,.dark-front .cap-scroll thead th{background:#17203a;color:#c7d2fe}.dark-front #results tr:hover{background:#17213a}.dark-front .cap-scroll th,.dark-front .cap-scroll td{border-color:#2b3851}.dark-front .decision-summary{background:#202149;color:#e0e7ff;border-color:#818cf8}.dark-front .metric-grid>div{border-color:#33415b}.dark-front .metric-grid strong{color:#c7d2fe}.dark-front .mode-tabs button[aria-pressed=true]{background:#4f46e5;color:white}.dark-front .revision-line.added{background:#103b30;color:#a7f3d0}.dark-front .revision-line.removed{background:#411d2a;color:#fecdd3}.dark-front .revision-line.unchanged{color:#cbd5e1}.dark-front .revision-split-head{background:#1b2541;color:#c7d2fe}.dark-front .fp-security{padding:35px;border:1px solid #2d3658;background:#11162a;border-radius:16px}.fp-security p{max-width:850px}.dark-front a{color:#b8c5ff}.dark-front footer{border-color:#28324d}.dark-front .scope-disclaimer{border-color:#33415c}.dark-front .bar-track{background:#29324a}.dark-front .bar-fill{background:#818cf8}.dark-front .status{color:#a5b4fc}.dark-front :focus-visible{outline:3px solid #a5b4fc;outline-offset:4px}.dark-front .nav-start{color:white}.dark-front #how .section-heading{margin-bottom:25px}
@media(max-width:1100px){.fp-nav{display:none;position:absolute;top:100%;inset-inline:0;padding:22px;background:#10172a;border:1px solid #34415a}.fp-nav.open{display:grid;gap:18px}#fp-menu{display:inline-block;padding:6px 10px}.dark-front .navrow{position:relative}.engine-badge{display:none}.dark-front .navlinks{gap:9px}}
@media(max-width:760px){.dark-front .fp-hero{padding-top:35px}.dark-front .fp-hero h1{font-size:36px;letter-spacing:0}.dark-front .fp-lead{font-size:16px}.fp-badge{font-size:10px;padding:5px 9px}.fp-dash-body{padding:14px}.fp-dash-top{padding:12px 14px}.fp-dashboard{margin-top:30px}.fp-verdict{padding:15px}.dark-front .brand{font-size:16px}.dark-front .section{padding-block:32px}.dark-front .fp-security{padding:24px}.dark-front .navlinks .nav-start{font-size:11px;padding:7px}.dark-front .navlinks select{max-width:77px}.fp-feature{padding:22px}.dark-front .fp-hero .button{padding:10px 16px}}
@media(max-width:390px){.dark-front .brand{font-size:13px}.dark-front .navlinks{gap:5px}.dark-front #fp-menu{padding:5px;font-size:11px}.dark-front .navlinks select{max-width:67px}.dark-front .fp-hero h1{font-size:31px}}
@media print{.dark-front header,.fp-hero,#fp-features,#fp-security{display:none!important}body.dark-front{background:white;color:#142738}.dark-front #results table,.dark-front .decision-report{background:white;color:#142738}}
.report-preview .report-intro{max-width:720px;margin-bottom:30px}.report-preview-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:42px;align-items:center}.report-paper{margin:0;padding:12px;background:#fff;border-radius:12px;box-shadow:0 15px 70px #6366f125;overflow:hidden}.report-paper img{display:block;width:100%;height:auto}.report-paper figcaption{color:#475569;text-align:center;font-size:12px;padding:10px}.report-insight{padding:28px;border:1px solid #34365c;background:linear-gradient(140deg,#171936,#0b1120);border-radius:18px}.report-insight h3{font-size:27px;line-height:1.4}.report-cost{display:grid;grid-template-columns:1fr auto;gap:10px;margin-block:23px}.report-cost>div{grid-column:1/-1;background:#252c46;border-radius:6px;overflow:hidden;height:15px}.report-cost i{display:block;height:100%;background:linear-gradient(90deg,#4f46e5,#a78bfa)}.report-cost:nth-of-type(2) i{background:linear-gradient(90deg,#0d9488,#6ee7b7)}.dark-front .report-difference{color:#a7f3d0;font-size:19px;font-weight:700}.report-insight .button{display:inline-block;margin-top:16px;font-size:14px}@media(max-width:760px){.report-preview-grid{grid-template-columns:1fr;gap:24px}.report-insight{padding:22px}.report-insight h3{font-size:23px}}@media print{#report-preview{display:none!important}}
.dark-front #report-preview{background:radial-gradient(ellipse at 80% 50%,#312e8133,transparent 70%),#080e1c;border:1px solid #263149;border-radius:20px;padding:32px;scroll-margin-top:100px}
.parallel-report-chart{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:28px}.parallel-metric{min-width:0}.parallel-metric h4{font-size:14px;min-height:46px;margin:0}.parallel-metric .report-cost{font-size:13px;margin-block:18px}.parallel-metric .offer-0 i{background:#a59aff}.parallel-metric .offer-1 i{background:#55dcc0}.parallel-scale{display:flex;justify-content:space-between;color:#a6b1c4;font-size:11px}.dark-front .parallel-note{font-size:12px;line-height:1.7;margin-top:20px}.dark-front .report-preview-grid{grid-template-columns:1fr 1.2fr;gap:28px}@media(max-width:900px){.dark-front .report-preview-grid{grid-template-columns:1fr}}@media(max-width:480px){.parallel-report-chart{grid-template-columns:1fr}.parallel-metric h4{min-height:0}}
.parallel-metric .report-cost>div,.parallel-metric .report-cost strong{direction:ltr}
