/* Shared public chrome. The V2 black pill, cream paper and a little mischief. */
body .b2b-header,body.public-page .b2b-header{top:20px;min-height:76px;max-width:1190px!important;padding:10px 12px 10px 29px!important;gap:25px!important;background:#191c17f5;color:#f3f7ec;border:1px solid #ffffff24;box-shadow:0 14px 38px #141f1c27;backdrop-filter:blur(20px)}
body .b2b-header .brand{width:151px!important}body .b2b-header .brand img{filter:brightness(0) invert(1)!important}
body .b2b-header .b2b-nav{font-size:15px;gap:9px;margin-left:8px}body .b2b-header .b2b-nav>details>summary,body .b2b-header .b2b-nav>a{color:#d8dfcf;font-size:15px;padding:14px 12px}
body .b2b-header .b2b-nav>details:hover>summary,body .b2b-header .b2b-nav>details[open]>summary,body .b2b-header .b2b-nav>a:hover{background:#30382a;color:#b5fa38}
body .b2b-header .b2b-nav details>div{background:#23291e;border-color:#ffffff21;box-shadow:0 18px 45px #0c170c4d;min-width:205px;padding:10px;border-radius:20px;top:calc(100% + 12px)}body .b2b-header .b2b-nav details>div a{color:#dce7d1;font-size:14px;padding:14px 15px}body .b2b-header .b2b-nav details>div a:hover{background:#b5fa38;color:#233311}
body .b2b-header .b2b-login{color:#e1e9d9!important;font-size:14px;padding:13px 5px}body .b2b-header .button-lime{background:#b5fa38;font-size:14px;padding:17px 24px;min-height:50px;color:#21300e}
body .b2b-header .nav-actions{gap:18px}body .b2b-header .public-open-app{display:flex;align-items:center;gap:11px;position:relative;isolation:isolate;overflow:hidden;transition:transform .25s,box-shadow .25s;background:#b5fa38}
body .b2b-header .public-open-app:after{content:'';position:absolute;inset:-100% auto -100% -80%;width:45%;background:linear-gradient(90deg,transparent,#ffffff70,transparent);transform:rotate(20deg);z-index:-1;animation:studio-invitation 7s 2s ease-in-out infinite}
body .b2b-header .public-open-app:hover{transform:translateY(-3px) rotate(-1deg);box-shadow:0 5px 0 #78972c45}body .b2b-header .public-open-app i{font-style:normal;font-size:24px;line-height:1;transition:transform .45s}body .b2b-header .public-open-app:hover i{transform:rotate(90deg)}body .b2b-header .public-open-app b{font-size:19px;font-weight:500}
.public-account{position:relative}.public-account>summary{list-style:none;cursor:pointer}.public-account>summary::-webkit-details-marker{display:none}body .b2b-header .public-account .public-session{display:flex;align-items:center;gap:11px;margin:0;padding:5px 8px 5px 5px;border:1px solid #5c6c423d;background:#242e1c;border-radius:40px;color:#e1edcf!important;transition:background .2s,border-color .2s}
.public-session:after{display:none!important}.public-account[open] .public-session,.public-session:hover{background:#2e3b21!important;border-color:#8ca36188!important}.public-session .public-session-avatar{width:36px;height:36px;display:grid;background:#b5fa38;color:#233411;font:700 15px 'Bricolage Grotesque',sans-serif}
.public-session .public-session-copy{display:grid;gap:3px}.public-session .public-session-name{font-size:12px;max-width:145px;color:#e0ead5;font-weight:500}.public-session .public-session-credits{font-size:14px;font-weight:700;color:#c9ee9a;font-variant-numeric:tabular-nums;line-height:1.1}.session-chevron{margin:0 3px;color:#a3b78a;font-size:14px;transition:rotate .2s}.public-account[open] .session-chevron{rotate:180deg}
.public-account .public-account-menu{position:absolute;top:calc(100% + 15px);right:0;left:auto;display:grid;min-width:265px;padding:13px;background:#252c20;border:1px solid #55633d;border-radius:22px;box-shadow:0 20px 55px #10180a55;animation:public-pop .2s ease-out}
.public-account:not([open]) .public-account-menu{display:none}.session-menu-heading{padding:11px 13px 16px;margin-bottom:4px;border-bottom:1px solid #657a452e}.session-menu-heading small{display:block;font:500 8px 'DM Sans',sans-serif;letter-spacing:1.4px;color:#a1b086}.session-menu-heading strong{display:block;font:600 23px 'Bricolage Grotesque',sans-serif;letter-spacing:-.7px;color:#f0f6e8;margin:10px 0 5px}.session-menu-heading>span{font-size:11px;color:#a4b58d;display:block;max-width:225px;overflow-wrap:anywhere}
body .b2b-header .public-account-menu>a,.public-account-menu>button{padding:12px 13px;border:0;background:transparent;border-radius:12px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#dce9cd;font:500 13px 'DM Sans',sans-serif;text-align:left;cursor:pointer;white-space:nowrap}
body .b2b-header .public-account-menu>a:hover,.public-account-menu>button:hover{background:#354329;color:#c4f78b}.public-account-menu>button{margin-top:5px;border-top:1px solid #657a452e;border-radius:0 0 12px 12px;color:#c7d6b7}.public-account-menu>button:disabled{opacity:.6;cursor:wait}.public-account-menu .session-menu-error{font:11px/1.5 'DM Sans',sans-serif;color:#f4c9a4;padding:0 12px}.session-menu-error:empty{display:none}.balance-updated{animation:credit-cheer .6s ease}
body .b2b-header .menu-toggle,body .b2b-header .public-menu-button{color:#e2efd5;background:#313b26;width:40px;height:40px}body .b2b-header .menu-toggle span,body .b2b-header .public-menu-button span{background:#d2e6ba}
body .mobile-nav,body .public-mobile{top:107px;background:#20271bd9;color:#e5edda;backdrop-filter:blur(22px);border-color:#81946444;box-shadow:0 16px 45px #17231150}.mobile-nav-group h2{color:#9bae86}body .mobile-nav .mobile-nav-group a,body .public-mobile .mobile-nav-group a{color:#dae5cb;font-size:14px}body .mobile-nav .mobile-nav-group a:hover,body .public-mobile .mobile-nav-group a:hover{background:#344127;color:#b5fa38}.mobile-nav-group:nth-child(n+3){border-color:#81946429}
body .b2b-header :focus-visible{outline:2px solid #b5fa38;outline-offset:4px}.b2b-footer .footer-newsletter input:focus,.b2b-footer .footer-newsletter input:focus-visible{outline:0;box-shadow:none;border:0}.b2b-footer .footer-newsletter>div{padding:3px 0 7px;border-bottom:1px solid #8ba668;transition:border-color .2s}.b2b-footer .footer-newsletter>div:focus-within{border-bottom:2px solid #b5fa38;padding-bottom:6px}.b2b-footer .footer-newsletter button:focus-visible{outline:2px solid #b5fa38;outline-offset:4px}.b2b-footer .footer-newsletter input{margin:0;line-height:1.5}.b2b-footer .footer-newsletter button{flex:0 0 36px}
.public-modal-open{overflow:hidden}
body dialog.contact-dialog,body dialog.cookie-preferences-dialog{width:min(610px,calc(100% - 32px));max-height:calc(100dvh - 40px);overflow:auto;margin:auto;padding:37px 38px 31px;border:2px solid #253219;border-radius:25px;background:#fbfff4;color:#202d14;box-shadow:12px 12px 0 #b5fa3859;font-family:'DM Sans',sans-serif;scrollbar-width:thin;scrollbar-color:#b9c6a5 transparent}
body dialog.contact-dialog::backdrop,body dialog.cookie-preferences-dialog::backdrop{background:#0b190abf;backdrop-filter:blur(7px)}body dialog.contact-dialog[open],body dialog.cookie-preferences-dialog[open]{animation:public-pop .25s ease-out}
.contact-dialog .contact-dialog-close,.cookie-preferences-dialog .contact-dialog-close{position:sticky;top:0;float:right;display:grid;place-items:center;width:38px;height:38px;padding:0;margin:-15px -16px 0 8px;border-radius:50%;background:#b5fa38;border:1px solid #364b1c;color:#233411;font:400 25px/1 'DM Sans',sans-serif;cursor:pointer;z-index:5;transition:rotate .2s}.contact-dialog-close:hover{rotate:90deg}
body .contact-dialog>.eyebrow,body .cookie-preferences-dialog>.eyebrow{display:block;font:600 10px 'DM Sans',sans-serif;letter-spacing:1.4px;color:#768561;margin-top:3px}
body .contact-dialog h2,body .cookie-preferences-dialog h2{font:700 52px/1.02 'Bricolage Grotesque',sans-serif;letter-spacing:-2.7px;color:#25351a;margin:26px 0 19px}body .contact-dialog h2>span,body .cookie-preferences-dialog h2>em{color:#70972f;font-style:normal}
body .contact-dialog>p,body .cookie-preferences-dialog>p{font:14px/1.7 'DM Sans',sans-serif;color:#758068;margin:0 0 24px;max-width:475px}.contact-dialog form{margin-top:26px}.contact-dialog .contact-form-row{gap:16px}.contact-dialog label{display:block;font:600 12px 'DM Sans',sans-serif;color:#455638;line-height:1.5;margin-bottom:17px}.contact-dialog label .optional{font-weight:400;color:#8c987d}
body .contact-dialog input,body .contact-dialog select,body .contact-dialog textarea{width:100%;min-width:0;display:block;border:1px solid #ccd8bf;border-radius:11px;background:#fff;padding:12px 13px;margin-top:7px;font:14px/1.5 'DM Sans',sans-serif;color:#26381b;box-shadow:none;transition:border-color .2s,box-shadow .2s}.contact-dialog textarea{resize:vertical;min-height:84px}.contact-dialog input::placeholder,.contact-dialog textarea::placeholder{color:#97a18b}.contact-dialog input:focus,.contact-dialog select:focus,.contact-dialog textarea:focus{outline:0;border-color:#789b45;box-shadow:0 0 0 3px #b5fa3826}.contact-dialog .honey{position:absolute;left:-9999px}
body .contact-dialog .button-lime,body .cookie-preferences-dialog .button-lime{display:flex;align-items:center;justify-content:center;gap:20px;width:100%;padding:16px 23px;min-height:52px;border:1px solid #74932f;border-radius:40px;background:#b5fa38;color:#243710;font:700 14px 'DM Sans',sans-serif;cursor:pointer;box-shadow:0 4px 0 #79953726;transition:transform .2s,background .2s}.contact-dialog .button-lime:hover,.cookie-preferences-dialog .button-lime:hover{background:#c7ff64;transform:translateY(-2px)}.contact-dialog .button-lime:disabled{opacity:.65;cursor:wait;transform:none}.contact-dialog .contact-form-status{color:#7b633b;font-size:12px;line-height:1.55;margin-top:12px}.contact-dialog .contact-form-status:empty{display:none}
body .contact-dialog .contact-fine{font-size:10px;line-height:1.7;color:#8c987d;margin:20px 0 0}.contact-fine a{color:#56762c}.contact-dialog .contact-success{padding:16px 0 35px}.contact-dialog .contact-success>span{font:75px/1 'Bricolage Grotesque',sans-serif;color:#8ac332}.contact-dialog .contact-success h3{font:43px/1 'Bricolage Grotesque',sans-serif;letter-spacing:-2px;margin:20px 0}.contact-dialog .contact-success p{font-size:14px;line-height:1.7;color:#71805f}
body .b2b-cookies{left:22px;bottom:22px;max-width:365px;padding:25px 25px 23px;overflow:hidden;background:#fbfff4;border:1px solid #b7c8a3;border-radius:26px;color:#273b19;box-shadow:7px 7px 0 #b5fa3838,0 18px 55px #20331321;animation:public-pop .35s ease-out;font-family:'DM Sans',sans-serif;z-index:1500}.b2b-cookies .cookie-banner-art{position:absolute;right:19px;top:16px;font:60px 'Bricolage Grotesque',sans-serif;color:#bed791;transform:rotate(12deg)}.b2b-cookies>.eyebrow{font-size:8px;letter-spacing:1.4px;color:#7c905c;margin-bottom:16px;display:block}.b2b-cookies h3{font:700 27px/1.02 'Bricolage Grotesque',sans-serif;letter-spacing:-1.1px;margin:0 0 13px;position:relative}.b2b-cookies p{font-size:11px;line-height:1.75;color:#7b886b;margin:0 0 18px;max-width:290px}.cookie-banner-actions{display:flex;align-items:center;gap:17px}.b2b-cookies .cookie-banner-actions .button{min-height:42px;padding:12px 19px;background:#b5fa38;border:1px solid #98ba5a;color:#294214;border-radius:30px;font:700 11px 'DM Sans',sans-serif;cursor:pointer}.cookie-preferences-link{font:600 10px 'DM Sans',sans-serif;background:transparent;border:0;color:#789058;text-decoration:underline;text-underline-offset:4px;cursor:pointer;min-height:42px}
body dialog.cookie-preferences-dialog{width:min(540px,calc(100% - 32px));padding:35px}.cookie-doodle{font:73px/1 'Bricolage Grotesque',sans-serif;color:#a6d35e;display:block;transform:rotate(9deg);margin:0 0 18px}.cookie-preferences-dialog h2{font-size:46px!important}.cookie-setting{display:flex;align-items:center;justify-content:space-between;gap:22px;border:1px solid #d7e3c6;background:#f1f7e7;border-radius:18px;padding:19px;margin:14px 0}.cookie-setting h3,.cookie-setting strong{font:700 13px 'DM Sans',sans-serif;color:#3c5329;margin:0 0 8px;display:block}.cookie-setting p,.cookie-setting small{font:11px/1.65 'DM Sans',sans-serif;color:#839071;margin:0;display:block}.cookie-required{display:flex;align-items:center;gap:6px;white-space:nowrap;font-size:9px;color:#749250;font-weight:600}.cookie-required i{font-style:normal;width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:#e3efce}.cookie-remember{background:transparent;position:relative;cursor:pointer}.cookie-remember>span:first-child{max-width:280px}.cookie-remember input{position:absolute;opacity:0;width:40px;height:25px;right:19px;margin:0}.cookie-switch{position:relative;flex:0 0 43px;width:43px;height:25px;border-radius:20px;background:#c3cdb5;border:1px solid #b2c49d;transition:background .2s}.cookie-switch:before{content:'';position:absolute;left:3px;top:3px;width:17px;height:17px;border-radius:50%;background:#fff;box-shadow:0 1px 4px #5e75283a;transition:transform .2s}.cookie-remember input:checked+.cookie-switch{background:#a7e43c;border-color:#99bb5d}.cookie-remember input:checked+.cookie-switch:before{transform:translateX(17px)}.cookie-remember input:focus-visible+.cookie-switch{outline:2px solid #70992f;outline-offset:4px}.cookie-policy-note{font:11px/1.6 'DM Sans',sans-serif;color:#8b977c;margin:23px 0}.cookie-policy-note a{color:#6b8d3e;text-decoration:underline;text-underline-offset:3px}.contact-dialog :focus-visible,.cookie-preferences-dialog :focus-visible{outline:2px solid #769a41;outline-offset:4px}
/* Spark's feet and job title have their own space. */
.machine-guide .spark-corner{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;min-height:274px;padding-bottom:12px;margin-top:22px}.machine-guide .spark-poke{position:relative;left:auto;right:auto;bottom:auto;width:225px;height:225px;flex-shrink:0;order:1}.machine-guide .spark-job{position:static;order:2;margin-top:8px;padding:4px 0;background:transparent;line-height:1.5;max-width:100%;font-size:10px;letter-spacing:.65px}.machine-guide .spark-bubble{position:absolute;top:0;left:0;max-width:185px;z-index:3}.spark-corner.is-speaking .spark-bubble{animation:spark-remark .35s ease-out}.faq-list details{overflow:hidden}.faq-list summary{transition:color .2s}.faq-list summary:hover{color:#567825}
@keyframes studio-invitation{0%,76%{left:-80%}100%{left:160%}}@keyframes credit-cheer{0%,100%{transform:none}35%{transform:rotate(-2deg) scale(1.04);box-shadow:0 0 25px #b5fa3830}65%{transform:rotate(1deg)}}@keyframes public-pop{from{opacity:0;transform:translateY(9px) scale(.98)}to{opacity:1;transform:none}}@keyframes spark-remark{from{opacity:.3;translate:0 8px}to{opacity:1;translate:0 0}}
@media(max-width:1180px){body .b2b-header,body.public-page .b2b-header{max-width:1100px!important;gap:17px!important;padding-left:23px!important}body .b2b-header .brand{width:135px!important}body .b2b-header .b2b-nav{gap:2px;margin:0}body .b2b-header .b2b-nav>details>summary,body .b2b-header .b2b-nav>a{font-size:14px;padding-inline:9px}body .b2b-header .nav-actions{gap:12px}body .b2b-header .public-open-app{gap:8px;padding-inline:19px}.public-session .public-session-name{max-width:95px}.public-session .public-session-credits{font-size:12px}.public-session .public-session-avatar{width:33px;height:33px}.machine-guide .spark-poke{width:195px;height:205px}.machine-guide .spark-corner{min-height:252px}.machine-guide .spark-job{font-size:9px}}
@media(max-width:950px){body .b2b-header,body.public-page .b2b-header{top:15px;min-height:70px;padding:9px 10px 9px 24px!important}body .b2b-header .brand{width:145px!important}body .b2b-header .nav-actions{gap:14px}.public-session .public-session-name{max-width:170px}.public-session .public-session-credits{font-size:13px}body .mobile-nav,body .public-mobile{top:97px}.machine-guide .spark-corner{min-height:233px}.machine-guide .spark-poke{width:175px;height:185px}.machine-guide .spark-job{font-size:8px}}
@media(max-width:760px){.machine-guide{display:grid!important;grid-template-columns:minmax(0,1fr) 125px;gap:0 13px;padding:24px 22px!important;align-items:start}.machine-guide>.eyebrow,.machine-guide>h3,.machine-guide>p{grid-column:1;max-width:100%!important}.machine-guide>h3{font-size:27px;letter-spacing:-.7px;line-height:1.04}.machine-guide>p{font-size:13px!important;min-height:0}.machine-guide .spark-corner{grid-column:2;grid-row:1/4;position:relative;right:auto;top:auto;bottom:auto;width:125px;min-height:0;margin:20px 0 0;padding:0;display:flex}.machine-guide .spark-poke{width:125px;height:148px;order:1}.machine-guide .spark-bubble{position:static;display:block;order:2;max-width:135px;font-size:10px;line-height:1.4;transform:rotate(-3deg);padding:10px 11px;margin-top:6px}.machine-guide .spark-job{display:none}.contact-dialog .contact-form-row{gap:14px}}
@media(max-width:650px){body .b2b-header,body.public-page .b2b-header{min-height:66px;top:13px;width:calc(100% - 22px)!important;gap:10px!important;padding:8px 9px 8px 17px!important}body .b2b-header .brand{width:102px!important}body .b2b-header .nav-actions{gap:10px}body .b2b-header .button-lime{font-size:12px;padding:13px 17px;min-height:45px}body .b2b-header .b2b-login{font-size:13px;padding-inline:0}body .b2b-header .public-open-app{gap:6px;padding:13px 12px;font-size:11px;min-height:43px}body .b2b-header .public-open-app i{font-size:17px}body .b2b-header .public-open-app b{display:none}.public-session .public-session-avatar,.session-chevron{display:none}body .b2b-header .public-account .public-session{border:0;background:transparent;padding:0;gap:0;border-radius:5px}.public-session .public-session-name{font-size:10px;max-width:75px}.public-session .public-session-credits{font-size:10px;white-space:nowrap}.public-account .public-account-menu{position:fixed;top:76px;right:0;left:auto;min-width:260px;max-width:calc(100vw - 40px)}body .b2b-header .menu-toggle,body .b2b-header .public-menu-button{width:36px;height:36px;flex-basis:36px}body .mobile-nav,body .public-mobile{top:91px;max-height:calc(100dvh - 110px)}body .mobile-nav .mobile-nav-group a,body .public-mobile .mobile-nav-group a{font-size:13px}
 body dialog.contact-dialog,body dialog.cookie-preferences-dialog{padding:29px 23px 25px;border-radius:23px;box-shadow:7px 7px 0 #b5fa3847;max-height:calc(100dvh - 28px)}body .contact-dialog h2,body .cookie-preferences-dialog h2{font-size:41px!important;letter-spacing:-2px;margin:24px 0 16px}body .contact-dialog>p,body .cookie-preferences-dialog>p{font-size:12px;margin-bottom:20px}.contact-dialog .contact-form-row{grid-template-columns:1fr 1fr;gap:12px}.contact-dialog label{font-size:11px;margin-bottom:15px}body .contact-dialog input,body .contact-dialog select,body .contact-dialog textarea{font-size:16px;padding:11px 12px}.contact-dialog input::placeholder{font-size:12px}.contact-dialog .contact-dialog-close,.cookie-preferences-dialog .contact-dialog-close{margin:-13px -8px 0 7px;width:35px;height:35px}.contact-dialog .contact-success h3{font-size:35px}.contact-dialog .contact-fine{font-size:9px!important}.cookie-preferences-dialog .cookie-doodle{font-size:60px}.cookie-setting{gap:14px;padding:16px}.cookie-required{font-size:8px;gap:4px}.cookie-setting p,.cookie-setting small{font-size:10px}.cookie-setting strong,.cookie-setting h3{font-size:12px}.cookie-policy-note{font-size:10px}.cookie-switch{flex-basis:40px;width:40px}.cookie-remember input:checked+.cookie-switch:before{transform:translateX(14px)}body .b2b-cookies{left:12px;right:12px;bottom:14px;max-width:365px;margin:auto;padding:20px 22px;border-radius:23px}.b2b-cookies h3{font-size:25px}.b2b-cookies>.eyebrow{margin-bottom:13px}.b2b-cookies p{font-size:10px;margin-bottom:15px}.b2b-cookies .cookie-banner-art{font-size:50px;right:21px;top:15px}}
@media(max-width:390px){body .b2b-header .brand{width:88px!important}body .b2b-header .nav-actions{gap:8px}body .b2b-header .public-open-app{padding:12px 10px;font-size:10px}.public-session .public-session-name{max-width:63px;font-size:9px}.public-session .public-session-credits{font-size:9px}body .b2b-header .button-lime{font-size:11px;padding-inline:14px}body .b2b-header .public-open-app i{display:none}.machine-guide{grid-template-columns:minmax(0,1fr) 103px;gap:0 10px;padding-inline:19px!important}.machine-guide>h3{font-size:24px}.machine-guide .spark-corner{width:103px}.machine-guide .spark-poke{width:103px;height:126px}.machine-guide .spark-bubble{font-size:9px;padding:9px}.contact-dialog .contact-form-row{grid-template-columns:1fr;gap:0}.cookie-setting{gap:10px}.cookie-required{max-width:55px;white-space:normal;line-height:1.4}.cookie-setting p{font-size:10px}}
@media(prefers-reduced-motion:reduce){.public-open-app:after,.balance-updated,.spark-corner.is-speaking .spark-bubble,body dialog.contact-dialog[open],body dialog.cookie-preferences-dialog[open],body .b2b-cookies,.public-account .public-account-menu{animation:none!important}.public-open-app,.public-open-app i,.cookie-switch,.cookie-switch:before,.contact-dialog-close{transition:none!important}body .b2b-header .public-open-app:hover,.contact-dialog .button-lime:hover,.cookie-preferences-dialog .button-lime:hover{transform:none}}
@media(max-width:440px){body .b2b-header .brand{width:78px!important}body .b2b-header .nav-actions{gap:8px}.public-session .public-session-name{font-size:11px;max-width:82px}.public-session .public-session-credits{font-size:10.5px;letter-spacing:-.015em}.public-session .public-session-copy{gap:3px}body .b2b-header .public-open-app{font-size:12px;padding:12px 13px}body .b2b-header .session-chevron{display:none}}

/* The centre belongs to the navigation, regardless of the account's width. */
body .b2b-header,body.public-page .b2b-header{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);max-width:1120px!important;min-height:68px;padding:8px 14px!important;gap:12px!important;top:17px}
body .b2b-header .brand{width:133px!important;justify-self:start}
body .b2b-header .b2b-nav{margin:0;gap:2px;justify-content:center}
body .b2b-header .b2b-nav>details>summary,body .b2b-header .b2b-nav>a{padding:12px 11px;font-size:14px}
body .b2b-header .nav-actions{justify-self:end;margin-left:0;gap:12px}
body .b2b-header .button-lime{min-height:46px;padding:14px 20px;font-size:13px}
body .b2b-header .public-open-app{gap:8px}
body .b2b-header .public-open-app i{font-size:21px}
.public-session .public-session-name{max-width:106px;font-size:11px}
.public-session .public-session-credits{font-size:12px}
.public-session .public-session-avatar{width:32px;height:32px;font-size:13px}

/* Opening the account feels like opening a little piece of the studio. */
.public-account .public-account-menu{min-width:286px;top:calc(100% + 16px);padding:13px;background:#fcfff3;border:1px solid #b5c297;border-radius:25px;box-shadow:6px 7px 0 #cde79982,0 18px 45px #1e281f26;gap:4px;isolation:isolate}
.public-account .session-menu-heading{position:relative;isolation:isolate;padding:15px 14px 14px;margin:0 0 3px;border:0;border-radius:15px;background:#eee6ff;overflow:hidden}
.session-menu-heading:after{content:'✳';position:absolute;right:-8px;top:-10px;font:87px/1 'Bricolage Grotesque',sans-serif;color:#d2bee8;rotate:13deg;z-index:-1}
.public-account .session-menu-heading small{font-size:8px;letter-spacing:1.2px;color:#8e75aa}
.public-account .session-menu-heading strong{font-size:29px;line-height:1.05;letter-spacing:-1.1px;color:#483453;margin:13px 0 7px;max-width:235px;overflow-wrap:anywhere}
.public-account .session-menu-heading>span{font-size:11px;color:#8c749c}
.session-credit-card{display:grid;position:relative;gap:7px;padding:14px 16px;margin:2px 1px 7px;border:1px solid #d4e4b5;border-radius:15px;background:#edf7d9;overflow:hidden}
.session-credit-card>span{font:600 8px 'DM Sans',sans-serif;letter-spacing:1.1px;color:#7d9357}
.session-credit-card strong{font:600 30px/1 'Bricolage Grotesque',sans-serif;letter-spacing:-1px;color:#456320;font-variant-numeric:tabular-nums}
.session-credit-card>i{position:absolute;right:16px;bottom:11px;font:39px/1 'Bricolage Grotesque',sans-serif;color:#a9c974;rotate:-12deg}
body .b2b-header .public-account-menu>a,.public-account-menu>button{padding:13px 14px;border-radius:12px;color:#5b664b;font-size:12px;background:transparent;transition:background .2s,translate .2s,color .2s}
body .b2b-header .public-account-menu>a:hover,.public-account-menu>button:hover{background:#e6f5ca;color:#3e591c;translate:2px 0}
body .b2b-header .public-account-menu>a>span,.public-account-menu>button>span{color:#8faa68}
.public-account-menu>button{margin:4px 0 0;border-top:1px solid #dce5ce;border-radius:0 0 12px 12px;color:#887192}
.public-account-menu>button:hover{color:#685074;background:#f0e9fa}
.public-account-menu .session-menu-error{color:#a05545;line-height:1.5;margin:7px 0}
body .b2b-header .public-account-menu :focus-visible{outline-color:#799b45}

body .mobile-nav,body .public-mobile{top:96px;max-width:550px;padding:14px;background:#fbfff4;border:1px solid #b9c7a2;border-radius:25px;box-shadow:6px 7px 0 #cce79b6b,0 18px 45px #1c28171f;backdrop-filter:none}
body .mobile-nav:not([hidden]),body .public-mobile:not([hidden]){gap:11px;animation:public-menu-reveal .25s ease-out}
body .mobile-nav .mobile-nav-group,body .public-mobile .mobile-nav-group{display:flex;flex-direction:column;gap:4px;padding:11px;background:#eff6e3;border:1px solid #e2eacf;border-radius:16px}
body .mobile-nav .mobile-nav-group:nth-child(2),body .public-mobile .mobile-nav-group:nth-child(2){background:#f0e9fc;border-color:#e5d8f4}
body .mobile-nav .mobile-nav-group:nth-child(n+3),body .public-mobile .mobile-nav-group:nth-child(n+3){display:grid;grid-template-columns:1fr 1fr;gap:4px 11px;padding:10px 11px;background:transparent;border:0}
.mobile-nav-group:nth-child(n+3)>h2{grid-column:1/-1}
.mobile-nav-group:nth-child(n+3){grid-column:1/-1}.mobile-nav-group a{white-space:nowrap}
body .mobile-nav .mobile-nav-group h2,body .public-mobile .mobile-nav-group h2{margin:3px 10px 7px;color:#839364;font:600 9px/1.3 'DM Sans',sans-serif;letter-spacing:1.1px}
body .mobile-nav .mobile-nav-group:nth-child(2) h2,body .public-mobile .mobile-nav-group:nth-child(2) h2{color:#9b82b1}
body .mobile-nav .mobile-nav-group a,body .public-mobile .mobile-nav-group a{display:flex;align-items:center;min-height:43px;padding:11px 10px;color:#4b5e37;border-radius:10px;font-size:13px;background:transparent}
body .mobile-nav .mobile-nav-group a:hover,body .public-mobile .mobile-nav-group a:hover{color:#34491d;background:#d5efa9}
body .mobile-nav .mobile-nav-group:nth-child(2) a,body .public-mobile .mobile-nav-group:nth-child(2) a{color:#7a5f90}
body .mobile-nav .mobile-nav-group:nth-child(2) a:hover,body .public-mobile .mobile-nav-group:nth-child(2) a:hover{background:#e3d2f7;color:#513865}
body .mobile-nav .mobile-nav-group a:focus-visible,body .public-mobile .mobile-nav-group a:focus-visible{outline:2px solid #8aab52;outline-offset:1px}
@media(min-width:951px) and (max-width:1100px){body .b2b-header .brand{width:120px!important}body .b2b-header .b2b-nav>details>summary,body .b2b-header .b2b-nav>a{font-size:13px;padding-inline:9px}body .b2b-header .nav-actions{gap:8px}body .b2b-header .public-open-app{padding-inline:16px}.public-session .public-session-name{max-width:88px}.public-session .public-session-avatar{display:none}}
@media(max-width:950px){body .b2b-header,body.public-page .b2b-header{display:flex;min-height:64px;padding:8px 9px 8px 20px!important;top:13px}body .b2b-header .nav-actions{margin-left:auto}body .b2b-header .brand{width:127px!important}body .mobile-nav,body .public-mobile{top:89px;max-height:calc(100dvh - 107px)}}
@media(max-width:650px){body .b2b-header,body.public-page .b2b-header{min-height:61px;width:calc(100% - 22px)!important;padding:7px 8px 7px 15px!important;gap:9px!important;top:11px}body .b2b-header .brand{width:96px!important}body .b2b-header .nav-actions{gap:9px}body .b2b-header .button-lime{min-height:43px;padding:12px 15px;font-size:12px}body .b2b-header .public-open-app{padding:12px 12px;gap:6px}.public-session .public-session-name{font-size:10px;max-width:77px}.public-session .public-session-credits{font-size:10px}.public-session .public-session-avatar{display:none}.public-account .public-account-menu{position:fixed;top:74px;right:0;width:286px;max-width:calc(100vw - 30px);min-width:0;max-height:calc(100dvh - 100px);overflow:auto;overscroll-behavior:contain}body .mobile-nav,body .public-mobile{top:84px;max-height:calc(100dvh - 102px);width:calc(100% - 26px);padding:11px}body .mobile-nav .mobile-nav-group,body .public-mobile .mobile-nav-group{padding:9px}}
@media(max-width:440px){body .b2b-header .brand{width:78px!important}body .b2b-header .nav-actions{gap:7px}.public-session .public-session-name{font-size:10px;max-width:78px}.public-session .public-session-credits{font-size:10px}body .b2b-header .public-open-app{padding-inline:11px;font-size:11px}body .b2b-header .public-open-app i{display:none}body .mobile-nav .mobile-nav-group a,body .public-mobile .mobile-nav-group a{font-size:12px}}
@media(prefers-reduced-motion:reduce){body .mobile-nav:not([hidden]),body .public-mobile:not([hidden]){animation:none}body .b2b-header .public-account-menu>a,.public-account-menu>button{transition:none}body .b2b-header .public-account-menu>a:hover,.public-account-menu>button:hover{translate:none}}
@keyframes public-menu-reveal{from{opacity:0;transform:translate(-50%,8px) scale(.985)}to{opacity:1;transform:translate(-50%,0) scale(1)}}

/* V2's original content-fit pill: no empty equal-width side columns. */
body .b2b-header,body.public-page .b2b-header{display:flex;align-items:center;justify-content:center;width:max-content!important;max-width:calc(100% - 30px)!important;min-height:65px;grid-template-columns:none;gap:28px!important;padding:9px 10px 9px 23px!important;top:20px}
body .b2b-header .brand{width:114px!important}
body .b2b-header .b2b-nav{display:flex;flex:0 0 auto;gap:5px;margin:0}
body .b2b-header .b2b-nav>details>summary,body .b2b-header .b2b-nav>a{font-size:13px;padding:11px 9px}
body .b2b-header .nav-actions{flex:0 0 auto;margin:0;gap:10px}
body .b2b-header .b2b-login{font-size:12px}
body .b2b-header .button-lime{font-size:12px;min-height:44px;padding:13px 18px}
body .b2b-header .public-open-app{gap:7px}.public-session .public-session-name{max-width:100px}
@media(max-width:1100px) and (min-width:951px){body .b2b-header,body.public-page .b2b-header{gap:23px!important}body .b2b-header .brand{width:114px!important}}
@media(max-width:950px){body .b2b-header,body.public-page .b2b-header{top:13px;width:calc(100% - 24px)!important;max-width:620px!important;justify-content:space-between;min-height:61px;gap:18px!important;padding:8px 10px 8px 19px!important}body .b2b-header .b2b-nav{display:none}body .b2b-header .nav-actions{gap:9px}body .b2b-header .brand{width:113px!important}}
@media(max-width:650px){body .b2b-header .brand{width:96px!important}body .b2b-header .button-lime{font-size:12px;min-height:42px;padding:11px 14px}body .b2b-header .public-open-app{gap:5px}.public-session .public-session-name{max-width:74px}}
@media(max-width:440px){body .b2b-header,body.public-page .b2b-header{padding-left:15px!important;gap:9px!important}body .b2b-header .brand{width:78px!important}body .b2b-header .nav-actions{gap:7px}body .b2b-header .public-open-app{padding-inline:11px;font-size:11px}.public-session .public-session-name{max-width:74px}}

/* R6: a 12% type lift, retaining the compact content-fit V2 pill. */
body .b2b-header .b2b-nav>details>summary,body .b2b-header .b2b-nav>a{font-size:14.5px}
body .b2b-header .b2b-nav details>div a{font-size:15.5px}
body .b2b-header .b2b-login,body .b2b-header .button-lime{font-size:13.5px}
.public-session .public-session-name{font-size:13.5px}.public-session .public-session-credits{font-size:15.5px}
@media(max-width:650px){body .b2b-header .button-lime{font-size:13.5px}.public-session .public-session-name{font-size:12px}.public-session .public-session-credits{font-size:13.5px}}
@media(max-width:440px){body .b2b-header .public-open-app{font-size:12.3px;padding-inline:10px}.public-session .public-session-name{max-width:70px}}