/* generated by prep.py from mockup/body/reviews.html */

.feat{background:var(--royal);color:#fff;position:relative;overflow:hidden}
.feat::before{content:"";position:absolute;left:-120px;bottom:-160px;width:420px;height:420px;border-radius:50%;background:var(--royal-2)}
.feat::after{content:"\201C";position:absolute;right:4vw;top:-40px;font:800 340px/1 Poppins,"Poppins Fallback";color:var(--sun);opacity:.16;pointer-events:none}
.feat .wrap{position:relative;z-index:1;padding-top:110px;padding-bottom:110px}
.feat blockquote{font:600 clamp(26px,3.4vw,44px)/1.3 Poppins,"Poppins Fallback";letter-spacing:-.02em;max-width:980px;margin:22px 0 34px}
.feat blockquote mark{background:none;color:var(--sun)}
.feat .who{display:flex;align-items:center;gap:14px;font:600 17px Poppins,"Poppins Fallback"}
.feat .who i{width:50px;height:50px;border-radius:50%;background:var(--sun);color:var(--ink);display:grid;place-items:center;font-style:normal;font-weight:700}
.feat .who small{display:block;font:400 14px Inter,"Inter Fallback";color:#c9cfee}

.pair{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.pair .rev{background:var(--mist);color:var(--ink)}
.pair .rev:first-child{background:var(--mist);color:var(--ink)}
.pair .rev:first-child q{font-size:18px}
.pair .rev .src{font-size:13px;color:var(--muted);font-weight:400;font-family:Inter,"Inter Fallback"}

.themes{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.theme{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:26px}
.theme .ic{width:46px;height:46px;border-radius:14px;background:var(--cream);display:grid;place-items:center;margin-bottom:16px}
.theme .ic :is(svg,.nsi){width:22px;height:22px}
.theme h3{font-size:18px;margin-bottom:8px}
.theme p{font-size:14.5px;color:var(--muted);font-style:italic}
.theme small{display:block;margin-top:10px;font:600 13px Poppins,"Poppins Fallback";color:var(--royal)}

.leave{display:grid;grid-template-columns:1.05fr 1fr;gap:60px;align-items:center}
.leave h2{font-size:clamp(30px,3.4vw,44px);margin:14px 0 16px}
.leave>div>p{color:var(--muted);margin-bottom:26px;max-width:520px}
.leave .ctas{display:flex;gap:14px;flex-wrap:wrap}
@media (max-width:1080px){.themes{grid-template-columns:repeat(2,1fr)}}
@media (max-width:980px){.pair,.leave{grid-template-columns:1fr}.feat::after{font-size:220px}}
@media (max-width:560px){.themes{grid-template-columns:1fr}.feat .wrap{padding-top:76px;padding-bottom:76px}}