:root{--ink:#071b2c;--navy:#061a29;--navy2:#0a2940;--cyan:#20c4dd;--cyan2:#0b8ca3;--sky:#edf7fa;--bg:#f6f9fb;--paper:#fff;--line:#d9e5eb;--muted:#607789;--green:#17a778;--red:#dc5b63;--amber:#df9b30;--shadow:0 24px 70px rgba(9,34,51,.14);--max:1480px;--radius:18px;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink)}body.modal-open{overflow:hidden}button,input,select,textarea{font:inherit;color:inherit}button,a{transition:.18s ease}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{cursor:pointer}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--cyan2);font-size:.72rem;font-weight:850;letter-spacing:.14em;text-transform:uppercase}.button{border:0;min-height:46px;padding:0 20px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-weight:800;background:transparent}.button:hover{transform:translateY(-1px)}.button.primary{background:var(--cyan);color:#031922}.button.dark,.studio-primary{background:var(--navy)!important;color:#fff!important}.button.light{background:#fff;border:1px solid #cfe0e8}.button.ghost{border:1px solid #cbdce4;background:#fff}.button.text{padding-inline:10px}.button.full{width:100%}.icon-button,.circle-action{width:44px;height:44px;border:1px solid var(--line);background:#fff;border-radius:12px;display:grid;place-items:center}.icon-button svg,.circle-action svg{font-size:1.2rem}.icon-button.quiet{border:0;background:transparent}.rotated{transform:rotate(180deg)}
/* public header */
.public-header{height:92px;position:sticky;top:0;z-index:80;background:rgba(248,251,252,.94);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.public-header-inner{height:100%;max-width:var(--max);margin:auto;padding:0 28px;display:grid;grid-template-columns:210px 1fr auto;align-items:center;gap:24px}.brand-logo{width:176px;height:58px;background:#03080d;border-radius:10px;display:grid;place-items:center;overflow:hidden}.brand-logo img{width:150px;height:50px;object-fit:contain}.public-nav{display:flex;justify-content:center;align-items:center;gap:30px;font-weight:760}.public-nav>a,.nav-button{font-size:.91rem}.nav-button{border:0;background:transparent;display:flex;align-items:center;gap:6px;font-weight:760;padding:14px 4px}.nav-button svg{font-size:.82rem}.nav-mega-wrap{position:relative}.mega-panel{position:absolute;top:54px;left:50%;transform:translateX(-35%);width:620px;padding:12px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);display:grid;grid-template-columns:1fr 1fr;gap:4px}.mega-panel button{border:0;background:#fff;padding:16px;border-radius:12px;display:grid;grid-template-columns:42px 1fr 20px;gap:12px;align-items:center;text-align:left}.mega-panel button:hover{background:#eff8fb}.mega-panel strong,.mega-panel small{display:block}.mega-panel strong{font-size:.88rem}.mega-panel small{font-size:.74rem;color:var(--muted);margin-top:4px;line-height:1.4}.mega-icon{width:40px;height:40px;background:#e9f8fb;border-radius:10px;display:grid;place-items:center;color:#0c869c}.header-actions{display:flex;align-items:center;gap:8px}.mobile-nav-toggle{display:none}.cart-control,.language-switcher{position:relative}.cart-button{position:relative}.cart-count{position:absolute;right:-5px;top:-5px;background:var(--cyan);color:#06202e;width:19px;height:19px;border-radius:50%;display:grid;place-items:center;font-size:.67rem;font-weight:900}.cart-popover,.language-menu{position:absolute;right:0;top:54px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:14px;z-index:110}.cart-popover{width:350px;padding:18px}.cart-popover header,.cart-popover footer>div{display:flex;justify-content:space-between;align-items:center}.cart-popover header span{font-size:.76rem;color:var(--muted)}.cart-items{max-height:320px;overflow:auto;margin:14px 0;border-top:1px solid var(--line)}.cart-item{display:flex;align-items:center;justify-content:space-between;padding:13px 0;border-bottom:1px solid var(--line)}.cart-item strong,.cart-item small{display:block}.cart-item small{color:var(--muted);margin-top:4px}.cart-empty{text-align:center;padding:30px;color:var(--muted)}.cart-empty svg{font-size:2rem}.cart-popover footer{display:grid;gap:14px}.language-trigger{height:44px;border:1px solid var(--line);background:#fff;border-radius:11px;padding:0 12px;display:flex;align-items:center;gap:8px;font-weight:850}.language-trigger img,.language-menu img{width:23px;height:16px;object-fit:cover;border-radius:2px}.language-menu{width:235px;padding:7px}.language-menu button{width:100%;border:0;background:#fff;border-radius:9px;display:grid;grid-template-columns:30px 1fr auto;align-items:center;text-align:left;padding:11px}.language-menu button:hover,.language-menu button.selected{background:#eff8fb}.language-menu small{color:var(--muted)}
/* generic public */
.page-hero{max-width:var(--max);margin:0 auto;padding:104px 40px 72px;border-bottom:1px solid var(--line)}.page-hero h1{font-size:clamp(3.2rem,6.4vw,7.3rem);line-height:.91;letter-spacing:-.065em;max-width:1120px;margin:20px 0 26px}.page-hero p{max-width:780px;color:var(--muted);font-size:1.18rem;line-height:1.7}.home-hero{min-height:730px;background:var(--navy);color:#fff;display:grid;grid-template-columns:.92fr 1.08fr;padding-left:max(40px,calc((100vw - var(--max))/2 + 40px));overflow:hidden}.hero-copy{padding:108px 70px 82px 0;align-self:center}.hero-copy h1{font-size:clamp(4rem,6.2vw,7.2rem);line-height:.88;letter-spacing:-.07em;margin:20px 0 28px}.hero-copy h1 em{font-style:normal;color:var(--cyan)}.hero-copy>p{font-size:1.12rem;line-height:1.7;color:#aec3ce;max-width:670px}.hero-actions{display:flex;gap:10px;margin:34px 0 44px}.hero-metrics{display:flex;gap:34px}.hero-metrics>div{border-left:1px solid #315166;padding-left:15px}.hero-metrics strong,.hero-metrics span{display:block}.hero-metrics strong{font-size:1.6rem}.hero-metrics span{font-size:.72rem;color:#8ea8b7;margin-top:4px}.hero-product{position:relative;min-width:0;background:#0a273b}.hero-product:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#061a29 0,transparent 20%),linear-gradient(0deg,rgba(6,26,41,.55),transparent 50%);z-index:1}.hero-product>img{width:100%;height:100%;object-fit:cover;filter:saturate(.88) brightness(.85)}.product-note{position:absolute;z-index:2;left:8%;bottom:8%;background:#fff;color:var(--ink);padding:18px 20px;border-radius:14px;display:flex;align-items:center;gap:12px;max-width:430px;box-shadow:var(--shadow)}.product-note svg{color:var(--cyan2);font-size:1.35rem}.client-ribbon{padding:38px max(34px,calc((100vw - var(--max))/2 + 40px)) 44px;background:#fff;border-bottom:1px solid var(--line)}.client-ribbon>span{font-size:.67rem;letter-spacing:.13em;font-weight:800;color:#627d8d}.client-ribbon>div{display:flex;align-items:center;gap:66px;overflow:hidden;padding-top:30px;white-space:nowrap}.client-ribbon>div>*{filter:grayscale(1);opacity:.48;color:#8396a2;font-size:1.22rem;font-weight:800;transition:.25s}.client-ribbon a:hover{filter:none;opacity:1;color:var(--client-color)}.client-logo img{max-height:42px;max-width:145px;filter:grayscale(1)}.client-logo:hover img{filter:none}.editorial-section,.learning-home,.pricing-preview{padding:110px max(36px,calc((100vw - var(--max))/2 + 40px))}.editorial-section>header,.learning-home>header,.pricing-preview>header{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:end;margin-bottom:52px}.editorial-section h2,.learning-home h2,.pricing-preview h2{font-size:clamp(3rem,4.7vw,5.3rem);line-height:.96;letter-spacing:-.06em;margin:14px 0 0}.editorial-section header p,.learning-home header p,.pricing-preview header p{color:var(--muted);font-size:1.08rem;line-height:1.7}.editorial-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.editorial-grid article{padding:42px 36px 46px;border-right:1px solid var(--line);position:relative}.editorial-grid article:last-child{border:0}.editorial-grid article>svg{width:42px;height:42px;color:var(--cyan2);margin-bottom:42px}.editorial-grid article>span{position:absolute;right:30px;top:44px;color:#91a5b1;font-size:.7rem}.editorial-grid h3{font-size:1.65rem;margin:0 0 14px}.editorial-grid p{color:var(--muted);line-height:1.66;min-height:110px}.editorial-grid a{font-weight:800;color:#0a8298;display:inline-flex;gap:8px;align-items:center}.platform-showcase{display:grid;grid-template-columns:.8fr 1.2fr;background:#eef7fa;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.platform-showcase>div{padding:90px max(40px,calc((100vw - var(--max))/2 + 40px)) 90px max(40px,calc((100vw - var(--max))/2 + 40px));padding-right:70px}.platform-showcase h2{font-size:clamp(2.8rem,4.4vw,5rem);line-height:.96;letter-spacing:-.055em}.platform-showcase p{font-size:1.07rem;line-height:1.75;color:var(--muted);margin-bottom:30px}.platform-showcase figure{margin:0;position:relative;min-height:650px}.platform-showcase figure img{width:100%;height:100%;object-fit:cover}.platform-showcase figcaption{position:absolute;left:30px;bottom:30px;background:#071b2c;color:#fff;padding:18px 22px;display:grid;gap:4px;border-radius:12px}.platform-showcase figcaption span{font-size:.74rem;color:#a8c0ce}.learning-home{background:#fff}.learning-cards{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.learning-cards article{padding:32px 24px;min-height:320px;border-right:1px solid var(--line);display:flex;flex-direction:column}.learning-cards article:last-child{border:0}.learning-cards article>span{font-size:.7rem;color:#8196a3}.learning-cards h3{font-size:1.35rem;margin-top:42px}.learning-cards p{font-size:.86rem;color:var(--muted);line-height:1.6}.learning-cards button{margin-top:auto;width:42px;height:42px;border-radius:50%;border:1px solid var(--line);background:#fff;display:grid;place-items:center}.learning-cards button:hover{background:var(--navy);color:#fff}.case-section{max-width:var(--max);margin:110px auto;display:grid;grid-template-columns:1fr 1fr;padding:0 40px}.case-section figure{margin:0;min-height:540px}.case-section img{width:100%;height:100%;object-fit:cover}.case-section blockquote{margin:0;background:#f0f7fa;padding:60px;display:flex;flex-direction:column;justify-content:center}.case-section blockquote>p{font-size:clamp(1.5rem,2.2vw,2.5rem);line-height:1.35;letter-spacing:-.03em}.case-section footer strong,.case-section footer small{display:block}.case-section footer small{color:#0c859c;margin-top:5px}.pricing-preview{background:#eaf6f9}.pricing-mini,.plan-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #cddfe7;background:#fff;margin-bottom:28px}.pricing-mini article,.plan-grid article{padding:28px;border-right:1px solid var(--line);display:flex;flex-direction:column;min-height:390px}.pricing-mini article:last-child,.plan-grid article:last-child{border:0}.pricing-mini article.featured,.plan-grid article.featured{background:var(--navy);color:#fff}.pricing-mini article>span{font-size:1.1rem;text-transform:uppercase;font-weight:850}.pricing-mini p,.plan-grid p{color:var(--muted);line-height:1.5;min-height:74px}.pricing-mini article.featured p,.pricing-mini article.featured li,.plan-grid article.featured p,.plan-grid article.featured li{color:#a9c0cc}.pricing-mini strong,.plan-grid header>strong{font-size:2.1rem;margin:12px 0}.pricing-mini strong small,.plan-grid strong small{display:block;font-size:.65rem;font-weight:600;margin-top:4px}.pricing-mini ul,.plan-grid ul{list-style:none;padding:0;display:grid;gap:10px}.pricing-mini li,.plan-grid li{display:flex;gap:7px;color:#58717f;font-size:.8rem}.pricing-mini li svg,.plan-grid li svg{color:var(--cyan2);flex:0 0 auto;margin-top:2px}.faq-section{max-width:var(--max);margin:110px auto;padding:0 40px;display:grid;grid-template-columns:.6fr 1.4fr;gap:70px}.faq-section h2{font-size:3rem;line-height:1;letter-spacing:-.05em}.faq-section article{border-top:1px solid var(--line)}.faq-section article:last-child{border-bottom:1px solid var(--line)}.faq-section article button{width:100%;border:0;background:transparent;display:flex;justify-content:space-between;padding:23px 2px;font-weight:800;text-align:left}.faq-section article.open button svg{transform:rotate(90deg)}.faq-section article p{margin:-4px 0 24px;color:var(--muted);line-height:1.7;max-width:800px}.wide-cta{max-width:var(--max);margin:0 auto 100px;padding:54px 40px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.wide-cta h2{max-width:850px;font-size:2.5rem;letter-spacing:-.04em}.solution-list{max-width:var(--max);margin:0 auto 100px;padding:0 40px}.solution-list article{display:grid;grid-template-columns:45px 60px 1fr 32px;align-items:center;gap:24px;padding:34px 0;border-bottom:1px solid var(--line)}.solution-list article>span{font-size:.68rem;color:#8aa0ac}.solution-list article>svg{font-size:1.7rem;color:#0d879e}.solution-list h2{margin:0;font-size:1.8rem}.solution-list p{color:var(--muted);margin:7px 0 0}.course-grid,.product-grid{max-width:var(--max);margin:0 auto 110px;padding:0 40px;display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.course-grid article,.product-grid article{background:#fff;border:1px solid var(--line);min-width:0}.course-grid img{width:100%;height:230px;object-fit:cover}.course-grid article>div{padding:24px}.course-grid article>div>span,.product-kind{font-size:.67rem;color:#0a8298;text-transform:uppercase;font-weight:850;letter-spacing:.08em}.course-grid h2,.product-grid h2{font-size:1.55rem}.course-grid p,.product-grid p{color:var(--muted);line-height:1.55}.course-grid footer{display:flex;justify-content:space-between;color:#6b8290}.people-feature{max-width:var(--max);margin:0 auto 100px;padding:0 40px;display:grid;grid-template-columns:1fr 1fr}.people-feature article{display:grid;grid-template-columns:210px 1fr;gap:28px;padding:40px 40px 40px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.people-feature article+article{border-left:1px solid var(--line);padding-left:40px}.people-feature img{width:210px;height:260px;object-fit:cover}.people-feature span{color:#0c839a;font-size:.72rem;font-weight:800}.people-feature h2{font-size:2rem;margin:12px 0}.people-feature p{color:var(--muted);line-height:1.7}.store-shell{max-width:var(--max);margin:0 auto 110px;padding:0 40px}.store-tabs{display:flex;border-bottom:1px solid var(--line);margin-bottom:28px}.store-tabs button{border:0;background:transparent;padding:18px 24px;font-weight:850;color:#708695;border-bottom:3px solid transparent}.store-tabs button.active{color:var(--ink);border-color:var(--cyan)}.store-tools{display:flex;justify-content:space-between;gap:20px;margin-bottom:26px}.store-tools>label{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);padding:0 14px;border-radius:10px;width:min(440px,100%)}.store-tools input{border:0;outline:0;background:transparent;padding:13px 0;width:100%}.store-tools>div{display:flex;gap:6px;align-items:center}.store-tools>div button{border:1px solid var(--line);background:#fff;border-radius:9px;padding:10px 14px}.store-tools>div button.active{background:var(--navy);color:#fff}.product-grid{padding:0;margin-bottom:0;grid-template-columns:repeat(3,1fr)}.product-grid article{padding:28px}.product-grid strong{font-size:1.8rem;display:block;margin:22px 0}.plan-grid{margin:0}.plan-grid article{min-height:650px}.plan-grid header>span{font-size:1.2rem;text-transform:uppercase;font-weight:900}.plan-grid header em{font-style:normal;background:var(--cyan);color:#05202c;padding:5px 7px;font-size:.62rem;font-weight:850;display:inline-block;margin-top:10px}.plan-grid .button{margin-top:auto}.cart-page{max-width:var(--max);padding:0 40px;margin:0 auto 110px;display:grid;grid-template-columns:1.4fr .6fr;gap:30px}.cart-page>div{background:#fff;border:1px solid var(--line)}.cart-page article{display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:14px;padding:20px;border-bottom:1px solid var(--line)}.cart-page article small{display:block;color:var(--muted);margin-top:5px}.cart-page aside{background:var(--navy);color:#fff;padding:30px;height:max-content}.cart-page aside>span,.cart-page aside>strong{display:block}.cart-page aside>strong{font-size:2.6rem;margin:8px 0 28px}.empty-cart{text-align:center!important;padding:70px!important}.empty-cart svg{font-size:3rem;color:#0c859c}
/* contact */
.contact-hero{max-width:var(--max);margin:0 auto;padding:105px 40px 80px;display:grid;grid-template-columns:1.1fr .9fr;gap:100px;border-bottom:1px solid var(--line)}.contact-hero h1{font-size:clamp(4rem,6vw,7rem);line-height:.9;letter-spacing:-.065em;margin:20px 0 25px}.contact-hero p{color:var(--muted);font-size:1.08rem;line-height:1.7}.contact-hero aside{align-self:end;background:var(--navy);color:#fff;padding:38px}.contact-hero aside>div{display:flex;gap:12px;align-items:center;border-bottom:1px solid #27465a;padding:18px 0}.contact-hero aside>div svg{color:var(--cyan)}.contact-hero aside p{font-size:.88rem;color:#9eb6c3}.offices{max-width:var(--max);margin:0 auto 120px;padding:60px 40px}.offices header{display:grid;grid-template-columns:.5fr 1.5fr;align-items:end;margin-bottom:38px}.offices h2{font-size:3.5rem;letter-spacing:-.05em;margin:0}.offices>div{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.offices article{padding:34px;border-right:1px solid var(--line);position:relative}.offices article:last-child{border:0}.offices article>svg{font-size:1.6rem;color:#0c859c}.offices article>span{position:absolute;right:24px;top:36px;font-size:.68rem;color:#8ba0ac}.offices h3{font-size:1.15rem;margin:42px 0 8px}.offices p{font-size:.88rem;margin:0;color:var(--muted)}
/* auth */
.auth-page{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr;background:#f5f9fb}.auth-visual{position:relative;overflow:hidden;background:var(--navy)}.auth-visual img{width:100%;height:100%;object-fit:cover;filter:saturate(.85) brightness(.72)}.auth-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,24,37,.82),transparent 60%)}.auth-visual>div{position:absolute;z-index:2;left:7%;right:7%;bottom:7%;color:#fff}.auth-visual h2{font-size:clamp(2rem,3.8vw,4.7rem);line-height:.98;letter-spacing:-.055em;max-width:760px}.auth-panel{padding:65px min(9vw,120px);display:flex;flex-direction:column;justify-content:center}.auth-logo{width:180px;height:64px;object-fit:contain;background:#03080d;border-radius:10px;margin-bottom:65px}.auth-panel h1{font-size:3.2rem;line-height:.98;letter-spacing:-.05em;margin:14px 0}.auth-panel>p{color:var(--muted);line-height:1.65;max-width:560px}.auth-panel form,.stack-form,.studio-form{display:grid;gap:16px;margin-top:24px}.auth-panel label,.form-grid label,.stack-form label,.studio-form label{display:grid;gap:7px}.auth-panel label>span,.form-grid label>span,.stack-form label>span,.studio-form label>span{font-size:.75rem;font-weight:820;color:#415b6c}.auth-panel input,.form-grid input,.form-grid textarea,.stack-form input,.stack-form select,.stack-form textarea,.studio-form input,.studio-form select,.studio-form textarea{width:100%;border:1px solid #cbdde6;background:#fff;border-radius:10px;padding:13px 14px;outline:0}.auth-panel input:focus,.form-grid input:focus,.form-grid textarea:focus,.stack-form input:focus,.studio-form input:focus,.studio-form textarea:focus,.studio-form select:focus{border-color:#3fb9cf;box-shadow:0 0 0 3px rgba(32,196,221,.12)}.auth-switch{border:0;background:transparent;margin-top:22px;color:#617987;text-align:left}.verification-page{min-height:72vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:50px}.verification-page>svg{font-size:3rem;color:#0a879e}.verification-page h1{font-size:3rem;margin:20px 0 8px}.verification-page p{color:var(--muted)}
/* blog community */
.blog-layout{max-width:var(--max);margin:0 auto 110px;padding:0 40px}.blog-feature{display:grid;grid-template-columns:1.2fr .8fr;background:var(--navy);color:#fff}.blog-feature img{width:100%;height:550px;object-fit:cover}.blog-feature>div{padding:55px;display:flex;flex-direction:column;justify-content:center}.blog-feature span,.blog-grid span{color:var(--cyan);font-size:.7rem;text-transform:uppercase;font-weight:850;letter-spacing:.08em}.blog-feature h2{font-size:3rem;line-height:1;letter-spacing:-.05em}.blog-feature p{color:#a8bfcb;line-height:1.7}.blog-feature button,.blog-grid button{border:0;background:transparent;padding:0;color:inherit;display:flex;gap:8px;align-items:center;font-weight:850;width:max-content}.blog-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);margin-top:1px}.blog-grid article{background:#fff;padding:30px}.blog-grid img{width:100%;height:250px;object-fit:cover;margin-bottom:24px}.blog-grid h2{font-size:1.6rem}.blog-grid p{color:var(--muted);line-height:1.6}.article-page{max-width:1040px;margin:0 auto;padding:80px 40px 120px}.article-page h1{font-size:clamp(3.5rem,6vw,6.3rem);line-height:.95;letter-spacing:-.06em}.article-back{border:0;background:transparent;margin-bottom:55px}.article-excerpt{font-size:1.25rem;color:var(--muted);line-height:1.6}.article-page>img{width:100%;max-height:570px;object-fit:cover;margin:45px 0}.article-page article{max-width:780px;margin:auto;font-size:1.08rem;line-height:1.85}.community-shell{max-width:var(--max);margin:0 auto 110px;padding:0 40px;display:grid;grid-template-columns:1fr 360px;gap:28px}.community-main,.community-side section{background:#fff;border:1px solid var(--line)}.community-main>header{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:26px;border-bottom:1px solid var(--line)}.community-main h2{margin:0}.community-main header p{margin:5px 0 0;color:var(--muted)}.topic-list article{display:grid;grid-template-columns:46px 1fr 20px;gap:16px;align-items:start;padding:22px 26px;border-bottom:1px solid var(--line)}.topic-list article:last-child{border:0}.topic-avatar{width:42px;height:42px;border-radius:50%;background:#e8f8fb;display:grid;place-items:center;color:#087f96;font-weight:900}.topic-list h3{margin:0 0 7px}.topic-list p{margin:0;color:var(--muted);font-size:.88rem}.topic-list footer{display:flex;gap:15px;margin-top:12px;align-items:center}.topic-list footer span{background:#e6f9fb;color:#087d92;padding:4px 7px;border-radius:999px;font-size:.68rem;font-weight:800}.topic-list footer small{display:flex;gap:4px;align-items:center;color:#8195a0}.community-side{display:grid;gap:18px;height:max-content}.community-side section{padding:24px}.community-side h3{font-size:1rem;margin:20px 0 5px}.community-side p{font-size:.82rem;color:var(--muted);margin:0}.rank{display:grid;grid-template-columns:28px 1fr 20px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.rank b{width:24px;height:24px;border-radius:50%;background:#eaf8fb;display:grid;place-items:center;font-size:.7rem}.rank svg{color:#e8aa2b}.client-page{min-height:80vh}.client-quick{max-width:var(--max);margin:0 auto 100px;padding:0 40px;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.client-quick button{border:0;border-right:1px solid var(--line);background:#fff;padding:34px;text-align:left;display:grid;gap:8px}.client-quick button:last-child{border:0}.client-quick svg{font-size:1.6rem;color:#0b849a}.client-quick span{color:var(--muted);font-size:.8rem}
/* footer */
.public-footer{background:#061a29;color:#fff;padding:70px max(34px,calc((100vw - var(--max))/2 + 40px)) 28px}.footer-grid{display:grid;grid-template-columns:1.35fr repeat(3,.7fr) 1fr;gap:45px}.footer-brand img{width:180px;height:62px;object-fit:contain;background:#02070a;border-radius:9px;margin-bottom:22px}.footer-brand>p{color:#9ab2bf;line-height:1.6;max-width:330px}.footer-contact{display:grid;gap:9px;margin:24px 0}.footer-contact a{display:flex;gap:8px;align-items:center;color:#c7d7df;font-size:.86rem}.footer-col{display:flex;flex-direction:column;gap:13px}.footer-col>strong{font-size:.83rem;text-transform:uppercase;letter-spacing:.06em;color:#dce8ed;margin-bottom:8px}.footer-col a{font-size:.83rem;color:#99b2c0;display:flex;align-items:center;gap:5px}.footer-col a:hover{color:#fff}.footer-col p{color:#8fa8b6;font-size:.84rem;line-height:1.55}.newsletter form{display:grid;gap:8px}.newsletter input{border:1px solid #2e4c5e;background:#0a273b;color:#fff;padding:12px;border-radius:9px}.public-footer .language-trigger{background:#0a273b;border-color:#315064;color:#fff}.footer-bottom{border-top:1px solid #294858;margin-top:50px;padding-top:20px;display:flex;justify-content:space-between;font-size:.72rem;color:#7895a5}
/* modal, campaign, cookie, info */
.modal-backdrop{position:fixed;inset:0;z-index:300;background:rgba(4,19,30,.67);backdrop-filter:blur(7px);display:grid;place-items:center;padding:24px}.modal{width:min(600px,100%);max-height:min(88vh,920px);overflow:auto;background:#fff;border-radius:18px;box-shadow:0 35px 100px rgba(3,17,27,.38)}.modal-large{width:min(980px,100%)}.modal-header{display:flex;justify-content:space-between;gap:20px;padding:26px 28px 16px;border-bottom:1px solid var(--line);position:sticky;top:0;background:#fff;z-index:2}.modal-header h2{font-size:1.7rem;margin:7px 0 0}.modal-close{border-radius:50%}.modal-body{padding:26px 28px 30px}.modal-lead{color:var(--muted);margin-top:0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.span-2{grid-column:span 2}.form-actions{display:flex;justify-content:flex-end;gap:10px}.campaign-overlay{position:fixed;inset:0;background:rgba(3,18,29,.76);backdrop-filter:blur(9px);z-index:260;display:grid;place-items:center;padding:28px}.campaign-modal{width:min(1060px,96vw);max-height:88vh;background:#fff;display:grid;grid-template-columns:.95fr 1.05fr;position:relative;overflow:hidden;box-shadow:0 35px 100px rgba(0,0,0,.42);border-radius:20px}.campaign-modal.variant-compact,.campaign-modal.variant-pulse{grid-template-columns:1fr;width:min(580px,94vw)}.campaign-modal.variant-floating{grid-template-columns:1fr;width:min(460px,90vw);align-self:end;justify-self:end}.campaign-close{position:absolute;right:18px;top:18px;z-index:4;width:42px;height:42px;border-radius:50%;border:0;background:#eef5f7;display:grid;place-items:center}.campaign-media{min-height:500px;background:#d8e7ed;position:relative}.campaign-media img,.campaign-media video{width:100%;height:100%;object-fit:cover}.campaign-modal.variant-compact .campaign-media,.campaign-modal.variant-pulse .campaign-media,.campaign-modal.variant-floating .campaign-media{display:none}.video-badge{position:absolute;left:18px;bottom:18px;background:#061a29;color:#fff;padding:8px 10px;border-radius:8px;display:flex;gap:7px;align-items:center;font-size:.72rem}.campaign-content{padding:50px;display:flex;flex-direction:column;justify-content:center}.campaign-eyebrow{color:#0d8298;font-size:.7rem;letter-spacing:.13em;font-weight:900}.campaign-content h2{font-size:clamp(2.3rem,4vw,4.2rem);line-height:.97;letter-spacing:-.055em;margin:16px 0 20px}.campaign-content>p{color:var(--muted);line-height:1.65}.campaign-coupon{display:flex;justify-content:space-between;align-items:center;border:1px dashed #35b9d0;background:#effbfd;padding:14px;margin:12px 0 20px}.campaign-coupon strong{letter-spacing:.13em}.campaign-form{display:grid;gap:12px}.campaign-form label{display:grid;gap:5px}.campaign-form label span{font-size:.72rem;font-weight:850;color:#445f70}.campaign-form input{border:1px solid #c9dbe5;border-radius:9px;padding:12px}.campaign-submit{margin-top:8px;background:var(--cyan);color:#041a25}.campaign-trust{font-size:.68rem;color:#77909f;margin-top:16px;display:flex;align-items:center;gap:6px}.campaign-banner{position:fixed;left:50%;top:102px;transform:translateX(-50%);z-index:200;background:var(--navy);color:#fff;border-radius:12px;padding:10px 14px;box-shadow:var(--shadow);display:flex;gap:10px;align-items:center}.campaign-banner span{color:#acc0cb;font-size:.82rem}.campaign-banner button{border:0;background:var(--cyan);padding:7px 10px;border-radius:8px;font-weight:800}.campaign-notification{position:fixed;right:22px;bottom:22px;z-index:190;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);padding:15px;border-radius:13px;display:flex;gap:10px;max-width:360px}.campaign-notification svg{color:#0b859b}.campaign-notification strong,.campaign-notification small{display:block}.campaign-notification small{color:var(--muted);margin-top:3px}.motion-scale{animation:popScale .28s ease}.motion-slide-up{animation:slideUp .32s ease}.motion-slide-left{animation:slideLeft .32s ease}.motion-pulse{animation:pulseSoft 1.1s ease-in-out infinite alternate}.motion-shake-soft{animation:shake .6s ease}@keyframes popScale{from{opacity:0;transform:scale(.94)}}@keyframes slideUp{from{opacity:0;transform:translateY(25px)}}@keyframes slideLeft{from{opacity:0;transform:translateX(35px)}}@keyframes pulseSoft{to{box-shadow:0 0 0 10px rgba(32,196,221,.12),0 35px 100px rgba(0,0,0,.4)}}@keyframes shake{25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}.cookie-card{position:fixed;left:24px;bottom:24px;z-index:250;width:min(680px,calc(100vw - 48px));background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 28px 90px rgba(4,25,39,.25);padding:22px;display:grid;grid-template-columns:1fr auto;gap:20px;align-items:end}.cookie-copy h2{font-size:1.35rem;margin:8px 0}.cookie-copy p{margin:0;color:var(--muted);line-height:1.55;font-size:.9rem}.cookie-actions{display:flex;gap:7px;align-items:center}.cookie-actions .button{white-space:nowrap;font-size:.8rem}.cookie-options{margin-top:15px;border-top:1px solid var(--line)}.cookie-options label{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.cookie-options strong,.cookie-options small{display:block}.cookie-options small{font-size:.7rem;color:var(--muted);margin-top:3px}.cookie-reopen{position:fixed;left:14px;bottom:14px;z-index:180;width:36px;height:36px;border-radius:50%;border:1px solid var(--line);background:#fff;color:#0c849a;box-shadow:var(--shadow)}.info-stack{position:fixed;right:20px;top:110px;z-index:500;width:min(410px,calc(100vw - 40px));display:grid;gap:10px}.infobox{background:#fff;border:1px solid var(--line);border-left:4px solid #3e9eb0;box-shadow:0 18px 55px rgba(8,34,51,.18);border-radius:12px;padding:14px;display:grid;grid-template-columns:32px 1fr auto 32px;gap:9px;align-items:start}.infobox-icon{width:30px;height:30px;border-radius:8px;background:#e8f5f8;display:grid;place-items:center}.infobox-copy p{margin:2px 0 0;font-size:.82rem;color:#5e7585}.infobox-copy strong{font-size:.8rem}.infobox-success{border-left-color:var(--green)}.infobox-success .infobox-icon{color:var(--green);background:#e9f7f2}.infobox-error{border-left-color:var(--red)}.infobox-error .infobox-icon{color:var(--red);background:#fff0f1}.infobox-warning{border-left-color:var(--amber)}.infobox-warning .infobox-icon{color:var(--amber);background:#fff7e7}.infobox-count{font-size:.7rem;background:#e9f4f7;padding:3px 6px;border-radius:999px;font-weight:850}
/* Studio */
.studio-app{min-height:100vh;background:#f3f6f9;display:grid;grid-template-columns:270px 1fr}.studio-sidebar{position:sticky;top:0;height:100vh;background:#061c2c;color:#dce8ee;border-right:1px solid #14364c;padding:18px 12px;display:flex;flex-direction:column;overflow:auto}.studio-brand{padding:0 8px 20px;border-bottom:1px solid #17384b}.studio-brand img{width:180px;height:58px;object-fit:contain;background:#02070a;border-radius:9px}.studio-brand span{display:block;margin-top:14px;font-size:.66rem;letter-spacing:.13em;color:#76b8c8;font-weight:900}.studio-sidebar nav{padding-top:14px;flex:1}.studio-nav-group{display:grid;gap:4px;margin-bottom:17px}.studio-nav-group>span{font-size:.66rem;color:#6c8b9d;text-transform:uppercase;letter-spacing:.09em;padding:10px 11px 5px;font-weight:850}.studio-nav-group button{height:48px;border:0;background:transparent;color:#adc3cf;border-radius:9px;display:grid;grid-template-columns:24px 1fr 18px;align-items:center;text-align:left;padding:0 11px;gap:8px}.studio-nav-group button:hover{background:#0b2c42;color:#fff}.studio-nav-group button.active{background:#0e4b6a;color:#fff;box-shadow:inset 3px 0 var(--cyan)}.studio-user-foot{border-top:1px solid #17384b;padding:16px 10px 4px}.studio-user-foot small,.studio-user-foot strong{display:block}.studio-user-foot small{color:#6b94a8}.studio-user-foot strong{margin:4px 0 12px}.studio-user-foot button{border:0;background:transparent;color:#a7c2cf;padding:0;display:flex;gap:8px;align-items:center}.studio-main{min-width:0}.studio-topbar{height:88px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 30px;gap:16px;position:sticky;top:0;z-index:70}.studio-topbar>div:nth-child(2){display:grid;gap:4px}.studio-topbar>div:nth-child(2) small{color:var(--muted);font-size:.75rem}.studio-top-actions{margin-left:auto;display:flex;align-items:center;gap:10px}.circle-action{border-radius:50%}.circle-action.danger{color:#be4d58;border-color:#f0cdd0}.studio-avatar{width:44px;height:44px;border-radius:50%;background:#08293d;color:#fff;display:grid;place-items:center;font-weight:850}.studio-identity{display:grid}.studio-identity small{color:var(--muted);font-size:.7rem}.studio-menu-button{display:none}.studio-content{padding:34px;max-width:1600px;margin:auto}.studio-section-header{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:28px}.studio-section-header>div>span{color:#0a8298;font-size:.68rem;letter-spacing:.1em;font-weight:900}.studio-section-header h1{font-size:2.4rem;letter-spacing:-.04em;margin:5px 0}.studio-section-header p{margin:0;color:var(--muted)}.studio-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:22px}.studio-kpis article{background:#fff;border:1px solid var(--line);border-radius:10px;padding:18px}.studio-kpis article>div{width:38px;height:38px;border-radius:50%;background:#eaf7fa;color:#0a849a;display:grid;place-items:center;margin-bottom:12px}.studio-kpis span,.studio-kpis strong,.studio-kpis small{display:block}.studio-kpis span{font-size:.74rem;font-weight:800;color:#405c6c}.studio-kpis strong{font-size:1.75rem;margin:6px 0}.studio-kpis small{font-size:.67rem;color:#0b8398}.studio-kpis.compact{grid-template-columns:repeat(5,1fr)}.studio-kpis.compact article>div,.studio-kpis.compact small{display:none}.studio-board-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.studio-panel{background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden}.studio-panel>header{height:62px;padding:0 18px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:9px}.quick-actions{display:grid}.quick-actions a{padding:17px 20px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between}.governance-note{padding:22px}.governance-note p{color:var(--muted);line-height:1.6}.governance-note span{display:inline-block;background:#e6f8f0;color:#17835f;padding:5px 8px;border-radius:6px;font-size:.7rem;font-weight:800}.data-table-wrap{background:#fff;border:1px solid var(--line);border-radius:10px;overflow:auto}.studio-panel .data-table-wrap{border:0;border-radius:0}.data-table{width:100%;border-collapse:collapse;min-width:720px}.data-table th{font-size:.67rem;text-transform:uppercase;letter-spacing:.06em;color:#758c99;background:#f7fafb;text-align:left;padding:13px 15px;border-bottom:1px solid var(--line)}.data-table td{padding:14px 15px;border-bottom:1px solid #edf1f3;font-size:.82rem;vertical-align:middle}.data-table td strong,.data-table td small{display:block}.data-table td small{color:var(--muted);margin-top:3px}.table-action{border:0;background:transparent;color:#0b8197;font-weight:800;display:inline-flex;align-items:center;gap:5px}.status{display:inline-flex;padding:4px 7px;border-radius:999px;font-size:.67rem;font-weight:800;background:#edf2f5}.status-open,.status-active,.status-published,.status-resolved{background:#e3f6ef;color:#167a59}.status-new,.status-draft,.status-in_progress{background:#fff3d9;color:#9a6716}.status-hidden,.status-spam,.status-archived{background:#fee9eb;color:#aa4049}.campaign-admin-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.campaign-admin-grid>article{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden}.campaign-admin-preview{height:280px;background:#eff7fa;padding:26px;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.campaign-admin-preview>span{font-size:.63rem;color:#0a8298;font-weight:900;letter-spacing:.1em}.campaign-admin-preview>strong{font-size:1.7rem;line-height:1.02;margin:10px 0}.campaign-admin-preview>p{color:var(--muted);font-size:.78rem;line-height:1.5;max-width:75%}.campaign-admin-preview>img{position:absolute;width:38%;right:0;top:0;height:100%;object-fit:cover}.campaign-admin-grid footer{padding:15px;display:flex;justify-content:space-between;align-items:center}.campaign-admin-grid footer strong,.campaign-admin-grid footer small{display:block}.campaign-admin-grid footer small{color:var(--muted);margin-top:3px}.campaign-editor-layout{display:grid;grid-template-columns:1fr .8fr;gap:28px}.popup-live-preview{background:#eff5f8;padding:20px;border-radius:12px;position:sticky;top:90px;height:max-content}.popup-live-preview>span{font-size:.65rem;font-weight:900;color:#6e8795}.mini-popup{margin-top:14px;background:#fff;box-shadow:0 20px 55px rgba(6,28,43,.18);overflow:hidden}.mini-popup img{width:100%;height:150px;object-fit:cover}.mini-popup>div{padding:20px}.mini-popup small{color:#0a8197;font-weight:800}.mini-popup strong{font-size:1.45rem;display:block;margin:8px 0}.mini-popup p{font-size:.78rem;color:var(--muted)}.mini-popup button{border:0;background:var(--cyan);font-weight:800;padding:8px 12px}.studio-form{grid-template-columns:1fr 1fr}.studio-form>label:has(textarea),.permission-grid,.studio-form-actions{grid-column:span 2}.studio-form-actions{display:flex;justify-content:flex-end;margin-top:8px}.permission-grid{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:10px;overflow:hidden}.permission-grid label{display:flex!important;gap:10px!important;padding:12px;border-bottom:1px solid var(--line);align-items:center}.permission-grid label:nth-child(odd){border-right:1px solid var(--line)}.permission-grid input{width:auto}.permission-grid strong,.permission-grid small{display:block}.permission-grid small{color:var(--muted);font-size:.65rem;margin-top:2px}.role-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.role-grid article,.settings-cards article{background:#fff;border:1px solid var(--line);border-radius:10px;padding:20px}.role-grid article>span{font-size:.65rem;color:#0b8298;font-weight:900;text-transform:uppercase}.role-grid h3{margin:8px 0}.role-grid p{color:var(--muted);font-size:.8rem;min-height:42px}.role-grid small{display:block;color:#607787;margin:13px 0}.settings-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.settings-cards article{display:grid;grid-template-columns:42px 1fr auto;gap:12px;align-items:start}.settings-cards article>svg{width:40px;height:40px;padding:10px;background:#eaf7fa;color:#0a849a;border-radius:50%}.settings-cards h3{margin:0 0 5px}.settings-cards p,.settings-cards span{font-size:.76rem;color:var(--muted);margin:0}.compact-select{border:1px solid var(--line);background:#fff;padding:7px;border-radius:7px}.empty-state{min-height:130px;display:flex;align-items:center;justify-content:center;gap:10px;color:#8095a1}.empty-state svg{font-size:1.5rem}
/* responsive */
@media(max-width:1180px){.public-header-inner{grid-template-columns:170px 1fr auto}.public-nav{gap:15px}.header-actions .button.text{display:none}.home-hero{grid-template-columns:1fr}.hero-product{min-height:520px}.learning-cards{grid-template-columns:repeat(3,1fr)}.pricing-mini,.plan-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1.2fr repeat(2,.8fr)}.footer-col:nth-of-type(4),.newsletter{margin-top:20px}.studio-kpis{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.public-header{height:74px}.public-header-inner{grid-template-columns:1fr auto;padding:0 16px}.brand-logo{width:145px;height:49px}.brand-logo img{width:130px}.public-nav{position:fixed;left:0;right:0;top:74px;bottom:0;background:#fff;display:none;flex-direction:column;justify-content:flex-start;align-items:stretch;padding:25px;z-index:100}.public-nav.open{display:flex}.nav-button{width:100%;justify-content:space-between}.mega-panel{position:static;transform:none;width:100%;grid-template-columns:1fr;box-shadow:none;margin-top:5px}.header-actions>.language-switcher,.header-actions>.cart-control{display:none}.mobile-nav-toggle{display:grid}.home-hero,.contact-hero,.platform-showcase,.case-section,.blog-feature,.community-shell,.auth-page{grid-template-columns:1fr}.hero-copy{padding:70px 25px}.hero-copy h1{font-size:4.5rem}.hero-product{min-height:420px}.editorial-section>header,.learning-home>header,.pricing-preview>header,.faq-section,.offices header{grid-template-columns:1fr;gap:15px}.editorial-grid{grid-template-columns:1fr}.editorial-grid article{border-right:0;border-bottom:1px solid var(--line)}.learning-cards{grid-template-columns:1fr 1fr}.platform-showcase>div{padding:70px 30px}.platform-showcase figure{min-height:450px}.case-section{padding:0 25px}.pricing-mini,.plan-grid,.people-feature,.product-grid,.course-grid,.offices>div,.client-quick{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}.auth-visual{min-height:440px}.auth-panel{padding:55px 32px}.community-side{grid-template-columns:1fr 1fr}.studio-app{grid-template-columns:1fr}.studio-sidebar{position:fixed;z-index:120;width:280px;left:-290px;transition:left .25s}.studio-sidebar.open{left:0}.studio-menu-button{display:grid}.studio-topbar{padding:0 16px}.studio-identity{display:none}.studio-content{padding:24px 18px}.studio-top-actions .language-switcher{display:none}.studio-board-grid,.campaign-editor-layout{grid-template-columns:1fr}.campaign-admin-grid{grid-template-columns:1fr 1fr}.campaign-modal{grid-template-columns:1fr;max-width:620px;overflow:auto}.campaign-media{min-height:300px;max-height:330px}.campaign-content{padding:34px}.cookie-card{grid-template-columns:1fr}.cookie-actions{flex-wrap:wrap}}
@media(max-width:600px){.page-hero{padding:70px 22px 50px}.page-hero h1{font-size:3.8rem}.hero-copy h1{font-size:3.8rem}.hero-metrics{gap:15px}.hero-actions{flex-direction:column;align-items:stretch}.client-ribbon{padding-inline:22px}.editorial-section,.learning-home,.pricing-preview{padding:75px 22px}.learning-cards,.pricing-mini,.plan-grid,.people-feature,.product-grid,.course-grid,.offices>div,.client-quick,.blog-grid,.community-side{grid-template-columns:1fr}.case-section{margin:60px auto}.case-section blockquote{padding:35px}.pricing-mini article,.plan-grid article{border-right:0;border-bottom:1px solid var(--line)}.faq-section{padding:0 22px;margin:75px auto}.wide-cta{padding:40px 22px;display:grid;gap:20px}.solution-list,.course-grid,.store-shell,.cart-page,.blog-layout,.community-shell{padding-left:22px;padding-right:22px}.solution-list article{grid-template-columns:30px 42px 1fr}.solution-list article>svg:last-child{display:none}.people-feature article,.people-feature article+article{grid-template-columns:1fr;border-left:0;padding:30px 22px}.people-feature img{width:100%;height:380px}.store-tools{flex-direction:column}.store-tools>div{overflow:auto}.cart-page{grid-template-columns:1fr}.contact-hero{padding:70px 22px;gap:45px}.contact-hero h1{font-size:4rem}.offices{padding:50px 22px}.offices h2{font-size:2.8rem}.form-grid,.studio-form{grid-template-columns:1fr}.span-2,.studio-form>label:has(textarea),.permission-grid,.studio-form-actions{grid-column:span 1}.auth-visual{display:none}.auth-page{display:block}.auth-panel{min-height:100vh}.footer-grid{grid-template-columns:1fr}.footer-bottom{display:grid;gap:8px}.topic-list article{grid-template-columns:40px 1fr}.topic-list article>svg{display:none}.topic-list footer{flex-wrap:wrap}.studio-kpis,.studio-kpis.compact,.campaign-admin-grid,.role-grid,.settings-cards{grid-template-columns:1fr}.studio-topbar>div:nth-child(2){display:none}.studio-top-actions{width:100%;justify-content:flex-end}.permission-grid{grid-template-columns:1fr}.permission-grid label:nth-child(odd){border-right:0}.campaign-editor-layout{display:block}.popup-live-preview{margin-top:20px;position:static}.cookie-card{left:12px;bottom:12px;width:calc(100vw - 24px);padding:17px}.cookie-actions .button{flex:1}.info-stack{right:10px;top:86px;width:calc(100vw - 20px)}}
/* v5 navigation hierarchy */
.studio-nav-parent{font-weight:800;color:#d3e2e9!important;background:#082438!important}.studio-nav-parent.current{color:#fff!important}.studio-nav-parent>svg:last-child{justify-self:end;transition:transform .2s ease}.studio-nav-parent>svg:last-child.rotated{transform:rotate(180deg)}.studio-nav-children{display:grid;gap:3px;padding:3px 0 3px 13px;border-left:1px solid #173d52;margin-left:19px}.studio-nav-children button{height:43px!important;border-radius:7px!important}.studio-nav-children button.active{box-shadow:none!important;background:#0e4b6a!important}
.site-admin-section{margin-top:22px;background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden}.site-admin-section>header{padding:18px 20px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:18px}.site-admin-section>header h2{font-size:1.05rem;margin:0}.site-admin-section>header p{font-size:.78rem;color:var(--muted);margin:4px 0 0}.brand-admin-list{display:grid;grid-template-columns:repeat(3,1fr)}.brand-admin-item{padding:18px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:54px 1fr;gap:12px;align-items:center}.brand-admin-item:nth-child(3n){border-right:0}.brand-admin-mark{height:48px;width:54px;border:1px solid var(--line);display:grid;place-items:center;background:#f7fafb;overflow:hidden}.brand-admin-mark img{max-width:46px;max-height:36px;filter:grayscale(1)}.brand-admin-mark span{font-weight:900;font-size:.8rem;color:#738995}.brand-admin-item h3{font-size:.9rem;margin:0}.brand-admin-item small{display:block;color:var(--muted);font-size:.68rem;margin-top:3px}.brand-admin-actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:10px}.danger-action{color:#b53e49!important}.delete-confirm{display:grid;gap:18px}.delete-confirm p{color:var(--muted);line-height:1.6}.delete-confirm-actions{display:flex;justify-content:flex-end;gap:10px}
@media(max-width:900px){.brand-admin-list{grid-template-columns:1fr 1fr}.brand-admin-item:nth-child(3n){border-right:1px solid var(--line)}.brand-admin-item:nth-child(2n){border-right:0}}
@media(max-width:600px){.brand-admin-list{grid-template-columns:1fr}.brand-admin-item{border-right:0!important}}

.boot-error{min-height:100vh;display:grid;place-items:center;padding:32px;background:var(--bg)}.boot-error>div{width:min(620px,100%);background:#fff;border:1px solid var(--line);border-radius:16px;padding:34px;box-shadow:var(--shadow)}.boot-error strong{color:var(--cyan2);letter-spacing:.12em}.boot-error h1{font-size:2rem;margin:12px 0}.boot-error p{color:var(--muted);line-height:1.6}.boot-error button{margin-top:12px;border:0;background:var(--navy);color:#fff;border-radius:9px;padding:12px 16px;font-weight:800}

/* v5.2 public experience refinements */
a:focus:not(:focus-visible),button:focus:not(:focus-visible){outline:none}.public-nav a:focus-visible,.nav-button:focus-visible,.language-trigger:focus-visible,.icon-button:focus-visible,.button:focus-visible{outline:3px solid rgba(32,196,221,.45);outline-offset:4px;border-radius:8px}.button.light{color:var(--ink);background:#fff;border:1px solid #d7e5eb}.button.light:hover{background:#f1fbfd;border-color:#75d8e6}.nav-chevron{transition:transform .2s ease;margin-top:1px}.nav-button.open{color:#087f96}.nav-link-active-public{color:#087f96;position:relative}.nav-link-active-public:after{content:"";position:absolute;left:0;right:0;bottom:-10px;height:2px;background:var(--cyan)}
.rotating-word{display:inline-block;min-width:.1em;animation:xgoalWordIn .42s cubic-bezier(.2,.7,.2,1)}@keyframes xgoalWordIn{from{opacity:0;transform:translateY(18px);filter:blur(5px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@media(prefers-reduced-motion:reduce){.rotating-word{animation:none}}
.footer-brand>img.footer-brand-logo{width:180px;height:62px;object-fit:contain;background:#02070a;border-radius:9px;margin-bottom:22px}.footer-brand .language-trigger img,.footer-brand .language-menu img{width:23px;height:16px;object-fit:cover;border-radius:2px;background:transparent;margin:0}.footer-brand .language-trigger{width:max-content;min-width:142px;justify-content:flex-start}.footer-brand .language-trigger svg{margin-left:auto}

/* qualifications */
.qualification-overview{max-width:var(--max);margin:0 auto;padding:72px 40px;display:grid;grid-template-columns:1.15fr .85fr;gap:80px;align-items:end;border-bottom:1px solid var(--line)}.qualification-overview h2,.course-browser>header h2{font-size:clamp(2.6rem,4vw,4.7rem);line-height:.98;letter-spacing:-.055em;margin:14px 0}.qualification-overview p{color:var(--muted);line-height:1.75;font-size:1.04rem;max-width:720px}.qualification-stats{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);background:#fff}.qualification-stats article{padding:26px 20px;border-right:1px solid var(--line)}.qualification-stats article:last-child{border:0}.qualification-stats svg{font-size:1.35rem;color:var(--cyan2)}.qualification-stats strong,.qualification-stats span{display:block}.qualification-stats strong{font-size:1.8rem;margin-top:18px}.qualification-stats span{font-size:.72rem;color:var(--muted);margin-top:4px}.course-browser{max-width:var(--max);margin:0 auto;padding:78px 40px 105px}.course-browser>header{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:34px}.course-filters{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.course-filters button,.blog-categories button,.community-tools>div button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:9px 14px;font-weight:760;color:#5e7685}.course-filters button.active,.blog-categories button.active,.community-tools>div button.active{background:var(--navy);border-color:var(--navy);color:#fff}.course-grid.modern{padding:0;margin:0;grid-template-columns:repeat(3,1fr)}.course-card{overflow:hidden;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}.course-card:hover{transform:translateY(-4px);border-color:#afdbe4;box-shadow:0 18px 45px rgba(8,39,58,.09)}.course-cover{position:relative;height:245px;overflow:hidden;background:#eaf4f7}.course-cover img{height:100%;transition:transform .45s ease}.course-card:hover .course-cover img{transform:scale(1.035)}.course-cover>span{position:absolute;left:18px;top:18px;background:rgba(6,26,41,.9);color:#fff;border-radius:999px;padding:7px 10px;font-size:.67rem;font-weight:850;letter-spacing:.08em}.course-card-body{padding:25px!important;display:flex;flex-direction:column;min-height:330px}.course-meta{display:flex;gap:7px;flex-wrap:wrap}.course-meta span{font-size:.65rem!important;background:#eaf8fb;color:#087e95!important;border-radius:999px;padding:5px 8px;letter-spacing:.04em!important}.course-card-body footer{margin-top:auto;padding-top:22px;border-top:1px solid var(--line)}.course-card-body footer small{display:flex;gap:6px;align-items:center}.course-open{margin-top:18px;border:0;background:transparent;padding:0;color:#087f96;font-weight:850;display:flex;align-items:center;gap:8px;width:max-content}.learning-method{background:var(--navy);color:#fff;padding:84px max(36px,calc((100vw - var(--max))/2 + 40px))}.learning-method>.eyebrow{color:#60d9e9}.learning-method>div{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #2a4a5d;margin-top:25px}.learning-method article{position:relative;padding:36px 36px 10px 0;border-right:1px solid #2a4a5d}.learning-method article+article{padding-left:36px}.learning-method article:last-child{border-right:0}.learning-method article>b{position:absolute;right:26px;top:38px;color:#608194;font-size:.68rem}.learning-method svg{font-size:1.7rem;color:var(--cyan);margin-bottom:36px}.learning-method h3{font-size:1.45rem}.learning-method p{color:#9db5c2;line-height:1.65}.course-detail-modal{display:grid;grid-template-columns:.9fr 1.1fr;gap:26px}.course-detail-modal>img{width:100%;height:300px;object-fit:cover}.course-detail-modal>div{display:flex;flex-direction:column}.course-detail-modal p{color:var(--muted);line-height:1.7}.course-detail-facts{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0 26px}.course-detail-facts span{display:flex;gap:6px;align-items:center;background:#eef8fa;border-radius:999px;padding:8px 11px;font-size:.75rem}.course-detail-modal .button{margin-top:auto;width:max-content}

/* partners */
.partner-intro{max-width:var(--max);margin:0 auto;padding:65px 40px;display:grid;grid-template-columns:1.15fr .85fr;gap:80px;align-items:end;border-bottom:1px solid var(--line)}.partner-intro h2{font-size:clamp(2.7rem,4.2vw,4.9rem);line-height:.97;letter-spacing:-.055em;margin:14px 0 0}.partner-intro>p{color:var(--muted);font-size:1.05rem;line-height:1.75}.partner-profiles{max-width:var(--max);margin:0 auto;padding:55px 40px 90px;display:grid;grid-template-columns:1fr 1fr;gap:1px;background:linear-gradient(var(--line),var(--line)) 50% 0/1px 100% no-repeat}.partner-profiles article{display:grid;grid-template-columns:260px 1fr;gap:34px;padding:24px 48px 24px 0}.partner-profiles article+article{padding-left:48px;padding-right:0}.partner-photo{position:relative;background:#e9f3f7;overflow:hidden;min-height:360px}.partner-photo img{width:100%;height:100%;object-fit:cover}.partner-photo>span{position:absolute;right:16px;top:16px;background:rgba(6,26,41,.88);color:#fff;border-radius:999px;padding:7px 9px;font-size:.67rem}.partner-copy{padding-top:12px;display:flex;flex-direction:column}.partner-copy h2{font-size:2.35rem;letter-spacing:-.045em;margin:12px 0}.partner-copy>p{color:var(--muted);line-height:1.72}.partner-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.partner-tags span{border:1px solid #cfe1e8;background:#fff;border-radius:999px;padding:7px 9px;font-size:.68rem;color:#496778}.partner-stat{margin-top:auto;padding-top:28px;border-top:1px solid var(--line)}.partner-stat strong,.partner-stat span{display:block}.partner-stat strong{font-size:1.8rem}.partner-stat span{font-size:.72rem;color:var(--muted)}.partner-network-cta{max-width:var(--max);margin:0 auto 110px;display:grid;grid-template-columns:1.05fr .95fr;background:#071b2c;color:#fff}.partner-network-media{min-height:470px;overflow:hidden}.partner-network-media img{width:100%;height:100%;object-fit:cover;filter:saturate(.88) brightness(.82)}.partner-network-cta>div:last-child{padding:62px;display:flex;flex-direction:column;justify-content:center}.partner-network-cta h2{font-size:clamp(2.5rem,3.7vw,4.25rem);line-height:.98;letter-spacing:-.05em;margin:14px 0}.partner-network-cta p{color:#a4bcc8;line-height:1.75}.partner-network-cta .button{width:max-content;margin-top:18px}

/* store */
.store-shell.plans-first{padding-top:0}.store-tabs{gap:6px;position:sticky;top:92px;background:var(--bg);z-index:15;padding-top:12px}.store-tabs button{border:1px solid transparent;border-bottom:3px solid transparent;border-radius:8px 8px 0 0}.store-tabs button.active{background:#fff;border-color:var(--line);border-bottom-color:var(--cyan)}.store-section-heading{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:end;padding:42px 0}.store-section-heading h2{font-size:clamp(2.6rem,4vw,4.6rem);line-height:.98;letter-spacing:-.055em;margin:12px 0}.store-section-heading p{color:var(--muted);line-height:1.7;font-size:1.02rem}.plan-grid.modern{border:0;background:transparent;gap:16px}.plan-grid.modern article{border:1px solid var(--line);border-radius:14px;background:#fff;min-height:610px;padding:28px}.plan-grid.modern article.featured{background:var(--navy);border-color:var(--navy);transform:translateY(-8px);box-shadow:0 22px 48px rgba(7,27,44,.14)}.plan-name{display:flex;align-items:center;justify-content:space-between;gap:12px}.plan-name>span{font-size:1.15rem;font-weight:900;text-transform:uppercase}.plan-name em{margin:0!important;border-radius:999px}.plan-divider{height:1px;background:var(--line);margin:20px 0}.featured .plan-divider{background:#2a485a}.plan-includes{font-size:.68rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase;color:#78919e}.featured .plan-includes{color:#8fa9b7}.product-grid.modern article{border-radius:12px;display:flex;flex-direction:column;min-height:300px;transition:transform .2s ease,border-color .2s ease}.product-grid.modern article:hover{transform:translateY(-3px);border-color:#a8d7e1}.product-grid.modern article footer{margin-top:auto;border-top:1px solid var(--line);padding-top:18px;display:flex;align-items:center;justify-content:space-between;gap:16px}.product-grid.modern article footer strong{margin:0;font-size:1.45rem}

/* blog */
.blog-discovery{max-width:var(--max);margin:0 auto;padding:30px 40px 36px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line)}.blog-search{min-width:320px;display:flex;align-items:center;gap:9px;border:1px solid var(--line);background:#fff;border-radius:12px;padding:0 13px}.blog-search input{height:46px;border:0;outline:0;background:transparent;width:100%}.blog-categories{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.blog-layout.modern{padding-top:34px}.blog-layout.modern .blog-feature{border-radius:16px;overflow:hidden}.blog-feature-media{position:relative;min-height:520px}.blog-feature-media img{height:100%}.blog-feature-media>span{position:absolute;left:20px;top:20px;background:#fff;color:#071b2c!important;padding:7px 10px;border-radius:999px}.blog-grid article{display:flex;flex-direction:column;min-height:480px}.blog-card-meta{display:flex;align-items:center;justify-content:space-between;gap:10px}.blog-card-meta small{color:#81949f}.blog-grid article button{margin-top:auto;color:#087f96}.blog-empty{text-align:center;padding:70px 20px;border:1px dashed #c9dce4;background:#fff;margin-top:20px}.blog-empty svg{font-size:2rem;color:#0a8399}.blog-empty p{color:var(--muted)}

/* community */
.community-overview{max-width:var(--max);margin:0 auto;padding:60px 40px;display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:end;border-bottom:1px solid var(--line)}.community-overview h2{font-size:clamp(2.6rem,4vw,4.5rem);line-height:.98;letter-spacing:-.055em;margin:13px 0}.community-overview p{color:var(--muted);line-height:1.7}.community-metrics{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);background:#fff}.community-metrics article{padding:22px;border-right:1px solid var(--line)}.community-metrics article:last-child{border:0}.community-metrics strong,.community-metrics span{display:block}.community-metrics strong{font-size:1.8rem}.community-metrics span{font-size:.68rem;color:var(--muted);margin-top:3px}.community-tools{max-width:var(--max);margin:0 auto;padding:28px 40px;display:grid;grid-template-columns:minmax(240px,1fr) auto auto;gap:14px;align-items:center}.community-tools>label{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);border-radius:11px;padding:0 13px}.community-tools>label input{height:44px;border:0;outline:0;background:transparent;width:100%}.community-tools>div{display:flex;gap:7px;flex-wrap:wrap}.community-shell.modern{margin-top:0}.community-shell.modern .community-main,.community-shell.modern .community-side section{border-radius:12px;overflow:hidden}.topic-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.topic-heading>span{font-size:.66rem;font-weight:850;color:#087e95;background:#e8f8fb;border-radius:999px;padding:5px 8px}.topic-heading small{color:#8b9ca5}.topic-list article{transition:background .18s ease}.topic-list article:hover{background:#f8fbfc}.topic-list footer strong{color:#4d6877}.practice-groups article{display:grid;grid-template-columns:38px 1fr;gap:12px;padding:18px 0;border-bottom:1px solid var(--line)}.practice-groups article:last-child{border-bottom:0}.practice-groups article>svg{width:34px;height:34px;padding:8px;background:#eaf8fb;color:#087f96;border-radius:9px}.practice-groups h3{margin:0 0 5px}.rank span small{display:block;color:var(--muted);font-size:.62rem;margin-top:2px}.community-empty{text-align:center;padding:60px 20px;color:var(--muted)}.community-empty svg{font-size:2rem;color:#0a8298}.community-empty h3{color:var(--ink)}.muted-copy{color:var(--muted)!important;line-height:1.6!important}
.community-forum-head{max-width:var(--max);margin:0 auto;padding:54px 40px 20px;display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,.65fr);gap:50px;align-items:end}.community-forum-head h1{font-size:clamp(2.6rem,4.5vw,5rem);line-height:.98;letter-spacing:-.055em;margin:14px 0}.community-forum-head p{margin:0;color:var(--muted);font-size:1.05rem}.topic-row{cursor:pointer}.topic-row .rich-body.compact{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.rich-body p{line-height:1.7;margin:0 0 10px;color:#405d6e}.rich-body a{color:#087f96;text-decoration:underline;display:inline-flex;align-items:center;gap:3px}.rich-body a svg{font-size:.75em}.rich-editor{display:grid;gap:7px}.rich-editor>span{font-size:.75rem;font-weight:820;color:#415b6c}.rich-editor textarea{width:100%;border:1px solid #cbdde6;background:#fff;border-radius:0 0 10px 10px;padding:14px;outline:0;resize:vertical}.rich-toolbar{display:flex;align-items:center;gap:4px;flex-wrap:wrap;border:1px solid #cbdde6;border-bottom:0;border-radius:10px 10px 0 0;padding:7px;background:#f6fafb}.rich-toolbar button,.rich-toolbar label{border:0;background:#fff;border-radius:7px;min-height:34px;padding:0 9px;display:flex;align-items:center;gap:5px;font-size:.7rem;font-weight:750}.rich-toolbar button:hover,.rich-toolbar label:hover{background:#e9f6f8}.rich-toolbar input[type=color]{width:21px;height:21px;border:0;padding:0;background:transparent}.compose-help{color:var(--muted)}.compose-media{display:grid;gap:6px}.compose-media>span{display:flex;align-items:center;gap:7px;padding:8px 10px;border:1px solid var(--line);border-radius:8px;font-size:.72rem;overflow:hidden}.compose-media>span button{margin-left:auto;border:0;background:transparent;display:grid;place-items:center}.topic-detail>header{display:flex;align-items:center;gap:11px;border-bottom:1px solid var(--line);padding-bottom:16px;margin-bottom:20px}.topic-detail>header strong,.topic-detail>header small{display:block}.topic-detail>header small{color:var(--muted);margin-top:3px}.topic-media{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:18px 0}.topic-media img,.topic-media video{width:100%;height:260px;object-fit:cover;border-radius:10px;background:#061a29}.topic-media>a{grid-column:1/-1;display:flex;align-items:center;gap:8px;padding:13px;border:1px solid var(--line);border-radius:9px;color:#087f96;word-break:break-all}.topic-replies{border-top:1px solid var(--line);margin-top:24px;padding-top:12px}.topic-replies>article{display:grid;grid-template-columns:40px 1fr;gap:12px;padding:16px 0;border-bottom:1px solid #e8eef1}.reply-form{display:grid;gap:10px;margin-top:20px}.reply-form textarea{border:1px solid #cbdde6;border-radius:10px;padding:13px;resize:vertical}.reply-form .button{justify-self:end}.community-admin-list{display:grid;gap:10px}.community-admin-list>article{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px}.community-admin-list h3{margin:10px 0 6px}.community-admin-list p{margin:0 0 9px;color:var(--muted);white-space:pre-line}.community-admin-list small{color:var(--muted)}.community-admin-meta,.community-admin-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.community-admin-meta>span{padding:4px 7px;border-radius:999px;background:#eaf4fb;color:#0d5da1;font-size:.68rem;font-weight:750}.community-admin-actions{justify-content:flex-end;align-content:center}.danger-text{color:#b33a49!important}
.topic-closed{display:inline-flex;align-items:center;gap:4px;font-style:normal;font-size:.62rem;color:#7b5a23;background:#fff4db;border-radius:999px;padding:4px 7px;vertical-align:middle}.topic-locked{display:flex;align-items:center;gap:8px;margin-top:20px;padding:14px;border:1px solid #ecd9aa;background:#fff8e8;border-radius:9px;color:#72531f;font-weight:700}
.community-topic-page{max-width:1180px;margin:0 auto;padding:42px 32px 100px}.topic-breadcrumb{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:.76rem;margin-bottom:18px}.topic-breadcrumb button{border:0;background:transparent;color:#087f96;font-weight:800;padding:0}.community-topic-card{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 18px 50px rgba(9,34,51,.08);padding:36px 42px}.topic-page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line);padding-bottom:26px}.topic-page-header h1{font-size:clamp(2rem,4vw,3.8rem);line-height:1.02;letter-spacing:-.045em;margin:12px 0 22px}.topic-author{display:flex;align-items:center;gap:11px}.topic-author strong,.topic-author small{display:block}.topic-author small{color:var(--muted);margin-top:3px}.topic-page-actions{display:flex;gap:7px;flex-wrap:wrap;padding:14px 0;border-bottom:1px solid var(--line)}.topic-page-actions button,.topic-inline-panel button,.topic-revision-notice button{border:1px solid var(--line);background:#fff;border-radius:8px;min-height:38px;padding:0 12px;display:inline-flex;align-items:center;gap:6px;font-weight:750;font-size:.75rem}.topic-page-body{padding:32px 0 18px}.topic-page-body .rich-body{font-size:1.02rem}.rich-body-media{display:block;width:min(100%,820px);max-height:620px;object-fit:contain;background:#eef3f5;border-radius:12px;margin:22px 0}.rich-body video.rich-body-media{background:#061a29}.topic-inline-panel{padding:15px;background:#f5fafb;border:1px solid var(--line);border-radius:10px;margin:12px 0}.topic-inline-panel>div{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}.topic-inline-panel.danger{background:#fff5f5;border-color:#efc9cc}.topic-inline-editor{display:grid;gap:16px;padding:24px 0;border-bottom:1px solid var(--line)}.topic-inline-editor>label{display:grid;gap:7px}.topic-inline-editor>label span{font-size:.75rem;font-weight:800}.topic-inline-editor>label input{border:1px solid #cbdde6;border-radius:9px;padding:13px}.topic-inline-editor>div:last-child{display:flex;justify-content:flex-end;gap:8px}.topic-revision-notice{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px;margin:16px 0;background:#fff8e8;border:1px solid #ecd9aa;border-radius:10px}.topic-revision-notice>div{display:flex;align-items:center;gap:9px}.topic-revision-notice strong,.topic-revision-notice small{display:block}.topic-revision-notice small{color:#72531f;margin-top:3px}.community-topic-card .topic-replies h2{font-size:1.35rem}.community-topic-card .topic-replies>article small{display:block;color:var(--muted);font-size:.68rem;margin:3px 0 8px}.rich-link-fields{display:grid;grid-template-columns:.7fr 1.3fr auto auto;gap:6px;padding:8px;border:1px solid #cbdde6;border-top:0;background:#f6fafb}.rich-link-fields input{min-width:0;border:1px solid #cbdde6;border-radius:7px;padding:9px}.rich-link-fields button{border:0;border-radius:7px;background:var(--navy);color:#fff;padding:0 12px;font-weight:750}

@media(max-width:1180px){.partner-profiles article{grid-template-columns:210px 1fr}.partner-photo{min-height:320px}.course-grid.modern{grid-template-columns:1fr 1fr}.plan-grid.modern{grid-template-columns:1fr 1fr}.community-tools{grid-template-columns:1fr}.community-tools>div{order:2}.community-tools>.button{order:3;width:max-content}}
@media(max-width:900px){.qualification-overview,.partner-intro,.community-overview,.store-section-heading{grid-template-columns:1fr;gap:24px}.qualification-stats,.community-metrics{max-width:620px}.course-browser>header{display:grid}.course-filters{justify-content:flex-start}.partner-profiles{grid-template-columns:1fr;background:none}.partner-profiles article,.partner-profiles article+article{padding:24px 0;border-bottom:1px solid var(--line)}.partner-network-cta{grid-template-columns:1fr;margin-left:24px;margin-right:24px}.partner-network-media{min-height:360px}.blog-discovery{align-items:stretch;flex-direction:column}.blog-categories{justify-content:flex-start}.store-tabs{top:74px}.learning-method>div{grid-template-columns:1fr}.learning-method article,.learning-method article+article{padding:32px 0;border-right:0;border-bottom:1px solid #2a4a5d}.course-detail-modal{grid-template-columns:1fr}}
@media(max-width:900px){.community-forum-head{grid-template-columns:1fr;padding-top:36px}.community-admin-list>article{grid-template-columns:1fr}.community-admin-actions{justify-content:flex-start}}
@media(max-width:600px){.qualification-overview,.course-browser,.partner-intro,.partner-profiles,.community-overview,.community-tools,.blog-discovery{padding-left:22px;padding-right:22px}.qualification-stats,.community-metrics{grid-template-columns:1fr}.qualification-stats article,.community-metrics article{border-right:0;border-bottom:1px solid var(--line)}.qualification-stats article:last-child,.community-metrics article:last-child{border-bottom:0}.course-grid.modern,.plan-grid.modern{grid-template-columns:1fr}.course-cover{height:220px}.partner-profiles article,.partner-profiles article+article{grid-template-columns:1fr}.partner-photo{min-height:420px}.partner-network-cta>div:last-child{padding:36px 26px}.blog-feature-media{min-height:330px}.community-tools>.button{width:100%}}
@media(max-width:600px){.community-forum-head{padding:30px 22px 10px}.community-forum-head .community-metrics{display:grid;grid-template-columns:repeat(3,1fr)}.community-forum-head .community-metrics article{padding:13px 10px;border-right:1px solid var(--line);border-bottom:0}.community-forum-head .community-metrics strong{font-size:1.3rem}.topic-media{grid-template-columns:1fr}.topic-media img,.topic-media video{height:210px}.rich-toolbar button,.rich-toolbar label{font-size:0;width:36px;justify-content:center}.rich-toolbar svg,.rich-toolbar input{font-size:1rem}.community-admin-actions .table-action{flex:1;justify-content:center}}
@media(max-width:600px){.community-topic-page{padding:22px 12px 70px}.community-topic-card{padding:24px 18px;border-radius:13px}.topic-page-header{display:grid}.topic-page-actions button{flex:1;justify-content:center}.topic-revision-notice{align-items:flex-start;flex-direction:column}.rich-link-fields{grid-template-columns:1fr}.rich-link-fields button{min-height:38px}.topic-inline-editor>div:last-child{display:grid}.topic-inline-editor .button{width:100%}}

/* =========================================================
   V5.3 — Studio operational refinement
   ========================================================= */
html[data-theme="dark"]{--ink:#e7eef3;--navy:#061521;--navy2:#0a2234;--bg:#10161d;--paper:#171e26;--line:#2c3945;--muted:#9badba;--sky:#17242e;color-scheme:dark}
html[data-theme="dark"] body{background:var(--bg);color:var(--ink)}

/* compact Studio shell */
.studio-app{grid-template-columns:236px minmax(0,1fr);background:#f2f6fa}
.studio-sidebar{padding:14px 10px;background:#061c2c;scrollbar-width:thin;scrollbar-color:#315466 transparent}
.studio-brand{padding:0 6px 13px}.studio-brand img{width:148px;height:46px;border-radius:7px;padding:5px 9px;background:#fff;object-fit:contain}.studio-brand span{margin-top:9px;font-size:.6rem}
html[data-theme="dark"] .studio-brand img{background:#02070a}
.studio-sidebar nav{padding-top:10px}.studio-nav-group{margin-bottom:10px}.studio-nav-group button{height:41px;border-radius:7px;padding:0 9px;grid-template-columns:20px 1fr 16px;font-size:.84rem}.studio-nav-group button svg{font-size:1rem}.studio-nav-parent{font-size:.78rem!important}.studio-nav-children{margin-left:14px;padding-left:8px}.studio-nav-children button{height:38px!important;font-size:.78rem!important}
.studio-user-foot{padding:12px 7px 2px}.studio-user-foot strong{font-size:.78rem;margin:2px 0 8px}.studio-user-foot small{font-size:.62rem}.studio-profile-shortcut{width:100%;display:grid!important;grid-template-columns:32px 1fr!important;text-align:left}.studio-avatar.small{width:30px;height:30px}
.studio-main{min-width:0}.studio-topbar{height:76px;padding:0 24px}.studio-content{padding:30px 30px 48px;max-width:1580px;width:100%}.studio-section-header{margin-bottom:22px}.studio-section-header h1{font-size:2.15rem}.studio-section-header>div>span{font-size:.64rem}
.studio-section-error{min-height:340px;border:1px solid var(--line);background:var(--paper);display:flex;align-items:center;justify-content:center;gap:18px;padding:38px}.studio-section-error>svg{font-size:2rem;color:var(--amber)}.studio-section-error strong{font-size:1.25rem}.studio-section-error p{color:var(--muted);max-width:560px}

/* dropdown — shared single-select control */
.dropdown-field{display:grid;gap:7px;min-width:0}.dropdown-field>span{font-size:.72rem;font-weight:820;color:#435d6c}.dropdown{position:relative;min-width:0}.dropdown-trigger{width:100%;min-height:46px;border:1px solid #c9dae3;background:#fff;border-radius:9px;padding:0 12px;display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;outline:0}.dropdown-trigger>span{display:flex;align-items:center;gap:9px;min-width:0}.dropdown-trigger b{font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dropdown-trigger img,.dropdown-menu img{width:24px;height:16px;object-fit:cover;border-radius:2px}.dropdown-trigger>svg{flex:none;color:#56707f;transition:transform .18s ease}.dropdown.open .dropdown-trigger{border-color:#22b6cf;box-shadow:0 0 0 3px rgba(32,196,221,.12)}.dropdown.open .dropdown-trigger>svg{transform:rotate(180deg)}.dropdown-trigger:focus-visible{outline:3px solid rgba(32,196,221,.25);outline-offset:2px}.dropdown-trigger:disabled{opacity:.55;cursor:not-allowed}.dropdown-placeholder{color:#7d919d}.dropdown.compact{min-width:185px}.dropdown.compact .dropdown-trigger{min-height:42px}
.dropdown-menu{position:absolute;left:0;right:0;top:calc(100% + 7px);z-index:520;background:#fff;border:1px solid #cbdbe3;border-radius:10px;padding:5px;box-shadow:0 16px 38px rgba(6,26,41,.16);max-height:280px;overflow:auto}.dropdown-menu button{width:100%;min-height:42px;border:0;background:transparent;border-radius:7px;padding:8px 9px;display:grid;grid-template-columns:auto 1fr 18px;gap:9px;align-items:center;text-align:left}.dropdown-menu button:not(:has(img)){grid-template-columns:1fr 18px}.dropdown-menu button:hover,.dropdown-menu button.active{background:#edf8fa}.dropdown-menu button.selected{color:#087e95}.dropdown-menu button:focus-visible{outline:2px solid #20c4dd;outline-offset:-2px}.dropdown-menu button:disabled{opacity:.48}.dropdown-menu button span{min-width:0}.dropdown-menu strong,.dropdown-menu small{display:block}.dropdown-menu strong{font-size:.82rem}.dropdown-menu small{font-size:.68rem;color:var(--muted);margin-top:2px}

/* language switcher matches Dropdown language */
.language-trigger{border-radius:9px!important}.language-menu{border-radius:10px!important;padding:5px!important}.language-menu button{border-radius:7px!important}.language-trigger img,.language-menu img{object-fit:cover}

/* operational modal system */
.modal-backdrop{padding:22px;background:rgba(3,17,27,.62);backdrop-filter:blur(6px)}.modal{border:1px solid rgba(191,211,221,.8);border-radius:16px;overflow:hidden;max-height:min(90vh,940px);display:flex;flex-direction:column;background:var(--paper)}.modal-medium{width:min(640px,100%)}.modal-large{width:min(980px,100%)}.modal-xlarge{width:min(1220px,100%)}.modal-header{padding:22px 24px 16px;background:var(--paper);flex:none}.modal-header h2{font-size:1.6rem}.modal-body{padding:22px 24px 26px;overflow:auto;min-height:0}.modal-close{width:42px;height:42px;background:#f5f8fa}.modal-close:hover{background:#eaf2f5}.modal .studio-form{padding-bottom:0}.studio-form-actions{position:sticky;bottom:-26px;z-index:5;background:linear-gradient(180deg,rgba(255,255,255,0),var(--paper) 20%);padding-top:24px;padding-bottom:2px;display:flex;justify-content:flex-end}.studio-form-actions .button{min-width:150px}.form-section{border:1px solid var(--line);border-radius:11px;padding:18px;margin-bottom:15px;background:#fff}.form-section>h3{margin:0 0 16px;font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;color:#536c7a}.form-help{color:var(--muted);font-size:.78rem;line-height:1.55;margin-top:-4px}.studio-form label>span,.upload-field>span{font-size:.72rem;font-weight:820;color:#435d6c}.studio-form input,.studio-form textarea,.gallery-url-row input{border:1px solid #c9dae3;border-radius:9px;background:#fff;outline:0}.studio-form input:focus,.studio-form textarea:focus,.gallery-url-row input:focus{border-color:#22b6cf;box-shadow:0 0 0 3px rgba(32,196,221,.11)}

/* upload */
.upload-field{display:grid;gap:8px;margin-bottom:14px}.upload-control{border:1px dashed #b9cfd9;background:#f8fbfc;border-radius:11px;padding:12px;display:grid;grid-template-columns:150px 1fr;gap:14px}.upload-preview{height:108px;border-radius:8px;background:#eaf2f5;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:#6c8290}.upload-preview img{width:100%;height:100%;object-fit:cover}.upload-preview svg{font-size:1.7rem}.upload-preview strong{font-size:.7rem;max-width:125px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.upload-preview small{font-size:.68rem}.upload-actions{display:flex;flex-direction:column;justify-content:center;gap:9px}.upload-url{height:42px;border:1px solid #cedde4;border-radius:8px;background:#fff;display:flex;align-items:center;padding:0 10px;gap:8px}.upload-url input{border:0!important;box-shadow:none!important;background:transparent!important;width:100%;min-width:0}.upload-url svg{color:#748a96}.gallery-url-row{display:flex;gap:8px}.gallery-url-row input{flex:1;padding:0 11px;min-height:42px}.gallery-thumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:10px}.gallery-thumbs>div{height:82px;position:relative;border:1px solid var(--line);border-radius:8px;overflow:hidden}.gallery-thumbs img{width:100%;height:100%;object-fit:cover}.gallery-thumbs button{position:absolute;right:4px;top:4px;width:26px;height:26px;border:0;border-radius:50%;background:rgba(6,26,41,.85);color:#fff;display:grid;place-items:center}

/* richer catalog administration */
.catalog-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.studio-search{height:44px;min-width:310px;max-width:520px;flex:1;display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:9px;background:#fff;padding:0 12px}.studio-search input{width:100%;border:0;outline:0;background:transparent}.product-admin-list.richer{display:grid;gap:8px}.product-admin-list.richer>article{background:#fff;border:1px solid var(--line);border-radius:11px;display:grid;grid-template-columns:108px minmax(0,1fr) 125px auto;align-items:center;gap:16px;padding:12px;transition:border-color .16s ease,box-shadow .16s ease}.product-admin-list.richer>article:hover{border-color:#b5d6df;box-shadow:0 6px 20px rgba(7,31,49,.05)}.product-admin-thumb{height:78px;border-radius:8px;background:#edf4f6;overflow:hidden;display:grid;place-items:center;position:relative;color:#78909c}.product-admin-thumb>img{width:100%;height:100%;object-fit:cover}.product-admin-thumb>svg{font-size:1.8rem}.media-chip{position:absolute;left:5px;bottom:5px;background:rgba(6,26,41,.86);color:#fff;border-radius:5px;padding:3px 5px;font-size:.58rem;display:flex;align-items:center;gap:3px}.product-admin-main{min-width:0}.product-admin-main h3{margin:6px 0 5px;font-size:1rem}.product-admin-main p{margin:0;color:var(--muted);font-size:.76rem;line-height:1.45;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-admin-labels{display:flex;flex-wrap:wrap;gap:5px;align-items:center}.product-admin-labels>span{font-size:.61rem;border:1px solid #d5e2e7;border-radius:999px;padding:3px 7px;color:#607a88}.product-kind{text-transform:uppercase;font-weight:820}.catalog-badge{display:inline-block;margin-top:6px;color:#087e95;font-weight:750}.product-admin-price{text-align:right}.product-admin-price strong,.product-admin-price small{display:block}.product-admin-price strong{font-size:1.1rem}.product-admin-price small{font-size:.65rem;color:var(--muted);margin-top:3px}.compact-action{min-height:38px;padding-inline:12px}.product-editor-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:18px}.product-media-editor{min-width:0}.product-media-editor .form-section{position:sticky;top:0}.gallery-editor>strong{display:block;font-size:.74rem;margin:4px 0 10px}

/* course manager */
.course-manager-modal .modal-body{padding-top:0}.course-manager-tabs{position:sticky;top:0;z-index:4;background:var(--paper);display:flex;gap:3px;border-bottom:1px solid var(--line);margin:0 -24px 20px;padding:0 24px}.course-manager-tabs button{height:48px;border:0;border-bottom:3px solid transparent;background:transparent;padding:0 15px;font-weight:760;color:#617986}.course-manager-tabs button.active{color:#087e95;border-bottom-color:#20c4dd}.course-content-manager{display:grid;gap:13px}.manager-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:4px}.manager-toolbar h3{margin:0}.manager-toolbar p{margin:4px 0 0;color:var(--muted);font-size:.78rem}.module-block{border:1px solid var(--line);border-radius:11px;background:#fff;overflow:hidden}.module-block>header{padding:14px 16px;background:#f8fbfc;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px}.module-block>header span{display:block;font-size:.61rem;text-transform:uppercase;letter-spacing:.08em;color:#7a909c}.module-block>header h4{margin:3px 0 0}.module-block>div>article{display:grid;grid-template-columns:38px minmax(0,1fr) auto auto;gap:11px;align-items:center;padding:12px 16px;border-bottom:1px solid #edf2f4}.module-block>div>article:last-child{border-bottom:0}.lesson-kind{width:34px;height:34px;border-radius:8px;background:#edf8fa;color:#087e95;display:grid;place-items:center}.module-block article strong,.module-block article small{display:block}.module-block article small{color:var(--muted);font-size:.68rem;margin-top:2px}.module-block article>a{font-size:.7rem;color:#087e95;font-weight:750}.row-actions{display:flex;align-items:center;gap:6px}.icon-row-action{width:34px;height:34px;border:1px solid var(--line);border-radius:8px;background:#fff;display:grid;place-items:center;color:#087e95}.icon-row-action:hover{background:#edf8fa}.icon-row-action.danger{color:#b33a49}.attendance-toolbar{max-width:240px;margin-bottom:14px}.data-table td .status{white-space:nowrap}

/* profile, notifications and user editor */
.studio-profile-button{border:0;background:transparent;border-radius:9px;padding:4px 7px;display:flex;align-items:center;gap:9px}.studio-profile-button:hover{background:#f0f5f7}.studio-avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#09283c;color:#fff;font-weight:850;font-size:.72rem}.studio-identity{text-align:left}.studio-identity strong,.studio-identity small{display:block}.studio-identity strong{font-size:.78rem}.studio-identity small{font-size:.64rem;color:var(--muted);margin-top:2px}.studio-popover-anchor{position:relative}.notification-dot{position:absolute;right:-4px;top:-5px;min-width:17px;height:17px;border-radius:999px;background:#dc5b63;color:#fff;font-size:.56rem;display:grid;place-items:center;border:2px solid #fff}.notification-popover{position:absolute;right:0;top:52px;width:360px;background:#fff;border:1px solid var(--line);border-radius:11px;box-shadow:0 18px 44px rgba(6,26,41,.18);z-index:550;overflow:hidden}.notification-popover>header{height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 12px 0 15px;border-bottom:1px solid var(--line)}.notification-popover>div{max-height:360px;overflow:auto}.notification-popover>div>button{width:100%;border:0;background:#fff;padding:12px 14px;display:grid;grid-template-columns:32px 1fr;gap:9px;text-align:left;border-bottom:1px solid #edf2f4}.notification-popover>div>button:hover{background:#f7fafb}.notification-popover>div>button.read{opacity:.63}.notice-icon{width:30px;height:30px;background:#e9f7fa;color:#07839a;border-radius:8px;display:grid;place-items:center}.notification-popover strong,.notification-popover small,.notification-popover em{display:block}.notification-popover strong{font-size:.76rem}.notification-popover small{font-size:.7rem;color:#5d7380;margin-top:2px}.notification-popover em{font-style:normal;font-size:.59rem;color:#93a3ac;margin-top:5px}.popover-empty{padding:28px;text-align:center;color:var(--muted);font-size:.76rem}.profile-modal-grid{display:grid;grid-template-columns:1fr .8fr;gap:18px}.profile-modal-grid>section{min-width:0}.profile-modal-grid h3{margin-top:0}.security-box{border:1px solid var(--line);background:#f8fbfc;border-radius:11px;padding:18px;height:max-content}.security-status,.mfa-admin-card{display:flex;align-items:center;gap:10px}.security-status>svg,.mfa-admin-card>svg{width:38px;height:38px;padding:9px;border-radius:9px;background:#e8f6f9;color:#07839a}.security-status strong,.security-status small,.mfa-admin-card strong,.mfa-admin-card small{display:block}.security-status small,.mfa-admin-card small{color:var(--muted);font-size:.7rem}.mfa-setup{margin-top:16px;border-top:1px solid var(--line);padding-top:14px}.mfa-setup code{display:block;padding:10px;border-radius:7px;background:#071b2c;color:#fff;word-break:break-all}.mfa-setup>small{display:block;color:var(--muted);font-size:.62rem;word-break:break-all;margin:8px 0}.user-editor-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:16px}.user-permissions{max-height:340px;overflow:auto;border:1px solid var(--line);border-radius:9px}.switch-line{display:flex;align-items:center;gap:8px}.switch-line input{width:17px;height:17px}

/* popup product and preview */
.campaign-modal{border-radius:18px;border:1px solid rgba(205,222,230,.75);overflow:hidden}.campaign-media{min-height:480px}.campaign-content{padding:44px}.campaign-content h2{font-size:clamp(2.1rem,3.6vw,3.75rem)}.campaign-submit{background:#20c4dd!important;color:#031922!important;border-radius:9px!important;min-height:50px}.campaign-trust{margin-top:15px;color:#728895;font-size:.67rem;display:flex;align-items:center;gap:6px}.campaign-trust svg{color:#17a778}.campaign-modal.variant-form{grid-template-columns:.9fr 1.1fr;width:min(1100px,96vw)}.campaign-modal.variant-video{grid-template-columns:1fr;width:min(920px,96vw)}.campaign-modal.variant-video .campaign-media{min-height:360px;max-height:480px}.campaign-modal.variant-video .campaign-content{padding:32px 42px}.campaign-modal.variant-floating{position:fixed;right:28px;bottom:28px;width:min(430px,calc(100vw - 40px));max-height:80vh}.overlay-floating{place-items:end}.campaign-modal.variant-pulse{box-shadow:0 0 0 0 rgba(32,196,221,.35),0 30px 80px rgba(3,17,27,.35);animation:popupPulse 2.1s ease-in-out infinite}.campaign-modal.motion-slide-up{animation:popupSlideUp .32s ease both}.campaign-modal.motion-slide-left{animation:popupSlideLeft .32s ease both}.campaign-modal.motion-scale{animation:popupScale .25s ease both}.campaign-modal.motion-shake-soft{animation:popupShake .38s ease both}.campaign-coupon{border-radius:8px}.campaign-form input{min-height:44px}.campaign-close{border:1px solid #d9e5eb;background:#f7fafb}.campaign-close:hover{background:#e9f2f5}
@keyframes popupSlideUp{from{opacity:0;transform:translateY(34px)}to{opacity:1;transform:none}}@keyframes popupSlideLeft{from{opacity:0;transform:translateX(34px)}to{opacity:1;transform:none}}@keyframes popupScale{from{opacity:0;transform:scale(.965)}to{opacity:1;transform:none}}@keyframes popupShake{0%,100%{transform:none}35%{transform:translateX(-5px)}70%{transform:translateX(4px)}}@keyframes popupPulse{0%,100%{box-shadow:0 0 0 0 rgba(32,196,221,.28),0 30px 80px rgba(3,17,27,.35)}50%{box-shadow:0 0 0 9px rgba(32,196,221,0),0 30px 80px rgba(3,17,27,.35)}}
.campaign-editor-layout{grid-template-columns:minmax(0,1.08fr) minmax(340px,.72fr)}.campaign-editor-modal .modal-body{background:#fbfcfd}.popup-live-preview{border:1px solid var(--line);background:#eef4f6;border-radius:11px;padding:16px}.studio-popup-preview{background:#fff;border:1px solid #d3e0e6;border-radius:12px;overflow:hidden;box-shadow:0 13px 30px rgba(7,31,49,.08);display:grid;grid-template-columns:1fr;min-height:360px}.studio-popup-media{height:180px;overflow:hidden;background:#dce8ed;position:relative}.studio-popup-media img,.studio-popup-media video{width:100%;height:100%;object-fit:cover}.studio-popup-video-media>span{position:absolute;left:9px;bottom:9px;background:#061a29;color:#fff;border-radius:6px;padding:5px 7px;font-size:.62rem}.studio-popup-copy{padding:20px}.studio-popup-copy>small{color:#07839a;font-weight:880;letter-spacing:.08em}.studio-popup-copy h3{font-size:1.45rem;line-height:1.04;margin:8px 0 10px}.studio-popup-copy p{color:#647789;font-size:.78rem;line-height:1.5}.studio-popup-copy>button{border:0;border-radius:8px;background:#20c4dd;padding:10px 14px;font-weight:850;display:inline-flex;gap:7px;align-items:center}.studio-popup-split-media,.studio-popup-form{grid-template-columns:.9fr 1.1fr}.studio-popup-split-media .studio-popup-media,.studio-popup-form .studio-popup-media{height:100%;min-height:360px}.studio-popup-video{grid-template-columns:1fr}.studio-popup-video .studio-popup-media{height:210px}.studio-popup-compact,.studio-popup-pulse,.studio-popup-floating{max-width:360px;margin:auto}.studio-popup-compact .studio-popup-media,.studio-popup-pulse .studio-popup-media,.studio-popup-floating .studio-popup-media{display:none}.studio-popup-pulse{box-shadow:0 0 0 5px rgba(32,196,221,.09)}.studio-popup-floating{margin-left:auto}.preview-fields{display:grid;gap:7px;margin:12px 0}.preview-fields label span{display:block;font-size:.58rem;color:#5d7380;margin-bottom:3px}.preview-fields i{display:block;height:28px;border:1px solid #cfdee5;border-radius:6px;background:#fff}.studio-preview-coupon{display:flex;align-items:center;justify-content:space-between;border:1px dashed #27afc6;background:#eefafd;border-radius:7px;padding:8px 9px;margin:10px 0}.studio-preview-coupon span{font-size:.58rem;text-transform:uppercase;color:#6d8290}.studio-preview-coupon strong{font-size:.7rem;letter-spacing:.08em}

/* dark theme operational surfaces */
html[data-theme="dark"] .studio-app{background:#10161d}html[data-theme="dark"] .studio-topbar,html[data-theme="dark"] .modal,html[data-theme="dark"] .modal-header,html[data-theme="dark"] .modal-body,html[data-theme="dark"] .studio-kpis article,html[data-theme="dark"] .studio-panel,html[data-theme="dark"] .data-table-wrap,html[data-theme="dark"] .settings-cards article,html[data-theme="dark"] .role-grid article,html[data-theme="dark"] .product-admin-list.richer>article,html[data-theme="dark"] .module-block,html[data-theme="dark"] .notification-popover,html[data-theme="dark"] .notification-popover>div>button,html[data-theme="dark"] .form-section,html[data-theme="dark"] .dropdown-trigger,html[data-theme="dark"] .dropdown-menu,html[data-theme="dark"] .studio-form input,html[data-theme="dark"] .studio-form textarea,html[data-theme="dark"] .upload-url,html[data-theme="dark"] .gallery-url-row input{background:#171e26;color:#e7eef3;border-color:#31404d}html[data-theme="dark"] .data-table th,html[data-theme="dark"] .module-block>header,html[data-theme="dark"] .security-box,html[data-theme="dark"] .upload-control{background:#131b22;color:#dce6eb;border-color:#31404d}html[data-theme="dark"] .data-table td,html[data-theme="dark"] .module-block>div>article,html[data-theme="dark"] .notification-popover>div>button{border-color:#283642}html[data-theme="dark"] .dropdown-menu button:hover,html[data-theme="dark"] .dropdown-menu button.active,html[data-theme="dark"] .studio-profile-button:hover{background:#22303a}html[data-theme="dark"] .dropdown-field>span,html[data-theme="dark"] .studio-form label>span,html[data-theme="dark"] .upload-field>span{color:#b6c4cc}html[data-theme="dark"] .studio-form-actions{background:linear-gradient(180deg,rgba(23,30,38,0),#171e26 20%)}html[data-theme="dark"] .icon-button,html[data-theme="dark"] .circle-action,html[data-theme="dark"] .icon-row-action,html[data-theme="dark"] .button.ghost{background:#171e26;color:#dce6eb;border-color:#31404d}html[data-theme="dark"] .modal-close{background:#202a33}html[data-theme="dark"] .popup-live-preview{background:#111920;border-color:#31404d}html[data-theme="dark"] .campaign-editor-modal .modal-body{background:#12191f}html[data-theme="dark"] .studio-popup-preview,html[data-theme="dark"] .studio-popup-copy,html[data-theme="dark"] .preview-fields i{background:#171e26;color:#e7eef3;border-color:#31404d}

@media(max-width:1100px){.studio-app{grid-template-columns:1fr}.studio-sidebar{width:236px;left:-246px}.product-editor-grid,.user-editor-grid,.profile-modal-grid{grid-template-columns:1fr}.product-media-editor .form-section{position:static}.campaign-editor-layout{grid-template-columns:1fr}.popup-live-preview{position:static}.product-admin-list.richer>article{grid-template-columns:86px minmax(0,1fr) 110px auto}}
@media(max-width:720px){.studio-content{padding:22px 15px}.studio-section-header{align-items:stretch;flex-direction:column}.studio-section-header>.button{width:100%}.catalog-toolbar{align-items:stretch;flex-direction:column}.studio-search{min-width:0;max-width:none}.dropdown.compact{width:100%}.product-admin-list.richer>article{grid-template-columns:72px 1fr}.product-admin-price,.product-admin-list .compact-action{grid-column:2}.product-admin-price{text-align:left}.upload-control{grid-template-columns:1fr}.upload-preview{height:150px}.gallery-thumbs{grid-template-columns:repeat(2,1fr)}.module-block>header{align-items:flex-start;flex-direction:column}.module-block>div>article{grid-template-columns:34px 1fr}.module-block article>a,.module-block article>.row-actions{grid-column:2}.notification-popover{position:fixed;left:12px;right:12px;top:78px;width:auto}.modal-backdrop{padding:8px}.modal{max-height:96vh;border-radius:12px}.modal-body{padding:18px}.modal-header{padding:18px}.course-manager-tabs{margin:0 -18px 18px;padding:0 18px;overflow:auto}.campaign-modal.variant-form,.campaign-modal{grid-template-columns:1fr;width:min(620px,96vw)}.campaign-media{min-height:250px;max-height:280px}.campaign-content{padding:28px}.studio-popup-split-media,.studio-popup-form{grid-template-columns:1fr}.studio-popup-split-media .studio-popup-media,.studio-popup-form .studio-popup-media{min-height:170px;height:170px}}
@media(prefers-reduced-motion:reduce){.campaign-modal,.campaign-modal.variant-pulse{animation:none!important}}

/* =========================================================
   V5.3 final polish — compact operation, consistent surfaces
   ========================================================= */
@media(min-width:1101px){
  .studio-app{grid-template-columns:216px minmax(0,1fr)}
  .studio-sidebar{padding:12px 8px}
  .studio-brand{padding:0 5px 10px}
  .studio-brand img{width:132px;height:42px;padding:4px 8px}
  .studio-brand span{margin-top:7px;font-size:.56rem}
  .studio-sidebar nav{padding-top:8px}
  .studio-nav-group{margin-bottom:7px;gap:2px}
  .studio-nav-group button{height:37px;padding:0 8px;grid-template-columns:18px 1fr 14px;gap:7px;font-size:.79rem}
  .studio-nav-children{margin-left:11px;padding-left:7px}
  .studio-nav-children button{height:34px!important;font-size:.75rem!important}
  .studio-user-foot{padding:9px 5px 1px}
}
.studio-nav-parent.current{background:#092b40;color:#fff}.studio-nav-parent>svg:last-child{transition:transform .16s ease}.studio-nav-parent>svg.rotated{transform:rotate(180deg)}
.studio-topbar{box-shadow:0 1px 0 rgba(5,28,43,.02)}.studio-profile-button,.circle-action{transition:background .15s ease,border-color .15s ease,transform .15s ease}.circle-action:active,.studio-profile-button:active{transform:translateY(1px)}

/* Modal geometry stays symmetrical regardless of split content. */
.modal,.campaign-modal,.studio-popup-preview{isolation:isolate}.modal>*:first-child,.campaign-modal>*:first-child{border-top-left-radius:inherit}.modal>*:last-child,.campaign-modal>*:last-child{border-bottom-right-radius:inherit}
.modal-header{border-radius:16px 16px 0 0}.modal-body{border-radius:0 0 16px 16px}.modal-close{flex:0 0 auto}

/* Dense but readable table/list operation. */
.product-admin-list.richer>article{grid-template-columns:96px minmax(0,1fr) 118px auto;padding:10px 12px;min-height:100px}
.product-admin-thumb{height:72px}.product-admin-main h3{font-size:.96rem}.product-admin-main p{max-width:820px}.product-admin-price strong{font-size:1rem}
.course-admin-list{display:grid;gap:9px}.course-admin-list>article{display:grid;grid-template-columns:92px minmax(0,1fr) auto;gap:15px;align-items:center;background:var(--paper);border:1px solid var(--line);border-radius:11px;padding:11px 13px}.course-admin-cover{width:92px;height:68px;border-radius:8px;overflow:hidden;background:#edf4f6;display:grid;place-items:center;color:#718997}.course-admin-cover img{width:100%;height:100%;object-fit:cover}.course-admin-list h3{margin:4px 0 5px;font-size:1rem}.course-admin-list p{margin:0;color:var(--muted);font-size:.75rem;line-height:1.45}.course-admin-meta{display:flex;gap:7px;align-items:center;margin-top:8px}.course-admin-meta>span{font-size:.66rem;color:var(--muted)}

/* Course manager reads like an authoring tool, not a generic form. */
.course-manager-tabs{display:flex;gap:3px;border-bottom:1px solid var(--line);margin:-4px -24px 20px;padding:0 24px;background:var(--paper);position:sticky;top:0;z-index:4}.course-manager-tabs button{border:0;background:transparent;padding:12px 13px 11px;color:var(--muted);font-weight:780;border-bottom:2px solid transparent}.course-manager-tabs button.active{color:#087f96;border-color:#20c4dd}.manager-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:12px}.manager-toolbar h3{margin:0}.manager-toolbar p{margin:3px 0 0;color:var(--muted);font-size:.75rem}.module-block{border:1px solid var(--line);border-radius:10px;background:var(--paper);overflow:hidden;margin-bottom:10px}.module-block>header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 14px;background:#f7fafb;border-bottom:1px solid var(--line)}.module-block>header span{font-size:.59rem;color:#0b8197;text-transform:uppercase;font-weight:850;letter-spacing:.07em}.module-block>header h4{margin:3px 0 0}.row-actions{display:flex;align-items:center;gap:5px}.icon-row-action{width:34px;height:34px;border:1px solid var(--line);background:var(--paper);border-radius:7px;display:grid;place-items:center;color:#537080}.icon-row-action.danger{color:#bd4d59}.module-block>div>article{display:grid;grid-template-columns:34px minmax(0,1fr) auto auto;gap:10px;align-items:center;padding:10px 14px;border-bottom:1px solid #edf1f3}.module-block>div>article:last-child{border-bottom:0}.lesson-kind{width:30px;height:30px;border-radius:7px;background:#eaf7fa;color:#07839a;display:grid;place-items:center}.module-block article strong,.module-block article small{display:block}.module-block article small{color:var(--muted);font-size:.65rem;margin-top:2px}

/* Product editor media stays visually subordinate to the editable business data. */
.product-editor-modal .modal-body{background:#f7fafb}.product-editor-modal .form-section{background:#fff}.product-media-editor .form-section{position:sticky;top:0}.product-active{margin-top:14px;padding:10px 12px;background:#f5f9fa;border:1px solid var(--line);border-radius:8px;width:max-content}

/* Popup editor and live preview use the same visual language as runtime. */
.campaign-editor-modal .modal-body{padding-top:18px}.campaign-editor-layout{align-items:start}.popup-live-preview{padding:14px;background:#eaf1f4}.popup-live-preview>span{display:block;margin:0 0 10px 2px}.studio-popup-preview{min-height:320px;border-radius:14px}.studio-popup-copy{display:flex;flex-direction:column;justify-content:center}.studio-popup-copy h3{font-size:1.5rem;letter-spacing:-.025em}.studio-popup-copy>button{align-self:flex-start}.studio-popup-form .studio-popup-copy{justify-content:flex-start;padding-top:24px}.studio-popup-floating{box-shadow:0 18px 48px rgba(6,28,43,.18)}
.campaign-modal{border-radius:20px}.campaign-modal.variant-split-media,.campaign-modal.variant-form{grid-template-columns:.92fr 1.08fr}.campaign-modal.variant-compact .campaign-content,.campaign-modal.variant-pulse .campaign-content{padding:38px}.campaign-modal.variant-floating{border-radius:16px}.campaign-modal.variant-floating .campaign-content{padding:26px}.campaign-modal.variant-video .campaign-media{border-radius:0}.campaign-content{background:#fff}

/* Custom controls never fall back to browser-default appearance. */
.dropdown-trigger,.dropdown-menu button,.language-trigger,.language-menu button{-webkit-appearance:none;appearance:none;font:inherit}.dropdown-menu{transform-origin:top;animation:dropdownIn .13s ease both}@keyframes dropdownIn{from{opacity:0;transform:translateY(-4px) scale(.99)}to{opacity:1;transform:none}}

/* Operational empty/error states stay inside the shell. */
.studio-section-error{border-radius:11px;min-height:260px}.studio-section-error>div{max-width:560px}.studio-section-error p{margin:7px 0 18px}

html[data-theme="dark"] .course-admin-list>article,html[data-theme="dark"] .product-editor-modal .form-section,html[data-theme="dark"] .product-active,html[data-theme="dark"] .module-block>header{background:#171e26;border-color:#31404d}html[data-theme="dark"] .product-editor-modal .modal-body{background:#12191f}html[data-theme="dark"] .lesson-kind{background:#17303b}

@media(max-width:1100px){.studio-sidebar{width:216px;left:-226px}}
@media(max-width:720px){.course-admin-list>article{grid-template-columns:72px minmax(0,1fr)}.course-admin-cover{width:72px;height:60px}.course-admin-list>article>.button{grid-column:2;justify-self:start}.manager-toolbar{align-items:flex-start;flex-direction:column}.module-block>div>article{grid-template-columns:32px 1fr}.module-block article>a,.module-block article>.row-actions{grid-column:2}}

/* =========================================================
   V5.3.1 — final Studio/CMS interaction polish
   ========================================================= */
@media(min-width:1101px){
  .studio-app{grid-template-columns:196px minmax(0,1fr);transition:grid-template-columns .18s ease}
  .studio-sidebar{padding:10px 7px;overflow-x:hidden}
  .studio-brand{display:grid;grid-template-columns:minmax(0,1fr) 28px;gap:6px;align-items:center;padding:0 3px 9px;position:relative}
  .studio-brand img{width:116px;height:40px;padding:3px 6px;border-radius:7px;background:transparent;object-fit:contain}
  .studio-brand>span{grid-column:1/-1;margin:3px 4px 0;font-size:.53rem}
  .studio-collapse{width:28px;height:28px;border:1px solid #22465b;border-radius:7px;background:#0a2b3e;color:#a9c8d5;display:grid;place-items:center;cursor:pointer}
  .studio-collapse:hover{background:#10415a;color:#fff}
  .studio-sidebar nav{padding-top:7px}
  .studio-nav-group{margin-bottom:6px}
  .studio-nav-group button{height:35px;padding:0 7px;grid-template-columns:17px 1fr 13px;gap:6px;font-size:.75rem;border-radius:7px}
  .studio-nav-group button svg{font-size:.92rem}
  .studio-nav-parent{font-size:.72rem!important}
  .studio-nav-children{margin-left:9px;padding-left:6px}
  .studio-nav-children button{height:32px!important;font-size:.71rem!important}
  .studio-user-foot{padding:8px 3px 1px}
  .studio-profile-shortcut{grid-template-columns:28px minmax(0,1fr)!important;gap:7px!important}
  .studio-avatar.small{width:28px;height:28px;font-size:.66rem}
  .studio-user-foot strong{font-size:.72rem}
  .studio-user-foot small{font-size:.57rem}
  .studio-app.sidebar-collapsed{grid-template-columns:68px minmax(0,1fr)}
  .sidebar-collapsed .studio-sidebar{padding-inline:8px}
  .sidebar-collapsed .studio-brand{grid-template-columns:1fr;padding:0 0 9px;justify-items:center}
  .sidebar-collapsed .studio-brand img{width:48px;height:38px;padding:2px}
  .sidebar-collapsed .studio-brand>span{display:none}
  .sidebar-collapsed .studio-collapse{grid-row:2;width:32px;height:28px;margin-top:3px}
  .sidebar-collapsed .studio-nav-group button{grid-template-columns:1fr;justify-items:center;padding:0;width:100%}
  .sidebar-collapsed .studio-nav-group button>span,.sidebar-collapsed .studio-nav-group button>svg:last-child{display:none}
  .sidebar-collapsed .studio-nav-parent{height:38px}
  .sidebar-collapsed .studio-nav-parent>svg:first-child,.sidebar-collapsed .studio-nav-group button>svg:first-child{font-size:1.03rem}
  .sidebar-collapsed .studio-user-foot{display:grid;justify-items:center;gap:7px}
  .sidebar-collapsed .studio-profile-shortcut{display:block!important;width:auto}
  .sidebar-collapsed .studio-profile-shortcut>span:last-child{display:none}
  .sidebar-collapsed .studio-user-foot>button:last-child{font-size:0;width:32px;height:32px;display:grid;place-items:center;padding:0}
  .sidebar-collapsed .studio-user-foot>button:last-child svg{font-size:1rem}
}

/* Dropdowns render in a portal so menus are never clipped by modals/tables. */
.dropdown-menu-portal{right:auto;z-index:1000;overflow:auto;overscroll-behavior:contain}
.dropdown-menu-portal button{cursor:pointer}
.dropdown-menu-portal button.selected{background:#f0fafc;color:#066f84}
.dropdown-menu-portal button.selected svg{color:#08a0ba}
html[data-theme="dark"] .dropdown-menu-portal{background:#171e26;border-color:#31404d;color:#e7eef3}
html[data-theme="dark"] .dropdown-menu-portal button:hover,html[data-theme="dark"] .dropdown-menu-portal button.active,html[data-theme="dark"] .dropdown-menu-portal button.selected{background:#22303a}

/* A modal is one coherent surface: rounded shell, fixed header, independently scrolling body. */
.modal{overflow:hidden;border-radius:16px}
.modal-header{border-radius:0!important}
.modal-body{border-radius:0!important;overscroll-behavior:contain}
.modal-body>.studio-form:first-child{min-width:0}
.modal-backdrop{overflow:hidden}

/* Upload is both click and drag/drop, with real media preview. */
.upload-control{transition:border-color .15s ease,background .15s ease}
.upload-control.dragging{border-color:#18abc4;background:#ecfbfd}
.upload-preview{border:0;cursor:pointer;padding:0;text-align:center;position:relative;width:100%;font:inherit}
.upload-preview video{width:100%;height:100%;object-fit:cover;background:#071b2c}
.upload-busy{position:absolute;inset:auto 7px 7px;background:#061c2c;color:#fff;padding:4px 7px;border-radius:6px;font-size:.6rem}
.upload-secondary-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.upload-secondary-actions .button{padding-inline:0;min-height:auto}
.danger-text{color:#b64755!important}
html[data-theme="dark"] .upload-control.dragging{background:#17303a;border-color:#22b6cf}

/* Popup visual selector: six intentional compositions instead of an anonymous select. */
.popup-variant-fieldset{border:0;padding:0;margin:16px 0 18px;min-width:0}
.popup-variant-fieldset legend{font-size:.72rem;font-weight:820;color:#435d6c;margin-bottom:8px}
.popup-variant-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.popup-variant-picker>button{min-height:96px;position:relative;border:1px solid #ccdce4;background:#fff;border-radius:10px;padding:11px;text-align:left;display:grid;grid-template-columns:30px 1fr;grid-template-rows:auto auto;gap:4px 8px;cursor:pointer;color:#193346}
.popup-variant-picker>button>span{grid-row:1/3;width:30px;height:30px;border-radius:8px;background:#edf7f9;color:#07859b;display:grid;place-items:center}
.popup-variant-picker>button strong{font-size:.76rem;align-self:end}
.popup-variant-picker>button small{font-size:.62rem;line-height:1.35;color:#718692}
.popup-variant-picker>button:hover{border-color:#8fcbd7;background:#fbfeff}
.popup-variant-picker>button.selected{border-color:#18acc5;box-shadow:0 0 0 2px rgba(32,196,221,.1);background:#f3fcfd}
.variant-check{position:absolute;right:8px;top:8px;color:#0793aa}
html[data-theme="dark"] .popup-variant-picker>button{background:#171e26;border-color:#31404d;color:#e7eef3}
html[data-theme="dark"] .popup-variant-picker>button.selected{background:#17303a;border-color:#25b8cf}
html[data-theme="dark"] .popup-variant-fieldset legend{color:#b6c4cc}

/* The Studio preview mirrors the runtime campaign type and updates while editing. */
.popup-live-preview{position:sticky;top:0;min-height:360px}
.studio-campaign-banner-preview{min-height:74px;background:#061c2c;color:#fff;border-radius:11px;padding:12px 14px;display:grid;grid-template-columns:30px 1fr auto;gap:10px;align-items:center;box-shadow:0 12px 34px rgba(5,28,43,.16)}
.studio-campaign-banner-preview>svg{color:#2fd0e7;font-size:1.15rem}.studio-campaign-banner-preview strong,.studio-campaign-banner-preview small{display:block}.studio-campaign-banner-preview small{color:#a9bdc8;margin-top:2px;font-size:.67rem}.studio-campaign-banner-preview button{border:0;background:#2ac6dd;color:#04202b;border-radius:7px;padding:8px 10px;font-weight:850;display:flex;align-items:center;gap:5px}
.studio-campaign-notification-preview{width:min(330px,100%);margin:80px 0 0 auto;background:#fff;border:1px solid #d2e0e6;border-radius:12px;box-shadow:0 16px 42px rgba(5,28,43,.15);padding:13px;display:grid;grid-template-columns:34px 1fr;gap:10px;align-items:start}.studio-campaign-notification-preview>span{width:34px;height:34px;border-radius:9px;background:#e9f7fa;color:#07849a;display:grid;place-items:center}.studio-campaign-notification-preview strong,.studio-campaign-notification-preview small{display:block}.studio-campaign-notification-preview small{color:#6c8190;margin-top:3px;line-height:1.35}
html[data-theme="dark"] .studio-campaign-notification-preview{background:#171e26;border-color:#31404d;color:#e7eef3}

/* Runtime campaigns: each variant has a distinct information architecture. */
.campaign-modal{display:grid;max-height:min(88vh,820px)}
.campaign-modal .campaign-content{min-width:0;overflow:auto;overscroll-behavior:contain}
.campaign-modal.has-media.variant-split-media,.campaign-modal.has-media.variant-form{grid-template-columns:minmax(300px,.9fr) minmax(360px,1.1fr)}
.campaign-modal.no-media.variant-split-media,.campaign-modal.no-media.variant-form{grid-template-columns:1fr;width:min(620px,94vw)}
.campaign-modal.variant-compact{width:min(540px,94vw);border-top:4px solid #20c4dd}
.campaign-modal.variant-compact .campaign-content{padding:38px 40px}
.campaign-modal.variant-split-media .campaign-media,.campaign-modal.variant-form .campaign-media{min-height:0;height:100%;max-height:820px}
.campaign-modal.variant-form .campaign-content{justify-content:flex-start;padding:38px 42px}
.campaign-modal.variant-video{grid-template-rows:minmax(220px,48vh) auto;max-height:88vh}
.campaign-modal.variant-video .campaign-media{min-height:0;height:100%;max-height:none}
.campaign-modal.variant-video .campaign-content{padding:28px 36px;overflow:auto}
.campaign-modal.variant-floating{right:22px;bottom:22px;width:min(410px,calc(100vw - 32px));border-radius:14px;border-top:3px solid #20c4dd}
.campaign-modal.variant-floating .campaign-content{padding:25px 28px}
.campaign-modal.variant-pulse{width:min(560px,94vw);background:#061c2c;color:#fff;border:1px solid #17445d}
.campaign-modal.variant-pulse .campaign-content{background:#061c2c;padding:40px;color:#fff}
.campaign-modal.variant-pulse .campaign-content>p{color:#bad0db}.campaign-modal.variant-pulse .campaign-eyebrow{color:#39d4e9}.campaign-modal.variant-pulse .campaign-trust{color:#93b2c1}.campaign-modal.variant-pulse .campaign-close{background:#12354a;border-color:#25566d;color:#fff}
.campaign-modal.variant-pulse .campaign-coupon{background:#0d3549;border-color:#39cde2;color:#fff}
.campaign-overlay.overlay-floating{pointer-events:none}.campaign-overlay.overlay-floating .campaign-modal{pointer-events:auto}

/* Catalog management: rich compact rows + store preview inside the editor. */
.product-admin-list.richer>article{border-radius:10px;box-shadow:0 1px 0 rgba(6,28,43,.02);transition:border-color .15s ease,transform .15s ease,box-shadow .15s ease}
.product-admin-list.richer>article:hover{border-color:#b8d8e1;box-shadow:0 10px 28px rgba(7,31,49,.06);transform:translateY(-1px)}
.product-admin-thumb{position:relative}.media-chip{position:absolute;right:5px;bottom:5px;background:#061c2c!important;color:#fff!important;border:0!important}
.catalog-live-preview{border:1px solid var(--line);border-radius:11px;background:#fff;overflow:hidden;margin-bottom:14px}
.preview-label{display:block;font-size:.58rem;font-weight:900;letter-spacing:.1em;color:#087e95;padding:10px 12px 8px;border-bottom:1px solid var(--line)}
.catalog-preview-media{height:150px;background:#eaf2f5;position:relative;display:grid;place-items:center;color:#6d8491}.catalog-preview-media img{width:100%;height:100%;object-fit:cover}.catalog-preview-media>svg{font-size:2rem}.catalog-preview-media>span{position:absolute;right:8px;bottom:8px;background:#061c2c;color:#fff;padding:5px 7px;border-radius:6px;font-size:.6rem;display:flex;align-items:center;gap:4px}
.catalog-preview-copy{padding:14px}.catalog-preview-copy>em{display:inline-block;font-style:normal;font-size:.58rem;font-weight:850;background:#eaf8fb;color:#087e95;border-radius:999px;padding:4px 7px;margin-bottom:6px}.catalog-preview-copy>small{display:block;color:#738895;font-size:.62rem}.catalog-preview-copy h3{margin:5px 0 7px;font-size:1.05rem}.catalog-preview-copy p{margin:0;color:#657b89;font-size:.72rem;line-height:1.45}.catalog-preview-copy ul{list-style:none;padding:0;margin:10px 0;display:grid;gap:5px}.catalog-preview-copy li{display:flex;gap:6px;align-items:center;font-size:.67rem;color:#476474}.catalog-preview-copy li svg{color:#10a987}.catalog-preview-copy footer{border-top:1px solid var(--line);margin-top:11px;padding-top:10px;display:flex;align-items:end;justify-content:space-between}.catalog-preview-copy footer strong{font-size:1.1rem}.catalog-preview-copy footer span{font-size:.62rem;color:#738895}
html[data-theme="dark"] .catalog-live-preview,html[data-theme="dark"] .catalog-preview-copy{background:#171e26;border-color:#31404d;color:#e7eef3}

/* User editor: account, access and permissions are separate operational tasks. */
.user-editor-tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin:-5px 0 18px;overflow:auto}.user-editor-tabs button{border:0;background:transparent;color:#667e8c;padding:10px 12px;border-bottom:2px solid transparent;font-weight:800;display:flex;align-items:center;gap:7px;white-space:nowrap}.user-editor-tabs button.active{color:#087e95;border-color:#20c4dd}.user-editor-tabs button>span{font-size:.58rem;background:#eaf6f9;border-radius:999px;padding:2px 6px}.user-access-grid{display:grid;grid-template-columns:1fr .8fr;gap:14px}.role-summary,.permission-summary{border:1px solid var(--line);background:#f7fafb;border-radius:9px;padding:11px;display:flex;gap:10px;align-items:flex-start;margin-top:12px}.role-summary>svg,.permission-summary>svg{color:#07849a;margin-top:2px}.role-summary strong,.role-summary small,.permission-summary strong,.permission-summary small{display:block}.role-summary small,.permission-summary small{font-size:.67rem;color:#6b8190;margin-top:2px}.reset-mfa-line{margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}
.table-primary{display:flex;align-items:center;gap:9px}.table-avatar{width:28px;height:28px;border-radius:50%;background:#e9f6f9;color:#087f96;display:grid;place-items:center;font-size:.62rem;font-weight:900}
html[data-theme="dark"] .role-summary,html[data-theme="dark"] .permission-summary{background:#131b22;border-color:#31404d}

/* Course authoring header communicates structure without extra explanatory panels. */
.course-manager-summary{display:grid;grid-template-columns:62px minmax(0,1fr) auto;gap:12px;align-items:center;border:1px solid var(--line);border-radius:10px;padding:10px 12px;margin-bottom:12px;background:#f8fbfc}.course-manager-cover{width:62px;height:48px;border-radius:7px;overflow:hidden;background:#eaf3f6;display:grid;place-items:center;color:#6e8490}.course-manager-cover img{width:100%;height:100%;object-fit:cover}.course-manager-summary>div:nth-child(2)>span,.course-manager-summary>div:nth-child(2)>strong,.course-manager-summary>div:nth-child(2)>small{display:block}.course-manager-summary>div:nth-child(2)>span{font-size:.56rem;color:#07839a;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.course-manager-summary>div:nth-child(2)>strong{font-size:.9rem;margin:2px 0}.course-manager-summary>div:nth-child(2)>small{font-size:.65rem;color:#6c8190}.course-manager-tabs button{display:flex;align-items:center;gap:6px}.course-manager-tabs button svg{font-size:.9rem}
html[data-theme="dark"] .course-manager-summary{background:#131b22;border-color:#31404d;color:#e7eef3}

/* Dark theme final coverage. */
html[data-theme="dark"] .studio-sidebar{background:#06131d;border-color:#1e3442}
html[data-theme="dark"] .studio-brand img{background:transparent}
html[data-theme="dark"] .popup-variant-picker>button small,html[data-theme="dark"] .catalog-preview-copy p,html[data-theme="dark"] .catalog-preview-copy li{color:#a8bbc5}

@media(max-width:900px){.popup-variant-picker{grid-template-columns:repeat(2,minmax(0,1fr))}.user-access-grid{grid-template-columns:1fr}.campaign-modal.has-media.variant-split-media,.campaign-modal.has-media.variant-form{grid-template-columns:1fr}.campaign-modal.variant-split-media .campaign-media,.campaign-modal.variant-form .campaign-media{height:230px;max-height:230px}}
@media(max-width:600px){.popup-variant-picker{grid-template-columns:1fr}.studio-campaign-banner-preview{grid-template-columns:26px 1fr}.studio-campaign-banner-preview button{grid-column:2;justify-self:start}.course-manager-summary{grid-template-columns:52px 1fr}.course-manager-summary>.status{grid-column:2;justify-self:start}.catalog-preview-media{height:130px}}

/* =========================================================
   V5.4 — Public visual system refresh
   Palette derived from the approved XGOAL market reference:
   deep blue + cool blue + cyan, with orange reserved for emphasis.
   ========================================================= */
:root{
  --brand-blue:#0f55b5;
  --brand-blue-deep:#083b80;
  --brand-blue-soft:#7897bb;
  --brand-cyan:#18b9d8;
  --brand-cyan-strong:#0693b1;
  --brand-orange:#ff7a12;
  --ink:#102436;
  --navy:#08233d;
  --navy2:#0b3157;
  --cyan:var(--brand-cyan);
  --cyan2:var(--brand-cyan-strong);
  --sky:#eef4f8;
  --bg:#f6f8fa;
  --paper:#fff;
  --line:#d8e2ea;
  --muted:#5e7486;
  --shadow:0 22px 56px rgba(12,42,68,.11);
  --shadow-soft:0 10px 30px rgba(13,49,80,.07);
  --max:1560px;
}
body{background:var(--bg);color:var(--ink)}
.eyebrow{color:var(--brand-blue);letter-spacing:.16em}
.button.primary{background:var(--brand-cyan);color:#062231;box-shadow:0 8px 22px rgba(24,185,216,.2)}
.button.primary:hover{background:#27c5e2;box-shadow:0 11px 28px rgba(24,185,216,.27)}
.button.dark,.studio-primary{background:var(--navy)!important;color:#fff!important}
.button.ghost{border-color:#c8d8e3;background:var(--paper);color:var(--ink)}
.button.text{color:var(--ink)}

/* Public header: logo is part of the brand, not a card. */
.public-header{height:84px;background:rgba(248,250,252,.96);border-bottom:1px solid #dbe5ec;backdrop-filter:blur(18px)}
.public-header-inner{max-width:var(--max);padding:0 34px;grid-template-columns:230px minmax(0,1fr) auto;gap:18px}
.brand-logo{width:220px;height:72px;background:transparent!important;border-radius:0;overflow:visible;display:flex;align-items:center;justify-content:flex-start}
.brand-logo img{width:200px;height:68px;object-fit:contain;transform:scale(1.34);transform-origin:left center}
.public-nav{gap:20px;font-weight:720;min-width:0}
.public-nav>a,.nav-button{font-size:.88rem;color:#183247;position:relative;white-space:nowrap}
.public-nav>a:after,.nav-button:after{content:"";position:absolute;left:50%;right:50%;bottom:6px;height:2px;background:var(--brand-cyan);transition:.18s ease}
.public-nav>a:hover:after,.nav-button:hover:after,.public-nav>a.nav-link-active-public:after,.nav-button.open:after{left:3px;right:3px}
.public-nav>a.nav-link-active-public{color:#062d58}
.nav-button svg{color:#496575}
.header-actions{gap:7px}
.header-actions .login-button{font-weight:800;color:#0b5da9}
.header-actions .register-button{min-height:44px;padding-inline:20px;border-radius:11px;box-shadow:0 8px 20px rgba(8,35,61,.12)}
.language-trigger{border-color:#c9d9e4;background:#fff;color:#173247}
.cart-button{background:#fff;color:#153449}
.mega-panel{top:50px;left:0;transform:none;width:610px;padding:10px;border-radius:13px;border-color:#d5e1e8;box-shadow:0 22px 60px rgba(8,36,60,.14)}
.mega-panel button{border-radius:9px}.mega-panel button:hover{background:#edf6fb}.mega-icon{background:#eaf6fb;color:var(--brand-blue)}

/* Hero: richer blue, no black-heavy treatment. */
.home-hero{min-height:690px;background:linear-gradient(120deg,#08233d 0%,#083865 52%,#0f55b5 100%);grid-template-columns:.9fr 1.1fr;color:#fff;position:relative}
.home-hero:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(135deg,transparent 0 54%,rgba(255,255,255,.035) 54% 54.2%,transparent 54.2% 100%)}
.hero-copy{padding:94px 66px 76px 0;position:relative;z-index:3}
.hero-copy .eyebrow{color:#71dff0}
.hero-copy h1{font-size:clamp(3.8rem,5.8vw,6.7rem);line-height:.9;max-width:720px;margin:18px 0 25px;letter-spacing:-.064em}
.hero-copy h1 em{color:#42d1e7;position:relative;display:inline-block}
.hero-copy h1 em:after{content:"";height:5px;width:42%;background:var(--brand-orange);border-radius:999px;position:absolute;left:2px;bottom:-7px;opacity:.94}
.hero-copy>p{font-size:1.12rem;color:#d2e1eb;max-width:650px}
.hero-actions{margin:30px 0 42px;gap:12px}.hero-actions .button{min-height:50px;padding-inline:24px}
.hero-actions .button.light{background:#fff;color:#102436!important;border-color:#fff;box-shadow:0 12px 30px rgba(2,21,36,.12)}
.hero-actions .button.light:hover{background:#f0f6f9}
.hero-metrics{gap:28px}.hero-metrics>div{border-left:1px solid rgba(186,219,235,.28);padding-left:14px}.hero-metrics strong{font-size:1.5rem}.hero-metrics span{font-size:.7rem;color:#bdd1dc}
.hero-product{background:#092a49;position:relative}
.hero-product:before{background:linear-gradient(90deg,#08315a 0,rgba(8,49,90,.44) 12%,transparent 30%),linear-gradient(0deg,rgba(5,29,52,.44),transparent 46%)}
.hero-product>img{filter:saturate(.92) brightness(.89) contrast(1.03)}
.product-note{left:7%;bottom:7%;background:rgba(255,255,255,.96);color:#102436;border:1px solid rgba(206,224,234,.95);border-radius:12px;box-shadow:0 18px 50px rgba(4,25,43,.16)}
.product-note svg{color:var(--brand-blue)}
.hero-data-orbit{position:absolute;z-index:2;right:-88px;top:76px;width:310px;height:310px;border:1px solid rgba(94,215,235,.28);border-radius:50%;box-shadow:0 0 0 38px rgba(35,166,202,.045),0 0 0 78px rgba(35,166,202,.026);pointer-events:none}
.hero-data-orbit:before,.hero-data-orbit:after{content:"";position:absolute;inset:41px;border:1px solid rgba(94,215,235,.22);border-radius:50%}.hero-data-orbit:after{inset:92px;border-color:rgba(255,122,18,.5)}
.hero-data-orbit span{position:absolute;width:14px;height:14px;border-radius:50%;background:#34c7e0;box-shadow:0 0 0 8px rgba(52,199,224,.12)}.hero-data-orbit span:nth-child(1){left:42px;top:56px}.hero-data-orbit span:nth-child(2){right:18px;top:132px;background:var(--brand-orange);box-shadow:0 0 0 8px rgba(255,122,18,.11)}.hero-data-orbit span:nth-child(3){left:106px;bottom:14px}.hero-data-orbit i{position:absolute;left:50%;top:50%;width:8px;height:8px;background:#fff;border-radius:50%;transform:translate(-50%,-50%)}

/* Social proof */
.client-ribbon{background:var(--paper);padding-top:31px;padding-bottom:37px;border-bottom-color:var(--line)}
.client-ribbon>span{color:#536f82;font-size:.68rem}
.client-ribbon>span:after{content:"";display:inline-block;width:30px;height:3px;background:var(--brand-orange);margin-left:16px;vertical-align:middle;border-radius:99px}
.client-ribbon>div{gap:58px;padding-top:25px}.client-ribbon>div>*{opacity:.58;color:#61798b}.client-ribbon a:hover{color:var(--client-color);opacity:1}

/* Public content hierarchy */
.page-hero{padding-top:92px;background:linear-gradient(180deg,#f8fafc 0%,#f3f7fa 100%)}
.page-hero h1{color:#102436}.page-hero p{color:#5f7586}
.editorial-section,.learning-home,.pricing-preview{background:var(--bg)}
.editorial-section>header,.learning-home>header,.pricing-preview>header{grid-template-columns:1.05fr .95fr;gap:90px}
.editorial-section>header>div,.learning-home>header>div,.pricing-preview>header>div{min-width:0}
.editorial-section h2,.learning-home h2,.pricing-preview h2{color:#102436}
.editorial-section header p,.learning-home header p,.pricing-preview header p{color:#5a7183}
.editorial-grid{background:var(--paper);border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:var(--shadow-soft)}
.editorial-grid article{background:var(--paper);padding:38px 34px 42px}.editorial-grid article>svg{color:var(--brand-blue);margin-bottom:34px}.editorial-grid article>span{color:#7a91a1}.editorial-grid h3{color:#102436}.editorial-grid p{color:#5f7484}.editorial-grid a{color:#08669e}
.editorial-grid article:hover{background:#f8fbfd}.editorial-grid article:hover>svg{color:var(--brand-orange)}

/* The light side of the product showcase must stay readable even when app theme is dark. */
.platform-showcase{background:#eef4f8;color:#102436;border-color:#d7e2ea}
.platform-showcase>div{background:#eef4f8;color:#102436}
.platform-showcase h2{color:#102436}.platform-showcase p{color:#566f82}.platform-showcase .eyebrow{color:var(--brand-blue)}
.platform-showcase .button.dark{background:#0b4f9d!important}.platform-showcase figure{background:#082847}.platform-showcase figcaption{background:rgba(7,31,54,.94)}

.learning-home{background:#fff}.learning-cards{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:var(--shadow-soft)}.learning-cards article{background:#fff}.learning-cards h3{color:#102436}.learning-cards p{color:#5e7485}.learning-cards article>span{color:#768e9e}.learning-cards button{border-color:#d1e0e8;color:#0b5da9}.learning-cards button:hover{background:var(--brand-blue);color:#fff;border-color:var(--brand-blue)}
.case-section{border-radius:16px;overflow:hidden;box-shadow:var(--shadow-soft);padding:0}.case-section blockquote{background:#eaf2f7;color:#102436}.case-section blockquote>p{color:#20384a}.case-section footer small{color:#0d6d9f}
.pricing-preview{background:#edf4f8}.pricing-mini,.plan-grid{border-radius:14px;overflow:hidden;box-shadow:var(--shadow-soft);border-color:#d2dfe7}.pricing-mini article,.plan-grid article{background:#fff;color:#102436}.pricing-mini article.featured,.plan-grid article.featured{background:#0d4c91;color:#fff;position:relative}.pricing-mini article.featured:before,.plan-grid article.featured:before{content:"";position:absolute;left:0;top:0;right:0;height:4px;background:var(--brand-orange)}
.faq-section h2{color:#102436}.faq-section article button{color:#102436}.faq-section article p{color:#5b7283}
.wide-cta{background:#fff}

/* Cookie privacy surface keeps WCAG contrast regardless of global theme. */
.cookie-card{background:#fff!important;color:#102436!important;border-color:#cfdde6!important;box-shadow:0 24px 72px rgba(7,34,55,.22);border-radius:16px;max-width:760px;padding:24px 25px}
.cookie-card .eyebrow{color:#0a6ca6!important}.cookie-copy h2{color:#102436!important;font-size:1.45rem}.cookie-copy p{color:#5a7183!important}.cookie-actions .button.ghost{color:#102436!important;background:#f7fafb!important}.cookie-actions .button.text{color:#0b5f9e!important}.cookie-options{border-color:#dbe5eb}.cookie-options label{border-color:#dbe5eb;color:#102436}.cookie-options small{color:#607789!important}.cookie-reopen{background:#fff;color:#0b6aa3;border-color:#cadbe5}

/* Footer */
.public-footer{background:linear-gradient(120deg,#071c31 0%,#0b3157 100%);padding-top:72px;color:#fff}
.footer-brand>img.footer-brand-logo{background:transparent!important;border-radius:0!important;width:205px;height:72px;transform:scale(1.23);transform-origin:left center;margin-bottom:20px}
.footer-brand>p{color:#b7cad6}.footer-contact a{color:#d8e5eb}.footer-col>strong{color:#fff}.footer-col a{color:#b9cad5}.footer-col a:hover{color:#67d9eb}.footer-col p{color:#a9c0cd}.newsletter form input{background:#0d365b;border-color:#315779;color:#fff}.newsletter form input::placeholder{color:#98b1c0}.footer-bottom{border-color:#2d5270;color:#91adbc}.public-footer .language-trigger{background:#0d365b;border-color:#315779;color:#fff}.public-footer .language-menu{color:#102436}

/* Blog, community and qualifications share the same light editorial language. */
.blog-discovery,.community-tools,.qualification-overview,.course-browser,.partner-intro,.partner-profiles{color:#102436}
.blog-search,.community-tools>label{box-shadow:0 4px 16px rgba(14,50,77,.04)}
.blog-categories button,.community-tools>div button,.course-filters button{border-color:#cfdee7;color:#486476;background:#fff}.blog-categories button.active,.community-tools>div button.active,.course-filters button.active{background:#0f55b5;color:#fff;border-color:#0f55b5}
.blog-layout.modern .blog-feature,.blog-grid article,.community-main,.community-side section,.qualification-stats,.course-grid.modern article{background:#fff;color:#102436;border-color:#d5e2e9;box-shadow:var(--shadow-soft)}
.blog-layout.modern p,.community-overview p,.community-main p,.community-side p,.qualification-overview p,.course-grid.modern p{color:#5e7485}
.topic-heading>span{background:#e8f5fa;color:#08699e}.practice-groups article>svg{background:#eaf4fb;color:#0f55b5}

/* Dark-mode public coverage. */
html[data-theme="dark"]{--ink:#e7eff5;--bg:#0d1720;--paper:#141f29;--line:#2b3b48;--muted:#a1b3c0;--sky:#172733}
html[data-theme="dark"] .public-header{background:rgba(7,24,39,.96);border-color:#263d4f}
html[data-theme="dark"] .public-nav>a,html[data-theme="dark"] .nav-button{color:#d9e6ed}
html[data-theme="dark"] .public-nav>a.nav-link-active-public{color:#77dff0}
html[data-theme="dark"] .language-trigger,html[data-theme="dark"] .cart-button,html[data-theme="dark"] .button.ghost{background:#10283a;border-color:#315064;color:#fff}
html[data-theme="dark"] .mega-panel{background:#10283a;border-color:#315064}html[data-theme="dark"] .mega-panel button{background:#10283a;color:#e7eff5}html[data-theme="dark"] .mega-panel button:hover{background:#17364b}html[data-theme="dark"] .mega-panel small{color:#a8bbc7}
html[data-theme="dark"] .client-ribbon,html[data-theme="dark"] .learning-home,html[data-theme="dark"] .editorial-grid,html[data-theme="dark"] .editorial-grid article,html[data-theme="dark"] .learning-cards,html[data-theme="dark"] .learning-cards article,html[data-theme="dark"] .pricing-mini article:not(.featured),html[data-theme="dark"] .plan-grid article:not(.featured),html[data-theme="dark"] .wide-cta{background:#141f29;color:#e7eff5;border-color:#2b3b48}
html[data-theme="dark"] .editorial-section h2,html[data-theme="dark"] .learning-home h2,html[data-theme="dark"] .pricing-preview h2,html[data-theme="dark"] .editorial-grid h3,html[data-theme="dark"] .learning-cards h3,html[data-theme="dark"] .faq-section h2,html[data-theme="dark"] .faq-section article button{color:#e7eff5}
html[data-theme="dark"] .editorial-section header p,html[data-theme="dark"] .learning-home header p,html[data-theme="dark"] .pricing-preview header p,html[data-theme="dark"] .editorial-grid p,html[data-theme="dark"] .learning-cards p,html[data-theme="dark"] .faq-section article p{color:#a8bbc7}
html[data-theme="dark"] .pricing-preview{background:#101b25}
html[data-theme="dark"] .page-hero{background:linear-gradient(180deg,#111c25,#101922)}html[data-theme="dark"] .page-hero h1{color:#eef5f8}html[data-theme="dark"] .page-hero p{color:#a8bbc7}
html[data-theme="dark"] .platform-showcase{background:#172633}.platform-showcase>div{border-right:1px solid rgba(255,255,255,.03)}

@media(max-width:1320px){.public-nav{gap:14px}.public-nav>a,.nav-button{font-size:.82rem}.public-header-inner{grid-template-columns:195px minmax(0,1fr) auto}.brand-logo{width:190px}.brand-logo img{width:175px}.header-actions .register-button{padding-inline:15px}}
@media(max-width:1120px){.public-header{height:78px}.public-header-inner{grid-template-columns:1fr auto;padding-inline:22px}.brand-logo{width:190px;height:64px}.public-nav{position:fixed;top:78px;left:0;right:0;background:var(--paper);padding:20px 24px;display:none;flex-direction:column;align-items:stretch;border-bottom:1px solid var(--line);box-shadow:0 20px 44px rgba(8,35,61,.12)}.public-nav.open{display:flex}.nav-mega-wrap{width:100%}.nav-button{width:100%;justify-content:space-between}.mega-panel{position:static;transform:none;width:100%;box-shadow:none;margin-top:5px}.mobile-nav-toggle{display:grid}.header-actions .login-button{display:none}.home-hero{grid-template-columns:1fr;min-height:auto;padding-left:32px}.hero-copy{padding:76px 34px 64px 0}.hero-product{min-height:560px}.hero-data-orbit{right:-120px}.editorial-section>header,.learning-home>header,.pricing-preview>header{grid-template-columns:1fr;gap:22px}}
@media(max-width:720px){.public-header-inner{padding-inline:14px}.brand-logo{width:150px}.brand-logo img{width:142px;transform:scale(1.28)}.header-actions .register-button{display:none}.language-trigger{padding-inline:8px}.home-hero{padding-left:22px}.hero-copy{padding:58px 22px 50px 0}.hero-copy h1{font-size:clamp(3rem,13vw,4.4rem)}.hero-actions{flex-direction:column;align-items:stretch}.hero-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.hero-metrics>div{padding-left:10px}.hero-product{min-height:420px}.hero-data-orbit{display:none}.editorial-section,.learning-home,.pricing-preview{padding-left:22px;padding-right:22px}.editorial-grid{grid-template-columns:1fr}.editorial-grid article{border-right:0;border-bottom:1px solid var(--line)}.learning-cards{grid-template-columns:1fr}.learning-cards article{min-height:220px;border-right:0;border-bottom:1px solid var(--line)}.cookie-card{left:10px;bottom:10px;width:calc(100vw - 20px);padding:18px}.cookie-actions{display:grid;grid-template-columns:1fr 1fr}.cookie-actions .button.text{grid-column:1/-1}}

/* =========================================================
   V5.4.1 — visual QA sweep
   Final implementation pass from the approved blue/cyan/orange direction.
   ========================================================= */

/* Brand / header */
.public-header{height:94px;background:rgba(249,251,253,.97);box-shadow:0 1px 0 rgba(9,42,69,.05)}
.public-header-inner{grid-template-columns:184px minmax(0,1fr) auto;padding-inline:42px;gap:22px}
.brand-logo{width:170px;height:86px;padding:0;background:transparent!important;overflow:visible}
.brand-logo img{width:auto;height:76px;max-width:164px;object-fit:contain;transform:none!important}
.public-nav{gap:24px}
.public-nav>a,.nav-button{font-size:.86rem;font-weight:760;color:#17344a;padding-block:15px}
.public-nav>a:hover,.nav-button:hover{color:var(--brand-blue)}
.public-nav>a:after,.nav-button:after{bottom:7px;height:2px;border-radius:99px;background:var(--brand-cyan)}
.nav-link-accent{color:#0d4d91!important;padding-left:14px!important}
.nav-link-accent:before{content:"";position:absolute;left:2px;top:50%;width:6px;height:6px;margin-top:-3px;border-radius:50%;background:var(--brand-orange);box-shadow:0 0 0 4px rgba(255,122,18,.08)}
.header-actions{padding-left:9px;border-left:1px solid #d9e4eb}
.language-trigger,.cart-button{height:46px;border-radius:10px}
.language-trigger{min-width:78px;justify-content:center}
.cart-button{width:46px}
.header-actions .register-button{background:#082f57!important;box-shadow:none}
.header-actions .register-button:hover{background:#0d4e8c!important}
.mega-panel{top:56px;width:640px;border-top:3px solid var(--brand-orange);padding:12px;box-shadow:0 24px 70px rgba(5,38,67,.16)}
.mega-panel button{padding:17px 16px}.mega-panel strong{color:#123047}.mega-panel small{color:#607789}
.mega-icon{background:#e8f4fb;color:#0f55b5;border:1px solid #d9eaf3}
.language-menu{border-radius:12px;border-color:#d1dee7;box-shadow:0 18px 50px rgba(8,39,66,.15)}
.language-menu button{color:#163247;background:#fff}.language-menu button:hover,.language-menu button.selected{background:#eef6fb;color:#0a4f91}

/* Hero — blue first, orange only as emphasis. */
.home-hero{background:linear-gradient(116deg,#082742 0%,#0a4178 52%,#0e5db6 100%);min-height:680px}
.home-hero:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 70% 14%,rgba(68,205,228,.14),transparent 32%),linear-gradient(90deg,rgba(4,30,51,.16),transparent 58%)}
.hero-copy{padding-top:88px;padding-bottom:72px}
.hero-copy h1{max-width:760px;color:#fff;text-wrap:balance}
.hero-copy h1 em{color:#49d0e6}
.hero-copy>p{color:#d7e5ed;max-width:680px;font-size:1.08rem}
.hero-actions .button.primary{background:#22c3de;color:#062537;box-shadow:none}
.hero-actions .button.primary:hover{background:#43d1e7}
.hero-actions .button.light{border:1px solid rgba(255,255,255,.65);background:rgba(255,255,255,.96);color:#123047!important}
.hero-metrics strong{color:#fff}.hero-metrics span{color:#c4d8e3}
.product-note{max-width:400px;border-left:4px solid var(--brand-orange);padding-left:17px}

/* Pages: explicit readable type on all light surfaces. */
.page-hero,.solution-list,.qualification-overview,.course-browser,.partner-intro,.partner-profiles,.store-shell,.blog-discovery,.blog-layout,.community-overview,.community-tools,.community-shell,.contact-hero,.offices,.article-page,.client-page{color:#102436}
.page-hero{background:linear-gradient(180deg,#fbfcfd 0%,#f1f6fa 100%)}
.page-hero h1,.solution-list h2,.qualification-overview h2,.course-browser h2,.partner-intro h2,.partner-copy h2,.store-section-heading h2,.blog-layout h2,.community-overview h2,.community-main h2,.contact-hero h1,.offices h2,.article-page h1{color:#102436}
.page-hero p,.solution-list p,.qualification-overview p,.partner-intro>p,.partner-copy>p,.store-section-heading p,.blog-layout p,.community-overview p,.contact-hero>div>p,.offices p,.article-excerpt{color:#5b7284}
.solution-list article{background:transparent}.solution-list article>svg{color:var(--brand-blue)}
.solution-list article:hover>svg{color:var(--brand-orange)}
.wide-cta{color:#102436;border-color:#d7e2e9;background:#fff}
.wide-cta h2{color:#102436}.wide-cta p{color:#5b7284}

/* Store */
.store-shell{background:transparent}
.store-tabs{background:rgba(246,248,250,.96);backdrop-filter:blur(10px)}
.store-tabs button{color:#607789;border-radius:0;padding-inline:20px}
.store-tabs button.active{color:#0b4f91;background:#fff;border-color:#d8e2ea;border-bottom-color:var(--brand-cyan)}
.store-section-heading{border-bottom:1px solid #dbe4ea;margin-bottom:26px}
.store-section-heading .eyebrow{color:#0b5aa3}
.plan-grid.modern article,.product-grid.modern article{box-shadow:0 10px 28px rgba(13,49,80,.05);border-color:#d7e2e9;color:#102436}
.plan-grid.modern article:not(.featured):hover,.product-grid.modern article:hover{box-shadow:0 16px 42px rgba(13,49,80,.09)}
.plan-grid.modern article.featured{background:linear-gradient(160deg,#0a4178,#0d5aaa);border-color:#0d5aaa}
.plan-grid.modern article.featured:before{content:"";position:absolute;left:0;top:0;right:0;height:4px;background:var(--brand-orange)}
.product-kind,.plan-includes{color:#0b5c9e}
.store-tools label{background:#fff;color:#102436;border-color:#d4e1e9}
.store-tools input{color:#102436}.store-tools input::placeholder{color:#8195a2}

/* Partners */
.partner-intro{background:transparent}
.partner-profiles{gap:24px;background:none}
.partner-profiles article,.partner-profiles article+article{padding:30px;border:1px solid #d8e2e9;border-radius:14px;background:#fff;box-shadow:0 10px 30px rgba(13,49,80,.05)}
.partner-photo{border-radius:11px;background:#edf3f7;min-height:330px}
.partner-photo>span{background:#0b4b88}
.partner-tags span{background:#f6fafc;border-color:#d7e4eb;color:#496677}
.partner-network-cta{background:linear-gradient(120deg,#082742,#0a4a85);border-radius:16px;overflow:hidden;box-shadow:0 18px 48px rgba(8,39,65,.12)}
.partner-network-cta p{color:#c6d9e3}
.partner-network-cta .button.primary{background:#fff;color:#0c3962}

/* Qualifications */
.qualification-stats{border-radius:13px;overflow:hidden;box-shadow:0 10px 28px rgba(13,49,80,.05)}
.qualification-stats svg{color:var(--brand-blue)}
.course-filters button{border-radius:9px}.course-filters button.active{background:#0e55a0;border-color:#0e55a0}
.course-grid.modern article{border-radius:14px;overflow:hidden}
.course-meta span{background:#eaf4fb!important;color:#0b5c9e!important}
.course-open{color:#0b5c9e}.course-open:hover{color:#083b80}
.learning-method{background:linear-gradient(120deg,#082742,#0a437b)}
.learning-method p{color:#c4d7e1}.learning-method article>b{color:#8fb1c2}.learning-method svg{color:#44cee4}

/* Blog */
.blog-search{border-radius:10px;border-color:#d2dfe7;background:#fff}
.blog-search input{color:#102436}.blog-search input::placeholder{color:#8195a2}
.blog-categories button{border-radius:9px}
.blog-layout.modern .blog-feature{background:#fff;color:#102436;border:1px solid #d6e2e9;box-shadow:0 16px 42px rgba(13,49,80,.08)}
.blog-layout.modern .blog-feature>div{background:#fff}
.blog-layout.modern .blog-feature h2{color:#102436}
.blog-layout.modern .blog-feature p{color:#5d7485}
.blog-layout.modern .blog-feature button{color:#0b5c9e}
.blog-feature-media>span{border-radius:8px;background:#fff;color:#0b4f91!important;box-shadow:0 6px 18px rgba(8,39,65,.09)}
.blog-grid{gap:18px;background:transparent}.blog-grid article{border:1px solid #d7e2e9;border-radius:13px;overflow:hidden;box-shadow:0 10px 28px rgba(13,49,80,.05)}
.blog-grid article>img{margin:0}.blog-grid article>div,.blog-grid article>h2,.blog-grid article>p,.blog-grid article>button{margin-left:25px;margin-right:25px}.blog-grid article>div{margin-top:24px}.blog-grid article>button{margin-bottom:26px}

/* Community */
.community-metrics{border-radius:13px;overflow:hidden;box-shadow:0 10px 28px rgba(13,49,80,.05)}
.community-tools>label{background:#fff;color:#102436;border-color:#d4e1e9}
.community-tools input{color:#102436}.community-tools input::placeholder{color:#8195a2}
.community-main,.community-side section{box-shadow:0 10px 30px rgba(13,49,80,.05)}
.topic-avatar{background:#eaf4fb;color:#0d5da1}
.topic-heading>span{background:#eaf4fb;color:#0d5da1}
.practice-groups article>svg{background:#eaf4fb;color:#0d5da1}
.rank svg{color:var(--brand-orange)}

/* Contact / auth */
.contact-hero aside{background:linear-gradient(145deg,#082742,#0b4d89);border-radius:14px;box-shadow:0 16px 42px rgba(13,49,80,.09)}
.contact-hero aside p{color:#c5d7e1}.contact-hero aside>div{border-color:rgba(255,255,255,.16)}
.offices article>svg{color:var(--brand-blue)}
.auth-page{background:#f5f8fa;color:#102436}
.auth-panel{background:#f8fafc;color:#102436}
.auth-logo{width:190px;height:104px;object-fit:contain;background:transparent!important;border-radius:0;margin-bottom:42px}
.auth-panel h1{color:#102436}.auth-panel>p{color:#5d7485}.auth-panel label>span{color:#38556a}
.auth-panel input{background:#fff;color:#102436}
.auth-switch{color:#526d7f}
.verification-page{color:#102436}.verification-page p{color:#5d7485}

/* Cookie card is intentionally always light, even in saved dark theme. */
.cookie-card,.cookie-card *{text-shadow:none}
.cookie-card h2{color:#102436!important}.cookie-card p{color:#5a7183!important}.cookie-card .button.primary{color:#062537!important}.cookie-card .button.ghost{border-color:#cbd9e2!important}.cookie-card .button.text{font-weight:800}

/* Footer branding: no logo card / no artificial black rectangle. */
.footer-brand>img.footer-brand-logo{width:176px;height:auto;max-height:100px;object-fit:contain;background:transparent!important;border-radius:0!important;transform:none!important;margin-bottom:22px}
.public-footer{background:linear-gradient(122deg,#071e35,#0b3e70);border-top:4px solid var(--brand-cyan)}
.footer-col a:hover{color:#fff}.footer-bottom{color:#a6bdc9}

/* Dark theme: preserve hierarchy rather than inverting light-only surfaces by inheritance. */
html[data-theme="dark"] .page-hero,html[data-theme="dark"] .store-shell,html[data-theme="dark"] .blog-discovery,html[data-theme="dark"] .blog-layout,html[data-theme="dark"] .community-overview,html[data-theme="dark"] .community-tools,html[data-theme="dark"] .community-shell,html[data-theme="dark"] .partner-intro,html[data-theme="dark"] .partner-profiles,html[data-theme="dark"] .qualification-overview,html[data-theme="dark"] .course-browser,html[data-theme="dark"] .contact-hero,html[data-theme="dark"] .offices,html[data-theme="dark"] .article-page{color:#e8f1f6}
html[data-theme="dark"] .page-hero h1,html[data-theme="dark"] .store-section-heading h2,html[data-theme="dark"] .partner-intro h2,html[data-theme="dark"] .partner-copy h2,html[data-theme="dark"] .qualification-overview h2,html[data-theme="dark"] .course-browser h2,html[data-theme="dark"] .community-overview h2,html[data-theme="dark"] .contact-hero h1,html[data-theme="dark"] .offices h2,html[data-theme="dark"] .article-page h1{color:#eef5f8}
html[data-theme="dark"] .partner-profiles article,html[data-theme="dark"] .blog-layout.modern .blog-feature,html[data-theme="dark"] .blog-layout.modern .blog-feature>div,html[data-theme="dark"] .blog-grid article,html[data-theme="dark"] .community-main,html[data-theme="dark"] .community-side section,html[data-theme="dark"] .course-grid.modern article,html[data-theme="dark"] .plan-grid.modern article:not(.featured),html[data-theme="dark"] .product-grid.modern article,html[data-theme="dark"] .qualification-stats,html[data-theme="dark"] .community-metrics{background:#141f29!important;color:#e8f1f6!important;border-color:#2c3e4b!important}
html[data-theme="dark"] .partner-profiles p,html[data-theme="dark"] .blog-layout.modern p,html[data-theme="dark"] .community-main p,html[data-theme="dark"] .community-side p,html[data-theme="dark"] .course-grid.modern p{color:#a9bdc8!important}
html[data-theme="dark"] .auth-panel{background:#111b24;color:#edf4f7}html[data-theme="dark"] .auth-panel h1{color:#edf4f7}html[data-theme="dark"] .auth-panel>p,html[data-theme="dark"] .auth-switch{color:#a9bdc8}html[data-theme="dark"] .auth-panel input{background:#17232d;color:#edf4f7;border-color:#314553}

@media(max-width:1320px){
  .public-header-inner{grid-template-columns:164px minmax(0,1fr) auto;padding-inline:28px}.brand-logo{width:154px}.brand-logo img{height:70px;max-width:148px}.public-nav{gap:16px}.public-nav>a,.nav-button{font-size:.81rem}.header-actions{padding-left:6px}
}
@media(max-width:1120px){
  .public-header{height:78px}.public-header-inner{grid-template-columns:1fr auto}.brand-logo{width:145px;height:70px}.brand-logo img{height:65px;max-width:138px}.header-actions{border-left:0}.public-nav{top:78px}.nav-link-accent{padding-left:14px!important}
}
@media(max-width:720px){
  .brand-logo{width:130px}.brand-logo img{height:58px;max-width:124px}.home-hero{padding-left:20px}.hero-copy h1{font-size:clamp(3.15rem,14vw,4.25rem)}.hero-copy>p{font-size:1rem}.partner-profiles article,.partner-profiles article+article{padding:22px}.auth-logo{width:164px;height:94px}
}

/* =========================================================
   V5.4.2 — contrast, responsive navigation and locale QA
   Surfaces that are intentionally light keep their own ink;
   theme-aware surfaces receive explicit dark-theme coverage.
   ========================================================= */

.home-hero{position:relative}
.home-hero:before{z-index:0}
.hero-copy,.hero-product{z-index:1}
.product-note,.case-section blockquote,.cart-popover,.language-menu,.campaign-notification,.infobox{color:#102436}
.product-note strong,.cart-popover strong,.campaign-notification strong,.infobox-copy strong{color:#102436}
.cart-popover small,.campaign-notification small,.infobox-copy p{color:#5e7485}
.campaign-modal:not(.variant-pulse),.campaign-modal:not(.variant-pulse) .campaign-content{background:#fff;color:#102436}
.campaign-modal:not(.variant-pulse) .campaign-content h2{color:#102436}
.campaign-modal:not(.variant-pulse) .campaign-content>p{color:#5e7485}
.campaign-modal:not(.variant-pulse) .campaign-form label span{color:#38556a}
.campaign-modal:not(.variant-pulse) .campaign-form input{background:#fff;color:#102436}
.campaign-modal:not(.variant-pulse) .campaign-close{color:#102436}
.rank b{color:#123047}

html[data-theme="dark"] .nav-link-accent{color:#67d9eb!important}
html[data-theme="dark"] .login-button{color:#8de3f1!important}
html[data-theme="dark"] .auth-panel label>span{color:#b7c9d3}
html[data-theme="dark"] .auth-panel input::placeholder{color:#8195a2}
html[data-theme="dark"] .verification-page{color:#edf4f7}
html[data-theme="dark"] .verification-page p{color:#a9bdc8}
html[data-theme="dark"] .store-tabs{background:rgba(20,31,41,.97);border-color:#2c3e4b}
html[data-theme="dark"] .store-tabs button{color:#a9bdc8}
html[data-theme="dark"] .store-tabs button.active{background:#1a2a36;color:#78dff0;border-color:#334957;border-bottom-color:#35c7df}
html[data-theme="dark"] .store-tools>label,html[data-theme="dark"] .blog-search,html[data-theme="dark"] .community-tools>label{background:#141f29;color:#e8f1f6;border-color:#2c3e4b}
html[data-theme="dark"] .store-tools input,html[data-theme="dark"] .blog-search input,html[data-theme="dark"] .community-tools input{color:#e8f1f6}
html[data-theme="dark"] .store-tools input::placeholder,html[data-theme="dark"] .blog-search input::placeholder,html[data-theme="dark"] .community-tools input::placeholder{color:#8fa5b2}
html[data-theme="dark"] .store-tools>div button,html[data-theme="dark"] .blog-categories button,html[data-theme="dark"] .community-tools>div button,html[data-theme="dark"] .course-filters button{background:#16242f;color:#c4d3dc;border-color:#314553}
html[data-theme="dark"] .store-tools>div button.active,html[data-theme="dark"] .blog-categories button.active,html[data-theme="dark"] .community-tools>div button.active,html[data-theme="dark"] .course-filters button.active{background:#0f55b5;color:#fff;border-color:#2671c9}
html[data-theme="dark"] .form-grid label>span,html[data-theme="dark"] .stack-form label>span{color:#b7c9d3}
html[data-theme="dark"] .form-grid input,html[data-theme="dark"] .form-grid textarea,html[data-theme="dark"] .stack-form input,html[data-theme="dark"] .stack-form select,html[data-theme="dark"] .stack-form textarea{background:#17232d;color:#edf4f7;border-color:#314553}
html[data-theme="dark"] .form-grid input::placeholder,html[data-theme="dark"] .form-grid textarea::placeholder,html[data-theme="dark"] .stack-form input::placeholder,html[data-theme="dark"] .stack-form textarea::placeholder,html[data-theme="dark"] .studio-form input::placeholder,html[data-theme="dark"] .studio-form textarea::placeholder{color:#8296a2}
html[data-theme="dark"] .client-quick button,html[data-theme="dark"] .cart-page>div{background:#141f29;color:#e8f1f6;border-color:#2c3e4b}
html[data-theme="dark"] .client-quick span{color:#a9bdc8}
html[data-theme="dark"] .topic-list article:hover{background:#1b2a35}
html[data-theme="dark"] .studio-kpis span{color:#b7c7d0}
html[data-theme="dark"] .data-table th{color:#a9bbc6}
.mobile-nav-account,.mobile-nav-utility{display:none}

@media(max-width:1280px){
  .editorial-header .header-actions .header-config-cta{display:none}
  .public-header{height:78px}
  .public-header-inner{grid-template-columns:1fr auto;padding-inline:22px}
  .brand-logo{width:145px;height:70px}.brand-logo img{height:65px;max-width:138px}
  .header-actions{border-left:0}
  .public-nav{position:absolute;top:100%;bottom:auto;left:0;right:0;z-index:120;max-height:calc(100vh - 78px);overflow:auto;background:var(--paper);padding:20px 24px;display:none;flex-direction:column;align-items:stretch;border-bottom:1px solid var(--line);box-shadow:0 20px 44px rgba(8,35,61,.16)}
  .public-nav.open{display:flex}
  .nav-mega-wrap{width:100%}.nav-button{width:100%;justify-content:space-between}
  .mega-panel{position:static;transform:none;width:100%;box-shadow:none;margin-top:5px}
  .mobile-nav-toggle{display:grid}
  .header-actions .login-button{display:none}
  .nav-link-accent{padding-left:14px!important}
  .mobile-nav-account{display:flex;gap:10px;padding-top:16px;border-top:1px solid var(--line)}
  .mobile-nav-account .button{flex:1;justify-content:center}
}
@media(max-width:900px){
  .mobile-nav-utility{display:flex;gap:10px;align-items:center;padding-top:16px;border-top:1px solid var(--line)}
  .mobile-nav-utility .language-switcher{display:block}
  .mobile-nav-utility .cart-control{display:block}
}

/* Local brand motion: text stays HTML; the visual is independently framed. */
.home-hero.home-hero-video{background:#061625;grid-template-columns:1fr 1fr;min-height:640px}
.home-hero-video:before,.home-hero-video:after{display:none}
.home-hero-video .hero-copy{min-width:0;padding-right:34px}
.hero-product.hero-motion{isolation:isolate;background:#061625;overflow:hidden;min-height:540px}
.hero-product.hero-motion:before{z-index:2;pointer-events:none;background:linear-gradient(90deg,#061625,transparent 15%)}
.hero-product.hero-motion>img,.hero-product.hero-motion>video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center;filter:none}
.hero-motion-video{opacity:0;transition:opacity .4s ease}
.hero-motion-video.is-ready{opacity:1}
.hero-motion-toggle{position:absolute;z-index:3;bottom:22px;right:22px;min-height:44px;padding:10px 15px;border:1px solid #486171;border-radius:8px;background:#0b2538;color:#e1f0f6;font-size:.75rem;cursor:pointer}
.hero-motion-toggle:hover{background:#173e55;border-color:#75cddd}
.hero-motion-toggle:focus-visible{outline:3px solid #49d0e6;outline-offset:4px}
@media(max-width:1120px){
  .home-hero.home-hero-video{grid-template-columns:1fr;padding:0;min-height:0}
  .home-hero-video .hero-copy{padding:64px 32px 20px;max-width:820px}
  .hero-product.hero-motion{min-height:0;height:clamp(300px,70vw,520px)}
  .hero-product.hero-motion:before{background:linear-gradient(#061625,transparent 12%)}
}
@media(max-width:600px){
  .home-hero-video .hero-copy{padding:44px 20px 0}
  .home-hero-video .hero-copy h1{font-size:clamp(2.5rem,11.8vw,4.1rem);line-height:1;overflow-wrap:break-word}
  .home-hero-video .hero-metrics{gap:6px}.home-hero-video .hero-metrics span{font-size:.65rem}
  .hero-product.hero-motion{height:86vw;max-height:420px;min-height:260px}
  .hero-motion-toggle{bottom:12px;right:14px;font-size:.7rem}
}
@media(prefers-reduced-motion:reduce){.hero-motion-video{display:none;transition:none}}

/* Editorial navigation and commerce. Intentionally light surfaces in both themes. */
.editorial-header{height:86px;backdrop-filter:none;background:var(--paper);box-shadow:none}
.editorial-header .public-header-inner{max-width:1600px;grid-template-columns:160px 1fr auto;gap:22px;padding-inline:32px}
.editorial-header .brand-logo{width:145px;height:70px;background:transparent!important}
.editorial-header .brand-logo img{width:140px;max-width:140px;height:64px;transform:none;object-fit:contain}
.editorial-header .public-nav{gap:22px;font-weight:550}
.editorial-header .public-nav>a,.editorial-header .nav-button{font-weight:550;font-size:.88rem;letter-spacing:-.015em}
.editorial-header .public-nav>a{padding-block:16px}
.editorial-header .nav-button{padding:16px 0;gap:7px}
.editorial-header .nav-button.open,.editorial-header .public-nav>a[aria-current]{color:#07869e}
html[data-theme="dark"] .editorial-header .nav-button.open,html[data-theme="dark"] .editorial-header .public-nav>a[aria-current]{color:#65def0}
.editorial-header .header-actions{border:0;gap:10px;padding:0}
.editorial-header .header-actions .button{font-weight:600;border-radius:24px;min-height:42px;padding-inline:19px}
.editorial-header .language-trigger,.editorial-header .cart-button{border-color:transparent;background:transparent;border-radius:0;font-weight:550}
.editorial-header .editorial-mega-wrap{position:static}
.editorial-header .cart-control .cart-button{border:0!important;background:transparent!important;box-shadow:none!important;border-radius:0;min-width:44px;min-height:44px}
.editorial-header .header-config-cta{border-radius:24px;padding:12px 20px;font-weight:600;max-width:240px;text-align:center;line-height:1.25;overflow-wrap:anywhere}
.editorial-header .header-config-cta:hover{filter:brightness(.94)}
.commerce-page .commerce-section-top{justify-content:flex-end}
.header-cta-settings{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 0;border-bottom:1px solid var(--line);margin-bottom:24px}
.header-cta-settings h2{font-size:1.2rem;margin:0 0 6px}.header-cta-settings p{margin:0;color:var(--muted)}
.header-cta-form{display:grid;gap:18px}.header-cta-form>label{display:grid;gap:7px}.header-cta-form>.switch-line{display:flex}
.header-cta-form input:not([type=checkbox]):not([type=color]){width:100%;padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--paper);color:var(--ink)}
.header-cta-form input[type=color]{width:72px;height:44px;padding:4px}.header-cta-form small{color:var(--muted)}
.header-cta-preview{display:grid;justify-items:start;gap:12px;padding:20px;border:1px solid var(--line);border-radius:8px}
.header-cta-preview>span{border-radius:24px;padding:12px 20px;max-width:100%;overflow-wrap:anywhere;font-weight:600}
@media(max-width:600px){.header-cta-settings{align-items:flex-start;flex-direction:column}.editorial-header .mobile-nav-account .header-config-cta{max-width:none;flex:1}}
.editorial-mega{position:absolute;top:100%;left:0;right:0;background:#fff;color:#102436;border-block:1px solid #dde5ea;box-shadow:0 18px 26px rgba(7,28,45,.09);max-height:calc(100dvh - 86px);overflow:auto}
.editorial-mega-inner{max-width:1450px;margin:auto;display:grid;grid-template-columns:.78fr 1.15fr 1fr;padding:34px 36px;gap:36px}
.mega-introduction{padding:12px 28px 12px 0;border-right:1px solid #dde5ea}
.mega-introduction .eyebrow{font-size:.62rem;color:#487484;letter-spacing:.14em}
.mega-introduction h2{color:#102436;font-size:1.8rem;letter-spacing:-.04em;margin:16px 0}
.mega-introduction p{color:#597080;font-size:.92rem;line-height:1.7;max-width:230px}
.mega-introduction>a{font-weight:600;color:#0f55b5;display:inline-block;margin-top:20px;border-bottom:1px solid #b7cada;padding-bottom:5px;font-size:.85rem}
.mega-destinations{display:flex;flex-direction:column;justify-content:center;gap:3px}
.mega-destinations>a{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:17px 20px;border-radius:4px;color:#102436}
.mega-destinations>a.is-preview,.mega-destinations>a:hover{background:#eff5f7;color:#0f55b5}
.mega-destinations strong{display:block;font-size:.94rem;font-weight:650;color:inherit}
.mega-destinations small{display:block;margin-top:6px;font-size:.78rem;line-height:1.5;color:#536c7c;font-weight:400}
.mega-destinations svg{flex:none;width:18px}
.mega-feature{position:relative;min-height:265px;display:block;background:#08233d;border-radius:8px;overflow:hidden;color:#fff}
.mega-feature>img{width:100%;height:100%;max-height:310px;min-height:265px;object-fit:cover;object-position:70% center;transition:transform .4s}
.mega-feature:hover>img{transform:scale(1.025)}
.mega-feature>span{position:absolute;inset:auto 0 0;padding:48px 22px 22px;background:linear-gradient(transparent,rgba(3,22,37,.93))}
.mega-feature strong{display:block;color:#fff;font-size:1.18rem;font-weight:550;letter-spacing:-.025em}
.mega-feature small{display:flex;justify-content:space-between;color:#c8edf4;font-size:.76rem;margin-top:10px}
.editorial-header a:focus-visible,.editorial-header button:focus-visible{outline:3px solid #18b9d8;outline-offset:3px}

.commerce-page{--commerce-ink:#102e42;--commerce-muted:#526b7b;background:#f8fafb;color:var(--commerce-ink)}
.commerce-hero{max-width:1440px;margin:auto;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px;padding:76px 48px 66px}
.commerce-hero-copy{max-width:620px}
.commerce-hero .eyebrow{color:#427389;font-size:.66rem;font-weight:650;letter-spacing:.16em}
.commerce-hero h1{font-size:clamp(2.8rem,4.65vw,5.1rem);line-height:1.04;letter-spacing:-.06em;font-weight:550;color:var(--commerce-ink);margin:22px 0}
.commerce-hero-copy>p{font-size:1.08rem;line-height:1.75;max-width:510px;color:var(--commerce-muted);margin-bottom:30px}
.commerce-page .button{font-weight:550;border-radius:6px;min-height:48px;gap:18px}
.commerce-hero-caption{display:block;margin-top:27px;color:#597383;font-size:.76rem}
.commerce-editorial-photo{margin:0;position:relative;height:440px;overflow:hidden;border-radius:8px}
.commerce-editorial-photo>img{height:100%;width:100%;object-fit:cover;object-position:76% center}
.commerce-editorial-photo>figcaption{position:absolute;inset:auto 0 0;padding:65px 28px 28px;background:linear-gradient(transparent,rgba(4,27,44,.9));color:#fff}
.commerce-editorial-photo figcaption span{display:block;font-size:.62rem;letter-spacing:.14em;color:#b6d3df}
.commerce-editorial-photo figcaption strong{display:block;font-weight:500;font-size:1.75rem;letter-spacing:-.04em;margin-top:12px}
.commerce-catalog{max-width:1440px;margin:auto;padding:0 48px 80px;scroll-margin-top:110px}
.commerce-section-top{display:flex;justify-content:space-between;gap:20px;align-items:center;border-block:1px solid #d9e2e7}
.commerce-tabs{display:flex;gap:32px;min-width:0}
.commerce-tabs a{position:relative;padding:24px 0;color:#597080;font-weight:550;font-size:.9rem}
.commerce-tabs a[aria-current]{color:#102e42}
.commerce-tabs a[aria-current]:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:#102e42}
.commerce-cart-link{display:flex;align-items:center;gap:9px;color:#365d74;font-size:.82rem;white-space:nowrap}
.commerce-catalog-heading{display:grid;grid-template-columns:1fr .7fr;align-items:end;gap:64px;margin:54px 0 34px}
.commerce-catalog-heading h2{font-size:clamp(1.8rem,2.8vw,3rem);font-weight:550;line-height:1.15;letter-spacing:-.045em;margin:12px 0 0;color:var(--commerce-ink)}
.commerce-catalog-heading p{font-size:.92rem;line-height:1.7;color:var(--commerce-muted);margin:0}
.commerce-catalog-heading .eyebrow{color:#597787;font-size:.62rem;font-weight:600}
.commerce-plan-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid #d7e1e7;background:#fff;border-radius:10px;overflow:hidden}
.commerce-plan{min-width:0;display:flex;flex-direction:column;padding:30px 24px;border-right:1px solid #d7e1e7;color:#102e42}
.commerce-plan:last-child{border:0}
.commerce-plan.is-featured{background:#eaf4f7;box-shadow:inset 0 3px #0796ae}
.commerce-plan-number{font-size:.6rem;letter-spacing:.15em;color:#52768a}
.commerce-plan h3{font-size:1.55rem;font-weight:600;letter-spacing:-.03em;margin:15px 0}
.commerce-plan header>p{color:#536d7e;font-size:.85rem;line-height:1.65;min-height:100px;margin:0 0 16px}
.commerce-seats{display:flex;align-items:center;gap:8px;font-size:.73rem;color:#3b6479;min-height:22px}
.commerce-price{padding:25px 0 20px;color:#102e42}
.commerce-price strong{display:block;font-size:clamp(1.8rem,2.2vw,2.5rem);font-weight:550;letter-spacing:-.06em;line-height:1.2;overflow-wrap:anywhere}
.commerce-price small{display:block;font-size:.72rem;line-height:1.5;color:#597080;margin-top:7px}
.commerce-buy{background:#fff;color:#153b52;border:1px solid #b9cdd7!important;justify-content:space-between}
.commerce-plan.is-featured .commerce-buy{background:#103c55;color:#fff;border-color:#103c55!important}
.commerce-plan-benefits{border-top:1px solid #d5e0e6;margin-top:28px;padding-top:23px}
.commerce-plan-benefits>span{font-size:.71rem;font-weight:650;color:#284e63}
.commerce-plan-benefits ul,.commerce-detail ul{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:14px}
.commerce-plan-benefits li,.commerce-detail li{display:flex;align-items:flex-start;gap:9px;font-size:.79rem;line-height:1.6;color:#426174}
.commerce-plan-benefits svg,.commerce-detail li svg{flex:none;width:15px;margin-top:3px;color:#158b9d}
.commerce-filters{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin:26px 0 30px}
.commerce-search{display:flex;align-items:center;gap:12px;flex:1;min-width:240px;border-bottom:1px solid #a9bfcb;color:#547387}
.commerce-search input{min-width:0;width:100%;padding:15px 0;border:0;background:transparent;color:#102e42;outline-offset:4px;font-size:.85rem}
.commerce-search input::placeholder{color:#607d8d}
.commerce-filter-buttons{display:flex;gap:5px;flex-wrap:wrap}
.commerce-filter-buttons button{border:1px solid transparent;background:transparent;color:#536d7e;padding:10px 15px;border-radius:5px;font-size:.8rem;min-height:44px}
.commerce-filter-buttons button[aria-pressed="true"]{background:#163c52;color:#fff}
.commerce-result-count{font-size:.7rem;color:#607889}
.commerce-product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.commerce-product{min-width:0;background:transparent;display:flex;flex-direction:column}
.commerce-product-image{position:relative;padding:0;width:100%;aspect-ratio:1.5;border:0;border-radius:7px;overflow:hidden;background:#0b2d44;text-align:left}
.commerce-product-image>img{width:100%;height:100%;object-fit:cover;object-position:75% center;transition:transform .45s}
.commerce-product-image:hover>img{transform:scale(1.045)}
.commerce-product-image>span{position:absolute;top:16px;left:16px;font-size:.65rem;background:#fff;color:#14334a;border-radius:3px;padding:7px 10px}
.commerce-product-image>i{position:absolute;bottom:16px;right:16px;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#fff;color:#14334a;transform:rotate(-35deg)}
.commerce-product-body{padding:22px 0 0;display:flex;flex-direction:column;flex:1}
.commerce-category{text-transform:uppercase;letter-spacing:.12em;color:#54798c;font-size:.61rem}
.commerce-product h3{font-size:1.3rem;letter-spacing:-.035em;line-height:1.3;font-weight:550;margin:12px 0}
.commerce-product h3 button{font:inherit;color:#16384e;border:0;padding:0;background:transparent;text-align:left}
.commerce-product p{color:#597282;font-size:.87rem;line-height:1.7;margin:0 0 20px}
.commerce-product footer{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:auto;border-top:1px solid #d4e0e6}
.commerce-product .commerce-price strong{font-size:1.5rem}
.commerce-add{border:1px solid #c5d5df;border-radius:50%;width:46px;height:46px;display:grid;place-items:center;background:#fff;color:#17455e;flex:none}
.commerce-add:hover{background:#143b53;color:#fff}
.commerce-state{padding:72px 24px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:18px;border:1px dashed #c3d3dc;border-radius:8px;color:#31576c}
.commerce-state h3,.commerce-state p{margin:0}.commerce-state p{font-size:.9rem;color:#5a7484}
.commerce-loading{width:24px;height:24px;border:2px solid #cadbe4;border-top-color:#0f7995;border-radius:50%;animation:commerce-spin 1s linear infinite}
@keyframes commerce-spin{to{transform:rotate(360deg)}}
.commerce-help{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:35px 0 0;margin-top:60px;border-top:1px solid #d5e0e7}
.commerce-help h2{font-size:1.6rem;letter-spacing:-.04em;font-weight:550;color:#153c52;margin:0 0 10px}
.commerce-help p{color:#567183;font-size:.88rem;margin:0;line-height:1.6}
.commerce-help .button{color:#164258!important;background:#fff!important;border:1px solid #bccfd9!important;flex:none}
.commerce-detail-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:32px;color:var(--ink)}
.commerce-detail-grid>img{width:100%;aspect-ratio:1;object-fit:cover;object-position:75% center;border-radius:8px}
.commerce-description{white-space:pre-line;line-height:1.8;font-size:.95rem}
.commerce-detail .commerce-price{color:var(--ink)}
.commerce-detail .commerce-price small,.commerce-detail li{color:var(--muted)}
.commerce-page :is(button,a,input):focus-visible{outline:3px solid #089bb4;outline-offset:4px}

.mandala-experience{min-width:0;max-width:530px;width:100%;justify-self:center}
.mandala-touch-surface{perspective:900px;touch-action:pan-y}
.mandala-plane{transform:rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .18s ease-out;transform-style:preserve-3d}
.mandala-drawing{width:100%;height:auto;display:block;color:#86afc0;filter:drop-shadow(0 20px 18px rgba(19,71,97,.08))}
.mandala-segments{transform-origin:220px 220px;transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.mandala-segments path{stroke:#96bdcc;stroke-width:.5}
.mandala-tone-0{fill:#d6eaf0}.mandala-tone-1{fill:#b8dce6}.mandala-tone-2{fill:#8fc5d5}
.mandala-accent{fill:#efb888}.mandala-dot{fill:#0d8ca5}.mandala-core{fill:#f8fafb;stroke:#b2d0dc;stroke-width:.7}
.mandala-wordmark{fill:#17465d;font-size:18px;letter-spacing:-.8px;font-weight:550}
.mandala-caption{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#617d8c;font-size:.66rem;padding-inline:24px}
.mandala-caption button{display:flex;align-items:center;gap:8px;border:0;border-bottom:1px solid #bfd0da;background:transparent;color:#28566f;padding:12px 0;min-height:44px;font-size:.74rem}
@media(max-width:1280px){
  .editorial-header{height:78px}.editorial-header .public-header-inner{grid-template-columns:1fr auto;padding-inline:24px}
  .editorial-header .public-nav{top:100%;gap:4px;max-height:calc(100dvh - 78px);padding:16px 24px;overflow:auto}
  .editorial-header .public-nav>a{padding:12px 0}
  .editorial-header .editorial-mega{position:static;max-height:none;border:0;box-shadow:none;margin-bottom:12px;border-radius:6px}
  .editorial-mega-inner{grid-template-columns:1fr 1fr;padding:18px;gap:20px}
  .mega-introduction{display:none}.mega-feature{min-height:210px}.mega-feature>img{min-height:210px;max-height:290px}
  .commerce-hero{gap:35px;padding:56px 32px}.commerce-catalog{padding-inline:32px}
  .commerce-plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.commerce-plan{border-bottom:1px solid #d7e1e7}.commerce-plan:nth-child(2n){border-right:0}
}
@media(max-width:760px){
  .editorial-header .public-header-inner{padding-inline:16px;gap:12px}.editorial-header .header-actions{gap:4px}
  .editorial-mega-inner{grid-template-columns:1fr;padding:6px;gap:12px}.mega-feature{display:none}
  .mega-destinations>a{padding:15px 12px}.mega-destinations small{font-size:.75rem}.mega-destinations strong{font-size:.88rem}
  .commerce-hero{grid-template-columns:1fr;gap:28px;padding:40px 22px}.commerce-hero h1{font-size:clamp(2.6rem,10vw,4rem)}
  .commerce-hero-copy>p{font-size:.98rem}.commerce-hero-caption{margin-top:20px}
  .commerce-editorial-photo{height:290px}.mandala-experience{max-width:390px}.mandala-caption{padding:0}
  .commerce-catalog{padding:0 22px 48px}.commerce-section-top{gap:8px;align-items:stretch}.commerce-tabs{gap:20px}.commerce-tabs a{font-size:.8rem;padding:20px 0}
  .commerce-cart-link{font-size:0}.commerce-cart-link svg{font-size:20px}.commerce-catalog-heading{grid-template-columns:1fr;gap:18px;margin:36px 0 24px}
  .commerce-product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 18px}.commerce-plan{padding:26px 20px}
  .commerce-price strong{font-size:2rem}.commerce-plan header>p{min-height:0}.commerce-plan header{min-height:205px}
  .commerce-filters{gap:12px}.commerce-search{flex-basis:100%}.commerce-filter-buttons{gap:2px}.commerce-filter-buttons button{padding-inline:10px}
  .commerce-help{flex-direction:column;align-items:flex-start;gap:22px}.commerce-detail-grid{grid-template-columns:1fr}.commerce-detail-grid>img{aspect-ratio:1.6}
}
@media(max-width:480px){
  .commerce-plan-grid,.commerce-product-grid{grid-template-columns:1fr}.commerce-plan{border-right:0}.commerce-plan header{min-height:0}
  .commerce-plan h3{font-size:1.8rem}.commerce-price strong{font-size:2.5rem}.commerce-plan{padding:28px}
  .commerce-product-image{aspect-ratio:1.55}.commerce-result-count{width:100%}
}
@media(prefers-reduced-motion:reduce){.mandala-plane,.mega-feature>img,.commerce-product-image>img{transition:none;transform:none!important}.mandala-segments{transition:none}.commerce-loading{animation:none}}

/* Public identity: deliberately light, independent of the Studio theme. */
html .public-shell{--paper:#f2f6ff;--surface:#fff;--ink:#172a46;--muted:#54595f;--line:#dce5f4;--blue:#3956ff;--cyan:#3956ff;background:#f2f6ff;color:#172a46;color-scheme:light}
html .public-shell .public-header,html .public-shell .public-nav{background:#f8faff;color:#172a46;border-color:#dce5f4}
html .public-shell .public-nav>a,html .public-shell .nav-button,html .public-shell .header-actions .login-button{color:#172a46}
html[data-theme] .public-shell .header-actions .login-button{color:#3956ff!important}

/* Interactive home: one spacing layer, no tall media frame. */
html .public-shell .home-hero.home-hero-interactive{grid-template-columns:1.12fr 1fr;align-items:center;min-height:0;padding-block:32px 36px;gap:40px}
.home-hero-interactive:before,.home-hero-interactive:after{display:none}
html .public-shell .home-hero-interactive .hero-copy{padding:0;min-width:0;align-self:start}
html .public-shell .home-hero-interactive .hero-copy h1{font-size:clamp(2.7rem,4.6vw,5.1rem);line-height:1.02;margin:22px 0}
.home-hero-interactive .hero-actions{margin:28px 0 32px;flex-wrap:wrap}
.mandala-experience.hero-mandala{max-width:460px;align-self:center;position:relative}
.hero-mandala .mandala-drawing{color:#aab9ef;filter:drop-shadow(0 14px 22px #3956ff12)}
.hero-mandala .mandala-tone-0{fill:#dae4ff}.hero-mandala .mandala-tone-1{fill:#b9cbff}.hero-mandala .mandala-tone-2{fill:#91afff}
.hero-mandala .mandala-segments path{stroke:#fff;stroke-width:1.2;transition:fill .25s}
.hero-mandala .mandala-accent{fill:#ff9a4b}.hero-mandala .mandala-core{fill:#fff;stroke:#c3d1ff}
.hero-mandala .mandala-wordmark{fill:#3956ff;font-weight:750}.hero-mandala .mandala-dot{fill:#3956ff}
.hero-mandala .mandala-caption{color:#54595f;font-size:.75rem;padding:0 18px}
.hero-mandala .mandala-caption button{color:#3956ff}
.mandala-topics{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:10px}
.mandala-topics button{border:1px solid #b8c9ee;border-radius:24px;padding:10px 14px;min-height:44px;background:transparent;color:#243b66;font-size:.78rem}
.mandala-topics button[aria-pressed="true"]{background:#3956ff;color:#fff;border-color:#3956ff}
.mandala-explore p{text-align:center;min-height:2.8em;margin:14px 8px 0;color:#54595f;font-size:.85rem;line-height:1.5}
@media(max-width:900px){html .public-shell .home-hero.home-hero-interactive{grid-template-columns:1fr;padding:30px 24px 36px;gap:24px}.mandala-experience.hero-mandala{max-width:420px}html .public-shell .home-hero-interactive .hero-copy h1{font-size:clamp(2.5rem,7vw,4.2rem)}.home-hero-interactive .hero-metrics{gap:18px}}
@media(max-width:480px){.home-hero-interactive .hero-actions{display:grid}.home-hero-interactive .hero-metrics{gap:10px}.home-hero-interactive .hero-metrics span{font-size:.65rem}.mandala-topics{gap:5px}.mandala-topics button{padding-inline:10px;font-size:.72rem}}
@media(prefers-reduced-motion:reduce){.hero-mandala .mandala-segments path{transition:none}}
html .public-shell .nav-button.open,html .public-shell .public-nav>a[aria-current]{color:#3956ff}
html .public-shell .language-trigger,html .public-shell .cart-button{color:#172a46;background:transparent;border-color:#dce5f4}
html .public-shell main,html .public-shell .editorial-section,html .public-shell .learning-home,html .public-shell .pricing-preview,html .public-shell .page-hero,html .public-shell .commerce-page{background:#f2f6ff;color:#172a46}
html .public-shell .eyebrow{color:#3956ff}html .public-shell main h1,html .public-shell main h2,html .public-shell main h3{color:#172a46}
html .public-shell main p{color:#54595f}
html .public-shell .home-hero{background:#edf3ff;color:#172a46;min-height:650px;gap:36px;padding:64px max(28px,calc((100vw - 1440px)/2))}
html .public-shell .hero-copy h1{color:#172a46;font-size:clamp(2.7rem,4.8vw,5.5rem);letter-spacing:-.055em}
html .public-shell .hero-copy em{color:#3956ff}html .public-shell .hero-copy p,html .public-shell .hero-metrics span{color:#54595f}
html .public-shell .hero-metrics strong{color:#3956ff}html .public-shell .hero-motion{border-radius:44% 44% 28px 28px;overflow:hidden}
html .public-shell .button.primary{background:#3956ff;color:#fff;border-color:#3956ff;border-radius:28px}
html .public-shell .button.light{background:#fff;color:#3956ff;border:1px solid #dce5f4;border-radius:28px}
html .public-shell .editorial-section,html .public-shell .learning-home,html .public-shell .pricing-preview{padding:90px max(28px,calc((100vw - 1440px)/2))}
html .public-shell .editorial-section h2,html .public-shell .pricing-preview h2{font-size:clamp(2rem,3.6vw,3.7rem);letter-spacing:-.045em}
html .public-shell .editorial-grid{border:0;background:transparent;gap:36px;overflow:visible}
html .public-shell .editorial-grid article{background:transparent;border:0;padding:24px 0}
html .public-shell .editorial-grid article>svg{background:#e1e9ff;color:#3956ff;padding:16px;border-radius:50%;width:66px;height:66px}
html .public-shell .editorial-grid a{color:#3956ff}html .public-shell .editorial-grid h3{font-size:1.5rem}
html .public-shell .platform-showcase{background:#3956ff;border:0;border-radius:40px;margin:20px max(28px,calc((100vw - 1440px)/2));padding:64px;gap:48px}
html .public-shell .platform-showcase h2,html .public-shell .platform-showcase p,html .public-shell .platform-showcase .eyebrow{color:#fff}
html .public-shell .platform-showcase figure{border-radius:26px;overflow:hidden}
html .public-shell .learning-cards{gap:20px;background:none;border:0}html .public-shell .learning-cards article{background:#fff;border:0;border-radius:24px;padding:28px}
html .public-shell .case-section{background:#e5edff;color:#172a46;border:0;border-radius:36px;margin:24px max(28px,calc((100vw - 1440px)/2))}
html .public-shell .case-section blockquote p{color:#172a46}
html .public-shell .pricing-mini,html .public-shell .commerce-plan-grid{border:0;background:none;gap:20px;overflow:visible}
html .public-shell .pricing-mini article,html .public-shell .commerce-plan{border:1px solid #dce5f4;border-radius:26px;background:#fff;padding:30px;color:#172a46;box-shadow:0 10px 35px #3956ff08}
html .public-shell .pricing-mini article.featured,html .public-shell .commerce-plan.is-featured{background:#e4ebff;border:2px solid #3956ff}
html .public-shell .pricing-mini article>span{color:#3956ff;font-size:1.15rem}html .public-shell .pricing-mini strong,html .public-shell .pricing-mini li,html .public-shell .pricing-mini small{color:#172a46}
html .public-shell .pricing-mini article>p,html .public-shell .pricing-mini article.featured>p{color:#54595f;font-size:.9rem;min-height:100px}html .public-shell .pricing-mini ul{min-height:120px}
html .public-shell .commerce-plan .commerce-buy{background:#3956ff;color:#fff;border-color:#3956ff;border-radius:24px}
html .public-shell .faq-section,html .public-shell .wide-cta{background:#edf3ff;color:#172a46}html .public-shell .faq-section button{color:#172a46}
.brand-ribbon{padding:40px 0;background:#fff;color:#54595f;border-block:1px solid #e2e9f4;overflow:hidden}
.brand-ribbon h2{font-size:.8rem!important;text-transform:uppercase;letter-spacing:.14em;text-align:center;margin:0 24px 28px;color:#54595f!important}
.brand-window{overflow:hidden}.brand-track{display:flex;width:max-content;animation:brand-flow var(--ribbon-seconds,30s) linear infinite}
.brand-group{display:flex;align-items:center;flex-shrink:0}.brand-item{width:220px;min-height:72px;display:flex;align-items:center;justify-content:center;font-size:1.35rem;font-weight:700;color:var(--brand-color);filter:grayscale(1);transition:filter .25s,transform .25s;padding:12px 24px}
.brand-item img{max-width:160px;max-height:58px;object-fit:contain}.brand-window:hover .brand-track,.brand-window:focus-within .brand-track{animation-play-state:paused}
.brand-item:hover,.brand-item:focus-visible{filter:grayscale(0);transform:scale(1.09)}
@keyframes brand-flow{to{transform:translateX(-50%)}}
.social-proof{display:grid;grid-template-columns:.85fr 1.7fr;gap:48px;padding:80px max(28px,calc((100vw - 1440px)/2));background:#fff}
.social-proof h2{font-size:clamp(2rem,3vw,3.3rem);letter-spacing:-.045em}.rating-platforms{display:flex;gap:26px;flex-wrap:wrap}.platform-rating{display:flex;flex-direction:column;gap:10px;text-decoration:none;color:#172a46;min-width:110px}.platform-rating strong{font-size:3rem;color:#3956ff}.platform-rating strong small{font-size:1rem;color:#54595f}
.rating-stars{display:inline-block;position:relative;width:max-content;font-size:1.4rem;letter-spacing:3px;white-space:nowrap;color:#d4dceb}.rating-stars>span:last-child{position:absolute;left:0;top:0;overflow:hidden;color:#f69b20}
.review-pair{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:stretch}.review-pair blockquote{margin:0;padding:32px;background:#eaf0ff;border-radius:30px;min-width:0;display:flex;flex-direction:column;gap:22px}.review-pair blockquote:nth-child(even){background:#dfeaff}.review-pair p{font-size:1.2rem;line-height:1.65;overflow-wrap:anywhere}.review-pair footer{display:flex;flex-direction:column;gap:6px;margin-top:auto}.review-pair footer span{font-size:.85rem;color:#54595f}.review-controls{display:flex;gap:10px;margin-top:28px}.review-controls button{border:0;border-radius:50%;width:44px;height:44px;background:#e4ecff;color:#3956ff;font-size:1.5rem}
.honeycomb-partners{max-width:1250px;margin:auto;padding:30px 40px 90px;display:grid;gap:65px}.honeycomb-partners article{display:grid;grid-template-columns:280px 1fr;align-items:center;gap:0;isolation:isolate}.hex-photo{width:300px;aspect-ratio:1;clip-path:polygon(25% 6.7%,75% 6.7%,100% 50%,75% 93.3%,25% 93.3%,0 50%);background:#5888ff;z-index:1;display:grid;place-items:center}.hex-photo img{width:100%;height:100%;object-fit:cover}.hex-photo>span{font-size:6rem;color:white}.honeycomb-copy{background:#fff;border-radius:40px;padding:48px 48px 48px 65px;margin-left:-25px;border:1px solid #dce5f4}.honeycomb-copy h2{font-size:2.1rem;margin:12px 0}.honeycomb-copy p{line-height:1.8;white-space:pre-line}.honeycomb-copy a{color:#3956ff;display:inline-flex;gap:12px}.honeycomb-partners article.reverse{grid-template-columns:1fr 280px}.reverse .hex-photo{grid-column:2;grid-row:1}.reverse .honeycomb-copy{grid-column:1;grid-row:1;margin:0 -25px 0 0;padding:48px 65px 48px 48px}
.editorial-settings{margin-block:30px}.editorial-settings>header,.editorial-settings section>header,.editorial-settings article{display:flex;justify-content:space-between;align-items:center;gap:20px}.editorial-settings>header p{max-width:700px;color:var(--muted)}.editorial-settings>section{padding:24px;border:1px solid var(--line);border-radius:12px;margin-top:18px}.editorial-settings article{padding:14px 0;border-top:1px solid var(--line)}.editorial-settings article small{display:block;color:var(--muted);margin-top:5px}.header-cta-form textarea,.header-cta-form select{padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--paper);color:var(--ink)}
@media(max-width:900px){.social-proof{grid-template-columns:1fr}.honeycomb-partners{padding-inline:24px}.honeycomb-partners article,.honeycomb-partners article.reverse{grid-template-columns:170px 1fr}.hex-photo{width:190px}.reverse .hex-photo{grid-column:1}.reverse .honeycomb-copy{grid-column:2;margin:0 0 0 -25px;padding:32px 24px 32px 48px}.honeycomb-copy{padding:32px 24px 32px 48px}.honeycomb-copy h2{font-size:1.6rem}html .public-shell .home-hero{padding:36px 24px}html .public-shell .platform-showcase{padding:32px;margin-inline:24px}}
@media(max-width:700px){.review-pair{grid-template-columns:1fr}.honeycomb-partners article,.honeycomb-partners article.reverse{display:flex;flex-direction:column;align-items:stretch}.hex-photo{align-self:center;width:230px;margin-bottom:-22px}.honeycomb-copy,.reverse .honeycomb-copy{margin:0;padding:42px 26px 26px;border-radius:26px}.editorial-settings>header{align-items:flex-start;flex-direction:column}.social-proof{padding:48px 24px}html .public-shell .editorial-section,html .public-shell .learning-home,html .public-shell .pricing-preview{padding:50px 24px}html .public-shell .hero-motion{border-radius:28px}html .public-shell .pricing-mini article>p{min-height:0}}
@media(prefers-reduced-motion:reduce){.brand-track{animation:none}.brand-group[aria-hidden=true]{display:none}.brand-group{flex-wrap:wrap;width:100vw}.brand-item{transition:none}.brand-item:hover{transform:none}}

/* Stable headline: every configured word contributes to the reserved slot. */
.hero-word-slot{display:inline-grid;vertical-align:baseline;max-width:100%}
.hero-word-slot>em{grid-area:1/1;visibility:hidden;overflow-wrap:anywhere}
.hero-word-slot>em.is-current{visibility:visible}
.hero-word-slot>.word-placeholder{animation:none!important}
html .public-shell .platform-showcase{grid-template-columns:1.05fr 1fr;align-items:center;gap:36px;padding:clamp(24px,4vw,56px);margin:40px auto;max-width:1380px;min-height:0;background:#3956ff;overflow:hidden}
html .public-shell .platform-showcase>div{padding:0;background:transparent;border:0;color:#fff}
html .public-shell .platform-showcase h2{color:#fff;font-size:clamp(2rem,3.4vw,3.8rem);line-height:1.08;margin:22px 0}
html .public-shell .platform-showcase p{color:#fff;font-size:1rem;line-height:1.65}
html .public-shell .platform-showcase .eyebrow{color:#ffd1a8}
html .public-shell .platform-showcase .button.dark{background:#ffad64!important;color:#162644!important;border:0}
html .public-shell .platform-showcase figure{min-height:0;height:auto;max-height:460px;aspect-ratio:1;justify-self:center;width:min(100%,460px);border-radius:50%;overflow:hidden;background:white}
html .public-shell .platform-showcase figure img{width:100%;height:100%;object-fit:contain;filter:none}
html .public-shell .platform-showcase figcaption{display:none}
html .public-shell .pricing-mini article.featured:before,html .public-shell .commerce-plan.is-featured:before{display:none}
html .public-shell .pricing-mini article.featured,html .public-shell .commerce-plan.is-featured{background:#eef2ff;border:2px solid #3956ff;box-shadow:0 12px 32px #3956ff14}
html .public-shell .pricing-mini article.featured>span:after{content:'✦';float:right;color:#bf5a06}
.billing-view{display:flex;align-items:center;gap:5px;margin:0 0 24px;flex-wrap:wrap}
.billing-view>span{margin-right:14px;color:#54595f;font-size:.8rem}
.billing-view button{padding:11px 24px;min-height:44px;border:1px solid #c2ceed;background:#fff;color:#243b66;border-radius:30px}
.billing-view button[aria-pressed=true]{background:#3956ff;border-color:#3956ff;color:white}
.commerce-price .billing-disclosure{font-size:.7rem;line-height:1.55;color:#54595f;max-width:240px;min-height:3.1em}
.pricing-mini .commerce-price{min-height:130px;padding:18px 0}
html .public-shell .commerce-product{border:1px solid #dce5f4;background:#fff;border-radius:22px;overflow:hidden;box-shadow:0 8px 28px #3956ff08}
html .public-shell .commerce-product-body{padding:24px}.commerce-product-image{border-radius:0}
.hero-mandala .progress-base{fill:#fff;stroke:#adbde5!important;stroke-width:.65!important}
.hero-mandala .progress-fill{stroke:none!important}
.progress-label{font-size:9px;fill:#172a46;font-weight:650}.progress-percent{font-size:9px;fill:#243b66}
.progress-total{font-size:27px;fill:#3956ff;font-weight:750}
.mandala-demo-label{display:block;text-align:center;color:#54595f;font-size:.7rem;margin-top:8px}
.honeycomb-partners article{grid-template-columns:300px 1fr}.honeycomb-partners .hex-photo{width:340px}
.honeycomb-partners .honeycomb-copy{margin-left:-150px;padding:32px 40px 32px 190px;border-radius:30px;min-height:250px}
.honeycomb-partners article.reverse{grid-template-columns:1fr 300px}.honeycomb-partners .reverse .hex-photo{justify-self:end}
.honeycomb-partners .reverse .honeycomb-copy{margin:0 -150px 0 0;padding:32px 190px 32px 40px}
@media(max-width:900px){html .public-shell .platform-showcase{margin:28px 24px;grid-template-columns:1fr 1fr;gap:24px;padding:28px}.honeycomb-partners article,.honeycomb-partners article.reverse{grid-template-columns:220px 1fr}.honeycomb-partners .hex-photo{width:260px}.honeycomb-partners .reverse .hex-photo{justify-self:start}.honeycomb-partners .honeycomb-copy,.honeycomb-partners .reverse .honeycomb-copy{margin:0 0 0 -100px;padding:26px 26px 26px 145px;min-height:0}}
@media(max-width:700px){html .public-shell .platform-showcase{grid-template-columns:1fr;margin-inline:20px;padding:28px;border-radius:24px}html .public-shell .platform-showcase figure{width:min(100%,290px)}.honeycomb-partners .hex-photo{width:250px;margin-bottom:-125px}.honeycomb-partners .honeycomb-copy,.honeycomb-partners .reverse .honeycomb-copy{margin:0;padding:145px 26px 28px;text-align:center}.honeycomb-partners .reverse .hex-photo{align-self:center}.pricing-mini .commerce-price{min-height:0}.progress-label{font-size:9.5px}}

/* Modal, notifications, public utilities and reputation carousel. */
.brand-editor-modal{width:min(720px,96vw)}
.brand-editor-modal .studio-form{display:flex;flex-direction:column;gap:22px}
.brand-editor-modal .form-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:20px}
.brand-editor-modal .form-grid>label{display:flex;flex-direction:column;gap:8px;min-width:0}
.brand-editor-modal input:not([type=color]):not([type=file]){height:46px;min-height:46px;width:100%;min-width:0}
.brand-editor-modal .upload-field{width:100%;margin:0}
.brand-editor-modal .upload-control{grid-template-columns:180px minmax(0,1fr);align-items:center;padding:18px}
.brand-editor-modal .upload-preview{height:145px}
.brand-editor-modal .upload-preview img{object-fit:contain;padding:12px}
.brand-editor-modal .upload-actions{min-width:0;gap:10px}
.brand-editor-modal .upload-secondary-actions{display:flex;flex-wrap:wrap;gap:8px}
.brand-editor-modal .studio-form-actions{margin-top:0;padding-top:18px;border-top:1px solid var(--line)}
.upload-actions input[type=file][hidden]{display:none!important}
.upload-url{overflow:hidden;min-width:0}.upload-url input{min-height:0!important;height:38px!important}
.info-stack{width:max-content!important;max-width:calc(100vw - 32px);right:16px;top:96px;gap:8px;align-items:flex-end;pointer-events:none}
.info-stack .infobox{width:max-content;max-width:min(390px,calc(100vw - 32px));min-height:0;padding:12px 14px;gap:10px;border-radius:12px;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;pointer-events:auto;animation:toast-in .22s ease-out}
.info-stack .infobox-icon{width:28px;height:28px;border-radius:9px}
.info-stack .infobox-copy p{margin:0;font-size:.85rem;line-height:1.45;overflow-wrap:anywhere}
.info-stack .infobox .icon-button{width:30px;height:30px;min-width:30px;padding:5px;grid-column:-1}
.info-stack .infobox.is-leaving{animation:toast-out .18s ease-in forwards}
@keyframes toast-in{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
@keyframes toast-out{to{opacity:0;transform:translateX(18px)}}
html .public-shell .public-header{transition:background-color .35s,color .35s,box-shadow .35s}
html .public-shell .public-header.past-brands{background:#2342d6!important;border-color:#2342d6;box-shadow:0 5px 22px #132b7426}
html .public-shell .public-header.past-brands .public-nav{background:transparent!important}
html .public-shell .public-header .language-switcher.flag-only .language-trigger{border-radius:50%!important}
html .public-shell .past-brands .public-nav>a,html .public-shell .past-brands .nav-button,html[data-theme] .public-shell .past-brands .header-actions .login-button,html .public-shell .past-brands .account-button{color:#fff!important}
html .public-shell .past-brands .mobile-nav-toggle,html .public-shell .past-brands .cart-button{color:#fff!important;background:transparent!important}
html .public-shell .public-header .language-switcher.flag-only .language-trigger{width:44px;height:44px;min-width:44px;border-radius:50%;padding:5px!important;border:1px solid #bcccf1;background:transparent;display:grid;place-items:center}
html .public-shell .public-header .language-switcher.flag-only .language-trigger>img{width:30px!important;height:30px!important;max-width:none;object-fit:cover;border-radius:50%;margin:0}
html .public-shell .public-header .cart-button{width:44px;height:44px;min-width:44px;border:0!important;border-radius:50%;display:grid;place-items:center;padding:10px!important;background:transparent!important;position:relative;color:#233859}
html .public-shell .public-header .cart-button>svg{width:23px;height:23px;stroke-width:1.7}
html .public-shell .public-header .cart-count{position:absolute;top:0;right:-1px;width:auto;min-width:17px;height:17px;padding:0 4px;font-size:10px;line-height:17px;border-radius:12px;background:#ffad64;color:#172a46;border:2px solid #f2f6ff}
.rating-platforms{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;animation:review-enter .35s ease-out}
.platform-rating{display:flex;flex-direction:column;align-items:flex-start;min-width:0;border:1px solid #e1e7f3;border-radius:18px;padding:18px 14px;background:#fff}
.platform-rating .rating-platform-logo{order:-1;width:100%;max-width:130px;height:32px;object-fit:contain;object-position:left center;margin-bottom:14px}
.platform-rating>strong{font-size:2rem!important;line-height:1.2}.platform-rating .rating-stars{font-size:1.15rem;letter-spacing:1px;margin-top:8px}
.social-proof{align-items:start;gap:28px}.social-proof-intro h2{font-size:clamp(1.8rem,3vw,2.8rem)!important;line-height:1.15;margin:16px 0 24px}
.review-pair{animation:review-enter .35s ease-out;align-items:stretch}
.review-pair blockquote{padding:28px!important;min-height:270px!important;gap:18px;border-radius:24px}
.review-pair blockquote p{font-size:1.1rem!important;line-height:1.6;flex:1;margin:10px 0 20px}
.review-pair blockquote footer{padding-top:0;margin-top:auto}
@keyframes review-enter{from{opacity:.3;transform:translateX(10px)}to{opacity:1;transform:none}}
/* Independent reputation carousel, learning catalogue and shopping flow. */
/* Studio: shared geometry, readable forms and deliberate navigation. */
.public-shell .contact-hero aside p{color:#d9e8ff!important}.public-shell .contact-hero aside a{color:#fff}.public-shell .contact-hero aside svg{color:#8abfff}.public-shell .public-footer .language-trigger,.public-shell .public-footer .language-trigger span,.public-shell .public-footer .language-trigger svg{color:#fff!important}.public-shell .public-footer .language-menu{bottom:calc(100% + 8px);top:auto}.public-shell .public-footer .language-menu button{color:#172a46}.newsletter-consent{display:flex;align-items:flex-start;gap:10px;color:#d5e4f1;font-size:.75rem;line-height:1.5}.newsletter-consent input{flex-shrink:0}.newsletter-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important}.public-footer .newsletter form>p{color:#fff}
.studio-app .campaign-admin-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr));gap:24px}.studio-app .campaign-admin-grid>article{min-width:0;overflow:hidden;border-radius:16px;background:var(--studio-surface);border:1px solid var(--studio-line)}.studio-app .campaign-admin-preview{height:280px;min-height:0;padding:26px;display:flex;gap:22px;align-items:center;background:#eef3ff;color:#172a46;overflow:hidden;position:relative}.studio-app .campaign-admin-preview>img{position:static!important;width:32%!important;height:210px!important;object-fit:cover;border-radius:10px;order:2;flex-shrink:0}.studio-app .campaign-admin-preview>div{min-width:0;flex:1;position:relative;z-index:1}.studio-app .campaign-admin-preview>div>span{display:block;font-size:.65rem;font-weight:700;letter-spacing:.07em;color:#3956ff;margin-bottom:10px}.studio-app .campaign-admin-preview strong{display:block;font-size:1.15rem;line-height:1.3}.studio-app .campaign-admin-preview p,.studio-app .campaign-admin-preview small{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-size:.82rem;line-height:1.6;color:#53657b;margin:12px 0}.studio-app .campaign-admin-preview .campaign-cta-sample{display:inline-block;background:#3956ff;color:#fff;padding:10px 14px;border-radius:7px;font-size:.75rem;letter-spacing:0}.studio-app .campaign-admin-grid>article>footer{display:flex;align-items:center;justify-content:space-between;padding:20px;gap:16px}.studio-app .campaign-admin-grid footer strong,.studio-app .campaign-admin-grid footer small{display:block}.studio-app .campaign-admin-grid footer small{margin-top:6px;color:var(--studio-muted)}
.relationship-toolbar{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin:24px 0}.relationship-toolbar input,.relationship-toolbar select{min-height:44px;padding:10px 14px;border:1px solid var(--studio-line);border-radius:8px;background:var(--studio-surface);color:var(--studio-ink)}.relationship-toolbar .studio-search{flex:1;min-width:200px}.relationship-list,.email-campaign-list,.subscriber-list{display:grid;gap:14px}.relationship-list>article,.email-campaign-list>article,.subscriber-list>article{background:var(--studio-surface);border:1px solid var(--studio-line);border-radius:12px;padding:22px;display:flex;align-items:center;gap:24px;justify-content:space-between}.relationship-person{display:flex;align-items:center;gap:14px;min-width:220px}.relationship-avatar{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#e8eeff;color:#3956ff;font-weight:700;flex-shrink:0}.relationship-list h3,.email-campaign-list h3{margin:0 0 6px;font-size:1rem}.relationship-list p,.email-campaign-list p{margin:7px 0;font-size:.85rem;color:var(--studio-muted);line-height:1.55}.relationship-list small,.subscriber-list small{display:block;color:var(--studio-muted);font-size:.76rem;overflow-wrap:anywhere}.relationship-subject{flex:1;min-width:0}.relationship-actions{display:flex;flex-wrap:wrap;gap:8px}.relationship-actions .button{padding:10px 14px;font-size:.78rem}.relationship-empty{padding:50px 24px;text-align:center;background:var(--studio-surface);border:1px dashed var(--studio-line);border-radius:12px;color:var(--studio-muted)}.relationship-empty>svg{font-size:30px}.email-delivery-note{display:flex;gap:16px;align-items:flex-start;padding:20px 24px;border-left:3px solid #3956ff;background:var(--studio-surface);margin:22px 0}.email-delivery-note>svg{flex-shrink:0;margin-top:3px;color:#3956ff}.email-delivery-note p{font-size:.83rem;color:var(--studio-muted);line-height:1.6;margin-bottom:0}.email-job-counts{display:flex;gap:14px;flex-wrap:wrap;font-size:.78rem}.email-job-counts span{color:var(--studio-muted)}.email-send-bar{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px;background:#e8eeff;color:#172a46;border-radius:10px;margin-bottom:16px}.email-send-bar p{margin:5px 0;font-size:.8rem}.subscriber-list label{display:flex;align-items:center;gap:14px;overflow-wrap:anywhere}.subscriber-list>article>span{font-size:.8rem;color:var(--studio-muted)}.email-editor-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:24px}.email-editor-fields{display:grid;gap:16px;min-width:0}.email-code{font-family:Consolas,monospace!important;font-size:.8rem!important;line-height:1.6}.email-preview{background:#f2f6ff;border:1px solid #d8e2f0;border-radius:12px;padding:18px;min-width:0;color:#172a46}.email-preview>strong{font-size:.7rem;letter-spacing:.1em}.email-preview iframe{display:block;width:100%;height:540px;border:0;margin-top:14px;background:white}.password-recovery{min-height:100dvh;padding:32px 18px;display:grid;place-items:center;background:#f2f6ff;color:#172a46}.password-recovery>section{width:min(100%,520px);padding:32px;background:#fff;border:1px solid #d8e2f0;border-radius:16px}.password-recovery h1{font-size:2rem;line-height:1.15}.password-recovery p{line-height:1.6}.password-recovery .studio-form{display:grid;gap:18px;margin:22px 0}
@media(max-width:1000px){.relationship-list>article{flex-wrap:wrap}.relationship-person{min-width:0;flex:1}.relationship-subject{min-width:220px}.relationship-list .relationship-actions{width:100%}.email-editor-grid{grid-template-columns:1fr}}
@media(max-width:600px){.relationship-list>article,.email-campaign-list>article,.subscriber-list>article{padding:18px;align-items:flex-start;flex-direction:column;gap:16px}.relationship-toolbar>*{width:100%}.relationship-person,.relationship-subject{width:100%;min-width:0}.email-send-bar{flex-direction:column;align-items:stretch}.email-send-bar .button{width:100%}.studio-app .campaign-admin-preview{padding:18px;height:260px}.studio-app .campaign-admin-grid>article>footer{padding:16px}.email-preview iframe{height:420px}}
.studio-greeting{display:grid;gap:4px}
.analytics-board .data-table thead th{font-size:.66rem;letter-spacing:.025em;white-space:nowrap;padding-inline:8px}
/* Shared native checkbox: consistent visual without replacing semantics. */
html input[type=checkbox]{appearance:none!important;-webkit-appearance:none!important;width:20px!important;height:20px!important;min-width:20px!important;min-height:20px!important;max-width:20px!important;padding:0!important;margin:0;display:inline-grid!important;place-content:center;vertical-align:middle;border:1.5px solid #9aaac0!important;border-radius:5px!important;background:#fff!important;cursor:pointer;flex:0 0 20px;transition:background .15s,border-color .15s}
html input[type=checkbox]::before{content:'';width:10px;height:6px;border-left:2px solid white;border-bottom:2px solid white;transform:translateY(-1px) rotate(-45deg) scale(0)}
html input[type=checkbox]:checked{background:#3956ff!important;border-color:#3956ff!important}html input[type=checkbox]:checked::before{transform:translateY(-1px) rotate(-45deg) scale(1)}html input[type=checkbox]:indeterminate{background:#3956ff!important;border-color:#3956ff!important}html input[type=checkbox]:indeterminate::before{width:10px;height:0;border-left:0;transform:none}html input[type=checkbox]:focus-visible{outline:3px solid #8ea7ff!important;outline-offset:3px}html input[type=checkbox]:disabled{opacity:.5;cursor:not-allowed}
@media(forced-colors:active){html input[type=checkbox]{appearance:auto!important;-webkit-appearance:auto!important}html input[type=checkbox]::before{display:none}}
html .public-shell .public-header.past-brands .account-button,html .public-shell .public-header.past-brands .mobile-nav-account .button{background:#fff!important;color:#2342d6!important;border-color:#fff!important}
html .public-shell .public-header .language-switcher.flag-only .language-trigger,html .studio-app .language-switcher.flag-only .language-trigger{border:0!important;background:transparent!important;box-shadow:none!important;border-radius:0!important;width:42px;height:42px;padding:5px!important;min-width:42px}
html .studio-app .language-switcher.flag-only .language-trigger img,html .public-shell .language-switcher.flag-only .language-trigger img{width:30px;height:30px;border-radius:50%;object-fit:cover;margin:0}
.studio-app .studio-brand{justify-content:center;padding:20px 12px!important;min-height:94px;border-bottom:1px solid #ffffff12;display:flex!important}.studio-app .studio-brand img{width:142px;height:60px;max-height:60px;padding:0;background:none}.studio-app .studio-brand>span{display:none}
.studio-app .studio-topbar>.studio-collapse{flex:none;width:34px;height:34px;margin:0;background:transparent;color:#617087;border:1px solid #dce3ef;border-radius:8px;display:grid;place-items:center}
.studio-app .studio-sidebar nav{padding-top:18px}.studio-app .studio-sidebar nav button{width:100%;height:auto;min-height:44px;padding:12px!important;line-height:1.45}.studio-app .studio-sidebar nav .studio-nav-parent{background:transparent!important;font-size:.84rem!important}.studio-app .studio-sidebar nav .studio-nav-parent:hover{background:#ffffff0b!important}.studio-app .studio-nav-children{padding-left:10px!important}.studio-app .studio-user-foot{padding:18px 10px!important}.studio-app .studio-user-foot .studio-profile-shortcut{margin-bottom:15px}.studio-app.sidebar-collapsed .studio-brand img{width:46px;height:40px}.studio-app.sidebar-collapsed .studio-brand{padding:20px 0!important}
.analytics-campaign-column{display:flex;flex-direction:column;gap:22px;min-width:0}.analytics-board .data-table{min-width:0;width:100%;table-layout:fixed}.analytics-board .data-table th,.analytics-board .data-table td{padding:15px 12px;white-space:normal;overflow-wrap:anywhere;font-size:.8rem}.analytics-board .data-table th:first-child{width:40%}.campaign-metric-rows{padding:0 22px}.campaign-metric-rows>div{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 0;border-bottom:1px solid var(--studio-line)}.campaign-metric-rows span{font-size:.86rem}.campaign-metric-rows small{display:block;margin-top:5px;font-size:.74rem;color:var(--studio-muted)}.campaign-metric-rows strong{font-size:1.5rem;font-variant-numeric:tabular-nums;color:var(--studio-ink)}.campaign-insights>p{padding:0 22px 18px;font-size:.8rem;line-height:1.6;color:var(--studio-muted)}
.studio-modal.editorial-partners{width:min(1020px,100%)}.studio-modal .editorial-form-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:22px;align-items:start}.studio-modal.editorial-partners .editorial-form-layout{grid-template-columns:minmax(0,1.6fr) minmax(250px,1fr)}.editorial-fields{display:flex;flex-direction:column;gap:20px;min-width:0}.studio-modal .editorial-photo{background:#f5f7fc;border:1px solid var(--form-line);border-radius:12px;padding:18px;min-width:0}.editorial-photo h3{font-size:.95rem;margin:0 0 8px}.editorial-photo p{font-size:.8rem;line-height:1.5;color:var(--form-muted)}.studio-modal .editorial-photo .upload-control{grid-template-columns:1fr;padding:10px}.studio-modal .editorial-photo .upload-preview{height:175px}.studio-modal .editorial-photo .upload-preview img{object-fit:contain}.studio-modal .editorial-photo .upload-url input{font-size:.74rem}.studio-modal .editorial-photo .upload-actions>.button{width:100%}
.studio-modal .publication-setting{border:1px solid var(--form-line);border-radius:10px;padding:16px;background:#f5f7fc}.studio-modal .publication-setting .switch-line{align-items:flex-start;width:100%;cursor:pointer}.studio-modal .publication-setting input{margin-top:2px}.studio-modal .publication-setting strong{display:block;color:var(--form-ink);font-size:.86rem;font-weight:650}.studio-modal .publication-setting small{display:block;color:var(--form-muted);font-size:.76rem;line-height:1.5;margin-top:5px}.studio-modal .editorial-form small,.studio-modal .form-help{color:var(--form-muted);font-size:.76rem;line-height:1.5}.studio-modal .form-help{margin:0}.studio-modal .studio-form-actions{gap:10px}.studio-modal .cta-appearance{display:grid;grid-template-columns:120px minmax(0,1fr);gap:20px;align-items:center}.studio-modal .cta-appearance .header-cta-preview{margin:0;padding:16px}.studio-modal .cta-appearance .header-cta-preview small{font-size:.72rem}.studio-modal .header-cta-form>small{font-size:.76rem;line-height:1.5}.studio-modal .form-section>small{font-size:.76rem;color:var(--form-muted);line-height:1.5}
html[data-theme=dark] .studio-modal .publication-setting,html[data-theme=dark] .studio-modal .editorial-photo{background:#111a28}html[data-theme=dark] .studio-topbar>.studio-collapse{color:#c8d5e7;border-color:#304058}
@media(max-width:1100px){.studio-app .studio-topbar>.studio-collapse{display:none}.studio-app .studio-brand img{width:138px}.studio-app .studio-kpis.compact{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.studio-modal.editorial-partners .editorial-form-layout{grid-template-columns:1fr}.studio-modal .editorial-photo .upload-preview{height:160px}.studio-modal .cta-appearance{grid-template-columns:1fr}.studio-modal .studio-form-actions{flex-wrap:wrap}.studio-modal .studio-form-actions .button{flex:1;min-width:120px;width:auto!important}.analytics-board .data-table th,.analytics-board .data-table td{padding:12px 8px;font-size:.74rem}}
@media(max-width:1100px){.studio-app .studio-nav-scrim{z-index:80}.studio-app .studio-sidebar.open{z-index:90}.studio-app .studio-kpis.compact{grid-template-columns:repeat(2,minmax(0,1fr))}}
.studio-app{--studio-surface:#fff;--studio-canvas:#f4f6fb;--studio-ink:#172a46;--studio-muted:#617087;--studio-line:#e0e6ef;background:var(--studio-canvas);color:var(--studio-ink)}
.studio-content{padding:30px;max-width:1600px;margin:auto;width:100%;min-width:0}
.studio-section-header{margin-bottom:26px;gap:20px}.studio-section-header h1{font-size:clamp(1.5rem,2.4vw,2.1rem);letter-spacing:-.035em;margin:8px 0}.studio-section-header p{font-size:.9rem;line-height:1.6;max-width:720px;color:var(--studio-muted)}
.studio-sidebar{background:#10243e!important;color:#cbd5e6;border:0!important}.studio-brand{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:18px 10px 24px!important}.studio-brand img{width:115px;max-height:55px;object-fit:contain}.studio-brand>span{color:#aab9d0!important}.studio-collapse{margin-left:auto}
.studio-nav-group{margin:5px 0!important}.studio-sidebar nav button{border:0!important;border-radius:9px!important;box-shadow:none!important;min-height:43px;font-size:.84rem;padding:11px 12px;color:#cbd5e6}.studio-sidebar nav .studio-nav-parent{background:transparent;font-weight:650}.studio-sidebar nav .studio-nav-parent.current{background:#ffffff0d;color:white}.studio-sidebar nav button:hover{background:#ffffff10}.studio-sidebar nav button.active{background:#3956ff!important;color:white!important;box-shadow:none!important}.studio-sidebar nav button.active:before{display:none}
.studio-nav-children{border:0!important;margin:3px 0 8px!important;padding:0 0 0 12px!important}.studio-nav-children button{font-size:.8rem!important}.studio-nav-children button svg{width:15px}.studio-nav-parent>svg:last-child{margin-left:auto;width:14px}.studio-nav-scrim{display:none}
.studio-topbar{min-height:76px;padding:14px 30px;border-bottom:1px solid var(--studio-line);gap:16px}.studio-top-actions{gap:10px}.studio-top-actions .circle-action{width:38px;height:38px}.studio-greeting strong{font-size:.96rem}.studio-greeting small{font-size:.8rem}.studio-avatar{width:38px;height:38px}.studio-identity{font-size:.8rem}
.studio-kpis{gap:14px;margin-bottom:24px;grid-template-columns:repeat(4,minmax(0,1fr))}.studio-kpis article{position:relative;padding:22px!important;min-height:122px;border:1px solid var(--studio-line);border-radius:13px;box-shadow:none;display:grid;grid-template-columns:1fr 38px;align-content:center;gap:8px;background:var(--studio-surface)}.studio-kpis article>div{grid-column:2;grid-row:1/3;width:38px;height:38px;border-radius:11px;background:#eef1ff;color:#3956ff;align-self:center}.studio-kpis article>span{grid-column:1;grid-row:1;font-size:.8rem;color:var(--studio-muted);font-weight:500}.studio-kpis article>strong{grid-column:1;grid-row:2;font-size:1.65rem;line-height:1.2;margin:0;font-variant-numeric:tabular-nums}
.studio-board-grid{gap:22px;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);align-items:start}.studio-panel{border-radius:14px;border:1px solid var(--studio-line);overflow:hidden;box-shadow:none}.studio-panel>header{padding:20px 22px;gap:12px}.studio-panel>header strong{font-size:.98rem}.quick-actions a{padding:19px 22px;font-size:.88rem}.quick-actions a:hover{background:#f6f8ff}
.recent-audit{padding:4px 22px}.recent-audit>div{display:flex;align-items:flex-start;gap:12px;padding:16px 0;border-bottom:1px solid var(--studio-line)}.recent-audit>div:last-child{border-bottom:0}.recent-audit .audit-dot{width:8px;height:8px;min-width:8px;border-radius:50%;background:#5888ff;margin-top:6px}.recent-audit strong,.recent-audit small{display:block}.recent-audit strong{font-size:.86rem;font-weight:600}.recent-audit small{font-size:.74rem;line-height:1.6;color:var(--studio-muted);margin-top:5px}
.site-settings-tabs{display:flex;gap:6px;padding:6px;background:var(--studio-surface);border:1px solid var(--studio-line);border-radius:12px;margin-bottom:24px;overflow-x:auto}.site-settings-tabs button{white-space:nowrap;border:0;border-radius:8px;padding:12px 18px;background:transparent;color:var(--studio-muted);font-size:.85rem;font-weight:600}.site-settings-tabs button.active{background:#3956ff;color:white}.settings-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.header-cta-settings,.editorial-settings,.site-admin-section{background:var(--studio-surface);border:1px solid var(--studio-line);border-radius:14px;padding:24px;margin-bottom:22px}.editorial-settings>header,.site-admin-section>header{gap:18px;align-items:center}.editorial-settings h2,.site-admin-section h2,.header-cta-settings h2{font-size:1.1rem;margin:0 0 8px}.editorial-settings p{font-size:.87rem;line-height:1.6;color:var(--studio-muted)}.editorial-settings>section{margin-top:22px;padding-top:18px}.editorial-settings article{padding:16px 0}.editorial-settings article small{display:block;margin-top:5px;color:var(--studio-muted);font-size:.8rem}.brand-admin-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.brand-admin-item{min-width:0;padding:16px;border:1px solid var(--studio-line);border-radius:10px}.brand-admin-item h3{font-size:.92rem;overflow-wrap:anywhere}
.studio-modal-backdrop{padding:24px;overflow:hidden;background:#10243e99;backdrop-filter:blur(4px)}
.studio-modal{--form-surface:#fff;--form-ink:#172a46;--form-muted:#617087;--form-line:#dce3ef;width:min(720px,100%);max-width:100%;max-height:calc(100dvh - 48px);display:flex;flex-direction:column;overflow:hidden;border-radius:18px;color:var(--form-ink);background:var(--form-surface)}
.studio-modal.modal-large{width:min(960px,100%)}.studio-modal.modal-xlarge{width:min(1320px,100%)}.studio-modal .modal-header{flex:none;padding:22px 28px;background:var(--form-surface);border-bottom:1px solid var(--form-line);gap:20px}.studio-modal .modal-header h2{font-size:1.4rem;line-height:1.3;margin:7px 0 0}.studio-modal .modal-header .eyebrow{font-size:.65rem;letter-spacing:.14em}.studio-modal .modal-close{width:38px;height:38px;flex-shrink:0}.studio-modal .modal-body{min-height:0;overflow-y:auto;overflow-x:hidden;padding:24px 28px;background:var(--form-surface);overscroll-behavior:contain}
.studio-modal .studio-form{display:flex!important;flex-direction:column;gap:20px;min-width:0;align-items:stretch}.studio-modal .studio-form>*{min-width:0;max-width:100%}.studio-modal .form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}.studio-modal .form-section{display:flex;flex-direction:column;gap:18px;padding:20px;border:1px solid var(--form-line);border-radius:12px;margin:0;min-width:0;background:var(--form-surface)}.studio-modal .form-section h3{font-size:.8rem;margin:0;color:var(--form-muted);letter-spacing:.06em}.studio-modal label:not(.switch-line),.studio-modal .dropdown-field{display:flex;flex-direction:column;gap:8px;min-width:0;align-self:start;width:100%}.studio-modal label>span,.studio-modal .dropdown-field>span{font-size:.8rem;line-height:1.4;color:var(--form-muted)}.studio-modal input:not([type=checkbox]):not([type=radio]):not([type=file]),.studio-modal textarea,.studio-modal select,.studio-modal .dropdown-trigger{width:100%;min-width:0;font-size:.9rem;border:1px solid var(--form-line);background:var(--form-surface);color:var(--form-ink);border-radius:8px;padding:11px 12px;min-height:44px;line-height:1.4}.studio-modal textarea{resize:vertical;min-height:100px}.studio-modal input[type=color]{padding:5px!important;height:44px}.studio-modal .switch-line{display:flex;flex-direction:row;align-items:center;gap:10px}.studio-modal .switch-line input{width:18px;height:18px;flex:none}.studio-modal .studio-form-actions{position:sticky;bottom:-24px;padding:16px 0 4px;margin:0;background:var(--form-surface);border-top:1px solid var(--form-line);z-index:3;display:flex;justify-content:flex-end;grid-column:1/-1}.studio-modal .button{font-size:.86rem;min-height:44px;white-space:normal}
.studio-modal .upload-control{display:grid;grid-template-columns:140px minmax(0,1fr);gap:16px;padding:14px;min-width:0}.studio-modal .upload-preview{height:115px;min-width:0}.studio-modal .upload-actions{display:flex;flex-wrap:wrap;gap:10px;min-width:0}.studio-modal .upload-url{width:100%;min-width:0}.studio-modal .upload-url input{padding-left:36px!important}.studio-modal .upload-actions>button,.studio-modal .upload-actions>a{font-size:.8rem;min-height:38px}.studio-modal .upload-actions input[type=file]{display:none!important}
.studio-modal .campaign-editor-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(360px,.9fr);gap:26px;align-items:start}.studio-modal .popup-live-preview{position:sticky;top:0;min-height:0;padding:16px;background:#f0f3fa;border:1px solid var(--form-line);border-radius:12px;overflow:hidden}.studio-modal .popup-live-preview>span{font-size:.65rem;letter-spacing:.06em;color:#617087}.studio-modal .popup-variant-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.studio-modal .popup-variant-picker button{min-width:0;min-height:100px;padding:14px;display:grid;grid-template-columns:30px minmax(0,1fr);column-gap:10px;text-align:left;align-content:start}.studio-modal .popup-variant-picker button>span{grid-row:1/3;width:30px;height:30px}.studio-modal .popup-variant-picker strong{font-size:.79rem;line-height:1.4;overflow-wrap:anywhere}.studio-modal .popup-variant-picker small{font-size:.7rem;line-height:1.5;grid-column:2}.studio-modal .popup-variant-picker .variant-check{display:none}.studio-modal .popup-variant-picker button.selected{border-color:#3956ff;background:#eef1ff}.studio-modal .studio-popup-split-media,.studio-modal .studio-popup-form{grid-template-columns:1fr}.studio-modal .studio-popup-split-media .studio-popup-media,.studio-modal .studio-popup-form .studio-popup-media{height:170px;min-height:0}.studio-modal .studio-popup-copy{padding:20px}.studio-modal .studio-popup-copy h3{font-size:1.3rem;line-height:1.2}.studio-modal .studio-popup-preview{min-height:0}.studio-modal .popup-live-preview .preview-fields{display:none}.studio-modal .popup-live-preview .studio-popup-form .preview-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.studio-modal .permission-grid label{display:flex;flex-direction:row;align-items:start;width:auto}.studio-modal .permission-grid input{width:18px;flex:none}.studio-modal .header-cta-form{display:flex;flex-direction:column;gap:18px}
html[data-theme=dark] .studio-app{--studio-surface:#182334;--studio-canvas:#111a28;--studio-ink:#e8edf7;--studio-muted:#a8b7ce;--studio-line:#304058}
html[data-theme=dark] .studio-modal{--form-surface:#182334;--form-ink:#e8edf7;--form-muted:#a8b7ce;--form-line:#304058}html[data-theme=dark] .studio-modal .popup-live-preview{background:#111a28}html[data-theme=dark] .studio-modal .popup-variant-picker button.selected{background:#24365e}html[data-theme=dark] .quick-actions a:hover{background:#24324b}
.account-overview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:18px;background:var(--studio-surface);border:1px solid var(--studio-line);border-radius:13px;overflow:hidden}.account-overview>div{padding:17px 20px;border-right:1px solid var(--studio-line);display:flex;align-items:center;justify-content:space-between;gap:14px}.account-overview>div:last-child{border-right:0}.account-overview span{font-size:.76rem;color:var(--studio-muted)}.account-overview strong{font-size:1.25rem;font-variant-numeric:tabular-nums}.account-toolbar{display:grid;grid-template-columns:minmax(260px,1fr) 220px 180px;gap:12px;padding:14px;margin-bottom:18px;background:var(--studio-surface);border:1px solid var(--studio-line);border-radius:13px;align-items:end}.account-search{height:46px;display:flex;align-items:center;gap:10px;padding:0 14px;border:1px solid var(--studio-line);border-radius:9px;color:var(--studio-muted)}.account-search:focus-within{border-color:#6178ff;box-shadow:0 0 0 3px #3956ff1a}.account-search input{width:100%;border:0;outline:0;background:transparent;color:var(--studio-ink);font:inherit;font-size:.86rem}.account-search input::placeholder{color:var(--studio-muted)}.account-plan{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:.68rem;font-weight:800;background:#edf2f5;color:#536878}.account-plan-paid{background:#e7efff;color:#3155b8}.status-delinquent{background:#fff1d1;color:#91620a}.status-churned,.status-inactive{background:#fee9eb;color:#a63d48}.account-modal-summary{display:flex;align-items:center;gap:14px;padding:17px 18px;border:1px solid var(--form-line);border-radius:12px;background:color-mix(in srgb,var(--form-surface) 92%,#3956ff 8%)}.account-modal-icon{width:42px;height:42px;border-radius:10px;display:grid;place-items:center;background:#3956ff;color:#fff;font-size:1.1rem}.account-modal-summary strong,.account-modal-summary small{display:block}.account-modal-summary small{margin-top:5px;color:var(--form-muted);font-size:.78rem}.account-impact{display:flex;align-items:flex-start;gap:12px;padding:14px;border:1px solid #bfe4d6;background:#effaf6;color:#246c56;border-radius:10px}.account-impact.danger{border-color:#efc3c8;background:#fff2f3;color:#a13b47}.account-impact>svg{margin-top:2px;flex:none}.account-impact strong,.account-impact small{display:block}.account-impact small{margin-top:4px;font-size:.75rem;line-height:1.5}.account-lifecycle-modal .studio-form-actions{margin-top:0}
html[data-theme=dark] .account-plan{background:#263548;color:#c6d4e7}html[data-theme=dark] .account-plan-paid{background:#263b71;color:#d7e0ff}html[data-theme=dark] .account-impact{background:#18392f;border-color:#275b4b;color:#bde8d8}html[data-theme=dark] .account-impact.danger{background:#3b2329;border-color:#6e3742;color:#ffd3d8}
@media(min-width:1101px){.studio-app:not(.sidebar-collapsed){grid-template-columns:224px minmax(0,1fr)}.studio-app:not(.sidebar-collapsed) .studio-sidebar{width:224px}}
@media(max-width:1100px){.studio-modal .campaign-editor-layout{grid-template-columns:1fr}.studio-modal .popup-live-preview{position:static;max-width:640px;width:100%;justify-self:center}.studio-nav-scrim{display:block;position:fixed;inset:0;border:0;background:#10243e88;z-index:59}.studio-sidebar.open{z-index:60}.studio-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-board-grid{grid-template-columns:1fr}.studio-topbar{padding:12px 20px}.studio-topbar .studio-menu-button{display:flex}.brand-admin-list{grid-template-columns:1fr}}
@media(max-width:700px){.studio-content{padding:22px 16px}.studio-topbar{padding:12px 16px;flex-wrap:nowrap}.studio-top-actions{width:auto!important;gap:7px;margin-left:auto}.studio-top-actions .language-trigger{padding:6px;width:auto}.studio-identity,.studio-greeting,.studio-top-actions>.circle-action:last-child{display:none}.studio-kpis{gap:10px}.studio-kpis article{padding:16px!important;min-height:108px;grid-template-columns:1fr!important}.studio-kpis article>div{display:none}.studio-kpis article>strong{font-size:1.5rem}.settings-cards{grid-template-columns:1fr}.header-cta-settings,.editorial-settings,.site-admin-section{padding:18px}.editorial-settings>header,.site-admin-section>header,.header-cta-settings{flex-direction:column;align-items:stretch}.account-overview{grid-template-columns:repeat(2,minmax(0,1fr))}.account-overview>div:nth-child(2){border-right:0}.account-overview>div:nth-child(-n+2){border-bottom:1px solid var(--studio-line)}.account-toolbar{grid-template-columns:1fr;padding:12px}.studio-modal-backdrop{padding:8px}.studio-modal{max-height:calc(100dvh - 16px);border-radius:13px}.studio-modal .modal-header{padding:18px}.studio-modal .modal-body{padding:18px}.studio-modal .form-grid,.studio-modal .user-editor-grid,.studio-modal .product-editor-grid,.studio-modal .profile-modal-grid{grid-template-columns:1fr!important}.studio-modal .form-section{padding:16px}.studio-modal .studio-form-actions{bottom:-18px;padding:14px 0 0}.studio-modal .studio-form-actions .button{width:100%}.studio-modal .upload-control{grid-template-columns:1fr}.studio-modal .upload-preview{height:150px}.studio-modal .popup-variant-picker button{padding:10px;grid-template-columns:1fr;min-height:118px}.studio-modal .popup-variant-picker button>span{display:none}.studio-modal .popup-variant-picker small{grid-column:1}.studio-modal .permission-grid{grid-template-columns:1fr}.studio-modal .course-manager-tabs,.studio-modal .user-editor-tabs{overflow:auto;flex-wrap:nowrap}.studio-modal .course-manager-tabs button,.studio-modal .user-editor-tabs button{flex-shrink:0}.studio-modal .span-2{grid-column:auto!important}}
html .public-shell .public-header.past-brands .nav-button svg{color:#fff!important;opacity:1}
.rating-pending{font-size:.8rem;color:#54595f;line-height:1.5;margin-top:auto}
.platform-rating{min-width:0;min-height:160px}
.rating-platform-logo{max-width:100%}
.qualification-hero{max-width:1280px;margin:auto;padding:56px 36px;display:grid;grid-template-columns:1.1fr 1fr;gap:64px;align-items:center}
.qualification-hero h1{font-size:clamp(2.2rem,3.6vw,3.7rem);line-height:1.1;letter-spacing:-.045em;margin:18px 0 22px;color:#172a46}
.qualification-hero p{font-size:1.03rem;line-height:1.75;color:#54595f;margin:0 0 26px;max-width:590px}
.qualification-hero figure{position:relative;margin:0;padding-bottom:26px}
.qualification-hero figure>img{width:100%;height:330px;object-fit:cover;border-radius:22px 22px 70px 22px}
.qualification-hero figcaption{position:absolute;bottom:0;left:24px;right:24px;display:flex;align-items:center;gap:16px;background:#3956ff;color:white;padding:20px 24px;border-radius:14px}
.qualification-hero figcaption svg{font-size:26px;color:#ffbe76}.qualification-hero figcaption span{font-weight:750}.qualification-hero figcaption small{display:block;margin-top:5px;font-weight:400}
.qualifications-page .qualification-overview{max-width:1280px;padding:28px 36px 38px;gap:40px;align-items:center}
.qualifications-page .qualification-overview h2{font-size:1.65rem;line-height:1.25;letter-spacing:-.035em}
.qualifications-page .qualification-overview p{font-size:.94rem}
.qualifications-page .qualification-stats{border:0;box-shadow:none;background:transparent}
.qualifications-page .qualification-stats article{padding:18px}.qualifications-page .qualification-stats strong{margin-top:10px}
.qualifications-page .course-browser{max-width:1280px;padding:42px 36px 70px}
.qualifications-page .course-browser>header h2{font-size:2.2rem;line-height:1.15}
.qualifications-page .course-grid.modern{gap:24px}
.qualifications-page .course-card{border:1px solid #dce4f7;border-radius:18px;box-shadow:none!important}
.qualifications-page .course-cover{height:185px}.qualifications-page .course-cover img{width:100%;object-fit:cover}
.qualifications-page .course-card-body{padding:22px!important;min-height:320px}
.qualifications-page .course-card-body h2{font-size:1.3rem;letter-spacing:-.025em;line-height:1.3;margin:16px 0 10px}
.qualifications-page .course-card-body p{font-size:.92rem;line-height:1.65}
.qualifications-page .course-open{color:#3956ff;padding:10px 0;min-height:44px}
#qualification-catalog{scroll-margin-top:100px}
.shopping-page{max-width:1280px;margin:auto;padding:44px 36px 80px}
.shopping-heading{padding:0 0 30px}.shopping-heading h1{font-size:clamp(2rem,3.6vw,3.2rem);letter-spacing:-.045em;line-height:1.15;margin:12px 0 14px}.shopping-heading p{color:#54595f;font-size:1rem;line-height:1.6;margin:0}
.shopping-page .cart-page{padding:0;margin:0;grid-template-columns:minmax(0,1fr) 320px;gap:28px;align-items:start}
.shopping-page .shopping-items{border-radius:18px;overflow:hidden;background:white;border:1px solid #dce4f7}
.shopping-items>header{display:flex;align-items:center;justify-content:space-between;padding:22px 24px;border-bottom:1px solid #dce4f7}.shopping-items>header span{color:#54595f;font-size:.85rem}
.shopping-page .cart-page article{grid-template-columns:46px minmax(0,1fr) auto auto;padding:24px;gap:18px;align-items:center}
.shopping-item-symbol{width:46px;height:46px;border-radius:12px;background:#edf1ff;color:#3956ff;display:grid;place-items:center}
.shopping-item-copy{min-width:0}.shopping-item-copy>strong{font-size:1rem;overflow-wrap:anywhere}.shopping-line-total{font-size:1rem;white-space:nowrap}
.remove-cart-item,.shopping-back{border:0;background:none;cursor:pointer;font-size:.8rem;padding:8px 0;min-height:36px;color:#a82c3c}.shopping-back{color:#3956ff;margin:14px 24px;font-weight:650}
.cart-quantity{display:inline-flex!important;gap:0!important;align-items:center;border:1px solid #dce4f7;border-radius:10px;overflow:hidden;background:#fff;height:40px}
.cart-quantity button{width:34px;min-width:34px;height:40px;border:0;background:transparent;color:#172a46;font-size:1.1rem;cursor:pointer}.cart-quantity button:hover{background:#edf1ff}.cart-quantity button:disabled{opacity:.35;cursor:default}
.cart-quantity input{width:42px;min-width:0;border:0;padding:0;text-align:center;background:transparent;color:#172a46;font-size:.9rem;appearance:textfield}.cart-quantity input::-webkit-inner-spin-button{appearance:none}
.shopping-page .cart-page aside{position:sticky;top:112px;background:white;color:#172a46;border:1px solid #dce4f7;border-radius:18px;padding:26px}
.shopping-page .cart-page aside>strong{font-size:2.3rem;color:#172a46;border-bottom:1px solid #e3e9f7;padding-bottom:22px;margin-bottom:22px}
.shopping-page .cart-page aside .button.text{color:#54595f;margin-top:12px;font-size:.85rem}.shopping-page .empty-cart{grid-column:1/-1;border-radius:18px}.shopping-page .empty-cart h2{font-size:1.6rem;margin:20px 0}
html .public-shell .cart-popover{width:390px;max-width:calc(100vw - 32px);padding:0;border:1px solid #dce4f7;border-radius:18px;background:white;color:#172a46;box-shadow:0 14px 40px #172a4622;overflow:hidden}
.cart-popover>header{padding:18px 22px;display:flex;justify-content:space-between;align-items:center;background:#f5f7ff}.cart-popover>header strong{font-size:1.05rem}.cart-popover small{display:block;color:#54595f;margin-top:5px;font-size:.8rem}
.cart-popover .cart-items{max-height:360px;overflow-y:auto;padding:0 22px}.cart-popover .cart-item{padding:20px 0;gap:14px;align-items:start}.cart-popover .cart-item strong{font-size:.88rem}.cart-popover .cart-quantity{margin-top:12px}.cart-item-end{display:flex;flex-direction:column;align-items:flex-end;gap:14px;white-space:nowrap}
.cart-popover .icon-button{color:#54595f!important;border:0;background:transparent}.cart-popover>footer{padding:20px 22px;background:#f5f7ff}.cart-popover>footer>div{display:flex;justify-content:space-between;margin-bottom:16px}.cart-popover .cart-empty{padding:28px 22px}.cart-popover .cart-empty p{color:#54595f}
@media(max-width:1000px){.qualification-hero{gap:30px}.qualification-hero figure>img{height:300px}.shopping-page .cart-page{grid-template-columns:minmax(0,1fr) 280px}.shopping-page .cart-page article{grid-template-columns:40px minmax(0,1fr) auto}.shopping-line-total{grid-column:2/-1;text-align:right}.qualifications-page .course-grid.modern{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.qualification-hero{grid-template-columns:1fr;padding:32px 22px;gap:30px}.qualification-hero h1{font-size:2.35rem}.qualification-hero figure>img{height:235px}.qualifications-page .qualification-overview{padding:24px 22px;grid-template-columns:1fr;gap:14px}.qualifications-page .qualification-stats{grid-template-columns:repeat(3,1fr)}.qualifications-page .qualification-stats article{padding:12px 8px;border:0}.qualifications-page .course-browser{padding:32px 22px 50px}.qualifications-page .course-grid.modern{grid-template-columns:1fr}.shopping-page{padding:30px 20px 55px}.shopping-page .cart-page{grid-template-columns:1fr}.shopping-page .cart-page article{padding:18px 16px;gap:12px;grid-template-columns:36px minmax(0,1fr)}.shopping-item-symbol{width:36px;height:36px}.shopping-page .cart-quantity{grid-column:2;justify-self:start}.shopping-page .shopping-line-total{grid-column:2;text-align:left}.shopping-page .cart-page aside{position:static}.shopping-items>header{padding:18px 16px}html .public-shell .cart-popover{position:fixed;top:86px;left:16px;right:16px;width:auto;max-height:calc(100dvh - 110px);overflow:auto}.rating-platforms{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.rating-platform-logo{height:28px!important}.platform-rating{min-height:155px}}
@media(max-width:1280px){html .public-shell .public-header.past-brands .public-nav.open{background:#2342d6!important}.past-brands .mobile-nav-account .button{color:#fff}}
@media(max-width:600px){.brand-editor-modal .form-grid,.brand-editor-modal .upload-control{grid-template-columns:1fr}.brand-editor-modal .upload-preview{height:120px}.info-stack{top:82px}.review-pair blockquote{min-height:230px!important}.platform-rating{padding:14px 10px}}
@media(prefers-reduced-motion:reduce){html .public-shell .public-header{transition:none}.info-stack .infobox,.rating-platforms,.review-pair{animation:none}.info-stack .infobox.is-leaving{animation:none;opacity:0}}

/* V5.5.2 — navegação pública confiável em celular e tablet. */
.mobile-account-shortcut{display:none}
.desktop-account-destinations{display:flex;align-items:center;gap:8px}.desktop-account-destinations .button{gap:7px}.mobile-nav-session-links{display:none}
.public-shell .public-footer .footer-brand .language-switcher.flag-only{width:max-content}
.public-shell .public-footer .footer-brand .language-switcher.flag-only .language-trigger{width:44px!important;height:44px!important;min-width:44px!important;padding:5px!important;border:1px solid rgba(117,216,230,.5)!important;border-radius:50%!important;background:transparent!important;display:grid;place-items:center}
.public-shell .public-footer .footer-brand .language-switcher.flag-only .language-trigger>img{width:30px!important;height:30px!important;border-radius:50%!important;object-fit:cover;margin:0!important}
@media(max-width:1280px){
  html .public-shell .editorial-header .public-nav.open{background:#071d34!important;color:#fff;border-color:#20465f;box-shadow:0 24px 48px rgba(0,12,25,.42)}
  html .public-shell .editorial-header .public-nav.open>a,html .public-shell .editorial-header .public-nav.open .nav-button{color:#fff!important}
  .public-shell .header-actions>.language-switcher{display:block!important}
  .public-shell .header-actions>.desktop-account-destinations,.public-shell .header-actions>.login-button{display:none!important}
  .public-shell .mobile-account-shortcut{display:grid;color:#fff!important;background:transparent!important;border:1px solid rgba(117,216,230,.58)!important;border-radius:50%!important;width:44px;height:44px;min-width:44px;padding:0;place-items:center}
  .public-shell .mobile-account-shortcut svg{width:21px;height:21px}
  .public-shell .mobile-account-shortcut.is-authenticated{background:#16cddd!important;color:#06243a!important;border-color:#16cddd!important}
  .public-shell .mobile-account-shortcut.is-anonymous{border-radius:12px!important}
  .public-shell .public-nav.open .mobile-nav-session-links{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding-top:18px;margin-top:4px;border-top:1px solid rgba(126,203,220,.24)}
  .public-shell .mobile-nav-session-links button{border:1px solid rgba(126,203,220,.4);background:#0b3150;color:#fff;border-radius:10px;padding:12px;display:flex;justify-content:center;align-items:center;gap:8px;font-weight:800}
  .public-shell .mobile-nav-toggle{width:44px;height:44px;min-width:44px;border-radius:12px!important}
}

/* V5.5.3 — catálogo editorial de qualificações. */
.course-browser-intro{max-width:620px;color:#91aaba;margin:12px 0 0;line-height:1.65}.course-card-premium{position:relative;isolation:isolate}.course-card-hit{position:absolute;z-index:3;inset:0;border:0;background:transparent;cursor:pointer}.course-card-premium .course-cover:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgba(3,17,31,.88))}.course-card-premium .course-cover>b{position:absolute;z-index:2;right:14px;top:14px;padding:7px 10px;border-radius:999px;font-size:.67rem}.course-card-premium .course-cover>b.is-free{background:#20d4e5;color:#041f32}.course-card-premium .course-cover>b.is-paid{background:#fff;color:#09233b}.course-card-premium .course-cover>div{position:absolute;z-index:2;left:18px;bottom:16px;color:#fff;display:flex;align-items:center;gap:8px}.course-card-premium .course-cover>div svg{font-size:1.3rem;color:#39ddec}.course-card-premium .course-cover>div small{font-weight:800}.course-card-premium .course-card-body{position:relative;z-index:4;pointer-events:none}.course-card-premium .course-open{pointer-events:auto}.course-card-premium .course-card-body footer{grid-template-columns:repeat(3,auto);display:grid!important;align-items:center;gap:8px!important}.course-card-premium .course-card-body footer small{white-space:nowrap}.course-card-premium .course-card-body footer b{color:#fff}.course-preview-modal{max-width:1180px!important}.course-preview-modal .modal-body{padding:0!important}.course-preview-modal .course-detail-modal{display:grid;grid-template-columns:.85fr 1.15fr;gap:0}.course-detail-visual{position:relative;min-height:390px;background:#06182d;overflow:hidden}.course-detail-visual>img{width:100%;height:100%;object-fit:cover}.course-detail-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 20%,rgba(4,22,40,.94))}.course-detail-visual>div{position:absolute;z-index:2;left:28px;right:28px;bottom:28px;color:#fff}.course-detail-visual svg{font-size:2rem;color:#27d5e5}.course-detail-visual strong,.course-detail-visual span{display:block}.course-detail-visual strong{font-size:1.2rem;margin:12px 0 6px}.course-detail-visual span{color:#bed1dc;font-size:.8rem}.course-detail-summary{padding:34px}.course-detail-summary>p{font-size:1rem;margin:18px 0}.course-detail-badges{display:flex;gap:8px}.course-detail-badges span{padding:7px 10px;border-radius:999px;background:#e7f6f9;color:#08788d;font-size:.68rem;font-weight:850}.course-detail-badges span.paid{background:#082c4c;color:#fff}.course-detail-badges span.free{background:#d9f8ee;color:#087453}.course-detail-benefits{list-style:none;padding:0;margin:22px 0 0;display:grid;gap:9px}.course-detail-benefits li{display:flex;align-items:center;gap:9px;color:#405d6e;font-size:.82rem}.course-detail-benefits svg{color:#0a9b80}.course-preview-program{grid-column:1/-1;padding:34px;border-top:1px solid #d7e5ec;background:#f7fafc}.course-preview-program header span{font-size:.65rem;letter-spacing:.14em;color:#087f96;font-weight:900}.course-preview-program h3{font-size:1.6rem;margin:8px 0 20px}.course-preview-program>div{display:grid;grid-template-columns:1fr 1fr;gap:12px}.course-preview-program article{display:grid;grid-template-columns:40px 1fr;gap:12px;padding:18px;background:#fff;border:1px solid #d8e5eb;border-radius:12px}.course-preview-program article>span{width:35px;height:35px;display:grid;place-items:center;border-radius:50%;background:#082c4c;color:#4ee0ea;font-size:.7rem;font-weight:900}.course-preview-program article strong,.course-preview-program article small{display:block}.course-preview-program article small{color:#718795;font-size:.68rem;margin-top:4px}.course-preview-program ul{list-style:none;padding:10px 0 0;margin:10px 0 0;border-top:1px solid #e4edf1;display:grid;gap:7px}.course-preview-program li{display:grid;grid-template-columns:16px 1fr auto;align-items:center;gap:7px;font-size:.72rem;color:#496373}.course-preview-program li svg{color:#0b91a5}.course-preview-program li em{font-style:normal;color:#8497a3}.course-detail-action{grid-column:1/-1;padding:22px 34px;display:flex;justify-content:space-between;align-items:center;gap:24px;background:#fff;border-top:1px solid #d7e5ec}.course-detail-action>div{display:flex;align-items:center;gap:10px;color:#5e7483;font-size:.78rem}.course-detail-action>div svg{color:#087f96}.course-detail-action .button{flex:0 0 auto}
.course-preview-program h3{color:#082c4c}
@media(max-width:900px){.course-preview-modal .course-detail-modal{grid-template-columns:1fr}.course-preview-program,.course-detail-action{grid-column:auto}.course-detail-visual{min-height:300px}.course-preview-program>div{grid-template-columns:1fr}.course-detail-action{align-items:stretch;flex-direction:column}.course-detail-action .button{width:100%}}
@media(max-width:600px){.course-card-premium .course-card-body footer{grid-template-columns:1fr 1fr}.course-detail-summary,.course-preview-program{padding:24px 20px}.course-detail-visual{min-height:250px}.course-detail-action{padding:20px}}
@media(max-width:700px){
  .public-shell .public-header-inner{grid-template-columns:minmax(118px,1fr) auto!important;padding-inline:14px!important;gap:8px!important}
  .public-shell .brand-logo{width:132px!important;min-width:0}.public-shell .brand-logo img{width:128px!important;max-width:128px!important}
  .public-shell .header-actions{gap:3px!important;padding-left:0!important}
  .public-shell .header-actions>.cart-control{display:none!important}
  .public-shell .header-actions>.language-switcher .language-trigger,.public-shell .mobile-account-shortcut{width:40px!important;height:40px!important;min-width:40px!important}
  .public-shell .mobile-nav-toggle{width:42px;height:42px;min-width:42px}
}
/* Card previews do not inherit the public popup's column layout. */
/* Public campaigns: bounded geometry, independent of page heading scales. */
.popup-live-preview .studio-popup-copy{padding:24px;min-width:0}
.popup-live-preview .studio-popup-copy h3{font-size:1.4rem;line-height:1.18;margin:10px 0}
.popup-live-preview .studio-popup-copy p{font-size:.8rem;line-height:1.5;margin:0 0 14px}
.popup-live-preview .preview-fields{gap:10px}
.popup-live-preview .preview-fields i{height:36px}
.popup-live-preview .studio-popup-media{min-height:0}
html .campaign-modal .campaign-form label{grid-column:1/-1}
body.campaign-open{overflow:hidden}
html .campaign-overlay{padding:24px;background:rgba(9,25,46,.56);backdrop-filter:blur(4px);animation:campaignVeilIn .22s ease both}
html .campaign-overlay .campaign-modal{width:min(880px,100%);max-height:calc(100dvh - 48px);grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);border:1px solid #dbe3ef;border-radius:20px;box-shadow:0 20px 70px #09192e33;overflow:auto;overscroll-behavior:contain}
html .campaign-modal .campaign-media{min-height:0;position:relative;height:auto;max-height:none;align-self:stretch}
html .campaign-modal .campaign-media img{position:absolute;inset:0;height:100%;width:100%;object-fit:cover;object-position:center}
html .campaign-modal .campaign-content{padding:40px 32px 28px;min-width:0;justify-content:flex-start;overflow:visible}
html .campaign-modal .campaign-content h2{font-size:clamp(1.55rem,2.4vw,2rem);line-height:1.13;letter-spacing:-.035em;margin:12px 0}
html .campaign-modal .campaign-content>p{font-size:.9rem;line-height:1.55;margin:0 0 16px}
html .campaign-modal .campaign-eyebrow{font-size:.62rem;letter-spacing:.12em;padding-right:30px;color:#3956ff}
html .campaign-modal .campaign-close{top:12px;right:12px;width:34px;height:34px;background:#f2f6ff;border:1px solid #dbe3ef;color:#172a46}
html .campaign-modal .campaign-coupon{padding:10px 12px;margin:0 0 16px;border:1px dashed #a9b7ff;background:#f2f5ff;border-radius:8px;font-size:.8rem;gap:12px;flex-wrap:wrap}
html .campaign-modal .campaign-coupon strong{letter-spacing:.06em;overflow-wrap:anywhere}
html .campaign-modal .campaign-form{gap:12px;grid-template-columns:1fr 1fr}
html .campaign-modal .campaign-form label{min-width:0;gap:5px}
html .campaign-modal .campaign-form label:has(input[type=email]),html .campaign-modal .campaign-form label:last-of-type{grid-column:1/-1}
html .campaign-modal .campaign-form input{width:100%;min-width:0;padding:10px 12px;height:42px;font-size:.88rem}
html .campaign-modal .campaign-submit{grid-column:1/-1;min-height:44px;margin:4px 0 0;background:#3956ff;color:white;border-radius:9px;padding:12px 18px;font-size:.85rem;width:100%;justify-content:center}
html .campaign-modal .campaign-trust{font-size:.65rem;line-height:1.4;margin-top:12px;color:#60718a}
html .campaign-modal.no-media,html .campaign-modal.variant-compact,html .campaign-modal.variant-pulse{grid-template-columns:1fr;width:min(490px,100%)}
html .campaign-overlay.overlay-floating{background:transparent;backdrop-filter:none;pointer-events:none;place-items:end}
html .campaign-overlay .campaign-modal.variant-floating{position:relative;grid-template-columns:1fr;width:min(370px,100%);right:auto;bottom:auto;border-top:3px solid #3956ff;pointer-events:auto}
html .campaign-modal.variant-floating .campaign-content{padding:30px 22px 22px}
html .campaign-modal.variant-floating h2{font-size:1.4rem}
html .campaign-modal .campaign-submit{background:#3956ff!important;color:#fff!important}
html .campaign-modal.variant-video{grid-template-columns:1fr;width:min(680px,100%)}
html .campaign-modal.variant-video .campaign-media{height:230px;max-height:30dvh;background:#0b2038}
html .campaign-modal.variant-video video{object-fit:contain}
html .campaign-modal.variant-pulse .campaign-eyebrow{color:#a6c8ff}
html .campaign-modal.variant-pulse .campaign-content>p,html .campaign-modal.variant-pulse .campaign-trust{color:#d3dfec}
html .campaign-overlay.is-leaving{animation:campaignVeilOut .22s ease both;pointer-events:none}
html .campaign-overlay.is-leaving .campaign-modal{animation:campaignCardOut .22s ease both}
html .campaign-notice{position:fixed;z-index:240;display:grid;grid-template-columns:34px minmax(0,1fr) 32px;gap:12px;padding:18px;border-radius:14px;align-items:start;box-shadow:0 12px 36px #09192e26;animation:campaignNoticeIn .26s ease both}
html .campaign-notice.campaign-banner{top:96px;left:24px;right:24px;transform:none;margin:auto;width:min(720px,calc(100% - 48px));background:#1835b8;color:white}
html .campaign-notice.campaign-notification{right:22px;bottom:22px;width:min(360px,calc(100% - 44px));background:#fff;color:#172a46;border:1px solid #dbe3ef}
html .campaign-notice .notice-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:#ffffff1a;color:inherit}
html .campaign-notice .notice-copy strong{font-size:.92rem;line-height:1.35;color:inherit;display:block;overflow-wrap:anywhere}
html .campaign-notice .notice-copy p{font-size:.8rem;line-height:1.5;margin:5px 0 0;color:inherit;opacity:.85;overflow-wrap:anywhere}
html .campaign-notice .notice-close{display:grid;place-items:center;width:32px;height:32px;background:transparent;color:inherit;border:1px solid currentColor;border-radius:50%;padding:0}
html .campaign-notice .notice-close svg{color:inherit}
html .campaign-notice .notice-cta{display:inline-flex;align-items:center;gap:8px;margin-top:10px;background:transparent;color:inherit;border:0;padding:0;font-size:.8rem;font-weight:700;text-decoration:underline;text-underline-offset:4px}
html .campaign-notice.is-leaving{animation:campaignNoticeOut .22s ease both;pointer-events:none}
@keyframes campaignVeilIn{from{opacity:0}to{opacity:1}}
@keyframes campaignVeilOut{to{opacity:0}}
@keyframes campaignCardOut{to{opacity:0;transform:translateY(12px) scale(.98)}}
@keyframes campaignNoticeIn{from{opacity:0;translate:0 12px}to{opacity:1;translate:0 0}}
@keyframes campaignNoticeOut{to{opacity:0;translate:0 -10px}}
@media(max-width:700px){html .campaign-overlay{padding:12px}html .campaign-overlay .campaign-modal{grid-template-columns:1fr;max-height:calc(100dvh - 24px)}html .campaign-modal.has-media .campaign-media{height:150px;max-height:22dvh;min-height:0}html .campaign-modal .campaign-content{padding:28px 22px 22px}html .campaign-modal .campaign-content h2{font-size:1.55rem}html .campaign-notice.campaign-banner{top:86px;width:calc(100% - 24px);left:12px;right:12px}html .campaign-notice{padding:14px;gap:9px}html .campaign-modal .campaign-form{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html .campaign-overlay,html .campaign-overlay .campaign-modal,html .campaign-notice{animation:none!important}}
.studio-app .campaign-admin-preview{flex-direction:row;justify-content:flex-start}
.studio-app .campaign-admin-preview>div{width:auto;max-width:none;padding:0;transform:none}
.studio-app .campaign-admin-preview strong{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.email-workspace .email-page-header{display:flex;align-items:center;justify-content:space-between;gap:24px}
.email-workspace .email-page-header h1{font-size:clamp(1.7rem,3vw,2.3rem);margin:10px 0}
.email-workspace .email-page-header p{margin:0;color:var(--studio-muted);font-size:.95rem}
.email-workspace .email-delivery-note{border:1px solid var(--studio-line);border-radius:10px;padding:16px 20px;margin:24px 0 16px}
.email-workspace .email-delivery-note p{margin:5px 0 0}
.email-overview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--studio-line);border-radius:12px;background:var(--studio-surface);margin-bottom:24px}
.email-overview>div{padding:20px;border-right:1px solid var(--studio-line)}.email-overview>div:last-child{border:0}
.email-overview span{display:block;color:var(--studio-muted);font-size:.78rem}.email-overview strong{display:block;font-size:1.7rem;margin-top:6px}
.email-tabs{display:flex;gap:8px;padding:8px}.email-tabs button{border:0;background:transparent;color:var(--studio-muted);padding:12px 20px;border-radius:8px;font-weight:600}
.email-tabs button[aria-pressed="true"]{background:#3956ff;color:white}
.email-search{display:flex;align-items:center;gap:10px;flex:1;min-width:200px;color:var(--studio-muted)}.email-search input{width:100%}
.email-filters>span{font-size:.8rem;color:var(--studio-muted)}
.email-campaign-content{min-width:0;flex:1}.email-campaign-content h3{font-size:1.05rem;margin:12px 0 6px}.email-subject{overflow-wrap:anywhere}
.email-campaign-meta{display:flex;align-items:center;gap:12px}.email-campaign-meta time{color:var(--studio-muted);font-size:.75rem}
.email-state{display:inline-flex;padding:4px 9px;border-radius:6px;background:#edf1f8;color:#425575;font-size:.72rem;font-weight:700}
.email-state-finished{background:#e5f5ed;color:#196344}.email-state-queued{background:#e9edff;color:#3043b5}.email-state-paused{background:#fff0d6;color:#80520c}
.email-row-actions{max-width:390px;justify-content:flex-end}.email-row-actions .email-delete{color:#b42c40}
.email-view-meta{margin-bottom:18px}.email-view-meta small{color:var(--studio-muted)}
@media(max-width:1100px){.email-workspace .email-page-header{align-items:flex-start;flex-direction:column}.email-workspace .email-campaign-list>article{align-items:flex-start;flex-direction:column}.email-row-actions{max-width:none;justify-content:flex-start}}
@media(max-width:600px){.email-overview{grid-template-columns:repeat(2,minmax(0,1fr))}.email-overview>div{border-bottom:1px solid var(--studio-line)}.email-row-actions .button{flex:1}.email-campaign-content{width:100%}.email-tabs button{flex:1;padding:12px}.email-overview>div{padding:16px}}

/* =========================================================
   V5.5 — direção dark/cyan aprovada nas referências de marca
   ========================================================= */
:root{
  --xg-night:#06182d;
  --xg-night-2:#08233f;
  --xg-panel:#0b2949;
  --xg-panel-soft:#103457;
  --xg-cyan:#20d7e8;
  --xg-cyan-strong:#08bdd5;
  --xg-blue:#2387ee;
  --xg-pale:#edf8fb;
  --xg-line:rgba(123,190,219,.2);
}
.public-shell{background:#f7fafc;color:#102436}
.public-shell .public-header,.public-shell .public-header.past-brands{height:78px;background:rgba(5,24,45,.97)!important;border-color:rgba(92,176,211,.2)!important;box-shadow:0 8px 30px rgba(2,17,33,.16)!important;color:#fff}
.public-shell .public-header-inner{max-width:1450px;padding-inline:34px;grid-template-columns:210px minmax(0,1fr) auto}
.public-shell .brand-logo{height:70px;width:196px}.public-shell .brand-logo img{width:180px;height:64px;max-width:180px;object-fit:contain}
.public-shell .public-nav{justify-content:center;gap:24px;background:transparent!important}
.public-shell .public-nav>a,.public-shell .nav-button,.public-shell .header-actions .login-button,.public-shell .account-button{color:#f4fbff!important;font-weight:720}
.public-shell .public-nav>a:after,.public-shell .nav-button:after{background:var(--xg-cyan)}
.public-shell .header-actions{border-left-color:rgba(255,255,255,.16)}
.public-shell .header-actions .login-button,.public-shell .account-button{border:1px solid rgba(64,222,235,.72)!important;border-radius:999px!important;padding:10px 19px!important;background:transparent!important}
.public-shell .mobile-nav-toggle,.public-shell .cart-button{color:#fff!important;background:transparent!important}
.public-shell .editorial-mega{background:#071d34;color:#fff;border-color:#174463;box-shadow:0 28px 80px rgba(0,12,25,.34)}
.public-shell .editorial-mega h2,.public-shell .editorial-mega strong{color:#fff}.public-shell .editorial-mega p,.public-shell .editorial-mega small{color:#a9c1d2}.public-shell .editorial-mega a{color:#dff9fc}

.home-hero.home-hero-reference{max-width:none;min-height:610px;padding:0 max(36px,calc((100vw - 1450px)/2));display:grid;grid-template-columns:minmax(420px,.86fr) minmax(520px,1.14fr);grid-template-rows:1fr auto;gap:0;background:var(--xg-night);overflow:hidden;isolation:isolate}
.home-hero-reference:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 88% 32%,rgba(12,171,213,.2),transparent 30%),linear-gradient(90deg,#06182d 0%,#08233f 48%,rgba(8,35,63,.52) 70%,rgba(8,35,63,.15));z-index:0;pointer-events:none}
.home-hero-reference:after{display:none}.home-hero-reference .hero-copy{padding:82px 46px 84px 0;z-index:2}
.home-hero-reference .hero-copy h1{font-size:clamp(3rem,4.5vw,5.35rem);line-height:.96;letter-spacing:-.055em;max-width:780px;color:#fff!important}
.home-hero-reference .hero-copy>p{color:#c5d9e5!important}
.home-hero-reference .hero-copy h1 em{color:var(--xg-cyan)}.home-hero-reference .hero-copy h1 em:after{background:var(--xg-cyan);height:3px}
.home-hero-reference .hero-reference-media{position:relative;z-index:1;margin:0;min-height:520px;overflow:hidden}
.home-hero-reference .hero-reference-media:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#06182d 0%,rgba(6,24,45,.45) 22%,transparent 55%),linear-gradient(0deg,rgba(6,24,45,.72),transparent 40%)}
.home-hero-reference .hero-reference-media img{width:100%;height:100%;object-fit:cover;object-position:62% center;filter:saturate(.88) contrast(1.04)}
.home-hero-reference .hero-reference-media figcaption{position:absolute;z-index:2;right:8%;top:20%;width:190px;color:#fff;font-size:1.08rem;font-weight:800;text-align:center;transform:rotate(-4deg)}
.home-hero-reference .hero-reference-media figcaption:after{content:"";display:block;width:90px;height:3px;background:var(--xg-cyan);margin:12px auto;border-radius:99px;transform:rotate(-5deg)}
.home-hero-reference .hero-reference-media figcaption span{display:block;color:#bceaf0;font-size:.72rem;line-height:1.45;margin-top:7px}
.home-hero-reference>.hero-metrics{grid-column:1/-1;z-index:3;display:grid;grid-template-columns:repeat(3,1fr);margin:-38px 5% 0;background:linear-gradient(100deg,#0b2b4c,#103b62);border:1px solid rgba(75,183,218,.25);border-radius:14px;box-shadow:0 18px 50px rgba(0,14,30,.3);gap:0}
.home-hero-reference>.hero-metrics>div{padding:22px 28px;border-left:0;border-right:1px solid rgba(151,210,230,.16);text-align:center}.home-hero-reference>.hero-metrics>div:last-child{border-right:0}.home-hero-reference>.hero-metrics strong{font-size:1.7rem;color:#fff!important}.home-hero-reference>.hero-metrics span{color:#b9d1df!important}
.public-shell .home-hero-reference .button.primary{background:linear-gradient(90deg,#22d3e5,#55e5ef)!important;color:#062537!important;border:0;border-radius:999px;box-shadow:0 10px 28px rgba(23,211,230,.2)}
.home-hero-reference .button.light{background:transparent!important;color:#dffbff!important;border:1px solid var(--xg-cyan)!important;border-radius:999px}

.public-shell .editorial-section,.public-shell .learning-home,.public-shell .pricing-preview{padding-top:92px;padding-bottom:92px}
.public-shell .editorial-grid,.public-shell .learning-cards{border-radius:18px}
.public-shell .editorial-grid article>svg,.public-shell .learning-cards article>button{color:#0daec3}
.public-shell .platform-showcase{background:linear-gradient(125deg,#07213b,#0c4168)!important;border:1px solid #175276!important;border-radius:22px!important;box-shadow:0 25px 70px rgba(2,25,48,.22)}
.public-shell .platform-showcase h2,.public-shell .platform-showcase p{color:#fff!important}.public-shell .platform-showcase .eyebrow{color:#57ddeb!important}
.public-shell .case-section{border-radius:22px}.public-shell .pricing-preview{background:#eef9fb}

.public-shell .page-hero{max-width:none;padding:82px max(40px,calc((100vw - 1450px)/2)) 70px;background:linear-gradient(110deg,#06182d,#0a2f51 70%,#0b456b)!important;border-bottom:1px solid #175174;color:#fff}
.public-shell .page-hero h1{color:#fff!important;font-size:clamp(3rem,5vw,5.8rem);line-height:.96;letter-spacing:-.055em;max-width:1000px}.public-shell .page-hero p{color:#bdd1df!important}.public-shell .page-hero .eyebrow{color:var(--xg-cyan)}

.qualifications-page{background:var(--xg-night);color:#fff;padding-bottom:1px}
.qualification-hero{max-width:1450px;min-height:420px;padding:0 36px;grid-template-columns:.82fr 1.18fr;gap:20px;background:#08213b}
.qualification-hero>div{padding:56px 24px 56px 0;align-self:center}.public-shell .qualification-hero h1{color:#fff!important;font-size:clamp(3.1rem,5vw,5.3rem);line-height:.95}.public-shell .qualification-hero p{color:#bdd1df!important}.qualification-hero .eyebrow{color:var(--xg-cyan)}
.qualification-hero figure{height:100%;padding:0}.qualification-hero figure>img{height:100%;min-height:420px;border-radius:0;filter:saturate(.86) brightness(.8)}.qualification-hero figure:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#08213b,transparent 35%)}.qualification-hero figcaption{z-index:2;left:auto;right:28px;bottom:28px;width:280px;background:rgba(5,30,52,.86);border:1px solid rgba(75,211,228,.35);backdrop-filter:blur(12px)}
.qualifications-page .qualification-overview,.qualifications-page .course-browser{background:var(--xg-night)!important;border-color:#173e59;color:#fff}.qualifications-page .qualification-overview h2,.qualifications-page .course-browser h2{color:#fff!important}.qualifications-page .qualification-overview p{color:#a9c2d3!important}.qualifications-page .qualification-stats{background:#0a2948;border-color:#1c4a68;box-shadow:none}.qualifications-page .qualification-stats article{border-color:#1c4a68}.qualifications-page .qualification-stats span{color:#a8c0cf}
.qualifications-page .course-browser{max-width:1450px}.qualifications-page .course-filters button{background:#0b2b4a;border-color:#27506c;color:#bbd1df}.qualifications-page .course-filters button.active{background:var(--xg-cyan);border-color:var(--xg-cyan);color:#062238}
.qualifications-page .course-grid.modern{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.qualifications-page .course-grid.modern article{background:linear-gradient(160deg,#0d3153,#09223d);border-color:#1f4a68;color:#fff;box-shadow:0 18px 45px rgba(0,13,28,.2)}
.qualifications-page .course-cover{height:170px}.qualifications-page .course-card-body{min-height:340px;padding:22px!important}.qualifications-page .course-card-body h2{font-size:1.25rem;line-height:1.13}.qualifications-page .course-card-body p{color:#aac0cf;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.qualifications-page .course-card-body footer{border-color:#204661;color:#b2c6d3;display:grid;gap:7px}.qualifications-page .course-open{color:var(--xg-cyan)}

.partners-page{background:var(--xg-night);color:#fff;padding-bottom:1px}.partners-page .page-hero{background-image:linear-gradient(90deg,rgba(6,24,45,.97),rgba(6,24,45,.62)),url('/assets/hero-team.webp')!important;background-size:cover!important;background-position:center!important}
.partners-page .honeycomb-partners{max-width:1450px;padding:52px 40px 76px;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.partners-page .honeycomb-partners article,.partners-page .honeycomb-partners article.reverse{display:flex;flex-direction:column;align-items:stretch;min-width:0;border:1px solid #204a68;border-radius:18px;overflow:hidden;background:linear-gradient(160deg,#0d3153,#09223d)}
.partners-page .hex-photo,.partners-page .reverse .hex-photo{width:100%;height:240px;aspect-ratio:auto;clip-path:none;justify-self:auto;background:#123b5d}.partners-page .hex-photo img{object-position:center 22%}
.partners-page .honeycomb-copy,.partners-page .reverse .honeycomb-copy{margin:0;padding:24px;min-height:260px;border:0;border-radius:0;background:transparent;color:#fff;display:flex;flex-direction:column}.partners-page .honeycomb-copy h2{color:#fff;font-size:1.45rem}.partners-page .honeycomb-copy p{color:#abc0cf;font-size:.88rem;line-height:1.6;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}.partners-page .honeycomb-copy a{margin-top:auto;color:var(--xg-cyan)}
.partners-page .wide-cta{max-width:1370px;border:1px solid #1d5776;border-radius:18px;background:linear-gradient(100deg,#0c4466,#087d91)!important;color:#fff}.partners-page .wide-cta h2{color:#fff}

.community-overview,.community-tools,.community-shell{max-width:1450px}.community-overview{padding-top:48px}.community-shell.modern{grid-template-columns:minmax(0,1.7fr) minmax(280px,.58fr);gap:22px}.community-main,.community-side section{border-radius:16px!important;border:1px solid #dbe8ee!important}.community-main>header{background:#f4fbfd}.topic-list article{padding:22px}.practice-groups article>svg{border-radius:50%}

.client-dashboard{max-width:none!important;background:var(--xg-night);color:#fff;padding:64px max(32px,calc((100vw - 1450px)/2)) 90px!important;min-height:calc(100vh - 78px)}
.client-dashboard-hero{display:grid;grid-template-columns:1fr minmax(380px,.8fr);gap:48px;align-items:center;margin-bottom:42px}.client-dashboard-hero h1{font-size:clamp(2.7rem,4vw,4.8rem);line-height:1;margin:14px 0;color:#fff}.client-dashboard-hero p{color:#a9c2d2}.client-dashboard-hero .eyebrow{color:var(--xg-cyan)}
.client-dashboard-hero aside{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px 18px;padding:28px 30px;background:linear-gradient(120deg,#0d3153,#0a2846);border:1px solid #20506f;border-radius:18px}.client-dashboard-hero aside>svg{grid-row:1/3;width:48px;height:48px;padding:13px;background:#0c4968;color:var(--xg-cyan);border-radius:50%}.client-dashboard-hero aside>span{color:#b8cedb}.client-dashboard-hero aside>strong{font-size:2.1rem}.client-dashboard-hero aside>div{height:10px;background:#153f5d;border-radius:99px;overflow:hidden}.client-dashboard-hero aside>div i{display:block;width:40%;height:100%;background:linear-gradient(90deg,#1abfd6,#35e0eb);border-radius:inherit}.client-dashboard-hero aside>small{color:#9bb5c5}
.client-learning-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.client-learning-grid article{border:1px solid #204967;background:linear-gradient(160deg,#0d3153,#09223d);border-radius:18px;overflow:hidden}.client-card-cover{height:145px;display:grid;place-items:center;background:radial-gradient(circle at 50% 45%,rgba(37,220,234,.35),transparent 35%),linear-gradient(135deg,#075373,#0a223f)}.client-card-cover-2{background:linear-gradient(135deg,#0b5485,#214aa0)}.client-card-cover-3{background:linear-gradient(135deg,#16416b,#106a76)}.client-card-cover-4{background:linear-gradient(135deg,#222f6e,#6540a8)}.client-card-cover svg{font-size:3.5rem;color:#fff}.client-learning-grid article>div:last-child{padding:24px}.client-learning-grid article span{color:#6cdfea;font-size:.7rem}.client-learning-grid h2{color:#fff;font-size:1.35rem}.client-learning-grid p{color:#aac1cf;line-height:1.6;min-height:78px}.client-learning-grid .button{width:100%;justify-content:center;border-radius:999px}
.client-certificate-strip{display:flex;align-items:center;gap:22px;margin-top:22px;padding:26px 30px;border:1px solid #20506f;background:#0a2948;border-radius:18px}.client-certificate-strip>svg{width:54px;height:54px;padding:14px;background:#0b5870;color:var(--xg-cyan);border-radius:50%}.client-certificate-strip>div{flex:1}.client-certificate-strip h2{margin:0 0 5px;color:#fff}.client-certificate-strip p{margin:0;color:#9fb8c8}.client-certificate-strip .button.ghost{background:transparent;color:#fff;border-color:#3b6a85}

@media(max-width:1180px){.public-shell .public-nav{gap:13px}.home-hero.home-hero-reference{grid-template-columns:1fr 1fr}.qualifications-page .course-grid.modern{grid-template-columns:repeat(3,1fr)}.partners-page .honeycomb-partners{grid-template-columns:repeat(2,1fr)}.client-learning-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.home-hero.home-hero-reference{grid-template-columns:1fr;padding-inline:28px}.home-hero-reference .hero-reference-media{min-height:390px}.home-hero-reference>.hero-metrics{margin:-30px 0 0}.qualification-hero{grid-template-columns:1fr;padding-top:28px}.qualification-hero figure{height:360px}.qualification-hero figure>img{min-height:360px}.client-dashboard-hero{grid-template-columns:1fr}.community-shell.modern{grid-template-columns:1fr}}
@media(max-width:700px){.public-shell .public-header{height:70px}.public-shell .public-nav{top:70px;background:#071d34!important}.public-shell .public-nav>a,.public-shell .nav-button{color:#fff!important}.home-hero.home-hero-reference{padding-inline:20px}.home-hero-reference .hero-copy{padding:52px 0 36px}.home-hero-reference .hero-reference-media{min-height:310px}.home-hero-reference .hero-reference-media figcaption{display:none}.home-hero-reference>.hero-metrics{grid-template-columns:1fr;margin-top:-18px}.home-hero-reference>.hero-metrics>div{border-right:0;border-bottom:1px solid rgba(151,210,230,.16);padding:16px}.public-shell .page-hero{padding:58px 22px 48px}.qualifications-page .course-grid.modern{grid-template-columns:1fr}.partners-page .honeycomb-partners{grid-template-columns:1fr;padding-inline:20px}.client-dashboard{padding:45px 20px 65px!important}.client-dashboard-hero aside{grid-template-columns:auto 1fr}.client-dashboard-hero aside>strong{grid-column:2}.client-learning-grid{grid-template-columns:1fr}.client-certificate-strip{align-items:flex-start;flex-wrap:wrap}.client-certificate-strip>div{min-width:calc(100% - 80px)}}
@media(prefers-reduced-motion:reduce){.home-hero-reference .hero-reference-media img,.qualifications-page .course-card{transition:none!important}}

/* Home V5.5.1 — composição fiel ao mockup aprovado. */
.home-reference-page{background:#fff;overflow-x:clip}
.home-reference-page .home-hero.home-hero-reference{min-height:500px;grid-template-rows:1fr;grid-template-columns:minmax(460px,.9fr) minmax(680px,1.1fr);padding-left:max(32px,calc((100vw - 1180px)/2));padding-right:0;overflow:visible}
.home-reference-page .home-hero-reference .hero-copy{padding:54px 54px 76px 0}
.home-reference-page .home-hero-reference .hero-copy h1{font-size:clamp(2.7rem,3.45vw,3.85rem);line-height:1.08;max-width:720px;margin-block:14px 18px;letter-spacing:-.045em}
.home-reference-page .home-hero-reference .hero-copy h1 em{font-style:normal;color:var(--xg-cyan)}
.home-reference-page .home-hero-reference .hero-copy>p{font-size:.98rem;line-height:1.55;max-width:590px}
.home-reference-page .home-hero-reference .hero-actions{margin:24px 0 0}
.home-reference-page .home-hero-reference .hero-actions .button{min-height:46px;padding-inline:22px}
.home-reference-page .home-hero-reference .hero-reference-media{min-height:500px;margin-left:-260px;overflow:hidden}
.home-reference-page .home-hero-reference .hero-reference-media:before{inset:0;background:linear-gradient(90deg,#06182d 0%,#06182d 13%,rgba(6,24,45,.9) 23%,rgba(6,24,45,.5) 37%,rgba(6,24,45,.12) 51%,transparent 64%),linear-gradient(0deg,rgba(6,24,45,.5),transparent 32%)}
.home-reference-page .home-hero-reference .hero-reference-media:after{content:"";position:absolute;z-index:1;inset:0;background:radial-gradient(circle at 88% 18%,rgba(41,208,226,.24) 0 2px,transparent 3px),radial-gradient(circle at 94% 46%,rgba(41,208,226,.2) 0 3px,transparent 4px),linear-gradient(90deg,transparent 72%,rgba(5,37,66,.22));pointer-events:none}
.home-reference-page .home-hero-reference .hero-reference-media img{max-width:none;width:100%;height:100%;object-position:42% center;-webkit-mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.18) 15%,#000 37%,#000 88%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.18) 15%,#000 37%,#000 88%,transparent 100%)}
.home-reference-page .home-hero-reference .hero-reference-media figcaption{right:19%;top:16%;width:210px;font-size:1.15rem;line-height:1.25;font-style:italic}
.reference-metrics{position:relative;z-index:4;max-width:1040px;margin:-38px auto 0;display:grid;grid-template-columns:repeat(3,1fr);background:#0b2b4c;border:1px solid #164b70;border-radius:13px;box-shadow:0 18px 45px rgba(2,21,39,.25);color:#fff}
.reference-metrics article{display:grid;grid-template-columns:auto auto 1fr;grid-template-rows:auto auto;align-items:center;justify-content:center;column-gap:14px;padding:20px 42px;border-right:1px solid rgba(126,199,224,.16)}
.reference-metrics article:last-child{border-right:0}.reference-metrics svg{grid-row:1/3;font-size:2rem;color:var(--xg-cyan)}.reference-metrics strong{font-size:1.55rem;line-height:1}.reference-metrics span{font-size:.7rem;color:#bdd2df;margin-top:4px}
.reference-services{max-width:1040px;margin:0 auto;padding:62px 0 50px;text-align:center}.reference-services header{max-width:720px;margin:0 auto 28px}.reference-services header .eyebrow{font-size:.66rem}.reference-services h2{font-size:2rem;letter-spacing:-.035em;margin:10px 0;color:#102436}.reference-services header p{color:#657a89;font-size:.86rem}
.reference-services>div{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;text-align:left}.reference-services article{min-height:160px;padding:22px 18px;background:#fff;border:1px solid #e0e9ee;border-radius:12px;box-shadow:0 8px 24px rgba(12,48,72,.05)}.reference-services article svg{width:36px;height:36px;padding:9px;border-radius:50%;background:#e7f9fc;color:#0aaec4}.reference-services h3{font-size:.9rem;line-height:1.25;margin:16px 0 7px;color:#102436}.reference-services article p{font-size:.72rem;line-height:1.48;color:#647987;margin:0}
.reference-testimonials{padding:48px max(30px,calc((100vw - 1180px)/2)) 54px;background:#eaf8fb}.reference-testimonials>header{text-align:center;margin-bottom:26px}.reference-testimonials>header h2{font-size:2rem;margin:8px 0;color:#102436}.reference-testimonials .social-proof{max-width:1180px;margin:0 auto;padding:0;grid-template-columns:minmax(300px,.7fr) minmax(0,1.3fr);gap:28px}.reference-testimonials .social-proof-intro{display:block}.reference-testimonials .social-proof-intro>h2{font-size:1.55rem!important;margin:8px 0 18px}.reference-testimonials .rating-platforms{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.reference-testimonials .platform-rating{min-height:125px;padding:16px;border-radius:12px;background:#fff;border:1px solid #d8e8ee}.reference-testimonials .platform-rating strong{font-size:1.8rem}.reference-testimonials .rating-platform-logo{height:25px!important;max-width:110px}.reference-testimonials .review-pair{grid-template-columns:repeat(2,1fr);gap:16px}.reference-testimonials .review-pair blockquote{min-height:205px!important;padding:24px!important;border-radius:12px;background:#fff;border:1px solid #dbe9ee}.reference-testimonials .review-pair blockquote p{font-size:.84rem!important;line-height:1.5;margin:12px 0 18px}
.reference-insights{max-width:1040px;margin:0 auto;padding:48px 0 72px}.reference-insights>header{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:22px}.reference-insights h2{font-size:1.75rem;margin:8px 0 4px;color:#102436}.reference-insights header p{font-size:.82rem;color:#647987;margin:0}.reference-insights>div{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.reference-insights article{border:1px solid #e0e8ed;border-radius:10px;overflow:hidden;background:#fff;position:relative;padding-bottom:16px}.reference-insights article>img{display:block;width:100%;height:110px;object-fit:cover}.reference-insights article>span{display:inline-flex;margin:12px 14px 0;padding:4px 7px;border-radius:999px;background:#dff7fa;color:#078aa0;font-size:.58rem;font-weight:800}.reference-insights article h3{font-size:.86rem;line-height:1.35;margin:9px 14px;color:#102436;min-height:2.7em}.reference-insights article button{border:0;background:transparent;color:#078da4;font-weight:800;font-size:.7rem;margin:4px 14px 0;padding:0;display:flex;gap:6px;align-items:center}
.home-reference-page .brand-ribbon{background:#071d34;color:#fff;border-color:#173e59;padding-block:32px}.home-reference-page .brand-ribbon h2{color:#8edfeb!important;margin-bottom:22px}.home-reference-page .brand-item{filter:grayscale(1) brightness(2);opacity:.72}.home-reference-page .brand-item:hover,.home-reference-page .brand-item:focus-visible{filter:none;opacity:1}
html .public-shell .public-header.past-brands{background:rgba(5,24,45,.97)!important;border-color:rgba(92,176,211,.2)!important}
.home-reference-page .reference-pricing{background:linear-gradient(180deg,#f3fbfd,#eaf5f8)!important;padding:70px max(30px,calc((100vw - 1180px)/2))!important}.home-reference-page .reference-pricing>header{max-width:1180px;margin-inline:auto}.home-reference-page .reference-pricing .billing-view{margin:0 auto 24px}.home-reference-page .reference-pricing .pricing-mini{max-width:1180px;margin:0 auto 28px;gap:14px;border:0;background:transparent;box-shadow:none}.home-reference-page .reference-pricing .pricing-mini article{border:1px solid #d6e5eb!important;border-radius:16px;min-height:360px;box-shadow:0 12px 34px rgba(6,37,58,.07)}.home-reference-page .reference-pricing .pricing-mini article.featured{background:#092a49!important;border-color:#1aaac2!important;color:#fff}.home-reference-page .reference-pricing .pricing-mini article.featured>span,.home-reference-page .reference-pricing .pricing-mini article.featured strong{color:#fff}.home-reference-page .reference-pricing>.button{display:flex;width:max-content;margin:auto;border-radius:999px}
.home-reference-page .reference-pricing .pricing-mini article.featured p,.home-reference-page .reference-pricing .pricing-mini article.featured li,.home-reference-page .reference-pricing .pricing-mini article.featured small{color:#b9d2df!important}
.home-reference-page>.faq-section{max-width:none;margin:0;padding:80px max(30px,calc((100vw - 1180px)/2));background:#071d34;color:#fff}.home-reference-page>.faq-section h2,.home-reference-page>.faq-section article button{color:#fff}.home-reference-page>.faq-section article{border-color:#234762}.home-reference-page>.faq-section article p{color:#a9c6d5}
@media(max-width:1100px){.home-reference-page .home-hero.home-hero-reference{padding-left:32px;grid-template-columns:1fr 1fr}.reference-metrics,.reference-services,.reference-insights{margin-inline:28px}.reference-services>div{grid-template-columns:repeat(3,1fr)}.reference-insights>div{grid-template-columns:repeat(2,1fr)}}
@media(max-width:780px){.home-reference-page .home-hero.home-hero-reference{grid-template-columns:1fr;padding-inline:22px}.home-reference-page .home-hero-reference .hero-copy{padding:48px 0 34px}.home-reference-page .home-hero-reference .hero-reference-media{min-height:300px;margin-left:-22px;margin-right:-22px;overflow:hidden}.home-reference-page .home-hero-reference .hero-reference-media img{width:100%;-webkit-mask-image:linear-gradient(0deg,#000 78%,transparent 100%);mask-image:linear-gradient(0deg,#000 78%,transparent 100%)}.reference-metrics{margin:-22px 18px 0;grid-template-columns:1fr}.reference-metrics article{border-right:0;border-bottom:1px solid rgba(126,199,224,.16);padding:16px 26px}.reference-services,.reference-insights{margin-inline:20px;padding-top:45px}.reference-services>div,.reference-insights>div{grid-template-columns:1fr}.reference-testimonials{padding-inline:20px}.reference-testimonials .social-proof{grid-template-columns:1fr}.reference-testimonials .review-pair{grid-template-columns:1fr}.reference-insights>header{align-items:flex-start;flex-direction:column}.reference-insights article>img{height:170px}.home-reference-page .reference-pricing{padding:52px 20px!important}.home-reference-page>.faq-section{padding:60px 22px}}

/* Studio payments — operational dashboard, onboarding and order monitoring. */
.payment-settings{display:grid;gap:20px}.payment-page-header{margin-bottom:2px}.payment-page-header>div>span{font-size:.67rem;font-weight:800;letter-spacing:.13em;color:#16748a}.payment-page-header .button{align-self:center;white-space:nowrap}
.payment-hero{position:relative;overflow:hidden;min-height:168px;padding:30px 32px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:24px;border-radius:18px;background:linear-gradient(110deg,#10243e 0%,#102d4d 62%,#174760 100%);color:#fff;box-shadow:0 16px 36px rgba(15,35,62,.13)}.payment-hero:after{content:"";position:absolute;width:280px;height:280px;right:12%;top:-170px;border-radius:50%;border:55px solid rgba(42,213,229,.08)}.payment-hero.is-live{background:linear-gradient(110deg,#10243e,#123e4a 65%,#126150)}.payment-provider-mark{position:relative;z-index:1;width:66px;height:66px;display:grid;place-items:center;border-radius:18px;background:linear-gradient(145deg,#2bd1e4,#149eb7);color:#062039;box-shadow:0 12px 30px rgba(19,198,220,.2)}.payment-provider-mark svg{font-size:1.85rem}.payment-hero-copy{position:relative;z-index:1}.payment-overline{font-size:.64rem;font-weight:850;letter-spacing:.15em;color:#6ee1ee}.payment-hero h2{font-size:clamp(1.45rem,2.1vw,2rem);letter-spacing:-.04em;margin:8px 0}.payment-hero p{max-width:630px;margin:0;color:#bcd0de;font-size:.87rem;line-height:1.6}.payment-state{position:relative;z-index:1;min-width:184px;display:flex;align-items:center;gap:12px;padding:15px 18px;border:1px solid rgba(255,255,255,.15);border-radius:13px;background:rgba(3,19,33,.25);backdrop-filter:blur(9px)}.payment-state>svg{font-size:1.35rem}.payment-state.active>svg{color:#4ee0aa}.payment-state.inactive>svg{color:#ffbf69}.payment-state span,.payment-state small,.payment-state strong{display:block}.payment-state small{color:#9bb3c4;font-size:.57rem;letter-spacing:.12em;margin-bottom:4px}.payment-state strong{font-size:.88rem}
.payment-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.payment-metric{min-width:0;display:grid;grid-template-columns:42px minmax(0,1fr);grid-template-rows:auto auto auto;column-gap:14px;padding:20px;background:var(--studio-surface);border:1px solid var(--studio-line);border-radius:14px}.payment-metric>div{grid-row:1/4;width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#eef3ff;color:#3956ff}.payment-metric.tone-success>div{background:#e9f8f2;color:#16825e}.payment-metric.tone-warning>div{background:#fff3df;color:#b47312}.payment-metric>span{font-size:.7rem;color:var(--studio-muted)}.payment-metric>strong{font-size:1.15rem;line-height:1.25;margin:3px 0;overflow-wrap:anywhere}.payment-metric>small{font-size:.67rem;color:var(--studio-muted);overflow-wrap:anywhere}
.payment-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px}.payment-card{background:var(--studio-surface);border:1px solid var(--studio-line);border-radius:16px;overflow:hidden}.payment-card h2{font-size:1.08rem;letter-spacing:-.025em;margin:5px 0 0}.payment-card header>div>span,.payment-card>header>span{font-size:.61rem;font-weight:850;letter-spacing:.13em;color:#16748a}.payment-setup-card>header{display:flex;justify-content:space-between;align-items:center;padding:24px 26px 17px}.payment-setup-card>header>strong{font-size:.78rem;color:var(--studio-muted)}.payment-progress{height:5px;margin:0 26px;background:#e6ebf3;border-radius:999px;overflow:hidden}.payment-progress i{display:block;height:100%;background:linear-gradient(90deg,#3956ff,#22c4da);border-radius:inherit;transition:width .3s}.payment-steps{padding:12px 26px}.payment-steps article{display:grid;grid-template-columns:34px 1fr;gap:13px;padding:15px 0;border-bottom:1px solid var(--studio-line)}.payment-steps article:last-child{border-bottom:0}.payment-steps article>span{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:#f0f3f8;border:1px solid var(--studio-line);font-size:.7rem;font-weight:800;color:var(--studio-muted)}.payment-steps article.done>span{background:#e6f8f1;border-color:#b8e8d4;color:#137455}.payment-steps strong{display:block;font-size:.83rem}.payment-steps p{font-size:.72rem;line-height:1.5;color:var(--studio-muted);margin:4px 0 0}.payment-setup-card>footer{padding:4px 26px 24px}.payment-ready-note{display:flex;align-items:center;gap:9px;color:#167559;font-size:.8rem;font-weight:750}.payment-ready-note svg{font-size:1.1rem}
.payment-webhook-card{padding:24px 26px}.payment-webhook-card>header{display:flex;align-items:center;gap:13px}.payment-card-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#eef3ff;color:#3956ff}.payment-webhook-card>p{font-size:.78rem;line-height:1.65;color:var(--studio-muted);margin:22px 0 14px}.payment-webhook-card>p strong{color:var(--studio-ink)}.payment-webhook-url{display:grid;grid-template-columns:minmax(0,1fr) 42px;align-items:center;gap:8px;padding:7px 7px 7px 13px;border-radius:10px;background:#f3f6fa;border:1px solid var(--studio-line)}.payment-webhook-url code{font-size:.72rem;line-height:1.5;overflow-wrap:anywhere;color:var(--studio-ink)}.payment-webhook-url button{width:40px;height:40px;border:0;border-radius:8px;background:#fff;color:#3956ff;display:grid;place-items:center}.payment-security-note{display:flex;gap:12px;align-items:flex-start;padding:15px;margin:16px 0;border-radius:11px;background:#ebf8f4;color:#226b56}.payment-security-note>svg{flex:none;margin-top:2px}.payment-security-note p{margin:0!important}.payment-security-note strong,.payment-security-note span{display:block}.payment-security-note strong{font-size:.76rem}.payment-security-note span{font-size:.68rem;line-height:1.5;margin-top:3px}.payment-webhook-card>a{display:inline-flex;align-items:center;gap:7px;font-size:.72rem;font-weight:750;color:#3956ff}
.payment-orders-card{margin-bottom:10px}.payment-orders-card>header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:23px 26px;border-bottom:1px solid var(--studio-line)}.payment-orders-card>header p{font-size:.74rem;color:var(--studio-muted);margin:6px 0 0}.payment-orders-card>header .button{min-height:40px;padding-inline:14px;font-size:.75rem}.payment-empty{min-height:230px;padding:38px 24px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.payment-empty>span{width:52px;height:52px;display:grid;place-items:center;border-radius:16px;background:#eef3ff;color:#3956ff;font-size:1.35rem}.payment-empty h3{font-size:.92rem;margin:15px 0 5px}.payment-empty p{max-width:430px;font-size:.75rem;line-height:1.6;color:var(--studio-muted);margin:0}.payment-table-wrap{overflow-x:auto}.payment-table{width:100%;border-collapse:collapse}.payment-table th,.payment-table td{text-align:left;padding:15px 26px;border-bottom:1px solid var(--studio-line);font-size:.77rem;white-space:nowrap}.payment-table th{font-size:.62rem;letter-spacing:.08em;color:var(--studio-muted);background:color-mix(in srgb,var(--studio-surface) 94%,#3956ff 6%)}.payment-table tbody tr:last-child td{border-bottom:0}.payment-table td strong,.payment-table td small{display:block}.payment-table td small{font-size:.65rem;color:var(--studio-muted);margin-top:3px}.payment-order-status{display:inline-flex;padding:6px 9px;border-radius:999px;background:#eef1f5;color:#5f6e80;font-size:.66rem;font-weight:750}.payment-order-status.status-paid{background:#e6f8f1;color:#187257}.payment-order-status.status-pending_payment{background:#fff2d9;color:#8f6112}.payment-order-status.status-refunded,.payment-order-status.status-cancelled{background:#feecef;color:#a43e4a}
.payment-loading,.payment-error{min-height:420px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--studio-muted)}.payment-loading>span{width:30px;height:30px;border:3px solid var(--studio-line);border-top-color:#3956ff;border-radius:50%;animation:commerce-spin .8s linear infinite}.payment-error>svg{font-size:2rem;color:#dc5b63}.payment-error h2{color:var(--studio-ink);font-size:1.15rem;margin:14px 0 4px}.payment-error p{font-size:.8rem;margin:0 0 18px}.is-spinning{animation:commerce-spin .8s linear infinite}
.payment-modal-intro{display:flex;gap:14px;align-items:flex-start;padding:17px 18px;border-radius:12px;background:#eef3ff;color:#304ba8}.payment-modal-intro>svg{flex:none;margin-top:2px}.payment-modal-intro strong,.payment-modal-intro p{display:block}.payment-modal-intro strong{font-size:.82rem}.payment-modal-intro p{font-size:.73rem;line-height:1.55;color:#5c6c91;margin:4px 0 0}.payment-config-form .form-section>h3{color:#3956ff!important}.payment-config-form label small{font-size:.68rem;line-height:1.5;color:var(--form-muted)}.payment-production-warning{display:flex;gap:11px;align-items:flex-start;padding:13px;border-radius:9px;background:#fff3df;color:#8c5a0b}.payment-production-warning>svg{margin-top:2px;flex:none}.payment-production-warning strong,.payment-production-warning small{display:block}.payment-production-warning strong{font-size:.76rem}.payment-production-warning small{font-size:.69rem;line-height:1.5;margin-top:3px}.payment-enable-section{background:color-mix(in srgb,var(--form-surface) 94%,#3956ff 6%)!important}.payment-enable-section .publication-setting{align-items:flex-start!important}.payment-enable-section .publication-setting>span{display:block!important}.payment-enable-section strong,.payment-enable-section small{display:block}.payment-enable-section strong{color:var(--form-ink);font-size:.8rem}.payment-enable-section small{margin-top:4px}
html[data-theme=dark] .payment-metric>div,html[data-theme=dark] .payment-card-icon{background:#25355b;color:#9eb0ff}html[data-theme=dark] .payment-progress{background:#2a384d}html[data-theme=dark] .payment-steps article>span{background:#243044}html[data-theme=dark] .payment-steps article.done>span{background:#193c32;border-color:#2a624e;color:#9de1c8}html[data-theme=dark] .payment-webhook-url{background:#111a28}html[data-theme=dark] .payment-webhook-url button{background:#25344a;color:#aebcff}html[data-theme=dark] .payment-security-note{background:#18392f;color:#bde8d8}html[data-theme=dark] .payment-order-status{background:#263548;color:#c6d4e7}html[data-theme=dark] .payment-modal-intro{background:#24365e;color:#dce3ff}html[data-theme=dark] .payment-modal-intro p{color:#b9c4e1}html[data-theme=dark] .payment-production-warning{background:#3b3020;color:#f2d39b}
@media(max-width:1100px){.payment-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.payment-layout{grid-template-columns:1fr}}
@media(max-width:700px){.payment-page-header{align-items:stretch}.payment-page-header .button{width:100%}.payment-hero{grid-template-columns:auto 1fr;padding:24px 20px}.payment-provider-mark{width:52px;height:52px;border-radius:14px}.payment-state{grid-column:1/-1;min-width:0}.payment-metrics{grid-template-columns:1fr}.payment-metric{padding:17px}.payment-setup-card>header,.payment-webhook-card,.payment-orders-card>header{padding:20px}.payment-progress{margin-inline:20px}.payment-steps{padding-inline:20px}.payment-setup-card>footer{padding-inline:20px}.payment-orders-card>header{align-items:flex-start;flex-direction:column}.payment-table th,.payment-table td{padding:13px 18px}.payment-config-form .form-grid{grid-template-columns:1fr}}
.course-rule-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.course-rule-switch{border:1px solid var(--form-line);border-radius:9px;padding:13px;background:#f8fbfc}.course-rule-switch span{font-weight:700;color:var(--form-ink)!important}.quiz-builder{display:grid;gap:14px}.quiz-builder>section{border:1px solid var(--form-line);border-radius:10px;padding:16px;background:#f8fbfc}.quiz-builder>section>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.quiz-builder header button{border:0;background:transparent;color:#a33;display:flex;align-items:center;gap:5px}.quiz-options-editor{display:grid;gap:8px;margin-top:12px}.quiz-options-editor label{display:grid!important;grid-template-columns:auto 1fr;align-items:center!important;gap:9px!important}.quiz-options-editor label>input[type=radio]{width:18px;height:18px}.course-activity-admin{display:grid;gap:12px}.course-activity-admin article{display:grid;grid-template-columns:38px 1fr auto;gap:14px;align-items:start;border:1px solid var(--line);border-radius:11px;padding:17px;background:#fff}.course-activity-admin article>span{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#e9f8fa;color:#087f96;font-weight:900}.course-activity-admin strong,.course-activity-admin small{display:block}.course-activity-admin p{margin:6px 0;color:var(--muted);line-height:1.5}.course-modal-price{display:block;font-size:1.7rem;color:#087f96;margin:12px 0}@media(max-width:720px){.course-rule-grid{grid-template-columns:1fr}.course-activity-admin article{grid-template-columns:34px 1fr}.course-activity-admin article>button{grid-column:2}}

/* Scoped final layer: public home must not inherit legacy light/dark surfaces. */
html .public-shell .home-reference-page .home-hero.home-hero-reference{position:relative;isolation:isolate;display:block;min-height:520px;padding:0 max(28px,calc((100vw - 1180px)/2));background:#06182d!important;overflow:hidden}
html .public-shell .home-reference-page .home-hero-reference .hero-copy{position:relative;z-index:2;width:55%;padding:80px 0 100px}
html .public-shell .home-reference-page .home-hero-reference .hero-copy h1{font-size:clamp(2.4rem,3.2vw,3.4rem);max-width:650px}
html .public-shell .home-reference-page .home-hero-reference .hero-copy .eyebrow{color:#65e0ec}
html .public-shell .home-reference-page .hero-reference-media{position:absolute;inset:0;z-index:0;width:100%;height:100%;min-height:0;margin:0;padding:0;border:0;border-radius:0;background:transparent;overflow:hidden}
html .public-shell .home-reference-page .hero-reference-media img{position:absolute;inset:0 0 0 auto;display:block;width:68%;height:100%;max-width:none;object-fit:cover;object-position:60% center;mask-image:none;-webkit-mask-image:none;border-radius:0;transform:none}
html .public-shell .home-reference-page .hero-reference-media:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#06182d 0%,#06182d 32%,rgba(6,24,45,.96) 40%,rgba(6,24,45,.6) 52%,rgba(6,24,45,.08) 72%),linear-gradient(0deg,#06182d 0%,transparent 30%);pointer-events:none}
html .public-shell .home-reference-page .hero-reference-media:after{display:none}
html .public-shell .home-reference-page .hero-reference-media figcaption{display:none}
html .public-shell .home-reference-page .reference-testimonials{background:#edf8fa;padding-block:64px}
html .public-shell .home-reference-page .reference-testimonials .social-proof{display:flex;flex-direction:column;align-items:stretch;background:transparent;border:0;box-shadow:none;gap:28px}
html .public-shell .home-reference-page .reference-pricing>.button.primary{background:#20d7e8;color:#06263b;box-shadow:none}
html .public-shell .home-reference-page .social-proof-intro{display:flex;align-items:center;justify-content:space-between;gap:24px}
html .public-shell .home-reference-page .social-proof-intro>.eyebrow,html .public-shell .home-reference-page .social-proof-intro>h2{display:none}
html .public-shell .home-reference-page .rating-platforms{display:flex!important;flex-wrap:wrap;gap:16px}
html .public-shell .home-reference-page .platform-rating{display:grid;grid-template-columns:110px auto;align-items:center;column-gap:22px;min-height:80px;padding:16px 22px;background:#fff;border:1px solid #d5e6ec;border-radius:12px}
html .public-shell .home-reference-page .platform-rating .rating-platform-logo{grid-column:1;grid-row:1/3;position:static;max-width:110px;height:28px!important;object-fit:contain;margin:0}
html .public-shell .home-reference-page .platform-rating strong{grid-column:2;grid-row:1;font-size:1.5rem;color:#102436;margin:0}
html .public-shell .home-reference-page .platform-rating .rating-stars{grid-column:2;grid-row:2;font-size:1rem;margin:0}
html .public-shell .home-reference-page .review-controls{display:flex;gap:8px;margin:0}
html .public-shell .home-reference-page .review-controls button{width:44px;height:44px;border:1px solid #9dc9d3;background:transparent;color:#08758b;border-radius:50%}
html .public-shell .home-reference-page .review-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
html .public-shell .home-reference-page .review-pair blockquote{display:flex;flex-direction:column;min-height:230px!important;padding:30px!important;margin:0;border:1px solid #d5e6ec;border-radius:16px;background:#fff;box-shadow:none}
html .public-shell .home-reference-page .review-pair blockquote p{font-size:1.08rem!important;color:#314d60;line-height:1.65;margin:20px 0 28px}
html .public-shell .home-reference-page .review-pair footer{margin-top:auto;padding-top:18px;border-top:1px solid #e4edf1;color:#102436}
html .public-shell .home-reference-page .brand-ribbon{background:#fff!important;padding:44px 0;border:0;border-bottom:1px solid #e3edf0}
html .public-shell .home-reference-page .brand-ribbon h2{color:#526c7b!important;font-size:.72rem;letter-spacing:.13em;margin-bottom:24px}
html .public-shell .home-reference-page .brand-item{filter:grayscale(1);opacity:.8}
html .public-shell .home-reference-page .brand-item:hover,html .public-shell .home-reference-page .brand-item:focus-visible{filter:none;opacity:1}
html .public-shell .home-reference-page>.faq-section{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:64px;background:#f7fafc!important;color:#102436;padding:80px max(28px,calc((100vw - 1180px)/2));border:0}
html .public-shell .home-reference-page>.faq-section h2{font-size:2.4rem;line-height:1.16;color:#102436;margin:18px 0;letter-spacing:-.035em}
html .public-shell .home-reference-page>.faq-section .eyebrow{color:#08758b}
html .public-shell .home-reference-page>.faq-section article{background:white;border:1px solid #d7e4eb;border-radius:12px;margin-bottom:12px;padding:0 22px}
html .public-shell .home-reference-page>.faq-section article.open{border-color:#65bacb}
html .public-shell .home-reference-page>.faq-section article button{width:100%;padding:22px 0;gap:20px;color:#102436;font-size:1rem;line-height:1.5;text-align:left;background:transparent}
html .public-shell .home-reference-page>.faq-section article p{margin:0;padding:0 0 22px;color:#506b7d;font-size:.95rem;line-height:1.75}
html .public-shell .public-footer{background:#06182d!important;color:#c3d5df;border-top:1px solid #16435b;padding:56px max(28px,calc((100vw - 1180px)/2)) 24px}
html .public-shell .public-footer .footer-grid{display:grid;grid-template-columns:1.4fr .8fr .8fr .8fr;gap:36px;max-width:1180px;margin:auto}
html .public-shell .public-footer .footer-brand-logo{width:150px;height:auto;max-height:90px;object-fit:contain;object-position:left}
html .public-shell .public-footer .footer-brand p{font-size:.85rem;line-height:1.7;max-width:280px;color:#b3c9d7;margin:20px 0}
html .public-shell .public-footer .footer-col strong{font-size:.75rem;letter-spacing:.07em;color:#73deea}
html .public-shell .public-footer .footer-col a,html .public-shell .public-footer .footer-contact a{color:#c3d5df;font-size:.85rem}
html .public-shell .public-footer .footer-col a:hover{color:#55dfed}
html .public-shell .public-footer .newsletter{grid-column:1/-1;display:grid;grid-template-columns:1fr 1.4fr;column-gap:50px;padding:28px 32px;background:#0b2942;border:1px solid #20465c;border-radius:14px}
html .public-shell .public-footer .newsletter>strong{align-self:end;font-size:.9rem;line-height:1.5;color:#fff}
html .public-shell .public-footer .newsletter>p{grid-column:1;font-size:.85rem;color:#b3c9d7;line-height:1.6;margin:10px 0 0}
html .public-shell .public-footer .newsletter form{grid-column:2;grid-row:1/3;display:grid;grid-template-columns:1fr auto;gap:12px;align-content:center}
html .public-shell .public-footer .newsletter input[type=email]{background:#061e32;border:1px solid #3f657b;color:#fff;min-width:0;border-radius:8px;padding:12px 16px}
html .public-shell .public-footer .newsletter .button{grid-column:2;grid-row:1;background:#20d7e8!important;color:#06263b!important;border:0;border-radius:8px;padding:12px 22px;box-shadow:none;font-size:.9rem}
html .public-shell .public-footer .newsletter-consent{grid-column:1/-1;grid-row:2;color:#b3c9d7;font-size:.75rem;line-height:1.5}
html .public-shell .public-footer .footer-bottom{margin-top:32px;padding-top:22px;border-color:#204054;color:#9eb7c7;font-size:.75rem}
@media(max-width:780px){
 html .public-shell .home-reference-page .home-hero.home-hero-reference{padding:0 22px;min-height:680px}
 html .public-shell .home-reference-page .home-hero-reference .hero-copy{width:100%;padding:44px 0 290px}
 html .public-shell .home-reference-page .hero-reference-media img{inset:auto 0 0;width:100%;height:360px;object-position:center}
 html .public-shell .home-reference-page .hero-reference-media:before{background:linear-gradient(180deg,#06182d 0%,#06182d 48%,rgba(6,24,45,.7) 62%,transparent 84%,#06182d 100%)}
 html .public-shell .home-reference-page .social-proof-intro{align-items:flex-start;flex-direction:column}
 html .public-shell .home-reference-page .rating-platforms{width:100%;display:grid!important;grid-template-columns:1fr 1fr;gap:10px}
 html .public-shell .home-reference-page .platform-rating{display:flex;flex-direction:column;gap:8px;padding:16px 10px}
 html .public-shell .home-reference-page .review-pair{grid-template-columns:1fr}
 html .public-shell .home-reference-page>.faq-section{grid-template-columns:1fr;gap:20px;padding:50px 22px}
 html .public-shell .home-reference-page>.faq-section h2{font-size:2rem}
 html .public-shell .public-footer .footer-grid{grid-template-columns:1fr 1fr;gap:28px}
 html .public-shell .public-footer .footer-brand{grid-column:1/-1}
 html .public-shell .public-footer .newsletter{display:flex;flex-direction:column;padding:22px;gap:12px}
 html .public-shell .public-footer .newsletter form{display:flex;flex-direction:column}
 html .public-shell .public-footer .newsletter .button{order:3}
}

/* Current public identity. Scoped separately from Studio and legacy client views. */
html .public-shell .public-header.editorial-header{background:#06182d!important;backdrop-filter:none}
html .public-shell .public-header .header-actions :is(.login-button,.account-button){color:#e8fbff!important;background:transparent!important}
html .public-shell .public-header .editorial-mega{background:#071d34!important;border-color:#25485f}
html .public-shell .public-header .mega-introduction .eyebrow{color:#65e0ec!important}
html .public-shell .public-header .mega-destinations>a{border:1px solid transparent;border-radius:10px;background:transparent;color:#e5f8fc}
html .public-shell .public-header .mega-destinations>a:is(.is-preview,:hover,:focus-visible){background:#123850!important;border-color:#27738a}
html .public-shell .public-header .mega-destinations strong{color:#fff!important}
html .public-shell .public-header .mega-destinations small{color:#bfd5e0!important}
html .public-shell .public-header .mega-destinations svg{color:#53dfec}
html .public-shell:is([data-public-page='/solucoes'],[data-public-page='/qualificacoes'],[data-public-page='/loja/planos'],[data-public-page='/loja'],[data-public-page='/parceiros'],[data-public-page='/contato'])>main{background:#f7fafc;color:#102436;margin:0;max-width:none}
html .public-shell:is([data-public-page='/solucoes'],[data-public-page='/qualificacoes'],[data-public-page='/loja/planos'],[data-public-page='/loja'],[data-public-page='/parceiros'],[data-public-page='/contato'])>main :is(.button.primary,.button.dark){background:#20d7e8!important;border:1px solid #20d7e8!important;color:#06263b!important;box-shadow:none;border-radius:999px}
html .public-shell .page-hero{padding:64px max(28px,calc((100vw - 1180px)/2));margin:0;background:#06182d!important}
html .public-shell .page-hero h1{font-size:clamp(2.3rem,3.6vw,3.6rem);line-height:1.1;max-width:850px;margin:16px 0 22px}
html .public-shell .page-hero p{max-width:680px;font-size:1rem;line-height:1.7}
html .public-shell .solution-list{max-width:1180px;margin:0 auto;padding:52px 28px}
html .public-shell .solution-list article{display:grid;grid-template-columns:42px 38px minmax(0,1fr) 24px;gap:24px;padding:30px 0;border-color:#d8e5ea;background:transparent}
html .public-shell .solution-list h2{color:#102436;font-size:1.35rem;margin:0 0 10px}
html .public-shell .solution-list p{color:#506b7d;font-size:.95rem;line-height:1.7;margin:0}
html .public-shell .solution-list article>svg{color:#078298}
html .public-shell .wide-cta{max-width:1124px;margin:0 auto 64px;padding:36px;background:#0b2949!important;border:1px solid #24526d;border-radius:16px;color:#fff}
html .public-shell .wide-cta h2{color:#fff!important;font-size:1.8rem;line-height:1.25}
/* Learning uses a continuous navy canvas, not separate dark blocks on pastel. */
html .public-shell[data-public-page='/qualificacoes']>main,html .public-shell[data-public-page='/parceiros']>main{background:#06182d!important;color:#fff}
html .public-shell .qualifications-page .qualification-hero{position:relative;isolation:isolate;display:block;max-width:none;margin:0;min-height:400px;padding:0 max(28px,calc((100vw - 1180px)/2));background:#06182d!important;overflow:hidden}
html .public-shell .qualification-hero>div{position:relative;z-index:2;width:53%;padding:58px 0 70px}
html .public-shell .qualification-hero h1{font-size:clamp(2.2rem,3.4vw,3.4rem);line-height:1.1;margin:16px 0 20px}
html .public-shell .qualification-hero p{font-size:.95rem;line-height:1.7}
html .public-shell .qualification-hero figure{position:absolute;inset:0 0 0 auto;width:60%;height:100%;margin:0;padding:0;border-radius:0}
html .public-shell .qualification-hero figure>img{width:100%;height:100%;min-height:0;object-fit:cover;object-position:center 30%;border-radius:0}
html .public-shell .qualification-hero figure:after{background:linear-gradient(90deg,#06182d,rgba(6,24,45,.65) 25%,transparent 65%),linear-gradient(0deg,#06182d,transparent 35%)}
html .public-shell .qualification-hero figcaption{display:none}
html .public-shell .qualifications-page :is(.qualification-overview,.course-browser){max-width:1236px;margin:auto;padding:48px 28px;background:#06182d!important}
html .public-shell .qualifications-page .eyebrow{color:#65e0ec!important}
html .public-shell .qualification-overview{gap:40px;grid-template-columns:1.15fr 1fr}
html .public-shell .qualification-overview h2,html .public-shell .course-browser>header h2{font-size:1.8rem;line-height:1.2}
html .public-shell .qualification-overview p{font-size:.9rem;line-height:1.7}
html .public-shell .qualification-stats{border-radius:12px;overflow:hidden}
html .public-shell .qualification-stats strong{color:#fff!important}
html .public-shell .qualification-stats svg{color:#37d9e9!important}
html .public-shell .qualifications-page .course-grid.modern{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
html .public-shell .qualifications-page .course-card{padding:0!important;background:#0b2949!important;border:1px solid #24465f;border-radius:14px;box-shadow:none}
html .public-shell .qualifications-page .course-cover{padding:0!important;height:190px;background:#0b2949!important}
html .public-shell .qualifications-page .course-cover img{width:100%;height:100%;object-fit:cover;max-width:none}
html .public-shell .qualifications-page .course-card-body{background:#0b2949!important;min-height:330px}
html .public-shell .qualifications-page .course-card-body h2{color:#fff!important;font-size:1.25rem;line-height:1.25}
html .public-shell .qualifications-page .course-card-body p{color:#bed0de!important;font-size:.9rem;line-height:1.65}
html .public-shell .qualifications-page .course-meta span{background:#15455e!important;color:#8debf1!important}
html .public-shell .qualifications-page .course-open{color:#6ae5ee!important;border:1px solid #398ba0;border-radius:999px;padding:10px 16px}
html .public-shell .qualifications-page .learning-method{background:#0b2949!important;padding:50px max(28px,calc((100vw - 1180px)/2))}
html .public-shell .learning-method h3{color:#fff;font-size:1.2rem}
html .public-shell .learning-method p{color:#bfd1df;font-size:.9rem}
/* Plans: dark introduction, light comparison, one navy featured plan. */
html .public-shell .billing-view button{background:#fff!important;color:#254b60!important;border:1px solid #b4cdd7!important}
html .public-shell .billing-view button[aria-pressed='true']{background:#20d7e8!important;color:#06263b!important;border-color:#20d7e8!important}
html .public-shell .commerce-catalog-heading .eyebrow,html .public-shell .offices .eyebrow{color:#08758b!important}
html .public-shell .commerce-plans .commerce-hero{max-width:none;margin:0;padding:56px max(28px,calc((100vw - 1180px)/2));background:#06182d;gap:48px;grid-template-columns:1.1fr .9fr}
html .public-shell .commerce-plans .commerce-hero h1{font-size:clamp(2.3rem,3.6vw,3.6rem);color:#fff!important;line-height:1.1}
html .public-shell .commerce-plans .commerce-hero-copy>p,html .public-shell .commerce-plans .commerce-hero-caption{color:#bfd1df!important}
html .public-shell .commerce-plans .commerce-hero .eyebrow{color:#65e0ec!important}
html .public-shell .commerce-plans .commerce-catalog{max-width:1236px;padding:36px 28px 64px}
html .public-shell .commerce-plans .commerce-plan-grid{gap:16px;border:0;border-radius:0;background:transparent;overflow:visible}
html .public-shell .commerce-plans .commerce-plan{background:#fff;border:1px solid #d7e5ec;border-radius:14px;padding:26px 20px}
html .public-shell .commerce-plans .commerce-plan h3{color:#102436}
html .public-shell .commerce-plans .commerce-plan.is-featured{background:#0b2949;box-shadow:none;border-color:#20b5cb;color:#fff}
html .public-shell .commerce-plans .commerce-plan.is-featured :is(h3,.commerce-price strong){color:#fff!important}
html .public-shell .commerce-plans .commerce-plan.is-featured :is(p,small,li,.commerce-seats,.commerce-plan-number,.commerce-plan-benefits>span){color:#c5dbe5!important}
html .public-shell .commerce-plans .commerce-buy{background:#20d7e8!important;color:#06263b!important;border-color:#20d7e8!important;border-radius:999px}
/* Partners keep existing profiles and links, with consistent proportions. */
html .public-shell .partners-page .page-hero{background:linear-gradient(90deg,#06182d 25%,rgba(6,24,45,.8) 60%,rgba(6,24,45,.25)),url('/assets/hero-team.webp') right 40%/cover!important}
html .public-shell .partners-page .honeycomb-partners{max-width:1236px;margin:auto;padding:48px 28px;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
html .public-shell .partners-page .honeycomb-copy{background:#0b2949!important;color:#fff}
html .public-shell .partners-page .honeycomb-copy h2{color:#fff!important}
html .public-shell .partners-page .honeycomb-copy .eyebrow{color:#65e0ec!important}
html .public-shell .partners-page .honeycomb-copy p{color:#bed0de!important}
/* Contact keeps its real channels and modal form. */
html .public-shell .contact-hero{max-width:none;margin:0;padding:64px max(28px,calc((100vw - 1180px)/2));background:#06182d;gap:64px;grid-template-columns:1.1fr .9fr;color:#fff}
html .public-shell .contact-hero h1{color:#fff!important;font-size:clamp(2.3rem,3.6vw,3.6rem);line-height:1.1}
html .public-shell .contact-hero .eyebrow{color:#65e0ec!important}
html .public-shell .contact-hero p{color:#bfd1df!important;font-size:1rem}
html .public-shell .contact-hero aside{background:#0b2949!important;align-self:center;border:1px solid #265069;border-radius:14px;padding:28px;box-shadow:none;overflow-wrap:anywhere}
html .public-shell .offices{max-width:1236px;padding:56px 28px;margin:0 auto}
html .public-shell .offices h2{font-size:2rem;line-height:1.2;color:#102436}
html .public-shell .offices h3{color:#102436}
html .public-shell .offices p{color:#506b7d;line-height:1.7}
/* Campaigns and public form dialogs — never theme administrative dialogs. */
html .public-shell .campaign-modal{background:#0b2949!important;color:#fff;border-color:#315870!important}
html .public-shell .campaign-content{background:#0b2949!important;color:#fff}
html .public-shell .campaign-content h2{color:#fff!important}
html .public-shell .campaign-content>p,html .public-shell .campaign-trust{color:#c5dbe5!important}
html .public-shell .campaign-eyebrow{color:#65e0ec!important}
html .public-shell .campaign-close{background:#123850!important;color:#fff!important;border-color:#4e8198!important}
html .public-shell .campaign-coupon{background:#123850!important;border-color:#3fb5c6!important;color:#dffbff}
html .public-shell .campaign-form label,html .public-shell .campaign-form label>span{color:#d3e5ee!important}
html .modal:not(.studio-modal):is(.contact-modal,:has(.course-detail-modal)) label>span{color:#d3e5ee!important}
html .modal:not(.studio-modal):is(.contact-modal,:has(.course-detail-modal)) .modal-close{background:#123850!important;color:#fff!important;border:1px solid #4e8198}
html .public-shell .commerce-plans .mandala-caption,html .public-shell .commerce-plans .mandala-caption button{color:#bfdbe6!important}
html .public-shell .campaign-form input{background:#061e32!important;border:1px solid #47738a!important;color:#fff!important;border-radius:8px}
html .public-shell .campaign-modal .campaign-submit{background:#20d7e8!important;color:#06263b!important}
html .public-shell .campaign-notice{background:#0b2949!important;color:#e7faff!important;border:1px solid #34718a}
html .public-shell .campaign-notice .notice-icon{background:#15455e;color:#65e0ec}
html .modal:not(.studio-modal):is(.contact-modal,:has(.course-detail-modal)){background:#0b2949;color:#fff;border:1px solid #315870}
html .modal:not(.studio-modal):is(.contact-modal,:has(.course-detail-modal)) :is(.modal-header,.modal-body){background:#0b2949;color:#fff;border-color:#315870}
html .modal:not(.studio-modal):is(.contact-modal,:has(.course-detail-modal)) :is(h2,label){color:#fff}
html .modal:not(.studio-modal):is(.contact-modal,:has(.course-detail-modal)) :is(p,.eyebrow){color:#bfdbe6}
html .modal:not(.studio-modal):is(.contact-modal,:has(.course-detail-modal)) :is(input,textarea){background:#061e32;color:#fff;border:1px solid #47738a}
html .modal:not(.studio-modal):is(.contact-modal,:has(.course-detail-modal)) .button.primary{background:#20d7e8!important;color:#06263b!important}
html .modal:not(.studio-modal) .course-detail-facts span{background:#15455e;color:#dffbff}
@media(max-width:1000px){
 html .public-shell .qualification-overview{grid-template-columns:1fr}
 html .public-shell .qualifications-page .course-grid.modern,html .public-shell .partners-page .honeycomb-partners{grid-template-columns:repeat(2,minmax(0,1fr))}
 html .public-shell .commerce-plans .commerce-plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 html .public-shell .contact-hero{gap:28px}
}
@media(max-width:700px){
 html .public-shell .public-header-inner{grid-template-columns:minmax(0,1fr) auto;padding-inline:18px;gap:12px}
 html .public-shell .brand-logo{width:135px}.public-shell .brand-logo img{max-width:135px}
 html .public-shell .public-header .header-actions .account-button{font-size:.75rem;padding:8px 12px!important;white-space:nowrap}
 html .public-shell .page-hero{padding:44px 22px}
 html .public-shell .solution-list article{grid-template-columns:28px minmax(0,1fr);gap:14px}
 html .public-shell .solution-list article>span,html .public-shell .solution-list article>svg:last-child{display:none}
 html .public-shell .wide-cta{margin:0 22px 44px;flex-direction:column;align-items:flex-start;padding:26px}
 html .public-shell .qualification-hero>div{width:100%;padding:44px 0 260px}
 html .public-shell .qualification-hero figure{inset:auto 0 0;width:100%;height:300px}
 html .public-shell .qualification-hero figure:after{background:linear-gradient(180deg,#06182d,transparent 65%,#06182d)}
 html .public-shell .qualifications-page .course-grid.modern,html .public-shell .partners-page .honeycomb-partners{grid-template-columns:1fr}
 html .public-shell .course-browser>header{flex-direction:column;align-items:flex-start}
 html .public-shell .qualification-stats article{padding:18px 12px}
 html .public-shell .learning-method>div{grid-template-columns:1fr}
 html .public-shell .learning-method article,html .public-shell .learning-method article+article{padding:24px 0;border-right:0;border-bottom:1px solid #315870}
 html .public-shell .commerce-plans .commerce-hero{grid-template-columns:1fr;padding:44px 22px;gap:16px}
 html .public-shell .commerce-plans .commerce-plan-grid{grid-template-columns:1fr}
 html .public-shell .commerce-catalog-heading{grid-template-columns:1fr;gap:18px}
 html .public-shell .contact-hero{grid-template-columns:1fr;padding:44px 22px}
 html .public-shell .offices header,html .public-shell .offices>div{grid-template-columns:1fr;gap:18px}
 html .public-shell .offices article{border-right:0;border-bottom:1px solid #d8e5ea;padding:24px 0}
 html .modal:not(.studio-modal) .course-detail-modal{grid-template-columns:1fr}
}
/* Shared public partner showcase and the authorized IEL case. */
.public-shell .partner-showcase{background:#06182d;color:#fff;padding:64px max(24px,calc((100% - 1180px)/2));}
.public-shell .partner-showcase>header{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:32px;}
.public-shell .partner-showcase h2{color:#fff;font-size:clamp(1.4rem,2.3vw,2rem);margin:10px 0;}
.public-shell .partner-showcase p{color:#c0d3e2;line-height:1.7;}
.public-shell .partner-showcase .eyebrow,.public-shell .partner-profile>span{color:#67e4ee;}
.public-shell .partner-showcase-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;}
.public-shell .partner-showcase-grid>article{display:flex;gap:24px;background:#0b2949;border:1px solid #25465e;border-radius:14px;padding:24px;align-items:flex-start;}
.public-shell .partner-portrait{width:150px;height:190px;flex:0 0 150px;overflow:hidden;border-radius:10px;background:#143950;}
.public-shell .partner-portrait img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 20%;}
.public-shell .partner-profile{min-width:0;}
.public-shell .partner-profile h2{font-size:1.5rem;}
.public-shell .partner-showcase .button{color:#7feaf2;border-color:#36c8d7;background:transparent;}
.public-shell .featured-testimonial{max-width:1180px;margin:32px auto;display:grid;grid-template-columns:180px minmax(0,1fr);align-items:center;gap:36px;padding:32px;background:#fff;border:1px solid #d8e2ea;border-radius:16px;text-align:left;}
.public-shell .featured-testimonial>img{width:180px;height:220px;object-fit:cover;object-position:center top;border-radius:12px;}
.public-shell .featured-testimonial blockquote{margin:12px 0 0;padding:0;}
.public-shell .featured-testimonial blockquote p{color:#102436;font-size:clamp(1.05rem,1.5vw,1.3rem);line-height:1.7;}
.public-shell .featured-testimonial footer{display:flex;flex-direction:column;gap:4px;color:#526c80;margin-top:20px;}
.public-shell .featured-testimonial strong{color:#102436;}
.learning-workspace{max-width:1180px;margin:auto;padding:48px 24px 80px;min-height:65vh;color:#102436;}
.learning-workspace header{margin:32px 0;}.learning-workspace section{margin:28px 0;}
.learning-workspace details{background:white;border:1px solid #d8e2ea;border-radius:10px;margin:12px 0;}
.learning-workspace summary{padding:20px;cursor:pointer;font-weight:700;}.learning-workspace details>div{padding:0 20px 24px;}
.learning-workspace details a{display:block;margin:20px 0;color:#0f55b5;}
@media(max-width:1000px){.public-shell .partner-showcase-grid{grid-template-columns:1fr;}}
@media(max-width:600px){.public-shell .partner-showcase>header{align-items:flex-start;flex-direction:column;}.public-shell .partner-showcase-grid>article{flex-direction:column;}.public-shell .partner-portrait{width:130px;height:160px;flex-basis:auto;}.public-shell .featured-testimonial{grid-template-columns:1fr;padding:24px;gap:16px;}.public-shell .featured-testimonial>img{width:120px;height:150px;}}

:root{--portal-navy:#06182d;--portal-panel:#0b2949;--portal-cyan:#20d7e8;--portal-ink:#102436;--portal-muted:#647b8b;--portal-line:#d8e5ec;--portal-bg:#f3f7fb}
.client-portal{min-height:100vh;background:var(--portal-bg);color:var(--portal-ink);display:grid;grid-template-columns:272px minmax(0,1fr);font-family:var(--font-body)}
.portal-sidebar{position:sticky;top:0;height:100vh;background:var(--portal-navy);color:#fff;padding:28px 20px;display:flex;flex-direction:column;z-index:40;overflow:hidden}.portal-brand{border:0;background:none;padding:0 10px 26px;text-align:left}.portal-brand img{width:158px;max-height:72px;object-fit:contain}.portal-account{display:grid;grid-template-columns:42px minmax(0,1fr);gap:12px;align-items:center;padding:18px 12px;margin-bottom:24px;border-top:1px solid #193b55;border-bottom:1px solid #193b55}.portal-account>div{min-width:0}.portal-account>span{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#17405e;color:#67e7ef;font-weight:850;font-size:.8rem}.portal-account strong,.portal-account small{display:block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.portal-account strong{font-size:.84rem}.portal-account small{font-size:.68rem;color:#a7bfce;margin-top:4px}.portal-sidebar nav{display:grid;gap:7px}.portal-sidebar nav button,.portal-sidebar-footer button{width:100%;display:flex;gap:13px;align-items:center;border:0;border-radius:10px;padding:13px 14px;background:transparent;color:#bbceda;font-weight:750;text-align:left}.portal-sidebar nav button:hover,.portal-sidebar nav button.active{background:#103a59;color:#fff}.portal-sidebar nav button.active{box-shadow:inset 3px 0 var(--portal-cyan)}.portal-sidebar nav svg,.portal-sidebar-footer svg{font-size:1.12rem}.portal-sidebar-footer{margin-top:auto;padding-top:18px;border-top:1px solid #193b55}.portal-sidebar-footer button{font-size:.78rem;padding-block:10px}.portal-main{min-width:0}.portal-topbar{height:78px;padding:0 44px;background:#fff;border-bottom:1px solid var(--portal-line);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:30}.portal-topbar>div strong,.portal-topbar>div small{display:block}.portal-topbar>div strong{font-size:.95rem}.portal-topbar>div small{font-size:.72rem;color:var(--portal-muted);margin-top:4px}.portal-menu{display:none;border:0;background:transparent;font-size:1.5rem}.portal-profile{display:flex;align-items:center;gap:9px;border:1px solid var(--portal-line);border-radius:999px;background:#fff;padding:9px 14px;color:var(--portal-ink);font-weight:750}.portal-profile svg{color:#087d92}.portal-content{width:min(1280px,100%);margin:auto;padding:52px 44px 84px}.portal-content-course{width:100%;max-width:none;padding:0}.portal-eyebrow{font-size:.68rem;letter-spacing:.16em;font-weight:900;color:#087f96}.portal-primary,.portal-secondary{min-height:44px;border-radius:999px;padding:10px 19px;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:9px;font:inherit;font-size:.8rem;font-weight:850;cursor:pointer}.portal-primary{background:var(--portal-cyan);color:#06263b}.portal-secondary{background:#fff;border-color:#b9d0dc;color:#12334a}.portal-primary:disabled,.portal-secondary:disabled{opacity:.45;cursor:not-allowed}.portal-welcome{display:flex;justify-content:space-between;gap:30px;align-items:end;padding:38px 42px;background:linear-gradient(120deg,var(--portal-navy),#0e3a59);color:#fff;border-radius:18px}.portal-welcome h1,.portal-page-heading h1{font-size:clamp(2.1rem,3.4vw,3.3rem);line-height:1.02;letter-spacing:-.045em;margin:12px 0}.portal-welcome p{color:#bed0dd;max-width:700px;margin:0;line-height:1.65}.portal-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:22px 0 48px}.portal-stats article{display:flex;gap:15px;align-items:center;background:#fff;border:1px solid var(--portal-line);padding:20px;border-radius:13px}.portal-stats svg{font-size:1.45rem;color:#0793a8}.portal-stats strong,.portal-stats span{display:block}.portal-stats strong{font-size:1.4rem}.portal-stats span{font-size:.72rem;color:var(--portal-muted);margin-top:2px}.portal-section{margin-top:50px}.portal-section>header{display:flex;align-items:end;justify-content:space-between;margin-bottom:20px}.portal-section h2{font-size:1.8rem;margin:8px 0 0}.portal-section>header button,.portal-plan-actions button{border:0;background:none;color:#087d92;font-weight:850;display:flex;gap:8px;align-items:center}.portal-course-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.portal-course-grid-wide{grid-template-columns:repeat(3,minmax(0,1fr))}.portal-course-card{background:#fff;border:1px solid var(--portal-line);border-radius:15px;overflow:hidden;display:flex;flex-direction:column}.portal-course-cover{height:185px;position:relative;background:#0c2c48;overflow:hidden}.portal-course-cover:after{content:"";position:absolute;inset:40% 0 0;background:linear-gradient(transparent,rgba(4,20,38,.85))}.portal-course-cover img{width:100%;height:100%;object-fit:cover}.portal-course-cover>span,.portal-course-cover>b{position:absolute;z-index:2}.portal-course-cover>span{left:16px;top:15px;background:#1ed5e5;color:#06263b;border-radius:999px;padding:6px 10px;font-size:.62rem;font-weight:900}.portal-course-cover>b{left:16px;bottom:14px;display:flex;gap:6px;align-items:center;color:#fff;font-size:.7rem}.portal-course-body{padding:20px;display:flex;flex-direction:column;flex:1}.portal-course-heading{display:flex;justify-content:space-between;gap:10px;color:#708696;font-size:.68rem;text-transform:capitalize}.portal-course-body h3{font-size:1.2rem;line-height:1.25;margin:12px 0 8px}.portal-course-body>p{font-size:.82rem;line-height:1.65;color:var(--portal-muted);margin:0 0 20px;flex:1}.portal-progress{display:flex;gap:12px;align-items:center;margin:0 0 16px}.portal-progress>span{height:7px;background:#e3eef2;flex:1;border-radius:99px;overflow:hidden}.portal-progress i{display:block;height:100%;background:var(--portal-cyan);border-radius:inherit}.portal-progress strong{font-size:.72rem}.portal-course-body>button{width:100%}.portal-empty{padding:52px 28px;background:#fff;border:1px dashed #bfd1db;border-radius:15px;text-align:center}.portal-empty>svg,.course-state>svg{font-size:2.2rem;color:#0793a8}.portal-empty h2{font-size:1.25rem;margin:14px 0 8px}.portal-empty p{color:var(--portal-muted);font-size:.84rem;margin:0 auto 20px;max-width:480px;line-height:1.6}.portal-loading,.portal-auth-loading{min-height:300px;display:grid;place-items:center;color:var(--portal-muted)}.portal-auth-loading{min-height:100vh;background:var(--portal-navy);color:#fff}.portal-recent>div{background:#fff;border:1px solid var(--portal-line);border-radius:14px;overflow:hidden}.portal-recent article{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:14px;padding:17px 20px;border-bottom:1px solid var(--portal-line)}.portal-recent article:last-child{border:0}.portal-recent article>svg{font-size:1.2rem;color:#0793a8}.portal-recent strong,.portal-recent span{display:block}.portal-recent span{font-size:.7rem;color:var(--portal-muted);margin-top:3px}.portal-muted{color:var(--portal-muted)}
.portal-page-heading{max-width:850px;margin-bottom:34px}.portal-page-heading p{color:var(--portal-muted);font-size:1rem;line-height:1.65}.portal-orders-heading{max-width:none;display:flex;justify-content:space-between;gap:30px;align-items:end}.portal-tabs{display:flex;gap:8px;margin-bottom:25px}.portal-tabs button{border:1px solid #c5d7e0;background:#fff;border-radius:999px;padding:10px 16px;font-weight:750;color:#567082}.portal-tabs button.active{background:var(--portal-navy);border-color:var(--portal-navy);color:#fff}.portal-plan-card{display:grid;grid-template-columns:1.2fr .8fr;background:var(--portal-navy);color:#fff;border-radius:18px;overflow:hidden}.portal-plan-card>div{padding:44px}.portal-plan-card>div>span{font-size:.68rem;letter-spacing:.14em;color:#65e0ec;font-weight:900}.portal-plan-card h2{font-size:2.1rem;margin:13px 0}.portal-plan-card p{color:#b9cedb;line-height:1.6}.portal-plan-card aside{padding:38px;background:#0b2949}.portal-plan-card dl{margin:25px 0 0}.portal-plan-card dl>div{display:flex;justify-content:space-between;gap:15px;padding:13px 0;border-bottom:1px solid #25465f}.portal-plan-card dt{color:#a9c1cf}.portal-plan-card dd{font-weight:800;margin:0}.portal-status{width:max-content;display:inline-flex;padding:6px 10px;border-radius:999px;font-size:.67rem;font-weight:900;background:#dff8f0;color:#0b7153}.portal-status-delinquent,.portal-status-pending_payment{background:#fff2ce;color:#8d5a00}.portal-status-cancelled,.portal-status-refunded,.portal-status-churned{background:#ffe4e7;color:#a42a3a}.portal-plan-actions{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:22px}.portal-plan-actions article{background:#fff;border:1px solid var(--portal-line);border-radius:14px;padding:28px}.portal-plan-actions article>svg{font-size:1.6rem;color:#0793a8}.portal-plan-actions p{color:var(--portal-muted);line-height:1.6;font-size:.85rem}.portal-orders{display:grid;gap:18px}.portal-orders>article{background:#fff;border:1px solid var(--portal-line);border-radius:15px;overflow:hidden}.portal-orders>article>header{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:14px;padding:20px 24px;border-bottom:1px solid var(--portal-line)}.portal-order-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:#e8f5f8;color:#087d92}.portal-order-paid{background:#e1f7ef;color:#0a7955}.portal-orders header span,.portal-orders header small{display:block}.portal-orders header small{color:var(--portal-muted);font-size:.68rem;margin-top:4px}.portal-orders>article>section>div{display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:13px;padding:17px 24px}.portal-orders section svg{color:#0793a8}.portal-orders section strong,.portal-orders section small{display:block}.portal-orders section small{font-size:.68rem;color:var(--portal-muted);margin-top:4px}.portal-orders>article>footer{display:flex;justify-content:space-between;align-items:center;background:#f8fbfc;padding:18px 24px}.portal-orders footer span,.portal-orders footer strong{display:block}.portal-orders footer span{font-size:.68rem;color:var(--portal-muted)}.portal-orders footer strong{font-size:1.2rem;margin-top:4px}.portal-payment-note{font-size:.75rem;color:var(--portal-muted);margin-top:18px}.course-inline-error{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:13px 18px;background:#fff0f2;color:#9a2637;border:1px solid #f3c7ce;border-radius:10px}.course-inline-error button{border:0;background:none;font-weight:800;color:inherit}
.course-purchase,.course-state{padding:48px;max-width:1120px;margin:auto}.course-back{border:0;background:none;display:flex;align-items:center;gap:8px;color:#527083;font-weight:800;padding:0;margin-bottom:25px}.course-purchase>div{display:grid;grid-template-columns:1fr 1fr;background:#fff;border:1px solid var(--portal-line);border-radius:18px;overflow:hidden}.course-purchase img{width:100%;height:100%;min-height:440px;object-fit:cover}.course-purchase article{padding:50px;display:flex;flex-direction:column;justify-content:center}.course-purchase h1{font-size:2.8rem;line-height:1.03;margin:14px 0}.course-purchase article>p{color:var(--portal-muted);line-height:1.7}.course-purchase-note{display:flex;gap:12px;padding:16px;background:#eef8fa;border-radius:10px;margin:16px 0 25px;font-size:.8rem;line-height:1.55}.course-purchase-note svg{flex:0 0 auto;color:#07879a;font-size:1.2rem}.course-state{text-align:center;padding-top:100px}.course-state h1{font-size:2rem}.course-room-header{display:grid;grid-template-columns:1fr auto;gap:20px 40px;padding:38px 46px;background:var(--portal-navy);color:#fff}.course-room-header .course-back{grid-column:1/-1;color:#b5ccd9;margin:0}.course-room-header h1{font-size:2.3rem;margin:9px 0 7px}.course-room-header p{color:#b7cad6;margin:0}.course-room-header aside{align-self:center;min-width:260px}.course-room-header aside>div{display:flex;align-items:center;gap:13px}.course-room-header aside span{height:9px;background:#19425e;border-radius:99px;overflow:hidden;flex:1}.course-room-header aside i{display:block;height:100%;background:var(--portal-cyan)}.course-room-header aside small{display:block;color:#a8c0ce;margin-top:9px}.course-room>.course-inline-error{margin:18px 28px 0}.course-room-layout{display:grid;grid-template-columns:340px minmax(0,1fr);min-height:calc(100vh - 255px)}.course-outline{background:#fff;border-right:1px solid var(--portal-line);padding-bottom:30px}.course-outline>header{display:flex;justify-content:space-between;padding:22px;border-bottom:1px solid var(--portal-line)}.course-outline>header span{font-size:.7rem;color:var(--portal-muted)}.course-outline>section>div{display:flex;gap:11px;align-items:center;padding:20px 20px 10px}.course-outline>section>div span{color:#0793a8;font-size:.65rem;font-weight:900}.course-outline>section>div strong{font-size:.77rem}.course-outline section>button{width:100%;border:0;background:#fff;padding:12px 20px;display:grid;grid-template-columns:30px 1fr;text-align:left;gap:10px;align-items:start;color:var(--portal-ink)}.course-outline section>button:hover,.course-outline section>button.active{background:#edf8fa}.course-outline section>button.active{box-shadow:inset 3px 0 var(--portal-cyan)}.course-outline button i{width:26px;height:26px;border:1px solid #bcd2dc;border-radius:50%;display:grid;place-items:center;color:#07879a;font-style:normal}.course-outline button span strong,.course-outline button span small{display:block}.course-outline button span strong{font-size:.76rem;line-height:1.35}.course-outline button span small{font-size:.63rem;color:var(--portal-muted);margin-top:4px}.course-lesson{padding:42px 48px;max-width:980px;width:100%;margin:0 auto}.course-lesson>header>span{font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;color:#087f96;font-weight:850}.course-lesson>header h2{font-size:2.1rem;line-height:1.15;margin:10px 0}.course-lesson>header>div{display:flex;align-items:center;gap:7px;color:var(--portal-muted);font-size:.75rem}.course-lesson>header b{display:flex;gap:5px;align-items:center;color:#087956;margin-left:12px}.course-lesson-content{margin:28px 0}.course-media-placeholder{min-height:250px;border-radius:14px;background:linear-gradient(135deg,#082039,#104c68);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px}.course-media-placeholder>svg{font-size:3.3rem;color:var(--portal-cyan);margin-bottom:13px}.course-media-placeholder strong{font-size:1.2rem}.course-media-placeholder span{color:#bcd2de;font-size:.8rem;margin-top:7px}.course-reading{font-size:1rem;line-height:1.85;color:#334e5f;margin:30px 0}.course-resource{display:flex;align-items:center;gap:9px;width:max-content;border:1px solid #afd0da;padding:12px 16px;border-radius:9px;color:#08798d;font-weight:800;text-decoration:none}.course-quiz{margin-top:28px;padding:25px;background:#fff;border:1px solid var(--portal-line);border-radius:13px}.course-quiz>span{font-size:.65rem;letter-spacing:.12em;font-weight:900;color:#087f96}.course-quiz h3{font-size:1.1rem}.course-quiz button{width:100%;display:flex;gap:12px;align-items:center;text-align:left;border:1px solid #d2e1e7;background:#fff;border-radius:9px;padding:12px;margin:8px 0;color:var(--portal-ink)}.course-quiz button.selected{border-color:#16bacc;background:#edfbfc}.course-quiz button i{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#edf4f6;font-style:normal;font-weight:800}.course-quiz .correct{color:#087956}.course-quiz .incorrect{color:#a43d49}.course-lesson>footer{display:flex;justify-content:space-between;border-top:1px solid var(--portal-line);padding-top:22px}
@media(max-width:1100px){.client-portal{grid-template-columns:230px minmax(0,1fr)}.portal-course-grid,.portal-course-grid-wide{grid-template-columns:repeat(2,minmax(0,1fr))}.portal-stats{grid-template-columns:repeat(2,1fr)}.course-room-layout{grid-template-columns:290px minmax(0,1fr)}.course-lesson{padding:35px 30px}}
@media(max-width:800px){.client-portal{display:block}.portal-sidebar{position:fixed;left:0;top:0;width:280px;transform:translateX(-105%);transition:transform .2s}.portal-sidebar.is-open{transform:none}.portal-scrim{position:fixed;z-index:35;inset:0;border:0;background:rgba(2,15,29,.65)}.portal-menu{display:block}.portal-topbar{padding:0 20px}.portal-topbar>div{margin-right:auto;margin-left:12px}.portal-profile span{display:none}.portal-content{padding:35px 20px 65px}.portal-welcome{align-items:flex-start;flex-direction:column;padding:30px}.portal-course-grid,.portal-course-grid-wide{grid-template-columns:1fr 1fr}.portal-plan-card{grid-template-columns:1fr}.portal-plan-actions{grid-template-columns:1fr}.course-room-header{padding:28px 22px;grid-template-columns:1fr}.course-room-header .course-back{grid-column:auto}.course-room-header aside{min-width:0}.course-room-layout{display:block}.course-outline{border-right:0;border-bottom:1px solid var(--portal-line);max-height:380px;overflow:auto}.course-purchase{padding:28px 20px}.course-purchase>div{grid-template-columns:1fr}.course-purchase img{min-height:250px;height:250px}.course-purchase article{padding:30px}.course-purchase h1{font-size:2.2rem}}
@media(max-width:560px){.portal-course-grid,.portal-course-grid-wide,.portal-stats{grid-template-columns:1fr}.portal-welcome h1,.portal-page-heading h1{font-size:2.25rem}.portal-section>header,.portal-orders-heading{align-items:flex-start;flex-direction:column}.portal-tabs{overflow:auto;padding-bottom:4px}.portal-course-cover{height:165px}.portal-plan-card>div,.portal-plan-card aside{padding:28px}.portal-orders>article>header{grid-template-columns:38px 1fr}.portal-orders>article>header>.portal-status{grid-column:2}.portal-orders>article>footer{align-items:flex-start;flex-direction:column;gap:15px}.portal-orders footer button{width:100%}.course-lesson{padding:28px 20px}.course-lesson>header h2{font-size:1.7rem}.course-media-placeholder{min-height:210px}.course-lesson>footer{gap:10px}.course-lesson>footer button{padding-inline:14px}.course-purchase article{padding:25px}.course-purchase h1{font-size:1.9rem}}
.course-price{font-size:2rem;color:#087f96;margin:8px 0}.course-purchase-facts{display:flex;flex-wrap:wrap;gap:10px;margin:-10px 0 24px}.course-purchase-facts span{display:flex;gap:7px;align-items:center;padding:8px 11px;border:1px solid var(--portal-line);border-radius:999px;font-size:.7rem;color:var(--portal-muted)}.course-room-tabs{display:flex;gap:6px;padding:11px 46px;background:#fff;border-bottom:1px solid var(--portal-line);position:sticky;top:78px;z-index:20}.course-room-tabs button{display:flex;gap:7px;align-items:center;border:0;border-radius:8px;background:transparent;padding:10px 14px;color:#567082;font-weight:800}.course-room-tabs button.active{background:#e8f8fa;color:#076f83}.course-outline button.locked{opacity:.55;cursor:not-allowed}.course-video{width:100%;max-height:560px;background:#02101d;border-radius:14px}.protected-content{user-select:none;-webkit-user-select:none}.course-quiz fieldset{border:0;padding:0;margin:0 0 28px}.course-quiz fieldset>span{font-size:.65rem;letter-spacing:.12em;font-weight:900;color:#087f96}.course-quiz>.portal-primary{width:auto;margin-top:4px}.course-extra-panel{max-width:980px;margin:0 auto;padding:48px}.course-extra-panel>header h2{font-size:2.2rem;margin:10px 0}.course-extra-panel>header p{color:var(--portal-muted);line-height:1.6}.student-activity{display:grid;grid-template-columns:1fr auto;gap:18px;margin-top:18px;padding:24px;background:#fff;border:1px solid var(--portal-line);border-radius:14px}.student-activity>div{grid-column:1/-1}.student-activity p{color:#496272;line-height:1.65}.student-activity small{color:var(--portal-muted)}.student-activity textarea,.class-chat-compose textarea{width:100%;min-height:110px;resize:vertical;border:1px solid var(--portal-line);border-radius:10px;padding:13px;font:inherit;color:var(--portal-ink)}.student-activity>b{display:flex;gap:7px;align-items:center;color:#087956}.class-chat-compose{display:grid;grid-template-columns:1fr auto;gap:12px;margin:26px 0}.class-chat-list{display:flex;flex-direction:column;gap:12px}.class-chat-list article{max-width:75%;padding:14px 16px;border-radius:13px;background:#fff;border:1px solid var(--portal-line)}.class-chat-list article.mine{align-self:flex-end;background:#e8f8fa}.class-chat-list p{margin:7px 0;line-height:1.55}.class-chat-list small{color:var(--portal-muted);font-size:.65rem}.certificate-panel{text-align:center;padding-top:80px}.certificate-panel>svg{font-size:4.2rem;color:#0a9bac}.certificate-panel h2{font-size:2.3rem}.certificate-panel p{color:var(--portal-muted);margin-bottom:25px}.certificate-panel .portal-primary{text-decoration:none}
.course-resource-frame{background:#fff;border:1px solid var(--portal-line);border-radius:14px;overflow:hidden}.course-resource-frame iframe{display:block;width:100%;height:min(68vh,720px);border:0;background:#fff}.course-resource-frame .course-resource{display:none}
.course-checkout{max-width:1180px;margin:auto;padding:42px 44px 80px}.course-checkout>header{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:28px}.course-checkout>header h1{font-size:clamp(2.2rem,4vw,3.6rem);line-height:1;margin:10px 0}.course-checkout>header p{color:var(--portal-muted);max-width:650px;line-height:1.6}.course-checkout>header>div:last-child{max-width:300px;display:flex;gap:10px;padding:14px;border-radius:12px;background:#eaf7f9;color:#496575;font-size:.75rem;line-height:1.5}.course-checkout>header svg{color:#087f96;flex:0 0 auto}.course-checkout-layout{display:grid;grid-template-columns:minmax(0,1fr) 370px;gap:24px;align-items:start}.course-checkout form>section,.course-checkout aside{background:#fff;border:1px solid var(--portal-line);border-radius:16px}.course-checkout form>section{padding:25px;margin-bottom:16px}.course-checkout form h2{font-size:1rem;margin:0 0 20px;display:flex;align-items:center;gap:8px}.checkout-fields{display:grid;grid-template-columns:1fr 1fr;gap:15px}.checkout-fields label{display:grid;gap:7px}.checkout-fields label>span{font-size:.7rem;font-weight:800;color:#4c6676}.checkout-fields input{height:46px;border:1px solid #c8d9e2;border-radius:9px;padding:0 12px;background:#fbfdfe}.checkout-fields input:focus{outline:3px solid rgba(32,215,232,.2);border-color:#19b9c8}.checkout-wide{grid-column:1/-1}.checkout-submit{width:100%;min-height:52px;font-size:.9rem}.checkout-orders{width:100%;margin-top:10px}.course-checkout aside{overflow:hidden;position:sticky;top:98px}.course-checkout aside>img{width:100%;height:190px;object-fit:cover}.course-checkout aside>div{padding:24px}.course-checkout aside>div>span{font-size:.65rem;font-weight:900;letter-spacing:.12em;color:#087f96}.course-checkout aside h2{font-size:1.35rem;line-height:1.2;margin:10px 0}.course-checkout aside p{font-size:.78rem;line-height:1.55;color:var(--portal-muted)}.course-checkout aside ul{list-style:none;padding:15px 0;margin:15px 0;border-top:1px solid var(--portal-line);border-bottom:1px solid var(--portal-line);display:grid;gap:9px}.course-checkout aside li{display:flex;gap:8px;align-items:center;font-size:.72rem;color:#526b79}.course-checkout aside li svg{color:#0793a8}.course-checkout aside strong{font-size:1.8rem}.course-checkout aside footer{padding:15px 24px;background:#f1f8fa;display:flex;gap:9px;align-items:center;font-size:.68rem;color:#55707f}.course-checkout aside footer svg{color:#087f96}
@media(max-width:800px){.course-room-tabs{top:78px;padding:9px 14px;overflow:auto}.course-room-tabs button{white-space:nowrap}.course-extra-panel{padding:32px 20px}.class-chat-compose{grid-template-columns:1fr}.student-activity{grid-template-columns:1fr}.class-chat-list article{max-width:90%}}
@media(max-width:900px){.course-checkout{padding:32px 22px 60px}.course-checkout>header{align-items:flex-start;flex-direction:column}.course-checkout-layout{grid-template-columns:1fr}.course-checkout aside{position:static;grid-row:1}}
@media(max-width:560px){.checkout-fields{grid-template-columns:1fr}.checkout-wide{grid-column:auto}.course-checkout>header>div:last-child{max-width:none}}