:root{--bg-page:#f5f3fb;--bg-top:#fff;--bg-accent:#efe8ff;--text-strong:#0f172a;--text-muted:#4b5563;--border-color:#0f172a14;--accent:#7f54b3;--accent-strong:#64379f;--success:#13855b;--warning:#8b6a2d;--danger:#b4233f;--shadow-soft:0 30px 60px #0f172a14, 0 10px 24px #0f172a0d;--font-body:"IBM Plex Sans Arabic", "Segoe UI", sans-serif;--font-display:"Sora", "IBM Plex Sans Arabic", sans-serif;--font-mono:"Space Grotesk", "IBM Plex Sans Arabic", sans-serif;font-family:var(--font-body);color:var(--text-muted);background:radial-gradient(circle at top left, #7f54b31f, transparent 28%), radial-gradient(circle at bottom right, #2fb67d14, transparent 22%), linear-gradient(180deg, var(--bg-top), var(--bg-page) 45%, var(--bg-accent));font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;line-height:1.55}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;direction:rtl}body{background:radial-gradient(circle at top left, #7f54b31f, transparent 28%), radial-gradient(circle at bottom right, #2fb67d14, transparent 22%), linear-gradient(180deg, var(--bg-top), var(--bg-page) 45%, var(--bg-accent));min-width:320px;min-height:100vh;margin:0}body:before{content:"";opacity:.26;pointer-events:none;background-image:linear-gradient(#ffffff47 1px,#0000 1px),linear-gradient(90deg,#ffffff47 1px,#0000 1px);background-size:34px 34px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(circle,#000,#0000 88%);mask-image:radial-gradient(circle,#000,#0000 88%)}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}#root{min-height:100vh}.app-shell{gap:24px;padding:28px;display:grid}.crawl-content{gap:24px;padding:0 28px 28px;display:grid}.surface{border:1px solid var(--border-color);box-shadow:var(--shadow-soft);background:linear-gradient(#fffffff5,#f8f6ffeb),#fffffff0;border-radius:28px;position:relative;overflow:hidden}.surface:before{content:"";pointer-events:none;background:radial-gradient(circle,#7f54b31f,#0000 70%);width:240px;height:240px;position:absolute;inset:auto auto -80px -60px}.hero-panel{grid-template-columns:1.2fr .95fr;gap:24px;padding:32px;display:grid}.eyebrow{color:var(--accent-strong);letter-spacing:.04em;background:#7f54b31a;border-radius:999px;align-items:center;gap:8px;padding:7px 14px;font-size:.82rem;font-weight:700;display:inline-flex}.hero-panel h1,.section-head h2,.cluster-card__head h3,.product-card__header h3{color:var(--text-strong);font-family:var(--font-display);letter-spacing:-.04em;margin:12px 0 0}.hero-panel h1{font-size:clamp(2.5rem,4vw,4.3rem);line-height:1.03}.hero-panel p,.section-head p,.cluster-card__head p,.metric-card small,.scenario-card__head span,.field__meta small,.mode-note p,.discover-card p,.faq-item p{color:var(--text-muted)}.hero-panel__chips{flex-wrap:wrap;gap:10px;margin-top:22px;display:flex}.hero-panel__chips span,.mode-note,.discover-card,.faq-item{background:#f6f3ffcc;border:1px solid #11182714;border-radius:18px}.hero-panel__chips span{color:var(--text-strong);padding:10px 14px;font-weight:600}.hero-panel__summary{gap:14px;display:grid}.hero-focus{color:#fff;background:linear-gradient(135deg,#0f172a,#1f2937);border-radius:24px;padding:22px}.hero-focus strong{margin:12px 0 8px;font-size:clamp(2rem,3.2vw,3rem);line-height:1;display:block}.hero-focus.is-positive{background:linear-gradient(135deg,#0f172a,#7f54b3)}.hero-focus.is-negative{background:linear-gradient(135deg,#2b0b12,#8b1e3f)}.hero-focus.is-neutral{background:linear-gradient(135deg,#293042,#5c6475)}.hero-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.hero-stats div,.cluster-card,.product-card,.metric-card,.scenario-card,.line-item,.discover-card,.faq-item,.chart-card{border:1px solid #11182714}.hero-stats div{background:#fffc;border-radius:20px;padding:18px}.hero-stats dt,.product-kpis dt,.breakdown-list dt,.scenario-card dt{color:var(--text-muted);font-size:.92rem}.hero-stats dd,.product-kpis dd,.breakdown-list dd,.scenario-card dd{color:var(--text-strong);margin:10px 0 0}.section-head{justify-content:space-between;align-items:start;gap:16px;margin-bottom:20px;display:flex}.section-head h2{font-size:1.8rem}.control-stage,.products-panel,.summary-panel,.charts-panel,.scenarios-panel,.products-summary-panel,.discover-panel{padding:26px}.control-stage__grid,.workspace{gap:22px;display:grid}.control-stage__grid{grid-template-columns:repeat(3,minmax(0,1fr))}.workspace{grid-template-columns:minmax(0,1.15fr) minmax(360px,.9fr);align-items:start}.cluster-card{background:#ffffffe0;border-radius:24px;gap:16px;padding:20px;display:grid}.cluster-card--pricing{background:linear-gradient(#f7f1fff0,#ffffffeb),#ffffffe6}.cluster-fields,.compact-rules{gap:14px;display:grid}.cluster-fields,.cluster-fields--payments{grid-template-columns:repeat(2,minmax(0,1fr))}.compact-rules{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end}.mode-note,.discover-card,.faq-item{gap:10px;padding:16px;display:grid}.field{gap:6px;display:grid}.field__meta{color:var(--text-strong);gap:4px;font-weight:700;display:grid}.field__control{align-items:center;display:flex;position:relative}.field__suffix{color:var(--text-muted);font-size:.9rem;position:absolute;left:14px}input,button{font:inherit}input{width:100%;color:var(--text-strong);background:#fff;border:1px solid #11182724;border-radius:16px;outline:none;padding:15px 16px}input:focus{border-color:#7f54b380;box-shadow:0 0 0 4px #7f54b31f}input:disabled{opacity:.5}.segmented{gap:10px;display:grid}.segmented__label,.mini-toggle__label{color:var(--text-strong);font-weight:700}.segmented__track{background:#f8f7ffe6;border:1px solid #1118271a;border-radius:18px;gap:8px;padding:7px;display:grid}.segmented__button,.primary-button,.ghost-button,.method-preview__item,.scenario-card{transition:transform .18s,box-shadow .18s,border-color .18s,background-color .18s}.segmented__button{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:14px;padding:12px 14px;font-weight:700}.segmented__button.is-active{color:#fff;background:linear-gradient(135deg,#7f54b3,#68449a);box-shadow:0 12px 24px #7f54b340}.segmented--compact .segmented__button{padding:10px 12px;font-size:.94rem}.mini-toggle{background:#fffc;border-radius:18px;justify-items:start;gap:8px;padding:14px;display:grid}.mini-toggle__button{cursor:pointer;background:#c7cedd;border:none;border-radius:999px;width:62px;height:34px;position:relative}.mini-toggle__button.is-active{background:linear-gradient(135deg,#7f54b3,#2fb67d)}.mini-toggle__knob{background:#fff;border-radius:50%;width:26px;height:26px;transition:transform .18s;position:absolute;top:4px;right:4px}.mini-toggle__button.is-active .mini-toggle__knob{transform:translate(-28px)}.mini-toggle small{color:var(--text-muted);font-weight:600}.primary-button,.ghost-button{cursor:pointer;border-radius:16px;padding:12px 16px}.primary-button{color:#fff;background:linear-gradient(135deg,#7f54b3,#68449a);border:none;font-weight:700;box-shadow:0 16px 28px #7f54b338}.ghost-button{color:var(--text-strong);background:#fff;border:1px solid #1118271a}.primary-button:hover,.ghost-button:hover,.method-preview__item:hover,.scenario-card:hover,.segmented__button:hover{transform:translateY(-1px)}.ghost-button:disabled{opacity:.45;cursor:not-allowed}.products-grid,.insights-panel,.charts-grid,.scenario-grid,.line-items,.method-preview{gap:16px;display:grid}.product-card{background:#ffffffeb;border-radius:24px;padding:20px}.product-card__header{justify-content:space-between;align-items:start;gap:16px;margin-bottom:16px;display:flex}.product-fields{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;display:grid}.product-fields--shared{grid-template-columns:repeat(4,minmax(0,1fr))}.product-card__toggles{gap:14px;margin-top:14px;display:flex}.product-kpis{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:18px;display:grid}.product-kpis div{background:#f5f7ffcc;border-radius:18px;padding:14px}.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.metric-card{background:#ffffffe0;border-radius:22px;gap:8px;padding:18px;display:grid}.metric-card strong,.hero-stats dd,.product-kpis dd,.scenario-card dd,.breakdown-list dd,.line-item__value{font-size:1.32rem;font-weight:700}.metric-card.is-positive strong,.scenario-card .is-positive,.method-preview__item .is-positive{color:var(--success)}.metric-card.is-negative strong,.scenario-card .is-negative,.method-preview__item .is-negative{color:var(--danger)}.metric-card.is-neutral strong{color:var(--warning)}.product-kpis .is-positive dd,.line-item__meta .is-positive{color:var(--success)}.product-kpis .is-negative dd,.line-item__meta .is-negative{color:var(--danger)}.product-kpis .is-neutral dd,.line-item__meta .is-neutral{color:var(--warning)}.breakdown-list{gap:10px;margin:20px 0 0;display:grid}.breakdown-list div{border-bottom:1px dashed #1118271a;justify-content:space-between;align-items:center;gap:16px;padding-bottom:12px;display:flex}.charts-grid{grid-template-columns:1fr}.chart-card{color:#7f54b3;background:#ffffffeb;border-radius:22px;padding:18px}.chart-card--methods{color:#1f9d75}.chart-card__copy h3{color:var(--text-strong);margin:0;font-size:1.1rem}.chart-card__copy p{color:var(--text-muted);margin:6px 0 0}.chart-card__plot{margin-top:14px}.chart-card__svg{width:100%;height:auto}.chart-card__grid{stroke:#11182714;stroke-width:1px}.chart-card__line{fill:none;stroke:currentColor;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.chart-card__area{opacity:1}.chart-card__dot{fill:currentColor}.chart-card__axis,.chart-card__label{fill:var(--text-muted);font-size:12px}.method-preview{grid-template-columns:repeat(2,minmax(0,1fr))}.method-preview__item,.scenario-card{text-align:right;cursor:pointer;background:#fafaffeb;border-radius:18px;width:100%;padding:14px}.method-preview__item.is-selected,.scenario-card.is-selected{border-color:#7f54b34d;box-shadow:0 16px 30px #7f54b31f}.method-preview__item strong,.scenario-card__head strong,.line-item strong{color:var(--text-strong)}.method-preview__item span,.scenario-card__head span{margin-top:8px;display:block}.scenario-card dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:14px 0 0;display:grid}.line-item{background:#ffffffe6;border-radius:20px;padding:16px}.line-item__main,.line-item__meta{justify-content:space-between;gap:16px;display:flex}.line-item__meta{color:var(--text-muted);flex-wrap:wrap;margin-top:10px;font-size:.95rem}.discover-grid,.faq-grid{gap:16px;display:grid}.discover-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.faq-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:16px}.discover-card h3,.faq-item h3{color:var(--text-strong);margin:0;font-size:1.08rem}.number-ltr{font-family:var(--font-mono);direction:ltr;unicode-bidi:isolate;display:inline-block}@media (width<=1200px){.hero-panel,.workspace,.control-stage__grid{grid-template-columns:1fr}}@media (width<=860px){.app-shell{padding:18px}.crawl-content{padding:0 18px 18px}.hero-panel,.control-stage,.products-panel,.summary-panel,.charts-panel,.scenarios-panel,.products-summary-panel,.discover-panel{padding:20px}.hero-stats,.cluster-fields,.cluster-fields--payments,.compact-rules,.product-fields,.product-kpis,.metrics-grid,.method-preview,.scenario-card dl,.discover-grid,.faq-grid{grid-template-columns:1fr}.product-card__header,.section-head,.line-item__main,.line-item__meta,.breakdown-list div{flex-direction:column;align-items:stretch}.product-card__toggles{flex-direction:column}}