/* Sleeple Premium System — 2026-09-28
   Site-wide conversion/trust layer. Loaded after legacy CSS and the reference identity.
*/
html[data-sleeple-identity="reference-2026"]{
  --sp-night:#071827;
  --sp-night-2:#0d2637;
  --sp-ink:#142636;
  --sp-copy:#435361;
  --sp-muted:#6d7a84;
  --sp-cream:#f6f3ed;
  --sp-paper:#fdfcf9;
  --sp-sage:#91a99a;
  --sp-sage-soft:#e8efea;
  --sp-blue:#65839d;
  --sp-blue-soft:#e8eef3;
  --sp-coral:#d98d84;
  --sp-gold:#c8a977;
  --sp-line:rgba(20,38,54,.12);
  --sp-shadow:0 18px 55px rgba(7,24,39,.08);
  --sp-shadow-lg:0 34px 100px rgba(7,24,39,.14);
  --sp-radius:26px;
  --sp-radius-sm:16px;
  --sp-max:1220px;
  --sp-narrow:780px;
  --sp-serif:"Newsreader","Instrument Serif",Georgia,serif;
  --sp-sans:"Sleeple UI",Manrope,Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
html[data-sleeple-identity="reference-2026"] body.sleeple-shell{
  background:var(--sp-cream)!important;
  color:var(--sp-copy)!important;
  font-family:var(--sp-sans)!important;
}
html[data-sleeple-identity="reference-2026"] body.sleeple-shell main{min-height:60vh}
html[data-sleeple-identity="reference-2026"] body.sleeple-shell :where(h1,h2){font-family:var(--sp-serif)!important;color:var(--sp-night)!important;font-weight:500!important;letter-spacing:-.035em}
html[data-sleeple-identity="reference-2026"] body.sleeple-shell h1{font-size:clamp(3rem,6.2vw,5.8rem);line-height:.98!important;text-wrap:balance}
html[data-sleeple-identity="reference-2026"] body.sleeple-shell h2{font-size:clamp(2rem,4vw,3.35rem);line-height:1.04!important}
html[data-sleeple-identity="reference-2026"] body.sleeple-shell h3{color:var(--sp-night)!important;letter-spacing:-.02em}
html[data-sleeple-identity="reference-2026"] body.sleeple-shell p{color:var(--sp-copy)}
html[data-sleeple-identity="reference-2026"] body.sleeple-shell .container{width:min(var(--sp-max),calc(100% - 48px))!important}

/* Unified premium header */
html[data-sleeple-identity="reference-2026"] .site-header.sleeple-global-header{
  position:sticky!important;top:0!important;z-index:1100!important;
  min-height:72px!important;height:auto!important;
  background:rgba(246,243,237,.88)!important;
  border-bottom:1px solid rgba(20,38,54,.08)!important;
  backdrop-filter:blur(20px) saturate(130%)!important;
  -webkit-backdrop-filter:blur(20px) saturate(130%)!important;
  transition:background .25s ease,box-shadow .25s ease!important;
}
html[data-sleeple-identity="reference-2026"] .site-header.sleeple-global-header.is-scrolled{
  background:rgba(246,243,237,.97)!important;box-shadow:0 14px 40px rgba(7,24,39,.08)!important
}
.sleeple-global-header .header-inner{min-height:72px!important}
.sleeple-global-header .brand-v2{display:flex;align-items:center;gap:10px;color:var(--sp-night)!important;text-decoration:none}
.sleeple-global-header .brand-mark{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--sp-line);background:rgba(255,255,255,.7)}
.sleeple-global-header .brand-mark svg{width:22px;height:22px}
.sleeple-global-header .brand-word{font-family:var(--sp-serif)!important;font-size:1.85rem!important;font-weight:500!important;color:var(--sp-night)!important}
.sleeple-global-header .nav-v2{display:flex;align-items:center;gap:2px}
.sleeple-global-header .nav-v2 a{padding:9px 11px!important;border-radius:11px!important;color:var(--sp-copy)!important;font-size:.86rem!important;font-weight:700!important;text-decoration:none!important}
.sleeple-global-header .nav-v2 a:hover,.sleeple-global-header .nav-v2 a[aria-current="page"]{background:var(--sp-sage-soft)!important;color:var(--sp-night)!important}
.sleeple-global-header .header-actions{display:flex;align-items:center;gap:4px!important}
.sleeple-global-header .header-bilan{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:44px!important;padding:0 16px!important;margin-left:5px!important;border:0!important;border-radius:999px!important;background:var(--sp-night)!important;color:#fff!important;font-size:.84rem!important;font-weight:800!important;text-decoration:none!important}
.sleeple-global-header .mobile-menu-toggle{display:none!important}
.sleeple-global-header #theme-toggle{font-size:0!important}
.sleeple-global-header #theme-toggle::after{content:"◐";font-size:18px}
.sleeple-global-header .sleeple-header-icon,.sleeple-global-header .sleeple-lang-trigger{background:transparent!important;border-color:transparent!important;color:var(--sp-night)!important;box-shadow:none!important}
.sleeple-global-header .sleeple-header-icon:hover,.sleeple-global-header .sleeple-lang-trigger:hover{background:var(--sp-paper)!important;border-color:var(--sp-line)!important;transform:none!important}

/* Unified menu overlay */
.sleeple-premium-mobile-menu{display:none!important;position:fixed!important;inset:0!important;z-index:1200!important;background:rgba(7,24,39,.96)!important;padding:92px 24px 30px!important;color:#fff!important;opacity:1!important;pointer-events:auto!important;align-items:initial!important;justify-content:initial!important}
.sleeple-premium-mobile-menu.is-open{display:block!important}
.sleeple-premium-mobile-menu nav{display:grid;gap:9px;max-width:520px;margin:auto}
.sleeple-premium-mobile-menu a{padding:14px 10px;border-bottom:1px solid rgba(255,255,255,.1);font-family:var(--sp-serif);font-size:2rem;color:#fff;text-decoration:none}
.sleeple-premium-mobile-close{position:absolute;top:20px;right:20px;width:46px;height:46px;border:1px solid rgba(255,255,255,.18);border-radius:50%;background:transparent;color:#fff;font-size:26px}

/* Unified footer */
.site-footer.sleeple-global-footer{background:var(--sp-night)!important;color:#dce4e7!important;padding:76px 0 26px!important}
.sleeple-footer-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:46px;margin-bottom:54px}
.sleeple-footer-brand strong{display:block;font-family:var(--sp-serif);font-size:2.25rem;font-weight:500;color:#fff}
.sleeple-footer-brand p{max-width:330px;color:#aebbc2!important;line-height:1.7}
.sleeple-global-footer h3{margin:0 0 16px;color:#fff!important;font-size:.78rem!important;text-transform:uppercase;letter-spacing:.14em;font-family:var(--sp-sans)!important}
.sleeple-global-footer ul{list-style:none!important;padding:0!important;margin:0!important;display:grid;gap:9px}
.sleeple-global-footer a{color:#cbd6db!important;text-decoration:none!important;font-size:.9rem}
.sleeple-global-footer a:hover{color:#fff!important}
.sleeple-footer-disclosure{display:flex;justify-content:space-between;gap:30px;padding-top:24px;border-top:1px solid rgba(255,255,255,.1);color:#87969e;font-size:.78rem;line-height:1.6}
.sleeple-footer-disclosure p{margin:0;color:#87969e!important;max-width:820px}

/* Homepage: immersive full-width bedroom */
.home-v2 .hero-v2.sleeple-room-hero{
  min-height:clamp(620px,82svh,860px)!important;
  width:100%!important;padding:0!important;overflow:hidden!important;
  color:#fff!important;background:#071827!important;
  isolation:isolate;
}
.sleeple-room-stage{position:absolute;inset:0;z-index:0;overflow:hidden;background:#071827}
.sleeple-room-photo{position:absolute;inset:-3%;width:106%;height:106%;object-fit:cover;object-position:center 54%;transform:scale(calc(1.035 + var(--room-progress,0)*.018)) translate3d(calc(var(--room-x,0)*8px),calc(var(--room-y,0)*5px),0);filter:saturate(.92) brightness(calc(.84 + var(--room-progress,0)*.10));transition:filter .15s linear}
.sleeple-room-stage::before{content:"";position:absolute;inset:0;z-index:1;background:
  linear-gradient(90deg,rgba(5,15,25,.62) 0%,rgba(5,15,25,.38) 31%,rgba(5,15,25,.06) 60%,rgba(5,15,25,.08) 100%),
  linear-gradient(180deg,rgba(4,12,22,.03),rgba(4,12,22,.12));
}
.sleeple-room-stage::after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:
  radial-gradient(circle at 84% 56%,rgba(255,184,96,calc(.08 + var(--room-progress,0)*.19)),transparent 17%),
  radial-gradient(circle at 10% 29%,rgba(255,191,105,calc(.04 + var(--room-progress,0)*.11)),transparent 14%),
  linear-gradient(90deg,rgba(114,154,205,calc(.20 - var(--room-progress,0)*.15)),transparent 47%);
  }
.sleeple-room-hero .room-copy{position:relative;z-index:5;width:min(var(--sp-max),calc(100% - 56px));margin:0 auto;padding:148px 0 84px;min-height:inherit;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.sleeple-room-hero .room-copy-inner{max-width:720px}
.sleeple-room-hero .eyebrow{color:#d4e3e4!important;text-shadow:0 2px 20px rgba(0,0,0,.35)}
.sleeple-room-hero h1{max-width:760px!important;margin:0!important;color:#fff!important;font-size:clamp(4rem,7.2vw,7.8rem)!important;line-height:.9!important;text-shadow:0 4px 40px rgba(0,0,0,.28)}
html[data-sleeple-identity="reference-2026"] body.sleeple-shell .sleeple-room-hero h1{color:#fff!important}
html[data-sleeple-identity="reference-2026"] body.sleeple-shell .sleeple-room-hero h1 em{color:#e8d7bd!important}
.sleeple-room-hero h1 em{font-style:italic!important;color:#e8d7bd!important}
.sleeple-room-hero .hero-lead{max-width:600px!important;color:#e5e9e8!important;text-shadow:0 2px 24px rgba(0,0,0,.42)}
.sleeple-room-hero .cta-primary{background:#f4efe5!important;color:var(--sp-night)!important;box-shadow:0 14px 50px rgba(0,0,0,.2)!important}
.sleeple-room-hero .cta-secondary{border-color:rgba(255,255,255,.34)!important;background:rgba(7,24,39,.22)!important;backdrop-filter:blur(8px)!important}
.sleeple-room-hero .hero-proof{border-top-color:rgba(255,255,255,.24)!important;color:#d4dede!important}
.sleeple-room-hero .proof-dot{background:#f0c895!important}
.room-hotspot{position:absolute;z-index:6;width:36px;height:36px;border:1px solid rgba(255,255,255,.72);border-radius:50%;background:rgba(7,24,39,.18);backdrop-filter:blur(5px);box-shadow:0 0 0 7px rgba(255,255,255,.06),0 8px 30px rgba(0,0,0,.26);display:grid;place-items:center;color:#fff;text-decoration:none;transition:.2s ease;transform:translate(-50%,-50%)}
.room-hotspot::before{content:"";width:7px;height:7px;border-radius:50%;background:#f1d0a2;box-shadow:0 0 18px #ffd9a6}
.room-hotspot span{position:absolute;bottom:46px;left:50%;transform:translate(-50%,8px);min-width:max-content;padding:8px 11px;border-radius:10px;background:rgba(7,24,39,.86);color:#fff;font-size:.72rem;font-weight:800;opacity:0;pointer-events:none;transition:.2s ease}
.room-hotspot:hover,.room-hotspot:focus-visible{background:rgba(7,24,39,.8);transform:translate(-50%,-50%) scale(1.08)}
.room-hotspot:hover span,.room-hotspot:focus-visible span{opacity:1;transform:translate(-50%,0)}
.room-hotspot--light{left:84%;top:52%}.room-hotspot--tracker{left:90%;top:67%}.room-hotspot--temperature{left:96%;top:69%}.room-hotspot--mask{left:63%;top:56%}.room-hotspot--pillow{left:72%;top:45%}.room-hotspot--blanket{left:54%;top:71%}.room-hotspot--noise{left:87%;top:58%}.room-hotspot--darkness{left:22%;top:24%}
.room-scroll-cue{position:absolute;z-index:7;right:28px;bottom:26px;padding:9px 12px;border-radius:999px;background:rgba(7,24,39,.48);backdrop-filter:blur(8px);color:#e7eceb;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}

/* Homepage sections after hero */
.home-v2 .section-v2{padding:96px 0!important}
.home-v2 .problem-card,.home-v2 .tool-v2,.home-v2 .guide-v2,.home-v2 .commerce-panel{border:1px solid var(--sp-line)!important;background:rgba(253,252,249,.88)!important;box-shadow:none!important}
.home-v2 .problem-card:hover,.home-v2 .tool-v2:hover,.home-v2 .guide-v2:hover{box-shadow:var(--sp-shadow)!important;transform:translateY(-4px)!important}
.home-v2 .problem-icon{border-color:var(--sp-line)!important}
.home-v2 .trust-strip{background:rgba(255,255,255,.32)!important;border-color:var(--sp-line)!important}
.home-v2 .journey-v2,.home-v2 .method-v2{background:var(--sp-night)!important}
.home-v2 .journey-panel{background:rgba(255,255,255,.035)!important}
.home-v2 .final-v2{background:var(--sp-sage)!important}

/* Page shells */
body.sleeple-article-page main,body.sleeple-hub-page main,body.sleeple-standard-page main{padding-top:clamp(36px,6vw,74px)}
body.sleeple-article-page :where(.reading,.article-container,.article-v2,.article-main,main>article),
body.sleeple-hub-page :where(.hub,.hub-main,.problem-hub),
body.sleeple-standard-page :where(.page-container,.legal-content,.mission-container,.contact-container){
  width:min(var(--sp-max),calc(100% - 48px))!important;max-width:none!important;margin-inline:auto!important;
}
body.sleeple-article-page main>article,body.sleeple-article-page .reading{max-width:var(--sp-narrow)!important}
body.sleeple-article-page article{font-size:1.06rem;line-height:1.82}
body.sleeple-article-page article>p:first-of-type,body.sleeple-hub-page .hub>p:first-child{font-size:.78rem!important;text-transform:uppercase;letter-spacing:.1em;font-weight:800;color:var(--sp-blue)!important}
body.sleeple-article-page article h1{margin-top:14px!important;margin-bottom:18px!important}
.sleeple-article-meta{display:flex;flex-wrap:wrap;gap:8px 18px;margin:0 0 30px;padding:14px 0 18px;border-bottom:1px solid var(--sp-line);font-size:.78rem;color:var(--sp-muted)}
.sleeple-article-meta span{display:inline-flex;align-items:center;gap:6px}
.sleeple-article-meta b{color:var(--sp-night)}
body.sleeple-article-page .article-meta{display:none!important}
body.sleeple-article-page article h2{margin-top:2.2em!important;margin-bottom:.6em!important;font-size:clamp(1.75rem,3vw,2.55rem)!important}
body.sleeple-article-page article h3{margin-top:1.6em!important}
body.sleeple-article-page article :where(p,li){max-width:72ch}
body.sleeple-article-page article ul,body.sleeple-article-page article ol{padding-left:1.35rem!important}
body.sleeple-article-page article li+li{margin-top:.42rem}
body.sleeple-article-page .box,body.sleeple-article-page :where(.highlight-box,.info-box,.note-box,.callout){
  margin:30px 0!important;padding:22px 24px!important;border:1px solid var(--sp-line)!important;border-left:3px solid var(--sp-sage)!important;border-radius:var(--sp-radius-sm)!important;background:var(--sp-paper)!important;box-shadow:none!important
}
body.sleeple-article-page .choice{margin:32px 0;border:1px solid var(--sp-line);border-radius:18px;overflow:auto;background:var(--sp-paper)}
body.sleeple-article-page table{border-collapse:collapse!important;width:100%!important}
body.sleeple-article-page th{background:var(--sp-sage-soft)!important;color:var(--sp-night)!important}
body.sleeple-article-page th,body.sleeple-article-page td{padding:14px!important;border:0!important;border-bottom:1px solid var(--sp-line)!important;text-align:left!important}
.sleeple-article-trust{margin:54px 0 10px;padding:26px;border-radius:var(--sp-radius);background:var(--sp-night);color:#fff}
.sleeple-article-trust h2{margin:0 0 8px!important;color:#fff!important;font-family:var(--sp-serif)!important;font-size:1.7rem!important}
.sleeple-article-trust p{margin:0;color:#b8c5ca!important;font-size:.9rem}
.sleeple-article-trust a{color:#fff!important}

/* Hub pages */
body.sleeple-hub-page :where(.hub,.problem-hub){padding-top:30px!important;padding-bottom:90px!important}
body.sleeple-hub-page :where(.hub,.problem-hub)>h1{max-width:930px;margin:10px 0 20px!important}
body.sleeple-hub-page :where(.hub,.problem-hub)>.intro{font-size:1.14rem;line-height:1.75;max-width:750px!important;color:var(--sp-copy)!important}
body.sleeple-hub-page .grid{gap:16px!important}
body.sleeple-hub-page .card{padding:26px!important;min-height:160px;border:1px solid var(--sp-line)!important;border-radius:var(--sp-radius)!important;background:var(--sp-paper)!important;box-shadow:none!important;transition:.22s ease}
body.sleeple-hub-page .card:hover{transform:translateY(-4px);box-shadow:var(--sp-shadow)!important}
body.sleeple-hub-page .card span{color:var(--sp-blue)!important;text-transform:uppercase;letter-spacing:.1em;font-size:.68rem!important;font-weight:800}
body.sleeple-hub-page .card strong{display:block;margin-top:auto;color:var(--sp-night);font-size:1.2rem}

/* Catalog: remove MVP emoji look */
body.sleeple-catalog-page .article-grid{gap:18px!important}
body.sleeple-catalog-page .article-card{border:1px solid var(--sp-line)!important;border-radius:22px!important;background:var(--sp-paper)!important;box-shadow:none!important;overflow:hidden!important}
body.sleeple-catalog-page .article-card:hover{transform:translateY(-4px)!important;box-shadow:var(--sp-shadow)!important}
body.sleeple-catalog-page .article-image{height:154px!important;position:relative!important;font-size:0!important;background:
 radial-gradient(circle at 70% 28%,rgba(255,255,255,.9),transparent 28%),
 linear-gradient(135deg,var(--article-accent-bg,var(--sp-sage-soft)),#f7f4ee)!important}
body.sleeple-catalog-page .article-image:not(:has(img))::before{content:"";width:76px;height:76px;border-radius:50%;border:1px solid currentColor;opacity:.7;background:
 radial-gradient(circle at 58% 38%,transparent 0 32%,currentColor 33% 35%,transparent 36%),
 linear-gradient(130deg,transparent 44%,currentColor 45% 47%,transparent 48%)}
body.sleeple-catalog-page .article-image:not(:has(img))::after{content:"Sleeple";position:absolute;left:20px;bottom:14px;font-family:var(--sp-serif);font-size:1rem;color:var(--article-accent-color,var(--sp-blue));opacity:.74}
body.sleeple-catalog-page .article-content{padding:22px!important}
body.sleeple-catalog-page .article-tag{font-size:.67rem!important;letter-spacing:.08em!important}
body.sleeple-catalog-page .article-title{font-family:var(--sp-serif)!important;font-size:1.48rem!important;font-weight:500!important;line-height:1.12!important}
body.sleeple-catalog-page .read-more{font-size:.85rem!important;color:var(--sp-night)!important}

/* Forms, legal, trust pages */
body.sleeple-standard-page :where(input,textarea,select){border:1px solid var(--sp-line)!important;border-radius:12px!important;background:var(--sp-paper)!important;color:var(--sp-ink)!important;padding:12px 14px!important}
body.sleeple-standard-page :where(button,.btn,.cta-button){border-radius:999px!important}
body.sleeple-standard-page .legal-content section{background:var(--sp-paper)!important;border:1px solid var(--sp-line)!important;border-radius:var(--sp-radius)!important;box-shadow:none!important;margin-bottom:16px!important}

/* Methodology / commercial components */
.sleeple-method-hero{padding:62px 0 36px}
.sleeple-method-hero p{max-width:720px;font-size:1.12rem;line-height:1.75}
.sleeple-method-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin:34px 0 70px}
.sleeple-method-card{padding:28px;border:1px solid var(--sp-line);border-radius:var(--sp-radius);background:var(--sp-paper)}
.sleeple-method-card b{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--sp-sage-soft);color:var(--sp-night);margin-bottom:38px}
.sleeple-method-card h2{font-size:1.75rem!important}
.sleeple-disclosure{padding:24px;border-radius:var(--sp-radius);background:var(--sp-night);color:#fff}
.sleeple-disclosure p{color:#c4d0d5!important}

/* Responsive */
@media(max-width:1050px){
  .sleeple-global-header .nav-v2{display:none}
  .sleeple-global-header .header-bilan{display:none!important}
  .sleeple-global-header .mobile-menu-toggle{display:flex!important;width:42px!important;height:42px!important;padding:0!important;align-items:center!important;justify-content:center!important}
  .sleeple-global-header .mobile-menu-toggle span{width:20px!important}
  .sleeple-footer-grid{grid-template-columns:1.3fr 1fr 1fr}
  .sleeple-footer-grid>div:last-child{grid-column:2/4}
}
@media(max-width:760px){
  html[data-sleeple-identity="reference-2026"] body.sleeple-shell .container{width:min(100% - 30px,var(--sp-max))!important}
  .sleeple-room-hero .room-copy{width:calc(100% - 30px);padding:118px 0 54px;justify-content:flex-end}
  .sleeple-room-hero h1{font-size:clamp(3.45rem,17vw,5.15rem)!important}
  .sleeple-room-photo{object-position:67% center}
  .sleeple-room-stage::before{background:linear-gradient(0deg,rgba(5,15,25,.86) 0%,rgba(5,15,25,.38) 56%,rgba(5,15,25,.18) 100%)}
  .room-hotspot{width:32px;height:32px}
  .room-hotspot span{display:none}
  .room-hotspot--darkness{left:12%;top:28%}.room-hotspot--blanket{left:52%;top:58%}.room-hotspot--mask{left:66%;top:48%}.room-hotspot--pillow{left:76%;top:39%}.room-hotspot--light{left:84%;top:50%}.room-hotspot--noise{left:89%;top:60%}.room-hotspot--tracker{left:90%;top:68%}.room-hotspot--temperature{left:95%;top:72%}
  .room-scroll-cue{display:none}
  .sleeple-footer-grid{grid-template-columns:1fr 1fr;gap:34px 24px}
  .sleeple-footer-brand{grid-column:1/-1}
  .sleeple-footer-grid>div:last-child{grid-column:auto}
  .sleeple-footer-disclosure{flex-direction:column}
  body.sleeple-article-page :where(.reading,.article-container,.article-v2,.article-main,main>article),
  body.sleeple-hub-page :where(.hub,.hub-main,.problem-hub),
  body.sleeple-standard-page :where(.page-container,.legal-content,.mission-container,.contact-container){width:calc(100% - 30px)!important}
  .sleeple-method-grid{grid-template-columns:1fr}
}
@media(max-width:520px){
  .sleeple-footer-grid{grid-template-columns:1fr}
  .sleeple-footer-grid>div:last-child{grid-column:auto}
  .sleeple-global-header .brand-word{font-size:1.65rem!important}
}
@media(prefers-reduced-motion:reduce){
  .sleeple-room-photo,.room-hotspot{transition:none!important;transform:none!important}
}

/* Sleeple crescent brand system — 2026-09-28 */
.sleeple-global-header .brand-v2{gap:11px!important}
.sleeple-global-header .brand-mark{
  width:42px!important;height:42px!important;border:0!important;border-radius:0!important;
  background:transparent!important;overflow:visible!important;filter:drop-shadow(0 0 10px rgba(86,137,255,.24));
}
.sleeple-global-header .brand-mark img{display:block;width:42px!important;height:42px!important;object-fit:contain}
.sleeple-global-header .brand-lockup{display:flex;flex-direction:column;justify-content:center;gap:1px;line-height:1}
.sleeple-global-header .brand-word{
  font-family:var(--sp-serif)!important;font-size:2rem!important;font-weight:500!important;
  line-height:.9!important;letter-spacing:-.045em!important;color:var(--sp-night)!important
}
.sleeple-global-header .brand-tagline{
  margin-top:5px;font-size:.47rem!important;font-weight:800!important;line-height:1!important;
  letter-spacing:.19em;text-transform:uppercase;color:var(--sp-muted)!important;white-space:nowrap
}
@keyframes sleeple-mark-awake{
  0%{opacity:.15;transform:scale(.82) rotate(-7deg);filter:drop-shadow(0 0 0 rgba(86,137,255,0))}
  45%{opacity:1;transform:scale(1.035) rotate(1deg);filter:drop-shadow(0 0 14px rgba(86,137,255,.48))}
  100%{opacity:1;transform:scale(1) rotate(0);filter:drop-shadow(0 0 9px rgba(86,137,255,.22))}
}
html.sleeple-brand-intro .sleeple-global-header .brand-mark img{animation:sleeple-mark-awake 1.05s cubic-bezier(.22,.75,.22,1) both}
.sleeple-global-header .brand-v2:hover .brand-mark img{transform:translateY(-1px) rotate(-2deg);filter:drop-shadow(0 0 12px rgba(86,137,255,.42))}
.sleeple-global-header .brand-mark img{transition:transform .35s ease,filter .35s ease}
@media(max-width:640px){
  .sleeple-global-header .brand-mark,.sleeple-global-header .brand-mark img{width:36px!important;height:36px!important}
  .sleeple-global-header .brand-word{font-size:1.75rem!important}
  .sleeple-global-header .brand-tagline{display:none}
}
@media(prefers-reduced-motion:reduce){
  html.sleeple-brand-intro .sleeple-global-header .brand-mark img{animation:none!important}
  .sleeple-global-header .brand-mark img{transition:none!important}
}

/* Official Sleeple brand-board lockup */
.sleeple-footer-logo{display:inline-flex!important;align-items:center;gap:13px;text-decoration:none!important;margin-bottom:16px}
.sleeple-footer-logo img{width:58px;height:58px;object-fit:cover;border-radius:15px;box-shadow:0 10px 30px rgba(39,76,190,.18);transition:transform .35s ease,filter .35s ease}
.sleeple-footer-logo span{display:flex;flex-direction:column;gap:6px}
.sleeple-footer-logo strong{margin:0!important;line-height:.88!important;letter-spacing:-.045em}
.sleeple-footer-logo small{font-size:.56rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:#aebbc2}
.sleeple-footer-logo:hover img{transform:translateY(-2px);filter:drop-shadow(0 0 12px rgba(92,137,255,.34))}
.sleeple-global-header .brand-mark{filter:none!important}
.sleeple-global-header .brand-mark img{border-radius:11px;box-shadow:0 7px 22px rgba(39,76,190,.12)}
@keyframes sleeple-mark-awake{
  0%{opacity:.12;transform:scale(.76) rotate(-10deg);filter:brightness(.6) saturate(.7)}
  35%{opacity:.92;transform:scale(.94) rotate(-3deg);filter:brightness(1.18) saturate(1.18) drop-shadow(0 0 14px rgba(91,137,255,.45))}
  68%{opacity:1;transform:scale(1.055) rotate(1deg);filter:brightness(1.08) saturate(1.08) drop-shadow(0 0 10px rgba(167,139,250,.35))}
  100%{opacity:1;transform:scale(1) rotate(0);filter:none}
}
@media(max-width:640px){.sleeple-footer-logo img{width:52px;height:52px}.sleeple-footer-logo small{font-size:.52rem}}
@media(prefers-reduced-motion:reduce){.sleeple-footer-logo img{transition:none!important}}


/* Bedroom hero visibility hardening — 2026-09-28 */
.home-v2 .hero-v2.sleeple-room-hero{
  position:relative!important;
  display:block!important;
  min-height:clamp(640px,84svh,900px)!important;
  background:#071827 url('../images/sleeple-bedroom-scene-v2.webp?v=20260928-scene2') center 54%/cover no-repeat!important;
}
.sleeple-room-stage{
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  display:block!important;
  opacity:1!important;
  visibility:visible!important;
  overflow:hidden!important;
  background:#071827 url('../images/sleeple-bedroom-scene-v2.webp?v=20260928-scene2') center 54%/cover no-repeat!important;
}
.sleeple-room-picture{
  position:absolute!important;
  inset:0!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
}
.sleeple-room-photo{
  position:absolute!important;
  inset:-2%!important;
  z-index:0!important;
  display:block!important;
  width:104%!important;
  height:104%!important;
  max-width:none!important;
  object-fit:cover!important;
  object-position:center 54%!important;
  opacity:1!important;
  visibility:visible!important;
}
.sleeple-room-hero .room-copy,
.sleeple-room-hero .room-hotspot,
.sleeple-room-hero .room-scroll-cue{position:relative;z-index:5}
.sleeple-room-hero .room-hotspot{position:absolute}
.sleeple-room-hero::before{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;background:linear-gradient(90deg,rgba(3,10,22,.68) 0%,rgba(3,10,22,.45) 31%,rgba(3,10,22,.10) 58%,rgba(3,10,22,.04) 100%)}
@media(max-width:700px){
  .home-v2 .hero-v2.sleeple-room-hero{min-height:760px!important;background-position:58% center!important}
  .sleeple-room-stage,.sleeple-room-photo{object-position:58% center!important;background-position:58% center!important}
}


/* Interactive bedroom object animation — lightweight CSS layers */
.sleeple-room-stage{--room-p:var(--room-progress,0)}
.room-effects{position:absolute;inset:0;z-index:2;pointer-events:none;overflow:hidden}
.room-effect{position:absolute;display:block;pointer-events:none;will-change:opacity,transform}
.room-effect--dawn{
  inset:0;
  background:
    radial-gradient(circle at 84% 26%,rgba(255,220,164,.9) 0 2%,rgba(255,184,103,.34) 8%,rgba(255,171,83,.12) 22%,transparent 42%),
    linear-gradient(104deg,transparent 44%,rgba(255,191,119,.08) 67%,rgba(255,228,190,.18));
  opacity:calc(.05 + var(--room-p)*.92);
  mix-blend-mode:screen;
  transition:opacity .18s linear;
}
.room-effect--lamp{
  left:80%;top:52%;width:220px;height:220px;transform:translate(-50%,-50%) scale(calc(.76 + var(--room-p)*.28));
  border-radius:50%;
  background:radial-gradient(circle,rgba(255,221,150,.9) 0 3%,rgba(255,190,98,.34) 13%,rgba(255,178,84,.12) 30%,transparent 66%);
  opacity:calc(.18 + var(--room-p)*.72);
}
.room-effect--clock{
  left:79%;top:57%;transform:translate(-50%,-50%) scale(calc(.82 + var(--room-p)*.18));
  min-width:74px;padding:8px 11px;border:1px solid rgba(255,212,139,.42);border-radius:10px;
  background:rgba(20,12,6,.48);box-shadow:0 0 12px rgba(255,173,67,.22);
  opacity:calc(.28 + var(--room-p)*.72)
}
.room-effect--clock i{font-style:normal;font:800 18px/1 var(--sp-sans);letter-spacing:.08em;color:#ffd082;text-shadow:0 0 14px rgba(255,173,67,.8)}
.room-effect--tracker{
  left:90%;top:67%;width:48px;height:48px;transform:translate(-50%,-50%);
  display:flex;align-items:flex-end;justify-content:center;gap:3px;padding:10px;border-radius:14px;
  background:rgba(7,24,39,.42);border:1px solid rgba(135,173,255,.26);opacity:calc(.18 + var(--room-p)*.74)
}
.room-effect--tracker i{width:4px;border-radius:5px;background:linear-gradient(#8fdcff,#5c78ff);box-shadow:0 0 10px rgba(99,136,255,.55);}
.room-effect--tracker i:nth-child(1){height:10px;animation-delay:-.2s}.room-effect--tracker i:nth-child(2){height:19px;animation-delay:-.55s}.room-effect--tracker i:nth-child(3){height:13px;animation-delay:-.9s}.room-effect--tracker i:nth-child(4){height:24px;animation-delay:-1.2s}
.room-effect--noise{
  left:87%;top:59%;width:70px;height:54px;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;gap:4px;
  opacity:calc(.16 + var(--room-p)*.62)
}
.room-effect--noise i{width:3px;height:10px;border-radius:999px;background:#b6c7ff;box-shadow:0 0 12px rgba(139,163,255,.6);}
.room-effect--noise i:nth-child(2){animation-delay:-.15s}.room-effect--noise i:nth-child(3){animation-delay:-.3s}.room-effect--noise i:nth-child(4){animation-delay:-.45s}.room-effect--noise i:nth-child(5){animation-delay:-.6s}
.room-effect--temperature{
  left:96%;top:69%;width:96px;height:96px;transform:translate(-50%,-50%);
  border-radius:50%;border:1px solid rgba(117,196,255,.34);
  background:radial-gradient(circle,rgba(98,180,255,.12),transparent 62%);
  box-shadow:0 0 28px rgba(80,170,255,.15),inset 0 0 24px rgba(255,154,98,.08);
  opacity:calc(.12 + var(--room-p)*.55)
}
.room-effect--darkness{
  left:22%;top:24%;width:260px;height:220px;transform:translate(-50%,-50%);
  border-radius:50%;background:radial-gradient(circle,rgba(77,111,213,.22),rgba(18,37,81,.14) 36%,transparent 70%);
  opacity:calc(.55 - var(--room-p)*.42)
}
.room-effect--pillow{
  left:72%;top:45%;width:145px;height:78px;transform:translate(-50%,-50%);
  border-radius:52% 48% 46% 54%;background:radial-gradient(ellipse,rgba(177,196,255,.15),transparent 72%);
  box-shadow:0 0 26px rgba(147,171,255,.12);opacity:.22
}
.room-effect--blanket{
  left:54%;top:71%;width:260px;height:115px;transform:translate(-50%,-50%);
  border-radius:50%;background:radial-gradient(ellipse,rgba(136,150,255,.10),transparent 72%);
  opacity:.16
}
.sleeple-room-hero[data-active-object="wake_light"] .room-effect--lamp,
.sleeple-room-hero[data-active-object="wake_light"] .room-effect--clock{opacity:1!important;transform:translate(-50%,-50%) scale(1.08)}
.sleeple-room-hero[data-active-object="tracker"] .room-effect--tracker{opacity:1!important;transform:translate(-50%,-50%) scale(1.14)}
.sleeple-room-hero[data-active-object="noise"] .room-effect--noise{opacity:1!important;transform:translate(-50%,-50%) scale(1.06)}
.sleeple-room-hero[data-active-object="temperature"] .room-effect--temperature{opacity:1!important;transform:translate(-50%,-50%) scale(1.14)}
.sleeple-room-hero[data-active-object="darkness"] .room-effect--darkness{opacity:.85!important;transform:translate(-50%,-50%) scale(1.08)}
.sleeple-room-hero[data-active-object="pillow"] .room-effect--pillow{opacity:.65!important;transform:translate(-50%,-50%) scale(1.08)}
.sleeple-room-hero[data-active-object="weighted_blanket"] .room-effect--blanket{opacity:.55!important;transform:translate(-50%,-50%) scale(1.06)}
.sleeple-room-hero[data-room-phase="dawn"] .room-scroll-cue,
.sleeple-room-hero[data-room-phase="day"] .room-scroll-cue{opacity:.55}

.sleeple-room-hero[data-active-object="tracker"] .room-effect--tracker i{animation:roomTrackerBars 1.05s ease-in-out infinite}
.sleeple-room-hero[data-active-object="noise"] .room-effect--noise i{animation:roomNoiseWave .95s ease-in-out infinite}
.sleeple-room-hero[data-active-object="temperature"] .room-effect--temperature{animation:roomTempBreath 1.8s ease-in-out infinite}
.sleeple-room-hero[data-active-object="pillow"] .room-effect--pillow{animation:roomSoftBreath 2.2s ease-in-out infinite}
.sleeple-room-hero[data-active-object="weighted_blanket"] .room-effect--blanket{animation:roomSoftBreath 2.5s ease-in-out infinite}
@keyframes roomTrackerBars{0%,100%{transform:scaleY(.58);opacity:.55}50%{transform:scaleY(1.12);opacity:1}}
@keyframes roomNoiseWave{0%,100%{transform:scaleY(.55);opacity:.48}50%{transform:scaleY(1.75);opacity:1}}
@keyframes roomTempBreath{0%,100%{transform:translate(-50%,-50%) scale(.96)}50%{transform:translate(-50%,-50%) scale(1.06)}}
@keyframes roomSoftBreath{0%,100%{transform:translate(-50%,-50%) scale(.96)}50%{transform:translate(-50%,-50%) scale(1.04)}}
@media(max-width:700px){
  .room-effect--clock{left:72%;top:58%;transform:translate(-50%,-50%) scale(.82)}
  .room-effect--lamp{left:73%;top:52%;width:160px;height:160px}
  .room-effect--tracker{left:84%;top:72%}
  .room-effect--noise{left:78%;top:64%}
  .room-effect--temperature{display:none}
  .room-effect--darkness{left:26%;top:38%;width:180px;height:160px}
  .room-effect--pillow{left:30%;top:62%;width:110px}
  .room-effect--blanket{left:47%;top:78%;width:190px}
}
@media(prefers-reduced-motion:reduce){
  .room-effect,.room-effect i,.room-hotspot{animation:none!important;transition:none!important}
  .room-effect--tracker i,.room-effect--noise i{transform:none!important}
}