:root{--ink:#182629;--muted:#475957;--green:#174c43;--sage:#e4ddf4;--cream:#f7f5ef;--line:#c4cec8;--gold:#52651d;--orange:#814523;--lime:#dbf47a;--lavender:#e4ddf4}
[hidden]{display:none!important}.brand-arrow svg,.brand-actions svg,.brand-discovery-teaser button svg{width:22px;height:22px;flex-shrink:0}.brand-audience-icon svg{width:32px;height:32px}.brand-arrow{display:inline-flex}
#test-guide,.task-delete{min-height:48px;min-width:48px}
html{scroll-padding-top:180px}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;line-height:1.6;background:var(--cream);color:var(--ink)}h1,h2,h3,.brand,.number,.metric,.quote{font-family:inherit}h1{font-size:clamp(30px,3.1vw,48px);line-height:1.15;letter-spacing:-1.4px}h2{line-height:1.25}p{overflow-wrap:anywhere}button,a,input,select,textarea,summary{touch-action:manipulation}button,.primary,.secondary,.text-button,summary,select,input:not([type=checkbox]):not([type=radio]),.nav-item{min-height:48px}button{min-width:48px}input[type=checkbox],input[type=radio]{width:24px;height:24px;min-width:24px;accent-color:var(--green)}label:has(input[type=checkbox]),label:has(input[type=radio]){min-height:48px;align-items:center}input,textarea,select{font-size:16px;border-color:#6b7e77;color:var(--ink)}textarea{min-height:110px}input::placeholder,textarea::placeholder{color:#52635e;opacity:1}input[type=range]{min-height:48px}.primary,.secondary{font-size:16px;font-weight:700;border-radius:12px;padding:12px 18px}.primary{background:var(--green);color:#fff}.primary:hover{background:#103a33}.secondary{border-color:#667c73;color:var(--green);background:transparent}.secondary:hover{background:#e6ecd7}.text-button{font-size:15px;text-decoration:underline;text-underline-offset:4px;padding:10px}.primary:disabled,.secondary:disabled,button:disabled{opacity:1;background:#e0e4de;color:#50605a;border-color:#a6b2aa;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid #6340a5!important;outline-offset:4px;box-shadow:0 0 0 3px #fff!important}button:hover{transition:background .15s}a:hover{text-decoration-thickness:2px}.skip-link{position:fixed;left:18px;top:-160px;z-index:1000;background:#fff;color:var(--green);padding:16px 22px;font-weight:700;border:2px solid var(--green);border-radius:10px}.skip-link:focus{top:12px}.family-mark{width:43px;height:35px;flex-shrink:0;display:block}.brand{gap:10px;color:var(--ink);font-size:23px;line-height:1.1;letter-spacing:-.8px}.brand span,.beta-header-brand span{color:inherit}.brand .brand-dot{display:none}aside{background:#fffefb;border-color:var(--line)}.aside-label{font-size:12px;letter-spacing:1.8px;margin-top:32px}.aside-note{border-radius:16px;background:#eef0dd;color:var(--ink)}.aside-note p{font-size:14px;color:var(--muted)}.aside-note h3{font-size:18px}.nav-item{font-size:16px;padding:13px 16px;border-radius:12px}.nav-item.active{background:var(--lime);color:var(--ink)}.nav-item .nav-icon{width:24px;flex-shrink:0}.nav-icon svg{width:24px;height:24px}.eyebrow,.card .eyebrow{font-size:12px;color:var(--green);font-weight:750;letter-spacing:1.5px}.sub,.tiny,.test-help,.control-help{color:var(--muted)}.tiny,.test-help,.stat-label,.chart-foot,.chart .bar-label,.chart .bar-val{font-size:14px}.card p,.hero p,.learning-card p{font-size:16px}.card{border-radius:18px;padding:24px}.card h3{font-size:21px}.card.warm,.warm{background:#fff0e6}.card.green,.green{background:#eef2df}.card .topic p,.card .topic strong,.task-title,.task-meta{font-size:15px}.topic{flex-wrap:wrap}.topic>div{flex:1;min-width:100px}.quote{color:var(--green)}.badge,.status,.status.warn{font-size:13px;font-weight:600;color:#354821;background:#e7efd0}.status.warn{color:#743e16;background:#ffead5}.chip{font-size:13px;white-space:normal;color:var(--ink)}.live-dot{background:var(--green)}.demo-banner{font-size:13px;background:#e8eddf;color:#233b30;border-radius:10px;padding:10px 14px}.demo-banner .banner-copy,.demo-banner::after{font-size:13px;color:#354a42}.alpha-toolbar{font-size:14px}.alpha-toolbar button,#test-tools>summary{font-size:14px;min-height:48px}.alpha-toolbar .save-status{color:#354a42;font-size:14px}.alpha-toolbar .save-status[data-state=error]{color:#922c24}.beta-tool-content{background:#fffefb;border-color:#75877f}.beta-tool-content button,.beta-tool-content a{min-height:48px;font-size:15px}.beta-person-card,.beta-child-focus,.beta-teen-focus{border-radius:18px;background:#fffefb}.beta-person-card small,.beta-person-card .tiny,.beta-small-stats span,.beta-task small{font-size:14px;color:var(--muted)}.beta-card-actions button{font-size:15px}.beta-shortcuts button{font-size:15px;color:var(--green);background:#edf0df}.beta-small-stats button{color:var(--green);min-height:100px}.beta-control-panel>summary,.beta-expanded-dashboard>summary,.beta-plan-explainer>summary{font-size:16px;color:var(--green)}.beta-control-panel{background:#fffefb}.task.done .task-title{color:#475957}.task-delete{color:#465b53}.task input{width:24px;height:24px}.time-slot{grid-template-columns:75px 1fr}.time-slot time,.time-slot p{font-size:14px}.time-slot h3{font-size:17px}.notice{font-size:14px;color:#354a42;background:#edf0df;border-color:#667c55}.feedback{font-size:16px;color:var(--ink);background:#edf0df}.dialog-close{top:10px;right:10px;min-width:48px;min-height:48px;color:var(--ink)}dialog{background:var(--cream);max-height:calc(100dvh - 32px);overflow:auto;padding:40px 28px 28px;scroll-padding:55px}dialog h2{padding-right:26px}.answer{font-size:16px;border-color:#73857b}.answer:hover{background:#e7eed5}#toast{font-size:16px;max-width:min(90vw,650px);background:var(--green);line-height:1.5}footer,footer span{font-size:13px;color:#475957}footer{flex-wrap:wrap}.profile-controls{gap:8px;align-items:center}.profile-controls label{font-size:12px;font-weight:650;color:#475957}.profile-controls select{font-size:14px;max-width:240px;border:1px solid #829289;border-radius:10px;background:#fffefb}.breadcrumb{font-size:14px}.topline .sub{font-size:16px}.brand-hero{position:relative;display:grid;grid-template-columns:1.1fr .9fr;background:#f0eee6;border:1px solid var(--line);border-radius:22px;overflow:hidden;margin:0 0 26px}.brand-hero-copy{position:relative;padding:36px 10px 32px 32px;z-index:1}.brand-hero h2{font-size:clamp(30px,3.3vw,52px);line-height:1.1;letter-spacing:-1.8px;margin:14px 0 18px}.brand-hero-copy>p:not(.eyebrow){font-size:17px;max-width:460px}.brand-hero-art{width:100%;height:100%;min-height:310px;object-fit:cover;object-position:62% center}.brand-actions{display:flex;gap:10px;flex-wrap:wrap;margin:24px 0 16px}.brand-hero .brand-demo{font-size:13px;margin-bottom:0;color:#475957}.brand-hero-teen{background:#174c43;color:#fff;border-color:#174c43}.brand-hero-teen .eyebrow{color:var(--lime)}.brand-hero-teen .brand-demo,.brand-hero-teen .brand-hero-copy>p{color:#fff}.brand-hero-teen .primary,.hero.dark .primary{background:var(--lime);border-color:var(--lime);color:var(--ink)}.brand-hero-teen .primary:hover{background:#e7fc9a}.brand-hero-teen .secondary{color:#fff;border-color:#f7f5ef}.brand-hero-teen .secondary:hover{background:#235c52}.brand-discovery-teaser{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:26px;border:1px solid #b8a9d1;background:var(--lavender);border-radius:18px;margin:20px 0}.brand-discovery-teaser h2{margin:8px 0;font-size:26px}.brand-discovery-teaser p{margin:0}.brand-discovery-teaser .eyebrow{color:#493269}.brand-entry-layout{max-width:1280px;width:100%;margin:auto}.alpha-entry{background:var(--cream);display:block;padding:28px 40px}.brand-entry-header{position:static;display:flex;justify-content:space-between;gap:20px;align-items:center;border-bottom:1px solid var(--line);padding:0 0 24px;background:transparent;height:auto}.brand-entry-logo{display:flex;align-items:center;gap:12px;font-size:29px;font-weight:800;letter-spacing:-1.2px;line-height:1}.brand-entry-logo .family-mark{width:54px;height:42px}.brand-entry-main{display:grid;grid-template-columns:1.08fr 1fr;align-items:center;padding:40px 0 28px;gap:24px}.brand-entry-main h1{font-size:clamp(38px,5.1vw,70px);letter-spacing:-2.6px;line-height:1.06;margin:20px 0}.brand-entry-intro{font-size:21px;max-width:500px;color:#354a42}.brand-entry-main>img{width:100%;height:auto;mix-blend-mode:multiply;border-radius:22px}.brand-entry-main .entry-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.brand-entry-main .entry-actions>*{font-size:16px;min-height:52px}.brand-entry-disclaimer{color:#475957;font-size:14px;max-width:500px;margin-top:20px}.brand-audiences{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:18px 0 24px}.brand-audiences button{background:#ffeddf;border:1px solid #c8b8a9;border-radius:18px;display:grid;grid-template-columns:42px 1fr;align-content:center;column-gap:14px;row-gap:6px;text-align:left;padding:24px;color:var(--ink)}.brand-audiences button:nth-child(2){background:#edf4cc;border-color:#abb77d}.brand-audiences button:nth-child(3){background:var(--lavender);border-color:#b8a9d1}.brand-audiences button:hover{border-color:var(--green);box-shadow:0 2px 0 var(--green)}.brand-audiences strong{font-size:23px;line-height:1.2}.brand-audiences button>span:last-child{grid-column:2;font-size:15px}.brand-audience-icon{grid-row:1/3;font-size:34px}.brand-entry-details{border-top:1px solid var(--line);font-size:15px;margin-bottom:20px}.brand-entry-details summary{display:flex;align-items:center;text-decoration:underline;font-weight:650;cursor:pointer}.discovery-toolbar{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0 24px}.discovery-toolbar button{border:1px solid #667c73;color:var(--green);background:#fffefb;border-radius:12px;padding:10px 16px;font-size:15px;font-weight:650}.discovery-toolbar button[aria-pressed=true]{background:var(--green);color:#fff}.discovery-intro{padding:24px 28px;background:var(--lavender);border:1px solid #b8a9d1;border-radius:18px;margin-bottom:20px;color:var(--ink)}.discovery-intro h2{margin:0 0 8px}.discovery-intro p{margin:0}.learning-card{background:#fffefb;border-color:#a7b5ab;padding:24px;min-height:340px;overflow:visible}.learning-card h3{font-size:24px;line-height:1.2}.learning-card p{font-size:16px;line-height:1.6;color:var(--muted)}.learning-art{height:72px;border-radius:14px;background:#eaf2cb;color:var(--green);margin-bottom:22px}.learning-art svg{width:38px;height:38px}.learning-card:nth-child(2) .learning-art{background:var(--lavender)}.learning-card:nth-child(3) .learning-art{background:#ffeddf}.discovery-actions{margin-top:auto;padding-top:14px;gap:12px}.discovery-actions .secondary{background:var(--green);color:#fff;border-color:var(--green)}.discovery-category-label{font-size:13px;color:#475957}.discovery-footnote{font-size:14px;color:var(--muted);margin-top:20px}.brand-discovery-page .section-head .tiny{font-size:14px}
@media(min-width:1001px){header{height:auto;min-height:84px}.profile-controls{flex-wrap:wrap;justify-content:flex-end}.profile-controls label{flex-basis:100%;text-align:right}.profile-controls .avatar{display:none}.brand-hero .secondary{font-size:14px}main{max-width:1440px;margin:auto;padding:32px}.demo-banner,.alpha-toolbar{margin-left:32px;margin-right:32px}}
@media(max-width:1200px) and (min-width:1001px){aside{width:220px;padding-left:18px;padding-right:18px}.workspace{margin-left:220px;width:calc(100% - 220px)}.brand{font-size:20px}.brand-hero{grid-template-columns:1.2fr .8fr}.brand-hero-copy{padding:28px 8px 26px 24px}.brand-hero h2{font-size:35px}.brand-hero-art{min-height:340px}.three{grid-template-columns:1fr}.learning-card{min-height:0}}
@media(max-width:1000px){html{scroll-padding-top:190px}.beta-header-brand{display:flex;align-items:center;gap:8px;max-width:48%;font-size:19px;letter-spacing:-.8px;color:var(--ink);padding:0;min-height:48px}.beta-header-brand .family-mark{width:34px;height:30px}.beta-header-brand span{font-size:19px;line-height:1;max-width:85px}.profile-controls{display:flex;flex-direction:column;gap:3px;align-items:stretch;max-width:48%;width:220px}.profile-controls label{font-size:11px;line-height:1.2}.profile-controls select{width:100%;max-width:100%;font-size:13px;padding:9px 5px;min-height:48px}header{min-height:86px;background:var(--cream);padding:10px 16px;gap:12px}.brand-hero{grid-template-columns:1fr 1fr}.brand-hero h2{font-size:40px}.brand-hero-copy{padding:28px 8px 28px 24px}.brand-hero-art{min-height:350px}.alpha-toolbar .save-status{min-height:24px}.alpha-toolbar>button{font-size:14px}.demo-banner{padding:10px 12px;gap:8px}#beta-bottom{background:#fffefb;border-color:#a7b5ab;padding-top:8px}#beta-bottom button{font-size:13px;color:#354a42;min-height:60px}#beta-bottom button[aria-current=page],#beta-bottom button.selected{background:var(--lime);color:var(--ink)}.brand-entry-header{padding-bottom:20px;min-height:0}.brand-entry-logo{font-size:25px}.brand-entry-main h1{font-size:52px}.brand-audiences button{padding:20px 16px;grid-template-columns:30px 1fr;column-gap:10px}.brand-audiences strong{font-size:21px}.brand-audience-icon{font-size:29px}}
@media(max-width:650px){.alpha-entry{padding:20px}.brand-entry-header{align-items:center;gap:12px;flex-wrap:wrap}.brand-entry-logo{font-size:24px}.brand-entry-logo .family-mark{width:42px;height:34px}.brand-entry-header .chip{font-size:12px}.brand-entry-main{grid-template-columns:1fr;padding:24px 0 0;gap:8px}.brand-entry-main h1{font-size:clamp(36px,10vw,54px);letter-spacing:-1.8px}.brand-entry-main .eyebrow{font-size:11px;letter-spacing:1px}.brand-entry-intro{font-size:18px}.brand-entry-main>img{height:190px;object-fit:cover;object-position:center 55%;margin:8px 0}.brand-entry-main .entry-actions{flex-direction:column;align-items:stretch;margin-top:22px}.brand-entry-disclaimer{font-size:14px}.brand-audiences{grid-template-columns:1fr;gap:12px;margin-top:14px}.brand-audiences button{padding:20px;grid-template-columns:40px 1fr}.brand-audiences strong{font-size:23px}.brand-hero{grid-template-columns:1fr}.brand-hero-copy{padding:26px 22px 18px}.brand-hero h2{font-size:clamp(34px,9vw,46px)}.brand-hero-copy>p:not(.eyebrow){font-size:16px}.brand-hero-art{min-height:0;height:210px;object-position:center 55%}.brand-hero .brand-demo{font-size:13px}.brand-actions{gap:10px}.brand-actions>*{width:100%}.brand-discovery-teaser{flex-direction:column;align-items:stretch;padding:22px}.brand-discovery-teaser h2{font-size:25px}.beta-card-actions{display:flex}.beta-card-actions button{flex:1;font-size:15px;min-width:90px}.beta-card-actions .text-button{flex-basis:100%}.beta-shortcuts{grid-template-columns:1fr}.beta-shortcuts button{font-size:15px}.beta-small-stats{grid-template-columns:1fr 1fr}.beta-small-stats span{font-size:13px}.beta-task strong{font-size:16px}.beta-task small{font-size:14px}.beta-panel-shortcuts{flex-wrap:wrap}.beta-panel-shortcuts button{flex:1 1 130px;font-size:15px;min-height:48px}#beta-menu-items button{font-size:16px;min-height:100px;color:var(--green)}#beta-menu-close{font-size:14px;padding:10px;min-height:48px}#beta-menu h2{font-size:24px}.learning-card{min-height:320px}.discovery-intro{padding:22px}.discovery-toolbar{display:grid;grid-template-columns:1fr 1fr}.discovery-toolbar button{font-size:14px;padding:10px 8px}.topline{flex-wrap:wrap}.topline h1,.beta-home .topline h1{font-size:30px}.row{flex-wrap:wrap}.form-row{flex-wrap:wrap}.form-row input{flex-basis:100%}.chart-foot{flex-wrap:wrap;gap:8px}.time-slot{padding-left:12px;grid-template-columns:65px 1fr}.alpha-toolbar{align-items:center;gap:8px}footer{padding-bottom:30px}.task-meta{font-size:14px}.task-title{font-size:16px}.card .eyebrow{font-size:12px}.metric small{font-size:14px}dialog{padding:56px 20px 24px;width:calc(100% - 24px)}.step{grid-template-columns:26px 1fr}.step p{font-size:16px}.step h3{font-size:18px}.step-list label{font-size:15px}.step-list small{font-size:14px}.brand-discovery-page .section-head{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(forced-colors:active){button,.primary,.secondary,.nav-item,.chip{border:1px solid ButtonText}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid Highlight!important}}

/* Compact section menu: targets retain 48px while labels sit next to icons. */
#beta-menu{width:min(640px,calc(100% - 24px));max-height:calc(100dvh - 24px);padding:20px;overflow:auto}
#beta-menu .beta-menu-head{display:flex;align-items:center;gap:16px;margin:0 0 16px}
#beta-menu .beta-menu-head>div{min-width:0;flex:1}
#beta-menu .beta-menu-head .eyebrow{font-size:11px;margin:0 0 4px;line-height:1.3}
#beta-menu #beta-menu-title{font-size:26px;line-height:1.15;margin:0;padding:0}
#beta-menu #beta-menu-close{display:grid;place-items:center;width:48px;height:48px;min-width:48px;min-height:48px;flex:0 0 48px;padding:0;border-radius:12px;color:var(--green);border-color:#667c73}
#beta-menu-close svg{width:24px;height:24px}
#beta-menu #beta-menu-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0;overflow:visible}
#beta-menu #beta-menu-items button{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:10px;min-width:0;min-height:64px;padding:10px 12px;font-size:15px;line-height:1.25;border-radius:12px;white-space:normal;overflow-wrap:normal;word-break:normal}
#beta-menu-items button svg{width:23px;height:23px;flex:0 0 23px}
#beta-menu-items button span{min-width:0}
#beta-menu>.test-help{margin:14px 0 0;font-size:13px;line-height:1.4}
@media(max-width:360px){#beta-menu{padding:16px}#beta-menu #beta-menu-items button{font-size:14px;padding:8px;gap:8px;min-height:60px}#beta-menu-items button svg{width:21px;height:21px;flex-basis:21px}}
@media(max-height:500px){#beta-menu{padding:12px}#beta-menu .beta-menu-head{margin-bottom:8px}#beta-menu .beta-menu-head .eyebrow{display:none}#beta-menu #beta-menu-title{font-size:23px}#beta-menu #beta-menu-items{gap:6px}#beta-menu #beta-menu-items button{min-height:48px;padding:6px 10px;font-size:14px}#beta-menu>.test-help{margin-top:8px;font-size:12px}}
@media(max-height:500px) and (min-width:550px){#beta-menu #beta-menu-items{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* Brand descriptor remains readable below the complete logo lockup. */
.brand,.brand-entry-logo{display:grid;grid-template-columns:43px 1fr;column-gap:10px;row-gap:6px;align-items:center}
.brand-entry-logo{grid-template-columns:54px 1fr}
.brand-descriptor{grid-column:1/-1;display:block;font-family:inherit;font-size:13px;font-weight:500;line-height:1.4;letter-spacing:0;color:#475957;white-space:normal;max-width:260px;text-align:left}
.brand-entry-logo .brand-descriptor{font-size:14px;max-width:340px}
@media(max-width:1000px){.beta-header-brand{display:grid;grid-template-columns:34px 1fr;column-gap:8px;row-gap:5px;text-align:left}.beta-header-brand .brand-descriptor{font-size:11px;line-height:1.3;max-width:180px}.brand-entry-logo{grid-template-columns:42px 1fr}}