:root{
  --bg:#f7f8fc;
  --text:#090a0d;
  --muted:#676b75;
  --line:rgba(15,17,22,.09);
  --accent:#5a5df0;
  --radius-xl:44px;
  --radius-lg:30px;
  --shadow:0 28px 80px rgba(31,37,55,.12);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit}
img{max-width:100%}
.site-header{position:sticky;top:0;z-index:100;background:rgba(250,251,253,.82);backdrop-filter:blur(24px) saturate(170%);-webkit-backdrop-filter:blur(24px) saturate(170%);border-bottom:1px solid rgba(0,0,0,.05)}
.header-inner{max-width:1180px;margin:0 auto;padding:12px 22px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px}
.brand{font-weight:800;font-size:1.05rem;text-decoration:none;letter-spacing:-.025em;width:max-content}
.main-nav{display:flex;gap:25px;align-items:center;justify-content:center}
.main-nav a{text-decoration:none;color:#50535b;font-size:.86rem;font-weight:560}
.main-nav a:hover{color:#000}
.header-cta{justify-self:end;text-decoration:none;background:#111217;color:#fff;border-radius:999px;padding:9px 15px;font-size:.82rem;font-weight:750}
.hero{background:radial-gradient(circle at 50% 12%,rgba(185,196,255,.94),transparent 28%),radial-gradient(circle at 14% 40%,rgba(156,229,235,.54),transparent 30%),radial-gradient(circle at 88% 48%,rgba(215,232,186,.55),transparent 28%),linear-gradient(180deg,#eef3ff 0%,#f8f9fc 72%);overflow:hidden}
.hero-inner{max-width:1180px;margin:0 auto;padding:92px 24px 0;text-align:center;display:flex;flex-direction:column;align-items:center}
.kicker{margin:0 0 15px;text-transform:uppercase;letter-spacing:.16em;color:#5e61d8;font-size:.72rem;font-weight:830}
.kicker-light{color:rgba(255,255,255,.67)}
.hero h1,.section h2,.feature-card h2,.facts-panel h2,.cta-panel h2,.follow-panel h2,.legal-card h1{letter-spacing:-.055em}
.hero h1{font-size:clamp(4rem,7.6vw,7.7rem);line-height:.9;margin:0;max-width:1000px}
.hero h1 span{background:linear-gradient(100deg,#315cf4,#8647f5 52%,#ea757a);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-copy{max-width:720px;margin:28px auto 0;color:#565a65;font-size:clamp(1.05rem,2vw,1.35rem)}
.hero-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:11px;margin-top:30px}
.button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border-radius:999px;padding:12px 19px;font-weight:760;font-size:.92rem;border:1px solid transparent;transition:transform .18s ease,box-shadow .18s ease}
.button:hover{transform:translateY(-1px)}
.button-dark{background:#0c0d11;color:#fff;box-shadow:0 10px 26px rgba(0,0,0,.12)}
.button-light{background:rgba(255,255,255,.72);border-color:rgba(255,255,255,.9);box-shadow:0 10px 34px rgba(50,65,110,.08)}
.button-white{background:#fff;color:#0b0c10;box-shadow:0 12px 28px rgba(0,0,0,.18)}
.store-line{margin:15px 0 0;color:#777b84;font-size:.78rem}
.hero-stage{position:relative;width:min(780px,100%);height:520px;margin-top:46px;display:block}
.phone{margin:0;background:#0b0c10;border-radius:34px;padding:6px;box-shadow:0 32px 80px rgba(23,29,50,.2);overflow:hidden}
.phone img{display:block;width:100%;height:auto;aspect-ratio:472/1024;object-fit:contain;object-position:top center;border-radius:29px;background:#fff}
.hero-stage .phone{position:absolute;width:215px;bottom:-38px}
.phone-center{left:50%;transform:translateX(-50%);z-index:4}
.phone-left{left:18%;transform:rotate(-6deg) scale(.9);z-index:1;bottom:-72px!important}
.phone-right{right:18%;transform:rotate(6deg) scale(.9);z-index:2;bottom:-72px!important}
.section{padding:112px 24px}
.section.compact{padding-top:44px;padding-bottom:44px}
.section-inner{max-width:1180px;margin:0 auto;text-align:center}
.section-inner.narrow{max-width:900px}
.section h2,.feature-card h2{font-size:clamp(2.8rem,5vw,5.5rem);line-height:.98;margin:0 0 20px}
.lead{max-width:760px;margin:0 auto;color:var(--muted);font-size:1.12rem}
.centered{margin-left:auto;margin-right:auto}
.feature-wrap{max-width:1280px;margin:0 auto;padding:0 22px 54px;display:grid;gap:24px}
.feature-card{border-radius:var(--radius-xl);overflow:hidden;min-height:740px;display:flex;align-items:center;justify-content:center;text-align:center;position:relative;border:1px solid rgba(255,255,255,.55)}
.feature-inner{width:100%;max-width:980px;margin:0 auto;padding:76px 34px 64px;display:flex;flex-direction:column;align-items:center}
.feature-aurora{background:radial-gradient(circle at 18% 18%,#bad6ff 0,transparent 32%),radial-gradient(circle at 84% 22%,#bceedd 0,transparent 35%),radial-gradient(circle at 58% 95%,#f4dfbd 0,transparent 39%),#eef4f7}
.feature-white{background:#fff;box-shadow:0 18px 60px rgba(35,42,61,.05)}
.feature-dark{background:radial-gradient(circle at 50% 0%,#6655d7 0,transparent 34%),radial-gradient(circle at 15% 85%,#2745aa 0,transparent 42%),#11111d;color:#fff}
.feature-dark .lead{color:rgba(255,255,255,.7)}
.feature-soft{background:linear-gradient(145deg,#eef1ff,#edf8f4 54%,#f8efe4)}
.pills{display:flex;flex-wrap:wrap;justify-content:center;gap:9px;margin:26px auto 35px}
.pills span{background:rgba(255,255,255,.76);border:1px solid rgba(255,255,255,.9);padding:8px 12px;border-radius:999px;font-size:.79rem;font-weight:720;color:#484b54}
.pills-dark span{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.12);color:#fff}
.phone-solo{width:min(238px,68vw);margin-top:40px}
.phone-dark{box-shadow:0 38px 90px rgba(0,0,0,.45)}
.carousel{position:relative;max-width:1120px;margin:44px auto 0;padding:0 58px}
.carousel-track{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:16px 4px 30px;scrollbar-width:none;justify-content:flex-start}
.carousel-track::-webkit-scrollbar{display:none}
.shot{flex:0 0 220px;scroll-snap-align:center;margin:0;background:#fff;border:1px solid var(--line);border-radius:28px;overflow:hidden;box-shadow:0 18px 45px rgba(29,35,51,.08);text-align:left}
.shot img{display:block;width:100%;height:auto;aspect-ratio:472/1024;object-fit:contain;background:#fff}
.shot figcaption{padding:13px 15px 15px;color:#40434a;font-size:.84rem;font-weight:740}
.carousel-button{position:absolute;top:45%;transform:translateY(-50%);z-index:5;width:44px;height:44px;border-radius:50%;border:1px solid rgba(0,0,0,.07);background:rgba(255,255,255,.9);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 10px 28px rgba(28,35,50,.11);font:600 1.8rem/1 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#17181d;cursor:pointer;display:grid;place-items:center}
.carousel-button.prev{left:0}.carousel-button.next{right:0}
.carousel-dots{display:flex;justify-content:center;gap:6px;margin-top:2px}
.carousel-dots span{width:6px;height:6px;border-radius:50%;background:#c6c8ce}.carousel-dots span:first-child{background:#646874}
.facts-panel,.cta-panel,.follow-panel{max-width:1180px;margin:0 auto;border-radius:var(--radius-xl);text-align:center;padding:64px 38px}
.facts-panel{background:#fff;border:1px solid var(--line);box-shadow:0 18px 60px rgba(31,38,56,.05)}
.facts-panel h2,.cta-panel h2,.follow-panel h2{font-size:clamp(2.6rem,4.6vw,4.8rem);line-height:.98;margin:0 0 18px}
.facts-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:36px}
.facts-grid>div{min-height:112px;padding:22px 16px;border-radius:22px;background:#f6f7fa;display:flex;flex-direction:column;align-items:center;justify-content:center}
.facts-grid small{text-transform:uppercase;letter-spacing:.08em;font-size:.64rem;color:#8a8e97;margin-bottom:7px}
.facts-grid strong{font-size:1rem}
.cta-panel{background:radial-gradient(circle at 25% 20%,#6e63ff 0,transparent 30%),radial-gradient(circle at 80% 100%,#2b57cf 0,transparent 44%),#11111d;color:#fff}
.cta-panel p:not(.kicker){color:rgba(255,255,255,.72);margin:0 auto 26px}
.follow-panel{background:linear-gradient(135deg,#dce8ff,#dcf1e8 54%,#f4e4cc)}
.follow-panel p:not(.kicker){color:#656a73;margin:0 auto 20px}
.text-link{font-weight:780;text-decoration:none}.text-link:hover{text-decoration:underline}
.site-footer{padding:44px 24px 54px}
.footer-inner{max-width:1180px;margin:0 auto;border-top:1px solid var(--line);padding-top:32px;display:grid;grid-template-columns:1fr auto 1fr;gap:24px;align-items:center;color:#777b84;font-size:.78rem}
.footer-brand{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.footer-brand strong{color:#111217}
.footer-inner nav{display:flex;flex-wrap:wrap;justify-content:center;gap:14px}.footer-inner a{text-decoration:none}.footer-mail{justify-self:end}
.legal-shell{max-width:980px;margin:0 auto;padding:78px 22px 30px}
.legal-card{background:#fff;border:1px solid var(--line);border-radius:36px;padding:50px;box-shadow:0 18px 60px rgba(30,36,52,.06);text-align:center}
.legal-card h1{font-size:clamp(2.7rem,5vw,5rem);line-height:1;margin:.1em 0 .4em}
.legal-card h2{font-size:1.35rem;margin:2em 0 .6em}
.legal-card p,.legal-card li{color:#626670}.legal-card ul,.legal-card ol{text-align:left;max-width:720px;margin-left:auto;margin-right:auto}
.legal-links{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:26px 0}.pill-link{display:inline-flex;text-decoration:none;border:1px solid var(--line);border-radius:999px;padding:9px 13px;font-size:.84rem;font-weight:700;background:#fafbfc}
.info-list{display:grid;gap:10px;margin-top:25px;text-align:left}.info-list>div{padding:16px 18px;border:1px solid var(--line);border-radius:16px;background:#fafbfc}.info-list small{display:block;text-transform:uppercase;color:#8b8f98;font-size:.65rem;letter-spacing:.08em;margin-bottom:4px}
.notice{margin-top:22px;padding:17px 18px;border-radius:16px;background:#f4f6f9;color:#656972;font-size:.9rem}.updated{color:#92959d;font-size:.78rem;margin-top:28px}
.support-actions{display:flex;flex-direction:column;align-items:center;gap:12px;margin:30px auto 8px}.support-email{font-size:clamp(1.15rem,2.2vw,1.5rem);font-weight:780;text-decoration:none}.support-email:hover{text-decoration:underline}.support-note{max-width:650px;margin:0 auto;color:#747883!important}
@media(max-width:900px){
  .header-inner{grid-template-columns:1fr auto}.main-nav{display:none}
  .hero-inner{padding-top:72px}.hero-stage{height:450px}.hero-stage .phone{width:195px}.phone-left{left:11%}.phone-right{right:11%}
  .feature-card{min-height:650px}.feature-inner{padding:64px 28px 54px}
  .facts-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .footer-inner{grid-template-columns:1fr;text-align:center}.footer-brand{align-items:center}.footer-mail{justify-self:center}
}
@media(max-width:620px){
  .header-inner{padding:10px 15px}.brand{font-size:.98rem}.header-cta{font-size:.75rem;padding:8px 11px}
  .hero-inner{padding:56px 18px 0}.hero h1{font-size:3.4rem}.hero-copy{font-size:1rem;margin-top:22px}.store-line{font-size:.72rem}
  .hero-stage{height:330px;margin-top:34px}.hero-stage .phone{width:145px;border-radius:25px;padding:4px}.hero-stage .phone img{border-radius:21px}.phone-center{bottom:-22px!important}.phone-left{left:2%;bottom:-45px!important}.phone-right{right:2%;bottom:-45px!important}
  .section{padding:82px 18px}.section.compact{padding:28px 18px}.section h2,.feature-card h2{font-size:2.75rem}
  .feature-wrap{padding:0 12px 36px;gap:14px}.feature-card{border-radius:30px;min-height:560px}.feature-inner{padding:52px 20px 44px}.lead{font-size:1rem}.phone-solo{width:min(205px,68vw);margin-top:30px}
  .carousel{padding:0 40px;margin-top:32px}.shot{flex-basis:185px}.carousel-button{width:38px;height:38px;font-size:1.55rem}.carousel-button.prev{left:-2px}.carousel-button.next{right:-2px}
  .facts-panel,.cta-panel,.follow-panel{padding:48px 20px;border-radius:30px}.facts-grid{grid-template-columns:1fr 1fr}.facts-grid>div{min-height:96px;padding:18px 10px}.facts-grid strong{font-size:.9rem}
  .legal-shell{padding:54px 14px 20px}.legal-card{padding:32px 20px;border-radius:28px}.legal-card h1{font-size:2.7rem}
  .site-footer{padding-left:18px;padding-right:18px}.footer-inner nav{gap:10px 13px}
}

/* Compatibility for the legal/store pages already used by BellaAura. */
.top{position:sticky;top:0;z-index:100;max-width:none;margin:0;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;padding:12px max(22px,calc((100vw - 1180px)/2));background:rgba(250,251,253,.82);backdrop-filter:blur(24px) saturate(170%);-webkit-backdrop-filter:blur(24px) saturate(170%);border-bottom:1px solid rgba(0,0,0,.05)}
.wordmark{display:inline-flex;align-items:center;text-decoration:none;font-weight:800;font-size:1.05rem;letter-spacing:-.025em;width:max-content}.wordmark .orb{display:none}.top nav{display:flex;gap:25px;align-items:center;justify-content:center}.top nav a{text-decoration:none;color:#50535b;font-size:.86rem;font-weight:560}.top .nav-cta{justify-self:end;text-decoration:none;background:#111217;color:#fff;border-radius:999px;padding:9px 15px;font-size:.82rem;font-weight:750}
body>footer:not(.site-footer){max-width:1180px;margin:44px auto 0;padding:32px 22px 54px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr auto 1fr;gap:24px;align-items:center;color:#777b84;font-size:.78rem}body>footer:not(.site-footer)>div{display:flex;flex-direction:column;gap:2px}body>footer:not(.site-footer)>div strong{color:#111217}body>footer:not(.site-footer) nav{display:flex;flex-wrap:wrap;justify-content:center;gap:14px}body>footer:not(.site-footer) a{text-decoration:none}body>footer:not(.site-footer)>a{justify-self:end}
@media(max-width:900px){.top{grid-template-columns:1fr auto}.top nav{display:none}body>footer:not(.site-footer){grid-template-columns:1fr;text-align:center}body>footer:not(.site-footer)>div{align-items:center}body>footer:not(.site-footer)>a{justify-self:center}}

/* 2026-09-16 — screenshots only in a single premium carousel */
.hero-inner{padding-bottom:92px}
.feature-card{min-height:auto}
.feature-inner{padding-top:82px;padding-bottom:82px}

.carousel{max-width:760px;padding:0 68px;margin-top:48px}
.carousel-track{gap:0;padding:8px 0 26px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:0;justify-content:flex-start}
.shot{flex:0 0 100%;scroll-snap-align:center;scroll-snap-stop:always;border:0;background:transparent;box-shadow:none;border-radius:0;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}
.shot img{width:min(286px,72vw);aspect-ratio:auto;height:auto;object-fit:contain;border-radius:34px;box-shadow:0 30px 78px rgba(22,28,45,.18);border:6px solid #0b0c10;background:#fff}
.shot figcaption{padding:18px 12px 0;color:#4f535c;font-size:.9rem;font-weight:760}
.carousel-button{top:46%;width:48px;height:48px}
.carousel-button.prev{left:6px}.carousel-button.next{right:6px}
.carousel-dots{margin-top:8px;gap:8px}
.carousel-dots button{appearance:none;-webkit-appearance:none;width:7px;height:7px;border:0;padding:0;border-radius:999px;background:#c8cad0;cursor:pointer;transition:width .22s ease,background .22s ease}
.carousel-dots button.is-active{width:22px;background:#61656e}

@media(max-width:620px){
  .hero-inner{padding-bottom:64px}
  .feature-inner{padding-top:58px;padding-bottom:58px}
  .carousel{padding:0 42px;margin-top:34px}
  .shot img{width:min(238px,72vw);border-width:5px;border-radius:29px}
  .carousel-button{width:38px;height:38px}
  .carousel-button.prev{left:0}.carousel-button.next{right:0}
}