/* Native Ember artwork, shown through a window into the app's pose gallery. */
.companion-sprite{--pet-col:0;--pet-row:2;display:block;width:300px;height:360px;background-image:var(--companion-art,url("website-assets/companions/chick-gallery.webp?v=20260928-gallery-particles1"));background-size:2700px 1440px;background-position:calc(var(--pet-col)*-300px) calc(var(--pet-row)*-360px);background-repeat:no-repeat}
.companion-scene{position:relative;isolation:isolate;overflow:hidden;width:100%;aspect-ratio:1.2;min-height:360px;background:#fbf7f0;color:#6b5449;border-radius:42% 42% 24px 24px;cursor:default;touch-action:pan-y}
@keyframes greeting-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
.motion-paused .companion-scene *{animation-play-state:paused!important}
.companions-page{--comp-ink:#483d37;--comp-muted:#6e5d4d;--comp-accent:#ab674c;--comp-paper:#fbf7f0;margin:0;min-width:320px;background:var(--comp-paper);color:var(--comp-ink);font:16px/1.65 ui-rounded,"SF Pro Rounded",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color-scheme:light}
.companions-page *{box-sizing:border-box}
.companions-page a{color:inherit;text-decoration:none}
.companions-page button{font:inherit;cursor:pointer}
.companions-page a:focus-visible,.companions-page button:focus-visible,.companion-playground:focus-visible,.companion-scene:focus-visible{outline:3px solid #9c78b6;outline-offset:5px}
.companions-page h1,.companions-page h2,.companions-page h3,.companions-page p{margin-top:0}
.companions-page section{scroll-margin-top:28px}
.companion-nav{display:flex;align-items:center;justify-content:space-between;gap:30px;max-width:1320px;padding:25px 40px;margin:auto;font-size:13px}
.companion-brand{display:flex;align-items:center;gap:10px;font-size:23px;font-weight:750;letter-spacing:-.7px}
.companion-brand-mark{display:grid;place-items:center;width:34px;height:34px;color:#b07b63}
.companion-brand-mark img{display:block;width:34px;height:34px}
.companion-nav nav{display:flex;gap:27px;margin-left:auto}
.companion-nav nav a:hover,.family-back:hover{color:#8a5340}
.family-links{display:flex;align-items:center;gap:18px;padding-left:26px;border-left:1px solid #dfd5c7}
.family-next{white-space:nowrap}
.companion-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:center;gap:50px;max-width:1240px;margin:auto;padding:48px 40px 76px}
.companion-intro>*{min-width:0}
.companion-eyebrow{margin-bottom:19px;color:#8a5a3f;font-size:11px;font-weight:750;letter-spacing:.15em;text-transform:uppercase}
.companion-intro h1{margin-bottom:22px;font-size:clamp(42px,4.8vw,68px);font-weight:700;line-height:1.05;letter-spacing:-.055em}
.companion-intro h1 em{color:#af7459;font-style:normal}
.companion-lead{max-width:32ch;margin-bottom:15px;font-size:19px;line-height:1.55;letter-spacing:-.25px}
.companion-description{max-width:40ch;margin-bottom:25px;color:var(--comp-muted);font-size:15px;line-height:1.7}
.companion-button{display:inline-flex;align-items:center;justify-content:center;gap:30px;min-height:46px;padding:11px 22px;border:1px solid #a5644d;border-radius:14px;background:#a5644d;color:#fff!important;font-size:13px!important;font-weight:650;line-height:1.5;box-shadow:0 5px 15px #77503b10;transition:background .2s,transform .2s}
.companion-button:hover{background:#91513c;transform:translateY(-2px)}
.companion-button span{font-size:21px;line-height:1}
.companion-button.secondary{border-color:#d9cbbb;background:transparent;color:#6c584d!important;box-shadow:none}
.companion-button.secondary:hover{background:#f0e6d8}
.companion-availability{display:flex;align-items:center;gap:7px;margin:18px 0 0;font-size:11px;color:#6e5d4d}
.companion-availability>span{width:5px;height:5px;border-radius:50%;background:#b78d70}
.companion-hero-demo{position:relative;padding:16px 16px 0;border:1px solid #e4d6c4;border-radius:44% 44% 24px 24px;background:#f3e9db;box-shadow:0 22px 60px -36px #77503b3b}
.companion-hero-demo:before{content:"";position:absolute;inset:-15px 18px 20px -14px;border:1px solid #dfcbbc;border-radius:44% 44% 28px 28px;z-index:-1;transform:rotate(-3deg)}
.companion-stage-name{position:absolute;top:18px;left:50%;transform:translateX(-50%);z-index:7;padding:8px 13px;border:1px solid #d6bea1;border-radius:999px;background:#fff8ebed;color:#503627;font-size:14px;font-weight:750;white-space:nowrap;pointer-events:none}
.companion-scene:has(.companion-wasm-menu) .companion-stage-name{visibility:hidden}
.companion-scene:has(.companion-wasm-menu){border-radius:20px}
.companion-wasm-menu{position:absolute;z-index:8;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;width:min(340px,calc(100% - 16px));max-height:calc(100% - 24px);overflow:auto;padding:12px;border:1px solid #d8c3a5;border-radius:18px;background:#fff8ebf7;color:#4c3326;box-shadow:0 12px 36px #30201940;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);color-scheme:light;pointer-events:auto}
.mate-menu-header{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 2px 8px;border-bottom:1px solid #e7d9c4}
.mate-menu-header strong{font-size:18px;line-height:1.2}
.companion-wasm-menu .mate-menu-action{display:flex;align-items:center;gap:9px;min-width:0;min-height:46px;padding:8px 10px;border:1px solid #e4d5bf;border-radius:10px;background:#fffdf7;color:#4c3326;font:650 13px/1.3 ui-rounded,"SF Pro Rounded",-apple-system,BlinkMacSystemFont,sans-serif;text-align:left}
.mate-menu-icon{display:grid;place-items:center;flex:0 0 24px;width:24px;font-size:21px;line-height:1}
.companion-wasm-menu .mate-menu-action:hover{border-color:#bf9670;background:#f5e7d3}
.companion-wasm-menu .mate-menu-action:focus-visible{outline:2px solid #8a5a3f;outline-offset:1px}
.companion-wasm-menu .mate-menu-action:disabled{opacity:.5;cursor:default}
.companion-wasm-menu .mate-menu-close{min-height:34px;padding:5px 8px;background:transparent;border-color:transparent;font-size:12px}
.companion-wasm-menu .mate-menu-close .mate-menu-icon{flex-basis:16px;width:16px;font-size:21px}
.companion-wasm-menu .mate-menu-back{grid-column:1/-1;min-height:36px;background:#f4eadb}
.companions-page .mate-menu-note{grid-column:1/-1;margin:3px 2px 0;color:#79614d;font:500 11px/1.45 -apple-system,BlinkMacSystemFont,sans-serif}
.companion-hero-instruction{margin:0;padding:15px 8px 0;font-size:14px;font-weight:650;text-align:center}
.companion-action-toolbar{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:6px;padding:14px 4px 0}
.companion-action-toolbar button{display:grid;place-items:center;min-width:0;min-height:44px;padding:8px;cursor:pointer}
.companion-action-toolbar button span{font-size:19px;line-height:1}
@media(max-width:520px){.companion-action-toolbar{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}}
.companion-demo-controls{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px;padding:16px 4px 0}
.companion-demo-controls>button{grid-column:span 2}
.companion-demo-controls>#companionMotionToggle{grid-column:span 3}
.companion-demo-controls button,.companion-demo-controls a{display:grid;place-items:center;min-height:54px;padding:10px 8px;border:1px solid #8ea7d0;border-radius:13px;background:#465d80;color:#fff;font-family:inherit;font-size:15px;font-weight:700;line-height:1.2;text-align:center;cursor:pointer}
.companion-demo-controls button:hover{background:#536d95}
.companion-demo-controls button:disabled{opacity:.55;cursor:wait}
.companion-demo-controls a{grid-column:1/-1;background:#7d5644;border-color:#7d5644}
.companion-demo-controls a[hidden]{display:none}
.companion-demo-controls button[aria-pressed=true]{background:#d6e8ff;color:#1a304f}
.companion-hero-status{min-height:2.6em;margin:12px 4px 16px;padding:10px 8px;color:#503627;background:#fff8eb;border-radius:12px;font-size:14px;font-weight:650;line-height:1.4;text-align:center}
.companion-play-section{max-width:1240px;margin:auto;padding:48px 40px 68px}
.companion-section-head{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:24px}
.companions-page h2{margin-bottom:0;font-size:clamp(31px,3.1vw,44px);line-height:1.13;font-weight:650;letter-spacing:-.045em}
.companion-section-head .companion-eyebrow{margin-bottom:10px}
.companion-section-head>p{margin-bottom:2px;color:var(--comp-muted);font-size:13px}
.companion-playground{position:relative;height:420px;overflow:hidden;border:1px solid #dacbbb;border-radius:23px;background:#fbf7f0;box-shadow:inset 0 0 70px #c3aa8610;cursor:default;touch-action:pan-y}
.playground-topline{position:absolute;inset:0 0 auto;z-index:3;display:flex;justify-content:space-between;align-items:center;padding:16px 23px;font-size:11px;color:#6e5d4d;pointer-events:none}
.preview-label{padding:4px 10px;border-radius:20px;background:#efe6d9;color:#6e5d4d;font-size:10px}
.play-doodle{position:absolute;color:#d0b7a1;font:60px/1 Georgia,serif;pointer-events:none}
.doodle-heart{top:24%;left:14%;transform:rotate(-18deg)}
.doodle-star{top:35%;right:12%;font-size:48px;transform:rotate(12deg)}
.doodle-dash{bottom:19%;right:15%;color:#c3b3a2;font:italic 17px/1.4 Georgia,serif;transform:rotate(-6deg)}
.playground-hint{position:absolute;bottom:17px;left:20px;right:20px;margin:0!important;text-align:center;color:#6e5d4d;font-size:11px;pointer-events:none}
.companion-play-controls{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:20px}
.companion-play-buttons{display:flex;gap:10px;flex-wrap:wrap}
.companion-play-controls>p{margin:0;font-size:12px;color:#6e5d4d}
.companion-demo-note{margin:16px 0 0;font-size:11px;color:#6e5d4d}
.companion-growth{display:grid;grid-template-columns:.72fr 1.7fr;gap:35px;align-items:center;max-width:1240px;margin:auto;padding:60px 40px 85px;border-top:1px solid #e4d9c9}
.growth-copy h2{margin-bottom:22px}
.growth-copy>p:not(.companion-eyebrow){max-width:32ch;color:var(--comp-muted);font-size:14px}
.growth-journey{display:flex;align-items:center;justify-content:space-between;gap:3px}
.growth-step{min-width:0;flex:1;text-align:center}
.growth-art{position:relative;height:200px;overflow:hidden}
.growth-art .companion-sprite{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(.65)}
.growth-step h3{margin:0 0 5px;font-size:12px;font-weight:700;letter-spacing:-.2px}
.growth-step p{max-width:20ch;margin:0 auto;color:#6e5d4d;font-size:11px;line-height:1.5}
.growth-arrow{align-self:center;margin-top:-24px;color:#ceb39e;font-size:33px}
.companion-coming{position:relative;max-width:1160px;margin:0 auto 60px;padding:52px 30px;text-align:center;background:#efe5d8;border-radius:30px}
.coming-heart{display:block;margin-bottom:14px;color:#b38065;font:35px/1 Georgia,serif}
.companion-coming .companion-eyebrow{margin-bottom:13px}
.companion-coming h2{margin-bottom:21px;font-size:36px}
.companion-coming>p:not(.companion-eyebrow){color:#6e5d4d;font-size:13px}
.companion-coming .companion-button{margin-top:9px}
.coming-status{display:block;margin-top:14px;color:#6e5d4d;font-size:10px}
.companion-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;max-width:1240px;padding:25px 40px 35px;margin:auto;border-top:1px solid #e4d9c9;font-size:11px;color:#6e5d4d}
.companion-footer>a{color:#69523f;font-weight:650}
.companion-footer nav{display:flex;gap:22px}
.companion-footer a:hover{text-decoration:underline;text-underline-offset:4px}
@media(max-width:1000px){
 .companion-nav{padding:22px 26px;gap:20px}
 .companion-nav nav{gap:18px}
 .companion-intro{gap:30px;padding:32px 30px 55px}
 .companion-intro h1{font-size:48px}
 .companion-lead{font-size:17px}
 .companion-growth{grid-template-columns:1fr;gap:10px}
 .growth-copy{max-width:560px}
 .growth-copy h2 br{display:none}
 .growth-copy>p:not(.companion-eyebrow){max-width:none}
 .growth-journey{max-width:740px;width:100%;margin:auto}
 .companion-coming{margin-inline:30px}
 .companion-footer>span{display:none}
}
@media(max-width:700px){
 .companion-nav{flex-wrap:wrap;gap:14px;padding:20px}
 .companion-brand{font-size:22px}
 .family-links{margin-left:auto;padding-left:0;border:0;font-size:12px;gap:14px}
 .companion-nav nav{order:3;justify-content:center;flex-basis:100%;margin:0;gap:25px;font-size:12px}
 .companion-intro{display:flex;flex-direction:column;gap:28px;padding:22px 25px 40px}
 .companion-hero-demo{order:-1}
 .companion-intro-copy{max-width:480px;margin:auto;text-align:center}
 .companion-eyebrow{font-size:10px}
 .companion-intro h1{font-size:clamp(43px,10vw,60px)}
 .companion-lead,.companion-description{margin-inline:auto}
 .companion-availability{justify-content:center}
 .companion-hero-demo{width:100%;max-width:480px;margin:auto;padding:12px 12px 0}
 .companion-scene{min-height:310px}
  .companion-demo-controls{gap:7px;padding-inline:0}
  .companion-demo-controls button{font-size:14px}
 .companion-play-section{padding:35px 20px 45px}
 .companion-section-head{display:block;margin-bottom:20px}
 .companion-section-head h2{margin-bottom:15px}
 .companion-section-head>p{font-size:12px}
 .companion-playground{height:365px}
 .playground-topline{padding:14px 17px;font-size:10px}
 .doodle-dash{display:none}
 .doodle-heart{left:8%;font-size:43px}
 .doodle-star{right:9%;top:48%;font-size:36px}
 .companion-play-controls{flex-direction:column;align-items:flex-start;gap:16px}
 .companion-play-buttons{width:100%}
 .companion-play-buttons .companion-button{flex:1;padding:10px 12px;gap:13px;font-size:12px!important}
 .companion-demo-note{font-size:10px}
 .playground-hint{font-size:10px}
 .companion-growth{padding:40px 25px 45px}
 .growth-journey{display:grid;grid-template-columns:1fr;gap:0}
 .growth-step{display:grid;grid-template-columns:140px 1fr;align-items:center;text-align:left;column-gap:15px}
 .growth-art{height:160px;grid-row:1 / 3}
 .growth-art .companion-sprite{transform:translate(-50%,-50%) scale(.55)}
 .growth-step h3{align-self:end;font-size:13px}
 .growth-step p{align-self:start;margin:0;max-width:22ch;font-size:12px}
 .growth-arrow{display:none}
 .companion-coming{margin:0 20px 35px;padding:38px 22px;border-radius:23px}
 .companion-coming h2{font-size:31px}
 .companion-coming>p:not(.companion-eyebrow){font-size:12px}
 .companion-footer{flex-wrap:wrap;justify-content:center;padding:24px 20px;gap:16px}
 .companion-footer nav{flex-basis:100%;justify-content:center;gap:20px;font-size:10px}
}
@media(prefers-reduced-motion:reduce){
 .companion-scene *{animation:none!important}
 .companion-button{transition:none}
 .companion-button:hover{transform:none}
}

/* Selection, copy, and edition counts come from the native companion catalog. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.companion-free-picks{margin:18px 0 0;color:#6e5d4d;font-size:12px}
.companion-free-picks strong{color:#765540}
.companion-availability{margin-top:8px}
.play-selected{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:17px;padding:15px 20px;border-left:3px solid #d6b08c;background:#f3ecdf;border-radius:0 12px 12px 0}
.play-selected h3{margin:0 0 3px;font-size:16px;font-weight:700}
.play-selected p{margin:0;color:#6e5d4d;font-size:12px}
.play-selected .selected-talent{margin-top:7px;font-size:11px;color:#6e5d4d}
.play-selected>a{font-size:11px;color:#7d5236!important;white-space:nowrap}
.companion-collection{max-width:1240px;margin:auto;padding:40px 40px 75px}
.collection-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:28px 0 20px}
.collection-search input{width:235px;max-width:100%;padding:12px 16px;border:1px solid #dcd0c0;border-radius:12px;background:#fffaf4;color:#514235;font-family:inherit;font-size:12px;line-height:1.4}
.collection-search input:focus{outline:2px solid #8a7355;outline-offset:2px}
.collection-search input::placeholder{color:#6e5d4d}
.collection-categories{display:flex;flex-wrap:wrap;gap:7px}
.collection-categories button{border:1px solid #e0d4c4;border-radius:20px;padding:6px 13px;background:transparent;color:#6e5d4d;font-size:11px}
.collection-categories button[aria-checked=true]{border-color:#a67453;background:#a67453;color:#fff}
.collection-count{margin:10px 0 17px;color:#6e5d4d;font-size:11px}
.companion-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}
.collection-favorites{margin:26px 0 30px;padding-bottom:28px;border-bottom:1px solid #ebf1ff40}
.collection-favorites h3{margin:0 0 10px;font-size:16px;font-weight:700}
.companions-page .favorites-note{max-width:65ch;margin:0 0 16px;color:var(--comp-muted);font-size:12px;line-height:1.6}
.companion-grid.favorite-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.catalog-entry{position:relative;min-width:0}.catalog-entry .catalog-card{width:100%;height:100%}
.companions-page .favorite-toggle{position:absolute;top:12px;right:12px;z-index:1;display:grid;place-items:center;width:40px;height:40px;padding:0;border:1px solid #ffdbc480;border-radius:12px;background:#17213be8;color:#ffd9bd;font-size:23px;line-height:1;cursor:pointer;box-shadow:0 3px 9px #080d2026}
.companions-page .favorite-toggle:hover{border-color:#fff8eb;background:#26314a}.companions-page .favorite-toggle[aria-pressed=true]{background:linear-gradient(145deg,#fff8eb,#ffd9bd);color:#4c3326}
.companions-page .favorite-toggle:focus-visible{outline:2px solid #ffd9bd;outline-offset:3px}
@media(max-width:520px){.companion-grid.favorite-grid{grid-template-columns:1fr}.favorite-grid .catalog-card{display:grid;grid-template-columns:100px minmax(0,1fr);column-gap:12px;padding-right:54px}.favorite-grid .catalog-art{grid-column:1;grid-row:1/6;height:120px;margin:0}.favorite-grid .catalog-art .companion-sprite{transform:translate(-50%,-50%) scale(.33)}.favorite-grid .catalog-name,.favorite-grid .catalog-title,.favorite-grid .catalog-tagline,.favorite-grid .catalog-action{grid-column:2}.favorite-grid .catalog-action{margin-top:10px}}
.catalog-card{display:flex;flex-direction:column;position:relative;min-width:0;padding:12px 16px 15px;border:1px solid #e3d6c6;border-radius:19px;background:#fbf7f0;text-align:left;color:#5a4635;transition:transform .2s,border-color .2s}
.catalog-card:hover{transform:translateY(-3px);border-color:#c59e7b}
.catalog-card:hover .companion-sprite{--pet-col:8}
.catalog-card[aria-pressed=true]{border-color:#a36b47;box-shadow:0 0 0 1px #a36b47}
.catalog-art{position:relative;display:block;width:100%;height:170px;overflow:hidden}
.catalog-art .companion-sprite{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(.55);background-image:var(--companion-art,none)}
.catalog-name{font-size:14px;font-weight:750;line-height:1.3}
.catalog-title{font-size:10px;color:#6e5d4d;margin-top:2px}
.catalog-tagline{flex:1;margin-top:9px;color:#6e5d4d;font-size:11px;line-height:1.5}
.catalog-action{display:flex;justify-content:space-between;align-items:center;margin-top:15px;color:#855a37;font-size:10px;font-weight:650}
.collection-more{display:flex!important;margin:24px auto 0!important}
.collection-more[hidden]{display:none!important}
.companion-life{max-width:1240px;margin:auto;padding:50px 40px 65px;border-top:1px solid #e4d9c9}
.life-heading{max-width:650px;margin-bottom:32px}
.life-heading>p:last-child{margin:17px 0 0;color:#6e5d4d;font-size:14px}
.life-moments{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}
.life-moments article>span{display:block;margin-bottom:16px;color:#af8060;font:28px/1 Georgia,serif}
.life-moments h3{margin-bottom:9px;font-size:15px;line-height:1.35;font-weight:700}
.life-moments p{margin:0;color:#6e5d4d;font-size:12px;line-height:1.7}
.growth-art .companion-sprite{transform:translate(-50%,-50%) scale(.56)}
@media(max-width:1000px){.companion-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.life-moments{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){
 .companion-demo-caption{align-items:start}
 .play-selected{display:block;padding:12px 15px}.play-selected>a{display:block;margin-top:9px}
 .companion-collection{padding:30px 20px 45px}
 .collection-toolbar{align-items:stretch;flex-direction:column;gap:12px;margin-top:20px}
 .collection-search input{width:100%;font-size:14px}
 .collection-categories{gap:6px}.collection-categories button{font-size:10px;padding:5px 11px}
 .companion-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .catalog-card{padding:9px 12px 12px;border-radius:14px}
 .catalog-art{height:145px}.catalog-art .companion-sprite{transform:translate(-50%,-50%) scale(.47)}
 .catalog-name{font-size:13px}.catalog-title{font-size:9px}.catalog-tagline{font-size:10px}
 .catalog-action{font-size:9px}
 .companion-life{padding:35px 25px 45px}.life-moments{gap:25px 20px}
 .life-moments h3{font-size:13px}.life-moments p{font-size:11px}
 .growth-art .companion-sprite{transform:translate(-50%,-50%) scale(.46)}
}
@media(prefers-reduced-motion:reduce){.catalog-card{transition:none}.catalog-card:hover{transform:none}}

.collection-total{display:flex;align-items:baseline;gap:12px;margin:0;color:#6e5d4d;font-size:11px}.collection-total strong{font-size:15px;color:#785437}
@media(max-width:700px){.collection-total{flex-wrap:wrap;gap:4px 12px}}

/* A look inside: the store screenshots, one rail that scrolls sideways at any width. */
.companion-shots{max-width:1240px;margin:auto;padding:40px 40px 60px}
.shots-rail{display:grid;grid-auto-flow:column;grid-auto-columns:min(82%,760px);gap:clamp(10px,1.4vw,18px);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;padding:4px 2px 14px;scrollbar-width:thin}
.shots-rail img,.shots-video{display:block;width:100%;height:auto;aspect-ratio:16/10;border-radius:clamp(10px,1.2vw,16px);scroll-snap-align:start;box-shadow:0 18px 40px -24px #000c}
.shots-rail:focus-visible{outline:3px solid #9c78b6;outline-offset:5px;border-radius:12px}
.shots-video{background:#f6d9c5;object-fit:contain}

/* The Nest preview follows the Mac app's warm paper, rounded cards and five-tab bar. */
.life-heading .nest-open-control{margin-top:12px;font-family:inherit;cursor:pointer}
.life-heading .nest-open-control:focus-visible{outline:3px solid #d49b37;outline-offset:2px}
.nest-preview{width:min(760px,calc(100vw - 28px));max-height:calc(100vh - 28px);padding:0;border:1px solid #d4c0a1;border-radius:24px;background:#fff8e9;color:#21180f;box-shadow:0 24px 80px #25170766}
.nest-preview::backdrop{background:#1a1721a8;backdrop-filter:blur(5px)}
.nest-preview-shell{display:flex;flex-direction:column;max-height:calc(100vh - 30px);padding:22px;background:linear-gradient(180deg,#fff6e4,#fff9ec)}
.nest-preview-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:15px}
.nest-preview-header h2{margin:2px 0 0;font-size:30px;line-height:1.1;letter-spacing:-.03em}
.nest-preview-eyebrow,.nest-preview-kicker{margin:0;color:#8b6744;font-size:10px;font-weight:850;letter-spacing:.12em}
.nest-close,.nest-back{min-height:42px;padding:8px 13px;border:1px solid #c8b597;border-radius:12px;background:#fffdf7;color:#332619;font:700 14px/1.2 -apple-system,BlinkMacSystemFont,"SF Pro Text",sans-serif;cursor:pointer}
.nest-close span{margin-left:7px;font-size:20px;vertical-align:-1px}
.nest-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;padding:4px;border:1px solid #dac5a3;border-radius:15px;background:#f1e4cf}
.nest-tabs[hidden],.nest-preview-panel[hidden]{display:none}
.nest-tabs button{display:grid;justify-items:center;gap:4px;min-height:58px;padding:6px 3px;border:0;border-radius:10px;background:transparent;color:#6c5b49;font:700 12px/1.1 -apple-system,BlinkMacSystemFont,"SF Pro Text",sans-serif;cursor:pointer}
.nest-tabs button span{font-size:20px;line-height:1}
.nest-tabs button[aria-selected=true]{background:#fffaf0;color:#251b11;box-shadow:0 1px 4px #4d341c20}
.nest-tabs button:focus-visible,.nest-close:focus-visible,.nest-back:focus-visible,.nest-shop-open:focus-visible{outline:3px solid #d49b37;outline-offset:2px}
.nest-preview-body{overflow:auto;min-height:210px;max-height:min(58vh,520px);margin-top:14px;padding:18px;border:1px solid #d9c8aa;border-radius:19px;background:#fffaf0}
.nest-preview-panel h3{margin:5px 0 8px;font-size:26px;line-height:1.1;letter-spacing:-.02em}
.nest-preview-panel>p:not(.nest-preview-kicker){max-width:58ch;margin:0;color:#554638;font-size:15px;line-height:1.5}
.nest-shop-open{display:flex;align-items:center;gap:12px;min-height:55px;margin-top:20px;padding:0 18px;border:1px solid #d39a32;border-radius:13px;background:#dda12c;color:#fff;font:750 15px/1.2 -apple-system,BlinkMacSystemFont,"SF Pro Text",sans-serif;box-shadow:0 4px 14px #9b6c241c;cursor:pointer}
.nest-shop-open span:last-child{margin-left:auto;font-size:21px}
.nest-live-action{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:12px 0 16px;padding:16px;border:1px solid #e4c17f;border-radius:16px;background:linear-gradient(110deg,#fff1d2,#fff8e9)}
.nest-live-action>div{display:grid;gap:6px}.nest-live-action h3{margin:0;font-size:19px}.nest-live-action p{margin:0;color:#554638;font-size:13px;line-height:1.45}
.nest-live-menu{display:flex;align-items:center;gap:16px;flex:0 0 auto;min-height:48px;padding:0 15px;border:1px solid #d39a32;border-radius:13px;background:#dda12c;color:#fff;font:750 14px/1.2 -apple-system,BlinkMacSystemFont,"SF Pro Text",sans-serif;box-shadow:0 4px 14px #9b6c241c;cursor:pointer}
.nest-live-menu span{font-size:19px}.nest-live-menu:focus-visible{outline:3px solid #d49b37;outline-offset:2px}.nest-live-menu:disabled{opacity:.55;cursor:wait}
.nest-live-meters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}
.nest-live-meter{padding:12px;border:1px solid #eadbc2;border-radius:14px;background:#fff4dc}
.nest-live-meter>div:first-child{display:flex;justify-content:space-between;gap:8px;margin-bottom:8px;color:#4d3b2d;font-size:13px}
.nest-live-meter output{font-variant-numeric:tabular-nums;color:#8b6744;font-weight:800}
.nest-meter-track{height:9px;overflow:hidden;border-radius:99px;background:#eadbc2}
.nest-meter-track span{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#c47862,#76a36a);transition:width .25s ease}
.nest-examples-kicker{margin-top:14px!important}
.nest-shop-heading{display:flex;align-items:center;gap:14px;margin-bottom:12px}
.nest-shop-heading h3{margin:3px 0 0;font-size:28px}
.nest-shop-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px}
.nest-shop-grid article{display:grid;justify-items:center;min-width:0;padding:14px;border:1px solid #e0d1b7;border-radius:15px;background:#fff5df;text-align:center}
.nest-shop-grid article>svg{width:78px;height:78px;margin:0 0 8px;border-radius:50%;box-shadow:0 4px 10px #80572518}
.nest-shop-grid h4{display:block;margin:0 0 5px;font-size:15px}
.nest-shop-grid h4 span{color:#875b15;font-size:12px;white-space:nowrap}
.nest-shop-grid article p{margin:0;color:#5d4d3b;font-size:13px;line-height:1.4}
.nest-shop-price{margin-top:9px;padding:4px 9px;border-radius:99px;background:#f3dfb8;color:#805712;font-size:11px;font-weight:800}
.nest-preview-footnote{margin:12px 2px 0;color:#776955;font-size:11px;font-weight:650;line-height:1.4}
@media(max-width:520px){
 .nest-preview-shell{padding:14px}
 .nest-preview-header h2{font-size:25px}
 .nest-tabs button{font-size:10px}
 .nest-preview-body{min-height:190px;padding:14px}
 .nest-shop-grid{grid-template-columns:1fr}
 .nest-shop-heading{align-items:flex-start;flex-direction:column}
}

/* Illustrative scenes echo the native Nest's room, selected Mate, and large feature cards. */
.nest-home-scene{position:relative;isolation:isolate;overflow:hidden;height:225px;margin-top:10px;border:1px solid #e6c991;border-radius:18px;background:linear-gradient(180deg,#f4d99d 0%,#f8eac6 65%,#ead4ad 65%,#ddc29a 100%)}
.nest-home-scene:after{position:absolute;z-index:-1;right:-10%;bottom:-46px;left:-10%;height:100px;border-radius:50%;background:#d6b487;content:""}
.nest-window{position:absolute;top:18px;left:50%;width:105px;height:98px;transform:translateX(-50%);border:8px solid #fff4d7;border-radius:48% 48% 13px 13px;background:linear-gradient(90deg,transparent 47%,#fff1ce 48% 53%,transparent 54%),linear-gradient(0deg,transparent 47%,#fff1ce 48% 53%,transparent 54%),linear-gradient(160deg,#8dc5d1,#e7d898 78%)}
.nest-plant{position:absolute;bottom:50px;color:#5a9253;font-size:52px;line-height:1}
.nest-plant-left{left:8%}.nest-plant-right{right:9%;font-size:46px}
.nest-bed{position:absolute;z-index:0;right:7%;bottom:15px;left:7%;height:67px;border:3px solid #c69969;border-radius:35px 35px 14px 14px;background:#edc997;box-shadow:0 5px 0 #bf9568}
.nest-bed span{position:absolute;top:9px;width:52px;height:27px;border-radius:12px;background:#fff2d8}.nest-bed span:first-child{left:14%}.nest-bed span:last-child{left:32%}
.nest-home-mate{position:absolute;z-index:1;bottom:47px;left:50%;transform:translateX(-50%) scale(.42);transform-origin:bottom center}
.nest-room-label{position:absolute;z-index:2;right:13px;bottom:12px;display:grid;justify-items:end;color:#4d3524;font-size:11px;line-height:1.25}.nest-room-label strong{font-size:13px}
.nest-home-actions,.nest-care-grid,.nest-adventure-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px}
.nest-home-actions>div,.nest-care-grid>div,.nest-adventure-grid article{display:grid;justify-items:center;gap:3px;min-height:92px;padding:12px 6px;border:1px solid #eadbc2;border-radius:15px;background:#fff4dc;text-align:center}
.nest-home-actions span,.nest-care-grid>div>span,.nest-adventure-grid article>span{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#f1dfbb;color:#936326;font-size:24px}
.nest-home-actions strong,.nest-care-grid strong,.nest-adventure-grid strong{font-size:13px}.nest-care-grid small,.nest-adventure-grid small{color:#78634d;font-size:10px;line-height:1.3}
.nest-care-hero{display:flex;align-items:center;gap:22px;min-height:165px;padding:12px 22px;border-radius:18px;background:linear-gradient(135deg,#f2d8b1,#f9edda)}
.nest-care-mate{flex:0 0 auto;width:126px;height:150px;background-size:1134px 600px;background-position:calc(var(--pet-col)*-126px) calc(var(--pet-row)*-150px)}
.nest-care-hero h3{margin:4px 0;font-size:23px}.nest-care-hero p{margin:0;color:#735c44;font-size:12px}.nest-care-heart{color:#c66d68;font-size:29px}
.nest-acorn-banner{display:flex;align-items:center;gap:13px;padding:13px;border:1px solid #e4d0aa;border-radius:16px;background:#fff1d2}.nest-acorn-banner>span{font-size:35px}.nest-acorn-banner>div{display:grid;gap:2px}.nest-acorn-banner strong{font-size:16px}.nest-acorn-banner small{max-width:160px;color:#7d674e;font-size:10px;line-height:1.3}.nest-acorn-banner .nest-shop-open{margin:0 0 0 auto}
.nest-adventure-title{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-top:19px!important}.nest-adventure-title span{color:#84715a;font-size:10px;font-weight:600;letter-spacing:0}
.nest-adventure-grid article{min-height:110px}.nest-adventure-grid article>span{width:48px;height:48px;background:#dce9ce;color:#557e43;font-size:28px}
.nest-journal-card,.nest-setting-card{margin-top:10px;padding:13px;border:1px solid #e7d8c0;border-radius:15px;background:#fff4dc}.nest-journal-card h3,.nest-setting-card h3{margin:0 0 10px;font-size:17px}
.nest-skill-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.nest-skill-grid>div{display:grid;justify-items:center;gap:3px;padding:8px 3px;border-radius:11px;background:#f7e8cb}.nest-skill-grid span{font-size:23px;color:#986a35}.nest-skill-grid strong{font-size:11px}
.nest-firsts{display:flex;flex-wrap:wrap;gap:7px}.nest-firsts>div{padding:7px 10px;border-radius:99px;background:#f5e5c8;color:#66513b;font-size:11px}.nest-firsts span{margin-right:5px;color:#c06c64}
.nest-setting-options{display:flex;flex-wrap:wrap;gap:6px}.nest-setting-options span{padding:7px 10px;border:1px solid #e2cfad;border-radius:99px;background:#fffaf0;color:#65523d;font-size:11px}
.nest-setting-toggles>div{display:flex;align-items:center;gap:9px;padding:8px 0;border-top:1px solid #eadbc2}.nest-setting-toggles>div:first-child{border-top:0}.nest-setting-toggles>div>span{display:grid;place-items:center;width:23px;height:23px;border-radius:7px;background:#dfebd4;color:#4c8244;font-size:14px}.nest-setting-toggles strong{flex:1;font-size:11px}.nest-setting-toggles em{color:#82715c;font-size:10px;font-style:normal}
.nest-panel-disclaimer{margin:10px 0 0;color:#82715c;font-size:11px;line-height:1.4}
@media(max-width:520px){.nest-home-scene{height:190px}.nest-care-hero{gap:10px;padding:10px}.nest-care-mate{width:105px;height:126px;background-size:945px 504px;background-position:calc(var(--pet-col)*-105px) calc(var(--pet-row)*-126px)}.nest-live-action{align-items:stretch;flex-direction:column}.nest-live-menu{justify-content:center}.nest-live-meters{grid-template-columns:1fr}.nest-acorn-banner{flex-wrap:wrap}.nest-acorn-banner .nest-shop-open{flex-basis:100%;justify-content:center}.nest-adventure-title{align-items:flex-start;flex-direction:column;gap:2px}.nest-home-actions,.nest-care-grid,.nest-adventure-grid{gap:6px}.nest-home-actions>div,.nest-care-grid>div,.nest-adventure-grid article{padding:9px 3px}}