
:root{
  --paper:#f8f5ed;--paper-2:#f2eee4;--card:#fffdf8;--ink:#18201b;--muted:#657067;
  --green:#1f5f4c;--green-2:#174a3c;--sage:#dfe8d7;--sage-2:#edf2e8;--line:#ddd6c8;
  --yellow:#f5df7e;--warning:#a65b15;--shadow:0 18px 50px rgba(41,49,42,.08);
  --radius:22px;--radius-sm:14px;--max:1180px;--gutter:clamp(18px,4vw,40px);
  --font:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  --hand:"Segoe Print","Bradley Hand","Comic Sans MS",cursive;
}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);line-height:1.55;-webkit-font-smoothing:antialiased}body.menu-open{overflow:hidden}a{color:inherit}button,input,select{font:inherit}img,svg{max-width:100%}.container{width:min(calc(100% - var(--gutter) - var(--gutter)),var(--max));margin-inline:auto}.skip{position:fixed;left:16px;top:12px;z-index:9999;background:var(--ink);color:white;padding:10px 14px;transform:translateY(-150%)}.skip:focus{transform:none}.site-header{position:sticky;top:0;z-index:100;border-bottom:1px solid rgba(221,214,200,.85);background:rgba(248,245,237,.93);backdrop-filter:blur(16px)}.header-row{height:76px;display:flex;align-items:center;gap:28px}.brand{display:inline-flex;align-items:center;height:32px;color:var(--ink);text-decoration:none}.brand svg{height:22px;width:auto}.desktop-nav{display:flex;align-items:center;gap:24px;margin-left:auto}.nav-link,.solutions-trigger{font-size:14px;font-weight:650;color:#38433c;text-decoration:none;background:none;border:0;cursor:pointer;padding:14px 4px}.nav-link:hover,.solutions-trigger:hover{color:var(--green)}.solutions-menu{position:relative}.solutions-menu>summary{list-style:none}.solutions-menu>summary::-webkit-details-marker{display:none}.solutions-menu[open] .solutions-trigger{color:var(--green)}.mega{position:absolute;top:54px;right:-170px;width:min(720px,calc(100vw - 32px));padding:18px;background:var(--card);border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.mega a{padding:13px 14px;border-radius:13px;text-decoration:none}.mega a:hover,.mega a[aria-current=page]{background:var(--sage-2)}.mega strong,.mega span{display:block}.mega strong{font-size:14px}.mega span{font-size:12px;color:var(--muted);margin-top:2px}.header-cta,.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border-radius:13px;border:1px solid transparent;text-decoration:none;font-weight:760;cursor:pointer;transition:.16s ease}.header-cta,.btn-primary{background:var(--green);color:white}.header-cta:hover,.btn-primary:hover{background:var(--green-2);transform:translateY(-1px)}.btn-secondary{background:transparent;border-color:#aaa294}.btn-secondary:hover{background:rgba(255,255,255,.5)}.menu-toggle{display:none;margin-left:auto;width:46px;height:46px;border:1px solid var(--line);border-radius:13px;background:var(--card)}.menu-toggle span{display:block;width:20px;height:2px;background:var(--ink);margin:4px auto}.mobile-nav{display:none;position:fixed;inset:76px 0 auto 0;background:var(--paper);padding:18px var(--gutter) 28px;border-bottom:1px solid var(--line);max-height:calc(100dvh - 76px);overflow:auto}.mobile-nav a{display:block;padding:14px 0;border-bottom:1px solid var(--line);text-decoration:none;font-weight:700}.mobile-label{margin:20px 0 4px;font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}
.hero{position:relative;padding:clamp(72px,9vw,130px) 0 58px;overflow:hidden}.hero:after{content:"";position:absolute;width:360px;height:360px;border:1px solid rgba(31,95,76,.16);border-radius:50%;right:-210px;top:-210px;pointer-events:none}.hero-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:70px;align-items:start}.hero h1{margin:0;font-size:clamp(46px,6.6vw,82px);line-height:.99;letter-spacing:-.065em;max-width:900px}.hero h1 .mark{position:relative}.hero h1 .mark:after{content:"";position:absolute;left:-1%;right:-2%;bottom:.04em;height:.13em;background:#dce9df;border-radius:100%;z-index:-1;transform:rotate(-1deg)}.hero-lead{font-size:clamp(18px,2vw,22px);color:var(--muted);max-width:700px;margin:28px 0 28px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap}.hero-note{align-self:center;padding-top:40px;font-family:var(--hand);color:var(--green);font-size:clamp(17px,2vw,22px);line-height:1.6;transform:rotate(-2deg);max-width:340px}.hero-note:after{content:"";display:block;width:75%;height:2px;background:var(--green);margin-top:6px;transform:rotate(-4deg)}.eyebrow{display:inline-flex;margin:0 0 18px;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.14em;color:var(--green)}
.trust-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.trust-grid{display:grid;grid-template-columns:repeat(4,1fr)}.trust-item{display:flex;align-items:center;gap:14px;padding:22px 20px}.trust-item+ .trust-item{border-left:1px solid var(--line)}.trust-icon{width:42px;height:42px;display:grid;place-items:center;color:var(--green);flex:0 0 auto}.trust-item strong{display:block;font-size:14px;line-height:1.35}.section{padding:clamp(64px,8vw,104px) 0;border-top:1px solid rgba(221,214,200,.62)}.section:first-of-type{border-top:0}.section-head{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:34px}.section-head h2{margin:0;font-size:clamp(32px,4vw,50px);line-height:1.05;letter-spacing:-.045em}.section-head p{margin:0;color:var(--muted);max-width:520px}.cards-3,.solutions-grid,.pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.solutions-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.card{position:relative;container-type:inline-size;background:rgba(255,253,248,.72);border:1px solid var(--line);border-radius:var(--radius);padding:25px;min-height:220px;overflow:visible}.card:hover{border-color:#bbb3a5}.card-icon{width:40px;height:40px;border-radius:12px;background:var(--sage);display:grid;place-items:center;color:var(--green);margin-bottom:20px}.card h3{font-size:20px;margin:0 0 10px;letter-spacing:-.025em}.card p{color:var(--muted);margin:0;max-width:calc(100% - 104px)}.card-link{position:absolute;inset:0;border-radius:inherit}.doodle{position:absolute;color:var(--green);opacity:.68;pointer-events:none}.doodle svg{overflow:visible}.doodle-right{right:14px;bottom:8px;width:110px;height:110px}.doodle-accent{right:-12px;top:-18px;width:54px}.solution-card{min-height:230px}.solution-card .text-link{position:relative;z-index:2;display:inline-flex;margin-top:18px;font-weight:750;color:var(--green);text-decoration:none}.solution-card .text-link:hover{text-decoration:underline}.process{display:grid;grid-template-columns:repeat(4,1fr);gap:26px;counter-reset:step}.process-step{text-align:center;position:relative;padding-top:4px}.step-num{width:38px;height:38px;margin:0 auto 18px;border-radius:50%;background:var(--sage);display:grid;place-items:center;font-weight:800;color:var(--green)}.process-step h3{font-size:16px;margin:0 0 7px}.process-step p{font-size:14px;color:var(--muted);margin:0}.process-arrow{position:absolute;left:70%;top:16px;width:70%;height:30px;color:var(--green);opacity:.65}.demo-wrap{position:relative;padding:25px 0 10px}.demo-grid{display:grid;grid-template-columns:1fr .72fr 1.35fr;gap:48px;align-items:center}.demo-card{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:22px;box-shadow:0 8px 24px rgba(41,49,42,.035);min-height:250px}.demo-card h3{margin:0 0 20px;font-size:16px}.demo-card.result{min-height:310px}.file-list{display:grid;gap:10px}.file-row{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid #e4ded2;border-radius:12px;background:#fff}.file-tag{width:38px;height:38px;border-radius:8px;background:var(--ink);color:white;display:grid;place-items:center;font:700 10px ui-monospace,monospace}.file-row span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.check-list{list-style:none;padding:0;margin:0;display:grid;gap:14px}.check-list li{position:relative;padding-left:25px;color:#3d4941}.check-list li:before{content:"✓";position:absolute;left:0;color:var(--green);font-weight:900}.demo-arrow{position:absolute;color:var(--green);width:64px;height:30px;top:46%}.demo-arrow.a{left:30.7%}.demo-arrow.b{left:56.4%}.hand-note{position:absolute;font-family:var(--hand);color:var(--green);font-size:16px;line-height:1.35;transform:rotate(-4deg)}.note-left{left:-28px;top:10px}.note-bottom{left:39%;bottom:-30px}.note-right{right:0;bottom:-2px}.status{display:inline-flex;padding:7px 12px;border-radius:999px;background:var(--sage-2);color:var(--green);font-size:12px;font-weight:800}.status-wrap{position:absolute;right:14px;top:-4px}.status-circle{position:absolute;inset:-11px -18px;border:2px solid rgba(31,95,76,.65);border-radius:50%;transform:rotate(-5deg)}.result-kicker{margin:18px 0 5px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.result-title{font-size:25px;font-weight:850;line-height:1.08;margin:0 0 12px}.result-body{color:var(--muted);font-size:14px}.result-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:18px}.result-grid div{padding-top:10px;border-top:1px solid var(--line)}.result-grid span,.result-grid strong{display:block}.result-grid span{font-size:11px;color:var(--muted)}.result-grid strong{font-size:14px;margin-top:3px}.mini-product{display:grid;grid-template-columns:100px 1fr;gap:16px}.product-visual{aspect-ratio:1;border-radius:15px;background:linear-gradient(145deg,#ebe8df,#d6dcd8);display:grid;place-items:center;color:var(--green)}
.calc-shell{background:rgba(255,253,248,.7);border:1px solid var(--line);border-radius:var(--radius);padding:24px;display:grid;grid-template-columns:1.4fr .6fr;gap:24px}.calc-fields{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.field label{display:block;font-size:12px;font-weight:700;margin-bottom:7px}.field input,.field select,.lead-form input{width:100%;height:48px;border:1px solid var(--line);border-radius:12px;background:#fff;padding:0 14px;color:var(--ink)}.calc-result{border-radius:18px;background:linear-gradient(135deg,#edf2e8,#e1e9d9);padding:25px;display:flex;flex-direction:column;justify-content:center}.calc-result span{font-size:13px;color:var(--muted)}.calc-result strong{font-size:clamp(27px,4vw,42px);line-height:1.1;color:var(--green);margin:8px 0}.calc-result small{color:var(--muted)}.pricing-card{min-height:300px;display:flex;flex-direction:column}.pricing-card.featured{border-color:#d9b63a;background:#fffef8}.popular{position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:var(--yellow);border-radius:7px;padding:5px 12px;font-size:11px;font-weight:800}.price{font-size:30px;font-weight:850;letter-spacing:-.04em;margin:22px 0 6px}.price small{font-size:12px;font-weight:600;color:var(--muted);letter-spacing:0}.pricing-card .check-list{margin-top:20px}.pricing-card .doodle-right{width:80px;height:80px;bottom:12px}.lead-box{display:grid;grid-template-columns:.75fr 1.25fr;gap:30px;align-items:center;background:rgba(255,253,248,.72);border:1px solid var(--line);border-radius:var(--radius);padding:25px}.lead-box h2{font-size:30px;margin:0 0 5px}.lead-box p{margin:0;color:var(--muted)}.lead-form{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:10px}.lead-form button{white-space:nowrap}.consent{grid-column:1/-1;font-size:10px;color:var(--muted)}.form-success{grid-column:1/-1;padding:12px 14px;border-radius:12px;background:var(--sage-2);color:var(--green);font-weight:700}.site-footer{border-top:1px solid var(--line);padding:48px 0}.footer-grid{display:grid;grid-template-columns:1.15fr .7fr .7fr 1fr 1.1fr;gap:25px}.footer-brand{font-size:21px;font-weight:850}.footer-title{font-size:12px;font-weight:800;margin-bottom:12px}.footer-links{display:grid;gap:7px}.footer-links a{text-decoration:none;font-size:13px;color:var(--muted)}.footer-links a:hover{color:var(--green)}.footer-contact{font-size:13px;color:var(--muted);display:grid;gap:8px}.footer-contact a{text-decoration:none}.footer-contact a:hover{color:var(--green)}.privacy-page{padding:70px 0 100px}.privacy-page article{max-width:800px}.privacy-page h1{font-size:clamp(42px,6vw,70px);line-height:1;letter-spacing:-.05em}.privacy-page h2{margin-top:38px}
@media(max-width:900px){.desktop-nav,.header-cta{display:none}.menu-toggle{display:block}.mobile-nav.is-open{display:block}.hero-grid{grid-template-columns:1fr}.hero-note{padding-top:0;max-width:550px}.trust-grid{grid-template-columns:repeat(2,1fr)}.trust-item:nth-child(3){border-left:0;border-top:1px solid var(--line)}.trust-item:nth-child(4){border-top:1px solid var(--line)}.cards-3,.solutions-grid,.pricing-grid{grid-template-columns:1fr 1fr}.process{grid-template-columns:1fr 1fr;row-gap:45px}.process-arrow{display:none}.demo-grid{grid-template-columns:1fr}.demo-arrow{display:none}.hand-note{position:static;display:inline-block;margin:12px 0}.demo-card{min-height:auto}.calc-shell{grid-template-columns:1fr}.lead-box{grid-template-columns:1fr}.lead-form{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1.3fr 1fr 1fr}.footer-contact{grid-column:1/-1}}
@media(max-width:620px){.header-row{height:68px}.mobile-nav{inset:68px 0 auto}.hero{padding:58px 0 42px}.hero h1{font-size:clamp(41px,13vw,62px)}.hero-note{display:none}.hero-actions{display:grid}.btn{width:100%}.trust-grid{grid-template-columns:1fr}.trust-item+ .trust-item{border-left:0;border-top:1px solid var(--line)}.section{padding:58px 0}.section-head{display:block}.section-head p{margin-top:12px}.cards-3,.solutions-grid,.pricing-grid{grid-template-columns:1fr}.process{grid-template-columns:1fr;text-align:left}.process-step{text-align:left;padding-left:56px}.step-num{position:absolute;left:0;top:0}.demo-wrap{padding:0}.calc-fields{grid-template-columns:1fr}.lead-form{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}.mega{display:none}.result-grid{grid-template-columns:1fr}.mini-product{grid-template-columns:1fr}.product-visual{max-width:150px}}

/* Detailed first-year economics calculator */
.calc-shell-economy{grid-template-columns:minmax(0,.86fr) minmax(360px,1.14fr);align-items:stretch}
.economy-fields{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start}
.economy-result{justify-content:flex-start;background:linear-gradient(135deg,#edf2e8,#e1e9d9);min-width:0}
.economy-result>strong{font-size:clamp(34px,4.6vw,54px);letter-spacing:-.045em}
.calc-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}
.calc-metrics>div{padding:14px;border:1px solid rgba(31,95,76,.14);border-radius:13px;background:rgba(255,255,255,.48)}
.calc-metrics span,.calc-metrics strong{display:block}
.calc-metrics span{font-size:11px;color:var(--muted)}
.calc-metrics strong{margin-top:3px;font-size:20px;color:var(--ink)}
.calc-comparison{display:grid;gap:15px;margin-top:22px;padding-top:20px;border-top:1px solid rgba(31,95,76,.16)}
.calc-line{display:grid;gap:7px}
.calc-line-head{display:flex;justify-content:space-between;gap:16px;align-items:baseline;font-size:12px;color:var(--muted)}
.calc-line-head strong{font-size:13px;color:var(--ink);white-space:nowrap}
.calc-track{height:9px;border-radius:999px;background:rgba(255,255,255,.66);overflow:hidden}
.calc-fill{display:block;width:0;height:100%;border-radius:inherit;transition:width .24s ease}
.calc-fill-value{background:var(--green)}
.calc-fill-cost{background:#77837b}
.calc-formula{margin-top:18px;padding-top:15px;border-top:1px solid rgba(31,95,76,.16)}
.calc-formula summary{cursor:pointer;font-size:13px;font-weight:800;color:var(--green)}
.calc-formula p{margin:10px 0 0;font-size:12px;color:var(--muted)}
.economy-result.is-negative>strong{color:#a33d32}
.economy-result.is-negative .calc-fill-value{background:#a33d32}

@media(max-width:900px){.calc-shell-economy{grid-template-columns:1fr}.economy-fields{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Decorative art must never land on copy. Doodles are absolute at the card's
   bottom-right, so text reserves their width; on narrow cards there is no room
   for both and the decoration is dropped instead of overlapping. */
.pricing-card .check-list li{max-width:calc(100% - 74px)}
@container (max-width:270px){
  .card>.doodle-right{display:none}
  .card p,.pricing-card .check-list li{max-width:none}
}
/* Hand-written notes are absolute only above 900px; clear the row below the demo. */
@media(min-width:901px){.demo-wrap{padding-bottom:46px}}
/* Burger morphs into a close icon; driven by the same aria-expanded the JS sets. */
.menu-toggle span{transition:transform .18s ease,opacity .18s ease}
.menu-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(6px) rotate(45deg)}
.menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
.menu-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
@media(prefers-reduced-motion:reduce){.menu-toggle span{transition:none}}
/* Touch targets: footer/nav links were 20-27px tall. */
@media(max-width:620px){
  .brand{display:inline-flex;align-items:center;min-height:44px}
  .footer-links{gap:0}
  .footer-links a{display:block;padding:12px 0}
  .solution-card .text-link{min-height:44px;align-items:center;margin-top:8px}
  .consent{font-size:12px}
}
@media(max-width:620px){.economy-fields,.calc-metrics{grid-template-columns:1fr}.calc-line-head{align-items:flex-start}.calc-shell-economy{padding:18px}.economy-result{padding:20px}}
