/* Monolith Studio. Visual layer only: existing routes, access and form behavior remain intact. */
:root{
 --mono-dark:#111313;--mono-panel:#1d2021;--mono-paper:#f7f7f4;--mono-white:#fff;
 --mono-ink:#171a1d;--mono-muted:#525b63;--mono-line:#d7dadb;
 --mono-orange:#ff792c;--mono-action:#b83d08;--mono-tint:#fff0e5;
 --lab-paper:var(--mono-paper);--lab-ink:var(--mono-ink);--lab-teal:var(--mono-action);
 --lab-muted:var(--mono-muted);--lab-line:var(--mono-line);--lab-accent:var(--mono-orange);
 --learn-bg:var(--mono-paper);--learn-ink:var(--mono-ink);--learn-teal:var(--mono-action);
 --learn-orange:var(--mono-action);--learn-muted:var(--mono-muted);--learn-line:var(--mono-line);
}
body{margin:0;padding-bottom:0;background:var(--mono-paper);color:var(--mono-ink);font-family:'Lab Sans',Arial,sans-serif}
::selection{background:#ffd4b8;color:#151719}
:where(a,button,input,textarea,select,summary):focus-visible{outline:3px solid var(--mono-action)!important;outline-offset:4px;box-shadow:0 0 0 2px #fff!important}
button,a,input,textarea,select,summary{touch-action:manipulation}
input,textarea,select{accent-color:var(--mono-action)}
.site-header{background:var(--mono-dark);color:#f8f8f4;padding:24px 0;border-bottom:1px solid #303334}
.site-header-inner,.site-footer-inner,.home-hero-inner,.home-content{width:calc(100% - 112px);max-width:1328px;margin-inline:auto}
.site-header-inner{gap:28px}.site-logo{color:inherit;gap:16px}.site-logo:hover{color:#fff}
.site-logo span{font-size:44px;font-weight:780;letter-spacing:-.045em}.site-logo img{width:56px;height:64px}
.site-navigation{gap:26px}.site-nav{gap:24px}.site-nav a{font-size:17px;min-height:48px}
.site-nav a:hover,.site-nav a[aria-current]{color:#ffae7d;text-decoration-color:var(--mono-orange)}
.site-button{border-radius:10px;border-color:var(--mono-action);background:var(--mono-action);color:#fff;font-size:17px;min-height:50px;padding:13px 22px;font-weight:650}
.site-button:hover{background:#963006;border-color:#963006;color:#fff}
.site-button-outline{background:transparent;border-color:#9ba2a4;color:inherit}
.site-button-outline:hover{background:#292e30;color:#fff;border-color:#f4f4ef}
.site-header .site-actions>.site-button:not(.site-button-outline),.home-primary{background:var(--mono-orange);border-color:var(--mono-orange);color:#141719}
.site-header .site-actions>.site-button:not(.site-button-outline):hover,.home-primary:hover{background:#ff965a;border-color:#ff965a;color:#141719}
.home-primary .brand-icon{filter:brightness(0)}
.site-header :focus-visible,.learning-header :focus-visible,.learning-sidebar :focus-visible,.development-access :focus-visible,.admin-dev-bar :focus-visible{outline-color:#ffb181!important;box-shadow:0 0 0 2px #111313!important}
.site-menu-toggle{border-color:#6a7275;color:#fff;background:transparent;min-height:48px}
.site-menu-toggle .brand-icon{filter:brightness(0) invert(1)}
.development-access,.admin-dev-bar{background:#202425;color:#f2f3ef;border-bottom:1px solid #414647;font-family:'Lab Sans',Arial,sans-serif}
.development-access{padding:7px max(24px,4vw);font-size:15px}
.development-access a,.preview-banner button,.admin-dev-bar a{background:transparent;border-color:#879091;color:#fff;min-height:44px;border-radius:8px}
.development-access a:last-child,.admin-dev-bar a.admin-dev-primary{background:#343b3d;color:#fff;border-color:#747d80}
.preview-banner button:hover,.admin-dev-bar a:hover,.development-access a:hover{background:#41484a;color:#fff}
.admin-dev-bar a[aria-current]{outline-color:var(--mono-orange)}
.lab-home{width:100%;max-width:none;color:var(--mono-ink);background:var(--mono-paper)}
.home-hero{position:relative;isolation:isolate;overflow:hidden;background:var(--mono-dark);color:#fafaf5;min-height:660px}
.home-hero-media{position:absolute;inset:0;z-index:-1;display:block;pointer-events:none}
.home-hero-media img{width:100%;height:100%;display:block;object-fit:cover;object-position:center center}
.home-hero-inner{padding:34px 0 62px;position:relative}
.home-context{font-size:20px;font-weight:450;color:#eeefeb;max-width:680px;line-height:1.5;margin:0 0 24px}
.home-title{width:67%;max-width:930px;color:#fafaf4;font-weight:900;line-height:.87;margin:0 0 26px}
.home-title-line>span{line-height:.87;letter-spacing:-.045em}.home-title-top>span{word-spacing:.05em}.home-title-bottom{margin-top:13px}
.home-intro{display:block}.home-copy{width:47%;max-width:610px;padding:0;gap:23px;justify-content:flex-start}
.home-lead{font-size:clamp(26px,2.3vw,34px);line-height:1.25;letter-spacing:-.025em;font-weight:500;color:#f8f8f3}
.home-free{font-size:19px;line-height:1.5;background:#382014;color:#fff5ed;border-left:4px solid var(--mono-orange);padding:15px 19px;border-radius:9px;font-weight:600}
.home-actions{margin-top:0;gap:34px;flex-wrap:wrap}.home-primary{font-size:21px;padding:17px 29px;min-height:62px;gap:26px}
.home-contact{color:#fff;font-size:20px;gap:18px}.home-contact:hover{color:#ffb181}.home-contact span{border-color:var(--mono-orange)}.home-contact .brand-icon{filter:brightness(0) invert(1)}
.home-pillars{margin:0;padding:44px 0;gap:0;border-bottom:1px solid var(--mono-line)}
.home-pillars .card{background:transparent;border:0;border-right:1px solid var(--mono-line);border-radius:0;padding:0 34px;box-shadow:none}
.home-pillars .card:first-child{padding-left:0}.home-pillars .card:last-child{border-right:0;padding-right:0}
.home-pillars h2{font-size:36px;letter-spacing:-.035em;margin-bottom:13px}.home-pillars p{font-size:18px;color:#464f55}
.home-topic{border:0;padding:48px 0 34px;max-width:900px}
.home-topic h2{font-size:clamp(36px,4vw,60px);font-weight:800;letter-spacing:-.045em;margin:0 0 22px}
.home-topic p{font-size:20px;line-height:1.6;color:#3f484f}
.home-meeting{margin:22px 0 48px;padding:30px;background:#fff;border:1px solid var(--mono-line);border-radius:16px;gap:24px}
.home-meeting h2{font-size:29px;color:var(--mono-ink)}.home-meeting>div{border:0;padding:0}.home-meeting p{color:#475158;font-size:18px}
.home-meeting>.brand-icon{filter:grayscale(1) brightness(.2);width:42px;height:42px}.home-meeting .site-button{margin-top:20px}
.home-belief{padding:27px 0 34px;margin:0 0 46px;border-top:1px solid var(--mono-line);border-bottom:0}
.home-belief:before{background:var(--mono-orange)}.home-belief p{font-size:clamp(28px,3.3vw,44px);letter-spacing:-.04em;max-width:1050px}
.site-footer{background:var(--mono-dark);color:#f5f5f1;padding:32px 0 30px}
.site-footer-inner{border:0;padding:0;gap:20px}.site-footer .site-logo span{font-size:26px}.site-footer .site-logo img{width:33px;height:39px}
.site-footer nav{color:#d2d7d6;font-size:17px}.footer-free{color:#c8cecd!important}
/* Calm light content surfaces share the same typography and warm action color. */
.lab-app,.reference{--ink:var(--mono-ink);--muted:var(--mono-muted);--teal:var(--mono-action);color:var(--mono-ink);background:var(--mono-paper)}
.lab-main{color:var(--mono-ink)}.lab-main :where(h1,h2,h3){color:var(--mono-ink)}
.lab-heading h1{letter-spacing:-.045em;font-size:clamp(34px,4vw,60px);font-weight:800;line-height:1.1}
.lab-heading .lead{color:var(--mono-muted);font-size:20px}.lab-kicker{color:var(--mono-action);letter-spacing:.08em;font-weight:700}
.lab-main .card{background:#fff;border-color:var(--mono-line);border-radius:15px;box-shadow:none}
.lab-main .btn,.lab-main .learn-button{border-color:#a6abad;color:var(--mono-ink);border-radius:9px;background:#fff;min-height:48px;font-family:inherit}
.lab-main .btn:hover,.lab-main .learn-button:hover{border-color:var(--mono-action);background:#fff7f1}
.lab-main .btn.primary,.learn-button.primary{background:var(--mono-action);border-color:var(--mono-action);color:#fff}
.lab-main .btn.primary:hover,.learn-button.primary:hover{background:#963006;border-color:#963006;color:#fff}
.lab-main a:not(.btn):not(.learn-button):not(.card):not(.course-lesson-card){color:var(--mono-action)}
.lab-main .small,.lab-main .muted,.lab-main .lead,.ux-required{color:var(--mono-muted)}
.lab-form input:not([type=checkbox]):not([type=radio]),.lab-form textarea,.lab-form select{border:1px solid #899297;border-radius:9px;background:#fff;color:#171a1d;min-height:52px}
.lab-form input:hover,.lab-form textarea:hover,.lab-form select:hover{border-color:#424a4e}
.lab-interest,.lab-check{border-color:var(--mono-line)}.lab-interest:has(:checked){background:var(--mono-tint);border-color:#b83d08}
.lab-interest:has(:focus-visible),.lab-check:has(:focus-visible){outline-color:var(--mono-action)}
.notice,.lab-welcome,.participation-success,.start-free,.start-safety{background:var(--mono-tint);color:#512509;border-color:#ddbfa9}
.lab-app .lab-welcome,.lab-app .notice:not(.warn){background:var(--mono-tint)!important;color:#512509;border-color:#ddbfa9}
.lab-app .lab-welcome :is(h2,h3,strong){color:#512509}
.lab-steps li::marker{color:var(--mono-action)}
.lab-main .notice.warn{background:#fff1d5;color:#704000}.contact-privacy{border:1px solid var(--mono-line);border-radius:10px;padding:4px 16px}
.contact-privacy summary{min-height:48px;color:#3a4145}.ux-breadcrumb{color:#596268}.ux-breadcrumb a{color:var(--mono-action)}
/* The learning room stays light; the dark navigation and orange next step connect it to the homepage. */
.learning-header{background:var(--mono-dark);color:#f6f7f1;border-color:#383e40;padding:25px 40px}
.learning-logo{font-family:'Lab Sans',Arial,sans-serif;font-size:37px;letter-spacing:-.045em;gap:15px;color:#fff}
.learning-profile{color:#eef1ed}.learning-avatar{background:#333a3c;color:#ffb181}
.learning-header .learn-button{border-color:#899395;color:#fff}.learning-header .learn-button:hover{background:#313739;color:#fff}
.learning-app{background:var(--mono-paper)}.learning-sidebar{background:#181c1d;border-color:#303638;padding-top:32px}
.learning-sidebar nav a{color:#dbe0dd;border-radius:10px;min-height:56px;font-size:18px;padding:16px}
.learning-sidebar nav a:hover{background:#2b3234;color:#fff}.learning-sidebar nav a[aria-current]{background:#3d271c;color:#ffc49d;box-shadow:inset 4px 0 var(--mono-orange)}
.learning-sidebar .learn-icon{filter:brightness(0) invert(1);opacity:.9}.learning-sidebar nav a[aria-current] .learn-icon{opacity:1}
.learning-more{color:#d1d8d5}.learning-more[open]{background:transparent}.learning-more a:hover,.learning-more button:hover{color:#ffb587}
.learning-main.lab-main{padding-top:42px}.learning-welcome{padding-bottom:17px;border-bottom:1px solid var(--mono-line)}
.learning-welcome h1{font-size:clamp(40px,4.3vw,64px);font-weight:800}.learning-welcome h2{font-size:clamp(27px,2.7vw,38px);font-weight:500;margin-top:10px}
.learning-path>li,.learning-path>li.is-next{border-left-color:transparent;gap:24px;padding:28px 0 28px 22px}
.learning-path>li.is-next{border-left-color:var(--mono-action)}.learning-path h2{font-size:clamp(24px,2.2vw,31px)}
.learning-step{background:#e9e9e3;color:#33383a}.is-next .learning-step{background:var(--mono-action);color:#fff}
.learning-art{display:none}.learning-access{background:var(--mono-tint);border:1px solid #e8cdb9;padding:25px;border-radius:14px}
.learning-access h2{color:#50270d}.learning-access p,.learning-access ul{color:#645243}
.learning-projects{border-left:4px solid var(--mono-action)!important}.learning-disabled{background:#e7e8e4;color:#586167;border-color:#c9cdcb}
.learning-main .learn-icon{filter:grayscale(1) brightness(.25)}.learning-main .primary .learn-icon,.is-next .learning-step .learn-icon{filter:brightness(0) invert(1)}
.learning-message{background:#fff;border:1px solid var(--mono-line);border-radius:14px}.learning-message.user{background:#ffebdc;border-color:#edc7ac}
.learning-chat-tools nav{background:#fff;border-color:var(--mono-line);border-radius:12px}.learning-service-status{background:#fff1d5;border-color:#b15d11;color:#5f3d18}
.learning-write{border-color:#8a969b;background:#fff}.learning-write textarea{color:var(--mono-ink)}
.learning-suggestions button,.learning-followups button{border-color:#a5abad;color:var(--mono-ink);background:#fff;font-size:16px}
.learning-suggestions button:hover,.learning-followups button:hover{background:var(--mono-tint);border-color:var(--mono-action)}
/* Course and first-message panels use the same accessible warm accents. */
.course-reader{color:var(--mono-ink)}.course-reader h1{font-weight:800}
.course-reader>.course-progress{background:#eeeFEB;border-color:#c9cecb}.course-reader>.course-progress progress,.course-reader>.course-progress progress::-webkit-progress-bar{background:#d4d8d4}
.course-reader>.course-progress progress::-webkit-progress-value{background:var(--mono-action)}.course-reader>.course-progress progress{accent-color:var(--mono-action)}
.course-example{background:#efefea}.course-prompt,.course-copy-fallback{border-color:#a1abae;color:var(--mono-ink);background:#fff}
.course-prompt strong,.course-copy-status,.start-free-label{color:var(--mono-action)}.course-bubble.answer{background:#fafaf7;border-color:#d6dad7}
.course-example .course-bubble strong{color:#713b1c}.course-detailed{border-top-color:var(--mono-action)!important}
.course-brief,.course-detailed,.course-comparison>div{border-color:#a3abae}.course-feature{background:#202728;color:#fff}.course-feature h2{color:#fff}
.course-feature .course-progress .small,.course-feature aside>.small{color:#dbe0dd}
.course-resume{display:grid;gap:.75rem;justify-items:start;border-left:4px solid var(--mono-action)}
.course-resume h2,.course-resume p{margin:0}
.home-action-note{max-width:52ch;margin:1rem 0 0;color:#f7f7f4;font-size:1rem}
.course-lesson-card{background:#fff;border-color:var(--mono-line);color:var(--mono-ink)}.course-lesson-card:hover{background:#fff8f2;border-color:var(--mono-action)}
.course-number{background:#ffebdc;color:var(--mono-action)}.course-arrow{color:var(--mono-action)}
.start-free{border-left-color:var(--mono-action)}.start-service{border-color:#b2babb;color:var(--mono-ink)}
.start-service[aria-pressed=true]{background:#fff0e5;border-color:var(--mono-action);box-shadow:inset 5px 0 var(--mono-action)}
.start-service .start-cost{color:#8a320d}.start-device select{border-color:#899297;color:var(--mono-ink)}
.start-instructions{border-color:var(--mono-line)}.start-guide .small{color:#515b62}
/* Administration remains a clear working surface, with the same hierarchy and controls. */
.lab-sidebar{background:var(--mono-dark);color:#e9efea;border-radius:14px;padding:20px}
.lab-sidebar nav a{color:#d5ded9;border-radius:8px}.lab-sidebar nav a:hover,.lab-sidebar nav a[aria-current]{background:#3d271c;color:#ffd0af}
.lab-sidebar .lab-kicker{color:#ffba8c}.lab-sidebar>.btn{color:#fff;border-color:#8a9599}
.admin-stats a{border-top-color:var(--mono-action)}.admin-stats strong{color:var(--mono-action)}.admin-priority{background:#fff0e5!important}
.admin-steps span,.admin-audit time{color:var(--mono-muted)}.admin-checklist{background:#f0f1ed}.admin-badge{font-size:15px}
.admin-sidebar nav a{color:#e5eae8}.admin-mobile-toggle{background:#fff;color:#202527;border-color:#a6abad}
.lab-main progress{accent-color:var(--mono-action)}
/* Persistent help remains easy to find without competing with the main action. */
.lab-helper-launcher{background:#181e20;color:#fff;border:1px solid #5a666b;border-radius:28px;box-shadow:0 8px 24px #0002;padding:14px 20px}
.lab-helper-launcher:hover{background:#333c40}.lab-helper-panel{border-color:#a7b0b2;border-radius:16px;box-shadow:0 16px 45px #0003}
.lab-helper-panel>header{background:#181e20;color:#fff}.lab-helper-panel header p{color:#d1d9d7}
.lab-helper-messages article{background:#f1f2ed;color:#202729}.lab-helper-messages article.is-user{background:#ffebdc}
.lab-helper-questions button{border-color:#969fa3;color:#262e32}.lab-helper-questions button:hover{background:#fff0e5;border-color:var(--mono-action)}
.lab-helper-messages article a{background:var(--mono-action);color:#fff}.lab-helper-form button{background:var(--mono-action);color:#fff}
@media(min-width:1600px){.home-hero{min-height:710px}.home-hero-inner{padding-block:45px 70px}}
@media(max-width:1300px){
 .site-header-inner,.site-footer-inner,.home-hero-inner,.home-content{width:calc(100% - 72px)}
 .site-logo span{font-size:36px}.site-logo img{width:49px;height:56px}.site-nav{gap:18px}.site-navigation{gap:20px}.site-nav a{font-size:16px}
 .home-hero{min-height:620px}.home-hero-inner{padding-top:30px}.home-context{font-size:18px}.home-copy{width:49%}.home-lead{font-size:29px}
 .home-free{font-size:18px}.home-primary{font-size:19px;padding:16px 25px}.home-actions{gap:28px}
}
@media(max-width:1100px){
 .site-header{padding-block:22px}.site-header-inner{gap:0}.site-navigation{padding-top:20px;gap:20px}.site-actions{border-color:#4c5457}
 .site-nav{display:grid;grid-template-columns:1fr 1fr;gap:8px 22px}.site-nav a{font-size:18px;padding:12px 0}
 .home-title{width:72%}.home-copy{width:55%}.home-context{max-width:65%}.home-hero-media img{object-position:62% center}
 .learning-header{padding-inline:26px}.learning-logo{font-size:34px}
}
@media(max-width:760px){
 .site-header-inner,.site-footer-inner,.home-hero-inner,.home-content{width:calc(100% - 40px)}
 .site-header{padding:18px 0}.site-logo{gap:11px}.site-logo span{font-size:30px}.site-logo img{width:42px;height:48px}
 .site-menu-toggle{font-size:16px;padding:10px 12px}.site-actions{flex-wrap:wrap;gap:12px}.site-actions .site-button{font-size:17px;padding:12px 18px}
 .home-hero{display:flex;flex-direction:column;min-height:0}.home-hero-inner{order:0;padding:28px 0 20px}.home-context{max-width:100%;font-size:18px;margin-bottom:25px}
 .home-title{width:100%;max-width:none;margin-bottom:28px}.home-title-bottom{margin-top:10px}.home-copy{width:100%;max-width:none;gap:22px}
 .home-lead{font-size:28px;max-width:580px}.home-free{font-size:18px;max-width:600px;padding:16px 18px}
 .home-actions{gap:28px;margin-top:2px}.home-primary{font-size:19px;padding:16px 25px;min-height:58px}.home-contact{font-size:19px;gap:13px}
 .home-hero-media{position:relative;order:1;width:100%;height:280px;z-index:0}.home-hero-media img{object-fit:cover;object-position:right 63%}
 .home-pillars{grid-template-columns:1fr;gap:0;padding:14px 0}.home-pillars .card,.home-pillars .card:first-child,.home-pillars .card:last-child{padding:25px 0;border:0;border-bottom:1px solid var(--mono-line)}
 .home-pillars .card:last-child{border-bottom:0}.home-pillars h2{font-size:32px}.home-pillars p{font-size:18px}
 .home-topic{padding-top:32px}.home-topic h2{font-size:39px}.home-topic p{font-size:19px}
 .home-meeting{padding:24px;margin:10px 0 30px}.home-meeting h2{font-size:27px}.home-meeting>div{padding:0}.home-meeting .site-button{width:100%;font-size:17px}
 .home-belief{padding:24px 0;margin-bottom:22px}.home-belief p{font-size:31px}
 .site-footer{padding-block:25px}.site-footer-inner{gap:18px}.site-footer nav{gap:10px 23px}.site-footer .site-logo span{font-size:26px}
 .learning-header{padding:20px 16px;gap:14px}.learning-logo{font-size:29px;gap:10px}.learning-logo img{width:40px;height:45px}.learning-profile{font-size:17px}
 .learning-sidebar{padding:14px 16px}.learning-sidebar nav{gap:9px}.learning-sidebar nav a{font-size:16px;padding:13px 11px;min-height:52px;gap:10px}
 .learning-more[open]{background:#22292b;border-color:#697478}.learning-sidebar nav a[aria-current]{box-shadow:inset 4px 0 var(--mono-orange)}
 .learning-main.lab-main{padding:28px 16px 110px}.learning-welcome h1{font-size:42px}.learning-welcome h2{font-size:28px}.learning-welcome>p{font-size:18px}
 .learning-path>li,.learning-path>li.is-next{padding:24px 0 24px 14px;gap:14px}.learning-path h2{font-size:25px}.learning-path p{font-size:18px}
 .learning-path .learn-button{max-width:none;margin-left:50px;width:calc(100% - 50px);font-size:17px}
 .learning-access{padding:22px}.learning-access h2{font-size:26px}.learning-access p{font-size:18px}.learning-access ul{font-size:16px}
 .lab-sidebar{border-radius:10px;padding:16px}.lab-sidebar nav a{color:#e4eae7;background:transparent;border-color:#5a6669}
 .lab-sidebar nav a[aria-current]{background:#3d271c;color:#ffd0af}
 .lab-helper-launcher{right:12px;bottom:12px;min-height:50px;padding:12px 16px;font-size:16px}
}
@media(max-width:390px){.site-logo span{font-size:27px}.site-logo img{width:36px;height:43px}.site-logo{gap:9px}.site-menu-toggle{padding:9px;font-size:16px}.home-actions{gap:22px}.home-primary{padding-inline:22px}.home-contact{gap:10px}.home-lead{font-size:26px}.learning-logo{font-size:27px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
@media print{body,.learning-app,.lab-app,.reference{background:#fff!important;color:#000!important}.home-hero{background:#fff;color:#000}.home-hero-media{display:none}.home-title,.home-context,.home-lead{color:#000}.learning-sidebar,.learning-header,.lab-helper-launcher{display:none!important}}