/* BASIC css start */
/* ============================================
   AI Sleepbot Pro - pre-registration landing
   ============================================ */

.sb-page {background:#000204;font-family:"Pretendard", "Helvetica Neue", Helvetica, "Malgun Gothic", sans-serif;font-size:16px;line-height:1.4;overflow-x:hidden;}
.sb-page *{font-family:"Pretendard", "Helvetica Neue", Helvetica, "Malgun Gothic", sans-serif;}
.sb-page img {max-width:100%;display:block;}

/* hero */
.sb-hero {position:relative;height:600px;overflow:hidden;}
.sb-hero__bg{position:absolute;top:0;left:50%;transform:translateX(-50%);height:100%;text-align:center;}
.sb-hero__bg img{display:inline;height:100%;width:auto;max-width:none;}

.sb-hero__inner {position:absolute;top:0;left:50%;transform:translateX(-50%);z-index:2;padding-top:50px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:0;}
.sb-hero__eyebrow {font-size:17px;letter-spacing:-0.34px;line-height:1.35;color:#d1d5db;margin:0;}
.sb-hero__eyebrow strong {font-weight:700;color:#f3f4f6;}
.sb-hero__title {font-family:"Sulphur Point", sans-serif;font-weight:700;font-size:55px;color:#fff;text-shadow:0 0 10px rgba(156, 63, 255, 0.95);margin:5px 0 0;}
.sb-hero__subtitle {font-weight:600;font-size:38px;color:#fff;text-shadow:0 0 10px rgba(106, 72, 255, 0.95);margin:0;}
/* //hero */

/* body wrapper / gradient background */
.sb-body {position:relative;background:linear-gradient(180deg, rgba(0, 2, 4, 0) 0%, #07040d 4%, #7942cd 100%);padding:0 20px 160px;}
.sb-container {max-width:900px;margin:0 auto;display:flex;flex-direction:column;gap:20px;}
/* //body wrapper */

/* release badge */
.sb-badge {display:flex;align-items:center;justify-content:center;gap:20px;padding:16px 32px;background:rgba(174, 104, 255, 0.1);border:1px solid #cdb2ff;border-radius:15px;}
.sb-badge__icon {flex-shrink:0;width:53px;}
.sb-badge__text {text-align:left;}
.sb-badge__title {margin:0 0 4px;font-weight:700;font-size:26px;letter-spacing:-0.52px;line-height:1.15;background:linear-gradient(90deg, #d3bcff, #8c41ff);-webkit-background-clip:text;background-clip:text;color:transparent;}
.sb-badge__sub {margin:0;font-family:"Sulphur Point", sans-serif;font-size:13px;letter-spacing:-0.26px;color:#c5a4fe;}
/* //release badge */

/* info card */
.sb-card {background:#593191;border-radius:15px;padding:50px 32px;display:flex;flex-direction:column;align-items:center;gap:20px;}
.sb-card__header {display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;}
.sb-card__title-group {display:flex;flex-direction:column;align-items:center;gap:0;}
.sb-card__eyebrow {margin:0;font-weight:300;font-size:16px;letter-spacing:-0.4px;color:#deccff;}
.sb-card__title {margin:0;font-weight:700;font-size:27px;letter-spacing:-0.4px;color:#f0ecf8;}
.sb-card__desc {margin:0;max-width:560px;font-weight:500;font-size:14px;letter-spacing:-0.28px;line-height:1.5;color:#deccff;}
.sb-card__desc span {color:#efe6ff;}
.sb-info-list {width:330px;display:flex;flex-direction:column;gap:8px;align-self:flex-start;list-style:none;margin:0 auto;padding:0;}
.sb-info-item {display:flex;align-items:center;gap:12px;}
.sb-tag {flex-shrink:0;padding:3px 14px;background:rgba(165, 101, 255, 0.5);border-radius:20px;font-weight:600;font-size:13px;letter-spacing:-0.26px;color:#f0ecf8;white-space:nowrap;}
.sb-info-text {font-weight:500;font-size:14px;letter-spacing:-0.28px;color:#deccff;}
.sb-info-text strong {font-weight:700;color:#fff;}
/* //info card */

/* perks */
.sb-perks {display:flex;flex-direction:column;align-items:center;gap:10px;width:100%;}
.sb-perks__title {margin:0;display:flex;gap:5px;align-items:center;font-weight:600;font-size:25px;color:#fff;}
.sb-perks__brand {font-family:"Sulphur Point", sans-serif;font-weight:700;font-size:33px;letter-spacing:-0.66px;}
.sb-perks__grid {display:flex;flex-wrap:wrap;justify-content:center;gap:10px;}
.sb-perk {position:relative;width:95px;height:108px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;background:#593191;border:1px solid #b070ff;border-radius:10px;box-shadow:inset -2px -2px 6px 0 rgba(108, 64, 151, 0.9), inset 2px 2px 6px 0 rgba(108, 64, 151, 0.9);}
.sb-perk img {height:40px;width:auto;margin-bottom:6px;}
.sb-perk p {margin:0;font-weight:600;font-size:14px;letter-spacing:-0.28px;line-height:1.15;text-align:center;color:#c7b5e8;}
/* //perks */

/* google home card */
.sb-google {background:linear-gradient(143deg, #f2ebff 14%, #cfb4ff 62%);border-radius:15px;padding:50px 32px;display:flex;flex-direction:column;align-items:center;gap:20px;}
.sb-google__header {display:flex;flex-direction:column;align-items:center;gap:8px;padding-bottom:10px;text-align:center;}
.sb-google__logos {display:flex;align-items:center;justify-content:center;gap:12px;}
.sb-google__logo-badge {display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:4px;background:linear-gradient(141deg, #17b1ff 1%, #6f28ff 66%);font-weight:700;font-size:14px;color:#fff;}
.sb-google__wordmark {height:20px;width:auto;}
.sb-google__x {font-size:16px;letter-spacing:-0.32px;color:#555a66;}
.sb-google__gicon {width:22px;height:22px;}
.sb-google__title {margin:0;font-family:"Sulphur Point", sans-serif;font-size:28px;letter-spacing:-0.56px;color:#3b3e49;}
.sb-google__title *{margin:0;font-family:"Sulphur Point", sans-serif;}
.sb-google__title strong {font-weight:700;color:#4903d9;}
.sb-google__desc {margin:0;font-weight:500;font-size:14px;letter-spacing:-0.28px;line-height:1.4;color:#555a66;}
.sb-google__tags {display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:5px;}
.sb-google__tags span {padding:6px 13px;background:#a16dff;border-radius:20px;font-size:14px;letter-spacing:-0.28px;line-height:1.5;color:#fff;white-space:nowrap;}
.sb-phone {display:flex;align-items:center;justify-content:center;}
.sb-google__caption {margin:0;max-width:451px;font-weight:300;font-size:13px;letter-spacing:-0.26px;line-height:1.4;text-align:center;color:#fff;}
/* //google home card */

/* fixed bottom cta */
.sb-fixed-cta {position:fixed;left:0;right:0;bottom:0;z-index:100;background:#23113f;padding:20px;display:flex;flex-direction:column;align-items:center;gap:8px;}
.sb-fixed-cta__btn {display:flex;align-items:center;justify-content:center;width:100%;max-width:355px;height:58px;border-radius:10px;background:linear-gradient(90deg, #fffa77, #38e1ff);font-weight:600;font-size:20px;letter-spacing:-0.4px;color:#251433;text-align:center;}
.sb-fixed-cta__note {margin:0;font-size:14px;letter-spacing:-0.14px;color:#b099d3;text-align:center;}
/* //fixed bottom cta */

/* responsive */
@media (max-width: 640px) {
   .sb-hero {height:480px;}
   .sb-hero__inner {padding-top:36px;}
   .sb-hero__eyebrow {font-size:14px;}
   .sb-hero__title {font-size:38px;}
   .sb-hero__subtitle {font-size:26px;}
   .sb-body {margin-top:-110px;padding:0 16px 150px;}
   .sb-badge {flex-direction:column;text-align:center;padding:20px;gap:12px;}
   .sb-badge__text {text-align:center;}
   .sb-badge__title {font-size:21px;}
   .sb-card,.sb-google {padding:32px 20px;}
   .sb-card__title {font-size:22px;}
   .sb-perks__grid {gap:8px;}
   .sb-perk {width:30%;}
   .sb-google__title {font-size:22px;}
   .sb-phone__frame .sb-phone__screen {width:170px;height:348px;}
}
/* //responsive */

/* BASIC css end */