/* Burtland website stylesheet */
:root{
  --purple:#2c0b44;
  --purple-deep:#1e0730;
  --yellow:#fbba00;
  --orange:#f28c00;
  --blue:#3ec0f0;
  --jade:#009b99;
  --pink:#e84454;
  --cream:#fdf3e0;
  --white:#ffffff;
  --ink:#3a2050;
  --font:'Baloo 2', sans-serif;
  --leaf:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M50,0 C85,15 85,85 50,100 C15,85 15,15 50,0 Z'/%3E%3C/svg%3E");
}
*{box-sizing:border-box; margin:0; padding:0;}
html{scroll-behavior:smooth; overflow-x:hidden; scroll-padding-top:110px;}
@media (prefers-reduced-motion:reduce){ html{scroll-behavior:auto;} *{transition:none !important;} }
body{font-family:var(--font); color:var(--purple); line-height:1.55; overflow-x:hidden; width:100%; background:var(--purple);}
img,svg{max-width:100%;}
a{color:inherit;}
.wrap{max-width:1180px; margin:0 auto; padding:0 24px; position:relative; z-index:3;}
h1,h2,h3{font-weight:800; line-height:1.12; letter-spacing:-0.01em;}
.sr-only{position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0;}
.skip-link{position:absolute; left:16px; top:-60px; z-index:200; background:var(--yellow); color:var(--purple); font-weight:800; padding:10px 18px; border-radius:100px; text-decoration:none;}
.skip-link:focus{top:12px;}

/* Focus visibility */
a:focus-visible, button:focus-visible, summary:focus-visible{outline:3px solid var(--yellow); outline-offset:3px; border-radius:8px;}
.land a:focus-visible, .land button:focus-visible{outline-color:var(--purple);}
.cta-box a:focus-visible{outline-color:var(--yellow);}

/* ---------- Petal motifs ---------- */
.leaf-row{display:flex; justify-content:center; align-items:center; gap:34px; padding:26px 0; position:relative; z-index:2;}
.leaf-row svg{width:28px; height:28px; display:block;}
.leaf-row-wave svg:nth-child(1){transform:translateY(2px) rotate(-18deg) scale(0.85);}
.leaf-row-wave svg:nth-child(2){transform:translateY(-16px) rotate(8deg) scale(1.15); width:34px; height:34px;}
.leaf-row-wave svg:nth-child(3){transform:translateY(4px) rotate(-6deg) scale(0.9);}
.leaf-row-wave svg:nth-child(4){transform:translateY(-12px) rotate(22deg) scale(1.1); width:32px; height:32px;}
.leaf-row-wave svg:nth-child(5){transform:translateY(6px) rotate(-20deg) scale(0.8);}
.leaf-row-stairs{align-items:flex-end;}
.leaf-row-stairs svg:nth-child(1){transform:translateY(16px) rotate(-12deg) scale(0.85);}
.leaf-row-stairs svg:nth-child(2){transform:translateY(6px) rotate(6deg) scale(1.05);}
.leaf-row-stairs svg:nth-child(3){transform:translateY(-4px) rotate(-18deg) scale(0.95); width:32px; height:32px;}
.leaf-row-stairs svg:nth-child(4){transform:translateY(-14px) rotate(24deg) scale(1.1); width:34px; height:34px;}
.leaf-row-stairs svg:nth-child(5){transform:translateY(-22px) rotate(-8deg) scale(0.9);}

/* Standard bullet: one horizontal petal, same size, angle and spacing everywhere.
   Colours alternate purple, blue, pink, jade, yellow outside the package boxes. */
