:root{--bg:#090909;--panel:#111110;--gold:#f8bc35;--light:#f6f2e9;--muted:#aaa59d;--border:#322b20}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--light);font-family:Cairo,sans-serif;font-size:15px;line-height:1.9}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--gold);outline-offset:5px}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:'El Messiri',serif;line-height:1.5}h2{font-size:36px;font-weight:600}h3{font-size:23px}em{font-style:normal;color:var(--gold)}p{color:var(--muted)}.wrap{max-width:1180px;margin:auto;padding-inline:36px}.nav{display:flex;align-items:center;justify-content:space-between;height:98px}.brand{font-family:'El Messiri';font-size:32px;color:var(--gold);line-height:1}.brand span{display:block;font:9px Cairo;letter-spacing:5px;margin-top:7px}.nav nav{display:flex;align-items:center;gap:36px;font-size:13px}.smallbutton{border:1px solid var(--border);padding:7px 22px;color:var(--gold)}.eyebrow{color:var(--gold);font-size:12px;letter-spacing:1px;display:block;margin-bottom:18px}.hero{min-height:680px;position:relative;border-bottom:1px solid var(--border);overflow:hidden}.heroimg{position:absolute;inset:0;background:linear-gradient(270deg,#090909 8%,rgba(9,9,9,.92) 35%,rgba(9,9,9,.05) 76%),linear-gradient(0deg,#090909,transparent 40%),url('hero.jpg') left center/cover no-repeat}.herogrid{position:relative;padding-top:65px;padding-bottom:80px}.herotext{max-width:555px}.hero h1{font-size:76px;line-height:1.3;margin-bottom:20px}.hero h2{font-size:31px;line-height:1.65}.hero p{max-width:470px;margin:22px 0 30px;font-size:15px}.button{display:inline-flex;justify-content:center;gap:35px;align-items:center;border:0;padding:13px 30px;background:linear-gradient(110deg,#e89a1b,#ffd65a,#f6b526);color:#14110a;font-weight:800;font-size:14px;min-height:52px;transition:filter .2s,transform .2s}.button:hover{filter:brightness(1.1);transform:translateY(-2px)}.herofacts{display:flex;gap:22px;color:var(--muted);font-size:11px;margin-top:28px}.herofacts span:before{content:'•';color:var(--gold);margin-left:8px}.heroindex{position:absolute;bottom:30px;left:36px;font-size:9px;letter-spacing:3px;color:var(--gold);direction:ltr}.intro{text-align:center;padding-block:90px}.intro h2{font-size:32px}.intro p{margin-top:25px}.section{padding-block:75px}.sectionhead{text-align:center;margin-bottom:42px}.sectionhead p{margin-top:13px}.paths{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.path{background:linear-gradient(150deg,#191712,#0d0d0c);border:1px solid var(--border);text-align:right;padding:30px 27px;display:flex;flex-direction:column;align-items:flex-start;transition:border-color .2s,transform .2s}.path:hover{transform:translateY(-4px);border-color:var(--gold)}.path.selected{border-color:var(--gold);box-shadow:inset 0 0 40px #f8bc3509}.cardnumber{color:var(--gold);font:13px Cairo;margin-bottom:27px}.path h3{margin-bottom:12px;font-size:25px}.pathlead{color:var(--gold);font-size:13px;margin-bottom:14px}.path p:not(.pathlead){font-size:13px;line-height:2.1}.path small{color:var(--muted);font-size:10px;margin-top:12px}.choose{color:var(--gold);font-size:12px;display:block;padding-top:30px;margin-top:auto}.benefitsection{background:#0e0e0d;border-block:1px solid #24211b}.benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.benefit{text-align:center;padding:28px 24px;border:1px solid var(--border);background:#111110}.benefit svg{height:35px;width:35px;color:var(--gold);margin-bottom:17px}.benefit h3{font-size:20px;margin-bottom:11px}.benefit p{font-size:12px}.appsection{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:85px;padding-block:100px}.appcopy p{max-width:450px;margin-top:20px}.appnote{border-right:2px solid var(--gold);padding-right:18px;margin-top:25px;color:var(--gold)}.phone{width:280px;background:#141414;border:1px solid #66583b;border-radius:40px;padding:8px;justify-self:center;box-shadow:0 25px 90px #000,0 0 60px #b28d3c0c;transform:rotate(-5deg);position:relative}.phonescreen{border-radius:33px;background:linear-gradient(160deg,#252016,#11110e);min-height:510px;padding:47px 20px 22px}.island{position:absolute;width:95px;height:22px;background:#050505;border-radius:20px;top:18px;left:calc(50% - 47px)}.phonelogo{font:22px 'El Messiri';color:var(--gold);display:flex;justify-content:space-between;align-items:center}.phonelogo small{font:8px Cairo;color:var(--muted)}.demo{font-size:8px;margin-block:8px 23px}.phonescreen h3{font-size:22px}.phonescreen>p:not(.demo){font-size:10px}.progress{height:3px;background:#3e3524;margin:23px 0}.progress span{display:block;width:35%;height:100%;background:var(--gold)}.task{display:flex;gap:10px;padding:15px 0;border-bottom:1px solid #423826;font-size:11px}.task b{color:var(--gold)}.task small{display:block;font-size:8px;color:var(--muted);margin-top:6px}.done b{background:var(--gold);color:#111;border-radius:50%;width:18px;height:18px;display:grid;place-items:center;font-size:10px;flex-shrink:0}.notebox{margin-top:22px;padding:15px;border:1px solid #3a3020;font-size:10px}.notebox span{font-size:8px;color:var(--muted)}.phonetabs{font-size:9px;color:var(--gold);display:flex;justify-content:space-between;margin-top:25px}.phonetabs span{color:var(--muted)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.steps article{border-top:1px solid var(--border);padding-top:25px}.steps span{color:var(--gold);font-size:13px}.steps h3{font-size:22px;margin:15px 0}.steps p{font-size:13px}.fitgrid{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--border)}.fitgrid>div{padding:30px}.fitgrid>div+div{border-right:1px solid var(--border);background:#111110}.fitgrid h3{color:var(--gold);font-size:22px}.fitgrid ul{margin:20px 0 0;padding-right:20px;color:var(--muted);font-size:13px}.fitgrid li{padding-block:7px}.personal{text-align:center;padding-block:70px;border-block:1px solid var(--border)}.personal p{margin-top:20px}.offer{max-width:700px;margin:auto;border:1px solid #77623c;padding:55px;text-align:center;background:radial-gradient(ellipse at top,#282216,#10100e 70%)}.offer p{font-size:14px;margin-top:15px}.price{margin-block:25px}.price>span{font-size:68px;line-height:1.4;color:var(--gold);font-weight:500;display:block}.price small{font-size:12px;color:var(--muted)}.selectedpath{font-size:12px;margin:15px 0 22px;color:var(--muted)}.selectedpath b{color:var(--gold)}.offer .button{width:100%;max-width:370px}.offer .offerfoot{font-size:11px}.faq{max-width:870px}.faq details{border-bottom:1px solid var(--border);padding:21px 5px}.faq summary{cursor:pointer;list-style:none;font-size:15px}.faq summary:after{content:'+';float:left;color:var(--gold);font-size:20px}.faq details[open] summary:after{content:'−'}.faq details p{font-size:13px;margin-top:15px}footer{display:flex;justify-content:space-between;align-items:center;padding-block:35px;border-top:1px solid var(--border)}footer p,footer small{font-size:11px;color:var(--muted)}dialog{max-width:470px;width:calc(100% - 36px);background:#15130f;color:var(--light);border:1px solid var(--gold);padding:40px}dialog::backdrop{background:#000c;backdrop-filter:blur(5px)}dialog p{margin-block:20px;font-size:13px}.close{position:absolute;top:8px;left:12px;background:none;border:0;color:var(--gold);font-size:25px}@media(max-width:800px){.wrap{padding-inline:22px}.nav{height:80px}.nav nav{gap:20px}.nav nav>a:not(.smallbutton){display:none}.hero{min-height:740px}.heroimg{background:linear-gradient(270deg,#090909 0%,#090909bb 60%,#09090933),linear-gradient(0deg,#090909 0%,transparent 75%),url('hero.jpg') 35% center/cover no-repeat;opacity:.6}.herogrid{padding-top:55px}.hero h1{font-size:58px}.hero h2{font-size:29px}.herotext{max-width:520px}.hero p{font-size:14px}.heroindex{left:22px}.herofacts{gap:13px;font-size:10px}h2{font-size:28px}.intro h2{font-size:27px}.intro{padding-block:65px}.section{padding-block:55px}.paths,.benefits,.steps{grid-template-columns:1fr}.path{padding:25px}.cardnumber{margin-bottom:15px}.benefits{grid-template-columns:1fr 1fr;gap:12px}.benefit{padding:25px 15px}.benefit h3{font-size:18px}.benefit p{font-size:11px}.benefit:last-child{grid-column:1/-1}.appsection{grid-template-columns:1fr;gap:45px;text-align:center}.appcopy p{margin-inline:auto}.appnote{border:none;padding:0}.phone{transform:rotate(-3deg)}.fitgrid{grid-template-columns:1fr}.fitgrid>div+div{border-right:0;border-top:1px solid var(--border)}.personal{padding-block:50px}.offer{padding:35px 20px}.price>span{font-size:60px}footer{gap:20px}.sectionhead{margin-bottom:30px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Personalized launch edition */
.hero{min-height:690px}.heroimg{background:linear-gradient(270deg,#090909 0%,rgba(9,9,9,.30) 54%,transparent 75%),linear-gradient(0deg,#090909,transparent 22%),url('lubna-hero-selected.png') center center/cover no-repeat}.herogrid{padding-top:85px;padding-bottom:85px}.herotext{max-width:580px}.hero h1{font-size:clamp(64px,6.7vw,94px);letter-spacing:-1px;margin-bottom:22px}.hero-promise{margin-bottom:30px}.hero-days{display:block;color:var(--gold);font-size:22px;margin-bottom:12px}.hero-days b{font-size:34px;font-weight:500;margin-left:5px}.hero-promise h2{font-size:clamp(26px,2.8vw,38px);line-height:1.5}.hero-promise p{font-size:22px;margin:12px 0 0;color:var(--light)}.intro h2{max-width:900px;margin:auto;font-size:40px;line-height:1.7}.intro p{max-width:780px;margin-inline:auto;font-size:16px;line-height:2.2}.path{cursor:default}.path:hover{transform:none;border-color:var(--border)}.path-footnote{text-align:center;max-width:800px;margin:27px auto 0;font-size:13px;line-height:2}.steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.steps article{background:#141413;border:1px solid var(--border);border-radius:17px;text-align:center;padding:27px 20px 30px}.steps span{font:500 62px/1.2 Cairo,sans-serif;display:block;direction:ltr;margin-bottom:22px;color:var(--gold)}.steps h3{font-size:21px;margin-bottom:12px}.steps p{font-size:12px;line-height:2}.appsection{grid-template-columns:1fr 1.5fr;gap:70px}.phone{grid-column:1;grid-row:1;transform:none;border:3px solid #f8bc35;width:286px;padding:7px;box-shadow:0 25px 90px #000}.appcopy{grid-column:2;grid-row:1}.appcopy h2{font-size:38px}.appcopy h2 em{font-size:29px}.appcopy p{max-width:none}.fitgrid li{list-style:none;position:relative;padding-right:27px;border-bottom:1px solid var(--border);padding-block:13px}.fitgrid ul{padding:0}.fitgrid li:last-child{border:0}.fitgrid li:before{content:'✓';color:var(--gold);position:absolute;right:0}.fitgrid>div+div li:before{content:'×';color:#d09b98}.fitgrid>div+div h3{color:#d09b98}.personal{display:grid;grid-template-columns:1.3fr 1fr;gap:65px;align-items:center;text-align:right;padding-block:75px}.personalcopy h2{font-size:40px}.personalcopy .foundername{color:var(--gold);font:24px 'El Messiri';margin-top:20px}.personalcopy p{max-width:470px}.founderportrait{margin:0;max-width:380px;justify-self:center;overflow:hidden;border:1px solid var(--border);border-radius:2px}.founderportrait img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover}.bio-space{margin-top:26px;padding-top:20px;border-top:1px solid var(--border)}.bio-space span{font-size:10px;color:var(--gold)}.bio-space p{font-size:13px;margin-top:5px}.offer h2{font-size:46px}.offerpitch{line-height:2.1}.price{display:flex;align-items:center;justify-content:center;gap:20px;direction:ltr}.price del{font-size:27px;color:var(--muted);text-decoration-color:var(--gold);text-decoration-thickness:1px}.price>span{font-size:70px}.launch-offer{margin:5px 0 25px}.launch-offer>span{font-size:14px;color:var(--gold)}.launch-offer p{font-size:12px;max-width:400px;margin:10px auto 0}.benefit h3{font-size:20px}.benefit p{font-size:13px}.benefit{padding:30px 24px}
@media(max-width:1000px){.steps{grid-template-columns:repeat(2,minmax(0,1fr))}.appsection{gap:35px}.appcopy h2{font-size:32px}.personal{gap:35px}.hero h1{font-size:72px}.herotext{max-width:470px}}
@media(max-width:700px){.hero{min-height:0;padding-top:300px}.heroimg{inset:0 0 auto;height:340px;background:linear-gradient(0deg,#090909,transparent 50%),url('lubna-hero-selected.png') 17% center/auto 340px no-repeat;opacity:1}.herogrid{padding-top:10px;padding-bottom:65px}.herotext{max-width:none}.hero h1{font-size:62px;margin-bottom:14px}.hero-promise h2{font-size:30px}.hero-promise p{font-size:19px}.hero-days{font-size:19px}.hero-days b{font-size:29px}.heroindex{bottom:17px;font-size:8px}.hero .button{width:100%;max-width:360px}.herofacts{flex-wrap:wrap;gap:12px}.intro h2{font-size:28px}.intro p{font-size:14px}.intro p br{display:none}.steps{gap:12px}.steps article{padding:22px 15px}.steps span{font-size:50px;margin-bottom:15px}.steps h3{font-size:20px}.steps p{font-size:12px}.appsection{grid-template-columns:1fr;text-align:center;gap:35px}.appcopy{grid-column:1;grid-row:1}.phone{grid-column:1;grid-row:2;width:275px}.appcopy h2{font-size:31px}.appcopy h2 em{font-size:24px}.personal{grid-template-columns:1fr;text-align:center;gap:30px}.personalcopy p{margin-inline:auto}.personalcopy h2{font-size:33px}.founderportrait{max-width:320px}.bio-space{max-width:450px;margin-inline:auto}.offer h2{font-size:39px}.price>span{font-size:59px}.price del{font-size:23px}.benefits{grid-template-columns:1fr 1fr}.benefit{padding:25px 15px}.benefit h3{font-size:19px}.benefit p{font-size:12px}.fitgrid li{text-align:right}.path-footnote{font-size:12px}}
@media(max-width:420px){.steps{grid-template-columns:1fr}.benefits{grid-template-columns:1fr}.benefit:last-child{grid-column:auto}.wrap{padding-inline:20px}.hero h1{font-size:54px}.hero-promise h2{font-size:27px}.price{gap:12px}.price>span{font-size:52px}.offer{padding-inline:18px}.phone{max-width:100%}.nav nav{gap:10px}.intro h2{font-size:25px}}
/* Compact banner typography with mobile copy over the photo */
.hero h1{font-size:clamp(48px,5.2vw,70px)}
.hero-promise h2{font-size:clamp(25px,2.3vw,31px)}
.hero-promise p{font-size:19px}
.hero-days{font-size:19px}.hero-days b{font-size:28px}
@media(max-width:700px){
.hero{padding-top:0;min-height:460px}
.heroimg{inset:0;height:100%;background:linear-gradient(270deg,#090909 0%,rgba(9,9,9,.94) 26%,rgba(9,9,9,.6) 49%,transparent 70%),linear-gradient(0deg,#090909,transparent 25%),url('lubna-hero-selected.png') 25% center/auto 100% no-repeat;opacity:1}
.herogrid{min-height:460px;display:flex;align-items:center;padding-top:35px;padding-bottom:48px}
.herotext{width:58%;max-width:280px;position:relative}
.hero .eyebrow{font-size:10px;margin-bottom:13px;letter-spacing:0}
.hero h1{font-size:clamp(29px,7.8vw,43px);line-height:1.4;margin-bottom:14px;white-space:nowrap;letter-spacing:0}
.hero-promise{margin-bottom:20px}
.hero-days{font-size:15px;margin-bottom:10px}.hero-days b{font-size:22px}
.hero-promise h2{font-size:clamp(19px,4.8vw,26px);line-height:1.65}
.hero-promise p{font-size:13px;margin-top:12px;line-height:1.8}
.hero .button{font-size:11px;padding:9px 12px;gap:10px;min-height:42px;width:auto;max-width:100%}
.herofacts{display:none}
.heroindex{bottom:14px;left:20px;font-size:7px;letter-spacing:2px}
}
@media(max-width:360px){.herotext{width:61%}.hero h1{font-size:27px}.hero-promise h2{font-size:18px}.hero .button{font-size:10px;padding-inline:9px}}

/* Brand identity and contact footer */
.brand{display:inline-flex;align-items:center;flex-shrink:0;line-height:0}.brand img{display:block;width:158px;height:auto;object-fit:contain;max-height:85px}
#paths .track-choice-note{color:#ee8d8d;font-weight:600}
.path-footnote{color:#efd277;font-size:14px;line-height:2.1}
.personalcopy .foundername{font-size:26px;margin-top:0;margin-bottom:12px}
.care-notice{padding-block:30px;text-align:center;max-width:960px}.care-notice p{font-size:12px;line-height:2.1;color:var(--muted)}.care-notice strong{font-weight:600;color:var(--light)}
.site-footer{gap:25px;padding-block:32px}.site-footer .brand img{width:165px}.social-links{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}.social-links a{display:grid;place-items:center;width:43px;height:43px;border:1px solid var(--border);border-radius:50%;color:var(--gold);transition:background .2s,border-color .2s}.social-links a:hover{background:#f8bc3512;border-color:var(--gold)}.social-links svg{width:20px;height:20px}
@media(max-width:700px){.nav .brand img{width:125px;max-height:68px}.personal .founderportrait{grid-column:1;grid-row:1}.personal .personalcopy{grid-column:1;grid-row:2}.personalcopy .foundername{margin-top:0;font-size:24px}.site-footer{flex-direction:column;gap:22px;text-align:center}.site-footer .brand img{width:155px}.care-notice{padding-block:25px}.care-notice p{font-size:12px}.path-footnote{font-size:13px}.social-links{gap:10px}}

#paths .track-choice-note{color:#FF0000}.care-notice p,.care-notice strong{color:#FF0000}
.appmockup{grid-column:1;grid-row:1;margin:0;justify-self:center;width:100%;max-width:355px}.appmockup img{display:block;width:100%;height:auto;border-radius:22px}.site-footer{justify-content:center;flex-wrap:wrap}.site-footer small{margin-inline-start:auto}
@media(max-width:700px){.appmockup{grid-column:1;grid-row:2;max-width:300px}.site-footer small{margin-inline-start:0}}

/* Wide app photograph: title, image, details on every screen */
.appsection{display:flex;flex-direction:column;gap:30px;text-align:center}.appheading{width:100%}.appheading h2{font-size:clamp(28px,3.4vw,38px)}.appheading h2 em{font-size:clamp(22px,2.7vw,29px)}.appsection .appmockup{width:100%;max-width:880px;margin:0}.appmockup img{border-radius:20px}.appsection .appcopy{width:100%;max-width:760px}.appsection .appcopy p{margin:0 auto 20px;max-width:720px}@media(max-width:700px){.appsection{gap:24px}.appmockup img{border-radius:14px}}

/* Consistent hero promise typography and spacing */
.hero-promise{display:flex;flex-direction:column;gap:12px;margin:24px 0 28px}.hero .hero-promise p{font-family:Cairo,sans-serif;font-size:19px;font-weight:400;line-height:1.8;color:var(--light);margin:0;max-width:none}.heroimg{background:linear-gradient(270deg,#090909 4%,rgba(9,9,9,.86) 35%,transparent 70%),linear-gradient(0deg,#090909,transparent 28%),url('lubna-hero-selected.png') left center/cover no-repeat}
@media(max-width:700px){.hero .hero-promise p{font-size:13px;line-height:1.8}.hero-promise{gap:12px;margin:18px 0 24px}.heroimg{background:linear-gradient(270deg,#090909 0%,rgba(9,9,9,.9) 28%,rgba(9,9,9,.35) 57%,transparent 75%),linear-gradient(0deg,#090909,transparent 25%),url('lubna-hero-selected.png') 12% center/auto 100% no-repeat}}

/* Tighter equal spacing between the three hero lines */
.hero-promise{gap:5px}@media(max-width:700px){.hero-promise{gap:5px}}

/* Hero starts at page top, logo overlays photograph, text vertically centered */
.hero-brand{position:absolute;inset:0 0 auto;z-index:3;padding-top:20px;pointer-events:none}.hero-brand .brand{display:inline-block;pointer-events:auto}.hero .herogrid{min-height:680px;display:flex;align-items:center;padding-top:105px;padding-bottom:105px;width:100%}.hero-brand .brand img{display:block;width:158px;height:auto}
@media(max-width:700px){.hero-brand{padding-top:16px}.hero-brand .brand img{width:125px}.hero .herogrid{min-height:500px;padding-top:90px;padding-bottom:40px}}

/* Logo-inspired metallic gold for Eval hero title only */
.hero h1 em{color:#f8bc35;background:linear-gradient(110deg,#e89a1b 0%,#ffd65a 25%,#f6b526 48%,#ffe27a 70%,#eaa01e 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}

/* Brighter logo gold throughout; concise white introduction */
:root{--gold:#f8bc35}.button{background:linear-gradient(110deg,#e89a1b 0%,#ffd65a 25%,#f6b526 48%,#ffe27a 70%,#eaa01e 100%)}.intro h2{color:var(--gold)}.intro p{color:#fff;margin-top:10px}.intro .eyebrow{margin-bottom:12px}

/* Approved path copy, white descriptions and softer red */
#paths .sectionhead .track-choice-note{margin-top:5px;color:#df7777}#paths .path p:not(.pathlead),#paths .path small{color:#fff}

/* Approved red and simple vertical two-color buttons */
#paths .sectionhead .track-choice-note{color:#D12626;font-weight:700}.button{background:linear-gradient(to bottom,#ffd65a,#eaa01e)}

/* More breathing room between portrait and hero text */
.heroimg{background-position:center,center,-75px center}#paths .path small{color:#D12626;font-weight:700}@media(max-width:700px){.heroimg{background-position:center,center,22% center}}

/* Subtle rounded corners across site cards and boxes */
.path,.benefit,.steps article,.fitgrid>div,.offer,.bio-space,.care-notice,dialog{border-radius:14px}.button,.smallbutton{border-radius:9px}.founderportrait{border-radius:14px;overflow:hidden}

.fitgrid{border-radius:14px;overflow:hidden}

/* Clear benefit headings and descriptions */
.benefit h3{color:var(--gold)}.benefit p{color:#fff}

/* Black veil blends the banner photograph with the copy */
.heroimg{background-image:linear-gradient(to left,rgba(0,0,0,.96) 0%,rgba(0,0,0,.82) 30%,rgba(0,0,0,.40) 54%,rgba(0,0,0,.10) 74%,rgba(0,0,0,.02) 100%),linear-gradient(0deg,#090909,transparent 28%),url("lubna-hero-neck-v2.png")}
@media(max-width:700px){.heroimg{background-image:linear-gradient(to left,rgba(0,0,0,.94) 0%,rgba(0,0,0,.82) 28%,rgba(0,0,0,.34) 55%,rgba(0,0,0,.08) 77%,transparent 100%),linear-gradient(0deg,#090909,transparent 25%),url("lubna-hero-neck-v2.png")}}

/* Gold icon medallions with subtle depth */
.benefit-icon{display:flex;align-items:center;justify-content:center;width:72px;height:72px;margin:0 auto 19px;border-radius:50%;border:1px solid rgba(248,188,53,.58);background:linear-gradient(145deg,#29251b,#121211);box-shadow:0 7px 16px rgba(0,0,0,.35),inset 0 1px 2px rgba(255,224,148,.15),inset 0 -3px 6px rgba(0,0,0,.4)}.benefit .benefit-icon svg{display:block;width:33px;height:33px;margin:0;color:var(--gold);filter:drop-shadow(0 2px 2px rgba(0,0,0,.55))}
@media(max-width:700px){.benefit-icon{width:64px;height:64px;margin-bottom:17px}.benefit .benefit-icon svg{width:30px;height:30px}}

/* Three clear onboarding steps */
#journey .steps{grid-template-columns:repeat(3,minmax(0,1fr))}#journey .steps h3{color:var(--gold)}#journey .steps p{color:#fff}
@media(max-width:700px){#journey .steps{grid-template-columns:1fr}}

/* Refined bold step numbers in gold-rimmed circles */
#journey .steps article>span{display:flex;align-items:center;justify-content:center;width:76px;height:76px;margin:0 auto 21px;border:1px solid rgba(248,188,53,.6);border-radius:50%;background:linear-gradient(145deg,#29251b,#121211);box-shadow:0 6px 15px rgba(0,0,0,.28),inset 0 1px 2px rgba(255,224,148,.13);font-family:Cairo,sans-serif;font-size:34px;font-weight:800;line-height:1;color:var(--gold);direction:ltr;font-variant-numeric:lining-nums}
@media(max-width:700px){#journey .steps article>span{width:66px;height:66px;font-size:30px;margin-bottom:18px}}

/* Balanced spacing between step number, title and detail */
#journey .steps article>span{margin-bottom:15px}#journey .steps h3{margin:0 0 7px;line-height:1.55}#journey .steps p{margin:0;line-height:1.9}
@media(max-width:700px){#journey .steps article>span{margin-bottom:13px}#journey .steps h3{margin-bottom:6px}}

/* Clear geometric numerals, preserving the circle treatment */
#journey .steps article>span{font-family:Montserrat,Arial,sans-serif;font-weight:700;font-size:34px;line-height:1;font-variant-numeric:lining-nums tabular-nums}
@media(max-width:700px){#journey .steps article>span{font-size:30px}}

/* Approved app copy and easy-to-read feature checklist */
.appheading .app-tagline{font-family:Cairo,sans-serif;font-size:clamp(16px,2vw,20px);font-weight:500;line-height:1.8;color:var(--gold);margin-top:7px}.appsection .appcopy{color:#fff;text-align:right;max-width:760px}.appsection .appcopy p{color:#fff}.app-link-intro strong{font-weight:600}.app-features{list-style:none;margin:0;padding:0;display:grid;gap:16px}.app-features li{display:flex;align-items:flex-start;gap:12px;color:#fff;line-height:1.95}.app-check{flex:none;color:var(--gold);font-size:21px;font-weight:700;line-height:1.4;padding-top:3px}
@media(max-width:700px){.appheading .app-tagline{font-size:16px}.app-features{gap:14px}.app-features li{gap:10px;font-size:14px}}

/* App link caption before image, shorter checklist beneath */
.appheading .app-link-caption{font-family:Cairo,sans-serif;color:#fff;font-size:13px;font-weight:400;line-height:1.85;margin:8px auto 0;max-width:660px}.appsection .appcopy .app-weekly-review{margin:23px 0 0;max-width:none;color:#fff;line-height:1.95}
@media(max-width:700px){.appheading .app-link-caption{font-size:12px;max-width:340px}.appsection .appcopy .app-weekly-review{font-size:14px;margin-top:20px}}

/* Highlight weekly review handoff */
.appsection .appcopy .app-weekly-review{color:var(--gold)}

/* Approved suitability copy, white details and matching red */
.fitgrid ul,.fitgrid li{color:#fff}.fitgrid>div+div h3,.fitgrid>div+div li:before{color:#D12626}.fit .fit-note{text-align:center;color:var(--gold);font-size:12px;line-height:1.9;margin:20px auto 0;max-width:760px}

/* Smaller app photo on desktop; preserve approved mobile size */
@media(min-width:701px){.appsection .appmockup{max-width:460px}}

/* Tighter path title spacing and more readable descriptions */
#paths .path h3{margin-bottom:5px}#paths .path p:not(.pathlead){font-size:14px}
/* Reduce desktop whitespace around the compact app photograph */
@media(min-width:701px){.appsection{padding-block:65px;gap:20px}}

/* Connect the introduction directly to the path section */
.intro{padding-bottom:41px}#paths{padding-top:41px}
@media(max-width:700px){.intro{padding-bottom:37px}#paths{padding-top:37px}}

/* Reduce only the introduction title-to-description gap */
.intro h2+p{margin-top:2px}

/* Founder heading first on every screen; portrait before details on mobile. */
.personal{row-gap:24px}
.personal-heading{grid-column:1/-1;grid-row:1}
.personal-heading h2{font-size:40px}
.personal-heading .foundername{font-family:Cairo,sans-serif;font-size:12px;font-weight:400;letter-spacing:1px;color:var(--gold);margin-top:8px}
.personal .personalcopy{grid-column:1;grid-row:2}
.personal .founderportrait{grid-column:2;grid-row:2}
@media(max-width:700px){.personal-heading h2{font-size:33px}.personal .founderportrait{grid-column:1;grid-row:2}.personal .personalcopy{grid-column:1;grid-row:3}}

.personal .personalcopy p{color:#fff;font-size:14px;line-height:2;margin:0 0 16px;max-width:none}.personal .personalcopy p:last-child{margin-bottom:0}

/* Minimal black pricing card with a fine gold frame. */
#price .offer{max-width:610px;margin-inline:auto;padding:38px 36px;background:#0c0c0b;border:1px solid var(--gold);border-radius:20px;box-shadow:0 0 24px rgba(248,188,53,.09);text-align:center}
#price .offer .eyebrow{color:#fff;font-size:13px;letter-spacing:0;margin-bottom:9px}
#price .offer h2{font-size:38px;color:var(--gold);margin:0 0 18px}
#price .price{gap:19px;margin:0 0 20px;flex-wrap:wrap}
#price .price>span{font-family:Montserrat,Cairo,sans-serif;font-size:58px;font-weight:700;line-height:1.2;color:var(--gold)}
#price .price del{font-family:Cairo,sans-serif;font-size:22px;color:#aaa;text-decoration-color:#aaa}
#price .launch-offer{margin:0 0 24px}
#price .launch-offer>span{color:#fff;font-size:15px}
#price .launch-offer b{color:var(--gold)}
#price .launch-offer p{color:#fff;font-size:12px;line-height:1.9;margin:8px auto 0;max-width:430px}
#price .button{width:100%;max-width:400px;padding:12px 22px;font-size:16px}
@media(max-width:700px){#price .offer{padding:28px 19px;border-radius:17px}#price .offer h2{font-size:32px}#price .price>span{font-size:46px}#price .price del{font-size:19px}#price .launch-offer>span{font-size:14px}}

/* Center stacked prices using the existing Cairo price font. */
#price .price{flex-direction:column;align-items:center;justify-content:center;gap:5px}
#price .price>span{font-family:Cairo,sans-serif}

.care-notice p,.care-notice strong{color:var(--gold)}

/* Zoom out only the banner photograph and gently darken it. */
.heroimg{background-color:#090909;background-size:100% 100%,100% 100%,auto 90%;background-position:center,center,-35px bottom}
.heroimg::after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.12);pointer-events:none}
@media(max-width:700px){.heroimg{background-size:100% 100%,100% 100%,auto 90%;background-position:center,center,22% bottom}}
/* Tighten the stacked prices without letting their lines overlap. */
#price .price{gap:0}
#price .price del{line-height:1.2;margin:0}
#price .price>span{line-height:1.05;margin:0}

/* Full-bleed photograph with a softer, continuous blend behind the text. */
.heroimg{inset:0;height:100%;background-image:linear-gradient(to left,rgba(0,0,0,.72) 0%,rgba(0,0,0,.52) 28%,rgba(0,0,0,.22) 52%,rgba(0,0,0,.05) 76%,transparent 100%),linear-gradient(0deg,#090909,transparent 20%),url("lubna-hero-neck-v2.png");background-size:100% 100%,100% 100%,cover;background-position:center,center,left center}
.heroimg::after{background:rgba(0,0,0,.08)}
@media(max-width:700px){.heroimg{inset:0;height:100%;background-image:linear-gradient(to left,rgba(0,0,0,.78) 0%,rgba(0,0,0,.60) 28%,rgba(0,0,0,.23) 55%,rgba(0,0,0,.04) 80%,transparent 100%),linear-gradient(0deg,#090909,transparent 20%),url("lubna-hero-neck-v2.png");background-size:100% 100%,100% 100%,cover;background-position:center,center,22% center}}

/* Desktop-only balance: lower logo and copy; show the full-width desk at the bottom. */
@media(min-width:701px){
.hero-brand{padding-top:80px}
.hero .herogrid{padding-top:155px;padding-bottom:55px}
.heroimg{background-position:center,center,left bottom;background-size:100% 100%,100% 100%,cover}
}

/* Preserve the full photograph height on desktop, including the head and desk. */
@media(min-width:701px){
.hero,.hero .herogrid{min-height:max(680px,56.28vw)}
.heroimg{background-size:100% 100%,100% 100%,auto 100%;background-position:center,center,left center}
}