@import url("https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,600;9..144,700&family=Source+Sans+3:wght@400;500;600;700&display=swap");:root{--bg0:#f6f4f0;--bg1:#eef1f0;--surface:#ffffff;--ink:#15201b;--ink-muted:#5b645f;--accent:#0d5c50;--accent-hover:#0a4a41;--accent-soft:rgba(13,92,80,0.1);--accent-2:#c45c26;--line:rgba(21,32,27,0.1);--ok:#1f7a4c;--warn:#9a6b00;--danger:#a33b2a;--radius:16px;--radius-sm:10px;--shadow:0 10px 28px rgba(21,32,27,0.07);--header-h:56px;--font-display:"Fraunces",Georgia,serif;--font-body:"Source Sans 3","Segoe UI",sans-serif}*{box-sizing:border-box}body,html{margin:0;padding:0;color:var(--ink);font-family:var(--font-body);background:radial-gradient(900px 420px at 0 -8%,#dceae6 0,transparent 58%),radial-gradient(700px 380px at 100% 0,#efe6dc 0,transparent 52%),linear-gradient(180deg,var(--bg0),var(--bg1));min-height:100%;-webkit-font-smoothing:antialiased}body.menu-open{overflow:hidden}a{color:var(--accent);text-decoration:none}h1,h2,h3{font-family:var(--font-display);font-weight:700;letter-spacing:-.03em;line-height:1.15}.shell{width:min(720px,100%);margin:0 auto;padding:0 1rem calc(2.5rem + env(safe-area-inset-bottom))}.topbar{display:flex;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.brand,.topbar{align-items:center}.brand{display:inline-flex;gap:.55rem;font-family:var(--font-display);font-size:1.15rem;font-weight:700;color:var(--ink);letter-spacing:-.03em}.brand-mark{width:1.55rem;height:1.55rem;border-radius:7px;background:linear-gradient(135deg,var(--accent) 0,#1a7f70 100%);box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.22);position:relative;flex-shrink:0}.brand-mark:after{content:"";position:absolute;inset:5px;border-radius:999px;border-color:#fff #fff transparent transparent;border-style:solid;border-width:1.6px;transform:rotate(45deg)}.menu-backdrop{position:fixed;inset:0;z-index:30;border:0;padding:0;margin:0;background:rgba(21,32,27,.32);cursor:pointer}.site-header{position:-webkit-sticky;position:sticky;top:0;z-index:40;isolation:isolate;display:flex;align-items:center;justify-content:space-between;min-height:var(--header-h);margin:0 -1rem 1.25rem;padding:calc(.35rem + env(safe-area-inset-top)) .75rem .35rem 1rem;background:rgba(246,244,240,.92);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.menu-toggle{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:44px;height:44px;border:0;border-radius:11px;background:transparent;color:var(--ink);cursor:pointer;display:grid;place-items:center}.menu-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.menu-icon,.menu-icon:after,.menu-icon:before{display:block;width:18px;height:1.8px;border-radius:2px;background:currentColor}.menu-icon{position:relative}.menu-icon:after,.menu-icon:before{content:"";position:absolute;left:0;transition:transform .18s ease,top .18s ease}.menu-icon:before{top:-6px}.menu-icon:after{top:6px}.menu-icon.is-open{background:transparent}.menu-icon.is-open:before{top:0;transform:rotate(45deg)}.menu-icon.is-open:after{top:0;transform:rotate(-45deg)}.site-menu{position:absolute;top:calc(100% + .35rem);right:.75rem;left:.75rem;display:grid;padding:.4rem;background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 40px rgba(21,32,27,.14)}.site-menu-item{display:flex;align-items:center;min-height:48px;padding:0 .9rem;border:0;border-radius:10px;background:transparent;color:var(--ink);font:inherit;font-weight:600;text-align:left;cursor:pointer;width:100%}.site-menu-item:active,.site-menu-item:hover{background:var(--accent-soft)}.site-menu-action{color:var(--danger);border-top:1px solid var(--line);margin-top:.2rem;border-radius:0 0 10px 10px}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:var(--radius-sm);padding:.85rem 1.15rem;font:inherit;font-weight:600;cursor:pointer;background:var(--accent);color:#fff;min-height:48px}.btn:hover:not(:disabled){background:var(--accent-hover)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn.secondary{background:var(--surface);color:var(--ink);border:1px solid var(--line)}.btn.secondary:hover:not(:disabled){background:#f3f1ed}.btn.danger{background:var(--danger)}.input,.select,.textarea{width:100%;border:1px solid var(--line);border-radius:var(--radius-sm);padding:.85rem 1rem;font:inherit;background:var(--surface)}.textarea{min-height:132px;resize:vertical}.hero{display:grid;grid-gap:.65rem;gap:.65rem;padding:.15rem 0 .4rem}.hero h1{font-size:clamp(1.7rem,6.4vw,2.35rem);margin:0}.hero .lede{margin:0;font-size:1.05rem;max-width:28rem}.composer{display:grid;grid-gap:.85rem;gap:.85rem;margin-top:.85rem;padding:1rem .95rem 1.05rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.hero-actions{display:grid;grid-template-columns:1fr 1fr;grid-gap:.55rem;gap:.55rem}.hero-actions .btn{width:100%}.quota{margin:0;font-size:.88rem;display:flex;align-items:center;gap:.45rem}.quota.is-full{color:var(--danger);font-weight:600}.examples{margin-top:1.35rem}.examples-label{margin:0 0 .55rem;font-size:.8rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-muted)}.example-list{display:grid;grid-gap:.45rem;gap:.45rem}.example-btn{width:100%;text-align:left;font-weight:500;padding:.75rem .9rem;min-height:46px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hero-prompt{display:grid;grid-gap:.85rem;gap:.85rem;margin-top:1rem}.muted{color:var(--ink-muted)}.panel{background:rgba(255,255,255,.78);border:1px solid var(--line);border-radius:var(--radius);padding:1rem 1.05rem}.stack{display:grid;grid-gap:.85rem;gap:.85rem}.row{display:flex;flex-wrap:wrap;gap:.6rem}.chip,.row{align-items:center}.chip{display:inline-flex;gap:.35rem;padding:.25rem .65rem;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-size:.85rem;font-weight:600}.field{display:grid;grid-gap:.35rem;gap:.35rem}.field label,.field>span{font-weight:600;font-size:.95rem}.error{color:var(--danger);font-weight:600}.success{color:var(--ok);font-weight:600}.credits-summary{display:grid;grid-gap:.25rem;gap:.25rem;padding:.85rem 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.credits-summary p{margin:0}.credit-packs{display:grid;grid-gap:.75rem;gap:.75rem}.credit-pack{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap;padding:.85rem 0;border-bottom:1px solid var(--line)}.credit-pack:last-child{border-bottom:0}.mobile-preview{width:min(390px,100%);margin:0 auto;border:1px solid var(--line);border-radius:28px;padding:1rem;background:#fff;box-shadow:0 18px 50px rgba(26,34,28,.08)}.list{list-style:none;margin:0;padding:0;display:grid;grid-gap:.55rem;gap:.55rem}.list a{display:block;padding:.85rem .95rem;border-radius:12px;border:1px solid var(--line);background:var(--surface);color:inherit}.section-title{font-size:1.2rem;margin:0 0 .75rem}@media (min-width:720px){.site-menu{left:auto;width:260px}}@media (max-width:640px){.shell{width:100%}}