/* V23: decorative examples + clear free sign up. Scoped; does not replace the original site design. */
.f23-notice{display:flex;align-items:center;gap:12px;padding:14px 18px;margin-bottom:22px;border:1px solid rgba(128,204,246,.35);background:rgba(24,64,101,.55);border-radius:14px;color:#cbdff4;font-size:.86rem;line-height:1.55}
.f23-notice strong{color:#edf8ff}.f23-notice svg{width:21px;height:21px;flex-shrink:0;stroke:#7edcf9;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.f23-examples{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.f23-example{position:relative;min-width:0;display:flex;flex-direction:column;padding:clamp(24px,2.4vw,34px);border:1px solid rgba(141,188,246,.27);border-radius:24px;background:radial-gradient(circle at 5% 0%,rgba(77,150,224,.17),transparent 50%),linear-gradient(152deg,#132a48,#0b192e);box-shadow:0 22px 46px rgba(0,0,20,.22);transition:transform .2s ease,border-color .2s ease;overflow:hidden}
.f23-example:hover{transform:translateY(-4px);border-color:rgba(150,216,255,.65)}
.f23-example-first{background:radial-gradient(circle at 0% 0%,rgba(117,88,210,.24),transparent 55%),linear-gradient(152deg,#22254f,#10192f)}
.f23-example-top{display:flex;justify-content:space-between;align-items:center;gap:12px}
.f23-round-icon{display:grid;place-items:center;flex:0 0 50px;width:50px;height:50px;border:1px solid rgba(138,219,249,.38);background:linear-gradient(135deg,rgba(37,148,206,.30),rgba(132,83,233,.23));border-radius:15px}
.f23-round-icon svg{height:25px;width:25px;stroke:#8ee1ff;stroke-width:1.65;fill:none;stroke-linejoin:round;stroke-linecap:round}
.f23-sample-tag{color:#bcd1e8;background:rgba(5,17,36,.4);font-size:.63rem;font-weight:900;letter-spacing:.1em;line-height:1.4;border:1px solid rgba(154,179,216,.3);border-radius:7px;padding:6px 8px;text-align:center}
.f23-quote-mark{font-size:4.2rem;line-height:1;color:#8ad6f9;opacity:.85;font-family:Georgia,serif;margin-top:20px;height:48px}
.f23-example blockquote{font-size:clamp(1.08rem,1.35vw,1.35rem);font-weight:650;line-height:1.6;letter-spacing:-.015em;color:#f0f5ff;margin:0 0 28px;padding:0;flex:1}
.f23-story-foot{border-top:1px solid rgba(145,178,226,.22);padding-top:18px;display:flex;flex-direction:column;gap:6px}
.f23-persona{font-weight:800;color:#f1f6ff;font-size:.92rem}.f23-action{font-weight:800;color:#94c7e9;font-size:.66rem;letter-spacing:.12em}
.f23-review-cta{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:25px 28px;margin-top:21px;background:linear-gradient(100deg,rgba(23,55,94,.75),rgba(48,37,95,.55));border:1px solid rgba(145,188,243,.25);border-radius:20px}
.f23-review-cta strong{color:#f7faff;font-size:1.25rem}.f23-review-cta p{margin:5px 0 0;color:#b8cae5;line-height:1.5}.f23-review-cta .f22-primary{flex-shrink:0}
.f23-access-info{display:grid;gap:11px;margin:28px 0 15px;max-width:590px}
.f23-access-info>div{display:flex;flex-direction:column;gap:4px;border:1px solid rgba(130,176,226,.32);border-radius:15px;padding:14px 17px;background:rgba(18,43,78,.67)}
.f23-access-info strong{color:#f4f9ff;font-size:1.03rem}.f23-access-info small{color:#afcce9;line-height:1.55;font-size:.84rem}
.f23-mini-label{color:#8ddcff;font-weight:900;font-size:.65rem;letter-spacing:.17em;margin-bottom:3px}
@media(max-width:1050px){.f23-examples{grid-template-columns:repeat(2,minmax(0,1fr))}.f23-example:last-child{grid-column:1/-1}.f23-review-cta{align-items:flex-start;flex-direction:column}}
@media(max-width:680px){.f23-examples{grid-template-columns:1fr}.f23-example:last-child{grid-column:auto}.f23-example{padding:23px}.f23-notice{align-items:flex-start;padding:14px}.f23-review-cta{padding:22px}.f23-review-cta .f22-primary{width:100%}.f23-sample-tag{font-size:.6rem}}
@media(prefers-reduced-motion:reduce){.f23-example{transition:none}.f23-example:hover{transform:none}}