:root{
  --bg:#08080c;--panel:#111119;--panel2:#171722;--panel3:#1d1d29;
  --text:#f7f7fb;--muted:#9797a8;--muted2:#6e6e7d;--line:rgba(255,255,255,.09);
  --purple:#7d56ff;--pink:#f447a6;--lime:#cfff5c;--danger:#ff6372;
  --green:#52e98a;--shadow:0 30px 100px rgba(0,0,0,.48);--r:22px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;min-height:100vh;color:var(--text);
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  background:
    radial-gradient(circle at 10% -8%,rgba(125,86,255,.22),transparent 31%),
    radial-gradient(circle at 98% 8%,rgba(244,71,166,.1),transparent 25%),
    var(--bg);
}
button,textarea,input,select{font:inherit}
button{cursor:pointer}
button:focus-visible,textarea:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid rgba(207,255,92,.75);outline-offset:2px}
.shell{max-width:1280px;margin:auto;padding:18px}
.topbar{height:58px;display:flex;align-items:center;justify-content:space-between;gap:14px}
.brand{display:flex;gap:10px;align-items:center;background:none;border:0;color:white;font-weight:950;font-size:21px;letter-spacing:-.04em}
.brandmark{width:36px;height:36px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(135deg,var(--purple),var(--pink));box-shadow:0 10px 28px rgba(125,86,255,.25)}
.brandmark.small{width:30px;height:30px;border-radius:10px;font-size:13px}
.presence{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted);padding:8px 11px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.025)}
.liveDot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 14px rgba(82,233,138,.7)}
.rulesTop{border:1px solid var(--line);border-radius:999px;padding:9px 13px;background:rgba(255,255,255,.035);color:#d5d5de;font-weight:750}
.view{display:none}.view.active{display:block}

.hero{display:grid;grid-template-columns:1.08fr .92fr;gap:56px;align-items:center;min-height:calc(100vh - 80px);padding:52px 20px 82px}
.heroCopy h1{font-size:clamp(56px,7vw,94px);letter-spacing:-.072em;line-height:.91;margin:16px 0 24px}
.heroCopy h1 span{background:linear-gradient(90deg,#fff,#d7ccff 50%,#ff92c9);-webkit-background-clip:text;background-clip:text;color:transparent}
.heroCopy>p{font-size:19px;line-height:1.55;color:#c4c4cf;max-width:700px}
.heroCopy strong{color:#f6f6fa}
.trendChip{display:inline-flex;border:1px solid var(--line);border-radius:999px;padding:9px 12px;background:rgba(255,255,255,.035);font-size:13px;color:#d1d1dc}
.trendChip b{color:var(--lime)}
.selectorTitle{font-size:12px;color:#8e8e9e;font-weight:800;margin:30px 0 10px;letter-spacing:.02em}
.vibes{display:flex;flex-wrap:wrap;gap:8px;max-width:700px}
.vibe{border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.04);color:#dedee7;padding:10px 14px;transition:.18s}
.vibe:hover{transform:translateY(-1px);background:rgba(255,255,255,.065)}
.vibe.active{border-color:rgba(125,86,255,.58);background:rgba(125,86,255,.18);color:white}
.heroActions{display:flex;gap:10px;margin-top:24px;flex-wrap:wrap}
.primary,.secondary{border-radius:15px;padding:13px 17px;font-weight:900}
.primary{border:0;color:white;background:linear-gradient(135deg,var(--purple),var(--pink));box-shadow:0 12px 34px rgba(125,86,255,.2);transition:.18s}
.primary:hover{transform:translateY(-1px);filter:brightness(1.06)}
.secondary{border:1px solid var(--line);background:rgba(255,255,255,.04);color:white;transition:.18s}
.secondary:hover{background:rgba(255,255,255,.07)}
.xl{padding:15px 21px;font-size:16px}
.legalMicro{font-size:11px!important;color:#777787!important;margin-top:13px!important}
.legalMicro button{border:0;background:none;color:#9c92d7;padding:0;text-decoration:underline}
#filterBtn.hasFilters{border-color:rgba(207,255,92,.32);background:rgba(207,255,92,.07);color:#efffc7}

.heroVisual{display:flex;justify-content:center}
.phone{width:min(430px,100%);min-height:645px;background:linear-gradient(180deg,#15151f,#0d0d13);border:1px solid rgba(255,255,255,.1);border-radius:34px;padding:18px;box-shadow:var(--shadow);position:relative;overflow:hidden}
.phone:before{content:"";position:absolute;width:280px;height:280px;border-radius:50%;background:rgba(125,86,255,.13);filter:blur(16px);left:-110px;top:-110px}
.mockHeader,.mockMatch,.mockMessages,.mockComposer{position:relative;z-index:1}
.mockHeader{display:flex;align-items:center;gap:10px;padding-bottom:14px;border-bottom:1px solid var(--line)}
.avatar{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:#222232;border:1px solid var(--line)}
.mockHeader>div:nth-child(2){display:flex;flex-direction:column;gap:2px}.mockHeader span{font-size:11px;color:var(--muted)}
.miniLive{margin-left:auto!important;color:#63ea93!important}
.mockMatch{margin-top:14px;padding:11px 12px;border:1px solid rgba(125,86,255,.2);border-radius:14px;background:rgba(125,86,255,.08);font-size:12px;color:#cbc7de}
.mockMessages{display:flex;flex-direction:column;gap:10px;padding:24px 0}
.bubble{max-width:82%;padding:10px 13px;border-radius:17px;line-height:1.4;font-size:14px;overflow-wrap:anywhere}
.bubble.them{align-self:flex-start;background:#1a1a25;border-bottom-left-radius:5px}
.bubble.me{align-self:flex-end;background:linear-gradient(135deg,#6950db,#8e49ba);border-bottom-right-radius:5px}
.voiceMock{display:flex;align-items:center;gap:8px}.wave{letter-spacing:1px}.voiceMock small{opacity:.7}
.mutualMock{align-self:center;border:1px dashed rgba(207,255,92,.28);padding:10px 12px;border-radius:13px;color:#d9e7ba;font-size:11px;background:rgba(207,255,92,.035)}
.mockComposer{margin-top:auto;height:48px;border-radius:15px;background:#181821;border:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 8px 0 13px;color:#737382;font-size:13px}
.mockComposer b{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:var(--lime);color:#09090b;font-size:18px}

.featureSection{padding:80px 20px 100px}
.sectionHead{display:grid;grid-template-columns:1fr .7fr;gap:30px;align-items:end;margin-bottom:30px}
.eyebrow,.queueEyebrow,.modalKicker{font-size:10px;font-weight:950;letter-spacing:.11em;color:var(--lime)}
.sectionHead h2{font-size:clamp(38px,5vw,60px);letter-spacing:-.055em;line-height:1;margin:9px 0 0}
.sectionHead>p{color:var(--muted);line-height:1.6;margin:0}
.featureGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.featureGrid article{background:rgba(255,255,255,.033);border:1px solid var(--line);padding:21px;border-radius:20px;min-height:165px}
.featureGrid article>span{font-size:27px}.featureGrid h3{margin:20px 0 8px}.featureGrid p{margin:0;color:var(--muted);line-height:1.5;font-size:13px}

.queueCard{max-width:590px;margin:10vh auto;padding:46px 30px;text-align:center;background:rgba(255,255,255,.035);border:1px solid var(--line);border-radius:28px;box-shadow:0 25px 80px rgba(0,0,0,.28)}
.radar{width:124px;height:124px;margin:0 auto 24px;border-radius:50%;position:relative;background:radial-gradient(circle,rgba(125,86,255,.4) 0 3%,transparent 4% 28%,rgba(125,86,255,.15) 29% 30%,transparent 31% 57%,rgba(125,86,255,.12) 58% 59%,transparent 60%);border:1px solid rgba(125,86,255,.18);overflow:hidden}
.radar:after{content:"";position:absolute;width:50%;height:50%;left:50%;top:0;transform-origin:left bottom;background:linear-gradient(90deg,rgba(125,86,255,.28),transparent);animation:sweep 1.6s linear infinite}
.radarDot{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--lime);top:38px;left:78px;box-shadow:0 0 13px var(--lime)}
@keyframes sweep{to{transform:rotate(360deg)}}
.queueCard h2{font-size:34px;margin:7px 0 10px;letter-spacing:-.035em}.queueCard>p{color:var(--muted);line-height:1.5}
.queueMeta{display:flex;justify-content:center;gap:7px;flex-wrap:wrap;margin:18px 0 10px}.queueMeta span{padding:8px 10px;border-radius:999px;border:1px solid var(--line);font-size:11px;color:#cfcfda;background:rgba(255,255,255,.025)}
.queueTimer{font-size:12px;color:#6f6f7d;font-variant-numeric:tabular-nums;margin:12px 0 21px}
.queueActions{display:flex;align-items:center;justify-content:center;gap:12px}
.linkDanger{border:0;background:none;color:#b27d84;padding:10px 12px}

.chatLayout{height:calc(100vh - 90px);min-height:650px;display:grid;grid-template-columns:270px 1fr;gap:12px;padding-top:10px}
.sidePanel,.chatPanel{border:1px solid var(--line);background:rgba(16,16,23,.94);border-radius:22px}
.sidePanel{padding:18px;display:flex;flex-direction:column;gap:12px}
.sideBrand{display:flex;align-items:center;gap:9px;margin-bottom:6px}.sideBrand div{display:flex;flex-direction:column}.sideBrand small{color:var(--muted);font-size:10px;margin-top:1px}
.statCard{background:#171721;border:1px solid var(--line);padding:14px;border-radius:16px;display:flex;flex-direction:column;gap:5px}.statCard small{color:#777787;font-size:9px;font-weight:800;letter-spacing:.08em}.statCard b{font-size:13px}
.sideAction{border:1px solid var(--line);background:#171721;color:#eee;border-radius:14px;padding:12px;text-align:left;font-size:13px;font-weight:750}
.mediaStatus{display:flex;gap:10px;align-items:flex-start;background:#171721;border:1px solid var(--line);padding:13px;border-radius:15px}.mediaStatus>span{font-size:17px}.mediaStatus div{display:flex;flex-direction:column;gap:3px}.mediaStatus b{font-size:11px}.mediaStatus small{font-size:9px;color:var(--muted);line-height:1.4}
.mediaStatus.unlocked{border-color:rgba(82,233,138,.22);background:rgba(82,233,138,.05)}
.safetyBox{margin-top:auto;background:rgba(255,255,255,.025);border:1px solid var(--line);padding:14px;border-radius:15px}.safetyBox b{font-size:11px}.safetyBox p{font-size:10px;color:var(--muted);line-height:1.5;margin-bottom:8px}.safetyBox button{border:0;background:none;color:#9b90d8;padding:0;font-size:10px;text-decoration:underline}
.chatPanel{display:flex;flex-direction:column;min-width:0;overflow:hidden;position:relative}
.chatHeader{height:72px;display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-bottom:1px solid var(--line)}
.chatIdentity{display:flex;align-items:center;gap:10px}.avatar.big{width:44px;height:44px}.chatIdentity>div:last-child{display:flex;flex-direction:column}.chatIdentity span{font-size:11px;color:#71db94;margin-top:2px}
.chatHeaderActions{display:flex;gap:7px}.iconBtn,.dangerBtn{height:36px;border-radius:11px}.iconBtn{width:36px;border:1px solid var(--line);background:#191923;color:#ddd}.dangerBtn{border:1px solid rgba(255,99,114,.2);background:rgba(255,99,114,.075);color:#ffabb3;padding:0 12px;font-weight:800}
.matchStrip{margin:12px 14px 0;padding:10px 12px;border-radius:13px;background:rgba(125,86,255,.08);border:1px solid rgba(125,86,255,.17);font-size:11px;color:#c9c6d8}
.messages{flex:1;min-height:0;overflow:auto;padding:18px 16px;display:flex;flex-direction:column;gap:9px;overscroll-behavior:contain}
.msg{max-width:min(72%,620px);display:flex;flex-direction:column}.msg.mine{align-self:flex-end;align-items:flex-end}.msg.theirs{align-self:flex-start;align-items:flex-start}.msg .bubble{max-width:100%}
.msgMeta{font-size:9px;color:#696979;margin-top:3px;padding:0 3px}
.systemMsg{align-self:center;color:#747483;font-size:10px;background:rgba(255,255,255,.025);padding:7px 10px;border-radius:999px;text-align:center}
.questionMsg{align-self:center;width:min(520px,90%);background:linear-gradient(135deg,rgba(125,86,255,.12),rgba(244,71,166,.06));border:1px solid rgba(125,86,255,.2);padding:13px 15px;border-radius:16px;text-align:center;font-size:12px;color:#ddd9ed}
.typing{height:22px;padding:0 18px;color:#777787;font-size:10px}
.composerWrap{border-top:1px solid var(--line)}
.composerBar{display:flex;gap:9px;padding:10px 12px 13px}
.mediaActions{display:flex;gap:6px}.mediaBtn{width:42px;height:42px;border-radius:13px;border:1px solid var(--line);background:#181821;color:white;display:grid;place-items:center}.mediaBtn:hover{background:#20202c}.mediaBtn.locked{opacity:.8}
.textComposer{flex:1;display:flex;background:#171721;border:1px solid var(--line);border-radius:14px;align-items:flex-end;padding:4px}
.textComposer textarea{resize:none;flex:1;max-height:110px;background:transparent;border:0;outline:0;color:white;padding:8px 9px;line-height:1.4}
.sendBtn{width:34px;height:34px;border-radius:11px;border:0;background:var(--lime);color:#09090c;font-size:18px;font-weight:900}
.recordingBar{display:none;align-items:center;gap:8px;padding:12px;background:rgba(255,99,114,.055);font-size:12px}.recordingBar.active{display:flex}
.recordDot{width:9px;height:9px;border-radius:50%;background:var(--danger);animation:pulse 1s infinite}@keyframes pulse{50%{opacity:.35}}
.recordingBar button{margin-left:auto;border:0;background:none;color:#aaa}.recordingBar .sendRecording{margin-left:0!important;background:var(--danger);color:white;border-radius:10px;padding:7px 10px;font-weight:800}
.endedPanel{position:absolute;inset:73px 0 0;background:rgba(12,12,17,.93);backdrop-filter:blur(12px);display:none;place-items:center;align-content:center;text-align:center;padding:30px;z-index:8}
.endedPanel.active{display:grid}.endedIcon{font-size:38px}.endedPanel h3{font-size:28px;letter-spacing:-.04em;margin:12px 0 8px}.endedPanel p{color:var(--muted);margin:0 0 20px}.endedPanel .primary,.endedPanel .secondary{width:min(330px,100%);margin:4px}

.photoMsg{width:min(310px,62vw);border-radius:15px;overflow:hidden;position:relative;border:1px solid var(--line);background:#171721}
.photoMsg img{display:block;width:100%;max-height:360px;object-fit:cover}.photoMsg.blurred img{filter:blur(18px) brightness(.62);transform:scale(1.08)}
.revealPhoto{position:absolute;inset:0;margin:auto;width:max-content;height:max-content;border:1px solid rgba(255,255,255,.18);background:rgba(10,10,14,.74);backdrop-filter:blur(5px);color:white;border-radius:999px;padding:9px 12px;font-weight:800;font-size:11px}
.voiceMsg{min-width:235px;display:flex;align-items:center;gap:9px}.voicePlay{width:31px;height:31px;border-radius:50%;border:0;background:rgba(255,255,255,.16);color:white}.voiceWave{letter-spacing:1px;opacity:.78;font-size:11px;flex:1}.voiceDuration{font-size:10px;opacity:.65}

.modal{position:fixed;inset:0;z-index:50;display:none;place-items:center;padding:16px;background:rgba(0,0,0,.76);backdrop-filter:blur(11px)}.modal.open{display:grid}
.modalBox{width:min(540px,100%);max-height:90vh;overflow:auto;background:#12121a;border:1px solid var(--line);border-radius:25px;padding:24px;box-shadow:var(--shadow);position:relative}
.filtersBox{width:min(690px,100%)}.modalTop{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.modalBox h2{font-size:28px;letter-spacing:-.035em;margin:5px 0 10px}.modalBox>p{color:var(--muted);line-height:1.5}
.modalClose{border:1px solid var(--line);background:#181821;color:#ddd;width:36px;height:36px;border-radius:12px;font-size:20px}
.modalIcon{width:52px;height:52px;border-radius:17px;display:grid;place-items:center;background:rgba(125,86,255,.15);color:#d0c5ff;font-weight:950}
.filterSections{display:grid;gap:16px;margin:18px 0}.filterSections section{border:1px solid var(--line);border-radius:17px;padding:15px;background:#161620}.filterSections h3{font-size:12px;margin:0 0 12px;color:#d9d9e4}
.filterGrid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.filterField{display:grid;gap:6px}.filterField.wide{grid-column:1/-1}.filterField>span{font-size:10px;color:#8e8e9d;font-weight:800}.filterField select{width:100%;border:1px solid var(--line);background:#1b1b26;color:#f4f4f8;border-radius:12px;padding:11px 12px;outline:none}
.filterToggle{display:flex;gap:10px;align-items:flex-start;border-top:1px solid var(--line);margin-top:13px;padding-top:13px}.filterToggle input{margin-top:3px}.filterToggle span{display:flex;flex-direction:column;gap:3px}.filterToggle b{font-size:12px}.filterToggle small{font-size:10px;color:var(--muted);line-height:1.4}
.filterHint,.consentNotice{border:1px solid rgba(207,255,92,.14);background:rgba(207,255,92,.035);color:#bac7a1;border-radius:13px;padding:10px 12px;font-size:10px;line-height:1.45;margin-bottom:16px}
.modalActions{display:flex;gap:8px}.modalActions>*{flex:1}
.reportReasons{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:16px}.reportReasons button{border:1px solid var(--line);background:#181821;color:#eee;text-align:left;padding:12px;border-radius:12px}.reportReasons button:hover{background:#20202c}.dangerText{color:#ff8e99}
.imageModalBox{width:min(760px,100%);position:relative;background:#0c0c11;border:1px solid var(--line);border-radius:22px;padding:10px}.imageModalBox img{width:100%;max-height:75vh;object-fit:contain;border-radius:15px;display:block}.closeImage{position:absolute;right:17px;top:17px;z-index:2;width:35px;height:35px;border-radius:50%;border:1px solid var(--line);background:rgba(0,0,0,.58);color:white;font-size:20px}.imageModalActions{padding:9px 0 0;text-align:right}
.textModal{width:min(610px,100%)}.rulesList{display:grid;gap:9px;margin-top:17px}.rulesList p{margin:0;padding:12px 13px;border-radius:13px;border:1px solid var(--line);background:#171721;color:#b9b9c6;font-size:12px;line-height:1.55}.rulesList b{color:#f0f0f5}

.toast{position:fixed;left:50%;bottom:20px;transform:translateX(-50%) translateY(20px);z-index:100;background:#efeff4;color:#111;padding:10px 13px;border-radius:12px;font-size:12px;font-weight:800;opacity:0;pointer-events:none;transition:.22s;box-shadow:0 10px 40px rgba(0,0,0,.25)}.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
.footer{border-top:1px solid var(--line);padding:25px 5px 35px;color:#626270;font-size:10px;display:flex;align-items:center;justify-content:space-between;gap:15px}.footer div{display:flex;gap:12px}.footer button{border:0;background:none;color:#747484;padding:0;font-size:10px}

@media(max-width:980px){
  .hero{grid-template-columns:1fr;text-align:center;padding-top:42px}.heroCopy>p,.vibes{margin-left:auto;margin-right:auto}.heroActions,.vibes{justify-content:center}.heroVisual{margin-top:12px}
  .sectionHead{grid-template-columns:1fr;text-align:center}.featureGrid{grid-template-columns:1fr 1fr}
  .chatLayout{grid-template-columns:1fr;height:calc(100vh - 80px)}.sidePanel{display:none}
}
@media(max-width:650px){
  .shell{padding:10px}.topbar{height:52px}.brand{font-size:19px}.brandmark{width:33px;height:33px}.presence{font-size:10px;padding:7px 9px}.rulesTop{font-size:10px;padding:8px 10px}
  .hero{padding:34px 5px 65px;gap:30px}.heroCopy h1{font-size:52px}.heroCopy>p{font-size:16px}.trendChip{font-size:11px;max-width:100%;line-height:1.4}.heroActions>*{flex:1;min-width:145px}
  .phone{min-height:590px;border-radius:28px;padding:14px}.featureSection{padding:55px 5px 75px}.featureGrid{grid-template-columns:1fr}.featureGrid article{min-height:auto}
  .queueCard{margin:7vh auto;padding:34px 17px}.queueActions{flex-direction:column}.queueActions .secondary{width:100%}
  .chatLayout{padding-top:4px;height:calc(100dvh - 68px);min-height:540px}.chatPanel{border-radius:18px}.chatHeader{height:62px;padding:7px 8px}.avatar.big{width:38px;height:38px}.chatIdentity b{font-size:13px}.chatHeaderActions{gap:4px}.iconBtn{width:33px;height:34px}.dangerBtn{height:34px;font-size:10px;padding:0 8px}.matchStrip{margin:7px 7px 0;padding:8px 9px}
  .messages{padding:11px 8px}.msg{max-width:86%}.typing{padding-left:10px}
  .composerBar{padding:7px;gap:5px}.mediaActions{gap:4px}.mediaBtn{width:38px;height:40px}.textComposer textarea{font-size:16px}
  .endedPanel{inset:63px 0 0}
  .filterGrid,.reportReasons{grid-template-columns:1fr}.modalBox{padding:19px;border-radius:21px}.modalActions{flex-direction:column}.footer{flex-wrap:wrap}
}


/* SEO discovery — visible, useful content rather than hidden keyword stuffing */
.seoDiscovery{padding:10px 20px 100px}
.seoDiscoveryInner{border:1px solid var(--line);border-radius:28px;padding:46px;background:linear-gradient(145deg,rgba(125,86,255,.075),rgba(244,71,166,.025) 45%,rgba(255,255,255,.018));box-shadow:0 30px 90px rgba(0,0,0,.18)}
.seoDiscovery h2{font-size:clamp(34px,4vw,54px);letter-spacing:-.05em;line-height:1.03;text-align:center;margin:10px auto 16px;max-width:850px}
.seoDiscovery h2 span{background:linear-gradient(90deg,#a991ff,#ff62b5);-webkit-background-clip:text;background-clip:text;color:transparent}
.seoDiscovery>.seoDiscoveryInner>.eyebrow{display:block;text-align:center}
.seoLead{max-width:850px;margin:0 auto;color:#b8b8c5;line-height:1.7;text-align:center;font-size:15px}
.seoLead strong{color:#eeeafc}
.seoPills{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:24px auto 34px}
.seoPills span{border:1px solid rgba(125,86,255,.22);background:rgba(125,86,255,.055);padding:8px 11px;border-radius:999px;color:#c8c4d7;font-size:11px}
.seoSplit{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:1000px;margin:0 auto}
.seoSplit article{border:1px solid var(--line);border-radius:18px;background:rgba(12,12,18,.48);padding:22px}
.seoSplit h3{font-size:18px;letter-spacing:-.025em;margin:0 0 9px}
.seoSplit p{font-size:12px;color:var(--muted);line-height:1.65;margin:0 0 12px}
.textLink{color:#b4a6ff;text-decoration:none;font-size:11px;font-weight:800}.textLink:hover{text-decoration:underline}
.seoCta{max-width:1000px;margin:14px auto 0;border:1px solid rgba(125,86,255,.2);border-radius:18px;padding:15px 17px;display:flex;justify-content:space-between;align-items:center;gap:16px;background:rgba(125,86,255,.05)}
.seoCta>div{display:flex;flex-direction:column;gap:3px}.seoCta b{font-size:13px}.seoCta small{font-size:10px;color:var(--muted)}
.footer a{border:0;background:none;color:#747484;padding:0;font-size:10px;text-decoration:none}.footer a:hover{text-decoration:underline;color:#a39dbd}

/* Dedicated SEO landing pages */
.seoPage{max-width:1100px;margin:0 auto;padding:55px 20px 100px}
.seoPageHero{text-align:center;max-width:900px;margin:0 auto 40px}
.seoPageHero .eyebrow{display:block;margin-bottom:12px}
.seoPageHero h1{font-size:clamp(44px,7vw,78px);letter-spacing:-.065em;line-height:.98;margin:0 0 20px}
.seoPageHero h1 span{background:linear-gradient(90deg,#a18aff,#ff5fad);-webkit-background-clip:text;background-clip:text;color:transparent}
.seoPageHero>p{max-width:760px;margin:0 auto;color:#b8b8c5;line-height:1.7;font-size:16px}
.seoPageActions{display:flex;justify-content:center;gap:9px;flex-wrap:wrap;margin-top:24px}.seoPageActions a{text-decoration:none}
.seoArticleGrid{display:grid;grid-template-columns:1.15fr .85fr;gap:14px;align-items:start}
.seoArticle,.seoAside{border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.025);padding:28px}
.seoArticle h2{font-size:30px;letter-spacing:-.04em;margin:0 0 12px}.seoArticle h3{font-size:20px;margin:30px 0 9px;letter-spacing:-.025em}
.seoArticle p,.seoArticle li,.seoAside p{color:#aaaab8;line-height:1.75;font-size:14px}.seoArticle strong{color:#f1f0f6}
.seoArticle ul{padding-left:20px}.seoAside{position:sticky;top:20px}.seoAside h2{font-size:18px;margin:0 0 10px}.seoAside .primary{width:100%;margin-top:12px;text-align:center;text-decoration:none;display:block}
.seoFaq{margin-top:16px}.seoFaq details{border-top:1px solid var(--line);padding:13px 0}.seoFaq summary{cursor:pointer;font-weight:800;font-size:13px}.seoFaq details p{margin:8px 0 0;font-size:12px}
.brandLink{display:flex;gap:10px;align-items:center;color:white;font-weight:950;font-size:21px;letter-spacing:-.04em;text-decoration:none}
.seoNavLinks{display:flex;align-items:center;gap:9px}.seoNavLinks a{color:#bcbcc8;text-decoration:none;font-size:12px}.seoNavLinks a:hover{color:white}
.seoLegalNote{font-size:11px!important;color:#777787!important;margin-top:18px!important}

@media(max-width:760px){
  .seoDiscovery{padding:5px 5px 70px}.seoDiscoveryInner{padding:30px 15px;border-radius:22px}.seoSplit{grid-template-columns:1fr}.seoCta{flex-direction:column;text-align:center}.seoCta .primary{width:100%}
  .seoPage{padding:38px 5px 70px}.seoPageHero h1{font-size:48px}.seoArticleGrid{grid-template-columns:1fr}.seoAside{position:static}.seoArticle,.seoAside{padding:20px}.seoNavLinks a:not(.primary){display:none}
}