:root{--color-primary:#004d5b;--color-secondary:#73fcd7;--color-success:#00b259;--color-danger:#f5434a;--color-bg-main:#f8f8f8;--color-surface:#fff;--color-text:#182024;--color-text-muted:#657278;--color-border:#e1e5e7;--color-focus:#007f92;--color-on-primary:#fff;--space-1:4px;--space-2:8px;--space-4:16px;--space-6:24px;--space-8:32px;color:var(--color-text);background:var(--color-bg-main);font-family:PingARLT,IBM Plex Sans Arabic,system-ui,sans-serif;font-size:14px;line-height:1.5}[data-theme=dark]{--color-primary:#baefe3;--color-secondary:#baefe3;--color-success:#00b259;--color-danger:#f5434a;--color-bg-main:#1d1e20;--color-surface:#25272a;--color-text:#f2f5f4;--color-text-muted:#b3bdba;--color-border:#3b3f42;--color-focus:#73fcd7;--color-on-primary:#14201d}*{box-sizing:border-box}body{background:var(--color-bg-main);min-width:0;color:var(--color-text);margin:0}button,input,select,textarea{font:inherit}button,select{color:inherit}:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}.app-page{min-height:100vh;padding:var(--space-6);background:var(--color-bg-main)}.app-content{width:100%;max-width:960px;margin-inline:auto}.content-tabs{gap:var(--space-1);border-block-end:1px solid var(--color-border);margin-block-end:var(--space-4);display:flex;overflow-x:auto}.content-tab{color:var(--color-text-muted);border:0;cursor:pointer;background:0 0;border-block-end:2px solid #0000;flex:none;padding:10px 12px}.content-tab:hover{color:var(--color-text)}.content-tab--active{color:var(--color-primary);border-block-end-color:var(--color-primary);font-weight:600}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;overflow:hidden}.card-header{padding:var(--space-4) var(--space-6);border-block-end:1px solid var(--color-border)}.card-title{margin:0;font-size:16px;font-weight:600}.card-description{margin:var(--space-1) 0 0;color:var(--color-text-muted);font-size:13px}.card-body{padding:var(--space-6)}.form-stack,.results-stack{gap:var(--space-6);display:grid}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.drop-zone{place-content:center;justify-items:center;gap:var(--space-2);width:100%;min-height:190px;padding:var(--space-6);color:var(--color-text);background:color-mix(in srgb, var(--color-secondary) 8%, var(--color-surface));border:1px dashed var(--color-primary);cursor:pointer;border-radius:8px;display:grid}.drop-zone:hover,.drop-zone--active{background:color-mix(in srgb, var(--color-secondary) 18%, var(--color-surface))}.drop-zone__icon{width:48px;height:48px;color:var(--color-primary);background:color-mix(in srgb, var(--color-secondary) 24%, transparent);border-radius:8px;place-items:center;font-size:20px;display:grid}.drop-zone span:last-child,.selection-summary span,.action-hint{color:var(--color-text-muted);font-size:13px}.controls-row{align-items:end;gap:var(--space-4);flex-wrap:wrap;display:flex}.field,.selection-summary{gap:var(--space-1);display:grid}.field{min-width:210px}.field>span{font-size:13px;font-weight:600}select{background:var(--color-surface);border:1px solid var(--color-border);border-radius:6px;min-height:40px;padding-inline:12px 36px}.selection-summary{flex:1;min-width:180px}.btn{justify-content:center;align-items:center;gap:var(--space-2);min-height:40px;padding:var(--space-2) var(--space-4);cursor:pointer;border:1px solid #0000;border-radius:6px;font-weight:500;text-decoration:none;display:inline-flex}.btn-primary{color:var(--color-on-primary);background:var(--color-primary)}.btn-secondary{color:var(--color-text);background:var(--color-surface);border-color:var(--color-border)}.btn:disabled{opacity:.5;cursor:not-allowed}.action-hint{margin:calc(var(--space-2) * -1) 0 0}.alert{padding:var(--space-4);border-inline-start:3px solid;border-radius:6px}.alert-danger{color:var(--color-danger);background:color-mix(in srgb, var(--color-danger) 8%, var(--color-surface));border-color:var(--color-danger)}.metrics-grid{gap:var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.metric-card{gap:var(--space-2);padding:var(--space-4) var(--space-6);background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;display:grid}.metric-card span{color:var(--color-text-muted);font-size:13px}.metric-card strong{color:var(--color-primary);font-size:20px}.results-header{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.download-actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.table-scroll{width:100%;overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{padding:12px var(--space-4);text-align:start;border-block-end:1px solid var(--color-border);white-space:nowrap}th{color:var(--color-text-muted);background:color-mix(in srgb, var(--color-bg-main) 70%, var(--color-surface));font-size:11px;font-weight:600}tbody tr:last-child td{border-block-end:0}.file-name{text-overflow:ellipsis;max-width:300px;overflow:hidden}.badge{padding:var(--space-1) var(--space-2);border-radius:6px;font-size:11px;font-weight:600;display:inline-flex}.badge--optimized{color:var(--color-success);background:color-mix(in srgb, var(--color-success) 10%, transparent)}.badge--skipped{color:var(--color-text-muted);background:color-mix(in srgb, var(--color-text-muted) 12%, transparent)}.badge--failed{color:var(--color-danger);background:color-mix(in srgb, var(--color-danger) 10%, transparent)}.empty-state{justify-items:center;gap:var(--space-2);text-align:center;align-content:center;min-height:260px;display:grid}.empty-state--compact{min-height:190px}.scan-button{width:max-content}.empty-state__mark{width:56px;height:56px;color:var(--color-primary);background:color-mix(in srgb, var(--color-secondary) 25%, transparent);border-radius:8px;place-items:center;font-size:20px;font-weight:600;display:grid}.empty-state h2,.empty-state p{margin:0}.empty-state h2{font-size:16px}.empty-state p{max-width:52ch;color:var(--color-text-muted);font-size:13px}@media (width<=640px){.app-page,.card-header,.card-body{padding:var(--space-4)}.controls-row,.results-header{flex-direction:column;align-items:stretch}.field,.selection-summary,.download-actions .btn{width:100%}.metrics-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.marketing-shell,.standalone-app{--marketing-deep:#053f49;--marketing-ink:#102f35;--marketing-mint:#79f2d2;--marketing-soft:#e7fbf5;--marketing-warm:#f6f3ec;background:var(--color-surface);min-height:100vh}[data-theme=dark] .marketing-shell,[data-theme=dark] .standalone-app{--marketing-deep:#baf2e4;--marketing-ink:#edf8f5;--marketing-soft:#173b39;--marketing-warm:#242523}.site-header{z-index:20;background:color-mix(in srgb, var(--color-surface) 90%, transparent);border-block-end:1px solid color-mix(in srgb, var(--color-border) 72%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;min-height:76px;padding-inline:clamp(20px,5vw,72px);display:grid;position:sticky;inset-block-start:0}.site-header--compact{grid-template-columns:1fr auto}.brand{width:max-content;color:var(--marketing-deep);cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;padding:0;display:inline-flex}.brand strong{letter-spacing:-.04em;font-size:21px}.brand-mark{color:#053f49;background:var(--marketing-mint);border-radius:11px 11px 4px;place-items:center;width:36px;height:36px;font-size:20px;font-weight:800;display:inline-grid}.site-header nav{gap:28px;display:flex}.site-header nav a{color:var(--color-text-muted);font-weight:600;text-decoration:none}.site-header nav a:hover{color:var(--marketing-deep)}.header-actions{justify-content:flex-end;align-items:center;gap:8px;display:flex}.icon-btn,.language-btn,.login-btn{min-height:38px;color:var(--color-text);cursor:pointer;background:0 0;border:0;border-radius:8px;padding-inline:10px;font-weight:600}.icon-btn{border:1px solid var(--color-border);width:38px;padding:0;font-size:17px}.language-btn{color:var(--marketing-deep)}.login-btn:hover,.language-btn:hover{background:var(--marketing-soft)}.marketing-section{padding-inline:clamp(20px,7vw,104px)}.hero{background:radial-gradient(circle at 82% 35%, color-mix(in srgb, var(--marketing-mint) 20%, transparent), transparent 27%), linear-gradient(145deg, var(--color-surface), color-mix(in srgb, var(--marketing-warm) 75%, var(--color-surface)));grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);align-items:center;gap:clamp(48px,7vw,112px);min-height:680px;display:grid;overflow:hidden}.hero__copy{padding-block:90px}.eyebrow{color:var(--marketing-deep);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:8px;font-size:12px;font-weight:800;display:inline-flex}.status-dot{background:#00b259;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 5px #00b25926}.hero h1{max-width:690px;color:var(--marketing-ink);letter-spacing:-.055em;margin:22px 0 20px;font-size:clamp(44px,6.2vw,82px);line-height:1.04}.hero__copy>p{max-width:650px;color:var(--color-text-muted);margin:0;font-size:clamp(17px,1.5vw,21px);line-height:1.85}.hero__actions{flex-wrap:wrap;gap:12px;margin-block:32px 28px;display:flex}.marketing-btn{cursor:pointer;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:12px;min-height:48px;padding:11px 20px;font-weight:800;text-decoration:none;transition:transform .18s,box-shadow .18s,background .18s;display:inline-flex}.marketing-btn:hover:not(:disabled){transform:translateY(-2px)}.marketing-btn--primary{color:#fff;background:#053f49;box-shadow:0 12px 28px #053f492e}.marketing-btn--ghost{color:var(--color-text);background:var(--color-surface);border-color:var(--color-border)}.marketing-btn--light{color:#053f49;background:var(--marketing-mint)}.marketing-btn--wide{width:100%}.marketing-btn:disabled{opacity:.48;cursor:not-allowed;box-shadow:none}.trust-list{color:var(--color-text-muted);flex-wrap:wrap;gap:18px;margin:0;padding:0;font-size:12px;list-style:none;display:flex}.optimizer-preview{background:color-mix(in srgb, var(--color-surface) 93%, transparent);border:1px solid color-mix(in srgb, var(--color-border) 65%, transparent);border-radius:24px;padding:14px;position:relative;transform:rotate(-1.5deg);box-shadow:0 32px 90px #053f4929}.preview-top{color:var(--color-text-muted);justify-content:space-between;align-items:center;padding:10px 10px 18px;font-size:12px;font-weight:700;display:flex}.preview-live{color:#00a657;align-items:center;gap:5px;font-size:10px;display:flex}.preview-live i{background:#00b259;border-radius:50%;width:6px;height:6px}.preview-image{background:linear-gradient(145deg,#e7fbf5,#f8f1e5);border-radius:16px;place-items:center;min-height:310px;display:grid;position:relative;overflow:hidden}.preview-image:before{content:"";background:radial-gradient(circle,#79f2d27a,#0000 67%);width:260px;height:260px;position:absolute}.preview-product{z-index:1;color:#063f49;background:linear-gradient(100deg,#fff,#e5eeeb 48%,#fff);border-radius:20px 20px 30px 30px;flex-direction:column;justify-content:center;align-items:center;width:116px;height:218px;display:flex;transform:rotate(6deg);box-shadow:16px 20px 30px #053f492e}.preview-product>span{background:#053f49;border-radius:9px 9px 4px 4px;width:54px;height:42px;position:absolute;inset-block-start:-25px}.preview-product strong{letter-spacing:.16em;writing-mode:vertical-rl;font-size:25px}.preview-product small{margin-block-start:12px;font-size:9px}.preview-spark{color:#00a87c;font-size:28px;position:absolute}.preview-spark--one{inset-block-start:20%;inset-inline-start:20%}.preview-spark--two{font-size:18px;inset-block-end:17%;inset-inline-end:18%}.preview-stats{grid-template-columns:repeat(3,1fr);gap:6px;padding-block-start:12px;display:grid}.preview-stats>div{background:var(--color-bg-main);border-radius:10px;gap:4px;padding:13px;display:grid}.preview-stats span{color:var(--color-text-muted);font-size:10px}.preview-stats strong{font-size:15px}.preview-stats .preview-saving{color:#006d47;background:color-mix(in srgb, #73fcd7 28%, var(--color-surface))}.preview-progress{background:var(--color-border);border-radius:99px;height:4px;margin-block-start:12px;overflow:hidden}.preview-progress span{background:#00b77b;width:66%;height:100%;display:block}.feature-section,.steps-section,.faq-section{padding-block:110px}.section-heading{text-align:center;max-width:710px;margin-block-end:48px;margin-inline:auto}.section-heading--start{text-align:start;margin-inline:0}.section-heading h2,.safety-section h2,.final-cta h2{color:var(--marketing-ink);letter-spacing:-.035em;margin:14px 0 12px;font-size:clamp(30px,4vw,50px);line-height:1.2}.section-heading p,.feature-card p,.step-card p,.safety-section p,.final-cta p{color:var(--color-text-muted);font-size:16px;line-height:1.8}.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.feature-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:16px;min-height:260px;padding:30px;transition:transform .2s,box-shadow .2s}.feature-card:hover{box-shadow:0 22px 55px color-mix(in srgb, var(--marketing-deep) 10%, transparent);transform:translateY(-5px)}.feature-icon{color:#053f49;background:var(--marketing-mint);border-radius:14px;place-items:center;width:52px;height:52px;font-size:22px;font-weight:900;display:grid}.feature-card h3,.step-card h3{color:var(--marketing-ink);margin:30px 0 8px;font-size:20px}.feature-card p,.step-card p{margin:0;font-size:14px}.steps-section{background:var(--marketing-warm)}.steps-grid{grid-template-columns:repeat(3,1fr);gap:0;display:grid}.step-card{border-block-start:1px solid var(--color-border);padding:26px 28px;position:relative}.step-card:not(:last-child):after{content:"";background:var(--marketing-mint);border-radius:50%;width:8px;height:8px;position:absolute;inset-block-start:-4px;inset-inline-end:0}.step-card>span{color:var(--marketing-deep);font-family:ui-monospace,monospace;font-weight:800}.safety-section{color:#fff;background:#053f49;border-radius:28px;grid-template-columns:.8fr 1.2fr;align-items:center;gap:70px;margin:90px clamp(20px,7vw,104px);padding:clamp(44px,7vw,90px);display:grid}.safety-section h2{color:#fff}.safety-section p{color:#bed1d4}.safety-section .eyebrow{color:var(--marketing-mint)}.safety-visual{place-items:center;min-height:270px;display:grid;position:relative}.shield{z-index:2;color:#053f49;background:var(--marketing-mint);clip-path:polygon(50% 0,92% 16%,85% 72%,50% 100%,15% 72%,8% 16%);place-items:center;width:112px;height:132px;font-size:42px;font-weight:900;display:grid}.safety-orbit{border:1px solid #79f2d247;border-radius:50%;position:absolute}.safety-orbit--one{width:220px;height:220px}.safety-orbit--two{width:290px;height:290px}.faq-list{border-block-start:1px solid var(--color-border);max-width:830px;margin-inline:auto}.faq-list details{border-block-end:1px solid var(--color-border)}.faq-list summary{color:var(--marketing-ink);cursor:pointer;justify-content:space-between;align-items:center;padding-block:22px;font-size:17px;font-weight:700;list-style:none;display:flex}.faq-list summary span{font-size:24px;font-weight:400}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{color:var(--color-text-muted);margin:-8px 0 24px;line-height:1.8}.final-cta{color:#fff;background:#053f49;border-radius:24px;justify-content:space-between;align-items:center;gap:30px;margin:0 clamp(20px,7vw,104px) 80px;padding-block:54px;display:flex}.final-cta h2{color:#fff}.final-cta p{color:#bed1d4;margin:0}.site-footer{color:var(--color-text-muted);border-block-start:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:20px;padding:28px clamp(20px,5vw,72px);font-size:12px;display:flex}.site-footer strong{color:var(--marketing-deep);align-items:center;gap:9px;font-size:17px;display:flex}.site-footer .brand-mark{border-radius:8px 8px 3px;width:28px;height:28px;font-size:15px}.login-page{background:radial-gradient(circle at 50% 10%, color-mix(in srgb, var(--marketing-mint) 20%, transparent), transparent 34%), var(--marketing-warm);place-items:center;min-height:calc(100vh - 76px);padding:40px 20px;display:grid}.login-card{background:var(--color-surface);border:1px solid var(--color-border);width:min(100%,470px);box-shadow:0 28px 80px color-mix(in srgb, var(--marketing-deep) 14%, transparent);text-align:center;border-radius:22px;padding:clamp(28px,5vw,48px)}.login-mark{color:#053f49;background:var(--marketing-mint);border-radius:18px 18px 6px;place-items:center;width:62px;height:62px;margin:14px auto 22px;font-size:30px;font-weight:900;display:grid}.login-card h1{color:var(--marketing-ink);margin:14px 0 12px;font-size:30px;line-height:1.3}.login-card>p{color:var(--color-text-muted);margin:0 0 26px;line-height:1.8}.login-card .marketing-btn+.marketing-btn{margin-block-start:10px}.login-card small{color:var(--color-text-muted);margin-block-start:22px;line-height:1.7;display:block}.text-link{color:var(--color-text-muted);cursor:pointer;background:0 0;border:0;margin-inline-end:auto;padding:0;display:block}.salla-dot{background:var(--marketing-mint);border:5px solid #fff;border-radius:50%;width:19px;height:19px}.standalone-app .app-page{padding-block:52px}@media (width<=980px){.site-header{grid-template-columns:1fr auto}.site-header nav{display:none}.hero{grid-template-columns:1fr;padding-block-end:80px}.hero__copy{padding-block-end:0}.optimizer-preview{width:min(100%,650px);margin-inline:auto}.feature-grid{grid-template-columns:1fr}.feature-card{min-height:auto}.safety-section{grid-template-columns:1fr}}@media (width<=680px){.site-header{min-height:66px;padding-inline:16px}.brand strong,.header-cta,.login-btn{display:none}.brand-mark{width:32px;height:32px}.hero{grid-template-columns:minmax(0,1fr);gap:20px;min-height:0}.hero__copy{padding-block:65px 20px}.hero h1{font-size:45px}.hero__actions .marketing-btn{width:100%}.preview-image{min-height:250px}.preview-stats,.steps-grid{grid-template-columns:1fr}.step-card:not(:last-child):after{inset-block:auto -4px;inset-inline:0 auto}.safety-section{gap:26px;margin-block:50px;margin-inline:16px;padding:34px 22px}.safety-visual{min-height:220px;transform:scale(.78)}.final-cta{flex-direction:column;align-items:stretch;margin-inline:16px;padding-inline:24px}.site-footer{flex-direction:column;align-items:flex-start}.site-footer p{margin:0}}