/* 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:60px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:0;}
.sb-hero__eyebrow {font-weight:400;font-size:17px;letter-spacing:-0.34px;line-height:1.35;color:#fff;margin:0 0 10px;}
.sb-hero__title {font-family:"Sulphur Point", sans-serif;font-weight:700;font-size:55px;color:#fff;text-shadow:0 0 10px #8e6eff;margin:0;}
.sb-hero__subtitle {font-weight:600;font-size:37px;letter-spacing:-0.185px;color:#fff;text-shadow:0 0 10px #8e6eff;margin:5px 0 0;}
/* //hero */

/* dark section wrapper: badge + info + perks */
.sb-dark {position:relative;background:linear-gradient(180deg, rgba(0, 2, 4, 0) 0%, rgba(16, 5, 50, 0.6) 5%, #0f062a 45%, #0f062a 100%);padding:50px 20px;overflow:hidden;}
.sb-dark__glow {position:absolute;width:144px;height:101px;border-radius:50%;filter:blur(50px);pointer-events:none;opacity:0.9;}
.sb-dark__glow--1 {background:#6815b2;top:102px;left:calc(50% - 108px);}
.sb-dark__glow--2 {background:#4915b2;top:117px;left:calc(50% - 35px);}
.sb-container {max-width:900px;margin:0 auto;position:relative;display:flex;flex-direction:column;align-items:center;gap:30px;}
/* //dark section wrapper */

/* release badge */
.sb-badge {position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:10px;padding:11px 25px;background:linear-gradient(130deg, rgba(41, 11, 112, 0.8) 19%, rgba(135, 155, 255, 0.04) 73%);border:1px solid rgba(112, 107, 255, 0.6);border-radius:10px;box-shadow:0 1px 8px 0 rgba(0, 0, 0, 0.1);}
.sb-badge__icon {flex-shrink:0;width:51px;}
.sb-badge__text {text-align:left;display:flex;flex-direction:column;gap:4px;}
.sb-badge__title {margin:0;font-weight:600;font-size:21px;letter-spacing:-0.42px;line-height:1.1;color:#fff;}
.sb-badge__sub {margin:0;font-weight:400;font-size:12px;letter-spacing:-0.24px;line-height:1.1;color:rgba(195, 179, 255, 0.9);}
/* //release badge */

/* info */
.sb-info {position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:18px;width:100%;}
.sb-info__header {display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;}
.sb-info__title-group {display:flex;flex-direction:column;align-items:center;gap:0;}
.sb-info__eyebrow {margin:0;font-weight:400;font-size:16px;color:#fff;}
.sb-info__title {margin:0;font-weight:600;font-size:28px;color:#fff;}
.sb-info__desc {margin:0;max-width:400px;font-weight:400;font-size:13px;letter-spacing:-0.26px;line-height:1.35;color:#b8ade0;}
.sb-info-list {width:100%;max-width:310px;display:flex;flex-direction:column;gap:8px;margin:0 auto;padding:0;list-style:none;}
.sb-info-item {display:flex;align-items:center;gap:12px;}
.sb-tag {flex-shrink:0;display:flex;align-items:center;justify-content:center;padding:3px 12px;background:linear-gradient(137.6deg, #fff 7.8%, #b1b7ff 62%);border-radius:20px;font-weight:600;font-size:13px;letter-spacing:-0.26px;line-height:1.5;color:#371863;white-space:nowrap;}
.sb-info-text {font-weight:500;font-size:13px;letter-spacing:-0.26px;line-height:1.5;color:#b8ade0;}
.sb-info-text strong {font-weight:500;color:#fff;}
/* //info */

/* perks */
.sb-perks {position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:20px;width:100%;}
.sb-perks__title {margin:0;display:flex;gap:3px;align-items:center;font-weight:600;font-size:28px;color:#fff;}
.sb-perks__brand {font-family:"Sulphur Point", sans-serif;font-weight:700;font-size:35px;letter-spacing:-0.7px;}
.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;background:#150d2d;border:1px solid rgba(197, 235, 246, 0.4);border-radius:10px;box-shadow:inset -2px -2px 5px 0 rgba(197, 235, 246, 0.3), inset 2px 2px 5px 0 rgba(255, 255, 255, 0.3);overflow:hidden;}
.sb-perk img {height:40px;width:auto;object-fit:contain;object-position:bottom;margin-bottom:2px;}
.sb-perk p {margin:0;font-weight:500;font-size:12px;letter-spacing:-0.12px;line-height:1.1;text-align:center;color:#c5d6f6;}
/* //perks */

/* google home card */
.sb-google {background:#e9ebff;width:100%;padding:50px 20px 160px;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-weight:700;font-size:35px;letter-spacing:-1.05px;color:#3b3e49;}
.sb-google__title *{margin:0;font-family:"Sulphur Point", sans-serif;}
.sb-google__title strong {font-weight:700;color:#4903d9;}
.sb-google__title-with {font-weight:400;font-size:22px;letter-spacing:-0.66px;}
.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:#d8dbff;border-radius:20px;font-size:12px;letter-spacing:-0.24px;line-height:1.5;color:#7d83c0;white-space:nowrap;}
.sb-phone {display:flex;align-items:center;justify-content:center;}
.sb-google__caption {margin:0;max-width:451px;font-weight:400;font-size:13px;letter-spacing:-0.26px;line-height:1.3;text-align:center;color:#9ca3af;}
/* //google home card */

/* fixed bottom cta */
.sb-fixed-cta {position:fixed;left:0;right:0;bottom:0;z-index:100;background:#1d034c;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:320px;height:52px;border-radius:10px;background:linear-gradient(90deg, #9837ff, #4603ff 70%);font-weight:600;font-size:18px;letter-spacing:-0.36px;color:#fff;text-align:center;}
.sb-fixed-cta__note {margin:0;font-size:13px;letter-spacing:-0.13px;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-dark {margin-top:-110px;padding:32px 16px;}
   .sb-badge {flex-direction:column;text-align:center;padding:20px;gap:12px;}
   .sb-badge__text {text-align:center;}
   .sb-badge__title {font-size:19px;}
   .sb-google {padding:32px 20px 150px;}
   .sb-info__title {font-size:22px;}
   .sb-perks__grid {gap:8px;}
   .sb-perk {width:30%;}
   .sb-google__title {font-size:26px;}
   .sb-google__title-with {font-size:17px;}
   .sb-phone__frame .sb-phone__screen {width:170px;height:348px;}
}
/* //responsive */
/* BASIC css end */