/* Exact homepage brand tokens; the approved starter controls typography and geometry. */
:root{--paper:#0b0b0d;--ink:#fff;--muted:#b4b4bb;--line:#303035;--blue:#ebf925;--blue-dark:#d4df22;--navy:#1c1c21;--shadow:0 16px 44px #0005}
body{background:#0b0b0d;color:#fff}.hero{background:radial-gradient(ellipse at 50% 45%,#ebf92506,transparent 66%)}.hero-copy,.hero-proof,.section-heading p{color:#b4b4bb}.hero-trust{color:#efefef}.btn{color:#0b0b0d;background:linear-gradient(180deg,#f3ff55 0%,#ebf925 55%,#d4df22 100%);border-color:#d4df22;box-shadow:inset 0 1px 0 #ffffff80,inset 0 0 0 1px #ffffff20,0 2px 3px #0002,0 6px 14px #ebf92520}.section-kicker{color:#ebf925}.video-card{border-color:#ffffff20;background:#fff}.video-caption{color:#444}.vsl-pending{aspect-ratio:16/9;border-radius:8px;background:radial-gradient(ellipse at 45% 110%,#ebf92520,transparent 65%),#141416;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:22px;color:white}.vsl-pending strong{font-size:34px;line-height:1.18;letter-spacing:-1px;font-weight:500}.vsl-pending strong span{color:#ebf925}.vsl-pending p{font-size:12px;margin:12px 0;color:#ddd}.vsl-pending small{color:#8c8c94;font-size:10px}.preview-label{font-size:9px;letter-spacing:.15em;color:#c6c6ce;margin-bottom:20px}.process-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.process-item,.process-item:nth-child(4),.process-item:nth-child(5){grid-column:auto;background:#1c1c21;border-color:#34343a}.process-item>span{background:#ebf925;color:#0b0b0d;border-color:#ebf925}.process-item p{color:#b4b4bb}.step-sub{color:#ebf925;font-size:13px;line-height:21px;font-weight:500;margin:0 0 10px}.process-item:nth-child(1) .step-sub{color:#419df4}.process-item:nth-child(2) .step-sub{color:#46e7dd}.process-item:nth-child(3) .step-sub{color:#9774f8}.process-item:nth-child(4) .step-sub{color:#00d1f5}.case-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.case-study{padding:30px;background:linear-gradient(145deg,#1c1c21,#141417);border:1px solid #34343a;display:flex;flex-direction:column;box-shadow:none}.case-client{justify-content:flex-start;border-color:#34343a;min-height:64px;gap:18px;padding-bottom:18px;margin-bottom:24px}.case-client img{max-width:112px;max-height:43px;object-fit:contain;object-position:left center}.case-client h3{font-size:14px;line-height:20px;font-weight:500;letter-spacing:0;margin:0;color:#d7d7dc}.case-study>h2{font-size:38px;line-height:1.2;letter-spacing:-1px;font-weight:600;color:#ebf925;text-wrap:pretty}.case-context{font-size:14px;line-height:23px;color:#b4b4bb;margin:18px 0 24px}.case-results{display:grid;gap:13px;border-top:0;padding:0;margin:0;list-style:none}.case-results li{display:flex;align-items:flex-start;gap:10px;font-size:14px;line-height:22px;color:#ededf0}.result-tick{width:19px;height:19px;flex:0 0 19px;border-radius:50%;display:grid;place-items:center;background:#ebf92514;color:#ebf925;font-size:12px;line-height:19px;margin-top:2px}.case-solution{border-top:1px solid #34343a;padding-top:20px;margin:0 0 24px}.case-solution>span{font-size:9px;font-weight:600;letter-spacing:.1em;color:#95959e}.case-solution p{font-size:13px;line-height:22px;color:#b4b4bb;margin:8px 0 0}.interview-list{display:grid;gap:20px}.interview{display:grid;grid-template-columns:1fr 1.1fr;gap:40px;align-items:center;border:1px solid #34343a;border-radius:18px;padding:30px;background:#1c1c21}.interview:nth-child(even) .interview-copy{order:2}.interview-copy{min-width:0}.quote-mark{font-size:62px;line-height:35px;color:#ebf925;font-family:Georgia,serif;display:block}.interview blockquote{font-size:23px;line-height:1.4;letter-spacing:-.4px;margin:12px 0 24px;font-weight:500}.interview-person{display:grid;gap:4px}.interview-person strong{font-size:14px;font-weight:600}.interview-person span{font-size:12px;color:#a7a7af}.interview-player{aspect-ratio:16/9;overflow:hidden;border-radius:10px;background:#0b0b0d;border:1px solid #ffffff15}.interview-player iframe,.interview-player wistia-player{width:100%;height:100%;border:0;display:block}.review-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.review-card{border:1px solid #34343a;border-radius:16px;background:#1c1c21;padding:28px;display:flex;flex-direction:column}.review-card blockquote{margin:16px 0 24px;font-size:18px;line-height:28px;color:#e6e6ec}.review-person{display:flex;align-items:center;gap:13px;margin-top:auto}.review-person img{width:44px;height:44px;border-radius:50%;object-fit:cover}.review-person div{display:grid;gap:4px}.review-person strong{font-size:13px;font-weight:500}.review-person span{font-size:12px;color:#a7a7af}.faq summary{color:#fff;-webkit-text-fill-color:#fff}.faq details,.faq details:last-child{border-color:#34343a}.faq details p{color:#b4b4bb}.faq summary:after{color:#ebf925}.faq details::details-content{transition:height .25s,opacity .25s;transition-behavior:allow-discrete;overflow:clip}.final-cta{background:radial-gradient(ellipse at 50% 100%,#ebf92512,transparent 75%),#1c1c21;border-top:1px solid #34343a;border-bottom:1px solid #34343a}.final-cta p{color:#b4b4bb}.footer p,.footer div{color:#8f8f98}.footer a{color:#ccc}.brand img{height:auto}.faq .section-kicker{text-align:center}
@media(max-width:1000px){.case-study>h2{font-size:36px}.interview{gap:24px;padding:24px}.interview blockquote{font-size:20px}}
@media(max-width:760px){.interview{grid-template-columns:1fr}.interview:nth-child(even) .interview-copy{order:initial}.interview-player{width:100%}.case-grid{grid-template-columns:1fr}}
@media(max-width:600px){.vsl-pending{padding:15px}.vsl-pending strong{font-size:24px;letter-spacing:-.5px}.preview-label{margin-bottom:12px;font-size:8px}.vsl-pending p{font-size:10px;margin:9px 0}.vsl-pending small{font-size:8px}.process-grid{grid-template-columns:1fr}.step-sub{font-size:12px;line-height:19px}.case-grid{gap:14px}.case-study{padding:24px 22px}.case-study>h2{font-size:28px;line-height:34px;letter-spacing:-.65px}.case-client{margin-bottom:20px;align-items:center;min-height:50px}.case-client img{width:94px;margin:0;max-height:37px}.case-client h3{font-size:12px;line-height:18px}.case-context{font-size:14px;line-height:23px}.case-results li{font-size:13px;line-height:21px}.interview{padding:22px;gap:24px;border-radius:14px}.interview blockquote{font-size:21px;line-height:29px}.interview-person span{font-size:11px}.review-grid{grid-template-columns:1fr;gap:14px}.review-card{padding:24px}.review-card blockquote{font-size:17px;line-height:26px}.final-cta h2 br{display:none}.faq summary{color:#fff;-webkit-text-fill-color:#fff}}
@media(prefers-reduced-motion:reduce){.faq details::details-content{transition:none}}
.interview-player video{display:block;width:100%;height:100%;object-fit:contain;background:#0b0b0d}

/* Keep the video and booking action visually separate, including phone simulators. */
.hero-actions{margin-top:20px}
.hero-proof{margin-top:12px}

/* Original ProfitPath homepage process cards and artwork. */
.process-grid{gap:16px;align-items:stretch}
.outbound-step{display:flex;flex-direction:column;gap:32px;min-width:0;min-height:550px;padding:24px;border:1px solid #ffffff29;border-radius:24px;background:#1c1c21;overflow:hidden;position:relative}
.outbound-step-top{display:flex;justify-content:space-between;align-items:center}
.outbound-step-icon{width:80px;height:80px;flex:none}
.outbound-step-number{color:#464653;font-size:64px;line-height:1;font-weight:400;letter-spacing:-2px}
.outbound-step-copy{display:flex;flex-direction:column;gap:16px}
.step-title-row{display:flex;justify-content:space-between;align-items:center;gap:16px}
.step-title-row h3{flex:1;min-width:0;margin:0;font-size:28px;line-height:1.3;letter-spacing:-.5px;font-weight:500}
.outbound-step .step-sub{flex:0 1 42%;margin:0;font-size:16px;line-height:24px;font-weight:400}
.outbound-step:nth-child(1) .step-sub{color:#419df4}
.outbound-step:nth-child(2) .step-sub{color:#46e7dd}
.outbound-step:nth-child(3) .step-sub{color:#00d1f5}
.outbound-step:nth-child(4) .step-sub{color:#9774f8}
.outbound-step-copy p{margin:0;font-size:16px;line-height:24px;color:#ffffffa8}
.outbound-step-graphic{display:block;width:100%;height:auto;max-height:260px;object-fit:contain;margin-top:auto}
.outbound-step:first-child .outbound-step-graphic{max-width:none;width:calc(100% + 48px);margin: auto -24px -24px;max-height:none}
.outbound-step:nth-child(3) .outbound-step-graphic{width:min(370px,100%);align-self:center}
@media(max-width:1000px){.step-title-row h3{font-size:24px}}
@media(max-width:600px){.outbound-step{min-height:0;gap:24px;padding:24px;border-radius:24px}.outbound-step-icon{width:48px;height:48px}.outbound-step-number{font-size:32px;letter-spacing:-1px}.step-title-row h3{font-size:20px;line-height:26px;letter-spacing:-.3px}.outbound-step .step-sub{font-size:14px;line-height:21px}.outbound-step-copy p{font-size:14px;line-height:23px}.outbound-step-graphic{max-height:220px}}

/* Center every incomplete final row while retaining normal card widths. */
.case-grid,.process-grid{display:flex;flex-wrap:wrap;justify-content:center;align-items:stretch}
.case-grid>.case-study{flex:0 1 calc(50% - 10px);min-width:0}
.process-grid>.outbound-step{flex:0 1 calc(50% - 8px)}
@media(max-width:760px){.case-grid>.case-study{flex-basis:100%}}
@media(max-width:600px){.process-grid>.outbound-step{flex-basis:100%}}

/* Outcome and business-fit sections retain the branded card geometry. */
.outcomes-section .benefit-grid{display:flex;flex-wrap:wrap;justify-content:center;align-items:stretch}
.outcomes-section .benefit-card{flex:0 1 calc(50% - 10px);min-width:0;background:linear-gradient(145deg,#1c1c21,#141417);border-color:#34343a;box-shadow:none}
.outcomes-section .benefit-card p{color:#b4b4bb;margin-bottom:0}
.outcome-check{display:grid;place-items:center;width:32px;height:32px;flex:0 0 32px;background:#ebf92514;color:#ebf925;border-radius:50%;font-size:18px;margin-bottom:20px}
.fit-list{display:grid;gap:16px;max-width:800px;margin:0 auto}
.fit-item{display:flex;gap:18px;padding:26px;border:1px solid #34343a;border-radius:16px;background:#1c1c21}
.fit-item .outcome-check{margin:1px 0 0}
.fit-item h3{margin:0 0 10px;font-size:23px;line-height:29px;letter-spacing:-.45px;font-weight:600}
.fit-item p{margin:0;color:#b4b4bb;font-size:15px;line-height:24px}
@media(max-width:600px){.outcomes-section .benefit-card{flex-basis:100%}.outcomes-section h2 br,.fit-section h2 br{display:none}.fit-item{padding:22px;gap:14px}.fit-item h3{font-size:21px;line-height:27px}.fit-item p{font-size:14px;line-height:23px}}

/* Separate design preview: static detail beneath all readable content. */
.site-shell{position:relative;isolation:isolate}
.site-shell::before,.site-shell::after{content:"";pointer-events:none;z-index:-1}
.site-shell::before{position:fixed;inset:0;background-image:linear-gradient(to right,rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.08) 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(ellipse at 50% 28%,#000 0%,rgba(0,0,0,.6) 48%,transparent 90%);-webkit-mask-image:radial-gradient(ellipse at 50% 28%,#000 0%,rgba(0,0,0,.6) 48%,transparent 90%)}
.site-shell::after{position:absolute;inset:0;background:radial-gradient(ellipse 680px 460px at 8% 230px,rgba(235,249,37,.15),transparent 75%),radial-gradient(ellipse 620px 400px at 94% 690px,rgba(235,249,37,.10),transparent 75%),radial-gradient(ellipse 820px 580px at 50% 38%,rgba(235,249,37,.065),transparent 78%),radial-gradient(ellipse 700px 450px at 12% 78%,rgba(235,249,37,.075),transparent 78%)}
.hero{background:transparent}
@media(max-width:600px){.site-shell::before{background-size:48px 48px;opacity:.85}.site-shell::after{background:radial-gradient(ellipse 320px 400px at -10% 170px,rgba(235,249,37,.12),transparent 78%),radial-gradient(ellipse 300px 380px at 110% 720px,rgba(235,249,37,.10),transparent 78%),radial-gradient(ellipse 400px 700px at 50% 55%,rgba(235,249,37,.06),transparent 80%)}}

/* Roshan's requested slightly larger headline, preview only. */
.hero h1{font-size:43px;line-height:51.17px}
@media(max-width:1000px){.hero h1{font-size:38px;line-height:45.39px}}
@media(max-width:600px){.hero h1{font-size:22px;line-height:26.84px}}

/* Slightly more breathing room in the preview hero. */
.hero-copy{margin-top:18px}
.hero .video-card{margin-top:20px}
@media(max-width:600px){.hero-copy{margin-top:13px}.hero .video-card{margin-top:14px}}

/* Full-width booking breaks after each four case studies. */
.case-grid>.case-grid-cta{flex:0 0 100%;margin:12px 0}
@media(max-width:600px){.case-grid>.case-grid-cta{margin:10px 0}}