
:root{
 --night:#071222;--night2:#0b1830;--wine:#5b132c;--rose:#ff567a;--blue:#3290ff;
 --gold:#e9b66f;--cream:#fff3eb;--ink:#f8f8fb;--muted:#bec8d6;--line:#31405a;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--night);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.55}
a{color:inherit}.wrap{width:min(1180px,calc(100% - 34px));margin:auto}
header{position:sticky;top:0;z-index:50;background:#06101eea;backdrop-filter:blur(12px);border-bottom:1px solid #26334a}
.nav{min-height:74px;display:flex;align-items:center;gap:18px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;margin-right:auto;font:700 1.3rem Georgia,serif}
.brand img{width:45px;height:45px}.brand span em{color:var(--rose);font-style:normal}
.brand small{display:block;font:700 .55rem Arial;letter-spacing:.18em;color:#e9c98e;margin-top:2px}
.links{display:flex;align-items:center;gap:16px}.links a{text-decoration:none;color:#e8eef6;font-size:.92rem}
.btn{display:inline-block;border:0;border-radius:999px;padding:12px 20px;font-weight:900;text-decoration:none;cursor:pointer}
.btn.rose{background:linear-gradient(90deg,#ff567a,#c22b54);color:white;box-shadow:0 0 24px #ff4d7560}
.btn.blue{background:linear-gradient(90deg,#2778ff,#2ba3ff);color:white}
.btn.outline{border:1px solid #8b6a7a;background:#ffffff0c;color:white}
.menu{display:none;background:transparent;border:1px solid #526078;color:white;border-radius:10px;padding:8px 10px}

.hero{padding:58px 0 44px;background:
 radial-gradient(circle at 50% 22%,#771f3c55,transparent 35%),
 linear-gradient(180deg,#071222,#0b1020)}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:36px;align-items:center}
.kicker{letter-spacing:.18em;text-transform:uppercase;color:#ff8aa5;font-weight:900;font-size:.72rem}
.hero h1{font:400 clamp(3rem,7vw,6.5rem)/.93 Georgia,serif;margin:.22em 0}
.hero p{font-size:1.1rem;color:#d8e0eb;max-width:700px}
.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}
.hero-collage{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.hero-collage img{width:100%;height:230px;object-fit:cover;border-radius:20px;border:1px solid #69344a;box-shadow:0 18px 42px #0008}
.hero-collage img:nth-child(1),.hero-collage img:nth-child(4){transform:translateY(18px)}
.tagline{margin-top:18px;font:italic 1.15rem Georgia,serif;color:#f0b7c3}

.trustbar{border-top:1px solid #302238;border-bottom:1px solid #302238;background:#080f1c;padding:22px 0}
.trustgrid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;text-align:center}
.trustgrid b{display:block;color:#ff7d9c}.trustgrid small{color:#b8c2cf}

section{padding:72px 0}.soft{background:#0d1728}.wine{background:linear-gradient(135deg,#34101f,#071222)}
.heading{max-width:880px;margin:0 auto 34px;text-align:center}.heading h2{font:400 clamp(2.2rem,5vw,4.7rem)/1 Georgia,serif;margin:.2em 0}
.heading p{color:#bdc8d4}

.algorithm-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:28px}
.steps{display:grid;gap:14px}
.step{border:1px solid #384762;border-radius:18px;padding:20px;background:#0a1424;display:grid;grid-template-columns:52px 1fr;gap:14px}
.step strong{font-size:1.03rem}.num{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#ff567a,#2b87ff);font-weight:900}
.step p{color:#bfc9d4;margin:.3em 0 0}
.match-visual{border:1px solid #5a3752;border-radius:24px;padding:24px;background:
 radial-gradient(circle at 50% 50%,#a42d6f45,transparent 30%),
 radial-gradient(circle at 67% 50%,#237ef445,transparent 30%),#081221}
.vault-pair{display:grid;grid-template-columns:1fr .7fr 1fr;gap:12px;align-items:center}
.vault-card{border:1px solid #4e5d76;border-radius:18px;padding:18px;background:#09172a}
.vault-card.red{box-shadow:0 0 34px #ff3d6c25}.vault-card.blue{box-shadow:0 0 34px #2789ff25}
.vault-card h3{margin:.2em 0}.vault-card ul{padding-left:18px;color:#c9d2de}
.pulse{height:190px;display:grid;place-items:center;position:relative}
.pulse:before,.pulse:after{content:"";position:absolute;width:140px;height:140px;border-radius:50%;border:4px solid #ff4f7a;filter:drop-shadow(0 0 18px #ff4f7a)}
.pulse:after{border-color:#2f8dff;transform:translateX(22px)}
.pulse span{z-index:2;text-align:center;font-weight:900;font-size:.88rem;background:#071222cc;padding:10px;border-radius:14px}

.privacy-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.card{border:1px solid #34445f;border-radius:20px;padding:24px;background:#0a1424}
.card h3{font:400 1.6rem Georgia,serif;margin:.2em 0}.card p{color:#bdc8d4}
.callout{border-left:4px solid var(--rose);padding:16px 18px;background:#ffffff08;border-radius:10px;color:#d9e1ea}

.member{display:grid;grid-template-columns:.8fr 1.2fr;gap:22px;align-items:start}
.panel{border:1px solid #394961;background:#0a1424;border-radius:22px;padding:24px}
.panel h3{font:400 2rem Georgia,serif;margin:.2em 0 1rem}
label{display:block;font-weight:800;margin:12px 0}input,select,textarea{width:100%;margin-top:6px;border:1px solid #53627a;background:#071222;color:white;border-radius:12px;padding:12px;font:inherit}
textarea{min-height:110px}.row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.status{min-height:24px;color:#f4c0cc;font-weight:800}.vault{display:none}.vault.active{display:block}
.vault-item{border:1px solid #394961;border-radius:12px;padding:12px;margin-top:10px}
.vault-item small{color:#aeb9c6}.danger{background:#471725;color:#ffc7d1;border:1px solid #803247}
.local{color:#8ef0b0;font-weight:900}.privacyline{color:#afbac8;font-size:.9rem}
.install-box{border:1px solid #7f5667;border-radius:22px;padding:24px;background:linear-gradient(135deg,#2b1020,#0a1424)}
.install-box h3{font:400 2rem Georgia,serif;margin:.2em 0}.install-box p{color:#c9d1dc}
.hidden{display:none!important}

.signup{max-width:760px;margin:auto}.check{display:flex;gap:10px;align-items:flex-start;font-weight:400}.check input{width:auto;margin-top:5px}
footer{text-align:center;padding:34px 18px;border-top:1px solid #2b3950;color:#b9c4d0}.founder{font-size:.78rem;color:#8090a4;margin-top:12px}

@media(max-width:900px){
 .hero-grid,.algorithm-grid,.member{grid-template-columns:1fr}.privacy-grid{grid-template-columns:1fr}
 .trustgrid{grid-template-columns:repeat(2,1fr)}.hero-collage img{height:210px}
 .links{display:none;position:absolute;top:74px;left:0;right:0;background:#06101e;padding:18px;flex-direction:column;align-items:flex-start}
 .links.open{display:flex}.menu{display:block}.vault-pair{grid-template-columns:1fr}.pulse{height:120px}
}
@media(max-width:580px){.hero-collage{grid-template-columns:1fr 1fr}.hero-collage img{height:170px}.row{grid-template-columns:1fr}}
