@import url("https://fonts.googleapis.com/css2?family=Barlow:wght@300;400;500;600;700;800&display=swap");

:root{--navy:#00a9a9;--ink:#0e3a5c;--teal:#00a9a9;--body:#00a9a9;--line:#9dd4d656;--canvas:#9dd4d61f;--white:#ffffff;--success:#00a9a9;--warning:#ff5f00;--danger:#fe3b1f;--radius:14px;--shadow:0 8px 28px #00a9a906;--sidebar:272px;--font:Arial,Helvetica,sans-serif;--heading:Barlow,Arial,sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--canvas);color:var(--ink);font:1.125rem/1.65 var(--font)}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{cursor:pointer;border:0;background:none;color:inherit}button:disabled{cursor:default;opacity:.65}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{font-family:var(--heading);font-weight:400;line-height:1.12}h1{font-size:3rem;letter-spacing:-.7px}h2{font-size:1.9375rem}h3{font-size:1.5625rem}p{color:var(--body)}small{font-size:1rem}strong{font-weight:600}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #00a9a966;outline-offset:3px}.i{width:20px;height:20px;vertical-align:middle;flex-shrink:0}hr{border:0;border-top:1px solid var(--line);margin:26px 0}.eyebrow{font-size:0.875rem;font-weight:600;letter-spacing:1.6px;color:#58585a;display:block;margin-bottom:10px}.muted{color:#58585a}.small{font-size:1rem}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip{position:fixed;z-index:500;top:-60px;left:20px;padding:12px;background:var(--navy);color:white}.skip:focus{top:10px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid transparent;padding:12px 18px;min-height:45px;border-radius:7px;font-size:1.0625rem;font-weight:600;line-height:1.4;transition:background .2s,box-shadow .2s}.btn.primary,.btn.wide{background:var(--navy);color:white}.btn.primary:hover,.btn.wide:hover{background:#00a9a9;box-shadow:0 5px 15px #00a9a915}.btn.secondary{background:white;border-color:#9dd4d6;color:var(--ink)}.btn.secondary:hover{background:#9dd4d625}.btn.small-btn{min-height:35px;padding:8px 12px;background:var(--navy);color:white;font-size:1rem}.wide{width:100%}.text-button{display:inline-flex;gap:6px;align-items:center;font-size:1rem;color:#0e3a5c;font-weight:600;padding:4px 0}.text-button .i{width:16px}.icon-btn{display:grid;place-items:center;width:40px;height:40px;border-radius:50%}.icon-btn:hover{background:#9dd4d632}.avatar{height:36px;width:36px;display:inline-grid;place-items:center;border-radius:50%;background:#9dd4d64b;color:#0e3a5c;font-size:1rem;font-weight:bold;flex-shrink:0}.avatar.large{width:76px;height:76px;font-size:1.375rem}.badge{display:inline-flex;align-items:center;white-space:nowrap;gap:6px;padding:4px 9px;border-radius:5px;background:#9dd4d633;color:#58585a;font-size:0.9375rem;font-weight:600;line-height:1.6}.badge:before{content:'';display:block;width:5px;height:5px;border-radius:50%;background:currentColor}.badge.active,.badge.completed,.badge.checked_in{background:#9dd4d639;color:var(--success)}.badge.needs_info,.badge.pending,.badge.quoted{background:#ff5f001a;color:var(--warning)}.badge.submitted,.badge.assigned,.badge.accepted,.badge.payment_received,.badge.confirmed{background:#9dd4d632;color:#58585a}.badge.cancelled{background:#fe3b1f1c;color:#fe3b1f}.channel{font-size:0.9375rem;color:#58585a;background:#9dd4d625;padding:4px 8px;border-radius:4px;white-space:nowrap}.brand-logo{width:90px;height:116px;object-fit:contain;object-position:left}.back{font-size:1rem;display:inline-block;color:#58585a;margin-bottom:24px}.back:hover{color:var(--ink)}
/* Entry */
.entry{min-height:100dvh;display:grid;grid-template-columns:1fr 1fr;background:white}.entry-story{background:#9dd4d633;padding:38px 8vw 36px 6vw;display:flex;flex-direction:column;justify-content:space-between;min-height:850px;position:relative;overflow:hidden}.entry-story:before{content:'';position:absolute;width:580px;height:580px;border:1px solid #9dd4d6;border-radius:50%;right:-350px;top:12%;box-shadow:0 0 0 40px #9dd4d60f,0 0 0 80px #9dd4d60f;pointer-events:none}.entry-story>div{position:relative;margin-block:30px}.entry-story h1{font-size:clamp(60px,5.7vw,88px);line-height:1.03}.entry-story p{font-size:1.125rem;max-width:345px;margin-top:27px;line-height:1.8}.entry-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:30px}.entry-tags span{border:1px solid #9dd4d6;border-radius:30px;font-size:0.9375rem;padding:6px 10px}.entry-story>small{font-size:0.875rem;color:#58585a}.entry-form{max-width:650px;width:100%;padding:37px 65px 40px;margin:auto}.entry-form>.back{margin-bottom:32px}.entry-form h2{font-size:2.8125rem;margin-bottom:12px}.entry-form>p{font-size:1.125rem}.role-options{display:grid;gap:9px;margin:26px 0 20px}.role-option{display:flex;align-items:center;gap:14px;border:1px solid #9dd4d665;border-radius:9px;padding:13px 15px;text-align:left;transition:background .2s,border-color .2s}.role-option>.i{color:#58585a;width:21px}.role-option>span{flex:1}.role-option strong{display:block;font-size:1.0625rem;margin-bottom:3px}.role-option small{display:block;font-size:0.9375rem;color:#58585a;line-height:1.5}.role-option>.i:last-child{width:16px}.role-option.selected{border-color:#00a9a9;background:#9dd4d61d;box-shadow:inset 3px 0 var(--navy)}.demo-person{display:flex;gap:10px;align-items:center;margin-bottom:16px}.demo-person strong{display:block;font-size:1rem}.demo-person div>span{font-size:0.9375rem;color:#58585a}.auth-methods{display:flex;align-items:center;gap:9px;padding-block:16px}.auth-methods button{border:1px solid #9dd4d665;padding:6px 10px;border-radius:4px;font-size:0.9375rem}.auth-methods span{font-size:0.875rem;color:#58585a}.entry-form>.small{font-size:0.9375rem;line-height:1.7}.entry-links{border-top:1px solid var(--line);padding-top:20px;margin-top:23px;display:flex;gap:20px;font-size:0.9375rem;color:#58585a}
/* Shell */
.sidebar{position:fixed;left:0;top:0;bottom:0;width:var(--sidebar);background:#ffffff;border-right:1px solid var(--line);padding:25px 18px;display:flex;flex-direction:column;z-index:30}.app-brand{display:flex;align-items:center;gap:17px;padding:0 12px 23px}.app-brand img{width:46px;height:62px;object-fit:contain}.app-brand>span{font:29px var(--heading);letter-spacing:3px;color:#0e3a5c}.app-brand>span>span{font:.875rem/1.45 var(--font);letter-spacing:.1px;display:block;color:#58585a;margin-top:2px}.workspace-name{font-size:0.875rem;color:#58585a;letter-spacing:.5px;margin:3px 14px 15px}.sidebar nav{display:grid;gap:4px}.sidebar nav a,.sidebar-bottom>a,.sidebar-bottom>button{display:flex;align-items:center;gap:12px;padding:11px 13px;font-size:1.0625rem;color:#58585a;border-radius:7px}.sidebar nav a .i,.sidebar-bottom .i{width:18px;height:18px}.sidebar nav a.active{background:#9dd4d630;color:#0e3a5c;font-weight:600}.sidebar nav a:hover{background:#ffffff}.nav-dot{width:5px;height:5px;background:#4cbbbc;border-radius:50%;margin-left:auto}.sidebar-bottom{margin-top:auto;padding-top:26px}.sidebar-bottom>a,.sidebar-bottom>button{font-size:0.9375rem;padding:10px 13px}.sidebar-bottom p{font-size:0.875rem;color:#58585a;margin:22px 13px 0}.app-body{margin-left:var(--sidebar);min-height:100dvh}.topbar{height:83px;background:#ffffff;border-bottom:1px solid var(--line);padding:0 40px;display:flex;align-items:center;justify-content:space-between;gap:18px}.breadcrumb{font-size:1rem;color:#0e3a5c;font-weight:600}.breadcrumb span{font-weight:400;color:#58585a;margin-left:13px}.top-actions{display:flex;align-items:center;gap:20px}.top-actions>.icon-btn{position:relative;color:#58585a}.top-actions>.icon-btn i{position:absolute;top:7px;right:11px;background:#00a9a9;width:5px;height:5px;border-radius:50%;border:1px solid white}.profile-switch{display:flex;align-items:center;gap:10px;text-align:left;font-size:1rem}.profile-switch>span:last-child{font-weight:600}.profile-switch small{display:block;font-size:0.875rem;font-weight:400;color:#58585a;margin-top:1px}.preview-bar{display:flex;align-items:center;justify-content:space-between;background:#9dd4d639;color:#58585a;font-size:0.875rem;padding:9px 40px;gap:15px}.preview-bar b{font-size:0.875rem;letter-spacing:1px;color:#58585a;margin-right:12px}.preview-bar button{font-size:0.875rem;color:#58585a}.preview-bar button .i{width:13px;height:13px;margin-left:7px}.workspace-main{max-width:1540px;padding:31px 40px 46px;margin:auto;min-height:calc(100dvh - 190px)}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:27px}.page-heading .eyebrow{font-size:0.875rem;letter-spacing:1.4px;margin-bottom:9px}.page-heading h1{font-size:2.75rem}.page-heading p{font-size:1.0625rem;margin-top:10px}.page-heading>.btn{flex-shrink:0}.workspace-footer{padding:20px 40px;border-top:1px solid var(--line);display:flex;gap:22px;color:#58585a;font-size:0.875rem}.workspace-footer>a{margin-left:auto}.workspace-footer>button{padding:0;font-size:0.875rem}.mobile-menu,.bottom-nav{display:none}
/* Content */
.panel{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:25px;box-shadow:var(--shadow)}.panel.no-pad{padding:0;overflow:hidden}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:18px}.panel-title h2{font-size:1.6875rem}.panel-title .eyebrow{font-size:0.875rem;margin-bottom:8px}.panel-title>a{font-size:0.9375rem;color:#58585a;white-space:nowrap}.panel-title>a .i{width:14px;margin-left:5px}.welcome-panel{display:flex;align-items:center;justify-content:space-between;background:#00a9a9;color:white;border-radius:14px;overflow:hidden;min-height:242px;position:relative;isolation:isolate;margin-bottom:23px}.welcome-panel>div:first-child{padding:32px;position:relative;z-index:1;width:70%}.welcome-panel .eyebrow{color:#ffffff;font-size:0.875rem}.welcome-panel h2{font-size:2.5625rem;line-height:1.05}.welcome-panel p{max-width:425px;color:#ffffff;font-size:1rem;line-height:1.7;margin:15px 0 18px}.welcome-panel.with-photo>div:first-child{width:64%;background:linear-gradient(90deg,#00a9a9 65%,#00a9a900)}.welcome-panel>img{position:absolute;width:48%;height:100%;object-fit:cover;right:0;top:0;z-index:-1}.welcome-panel:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 40%,#00a9a940);z-index:-1}.light-link{display:inline-flex;align-items:center;gap:20px;color:white;font-size:1rem;font-weight:600}.light-link .i{width:16px}.welcome-orbit{width:150px;height:150px;border:1px solid #ffffff20;display:grid;place-items:center;border-radius:50%;margin-right:65px;box-shadow:0 0 0 25px #ffffff04,0 0 0 50px #ffffff03;color:#ffffff}.welcome-orbit .i{width:70px;height:70px;stroke-width:.8}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:25px}.stats-grid.three{grid-template-columns:repeat(3,1fr)}.stat{padding:20px 21px;background:white;border:1px solid var(--line);border-radius:12px;position:relative;min-width:0}.stat-icon{position:absolute;top:19px;right:18px;color:#58585a}.stat-icon .i{width:17px;height:17px}.stat-label{font-size:0.9375rem;display:block;color:#58585a;padding-right:20px}.stat>strong{display:block;font:36px var(--heading);color:#0e3a5c;margin:14px 0 1px;line-height:1.15}.stat small{font-size:0.875rem;color:#58585a}.dashboard-grid{display:grid;grid-template-columns:1fr 285px;gap:23px;margin-bottom:25px;align-items:stretch}.dashboard-grid.equal{grid-template-columns:1fr 1fr}.dashboard-grid>.panel{min-width:0}.next-panel{background:#9dd4d60f}.next-panel h2{font-size:1.9375rem}.next-panel>p{font-size:1.0625rem;line-height:1.8;margin:20px 0}.next-panel>.text-button{display:block;margin-top:16px;font-size:0.9375rem}.guide-symbol{display:grid;place-items:center;border:1px solid #9dd4d6;border-radius:50%;width:55px;height:55px;color:#34657f;margin:24px 0 17px;box-shadow:0 0 0 8px #9dd4d60f}.guide-symbol .i{width:27px;height:27px}.table-wrap{overflow:auto;width:100%}table{width:100%;border-collapse:collapse;text-align:left;font-size:1rem}thead{background:#ffffff}th{font-size:0.875rem;font-weight:400;color:#58585a;padding:11px 15px;white-space:nowrap}td{padding:17px 15px;border-bottom:1px solid #9dd4d637;color:#58585a;font-size:0.9375rem}tr:last-child td{border-bottom:0}td small{display:block;color:#58585a;font-size:0.875rem;margin-top:4px;max-width:210px}td>a.company-link{font-size:1.0625rem;color:#0e3a5c;font-weight:600;white-space:nowrap}.company-link:hover{text-decoration:underline}.row-open .i{width:17px;color:#58585a}.channel-strip{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap;border:1px solid var(--line);padding:19px 25px;border-radius:11px;background:#ffffff}.channel-strip>div{display:flex;gap:12px;align-items:center}.channel-strip strong{font-size:1.0625rem;font-weight:400}.channel-strip .i{color:#58585a}.channel-strip>div>span{font-size:0.875rem;color:#58585a;border:1px solid #9dd4d667;border-radius:20px;padding:5px 10px}.channel-strip>small{font-size:0.875rem;color:#58585a;width:100%}.toolbar{display:flex;gap:15px;margin-bottom:20px;align-items:center}.search-field{display:flex;gap:10px;align-items:center;border:1px solid #9dd4d6;background:#ffffff;padding:9px 12px;border-radius:7px;max-width:420px;width:100%}.search-field>.i{width:16px;color:#58585a}.search-field input{border:0;outline:0;width:100%;font-size:1rem;color:#58585a}.filter-field{font-size:0.9375rem;white-space:nowrap;display:flex;gap:9px;align-items:center;color:#58585a}.filter-field select{background:#ffffff;border:1px solid #9dd4d6;border-radius:6px;padding:10px 12px;color:#58585a;font-size:1rem}.toolbar>.small{margin-left:auto;white-space:nowrap}.empty{text-align:center;padding:38px 20px;color:#58585a}.empty>.i{width:30px;height:30px;color:#58585a;margin-bottom:13px}.empty h3{font-size:1.625rem;color:#58585a;margin-bottom:8px}.empty p{font-size:1rem;color:#58585a;max-width:340px;margin:auto}.empty .btn{margin-top:18px}.notice{font-size:1rem;line-height:1.7;color:#58585a;border:1px solid #9dd4d65c;background:#ffffff;padding:15px 17px;border-radius:8px;margin-block:20px}.success-note,.attention{display:flex;align-items:center;gap:15px;background:#9dd4d62c;border:1px solid #9dd4d6;padding:16px 20px;border-radius:9px;color:#58585a;font-size:1.0625rem;margin-bottom:23px}.attention{background:#ff5f0010;border-color:#ff5f0043;color:#ff5f00}.attention p{font-size:1.0625rem;color:#58585a;margin-top:3px}.attention .i{flex-shrink:0}.record-row{display:flex;align-items:center;gap:13px;padding:17px 0;border-bottom:1px solid #9dd4d633}.record-row:last-child{border:0}.record-row>div{flex:1}.record-row strong,.booking-row strong{font-size:1.0625rem;display:block}.record-row small,.booking-row small{display:block;font-size:0.9375rem;color:#58585a;margin:3px 0 6px}.record-icon{width:38px;height:38px;background:#9dd4d62a;color:#58585a;display:grid;place-items:center;border-radius:9px}.record-icon .i{width:19px;height:19px}.record-row .badge{margin-top:4px}.service-catalog{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:24px}.service-catalog button{background:white;border:1px solid var(--line);padding:20px 16px;border-radius:10px;text-align:left;display:flex;align-items:center;gap:10px}.service-catalog span{font-size:1rem;flex:1}.service-catalog .i{width:18px;color:#58585a}.service-catalog .i:last-child{width:13px}.service-record{display:flex;justify-content:space-between;gap:25px;border-top:1px solid #9dd4d648;padding:22px 0}.service-record h3{font-size:1.625rem}.service-record .eyebrow{font-size:0.875rem;margin-bottom:8px}.service-record p{font-size:1.0625rem;margin:9px 0 7px;max-width:550px}.service-record small{font-size:0.9375rem;color:#58585a}.service-actions{display:flex;flex-direction:column;align-items:flex-end;gap:11px;flex-shrink:0}.service-actions .btn{font-size:0.9375rem;min-height:34px;padding:8px 11px}
/* Journey */
.flow-layout{display:grid;grid-template-columns:1fr 310px;gap:24px;align-items:start}.flow-panel{padding:32px}.stepper,.journey-progress{display:flex;justify-content:space-between;gap:18px;margin-bottom:33px;border-bottom:1px solid var(--line);padding-bottom:24px}.stepper>span,.journey-progress>span{display:flex;align-items:center;gap:9px;font-size:0.9375rem;color:#58585a}.stepper b,.journey-progress b{display:grid;place-items:center;background:#9dd4d62c;color:#58585a;border-radius:50%;height:27px;width:27px;font-size:0.9375rem;font-weight:400;flex-shrink:0}.stepper .done,.journey-progress .done{color:#58585a}.stepper .done b,.journey-progress .done b{background:#00a9a9;color:white}.flow-panel>h2{margin-bottom:27px;font-size:2.1875rem}.field{display:block;margin-bottom:20px}.field>span{display:block;font-size:1rem;color:#58585a;margin-bottom:8px}.field input,.field select,.field textarea{display:block;width:100%;border:1px solid #9dd4d6;border-radius:7px;background:white;color:#0e3a5c;padding:12px 14px;min-height:47px;outline-offset:2px;font-size:1.125rem}.field input:focus,.field select:focus,.field textarea:focus{border-color:#4cbbbc}.field textarea{min-height:110px;resize:vertical}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.helper{font-size:0.9375rem;color:#58585a;line-height:1.7}.form-actions{display:flex;gap:12px;justify-content:flex-end;align-items:center;margin-top:24px}.form-actions.wrap{flex-wrap:wrap;justify-content:flex-start}.form-error{font-size:1.0625rem;color:#fe3b1f;min-height:22px}.flow-guide{background:#ffffff}.flow-guide h2{font-size:2.0625rem}.flow-guide>p{font-size:1.0625rem;line-height:1.8;margin:17px 0 22px}.mini-pass{background:var(--navy);color:white;padding:24px 20px;border-radius:10px;margin:22px 0}.mini-pass>span{display:block;font-size:0.875rem;color:#ffffff;letter-spacing:1.2px}.mini-pass strong{display:block;font:30px var(--heading);margin:15px 0 7px;line-height:1.1}.mini-pass small{color:#ffffff;font-size:0.9375rem}.journey-progress{border:1px solid var(--line);border-radius:9px;background:white;padding:22px 28px;margin-bottom:24px}.detail-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:24px;margin-bottom:24px;align-items:start}.summary-list>div{display:flex;justify-content:space-between;gap:20px;padding:14px 0;border-bottom:1px solid #9dd4d633;font-size:1.0625rem}.summary-list>div:last-child{border:0}.summary-list>div>span{color:#58585a;font-size:1rem}.summary-list>div>strong{font-weight:400;text-align:right;max-width:65%}.document-row{display:flex;gap:13px;align-items:center;border-top:1px solid #9dd4d646;padding:17px 0}.document-row>.i{color:#58585a;width:21px}.document-row>div{flex:1}.document-row strong{font-size:1.0625rem}.document-row small{font-size:0.9375rem;display:block;color:#58585a;margin-top:3px}.checkmark{color:#58585a;font-size:1.25rem}.timeline{list-style:none;margin:0;padding:0}.timeline li{display:flex;gap:20px;padding:14px 0;position:relative}.timeline li>i{width:8px;height:8px;border:2px solid #6ec4c4;border-radius:50%;margin-top:5px;position:relative;z-index:1;background:white;flex-shrink:0}.timeline li:before{content:'';position:absolute;width:1px;top:24px;bottom:-8px;background:#9dd4d658;left:3px}.timeline li:last-child:before{display:none}.timeline strong{font-size:1.0625rem;font-weight:400}.timeline small{font-size:0.9375rem;color:#58585a;display:block;margin-top:4px}.payment-preview{border:1px solid #9dd4d65c;border-radius:10px;padding:30px;text-align:center;margin:26px 0}.payment-preview>span{font-size:1rem;color:#58585a;display:block}.payment-preview strong{font:46px var(--heading);display:block;margin:12px 0 6px}.payment-preview small{font-size:0.9375rem;color:#58585a}
/* Compass */
.compass-hero{height:300px;position:relative;border-radius:14px;overflow:hidden;margin-bottom:24px;background:var(--navy)}.compass-hero>img{width:100%;height:100%;object-fit:cover;object-position:center 48%;filter:brightness(.8)}.compass-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#00a9a9ea,#00a9a912 80%)}.compass-hero>div{position:absolute;top:40px;left:34px;z-index:1;max-width:340px}.compass-hero .eyebrow{color:#ffffff;font-size:0.875rem}.compass-hero h2{color:white;font-size:3.5rem;line-height:1.02}.compass-hero p{color:#ffffff;font-size:1.0625rem;line-height:1.6;max-width:280px;margin-top:18px}.membership-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:25px}.membership-card{padding:24px;display:flex;flex-direction:column;align-items:flex-start}.membership-card .eyebrow{font-size:0.875rem}.membership-icon{color:#58585a;border:1px solid #9dd4d66a;display:grid;place-items:center;height:48px;width:48px;border-radius:12px;margin:17px 0 19px}.membership-icon>.i{width:25px;height:25px}.membership-card h2{font-size:2.0625rem}.membership-card p{font-size:1.0625rem;margin:11px 0}.membership-card small{font-size:0.9375rem;color:#58585a;line-height:1.6;max-width:210px;flex:1}.membership-card .btn{margin-top:21px;font-size:1rem;justify-content:space-between;width:100%}.booking-row{display:flex;align-items:center;gap:15px;border-top:1px solid #9dd4d633;padding:17px 0}.booking-row>div:nth-child(2){flex:1}.date-tile{width:47px;border:1px solid #9dd4d663;border-radius:8px;display:flex;flex-direction:column;align-items:center;padding:8px 4px;color:#58585a}.date-tile strong{font:24px var(--heading);line-height:1}.date-tile span{font-size:0.875rem;margin-top:3px}.booking-row>.text-button{font-size:0.9375rem}
/* Conversations */
.inbox-layout{display:grid;grid-template-columns:270px 1fr;min-height:620px;border:1px solid var(--line);background:white;border-radius:13px;overflow:hidden}.thread-list{border-right:1px solid var(--line);background:#ffffff;padding:12px}.thread-list>a{padding:16px 11px;display:flex;gap:10px;border-bottom:1px solid #9dd4d632;border-radius:7px}.thread-list>a.active{background:#9dd4d630}.thread-avatar{width:32px;height:32px;border-radius:8px;background:#9dd4d656;display:grid;place-items:center;color:#58585a;font:20px var(--heading);flex-shrink:0}.thread-list strong{font-size:1rem;display:block}.thread-list small{font-size:0.875rem;color:#58585a;display:block;margin-top:4px}.conversation{display:flex;flex-direction:column;min-width:0}.conversation>header{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:21px 25px;border-bottom:1px solid var(--line)}.conversation>header h2{font-size:1.75rem}.conversation>header span:not(.badge){font-size:0.875rem;color:#58585a}.channel-tabs{display:flex;gap:4px;overflow:auto;padding:12px 22px;border-bottom:1px solid #9dd4d642}.channel-tabs button{font-size:0.875rem;white-space:nowrap;border:1px solid transparent;border-radius:20px;padding:5px 9px;color:#58585a}.channel-tabs button[aria-pressed=true]{background:#9dd4d637;color:#58585a}.messages{flex:1;background:#ffffff;padding:23px;display:flex;flex-direction:column;gap:16px;min-height:265px;max-height:470px;overflow:auto}.message{background:white;border:1px solid #9dd4d653;border-radius:2px 12px 12px 12px;padding:15px 17px;max-width:88%;align-self:flex-start;min-width:180px}.message.mine{background:#9dd4d637;align-self:flex-end;border-radius:12px 2px 12px 12px}.message>div{display:flex;justify-content:space-between;gap:15px;align-items:center}.message strong{font-size:0.9375rem;color:#58585a}.message>div>span{font-size:0.875rem;color:#58585a}.message p{font-size:1.0625rem;line-height:1.7;margin:9px 0;color:#58585a;white-space:pre-wrap;overflow-wrap:anywhere}.message>small{font-size:0.875rem;color:#58585a}.conversation form{padding:17px 23px}.compose-controls{display:flex;align-items:center;gap:20px}.compose-controls .field{width:140px;margin-bottom:10px;display:flex;align-items:center;gap:9px}.compose-controls .field>span{margin:0;font-size:0.875rem}.compose-controls select{font-size:0.9375rem;min-height:32px;padding:4px 7px}.compose-controls>span{font-size:0.875rem;color:#58585a;margin-left:auto}.conversation textarea{border:1px solid #9dd4d66c;width:100%;padding:13px 15px;font-size:1.0625rem;border-radius:7px;min-height:85px;resize:vertical;color:#58585a}.compose-footer{display:flex;justify-content:space-between;align-items:center;margin-top:10px;gap:10px}.compose-footer .btn{min-height:36px;padding:9px 12px;font-size:0.9375rem}.compose-footer .i{width:16px}.profile-panel{text-align:center;padding:35px}.profile-panel .avatar{margin-bottom:22px}.profile-panel h2{font-size:2.3125rem;margin-bottom:14px}.profile-panel p{font-size:1.0625rem;line-height:1.7;margin:20px auto;max-width:300px}.bar-chart{margin:26px 0 5px}.bar-chart>div{display:flex;align-items:center;gap:15px;margin:16px 0;font-size:0.9375rem}.bar-chart>div>span{width:110px;color:#58585a;flex-shrink:0}.bar-chart i{display:block;width:100%;height:7px;background:#9dd4d62e;border-radius:5px;overflow:hidden}.bar-chart b{display:block;height:100%;width:var(--bar);background:#4cbbbc;border-radius:5px}.bar-chart strong{width:22px;font-weight:400;color:#58585a}
/* Dialogs */
dialog{border:1px solid #9dd4d66a;border-radius:16px;padding:34px 36px;max-width:calc(100vw - 30px);width:550px;max-height:90dvh;color:var(--ink);background:white;box-shadow:0 30px 100px #00a9a930}dialog::backdrop{background:#00a9a965;backdrop-filter:blur(3px)}.dialog-close{position:absolute;right:12px;top:10px;font:26px Arial;color:#58585a}#dialog-content>.eyebrow{margin-top:8px}dialog h2{font-size:2.4375rem;margin:12px 20px 16px 0}dialog p{font-size:1.125rem;line-height:1.8;margin-bottom:18px}dialog form{margin-top:23px}dialog .btn{margin-top:4px}.tour-list{padding-left:21px;font-size:1.0625rem;color:#58585a}.tour-list li{padding:8px 0 8px 6px}.tour-list strong{display:block;font-size:1.0625rem;color:#58585a;margin-bottom:3px}.update-link{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #9dd4d658;padding:19px 0;font-size:1.0625rem}.update-link span{font-size:0.9375rem;color:#58585a}.update-link .i{width:14px}#toast{position:fixed;bottom:27px;left:50%;transform:translate(-50%,20px);opacity:0;visibility:hidden;transition:opacity .2s,transform .2s;background:#00a9a9;color:white;padding:14px 22px;border-radius:9px;font-size:1.0625rem;z-index:200;box-shadow:0 8px 35px #00a9a930;max-width:90vw}#toast.show{transform:translate(-50%,0);opacity:1;visibility:visible}
/* Design system */
.ds-header{display:flex;align-items:center;justify-content:space-between;padding:25px 6vw;background:white;border-bottom:1px solid var(--line)}.ds-header img{width:58px;height:75px;object-fit:contain}.ds-header nav{display:flex;gap:25px;font-size:1rem}.ds-main{max-width:1250px;margin:auto;padding:55px 45px}.ds-intro{display:flex;justify-content:space-between;align-items:center;gap:40px;margin-bottom:45px}.ds-intro h1{font-size:4.5rem;line-height:1}.ds-intro p{max-width:430px;font-size:1.125rem;line-height:1.8}.ds-section{padding:36px 0;border-top:1px solid var(--line)}.ds-section>h2{font-size:2.375rem;margin-bottom:12px}.ds-section>p{font-size:1.0625rem;margin-bottom:25px}.swatches{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.swatch{background:white;border:1px solid var(--line);border-radius:9px;overflow:hidden}.swatch>i{display:block;height:86px;background:var(--swatch)}.swatch>div{padding:13px}.swatch strong{font-size:1rem;display:block}.swatch small{color:#58585a;font-size:0.9375rem}.component-row{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin:20px 0}.ds-cols{display:grid;grid-template-columns:1fr 1fr;gap:24px}.type-sample{padding:20px 0;border-bottom:1px solid #9dd4d646}.type-sample>span{font-size:0.875rem;color:#58585a;display:block;margin-bottom:10px}.spacing-bars{display:flex;align-items:flex-end;gap:20px;margin:22px 0}.spacing-bars i{display:block;background:#00a9a9;width:var(--space);height:var(--space);border-radius:2px}.spacing-bars span{display:block;font-size:0.875rem;text-align:center;margin-top:8px;color:#58585a}.role-matrix{overflow:auto}.role-matrix th,.role-matrix td{font-size:1rem;padding:16px}.ds-notice{background:#00a9a9;color:white;padding:25px;border-radius:10px;font-size:1.0625rem;line-height:1.8}.ds-notice strong{display:block;font:27px var(--heading);margin-bottom:8px}
@media(min-width:1650px){.workspace-main{padding:40px 50px}.page-heading h1{font-size:3.1875rem}.welcome-panel h2{font-size:3.0625rem}.welcome-panel>div:first-child{padding:38px}.welcome-panel{min-height:280px}.welcome-panel p{font-size:1.125rem}.stat>strong{font-size:2.625rem}td{font-size:1.0625rem}.dashboard-grid{grid-template-columns:1fr 330px}}
@media(max-width:1200px){:root{--sidebar:250px}.sidebar{padding-inline:12px}.topbar{padding-inline:27px}.preview-bar{padding-inline:27px}.workspace-main{padding:27px}.page-heading h1{font-size:2.4375rem}.page-heading p{font-size:1rem}.page-heading>.btn{font-size:1rem;padding:11px 14px}.stats-grid{gap:12px}.stat{padding:18px 16px}.stat-label{font-size:0.875rem}.stat>strong{font-size:2.0625rem}.stat-icon{right:14px}.stat small{font-size:0.875rem}.dashboard-grid{grid-template-columns:1fr 250px;gap:18px}.panel{padding:21px}.dashboard-grid .table-wrap{margin-inline:-6px;width:calc(100% + 12px)}td,th{padding-inline:10px}.dashboard-grid th:nth-child(3),.dashboard-grid td:nth-child(3){display:none}.dashboard-grid th:nth-child(4),.dashboard-grid td:nth-child(4){display:none}.next-panel h2{font-size:1.75rem}.next-panel p{font-size:1rem}.flow-layout{grid-template-columns:1fr 265px;gap:18px}.flow-panel{padding:25px}.stepper>span{font-size:0.875rem;gap:7px}.stepper{gap:10px}.detail-grid{grid-template-columns:1fr 1fr;gap:18px}.service-catalog{grid-template-columns:1fr 1fr}.inbox-layout{grid-template-columns:220px 1fr}.conversation>header{padding:19px}.channel-tabs{padding:10px 15px}.channel-tabs button{font-size:0.875rem;padding:5px 7px}.entry-form{padding-inline:45px}.entry-story{padding-inline:5vw}.entry-story h1{font-size:4.375rem}.membership-cards{gap:15px}.membership-card{padding:21px}.membership-card h2{font-size:1.8125rem}.membership-card .btn{font-size:0.9375rem;padding-inline:10px}}
@media(max-width:1000px){:root{--sidebar:240px}.sidebar nav a{font-size:1rem;gap:10px}.sidebar nav a .i{width:16px}.app-brand{gap:12px;padding-inline:7px}.app-brand>span{font-size:1.5625rem}.app-brand>span>span{font-size:0.875rem}.app-brand img{width:40px}.workspace-name{font-size:0.875rem;margin-inline:10px}.workspace-main{padding:25px}.topbar{padding-inline:25px}.preview-bar{padding-inline:25px}.page-heading{align-items:flex-start}.page-heading h1{font-size:2.25rem}.stats-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.dashboard-grid.equal{grid-template-columns:1fr}.next-panel{display:grid;grid-template-columns:1fr auto;column-gap:20px}.next-panel>.eyebrow,.next-panel h2,.next-panel>p,.next-panel>.btn,.next-panel>.text-button{grid-column:1}.next-panel .guide-symbol{grid-column:2;grid-row:1/5;margin:auto 10px}.next-panel>p{max-width:420px;margin:15px 0}.next-panel>.btn{justify-self:start}.flow-layout{grid-template-columns:1fr}.flow-guide{display:none}.detail-grid{grid-template-columns:1fr}.welcome-panel h2{font-size:2.375rem}.welcome-panel>div:first-child{padding:28px}.welcome-panel p{font-size:0.9375rem;max-width:300px}.welcome-panel.with-photo>div:first-child{width:73%}.journey-progress{gap:12px;padding:20px}.journey-progress>span{font-size:0.875rem;gap:7px}.journey-progress b{width:24px;height:24px}.membership-cards{grid-template-columns:1fr 1fr 1fr;gap:10px}.membership-card{padding:17px 14px}.membership-card h2{font-size:1.6875rem}.membership-card p{font-size:0.9375rem}.membership-card small{font-size:0.875rem}.membership-card .btn{font-size:0.875rem;gap:8px}.membership-card .btn .i{width:14px}.inbox-layout{grid-template-columns:185px 1fr}.thread-list{padding:8px}.thread-list>a{padding:13px 7px}.thread-list strong{font-size:0.9375rem}.thread-list small{font-size:0.875rem}.thread-avatar{width:26px;height:26px;font-size:1.125rem}.conversation>header{padding:17px}.conversation>header h2{font-size:1.625rem}.conversation>header .badge{font-size:0.875rem}.message{padding:13px;max-width:95%}.messages{padding:17px}.message p{font-size:1rem}.message>div{display:block}.message>div>span{display:block;margin-top:3px}.compose-controls>span{font-size:0.875rem;max-width:120px}.compose-controls{gap:10px}.conversation form{padding:16px}.channel-tabs{padding:10px}.workspace-footer{padding-inline:25px;flex-wrap:wrap;font-size:0.875rem}.entry-form{padding:30px}.entry-story h1{font-size:3.625rem}.entry-story p{font-size:1.125rem}.entry-story{min-height:850px}.ds-intro h1{font-size:3.75rem}.swatches{grid-template-columns:repeat(3,1fr)}}
@media(max-width:1023px){.entry{display:block}.entry-story{min-height:0;padding:20px 24px;background:#00a9a9;color:white;flex-direction:row;align-items:center}.entry-story>a{display:none}.entry-story:before{display:none}.entry-story>div{margin:0}.entry-story .eyebrow{color:#ffffff;font-size:0.875rem;margin-bottom:9px}.entry-story h1{font-size:2.0625rem;line-height:1.1}.entry-story h1 br{display:none}.entry-story h1 br:after{content:' '}.entry-story h1{max-width:340px}.entry-story p,.entry-tags,.entry-story>small{display:none}.entry-form{padding:25px 24px 35px;max-width:520px}.entry-form>.back{margin-bottom:22px}.entry-form h2{font-size:2.4375rem}.entry-form>p{font-size:1.0625rem}.role-options{gap:8px;margin-top:22px}.role-option{padding:12px 13px}.role-option strong{font-size:1.0625rem}.role-option small{font-size:0.9375rem}.entry-links{font-size:0.9375rem}.app-body{margin-left:0}.sidebar{transform:translateX(-100%);transition:transform .22s;width:245px;box-shadow:0 0 0 100vmax #00a9a900;top:69px;bottom:66px;padding:17px}.sidebar.open{transform:translateX(0);box-shadow:50px 0 100px #00a9a928}.sidebar .app-brand{display:none}.sidebar .workspace-name{margin-top:8px;font-size:0.9375rem}.sidebar nav a{font-size:1.125rem;padding:12px}.sidebar nav a .i{width:19px}.sidebar-bottom>a,.sidebar-bottom>button{font-size:1rem}.sidebar-bottom p{display:none}.topbar{height:69px;padding:0 18px;position:sticky;top:0;z-index:25}.mobile-menu{display:grid;width:32px;height:36px}.breadcrumb{font-size:1.0625rem;margin-right:auto}.breadcrumb span{display:none}.top-actions{gap:10px}.profile-switch{padding:0}.profile-switch>span:last-child{display:none}.top-actions>.icon-btn{width:32px}.avatar{width:32px;height:32px}.preview-bar{padding:9px 19px;gap:8px;font-size:0.875rem}.preview-bar b{font-size:0.875rem;margin-right:6px}.preview-bar button{font-size:0}.preview-bar button .i{width:14px;font-size:1.0625rem}.workspace-main{padding:24px 19px 26px;min-height:75vh}.page-heading{display:block;margin-bottom:22px}.page-heading h1{font-size:2.3125rem;letter-spacing:-.4px}.page-heading p{font-size:1.0625rem;line-height:1.7;margin-top:10px}.page-heading>.btn,.page-heading>.badge{margin-top:17px}.page-heading .eyebrow{font-size:0.875rem;margin-bottom:9px}.welcome-panel{min-height:241px}.welcome-panel>div:first-child{padding:25px;width:100%}.welcome-panel.with-photo>div:first-child{width:100%;background:linear-gradient(90deg,#00a9a9 45%,#00a9a999)}.welcome-panel>img{width:65%}.welcome-panel h2{font-size:2.3125rem}.welcome-panel p{font-size:1rem;max-width:270px;line-height:1.6}.welcome-panel .eyebrow{font-size:0.875rem}.light-link{font-size:1rem}.welcome-orbit{position:absolute;right:-100px;opacity:.5;z-index:-1}.stats-grid{gap:11px;margin-bottom:20px}.stats-grid.three{grid-template-columns:1fr 1fr}.stat{padding:17px 15px}.stat-label{font-size:0.875rem;max-width:120px;line-height:1.4}.stat-icon{display:none}.stat>strong{font-size:2.0625rem;margin:13px 0 5px}.stat small{font-size:0.875rem;line-height:1.5;display:block}.panel{padding:20px;border-radius:11px}.panel-title h2{font-size:1.6875rem}.panel-title>a{font-size:0.9375rem}.dashboard-grid{gap:18px;margin-bottom:19px}.dashboard-grid .table-wrap{margin-inline:-6px;width:calc(100% + 12px)}table{font-size:1rem}th,td{padding-inline:10px}th:nth-child(3),td:nth-child(3),th:nth-child(4),td:nth-child(4){display:none}td{padding-block:18px}td>a.company-link{font-size:1rem}td small{font-size:0.875rem;max-width:130px}.badge{font-size:0.875rem;padding:4px 7px}.badge:before{width:4px;height:4px}.panel.no-pad table .row-open{display:none}.panel.no-pad table th:last-child,.panel.no-pad table td:last-child{padding-inline:3px}.next-panel{display:block}.next-panel .guide-symbol{display:none}.next-panel>p{font-size:1.0625rem}.channel-strip{padding:18px;gap:16px}.channel-strip>div{flex-wrap:wrap;gap:7px}.channel-strip strong{font-size:1.0625rem}.channel-strip>div>span{font-size:0.875rem;padding:5px 8px}.channel-strip small{font-size:0.875rem;line-height:1.6}.workspace-footer{padding:18px 19px 93px;font-size:0.875rem;gap:12px}.workspace-footer>span{width:100%}.workspace-footer>a{margin-left:0}.workspace-footer>button{font-size:0.875rem;margin-left:auto}.bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;background:#ffffff;border-top:1px solid #9dd4d661;z-index:40;justify-content:space-around;min-height:66px;padding:9px 8px max(9px,env(safe-area-inset-bottom))}.bottom-nav>a{display:flex;flex-direction:column;align-items:center;gap:4px;color:#58585a;min-width:48px;font-size:0.875rem;padding:2px 5px}.bottom-nav .i{width:21px;height:21px}.bottom-nav>a.active{color:#0e3a5c}.toolbar{flex-wrap:wrap;gap:11px}.search-field{max-width:none;padding:11px 12px}.search-field input{font-size:1.0625rem}.filter-field{font-size:0.9375rem}.filter-field select{font-size:1rem}.toolbar>.small{font-size:0.9375rem}.flow-panel{padding:22px 19px}.stepper{gap:9px;justify-content:start;padding-bottom:19px;margin-bottom:22px}.stepper>span{display:block;font-size:0.875rem;flex:1}.stepper b{margin-bottom:8px;width:26px;height:26px}.flow-panel>h2{font-size:1.9375rem;line-height:1.15}.field>span{font-size:1.0625rem}.field input,.field select,.field textarea{font-size:1.125rem;padding:12px;min-height:48px}.field-grid{gap:12px}.helper{font-size:0.9375rem}.flow-layout{gap:18px}.flow-guide{display:block}.flow-guide .guide-symbol{display:none}.flow-guide>.eyebrow{margin-top:0}.flow-guide h2{font-size:1.8125rem}.flow-guide>p{font-size:1.0625rem;margin-bottom:10px}.flow-guide .mini-pass{display:none}.flow-guide>.btn{margin-top:10px}.form-actions{gap:10px;flex-wrap:wrap}.form-actions>.btn{flex:1;font-size:1rem;padding:11px 12px}.summary-list>div{font-size:1.0625rem;gap:12px}.summary-list>div>span{font-size:1rem;flex-shrink:0}.summary-list>div>strong{max-width:62%}.journey-progress{padding:17px 15px;gap:9px}.journey-progress>span{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:0.875rem;flex:1}.journey-progress b{width:24px;height:24px;font-size:0.875rem}.attention{padding:15px;align-items:flex-start;font-size:1.0625rem}.attention p{font-size:1rem}.detail-grid{gap:18px}.document-row{gap:10px}.document-row strong{font-size:1rem}.document-row small{font-size:0.875rem}.document-row .text-button{font-size:0.9375rem}.notice{font-size:0.9375rem;padding:14px;line-height:1.7}.timeline li{gap:14px}.timeline strong{font-size:1rem;line-height:1.6}.timeline small{font-size:0.875rem}.compass-hero{height:255px}.compass-hero>div{top:31px;left:24px}.compass-hero h2{font-size:2.9375rem}.compass-hero p{font-size:1rem;max-width:250px}.compass-hero .eyebrow{font-size:0.875rem}.membership-cards{grid-template-columns:1fr;gap:13px}.membership-card{padding:21px;display:grid;grid-template-columns:1fr auto;gap:0 15px}.membership-card .eyebrow{grid-column:1}.membership-icon{grid-column:2;grid-row:1/4;margin:3px 0 0;width:44px;height:44px}.membership-card h2{font-size:2.0625rem}.membership-card p{font-size:1.0625rem;grid-column:1;margin:8px 0}.membership-card small{font-size:0.9375rem;grid-column:1/-1;max-width:none}.membership-card .btn{grid-column:1/-1;font-size:1rem;margin-top:17px}.booking-row{gap:11px}.booking-row strong{font-size:1rem}.booking-row small{font-size:0.875rem}.record-row strong{font-size:1rem}.record-row small{font-size:0.875rem}.record-row>.small-btn{font-size:0.9375rem;padding:7px}.service-catalog{gap:10px}.service-catalog button{padding:16px 12px;gap:8px}.service-catalog span{font-size:0.9375rem;line-height:1.5}.service-catalog .i{width:17px}.service-catalog .i:last-child{display:none}.service-record{display:block;padding:20px 0}.service-record p{font-size:1.0625rem}.service-record h3{font-size:1.75rem}.service-actions{flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:start;gap:13px;margin-top:17px}.service-actions .text-button{font-size:0.9375rem}.inbox-layout{display:block;border-radius:10px}.thread-list{display:flex;overflow:auto;gap:7px;border:0;border-bottom:1px solid var(--line);padding:10px}.thread-list>a{flex-shrink:0;min-width:165px;padding:11px 10px;border:1px solid #9dd4d654}.thread-list strong{font-size:0.9375rem}.thread-list small{font-size:0.875rem}.conversation>header{padding:17px 15px}.conversation>header h2{font-size:1.625rem}.conversation>header .badge{font-size:0.875rem}.channel-tabs{padding:10px;gap:2px}.channel-tabs button{font-size:0.875rem;padding:7px 8px}.messages{padding:17px 13px;max-height:440px;min-height:240px}.message{max-width:93%;padding:13px 14px}.message p{font-size:1.0625rem}.message>div{display:flex;gap:9px}.message>div>span{font-size:0.875rem;line-height:1.3;max-width:90px;text-align:right}.message strong{font-size:0.9375rem}.conversation form{padding:16px 13px}.compose-controls .field{width:154px;gap:8px}.compose-controls .field>span{font-size:0.875rem}.compose-controls select{font-size:1.0625rem;padding:7px;min-height:35px}.compose-controls>span{font-size:0.875rem;line-height:1.5;max-width:110px}.conversation textarea{font-size:1.125rem;min-height:94px}.compose-footer{display:block}.compose-footer .form-error{min-height:0;margin-bottom:8px;font-size:0.9375rem}.compose-footer .btn{width:100%;font-size:1rem;min-height:41px}.bar-chart>div{gap:12px;font-size:0.9375rem}.bar-chart>div>span{width:107px}.profile-panel{padding:30px 20px}.profile-panel h2{font-size:2.1875rem}.success-note{font-size:1rem;padding:15px;line-height:1.6}.empty{padding:30px 15px}.empty h3{font-size:1.6875rem}.empty p{font-size:1rem}dialog{padding:27px 23px;max-height:89dvh;width:calc(100vw - 25px);max-width:480px;border-radius:13px}dialog h2{font-size:2.25rem;margin-right:12px}dialog p{font-size:1.125rem}dialog .eyebrow{font-size:0.875rem}dialog .field>span{font-size:1.0625rem}.dialog-close{width:33px;height:33px;right:9px;top:8px}.tour-list{font-size:1.0625rem}.tour-list strong{font-size:1.0625rem}.payment-preview strong{font-size:2.6875rem}#toast{bottom:83px;min-width:260px;max-width:calc(100vw - 30px);font-size:1rem;text-align:center}.ds-header{padding:17px 22px}.ds-header img{width:43px;height:56px}.ds-header nav{gap:15px;font-size:0.9375rem;flex-wrap:wrap;justify-content:flex-end}.ds-header nav>a:nth-child(n+3){display:none}.ds-main{padding:35px 22px}.ds-intro{display:block;margin-bottom:30px}.ds-intro h1{font-size:3.6875rem}.ds-intro p{font-size:1.125rem;margin-top:24px;line-height:1.8}.ds-section{padding:28px 0}.ds-section>h2{font-size:2.1875rem}.swatches{grid-template-columns:1fr 1fr;gap:12px}.swatch>i{height:75px}.ds-cols{grid-template-columns:1fr;gap:18px}.ds-notice{font-size:1rem}.type-sample h1{font-size:2.6875rem}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* A dedicated mobile entry uses the same components and browser records. */
.mobile-preview{--sidebar:0px}.mobile-preview .app-body{margin-left:0}.mobile-preview .sidebar{display:none}.mobile-preview .workspace-main{max-width:520px}.mobile-preview .topbar,.mobile-preview .preview-bar,.mobile-preview .workspace-footer{max-width:560px;margin:auto}.mobile-preview .topbar .breadcrumb span{display:none}.mobile-preview .page-heading{display:block}.mobile-preview .page-heading>.btn{margin-top:16px}.mobile-preview .stats-grid{grid-template-columns:1fr 1fr}.mobile-preview .dashboard-grid,.mobile-preview .detail-grid,.mobile-preview .flow-layout,.mobile-preview .membership-cards{grid-template-columns:1fr}.mobile-preview .welcome-panel.with-photo>div:first-child{width:100%;background:linear-gradient(90deg,#00a9a9 45%,#00a9a999)}.mobile-preview .inbox-layout{display:block}.mobile-preview .thread-list{display:flex;overflow:auto;gap:8px}.mobile-preview .thread-list>a{flex-shrink:0;min-width:180px}.mobile-preview .bottom-nav{display:flex;position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(560px,100%);background:white;border-top:1px solid var(--line);padding:12px 8px;z-index:40;justify-content:space-around}.mobile-preview .bottom-nav>a{display:flex;flex-direction:column;align-items:center;gap:4px;color:#58585a;font-size:0.875rem}.mobile-preview .bottom-nav>a.active{color:var(--ink)}.mobile-preview .workspace-footer{padding-bottom:95px}.mobile-preview .inbox-layout .message{max-width:90%}.mobile-preview .flow-guide{display:block}.mobile-preview .membership-card{display:block}.mobile-preview .membership-icon{float:right;margin-top:10px}.mobile-preview .service-catalog{grid-template-columns:1fr 1fr}.mobile-preview .entry{display:block;max-width:560px;margin:auto}.mobile-preview .entry-story{min-height:0;padding:24px;background:#00a9a9;color:white}.mobile-preview .entry-story>a,.mobile-preview .entry-story p,.mobile-preview .entry-tags,.mobile-preview .entry-story>small{display:none}.mobile-preview .entry-story>div{margin:0}.mobile-preview .entry-story h1{font-size:2.1875rem}.mobile-preview .entry-story h1 br{display:none}.mobile-preview .entry-story .eyebrow{color:#ffffff}.mobile-preview .entry-form{padding:28px}.mobile-preview .welcome-panel{min-height:240px}.mobile-preview .service-record{display:block}.mobile-preview .service-actions{align-items:flex-start;margin-top:16px}.mobile-preview .journey-progress{gap:9px;padding:17px 12px}.mobile-preview .journey-progress>span{flex-direction:column;gap:6px;font-size:0.875rem}.mobile-preview .toolbar{flex-wrap:wrap}.mobile-preview .conversation textarea{font-size:1.125rem}.mobile-preview td:nth-child(3),.mobile-preview th:nth-child(3),.mobile-preview td:nth-child(4),.mobile-preview th:nth-child(4){display:none}
.attention>div{flex:1}.clarification{margin:14px 0 0}.clarification>span{font-size:0.9375rem}.clarification textarea{font-size:1.125rem;min-height:78px}.mobile-preview .mobile-menu{display:grid}.mobile-preview .topbar{height:69px}.mobile-preview .sidebar.open{display:flex;left:max(0px,calc(50% - 280px));top:69px;bottom:66px;width:245px;transform:none;box-shadow:40px 0 100px #00a9a928}.mobile-preview .sidebar .app-brand{display:none}.role-matrix th,.role-matrix td{display:table-cell!important}
@media(max-width:1023px){.clarification textarea{font-size:1.125rem}.mobile-preview .topbar{padding-inline:15px}.mobile-preview .sidebar.open{left:0}}

/* Version 07: readable type and layouts that accommodate it. */
:root{--text-body:1.125rem;--text-control:1.0625rem;--text-support:.9375rem;--text-meta:.875rem}
body{font-size:var(--text-body)}
.sidebar{overflow-y:auto}.sidebar nav a{font-size:var(--text-control);line-height:1.45;min-height:49px}.sidebar-bottom>a,.sidebar-bottom>button{font-size:var(--text-support)}
.workspace-name{line-height:1.5}.app-brand{gap:14px}.app-brand>span>span{max-width:150px;letter-spacing:0;color:#58585a}
.btn{font-size:var(--text-control);min-height:49px}.btn.small-btn{font-size:var(--text-support);min-height:44px}.icon-btn{min-width:44px;min-height:44px}
.page-heading p,.next-panel>p,.flow-guide>p,.service-record p,.membership-card p,.message p,.entry-form>p,.entry-story p,.ds-section>p,.ds-intro p{font-size:var(--text-body);line-height:1.65}
.field>span{font-size:1rem;font-weight:600;color:#58585a}.field input,.field select,.field textarea,.conversation textarea{font-size:var(--text-body);min-height:52px}.helper{font-size:var(--text-support)}
.eyebrow{letter-spacing:1px}.preview-bar{line-height:1.5}.preview-bar>span{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.preview-bar b{margin-right:0}.preview-bar button{min-width:44px;min-height:32px}
.stat-label{max-width:none;line-height:1.5}.stat small{display:block;line-height:1.5}.stat>strong{margin-block:12px 7px}.stat-icon{top:22px}
.panel-title{align-items:flex-start;flex-wrap:wrap}.panel-title h2{font-size:2rem}.next-panel{min-width:0}.next-panel .btn{white-space:normal;text-align:left}
.welcome-panel p{font-size:var(--text-body);line-height:1.65;max-width:460px;color:#ffffff}.welcome-panel>div:first-child{padding:34px}.welcome-panel.with-photo>div:first-child{width:64%;background:linear-gradient(90deg,#00a9a9 80%,#00a9a9e6)}
.welcome-panel .eyebrow,.compass-hero .eyebrow{color:#ffffff}.light-link{font-size:1rem}.compass-hero{height:340px}.compass-hero p{font-size:var(--text-body);color:#ffffff;max-width:320px}.compass-hero>div{max-width:380px}
table{font-size:1rem}th{font-size:var(--text-support);font-weight:600;color:#58585a}td{font-size:1rem;line-height:1.5}td>a.company-link{font-size:1.0625rem;white-space:normal}td small{font-size:var(--text-meta);line-height:1.5}.badge{white-space:normal;font-size:var(--text-meta)}
.dashboard-grid{grid-template-columns:minmax(0,1fr) 310px}.dashboard-grid.equal{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.dashboard-grid .table-wrap{overflow-x:auto}.dashboard-grid table{min-width:420px}
.record-row,.booking-row,.document-row{flex-wrap:wrap}.record-row>div,.booking-row>div:nth-child(2),.document-row>div{min-width:140px}.record-row strong,.booking-row strong,.document-row strong{font-size:1.0625rem}.record-row small,.booking-row small,.document-row small{font-size:var(--text-support)}
.membership-card small{max-width:none}.membership-card .btn{font-size:1rem}.service-actions .btn{font-size:var(--text-support);min-height:44px}.summary-list>div{font-size:1.0625rem}.summary-list>div>span{font-size:1rem;flex-shrink:1}.summary-list>div>strong{overflow-wrap:anywhere}
.channel-strip>div{flex-wrap:wrap}.channel-strip strong{font-size:1.0625rem}.channel-strip>small{font-size:var(--text-support)}.channel-tabs button{font-size:var(--text-support);min-height:42px}.channel-tabs{flex-wrap:wrap}.message>div{flex-wrap:wrap}.message>div>span{max-width:none;text-align:left}.message strong{font-size:1rem}.message>small{font-size:var(--text-meta)}
.compose-controls{flex-wrap:wrap;align-items:flex-start}.compose-controls .field{width:auto;min-width:210px;flex-wrap:wrap}.compose-controls select{font-size:1rem;min-height:44px}.compose-controls>span{max-width:220px;font-size:var(--text-meta)}.compose-footer .btn{font-size:1rem;min-height:48px}
.auth-methods,.entry-links{flex-wrap:wrap}.auth-methods button{min-height:44px;font-size:var(--text-support)}.role-option strong{font-size:1.0625rem}.role-option small{font-size:var(--text-support);line-height:1.55}.role-option{padding:16px}.entry-form{max-width:720px;padding-inline:40px}.entry-form>.small{font-size:var(--text-support)}
.workspace-footer{flex-wrap:wrap;font-size:var(--text-meta)}.workspace-footer>button{font-size:var(--text-meta)}.notice,dialog p,.tour-list,.ds-notice{font-size:1rem}.role-matrix th,.role-matrix td{font-size:1rem;min-width:170px}.type-sample>span{font-size:var(--text-meta)}
@media(min-width:1024px) and (max-width:1399px){.dashboard-grid,.dashboard-grid.equal{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.flow-layout{grid-template-columns:minmax(0,1fr) 290px}.service-catalog{grid-template-columns:1fr 1fr}}
@media(max-width:1023px){.sidebar{width:290px;bottom:82px}.sidebar nav a{font-size:1.0625rem}.sidebar-bottom{padding-top:20px}.sidebar .workspace-name{font-size:var(--text-meta)}.page-heading h1{font-size:2.5rem}.page-heading p{font-size:1.125rem}.page-heading>.btn{font-size:1.0625rem}.page-heading .eyebrow{font-size:var(--text-meta)}.preview-bar button{font-size:0}.dashboard-grid,.dashboard-grid.equal{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stat{padding:18px 16px}.stat-label{font-size:var(--text-support);padding-right:0}.stat small{font-size:var(--text-meta)}.welcome-panel.with-photo>div:first-child{width:100%;background:linear-gradient(90deg,#00a9a9 50%,#00a9a9e6)}.welcome-panel>div:first-child{padding:25px}.welcome-panel p{font-size:1.0625rem;max-width:460px}.welcome-panel .eyebrow{font-size:var(--text-meta)}.welcome-panel h2{font-size:2.5rem}.bottom-nav{min-height:82px;align-items:flex-start;padding:10px 4px max(10px,env(safe-area-inset-bottom))}.bottom-nav>a,.mobile-preview .bottom-nav>a{font-size:.875rem;line-height:1.3;flex:1;min-width:0;max-width:115px;padding:2px}.bottom-nav>a>span{text-align:center;overflow-wrap:anywhere}.bottom-nav .i{width:23px;height:23px}.workspace-footer{padding-bottom:112px}.dashboard-grid table{min-width:0}.dashboard-grid td,.dashboard-grid th{padding-inline:8px}.row-open{display:none}.stepper>span,.journey-progress>span{font-size:var(--text-meta);line-height:1.4}.field-grid{grid-template-columns:1fr}.form-actions>.btn{font-size:1rem;min-width:120px}.summary-list>div{flex-wrap:wrap;gap:6px 15px}.summary-list>div>strong{max-width:100%}.membership-card .btn{font-size:1rem}.service-catalog span{font-size:1rem}.service-catalog button{min-height:80px}.thread-list>a{min-width:200px}.thread-list strong{font-size:1rem}.thread-list small{font-size:var(--text-meta)}.message p{font-size:1.125rem}.conversation>header{flex-wrap:wrap}.conversation>header .badge{font-size:var(--text-meta)}.compose-controls>span{max-width:none;margin-left:0}.compose-controls .field{min-width:0;flex:1;width:100%}.compose-controls .field>span{font-size:var(--text-support)}.conversation form .btn{font-size:1rem}.ds-header nav{font-size:var(--text-support)}.ds-main{padding-inline:22px}.swatch strong,.swatch small{font-size:var(--text-support)}.role-matrix{padding:10px}.mobile-preview .sidebar.open{width:290px;bottom:82px}.mobile-preview .journey-progress>span{font-size:var(--text-meta)}}
@media(max-width:390px){.service-catalog,.mobile-preview .service-catalog{grid-template-columns:1fr}.workspace-main{padding-inline:16px}.panel{padding:18px}.channel-tabs button{padding-inline:8px}.stat{padding:16px 12px}.page-heading h1{font-size:2.375rem}.membership-card .eyebrow{max-width:190px}.compass-hero>div{left:22px;right:20px}.compass-hero h2{font-size:3rem}.compass-hero p{font-size:1.0625rem}}
.mobile-preview .bottom-nav{min-height:82px}.mobile-preview .sidebar{overflow-y:auto}.mobile-preview .welcome-panel.with-photo>div:first-child{width:100%;background:linear-gradient(90deg,#00a9a9 50%,#00a9a9e6)}.mobile-preview .dashboard-grid,.mobile-preview .dashboard-grid.equal{grid-template-columns:1fr}.mobile-preview .workspace-footer{padding-bottom:112px}

/* Keep mobile labels whole at the larger reading size. */
.bottom-nav>a>span{overflow-wrap:normal}.mobile-preview .bottom-nav{padding-inline:2px}.mobile-preview .bottom-nav>a{padding-inline:0}.entry-story h1 br{margin-right:.18em}
/* V09: fixed audience entry pages retain readable form widths. */
.entry-form{min-width:0}
