/* Homepage (Oct 2026): Beam family, cosmic desert style */
.home-page{--hm-ink:#17132e;--hm-soft:#4f4865}
.home-page main{background:linear-gradient(180deg,#fbf8ff,#fdf7f3)}
.hm-eyebrow{margin:0 0 .9rem;font-size:.78rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#f3cf8f}
.hm-eyebrow--violet{color:#7b4dff}
.hm-grad{background:linear-gradient(90deg,#d9c2ff,#f6b8d8 60%,#ffc9a0);-webkit-background-clip:text;background-clip:text;color:transparent}
.hm-grad--warm{background-image:linear-gradient(90deg,#ffb38a,#ff8a7a 50%,#f6d79a)}
.hm-grad--deep{background-image:linear-gradient(90deg,#6b46ff,#b257f2 55%,#ff7a6c)}
.hm-grad--blush{background-image:linear-gradient(90deg,#e9d8ff,#ffc4d6 55%,#ffd2a8)}
.hm-head{max-width:46rem;margin:0 auto 3rem;text-align:center}
.hm-head h2{font-size:clamp(2rem,1.4rem + 2.4vw,3.1rem);line-height:1.08;letter-spacing:-.03em;color:var(--hm-ink);margin:0}
.hm-btns{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:2rem}
.hm-btn{display:inline-flex;align-items:center;gap:.45rem;padding:.95rem 1.6rem;border-radius:999px;font-weight:700;text-decoration:none;transition:transform .2s}
.hm-btn:hover{transform:translateY(-2px)}
.hm-btn--gold{background:linear-gradient(90deg,#f6d79a,#ffb08a);color:#2a1456;box-shadow:0 14px 30px -14px rgba(255,160,110,.8)}
.hm-btn--glass{background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.4);backdrop-filter:blur(6px)}
.hm-btn--white{background:#fff;color:#4a26c9;margin-top:1.8rem}

/* Hero: the Beam mascot at dusk, full bleed */
.hm-hero{position:relative;overflow:hidden;color:#fff;min-height:min(46rem,92vh);display:flex;align-items:center;padding:clamp(4rem,8vw,6rem) 0 clamp(6rem,10vw,8rem);background:#1a0f3d}
.hm-hero__img{position:absolute;inset:0;background:url(/assets/img/hero-beam-warm.webp) 78% 60%/cover no-repeat}
.hm-hero__img::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(14,8,40,.92) 0%,rgba(24,12,58,.78) 38%,rgba(40,18,80,.25) 65%,rgba(40,18,80,0) 80%),linear-gradient(180deg,rgba(14,8,40,.35),transparent 30%)}
.hm-hero::after{content:"";position:absolute;left:-10%;right:-10%;bottom:-1px;height:5rem;background:#fbf8ff;border-radius:50% 50% 0 0/100% 100% 0 0;box-shadow:0 -16px 40px -10px rgba(255,190,150,.5)}
.hm-hero__inner{position:relative;z-index:1}
.hm-hero h1{max-width:13ch;font-size:clamp(2.8rem,1.6rem + 5vw,5.4rem);line-height:1;letter-spacing:-.04em;margin:0 0 1.4rem;color:#fff}
.hm-lead{max-width:32rem;font-size:clamp(1.05rem,.95rem + .45vw,1.25rem);line-height:1.6;color:#e6ddf5;margin:0}
.hm-chips{list-style:none;padding:0;margin:2.6rem 0 0;display:flex;flex-wrap:wrap;gap:.7rem}
.hm-chips a{display:grid;grid-template-columns:auto auto;grid-template-rows:auto auto;column-gap:.7rem;align-items:center;padding:.55rem 1.1rem .55rem .55rem;border-radius:18px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(8px);color:#fff;text-decoration:none;font-weight:700;line-height:1.15;transition:background .2s}
.hm-chips a:hover{background:rgba(255,255,255,.2)}
.hm-chips img,.hm-chips__re{grid-row:1/3;width:2.5rem;height:2.5rem;border-radius:.75rem}
.hm-chips small{font-weight:500;font-size:.75rem;color:#d9cdee}
.hm-chips__re{display:inline-flex;align-items:center;justify-content:center;background:#fff;color:#14112a;font-family:Georgia,'Times New Roman',serif;font-weight:700;font-size:1rem}
.hm-chips__re i{font-style:normal;color:#a54bff}
.hm-chips__re--sm{width:2.5rem;height:2.5rem;border-radius:.75rem;box-shadow:0 8px 16px -8px rgba(80,40,160,.5)}

/* App cards */
.hm-apps{padding:clamp(3rem,6vw,5rem) 0 clamp(4rem,8vw,6rem)}
.hm-cards{display:grid;gap:1.4rem;grid-template-columns:1fr}
@media (min-width:62rem){.hm-cards{grid-template-columns:repeat(3,1fr)}}
.hm-card{display:flex;flex-direction:column;overflow:hidden;border-radius:30px;box-shadow:0 34px 70px -46px rgba(40,20,80,.8);transition:transform .25s}
.hm-card:hover{transform:translateY(-4px)}
.hm-card__visual{position:relative;height:17rem;overflow:hidden;display:grid;place-items:end center}
.hm-card__visual>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hm-card__sky{position:absolute;inset:0}
.hm-phone{position:relative;width:46%;max-width:11rem;margin-bottom:-38%;padding:5px;border-radius:24px}
.hm-phone img{display:block;width:100%;height:auto;border-radius:19px}
.hm-phone--light{background:linear-gradient(145deg,#efe1ea,#bba5b8 40%,#f6ecf2 60%,#a3909f);box-shadow:0 30px 50px -20px rgba(60,30,90,.6)}
.hm-phone--dark{background:linear-gradient(145deg,#6d5470,#2a2140 30%,#141024 60%,#7a5a6a);box-shadow:0 30px 50px -20px rgba(0,0,0,.8),0 0 60px -10px rgba(255,170,110,.45)}
.hm-card__body{flex:1;display:flex;flex-direction:column;padding:1.6rem 1.6rem 1.8rem}
.hm-card__status{margin:0;align-self:flex-start;padding:.28rem .75rem;border-radius:999px;font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.hm-card h3{display:flex;align-items:center;gap:.7rem;font-size:1.7rem;letter-spacing:-.02em;margin:.9rem 0 .2rem}
.hm-card h3 img{width:2.5rem;height:2.5rem;border-radius:.75rem}
.hm-card__tag{font-weight:600;margin:0 0 .8rem}
.hm-card__body>p:not([class]){line-height:1.65;margin:0 0 1.4rem}
.hm-card__link{margin-top:auto;font-weight:700;text-decoration:none}
.hm-card__link:hover{text-decoration:underline}
.hm-card--beam{background:radial-gradient(70% 60% at 80% 100%,rgba(255,165,110,.3),transparent 70%),linear-gradient(160deg,#160a3a,#2a0f5e 60%,#3d1a74);color:#fff}
.hm-card--beam .hm-card__visual::after{content:"";position:absolute;inset:auto 0 0 0;height:40%;background:linear-gradient(180deg,transparent,#22104c)}
.hm-card--beam .hm-card__status{background:rgba(243,207,143,.16);color:#f3cf8f}
.hm-card--beam .hm-card__tag,.hm-card--beam .hm-card__link{color:#f3cf8f}
.hm-card--beam .hm-card__body>p:not([class]){color:#ddd3f2}
.hm-card--re{background:linear-gradient(160deg,#f6efff,#f3e5fa 50%,#ffe6dc);color:var(--hm-ink)}
.hm-card--re .hm-card__sky{background:url(/assets/img/re-hero-sky.webp) center 45%/cover}
.hm-card--re .hm-card__status{background:#ede4ff;color:#5b34e6}
.hm-card--re .hm-card__tag{background:linear-gradient(90deg,#7b4dff,#d85fd0 55%,#ff7a5c);-webkit-background-clip:text;background-clip:text;color:transparent}
.hm-card--re .hm-card__body>p:not([class]){color:var(--hm-soft)}
.hm-card--re .hm-card__link{color:#5b34e6}
.hm-card--sk{background:linear-gradient(180deg,#0a0f26,#17143f 60%,#2a1c4f);color:#f7efe6}
.hm-card--sk .hm-card__sky{background:url(/assets/img/sleepkind-card.webp) center 60%/cover}
.hm-card--sk h3{font-family:'Cormorant Garamond',Georgia,serif;font-weight:500;color:#F3DDB2;font-size:2rem}
.hm-card--sk .hm-card__status{background:rgba(234,200,143,.16);color:#EAC88F}
.hm-card--sk .hm-card__tag,.hm-card--sk .hm-card__link{color:#EAC88F}
.hm-card--sk .hm-card__body>p:not([class]){color:#d8d0e6}
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:500;font-display:swap;src:url(/assets/fonts/cormorant-garamond-latin-500-normal.woff2) format('woff2')}

/* Statement */
.hm-statement{position:relative;overflow:hidden;padding:clamp(5rem,10vw,8rem) 0;text-align:center;background:linear-gradient(180deg,#f7efff 0%,#fde6e6 60%,#ffe0cc 100%)}
.hm-statement__arc{position:absolute;left:50%;top:40%;width:160%;aspect-ratio:1;transform:translateX(-50%);border-radius:50%;border-top:2px solid rgba(255,255,255,.95);box-shadow:0 -10px 50px -10px rgba(255,160,200,.8),inset 0 10px 60px -20px rgba(178,87,242,.5)}
.hm-statement .container{position:relative;max-width:52rem}
.hm-statement h2{font-size:clamp(2.1rem,1.4rem + 3vw,3.6rem);line-height:1.05;letter-spacing:-.035em;color:var(--hm-ink);margin:0 0 1.2rem}
.hm-statement p{font-size:1.15rem;line-height:1.75;color:var(--hm-soft);margin:0 auto;max-width:42rem}

/* Why */
.hm-why{padding:clamp(4rem,8vw,6rem) 0;background:radial-gradient(50rem 22rem at 15% 0%,rgba(190,160,255,.18),transparent 70%),radial-gradient(45rem 22rem at 90% 100%,rgba(255,180,150,.18),transparent 70%)}
.hm-why__grid{display:grid;gap:1.1rem;grid-template-columns:1fr}
@media (min-width:36rem){.hm-why__grid{grid-template-columns:repeat(2,1fr)}}
@media (min-width:64rem){.hm-why__grid{grid-template-columns:repeat(5,1fr)}}
.hm-why__item{padding:1.6rem 1.4rem;border-radius:24px;background:rgba(255,255,255,.75);border:1px solid #eadff8;box-shadow:0 20px 40px -32px rgba(80,40,160,.5)}
.hm-icon{display:grid;place-items:center;width:3rem;height:3rem;border-radius:16px;color:#fff;background:linear-gradient(135deg,#7b4dff,#d85fd0 60%,#ff9a7a);box-shadow:0 10px 20px -10px rgba(123,77,255,.7)}
.hm-icon svg{width:1.45rem;height:1.45rem}
.hm-why__item h3{font-size:1.1rem;margin:1rem 0 .4rem;color:var(--hm-ink)}
.hm-why__item p{margin:0;color:var(--hm-soft);line-height:1.6;font-size:.95rem}

/* Learn */
.hm-learn{position:relative;overflow:hidden;padding:clamp(4rem,8vw,6rem) 0;color:#fff;background:radial-gradient(60rem 22rem at 70% 100%,rgba(255,160,100,.25),transparent 70%),linear-gradient(180deg,#0b0826,#170d3f 60%,#24124f)}
.hm-learn__stars{position:absolute;inset:0;background:radial-gradient(1.5px 1.5px at 6% 18%,#fff 50%,transparent),radial-gradient(1px 1px at 14% 62%,#ffffffb0 50%,transparent),radial-gradient(2px 2px at 24% 30%,#fff 50%,transparent),radial-gradient(1px 1px at 37% 80%,#ffffffa0 50%,transparent),radial-gradient(1.5px 1.5px at 46% 10%,#fff 50%,transparent),radial-gradient(1px 1px at 88% 8%,#fff 50%,transparent),radial-gradient(1.5px 1.5px at 95% 40%,#fff 50%,transparent)}
.hm-learn .container{position:relative}
.hm-learn__band{display:grid;gap:2.5rem;align-items:center;margin-bottom:3.5rem}
@media (min-width:56rem){.hm-learn__band{grid-template-columns:1.05fr .95fr}}
.hm-learn h2{font-size:clamp(2.1rem,1.4rem + 2.8vw,3.4rem);line-height:1.05;letter-spacing:-.03em;margin:0 0 1rem;color:#fff}
.hm-learn__band p{color:#ddd3f2;font-size:1.1rem;line-height:1.65;margin:0;max-width:34rem}
.hm-learn__band>img{width:100%;height:auto;-webkit-mask-image:radial-gradient(closest-side,#000 60%,transparent 100%);mask-image:radial-gradient(closest-side,#000 60%,transparent 100%)}
.hm-arts{display:grid;gap:1.2rem;grid-template-columns:1fr}
@media (min-width:56rem){.hm-arts{grid-template-columns:repeat(3,1fr)}}
.hm-art{display:flex;flex-direction:column;overflow:hidden;border-radius:22px;background:#fff;color:var(--hm-ink);box-shadow:0 24px 50px -30px rgba(0,0,0,.7);transition:transform .25s}
.hm-art:hover{transform:translateY(-3px)}
.hm-art__top{position:relative;display:block;height:6.5rem;overflow:hidden}
.hm-art__top span{position:absolute;left:50%;top:40%;width:150%;aspect-ratio:1;transform:translateX(-50%);border-radius:50%;border-top:2px solid rgba(255,255,255,.85);box-shadow:0 -8px 30px -6px rgba(255,200,170,.8)}
.hm-art--sleep .hm-art__top{background:radial-gradient(60% 80% at 70% 110%,rgba(234,200,143,.55),transparent 70%),linear-gradient(160deg,#0a0f26,#231d4f)}
.hm-art--mind .hm-art__top{background:radial-gradient(60% 80% at 70% 110%,rgba(255,170,110,.6),transparent 70%),linear-gradient(160deg,#210052,#5a2a9a)}
.hm-art--rec .hm-art__top{background:radial-gradient(60% 80% at 70% 110%,rgba(255,170,140,.85),transparent 70%),linear-gradient(160deg,#8a6cff,#d48ad6 60%,#ffb79a)}
.hm-art__body{flex:1;display:flex;flex-direction:column;padding:1.3rem 1.4rem 1.4rem}
.hm-art__meta{display:flex;gap:.6rem;align-items:center;margin:0;font-size:.8rem;color:#7a7290}
.hm-art__meta b{padding:.2rem .6rem;border-radius:999px;background:#f1e8ff;color:#4a1f8c;font-size:.7rem;letter-spacing:.06em;text-transform:uppercase}
.hm-art h3{font-size:1.12rem;line-height:1.3;margin:.7rem 0 .5rem}
.hm-art h3 a{color:inherit;text-decoration:none}
.hm-art__body>p:not([class]){margin:0 0 1.1rem;color:var(--hm-soft);line-height:1.6;font-size:.95rem}
.hm-art__more{margin-top:auto;font-weight:700;color:#6b46ff;text-decoration:none}

/* Trust */
.hm-trust{position:relative;overflow:hidden;padding:clamp(5rem,10vw,7rem) 0;color:#fff;background:
  radial-gradient(1.5px 1.5px at 10% 14%,#fff 50%,transparent),radial-gradient(1px 1px at 30% 26%,#fff 50%,transparent),radial-gradient(1.5px 1.5px at 55% 8%,#fff 50%,transparent),radial-gradient(1px 1px at 80% 18%,#fff 50%,transparent),
  linear-gradient(160deg,#24124f 0%,#5a3290 32%,#b46aa8 66%,#f2a58f 92%,#ffd0b0 100%)}
.hm-trust__sky{position:absolute;inset:0;background:url(/assets/img/re-hero-sky.webp) center 70%/cover;opacity:.35;mix-blend-mode:soft-light}
.hm-trust__grid{position:relative;display:grid;gap:2.8rem;align-items:center}
@media (min-width:56rem){.hm-trust__grid{grid-template-columns:1.1fr .9fr}}
.hm-trust h2{font-size:clamp(2.1rem,1.4rem + 2.8vw,3.4rem);line-height:1.05;letter-spacing:-.03em;margin:0 0 1rem;color:#fff}
.hm-trust__grid>div>p:not([class]){color:#f4ecff;font-size:1.1rem;line-height:1.65;margin:0;max-width:34rem}
.hm-checks{list-style:none;margin:0;padding:0;display:grid;gap:.9rem}
.hm-checks li{position:relative;padding:1rem 1.2rem 1rem 3.4rem;border-radius:18px;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.25);backdrop-filter:blur(8px);color:#f1e8fb;line-height:1.5}
.hm-checks li::before{content:"";position:absolute;left:1.1rem;top:1.15rem;width:1.4rem;height:1.4rem;border-radius:50%;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 12.5l4 4 8-9' fill='none' stroke='%236b46ff' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/70% no-repeat}
.hm-checks strong{display:block;color:#fff}
.home-page .site-footer{margin-top:0}
/* review fixes */
.hm-hero__img{transform:scaleX(-1);background-position:12% 60%}
@media (max-width:48rem){.hm-hero__img{background-position:30% 60%}.hm-hero__img::after{background:linear-gradient(180deg,rgba(14,8,40,.55),rgba(14,8,40,.85))}}
.hm-hero__img::after{background:linear-gradient(270deg,rgba(14,8,40,.92) 0%,rgba(24,12,58,.78) 38%,rgba(40,18,80,.2) 62%,rgba(40,18,80,0) 78%),linear-gradient(180deg,rgba(14,8,40,.35),transparent 30%)}
.hm-statement .container{max-width:62rem}
.hm-card__visual{height:18rem}
.hm-phone{margin-bottom:-22%}
/* Statement band with the desert sunrise artwork (18 Oct) */
.hm-statement{display:flex;align-items:flex-start;min-height:clamp(30rem,46vw,44rem);padding:clamp(5.5rem,9vw,8.5rem) 0 clamp(8rem,14vw,12rem);background:#f6dfe3 url(/assets/img/desert-arc-sunrise.webp) center 40%/cover no-repeat}
@media (max-width:40rem){.hm-statement{background-image:url(/assets/img/desert-arc-sunrise-900.webp);background-position:center 60%;min-height:34rem}}
.hm-statement .container{max-width:52rem}
.hm-statement h2{text-shadow:0 2px 30px rgba(255,240,235,.7)}
.hm-statement p{color:#3d3552;text-shadow:0 1px 14px rgba(255,245,240,.9)}
.hm-statement__star{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:2rem;color:#e9a56f}
.hm-statement__star span{width:7rem;height:1px;background:linear-gradient(90deg,transparent,#e9a56f)}
.hm-statement__star span:last-child{background:linear-gradient(90deg,#e9a56f,transparent)}
.hm-statement__star svg{width:1.3rem;height:1.3rem;filter:drop-shadow(0 0 6px rgba(255,190,140,.8))}
.hm-statement h2{text-shadow:none}
.hm-statement h2 .hm-grad{background-image:linear-gradient(90deg,#e0486a,#ee6a52 55%,#f08a3e)}
.hm-statement .container{max-width:64rem}
.hm-statement p{max-width:44rem}
/* Hero image: meditating mascot (18 Oct) */
.hm-hero{background:#1b0d45}
.hm-hero__img{transform:none;background:url(/assets/img/hero-mascot-meditating.webp) 70% 55%/cover no-repeat}
.hm-hero__img::after{background:linear-gradient(90deg,rgba(18,8,52,.88) 0%,rgba(24,10,64,.62) 36%,rgba(30,12,70,.12) 60%,rgba(30,12,70,0) 75%),linear-gradient(180deg,rgba(14,8,40,.3),transparent 25%)}
@media (max-width:48rem){.hm-hero__img{background-image:url(/assets/img/hero-mascot-meditating-1000.webp);background-position:78% 60%}.hm-hero__img::after{background:linear-gradient(180deg,rgba(18,8,52,.6),rgba(18,8,52,.82))}}

/* Hero, wide editorial layout (Oct 2026 v2) */
.hm-hero--wide{min-height:clamp(40rem,calc(100vh - 5rem),56rem);padding:clamp(5rem,9vw,8rem) 0 clamp(8rem,12vw,10rem);align-items:center}
.hm-hero--wide .hm-hero__img{background-position:62% 58%}
.hm-hero--wide .hm-hero__img::after{background:linear-gradient(90deg,rgba(16,8,48,.92) 0%,rgba(22,10,60,.78) 28%,rgba(28,12,68,.35) 46%,rgba(30,12,70,0) 62%),linear-gradient(180deg,rgba(14,8,40,.35),transparent 22%)}
.hm-hero--wide .hm-hero__inner{width:100%;max-width:92rem;margin-inline:auto;padding-inline:clamp(1.25rem,6vw,6rem);display:grid;grid-template-columns:minmax(0,40rem) 1fr;gap:clamp(2rem,5vw,6rem);align-items:center}
.hm-hero--wide .hm-eyebrow{margin-bottom:1.6rem}
.hm-hero--wide h1{max-width:none;font-size:clamp(2.8rem,1.4rem + 4.2vw,5.6rem);line-height:.98;margin:0 0 1.8rem}
.hm-hero--wide h1 .hm-grad{display:inline}
.hm-hero--wide .hm-lead{max-width:30rem;font-size:clamp(1.08rem,1rem + .35vw,1.28rem);line-height:1.65}
.hm-hero--wide .hm-btns{margin-top:2.4rem;gap:1rem}
.hm-hero__apps{margin-top:clamp(2.8rem,5vw,4rem);padding-top:1.6rem;border-top:1px solid rgba(255,255,255,.16);max-width:36rem}
.hm-hero__label{margin:0 0 1rem;font-size:.72rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#bfb0e0}
.hm-hero--wide .hm-chips{margin:0}
@media (max-width:60rem){
  .hm-hero--wide .hm-hero__inner{grid-template-columns:1fr}
  .hm-hero__space{display:none}
}
@media (max-width:48rem){
  .hm-hero--wide{min-height:0;padding:3.5rem 0 7rem}
  .hm-hero--wide .hm-hero__img{background-position:78% 60%}
  .hm-hero--wide .hm-hero__img::after{background:linear-gradient(180deg,rgba(18,8,52,.6),rgba(18,8,52,.85))}
}
.hm-hero--wide .hm-hero__inner{max-width:var(--maxw);padding-inline:clamp(1rem,4vw,2rem);grid-template-columns:minmax(0,44rem) 1fr}
.hm-h1-line{display:block}
@media (min-width:40rem){.hm-h1-line{white-space:nowrap}}
.hm-hero--wide h1{font-size:clamp(2.8rem,1.4rem + 4vw,5.2rem)}
.hm-hero--wide .hm-lead{max-width:33rem}
@media (min-width:110rem){.hm-hero--wide .hm-hero__img{background-position:58% 58%}}
@media (max-width:39.99rem){.hm-h1-line{display:inline}}