.roi-page{--roi-primary: #6517ab;--roi-primary-dark: #5012a0;--roi-primary-light: #8a4bcc;--roi-primary-ghost: rgba(101, 23, 171, .08);--roi-primary-edge: rgba(101, 23, 171, .18);--roi-accent: #4ecdc4;--roi-success: #16a34a;--roi-surface: #ffffff;--roi-bg: #f9fafb;--roi-text: #111827;--roi-text-muted: #6b7280;--roi-text-dim: #9ca3af;--roi-border: #e5e7eb;--roi-border-strong: #d1d5db;--roi-radius-sm: 10px;--roi-radius: 16px;--roi-radius-lg: 24px;--roi-radius-full: 999px;--roi-shadow-sm: 0 1px 3px rgba(0, 0, 0, .06);--roi-shadow: 0 4px 16px rgba(0, 0, 0, .08);--roi-shadow-brand: 0 8px 24px rgba(101, 23, 171, .3);--roi-gradient: linear-gradient(135deg, #6517ab 0%, #8a4bcc 50%, #4ecdc4 100%);--roi-transition: .22s cubic-bezier(.4, 0, .2, 1);background:var(--roi-surface);color:var(--roi-text);font-family:Tajawal,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.7;-webkit-font-smoothing:antialiased;min-height:100vh;overflow-x:hidden}.roi-page *{box-sizing:border-box}.roi-container{max-width:1200px;margin:0 auto;padding:0 24px;width:100%}@media(max-width:600px){.roi-container{padding:0 18px}}.roi-page .roi-stripe{background:linear-gradient(135deg,var(--roi-primary-dark) 0%,var(--roi-primary) 50%,var(--roi-primary-light) 100%);color:#fff;padding:12px 24px;text-align:center;font-size:.875rem;font-weight:600}.roi-page .roi-stripe__dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--roi-accent);box-shadow:0 0 0 3px #4ecdc44d;margin-inline-end:8px;vertical-align:middle}.roi-page .roi-hero{padding:56px 0 40px;background:var(--roi-surface);position:relative;overflow:hidden}.roi-page .roi-breadcrumb{margin-bottom:24px;font-size:.8125rem;color:var(--roi-text-muted)}.roi-page .roi-breadcrumb ol{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:8px}.roi-page .roi-breadcrumb li{display:inline-flex;align-items:center;gap:8px}.roi-page .roi-breadcrumb li:not(:last-child):after{content:"/";color:var(--roi-text-dim)}.roi-page .roi-breadcrumb a{color:var(--roi-primary);text-decoration:none;transition:color var(--roi-transition)}.roi-page .roi-breadcrumb a:hover{color:var(--roi-primary-dark)}.roi-page .roi-breadcrumb [aria-current=page]{color:var(--roi-text);font-weight:600}.roi-page .roi-badge{display:inline-flex;align-items:center;gap:6px;background:var(--roi-primary-ghost);color:var(--roi-primary);border:1px solid var(--roi-primary-edge);border-radius:var(--roi-radius-full);padding:6px 14px;font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;margin-bottom:16px}.roi-page .roi-hero__title{font-family:Tajawal,sans-serif;font-weight:800;font-size:clamp(2rem,4.5vw,3.5rem);line-height:1.2;letter-spacing:-.02em;margin:0 0 20px;max-width:24ch;color:var(--roi-text)}.roi-page.rtl-layout .roi-hero__title{line-height:1.35;max-width:26ch}.roi-page .roi-gradient{background:var(--roi-gradient);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}.roi-page .roi-hero__lead{font-size:clamp(1rem,1.4vw,1.125rem);color:var(--roi-text-muted);max-width:64ch;line-height:1.85;margin:0}.roi-page .roi-section{background:var(--roi-surface);padding:64px 0}.roi-page .roi-section--alt{background:var(--roi-bg)}.roi-page .roi-section__head{margin-bottom:40px;max-width:720px}.roi-page .roi-section__head--center{text-align:center;margin-inline:auto}.roi-page .roi-section__title{font-family:Tajawal,sans-serif;font-weight:800;font-size:clamp(1.5rem,3vw,2.25rem);line-height:1.25;margin:0 0 14px;color:var(--roi-text)}.roi-page.rtl-layout .roi-section__title{line-height:1.4}.roi-page .roi-section__lead{font-size:1.0625rem;color:var(--roi-text-muted);max-width:60ch;line-height:1.85;margin:0}.roi-page .roi-section__head--center .roi-section__lead{margin-inline:auto}.roi-page .roi-calc{display:grid;grid-template-columns:1fr 1fr;gap:24px;background:var(--roi-bg);padding:32px;border-radius:var(--roi-radius-lg);border:1px solid var(--roi-border)}@media(max-width:920px){.roi-page .roi-calc{grid-template-columns:1fr;padding:22px}}.roi-page .roi-calc__inputs{background:var(--roi-surface);padding:28px;border-radius:var(--roi-radius);border:1px solid var(--roi-border);display:grid;gap:22px;align-self:start}.roi-page .roi-calc__title{font-family:Tajawal,sans-serif;font-size:1.25rem;font-weight:700;margin:0 0 4px;color:var(--roi-text)}.roi-page .roi-field{display:grid;gap:6px}.roi-page .roi-field__label{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:.875rem;font-weight:600;color:var(--roi-text)}.roi-page .roi-field__out{font-family:Tajawal,sans-serif;font-weight:700;font-size:1rem;color:var(--roi-primary);background:var(--roi-primary-ghost);padding:4px 12px;border-radius:var(--roi-radius-full);min-width:60px;text-align:center}.roi-page .roi-field__range{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:6px;background:var(--roi-border);border-radius:var(--roi-radius-full);outline:none;cursor:pointer;transition:background var(--roi-transition)}.roi-page .roi-field__range:hover{background:var(--roi-border-strong)}.roi-page .roi-field__range::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:22px;height:22px;background:var(--roi-gradient);border-radius:50%;cursor:pointer;border:3px solid #fff;box-shadow:0 2px 8px #6517ab52;transition:transform var(--roi-transition)}.roi-page .roi-field__range::-webkit-slider-thumb:hover{transform:scale(1.15)}.roi-page .roi-field__range::-moz-range-thumb{width:22px;height:22px;background:var(--roi-primary);border-radius:50%;cursor:pointer;border:3px solid #fff;box-shadow:0 2px 8px #6517ab52}.roi-page .roi-field__hint{font-size:.75rem;color:var(--roi-text-muted);line-height:1.55}.roi-page .roi-calc__results{background:var(--roi-surface);padding:28px;border-radius:var(--roi-radius);border:1px solid var(--roi-border);box-shadow:var(--roi-shadow);position:relative;overflow:hidden;align-self:start}.roi-page .roi-calc__results:before{content:"";position:absolute;top:0;inset-inline:0;height:4px;background:var(--roi-gradient)}.roi-page .roi-calc__result-header{text-align:center;padding-bottom:22px;border-bottom:1px solid var(--roi-border);margin-bottom:22px}.roi-page .roi-calc__result-eyebrow{font-size:.75rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--roi-text-muted);margin:0 0 8px}.roi-page .roi-calc__result-headline{margin:0;font-family:Tajawal,sans-serif;font-size:clamp(2rem,5vw,3rem);font-weight:800;line-height:1;letter-spacing:-.02em;color:var(--roi-text)}.roi-page .roi-calc__result-headline #roi-total{background:var(--roi-gradient);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}.roi-page .roi-calc__result-currency{display:block;font-size:.875rem;font-weight:600;color:var(--roi-text-muted);letter-spacing:0;margin-top:6px}.roi-page .roi-breakdown{list-style:none;padding:0;margin:0 0 22px;display:grid;gap:12px}.roi-page .roi-breakdown__row{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;column-gap:16px;padding:12px 16px;background:var(--roi-bg);border-radius:var(--roi-radius-sm);border:1px solid var(--roi-border)}.roi-page .roi-breakdown__label{font-size:.875rem;font-weight:600;color:var(--roi-text);display:inline-flex;align-items:center;gap:8px}.roi-page .roi-breakdown__icon{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:6px;background:var(--roi-primary-ghost);color:var(--roi-primary);font-size:.8125rem}.roi-page .roi-breakdown__value{font-family:Tajawal,sans-serif;font-weight:700;font-size:1.0625rem;color:var(--roi-text)}.roi-page .roi-breakdown__hint{grid-column:1 / -1;font-size:.75rem;color:var(--roi-text-dim);margin-top:2px}.roi-page .roi-calc__payback{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;background:linear-gradient(135deg,#6517ab14,#4ecdc414);border:1px solid var(--roi-primary-edge);border-radius:var(--roi-radius-sm);margin-bottom:20px}.roi-page .roi-calc__payback-label{font-size:.8125rem;font-weight:600;color:var(--roi-text)}.roi-page .roi-calc__payback-value{font-family:Tajawal,sans-serif;font-size:1.125rem;font-weight:800;color:var(--roi-primary)}.roi-page .roi-calc__actions{display:grid;gap:10px;margin-bottom:16px}.roi-page .roi-calc__disclaimer{font-size:.75rem;color:var(--roi-text-dim);line-height:1.6;margin:0}.roi-page .roi-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 28px;border-radius:var(--roi-radius-full);font-family:Tajawal,sans-serif;font-size:.9375rem;font-weight:600;line-height:1;text-decoration:none;cursor:pointer;border:1px solid transparent;transition:transform var(--roi-transition),box-shadow var(--roi-transition),background var(--roi-transition),color var(--roi-transition),border-color var(--roi-transition);width:100%;white-space:nowrap}.roi-page .roi-btn--primary{background:var(--roi-gradient);background-size:200% 200%;background-position:0% 50%;color:#fff;box-shadow:var(--roi-shadow-brand)}.roi-page .roi-btn--primary:hover{transform:translateY(-2px);background-position:100% 50%;box-shadow:0 14px 36px #6517ab66}.roi-page .roi-btn--ghost{background:var(--roi-surface);color:var(--roi-primary);border-color:var(--roi-border-strong)}.roi-page .roi-btn--ghost:hover{background:var(--roi-primary-ghost);border-color:var(--roi-primary);color:var(--roi-primary-dark)}.roi-page .roi-method{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.roi-page .roi-method__card{background:var(--roi-surface);border:1px solid var(--roi-border);border-radius:var(--roi-radius);padding:28px;box-shadow:var(--roi-shadow-sm);transition:transform var(--roi-transition),box-shadow var(--roi-transition),border-color var(--roi-transition)}.roi-page .roi-method__card:hover{transform:translateY(-3px);box-shadow:var(--roi-shadow);border-color:var(--roi-primary-edge)}.roi-page .roi-method__num{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;background:var(--roi-gradient);color:#fff;font-weight:800;font-size:1rem;margin-bottom:16px}.roi-page .roi-method__card h3{font-family:Tajawal,sans-serif;font-size:1.125rem;font-weight:700;color:var(--roi-text);margin:0 0 12px}.roi-page .roi-method__formula{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.875rem;line-height:1.6;background:var(--roi-bg);border:1px solid var(--roi-border);border-radius:var(--roi-radius-sm);padding:10px 14px;margin:0 0 14px;color:var(--roi-text-muted)}.roi-page .roi-method__var{color:var(--roi-text);font-weight:600}.roi-page .roi-method__var--accent{color:var(--roi-primary);font-weight:700}.roi-page .roi-method__card p{margin:0;color:var(--roi-text-muted);font-size:.9375rem;line-height:1.75}.roi-page .roi-related{list-style:none;padding:0;margin:24px 0 0;display:flex;flex-wrap:wrap;gap:8px 28px}.roi-page .roi-related a{color:var(--roi-text-muted);text-decoration:none;font-size:.875rem;font-weight:500;transition:color var(--roi-transition),border-color var(--roi-transition);border-bottom:1px solid transparent;padding-bottom:2px}.roi-page .roi-related a:hover{color:var(--roi-primary);border-bottom-color:var(--roi-primary)}.roi-page :focus-visible{outline:2px solid var(--roi-primary);outline-offset:3px;border-radius:4px}@media(prefers-reduced-motion:reduce){.roi-page .roi-btn,.roi-page .roi-method__card,.roi-page .roi-field__range,.roi-page .roi-field__range::-webkit-slider-thumb{transition:none}.roi-page .roi-btn:hover,.roi-page .roi-method__card:hover{transform:none}}