:root{--ink:#102a26;--muted:#5e6c68;--cream:#f6f4ed;--paper:#fff;--lime:#d7ff72;--mint:#d5f5e8;--line:#d9ded9;--orange:#ff7b4d;--shadow:0 18px 55px rgba(16,42,38,.1);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:var(--cream)}*{box-sizing:border-box}body{margin:0;line-height:1.5}a{color:inherit}.skip{position:fixed;left:1rem;top:-5rem;background:#fff;padding:.75rem;z-index:99}.skip:focus{top:1rem}.site-header{height:74px;display:flex;align-items:center;justify-content:space-between;padding:0 max(20px,calc((100% - 1180px)/2));background:rgba(246,244,237,.94);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20;backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:850;font-size:1.18rem;letter-spacing:-.03em}.brand-mark{display:grid;place-items:center;width:34px;height:34px;background:var(--ink);color:var(--lime);border-radius:10px;font-family:Georgia,serif;font-style:italic}.site-header nav{display:flex;gap:26px;font-size:.9rem;font-weight:700}.site-header nav a{text-decoration:none}.site-header nav a:hover{text-decoration:underline}.menu{display:none;background:transparent;border:1px solid var(--line);border-radius:8px;padding:8px 12px;font-weight:700}.hero{min-height:620px;padding:90px max(20px,calc((100% - 1180px)/2));background:var(--ink);color:#fff;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;width:540px;height:540px;border:110px solid rgba(215,255,114,.09);border-radius:50%;right:-150px;top:30px}.eyebrow,.kicker{font-size:.72rem;letter-spacing:.18em;font-weight:850;color:#61827b}.hero .eyebrow{color:var(--lime)}h1{font-size:clamp(3.2rem,8vw,6.8rem);line-height:.92;letter-spacing:-.07em;margin:22px 0 28px;max-width:850px}h1 em{color:var(--lime);font-family:Georgia,serif;font-weight:400}.hero>p{font-size:1.25rem;max-width:660px;color:#c7d2cf}.hero-actions{display:flex;align-items:center;gap:20px;margin-top:32px;color:#afbfbb;font-size:.85rem}.button{display:inline-block;border:0;background:var(--lime);color:var(--ink);padding:14px 20px;border-radius:10px;text-decoration:none;font-weight:850;cursor:pointer}.button:hover{filter:brightness(.94)}.hero-result{position:absolute;right:max(20px,calc((100% - 1180px)/2));bottom:48px;display:flex;gap:16px;align-items:center;background:#fff;color:var(--ink);padding:18px;border-radius:15px;box-shadow:var(--shadow);z-index:2}.hero-result div{display:flex;flex-direction:column}.hero-result small{font-size:.6rem;letter-spacing:.12em;color:var(--muted)}.hero-result strong{background:var(--lime);padding:8px 12px;border-radius:8px}.section{max-width:1180px;margin:auto;padding:88px 20px}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:30px;gap:24px}.section-head h2,.seo-copy h2{font-size:clamp(2rem,5vw,3.6rem);line-height:1;letter-spacing:-.055em;margin:12px 0 0}.section-head p{max-width:330px;color:var(--muted)}.tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.tool-card{display:flex;flex-direction:column;min-height:210px;padding:24px;background:var(--paper);border:1px solid var(--line);border-radius:16px;text-decoration:none;transition:.2s}.tool-card:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:#a5b5ad}.tool-card .icon{font-size:1.5rem;width:45px;height:45px;display:grid;place-items:center;background:var(--mint);border-radius:12px}.tool-card h3{margin:24px 0 6px;letter-spacing:-.025em}.tool-card p{margin:0;color:var(--muted);font-size:.9rem}.tool-card b{margin-top:auto;color:#3b5d54;font-size:.85rem}.trust{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);padding:1px;max-width:1140px}.trust div{background:var(--ink);color:white;padding:38px}.trust span{color:var(--lime);font-size:1.5rem}.trust h3{margin:16px 0 8px}.trust p{margin:0;color:#b9c7c3}.seo-copy{text-align:center;max-width:850px}.seo-copy>p{color:var(--muted);font-size:1.1rem}.link-columns{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:32px}.link-columns a{padding:9px 13px;background:#fff;border:1px solid var(--line);border-radius:99px;text-decoration:none;font-size:.84rem;font-weight:700}footer{border-top:1px solid var(--line);min-height:110px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px max(20px,calc((100% - 1180px)/2));font-size:.8rem;color:var(--muted)}.calculator-shell{max-width:1100px;margin:auto;padding:48px 20px 90px}.back{display:inline-block;margin-bottom:25px;color:var(--muted);text-decoration:none;font-weight:700}.calc-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.75fr);gap:24px;align-items:start}.calc-card,.result-card,.calculator-shell aside{background:#fff;border:1px solid var(--line);border-radius:18px;padding:clamp(20px,4vw,36px)}.calc-card h1{font-size:clamp(2.2rem,5vw,4.2rem);line-height:1;margin:10px 0 15px}.lede{color:var(--muted);margin-bottom:30px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.field{display:flex;flex-direction:column;gap:7px}.field.full{grid-column:1/-1}.field label{font-size:.78rem;font-weight:850}.field input,.field select{width:100%;min-height:48px;border:1px solid #bdc8c3;border-radius:9px;padding:10px 12px;background:#fff;color:var(--ink);font:inherit}.field input:focus,.field select:focus{outline:3px solid rgba(215,255,114,.75);border-color:var(--ink)}.actions{display:flex;gap:10px;margin-top:22px}.ghost{padding:12px 18px;border:1px solid var(--line);background:#fff;border-radius:10px;font-weight:750;cursor:pointer}.result-card{background:var(--ink);color:#fff;position:sticky;top:95px}.result-card .label{color:var(--lime);font-size:.72rem;letter-spacing:.14em;font-weight:850}.big-result{font-size:clamp(2.5rem,5vw,4.5rem);line-height:1;font-weight:900;letter-spacing:-.055em;margin:18px 0}.result-details{border-top:1px solid #3a514d;padding-top:16px;color:#c0ceca}.result-details div{display:flex;justify-content:space-between;padding:6px 0}.error{background:#ffe9df;color:#8d321d;border-radius:9px;padding:12px;margin-top:16px;font-weight:700}.calculator-shell aside{margin-top:28px}.calculator-shell aside #related-tools{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:15px}.related{padding:12px;background:var(--cream);border-radius:9px;text-decoration:none;font-weight:750;font-size:.85rem}.explain{margin-top:25px;padding:24px;border:1px solid var(--line);border-radius:16px}.explain h2{letter-spacing:-.03em}.explain p{color:var(--muted)}
@media(max-width:760px){.site-header{height:64px}.menu{display:block}.site-header nav{display:none;position:absolute;top:63px;left:0;right:0;padding:18px 20px;background:var(--cream);flex-direction:column;border-bottom:1px solid var(--line)}.site-header nav.open{display:flex}.hero{padding-top:60px;min-height:690px}.hero-result{left:20px;right:20px;bottom:35px;overflow-x:auto}.hero-actions{align-items:flex-start;flex-direction:column}.section{padding-top:64px;padding-bottom:64px}.section-head{align-items:flex-start;flex-direction:column}.tool-grid{grid-template-columns:1fr}.trust{grid-template-columns:1fr;margin:0 20px}.form-grid,.calc-layout{grid-template-columns:1fr}.result-card{position:static}.calculator-shell aside #related-tools{grid-template-columns:1fr}footer{align-items:flex-start;flex-direction:column}.tool-card{min-height:175px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Product-first homepage */
.hero{min-height:680px;padding:76px max(20px,calc((100% - 1180px)/2));display:grid;grid-template-columns:minmax(0,.9fr) minmax(480px,1.1fr);gap:64px;align-items:center}.hero:after{display:none}.hero:before{content:"";position:absolute;width:420px;height:420px;background:var(--lime);filter:blur(180px);opacity:.09;left:-160px;top:80px}.hero-copy{position:relative;z-index:1}.hero-copy>p{font-size:1.14rem;max-width:520px;color:#c7d2cf}.hero h1{font-size:clamp(3.3rem,6vw,5.8rem);max-width:700px}.hero-proof{display:flex;flex-wrap:wrap;gap:16px;margin-top:28px;color:#afbfbb;font-size:.8rem;font-weight:700}.hero-solver{position:relative;z-index:2;background:#fff;color:var(--ink);border-radius:22px;padding:26px;box-shadow:0 28px 80px rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.5)}.solver-top{display:flex;justify-content:space-between;align-items:start}.solver-top>div{font-size:.64rem;letter-spacing:.14em;font-weight:850;color:#70807b}.solver-top h2{font-size:clamp(1.6rem,3vw,2.25rem);letter-spacing:-.045em;margin:6px 0 18px;color:var(--ink)}.live-dot{display:inline-block;width:7px;height:7px;background:#2ccc75;border-radius:50%;margin-right:6px;box-shadow:0 0 0 4px rgba(44,204,117,.12)}.solver-badge{background:var(--mint);color:#27604e;padding:6px 9px;border-radius:99px;font-size:.68rem;font-weight:850}.solver-tabs{display:flex;background:#eef1ed;border-radius:11px;padding:4px;margin-bottom:20px;overflow:auto}.solver-tabs button{flex:1;white-space:nowrap;border:0;background:transparent;border-radius:8px;padding:10px 12px;color:#61706b;font-weight:800;cursor:pointer}.solver-tabs button[aria-selected="true"]{background:#fff;color:var(--ink);box-shadow:0 2px 8px rgba(16,42,38,.1)}.solver-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.solver-field{display:flex;flex-direction:column;gap:6px}.solver-field label{font-size:.7rem;font-weight:850;color:#55645f}.solver-field input{min-width:0;width:100%;height:52px;border:1px solid #c9d0cc;border-radius:9px;padding:10px 12px;font:inherit;font-weight:750;color:var(--ink)}.solver-field input:focus{outline:3px solid rgba(215,255,114,.75);border-color:var(--ink)}.solve-button{width:100%;display:flex;justify-content:space-between;align-items:center;border:0;border-radius:10px;background:var(--ink);color:#fff;padding:14px 17px;margin-top:14px;font:inherit;font-weight:850;cursor:pointer}.solve-button:hover{background:#1d413a}.solve-button span:last-child{color:var(--lime);font-size:1.25rem}.solver-answer{margin-top:16px;padding:18px;background:var(--lime);border-radius:12px;position:relative;overflow:hidden}.solver-answer:after{content:"=";position:absolute;right:15px;top:-22px;font-size:7rem;font-weight:900;color:rgba(16,42,38,.08)}.solver-answer span{display:block;font-size:.62rem;letter-spacing:.16em;font-weight:900}.solver-answer strong{display:block;font-size:clamp(2rem,4vw,3.2rem);line-height:1.05;letter-spacing:-.055em;margin:5px 0}.solver-answer p{margin:0;color:#42604d;font-size:.78rem;font-weight:700}.solver-note{text-align:center;color:#74817d;font-size:.68rem;margin:13px 0 0}
@media(max-width:920px){.hero{grid-template-columns:1fr;gap:38px;padding-top:58px}.hero-copy{text-align:center}.hero-copy>p{margin-left:auto;margin-right:auto}.hero-proof{justify-content:center}.hero-solver{max-width:650px;width:100%;margin:auto}}
@media(max-width:760px){.hero{padding:44px 16px 55px;min-height:auto}.hero h1{font-size:3.4rem}.hero-solver{padding:18px;border-radius:17px}.solver-fields{grid-template-columns:1fr}.solver-tabs button{font-size:.74rem;padding:9px 8px}}
.day-row{margin:0;padding:18px;border:1px solid var(--line);border-radius:13px;background:#fbfcfa}.day-row legend{padding:0 8px;font-weight:900;letter-spacing:-.02em}.timecard-row{display:grid;grid-template-columns:1fr 1fr .85fr .95fr auto;gap:10px;align-items:end}.timecard-row>div{display:flex;flex-direction:column;gap:6px}.timecard-row label{font-size:.69rem;font-weight:850;color:var(--muted)}.timecard-row label small{font-weight:650}.timecard-row input{min-width:0}.day-total{min-width:78px;padding:13px 10px;background:var(--ink);color:var(--lime);border-radius:9px;text-align:center;font-weight:900;white-space:nowrap}
@media(max-width:760px){.timecard-row{grid-template-columns:1fr 1fr}.day-total{grid-column:1/-1}.day-row{padding:14px}}
.wave-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.wave-grid>a{min-height:250px;padding:28px;border-radius:18px;background:#fff;border:1px solid var(--line);text-decoration:none;display:flex;flex-direction:column;transition:.2s}.wave-grid>a:nth-child(1){background:var(--lime)}.wave-grid>a:nth-child(2){background:var(--ink);color:#fff}.wave-grid>a:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.wave-grid span{font-size:.66rem;letter-spacing:.16em;font-weight:900;color:#568174}.wave-grid>a:nth-child(2) span{color:var(--lime)}.wave-grid h3{font-size:1.65rem;line-height:1.05;letter-spacing:-.045em;margin:24px 0 10px}.wave-grid p{margin:0;color:var(--muted)}.wave-grid>a:nth-child(2) p{color:#b9c7c3}.wave-grid b{margin-top:auto;padding-top:25px;font-size:.85rem}
@media(max-width:760px){.wave-grid{grid-template-columns:1fr}.wave-grid>a{min-height:210px}}
.solver-field select{min-width:0;width:100%;height:52px;border:1px solid #c9d0cc;border-radius:9px;padding:10px 12px;background:#fff;font:inherit;font-weight:750;color:var(--ink)}.field-hint{display:block;margin-top:4px;color:var(--muted);font-size:.72rem;line-height:1.4}.solver-field.full{grid-column:1/-1}
.tool-catalog{display:flex;flex-direction:column;gap:64px}.tool-family{min-width:0}.family-title{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:20px}.family-title h3{font-size:2rem;letter-spacing:-.045em;margin:5px 0 0}.family-title p{max-width:390px;margin:0;color:var(--muted)}.week-label{padding:10px 14px;background:var(--ink);color:var(--lime);border-radius:9px;font-weight:900;letter-spacing:.04em}.compact-day{margin:0;padding:12px 14px;border:1px solid var(--line);border-radius:11px;background:#fafbf8}.compact-day legend{padding:0 7px;font-weight:850}.compact-row{display:grid;grid-template-columns:1fr 1fr .75fr auto;gap:9px;align-items:center}.compact-row input{min-width:0}.compact-row output{min-width:78px;padding:11px 8px;border-radius:8px;background:var(--ink);color:var(--lime);font-weight:900;text-align:center}
.solver-tabs{background:#e1e8e3;border:1px solid #cbd6d0;border-radius:12px;padding:5px;gap:3px}.solver-tabs button{color:#35534b;font-weight:850;transition:background-color .18s,color .18s,transform .18s}.solver-tabs button:hover{background:var(--mint);color:var(--ink)}.solver-tabs button:focus-visible{outline:3px solid var(--lime);outline-offset:1px}.solver-tabs button[aria-selected="true"]{background:var(--ink);color:#fff;box-shadow:0 4px 12px rgba(16,42,38,.22)}.solver-tabs button[aria-selected="true"]:after{content:"";display:block;width:18px;height:2px;margin:4px auto -4px;background:var(--lime);border-radius:99px}
[hidden]{display:none!important}.instant-status{display:flex;align-items:center;gap:3px;margin:16px auto 0 0;color:#60706b;font-size:.76rem;font-weight:800}.actions .instant-status{margin-top:0}.actions{align-items:center;justify-content:space-between;flex-wrap:wrap}.solver-field select{min-width:0;width:100%;height:52px;border:1px solid #c9d0cc;border-radius:9px;padding:10px 12px;background:#fff;font:inherit;font-weight:750;color:var(--ink)}.site-header nav{gap:18px;font-size:.78rem}.day-row legend small{color:var(--muted);font-weight:700}
.solver-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible}.solver-tabs button{width:100%;min-width:0;white-space:normal;line-height:1.2;min-height:48px}.solver-tabs button:first-child{white-space:nowrap}.site-header nav a{padding:8px 10px;background:#e1e8e3;border:1px solid transparent;border-radius:9px;transition:background-color .18s,color .18s,border-color .18s;text-decoration:none}.site-header nav a:hover,.site-header nav a:focus-visible{background:var(--ink);color:#fff;border-color:var(--ink);text-decoration:none;outline:3px solid var(--lime);outline-offset:1px}.menu{width:42px;height:42px;padding:0;place-items:center;margin-left:auto}.menu-icon{width:20px;height:16px;display:flex;flex-direction:column;justify-content:space-between}.menu-icon i{display:block;width:100%;height:2px;background:var(--ink);border-radius:99px;transition:transform .2s,opacity .2s}.menu[aria-expanded="true"] .menu-icon i:nth-child(1){transform:translateY(7px) rotate(45deg)}.menu[aria-expanded="true"] .menu-icon i:nth-child(2){opacity:0}.menu[aria-expanded="true"] .menu-icon i:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
@media(min-width:1081px){.solver-tabs{grid-template-columns:repeat(5,minmax(0,1fr))}.solver-tabs button{font-size:.72rem;padding:9px 6px}}
@media(max-width:1020px){.site-header .menu{display:grid}.site-header nav{display:none;position:absolute;top:73px;left:0;right:0;padding:14px 20px;background:var(--cream);grid-template-columns:repeat(3,1fr);gap:8px;border-bottom:1px solid var(--line);box-shadow:0 14px 30px rgba(16,42,38,.12)}.site-header nav.open{display:grid}.site-header nav a{text-align:center}}
.faq h2{font-size:clamp(2rem,5vw,3.4rem);letter-spacing:-.05em;margin:12px 0 30px}.faq-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.faq-grid article{background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px}.faq-grid h3{margin:0 0 10px;letter-spacing:-.025em}.faq-grid p{margin:0;color:var(--muted)}.seo-guide{margin-top:25px;padding:clamp(24px,4vw,38px);background:#fff;border:1px solid var(--line);border-radius:18px}.seo-guide h2{font-size:clamp(1.8rem,4vw,2.8rem);line-height:1.05;letter-spacing:-.045em;margin:10px 0 14px}.seo-guide>p{max-width:760px;color:var(--muted)}.example-note{display:flex;gap:14px;align-items:flex-start;margin-top:20px;padding:16px;background:var(--mint);border-radius:11px}.example-note strong{white-space:nowrap}.example-note span{color:#35534b}
@media(max-width:760px){.family-title{align-items:flex-start;flex-direction:column}.tool-catalog{gap:48px}.compact-row{grid-template-columns:1fr 1fr}.compact-row output{grid-column:1/-1}.compact-day{padding:10px}.solver-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.site-header nav,.site-header nav.open{grid-template-columns:1fr;top:63px}.site-header nav a{text-align:left}.faq-grid{grid-template-columns:1fr}}

/* Time It For Me brand system */
.brand{gap:11px}.brand-mark{width:38px;height:38px;border-radius:50% 50% 50% 12px;background:var(--ink);color:var(--lime);font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:.9rem;font-style:normal;font-weight:950;letter-spacing:-.08em;transform:rotate(-4deg);box-shadow:4px 4px 0 var(--orange)}.brand-words{display:flex;align-items:baseline;gap:5px;white-space:nowrap}.brand-words strong{font-size:1.16rem;font-weight:950;letter-spacing:-.055em}.brand-words small{padding:3px 7px;background:var(--lime);border-radius:99px;color:var(--ink);font-size:.64rem;font-weight:900;letter-spacing:-.02em;transform:rotate(-3deg)}
.hero h1 em{display:inline-block;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-weight:950;font-style:normal;letter-spacing:-.065em;position:relative}.hero h1 em:after{content:"";position:absolute;left:2px;right:0;bottom:-9px;height:6px;background:var(--orange);border-radius:99px;transform:rotate(-1deg)}.hero-solver{box-shadow:12px 12px 0 var(--orange),0 28px 80px rgba(0,0,0,.3)}.solver-badge{background:var(--orange);color:#fff}.solver-answer{box-shadow:inset 0 -3px 0 rgba(16,42,38,.12)}
@media(max-width:520px){.brand-words strong{font-size:1rem}.brand-words small{font-size:.58rem;padding:2px 6px}.brand-mark{width:34px;height:34px}.hero-solver{box-shadow:7px 7px 0 var(--orange),0 20px 50px rgba(0,0,0,.25)}}

/* Selected wordmark: clean and friendly */
.brand-mark{display:none}.brand{gap:0}.brand-words{gap:10px}.brand-words strong{text-transform:lowercase;font-size:1.65rem;font-weight:950;letter-spacing:-.07em}.brand-words small{font-size:.86rem;padding:5px 11px;box-shadow:3px 3px 0 var(--orange)}
.legal-links{display:flex;flex-wrap:wrap;gap:12px}.legal-links a{font-weight:750;text-decoration:none}.legal-links a:hover{text-decoration:underline}.content-page{max-width:820px;margin:auto;padding:64px 20px 90px}.content-page h1{font-size:clamp(2.7rem,7vw,5.2rem);margin:12px 0 24px}.content-page h2{margin-top:38px;letter-spacing:-.035em}.content-page p,.content-page li{color:var(--muted)}.content-page .updated{font-size:.82rem;font-weight:750;color:#6c7b76}.content-page .notice{padding:18px;background:var(--mint);border-radius:12px;color:var(--ink)}
.content-page .home-back{display:block;width:max-content;margin:0 0 38px;padding:9px 13px;border:1px solid transparent;border-radius:9px;background:#e1e8e3;color:#35534b;font-weight:800;text-decoration:none;transition:background-color .18s,color .18s,border-color .18s,transform .18s}.content-page .home-back:hover,.content-page .home-back:focus-visible{background:var(--ink);color:#fff;border-color:var(--ink);transform:translateX(-2px);outline:3px solid var(--lime);outline-offset:2px}.content-page .home-back+.kicker{display:block}
@media(max-width:760px){footer .legal-links{gap:10px}.brand-words strong{font-size:1.4rem}.brand-words small{font-size:.76rem}.content-page .home-back{margin-bottom:30px}}

/* QA: keep long calculator results inside the answer card */
.big-result{max-width:100%;font-size:clamp(2.15rem,4vw,3.25rem);line-height:1.05;letter-spacing:-.045em;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.result-details div{align-items:flex-start;gap:18px}
.result-details div span,.result-details div strong{min-width:0;overflow-wrap:anywhere}
.result-details div strong{text-align:right;font-size:clamp(.82rem,1.05vw,1rem);white-space:nowrap;font-variant-numeric:tabular-nums}
@media(max-width:760px){.big-result{font-size:clamp(2rem,11vw,3.1rem)}.result-details div{gap:12px}}
