/* BASIC css start */
/* ============================================
   AI Sleepbot Pro - pre-registration landing
   ============================================ */
.sleepbot-page {position:relative; max-width:390px; margin:0 auto; overflow-x:hidden; background:#fff; font-family:'Pretendard', 'Helvetica Neue', 'Malgun Gothic', sans-serif; color:#fff;}
.sleepbot-page b {font-weight:700;}
.sleepbot-page ul {list-style:none; margin:0; padding:0; padding-left:21px;}
.sleepbot-page img {display:block; max-width:100%;}

/* hero */
.sb-hero {position:relative; box-shadow:0 70px 90px 100px #29153f;}
.sb-hero__img {width:100%; height:auto; display:block;}
.sb-hero__text {position:absolute; top:0; left:0; right:0; width:100%; box-sizing:border-box; padding-top:80px; padding-left:16px; padding-right:16px; display:flex; flex-direction:column; align-items:stretch; gap:10px; text-align:center;}
.sb-hero__eyebrow {font-size:16px; line-height:1.35; letter-spacing:-0.32px; color:#d1d5db; font-weight:400;}
.sb-hero__eyebrow .is-white {color:#fff;}
.sb-hero__title {display:flex; flex-direction:column; align-items:stretch; gap:5px; color:#fff;}
.sb-hero__title-main {font-family:'Sulphur Point' important; font-weight:700; font-size:40px; line-height:1.15; letter-spacing:-1px; text-shadow:0 0 10px rgba(156,63,255,0.95); margin:0;}
.sb-hero__title-sub {font-weight:700; font-size:26px; line-height:1.15; text-shadow:0 0 10px rgba(106,72,255,0.95); margin:0;}

/* gradient section wrapping the cards - pulled up to blend into hero photo */
.sb-cards {position:relative; z-index:2; margin-top:-200px; padding:88px 18px 108px; display:flex; flex-direction:column; gap:20px; background:linear-gradient(to bottom, rgba(0,0,0,0) 0%, #29153f 12%, #9a57ff 100%);}

/* release date card */
.sb-date-card {display:flex; align-items:center; justify-content:center; gap:20px; width:100%; padding:16px 24px; border:1px solid #cdb2ff; border-radius:15px; background:rgba(255,255,255,0.05); box-sizing:border-box;}
.sb-date-card__icon {width:53px; height:56px; flex-shrink:0;}
.sb-date-card__text {display:flex; flex-direction:column; gap:4px;}
.sb-date-card__title {margin:0; font-weight:700; font-size:20px; line-height:1.15; letter-spacing:-0.4px; background:linear-gradient(to right,#d3bcff,#8c41ff); -webkit-background-clip:text; background-clip:text; color:transparent;}
.sb-date-card__sub {margin:0; font-size:12px; letter-spacing:-0.26px; color:rgba(255,255,255,0.6);}

/* purple info card */
.sb-info-card {display:flex; flex-direction:column; gap:40px; width:100%; padding:50px 28px; border-radius:15px; background:#5d3193; box-sizing:border-box;}
.sb-info-card__head {display:flex; flex-direction:column; gap:18px; align-items:stretch;}
.sb-info-card__title {text-align:center; color:#f0ecf8;}
.sb-info-card__title-sm {margin:0 0 8px; font-size:16px; line-height:1.2;}
.sb-info-card__title-lg {margin:0; font-weight:700; font-size:22px; line-height:1.2; color:#fff;}
.sb-info-card__desc {margin:0; text-align:center; font-size:13px; line-height:1.5; letter-spacing:-0.26px;}
.sb-info-list {display:flex; flex-direction:column; gap:8px;}
.sb-info-list li {display:flex; align-items:center; gap:12px;}
.sb-info-list li:first-child {align-items:flex-start;}
.sb-info-list__tag {flex-shrink:0; padding:2px 12px; border-radius:20px; background:#8e63d4; color:#ebdaff; font-size:12px; line-height:1.5; letter-spacing:-0.24px;}
.sb-info-list__text {font-size:13px; line-height:1.35; letter-spacing:-0.26px; color:#ebdaff;}

.sb-perks {display:flex; flex-direction:column; gap:20px; align-items:center;}
.sb-perks__title {margin:0; text-align:center; font-weight:600; font-size:22px; color:#f1e5ff;}
.sb-perks__brand {font-family:'Sulphur Point' !important; font-weight:700; font-size:27px; color:#fff; letter-spacing:-0.54px; text-shadow:0 0 4px rgba(191,131,255,0.95);}
.sb-perks__grid {display:flex; flex-direction:column; gap:12px; align-items:center;}
.sb-perks__row {display:flex; gap:10px; justify-content:center;}
.sb-perk {display:flex; flex-direction:column; align-items:center; justify-content:center; gap:2px; width:95px; height:108px; border:1px solid #8544c5; border-radius:10px; background:rgba(77,39,123,0.7); box-shadow:inset -2px -2px 6px rgba(108,64,151,0.9), inset 2px 2px 6px rgba(108,64,151,0.9); box-sizing:border-box;}
.sb-perk img {height:38px; width:auto; margin-bottom:6px;}
.sb-perk p {margin:0; font-weight:600; font-size:13px; line-height:1.15; letter-spacing:-0.26px; color:#c7b5e8; text-align:center;}

/* google home card */
.sb-google-card {display:flex; flex-direction:column; gap:20px; align-items:center; width:100%; padding:50px 20px; border-radius:15px; box-sizing:border-box; background:linear-gradient(151deg, #f2ebff 0%, #c09eff 53%);}
.sb-google-card__head {display:flex; flex-direction:column; gap:8px; align-items:stretch;}
.sb-brand-row {display:flex;justify-content:center;align-items:start;padding-bottom:8px;}
.sb-brand-row img{width:160px;}
.sb-works-heading {margin:0; font-family:'Sulphur Point' !important; text-align:center; letter-spacing:-0.5px;height:auto; line-height:1.4;}
.sb-works-heading .is-purple {font-weight:700; font-size:28px; color:#4903d9;}
.sb-works-heading .is-gray-sm {font-size:18px; color:#3b3e49;}
.sb-works-heading .is-gray-lg {font-size:28px; color:#3b3e49;}
.sb-google-card__desc {margin:0; text-align:center; font-size:13px; line-height:1.4; letter-spacing:-0.26px; color:#555a66;}

.sb-pill-row {display:flex; flex-wrap:wrap; justify-content:center; gap:8px 5px;}
.sb-pill {padding:6px 10px; border-radius:20px; background:#c19fff; color:#fff; font-size:12px; line-height:1.5; letter-spacing:-0.24px; white-space:nowrap;}

.sb-phone-frame {width:fit-content; margin:0 auto; padding:20px 10px; border-radius:30px; background:#f1f1f3; box-sizing:border-box;}
.sb-phone-frame__crop {position:relative; width:225px; height:461px; overflow:hidden;}
.sb-phone-frame__crop img {position:absolute; left:-0.03%; top:-4.32%; width:100.05%; height:104.69%; max-width:none;}

.sb-google-card__caption {margin:0; text-align:center; font-size:13px; line-height:1.4; letter-spacing:-0.26px; color:#fff;}

/* closing note */
.sb-note {margin:20px 0 0; text-align:center; font-weight:500; font-size:13px; line-height:1.5; letter-spacing:-0.13px; color:#f0ecf8;}

/* fixed bottom CTA */
.sb-cta {position:fixed; bottom:0; left:50%; transform:translateX(-50%); width:100%; max-width:390px; z-index:3; padding:16px 20px calc(16px + env(safe-area-inset-bottom)); box-sizing:border-box;}
.sb-cta__btn {display:flex; align-items:center; justify-content:center; width:100%; height:56px; box-sizing:border-box; border:none; border-radius:10px; background:#fff94b; color:#251433; font-family:'Pretendard', sans-serif; font-weight:600; font-size:18px; text-decoration:none; cursor:pointer;}
.sb-cta__btn:active {background:#f5ef3f;}
/* BASIC css end */