:root{--bg:#f4efe5;--surface:#fffdf9;--surface-soft:#f9f4ea;--surface-strong:#f0e5d2;--text:#1c1917;--muted:#57534e;--line:#dfd1bb;--line-strong:#c8b390;--primary:#a97f3f;--primary-strong:#8f662d;--primary-soft:#f2e5d1;--accent:#6b1f2a;--success:#166534;--danger:#b42318;--shadow-soft:0 18px 44px rgba(82,59,25,0.10);--shadow-card:0 12px 28px rgba(28,25,23,0.06);--radius-lg:30px;--radius-md:22px;--radius-sm:16px;--shell:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at top right,rgba(169,127,63,0.10),transparent 28%),linear-gradient(180deg,#faf7f1 0%,var(--bg)100%);color:var(--text);font-family:"Tajawal","Cairo",Tahoma,Arial,sans-serif}a{color:inherit}img{max-width:100%;display:block}button,input,textarea{font:inherit}.shell{width:min(calc(100% - 32px),var(--shell));margin:0 auto}.matlek-main{padding:32px 0 56px}.public-header{position:sticky;top:0;z-index:60;backdrop-filter:blur(18px);background:rgba(255,252,247,0.88);border-bottom:1px solid rgba(223,209,187,0.9)}.public-header__bar{min-height:84px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none;font-weight:900;font-size:1.25rem}.brand img{width:46px;height:46px;border-radius:14px;border:1px solid rgba(201,179,144,0.55);box-shadow:0 8px 20px rgba(169,127,63,0.12)}.brand span{color:var(--primary-strong)}.desktop-nav{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.desktop-nav a,.mobile-menu__inner a{text-decoration:none;color:var(--muted);font-weight:700;padding:10px 14px;border-radius:999px;transition:0.2s ease}.desktop-nav a:hover,.desktop-nav a.is-active,.mobile-menu__inner a:hover,.mobile-menu__inner a.is-active{background:var(--primary-soft);color:var(--primary-strong)}.public-header__actions{display:flex;align-items:center;gap:10px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 18px;border-radius:999px;border:1px solid transparent;text-decoration:none;font-weight:800;cursor:pointer;transition:transform 0.18s ease,box-shadow 0.18s ease,background 0.18s ease,color 0.18s ease}.btn:hover{transform:translateY(-1px)}.btn:focus-visible,.menu-toggle:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid rgba(169,127,63,0.22);outline-offset:2px}.btn-primary{background:linear-gradient(135deg,var(--primary)0%,var(--primary-strong)100%);color:#fff;box-shadow:0 14px 30px rgba(169,127,63,0.24)}.btn-secondary{background:rgba(255,255,255,0.86);color:var(--text);border-color:var(--line)}.btn-ghost{background:transparent;color:var(--primary-strong);border-color:rgba(169,127,63,0.24)}.btn.is-disabled,.btn:disabled{opacity:0.6;cursor:not-allowed;transform:none}.menu-toggle{display:none;width:48px;height:48px;border-radius:16px;border:1px solid var(--line);background:#fff;align-items:center;justify-content:center;flex-direction:column;gap:5px;cursor:pointer}.menu-toggle span{width:20px;height:2px;border-radius:999px;background:var(--text)}.mobile-menu{display:none;border-top:1px solid rgba(223,209,187,0.9);background:rgba(255,252,247,0.98)}.mobile-menu.is-open{display:block}.mobile-menu__inner{width:min(calc(100% - 32px),var(--shell));margin:0 auto;padding:14px 0 18px;display:grid;gap:4px}.mobile-menu__divider{height:1px;background:var(--line);margin:6px 0}.public-footer{background:#fffaf3;border-top:1px solid rgba(223,209,187,0.95)}.public-footer__grid{padding:26px 0 20px;display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:20px}.public-footer h2{margin:0 0 12px;font-size:1rem}.public-footer p,.public-footer li,.public-footer a{color:var(--muted);line-height:1.9;text-decoration:none}.public-footer ul{list-style:none;margin:0;padding:0}.public-footer__bottom{text-align:center;color:var(--muted);font-size:0.92rem;padding:14px 16px 20px;border-top:1px solid rgba(223,209,187,0.8)}.page-hero{display:grid;grid-template-columns:minmax(0,1.2fr)minmax(280px,0.8fr);gap:22px;align-items:stretch;margin-bottom:28px}.page-hero--single{grid-template-columns:1fr}.hero-panel,.surface-card,.info-card,.story-card,.plan-card,.legal-card,.contact-card,.step-card,.highlight-card,.faq-card,.metric-card,.onboarding-card{background:rgba(255,253,249,0.96);border:1px solid rgba(223,209,187,0.95);border-radius:var(--radius-md);box-shadow:var(--shadow-card)}.hero-panel{padding:32px}.hero-panel--accent{background:linear-gradient(180deg,rgba(255,253,249,0.96)0%,rgba(250,243,229,0.96)100%)}.kicker,.section-kicker{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:var(--primary-soft);color:var(--primary-strong);font-size:0.9rem;font-weight:800}.hero-title,.page-title,.legal-title,.contact-title,.onboarding-title{margin:16px 0 12px;line-height:1.15;font-size:clamp(2.2rem,4vw,4rem)}.hero-copy,.page-lead,.legal-intro,.contact-lead,.onboarding-lead{margin:0;color:var(--muted);font-size:1.08rem;line-height:1.9}.hero-actions,.final-actions,.contact-actions,.thank-you-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}.metrics-grid,.highlights-grid,.story-grid,.steps-grid,.faq-grid,.legal-grid,.contact-grid,.onboarding-grid,.plan-grid{display:grid;gap:18px}.metrics-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:24px}.metric-card{padding:18px}.metric-card strong{display:block;font-size:1.25rem;margin-bottom:8px}.metric-card span{color:var(--muted);line-height:1.7}.hero-visual{padding:26px;display:grid;gap:14px}.mock-window,.highlight-card,.story-card,.step-card,.faq-card,.plan-card,.legal-card,.contact-card,.onboarding-card,.surface-card,.info-card{padding:22px}.mock-window{background:linear-gradient(180deg,#fff 0%,#faf3e7 100%);border:1px solid var(--line);border-radius:24px;box-shadow:inset 0 1px 0 rgba(255,255,255,0.8)}.mock-window__top{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.mock-dots{display:flex;gap:6px}.mock-dots span{width:10px;height:10px;border-radius:999px;background:#dcc7a2}.mock-line{height:10px;border-radius:999px;background:#e5d7bf;margin-bottom:10px}.mock-line.wide{width:100%}.mock-line.mid{width:72%}.mock-line.short{width:48%}.mock-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}.mock-card{padding:14px;border-radius:18px;background:rgba(255,255,255,0.84);border:1px solid rgba(223,209,187,0.95)}.mock-card strong{display:block;margin-bottom:10px}.section-block{margin-bottom:22px}.section-header{margin-bottom:16px}.section-title{margin:12px 0 8px;font-size:clamp(1.6rem,2.3vw,2.4rem)}.section-title--flush{margin-top:0}.section-copy{margin:0;color:var(--muted);line-height:1.9}.highlights-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.story-grid,.steps-grid,.faq-grid,.legal-grid,.contact-grid,.onboarding-grid,.plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.highlight-card h3,.story-card h3,.step-card h3,.faq-card h3,.plan-card h3,.legal-card h3,.info-card h3,.contact-card h3,.onboarding-card h3,.surface-card h3{margin:0 0 10px;font-size:1.2rem}.highlight-card p,.story-card p,.step-card p,.faq-card p,.plan-card p,.legal-card p,.info-card p,.contact-card p,.onboarding-card p,.surface-card p,.surface-card li,.plan-card li,.legal-card li{margin:0;color:var(--muted);line-height:1.9}.story-card ul,.plan-card ul,.legal-card ul,.surface-card ul{margin:12px 0 0;padding-right:18px}.story-card--full,.legal-card--full,.plan-card--featured{grid-column:1 / -1}.step-number{width:44px;height:44px;border-radius:16px;display:inline-flex;align-items:center;justify-content:center;font-weight:900;color:#fff;background:linear-gradient(135deg,var(--primary)0%,var(--primary-strong)100%);margin-bottom:14px}.notice-band,.status-pill,.price-note,.form-note,.section-note{border-radius:999px;display:inline-flex;align-items:center;gap:8px;padding:8px 14px;font-weight:700;font-size:0.9rem}.notice-band,.price-note,.section-note{background:rgba(169,127,63,0.1);color:var(--primary-strong)}.status-pill{background:#f5f5f4;color:#57534e}.status-pill--success{background:#ecfdf3;color:var(--success)}.status-pill--error{background:#fef3f2;color:var(--danger)}.status-pill--loading{background:#fff7ed;color:#c2410c}.status-pill--idle{background:#f5f5f4;color:#57534e}.plan-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.plan-card{position:relative}.plan-card--featured{background:linear-gradient(180deg,rgba(255,253,249,0.96)0%,rgba(248,239,221,0.96)100%);border-color:var(--line-strong)}.plan-badge{display:inline-flex;margin-bottom:12px;padding:7px 12px;border-radius:999px;background:rgba(107,31,42,0.1);color:var(--accent);font-weight:800}.plan-price{display:flex;align-items:baseline;gap:8px;margin:14px 0}.plan-price strong{font-size:2.4rem;color:var(--primary-strong)}.plan-price span{color:var(--muted);font-weight:700}.plan-card ul{margin-bottom:18px}.content-shell{width:min(calc(100% - 32px),980px);margin:0 auto}.legal-shell{width:min(calc(100% - 32px),1080px);margin:0 auto}.legal-grid{grid-template-columns:1fr}.contact-grid{grid-template-columns:1.1fr 0.9fr;align-items:start}.contact-form,.onboarding-form{display:grid;gap:16px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.field{display:grid;gap:8px}.field--full{grid-column:1 / -1}label{font-weight:800;color:var(--text)}input,textarea{width:100%;border:1px solid var(--line);background:#fff;color:var(--text);border-radius:18px;padding:14px 16px;transition:border-color 0.18s ease,box-shadow 0.18s ease}input:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 4px rgba(169,127,63,0.14)}textarea{min-height:150px;resize:vertical}.form-help,.inline-help{color:var(--muted);font-size:0.92rem;line-height:1.8}.alert-box{border-radius:20px;padding:16px 18px;border:1px solid;margin-bottom:16px}.alert-box--success{background:#ecfdf3;color:var(--success);border-color:#b7ebc6}.alert-box--danger{background:#fef3f2;color:var(--danger);border-color:#f7c6c1}.errors-list{margin:0;padding-right:18px}.hp-field{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%)}.turnstile-wrap{margin-top:6px}.password-meter{display:grid;gap:8px}.password-meter-bar{height:10px;border-radius:999px;background:#ede7dc;overflow:hidden}.password-meter-fill{height:100%;width:0;background:#cbd5e1;transition:width 0.2s ease,background-color 0.2s ease}.password-meter-text{color:var(--muted);font-size:0.92rem;font-weight:700}.final-banner{padding:28px;background:linear-gradient(135deg,#a97f3f 0%,#7d5b2a 100%);color:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-soft)}.final-banner h2{margin:0 0 10px;font-size:clamp(1.7rem,3vw,2.5rem)}.final-banner p{margin:0;color:rgba(255,255,255,0.86);line-height:1.9}.thank-you-box{text-align:center;padding:36px 28px}.thank-you-icon{width:76px;height:76px;margin:0 auto 18px;border-radius:24px;display:grid;place-items:center;background:#ecfdf3;color:var(--success);font-size:2rem;font-weight:900}@media(max-width:1100px){.page-hero,.contact-grid,.plan-grid,.highlights-grid,.metrics-grid,.story-grid,.steps-grid,.faq-grid,.onboarding-grid,.public-footer__grid{grid-template-columns:1fr 1fr}.page-hero,.contact-grid,.public-footer__grid,.plan-grid{grid-template-columns:1fr}}@media(max-width:980px){.desktop-nav,.public-header__actions .btn-secondary{display:none}.menu-toggle{display:inline-flex}.hero-panel,.hero-visual,.surface-card,.info-card,.story-card,.step-card,.faq-card,.legal-card,.contact-card,.onboarding-card,.plan-card,.highlight-card,.metric-card,.final-banner,.thank-you-box{padding:20px}}@media(max-width:720px){.matlek-main{padding-top:20px}.public-header__bar{min-height:76px}.public-header__actions{gap:8px}.public-header__actions .btn-primary{min-height:42px;padding:0 14px;font-size:0.92rem}.brand img{width:40px;height:40px}.brand{font-size:1.1rem}.page-title,.hero-title,.legal-title,.contact-title,.onboarding-title{font-size:2rem}.highlights-grid,.story-grid,.steps-grid,.faq-grid,.metrics-grid,.onboarding-grid,.form-grid,.public-footer__grid{grid-template-columns:1fr}.hero-actions,.final-actions,.contact-actions,.thank-you-actions{flex-direction:column}.btn{width:100%}}