:root{--paper:#f6f1e8;--surface:#fcf9f4;--ink:#2c2416;--muted:#746655;--sage:#527557;--sage-dark:#3c5942;--line:#dedbce;--soft:#e5e9dc;--radius:28px;font-family:ui-rounded,"SF Pro Rounded",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}

*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:110px}
body{margin:0;min-width:320px}
a{color:inherit;text-decoration:none}
button,input,summary{font:inherit}
img{max-width:100%;height:auto;display:block}
svg{flex-shrink:0}
.icon{width:22px;height:22px}
p{line-height:1.7;color:var(--muted);margin:0 0 20px}
h1,h2,h3{margin:0;font-weight:650;letter-spacing:-.05em;text-wrap:balance}
h2{font-size:clamp(36px,4vw,58px);line-height:1.08}
h3{font-size:30px;line-height:1.16}
a:focus-visible,summary:focus-visible{outline:3px solid var(--sage);outline-offset:6px;border-radius:5px}
a,summary{-webkit-tap-highlight-color:transparent}
.container{width:min(1160px,calc(100% - 64px));margin-inline:auto}
.section{padding-block:112px}
.eyebrow{color:var(--sage-dark);font-size:12px;font-weight:750;letter-spacing:.14em;line-height:1.5;margin-bottom:22px}
.sectionHeading{text-align:center;margin:0 auto 44px;max-width:740px}
.sectionHeading h2{margin-bottom:20px}
.sectionHeading>p:last-child{font-size:17px}
.srOnly,.featureInput{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.skipLink{position:fixed;top:-100px;left:20px;background:var(--sage-dark);color:white;padding:16px;z-index:100}
.skipLink:focus{top:14px}
.siteHeader{height:90px;background:var(--paper);border-bottom:1px solid rgba(222,219,206,.7);position:sticky;top:0;z-index:20}
.navRow{height:100%;display:flex;align-items:center;justify-content:space-between;gap:22px}
.brand{display:inline-flex;align-items:center;gap:11px;font-size:27px;font-weight:750;letter-spacing:-1.3px;white-space:nowrap}
.brand img{border-radius:11px}
.brandDot{margin-left:-11px;color:var(--sage)}
.desktopNav{display:flex;align-items:center;gap:30px;font-size:14px;font-weight:550}
.desktopNav a{padding:14px 0;color:var(--muted)}
.desktopNav a:hover,.siteFooter a:hover{color:var(--sage)}
.navCta{display:flex;gap:10px;align-items:center;background:var(--sage-dark);color:var(--surface);padding:12px 19px;border-radius:99px;font-size:14px;font-weight:650;white-space:nowrap}
.navCta .icon{width:17px;height:17px}
.mobileMenu{display:none}
.siteFooter{padding-block:0 30px}
.footerTop{display:grid;grid-template-columns:2fr 1fr 1.1fr;gap:45px;padding:0 0 50px}
.footerTop p{font-size:14px;margin-top:21px;line-height:1.8}
.footerTop nav{display:flex;flex-direction:column;align-items:flex-start;gap:14px;font-size:13px;color:var(--muted);padding-top:7px}
.footerTop nav>span{font-size:10px;letter-spacing:.13em;color:var(--sage-dark);font-weight:750;margin-bottom:7px}
.footerBottom{border-top:1px solid var(--line);padding-top:25px;display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:11px;color:var(--muted)}
.footerBottom a{display:flex;align-items:center;gap:5px;font-size:12px}
.footerBottom .icon{width:14px;height:14px}


/* Information pages retain the reviewed legal copy in a readable, shared shell. */
.shell{width:min(880px,calc(100% - 64px));margin:auto}
.policy{padding-block:70px 90px}
.policyTitle{padding-bottom:40px;border-bottom:1px solid var(--line);margin-bottom:40px}
.policyTitle h1,.notFound h1{font-size:clamp(42px,6vw,68px);line-height:1.06;margin-bottom:24px}
.policyTitle p:not(.eyebrow){font-size:18px;max-width:740px}
.policyTitle time{font-size:13px;color:var(--muted)}
.policySection{margin-bottom:35px;scroll-margin-top:120px}
.policySection h2{font-size:24px;letter-spacing:-.025em;line-height:1.3;margin-bottom:14px}
.policySection p,.policySection li{font-size:16px;color:var(--muted);line-height:1.8}
.policySection li{margin-bottom:8px}
.policySection strong{color:var(--ink)}
.policySection a{text-decoration:underline;text-underline-offset:3px;color:var(--sage-dark);overflow-wrap:anywhere}
.policy+.siteFooter,.notFound+.siteFooter{border-top:1px solid var(--line);padding-top:48px}
.notFound{padding-block:100px;min-height:60vh}
.primaryLink{display:inline-block;margin-top:22px;color:var(--sage-dark);text-decoration:underline;text-underline-offset:5px}

/* A screen-led product story. Every image comes from the native app. */
.productStory h1,.productStory h2,.productStory h3{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-weight:600;letter-spacing:-.055em}
.productStory h2{font-size:clamp(44px,5.3vw,76px);line-height:1.06}
.productStory h2 span,.productHero h1 span{color:var(--sage)}
.productStory p{line-height:1.6}
.soloStory{overflow:clip}
.productStory .eyebrow{font-size:11px;letter-spacing:.16em;margin-bottom:25px}
.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;background:var(--sage-dark);color:var(--surface);border:1px solid var(--sage-dark);padding:16px 25px;border-radius:99px;font-size:14px;font-weight:600;transition:background .2s,transform .2s}
.button .icon{width:18px;height:18px}
.button:hover,.navCta:hover{background:#2c4532;transform:translateY(-2px)}
.availability{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:7px}
.availability:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--sage)}
.textLink{display:inline-flex;align-items:center;gap:14px;padding-block:9px;font-size:14px;font-weight:600;color:var(--sage-dark);border-bottom:1px solid #aebda4}
.textLink .icon{width:17px;height:17px}
.textLink:hover{border-color:var(--sage-dark)}
.phone{background:#292a24;border:4px solid #4a4b43;border-radius:48px;padding:3px;overflow:hidden;width:344px;box-shadow:0 35px 70px -30px #292a244d,0 2px 4px #14171140;flex-shrink:0}
.phone img{width:100%;height:auto;border-radius:39px;aspect-ratio:440/956;object-fit:cover;background:var(--paper)}
.productHero{padding-top:52px;text-align:center;overflow:clip}
.heroCopy{position:relative;z-index:2}
.productHero .eyebrow{margin-bottom:20px;font-size:10px}
.productHero h1{font-size:clamp(64px,7vw,100px);line-height:1.01;letter-spacing:-.05em}
.heroDescription{font-size:18px;margin:24px 0 0;line-height:1.55}
.heroActions{display:flex;flex-direction:column;align-items:center;gap:12px;margin-top:24px}
.heroStage{height:725px;max-width:1120px;margin:38px auto 0;position:relative;isolation:isolate}
.heroGround{position:absolute;background:#dde4d2;inset:90px -200px 15px;border-radius:50% 50% 0 0;z-index:-1}
.heroStage .phone{position:absolute;left:50%;transform-origin:50% 85%}
.heroTimer{width:318px;top:0;margin-left:-159px;z-index:3}
.heroNotebook{width:279px;top:52px;margin-left:-415px;transform:rotate(-10deg);z-index:1}
.heroRoom{width:279px;top:52px;margin-left:136px;transform:rotate(10deg);z-index:1}
.screenCaption{font-size:10px;text-align:center;margin:0 0 32px;letter-spacing:.03em}
.chapterNav{display:flex;justify-content:center;gap:70px;padding-block:26px 30px;border-bottom:1px solid var(--line)}
.chapterNav a{display:flex;align-items:center;gap:15px;color:var(--sage-dark);font-size:13px;font-weight:600;padding:9px 0}
.chapterNav .icon{width:16px;height:16px}
.productMoment{display:grid;grid-template-columns:1fr 1fr;align-items:center;column-gap:95px;min-height:930px;padding-block:100px}
.momentCopy{position:sticky;top:160px;align-self:center;z-index:2}
.momentCopy>p:not(.eyebrow){font-size:18px;max-width:390px;margin:28px 0}
.quietDetail{display:block;padding-top:23px;border-top:1px solid var(--line);max-width:355px;font-size:12px;color:var(--muted);line-height:1.6}
.momentArt{position:relative;display:flex;align-items:center;justify-content:center;min-width:0;isolation:isolate}
.productPhone{position:relative;z-index:1}
.focusHalo{position:absolute;width:540px;height:540px;max-width:125%;border:1px solid #c9d1bb;border-radius:50%;background:#e7ebde;z-index:-1}
.focusHalo:after{content:"";position:absolute;inset:25px;border:1px solid #cdd5bf;border-radius:50%}
.focusArt{flex-direction:column;gap:24px}
.handNote{font:italic 16px/1.5 Georgia,serif;color:var(--sage-dark);text-align:center}
.reverseMoment .momentCopy{grid-column:2;grid-row:1}
.reverseMoment .momentArt{grid-column:1;grid-row:1}
.tasksSection{background:var(--surface);overflow:clip}
.tasksArt{padding-block:20px}
.tasksArt:before{content:"";position:absolute;inset:10% -12% 10% 0;background:#eae6da;border-radius:50% 50% 45% 45%;rotate:-8deg;z-index:-1}
.tasksArt .phone{rotate:-4deg}
.notebookSection{padding:115px 0 40px;overflow:clip}
.notebookHeading{text-align:center}
.notebookHeading>p:last-child{font-size:18px;margin:26px 0 0}
.notebookStage{position:relative;height:910px;margin-top:65px;isolation:isolate}
.notebookEnlargement{position:absolute;width:555px;left:80px;top:15px;rotate:-5deg;box-shadow:0 28px 45px -25px #4b473e66;border-radius:10px;overflow:hidden;background:var(--surface)}
.notebookEnlargement img{width:100%;height:auto}
.notebookPhone{position:absolute;width:295px;right:100px;top:138px;rotate:7deg;z-index:2}
.notebookSticker{position:absolute;z-index:3;width:150px;filter:drop-shadow(0 12px 8px #3d45321a)}
.stickerTea{right:26px;bottom:54px;rotate:10deg;width:160px}
.notebookFoot{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-block:26px;font-size:12px;color:var(--muted);gap:20px}
.progressSection{background:#e2e7d9}
.progressSection .quietDetail{border-color:#bac8ae}
.progressArt:before{content:"";position:absolute;inset:4% -9%;border:1px solid #becbb2;border-radius:50%}
.progressArt .phone{rotate:3deg}
.roomsSection{padding-top:112px;background:#304d3b;color:var(--surface);overflow:clip}
.roomsHeading{text-align:center}
.roomsHeading h2{font-size:clamp(50px,6.5vw,94px)}
.roomsHeading h2 span{color:#bccdaa}
.roomsHeading .eyebrow{color:#bfd0b2}
.roomsHeading>p:last-child{font-size:18px;color:#d2ddcc;margin:26px 0 0}
.roomsStage{position:relative;height:820px;margin-top:70px;isolation:isolate}
.roomsStage:before{content:"";position:absolute;border:1px solid #5b755f;border-radius:50%;inset:40px -60px -330px;z-index:-1}
.roomsStage .phone{position:absolute;left:50%;box-shadow:0 35px 65px -25px #112b20a6}
.mainRoomPhone{width:330px;margin-left:-165px;z-index:3;top:0}
.discoverPhone{width:282px;margin-left:-465px;top:75px;rotate:-8deg}
.conversationPhone{width:282px;margin-left:183px;top:75px;rotate:8deg}
.roomFoot{position:absolute;bottom:34px;left:50%;translate:-50% 0;width:min(620px,calc(100% - 40px));display:flex;justify-content:center;flex-wrap:wrap;gap:4px 8px;text-align:center;color:#d2ddcc;font-size:13px;line-height:1.6;margin:0}
.groupSection{background:#e9ecdf;overflow:clip}
.groupSection .productMoment{min-height:810px;column-gap:85px}
.groupArt{display:block}
.sessionDetail{border-radius:25px;overflow:hidden;box-shadow:0 28px 65px -36px #43503966;rotate:-3deg}
.sessionDetail img{width:100%;height:auto}
.detailCaption{font-size:11px;text-align:center;margin:28px 0 0}
.challengeSection{background:#e9ecdf}
.challengeSection .productMoment{min-height:790px;border-top:1px solid #ccd4c0}
.challengeArt{display:block}
.challengeDetail{border-radius:10% 10% 24px 24px;overflow:hidden;box-shadow:0 28px 65px -35px #43503966;rotate:3deg}
.challengeDetail img{width:100%;height:auto}
.personalitySection{padding:120px 0 65px;overflow:clip}
.personalityHeading{text-align:center}
.personalityHeading>p:last-child{font-size:18px;margin:26px 0 0}
.friendsGallery{display:grid;grid-template-rows:repeat(2,auto);grid-auto-flow:column;grid-auto-columns:calc((100% - 96px)/5);gap:28px 24px;width:min(1160px,calc(100% - 64px));margin:35px auto 0;padding:30px 20px 24px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#c1c8b4 transparent;scroll-snap-type:x mandatory;scroll-padding-inline:20px}
.friendsGallery figure{margin:0;min-width:0;text-align:center;scroll-snap-align:start}
.friendsGallery img{width:139px;height:auto;max-width:100%;aspect-ratio:1;object-fit:contain;margin-inline:auto;border-radius:27%;box-shadow:0 7px 15px #2c241609;transition:transform .25s}
.friendsGallery figure:nth-child(3n+1) img{rotate:-6deg}
.friendsGallery figure:nth-child(3n+2) img{rotate:5deg}
.friendsGallery figure:hover img{transform:translateY(-8px)}
.friendsGallery figcaption{font-size:10px;color:var(--muted);margin-top:16px;line-height:1.4}
.collectionHint{text-align:center;font-size:12px;margin:24px 24px 0}
.collectionHint>span{display:inline-flex;align-items:center;gap:8px;color:var(--sage-dark);margin-left:12px}
.collectionHint .icon{width:13px;height:13px}
.storeSection{background:#ebe9df;padding:100px 0 45px}
.storeHeading{display:flex;justify-content:space-between;align-items:end;gap:40px}
.storeHeading>p{font-size:17px;max-width:310px;margin:0 0 5px}
.collectionRail{display:flex;gap:28px;width:min(1160px,calc(100% - 64px));margin-inline:auto;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:0;padding:55px 0 35px;scrollbar-width:thin;scrollbar-color:#b7bba9 transparent}
.collectionSlide{margin:0;flex:0 0 calc((100% - 28px)/2);min-width:0;scroll-snap-align:start;scroll-margin-top:115px}
.collectionSlide>img{width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;border-radius:24px}
.collectionSlide figcaption{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #cecfbf;margin-top:25px;padding:24px 2px 0}
.collectionNumber{font-size:9px;letter-spacing:.15em;color:var(--muted)}
.collectionSlide h3{font-size:30px;margin-top:9px;letter-spacing:-.03em}
.collectionSlide figcaption a{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border:1px solid #b5bca7;border-radius:50%;color:var(--sage-dark);transition:background .2s}
.collectionSlide figcaption a:hover{background:#dce2d1}
.collectionSlide .icon{width:18px;height:18px}
.storeFoot{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-top:26px}
.coinNote{display:flex;align-items:center;gap:13px;font-size:12px;line-height:1.7;color:var(--muted)}
.coinNote strong{font-weight:550;color:var(--ink)}
.railHint{display:flex;align-items:center;gap:12px;font-size:12px;color:var(--sage-dark)}
.railHint .icon{width:16px;height:16px}
[tabindex="0"]:focus-visible{outline:3px solid var(--sage);outline-offset:-5px}
.questions{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;padding-block:120px}
.productStory .questions h2{font-size:52px;margin-bottom:25px}
.questions>div>p:not(.eyebrow){font-size:14px;margin-bottom:8px}
.faqList{border-top:1px solid var(--line)}
.faqList details{border-bottom:1px solid var(--line)}
.faqList summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:25px 2px;cursor:pointer;font-size:16px;font-weight:580;min-height:72px}
.faqList summary::-webkit-details-marker{display:none}
.faqList summary span{font-size:25px;font-weight:350;color:var(--sage)}
.faqList details[open] summary span{transform:rotate(45deg)}
.faqList details p{font-size:15px;padding-right:28px;line-height:1.75;margin-bottom:25px}
.faqList p a{text-decoration:underline;text-underline-offset:3px}
.closing{background:#e2e7d9;text-align:center;padding:90px 0 95px;margin-bottom:75px}
.closing>.container>img{border-radius:24px;margin:0 auto 28px;box-shadow:0 7px 15px #3c59421a}
.closing .eyebrow{font-size:10px}
.closing h2{font-size:clamp(44px,5.5vw,80px)}
.closing>.container>p:not(.eyebrow){margin:25px auto 28px;font-size:16px}
.closingActions{display:flex;align-items:center;flex-direction:column;gap:16px}

/* Scroll motion is progressive enhancement; all content works without it. */
@supports(animation-timeline:view()){
 @media(prefers-reduced-motion:no-preference){
  .productMoment{view-timeline-name:--moment;view-timeline-axis:block}
  .momentArt{animation:product-arrive linear both;animation-timeline:--moment;animation-range:entry 10% cover 45%}
  .momentCopy{animation:copy-arrive linear both;animation-timeline:--moment;animation-range:entry 10% cover 35%}
  .notebookStage{view-timeline-name:--notebook}
  .notebookPhone{animation:notebook-settle linear both;animation-timeline:--notebook;animation-range:entry 0% cover 50%}
  .roomsStage{view-timeline-name:--rooms}
  .discoverPhone{animation:room-left linear both;animation-timeline:--rooms;animation-range:entry 0% cover 45%}
  .conversationPhone{animation:room-right linear both;animation-timeline:--rooms;animation-range:entry 0% cover 45%}
 }
}
@keyframes product-arrive{from{translate:0 65px;scale:.96}to{translate:0 0;scale:1}}
@keyframes copy-arrive{from{translate:0 22px}to{translate:0 0}}
@keyframes notebook-settle{from{translate:45px 75px;rotate:12deg}to{translate:0 0;rotate:7deg}}
@keyframes room-left{from{translate:75px 60px;rotate:-3deg}to{translate:0 0;rotate:-8deg}}
@keyframes room-right{from{translate:-75px 60px;rotate:3deg}to{translate:0 0;rotate:8deg}}

@media(min-width:1600px){.container{width:min(1280px,calc(100% - 96px))}.productMoment{column-gap:130px}.productHero{padding-top:78px}.heroStage{margin-top:60px}}
@media(max-width:1100px){
 .desktopNav{gap:20px}.container{width:calc(100% - 64px)}
 .productMoment{column-gap:50px;min-height:840px;padding-block:85px}
 .productStory h2{font-size:58px}.momentCopy>p:not(.eyebrow){font-size:17px}
 .productPhone{width:305px}
 .notebookEnlargement{left:25px;width:51%}.notebookPhone{right:45px;width:28%;top:100px}.notebookStage{height:750px}
 .stickerTea{right:5px;bottom:35px;width:125px}
 .roomsStage{height:725px}.mainRoomPhone{width:300px;margin-left:-150px}.discoverPhone{width:240px;margin-left:-385px}.conversationPhone{width:240px;margin-left:145px}
 .groupSection .productMoment{column-gap:65px;min-height:730px}.challengeSection .productMoment{min-height:720px}
 .storeHeading>p{font-size:16px}
}
@media(max-width:850px){
 .container{width:calc(100% - 48px)}.desktopNav{gap:16px}.desktopNav a{font-size:12px}.brand{font-size:24px}.navCta{font-size:12px;padding:11px 15px}
 .productHero{padding-top:52px}.productHero h1{font-size:78px}.heroStage{height:650px}.heroTimer{width:286px;margin-left:-143px}.heroNotebook{width:235px;margin-left:-345px}.heroRoom{width:235px;margin-left:110px}.heroGround{inset:70px -40px 15px}
 .productStory h2{font-size:48px}.productMoment{column-gap:35px;min-height:770px;padding-block:75px}.productPhone{width:270px;border-radius:41px}.productPhone img{border-radius:33px}
 .momentCopy>p:not(.eyebrow){font-size:16px;margin-block:24px}.momentCopy .eyebrow{font-size:9px}.quietDetail{font-size:11px}.focusHalo{width:365px;height:365px}
 .notebookSection{padding-top:90px}.notebookStage{height:640px}.notebookPhone{right:30px;top:90px}.notebookEnlargement{left:22px;width:54%}.stickerTea{bottom:10px}.notebookFoot{font-size:10px}
 .roomsSection{padding-top:90px}.roomsHeading h2{font-size:65px}.roomsStage{height:660px;width:100%}.mainRoomPhone{width:270px;margin-left:-135px}.discoverPhone{width:220px;margin-left:-326px;top:64px}.conversationPhone{width:220px;margin-left:106px;top:64px}
 .groupSection .productMoment{column-gap:40px;min-height:665px}.challengeSection .productMoment{min-height:655px}.sessionDetail{border-radius:16px}
 .personalitySection{padding-top:90px}.friendsGallery{width:calc(100% - 48px);grid-auto-columns:calc((100% - 72px)/4)}.friendsGallery img{width:122px}
 .storeSection{padding-top:85px}.storeHeading{gap:30px}.storeHeading>p{font-size:14px}.collectionRail{width:calc(100% - 48px);gap:20px}.collectionSlide{flex-basis:calc((100% - 20px)/2)}
 .questions{gap:40px;padding-block:90px}.productStory .questions h2{font-size:42px}.faqList summary{font-size:14px}.faqList details p{font-size:14px}
 .closing{padding-block:75px}.closing h2{font-size:57px}
}
@media(max-width:620px){
 html{scroll-padding-top:92px}.siteHeader{height:74px}.container{width:calc(100% - 40px)}.navRow{gap:10px}.brand{font-size:25px;gap:9px}.brand img{width:32px;height:32px;border-radius:9px}.brandDot{margin-left:-9px}.desktopNav{display:none}.navCta{margin-left:auto;font-size:11px;padding:11px 13px;gap:6px}.navCta .icon{width:14px;height:14px}
 .mobileMenu{display:block}.mobileMenu summary{list-style:none;cursor:pointer;width:34px;min-height:44px;display:flex;flex-direction:column;justify-content:center;gap:5px;padding:6px}.mobileMenu summary::-webkit-details-marker{display:none}.mobileMenu summary span{display:block;width:21px;height:1.5px;background:var(--ink)}.mobileMenu[open] summary span:first-child{transform:translateY(3px) rotate(45deg)}.mobileMenu[open] summary span:last-child{transform:translateY(-3px) rotate(-45deg)}.mobileMenu nav{position:absolute;left:0;right:0;top:73px;display:flex;flex-direction:column;padding:14px 25px 23px;background:var(--paper);box-shadow:0 20px 25px #2c241615;border-bottom:1px solid var(--line)}.mobileMenu nav a{font-size:16px;padding:12px 0}
 .productHero{padding-top:44px}.productHero .eyebrow{font-size:8px;letter-spacing:.13em;margin-bottom:19px}.productHero h1{font-size:clamp(47px,12vw,71px);line-height:1.03}.heroDescription{font-size:15px;margin-top:20px}.heroActions{gap:12px;margin-top:23px}.button{padding:14px 23px;font-size:13px}.availability{font-size:10px}
 .heroStage{height:505px;margin-top:35px;width:100%}.heroTimer{width:220px;margin-left:-110px;top:0}.heroNotebook{width:182px;margin-left:-233px;top:39px;transform:rotate(-10deg)}.heroRoom{width:182px;margin-left:51px;top:39px;transform:rotate(10deg)}.heroStage .phone{border-width:3px;padding:2px;border-radius:32px}.heroStage .phone img{border-radius:26px}.heroGround{inset:90px -110px 15px}.screenCaption{font-size:9px;margin-bottom:18px}
 .chapterNav{gap:0;justify-content:space-between;padding-block:18px 22px}.chapterNav a{gap:6px;font-size:10px}.chapterNav .icon{width:12px;height:12px}
 .productStory h2{font-size:clamp(42px,10.7vw,62px);line-height:1.07}.productStory .eyebrow{font-size:9px;margin-bottom:20px}
 .productMoment{grid-template-columns:1fr;min-height:0;padding-block:76px;gap:47px}.momentCopy{position:static;padding-inline:7px}.momentCopy>p:not(.eyebrow){font-size:16px;max-width:360px;margin-block:24px}.quietDetail{font-size:11px;padding-top:18px;max-width:none}.reverseMoment .momentCopy,.reverseMoment .momentArt{grid-column:auto;grid-row:auto}.momentArt{min-height:0}.productPhone{width:260px;border-radius:39px}.productPhone img{border-radius:31px}.focusArt{padding:12px 0 0;gap:20px}.focusHalo{width:335px;height:335px;max-width:105%}.handNote{font-size:14px}.tasksArt{padding-block:12px}.tasksArt:before{inset:10% 0}
 .notebookSection{padding-top:75px;padding-bottom:12px}.notebookHeading>p:last-child{font-size:15px;margin-top:23px}.notebookStage{width:100%;height:calc(115vw + 146px);margin-top:42px}.notebookEnlargement{width:70%;left:-4%;top:10px}.notebookPhone{width:43%;right:-1%;top:123px;border-radius:29px;border-width:3px;padding:2px}.notebookPhone img{border-radius:23px}.notebookSticker{width:92px}.stickerTea{right:12px;bottom:12px;width:110px}.notebookFoot{font-size:10px;gap:16px;line-height:1.6}.notebookFoot span{max-width:155px}
 .progressArt:before{inset:5% 0}.progressArt{padding-block:15px}
 .roomsSection{padding-top:76px}.roomsHeading h2{font-size:clamp(46px,12vw,66px)}.roomsHeading>p:last-child{font-size:15px;margin-top:24px}.roomsHeading>p:last-child br{display:none}.roomsStage{height:590px;margin-top:47px}.mainRoomPhone{width:244px;margin-left:-122px;top:0}.discoverPhone{width:195px;margin-left:-281px;top:67px}.conversationPhone{width:195px;margin-left:86px;top:67px}.roomsStage .phone{border-radius:36px;border-width:3px;padding:2px}.roomsStage .phone img{border-radius:29px}.roomsStage:before{inset:50px -175px -170px}.roomFoot{bottom:14px;width:280px;font-size:12px;gap:0}.roomFoot span{flex-basis:100%}
 .groupSection .productMoment,.challengeSection .productMoment{min-height:0;gap:40px;padding-block:75px}.groupArt,.challengeArt{padding-inline:6px}.sessionDetail{border-radius:18px}.challengeDetail{border-radius:10% 10% 18px 18px}.detailCaption{font-size:10px;margin-top:24px}
 .personalitySection{padding:76px 0 48px}.personalityHeading h2{font-size:42px}.personalityHeading>p:last-child{font-size:15px;margin-top:22px}.friendsGallery{width:calc(100% - 40px);grid-auto-columns:calc((100% - 20px)/2);gap:28px 20px;padding:25px 16px 22px;margin-top:25px;scroll-padding-inline:16px}.friendsGallery img{width:122px}.friendsGallery figcaption{font-size:10px;margin-top:14px}.collectionHint{font-size:11px;line-height:1.8;margin-top:18px}.collectionHint>span{display:flex;justify-content:center;margin-left:0}
 .storeSection{padding:75px 0 35px}.storeHeading{display:block}.storeHeading>p{font-size:15px;margin:24px 0 0}.storeHeading>p br:last-child{display:none}.collectionRail{width:calc(100% - 40px);gap:20px;padding:35px 0 25px;scroll-padding-inline:0}.collectionSlide{flex-basis:100%}.collectionSlide>img{border-radius:18px}.collectionSlide figcaption{margin-top:18px;padding-top:19px}.collectionSlide h3{font-size:28px}.collectionNumber{font-size:8px}.storeFoot{padding-top:20px;gap:15px}.coinNote{font-size:10px;gap:9px}.coinNote img{width:38px;height:38px}.railHint{font-size:10px;gap:6px;max-width:85px;line-height:1.5}.railHint .icon{width:13px;height:13px}
 .questions{grid-template-columns:1fr;gap:34px;padding-block:75px}.productStory .questions h2{font-size:43px}.faqList summary{font-size:15px;padding-block:22px;min-height:73px}.faqList details p{padding-right:12px;font-size:14px}
 .closing{padding:65px 0 70px;margin-bottom:50px}.closing>.container>img{width:65px;height:65px;border-radius:19px;margin-bottom:25px}.closing h2{font-size:44px}.closing>.container>p:not(.eyebrow){font-size:14px;max-width:270px;line-height:1.7}.closingActions{gap:16px}
 .footerTop{grid-template-columns:1fr 1fr;gap:33px 20px;padding-bottom:35px}.footerTop>div{grid-column:1/-1}.footerTop p{font-size:13px;margin-bottom:0;margin-top:16px}.footerTop nav{font-size:12px;gap:14px}.footerBottom{flex-direction:column;align-items:flex-start;gap:14px;font-size:10px;line-height:1.6}.shell{width:calc(100% - 40px)}.policy{padding-block:45px 50px}.policyTitle h1{font-size:43px}.policyTitle p:not(.eyebrow){font-size:16px}.policySection p,.policySection li{font-size:15px}.policySection h2{font-size:23px}.policySection ul{padding-left:22px}
}
@media(max-width:380px){.navCta{font-size:10px;padding:10px;gap:5px}.brand{font-size:23px}.brand img{width:29px;height:29px}.container{width:calc(100% - 32px)}.heroStage{height:480px}.heroTimer{width:208px;margin-left:-104px}.heroNotebook{margin-left:-219px;width:174px}.heroRoom{margin-left:45px;width:174px}.productStory .personalityHeading h2{font-size:38px}.chapterNav a{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.button:hover,.navCta:hover,.friendsGallery figure:hover img{transform:none}}
@media(forced-colors:active){.phone{border:2px solid CanvasText}.button,.navCta,.collectionSlide figcaption a{border:1px solid ButtonText}}
@media print{.siteHeader,.siteFooter,.heroStage,.heroActions,.chapterNav,.momentArt,.notebookStage,.roomsStage,.friendsGallery,.collectionRail,.closing{display:none}.container,.shell{width:100%}.productMoment,.questions,.storeHeading{display:block;min-height:0;padding:20px 0}.momentCopy{position:static}.productStory h1{font-size:50px}.productStory h2{font-size:35px}.productStory section{padding-block:20px;break-inside:avoid;background:white;color:black}.productStory p{color:#333}.faqList details p{display:block}}