/* Results & Testimonials page (mission 290). Design system = site/homepage/index.html + about.css. */

.hero-t{padding:64px 0 40px;border-top:0;text-align:center}
.rating{display:inline-flex;align-items:center;gap:10px;background:#10131c;border:1px solid rgba(255,255,255,.08);border-radius:999px;padding:6px 14px 6px 8px;font-weight:700;font-size:.9rem;margin-bottom:22px}
.rating img{height:22px;width:auto;border-radius:4px}
.hero-t .kicker{font-size:.85rem}
.hero-t h1{max-width:900px;margin:0 auto .4em}
.hero-t h1 .g{color:#34d399}
.sec-head{text-align:center;margin-bottom:34px}
.sec-head h2{margin-bottom:0}
.case{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:center;background:linear-gradient(135deg,rgba(59,130,246,.10),rgba(16,19,28,.9) 60%),#10131c;border:1px solid rgba(96,165,250,.22);border-radius:22px;padding:28px;margin-top:56px;box-shadow:0 24px 60px rgba(0,0,0,.4)}
.case.flip .c-vid{order:2}
.case h3{font-size:1.55rem;margin-bottom:.35em}
.case p{color:rgba(255,255,255,.8);font-size:1rem}
.case p b{color:#fff}
.vid{position:relative;display:block;width:100%;aspect-ratio:16/9;border-radius:14px;overflow:hidden;border:0;padding:0;background:#000;cursor:pointer;box-shadow:0 14px 40px rgba(0,0,0,.5)}
.vid img{width:100%;height:100%;object-fit:cover}
.vid .yt{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:72px;transition:transform .15s}
.vid .yt svg{width:100%;height:auto;display:block;filter:drop-shadow(0 4px 12px rgba(0,0,0,.5))}
.vid:hover .yt{transform:translate(-50%,-50%) scale(1.08)}
.vid iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.proof{max-width:720px;margin:28px auto 0}
.proof figure{border-radius:16px;overflow:hidden;background:#fff;border:1px solid rgba(255,255,255,.1);box-shadow:0 18px 50px rgba(0,0,0,.4)}
.proof img{width:100%;height:auto}
.proof.pair{display:grid;grid-template-columns:1fr 1fr;gap:18px;max-width:980px;align-items:start}
@media (max-width:860px){.case{grid-template-columns:1fr;gap:20px;padding:18px;margin-top:40px}.case.flip .c-vid{order:0}.proof.pair{grid-template-columns:1fr}}
.ben{list-style:none;padding:0;margin:0 auto;max-width:560px;display:grid;gap:12px}
.ben li{display:flex;gap:14px;align-items:center;background:#10131c;border:1px solid rgba(255,255,255,.07);border-radius:14px;padding:14px 18px;font-weight:700;font-size:1.05rem}
.ck{width:30px;height:30px;flex:0 0 30px;border-radius:50%;background:rgba(52,211,153,.14);color:#34d399;display:inline-flex;align-items:center;justify-content:center}
.ck svg{width:16px;height:16px}
.tp-sec{padding:36px 0 44px}
.tp-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:18px}
.tp-head h2{margin:0}
.tpx{display:flex;flex-direction:column;flex:0 0 360px;background:#fff;color:#191919;border-radius:8px;padding:20px 22px 14px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;letter-spacing:0;-webkit-font-smoothing:auto;line-height:1.5;box-shadow:0 10px 30px rgba(0,0,0,.35)}
@media (max-width:560px){.tpx{flex-basis:86vw}}
.tpx-hd{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.tpx-av{width:44px;height:44px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:.95rem;font-weight:600;color:#191919;flex:0 0 44px}
.tpx-who{flex:1;min-width:0}
.tpx-who b{display:block;font-size:1rem;font-weight:600;line-height:1.25;color:#191919}
.tpx-who span{font-size:.85rem;color:#6c6c85}
.tpx-d{font-size:.85rem;color:#6c6c85;align-self:flex-start;white-space:nowrap}
.tpx-stars{display:flex;gap:2px;margin-bottom:10px}
.tpx-stars i{width:22px;height:22px;background:#00b67a;display:inline-flex;align-items:center;justify-content:center}
.tpx-stars svg{width:16px;height:16px}
.tpx h3{font-family:inherit;font-size:1rem;font-weight:700;letter-spacing:0;margin:0 0 6px;color:#191919;line-height:1.35}
.tpx-body p{font-size:.95rem;color:#191919;margin:0 0 8px}
.tpx-body{display:-webkit-box;-webkit-line-clamp:7;-webkit-box-orient:vertical;overflow:hidden}
.tpx-chips{margin-top:auto!important;display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 12px}
.tpx-chips span{background:#f1f1f5;color:#191919;font-size:.78rem;border-radius:4px;padding:3px 8px}
.tpx-ft{display:flex;gap:22px;border-top:1px solid #e5e5dd;padding-top:10px;font-size:.88rem;color:#191919}
.tpx-ft span{display:inline-flex;align-items:center;gap:6px}
.tpx-ft svg{width:17px;height:17px}
.tp-hint{font-size:.85rem;color:rgba(255,255,255,.55);margin:6px 0 0}
.amb{color:#f5a623;font-weight:800}
/* FAQ + CTA strip: copied from site/homepage/index.html */
.section-head{max-width:720px;margin:0 auto 40px;text-align:center}
.eyebrow{color:#60a5fa;font-weight:700;font-size:.82rem;letter-spacing:.18em;text-transform:uppercase;margin-bottom:12px;display:block}
.accent-blue{color:#60a5fa}.accent-amber{color:#f5a623}.accent-green{color:#34d399}
.faq-list{max-width:860px;margin:0 auto;display:flex;flex-direction:column;gap:10px}
details.faq{background:#10131c;border:1px solid rgba(255,255,255,.06);border-radius:14px;padding:18px 22px;transition:border-color .2s ease}
details.faq[open]{border-color:rgba(96,165,250,.35)}
details.faq summary{cursor:pointer;font-weight:600;font-size:1.02rem;list-style:none;display:flex;justify-content:space-between;gap:18px;align-items:flex-start;color:#fff;transition:color .2s ease}
details.faq summary:hover{color:#93c5fd}
details.faq[open] summary{color:#60a5fa}
details.faq summary::-webkit-details-marker{display:none}
details.faq summary::after{content:"+";color:#60a5fa;font-weight:800;font-size:1.3rem;line-height:1;transition:transform .2s ease}
details.faq[open] summary::after{content:"–"}
details.faq .answer{margin-top:12px;color:rgba(255,255,255,.78);font-size:.98rem}
.cta-strip{background:linear-gradient(90deg,#10131c,#161a26);border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:40px;text-align:center;margin:20px auto 0;max-width:1060px}
.cta-strip h2{margin-bottom:12px}
.cta-strip p{color:rgba(255,255,255,.72);margin-bottom:22px}
.foot-addr{font-style:normal;line-height:1.7}
.foot-col{display:flex;flex-direction:column;gap:8px}
.foot-col a{color:rgba(255,255,255,.8)}
.foot-bottom{text-align:center}
.hd .co{display:block;font-size:1.05rem;font-weight:800;letter-spacing:.1em;color:#60a5fa;margin-bottom:14px;line-height:1.35}
@media (max-width:560px){.hd .co{font-size:.92rem}}
.hd .qh{position:relative;color:#fff;font-size:1.45rem;font-weight:800;line-height:1.3;letter-spacing:-.015em;margin:0 0 8px;padding-left:44px;text-wrap:balance}
.hd .qm{position:absolute;left:0;top:4px;width:30px;height:auto;color:#34d399}
.hd .by{color:rgba(255,255,255,.62);font-weight:600;font-size:.95rem;margin:0 0 16px;padding-left:44px}
@media (max-width:560px){.hd .qh{font-size:1.2rem;padding-left:36px}.hd .qm{width:24px}.hd .by{padding-left:36px}}
.tpx-av.av0{background:#bfe3d0}
.tpx-av.av1{background:#c9e6d6}
.tpx-av.av2{background:#d6e4fb}
.tpx-av.av3{background:#e3d7f7}
.tpx-av.av4{background:#f7d4dc}
.tpx-av.av5{background:#fde7a9}
.tpx-av.av6{background:#fdf0b5}
.cta-strip{margin-top:56px}
.tp-view{width:100%;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
@media (max-width:560px){.tp-view{-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}}
.tp-track{list-style:none;margin:0;padding:4px 0 14px;display:flex;gap:16px;width:max-content;align-items:stretch;animation:tp-loop 180s linear infinite}
@media (max-width:560px){.tp-track{animation-duration:300s}}
.tp-view:hover .tp-track,.tp-view:focus-within .tp-track,.tp-view:active .tp-track{animation-play-state:paused}
@keyframes tp-loop{from{transform:translateX(0)}to{transform:translateX(calc(-50% - 8px))}}
@media (prefers-reduced-motion:reduce){.tp-track{animation:none}.tp-view{overflow-x:auto}}
.tpx-tog{position:absolute;opacity:0;pointer-events:none}
.tpx-more{display:none;align-self:flex-start;cursor:pointer;font-size:.9rem;color:#191919;text-decoration:underline;margin:-2px 0 8px}
.tpx.long .tpx-more{display:inline}
.tpx-tog:checked~.tpx-body{display:block}
.tpx-more .less,.tpx-tog:checked~.tpx-more .more{display:none}
.tpx-tog:checked~.tpx-more .less{display:inline}
.vid{display:block}
.foot-logo{margin-bottom:14px}
.foot-logo img{height:36px;width:auto}