:root{color-scheme:dark;--bg:#0a131a;--cream:#fff4e4;--muted:#c3c7ca;--gold:#edc690;--edge:#34434c;font-family:"Segoe UI",system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--cream)}a{color:inherit}a:focus-visible{outline:2px solid #ffe0aa;outline-offset:5px}.hero{position:relative;isolation:isolate;min-height:100svh;display:grid;grid-template-rows:auto 1fr auto;background:#10222d url('/assets/landing-poster.webp') center/cover}.hero video,.hero::after{position:absolute;inset:0;width:100%;height:100%;z-index:-2;object-fit:cover}.hero::after{content:"";z-index:-1;background:linear-gradient(180deg,#091119b5 0%,#10182078 33%,#0a131a8c 67%,#0a131a 100%),radial-gradient(ellipse at center,#0a131a76,transparent 75%)}.nav{width:min(1380px,100%);margin:auto;padding:4px clamp(20px,5vw,76px);display:flex;align-items:center;justify-content:space-between}.nav img{display:block;object-fit:contain}.nav-login{border:1px solid #edc69088;padding:11px 22px;border-radius:24px;text-decoration:none;background:#10171f85;font-size:.89rem;font-weight:650}.hero-copy{margin:auto;text-align:center;padding:32px 18px 44px}.hero h1,.gallery h2,.closing h2{font:400 clamp(3.65rem,10vw,8.6rem)/.91 Georgia,serif;letter-spacing:-.065em;text-shadow:0 4px 35px #090c11a0;margin:0}.hero-copy p{font-size:clamp(1rem,2vw,1.25rem);margin:26px 0 30px}.actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.button{display:inline-flex;min-height:48px;align-items:center;justify-content:center;border-radius:100px;padding:10px 24px;text-decoration:none;font-weight:700;gap:8px}.gold{color:#241911;background:var(--gold)}.google{background:#101820cf;border:1px solid #d0c7b38c}.google span{background:white;color:#2461bd;border-radius:50%;display:grid;place-items:center;width:20px;height:20px;font:bold 15px Arial}.next{text-align:center;padding:0 16px 27px;text-decoration:none;color:var(--gold);font-size:.87rem}.next span{margin-left:5px}.gallery{width:min(1060px,calc(100% - 40px));margin:auto;padding:clamp(60px,10vw,120px) 0}.intro{max-width:690px;margin-bottom:38px}.eyebrow{font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);font-size:.73rem}.gallery h2,.closing h2{font-size:clamp(2.6rem,6vw,5rem);line-height:1;letter-spacing:-.04em}.intro>p:last-child{color:var(--muted);font-size:1.08rem;line-height:1.65;max-width:43ch}.examples{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}figure{margin:0}figcaption{padding:12px 0;color:var(--muted)}.screen{min-height:290px;background:#13222c;border:1px solid var(--edge);border-radius:23px;padding:clamp(17px,3vw,30px)}.profile{display:flex;align-items:center;gap:12px}.avatar{width:43px;height:43px;border-radius:50%;display:grid;place-items:center;color:var(--gold);background:#34414b}.profile small,.request small{display:block;color:var(--muted);margin-top:3px}.screen h3{margin:26px 0 10px}.obscured{display:flex;gap:8px}.obscured span{width:50%;height:60px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(120deg,#58616b,#333d4d 48%,#695d51);color:#f1d4a5}.state{color:var(--muted);font-size:.85rem}.request{background:#222d34;border:1px solid #716047;border-radius:12px;padding:13px;color:var(--gold)}.closing{text-align:center;border-top:1px solid var(--edge);padding:52px 18px}.closing h2{font-size:clamp(2rem,4vw,3rem);margin-bottom:24px}footer{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;padding:24px;color:var(--muted);font-size:.85rem}@media(max-width:550px){.examples{grid-template-columns:1fr}.hero h1{font-size:clamp(3.05rem,14vw,5rem)}.nav img{width:66px;height:66px}.hero-copy{padding-top:20px}.actions{gap:8px}.button{padding-inline:19px}}
.tour-layout{display:grid;grid-template-columns:minmax(185px,.65fr) minmax(0,1.35fr);gap:18px}.tour-controls{display:grid;align-content:start;gap:8px}.tour-controls button,.gallery-action{cursor:pointer;font:inherit;font-weight:700;color:inherit;border:1px solid var(--edge);background:#17252d}.tour-controls button{text-align:left;padding:12px 16px;min-height:48px;border-radius:12px}.tour-controls button span{color:var(--gold);margin-right:9px}.tour-controls button[aria-pressed=true]{border-color:var(--gold);background:#282820}.tour-view h3{margin-top:0}.tour-view p,.tour-person small,.safety p{color:var(--muted);line-height:1.5}.tour-person{display:grid;gap:4px}.tour-person img{max-width:100%;height:105px;object-fit:cover;border-radius:12px}.match-preview{display:flex;align-items:center;gap:12px;margin:18px 0}.match-preview span{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:#34414b}.match-preview b{color:var(--gold);font-size:1.5rem}.bubble{width:fit-content;background:#233844;border-radius:14px;padding:12px}.reply{margin-left:auto;background:#3c3229}.gallery-action{margin-top:14px}.gallery-action.gold{background:var(--gold);color:#241911}.tour [data-panel]:not([hidden]){animation:appear .28s ease-out}.safety{border-top:1px solid var(--edge)}.safety-rows{display:grid;gap:10px}.safety article{display:flex;align-items:flex-start;gap:16px;background:#13222c;border:1px solid var(--edge);border-radius:15px;padding:16px}.safety article h3,.safety article p{margin:0}.safety article svg{min-width:24px;width:24px;height:24px;fill:none;stroke:var(--gold);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.rules{display:inline-block;color:var(--gold);margin-top:20px}.tour-controls button:focus-visible,.gallery-action:focus-visible{outline:2px solid var(--gold);outline-offset:3px}@keyframes appear{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}@media(max-width:550px){.tour-layout{grid-template-columns:1fr}.tour-controls{grid-template-columns:repeat(3,minmax(0,1fr))}.tour-controls button{font-size:.8rem;padding:8px;overflow-wrap:anywhere}.tour-controls button span{display:block}}@media(prefers-reduced-motion:reduce){.tour [data-panel]{animation:none!important}}
