:root{
  --green:#0b5a3a;--green-dark:#063c28;--green-soft:#e7f0e9;
  --gold:#e3ad28;--cream:#f7f0dd;--red:#a91625;--ink:#17231d;
  --muted:#637068;--white:#fff;
}
html{scroll-behavior:smooth;scroll-padding-top:80px}
body{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);overflow-x:hidden}
h1,h2,h3,h4{font-family:Georgia,"Times New Roman",serif;font-weight:700}
.tiffin-nav{background:rgba(5,49,32,.96);backdrop-filter:blur(12px);box-shadow:0 4px 24px rgba(0,0,0,.12)}
.navbar-brand{font-family:Georgia,serif;font-size:1.55rem}
.navbar-brand b{color:#e7b72d;font-weight:500}
.brand-pot{width:35px;height:35px;border:2px solid #e7b72d;border-radius:10px;display:grid;place-items:center;color:#e7b72d}
.nav-link{font-weight:600}
.btn{border-radius:999px;font-weight:700}
.btn-primary{background:var(--green);border-color:var(--green)}
.btn-primary:hover{background:var(--green-dark);border-color:var(--green-dark)}
.btn-gold{background:var(--gold);color:#193221;border:0}
.btn-gold:hover{background:#f0c13e;color:#14291d}
.hero-section{min-height:760px;position:relative;color:#fff;background:
linear-gradient(90deg,rgba(4,44,28,.94) 0%,rgba(4,44,28,.75) 48%,rgba(4,44,28,.18) 100%),
url("../images/tiffin-lisboa-30-day-plan.jpg") center/cover no-repeat}
.hero-section:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.12),transparent 60%,rgba(0,0,0,.25));pointer-events:none}
.hero-section>.container{position:relative;z-index:2}
.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:.78rem;font-weight:800;color:#f2c84b;margin-bottom:14px}
.eyebrow span{display:inline-block;width:28px;height:2px;background:#f2c84b;vertical-align:middle;margin-right:8px}
.eyebrow.dark{color:var(--green)}
.hero-section h1{font-size:clamp(3rem,6vw,5.6rem);line-height:.98;max-width:760px;margin-bottom:24px}
.hero-section h1 em{color:#efc13a;font-weight:400}
.hero-lead{font-size:1.2rem;line-height:1.7;max-width:670px;color:rgba(255,255,255,.88)}
.hero-points{display:flex;flex-wrap:wrap;gap:18px;font-size:.94rem;font-weight:700}
.hero-points i{color:#f3c33a;margin-right:5px}
.price-card{background:rgba(255,255,255,.96);color:var(--ink);border-radius:28px;padding:32px;box-shadow:0 24px 80px rgba(0,0,0,.3);max-width:430px;margin-left:auto;position:relative}
.halal-badge{position:absolute;right:24px;top:24px;background:var(--green);color:#fff;border-radius:999px;padding:7px 12px;font-weight:800;font-size:.78rem}
.tracking{letter-spacing:.13em;color:var(--green);font-weight:800}
.price{font-family:Georgia,serif;font-size:4.2rem;line-height:1.05;color:var(--green);font-weight:800;margin:14px 0 4px}
.price small{font-family:inherit;font-size:1.15rem;color:#68736c;font-weight:400}
.price-divider{height:1px;background:#e1e5df;margin:22px 0}
.price-card li{padding:7px 0;font-weight:600}.price-card li i{color:var(--green);margin-right:8px}
.tiny-note{font-size:.75rem;color:#69746e;line-height:1.45}
.trust-strip{background:#fff;padding:22px 0;border-bottom:1px solid #e8ece8}
.trust-strip i{display:block;color:var(--green);font-size:1.5rem;margin-bottom:5px}
.trust-strip strong,.trust-strip span{display:block}.trust-strip strong{font-size:.9rem}.trust-strip span{font-size:.75rem;color:#7a837e}
.section-padding{padding:96px 0}
.bg-cream{background:var(--cream)}
.section-heading{max-width:720px}
.section-heading h2{font-size:clamp(2.4rem,4vw,3.7rem);line-height:1.05;margin:8px 0 18px}
.section-heading h2 span,.seo-section h2 span,.why-section h2 span,.order-section h2 span{color:var(--green)}
.section-heading p{color:var(--muted);font-size:1.08rem}
.plan-image-wrap{position:relative}
.plan-image-wrap img{display:block;width:100%;border:8px solid #fff}
.image-caption{position:absolute;left:22px;bottom:20px;background:rgba(6,60,40,.92);color:#fff;padding:11px 17px;border-radius:999px;font-weight:700;font-size:.85rem}
.plan-image-wrap img{max-height:850px;object-fit:cover;object-position:top}
.lead-sm{font-size:1.08rem;color:var(--muted);line-height:1.8}
.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:30px 0}
.feature-grid>div{padding:18px;border:1px solid #dfe6df;background:#fff;border-radius:18px}
.feature-grid i{color:var(--green);font-size:1.45rem}.feature-grid h4{font-size:1.1rem;margin:10px 0 5px}.feature-grid p{font-size:.85rem;color:var(--muted);margin:0;line-height:1.5}
.text-link{color:var(--green);font-weight:800;text-decoration:none}.text-link:hover{text-decoration:underline}
.step-card{height:100%;padding:34px;background:#fff;border:1px solid #e7ebe7;border-radius:24px;position:relative;box-shadow:0 8px 30px rgba(15,50,35,.05)}
.step-card .step-number{position:absolute;right:25px;top:22px;color:#dbe6de;font-weight:900;font-size:2.3rem}
.step-card>i{font-size:2.1rem;color:var(--green)}.step-card h3{font-size:1.5rem;margin:22px 0 10px}.step-card p{color:var(--muted);line-height:1.7;margin:0}
.why-section{background:linear-gradient(135deg,#063c28,#0b5a3a);color:#fff;padding:100px 0}
.why-section h2{font-size:clamp(2.6rem,5vw,4.5rem);line-height:1.03}.why-section h2 span{color:#f1c13c}.why-section p{color:rgba(255,255,255,.8);line-height:1.8}
.why-badge{display:inline-block;border:1px solid rgba(255,255,255,.35);padding:8px 13px;border-radius:999px;font-size:.72rem;font-weight:800;letter-spacing:.14em;margin-bottom:18px}
.benefits{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.benefit{display:flex;gap:15px;padding:22px;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.06);border-radius:20px}
.benefit>span{width:46px;height:46px;flex:0 0 46px;border-radius:50%;background:#f0c13c;color:#173b29;display:grid;place-items:center;font-size:1.2rem}
.benefit h4{font-size:1.1rem;margin:2px 0 5px}.benefit p{font-size:.85rem;margin:0}
.seo-section p{color:#59655e;line-height:1.85}.keyword-box{background:#fff;border-radius:24px;padding:28px;box-shadow:0 10px 35px rgba(0,0,0,.06)}.keyword-box>span{text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;font-weight:800;color:var(--green)}
.keyword-box ul{list-style:none;margin:18px 0 0;padding:0}.keyword-box li{padding:10px 0;border-bottom:1px solid #edf0ec;font-weight:600}.keyword-box li:before{content:"✓";color:var(--green);font-weight:900;margin-right:10px}
.faq-wrap{max-width:850px}.accordion-item{border:1px solid #e1e6e1!important;margin-bottom:10px;border-radius:16px!important;overflow:hidden}.accordion-button{font-weight:700;padding:20px 22px}.accordion-button:not(.collapsed){background:var(--green-soft);color:var(--green)}.accordion-body{color:var(--muted);line-height:1.7}
.order-section{background:var(--green-dark);color:#fff}.order-section p{color:rgba(255,255,255,.75);line-height:1.8}.order-section .eyebrow{color:#f0c13c}.order-section h2{font-size:clamp(2.6rem,5vw,4.2rem);line-height:1.02}.order-section h2 span{color:#f0c13c}
.contact-box{margin-top:28px;display:grid;gap:12px}.contact-box a{display:flex;align-items:center;gap:15px;text-decoration:none;color:#fff;padding:16px;border:1px solid rgba(255,255,255,.18);border-radius:18px;background:rgba(255,255,255,.05)}.contact-box a>i{font-size:1.5rem;color:#f0c13c}.contact-box small,.contact-box strong{display:block}.contact-box small{color:rgba(255,255,255,.55)}.contact-box strong{font-size:1.05rem}
.order-form{background:#fff;color:var(--ink);padding:30px;border-radius:25px;box-shadow:0 20px 60px rgba(0,0,0,.2)}.order-form label{display:block;font-size:.78rem;font-weight:800;margin-bottom:7px}.order-form input,.order-form select,.order-form textarea{width:100%;border:1px solid #d8e0d9;border-radius:12px;padding:12px 14px;outline:none;background:#fbfcfb}.order-form input:focus,.order-form select:focus,.order-form textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(11,90,58,.1)}.form-note{text-align:center;color:#748078;font-size:.74rem;margin-top:10px}
.footer{background:#042a1d;color:rgba(255,255,255,.65);padding:30px 0}.footer-brand{font:700 1.6rem Georgia,serif;color:#fff}.footer-brand span{color:#e8b72d}.footer a{color:#fff;text-decoration:none;margin-left:20px;font-weight:600;font-size:.85rem}.footer a:hover{color:#f0c13c}
.floating-whatsapp{position:fixed;right:22px;bottom:22px;width:58px;height:58px;border-radius:50%;background:#25d366;color:#fff;display:grid;place-items:center;font-size:1.65rem;box-shadow:0 10px 30px rgba(0,0,0,.25);z-index:1000;text-decoration:none}
@media(max-width:991px){.hero-section{background-position:65% center}.hero-section h1{font-size:3.5rem}.price-card{margin:0;max-width:none}.section-padding{padding:75px 0}.why-section{padding:75px 0}}
@media(max-width:575px){.hero-section h1{font-size:2.85rem}.hero-lead{font-size:1rem}.price{font-size:3.4rem}.feature-grid,.benefits{grid-template-columns:1fr}.price-card{padding:25px}.footer{text-align:center}.footer a{margin:0 8px}.image-caption{font-size:.72rem;left:12px;bottom:12px}.floating-whatsapp{right:16px;bottom:16px}}