:root{--ink:#142015;--cream:#f6f0df;--lime:#d8ff62;--orange:#ff7448;--line:#1a291c;--muted:#667064}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:"Nunito Sans",Arial,sans-serif}.shell{width:min(960px,calc(100% - 32px));margin:auto}header{display:flex;justify-content:space-between;align-items:center;padding:24px 0;border-bottom:2px solid var(--line)}a{color:inherit}header a{text-decoration:none;font-weight:800}.brand{display:flex;align-items:center;gap:10px;font-size:.82rem;line-height:1.05;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:inherit;text-decoration:none}.brand b{font-family:Fraunces,Georgia,serif;font-size:1.18rem;letter-spacing:0;text-transform:none;font-weight:900}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-weight:800;font-size:12px}main{padding:64px 0}h1{font-size:clamp(42px,7vw,76px);line-height:.92;margin:12px 0 20px;max-width:760px}h2{font-size:32px}.lede{font-size:19px;line-height:1.55;max-width:680px}.panel{background:#fff;border:2px solid var(--line);border-radius:22px;padding:28px;box-shadow:8px 8px 0 var(--line);margin-top:28px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.stat{background:var(--lime);border:2px solid var(--line);border-radius:18px;padding:22px}.stat b{display:block;font-size:40px}.meter{height:16px;border:2px solid var(--line);border-radius:999px;overflow:hidden;background:#fff}.meter span{display:block;height:100%;background:var(--orange)}label{display:block;font-weight:800;margin:16px 0 7px}input{width:100%;padding:14px;border:2px solid var(--line);border-radius:10px;font:inherit}.button,button{display:inline-block;border:2px solid var(--line);background:var(--lime);color:var(--ink);font-weight:900;padding:13px 18px;border-radius:999px;cursor:pointer;text-decoration:none;margin-top:16px}.button.secondary{background:#fff}.error{color:#9b2516;font-weight:700}.hidden{display:none}.checkout-wrap{max-width:720px;margin:28px auto}.plan-switch{display:flex;gap:12px}.plan-switch a{padding:10px 14px;border:2px solid var(--line);border-radius:999px;color:inherit;text-decoration:none;font-weight:800}.plan-switch a.active{background:var(--lime)}@media(max-width:700px){.grid{grid-template-columns:1fr}main{padding:38px 0}header{padding:18px 0}}
.usage-pill{border:2px solid var(--line);background:#fff;border-radius:999px;padding:8px 14px;font-weight:800;font-size:14px;white-space:nowrap}.nudge{border:2px dashed var(--line);border-radius:16px;padding:16px 20px;background:#fff;margin:24px 0;font-weight:700}.nudge a{font-weight:900;color:inherit}.upgrade-card{background:#fff;border:2px solid var(--line);border-radius:22px;padding:28px;box-shadow:8px 8px 0 var(--orange);margin-top:28px}.upgrade-card h2{margin-top:0}.plan-cards{display:grid;grid-template-columns:1fr 1fr;gap:24px}.plan-cards .panel{margin-top:0}.plan-cards ul{padding-left:20px;line-height:1.7}.req{border-top:2px solid var(--line);padding:14px 0}.req .due{font-weight:800}textarea{width:100%;padding:14px;border:2px solid var(--line);border-radius:10px;font:inherit;min-height:110px}@media(max-width:700px){.plan-cards{grid-template-columns:1fr}}
.nav{height:92px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.nav nav{display:flex;gap:28px;font-weight:800}
.nav nav a:hover{text-decoration:underline}

.brand-cat{width:44px;height:44px;border-radius:50%;object-fit:cover;background:#ef8ab8;border:2px solid var(--line);transform:rotate(-5deg);flex:none}
.nav-right{display:flex;align-items:center;gap:12px}
.nav-right .button,.nav-right button{margin-top:0}
.button-small{padding:10px 16px;font-size:15px}
.usage-pill{display:inline-block;border:2px solid var(--line);border-radius:999px;padding:8px 14px;font-weight:800;font-size:14px;background:#fff}
.tool-mascot-page{width:120px;border-radius:18px;background:#fff;border:2px solid var(--line);box-shadow:4px 4px 0 var(--line);margin:8px 0 4px;transform:rotate(-3deg)}
.sticker{background:#fff;border:2px solid var(--line);border-radius:18px;box-shadow:6px 6px 0 var(--line);padding:8px}
@media(max-width:700px){.nav{position:relative;height:76px}.nav nav{display:none;position:absolute;top:calc(100% - 6px);left:0;right:0;z-index:90;background:#f6f0df;border:2px solid #1a291c;border-radius:14px;box-shadow:5px 5px 0 #1a291c;flex-direction:column;align-items:stretch;gap:4px;padding:14px}.nav nav.open{display:flex}.nav nav a{padding:12px 14px;border-radius:10px}.menu-toggle{display:inline-flex}}
.menu-toggle{display:none;border:2px solid #1a291c;background:#ffd84d;border-radius:10px;width:48px;height:48px;flex-direction:column;align-items:center;justify-content:center;gap:6px;cursor:pointer;box-shadow:3px 3px 0 #1a291c;margin-top:0}
.menu-toggle span{display:block;width:22px;height:3px;background:#1a291c;border-radius:2px}
.menu-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(9px) rotate(45deg)}
.menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
.menu-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-9px) rotate(45deg)}
/* Mobile header fixes: base .menu-toggle{display:none} above wins by cascade, so re-assert after; hide nav-right inside the dropdown flow; fix close-icon X */
@media(max-width:700px){.menu-toggle{display:inline-flex}.nav-right{display:none}}
.menu-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-9px) rotate(-45deg)}
.crumbs{margin:6px 0 0;font-size:14px;font-weight:700}.crumbs a{color:inherit}.crumbs [aria-current]{color:var(--muted)}.footer{border-top:2px solid var(--line);padding:38px 0 50px;display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:32px;font-size:.85rem;margin-top:64px}.footer-brand p{margin:12px 0 16px;max-width:30ch}.socials{display:flex;gap:10px}.socials a{display:inline-flex;width:36px;height:36px;border:2px solid var(--line);border-radius:12px;background:#fff;align-items:center;justify-content:center}.socials a:hover{background:var(--lime)}.socials svg{width:18px;height:18px;fill:var(--ink)}.footer-links{display:flex;flex-direction:column;gap:10px;align-items:flex-start}.footer-links b{font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;opacity:.6}.footer-links a{font-weight:800;text-decoration:none}.footer-links a:hover{text-decoration:underline}.footer-bottom{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;border-top:1px dashed var(--line);padding-top:20px;margin:8px 0 0}.footer-bottom p{margin:0}.footer .exe{display:flex;align-items:center;gap:8px;font-weight:800;opacity:.85}.footer .exe img{width:44px}@media(max-width:700px){.footer{grid-template-columns:1fr;text-align:center;gap:28px}.footer-brand p{margin-inline:auto}.socials{justify-content:center}.footer-links{align-items:center}.footer-bottom{flex-direction:column;justify-content:center;text-align:center}.footer .brand{justify-content:center}}
/* Wide shell: matches the Next.js homepage container (1180px) */
.shell-wide{width:min(1180px,calc(100% - 40px))}

.usage-pill.unlimited{position:relative;overflow:hidden;background:linear-gradient(120deg,#ffedb0 0%,#ffd84d 45%,#f0a92e 100%);box-shadow:3px 3px 0 #17150f;text-decoration:none;color:#17150f}
.usage-pill.unlimited::before{content:"\2726  "}
.usage-pill.unlimited::after{content:"";position:absolute;top:0;bottom:0;left:-70%;width:45%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.75),transparent);animation:bbSheen 3.6s ease-in-out infinite}
@keyframes bbSheen{0%,55%{left:-70%}85%,100%{left:130%}}
@media (prefers-reduced-motion: reduce){.usage-pill.unlimited::after{animation:none;display:none}}
.stat-unlimited{background:linear-gradient(135deg,#fff6d8,#ffe9a3);box-shadow:6px 6px 0 #f0a92e}
.stat-unlimited .meter span{background:linear-gradient(90deg,#ffd84d,#f0a92e)}