@charset "UTF-8";
:root{--paper:#fff9ee;--ink:#242127;--muted:#6b626d;--coral:#ff806b;--lilac:#c5b5ff;--yellow:#f9df67;--line:#242127;font-family:Inter,"Segoe UI",system-ui,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none;color-scheme:light;scroll-behavior:smooth}
*{box-sizing:border-box}body{margin:0;overflow-x:clip;background:radial-gradient(ellipse at 95% 25%,#f4e9dd55,transparent 50%),var(--paper)}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible,.calendar-scroll:focus-visible{outline:3px solid #6740c0;outline-offset:5px}button:disabled{opacity:.3;cursor:default}h1,h2,h3,p{margin-top:0}svg{display:block}::selection{background:var(--yellow);color:var(--ink)}.wrap{width:min(1450px,calc(100% - 96px));margin-inline:auto}.skip{position:fixed;left:16px;top:-100px;z-index:20;background:var(--yellow);color:var(--ink);padding:12px;border:2px solid var(--ink);border-radius:8px}.skip:focus{top:16px}
.nav{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:104px}.brand{display:flex;align-items:center;gap:9px;font-weight:900;font-size:28px;letter-spacing:-1.2px;white-space:nowrap;background:var(--yellow);padding:6px 13px 8px;border-radius:30% 20% 30% 18%;transform:rotate(-1deg)}.brand-mark{display:flex;align-items:center;width:32px;height:32px}.brand-mark i{width:23px;height:23px;flex-shrink:0;border:1.8px solid var(--ink);border-radius:50%;background:var(--coral)}.brand-mark i+i{margin-left:-13px;background:var(--lilac)}.beta{font-size:7px;letter-spacing:1px;font-weight:700;border:1px solid var(--ink);padding:4px 5px;border-radius:4px;margin-left:3px;background:#fff9ee80}nav{display:flex;align-items:center;gap:35px;font-size:13px;font-weight:700}nav>a:hover{color:#6c3eac}.nav-login{padding:12px 23px;border:2px solid var(--ink);border-radius:30px;background:var(--coral);box-shadow:0 3px 0 var(--ink)}.nav-login span{margin-left:20px}
.hero{display:grid;grid-template-columns:1fr 1.05fr;gap:55px;align-items:center;padding:35px 0 65px;position:relative;isolation:isolate}.hero-copy{position:relative;z-index:1}.eyebrow{text-transform:uppercase;font-size:9px;letter-spacing:1.4px;line-height:1.7;font-weight:750;display:flex;align-items:center;gap:8px;margin:0 0 22px}.live-dot{display:inline-block;width:7px;height:7px;background:var(--coral);border:1px solid var(--ink);border-radius:50%;flex-shrink:0}h1{font-size:clamp(56px,5.8vw,88px);font-weight:900;letter-spacing:-5px;line-height:.99;margin-bottom:27px}h1>span{display:inline-block;position:relative;z-index:0}h1>span:after{content:"";position:absolute;z-index:-1;height:12px;left:0;right:-5px;bottom:-5px;background:var(--yellow);border-radius:40%;transform:rotate(-2deg)}.lead{font-size:19px;line-height:1.5;letter-spacing:-.5px;max-width:460px;font-weight:650;margin-bottom:14px}.hero-detail{font-size:13px;line-height:1.85;color:var(--muted);max-width:420px;margin-bottom:29px}.hero-actions{display:flex;flex-wrap:wrap;gap:13px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:23px;font-size:12px;line-height:1.4;font-weight:800;padding:15px 20px;border-radius:30px;border:2px solid var(--ink);box-shadow:0 4px 0 var(--ink);transition:transform .15s,box-shadow .15s;white-space:nowrap}.button:hover{transform:translateY(-2px);box-shadow:0 6px 0 var(--ink)}.button:active{transform:translateY(2px);box-shadow:0 2px 0 var(--ink)}.button span{font-size:20px;font-weight:600}.primary{background:var(--coral)}.secondary{background:var(--paper)}.micro{display:block;font-size:9px;line-height:1.7;color:var(--muted);margin:16px 0 0}.hero-benefits{display:flex;flex-wrap:wrap;gap:18px;margin-top:30px;font-size:9px;font-weight:650}.hero-benefits>span{display:flex;gap:7px;align-items:center}.hero-benefits i{display:grid;place-items:center;width:26px;height:26px;font-size:17px;font-style:normal;border:1.5px solid var(--ink);border-radius:7px;background:var(--lilac)}.hero-benefits>span:nth-child(2) i{background:var(--yellow)}.hero-benefits>span:nth-child(3) i{background:var(--coral)}
.preview-top{display:flex;justify-content:space-between;align-items:center;gap:15px}.preview-label{font-size:7px;letter-spacing:1.4px;font-weight:750;color:var(--muted)}.preview-top h2{display:flex;align-items:center;gap:13px;font-size:45px;line-height:1;letter-spacing:-2px;margin:8px 0 18px;font-weight:900}.demo-label{font-size:6px;line-height:1.2;letter-spacing:1px;font-weight:700;border:1px solid #8b7e97;background:#f0e8ff;padding:5px 6px;border-radius:4px}.year-controls{display:flex;gap:6px}.year-controls button{display:grid;place-items:center;width:28px;height:28px;background:var(--paper);border:1.5px solid var(--ink);border-radius:6px;font-size:21px;line-height:1;font-weight:700}.year-controls button:hover:not(:disabled){background:var(--yellow)}.preview-legend{display:flex;gap:15px;font-size:8px;font-weight:650;line-height:1.5;padding:0 0 12px}.preview-legend span{display:flex;align-items:center;gap:5px}.preview-legend i{width:8px;height:8px;border-radius:50%;border:1px solid #24212766}.p-dot{background:var(--coral)}.m-dot{background:var(--lilac)}.f-dot{background:var(--yellow)}.q-dot{background:repeating-linear-gradient(135deg,#aaa 0 2px,#fff 2px 4px)}.calendar-scroll{overflow-x:auto;scrollbar-color:#b5a1e3 #f3ebff;scrollbar-width:thin}.demo-calendar{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:4px;padding-top:8px}.demo-month{min-width:0;padding:5px 2px 3px;border-left:1px solid #d7ccd8}.demo-month:first-child{border-left:0}.demo-month>b{display:block;font-size:7px;font-weight:750;text-align:center;margin-bottom:9px}.demo-day{height:9px;margin-bottom:2px;border-radius:1px;padding:0 2px;background:#ffb4a3;display:flex;align-items:center;justify-content:space-between;position:relative;overflow:hidden;color:#5b2018;font-size:4px}.demo-day.m{background:#d3c3ff;color:#462781}.demo-day.w{opacity:.5}.demo-day.f{background:#ffec99;color:#584713}.demo-day.q{outline:1px dashed #242127;outline-offset:-1px;background:repeating-linear-gradient(135deg,#c6c3c8 0 2px,#f8f7f8 2px 4px);color:#28222b;opacity:1}.demo-day.empty{background:transparent}.preview-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:14px;font-size:6px;line-height:1.6;color:var(--muted)}.preview-bottom>span:first-child{display:flex;gap:5px;align-items:center}.preview-bottom .live-dot{width:4px;height:4px}.note-icon{font-size:24px}.proposal-note strong{font-size:10px;font-weight:850}.proposal-note div>span{display:block;font-size:8px;line-height:1.6;margin-top:3px}.draft-notice{display:flex;align-items:center;gap:12px;margin:-9px 2px 0 62px;border:2px solid var(--ink);border-radius:15px;padding:14px 16px;background:var(--paper);box-shadow:4px 5px 0 var(--ink);position:relative;transform:rotate(-2deg)}.draft-notice-icon{display:grid;place-items:center;border:1.5px solid var(--ink);border-radius:6px;width:32px;height:35px;background:var(--yellow);font-size:22px}.draft-notice strong{display:block;font-size:12px;font-weight:800}.draft-notice div>span{display:block;font-size:8px;color:var(--muted);margin-top:4px}.private-pill{margin-left:auto;font-size:8px;font-weight:700;padding:7px 10px;white-space:nowrap;border-radius:6px;background:var(--lilac);border:1px solid var(--ink)}.preview-caption{font-size:8px;color:var(--muted);text-align:right;margin:19px 10px 0 0}
.features{padding:55px 0 75px;border-top:2px solid var(--ink)}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:55px}.section-heading h2,.draft-copy h2,.faq h2{font-size:clamp(31px,3.2vw,48px);font-weight:850;line-height:1.08;letter-spacing:-2px;margin-bottom:0}.section-heading h2 span{color:#7d55b4}.section-heading .eyebrow{margin-bottom:17px}.section-heading>p{font-size:13px;line-height:1.85;max-width:350px;color:var(--muted);margin-bottom:3px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:36px}.feature-card{padding:27px;background:#f0e9ff;border:2px solid var(--ink);border-radius:15px;box-shadow:4px 5px 0 var(--ink);position:relative;overflow:hidden}.feature-card:nth-child(2){background:#fff0bc}.feature-card:nth-child(3){background:#ffe1d7}.feature-icon{display:grid;place-items:center;width:43px;height:43px;border-radius:9px;margin-bottom:25px;border:1.8px solid var(--ink);background:var(--lilac);box-shadow:2px 2px 0 var(--ink)}.feature-icon svg{width:23px;height:23px;stroke:currentColor;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round}.feature-icon.mint{background:var(--coral)}.feature-number{display:block;font-size:7px;letter-spacing:1.4px;font-weight:750;margin-bottom:13px;color:#6a5275}.feature-card h3{font-size:25px;line-height:1.15;letter-spacing:-.9px;font-weight:850;margin-bottom:15px}.feature-card p{font-size:12px;line-height:1.85;color:#655767;margin-bottom:22px;max-width:340px}.mini-weeks{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;max-width:300px}.mini-weeks>span{font-size:7px;text-align:center;margin-bottom:2px}.mini-weeks>i{font-size:7px;font-style:normal;text-align:center;background:var(--coral);border:1px solid var(--ink);border-radius:4px;padding:8px 0;font-weight:700}.mini-weeks>i.mint{background:var(--lilac)}.status-chip{display:inline-flex;align-items:center;gap:6px;border-radius:6px;font-size:9px;line-height:1.4;font-weight:750;padding:7px 10px;border:1.5px solid var(--ink)}.status-chip.pending{background:var(--yellow)}.status-chip i{width:5px;height:5px;border-radius:50%;background:var(--ink)}.status-chip.private{background:var(--lilac)}.status-chip.accepted{background:#b7e9cf}.allocation{display:flex;align-items:center;gap:10px;font-size:8px;font-weight:700;margin-top:28px}.allocation>i{height:7px;flex:1;border:1px solid var(--ink);border-radius:4px;background:linear-gradient(90deg,var(--coral) 50%,var(--lilac) 50%)}.history-feature{grid-column:1/-1;display:grid;grid-template-columns:43px 1fr 1.15fr;column-gap:20px;align-items:center;padding:22px 27px;background:var(--paper)}.history-feature .feature-icon{grid-row:1/4;margin:0;background:var(--yellow)}.history-feature .feature-number{margin-bottom:8px}.history-feature h3{font-size:22px;grid-column:2;margin:0}.history-feature p{grid-column:3;grid-row:1/4;margin:0;max-width:none}.history-line{grid-column:2;display:flex;gap:10px;align-items:center;color:var(--muted);font-size:7px;margin-top:11px}.history-line i{width:5px;height:5px;background:var(--ink);border-radius:50%}.history-line strong{font-weight:750;color:var(--ink)}
.draft-section{display:grid;grid-template-columns:.9fr 1.1fr;gap:85px;padding:55px;background:#d7c5ff;border:2px solid var(--ink);border-radius:20px;box-shadow:6px 7px 0 var(--ink);align-items:center}.draft-copy .eyebrow{font-size:8px}.draft-copy h2{font-size:45px;margin-bottom:24px}.draft-copy h2 span{color:#734c9d}.draft-copy>p:not(.eyebrow){font-size:12px;line-height:1.85;color:#5f4a6c;max-width:350px}.text-link{display:inline-flex;align-items:center;gap:30px;margin-top:14px;font-size:12px;font-weight:800;border-bottom:2px solid var(--ink);padding-bottom:6px}.text-link span{font-size:20px}.text-link:hover{color:#734c9d}.review-demo{min-width:0}.review-top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:19px}.mini-eyebrow{font-size:6px;letter-spacing:1.1px;font-weight:750;line-height:1.6}.review-top .demo-label{background:var(--yellow);border-color:var(--ink)}.review-track{display:flex;gap:0;list-style:none;padding:0;margin:0 0 20px;border-bottom:1px solid #8a6aa7}.review-track li{flex:1;display:flex;gap:7px;align-items:center;font-size:8px;font-weight:650;color:#715b81;padding:0 0 12px;border-bottom:3px solid transparent;position:relative;top:2px}.review-track li.active{color:var(--ink);border-color:var(--ink)}.review-track li.complete{color:#546c55;border-color:#546c55}.review-track li>span{font-size:7px;opacity:.65}.review-card{background:var(--paper);padding:24px 27px;border:2px solid var(--ink);border-radius:13px;box-shadow:4px 5px 0 var(--ink);min-height:300px;transform:rotate(1deg)}.review-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.review-symbol{font-size:25px}.review-card h3{font-size:21px;letter-spacing:-.6px;font-weight:800;margin-bottom:12px}.review-card p{font-size:11px;line-height:1.8;color:var(--muted);margin-bottom:16px;min-height:40px}.review-lines{display:grid;gap:5px;margin:17px 0 20px}.review-lines i{height:5px;border-radius:4px;background:#e6d7f4}.review-lines i:nth-child(2){width:72%;background:#f6d9ac}.review-lines i:nth-child(3){width:87%;background:#ffd2c6}.review-card .button{font-size:10px;padding:11px 15px}.demo-footnote{font-size:7px;line-height:1.7;color:#5f4a6c;margin:16px 0 0;min-height:24px}
.how{padding:90px 0 75px}.how .section-heading{align-items:center}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;list-style:none;padding:0;margin:40px 0 0}.steps li{border-top:2px solid var(--ink);padding-top:22px}.steps li>span{display:grid;place-items:center;width:48px;height:43px;background:var(--yellow);border:1.5px solid var(--ink);border-radius:30% 35% 20% 30%;font-size:24px;font-weight:850;letter-spacing:-1px;margin-bottom:22px;transform:rotate(-5deg)}.steps li:nth-child(2)>span{background:var(--coral);transform:rotate(5deg)}.steps li:nth-child(3)>span{background:var(--lilac)}.steps h3{font-size:16px;font-weight:800;letter-spacing:-.4px;margin-bottom:12px}.steps p{font-size:12px;line-height:1.9;color:var(--muted);margin-bottom:0;max-width:340px}.faq{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;padding:35px 0 85px}.faq h2 span{color:#7d55b4}.faq-intro{font-size:12px;line-height:1.8;color:var(--muted);max-width:300px;margin-top:24px}.faq .eyebrow{margin-bottom:15px}.faq-list details{border-top:1.5px solid #b5a7b2;padding:19px 0}.faq-list details:last-child{border-bottom:1.5px solid #b5a7b2}.faq summary{cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:25px;list-style:none;font-size:12px;line-height:1.6;font-weight:700}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";font-size:19px;font-weight:500;flex-shrink:0}.faq details[open] summary:after{content:"−"}.faq details p{font-size:11px;line-height:1.9;color:var(--muted);margin:16px 25px 0 0}
.closing{position:relative;isolation:isolate;overflow:hidden;padding:55px 60px;text-align:center;border:2px solid var(--ink);border-radius:22px;background:var(--yellow);box-shadow:5px 6px 0 var(--ink)}.closing .eyebrow{justify-content:center;font-size:8px}.closing h2{font-size:clamp(38px,4.4vw,63px);line-height:1.02;letter-spacing:-3px;margin-bottom:20px;font-weight:900}.closing h2 span{background:var(--paper);padding:0 8px 4px;box-decoration-break:clone;-webkit-box-decoration-break:clone}.closing>p:not(.eyebrow){font-size:12px;line-height:1.8;margin-bottom:25px}.closing .micro{font-size:8px;color:#6f563e}.closing-star{position:absolute;right:60px;top:25px;font-size:100px;line-height:1;color:#7c54aa;transform:rotate(10deg);z-index:-1}.footer-main{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:40px 0 25px}.footer-main .brand{font-size:20px;gap:6px;background:transparent;padding:0;transform:none}.footer-main .brand-mark{transform:scale(.8);transform-origin:left center;width:27px}.footer-main p{font-size:10px;color:var(--muted);margin:0}.footer-main>a:last-child{font-size:10px;font-weight:700}.footer-main>a:last-child span{margin-left:12px}footer small{display:block;border-top:1px solid #c9bdc4;padding:20px 0 28px;font-size:8px;line-height:1.8;color:var(--muted)}
@media(min-width:1550px){.hero{gap:65px}.demo-day{height:11px;font-size:5px}.demo-month>b{font-size:8px}.preview-legend{font-size:9px}.hero-copy{padding-bottom:20px}}
@media(max-width:1150px){.wrap{width:calc(100% - 64px)}.hero{gap:30px;padding-block:55px}.eyebrow{font-size:8px;letter-spacing:1px}h1{font-size:62px;letter-spacing:-3.5px}.lead{font-size:17px}.hero-detail{font-size:12px}.hero-actions .button{font-size:10px;padding:13px 15px;gap:14px}.hero-benefits{gap:10px;font-size:8px}.demo-calendar{gap:3px}.demo-month{padding:5px 2px 3px}.demo-month>b{font-size:6px}.demo-day{height:8px;font-size:3px;padding:0 1px}.proposal-note strong{font-size:9px}.proposal-note div>span{font-size:7px}.draft-notice{margin-left:28px;padding:12px}.draft-notice div>span{font-size:7px}.feature-card{padding:23px}.feature-card h3{font-size:22px}.feature-card p{font-size:11px}.draft-section{gap:45px;padding:45px 35px}.draft-copy h2{font-size:38px}.section-heading{gap:35px}.section-heading>p{max-width:290px;font-size:12px}}
@media(max-width:850px){.nav{min-height:90px}.brand{font-size:24px}nav{gap:20px}.hero{grid-template-columns:1fr;padding:45px 0 65px;gap:45px}.hero-copy{max-width:650px}.eyebrow{font-size:9px}h1{font-size:82px}.lead{font-size:20px;max-width:500px}.hero-detail{font-size:13px;max-width:470px}.hero-actions .button{font-size:12px;padding:15px 20px;gap:25px}.hero-benefits{font-size:10px;gap:25px;margin-top:28px}.demo-day{height:10px;font-size:4px;padding:0 2px}.demo-month>b{font-size:8px}.demo-calendar{gap:5px}.preview-legend{font-size:9px}.preview-bottom{font-size:7px}.proposal-note strong{font-size:11px}.proposal-note div>span{font-size:8px}.draft-notice{margin-left:65px;padding:15px}.draft-notice strong{font-size:13px}.draft-notice div>span{font-size:9px}.features{padding-top:45px;padding-bottom:60px}.section-heading{align-items:flex-start;flex-direction:column;gap:20px}.section-heading>p{max-width:500px;font-size:13px}.feature-grid{grid-template-columns:1fr 1fr}.calendar-feature{grid-column:1/-1;padding-right:50%;min-height:260px}.calendar-feature .mini-weeks{position:absolute;right:25px;top:100px;width:40%}.calendar-feature h3{font-size:27px}.calendar-feature .feature-icon{margin-bottom:17px}.history-feature{grid-template-columns:43px 1fr;gap:0 20px}.history-feature p{grid-column:2;grid-row:auto;margin-top:15px}.history-feature .history-line{grid-row:3}.draft-section{gap:30px;padding:35px 27px}.draft-copy h2{font-size:34px}.review-card{padding:21px}.review-card h3{font-size:18px}.review-top{flex-wrap:wrap;gap:7px}.mini-eyebrow{font-size:5px}.how{padding-block:65px}.how .section-heading{align-items:flex-start}.steps{gap:25px}.steps h3{font-size:14px}.steps p{font-size:11px}.faq{gap:35px;padding-bottom:65px}.faq h2{font-size:34px}.closing{padding:45px 35px}.closing-star{right:20px;font-size:70px}}
@media(max-width:600px){.wrap{width:calc(100% - 36px)}.nav{min-height:82px}.brand{font-size:21px;gap:6px;padding:5px 9px}.brand-mark{transform:scale(.8);transform-origin:left center;width:26px}.beta{font-size:6px;padding:3px;letter-spacing:.7px;margin-left:0}.nav-detail{display:none}.nav-login{font-size:11px;padding:9px 14px}.nav-login span{margin-left:8px}.hero{padding-top:30px;gap:40px}.eyebrow{font-size:7px;letter-spacing:1px;margin-bottom:20px}h1{font-size:clamp(52px,13.8vw,80px);letter-spacing:-3px;margin-bottom:25px}h1>span:after{height:9px}.lead{font-size:18px;line-height:1.5}.hero-detail{font-size:12px;margin-bottom:25px}.hero-actions{gap:10px}.hero-actions .button{font-size:10px;gap:13px;padding:13px 15px}.micro{font-size:8px}.hero-benefits{font-size:8px;gap:10px;justify-content:space-between}.hero-benefits i{width:24px;height:24px;font-size:14px}.hero-benefits>span{gap:5px}.preview-top h2{font-size:36px}.preview-label{font-size:6px}.preview-legend{font-size:7px;gap:12px}.demo-calendar{min-width:450px;gap:4px}.demo-day{height:9px;font-size:4px}.demo-month>b{font-size:7px}.calendar-scroll{padding-bottom:8px}.preview-bottom{font-size:5px;gap:5px;margin-top:10px}.preview-bottom .live-dot{width:3px;height:3px}.proposal-note strong{font-size:10px}.proposal-note div>span{font-size:7px}.draft-notice{margin-left:18px;margin-right:4px;padding:12px 10px;gap:8px;border-radius:10px}.draft-notice-icon{width:27px;height:30px;font-size:18px}.draft-notice strong{font-size:10px}.draft-notice div>span{font-size:7px;max-width:140px;line-height:1.5}.private-pill{font-size:6px;padding:6px 7px}.preview-caption{font-size:6px;margin-right:4px}.section-heading h2,.faq h2{font-size:32px;letter-spacing:-1.4px}.section-heading>p{font-size:12px}.feature-grid{grid-template-columns:1fr;gap:19px;margin-top:28px}.feature-card,.calendar-feature{padding:24px;min-height:0}.calendar-feature{padding-right:24px}.calendar-feature .mini-weeks{position:static;width:100%;max-width:320px}.feature-card h3{font-size:25px}.feature-card p{font-size:12px;max-width:none}.feature-icon{width:38px;height:38px;margin-bottom:20px}.history-feature{display:block}.history-feature .feature-icon{margin-bottom:20px}.history-feature .feature-number{margin-bottom:13px}.history-feature p{margin-top:15px}.history-line{font-size:8px}.draft-section{grid-template-columns:1fr;padding:30px 23px;gap:30px;border-radius:15px}.draft-copy h2{font-size:37px}.draft-copy>p:not(.eyebrow){max-width:none}.review-top .mini-eyebrow{font-size:6px;max-width:190px}.review-track li{font-size:8px}.review-card{min-height:290px;padding:23px}.review-card h3{font-size:21px}.review-card p{font-size:11px}.demo-footnote{font-size:7px}.steps{grid-template-columns:1fr;gap:28px;margin-top:30px}.steps li{display:grid;grid-template-columns:39px 1fr;gap:0 18px;padding-top:21px}.steps li>span{grid-row:1/3;width:39px;height:37px;font-size:21px;margin:0}.steps h3{font-size:15px}.steps p{font-size:12px;max-width:none}.faq{grid-template-columns:1fr;gap:15px;padding-top:0}.faq-intro{max-width:none;margin-top:18px}.faq summary{font-size:12px}.faq details p{font-size:11px}.closing{padding:39px 23px;border-radius:15px}.closing h2{font-size:37px;letter-spacing:-1.8px}.closing>p:not(.eyebrow){font-size:11px}.closing .eyebrow{font-size:7px}.closing .micro{font-size:7px}.closing-star{right:-15px;top:7px;font-size:57px;opacity:.6}.footer-main{flex-wrap:wrap;gap:16px;padding-top:28px}.footer-main .brand{font-size:19px}.footer-main p{font-size:9px;flex:1;text-align:right}.footer-main>a:last-child{width:100%;font-size:10px}footer small{font-size:7px;padding-bottom:22px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}.button{transition:none}}

.preview-bottom{font-size:9px}.demo-footnote{font-size:9px;min-height:32px}@media(max-width:600px){.preview-bottom{flex-direction:column;align-items:flex-start;gap:4px;font-size:9px}.preview-caption{font-size:8px}.demo-footnote{font-size:9px}}


/* Wusel: the main brand character. Calendar interactions live below the hero. */
.mascot-stage {
  position: relative;
  isolation: isolate;
  display: grid;
  place-items: center;
  width: 100%;
  max-width: 500px;
  aspect-ratio: 1;
  margin: 0;
  justify-self: center;
}
.mascot-stage::before {
  content: "";
  position: absolute;
  inset: 8% 4% 7% 4%;
  z-index: -1;
  background: var(--yellow);
  border: 2px solid var(--ink);
  border-radius: 40% 54% 36% 48%;
  box-shadow: 5px 6px 0 var(--ink);
  transform: rotate(-6deg);
}
.mascot-stage::after {
  content: "";
  position: absolute;
  z-index: -2;
  width: 28%;
  aspect-ratio: 1;
  right: 0;
  bottom: 5%;
  border: 2px solid var(--ink);
  border-radius: 50%;
  background: var(--lilac);
}
.mascot-image {
  display: block;
  width: 100%;
  height: 100%;
  max-height: 500px;
  object-fit: contain;
  padding: 12px 13px 20px;
}
.mascot-spark {
  position: absolute;
  z-index: 1;
  top: 9%;
  left: 2%;
  font-size: clamp(48px, 6vw, 83px);
  line-height: 1;
  color: #8156b4;
  transform: rotate(-12deg);
}
.hero-sticker {
  position: absolute;
  right: -2%;
  top: 8%;
  z-index: 2;
  padding: 15px 19px;
  border: 2px solid var(--ink);
  border-radius: 16px 22px 15px 25px;
  background: var(--lilac);
  box-shadow: 3px 3px 0 var(--ink);
  font-size: 13px;
  font-weight: 900;
  line-height: 1.2;
  text-transform: uppercase;
  transform: rotate(9deg);
}
.mascot-label {
  position: absolute;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  bottom: 2%;
  left: 15%;
  z-index: 2;
  padding: 12px 17px;
  border: 2px solid var(--ink);
  border-radius: 8px;
  background: var(--paper);
  box-shadow: 3px 3px 0 var(--ink);
  font-size: 12px;
  font-weight: 800;
  transform: rotate(-4deg);
}
.mascot-label > span {
  display: grid;
  place-items: center;
  width: 23px;
  height: 23px;
  border: 1.5px solid var(--ink);
  border-radius: 50%;
  background: var(--coral);
  font-size: 15px;
}
.calendar-showcase { padding: 35px 0 70px; scroll-margin-top: 30px; }
.calendar-heading { max-width: 670px; margin: 0 auto 34px; text-align: center; }
.calendar-heading .eyebrow { justify-content: center; margin-bottom: 14px; }
.calendar-heading h2 { font-size: clamp(32px, 3.3vw, 48px); font-weight: 850; line-height: 1.12; letter-spacing: -1.8px; margin-bottom: 17px; }
.calendar-heading h2 > span { color: #7d55b4; }
.calendar-heading > p:not(.eyebrow) { max-width: 550px; margin: auto; color: var(--muted); font-size: 13px; line-height: 1.8; }
.hero-product { position: relative; min-width: 0; max-width: 900px; margin: auto; padding-bottom: 12px; }
.preview { position: relative; padding: 26px; border: 7px solid var(--lilac); border-radius: 18px; background: #fffefa; box-shadow: 4px 5px 0 #24212725; }
.calendar-preview .preview-label { font-size: 9px; }
.calendar-preview .preview-legend { font-size: 10px; gap: 22px; padding-bottom: 15px; }
.calendar-preview .demo-month > b { font-size: 9px; }
.calendar-preview .demo-day { height: 13px; font-size: 6px; padding-inline: 3px; }
.calendar-preview .year-controls button { width: 34px; height: 34px; font-size: 24px; }
.proposal-note { display: flex; align-items: center; gap: 9px; width: fit-content; margin: 18px 0 0 auto; border: 2px solid var(--ink); border-radius: 10px; background: var(--yellow); padding: 9px 13px; box-shadow: 3px 3px 0 var(--ink); transform: rotate(-3deg); }
.calendar-preview .draft-notice { max-width: 500px; margin: -10px auto 0; }
.calendar-preview .preview-caption { text-align: center; font-size: 9px; margin: 21px 0 0; }
@media (max-width: 1150px) {
  .mascot-stage { max-width: 470px; }
  .hero-sticker { font-size: 11px; padding: 12px 15px; }
  .mascot-label { left: 9%; font-size: 10px; padding: 10px 12px; }
}
@media (max-width: 850px) {
  .hero { gap: 30px; padding-bottom: 35px; }
  .mascot-stage { max-width: 490px; }
  .mascot-spark { font-size: 62px; }
  .hero-sticker { right: 0; font-size: 12px; padding: 13px 16px; }
  .mascot-label { left: 15%; font-size: 11px; }
  .calendar-showcase { padding-top: 30px; padding-bottom: 55px; }
  .calendar-preview .demo-day { height: 11px; font-size: 5px; }
}
@media (max-width: 600px) {
  .hero { gap: 22px; padding-bottom: 30px; }
  .mascot-stage { max-width: 380px; }
  .mascot-stage::before { box-shadow: 3px 4px 0 var(--ink); }
  .mascot-image { padding: 9px 7px 17px; }
  .mascot-spark { top: 10%; left: 1%; font-size: 48px; }
  .hero-sticker { right: -1%; top: 7%; padding: 10px 12px; font-size: 10px; }
  .mascot-label { bottom: 0; left: 10%; gap: 7px; padding: 9px 11px; font-size: 10px; }
  .mascot-label > span { width: 20px; height: 20px; font-size: 13px; }
  .calendar-showcase { padding: 25px 0 45px; }
  .calendar-heading { margin-bottom: 24px; }
  .calendar-heading h2 { font-size: 31px; letter-spacing: -1.3px; }
  .calendar-heading > p:not(.eyebrow) { font-size: 12px; }
  .preview { padding: 17px 10px; border-width: 5px; border-radius: 12px; }
  .calendar-preview .preview-label { font-size: 7px; }
  .calendar-preview .preview-legend { gap: 12px; font-size: 8px; flex-wrap: wrap; }
  .calendar-preview .demo-calendar { min-width: 560px; }
  .calendar-preview .demo-day { height: 10px; font-size: 5px; }
  .calendar-preview .demo-month > b { font-size: 8px; }
  .calendar-preview .draft-notice { gap: 8px; padding: 12px 10px; margin-inline: 8px; }
  .calendar-preview .preview-caption { font-size: 8px; line-height: 1.6; }
}

/* The owl pair and individual guides accompany each section. */
.mascot-stage { max-width: 520px; }
.mascot-stage::before { inset: 13% 4% 8%; border-radius: 48% 40% 44% 35%; }
.mascot-spark { top: 3%; left: 0; font-size: 57px; }
.hero-sticker { top: 0; right: -3%; font-size: 11px; padding: 12px 15px; }
.mascot-label { bottom: -1%; left: 14%; font-size: 11px; }
.section-art { position: relative; min-width: 0; margin: 0; }
.section-art img { width: 100%; aspect-ratio: 1; }
.calendar-intro { display: grid; grid-template-columns: minmax(0, 1fr) 230px; align-items: center; gap: 35px; max-width: 900px; margin: 0 auto 25px; }
.calendar-intro .calendar-heading { margin: 0; text-align: left; max-width: 620px; }
.calendar-intro .calendar-heading .eyebrow { justify-content: flex-start; }
.calendar-intro .calendar-heading > p:not(.eyebrow) { margin: 0; }
.calendar-art { width: 230px; justify-self: end; }
.review-art { width: 210px; max-width: 65%; margin: 20px 0 -8px; }
.closing { display: grid; grid-template-columns: minmax(0, 1fr) 320px; align-items: center; gap: 35px; text-align: left; overflow: visible; }
.closing .eyebrow { justify-content: flex-start; }
.closing-copy { min-width: 0; }
.closing-copy > p:not(.eyebrow) { max-width: 440px; font-size: 12px; line-height: 1.8; margin-bottom: 25px; }
.closing-art { width: 100%; max-width: 320px; }
@media (max-width: 1150px) {
  .closing { grid-template-columns: minmax(0, 1fr) 260px; gap: 24px; }
  .closing h2 { font-size: 45px; letter-spacing: -2px; }
}
@media (max-width: 850px) {
  .mascot-stage { max-width: 460px; }
  .calendar-intro { grid-template-columns: minmax(0, 1fr) 190px; gap: 20px; }
  .calendar-art { width: 190px; }
  .review-art { width: 175px; }
  .closing { grid-template-columns: minmax(0, 1fr) 220px; }
  .closing h2 { font-size: 37px; }
}
@media (max-width: 600px) {
  .mascot-stage { max-width: 360px; }
  .mascot-spark { font-size: 39px; }
  .hero-sticker { right: 0; font-size: 9px; padding: 9px 11px; }
  .mascot-label { left: 7%; font-size: 9px; padding: 8px 10px; }
  .calendar-intro { grid-template-columns: 1fr; gap: 15px; margin-bottom: 24px; }
  .calendar-intro .calendar-heading { text-align: center; }
  .calendar-intro .calendar-heading .eyebrow { justify-content: center; }
  .calendar-art { width: 175px; justify-self: center; }
  .review-art { width: 170px; max-width: 100%; margin: 19px auto 0; }
  .closing { grid-template-columns: 1fr; gap: 18px; text-align: center; padding-bottom: 28px; }
  .closing .eyebrow { justify-content: center; }
  .closing-copy > p:not(.eyebrow) { margin-inline: auto; font-size: 11px; }
  .closing-art { width: 210px; justify-self: center; }
}