@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap');:root{--ink:#18221e;--green:#285d48;--line:#e7e9e3;--muted:#818b83;--bg:#f7f7f3}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px 'DM Sans',Arial,sans-serif}.top{height:70px;border-bottom:1px solid #eceee8;padding:0 max(calc((100vw - 1050px)/2),28px);display:flex;align-items:center;justify-content:space-between}.brand{text-decoration:none;color:var(--ink);font:800 14px Manrope,sans-serif;display:flex;align-items:center;gap:9px}.brand b{background:var(--green);color:#fff;border-radius:7px;height:26px;width:26px;display:grid;place-items:center}.top>span{font-size:11px;color:#69746c}.top i{display:inline-block;background:#91b28d;width:7px;height:7px;border-radius:9px;margin-right:7px}main{max-width:1050px;margin:auto;padding:54px 28px 24px}.intro{max-width:690px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.6px;color:var(--green);margin:0 0 13px}.intro h1{font:500 46px/1.13 Georgia,serif;letter-spacing:-1px;margin:0}.intro em{color:var(--green)}.lede{color:#68736b;line-height:1.7;max-width:480px;margin:15px 0 21px}.steps{display:flex;align-items:center;gap:13px;font-size:10px;color:#58645b}.steps i{height:1px;width:25px;background:#d9ded7}.panel{margin-top:31px;background:white;border:1px solid #e9ebe6;border-radius:12px;padding:28px 32px;box-shadow:0 12px 36px #273b2910}.heading,.result-head{display:flex;align-items:center;justify-content:space-between}.heading h2{font:700 13px Manrope,sans-serif;margin:0}.heading h2 small{display:inline-grid;place-items:center;background:#eff4ed;color:var(--green);border-radius:5px;width:21px;height:21px;font:700 9px 'DM Sans';margin-right:8px}.heading>span,.platform-title>span{font-size:10px;color:#9aa29b}textarea{width:100%;resize:vertical;border:1px solid var(--line);border-radius:7px;padding:13px;font:12px/1.6 'DM Sans';outline:none;color:var(--ink)}textarea:focus,select:focus{border-color:#8aa894;box-shadow:0 0 0 3px #eaf2ec}#source{height:104px;margin-top:14px}textarea::placeholder{color:#a3aaa4}.meta{display:flex;justify-content:space-between;font-size:9px;color:#929b94;margin-top:7px}.meta span:last-child{font-variant-numeric:tabular-nums}hr{border:0;border-top:1px solid #eef0eb;margin:20px 0}.selects{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:14px 0 21px}.selects label{font-size:10px;font-weight:600;color:#59645c}.selects select{display:block;width:100%;margin-top:7px;border:1px solid var(--line);border-radius:7px;background:#fff;padding:10px;color:#4d5850;font:11px 'DM Sans';outline:none}.platform-title{margin-bottom:11px}.platforms{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.platforms label{height:57px;border:1px solid var(--line);border-radius:8px;display:flex;align-items:center;padding:0 10px;gap:8px;cursor:pointer}.platforms label:has(input:checked){background:#f6faf5;border-color:#a9c0ac}.platforms input{position:absolute;opacity:0}.check{height:14px;width:14px;border:1px solid #cdd3cc;border-radius:4px;flex:none}.platforms input:checked+.check{background:var(--green);border-color:var(--green)}.platforms input:checked+.check:after{content:'✓';color:white;font-size:10px;margin-left:2px}.platforms input:focus-visible+.check{outline:3px solid #cfe1d0}.icon{height:26px;width:26px;display:grid;place-items:center;border-radius:7px;font-size:14px}.in{color:#286d9f;background:#e7f0f6}.x{background:#f0f0ee}.ig{font-size:21px;color:#b34f78;background:#f8eaf0}.platforms label>span:last-child{display:grid;gap:3px}.platforms strong{font-size:10px}.platforms small{font-size:8px;color:#909991;white-space:nowrap}.generate{margin-top:19px;width:100%;height:44px;border:0;border-radius:7px;background:var(--green);color:#fff;font:600 11px 'DM Sans';cursor:pointer}.generate:hover{background:#1c4d39}.generate:disabled{opacity:.7;cursor:wait}.generate b{font-size:16px;margin-left:7px}.privacy{text-align:center;color:#959e97;font-size:9px;margin:11px 0 0}.privacy:first-letter{color:#78967e}#status{margin-top:15px;padding:11px 13px;border-radius:7px;background:#f3f6f1;color:#456047;font-size:11px}#status.error{background:#fff0ed;color:#a44735}#results{border-top:1px solid var(--line);margin-top:22px;padding-top:22px}.result-head h2{font:500 26px Georgia,serif;margin:0}.reset{border:0;background:none;color:var(--green);font:600 10px 'DM Sans';cursor:pointer}#drafts{display:grid;gap:11px;margin-top:15px}.draft-card{border:1px solid var(--line);border-radius:8px;padding:14px}.draft-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:9px;font-weight:700;font-size:11px}.draft-card textarea{height:130px;font-size:11px}.copy{border:1px solid #dfe5df;border-radius:6px;background:#fff;padding:6px 9px;color:var(--green);font:600 9px 'DM Sans';cursor:pointer}.copy:hover{background:#f1f6f0}footer{display:flex;justify-content:space-between;color:#8a938c;font-size:9px;padding:20px 2px 0}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}[hidden]{display:none!important}@media(max-width:680px){.top{padding:0 18px}.top>span{font-size:0}.top i{font-size:initial}main{padding:38px 17px 20px}.intro h1{font-size:38px}.steps{gap:7px;font-size:8px}.steps i{width:10px}.panel{padding:21px 17px}.platforms{grid-template-columns:1fr}.platforms label{height:53px}.platforms small{font-size:9px}}@media(max-width:440px){.intro h1{font-size:34px}.lede{font-size:12px}.selects{grid-template-columns:1fr;gap:11px}.steps{white-space:nowrap}}
/* Account and subscription controls */
.account-card{margin-top:30px;background:#fff;border:1px solid #e9ebe6;border-radius:12px;padding:22px 26px;box-shadow:0 12px 36px #273b2910}
.account-heading{display:flex;align-items:center;justify-content:space-between;gap:14px}
.account-heading .eyebrow{margin-bottom:5px}
.account-heading h2{font:600 20px Georgia,serif;margin:0}
.plan-badge{border-radius:30px;background:#edf4ed;color:var(--green);padding:6px 11px;font-size:9px;font-weight:700;letter-spacing:.7px}
.account-copy{margin:10px 0 15px;color:#68736b;font-size:11px;line-height:1.6}
.auth-form{display:grid;grid-template-columns:1fr 1fr;gap:11px 14px;align-items:start}
.auth-form label{display:grid;gap:6px;font-size:10px;font-weight:600;color:#59645c}
.auth-form input{height:38px;width:100%;border:1px solid var(--line);border-radius:7px;padding:0 10px;font:11px 'DM Sans';outline:none}
.auth-form input:focus{border-color:#8aa894;box-shadow:0 0 0 3px #eaf2ec}
.auth-form label small{font-size:9px;font-weight:400;color:#929b94}
.auth-actions{grid-column:1/-1;display:flex;gap:8px}
.primary,.secondary{border:1px solid var(--green);border-radius:7px;padding:9px 14px;font:600 10px 'DM Sans';cursor:pointer}
.primary{background:var(--green);color:white}.primary:hover{background:#1c4d39}.secondary{background:#fff;color:var(--green)}.secondary:hover{background:#f1f6f0}
.primary:disabled,.secondary:disabled{opacity:.55;cursor:wait}
.account-summary{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 0;border-top:1px solid #eef0eb}
.account-summary strong{font-size:11px}.account-summary p{margin:5px 0 0;color:#68736b;font-size:10px}
.text-button{border:0;background:none;color:var(--green);font:600 10px 'DM Sans';cursor:pointer}
.forgot-password{margin-top:10px;padding:0}
.auth-form[hidden]{display:none}
.plans{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:8px}
.plan-card{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--line);border-radius:8px;padding:13px 14px}
.plan-card.featured{border-color:#a9c0ac;background:#f8fbf7}
.plan-card h3{font:700 11px Manrope,sans-serif;margin:0 0 5px}
.price{font:600 19px Georgia,serif;margin:0}.price small{font:10px 'DM Sans';color:#778179}
.plan-detail{font-size:9px;color:#7b857d;margin:5px 0 0}
.billing-note{color:#8c958e;text-align:center;font-size:9px;margin:11px 0 0}
.manage-row{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #eef0eb;padding-top:14px;color:#68736b;font-size:10px}
.delete-row{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #eef0eb;margin-top:14px;padding-top:14px;color:#68736b;font-size:10px}
.danger{border:1px solid #b65b4c;border-radius:7px;padding:9px 14px;background:#fff;color:#9c3f32;font:600 10px 'DM Sans';cursor:pointer;white-space:nowrap}
.danger:hover{background:#fff3f0}.danger:disabled{opacity:.55;cursor:default}
#accountStatus{margin-top:12px;padding:10px 12px;border-radius:7px;background:#f3f6f1;color:#456047;font-size:10px;line-height:1.5}
#accountStatus.error{background:#fff0ed;color:#a44735}
@media(max-width:680px){.account-card{padding:19px 17px}.auth-form{grid-template-columns:1fr}.auth-actions{grid-column:auto}.plans{grid-template-columns:1fr}.plan-card{align-items:flex-start}.manage-row,.delete-row{align-items:flex-start;flex-direction:column}}

/* anonymous free trial */
.trial-summary{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:12px 0 15px;padding:12px 14px;border:1px solid #e7e9e3;border-radius:8px;background:#f7f7f3;color:#59645c;font-size:11px}.trial-summary .text-button{flex:none}@media(max-width:680px){.trial-summary{align-items:flex-start;flex-direction:column}}
.billing-dialog{width:min(520px,calc(100% - 28px));max-height:90vh;padding:24px;border:1px solid var(--line);border-radius:12px;color:var(--ink);box-shadow:0 20px 70px #18221e33}.billing-dialog::backdrop{background:#18221e77}.billing-dialog form{display:grid;gap:15px}.dialog-head{display:flex;justify-content:space-between;align-items:flex-start}.dialog-head .eyebrow{margin-bottom:4px}.dialog-head h2{font:500 25px Georgia,serif;margin:0}.billing-dialog fieldset{display:grid;gap:9px;border:0;padding:0;margin:0}.billing-dialog legend,.billing-dialog label{font-size:11px;font-weight:600;color:#59645c}.billing-choice{display:flex;align-items:center;gap:8px;font-weight:400!important}.billing-dialog #businessFields{display:grid;gap:11px}.billing-dialog #businessFields[hidden]{display:none}.billing-dialog #businessFields label{display:grid;gap:6px}.billing-dialog input:not([type=radio]),.billing-dialog select{height:39px;width:100%;border:1px solid var(--line);border-radius:7px;padding:0 10px;background:#fff;color:var(--ink);font:12px 'DM Sans'}.billing-dialog small,.billing-help{font-size:10px;line-height:1.5;color:#778179;font-weight:400}.billing-help{margin:0;padding:10px;background:#f3f6f1;border-radius:6px}

@media(max-width:680px){footer{flex-direction:column;align-items:flex-start;gap:6px;line-height:1.5}footer span:last-child{text-align:left}}