/* Official Brave Possibilities palette: fuchsia, rose pink, and sunshine yellow. */
:root{
  --paper:#fffaf6;
  --white:#fffefe;
  --ink:#43103c;
  --plum:#ad0b8e;
  --plum-deep:#660652;
  --muted:#705568;
  --rose:#fce2f3;
  --pink:#b90c91;
  --lilac:#f4d5ed;
  --gold:#b98724;
  --sage:#f1edce;
  --butter:#fff0b3;
  --line:#e7c9df;
  --brand-fuchsia:#c916b2;
  --brand-rose:#fe95ce;
  --brand-yellow:#ffde59;
}
.site-header{background:#fffafcf7;border-color:#f0d8e9}
.brand{gap:0}
.brand-image{display:block;width:255px;height:85px;object-fit:cover;object-position:center;border-radius:7px}
.hero .pill{background:#f9d9ef}
.hero h1 em{color:var(--brand-fuchsia)}
.button:hover{background:#ce19a8}
.example-icon.sage{background:#fff0b3}
.example-number{color:#a85c90}
.together-section{background:#a50c88}
.together-heading h2 em{color:var(--brand-yellow)}
.eyebrow.light{color:#ffe9a1}
.together-copy p{color:#f7dfef}
.together-copy .large-copy{color:#fffaf2}
.together-butterfly{color:#ffde59;opacity:1}
.together-signoff{color:#ffe89b}
.outlined-label{color:#fff0bb;border-color:#f6ccdf80}
.day-tabs{background:#f8e2f0}
.time-bar span:last-child{background:#ffde59}
.activation-steps article{border-top-color:#e598d1}
.gentle-note{background:#fff1b9}
.gentle-note svg{color:#b80d92}
.gentle-note p{color:#634c32}
.commitment-section{background:#fbe7f4}
.fit-note{border-color:#e5b9d7}
details{border-color:#dbb1cf}
.optional-note{color:#75546a}
.cycle-card{background:#fff4d8;border-color:#de9bc9;box-shadow:8px 10px 0 #f3d1e8}
.cycle-time{border-color:#e1c383}
.timeline-dot{border-color:#d779bb}
.coach-section{background:#fff0fa}
.coach-photo-frame{position:relative;width:310px;height:390px;margin:0 auto;border:2px solid #d155b8;border-radius:160px 160px 14px 14px;box-shadow:10px 10px 0 #f8cce7;background:#fff;overflow:hidden}
.coach-photo-frame img{width:100%;height:100%;object-fit:cover;object-position:50% 27%}
.coach-photo-frame figcaption{position:absolute;bottom:0;left:0;right:0;padding:12px;background:#ad0b8eea;color:#fff;font-family:var(--serif);font-size:24px;font-style:italic;text-align:center;line-height:1.25}
.coach-credentials{font-size:13px;font-weight:400;color:#754966;line-height:1.8}
.coach-credentials strong{font-size:16px;font-weight:600;color:var(--plum)}
.apply-section{background:linear-gradient(110deg,#fce6f4,#ffd7ec)}
.application-card{border-color:#d190bd;box-shadow:8px 8px 0 #e3a8cf66}
.application-placeholder{background:#f7e0f0;border-color:#ce8eb9}
.application-placeholder:hover,.application-placeholder.attention{background:#efc4e1;border-color:var(--pink)}
.application-card-top .pill{background:var(--brand-yellow)}
.footer-logo{display:block;width:230px;height:77px;object-fit:cover;object-position:center;border-radius:6px}
.footer-inner>p{color:#f3d7ea}
.back-top{border-color:#f5bada88}

/* A deliberately typeset practice board replaces the generated scene. */
.hero-art.brave-board{padding:20px 8px 25px 4px}
.board-poster{height:655px;position:relative;background:linear-gradient(140deg,#c916b2 0%,#e13bc1 52%,#f78fcb 100%);border-radius:28px 120px 25px 25px;padding:31px 29px;box-shadow:10px 12px 0 #f9df65,0 15px 35px #a31a7416;transform:rotate(1.5deg)}
.board-poster:before{content:"";position:absolute;inset:13px;border:1px solid #ffffff48;border-radius:19px 109px 17px 17px;pointer-events:none}
.board-topline{display:flex;align-items:center;justify-content:space-between;gap:20px;color:#fff5c9;position:relative}
.board-topline>span{font-size:8px;letter-spacing:.13em;font-weight:600}
.board-topline svg{width:34px;height:34px;color:var(--brand-yellow);flex:none}
.board-title{font-family:var(--serif);font-size:40px;line-height:1.06;letter-spacing:-.04em;color:#fff;margin-top:21px;position:relative}
.board-title em{color:#ffeb8a;font-weight:400}
.board-notebook{position:absolute;left:38px;right:47px;top:203px;background:#fffdf7;padding:28px 25px 27px 38px;box-shadow:0 8px 17px #65104b30;transform:rotate(-5deg);border-radius:2px}
.board-notebook:before{content:"";position:absolute;left:24px;top:0;bottom:0;width:1px;background:#f1bfdc}
.notebook-punches{position:absolute;left:8px;top:20px;bottom:20px;display:flex;flex-direction:column;justify-content:space-between}
.notebook-punches i{display:block;width:7px;height:7px;border-radius:50%;background:#e5b4d4;box-shadow:inset 0 1px 2px #9a448b4d}
.notebook-label{font-size:8px;letter-spacing:.17em;font-weight:700;color:#a24e87}
.board-notebook>p{font-family:var(--serif);font-size:30px;line-height:1.2;letter-spacing:-.035em;margin-top:13px;color:#60204e}
.board-notebook>p em{color:#be1696}
.notebook-line{height:1px;background:#e9ccdc;margin-top:21px;margin-bottom:17px}
.notebook-actions{list-style:none;padding:0;margin:0;display:grid;gap:7px}
.notebook-actions li{display:flex;gap:9px;align-items:center;font-size:12px;color:#765369}
.notebook-actions svg{width:15px;height:15px;flex:none;color:#c916b2}
.notebook-signoff{display:block;font-size:7px;letter-spacing:.12em;color:#a46a8d;margin-top:20px}
.board-stamp{position:absolute;right:17px;top:143px;width:103px;height:103px;border:1px solid #e5bb25;background:#ffde59;color:#66204c;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(9deg);box-shadow:0 6px 12px #79285815;z-index:2}
.board-stamp strong{font-family:var(--serif);font-size:41px;line-height:1;font-weight:400}
.board-stamp span{text-align:center;font-size:7px;line-height:1.4;font-weight:700;letter-spacing:.09em;margin-top:6px}
.board-note{position:absolute;left:18px;bottom:23px;padding:17px 20px;background:#ffde59;box-shadow:0 5px 12px #82145b27;transform:rotate(-7deg);font-family:var(--serif);font-size:19px;line-height:1.25;color:#6b204e}
.board-note em{color:#ac087f}
.board-hour{position:absolute;right:21px;bottom:40px;width:268px;background:#fff7fb;border:1px solid #f4d7e8;border-radius:7px;padding:18px 15px 12px;box-shadow:0 7px 17px #82145b22;transform:rotate(3deg)}
.board-hour-label{display:block;text-align:center;font-size:7px;letter-spacing:.06em;font-weight:700;color:#9d3f79;white-space:nowrap}
.board-hour-values{display:grid;grid-template-columns:repeat(3,1fr);margin-top:14px}
.board-hour-values>span{text-align:center;border-left:1px solid #ebc4dd}
.board-hour-values>span:first-child{border-left:0}
.board-hour-values strong{font-family:var(--serif);font-size:37px;font-weight:400;color:#bc1092;line-height:1;display:block}
.board-hour-values small{font-size:7px;font-weight:700;letter-spacing:.08em;color:#7e4b6b;display:block;margin-top:5px}
.board-hour-footer{display:block;text-align:center;margin-top:13px;font-size:7px;letter-spacing:.13em;font-weight:600;color:#a35287}
@media(max-width:1100px){
  .brand-image{width:225px;height:75px}
  .board-poster{height:625px;padding:27px 24px}
  .board-title{font-size:35px}
  .board-notebook{left:29px;right:32px;top:191px;padding-left:35px}
  .board-notebook>p{font-size:27px}
  .board-stamp{width:91px;height:91px;right:9px;top:138px}
  .board-stamp strong{font-size:37px}
  .board-hour{width:243px;right:13px;bottom:43px}
  .board-note{font-size:17px;left:8px;bottom:17px;padding:15px 17px}
  .coach-photo-frame{width:280px;height:365px}
}
@media(max-width:850px){
  .brand-image{width:205px;height:69px}
  .hero-art.brave-board{padding:15px 3px 22px 0}
  .board-poster{height:594px;padding:25px 19px}
  .board-topline>span{font-size:6px;letter-spacing:.08em}
  .board-topline svg{width:26px;height:26px}
  .board-title{font-size:30px;margin-top:20px}
  .board-notebook{left:19px;right:19px;top:180px;padding:25px 17px 25px 34px}
  .board-notebook>p{font-size:24px}
  .board-stamp{top:129px;right:1px;width:82px;height:82px}
  .board-stamp strong{font-size:32px}
  .board-stamp span{font-size:6px}
  .notebook-actions li{font-size:10px}
  .notebook-label{font-size:7px}
  .notebook-signoff{font-size:6px}
  .board-hour{width:212px;right:8px;bottom:45px;padding:16px 10px 11px}
  .board-hour-label{font-size:6px}
  .board-hour-values strong{font-size:32px}
  .board-note{font-size:15px;padding:13px 15px;left:4px;bottom:14px}
  .coach-photo-frame{width:235px;height:325px}
}
@media(max-width:680px){
  .brand-image{width:194px;height:65px;border-radius:5px}
  .hero-art.brave-board{width:min(425px,95%);padding:16px 9px 27px 0;margin-top:12px}
  .board-poster{height:715px;padding:27px 23px;border-radius:24px 95px 24px 24px;box-shadow:7px 9px 0 #ffde59}
  .board-poster:before{border-radius:16px 85px 16px 16px}
  .board-topline>span{font-size:6px;letter-spacing:.09em}
  .board-title{font-size:32px}
  .board-notebook{left:22px;right:23px;top:188px;padding:25px 17px 23px 35px}
  .board-notebook>p{font-size:26px}
  .board-stamp{top:133px;right:2px;width:85px;height:85px}
  .board-stamp strong{font-size:34px}
  .board-hour{width:224px;right:10px;bottom:99px}
  .board-hour-label{font-size:6px}
  .board-note{font-size:16px;bottom:13px;left:7px}
  .coach-photo-frame{width:270px;height:350px}
  .coach-credentials{font-size:13px}
  .coach-credentials strong{font-size:16px}
  .footer-logo{width:210px;height:70px}
}
@media(max-width:370px){
  .brand-image{width:175px;height:59px}
  .board-title{font-size:28px}
  .board-notebook>p{font-size:23px}
  .board-poster{height:690px;padding-inline:18px}
  .board-notebook{left:17px;right:18px;top:179px}
  .board-topline>span{font-size:5px}
  .board-hour{width:204px;bottom:97px}
  .board-note{font-size:14px}
  .coach-photo-frame{width:245px;height:330px}
}
