/* The demos share Codeverly's graphite / platinum palette. */
.anchor-legacy{position:absolute;top:0}.experiences-section{position:relative;padding:70px 0 110px;background:var(--paper)}.experience-nav{display:flex;gap:10px;margin-bottom:30px;flex-wrap:wrap}.experience-nav a{border:1px solid #c4c9d2;padding:13px 20px;font-size:11px;display:flex;gap:35px;align-items:center;transition:.2s}.experience-nav a:hover{background:#172132;color:#fff;border-color:#172132}.experience-nav a>span{font-size:16px}.product-playground{background:#111722;color:#eff2f8;position:relative;overflow:hidden;border:1px solid #283143;border-radius:4px;scroll-margin-top:105px}.product-topline,.product-bottomline{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 32px}.product-topline{border-bottom:1px solid #ffffff13;font-size:9px;letter-spacing:.06em}.example-badge{font-size:8px;letter-spacing:.09em;font-weight:500;display:inline-flex;align-items:center;gap:8px}.example-badge::before{content:'';width:5px;height:5px;border-radius:50%;background:#a8b9d2;box-shadow:0 0 0 3px #a8b9d210}.product-topline>span:nth-child(2){color:#8e9caf}.product-topline>button{font-size:11px;border:1px solid #4f5d73;padding:10px 15px;background:transparent;color:#e2eaf7;display:flex;gap:18px}.product-topline>button>span{color:#a8b9d2}.product-layout{display:grid;grid-template-columns:.9fr 1.35fr .7fr;min-height:530px;align-items:center}.product-narrative{padding:35px 0 35px 40px;position:relative;z-index:1}.product-narrative .eyebrow{font-size:7px;letter-spacing:.1em;color:#a2b2cc}.product-narrative h3{font-size:clamp(35px,3.8vw,58px);letter-spacing:-.065em;font-weight:500;line-height:1.05;margin:30px 0}.product-narrative h3>span{color:#a5b7d2}.product-narrative>p:not(.eyebrow){font-size:12px;color:#aab5c7;line-height:1.9;max-width:260px}.product-features{display:flex;flex-wrap:wrap;gap:8px;margin-top:25px;max-width:260px}.product-features>span{font-size:7px;border:1px solid #3a465c;padding:5px 8px;border-radius:20px;color:#a9bad3}.product-object{height:530px;position:relative;isolation:isolate;min-width:0;overflow:hidden}.product-object canvas{position:absolute;inset:0;width:100%;height:100%;display:block;cursor:grab;touch-action:pan-y}.product-object.is-dragging canvas{cursor:grabbing}.product-orbit{position:absolute;border:1px solid #c0cfe312;inset:15% -10%;border-radius:50%;transform:rotate(-30deg)}.product-backtype{position:absolute;top:42%;left:50%;transform:translate(-50%,-50%) rotate(-90deg);color:#ffffff06;font-size:120px;font-weight:700;letter-spacing:-.06em;white-space:nowrap;pointer-events:none}.product-shadow{position:absolute;width:60%;height:20px;bottom:12%;left:20%;border-radius:50%;background:#000;filter:blur(17px);opacity:.75}.product-drag-hint{position:absolute;bottom:12px;width:100%;text-align:center;color:#9eacc1;font-size:8px;pointer-events:none}.product-fallback{position:absolute;width:70%;height:82%;left:15%;top:7%;filter:drop-shadow(15px 20px 20px #0007);transform:rotate(12deg)}.product-object.is-rendered .product-fallback{display:none}.product-details{padding:30px 32px 25px 0;min-width:0}.product-series{font-size:7px;letter-spacing:.12em;color:#9cabbe}.product-details h4{font-size:28px;font-weight:500;letter-spacing:-.04em;margin:13px 0 10px}.product-details>p{font-size:10px;color:#a9b4c5;line-height:1.8}.finish-heading{display:flex;justify-content:space-between;gap:10px;font-size:9px;margin:25px 0 13px;color:#afbdd1}.finish-heading output{color:#ebeff5}.product-swatches{display:flex;gap:12px}.product-swatches button{width:29px;height:29px;border:4px solid #111722;outline:1px solid #5f6d82;border-radius:50%;transition:.2s}.product-swatches button[aria-pressed=true]{outline:2px solid #e3eaf5;transform:scale(1.05)}.finish-silver{background:linear-gradient(130deg,#f0f0ee,#78879e)}.finish-blue{background:linear-gradient(130deg,#607aa5,#15253e)}.finish-copper{background:linear-gradient(130deg,#d1ad95,#76533d)}.product-views{display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin:25px 0}.product-views button{background:transparent;border:0;color:#bdcbe0;font-size:10px}.product-views button[aria-pressed=true]{color:#fff;text-decoration:underline;text-underline-offset:5px}.product-price{margin:25px 0 20px;display:flex;flex-direction:column;gap:8px}.product-price strong{font-weight:500;font-size:28px;letter-spacing:-.04em}.product-price strong span{font-size:10px;letter-spacing:0}.product-price>span{font-size:8px;color:#94a4bd}.product-add{background:#dfe7f2;color:#172132;width:100%;padding:15px 12px;border:1px solid #dfe7f2;font-size:10px;display:flex;justify-content:space-between;gap:12px}.product-add:hover{background:#fff}.product-add span{font-size:16px;line-height:1}.product-details .product-feedback{min-height:18px;font-size:9px;color:#d6e3f6;margin:12px 0 0}.product-bottomline{border-top:1px solid #ffffff13;font-size:9px;color:#9eacc1;line-height:1.7}.product-bottomline>span{max-width:500px}.product-bottomline a{font-size:11px;white-space:nowrap;color:#dce7f7;display:flex;gap:20px}
.business-examples{background:#e8e9eb}.business-examples .eyebrow,.academy-section>.shell>.section-heading .eyebrow{color:#64748b;font-size:8px;margin-bottom:20px}.crm-window{display:grid;grid-template-columns:60px minmax(0,1fr);border:1px solid #c4cbd5;background:#f7f8fa;border-radius:6px;overflow:hidden;box-shadow:0 25px 70px #2331480c}.app-rail{background:#141c2b;color:#9dafc9;display:flex;flex-direction:column;align-items:center;padding:24px 10px;gap:25px}.rail-mark{font-size:22px;font-weight:700;color:#e1e9f6;letter-spacing:-.08em;margin-bottom:24px}.app-rail>span:not(.rail-mark){font-size:18px;display:grid;place-items:center;width:32px;height:32px}.rail-active{color:#f4f6fa;background:#2b3a53;border-radius:4px}.rail-bottom{margin-top:auto}.crm-workspace{padding:30px;min-width:0}.app-topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}.app-topbar .example-badge{color:#5e6d84;font-size:7px}.app-topbar h3{font-size:25px;font-weight:600;letter-spacing:-.05em;margin-top:10px}.app-reset{background:transparent;border:1px solid #bcc6d5;padding:10px 14px;color:#4e607a;font-size:10px}.app-reset:hover{background:#e7edf5}.crm-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid #d6dce5;border-radius:4px;background:#fff;margin-bottom:28px}.crm-metrics>div{padding:22px;border-right:1px solid #e1e5ec;min-width:0}.crm-metrics>div:last-child{border:0}.crm-metrics>div>span{font-size:10px;color:#5c6b82;display:block}.crm-metrics strong{display:block;font-size:30px;letter-spacing:-.05em;margin:15px 0 12px;font-weight:600;white-space:nowrap}.crm-metrics small{font-size:8px;color:#65758d;display:block;line-height:1.6}.metric-chart svg{width:100%;height:60px;display:block;margin:11px 0 6px;overflow:visible}.chart-grid{stroke:#e3e8ef;fill:none;stroke-width:1}.chart-line{stroke:#657fac;stroke-width:2;fill:none}.metric-chart circle{fill:#2b4978}.crm-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}.crm-search{display:flex;align-items:center;gap:12px;border:1px solid #ccd4e0;background:#fff;padding:11px 14px;max-width:350px;flex:1}.crm-search>span{font-size:20px;color:#65758e;line-height:1}.crm-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;font-size:11px;color:#243249}.crm-search input::placeholder{color:#697a91}.app-primary{padding:13px 17px;background:#22334d;color:#eff4fb;border:1px solid #22334d;font-size:11px;transition:.2s}.app-primary:hover{background:#384f72}.app-primary:disabled{background:#bbc4d1;border-color:#bbc4d1;cursor:default;color:#34465e}.crm-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;min-height:335px}.crm-column{background:#eaf0f5;padding:13px;border-radius:4px;min-width:0}.crm-column-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;gap:10px;font-size:10px;color:#41546e}.crm-column-header h4{font-weight:600;display:flex;align-items:center;gap:8px;font-size:10px}.crm-column-header h4::before{content:'';height:5px;width:5px;border-radius:50%;background:#93a4bf}.crm-column[data-stage=won] h4::before{background:#426f66}.crm-column-header>span{font-size:9px;background:#d9e2ee;padding:3px 6px}.crm-card{padding:17px;background:#fff;border:1px solid #d4dce7;border-radius:4px;margin-bottom:12px;box-shadow:0 3px 4px #1d35550a;transition:box-shadow .2s,transform .2s}.crm-card:hover{box-shadow:0 8px 18px #263c5d12;transform:translateY(-2px)}.crm-card-title{border:0;background:none;text-align:left;color:#22314a;font-weight:600;font-size:12px;padding:0;width:100%}.crm-card-title:hover{text-decoration:underline;text-underline-offset:3px}.crm-card>p{font-size:9px;color:#65758b;margin:10px 0 20px;line-height:1.7;min-height:30px;overflow-wrap:anywhere}.crm-card-footer{display:flex;align-items:center;justify-content:space-between;gap:8px}.crm-card-footer>strong{font-size:13px;font-weight:600;white-space:nowrap}.crm-card-footer button{border:1px solid #cbd5e3;background:#f6f8fb;color:#344e73;width:28px;height:28px;display:grid;place-items:center;font-size:15px}.crm-card-footer button:hover{background:#22334d;color:#fff}.crm-empty{font-size:10px;color:#65758b;padding:20px 0;line-height:1.8}.app-notice{font-size:8px;color:#61718a;margin-top:22px}.example-caption{display:flex;justify-content:space-between;gap:40px;margin-top:25px;align-items:center}.example-caption>p{font-size:12px;color:#5a687d;line-height:1.8;max-width:580px}.example-caption>a{font-size:12px;white-space:nowrap;display:flex;gap:25px}
.academy-section{background:var(--paper)}.academy-window{border:1px solid #2b374c;background:#131c2a;color:#e6edf8;border-radius:6px;overflow:hidden;box-shadow:0 25px 65px #18294115}.academy-topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:23px 30px;border-bottom:1px solid #ffffff12}.academy-brand{font-size:12px;letter-spacing:.09em;font-weight:650}.academy-brand>span{color:#718bb2;margin:0 6px}.academy-topbar .example-badge{color:#a4b7d2;font-size:7px}.academy-window .app-reset{color:#becde2;border-color:#4a5b74}.academy-window .app-reset:hover{background:#2b3b54}.academy-layout{display:grid;grid-template-columns:290px minmax(0,1fr)}.course-sidebar{padding:35px 27px;border-right:1px solid #ffffff12;display:flex;flex-direction:column}.course-sidebar .small-label{font-size:7px;color:#92a9cb}.course-sidebar h3{font-size:27px;font-weight:500;letter-spacing:-.05em;line-height:1.1;margin:18px 0}.course-sidebar>p{font-size:11px;line-height:1.9;color:#9cacc4}.course-progress{margin:28px 0}.course-progress>div:first-child{display:flex;justify-content:space-between;font-size:9px;color:#afc1dc}.course-progress-track{height:3px;background:#2e405c;border-radius:3px;margin-top:14px;overflow:hidden}.course-progress-track>span{display:block;height:100%;width:0;background:#bdd1ef;transition:width .4s}.course-sidebar nav{display:flex;flex-direction:column;gap:10px}.lesson-nav-button{background:transparent;border:1px solid transparent;color:#a9b8cd;display:flex;gap:12px;align-items:center;padding:13px 10px;text-align:left;width:100%;font-size:10px;line-height:1.6}.lesson-nav-button[aria-current=true]{background:#263750;border-color:#3a506e;color:#eff4fc}.lesson-nav-button:hover{background:#23334b;color:#fff}.lesson-nav-button>span:first-child{width:23px;height:23px;border:1px solid #4b5f7e;border-radius:50%;display:grid;place-items:center;flex-shrink:0;font-size:8px}.lesson-nav-button.is-complete>span:first-child{background:#bed1ee;border-color:#bed1ee;color:#1b2e49}.course-sidebar-note{font-size:8px;color:#92a6c3;line-height:1.8;margin-top:auto;padding-top:30px}.lesson-workspace{padding:30px;min-width:0}.lesson-topline{display:flex;justify-content:space-between;gap:20px;color:#95a9c6;font-size:8px;margin-bottom:18px}.lesson-format{letter-spacing:.08em}.lesson-art{position:relative;height:275px;background:#1d2d45;border:1px solid #4c63812e;overflow:hidden;isolation:isolate;display:grid;place-items:center;--lesson-color:#b9cbe3}.lesson-art-grid{position:absolute;inset:0;background-image:linear-gradient(#c8dbf507 1px,transparent 1px),linear-gradient(90deg,#c8dbf507 1px,transparent 1px);background-size:35px 35px;transform:perspective(600px) rotateX(40deg) scale(1.3)}.lesson-shape{position:absolute;border:1px solid #b9cbe35c;transition:transform 1s,background 1s,border-radius 1s;box-shadow:0 10px 50px #0002}.shape-one{width:160px;height:160px;border-radius:50%;background:linear-gradient(140deg,#d4e0f180,#8ca8d22a);transform:translate(-90px,20px)}.shape-two{width:155px;height:155px;transform:translate(60px,-10px) rotate(30deg);background:#0e17254a;backdrop-filter:blur(8px)}.shape-three{width:230px;height:230px;border-radius:50%;transform:translate(120px,15px);border-color:#bed2ef1c}.lesson-art>span:not(.lesson-art-coordinate){font-size:clamp(35px,6vw,85px);letter-spacing:-.07em;font-weight:600;position:relative;z-index:2;color:#eff4fc;mix-blend-mode:screen}.lesson-art-coordinate{position:absolute;bottom:17px;right:20px;font-size:6px;color:#9bb1d1;letter-spacing:.12em}.lesson-art[data-lesson="1"] .shape-one{transform:translate(-120px,-15px) scale(.7);border-radius:8px}.lesson-art[data-lesson="1"] .shape-two{transform:translate(30px,25px) rotate(0) scale(1.4);background:#bdcfeb33;border-radius:8px}.lesson-art[data-lesson="2"] .shape-one{transform:translate(-30px,0);border-radius:28px;background:#d0def14a}.lesson-art[data-lesson="2"] .shape-two{transform:translate(20px,0) rotate(-30deg);border-radius:30px}.lesson-art[data-lesson="3"] .shape-one{transform:translate(0,0) scale(1.3);background:#8ba4cb33}.lesson-art[data-lesson="3"] .shape-two{transform:translate(0,0) rotate(45deg) scale(.7);background:#dce7f15c}.lesson-copy h4{font-size:25px;letter-spacing:-.045em;font-weight:500;margin:24px 0 13px}.lesson-copy>p{font-size:12px;line-height:1.9;color:#aabbd3;max-width:650px}.lesson-actions{display:flex;justify-content:space-between;gap:16px;margin-top:25px}.academy-window .app-primary{background:#dbe6f5;border-color:#dbe6f5;color:#1d304c}.academy-window .app-primary:hover{background:#fff}.academy-window .app-primary:disabled{background:#50627e;border-color:#50627e;color:#d2ddee}.lesson-completion{min-height:18px;font-size:10px;color:#c6d8f3;margin-top:18px}#lesson-quiz{margin-top:22px}#lesson-quiz fieldset{padding:0;border:0}#lesson-quiz legend{font-size:12px;line-height:1.8;color:#c3d4ec;margin-bottom:13px}#quiz-options{display:flex;flex-direction:column;gap:8px;margin-bottom:18px}#quiz-options label{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid #405674;background:#20334e80;font-size:11px;line-height:1.6;color:#d4e2f6;cursor:pointer}#quiz-options input{accent-color:#bdd2f0}#quiz-feedback{font-size:11px;line-height:1.8;color:#c2d6f3;margin:16px 0}.academy-bottomline{border-top:1px solid #ffffff12;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:23px 30px;font-size:8px;color:#a5b7d1;line-height:1.8}.academy-bottomline a{font-size:11px;color:#dce8f8;white-space:nowrap}.academy-possibilities{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;margin-top:30px}.academy-possibilities>span{border-top:1px solid #c3ccd9;flex:1;padding-top:17px;font-size:10px;color:#596d8a;min-width:180px}
.example-dialog{width:min(520px,calc(100% - 32px));max-height:90svh;border:1px solid #d2dae6;background:#f5f6f8;color:#172338;padding:0;border-radius:6px;box-shadow:0 25px 100px #0006}.example-dialog::backdrop{background:#07101bcc;backdrop-filter:blur(7px)}.example-dialog-inner{position:relative;padding:35px}.example-dialog .eyebrow{font-size:8px;color:#5f728e;margin-bottom:22px}.example-dialog h2{font-size:38px;letter-spacing:-.055em;margin-bottom:24px;line-height:1.1;padding-right:20px}.example-dialog p{font-size:11px;line-height:1.8;color:#65758e}.example-dialog .dialog-close{font-size:23px;color:#536783}.example-dialog form{display:flex;flex-direction:column;gap:17px}.example-dialog form label{display:flex;flex-direction:column;gap:9px;font-size:11px;color:#455c7b}.example-dialog input,.example-dialog textarea,.example-dialog select{border:1px solid #bcc8da;background:#fff;color:#243855;padding:12px;font-size:14px;width:100%;min-width:0}.example-dialog .button{margin-top:25px;font-size:11px;min-height:50px}.cart-row{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #d5dfe9;padding:18px 0;align-items:center}.cart-row>div{display:flex;flex-direction:column;gap:8px;font-size:12px}.cart-row small{color:#657b99;font-size:10px}.cart-row button{border:0;background:transparent;color:#647c9c;font-size:11px;text-decoration:underline;text-underline-offset:4px}.cart-total{display:flex;justify-content:space-between;font-size:14px;padding:25px 0}.example-dialog #cart-clear{margin-top:20px;display:block}
@media(min-width:901px){.js-motion .product-backtype{transform:translate(-50%,calc(-50% + var(--product-scroll,0px))) rotate(-90deg)}.js-motion .lesson-art .shape-three{animation:lesson-orbit 20s linear infinite}.js-motion .lesson-art[data-lesson="3"] .shape-two{animation:lesson-spin 16s linear infinite}}@keyframes lesson-orbit{to{transform:translate(120px,15px) rotate(360deg)}}@keyframes lesson-spin{to{transform:translate(0,0) rotate(405deg) scale(.7)}}
@media(max-width:1100px){.product-layout{grid-template-columns:.85fr 1.15fr .75fr}.product-narrative{padding-left:28px}.product-narrative h3{font-size:39px}.product-details{padding-right:25px}.product-object{height:510px}.product-backtype{font-size:100px}.crm-workspace{padding:24px}.crm-metrics>div{padding:18px 15px}.crm-metrics strong{font-size:27px}.crm-card{padding:13px}.academy-layout{grid-template-columns:250px minmax(0,1fr)}}
@media(max-width:900px){.product-layout{grid-template-columns:1fr 1.25fr}.product-narrative{padding:30px}.product-narrative>p:not(.eyebrow){max-width:320px}.product-object{height:470px}.product-details{grid-column:1/-1;padding:25px 30px;border-top:1px solid #ffffff12;display:grid;grid-template-columns:1fr 1fr;gap:0 40px}.product-series,.product-details h4,.product-details>p:not(.product-feedback){grid-column:1}.product-details .finish-heading,.product-swatches,.product-views,.product-price,.product-add,.product-details .product-feedback{grid-column:2}.product-details .finish-heading{grid-row:1;margin:0 0 15px}.product-swatches{grid-row:2}.product-price{grid-column:1;grid-row:4/7;margin:10px 0}.product-views{flex-direction:row;margin:20px 0}.crm-metrics{grid-template-columns:1fr 1fr}.crm-metrics>div:nth-child(2){border:0}.crm-metrics>div:nth-child(-n+2){border-bottom:1px solid #e1e5ec}.crm-metrics strong{font-size:32px}.metric-chart svg{height:48px}.crm-board{gap:10px}.crm-column{padding:10px}.crm-card-title{font-size:11px}.crm-card-footer>strong{font-size:11px}.academy-layout{grid-template-columns:220px minmax(0,1fr)}.course-sidebar{padding:28px 20px}.lesson-workspace{padding:25px}.lesson-art{height:250px}.lesson-actions{flex-wrap:wrap}.academy-topbar{padding:20px}.academy-topbar .example-badge{display:none}}
@media(max-width:720px){.experiences-section{padding:40px 0 70px}.experience-nav{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:25px}.experience-nav a{padding:12px 10px;font-size:9px;gap:12px;justify-content:space-between}.product-topline,.product-bottomline{padding:18px}.product-topline{gap:10px}.product-topline .example-badge{font-size:6px;letter-spacing:.04em}.product-topline>span:nth-child(2){display:none}.product-topline>button{font-size:9px;gap:11px;padding:8px 10px}.product-layout{grid-template-columns:1fr}.product-narrative{padding:28px 24px 0}.product-narrative .eyebrow{font-size:6px}.product-narrative h3{font-size:44px;line-height:1;margin:22px 0}.product-narrative>p:not(.eyebrow){font-size:12px;max-width:none}.product-features{max-width:none;margin-top:20px}.product-features>span{font-size:7px}.product-object{height:390px;grid-column:1;grid-row:2}.product-backtype{font-size:100px}.product-drag-hint{bottom:10px}.product-details{padding:24px;gap:0 20px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.product-series{font-size:6px;line-height:1.7}.product-details h4{font-size:25px;margin-top:10px}.product-details>p:not(.product-feedback){font-size:9px}.product-views{flex-direction:column;gap:16px;margin:22px 0}.product-views button{font-size:10px}.product-price strong{font-size:29px}.product-add{padding:14px 10px;font-size:9px}.product-bottomline{display:block;font-size:8px}.product-bottomline>a{margin-top:18px;font-size:11px;justify-content:space-between}.product-playground{scroll-margin-top:90px}.business-examples .section-heading .eyebrow,.academy-section>.shell>.section-heading .eyebrow{font-size:7px;line-height:1.8}.crm-window{grid-template-columns:minmax(0,1fr)}.app-rail{display:none}.crm-workspace{padding:20px 14px}.app-topbar{gap:12px}.app-topbar h3{font-size:21px;max-width:200px;line-height:1.1;margin-top:14px}.app-topbar .example-badge{font-size:6px}.app-reset{font-size:9px;padding:9px 11px}.crm-metrics{margin-bottom:20px}.crm-metrics>div{padding:16px 12px}.crm-metrics>div>span{font-size:8px;line-height:1.6}.crm-metrics strong{font-size:26px;margin:12px 0 8px}.crm-metrics small{font-size:7px;line-height:1.7}.metric-chart svg{height:40px;margin-top:5px}.crm-toolbar{gap:12px;flex-wrap:wrap}.crm-search{max-width:none;flex-basis:100%;padding:10px}.crm-search input{font-size:12px}.crm-toolbar>.app-primary{font-size:10px;width:100%;padding:11px}.crm-board{display:block;min-height:0}.crm-column{padding:14px;margin-bottom:15px}.crm-column-header h4{font-size:11px}.crm-column-header{margin-bottom:16px}.crm-card{padding:16px;margin-bottom:10px}.crm-card-title{font-size:12px}.crm-card>p{font-size:10px;min-height:0;margin:10px 0 18px}.crm-card-footer>strong{font-size:14px}.crm-card-footer button{width:33px;height:33px}.app-notice{font-size:8px;line-height:1.8;margin-top:18px}.example-caption{display:block;margin-top:24px}.example-caption>p{font-size:11px}.example-caption>a{margin-top:20px;font-size:11px;justify-content:space-between}.academy-topbar{padding:18px 15px;gap:10px}.academy-brand{font-size:11px}.academy-layout{grid-template-columns:minmax(0,1fr)}.course-sidebar{padding:25px 20px;border-right:0;border-bottom:1px solid #ffffff12}.course-sidebar h3{font-size:27px;margin:14px 0}.course-sidebar>p{font-size:11px}.course-progress{margin:20px 0}.course-sidebar nav{display:grid;grid-template-columns:1fr 1fr;gap:6px}.lesson-nav-button{font-size:9px;padding:10px 7px;gap:8px;line-height:1.5}.lesson-nav-button>span:first-child{width:21px;height:21px;font-size:7px}.course-sidebar-note{margin-top:15px;padding-top:0;font-size:7px}.lesson-workspace{padding:23px 15px}.lesson-topline{font-size:7px}.lesson-art{height:230px}.lesson-art>span:not(.lesson-art-coordinate){font-size:48px}.shape-one{transform:translate(-60px,15px);width:130px;height:130px}.shape-two{width:130px;height:130px;transform:translate(50px,-15px) rotate(30deg)}.shape-three{width:180px;height:180px;transform:translate(75px,15px)}.lesson-copy h4{font-size:24px;line-height:1.15}.lesson-copy>p{font-size:12px}.lesson-actions .app-primary{font-size:10px}.lesson-completion{font-size:10px;line-height:1.8}.academy-bottomline{display:block;padding:20px;font-size:8px}.academy-bottomline a{display:block;font-size:11px;margin-top:16px}.academy-possibilities{display:grid;grid-template-columns:1fr 1fr;gap:18px 15px}.academy-possibilities>span{min-width:0;font-size:9px;line-height:1.8}.example-dialog-inner{padding:30px 22px}.example-dialog h2{font-size:33px}.example-dialog input,.example-dialog select,.example-dialog textarea{font-size:16px}}
@media(prefers-reduced-motion:reduce){.lesson-shape,.course-progress-track>span,.crm-card,.product-swatches button{transition:none!important}.lesson-art .lesson-shape{animation:none!important}.product-backtype{transform:translate(-50%,-50%) rotate(-90deg)!important}}.motion-paused .lesson-art .lesson-shape{animation:none!important}
/* Static product and pipeline dialogs use the same separated close row. */
.example-dialog .example-dialog-inner{padding:0}
.example-dialog-toolbar{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:13px 20px;background:#122037;border-bottom:1px solid #a4bdd82e}
.example-dialog-toolbar>span{font-size:14px;font-weight:550;letter-spacing:-.045em;color:#bed1e7}
body .example-dialog-toolbar .dialog-close{position:relative;inset:auto;display:grid;place-items:center;width:44px;min-width:44px;height:44px;min-height:44px;padding:0!important;line-height:1;flex-shrink:0}
.example-dialog .example-dialog-body{padding:25px 28px 28px;min-width:0;overflow-wrap:anywhere}
.example-dialog .example-dialog-body h2{padding-right:0}
.example-dialog .cart-row{flex-wrap:wrap;gap:14px}
.example-dialog .cart-row>div{min-width:0;flex:1 1 125px}
.example-dialog .cart-row button{flex-shrink:0}
.example-dialog .cart-total{gap:16px;flex-wrap:wrap}
@media(max-width:700px){.example-dialog-toolbar{padding:11px 16px}.example-dialog .example-dialog-body{padding:23px 20px 25px}}