
:root{color-scheme:dark;--bg:#0d0b13;--surface:#181320;--card:#1c1626;--txt:#f2edf9;--muted:#b3a7bf;--violet:#b49bff;--red:#ee8d94;--border:#3e314c}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 80% 2%,#3e275a55,transparent 35%),var(--bg);color:var(--txt);font:16px/1.65 system-ui,-apple-system,'Segoe UI',sans-serif}a{color:var(--violet)}a:hover{color:#fff}a:focus-visible,button:focus-visible{outline:3px solid var(--red);outline-offset:3px}.wrap{max-width:1080px;padding:0 24px;margin:auto}.skip{position:absolute;left:-1000px}.skip:focus{left:14px;top:8px;z-index:99;background:#fff;color:#111;padding:10px}header{position:sticky;top:0;z-index:5;background:#0d0b13ed;border-bottom:1px solid var(--border);backdrop-filter:blur(14px)}header .wrap{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:72px}.logo{font-weight:900;letter-spacing:.13em;text-decoration:none;color:#fff;font-size:17px}.logo:before{content:'◉';color:var(--violet);margin-right:10px}nav{display:flex;gap:20px;align-items:center}nav a{font-size:13px;text-decoration:none;color:#d5cbe0}.button{background:var(--violet);color:#100c19!important;display:inline-block;border-radius:11px;padding:12px 20px;text-decoration:none;font-weight:800}.button:hover{background:#d4c2ff}.button.ghost{background:#241b31;color:#fff!important;border:1px solid var(--border)}.hero{padding:86px 0 66px;border-bottom:1px solid var(--border)}.kicker{text-transform:uppercase;color:var(--red);font-size:12px;letter-spacing:.22em;font-weight:800}.hero h1{max-width:820px;font-size:clamp(38px,6vw,68px);letter-spacing:-.055em;line-height:1.12;margin:15px 0 21px}.hero .lead{max-width:710px;color:#d2c8dc;font-size:19px}.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}.micro{font-size:13px;color:var(--muted);margin-top:19px}.section{padding:65px 0;border-bottom:1px solid #ffffff0d}.section h2{font-size:clamp(27px,3.8vw,42px);letter-spacing:-.035em;line-height:1.2;margin:0 0 18px}.section p{max-width:800px;color:#cfc5d9}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.tile{display:block;padding:22px;border:1px solid var(--border);background:linear-gradient(145deg,#22192d,#15101d);border-radius:17px;text-decoration:none;color:var(--txt)}.tile strong{display:block;margin-bottom:8px}.tile p{margin:0;color:var(--muted);font-size:14px}.step{border-left:3px solid #8266c1;padding:8px 20px;margin:18px 0}.step strong{color:#fff}.note{padding:17px 21px;background:#1f1929;border:1px solid #4e3c65;border-radius:12px;color:#d9cde2}.faq details{border-bottom:1px solid var(--border);padding:16px 0;max-width:850px}.faq summary{cursor:pointer;font-weight:700}.faq p{margin:12px 0}.crumb{color:#9f90ae;font-size:13px;margin-bottom:24px}.crumb a{color:#c8b8dc}.tags a{display:inline-block;border:1px solid var(--border);padding:8px 11px;margin:3px;border-radius:9px;text-decoration:none;color:#d9cdea;font-size:13px}.bottomcta{padding:60px 0;text-align:center;background:radial-gradient(ellipse at 50% 60%,#55387870,transparent 74%)}footer{border-top:1px solid var(--border);padding:30px 0;color:#a99fb8;font-size:13px}footer .wrap{display:flex;justify-content:space-between;gap:22px;flex-wrap:wrap}footer a{margin-left:15px;color:#cbbbdc}.muted{color:var(--muted)}@media(max-width:800px){.grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:540px){.wrap{padding:0 18px}.grid{grid-template-columns:1fr}nav a:not(.button){display:none}.hero{padding:60px 0 45px}.section{padding:45px 0}header .wrap{min-height:65px}.logo{font-size:13px}.button{padding:10px 14px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* User experiences: clearly identified examples, not testimonials */
.experience-disclaimer{max-width:780px;font-size:14px;color:var(--muted)}
.experience-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:25px 0}
.experience-card{border:1px solid var(--border);background:linear-gradient(145deg,#23192e,#16111f);border-radius:17px;padding:23px}
.experience-card h3{font-size:20px;line-height:1.3;margin:10px 0}.experience-card p{font-size:15px;color:#cfc5d9;margin:0}
.example-tag{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--violet);font-weight:800}
.share-experience{border:1px solid var(--border);border-radius:12px;background:#21192b;padding:15px 19px;max-width:800px}
.share-experience summary{cursor:pointer;color:var(--violet);font-weight:800}.share-experience p{font-size:14px;margin:12px 0 0;color:var(--muted)}
@media(max-width:800px){.experience-grid{grid-template-columns:1fr}}
