/* Yo Wealth — an editorial identity with warm paper and forest ink. */
:root{--paper:#fffdf8;--bg:#f5f2ea;--ink:#173e34;--muted:#606b62;--faint:#757d72;--line:#dcded2;--line-2:#c6cfc1;--cobalt:#245949;--cobalt-deep:#173e34;--cobalt-soft:#e5ece1;--sun:#e8c9a7;--sun-deep:#ab6b3e;--display:Jakarta,system-ui,sans-serif}
body{padding-bottom:118px}
h2,h3{font-weight:700;letter-spacing:-.04em}
.wrap{max-width:1200px;width:calc(100% - 96px)}
.hero{background:var(--bg);color:var(--ink);padding:38px 0 0;overflow:visible}
.hero::before,.hero::after{display:none}
.hero-in{display:grid;grid-template-columns:1fr auto;align-items:center}
.hero-logo{color:var(--ink);font-size:32px;gap:12px;margin:0;letter-spacing:-1.6px}
.hero-logo img{width:52px;height:52px;border-radius:0;box-shadow:none}
.hero-logo span{font-size:25px;align-self:center;margin-left:-5px;padding:0;letter-spacing:-1px}
.badge{background:none;border:0;padding:0;color:var(--muted);font-size:12px;font-weight:600;letter-spacing:.015em}
.pulse{width:6px;height:6px;background:#5e8065}.pulse::after{display:none}
.perks{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);width:100%;max-width:none;margin-top:32px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.perks li{margin:0;padding:19px 20px;font-size:12px;gap:10px;border-right:1px solid var(--line);font-weight:600}
.perks li:first-child{padding-left:0}.perks li:last-child{border-right:0}.perks li svg{color:var(--cobalt);width:18px;height:18px}
.pair{position:relative;display:grid;grid-template-columns:1.45fr 1fr;margin-top:42px;gap:0;align-items:stretch}
.lesson{display:flex;flex-direction:column;background:none;border-radius:0;overflow:visible;box-shadow:none;border:0;padding-right:44px}
.lesson>img{aspect-ratio:16/8.5;width:100%;object-fit:cover;border-radius:3px;filter:saturate(.7)}
.lesson-copy{padding:26px 0 4px;grid-template-columns:40px 1fr;gap:0 15px;align-items:start}
.lesson-copy .num{font-size:14px;line-height:1.8;color:var(--sun-deep);font-weight:500;letter-spacing:.1em}
.lesson h2{font-family:Georgia,'Times New Roman',serif;font-size:clamp(30px,3.3vw,44px);font-weight:400;letter-spacing:-.05em;line-height:1.08}
.lesson p{font-size:14px;line-height:1.8;margin-top:14px}
.daily{border-radius:3px;background:var(--ink);color:var(--paper);padding:30px 30px 26px;box-shadow:none}
.daily-top{align-items:start;gap:8px;flex-direction:column}.daily .daily-label{color:#e8c9a7;font-size:10px;letter-spacing:.16em;text-transform:uppercase;margin:0}.daily-label .pulse{background:#e8c9a7}
.daily .countdown{color:#c8d4cb;font-size:11px;margin-top:8px}.countdown b{background:none;color:#f2dfc8;padding:0;margin-left:5px;font-size:12px;font-family:var(--text)}
.daily-mid{gap:22px;margin:28px 0}.dial{width:98px;height:98px}.dial-face{fill:#f5f2ea;stroke:#d2b390;stroke-width:1}.dial-arc{fill:#cc916633}
.daily .daily-time{color:var(--paper);font-family:Georgia,serif;font-weight:400;font-size:76px;letter-spacing:-.06em}.daily .daily-time span{color:#d3b391;font-family:var(--text);font-size:12px;font-weight:500;letter-spacing:.2em;margin-top:12px}
.daily h2{font-family:Georgia,serif;font-weight:400;font-size:29px;letter-spacing:-.025em;line-height:1.14;max-width:14ch}.daily p{color:#d2ddd3;font-size:13px;line-height:1.8;margin-top:16px}.daily small{color:#b8cbbd;font-size:10px;line-height:1.6;padding-top:24px;gap:8px}.daily small svg{width:14px;height:14px}
.course{margin-top:82px}.course-list{column-gap:62px}.course-list>li{grid-template-columns:42px 1fr;border-top:1px solid var(--line);gap:10px;padding:28px 0;min-height:175px}
.course-list .num{font-family:var(--text);font-weight:500;font-size:13px;line-height:1.8;letter-spacing:.1em;-webkit-text-stroke:0;color:var(--sun-deep)}
.course-list h2{font-size:19px;line-height:1.4;letter-spacing:-.035em}.course-list h2 svg{display:none}.course-list p{font-size:13px;line-height:1.9;margin-top:12px;max-width:48ch}
.ticker-demo{gap:12px;margin-top:14px}.ticker-demo span{padding:2px 0;border:0;border-bottom:1px solid var(--line-2);border-radius:0;background:none;font:500 10px var(--text);letter-spacing:.05em}.ticker-demo .ask{background:none;border-color:var(--sun-deep);color:var(--sun-deep)}
.course-list>li.course-figure{border:0;padding:0;min-height:220px}.course-figure figure{border-radius:3px;min-height:220px}.course-figure img{filter:saturate(.65)}.course-figure figcaption{border-radius:2px;font-size:10px;left:14px;bottom:14px;padding:8px 12px}
.marquee{transform:none;margin:70px 0 0;padding:20px 0;background:transparent;color:var(--muted);border-block:1px solid var(--line)}.marquee-track{animation-duration:65s;gap:32px}.marquee-track span{font:500 12px var(--text);letter-spacing:.03em}.marquee-track i{width:4px;height:4px;background:var(--sun-deep)}
.products{padding-top:70px}.section-head{display:grid;grid-template-columns:1fr 2fr;gap:30px;margin-bottom:34px;align-items:start}.kicker{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--sun-deep);padding-top:9px}.section-head h2{font-family:Georgia,serif;font-size:40px;font-weight:400;letter-spacing:-.045em;max-width:18ch;line-height:1.13}
.product-grid{gap:0;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}.product{padding:28px 22px 10px 0;background:none;border:0;border-radius:0;border-right:1px solid var(--line);margin-right:22px;gap:14px;transition:none}.product:last-child{border:0;margin:0}.product:hover{transform:none}.icon{width:34px;height:34px;border-radius:0;background:transparent;color:var(--sun-deep)}.icon svg{width:25px;height:25px}.product h3{font-size:17px;font-weight:600;line-height:1.4}.product p{font-size:12px;line-height:1.9}
.footer{background:var(--bg);margin-top:76px;padding:32px 0;border-color:var(--line)}.foot-in{gap:12px 70px;grid-template-columns:1fr 2fr}.brand{color:var(--ink);font-size:26px;letter-spacing:-1px}.brand-icon{border-radius:0}.brand-name{font-size:21px;font-weight:600}.footer p{font-size:11px;line-height:1.9}.foot-meta{font-size:10px!important;margin-top:6px}
.contact-dock{border-radius:5px;background:var(--paper);border-color:#ccd3c4;box-shadow:0 5px 28px #173e3414;padding:9px 10px 9px 18px;gap:16px}.button{border-radius:3px;min-height:46px;font-size:12px;letter-spacing:0}.dock-copy b{font-size:11px}.dock-copy small{font-size:10px}.dock-people img{width:32px;height:32px}.dock-dot{width:5px;height:5px}.dock-buttons{gap:8px}
.top{background:var(--bg);color:var(--ink);border-bottom:1px solid var(--line)}.top-join{background:var(--ink);color:var(--paper);border-radius:3px;font-size:11px}.doc h1{font-family:Georgia,serif;font-weight:400}
@media(min-width:1500px){.wrap{max-width:1280px}.pair{margin-top:48px}.lesson>img{aspect-ratio:16/8}}
@media(max-width:1020px){.wrap{width:calc(100% - 56px)}.pair{grid-template-columns:1.2fr 1fr}.lesson{padding-right:24px}.daily{padding:24px}.daily-mid{gap:14px}.daily .daily-time{font-size:60px}.dial{width:78px;height:78px}.perks li{font-size:11px;padding-inline:12px}.product-grid{grid-template-columns:1fr 1fr;gap:26px}.product{border-right:0;margin:0;padding:18px 12px 0 0}.dock-copy{display:none}}
@media(max-width:720px){body{padding-bottom:84px}.wrap{width:calc(100% - 40px)}.hero{padding:24px 0 0}.hero-in{grid-template-columns:1fr;gap:20px}.hero-logo{font-size:27px}.hero-logo img{width:45px;height:45px}.hero-logo span{font-size:23px}.badge{font-size:10px;gap:8px}.perks{margin:4px 0 0;grid-template-columns:1fr 1fr;gap:0}.perks li{background:none;border:0;border-radius:0;padding:14px 0;font-size:10px;gap:7px}.perks li:nth-child(-n+2){border-bottom:1px solid var(--line)}.perks li svg{width:15px;height:15px}.pair{margin-top:26px;grid-template-columns:1fr;gap:28px}.lesson{padding:0}.lesson>img{aspect-ratio:16/9}.lesson-copy{padding-top:22px;grid-template-columns:27px 1fr;column-gap:10px}.lesson h2{font-size:34px;max-width:12ch}.lesson p{font-size:13px;margin-top:12px}.daily{padding:25px;border-radius:3px}.daily-top{flex-direction:row;align-items:center}.daily .countdown{margin-top:0;font-size:10px}.daily-mid{margin:26px 0;gap:24px}.dial{width:92px;height:92px}.daily .daily-time{font-size:76px}.daily h2{font-size:30px;max-width:17ch}.daily p{font-size:13px}.daily small{padding-top:22px;font-size:10px}.course{margin-top:46px}.course-list{grid-template-columns:1fr}.course-list>li{grid-template-columns:27px 1fr;gap:10px;padding:24px 0;min-height:auto}.course-list .num{font-size:12px;-webkit-text-stroke:0}.course-list h2{font-size:18px}.course-list p{font-size:13px}.course-list>li.course-figure{margin-top:12px}.course-figure figure{aspect-ratio:16/10;min-height:0}.marquee{margin-top:42px;padding-block:16px}.products{padding-top:46px}.section-head{grid-template-columns:1fr;gap:14px;margin-bottom:24px}.kicker{font-size:10px}.section-head h2{font-size:34px}.product-grid{grid-template-columns:1fr;gap:0}.product{display:grid;grid-template-columns:32px 1fr;gap:8px 14px;padding:22px 0;border-bottom:1px solid var(--line);border-radius:0}.product .icon{width:32px;height:32px;grid-row:1/3}.product h3{font-size:17px}.product p{font-size:12px}.footer{margin-top:48px}.foot-in{grid-template-columns:1fr;gap:18px}.footer p{font-size:10px}.contact-dock{border-radius:0;padding:10px 12px calc(10px + env(safe-area-inset-bottom));gap:10px;box-shadow:0 -3px 20px #173e340a}.dock-buttons{grid-template-columns:1.3fr 1fr;gap:8px}.button{min-height:46px;font-size:12px;padding:10px}.button svg{width:18px;height:18px}.dock-people img{width:30px;height:30px}.top .brand{font-size:17px}.top-join{font-size:9px;padding:9px}}
@media(max-width:370px){.wrap{width:calc(100% - 32px)}.daily{padding:22px}.daily-top{gap:10px;flex-direction:column;align-items:start}.dock-people{display:none}.lesson h2{font-size:31px}}

/* Clear type and a quiet, logo-only header. */
:root{--display:Bricolage,Jakarta,system-ui,sans-serif}
.hero-in{grid-template-columns:1fr}
.hero-logo{font-family:Bricolage,Jakarta,sans-serif;letter-spacing:-.8px;gap:13px}
.hero-logo .wordmark{font-family:inherit;font-size:30px;line-height:1;font-weight:650;letter-spacing:-.8px;margin:0;padding:0;align-self:center}
.lesson h2,.daily h2,.section-head h2,.doc h1{font-family:var(--display);font-weight:600;letter-spacing:-.035em}
.lesson h2{font-size:clamp(28px,3vw,40px);line-height:1.12}
.daily h2{font-size:29px;line-height:1.16;max-width:17ch}
.section-head h2{font-size:38px;line-height:1.12}
.daily .daily-time{font-family:var(--display);font-weight:600;letter-spacing:-.05em}
.lesson-copy .free-note{grid-column:2;color:var(--muted);font-size:11px;line-height:1.6;margin-top:12px;letter-spacing:0}
.free-note strong{font-weight:650;color:var(--cobalt)}
.course-list h2{font-weight:650;letter-spacing:-.02em}
.brand{font-family:var(--display);letter-spacing:-.6px}
@media(max-width:720px){.hero-in{gap:0}.perks{margin-top:26px}.hero-logo .wordmark{font-size:27px;letter-spacing:-.7px}.lesson h2{font-size:30px;max-width:15ch}.daily h2{font-size:28px}.section-head h2{font-size:32px}.lesson-copy .free-note{font-size:10px;margin-top:12px}.hero-logo{gap:11px}}
.lesson-copy>p{grid-column:2}

.hero{padding-top:12px}.hero-in{gap:0}.hero .perks{margin-top:0}.foot-in{grid-template-columns:1fr;gap:12px}.footer p{max-width:90ch}@media(max-width:720px){.hero{padding-top:8px}.hero .perks{margin-top:0}}

.daily-benefit{margin-top:22px;padding-top:18px;border-top:1px solid #ffffff30}.daily-benefit strong{display:block;font-size:16px;line-height:1.45;font-weight:650;color:#f1d4b2}.daily .daily-benefit p{margin-top:7px;font-size:12px;line-height:1.75;color:#d2ddd3}@media(max-width:720px){.daily-benefit strong{font-size:16px}.daily .daily-benefit p{font-size:12px}}

/* Selected B identity: compass and understated wordmark. */
.hero{padding-top:28px}.site-brand{display:inline-flex;align-items:center;gap:11px;width:max-content;color:var(--ink);text-decoration:none;margin-bottom:24px;font-family:Jakarta,system-ui,sans-serif}.site-brand img{width:42px;height:42px;flex:none}.brand-yo{font-size:29px;line-height:1.15;font-weight:650;letter-spacing:-.031em}.brand-wealth{font-weight:500;margin-left:5px}.site-brand:focus-visible{outline:2px solid var(--sun-deep);outline-offset:6px}
@media(max-width:720px){.hero{padding-top:21px}.site-brand{gap:9px;margin-bottom:21px}.site-brand img{width:36px;height:36px}.brand-yo{font-size:25px}.brand-wealth{margin-left:4px}}
