:root{color:#f8fafc;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at top,#facc1538,#0000 20%),linear-gradient(135deg,#020617 0%,#0f172a 55%,#111827 100%);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}#root{min-height:100vh}.app-shell{width:min(1200px,100% - 32px);margin:0 auto;padding:20px 0 60px}.topbar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:10;background:#0f172ab8;border:1px solid #94a3b826;border-radius:18px;justify-content:space-between;align-items:center;gap:16px;padding:14px 18px;display:flex;position:sticky;top:12px}.brand-lockup{align-items:center;gap:12px;display:flex}.brand-badge{color:#111827;background:linear-gradient(135deg,#f59e0b 0%,#fb7185 100%);border-radius:12px;place-items:center;width:42px;height:42px;font-weight:800;display:grid}.brand-name{letter-spacing:.2em;font-size:1rem;font-weight:900}.brand-subtitle{color:#94a3b8;font-size:.75rem}.nav-links{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.nav-links a{color:#cbd5e1;text-decoration:none}.language-switcher{color:#cbd5e1;align-items:center;gap:8px;font-size:.9rem;display:inline-flex}.language-switcher select{color:#e2e8f0;background:#0f172ad1;border:1px solid #94a3b840;border-radius:10px;padding:8px 10px}.nav-cta{background:#f59e0b2e;border:1px solid #fbbf2466;border-radius:999px;padding:10px 14px;color:#fef3c7!important}.hero-panel{grid-template-columns:1.2fr .8fr;align-items:stretch;gap:24px;margin-top:24px;display:grid}.hero-copy,.hero-metrics,.info-card,.table-card,.kpi-card,.contact-panel,.dashboard-shell{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0f172ab8;border:1px solid #94a3b826;border-radius:24px}.hero-copy{padding:28px}.hero-copy h1{margin:10px 0 12px;font-size:clamp(2.6rem,4vw,4.4rem);line-height:1.05}.hero-copy p{color:#cbd5e1;max-width:62ch;margin:0;font-size:1.05rem}.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:#fbbf24;font-size:.78rem;display:inline-block}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:22px;display:flex}.status-banner{border-radius:12px;margin-top:16px;padding:11px 14px;font-size:.92rem}.status-banner.ok{color:#bbf7d0;background:#22c55e24;border:1px solid #4ade803d}.status-banner.warn{color:#fde68a;background:#f59e0b24;border:1px solid #fbbf243d}.button{cursor:pointer;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;padding:12px 18px;text-decoration:none;display:inline-flex}.button.primary{color:#111827;background:linear-gradient(135deg,#f59e0b,#fb7185);font-weight:700}.button.ghost{color:#e2e8f0;border-color:#94a3b84d}.hero-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:18px;display:grid}.metric-card{background:#1e293bd1;border-radius:18px;padding:16px}.metric-value{color:#fff;font-size:1.7rem;font-weight:800}.metric-label{color:#94a3b8;margin-top:4px}.section-block{margin-top:26px}.section-heading{margin-bottom:16px}.section-heading h2{margin:8px 0 0;font-size:2rem}.section-heading p{color:#cbd5e1;margin:10px 0 0}.card-grid,.two-column-grid,.proof-grid,.testimonial-grid,.screenshot-grid{gap:14px;display:grid}.card-grid,.testimonial-grid,.screenshot-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.two-column-grid,.proof-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.info-card{padding:20px}.info-card h3,.timeline-item h3,.table-card-header h3{margin:12px 0 6px}.info-card p,.timeline-item p{color:#cbd5e1}.mini-tag{color:#bae6fd;background:#38bdf829;border-radius:999px;padding:5px 10px;font-size:.78rem;display:inline-flex}.timeline{gap:12px;display:grid}.timeline-item{background:#0f172ab8;border-radius:18px;grid-template-columns:56px 1fr;align-items:start;gap:14px;padding:16px 18px;display:grid}.timeline-item span{background:linear-gradient(135deg,#f59e0b33,#fb718538);border-radius:14px;place-items:center;width:56px;height:56px;font-weight:800;display:grid}.dashboard-shell{grid-template-columns:220px 1fr;display:grid;overflow:hidden}.dashboard-sidebar{border-right:1px solid #94a3b826;flex-direction:column;gap:10px;padding:18px;display:flex}.sidebar-button{text-align:left;color:#dbeafe;cursor:pointer;background:0 0;border:0;border-radius:12px;padding:11px 12px}.sidebar-button.active{color:#fef3c7;background:#f59e0b26}.dashboard-main{gap:16px;padding:18px;display:grid}.kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.kpi-card{padding:16px}.kpi-title{color:#94a3b8;font-size:.9rem}.kpi-value{margin-top:8px;font-size:1.7rem;font-weight:800}.kpi-delta{color:#86efac;margin-top:4px}.table-card{padding:16px}.table-card-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.table-card-header span{color:#34d399}table{border-collapse:collapse;width:100%;margin-top:12px}th,td{text-align:left;border-bottom:1px solid #94a3b826;padding:12px 10px}th{color:#94a3b8;font-weight:600}.contact-panel{padding:20px}.contact-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.contact-form label{color:#cbd5e1;gap:8px;font-size:.92rem;display:grid}.contact-form textarea,.contact-form input{color:#e2e8f0;background:#0f172ad1;border:1px solid #94a3b840;border-radius:12px;width:100%;padding:12px 14px}.contact-form textarea{resize:vertical;grid-column:1/-1;min-height:140px}.full-span{grid-column:1/-1}.narrow-shell{width:min(900px,100% - 32px)}.contact-form select{color:#e2e8f0;background:#0f172ad1;border:1px solid #94a3b840;border-radius:12px;width:100%;padding:12px 14px}.stepper{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:14px;display:grid}.franchise-stepper{margin-bottom:18px}.franchise-hero .hero-copy h1{font-size:clamp(2rem,3.4vw,3.5rem)}.step-item{color:#94a3b8;text-align:center;background:#0f172ad1;border:1px solid #94a3b840;border-radius:12px;padding:10px;font-size:.86rem}.step-item.active{color:#fef3c7;background:#f59e0b29;border-color:#fbbf2473}.quick-link{color:#f8fafc;text-decoration:none}.quick-link h3{margin:0}.course-meta{color:#fbbf24;margin-top:12px;font-size:.92rem}.testimonial-stars{color:#fbbf24;letter-spacing:.1em;font-size:.9rem}.testimonial-author{color:#fff;margin-top:12px;font-weight:700}.testimonial-role{color:#94a3b8;font-size:.9rem}.image-card{overflow:hidden}.image-card img{aspect-ratio:16/10;object-fit:cover;border-radius:18px;width:100%;display:block}.faq-list{gap:12px;display:grid}.faq-item{background:#0f172ab8;border:1px solid #94a3b826;border-radius:18px;padding:16px 18px}.faq-item summary{cursor:pointer;color:#f8fafc;font-weight:700}.faq-item p{color:#cbd5e1;margin:12px 0 0}.cta-banner{background:linear-gradient(135deg,#2563eb38,#0f172af0);border:1px solid #94a3b826;border-radius:24px;padding:28px}.cta-banner h2{margin:10px 0 8px}.cta-banner p{color:#cbd5e1}[dir=rtl] .brand-lockup,[dir=rtl] .hero-actions,[dir=rtl] .table-card-header{flex-direction:row-reverse}[dir=rtl] .nav-links{justify-content:flex-start}[dir=rtl] .sidebar-button,[dir=rtl] th,[dir=rtl] td,[dir=rtl] .section-heading,[dir=rtl] .hero-copy,[dir=rtl] .contact-form label{text-align:right}[dir=rtl] .dashboard-sidebar{border-left:1px solid #94a3b826;border-right:0}[dir=rtl] .timeline-item{grid-template-columns:1fr 56px}[dir=rtl] .timeline-item span{order:2}[dir=rtl] .timeline-item div{order:1}@media (width<=900px){.hero-panel,.dashboard-shell,.card-grid,.proof-grid,.testimonial-grid,.screenshot-grid,.two-column-grid,.kpi-grid,.contact-form{grid-template-columns:1fr}.dashboard-sidebar{border-bottom:1px solid #94a3b826;border-left:0;border-right:0}}@media (width<=640px){.app-shell{width:min(100%,100% - 18px)}.topbar{flex-direction:column;align-items:stretch}.nav-links{justify-content:space-between}.hero-copy,.hero-metrics,.info-card,.table-card,.kpi-card,.contact-panel{border-radius:18px}}.pages-manager{flex-direction:column;gap:20px;padding:20px 0;display:flex}.pages-toolbar{background:#1e293b80;border:1px solid #94a3b81a;border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:16px;display:flex}.pages-selectors{align-items:flex-end;gap:16px;display:flex}.selector-group{flex-direction:column;gap:6px;display:flex}.selector-group label{text-transform:uppercase;color:#94a3b8;font-size:12px;font-weight:600}.selector-group select{color:#f8fafc;background:#0f172a99;border:1px solid #94a3b833;border-radius:6px;min-width:140px;padding:8px 12px;font-size:14px}.selector-group select:disabled{opacity:.5;cursor:not-allowed}.pages-actions{flex-wrap:wrap;gap:10px;display:flex}.pages-content{flex-direction:column;gap:16px;display:flex}.pages-editor,.pages-preview{background:#0f172a66;border:1px solid #94a3b81a;border-radius:8px;padding:20px}.pages-editor h3,.pages-preview h3{color:#f8fafc;align-items:center;gap:10px;margin-top:0;font-size:18px;display:flex}.json-editor{color:#e2e8f0;resize:vertical;background:#020617cc;border:1px solid #94a3b826;border-radius:6px;width:100%;padding:12px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:13px;line-height:1.5}.json-editor:disabled{opacity:.6;cursor:not-allowed}.json-preview{color:#e2e8f0;background:#020617e6;border:1px solid #94a3b826;border-radius:6px;max-height:500px;margin:0;padding:16px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:12px;line-height:1.6;overflow:auto}.editor-hint{color:#94a3b8;margin-top:12px;font-size:12px;font-style:italic}.empty-state{text-align:center;padding:40px 20px}.empty-state p{color:#94a3b8;margin-bottom:16px}@media (width<=768px){.pages-toolbar{flex-direction:column;align-items:stretch}.pages-selectors{flex-direction:column;width:100%}.selector-group select,.pages-actions{width:100%}.pages-actions button{flex:1;min-width:100px}}.page-loading{color:#94a3b8;justify-content:center;align-items:center;min-height:400px;font-size:16px;display:flex}.page-loading:after{content:"";border:2px solid #94a3b833;border-top-color:#faca15;border-radius:50%;width:20px;height:20px;margin-left:10px;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}