.welcome{max-width:1280px;display:grid;grid-template-columns:1fr 420px;gap:45px 70px;padding-top:55px}.topbar>a.secondary{text-decoration:none}.welcome h1{font-size:clamp(48px,5vw,74px);line-height:1.04;letter-spacing:-3px;margin:18px 0 22px}.intro{font-size:17px;line-height:1.7;color:#aab5a9;max-width:450px}.welcome-specimen{width:290px;aspect-ratio:1;margin:0 auto;background:radial-gradient(ellipse at 50% 70%,#adcf6730,transparent 65%)}.family-tags{display:flex;gap:10px;flex-wrap:wrap}.family-tags span{font-size:11px;color:#bdcda8;border:1px solid #414d35;border-radius:20px;padding:8px 12px}.connect-card{background:#1b1f27;border:1px solid #384130;border-radius:22px;padding:28px;text-align:center;align-self:start;box-shadow:0 20px 60px #0002}.connect-card h2{font-size:31px;margin:10px 0 12px;letter-spacing:-1px}.connect-card>p:not(.eyebrow){font-size:13px;line-height:1.65;color:#a8b2c1}.qr-frame{display:block;width:244px;max-width:100%;margin:22px auto 12px;padding:10px;background:white;border-radius:16px}.qr-frame img{width:100%;height:auto;display:block;image-rendering:pixelated}.phone-address{display:block;font-size:11px;color:var(--lime);overflow-wrap:anywhere}.connect-card .access-note{font-size:10px!important;margin:12px 0 18px}.play-link{display:flex;justify-content:space-between;text-decoration:none;text-align:left}.connect-card .save-note{font-size:11px!important;margin:14px 0 10px}.text-link{font-size:12px;color:var(--lime);text-underline-offset:4px;padding:8px 0}.welcome-steps{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:30px;border-top:1px solid var(--border);padding-top:30px}.welcome-steps article>span{font-size:10px;letter-spacing:2px;color:var(--lime)}.welcome-steps h3{font-size:18px;margin:13px 0}.welcome-steps p,.transfer-note p{font-size:13px;line-height:1.8;color:#99a5b6}.transfer-note{grid-column:1/-1;border:1px solid var(--border);background:#181c23;padding:25px;border-radius:15px}.transfer-note h2{font-size:21px;margin-bottom:12px}.transfer-note a{display:inline-block;margin-top:8px}.welcome footer{grid-column:1/-1;margin:0}#copy-status{display:block;font-size:11px;color:#c5ef8c}.qr-preview{display:block;background:white;border-radius:12px;width:210px;height:210px;padding:12px;margin:20px auto}.phone-link{color:var(--lime);overflow-wrap:anywhere;font-size:12px}
@media(max-width:800px){.welcome{grid-template-columns:1fr;gap:30px;padding-top:30px;max-width:560px}.welcome h1{font-size:50px;letter-spacing:-2px}.welcome-copy{text-align:center}.intro{margin:auto}.welcome-specimen{width:210px}.family-tags{justify-content:center}.connect-card{padding:25px}.welcome-steps{grid-template-columns:1fr;gap:24px}.welcome footer{margin-bottom:10px;flex-wrap:wrap}.topbar .eyebrow{display:none}}
.welcome{grid-template-columns:minmax(0,1fr) 400px;gap:48px 64px;padding-top:54px;align-items:center}.welcome-copy{min-width:0}.welcome h1{font-size:clamp(42px,4.3vw,62px);line-height:1.08;letter-spacing:-2.8px;margin:20px 0}.intro{font-size:16px;line-height:1.8;max-width:440px}.welcome-specimen{position:relative;width:min(100%,460px);aspect-ratio:1;margin:8px auto 0;background:none;isolation:isolate}.welcome-specimen img{display:block;width:100%;height:100%;object-fit:contain;position:relative;z-index:1;filter:drop-shadow(0 20px 20px #0003)}.hero-halo{position:absolute;inset:12% 3% 3%;border-radius:50%;background:radial-gradient(ellipse,#8dbc4920,transparent 64%);z-index:0}.hero-halo:after{content:'';position:absolute;inset:15%;border:1px solid #a9cf6d12;border-radius:50%;transform:rotateX(55deg)}.connect-card{position:relative;padding:32px;background:linear-gradient(145deg,#222730,#181d24);border-color:#404a3a;box-shadow:0 20px 80px #0003,0 1px 0 #c9ef8c18 inset}.connect-card h2{font-size:32px;margin:13px 0 10px}.connect-card>.eyebrow{font-size:9px;letter-spacing:1.8px}.qr-frame{position:relative;isolation:isolate;width:232px;margin:30px auto 23px;border-radius:15px;padding:10px;box-shadow:0 0 35px #b8ee8b0a;overflow:visible}.qr-frame:before{content:'';position:absolute;inset:-9px;border-radius:23px;padding:2px;background:linear-gradient(115deg,#c5ef8c15 15%,#c5ef8c 35%,#b59fe9 50%,#c5ef8c15 70%);background-size:300% 300%;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;animation:scanner-border 5s linear infinite;pointer-events:none}.qr-frame:after{content:'';position:absolute;left:-12px;top:15%;width:6px;height:30px;background:#d8ffa5;border-radius:5px;box-shadow:0 0 14px #c5ef8c;animation:scanner-edge 4s ease-in-out infinite;pointer-events:none}.scan-caption{font-size:8px;color:#b1c39f;letter-spacing:1.5px;display:flex;align-items:center;justify-content:center;gap:7px;margin-bottom:15px}.scan-caption>span{width:5px;height:5px;background:var(--lime);border-radius:50%;box-shadow:0 0 7px #c5ef8c77}.phone-address{font-size:10px;color:#8f9e83;text-decoration-color:#8f9e8344}.connect-card .access-note{color:#89939f!important;line-height:1.6!important}.play-link{padding:14px 16px;box-shadow:0 4px 15px #b8d78910}.welcome-steps{margin-top:0}.welcome-steps h3{font-size:17px}.transfer-note{background:#171c22}.family-tags{display:none}
@keyframes scanner-border{0%{background-position:0% 50%}100%{background-position:150% 50%}}@keyframes scanner-edge{0%,100%{top:15%;opacity:.5}50%{top:72%;opacity:1}}
@media(max-width:1000px) and (min-width:801px){.welcome{gap:35px;grid-template-columns:minmax(0,1fr) 350px}.connect-card{padding:25px}.welcome h1{font-size:46px;letter-spacing:-2px}}
@media(max-width:800px){.welcome{grid-template-columns:minmax(0,1fr);gap:25px;max-width:540px;padding-top:35px}.welcome h1{font-size:clamp(36px,8vw,52px);letter-spacing:-1.8px}.intro{font-size:14px;max-width:360px}.welcome-specimen{width:min(100%,360px);margin-top:0}.connect-card{padding:28px 24px}.welcome-steps{padding-top:28px;margin-top:12px}.welcome-copy .eyebrow{font-size:8px;letter-spacing:1.4px}}
@media(prefers-reduced-motion:reduce){.qr-frame:before,.qr-frame:after{animation:none}.qr-frame:after{top:45%}}