:root{--bg:#070A12;--panel:#0E1422;--panel2:#121A2B;--panel3:#0B111D;--text:#F7F8FC;--muted:#8E9AAF;--line:rgba(134,153,190,.16);--cyan:#00D4FF;--cyan2:#55E5FF;--violet:#7B61FF;--violet2:#A849FF;--pink:#FF5CAA;--red:#FF6868;--amber:#F59E0B;--green:#22C55E;--accent-gradient:linear-gradient(105deg,#7B61FF 0%,#9A42FF 38%,#00D4FF 100%);--shadow:0 24px 70px rgba(0,0,0,.34)}
html{background:var(--bg)}body{background:radial-gradient(900px 560px at 82% -120px,rgba(123,97,255,.17),transparent 64%),radial-gradient(760px 500px at 5% 20%,rgba(0,212,255,.07),transparent 66%),radial-gradient(720px 620px at 85% 70%,rgba(255,92,170,.055),transparent 70%),linear-gradient(180deg,#070A12 0%,#080C16 45%,#070A12 100%);color:var(--text)}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.18;background-image:linear-gradient(rgba(255,255,255,.016) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.012) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,black,transparent 78%)}
.topbar{background:rgba(7,10,18,.78);border-color:rgba(134,153,190,.12);box-shadow:0 10px 38px rgba(0,0,0,.13)}.brand{display:flex;align-items:center;gap:8px;text-transform:none;font-weight:860;letter-spacing:-.025em;font-size:19px}.brand span{background:linear-gradient(120deg,var(--violet2),var(--cyan));-webkit-background-clip:text;background-clip:text;color:transparent}.brandmark{display:grid;place-items:center;width:26px;height:26px;font-style:normal;font-size:18px;background:var(--accent-gradient);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 10px rgba(123,97,255,.45))}.chip{background:rgba(15,22,37,.8);border-color:rgba(145,162,195,.16);color:#A6B1C4}.avatar{background:linear-gradient(135deg,rgba(123,97,255,.22),rgba(0,212,255,.16));border-color:rgba(123,97,255,.34);color:#D9D6FF}
.landing{max-width:1240px;margin:0 auto;padding-bottom:90px}.hero-v08{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(390px,.95fr);gap:64px;align-items:center;text-align:left;padding:84px 0 70px}.hero-copy{min-width:0}.kicker{background:linear-gradient(100deg,var(--cyan),#7B78FF,var(--pink));-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:900;letter-spacing:.12em}.hero h1{margin:17px 0 20px;max-width:720px;font-size:clamp(48px,6.2vw,80px);line-height:1.015}.hero h1 em{background:var(--accent-gradient);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 7px 26px rgba(103,85,255,.12))}.hero p{margin:0;max-width:670px;font-size:19px;color:#A6B1C4}.hero .cta-row{justify-content:flex-start;margin-top:30px}.hero-proof{display:flex;gap:9px;flex-wrap:wrap;margin-top:22px}.hero-proof span{display:inline-flex;align-items:center;gap:5px;padding:7px 10px;border:1px solid var(--line);border-radius:999px;background:rgba(14,20,34,.66);color:#98A6BB;font-size:11px}
.btn{border-radius:13px;position:relative;overflow:hidden;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,filter .18s ease}.btn:hover{transform:translateY(-1px);filter:brightness(1.05)}.btn.primary{background:var(--accent-gradient);color:white;box-shadow:0 10px 32px rgba(105,71,255,.24),inset 0 1px 0 rgba(255,255,255,.18)}.btn.primary:hover{box-shadow:0 14px 38px rgba(105,71,255,.31),0 0 28px rgba(0,212,255,.08)}.btn.secondary{background:linear-gradient(#101829,#101829) padding-box,linear-gradient(120deg,rgba(123,97,255,.55),rgba(0,212,255,.35)) border-box;border:1px solid transparent}.btn.ghost{background:rgba(10,16,27,.45);border-color:rgba(137,154,190,.16)}.cta-arrow{display:inline-block;margin-left:10px;font-size:18px}
.hero-product{position:relative;min-height:510px;display:grid;place-items:center}.product-glow{position:absolute;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(123,97,255,.22),rgba(0,212,255,.08) 40%,transparent 70%);filter:blur(18px)}.mock-window{position:relative;width:min(445px,100%);padding:18px;border-radius:28px;background:linear-gradient(150deg,rgba(18,26,43,.97),rgba(9,14,25,.98));border:1px solid rgba(129,110,255,.26);box-shadow:0 38px 100px rgba(0,0,0,.50),0 0 70px rgba(123,97,255,.10);overflow:hidden}.mock-window:before{content:"";position:absolute;inset:0;background:radial-gradient(500px 250px at 80% 0,rgba(123,97,255,.11),transparent 60%);pointer-events:none}.mock-top,.mock-greeting,.mock-score-card,.mock-priority,.mock-decision{position:relative}.mock-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.mini-brand{font-weight:850}.mini-brand i{font-style:normal;color:#876EFF;margin-right:6px}.founder-chip{font-size:10px;font-weight:850;padding:6px 9px;border-radius:999px;border:1px solid rgba(245,158,11,.25);color:#FFD26F;background:rgba(245,158,11,.07)}.mock-greeting{display:grid;gap:3px;margin-bottom:13px}.mock-greeting strong{font-size:22px;letter-spacing:-.025em}.mock-score-card{display:grid;grid-template-columns:110px 1fr;align-items:center;gap:15px;padding:16px;border-radius:18px;background:linear-gradient(135deg,rgba(123,97,255,.12),rgba(0,212,255,.045));border:1px solid rgba(116,104,255,.22)}.mock-score-ring{width:98px;height:98px;border-radius:50%;display:flex;align-items:baseline;justify-content:center;padding-top:27px;background:linear-gradient(#101829,#101829) padding-box,conic-gradient(var(--violet),var(--cyan) 78%,rgba(120,138,176,.12) 78%) border-box;border:8px solid transparent;box-shadow:inset 0 0 20px rgba(0,0,0,.25),0 0 22px rgba(0,212,255,.08)}.mock-score-ring span{font-size:34px;font-weight:900}.mock-score-ring small{font-size:11px;color:var(--muted);margin-left:2px}.mock-score-card strong{font-size:17px}.mock-score-card p,.mock-priority p,.mock-decision p{font-size:12px;margin-top:4px}.mock-priority{display:flex;gap:11px;margin-top:10px;padding:13px;border-radius:15px;background:rgba(11,17,29,.76);border:1px solid var(--line)}.priority-icon{width:31px;height:31px;display:grid;place-items:center;border-radius:10px;background:rgba(0,212,255,.09);color:var(--cyan)}.mock-decision{margin-top:10px;padding:15px;border-radius:16px;background:linear-gradient(135deg,rgba(255,92,170,.07),rgba(123,97,255,.10));border:1px solid rgba(255,92,170,.17)}.mock-decision strong{display:block;font-size:19px;margin-top:4px}.decision-pill{display:inline-flex;margin-top:10px;padding:5px 8px;border-radius:999px;color:#D9D5FF;background:rgba(123,97,255,.11);font-size:10px;border:1px solid rgba(123,97,255,.2)}
.trust-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;border:1px solid var(--line);border-radius:20px;overflow:hidden;background:var(--line);box-shadow:var(--shadow);margin:0 0 24px}.trust-strip>div{background:rgba(12,18,31,.94);padding:15px 17px;display:grid;gap:2px}.trust-strip strong{font-size:15px}.trust-strip span{font-size:11px;color:var(--muted)}.section-eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.11em;color:#948BFF;font-weight:850;margin-bottom:10px}.section-title{font-size:42px;line-height:1.08}
.card{background:linear-gradient(160deg,rgba(17,25,42,.97),rgba(10,16,27,.98));border:1px solid rgba(135,151,186,.15);box-shadow:0 24px 60px rgba(0,0,0,.22);position:relative}.card:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,rgba(255,255,255,.025),transparent 45%)}.feature-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(135deg,rgba(123,97,255,.14),rgba(0,212,255,.08));color:#8E78FF;border:1px solid rgba(123,97,255,.12)}.featured{outline:none;border-color:rgba(123,97,255,.52);box-shadow:0 24px 70px rgba(62,42,150,.16)}.ribbon{background:linear-gradient(100deg,#6B54FF,#9B45FF);color:white;box-shadow:0 5px 16px rgba(107,84,255,.25)}
.auth-card{border-color:rgba(123,97,255,.22);box-shadow:0 35px 95px rgba(0,0,0,.42),0 0 40px rgba(123,97,255,.05)}input,select,textarea{background:rgba(8,13,23,.88);border-color:rgba(137,154,190,.16);color:#F6F8FC}input::placeholder,textarea::placeholder{color:#657187}input:focus,select:focus,textarea:focus{border-color:rgba(123,97,255,.65);box-shadow:0 0 0 3px rgba(123,97,255,.09)}
.sidebar{background:linear-gradient(180deg,rgba(9,14,24,.75),rgba(7,11,19,.65));border-color:var(--line)}.nav-btn{border:1px solid transparent}.nav-btn:hover{background:rgba(123,97,255,.045);color:#C2C9D7}.nav-btn.active{background:linear-gradient(120deg,rgba(123,97,255,.13),rgba(0,212,255,.07));color:#EAE9FF;border-color:rgba(123,97,255,.16);box-shadow:inset 3px 0 0 #7B61FF}.stat{background:linear-gradient(145deg,#10182A,#0D1422);border-color:var(--line)}.stat b{background:linear-gradient(120deg,#EEEFFF,#9BEAFF);-webkit-background-clip:text;background-clip:text;color:transparent}.list-item{background:linear-gradient(145deg,rgba(18,26,43,.92),rgba(12,18,30,.96));border-color:var(--line)}
.step{background:#1A2438}.step.done{background:var(--accent-gradient);box-shadow:0 0 13px rgba(123,97,255,.22)}.choice{background:rgba(14,21,35,.9);border-color:var(--line)}.choice.selected{border-color:rgba(123,97,255,.68);background:linear-gradient(130deg,rgba(123,97,255,.13),rgba(0,212,255,.055))}.upload-zone{border-color:rgba(123,97,255,.42);background:linear-gradient(145deg,rgba(123,97,255,.055),rgba(0,212,255,.025))}.upload-plus{background:linear-gradient(135deg,rgba(123,97,255,.17),rgba(0,212,255,.10));color:#9C85FF}.score{background:linear-gradient(#101829,#101829) padding-box,conic-gradient(var(--violet),var(--cyan),var(--pink),var(--violet)) border-box;border:10px solid transparent;box-shadow:0 0 30px rgba(123,97,255,.10),inset 0 0 24px rgba(0,0,0,.22)}.result-block{background:linear-gradient(145deg,rgba(18,26,43,.93),rgba(12,18,30,.97));border-color:var(--line)}
.chatbox{background:linear-gradient(180deg,#080D16,#0A101B);border-color:var(--line)}.bubble.user{background:linear-gradient(120deg,rgba(78,78,229,.82),rgba(30,134,203,.72));color:white}.bubble.ai{background:#151E30;border:1px solid rgba(137,154,190,.12)}.decision-card{background:linear-gradient(135deg,rgba(123,97,255,.09),rgba(0,212,255,.055));border-color:rgba(123,97,255,.24)}.decision-card strong{color:#A791FF}.tag{background:rgba(123,97,255,.06);border-color:rgba(123,97,255,.15)}.bottomnav{background:rgba(8,12,21,.94);border-color:var(--line);box-shadow:0 -14px 32px rgba(0,0,0,.22)}.bottomnav button.active{color:#A68DFF}.bottomnav button:nth-child(3).active span{background:var(--accent-gradient);color:white;box-shadow:0 5px 18px rgba(123,97,255,.28)}.bottomnav button:nth-child(3) span{width:34px;height:28px;margin:0 auto 2px;display:grid;place-items:center;border-radius:9px}.toast{background:rgba(17,25,42,.96);border-color:rgba(123,97,255,.19)}.modal-back{backdrop-filter:blur(8px);background:rgba(2,5,11,.74)}.locked-panel{border-color:rgba(123,97,255,.28);background:linear-gradient(135deg,rgba(123,97,255,.08),rgba(0,212,255,.04))}.consent a,.cyan{color:#8C7BFF}
@media(max-width:1020px){.hero-v08{grid-template-columns:1fr;gap:34px;padding-top:68px;text-align:center}.hero-copy{display:grid;justify-items:center}.hero .cta-row{justify-content:center}.hero-proof{justify-content:center}.hero-product{min-height:470px}.mock-window{width:min(520px,100%)}.trust-strip{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.landing{padding-left:15px;padding-right:15px}.hero-v08{padding:52px 0 42px}.hero h1{font-size:clamp(42px,12vw,58px)}.hero p{font-size:16px}.hero-product{min-height:auto}.mock-window{border-radius:22px;padding:14px}.mock-score-card{grid-template-columns:88px 1fr;gap:11px}.mock-score-ring{width:82px;height:82px;padding-top:22px;border-width:7px}.mock-score-ring span{font-size:27px}.trust-strip{grid-template-columns:1fr 1fr}.trust-strip>div{padding:12px}.section-title{font-size:34px}}


/* Wisyra commercial landing bridge: social identity (cream/teal/coral) inside the dark premium app shell */
.landing .hero-note{margin-top:12px!important;font-size:13px!important;color:#B8C2CF!important}
.landing .mock-window{background:linear-gradient(155deg,#F7F1E8 0%,#EFE7DB 100%);border-color:rgba(15,107,112,.28);box-shadow:0 38px 100px rgba(0,0,0,.48),0 0 70px rgba(15,107,112,.08);color:#19373A}
.landing .mock-window:before{background:radial-gradient(500px 250px at 80% 0,rgba(15,107,112,.10),transparent 62%)}
.landing .mock-window .muted{color:#66797A}.landing .mock-window .kicker{background:linear-gradient(100deg,#0F6B70,#137F82,#D76B5D);-webkit-background-clip:text;background-clip:text;color:transparent}
.landing .mini-brand{color:#173F45}.landing .mini-brand i{color:#0F6B70}.landing .founder-chip{border-color:rgba(215,107,93,.28);color:#A4483D;background:rgba(215,107,93,.10)}
.dating-scene{display:grid;grid-template-columns:118px 1fr;gap:14px;align-items:stretch;margin:13px 0 10px}
.dating-person{display:grid;place-items:center;padding:8px;border-radius:20px;background:#E8DED1;border:1px solid rgba(15,107,112,.12);overflow:hidden}
.dating-person svg{width:100%;height:auto;display:block}
.dating-chat{padding:13px;border-radius:18px;background:#FFF9F1;border:1px solid rgba(23,63,69,.10);box-shadow:0 10px 22px rgba(39,52,58,.07)}
.chat-label{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#6E7E7E;font-weight:800;margin-bottom:8px}
.chat-bubble{max-width:90%;padding:8px 10px;border-radius:13px;font-size:12px;line-height:1.3;margin:6px 0}
.chat-bubble.incoming{background:#E6F0ED;color:#214B4C;border-bottom-left-radius:4px}
.chat-bubble.outgoing{margin-left:auto;background:#0F6B70;color:#fff;border-bottom-right-radius:4px}
.chat-status{text-align:right;color:#8D9897;font-size:9px;margin-top:2px}
.chat-doubts{display:flex;gap:5px;flex-wrap:wrap;margin-top:9px}.chat-doubts span{padding:5px 7px;border-radius:999px;background:#F7E1DB;color:#91493F;font-size:9px;font-weight:800;border:1px solid rgba(215,107,93,.17)}
.landing .mock-priority{background:rgba(255,249,241,.78);border-color:rgba(23,63,69,.11);color:#19373A}.landing .priority-icon{background:rgba(15,107,112,.10);color:#0F6B70}
.landing .mock-priority p,.landing .mock-decision p{color:#647777}
.landing .mock-decision{background:linear-gradient(135deg,rgba(15,107,112,.08),rgba(215,107,93,.10));border-color:rgba(15,107,112,.14);color:#19373A}
.landing .decision-pill{color:#0F5C60;background:rgba(15,107,112,.09);border-color:rgba(15,107,112,.15)}
.landing .feature-icon{background:linear-gradient(135deg,rgba(15,107,112,.13),rgba(215,107,93,.10));color:#0F6B70;border-color:rgba(15,107,112,.12)}
@media(max-width:620px){.dating-scene{grid-template-columns:88px 1fr;gap:9px}.dating-person{padding:5px;border-radius:16px}.dating-chat{padding:10px}.chat-bubble{font-size:11px}.chat-doubts span{font-size:8px}}



.wisyra-how{padding-top:22px}.how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:22px}
.how-step{position:relative;padding:22px;border-radius:20px;background:linear-gradient(155deg,#F7F1E8,#EEE3D5);border:1px solid rgba(15,107,112,.14);color:#19373A;box-shadow:0 18px 45px rgba(0,0,0,.15)}
.how-step>span{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:#0F6B70;color:white;font-weight:900;margin-bottom:14px}
.how-step h3{margin:0 0 7px}.how-step p{margin:0;color:#617576;font-size:14px}
.wisyra-faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:32px;align-items:start;border-color:rgba(15,107,112,.22)!important}
.faq-grid{display:grid;gap:13px}.faq-grid>div{padding:14px 16px;border-radius:15px;background:rgba(15,107,112,.055);border:1px solid rgba(15,107,112,.10)}
.faq-grid strong{display:block;margin-bottom:4px}.faq-grid p{margin:0;color:#9BA9B5;font-size:13px}
@media(max-width:820px){.how-grid{grid-template-columns:1fr}.wisyra-faq{grid-template-columns:1fr;gap:18px}}



.language-switcher{display:flex;gap:4px;padding:3px;border:1px solid rgba(255,255,255,.09);border-radius:999px;background:rgba(255,255,255,.035)}
.lang-btn{appearance:none;border:0;background:transparent;color:#8D98A7;font-size:10px;font-weight:800;letter-spacing:.04em;padding:5px 7px;border-radius:999px;cursor:pointer}
.lang-btn:hover{color:#fff}.lang-btn.active{background:rgba(255,255,255,.12);color:#fff}
@media(max-width:620px){.language-switcher{gap:2px}.lang-btn{padding:5px 6px}.top-actions .chip{display:none}}