:root{--bg:#f3efe6;--bg-deep:#e7e0d2;--ink:#1c1915;--muted:#5f574c;--line:#d4cbb8;--accent:#0f6a56;--accent-soft:#d8efe8;--danger:#9b2c2c;--card:rgba(255,252,246,0.72);--shadow:0 18px 50px rgba(40,30,10,0.08);--radius:18px;--font-display:"Fraunces","Iowan Old Style","Palatino Linotype",serif;--font-body:"Source Sans 3","Segoe UI",sans-serif;--font-mono:"IBM Plex Mono",ui-monospace,monospace}*{box-sizing:border-box}body,html{margin:0;padding:0;min-height:100%;color:var(--ink);font-family:var(--font-body);background:radial-gradient(1200px 600px at 10% -10%,#fff8e8 0,transparent 55%),radial-gradient(900px 500px at 90% 0,#d9f1ea 0,transparent 50%),linear-gradient(180deg,var(--bg) 0,var(--bg-deep) 100%)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.container{width:min(1120px,calc(100% - 2rem));margin:0 auto}.site-header{position:-webkit-sticky;position:sticky;top:0;z-index:20;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:rgba(243,239,230,.78);border-bottom:1px solid rgba(212,203,184,.7)}.nav{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:64px}.brand{font-family:var(--font-display);font-weight:700;font-size:1.45rem;letter-spacing:-.03em}.nav-links{display:flex;gap:.85rem;color:var(--muted);font-size:.95rem}.btn,.nav-links{align-items:center}.btn{display:inline-flex;justify-content:center;gap:.4rem;border:1px solid transparent;border-radius:999px;padding:.65rem 1.1rem;cursor:pointer;transition:transform .15s ease,background .15s ease,border-color .15s ease}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--accent);color:white}.btn-secondary{background:transparent;border-color:var(--line);color:var(--ink)}.btn-ghost{background:transparent;color:var(--muted);padding-inline:.5rem}.hero{padding:4.5rem 0 3rem}.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;grid-gap:2rem;gap:2rem;align-items:end}.eyebrow{color:var(--accent);font-weight:600;letter-spacing:.04em;text-transform:uppercase;font-size:.8rem}.hero h1{font-family:var(--font-display);font-size:clamp(2.4rem,5vw,4rem);line-height:1.05;letter-spacing:-.03em;margin:.6rem 0 1rem}.hero p{color:var(--muted);font-size:1.1rem;max-width:38rem;line-height:1.6}.chip-row{display:flex;flex-wrap:wrap;gap:.55rem;margin:1.4rem 0 1.8rem}.chip{border:1px solid var(--line);background:rgba(255,252,246,.7);border-radius:999px;padding:.4rem .85rem;font-size:.92rem}.dropzone{border:1.5px dashed #b9ae97;border-radius:var(--radius);background:var(--card);box-shadow:var(--shadow);padding:2rem;min-height:220px;display:grid;place-items:center;text-align:center;color:var(--muted)}.section{padding:3rem 0}.section h2{font-family:var(--font-display);font-size:clamp(1.7rem,3vw,2.3rem);margin:0 0 .5rem;letter-spacing:-.02em}.section-lead{color:var(--muted);margin:0 0 1.5rem}.grid-3{grid-template-columns:repeat(3,1fr);grid-gap:1rem}.grid-2,.grid-3{display:grid;gap:1rem}.grid-2{grid-template-columns:repeat(2,1fr);grid-gap:1rem}.panel,.tool-link{background:var(--card);border:1px solid rgba(212,203,184,.9);border-radius:16px;padding:1.15rem 1.2rem;box-shadow:var(--shadow)}.tool-link h3{margin:0 0 .4rem;font-size:1.05rem}.tool-link p{margin:0;color:var(--muted);font-size:.94rem;line-height:1.45}.badge{display:inline-block;margin-left:.4rem;font-size:.7rem;padding:.1rem .4rem;border-radius:999px;background:var(--accent-soft);color:var(--accent);text-transform:uppercase;vertical-align:middle}.steps{counter-reset:step;grid-gap:.9rem}.step,.steps{display:grid;gap:.9rem}.step{grid-template-columns:auto 1fr;grid-gap:.9rem;align-items:start;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:1rem 1.1rem}.step-num{width:2rem;height:2rem;border-radius:999px;background:var(--accent);color:white;display:grid;place-items:center;font-weight:700}.tool-shell{display:grid;grid-template-columns:1fr 1fr;grid-gap:1rem;gap:1rem;min-height:70vh}.tool-pane{background:rgba(255,252,246,.85);border:1px solid var(--line);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;min-height:520px}.tool-toolbar{display:flex;flex-wrap:wrap;gap:.45rem;padding:.75rem;border-bottom:1px solid var(--line);background:rgba(255,255,255,.45)}.tool-pane textarea{flex:1 1;width:100%;border:0;resize:none;padding:1rem;background:transparent;outline:none;font-family:var(--font-mono);font-size:.92rem;line-height:1.55}.preview-frame{flex:1 1;overflow:auto;padding:1rem 1.2rem;background:white}.preview-frame h1,.preview-frame h2,.preview-frame h3{font-family:var(--font-display)}.preview-frame pre{background:#f6f8fa;padding:.85rem;overflow:auto;border-radius:8px}.preview-frame table{border-collapse:collapse;width:100%}.preview-frame td,.preview-frame th{border:1px solid #d0d7de;padding:.4rem .6rem}.auth-card,.price-card{background:rgba(255,252,246,.9);border:1px solid var(--line);border-radius:18px;padding:1.5rem;box-shadow:var(--shadow)}.auth-card{width:min(420px,100%);margin:3rem auto}.form-field{display:grid;grid-gap:.35rem;gap:.35rem;margin-bottom:.9rem}.form-field input,.form-field select,.form-field textarea{border:1px solid var(--line);border-radius:10px;padding:.7rem .8rem;background:white}.price-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1rem;gap:1rem}.price-card h3{margin:0}.price,.price-card h3{font-family:var(--font-display)}.price{font-size:2rem;margin:.6rem 0}.price-card ul{padding-left:1.1rem;color:var(--muted);line-height:1.6}.ad-slot{margin:1rem 0;border:1px dashed #c4b8a0;border-radius:12px;padding:.9rem;text-align:center;color:var(--muted);background:rgba(255,255,255,.45);font-size:.9rem}.site-footer{border-top:1px solid var(--line);padding:2rem 0 3rem;margin-top:2rem}.muted,.site-footer{color:var(--muted)}.error{color:var(--danger);font-size:.9rem}.success{color:var(--accent);font-size:.9rem}@media (max-width:900px){.grid-2,.grid-3,.hero-grid,.price-grid,.tool-shell{grid-template-columns:1fr}.nav-links{gap:.5rem;font-size:.85rem}}