/* Approved Clarity Air / Signature identity. Local commercial sample only. */
@font-face{font-family:'DM Sans';src:url('/assets/dm-sans-latin.woff2') format('woff2');font-weight:100 1000;font-display:swap}
@font-face{font-family:Manrope;src:url('/assets/manrope-latin.woff2') format('woff2');font-weight:200 800;font-display:swap}
:root{color-scheme:light;--void:#fff;--void-2:#f3f6fd;--panel:#fff;--panel-2:#f8faff;--line:#e1e7f1;--line-2:#d5ddea;--ink:#20283e;--ink-2:#4e5d73;--ink-3:#56657a;--acc:#4d59d2;--acc-2:#454fbb;--acc-dim:#eef0ff;--ok:#18704e;--warn:#8b580e;--disp:Manrope,'Segoe UI',sans-serif;--body:'DM Sans','Segoe UI',sans-serif;--r:17px}
html,body{background:#fff;color:#20283e;font-family:'DM Sans','Segoe UI',sans-serif;line-height:1.6}a{color:#454fbb}button,input,select,textarea{font-family:inherit}button,a,input,select,textarea{touch-action:manipulation}:focus-visible{outline:3px solid #4d59d2;outline-offset:3px}::selection{background:#dfe4ff;color:#20283e}
.v-ambient{display:none}.v-wrap,.wrap{max-width:1320px}.v-hdr,.v-hdr.stuck{background:#ffffffed;border-bottom:1px solid #e8ecf4;backdrop-filter:blur(12px)}.v-hdr .v-wrap,.v-hdr.stuck .v-wrap{height:100px}.v-brand,.site-header .brand{display:flex;align-items:center;flex-shrink:0}.signature-wordmark,.site-header .brand .signature-wordmark{width:228px;height:auto;display:block;max-width:100%}.v-nav{gap:26px}.v-nav a,.site-header nav{color:#4e5d73;font-size:14px}.v-navtog span{background:#20283e}.v-nav .go{color:#fff}
.v-btn,.request{border-radius:9px;box-shadow:none;border:1px solid #dce3ef;background:#fff;color:#20283e;font-weight:600;text-decoration:none}.v-btn.go,.request,.end-actions .primary{background:#4d59d2;color:#fff;border-color:#4d59d2;box-shadow:0 3px 8px #3546a314}.v-btn.go:hover,.request:hover{background:#424ec4;color:#fff;box-shadow:0 5px 14px #3546a320}.v-btn:not(.go):hover{background:#f3f6fd;color:#20283e}.v-h1,.v-h2,.v-h3,h1,h2,h3{font-family:Manrope,'Segoe UI',sans-serif;color:#20283e;font-weight:650;letter-spacing:-.035em}.v-grad{background:none;color:#4d59d2;-webkit-text-fill-color:currentColor}.v-lead,.v-note,.v-legal,.v-tn,.v-k,.v-tk,.v-tgo,.v-optional,.v-fine{color:#4e5d73}.v-k,.eyebrow{color:#454fbb}.v-h2{font-size:clamp(28px,3vw,39px)}.v-sec{padding:65px 0}.v-sec.ruled{border-color:#e4e9f3}.v-head{margin-bottom:30px}.v-tilelink,.v-stackcard,.v-form{background:#fff;border:1px solid #e2e8f2;box-shadow:0 5px 18px #243b6405;border-radius:17px}.v-tilelink{padding:28px}.v-tilelink:after{display:none}.v-tilelink .v-tk,.v-tilelink .v-tgo{font-family:'DM Sans',sans-serif;font-size:12px;letter-spacing:.06em}.v-tilelink .v-tv{font-size:25px}.v-tilelink .v-tn{font-size:15px;line-height:1.75}.v-tilelink .v-tgo{color:#454fbb}.v-stackcard{position:static;transform:none!important}.v-stackcard .v-sn{color:#454fbb}.v-stackcard p{color:#4e5d73}.v-ft{background:#fff}.rv{opacity:1;transform:none}.v-phero{background:#f7f9fe}.v-phero .v-h1{max-width:1000px}.v-form input,.v-form textarea,.v-form select{background:#fff;color:#20283e;border-color:#c6cfde}.v-form input::placeholder,.v-form textarea::placeholder{color:#5a6678}.v-opt{background:#f8faff;color:#38475e}.v-notesec{color:#46536b;background:#f3f6fd}.request-status{color:#20283e}.request-status:not(:empty){background:#eef2ff;border:1px solid #d5def7;border-radius:12px;padding:20px}.local-review{position:fixed;bottom:10px;left:12px;z-index:95;background:#fff;border:1px solid #dce3ef;border-radius:6px;padding:5px 9px;color:#4e5d73;font-size:11px;box-shadow:0 2px 8px #243b6408;pointer-events:none}
/* The approved website hero, extended to the full suite. */
.clarity-hero{max-width:1320px;margin:auto;padding:105px 36px 85px;display:grid;grid-template-columns:1fr 1.18fr;gap:65px;align-items:center}.suite-kicker{font-size:11px;color:#454fbb;font-weight:650;letter-spacing:1.4px}.clarity-hero h1{font-size:clamp(42px,4.4vw,67px);line-height:1.1;letter-spacing:-3px;margin:27px 0}.clarity-hero em{font-style:normal;color:#4d59d2}.suite-lead{font-size:17px;color:#4e5d73;line-height:1.9}.suite-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.suite-note{font-size:13px;color:#526079;margin-top:16px}.hero-visual{min-width:0;position:relative;padding-bottom:22px}.mini-window{border:1px solid #e0e6f2;border-radius:17px;background:#f7f9fe;box-shadow:0 20px 60px #4d59d20b;overflow:hidden}.window-chrome{display:flex;gap:6px;padding:16px;border-bottom:1px solid #e3e9f3;align-items:center;color:#526079;font-size:11px}.window-chrome i{width:6px;height:6px;border-radius:50%;background:#c7d1e3}.window-chrome>span{margin:auto}.mini-content{padding:23px}.mini-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.mini-head h3{font-size:19px;margin:0}.mini-head p{font-size:11px;color:#526079;margin:6px 0}.mini-head>span{padding:8px;background:#4d59d2;color:white;font-size:10px;border-radius:6px;white-space:nowrap}.mini-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:23px 0 18px}.mini-stat{background:white;border:1px solid #e1e7f1;border-radius:11px;padding:15px}.mini-stat small{font-size:11px;color:#526079}.mini-stat strong{display:block;font-size:27px;margin:9px 0}.tag{display:inline-block;padding:3px 6px;border-radius:5px;font-size:11px;white-space:nowrap}.tag.slate{background:#edf1f6;color:#46536b}.tag.blue{background:#eeedff;color:#4749ae}.tag.green{background:#edf8f2;color:#18704e}.tag.amber{background:#fff4e2;color:#895300}.mini-table{border:1px solid #e1e7f1;border-radius:11px;background:white;overflow:hidden}.mini-table-title{font-size:12px;font-weight:600;padding:13px 15px;border-bottom:1px solid #e1e7f1}.mini-table-row{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:12px;padding:13px 15px;border-bottom:1px solid #edf0f7;font-size:10px}.mini-table-row:last-child{border:0}.mini-table-row strong{font-size:11px}.mini-table-row small{display:block;color:#526079;font-size:10px;margin-top:3px}.mini-table-row>span:last-child{color:#526079}.floating-update{position:absolute;bottom:0;left:-25px;right:25px;border:1px solid #e1e7f1;border-radius:14px;background:white;padding:15px 20px;display:flex;align-items:center;gap:12px;box-shadow:0 8px 30px #243b6408}.floating-update strong{display:block;font-size:12px}.floating-update small{display:block;font-size:11px;color:#526079;margin-top:4px}.floating-update>.tag{margin-left:auto}.suite-strip{display:flex;justify-content:center;flex-wrap:wrap;gap:22px 45px;border-block:1px solid #e6ebf4;padding:23px;background:#f8faff}.suite-strip a{font-size:13px;color:#4e5d73;text-decoration:none;font-weight:550}.suite-strip a:hover{color:#454fbb}
/* Both existing demo players retain their original controls and engines. */
.demo-section,.showcase{background:#f3f6fd}.demo-section .demo-player,.player{background:#fff;border:1px solid #dce3ef;border-radius:17px;box-shadow:0 8px 30px #243b6408}.demo-picker,.demo-toolbar,.demo-footer,.app-titlebar,.playback,.try-controls{background:#fff;color:#20283e;border-color:#e1e7f1}.demo-guide{background:#f8faff;border-color:#e1e7f1}.demo-status,.demo-steps li,.demo-heading p,.demo-count,.demo-tip,.demo-footer,.below-player,.coach p,.coach-count,.time-label{color:#4e5d73}.demo-steps li.active{color:#20283e;font-weight:550}.demo-tabs button,.product-picker button{color:#46536b;background:transparent}.demo-tabs button[aria-selected=true],.product-picker button[aria-pressed=true]{color:#454fbb;background:#edf0ff;border-color:#4d59d2}.demo-frame-wrap,.demo-frame-wrap iframe,.app-frame{background:#f3f6fd}.demo-select,.mobile-picker select{background:#fff;color:#20283e;border-color:#c8d2e3}.demo-player.is-expanded,.player.expanded{background:#fff;box-shadow:0 0 0 100vmax #20283eaa}.site-header{min-height:100px;height:auto;border-color:#e1e7f1;padding-top:10px;padding-bottom:10px}.intro{padding:42px 0}.intro>p:last-child,.tour-heading p,.tour-heading>a,.tour-heading>span,.below-player,.chapters>div,.next-step p:not(.eyebrow),footer,.mobile-picker{color:#4e5d73}.tour-heading>span{border-color:#dce3ef}.product-picker{border-color:#dce3ef}.product-picker button:hover{background:#f3f6fd;color:#20283e}.showcase.wrap{padding:25px;border-radius:20px}.app-titlebar button,.playback button,.try-controls button{color:#454fbb;border-color:#d4ddef}.app-titlebar button[aria-pressed=true]{background:#edf0ff;border-color:#4d59d2}.sample-badge{color:#4e5d73}.try-link{color:#454fbb!important;border-color:#dce3ef!important}.coach,.coach:before{background:#edf1ff;border-color:#dce3ef;color:#20283e}.step-number{background:#fff;color:#454fbb;border-color:#d4dcef}.chapters>div.active{background:#edf0ff;color:#303a73;border-color:#8c99df}.chapters span{color:#454fbb}.timeline,.timeline::-webkit-progress-bar{background:#e2e7f1}.timeline::-webkit-progress-value{background:#4d59d2}.timeline::-moz-progress-bar{background:#4d59d2}.end-screen{background:#fffffffa;color:#20283e}.end-screen p:not(.eyebrow),.end-screen .minor{color:#4e5d73}.end-mark{background:#edf8f2;color:#18704e;border-color:#c7e4d4}.end-actions button{color:#454fbb;border-color:#c8d2e3}.end-actions .primary{color:#fff;background:#4d59d2}.footer-brand{font-family:Georgia,serif;color:#20283e}.app-titlebar>img{content:url('/assets/original-r.png')}.product-explainer,.together,.overview-cta{border-color:#dce3ef}.product-identity h2{color:#20283e}.product-explanation p,.product-explanation li,.for-team,.work-example p,.together p,.overview-cta p{color:#4e5d73}.watch-button{color:#fff;background:#4d59d2}.product-picker button{font-size:14px}
/* Shared white app surfaces. All five sample apps keep their working records. */
.app.app{--font-sans:'DM Sans','Segoe UI',sans-serif;--font-serif:'DM Sans','Segoe UI',sans-serif;--bg:#f3f6fd;--bg-grad:#f3f6fd;--surface:#fff;--surface-2:#fff;--surface-3:#f0f3fa;--border:#dfe5f0;--border-strong:#c8d2e3;--glass-border:#dfe5f0;--ink:#20283e;--ink-2:#4e5d73;--ink-mute:#56657a;--accent:#4d59d2;--accent-2:#454fbb;--accent-soft:#edf0ff;--gold:#4d59d2;--gold-soft:#edf0ff;--gold-2:#454fbb;--grad:#4d59d2;--ok:#18704e;--warn:#895300;--bad:#b23737;--crit:#b23737;--maj:#895300;--min:#56657a;--move:#895300;--renew:#895300;--renew-soft:#fff4e2;--info:#3957a8;--cool:#3957a8;--mon:#4d59d2;--wed:#b23737;--thu:#3957a8;--shadow:0 4px 16px #243b6405;--radius:17px;--radius-sm:9px;color:#20283e;background:#f3f6fd;font-size:14px}
html:has(.app),body:has(>#demo-scroll){background:#f3f6fd;color-scheme:light}.app .body{background:#f3f6fd}.app .rc-title{font-size:25px;font-weight:650;letter-spacing:-.8px}.app .rc-sub{font-size:12px;color:#4e5d73;letter-spacing:.03em}.app .tile,.app-fut .ftile,.app-med .tile{background:#fff;border:1px solid #e1e7f1;border-radius:16px;padding:18px;box-shadow:0 5px 18px #243b6405}.app .tile:before{display:none}.app .tile-k{font-size:12px;text-transform:none;letter-spacing:0;color:#4e5d73}.app .tile-v{font-family:'DM Sans',sans-serif;font-size:30px;line-height:1.2;margin:9px 0;color:#20283e}.app .tile-note{font-size:12px;color:#56657a}.app .rc-summary{gap:13px;margin:20px 0}.app .tablewrap{background:#fff;border-radius:14px;border-color:#dfe5f0}.app th{background:#f8faff;color:#46536b}.app td{color:#20283e;border-color:#e4e9f3}.app .nm{color:#20283e}.app .sub{color:#4e5d73}.app .btn,.app .rc-btn,.app .vtab{border-radius:8px}.app .btn.go,.app .rc-btn.update,.app .vtab[aria-selected=true],.app .hftab{background:#4d59d2!important;color:#fff!important;border-color:#4d59d2;box-shadow:none}.app .rc-btn svg,.app .btn svg{color:inherit}.app .stag{color:#46536b;background:#eef1f7}.app .stag.ok,.app .ok{color:#18704e}.app .stag.warn{color:#895300;background:#fff4e2}.app .modal,.app .hfpop,.app .slide{background:#fff;color:#20283e;border-color:#c8d2e3}.app .modal-head{background:#f8faff;border-top-color:#4d59d2}.app .modal-head h2{color:#20283e;font-family:'DM Sans',sans-serif}.app .kv dt{color:#4e5d73}.app .kv dd{color:#20283e}.app .wintoast,.app .toast{background:#fff;color:#20283e;border-color:#d4ddef;box-shadow:0 8px 25px #243b6418}.app .wt-app,.app .wt-title{color:#303d61}.app .sample-notice{background:#edf1fc;color:#4e5d73;border-color:#dce3ef}.app .pbar span{background:#4d59d2}.app .lux-bar,.app-med .top:after{display:none}.app .seal{color:#4d59d2}.app .alert-banner{background:#fff8eb;color:#6b450b}.app .alert-banner .ab-text{color:#6b450b}.app :is(input,select,textarea){color:#20283e;background:#fff;border-color:#c8d2e3}.app input::placeholder{color:#56657a}.app-fut .fhead,.app-fut .tcard,.app-fut .fstatus,.app-fut .sourcebox,.app-med .top,.app-med .panel{background:#fff;border-color:#dfe5f0}.app .practice-target{outline-color:#4d59d2!important}.app .sample-notice *{color:inherit}.app .tile.accent .tile-v{color:#454fbb}.app .tile.warn .tile-v,.app .tile.move .tile-v{color:#895300}
.app-fut .daybadge{color:#fff}.v-nav .v-btn.go{border-radius:9px}.demo-tabs button[aria-selected=true] span{color:#454fbb}.app .btn.go:disabled{color:#fff}.app .hftab{color:#fff}
body>.v-hdr{position:sticky;top:0;z-index:120;background:#fff}body>.v-hdr.open{background:#fff}.v-hdr .v-nav{z-index:121}.v-hdr.open .v-nav{background:#fff;box-shadow:0 12px 18px #243b6412}
@media(max-width:1000px){.clarity-hero{gap:32px;padding:65px 28px}.clarity-hero h1{font-size:48px}.mini-head>span{display:none}.v-nav{gap:17px}.v-brand .signature-wordmark{width:195px}.site-header .signature-wordmark{width:190px}}
@media(max-width:760px){.v-hdr .v-wrap,.v-hdr.stuck .v-wrap{height:80px}.v-hdr.open .v-wrap{height:auto;min-height:80px}.v-hdr .v-nav{background:#fff}.clarity-hero{grid-template-columns:1fr;padding:48px 23px 35px;gap:42px}.clarity-hero h1{font-size:48px;letter-spacing:-2px}.suite-lead{font-size:16px}.hero-visual{max-width:570px}.floating-update{left:8px;right:8px;padding:14px}.mini-content{padding:17px}.mini-stats{gap:7px}.mini-stat{padding:12px}.mini-table-row{grid-template-columns:1fr auto}.mini-table-row>span:last-child{display:none}.suite-strip{justify-content:flex-start;gap:16px 25px;padding:21px 23px}.v-sec{padding:45px 0}.v-tilelink{padding:23px}.showcase.wrap{padding:15px 9px}.site-header .brand .signature-wordmark{width:165px}.site-header nav{gap:12px}.app .rc-summary{gap:8px}.app .tile{padding:12px}.app .tile-v{font-size:25px}.app .tile-k,.app .tile-note{font-size:12px}.local-review{font-size:10px}.v-navtog{color:#20283e}.mini-head h3{font-size:17px}.intro{padding:32px 0}.app-titlebar button{font-size:12px}.app-titlebar{gap:6px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* Approved shared brand slogan; keep longer wording readable in the existing hero. */
.clarity-hero h1.brand-headline{font-size:clamp(34px,3.4vw,49px);letter-spacing:-.035em;line-height:1.15}
@media(max-width:760px){.clarity-hero h1.brand-headline{font-size:clamp(32px,8.5vw,44px)}}

/* Keep the controls and workspace together in the available viewport. */
:root{--site-header:77px}
html{scroll-padding-top:calc(var(--site-header) + 12px)}
.v-hdr .v-wrap,.v-hdr.stuck .v-wrap{height:76px}
.v-brand .signature-wordmark{width:190px}
.clarity-hero{padding-top:64px;padding-bottom:56px;gap:44px;grid-template-columns:minmax(0,1fr) minmax(0,1.18fr)}
.clarity-hero h1{font-family:Manrope,'Segoe UI',sans-serif}
.v-sec{padding:44px 0}.v-head{margin-bottom:26px}.v-ctaband{padding:44px 0}
.rv,.rv.in{opacity:1;transform:none}
.demo-section{padding:24px 0 36px;scroll-margin-top:0}
.demo-heading{margin-bottom:18px;gap:24px}.demo-heading .v-h2{margin-top:4px}
.demo-player{height:min(800px,calc(100dvh - var(--site-header) - 24px));min-height:420px;display:flex;flex-direction:column;scroll-margin-top:0}
.demo-picker{padding:8px 12px 0;flex:none}.demo-picker>.v-k{display:none}
.demo-tabs button{min-height:54px;padding:9px 10px;gap:3px}.demo-tabs small{font-size:11px}
.demo-toolbar{padding:8px 12px;flex:none}.demo-footer{padding:8px 12px;flex:none}
.demo-layout{flex:1;min-height:0;grid-template-columns:minmax(0,1fr) 270px;overflow:hidden}
.demo-frame-wrap{height:100%;min-height:0}
.demo-guide{min-height:0;overflow:auto;padding:18px;overscroll-behavior:auto}
.demo-guide h3{font-size:20px;margin:8px 0 16px}.demo-steps{gap:14px}.demo-steps li{font-size:13px}
.demo-tip{margin-top:16px;padding-top:14px}.demo-cta-note{font-size:13px;margin-top:12px}
.demo-player.is-expanded{inset:12px;height:calc(100dvh - 24px);min-height:0;overflow:hidden}
.demo-player.is-expanded .demo-frame-wrap{height:100%;min-height:0}
.demo-player.is-expanded .demo-layout{grid-template-columns:minmax(0,1fr) 290px}
.demo-player.is-expanded .demo-picker{padding-top:8px}
.demo-open>.v-hdr{visibility:hidden}
/* Short embedded views keep the first records visible; Explore retains full detail. */
@media(max-height:520px){
 .guided .app .rc-summary{margin:10px 0;gap:8px}.guided .app .tile{padding:9px}
 .guided .app .tile-v{font-size:24px;margin:4px 0}.guided .app .tile-note{display:none}
 .guided .app .rc-title{font-size:21px}.guided .app .body{padding-top:44px}
 .guided .app .business-flow,.guided .app .scale-note{display:none}
}
@media(max-width:1000px){.clarity-hero{gap:30px}.demo-layout{grid-template-columns:minmax(0,1fr) 230px}}
@media(max-width:760px){
 :root{--site-header:65px}
 .v-hdr .v-wrap,.v-hdr.stuck .v-wrap{height:64px}.v-hdr.open .v-wrap{min-height:64px}
 .v-brand .signature-wordmark{width:165px}
 .clarity-hero{grid-template-columns:1fr;padding:40px 23px 34px;gap:30px}
 .v-sec{padding:32px 0}.v-ctaband{padding:32px 0}.demo-section{padding:24px 0 30px}
 .demo-heading p{margin-top:8px}.demo-player{min-height:500px}
 .demo-picker{padding:8px 10px}.demo-mobile-label{display:none}.demo-select{padding:9px 10px;font-size:14px}
 .demo-toolbar{padding:8px 10px;gap:7px}.demo-controls .v-btn{min-height:40px}
 .demo-layout,.demo-player.is-expanded .demo-layout{display:flex;flex-direction:column}
 .demo-guide{flex:none;min-height:0;max-height:96px;padding:10px 12px;overflow:auto}
 .demo-guide .demo-tip,.demo-guide .demo-detail,.demo-guide .demo-cta-note{display:none}
 .demo-steps li{font-size:13px;line-height:1.45}
 .demo-frame-wrap,.demo-player.is-expanded .demo-frame-wrap{height:auto;min-height:0;flex:1}
 .demo-footer{gap:6px;padding:6px 10px}.demo-footer>span{font-size:10px}
 .demo-footer .v-btn{min-height:34px;padding:5px 8px}.demo-auto{max-width:none;font-size:10px}
 .demo-player.is-expanded{inset:0;height:100dvh;border-radius:0;min-height:0}
}
@media(max-height:540px){.demo-player{min-height:360px}.demo-player.is-expanded{min-height:0}}