:root{--ink:#263b40;--muted:#637579;--green:#247448;--deep:#35484f;--cream:#fcfdfc;--line:#d8e2df;--gold:#40bd80;--pale:#eef7f1}
html.pbc-green-slate body{background:#fcfdfc;color:#263b40}html.pbc-green-slate .learning-modes{background:#fff;border-color:#d8e2df}html.pbc-green-slate .mode-option{background:#edf1f2;border-color:#cbd6d7;color:#263b40}html.pbc-green-slate .mode-option.selected{background:#e7f5ed;border-color:#40bd80;color:#263b40}html.pbc-green-slate .mode-option.selected span,html.pbc-green-slate .mode-option span{color:#526a63}html.pbc-green-slate .mode-option.selected:after{color:#247448}html.pbc-green-slate .problem-start{background:#f0f8f3;border-color:#b7dbc7}html.pbc-green-slate .home-plans{background:#edf1f2;color:#263b40;border-color:#d1dcdd}html.pbc-green-slate .home-plans p{color:#637579}html.pbc-green-slate .primary,html.pbc-green-slate .plan-start .primary,html.pbc-green-slate #find-solutions{background:#40bd80;border-color:#40bd80;color:#123a26}html.pbc-green-slate .primary:hover{background:#62cc98;color:#123a26}html.pbc-green-slate h1 em{color:#247448}html.pbc-green-slate .topic.selected{background:#d7eee1;border-color:#40bd80;color:#205d3c}html.pbc-green-slate .topbar.pbc-header,html.pbc-green-slate .pbc-deck-header{border-color:#d8e2df}html.pbc-green-slate .pbc-header .pbc-menu-panel{background:#fff;border-color:#d8e2df}html.pbc-green-slate .pbc-menu-panel nav button,html.pbc-green-slate .pbc-menu-panel nav a,html.pbc-green-slate .pbc-menu-brand{color:#263b40}html.pbc-green-slate .pbc-menu-panel nav button:hover,html.pbc-green-slate .pbc-menu-panel nav a:hover,html.pbc-green-slate .pbc-menu-panel nav [aria-current=page]{background:#e7f5ed}html.pbc-green-slate .pbc-header .pbc-menu-toggle{background:#fff;color:#263b40;border-color:#b8c9c2}html.pbc-green-slate .pbc-menu-panel .header-mode,html.pbc-green-slate .pbc-menu-panel .header-mode select{color:#526a63}html.pbc-green-slate .access-repair-launch{background:#fff;color:#263b40;border-color:#b8c9c2}html.pbc-green-slate #access-repair-dialog{background:#fcfdfc;color:#263b40}html.pbc-green-slate .access-repair-result{background:#e7f5ed}html.pbc-green-slate .access-repair-options section{background:#fff;border-color:#d8e2df}html.pbc-green-slate .card-set-1{--set:#247448;--set-bg:#eef7f1}html.pbc-green-slate .card-set-2{--set:#526970;--set-bg:#edf1f2}html.pbc-green-slate .card-set-3{--set:#316b53;--set-bg:#e7f3eb}html.pbc-green-slate .card-set-4{--set:#35484f;--set-bg:#e6eded}
html.pbc-green-slate .hero-art{height:250px}html.pbc-green-slate .hero-art svg{overflow:visible}html.pbc-green-slate .hero-art svg>g:nth-of-type(1),html.pbc-green-slate .pbc-motion-scene svg>g:nth-of-type(1){animation:pbc-book-rise 5s ease-in-out infinite;transform-box:fill-box;transform-origin:center}html.pbc-green-slate .hero-art svg>g:nth-of-type(2),html.pbc-green-slate .pbc-motion-scene svg>g:nth-of-type(2){animation:pbc-note-rise 5s ease-in-out infinite;transform-box:fill-box;transform-origin:center}html.pbc-green-slate .hero-art svg>g:nth-of-type(3)>path,html.pbc-green-slate .pbc-motion-scene svg>g:nth-of-type(3)>path{animation:pbc-compass-turn 6s ease-in-out infinite;transform-box:fill-box;transform-origin:center}html.pbc-green-slate .hero-art svg>path:first-of-type,html.pbc-green-slate .pbc-motion-scene svg>path:first-of-type{animation:pbc-path-travel 7s linear infinite}html.pbc-green-slate .hero-art svg>circle:nth-of-type(2),html.pbc-green-slate .pbc-motion-scene svg>circle:nth-of-type(2){animation:pbc-halo 5s ease-in-out infinite}html.pbc-green-slate .brand-icon svg{animation:pbc-brand-breathe 5s ease-in-out infinite}html.pbc-green-slate .small-graphic svg{animation:pbc-symbol-turn 7s ease-in-out infinite;transform-box:fill-box;transform-origin:center}
.pbc-motion-scene{display:flex;align-items:center;justify-content:flex-end;gap:12px;height:90px;margin:4px 0 8px;pointer-events:none;clear:both}.pbc-motion-scene svg{display:block;max-width:190px;width:190px;height:90px;overflow:visible}.pbc-motion-divider{height:2px;flex:1;max-width:190px;background:linear-gradient(90deg,transparent,#d8e2df,#40bd80,#d8e2df,transparent);background-size:200% 100%;animation:pbc-divider 5s linear infinite}.pbc-screen-enter{animation:pbc-screen-entrance .65s cubic-bezier(.2,.65,.3,1) both}.pbc-motion-control{display:inline-flex;align-items:center;gap:8px;margin:0 0 0 12px;padding:8px 12px;border:1px solid #becdc6;border-radius:7px;background:#fff;color:#35484f;font:12px/1.4 system-ui,sans-serif;min-height:38px}.pbc-motion-control:hover{background:#eef7f1}.pbc-motion-control:focus-visible{outline:3px solid #247448;outline-offset:3px}.pbc-motion-footer{display:flex;justify-content:flex-end;align-items:center;flex-wrap:wrap;padding:12px 24px 82px;gap:10px}.pbc-motion-footer>span{color:#637579;font:11px/1.4 system-ui,sans-serif}.pbc-green-slate .coach-card,.pbc-green-slate .program-card,.pbc-green-slate .scaling-card,.pbc-green-slate .coaching-card,.pbc-green-slate .deck>article{transition:transform .35s ease,box-shadow .35s ease}.pbc-green-slate .coach-card:hover,.pbc-green-slate .program-card:hover,.pbc-green-slate .scaling-card:hover,.pbc-green-slate .coaching-card:hover,.pbc-green-slate .deck>article:hover{transform:translateY(-4px);box-shadow:0 10px 26px #263b4012}.pbc-green-slate dialog[open]{animation:pbc-dialog-arrive .4s ease-out}.pbc-green-slate .plan-progress svg{animation:pbc-brand-breathe 5s ease-in-out infinite}
html.pbc-motion-paused *,html.pbc-motion-paused *::before,html.pbc-motion-paused *::after,html.pbc-motion-hidden *,html.pbc-motion-hidden *::before,html.pbc-motion-hidden *::after{animation-play-state:paused!important}html.pbc-motion-paused .pbc-screen-enter{animation:none}html.pbc-motion-paused .coach-card:hover,html.pbc-motion-paused .program-card:hover,html.pbc-motion-paused .scaling-card:hover,html.pbc-motion-paused .coaching-card:hover,html.pbc-motion-paused .deck>article:hover{transform:none;transition:none}
@keyframes pbc-book-rise{0%,100%{translate:0 0;rotate:0deg}50%{translate:0 -10px;rotate:-2deg}}@keyframes pbc-note-rise{0%,100%{translate:0 0;rotate:0deg}50%{translate:0 8px;rotate:2deg}}@keyframes pbc-compass-turn{0%,100%{rotate:0deg}35%{rotate:24deg}70%{rotate:-15deg}}@keyframes pbc-path-travel{to{stroke-dashoffset:-110}}@keyframes pbc-halo{0%,100%{opacity:.4}50%{opacity:1}}@keyframes pbc-brand-breathe{0%,100%{opacity:1}50%{opacity:.6}}@keyframes pbc-symbol-turn{0%,100%{rotate:0deg;scale:1}50%{rotate:10deg;scale:1.08}}@keyframes pbc-divider{to{background-position:-200% 0}}@keyframes pbc-screen-entrance{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes pbc-dialog-arrive{from{opacity:0;translate:0 12px}to{opacity:1;translate:0 0}}
@media(max-width:640px){html.pbc-green-slate .hero-art{height:210px}.pbc-motion-scene{height:74px}.pbc-motion-scene svg{width:150px;height:74px}.pbc-motion-divider{max-width:100px}.pbc-motion-footer{padding:12px 16px 82px}.pbc-motion-control{margin-left:0}}
@media(prefers-reduced-motion:reduce){html.pbc-green-slate *,html.pbc-green-slate *::before,html.pbc-green-slate *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.pbc-screen-enter{opacity:1;transform:none}}
@media print{.pbc-motion-control,.pbc-motion-scene,.pbc-motion-footer{display:none!important}}
html.pbc-green-slate button:focus-visible,html.pbc-green-slate a:focus-visible,html.pbc-green-slate input:focus-visible,html.pbc-green-slate select:focus-visible,html.pbc-green-slate textarea:focus-visible{outline:3px solid #247448;outline-offset:3px}
/* Larger motion throughout the learning and account screens. */
html.pbc-green-slate .pbc-motion-scene{height:158px;margin:10px 0 20px;gap:24px}
html.pbc-green-slate .pbc-motion-scene svg{width:310px;max-width:42%;height:158px;animation:pbc-scene-float 4s ease-in-out infinite}
html.pbc-green-slate .pbc-motion-divider{max-width:270px;height:3px;animation-duration:3s}
html.pbc-green-slate .small-graphic svg{width:110px;height:110px;animation:pbc-symbol-visible 4s ease-in-out infinite}
html.pbc-green-slate .pbc-motion-scene svg>g:nth-of-type(1){animation:pbc-book-visible 3.6s ease-in-out infinite}
html.pbc-green-slate .pbc-motion-scene svg>g:nth-of-type(2){animation:pbc-note-visible 3.8s ease-in-out infinite}
html.pbc-green-slate .pbc-motion-scene svg>g:nth-of-type(3)>path{animation:pbc-compass-visible 4s ease-in-out infinite}
html.pbc-green-slate .pbc-motion-scene svg>path:first-of-type{animation-duration:3.5s}
.pbc-page-card-art{display:block;float:right;width:96px;height:96px;margin:0 0 12px 16px;pointer-events:none;color:#526c6c;animation:pbc-symbol-visible 3.8s ease-in-out infinite}
.pbc-page-card-art path,.pbc-page-card-art rect,.pbc-page-card-art circle{vector-effect:non-scaling-stroke}
.pbc-page-card-art .card-art-draw{stroke:#27815a;stroke-dasharray:100;animation:pbc-card-line 3.4s ease-in-out infinite}
.pbc-page-card-art .card-art-float{animation:pbc-note-visible 3s ease-in-out infinite}
.pbc-page-card-art .card-art-spin{transform-origin:34px 34px;animation:pbc-compass-visible 4s ease-in-out infinite}
.pbc-page-card-art .card-art-pulse{animation:pbc-halo 2s ease-in-out infinite}
@keyframes pbc-scene-float{50%{transform:translateY(-9px)}}
@keyframes pbc-book-visible{50%{translate:0 -18px;rotate:-5deg}}
@keyframes pbc-note-visible{50%{translate:3px 14px;rotate:4deg}}
@keyframes pbc-compass-visible{0%,100%{rotate:-25deg}50%{rotate:40deg}}
@keyframes pbc-symbol-visible{0%,100%{transform:translateY(2px) rotate(-3deg)}50%{transform:translateY(-7px) rotate(5deg)}}
@keyframes pbc-card-line{0%,100%{stroke-dashoffset:100;opacity:.4}40%,80%{stroke-dashoffset:0;opacity:1}}
@media(max-width:640px){html.pbc-green-slate .pbc-motion-scene{height:120px;margin-bottom:16px}html.pbc-green-slate .pbc-motion-scene svg{width:240px;max-width:70%;height:120px}html.pbc-green-slate .pbc-motion-divider{max-width:100px}.pbc-page-card-art{width:80px;height:80px;margin-left:12px}}
@media(prefers-reduced-motion:reduce){html.pbc-green-slate .pbc-motion-scene svg,html.pbc-green-slate .pbc-page-card-art,html.pbc-green-slate .pbc-page-card-art *{animation:none!important}}

/* IDENTI3 brand mark retains its original colours. */
.pocket-brand-logo{display:block;width:64px;height:64px;object-fit:contain;flex:0 0 64px;animation:none!important}.pbc-menu-brand{display:flex;align-items:center;gap:12px}.brand>.pocket-brand-logo{margin-right:4px}@media(max-width:520px){.pocket-brand-logo{width:52px;height:52px;flex-basis:52px}}

.pocket-brand-logo.pocket-dot-logo{width:32px;height:32px;flex:0 0 32px;overflow:visible}.pocket-dot-logo>g{transform-origin:50px 50px;animation:pocket-logo-orbit 32s linear infinite}.pocket-dot-logo>g+g{animation-direction:reverse;animation-duration:26s}.pbc-menu-brand{gap:9px}@keyframes pocket-logo-orbit{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.pocket-dot-logo>g{animation:none!important}}

/* Readable I3 AI mark with clear counter-rotating rings. */
.pocket-brand-logo.pocket-dot-logo{width:76px;height:76px;flex:0 0 76px}.pocket-dot-logo>g{animation:pocket-logo-orbit 9s linear infinite}.pocket-dot-logo>g+g{animation-duration:7s;animation-direction:reverse}.pocket-dot-logo>text{animation:pocket-logo-glow 3s ease-in-out infinite}@keyframes pocket-logo-glow{50%{opacity:.65}}@media(max-width:520px){.pocket-brand-logo.pocket-dot-logo{width:64px;height:64px;flex-basis:64px}}@media(prefers-reduced-motion:reduce){.pocket-dot-logo>g,.pocket-dot-logo>text{animation:none!important}}

.pocket-dot-logo>g:nth-of-type(3){animation-duration:11s;animation-direction:normal}

/* Gentle logo rotation with the reference red and purple lettering. */
.pocket-dot-logo>g:nth-of-type(1){animation-duration:36s}.pocket-dot-logo>g:nth-of-type(2){animation-duration:42s}.pocket-dot-logo>g:nth-of-type(3){animation-duration:48s}.pocket-dot-logo>text{animation:none}

html.pbc-green-slate .pocket-wordmark{font-family:Inter,"Avenir Next",Avenir,"Segoe UI",Arial,sans-serif;font-size:23px;font-weight:650;letter-spacing:-.65px;line-height:1.15}html.pbc-green-slate .pocket-wordmark .pocket-word{color:#f51e43}html.pbc-green-slate .pocket-wordmark .business-word{color:#7950d5}@media(max-width:520px){html.pbc-green-slate .pocket-wordmark{font-size:20px;letter-spacing:-.5px}}

html.pbc-green-slate .pocket-wordmark{display:inline-flex;gap:.22em;white-space:nowrap;align-items:baseline}html.pbc-green-slate .pocket-wordmark>span{display:inline}

html.pbc-green-slate .hero h1 .headline-business{color:#f51e43}html.pbc-green-slate .hero h1 .headline-challenges{color:#7950d5}

/* Compact ring icon aligned with the brand name. */
.pocket-brand-logo.pocket-dot-logo{width:42px;height:42px;flex:0 0 42px}@media(max-width:520px){.pocket-brand-logo.pocket-dot-logo{width:38px;height:38px;flex-basis:38px}}