@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Fraunces:opsz,wght@9..144,500;9..144,700&display=swap');:root{--paper:#eee9df;--ink:#2f4b68;--orange:#d37a58;--yellow:#efc66d;--line:#d3d5cf;--white:#fffefa;--muted:#75818a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);font:14px 'DM Sans',sans-serif;color:var(--ink)}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}header{height:74px;padding:0 5vw;display:flex;align-items:center;gap:50px;border-bottom:1px solid var(--line)}.brand{font:700 25px Fraunces,Georgia,serif}.brand span{font-size:28px;vertical-align:-2px;margin-right:5px}.brand b,footer strong span{color:var(--orange)}nav{display:flex;gap:25px;font-size:12px;font-weight:700}nav a:hover{text-decoration:underline}.header-tag{margin-left:auto;font-size:9px;letter-spacing:1.4px;color:#989990;font-weight:700}.hero{min-height:480px;display:grid;grid-template-columns:1fr .85fr;max-width:1550px;margin:auto}.hero>div:first-child{padding:89px 5vw 65px}.eyebrow,.kicker{font-size:10px;letter-spacing:1.5px;color:#a86b50;font-weight:700}h1,h2,h3{font-family:Fraunces,Georgia,serif;font-weight:500}h1{font-size:clamp(56px,6vw,92px);line-height:1.06;letter-spacing:-2.6px;margin:18px 0}h1 em,h2 em{font-weight:500;color:#c97453}.hero p{font-size:16px;line-height:1.7;color:#6d7b82;max-width:490px;margin:0 0 27px}.cta{display:inline-flex;justify-content:space-between;gap:65px;background:var(--ink);color:#fff;padding:15px 19px;font-size:12px;font-weight:700}.cta span{font-size:18px}.cta:hover{background:#466788}.micro{font-size:9px;letter-spacing:1.3px;color:#9b9d91;font-weight:700;margin-top:23px}.art{background:#d9e3dd;display:grid;place-items:center;overflow:hidden;position:relative}.art:before{content:'';position:absolute;width:520px;height:520px;border:1px solid #bccdc8;border-radius:50%}.art-sheet{position:relative;background:#fffdfa;padding:29px;width:min(75%,375px);box-shadow:14px 17px 0 #93ada461;transform:rotate(5deg)}.art-sheet small{font-size:10px;letter-spacing:1.4px;color:#aa7056;font-weight:700}.art-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:3px;margin:20px 0}.art-grid b,.art-grid i{display:grid;place-items:center;height:35px;font-size:10px;font-style:normal}.art-grid b{background:var(--ink);color:#fff}.art-grid i{background:#eaece6;color:var(--ink);font-weight:700}.art-grid i:nth-child(3n){background:#f5deb0}.art-sheet>span{font-size:9px;color:#9ca399;letter-spacing:1.3px}.tool{background:#e6e8e2;padding:67px 5vw 85px}.tool-intro,.app{max-width:1460px;margin:auto}.tool-intro h2,.how h2{font-size:clamp(39px,4.2vw,64px);letter-spacing:-1.5px;margin:12px 0}.tool-intro p{color:#798680;line-height:1.6;margin:0 0 24px}.app{display:grid;grid-template-columns:295px 1fr;gap:17px;align-items:start}.settings,.editor{background:var(--white);border:1px solid #d2d9d1;padding:22px;border-radius:3px}.settings h3{font-size:23px;margin:0 0 19px}.settings>label,.two label{font-size:11px;font-weight:700;display:block;margin:17px 0 7px}.settings>input:not([type=checkbox]),.two input{width:100%;padding:9px;border:1px solid #ced7cf;background:#fff;color:var(--ink)}.settings input:focus,.cell input:focus{outline:2px solid #b67454;outline-offset:1px}.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.unit{display:flex;align-items:center}.unit span{font-size:10px;margin-left:5px;color:#8c9890}.settings .checkbox{display:flex;align-items:center;gap:8px;padding-top:15px;border-top:1px solid #e1e5df;font-size:11px}.checkbox input{accent-color:var(--ink)}.settings-actions{border-top:1px solid #e1e5df;margin-top:20px;padding-top:17px;display:flex;flex-direction:column;gap:7px}.settings-actions button{padding:10px;border:1px solid #a9bbb1;background:#fff;color:var(--ink);font-size:11px;font-weight:700}.settings-actions button:first-child{background:var(--ink);color:#fff}.privacy{font-size:10px;color:#a1aaa2;line-height:1.5;margin-top:20px}.editor{min-width:0}.editor-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e1e5df;padding-bottom:16px}.editor-head h3{font-size:28px;margin:4px 0}.editor-head button{background:var(--ink);color:#fff;border:0;padding:11px 14px;font-size:11px;font-weight:700}.table-scroll{overflow:auto}table{border-collapse:separate;border-spacing:3px;width:100%;min-width:610px;margin:15px 0}th,td{border:1px solid #d8e0d8;padding:4px;text-align:left}th{background:#e9efe9;font-size:10px;letter-spacing:.9px;padding:11px;text-align:center}th:first-child{background:#f2eee4;width:90px}td:first-child{background:#f6f3e9;text-align:center;font-size:11px;font-weight:700;white-space:nowrap}td.cell{background:#fff;min-width:100px}.cell input{border:0;width:100%;background:transparent;color:var(--ink);padding:3px;font-size:11px}.cell .room{color:#9a7463;font-size:9px}.cell input::placeholder{color:#b3bdb4}.editor-footer{display:flex;align-items:center;gap:7px;margin-top:8px}.editor-footer button{border:1px solid #c4d0c6;background:#fff;color:var(--ink);padding:9px 12px;font-size:11px;font-weight:700}.editor-footer span{margin-left:auto;font-size:10px;color:#9ca89e}.print-hint{font-size:10px;line-height:1.5;color:#9da8a0;margin-top:18px}.how{max-width:1550px;margin:auto;padding:88px 5vw}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:33px}.steps article{border-top:1px solid #cdd4cb;padding-top:17px}.steps article span{font:500 25px Fraunces,Georgia,serif;color:#c97a57}.steps h3{font-size:24px;margin:15px 0 5px}.steps p{color:#7e8980;line-height:1.65;max-width:300px}.faq{max-width:1380px;margin:auto;border-top:1px solid #d4d8d0;padding:48px 5vw 80px}.faq details{border-bottom:1px solid #d4d8d0;padding:18px 0}.faq summary{cursor:pointer;font-weight:700}.faq p{color:#7e8980;line-height:1.7}footer{background:var(--ink);color:#c2d0cd;padding:25px 5vw;display:flex;align-items:center;gap:26px;font-size:11px}footer strong{font:700 23px Fraunces,Georgia,serif;color:#fff}footer span:last-child{margin-left:auto}#print-sheet{display:none}@media(max-width:900px){.hero{grid-template-columns:1fr}.art{min-height:350px}.app{grid-template-columns:1fr}}@media(max-width:600px){header{height:63px;gap:14px}nav{margin-left:auto;gap:12px;font-size:11px}.header-tag{display:none}.hero>div:first-child{padding:60px 5vw}.tool{padding:55px 4vw}.editor{padding:13px}.editor-head h3{font-size:23px}.editor-footer{flex-wrap:wrap}.editor-footer span{width:100%;margin:5px 0}.steps{grid-template-columns:1fr}.how{padding:65px 5vw}footer{flex-wrap:wrap}footer span:last-child{margin-left:0}}@media print{header,.hero,.tool-intro,.app,.how,.faq,footer{display:none!important}body,.tool{background:#fff}.tool{padding:0}#print-sheet{display:block;padding:4mm}#print-sheet h2{font:500 28pt Fraunces,Georgia,serif;margin:0 0 8mm}#print-sheet table{border-collapse:collapse;min-width:0;width:100%}#print-sheet th,#print-sheet td{border:1px solid #9dab9e;height:var(--row-height,15mm);font-size:12pt;padding:3mm;vertical-align:top}#print-sheet th{height:10mm;background:#dce7de}#print-sheet td:first-child{width:24mm;font-size:10pt}#print-sheet small{display:block;color:#777;font-size:8pt;margin-top:2mm}@page{size:A4 landscape;margin:12mm}}
.bw-option{display:flex;align-items:center;gap:7px;margin-top:14px;color:#486078;font-size:12px}.bw-option input{accent-color:#2f4b68}.reset-local{background:transparent;border:0;border-bottom:1px solid #8898a7;color:#405971;padding:7px 0;margin-top:9px;font-size:11px;cursor:pointer}.practical{max-width:1450px;margin:auto;padding:40px 5vw 70px;border-top:1px solid #d4d6d1}.practical h2{font-size:clamp(32px,4vw,55px);margin:16px 0}.practical p{max-width:850px;line-height:1.8;color:#687580}@media print{.practical,.bw-option,.reset-local{display:none!important}body.bw-print #print-sheet th{background:#eee;color:#111}body.bw-print #print-sheet th,body.bw-print #print-sheet td{border-color:#555;color:#111}body.bw-print #print-sheet small{color:#444}}


/* Usability pass: bring the working area into view sooner. */
@media screen {
  html { scroll-padding-top: 20px; }
  :where(a,button,input,select,textarea):focus-visible { outline: 3px solid #b66a48; outline-offset: 3px; }
  .hero h1 { font-size: clamp(46px,5.1vw,66px); line-height: 1.04; }
  .hero p { margin-bottom: 19px; }
  .tool-intro h2,.section-intro h2,.intro h2,.tool-heading h2,.tool-head h2 { font-size: clamp(34px,3.8vw,52px); }
  .tool-intro,.section-intro,.intro,.tool-heading { margin-bottom: 19px; }
}
@media screen and (max-width:700px) {
  .hero h1 { font-size: clamp(42px,11vw,50px); }
  .hero-art,.hero-pattern,.hero-visual,.box-art,.hero .art { display: none; }
  .hero-copy,.hero-text,.hero-left,.hero>div:first-child { padding: 34px 5vw 28px; }
  .tool-intro h2,.section-intro h2,.intro h2,.tool-heading h2,.tool-head h2 { font-size: clamp(32px,8.2vw,40px); }
  .tool,.planner,.tool-wrap { padding-top: 30px; }
}
@media (prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto; }
  *,*::before,*::after { animation-duration:.01ms!important; transition-duration:.01ms!important; }
}

@media screen and (min-width:701px){.hero{min-height:0}.hero>div:first-child{padding:32px 5vw 25px}.art{min-height:340px}.tool{padding-top:27px}}@media screen and (max-width:700px){.hero{min-height:0}}