/* ---- Generator form ---- */
.ss-ng{max-width:900px;width:100%;margin:0 auto;font-family:'Inter',sans-serif;color:#1B1F5E}
.ss-ng *{box-sizing:border-box}
.ss-ng-form{display:flex;gap:12px;flex-wrap:wrap;align-items:flex-end;justify-content:center}
.ss-ng-field{flex:1 1 260px;text-align:left}
.ss-ng-field label,.ss-ng-email-form label{display:block;font:600 14px 'Inter',sans-serif;color:#1B1F5E;margin-bottom:6px;text-align:left}
.ss-ng-field input,.ss-ng-email-form input[type="email"]{width:100%;padding:14px 16px;border:1.5px solid #D5D8EA;border-radius:10px;font:400 16px 'Inter',sans-serif;background:#fff;color:#1B1F5E}
.ss-ng-field input:focus,.ss-ng-email-form input[type="email"]:focus{outline:none;border-color:#E8106A}
.ss-ng-actions{flex:0 0 100%;display:flex;justify-content:center;margin-top:6px}
.ss-ng-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}

/* ---- Buttons ---- */
.ss-ng-btn{display:inline-block;background:#E8106A;color:#fff;border:0;border-radius:10px;padding:15px 32px;font:700 16px 'Plus Jakarta Sans',sans-serif;cursor:pointer;text-decoration:none;text-align:center;line-height:1.2}
.ss-ng-btn:hover{background:#C20D58;color:#fff}
.ss-ng-go{box-shadow:0 6px 16px rgba(232,16,106,.28)}
.ss-ng-go:hover{box-shadow:0 8px 20px rgba(232,16,106,.34)}
.ss-ng-go:disabled{box-shadow:none}
.ss-ng-btn:disabled{opacity:.6;cursor:not-allowed}
.ss-ng-btn-alt{background:#1B1F5E}
.ss-ng-btn-alt:hover{background:#12154A}

/* ---- Notes / status ---- */
.ss-ng-note{margin:14px 0 0;font-size:13px;line-height:1.5;color:#7A7E99;text-align:center}
.ss-ng-note a{color:#E8106A}
.ss-ng-status{min-height:22px;margin-top:12px;font-size:15px;color:#4A4E6A;text-align:center}
.ss-ng-error{color:#B00020;font-weight:600}

/* ---- Results ---- */
.ss-ng-results{margin-top:28px;outline:none;text-align:center}
.ss-ng-h{font:800 26px 'Plus Jakarta Sans',sans-serif;color:#1B1F5E;margin:0 0 18px}
.ss-ng-grid{display:flex;gap:16px;flex-wrap:wrap;justify-content:center}
.ss-ng-grid>.ss-ng-card{flex:0 0 calc((100% - 32px) / 3);max-width:calc((100% - 32px) / 3);min-width:0}
.ss-ng-card{position:relative;flex:1 1 240px;max-width:280px;background:#fff;border:1px solid #E4E6F2;border-radius:16px;padding:22px 20px;box-shadow:0 10px 30px rgba(27,31,94,.08);text-align:left}
.ss-ng-card-taken{opacity:.62;box-shadow:none;background:#F7F7FB}
.ss-ng-style-taken{background:#F1F2F8;color:#7A7E99}
.ss-ng-taken-note{max-width:620px;margin:14px auto 0;text-align:center;color:#7A7E99;font-size:13px;line-height:1.5}
.ss-ng-style{display:inline-block;background:#E6F7FD;color:#0B6E94;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:600}
.ss-ng-name{font:800 24px 'Plus Jakarta Sans',sans-serif;color:#1B1F5E;margin:12px 0 6px;word-break:break-word}
.ss-ng-why{margin:0;font-size:15px;line-height:1.5;color:#4A4E6A}
.ss-ng-extra{margin-top:24px;padding:22px;background:#F7F7FB;border-radius:16px}
.ss-ng-extra-t{margin:0 0 14px;font-size:17px;line-height:1.5;color:#1B1F5E;font-weight:600}

/* ---- Quick style chips ---- */
.ss-ng-chips-wrap{flex:0 0 100%;text-align:center}
.ss-ng-chips-label{margin:4px 0 8px;font:600 14px 'Inter',sans-serif;color:#1B1F5E}
.ss-ng-chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
.ss-ng-chip{padding:8px 16px;border:1.5px solid #D5D8EA;border-radius:999px;background:#fff;color:#1B1F5E;font:500 15px 'Inter',sans-serif;cursor:pointer;line-height:1.2}
.ss-ng-chip:hover{border-color:#1B1F5E}
.ss-ng-chip[aria-pressed="true"]{background:#1B1F5E;border-color:#1B1F5E;color:#fff}

/* ---- Domain badges ---- */
.ss-ng-dom{margin-top:14px;padding-top:12px;border-top:1px solid #E4E6F2;font-size:13px;color:#7A7E99}
.ss-ng-bdg{display:flex;align-items:center;gap:4px;padding:6px 10px;border-radius:8px;margin:0 0 6px;font-size:13px;font-weight:600;line-height:1.3;word-break:break-word}
.ss-ng-bdg-ok{background:#E7F6EC;color:#14693A}
.ss-ng-bdg-no{background:#F1F2F8;color:#5B5F7E}
.ss-ng-bdg-unk{background:#FFF4DB;color:#7A5200}
.ss-ng-mark{font-weight:800}
.ss-ng-reg{display:inline-block;margin-top:2px;font-size:13px;font-weight:600;color:#E8106A;text-decoration:underline;word-break:break-word}
.ss-ng-disc{margin:16px 0 0;font-size:12px;line-height:1.5;color:#7A7E99}

@media (max-width:640px){
	.ss-ng-btn{width:100%}
	.ss-ng-card{max-width:none}
}

/* ---- Order form ---- */
.ss-ng-order{max-width:none}
.ss-ng-order .ss-ng-field{flex:0 0 100%}
.ss-ng-order .ss-ng-chips-wrap{text-align:left}
.ss-ng-order .ss-ng-chips{justify-content:flex-start}
.ss-ng-order textarea{width:100%;padding:14px 16px;border:1.5px solid #D5D8EA;border-radius:10px;font:400 16px 'Inter',sans-serif;background:#fff;color:#1B1F5E;resize:vertical}
.ss-ng-order textarea:focus{outline:none;border-color:#E8106A}
.ss-ng-opt{font-weight:400;color:#7A7E99}
.ss-ng-agree label{display:flex;gap:10px;align-items:flex-start;font:400 14px 'Inter',sans-serif;color:#4A4E6A;margin:0}
.ss-ng-agree input{width:auto;margin-top:3px}
.ss-ng-agree a{color:#E8106A}
.ss-ng-order .ss-ng-actions .ss-ng-btn{width:100%}

/* ---- Ebook cover ---- */
.ss-ng-cover{display:block;width:96px;height:auto;border-radius:6px;box-shadow:0 6px 18px rgba(27,31,94,.25);flex:0 0 auto}
.ss-ng-extra-book{display:flex;gap:18px;align-items:center;text-align:left}
.ss-ng-extra-book .ss-ng-extra-body{flex:1 1 auto}
.ss-ng-extra-book .ss-ng-extra-t{margin:0 0 12px}
@media (max-width:640px){
	.ss-ng-cover{width:72px}
	.ss-ng-extra-book{flex-direction:column;text-align:center}
}

/* ---- Wide bundle banner ---- */
.ss-ng-cover.ss-ng-cover-wide{width:100%;max-width:100%;height:auto;border-radius:10px;box-shadow:none;margin:0 0 14px}
.ss-ng-extra-wide{flex-direction:column;text-align:center}
.ss-ng-extra-wide .ss-ng-cover-wide{max-width:520px;margin:0 auto 6px}
.ss-ng-extra-wide .ss-ng-extra-t{margin:0 0 12px}

/* ---- Pending confirmation message ---- */
.ss-ng-pending-text{margin:0;font-size:15px;line-height:1.5;color:#4A4E6A}

/* ---- Heart (save a name) ---- */
.ss-ng-heart{position:absolute;top:12px;right:12px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;padding:0;border:0;border-radius:50%;background:transparent;color:#9A9EB8;cursor:pointer}
.ss-ng-heart svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round}
.ss-ng-heart:hover{background:#F7F7FB;color:#E8106A}
.ss-ng-heart:focus-visible{outline:2px solid #1B1F5E;outline-offset:2px}
.ss-ng-heart[aria-pressed="true"]{color:#E8106A}
.ss-ng-heart[aria-pressed="true"] svg{fill:currentColor}
.ss-ng-card .ss-ng-style{margin-right:44px}

/* ---- Email offer under the results ---- */
.ss-ng-save{max-width:560px;margin:28px auto 0;padding:26px 24px 20px;background:#fff;border:1px solid #E4E6F2;border-radius:16px;box-shadow:0 10px 30px rgba(27,31,94,.08);text-align:center;transition:box-shadow .25s,border-color .25s}
.ss-ng-save[hidden]{display:none}
.ss-ng-save.ss-ng-flash{border-color:#E8106A;box-shadow:0 0 0 4px rgba(232,16,106,.14)}
.ss-ng-save-title{margin:0 0 12px;font:800 22px 'Plus Jakarta Sans',sans-serif;color:#1B1F5E}
.ss-ng-save-head{display:flex;gap:16px;align-items:center;justify-content:center;margin:0 0 18px;text-align:left}
.ss-ng-save-sub{margin:0;font-size:16px;line-height:1.5;color:#4A4E6A}
.ss-ng-save-wide .ss-ng-cover-wide{margin:0 auto 14px;max-width:100%}
.ss-ng-save-body{text-align:left}
.ss-ng-email-form[hidden],.ss-ng-member[hidden]{display:none}
.ss-ng-email-form .ss-ng-btn{width:100%;margin-top:14px}
.ss-ng-member{text-align:center}
.ss-ng-member-text{margin:0 0 14px;font-size:15px;color:#4A4E6A}
.ss-ng-sent{text-align:center}
.ss-ng-sent .ss-ng-extra-t{margin:0 0 8px}
.ss-ng-save .ss-ng-save-status{min-height:0;margin-top:10px}
@media (max-width:640px){
	.ss-ng-save{padding:22px 16px 16px}
	.ss-ng-save-head{flex-direction:column;text-align:center}
}

/* ---- Terms and privacy under the Generate button ---- */
.ss-ng-consent{flex:0 0 100%;margin:2px 0 0;text-align:center;font-size:13px;line-height:1.5;color:#7A7E99}
.ss-ng-consent a{color:#E8106A}
.ss-ng-consent-box label{display:inline-flex;gap:8px;align-items:flex-start;max-width:520px;margin:0;font:400 13px 'Inter',sans-serif;color:#4A4E6A;text-align:left}
.ss-ng-consent-box input{width:auto;margin-top:2px;flex:0 0 auto}

/* ---- Feedback chips on each card ---- */
.ss-ng-fb{margin-top:14px;padding-top:12px;border-top:1px solid #E4E6F2}
.ss-ng-fb-h{margin:0 0 8px;font:700 13px 'Plus Jakarta Sans','Inter',sans-serif;color:#1B1F5E}
.ss-ng-fb-row{display:flex;flex-wrap:wrap;gap:6px}
.ss-ng-fb-chip{padding:6px 11px;border:1.5px solid #D5D8EA;border-radius:999px;background:#fff;color:#1B1F5E;font:500 13px 'Inter',sans-serif;cursor:pointer;line-height:1.2}
.ss-ng-fb-chip:hover,.ss-ng-fb-chip:focus-visible{border-color:#E8106A;color:#E8106A;outline:none}
.ss-ng-fb-done{border-top-color:transparent;padding-top:6px}
.ss-ng-fb-thanks{margin:0;font:600 13px 'Inter',sans-serif;color:#14693A}

/* ---- Copy button on each card ---- */
.ss-ng-namerow{display:flex;align-items:center;gap:6px;margin:12px 0 6px;flex-wrap:wrap}
.ss-ng-namerow .ss-ng-name{margin:0}
.ss-ng-copy{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;border:1.5px solid #E4E6F2;border-radius:8px;background:#fff;color:#7A7E99;cursor:pointer}
.ss-ng-copy svg{fill:currentColor}
.ss-ng-copy:hover,.ss-ng-copy:focus-visible{color:#E8106A;border-color:#E8106A;outline:none}
.ss-ng-copy-done{font:600 12px 'Inter',sans-serif;color:#14693A}

/* ---- Question at the end of each set ---- */
.ss-ng-bq{margin:26px auto 4px;max-width:520px;padding:18px 20px;border:1px solid #E4E6F2;border-radius:14px;background:#fff;text-align:center}
.ss-ng-bq-q{display:block;margin:0 0 12px;font:700 16px 'Plus Jakarta Sans','Inter',sans-serif;color:#1B1F5E}
.ss-ng-bq-row{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}
.ss-ng-bq-btn{min-width:84px;padding:9px 18px;border:1.5px solid #D5D8EA;border-radius:999px;background:#fff;color:#1B1F5E;font:600 15px 'Inter',sans-serif;cursor:pointer}
.ss-ng-bq-btn:hover,.ss-ng-bq-btn:focus-visible{border-color:#E8106A;color:#E8106A;outline:none}
.ss-ng-bq-input{width:100%;padding:11px 14px;border:1.5px solid #D5D8EA;border-radius:10px;font:400 15px 'Inter',sans-serif;color:#1B1F5E;background:#fff;box-sizing:border-box}
.ss-ng-bq-input:focus{outline:none;border-color:#E8106A}
.ss-ng-bq-actions{display:flex;justify-content:center;gap:10px;margin-top:10px}
.ss-ng-bq-send{padding:9px 20px;border:0;border-radius:999px;background:#E8106A;color:#fff;font:700 14px 'Inter',sans-serif;cursor:pointer}
.ss-ng-bq-skip{padding:9px 14px;border:0;background:none;color:#7A7E99;font:500 14px 'Inter',sans-serif;cursor:pointer;text-decoration:underline}
.ss-ng-bq-done{padding:12px 20px}
.ss-ng-bq-thanks{margin:0;font:600 14px 'Inter',sans-serif;color:#14693A}

/* ---- More options ---- */
.ss-ng-more-wrap{flex:0 0 100%;text-align:center;margin-top:-2px}
.ss-ng-more{background:none;border:0;padding:6px 4px;font:600 14px 'Inter',sans-serif;color:#4A4E6A;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.ss-ng-more:hover,.ss-ng-more:focus-visible{color:#E8106A;outline:none}
.ss-ng-more-caret{display:inline-block;transition:transform .15s}
.ss-ng-more[aria-expanded="true"] .ss-ng-more-caret{transform:rotate(180deg)}
.ss-ng-more-panel{margin-top:12px;padding:16px 16px 12px;border:1px solid #E4E6F2;border-radius:14px;background:#F7F7FB;text-align:left}
.ss-ng-more-panel[hidden]{display:none}
.ss-ng-more-grid{display:flex;gap:14px;flex-wrap:wrap}
.ss-ng-more-grid .ss-ng-field{flex:1 1 220px}
.ss-ng-more-panel .ss-ng-chips-label{text-align:center;margin-top:10px}
.ss-ng-schip{padding:8px 16px;border:1.5px solid #D5D8EA;border-radius:999px;background:#fff;color:#1B1F5E;font:500 15px 'Inter',sans-serif;cursor:pointer;line-height:1.2}
.ss-ng-schip:hover{border-color:#1B1F5E}
.ss-ng-schip[aria-pressed="true"]{background:#1B1F5E;border-color:#1B1F5E;color:#fff}
.ss-ng-styles-hint{margin:10px 0 0;text-align:center;font:400 13px/1.45 'Inter',sans-serif;color:#7A7E99}

/* ---- Two-step form ---- */
.ss-ng-next-wrap{flex:0 0 auto;display:flex}
.ss-ng-form:not(.ss-ng-steps) .ss-ng-step2{display:contents}
.ss-ng-steps .ss-ng-step2{flex:0 0 100%;display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end;justify-content:center}
.ss-ng-steps .ss-ng-step2>.ss-ng-field{flex:0 0 100%}
.ss-ng-step2-t{flex:0 0 100%;margin:4px 0 -2px;text-align:center;font-size:14px;color:#7A7E99}
.ss-ng-steps:not(.ss-ng-s2) .ss-ng-step2,.ss-ng-steps:not(.ss-ng-s2) .ss-ng-actions,.ss-ng-steps:not(.ss-ng-s2) .ss-ng-consent{display:none}
.ss-ng-steps.ss-ng-s2 .ss-ng-next-wrap{display:none}
.ss-ng-steps.ss-ng-s2>.ss-ng-field{flex:0 0 100%}
@media (max-width:560px){.ss-ng-next-wrap{flex:0 0 100%}.ss-ng-next-wrap .ss-ng-btn{width:100%}}

/* ---- Results grid: 3 columns on desktop, 2 on phones ---- */
@media (max-width:720px){
	.ss-ng-grid{gap:10px}
	.ss-ng-grid>.ss-ng-card{flex:0 0 calc((100% - 10px) / 2);max-width:calc((100% - 10px) / 2);padding:14px 12px 12px;border-radius:14px}
	.ss-ng-grid .ss-ng-style{font-size:11px;padding:3px 8px;max-width:calc(100% - 38px)}
	.ss-ng-grid .ss-ng-heart{top:6px;right:4px;width:34px;height:34px}
	.ss-ng-grid .ss-ng-heart svg{width:20px;height:20px}
	.ss-ng-grid .ss-ng-name{font-size:19px;margin:10px 0 4px}
	.ss-ng-grid .ss-ng-namerow{margin:10px 0 4px;gap:4px}
	.ss-ng-grid .ss-ng-why{font-size:13px;line-height:1.45}
	.ss-ng-grid .ss-ng-dom{margin-top:10px;padding-top:10px}
	.ss-ng-grid .ss-ng-bdg{font-size:12px;padding:5px 7px}
	.ss-ng-grid .ss-ng-reg{font-size:12px}
	.ss-ng-grid .ss-ng-fb-chip{font-size:12px;padding:5px 9px}
}

/* ---- Results tabs and the Favorites card ---- */
.ss-ng-tabs{display:flex;gap:8px;justify-content:center;margin:0 0 18px}
.ss-ng-tab{display:inline-flex;align-items:center;gap:4px;padding:9px 18px;border:1.5px solid #D5D8EA;border-radius:999px;background:#fff;color:#1B1F5E;font:600 15px 'Inter',sans-serif;cursor:pointer;line-height:1.2}
.ss-ng-tab:hover{border-color:#1B1F5E}
.ss-ng-tab:focus-visible{outline:2px solid #1B1F5E;outline-offset:2px}
.ss-ng-tab-on{background:#1B1F5E;border-color:#1B1F5E;color:#fff}
.ss-ng-tab-heart{color:#E8106A}
.ss-ng-tab-on .ss-ng-tab-heart{color:#FF7BB0}
.ss-ng-tab-count{display:inline-block;min-width:20px;padding:1px 6px;border-radius:999px;background:#F1F2F8;color:#1B1F5E;font-size:12px;font-weight:700;text-align:center}
.ss-ng-tab-on .ss-ng-tab-count{background:rgba(255,255,255,.2);color:#fff}
.ss-ng-favcard{max-width:620px;margin:0 auto;padding:22px;background:#fff;border:1px solid #E4E6F2;border-radius:16px;box-shadow:0 10px 30px rgba(27,31,94,.08);text-align:left}
.ss-ng-fav-t{margin:0 0 12px;font:800 20px 'Plus Jakarta Sans',sans-serif;color:#1B1F5E}
.ss-ng-fav-empty{margin:0;font-size:15px;line-height:1.5;color:#4A4E6A}
.ss-ng-favlist{list-style:none;margin:0;padding:0}
.ss-ng-favitem{padding:14px 0;border-top:1px solid #E4E6F2}
.ss-ng-favitem:first-child{border-top:0;padding-top:0}
.ss-ng-favtop{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.ss-ng-favname{font:800 20px 'Plus Jakarta Sans',sans-serif;color:#1B1F5E;word-break:break-word}
.ss-ng-favacts{display:inline-flex;align-items:center;gap:8px}
.ss-ng-favrm{padding:5px 10px;border:1.5px solid #E4E6F2;border-radius:8px;background:#fff;color:#7A7E99;font:600 12px 'Inter',sans-serif;cursor:pointer}
.ss-ng-favrm:hover,.ss-ng-favrm:focus-visible{color:#E8106A;border-color:#E8106A;outline:none}
.ss-ng-favwhy{margin:6px 0 0;font-size:14px;line-height:1.5;color:#4A4E6A}
.ss-ng-favitem .ss-ng-dom{margin-top:10px;padding-top:10px}
.ss-ng-favnote{margin:14px 0 0;font-size:12px;line-height:1.5;color:#7A7E99}
.ss-ng-favmail{margin-top:14px}
@media (max-width:640px){.ss-ng-favcard{padding:16px}.ss-ng-favmail{width:100%}}