*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--sand:#e8d5b7;--sand-dark:#d4b896;--med-blue:#1a6b8a;--med-blue-hover:#2184a8;--terracotta:#c86a4e;--olive:#5a7a4a;--gold:#d4a843;--bg-base:#f8f5f0;--bg-surface:#efebe4;--bg-elevated:#fff;--bg-hover:#e8e3da;--bg-inset:#f8f5f0;--border-subtle:#1a141014;--border-default:#1a14101f;--border-strong:#1a14102e;--text-primary:#1a1410;--text-secondary:#5c5248;--text-tertiary:#9c8e80;--text-disabled:#c4b8aa;--color-primary:#1a1410;--color-primary-hover:#2a2420;--color-primary-muted:#1a14100f;--color-primary-text:#fff;--color-accent:#1a6b8a;--color-accent-muted:#1a6b8a14;--color-success:#5a7a4a;--color-success-muted:#5a7a4a1a;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--radius-sm:.25rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--shadow-sm:0 1px 2px #1a14100d;--shadow-md:0 4px 12px #1a141012;--shadow-lg:0 8px 30px #1a141017;--transition-fast:.15s ease;--transition-base:.25s ease}html{scroll-behavior:smooth}body{color:var(--text-primary);-webkit-font-smoothing:antialiased;background:linear-gradient(#faf7f2 0%,#f8f5f0 50%,#faf7f2 100%) fixed;font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.5}h1,h2,.display-font{font-family:Playfair Display,Georgia,Times New Roman,serif}h3{font-family:DM Sans,sans-serif;font-weight:700}.ar-accent{letter-spacing:0;color:var(--color-accent);font-family:Traditional Arabic,Noto Naskh Arabic,serif;font-size:.75rem}.container{max-width:1100px;padding:0 var(--space-5);margin:0 auto}.highlight{color:var(--color-accent)}.btn{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast);border:none;font-size:1rem;font-weight:600;line-height:1.2;text-decoration:none;display:inline-flex}.btn:active{transform:scale(.97)}.btn.primary{background:var(--color-primary);color:var(--color-primary-text);box-shadow:0 4px 14px #1a141040}.btn.primary:hover{background:var(--color-primary-hover);box-shadow:0 4px 20px #1a141059}.btn.secondary{color:var(--text-primary);border:2px solid var(--text-primary);background:0 0}.btn.secondary:hover{background:var(--color-primary-muted)}.btn-lg{padding:var(--space-4) var(--space-8);font-size:1.0625rem}.barcode-divider{background:repeating-linear-gradient(90deg, var(--med-blue) 0px, var(--med-blue) 3px, transparent 3px, transparent 5px, var(--terracotta) 5px, var(--terracotta) 8px, transparent 8px, transparent 10px, var(--gold) 10px, var(--gold) 14px, transparent 14px, transparent 18px, var(--olive) 18px, var(--olive) 21px, transparent 21px, transparent 25px);opacity:.2;width:100%;height:8px}#scroll-progress{z-index:1000;background:linear-gradient(90deg, var(--med-blue), var(--gold));transform-origin:0 0;height:3px;transition:transform .1s;position:fixed;top:0;left:0;right:0;transform:scaleX(0)}#nav{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-subtle);background:#ffffffd9;position:fixed;top:0;left:0;right:0}.nav-inner{align-items:center;gap:var(--space-3);height:60px;display:flex}.nav-logo{color:var(--text-primary);letter-spacing:-.025em;flex-direction:column;font-size:1.125rem;font-weight:800;line-height:1.15;text-decoration:none;display:flex}.nav-logo-by{color:var(--text-tertiary);letter-spacing:.06em;margin-top:-1px;font-family:Playfair Display,Georgia,serif;font-size:.625rem;font-style:italic;font-weight:400}.nav-links{display:none}.nav-links.open{background:var(--bg-elevated);padding:var(--space-4) var(--space-5) calc(var(--space-4) + env(safe-area-inset-bottom));border-bottom:1px solid var(--border-default);z-index:99;flex-direction:column;display:flex;position:fixed;top:60px;left:0;right:0}.nav-link{padding:var(--space-2) var(--space-3);color:var(--text-secondary);border-radius:var(--radius-md);transition:color var(--transition-fast), background var(--transition-fast);font-size:.875rem;font-weight:500;text-decoration:none}.nav-link:hover{color:var(--text-primary);background:var(--bg-hover)}.nav-cta{margin-left:var(--space-2)}.nav-toggle{color:var(--text-primary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:44px;height:44px;margin-left:auto;display:flex}.nav-lang{align-items:center;gap:var(--space-1);margin-left:auto;display:flex}@media (width<=768px){.nav-lang{margin-left:0}}.lang-btn{color:var(--text-tertiary);cursor:pointer;letter-spacing:.05em;transition:color var(--transition-fast);background:0 0;border:none;padding:2px 4px;font-size:.75rem;font-weight:600}.lang-btn.active{color:var(--color-primary)}.lang-btn:hover{color:var(--text-primary)}.lang-sep{color:var(--border-default);font-size:.75rem}@media (width>=769px){.nav-links{align-items:center;gap:var(--space-2);background:0 0;border:none;flex-direction:row;margin-left:auto;padding:0;display:flex;position:static}.nav-links.open{background:0 0;border:none;padding:0;display:flex;position:static}.nav-toggle{display:none}.nav-lang{margin-left:var(--space-3)}}.section-num{top:var(--space-5);right:var(--space-5);color:var(--text-disabled);opacity:.12;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:3.5rem;font-weight:700;line-height:1;position:absolute}@media (width>=769px){.section-num{right:var(--space-10);font-size:6rem}}section{padding:80px 0;position:relative;overflow:hidden}@media (width>=769px){section{padding:120px 0}}.section-alt{background:radial-gradient(ellipse at 0% 50%, #1a6b8a0a 0%, transparent 50%), var(--bg-surface)}.section-title{letter-spacing:-.01em;text-align:center;margin-bottom:var(--space-3);font-size:2rem;font-weight:700;line-height:1.15}@media (width>=769px){.section-title{margin-bottom:var(--space-4);font-size:3.5rem}}.section-sub{text-align:center;color:var(--text-secondary);margin-bottom:var(--space-10);max-width:600px;margin-left:auto;margin-right:auto;font-size:1rem}@media (width>=769px){.section-sub{margin-bottom:var(--space-12);font-size:1.25rem}}#hero{background:repeating-linear-gradient(90deg,#0000 0 40px,#1a6b8a04 40px 41px),linear-gradient(#faf7f2 0%,#f8f5f0 100%);align-items:center;min-height:90vh;padding-top:100px;display:flex;position:relative}@media (width>=769px){#hero{min-height:85vh;padding-top:120px}}.hero-watermark{color:var(--med-blue);opacity:.04;white-space:nowrap;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:0;font-family:Playfair Display,Georgia,serif;font-size:12vw;font-style:italic;font-weight:700;line-height:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (width>=1200px){.hero-watermark{font-size:10rem}}.hero-inner{z-index:1;grid-template-columns:1fr;align-items:center;gap:40px;display:grid;position:relative}@media (width>=769px){.hero-inner{grid-template-columns:1.1fr .9fr;gap:60px}}.hero-text h1{letter-spacing:-.02em;margin-bottom:var(--space-4);word-break:break-word;font-size:2.75rem;font-weight:900;line-height:1.1}@media (width>=480px){.hero-text h1{font-size:3.5rem}}@media (width>=769px){.hero-text h1{font-size:6.5rem}}.hero-sub{color:var(--text-secondary);margin-bottom:var(--space-6);max-width:520px;font-size:1rem;line-height:1.625}@media (width>=769px){.hero-sub{margin-bottom:var(--space-8);font-size:1.25rem}}.hero-note{color:var(--text-tertiary);margin-top:var(--space-3);font-size:.875rem}@media (width>=769px){.hero-note{font-size:1rem}}.hero-visual{justify-content:center;align-items:center;display:flex}.phone-mockup{background:#18181b;border:1px solid #ffffff14;border-radius:36px;flex-direction:column;width:200px;height:400px;padding:16px 8px;display:flex;box-shadow:0 8px 40px #00000026,0 2px 8px #00000014}@media (width>=769px){.phone-mockup{width:260px;height:520px}}.phone-notch{border-radius:var(--radius-full);background:#27272a;width:80px;height:6px;margin:0 auto 12px}.phone-screen{border-radius:var(--radius-lg);background:#000;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;padding:8px;display:flex;position:relative;overflow:hidden}.phone-carton{opacity:.6;z-index:1}.phone-barcode{z-index:1;opacity:.7;background:repeating-linear-gradient(90deg,#fff 0 2px,#0000 2px 3px,#fff 3px 5px,#0000 5px 6px,#fff 6px 9px,#0000 9px 10px,#fff 10px 11px,#0000 11px 12px,#fff 12px 15px,#0000 15px 16px,#fff 16px 17px,#0000 17px 18px,#fff 18px 20px,#0000 20px 21px,#fff 21px 22px,#0000 22px 23px,#fff 23px 25px,#0000 25px 26px,#fff 26px 27px,#0000 27px 28px,#fff 28px 30px,#0000 30px 31px,#fff 31px 32px,#0000 32px 33px,#fff 33px 35px,#0000 35px 36px,#fff 36px 38px);border-radius:2px;width:80%;height:36px}@media (width>=769px){.phone-barcode{height:44px}}.phone-line{background:var(--gold);height:2px;box-shadow:0 0 10px var(--gold), 0 0 20px var(--gold);z-index:2;animation:2s ease-in-out infinite scanline;position:absolute;left:5%;right:5%}@keyframes scanline{0%,to{top:25%}50%{top:65%}}.phone-result{border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);text-align:center;margin-top:var(--space-3);background:#1f1f23;border:1px solid #c86a4e4d}.phone-result strong{color:#fafafa;font-size:.875rem;display:block}.phone-result .phone-price{color:var(--gold);font-size:1.125rem;font-weight:700}.what-grid{gap:var(--space-5);grid-template-columns:1fr;display:grid}@media (width>=769px){.what-grid{gap:var(--space-8);grid-template-columns:1fr 1fr}}.what-card{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:var(--space-8) var(--space-6);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-base), transform var(--transition-base)}.what-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.what-card{border-left:3px solid #0000;border-image:linear-gradient(180deg, var(--med-blue), var(--gold), var(--terracotta)) 1}.what-icon{background:var(--color-accent-muted);width:48px;height:48px;color:var(--color-accent);border-radius:var(--radius-sm);margin-bottom:var(--space-4);justify-content:center;align-items:center;display:flex}.what-card h3{margin-bottom:var(--space-2);font-size:1.25rem;font-weight:700}.what-card p{color:var(--text-secondary);font-size:.9375rem;line-height:1.625}.what-action{color:var(--color-accent);margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--border-subtle);font-size:.8125rem;font-weight:600}.steps-grid{gap:var(--space-4);margin-top:var(--space-10);grid-template-columns:1fr;display:grid}@media (width>=769px){.steps-grid{gap:var(--space-6);grid-template-columns:repeat(3,1fr)}}.step-card{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:var(--space-6);text-align:center;box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-base), transform var(--transition-base);position:relative}.step-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.step-card{border-left:3px solid #0000;border-image:linear-gradient(180deg, var(--terracotta), var(--olive)) 1}.step-num{top:var(--space-3);left:var(--space-3);background:var(--color-accent-muted);width:28px;height:28px;color:var(--color-accent);border-radius:var(--radius-sm);justify-content:center;align-items:center;font-size:.8125rem;font-weight:700;display:flex;position:absolute}.step-icon{width:48px;height:48px;margin:0 auto var(--space-4);color:var(--color-accent);justify-content:center;align-items:center;display:flex}.step-card h3{margin-bottom:var(--space-2);font-size:1.125rem;font-weight:700}.step-card p{color:var(--text-secondary);font-size:.875rem;line-height:1.625}.why-grid{gap:var(--space-4);margin-top:var(--space-10);grid-template-columns:1fr;display:grid}@media (width>=769px){.why-grid{gap:var(--space-6);grid-template-columns:1fr 1fr}}.why-card{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-base), transform var(--transition-base)}.why-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.why-card{border-left:3px solid #0000;border-image:linear-gradient(180deg, var(--gold), var(--med-blue)) 1}.why-icon{background:var(--color-accent-muted);width:44px;height:44px;color:var(--color-accent);border-radius:var(--radius-sm);margin-bottom:var(--space-3);justify-content:center;align-items:center;display:flex}.why-card h3{margin-bottom:var(--space-2);font-size:1.125rem;font-weight:700}.why-card p{color:var(--text-secondary);font-size:.875rem;line-height:1.625}#cta{text-align:center;padding-bottom:100px}.cta-inner{flex-direction:column;align-items:center;display:flex}.cta-inner .btn{margin-top:var(--space-4)}@media (width<=480px){.cta-inner .btn{justify-content:center;width:100%}}#footer{padding:var(--space-10) 0;border-top:1px solid var(--border-subtle);background:var(--bg-elevated)}.footer-inner{gap:var(--space-4);text-align:center;flex-direction:column;display:flex}@media (width>=769px){.footer-inner{text-align:left;flex-direction:row;justify-content:space-between;align-items:center}}.footer-brand{flex-direction:column;gap:2px;display:flex}.footer-brand strong{font-size:1rem}.footer-links{gap:var(--space-4);flex-wrap:wrap;justify-content:center;display:flex}@media (width>=769px){.footer-links{justify-content:flex-start}}.footer-links a{color:var(--text-tertiary);font-size:.875rem;text-decoration:none}.footer-links a:hover{color:var(--color-accent)}.footer-copy{color:var(--text-disabled);font-size:.875rem}.meta{color:var(--text-tertiary);font-size:.8125rem}[data-animate]{transition:opacity .6s ease-out,transform .6s ease-out}[data-animate=fade-up]{opacity:0;transform:translateY(30px)}[data-animate=scale-in]{opacity:0;transform:scale(.95)}[data-animate=fade-up].is-visible,[data-animate=scale-in].is-visible{opacity:1;transform:translateY(0)scale(1)}[data-animate=stagger]{opacity:1!important;transform:none!important}[data-animate=stagger]>*{transition:opacity .5s ease-out,transform .5s ease-out}[data-animate=stagger].is-visible>:first-child{transition-delay:0s}[data-animate=stagger].is-visible>:nth-child(2){transition-delay:.15s}[data-animate=stagger].is-visible>:nth-child(3){transition-delay:.3s}[data-animate=stagger].is-visible>:nth-child(4){transition-delay:.45s}@media (width<=480px){[data-animate]{transition-duration:.35s}[data-animate=fade-up]{transform:translateY(15px)}}#splash{z-index:9999;background:linear-gradient(#faf7f2 0%,#f8f5f0 50%,#faf7f2 100%);transition:opacity .8s;position:fixed;inset:0;overflow:hidden}#splash.hide{opacity:0;pointer-events:none}.splash-stamp{white-space:nowrap;-webkit-user-select:none;user-select:none;pointer-events:none;opacity:0;border-radius:4px;padding:6px 16px;animation:1s cubic-bezier(.34,1.56,.64,1) forwards stampFall;position:absolute}@keyframes stampFall{0%{opacity:0;transform:translateY(-120vh)rotate(0)}60%{opacity:.85}to{opacity:var(--stamp-opacity,.15);transform:translateY(0) rotate(var(--stamp-rotate,0deg))}}@media (prefers-reduced-motion:reduce){#splash.hide{opacity:0;transition:none}.splash-stamp{opacity:.12;animation:none}[data-animate],[data-animate=stagger]>*{opacity:1;transition:none;transform:none}.phone-line{animation:none;display:none}.phone-barcode{opacity:.4}#scroll-progress{display:none}}