:root{--petal-h:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 56'%3E%3Cpath d='M0,28 C18,-4 82,-4 100,28 C82,60 18,60 0,28 Z'/%3E%3C/svg%3E");}
.petal-list{list-style:none; display:flex; flex-direction:column; gap:10px;}
.petal-list li{position:relative; padding-left:30px; font-weight:600; color:var(--purple);}
.petal-list li::before{content:""; position:absolute; left:0; top:calc(0.775em - 5.5px); width:19px; height:11px; -webkit-mask:var(--petal-h) center/contain no-repeat; mask:var(--petal-h) center/contain no-repeat; background:var(--petal, var(--purple));}
.petal-list li:nth-child(5n+2)::before{background:var(--petal, var(--blue));}
.petal-list li:nth-child(5n+3)::before{background:var(--petal, var(--pink));}
.petal-list li:nth-child(5n+4)::before{background:var(--petal, var(--jade));}
.petal-list li:nth-child(5n+5)::before{background:var(--petal, var(--yellow));}
.petal-list.trio li:nth-child(n)::before{background:var(--petal, var(--purple));}
.petal-list.trio li:nth-child(3n+2)::before{background:var(--petal, var(--pink));}
.petal-list.trio li:nth-child(3n+3)::before{background:var(--petal, var(--yellow));}
.bullet-petal{display:inline-block; flex-shrink:0; width:19px; height:11px; -webkit-mask:var(--petal-h) center/contain no-repeat; mask:var(--petal-h) center/contain no-repeat; background:var(--purple);}
.petal-mark{display:inline-block; width:14px; height:18px; -webkit-mask:var(--leaf) center/contain no-repeat; mask:var(--leaf) center/contain no-repeat; background:var(--pink); transform:rotate(28deg); flex-shrink:0;}

/* ---------- Buttons ---------- */
.btn{display:inline-flex; align-items:center; justify-content:center; gap:10px; font-family:var(--font); font-weight:700; font-size:1rem; padding:15px 32px; border-radius:100px; border:2px solid transparent; cursor:pointer; text-decoration:none; transition:transform .18s ease, box-shadow .18s ease, background .18s ease, color .18s ease; white-space:nowrap;}
.btn:hover{transform:translateY(-3px);}
.btn-yellow{background:var(--yellow); color:var(--purple); border-color:var(--yellow);}
.btn-yellow:hover{box-shadow:0 10px 26px rgba(251,186,0,0.4);}
.btn-purple{background:var(--purple); color:var(--white); border-color:var(--purple);}
.btn-purple:hover{box-shadow:0 10px 26px rgba(44,11,68,0.35);}
.btn-ghost-light{background:transparent; color:var(--white); border-color:var(--white);}
.btn-ghost-light:hover{background:var(--white); color:var(--purple);}
.btn-ghost-dark{background:transparent; color:var(--purple); border-color:var(--purple);}
.btn-ghost-dark:hover{background:var(--purple); color:var(--white);}
@media (max-width:420px){ .btn{white-space:normal; text-align:center; padding:14px 24px;} }

/* ---------- Rainbow stripe ---------- */
.colour-stripe{display:flex; width:100%; height:6px;}
.colour-stripe span{flex:1;}
.colour-stripe span:nth-child(1){background:var(--yellow);}
.colour-stripe span:nth-child(2){background:var(--orange);}
.colour-stripe span:nth-child(3){background:var(--pink);}
.colour-stripe span:nth-child(4){background:var(--jade);}
.colour-stripe span:nth-child(5){background:var(--blue);}

/* ---------- Social ---------- */
.topbar{padding:12px 0 0;}
.social-row{display:flex; gap:12px; align-items:center;}
.social-row a{width:34px; height:34px; display:flex; align-items:center; justify-content:center; border-radius:50%; background:rgba(255,255,255,0.16); color:var(--white); transition:background .18s ease, transform .18s ease;}
.social-row a:hover{background:rgba(255,255,255,0.32); transform:translateY(-2px);}
.social-row svg{width:16px; height:16px; fill:currentColor; flex-shrink:0;}

/* ---------- Header ---------- */
header.site-header{position:sticky; top:0; z-index:100; padding:10px 0 14px; background:rgba(44,11,68,0); transition:background .25s ease, box-shadow .25s ease;}
header.site-header.scrolled{background:rgba(30,7,48,0.96); box-shadow:0 8px 24px rgba(0,0,0,0.18);}
.nav-row{display:flex; align-items:center; justify-content:space-between; gap:18px;}
.logo{display:flex; align-items:center; padding:4px 2px;}
.logo img{height:34px; width:auto; max-width:100%; object-fit:contain; display:block;}
.main-nav ul{display:flex; gap:10px; list-style:none;}
.main-nav a{font-weight:600; font-size:0.9rem; color:var(--purple); background:var(--white); display:inline-flex; padding:8px 16px; border-radius:100px; border:2px solid var(--nav-c, var(--orange)); text-decoration:none; white-space:nowrap; transition:background .18s ease, transform .18s ease, box-shadow .18s ease;}
.main-nav a:hover{transform:translateY(-2px); box-shadow:0 8px 18px rgba(44,11,68,0.3);}
.header-cta{padding:11px 22px; font-size:0.92rem;}
.burger{display:none; flex-direction:column; gap:5px; background:var(--white); border:none; cursor:pointer; padding:11px 10px; border-radius:12px;}
.burger span{width:22px; height:3px; background:var(--purple); border-radius:3px;}
.mobile-nav{display:none; flex-direction:column; gap:10px; padding:16px 24px 20px;}
.mobile-nav a{font-weight:600; font-size:1rem; color:var(--purple); background:var(--white); padding:10px 18px; border-radius:100px; border:2px solid var(--nav-c, var(--orange)); text-align:center; text-decoration:none;}
/* Each page has its own colour: shown on the current page, and on hover or keyboard focus; otherwise white */
.nav-yellow{--nav-c:var(--yellow);}
.nav-jade{--nav-c:var(--jade);}
.nav-pink{--nav-c:#ea5262;} /* brand pink lightened 7% so purple writing meets 4.5:1 */
.nav-blue{--nav-c:var(--blue);}
.nav-orange{--nav-c:var(--orange);}
.main-nav a[aria-current="page"], .main-nav a:hover, .main-nav a:focus-visible,
.mobile-nav a[aria-current="page"], .mobile-nav a:hover, .mobile-nav a:focus-visible{background:var(--nav-c); border-color:var(--nav-c); color:var(--purple);}
.main-nav a:focus-visible, .mobile-nav a:focus-visible{outline:3px solid var(--white); outline-offset:3px;}
.mobile-nav a.mobile-cta{background:var(--yellow); border-color:var(--yellow); font-weight:700;}
header.nav-open{background:rgba(30,7,48,0.98);}
header.nav-open .mobile-nav{display:flex;}
@media (max-width:1100px){ .main-nav, .header-cta{display:none;} .burger{display:flex;} .logo img{height:32px;} }
@media (min-width:1101px){ .mobile-nav{display:none !important;} }

/* ---------- Top zone (dark gradient) ---------- */
.hero, .page-header{position:relative; background:linear-gradient(180deg, #2c0b44 0%, #330e4f 40%, #4a1668 100%);}
.hero{padding:34px 0 60px;}
.hero-grid{display:grid; grid-template-columns:1.25fr 0.75fr; align-items:center; gap:40px;}
.hero-copy{display:flex; flex-direction:column; gap:18px; max-width:640px;}
.hero h1, .page-header h1{font-size:clamp(2.3rem, 4.6vw, 3.5rem); color:var(--white);}
.accent{color:var(--yellow);}
.hero .lead, .page-header .lead{font-size:1.3rem; font-weight:800; color:var(--yellow);}
.hero p, .page-header p{font-size:1.08rem; font-weight:600; color:#fdf1ff;}
.hero p a, .page-header p a{color:var(--yellow); font-weight:800; text-decoration:none; text-decoration-thickness:2px; text-underline-offset:4px;}
.hero p a:hover, .page-header p a:hover, .hero p a:focus-visible, .page-header p a:focus-visible, .hero p a:active, .page-header p a:active{text-decoration:underline;}
.hero .nudge{font-weight:700; color:var(--white);}
.hero-full, .hero-short{display:flex; flex-direction:column; gap:18px;}
.hero-short{display:none;}
@media (max-width:640px){ .hero-full{display:none;} .hero-short{display:flex;} }
.hero-actions{display:flex; gap:14px; flex-wrap:wrap; margin-top:6px;}
.hero-bloom{width:100%; max-width:340px; justify-self:center; filter:drop-shadow(0 25px 40px rgba(0,0,0,0.3));}
.hero-bloom img{width:100%; height:auto; display:block;}
@media (max-width:900px){
  .hero-grid{grid-template-columns:1fr; gap:10px;}
  .hero-bloom{order:-1; max-width:150px; margin:0 auto 6px;}
}
.page-header{padding:46px 0 56px;}
.page-header-inner{max-width:760px; display:flex; flex-direction:column; gap:16px;}

/* Sunset band between dark top and light body */
/* Continuous background: each zone starts on the colour the previous one ends on.
   Purple top, through plum, pink, coral, orange and yellow, then apricot and blush back into pink. */
.sunset{background:linear-gradient(180deg, #4a1668 0%, #62206f 25%, #7c2f7a 45%, #a3477f 70%, #c15a86 88%, #d9677f 100%); padding:110px 0 90px;}
.sunset .leaf-row{padding:20px 0;}
.z-coral{background:linear-gradient(180deg, #d9677f 0%, #e6786f 35%, #ef8a6a 65%, #f5a35a 100%);}
.z-amber{background:linear-gradient(180deg, #f5a35a 0%, #f7ae54 45%, #f9c94a 100%);}
.z-gold{background:linear-gradient(180deg, #f9c94a 0%, #fad15c 45%, #fbdb7e 100%);}
.z-apricot{background:linear-gradient(180deg, #fbdb7e 0%, #fbd294 35%, #fac8a6 70%, #f9c0b8 100%);}
.z-blush{background:linear-gradient(180deg, #f9c0b8 0%, #f8b9bf 50%, #f7b0c4 100%);}
.z-rose{background:linear-gradient(180deg, #f7b0c4 0%, #f49cb3 35%, #ef7a93 70%, #e84454 100%);}

/* ---------- Light body ---------- */
.land{color:var(--purple);}
.land p{font-weight:600; font-size:1.06rem; color:var(--purple);}
@media (min-width:861px){
  .land p{font-size:1.14rem;}
  .hero p{font-size:1.14rem;}
  .package-card p{font-size:1.1rem;}
  .founder-text .opener{font-size:1.36rem;}
}
.land p + p{margin-top:16px;}
.land h2{font-size:clamp(1.75rem,3.3vw,2.35rem); color:var(--purple);}
/* Links in body copy: brand colour, no permanent underline; underline appears on hover and keyboard focus */
.text-link{color:var(--purple); font-weight:800; text-decoration:none; text-decoration-thickness:2px; text-underline-offset:4px; text-decoration-color:var(--pink);}
.text-link:hover, .text-link:focus-visible, .text-link:active{text-decoration:underline;}
.section{padding:70px 0;}

/* Split section: heading left, text right */
.split{display:grid; grid-template-columns:0.95fr 1.05fr; gap:56px; align-items:start;}
.split h2{text-wrap:balance;}
.two-line > span{display:block;}
.nw{white-space:nowrap;}
@media (max-width:860px){ .split{grid-template-columns:1fr; gap:20px;} }

/* Centred narrow section */
.centred{max-width:760px; margin:0 auto; text-align:center;}
.centred h2{margin-bottom:22px;}

/* ---------- Package boxes ---------- */
.packages-intro{max-width:760px; margin:0 auto 44px; text-align:center;}
.packages-intro h2{margin-bottom:18px;}
.package-grid{display:flex; flex-direction:column; gap:26px; position:relative;}
.package-card{position:relative; display:flex; align-items:flex-start; gap:30px; padding:36px 42px; border-radius:46px 24px 46px 24px; color:var(--purple); box-shadow:0 18px 34px rgba(44,11,68,0.14); width:74%; transition:transform .18s ease, box-shadow .18s ease;}
.package-card:nth-child(1){align-self:flex-start;}
.package-card:nth-child(2){align-self:center; border-radius:24px 46px 24px 46px;}
.package-card:nth-child(3){align-self:flex-end;}
.package-card:nth-child(4){align-self:flex-start; border-radius:24px 46px 24px 46px;}
.package-card .num{font-size:3rem; font-weight:800; line-height:1; opacity:0.55; flex-shrink:0; min-width:64px;}
.package-card h3{font-size:1.45rem; margin-bottom:8px;}
.package-card h3 a{text-decoration:none; color:inherit;}
.package-card h3 a::after{content:""; position:absolute; inset:0; border-radius:inherit;}
.package-card h3 .arrow{display:inline-block; transition:transform .18s ease; margin-left:4px;}
.package-card:hover{transform:translateY(-4px); box-shadow:0 24px 40px rgba(44,11,68,0.2);}
.package-card:hover h3 .arrow{transform:translateX(5px);}
.package-card:focus-within{outline:3px solid var(--purple); outline-offset:4px;}
.package-card h3 a:focus-visible{outline:none;}
.package-card p{font-weight:600; font-size:1.03rem; color:var(--purple); max-width:560px;}
.card-jade{background:linear-gradient(135deg, var(--jade), #12b3a6);}
.card-pink{background:linear-gradient(135deg, var(--pink), #ef6b7a);}
.card-orange{background:linear-gradient(135deg, var(--orange), var(--yellow));}
.card-blue{background:linear-gradient(135deg, #3ec0f0, #6fd0f3);}
.package-grid + .after-note{max-width:760px; margin:40px auto 0; text-align:center;}
@media (max-width:760px){
  .package-card{flex-direction:column; gap:10px; padding:30px 26px; border-radius:36px 18px 36px 18px !important; width:100%; align-self:stretch !important;}
  .package-card .num{font-size:2.2rem;}
}

/* ---------- Founder / trust section ---------- */
.founder{display:grid; grid-template-columns:0.75fr 1.25fr; gap:60px; align-items:start;}
.founder-side{position:sticky; top:120px; display:flex; flex-direction:column; gap:20px;}
.founder-side img{width:100%; max-width:260px; height:auto; margin-left:-30px;}
.founder-text .opener{font-size:1.3rem; font-weight:800; color:var(--purple);}
@media (max-width:860px){
  .founder{grid-template-columns:1fr; gap:10px;}
  .founder-side{position:static; flex-direction:row; align-items:center; justify-content:space-between;}
  .founder-side img{max-width:110px; margin:0;}
}

/* ---------- FAQ ---------- */
.faq{max-width:840px; margin:0 auto;}
.faq > h2{text-align:center; margin-bottom:34px;}
.faq-item{border-top:2px solid rgba(44,11,68,0.14);}
.faq-item:last-child{border-bottom:2px solid rgba(44,11,68,0.14);}
.faq-item h3{font-size:1.22rem; margin:0;}
.faq-q{all:unset; box-sizing:border-box; width:100%; display:flex; align-items:flex-start; gap:16px; padding:22px 4px; cursor:pointer; font-family:var(--font); font-weight:800; font-size:1.22rem; line-height:1.3; color:var(--purple);}
.faq-q:focus-visible{outline:3px solid var(--purple); outline-offset:2px; border-radius:8px;}
.faq-q .petal-mark{margin-top:6px; transition:transform .25s ease;}
.faq-item:nth-child(5n+2) .petal-mark{background:var(--purple);}
.faq-item:nth-child(5n+3) .petal-mark{background:var(--blue);}
.faq-item:nth-child(5n+4) .petal-mark{background:var(--pink);}
.faq-item:nth-child(5n+5) .petal-mark{background:var(--jade);}
.faq-item:nth-child(5n+6) .petal-mark{background:var(--yellow);}
.faq-q .label{flex:1;}
.faq-q .icon{flex-shrink:0; width:30px; height:30px; border-radius:50%; border:2px solid var(--purple); position:relative; margin-top:1px;}
.faq-q .icon::before, .faq-q .icon::after{content:""; position:absolute; left:50%; top:50%; width:12px; height:2px; background:var(--purple); transform:translate(-50%,-50%); transition:transform .2s ease;}
.faq-q .icon::after{transform:translate(-50%,-50%) rotate(90deg);}
.faq-q[aria-expanded="true"] .icon::after{transform:translate(-50%,-50%) rotate(0deg);}
.faq-q[aria-expanded="true"] .petal-mark{transform:rotate(118deg);}
.faq-a{padding:0 50px 24px 34px;}
.faq-a[hidden]{display:none;}
@media (max-width:600px){ .faq-a{padding:0 4px 22px 34px;} .faq-q{font-size:1.1rem;} }

/* ---------- Call to action box ---------- */
.cta-box{position:relative; overflow:hidden; background:var(--purple); color:var(--white); border-radius:46px 24px 46px 24px; padding:64px 48px; text-align:center; box-shadow:0 24px 44px rgba(44,11,68,0.25);}
.cta-box h2{color:var(--white); font-size:clamp(1.9rem,4vw,2.6rem); max-width:760px; margin:0 auto 20px;}
.cta-box p{color:#f3eafa; max-width:700px; margin-left:auto; margin-right:auto;}
.cta-box .cta-actions{display:flex; gap:18px; justify-content:center; align-items:center; flex-wrap:wrap; margin-top:32px;}
.cta-box .cta-link{color:var(--white); font-weight:700; font-size:1.05rem; text-decoration:underline; text-decoration-color:var(--yellow); text-decoration-thickness:2px; text-underline-offset:4px;}
.cta-box .cta-link:hover{color:var(--yellow);}
.cta-box .deco{position:absolute; width:90px; height:90px; opacity:0.9; pointer-events:none;}
.cta-box .deco.d1{left:-18px; top:-14px; transform:rotate(-35deg);}
.cta-box .deco.d2{right:-10px; bottom:-20px; transform:rotate(30deg); width:110px; height:110px;}
.cta-box .deco.d3{right:70px; top:-22px; transform:rotate(80deg); width:60px; height:60px;}
.cta-box .deco.d4{left:60px; bottom:-26px; transform:rotate(-70deg); width:56px; height:56px;}
@media (max-width:640px){ .cta-box{padding:60px 22px 56px; border-radius:36px 18px 36px 18px;} .cta-box .deco{opacity:0.75;} .cta-box .deco.d1{width:56px; height:56px; left:-16px; top:-16px;} .cta-box .deco.d2{width:70px; height:70px;} .cta-box .deco.d3{width:40px; height:40px; top:-18px;} .cta-box .deco.d4{width:40px; height:40px;} }
@media (max-width:700px){ .land h2{font-size:1.62rem;} .section{padding:50px 0;} .sunset{padding:80px 0 60px;} }

/* ---------- Footer ---------- */
footer{position:relative; z-index:3; background:var(--purple-deep); color:#f0e6f7; padding:56px 0 30px;}
.footer-top{display:flex; justify-content:space-between; gap:40px; flex-wrap:wrap; margin-bottom:36px;}
.footer-brand > a{display:inline-block; padding:4px 2px; margin-bottom:12px;}
.footer-brand img{height:38px; width:auto; max-width:100%; object-fit:contain; display:block;}
.footer-brand p{max-width:270px; font-size:0.98rem; font-weight:500;}
.footer-col h2{color:var(--white); font-size:1rem; margin-bottom:12px; font-weight:800;}
.footer-col ul{list-style:none; display:flex; flex-direction:column; gap:10px;}
.footer-col a{font-size:0.98rem; color:var(--yellow); font-weight:600; text-decoration:none;}
.footer-col a:hover{color:var(--white); text-decoration:underline;}
.footer-col p{font-size:0.98rem; font-weight:500;}
.footer-bottom{border-top:1px solid rgba(255,255,255,0.24); padding-top:20px; display:flex; justify-content:space-between; flex-wrap:wrap; gap:12px; font-size:0.92rem; color:#e6d9f2;}
.footer-bottom a{color:var(--white); font-weight:700; text-decoration:none;}
.footer-bottom a:hover{color:var(--yellow); text-decoration:underline;}
@media (max-width:700px){ .footer-top{flex-direction:column; gap:26px;} }

/* =====================  Inner pages  ===================== */
@media (min-width:861px){ .page-header p{font-size:1.14rem;} }
.z-amber-gold{background:linear-gradient(180deg, #f5a35a 0%, #f7b452 20%, #f9c94a 50%, #fad15c 75%, #fbdb7e 100%);}
.z-apricot-blush{background:linear-gradient(180deg, #fbdb7e 0%, #fbd294 25%, #fac8a6 55%, #f9c0b8 80%, #f7b0c4 100%);}

/* Services intro */
.svc-intro-copy{max-width:none; margin:0;}
.land p.svc-note{display:flex; gap:14px; align-items:flex-start; font-weight:700; margin-top:22px; margin-bottom:22px;}
.svc-note .bullet-petal{margin-top:calc(0.775em - 5.5px);}

/* Services package boxes (same styling as homepage boxes) */
.svc-grid .package-card{width:82%;}
.svc-card:hover{transform:none; box-shadow:0 18px 34px rgba(44,11,68,0.14);}
.svc-card .svc-body{min-width:0; flex:1;}
.svc-card h2{font-size:1.55rem; color:var(--purple); margin-bottom:6px;}
.land .svc-card p.svc-intro{font-weight:700; color:var(--purple);}
.land .svc-card p.list-lead{margin-top:12px; font-weight:600;}
.svc-card .petal-list{margin-top:18px;}
.svc-card .petal-list li{color:var(--purple); font-size:1.03rem;}
@media (min-width:861px){ .svc-card .petal-list li{font-size:1.08rem;} }
.petal-list.cols{display:block; columns:2; column-gap:36px;}
.petal-list.cols li{break-inside:avoid; margin-bottom:10px;}
@media (max-width:900px){ .petal-list.cols{columns:1;} }
/* one petal colour per box */
.p-jade{--petal:var(--yellow);}
.p-pink{--petal:var(--blue);}
.p-blue{--petal:var(--pink);}
.p-orange{--petal:var(--purple);}

/* Services journey: light, no boxes */
.journey{list-style:none; position:relative; padding-left:52px; display:flex; flex-direction:column; gap:40px;}
/* Connecting dots sit only in the gap between one stage's petal and the next, spaced evenly */
.journey .step:not(:last-child)::after{content:""; position:absolute; left:-41px; top:50px; bottom:-26px; width:10px; background-image:radial-gradient(circle at center, rgba(44,11,68,0.45) 4.5px, transparent 5px); background-size:10px 36px; background-repeat:no-repeat space;}
.journey .step{position:relative;}
.journey .step-petal{position:absolute; left:-50px; top:2px; width:30px; height:36px; -webkit-mask:var(--leaf) center/contain no-repeat; mask:var(--leaf) center/contain no-repeat; background:var(--purple); transform:rotate(28deg);}
.journey .step:nth-child(5n+2) .step-petal{background:var(--blue); transform:rotate(-24deg);}
.journey .step:nth-child(5n+3) .step-petal{background:var(--pink); transform:rotate(32deg);}
.journey .step:nth-child(5n+4) .step-petal{background:var(--jade); transform:rotate(-30deg);}
.journey .step:nth-child(5n+5) .step-petal{background:var(--yellow); transform:rotate(22deg);}
.journey h3{font-size:1.32rem; color:var(--purple); margin-bottom:8px;}
.journey .step-body{min-width:0;}

/* Compact opening for inner pages */
.page-header.compact{padding:34px 0 30px;}
.sunset.compact{padding:40px 0 34px;}
.sunset.compact .leaf-row{padding:14px 0;}
@media (max-width:700px){ .page-header.compact{padding:22px 0 22px;} .sunset.compact{padding:30px 0 26px;} }

/* Package names when first introduced */
.pkg-name{display:inline-block; font-weight:800; font-size:1.28em; line-height:1.2; color:var(--purple); padding:1px 14px 2px; border-radius:16px 8px 16px 8px; margin:0 2px;}
.pkg-name.jade{background:var(--jade);}
.pkg-name.pink{background:var(--pink);}
.pkg-name.blue{background:var(--blue);}

/* Mobile: package boxes share one width with a small, even margin */
@media (max-width:760px){
  .svc-grid{margin-left:-12px; margin-right:-12px;}
  .svc-grid .package-card{width:100%; padding:28px 22px;}
}

/* Who We Work With: client-type boxes share the package box styling */
.client-card{cursor:default;}
.client-card:hover{transform:none; box-shadow:0 18px 34px rgba(44,11,68,0.14);}
.client-card .client-petal{flex-shrink:0; width:52px; height:29px; margin-top:6px; -webkit-mask:var(--petal-h) center/contain no-repeat; mask:var(--petal-h) center/contain no-repeat; background:var(--purple); opacity:0.75;}
.client-card h3{font-size:1.45rem; color:var(--purple); margin-bottom:8px;}
@media (max-width:760px){
  .client-card .client-petal{width:40px; height:22px; margin-top:0;}
  .package-grid.client-grid{margin-left:-12px; margin-right:-12px;}
}
.split-lead{margin-top:18px;}
.land p.list-intro{font-weight:800; margin-bottom:16px;}
.checklist{gap:12px;}
.checklist li{font-size:1.06rem;}
@media (min-width:861px){ .checklist li{font-size:1.12rem;} }
.land p.list-outro{margin-top:22px; font-weight:700;}
/* yellow petals need a faint edge on the light background */
.checklist li::before{filter:drop-shadow(0 0 0.6px rgba(44,11,68,0.55));}

/* Services: package labels jump to their boxes */
a.pkg-name{text-decoration:none; text-decoration-thickness:2px; text-underline-offset:3px;}
a.pkg-name:hover, a.pkg-name:focus-visible{text-decoration:underline;}

/* Who We Work With: spacing between the introduction and the client types */
.www-types{margin-top:40px;}
@media (min-width:701px) and (max-width:1100px){
  .www-intro{padding-bottom:30px;}
  .www-types{margin-top:24px;}
}

/* Creator Finance Answers */
.page-header p.small-note{font-size:0.98rem; font-weight:600; color:#e9dcf3;}
.jump-links ul{list-style:none; display:flex; flex-wrap:wrap; gap:10px; margin-top:6px;}
.jump-links a{display:inline-flex; font-weight:700; font-size:0.95rem; color:var(--purple); background:var(--white); border:2px solid var(--orange); border-radius:100px; padding:8px 18px; text-decoration:none; transition:background .18s ease, transform .18s ease;}
.jump-links a:hover, .jump-links a:focus-visible{background:var(--orange); transform:translateY(-2px);}
.cfa-split{grid-template-columns:0.7fr 1.3fr;}
.cfa-split > h2{position:sticky; top:120px; text-wrap:balance;}
@media (max-width:860px){ .cfa-split{grid-template-columns:1fr;} .cfa-split > h2{position:static;} }
.qa-list{display:flex; flex-direction:column; min-width:0;}
.qa{padding:26px 0; border-top:2px solid rgba(44,11,68,0.14);}
.qa:first-child{border-top:none; padding-top:4px;}
.qa h3{display:flex; gap:14px; align-items:flex-start; font-size:1.3rem; line-height:1.3; color:var(--purple); margin-bottom:12px;}
.qa-petal{flex-shrink:0; width:19px; height:11px; margin-top:calc(0.65em - 5.5px); -webkit-mask:var(--petal-h) center/contain no-repeat; mask:var(--petal-h) center/contain no-repeat; background:var(--purple); filter:drop-shadow(0 0 0.6px rgba(44,11,68,0.55));}
/* Question petals: blue, jade, pink and purple once each per section, in a different order per section,
   with pink kept off the pinkest part of the background */
#running-your-finance-function .qa:nth-child(1) .qa-petal{background:var(--blue);}
#running-your-finance-function .qa:nth-child(2) .qa-petal{background:var(--purple);}
#running-your-finance-function .qa:nth-child(3) .qa-petal{background:var(--jade);}
#running-your-finance-function .qa:nth-child(4) .qa-petal{background:var(--pink);}
#creator-and-agency-income .qa:nth-child(1) .qa-petal{background:var(--jade);}
#creator-and-agency-income .qa:nth-child(2) .qa-petal{background:var(--pink);}
#creator-and-agency-income .qa:nth-child(3) .qa-petal{background:var(--blue);}
#creator-and-agency-income .qa:nth-child(4) .qa-petal{background:var(--purple);}
#expenses-tax-and-reporting .qa:nth-child(1) .qa-petal{background:var(--blue);}
#expenses-tax-and-reporting .qa:nth-child(2) .qa-petal{background:var(--purple);}
#expenses-tax-and-reporting .qa:nth-child(3) .qa-petal{background:var(--pink);}
#expenses-tax-and-reporting .qa:nth-child(4) .qa-petal{background:var(--jade);}
.qa-answer{padding-left:33px;}
.land .qa-answer p.reviewed{margin-top:14px; font-size:0.9rem; font-weight:700; color:var(--purple); opacity:0.8;}
@media (max-width:600px){ .qa-answer{padding-left:0;} .qa h3{font-size:1.18rem;} }

/* Contact */
.contact-header .book-call{margin-top:44px; text-align:center; display:flex; flex-direction:column; align-items:center; gap:14px;}
.contact-header .book-call h2{font-size:clamp(1.75rem,3.3vw,2.35rem); color:var(--white);}
.contact-header .book-call p{font-weight:700; font-size:1.15rem; color:#fdf1ff;}
.contact-header .book-call .btn{margin-top:8px;}
.feature-pair{display:flex; gap:60px; align-items:flex-start;}
.feature-block{display:flex; gap:22px; align-items:flex-start; flex:1 1 0; min-width:0;}
.feature-icon{width:36px; height:36px; flex-shrink:0; margin-top:6px;}
.feature-text{min-width:0; flex:1 1 auto;}
.feature-text h2{margin-bottom:14px;}
.land p.contact-line{margin-top:12px; font-weight:700;}
.contact-line a{font-weight:800; font-size:1.2rem; color:var(--purple); text-decoration:none; text-decoration-color:var(--purple); text-decoration-thickness:2px; text-underline-offset:4px;}
.contact-line a:hover, .contact-line a:focus-visible{text-decoration:underline;}
.social-row-large{display:flex; gap:14px; margin-top:18px;}
.social-row-large a{width:46px; height:46px; border-radius:50%; display:flex; align-items:center; justify-content:center; transition:transform .18s ease;}
.social-row-large a:hover{transform:translateY(-3px);}
.social-row-large a:nth-child(1){background:var(--blue); color:var(--purple);}
.social-row-large a:nth-child(2){background:var(--jade); color:var(--white);}
.social-row-large a:nth-child(3){background:var(--pink); color:var(--white);}
.social-row-large svg{width:22px; height:22px; fill:currentColor;}
@media (max-width:700px){ .feature-pair{flex-direction:column; gap:40px;} .contact-header .book-call{margin-top:34px;} }
.z-contact-end{background:linear-gradient(180deg, #f5a35a 0%, #f9c94a 25%, #fbd294 50%, #f9c0b8 70%, #f49cb3 85%, #ef7a93 100%);}

/* Social icons: one outline style, same size everywhere */
.social-row svg.si, .social-row-large svg.si{fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round;}
.social-row svg.si{width:18px; height:18px;}
.social-row-large svg.si{width:24px; height:24px;}

/* Page accent line beneath the navigation: matches the page's navigation colour (yellow by default) */
.accent-yellow{--accent:var(--yellow);}
.accent-jade{--accent:var(--jade);}
.accent-pink{--accent:var(--pink);}
.accent-blue{--accent:var(--blue);}
.accent-orange{--accent:var(--orange);}
header.site-header{border-bottom:4px solid var(--accent, var(--yellow));}

/* Privacy Policy and AML pages: content styles carried over unchanged from the original pages */
.legal-page{background:#fff8ea; padding:56px 0 70px;}
.legal-content{max-width:760px;}
.legal-content h2{font-size:clamp(1.5rem,2.6vw,1.9rem); margin-bottom:10px; color:var(--purple);}
.legal-content h3{font-size:1.15rem; margin:32px 0 10px; color:var(--purple);}
.legal-content h3:first-of-type{margin-top:8px;}
.legal-content p{font-weight:500; font-size:1rem; line-height:1.7; color:#3a2050; margin-bottom:10px;}
.legal-content ul, .legal-content ol{margin:8px 0 16px; padding-left:22px;}
.legal-content li{font-weight:500; font-size:1rem; line-height:1.65; color:#3a2050; margin-bottom:8px;}
.legal-content a{font-weight:700; color:var(--jade);}
.legal-content a:hover{color:var(--pink);}
.legal-intro{font-size:1.05rem; margin-bottom:6px;}
.legal-updated{font-size:0.9rem; color:#6b5680; margin-bottom:24px;}