/* Homepage only. Shared navigation and tool styles are preserved. */
.home-page{--orange:#f26419;--ink:#25221e;--cream:#faf7f2;--muted:#70685f;background:var(--cream);color:var(--ink)}.home-page *{box-sizing:border-box}.home-page .wrap{width:min(1180px,92%);margin-inline:auto}.home-page main{overflow:clip}.home-page p{line-height:1.8}.home-page h1,.home-page h2,.home-page h3{letter-spacing:-.025em}.home-page h2{font-size:clamp(28px,3.4vw,44px);line-height:1.22;margin:0 0 18px}.home-page h3{margin:0;font-size:22px;line-height:1.3}.home-page em{font-style:normal;color:#d84b0b}.home-page .section{padding-block:70px}.home-page .section>h2,.home-page .section>.wrap>h2,.section-title{text-align:center}.home-page a{text-decoration:none}.home-page button,.home-page a{touch-action:manipulation}.home-page :is(a,button,summary):focus-visible{outline:3px solid #a43d08;outline-offset:5px}.home-page .primary,.home-page .secondary,.mini-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 24px;border-radius:10px;font-weight:750;gap:9px}.home-page .primary,.mini-button{color:white;background:#ba4208;border:1px solid #ba4208}.home-page .primary:hover,.mini-button:hover{background:#913507}.home-page .secondary{border:1px solid #bb430b;color:#a23b0c;background:#fff}.home-page .secondary:hover{background:#ffeadb}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}.hero{background:radial-gradient(ellipse at 20% 65%,#ffdebb80,transparent 55%),linear-gradient(#fffaf4,#faf7f2)}.hero-grid{display:grid;grid-template-columns:1.06fr 1fr;align-items:center;gap:35px;padding-block:55px}.hero h1{font-size:clamp(42px,4.8vw,66px);line-height:1.06;margin:15px 0 23px;font-weight:900}.hero h2{font-size:clamp(25px,2.5vw,34px);color:#d84b0b;line-height:1.35}.hero h2 span{color:var(--ink);font-size:.85em}.hero p{font-size:17px;margin:14px 0}.hero .lead{font-weight:650;font-size:20px}.eyebrow{color:#aa400e;font-weight:750;font-size:13px!important}.hero-art{margin:0;position:relative}.hero-art img{width:100%;height:auto;display:block}.hero-art figcaption{font-size:18px;font-weight:800;text-align:center;color:#b44510;margin-top:-10px}.demo{text-align:center}.demo-sub{font-size:clamp(23px,2.5vw,32px);font-weight:850;color:#c4460c;line-height:1.35!important;margin:15px 0 35px}.demo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;max-width:960px;margin:auto}.demo-grid figure{margin:0}.demo-grid img{width:100%;height:auto;aspect-ratio:1;border-radius:12px;box-shadow:0 8px 20px #57371a13;display:block}.demo-grid h3{margin-top:15px}.demo-grid p{font-size:14px;margin:7px 0;color:var(--muted)}.fine{font-size:13px;color:var(--muted)}.demo .secondary{margin-top:10px}.how{background:#27241f;color:#fffaf4}.step-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:30px}.step{padding:26px 28px 18px;border-radius:20px;background:linear-gradient(145deg,#48443d,#302d28);border:1px solid #ffffff35;position:relative;overflow:hidden;min-height:255px}.step-2{background:linear-gradient(135deg,#ffe3c6,#ffc28d);color:#2c211a;border-color:#f7bb8b}.step-head{display:flex;align-items:center;gap:16px}.step-head b{font-size:45px;color:#ff8c3f;line-height:1}.step-2 b{color:#a23b08}.step p{margin:12px 0;max-width:240px;font-size:16px}.step-art{width:108px;height:108px;margin:10px auto;color:#ffb76c;transform:rotate(-8deg);filter:drop-shadow(8px 12px 3px #0003)}.step-art svg{width:100%;height:100%;stroke-width:1.2;fill:#38342c}.step-2 .step-art{color:#af4409}.step-2 .step-art svg{fill:#fff3e3}.filters{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:28px 0}.filters button{border:1px solid #ded4c8;background:white;border-radius:30px;padding:10px 22px;color:#5c5147;font-weight:700;min-height:44px}.filters button[aria-pressed=true]{background:#ba4208;border-color:#ba4208;color:white}.tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.tool-entry{display:flex;flex-direction:column;align-items:center;position:relative;min-width:0;border:1px solid #eee1d2;border-radius:15px;background:linear-gradient(#fff0df,#fffaf5 64%);padding:16px 22px 20px;text-align:center;overflow:hidden}.tool-entry[hidden]{display:none}.tool-category{font-size:11px;letter-spacing:.02em;color:#8a6953}.card-tool-art{height:165px;width:100%;display:flex;align-items:center;justify-content:center;position:relative;margin:4px 0 14px}.card-tool-art>img{max-width:100%;width:255px;height:165px;object-fit:contain}.tool-entry h3{font-size:22px}.tool-entry>p{font-size:15px;margin:9px 0 17px;color:#685d53;flex:1}.home-page .tool-entry-link{display:flex;justify-content:center;align-items:center;gap:10px;min-height:44px;width:100%;background:#ba4208;color:white;font-weight:750;border-radius:8px;padding:9px 12px;font-size:15px}.tool-entry-link:hover{background:#92350b}.design-preview>img:not(.design-mascot){width:32%;height:125px;object-fit:cover;border-radius:7px;box-shadow:0 5px 9px #0002;transform:rotate(-8deg);margin-inline:-4px}.design-preview>img:nth-child(2){transform:rotate(4deg);margin-top:-18px}.design-preview>img:nth-child(3){transform:rotate(11deg)}.design-preview>img.design-mascot{position:absolute;bottom:-12px;right:0;width:105px;height:100px;object-fit:contain;filter:drop-shadow(0 4px 5px #8a4b1225)}.depth{background:#fff0e0;text-align:center}.section-intro{font-size:18px;color:#6c5c4e;margin:10px auto 30px;text-align:center}.depth-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.depth-card{display:flex;flex-direction:column;align-items:center;padding:25px 18px;background:#fffaf4;border-radius:16px;border:1px solid #f4d6b8;color:var(--ink)}.depth-count{font-size:42px;font-weight:900;color:#b74008;line-height:1.1}.depth-card h3{font-size:21px;margin:8px 0 15px}.depth-card p{font-size:15px;flex:1;line-height:1.7}.mini-button{font-size:13px;padding:9px 12px;width:100%;min-height:42px}.sample-stack{height:120px;display:flex;justify-content:center;align-items:center}.sample-stack img{width:95px;height:95px;object-fit:cover;border-radius:7px;transform:rotate(-8deg);box-shadow:0 5px 12px #0002}.sample-stack img+img{transform:rotate(10deg);margin-right:-12px}.sample-stack.pages img{height:120px;object-position:top}.word-tiles{display:grid;grid-template-columns:1fr 1fr;gap:8px;align-content:center;height:120px;transform:rotate(-5deg);width:90%}.word-tiles span{background:#f56618;color:#fff;font-weight:800;padding:8px;border-radius:6px;box-shadow:3px 5px 0 #b9431122}.word-tiles span:nth-child(2n){background:#302d28}.word-tiles.formulas span{background:#ffddb9;color:#3c2d21}.word-tiles.formulas span:nth-child(2n){background:#ffece0}.plans{background:linear-gradient(120deg,#fff7ec,#ffe5cb)}.plan-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;align-items:stretch;margin-top:30px}.plan{display:flex;flex-direction:column;text-align:center;background:#fffdf9;border:1px solid #f2dfce;border-radius:14px;padding:28px 18px 20px;position:relative}.plan.featured{border:2px solid #ee6a26;box-shadow:0 6px 20px #d35b1518}.plan h3{font-size:23px}.plan .price{font-size:43px;font-weight:900;line-height:1.2;margin:20px 0 0}.price span{font-size:25px}.plan>span{font-size:13px;color:#75675c}.plan p:not(.price){margin:15px 0 25px}.plan button{margin-top:auto;width:100%;background:#f36b27;color:#fff;border:0;border-radius:8px;padding:12px 6px;font-size:14px;font-weight:750;cursor:not-allowed;opacity:.8}.plan-note{text-align:center;font-size:14px;color:#695444;margin:22px 0 0}.compare-table{margin-top:30px;border-radius:13px;overflow:hidden;border:1px solid #e7d9cb}.compare-head,.compare-row{display:grid;grid-template-columns:1fr 1fr}.compare-head h3{padding:18px;background:#37342f;color:#fff;text-align:center;font-size:19px}.compare-head h3+ h3{background:#b94108}.compare-row>div{padding:20px 25px;border-top:1px solid #e8ded4;font-size:16px;line-height:1.7;display:flex;align-items:center;gap:16px}.compare-row .alone{background:#f3f0eb;color:#675c52}.compare-row .with{background:#fff9f1;border-right:1px solid #e8ded4}.with svg{width:27px;height:27px;flex-shrink:0;color:#bc450b}.mobile-label{display:none}.founder{background:#fff0e1}.founder-grid{display:grid;grid-template-columns:1.4fr .8fr;gap:45px;align-items:center}.founder p{font-size:17px}.founder-art img{width:100%;height:auto}.founder-art blockquote{margin:15px 0;font-size:29px;font-weight:800;text-align:center;line-height:1.4}.faq-list{width:min(850px,100%);margin:30px auto 0}.faq details{border:1px solid #e7ddd2;border-radius:10px;background:#fffdfa;margin-bottom:12px;overflow:hidden}.faq summary{display:flex;align-items:center;justify-content:center;gap:12px;padding:20px;cursor:pointer;font-size:18px;font-weight:750;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq-toggle{width:22px;flex-shrink:0;color:#b43c07;font-size:25px;line-height:1}.faq-toggle:before{content:'+'}.faq details[open] .faq-toggle:before{content:'−'}.faq details[open] summary{background:#fff1df}.faq-answer{max-width:730px;margin:auto;padding:8px 28px 22px;text-align:right}.faq-answer p{font-size:16px;margin-bottom:0}.closing{background:#282520;color:#fff;padding:30px 0}.closing>.wrap{display:flex;justify-content:center;align-items:center;gap:45px}.closing img{width:150px;height:150px;object-fit:contain}.closing h2{font-size:clamp(26px,3vw,40px)}.closing .primary{background:#bf440b}.home-footer{padding-block:25px;display:flex;align-items:center;justify-content:space-between;gap:25px;flex-wrap:wrap}.home-footer img{width:210px;height:auto}.home-footer nav{display:flex;flex-wrap:wrap;gap:10px}.home-footer nav a{padding:8px 12px;border:1px solid #d9c7b7;border-radius:7px;color:#5c4231;font-size:13px;font-weight:700}.home-footer small{color:#796e63}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;top:-100px;right:15px;z-index:1000;background:white;padding:10px}.skip-link:focus{top:10px}html{scroll-behavior:smooth;scroll-padding-top:25px}
@media(max-width:960px){.depth-grid{grid-template-columns:repeat(2,1fr)}.tool-entry{padding-inline:15px}.hero-grid{gap:10px}.hero h1{font-size:48px}.step{padding:22px 17px}.step-head{gap:10px}.step h3{font-size:21px}}
@media(max-width:760px){.hero-grid{grid-template-columns:1fr;padding-block:30px;text-align:center}.hero h1{font-size:clamp(38px,8vw,54px)}.hero-grid>div>p{max-width:600px;margin-inline:auto}.actions{justify-content:center}.hero-art{max-width:480px;margin:auto}.hero-art img{max-height:380px;object-fit:contain}.hero-art figcaption{margin-top:0}.home-page .section{padding-block:45px}.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.plan-grid{grid-template-columns:repeat(2,1fr)}.founder-grid{grid-template-columns:1fr}.founder-art{display:none}.home-page header>nav{display:none}.demo-grid{gap:16px}.step-grid{gap:12px}.step-head{display:block}.step h3{margin-top:12px}.step-head b{font-size:34px}.step-art{width:80px;height:80px}.step p{font-size:14px}.compare-row>div{padding:16px;font-size:15px}.compare-head h3{font-size:16px}.closing>.wrap{gap:18px}.closing img{width:100px;height:100px}.home-footer{justify-content:center;text-align:center}}
@media(max-width:520px){.tool-grid{grid-template-columns:1fr}.tool-entry{padding-inline:25px}.tool-entry h3{font-size:24px}.card-tool-art{height:185px}.card-tool-art>img{height:185px;width:290px}.design-preview>img:not(.design-mascot){height:145px;width:30%}.design-preview>img.design-mascot{width:115px;height:110px}.step-grid{grid-template-columns:1fr}.step{min-height:170px;padding:22px;padding-left:135px}.step-head{display:flex}.step h3{margin:0}.step p{font-size:16px}.step-art{position:absolute;left:25px;top:45px;width:90px;height:90px}.demo-grid{grid-template-columns:1fr;max-width:300px;gap:26px}.demo-sub{font-size:23px}.depth-grid{gap:12px}.depth-card{padding:20px 12px}.depth-card h3{font-size:19px}.sample-stack img{width:70px;height:85px}.depth-card p{font-size:14px}.word-tiles{width:100%;gap:5px;font-size:13px}.plan{padding:25px 12px 16px}.plan h3{font-size:22px}.plan button{font-size:13px}.compare-head{display:none}.compare-row{grid-template-columns:1fr;border-bottom:7px solid var(--cream)}.compare-row>div{display:flex;flex-wrap:wrap;padding:18px}.compare-row .with{border-right:0}.mobile-label{display:block;width:100%;font-size:13px;font-weight:800;color:#a03a0c}.with>span:last-child{flex:1}.faq summary{font-size:16px;padding:18px 12px;justify-content:flex-start;gap:10px}.faq-answer{padding:5px 22px 22px}.closing img{width:75px;height:95px}.closing h2{font-size:25px}.closing .primary{font-size:14px;padding:12px}.filters button{font-size:13px;padding:9px 16px}.hero .lead{font-size:19px}.home-page .hero p{font-size:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Isolate the new hero from legacy banner hero rules in style.css. */
.home-page .hero{display:block;max-width:none;min-height:0;padding:0;text-align:right}.home-page .hero h1 br{display:block}.home-page .hero-art img{min-height:0}.home-page .header-cta{display:inline-flex;background:#ba4208;color:white;border-color:#ba4208}.home-page .hero-grid{padding-block:45px}.home-page .hero h1{font-size:clamp(40px,4.5vw,62px)}
@media(max-width:760px){.home-page .hero{text-align:center}.home-page .hero-grid{padding-block:28px}.home-page .hero h1{font-size:clamp(38px,8vw,54px)}}
.home-page .home-footer nav a{display:inline-flex}
.home-page .section-title{display:block;text-align:center;margin:0 auto 24px}.home-page .section-title h2{margin-bottom:12px}.home-page .section-title p{margin:0}

/* Keep package actions aligned regardless of copy length. */
.home-page .plan{display:flex;flex-direction:column}.home-page .plan>.primary{margin-top:auto;width:100%;min-height:60px;display:flex;align-items:center;justify-content:center;box-sizing:border-box}.home-page .plan>p:last-of-type{margin-bottom:28px}@media(max-width:520px){.home-page .plan-grid{grid-template-columns:1fr}.home-page .plan>.primary{min-height:56px}}