*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#050506;color:#fff;font-family:Inter,Arial,sans-serif;overflow-x:hidden}.grain{position:fixed;inset:0;pointer-events:none;opacity:.035;z-index:99;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}a{color:inherit;text-decoration:none}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.topbar{height:76px;display:flex;align-items:center;gap:28px;padding:0 4vw;position:sticky;top:0;z-index:50;background:rgba(3,3,4,.92);backdrop-filter:blur(18px);border-bottom:1px solid rgba(169,36,255,.18)}.mini-logo{width:118px;height:58px;overflow:hidden;display:block}.mini-logo img{width:100%;height:100%;object-fit:cover;object-position:24% 50%;filter:saturate(1.15) contrast(1.05)}.navlinks{display:flex;align-items:center;gap:34px;margin:auto}.navlinks a{font-size:12px;font-weight:900;letter-spacing:.6px;color:#c9c9d2;position:relative;padding:29px 0}.navlinks a:after{content:"";height:2px;background:#c8ff00;position:absolute;left:0;right:100%;bottom:18px;transition:.2s}.navlinks a:hover,.navlinks .active{color:#c8ff00}.navlinks a:hover:after,.navlinks .active:after{right:0}.beta-nav,.primary-btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid #d7ff29;border-radius:8px;background:#c8ff00;color:#070707;font-weight:950;font-style:italic;letter-spacing:.2px;padding:12px 18px;box-shadow:0 0 24px rgba(200,255,0,.18);transition:.2s}.beta-nav{font-size:12px;background:transparent;color:#d8ff33}.beta-nav:hover,.primary-btn:hover{transform:translateY(-2px);box-shadow:0 0 34px rgba(200,255,0,.35)}.menu-button{display:none;background:transparent;border:0;color:white;font-size:24px}.hero{position:relative;min-height:680px;border-bottom:1px solid rgba(166,44,255,.45);overflow:hidden}.hero-media{position:absolute;inset:0;background-image:url('family-hero.jpg');background-size:cover;background-position:center right;transform:scale(1.015)}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#050506 0%,rgba(5,5,6,.97) 24%,rgba(5,5,6,.72) 46%,rgba(5,5,6,.10) 72%,rgba(5,5,6,.12) 100%),linear-gradient(0deg,rgba(85,0,125,.12),transparent 48%)}.hero-copy{position:relative;z-index:2;width:min(650px,92vw);padding:72px 0 50px;margin-left:5vw}.tag,.eyebrow{font-size:12px;font-weight:950;letter-spacing:2px;color:#d2ff22;margin-bottom:14px}.hero h1,.cover-copy h2,.love-copy h2,.cta-card h2{font-family:Anton,Impact,sans-serif;font-weight:400;line-height:.9;letter-spacing:.3px;margin:0;text-transform:uppercase}.hero h1{font-size:clamp(55px,6vw,94px);text-shadow:0 4px 0 #111,0 0 22px rgba(255,255,255,.08)}.hero h1 span,.cover-copy h2 span,.love-copy h2 span,.cta-card h2 span{color:#b8ff00;text-shadow:0 0 22px rgba(184,255,0,.16)}.hero p{max-width:570px;color:#d0d0d6;font-size:17px;line-height:1.55}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0}.ghost-btn{padding:12px 18px;border:1px solid #a62dff;border-radius:8px;background:rgba(11,8,16,.72);font-size:12px;font-weight:900}.ghost-btn:hover{border-color:#d3ff18;color:#d3ff18}.beta-card{width:min(580px,100%);margin-top:22px;border:1px solid #aaf600;background:rgba(7,7,9,.85);border-radius:15px;padding:16px;box-shadow:0 0 30px rgba(142,0,255,.18),inset 0 0 24px rgba(117,0,178,.08)}.beta-title{font-size:11px;font-weight:900;letter-spacing:.6px;margin-bottom:11px}.beta-row{display:flex;gap:9px}.beta-row input{flex:1;min-width:0;background:#09090c;border:1px solid #373741;border-radius:8px;padding:14px 15px;color:#fff;outline:none}.beta-row input:focus{border-color:#b7ff00;box-shadow:0 0 0 3px rgba(183,255,0,.08)}.beta-row button{background:#c8ff00;border:0;border-radius:8px;color:#070707;font-weight:950;font-style:italic;padding:0 23px;cursor:pointer}.beta-card small{display:block;margin-top:9px;color:#8f8f9a;font-size:10px}.how-strip{display:grid;grid-template-columns:150px 1fr 270px;align-items:stretch;gap:14px;padding:24px 4vw;background:radial-gradient(circle at 80% 0%,rgba(145,16,220,.18),transparent 33%),#070708;border-bottom:1px solid rgba(167,36,255,.45)}.how-title{font-family:Anton;font-size:39px;line-height:.87;align-self:center;transform:rotate(-4deg);color:#d9ff18}.how-title span{color:#fff}.steps-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.micro-step{text-align:center;padding:10px 5px;position:relative}.micro-step b{position:absolute;top:0;left:8px;border:1px solid #c8ff00;border-radius:50%;width:28px;height:28px;display:grid;place-items:center;color:#d2ff24}.step-icon{height:50px;display:grid;place-items:center;font-size:30px;color:#b02cff;text-shadow:0 0 12px #8d12ff}.micro-step h3{font-size:12px;margin:4px 0 5px}.micro-step p{font-size:10px;line-height:1.35;color:#a9a9b2;margin:0}.mascot-promo{position:relative;overflow:hidden;min-height:150px;border-left:1px solid rgba(155,40,255,.3);display:flex;align-items:center;justify-content:flex-end}.mascot-promo img{position:absolute;left:-5px;bottom:-45px;width:190px;border-radius:20px;filter:saturate(1.2)}.mascot-promo div{position:relative;z-index:2;font-family:Anton;font-size:30px;line-height:.88;text-align:right;transform:rotate(-3deg)}.mascot-promo span{color:#b9ff00}.content-section,.screens-section,.faq-section{padding:90px 4vw;max-width:1500px;margin:auto}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:30px;border-bottom:1px solid rgba(161,48,255,.28);padding-bottom:17px}.section-head>div{font-family:Anton;font-size:42px}.section-head span{color:#c8ff00}.section-head p{margin:0;color:#9696a2}.feature-layout{display:grid;grid-template-columns:330px 1fr;gap:20px}.feature-card{background:linear-gradient(180deg,#0d0d12,#08080a);border:1px solid rgba(197,255,0,.35);border-radius:16px;padding:15px 22px;box-shadow:0 0 28px rgba(170,255,0,.05)}.feature-item{display:flex;gap:15px;padding:17px 0;border-bottom:1px solid rgba(255,255,255,.08)}.feature-item:last-child{border-bottom:0}.feature-item>span{font-size:25px;width:38px}.feature-item h3{margin:0 0 4px;font-size:15px}.feature-item p{margin:0;color:#9c9ca7;font-size:12px}.cover-card{min-height:430px;position:relative;overflow:hidden;border:1px solid rgba(155,48,255,.6);border-radius:18px;background:#0b0b0e}.cover-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.62}.cover-card:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,5,7,.98) 8%,rgba(5,5,7,.8) 42%,rgba(5,5,7,.15) 75%)}.cover-copy{position:relative;z-index:2;padding:55px;max-width:620px}.cover-copy h2{font-size:58px}.cover-copy p{color:#bebec7;line-height:1.65;max-width:560px}.screens-section{max-width:none;background:#08080a;border-top:1px solid rgba(157,40,255,.24);border-bottom:1px solid rgba(157,40,255,.24)}.screens-section>.section-head,.screen-row{max-width:1500px;margin-left:auto;margin-right:auto}.screen-row{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;align-items:end}.screen-card{margin:0;background:#0c0c10;border:1px solid #6e1c95;border-radius:16px;overflow:hidden;box-shadow:0 0 20px rgba(150,24,255,.15);transition:.25s}.screen-card:hover{transform:translateY(-8px);border-color:#c8ff00;box-shadow:0 0 30px rgba(200,255,0,.16)}.screen-card img{width:100%;height:480px;object-fit:cover;object-position:top;display:block}.screen-card figcaption{text-align:center;padding:13px;color:#c8ff00;font-size:12px;font-weight:950}.love-section{max-width:1500px;margin:auto;padding:90px 4vw;display:grid;grid-template-columns:.75fr 1.25fr;gap:38px;align-items:center}.love-art{border-radius:22px;overflow:hidden;border:1px solid #7721a5;box-shadow:0 0 50px rgba(130,24,221,.12)}.love-art img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover}.love-copy h2{font-size:67px}.love-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:25px}.love-grid>div{background:#0b0b0f;border:1px solid #26262f;border-radius:14px;padding:22px}.love-grid b{color:#c8ff00;font-family:Anton;font-size:26px}.love-grid h3{margin:8px 0;font-size:16px}.love-grid p{margin:0;color:#9b9ba7;font-size:13px;line-height:1.5}.cta-section{padding:35px 4vw 100px}.cta-card{max-width:1400px;margin:auto;text-align:center;border:1px solid rgba(197,255,0,.43);border-radius:24px;padding:70px 30px;background:radial-gradient(circle at 50% -20%,rgba(160,24,255,.35),transparent 45%),#09090c;box-shadow:0 0 50px rgba(137,19,214,.12)}.cta-card h2{font-size:76px}.cta-card p{color:#adadb7;max-width:680px;margin:20px auto 25px;line-height:1.6}.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.faq-grid details{background:#0a0a0e;border:1px solid #24242d;border-radius:12px;padding:19px 21px}.faq-grid summary{cursor:pointer;font-weight:900}.faq-grid p{color:#9f9fab;line-height:1.6}.reveal{opacity:0;transform:translateY(18px);transition:opacity .65s ease,transform .65s ease}.reveal.visible{opacity:1;transform:none}footer{display:flex;align-items:center;gap:25px;padding:30px 4vw;border-top:1px solid rgba(255,255,255,.08);color:#888892;font-size:11px}.footer-brand{width:120px;height:55px;overflow:hidden}.footer-brand img{width:100%;height:100%;object-fit:cover}.footer-links{margin-left:auto;display:flex;gap:20px}.footer-links a:hover{color:#c8ff00}@media(max-width:1150px){.how-strip{grid-template-columns:120px 1fr}.mascot-promo{display:none}.steps-grid{grid-template-columns:repeat(3,1fr)}.screen-row{grid-template-columns:repeat(3,1fr)}.screen-card img{height:440px}}@media(max-width:820px){.topbar{height:67px}.navlinks{position:absolute;top:67px;left:0;right:0;display:none;flex-direction:column;gap:0;background:#050506;border-bottom:1px solid #2e0c3c;padding:15px}.navlinks.open{display:flex}.navlinks a{padding:13px 5px}.navlinks a:after{display:none}.menu-button{display:block;margin-left:auto}.beta-nav{display:none}.hero{min-height:760px}.hero-media{background-position:62% center}.hero-shade{background:linear-gradient(0deg,#050506 0%,rgba(5,5,6,.92) 42%,rgba(5,5,6,.15) 100%)}.hero-copy{padding-top:330px;margin:0 auto;width:92vw}.hero h1{font-size:58px}.beta-row{flex-direction:column}.beta-row button{padding:14px}.how-strip{grid-template-columns:1fr}.how-title{text-align:center;transform:none}.steps-grid{grid-template-columns:repeat(2,1fr)}.feature-layout,.love-section{grid-template-columns:1fr}.screen-row{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:15px}.screen-card{min-width:280px;scroll-snap-align:start}.love-copy h2,.cta-card h2{font-size:52px}.faq-grid{grid-template-columns:1fr}footer{flex-wrap:wrap}.footer-links{width:100%;margin-left:0;flex-wrap:wrap}}@media(max-width:520px){.mini-logo{width:95px}.hero-copy{padding-top:300px}.hero h1{font-size:48px}.steps-grid{grid-template-columns:1fr 1fr}.micro-step{padding:15px 4px}.cover-copy{padding:32px 25px}.cover-copy h2{font-size:45px}.section-head{align-items:flex-start;flex-direction:column}.section-head>div{font-size:34px}.content-section,.screens-section,.faq-section,.love-section{padding:65px 18px}.love-grid{grid-template-columns:1fr}.cta-section{padding:15px 18px 70px}.cta-card{padding:55px 18px}.cta-card h2{font-size:46px}.hero-actions a{width:100%}}
/* v2.2 — Mobile cover-art sizing fix */
@media (max-width: 820px){
.mini-logo{
width:96px;
height:50px;
}
.mini-logo img,
.footer-brand img{
object-fit:contain;
object-position:center;
}
.cover-card{
min-height:auto;
padding-top:0;
display:flex;
flex-direction:column;
}
.cover-card img{
position:relative;
inset:auto;
width:100%;
height:auto;
max-height:360px;
object-fit:contain;
object-position:center;
opacity:1;
background:#050506;
}
.cover-card:after{
display:none;
}
.cover-copy{
position:relative;
padding:30px 24px 34px;
max-width:none;
background:linear-gradient(180deg,#0b0b0e,#070709);
}
}
@media (max-width: 520px){
.cover-card img{
max-height:285px;
}
.cover-copy{
padding:24px 20px 28px;
}
.cover-copy h2{
font-size:40px;
}
.footer-brand{
width:92px;
height:44px;
}
}