:root{--ink:#17212b;--muted:#566270;--paper:#fffdf8;--surface:#fff;--line:#e4e7eb;--brand:#5c3be7;--brand2:#321d91;--tint:#f0edff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 Arial,sans-serif}.site-header,main,footer{max-width:1160px;margin:auto}.site-header{min-height:72px;display:flex;justify-content:space-between;align-items:center;padding:12px 24px}.brand{font-size:1.28rem;font-weight:800;color:var(--ink);text-decoration:none;letter-spacing:-.04em}.brand span{color:var(--brand)}nav{display:flex;gap:22px;align-items:center}nav a{color:var(--muted);text-decoration:none;font-size:.94rem}nav a:hover{color:var(--brand)}.hero{background:linear-gradient(125deg,#21105f,#6749ee);color:white;padding:86px max(24px,calc((100% - 1050px)/2));text-align:center;border-radius:0 0 36px 36px}.hero h1,.generator-hero h1{font-size:clamp(2.4rem,6vw,4.6rem);letter-spacing:-.06em;line-height:1.04;margin:5px 0 18px}.eyebrow{font-weight:700;letter-spacing:.13em;font-size:.75rem;margin:0;color:#9c8fff}.hero .eyebrow{color:#d2cbff}.lead{font-size:1.15rem;max-width:650px;margin:0 auto 30px;color:#eeeaff}.button{display:inline-block;border:0;border-radius:8px;background:#fff;color:var(--brand2);font-weight:700;padding:12px 20px;text-decoration:none;cursor:pointer}.intro,.tools,.how,.faq,.content-section{max-width:1050px;margin:0 auto;padding:64px 24px}.intro{max-width:780px;text-align:center}.intro h2,.tools h2,.how h2,.faq h2,.content-section h2{letter-spacing:-.035em;line-height:1.15;font-size:clamp(1.7rem,3vw,2.35rem);margin:0 0 14px}.section-heading{text-align:center;margin-bottom:28px}.section-heading>p:last-child,.result-heading p{color:var(--muted);margin:0}.tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.tool{background:var(--surface);border:1px solid var(--line);border-radius:11px;padding:18px;text-decoration:none;color:var(--ink);transition:.2s}.tool:hover{transform:translateY(-2px);border-color:#b9aef6;box-shadow:0 7px 18px #33249012}.tool h3{font-size:1rem;line-height:1.25;margin:0 0 8px}.tool p{color:var(--muted);font-size:.86rem;line-height:1.45;margin:0}.how{background:var(--tint);border-radius:22px}.how ol{padding-left:24px}.faq{max-width:800px}details{background:var(--surface);border:1px solid var(--line);padding:15px 18px;margin:9px 0;border-radius:8px}summary{font-weight:700;cursor:pointer}details p{color:var(--muted);margin-bottom:0}footer{border-top:1px solid var(--line);padding:34px 24px;display:grid;grid-template-columns:1fr auto;gap:8px}footer p{margin:3px 0;color:var(--muted);font-size:.86rem}.copyright{grid-column:1/-1}.generator-page{max-width:920px;padding:28px 24px 70px}.breadcrumb{gap:8px;font-size:.85rem;margin:5px 0 38px}.breadcrumb span{color:var(--muted)}.generator-hero{text-align:center;max-width:730px;margin:0 auto 36px}.generator-hero h1{font-size:clamp(2.2rem,5vw,3.8rem);margin-top:4px}.generator-hero p{color:var(--muted);font-size:1.1rem}.generator-card{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:20px;box-shadow:0 8px 32px #171a2710}.generator-card label{display:block;font-weight:700;margin-bottom:8px}.generator-card textarea{width:100%;resize:vertical;border:1px solid #cbd2da;border-radius:8px;padding:13px;font:1.05rem/1.5 Arial;color:var(--ink)}.generator-card textarea:focus{outline:3px solid #cfc8ff;border-color:var(--brand)}.card-actions{display:flex;justify-content:space-between;margin-top:8px;color:var(--muted);font-size:.85rem}.text-button{border:0;padding:0;background:none;color:var(--brand);font-weight:700;cursor:pointer}.result-heading{margin:42px 0 14px}.result-heading h2{margin:0;font-size:1.5rem}.results{display:grid;gap:10px}.result{background:var(--surface);border:1px solid var(--line);width:100%;text-align:left;border-radius:9px;padding:16px;cursor:pointer;color:var(--ink)}.result:hover{border-color:var(--brand)}.result-text{font-size:1.22rem;word-break:break-word}.copy-note{font-size:.78rem;color:var(--muted);margin-top:5px}.secondary{background:var(--brand);color:#fff;margin-top:14px}.content-section{padding-left:0;padding-right:0;max-width:760px}.content-section p{color:var(--muted)}
@media(max-width:700px){.site-header{padding:12px 18px}.site-header nav{gap:13px}.site-header nav a:last-child{display:none}.hero{padding:68px 22px;border-radius:0 0 25px 25px}.tool-grid{grid-template-columns:1fr 1fr;gap:10px}.tool{padding:14px}.tool h3{font-size:.9rem}footer{grid-template-columns:1fr}footer nav{flex-wrap:wrap;gap:10px 16px}.copyright{grid-column:auto}.intro,.tools,.how,.faq{padding:48px 20px}}

/* Prominent, touch-friendly output card on generator pages. */
.result-heading{margin:48px 0 16px}.result-heading h2{font-size:1.65rem}.result{position:relative;isolation:isolate;min-height:170px;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(135deg,#fff 0%,#faf9ff 100%);border-color:#d8d3f8;border-radius:16px;padding:32px 34px;box-shadow:0 10px 28px #261a7210;transition:transform .2s,box-shadow .2s,border-color .2s}.result::after{content:'COPY';position:absolute;right:22px;top:19px;color:var(--brand);font-size:.68rem;font-weight:800;letter-spacing:.12em}.result:hover,.result:focus-visible{transform:translateY(-2px);border-color:var(--brand);box-shadow:0 14px 32px #261a7220;outline:none}.result:focus-visible{box-shadow:0 0 0 4px #cfc8ff,0 14px 32px #261a7220}.result-text{display:block;max-width:100%;font-size:clamp(1.7rem,4vw,2.85rem);font-weight:600;line-height:1.35;letter-spacing:.01em}.copy-note{font-size:.85rem;margin-top:13px}
@media(max-width:700px){.result{min-height:145px;padding:26px 20px}.result::after{right:17px;top:14px}.result-text{font-size:clamp(1.45rem,7vw,2.05rem)}}
.style-guide{padding:4px 0 12px}.style-guide .eyebrow{margin-bottom:8px}.style-guide h2{margin-bottom:18px}.style-guide h3{font-size:1.15rem;letter-spacing:-.01em;margin:27px 0 5px;color:var(--ink)}.style-guide h3+p{margin-top:0}