:root{
--core-olive-950:#1F2822;--core-olive-800:#2A3F32;--core-olive-600:#4A5A4E;--core-olive-100:#E3E6D8;
--core-coral-500:#E8604C;--core-coral-700:#B8432F;--core-coral-300:#F4A493;--core-coral-100:#F9DED6;
--core-paper:#F7F3EC;--core-paper-hi:#FFFDF9;--core-white:#FFFFFF;--core-ink:#1E1A18;--core-stone-600:#5E5652;--core-stone-200:#E4DDD2;
--surface-canvas:var(--core-paper);--surface-card:var(--core-white);--surface-page:var(--core-paper-hi);--surface-dark:var(--core-olive-800);--surface-darker:var(--core-olive-950);
--surface-tint-a:var(--core-coral-100);--surface-tint-b:var(--core-olive-100);
--text-strong:var(--core-ink);--text-muted:var(--core-stone-600);--text-on-dark:var(--core-paper);--text-accent:var(--core-coral-700);
--action-primary:var(--core-coral-500);--action-on-primary:var(--core-ink);--action-focus:var(--core-coral-700);--border-default:var(--core-stone-200);
--bg:var(--surface-canvas);--card:var(--surface-card);--ink:var(--text-strong);--text:var(--text-strong);--muted:var(--text-muted);
--accent:var(--action-primary);--accent-deep:var(--core-coral-700);--accent-tint:var(--core-coral-100);--line:var(--border-default);
--fd:'Manrope',system-ui,sans-serif;--fb:'Manrope',system-ui,sans-serif;--fm:'Geist Mono',ui-monospace,monospace;--r:16px;
--spacing-1:4px;--spacing-2:8px;--spacing-3:12px;--spacing-4:16px;--spacing-6:24px;--spacing-8:32px;--spacing-10:40px;--spacing-12:48px;--spacing-16:64px;--spacing-20:80px;--spacing-24:96px;
--ease:cubic-bezier(0.22,1,0.36,1)}
:root{--card-max:780px;--cta-text:#1E1A18}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--fb);font-size:16px;line-height:24px;font-weight:400;overflow-x:clip}
img,svg{display:block;max-width:100%}
a{color:var(--accent-deep)}
h1,h2,h3,p,ul,ol,dl,dd,figure{margin:0}
ul{padding:0;list-style:none}
h1,h2,h3,.wrap-balance{text-wrap:balance}
p{text-wrap:pretty}
.heading-1{font-family:var(--fd);font-size:48px;line-height:56px;font-weight:700;letter-spacing:-0.02em}
.heading-2{font-family:var(--fd);font-size:36px;line-height:40px;font-weight:700;letter-spacing:-0.02em}
.heading-3{font-family:var(--fd);font-size:30px;line-height:36px;font-weight:700;letter-spacing:-0.01em}
.heading-5{font-family:var(--fd);font-size:20px;line-height:28px;font-weight:700}
.title-1{font-size:18px;line-height:28px;font-weight:700}
.title-2{font-size:16px;line-height:24px;font-weight:700}
.body-2{font-size:18px;line-height:28px}
.body-3{font-size:16px;line-height:24px}
.body-5{font-size:14px;line-height:20px}
.body-6{font-size:12px;line-height:16px}
.caption-2{font-size:14px;line-height:20px;color:var(--muted)}
.label-mono{font-family:var(--fm);font-size:12px;line-height:16px;font-weight:500;letter-spacing:0.08em;text-transform:uppercase}
.button-md{font-size:16px;line-height:24px;font-weight:700}
.wrap{max-width:1120px;margin:0 auto;padding:0 16px}
.icon{width:20px;height:20px;flex:0 0 auto}
.skip-link{position:absolute;left:16px;top:-64px;z-index:60;background:var(--ink);color:#fff;padding:8px 12px;border-radius:8px;transition:transform 300ms cubic-bezier(0.22,1,0.36,1)}
.skip-link:focus{transform:translateY(80px)}
:focus-visible{outline:2px solid var(--action-focus);outline-offset:2px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:12px 24px;border-radius:9999px;border:0;background:var(--accent);color:var(--action-on-primary);font-family:var(--fb);font-size:16px;line-height:24px;font-weight:700;text-decoration:none;cursor:pointer;transition:transform 300ms cubic-bezier(0.22,1,0.36,1),opacity 300ms cubic-bezier(0.22,1,0.36,1)}
.btn:hover{opacity:.9}
.btn:active{transform:scale(0.98)}
.btn-primary{background:var(--accent);color:var(--action-on-primary)}
/* nav */
.site-head{position:absolute;top:16px;left:0;right:0;z-index:30;display:flex;justify-content:center;padding:0 12px;pointer-events:none}
.nav-bar{pointer-events:auto;display:flex;align-items:center;gap:24px;padding:8px 8px 8px 16px;border-radius:9999px;background:rgba(247,243,236,.82);border:1px solid rgba(30,26,24,.08);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.brand{display:flex;align-items:center;gap:8px;color:var(--ink);text-decoration:none;min-height:44px}
.brand svg{width:28px;height:28px}
.wm{font-family:var(--fd);font-size:18px;line-height:24px;font-weight:700;letter-spacing:-0.01em}
.wm b{font-weight:700;color:var(--accent-deep)}
.nav-links{display:none;align-items:center;gap:4px}
.nav-links a{color:var(--ink);text-decoration:none;padding:8px 12px;border-radius:9999px;min-height:44px;display:inline-flex;align-items:center;transition:opacity 300ms cubic-bezier(0.22,1,0.36,1)}
.nav-links a:hover{background:rgba(30,26,24,.06)}
.burger{width:44px;height:44px;border-radius:9999px;border:0;background:var(--surface-dark);display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer;transition:transform 300ms cubic-bezier(0.22,1,0.36,1)}
.burger span{display:block;width:16px;height:2px;border-radius:2px;background:#fff;transition:transform 300ms cubic-bezier(0.22,1,0.36,1)}
.burger.is-open span:first-child{transform:translateY(3px) rotate(45deg)}
.burger.is-open span:last-child{transform:translateY(-3px) rotate(-45deg)}
.burger:active{transform:scale(0.98)}
.menu-panel{position:fixed;inset:0;z-index:25;background:var(--surface-page);padding:96px 24px 32px;display:flex;flex-direction:column;gap:8px}
.menu-panel a{color:var(--ink);text-decoration:none;padding:12px 0;min-height:44px;opacity:0;transform:translateY(8px);transition:opacity 300ms cubic-bezier(0.22,1,0.36,1),transform 500ms cubic-bezier(0.22,1,0.36,1)}
.menu-panel.is-open a{opacity:1;transform:none}
.menu-panel a:nth-child(2){transition-delay:60ms}.menu-panel a:nth-child(3){transition-delay:120ms}.menu-panel a:nth-child(4){transition-delay:180ms}.menu-panel a:nth-child(5){transition-delay:240ms}.menu-panel a:nth-child(6){transition-delay:300ms}.menu-panel a:nth-child(7){transition-delay:360ms}
body.menu-open{overflow:hidden}
@media(min-width:900px){.nav-links{display:flex}.burger{display:none}.menu-panel{display:none}}
/* hero: the day page */
.hero{padding:80px 12px 64px}
.day{position:relative;max-width:1040px;margin:0 auto}
.day-rings{position:relative;z-index:4;display:flex;justify-content:space-around;padding:0 16px;margin-bottom:-16px}
.ring{width:16px;height:32px}
@media(min-width:900px){.ring{width:20px;height:40px}.day-rings{margin-bottom:-24px}}
.ring:nth-child(n+7){display:none}
.day-slab{position:relative;z-index:1;background:var(--surface-dark);color:var(--text-on-dark);border-radius:16px 16px 0 0;padding:32px 16px 80px}
.slab-top{display:flex;justify-content:space-between;gap:12px;color:var(--core-coral-300);margin-bottom:12px}
.day-slab h1{font-family:var(--fd);font-size:30px;line-height:36px;font-weight:700;letter-spacing:-0.02em;color:#FFFFFF;max-width:680px}
.h1-sub{margin-top:12px;max-width:560px;color:var(--core-olive-100)}
.big-day{display:none}
.day-leaf{position:relative;z-index:2;display:flow-root;background:var(--surface-page);border-radius:0 0 16px 16px;padding:0 8px 24px}
.day-leaf::before,.day-leaf::after{content:"";position:absolute;top:100%;height:8px;border-radius:0 0 12px 12px}
.day-leaf::before{left:12px;right:12px;background:var(--surface-tint-b)}
.day-leaf::after{left:24px;right:24px;margin-top:8px;background:var(--surface-tint-a)}
.perf{display:block;width:100%;height:8px;margin:24px 0 16px;color:var(--line)}
.leaf-note{display:flex;gap:12px;align-items:flex-start;max-width:var(--card-max);margin:0 auto;padding:0 8px;color:var(--muted)}
.leaf-note svg{color:var(--accent-deep);margin-top:2px}
.menu-panel[hidden]{display:none}

.form-card{position:relative;z-index:3;width:100%;max-width:var(--card-max);margin:-64px auto 0;background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:0 24px 48px -24px rgba(31,40,34,.35);overflow:visible}
.form-card__head{display:flex;align-items:center;gap:12px;padding:16px 16px 12px}
.card-mark svg{width:40px;height:40px}
.card-name{flex:1 1 auto;min-width:0}
.card-name .label-mono{color:var(--muted)}
.head-note{color:var(--accent-deep);text-align:right}
.card-rule{display:block;height:1px;background:var(--line);margin:0 16px}
.form-host{padding:8px 4px}
.form-card__spec{display:grid;grid-template-columns:1fr;gap:12px;margin:0 16px;padding:16px 0;background:transparent}
.form-card__spec div{display:flex;flex-direction:column;gap:4px}
.form-card__spec dt{color:var(--muted)}
.spec-rule{display:block;height:1px;background:var(--line)}
.form-card__trust{display:flex;gap:8px;align-items:center;padding:12px 16px 16px;border-radius:0 0 16px 16px;background:var(--surface-tint-b);color:var(--ink)}
.form-card__trust svg{color:var(--core-olive-600)}
@media(min-width:600px){
.form-host{padding:8px 16px}
.form-card__spec{grid-template-columns:1fr 1px 1fr 1px 1fr;gap:16px}
.spec-rule{height:auto;width:1px}}
@media(min-width:900px){
.hero{padding:96px 24px 80px}
.ring:nth-child(n+7){display:block}
.day-rings{padding:0 48px}
.day-slab{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:40px;padding:48px 48px 96px;border-radius:24px 24px 0 0}
.day-slab h1{font-size:48px;line-height:56px}
.big-day{display:flex;flex-direction:column;justify-content:flex-end;gap:8px;color:var(--core-coral-100)}
.big-day__word{font-family:var(--fd);font-size:72px;line-height:72px;font-weight:700;letter-spacing:-0.03em}
.big-day__rule{display:block;height:1px;background:rgba(249,222,214,.35)}
.day-leaf{padding:0 48px 32px;border-radius:0 0 24px 24px}
.form-card{margin-top:-80px}
.form-card__head{padding:24px 24px 16px}
.card-rule,.form-card__spec{margin:0 24px}
.form-card__trust{padding:16px 24px}}
/* shared section bits */
.sec{padding:64px 0}
.sec-label{color:var(--accent-deep);margin-bottom:12px}
.sec-h{max-width:680px}
.sec-sub{max-width:600px;margin-top:12px;color:var(--muted)}
@media(min-width:900px){.sec{padding:96px 0}.heading-2{font-size:48px;line-height:56px}}
/* today's list */
.today{background:var(--surface-tint-b)}
.todo{margin-top:40px;background:var(--surface-page);border:1px solid var(--line);border-radius:24px;padding:24px 16px;position:relative}
.todo-top{display:flex;justify-content:space-between;align-items:center;gap:12px;color:var(--muted);padding:0 0 16px}
.todo-top svg{width:96px;height:24px;color:var(--accent)}
.todo-rule{display:block;height:1px;background:var(--line)}
.todo-item{display:grid;grid-template-columns:24px minmax(0,1fr);gap:12px 16px;padding:24px 0;align-items:start}
.todo-item .tick{width:24px;height:24px;color:var(--core-olive-800)}
.todo-item p{color:var(--muted);margin-top:4px}
.todo-pic{grid-column:2;border-radius:12px;overflow:hidden;background:var(--surface-tint-a);max-width:240px}
.todo-pic img{width:100%;height:auto}
.todo-last{display:grid;grid-template-columns:24px minmax(0,1fr);gap:16px;padding:24px 0 8px;align-items:start}
.todo-last .tick{width:24px;height:24px;color:var(--accent-deep)}
.todo-last a{color:var(--accent-deep);font-weight:700}
@media(min-width:900px){.todo{padding:40px 48px}.todo-item{grid-template-columns:24px minmax(0,1fr) 200px;gap:24px}.todo-pic{grid-column:3;grid-row:1 / span 2}}
/* tagline */
.tagline-reveal{background:var(--surface-card)}
.tagline-reveal p{font-family:var(--fd);font-size:30px;line-height:36px;font-weight:700;letter-spacing:-0.02em;max-width:880px}
.tagline-reveal p span{color:var(--accent-deep)}
.tagline-reveal .label-mono{font-size:12px;color:var(--muted);margin-bottom:16px;letter-spacing:0.08em}
@media(min-width:900px){.tagline-reveal p{font-size:60px;line-height:64px}}

/* day planner */
.plan{background:var(--surface-dark);color:var(--text-on-dark)}
.plan .sec-label{color:var(--core-coral-300)}
.plan .sec-sub{color:var(--core-olive-100)}
.planner{position:relative;margin-top:40px;background:var(--surface-page);color:var(--ink);border-radius:16px;padding:24px 16px 24px 48px;overflow:hidden}
.planner-holes{position:absolute;left:12px;top:0;width:20px;height:100%;color:var(--surface-dark)}
.planner-head{position:relative;display:flex;justify-content:space-between;gap:12px;color:var(--muted);padding-bottom:16px}
.slot{position:relative;display:grid;grid-template-columns:1fr;gap:8px;padding:24px 0}
.slot-time{color:var(--accent-deep)}
.slot-body{display:flex;gap:12px;align-items:flex-start}
.slot-ic{width:40px;height:40px;border-radius:12px;background:var(--surface-tint-a);display:flex;align-items:center;justify-content:center;flex:0 0 auto;color:var(--core-olive-800)}
.slot-body p{color:var(--muted);margin-top:4px}
.slot-rule{position:relative;display:block;height:1px;background:var(--line)}
.planner-doodle{display:none}
@media(min-width:900px){.planner{padding:40px 48px 40px 96px}.planner-holes{left:32px;width:24px}.slot{grid-template-columns:160px minmax(0,1fr);gap:24px;padding:32px 0}.slot-body{max-width:520px}
.planner-doodle{display:block;position:absolute;right:40px;bottom:40px;width:240px;height:200px;color:var(--core-olive-800)}}
/* pinned notes */
.notes{background:var(--surface-tint-a)}
.board{display:grid;grid-template-columns:1fr;gap:24px;margin-top:40px}
.note{position:relative;background:var(--surface-page);border-radius:4px;padding:32px 24px 24px;box-shadow:0 12px 24px -16px rgba(31,40,34,.4)}
.note p{color:var(--muted);margin-top:8px}
.note .pin{position:absolute;top:-12px;left:50%;width:24px;height:24px;margin-left:-12px;color:var(--accent-deep)}
.note-a{transform:rotate(-1.2deg)}
.note-b{transform:rotate(1deg);background:var(--surface-tint-b)}
.note-c{transform:rotate(-0.6deg)}
.note-d{transform:rotate(0.8deg);background:var(--core-white)}
.note .note-big{color:var(--ink);margin-top:0}
.note-big{font-family:var(--fd);font-size:36px;line-height:40px;font-weight:700;color:var(--ink);letter-spacing:-0.02em}
@media(min-width:900px){.board{grid-template-columns:1.4fr 1fr;gap:32px 40px}.note-a{grid-row:span 2;padding:48px 40px}.note-a .note-big{font-size:60px;line-height:64px}.note-d{grid-column:1 / span 2}}
/* photo band */
.band{position:relative;background:var(--surface-card)}
.band-fig{position:relative;border-radius:24px;overflow:hidden;background:var(--surface-dark);aspect-ratio:4/5}
.band-fig img{width:100%;height:100%;object-fit:cover}
.band-cap{position:relative;margin:-48px 16px 0;background:var(--surface-page);border:1px solid var(--line);border-radius:16px;padding:24px;max-width:560px}
.band-cap p{color:var(--muted);margin-top:8px}
@media(min-width:900px){.band-fig{aspect-ratio:21/9}.band-cap{position:absolute;left:48px;bottom:48px;margin:0}}
/* honest */
.honest{background:var(--surface-canvas)}
.ledger{display:grid;grid-template-columns:1fr;gap:24px;margin-top:40px}
.ledger-col{background:var(--surface-card);border:1px solid var(--line);border-radius:16px;padding:24px}
.ledger-col.no{background:var(--surface-page)}
.ledger-col li{display:flex;gap:12px;align-items:flex-start;padding:12px 0}
.ledger-col li+li{box-shadow:0 -1px 0 var(--line)}
.ledger-col .ok{color:var(--core-olive-800)}
.ledger-col .nope{color:var(--accent-deep)}
@media(min-width:900px){.ledger{grid-template-columns:1.15fr 1fr;gap:32px}.ledger-col{padding:40px}}
/* faq */
.faq{background:var(--surface-card)}
.faq-grid{display:grid;grid-template-columns:1fr;gap:40px}
.faq-art{border-radius:16px;overflow:hidden;background:var(--surface-tint-b);max-width:280px;margin-top:24px}
.faq-art img{width:100%;height:auto}
.qa{border:1px solid var(--line);border-radius:12px;background:var(--surface-page)}
.qa+.qa{margin-top:12px}
.qa summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:16px;align-items:center;padding:16px;min-height:48px;font-size:16px;line-height:24px;font-weight:700}
.qa summary::-webkit-details-marker{display:none}
.qa summary svg{width:20px;height:20px;flex:0 0 auto;color:var(--accent-deep);transition:transform 300ms cubic-bezier(0.22,1,0.36,1)}
.qa[open] summary svg{transform:rotate(45deg)}
.qa p{padding:0 16px 16px;color:var(--muted)}
@media(min-width:900px){.faq-grid{grid-template-columns:360px minmax(0,1fr);gap:64px}}
/* guides as calendar tabs */
.guides{background:var(--surface-tint-b)}
.tabs{display:grid;grid-template-columns:1fr;gap:40px;margin-top:48px}
.tab{position:relative;display:block;background:var(--surface-page);border-radius:0 16px 16px 16px;padding:24px;text-decoration:none;color:var(--ink);transition:transform 300ms cubic-bezier(0.22,1,0.36,1)}
.tab::before{content:"";position:absolute;left:0;top:-16px;width:96px;height:16px;border-radius:12px 12px 0 0;background:var(--surface-page)}
.tab .label-mono{color:var(--accent-deep)}
.tab p{color:var(--muted);margin-top:8px}
.tab .go{display:inline-flex;align-items:center;gap:8px;margin-top:16px;font-weight:700;color:var(--accent-deep)}
.tab:hover{transform:translateY(-2px)}
.tab:active{transform:scale(0.98)}
@media(min-width:900px){.tabs{grid-template-columns:1.3fr 1fr 1fr;gap:24px}}
/* closing band */
.cta{background:var(--surface-darker);color:var(--text-on-dark);overflow:hidden}
.cta-grid{display:grid;grid-template-columns:1fr;gap:40px;align-items:center}
.cta .sec-label{color:var(--core-coral-300)}
.cta .heading-2{color:#FFFFFF}
.cta p.body-2{color:var(--core-olive-100);margin-top:16px;max-width:520px}
.cta .btn{margin-top:32px}
.cta-art{width:100%;max-width:420px;margin:0 auto;color:var(--core-paper)}
@media(min-width:900px){.cta-grid{grid-template-columns:minmax(0,1fr) 420px;gap:64px}}
/* footer */
.site-foot{background:var(--surface-darker);color:var(--core-olive-100);padding:48px 0 96px;box-shadow:inset 0 1px 0 rgba(227,230,216,.12)}
.site-foot a{color:var(--core-coral-300)}
.foot-brand{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}
.foot-brand .wm{color:#FFFFFF}
.foot-brand .wm b{color:var(--core-coral-300)}
.foot-nonaff{margin-bottom:24px;color:var(--core-olive-100)}
.legal-links{margin-bottom:24px}
.disc{color:var(--core-olive-100)}
/* sticky return bar */
.stick{position:fixed;left:12px;right:12px;bottom:12px;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 8px 8px 16px;background:var(--surface-dark);color:#FFFFFF;border-radius:9999px;opacity:0;transform:translateY(24px);pointer-events:none;transition:opacity 300ms cubic-bezier(0.22,1,0.36,1),transform 500ms cubic-bezier(0.22,1,0.36,1)}
.stick.is-on{opacity:1;transform:none;pointer-events:auto}
@media(min-width:900px){.stick.is-on{transform:translateX(-50%)}.stick{transform:translate(-50%,24px)}}
.stick .btn{min-height:44px;padding:8px 16px}
@media(min-width:900px){.stick{left:50%;right:auto;width:560px;transform:translateX(-50%)}}
/* legal and guide pages */
.sub-main{padding:96px 0 64px}
.prose{max-width:760px;margin:0 auto;padding:0 16px}
.prose h1{font-family:var(--fd);font-size:36px;line-height:40px;font-weight:700;letter-spacing:-0.02em;margin:0 0 16px}
.prose h2{font-family:var(--fd);font-size:24px;line-height:32px;font-weight:700;margin:40px 0 12px}
.prose h3{font-size:18px;line-height:28px;font-weight:700;margin:24px 0 8px}
.prose p,.prose li{font-size:16px;line-height:28px;color:var(--ink)}
.prose p{margin:0 0 16px}
.prose ul,.prose ol{padding-left:24px;margin:0 0 16px;list-style:disc}
.prose ol{list-style:decimal}
.prose a{color:var(--accent-deep)}
.prose .updated{color:var(--muted)}
.prose table{width:100%;border-collapse:collapse;margin:0 0 16px}
.prose th,.prose td{border:1px solid var(--line);padding:8px 12px;text-align:left;font-size:14px;line-height:20px}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition-duration:0.01ms!important;scroll-behavior:auto!important}}

.legal-links{display:flex;flex-wrap:wrap;gap:.5rem 1.25rem}.disc p{font-size:.8rem;line-height:1.55}.cmp-modal{display:none;position:fixed;inset:0;z-index:90;background:rgba(10,14,20,.6);padding:30px 14px;overflow:auto}.cmp-modal.is-open{display:block}body.cmp-modal-open{overflow:hidden}.cmp-modal-card{max-width:860px;margin:0 auto;background:var(--card);color:var(--ink);border-radius:var(--r);box-shadow:0 30px 80px -30px rgba(0,0,0,.6)}.cmp-modal-head{position:sticky;top:0;background:var(--card);display:flex;justify-content:flex-end;padding:10px 12px;border-bottom:1px solid var(--line);border-radius:var(--r) var(--r) 0 0}.cmp-modal-close{border:0;background:var(--accent-tint);width:36px;height:36px;border-radius:9px;font-size:1.25rem;cursor:pointer;color:var(--ink)}.cmp-modal-body{padding:6px 24px 30px}.cmp-modal-body .prose{max-width:none}.cmp-modal-loading{padding:40px;text-align:center;color:var(--muted)}.unsub-card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:26px 22px;margin:22px 0}.unsub-card__title{margin:0 0 6px;font-family:var(--fd);font-size:1.35rem}.unsub-card__sub{margin:0 0 18px;color:var(--muted)}.unsub-field{margin:0 0 14px}.unsub-field label{display:block;font-weight:600;font-size:.92rem;margin:0 0 6px}.unsub-field .opt{font-weight:400;color:var(--muted);font-size:.8rem;margin-left:8px}.unsub-field .req{color:var(--accent-deep)}.unsub-field input,.unsub-field select{width:100%;box-sizing:border-box;min-height:48px;padding:10px 14px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);font:inherit;font-size:1rem}.unsub-field input:focus,.unsub-field select:focus{outline:2px solid var(--accent);outline-offset:1px}.unsub-field__hint{margin:6px 0 0;font-size:.8rem;color:var(--muted)}.unsub-form__submit{display:inline-block;min-height:48px;padding:12px 22px;border:0;border-radius:999px;background:var(--accent-deep);color:#fff;font:inherit;font-weight:700;cursor:pointer}.unsub-form__submit:disabled{opacity:.6;cursor:wait}.unsub-form__legal{font-size:.8rem;color:var(--muted);margin:12px 0 0}.unsub-msg{display:none;border-radius:10px;padding:12px 14px;margin:0 0 14px;font-size:.95rem}.unsub-msg--error{background:#FDECEC;color:#8A1F1F}.unsub-msg--error.is-visible{display:block}.unsub-msg--success{background:var(--accent-tint);color:var(--ink)}.unsub-card.is-success .unsub-form,.unsub-card.is-success .unsub-card__sub{display:none}.unsub-card.is-success .unsub-msg--success{display:block}