.gn{color:var(--color-ink);font-family:var(--font-sans)}.gn-in{width:100%;max-width:1080px;margin:0 auto;padding:0 24px}.gn-narrow{max-width:760px}.gn-hero{background:var(--color-bg);text-align:center;padding:40px 0 8px}.gn-hero-bot{margin:0 auto 12px}.gn-hero-h1{font-family:var(--font-display);letter-spacing:-.03em;text-wrap:balance;max-width:20ch;margin:0 auto 14px;font-size:clamp(30px,5vw,46px);font-weight:800;line-height:1.06}.gn-hero-lede{color:var(--color-ink2);text-wrap:pretty;max-width:64ch;margin:0 auto;font-size:clamp(15px,1.6vw,18px);line-height:1.6}.gn-toolsec{background:var(--color-bg);padding:32px 0 56px}.gn-tool{grid-template-columns:1fr 1fr;align-items:start;gap:36px;display:grid}.gn-wizard{gap:22px;display:grid}.gn-q{border:0;margin:0;padding:0}.gn-q-label{font-family:var(--font-display);margin-bottom:10px;padding:0;font-size:16px;font-weight:700}.gn-q-help{color:var(--color-muted);margin:-4px 0 10px;font-size:13px;line-height:1.5}.gn-opts{flex-wrap:wrap;gap:8px;display:flex}.gn-opt{background:var(--surface-card);border:1px solid var(--color-line);color:var(--color-ink2);cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:9px 14px;font-size:14px;font-weight:600;transition:border-color .12s,background .12s,color .12s;display:inline-flex}.gn-opt:hover{border-color:var(--color-violet)}.gn-opt.is-on{background:var(--color-violet);border-color:var(--color-violet);color:#fff}.gn-rec{text-transform:uppercase;letter-spacing:.04em;background:var(--color-coral-soft);color:var(--color-coral-ink);border-radius:5px;padding:2px 6px;font-size:10px;font-weight:700}.gn-opt.is-on .gn-rec{color:#fff;background:#ffffff38}.gn-output{gap:14px;display:grid;position:sticky;top:90px}.gn-out-card{background:var(--color-ink);border-radius:var(--r-lg);box-shadow:var(--shadow-2);overflow:hidden}.gn-tabs{background:#ffffff0a;gap:2px;padding:8px 8px 0;display:flex}.gn-tab{color:#fff9;font-family:var(--font-mono);cursor:pointer;background:0 0;border:0;border-radius:8px 8px 0 0;padding:8px 14px;font-size:12px;font-weight:700}.gn-tab.is-on{background:var(--color-ink);color:#fff}.gn-out-head{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.gn-out-name{font-family:var(--font-mono);color:#ffffffd9;font-size:13px;font-weight:700}.gn-out-actions{gap:8px;display:flex}.gn-out-body{color:#eae7ff;max-height:460px;font-family:var(--font-mono);white-space:pre-wrap;margin:0;padding:16px;font-size:12.5px;line-height:1.6;overflow:auto}.gn-btn-ghost{color:#fff;cursor:pointer;background:0 0;border:1px solid #ffffff40;border-radius:7px;padding:5px 12px;font-size:12px;font-weight:700}.gn-btn-ghost:hover{background:#ffffff1f}.gn-email{gap:8px;display:flex}.gn-email-input{border:1px solid var(--color-line);background:var(--surface-card);border-radius:var(--r-md);min-width:0;font-size:14px;font-family:var(--font-sans);outline:none;flex:1;padding:11px 14px}.gn-email-input:focus-visible{border-color:var(--color-violet);box-shadow:0 0 0 3px var(--color-violet-soft)}.gn-btn-primary{background:var(--color-ink);color:#fff;border-radius:var(--r-md);cursor:pointer;white-space:nowrap;border:0;padding:11px 18px;font-size:14px;font-weight:700}.gn-btn-primary:hover{filter:brightness(1.12)}.gn-btn-primary:disabled{opacity:.6;cursor:default}.gn-honey{opacity:0;width:1px;height:1px;position:absolute;left:-9999px}.gn-email-done{color:var(--color-green);margin:0;font-size:14px;font-weight:600}.gn-email-err{color:var(--sc-red,#d92d20);align-self:center;font-size:13px}.gn-bridge{background:var(--color-violet-soft);border-radius:var(--r-lg);padding:18px 20px}.gn-bridge p{color:var(--color-violet-ink);margin:0 0 12px;font-size:14px;line-height:1.6}.gn-bridge strong{color:var(--color-violet-ink)}.gn-bridge-link{background:var(--color-violet);color:#fff;border-radius:var(--r-md);padding:9px 16px;font-size:13px;font-weight:700;text-decoration:none;display:inline-block}.gn-bridge-link:hover{filter:brightness(1.08)}.gn-sec{padding:64px 0}.gn-band-plain{background:var(--color-bg)}.gn-band-tint{background:var(--surface-app)}.gn-tail{padding-top:40px}.gn-sec-head{max-width:720px;margin:0 0 32px}.gn-h2{font-family:var(--font-display);letter-spacing:-.02em;margin:0 0 10px;font-size:clamp(24px,3.4vw,34px);font-weight:800}.gn-lede{color:var(--color-muted);margin:0;font-size:16px;line-height:1.6}.gn-answer{color:var(--color-ink2);margin:0;font-size:18px;line-height:1.7}.gn-why{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.gn-why-item{background:var(--surface-card);border:1px solid var(--color-line);border-radius:var(--r-lg);padding:22px}.gn-why-item h3{font-family:var(--font-display);margin:0 0 8px;font-size:17px;font-weight:800}.gn-why-item p{color:var(--color-ink2);margin:0;font-size:14px;line-height:1.6}.gn-faq{gap:10px;display:grid}.gn-faq-item{background:var(--surface-card);border:1px solid var(--color-line);border-radius:var(--r-md);padding:4px 18px}.gn-faq-item summary{cursor:pointer;padding:14px 0;font-size:15.5px;font-weight:700;list-style:none}.gn-faq-item summary::-webkit-details-marker{display:none}.gn-faq-item[open] summary{color:var(--color-violet)}.gn-faq-item p{color:var(--color-ink2);margin:0 0 16px;font-size:14.5px;line-height:1.65}@media (max-width:900px){.gn-tool{grid-template-columns:1fr;gap:28px}.gn-output{position:static}.gn-why{grid-template-columns:1fr}}@media (max-width:560px){.gn-email{flex-direction:column}}
