:root{--color-primary:#0047ab;--color-primary-dark:#003780;--color-accent:#e5a93c;--color-accent-dark:#c9911e;--color-bg:#f8f9fa;--color-surface:#fff;--color-text:#1a1d20;--color-muted:#454b52;--color-border:#d9dee4;--color-error:#a4261b;--radius-sm:6px;--radius-md:12px;--radius-lg:20px;--radius-xl:32px;--shadow-sm:0 1px 4px rgba(0,0,0,.08);--shadow-md:0 4px 18px rgba(0,0,0,.1);--shadow-lg:0 10px 40px rgba(0,0,0,.14);--space-1:4px;--space-2:8px;--space-3:16px;--space-4:24px;--space-5:40px;--space-6:64px;--space-7:96px;--font-sans:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,"SF Arabic","Geeza Pro","Noto Sans Arabic",sans-serif;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-md:1.125rem;--font-size-lg:1.375rem;--font-size-xl:1.75rem;--font-size-2xl:2.25rem;--font-size-3xl:3rem;--font-size-4xl:3.75rem;--header-h:70px}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--color-bg);color:var(--color-text);font:var(--font-size-base)/1.7 var(--font-sans)}img{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}ul,ol{list-style:none;padding:0;margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}[hidden]{display:none!important}.container{width:100%;max-width:1120px;margin-inline:auto;padding-inline:var(--space-4)}.btn{display:inline-flex;align-items:center;justify-content:center;text-align:center;min-height:48px;padding:12px 24px;border:2px solid transparent;border-radius:var(--radius-md);font-weight:700;line-height:1.3;transition:background .2s,color .2s,box-shadow .2s}.btn-primary{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.btn-primary:hover{background:var(--color-primary-dark);border-color:var(--color-primary-dark);box-shadow:var(--shadow-md)}.btn-accent{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-text)}.btn-accent:hover{background:var(--color-accent-dark);border-color:var(--color-accent-dark)}.btn-outline{border-color:var(--color-primary);color:var(--color-primary);background:transparent}.btn-outline:hover{background:var(--color-primary);color:#fff}.btn-lg{padding:15px 28px;font-size:var(--font-size-md)}:focus-visible{outline:3px solid var(--color-accent);outline-offset:3px}.site-header{position:sticky;top:0;z-index:10;height:var(--header-h);background:#fff;border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-sm)}.header-inner{height:100%;display:flex;align-items:center;gap:var(--space-4)}.logo{display:inline-flex;align-items:center;gap:var(--space-2);flex-shrink:0;font-size:var(--font-size-lg);font-weight:800;color:var(--color-primary)}.main-nav{margin-inline-start:auto}.main-nav ul{display:flex;gap:var(--space-1)}.main-nav a,.mobile-menu a{display:block;padding:8px 14px;border-radius:var(--radius-sm);font-weight:600;color:var(--color-muted)}.main-nav a:hover,.mobile-menu a:hover{color:var(--color-primary);background:#eaf1fb}.main-nav a[aria-current],.mobile-menu a[aria-current]{color:var(--color-primary);font-weight:800}.mobile-menu-toggle{display:none;margin-inline-start:auto;background:none;border:0;color:var(--color-text);padding:var(--space-2)}.mobile-menu{background:#fff;border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-md);padding:var(--space-3)}.section-label{margin:0 0 var(--space-2);font-size:var(--font-size-sm);font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--color-accent)}.section-label--dark{color:var(--color-primary-dark)}.section-label--white{color:#fff}.hero{position:relative;overflow:hidden;padding-block:var(--space-6);background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark) 60%,#001f4d)}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 70% 50%,rgba(229,169,60,.15),transparent 65%);pointer-events:none}.hero-grid{position:relative;display:grid;grid-template-columns:1fr 1fr;grid-template-areas:"text picture";align-items:center;gap:var(--space-6)}.hero-text{grid-area:text}.hero-image{grid-area:picture;position:relative}.hero-eyebrow{margin:0 0 var(--space-2);color:var(--color-accent);font-size:var(--font-size-sm);font-weight:800;text-transform:uppercase;letter-spacing:.08em}.hero-headline{margin:0 0 var(--space-3);color:#fff;font-size:clamp(var(--font-size-2xl),5vw,var(--font-size-4xl));line-height:1.12;letter-spacing:-.035em}.hero-sub{max-width:520px;margin:0 0 var(--space-4);color:#fff;font-size:var(--font-size-md)}.hero-actions{display:flex;flex-wrap:wrap;gap:var(--space-3)}.hero-actions .btn-outline{border-color:#fff;color:#fff}.hero-actions .btn-outline:hover{background:#fff;color:var(--color-primary-dark)}.hero-note{margin:var(--space-3) 0 0;color:#e2eaf7;font-size:var(--font-size-sm)}.hero-photo{width:100%;aspect-ratio:1;object-fit:cover;border-radius:var(--radius-xl);box-shadow:var(--shadow-lg)}.hero-badge{position:absolute;inset-block-end:var(--space-4);inset-inline-start:var(--space-4);display:flex;flex-direction:column;background:var(--color-accent);color:var(--color-text);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);box-shadow:var(--shadow-md)}.hero-badge strong{font-size:var(--font-size-xl);line-height:1.2}.fact-strip{background:#fff;border-bottom:1px solid var(--color-border);padding-block:var(--space-5)}.fact-strip-inner{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4)}.fact-item{text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.fact-item strong{color:var(--color-primary);font-size:var(--font-size-lg)}.fact-item>span:last-child{color:var(--color-muted);font-size:var(--font-size-sm)}.fact-symbol,.selection-number{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--color-accent);color:var(--color-text);font-weight:800}h2{margin:0 0 var(--space-3);font-size:clamp(var(--font-size-xl),3.5vw,var(--font-size-2xl));line-height:1.15;letter-spacing:-.025em}h3{margin:0 0 var(--space-2);font-size:var(--font-size-lg);line-height:1.3}p{margin-top:0}.section-intro{max-width:650px;margin-bottom:var(--space-5);font-size:var(--font-size-md);color:var(--color-muted)}.section-roasters .section-intro{color:#fff}.section-how,.section-roasters,.section-value,.section-pricing,.section-contact,.section-timeline,.section-faq,.section-subscribe{padding-block:var(--space-7)}.steps-list{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}.step-card{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-5);background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:box-shadow .2s}.step-card:hover{box-shadow:var(--shadow-md)}.step-card p,.timeline-content p{margin:0;color:var(--color-muted);font-size:var(--font-size-sm)}.step-num{font-size:var(--font-size-4xl);font-weight:900;line-height:1;color:var(--color-accent)}.section-cta{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-5)}.section-roasters{background:var(--color-primary)}.section-roasters h2,.section-roasters h3,.roaster-card p{color:#fff}.roasters-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}.roaster-card{padding:var(--space-4);border:1px solid rgba(255,255,255,.35);border-radius:var(--radius-lg);background:#ffffff17;transition:background .2s}.roaster-card:hover{background:#ffffff2b}.roaster-card h3{margin-top:var(--space-3)}.roaster-card p{margin-bottom:0;font-size:var(--font-size-sm)}.section-value{background:#fff}.value-split{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:var(--space-6)}.value-photo{width:100%;aspect-ratio:1;object-fit:cover;border-radius:var(--radius-xl);box-shadow:var(--shadow-lg)}.value-list{margin:var(--space-4) 0;display:grid;gap:var(--space-3)}.value-list li{padding-inline-start:var(--space-3);border-inline-start:3px solid var(--color-accent);color:var(--color-muted)}.section-pricing{text-align:center;background:linear-gradient(135deg,#001f4d,var(--color-primary) 65%,#1a5fc4)}.section-pricing h2,.section-pricing .section-intro{color:#fff}.section-pricing .section-intro{margin-inline:auto}.pricing-inner{max-width:680px}.pricing-card{margin-top:var(--space-5);padding:var(--space-5);text-align:start;background:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-lg)}.pricing-label{font-size:var(--font-size-sm);font-weight:800;text-transform:uppercase;color:var(--color-muted)}.pricing-amount{display:flex;align-items:baseline;gap:var(--space-2);color:var(--color-muted)}.pricing-amount strong{color:var(--color-primary);font-size:var(--font-size-4xl);line-height:1}.pricing-features{display:grid;gap:var(--space-2);margin-bottom:var(--space-5)}.pricing-features li{padding:var(--space-2) var(--space-3);border-inline-start:3px solid var(--color-accent);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-muted)}.pricing-card .btn{width:100%}.pricing-note{margin:var(--space-3) 0 0;text-align:center;color:var(--color-muted);font-size:var(--font-size-sm)}.contact-inner{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6)}.contact-text>p:last-child{color:var(--color-muted);font-size:var(--font-size-md)}.contact-form-wrap,.subscribe-form-wrap{padding:var(--space-5);background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.contact-form{display:grid;gap:var(--space-3)}.field-group{display:grid;gap:var(--space-2)}label{font-size:var(--font-size-sm);font-weight:700}input:not([type=radio]):not([type=hidden]),textarea,select{width:100%;min-width:0;padding:11px 14px;border:1.5px solid var(--color-border);border-radius:var(--radius-sm);background:#fff;color:var(--color-text)}textarea{resize:vertical;min-height:110px}input:focus,textarea:focus,select:focus{border-color:var(--color-primary);outline:3px solid #c6d9f4}.field-error{color:var(--color-error);font-size:var(--font-size-sm)}input.error,textarea.error,select.error{border-color:var(--color-error)}.form-success,.sub-success{padding:var(--space-3);margin-bottom:var(--space-3);background:#eaf1fb;color:var(--color-primary-dark);border-radius:var(--radius-sm);font-weight:700}.site-footer{padding-top:var(--space-6);background:var(--color-primary-dark);color:#fff}.footer-inner{display:grid;grid-template-columns:2fr 1fr 1fr;gap:var(--space-5);padding-bottom:var(--space-5)}.site-footer .logo{color:#fff}.footer-tagline,.footer-contact,.footer-nav a{color:#e2eaf7;font-size:var(--font-size-sm)}.footer-nav a:hover{color:var(--color-accent)}.footer-bottom{border-top:1px solid rgba(255,255,255,.3);padding-block:var(--space-4);text-align:center;font-size:var(--font-size-sm)}.footer-bottom p{margin:0}.page-hero,.subscribe-hero{padding-block:var(--space-6);text-align:center;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark))}.page-hero h1,.subscribe-hero h1{margin:0;color:#fff;font-size:clamp(var(--font-size-2xl),4vw,var(--font-size-3xl));line-height:1.15}.page-hero p:last-child,.subscribe-hero p:last-child{max-width:640px;margin:var(--space-3) auto 0;color:#fff;font-size:var(--font-size-md)}.page-hero .section-label,.subscribe-hero .section-label{color:#fff}.timeline-list{display:grid;gap:var(--space-4);max-width:760px;margin-inline:auto}.timeline-item{display:flex;align-items:flex-start;gap:var(--space-4)}.timeline-dot{flex:none;display:grid;place-items:center;width:56px;height:56px;border:2px solid var(--color-accent);border-radius:50%;background:#fff;color:var(--color-primary);font-size:var(--font-size-lg);font-weight:900}.timeline-content{flex:1;padding:var(--space-4);background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.requirements{padding-block:var(--space-7);background:var(--color-primary)}.requirements h2,.requirements h3,.requirements .section-intro,.requirements .section-label{color:#fff}.requirements-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}.rotation{padding-block:var(--space-7)}.rotation .section-label{color:var(--color-primary-dark)}.rotation-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}.section-faq{background:#fff}.section-faq .section-label{color:var(--color-primary-dark)}.faq-list{max-width:760px;margin-inline:auto;display:grid;gap:var(--space-2)}.faq-item{border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.faq-question{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-4);background:#fff;border:0;text-align:start;color:var(--color-text);font-weight:700}.faq-question:hover,.faq-question:focus-visible{background:#eaf1fb;color:var(--color-primary)}.faq-icon{flex:none;color:var(--color-primary)}.faq-question[aria-expanded=true] .faq-icon{transform:rotate(180deg)}.faq-answer{padding:0 var(--space-4) var(--space-4);color:var(--color-muted)}.section-cta-band{padding-block:var(--space-6);background:var(--color-accent);text-align:center}.section-cta-band h2,.section-cta-band p{color:var(--color-text)}.section-cta-band p{margin-bottom:var(--space-4)}.subscribe-layout{display:grid;grid-template-columns:1fr 1.15fr;align-items:start;gap:var(--space-5)}.subscribe-sidebar{position:sticky;top:calc(var(--header-h) + var(--space-4))}.plan-summary{padding:var(--space-4);border-radius:var(--radius-lg);background:var(--color-primary);color:#fff}.plan-summary h2{color:#fff;font-size:var(--font-size-lg)}.plan-summary-price{font-size:var(--font-size-md)}.plan-summary-price strong{color:var(--color-accent);font-size:var(--font-size-3xl)}.plan-detail-list{display:grid;gap:var(--space-2);font-size:var(--font-size-sm)}.plan-detail-list li{padding-inline-start:var(--space-3);border-inline-start:3px solid var(--color-accent)}.sidebar-note{margin-top:var(--space-4);padding:var(--space-4);background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.sidebar-note p{font-size:var(--font-size-sm);color:var(--color-muted)}.sidebar-note img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:var(--radius-md)}.subscribe-form fieldset{border:0;padding:0;margin:0 0 var(--space-5)}.subscribe-form legend{width:100%;padding-bottom:var(--space-2);margin-bottom:var(--space-3);border-bottom:1px solid var(--color-border);color:var(--color-primary);font-size:var(--font-size-md);font-weight:800}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3);margin-bottom:var(--space-3)}.subscribe-form fieldset>.field-group{margin-bottom:var(--space-3)}.field-hint{color:var(--color-muted);font-size:var(--font-size-sm)}.radio-group{display:flex;flex-wrap:wrap;gap:var(--space-3)}.radio-option{flex:1;min-width:150px}.radio-option label{display:block;height:100%;padding:var(--space-3);border:2px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer}.radio-option input:checked+label{border-color:var(--color-primary);background:#eaf1fb;color:var(--color-primary)}.radio-option input:focus-visible+label{outline:3px solid var(--color-accent);outline-offset:2px}.disqualify-msg{padding:var(--space-3);margin-top:var(--space-3);background:#fff3f2;border:1px solid var(--color-error);border-radius:var(--radius-sm);color:#7b1d1d}.form-notice{padding:var(--space-3);border-inline-start:3px solid var(--color-accent);background:var(--color-bg);color:var(--color-muted);font-size:var(--font-size-sm)}.submit-button{width:100%;margin-top:var(--space-4)}@media(prefers-reduced-motion:no-preference){.hero-text{animation:enter .7s both}.hero-image{animation:enter .7s .15s both}@keyframes enter{0%{opacity:0;transform:translateY(24px)}}html.js .reveal,html.js .reveal-section{opacity:0;transform:translateY(20px);transition:opacity .55s,transform .55s}html.js .is-visible{opacity:1;transform:none}.btn:hover,.step-card:hover,.roaster-card:hover{transform:translateY(-2px)}}@media(max-width:860px){.hero-grid{grid-template-columns:1fr;grid-template-areas:"text" "picture";gap:var(--space-5)}.hero-image{max-width:420px}.hero{padding-block:var(--space-5)}.main-nav,.nav-cta{display:none}.mobile-menu-toggle{display:block}}@media(max-width:700px){.steps-list,.roasters-grid,.requirements-grid,.rotation-grid,.value-split,.contact-inner,.subscribe-layout{grid-template-columns:1fr}.subscribe-sidebar{position:static}.form-row,.footer-inner{grid-template-columns:1fr}.section-how,.section-roasters,.section-value,.section-pricing,.section-contact,.section-timeline,.section-faq,.section-subscribe,.requirements,.rotation{padding-block:var(--space-6)}}@media(max-width:500px){.fact-strip-inner{grid-template-columns:1fr 1fr;gap:var(--space-4)}.fact-item strong{font-size:var(--font-size-base)}.hero-actions{flex-direction:column;align-items:stretch}.hero-actions .btn{width:100%}.contact-form-wrap,.subscribe-form-wrap,.pricing-card{padding:var(--space-4)}}@media(max-width:350px){.container{padding-inline:var(--space-3)}.fact-strip-inner{grid-template-columns:1fr}}html,body{overflow-x:hidden;max-width:100%}