/* Lily's Ledger inner pages. The hero follows the homepage scene rules (styles.css / mobile.css);
   the rest is a normal page in the homepage's light-blue About/FAQ scheme. Fonts: Poppins + Nunito. */
:root{--cream:#FFF8EE; --ink:#1D2340; --ink80:rgba(29,35,64,.8); --blue:#3474B5; --blue-h:#2B67A6; --pink:#B83A82;
  --sky:#E4F4FE; --sky2:#EAF4FC; --navy:#14254A; --slate:#4A5A78; --blue-d:#1F5A96; --pink-d:#A8326F}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0; background:var(--cream); color:var(--ink); font:400 18px/1.6 'Nunito',system-ui,sans-serif; -webkit-font-smoothing:antialiased}
img{display:block; max-width:100%}
a{color:var(--blue)}
:focus-visible{outline:3px solid #D85DA2; outline-offset:4px; border-radius:12px}
.skip{position:absolute; left:-999px; top:8px; background:#fff; padding:10px 16px; border-radius:999px; z-index:100; font:600 16px 'Poppins',sans-serif}
.skip:focus{left:12px}

/* header: same as the homepage (logo with the menu beside it), solid once the page scrolls */
.hdr{position:fixed; left:0; right:0; top:0; z-index:40; height:100px; display:flex; align-items:center; gap:64px; padding:0 96px; transition:background .25s, box-shadow .25s, height .25s}
.hdr.solid{height:84px; background:rgba(255,255,255,.92); -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px); box-shadow:0 8px 24px -20px rgba(20,37,74,.5)}
.hdr .logo{display:flex; align-items:center}
.hdr .logo img{height:72px; width:auto; transition:height .25s}
.hdr.solid .logo img{height:60px}
.menu{display:flex; gap:36px; list-style:none; margin:0; padding:0}
.menu a{font:600 18px 'Poppins',sans-serif; color:var(--ink); text-decoration:none; display:inline-flex; align-items:center; min-height:44px; border-bottom:3px solid transparent}
.menu a:hover{color:var(--blue)}
.menu a[aria-current="page"]{border-bottom-color:var(--pink)}
.burger{display:none}

/* ---------- hero: one homepage scene ---------- */
.hero{position:relative; height:100vh; height:100svh; min-height:640px; overflow:hidden; background:#CDEBFD}
.hero.eve{background:#C9D7F0}
.h-bg{position:absolute; inset:0; pointer-events:none}
.h-bg .tile{position:absolute; top:0; height:100%; background-size:100% 100%; background-repeat:no-repeat}
.hero.day .h-bg .tile{background-image:var(--bg-day)}
.hero.eve .h-bg .tile{background-image:var(--bg-eve)}
.h-art{position:absolute; inset:0; pointer-events:none}
.h-art img,.h-art .sh,.h-art .chalk{position:absolute; max-width:none}
.sh{border-radius:50%; background:radial-gradient(closest-side, rgba(29,35,64,.18), rgba(29,35,64,.18) 55%, rgba(29,35,64,0))}
.chalk{display:flex; align-items:center; justify-content:center; font:800 15px/1 'Poppins',sans-serif; color:#FFF6DA; letter-spacing:-.01em; text-align:center}
.scrim{position:absolute; left:0; top:0; bottom:0; width:52%; pointer-events:none; z-index:5;
  background:linear-gradient(180deg, #E4F4FE 0%, #E4F4FE 58%, #FBEBDD 70%, #FBEBDD 100%)}
.hero.eve .scrim{background:linear-gradient(180deg, #EAF0FA 0%, #EAF0FA 58%, #F7E5DA 70%, #F7E5DA 100%)}

.txt{position:absolute; left:96px; top:180px; width:620px; z-index:10; display:flex; flex-direction:column; gap:22px; transform-origin:0 0}
.txt .lbl{margin:0; font:600 18px 'Poppins',sans-serif; letter-spacing:.12em; text-transform:uppercase; color:var(--pink)}
.txt .hl{margin:0; max-width:none; font:800 76px/1.02 'Poppins',sans-serif; letter-spacing:-.02em; color:var(--ink)}
.txt .hl .ln{white-space:nowrap}
.txt .sup{margin:0; max-width:500px; font:400 26px/1.4 'Nunito',sans-serif; color:var(--ink80)}
.txt .sup strong{font-weight:700; color:var(--ink)}
.txt .acts{display:flex; align-items:center; flex-wrap:wrap; gap:16px 28px; margin-top:10px}
.txt .btn{height:56px; font-size:19px}
.lnk{display:inline-flex; align-items:center; min-height:44px; font:600 19px 'Poppins',sans-serif; color:var(--ink); text-decoration:underline; text-underline-offset:6px; text-decoration-thickness:2px}
.lnk:hover{color:var(--blue)}

/* props: top layer beside the headline, gently animated (homepage round 4) */
.pr{position:absolute; z-index:12; pointer-events:none}
.pr img{display:block; width:100%; height:auto}
@keyframes v4-bob{0%,100%{transform:translateY(0) rotate(-6deg)}50%{transform:translateY(-9px) rotate(6deg)}}
@keyframes v4-flutter{0%,100%{transform:rotate(-4deg) translateY(0)}50%{transform:rotate(3deg) translateY(-6px)}}
@keyframes v4-twinkle{0%,100%{transform:scale(.82) rotate(-8deg); opacity:.75}50%{transform:scale(1.08) rotate(8deg); opacity:1}}
@keyframes v4-float{0%,100%{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-12px) rotate(5deg)}}
@keyframes v4-spin{to{transform:rotate(360deg)}}
@keyframes v4-ring{0%,22%,100%{transform:rotate(0)}3%{transform:rotate(-10deg)}7%{transform:rotate(9deg)}11%{transform:rotate(-7deg)}15%{transform:rotate(5deg)}19%{transform:rotate(-2deg)}}
.a-bob{animation:v4-bob 4.2s ease-in-out infinite}
.a-flutter{transform-origin:50% 90%; animation:v4-flutter 3.6s ease-in-out infinite}
.a-twinkle{animation:v4-twinkle 2.8s ease-in-out infinite}
.a-float{animation:v4-float 4.6s ease-in-out infinite}
.a-spin{animation:v4-spin 12s linear infinite}
.a-ring{transform-origin:50% 85%; animation:v4-ring 2.6s ease-in-out infinite}
.d1{animation-delay:-1.1s}.d2{animation-delay:-2.2s}.d3{animation-delay:-3.1s}
@media (prefers-reduced-motion: reduce){.pr img{animation:none !important} html{scroll-behavior:auto}}

/* ---------- page body ---------- */
.btn{display:inline-flex; align-items:center; justify-content:center; height:56px; padding:0 30px; border-radius:999px; background:var(--blue); color:#fff;
  font:600 18px 'Poppins',sans-serif; text-decoration:none; white-space:nowrap; border:0; cursor:pointer; box-shadow:0 10px 22px -10px rgba(29,35,64,.55)}
.btn:hover{background:var(--blue-h); color:#fff}
.btn[disabled]{background:#9FB4CC; cursor:not-allowed; box-shadow:none}
.sec{padding:112px 96px}
.sec.blue{background:var(--sky2); color:var(--navy)}
.sec.cream{background:var(--cream)}
.wrap{max-width:1248px; margin:0 auto}
.wrap.narrow{max-width:880px}
.tag{display:inline-flex; align-items:center; align-self:flex-start; height:32px; padding:0 14px; border-radius:999px; background:#fff; color:var(--blue-d); font:600 13px 'Poppins',sans-serif; letter-spacing:.1em; text-transform:uppercase}
.sec.cream .tag{background:var(--sky)}
.h2{margin:16px 0 0; font:800 48px/1.08 'Poppins',sans-serif; letter-spacing:-.02em; color:var(--navy)}
.h3{margin:0 0 8px; font:600 20px/1.3 'Poppins',sans-serif; color:var(--ink)}
.p{margin:20px 0 0; max-width:760px; font:400 20px/1.6 'Nunito',sans-serif; color:var(--slate)}
.p.big{font-size:24px; color:var(--navy)}
.stack > .p:first-child{margin-top:0}
.split{display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:80px; align-items:center}
.split.top{align-items:start}
.cta{display:flex; flex-wrap:wrap; align-items:center; gap:16px 28px; margin-top:36px}
.grid{display:grid; gap:20px; margin-top:44px}
.g2{grid-template-columns:repeat(2,minmax(0,1fr))}
.g3{grid-template-columns:repeat(3,minmax(0,1fr))}
.g4{grid-template-columns:repeat(4,minmax(0,1fr))}
.card{padding:28px; border-radius:24px; background:#fff; box-shadow:0 12px 30px -20px rgba(20,37,74,.3)}
.sec.cream .card{background:#fff}
.card p{margin:0; font:400 17px/1.55 'Nunito',sans-serif; color:var(--slate)}
.mv .card:nth-child(1) .h3{color:var(--blue-d)}
.mv .card:nth-child(2) .h3{color:var(--pink-d)}
.age{display:inline-block; margin-bottom:12px; padding:4px 12px; border-radius:999px; background:#FBE3F0; color:#7B2158; font:600 13px 'Poppins',sans-serif; letter-spacing:.04em}
.num{display:inline-flex; align-items:center; justify-content:center; width:40px; height:40px; margin-bottom:14px; border-radius:50%; background:var(--blue); color:#fff; font:800 17px 'Poppins',sans-serif}
.harmony .card{display:flex; flex-direction:column}
.harmony .letter{font:800 56px/1 'Poppins',sans-serif; color:var(--pink); margin-bottom:10px}
.harmony .card:nth-child(even) .letter{color:var(--blue)}
.ticks{list-style:none; margin:28px 0 0; padding:0; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px 32px}
.ticks li{position:relative; padding-left:36px; font:400 19px/1.5 'Nunito',sans-serif; color:var(--slate)}
.ticks li::before{content:""; position:absolute; left:0; top:4px; width:22px; height:22px; border-radius:50%; background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 12.5l4 4 8-9' fill='none' stroke='%233474B5' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/14px no-repeat}
.sec.cream .ticks li::before{background-color:var(--sky)}
.art-card{border-radius:28px; overflow:hidden; box-shadow:0 18px 40px -26px rgba(20,37,74,.45)}
.art-card img{width:100%; height:auto}
.figure{display:flex; justify-content:center; align-items:flex-end; padding:32px 24px 28px; border-radius:28px; background:linear-gradient(180deg,#E4F4FE 0%,#CDEBFD 64%,#FBEBDD 64%,#F8D7B8 100%)}
.figure img{width:auto; height:380px; max-width:100%; object-fit:contain}
.ph{display:flex; flex-direction:column; align-items:center; justify-content:center; gap:6px; text-align:center; padding:20px; border-radius:28px; border:3px dashed #D85DA2;
  background:linear-gradient(160deg,#CDEBFD,#F6D5E8); color:var(--navy)}
.ph p{margin:0; font:600 20px 'Poppins',sans-serif}
.ph small{font-size:16px; color:var(--slate)}
.ph.video{max-width:1040px; margin:0 auto; aspect-ratio:16/9; box-shadow:0 18px 40px -26px rgba(20,37,74,.45)}
.ph.photo{aspect-ratio:4/5; max-width:460px; width:100%; justify-self:center}
.play{width:84px; height:84px; border-radius:50%; background:#fff; position:relative; box-shadow:0 10px 24px -12px rgba(20,37,74,.6); margin-bottom:8px}
.play::after{content:""; position:absolute; left:34px; top:25px; border-left:26px solid var(--blue); border-top:17px solid transparent; border-bottom:17px solid transparent}
.note{display:inline-block; margin:18px 0 0; padding:10px 16px; border-radius:14px; background:#fff; border:2px dashed #D85DA2; color:#7B2158; font:600 15px/1.4 'Poppins',sans-serif}
.badge{display:inline-flex; align-self:flex-start; padding:4px 12px; border-radius:999px; background:#FBE3F0; color:#7B2158; font:600 12px 'Poppins',sans-serif; letter-spacing:.08em; text-transform:uppercase}

/* books (live from Wix Stores) */
.book{display:flex; flex-direction:column; gap:14px; padding:20px 20px 28px; border-radius:24px; background:#fff; box-shadow:0 12px 30px -20px rgba(20,37,74,.3)}
.cover{position:relative; aspect-ratio:3/4; border-radius:16px; background:linear-gradient(160deg,#CDEBFD,#F6D5E8); display:grid; place-items:center; text-align:center; padding:20px; color:var(--blue-d); font:600 18px/1.3 'Poppins',sans-serif; overflow:hidden}
.cover img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover}
.book h3{margin:0; font:600 22px/1.3 'Poppins',sans-serif; color:var(--ink)}
.book p{margin:0; color:var(--slate); font-size:16px}
.price{font:600 17px 'Poppins',sans-serif; color:var(--navy)}
.book .btn{height:50px; font-size:16px; margin-top:auto}
.status{margin:16px 0 0; color:var(--slate); font-size:15px}

/* FAQ */
.faq{display:grid; gap:12px}
.faq details{background:#fff; border-radius:20px; padding:0 24px; box-shadow:0 8px 24px -18px rgba(20,37,74,.35)}
.faq summary{display:flex; align-items:center; justify-content:space-between; gap:16px; min-height:68px; padding:14px 0; cursor:pointer; list-style:none; font:600 18px/1.35 'Poppins',sans-serif; color:var(--navy)}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+"; flex:none; width:32px; height:32px; border-radius:50%; background:var(--sky2); color:var(--blue-d); display:flex; align-items:center; justify-content:center; font:600 20px/1 'Poppins',sans-serif}
.faq details[open] summary::after{content:"\2212"}
.faq .ans{display:grid; gap:12px; padding:0 0 22px}
.faq .ans p{margin:0; font:400 17px/1.6 'Nunito',sans-serif; color:var(--slate)}

/* forms */
.form{display:grid; gap:20px}
.field{display:grid; gap:8px}
label{font:600 16px 'Poppins',sans-serif; color:var(--navy)}
input,textarea,select{font:400 18px 'Nunito',sans-serif; color:var(--ink); padding:14px 16px; border:2px solid #B9CBE0; border-radius:14px; background:#fff; width:100%; min-height:56px}
textarea{min-height:170px; resize:vertical}
input:focus,textarea:focus,select:focus{border-color:var(--blue); outline:3px solid rgba(52,116,181,.25)}
[aria-invalid="true"]{border-color:#B3261E}
.err{color:#B3261E; font-size:15px; margin:0}
.hp{position:absolute; left:-9999px; width:1px; height:1px; overflow:hidden}
.msg{padding:16px 18px; border-radius:16px; font-weight:700}
.msg.ok{background:#E3F6E8; color:#14502A}
.msg.bad{background:#FDE7E5; color:#7A1812}
.fine{margin:0; font-size:15px; color:var(--slate)}
.topics{list-style:none; margin:24px 0 0; padding:0; display:grid; gap:12px}
.topics li{display:flex; align-items:center; gap:14px; padding:16px 20px; border-radius:18px; background:#fff; font:600 17px/1.35 'Poppins',sans-serif; color:var(--navy); box-shadow:0 8px 24px -20px rgba(20,37,74,.4)}
.topics li::before{content:""; flex:none; width:12px; height:12px; border-radius:50%; background:var(--pink)}
.form-card{padding:40px; border-radius:28px; background:#fff; box-shadow:0 18px 40px -26px rgba(20,37,74,.45)}

/* banners */
.band{display:grid; grid-template-columns:minmax(0,1.5fr) minmax(0,1fr); gap:56px; align-items:center; padding:56px; border-radius:32px; background:linear-gradient(120deg,#FFFFFF 0%,#FDF1F7 100%); box-shadow:0 18px 40px -30px rgba(20,37,74,.45)}
.band .h2{font-size:40px}
.band .figure{background:none; padding:0}
.band .figure img{height:240px}
.signup{display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:56px; align-items:center}
.signup form{display:flex; gap:12px}
.signup input{flex:1}

/* footer: homepage footer */
.foot{background:var(--sky2); color:var(--navy); padding:0 96px}
.fbar{max-width:1248px; margin:0 auto; padding:32px 0 48px; border-top:1px solid rgba(29,35,64,.1); display:flex; flex-wrap:wrap; align-items:center; gap:16px 40px; font:400 15px 'Nunito',sans-serif; color:var(--slate)}
.fbar img{height:56px; width:auto}
.fbar .motto{font:italic 600 16px 'Poppins',sans-serif; color:var(--pink)}
.fbar ul{display:flex; flex-wrap:wrap; gap:8px 28px; list-style:none; margin:0 0 0 auto; padding:0}
.fbar a{font:600 16px 'Poppins',sans-serif; color:var(--ink); text-decoration:none}
.fbar a:hover{color:var(--blue)}
.fbar .copy{flex-basis:100%}

@media (max-width:1180px){
  .hdr{padding:0 48px; gap:40px}
  .menu{gap:26px}
  .sec{padding:96px 48px}
  .foot{padding:0 48px}
  .g4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .split{gap:48px}
}

/* ---------- mobile: same as the homepage mobile scenes ---------- */
@media (max-width:820px){
  body{font-size:17px}
  .hdr,.hdr.solid{height:64px; gap:0; padding:0 12px 0 20px; justify-content:space-between}
  .hdr .logo img,.hdr.solid .logo img{height:44px}
  .hdr nav{position:absolute; left:0; right:0; top:64px}
  .menu{display:none; flex-direction:column; gap:0; padding:4px 20px 18px; background:#fff; box-shadow:0 18px 30px -20px rgba(20,37,74,.5)}
  .hdr.open{background:#fff}
  .hdr.open .menu{display:flex}
  .menu li{border-bottom:1px solid rgba(29,35,64,.08)}
  .menu li:last-child{border-bottom:0}
  .menu a{min-height:54px; font-size:19px; width:100%; border-bottom:0}
  .menu a[aria-current="page"]{color:var(--blue)}
  .burger{display:flex; flex-direction:column; justify-content:center; align-items:center; gap:5px; width:48px; height:48px; border:0; border-radius:50%; background:rgba(255,255,255,.92); box-shadow:0 8px 20px -14px rgba(20,37,74,.6); cursor:pointer}
  .burger span{display:block; width:20px; height:2.5px; border-radius:2px; background:var(--ink); transition:transform .25s, opacity .2s}
  .hdr.open .burger span:nth-child(1){transform:translateY(7.5px) rotate(45deg)}
  .hdr.open .burger span:nth-child(2){opacity:0}
  .hdr.open .burger span:nth-child(3){transform:translateY(-7.5px) rotate(-45deg)}

  .hero{height:auto; min-height:0; background:#E4F4FE}
  .hero.eve{background:#EAF0FA}
  .hero .h-bg,.hero .scrim,.hero .h-cloud{display:none}
  .txt{position:relative; left:auto; top:auto !important; width:auto; transform:none !important; gap:14px; padding:96px 24px 8px;
    background:linear-gradient(180deg, #E4F4FE 0%, #CDEBFD 55%, #A9DCFC 100%)}
  .hero.eve .txt{background:linear-gradient(180deg, #EAF0FA 0%, #C9D7F0 55%, #9DB6E2 100%)}
  .txt .lbl{font-size:13px}
  .txt .hl{line-height:1.04}
  .txt .sup{max-width:none; font-size:17px; line-height:1.5}
  .txt .acts{flex-direction:column; align-items:flex-start; gap:10px; margin-top:4px}
  .txt .btn{height:52px; padding:0 26px; font-size:17px; width:auto}
  .lnk{font-size:17px}
  .h-art{position:relative; inset:auto; overflow:hidden; background-repeat:no-repeat; background-size:auto 100%; background-position:50% 0;
    -webkit-mask-image:linear-gradient(180deg, transparent 0, #000 22%); mask-image:linear-gradient(180deg, transparent 0, #000 22%)}
  .hero.day .h-art{background-image:var(--bg-day)}
  .hero.eve .h-art{background-image:var(--bg-eve)}

  .sec{padding:64px 20px}
  .foot{padding:0 20px}
  .h2{font-size:32px; line-height:1.12}
  .band .h2{font-size:28px}
  .p{font-size:17px}
  .p.big{font-size:19px}
  .split,.signup,.band{grid-template-columns:minmax(0,1fr); gap:32px}
  .band{padding:32px 24px}
  .band .figure img{height:200px}
  .g2,.g3,.g4,.ticks{grid-template-columns:minmax(0,1fr)}
  .grid{margin-top:32px}
  .card{padding:22px 22px 24px; border-radius:20px}
  .form-card{padding:24px 20px}
  .signup form{flex-direction:column}
  .sec .btn{width:100%}
  .cta{flex-direction:column; align-items:stretch}
  .cta .lnk{justify-content:center}
  .faq details{padding:0 18px}
  .faq summary{min-height:64px; font-size:16px; line-height:1.4}
  .play{width:64px; height:64px}
  .play::after{left:26px; top:18px; border-left:20px solid var(--blue); border-top:13px solid transparent; border-bottom:13px solid transparent}
  .fbar{flex-direction:column; align-items:flex-start; gap:18px; padding:28px 0 64px}
  .fbar ul{margin:0; gap:12px 24px}
  .figure img{height:300px}
}
.vh{position:absolute !important; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0}
.fbar li span{font:600 16px 'Poppins',sans-serif; color:var(--slate)}
.coins{position:relative; height:240px}
.coins img{position:absolute; height:auto}
@media (max-width:820px){ .coins{height:180px} }

/* round 4: forms in two columns, programs sales page, contact page, email list */
.row2{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px}
.chips{list-style:none; margin:20px 0 0; padding:0; display:flex; flex-wrap:wrap; gap:10px}
.chips li{padding:10px 18px; border-radius:999px; background:#fff; color:var(--navy); font:600 16px 'Poppins',sans-serif; box-shadow:0 8px 20px -16px rgba(20,37,74,.45)}
.sec.blue .chips li{background:#fff}
.sec.cream .chips li{background:var(--sky)}
.journey{list-style:none; margin:28px 0 0; padding:0; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px 20px}
.journey li{display:flex; align-items:center; gap:14px; font:600 17px/1.3 'Poppins',sans-serif; color:var(--navy)}
.journey .num{flex:none; width:36px; height:36px; margin:0; font-size:15px}
.hm{list-style:none; margin:28px 0 0; padding:0; display:grid; gap:10px}
.hm li{display:flex; align-items:center; gap:16px; padding:12px 18px; border-radius:18px; background:var(--sky); font:600 18px 'Poppins',sans-serif; color:var(--navy)}
.hm .letter{font:800 30px/1 'Poppins',sans-serif; width:30px; text-align:center; margin:0; color:var(--pink)}
.hm li:nth-child(even) .letter{color:var(--blue)}
.signoff{margin:28px 0 0; font:italic 600 22px 'Poppins',sans-serif; color:var(--pink)}
.sec.sky{background:linear-gradient(180deg,#E4F4FE 0%,#CDEBFD 100%)}
.contact-hero{position:relative; padding:180px 96px 112px; background:linear-gradient(180deg,#EAF0FA 0%,#D9E4F6 45%,#F7E5DA 78%,#F3D3BC 100%)}
.c-lbl{margin:0; font:600 18px 'Poppins',sans-serif; letter-spacing:.12em; text-transform:uppercase; color:var(--pink)}
.c-h1{margin:18px 0 22px; font:800 clamp(44px,5vw,68px)/1.04 'Poppins',sans-serif; letter-spacing:-.02em; color:var(--ink)}
.contact-hero .p.big{margin-top:0; max-width:560px}
.c-lily{position:relative; display:flex; align-items:flex-end; gap:12px; margin-top:40px; height:300px}
.c-lily .lily{height:100%; width:auto; position:relative; z-index:1}
.c-lily .sh{position:absolute; left:-10px; bottom:-8px; width:140px; height:18px}
.c-phone{width:110px; margin-bottom:150px}
.c-phone img{width:100%; height:auto}
.form-inline{display:flex; flex-wrap:wrap; gap:12px}
.form-inline input[type=email]{flex:1 1 240px}
.signup .fine{margin-top:12px}
@media (max-width:1180px){ .contact-hero{padding:150px 48px 96px} }
@media (max-width:820px){
  .row2,.journey{grid-template-columns:minmax(0,1fr)}
  .contact-hero{padding:104px 20px 64px}
  .c-lbl{font-size:13px}
  .c-lily{display:none}
  .c-phone{width:80px; margin-bottom:110px}
  .hm li{font-size:16px}
}
.fbar .social{margin:0; gap:8px 20px}
.fbar .social a{font:600 15px 'Poppins',sans-serif; color:var(--blue-d); text-decoration:underline; text-underline-offset:4px}

/* FAQ page: same look as the homepage FAQ section, below the standard header */
.faq-page{background:var(--sky2); padding:180px 96px 120px}
.faq-col{max-width:820px; margin:0 auto; display:flex; flex-direction:column; gap:24px}
.faq-page .tag{align-self:flex-start; margin:0; background:#fff; color:var(--blue-d)}
.f-h{margin:0; font:800 48px/1.08 'Poppins',sans-serif; letter-spacing:-.02em; color:var(--navy)}
@media (max-width:1100px){ .faq-page{padding:160px 48px 96px} }
@media (max-width:820px){ .faq-page{padding:112px 20px 64px} .f-h{font-size:32px} }