body.public-frontend{margin:0;background:#080a13;color:#eeeaf7;font-family:PandaInter,Inter,system-ui,sans-serif;line-height:1.6}
.public-frontend *{box-sizing:border-box}
.public-frontend a{color:inherit}
.public-header{position:relative;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px clamp(20px,4vw,80px);border-bottom:1px solid #ffffff12;background:linear-gradient(100deg,#171023e8,#09141de8)}
.public-brand{display:flex;align-items:center;gap:12px;text-decoration:none;flex-shrink:0}
.public-brand img{width:52px;height:62px;object-fit:contain}
.public-brand strong{display:block;font-size:25px;letter-spacing:-1px;line-height:1.1}
.public-brand small{display:block;font-size:11px;letter-spacing:.03em;margin-top:6px}
.public-brand small b{color:#54e797}
.public-header nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:9px}
.public-header nav a,.public-button{border:1px solid #b789f53b;background:#b789f50c;border-radius:999px;padding:10px 17px;text-decoration:none;font-size:13px;line-height:1.4}
.public-header nav a:hover,.public-button:hover{border-color:#b789f5;background:#b789f51a}
.public-header nav a[aria-current=page]{background:#a55bf22b;border-color:#a678d6}
.public-header nav .public-signup,.public-button.primary{background:linear-gradient(105deg,#842ee6,#ae58ef);border-color:#c290f8;color:#fff;box-shadow:0 8px 35px #a246ec23}
.public-content{max-width:1600px;margin:auto;padding:54px clamp(20px,4vw,72px) 80px}
.public-footer{border-top:1px solid #ffffff14;padding:34px clamp(20px,4vw,72px);display:flex;gap:28px;align-items:center;justify-content:space-between;flex-wrap:wrap;font-size:13px;color:#b9afca}
.public-footer nav{display:flex;gap:18px;flex-wrap:wrap}
.public-footer a{text-decoration:none}
.public-frontend :focus-visible{outline:2px solid #cba1ff;outline-offset:5px}
.public-frontend [hidden]{display:none!important}
.public-frontend img{max-width:100%}
.public-frontend .card{border:1px solid #66507866}
.public-frontend .team-blog{max-width:1480px!important}
.public-frontend .team-blog-reader-grid{min-width:0}
.public-frontend .team-blog-article{min-width:0}
.public-frontend .team-blog-article pre{max-width:100%;overflow:auto}
.public-frontend .team-blog-article h2{font-size:clamp(24px,2.3vw,34px)}
.public-frontend .team-blog-article p{font-size:17px;line-height:1.85}
.platform-showcase{--show-purple:#bf91fc;--show-green:#6be1a3;--show-muted:#b4afc6;isolation:isolate}
.showcase-kicker{display:flex;align-items:center;gap:10px;color:#be99ed;font-size:11px;letter-spacing:.15em;font-weight:650;text-transform:uppercase;line-height:1.5}
.showcase-kicker i{width:27px;height:27px;display:inline-flex;color:#c8a4f4}
.showcase-kicker svg{width:100%;height:100%;stroke:currentColor;fill:none;stroke-width:1.6}
.showcase-hero{text-align:center;padding:50px 0 70px;position:relative;background:radial-gradient(ellipse at 50% 25%,#944be52b,transparent 62%)}
.showcase-hero>.showcase-kicker{justify-content:center}
.showcase-hero h1{font-size:clamp(49.3px,7.48vw,117.3px);letter-spacing:-.065em;line-height:1.02;margin:23px 0 30px;font-weight:680}
.platform-showcase em{font-style:normal;color:#c695ff}
.showcase-hero>p,.showcase-final>p{font-size:clamp(18px,2vw,26px);color:#c8c1d8;line-height:1.65}
.showcase-hero-actions{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin:30px 0 50px}
.showcase-hero-actions .public-button{font-size:15px;padding:15px 25px}
.showcase-hero-collage{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:clamp(20px,2.5vw,44px);height:auto;position:relative;margin:60px 0 45px}
.showcase-hero-collage img{display:block;position:static;width:100%;height:auto;border:1px solid #9b80c373;border-radius:13px;box-shadow:0 30px 90px #0009;background:#12131d}



.showcase-proof-strip{display:flex;justify-content:center;gap:20px 40px;flex-wrap:wrap;border-block:1px solid #bb99ed24;padding:22px 10px;color:#c3bbd3;font-size:13px}
.showcase-proof-strip span:before{content:'✦';color:#b988f5;margin-right:10px}
.showcase-difference{padding:90px 5%;max-width:1200px;margin:auto}
.showcase-difference h2,.showcase-directory h2,.showcase-chapter-head h2,.showcase-extras h2,.showcase-questions h2{font-size:clamp(33px,4.5vw,66px);line-height:1.14;letter-spacing:-.045em;margin:20px 0 28px;font-weight:620}
.showcase-difference>p,.showcase-directory>p,.showcase-chapter-head>p{font-size:clamp(17px,1.7vw,21px);color:var(--show-muted);max-width:820px;line-height:1.8}
.showcase-difference-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:38px}
.showcase-difference-grid article{border-top:2px solid #a875e966;padding:25px 0}
.showcase-difference-grid b,.showcase-difference-grid h3{font-size:24px;font-weight:550}
.showcase-difference-grid p{font-size:16px;color:var(--show-muted);line-height:1.75}
.showcase-directory{padding:70px 0;border-top:1px solid #ffffff15}
.showcase-directory nav{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.showcase-directory nav a{border:1px solid #7d64933f;background:#aa70de09;border-radius:30px;padding:10px 16px;font-size:13px;text-decoration:none}
.showcase-directory nav a:hover{background:#aa70de20}
.showcase-chapter{scroll-margin-top:30px;padding-top:42px}
.showcase-chapter-head{max-width:940px;margin:20px 0 65px}
.showcase-app{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.8fr);gap:clamp(30px,5vw,90px);align-items:center;margin:0 0 100px;padding:20px 0;scroll-margin-top:30px}
.showcase-app-copy{grid-column:2;grid-row:1}
.showcase-stage{grid-column:1;grid-row:1;min-width:0;border:1px solid #9a78c24d;border-radius:17px;overflow:hidden;background:linear-gradient(145deg,#171320,#0c1019);box-shadow:0 24px 80px #0005}
.showcase-app.is-reversed{grid-template-columns:minmax(280px,.8fr) minmax(0,1.4fr)}
.showcase-app.is-reversed .showcase-app-copy{grid-column:1}
.showcase-app.is-reversed .showcase-stage{grid-column:2}
.showcase-app-copy h2{font-size:clamp(29px,3.5vw,50px);line-height:1.16;letter-spacing:-.04em;margin:19px 0 22px;font-weight:590}
.showcase-app-copy>p{font-size:clamp(16px,1.5vw,20px);line-height:1.8;color:var(--show-muted)}
.showcase-text-link{display:inline-block;margin-top:18px;font-size:14px;text-decoration:none;color:#ccb0ef!important}
.showcase-text-link span{color:#66e59c;margin-left:6px}
.showcase-window-head{display:flex;gap:15px;align-items:center;padding:11px 17px;border-bottom:1px solid #9a78c224;font-size:12px;color:#c0b5d3;background:#20172c}
.showcase-window-head small{margin-left:auto;letter-spacing:.14em;font-size:8px}
.showcase-window-dots{font-size:8px;letter-spacing:2px;color:#aa7ed9}
.showcase-slide{min-height:0}
.showcase-image-button{display:block;position:relative;width:100%;border:0;background:#070b11;padding:0;cursor:zoom-in;color:#fff}
.showcase-image-button img{display:block;width:100%;height:auto;object-fit:contain;background:#080c13}
.showcase-enlarge{position:absolute;bottom:16px;right:16px;border:1px solid #d1aceb55;border-radius:18px;padding:6px 11px;background:#17101edb;font-size:10px;opacity:0;transition:opacity .15s}
.showcase-image-button:hover .showcase-enlarge,.showcase-image-button:focus-visible .showcase-enlarge{opacity:1}
.showcase-slide-note{margin:0;padding:11px 18px;font-size:11px;color:#a89bb8;border-top:1px solid #ffffff0a}
.showcase-inside,.showcase-connect{padding:clamp(22px,3vw,45px);min-height:410px}
.showcase-inside>h3,.showcase-connect>h3{font-size:clamp(25px,2.6vw,38px);line-height:1.25;letter-spacing:-.03em;margin:15px 0 30px}
.showcase-inside ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:24px}
.showcase-inside li{border-top:1px solid #9d76cd50;padding-top:15px}
.showcase-inside li b{font-size:17px;font-weight:550}
.showcase-inside li p,.showcase-flow p{font-size:14px;color:#b5a9c5;line-height:1.7;margin-bottom:0}
.showcase-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.showcase-flow>div{border:1px solid #a273d950;background:#a66deb08;border-radius:12px;padding:20px 15px}
.showcase-flow span{font-size:12px;color:#b98cef}
.showcase-flow h3{font-size:18px;line-height:1.4;font-weight:550}
.showcase-deck-controls{display:flex;gap:8px;padding:13px 17px;border-top:1px solid #9a78c224;flex-wrap:wrap}
.showcase-deck-controls button{cursor:pointer;display:flex;align-items:center;gap:9px;min-height:35px;border:1px solid #9b78c12b;border-radius:20px;padding:7px 13px;background:transparent;color:#a899ba;font:inherit;font-size:11px}
.showcase-deck-controls button[aria-pressed=true]{background:#a76ae621;color:#ead7ff;border-color:#ab74e2}
.showcase-app.is-spotlight{display:flex;flex-direction:column;gap:35px;margin-bottom:130px}
.showcase-app.is-spotlight .showcase-app-copy{max-width:850px;text-align:center}
.showcase-app.is-spotlight .showcase-kicker{justify-content:center}
.showcase-app.is-spotlight .showcase-app-copy h2{font-size:clamp(38px,5vw,74px)}
.showcase-app.is-spotlight .showcase-stage{width:100%;max-width:1230px;box-shadow:0 24px 110px #8440c21c,0 35px 90px #0007}
.showcase-app.is-spotlight .showcase-image-button img{height:auto}
.showcase-app.is-spotlight .showcase-inside,.showcase-app.is-spotlight .showcase-connect{padding:55px 7%;min-height:490px}
.showcase-app.is-spotlight .showcase-inside li b{font-size:23px}
.showcase-app.is-spotlight .showcase-inside li p{font-size:17px}
.showcase-feature-section{padding:90px 0 40px;border-top:1px solid #ffffff19}
.showcase-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.showcase-feature-card{display:flex;flex-direction:column;min-width:0;border:1px solid #8d6cb536;background:linear-gradient(140deg,#2517337a,#10131e);border-radius:15px;padding:27px}
.showcase-feature-card>h3{font-size:25px;line-height:1.3;letter-spacing:-.02em;margin:15px 0 22px;font-weight:550}
.showcase-feature-card ul{list-style:none;padding:0;margin:0}
.showcase-feature-card li{padding:14px 0;border-top:1px solid #a68db323}
.showcase-feature-card h4{font-size:15px;margin:0 0 7px;font-weight:550}
.showcase-feature-card p{font-size:13px;color:#b8acc9;line-height:1.7;margin:0}
.showcase-feature-card .showcase-deck-controls{border:0;padding:20px 0 0;margin-top:auto}
.showcase-extras,.showcase-questions{padding:90px 0 20px}
.showcase-questions{max-width:1000px;margin:auto}
.showcase-questions details{padding:23px 0;border-bottom:1px solid #a680d12e}
.showcase-questions summary{font-size:20px;cursor:pointer;line-height:1.5}
.showcase-questions details p{font-size:16px;color:#bfb4ce;line-height:1.8;max-width:850px}
.showcase-final{text-align:center;padding:110px 0 40px;background:radial-gradient(ellipse at 50% 35%,#7f32b922,transparent 62%)}
.showcase-final>img{height:150px;object-fit:contain;margin-bottom:30px}
.showcase-final>.showcase-kicker{justify-content:center}
.showcase-final h2{font-size:clamp(36px,6vw,85px);letter-spacing:-.05em;line-height:1.12;font-weight:600;margin:25px 0}
.showcase-lightbox{width:min(96vw,1900px);max-width:none;max-height:94vh;padding:35px 20px 10px;background:#090d15;color:#e8dff3;border:1px solid #ae7cdd;border-radius:15px;box-shadow:0 30px 130px #000a}
.showcase-lightbox::backdrop{background:#03020aeb;backdrop-filter:blur(8px)}
.showcase-lightbox img{display:block;max-height:80vh;max-width:100%;width:auto;margin:auto;object-fit:contain}
.showcase-lightbox button{position:absolute;right:10px;top:5px;background:#2b1b3b;border:1px solid #956bbc;border-radius:50%;font-size:24px;color:#fff;width:32px;height:32px;cursor:pointer}
.showcase-lightbox p{margin:10px;text-align:center;font-size:13px}
.showcase-workflow{padding:50px;min-height:330px;text-align:center;background:radial-gradient(ellipse,#42245b,#11111b)}
.showcase-workflow i{display:block;width:80px;height:80px;margin:auto;color:#cfadfb}
.showcase-workflow svg{width:100%;height:100%;stroke:currentColor;fill:none}
.online-users-status.frontpage-visitors-status{gap:5px;border-radius:7px;color:#c9a8f1;white-space:nowrap}
.frontpage-visitors-status svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.6}
@media(min-width:1600px){.public-content{max-width:1740px}.showcase-app{gap:100px}}
@media(max-width:1100px){.public-header{align-items:flex-start}.public-header nav{max-width:650px}.showcase-app,.showcase-app.is-reversed{grid-template-columns:minmax(0,1.15fr) minmax(230px,.85fr);gap:30px}.showcase-app-copy h2{font-size:32px}.showcase-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.showcase-flow{grid-template-columns:1fr}.showcase-flow>div{padding:13px 18px}.showcase-flow h3{margin:7px 0}.showcase-inside,.showcase-connect{min-height:380px}}
@media(max-width:760px){.public-header{flex-direction:column;gap:18px;padding:19px}.public-header nav{justify-content:flex-start;gap:8px}.public-header nav a{font-size:11px;padding:9px 12px}.public-content{padding:25px 18px 50px}.public-brand img{height:48px;width:40px}.public-brand strong{font-size:23px}.showcase-hero{padding-top:35px}.showcase-hero h1{font-size:clamp(45.05px,10.2vw,72.25px)}.showcase-hero-collage{height:auto;grid-template-columns:1fr;gap:24px;margin-top:40px}.showcase-proof-strip{font-size:11px;gap:12px 18px}.showcase-difference{padding:45px 0}.showcase-difference-grid{grid-template-columns:1fr;gap:5px}.showcase-difference-grid article{padding:20px 0}.showcase-app,.showcase-app.is-reversed{display:flex;flex-direction:column;gap:24px;margin-bottom:65px;padding:0}.showcase-app-copy{width:100%}.showcase-app-copy h2{font-size:34px}.showcase-app-copy>p{font-size:17px}.showcase-stage{width:100%}.showcase-app.is-spotlight{margin-bottom:85px}.showcase-app.is-spotlight .showcase-app-copy h2{font-size:42px}.showcase-app.is-spotlight .showcase-inside,.showcase-app.is-spotlight .showcase-connect{padding:25px;min-height:390px}.showcase-inside ul{grid-template-columns:1fr}.showcase-inside,.showcase-connect{padding:25px;min-height:410px}.showcase-inside li{padding-top:10px}.showcase-slide{min-height:0}.showcase-feature-grid{grid-template-columns:1fr}.showcase-feature-card{padding:24px}.showcase-chapter-head{margin-bottom:40px}.showcase-window-head{font-size:10px}.showcase-window-head small{font-size:7px}.showcase-enlarge{opacity:1}.showcase-questions summary{font-size:18px}.showcase-hero-actions{gap:12px;margin-bottom:35px}.showcase-hero-actions .public-button{font-size:13px;padding:13px 18px}.public-frontend .team-blog-hero{grid-template-columns:1fr;min-height:0}.public-frontend .team-blog-hero-copy{padding:35px 25px}.public-frontend .team-blog-hero-panel{min-height:230px}.public-frontend .team-blog-scope,.public-frontend .team-blog-reader-grid,.public-frontend .team-blog-feature,.public-frontend .team-blog-secondary{grid-template-columns:1fr!important}.public-frontend .team-blog-post-hero{padding:30px 23px!important}.public-frontend .team-blog-post-hero h1{font-size:36px!important}.public-frontend .team-blog-article{padding:24px!important}}
@media(prefers-reduced-motion:reduce){.public-frontend *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

.public-skip-link{position:absolute;left:12px;top:-80px;z-index:100;background:#ac60ee;color:white;padding:12px 20px;border-radius:8px}.public-skip-link:focus{top:12px}

.showcase-kicker i img{display:block;width:27px;height:27px;object-fit:contain}.showcase-workflow i img{width:80px;height:80px;object-fit:contain}

/* Content-fitting media, generous space between presentations, clear controls. */
html.public-site-document body .platform-showcase .showcase-app{margin-bottom:180px}
html.public-site-document body .platform-showcase .showcase-app.is-spotlight{margin-bottom:210px}
html.public-site-document body .platform-showcase .showcase-image-button{height:auto!important;min-height:0!important;max-height:none!important;border-radius:0!important;line-height:0}
html.public-site-document body .platform-showcase .showcase-image-button img{height:auto!important;min-height:0!important;max-height:none!important;aspect-ratio:auto!important}
html.public-site-document body .platform-showcase .showcase-deck-controls button{border-radius:999px!important;padding:9px 16px!important;min-height:38px;color:#e8ddf7!important;background:#211a30!important}
html.public-site-document body .platform-showcase .showcase-deck-controls button[aria-pressed=true]{background:#49305f!important;color:#fff!important}
html.public-site-document body .platform-showcase .showcase-text-link{font-size:21px!important;font-weight:650;color:#e4d5f7!important}
.showcase-text-link svg{width:28px;height:24px;vertical-align:middle;margin-left:8px;fill:#57d980}
html.public-site-document body .platform-showcase .showcase-window-head{color:#eee5fa!important;font-size:15px}
html.public-site-document body .platform-showcase .showcase-window-head small{color:#d6c6e7!important;font-size:11px}
.platform-showcase .showcase-hero>.showcase-kicker{font-size:16.5px}
.platform-showcase .showcase-enlarge{background:#21172c66;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:999px}
@media(max-width:760px){html.public-site-document body .platform-showcase .showcase-app{margin-bottom:145px}html.public-site-document body .platform-showcase .showcase-app.is-spotlight{margin-bottom:165px}}

.showcase-highlights{list-style:none;padding:0;margin:28px 0 10px;display:grid;gap:18px;text-align:left}
.showcase-highlights li{position:relative;padding-left:24px}
.showcase-highlights li:before{content:"";position:absolute;left:0;top:9px;width:10px;height:10px;border-radius:50%;background:#62dda0;box-shadow:0 0 13px #62dda02b}
.showcase-highlights strong{display:block;color:#f2e8ff;font-size:20px;line-height:1.4;font-weight:700}
.showcase-highlights span{display:block;color:#ccc3d9;font-size:18px;line-height:1.6;margin-top:4px}
.showcase-app.is-spotlight .showcase-highlights{max-width:760px;margin-inline:auto}

/* Refinements requested 4 November. */
.platform-showcase .showcase-hero-collage{width:115%;max-width:calc(100vw - 48px);margin-inline:50%;translate:-50% 0}
.platform-showcase .showcase-chapter-head>.showcase-kicker{font-size:12.65px}
.platform-showcase .showcase-directory nav a{font-size:14.95px;padding:11.5px 18.4px;transition:color .4s,box-shadow .4s,border-color .4s}
.platform-showcase .showcase-directory nav a:is(:hover,:focus-visible,:active){color:#f1e4ff;border-color:#c79bf8;box-shadow:0 0 0 1px #b880ed70,0 0 22px #b880ed40;text-shadow:0 0 12px #cca1ff}
.showcase-hero-actions .tp-green-triangle{display:inline-block;width:15px;height:15px;margin-left:9px;vertical-align:-2px;fill:#5ddd8e}
.showcase-hero-actions .tp-green-triangle.is-down{rotate:90deg}
html.public-site-document body .platform-showcase .showcase-text-link{transition:color .6s,text-shadow .6s}
html.public-site-document body .platform-showcase .showcase-text-link:is(:hover,:focus-visible){animation:showcase-letter-shine 3.8s ease-in-out infinite;color:#fff!important}
@keyframes showcase-letter-shine{0%,100%{text-shadow:0 0 3px #e2c0ff,5px -3px 12px #c68cfb55,-5px 3px 18px #a879da33}50%{text-shadow:0 0 7px #f0dfff,-6px -4px 17px #d8a9ff90,6px 4px 25px #bd7fe570}}
/* All three panels share one grid cell: the tallest determines a stable card. */
.platform-showcase .showcase-stage{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto}
.platform-showcase .showcase-stage>.showcase-window-head{grid-area:1/1}
.platform-showcase .showcase-stage>.showcase-slide{grid-area:2/1;min-width:0;align-self:start}
html.public-site-document body .platform-showcase .showcase-stage>.showcase-slide[hidden]{display:block!important;visibility:hidden;pointer-events:none}
.platform-showcase .showcase-stage>.showcase-deck-controls{grid-area:3/1;align-self:end}
.platform-showcase .showcase-careers-icon{display:block;width:100%;height:auto;max-height:460px;color:#cfa9ff;background:radial-gradient(ellipse,#38234255,transparent 70%)}
@media(max-width:760px){.platform-showcase .showcase-hero-collage{width:100%;max-width:100%;margin-inline:0;translate:none}}
@media(prefers-reduced-motion:reduce){html.public-site-document body .platform-showcase .showcase-text-link:is(:hover,:focus-visible){animation:none;text-shadow:0 0 10px #d8a9ff90}}

.showcase-flow h3 a{display:flex;align-items:center;gap:12px}
.showcase-flow h3 a .showcase-related-icon{display:inline-flex;width:36px;height:36px;min-width:36px;align-items:center;justify-content:center;flex:0 0 36px}
.showcase-flow h3 a .showcase-related-icon :is(svg,img){width:36px!important;height:36px!important;min-width:36px!important;object-fit:contain;transform:none!important}
html.public-site-document body .platform-showcase #app-video-academy .showcase-image-button img{max-height:440px!important;width:auto!important;max-width:100%!important;margin-inline:auto}

html.public-site-document body .platform-showcase .showcase-deck-controls button{transition:box-shadow .35s,border-color .35s,color .35s}
html.public-site-document body .platform-showcase .showcase-deck-controls button:is(:hover,:focus-visible){border-color:#d6a6ff!important;box-shadow:0 0 0 1px #c495f58c,0 0 17px #bb83ed50;color:#fff!important}
.showcase-hero-actions .tp-green-triangle{width:18px;height:18px}
.platform-showcase .showcase-proof-strip{font-size:17.1925px;font-weight:700}
.platform-showcase #app-library{grid-template-columns:minmax(250px,.7fr) minmax(0,1.6fr);gap:50px}
.platform-showcase .showcase-stage :is(.showcase-inside,.showcase-connect){height:100%;background:linear-gradient(#0c1020bb,#0c1020d6),var(--showcase-preview) center/cover no-repeat;color:#f4eefa;text-shadow:0 1px 3px #000}
.platform-showcase .showcase-stage :is(.showcase-inside,.showcase-connect) p{color:#d6cfdf}
.platform-showcase .showcase-stage .showcase-flow>div{background:#20182b99;backdrop-filter:blur(10px)}
.platform-showcase .showcase-hero-collage{display:block;overflow:hidden;width:calc(115% * 1.16);max-width:calc(100vw - 32px);margin-inline:50%;translate:-50% 0}
.showcase-carousel-track{display:flex;width:max-content;animation:showcase-gallery-drift 280s linear infinite}
.showcase-carousel-group{display:flex;gap:32px;flex:none;padding-right:32px}
.showcase-carousel-item{flex:none;width:clamp(320px,31vw,690px);margin:0;position:relative}
.platform-showcase .showcase-hero-collage .showcase-carousel-item img{position:static;display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;object-position:top;border-radius:13px}
.showcase-carousel-item figcaption{position:absolute;bottom:12px;left:12px;max-width:calc(100% - 24px);padding:7px 13px;border-radius:999px;background:#100d1b99;backdrop-filter:blur(12px);font-size:15px;color:#fff}
.platform-showcase .showcase-hero-collage:is(:hover,:focus-within) .showcase-carousel-track,.platform-showcase .showcase-hero-collage.is-paused .showcase-carousel-track{animation-play-state:paused}
.showcase-carousel-toggle{margin:0 auto 24px;cursor:pointer}
@keyframes showcase-gallery-drift{to{transform:translateX(-50%)}}
@media(max-width:760px){.platform-showcase #app-library{display:flex;gap:24px}.showcase-carousel-item{width:85vw}.platform-showcase .showcase-hero-collage{width:100%;max-width:100%;margin-inline:0;translate:none}.showcase-carousel-group{gap:18px;padding-right:18px}}
@media(prefers-reduced-motion:reduce){.showcase-carousel-track{animation:none}.platform-showcase .showcase-hero-collage{overflow-x:auto}}

/* Gallery control has explicit styling to avoid inherited workspace buttons. */
html.public-site-document body #public-main .platform-showcase button.showcase-carousel-toggle.public-button{border-radius:999px!important;background:#30343b!important;color:#fff!important;border:1px solid #737b87!important;padding:11px 24px!important;font:600 15px/1.3 Arial,sans-serif!important;min-height:42px!important;box-shadow:none!important;appearance:none!important;-webkit-text-fill-color:#fff!important;text-shadow:none!important;opacity:1!important}
html.public-site-document body #public-main .platform-showcase button.showcase-carousel-toggle.public-button[aria-pressed="true"]{background:#247548!important;border-color:#66d694!important;color:#fff!important}
html.public-site-document body #public-main .platform-showcase button.showcase-carousel-toggle.public-button:is(:hover,:focus-visible){box-shadow:0 0 0 2px #b9c4d04d}
.showcase-difference .showcase-workflow-heading{display:flex;align-items:center;gap:12px}
.showcase-difference .showcase-workflow-heading svg{width:30px;height:30px;flex:0 0 30px;fill:none;stroke:#c3a0ef;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}

/* Chapter headings: Overview cyan-blue treatment. */
.platform-showcase .showcase-chapter-head>h2{color:#46cee8;background:linear-gradient(110deg,#79e7f5 0%,#46cee8 48%,#409de3 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 34px rgba(70,206,232,.16)}

/* Consistent cyan section titles and a modest halo. */
.platform-showcase :is(.showcase-directory,.showcase-difference,.showcase-chapter-head,.showcase-feature-section,.showcase-extras,.showcase-questions)>h2{color:#46cee8;background:linear-gradient(110deg,#79e7f5,#46cee8 48%,#409de3);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 10px #46cee85c);text-shadow:0 0 24px #46cee84d}
.showcase-difference-grid article:nth-child(1) .showcase-workflow-heading svg{stroke:#71d7ff}
.showcase-difference-grid article:nth-child(2) .showcase-workflow-heading svg{stroke:#76e1b0}
.showcase-difference-grid article:nth-child(3) .showcase-workflow-heading svg{stroke:#e8bf76}
.showcase-difference-grid article:nth-child(4) .showcase-workflow-heading svg{stroke:#b89cf5}
.showcase-difference-grid article:nth-child(5) .showcase-workflow-heading svg{stroke:#ff9e83}
.showcase-difference-grid article:nth-child(6) .showcase-workflow-heading svg{stroke:#64e0d8}
.showcase-difference-grid article:nth-child(7) .showcase-workflow-heading svg{stroke:#f19ecb}
.showcase-difference-grid article:nth-child(8) .showcase-workflow-heading svg{stroke:#a8d47d}
.showcase-difference-grid article:nth-child(9) .showcase-workflow-heading svg{stroke:#93afff}
.platform-showcase #app-careers .showcase-app-copy>.showcase-kicker>i{position:relative}
.platform-showcase #app-careers .showcase-app-copy>.showcase-kicker>i:after{content:"";position:absolute;left:50%;top:48%;translate:-50% -50%;width:29px;height:27px;background:#d5a1ff;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cellipse cx='8' cy='15' rx='4' ry='6' transform='rotate(-25 8 15)'/%3E%3Cellipse cx='16' cy='9' rx='4' ry='6'/%3E%3Cellipse cx='25' cy='9' rx='4' ry='6'/%3E%3Cellipse cx='33' cy='15' rx='4' ry='6' transform='rotate(25 33 15)'/%3E%3Cpath d='M10 30c0-5 5-13 10-13s11 8 11 13c0 8-8 5-11 5s-10 3-10-5Z'/%3E%3C/svg%3E") center/contain no-repeat;filter:drop-shadow(0 1px 1px #38174f);pointer-events:none}
.platform-showcase #app-code-hub .showcase-app-copy>.showcase-kicker>i>img{scale:1.3;transform-origin:center}

/* Search brand artwork doubled; chapter labels follow their cyan headings. */
html.public-site-document body .platform-showcase #app-search .showcase-app-copy>.showcase-kicker>i,html.public-site-document body .platform-showcase #app-search .showcase-app-copy>.showcase-kicker>i>img{width:276px!important;height:276px!important;min-width:276px!important;flex-basis:276px!important;max-width:none!important;object-fit:contain}
.platform-showcase .showcase-chapter-head>.showcase-kicker{color:#46cee8;background:linear-gradient(110deg,#79e7f5,#46cee8 48%,#409de3);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}

/* Feature inventory: larger symbols, individual gentle colour tints. */
.platform-showcase .showcase-feature-card>.showcase-kicker>i{width:40.5px;height:40.5px;flex:0 0 40.5px;font-size:32px;line-height:1;align-items:center;justify-content:center;font-style:normal}
.platform-showcase .showcase-feature-card>.showcase-kicker>i :is(svg,img){width:40.5px!important;height:40.5px!important;max-width:none!important;object-fit:contain}
.platform-showcase .showcase-feature-card{background:linear-gradient(145deg,hsl(var(--feature-hue,270) 40% 19% / .66),#10131eeb);border-color:hsl(var(--feature-hue,270) 45% 63% / .3)}
html.public-site-document body #public-main .platform-showcase .showcase-final>a[data-live-chat]{color:#65df98!important;-webkit-text-fill-color:#65df98!important;border-radius:999px;padding:9px 15px;transition:color .3s,box-shadow .3s,background .3s;text-decoration:none}
html.public-site-document body #public-main .platform-showcase .showcase-final>a[data-live-chat]:is(:hover,:focus-visible,:active){color:#a1ffc2!important;-webkit-text-fill-color:#a1ffc2!important;background:#2c9e5530;box-shadow:0 0 0 1px #65df98a6,0 0 20px #65df9840;text-shadow:0 0 12px #65df9870;animation:none}
.platform-showcase .showcase-feature-card:nth-child(1){--feature-hue:205.0}
.platform-showcase .showcase-feature-card:nth-child(2){--feature-hue:342.508}
.platform-showcase .showcase-feature-card:nth-child(3){--feature-hue:120.016}
.platform-showcase .showcase-feature-card:nth-child(4){--feature-hue:257.524}
.platform-showcase .showcase-feature-card:nth-child(5){--feature-hue:35.0320}
.platform-showcase .showcase-feature-card:nth-child(6){--feature-hue:172.540}
.platform-showcase .showcase-feature-card:nth-child(7){--feature-hue:310.048}
.platform-showcase .showcase-feature-card:nth-child(8){--feature-hue:87.5560}
.platform-showcase .showcase-feature-card:nth-child(9){--feature-hue:225.064}
.platform-showcase .showcase-feature-card:nth-child(10){--feature-hue:2.57200}
.platform-showcase .showcase-feature-card:nth-child(11){--feature-hue:140.080}
.platform-showcase .showcase-feature-card:nth-child(12){--feature-hue:277.588}
.platform-showcase .showcase-feature-card:nth-child(13){--feature-hue:55.0960}
.platform-showcase .showcase-feature-card:nth-child(14){--feature-hue:192.604}
.platform-showcase .showcase-feature-card:nth-child(15){--feature-hue:330.112}
.platform-showcase .showcase-feature-card:nth-child(16){--feature-hue:107.620}
.platform-showcase .showcase-feature-card:nth-child(17){--feature-hue:245.128}
.platform-showcase .showcase-feature-card:nth-child(18){--feature-hue:22.6359}
.platform-showcase .showcase-feature-card:nth-child(19){--feature-hue:160.144}
.platform-showcase .showcase-feature-card:nth-child(20){--feature-hue:297.652}
.platform-showcase .showcase-feature-card:nth-child(21){--feature-hue:75.1600}
.platform-showcase .showcase-feature-card:nth-child(22){--feature-hue:212.668}
.platform-showcase .showcase-feature-card:nth-child(23){--feature-hue:350.176}
.platform-showcase .showcase-feature-card:nth-child(24){--feature-hue:127.684}
.platform-showcase .showcase-feature-card:nth-child(25){--feature-hue:265.192}
.platform-showcase .showcase-feature-card:nth-child(26){--feature-hue:42.7000}
.platform-showcase .showcase-feature-card:nth-child(27){--feature-hue:180.208}
.platform-showcase .showcase-feature-card:nth-child(28){--feature-hue:317.716}
.platform-showcase .showcase-feature-card:nth-child(29){--feature-hue:95.2240}
.platform-showcase .showcase-feature-card:nth-child(30){--feature-hue:232.731}
.platform-showcase .showcase-feature-card:nth-child(31){--feature-hue:10.2400}
.platform-showcase .showcase-feature-card:nth-child(32){--feature-hue:147.748}
.platform-showcase .showcase-feature-card:nth-child(33){--feature-hue:285.256}
.platform-showcase .showcase-feature-card:nth-child(34){--feature-hue:62.7640}
.platform-showcase .showcase-feature-card:nth-child(35){--feature-hue:200.271}
.platform-showcase .showcase-feature-card:nth-child(36){--feature-hue:337.780}
.platform-showcase .showcase-feature-card:nth-child(37){--feature-hue:115.288}
.platform-showcase .showcase-feature-card:nth-child(38){--feature-hue:252.796}
.platform-showcase .showcase-feature-card:nth-child(39){--feature-hue:30.3040}
.platform-showcase .showcase-feature-card:nth-child(40){--feature-hue:167.812}
.platform-showcase .showcase-feature-card:nth-child(41){--feature-hue:305.320}
.platform-showcase .showcase-feature-card:nth-child(42){--feature-hue:82.8280}
.platform-showcase .showcase-feature-card:nth-child(43){--feature-hue:220.336}
.platform-showcase .showcase-feature-card:nth-child(44){--feature-hue:357.844}

/* Static paw belongs only to the top title, never to the viewport. */
.platform-showcase .showcase-hero>h1{position:relative;width:fit-content;max-width:calc(100% - 170px);margin-inline:auto}
.platform-showcase .showcase-hero>h1:before{content:"";position:absolute;right:calc(100% + 25px);top:50%;translate:0 -50%;width:140px;height:140px;background:url("/static/showcase-hero-paw.svg") center/contain no-repeat;filter:drop-shadow(0 0 10px #b57af5aa) drop-shadow(0 0 23px #9e57e260);pointer-events:none}
.platform-showcase .showcase-app-copy>h2{background:linear-gradient(115deg,#e6c5ff 0%,#c898fa 35%,#ab83f5 68%,#e3a6ed 100%);background-clip:text;-webkit-background-clip:text;color:#c898fa;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 8px #b47dec40)}
.platform-showcase .showcase-stage{background:linear-gradient(#111322c7,#0c1020c7),var(--showcase-preview) center/cover no-repeat;isolation:isolate}
html.public-site-document body .platform-showcase .showcase-stage>:is(.showcase-window-head,.showcase-deck-controls){background:#19132155!important;backdrop-filter:blur(18px) saturate(125%);-webkit-backdrop-filter:blur(18px) saturate(125%)}
.platform-showcase .showcase-stage>.showcase-slide:not([hidden]){animation:showcase-panel-in .65s ease-out both}
.showcase-inside li>b{display:flex;align-items:center;gap:9px}
.showcase-feature-symbol{width:20px;height:20px;min-width:20px;flex:0 0 20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
@keyframes showcase-panel-in{from{opacity:0}to{opacity:1}}
@media(max-width:760px){.platform-showcase .showcase-hero>h1{max-width:calc(100% - 65px);margin-left:65px}.platform-showcase .showcase-hero>h1:before{width:60px;height:60px;right:calc(100% + 8px)}}
@media(prefers-reduced-motion:reduce){.platform-showcase .showcase-stage>.showcase-slide:not([hidden]){animation:none}}

/* Final invitation and glass caption strips. */
.platform-showcase .showcase-final h2 em{color:#61df91}
.platform-showcase .showcase-feature-card:nth-child(38)>.showcase-kicker>i,.platform-showcase .showcase-feature-card:nth-child(38)>.showcase-kicker>i :is(img,svg){width:48.6px!important;height:48.6px!important;min-width:48.6px!important;flex-basis:48.6px!important}
html.public-site-document body #public-main .platform-showcase .showcase-window-head,html.public-site-document body #public-main .platform-showcase .showcase-slide-note{background:#14142066!important;backdrop-filter:blur(12px) saturate(115%);-webkit-backdrop-filter:blur(12px) saturate(115%);position:relative;z-index:1}
html.public-site-document body #public-main .platform-showcase .showcase-window-head small{font:600 12px/1.4 Arial,sans-serif!important;color:#d9deea!important;letter-spacing:.07em!important;text-shadow:none!important;filter:none!important;-webkit-text-fill-color:#d9deea!important}

.platform-showcase .showcase-final h2 em{color:#c695ff}
.platform-showcase .showcase-final .showcase-use-word{color:#61df91}
.platform-showcase .showcase-questions summary{list-style:none;display:flex;align-items:center;gap:12px}
.platform-showcase .showcase-questions summary::-webkit-details-marker{display:none}
.platform-showcase .showcase-questions summary:before{content:"";width:13px;height:13px;flex:0 0 13px;background:#5ddd8e;clip-path:polygon(15% 0,100% 50%,15% 100%);transition:transform .5s ease,filter .5s ease}
.platform-showcase .showcase-questions details[open]>summary:before{transform:rotate(90deg);filter:drop-shadow(0 0 5px #5ddd8e88)}
@supports(interpolate-size:allow-keywords){.platform-showcase .showcase-questions details{interpolate-size:allow-keywords}.platform-showcase .showcase-questions details::details-content{height:0;overflow:hidden;transition:height .5s ease,content-visibility .5s allow-discrete}.platform-showcase .showcase-questions details[open]::details-content{height:auto}}
@media(prefers-reduced-motion:reduce){.platform-showcase .showcase-questions summary:before,.platform-showcase .showcase-questions details::details-content{transition:none}}

/* Equal section-label size, matching numbered chapter labels. */
.platform-showcase :is(.showcase-directory,.showcase-difference,.showcase-feature-section,.showcase-extras,.showcase-questions)>.showcase-kicker,.platform-showcase .showcase-chapter-head>.showcase-kicker{font-size:12.65px;line-height:1.5;font-weight:650;letter-spacing:.15em}
.platform-showcase .showcase-text-link .showcase-link-triangle{width:18px;height:18px;fill:#5ddd8e;vertical-align:-2px}

/* Marked app artwork: increase visible size without changing label placement. */
.platform-showcase .showcase-app-copy>.showcase-kicker>i>img:is(.nav-asset-micros,.nav-asset-mixed-environments,.nav-asset-scenarios,.nav-asset-knowledge-map,.nav-asset-bookmarks,.nav-asset-inmail){scale:1.15;transform-origin:center}
.platform-showcase #app-search .showcase-app-copy>.showcase-kicker>i{overflow:visible}
.platform-showcase #app-search .showcase-app-copy>.showcase-kicker>i>img{object-fit:contain;overflow:visible}

/* Three marked feature-card icons, 20 percent larger. */
.platform-showcase .showcase-feature-card>.showcase-kicker>i>img:is(.nav-asset-code-hub,.nav-asset-lectures,.nav-asset-micros){scale:1.2;transform-origin:center}

/* Complete platform tour between the hero gallery and learning workflow. */
.platform-showcase .showcase-tour{max-width:1100px;margin:70px auto 80px;text-align:center}
.platform-showcase .showcase-tour>h2{font-size:clamp(30px,3.5vw,52px);line-height:1.15;margin:16px 0 22px;color:#46cee8;background:linear-gradient(110deg,#79e7f5,#46cee8 48%,#409de3);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 10px #46cee85c);text-shadow:0 0 24px #46cee84d}
.showcase-tour>p{max-width:760px;margin:0 auto 30px;color:#b9afca;font-size:17px;line-height:1.8}
.platform-showcase .showcase-tour-preview{position:relative;display:block;width:100%;padding:0;overflow:hidden;border:1px solid #926dc3;border-radius:20px;background:#100b1c;cursor:pointer;box-shadow:0 18px 65px #0005;aspect-ratio:16/9}
.showcase-tour-preview>img{display:block;width:100%;height:100%;object-fit:contain}
.showcase-tour-preview:hover,.showcase-tour-preview:focus-visible{border-color:#79e7f5;box-shadow:0 0 26px #46cee828}
.showcase-tour-play{position:absolute;inset:auto 0 0;display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;padding:22px 16px;background:#100b1ce8;border-top:1px solid #b789f544;color:#fff;font-size:18px;font-weight:700;backdrop-filter:blur(8px)}
.showcase-tour-play svg{width:22px;height:22px;fill:#79e3b0}.showcase-tour-play small{font-size:13px;color:#c8b9d8;font-weight:500}
@media(max-width:700px){.platform-showcase .showcase-tour{margin:42px auto 55px}.showcase-tour-play{padding:12px;font-size:14px;gap:8px}.showcase-tour-play small{font-size:11px}.showcase-tour>p{font-size:15px}}

/* Numbered category paws share their geometry and muted colours with the jump rail. */
.platform-showcase .showcase-directory nav a{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;max-width:100%;line-height:1.4}
.showcase-chapter-paw{display:inline-flex;width:30px;height:30px;flex:0 0 30px;color:var(--chapter-colour,#b7a3d4);align-items:center;justify-content:center}
.showcase-chapter-paw svg{display:block;width:100%;height:100%;overflow:visible}
.showcase-directory .showcase-chapter-paw{animation:showcase-paw-glow 3.8s ease-in-out infinite}
@keyframes showcase-paw-glow{0%,100%{filter:drop-shadow(0 0 2px currentColor)}50%{filter:drop-shadow(0 0 5px currentColor)}}
.public-content:has(.platform-showcase){padding-left:max(64px,clamp(20px,4vw,72px))}
.platform-showcase .showcase-paw-nav{position:fixed;left:max(8px,calc((100vw - 1740px)/2 + 10px));top:calc(var(--public-header-height,104px) + (100dvh - var(--public-header-height,104px) - var(--public-footer-height,50px))/2);transform:translateY(-50%);z-index:15;display:flex;flex-direction:column;gap:10px;width:40px;max-height:calc(100dvh - var(--public-header-height,104px) - var(--public-footer-height,50px) - 32px);overflow:visible;padding:2px;scrollbar-width:none}
.platform-showcase .showcase-paw-nav>a{display:flex;align-items:center;justify-content:center;width:36px;height:36px;flex:0 0 36px;border-radius:10px;text-decoration:none;background:#17132166;border:1px solid #ffffff10;transition:background .2s,border-color .2s}
.showcase-paw-nav .showcase-chapter-paw{width:30px;height:30px;animation:none;filter:none}
.showcase-paw-nav>a:is(:hover,:focus-visible){background:#282033;border-color:var(--chapter-colour);outline-offset:-2px}
.platform-showcase .showcase-chapter{scroll-margin-top:calc(var(--public-header-height,104px) + 20px)}
@media(prefers-reduced-motion:reduce){.showcase-directory .showcase-chapter-paw{animation:none;filter:drop-shadow(0 0 2px currentColor)}}
@media(max-width:760px){.public-content:has(.platform-showcase){padding-left:60px}.platform-showcase .showcase-directory nav a{font-size:12px;padding:8px 10px}.showcase-directory .showcase-chapter-paw{width:26px;height:26px;flex-basis:26px}}

/* Lighter glass: show real screenshot colours beneath the card chrome. */
.platform-showcase .showcase-stage{background:var(--showcase-preview) center/cover no-repeat}
.platform-showcase .showcase-stage .showcase-flow>div{background:#20182b55;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}
html.public-site-document body #public-main .platform-showcase .showcase-stage>:is(.showcase-window-head,.showcase-deck-controls,.showcase-slide-note){background:#14142038!important;backdrop-filter:blur(10px) saturate(135%);-webkit-backdrop-filter:blur(10px) saturate(135%)}
/* Matching companion paw; preserve the purple original. */
.platform-showcase .showcase-hero>h1:after{content:"";position:absolute;left:calc(100% + 25px);top:50%;translate:0 -50%;width:140px;height:140px;background:url("/static/showcase-hero-paw-green.svg") center/contain no-repeat;filter:drop-shadow(0 0 10px #69e8a3aa) drop-shadow(0 0 23px #45b57960);pointer-events:none}
.showcase-paw-nav .showcase-chapter-paw{animation:showcase-paw-glow 3.8s ease-in-out infinite}
.platform-showcase .showcase-paw-nav>a:is(:hover,:focus-visible,[aria-current="location"]),.platform-showcase .showcase-directory nav a[aria-current="location"]{background:color-mix(in srgb,var(--chapter-colour) 22%,#171321);border-color:var(--chapter-colour);box-shadow:0 0 12px color-mix(in srgb,var(--chapter-colour) 45%,transparent)}
.showcase-paw-nav>a:is(:hover,:focus-visible,[aria-current="location"]) .showcase-chapter-paw{filter:drop-shadow(0 0 7px currentColor);animation:none;scale:1.1}
.showcase-paw-nav .showcase-chapter-paw{transition:scale .3s,filter .3s}
.showcase-quality-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:35px 0 80px}
.showcase-quality-grid article{padding:28px;border:1px solid #79e3b044;border-radius:20px;background:#13221d66;backdrop-filter:blur(10px)}
.showcase-quality-grid h3{font-size:24px;color:#9beac0;margin:0 0 14px}
.showcase-quality-grid p{font-size:18px;line-height:1.7;color:#d6cfdf;margin:0}
@media(max-width:760px){.platform-showcase .showcase-hero>h1:after{width:60px;height:60px;left:calc(100% + 8px)}.platform-showcase .showcase-hero>h1{max-width:calc(100% - 130px);margin-inline:auto}.showcase-quality-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.showcase-paw-nav .showcase-chapter-paw{animation:none}}

/* Bottom controls retain only a faint view through the glass. */
html.public-site-document body #public-main .platform-showcase .showcase-stage>.showcase-deck-controls{background:#141420c7!important;backdrop-filter:blur(5px) saturate(110%);-webkit-backdrop-filter:blur(5px) saturate(110%)}

/* Content-quality green text and chapter identifiers matching the jump rail. */
.platform-showcase #chapter-7 .showcase-quality-grid :is(h3,p){color:#79e3a4!important;-webkit-text-fill-color:#79e3a4!important}
.platform-showcase .showcase-chapter-head>.showcase-numbered-kicker{display:flex;align-items:center;gap:12px;background:none;-webkit-text-fill-color:initial}
.showcase-numbered-kicker .showcase-chapter-paw{color:var(--chapter-colour);-webkit-text-fill-color:var(--chapter-colour);animation:showcase-paw-glow 3.8s ease-in-out infinite}
.showcase-numbered-kicker>span:last-child{color:#46cee8}
.showcase-comparison-intro{max-width:1000px;font-size:21px;line-height:1.7;color:#d6cfdf}
.showcase-comparison-scroll{overflow:auto;border:1px solid #72cee555;border-radius:20px;background:#101624d9;margin:30px 0}
.showcase-comparison-scroll table{width:100%;min-width:1100px;border-collapse:collapse;font-size:16px;line-height:1.65}
.showcase-comparison-scroll :is(th,td){padding:22px 18px;text-align:left;vertical-align:top;border:1px solid #79cadd26}
.showcase-comparison-scroll thead th{color:#9eeafa;background:#142b38;font-size:19px}
.showcase-comparison-scroll tbody th{color:#d6e5ef;font-weight:650;width:15%}
.showcase-comparison-scroll tr>:nth-child(2){background:#1b50342b;color:#8cecb3}
.showcase-comparison-note,.showcase-comparison-sources{font-size:15px;line-height:1.7;color:#c7c4d4;max-width:1100px}
.showcase-comparison-sources a{color:#81d9ed;text-decoration:underline}
@media(prefers-reduced-motion:reduce){.showcase-numbered-kicker .showcase-chapter-paw{animation:none}}

/* Fit all seven paws between sticky chrome, retaining the exact 10px gaps. */
.platform-showcase .showcase-paw-nav{--paw-size:clamp(20px,calc((100dvh - var(--public-header-height,104px) - var(--public-footer-height,50px) - 96px)/7),36px)}
.platform-showcase .showcase-paw-nav>a{width:var(--paw-size);height:var(--paw-size);flex-basis:var(--paw-size)}
.showcase-paw-nav .showcase-chapter-paw{width:min(30px,calc(var(--paw-size) - 4px));height:min(30px,calc(var(--paw-size) - 4px));flex-basis:auto}

/* Chapter rail starts only after the first chapter reaches the viewport centre. */
.platform-showcase .showcase-paw-nav:not(.has-reached-chapters){visibility:hidden;opacity:0;pointer-events:none}

/* Heading paws: 20% larger; dark numbers must override inherited text fill. */
.showcase-numbered-kicker .showcase-chapter-paw{width:36px;height:36px;flex-basis:36px}
.showcase-numbered-kicker .showcase-chapter-paw text{fill:#171321!important;-webkit-text-fill-color:#171321!important;stroke:none;font-weight:900}

.platform-showcase .showcase-numbered-kicker .showcase-chapter-paw{width:36px!important;height:36px!important;min-width:36px!important;flex:0 0 36px!important}
.platform-showcase .showcase-chapter-paw text{fill:#171321!important;-webkit-text-fill-color:#171321!important;font-weight:900!important;stroke:none!important}

.showcase-progress-intro{max-width:850px;font-size:20px;line-height:1.7}
.showcase-milestone-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:34px}
.showcase-milestone-grid article{padding:26px;border:1px solid #e1b97945;border-radius:22px;background:#18172480}
.showcase-milestone-grid h3{font-size:26px;color:#7ce3a5;margin:0 0 14px}
.showcase-milestone-grid p{font-size:18px;line-height:1.65;margin-bottom:22px}
.showcase-milestone-grid img{display:block;width:100%;height:auto}
@media(max-width:760px){.showcase-milestone-grid{grid-template-columns:1fr}}

.showcase-comparison-brand{display:inline-flex;align-items:center;gap:9px;white-space:nowrap}.showcase-comparison-brand img{width:28px;height:28px;object-fit:contain;background:#f5f5fa;border-radius:7px;padding:3px}

/* Requested additional left offset for the floating chapter rail. */
.platform-showcase .showcase-paw-nav{translate:-40px 0}

.showcase-photo-gallery{position:relative}
.showcase-photo-gallery>.showcase-image-button{position:relative;display:block;aspect-ratio:16/9;width:100%;overflow:hidden}
.showcase-photo-gallery .showcase-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity 1.8s ease-in-out}
.showcase-photo-gallery .showcase-photo.is-current{opacity:1}
.showcase-photo-toggle{position:absolute;right:12px;bottom:12px;z-index:3;border:1px solid #ffffff50;border-radius:999px;padding:7px 12px;background:#171923d9;color:white;font:600 12px Arial,sans-serif}
.showcase-photo-toggle[aria-pressed="true"]{background:#287547}
@media(prefers-reduced-motion:reduce){.showcase-photo-gallery .showcase-photo{transition:none}}

/* Distinct outline assets prevent reuse of cached filled paw artwork. */
.platform-showcase .showcase-hero h1::before{background-image:url("/static/showcase-hero-paw-outline-purple.svg")!important}
.platform-showcase .showcase-hero h1::after{background-image:url("/static/showcase-hero-paw-outline-green.svg")!important}

/* Content quality cards: white explanations, green bold headings. */
.platform-showcase #chapter-7 .showcase-quality-grid article p{color:#ffffff!important;-webkit-text-fill-color:#ffffff!important}
.platform-showcase #chapter-7 .showcase-quality-grid article h3{color:#79e3a4!important;-webkit-text-fill-color:#79e3a4!important;font-weight:800!important}

/* Centre the final milestone card at the existing card width. */
@media(min-width:761px){.showcase-milestone-grid>article:last-child:nth-child(odd){grid-column:1/-1;width:calc((100% - 34px)/2);justify-self:center;box-sizing:border-box}}

/* Paw-only chapter selection, without a square background. */
.platform-showcase .showcase-paw-nav>a,.platform-showcase .showcase-paw-nav>a:is(:hover,:focus-visible,[aria-current="location"]){background:transparent!important;border-color:transparent!important;box-shadow:none!important;outline:none!important}
.platform-showcase .showcase-paw-nav>a:is(:hover,:focus-visible,[aria-current="location"]) .showcase-chapter-paw{scale:1.69!important;filter:drop-shadow(0 0 7px currentColor)}
.showcase-faq-bulb{display:inline-block;width:54px;height:60px;vertical-align:middle;margin-right:14px;flex:none;filter:drop-shadow(0 0 8px #ffd96a55)}
.showcase-questions>h2{display:flex;align-items:center}

/* Shared label size and visibly rounded tour media. */
.platform-showcase .showcase-tour>.showcase-kicker{font-size:12.65px!important;line-height:1.5;font-weight:650;letter-spacing:.15em}
.platform-showcase .showcase-tour-preview{border-radius:24px!important;overflow:hidden}
.platform-showcase .showcase-tour-preview>img{border-radius:23px 23px 0 0}
.showcase-skills{padding:70px 0;border-top:1px solid #bd9be728}
.showcase-skills>.showcase-kicker{font-size:12.65px}
.showcase-skills h2{font-size:clamp(30px,3.1vw,50px);line-height:1.2;color:#68ddef;max-width:950px}
.showcase-skills>p{font-size:19px;line-height:1.7;max-width:1000px;color:#d6d2e2}
.showcase-skills h3{font-size:25px;color:#79e3a4;margin-top:35px}
.showcase-skill-bubbles{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.showcase-skill-bubble{display:inline-flex;align-items:center;padding:11px 18px;border:1px solid #ba91e75c;border-radius:999px;background:linear-gradient(120deg,#a566d81c,#20273b70);color:#eee7fa;font-size:17px;font-weight:600;line-height:1.4}
.showcase-skill-bubble:nth-child(4n+2){border-color:#68cbd65c;background:linear-gradient(120deg,#45bccc1c,#20273b70)}
.showcase-skill-bubble:nth-child(4n+3){border-color:#72d49b5c;background:linear-gradient(120deg,#50bd811c,#20273b70)}
.showcase-skill-bubble:nth-child(4n){border-color:#dbb7755c;background:linear-gradient(120deg,#cfa04c1c,#20273b70)}
.showcase-skill-bubble.is-combined{color:#a3efc3}
@media(max-width:600px){.showcase-skills{padding:40px 0}.showcase-skill-bubble{font-size:15px;padding:9px 14px}}

/* Skills presentation follows the purple app-heading treatment. */
.platform-showcase .showcase-skills>h2{background:linear-gradient(110deg,#9aeeff 0%,#46cee8 48%,#29a8df 100%)!important;background-clip:text!important;-webkit-background-clip:text!important;color:transparent!important;-webkit-text-fill-color:transparent!important}
.platform-showcase .showcase-skills>.showcase-kicker{position:relative;top:18px}

/* New centered search row adds exactly 40px before the hero carousel. */
.showcase-search-row{height:40px;position:relative;z-index:5}
.showcase-platform-search{position:relative;top:20px;display:flex;align-items:center;gap:9px;width:min(420px,100%);height:37px;box-sizing:border-box;padding:0 11px;margin:0 auto;border:1px solid #505b64;border-radius:7px;background:#161b1f8a;color:#c1cbd2;backdrop-filter:blur(13px) saturate(115%)}
.showcase-platform-search>svg{width:16px;height:16px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round}
.platform-showcase .showcase-platform-search input{width:100%;min-width:0;height:100%;padding:0;margin:0;border:0;outline:0;background:transparent;color:#e1e7eb;font:14px Arial,sans-serif;box-shadow:none}
.showcase-platform-search input::placeholder{color:#929ea7}
.showcase-platform-search:focus-within{border-color:#93a7b5;box-shadow:0 0 0 1px #93a7b529}
.showcase-search-results{position:absolute;top:calc(100% + 8px);left:0;right:0;padding:8px;border:1px solid #79608d;border-radius:12px;background:#171522f5;box-shadow:0 12px 32px #0008;text-align:left}
.showcase-search-results>a{display:block;padding:10px 12px;border-radius:8px;color:#e9e1f5;font-size:14px;text-decoration:none}
.showcase-search-results>a:is(:hover,:focus){background:#74608c40;color:#8ce5b2}
.showcase-search-results>p{margin:8px;font-size:14px}

/* Clip the complete tour frame, including its image and footer. */
html.public-site-document body.public-frontend .platform-showcase .showcase-tour>.showcase-tour-preview{border-radius:28px!important;clip-path:inset(0 round 28px);overflow:hidden!important}
html.public-site-document body.public-frontend .platform-showcase .showcase-tour>.showcase-tour-preview>img{border-radius:27px 27px 0 0!important}

/* Frosted silver page search and persistent occurrence navigation. */
.platform-showcase .showcase-platform-search{border-radius:15px;background:linear-gradient(120deg,#d5dce34a,#aab5c22e);border-color:#c8d1dc78;backdrop-filter:blur(18px) saturate(110%);-webkit-backdrop-filter:blur(18px) saturate(110%)}
.platform-showcase .showcase-platform-search input{background:transparent!important;color:#f1f4f8!important}
.showcase-search-results>button{display:block;width:100%;border:0;border-radius:8px;padding:10px 12px;background:transparent;color:#e9e1f5;font:14px/1.5 Arial,sans-serif;text-align:left;cursor:pointer}
.showcase-search-results>button:is(:hover,:focus-visible){background:#74608c40;color:#8ce5b2}
mark.showcase-search-match{color:inherit;background:#61df9133;border-radius:4px;padding:1px 2px;scroll-margin-block:140px}
mark.showcase-search-match.is-current{background:#8ceab05e;box-shadow:0 0 0 2px #7de7a594,0 0 22px #67e59772;animation:showcase-match-glow 2.5s ease-in-out 2}
.showcase-search-navigation{position:fixed;z-index:9000;left:50%;translate:-50% 0;bottom:calc(var(--public-footer-height,45px) + 16px);display:flex;align-items:center;gap:8px;padding:7px 12px;border:1px solid #c3d5cd66;border-radius:999px;background:#283330b5;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 6px 25px #0005;color:#f3f7f5;font:600 13px/1.2 Arial,sans-serif}
.showcase-search-navigation[hidden]{display:none!important}
.showcase-search-navigation>button{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:4px;border:0;border-radius:50%;background:transparent;color:#66e297;cursor:pointer}
.showcase-search-navigation>button:is(:hover,:focus-visible){background:#72e5a42b;box-shadow:0 0 10px #69e49a40;outline:1px solid #77e6a78c}
.showcase-search-navigation svg{display:block;width:17px;height:17px;fill:currentColor}
.showcase-search-navigation svg.is-up{rotate:180deg}
.showcase-search-navigation .showcase-search-clear{color:#d7e1dc;font-size:20px}
@keyframes showcase-match-glow{50%{box-shadow:0 0 0 2px #91efb8,0 0 30px #67e597a0}}
@media(prefers-reduced-motion:reduce){mark.showcase-search-match.is-current{animation:none}}

/* Compact gallery transport, anchored to the card's lower-right controls. */
.showcase-deck-controls{position:relative}
.showcase-deck-controls:has(.showcase-photo-controls){padding-right:126px}
.showcase-photo-controls{position:absolute;right:10px;bottom:8px;display:flex;align-items:center;gap:5px;z-index:5;padding:3px;border-radius:999px;background:rgba(20,23,30,.86)}
.showcase-photo-controls>button{display:grid;place-items:center;width:28px;height:28px;padding:5px;border:1px solid transparent;border-radius:50%;background:transparent;color:#61df91;cursor:pointer}
.showcase-photo-controls>button[data-photo-pause]{color:#ed6565}
.showcase-photo-controls>button>svg{display:block;width:16px;height:16px;fill:currentColor}
.showcase-photo-controls>button:is(:hover,:focus-visible){border-color:currentColor;box-shadow:0 0 8px #61df9140;outline:none}
.showcase-photo-controls>button[aria-pressed="true"]{background:#ffffff13}

.platform-showcase .showcase-hero>.showcase-kicker{font-size:21.6px!important}