:root{--ink:#202a2d;--muted:#657273;--amber:#efb04e;--line:#d9dfdc;--paper:#f5f5ee;--green:#367968}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,summary:focus-visible{outline:3px solid #bd7914;outline-offset:5px}.skip{position:absolute;top:-60px;background:white;padding:12px;z-index:10}.skip:focus{top:8px}.site-header{height:88px;max-width:1440px;margin:auto;padding:0 5%;display:flex;align-items:center;gap:48px;border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;gap:10px;font-size:30px;letter-spacing:-1.5px;font-weight:800}.brand img{border-radius:7px}.site-header nav{display:flex;gap:28px;font-size:13px;margin-left:auto}.site-header nav a:hover,.text-link:hover{color:#a1650b}.button{display:inline-flex;align-items:center;justify-content:center;gap:28px;padding:18px 22px;font-size:14px;font-weight:700;border:1px solid transparent;border-radius:3px;transition:background .15s,transform .15s}.button:hover{transform:translateY(-2px)}.button.small{padding:12px 16px;font-size:12px;gap:22px}.dark{background:var(--ink);color:white}.amber{background:var(--amber);color:#252a27}.amber:hover{background:#f6bc64}.light{background:var(--paper);color:var(--ink)}.hero{max-width:1440px;margin:auto;padding:80px 5% 72px;display:grid;grid-template-columns:1fr 1.05fr;gap:6%;align-items:center}.eyebrow{text-transform:uppercase;letter-spacing:1.8px;font-size:10px;line-height:1.5;font-weight:700;margin:0 0 28px}.eyebrow>span{display:inline-block;width:7px;height:7px;background:var(--green);border-radius:50%;margin-right:9px}h1{font-size:clamp(40px,4.3vw,64px);font-weight:500;letter-spacing:-2.6px;line-height:1.05;margin:0 0 26px}.lead{font-size:17px;line-height:1.65;color:#586565;max-width:480px}.hero-actions{display:flex;align-items:flex-start;gap:22px;flex-direction:column;margin-top:32px}.text-link{font-size:13px;font-weight:700;display:inline-flex;gap:18px;align-items:center}.demo-caption{font-size:11px;line-height:1.6;color:var(--muted);margin:23px 0 0}.hero-visual{background:#fff;border:1px solid #cbd4cf;border-radius:7px;box-shadow:0 22px 60px #263b2820;transform:rotate(-1deg);overflow:hidden}.visual-top{background:var(--ink);color:white;display:flex;align-items:center;gap:12px;padding:15px 18px;font-size:12px}.mini-brand{display:grid;place-items:center;background:var(--amber);color:var(--ink);font-size:17px;font-weight:bold;width:26px;height:26px;border-radius:4px}.live-dot{margin-left:auto;width:6px;height:6px;background:#9bc1af;border-radius:50%}.visual-context{padding:20px 18px;display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:13px}.tiny-label{display:block;font-size:9px;text-transform:uppercase;color:var(--muted);letter-spacing:1px;margin-bottom:5px}.visual-pill{border:1px solid var(--line);border-radius:3px;padding:8px;font-size:10px}.year-demo{padding:0 18px}.year-row{display:grid;grid-template-columns:120px repeat(12,1fr);gap:3px;align-items:center;border-bottom:1px solid #e8ece9;padding:9px 0;min-height:38px}.year-row.months{min-height:22px;padding:0 0 9px;font-size:8px;color:var(--muted)}.year-name{font-size:10px;line-height:1.4}.year-name small{display:block;color:var(--muted);font-size:8px}.schedule-mark{height:20px;background:linear-gradient(90deg,#c6ddd2 0 42%,#eff3ee 42% 70%,#c6ddd2 70%);border-radius:2px}.schedule-mark.night{background:linear-gradient(90deg,#d8e0e9 0 30%,#eaf0ee 30% 62%,#9caebf 62%)}.schedule-mark.absent{background:#e4a58a;outline:1px solid #c57550;outline-offset:1px}.schedule-mark.rest{background:#f0f1ed}.illustration-note{font-size:9px;color:#7a8581;margin:12px 18px}.decision-card{margin:16px 18px 18px;display:flex;gap:12px;align-items:center;padding:16px 12px;background:#fcf2d9;border:1px solid #e4c786;border-radius:4px}.decision-icon{font-size:23px;color:#aa6d11}.decision-card strong{font-size:12px}.decision-card p{font-size:10px;line-height:1.5;color:#7e6b44;margin:5px 0 0}.decision-card a{margin-left:auto;padding:8px;font-size:22px}.visual-foot{border-top:1px solid var(--line);padding:12px 18px;display:flex;gap:13px;font-size:8px;color:var(--muted)}.visual-foot span{display:flex;gap:4px;align-items:center}.visual-foot span:last-child{margin-left:auto}.visual-foot i{width:7px;height:7px;border-radius:1px}.visual-foot .day{background:#a9caba}.visual-foot .night{background:#91a7ba}.visual-foot .leave{background:#d9997c}.principles{display:grid;grid-template-columns:repeat(3,1fr);max-width:1296px;margin:0 auto;padding:24px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.principles p{font-size:13px;margin:0;padding:8px 25px;border-right:1px solid var(--line)}.principles p:last-child{border:0}.principles span{font-size:10px;color:#8c9990;margin-right:20px}.section{padding:100px 5%;max-width:1440px;margin:auto}.workflow{display:grid;grid-template-columns:1fr 1fr;gap:12%}h2{font-size:clamp(30px,3.4vw,46px);line-height:1.12;letter-spacing:-1.7px;font-weight:500;margin:0 0 25px}.section-intro>p:not(.eyebrow),.year-copy>p:not(.eyebrow),.questions>div>p:not(.eyebrow){font-size:15px;line-height:1.8;color:var(--muted);max-width:410px}.section-intro .text-link{margin-top:20px}.steps{list-style:none;padding:0;margin:0}.steps li{display:flex;gap:24px;padding:23px 0;border-bottom:1px solid var(--line)}.steps li:first-child{padding-top:0}.step-number{font-size:11px;color:#9c742e;padding-top:5px}.steps h3{font-size:18px;font-weight:500;margin:0 0 9px}.steps p{font-size:14px;line-height:1.7;color:var(--muted);margin:0}.year-section{background:var(--ink);color:var(--paper);padding:90px max(5%,calc((100vw - 1296px)/2));display:grid;grid-template-columns:1fr 1.05fr;gap:8%;align-items:center}.year-section .eyebrow{color:var(--amber)}.year-copy>p:not(.eyebrow){color:#bbc7c2}.feature-lines{list-style:none;padding:0;margin:26px 0 32px}.feature-lines li{font-size:13px;padding:10px 0;border-bottom:1px solid #ffffff1c}.feature-lines li::before{content:'+';color:var(--amber);margin-right:14px}.period-illustration{border:1px solid #55625d;border-radius:5px;background:#283537;overflow:hidden}.period-heading{padding:20px;display:flex;justify-content:space-between;font-size:10px;letter-spacing:1px}.period-heading span:last-child{color:#abbcb3;letter-spacing:0}.period-grid{display:grid;grid-template-columns:125px repeat(6,1fr);padding:0 16px}.period-grid>*{height:42px;border-bottom:1px solid #4b5854;display:grid;place-items:center;font-size:12px;font-weight:normal}.period-grid b{font-size:10px;color:#c3ccc7}.period-grid .period-label{font-size:10px;justify-content:start}.period-grid .picked{background:#efd59a;color:#5b481d;outline:1px solid #806f45;outline-offset:-2px}.period-grid .month-edge{border-left:2px solid #b4b7a7}.period-bottom{padding:20px 16px;display:flex;justify-content:space-between;gap:12px;font-size:10px}.period-tag{color:var(--amber)}.period-note{font-size:9px;color:#a9b9b1;padding:0 16px 12px;line-height:1.6}.decision-layout{display:grid;grid-template-columns:1fr 1fr;gap:12%}.decision-layout p{font-size:15px;line-height:1.75;color:var(--muted);margin:0 0 18px}.formula{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:20px 0;margin-top:12px;border-top:1px solid var(--line);font-size:12px}.formula b{font-weight:400;color:#9ba79f}.formula strong{color:var(--green)}.decision-layout .fine-print{font-size:11px;line-height:1.6}.questions{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:12%;padding-top:70px}.faq-list details{border-bottom:1px solid var(--line);padding:20px 0}.faq-list details:first-child{padding-top:0}.faq-list summary{cursor:pointer;font-size:15px;line-height:1.5;list-style:none;display:flex;justify-content:space-between;gap:15px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:'+';font-size:21px;color:#867241}.faq-list details[open] summary:after{content:'−'}.faq-list p{font-size:13px;line-height:1.8;color:var(--muted);margin:12px 25px 0 0}.final-cta{text-align:center;background:#e8eadf;padding:70px 20px 75px}.final-cta h2{font-size:clamp(36px,4vw,54px)}.final-cta .eyebrow{margin-bottom:22px}.final-cta>p:last-child{font-size:11px;color:var(--muted);margin-top:18px}.site-footer{max-width:1440px;margin:auto;padding:35px 5%;display:flex;align-items:center;gap:35px}.site-footer .brand{font-size:25px}.site-footer p{font-size:11px;color:var(--muted)}.site-footer>a:last-child{font-size:12px;margin-left:auto}
@media(min-width:1600px){.hero{padding-top:110px;padding-bottom:100px}}@media(max-width:1050px){.site-header{gap:25px}.site-header nav{gap:18px}.hero{gap:4%;padding-top:55px}.year-row{grid-template-columns:95px repeat(12,1fr)}.year-name{font-size:9px}.year-row.months{font-size:7px}.period-grid{grid-template-columns:100px repeat(6,1fr)}.year-section{gap:4%}.principles{margin:0 5%}.visual-foot{gap:7px}.visual-foot span:last-child{display:none}.decision-card strong{font-size:10px}}@media(max-width:760px){.site-header{height:75px;padding:0 6%;gap:12px}.site-header nav{display:none}.site-header .button{margin-left:auto}.brand{font-size:26px}.hero{grid-template-columns:1fr;gap:48px;padding:50px 6%}.hero h1{font-size:48px}.hero .lead{font-size:16px}.hero-visual{transform:none}.hero-actions{gap:22px}.year-row{grid-template-columns:110px repeat(12,1fr)}.principles{grid-template-columns:1fr;margin:0 6%;padding:12px 0}.principles p{border:0;padding:10px 0}.section{padding:65px 6%}.workflow,.decision-layout,.questions{grid-template-columns:1fr;gap:38px}.year-section{grid-template-columns:1fr;padding:60px 6%;gap:45px}.steps li{padding:22px 0}.year-copy .button{font-size:12px}.period-heading{padding:16px}.period-grid{grid-template-columns:105px repeat(6,1fr)}.site-footer{padding:28px 6%;gap:16px;flex-wrap:wrap}.site-footer p{order:3;width:100%;margin:0}.questions{padding-top:50px}.hero-actions .button{padding:17px 18px;font-size:13px;gap:16px}.decision-card strong{font-size:11px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}.button:hover{transform:none}}