/* Website layer only. The approved opening stylesheet and choreography remain intact. */
.ui-icon{width:24px;height:24px;flex-shrink:0}
select:focus-visible,summary:focus-visible,[role=tabpanel]:focus-visible{outline:2px solid var(--signal);outline-offset:5px}
.language-control{display:flex;align-items:center;gap:9px;padding:10px 13px;border:1px solid #b7cbbc30;border-radius:30px;background:#101d17;color:#e5ece6;font-size:14px;position:relative;flex-shrink:0}
.language-control>.ui-icon{width:20px;height:20px;color:#00cea3}
.language-control select{appearance:none;border:0;background:transparent;font:inherit;color:inherit;cursor:pointer;padding:0 17px 0 0;max-width:105px}
.language-control option{background:#101d17;color:#e5ece6}
.language-control>span{position:absolute;right:13px;pointer-events:none}
.watching-intro .language-control{display:none}
body:not(.watching-intro) header{gap:26px}
.download-header{flex-direction:column;align-items:center;gap:3px;line-height:1.2;cursor:not-allowed}
.download-header:disabled{color:#c7d8cc;background:#10271c80;opacity:1}
.download-header small{font-size:9px;letter-spacing:.7px;color:#c8ac64}
.download-header:hover{background:#10271c80}
.download-actions{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;width:100%;max-width:520px;margin-inline:auto}
.download-button{display:flex;align-items:center;justify-content:center;gap:11px;min-height:58px;min-width:215px;border:1px solid #4b9d754d;border-radius:34px;padding:15px 23px;background:#2c6a4e;color:#edf2ed;font-size:14px;font-weight:600;line-height:1.45}
.download-button:disabled{opacity:1;cursor:not-allowed}
.download-availability{font-size:12px;line-height:1.6;color:#a9bcae;text-align:center;margin:12px 0 0}
.ready .hero-content h1{font-style:italic;color:#d3b565;font-size:clamp(36px,4.1vw,59px);letter-spacing:-1px}
.ready .hero-content>p:not(.hero-name){max-width:560px;margin:22px auto 0;color:#c1cec4}
.hero-actions.hero-downloads{flex-direction:column;gap:0;margin-top:25px}
.hero-downloads .text-link{margin-top:19px;font-size:13px}
.hero-downloads .download-availability{margin:12px 0 0;font-size:12px}
.section h2{font-style:italic;overflow-wrap:break-word}
.section p{color:#abbeb1}
.section .eyebrow{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:2.2px;color:#d1ab48;font-size:11px}
.wisdom-copy{text-align:center;max-width:690px;margin:65px auto 50px}
.wisdom-copy h2{font-size:clamp(36px,4vw,54px);line-height:1.2}
.wisdom-copy>p{max-width:640px;font-size:17px;margin:25px auto 0}
.story-symbol{position:relative;display:flex;align-items:center;justify-content:center;width:68px;height:68px;border:1px solid #9bc8ad29;border-radius:21px;margin:0 auto 27px;background:radial-gradient(ellipse at center,#14734c22,#12271c);color:#00cca0}
.story-symbol>.ui-icon{width:33px;height:33px}
.wisdom-copy .story-symbol>.ui-icon:first-child{color:#c8a84a}
.wisdom-copy .story-symbol>.ui-icon:last-child{position:absolute;width:21px;height:21px;right:6px;bottom:6px;color:#00cca0}
.intelligence-explorer{margin:0 auto;max-width:1130px}
.intelligence-explorer>.eyebrow{text-align:center;margin-bottom:21px}
.intelligence-bar{display:flex;align-items:stretch;justify-content:center;border:1px solid #5f82712b;border-radius:28px;background:#172b28;padding:17px 13px;gap:5px}
.intelligence-bar button{position:relative;flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;gap:10px;border:0;background:none;padding:4px 4px 12px;color:#b5c2c0;font-size:13px;line-height:1.4;text-align:center;border-radius:16px}
.category-symbol{width:53px;height:53px;border-radius:50%;display:flex;justify-content:center;align-items:center;background:#b4c4c016}
.category-symbol .ui-icon{width:25px;height:25px}
.intelligence-bar button[aria-selected=true]{color:#d4ad47;font-weight:600}
.intelligence-bar button[aria-selected=true] .category-symbol{background:#d4ad471a;box-shadow:0 0 21px #d4ad4714}
.intelligence-bar button[aria-selected=true]:after{content:'';position:absolute;bottom:3px;height:2px;width:18px;border-radius:2px;background:#d4ad47}
.intelligence-bar button:hover .category-symbol{background:#b4c4c025}
.intelligence-panel{max-width:675px;margin:25px auto 0;min-height:130px;text-align:center;padding:0 15px}
.intelligence-panel h3{font-size:28px;letter-spacing:-.5px;color:#e7eee7;line-height:1.2}
.intelligence-panel p{font-size:15px;max-width:570px;margin:13px auto 0}
.flow.section{background:#0b1912;padding-block:80px}
.flow-words{max-width:960px;margin:auto}
.flow-words span{font-size:clamp(35px,3.5vw,50px)}
.synchrony-copy{max-width:690px;margin:62px auto 0}
.synchrony-copy h2{font-size:clamp(34px,3.2vw,46px);line-height:1.2}
.synchrony-copy>p:last-child{font-size:16px;margin:22px auto 0;max-width:650px}
.synchrony-copy .eyebrow{margin-bottom:18px}
.experience-copy .story-symbol{margin-left:0}
.experience-copy>.eyebrow{color:#d1ab48;margin:0 0 21px}
.experience-copy h2{font-size:clamp(36px,3.6vw,51px);max-width:460px;line-height:1.17}
.experience-copy>p:not(.eyebrow){max-width:415px}
.experience-tabs button{border-color:#33533e;color:#bbcbbb}
.experience-tabs button[aria-selected=true]{background:#163829;color:#d2e6d8;border-color:#46936b}
.experience-copy>.preview-note{font-size:11px!important;line-height:1.65;color:#8fa79a;max-width:320px}
.experience-intro .experience-copy{max-width:680px;margin:55px auto 0;text-align:center}
.experience-intro .experience-copy .story-symbol{margin-inline:auto}
.experience-intro .experience-copy h2{max-width:none}
.experience-intro .experience-copy>p:not(.eyebrow){max-width:580px;margin-inline:auto}
.beta-header{flex-direction:column;align-items:center;gap:3px;line-height:1.2;background:#276d4b;border-color:#3d9369;font-weight:600;text-align:center}
.beta-header:hover{background:#327e59}
.beta-header small{font-size:10px;letter-spacing:.5px;color:#c3d9cb;font-weight:400}
.beta-header>span{display:block}
@media(max-width:520px){.beta-header{max-width:110px;padding:9px 12px}.experience-intro .experience-copy{margin-top:35px}}
.plans-section{background:#0b1710;border-top:1px solid #26402f80}
.plans-heading{max-width:690px;text-align:center;margin:60px auto 35px}
.plans-heading h2{font-size:clamp(36px,3.8vw,53px)}
.plans-heading>p{font-size:16px;margin:20px auto 0}
.plans-heading .shared-quality{display:flex;align-items:center;justify-content:center;gap:10px;font-size:13px;color:#79cba6;margin-top:28px}
.shared-quality .ui-icon{width:19px;height:19px}
.plans-layout{display:flex;align-items:flex-start;gap:24px;max-width:1120px;margin:0 auto}
.plan-card{flex:1 1 0;min-width:0;padding:30px;border:1px solid #287354;border-radius:27px;background:#101e17}
.plan-title{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.plan-title>.ui-icon{width:25px;height:25px;color:#59c996}
.plan-title h3{font-family:'DM Sans',sans-serif;font-size:25px;font-weight:600;line-height:1.3;letter-spacing:-.4px;white-space:nowrap;flex-shrink:0}
.plan-badge{color:#64d6aa;background:#043d2d55;border:1px solid #16826280;border-radius:20px;font:600 11px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.5px;padding:6px 9px}
.plan-description{font-size:14px;line-height:1.7;margin:19px 0 25px;min-height:48px}
.plan-features{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:14px}
.plan-features li{display:flex;align-items:flex-start;gap:10px;line-height:1.65;font-size:14px;color:#b3c5b9}
.plan-features strong{font-weight:600;color:#e1e9e2}
.plan-features .ui-icon{width:18px;height:18px;margin-top:3px;color:#00c89a}
.nature-seeker{border-color:#ab8b3f80}
.nature-seeker .plan-badge{color:#e1c36f;border-color:#96752380;background:#4c3a0750}
.nature-seeker .plan-features .ui-icon{color:#cbaa43}
.plan-details{border-top:1px solid #9bb4a21e;margin-top:26px;padding-top:21px}
.plan-details summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:10px;cursor:pointer;color:#18c49b;font:600 12px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:1px;text-transform:uppercase;line-height:1.6}
.plan-details summary::-webkit-details-marker{display:none}
.nature-seeker .plan-details summary{color:#cbaa43}
.when-open{display:none}
.plan-details[open] .when-open{display:inline}
.plan-details[open] .when-closed{display:none}
.disclosure-arrow{font-family:Arial,sans-serif;font-size:19px}
.plan-details[open] .disclosure-arrow{transform:rotate(180deg)}
.plan-details>.plan-features{padding:20px;background:#07110c66;border:1px solid #87ab9710;border-radius:18px;margin-top:19px}
.plan-details>.plan-features li{font-size:13px;color:#93ac9d}
.plan-details>.plan-features .ui-icon{width:15px;height:15px;opacity:.75}
.mission-note{display:flex;align-items:flex-start;gap:19px;max-width:1000px;border:1px solid #38674970;border-radius:22px;margin:32px auto 0;padding:30px;background:linear-gradient(135deg,#143b282f,#09140d)}
.mission-note>.ui-icon{width:39px;height:39px;padding:7px;border:1px solid #68bb8d4d;border-radius:12px;color:#64bc91;background:#37735122}
.mission-note h3{font:600 18px/1.5 'DM Sans',sans-serif;letter-spacing:0;color:#7aca9e}
.mission-note p{font-size:15px;line-height:1.85;margin:10px 0 0}
.planet-top p{max-width:680px;margin:27px auto 0}
.planet-statement .download-availability{color:#9bb3a3}
.planet-statement h2{font-style:normal}
.plans-section,.planet{--closing-space:122px}
.plans-section.section{padding-bottom:calc(var(--closing-space)/2)}
.planet.section{padding-top:calc(var(--closing-space)/2)}
.planet-statement{padding-top:0}
.planet-statement h2{margin-bottom:var(--closing-space)}
@media(max-width:800px){.plans-section,.planet{--closing-space:111.5px}}
@media(max-width:520px){.plans-section,.planet{--closing-space:101.5px}}
@media(min-width:900px){.flow-words{flex-direction:row;justify-content:center;gap:30px}.flow-words i{transform:rotate(-90deg)}}
@media(max-width:1000px){body:not(.watching-intro) header{gap:18px}header nav{gap:18px}.language-control{padding:9px 11px;font-size:12px}.download-header{padding:10px 16px}.intelligence-bar button{font-size:12px}.plan-title h3{font-size:22px}.plan-card{padding:25px}.plan-title{gap:8px}.plan-badge{font-size:10px}}
@media(max-width:700px){.plans-layout{flex-direction:column;gap:20px}.plan-card{width:100%;padding:27px}.plan-title h3{font-size:25px}.plan-description{min-height:0}.mission-note{padding:24px;gap:13px}.mission-note h3{font-size:16px}.mission-note p{font-size:14px}.intelligence-bar{flex-wrap:wrap;padding:16px 9px;gap:13px 0}.intelligence-bar button{flex:0 0 25%;padding-inline:3px;font-size:12px}.intelligence-bar button>span:last-child{min-height:34px;display:flex;align-items:center;justify-content:center}.category-symbol{width:48px;height:48px}.wisdom-copy{margin-top:44px}.wisdom-copy>p{font-size:16px}.synchrony-copy{margin-top:46px}.experience-copy h2{max-width:540px}.experience-copy>p:not(.eyebrow){max-width:540px}.plans-heading{margin-top:40px}.intelligence-panel{min-height:150px}}
@media(max-width:520px){body:not(.watching-intro) header{gap:10px}body:not(.watching-intro) header .brand-word{display:none}.language-control{margin-left:auto;font-size:12px;padding:9px 10px;gap:6px}.language-control>.ui-icon{width:17px;height:17px}.language-control select{max-width:92px;padding-right:13px}.language-control>span{right:10px}.download-header{margin-left:0;font-size:10px;padding:9px 11px;max-width:92px;text-align:center}.download-header small{font-size:8px}.download-header>span{display:block}.menu-button{font-size:17px;padding:3px}.ready .hero-content h1{font-size:38px;letter-spacing:-.7px}.ready .hero-content>p:not(.hero-name){font-size:15px;line-height:1.7;margin-top:20px}.download-actions{width:100%;gap:10px}.download-button{min-width:0;flex:1 1 0;padding:12px 10px;font-size:12px;min-height:59px;gap:8px}.download-button>.ui-icon{width:19px;height:19px}.download-button>span{max-width:105px;text-align:left}.hero-downloads{width:100%;max-width:355px;margin-inline:auto}.hero-downloads .download-availability{font-size:10px}.hero-downloads .text-link{font-size:12px;margin-top:16px}.hero-actions.hero-downloads{margin-top:23px}.wisdom-copy h2{font-size:37px;letter-spacing:-.7px}.section .eyebrow{font-size:10px;letter-spacing:1.8px}.wisdom-copy{margin-bottom:39px}.story-symbol{width:62px;height:62px;border-radius:19px}.intelligence-bar{border-radius:23px}.intelligence-bar button{font-size:11px}.intelligence-panel h3{font-size:26px}.intelligence-panel p{font-size:14px}.intelligence-panel{min-height:140px;padding:0 4px}.synchrony-copy h2{font-size:35px}.synchrony-copy>p:last-child{font-size:15px}.flow.section{padding-block:65px}.experience-copy h2{font-size:36px}.plans-heading h2{font-size:38px}.plans-heading>p{font-size:15px}.plans-heading .shared-quality{font-size:12px;align-items:flex-start;line-height:1.6}.plan-card{padding:23px}.plan-title h3{font-size:23px}.plan-title>.ui-icon{width:22px;height:22px}.plan-badge{font-size:10px;padding:5px 8px}.plan-title{gap:9px}.plan-features li{font-size:13px}.plan-details>.plan-features{padding:16px}.mission-note{padding:22px 18px}.mission-note>.ui-icon{width:31px;height:31px;padding:5px}.planet-statement .download-availability{font-size:11px}.footer-bottom{line-height:1.6}.footer-bottom button{padding:8px 0}}
@media(max-width:360px){body:not(.watching-intro) header{gap:7px}.language-control{font-size:11px;padding:9px 8px}.language-control>.ui-icon{width:15px;height:15px}.download-header{padding:8px;max-width:82px}.ready .hero-content h1{font-size:33px}.ready .hero-content .hero-name{margin-bottom:21px}.ready .hero-content>p:not(.hero-name){font-size:14px;}
.download-button{font-size:11px;padding-inline:8px;gap:6px}.plan-title h3{font-size:21px}.plan-card{padding:21px}.plan-badge{font-size:9px}.wisdom-copy h2{font-size:33px}.synchrony-copy h2{font-size:30px}}

.opening-tools{justify-content:flex-end}

/* Keep the category description and following section evenly spaced. */
.intelligence-panel{min-height:0}
.intelligence-panel p{margin-bottom:0}
.moment.section{padding-bottom:48px}
.moment.section+.flow.section{padding-top:48px}
@media(max-width:520px){.moment.section{padding-bottom:36px}.moment.section+.flow.section{padding-top:36px}}

.opening-tools #sound-toggle{margin-right:auto;align-items:center;gap:8px;min-height:44px;min-width:44px;padding:8px 10px;color:#8da99b}
#sound-toggle .ui-icon{width:19px;height:19px}
.opening-tools #sound-toggle[aria-pressed=true]{color:#b3e4cd}
.opening-audio-status{position:absolute;bottom:100%;left:10px;max-width:270px;font-size:12px;line-height:1.4;letter-spacing:0;color:#b7cabe}
@media(prefers-reduced-motion:reduce){.opening-tools #sound-toggle{display:none}}

#sound-toggle[aria-pressed=true] .sound-mute-slash{display:none}
#sound-toggle[aria-pressed=false] .ui-icon>path:not(:first-child):not(.sound-mute-slash){visibility:hidden}