/* Page-specific editorial layouts for Hakeem's inner pages. All imagery is served locally. */
.inner-hero{position:relative;isolation:isolate;overflow:hidden;padding:clamp(54px,7vw,96px) 0;background:radial-gradient(ellipse at 12% 96%,#d5f3e4 0,transparent 33%),radial-gradient(ellipse at 84% 5%,#b8efd3 0,transparent 38%),linear-gradient(125deg,#f5fcf7,#e9f8ef 60%,#f8fcfa)}
.inner-hero:before{content:"";position:absolute;z-index:-1;inset-inline-start:-180px;top:-220px;width:440px;aspect-ratio:1;border:1px solid #6cb99222;border-radius:50%;box-shadow:0 0 0 38px #65b78b0c,0 0 0 86px #65b78b08}
.inner-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.88fr);gap:clamp(38px,7vw,100px);align-items:center}
.inner-hero-grid:not(:has(.inner-hero-visual)){grid-template-columns:1fr}
.inner-hero-copy{position:relative;z-index:2;max-width:690px}
.inner-hero-copy .eyebrow{display:flex;align-items:center;gap:11px;color:#078263}
.inner-hero-copy .eyebrow:before{content:"";width:29px;height:3px;border-radius:4px;background:#54bd8b}
.inner-hero-copy h1{font-size:clamp(2.55rem,4.8vw,4.5rem);line-height:1.28;max-width:750px;margin-bottom:18px;color:#103831}
.inner-hero-copy p{max-width:650px;margin:0;color:#527366;font-size:clamp(1rem,1.4vw,1.16rem);line-height:2}
.inner-hero-copy .pill{margin-top:25px}
.inner-hero-visual{position:relative;min-height:clamp(280px,34vw,430px);isolation:isolate}
.inner-hero-visual:before{content:"";position:absolute;z-index:-1;inset:9% -6% -5% 8%;border-radius:48% 38% 42% 36%;background:linear-gradient(135deg,#a8e7c4,#e0f5e8);transform:rotate(-5deg)}
.inner-hero-visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:34px;box-shadow:0 28px 65px #034d3828}
.inner-hero-visual:after{content:"";position:absolute;inset:0;border:1px solid #ffffff80;border-radius:34px;pointer-events:none}
.hero-orbit{position:absolute;z-index:-1;border:1px solid #15885e3b;border-radius:50%;pointer-events:none}
.hero-orbit--one{width:140px;aspect-ratio:1;inset-inline-end:-10%;top:-10%}
.hero-orbit--two{width:225px;aspect-ratio:1;inset-inline-end:-22%;top:-23%}
.inner-hero--pricing .inner-hero-visual img{object-position:50% 43%}
.inner-hero--specialties .inner-hero-visual img{object-position:55% center}
.inner-hero--about .inner-hero-visual img{object-position:center 42%}
.inner-hero--contact .inner-hero-visual img,.inner-hero--demo .inner-hero-visual img{object-position:center 42%}
.content-section:not(.closing-section) .section-copy{position:relative}
.content-section:not(.closing-section) .section-copy .eyebrow{display:flex;align-items:center;gap:10px}
.content-section:not(.closing-section) .section-copy .eyebrow:before{content:"";width:24px;height:2px;border-radius:2px;background:#65bd91}
.content-section:not(.closing-section) .body-copy{max-width:650px}
.content-section:not(.closing-section) .section-copy h2{letter-spacing:normal}
.plans-section{position:relative;isolation:isolate;background:linear-gradient(180deg,#f8fcfa,#edf8f1)}
.plans-section:before{content:"";position:absolute;z-index:-1;width:400px;aspect-ratio:1;border:1px solid #80c49e26;border-radius:50%;inset-inline-start:-230px;top:4%;box-shadow:0 0 0 55px #80c49e0b,0 0 0 110px #80c49e08}
.plan-card{position:relative;overflow:hidden;min-height:100%;border-radius:28px;padding:clamp(25px,3vw,38px);box-shadow:0 18px 50px #06483212}
.plan-card:after{content:"";position:absolute;width:135px;aspect-ratio:1;border:1px solid #8fc9a64d;border-radius:50%;inset-inline-end:-75px;top:-85px;box-shadow:0 0 0 22px #8fc9a610}
.plan-card:nth-child(2){background:linear-gradient(150deg,#075b49,#073d34 75%);box-shadow:0 24px 60px #06483230}
.plan-card:nth-child(2):before{content:"";position:absolute;inset:10px;border:1px solid #c6f5d328;border-radius:21px;pointer-events:none}
.plan-card:nth-child(2) li{border-color:#d4f2df24}
.plan-card ul{position:relative;z-index:1}
.specialty-section{position:relative;isolation:isolate;background:radial-gradient(ellipse at 100% 8%,#ddf4e6 0,transparent 40%),linear-gradient(145deg,#eff9f2,#f9fcfa)}
.specialty-card{min-height:280px;padding:clamp(26px,3.5vw,42px);box-shadow:0 15px 40px #0648320a}
.specialty-card:after{content:"";position:absolute;inset-inline-end:-65px;bottom:-105px;width:210px;aspect-ratio:1;border:1px solid #6cb99227;border-radius:50%;box-shadow:0 0 0 26px #6cb99209;pointer-events:none}
.specialty-card:nth-child(4n+2),.specialty-card:nth-child(4n+3){background:linear-gradient(145deg,#e0f2e7,#f7fcf8)}
.specialty-card h2{max-width:80%;line-height:1.35}
.form-grid{align-items:start;gap:clamp(38px,7vw,90px)}
#request{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 0 0,#d9f5e4 0,transparent 36%),linear-gradient(135deg,#f1faf4,#eaf7ef)}
#request:after{content:"";position:absolute;z-index:-1;inset-inline-end:-140px;bottom:-250px;width:430px;aspect-ratio:1;border:1px solid #72bb9224;border-radius:50%;box-shadow:0 0 0 48px #72bb920a,0 0 0 105px #72bb9207}
.lead-form{position:relative;border-color:#d3eadb;border-radius:26px;padding:clamp(22px,3vw,34px);box-shadow:0 24px 64px #06483214}
.lead-form label{color:#315c4d}
.lead-form input:not([type=checkbox]),.lead-form textarea{border-color:#d3e5d9;border-radius:13px;transition:border-color .2s,box-shadow .2s,background .2s}
.lead-form input:not([type=checkbox]):focus,.lead-form textarea:focus{outline:none;border-color:#35a77c;background:#fff;box-shadow:0 0 0 4px #72d2a82a}
.contact-details{display:grid;grid-template-columns:1fr 1fr;gap:7px 18px;margin-top:27px}
.contact-details p{padding:15px 17px;border:1px solid #d7ebde;border-radius:16px;background:#ffffffa6;color:#315d4d;line-height:1.8;overflow-wrap:anywhere}
.contact-details b{display:inline-block;margin-bottom:4px;color:#08775c;font-size:.83rem}
.socials> b{color:#315d4d}
.content-section.card-section:not(.home-specialties){background:linear-gradient(145deg,#f1faf4,#f9fcfa)}
.card-section .item-card{min-height:160px;border-radius:21px;padding:23px;background:linear-gradient(145deg,#fff,#f8fcf9)}
.card-section .item-card>span{color:#078263}
.card-section .item-card h3{line-height:1.45}
.closing-section{overflow:hidden}
@media(max-width:850px){.inner-hero-grid{grid-template-columns:1fr;gap:32px}.inner-hero-copy{max-width:760px}.inner-hero-visual{width:min(100%,660px);min-height:clamp(270px,55vw,430px);margin-inline:auto}.inner-hero-copy h1{max-width:800px}.content-section:not(.closing-section) .section-copy{max-width:780px}.contact-details{max-width:720px}}
@media(max-width:600px){.inner-hero{padding:54px 0 58px}.inner-hero-grid{gap:25px}.inner-hero-copy h1{font-size:clamp(2.25rem,10vw,3.1rem)}.inner-hero-visual{min-height:260px;width:calc(100% - 15px);margin-inline:0}.inner-hero-visual img{border-radius:23px}.inner-hero-visual:after{border-radius:23px}.hero-orbit--one{width:90px}.hero-orbit--two{width:145px}.plans-section,.specialty-section{padding-block:50px 62px}.plan-card{padding:26px}.specialty-card{min-height:0;padding:27px 24px}.specialty-card h2{max-width:100%;font-size:1.65rem}.specialty-number{font-size:3rem}.form-grid{gap:26px}.contact-details{grid-template-columns:1fr;gap:0}.lead-form{border-radius:21px}}
@media(prefers-reduced-motion:reduce){.inner-hero-visual img,.lead-form input,.lead-form textarea{transition:none}}

/* A unified, alternating image-and-copy feature card for non-homepage content. */
.feature-story{padding-block:clamp(38px,5vw,68px);background:linear-gradient(135deg,#f1f8f3,#f8fcfa)}
.feature-story.soft{background:linear-gradient(135deg,#eaf6ee,#f4faf6)}
.feature-story .section-grid{position:relative;isolation:isolate;grid-template-columns:minmax(0,1fr) minmax(0,.92fr);gap:0;align-items:stretch;overflow:hidden;border:1px solid #d7e9dd;border-radius:34px;background:linear-gradient(125deg,#fff 0%,#fafffc 100%);box-shadow:0 24px 70px #063d2f12}
.feature-story .section-copy{align-self:center;padding:clamp(34px,5vw,70px)}
.feature-story .section-copy h2{max-width:640px;font-size:clamp(2rem,3.3vw,3.15rem);margin-bottom:15px}
.feature-story .section-copy .body-copy{font-size:1.03rem;line-height:2.05}
.feature-story .section-copy .actions{margin-top:22px}
.feature-story .section-image,.feature-story .section-symbol{align-self:stretch;min-height:390px;height:100%;aspect-ratio:auto;border:0;border-radius:0;box-shadow:none}
.feature-story .section-image:hover{transform:none;box-shadow:none}
.feature-story .section-image img{display:block;min-height:390px;object-fit:cover}
.feature-story .section-image:hover img{transform:scale(1.035)}
.feature-story.feature-story--reverse .section-copy{grid-column:2;grid-row:1}
.feature-story.feature-story--reverse .section-image,.feature-story.feature-story--reverse .section-symbol{grid-column:1;grid-row:1}
.feature-story .section-symbol{position:relative;overflow:hidden;justify-content:center;gap:0;border-radius:0;background:radial-gradient(circle at 76% 24%,#55c99a 0,transparent 32%),radial-gradient(circle at 10% 90%,#158064 0,transparent 44%),linear-gradient(145deg,#075b49,#06372f 78%);color:#fff}
.feature-story .section-symbol:before,.feature-story .section-symbol:after{content:"";position:absolute;pointer-events:none;border:1px solid #c7ffe33a;border-radius:50%}
.feature-story .section-symbol:before{width:310px;aspect-ratio:1;inset-inline-end:-100px;top:-120px;box-shadow:0 0 0 34px #c7ffe310,0 0 0 77px #c7ffe30a}
.feature-story .section-symbol:after{width:190px;aspect-ratio:1;inset-inline-start:-70px;bottom:-100px;box-shadow:0 0 0 25px #c7ffe30a}
.feature-story .section-symbol span{position:absolute;inset-inline-start:13%;top:11%;z-index:1;color:#d3ffe9b0;font-size:clamp(6rem,10vw,9rem);line-height:1;font-weight:700}
.feature-story .section-symbol b{position:relative;z-index:1;margin-top:70px;padding:13px 24px;border:1px solid #d5ffeb4a;border-radius:999px;background:#ffffff13;color:#f4fff8;font-size:1.15rem;letter-spacing:.02em;box-shadow:0 12px 35px #00261e30;backdrop-filter:blur(8px)}
.feature-story .section-symbol b:before{content:"";display:inline-block;width:8px;height:8px;margin-inline-end:10px;border-radius:50%;background:#81edbc;box-shadow:0 0 0 5px #81edbc27;vertical-align:middle}
@media(max-width:850px){.feature-story .section-grid{grid-template-columns:1fr;gap:0}.feature-story .section-copy,.feature-story.feature-story--reverse .section-copy{grid-column:1;grid-row:1;padding:34px 32px 27px}.feature-story .section-image,.feature-story .section-symbol,.feature-story.feature-story--reverse .section-image,.feature-story.feature-story--reverse .section-symbol{grid-column:1;grid-row:2;min-height:300px}.feature-story .section-image img{min-height:300px;max-height:390px}.feature-story .section-symbol{min-height:300px}.feature-story .section-symbol span{font-size:7rem}}
@media(max-width:600px){.feature-story{padding-block:30px}.feature-story .section-grid{border-radius:25px}.feature-story .section-copy,.feature-story.feature-story--reverse .section-copy{padding:28px 23px 22px}.feature-story .section-copy h2{font-size:1.9rem}.feature-story .section-copy .body-copy{font-size:.96rem;line-height:1.9}.feature-story .section-image,.feature-story .section-symbol,.feature-story.feature-story--reverse .section-image,.feature-story.feature-story--reverse .section-symbol{min-height:245px}.feature-story .section-image img{min-height:245px;max-height:300px}.feature-story .section-symbol{min-height:245px}.feature-story .section-symbol span{font-size:6rem;top:12%;inset-inline-start:10%}.feature-story .section-symbol b{margin-top:50px;padding:11px 20px}}
.section--pricing_scope,.section--pricing_steps,.section--pricing_faq{position:relative;isolation:isolate;background:linear-gradient(145deg,#f1f9f4,#fbfdfb)}
.section--pricing_scope .container,.section--pricing_steps .container,.section--pricing_faq .container{display:block}
.section--pricing_scope .section-copy,.section--pricing_steps .section-copy,.section--pricing_faq .section-copy{max-width:830px;margin:0 auto 30px;text-align:center}
.section--pricing_scope .section-copy .eyebrow,.section--pricing_steps .section-copy .eyebrow,.section--pricing_faq .section-copy .eyebrow{justify-content:center}
.section--pricing_scope .section-copy h2,.section--pricing_steps .section-copy h2,.section--pricing_faq .section-copy h2{margin-inline:auto}
.section--pricing_scope .body-copy,.section--pricing_steps .body-copy,.section--pricing_faq .body-copy{margin-inline:auto}
.section--pricing_scope .item-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.section--pricing_scope .item-card{min-height:210px;padding:26px;border-radius:24px}
.section--pricing_scope .item-card>span,.section--pricing_steps .item-card>span{display:grid;place-items:center;width:38px;height:38px;margin-bottom:24px;border:1px solid #b9dfc8;border-radius:50%;background:#f0faf3;color:#078263;font-weight:700}
.section--pricing_steps{background:linear-gradient(135deg,#e8f6ed,#f7fbf8)}
.section--pricing_steps .item-grid{grid-template-columns:repeat(3,minmax(0,1fr));counter-reset:pricing-step}
.section--pricing_steps .item-card{min-height:205px;border-color:#d0e8d8;border-radius:24px}
.section--pricing_steps .item-card h3{font-size:1.16rem}
.section--pricing_faq .item-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.section--pricing_faq .item-card{min-height:0;padding:22px 25px;border-radius:19px;box-shadow:none}
.section--pricing_faq .item-card>span{display:none}
.section--pricing_faq .item-card h3{position:relative;padding-inline-start:26px;font-size:1.02rem}
.section--pricing_faq .item-card h3:before{content:"؟";position:absolute;inset-inline-start:0;top:0;color:#078263}
.section--pricing_faq .item-card p{margin-bottom:0}
.section--specialty_workflow,.section--specialty_fit{background:linear-gradient(145deg,#f2faf5,#f9fcfa)}
.specialty-card ul{position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:22px}
.specialty-card li{border:1px solid #dceee2;background:#f8fcf9;line-height:1.6}
.section--specialties_cta .section-copy .body-copy{margin-inline:auto}
@media(max-width:900px){.section--pricing_scope .item-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.section--pricing_steps .item-grid{grid-template-columns:1fr}.section--pricing_steps .item-card{min-height:0}}
@media(max-width:600px){.section--pricing_scope .section-copy,.section--pricing_steps .section-copy,.section--pricing_faq .section-copy{margin-bottom:22px}.section--pricing_scope .item-grid,.section--pricing_faq .item-grid{grid-template-columns:1fr}.section--pricing_scope .item-card{min-height:0}.section--pricing_faq .item-card{padding:18px}.specialty-card ul{grid-template-columns:1fr}}
.draft-preview-notice{padding:12px 20px;text-align:center;background:#fff2d8;color:#6b4300;border-bottom:1px solid #e8c987;font-weight:700;font-size:.95rem}
.section--values{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 8% 15%,#def5e7 0,transparent 30%),radial-gradient(ellipse at 92% 82%,#e6f4ed 0,transparent 32%),linear-gradient(145deg,#f8fcf9,#eff8f2)}
.section--values:before{content:"";position:absolute;z-index:-1;inset-inline-end:-105px;top:10%;width:270px;aspect-ratio:1;border:1px solid #6fb98d24;border-radius:50%;box-shadow:0 0 0 28px #6fb98d09,0 0 0 58px #6fb98d06;pointer-events:none}
.section--values .container{display:block}
.section--values .section-copy{max-width:820px;margin:0 auto clamp(30px,4vw,52px);text-align:center}
.section--values .section-copy .eyebrow{justify-content:center}
.section--values .section-copy h2{margin-inline:auto;font-size:clamp(2rem,3.6vw,3.25rem)}
.section--values .section-copy .body-copy{max-width:650px;margin-inline:auto;color:#527366;font-size:1.08rem;line-height:2}
.section--values .item-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;max-width:1120px;margin-inline:auto}
.section--values .item-card{position:relative;isolation:isolate;overflow:hidden;min-height:235px;padding:clamp(24px,3vw,36px);border:1px solid #d7eadd;border-radius:26px;background:linear-gradient(155deg,#fff 8%,#f8fcf9);box-shadow:0 18px 45px #074c3510}
.section--values .item-card:after{content:"";position:absolute;z-index:-1;width:150px;aspect-ratio:1;inset-inline-end:-78px;bottom:-84px;border:1px solid #70bd9228;border-radius:50%;box-shadow:0 0 0 18px #70bd9208,0 0 0 38px #70bd9205}
.section--values .item-card>span{display:grid;place-items:center;width:48px;height:48px;margin-bottom:32px;border:1px solid #c9e7d3;border-radius:17px;background:linear-gradient(145deg,#e9f8ee,#d9f1e2);color:#087454;font-size:.8rem;font-weight:800}
.section--values .item-card h3{margin-bottom:11px;color:#103d33;font-size:1.24rem}
.section--values .item-card p{max-width:290px;margin:0;color:#587568;font-size:.98rem;line-height:1.9}
.section--values .item-card:nth-child(2){transform:translateY(18px);background:linear-gradient(150deg,#075b49,#064237);border-color:#075b49;box-shadow:0 24px 55px #06483226}
.section--values .item-card:nth-child(2) h3{color:#fff}
.section--values .item-card:nth-child(2) p{color:#d2eae0}
.section--values .item-card:nth-child(2)>span{background:#ffffff16;border-color:#c5f4dc55;color:#e8fff2}
.section--values .item-card:nth-child(2):after{border-color:#c5f4dc2e;box-shadow:0 0 0 18px #c5f4dc0c,0 0 0 38px #c5f4dc08}
@media(max-width:800px){.section--values .item-grid{grid-template-columns:1fr;max-width:560px}.section--values .item-card,.section--values .item-card:nth-child(2){min-height:0;transform:none}.section--values .item-card>span{margin-bottom:22px}}
