:root{--paper:#f7f3e9;--white:#fffdf8;--ink:#1f302a;--muted:#5c675f;--green:#183b32;--copper:#9b582f;--line:#dcded4;--soft:#e9eee6;--radius:14px;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper);font-size:16px;line-height:1.6}*{box-sizing:border-box}body{margin:0}a{color:inherit}button,input,textarea,select{font:inherit}button,a,input,textarea,select{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default;opacity:.65}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--copper);outline-offset:4px}h1,h2,h3,p{margin-top:0}h1,h2{font-family:Georgia,"Times New Roman",serif;font-weight:400;line-height:1.08;letter-spacing:-.045em}h1{font-size:clamp(3rem,6.2vw,6rem)}h2{font-size:clamp(2rem,4vw,3.6rem)}h3{line-height:1.35;font-size:1.08rem}p{max-width:70ch}.wrap{width:min(1160px,calc(100% - 64px));margin:auto}.skip{position:absolute;left:12px;top:-100px}.skip:focus{top:12px;background:white;z-index:20;padding:12px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:23px 0;border-bottom:1px solid var(--line)}.brand{text-decoration:none;font-family:Georgia,serif;font-size:1.3rem;white-space:nowrap}.brand small{font-family:inherit;color:var(--muted);font-size:.8rem;display:block;letter-spacing:.1em}.nav{display:flex;gap:26px;align-items:center;font-size:.86rem}.nav a{text-decoration:none}.nav a:hover{text-decoration:underline}.eyebrow{text-transform:uppercase;letter-spacing:.17em;font-size:.69rem;font-weight:750;color:var(--copper);margin-bottom:22px}.hero{display:grid;grid-template-columns:1.15fr 1fr;gap:80px;align-items:center;padding:96px 0 88px}.hero p{font-size:1.08rem;color:var(--muted);max-width:46ch}.hero h1 em{color:var(--copper);font-weight:400}.actions{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-top:26px}.button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border:1px solid var(--green);background:var(--green);color:var(--white);padding:12px 19px;border-radius:7px;font-size:.89rem;font-weight:600;min-height:46px;line-height:1.35}.button.secondary{background:transparent;color:var(--green);border-color:var(--line)}.button.small{padding:9px 13px;font-size:.82rem;min-height:42px}.button:hover{filter:brightness(1.1)}.plain{border:0;background:none;color:var(--green);padding:8px;text-decoration:underline}.hero-note{font-size:.76rem!important;margin-top:18px!important}.focus-card{background:var(--green);color:var(--paper);padding:34px;border-radius:3px;position:relative;transform:rotate(1deg);box-shadow:16px 18px 0 #e8e4d7}.focus-card .eyebrow{color:#d6b391}.focus-card h2{font-size:2.5rem}.focus-card p{color:#d4ded4;font-size:.9rem}.plan-row{display:grid;grid-template-columns:36px 1fr;gap:12px;border-top:1px solid #476257;padding:17px 0}.plan-row strong{font-size:.95rem}.plan-row span{display:block;color:#c5d3c5;font-size:.8rem}.big-stat{font-size:2.7rem;font-family:Georgia,serif;line-height:1}.band{display:flex;justify-content:space-between;gap:24px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:26px 0;color:var(--muted);font-size:.8rem}.band strong{display:block;color:var(--ink);font-size:1.2rem}.section{padding:80px 0}.section-head{display:flex;justify-content:space-between;gap:36px;align-items:end;margin-bottom:32px}.section-head h2{margin:0;max-width:16ch}.section-head p{color:var(--muted);max-width:40ch;margin:0}.grid{display:grid;gap:20px}.grid.three{grid-template-columns:repeat(3,1fr)}.grid.four{grid-template-columns:repeat(4,1fr)}.grid.two{grid-template-columns:repeat(2,1fr)}.card{padding:25px;background:var(--white);border:1px solid var(--line);border-radius:var(--radius)}.card p{color:var(--muted);font-size:.9rem}.num{font-size:.75rem;color:var(--copper);font-weight:700;letter-spacing:.1em;display:block;margin-bottom:25px}.card h3{font-size:1.2rem}.price{background:var(--green);color:var(--paper);padding:45px;border-radius:var(--radius);display:grid;grid-template-columns:1fr 1fr;gap:60px}.price .eyebrow{color:#d6b391}.price h2{font-size:4rem}.price p{color:#d4ded4}.price .button{background:var(--paper);color:var(--green);border-color:var(--paper)}.price .button.secondary{background:transparent;color:var(--paper)}.fine{font-size:.78rem;color:var(--muted)}.price .fine{color:#d4ded4}.tag{display:inline-block;font-size:.69rem;padding:4px 9px;border:1px solid currentColor;border-radius:20px;line-height:1.5}.field{display:grid;gap:6px;margin-bottom:17px;font-size:.85rem}.field input,.field textarea,.field select{background:var(--white);border:1px solid #b4bdb0;border-radius:7px;padding:10px 12px;width:100%;min-height:46px;color:var(--ink)}textarea{resize:vertical;min-height:90px}.form-note{font-size:.8rem;color:var(--muted)}details{border-bottom:1px solid var(--line);padding:19px 0}summary{cursor:pointer;font-weight:600;padding:5px 0}details p{margin:12px 0 0;font-size:.91rem;color:var(--muted)}footer{padding:30px 0;border-top:1px solid var(--line);font-size:.8rem;color:var(--muted)}footer .wrap{display:flex;justify-content:space-between;gap:20px}.demo-banner{background:var(--soft);padding:9px 16px;text-align:center;font-size:.75rem;border-bottom:1px solid var(--line)}.app-shell{display:grid;grid-template-columns:232px minmax(0,1fr);min-height:100vh}.sidebar{padding:28px 20px;background:var(--green);color:var(--paper);display:flex;flex-direction:column;gap:32px}.sidebar .brand small{color:#d4ded4}.app-nav{display:flex;flex-direction:column;gap:7px}.app-nav a{padding:12px 16px;border-radius:7px;font-size:.88rem;text-decoration:none;color:#d4ded4}.app-nav a[aria-current=page]{background:#36564a;color:white}.sidebar-bottom{margin-top:auto;font-size:.78rem;color:#d4ded4}.sidebar-bottom a{display:block;margin-top:10px}.app-main{min-width:0;padding:30px 42px 60px;max-width:1500px;width:100%}.app-header{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:34px;border-bottom:1px solid var(--line);padding-bottom:20px}.app-header .eyebrow{margin:0}.app-title{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:30px}.app-title h1{font-size:clamp(2.3rem,4vw,3.7rem);margin-bottom:12px}.app-title p{color:var(--muted);margin:0}.stat{font-size:2.4rem;font-weight:500;line-height:1.2;margin:9px 0}.stat-label{font-size:.78rem;color:var(--muted)}.metric{border-top:3px solid var(--green)}progress{appearance:none;width:100%;height:7px;border:0;border-radius:8px;overflow:hidden;background:var(--soft);color:var(--green)}progress::-webkit-progress-bar{background:var(--soft)}progress::-webkit-progress-value{background:var(--green)}progress::-moz-progress-bar{background:var(--green)}.status-pill{font-size:.73rem;background:var(--soft);padding:5px 10px;border-radius:20px}.list{list-style:none;padding:0;margin:0}.list li{display:flex;gap:13px;align-items:start;padding:16px 0;border-top:1px solid var(--line);font-size:.9rem}.list input[type=checkbox]{margin-top:5px;width:19px;height:19px;accent-color:var(--green)}.list label{cursor:pointer}.list small{display:block;color:var(--muted)}.app-block{margin-top:24px}.kpi-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:24px}.timer{font-variant-numeric:tabular-nums;font-family:Georgia,serif;font-size:clamp(4rem,10vw,7rem);line-height:1.2;letter-spacing:-.04em}.preset-row{display:flex;gap:9px;margin:20px 0}.preset-row button[aria-pressed=true]{background:var(--green);color:var(--paper)}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:var(--green);color:var(--paper);border:1px solid #97a595;padding:14px 22px;border-radius:8px;box-shadow:0 8px 30px #0002;max-width:calc(100% - 32px);width:max-content;z-index:50;font-size:.88rem}.toast:empty{display:none}.output{white-space:pre-wrap;overflow-wrap:anywhere;padding:20px;border:1px solid var(--line);background:var(--white);border-radius:8px;font-size:.9rem}.empty{padding:25px;border:1px dashed #b4bdb0;border-radius:10px;color:var(--muted);font-size:.88rem}.check-label{display:flex;align-items:start;gap:10px;font-size:.86rem;margin:15px 0}.check-label input{margin-top:6px}body [hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(min-width:1500px){.app-main{padding-left:60px;padding-right:60px}}@media(max-width:980px){.hero{gap:36px}.nav{gap:14px}.grid.four{grid-template-columns:repeat(2,1fr)}.app-shell{grid-template-columns:190px minmax(0,1fr)}.app-main{padding:24px}.grid.three{grid-template-columns:repeat(2,1fr)}.kpi-grid{grid-template-columns:1fr}.app-title{align-items:start}.price{gap:30px}}@media(max-width:700px){.wrap{width:calc(100% - 36px)}.topbar{align-items:start}.nav{flex-wrap:wrap;justify-content:end;max-width:160px;gap:8px 13px;font-size:.76rem}.nav .desktop{display:none}.hero{grid-template-columns:1fr;padding:52px 0 56px;gap:42px}.hero h1{font-size:3.45rem}.focus-card{transform:none;box-shadow:8px 10px 0 #e8e4d7;padding:25px}.band{gap:12px;flex-wrap:wrap}.band>div{flex:1;min-width:90px}.band strong{font-size:1rem}.section{padding:52px 0}.section-head{display:block}.section-head p{margin-top:18px}.grid.two,.grid.three{grid-template-columns:1fr}.grid.four{grid-template-columns:repeat(2,minmax(0,1fr))}.price{grid-template-columns:1fr;padding:25px;gap:20px}.price h2{font-size:3.2rem}.card{padding:20px}.app-shell{display:block}.sidebar{padding:16px 18px;gap:16px}.sidebar .brand{font-size:1.12rem}.sidebar .brand small{display:none}.sidebar-bottom{display:none}.app-nav{display:flex;flex-direction:row;flex-wrap:wrap;gap:4px}.app-nav a{padding:8px 12px;font-size:.79rem}.app-main{padding:22px 18px 50px}.app-header{margin-bottom:24px}.app-title{display:block}.app-title .button{margin-top:18px}.stat{font-size:2rem}.app-title h1{font-size:2.5rem}.app-header .eyebrow{font-size:.6rem}footer .wrap{display:block}.demo-banner{font-size:.68rem}}@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}.button{transition:filter .15s}}
:root{color-scheme:light}
@media(max-width:700px){body .topbar{flex-direction:column;gap:18px}.topbar .brand{white-space:normal}.topbar .brand small{font-size:.62rem;letter-spacing:.09em}.topbar .nav{max-width:none;width:100%;justify-content:space-between}body .hero h1{font-size:clamp(2.7rem,11vw,3.45rem)}}