:root{--primary:#6b2737;--primary-light:#8b3547;--bg:#f5ecd7;--bg-white:#fff;--text-dark:#1a1a1a;--text-gray:#555;--border:#e0d5c5;--green:#25d366;--radius:16px;--radius-sm:10px;--shadow-sm:0 2px 8px #6b27370f;--shadow-md:0 8px 24px #6b27371a;--shadow-lg:0 16px 48px #6b273729;--nav-h:68px;--maxw:1160px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;background:var(--bg)}body{background:var(--bg);color:var(--text-dark);-webkit-font-smoothing:antialiased;font-family:Tajawal,system-ui,sans-serif;line-height:1.6;overflow-x:hidden}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}ul{list-style:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}.container{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 20px}.container.narrow{max-width:800px}.btn{border-radius:var(--radius-sm);white-space:nowrap;justify-content:center;align-items:center;gap:8px;padding:12px 22px;font-size:.95rem;font-weight:700;transition:transform .18s,box-shadow .18s,background .18s,color .18s;display:inline-flex}.btn:active{transform:scale(.97)}.btn-sm{padding:9px 16px;font-size:.85rem}.btn-lg{padding:15px 28px;font-size:1.05rem}.btn-block{width:100%}.btn-primary{background:var(--primary);color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover{background:var(--primary-light);box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-outline{color:var(--primary);border:1.5px solid var(--primary);background:0 0}.btn-outline:hover{background:var(--primary);color:#fff;transform:translateY(-2px)}.btn-whatsapp{background:var(--green);color:#fff;box-shadow:var(--shadow-sm)}.btn-whatsapp:hover{filter:brightness(.95);box-shadow:var(--shadow-md);transform:translateY(-2px)}.link-btn{color:var(--primary);font-size:.9rem;font-weight:700;text-decoration:underline}.link-btn:hover{color:var(--primary-light)}.navbar{height:var(--nav-h);z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f5ecd7d9;transition:box-shadow .25s,background .25s;position:fixed;inset:0 0 auto}.navbar.scrolled{box-shadow:var(--shadow-sm);background:#f5ecd7f2}.nav-inner{height:var(--nav-h);justify-content:space-between;align-items:center;gap:16px;display:flex}.nav-logo{color:var(--primary);align-items:center;gap:8px;font-size:1.3rem;font-weight:900;display:flex}.nav-logo .logo-word,.nav-logo .logo-fallback{color:var(--primary)}.nav-links{gap:26px;display:none}.nav-links a{color:var(--text-gray);font-size:.95rem;font-weight:500;position:relative}.nav-links a:after{content:"";background:var(--primary);width:0;height:2px;transition:width .25s;position:absolute;bottom:-6px;right:0}.nav-links a:hover{color:var(--primary)}.nav-links a:hover:after{width:100%}.nav-actions{gap:10px;display:none}.hamburger{flex-direction:column;gap:5px;padding:8px;display:flex}.hamburger span{background:var(--primary);border-radius:2px;width:24px;height:2.5px;transition:all .3s}.hamburger.active span:first-child{transform:translateY(7.5px)rotate(45deg)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:translateY(-7.5px)rotate(-45deg)}.drawer-overlay{z-index:110;opacity:0;visibility:hidden;background:#0006;transition:all .3s;position:fixed;inset:0}.drawer-overlay.open{opacity:1;visibility:visible}.drawer{background:var(--bg-white);z-index:120;width:80%;max-width:320px;height:100%;box-shadow:var(--shadow-lg);flex-direction:column;gap:28px;padding:70px 24px 24px;transition:transform .32s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;right:0;transform:translate(100%)}.drawer.open{transform:translate(0)}.drawer-close{color:var(--primary);font-size:2rem;line-height:1;position:absolute;top:18px;left:18px}.drawer-links{flex-direction:column;gap:6px;display:flex}.drawer-links a{color:var(--text-dark);border-bottom:1px solid var(--border);padding:12px 8px;font-weight:700}.drawer-links a:hover{color:var(--primary)}.drawer-actions{flex-direction:column;gap:12px;margin-top:auto;display:flex}.hero{padding:calc(var(--nav-h) + 40px) 0 60px}.hero-grid{grid-template-columns:1fr;align-items:center;gap:40px;display:grid}.hero-content{text-align:center}.badge{color:var(--primary);background:#6b273714;border-radius:50px;margin-bottom:18px;padding:7px 16px;font-size:.85rem;font-weight:700;display:inline-block}.hero-title{margin-bottom:18px;font-size:clamp(2rem,7vw,3.4rem);font-weight:900;line-height:1.25}.hero-title .accent{color:var(--primary);display:block}.hero-sub{color:var(--text-gray);max-width:540px;margin:0 auto 28px;font-size:clamp(1rem,3vw,1.2rem)}.hero-cta{flex-direction:column;align-items:stretch;gap:12px;max-width:360px;margin:0 auto 22px;display:flex}.trust-note{color:var(--text-gray);flex-wrap:wrap;justify-content:center;gap:8px 18px;font-size:.88rem;font-weight:500;display:flex}.trust-note span{white-space:nowrap}.hero-media{justify-content:center;display:flex}.phone-frame{aspect-ratio:9/16;background:var(--bg-white);border:10px solid var(--primary);width:100%;max-width:300px;box-shadow:var(--shadow-lg);border-radius:32px;position:relative;overflow:hidden}.phone-frame img{object-fit:cover;width:100%;height:100%}.phone-placeholder{background:linear-gradient(160deg, var(--primary), var(--primary-light));color:#fff;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:none;position:absolute;inset:0}.phone-frame.is-empty .phone-placeholder{display:flex}.ph-icon{font-size:3.5rem}.ph-label{letter-spacing:1px;font-weight:700}.section{padding:64px 0}.section-title{text-align:center;margin-bottom:12px;font-size:clamp(1.6rem,5vw,2.4rem);font-weight:900}.section-sub{text-align:center;color:var(--text-gray);margin-bottom:40px;font-size:1.05rem}.problems{background:var(--bg-white)}.problem-grid{grid-template-columns:1fr;gap:16px;margin-top:32px;display:grid}.problem-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);align-items:center;gap:14px;padding:18px 20px;transition:transform .2s,box-shadow .2s;display:flex}.problem-card:hover{box-shadow:var(--shadow-sm);transform:translateY(-3px)}.problem-card .x{flex-shrink:0;font-size:1.3rem}.problem-card p{font-weight:500}.solution-divider{text-align:center;margin-top:48px}.solution-divider .arrow{background:var(--primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:18px;font-size:1.5rem;animation:1.8s infinite bounce;display:inline-flex}.solution-divider h3{color:var(--primary);font-size:clamp(1.5rem,5vw,2.2rem);font-weight:900}.solution-divider p{color:var(--text-gray);margin-top:8px}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(8px)}}.feature-grid{grid-template-columns:1fr;gap:18px;display:grid}.feature-card{background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius);padding:28px 24px;transition:transform .2s,box-shadow .2s,border-color .2s}.feature-card:hover{box-shadow:var(--shadow-md);border-color:var(--primary);transform:translateY(-5px)}.feature-icon{background:#6b273714;border-radius:14px;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:16px;font-size:1.7rem;display:inline-flex}.feature-card h3{margin-bottom:8px;font-size:1.2rem;font-weight:800}.feature-card p{color:var(--text-gray)}.how{background:var(--bg-white)}.steps{grid-template-columns:1fr;gap:24px;display:grid}.step{text-align:center;padding:28px 20px;position:relative}.step-num{background:var(--primary);color:#fff;width:64px;height:64px;box-shadow:var(--shadow-md);border-radius:50%;justify-content:center;align-items:center;margin-bottom:18px;font-size:1.8rem;font-weight:900;display:inline-flex}.step h3{margin-bottom:8px;font-size:1.25rem;font-weight:800}.step p{color:var(--text-gray)}.how-cta{text-align:center;margin-top:36px}.how-cta p{margin-bottom:16px;font-size:1.3rem;font-weight:800}.gallery{max-width:900px;margin:0 auto;position:relative}.gallery-track{scroll-snap-type:x mandatory;scrollbar-width:none;gap:16px;padding:8px 4px 20px;display:flex;overflow-x:auto}.gallery-track::-webkit-scrollbar{display:none}.gallery-slide{scroll-snap-align:center;aspect-ratio:9/16;border:8px solid var(--primary);background:var(--bg-white);max-width:280px;box-shadow:var(--shadow-md);border-radius:24px;flex:0 0 78%;overflow:hidden}.gallery-slide img{object-fit:cover;width:100%;height:100%}.gallery-slide.is-empty{background:linear-gradient(160deg, var(--primary), var(--primary-light));color:#fff;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:16px;display:flex}.gallery-slide.is-empty .slot-icon{font-size:2.6rem}.gallery-slide.is-empty .slot-label{font-weight:700}.gallery-arrow{z-index:5;background:var(--bg-white);width:46px;height:46px;color:var(--primary);box-shadow:var(--shadow-md);border-radius:50%;justify-content:center;align-items:center;font-size:1.8rem;line-height:1;transition:background .2s,color .2s;display:none;position:absolute;top:50%;transform:translateY(-50%)}.gallery-arrow:hover{background:var(--primary);color:#fff}.gallery-prev{right:-8px}.gallery-next{left:-8px}.gallery-dots{justify-content:center;gap:8px;margin:8px 0 30px;display:flex}.gallery-dots button{background:var(--border);border-radius:50%;width:9px;height:9px;transition:all .25s}.gallery-dots button.active{background:var(--primary);border-radius:6px;width:26px}.preview-cta{text-align:center}.pricing{background:var(--bg-white)}.price-grid{grid-template-columns:1fr;gap:24px;max-width:820px;margin:0 auto;display:grid}.price-card{background:var(--bg);border:1.5px solid var(--border);border-radius:var(--radius);padding:32px 26px;transition:transform .2s,box-shadow .2s;position:relative}.price-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.price-card.featured{border-color:var(--primary);box-shadow:var(--shadow-md);border-width:2px}.plan-badge{background:var(--primary);color:#fff;border-radius:50px;padding:5px 16px;font-size:.8rem;font-weight:700;position:absolute;top:-14px;right:24px}.plan-name{margin-bottom:12px;font-size:1.35rem;font-weight:800}.plan-price{align-items:baseline;gap:8px;display:flex}.plan-price .amount{color:var(--primary);font-size:2.4rem;font-weight:900}.plan-price .currency{color:var(--text-gray);font-weight:500}.plan-sub{color:var(--text-gray);margin:4px 0 20px}.plan-features{flex-direction:column;gap:12px;margin-bottom:24px;display:flex}.plan-features li{font-weight:500}.plan-actions{flex-direction:column;gap:10px;display:flex}.pricing-help{text-align:center;margin-top:40px}.pricing-help p{margin-bottom:14px;font-size:1.1rem;font-weight:700}.faq-list{flex-direction:column;gap:12px;display:flex}.faq-item{background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.faq-q{text-align:right;width:100%;color:var(--text-dark);justify-content:space-between;align-items:center;gap:12px;padding:18px 22px;font-size:1.05rem;font-weight:700;display:flex}.faq-q .chev{color:var(--primary);flex-shrink:0;font-size:1.3rem;transition:transform .3s}.faq-item.open .faq-q .chev{transform:rotate(180deg)}.faq-a{max-height:0;transition:max-height .35s;overflow:hidden}.faq-a-inner{color:var(--text-gray);padding:0 22px 18px}.footer{background:var(--primary);color:#fff;padding:56px 0 0}.footer-grid{grid-template-columns:1fr;gap:36px;padding-bottom:40px;display:grid}.footer-col h4{margin:10px 0 6px;font-size:1.4rem;font-weight:900}.footer-col h5{margin-bottom:16px;font-size:1.05rem;font-weight:800}.footer-col a{color:#fffc;padding:6px 0;transition:color .2s,padding .2s;display:block}.footer-col a:hover{color:#fff;padding-right:6px}.footer-tag{color:#ffffffe6;font-weight:500}.footer-desc{color:#ffffffb3;margin-top:8px;font-size:.92rem}.social-row{gap:12px;display:flex}.social-row a{color:#fff;background:#ffffff1f;border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;padding:0;transition:background .2s,transform .2s;display:flex}.social-row a:hover{background:#ffffff40;transform:translateY(-3px)}.footer-bottom{border-top:1px solid #ffffff26;padding:18px 0}.footer-bottom-inner{text-align:center;color:#ffffffd9;flex-direction:column;align-items:center;gap:10px;font-size:.88rem;display:flex}.footer-bottom .link-btn{color:#fff}.scroll-top{z-index:90;background:var(--primary);color:#fff;width:48px;height:48px;box-shadow:var(--shadow-md);opacity:0;visibility:hidden;border-radius:50%;font-size:1.4rem;transition:all .3s;position:fixed;bottom:24px;left:24px;transform:translateY(12px)}.scroll-top.show{opacity:1;visibility:visible;transform:translateY(0)}.scroll-top:hover{background:var(--primary-light)}.modal-overlay{z-index:200;opacity:0;visibility:hidden;background:#1a1a1a8c;justify-content:center;align-items:center;padding:20px;transition:all .28s;display:flex;position:fixed;inset:0}.modal-overlay.open{opacity:1;visibility:visible}.modal{background:var(--bg-white);border-radius:var(--radius);width:100%;max-width:520px;max-height:88vh;padding:32px 26px;transition:transform .28s;position:relative;overflow-y:auto;transform:translateY(20px)scale(.98)}.modal-overlay.open .modal{transform:translateY(0)scale(1)}.modal-tall{max-width:600px}.modal-close{color:var(--text-gray);font-size:2rem;line-height:1;position:absolute;top:12px;left:16px}.modal-close:hover{color:var(--primary)}.modal h3{margin-bottom:12px;padding-left:30px;font-size:1.35rem;font-weight:900}.plan-indicator{color:var(--text-gray);margin-bottom:16px}.plan-indicator strong{color:var(--primary)}.terms-summary{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);max-height:230px;color:var(--text-gray);margin-bottom:14px;padding:18px;font-size:.92rem;overflow-y:auto}.terms-summary p{margin-bottom:6px}.agree-row{cursor:pointer;align-items:center;gap:10px;margin:16px 0 18px;font-weight:600;display:flex}.agree-row input{width:20px;height:20px;accent-color:var(--primary)}.success-msg{text-align:center;color:var(--primary);margin-bottom:20px;font-size:1.2rem;font-weight:800}.code-box{background:var(--bg);border:2px dashed var(--primary);border-radius:var(--radius-sm);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;padding:16px 18px;display:flex}.code-box code{color:var(--primary);word-break:break-all;direction:ltr;font-family:Courier New,monospace;font-size:1.05rem;font-weight:700}.code-note{color:var(--text-gray);text-align:center;margin-bottom:8px;font-size:.9rem}#send-code-whatsapp{margin-top:12px}.terms-full h4{color:var(--primary);margin:18px 0 6px;font-weight:800}.terms-full p{color:var(--text-gray)}.reveal{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(24px)}.reveal.visible{opacity:1;transform:translateY(0)}@media (width>=600px){.problem-grid,.feature-grid,.price-grid,.footer-grid{grid-template-columns:repeat(2,1fr)}.footer-bottom-inner{flex-direction:row;justify-content:space-between}.hero-cta{flex-direction:row;justify-content:center;max-width:none}.gallery-slide{flex-basis:48%}}@media (width>=900px){.nav-links,.nav-actions{display:flex}.hamburger{display:none}.hero{padding:calc(var(--nav-h) + 64px) 0 80px}.hero-grid{grid-template-columns:1fr 1.1fr}.hero-content{text-align:right}.hero-sub{margin:0 0 28px}.hero-cta,.trust-note{justify-content:flex-start}.phone-frame{max-width:320px}.problem-grid,.feature-grid,.steps{grid-template-columns:repeat(3,1fr)}.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr}.gallery-arrow{display:flex}.gallery-slide{flex-basis:30%}}