/* Public page system. Original menu controls keep their own product styling. */
:root{--page-ground:#1e2a38;--page-stage:#172737;--page-panel:#25394a;--page-ink:#e0e9ef;--page-muted:#b1c3d0;--page-accent:#a5e3d2;--page-header-height:85px}
html{scroll-padding-top:var(--page-header-height)}
#showcase{scroll-margin-top:-1px}
body{background:var(--page-ground);color:var(--page-ink)}
.header{background:var(--page-ground);border:0}
.header.scrolled{background:var(--page-ground);border:0;backdrop-filter:none}
.header nav{font-size:13px;gap:21px}
.header nav a{padding-block:12px}
.header nav a:hover{color:var(--page-accent)}
.tag-nav span{background:#a5e3d21a;border:0;font-size:12px;padding:3px 6px}
.hero{border:0;background:var(--page-ground);gap:65px;min-height:740px;padding-top:140px;padding-bottom:115px}
.hero-content>.hero-intro{font-size:16px;font-weight:500;color:var(--page-accent);margin:0 0 27px;max-width:none}
.hero h1{font-size:clamp(66px,6.8vw,96px);line-height:1.04;letter-spacing:-.055em}
.hero .blue-word{background:none;color:var(--page-accent);-webkit-text-fill-color:currentColor}
.hero-content>p:not(.hero-intro){font-size:16px;line-height:1.7;max-width:390px;margin-top:30px;color:var(--page-ink)}
.hero-actions{margin-top:32px;gap:24px}
.button,.copy-loader{background:var(--page-accent);color:#18352f;border:0;border-radius:999px;box-shadow:none;font-size:14px;min-height:46px;padding:13px 23px;font-weight:700}
.button:hover,.copy-loader:hover{background:#c4f2e5;box-shadow:none}
.button.small{font-size:12px;min-height:40px;padding:11px 17px}
.text-button{font-size:14px;color:var(--page-ink)}
.hero-product-label{font-size:13px;letter-spacing:0;color:var(--page-muted);margin-bottom:16px}
.hero-product-panel{box-shadow:none}
.hero-product-caption{font-size:13px}
.hero-product-caption a{border:0}
.hero-product-chip{font-size:12px}
#hero-menu-detail .og-range-top strong,#hero-menu-detail .og-control strong{font-size:14px}
.hero>.scroll-cue{font-size:12px;bottom:30px}
.section-wrap{max-width:1220px;padding-inline:48px}
.showcase{background:transparent;padding-block:95px 85px;isolation:isolate}
.showcase:before{content:'';position:absolute;inset:0 calc((100% - 100vw)/2);background:var(--page-stage);z-index:-1}
.showcase-heading{display:grid;grid-template-columns:1fr .8fr;gap:50px;align-items:end;text-align:left;margin-bottom:45px}
.showcase-heading h2{font-size:clamp(40px,4vw,56px);line-height:1.08;letter-spacing:-.04em}
.showcase-heading p{font-size:16px;line-height:1.7;margin:0;max-width:380px;color:var(--page-ink)}
.showcase .product-stage{margin-top:0}
.showcase .original-preview{box-shadow:none}
.showcase .demo-note{font-size:13px;color:var(--page-muted);max-width:720px;line-height:1.7;margin-top:24px}
.capability{padding-block:110px}
.capability-intro h2{font-size:clamp(42px,4.5vw,64px);letter-spacing:-.04em}
.capability-intro>p{color:var(--page-ink);font-size:16px;line-height:1.7}
.capability-selector [role=tab]{border:0;background:transparent;border-radius:18px;padding:22px 24px}
.capability-selector [role=tab][aria-selected=true]{background:var(--page-panel)}
.capability-selector [role=tab]>span{font-size:21px}
.capability-selector [role=tab]>small{font-size:14px;line-height:1.6;color:var(--page-muted)}
.capability-try{font-size:14px}
.capability-more{gap:38px;margin-top:50px}
.capability-more h3{font-size:19px}
.capability-more p,.capability .compat-note p{font-size:14px;line-height:1.75;color:var(--page-muted)}
.themes{background:var(--page-stage);border:0}
.themes-inner{padding-block:95px;gap:55px}
.theme-copy h2{font-size:clamp(40px,4.3vw,58px);line-height:1.08;letter-spacing:-.04em}
.theme-copy h2>span{color:var(--page-ink)}
.theme-copy p{font-size:16px;line-height:1.7;max-width:410px;color:var(--page-ink)}
.theme-copy .theme-footnote{font-size:13px;color:var(--page-muted)}
.theme-options{gap:9px;margin-top:28px}
.theme-chip{font-size:13px;padding:11px 15px;background:#ffffff08;border-color:transparent;border-radius:999px}
.theme-chip.active,.theme-chip[aria-pressed=true]{background:#b5d3e31b;border-color:currentColor}
.theme-preview-caption{font-size:13px;color:var(--page-muted)}
.loader-section{padding-top:105px;padding-bottom:95px;scroll-margin-top:-1px}
.section-intro{margin-bottom:38px;align-items:center}
.section-intro h2{font-size:clamp(40px,4.5vw,62px);line-height:1.1;letter-spacing:-.04em}
.section-intro>p{font-size:16px;line-height:1.7;color:var(--page-ink)}
.loader-terminal{background:var(--page-stage);border:0;box-shadow:none;border-radius:22px}
.terminal-toolbar,.terminal-bottom{border:0}
.terminal-file{font-size:14px}
.terminal-language{font-size:12px;letter-spacing:0}
.terminal-bottom{font-size:13px}
.loader-terminal pre{font-size:16px;padding:36px 28px}
.loader-steps>.onboarding-step{background:var(--page-panel);border:0;border-radius:20px}
.loader-steps strong{font-size:17px}
.loader-steps .onboarding-step p{font-size:14px;color:var(--page-muted);line-height:1.7;max-width:285px}
#executors{padding-top:0;padding-bottom:105px}
.status-main{background:var(--page-stage);border:0;border-radius:22px;box-shadow:none}
.status-main p{font-size:16px;line-height:1.7;color:var(--page-muted)}
.status-main h3{font-size:30px;letter-spacing:-1px}
.status-main .status-open{font-size:14px}
.executor-card{background:var(--page-panel);border:0;box-shadow:none}
.executor-name{font-size:21px}
.executor-updated,.executor-source{font-size:13px}
.faq{padding-block:0 100px;gap:65px;grid-template-columns:.8fr 1.2fr}
.faq h2{font-size:clamp(40px,4.5vw,62px);line-height:1.08;letter-spacing:-.04em}
.faq-list{display:grid;gap:10px;align-content:start}
.faq-list .faq-item,.faq-list .faq-item:first-child{border:0;background:var(--page-panel);border-radius:18px}
.faq-list summary{font-size:15px;padding:23px;line-height:1.6}
.faq-answer>div{padding:0 23px 24px}
.faq-list .faq-answer p{font-size:15px;line-height:1.75;color:var(--page-ink)}
.final-cta{background:var(--page-stage);padding-block:65px 70px}
.final-cta .cta-line{display:none}
.final-cta:before{display:block;content:'';inset:0 calc((100% - 100vw)/2);background:var(--page-stage)}
.final-cta h2{font-size:clamp(48px,5.5vw,74px);letter-spacing:-.045em;line-height:1.06}
.final-cta h2 span{font-family:inherit;font-style:normal;color:var(--page-accent);font-weight:inherit}
.final-cta .button{margin-top:28px}
footer{padding-block:38px 30px}
.footer-top>a:last-child,.footer-bottom,.footer-bottom>span:nth-child(2){font-size:13px}
.footer-bottom{border:0;margin-top:25px;padding-top:0;color:var(--page-muted);line-height:1.7}
.footer-bottom button{font-size:13px}
.footer-bottom a{color:var(--page-ink)}
.external-dialog{background:var(--page-panel)}
.external-actions>.external-cancel{border:0;border-radius:999px;background:#354e60;color:var(--page-ink);font-size:14px;min-height:48px}
.external-actions>.external-cancel:hover{background:#426077}
.faq-list summary:focus-visible{outline:2px solid var(--page-accent);outline-offset:3px;border-radius:18px}
@media(min-width:1500px){.hero{min-height:780px}.hero h1{font-size:96px}}
@media(max-width:1100px){.header nav{gap:13px}.header{gap:18px}.section-wrap{padding-inline:38px}.hero{gap:36px}.hero h1{font-size:76px}.themes-inner{gap:30px}.theme-copy h2{font-size:45px}}
@media(max-width:900px){.hero{min-height:0;padding:125px 38px 105px;gap:48px}.hero-content{max-width:560px}.hero h1{font-size:82px}.hero-content>p:not(.hero-intro){max-width:480px}.showcase-heading{grid-template-columns:1fr;gap:23px}.showcase-heading p{max-width:550px}.themes-inner{grid-template-columns:1fr;padding-block:75px;gap:40px}.theme-copy p{max-width:560px}.faq{grid-template-columns:1fr;gap:32px}.capability-more{gap:20px}.section-intro{display:block}.section-intro>p{max-width:560px!important;margin-top:24px}}
@media(max-width:700px){:root{--page-header-height:70px}.header{height:70px}.header nav{background:var(--page-stage);font-size:15px}.section-wrap{padding-inline:24px}.hero{padding:118px 24px 105px}.hero h1{font-size:clamp(56px,14vw,80px)}.hero-content>.hero-intro{font-size:14px;margin-bottom:22px}.hero-content>p:not(.hero-intro){font-size:15px;margin-top:24px}.hero-actions{gap:18px}.button{font-size:13px;padding:13px 19px}.text-button{font-size:13px}.hero-product-caption{font-size:12px}.showcase{padding-block:64px 65px}.showcase-heading h2,.section-intro h2,.theme-copy h2,.faq h2{font-size:clamp(36px,9.5vw,46px)}.showcase-heading p,.section-intro>p,.theme-copy p,.capability-intro>p{font-size:15px}.showcase .demo-note{font-size:12px}.capability{padding-block:70px}.capability-intro h2{font-size:44px}.capability-selector [role=tab]{padding:18px 15px}.capability-selector [role=tab]>span{font-size:18px}.capability-selector [role=tab]>small{font-size:13px}.capability-more{grid-template-columns:1fr;gap:24px;margin-top:32px}.themes-inner{padding-block:68px}.theme-options{gap:8px}.theme-chip{font-size:12px;padding:11px 13px}.loader-section{padding-top:70px;padding-bottom:70px}.loader-terminal pre{font-size:13px;padding:27px 20px}.copy-loader{font-size:12px;padding:11px 14px}.loader-steps .onboarding-step p{font-size:14px}.loader-steps>.onboarding-step{min-height:220px}.faq{padding-bottom:70px}.faq-list summary{font-size:14px;padding:20px}.faq-answer>div{padding:0 20px 22px}.faq-list .faq-answer p{font-size:14px}.final-cta{padding-block:55px}.final-cta h2{font-size:clamp(43px,12vw,62px)}.footer-top,.footer-bottom{gap:18px}.footer-bottom>span:nth-child(2){font-size:12px}.footer-top>a:last-child,.footer-bottom{font-size:12px}#executors{padding-bottom:70px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.loader-directions{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin:25px 0 0;padding:28px;background:var(--page-panel);border-radius:22px;list-style:decimal inside}
.loader-directions li{font-size:16px;line-height:1.5;min-width:0}.loader-directions li::marker{color:var(--page-accent);font-weight:700}.loader-directions strong{font-size:16px}.loader-directions p{font-size:14px;line-height:1.7;color:var(--page-muted);margin-top:12px}
.executor-title{font-size:21px}.executor-date,#status-freshness{font-size:13px}.executor-chip,.executor-status{font-size:11px}.executor-detail-link,#refresh-status{font-size:13px}.executor-detail-note,.executor-source-note{font-size:13px;line-height:1.7}
.hero-product-label>span:last-child{color:var(--page-muted)}
@media(max-width:700px){.loader-directions{grid-template-columns:1fr;gap:25px;padding:24px}.executor-title{font-size:20px}.executor-date{font-size:12px}}
@media(max-width:1000px){.header nav{display:none;position:absolute;top:var(--page-header-height);left:0;right:0;margin:0;flex-direction:column;align-items:stretch;gap:0;padding:14px 24px;background:var(--page-stage);border:0;border-radius:0 0 22px 22px}.header nav.open{display:flex}.header nav a{padding:13px 0;min-height:44px}.mobile-nav{display:flex;align-items:center;justify-content:center;width:38px;height:38px;flex-shrink:0}.nav-actions{margin-left:auto;flex-shrink:0}.header .brand{flex-shrink:0}.header .button.small{white-space:nowrap}}
@media(max-width:400px){.hero h1{font-size:clamp(42px,13vw,52px)}}
.header .mobile-nav{background:transparent;color:var(--page-ink);border:0;border-radius:999px}
.header .mobile-nav:hover{background:#ffffff0c}

/* Align link hit areas and text centers, including the taller Tag badge. */
.header nav{align-items:center}
.header nav>a{display:inline-flex;align-items:center;justify-content:flex-start;min-height:44px;line-height:1.2;box-sizing:border-box}
.header nav .tag-nav{gap:6px;align-self:center}
.header nav .tag-nav>span{display:inline-flex;align-items:center;line-height:1;padding:4px 6px;vertical-align:middle}
@media(max-width:1000px){.header nav{align-items:stretch}.header nav .tag-nav{align-self:stretch}}

.og-music-player input[type=range]{appearance:none;-webkit-appearance:none;background:transparent;border:0;border-radius:999px;padding:0;cursor:pointer}.og-music-player input[type=range]::-webkit-slider-runnable-track{height:5px;background:#ffffff20;border-radius:999px}.og-music-player input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:14px;height:14px;margin-top:-4.5px;background:var(--og-active,#b8dcd7);border:0;border-radius:50%}.og-music-player input[type=range]::-moz-range-track{height:5px;background:#ffffff20;border:0;border-radius:999px}.og-music-player input[type=range]::-moz-range-thumb{width:14px;height:14px;background:var(--og-active,#b8dcd7);border:0;border-radius:50%}.og-music-content>[hidden]{display:none!important}


.og-island-music{border-radius:999px!important;min-width:30px}.og-music-player{padding:18px;display:grid;gap:12px;border-top:1px solid #ffffff12}.og-music-player[hidden]{display:none}.og-music-player audio{max-width:100%;height:36px}.og-music-player input{max-width:100%;font-size:12px}


.og-music-controls{display:flex;align-items:center;gap:16px}.og-music-controls button,.og-music-pick{min-height:36px;padding:8px 14px;border:1px solid #ffffff20;border-radius:12px;background:#ffffff0b;color:inherit;transition:background .18s,transform .18s}.og-music-controls button:hover,.og-music-pick:hover{background:#ffffff18;transform:translateY(-1px)}.og-music-track{margin:0;max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;color:#b9c2ca}.og-music-time{font-size:11px;font-variant-numeric:tabular-nums;color:#a6b2be}.og-music-player input[type=range]{accent-color:#b8dcd7;width:100%;height:18px}.og-music-controls input[type=range]{width:110px}.og-island-music .icon{width:16px;height:16px}


.og-island.og-music-open,.og-island.og-music-open:hover{height:420px;width:308px;z-index:10;border-radius:22px}.og-island.og-music-open .og-island-caption{display:none}.og-music-player{height:385px;box-sizing:border-box;overflow:auto;gap:10px;text-align:left}.og-music-tabs{display:flex;padding:3px;border-radius:12px;background:#ffffff08}.og-music-tabs button{flex:1;border:0;padding:8px 4px;background:transparent;border-radius:9px;color:inherit;font-size:11px;transition:background .18s}.og-music-tabs button.active{background:#ffffff17}.og-music-content{display:grid;gap:8px}.og-music-content .og-search{width:100%;box-sizing:border-box;min-width:0;font-size:11px}.og-music-content .og-empty{font-size:10px;line-height:1.5;margin:0}.og-music-player>strong{font-size:13px}.og-music-player .og-clear-field{min-width:0}.og-music-player audio{display:none}


/* The sample panel must fit above its dock without clipping its rounded header. */
@media(max-width:700px){#theme-art .og-stage.og-theme-scene{height:590px;min-height:590px}#theme-art .og-theme-scene .og-panel{max-height:calc(100% - 140px)!important;bottom:110px!important;border-radius:18px!important}#theme-art .og-theme-scene .og-dock{bottom:25px!important}.theme-menu-stage{min-width:0}}

/* Eight tabs, including Admin, fit inside the same rounded mobile dock. */
@media(max-width:700px){
 .og-stage .og-dock{width:calc(100% - 20px);max-width:420px;box-sizing:border-box;gap:2px;padding:6px;}
 .og-stage .og-dock .og-tab{flex:1 1 0;min-width:0;padding-inline:0;justify-content:center;}
 .og-stage .og-dock .og-tab>span{display:none!important;}
 .og-stage .og-dock .og-tab img,.og-stage .og-dock .og-tab .icon{width:20px;height:20px;}
}


.scroll-cue .explore-symbol{position:relative;display:block;flex-shrink:0;padding:0;line-height:0}
.scroll-cue .explore-symbol svg{position:absolute;inset:0;display:block;margin:auto;padding:0;width:15px;height:15px;translate:none;transform:none}


/* R38: quiet dialogs use the same flat surface as the public site. */
#privacy-dialog{background:var(--page-panel);color:var(--page-ink);border:1px solid var(--line);border-radius:24px;box-shadow:0 24px 80px #0005;padding:38px;width:min(620px,calc(100vw - 32px));max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);overflow-y:auto;overflow-x:hidden}
#privacy-dialog .eyebrow{color:var(--page-accent);font-size:12px;margin-bottom:24px}
#privacy-dialog h2{font-size:36px;line-height:1.15;margin:0 0 24px;letter-spacing:-1.2px}
#privacy-dialog p{font-size:15px;line-height:1.8;color:var(--page-muted);margin:0 0 20px}
#privacy-dialog .dialog-dismiss{width:100%;margin-top:10px}
.scroll-cue .explore-symbol{box-sizing:border-box;display:grid;place-items:center;background:transparent}
.scroll-cue .explore-symbol svg{position:static;inset:auto;display:block;box-sizing:content-box;margin:0;width:20px;height:20px;transform:none!important;translate:none!important;animation:none!important}
@media(max-width:600px){#privacy-dialog{padding:28px 24px}#privacy-dialog h2{font-size:30px}}


/* R40: the whole accordion is one surface, including its expanded body. */
.executor-card .executor-toggle:hover,.executor-card .executor-toggle:focus-visible,.executor-card .executor-toggle:active{background:transparent;translate:none;transform:none}.executor-card:hover{translate:none;background:var(--page-panel);border-color:var(--line)}
/* -- by Larsiopuw */