/* Octagym · reading, hierarchy and visitor control. No render-quality changes. */
.hero-benefit{position:absolute;bottom:74px;left:24px;right:24px;display:grid;justify-items:center;gap:8px;text-align:center;pointer-events:none;color:#b7cad9;font-weight:400;margin:0;text-shadow:0 2px 18px #05090d}
.hero-benefit-lead{font-size:clamp(13px,1.12vw,16px);line-height:1.45;letter-spacing:.025em;color:#b8cbd4}
.hero-benefit strong{display:block;max-width:860px;color:#f0f6f8;font-size:clamp(26px,3vw,38px);line-height:1.15;letter-spacing:-.035em;font-weight:500;text-wrap:balance}
.hero-benefit strong span{color:#bdddd6;white-space:nowrap}
.hero-category{font-size:11px;letter-spacing:2px}
body.is-booting .hero-benefit{visibility:hidden}
.scroll-cue{min-height:44px;max-width:calc(100% - 210px);font-size:13px;line-height:1.5;letter-spacing:.01em;bottom:12px;gap:16px;text-align:center;color:#a8bdca}
.scroll-cue>span:first-child{text-wrap:balance}
.scroll-cue>span:last-child{display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;border:1px solid #bbd8d52e;border-radius:50%;font-size:18px;color:#c2ded8;transition:background .2s,border-color .2s}
.scroll-cue:hover>span:last-child{background:#bdddd610;border-color:#bdddd680}
.header-actions .header-contact{font-size:12px;border:1px solid #bddbda55;border-radius:24px;padding:0 17px;background:#b6d8d00c;white-space:nowrap}
.header-actions .header-contact:hover{background:#b6d8d024}

/* One navigational vocabulary, with the current area visible. */
.journey-footer{left:4vw;right:4vw;bottom:16px;min-height:52px;gap:16px}
.journey-footer #chapter-label,.journey-footer .footer-right{display:none}
.journey-groups{display:flex;gap:5px;align-items:center;pointer-events:auto}
.journey-groups a{min-height:44px;padding:0 13px;display:flex;align-items:center;color:#acc1ce;font-size:12px;letter-spacing:0;border-radius:24px;text-decoration:none;border:1px solid transparent;background:#08131ba8}
.journey-groups a:hover{background:#bddacf1c;color:#eff7f6}
.journey-groups a[aria-current=step]{background:#c0dfd818;color:#e1f3e9;border-color:#c1e0d748}
.journey-footer .journey-controls{position:static;left:auto;right:auto;transform:none;gap:5px;margin-left:auto;background:#08131bc9;border-radius:28px;padding-inline:4px}
#open-chapters{font-size:12px;letter-spacing:0;gap:0;padding:0 10px;border-bottom:0}
#open-chapters .chapters-label{margin-right:15px;color:#e1eef6}
.journey-controls .footer-separator{margin-inline:6px}.index-symbol{margin-left:14px}
.chapters-grid h3{font-size:14px;letter-spacing:0}.chapter-item strong{font-size:14px}.chapter-item>span{font-size:12px}
#chapters .chapters-help{font-size:13px}
body.in-online .journey-footer{background:#08131df5;border-top:1px solid #b5d4dc26;border-radius:12px;padding:8px 12px}

/* A restrained reading column leaves the focal subject to the right. */
@media(min-width:1001px) and (min-aspect-ratio:7/5){
 .copy-panel.panel:not(.online-copy):not(.defense-copy){width:min(43vw,630px);max-width:630px;max-height:calc(100svh - 192px);left:5.4vw}
 .copy-panel.panel h2{font-size:clamp(36px,3.8vw,60px)}
 .copy-panel .copy-body{font-size:15px;line-height:1.75}
 .copy-panel.opening-copy h2{font-size:clamp(48px,5.6vw,80px)!important}
}
.copy-panel.panel .eyebrow{font-size:11px;letter-spacing:1.6px}
.copy-panel .copy-note,.kiosk-demo-caption{font-size:12px}
.reception-signals,.referral-benefits{font-size:13px}
.student-features p,.event-features p{font-size:13px}
.copy-panel.panel.online-copy,.copy-panel.panel.defense-copy{padding-bottom:110px;scroll-padding-bottom:110px}

/* The visitor can inspect a payment or document without a timer moving on. */
.recovery-flow{flex-wrap:wrap;gap:4px 12px;font-size:12px}
.recovery-flow button{min-height:36px}
.recovery-copy .copy-body,.recovery-message p{font-size:14px;line-height:1.65}
.recovery-message>article>span{font-size:11px}
.recovery-controls>[data-recovery-position]{font-size:12px}
.recovery-action{font-size:12px;min-height:44px}
.recovery-note{display:block;font-size:12px;line-height:1.55;color:#a9bfce;margin-top:12px}
.recovery-playback{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;grid-column:2;margin-top:12px;border-top:1px solid #abc9d92b;padding-top:8px}
.recovery-playback span{color:#a7c2ca}
.recovery-playback button{min-height:44px;font:inherit;border:1px solid #a8cedc3d;border-radius:20px;background:#a2c8d210;color:#d2e6ee;padding:8px 12px;cursor:pointer}
.recovery-playback button:hover{background:#a2c8d229}
.recovery-copy .student-next{font-size:12px}
.recovery-wallets button small{font-size:12px}

/* The closing chapter has a clear, real next step. */
.copy-panel.closing-copy h2{font-size:clamp(36px,3.6vw,54px);line-height:1.08;max-width:620px}
.closing-copy .copy-body{margin-top:22px}
.closing-copy .copy-body>p:first-child{font-size:15px;line-height:1.65}
.closing-benefits{list-style:none;padding:0;margin:22px 0 0;display:grid;gap:0}
.closing-benefits>li{display:flex;align-items:flex-start;gap:16px;padding:14px 0;border-top:1px solid #b8d6de26}
.closing-benefits>li>span{font-size:12px;line-height:24px;color:#93b8b4;font-variant-numeric:tabular-nums}
.closing-benefits strong{font-size:16px;font-weight:500}.closing-benefits p{font-size:13px;line-height:1.55;color:#acbfce;margin:4px 0 0}
.closing-action{margin-top:19px}.demo-contact{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;min-height:52px;border-radius:28px;background:#c4e5d9;color:#102b30;font-size:14px;padding:12px 22px;text-decoration:none;font-weight:500;transition:background-color .18s,transform .18s}
.demo-contact:hover{background:#e3f6ee;transform:translateY(-2px)}.demo-contact>span{font-size:20px}
.closing-action>p{font-size:12px;color:#abc2cc;margin:10px 0 0}.closing-replay{display:inline-flex;align-items:center;min-height:44px;gap:12px;font-size:12px;color:#a7c2ce;margin-top:6px;text-decoration:none}

/* Network: comfortable type, stable tabs and a dedicated scrollable details area. */
.network-overview.has-details{--network-column:min(43vw,590px);padding:100px 5.4vw 84px;justify-content:flex-start;gap:22px;background:linear-gradient(90deg,#050b12f2,#050b12df 34%,#050b1233 55%,transparent 75%)}
.network-overview.has-details .network-heading{position:static;inset:auto;width:var(--network-column);flex:none}
.network-overview.has-details .network-heading h2{font-size:clamp(34px,3.4vw,50px);line-height:1.08}
.network-overview.has-details .network-eyebrow{font-size:11px;letter-spacing:1.8px;margin-bottom:16px}
.network-overview.has-details .network-lead{font-size:14px;line-height:1.65;margin-top:16px}
body:not(.fallback) .network-overview.has-details .network-details{display:block;position:static;inset:auto;width:var(--network-column);min-height:0;overflow-y:auto;overscroll-behavior-y:auto;scrollbar-width:thin;scrollbar-color:#9eb9be65 transparent;pointer-events:auto;padding:0 12px 4px 0;scroll-padding-block:12px}
.network-details:focus-visible{outline:2px solid #b6d9e9;outline-offset:4px;border-radius:4px}
.network-overview.has-details .network-finance,.network-overview.has-details .network-units{position:static;inset:auto;width:100%}
.network-overview.has-details .network-units{margin-top:24px}
.network-finance [role=tabpanel]{min-height:0}
.network-tabs{gap:24px;margin-bottom:22px;position:sticky;top:0;background:#08111af5;z-index:2}
.network-tabs button{font-size:14px;min-height:52px;padding:14px 0}
.network-report-head{gap:8px;margin-bottom:20px}.network-report-head h3{font-size:17px;font-weight:400}.network-report-head>span{font-size:10px;letter-spacing:.8px}
.network-kpis{gap:20px}.network-kpis>div{gap:8px}.network-kpis span{font-size:13px;color:#b7c9d4}.network-kpis strong{font-size:clamp(30px,3vw,44px);letter-spacing:-1.5px;line-height:1.1}.network-kpis small{font-size:12px;color:#a0b9c8;line-height:1.55;min-height:0}
.network-dre-lines{margin-top:24px}.network-dre-lines>div{padding:11px 0;font-size:14px;color:#abc1cd;border-color:#adc5d021}.network-dre-lines strong{color:#cddce3}
.network-detail-note{font-size:12px;line-height:1.65;margin-top:16px;max-width:none;color:#9bb4c3}
.network-balance-labels{font-size:12px;flex-wrap:wrap;line-height:1.6}
.network-units-heading{margin-bottom:10px;display:flex}.network-units-heading>span{font-size:11px;letter-spacing:1px}.network-units-heading button{font-size:12px;min-height:44px}
.network-unit-buttons{gap:8px}.network-unit-buttons button{min-height:60px;padding:10px;gap:8px;border-radius:9px}.network-unit-buttons button>span:last-child{font-size:13px;line-height:1.4}.network-unit-buttons small{font-size:11px;margin-top:4px;line-height:1.35}.network-unit-number{font-size:11px}
.network-map-caption{top:110px;right:4.5vw;max-width:39vw;gap:10px}.network-map-caption>span{font-size:11px;letter-spacing:1.5px}.network-map-caption strong{font-size:15px;line-height:1.5}.network-map-caption small{font-size:11px;line-height:1.6}
.has-details .network-toggle{top:207px;right:4.5vw;font-size:12px;min-height:44px}
.network-location{right:4.5vw;width:min(36vw,380px);padding:16px 18px;bottom:110px;max-height:calc(100svh - 380px);overflow-y:auto;overscroll-behavior-y:auto}
.network-location-brand{font-size:10px}.network-location-brand i{font-size:9px}.network-location summary strong{font-size:20px;margin:8px 0}.network-location p{font-size:12px;line-height:1.6;margin:6px 0 12px}.network-location-actions{grid-template-columns:1fr;gap:4px}.network-location-actions a,.network-focus{font-size:12px;min-height:44px}
.network-enter{right:4.5vw;bottom:34px;font-size:13px;gap:16px}.network-demo-note{font-size:11px;bottom:36px;max-width:43vw;color:#9db7c7}
.network-return-caption>span,.network-unit-caption a{font-size:14px}

@media(min-width:701px) and (max-height:780px){
 .network-overview.has-details{padding-top:86px;gap:16px}
 body:not(.fallback) .network-overview.has-details .network-heading{position:static;width:var(--network-column)}
 .network-overview.has-details .network-heading h2{font-size:34px}
 .network-overview.has-details .network-lead{display:none}
 .network-overview.has-details .network-eyebrow{margin-bottom:12px}
 .network-map-caption{top:98px}.has-details .network-toggle{top:190px}
 .network-location{max-height:calc(100svh - 330px)}
}
@media(min-width:701px) and (max-width:1050px){
 .network-overview.has-details{--network-column:46vw;padding-inline:4vw}
 .network-overview.has-details .network-heading h2{font-size:36px}
 .network-tabs{gap:18px}.network-tabs button{font-size:13px}
 .network-kpis{gap:14px}.network-kpis strong{font-size:32px}
 .network-unit-buttons{grid-template-columns:repeat(2,minmax(0,1fr))}
 .network-location{width:36vw}.network-map-caption{max-width:36vw}
 .network-demo-note{left:4vw;max-width:42vw}.network-enter{font-size:12px;max-width:40vw}
}
@media(min-width:651px) and (max-aspect-ratio:7/5){
 .recovery-playback{grid-row:6;margin-top:8px}.recovery-copy .student-next{grid-column:1;grid-row:4/7;align-self:start}
 .recovery-copy .recovery-note{grid-row:7;font-size:12px}
 .copy-panel.recovery-copy .recovery-message p{font-size:13px}
 .copy-panel.recovery-copy{column-gap:32px}
}
@media(max-width:700px){
 .network-overview.has-details{padding:0;background:linear-gradient(#050b1288,transparent 32%,#050b1255 41%,#050b12fa 53%)}
 .network-overview.has-details .network-heading{position:absolute;left:22px;top:90px;width:205px}
 .network-overview.has-details .network-heading h2{font-size:29px}
 .network-overview.has-details .network-eyebrow{font-size:10px;letter-spacing:1.5px;margin-bottom:12px}
 .network-overview.has-details .network-lead{display:none}
 .has-details .network-toggle{top:93px;right:20px;font-size:11px;min-height:44px;padding:8px 11px;gap:8px;max-width:113px;line-height:1.4}
 body:not(.fallback) .network-overview.has-details .network-details{position:absolute;left:22px;right:22px;top:47svh;bottom:120px;width:auto;padding:0 6px 18px 0;background:linear-gradient(#08111ae6,#08111a66)}
 .network-tabs{gap:12px;justify-content:space-between;margin-bottom:18px}.network-tabs button{font-size:12px;min-height:48px;padding:12px 0}
 .network-report-head{margin-bottom:16px}.network-report-head h3{font-size:16px}.network-report-head>span{font-size:10px}
 .network-kpis{gap:12px}.network-kpis strong{font-size:30px}.network-kpis span,.network-kpis small{font-size:12px}
 .network-dre-lines{margin-top:20px}.network-dre-lines>div{font-size:13px;padding:10px 0}
 .network-detail-note{display:block;font-size:12px;margin-top:14px}
 .network-overview.has-details .network-units{position:static;margin-top:20px}
 .network-units-heading>span{font-size:10px}.network-units-heading button{font-size:12px}
 .network-unit-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible;padding:0;gap:8px}
 .network-unit-buttons button{min-width:0;min-height:60px;padding:9px;gap:7px}.network-unit-buttons button>span:last-child{font-size:13px}.network-unit-buttons small{font-size:11px}
 .network-enter{left:22px;right:22px;bottom:41px;font-size:12px;min-height:44px}
 .network-demo-note{left:22px;right:22px;bottom:20px;font-size:10px;max-width:none;line-height:1.5}
 .network-location{left:22px;right:22px;top:194px;bottom:auto;width:auto;padding:5px 12px;max-height:calc(47svh - 208px);z-index:3}
 .network-location:not([open]){max-width:230px;min-width:160px}
 .network-location summary{min-height:44px}.network-location summary strong{font-size:13px;margin:0}.network-location-brand{display:none}.network-location p{font-size:12px;display:block}
 .network-location-actions a,.network-focus{font-size:12px}.network-location[open] summary{margin-bottom:8px}
 .network-map-caption{display:none}.network-capabilities{font-size:11px;line-height:1.8}
 .network-overview:not(.has-details) .network-eyebrow{font-size:11px}.network-overview:not(.has-details) .network-lead{font-size:14px}
 .network-toggle{font-size:13px}
}
@media(max-width:650px){
 .hero-benefit{bottom:121px;gap:10px}.hero-benefit-lead{font-size:14px}.hero-benefit strong{font-size:clamp(25px,6.9vw,32px);max-width:440px;line-height:1.16}.hero-category{font-size:10px;top:93px;letter-spacing:1.3px}
 .scroll-cue{bottom:54px;font-size:12px;white-space:normal;width:calc(100% - 48px);max-width:none;justify-content:center;padding-inline:0;gap:12px}
 .header-actions .header-contact{font-size:11px;padding:0 12px}.header-actions .header-contact span{margin-left:8px}
 .journey-footer,body.in-online .journey-footer{left:16px;right:16px;bottom:8px;display:flex;flex-direction:column;gap:3px;min-height:0;padding:5px 4px;background:#08131be8;border:1px solid #bdd3dc1c;border-radius:16px}
 .journey-groups{justify-content:center;gap:4px;width:100%}.journey-groups a{min-height:36px;font-size:12px;padding:0 12px}
 .journey-footer .journey-controls{position:static;transform:none;margin:0;gap:6px;background:none}
 #open-chapters{font-size:12px;padding:0 10px}.journey-controls .chapter-step{width:44px;min-width:44px}
 #open-chapters .chapters-label{margin-right:14px}.index-symbol{margin-left:12px}
 .copy-panel.panel:not(.online-copy):not(.defense-copy){max-height:calc(100svh - 218px)}
 .copy-panel.panel .eyebrow{font-size:10px}
 .copy-panel .copy-body{font-size:14px;line-height:1.65}
 .copy-panel.student-copy,.copy-panel.referral-copy,.copy-panel.recovery-copy{max-height:calc(100svh - 345px)}
 .copy-panel.panel.online-copy,.copy-panel.panel.defense-copy{padding-bottom:130px;scroll-padding-bottom:130px}
 .copy-panel.recovery-copy{top:84px}.copy-panel.recovery-copy h2{font-size:29px}
 .recovery-copy .copy-body,.recovery-message p{font-size:13px;line-height:1.6}
 .recovery-flow{font-size:11px;gap:4px 10px;margin:15px 0}.recovery-flow button{min-height:36px}
 .recovery-message h3{font-size:22px;margin:10px 0}.recovery-message>article>span{font-size:10px}
 .recovery-controls{flex-wrap:wrap;gap:8px}.recovery-controls>[data-recovery-position]{font-size:12px;width:100%;padding-left:0}
 .recovery-action{font-size:12px}.recovery-note{font-size:12px}.recovery-playback{font-size:12px;gap:8px}
 .closing-copy.panel h2{font-size:34px}.closing-copy .copy-body>p:first-child{font-size:14px}
 .closing-benefits{margin-top:20px}.closing-benefits>li{padding:13px 0}.closing-benefits strong{font-size:15px}
 .closing-action{margin-top:16px}.demo-contact{width:100%;max-width:340px;font-size:14px}
}
@media(max-height:620px){
 .hero-benefit{bottom:74px;gap:5px}.hero-benefit-lead{font-size:12px}.hero-benefit strong{font-size:25px}.scroll-cue{bottom:12px}.hero-category{top:82px}
}
@media(max-width:650px) and (max-height:700px){.hero-benefit{bottom:113px;gap:7px}.hero-benefit-lead{font-size:13px}.hero-benefit strong{font-size:22px}}
@media(max-height:520px) and (min-width:651px){.hero-benefit{bottom:55px;gap:4px}.hero-benefit strong{font-size:24px}.scroll-cue{bottom:3px;font-size:12px}}
@media(max-width:700px) and (max-height:700px){
 .network-overview.has-details .network-heading{top:82px}.network-overview.has-details .network-heading h2{font-size:25px}
 .network-overview.has-details .network-eyebrow{margin-bottom:10px;font-size:9px}
 .has-details .network-toggle{top:85px}.network-location{top:175px;max-height:calc(47svh - 188px)}
}
@media(max-height:520px) and (min-width:701px){
 .network-overview.has-details{padding-top:76px;gap:10px;padding-bottom:70px}
 body:not(.fallback) .network-overview.has-details .network-heading h2{font-size:25px}
 body:not(.fallback) .network-overview.has-details .network-eyebrow{font-size:10px;margin-bottom:8px}
 body:not(.fallback) .network-overview.has-details .network-toggle{top:81px}
 body:not(.fallback) .network-overview.has-details .network-location{top:135px;bottom:80px;max-height:none}
 .copy-panel.panel:not(.online-copy):not(.defense-copy){top:80px;max-height:calc(100svh - 155px);transform:translateY(var(--drift,0px))!important}
}
/* Reading/fallback is ordinary document flow, never a trapped scrolling panel. */
.fallback .network-overview.has-details .network-details,.reading-mode .network-overview.has-details .network-details{display:block;position:static;inset:auto;overflow:visible;width:auto;max-height:none;height:auto;padding:0}
.fallback .network-overview.has-details .network-heading,.reading-mode .network-overview.has-details .network-heading{position:static;width:auto}
.fallback .network-overview.has-details .network-finance,.reading-mode .network-overview.has-details .network-finance{max-width:800px;width:auto;margin:auto}
.fallback .network-unit-buttons{display:flex;flex-wrap:wrap}.fallback .network-tabs{position:static}
.reading-mode .hero-benefit,.fallback .recovery-playback{display:none}
.reading-mode .closing-benefits,.fallback .closing-benefits{max-width:640px}
@media(prefers-reduced-motion:reduce){.demo-contact:hover{transform:none}}

.network-panel-hint{position:absolute;left:5.4vw;bottom:63px;max-width:43vw;font-size:11px;color:#a7c3ca;pointer-events:none;margin:0}.network-panel-hint[hidden],.network-overview:not(.has-details) .network-panel-hint,.fallback .network-panel-hint,.reading-mode .network-panel-hint{display:none}
@media(max-width:700px){.network-panel-hint{left:22px;right:22px;bottom:99px;max-width:none;font-size:11px}}
@media(max-width:650px){
 .copy-panel.panel:not(.online-copy):not(.defense-copy):is(.student-copy,.referral-copy,.recovery-copy){max-height:calc(100svh - 345px)}
 .recovery-flow{flex-wrap:nowrap;overflow-x:auto;gap:10px;scrollbar-width:thin;padding-bottom:4px;scroll-snap-type:x proximity}
 .recovery-flow button{flex:none;min-height:44px;scroll-snap-align:start}
 .recovery-copy .copy-body{margin-top:14px}
 .recovery-controls{position:sticky;bottom:0;background:#0b1824f5;padding:10px 0;border-top:1px solid #b4d2db2e;z-index:2}
}
@media(min-width:701px) and (min-height:521px){
 .network-overview.has-details .network-toggle{left:calc(5.4vw + var(--network-column) - 166px);right:auto;top:96px;font-size:11px;padding:8px 12px;gap:16px}
}
@media(min-width:701px) and (max-width:1050px) and (min-height:521px){
 .network-overview.has-details .network-toggle{left:auto;right:4.5vw;top:224px}
}
body.in-experience:has(#informacao-em-acao .active) .scrim:before{background:linear-gradient(90deg,#050b13fa 0%,#08131dea 42%,#08131d80 63%,transparent 84%)!important}
@media(max-width:650px){body.in-experience:has(#informacao-em-acao .active) .scrim:before{background:linear-gradient(#050b13ef,#08131ded 68%,#08131dcc 86%,#08131d50)!important}}
@media(max-width:650px){
 .recovery-flow{display:flex}
 .copy-panel.recovery-copy{background:linear-gradient(90deg,#08131cf5,#08131cea);border-radius:0 0 10px 0}
}

@media(min-width:701px) and (max-width:1050px) and (min-height:521px) and (max-height:780px){.network-overview.has-details .network-toggle{top:86px}.network-map-caption{display:none}}
@media(min-width:651px) and (max-width:1050px){
 .header{gap:16px;padding-inline:24px}.header-actions{gap:12px}
 body.in-experience .header-actions>.project-link:first-child{display:none}
 .header-actions .header-contact{padding-inline:13px;font-size:11px}
}

.reading-mode .recovery-controls,.reading-mode .recovery-flow,.reading-mode .recovery-identity img{display:none!important}.reading-mode .recovery-message{min-height:0}.reading-mode .recovery-message article{margin-block:22px;padding-bottom:22px;border-bottom:1px solid #a6c2d42b}

/* Dedicated studios and interactive class-credit wallet. */
.studio-facts{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:24px 0}.studio-facts>span{font-size:10px;letter-spacing:1.4px;border-top:1px solid #ffffff38;padding-top:13px;color:#a9bdc5}.studio-facts b{display:block;font-size:15px;letter-spacing:0;color:#edf5f5;margin-top:8px}.collective-note{display:block;font-size:11px;line-height:1.5;color:#afbec6;margin-top:15px}.class-demo{background:linear-gradient(130deg,#17282aef,#0c1419f5);border:1px solid #b6dacf38;border-radius:18px;padding:20px;margin-top:20px;box-shadow:0 20px 60px #0004}.class-balance{display:flex;justify-content:space-between;align-items:center;gap:14px}.class-balance>span{font-size:10px;letter-spacing:1.4px}.class-balance small{display:block;font-size:11px;letter-spacing:0;font-weight:400;color:#b2c7c8;margin-top:5px}.class-balance strong{font-size:32px;display:flex;gap:7px;align-items:baseline}.class-balance strong small{display:inline}.class-choices{display:flex;gap:8px;margin:18px 0}.class-choices button{flex:1;text-align:left;padding:12px;border:1px solid #a3c6c63b;background:#ffffff06;color:#e9f3f3;border-radius:9px;font:inherit;font-size:14px;cursor:pointer}.class-choices button small{display:block;font-size:11px;margin-top:5px;color:#adbfbd}.class-choices button[aria-pressed=true]{border-color:#b4e3cc;background:#b4e3cc18}.class-selected{display:grid;grid-template-columns:1fr auto;gap:5px;font-size:13px;margin-bottom:14px}.class-selected span{grid-column:1;grid-row:2;color:#a6bdc3;font-size:11px}.class-selected b{grid-column:2;grid-row:1/3;align-self:center;color:#c8e7d9;font-size:12px}.class-enter{width:100%;padding:13px;border:0;border-radius:8px;background:#d4ecdf;color:#12201b;font:inherit;font-size:13px;font-weight:600;cursor:pointer}.class-enter:disabled{opacity:.65;cursor:default}.class-status{font-size:12px;line-height:1.6;min-height:3.2em;margin:13px 0!important;color:#c6d7d9}.class-demo[data-state=blocked] .class-status{color:#ffd1a7}.class-demo[data-state=allowed] .class-status{color:#b7edcd}.class-tools{display:flex;justify-content:space-between;gap:10px}.class-tools button{background:none;border:0;color:#c7d8d9;text-decoration:underline;text-underline-offset:4px;font:inherit;font-size:11px;padding:6px 0;cursor:pointer}.class-demo button:focus-visible{outline:2px solid #fff;outline-offset:4px}
@media(max-width:650px){.class-demo{padding:14px;margin-top:12px}.collective-copy h2{font-size:32px!important}.studio-facts{margin:16px 0}.class-balance strong{font-size:27px}.class-choices{margin:12px 0}.collective-copy .copy-body{font-size:13px!important}}

/* Refined studio journey: orientation, restrained controls and clear access feedback. */
.collective-copy h2{text-wrap:balance;letter-spacing:-.045em;line-height:1.08}.collective-copy .copy-body p{text-wrap:pretty;max-width:49ch}.studio-breadcrumb{display:flex;align-items:center;gap:10px;color:#afc6cc;font-size:11px;margin:-9px 0 18px;letter-spacing:.1px}.studio-breadcrumb a{color:#e1eeeb;text-decoration:none;border-bottom:1px solid #bddacf42;padding:6px 0}.studio-breadcrumb a:hover{border-color:#d8f0e4}.studio-breadcrumb a:focus-visible{outline:2px solid #c8efdb;outline-offset:5px}.studio-breadcrumb>span:last-child{color:#afc6cc}.collective-copy>.eyebrow{margin-bottom:15px}.collective-copy .stock-continue{display:inline-flex;align-items:center;min-height:44px;border-bottom:1px solid #b6d9d73d;padding:9px 0;transition:color .18s,border-color .18s}.collective-copy .stock-continue:hover{color:#d7f5e4;border-color:#d7f5e4}.class-demo{border-radius:20px;box-shadow:0 8px 28px #0003,0 30px 70px #0002;transition:border-color .25s,box-shadow .25s}.class-demo[data-state=allowed]{border-color:#b4e3cc80;box-shadow:0 8px 28px #0003,0 0 35px #91d9b00b}.class-demo[data-state=blocked]{border-color:#e5b58c70}.class-flow{list-style:none;display:flex;justify-content:space-between;gap:8px;padding:13px 0 0;margin:13px 0 0;border-top:1px solid #b5cdd026}.class-flow li{display:flex;gap:6px;align-items:center;color:#9db1b7;font-size:10px;transition:color .2s}.class-flow i{display:grid;place-items:center;min-width:23px;height:23px;border:1px solid #a4c1c240;border-radius:50%;font:inherit;font-size:9px;font-style:normal;transition:background-color .2s,border-color .2s}.class-flow li[data-done=true]{color:#c9eddb}.class-flow li[data-done=true] i{background:#b8e5c91c;border-color:#c0ebd583}.class-receipt{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:12px 0;border-bottom:1px solid #b5cdd02a}.class-receipt[hidden]{display:none}.class-receipt span{font-size:10px;color:#adbfbd}.class-receipt b{display:block;font-size:19px;font-weight:500;color:#edf4ef;margin-top:4px}.class-receipt span:last-child b{color:#bce9cf}.class-balance strong,.class-receipt b,#chapter-count,#chapter-total{font-variant-numeric:tabular-nums}.class-choices button{min-height:58px;border-radius:11px;transition:background-color .18s,border-color .18s,transform .16s}.class-enter{min-height:44px;border-radius:11px;transition:background-color .18s,transform .16s}.class-enter:hover:not(:disabled){background:#e5f6ed}.class-choices button:hover{background:#c6e4db12}.class-choices button:active,.class-enter:active:not(:disabled){transform:scale(.985)}.class-tools button{min-height:40px;text-decoration-color:#bdd3d245}.class-tools button:hover{text-decoration-color:currentColor}.class-status{min-height:3.2em;font-size:12px;line-height:1.6}.octagym-header-symbol,.octagym-startup-symbol{filter:none!important;opacity:1}.in-studios .journey-footer #chapter-label{color:#c8e7dd}.in-studios .copy-panel.collective-copy{scrollbar-color:#b6d8ce55 transparent;scroll-padding-bottom:24px}
@media(min-width:800px){.copy-panel.panel.collective-copy{width:min(39vw,560px);max-width:560px}.collective-copy h2{font-size:clamp(36px,3.4vw,54px)!important}.collective-copy .copy-body{font-size:14px;line-height:1.7}.collective-copy:has(.class-demo) h2{font-size:clamp(32px,3vw,46px)!important}.collective-copy:has(.class-demo) .studio-breadcrumb{margin-bottom:12px}.collective-copy:has(.class-demo) .copy-body{font-size:13px;line-height:1.6}.collective-copy:has(.class-demo) .class-demo{margin-top:14px}.collective-copy:has(.class-demo) .stock-continue{margin-top:10px}}
@media(max-width:650px){.studio-breadcrumb{font-size:10px;margin:0 0 12px}.class-flow{gap:4px}.class-flow li{font-size:9px;gap:4px}.class-flow i{min-width:20px;height:20px}.journey-groups{gap:1px}.journey-groups a{padding-inline:9px}.collective-copy:has(.class-demo) h2{font-size:30px!important}.class-receipt b{font-size:17px}}
@media(prefers-reduced-motion:reduce){.class-demo,.class-flow li,.class-flow i,.class-choices button,.class-enter,.collective-copy .stock-continue{transition:none}.class-choices button:active,.class-enter:active:not(:disabled){transform:none}}

@media(min-width:800px) and (max-width:1100px){.copy-panel.panel.collective-copy{width:43vw;max-width:500px}.collective-copy:has(.class-demo) h2{font-size:32px!important}.collective-copy:has(.class-demo) .copy-body{font-size:12px;line-height:1.65}.class-demo{padding:15px}.class-balance strong{font-size:28px}.class-flow li{font-size:9px;gap:4px}.class-flow i{min-width:20px;height:20px}.class-status{font-size:11px}.class-choices button{padding:10px;font-size:12px}}

/* The reader and wallet share the same identification / validation / entry sequence. */
.class-demo[data-state=scanning],.class-demo[data-state=checking]{border-color:#aedbe37a}.class-flow li[data-current=true]{color:#e3f3f5}.class-flow li[data-current=true] i{background:#bce9f12b;border-color:#c4ebf1;box-shadow:0 0 0 3px #c4ebf110}.class-flow li[data-error=true]{color:#ffc18c}.class-flow li[data-error=true] i{border-color:#ffc18c;background:#ffc18c16}.class-choices button:disabled{cursor:wait;opacity:.72}.class-enter:disabled{cursor:default}.class-demo[aria-busy=true] .class-enter{color:#c9e8ed;background:#25434b}.class-demo[aria-busy=true] .class-status{color:#cbe4e9}

/* Independent The Simple Gym template — warm neutrals, readable over bright architecture. */
:root{--simple-chalk:#eee9df;--simple-ink:#41473e;--simple-sand:#c8baa1}
.simple-wordmark{display:block;font:800 20px/.87 Arial,sans-serif;letter-spacing:-.07em;color:#f4f0e6}
.simple-startup-wordmark{display:block;text-align:left;font:800 clamp(62px,9vw,110px)/.87 Arial,sans-serif;letter-spacing:-.07em;color:#f4f0e6}
.startup-brand strong{display:flex;justify-content:center}.startup-brand{padding-top:24px}.startup-brand .startup-eyebrow{margin-bottom:30px}.startup-brand .startup-tagline{margin-top:25px;color:#c6c7b5}
body .hero-labels{font-family:Arial,sans-serif;font-weight:700;letter-spacing:-.065em}
body .hero-labels span:first-child{font-size:clamp(28px,5.2vw,80px)}
body.in-experience .header{background:linear-gradient(#18211dd4,transparent);padding-bottom:38px}
body.in-experience .scrim:before,body.in-arrival .scrim:before,body.in-experience .scrim.business:before{background:linear-gradient(90deg,#18211df2 0%,#202921e3 25%,#2830279c 43%,#28302715 65%,transparent 83%)}
body.in-experience .vignette{background:linear-gradient(#242a2440,transparent 25%,transparent 77%,#1a241dd4)}
body.in-experience .eyebrow,body.in-experience .studio-breadcrumb{color:#d5d9c4}
body.in-experience .class-demo{background:#263127eF;border-color:#bbc7ad55}
body.in-experience .class-choices button[aria-pressed=true]{border-color:#d9dec8;color:#f3f3e9;background:#c2c6af21}
body.in-experience .journey-groups a[aria-current=step]{background:#d7d6ba25;border-color:#d7d6ba66}
body .startup-atmosphere i{background:radial-gradient(ellipse at 25% 40%,#9f9e6d19,transparent 46%),radial-gradient(ellipse at 75% 72%,#b7a07916,transparent 35%)}
@media(max-width:650px){.simple-wordmark{font-size:17px}.simple-startup-wordmark{font-size:64px}.startup-center{top:43%;gap:19px}.startup-brand .startup-eyebrow{margin-bottom:20px}.startup-brand .startup-tagline{margin-top:16px}.header-actions{gap:8px}body.in-experience .scrim:before,body.in-arrival .scrim:before,body.in-experience .scrim.business:before{background:linear-gradient(#19221df5,#202921d9 32%,#28302770 56%,transparent 79%)}}
@media(prefers-reduced-motion:reduce){.startup-brand{animation:none}}
body.in-experience:not(.environment-only) .scrim:before{background:linear-gradient(90deg,#15201af5 0%,#1d2922e8 25%,#243126a8 43%,#28302715 65%,transparent 83%)!important}
@media(max-width:650px){body.in-experience:not(.environment-only) .scrim:before{background:linear-gradient(#15201af7,#1d2922e8 32%,#2431268c 56%,transparent 79%)!important}}

/* Keep the complete wallet usable on laptop screens, with deliberate scrolling on phones. */
@media(min-width:800px) and (max-height:950px){
 .collective-copy:has(.class-demo)>.eyebrow{margin-bottom:10px}
 .collective-copy:has(.class-demo) h2{font-size:34px!important;margin-bottom:18px}
 .collective-copy:has(.class-demo) .copy-body p{margin-bottom:10px}
 .collective-copy:has(.class-demo) .class-demo{padding:15px;margin-top:10px}
 .collective-copy:has(.class-demo) .class-balance strong{font-size:27px}
 .collective-copy:has(.class-demo) .class-flow{margin-top:9px;padding-top:9px}
 .collective-copy:has(.class-demo) .class-choices{margin:11px 0}
 .collective-copy:has(.class-demo) .class-status{min-height:2.5em;margin:9px 0!important}
 .collective-copy:has(.class-demo) .class-selected{margin-bottom:10px}
 .collective-copy:has(.class-demo) .collective-note{margin-top:10px}
}
.in-studios .copy-panel.collective-copy{overscroll-behavior-y:auto;scrollbar-width:thin;scrollbar-gutter:stable}
@media(max-width:650px){
 .collective-copy:has(.class-demo) .class-tools button{min-height:44px}
 .collective-copy:has(.class-demo) .class-demo{background:#263127fa}
}