@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;600;700&display=swap');
:root{--ink:#17152d;--muted:#77748e;--pink:#ff72b6;--purple:#8b78ff;--bg:#fbfaff;--line:#e9e6f3;--white:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}.site-header{height:76px;max-width:1160px;margin:auto;padding:0 28px;display:flex;align-items:center;justify-content:space-between}.brand{font-family:'Space Grotesk',sans-serif;font-size:24px;font-weight:700;letter-spacing:-1.3px;text-decoration:none;color:var(--ink);display:flex;align-items:center;gap:7px}.brand-mark{width:30px;height:30px;display:grid;place-items:center;border-radius:10px;background:linear-gradient(135deg,var(--pink),var(--purple));color:white;font-size:18px}.spark{color:#ff72b6}.header-link{color:#66617e;text-decoration:none;font-weight:600;font-size:14px}.hero{padding:58px 20px 68px;text-align:center;background:radial-gradient(ellipse at 50% 0%,#f0eaff 0%,#fbfaff 56%)}.eyebrow,.small-label{font-size:11px;font-weight:800;letter-spacing:1.8px;color:#8c76d8}.eyebrow{display:inline-flex;align-items:center;gap:9px;padding:9px 14px;border:1px solid #e5defb;border-radius:99px;background:#fff9;margin-bottom:18px}.live-dot{width:7px;height:7px;background:#61cfa2;border-radius:50%;box-shadow:0 0 0 4px #61cfa222}.hero h1{font:700 clamp(42px,7vw,72px)/1.04 'Space Grotesk',sans-serif;letter-spacing:-3.5px;margin:0}.hero h1 span{background:linear-gradient(95deg,#ec65a9,#8976ff);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-copy{max-width:530px;margin:20px auto 30px;color:#77748e;line-height:1.65;font-size:16px}.generator{max-width:720px;margin:0 auto;padding:25px;background:#fff;border:1px solid #eeeaf7;border-radius:25px;box-shadow:0 18px 60px #473b7910;text-align:left}.generator-top{display:flex;align-items:end;justify-content:space-between;gap:12px}.small-label{margin:0 0 7px}.generator h2{font:700 22px 'Space Grotesk',sans-serif;margin:0;letter-spacing:-.5px}.counter{font-size:11px;color:#8d87a2;background:#f5f2fc;padding:7px 10px;border-radius:99px;white-space:nowrap}.categories{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:21px 0 15px}.category{border:1px solid var(--line);background:#fff;border-radius:12px;padding:11px 6px;color:#65617b;font-weight:700;font-size:12px;cursor:pointer;transition:.18s}.category:hover{border-color:#c5b8fa;transform:translateY(-1px)}.category.active{background:#f1edff;border-color:#b6a7ff;color:#6551c8}.question-card{min-height:245px;position:relative;overflow:hidden;border-radius:19px;padding:24px 25px 20px;color:#fff;background:linear-gradient(130deg,#29204f,#5746a2 58%,#9b69c9);display:flex;flex-direction:column;justify-content:space-between}.card-glow{position:absolute;width:230px;height:230px;right:-65px;top:-120px;border-radius:50%;background:#ff8cc866;filter:blur(5px)}.card-meta{position:relative;display:flex;align-items:center;gap:8px;font-size:10px;font-weight:800;letter-spacing:1.5px;color:#e5dfff}.mini-star{color:#ffb2d6;font-size:17px}.card-number{margin-left:auto;color:#d0c6f0}.question{position:relative;font:700 clamp(25px,4vw,36px)/1.18 'Space Grotesk',sans-serif;letter-spacing:-1px;max-width:570px;margin:24px 0}.card-hint{position:relative;margin:0;color:#e2d9ff;font-size:12px}.actions{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:9px;margin-top:14px}.btn{min-height:47px;border-radius:12px;border:1px solid #e8e4f2;font-weight:700;font-size:13px;cursor:pointer;transition:.18s}.btn:hover{transform:translateY(-2px)}.btn-primary{background:linear-gradient(100deg,#ec69ae,#9277ff);border:0;color:white;box-shadow:0 7px 18px #a77be733}.btn-primary span{font-size:18px;vertical-align:-1px;margin-right:4px}.btn-secondary{background:#fff;color:#625c7b}.feedback{height:17px;margin:8px 0 0;text-align:center;font-size:12px;color:#6a55c5}.fine-print{margin:0;text-align:center;color:#aaa5b8;font-size:10px}.hero-footnote{margin-top:25px;color:#9993ac;font-size:12px}.hero-footnote span{color:#e66aaa;font-size:17px;margin-right:5px}.how-section{max-width:1050px;margin:auto;padding:82px 25px}.section-heading{text-align:center}.section-heading h2,.seo-copy h2{font:700 clamp(30px,4vw,42px)/1.12 'Space Grotesk',sans-serif;letter-spacing:-1.5px;margin:10px 0 35px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.step{position:relative;background:#fff;border:1px solid #eeeaf5;border-radius:18px;padding:23px}.step-icon{font-size:25px}.step-no{float:right;color:#b5aec9;font-size:11px;font-weight:800}.step h3{font:700 18px 'Space Grotesk',sans-serif;margin:20px 0 8px}.step p,.seo-copy p{font-size:14px;color:#77748e;line-height:1.7;margin:0}.seo-section{max-width:1000px;margin:0 auto 75px;padding:38px;background:#f0edff;border-radius:24px;display:grid;grid-template-columns:1.4fr .8fr;gap:30px;align-items:center}.seo-copy h2{margin:9px 0 15px}.seo-copy p+p{margin-top:12px}.floating-pills{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.floating-pills span{padding:13px 16px;background:#fff;border:1px solid #e5defa;border-radius:99px;font-size:12px;font-weight:700;color:#655d83}.site-footer{padding:35px 20px 28px;text-align:center;border-top:1px solid #eeeaf5}.footer-brand{justify-content:center;font-size:20px}.footer-brand .brand-mark{width:26px;height:26px;font-size:15px}.site-footer p{color:#9993aa;font-size:12px}.site-footer nav{display:flex;justify-content:center;gap:22px;margin:20px 0}.site-footer nav a{font-size:12px;text-decoration:none;color:#69647e;font-weight:700}.site-footer small{font-size:10px;color:#aaa5b8}
.content-page{max-width:760px;margin:55px auto 90px;padding:0 22px;min-height:55vh}.content-page h1{font:700 42px 'Space Grotesk',sans-serif;letter-spacing:-1.5px}.content-page h2{font:700 21px 'Space Grotesk',sans-serif;margin-top:30px}.content-page p,.content-page li{color:#716d83;line-height:1.8;font-size:15px}.content-page a{color:#745fd0}.back-link{display:inline-block;margin-top:20px;color:#745fd0;text-decoration:none;font-weight:700;font-size:13px}
@media(max-width:650px){.site-header{height:65px;padding:0 18px}.brand{font-size:21px}.hero{padding:43px 13px 55px}.hero h1{letter-spacing:-2.2px}.hero-copy{font-size:14px;margin:15px auto 23px}.generator{padding:17px;border-radius:20px}.generator h2{font-size:19px}.categories{grid-template-columns:repeat(2,1fr);gap:7px;margin:16px 0 12px}.category{padding:12px 5px}.question-card{min-height:230px;padding:20px}.question{font-size:29px;margin:22px 0}.actions{grid-template-columns:1fr 1fr}.btn-primary{grid-column:1/-1}.how-section{padding:58px 18px}.steps{grid-template-columns:1fr;gap:10px}.step{padding:19px}.step h3{margin-top:12px}.seo-section{margin:0 14px 55px;padding:25px 20px;grid-template-columns:1fr;gap:22px}.seo-copy h2{font-size:31px}.floating-pills{justify-content:flex-start}.content-page{margin:35px auto 65px}.content-page h1{font-size:34px}}

/* FriendFlip v3 guides */
.guide-hero{background:radial-gradient(ellipse at top,#f1eaff,#fbfaff 70%);padding:58px 20px 35px;text-align:center}.guide-hero h1{font:700 clamp(34px,5vw,58px)/1.12 'Space Grotesk',sans-serif;letter-spacing:-2px;margin:10px auto 16px;max-width:850px}.guide-hero p{max-width:700px;margin:0 auto;color:#77748e;line-height:1.8}.guide-wrap{max-width:880px;margin:0 auto;padding:30px 22px 80px}.guide-wrap h2{font:700 27px 'Space Grotesk',sans-serif;letter-spacing:-.7px;margin:34px 0 13px}.guide-wrap p,.guide-wrap li{line-height:1.8;color:#68647d}.prompt-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;list-style:none;padding:0}.prompt-grid li{background:white;border:1px solid #e9e5f4;padding:18px;border-radius:15px;font-weight:600;color:#292541}.guide-note{padding:20px 24px;background:#f0edff;border-radius:16px;margin-top:24px}.guide-links{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:20px 0}.guide-links a,.guide-cta{display:block;padding:18px;background:#fff;border:1px solid #e6e0f4;border-radius:14px;color:#705bc6;text-decoration:none;font-weight:700}.guide-cta{background:linear-gradient(100deg,#ec69ae,#9277ff);color:#fff;text-align:center;border:0;margin:28px 0}.guide-cta:hover,.guide-links a:hover{filter:brightness(.97)}.site-footer nav{flex-wrap:wrap}.guide-intro{max-width:700px}.guide-tag{font-size:12px;font-weight:800;letter-spacing:1.5px;color:#8269d2}.guide-section{padding:32px 20px 60px;max-width:1050px;margin:auto}.guide-section h2{font:700 32px 'Space Grotesk',sans-serif}.guide-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.guide-cards a{padding:24px;background:#fff;border:1px solid #e8e2f3;border-radius:18px;text-decoration:none;color:#17152d}.guide-cards a strong{display:block;font:700 21px 'Space Grotesk',sans-serif;margin-bottom:8px}.guide-cards a span{font-size:14px;color:#77748e;line-height:1.6}.guide-cards a:hover{border-color:#b6a7ff}@media(max-width:650px){.prompt-grid,.guide-links,.guide-cards{grid-template-columns:1fr}.guide-hero{padding-top:36px}.guide-wrap{padding-bottom:50px}}

/* v4: accessible, readable FAQ and guide additions */
.faq-section{max-width:900px;margin:36px auto 72px;padding:0 22px}.faq-section h2{font-size:clamp(1.6rem,3vw,2.2rem);margin-bottom:22px}.faq-section details{border:1px solid #e5dff0;border-radius:14px;background:#fff;margin:10px 0;padding:17px 20px}.faq-section summary{cursor:pointer;font-weight:700;color:#20183b}.faq-section details p{margin:14px 0 0;line-height:1.65;color:#51496b}.extra-guide{margin:34px 0;line-height:1.7}.extra-guide li{margin:9px 0}.extra-guide h2{margin-top:26px}

/* v5 SEO question guides */
.numbered-prompts { padding-left: 1.8rem; }
.numbered-prompts li { padding-left: .25rem; }