/* "What's in the box?" — copied from the landing page (start.rogalife.com/calm/f/top, section#included).
   These are the landing's own rules for this section, scoped to #included so they don't touch the rest of the site. */
#included{--bg:#FAF8F4;--bg-2:#F1ECE6;--text:#1A3B3C;--text-strong:#0F2829;--muted:#6E7A7B;--accent:#1A3B3C;--accent-soft:#3D6E6F;--border:rgba(26,59,60,.1);--border-soft:rgba(26,59,60,.06);
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Helvetica Neue",Arial,sans-serif;font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased}
:where(#included), :where(#included) *{box-sizing: border-box; border-width: 0px; border-style: solid; border-color: rgb(229, 231, 235);}
:where(#included)::before, :where(#included) *::before{box-sizing: border-box; border-width: 0px; border-style: solid; border-color: rgb(229, 231, 235);}
:where(#included)::after, :where(#included) *::after{box-sizing: border-box; border-width: 0px; border-style: solid; border-color: rgb(229, 231, 235);}
:where(#included) h2, h2:where(#included){font-size: inherit; font-weight: inherit;}
:where(#included) h2, h2:where(#included){margin: 0px;}
:where(#included) p, p:where(#included){margin: 0px;}
:where(#included) ul, ul:where(#included){list-style: none; margin: 0px; padding: 0px;}
:where(#included) img, img:where(#included){display: block; vertical-align: middle;}
:where(#included) svg, svg:where(#included){display: block; vertical-align: middle;}
:where(#included) img, img:where(#included){max-width: 100%; height: auto;}
:where(#included) .mx-auto, .mx-auto:where(#included){margin-left: auto; margin-right: auto;}
:where(#included) .mb-16, .mb-16:where(#included){margin-bottom: 4rem;}
:where(#included) .mb-4, .mb-4:where(#included){margin-bottom: 1rem;}
:where(#included) .mb-5, .mb-5:where(#included){margin-bottom: 1.25rem;}
:where(#included) .text-center, .text-center:where(#included){text-align: center;}
:where(#included), :where(#included) *{box-sizing: border-box;}
:where(#included)::before, :where(#included) *::before{box-sizing: border-box;}
:where(#included)::after, :where(#included) *::after{box-sizing: border-box;}
:where(#included) .apple-container, .apple-container:where(#included){margin-left: auto; margin-right: auto; padding-left: 1.5rem; padding-right: 1.5rem;}
@media (min-width: 768px){:where(#included) .apple-container, .apple-container:where(#included){padding-left: 3rem; padding-right: 3rem;}}
:where(#included) .apple-container, .apple-container:where(#included){max-width: 1024px;}
:where(#included) .apple-container-sm, .apple-container-sm:where(#included){margin-left: auto; margin-right: auto; padding-left: 1.5rem; padding-right: 1.5rem; max-width: 692px;}
:where(#included) .section-apple-gray, .section-apple-gray:where(#included){padding-top: 7rem; padding-bottom: 7rem;}
@media (min-width: 768px){:where(#included) .section-apple-gray, .section-apple-gray:where(#included){padding-top: 10rem; padding-bottom: 10rem;}}
:where(#included) .section-apple-gray, .section-apple-gray:where(#included){background: var(--bg-2);}
:where(#included) .apple-headline, .apple-headline:where(#included){font-size: clamp(2.2rem, 5.5vw, 4.5rem); font-weight: 600; letter-spacing: -0.02em; line-height: 1.06; color: var(--text-strong);}
:where(#included) .apple-eyebrow-blue, .apple-eyebrow-blue:where(#included){font-size: 12px; font-weight: 600; color: var(--accent-soft); letter-spacing: 0.14em; text-transform: uppercase; display: block;}
:where(#included) .apple-body, .apple-body:where(#included){font-size: 19px; line-height: 1.7; color: var(--muted); font-weight: 400;}
:where(#included) .inc-grid[data-astro-cid-zyli2jfn], .inc-grid[data-astro-cid-zyli2jfn]:where(#included){display: grid; grid-template-columns: 1fr 1fr; gap: 56px; align-items: center;}
:where(#included) .inc-visual[data-astro-cid-zyli2jfn], .inc-visual[data-astro-cid-zyli2jfn]:where(#included){background: var(--bg); border-radius: 22px; border: 1px solid var(--border-soft); aspect-ratio: 1 / 1; display: grid; place-items: center; padding: 32px; overflow: hidden;}
:where(#included) .inc-visual[data-astro-cid-zyli2jfn] img[data-astro-cid-zyli2jfn], .inc-visual[data-astro-cid-zyli2jfn] img[data-astro-cid-zyli2jfn]:where(#included){width: 100%; height: auto; object-fit: contain; filter: drop-shadow(rgba(26, 59, 60, 0.12) 0px 20px 40px);}
:where(#included) .inc-list[data-astro-cid-zyli2jfn], .inc-list[data-astro-cid-zyli2jfn]:where(#included){list-style: none; padding: 0px; margin: 0px; display: grid; grid-template-columns: 1fr 1fr; gap: 24px 32px;}
:where(#included) .inc-item[data-astro-cid-zyli2jfn], .inc-item[data-astro-cid-zyli2jfn]:where(#included){display: grid; grid-template-columns: 20px 1fr; gap: 12px; align-items: start; color: var(--accent);}
:where(#included) .inc-item[data-astro-cid-zyli2jfn] svg[data-astro-cid-zyli2jfn], .inc-item[data-astro-cid-zyli2jfn] svg[data-astro-cid-zyli2jfn]:where(#included){color: var(--accent); margin-top: 4px;}
:where(#included) .inc-name[data-astro-cid-zyli2jfn], .inc-name[data-astro-cid-zyli2jfn]:where(#included){font-size: 16px; font-weight: 600; color: var(--text); margin-bottom: 4px;}
:where(#included) .inc-detail[data-astro-cid-zyli2jfn], .inc-detail[data-astro-cid-zyli2jfn]:where(#included){font-size: 14px; color: var(--muted); line-height: 1.5;}
@media (max-width: 900px){:where(#included) .inc-grid[data-astro-cid-zyli2jfn], .inc-grid[data-astro-cid-zyli2jfn]:where(#included){grid-template-columns: 1fr; gap: 36px;}}
@media (max-width: 900px){:where(#included) .inc-visual[data-astro-cid-zyli2jfn], .inc-visual[data-astro-cid-zyli2jfn]:where(#included){max-width: 480px; margin: 0px auto;}}
@media (max-width: 560px){:where(#included) .inc-list[data-astro-cid-zyli2jfn], .inc-list[data-astro-cid-zyli2jfn]:where(#included){grid-template-columns: 1fr;}}
section#included.section-apple-gray{overflow: hidden;}
section#included.section-apple-gray::before{content: ""; position: absolute; --inc-halo: min(1600px, 105vw); left: calc(var(--inc-halo) * -0.42); bottom: calc(var(--inc-halo) * -0.42); width: var(--inc-halo); aspect-ratio: 1 / 1; background: url("../img/box/inner-halo-light.webp") center center / contain no-repeat; z-index: 0; pointer-events: none;}
section#included.section-apple-gray > *{position: relative; z-index: 1;}
#included .inc-visual{border-radius: 50%; padding: 3.5% !important; overflow: visible !important; border: 0px !important; box-shadow: none !important; background: url("../img/box/shop-circle-glow.webp") center center / 100% 100% no-repeat !important;}
#included .inc-visual img{aspect-ratio: 1 / 1; border-radius: 50%; display: block; width: 100% !important; height: 100% !important; object-fit: cover !important;}
#included .inc-list{position: relative; isolation: isolate;}
#included .inc-list::before{content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: min(1100px, 150%); aspect-ratio: 1 / 1; background: url("../img/box/inner-halo-dark.webp") center center / contain no-repeat; z-index: -1; pointer-events: none;}
#included .apple-container-sm{position: relative; isolation: isolate;}
#included .apple-container-sm::before{content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: min(900px, 120vw);}
@media (max-width: 768px){#included .inc-list::before{width: min(1500px, 290vw);}}
@media (max-width: 768px){#included .inc-list{padding-left: 48px;}}
@media (max-width: 768px){#included .inc-visual{position: relative; z-index: 2;}}
#included .apple-container-sm::before{aspect-ratio: 1 / 1; background: url("../img/box/inner-halo-dark.webp") center center / contain no-repeat; z-index: -1; pointer-events: none;}
@media (min-width: 1025px){#included .apple-container-sm::before{display: none;}}
#included{color: rgb(255, 255, 255) !important; -webkit-text-fill-color: rgb(255, 255, 255) !important;}
#included .apple-headline{color: rgb(255, 255, 255) !important; -webkit-text-fill-color: rgb(255, 255, 255) !important;}
#included .apple-body{color: rgb(255, 255, 255) !important; -webkit-text-fill-color: rgb(255, 255, 255) !important;}
#included .inc-name{color: rgb(255, 255, 255) !important; -webkit-text-fill-color: rgb(255, 255, 255) !important;}
#included .inc-detail{color: rgb(255, 255, 255) !important; -webkit-text-fill-color: rgb(255, 255, 255) !important;}
#included .inc-item{color: rgb(255, 255, 255) !important; -webkit-text-fill-color: rgb(255, 255, 255) !important;}
#included .inc-item svg{color: rgb(255, 255, 255) !important; -webkit-text-fill-color: rgb(255, 255, 255) !important;}
#included .inc-item svg{stroke: rgb(255, 255, 255) !important;}
section#included.section-apple-gray{position: relative; z-index: 1; background-color: rgb(181, 188, 199) !important; background-image: url("../img/box/background-box-section.webp") !important; background-size: cover !important; background-position: center center !important; background-repeat: no-repeat !important;}
#included{scroll-margin-top: 80px;}
@media (min-width: 1025px){#included .inc-list::before{width: min(1750px, 235%) !important; left: 24% !important; top: 4% !important;}}
@media (min-width: 1025px){section#included.section-apple-gray::before{--inc-halo: min(2200px, 145vw);}}
#included .apple-container-sm{z-index: 3 !important;}
#included .apple-container-sm .apple-headline{position: relative; z-index: 1;}
#included .apple-container-sm .apple-eyebrow-blue{position: relative; z-index: 1;}
#included .apple-container-sm .apple-body{position: relative; z-index: 1;}
#included .inc-visual{position: relative; z-index: 3 !important;}
#included .inc-visual img{position: relative; z-index: 1;}
#included .inc-grid{position: relative; z-index: 4 !important;}
@media (min-width: 1025px){#included{scroll-margin-top: 100px;}}
@media (min-width: 1025px){#included .apple-container-sm{z-index: 6 !important;}}
@media (min-width: 1025px){#included .apple-container-sm .apple-headline{position: relative; z-index: 2;}}
@media (min-width: 1025px){#included .apple-container-sm .apple-eyebrow-blue{position: relative; z-index: 2;}}
@media (min-width: 1025px){#included .apple-container-sm .apple-body{position: relative; z-index: 2;}}
@media (min-width: 1025px){#included{scroll-margin-top: 16px;}}
:where(#included) h2{font-family:inherit}