@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Oswald:wght@500;600;700&display=swap');

:root{
  --navy:#062852;
  --navy-dark:#031d3d;
  --coral:#f38472;
  --powder:#8faac9;
  --ice:#e7ebf2;
  --cream:#fbf8f3;
  --white:#ffffff;
  --ink:#122642;
  --muted:#66758a;
  --line:rgba(6,40,82,.12);
  --shadow:0 18px 55px rgba(6,40,82,.10);
  --radius:28px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;line-height:1.6}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
.container{width:min(1160px,calc(100% - 40px));margin:auto}
.eyebrow{font-family:'Oswald',sans-serif;text-transform:uppercase;letter-spacing:.08em;color:var(--coral);font-weight:600;font-size:15px}
.display{font-family:'Oswald',sans-serif;line-height:.98;letter-spacing:-.025em;color:var(--navy);margin:0}
.accent{color:var(--coral)}

/* Navigation */
.nav{position:sticky;top:0;z-index:50;background:rgba(251,248,243,.94);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.nav-inner{height:76px;display:flex;align-items:center;justify-content:space-between;gap:28px}
.brand{display:flex;align-items:center;gap:12px;font-weight:700;color:var(--navy)}
.brand img{width:58px;height:42px;object-fit:contain;background:var(--navy);padding:6px 10px;border-radius:3px}
.nav-links{display:flex;align-items:center;gap:30px;font-size:14px;font-weight:600}
.nav-links a{position:relative}
.nav-links a:after{content:'';position:absolute;left:0;right:100%;bottom:-8px;height:2px;background:var(--coral);transition:.2s ease}
.nav-links a:hover:after,.nav-links a.active:after{right:0}
.nav-cta,.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:13px 21px;font-weight:700;transition:.22s ease;border:1px solid transparent;cursor:pointer}
.nav-cta,.btn-primary{background:var(--coral);color:#fff}
.nav-cta:hover,.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(243,132,114,.28)}
.btn-secondary{border-color:rgba(6,40,82,.22);color:var(--navy);background:rgba(255,255,255,.7)}
.btn-secondary:hover{background:#fff;transform:translateY(-2px)}
.menu{display:none;background:none;border:0;font-size:24px;color:var(--navy)}

/* Shared page elements */
.section{padding:86px 0}
.section-tight{padding:62px 0}
.section-head{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:38px}
.section-head h2{font-size:clamp(44px,5vw,72px);max-width:760px}
.section-head p{max-width:440px;color:var(--muted);margin:0 0 8px}
.paper-shell{background:#fff;border:1px solid rgba(6,40,82,.06);border-radius:var(--radius);box-shadow:var(--shadow)}
.curve-section{position:relative;overflow:hidden}
.curve-section:before{content:'';position:absolute;left:-245px;top:-100px;width:430px;height:820px;background:var(--navy);border-radius:0 52% 52% 0;transform:rotate(-5deg);z-index:0}
.curve-section:after{content:'';position:absolute;left:-120px;bottom:-265px;width:520px;height:420px;background:var(--powder);border-radius:60% 55% 0 0;transform:rotate(16deg);z-index:0}
.curve-section>.container{position:relative;z-index:2}

/* Home */
.home-hero{min-height:650px;display:flex;align-items:center;padding:92px 0 78px}
.home-hero .hero-copy{padding-left:92px;max-width:800px}
.home-hero h1{font-size:clamp(64px,7.8vw,112px);max-width:830px}
.home-hero p{font-size:19px;max-width:620px;margin:26px 0 30px;color:#42536a}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap}
.email-mark{position:absolute;right:5%;top:66px;width:104px;height:104px;color:var(--navy);opacity:.96}
.email-mark svg{width:100%;height:100%;display:block}
.squiggle{position:absolute;right:10%;top:200px;width:145px;height:120px;border-top:2px dashed rgba(243,132,114,.65);border-radius:50%;transform:rotate(25deg)}

/* Marquee */
.brand-marquee{background:#fff;overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.marquee-track{display:flex;width:max-content;animation:marquee 28s linear infinite;padding:23px 0}
.marquee-group{display:flex;align-items:center;gap:54px;padding-right:54px}
.marquee-logo{width:150px;height:58px;display:grid;place-items:center;flex:0 0 auto;padding:6px 12px}
.marquee-logo img{max-width:128px;max-height:52px;object-fit:contain;filter:none}
.marquee-name{font-family:'Oswald',sans-serif;color:#fff;font-size:24px;letter-spacing:.03em;white-space:nowrap;opacity:.95}
.marquee-dot{width:8px;height:8px;border-radius:50%;background:var(--coral);flex:0 0 auto}
@keyframes marquee{to{transform:translateX(-50%)}}

/* Home intro / services */
.intro-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:64px;align-items:start}
.intro-grid h2{font-size:clamp(48px,5.6vw,78px)}
.intro-copy p{color:var(--muted);font-size:17px;max-width:620px}
.service-mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:34px}
.service-mini{padding:24px;border-top:3px solid var(--coral);background:#fff;border-radius:0 0 20px 20px;box-shadow:0 12px 35px rgba(6,40,82,.07)}
.service-mini .num{font-family:'Oswald';color:var(--coral);font-size:14px;letter-spacing:.08em}
.service-mini h3{font-family:'Oswald';color:var(--navy);font-size:26px;margin:8px 0 7px}
.service-mini p{font-size:14px;color:var(--muted);margin:0}
.signature-line{margin-top:28px;padding:18px 22px;background:var(--ice);border-radius:16px;color:var(--navy);font-weight:600}
.signature-line em{font-family:'Oswald';font-style:normal;color:var(--coral);font-size:20px}

/* Reviews */
.review-section{background:var(--ice)}
.quote-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.quote{background:var(--navy);color:#fff;border-radius:24px;padding:30px;position:relative;min-height:330px;display:flex;flex-direction:column}
.quote:before{content:'“';font-family:Georgia,serif;color:var(--coral);font-size:66px;line-height:1;position:absolute;top:16px;left:24px}
.quote p{padding-top:34px;margin:0;color:#f6f8fb}
.quote footer{margin-top:auto;padding-top:24px}
.quote strong{display:block;color:#fff;text-transform:uppercase;letter-spacing:.02em}
.quote span{font-size:13px;color:#bfd0e0}
.more-link{display:inline-flex;margin-top:26px;font-weight:700;color:var(--navy);gap:8px;align-items:center}
.more-link:hover{color:var(--coral)}

/* Contact */
.contact-section{padding:90px 0;background:var(--navy);color:#fff;position:relative;overflow:hidden}
.contact-section:before{content:'';position:absolute;left:-110px;bottom:-210px;width:430px;height:360px;background:var(--powder);border-radius:60% 50% 0 0;transform:rotate(14deg)}
.contact-grid{position:relative;z-index:2;display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;align-items:start}
.contact-section .display{color:#fff;font-size:clamp(48px,5.8vw,82px)}
.contact-section p{color:#d7e1ed;max-width:520px;font-size:17px}
.contact-details{margin-top:28px;color:#d7e1ed;font-size:14px}
.contact-details a{color:#fff;font-weight:700}
.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:30px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);border-radius:24px}
.contact-form input,.contact-form select,.contact-form textarea{width:100%;border:0;border-radius:13px;padding:15px 16px;background:#fff;color:var(--ink);outline:none}
.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{box-shadow:0 0 0 3px rgba(243,132,114,.3)}
.contact-form textarea{grid-column:1/-1;min-height:135px;resize:vertical}
.contact-form .full{grid-column:1/-1}
.form-note{grid-column:1/-1;font-size:12px;color:#aebdd0;margin:0}

/* Inner page hero */
.page-hero{padding:94px 0 72px;position:relative;overflow:hidden}
.page-hero:after{content:'';position:absolute;right:-180px;top:-180px;width:460px;height:460px;border-radius:50%;background:var(--ice);z-index:0}
.page-hero .container{position:relative;z-index:2}
.page-hero h1{font-size:clamp(58px,7vw,96px);max-width:920px}
.page-hero p{font-size:19px;max-width:680px;color:var(--muted);margin-top:24px}

/* About */
.about-main{display:grid;grid-template-columns:.88fr 1.12fr;gap:66px;align-items:center}
.about-photo{background:var(--navy);border-radius:42% 42% 18% 18%;padding:16px;position:relative;overflow:hidden}
.about-photo img{border-radius:40% 40% 15% 15%;width:100%}
.about-copy h2{font-size:clamp(46px,5.4vw,75px)}
.about-copy p{color:var(--muted);font-size:17px}
.credibility{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:26px 0}
.cred{background:var(--ice);border-radius:16px;padding:17px}
.cred strong{font-family:'Oswald';display:block;color:var(--navy);font-size:24px}
.cred span{font-size:12px;color:var(--muted)}
.difference-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.difference-card{background:#fff;border-radius:20px;padding:24px;border:1px solid var(--line);box-shadow:0 10px 30px rgba(6,40,82,.05)}
.difference-card .icon-round{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:var(--navy);color:var(--coral);font-family:'Oswald';font-weight:700}
.difference-card h3{font-family:'Oswald';font-size:23px;color:var(--navy);margin:14px 0 7px}
.difference-card p{font-size:14px;color:var(--muted);margin:0}
.experience-band{background:var(--navy);color:#fff}
.experience-band .display{color:#fff;font-size:clamp(44px,5vw,70px)}
.experience-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.experience-points{display:grid;gap:15px}
.experience-point{padding:18px 0;border-bottom:1px solid rgba(255,255,255,.13)}
.experience-point strong{display:block;font-family:'Oswald';font-size:23px;color:#fff}
.experience-point span{color:#c8d5e4;font-size:14px}

/* Work with me */
.package-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.package{background:#fff;border-radius:24px;padding:30px;border:1px solid var(--line);box-shadow:var(--shadow);display:flex;flex-direction:column}
.package-number{font-family:'Oswald';font-size:19px;color:var(--coral);letter-spacing:.08em}
.package h2{font-family:'Oswald';font-size:34px;line-height:1.05;color:var(--navy);margin:8px 0 10px}
.package>p{color:var(--muted);min-height:80px}
.package ul{list-style:none;padding:0;margin:18px 0 26px}
.package li{padding:10px 0 10px 27px;border-bottom:1px solid var(--line);position:relative;font-size:14px}
.package li:before{content:'✓';position:absolute;left:0;color:var(--coral);font-weight:700}
.package .btn{margin-top:auto}
.process{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;counter-reset:step}
.process-step{position:relative;padding:24px;background:var(--ice);border-radius:20px}
.process-step:before{counter-increment:step;content:'0' counter(step);font-family:'Oswald';color:var(--coral);font-size:16px}
.process-step h3{font-family:'Oswald';font-size:24px;color:var(--navy);margin:8px 0}
.process-step p{font-size:14px;color:var(--muted);margin:0}

/* Reviews page */
.review-wall{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.review-card{background:var(--navy);color:#fff;border-radius:26px;padding:34px;position:relative;min-height:460px;display:flex;flex-direction:column}
.review-card .logo-bubble{width:116px;height:116px;background:#fff;border-radius:50%;display:grid;place-items:center;padding:18px;margin:-62px auto 18px;box-shadow:0 10px 30px rgba(0,0,0,.08)}
.review-card .logo-bubble img{max-height:70px;max-width:85px;object-fit:contain}
.review-card .big-quote{font-family:Georgia,serif;color:var(--coral);font-size:60px;line-height:.8;margin-bottom:10px}
.review-card p{color:#f6f8fb;margin:0}
.review-card footer{margin-top:auto;padding-top:26px}
.review-card strong{display:block;text-transform:uppercase}
.review-card span{color:#bfd0e0;font-size:13px}

/* Footer */
.footer{background:var(--navy-dark);color:#b8c7d9;padding:26px 0}
.footer-inner{display:flex;justify-content:space-between;gap:20px;align-items:center;font-size:13px}
.footer a:hover{color:#fff}

/* Thanks */
.thanks-wrap{min-height:80vh;display:grid;place-items:center;padding:40px}
.thanks-card{max-width:720px;background:#fff;border-radius:28px;padding:48px;box-shadow:var(--shadow);text-align:center}
.thanks-card h1{font-family:'Oswald';font-size:58px;color:var(--navy);margin:0 0 16px;line-height:1}
.thanks-card p{color:var(--muted)}


/* V2 refinements */
.section-head.single{display:block}
.work-page .page-hero{padding-bottom:34px}
.work-page .section-tight{padding-top:26px}
.work-page .review-section .section-head h2{max-width:980px}
.reviews-page .page-hero{padding-bottom:34px}
.reviews-page .reviews-list{padding-top:74px}
.reviews-page .logo-bubble{padding:14px}
.reviews-page .logo-bubble img{max-width:92px;max-height:74px;width:auto;height:auto;object-fit:contain}
@media(max-width:950px){
  .nav-links{display:none;position:absolute;left:20px;right:20px;top:69px;background:#fff;padding:18px;border-radius:18px;box-shadow:var(--shadow);flex-direction:column;align-items:flex-start}
  .nav-links.open{display:flex}.menu{display:block}.nav-cta{display:none}
  .home-hero .hero-copy{padding-left:0}.curve-section:before{left:-355px}.email-mark{right:2%}
  .intro-grid,.contact-grid,.about-main,.experience-grid{grid-template-columns:1fr}
  .service-mini-grid,.quote-grid,.package-grid,.review-wall{grid-template-columns:1fr 1fr}
  .difference-grid,.process{grid-template-columns:1fr 1fr}
  .review-card{margin-top:55px}
}
@media(max-width:650px){
  .container{width:min(100% - 28px,1160px)}
  .home-hero{min-height:auto;padding:70px 0 68px}.home-hero h1{font-size:58px}.home-hero p{font-size:17px}
  .curve-section:before{left:-385px}.curve-section:after{left:-250px}.email-mark{width:72px;height:72px;top:46px}
  .section{padding:66px 0}.section-tight{padding:48px 0}.section-head{display:block}.section-head p{margin-top:18px}.work-page .page-hero,.reviews-page .page-hero{padding-bottom:28px}.work-page .section-tight{padding-top:20px}.reviews-page .reviews-list{padding-top:70px}
  .service-mini-grid,.quote-grid,.package-grid,.review-wall,.difference-grid,.process,.credibility,.contact-form{grid-template-columns:1fr}
  .contact-form textarea,.contact-form .full,.form-note{grid-column:auto}
  .marquee-group{gap:34px;padding-right:34px}.marquee-name{font-size:20px}.marquee-logo{width:130px}
  .contact-grid{gap:34px}.contact-form{padding:20px}
  .about-main{gap:36px}.about-photo{width:84%;margin:auto}
  .page-hero{padding:70px 0 52px}.page-hero h1{font-size:56px}
  .footer-inner{flex-direction:column;align-items:flex-start}
  .review-card{min-height:auto}
}
@media(prefers-reduced-motion:reduce){.marquee-track{animation:none}}

/* V4 homepage refinements */
.brand img{
  width:96px;
  height:52px;
  object-fit:cover;
  object-position:center;
  background:var(--navy);
  padding:0;
  border-radius:4px;
}
.home-hero{min-height:680px;padding:82px 0 76px}
.hero-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:72px;align-items:center}
.home-hero .hero-copy{padding-left:92px;max-width:none}
.home-hero .hero-title{font-size:clamp(78px,8.7vw,128px);max-width:900px;line-height:.9}
.hero-kicker{font-family:'Oswald',sans-serif;font-size:clamp(28px,3vw,42px);line-height:1.05;color:var(--navy);margin-top:20px}
.home-hero p{margin-top:22px}
.hero-impact{justify-self:end;width:245px;padding:28px 26px;border:1px solid rgba(6,40,82,.16);border-radius:28px;background:rgba(255,255,255,.66);box-shadow:0 18px 50px rgba(6,40,82,.08);text-align:center;transform:rotate(1.5deg)}
.hero-impact:before{content:'';display:block;width:42px;height:4px;border-radius:999px;background:var(--coral);margin:0 auto 15px}
.impact-label{font-size:11px;letter-spacing:.18em;font-weight:700;color:var(--muted);margin-bottom:8px}
.impact-word{font-family:'Oswald',sans-serif;text-transform:uppercase;font-size:34px;line-height:1;color:var(--navy)}
.impact-word.accent-word{color:var(--coral)}
.impact-arrow{font-size:23px;line-height:1.15;color:var(--powder);margin:6px 0}
.squiggle,.email-mark{display:none!important}

.brand-marquee{background:var(--navy);border:0}
.marquee-track{padding:19px 0;animation-duration:25s}
.marquee-group{gap:46px;padding-right:46px}
.marquee-logo{width:180px;height:78px;padding:6px 14px}
.marquee-logo img{max-width:158px;max-height:66px;object-fit:contain;filter:none}
.marquee-logo.sprouties img{filter:invert(1);max-width:170px}
.marquee-logo.dorko img{background:#fff;border-radius:5px;padding:4px 8px;max-height:58px}
.marquee-logo.kj img{max-height:62px}
.marquee-logo.koala img{max-height:70px}
.marquee-dot{background:var(--coral);opacity:.9}

.quote{min-height:410px}
.quote p{font-size:15px;line-height:1.65}

@media(max-width:950px){
  .hero-layout{grid-template-columns:1fr;gap:34px}
  .hero-impact{justify-self:start;margin-left:0;width:min(100%,360px);display:grid;grid-template-columns:auto auto auto auto auto auto;align-items:center;gap:8px;text-align:left;transform:none;padding:18px 22px}
  .hero-impact:before{display:none}.impact-label{margin:0}.impact-word{font-size:24px}.impact-arrow{transform:rotate(-90deg);margin:0}
  .home-hero .hero-copy{padding-left:0}
}
@media(max-width:650px){
  .brand img{width:82px;height:46px}
  .home-hero{padding:58px 0 58px}
  .home-hero .hero-title{font-size:clamp(60px,17vw,78px)}
  .hero-kicker{font-size:27px}
  .hero-impact{display:block;width:100%;text-align:center}.impact-label{margin-bottom:7px}.impact-arrow{transform:none}
  .marquee-logo{width:150px;height:68px}.marquee-logo img{max-width:138px;max-height:58px}
  .quote{min-height:auto}
}
\n\n/* V5 refinements */
/* Dark navy navigation */
.nav{background:var(--navy);border-bottom:1px solid rgba(255,255,255,.12);backdrop-filter:blur(14px)}
.nav-links{color:#fff}
.nav-links a{color:#fff}
.menu{color:#fff}
.nav .brand img{background:var(--navy)}

/* White brand ticker with supplied logo artwork */
.brand-marquee{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.marquee-logo.sprouties img{filter:none;max-width:170px}
.marquee-logo.dorko img{background:transparent;border-radius:0;padding:0;max-height:58px}
.marquee-dot{background:var(--coral);opacity:.9}

/* Work With Me: tighter transition from hero copy to package cards */
.work-page .page-hero{padding-bottom:17px}
.work-page .section-tight{padding-top:13px}

/* Reviews: give Koala Picks more presence in its logo circle */
.reviews-page .review-card .logo-bubble img[alt="Koala Picks"]{max-width:108px;max-height:90px;width:auto;height:auto}

@media(max-width:950px){
  .nav-links{background:var(--navy);color:#fff;border:1px solid rgba(255,255,255,.12)}
  .nav-links a{color:#fff}
}
@media(max-width:650px){
  .work-page .page-hero{padding-bottom:14px}
  .work-page .section-tight{padding-top:10px}
}


/* V7 refinements */
/* Return navigation to the original warm off-white treatment */
.nav{background:rgba(251,248,243,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}
.nav-links,.nav-links a{color:var(--ink)}
.menu{color:var(--navy)}
.nav .brand img{background:var(--navy)}

/* Brand banner heading + cleaner white ticker */
.brand-marquee{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.marquee-heading{padding:18px 0 4px;text-align:center;background:#fff}
.marquee-heading .eyebrow{font-size:14px;color:var(--navy);letter-spacing:.11em}
.marquee-track{padding:12px 0 20px}
.marquee-logo.koala img{max-width:182px;max-height:82px;transform:scale(1.13)}

/* About: shorter, stronger, and visually balanced immediately on entry */
.about-hero{padding:70px 0 58px;position:relative;overflow:hidden}
.about-hero:before{content:'';position:absolute;right:-120px;top:-180px;width:520px;height:520px;background:var(--ice);border-radius:50%}
.about-hero-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(320px,.78fr);gap:64px;align-items:center;position:relative;z-index:2}
.about-hero-copy h1{font-size:clamp(62px,7.2vw,102px);max-width:760px}
.about-hero-copy>p{font-size:18px;color:var(--muted);max-width:680px;margin:24px 0 0}
.about-hero-photo{justify-self:end;width:min(100%,410px);background:var(--navy);border-radius:46% 46% 22% 22%;padding:14px 14px 0;overflow:hidden;box-shadow:var(--shadow)}
.about-hero-photo img{width:100%;height:420px;object-fit:cover;object-position:center top}
.about-proof{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}
.about-proof>div{background:#fff;border:1px solid var(--line);border-radius:16px;padding:13px 17px;min-width:145px}
.about-proof strong{display:block;font-family:'Oswald';font-size:21px;color:var(--navy);line-height:1.1}
.about-proof span{display:block;color:var(--muted);font-size:12px;margin-top:3px}
.about-impact-section{padding:72px 0}
.about-impact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:72px;align-items:start}
.about-impact-grid h2{font-size:clamp(46px,5vw,70px);margin-top:9px}
.about-impact-copy p{font-size:17px;color:var(--muted);margin:0 0 18px}
.about-pill-row{display:flex;flex-wrap:wrap;gap:9px;margin-top:24px}
.about-pill-row span{padding:9px 13px;border-radius:999px;background:var(--ice);color:var(--navy);font-size:13px;font-weight:700}
.about-cta-section{padding:66px 0}
.about-cta-section .display{font-size:clamp(44px,5vw,70px);max-width:820px}

/* Work With Me: keep the closing phrase visually together */
.work-page .page-hero p{max-width:760px}

/* Reviews: tighter jump into cards, centred/bigger Koala logo, text closer to quote mark */
.reviews-page .page-hero{padding-bottom:17px}
.reviews-page .reviews-list{padding-top:37px}
.reviews-page .review-card .logo-bubble{place-items:center;padding:10px}
.reviews-page .review-card .logo-bubble img[alt="Koala Picks"]{max-width:118px;max-height:98px;width:auto;height:auto;object-fit:contain;object-position:center;display:block;margin:auto;transform:scale(1.08)}
.reviews-page .review-card .big-quote{margin-bottom:0;line-height:.65}
.reviews-page .review-card .big-quote + p{margin-top:0}

@media(max-width:950px){
  .nav-links{background:#fff;color:var(--ink);border:1px solid var(--line)}
  .nav-links a{color:var(--ink)}
  .about-hero-grid,.about-impact-grid{grid-template-columns:1fr}
  .about-hero-photo{justify-self:start;width:min(72%,390px)}
  .about-impact-grid{gap:28px}
}
@media(max-width:650px){
  .about-hero{padding:54px 0 48px}
  .about-hero-copy h1{font-size:56px}
  .about-hero-photo{width:88%;margin:auto;justify-self:center}
  .about-hero-photo img{height:360px}
  .about-proof{display:grid;grid-template-columns:1fr 1fr}
  .about-impact-section{padding:56px 0}
  .about-cta-section{padding:56px 0}
  .reviews-page .page-hero{padding-bottom:14px}
  .reviews-page .reviews-list{padding-top:30px}
}


/* V8 refinements */
/* Homepage supplied logos */
.marquee-logo.koala img{max-width:92px;max-height:92px;transform:none;border-radius:50%;object-fit:contain}
.marquee-logo.scoop img{max-width:170px;max-height:64px;object-fit:contain}
.marquee-logo.jing img{max-width:158px;max-height:58px;object-fit:contain}

/* About: stronger intro, no proof boxes, then restored V4 sections */
.about-page .about-intro-eyebrow{font-size:18px;letter-spacing:.1em;margin-bottom:10px}
.about-page .about-hero-copy>p{max-width:none}
.about-intro-copy{max-width:720px;margin-top:24px}
.about-intro-copy p{font-size:17px;line-height:1.65;color:var(--muted);margin:0 0 16px}
.about-page .about-hero{padding-bottom:62px}
.about-page .section-tight{padding-top:58px}
.about-page .experience-band .eyebrow{color:var(--coral)}
.next-step-shell{background:#fff}

/* Reviews: supplied circular Koala logo */
.reviews-page .review-card .logo-bubble img[alt="Koala Picks"]{max-width:100px;max-height:100px;width:100%;height:100%;border-radius:50%;object-fit:contain;transform:none}

@media(max-width:650px){
  .about-page .about-intro-eyebrow{font-size:16px}
  .about-intro-copy p{font-size:16px}
  .marquee-logo.koala img{max-width:80px;max-height:80px}
}


/* V9 refinements */
/* New supplied RLM mark: preserve the artwork as-is without a coloured tile */
.brand img,.nav .brand img{
  width:96px;
  height:54px;
  object-fit:contain;
  background:transparent;
  padding:0;
  border-radius:0;
}

/* Supplied ticker logos */
.marquee-logo.koala{display:flex;align-items:center;justify-content:center}
.marquee-logo.koala img{
  width:96px;
  height:96px;
  max-width:96px;
  max-height:96px;
  object-fit:contain;
  object-position:center center;
  transform:none;
  border-radius:0;
  margin:auto;
}
.marquee-logo.scoop img{
  width:170px;
  max-width:170px;
  max-height:72px;
  object-fit:contain;
}

/* Keep the punchline together on desktop */
.signature-line em{white-space:nowrap;display:inline-block}

/* About: cleaner first view without portrait and less dead space */
.about-page .about-hero{padding-bottom:34px}
.about-page .about-hero-grid{display:block;max-width:900px;margin:0}
.about-page .about-hero-copy{max-width:900px}
.about-page .about-intro-copy{max-width:820px}
.about-page .section-tight{padding-top:29px}

@media(max-width:950px){
  /* Prevent decorative blue shape from sitting behind hero copy */
  .curve-section:before{
    left:-330px;
    width:360px;
    opacity:.9;
  }
  .curve-section:after{
    left:-240px;
    bottom:-310px;
    width:400px;
  }
  .home-hero .hero-copy{padding-left:0;max-width:760px}
  .hero-layout{display:block}
  .hero-impact{margin-top:34px}
  .about-page .about-hero-grid{display:block}
}

@media(max-width:650px){
  .container{width:min(100% - 28px,1160px)}
  .nav-inner{height:68px;gap:12px}
  .brand img,.nav .brand img{width:78px;height:46px}
  .nav-cta{display:none}

  /* Mobile hero must stay fully readable on the cream background */
  .curve-section:before,.curve-section:after{display:none}
  .home-hero{min-height:auto;padding:46px 0 48px}
  .home-hero .hero-copy{padding-left:0;max-width:100%}
  .home-hero .hero-title{font-size:clamp(54px,16vw,72px);line-height:.92}
  .hero-kicker{font-size:25px}
  .home-hero p{font-size:16px;line-height:1.6;margin-top:18px}
  .hero-actions{gap:10px}
  .hero-actions .btn{width:100%}
  .hero-impact{margin-top:28px;width:100%;padding:18px}

  .marquee-heading{padding-top:16px}
  .marquee-group{gap:30px;padding-right:30px}
  .marquee-logo{width:135px;height:66px;padding:5px 8px}
  .marquee-logo.koala img{width:78px;height:78px;max-width:78px;max-height:78px}
  .marquee-logo.scoop img{max-width:138px;max-height:58px}

  .intro-grid{grid-template-columns:1fr;gap:28px}
  .service-mini-grid{grid-template-columns:1fr}
  .signature-line{font-size:14px;line-height:1.5}
  .signature-line em{white-space:normal;display:inline}

  .about-page .about-hero{padding:46px 0 28px}
  .about-page .about-hero:before{display:none}
  .about-page .about-hero-copy h1{font-size:52px}
  .about-page .section-tight{padding-top:24px}
  .difference-grid{grid-template-columns:1fr}
  .experience-grid{grid-template-columns:1fr}

  .package-grid{grid-template-columns:1fr}
  .contact-grid{grid-template-columns:1fr;gap:32px}
  .contact-form{grid-template-columns:1fr;padding:20px}
  .contact-form textarea,.contact-form .full,.form-note{grid-column:1}
  .quote-grid{grid-template-columns:1fr}
}

/* V10 refinements */
/* Keep the About intro aligned to the same container/grid as the following section. */
.about-page .about-hero-grid,
.about-page .about-hero-copy{
  width:100%;
  max-width:none;
  margin-left:0;
  margin-right:0;
}
.about-page .about-intro-copy{max-width:900px}

/* Latest supplied ticker artwork */
.marquee-logo.koala img{
  width:108px;
  height:108px;
  max-width:108px;
  max-height:108px;
  object-fit:contain;
  object-position:center;
  margin:auto;
}
.marquee-logo.scoop img{
  width:176px;
  max-width:176px;
  max-height:78px;
  object-fit:contain;
  object-position:center;
}
@media(max-width:650px){
  .marquee-logo.koala img{width:84px;height:84px;max-width:84px;max-height:84px}
  .marquee-logo.scoop img{width:142px;max-width:142px;max-height:62px}
}


/* V12 refinements */
/* Keep About intro aligned with the sections below. */
.about-page .about-hero-grid{
  width:min(1160px,calc(100% - 40px));
  margin-left:auto;
  margin-right:auto;
}
.about-page .about-hero-copy{width:100%;max-width:900px;margin:0;}

/* Visually centre the tightly-cropped Koala Picks artwork in the ticker. */
.marquee-logo.koala{display:flex;align-items:center;justify-content:center;overflow:visible;}
.marquee-logo.koala img{
  width:auto;
  height:76px;
  max-width:122px;
  max-height:76px;
  object-fit:contain;
  object-position:center center;
  margin:0 auto;
  transform:none;
}

@media(max-width:650px){
  .about-page .about-hero-grid{width:min(100% - 28px,1160px);}
  .marquee-logo.koala img{height:66px;max-height:66px;max-width:106px;}
}

/* V14: automatic system dark mode */
:root{color-scheme:light dark}

@media (prefers-color-scheme: dark){
  :root{
    --navy:#f4eee7;
    --navy-dark:#07172c;
    --coral:#f38472;
    --powder:#6f8eaf;
    --ice:#132b49;
    --cream:#081a30;
    --white:#102642;
    --ink:#f4eee7;
    --muted:#b8c7d9;
    --line:rgba(231,235,242,.14);
    --shadow:0 18px 55px rgba(0,0,0,.28);
  }

  html{background:#081a30}
  body{background:#081a30;color:#f4eee7}
  .display,.hero-kicker,.impact-word,.service-mini h3,.signature-line,
  .difference-card h3,.package h2,.more-link,.marquee-heading .eyebrow,
  .cred strong,.process-step h3,.thanks-card h1{color:#f4eee7}
  .home-hero p,.section-head p,.intro-copy p,.service-mini p,.about-copy p,
  .about-hero-copy>p,.about-intro-copy p,.about-impact-copy p,.difference-card p,
  .package>p,.process-step p,.page-hero p,.thanks-card p{color:#b8c7d9}

  /* Navigation */
  .nav{background:rgba(7,23,44,.96);border-bottom-color:rgba(255,255,255,.1)}
  .nav-links,.nav-links a{color:#f4eee7}
  .menu{color:#f4eee7}
  .brand img,.nav .brand img{background:transparent}
  .btn-secondary{border-color:rgba(244,238,231,.26);color:#f4eee7;background:rgba(255,255,255,.06)}
  .btn-secondary:hover{background:rgba(255,255,255,.11)}

  /* Hero + decorative elements */
  .curve-section:before{background:#0d2b50}
  .curve-section:after{background:#183b61}
  .hero-impact{background:rgba(16,38,66,.9);border-color:rgba(255,255,255,.13);box-shadow:0 18px 50px rgba(0,0,0,.24)}
  .impact-label{color:#aebed1}
  .page-hero:after,.about-hero:before{background:#102946}

  /* Brand ticker: dark surround with clean light logo cards for brand artwork */
  .brand-marquee{background:#0a1f39;border-color:rgba(255,255,255,.1)}
  .marquee-heading{background:#0a1f39}
  .marquee-heading .eyebrow{color:#f4eee7}
  .marquee-logo{background:#fbf8f3;border-radius:12px}
  .marquee-logo.koala,.marquee-logo.sprouties,.marquee-logo.kj,.marquee-logo.dorko,.marquee-logo.scoop,.marquee-logo.jing{background:#fbf8f3}
  .marquee-logo.sprouties img{filter:none}

  /* Light cards become deep navy cards */
  .paper-shell,.service-mini,.difference-card,.package,.thanks-card,.next-step-shell,
  .about-proof>div{background:#102642;border-color:rgba(255,255,255,.1);box-shadow:var(--shadow)}
  .service-mini{border-top-color:var(--coral)}
  .signature-line,.cred,.process-step,.about-pill-row span{background:#132b49;color:#f4eee7}
  .cred span{color:#b8c7d9}
  .about-pill-row span{color:#f4eee7}

  /* Review areas */
  .review-section{background:#0d223c}
  .quote,.review-card{background:#102f55}
  .quote p,.review-card p{color:#f5f7fa}
  .quote span,.review-card span{color:#bfd0e0}
  .review-card .logo-bubble{background:#fbf8f3}

  /* Experience/contact/footer already use dark branding; subtly separate them */
  .experience-band{background:#061a31}
  .contact-section{background:#061a31}
  .footer{background:#031326}
  .contact-section p,.contact-details{color:#c9d5e2}
  .contact-form{background:rgba(255,255,255,.055);border-color:rgba(255,255,255,.12)}
  .contact-form input,.contact-form select,.contact-form textarea{background:#f7f3ee;color:#122642}
  .contact-form input::placeholder,.contact-form textarea::placeholder{color:#6c7888}
  .form-note{color:#b7c4d3}

  @media(max-width:950px){
    .nav-links{background:#0b2441;color:#f4eee7;border-color:rgba(255,255,255,.12)}
    .nav-links a{color:#f4eee7}
  }
}