@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap");body,html{padding:0;margin:0;width:100%;max-width:100%;font-family:Inter,sans-serif;background-color:#f5f5f5;color:#111;line-height:1.6;overflow-x:hidden}*,:after,:before{box-sizing:border-box}h1,h2,h3,h4{font-weight:700;margin-top:2rem;margin-bottom:1rem;line-height:1.25}p{margin-bottom:1rem;max-width:60ch}p,ul{margin-left:auto;margin-right:auto}ul{padding-left:1.2rem;margin-bottom:1.5rem;text-align:left;max-width:700px}section{margin-bottom:0;padding:1rem}.container{margin:0 auto;padding:1rem;background:#fff;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.05)}.top-nav{flex-wrap:wrap}.logo{font-size:1.5rem;font-weight:700;text-decoration:none;color:#fff}.hamburger{font-size:2rem;color:white}.mobile-drawer{position:fixed;top:0;right:-100%;width:80%;height:100vh;background:#3D2811;color:white;padding:2rem;display:flex;flex-direction:column;gap:2rem;transition:right .3s ease-in-out;z-index:1002}.mobile-drawer.open{right:0}.close-btn{font-size:1.5rem}.mobile-nav-links a{color:white;text-decoration:none;font-size:1.2rem;font-weight:600}.drawer-cta{margin-top:2rem}.overlay{top:0;left:0;width:100%;height:100vh}.top-nav{background-color:#3D2811;color:#fff;padding:1rem 2rem}.nav-links{display:flex;list-style:none;margin:0;gap:1.5rem}.mobile-nav-overlay{transition:transform .3s ease-in-out}@media (max-width:768px){.download-button,.nav-links{display:none}.hamburger{display:block}}.mobile-nav-overlay{left:0;width:100%;z-index:999;gap:2rem}.mobile-nav-overlay.open{transform:translateX(0)}.mobile-nav-overlay a{padding:1rem 0;border-bottom:1px solid rgba(255,255,255,.1)}.close-btn{position:absolute;top:1.5rem;right:1.5rem;font-size:2rem}@media (max-width:768px){.hamburger{display:block}.nav-links{display:none;flex-direction:column;width:100%;margin-top:1rem}.nav-links.open{display:flex}.top-nav{flex-direction:column;align-items:flex-start}.download-button{margin-top:1rem;width:100%;text-align:center}}.nav-links li a{color:#f6f9f9}.download-button,.nav-links li a{text-decoration:none;font-weight:600}.download-button{background:linear-gradient(90deg,#9C5823,#F7931E);color:white;padding:.6rem 1.4rem;border-radius:9999px;transition:opacity .2s ease-in-out}.download-button:hover{opacity:.85}.hero-overlay{position:relative;background:linear-gradient(rgba(248,128,1,1),rgba(61,40,17,.95)),url(/hero-bg.jpeg) 50% /cover no-repeat;padding:6rem 1rem;color:white;background-blend-mode:multiply;text-align:center}.about-section,.hero-overlay{width:100%;padding:6rem 1rem;display:flex;justify-content:center}.hero-content{position:relative;z-index:2;max-width:700px;margin:0 auto}.about-grid,.hero-content{max-width:1200px;width:100%;justify-content:space-between;align-items:center;flex-wrap:wrap}.about-grid{max-width:1200px;display:grid;grid-template-columns:1fr 1fr;grid-gap:1rem;gap:1rem;align-items:center;padding:0 1rem}.about-image img{width:100%;border-radius:12px;box-shadow:0 0 0 rgba(255,255,255,0)}.hero-title{font-size:2.5rem;margin:1rem 0}.hero-subtext,.resources-subtext{font-size:1rem;color:#f0efef}.email-signup{display:flex;flex-direction:column;align-items:center;margin:2rem 0;gap:1rem}.email-signup input{padding:.75rem;width:100%;max-width:400px;border-radius:8px;border:none;font-size:1rem}.email-signup button{background-color:#fff;color:#000;font-weight:600;padding:.75rem 1.5rem;border:none;border-radius:8px;cursor:pointer}.resources-block{margin-top:4rem}.highlight-orange{background:linear-gradient(90deg,#F88000 20%,#F88000 30%);border-radius:4px;padding:0 9px;color:#111}.problem-section{padding:4rem 2rem;background-color:#fefefe}.problem-grid{display:flex;gap:2rem;padding:1rem 2rem;background:#fcfbf9;border-radius:24px;box-shadow:0 12px 40px rgba(0,0,0,.05)}.problem-card{background:#e9e8e6;border-radius:20px;box-shadow:0 8px 24px rgba(0,0,0,.05);padding:2rem;flex:1 1;min-width:280px;transition:transform .2s ease}.problem-card:hover{transform:translateY(-4px)}.problem-card h3{font-size:1.5rem;font-weight:700;margin-bottom:1rem}.problem-card p{font-size:1rem;color:#444;margin-bottom:1rem;line-height:1.6}.problem-card ul{padding-left:0;list-style:none}.problem-card li{font-size:.95rem;padding:.4rem 0;line-height:1.5;display:flex;align-items:center;gap:.5rem}.icon-red{color:#dc2626;font-weight:700}.icon-green{color:#16a34a;font-weight:700}@media (max-width:768px){.problem-grid{flex-direction:column;padding:1rem}.problem-card{width:100%;min-width:unset}}.download-hero{position:relative;background:url(/your-background.jpg) 50%/cover no-repeat;min-height:100vh;display:flex;justify-content:center;align-items:center;color:white;text-align:center}.download-overlay{background:#3D2811;padding:4rem 2rem;border-radius:12px}.download-overlay h2{font-size:2.5rem;font-weight:700;margin-bottom:1rem}.download-overlay p{font-size:1.25rem;margin-bottom:2rem}.download-buttons{display:flex;justify-content:center;gap:1.5rem;flex-wrap:wrap}.download-buttons img{height:60px;transition:transform .2s ease-in-out}.download-buttons img:hover{transform:scale(1.05)}.fitra-features{padding:6rem 2rem;background:linear-gradient(135deg,#3D2811,#F88000);display:flex;flex-direction:column;gap:4rem;color:white}.feature-row{display:flex;align-items:center;gap:2rem;max-width:1200px;margin:0 auto;flex-wrap:wrap}.feature-row.reverse{flex-direction:row-reverse}.feature-image{flex:1 1 30px;display:flex;justify-content:center}.feature-image img{max-width:50%;height:auto;border-radius:6px;box-shadow:0 8px 24px rgba(0,0,0,.25)}.feature-item{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:2rem}.feature-item img{max-width:350px;width:100%;border-radius:15px;box-shadow:0 8px 24px rgba(0,0,0,.2)}.feature-text{flex:1 1;min-width:300px;color:#fff}.feature-text h3{font-size:1.75rem;margin-bottom:1rem}.feature-text p{font-size:1rem;line-height:1.6;margin-bottom:1rem}.feature-text button{background-color:#fff;color:#000;padding:.75rem 1.5rem;border:none;font-weight:700;border-radius:9999px;cursor:pointer;transition:.2s ease}.feature-text button:hover{background-color:#f1f1f1}@media (max-width:768px){.feature-item{flex-direction:column}.feature-item,.feature-text{text-align:center}.feature-btn{margin:0 auto}}.faq-section{max-width:700px;margin:0 auto;padding:4rem 1.5rem}.faq-title{font-size:2rem;font-weight:700;text-align:center;margin-bottom:2rem}.faq-item{border-bottom:1px solid #ddd;padding:1rem 0;cursor:pointer}.faq-question{display:flex;justify-content:space-between;font-size:1.125rem;font-weight:600;color:#111}.faq-answer{margin-top:.75rem;color:#444;font-size:1rem;line-height:1.6}.faq-toggle{font-size:1.25rem;transition:transform .2s ease}.faq-toggle.open{transform:rotate(45deg)}.fitra-footer{color:#fff;font-family:sans-serif}.footer-gradient{background:linear-gradient(135deg,#A0522D,#F88000);padding:4rem 1.5rem;text-align:center;border-top-left-radius:100% 20%;border-top-right-radius:100% 20%}.footer-cta{font-size:2rem;margin-bottom:1rem;font-weight:700}.footer-button{background-color:#fff;color:#A0522D;padding:.75rem 1.5rem;border-radius:9999px;font-weight:600;text-decoration:none;display:inline-block;transition:background .3s ease}.footer-button:hover{background-color:#f4f4f4}.footer-info{background-color:#2D2D2D;padding:2rem 1.5rem;text-align:center}.footer-links{display:flex;justify-content:center;flex-wrap:wrap;gap:2rem;margin-bottom:1rem}.footer-links h4{margin-bottom:.5rem;font-size:1.1rem;font-weight:700}.footer-links ul{list-style:none;padding:0;margin:0}.footer-links a{color:#ddd;text-decoration:none;display:block;margin:.25rem 0;font-size:.95rem}.footer-links a:hover{text-decoration:underline}.footer-bottom{font-size:.875rem;color:#aaa;margin-top:2rem}@media (max-width:768px){.about-grid{display:flex;flex-direction:column;text-align:center}}.top-nav{display:flex;justify-content:space-between;align-items:center;background:#3D2811;color:white;padding:1rem 1.5rem;position:relative;z-index:100}.hamburger{display:none;font-size:1.8rem;cursor:pointer}@media (max-width:768px){.download-button,.nav-links{display:none}.hamburger{display:block;color:white;position:absolute;right:1.5rem;top:1.3rem}}.mobile-nav-overlay{position:fixed;top:0;right:0;width:80%;height:100vh;background:#3D2811;padding:2rem;display:flex;flex-direction:column;gap:1.5rem;z-index:1001;transition:transform .3s ease}.mobile-nav-overlay a{color:white;font-size:1.25rem;text-decoration:none;font-weight:600}.drawer-cta{margin-top:auto;background:linear-gradient(90deg,#9C5823,#F7931E);color:white;padding:.75rem 1.5rem;border-radius:9999px;text-align:center;display:inline-block}.close-btn{background:none;border:none;color:white;font-size:1.8rem;align-self:flex-end}.overlay{position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:1000}