:root{color-scheme:dark;--ink:#f7fbff;--muted:#b9cbe0;--indigo:#4f78d6;--blue:#186090;--cyan:#6ed8ff;--deep:#08162e;--panel:rgba(7,20,44,.84);--line:rgba(201,224,255,.19)}
*{box-sizing:border-box}
html{background:var(--deep);scroll-behavior:smooth}
body{margin:0;min-width:280px;color:var(--ink);font-family:Inter,Segoe UI,Arial,sans-serif;background:#08162e;line-height:1.55}
button,summary,[role="button"]{font:inherit}
button,[role="button"],summary{cursor:pointer}
button{color:inherit}
[hidden]{display:none!important}
body::before{content:"";position:fixed;inset:0;background-image:linear-gradient(90deg,rgba(3,12,30,.92) 0%,rgba(3,12,30,.72) 31%,rgba(3,12,30,.16) 58%,rgba(3,12,30,.1) 100%),linear-gradient(0deg,rgba(3,12,30,.76),transparent 54%),url("/images/lindigomatches-background.webp");background-size:cover;background-position:center;z-index:0}
body::after{content:"";position:fixed;inset:0;z-index:1;pointer-events:none;background:radial-gradient(circle at 12% 18%,rgba(110,216,255,.18),transparent 28%),radial-gradient(circle at 80% 76%,rgba(79,120,214,.18),transparent 25%);mix-blend-mode:screen}
.offer-surface{position:absolute;inset:0 0 auto;height:100svh;z-index:2;outline-offset:-4px}
.indigo-stage{position:relative;z-index:3;width:min(1240px,100%);margin:0 auto;padding:22px clamp(18px,4vw,64px) 42px}
.brand-beam{display:flex;align-items:center;justify-content:space-between;gap:18px;min-width:0}
.brand-stamp,.threshold-brand{display:flex;align-items:center;gap:10px;min-width:0;font-weight:800;letter-spacing:-.035em}
.brand-stamp img,.threshold-brand img{width:36px;height:36px;object-fit:contain;flex:none}
.brand-stamp>span{font-size:1.18rem}.brand-stamp>span>span{color:#73b9f0;font-weight:500}
.beam-action{border:1px solid var(--line);border-radius:999px;padding:10px 17px;background:rgba(8,22,46,.58);backdrop-filter:blur(14px);font-size:.82rem;font-weight:800;white-space:nowrap}
.beam-action:hover,.beam-action:focus-visible{border-color:rgba(110,216,255,.72);background:rgba(17,53,94,.7)}
.focus-deck{min-height:calc(100svh - 88px);display:grid;grid-template-columns:minmax(0,1.08fr) minmax(320px,.72fr);align-items:center;gap:clamp(28px,6vw,84px);padding:64px 0 74px}
.focus-copy{min-width:0;max-width:720px;padding:clamp(24px,4vw,44px);border:1px solid var(--line);border-radius:34px;background:linear-gradient(145deg,rgba(6,20,45,.93),rgba(7,25,52,.65));box-shadow:0 28px 90px rgba(1,9,24,.52),inset 0 1px rgba(255,255,255,.07);backdrop-filter:blur(18px)}
.signal-note{display:flex;align-items:center;gap:10px;margin:0 0 18px;color:#a9e8ff;text-transform:uppercase;letter-spacing:.14em;font-size:.72rem;font-weight:900}
.signal-note span{width:38px;height:1px;background:var(--cyan);box-shadow:0 0 16px rgba(110,216,255,.72)}
h1{margin:0;max-width:14ch;font-size:clamp(2.6rem,5.8vw,6rem);line-height:.92;letter-spacing:-.065em;text-wrap:balance}
.focus-lead{max-width:600px;margin:24px 0 0;color:#d6e4f3;font-size:clamp(1rem,1.4vw,1.16rem)}
.launch-row{display:flex;flex-wrap:wrap;gap:11px;margin-top:28px}
.launch-primary,.launch-secondary,.console-route{border:1px solid var(--line);border-radius:16px;padding:14px 20px;font-weight:900;transition:transform .2s ease,border-color .2s ease,filter .2s ease}
.launch-primary{background:linear-gradient(135deg,#2a62a2,#5f87e2);border-color:transparent;box-shadow:0 14px 35px rgba(26,90,158,.34)}
.launch-secondary{background:rgba(255,255,255,.055)}
.launch-primary:hover,.launch-primary:focus-visible,.launch-secondary:hover,.launch-secondary:focus-visible,.console-route:hover,.console-route:focus-visible{transform:translateY(-2px);border-color:rgba(110,216,255,.7);filter:brightness(1.08)}
.adult-ribbon{display:flex;flex-wrap:wrap;gap:9px;margin-top:22px}
.adult-ribbon span{padding:6px 10px;border:1px solid var(--line);border-radius:999px;color:#bdd0e4;background:rgba(0,0,0,.16);font-size:.72rem}
.match-console{min-width:0;padding:20px;border:1px solid rgba(201,224,255,.21);border-radius:28px;background:rgba(8,24,51,.76);box-shadow:0 24px 70px rgba(1,9,24,.48);backdrop-filter:blur(20px)}
.console-heading{display:flex;flex-direction:column;gap:3px;padding:2px 4px 16px}.console-heading span{color:#8dbade;text-transform:uppercase;letter-spacing:.13em;font-size:.65rem;font-weight:900}.console-heading strong{font-size:1.08rem}
.profile-line{display:grid;gap:10px}
.match-chip{position:relative;display:grid;grid-template-columns:66px minmax(0,1fr);align-items:center;gap:13px;margin:0;padding:9px;border:1px solid rgba(201,224,255,.15);border-radius:18px;background:rgba(3,14,34,.7);transition:transform .2s ease,border-color .2s ease}
.match-chip:nth-child(2){margin-left:20px}.match-chip:nth-child(3){margin-left:8px}
.match-chip:hover,.match-chip:focus-visible{transform:translateX(-6px);border-color:rgba(110,216,255,.65)}
.match-chip img{display:block;width:66px;height:66px;object-fit:cover;border-radius:14px}
.match-chip figcaption{display:flex;flex-direction:column;min-width:0}.match-chip strong{font-size:.86rem}.match-chip span{color:#aebfd1;font-size:.7rem}
.console-route{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;margin-top:14px;background:rgba(79,120,214,.18);text-align:left}.console-route b{font-size:1.25rem;color:#8edfff}
.guide-vault{position:relative;max-width:1000px;margin:0 auto;border:1px solid var(--line);border-radius:24px;background:rgba(5,17,37,.93);box-shadow:0 28px 80px rgba(1,9,24,.5);backdrop-filter:blur(16px)}
.guide-vault>summary{display:grid;grid-template-columns:minmax(0,1fr) auto 40px;align-items:center;gap:18px;padding:22px 25px;list-style:none;font-weight:900}
.guide-vault>summary::-webkit-details-marker{display:none}.guide-vault>summary::after{content:"+";display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.07);font-size:1.35rem}.guide-vault[open]>summary::after{content:"−"}
.guide-vault>summary small{color:#9fb3ca;font-weight:500;text-align:right}
.guide-paper{padding:14px clamp(22px,6vw,78px) 56px;border-top:1px solid var(--line);color:#d3e0ee}
.guide-paper h2{margin:42px 0 12px;color:#fff;font-size:clamp(1.65rem,4vw,2.9rem);line-height:1.08;letter-spacing:-.04em}.guide-paper h3{margin:30px 0 10px;color:#9ce7ff;font-size:1.3rem}.guide-paper p{max-width:76ch}
.quiet-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:28px 4px 0;color:#9eb1c6;font-size:.8rem}.quiet-footer button{border:0;background:none;color:#a9e8ff;font-weight:900}
.shield-threshold,.shield-invitation{position:fixed;inset:0;z-index:30;display:grid;place-items:center;padding:18px;background:rgba(2,9,21,.78);backdrop-filter:blur(16px)}
.threshold-card,.invitation-card{position:relative;width:min(520px,100%);overflow:hidden;padding:clamp(26px,6vw,48px);border:1px solid rgba(110,216,255,.42);border-radius:32px;background:linear-gradient(150deg,rgba(15,43,78,.99),rgba(5,16,35,.99));box-shadow:0 36px 120px rgba(0,0,0,.7),inset 0 1px rgba(255,255,255,.08)}
.threshold-card::before,.invitation-card::before{content:"";position:absolute;width:220px;height:220px;right:-100px;top:-110px;border-radius:50%;background:radial-gradient(circle,rgba(110,216,255,.26),transparent 68%);pointer-events:none}
.age-orbit{position:absolute;right:30px;top:28px;display:grid;place-items:center;width:72px;height:72px;border:1px solid rgba(110,216,255,.5);border-radius:50%;color:#a9e8ff;font-size:1.3rem;font-weight:900}.age-orbit::before{content:"";position:absolute;inset:-8px;border:1px dashed rgba(110,216,255,.22);border-radius:50%}
.threshold-kicker,.invitation-kicker{margin:46px 0 8px;color:#92ddfa;text-transform:uppercase;letter-spacing:.14em;font-size:.7rem;font-weight:900}
.threshold-card h2,.invitation-card h2{margin:0;max-width:12ch;font-size:clamp(1.9rem,6vw,3.25rem);line-height:1;letter-spacing:-.05em}.threshold-card p,.invitation-card p{color:#bdcde0}
.threshold-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:27px}.threshold-actions button{border:1px solid var(--line);border-radius:14px;padding:14px 16px;background:rgba(255,255,255,.055);font-weight:900}.threshold-actions #VisitContinue{background:linear-gradient(135deg,#2a62a2,#5f87e2);border-color:transparent}
.shield-invitation{z-index:20}.invitation-card{text-align:center}.invitation-close{position:absolute;right:16px;top:13px;border:0;background:none;font-size:1.8rem;color:#bad0e3}.invitation-avatars{display:flex;justify-content:center;margin:4px 0 -24px}.invitation-avatars img{width:66px;height:66px;object-fit:cover;border:4px solid #0c2445;border-radius:50%}.invitation-avatars img+img{margin-left:-16px}.invitation-kicker{margin-top:48px}.invitation-card h2{max-width:13ch;margin-inline:auto}.invitation-go{width:100%;margin-top:10px}.invitation-later{margin-top:13px;border:0;background:none;color:#9fb3ca}
@media(max-width:900px){.focus-deck{grid-template-columns:minmax(0,1fr);padding-top:70px}.focus-copy{max-width:760px}.match-console{width:min(560px,100%);justify-self:end}.profile-line{grid-template-columns:repeat(3,minmax(0,1fr))}.match-chip,.match-chip:nth-child(2),.match-chip:nth-child(3){display:block;margin:0}.match-chip img{width:100%;height:auto;aspect-ratio:1}.match-chip figcaption{padding:10px 4px 4px}.console-route{grid-column:1/-1}}
@media(max-width:560px){body::before{background-position:43% center;background-image:linear-gradient(180deg,rgba(3,12,30,.4) 0%,rgba(3,12,30,.58) 35%,rgba(3,12,30,.9) 75%),url("/images/lindigomatches-background.webp")}.indigo-stage{padding:16px 14px 30px}.brand-stamp img{width:30px;height:30px}.brand-stamp>span{font-size:.9rem}.beam-action{padding:8px 10px;font-size:.69rem}.focus-deck{min-height:auto;padding:86px 0 44px;gap:24px}.focus-copy{padding:24px 20px;border-radius:25px}h1{max-width:100%;font-size:clamp(2.45rem,13.4vw,3.8rem)}.focus-lead{font-size:.95rem}.launch-row{display:grid}.launch-row button{width:100%}.match-console{width:100%;padding:14px;border-radius:22px}.profile-line{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.match-chip{padding:6px}.match-chip figcaption span{display:none}.match-chip strong{font-size:.69rem;line-height:1.15}.console-route{font-size:.78rem}.guide-vault>summary{grid-template-columns:minmax(0,1fr) 36px;padding:18px}.guide-vault>summary small{display:none}.quiet-footer{align-items:flex-start}.threshold-card,.invitation-card{padding:26px 21px;border-radius:25px}.age-orbit{right:22px;top:22px;width:58px;height:58px}.threshold-actions{grid-template-columns:1fr}.threshold-brand{max-width:65%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.launch-primary,.launch-secondary,.console-route,.match-chip{transition:none}}
.dialog-label{margin:0 0 14px;font-size:clamp(1.55rem,4vw,2.2rem);font-weight:800;line-height:1.1}
