/* Production Invice type, color and surface tokens. */
html:has(.approved-home){--paper:#f6f7f8;--surface:#fff;--layer:#eceef1;--ink:#0f0f12;--secondary:#2a2a30;--muted:#6b6b73;--ember:#b82c0f;--ember-soft:#fbf1ed;--line:#e9e9ec;--green:#3e8158;--app-bg:#f3f3f4;--sans:Inter,Arial,sans-serif;--display:Manrope,Inter,Arial,sans-serif;--brand:Space,Arial,sans-serif;--label:Inter,Arial,sans-serif;--mono:Geist,monospace;--card-shadow:0 1px 2px #14141e0b,0 12px 32px #14141e0f}
.approved-home *{box-sizing:border-box}
html:has(.approved-home){scroll-behavior:smooth;scroll-padding-top:120px}
body:has(.approved-home){margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:15px;-webkit-font-smoothing:antialiased}
.approved-home button,.approved-home a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.approved-home button,.approved-home input{font:inherit}
.approved-home button{border:0;color:inherit;cursor:pointer}
.approved-home a{color:inherit;text-decoration:none}
.approved-home button:focus-visible,.approved-home a:focus-visible,.approved-home input:focus-visible{outline:2px solid var(--ember);outline-offset:4px}
.approved-home h1,.approved-home h2,.approved-home h3,.approved-home p{margin:0}
.approved-home h1,.approved-home h2,.approved-home h3{font-family:var(--display);font-weight:600}
.approved-home svg{flex-shrink:0}
.approved-home .icon{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}
.approved-home .svg-library{position:absolute;width:0;height:0;overflow:hidden}
.approved-home .section-width{width:min(1160px,calc(100% - 96px));margin-inline:auto}
.approved-home .eyebrow{font-family:var(--label);font-size:10px;letter-spacing:.15em;font-weight:400;text-transform:uppercase;line-height:1.6}
.approved-home .button{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:50px;padding:14px 23px;border:1px solid transparent;border-radius:999px;background:var(--ember);background-image:radial-gradient(ellipse at 10% 0%,#ffffff12,transparent 70%);color:#fff;font-size:14px;font-weight:600;line-height:20px;box-shadow:0 4px 12px #b82c0f24;transition:background-color .2s,transform .2s,box-shadow .2s}
.approved-home .button:hover{background-color:#a0270d;transform:translateY(-2px);box-shadow:0 6px 18px #b82c0f30}
.approved-home .button-small{font-size:12px;min-height:42px;padding:10px 17px;gap:12px}
.approved-home .button-small .icon{width:16px;height:16px}
.approved-home .button-quiet{background:#fff;border-color:#e1e2e6;color:var(--ink);box-shadow:0 1px 2px #14141e05;gap:11px}
.approved-home .button-quiet:hover{background:#f3f3f5;box-shadow:0 4px 12px #14141e0b}
.approved-home .play-icon{font-size:19px;line-height:16px}
.approved-home .text-link{display:inline-flex;align-items:center;gap:18px;font-size:14px;font-weight:500;line-height:1.5}
.approved-home .text-link:hover{color:var(--ember)}
.approved-home .maple{color:var(--ember);width:15px;height:15px}
.approved-home .skip-link{position:fixed;z-index:99;left:20px;top:-100px;background:#fff;padding:15px;border-radius:9px}
.approved-home .skip-link:focus{top:12px}
.approved-home .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.approved-home [hidden]{display:none!important}

/* The floating, pill-shaped Invice navigation. */
.approved-home .site-header{width:min(1280px,calc(100% - 64px));height:66px;margin:20px auto 0;padding:10px 13px 10px 24px;display:flex;align-items:center;justify-content:space-between;border:1px solid #14141414;border-radius:999px;background:#ffffffbd;backdrop-filter:blur(18px);box-shadow:0 8px 30px #14141e06;position:sticky;top:16px;z-index:10}
.approved-home .brand{display:inline-flex;align-items:center;gap:11px;font-family:var(--display);font-size:19px;font-weight:600;text-transform:uppercase;letter-spacing:.13em}
.approved-home .brand img{width:23px;height:23px}
.approved-home .desktop-nav{display:flex;gap:27px;margin-left:40px}
.approved-home .desktop-nav button,.approved-home .desktop-nav a{padding:9px 0;background:transparent;font-size:13px;color:#4f4f57}
.approved-home .desktop-nav button:hover,.approved-home .desktop-nav a:hover{color:var(--ember)}
.approved-home .header-actions{display:flex;align-items:center;gap:22px}
.approved-home .signin{font-size:13px;color:#4f4f57}
.approved-home .signin span{margin-left:8px;color:#9a9aa1}
.approved-home .menu-toggle,.approved-home .mobile-nav{display:none}

/* One consistent cool gray canvas through the marketing sections. */
.approved-home .hero{text-align:center;padding:93px 24px 0}
.approved-home .hero-eyebrow{display:inline-flex;align-items:center;gap:10px;color:#5c5c64;font-size:10px}
.approved-home .eyebrow-arrow{margin-left:10px;color:#8b8b94}
.approved-home h1{font-size:clamp(66px,6.5vw,90px);line-height:1.04;letter-spacing:-.045em;margin:30px 0 29px;font-weight:600}
.approved-home h1 span{color:var(--ember)}
.approved-home .hero-copy{font-size:17px;line-height:1.75;color:#606068;letter-spacing:-.2px}
.approved-home .hero-actions{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:33px}
.approved-home .hero-note{font-size:11px;color:var(--muted);margin-top:20px}
.approved-home .demo-section{position:relative;padding:0 0 62px;margin-top:64px;scroll-margin-top:124px}
.approved-home .landscape{display:none}
.approved-home .audience-tabs{display:flex;width:max-content;margin:0 auto 35px;padding:5px;gap:3px;border:1px solid #e2e3e7;border-radius:999px;background:#e9eaee}
.approved-home .audience-tabs button{display:flex;align-items:center;justify-content:center;gap:10px;min-height:40px;padding:10px 22px;border-radius:999px;background:transparent;font-size:13px;color:var(--muted);transition:background .2s,color .2s}
.approved-home .audience-tabs button .icon{width:16px;height:16px}
.approved-home .audience-tabs button[aria-selected=true]{background:#fff;box-shadow:0 1px 2px #14141e0b,0 4px 12px #14141e07;color:var(--ink)}

/* Workspace: the actual application's canvas, navigation and card language. */
.approved-home .workspace{display:flex;width:min(1260px,calc(100% - 64px));min-height:730px;margin:auto;border:1px solid #dcdde2;border-radius:16px;background:var(--app-bg);color:#26262a;box-shadow:0 2px 6px #14141e0d,0 32px 80px #14141e12;overflow:hidden;text-align:left}
.approved-home .app-sidebar{width:232px;flex-shrink:0;display:flex;flex-direction:column;border-right:1px solid #e1e1e6;background:#f0f0f2;padding:0 8px 10px}
.approved-home .app-wordmark{font:600 17px var(--display);letter-spacing:.18em;text-transform:uppercase;padding:23px 15px 18px}
.approved-home .workspace-account{display:flex;align-items:center;gap:10px;padding:11px 12px 17px}
.approved-home .avatar{display:grid;place-items:center;width:32px;height:32px;flex-shrink:0;border:1px solid #e2e2e7;border-radius:50%;background:#eeeef1;color:#6b6b72;font-size:10px;font-weight:500}
.approved-home .workspace-account .avatar{width:34px;height:34px}
.approved-home .workspace-account strong{display:block;font-size:13px;font-weight:600}
.approved-home .workspace-account small{display:block;font-size:10px;color:#84848c;margin-top:4px}
.approved-home .account-chevron{margin-left:auto;color:#9a9aa1;font-size:12px}
.approved-home .sidebar-group{margin-bottom:7px}
.approved-home .sidebar-group>p{font:9px var(--label);letter-spacing:.11em;text-transform:uppercase;padding:12px 12px 10px;color:#85858e}
.approved-home .sidebar-item{display:flex;align-items:center;gap:10px;min-height:35px;padding:7px 12px;margin:1px 0;border-radius:9px;font-size:12px;font-weight:400;color:#6b6b72}
.approved-home .sidebar-item .icon{width:15px;height:15px;color:#93939b}
.approved-home .sidebar-item.active{background:#ffffffed;color:#26262a;font-weight:600;box-shadow:0 1px 2px #14141e0d,0 4px 14px #14141e07}
.approved-home .sidebar-item.active>.icon{color:var(--ember)}
.approved-home .sidebar-count{margin-left:auto;min-width:20px;padding:2px 5px;border:1px solid #e2e2e7;border-radius:999px;text-align:center;color:#919199;font:10px var(--mono)}
.approved-home .sidebar-item.active .sidebar-count{border-color:#f1dbd2;background:#fff;color:var(--ember)}
.approved-home .sidebar-bottom{border-top:1px solid #e1e1e6;padding-top:10px;margin-top:auto}
.approved-home .personal-workspace .sidebar-pro-only{display:none}
.approved-home .app-main{flex:1;min-width:0;display:flex;flex-direction:column}
.approved-home .app-topbar{display:flex;align-items:center;gap:20px;min-height:62px;padding:12px 24px;border-bottom:1px solid #e1e1e6;background:#f3f3f4}
.approved-home .workspace-crumb{display:inline-flex;align-items:center;gap:9px;font-size:12px;color:#6b6b72;white-space:nowrap}
.approved-home .workspace-crumb .icon{width:15px;height:15px;color:#9a9aa1}
.approved-home .app-search{display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:#fff;border-radius:10px;padding:8px 10px;flex:1;max-width:355px;min-width:0}
.approved-home .app-search>.icon{width:14px;height:14px;color:#9a9aa1}
.approved-home .app-search input{width:100%;min-width:0;border:0;outline:none;background:transparent;font-size:11px;color:#26262a}
.approved-home .app-search input::placeholder{color:#9a9aa1}
.approved-home .app-search:focus-within{outline:2px solid #b82c0f66;outline-offset:1px}
.approved-home .app-search input:focus-visible{outline:0}
.approved-home .app-search kbd{font:8px var(--mono);border:1px solid #e9e9ec;border-radius:4px;padding:2px 3px;color:#9a9aa1;white-space:nowrap}
.approved-home .app-label{font:9px var(--label);letter-spacing:.1em;color:#8a8a92;margin-left:auto;white-space:nowrap}
.approved-home .app-dashboard{padding:25px 25px 0;flex:1;display:flex;flex-direction:column}
.approved-home .dashboard-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}
.approved-home .app-greeting .eyebrow{font-size:9px;color:#8c8c95}
.approved-home .live-status{display:inline-flex;align-items:center;gap:7px;font-size:10px;color:#6b6b72;white-space:nowrap}
.approved-home .live-status i{width:5px;height:5px;background:#3fa063;border-radius:50%;box-shadow:0 0 0 3px #3fa0630c}
.approved-home .app-greeting h2{font-size:30px;letter-spacing:-.035em;margin-top:12px;line-height:1.15}
.approved-home .app-greeting>p{font-size:12px;color:#6b6b72;margin-top:11px;line-height:1.6}
.approved-home .dashboard-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:var(--card-shadow);margin:22px 0;overflow:hidden}
.approved-home .dashboard-stat{padding:17px 18px}
.approved-home .dashboard-stat+.dashboard-stat{border-left:1px solid #efeff1}
.approved-home .dashboard-stat>span{display:block;font:9px var(--label);letter-spacing:.08em;color:#81818a;text-transform:uppercase;margin-bottom:13px}
.approved-home .dashboard-stat strong{display:block;font:600 28px/1 var(--display);letter-spacing:-.035em;color:#26262a}
.approved-home .dashboard-stat strong.stat-success{color:#3e8158}
.approved-home .dashboard-stat small{display:block;font-size:10px;line-height:1.5;color:#92929b;margin-top:9px}
.approved-home .app-content{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:18px;flex:1;align-items:stretch}
.approved-home .mission-overview,.approved-home .mission-detail{border:1px solid var(--line);background:#fff;border-radius:16px;box-shadow:var(--card-shadow);min-width:0}
.approved-home .mission-overview{display:flex;flex-direction:column;overflow:hidden}
.approved-home .list-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:18px 17px;border-bottom:1px solid #efeff1;font:600 14px var(--display)}
.approved-home .list-heading>span:last-child{font:8px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:#9a9aa1}
.approved-home .list-columns{display:flex;align-items:center;justify-content:space-between;padding:11px 17px;background:#fcfcfd;border-bottom:1px solid #efeff1;font:8px var(--label);letter-spacing:.06em;text-transform:uppercase;color:#909098}
.approved-home .mission-list{display:grid;gap:0}
.approved-home .mission-row{display:flex;align-items:center;text-align:left;background:#fff;border:0;border-bottom:1px solid #efeff1;padding:17px 15px;gap:10px;min-width:0;position:relative;transition:background .2s}
.approved-home .mission-row:hover{background:#f8f8fa}
.approved-home .mission-row.selected{background:#fcf8f6}
.approved-home .mission-row.selected::before{content:'';position:absolute;left:0;top:14px;bottom:14px;width:2px;background:var(--ember);border-radius:2px}
.approved-home .mission-row .avatar{width:29px;height:29px;font-size:9px}
.approved-home .mission-row-text{display:flex;flex-direction:column;gap:5px;min-width:0}
.approved-home .mission-row-text strong{font-size:12px;font-weight:500;color:#35353b}
.approved-home .mission-row-text small{font-size:10px;color:#909098;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.approved-home .row-status{margin-left:auto;display:flex;align-items:center;gap:5px;font-size:9px;color:#3e8158;white-space:nowrap}
.approved-home .row-status.needs-you{color:var(--ember)}
.approved-home .status-dot{width:4px;height:4px;background:currentColor;border-radius:50%}
.approved-home .workspace-bottom{display:flex;align-items:center;gap:7px;padding:17px;font-size:9px;color:#909098;margin-top:auto}
.approved-home .workspace-bottom .icon{width:13px;height:13px}
.approved-home .mission-detail{padding:20px 18px}
.approved-home .detail-title{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;line-height:1.5}
.approved-home .detail-title img{width:16px;height:16px}
.approved-home .detail-badge{font:7px var(--label);letter-spacing:.04em;background:#f4f4f6;color:#8c8c95;padding:4px 5px;border:1px solid #e9e9ec;border-radius:4px;margin-left:auto}
.approved-home .detail-subtitle{font-size:10px;color:#94949c;margin-top:6px;padding-left:24px}
.approved-home .activity{display:flex;gap:10px;margin-top:23px;position:relative}
.approved-home .activity::before{content:'';position:absolute;left:8px;top:19px;bottom:-23px;width:1px;background:#e9e9ec}
.approved-home .activity.last::before{display:none}
.approved-home .activity-check{width:17px;height:17px;border-radius:50%;background:#edf5ef;color:#3e8158;display:grid;place-items:center;flex-shrink:0}
.approved-home .activity-check .icon{width:10px;height:10px;stroke-width:2}
.approved-home .activity-content strong{display:block;font-size:12px;font-weight:500}
.approved-home .activity-content p{font-size:11px;color:#85858e;line-height:1.6;margin-top:5px}
.approved-home .review-card{margin-top:22px;border:1px solid #e9e9ec;border-radius:10px;background:#f7f7f9;padding:14px}
.approved-home .review-heading{display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:10px;line-height:1.5}
.approved-home .review-heading strong{font-weight:600}
.approved-home .review-heading span{font-size:8px;color:var(--ember)}
.approved-home .review-card p{font-size:12px;line-height:1.7;color:#73737c;margin-top:10px}
.approved-home .review-actions{display:flex;align-items:center;gap:10px;margin-top:13px;flex-wrap:wrap}
.approved-home .approve-button{display:flex;align-items:center;gap:6px;border-radius:9px;background:#26262a;color:#fff;padding:9px 11px;font-size:10px;font-weight:500}
.approved-home .approve-button:hover{background:#46464d}
.approved-home .approve-button .icon{width:12px;height:12px}
.approved-home .review-meta{font-size:8px;color:#94949c}
.approved-home .approved-state{background:#edf5ef;border:1px solid #dce9df;border-radius:10px;padding:16px;margin-top:22px;font-size:11px;color:#3e8158;line-height:1.8}
.approved-home .approved-state strong{display:flex;align-items:center;gap:7px;margin-bottom:6px;font-weight:600}
.approved-home .approved-state small{font-size:10px}
.approved-home .app-bottomline{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:43px;font-size:8px;color:#909098}
.approved-home .app-bottomline>span:first-child{display:flex;align-items:center;gap:6px}
.approved-home .app-bottomline .icon{width:12px;height:12px}
.approved-home .search-empty{padding:30px 20px;font-size:11px;line-height:1.7;color:var(--muted)}
.approved-home .demo-caption{width:min(1260px,calc(100% - 64px));margin:22px auto 0;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:11px;color:#7c7c85}
.approved-home .demo-caption>span:first-child{display:flex;align-items:center;gap:8px}
.approved-home .demo-caption>span:last-child{font:9px var(--label);letter-spacing:.03em;color:#92929a}
.approved-home .caption-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#8b8b95;flex-shrink:0}

/* Larger, evenly paced sections with the native gray component treatment. */
.approved-home .value-section{padding:126px 0 136px}
.approved-home .section-intro{text-align:center}
.approved-home .section-intro .eyebrow{color:var(--muted)}
.approved-home .section-intro h2{font-size:54px;line-height:1.1;letter-spacing:-.037em;margin:24px 0}
.approved-home .section-intro>p:last-child{font-size:16px;color:var(--muted);line-height:1.8}
.approved-home .feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:64px}
.approved-home .feature{padding:22px 24px 30px;background:#eceef1;border:1px solid #e6e7eb;border-radius:24px;overflow:hidden}
.approved-home .feature-art{height:176px;display:flex;justify-content:center;align-items:center;position:relative;margin:0 -5px 29px;overflow:hidden}
.approved-home .feature-number{font:9px var(--label);letter-spacing:.08em;color:#85858e}
.approved-home .feature h3{font-size:22px;line-height:1.24;letter-spacing:-.035em;margin:16px 0 14px;max-width:255px}
.approved-home .feature>p{font-size:13px;line-height:1.85;color:var(--muted)}
.approved-home .message-art{flex-direction:column;gap:10px;padding:0 3px}
.approved-home .mini-message{display:flex;align-items:center;gap:9px;background:#fff;border:1px solid #e3e3e9;border-radius:12px;padding:16px 12px;width:100%;box-shadow:var(--card-shadow)}
.approved-home .mini-avatar{width:28px;height:28px;border:1px solid #e6e6eb;border-radius:50%;background:#f1f1f4;color:#83838e;font-size:8px;display:grid;place-items:center;flex-shrink:0}
.approved-home .mini-message strong{display:block;font-size:10px;font-weight:500}
.approved-home .mini-message p{font-size:9px;color:#909099;margin-top:5px;line-height:1.5}
.approved-home .message-time{font-size:8px;color:#a0a0a8;margin-left:auto}
.approved-home .mini-reply{display:flex;align-items:center;gap:8px;font-size:9px;color:#74747d;padding:11px 12px;border:1px solid #dedee5;border-radius:10px;align-self:flex-end;background:#e5e6eb}
.approved-home .mini-reply .icon{width:13px;height:13px;color:#3e8158}
.approved-home .progress-art{gap:49px;padding-bottom:17px}
.approved-home .progress-line{position:absolute;left:17%;right:17%;height:1px;background:#d3d4db}
.approved-home .progress-item{position:relative;width:34px;height:34px;border-radius:50%;background:#fff;border:1px solid #dddde5;box-shadow:0 0 0 7px #eceef1;display:grid;place-items:center;color:#888894}
.approved-home .progress-item .icon{width:15px;height:15px}
.approved-home .progress-item small{position:absolute;top:50px;white-space:nowrap;font-size:9px;color:#898994}
.approved-home .progress-item.current{border-color:#e5c5ba;background:#fbf1ed}
.approved-home .progress-item.current>span{width:7px;height:7px;border-radius:50%;background:var(--ember)}
.approved-home .mini-approval{display:flex;align-items:center;gap:12px;padding:20px 16px;background:#fff;border:1px solid #e1e1e7;border-radius:14px;width:100%;box-shadow:var(--card-shadow)}
.approved-home .approval-symbol{color:#85858f}
.approved-home .approval-symbol .icon{width:24px;height:24px}
.approved-home .mini-approval strong{font-size:11px;font-weight:500;display:block}
.approved-home .mini-approval div>span{display:block;font-size:9px;color:#909099;margin-top:6px}
.approved-home .mini-approve{display:grid;place-items:center;margin-left:auto;width:27px;height:27px;border-radius:7px;background:#26262a;color:#fff}
.approved-home .mini-approve .icon{width:13px;height:13px}
.approved-home .connections-section{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px;padding:123px 0 135px;border-top:0}
.approved-home .connections-copy .eyebrow{color:var(--muted)}
.approved-home .connections-copy h2{font-size:47px;line-height:1.12;letter-spacing:-.038em;margin:24px 0}
.approved-home .connections-copy>p:not(.eyebrow){font-size:15px;line-height:1.85;color:var(--muted)}
.approved-home .connections-copy .text-link{margin-top:31px;font-size:13px}
.approved-home .connection-diagram{height:370px;position:relative;overflow:hidden;border-radius:24px;background:#eceef1;border:1px solid #e5e6ea}
.approved-home .orbit{position:absolute;top:47%;left:50%;transform:translate(-50%,-50%);border:1px solid #dce0e6;border-radius:50%;width:190px;height:190px}
.approved-home .orbit-outer{width:315px;height:315px;border-style:dashed;border-color:#d9dde5}
.approved-home .orbit-line{position:absolute;top:47%;left:50%;background:#dfe2e7;transform:translate(-50%,-50%)}
.approved-home .horizontal{width:380px;height:1px}
.approved-home .vertical{width:1px;height:310px}
.approved-home .connection-center{position:absolute;left:50%;top:47%;transform:translate(-50%,-50%);display:grid;place-items:center;width:85px;height:85px;border:1px solid #e3e3e9;border-radius:21px;background:#fff;box-shadow:var(--card-shadow),0 0 0 8px #e3e5e9}
.approved-home .app-node{position:absolute;z-index:1;display:flex;align-items:center;gap:9px;background:#fff;border:1px solid #e1e2e7;padding:12px 15px;border-radius:11px;box-shadow:0 4px 14px #14141e06;font-size:10px;color:#6b6b73}
.approved-home .app-node img{width:23px;height:23px;object-fit:contain}
.approved-home .app-node .icon{width:21px;height:21px}
.approved-home .node-gmail{top:43px;left:20%}
.approved-home .node-calendar{top:114px;right:4%}
.approved-home .node-hubspot{top:250px;right:9%}
.approved-home .node-knowledge{top:238px;left:5%}
.approved-home .node-more{top:139px;left:4%}
.approved-home .plus{font:23px/20px var(--display);color:#8b8b95}
.approved-home .diagram-note{display:flex;align-items:center;justify-content:center;gap:7px;position:absolute;bottom:16px;left:0;right:0;font:8px var(--label);color:#83838e}
.approved-home .diagram-note .caption-dot{width:4px;height:4px}
.approved-home .trust-section{background:var(--paper)}
.approved-home .trust-inner{padding:112px 0 128px;display:grid;grid-template-columns:1fr 1fr;gap:105px;border-top:0}
.approved-home .trust-heading .eyebrow{display:flex;align-items:center;gap:10px;color:var(--muted)}
.approved-home .trust-heading h2{font-size:49px;line-height:1.13;letter-spacing:-.038em;margin:25px 0}
.approved-home .trust-heading>p:not(.eyebrow){font-size:16px;color:var(--muted);line-height:1.85}
.approved-home .trust-heading .text-link{margin-top:30px;font-size:13px}
.approved-home .canada-signature{display:flex;align-items:center;gap:13px;margin-top:52px;color:#8d8d97}
.approved-home .canada-signature>.icon{width:24px;height:24px;color:var(--ember)}
.approved-home .canada-signature>span{font:9px/1.9 var(--label);letter-spacing:.06em}
.approved-home .canada-signature>span>span{font:11px var(--sans);letter-spacing:0}
.approved-home .trust-details{background:#eceef1;border:1px solid #e4e5ea;border-radius:24px;padding:11px 28px 25px}
.approved-home .trust-item{display:flex;gap:16px;padding:23px 0;border-bottom:1px solid #daddE4}
.approved-home .trust-icon{color:#888893;padding-top:2px}
.approved-home .trust-icon .icon{width:20px;height:20px}
.approved-home .trust-item h3{font-size:18px;line-height:1.4;letter-spacing:-.025em;margin-bottom:9px}
.approved-home .trust-item p{font-size:12px;line-height:1.85;color:var(--muted)}
.approved-home .residency-note{font-size:10px;line-height:1.85;color:#777780;margin-top:21px}
.approved-home .residency-note a{text-decoration:underline;text-underline-offset:3px}
.approved-home .closing{padding:112px 0 138px;text-align:center;border-top:0}
.approved-home .closing>img{margin-bottom:30px;width:40px;height:40px}
.approved-home .closing h2{font-size:56px;line-height:1.12;letter-spacing:-.04em}
.approved-home .closing h2 span{color:var(--ember)}
.approved-home .closing>p{font-size:16px;color:var(--muted);margin-top:25px;line-height:1.7}
.approved-home .closing-actions{display:flex;align-items:center;justify-content:center;gap:32px;margin-top:35px}
.approved-home .closing-actions .text-link{font-size:13px;gap:15px}
.approved-home .closing-note{display:block;font-size:11px;color:#81818a;margin-top:19px}

/* The chooser shares the app's white-card and 16px-radius components. */
.approved-home dialog{border:1px solid #e1e2e6;border-radius:20px;padding:40px;width:min(460px,calc(100% - 32px));background:var(--paper);color:var(--ink);box-shadow:0 30px 100px #14141e2e}
.approved-home dialog::backdrop{background:#17171e55;backdrop-filter:blur(7px)}
.approved-home .dialog-close{position:absolute;right:15px;top:10px;padding:5px 9px;line-height:30px;background:transparent;font-size:28px;color:#91919b}
.approved-home .dialog-close:hover{color:var(--ink)}
.approved-home dialog>.eyebrow{margin-top:25px;font-size:9px;color:#85858f}
.approved-home dialog h2{font-size:40px;line-height:1.12;letter-spacing:-.04em;margin-top:15px}
.approved-home .dialog-intro{font-size:12px;color:var(--muted);margin-top:16px;line-height:1.7}
.approved-home .plan-options{display:grid;gap:10px;margin-top:28px}
.approved-home .plan-option{display:flex;align-items:center;gap:12px;padding:18px 15px;text-align:left;border:1px solid #dddfe5;border-radius:12px;background:#fff}
.approved-home .plan-option.selected{background:#fbf1ed;border-color:#d6a18f}
.approved-home .plan-option>.icon{color:#8e8e98}
.approved-home .plan-option.selected>.icon{color:var(--ember)}
.approved-home .plan-option strong{display:block;font-size:12px;font-weight:600}
.approved-home .plan-option small{display:block;font-size:10px;color:#81818b;margin-top:5px}
.approved-home .radio-dot{border:1px solid #c3c3cd;border-radius:50%;width:15px;height:15px;margin-left:auto;flex-shrink:0}
.approved-home .selected .radio-dot{border:4px solid var(--ember)}
.approved-home .dialog-continue{width:100%;margin-top:23px;font-size:13px}
.approved-home .dialog-note{text-align:center;font-size:10px;color:#85858f;line-height:1.9;margin-top:15px}
.approved-home .toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);padding:15px 23px;border-radius:12px;background:#26262a;color:#fff;font-size:12px;line-height:1.7;text-align:center;max-width:calc(100% - 30px);width:max-content;z-index:30;opacity:0;pointer-events:none;box-shadow:0 5px 25px #14141e26;transition:opacity .2s,transform .2s}
.approved-home .toast.visible{opacity:1;transform:translate(-50%,0)}

@media(min-width:1600px){.approved-home .hero{padding-top:108px}.approved-home .demo-section{margin-top:72px}.approved-home .site-header{margin-top:24px}}
@media(max-width:1150px){
  .approved-home .desktop-nav{margin-left:0;gap:21px}.approved-home .desktop-nav button,.approved-home .desktop-nav a{font-size:12px}.approved-home .section-width{width:calc(100% - 80px)}
  .approved-home .workspace{width:calc(100% - 48px)}.approved-home .app-sidebar{width:178px;padding-inline:6px}.approved-home .sidebar-item{font-size:10px;padding-inline:10px;gap:8px}.approved-home .workspace-account{padding-inline:8px;gap:8px}.approved-home .workspace-account strong{font-size:11px}.approved-home .workspace-account small{font-size:8px}.approved-home .account-chevron{display:none}
  .approved-home .app-dashboard{padding:23px 19px 0}.approved-home .app-topbar{padding-inline:20px;gap:14px}.approved-home .app-label{font-size:7px}.approved-home .app-content{gap:13px;grid-template-columns:1fr 1fr}.approved-home .dashboard-stat{padding:16px 13px}.approved-home .dashboard-stat>span{font-size:7px}.approved-home .dashboard-stat small{font-size:8px}
  .approved-home .mission-row{padding:17px 11px;gap:7px}.approved-home .mission-row .avatar{width:25px;height:25px;font-size:8px}.approved-home .mission-row-text strong{font-size:10px}.approved-home .mission-row-text small{font-size:8px}.approved-home .row-status{font-size:8px}.approved-home .mission-detail{padding:18px 14px}.approved-home .detail-title{font-size:11px}.approved-home .detail-badge{display:none}.approved-home .activity-content strong{font-size:10px}.approved-home .activity-content p{font-size:9px}.approved-home .review-card{padding:12px}.approved-home .review-card p{font-size:10px}.approved-home .review-heading{font-size:9px}.approved-home .review-heading span{font-size:7px}.approved-home .review-meta{font-size:7px}
  .approved-home .feature{padding:19px 20px 27px}.approved-home .feature-art{height:165px}.approved-home .feature-grid{gap:18px}.approved-home .feature h3{font-size:21px}.approved-home .mini-message{padding:15px 10px;gap:7px}.approved-home .mini-message strong{font-size:9px}.approved-home .mini-message p{font-size:8px}.approved-home .mini-avatar{width:23px;height:23px;font-size:7px}.approved-home .mini-reply{font-size:8px;padding:10px}.approved-home .message-time{display:none}.approved-home .progress-art{gap:36px}.approved-home .progress-item small{font-size:8px}.approved-home .mini-approval{padding:18px 11px;gap:8px}.approved-home .mini-approval strong{font-size:10px}.approved-home .mini-approval div>span{font-size:8px}.approved-home .mini-approve{width:22px;height:22px;flex-shrink:0}
  .approved-home .connections-section{gap:40px}.approved-home .connections-copy h2{font-size:42px}.approved-home .connection-diagram{height:350px}.approved-home .node-gmail{left:15%}.approved-home .node-more{left:3%;padding-inline:10px}.approved-home .node-more>span:last-child{font-size:8px}.approved-home .node-calendar{right:3%}.approved-home .node-hubspot{right:5%;top:235px}.approved-home .node-knowledge{left:4%;top:241px}.approved-home .app-node{padding:11px 12px;font-size:9px;gap:7px}.approved-home .orbit-outer{width:290px;height:290px}
  .approved-home .trust-inner{gap:65px}.approved-home .trust-heading h2{font-size:44px}.approved-home .trust-details{padding-inline:23px}.approved-home .trust-item h3{font-size:17px}
}
@media(max-width:900px){
  .approved-home .site-header{width:calc(100% - 40px);height:62px;padding-left:20px}.approved-home .desktop-nav{display:none}.approved-home .menu-toggle{display:flex;width:31px;height:31px;padding:8px 4px;flex-direction:column;justify-content:space-around;background:transparent}.approved-home .menu-toggle span{height:1px;background:#606068;width:22px}.approved-home .header-actions{gap:19px}.approved-home .mobile-nav:not([hidden]){display:flex;position:absolute;top:70px;left:0;right:0;padding:15px;flex-direction:column;gap:2px;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:var(--card-shadow)}.approved-home .mobile-nav button,.approved-home .mobile-nav a{font-size:13px;text-align:left;padding:13px 15px;background:transparent;border-radius:9px}.approved-home .mobile-nav button:hover,.approved-home .mobile-nav a:hover{background:#f3f3f5}
  .approved-home .hero{padding-top:77px}.approved-home h1{font-size:76px}.approved-home .hero-copy{font-size:16px}.approved-home .demo-section{margin-top:58px}
  .approved-home .app-sidebar{width:164px}.approved-home .app-wordmark{font-size:15px}.approved-home .workspace-account strong{font-size:10px}.approved-home .workspace-account small{font-size:7px}.approved-home .workspace-account .avatar{width:28px;height:28px;font-size:8px}.approved-home .sidebar-item{font-size:10px}.approved-home .sidebar-group>p{font-size:7px;letter-spacing:.07em}.approved-home .sidebar-count{font-size:8px;min-width:18px;padding:2px 4px}
  .approved-home .app-topbar{gap:10px;padding:12px 15px}.approved-home .workspace-crumb{font-size:10px;gap:6px}.approved-home .app-label{display:none}.approved-home .app-search{max-width:none}.approved-home .app-dashboard{padding:21px 15px 0}.approved-home .app-greeting h2{font-size:25px}.approved-home .app-greeting>p{font-size:10px}.approved-home .live-status{font-size:8px}.approved-home .dashboard-stat{padding:15px 10px}.approved-home .dashboard-stat>span{font-size:6px;letter-spacing:.02em}.approved-home .dashboard-stat strong{font-size:24px}.approved-home .dashboard-stat small{font-size:7px}.approved-home .dashboard-stats{margin:19px 0}
  .approved-home .app-content{grid-template-columns:1fr;gap:14px}.approved-home .workspace{min-height:0}.approved-home .mission-overview{border-radius:12px}.approved-home .list-heading{padding:14px 15px;font-size:13px}.approved-home .list-columns{padding:8px 15px;font-size:7px}.approved-home .mission-row{padding:12px 15px}.approved-home .mission-row-text{gap:3px}.approved-home .mission-row-text strong{font-size:11px}.approved-home .mission-row-text small{font-size:9px}.approved-home .row-status{font-size:9px}.approved-home .mission-row .avatar{width:28px;height:28px}.approved-home .workspace-bottom{display:none}.approved-home .mission-detail{padding:19px;border-radius:12px}.approved-home .detail-title{font-size:12px}.approved-home .detail-badge{display:block}.approved-home .activity{margin-top:18px}.approved-home .activity::before{bottom:-18px}.approved-home .activity-content strong{font-size:11px}.approved-home .activity-content p{font-size:10px}.approved-home .review-card{margin-top:19px}.approved-home .review-heading{font-size:10px}.approved-home .review-heading span{font-size:8px}.approved-home .review-card p{font-size:11px}.approved-home .review-meta{font-size:8px}.approved-home .app-bottomline>span:first-child{display:none}.approved-home .app-bottomline{justify-content:flex-end;min-height:37px;font-size:8px}
  .approved-home .demo-caption{width:calc(100% - 48px);font-size:10px}.approved-home .demo-caption>span:last-child{font-size:8px}
  .approved-home .section-width{width:calc(100% - 56px)}.approved-home .value-section{padding:94px 0 104px}.approved-home .section-intro h2{font-size:46px}.approved-home .section-intro>p:last-child{font-size:14px}.approved-home .feature-grid{gap:15px;margin-top:48px}.approved-home .feature{padding:17px 16px 23px;border-radius:20px}.approved-home .feature-art{height:140px;margin-bottom:25px}.approved-home .feature h3{font-size:19px;line-height:1.3}.approved-home .feature>p{font-size:12px;line-height:1.8}.approved-home .feature-number{font-size:8px}.approved-home .mini-avatar{display:none}.approved-home .mini-message{padding:14px 10px;border-radius:9px}.approved-home .mini-message strong{font-size:9px}.approved-home .mini-message p{font-size:8px}.approved-home .mini-reply{font-size:7px;gap:6px;padding:9px}.approved-home .mini-reply img{width:15px;height:15px}.approved-home .mini-reply .icon{width:10px}.approved-home .progress-art{gap:29px}.approved-home .progress-item{width:26px;height:26px;box-shadow:0 0 0 5px #eceef1}.approved-home .progress-item small{font-size:6px;top:42px}.approved-home .progress-item .icon{width:12px}.approved-home .mini-approval{padding:18px 12px;gap:8px}.approved-home .approval-symbol .icon{width:20px;height:20px}.approved-home .mini-approval strong{font-size:9px}.approved-home .mini-approval div>span{font-size:7px}.approved-home .mini-approve{display:none}
  .approved-home .connections-section{padding:90px 0 100px;gap:30px}.approved-home .connections-copy h2{font-size:36px}.approved-home .connections-copy .eyebrow{font-size:8px}.approved-home .connections-copy>p:not(.eyebrow){font-size:13px}.approved-home .connections-copy .desktop-break{display:none}.approved-home .connections-copy .text-link{font-size:12px}.approved-home .connection-diagram{height:320px;border-radius:20px}.approved-home .app-node{padding:10px;font-size:8px;gap:6px}.approved-home .app-node img{width:19px;height:19px}.approved-home .app-node .icon{width:17px;height:17px}.approved-home .node-more{top:135px;left:2%}.approved-home .node-more>span:last-child{display:none}.approved-home .node-gmail{top:31px;left:14%}.approved-home .node-calendar{right:3%;top:83px}.approved-home .node-hubspot{right:5%;top:219px}.approved-home .node-knowledge{left:3%;top:208px}.approved-home .connection-center{width:72px;height:72px;border-radius:18px}.approved-home .connection-center img{width:36px;height:36px}.approved-home .orbit-outer{width:263px;height:263px}.approved-home .orbit-inner{width:170px;height:170px}.approved-home .diagram-note{font-size:6px}
  .approved-home .trust-inner{gap:40px;padding:93px 0 103px}.approved-home .trust-heading h2{font-size:38px}.approved-home .trust-heading .eyebrow{font-size:8px}.approved-home .trust-heading>p:not(.eyebrow){font-size:14px}.approved-home .trust-heading .text-link{font-size:12px}.approved-home .trust-details{padding:8px 20px 20px;border-radius:20px}.approved-home .trust-item{gap:12px;padding:20px 0}.approved-home .trust-item h3{font-size:16px}.approved-home .trust-item p{font-size:11px}.approved-home .residency-note{font-size:9px}.approved-home .canada-signature>span{font-size:8px}.approved-home .canada-signature>span>span{font-size:9px}
  .approved-home .closing{padding:91px 0 106px}.approved-home .closing h2{font-size:46px}.approved-home .closing>p{font-size:14px}
}
@media(max-width:600px){
  html:has(.approved-home){scroll-padding-top:98px}.approved-home .site-header{width:calc(100% - 24px);height:58px;margin-top:12px;top:10px;padding:8px 10px 8px 16px}.approved-home .brand{font-size:15px;gap:8px;letter-spacing:.13em}.approved-home .brand img{width:21px;height:21px}.approved-home .signin{display:none}.approved-home .header-actions{gap:13px}.approved-home .button-small{min-height:38px;padding:8px 13px;font-size:10px;gap:9px}.approved-home .button-small .icon{width:14px;height:14px}.approved-home .menu-toggle{width:27px;padding-inline:2px}.approved-home .mobile-nav:not([hidden]){top:65px;padding:10px;border-radius:17px}
  .approved-home .hero{padding:67px 20px 0}.approved-home .hero-eyebrow{font-size:8px;gap:9px;letter-spacing:.12em}.approved-home .hero-eyebrow .maple{width:13px;height:13px}.approved-home .eyebrow-arrow{margin-left:6px}.approved-home h1{font-size:clamp(42px,12.7vw,69px);line-height:1.06;letter-spacing:-.045em;margin:27px 0 28px}.approved-home .hero-copy{font-size:13px;line-height:1.9;letter-spacing:-.1px}.approved-home .desktop-break{display:none}.approved-home .hero-actions{gap:10px;margin-top:28px}.approved-home .hero-actions .button{min-height:46px;font-size:11px;padding:12px 15px;gap:10px}.approved-home .hero-actions .icon{width:16px;height:16px}.approved-home .play-icon{font-size:17px}.approved-home .hero-note{font-size:9px;margin-top:19px}
  .approved-home .demo-section{margin-top:49px;padding-bottom:42px;scroll-margin-top:102px}.approved-home .audience-tabs{padding:4px;margin-bottom:25px;gap:2px}.approved-home .audience-tabs button{padding:9px 17px;font-size:11px;min-height:38px;gap:8px}.approved-home .audience-tabs button .icon{width:14px;height:14px}.approved-home .workspace{width:calc(100% - 24px);border-radius:14px;box-shadow:0 2px 5px #14141e08,0 20px 40px #14141e0c}.approved-home .app-sidebar{display:none}.approved-home .app-topbar{padding:12px 14px;min-height:56px;gap:12px}.approved-home .workspace-crumb{font-size:10px}.approved-home .workspace-crumb .icon{width:13px;height:13px}.approved-home .app-search{padding:8px;gap:6px}.approved-home .app-search input{font-size:10px}.approved-home .app-search kbd{display:none}.approved-home .app-search>.icon{width:13px;height:13px}.approved-home .app-dashboard{padding:23px 14px 0}.approved-home .app-greeting .eyebrow{font-size:8px}.approved-home .app-greeting h2{font-size:27px;margin-top:12px;letter-spacing:-.04em}.approved-home .app-greeting>p{font-size:11px;margin-top:10px;max-width:280px}.approved-home .live-status{font-size:8px;gap:6px}.approved-home .dashboard-stats{grid-template-columns:repeat(2,minmax(0,1fr));margin:21px 0;border-radius:12px}.approved-home .dashboard-stat{padding:16px 17px}.approved-home .dashboard-stat>span{font-size:7px;letter-spacing:.08em;margin-bottom:10px}.approved-home .dashboard-stat strong{font-size:27px}.approved-home .dashboard-stat small{font-size:8px;margin-top:8px}.approved-home .dashboard-stat:nth-child(3){border-left:0}.approved-home .dashboard-stat:nth-child(n+3){border-top:1px solid #efeff1}.approved-home .app-content{gap:16px}.approved-home .list-heading{padding:17px 15px;font-size:14px}.approved-home .list-heading>span:last-child{font-size:8px}.approved-home .list-columns{padding:10px 15px;font-size:7px}.approved-home .mission-row{padding:15px 12px;gap:9px}.approved-home .mission-row-text strong{font-size:11px}.approved-home .mission-row-text small{font-size:10px;margin-top:2px}.approved-home .mission-row .avatar{width:29px;height:29px;font-size:9px}.approved-home .row-status{font-size:9px;gap:4px}.approved-home .mission-detail{padding:20px 15px}.approved-home .detail-title{font-size:11px;gap:7px}.approved-home .detail-title img{width:15px;height:15px}.approved-home .detail-badge{font-size:6px;padding:3px 4px}.approved-home .detail-subtitle{font-size:9px;padding-left:22px}.approved-home .activity{margin-top:22px}.approved-home .activity::before{bottom:-22px}.approved-home .activity-content strong{font-size:11px}.approved-home .activity-content p{font-size:10px}.approved-home .review-card{padding:13px;margin-top:21px;border-radius:9px}.approved-home .review-heading{font-size:9px}.approved-home .review-heading span{font-size:7px}.approved-home .review-card p{font-size:11px;line-height:1.8}.approved-home .review-actions{gap:10px;margin-top:12px}.approved-home .approve-button{font-size:10px;padding:10px}.approved-home .review-meta{font-size:7px}.approved-home .app-bottomline{font-size:8px;justify-content:center;min-height:43px}.approved-home .demo-caption{width:calc(100% - 36px);flex-wrap:wrap;justify-content:center;gap:9px;font-size:9px;margin-top:20px}.approved-home .demo-caption>span:last-child{font-size:7px;width:100%;text-align:center}
  .approved-home .section-width{width:calc(100% - 40px)}.approved-home .value-section{padding:63px 0 80px}.approved-home .section-intro .eyebrow{font-size:8px}.approved-home .section-intro h2{font-size:37px;line-height:1.12;letter-spacing:-.04em;margin:21px 0}.approved-home .section-intro>p:last-child{font-size:13px;line-height:1.85;max-width:330px;margin-inline:auto}.approved-home .feature-grid{grid-template-columns:1fr;gap:20px;margin-top:37px}.approved-home .feature{padding:22px 24px 30px;border-radius:22px}.approved-home .feature-art{height:180px;margin:0 0 22px}.approved-home .feature-number{font-size:9px}.approved-home .feature h3{font-size:24px;line-height:1.2;max-width:280px;margin:17px 0 14px}.approved-home .feature>p{font-size:13px;line-height:1.85}.approved-home .mini-avatar{display:grid;width:28px;height:28px;font-size:8px}.approved-home .mini-message{padding:17px 13px;border-radius:12px;gap:9px}.approved-home .mini-message strong{font-size:10px}.approved-home .mini-message p{font-size:9px}.approved-home .mini-reply{font-size:9px;padding:11px 12px;gap:8px}.approved-home .mini-reply img{width:17px;height:17px}.approved-home .mini-reply .icon{width:12px;height:12px}.approved-home .progress-art{gap:57px}.approved-home .progress-item{width:33px;height:33px;box-shadow:0 0 0 7px #eceef1}.approved-home .progress-item .icon{width:14px;height:14px}.approved-home .progress-item small{top:50px;font-size:9px}.approved-home .progress-line{left:13%;right:13%}.approved-home .mini-approval{padding:22px 16px;gap:12px}.approved-home .approval-symbol .icon{width:23px;height:23px}.approved-home .mini-approval strong{font-size:11px}.approved-home .mini-approval div>span{font-size:9px}.approved-home .mini-approve{display:grid;width:27px;height:27px}
  .approved-home .connections-section{grid-template-columns:1fr;gap:34px;padding:75px 0 81px}.approved-home .connections-copy{text-align:center}.approved-home .connections-copy .eyebrow{font-size:8px}.approved-home .connections-copy h2{font-size:36px;line-height:1.14;letter-spacing:-.04em;margin:23px 0}.approved-home .connections-copy>p:not(.eyebrow){font-size:13px;line-height:1.85;max-width:325px;margin:auto}.approved-home .connections-copy .text-link{font-size:12px;margin-top:26px}.approved-home .connection-diagram{height:330px;width:100%;margin:0 auto;border-radius:22px}.approved-home .connection-center{width:76px;height:76px;border-radius:19px}.approved-home .connection-center img{width:37px;height:37px}.approved-home .orbit-outer{width:282px;height:282px}.approved-home .orbit-inner{width:175px;height:175px}.approved-home .app-node{font-size:9px;padding:10px 12px;gap:7px}.approved-home .app-node img{width:21px;height:21px}.approved-home .node-gmail{top:35px;left:14%}.approved-home .node-calendar{top:92px;right:3%}.approved-home .node-hubspot{top:225px;right:5%}.approved-home .node-knowledge{top:210px;left:4%}.approved-home .node-more{top:124px;left:4%;padding:10px 13px}.approved-home .node-more>span:last-child{display:none}.approved-home .diagram-note{font-size:7px;bottom:17px}
  .approved-home .trust-inner{padding:77px 0 81px;grid-template-columns:1fr;gap:36px}.approved-home .trust-heading .eyebrow{font-size:8px}.approved-home .trust-heading h2{font-size:39px;line-height:1.12;letter-spacing:-.04em;margin:23px 0}.approved-home .trust-heading>p:not(.eyebrow){font-size:14px;line-height:1.8}.approved-home .trust-heading .text-link{font-size:12px;margin-top:25px}.approved-home .canada-signature{display:none}.approved-home .trust-details{padding:9px 22px 25px;border-radius:22px}.approved-home .trust-item{gap:14px;padding:24px 0}.approved-home .trust-item h3{font-size:18px;line-height:1.3;margin-bottom:11px}.approved-home .trust-item p{font-size:12px;line-height:1.85}.approved-home .trust-icon .icon{width:19px;height:19px}.approved-home .residency-note{font-size:10px;margin-top:23px}
  .approved-home .closing{padding:79px 0 88px}.approved-home .closing>img{width:35px;height:35px;margin-bottom:26px}.approved-home .closing h2{font-size:clamp(29px,8.3vw,46px);letter-spacing:-.04em;line-height:1.16}.approved-home .closing>p{font-size:12px;line-height:1.8;margin-top:23px}.approved-home .closing-actions{gap:26px;margin-top:30px}.approved-home .closing-actions .button{font-size:12px;min-height:48px;padding:13px 17px;gap:12px}.approved-home .closing-actions .text-link{font-size:12px;gap:10px}.approved-home .closing-note{font-size:10px;margin-top:17px}
  .approved-home dialog{padding:31px 25px;border-radius:18px}.approved-home dialog h2{font-size:36px}.approved-home .dialog-intro{font-size:11px}.approved-home .plan-option{padding:16px 12px;gap:9px}.approved-home .plan-option strong{font-size:11px}.approved-home .plan-option small{font-size:9px}.approved-home .dialog-continue{font-size:12px}.approved-home .dialog-note{font-size:9px}
}
@media(max-width:370px){
  .approved-home .hero{padding-inline:14px}.approved-home h1{font-size:42px}.approved-home .hero-copy{font-size:12px}.approved-home .hero-actions .button{font-size:10px;padding-inline:13px;gap:8px}.approved-home .hero-note{font-size:8px}.approved-home .header-actions{gap:9px}.approved-home .brand{font-size:14px;gap:6px}.approved-home .brand img{width:19px;height:19px}.approved-home .button-small{font-size:9px;padding-inline:10px}.approved-home .button-small .icon{width:12px}.approved-home .app-greeting h2{font-size:25px}.approved-home .live-status{font-size:7px}.approved-home .dashboard-stat{padding:15px 13px}.approved-home .mission-row{padding-inline:10px;gap:7px}.approved-home .mission-row-text strong{font-size:10px}.approved-home .mission-row-text small{font-size:8px}.approved-home .row-status{font-size:8px}.approved-home .detail-title{font-size:10px}.approved-home .detail-badge{display:none}.approved-home .review-heading{font-size:8px}.approved-home .review-heading span{font-size:6px}.approved-home .review-meta{font-size:6px}.approved-home .feature{padding-inline:20px}.approved-home .feature-art{height:165px}.approved-home .mini-message{padding-inline:10px;gap:7px}.approved-home .mini-message p{font-size:8px}.approved-home .mini-reply{font-size:8px}.approved-home .progress-art{gap:45px}.approved-home .progress-item small{font-size:8px}.approved-home .mini-approval{padding:18px 12px;gap:8px}.approved-home .mini-approval strong{font-size:10px}.approved-home .mini-approval div>span{font-size:8px}.approved-home .mini-approve{width:23px;height:23px}.approved-home .connections-copy h2{font-size:33px}.approved-home .trust-heading h2{font-size:35px}.approved-home .trust-details{padding-inline:18px}.approved-home .trust-item h3{font-size:17px}.approved-home .trust-item{gap:11px}.approved-home .trust-item p{font-size:11px}.approved-home .closing-actions{gap:22px}.approved-home .closing-actions .button{font-size:11px;padding-inline:15px}.approved-home .closing-actions .text-link{font-size:11px;gap:8px}
}
@media(prefers-reduced-motion:reduce){html:has(.approved-home){scroll-behavior:auto}.approved-home *,.approved-home *::before,.approved-home *::after{animation:none!important;transition:none!important}}

/* Footer content and information architecture restored from invice.ai. */
.approved-home .site-footer{display:block;width:100%;max-width:none;margin:0;padding:0;border-top:1px solid #ffffff14;background:#0f0f12;color:#f6f7f8}
.approved-home .site-footer .footer-inner{width:min(1160px,calc(100% - 96px));margin:0 auto;padding:80px 0 30px}
.approved-home .site-footer .footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr 1.1fr;gap:32px;margin-bottom:56px}
.approved-home .site-footer .footer-brand{display:inline-flex;align-items:center;gap:11px;font-family:var(--display);font-size:19px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;line-height:1.2}
.approved-home .site-footer .footer-brand img{width:22px;height:22px;filter:brightness(0) invert(1)}
.approved-home .site-footer .footer-tag{max-width:220px;margin:15px 0 0;color:#f4f1ea9e;font-size:13px;line-height:1.7}
.approved-home .site-footer .footer-column h3{margin:0 0 19px;font-family:var(--label);font-size:10px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:#f4f1ea9e}
.approved-home .site-footer .footer-links{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:11px;width:auto;margin:0;font-size:13px;line-height:1.65}
.approved-home .site-footer .footer-links a{color:#f4f1ead1;transition:color .18s}
.approved-home .site-footer .footer-links a:hover,.approved-home .site-footer .footer-base a:hover{color:#f6f7f8}
.approved-home .site-footer .footer-base{display:flex;justify-content:space-between;align-items:center;gap:12px 24px;border-top:1px solid #ffffff29;padding-top:25px;color:#f4f1ea9e;font-size:12px;line-height:1.6}
@media(max-width:1000px){.approved-home .site-footer .footer-inner{width:calc(100% - 64px);padding-top:64px}.approved-home .site-footer .footer-grid{grid-template-columns:repeat(4,1fr);gap:38px 24px}.approved-home .site-footer .footer-identity{grid-column:1/-1}.approved-home .site-footer .footer-tag{max-width:none}}
@media(max-width:600px){.approved-home .site-footer .footer-inner{width:calc(100% - 40px);padding:50px 0 27px}.approved-home .site-footer .footer-grid{grid-template-columns:1fr 1fr;gap:34px 22px;margin-bottom:36px}.approved-home .site-footer .footer-column h3{margin-bottom:14px}.approved-home .site-footer .footer-links{gap:2px;font-size:12px}.approved-home .site-footer .footer-links a{display:flex;align-items:center;min-height:38px}.approved-home .site-footer .footer-base{align-items:flex-start;flex-direction:column;gap:8px;padding-top:22px;font-size:11px}.approved-home .site-footer .footer-brand{font-size:18px}}

/* Invice’s published workspace structure and original .app palette.
   Source: invice.ai, retrieved 2026-10-01. Interactive prototype adaptations follow. */
.approved-home .v2-ws{--lv4-ws-canvas:#f3f3f4;--lv4-ws-surface:#fff;--lv4-ws-ink:#26262a;--lv4-ws-ink2:#6b6b72;--lv4-ws-ink4:#9a9aa1;--lv4-ws-ink5:#b7b7bd;--lv4-ws-border:#e9e9ec;--lv4-ws-divider:#efeff1;--lv4-ws-chip:#f0f0f2;--lv4-ws-accent:var(--ember);--lv4-ws-accent-soft:#fbf1ed;--lv4-ws-accent-soft-bd:#f1dbd2;--lv4-ws-success:#3e8158;--lv4-ws-success-bright:#3fa063;--lv4-ws-risk:#c07c1b;--lv4-ws-shadow:0 1px 2px #14141e0b,0 12px 32px #14141e0f;border:1px solid var(--lv4-ws-border);background:var(--lv4-ws-canvas);text-align:left;border-radius:16px;overflow:hidden;box-shadow:0 2px 6px #14141e0d,0 32px 80px #14141e1a}
.approved-home .v2-ws-app{align-items:stretch;display:flex}
.approved-home .v2-ws .ws-ic{flex:none;display:inline-flex}
.approved-home .v2-ws .ws-ic svg{width:16px;height:16px;color:var(--lv4-ws-ink4)}
.approved-home .v2-ws .ws-sidebar{border-right:1px solid var(--lv4-ws-border);flex-direction:column;flex:0 0 232px;min-height:0;display:flex}
.approved-home .v2-ws .ws-wordmark{font-family:var(--display);letter-spacing:.18em;text-transform:uppercase;color:var(--lv4-ws-ink);padding:22px 20px 14px;font-size:17px;font-weight:600}
.approved-home .v2-ws .ws-acct{border-radius:8px;align-items:center;gap:10px;margin:0 8px;padding:12px;display:flex}
.approved-home .v2-ws .ws-avatar{border:1px solid var(--lv4-ws-border);background:var(--lv4-ws-chip);width:34px;height:34px;color:var(--lv4-ws-ink2);font-family:var(--display);border-radius:50%;justify-content:center;align-items:center;font-size:12px;font-weight:600;display:inline-flex}
.approved-home .v2-ws .ws-acct-t{flex-direction:column;gap:1px;display:flex}
.approved-home .v2-ws .ws-acct-name{color:var(--lv4-ws-ink);font-size:13.5px;font-weight:600}
.approved-home .v2-ws .ws-acct-kind{color:var(--lv4-ws-ink4);font-size:11px}
.approved-home .v2-ws .ws-nav{flex:1;min-height:0;padding:10px 0;overflow:hidden}
.approved-home .v2-ws .ws-ng{font-family:var(--label);letter-spacing:.15em;text-transform:uppercase;color:var(--lv4-ws-ink5);padding:12px 20px 7px;font-size:9px;font-weight:500}
.approved-home .v2-ws .ws-ni{color:var(--lv4-ws-ink2);border-radius:9px;align-items:center;gap:11px;margin:1px 8px;padding:7px 12px;font-size:13px;font-weight:500;display:flex}
.approved-home .v2-ws .ws-ni.active{color:var(--lv4-ws-ink);background:#ffffffd9;font-weight:600;box-shadow:0 1px 2px #14141e0d,0 4px 14px #14141e0d}
.approved-home .v2-ws .ws-ni.active .ws-ic svg{color:var(--lv4-ws-accent)}
.approved-home .v2-ws .ws-nb{font-family:var(--mono);min-width:18px;height:19px;color:var(--lv4-ws-ink4);box-shadow:inset 0 0 0 1px var(--lv4-ws-border);border-radius:999px;justify-content:center;align-items:center;margin-left:auto;padding:0 8px;font-size:10.5px;font-weight:500;display:inline-flex}
.approved-home .v2-ws .ws-ni.active .ws-nb{color:var(--lv4-ws-accent);background:var(--lv4-ws-surface);box-shadow:inset 0 0 0 1px var(--lv4-ws-accent-soft-bd)}
.approved-home .v2-ws .ws-bot{border-top:1px solid var(--lv4-ws-divider);margin-top:auto;padding:12px 8px 16px}
.approved-home .v2-ws .ws-set{color:var(--lv4-ws-ink2);border-radius:9px;align-items:center;gap:11px;padding:7px 12px;font-size:13px;display:flex}
.approved-home .v2-ws .ws-set .ws-ic svg{width:14px;height:14px}
.approved-home .v2-ws .ws-main{flex-direction:column;flex:1;min-width:0;display:flex}
.approved-home .v2-ws .ws-topbar{border-bottom:1px solid var(--lv4-ws-border);background:#f3f3f4d1;align-items:center;gap:18px;padding:12px 26px;display:flex}
.approved-home .v2-ws .ws-crumb{color:var(--lv4-ws-ink2);align-items:center;gap:8px;font-size:13.5px;font-weight:500;display:inline-flex}
.approved-home .v2-ws .ws-crumb .ws-ic svg{width:15px;height:15px}
.approved-home .v2-ws .ws-search{background:var(--lv4-ws-surface);border:1px solid var(--lv4-ws-border);max-width:440px;color:var(--lv4-ws-ink4);border-radius:10px;flex:auto;align-items:center;gap:9px;margin-left:14px;padding:8px 12px;font-size:13px;display:inline-flex}
.approved-home .v2-ws .ws-search .ws-ic svg{width:15px;height:15px}
.approved-home .v2-ws .ws-kbd{font-family:var(--mono);border:1px solid var(--lv4-ws-border);color:var(--lv4-ws-ink5);border-radius:5px;margin-left:auto;padding:1px 5px;font-size:10px;font-weight:500}
.approved-home .v2-ws .ws-newm{background:var(--lv4-ws-ink);color:var(--lv4-ws-surface);white-space:nowrap;border-radius:9px;margin-left:auto;padding:9px 15px;font-size:12.5px;font-weight:500;box-shadow:0 2px 8px #14141e29}
.approved-home .v2-ws .ws-content{flex:1;min-height:0;padding:24px 26px 0;overflow:hidden}
.approved-home .v2-ws .ws-eyebrow{font-family:var(--label);letter-spacing:.16em;text-transform:uppercase;color:var(--lv4-ws-ink4);margin-bottom:10px;font-size:10px;font-weight:500}
.approved-home .v2-ws .ws-title{font-family:var(--display);letter-spacing:-.02em;color:var(--lv4-ws-ink);margin-bottom:9px;font-size:30px;font-weight:600;line-height:1.05}
.approved-home .v2-ws .ws-sub{color:var(--lv4-ws-ink2);margin:0 0 18px;font-size:14px}
.approved-home .v2-ws .ws-sub b{color:var(--lv4-ws-ink);font-weight:600}
.approved-home .v2-ws .ws-lnk{color:var(--lv4-ws-accent);font-weight:500}
.approved-home .v2-ws .ws-stats{background:var(--lv4-ws-surface);border:1px solid var(--lv4-ws-border);box-shadow:var(--lv4-ws-shadow);border-radius:14px;flex-wrap:nowrap;margin-bottom:18px;display:flex;overflow:hidden}
.approved-home .v2-ws .ws-stat{flex:1 1 0;min-width:0;padding:14px 18px}
.approved-home .v2-ws .ws-stat+.ws-stat{border-left:1px solid var(--lv4-ws-divider)}
.approved-home .v2-ws .ws-book{flex:1.7 1 0}
.approved-home .v2-ws .ws-stat.ws-need .ws-stat-num{color:var(--lv4-ws-ink)}
.approved-home .v2-ws .ws-book-duo{display:flex}
.approved-home .v2-ws .ws-book-duo>div+div{border-left:1px solid var(--lv4-ws-divider);margin-left:18px;padding-left:18px}
.approved-home .v2-ws .ws-stat-label{font-family:var(--label);letter-spacing:.13em;text-transform:uppercase;color:var(--lv4-ws-ink4);margin-bottom:11px;font-size:9.5px;font-weight:500}
.approved-home .v2-ws .ws-stat-num{font-family:var(--display);letter-spacing:-.025em;color:var(--lv4-ws-ink);font-size:28px;font-weight:600;line-height:1}
.approved-home .v2-ws .ws-pos .ws-stat-num{color:var(--lv4-ws-success)}
.approved-home .v2-ws .ws-stat-sub{color:var(--lv4-ws-ink4);margin-top:7px;font-size:11.5px}
.approved-home .v2-ws .ws-up{color:var(--lv4-ws-success)}
.approved-home .v2-ws .ws-card{background:var(--lv4-ws-surface);border:1px solid var(--lv4-ws-border);box-shadow:var(--lv4-ws-shadow);border-radius:16px;margin-bottom:18px}
.approved-home .v2-ws .ws-bookbar{padding:14px 20px 15px}
.approved-home .v2-ws .ws-bb-head{justify-content:space-between;align-items:baseline;margin-bottom:11px;display:flex}
.approved-home .v2-ws .ws-bb-title{font-family:var(--display);color:var(--lv4-ws-ink);font-size:14px;font-weight:600}
.approved-home .v2-ws .ws-bb-total{color:var(--lv4-ws-ink4);font-size:12px}
.approved-home .v2-ws .ws-bb-total b{color:var(--lv4-ws-ink);font-weight:600}
.approved-home .v2-ws .ws-bb-bar{gap:3px;height:10px;margin-bottom:10px;display:flex}
.approved-home .v2-ws .ws-bb-bar span{border-radius:3px}
.approved-home .v2-ws .ws-bb-bar .on,.approved-home .v2-ws .ws-bb-legend i.on{background:var(--lv4-ws-success-bright)}
.approved-home .v2-ws .ws-bb-bar .done,.approved-home .v2-ws .ws-bb-legend i.done{background:var(--lv4-ws-success)}
.approved-home .v2-ws .ws-bb-bar .need,.approved-home .v2-ws .ws-bb-legend i.need{background:var(--lv4-ws-accent)}
.approved-home .v2-ws .ws-bb-bar .risk,.approved-home .v2-ws .ws-bb-legend i.risk{background:var(--lv4-ws-risk)}
.approved-home .v2-ws .ws-bb-legend{color:var(--lv4-ws-ink2);gap:16px;font-size:11px;display:flex}
.approved-home .v2-ws .ws-bb-legend span{align-items:center;gap:6px;display:inline-flex}
.approved-home .v2-ws .ws-bb-legend i{border-radius:2.5px;width:8px;height:8px}
.approved-home .v2-ws .ws-sec-head{align-items:baseline;gap:12px;padding:14px 20px 12px;display:flex}
.approved-home .v2-ws .ws-sec-title{font-family:var(--display);letter-spacing:-.01em;color:var(--lv4-ws-ink);font-size:15.5px;font-weight:600}
.approved-home .v2-ws .ws-sec-tag,.approved-home .v2-ws .ws-sec-right{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--lv4-ws-ink5);font-size:9.5px;font-weight:500}
.approved-home .v2-ws .ws-sec-right{color:var(--lv4-ws-ink4);margin-left:auto}
.approved-home .v2-ws .ws-orow,.approved-home .v2-ws .ws-ohead{border-top:1px solid var(--lv4-ws-divider);grid-template-columns:10px 24px minmax(0,1fr) 74px 96px 106px 18px;align-items:center;gap:10px;padding:14px 20px;display:grid}
.approved-home .v2-ws .ws-ohead{padding-top:10px;padding-bottom:10px}
.approved-home .v2-ws .ws-oth{font-family:var(--label);letter-spacing:.07em;text-transform:uppercase;color:var(--lv4-ws-ink4);white-space:nowrap;font-size:9.5px}
.approved-home .v2-ws .ws-odot{background:var(--lv4-ws-success-bright);border-radius:50%;width:8px;height:8px}
.approved-home .v2-ws .ws-odot.need{background:var(--lv4-ws-accent)}
.approved-home .v2-ws .ws-oname{text-overflow:ellipsis;color:var(--lv4-ws-ink);white-space:nowrap;font-size:13.5px;font-weight:600;display:block;overflow:hidden}
.approved-home .v2-ws .ws-owner{border:1px solid var(--lv4-ws-border);background:var(--lv4-ws-chip);width:26px;height:26px;color:var(--lv4-ws-ink2);font-family:var(--display);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:9px;font-weight:600;display:inline-flex}
.approved-home .v2-ws .ws-okind{font-family:var(--label);letter-spacing:.07em;text-transform:uppercase;color:var(--lv4-ws-ink4);font-size:9.5px}
.approved-home .v2-ws .ws-otime{font-family:var(--mono);text-transform:uppercase;color:var(--lv4-ws-ink5);font-size:10.5px}
.approved-home .v2-ws .ws-ostatus{justify-content:flex-end;align-items:center;gap:7px;font-size:12.5px;font-weight:500;display:inline-flex}
.approved-home .v2-ws .ws-ostatus i{border-radius:50%;width:7px;height:7px}
.approved-home .v2-ws .ws-ostatus.ok{color:var(--lv4-ws-success)}
.approved-home .v2-ws .ws-ostatus.ok i{background:var(--lv4-ws-success-bright)}
.approved-home .v2-ws .ws-ostatus.need{color:var(--lv4-ws-accent)}
.approved-home .v2-ws .ws-ostatus.need i{background:var(--lv4-ws-accent)}
.approved-home .v2-ws .ws-ochev{display:inline-flex}
.approved-home .v2-ws .ws-ochev svg{width:14px;height:14px;color:var(--lv4-ws-ink5)}
.approved-home .v2-ws .ws-card-foot{border-top:1px solid var(--lv4-ws-divider);justify-content:space-between;align-items:center;padding:12px 20px;display:flex}
.approved-home .v2-ws .ws-cf-more{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--lv4-ws-accent);font-size:10px;font-weight:500}
.approved-home .v2-ws .ws-cf-note{color:var(--lv4-ws-ink4);font-size:12px}
.approved-home .v2-ws .ws-cf-note b{color:var(--lv4-ws-ink);font-weight:600}
.approved-home .v2-ws .ws-qfilter{gap:7px;padding:2px 20px 10px;display:flex}
.approved-home .v2-ws .ws-chip{font-family:var(--label);border:1px solid var(--lv4-ws-border);background:var(--lv4-ws-surface);color:var(--lv4-ws-ink2);border-radius:999px;padding:5px 11px;font-size:10px;font-weight:500}
.approved-home .v2-ws .ws-chip.on{background:var(--lv4-ws-accent-soft);color:var(--lv4-ws-accent);border-color:var(--lv4-ws-accent-soft-bd)}
.approved-home .v2-ws .ws-drow{border-top:1px solid var(--lv4-ws-divider);grid-template-columns:60px 190px minmax(0,1fr) 66px 20px;align-items:center;gap:12px;padding:12px 20px;display:grid}
.approved-home .v2-ws .ws-tag{font-family:var(--label);letter-spacing:.08em;text-transform:uppercase;text-align:center;border:1px solid var(--lv4-ws-ink);color:var(--lv4-ws-ink);border-radius:5px;padding:3px 0;font-size:8px;font-weight:500}
.approved-home .v2-ws .ws-dname{text-overflow:ellipsis;color:var(--lv4-ws-ink);white-space:nowrap;font-size:13px;font-weight:600;display:block;overflow:hidden}
.approved-home .v2-ws .ws-dact{color:var(--lv4-ws-accent);font-size:12.5px;font-weight:500}
.approved-home .v2-ws .ws-dtime{font-family:var(--mono);color:var(--lv4-ws-ink5);text-align:right;font-size:10.5px}

/* Interactive and responsive adaptations; all native dashboard sections remain. */
.approved-home .workspace.v2-ws{display:block;width:min(1280px,calc(100% - 64px));min-height:0;max-height:none;isolation:isolate;position:relative;font-family:var(--sans);font-size:13px;line-height:1.5;--lv4-ws-ink4:#777780;--lv4-ws-ink5:#898991;--lv4-ws-shadow:0 1px 2px #14141e05,0 5px 18px #14141e04;box-shadow:0 3px 8px #14141e05,0 30px 80px #14141e10}
.approved-home .v2-ws button{font-family:inherit}
.approved-home .v2-ws .ws-sidebar{background:#efeff1}
.approved-home .v2-ws .ws-wordmark{padding-top:25px;padding-bottom:18px}
.approved-home .v2-ws .ws-ni{min-height:35px}
.approved-home .v2-ws .ws-ng{color:#888891}
.approved-home .v2-ws .ws-bot{padding-bottom:19px}
.approved-home .v2-ws .ws-ic svg{color:#777780}
.approved-home .v2-ws .ws-content{padding:29px 26px 0;overflow:visible}
.approved-home .v2-ws .ws-title{line-height:1.14;margin-bottom:10px}
.approved-home .v2-ws .ws-sub{font-size:13px;line-height:1.7;margin-bottom:20px}
.approved-home .v2-ws .ws-lnk{background:none;padding:0;white-space:nowrap;font-size:inherit}
.approved-home .v2-ws .ws-lnk:hover{text-decoration:underline;text-underline-offset:3px}
.approved-home .v2-ws .ws-topbar{height:66px;gap:16px;background:#f7f7f8}
.approved-home .v2-ws .ws-search{min-width:120px;height:37px;gap:8px;margin-left:7px;max-width:440px}
.approved-home .v2-ws .ws-search:focus-within{border-color:#b3afb0;box-shadow:0 0 0 2px #b82c0f0a}
.approved-home .v2-ws .ws-search input{width:100%;min-width:0;border:0;outline:none;background:none;padding:0;color:#26262a;font-size:12px;line-height:20px}
.approved-home .v2-ws .ws-search input::placeholder{color:#85858e}
.approved-home .v2-ws .ws-search input:focus-visible{outline:none}
.approved-home .v2-ws .ws-kbd{flex-shrink:0;color:#8d8d96;line-height:17px}
.approved-home .v2-ws .ws-newm{height:36px;transition:background .15s}
.approved-home .v2-ws .ws-newm:hover{background:#3c3c41}
.approved-home .v2-ws .ws-stat{padding:17px 16px 16px}
.approved-home .v2-ws .ws-stat-label{font-size:8.5px;letter-spacing:.11em;white-space:nowrap}
.approved-home .v2-ws .ws-stat-num{font-size:28px}
.approved-home .v2-ws .ws-stat-sub{font-size:10.5px;line-height:1.45;min-height:29px}
.approved-home .v2-ws .ws-bb-total{font-size:11px}
.approved-home .v2-ws .ws-sec-head{padding-top:16px;padding-bottom:14px}
.approved-home .v2-ws .ws-sec-tag,.approved-home .v2-ws .ws-sec-right{font-size:8px;letter-spacing:.11em}
.approved-home .v2-ws .ws-card{overflow:hidden}
.approved-home .v2-ws .ws-table-scroll{overflow-x:auto;scrollbar-width:thin;scrollbar-color:#d5d5db transparent;overscroll-behavior-x:contain}
.approved-home .v2-ws .ws-table-scroll:focus-visible{outline:2px solid #b82c0f;outline-offset:-3px}
.approved-home .v2-ws .ws-table{border-collapse:collapse;table-layout:auto;min-width:690px;width:100%;text-align:left}
.approved-home .v2-ws .ws-table th{padding:10px 10px 10px 0;font:9px/1.5 var(--label);text-transform:uppercase;letter-spacing:.075em;color:#777780;background:#fafafb;border-top:1px solid #efeff1;border-bottom:1px solid #efeff1;font-weight:400;white-space:nowrap}
.approved-home .v2-ws .ws-table td{padding:13px 10px 13px 0;border-bottom:1px solid #efeff1;vertical-align:middle;height:57px}
.approved-home .v2-ws .ws-table tr:last-child td{border-bottom:0}
.approved-home .v2-ws .ws-table th:first-child{padding-left:74px;width:46%}
.approved-home .v2-ws .ws-table td:first-child{padding-left:20px}
.approved-home .v2-ws .ws-table th:nth-child(2){width:13%}
.approved-home .v2-ws .ws-table th:nth-child(3){width:16%}
.approved-home .v2-ws .ws-table th:nth-child(4){width:20%}
.approved-home .v2-ws .ws-table td:last-child,.approved-home .v2-ws .ws-table th:last-child{padding-right:20px;width:28px}
.approved-home .v2-ws .ws-table tbody tr{cursor:pointer;transition:background .15s}
.approved-home .v2-ws .ws-table tbody tr:hover{background:#f8f8fa}
.approved-home .v2-ws .ws-name-cell{display:flex;align-items:center;gap:9px}
.approved-home .v2-ws .ws-name-cell .ws-odot{flex:none;width:7px;height:7px;margin-right:4px}
.approved-home .v2-ws .ws-row-name{display:block;padding:2px 0;background:transparent;text-align:left;font-size:12px;line-height:1.5;font-weight:600;white-space:nowrap;color:#26262a}
.approved-home .v2-ws .ws-row-name:focus-visible{outline-offset:4px;border-radius:2px}
.approved-home .v2-ws .ws-otime{font-size:9px;color:#777780}
.approved-home .v2-ws .ws-okind{font-size:8.5px;color:#777780}
.approved-home .v2-ws .ws-status-col{text-align:right}
.approved-home .v2-ws .ws-ostatus{font-size:11px;white-space:nowrap}
.approved-home .v2-ws .ws-table .ws-ochev{padding-left:3px;vertical-align:middle}
.approved-home .v2-ws .ws-table .ws-empty{padding:24px!important;font-size:12px;color:#777780;text-align:center;cursor:default}
.approved-home .v2-ws .ws-card-foot{min-height:44px;padding:11px 20px}
.approved-home .v2-ws .ws-cf-note{font-size:10.5px}
.approved-home .v2-ws .ws-cf-more{display:flex;align-items:center;gap:7px;font-size:8px}
.approved-home .v2-ws .ws-cf-more svg{width:12px;height:12px}
.approved-home .v2-ws .ws-qfilter{padding-bottom:13px}
.approved-home .v2-ws .ws-chip{cursor:pointer}
.approved-home .v2-ws .ws-chip:hover{border-color:#d5b3a6}
.approved-home .v2-ws .ws-drow{width:100%;background:transparent;text-align:left;grid-template-columns:56px 156px minmax(0,1fr) 54px 14px;gap:11px;padding-top:14px;padding-bottom:14px;transition:background .15s}
.approved-home .v2-ws .ws-drow:hover{background:#fafafb}
.approved-home .v2-ws .ws-drow:focus-visible{outline-offset:-4px}
.approved-home .v2-ws .ws-tag{font-size:7.5px;border-color:#d8d8dd;color:#6b6b72;background:#fafafb;padding:3px 5px}
.approved-home .v2-ws .ws-dname{font-size:11.5px}
.approved-home .v2-ws .ws-dact{font-size:11px;line-height:1.45}
.approved-home .v2-ws .ws-dtime{font-size:9px;white-space:nowrap}
.approved-home .v2-ws .ws-preview-note{display:flex;align-items:center;justify-content:center;gap:7px;padding:1px 0 20px;color:#83838c;font-size:9px;letter-spacing:.02em}
.approved-home .v2-ws .ws-preview-note svg{width:12px;height:12px}
.approved-home .v2-ws .ws-mobile-note{display:none}
.approved-home .v2-ws .ws-queue-empty{padding:17px 20px;font-size:12px;color:#777780;border-top:1px solid #efeff1}
.approved-home .ws-preview-dialog{font-family:var(--sans);width:min(590px,calc(100% - 32px));max-height:min(810px,calc(100dvh - 40px));margin:auto;padding:0;border:1px solid #e9e9ec;border-radius:19px;background:#f6f6f7;color:#26262a;box-shadow:0 24px 100px #14141e35;overflow-y:auto}
.approved-home .ws-preview-dialog::backdrop{background:#18182166;backdrop-filter:blur(5px)}
.approved-home .ws-dialog-top{display:flex;align-items:center;justify-content:space-between;padding:16px 22px;border-bottom:1px solid #e5e5e9;background:#fafafb}
.approved-home .ws-dialog-kind{font:9px var(--label);letter-spacing:.09em;text-transform:uppercase;color:#777780}
.approved-home .ws-dialog-close{display:grid;place-items:center;background:#eeeef1;border:1px solid #e1e1e6;border-radius:8px;width:30px;height:30px}
.approved-home .ws-dialog-close svg{width:15px;height:15px}
.approved-home .ws-dialog-body{padding:26px 28px 28px}
.approved-home .ws-dialog-status{display:flex;align-items:center;gap:6px;font-size:10px;color:#3e8158;margin-bottom:12px}
.approved-home .ws-dialog-status.needs{color:#b82c0f}
.approved-home .ws-dialog-status i{width:6px;height:6px;border-radius:50%;background:currentColor}
.approved-home .ws-preview-dialog h2{font-family:var(--display);font-size:28px;line-height:1.2;letter-spacing:-.035em;margin:0 0 10px}
.approved-home .ws-dialog-goal{font-size:13px;line-height:1.7;color:#6b6b72;margin:0 0 25px}
.approved-home .ws-preview-dialog h3{font-family:var(--sans);font-size:11px;font-weight:600;margin:0 0 16px}
.approved-home .ws-dialog-activity{list-style:none;margin:0 0 25px;padding:0}
.approved-home .ws-dialog-activity li{position:relative;display:flex;gap:12px;align-items:flex-start;padding-bottom:17px;color:#3f3f46;font-size:11px;line-height:1.6}
.approved-home .ws-dialog-activity li:last-child{padding-bottom:0}
.approved-home .ws-dialog-activity li:not(:last-child)::before{content:'';position:absolute;left:11px;top:26px;bottom:4px;width:1px;background:#dfe5e1}
.approved-home .ws-dialog-tick{display:grid;place-items:center;flex:none;width:23px;height:23px;border-radius:50%;color:#3e8158;background:#edf5ef;border:1px solid #dce8e0}
.approved-home .ws-dialog-tick svg{width:12px;height:12px}
.approved-home .ws-dialog-activity small{display:block;color:#94949d;font:8px var(--mono);margin-top:5px}
.approved-home .ws-dialog-draft{border:1px solid #e5e5e9;background:#fff;border-radius:12px;overflow:hidden;margin-bottom:18px}
.approved-home .ws-draft-heading{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid #eeeef1;background:#fafafb;padding:13px 17px;font-size:10px;font-weight:600}
.approved-home .ws-draft-heading span+span{font-weight:400;color:#b82c0f;font-size:9px}
.approved-home .ws-draft-recipient{padding:14px 17px 0;font-size:10px;color:#85858e}
.approved-home .ws-draft-recipient strong{color:#55555d;font-weight:500;margin-left:8px}
.approved-home .ws-draft-copy{font-size:12px;line-height:1.8;color:#4d4d55;padding:14px 17px 18px;margin:0}
.approved-home .ws-draft-document{display:flex;gap:10px;align-items:center;padding:12px;margin:14px 17px 0;border:1px solid #e9e9ed;border-radius:8px;font-size:11px;background:#fbfbfc}
.approved-home .ws-draft-document>svg{width:25px;height:25px;color:#777780}
.approved-home .ws-draft-document small{display:block;font-size:9px;color:#8e8e96;margin-top:4px}
.approved-home .ws-dialog-disclaimer{display:flex;align-items:flex-start;gap:7px;color:#81818a;font-size:9px;line-height:1.7;margin:0 0 22px}
.approved-home .ws-dialog-disclaimer svg{width:13px;height:13px;margin-top:1px;flex:none}
.approved-home .ws-dialog-actions{display:flex;gap:10px;align-items:center}
.approved-home .ws-dialog-approve,.approved-home .ws-dialog-back{font:500 11px var(--sans);display:flex;gap:8px;align-items:center;justify-content:center;border-radius:8px;padding:12px 15px;min-height:40px}
.approved-home .ws-dialog-approve{background:#26262a;color:#fff}
.approved-home .ws-dialog-approve:hover{background:#45454c}
.approved-home .ws-dialog-back{background:#fff;border:1px solid #dedee4;color:#55555d}
.approved-home .ws-dialog-actions svg{width:14px;height:14px}
.approved-home .ws-dialog-result{padding:14px;margin-bottom:18px;border-radius:9px;font-size:12px;color:#3e8158;border:1px solid #dce8e0;background:#edf5ef}
@media(min-width:1500px){.approved-home .workspace.v2-ws{width:min(1320px,calc(100% - 96px))}.approved-home .v2-ws .ws-row-name{font-size:13px}.approved-home .v2-ws .ws-stat-label{font-size:9px}.approved-home .v2-ws .ws-stat-sub{font-size:11px}.approved-home .v2-ws .ws-dname{font-size:12px}}
@media(max-width:1120px){.approved-home .v2-ws .ws-sidebar{flex-basis:204px}.approved-home .v2-ws .ws-topbar{padding:12px 19px;gap:10px}.approved-home .v2-ws .ws-content{padding:25px 19px 0}.approved-home .v2-ws .ws-search{margin-left:0}.approved-home .v2-ws .ws-crumb{font-size:12px}.approved-home .v2-ws .ws-stat{padding:15px 10px}.approved-home .v2-ws .ws-stat-label{font-size:7.5px;letter-spacing:.05em}.approved-home .v2-ws .ws-stat-sub{font-size:9px}.approved-home .v2-ws .ws-drow{grid-template-columns:51px 133px minmax(0,1fr) 14px}.approved-home .v2-ws .ws-dtime{display:none}.approved-home .v2-ws .ws-sec-tag{display:none}}
@media(max-width:980px){.approved-home .workspace.v2-ws{width:calc(100% - 48px)}.approved-home .v2-ws .ws-sidebar{display:none}.approved-home .v2-ws .ws-topbar{padding-inline:22px}.approved-home .v2-ws .ws-content{padding-inline:22px}.approved-home .v2-ws .ws-stat{padding:15px}.approved-home .v2-ws .ws-stat-label{font-size:8px}.approved-home .v2-ws .ws-stat-sub{font-size:10px}.approved-home .v2-ws .ws-sec-tag{display:inline}.approved-home .v2-ws .ws-drow{grid-template-columns:55px 155px minmax(0,1fr) 60px 14px}.approved-home .v2-ws .ws-dtime{display:block}}
@media(max-width:700px){.approved-home .workspace.v2-ws{width:calc(100% - 32px);border-radius:13px}.approved-home .v2-ws .ws-topbar{height:auto;min-height:60px;padding:13px 16px;flex-wrap:wrap;gap:12px}.approved-home .v2-ws .ws-crumb{font-size:12px}.approved-home .v2-ws .ws-newm{font-size:11px;height:34px;padding:8px 12px}.approved-home .v2-ws .ws-search{display:flex;order:3;flex-basis:100%;max-width:none;height:37px}.approved-home .v2-ws .ws-search input{font-size:12px}.approved-home .v2-ws .ws-content{padding:24px 14px 0}.approved-home .v2-ws .ws-title{font-size:26px;letter-spacing:-.03em}.approved-home .v2-ws .ws-eyebrow{font-size:9px}.approved-home .v2-ws .ws-sub{font-size:12px;margin-bottom:18px;line-height:1.8}.approved-home .v2-ws .ws-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-radius:12px;margin-bottom:14px}.approved-home .v2-ws .ws-stat{padding:13px 11px;min-height:111px}.approved-home .v2-ws .ws-stat+.ws-stat{border-left:1px solid #efeff1}.approved-home .v2-ws .ws-stat:nth-child(4){border-left:0}.approved-home .v2-ws .ws-stat:nth-child(n+4){border-top:1px solid #efeff1}.approved-home .v2-ws .ws-stat-label{font-size:7px;letter-spacing:.035em;line-height:1.5;white-space:normal;min-height:21px;margin-bottom:8px}.approved-home .v2-ws .ws-stat-num{font-size:25px}.approved-home .v2-ws .ws-stat-sub{font-size:9px;min-height:0;margin-top:5px}.approved-home .v2-ws .ws-card{border-radius:12px;margin-bottom:14px}.approved-home .v2-ws .ws-bookbar{padding:14px}.approved-home .v2-ws .ws-bb-head{display:block;margin-bottom:12px}.approved-home .v2-ws .ws-bb-title{font-size:12px}.approved-home .v2-ws .ws-bb-total{display:block;margin-top:3px;font-size:10px}.approved-home .v2-ws .ws-bb-legend{gap:12px;font-size:8px;flex-wrap:wrap}.approved-home .v2-ws .ws-bb-legend span{gap:4px}.approved-home .v2-ws .ws-bb-legend i{width:6px;height:6px}.approved-home .v2-ws .ws-bb-bar{height:7px}.approved-home .v2-ws .ws-sec-head{padding:14px}.approved-home .v2-ws .ws-sec-title{font-size:13px}.approved-home .v2-ws .ws-sec-tag{display:none}.approved-home .v2-ws .ws-sec-right{font-size:7px;letter-spacing:.08em}.approved-home .v2-ws .ws-table{min-width:670px}.approved-home .v2-ws .ws-table td{height:56px}.approved-home .v2-ws .ws-row-name{font-size:12px}.approved-home .v2-ws .ws-card-foot{padding:11px 14px;gap:10px}.approved-home .v2-ws .ws-cf-note{font-size:9px}.approved-home .v2-ws .ws-desktop-note{display:none}.approved-home .v2-ws .ws-mobile-note{display:block;font-size:8px;color:#93939a;white-space:nowrap}.approved-home .v2-ws .ws-qfilter{padding:0 14px 12px}.approved-home .v2-ws .ws-chip{padding:5px 9px;font-size:9px}.approved-home .v2-ws .ws-drow{grid-template-columns:minmax(0,1fr) 14px;gap:3px 10px;padding:13px 14px}.approved-home .v2-ws .ws-drow .ws-tag,.approved-home .v2-ws .ws-drow .ws-dtime{display:none}.approved-home .v2-ws .ws-dname{font-size:12px;grid-column:1;grid-row:1}.approved-home .v2-ws .ws-dact{font-size:10px;grid-column:1;grid-row:2}.approved-home .v2-ws .ws-drow .ws-ochev{grid-column:2;grid-row:1/3}.approved-home .v2-ws .ws-handled-note{font-size:8px;text-align:right;max-width:160px}.approved-home .v2-ws .ws-preview-note{font-size:7.5px;padding:3px 0 17px;gap:5px}.approved-home .ws-dialog-body{padding:22px}.approved-home .ws-preview-dialog h2{font-size:25px}.approved-home .ws-dialog-actions{flex-wrap:wrap}.approved-home .ws-dialog-kind{font-size:8px}}
/* Native grey glass treatment: restrained reflection, consistent surfaces. */
.approved-home .workspace.v2-ws{--lv4-ws-canvas:#f0f1f3;--lv4-ws-surface:#ffffffc9;--lv4-ws-border:#e0e1e5;--lv4-ws-divider:#e9e9ed;background:linear-gradient(135deg,#f0f1f3 0%,#eceef1 55%,#f3f3f5 100%);border-color:#d9dbe0}
.approved-home .v2-ws .ws-sidebar{background:#e9ebef85;box-shadow:inset 1px 1px 0 #ffffffa6}
.approved-home .v2-ws .ws-topbar{background:#f7f8fa91;box-shadow:inset 0 1px 0 #ffffffc9}
.approved-home .v2-ws .ws-card,.approved-home .v2-ws .ws-stats{background:#ffffffc9;border-color:#e0e1e5;box-shadow:inset 0 1px 0 #fff,0 2px 3px #24273803,0 8px 24px #24273804;backdrop-filter:blur(12px) saturate(1.03)}
.approved-home .v2-ws .ws-row-name{font-size:13px}
.approved-home .v2-ws .ws-dname,.approved-home .v2-ws .ws-dact{font-size:12px}
@media(max-width:700px){.approved-home .v2-ws .ws-dact{font-size:10.5px}.approved-home .v2-ws .ws-row-name{font-size:12px}}

/* Client identity and the native Mission conversation control. */
.approved-home .v2-ws .ws-goal-icon,.approved-home .ws-client-heading .ws-goal-icon{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;flex:none;background:#eceef2;border:1px solid #dfe2e8;color:#777984}
.approved-home .ws-goal-icon svg{width:15px;height:15px}
.approved-home .ws-preview-dialog .ws-client-heading{display:flex;align-items:center;gap:11px}
.approved-home .ws-client-heading .person-portrait{width:34px;height:34px}
.approved-home .ws-draft-platform{display:inline-flex;align-items:center;gap:7px}
.approved-home .ws-draft-platform img{width:15px;height:15px;object-fit:contain}
.approved-home .ws-agent-control{margin:20px 0 14px}
.approved-home .ws-agent-control-head{display:flex;align-items:center;gap:7px;font-size:11px;margin-bottom:10px}
.approved-home .ws-agent-control-head img{width:15px;height:15px}
.approved-home .ws-agent-control-head strong{font-weight:550}
.approved-home .ws-agent-control-head>span{margin-left:auto;color:#8a8a94;font-size:10px}
.approved-home .ws-agent-form{display:flex;align-items:flex-end;gap:8px;padding:6px 6px 6px 12px;border:1px solid #dfe0e5;border-radius:15px;background:#ffffffd9;box-shadow:inset 0 1px 0 #fff,0 6px 15px #26262a04}
.approved-home .ws-agent-form:focus-within{outline:2px solid #b82c0f;outline-offset:2px}
.approved-home .ws-agent-input{resize:none;flex:1;min-width:0;min-height:32px;max-height:200px;padding:6px 4px;background:transparent;border:0;outline:0!important;font:13px/22px var(--sans);color:#26262a}
.approved-home .ws-agent-input::placeholder{color:#8a8a94}
.approved-home .ws-agent-send{width:32px;height:32px;display:grid;place-items:center;flex:none;margin-bottom:1px;border-radius:50%;background:#b82c0f;color:white}
.approved-home .ws-agent-send svg{width:18px;height:18px}
.approved-home .ws-agent-send:disabled{background:#e9e9ed;color:#95959e;cursor:default}
.approved-home .ws-agent-control-hint{display:block;font-size:9px;line-height:1.6;color:#94949d;margin:6px 3px 0}
.approved-home .ws-agent-exchange{font:12px/1.6 var(--sans);margin-bottom:10px}
.approved-home .ws-agent-user{background:#e9ebef;border:1px solid #dfe2e6;border-radius:12px 12px 3px 12px;padding:9px 12px;margin:0 0 10px 25px;overflow-wrap:anywhere}
.approved-home .ws-agent-answer{display:flex;align-items:flex-start;gap:9px;margin:0 0 10px}
.approved-home .ws-agent-answer img{width:16px;height:16px;margin-top:3px;flex:none}
.approved-home .ws-agent-answer p{margin:0;color:#6b6b72;overflow-wrap:anywhere}
.approved-home .ws-dialog-body{padding-top:20px}
.approved-home .ws-dialog-goal,.approved-home .ws-dialog-activity{margin-bottom:18px}
.approved-home .ws-dialog-activity li{padding-bottom:10px}
.approved-home .ws-dialog-disclaimer{margin-bottom:14px}
@media(max-width:480px){.approved-home .ws-agent-control-head>span{max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.approved-home .ws-agent-input{font-size:12px}.approved-home .ws-preview-dialog .ws-client-heading{font-size:23px}}

.approved-home .ws-activity-app{background:#fff;border-color:#e3e4e8}
.approved-home .ws-activity-app img{width:13px;height:13px;object-fit:contain}
/* Keep the full native dashboard, with the density of a working desktop app. */
@media(min-width:701px){
  .approved-home .v2-ws .ws-topbar{height:60px;padding-block:10px}
  .approved-home .v2-ws .ws-content{padding-top:18px}
  .approved-home .v2-ws .ws-eyebrow{margin-bottom:6px}
  .approved-home .v2-ws .ws-title{margin-bottom:7px}
  .approved-home .v2-ws .ws-sub{margin-bottom:14px}
  .approved-home .v2-ws .ws-stats,.approved-home .v2-ws .ws-card{margin-bottom:10px}
  .approved-home .v2-ws .ws-stat{padding:10px 12px}
  .approved-home .v2-ws .ws-stat-label{margin-bottom:6px}
  .approved-home .v2-ws .ws-stat-sub{margin-top:5px;font-size:11px;min-height:0;line-height:1.4}
  .approved-home .v2-ws .ws-bookbar{padding:11px 18px}
  .approved-home .v2-ws .ws-bb-head{margin-bottom:8px}
  .approved-home .v2-ws .ws-bb-bar{height:8px;margin-bottom:7px}
  .approved-home .v2-ws .ws-sec-head{padding:11px 18px 10px}
  .approved-home .v2-ws .ws-table td{height:44px;padding-block:7px}
  .approved-home .v2-ws .ws-table th{padding-block:7px}
  .approved-home .v2-ws .ws-card-foot{min-height:33px;padding:6px 18px}
  .approved-home .v2-ws .ws-qfilter{padding-bottom:9px}
  .approved-home .v2-ws .ws-chip{padding:4px 10px}
  .approved-home .v2-ws .ws-drow{padding-block:8px}
  .approved-home .v2-ws .ws-preview-note{padding-bottom:12px}
}

/* The dashboard mirrors the application's (founder direction, 2026-10-15): the book duo, the schedule band, the operations
   with their top movers, the widget rows and the recent Missions. Tokens and type from the rules above. */
.approved-home .ws-duo{display:flex;gap:18px}.approved-home .ws-duo>div+div{border-left:1px solid var(--lv4-ws-divider);padding-left:18px}
.approved-home .ws-sec-link{margin-left:auto;background:none;border:0;padding:0;cursor:pointer;color:var(--lv4-ws-accent);font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;font-size:9.5px;font-weight:500;display:inline-flex;align-items:center;gap:5px}.approved-home .ws-sec-link svg{width:11px;height:11px}
.approved-home .ws-opg{border-top:1px solid var(--lv4-ws-divider)}
.approved-home .ws-opg-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px 20px 6px}
.approved-home .ws-opg-label{font-size:13.5px;font-weight:600;color:var(--lv4-ws-ink)}
.approved-home .ws-op-health{display:flex;align-items:center;gap:10px;font-size:11.5px;color:var(--lv4-ws-ink4)}
.approved-home .ws-op-need{color:var(--lv4-ws-accent);font-weight:600}
.approved-home .ws-op-mini{display:flex;width:90px;height:5px;border-radius:3px;overflow:hidden;background:var(--lv4-ws-chip)}
.approved-home .ws-op-mini>span{display:block;height:100%}.approved-home .ws-op-mini .on{background:var(--lv4-ws-success-bright)}.approved-home .ws-op-mini .done{background:var(--lv4-ws-success)}.approved-home .ws-op-mini .need{background:var(--lv4-ws-accent)}.approved-home .ws-op-mini .risk{background:var(--lv4-ws-risk)}
.approved-home .ws-op-active{font-family:var(--mono);font-size:10.5px}
.approved-home .ws-drow.ws-drow-static{cursor:default;opacity:.74}.approved-home .ws-dact-quiet{color:var(--lv4-ws-ink4);font-weight:500}
.approved-home .ws-op-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 20px 14px;border-top:1px solid var(--lv4-ws-divider)}
.approved-home .ws-op-open{background:none;border:0;padding:0;cursor:pointer;font-size:12px;display:inline-flex;align-items:center;gap:6px}.approved-home .ws-op-open svg{width:12px;height:12px}
.approved-home .ws-trow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:18px}
.approved-home .ws-tcol{margin:0;padding:0 0 4px}
.approved-home .ws-tcol-head{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding:13px 18px 8px}
.approved-home .ws-tcol-title{font-family:var(--display);font-size:14px;font-weight:600;letter-spacing:-.01em;color:var(--lv4-ws-ink)}
.approved-home .ws-tcol-right{font-family:var(--mono);font-size:9.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--lv4-ws-ink5);white-space:nowrap}
.approved-home .ws-titem{display:grid;grid-template-columns:62px minmax(0,1fr);gap:10px;align-items:center;padding:8px 18px;border-top:1px solid var(--lv4-ws-divider)}
.approved-home .ws-titem-main{display:flex;flex-direction:column;min-width:0;gap:2px}.approved-home .ws-titem-title{font-size:12.5px;font-weight:600;color:var(--lv4-ws-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.approved-home .ws-titem-desc{font-family:var(--mono);font-size:10.5px;color:var(--lv4-ws-ink5)}
.approved-home .ws-wrow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}
.approved-home .ws-wcard{display:flex;flex-direction:column;gap:8px;min-width:0;padding:14px 16px;background:var(--lv4-ws-surface);border:1px solid var(--lv4-ws-border);border-radius:14px;box-shadow:var(--lv4-ws-shadow)}
.approved-home .ws-wcard-head{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--lv4-ws-ink)}.approved-home .ws-wcard-head svg{width:15px;height:15px;color:var(--lv4-ws-ink4)}
.approved-home .ws-wstat{display:flex;align-items:baseline;gap:6px}.approved-home .ws-wstat b{font-family:var(--display);font-size:22px;font-weight:600;letter-spacing:-.02em;color:var(--lv4-ws-ink)}.approved-home .ws-wstat span{font-size:11.5px;color:var(--lv4-ws-ink4)}
.approved-home .ws-wline{display:flex;justify-content:space-between;gap:8px;font-size:11.5px;color:var(--lv4-ws-ink2)}.approved-home .ws-wline span+span{flex:none;color:var(--lv4-ws-ink5);font-family:var(--mono);font-size:10px;letter-spacing:.06em;text-transform:uppercase}
.approved-home .ws-wfoot{display:flex;align-items:center;gap:6px;margin-top:auto;padding-top:8px;border-top:1px solid var(--lv4-ws-divider);font-size:12px;font-weight:500;color:var(--lv4-ws-accent)}.approved-home .ws-wfoot svg{width:12px;height:12px}
.approved-home .ws-recent-head{display:flex;justify-content:space-between;align-items:center;margin:4px 0 12px}.approved-home .ws-recent-head .ws-eyebrow{margin:0}.approved-home .ws-recent-head .ws-lnk{background:none;border:0;padding:0;cursor:pointer;font-size:12px}
.approved-home .ws-mgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:18px}
.approved-home .ws-mc{display:flex;flex-direction:column;gap:8px;min-width:0;padding:14px 16px;background:var(--lv4-ws-surface);border:1px solid var(--lv4-ws-border);border-radius:14px;box-shadow:var(--lv4-ws-shadow)}
.approved-home .ws-mc-top{display:flex;justify-content:space-between;align-items:center;gap:10px}.approved-home .ws-mc-title{font-size:13.5px;font-weight:600;color:var(--lv4-ws-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.approved-home .ws-mc-badge{display:inline-flex;align-items:center;gap:5px;flex:none;font-size:10.5px;font-weight:500;color:var(--lv4-ws-ink4)}.approved-home .ws-mc-badge i{width:6px;height:6px;border-radius:50%;background:var(--lv4-ws-success-bright)}.approved-home .ws-mc-badge.done i{background:var(--lv4-ws-ink5)}
.approved-home .ws-mc-meta{font-family:var(--mono);font-size:10.5px;color:var(--lv4-ws-ink5)}
.approved-home .ws-mc-desc{font-size:12px;line-height:1.55;color:var(--lv4-ws-ink2)}
.approved-home .ws-mc-foot{margin-top:auto;padding-top:8px;border-top:1px solid var(--lv4-ws-divider);font-family:var(--mono);font-size:10.5px;color:var(--lv4-ws-ink4)}
@media (max-width:900px){.approved-home .ws-trow,.approved-home .ws-wrow,.approved-home .ws-mgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.approved-home .ws-trow,.approved-home .ws-wrow,.approved-home .ws-mgrid{grid-template-columns:minmax(0,1fr)}.approved-home .ws-duo{gap:12px}.approved-home .v2-ws-app .ws-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.approved-home .v2-ws-app .ws-stat-book{grid-column:1/-1}}

/* Product scenes: Invice's gray glass surfaces, with readable, contextual UI. */
html:has(.approved-home){--glass-fill:linear-gradient(135deg,#ffffff70 0%,#e5e7edb3 48%,#daddE5a3 100%);--glass-border:#ffffffba;--scene-ink:#27272d;--scene-muted:#777781}
.approved-home .product-stories{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:64px}
.approved-home .product-story{position:relative;isolation:isolate;overflow:hidden;background:var(--glass-fill);border:1px solid var(--glass-border);border-radius:28px;box-shadow:inset 0 1px 0 #fff,inset 0 -1px 0 #c8ccd94d,0 12px 40px #1c22300a;backdrop-filter:blur(20px) saturate(1.08)}
.approved-home .product-story::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 8% 0%,#fff9,transparent 54%),radial-gradient(ellipse at 95% 90%,#c5cbd74d,transparent 60%)}
.approved-home .story-conversation{grid-column:1/-1;display:grid;grid-template-columns:.78fr 1.22fr;gap:45px;align-items:center;padding:43px 43px 43px 46px}
.approved-home .story-copy{padding:34px 35px 37px}
.approved-home .story-conversation .story-copy{padding:0;max-width:300px}
.approved-home .story-index{font:10px var(--label);letter-spacing:.1em;color:#868692}
.approved-home .story-copy h3{font-size:29px;line-height:1.12;letter-spacing:-.04em;margin:20px 0 18px}
.approved-home .story-conversation .story-copy h3{font-size:39px;line-height:1.1;margin-top:24px}
.approved-home .story-copy>p{font-size:14px;line-height:1.85;color:#676773}
.approved-home .story-evidence{display:flex;align-items:center;gap:9px;margin-top:35px;color:#777783;font-size:11px}
.approved-home .story-evidence .icon{width:16px;height:16px}
.approved-home .product-scene{position:relative;border:1px solid #ffffffed;border-radius:16px;box-shadow:0 2px 3px #22283806,0 18px 36px #2228380c,inset 0 1px #fff;background:#ffffffc9;backdrop-filter:blur(18px) saturate(1.04);color:var(--scene-ink);overflow:hidden;min-width:0}
.approved-home .scene-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 19px;border-bottom:1px solid #e4e5eb;background:#f9f9fc9e;font-size:12px;font-weight:500}
.approved-home .scene-toolbar>span:first-child{display:flex;align-items:center;gap:9px}
.approved-home .scene-toolbar .icon{width:16px;height:16px;color:#8a8a96}
.approved-home .scene-toolbar-note{font:8px var(--label);letter-spacing:.08em;color:#9696a1}
.approved-home .conversation-content{padding:22px 24px 0}
.approved-home .conversation-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}
.approved-home .scene-overline{display:block;font:8px var(--label);letter-spacing:.1em;color:#9494a0}
.approved-home .conversation-heading h4{font-size:14px;font-weight:600;letter-spacing:-.02em;margin:9px 0 0}
.approved-home .scene-avatar{width:33px;height:33px;flex-shrink:0;display:grid;place-items:center;border:1px solid #dadce5;border-radius:50%;background:linear-gradient(145deg,#f6f6fa,#e4e6ed);box-shadow:inset 0 1px #fff;color:#757583;font:500 10px var(--sans)}
.approved-home .scene-avatar.small{width:28px;height:28px;font-size:9px}
.approved-home .incoming-message{padding-bottom:21px}
.approved-home .message-byline{display:flex;align-items:center;gap:10px;justify-content:space-between;font-size:11px}
.approved-home .message-byline strong{font-weight:600}.approved-home .message-byline>span{font-size:9px;color:#9494a0}
.approved-home .incoming-message>p,.approved-home .draft-message>p{font-size:12px;line-height:1.85;color:#646470;margin-top:11px}
.approved-home .file-chip{display:inline-flex;align-items:center;gap:7px;margin-top:13px;padding:7px 9px;background:#f3f4f8;border:1px solid #e5e6ed;border-radius:7px;color:#727280;font-size:9px}
.approved-home .file-chip .icon{width:13px;height:13px;color:#90909d}
.approved-home .attachment-size{padding-left:9px;color:#a1a1ad;font-size:8px}
.approved-home .draft-message{padding:17px 18px;border-radius:11px;background:linear-gradient(145deg,#f0f1f5,#e8ebf180);border:1px solid #e1e3eb;box-shadow:inset 0 1px #fff}
.approved-home .draft-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}
.approved-home .draft-heading>span:first-child{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:500}
.approved-home .review-pill{display:inline-flex;align-items:center;border:1px solid #e4d5cf;background:#fbf3efb3;color:#a46951;font-size:8px;white-space:nowrap;padding:4px 7px;border-radius:5px;font-weight:400}
.approved-home .draft-sources{display:flex;align-items:center;gap:7px;padding-top:13px;margin-top:14px;border-top:1px solid #dce0e8;font-size:9px;color:#90909c}
.approved-home .draft-sources .icon{width:13px;height:13px}.approved-home .source-count{margin-left:auto;font:8px var(--mono);color:#8a8a98}
.approved-home .conversation-foot{display:flex;align-items:center;gap:7px;font-size:9px;color:#9797a2;min-height:48px}
.approved-home .conversation-foot .icon{width:12px;height:12px}.approved-home .scene-caret{margin-left:auto;font-size:14px;color:#878795}
.approved-home .story-documents,.approved-home .story-authority{padding:27px 27px 0;display:flex;flex-direction:column}
.approved-home .story-documents .story-copy,.approved-home .story-authority .story-copy{padding:29px 8px 36px;flex:1}
.approved-home .document-scene,.approved-home .authority-scene{min-height:336px}
.approved-home .document-scene-body{padding:0 18px}
.approved-home .document-person{display:flex;align-items:center;gap:10px;padding:20px 0;border-bottom:1px solid #e7e8ef}
.approved-home .document-person strong,.approved-home .authority-person strong{display:block;font-size:12px;font-weight:600}
.approved-home .document-person>div>span:not(.scene-avatar),.approved-home .authority-person>div>span{display:block;font-size:10px;color:#90909d;margin-top:5px}
.approved-home .portal-progress{margin-left:auto;font:8px var(--mono);color:#92929e}
.approved-home .document-row{display:flex;align-items:center;gap:10px;border-bottom:1px solid #e7e8ef;padding:15px 0}
.approved-home .document-file{display:grid;place-items:center;width:29px;height:33px;background:#f2f3f7;border:1px solid #e4e5ee;border-radius:6px;color:#8b8b9b}
.approved-home .document-file .icon{width:16px;height:16px}
.approved-home .document-file.missing{border-style:dashed;background:#fafafc;color:#b4b4bf}
.approved-home .document-row strong{display:block;font-size:11px;font-weight:500}
.approved-home .document-row small{display:block;font-size:9px;color:#9b9ba6;margin-top:5px}
.approved-home .document-status{display:inline-flex;align-items:center;gap:4px;font-size:9px;margin-left:auto;white-space:nowrap;color:#83838f}
.approved-home .document-status .icon{width:11px;height:11px}.approved-home .document-status.received{color:#528267}.approved-home .document-status.missing{color:#a5755a}.approved-home .document-status.review{color:#81818c}
.approved-home .document-note{display:flex;align-items:center;gap:7px;min-height:42px;font-size:9px;color:#9494a1}
.approved-home .document-note .icon{width:13px;height:13px}
.approved-home .attention-dot{width:5px;height:5px;border-radius:50%;background:var(--ember);box-shadow:0 0 0 4px #b82c0f08}
.approved-home .authority-body{padding:20px 20px 0}
.approved-home .authority-person{display:flex;align-items:center;gap:9px}
.approved-home .authority-person>.review-pill{margin-left:auto}
.approved-home .authority-body h4{margin:20px 0 9px;font:600 15px/1.3 var(--display);letter-spacing:-.025em}
.approved-home .authority-body>p{font-size:11px;line-height:1.85;color:#868692}
.approved-home .change-row{display:flex;align-items:center;justify-content:space-between;gap:10px;border-block:1px solid #e8e9ef;margin-top:17px;padding:13px 0;font-size:10px;color:#9494a0}
.approved-home .change-row>span:last-child{display:flex;align-items:center;gap:9px}.approved-home .change-row strong{font-weight:500;color:#636372}.approved-home .change-row del{color:#a1a1ad}.approved-home .change-row .icon{width:13px;height:13px;color:#aaaab5}
.approved-home .authority-owner{display:flex;align-items:center;gap:9px;margin-top:18px}
.approved-home .authority-owner strong{display:block;font-size:10px;font-weight:500}.approved-home .authority-owner small{display:block;font-size:8px;color:#9898a5;margin-top:4px}
.approved-home .native-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:9px 12px;min-height:34px;background:#29292f;background-image:linear-gradient(180deg,#ffffff13,#fff0);border:1px solid #29292f;border-radius:8px;color:#fff;font-size:10px;font-weight:500;box-shadow:0 2px 4px #20202912,inset 0 1px #fff2}
.approved-home .native-button:hover{background-color:#42424b}.approved-home .native-button .icon{width:12px;height:12px}.approved-home .native-button:disabled{background:#e8eeeb;color:#538267;border-color:#d4e0d9;box-shadow:none;cursor:default}.approved-home .authority-owner .native-button{margin-left:auto}
.approved-home .authority-note{display:flex;align-items:center;min-height:43px;font-size:9px;color:#9a9aa7;line-height:1.7}
.approved-home .authority-note.approved{color:#528267}

/* A real connection surface replaces the decorative orbital diagram. */
.approved-home .connections-section{grid-template-columns:.82fr 1.18fr;gap:76px}
.approved-home .connections-copy>p:not(.eyebrow){max-width:395px}
.approved-home .connections-product{border-radius:22px;background:var(--glass-fill);border-color:#fff;box-shadow:inset 0 1px #fff,0 18px 50px #1c223010;backdrop-filter:blur(20px) saturate(1.08)}
.approved-home .connections-toolbar{display:flex;align-items:center;justify-content:space-between;padding:19px 25px;background:#ffffff59;border-bottom:1px solid #ffffffb3;font-size:13px;font-weight:500}
.approved-home .connections-toolbar>span:first-child{display:flex;align-items:center;gap:9px}.approved-home .connections-toolbar .icon{width:16px;height:16px;color:#858592}
.approved-home .connected-count{display:inline-flex;align-items:center;gap:6px;color:#82828e;font-size:10px;font-weight:400}.approved-home .connected-count i{width:5px;height:5px;border-radius:50%;background:#669678}
.approved-home .connections-title{padding:25px 25px 22px}.approved-home .connections-title h3{font-size:23px;letter-spacing:-.04em}.approved-home .connections-title p{font-size:12px;line-height:1.7;color:#868691;margin-top:8px}
.approved-home .connection-apps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;padding:0 25px}
.approved-home .connection-apps button{display:flex;align-items:center;gap:9px;text-align:left;min-height:59px;padding:12px;border:1px solid #d9dce6;border-radius:10px;background:#ffffff38;color:#7c7c88;font-size:11px;box-shadow:inset 0 1px #fff9;transition:background .18s,border-color .18s,box-shadow .18s}
.approved-home .connection-apps button[aria-selected=true]{background:#ffffffe6;border-color:#bfc5d2;box-shadow:0 2px 4px #14141e04,0 8px 16px #14141e05;color:#32323b}
.approved-home .connection-apps button:hover{background:#ffffffb8}.approved-home .connection-apps img{width:21px;height:21px;object-fit:contain}.approved-home .connection-apps .icon{width:12px;height:12px;margin-left:auto;color:#8aab95}
.approved-home .connection-permissions{margin:17px 25px 24px;background:#ffffffc9;border:1px solid #fff;border-radius:12px;box-shadow:inset 0 1px #fff,0 5px 15px #14141e04}
.approved-home .connection-account{display:flex;align-items:center;gap:11px;padding:19px;border-bottom:1px solid #ededf2}
.approved-home .connection-account>img{width:27px;height:27px;object-fit:contain}.approved-home .connection-account>div>strong{display:block;font-size:12px;font-weight:600}.approved-home .connection-account>div>span{display:block;font-size:10px;color:#92929e;margin-top:5px}.approved-home .connection-account>span{margin-left:auto;font:8px var(--label);letter-spacing:.04em;color:#6f937e;border:1px solid #dfe9e3;background:#f5faf6;padding:5px 7px;border-radius:5px}
.approved-home .permission-heading{padding:17px 19px 9px;font:8px var(--label);letter-spacing:.09em;color:#9999a5}
.approved-home .permission-row{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:11px 19px;font-size:11px;color:#696976}
.approved-home .permission-state{display:inline-flex;align-items:center;gap:5px;color:#93939f;font-size:10px;white-space:nowrap}.approved-home .permission-state .icon{width:12px;height:12px;color:#7b9e88}.approved-home .permission-state.approval{color:#a4755d}.approved-home .permission-state.approval .icon{color:#ab8069}
.approved-home .connection-activity{border-top:1px solid #ececf2;padding:15px 19px;margin-top:9px;display:flex;align-items:flex-start;gap:8px;font-size:10px;line-height:1.7;color:#93939f}.approved-home .connection-activity .icon{width:13px;height:13px;color:#9393a2;margin-top:2px}
.approved-home .connections-bottom{display:flex;align-items:center;gap:7px;padding:17px 25px;border-top:1px solid #ffffffa8;background:#ffffff26;color:#8a8a98;font-size:9px}.approved-home .connections-bottom .icon{width:13px;height:13px}.approved-home .connections-bottom>span:last-child{margin-left:auto;font:7px var(--label);color:#a0a0ac}
/* Keep a single gray glass material across the supporting components. */
.approved-home .trust-details{background:var(--glass-fill);border-color:var(--glass-border);box-shadow:inset 0 1px #fff,0 12px 40px #1c223009;backdrop-filter:blur(20px) saturate(1.08)}
.approved-home .audience-tabs{background:linear-gradient(140deg,#eeeff3a8,#dce0e780);border-color:#fff;box-shadow:inset 0 1px #fff,0 2px 8px #252a3510;backdrop-filter:blur(20px)}
@media(max-width:1150px){
 .approved-home .story-conversation{padding:34px;gap:32px;grid-template-columns:.72fr 1.28fr}.approved-home .story-conversation .story-copy h3{font-size:35px}.approved-home .story-copy>p{font-size:13px}.approved-home .conversation-content{padding:20px 19px 0}.approved-home .story-documents,.approved-home .story-authority{padding:23px 23px 0}.approved-home .story-copy h3{font-size:27px}.approved-home .connections-section{gap:48px;grid-template-columns:.8fr 1.2fr}.approved-home .connections-title{padding-inline:21px}.approved-home .connections-toolbar{padding-inline:21px}.approved-home .connection-apps{padding-inline:21px;gap:7px}.approved-home .connection-apps button{padding:10px 8px;gap:6px;font-size:10px}.approved-home .connection-apps img{width:19px;height:19px}.approved-home .connection-apps .icon{width:10px}.approved-home .connection-permissions{margin-inline:21px}.approved-home .connections-bottom{padding-inline:21px}
}
@media(max-width:900px){
 .approved-home .product-stories{gap:20px;margin-top:48px}.approved-home .story-conversation{grid-template-columns:1fr;padding:29px;gap:30px}.approved-home .story-conversation .story-copy{max-width:none;display:grid;grid-template-columns:1fr 1fr;column-gap:35px;align-items:start}.approved-home .story-conversation .story-index{grid-column:1/-1}.approved-home .story-conversation .story-copy h3{font-size:36px;grid-column:1;grid-row:2/4;margin:18px 0 0}.approved-home .story-conversation .story-copy>p{grid-column:2;margin-top:18px}.approved-home .story-evidence{grid-column:2;margin-top:17px;font-size:10px}.approved-home .conversation-content{padding:23px 25px 0}.approved-home .scene-toolbar{padding:16px 22px}.approved-home .conversation-heading h4{font-size:15px}.approved-home .incoming-message>p,.approved-home .draft-message>p{font-size:13px}.approved-home .message-byline{font-size:12px}.approved-home .draft-heading>span:first-child{font-size:12px}.approved-home .file-chip{font-size:10px}.approved-home .review-pill{font-size:9px}.approved-home .story-documents,.approved-home .story-authority{padding:19px 18px 0}.approved-home .story-documents .scene-toolbar,.approved-home .story-authority .scene-toolbar{padding:14px;font-size:10px}.approved-home .scene-toolbar-note{font-size:7px}.approved-home .document-scene-body{padding-inline:13px}.approved-home .document-person{gap:8px;padding:17px 0}.approved-home .document-person strong,.approved-home .authority-person strong{font-size:10px}.approved-home .document-person>div>span:not(.scene-avatar),.approved-home .authority-person>div>span{font-size:8px}.approved-home .portal-progress{font-size:6px}.approved-home .document-row{gap:8px;padding:15px 0}.approved-home .document-file{width:25px;height:30px;flex-shrink:0}.approved-home .document-file .icon{width:14px}.approved-home .document-row strong{font-size:10px}.approved-home .document-row small{font-size:7px}.approved-home .document-status{font-size:8px}.approved-home .document-status .icon{display:none}.approved-home .document-note{font-size:8px}.approved-home .authority-body{padding:17px 13px 0}.approved-home .authority-person{gap:7px}.approved-home .authority-person .review-pill{font-size:7px;padding:4px 5px}.approved-home .authority-body h4{font-size:14px;margin-top:20px}.approved-home .authority-body>p{font-size:10px}.approved-home .change-row{font-size:9px}.approved-home .authority-owner strong{font-size:9px}.approved-home .authority-owner small{font-size:7px}.approved-home .authority-owner .native-button{padding:8px;font-size:9px;gap:5px}.approved-home .authority-owner .native-button .icon{width:10px}.approved-home .authority-note{font-size:8px}.approved-home .story-documents .story-copy,.approved-home .story-authority .story-copy{padding:26px 4px 29px}.approved-home .story-copy h3{font-size:25px;line-height:1.18}.approved-home .document-scene,.approved-home .authority-scene{min-height:342px}.approved-home .connections-section{grid-template-columns:1fr;gap:38px}.approved-home .connections-copy{text-align:center}.approved-home .connections-copy h2{font-size:43px}.approved-home .connections-copy>p:not(.eyebrow){max-width:490px;margin-inline:auto;font-size:14px}.approved-home .connections-product{width:min(620px,100%);margin:auto}.approved-home .connections-toolbar{padding:19px 25px;font-size:13px}.approved-home .connections-title{padding:25px}.approved-home .connection-apps{padding-inline:25px;gap:10px}.approved-home .connection-apps button{font-size:12px;gap:10px;padding:13px;min-height:65px}.approved-home .connection-apps img{width:23px;height:23px}.approved-home .connection-apps .icon{width:12px}.approved-home .connection-permissions{margin-inline:25px}.approved-home .connection-account>div>strong{font-size:13px}.approved-home .connection-account>div>span{font-size:11px}.approved-home .permission-row{font-size:12px;padding-block:13px}.approved-home .permission-state{font-size:11px}.approved-home .connection-activity{font-size:11px}.approved-home .connections-bottom{font-size:10px;padding-inline:25px}
}
@media(max-width:600px){
 .approved-home .product-stories{grid-template-columns:1fr;gap:23px;margin-top:39px}.approved-home .product-story{border-radius:22px}.approved-home .story-conversation{display:flex;flex-direction:column;align-items:stretch;padding:27px 17px 19px;gap:28px}.approved-home .story-conversation .story-copy{display:block;padding:0 7px}.approved-home .story-index{font-size:9px}.approved-home .story-conversation .story-copy h3{font-size:35px;margin:19px 0 17px}.approved-home .story-conversation .story-copy>p{font-size:13px;line-height:1.85;margin:0}.approved-home .story-evidence{font-size:10px;margin-top:20px}.approved-home .story-evidence .icon{width:14px;height:14px}.approved-home .product-scene{border-radius:13px}.approved-home .scene-toolbar{padding:15px 14px;font-size:11px;gap:8px}.approved-home .scene-toolbar .icon{width:14px;height:14px}.approved-home .scene-toolbar-note{font-size:6px}.approved-home .conversation-content{padding:19px 14px 0}.approved-home .conversation-heading{gap:10px;margin-bottom:22px}.approved-home .scene-overline{font-size:7px}.approved-home .conversation-heading h4{font-size:13px;line-height:1.4;max-width:200px}.approved-home .scene-avatar{width:30px;height:30px;font-size:9px}.approved-home .message-byline{font-size:10px;gap:8px}.approved-home .message-byline>span{font-size:8px}.approved-home .incoming-message>p,.approved-home .draft-message>p{font-size:11px;line-height:1.85}.approved-home .file-chip{font-size:8px;gap:6px;padding:7px 8px}.approved-home .attachment-size{font-size:7px;padding-left:5px}.approved-home .draft-message{padding:14px 12px}.approved-home .draft-heading{gap:6px}.approved-home .draft-heading>span:first-child{font-size:9px;gap:6px}.approved-home .draft-heading img{width:13px;height:13px}.approved-home .review-pill{font-size:7px;padding:4px 5px}.approved-home .draft-sources{font-size:8px;gap:5px;flex-wrap:wrap}.approved-home .draft-sources .icon{width:12px;height:12px}.approved-home .source-count{font-size:7px}.approved-home .conversation-foot{font-size:8px;gap:6px;min-height:47px}.approved-home .conversation-foot .icon{width:11px;height:11px}.approved-home .story-documents,.approved-home .story-authority{padding:19px 17px 0}.approved-home .document-scene,.approved-home .authority-scene{min-height:0}.approved-home .story-documents .scene-toolbar,.approved-home .story-authority .scene-toolbar{font-size:11px;padding:15px 14px}.approved-home .document-scene-body{padding:0 14px}.approved-home .document-person{padding:19px 0;gap:9px}.approved-home .document-person strong,.approved-home .authority-person strong{font-size:11px}.approved-home .document-person>div>span:not(.scene-avatar),.approved-home .authority-person>div>span{font-size:9px}.approved-home .portal-progress{font-size:7px}.approved-home .document-row{padding:17px 0;gap:9px}.approved-home .document-file{width:26px;height:32px}.approved-home .document-row strong{font-size:11px}.approved-home .document-row small{font-size:8px}.approved-home .document-status{font-size:8px}.approved-home .document-status .icon{display:block;width:10px;height:10px}.approved-home .document-note{font-size:9px;min-height:45px}.approved-home .authority-body{padding:19px 15px 0}.approved-home .authority-person{gap:9px}.approved-home .authority-person .review-pill{font-size:7px}.approved-home .authority-body h4{font-size:16px;line-height:1.4;margin-top:23px}.approved-home .authority-body>p{font-size:11px}.approved-home .change-row{font-size:10px;padding-block:15px;margin-top:19px}.approved-home .authority-owner{gap:8px;margin-top:19px}.approved-home .authority-owner strong{font-size:10px}.approved-home .authority-owner small{font-size:8px}.approved-home .authority-owner .native-button{font-size:10px;padding:9px 11px;gap:6px}.approved-home .authority-owner .native-button .icon{width:11px;height:11px}.approved-home .authority-note{font-size:9px;min-height:49px}.approved-home .story-documents .story-copy,.approved-home .story-authority .story-copy{padding:28px 7px 32px}.approved-home .story-copy h3{font-size:28px;line-height:1.17;margin:17px 0 16px}.approved-home .story-copy>p{font-size:13px;line-height:1.85}.approved-home .connections-section{gap:33px}.approved-home .connections-copy h2{font-size:37px}.approved-home .connections-copy>p:not(.eyebrow){font-size:13px;line-height:1.85}.approved-home .connections-product{border-radius:20px}.approved-home .connections-toolbar{padding:17px 18px;font-size:12px}.approved-home .connected-count{font-size:9px}.approved-home .connections-title{padding:24px 18px}.approved-home .connections-title h3{font-size:24px}.approved-home .connections-title p{font-size:11px;margin-top:9px}.approved-home .connection-apps{padding-inline:17px;gap:7px}.approved-home .connection-apps button{flex-direction:column;align-items:flex-start;gap:9px;font-size:10px;padding:13px 11px;position:relative;min-height:79px;border-radius:9px}.approved-home .connection-apps img{width:23px;height:23px}.approved-home .connection-apps .icon{position:absolute;right:8px;top:15px;width:10px;height:10px}.approved-home .connection-permissions{margin:15px 17px 20px;border-radius:11px}.approved-home .connection-account{padding:17px 14px;gap:10px}.approved-home .connection-account>img{width:24px;height:24px}.approved-home .connection-account>div>strong{font-size:11px}.approved-home .connection-account>div>span{font-size:9px}.approved-home .connection-account>span{font-size:6px;padding:4px 5px}.approved-home .permission-heading{padding:17px 14px 8px;font-size:7px}.approved-home .permission-row{padding:12px 14px;font-size:10px;gap:8px}.approved-home .permission-state{font-size:9px;gap:4px}.approved-home .permission-state .icon{width:11px;height:11px}.approved-home .connection-activity{padding:15px 14px;font-size:9px;gap:6px}.approved-home .connections-bottom{font-size:8px;padding:16px 17px;gap:6px}.approved-home .connections-bottom>span:last-child{display:none}.approved-home .connections-bottom .icon{width:12px;height:12px}
}
@media(max-width:370px){
 .approved-home .story-conversation{padding-inline:14px}.approved-home .conversation-content{padding-inline:12px}.approved-home .scene-toolbar{padding-inline:12px}.approved-home .draft-message{padding:13px 10px}.approved-home .draft-heading>span:first-child{font-size:8px}.approved-home .draft-heading .review-pill{font-size:6px}.approved-home .message-byline>span{font-size:7px}.approved-home .incoming-message>p,.approved-home .draft-message>p{font-size:10px}.approved-home .conversation-heading h4{font-size:12px;max-width:173px}.approved-home .draft-sources{font-size:7px}.approved-home .conversation-foot{font-size:7px}.approved-home .story-documents,.approved-home .story-authority{padding-inline:14px}.approved-home .portal-progress{font-size:6px}.approved-home .document-row strong{font-size:10px}.approved-home .document-row small{font-size:7px}.approved-home .document-status{font-size:7px}.approved-home .document-status .icon{display:none}.approved-home .document-file{width:24px;height:29px}.approved-home .authority-person strong{font-size:10px}.approved-home .authority-person>div>span{font-size:8px}.approved-home .authority-body{padding-inline:12px}.approved-home .authority-owner strong{font-size:9px}.approved-home .authority-owner small{font-size:7px}.approved-home .authority-owner .native-button{font-size:9px;padding-inline:9px}.approved-home .change-row{font-size:9px}.approved-home .story-copy h3{font-size:25px}.approved-home .connection-apps{padding-inline:14px;gap:6px}.approved-home .connection-apps button{font-size:9px;padding:12px 9px}.approved-home .connection-permissions{margin-inline:14px}.approved-home .connection-account{padding:16px 11px;gap:8px}.approved-home .connection-account>div>span{font-size:8px}.approved-home .connection-account>span{font-size:5px}.approved-home .permission-row{padding-inline:11px;font-size:9px;gap:5px}.approved-home .permission-state{font-size:8px}.approved-home .permission-heading{padding-inline:11px}.approved-home .connection-activity{padding-inline:11px;font-size:8px}.approved-home .connections-bottom{font-size:7px;padding-inline:14px}
}
.approved-home .connection-glyph{display:grid;place-items:center;width:24px;height:24px;color:#8b8b9a;flex-shrink:0}
.approved-home .connection-apps .connection-glyph .icon{position:static;width:22px;height:22px;margin:0;color:#8b8b9a}
.approved-home .connection-account .connection-glyph{width:27px;height:27px}.approved-home .connection-account .connection-glyph .icon{width:25px;height:25px;color:#8b8b9a}

/* A conversation continues across channels, with one visible source of context. */
.approved-home .channels-section{padding:110px 0 112px;border-top:0}
.approved-home .channels-section .section-intro h2{margin-top:23px}
.approved-home .channel-workspace{margin-top:53px;border-radius:22px;background:var(--glass-fill);box-shadow:inset 0 1px #fff,0 20px 60px #2228380d}
.approved-home .channel-topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 27px;border-bottom:1px solid #ffffffb3;background:#ffffff52;font-size:12px;color:#82828c}
.approved-home .channel-topbar>span:first-child{display:flex;align-items:center;gap:11px}.approved-home .channel-topbar .icon{width:16px;height:16px}.approved-home .channel-topbar strong{font-size:12px;font-weight:500;color:#45454d}.approved-home .channel-crumb{color:#b3b3bc;padding:0 3px}
.approved-home .channel-context-status{display:flex;align-items:center;gap:7px;font-size:10px;color:#6f7d73}.approved-home .channel-context-status i,.approved-home .channel-stage i{width:5px;height:5px;border-radius:50%;background:#63856c;display:inline-block;flex-shrink:0}
.approved-home .channel-layout{display:grid;grid-template-columns:300px minmax(0,1fr)}
.approved-home .channel-file{padding:29px 26px 23px;border-right:1px solid #ffffffc4;background:#ffffff24}
.approved-home .channel-file-heading{display:flex;align-items:center;gap:11px;margin-bottom:32px}.approved-home .channel-file-heading strong{display:block;font-size:12px;font-weight:600;letter-spacing:-.02em}.approved-home .channel-file-heading>div>span{display:block;font-size:9px;color:#8a8a96;margin-top:6px}.approved-home .channel-small-label{font:8px var(--label);color:#91919e;letter-spacing:.08em;margin-bottom:22px}
.approved-home .channel-fact{display:flex;align-items:flex-start;gap:10px;margin-bottom:24px}.approved-home .channel-fact>.icon{width:16px;height:16px;color:#92929f;margin-top:1px}.approved-home .channel-fact strong{display:block;font-size:10px;font-weight:500;color:#555561}.approved-home .channel-fact small{display:block;font-size:9px;color:#92929f;margin-top:7px;line-height:1.5}.approved-home .channel-file-foot{display:flex;align-items:center;gap:8px;margin-top:31px;padding-top:20px;border-top:1px solid #ffffffd4;font-size:9px;color:#8a8a96}
.approved-home .channel-conversation{min-width:0;margin:23px;border:1px solid #fff;border-radius:14px;overflow:hidden;background:#ffffffa8;box-shadow:0 7px 22px #252d3c07}
.approved-home .channel-tabs{display:flex;align-items:center;gap:12px;padding:15px 25px;border-bottom:1px solid #e8e9ef}.approved-home .channel-tabs button{display:flex;align-items:center;gap:9px;padding:10px 13px;background:transparent;border:1px solid transparent;border-radius:9px;font-size:11px;color:#8d8d99;transition:background .18s,color .18s,box-shadow .18s}.approved-home .channel-tabs button[aria-selected=true]{color:#373741;background:#fff;border-color:#e0e2ea;box-shadow:0 2px 5px #292e3c08,inset 0 1px #fff}.approved-home .channel-tabs button:hover{color:#44444f;background:#ffffffa3}.approved-home .channel-tabs .icon{width:15px;height:15px}.approved-home .channel-tabs button>span{font:8px var(--label);color:#a0a0ac;margin-left:9px}.approved-home .channel-tab-arrow{color:#a7a7b3;font-size:12px}
.approved-home .channel-thread{padding:24px 30px 27px;min-height:340px}.approved-home .channel-thread-intro{display:flex;justify-content:space-between;align-items:center;gap:10px;font:8px var(--label);letter-spacing:.05em;color:#92929f;margin-bottom:23px}.approved-home .channel-thread-intro>span{font-size:7px;letter-spacing:0;color:#a0a0ab}
.approved-home .channel-question{margin-left:66px;padding:15px 18px;border:1px solid #e1e3eb;border-radius:12px 12px 3px 12px;background:linear-gradient(145deg,#f1f2f6,#e9ebf1);box-shadow:inset 0 1px #fff8}.approved-home .channel-question>span:first-child{display:block;font-size:10px;font-weight:500;color:#7c7c89;margin-bottom:7px}.approved-home .channel-question p{font-size:12px;line-height:1.75;color:#45454f}.approved-home .channel-attachment{display:flex;align-items:center;gap:7px;margin-top:12px;font-size:9px;color:#737380}.approved-home .channel-attachment .icon{width:13px;height:13px}
.approved-home .channel-answer{padding:23px 5px 0}.approved-home .channel-answer>div{display:flex;align-items:center;gap:8px}.approved-home .channel-answer strong{font-size:11px;font-weight:500;letter-spacing:-.02em}.approved-home .channel-answer>div>span{font-size:9px;color:#9999a4;margin-left:4px}.approved-home .channel-answer p{font-size:12px;line-height:1.85;margin:13px 0 15px 24px;color:#686873;max-width:510px}.approved-home .channel-source{display:flex;align-items:center;gap:6px;font-size:9px;color:#9696a2;margin-left:24px}.approved-home .channel-source .icon{width:12px;height:12px}
.approved-home .channel-conversation-foot{display:flex;align-items:center;gap:7px;padding:16px 23px;border-top:1px solid #e7e8ee;font-size:9px;color:#9999a4}.approved-home .channel-conversation-foot .icon{width:12px;height:12px}.approved-home .channel-conversation-foot>span{font:7px var(--label);margin-left:auto;color:#aaaab5}
.approved-home .channel-availability{display:grid;grid-template-columns:.9fr 1.1fr 1fr;margin:33px 14px 0;text-align:center}.approved-home .channel-availability>div+div{border-left:1px solid #dfe1e7}.approved-home .channel-stage{display:flex;align-items:center;justify-content:center;gap:7px;font:8px var(--label);letter-spacing:.07em;text-transform:uppercase;color:#9494a0}.approved-home .channel-availability p{font-size:12px;font-weight:500;color:#62626d;margin-top:13px}.approved-home .channel-availability p>span{color:#b0b0bb;margin:0 7px}
@media(max-width:1100px){.approved-home .channel-layout{grid-template-columns:258px minmax(0,1fr)}.approved-home .channel-file{padding:28px 20px 21px}.approved-home .channel-file-heading{gap:9px}.approved-home .channel-file-heading strong{font-size:11px}.approved-home .channel-file-heading>div>span{font-size:8px}.approved-home .channel-conversation{margin:20px}.approved-home .channel-tabs{padding:13px 17px}.approved-home .channel-thread{padding:23px 22px;min-height:352px}.approved-home .channel-question{margin-left:26px}.approved-home .channel-conversation-foot{padding:15px 17px;font-size:8px}.approved-home .channel-conversation-foot>span{font-size:6px}.approved-home .channel-answer p{font-size:11px}.approved-home .channel-question p{font-size:11px}}
@media(max-width:800px){.approved-home .channels-section{padding:84px 0 88px}.approved-home .channel-workspace{margin-top:40px}.approved-home .channel-layout{grid-template-columns:1fr}.approved-home .channel-file{display:grid;grid-template-columns:1fr 1fr;gap:20px 25px;border-right:0;border-bottom:1px solid #fff;padding:23px 26px}.approved-home .channel-file-heading{margin:0}.approved-home .channel-small-label,.approved-home .channel-file-foot{display:none}.approved-home .channel-fact{margin:0;align-self:center}.approved-home .channel-fact strong{font-size:11px}.approved-home .channel-fact small{font-size:9px}.approved-home .channel-file-heading strong{font-size:13px}.approved-home .channel-file-heading>div>span{font-size:9px}.approved-home .channel-context-status{font-size:8px}.approved-home .channel-topbar{padding:19px 24px}.approved-home .channel-conversation{margin:22px}.approved-home .channel-thread{min-height:316px;padding:23px 28px}.approved-home .channel-tabs{padding:14px 23px}.approved-home .channel-question{margin-left:60px}.approved-home .channel-question p,.approved-home .channel-answer p{font-size:12px}.approved-home .channel-conversation-foot{font-size:9px;padding:16px 25px}.approved-home .channel-availability{margin-inline:0}.approved-home .channel-availability p{font-size:10px;line-height:1.8}.approved-home .channel-availability p>span{margin:0 4px}.approved-home .channel-stage{font-size:7px}}
@media(max-width:600px){.approved-home .channels-section{padding:72px 0 76px}.approved-home .channels-section .section-intro>p:last-child{max-width:320px}.approved-home .channel-workspace{margin-top:35px;border-radius:19px}.approved-home .channel-topbar{padding:17px;font-size:10px}.approved-home .channel-topbar>span:first-child{gap:8px}.approved-home .channel-topbar strong{font-size:10px}.approved-home .channel-topbar .icon{width:14px;height:14px}.approved-home .channel-context-status{font-size:0;gap:0}.approved-home .channel-context-status i{width:6px;height:6px}.approved-home .channel-file{padding:22px 17px;column-gap:13px;row-gap:20px}.approved-home .channel-file-heading{grid-column:1/-1}.approved-home .channel-file-heading strong{font-size:12px}.approved-home .channel-file-heading>div>span{font-size:9px}.approved-home .channel-fact{gap:7px}.approved-home .channel-fact>.icon{width:13px;height:13px}.approved-home .channel-fact strong{font-size:9px;line-height:1.6}.approved-home .channel-fact small{font-size:8px;line-height:1.6;margin-top:4px}.approved-home .channel-fact:nth-last-child(2){display:none}.approved-home .channel-conversation{margin:15px 12px;border-radius:12px}.approved-home .channel-tabs{padding:10px 12px;gap:7px}.approved-home .channel-tabs button{padding:9px 9px;gap:7px;font-size:10px}.approved-home .channel-tabs button>span{font-size:7px;margin-left:3px}.approved-home .channel-tabs .icon{width:13px;height:13px}.approved-home .channel-tab-arrow{font-size:10px}.approved-home .channel-thread{padding:19px 14px 23px;min-height:337px}.approved-home .channel-thread-intro{font-size:6px;gap:6px;margin-bottom:19px;letter-spacing:.025em}.approved-home .channel-thread-intro>span{font-size:6px}.approved-home .channel-question{margin-left:20px;padding:13px}.approved-home .channel-question>span:first-child{font-size:9px}.approved-home .channel-question p,.approved-home .channel-answer p{font-size:10px;line-height:1.9}.approved-home .channel-answer{padding-top:22px}.approved-home .channel-answer>div{gap:7px}.approved-home .channel-answer>div>span{font-size:8px;margin-left:0}.approved-home .channel-answer strong{font-size:10px}.approved-home .channel-answer p{margin-left:23px;margin-block:12px}.approved-home .channel-source{font-size:8px;margin-left:23px}.approved-home .channel-conversation-foot{font-size:7px;padding:14px 12px;gap:5px}.approved-home .channel-conversation-foot .icon{width:10px;height:10px}.approved-home .channel-conversation-foot>span{display:none}.approved-home .channel-availability{grid-template-columns:1fr;text-align:left;margin:23px 7px 0}.approved-home .channel-availability>div{display:flex;align-items:center;justify-content:space-between;gap:13px;padding:14px 0}.approved-home .channel-availability>div+div{border-left:0;border-top:1px solid #e2e3e9}.approved-home .channel-stage{font-size:6px;white-space:nowrap;gap:5px;letter-spacing:.04em}.approved-home .channel-stage i{width:4px;height:4px}.approved-home .channel-availability p{font-size:9px;margin-top:0}.approved-home .channel-availability p>span{margin:0 3px}}
@media(max-width:370px){.approved-home .channel-topbar{padding-inline:14px}.approved-home .channel-file{padding-inline:14px;column-gap:8px}.approved-home .channel-fact{gap:5px}.approved-home .channel-fact strong{font-size:8px}.approved-home .channel-fact small{font-size:7px}.approved-home .channel-fact>.icon{width:11px;height:11px}.approved-home .channel-conversation{margin:12px 9px}.approved-home .channel-tabs{padding-inline:9px;gap:5px}.approved-home .channel-tabs button{font-size:9px;padding:9px 7px;gap:5px}.approved-home .channel-tabs button>span{font-size:6px;margin-left:2px}.approved-home .channel-thread{padding-inline:11px;min-height:367px}.approved-home .channel-question{margin-left:10px}.approved-home .channel-thread-intro{font-size:5px}.approved-home .channel-thread-intro>span{font-size:5px}.approved-home .channel-availability{margin-inline:0}.approved-home .channel-stage{font-size:5px}.approved-home .channel-availability p{font-size:8px}}
/* Keep the conversation legible at the scale of a marketing product view. */
.approved-home .channel-thread{min-height:330px}
.approved-home .channel-question p,.approved-home .channel-answer p{font-size:14px}
.approved-home .channel-question>span:first-child{font-size:11px}
.approved-home .channel-answer strong{font-size:12px}
.approved-home .channel-answer>div>span,.approved-home .channel-source{font-size:10px}
.approved-home .channel-fact strong{font-size:12px}
.approved-home .channel-fact small{font-size:10px}
.approved-home .channel-file-heading strong{font-size:13px}
.approved-home .channel-file-heading>div>span{font-size:10px}
.approved-home .channel-stage{font-size:9px}
.approved-home .channel-availability p{font-size:13px}
@media(max-width:1100px){.approved-home .channel-question p,.approved-home .channel-answer p{font-size:13px}.approved-home .channel-fact strong{font-size:11px}.approved-home .channel-fact small{font-size:9px}.approved-home .channel-file-heading strong{font-size:12px}.approved-home .channel-file-heading>div>span{font-size:9px}.approved-home .channel-availability p{font-size:12px}.approved-home .channel-stage{font-size:8px}}
@media(max-width:800px){.approved-home .channel-thread{min-height:327px}.approved-home .channel-question p,.approved-home .channel-answer p{font-size:13px}.approved-home .channel-availability p{font-size:11px}.approved-home .channel-stage{font-size:7px}}
@media(max-width:600px){.approved-home .channel-thread{min-height:382px}.approved-home .channel-question p,.approved-home .channel-answer p{font-size:12px;line-height:1.8}.approved-home .channel-question>span:first-child{font-size:10px}.approved-home .channel-answer strong{font-size:11px}.approved-home .channel-answer>div>span,.approved-home .channel-source{font-size:9px}.approved-home .channel-fact strong{font-size:10px}.approved-home .channel-fact small{font-size:8px}.approved-home .channel-file-heading strong{font-size:12px}.approved-home .channel-file-heading>div>span{font-size:9px}.approved-home .channel-stage{font-size:8px;white-space:normal;justify-content:flex-start}.approved-home .channel-availability>div{display:grid;grid-template-columns:1fr 1.55fr;gap:16px}.approved-home .channel-availability p{font-size:11px;text-align:right;line-height:1.7}.approved-home .channel-thread-intro{font-size:7px}.approved-home .channel-thread-intro>span{font-size:6px}}
@media(max-width:370px){.approved-home .channel-thread{min-height:409px}.approved-home .channel-fact strong{font-size:9px}.approved-home .channel-availability p{font-size:10px}.approved-home .channel-stage{font-size:7px}.approved-home .channel-thread-intro{font-size:6px}}

/* Channel support is presented as one complete experience in this concept. */
.approved-home .channel-tabs{gap:5px;padding:15px 18px;justify-content:space-between}
.approved-home .channel-tabs button{padding:10px 11px;gap:7px;white-space:nowrap;font-size:10px}
.approved-home .channel-thread{min-height:406px}
.approved-home .channel-question>span:first-child{display:flex;align-items:center;gap:8px}
.approved-home .channel-message-portrait.person-portrait{width:22px;height:22px;min-width:22px}
.approved-home .voice-record{display:flex;align-items:center;gap:12px;padding:16px 18px;margin-bottom:19px;border:1px solid #fff;border-radius:12px;background:linear-gradient(125deg,#fff9,#eaedf4c9);box-shadow:inset 0 1px #fff,0 4px 10px #1c223005}
.approved-home .voice-record-icon{display:grid;place-items:center;width:34px;height:34px;flex-shrink:0;border-radius:50%;background:#e1e8e2;color:#4f775b;border:1px solid #ffffffb0}
.approved-home .voice-record-icon .icon{width:16px;height:16px}.approved-home .voice-record>div:not(.voice-wave){flex-shrink:0}.approved-home .voice-record strong{font-size:11px;font-weight:500;display:block}.approved-home .voice-record>div>span{display:block;font-size:9px;color:#9999a4;margin-top:5px}.approved-home .voice-record time{font:9px var(--mono);color:#868691}
.approved-home .voice-wave{display:flex;align-items:center;justify-content:center;gap:3px;height:42px;overflow:hidden;flex:1;margin-left:10px}
.approved-home .voice-wave i{display:block;width:2px;min-width:2px;height:var(--wave-height);border-radius:3px;background:#a7afbc}.approved-home .voice-wave i:nth-child(3n){background:#6f7d72}.approved-home .voice-wave i:nth-child(5n){background:#b82c0f80}
.approved-home .channel-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin:39px 15px 0}
.approved-home .channel-benefits>div{position:relative;padding-left:29px}.approved-home .channel-benefits .icon{position:absolute;left:0;top:1px;width:17px;height:17px;color:#8c8c99}.approved-home .channel-benefits strong{font-size:12px;font-weight:500;color:#50505b}.approved-home .channel-benefits p{font-size:11px;color:#9696a1;line-height:1.8;margin-top:9px}

@media(max-width:1100px){.approved-home .channel-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:13px 16px;gap:5px}.approved-home .channel-tabs button{justify-content:center;padding:9px 10px}.approved-home .channel-thread{min-height:444px}.approved-home .voice-record{gap:8px;padding:14px 12px}.approved-home .voice-record strong{font-size:10px}.approved-home .voice-record>div>span{font-size:8px}.approved-home .voice-wave{gap:2px;margin-left:0}.approved-home .voice-wave i{min-width:2px}.approved-home .voice-record time{font-size:8px}.approved-home .channel-benefits{gap:24px;margin-inline:5px}.approved-home .channel-benefits strong{font-size:11px}.approved-home .channel-benefits p{font-size:10px}}
@media(max-width:800px){.approved-home .channel-tabs{display:flex}.approved-home .channel-tabs button{font-size:10px;padding:10px 8px}.approved-home .channel-thread{min-height:425px}.approved-home .voice-wave{gap:3px;margin-left:15px}.approved-home .voice-record{padding:15px 18px}.approved-home .voice-record strong{font-size:11px}.approved-home .voice-record>div>span{font-size:9px}.approved-home .channel-benefits{gap:18px}.approved-home .channel-benefits>div{padding-left:0}.approved-home .channel-benefits .icon{position:static;display:block;margin-bottom:13px}.approved-home .channel-benefits strong{font-size:11px;line-height:1.6;display:block}}
@media(max-width:600px){.approved-home .channel-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:12px 10px;gap:4px}.approved-home .channel-tabs button{padding:10px 7px;font-size:10px;gap:6px}.approved-home .channel-tabs .icon{width:13px;height:13px}.approved-home .channel-thread{min-height:460px}.approved-home .voice-record{gap:8px;padding:13px 10px;margin-bottom:17px}.approved-home .voice-record-icon{width:29px;height:29px}.approved-home .voice-record-icon .icon{width:13px;height:13px}.approved-home .voice-record strong{font-size:10px}.approved-home .voice-record>div>span{font-size:7px}.approved-home .voice-wave{gap:2px;margin-left:1px;max-height:33px}.approved-home .voice-wave i{min-width:2px;width:2px;height:calc(var(--wave-height)*.72)}.approved-home .voice-record time{font-size:7px}.approved-home .channel-message-portrait.person-portrait{width:21px;height:21px;min-width:21px}.approved-home .channel-question>span:first-child{gap:7px}.approved-home .channel-benefits{grid-template-columns:1fr;gap:25px;margin:31px 8px 0}.approved-home .channel-benefits>div{padding-left:31px}.approved-home .channel-benefits .icon{position:absolute;top:2px;left:0;margin:0;width:17px;height:17px}.approved-home .channel-benefits strong{font-size:12px}.approved-home .channel-benefits p{font-size:11px;margin-top:5px}}
@media(max-width:370px){.approved-home .channel-tabs button{font-size:9px;padding-inline:4px;gap:5px}.approved-home .channel-thread{min-height:509px}.approved-home .voice-record{gap:6px;padding-inline:9px}.approved-home .voice-record strong{font-size:9px}.approved-home .voice-record>div>span{font-size:6px}.approved-home .voice-wave{gap:2px}.approved-home .voice-wave i{min-width:1.5px;width:1.5px}.approved-home .voice-record time{font-size:6px}.approved-home .channel-source{font-size:8px}}

/* Canadian control and accessible platform pricing form one value proposition. */
.approved-home .value-pricing{margin-top:37px;max-width:430px;padding:22px 24px 20px;background:var(--glass-fill);border:1px solid #fff;border-radius:19px;box-shadow:inset 0 1px #fff,0 12px 35px #25304b08;backdrop-filter:blur(15px)}
.approved-home .value-pricing-top{display:flex;align-items:center;justify-content:space-between;gap:15px;font:8px var(--label);letter-spacing:.065em;color:#898995}.approved-home .value-pricing-top .icon{width:14px;height:14px}
.approved-home .value-pricing-number{display:flex;align-items:baseline;gap:9px;margin-top:19px}.approved-home .value-pricing-number>span:first-child{font-size:11px;color:#93939d}.approved-home .value-pricing-number strong{font:500 36px/1 var(--display);letter-spacing:-.05em}.approved-home .value-pricing-number small{font:12px var(--sans);letter-spacing:0;color:#93939e;margin-left:3px}.approved-home .value-pricing-team{font-size:10px;color:#72727e;background:#ffffff94;border:1px solid #ffffffed;border-radius:6px;padding:6px 8px;margin-left:auto;align-self:center}
.approved-home .value-pricing>p{font-size:11px;color:#7f7f8b;margin-top:13px;line-height:1.6}.approved-home .value-pricing-bottom{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:20px}.approved-home .value-pricing-bottom>span{font-size:9px;color:#9999a4;line-height:1.8}.approved-home .value-pricing-bottom a{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:500;white-space:nowrap}.approved-home .value-pricing-bottom a:hover{color:var(--ember)}.approved-home .value-pricing-bottom .icon{width:14px;height:14px}
@media(max-width:900px){.approved-home .value-pricing{padding:20px;max-width:420px;margin-top:29px}.approved-home .value-pricing-number strong{font-size:33px}.approved-home .value-pricing-team{font-size:8px;padding:5px 6px}.approved-home .value-pricing-top{font-size:7px}.approved-home .value-pricing>p{font-size:10px}.approved-home .value-pricing-bottom{gap:10px}.approved-home .value-pricing-bottom>span{font-size:8px}.approved-home .value-pricing-bottom a{font-size:10px}}
@media(max-width:600px){.approved-home .value-pricing{padding:22px;margin-top:30px}.approved-home .value-pricing-number strong{font-size:37px}.approved-home .value-pricing-number>span:first-child{font-size:11px}.approved-home .value-pricing-team{font-size:10px}.approved-home .value-pricing-top{font-size:8px}.approved-home .value-pricing>p{font-size:11px}.approved-home .value-pricing-bottom>span{font-size:9px}.approved-home .value-pricing-bottom a{font-size:11px}}
@media(max-width:370px){.approved-home .value-pricing{padding:19px}.approved-home .value-pricing-number strong{font-size:33px}.approved-home .value-pricing-team{font-size:8px;padding:5px}.approved-home .value-pricing-top{font-size:7px}.approved-home .value-pricing-bottom>span{font-size:8px}.approved-home .value-pricing-bottom a{font-size:10px}}

/* Report creation and exploration, using the native InVice grey surfaces. */
.approved-home .intelligence-section{padding-block:80px;scroll-margin-top:110px}
.approved-home .intelligence-product{margin-top:28px;padding:7px;border:1px solid #ffffffd9;border-radius:22px;background:linear-gradient(140deg,#ffffff8c,#e0e3eac2 55%,#d9dee6a8);box-shadow:inset 0 1px #fff,0 18px 48px #25314b08;backdrop-filter:blur(22px) saturate(1.08);color:#303039}
.approved-home .analytics-shell{border:1px solid #ffffffcf;border-radius:16px;background:#f6f7f9;box-shadow:0 2px 6px #27324b04;isolation:isolate}
.approved-home .analytics-topbar{position:relative;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 18px;border-bottom:1px solid #e3e5eb;background:#ffffff80;border-radius:15px 15px 0 0}
.approved-home .analytics-identity{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:600;white-space:nowrap}
.approved-home .analytics-identity>.icon{width:17px;height:17px;color:#858590}.approved-home .analytics-identity>span{color:#787883;font-weight:400;margin-left:4px;font-size:12px}
.approved-home .analytics-top-actions{display:flex;align-items:center;gap:8px}
.approved-home .analytics-new,.approved-home .analytics-saved>summary{display:flex;align-items:center;justify-content:center;gap:7px;min-height:33px;padding:7px 10px;border:1px solid #dedfe5;border-radius:7px;background:#fff;color:#575761;font:500 11px/1.4 var(--sans);white-space:nowrap;cursor:pointer;list-style:none}
.approved-home .analytics-new .icon,.approved-home .analytics-saved .icon{width:13px;height:13px;flex-shrink:0}.approved-home .analytics-new{background:#303038;color:#fff;border-color:#303038}.approved-home .analytics-new:hover{background:#45454f}.approved-home .analytics-saved>summary:hover{background:#f5f6f8}.approved-home .analytics-saved>summary::-webkit-details-marker{display:none}.approved-home .analytics-saved>summary small{display:grid;place-items:center;min-width:16px;height:16px;padding-inline:3px;border-radius:4px;background:#f0f1f4;color:#7c7c87;font:10px var(--sans)}
.approved-home .analytics-saved{position:relative}.approved-home .analytics-saved-list{position:absolute;top:calc(100% + 9px);right:0;width:285px;max-height:250px;overflow:auto;padding:5px;background:#fff;border:1px solid #dddfe6;border-radius:10px;box-shadow:0 12px 36px #27324b20}.approved-home .analytics-saved-list>p{padding:14px;font-size:12px;line-height:1.7;color:#7b7b88}.approved-home .analytics-saved-list button{display:flex;align-items:flex-start;gap:10px;width:100%;padding:10px;border:0;border-radius:6px;background:transparent;text-align:left;color:#666675}.approved-home .analytics-saved-list button:hover{background:#f1f3f6}.approved-home .analytics-saved-list .icon{margin-top:3px}.approved-home .analytics-saved-list span{min-width:0}.approved-home .analytics-saved-list strong{display:block;font-size:12px;font-weight:500}.approved-home .analytics-saved-list small{display:block;font-size:11px;margin-top:4px;line-height:1.5;color:#85858f;overflow-wrap:anywhere}
.approved-home .analytics-content{padding:14px}.approved-home .analytics-report-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.approved-home .analytics-tabs{display:flex;gap:3px;padding:3px;background:#e9ebef;border:1px solid #e0e2e8;border-radius:8px;box-shadow:inset 0 1px #ffffffb3;max-width:100%}.approved-home .analytics-tabs button{font:500 12px/1.4 var(--sans);white-space:nowrap;border:1px solid transparent;border-radius:5px;background:transparent;color:#757580;padding:7px 13px;transition:background .15s,color .15s}.approved-home .analytics-tabs button:hover{color:#42424e;background:#ffffff6b}.approved-home .analytics-tabs button[aria-selected=true]{color:#383840;background:#fff;border-color:#fff;box-shadow:0 1px 3px #2129380a}
.approved-home .analytics-period select,.approved-home .analytics-group select{max-width:100%;font:400 11px/1.5 var(--sans);color:#656571;border:1px solid #e0e2e7;border-radius:6px;padding:7px 24px 7px 9px;background:#ffffffbd;cursor:pointer}.approved-home .analytics-asof{font-size:11px;color:#81818c;white-space:nowrap}
.approved-home .analytics-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:12px}.approved-home .analytics-metric{background:#ffffffd9;border:1px solid #fff;border-radius:10px;padding:12px 14px;min-width:0}.approved-home .analytics-metric>span{display:block;font-size:12px;color:#777784;line-height:1.4}.approved-home .analytics-metric>div{display:flex;align-items:baseline;gap:10px;margin-top:6px}.approved-home .analytics-metric strong{font:500 26px/1.15 var(--display);letter-spacing:-.045em;color:#35353e;white-space:nowrap}.approved-home .analytics-metric small{font-size:11px;color:#7e7e88;line-height:1.45}
.approved-home .analytics-main{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(260px,1fr);gap:12px;align-items:stretch}.approved-home .analytics-chart-card{min-width:0;border:1px solid #e1e4eb;border-radius:11px;background:#ffffffb8;overflow:hidden;display:flex;flex-direction:column}.approved-home .analytics-chart-head{padding:15px 16px 0;display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.approved-home .analytics-chart-head>div{min-width:0}.approved-home .analytics-chart-head h4{margin:0;font:600 13px/1.45 var(--sans);color:#44444e}.approved-home .analytics-chart-head p{font-size:11px;line-height:1.5;color:#7a7a85;margin-top:3px}.approved-home .analytics-group{flex-shrink:0;max-width:145px}.approved-home .analytics-group select{padding:5px 21px 5px 7px;font-size:10px;background:#f6f7f9;border-color:#e8e9ee}
.approved-home .analytics-chart{padding:10px 9px 0;flex:1;display:flex;align-items:center}.approved-home .analytics-chart svg{display:block;width:100%;height:184px;overflow:visible}.approved-home .analytics-chart .chart-label{font:11px var(--sans);fill:#777784}.approved-home .analytics-chart-legend{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:9px 16px 13px;font-size:10px;color:#81818e;margin-top:auto}.approved-home .analytics-chart-legend span{display:inline-flex;align-items:center;gap:6px}.approved-home .analytics-chart-legend i{width:6px;height:6px;border-radius:2px;background:#a7aeb9}
.approved-home .analytics-bars{display:grid;gap:18px;padding:23px 22px 17px;flex:1;align-content:center}.approved-home .analytics-bar-row>div:first-child{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:7px;font-size:12px;color:#6f6f7b}.approved-home .analytics-bar-row strong{font-weight:500;font-variant-numeric:tabular-nums;color:#555560}.approved-home .analytics-bar-track{height:10px;background:#eef0f4;border-radius:3px;overflow:hidden}.approved-home .analytics-bar-track i{display:block;height:100%;background:var(--bar-color);border-radius:3px}
.approved-home .analytics-population{display:grid;grid-template-columns:minmax(120px,.8fr) minmax(0,1.25fr);align-items:center;gap:13px;padding:18px 19px;flex:1}.approved-home .analytics-donut{display:block;width:100%;max-width:175px;height:170px;justify-self:center}.approved-home .donut-total{font:500 34px var(--display);letter-spacing:-.05em;fill:#383840}.approved-home .donut-total.is-currency{font-size:25px}.approved-home .donut-caption{font:11px var(--sans);fill:#81818b}.approved-home .analytics-regions{display:grid;gap:15px;font-size:11px}.approved-home .analytics-regions>div{display:grid;grid-template-columns:7px minmax(0,1fr) auto 27px;gap:7px;align-items:center}.approved-home .analytics-regions i{width:7px;height:7px;border-radius:50%}.approved-home .analytics-regions strong{font-weight:500;color:#41414b;text-align:right;font-variant-numeric:tabular-nums}.approved-home .analytics-regions small{font-size:10px;color:#80808c;text-align:right;font-variant-numeric:tabular-nums}.approved-home .analytics-app-mark{width:15px;height:15px;object-fit:contain;flex-shrink:0}
.approved-home .analytics-insight{position:relative;padding:15px 16px;border:1px solid #fff;border-radius:11px;background:linear-gradient(145deg,#ffffffed,#eef0f6a8);box-shadow:inset 0 1px #fff,0 8px 24px #25314b04;display:flex;flex-direction:column;min-width:0}.approved-home .analytics-insight-label{display:flex;align-items:center;gap:7px;font:500 12px var(--sans);color:#575762}.approved-home .analytics-insight-label img{width:15px;height:15px}.approved-home .analytics-insight-label>span{margin-left:auto;font-size:10px;font-weight:400;color:#81818c}.approved-home .analytics-insight h4{font:500 19px/1.25 var(--display);letter-spacing:-.035em;margin:11px 0 7px;color:#363640}.approved-home .analytics-insight-copy>p{font-size:12px;line-height:1.6;color:#737380;margin:0}.approved-home .analytics-query{font-size:11px;color:#85858f;line-height:1.5;margin-top:8px;padding-left:9px;border-left:2px solid #d3d6de;max-height:49px;overflow:auto;overflow-wrap:anywhere}
.approved-home .analytics-records{position:relative;margin-top:10px;font-size:11px}.approved-home .analytics-records summary{display:flex;align-items:center;gap:6px;color:#777783;cursor:pointer;list-style:none;line-height:20px}.approved-home .analytics-records summary::-webkit-details-marker{display:none}.approved-home .analytics-records summary .icon{width:13px;height:13px}.approved-home .analytics-records summary .icon:last-child{margin-left:auto;transition:transform .15s}.approved-home .analytics-records[open] summary .icon:last-child{transform:rotate(180deg)}.approved-home .analytics-record-list{position:absolute;top:25px;left:-4px;right:-4px;z-index:4;max-height:210px;overflow:auto;background:#fbfbfd;border:1px solid #e2e4ea;border-radius:9px;padding:5px 12px;box-shadow:0 8px 24px #25314b16}.approved-home .analytics-record-list>div{display:flex;align-items:flex-start;gap:9px;padding:10px 0;border-bottom:1px solid #e6e8ee}.approved-home .analytics-record-list>div:last-child{border-bottom:0}.approved-home .analytics-record-list .analytics-app-mark{margin-top:3px}.approved-home .analytics-record-list strong{display:block;color:#565663;font-size:11px;font-weight:500}.approved-home .analytics-record-list small{display:block;margin-top:3px;font-size:10px;line-height:1.5;color:#7e7e8a}
.approved-home .analytics-report-actions{display:flex;align-items:center;gap:7px;margin:10px 0 11px}.approved-home .analytics-save,.approved-home .analytics-export{display:flex;align-items:center;justify-content:center;gap:7px;min-height:32px;padding:6px 10px;border:1px solid #dce0e7;border-radius:6px;background:#ffffffb3;color:#555560;font:500 11px var(--sans)}.approved-home .analytics-save{flex:1}.approved-home .analytics-save:hover,.approved-home .analytics-export:hover{background:#fff;border-color:#c2c7d2}.approved-home .analytics-save .icon,.approved-home .analytics-export .icon{width:13px;height:13px}.approved-home .analytics-save:disabled{color:#6e8978;background:#f4f8f5;border-color:#e3eae4;cursor:default}.approved-home .analytics-export{width:34px;padding:6px}
.approved-home .analytics-composer{display:flex;align-items:flex-end;gap:7px;border:1px solid #d9dce5;border-radius:9px;padding:9px;background:#fff;box-shadow:inset 0 1px #fff,0 2px 5px #29324a03;margin-top:auto;min-height:65px}.approved-home .analytics-composer:focus-within{border-color:#a4acbd;box-shadow:0 0 0 3px #828d9e10}.approved-home .analytics-composer textarea{font:400 12px/1.55 var(--sans);color:#42424d;resize:none;border:0;outline:0;background:transparent;flex:1;min-width:0;padding:1px 0;min-height:38px;max-height:78px}.approved-home .analytics-composer textarea::placeholder{color:#8b8b98}.approved-home .analytics-composer button{display:flex;align-items:center;justify-content:center;width:27px;height:27px;flex-shrink:0;border:0;border-radius:6px;background:#303038;color:#fff}.approved-home .analytics-composer button .icon{width:15px;height:15px}.approved-home .analytics-composer button:disabled{background:#e8e9ee;color:#b4b5c1;cursor:default}
.approved-home .analytics-bottom{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:10px 17px;border-top:1px solid #e5e7ed;color:#7e7e8b;font-size:10px;line-height:1.5}.approved-home .analytics-notice{white-space:nowrap;color:#81818c}.approved-home .analytics-shell button:focus-visible,.approved-home .analytics-shell select:focus-visible,.approved-home .analytics-shell summary:focus-visible{outline:2px solid #858e9c;outline-offset:3px}
@media(max-width:1100px){.approved-home .analytics-identity>span{display:none}.approved-home .analytics-metric>div{display:block}.approved-home .analytics-metric small{display:block;margin-top:4px}.approved-home .analytics-chart-head{flex-wrap:wrap}.approved-home .analytics-group{max-width:100%}.approved-home .analytics-insight h4{font-size:18px}.approved-home .analytics-population{grid-template-columns:1fr;padding-block:9px;gap:6px}.approved-home .analytics-donut{height:128px;max-width:132px}.approved-home .analytics-regions{gap:9px;width:100%;max-width:320px;justify-self:center}.approved-home .analytics-insight-label>span{font-size:9px}}
@media(max-width:760px){.approved-home .intelligence-section{padding-block:64px}.approved-home .analytics-topbar{padding:12px}.approved-home .analytics-main{grid-template-columns:1fr}.approved-home .analytics-metric strong{font-size:24px}.approved-home .analytics-chart-head{flex-wrap:nowrap}.approved-home .analytics-chart svg{height:190px}.approved-home .analytics-population{grid-template-columns:minmax(130px,.8fr) minmax(0,1.2fr);padding:15px 20px;gap:18px}.approved-home .analytics-donut{height:155px;max-width:155px}.approved-home .analytics-regions{gap:14px}.approved-home .analytics-insight{padding:17px}.approved-home .analytics-insight h4{font-size:22px}.approved-home .analytics-insight-copy>p{font-size:13px}.approved-home .analytics-record-list{position:static;margin-top:7px;max-height:none;box-shadow:none}.approved-home .analytics-bottom{align-items:flex-start}.approved-home .analytics-notice{white-space:normal;min-width:75px;text-align:right}.approved-home .analytics-saved-list{right:-80px}.approved-home .analytics-composer textarea{font-size:13px}.approved-home .analytics-save{min-height:36px}.approved-home .analytics-export{min-height:36px}.approved-home .analytics-top-actions{gap:6px}}
@media(max-width:450px){.approved-home .intelligence-product{padding:5px;border-radius:18px}.approved-home .analytics-shell{border-radius:13px}.approved-home .analytics-topbar{gap:7px;padding:10px}.approved-home .analytics-identity{font-size:12px;gap:6px}.approved-home .analytics-identity>.icon{width:15px;height:15px}.approved-home .analytics-new,.approved-home .analytics-saved>summary{font-size:10px;padding:7px;gap:5px}.approved-home .analytics-saved>summary>span{display:none}.approved-home .analytics-saved-list{width:min(275px,calc(100vw - 45px));right:-88px}.approved-home .analytics-content{padding:10px}.approved-home .analytics-report-toolbar{flex-wrap:wrap;gap:8px}.approved-home .analytics-tabs{width:100%}.approved-home .analytics-tabs button{flex:1;padding:8px 9px;font-size:11px}.approved-home .analytics-period{margin-left:auto}.approved-home .analytics-period select{padding-block:5px;font-size:10px}.approved-home .analytics-asof{width:100%;text-align:right;font-size:10px}.approved-home .analytics-metrics{gap:6px}.approved-home .analytics-metric{padding:10px 8px}.approved-home .analytics-metric>span{font-size:11px;min-height:30px}.approved-home .analytics-metric strong{font-size:21px}.approved-home .analytics-metric small{font-size:10px;line-height:1.5}.approved-home .analytics-chart-head{padding:14px 12px 0;flex-wrap:wrap}.approved-home .analytics-chart-head h4{font-size:12px}.approved-home .analytics-chart-head p{font-size:10px}.approved-home .analytics-group select{font-size:10px}.approved-home .analytics-chart svg{height:172px}.approved-home .analytics-chart{padding-inline:2px}.approved-home .analytics-chart-legend{padding-inline:12px;font-size:9px}.approved-home .analytics-population{grid-template-columns:1fr;gap:4px;padding:10px 20px 17px}.approved-home .analytics-donut{height:146px}.approved-home .analytics-regions{font-size:11px;gap:12px}.approved-home .analytics-bars{padding:20px 15px}.approved-home .analytics-bar-row>div:first-child{font-size:11px}.approved-home .analytics-insight h4{font-size:21px}.approved-home .analytics-bottom{padding:10px 12px;font-size:9px}.approved-home .analytics-composer textarea{font-size:16px}.approved-home .analytics-composer{min-height:72px}}
@media(prefers-reduced-motion:reduce){.approved-home .analytics-tabs button,.approved-home .analytics-records summary .icon:last-child{transition:none}}

/* Keep the report frame steady while its data, chart, or answer changes.
   Only a long answer scrolls inside its reading area; controls stay visible. */
.approved-home .analytics-topbar {height:60px}
.approved-home .analytics-report-toolbar {height:42px}
.approved-home .analytics-metrics {height:96px}
.approved-home .analytics-metric {height:100%}
.approved-home .analytics-main {height:360px;min-height:0}
.approved-home .analytics-chart-card,.approved-home .analytics-insight {min-height:0;height:100%}
.approved-home .analytics-insight-label,.approved-home .analytics-records,.approved-home .analytics-report-actions,.approved-home .analytics-composer {flex-shrink:0}
.approved-home .analytics-insight-copy {flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;padding-right:3px}
.approved-home .analytics-composer {margin-top:0}
.approved-home .analytics-chart {min-height:0}
.approved-home .analytics-bottom {height:44px}
@media (max-width:1100px) {
  .approved-home .analytics-metrics {height:124px}
  .approved-home .analytics-main {height:400px}
}
@media (max-width:760px) {
  .approved-home .analytics-main {height:752px;grid-template-rows:380px 360px}
  .approved-home .analytics-record-list {position:absolute;top:25px;left:-4px;right:-4px;max-height:180px;overflow:auto;box-shadow:0 8px 24px #25314b16;margin-top:0}
  .approved-home .analytics-bottom {height:60px;align-items:center}
}
@media (max-width:450px) {
  .approved-home .analytics-report-toolbar {height:80px;align-content:space-between}
  .approved-home .analytics-asof {min-height:27px;display:flex;align-items:center;justify-content:flex-end}
  .approved-home .analytics-metrics {height:142px}
  .approved-home .analytics-main {height:782px;grid-template-rows:400px 370px}
  .approved-home .analytics-population {padding:10px 14px;gap:6px}
  .approved-home .analytics-donut {height:126px}
  .approved-home .analytics-regions {gap:9px}
  .approved-home .analytics-bottom {height:76px}
}

@media (max-width:360px) {
  .approved-home .analytics-metric strong {font-size:17px}
  .approved-home .analytics-metric strong.analytics-word-value {font-size:14px;letter-spacing:-.025em}
}

/* The footer caption is removed; a compact period selector remains on phones. */
.approved-home .analytics-shell>.analytics-bottom {display:none}
@media(max-width:700px){.approved-home .analytics-shell>.analytics-bottom{display:flex;height:auto;min-height:0;padding:4px 12px 9px;border:0;justify-content:flex-end}}
/* A single inset tab control contains the add action, even when the tabs scroll on a phone. */
.approved-home .analytics-report-toolbar{justify-content:flex-start}
.approved-home .analytics-tab-group{display:flex;align-items:center;gap:4px;min-width:0;max-width:calc(100% - 130px);padding:3px;border:1px solid #e0e2e8;border-radius:10px;background:#e9ebef;box-shadow:inset 0 1px #ffffffb3}
.approved-home .analytics-tab-group .analytics-tabs{flex:1;min-width:0;max-width:none;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;overflow-x:auto;scrollbar-width:thin}
.approved-home .analytics-dashboard-add{display:grid;place-items:center;flex:none;width:35px;min-height:35px;border:1px solid transparent;border-radius:5px;background:transparent;color:var(--secondary);cursor:pointer}
.approved-home .analytics-dashboard-add:hover{background:#ffffff6b;color:var(--ember)}
.approved-home .analytics-dashboard-add[aria-pressed=true]{background:#fff;border-color:#fff;box-shadow:0 1px 3px #2129380a}
.approved-home .analytics-dashboard-add .icon{width:17px;height:17px}
.approved-home .analytics-report-toolbar>.analytics-period{margin-left:auto;flex:none}
.approved-home .analytics-dashboard-create{min-height:476px;padding:16px;border:1px solid var(--prototype-edge);border-radius:14px;background:var(--prototype-inset)}
.approved-home .analytics-dashboard-prompt,.approved-home .analytics-dashboard-preview{width:min(100%,850px);margin:auto;padding:26px;border:1px solid var(--prototype-edge);border-radius:16px;background:var(--prototype-raised);box-shadow:var(--prototype-card-shadow)}
.approved-home .analytics-builder-step{display:block;margin-bottom:12px;font:600 10px/1.4 var(--label);letter-spacing:.1em;text-transform:uppercase;color:var(--ember)}
.approved-home .analytics-dashboard-prompt h3,.approved-home .analytics-dashboard-preview h3{margin:12px 0 6px;font:600 clamp(21px,2.2vw,28px)/1.2 var(--display);letter-spacing:-.035em;color:var(--secondary)}
.approved-home .analytics-dashboard-prompt>p,.approved-home .analytics-builder-preview-head p{margin:0 0 20px;font:400 13px/1.6 var(--sans);color:var(--marketing-glass-copy)}
.approved-home .analytics-builder-fields{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:12px}
.approved-home .analytics-builder-fields label,.approved-home .analytics-builder-options label{display:flex;flex-direction:column;gap:7px;min-width:0;font:600 12px/1.4 var(--sans);color:var(--secondary)}
.approved-home .analytics-builder-fields label:first-child{position:relative}
.approved-home .analytics-builder-fields label>span{position:absolute;top:0;right:0;font-weight:400;color:var(--marketing-glass-copy)}
.approved-home .analytics-builder-fields :is(input,textarea),.approved-home .analytics-builder-options select{width:100%;min-height:44px;padding:10px 12px;border:1px solid #d8dde4;border-radius:10px;background:#fff;color:var(--secondary);font:400 13px/1.5 var(--sans)}
.approved-home .analytics-builder-fields textarea{resize:vertical;min-height:76px}
.approved-home .analytics-builder-section{margin-top:20px}
.approved-home .analytics-builder-section-head{display:flex;justify-content:space-between;gap:10px;align-items:baseline;margin-bottom:10px}
.approved-home .analytics-builder-section-head strong{font:600 13px var(--sans);color:var(--secondary)}
.approved-home .analytics-builder-section-head span{font:11px var(--sans);color:var(--marketing-glass-copy)}
.approved-home .analytics-source-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.approved-home .analytics-source{display:flex;align-items:center;gap:10px;min-width:0;min-height:66px;padding:10px;border:1px solid #e0e4e9;border-radius:11px;background:#fff;cursor:pointer}
.approved-home .analytics-source:has(input:checked){border-color:#9baea1;background:#f4f8f5;box-shadow:inset 0 0 0 1px #cbdad0}
.approved-home .analytics-source.is-unavailable{opacity:.56;cursor:not-allowed}
.approved-home .analytics-source input{width:17px;height:17px;flex:none;accent-color:var(--ember)}
.approved-home .analytics-source img{flex:none;object-fit:contain}
.approved-home .analytics-source span{min-width:0}
.approved-home .analytics-source strong,.approved-home .analytics-source small{display:block;overflow-wrap:anywhere}
.approved-home .analytics-source strong{font:600 12px/1.4 var(--sans);color:var(--secondary)}
.approved-home .analytics-source small{margin-top:2px;font:11px/1.45 var(--sans);color:var(--marketing-glass-copy)}
.approved-home .analytics-builder-options{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(130px,.6fr);gap:12px;margin-top:18px}
.approved-home .analytics-builder-permission,.approved-home .analytics-sample-note{margin:16px 0 0;font:11px/1.6 var(--sans);color:var(--marketing-glass-copy)}
.approved-home .analytics-builder-error{min-height:18px;margin:8px 0 0;font:11px/1.5 var(--sans);color:var(--ember)}
.approved-home .analytics-builder-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:10px;margin-top:17px}
.approved-home .analytics-builder-actions button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:10px 15px;border-radius:9px;font:600 12px var(--sans);cursor:pointer}
.approved-home .analytics-builder-quiet{border:1px solid #dce0e6;background:#fff;color:var(--secondary)}
.approved-home .analytics-builder-primary{border:1px solid var(--ember);background:var(--ember);color:#fff}
.approved-home .analytics-builder-primary:disabled{opacity:.48;cursor:not-allowed}
.approved-home .analytics-builder-actions .icon{width:14px;height:14px}
.approved-home .analytics-builder-preview-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.approved-home .analytics-builder-preview-head h3{margin-top:0}
.approved-home .analytics-sample-badge{flex:none;padding:6px 9px;border-radius:999px;background:#f4eee9;color:#905744;font:600 10px var(--sans)}
.approved-home .analytics-custom-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.approved-home .analytics-custom-metrics>div{min-width:0;padding:13px;border:1px solid #e8ebef;border-radius:11px;background:#f6f7f8}
.approved-home .analytics-custom-metrics span,.approved-home .analytics-custom-metrics strong{display:block}
.approved-home .analytics-custom-metrics span{font:11px/1.4 var(--sans);color:var(--marketing-glass-copy)}
.approved-home .analytics-custom-metrics strong{margin-top:5px;font:600 21px/1.2 var(--display);color:var(--secondary)}
.approved-home .analytics-custom-chart{margin-top:12px;padding:15px;border:1px solid #e3e7eb;border-radius:12px;background:#fff}
.approved-home .analytics-custom-chart .analytics-chart{min-height:180px}
.approved-home .analytics-custom-provenance{margin-top:14px}
.approved-home .analytics-custom-provenance>strong{font:600 12px var(--sans);color:var(--secondary)}
.approved-home .analytics-custom-provenance>div{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}
.approved-home .analytics-custom-provenance>div>span{display:inline-flex;align-items:center;gap:6px;padding:7px 9px;border-radius:8px;background:#f0f2f4;font:11px var(--sans);color:var(--secondary)}
.approved-home .analytics-custom-provenance img{object-fit:contain}
.approved-home .analytics-custom-provenance>ul{display:grid;gap:3px;margin:9px 0 0;padding-left:16px;font:11px/1.6 var(--sans);color:var(--marketing-glass-copy)}
.approved-home .analytics-custom-question{margin-top:13px;padding:11px 13px;border-left:2px solid var(--ember);background:#f6f7f8}
.approved-home .analytics-custom-question span{font:600 9px var(--label);letter-spacing:.09em;color:var(--marketing-glass-copy)}
.approved-home .analytics-custom-question p{margin:4px 0 0;font:12px/1.5 var(--sans);color:var(--secondary)}
@media(max-width:700px){.approved-home .analytics-tab-group{width:100%;max-width:100%}.approved-home .analytics-dashboard-add{min-width:44px;min-height:44px}.approved-home .analytics-dashboard-create{padding:10px}.approved-home .analytics-dashboard-prompt,.approved-home .analytics-dashboard-preview{padding:18px}.approved-home .analytics-builder-fields{grid-template-columns:1fr}}
@media(max-width:450px){.approved-home .analytics-source-grid{grid-template-columns:1fr}.approved-home .analytics-builder-options{grid-template-columns:1fr}.approved-home .analytics-builder-preview-head{flex-direction:column}.approved-home .analytics-custom-metrics strong{font-size:17px}}
.approved-home .analytics-evidence-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px}
.approved-home .analytics-evidence-pair details{min-width:0;border:1px solid var(--prototype-edge);border-radius:8px;background:var(--prototype-raised)}
.approved-home .analytics-evidence-pair summary{display:flex;align-items:center;justify-content:space-between;min-height:34px;padding:7px 9px;list-style:none;font:500 10px var(--sans);cursor:pointer}
.approved-home .analytics-evidence-pair summary::-webkit-details-marker{display:none}
.approved-home .analytics-evidence-pair summary .icon{width:12px;height:12px}
.approved-home .analytics-evidence-pair details[open] summary .icon{transform:rotate(180deg)}
.approved-home .analytics-evidence-pair :is(p,ol){margin:0;padding:0 9px 9px;color:var(--marketing-glass-copy);font:10px/1.5 var(--sans)}
.approved-home .analytics-evidence-pair p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.approved-home .analytics-evidence-pair ol{padding-left:23px}

/* One local atlas keeps the illustrative people consistent across product scenes. */
.approved-home :where(.person-portrait) {
  display: inline-block;
  width: 36px;
  height: 36px;
  flex: none;
  border-radius: 50%;
  overflow: hidden;
  vertical-align: middle;
}
.approved-home .person-portrait,
.approved-home .v2-ws .person-portrait {
  background-image: url("/approved-home/assets/portraits/people-atlas.webp");
  background-size: 300% 200%;
  background-position: var(--portrait-x, 0%) var(--portrait-y, 0%);
  background-repeat: no-repeat;
  background-color: #d8d8d6;
  box-shadow: 0 0 0 1px rgba(38, 38, 42, .07), inset 0 0 0 1px rgba(255, 255, 255, .28);
}
.approved-home .person-alex { --portrait-x: 0%; --portrait-y: 0%; }
.approved-home .person-marc { --portrait-x: 50%; --portrait-y: 0%; }
.approved-home .person-maya { --portrait-x: 100%; --portrait-y: 0%; }
.approved-home .person-sophie { --portrait-x: 0%; --portrait-y: 100%; }
.approved-home .person-anh { --portrait-x: 50%; --portrait-y: 100%; }
.approved-home .person-priya { --portrait-x: 100%; --portrait-y: 100%; }

/* Additional fictional customers; each is a different person. */
.approved-home .person-portrait.person-okafor,
.approved-home .person-portrait.person-mbeki,
.approved-home .v2-ws .person-portrait.person-okafor,
.approved-home .v2-ws .person-portrait.person-mbeki {
  background-image: url("/approved-home/assets/portraits/customers-atlas.webp");
  background-size: 200% 100%;
}
.approved-home .person-okafor { --portrait-x: 0%; --portrait-y: 0%; }
.approved-home .person-mbeki { --portrait-x: 100%; --portrait-y: 0%; }

/* Keep every photo square and use a slightly closer, centered face crop. */
.approved-home .person-portrait {display:inline-block;aspect-ratio:1;flex-shrink:0;border-radius:50%!important;box-sizing:border-box;overflow:hidden;background-origin:border-box;background-clip:border-box;filter:none!important;image-rendering:auto}
.approved-home .person-portrait:not(.person-okafor):not(.person-mbeki),
.approved-home .v2-ws .person-portrait:not(.person-okafor):not(.person-mbeki) {background-size:324% 216%}
.approved-home .person-alex {--portrait-x:1.786%;--portrait-y:3.448%}
.approved-home .person-marc {--portrait-x:50%;--portrait-y:3.448%}
.approved-home .person-maya {--portrait-x:98.214%;--portrait-y:3.448%}
.approved-home .person-sophie {--portrait-x:1.786%;--portrait-y:96.552%}
.approved-home .person-anh {--portrait-x:50%;--portrait-y:96.552%}
.approved-home .person-priya {--portrait-x:98.214%;--portrait-y:96.552%}

/* Compact product chapters: title, proof and control within a desktop viewport. */
.approved-home .value-section,.approved-home .intelligence-section,.approved-home .channels-section{padding-top:58px;padding-bottom:68px;scroll-margin-top:106px}
.approved-home .section-intro.compact-intro{display:grid;grid-template-columns:1.05fr 1fr;column-gap:70px;text-align:left;align-items:end}
.approved-home .compact-intro>.eyebrow{grid-column:1/-1;margin:0 0 14px;font-size:9px}
.approved-home .section-intro.compact-intro h2{font-size:40px;line-height:1.1;letter-spacing:-.04em;margin:0}
.approved-home .section-intro.compact-intro>p:last-child{font-size:14px;line-height:1.8;margin:0;max-width:500px;padding-bottom:2px;color:#797984}
.approved-home .compact-intro .desktop-break{display:none}
.approved-home .product-stories{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:29px;align-items:stretch}
.approved-home .product-stories .product-story{display:flex;flex-direction:column;grid-column:auto;gap:0;padding:14px 14px 0;border-radius:20px;min-width:0}
.approved-home .product-stories .product-scene{border-radius:12px;min-height:316px;flex:none}
.approved-home .product-stories .story-copy,.approved-home .product-stories .story-conversation .story-copy{order:2;display:block;max-width:none;padding:21px 9px 25px;flex:1}
.approved-home .product-stories .story-index{font-size:8px;letter-spacing:.08em}
.approved-home .product-stories .story-copy h3{font-size:24px;line-height:1.15;margin:10px 0 10px;letter-spacing:-.035em}
.approved-home .product-stories .story-copy>p{font-size:12px;line-height:1.7;margin:0;color:#787883}
.approved-home .product-stories .story-evidence{display:none}
.approved-home .product-stories .scene-toolbar{padding:12px 13px;font-size:11px;min-height:39px;gap:8px}
.approved-home .app-mark{display:inline-block;width:16px;height:16px;object-fit:contain;vertical-align:middle;flex-shrink:0}
.approved-home .product-stories .scene-toolbar>span:first-child{gap:8px}.approved-home .product-stories .scene-toolbar-note{font-size:7px}
.approved-home .product-stories .conversation-content{padding:13px 13px 12px}
.approved-home .product-stories .conversation-heading{margin-bottom:11px;gap:9px}.approved-home .product-stories .conversation-heading h4{font-size:11px;margin-top:6px;line-height:1.5;max-width:230px}.approved-home .product-stories .scene-overline{font-size:6px}
.approved-home .product-stories .scene-avatar{width:27px;height:27px}.approved-home .product-stories .scene-avatar.small{width:25px;height:25px}
.approved-home .product-stories .message-byline{font-size:10px}.approved-home .product-stories .message-byline>span{font-size:7px}
.approved-home .product-stories .incoming-message{padding-bottom:11px}.approved-home .product-stories .incoming-message>p,.approved-home .product-stories .draft-message>p{font-size:11px;line-height:1.7;margin-top:7px}
.approved-home .product-stories .file-chip{display:none}.approved-home .product-stories .draft-message{padding:11px 12px;border-radius:8px}
.approved-home .product-stories .draft-heading{gap:6px}.approved-home .product-stories .draft-heading>span:first-child{font-size:10px;gap:6px}.approved-home .product-stories .draft-heading img{width:13px;height:13px}.approved-home .product-stories .review-pill{font-size:7px;padding:3px 5px}
.approved-home .product-stories .draft-sources{display:none}.approved-home .mini-route{display:flex;align-items:center;gap:6px;font-size:8px;color:#9696a1;margin:10px 0}.approved-home .mini-route .app-mark{width:12px;height:12px}
.approved-home .product-stories .document-scene-body{padding:0 13px}.approved-home .product-stories .document-person{padding:14px 0;gap:8px}.approved-home .product-stories .document-person strong,.approved-home .product-stories .authority-person strong{font-size:11px}
.approved-home .product-stories .document-person>div>span:not(.scene-avatar),.approved-home .product-stories .authority-person>div>span{font-size:8px;margin-top:4px}.approved-home .product-stories .portal-progress{font-size:7px}
.approved-home .product-stories .document-row{padding:14px 0;gap:8px}.approved-home .product-stories .document-file{width:24px;height:29px}.approved-home .product-stories .document-file .icon{width:14px;height:14px}.approved-home .product-stories .document-row strong{font-size:10px}.approved-home .product-stories .document-row small{font-size:8px;margin-top:4px}.approved-home .product-stories .document-status{font-size:8px;gap:3px}.approved-home .product-stories .document-status .icon{width:9px;height:9px}.approved-home .product-stories .document-note{font-size:8px;min-height:39px}
.approved-home .product-stories .authority-body{padding:14px 13px 0}.approved-home .product-stories .authority-person{gap:8px}.approved-home .product-stories .authority-body h4{font-size:15px;line-height:1.4;margin:18px 0 7px}.approved-home .product-stories .authority-body>p{font-size:11px;line-height:1.7;min-height:37px}.approved-home .product-stories .change-row{font-size:10px;margin-top:12px;padding:12px 0}.approved-home .product-stories .authority-owner{margin-top:14px;gap:7px}.approved-home .product-stories .authority-owner strong{font-size:10px}.approved-home .product-stories .authority-owner small{font-size:7px}.approved-home .product-stories .authority-owner .native-button{padding:8px 10px;font-size:10px;gap:5px}.approved-home .product-stories .authority-note{font-size:8px;min-height:33px;line-height:1.6;padding-top:9px}
/* Published Invice mission composer: quiet textarea and circular send control. */
.approved-home .agent-composer{display:flex;align-items:flex-end;gap:8px;padding:6px 6px 6px 12px;border:1px solid #dfe1e8;background:#ffffffed;border-radius:16px;box-shadow:0 2px 5px #20263504;min-width:0}
.approved-home .agent-composer textarea{flex:1;min-width:0;resize:none;overflow-y:auto;background:transparent;border:0;outline:none;font:13px/22px var(--sans);color:#42424d;min-height:32px;max-height:100px;height:32px;padding:5px 3px}.approved-home .agent-composer textarea::placeholder{color:#aaaab4}.approved-home .agent-composer:focus-within{border-color:#b4abb0;box-shadow:0 0 0 2px #b82c0f0a}
.approved-home .agent-composer button{width:32px;height:32px;flex:none;border-radius:50%;display:grid;place-items:center;background:var(--ember);color:#fff}.approved-home .agent-composer button:disabled{background:#ededef;color:#ababaf;cursor:default}.approved-home .agent-composer button .icon{width:16px;height:16px}
.approved-home .feature-control .agent-composer{padding:4px 4px 4px 9px;border-radius:13px;gap:5px}.approved-home .feature-control textarea{font-size:10px;line-height:19px;height:27px;min-height:27px;padding:4px 0}.approved-home .feature-control .agent-composer button{width:27px;height:27px}.approved-home .feature-control .agent-composer button .icon{width:14px;height:14px}
.approved-home .agent-feedback{margin-top:10px;padding:10px 12px;background:#f3f5f6;border:1px solid #e4e6ec;border-radius:9px;font-size:11px;line-height:1.7;color:#74747f}.approved-home .agent-feedback strong{display:flex;align-items:center;gap:7px;color:#4b4b57;font-size:10px;margin-bottom:5px}.approved-home .agent-feedback strong img{width:13px;height:13px}.approved-home .agent-feedback p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.approved-home .agent-feedback small{display:block;color:#9797a2;font-size:8px;margin-top:6px}
/* Channel context and conversation, with an obvious place to take control. */
.approved-home .channel-workspace{margin-top:29px;border-radius:20px}.approved-home .channel-topbar{padding:13px 22px;font-size:11px}.approved-home .channel-topbar strong{font-size:11px}.approved-home .channel-layout{grid-template-columns:250px minmax(0,1fr)}
.approved-home .channel-file{padding:22px 21px 18px}.approved-home .channel-file-heading{margin-bottom:22px;gap:10px}.approved-home .channel-file-heading .scene-avatar{width:31px;height:31px}.approved-home .channel-file-heading strong{font-size:12px}.approved-home .channel-file-heading>div>span{font-size:9px}.approved-home .channel-small-label{margin-bottom:17px;font-size:7px}.approved-home .channel-fact{margin-bottom:20px;gap:9px}.approved-home .channel-fact strong{font-size:11px}.approved-home .channel-fact small{font-size:9px;margin-top:5px}.approved-home .channel-file-foot{margin-top:24px;padding-top:17px;font-size:8px}
.approved-home .channel-conversation{margin:15px;display:flex;flex-direction:column;min-width:0}.approved-home .channel-tabs{display:flex;justify-content:space-between;gap:4px;padding:10px 15px}.approved-home .channel-tabs button{font-size:10px;padding:8px 10px;gap:6px}.approved-home .channel-tabs .app-mark{width:14px;height:14px}
.approved-home .channel-thread{padding:15px 21px 10px;min-height:0;flex:1}.approved-home .channel-thread-intro{font-size:7px;margin-bottom:11px}.approved-home .channel-thread-intro>span{font-size:6px}.approved-home .channel-question{margin-left:45px;padding:10px 13px}.approved-home .channel-question>span:first-child{font-size:10px;margin-bottom:4px}.approved-home .channel-question p,.approved-home .channel-answer p{font-size:12px;line-height:1.7}.approved-home .channel-message-portrait.person-portrait{width:20px;height:20px;min-width:20px}.approved-home .channel-attachment{font-size:8px;margin-top:7px}.approved-home .channel-attachment .icon{width:11px;height:11px}.approved-home .channel-answer{padding:13px 3px 0}.approved-home .channel-answer>div{gap:7px}.approved-home .channel-answer strong{font-size:11px}.approved-home .channel-answer>div>span{font-size:9px}.approved-home .channel-answer p{margin:8px 0 9px 23px;max-width:none}.approved-home .channel-source{font-size:8px;margin-left:23px}.approved-home .channel-source .app-mark{width:12px;height:12px}
.approved-home .voice-record{padding:9px 12px;margin-bottom:11px;gap:10px}.approved-home .voice-record-icon{width:28px;height:28px}.approved-home .voice-record strong{font-size:10px}.approved-home .voice-record>div>span{font-size:8px}.approved-home .voice-wave{height:29px}.approved-home .voice-wave i{height:calc(var(--wave-height)*.65)}.approved-home .voice-record time{font-size:8px}
.approved-home .platform-route{display:inline-flex!important;align-items:center;gap:5px!important;color:#8e8e99!important;margin-left:auto!important;white-space:nowrap}.approved-home .platform-route .app-mark{width:12px;height:12px}
.approved-home .channel-control{padding:10px 19px 15px}.approved-home .composer-modes{display:flex;align-items:center;gap:13px;margin-bottom:8px}.approved-home .composer-modes button{display:inline-flex;align-items:center;gap:5px;background:none;color:#9999a4;font-size:10px;padding:2px 0}.approved-home .composer-modes button.selected{color:#41414c}.approved-home .composer-modes img{width:13px;height:13px}.approved-home .composer-modes>span{margin-left:auto;font:7px var(--label);color:#a3a3ad}
.approved-home .intelligence-product{margin-top:29px}
.approved-home .connections-section{padding-top:65px;padding-bottom:75px}.approved-home .closing{padding-top:66px;padding-bottom:82px}
@media(max-width:1100px){.approved-home .section-intro.compact-intro{column-gap:40px}.approved-home .section-intro.compact-intro h2{font-size:36px}.approved-home .section-intro.compact-intro>p:last-child{font-size:13px}.approved-home .product-stories{gap:13px}.approved-home .product-stories .product-story{padding:10px 10px 0}.approved-home .product-stories .story-copy,.approved-home .product-stories .story-conversation .story-copy{padding:19px 7px 22px}.approved-home .product-stories .story-copy h3{font-size:22px}.approved-home .product-stories .story-copy>p{font-size:11px}.approved-home .product-stories .product-scene{min-height:337px}.approved-home .product-stories .conversation-content{padding:12px 10px}.approved-home .product-stories .draft-message{padding:10px}.approved-home .product-stories .scene-toolbar{padding-inline:10px;font-size:10px}.approved-home .product-stories .draft-heading>span:first-child{font-size:9px}.approved-home .product-stories .review-pill{font-size:6px}.approved-home .product-stories .message-byline>span{font-size:6px}.approved-home .product-stories .document-scene-body{padding-inline:10px}.approved-home .product-stories .document-person{gap:6px}.approved-home .product-stories .portal-progress{font-size:6px}.approved-home .product-stories .document-person strong{font-size:10px}.approved-home .product-stories .document-row small{font-size:7px}.approved-home .product-stories .document-row{gap:6px}.approved-home .product-stories .document-status{font-size:7px}.approved-home .product-stories .authority-body{padding-inline:10px}.approved-home .product-stories .authority-person strong{font-size:10px}.approved-home .product-stories .authority-owner .scene-avatar{display:none}.approved-home .channel-layout{grid-template-columns:215px minmax(0,1fr)}.approved-home .channel-file{padding:20px 16px}.approved-home .channel-file-heading strong{font-size:11px}.approved-home .channel-file-heading>div>span{font-size:8px}.approved-home .channel-file-heading{gap:8px}.approved-home .channel-conversation{margin:13px}.approved-home .channel-tabs{padding:9px 10px;gap:3px}.approved-home .channel-tabs button{font-size:9px;padding:8px 6px;gap:5px}.approved-home .channel-tabs .app-mark{width:12px;height:12px}.approved-home .channel-question p,.approved-home .channel-answer p{font-size:11px}.approved-home .channel-control{padding-inline:16px}.approved-home .channel-thread{padding-inline:17px}.approved-home .channel-question{margin-left:25px}}
@media(max-width:900px){.approved-home .product-stories{grid-template-columns:1fr;gap:18px}.approved-home .product-stories .product-story{display:grid;grid-template-columns:1.05fr 1fr;padding:18px;gap:26px;align-items:center}.approved-home .product-stories .product-scene{min-height:0}.approved-home .product-stories .story-copy,.approved-home .product-stories .story-conversation .story-copy{padding:0 10px 0 0;order:2}.approved-home .product-stories .story-copy h3{font-size:28px;margin:15px 0}.approved-home .product-stories .story-copy>p{font-size:13px}.approved-home .product-stories .authority-owner .scene-avatar{display:grid}.approved-home .channel-layout{grid-template-columns:1fr}.approved-home .channel-file{display:none}.approved-home .channel-thread{padding:17px 22px 12px}.approved-home .channel-conversation{margin:16px}.approved-home .channel-tabs{padding:10px 18px}.approved-home .channel-tabs button{font-size:10px;padding:9px 10px}.approved-home .channel-question p,.approved-home .channel-answer p{font-size:12px}.approved-home .channel-control{padding:12px 21px 17px}.approved-home .channel-thread-intro{font-size:8px}.approved-home .channel-question{margin-left:45px}.approved-home .channel-source{font-size:9px}.approved-home .channel-topbar{padding:15px 22px}.approved-home .channel-workspace{margin-top:28px}}
@media(max-width:600px){.approved-home .value-section,.approved-home .intelligence-section,.approved-home .channels-section{padding-top:49px;padding-bottom:50px}.approved-home .section-intro.compact-intro{display:block;text-align:left}.approved-home .compact-intro>.eyebrow{font-size:8px;margin-bottom:15px;line-height:1.7}.approved-home .section-intro.compact-intro h2{font-size:34px;line-height:1.12;margin:0 0 16px}.approved-home .section-intro.compact-intro>p:last-child{font-size:13px;line-height:1.8;max-width:none}.approved-home .product-stories{margin-top:25px;gap:19px}.approved-home .product-stories .product-story{display:flex;padding:14px 14px 0;gap:0;border-radius:19px}.approved-home .product-stories .product-scene{min-height:0}.approved-home .product-stories .story-copy,.approved-home .product-stories .story-conversation .story-copy{padding:20px 8px 25px}.approved-home .product-stories .story-copy h3{font-size:26px;margin:11px 0}.approved-home .product-stories .story-copy>p{font-size:13px}.approved-home .product-stories .scene-toolbar{font-size:11px;padding:13px}.approved-home .product-stories .conversation-content{padding:14px 13px}.approved-home .product-stories .conversation-heading h4{font-size:12px}.approved-home .product-stories .scene-overline{font-size:7px}.approved-home .product-stories .scene-avatar{width:30px;height:30px}.approved-home .product-stories .incoming-message>p,.approved-home .product-stories .draft-message>p{font-size:12px}.approved-home .product-stories .message-byline{font-size:11px}.approved-home .product-stories .message-byline>span{font-size:8px}.approved-home .product-stories .draft-message{padding:13px}.approved-home .product-stories .draft-heading>span:first-child{font-size:10px}.approved-home .product-stories .review-pill{font-size:8px}.approved-home .mini-route{font-size:9px;margin-block:11px}.approved-home .feature-control textarea{font-size:12px;line-height:22px;height:32px}.approved-home .feature-control .agent-composer{padding:5px 5px 5px 10px}.approved-home .feature-control .agent-composer button{width:32px;height:32px}.approved-home .product-stories .document-scene-body{padding-inline:14px}.approved-home .product-stories .document-person{padding:16px 0;gap:9px}.approved-home .product-stories .document-person strong{font-size:12px}.approved-home .product-stories .document-person>div>span:not(.scene-avatar){font-size:9px}.approved-home .product-stories .portal-progress{font-size:8px}.approved-home .product-stories .document-row{padding:15px 0;gap:10px}.approved-home .product-stories .document-row strong{font-size:11px}.approved-home .product-stories .document-row small{font-size:9px}.approved-home .product-stories .document-status{font-size:9px}.approved-home .product-stories .document-note{font-size:9px}.approved-home .product-stories .authority-body{padding:17px 14px 0}.approved-home .product-stories .authority-person strong{font-size:12px}.approved-home .product-stories .authority-person>div>span{font-size:9px}.approved-home .product-stories .authority-body h4{font-size:17px}.approved-home .product-stories .authority-body>p{font-size:12px}.approved-home .product-stories .change-row{font-size:11px;padding-block:14px}.approved-home .product-stories .authority-owner{margin-top:16px}.approved-home .product-stories .authority-owner strong{font-size:11px}.approved-home .product-stories .authority-owner small{font-size:8px}.approved-home .product-stories .authority-owner .native-button{font-size:11px;padding:10px 12px}.approved-home .product-stories .authority-note{font-size:9px;min-height:39px}.approved-home .channel-workspace{margin-top:26px;border-radius:17px}.approved-home .channel-topbar{padding:15px;font-size:10px}.approved-home .channel-topbar strong{font-size:10px}.approved-home .channel-conversation{margin:10px}.approved-home .channel-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:9px;gap:4px}.approved-home .channel-tabs button{font-size:10px;justify-content:center;padding:9px 5px}.approved-home .channel-tabs .app-mark{width:14px;height:14px}.approved-home .channel-thread{padding:14px 13px 10px}.approved-home .channel-thread-intro{font-size:6px;margin-bottom:13px}.approved-home .channel-question{margin-left:15px;padding:10px 12px}.approved-home .channel-question p,.approved-home .channel-answer p{font-size:12px;line-height:1.8}.approved-home .channel-answer{padding-top:17px}.approved-home .channel-answer>div>span{font-size:8px}.approved-home .channel-answer p{margin:9px 0 10px 22px}.approved-home .channel-source{font-size:8px;margin-left:22px;flex-wrap:wrap}.approved-home .channel-control{padding:11px 12px 14px}.approved-home .composer-modes{gap:13px;margin-bottom:9px}.approved-home .composer-modes button{font-size:9px}.approved-home .composer-modes>span{display:none}.approved-home .agent-composer textarea{font-size:12px;line-height:21px}.approved-home .platform-route{font-size:8px!important}.approved-home .voice-record{padding:10px;gap:8px}.approved-home .voice-record strong{font-size:9px}.approved-home .voice-record>div>span{font-size:7px}.approved-home .voice-record-icon{width:25px;height:25px}.approved-home .voice-record time{font-size:7px}.approved-home .connections-section{padding-top:49px;padding-bottom:55px}.approved-home .closing{padding-top:54px;padding-bottom:66px}}
@media(max-width:370px){.approved-home .section-intro.compact-intro h2{font-size:31px}.approved-home .product-stories .product-story{padding-inline:11px}.approved-home .product-stories .review-pill{font-size:7px}.approved-home .product-stories .draft-heading>span:first-child{font-size:9px}.approved-home .product-stories .portal-progress{font-size:7px}.approved-home .product-stories .document-row strong{font-size:10px}.approved-home .product-stories .document-row small{font-size:8px}.approved-home .product-stories .document-status{font-size:8px}.approved-home .channel-tabs button{font-size:9px;gap:5px}.approved-home .channel-topbar{gap:8px;padding-inline:13px}.approved-home .channel-topbar>span:first-child{gap:6px}.approved-home .channel-thread{padding-inline:10px}.approved-home .channel-control{padding-inline:9px}.approved-home .channel-source{font-size:7px}.approved-home .channel-answer>div{gap:5px}.approved-home .channel-answer>div>span{font-size:7px}.approved-home .channel-answer strong{font-size:10px}.approved-home .channel-answer>div>img{width:14px;height:14px}.approved-home .platform-route .app-mark{width:10px;height:10px}}

/* Keep the first-screen proof specific and the exploration CTA honest. */
.approved-home .hero-note a{display:inline-flex;align-items:center;justify-content:center;gap:7px;line-height:1.8}
.approved-home .hero-note .icon{width:13px;height:13px;color:#87918b}.approved-home .hero-note a>span{margin-left:3px;color:#9696a1}
.approved-home .hero-note a:hover{color:var(--ink)}
@media(max-width:600px){.approved-home .hero-actions .button-quiet{font-size:10px;gap:7px;padding-inline:12px}.approved-home .hero-note a{gap:5px}.approved-home .hero-note .icon{width:11px;height:11px}}
/* Marketing copy stays comfortably readable against the pale canvas. */
.approved-home .section-intro.compact-intro>p:last-child,.approved-home .product-stories .story-copy>p{color:#6f6f79}

/* A quieter lower page using Invice's existing type and gray surfaces. */
.approved-home .principles-section{display:grid;grid-template-columns:250px minmax(0,1fr);gap:36px;align-items:center;padding-block:64px 62px;border:0;background:none}
.approved-home .principles-intro .eyebrow{display:flex;align-items:center;gap:8px;font-size:9px;letter-spacing:.12em;color:var(--muted)}
.approved-home .principles-intro .maple{width:13px;height:13px}
.approved-home .principles-intro h2,.approved-home .faq-intro h2{margin:18px 0;font-family:var(--display);font-size:clamp(33px,3.1vw,43px);font-weight:500;line-height:1.09;letter-spacing:-.045em}
.approved-home .principles-intro>p:not(.eyebrow),.approved-home .faq-intro>p:not(.eyebrow){margin:0;color:var(--muted);font-size:13px;line-height:1.8}
.approved-home .principles-intro .text-link,.approved-home .faq-intro .text-link{margin-top:23px;font-size:12px;gap:12px}
.approved-home .principles-intro .text-link .icon,.approved-home .faq-intro .text-link .icon{width:16px;height:16px}
.approved-home .principles-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.approved-home .principle-card{display:flex;flex-direction:column;align-items:flex-start;min-width:0;padding:24px 21px 22px;border:1px solid #e4e6e9;border-radius:19px;background:linear-gradient(145deg,#ffffffa6,#f1f2f4b3);box-shadow:0 1px 2px #14141e03,inset 0 1px 0 #fff9}
.approved-home .principle-icon{display:grid;place-items:center;width:33px;height:33px;margin-bottom:23px;border:1px solid #e0e3e7;border-radius:10px;background:#e9ecef80;color:#646971}
.approved-home .principle-icon .icon{width:16px;height:16px;stroke-width:1.5}
.approved-home .principle-card h3{margin:0 0 15px;font-family:var(--display);font-size:19px;font-weight:500;line-height:1.22;letter-spacing:-.025em}
.approved-home .principle-card>p{margin:0 0 22px;font-size:12px;line-height:1.75;color:var(--muted)}
.approved-home .principle-caption{margin-top:auto;font-family:var(--label);font-size:8px;line-height:1.6;letter-spacing:.035em;color:#85878f}
.approved-home .pricing-section{padding-block:15px 62px;border:0;background:none}
.approved-home .pricing-strip{display:grid;grid-template-columns:1fr 1.15fr auto;align-items:center;gap:36px;padding:35px 38px;border:1px solid #e3e5e8;border-radius:22px;background:#ffffff80;box-shadow:0 1px 2px #14141e03,inset 0 1px 0 #fff}
.approved-home .pricing-intro .eyebrow{margin:0 0 13px;color:var(--muted);font-size:8px;letter-spacing:.13em}
.approved-home .pricing-intro h2{margin:0;font-family:var(--display);font-size:29px;font-weight:500;line-height:1.14;letter-spacing:-.04em}
.approved-home .pricing-price{display:flex;align-items:baseline;gap:8px;color:var(--muted);font-size:13px}
.approved-home .pricing-price>span:first-child{margin-right:3px;font-size:11px}
.approved-home .pricing-price strong{font-family:var(--display);font-size:48px;font-weight:500;line-height:1;letter-spacing:-.055em;color:var(--ink)}
.approved-home .pricing-plan{margin:12px 0 6px;color:var(--secondary);font-size:12px;line-height:1.6}
.approved-home .pricing-plan>span{margin-inline:5px;color:#a6a8ae}
.approved-home .pricing-terms{margin:0;color:var(--muted);font-size:10px;line-height:1.8}
.approved-home .pricing-actions{display:flex;flex-direction:column;align-items:center;gap:16px}
.approved-home .pricing-actions .button{font-size:12px;padding:12px 17px;gap:15px;white-space:nowrap;min-height:45px}
.approved-home .pricing-actions .button .icon{width:16px;height:16px}
.approved-home .pricing-actions>a{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:11px;line-height:1.5}
.approved-home .pricing-actions>a:hover{color:var(--ink)}
.approved-home .faq-section{display:grid;grid-template-columns:1fr 1.55fr;gap:100px;align-items:start;padding-block:47px 65px;border:0;background:none}
.approved-home .faq-intro{padding-top:17px}
.approved-home .faq-intro .eyebrow{color:var(--muted);font-size:9px;letter-spacing:.12em}
.approved-home .faq-intro h2{font-size:43px}
.approved-home .faq-list{min-width:0}
.approved-home .faq-item{border-bottom:1px solid #e1e4e7}
.approved-home .faq-item:last-child{border-bottom:0}
.approved-home .faq-item>summary{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:65px;margin:0;padding:19px 0;list-style:none;color:var(--secondary);font-family:var(--sans);font-size:13px;font-weight:500;line-height:1.65;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:color .15s}
.approved-home .faq-item>summary::-webkit-details-marker{display:none}
.approved-home .faq-item>summary::after{content:'+';flex:none;width:20px;text-align:center;color:#8c9096;font-family:var(--sans);font-size:21px;font-weight:300;line-height:1}
.approved-home .faq-item[open]>summary::after{content:'−'}
.approved-home .faq-item>summary:hover{color:var(--ember)}
.approved-home .faq-item>summary:focus-visible{outline:2px solid var(--ember);outline-offset:5px;border-radius:4px}
.approved-home .faq-answer{padding:0 36px 22px 0}
.approved-home .faq-answer p{margin:0;color:var(--muted);font-size:12px;line-height:1.85}
.approved-home .faq-answer a{color:var(--secondary);text-decoration:underline;text-decoration-color:#c6c9ce;text-underline-offset:3px}
.approved-home .faq-answer a:hover{color:var(--ember)}
@media(max-width:1100px){
  .approved-home .principles-section{grid-template-columns:215px minmax(0,1fr);gap:24px;padding-block:55px}
  .approved-home .principles-intro h2{font-size:36px}.approved-home .principles-grid{gap:10px}.approved-home .principle-card{padding:22px 17px 20px}.approved-home .principle-card h3{font-size:17px}.approved-home .principle-card>p{font-size:11px}.approved-home .principle-caption{font-size:7px}
  .approved-home .pricing-strip{gap:23px;padding:31px 28px}.approved-home .pricing-intro h2{font-size:26px}.approved-home .pricing-price strong{font-size:43px}.approved-home .pricing-plan{font-size:11px}.approved-home .pricing-terms{font-size:9px}.approved-home .pricing-actions .button{font-size:11px;padding-inline:14px;gap:12px}
  .approved-home .faq-section{gap:68px;grid-template-columns:1fr 1.65fr}.approved-home .faq-intro h2{font-size:39px}
}
@media(max-width:820px){
  .approved-home .principles-section{grid-template-columns:1fr;gap:27px;padding-block:50px}.approved-home .principles-intro{display:grid;grid-template-columns:1fr 1fr;gap:0 28px;align-items:center}.approved-home .principles-intro .eyebrow{grid-column:1}.approved-home .principles-intro h2{grid-column:1;grid-row:2/4;margin:15px 0 0;font-size:37px}.approved-home .principles-intro>p:not(.eyebrow){grid-column:2;grid-row:2;font-size:12px}.approved-home .principles-intro .text-link{grid-column:2;grid-row:3;margin-top:10px;align-self:start}.approved-home .principle-card{padding:24px 20px}.approved-home .principle-icon{margin-bottom:20px}.approved-home .principle-card h3{font-size:18px}.approved-home .principle-card>p{font-size:11px;margin-bottom:20px}
  .approved-home .pricing-section{padding-block:13px 40px}.approved-home .pricing-strip{grid-template-columns:1fr 1.15fr;gap:26px 24px}.approved-home .pricing-actions{grid-column:1/-1;flex-direction:row;justify-content:space-between;gap:20px}.approved-home .pricing-actions .button{font-size:12px;padding-inline:19px}.approved-home .pricing-plan{font-size:12px}.approved-home .pricing-terms{font-size:10px}
  .approved-home .faq-section{grid-template-columns:1fr 1.6fr;gap:35px;padding-block:40px 54px}.approved-home .faq-intro h2{font-size:34px}.approved-home .faq-intro .eyebrow{font-size:8px}.approved-home .faq-intro>p:not(.eyebrow){font-size:12px}.approved-home .faq-item>summary{font-size:12px;gap:15px;padding-block:17px;min-height:63px}.approved-home .faq-answer{padding-right:24px}.approved-home .faq-answer p{font-size:11px}
}
@media(max-width:600px){
  .approved-home .principles-section{gap:28px;padding-block:42px}.approved-home .principles-intro{display:block}.approved-home .principles-intro .eyebrow{font-size:8px}.approved-home .principles-intro h2{font-size:37px;margin:19px 0 16px}.approved-home .principles-intro>p:not(.eyebrow){font-size:13px}.approved-home .principles-intro .text-link{margin-top:19px;font-size:11px}.approved-home .principles-grid{grid-template-columns:1fr;gap:12px}.approved-home .principle-card{display:grid;grid-template-columns:34px 1fr;column-gap:15px;align-items:start;padding:21px 22px;border-radius:17px}.approved-home .principle-icon{grid-column:1;grid-row:1/4;margin:1px 0 0;width:32px;height:32px}.approved-home .principle-card h3{grid-column:2;font-size:19px;margin:0 0 9px}.approved-home .principle-card h3 br{display:none}.approved-home .principle-card h3 br::after{content:' '}.approved-home .principle-card>p{grid-column:2;font-size:12px;line-height:1.8;margin:0 0 13px}.approved-home .principle-caption{grid-column:2;font-size:8px}
  .approved-home .pricing-section{padding-block:5px 40px}.approved-home .pricing-strip{grid-template-columns:1fr;padding:25px 24px 27px;gap:24px;border-radius:19px}.approved-home .pricing-intro h2{font-size:28px}.approved-home .pricing-intro .eyebrow{margin-bottom:12px}.approved-home .pricing-price strong{font-size:48px}.approved-home .pricing-plan{font-size:12px}.approved-home .pricing-terms{font-size:10px}.approved-home .pricing-actions{grid-column:auto;flex-direction:column;align-items:flex-start;gap:15px}.approved-home .pricing-actions .button{width:100%;font-size:12px;min-height:47px}.approved-home .pricing-actions>a{align-self:center;font-size:11px}
  .approved-home .faq-section{grid-template-columns:1fr;gap:23px;padding-block:26px 46px}.approved-home .faq-intro{padding:0}.approved-home .faq-intro h2{font-size:37px;margin:19px 0 16px}.approved-home .faq-intro>p:not(.eyebrow){font-size:13px}.approved-home .faq-intro .text-link{margin-top:19px;font-size:11px}.approved-home .faq-item>summary{font-size:12px;gap:16px;padding-block:19px;min-height:66px}.approved-home .faq-item>summary::after{width:17px;font-size:20px}.approved-home .faq-answer{padding:0 20px 22px 0}.approved-home .faq-answer p{font-size:12px;line-height:1.85}
}
@media(max-width:370px){.approved-home .principle-card{padding:19px 17px;column-gap:12px}.approved-home .principle-card h3{font-size:17px}.approved-home .principle-card>p{font-size:11px}.approved-home .principle-caption{font-size:7px}.approved-home .pricing-strip{padding:25px 21px}.approved-home .pricing-plan{font-size:11px}.approved-home .pricing-terms{font-size:9px}.approved-home .faq-item>summary{font-size:11px}.approved-home .faq-answer p{font-size:11px}}
@media(prefers-reduced-motion:reduce){.approved-home .faq-item>summary{transition:none}}

/* Private owner conversation, using Invice's native grey surfaces and composer. */
.approved-home #owner-experience{min-width:0;text-align:left}
.approved-home .oa-app-shell{display:grid;grid-template-columns:212px minmax(0,1fr);height:680px;overflow:hidden;border:1px solid #e0e1e6;border-radius:16px;background:#f3f3f4;box-shadow:0 2px 6px #14141e05,0 20px 48px #14141e08;font:13px/1.5 var(--sans);color:#26262a}
.approved-home .oa-app-shell *{box-sizing:border-box}
.approved-home .oa-app-shell button,.approved-home .oa-app-shell textarea{font-family:inherit}
.approved-home .oa-app-shell button{cursor:pointer}
.approved-home .oa-app-shell button:focus-visible{outline:2px solid #b82c0f;outline-offset:3px}
.approved-home .oa-sidebar{display:flex;flex-direction:column;min-height:0;border-right:1px solid #e1e2e7;padding:16px 9px 10px;background:#f0f0f2}
.approved-home .oa-wordmark{display:flex;align-items:center;gap:8px;min-height:24px;margin-bottom:12px;padding:0 11px;font:600 15px var(--display);letter-spacing:.16em}
.approved-home .oa-wordmark img{width:19px;height:19px}
.approved-home .oa-account{display:flex;align-items:center;gap:9px;min-height:34px;margin:0 8px 14px}
.approved-home .oa-account .person-portrait{width:32px;height:32px}
.approved-home .oa-account>svg{width:12px;height:12px;margin-left:auto;color:#9a9aa3}
.approved-home .oa-account strong{display:block;font-size:11px;font-weight:600}
.approved-home .oa-account small{display:block;margin-top:2px;color:#888a94;font-size:9px}
.approved-home .oa-native-nav{flex:1;min-height:0;overflow:auto;scrollbar-width:thin;scrollbar-color:#d8d9df transparent}
.approved-home .oa-nav-caption,.approved-home .oa-history-caption{padding:0 11px;margin:0 0 7px;font:8px/1.5 var(--label);letter-spacing:.1em;text-transform:uppercase;color:#9a9aa3}
.approved-home .oa-data-caption{padding-top:15px;margin-bottom:7px}
.approved-home .oa-nav-item{display:flex;align-items:center;gap:10px;width:100%;padding:5px 11px;min-height:28px;margin:0;border:0;border-radius:8px;background:transparent;color:#74747e;text-align:left;font-size:11px;line-height:18px}
.approved-home .oa-native-nav button.oa-nav-item:hover{background:#ffffffb5;color:#26262a}
.approved-home .oa-nav-count{margin-left:auto;min-width:17px;padding:1px 5px;border:1px solid #dfe0e6;border-radius:999px;text-align:center;color:#9a9aa3;font:8px/12px var(--mono)}
.approved-home .oa-nav-item svg{width:15px;height:15px;flex:none}
.approved-home .oa-nav-item.active{color:#26262a;background:#ffffffdb;box-shadow:0 2px 8px #252a3607}
.approved-home .oa-nav-item.active svg{color:#b82c0f}
.approved-home .oa-nav-item.selected:not(.active){background:#ffffff63;color:#4a4d59}
.approved-home .oa-nav-dot{width:5px;height:5px;background:#b82c0f;border-radius:50%;margin-left:auto}
.approved-home .oa-history-caption{margin-top:27px}
.approved-home .oa-sidebar-note{font-size:11px;line-height:1.75;color:#777a85;margin:0;padding:0 10px}
.approved-home .oa-sidebar-bottom{padding:8px 0 0;margin-top:8px;border-top:1px solid #e1e2e7;color:#8c8f99;flex:none}
.approved-home .oa-sidebar-bottom svg{width:13px;height:13px}
.approved-home .oa-workspace{display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden}
.approved-home .oa-globalbar{display:flex;align-items:center;gap:17px;min-height:56px;padding:10px 20px;border-bottom:1px solid #e1e2e7;flex:none;background:#f3f3f4}
.approved-home .oa-global-crumb{display:flex;align-items:center;gap:8px;color:#666671;font-size:12px;white-space:nowrap}
.approved-home .oa-global-crumb>svg{width:15px;height:15px;color:#93939d}
.approved-home .oa-global-search{display:flex;align-items:center;gap:8px;flex:1;min-width:0;max-width:345px;min-height:35px;padding:8px 10px;border:1px solid #e4e5ea;border-radius:9px;background:#fff;color:#a0a0ab;text-align:left;font-size:11px}
.approved-home .oa-global-search>svg{width:14px;height:14px;flex:none}.approved-home .oa-global-search>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.approved-home .oa-global-search kbd{margin-left:auto;padding:1px 4px;border:1px solid #e8e8ee;border-radius:4px;font:8px var(--mono);white-space:nowrap;color:#a2a2ad}
.approved-home .oa-new-mission{display:flex;align-items:center;gap:5px;margin-left:auto;min-height:35px;padding:8px 12px;border:1px solid #27272d;border-radius:8px;background:#2b2b31;color:#fff;white-space:nowrap;font-size:10px;box-shadow:0 2px 5px #14141e0a}
.approved-home .oa-new-mission>svg{width:12px;height:12px}.approved-home .oa-new-mission:hover{background:#414149}
.approved-home .oa-page-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:88px;flex:none;padding:18px 23px 17px}
.approved-home .oa-page-heading p{margin:0 0 7px;font:8px/1.3 var(--label);letter-spacing:.12em;text-transform:uppercase;color:#9595a0}
.approved-home .oa-page-heading h3{font:600 27px/1.12 var(--display);letter-spacing:-.03em;color:#26262a;margin:0}
.approved-home .oa-workarea{display:grid;grid-template-columns:minmax(0,1fr) 238px;flex:1;min-height:0;margin:0 20px 18px;border:1px solid #e1e3e8;border-radius:14px;background:#fff;box-shadow:0 1px 2px #14141e03;overflow:hidden}
.approved-home .oa-main{min-width:0;min-height:0;display:flex;flex-direction:column;background:#fff}
.approved-home .oa-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px 22px;border-bottom:1px solid #e1e3e8;flex:none;min-height:66px;background:#ffffff6b}
.approved-home .oa-header>div{display:flex;align-items:center;gap:11px}
.approved-home .oa-header strong{font-size:12px;font-weight:600}
.approved-home .oa-header>div>span{font-size:10px;color:#9295a0}
.approved-home .oa-private{display:flex;align-items:center;gap:5px;color:#6d8276;font:9px var(--label);white-space:nowrap}
.approved-home .oa-private svg{width:13px;height:13px}
.approved-home .oa-conversation{flex:1;min-height:0;overflow:auto;scrollbar-width:thin;scrollbar-color:#d8dce2 transparent;overscroll-behavior:contain}
.approved-home .oa-thread{padding:22px 24px 15px}
.approved-home .oa-message{display:flex;gap:10px;align-items:flex-start;margin-bottom:18px}
.approved-home .oa-message>div{min-width:0;flex:1}
.approved-home .oa-message-owner>.person-portrait{width:25px;height:25px;margin-top:6px}
.approved-home .oa-message-owner p{display:inline-block;padding:11px 14px;background:#e9ecf1;border:1px solid #dfe3e9;border-radius:3px 13px 13px 13px;color:#424651}
.approved-home .oa-message p{margin:0;font-size:12px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere}
.approved-home .oa-message-agent p{color:#676c79}
.approved-home .oa-agent-logo{width:19px;height:19px;margin-top:1px;flex:none}
.approved-home .oa-message-name{display:flex;align-items:center;gap:9px;font-size:11px;font-weight:600;margin:0 0 8px}
.approved-home .oa-message-name>span{font-size:9px;color:#a0a3ae;font-weight:400}
.approved-home .oa-message-channel{display:block;font-size:8px;color:#9398a3;margin-top:4px;text-transform:uppercase;letter-spacing:.06em}
.approved-home .oa-thread-actions{margin-left:29px}
.approved-home .oa-action-row{display:flex;align-items:center;gap:15px;flex-wrap:wrap}
.approved-home .oa-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#292a2f;color:#fff;border:1px solid #222329;box-shadow:inset 0 1px 0 #ffffff29,0 2px 5px #26262a10;border-radius:8px;padding:10px 13px;min-height:35px;font-size:10px;font-weight:500;white-space:nowrap}
.approved-home .oa-button svg{width:13px;height:13px}
.approved-home .oa-button:hover{background:#44464e}
.approved-home .oa-button-small{padding:8px 10px;font-size:9px;min-height:31px}
.approved-home .oa-text-button{border:0;padding:4px 0;background:transparent;color:#858a96;font-size:10px}
.approved-home .oa-text-button:hover{color:#b82c0f}
.approved-home .oa-composer-area{padding:8px 22px 14px;flex:none;background:linear-gradient(0deg,#f7f8fa,#f7f8fa00)}
.approved-home .oa-suggestions{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:10px}
.approved-home .oa-suggestions button{padding:6px 9px;border:1px solid #e1e4e9;border-radius:7px;background:#ffffff85;color:#838894;font-size:9px}
.approved-home .oa-suggestions button:hover{border-color:#c9cdd6;color:#424651}
.approved-home .oa-composer{display:flex;align-items:flex-end;gap:8px;padding:6px 6px 6px 12px;border:1px solid #dfe2e8;border-radius:15px;background:#ffffffef;box-shadow:inset 0 1px 0 #fff,0 6px 15px #26262a04}
.approved-home .oa-composer:focus-within{outline:2px solid #b82c0f;outline-offset:2px}
.approved-home .oa-input{resize:none;flex:1;min-width:0;min-height:34px;max-height:86px;padding:6px 4px;background:transparent;border:0;outline:0!important;font:12px/22px var(--sans);color:#26262a}
.approved-home .oa-input::placeholder{color:#8a8f9b}
.approved-home .oa-send{width:32px;height:32px;display:grid;place-items:center;flex:none;margin-bottom:1px;border:0;border-radius:50%;background:#b82c0f;color:#fff}
.approved-home .oa-send svg{width:18px;height:18px}
.approved-home .oa-send:disabled{background:#eceef2;color:#a1a5af;cursor:default}
.approved-home .oa-composer-caption{margin-top:7px;text-align:center;color:#979ca8;font-size:8px;line-height:1.5}
.approved-home .oa-context{border-left:1px solid #e5e6ea;background:#fafafb;padding:21px 15px 15px;min-height:0;overflow:auto;scrollbar-width:thin}
.approved-home .oa-rail-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 17px;font-size:11px;font-weight:550}
.approved-home .oa-rail-count{border:1px solid #dadee5;border-radius:5px;min-width:20px;text-align:center;font:9px/19px var(--mono);color:#858b98}
.approved-home .oa-rail-heading button,.approved-home .oa-evidence-head button{background:transparent;color:#8b909b;border:0;padding:0;display:grid;place-items:center}
.approved-home .oa-rail-heading button svg,.approved-home .oa-evidence-head button svg{width:14px;height:14px}
.approved-home .oa-file{padding:14px 12px;background:#ffffffb0;border:1px solid #e1e4ea;border-radius:11px;margin-bottom:10px;box-shadow:inset 0 1px 0 #fff}
.approved-home .oa-file-person{display:flex;align-items:center;gap:8px}
.approved-home .oa-file-person .person-portrait{width:29px;height:29px}
.approved-home .oa-file-person strong{display:block;font-size:10px;font-weight:600}
.approved-home .oa-file-person small{display:block;font-size:8px;color:#979ca8;margin-top:2px}
.approved-home .oa-goal-icon{display:grid;place-items:center;width:29px;height:29px;border:1px solid #dfe4eb;border-radius:9px;background:#edf0f5;color:#898f9b;flex:none}
.approved-home .oa-goal-icon svg{width:15px;height:15px}
.approved-home .oa-file-status{display:flex;align-items:center;gap:6px;margin:13px 0 10px;font-size:9px;color:#6c8174}
.approved-home .oa-file-status i{width:4px;height:4px;flex:none;border-radius:50%;background:#709b80}
.approved-home .oa-file-status-review{color:#a87563}
.approved-home .oa-file-status-review i{background:#b82c0f}
.approved-home .oa-file-evidence{display:flex;align-items:center;gap:6px;font-size:7px;letter-spacing:.01em;color:#9198a5;border-top:1px solid #edf0f4;padding-top:9px}
.approved-home .oa-app-mark{width:13px;height:13px;object-fit:contain;flex:none}
.approved-home .oa-context-foot{display:flex;gap:8px;font-size:8px;line-height:1.8;color:#989eaa;margin:19px 4px 0}
.approved-home .oa-context-foot svg{width:13px;height:13px;flex:none;margin-top:1px}
.approved-home .oa-evidence{margin-top:15px;background:#fff9;border:1px solid #e1e4eb;border-radius:10px;padding:11px 12px}
.approved-home .oa-evidence-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px;font-size:9px}
.approved-home .oa-source-row{display:flex;align-items:center;gap:8px;padding:8px 0;border-top:1px solid #e9ecf1}
.approved-home .oa-source-row>span:first-of-type{flex:1}
.approved-home .oa-source-row b{display:block;font-size:9px;font-weight:500}
.approved-home .oa-source-row small{display:block;font-size:8px;color:#989eaa}
.approved-home .oa-source-state{font-size:7px;color:#899d90}
.approved-home .oa-action-receipts{display:flex;align-items:center;gap:15px;flex-wrap:wrap;font-size:9px;color:#6d8877;margin:0 0 11px}
.approved-home .oa-action-receipts>span{display:flex;align-items:center;gap:6px}
.approved-home .oa-action-receipts svg{width:12px;height:12px}
.approved-home .oa-action-review{display:flex;align-items:center;gap:10px;margin-top:10px;padding:12px;background:#fff9;border:1px solid #e0e3e9;border-radius:10px;font-size:10px}
.approved-home .oa-action-review>span{flex:1;color:#777e8b}
.approved-home .oa-action-review strong{display:block;font-size:10px;font-weight:500;color:#454b57}
.approved-home .oa-action-review small{display:block;font-size:9px;color:#989eaa;margin-top:3px}
.approved-home .oa-action-done{display:flex;align-items:center;gap:8px;padding:12px;border:1px solid #dce6df;background:#f4f8f4;border-radius:10px;font-size:9px;color:#63816e;flex-wrap:wrap}
.approved-home .oa-action-done strong{font-weight:500;color:#435e4f}
.approved-home .oa-action-done>svg{width:13px;height:13px;margin-left:auto}
.approved-home .oa-paused{display:flex;align-items:center;gap:8px;background:#eef0f4;border:1px solid #dfe3ea;border-radius:9px;padding:12px;color:#828a98;font-size:10px}
.approved-home .oa-paused>svg{width:15px;height:15px;flex:none}
.approved-home .oa-paused>span{flex:1}
.approved-home .oa-settings-intro{font-size:10px;line-height:1.8;color:#89909d;margin:0 0 19px}
.approved-home .oa-rule{padding:11px 0;border-bottom:1px solid #e1e5eb;font-size:9px}
.approved-home .oa-rule>span{display:block;color:#8f96a3;margin-bottom:4px}
.approved-home .oa-rule b{font-size:10px;font-weight:500;color:#59616f}
.approved-home .oa-review-setting{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;text-align:left;padding:16px 0;background:transparent;border:0;font-size:10px;color:#454e5d}
.approved-home .oa-review-setting small{display:block;font-size:8px;font-weight:400;color:#999fac;margin-top:4px}
.approved-home .oa-switch{position:relative;flex:none;width:29px;height:18px;border-radius:12px;background:#dce1e8;border:1px solid #d4dbe5}
.approved-home .oa-switch::after{content:'';position:absolute;top:2px;left:2px;width:12px;height:12px;background:#fff;border-radius:50%;box-shadow:0 1px 3px #303a5220;transition:transform .15s}
.approved-home .oa-switch.on{background:#b82c0f;border-color:#b82c0f}
.approved-home .oa-switch.on::after{transform:translateX(11px)}
.approved-home .oa-confirm{background:#fff9;border:1px solid #e1e5eb;border-radius:9px;padding:12px;font-size:9px}
.approved-home .oa-confirm>strong{font-size:10px;font-weight:500}
.approved-home .oa-confirm p{color:#87909f;line-height:1.7;margin:8px 0 12px}
.approved-home .oa-confirm>div{display:flex;flex-wrap:wrap;gap:11px}
.approved-home .oa-confirm .oa-button{font-size:8px;min-height:28px;padding:7px 9px}
.approved-home .oa-settings-note{display:flex;align-items:flex-start;gap:7px;font-size:8px;line-height:1.8;color:#929ba9;margin-top:14px}
.approved-home .oa-settings-note svg{width:13px;height:13px;flex:none;margin-top:2px}
@media(max-width:1120px){.approved-home .oa-app-shell{grid-template-columns:196px minmax(0,1fr)}.approved-home .oa-workarea{grid-template-columns:minmax(0,1fr) 216px;margin-inline:16px}.approved-home .oa-sidebar{padding-inline:7px}.approved-home .oa-globalbar{padding-inline:17px;gap:12px}.approved-home .oa-global-crumb{font-size:11px}.approved-home .oa-page-heading{padding-inline:19px}.approved-home .oa-thread{padding:20px 18px 15px}.approved-home .oa-composer-area{padding-inline:16px}.approved-home .oa-context{padding-inline:12px}.approved-home .oa-file{padding:12px 10px}.approved-home .oa-message p{font-size:11px}.approved-home .oa-file-evidence{font-size:6.8px}.approved-home .oa-private{font-size:8px}}
@media(max-width:900px){.approved-home .oa-app-shell{grid-template-columns:minmax(0,1fr);height:680px}.approved-home .oa-sidebar{display:none}.approved-home .oa-workarea{grid-template-columns:minmax(0,1fr) 224px}.approved-home .oa-thread{padding:20px 22px}.approved-home .oa-message p{font-size:12px}.approved-home .oa-page-heading{min-height:84px}.approved-home .oa-globalbar{gap:15px}.approved-home .oa-global-search{max-width:none}}
@media(max-width:640px){.approved-home .oa-app-shell{display:block;height:auto;min-height:0;border-radius:15px}.approved-home .oa-workspace{overflow:visible}.approved-home .oa-globalbar{min-height:49px;padding:8px 11px;gap:9px}.approved-home .oa-global-crumb{display:none}.approved-home .oa-global-search{min-height:32px;font-size:10px;padding:7px 8px;gap:7px}.approved-home .oa-global-search kbd{display:none}.approved-home .oa-new-mission{min-height:32px;padding:7px 9px;font-size:9px;gap:4px}.approved-home .oa-new-mission>svg{width:11px;height:11px}.approved-home .oa-page-heading{min-height:77px;padding:15px 16px;gap:12px}.approved-home .oa-page-heading h3{font-size:25px}.approved-home .oa-page-heading p{font-size:7px;margin-bottom:6px}.approved-home .oa-page-heading>.oa-private{font:7px/1.5 var(--sans);max-width:105px;white-space:normal;gap:5px}.approved-home .oa-page-heading>.oa-private svg{width:12px;height:12px;flex:none}.approved-home .oa-workarea{display:flex;flex-direction:column;flex:none;min-height:0;margin:0 10px 12px;border-radius:12px;overflow:hidden}.approved-home .oa-main{height:455px;flex:none}.approved-home .oa-thread{padding:19px 14px 14px}.approved-home .oa-thread-actions{margin-left:0}.approved-home .oa-message{gap:9px;margin-bottom:16px}.approved-home .oa-message p{font-size:11px}.approved-home .oa-message-name>span{font-size:8px}.approved-home .oa-composer-area{padding:8px 11px 13px}.approved-home .oa-input{font-size:11px}.approved-home .oa-composer-caption{font-size:7px}.approved-home .oa-context{border-left:0;border-top:1px solid #e3e5ea;padding:17px 13px;overflow:visible}.approved-home .oa-rail-heading{margin-bottom:12px}.approved-home .oa-file-list{display:grid;grid-template-columns:1fr;gap:8px}.approved-home .oa-file{margin:0;padding:11px;display:grid;grid-template-columns:1fr 1fr;column-gap:9px}.approved-home .oa-file-person{grid-row:1/3;min-width:0}.approved-home .oa-file-status{font-size:8px;margin:0 0 7px;align-self:end}.approved-home .oa-file-evidence{padding-top:7px;font-size:6.5px;min-width:0}.approved-home .oa-file-person strong{font-size:10px}.approved-home .oa-file-person .person-portrait{width:25px;height:25px}.approved-home .oa-context-foot{margin-top:13px;font-size:8px;align-items:center}.approved-home .oa-context-foot br{display:none}.approved-home .oa-context-foot svg{margin:0}.approved-home .oa-settings-intro{margin-bottom:10px}.approved-home .oa-rule{display:flex;justify-content:space-between;gap:10px}.approved-home .oa-review-setting small{font-size:9px}.approved-home .oa-action-review{gap:7px;padding:10px}.approved-home .oa-action-review small{font-size:8px}.approved-home .oa-button-small{padding:7px 8px}.approved-home .oa-suggestions button{font-size:8px}.approved-home .oa-action-receipts{gap:10px;font-size:8px}.approved-home .oa-message-channel{font-size:7px}.approved-home .oa-source-state{display:none}}
@media(max-width:360px){.approved-home .oa-workarea{margin-inline:7px}.approved-home .oa-file{grid-template-columns:1fr;padding:10px}.approved-home .oa-file-person{grid-row:auto;margin-bottom:9px}.approved-home .oa-file-status{margin:0 0 7px}.approved-home .oa-file-evidence{font-size:7px}.approved-home .oa-file-list{grid-template-columns:1fr}.approved-home .oa-message-owner>.person-portrait{display:none}.approved-home .oa-message-owner p{width:100%}.approved-home .oa-thread{padding-inline:12px}.approved-home .oa-composer-area{padding-inline:9px}.approved-home .oa-suggestions{gap:5px}.approved-home .oa-global-search>svg{display:none}.approved-home .oa-global-search{font-size:9px}.approved-home .oa-page-heading>.oa-private{max-width:90px}}
@media(prefers-reduced-motion:reduce){.approved-home .oa-switch::after{transition:none}}

/* One continuous customer conversation, in the same white glass material as
   Context & connections. Space and surface depth replace compartment rules. */
.approved-home #owner-channels.oc-shell {
  --oc-ink:var(--secondary);--oc-text:#606772;--oc-muted:#717b87;
  margin-top:32px;padding:24px 28px 26px;border-radius:28px;
  border:1px solid var(--prototype-edge);
  background:var(--prototype-glass);
  box-shadow:var(--prototype-shadow);
  -webkit-backdrop-filter:blur(18px) saturate(1.1);backdrop-filter:blur(18px) saturate(1.1);
  color:var(--oc-ink);overflow:hidden;overflow-anchor:none;text-align:left;
}
.approved-home .oc-shell * {box-sizing:border-box}
.approved-home .oc-shell :is(button,input) {font-family:var(--sans)}
.approved-home .oc-shell button {cursor:pointer;transition:background-color 160ms ease,box-shadow 160ms ease,color 160ms ease}
.approved-home .oc-shell :is(button,input,[tabindex]):focus-visible {outline:2px solid var(--ember);outline-offset:3px}
.approved-home .oc-shell .icon {width:16px;height:16px;flex:none}
.approved-home .oc-shell img {object-fit:contain;flex:none}
.approved-home .oc-topbar {display:flex;align-items:center;justify-content:space-between;gap:15px;padding:0 2px 23px}
.approved-home .oc-brand {display:flex;align-items:center;gap:10px;min-width:0;font-size:12px;font-weight:500}
.approved-home .oc-brand>img {width:18px;height:18px}
.approved-home .oc-state {display:flex;align-items:center;gap:7px;color:#617969;font-size:11px;white-space:nowrap}
.approved-home .oc-state>i {width:5px;height:5px;border-radius:50%;background:#789b87}
.approved-home .oc-layout {display:grid;grid-template-columns:258px minmax(0,1fr);gap:30px}
.approved-home .oc-context {display:flex;flex-direction:column;padding:21px 8px 9px 2px;min-width:0}
.approved-home .oc-person {display:flex;align-items:center;gap:11px}
.approved-home .oc-person .person-portrait {width:40px;height:40px}
.approved-home .oc-person strong {display:block;font-size:14px;font-weight:600;line-height:1.5}
.approved-home .oc-person>div>span {display:block;font-size:11px;color:var(--oc-muted);margin-top:2px}
.approved-home .oc-context h3 {font:600 25px/1.2 var(--display);letter-spacing:-.04em;margin:20px 0 10px}
.approved-home .oc-context-lede {font-size:13px;line-height:1.8;color:var(--oc-text);margin:0}
.approved-home .oc-label {font:9px/1.6 var(--label);letter-spacing:.1em;color:var(--oc-muted);margin:8px 0 12px}
.approved-home .oc-facts {display:grid;gap:14px}
.approved-home .oc-fact {display:flex;align-items:flex-start;gap:12px;min-width:0}
.approved-home .oc-fact>img {width:18px;height:18px;margin-top:2px}
.approved-home .oc-fact strong {display:block;font-size:12px;font-weight:500;line-height:1.5}
.approved-home .oc-fact span {display:block;font-size:11px;line-height:1.6;color:var(--oc-muted);margin-top:4px}
.approved-home .oc-context-foot {display:flex;align-items:flex-start;gap:9px;margin-top:auto;padding-top:16px;color:var(--oc-text);font-size:11px;line-height:1.6}
.approved-home .oc-context-foot>.icon {width:14px;height:14px;margin-top:2px;color:var(--oc-muted)}
.approved-home .oc-context-foot small {display:block;font-size:10px;color:var(--oc-muted);margin-top:3px}
.approved-home .oc-conversation {display:grid;grid-template-rows:58px minmax(0,1fr) 108px;gap:14px;min-width:0;height:577px}
.approved-home .oc-tabs {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:3px;border-radius:15px;background:var(--prototype-inset);min-width:0}
.approved-home .oc-tabs button {display:flex;align-items:center;justify-content:center;gap:9px;min-width:0;min-height:44px;padding:10px 8px;border:0;border-radius:12px;color:var(--oc-text);font-size:12px;font-weight:500;background:transparent}
.approved-home .oc-tabs button>img {width:21px;height:21px}
.approved-home .oc-tabs button:hover {background:#ffffff75}
.approved-home .oc-tabs button[aria-selected=true] {background:#ffffffe6;color:var(--oc-ink);box-shadow:0 3px 13px #2832470a,inset 0 1px #fff}
.approved-home .oc-panel {display:flex;flex-direction:column;min-width:0;min-height:0;border:0;border-radius:20px;background:var(--prototype-raised);box-shadow:0 8px 26px #28324705,inset 0 1px #fff;overflow:hidden}
.approved-home .oc-thread {flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#c9ced5 transparent;padding:22px 24px 10px}
.approved-home .oc-story-meta {display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:11px;font-size:10px;line-height:1.6;color:var(--oc-muted)}
.approved-home .oc-story-meta>span {display:flex;align-items:center;gap:7px}
.approved-home .oc-story-meta img,.approved-home .oc-story-meta .icon {width:13px;height:13px}
.approved-home .oc-meta-time {margin-left:4px;color:var(--oc-muted)}
.approved-home .oc-thread-title {font:500 15px/1.5 var(--display);letter-spacing:-.02em;margin:0 0 18px;color:var(--oc-ink)}
.approved-home .oc-question {width:fit-content;max-width:90%;margin:0 0 19px auto;padding:11px 15px;border-radius:14px 14px 4px 14px;background:var(--prototype-inset)}
/* The life-cycle stream (founder, 2026-10-15): the client and the outside world on the left, InVice on your behalf
   on the right, every event with its time; a step or a call opens to its reasoning. */
.approved-home .oc-stream {display:flex;flex-direction:column;gap:12px;padding-bottom:6px}
.approved-home .oc-in,.approved-home .oc-out {display:flex;min-width:0}
.approved-home .oc-in {justify-content:flex-start}
.approved-home .oc-out {justify-content:flex-end}
.approved-home .oc-bubble {position:relative;max-width:82%;min-width:0;padding:11px 14px 12px;border-radius:16px;font-size:13px;line-height:1.65;color:var(--oc-ink)}
.approved-home .oc-in>.oc-bubble {border-bottom-left-radius:5px}
.approved-home .oc-out>.oc-bubble {border-bottom-right-radius:5px}
.approved-home .oc-bubble {background:var(--prototype-canvas)}
/* InVice's bubbles in a slight white glass (founder, 2026-10-15). */
.approved-home .oc-out>.oc-bubble {background:#ffffffb8;box-shadow:inset 0 1px #fff,0 0 0 1px #e8eaee,0 6px 18px #28324708;-webkit-backdrop-filter:blur(10px) saturate(1.15);backdrop-filter:blur(10px) saturate(1.15)}
.approved-home .oc-bubble>p {margin:0;overflow-wrap:anywhere}
.approved-home .oc-bubble>p strong {color:var(--oc-ink);font-weight:500}
.approved-home .oc-bubble .oc-message-name {display:flex;align-items:center;gap:6px;margin-bottom:6px;font-size:10px;font-weight:500;color:var(--oc-ink)}
.approved-home .oc-bubble .oc-message-name img {width:13px;height:13px}
.approved-home .oc-bubble .oc-message-name small {font-size:10px;font-weight:400;color:var(--oc-muted);white-space:nowrap}
.approved-home .oc-via {display:inline-flex;align-items:center;gap:5px;font-weight:400;color:var(--oc-text);white-space:nowrap}
.approved-home .oc-via::before {content:'·';color:var(--oc-muted)}
.approved-home .oc-via .icon {width:12px;height:12px;color:var(--oc-muted)}
.approved-home .oc-bubble time {margin-left:auto;padding-left:10px;font-size:10px;font-weight:400;color:var(--oc-muted);white-space:nowrap}
.approved-home .oc-attach {display:inline-flex;align-items:center;gap:7px;margin-top:9px;padding:6px 9px;border:0;border-radius:9px;background:#fff;box-shadow:inset 0 0 0 1px #e4e6ea;font:500 11px/1.5 var(--sans);color:var(--oc-ink);cursor:pointer}
.approved-home .oc-attach:hover {box-shadow:inset 0 0 0 1px #c9ced5}
.approved-home .oc-attach img {width:14px;height:14px}
/* The sent email, in the shape of the app's communication view (founder, 2026-10-15). */
.approved-home .oc-mail-view {margin-top:9px;padding:14px 16px 13px;border-radius:12px;background:#fff;box-shadow:inset 0 0 0 1px #e4e6ea;font-size:12px;line-height:1.7;color:var(--oc-text)}
.approved-home .oc-mail-head {display:flex;flex-direction:column;gap:3px;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #eceef1}
.approved-home .oc-mail-route {display:flex;align-items:center;flex-wrap:wrap;gap:6px;font:11px/1.5 var(--mono);color:var(--oc-muted);overflow-wrap:anywhere}
.approved-home .oc-mail-route img {width:13px;height:13px}
.approved-home .oc-mail-route b {font-weight:500;color:var(--oc-text)}
.approved-home .oc-mail-route i {font-style:normal}
.approved-home .oc-mail-subject {font-weight:500;color:var(--oc-ink)}
.approved-home .oc-mail-view p {margin:0 0 9px}
.approved-home .oc-mail-sign {color:var(--oc-ink)}
.approved-home .oc-mail-foot {margin:12px 0 10px;padding-top:10px;border-top:1px solid #eceef1;font-size:11px;color:var(--oc-muted)}
.approved-home .oc-mail-foot span {text-decoration:underline}
.approved-home .oc-mail-open {display:inline-flex;align-items:center;gap:6px;font:11px/1 var(--mono);letter-spacing:.06em;color:var(--ember)}
.approved-home .oc-mail-open .icon {width:12px;height:12px}
/* The booking's details, a card over the conversation. */
.approved-home .oc-panel {position:relative}
.approved-home .oc-dialog {display:none;position:absolute;inset:14px 14px auto;max-height:calc(100% - 28px);margin:0;padding:16px 18px;border:0;border-radius:16px;background:#fff;box-shadow:0 18px 50px #1d26331f,0 0 0 1px #e4e6ea;color:var(--oc-ink);font-size:12px;line-height:1.6;overflow:auto;z-index:3}
.approved-home .oc-dialog[open] {display:flex;flex-direction:column;gap:12px}
.approved-home .oc-dialog-head {display:flex;align-items:flex-start;gap:10px}
.approved-home .oc-dialog-head img {width:22px;height:22px;margin-top:2px}
.approved-home .oc-dialog-head>div {flex:1;min-width:0}
.approved-home .oc-dialog-head h4 {margin:0;font:600 15px/1.35 var(--display);letter-spacing:-.02em;color:var(--oc-ink)}
.approved-home .oc-dialog-head>div>span {display:block;margin-top:2px;color:var(--oc-text)}
.approved-home .oc-dialog-close {width:30px;height:30px;border:0;border-radius:50%;background:var(--prototype-canvas);font:18px/1 var(--sans);color:var(--oc-text)}
.approved-home .oc-dialog-facts {display:grid;gap:7px;margin:0;padding:10px 0;border-block:1px solid #eceef1}
.approved-home .oc-dialog-facts>div {display:grid;grid-template-columns:76px minmax(0,1fr);gap:10px}
.approved-home .oc-dialog-facts dt {margin:0;font-size:11px;color:var(--oc-muted)}
.approved-home .oc-dialog-facts dd {margin:0;color:var(--oc-ink)}
.approved-home .oc-dialog-note {display:flex;gap:10px;padding:11px 12px;border-radius:12px;background:var(--prototype-canvas)}
.approved-home .oc-dialog-note img {width:16px;height:16px;margin-top:2px}
.approved-home .oc-dialog-note strong {display:block;margin-bottom:2px;font-size:11px;font-weight:600;color:var(--oc-ink)}
.approved-home .oc-dialog-note p {margin:0;color:var(--oc-text)}
.approved-home .oc-dialog-actions {display:flex;justify-content:flex-end}
.approved-home .oc-dialog-actions button {min-height:34px;padding:0 14px;border:0;border-radius:999px;background:var(--oc-ink);color:#fff;font:500 12px/1 var(--sans)}
.approved-home .oc-check {display:flex;align-items:center;gap:5px;margin:7px 0 0;font-size:11px;color:var(--oc-muted)}
.approved-home .oc-check .icon {width:11px;height:11px;flex:none;color:#71977d}
.approved-home .oc-why {margin-top:8px;font-size:11px;color:var(--oc-text)}
.approved-home .oc-why summary {display:flex;align-items:center;gap:5px;cursor:pointer;list-style:none;color:var(--oc-muted);font-weight:500}
.approved-home .oc-why summary::-webkit-details-marker {display:none}
.approved-home .oc-why summary .icon {width:11px;height:11px;transform:rotate(180deg);transition:transform 160ms ease}
.approved-home .oc-why[open] summary .icon {transform:none}
.approved-home .oc-why p {margin:7px 0 0;line-height:1.6}
.approved-home .oc-wave {display:flex;align-items:center;gap:2px;height:30px;margin:2px 0 9px}
.approved-home .oc-wave>i {display:block;width:3px;height:var(--bar);border-radius:2px;background:#a9b2ba}
.approved-home .oc-wave>.icon {width:12px;height:12px;margin-right:6px;color:var(--oc-muted)}
.approved-home .oc-typing {display:flex;gap:4px;padding:6px 2px}
.approved-home .oc-typing>i {width:6px;height:6px;border-radius:50%;background:#c3bbb1;animation:oc-blink 1.2s infinite}
.approved-home .oc-typing>i:nth-child(2) {animation-delay:.2s}
.approved-home .oc-typing>i:nth-child(3) {animation-delay:.4s}
@keyframes oc-blink {0%,80%,100% {opacity:.3} 40% {opacity:1}}
@media (prefers-reduced-motion:reduce) {.approved-home .oc-typing>i {animation:none}}
.approved-home .oc-message-name {display:block;font-size:10px;font-weight:500;color:var(--oc-text);margin-bottom:5px}
.approved-home .oc-question>p {font-size:13px;line-height:1.7;color:var(--oc-ink);margin:0;overflow-wrap:anywhere}
.approved-home .oc-answer-heading {display:flex;align-items:center;gap:8px}
.approved-home .oc-answer-heading>img {width:18px;height:18px}
.approved-home .oc-answer-heading>strong {font-size:12px;font-weight:600}
.approved-home .oc-answer-heading>span {font-size:10px;color:var(--oc-muted);margin-left:2px}
.approved-home .oc-answer>p {font-size:13px;line-height:1.8;color:var(--oc-text);margin:8px 0 0 26px;overflow-wrap:anywhere}
.approved-home .oc-record {display:flex;align-items:center;gap:9px;width:fit-content;max-width:calc(100% - 26px);margin:15px 0 0 26px;padding:9px 11px;border-radius:10px;background:var(--prototype-inset)}
.approved-home .oc-record>img {width:16px;height:16px}
.approved-home .oc-record>span {min-width:0}
.approved-home .oc-record strong {display:block;font-size:11px;line-height:1.5;font-weight:500}
.approved-home .oc-record small {display:block;font-size:10px;line-height:1.5;color:var(--oc-muted);margin-top:2px}
.approved-home .oc-record>.icon {width:12px;height:12px;color:#6f8d7a;margin-left:8px}
.approved-home .oc-thread-foot {display:flex;align-items:center;justify-content:space-between;gap:8px;padding:4px 24px 10px;flex:none}
.approved-home .oc-thread-foot>span {display:flex;align-items:center;gap:6px;font-size:10px;color:var(--oc-muted)}
.approved-home .oc-thread-foot>span .icon {width:12px;height:12px}
.approved-home .oc-thread-foot>button {display:flex;align-items:center;gap:8px;min-height:44px;padding:8px 0 8px 8px;background:transparent;color:var(--oc-ink);font-size:11px;font-weight:500;border-radius:6px}
.approved-home .oc-thread-foot>button:hover {color:var(--ember)}
.approved-home .oc-thread-foot>button .icon {width:14px;height:14px}
.approved-home .oc-composer-wrap {min-width:0;padding:0 3px}
.approved-home .oc-composer {display:flex;align-items:center;gap:8px;min-width:0;padding:5px 6px 5px 14px;border:1px solid #d7dde49c;border-radius:13px;background:#ffffffc9;box-shadow:inset 0 1px #fff}
.approved-home .oc-composer:focus-within {border-color:#a9b0bb;box-shadow:0 0 0 3px #a5acb514}
.approved-home .oc-input {flex:1;min-width:0;width:100%;height:36px;padding:0;background:transparent;border:0;font-size:12px;color:var(--oc-ink)}
.approved-home .oc-input::placeholder {color:#777f8b;opacity:1}
.approved-home .oc-shell .oc-input:focus-visible {outline:none}
.approved-home .oc-send {display:grid;place-items:center;flex:none;width:44px;height:44px;border:0;border-radius:10px;background:var(--secondary);color:#fff}
.approved-home .oc-send:disabled {background:#e9ecf0;color:#98a0ab;cursor:default}
.approved-home .oc-send .icon {width:17px;height:17px}
.approved-home .oc-feedback {font-size:10px;line-height:1.5;color:var(--oc-text);margin:6px 2px 0;max-height:30px;overflow:auto}
.approved-home .oc-proposed {display:flex;align-items:center;gap:10px;margin:14px 0 0 26px;padding:12px;border-radius:12px;background:var(--prototype-inset)}
.approved-home .oc-proposed>img {width:23px;height:23px}
.approved-home .oc-proposed>div {min-width:0;flex:1}
.approved-home .oc-proposed strong {display:block;font-size:11px;font-weight:500;line-height:1.6}
.approved-home .oc-proposed span {display:block;font-size:10px;line-height:1.6;color:var(--oc-text);margin-top:3px}
.approved-home .oc-proposed>button {display:flex;align-items:center;gap:6px;min-height:44px;padding:8px 11px;border:0;border-radius:8px;background:var(--secondary);color:#fff;font-size:11px;flex:none}
.approved-home .oc-proposed>button .icon {width:13px;height:13px}
.approved-home .oc-proposed>.icon {color:#688471}

@media (max-width:1100px) {
  .approved-home #owner-channels.oc-shell {padding:23px}
  .approved-home .oc-layout {grid-template-columns:230px minmax(0,1fr);gap:23px}
  .approved-home .oc-context h3 {font-size:23px}
  .approved-home .oc-conversation {height:577px}
  .approved-home .oc-thread {padding-inline:20px}
  .approved-home .oc-thread-foot {padding-inline:20px}
  .approved-home .oc-thread-foot>span {max-width:140px;line-height:1.6}
}
@media (max-width:850px) {
  .approved-home .oc-layout {grid-template-columns:190px minmax(0,1fr);gap:20px}
  .approved-home .oc-person {gap:9px}
  .approved-home .oc-person strong {font-size:12px}
  .approved-home .oc-context h3 {font-size:22px}
  .approved-home .oc-conversation {height:617px}
  .approved-home .oc-tabs {gap:4px}
  .approved-home .oc-tabs button {font-size:11px;gap:6px;padding-inline:4px}
  .approved-home .oc-tabs button>img {width:18px;height:18px}
  .approved-home .oc-thread {padding-inline:17px}
  .approved-home .oc-thread-foot {padding-inline:17px}
  .approved-home .oc-thread-foot>span {display:none}
  .approved-home .oc-thread-foot>button {margin-left:auto;min-height:44px}
  .approved-home .oc-answer>p,.approved-home .oc-record,.approved-home .oc-proposed {margin-left:0;max-width:100%}
}
@media (max-width:700px) {
  .approved-home #owner-channels.oc-shell {padding:19px;border-radius:23px}
  .approved-home .oc-topbar {padding:1px 1px 20px}
  .approved-home .oc-brand {font-size:11px;gap:7px}
  .approved-home .oc-state {font-size:10px;gap:5px}
  .approved-home .oc-layout {grid-template-columns:1fr;gap:21px}
  .approved-home .oc-context {display:grid;grid-template-columns:1fr auto;padding:0 2px;align-items:center;gap:10px}
  .approved-home .oc-person strong {font-size:14px}
  .approved-home .oc-person>div>span {font-size:11px}
  .approved-home .oc-context h3 {font-size:19px;margin:0;text-align:right;max-width:150px}
  .approved-home .oc-context-lede,.approved-home .oc-label,.approved-home .oc-facts,.approved-home .oc-context-foot {display:none}
  .approved-home .oc-conversation {height:629px;grid-template-rows:64px minmax(0,1fr) 112px;gap:14px}
  .approved-home .oc-tabs button {flex-direction:column;gap:6px;font-size:11px;padding:8px 4px}
  .approved-home .oc-tabs button>img {width:22px;height:22px}
  .approved-home .oc-thread {padding:19px 18px 10px}
  .approved-home .oc-thread-title {font-size:15px}
  .approved-home .oc-question {max-width:96%;padding:11px 13px}
  .approved-home .oc-answer>p,.approved-home .oc-question>p {font-size:13px}
  .approved-home .oc-thread-foot {padding-inline:18px}
  .approved-home .oc-thread-foot>span {display:flex;max-width:150px}
  .approved-home .oc-thread-foot>button {font-size:11px}
  .approved-home .oc-composer {padding-left:12px}
  .approved-home .oc-input {font-size:16px;height:42px}
  .approved-home .oc-send {width:44px;height:44px}
  .approved-home .oc-proposed>button {min-height:44px}
}
@media (max-width:450px) {
  .approved-home #owner-channels.oc-shell {padding:16px;margin-top:27px}
  .approved-home .oc-state {font-size:0;gap:0}
  .approved-home .oc-state>i {width:6px;height:6px}
  .approved-home .oc-context {gap:8px}
  .approved-home .oc-person .person-portrait {width:34px;height:34px}
  .approved-home .oc-person strong {font-size:12px}
  .approved-home .oc-person>div>span {font-size:10px}
  .approved-home .oc-context h3 {font-size:16px;max-width:100px}
  .approved-home .oc-conversation {height:671px;grid-template-rows:64px minmax(0,1fr) 119px}
  .approved-home .oc-thread {padding:17px 15px 8px}
  .approved-home .oc-story-meta {font-size:10px;gap:5px}
  .approved-home .oc-story-meta>span {gap:5px}
  .approved-home .oc-thread-title {font-size:14px;line-height:1.6}
  .approved-home .oc-thread-foot {padding-inline:15px}
  .approved-home .oc-thread-foot>span {display:none}
  .approved-home .oc-record {width:100%;padding:10px}
  .approved-home .oc-proposed {flex-wrap:wrap;padding:11px}
  .approved-home .oc-proposed>button {margin-left:33px}
  .approved-home .oc-answer-heading>span {font-size:9px}
  .approved-home .oc-feedback {max-height:40px}
  
}
@media (prefers-reduced-motion:reduce) {.approved-home .oc-shell * {transition:none!important;scroll-behavior:auto}}
/* The channels and Mission previews share the same Context / Reasoning order. */
.approved-home .oc-evidence-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px}
.approved-home .oc-evidence-pair details{min-width:0;border:1px solid var(--prototype-edge);border-radius:8px;background:var(--prototype-raised)}
.approved-home .oc-evidence-pair summary{display:flex;align-items:center;justify-content:space-between;min-height:32px;padding:6px 9px;font:500 10px/1.4 var(--sans);color:var(--oc-text);cursor:pointer;list-style:none}
.approved-home .oc-evidence-pair summary::-webkit-details-marker{display:none}
.approved-home .oc-evidence-pair summary .icon{width:11px;height:11px;transform:rotate(180deg)}
.approved-home .oc-evidence-pair details[open] summary .icon{transform:none}
.approved-home .oc-evidence-pair :is(p,ul){margin:0;padding:0 10px 10px;font:10px/1.55 var(--sans);color:var(--oc-text)}
.approved-home .oc-evidence-pair ul{padding-left:26px}
.approved-home .oc-evidence-pair p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.approved-home .oc-evidence-pair li+li{margin-top:4px}
.approved-home .oc-proposed>button.oc-secondary-action{background:transparent;color:var(--oc-text);border:1px solid var(--prototype-edge)}
.approved-home .oc-proposed{flex-wrap:wrap}
.approved-home .oc-proposed>div{flex-basis:calc(100% - 40px)}
.approved-home .oc-answer+.oc-evidence-pair{margin-left:26px}
.approved-home .oc-thread-foot:empty{display:none}
@media(max-width:700px){.approved-home .oc-evidence-pair summary{min-height:40px}.approved-home .oc-answer+.oc-evidence-pair{margin-left:0}}

/* Version 2: a quieter opening and one coherent product story. */
.approved-home #owner-experience{scroll-margin-top:110px}
.approved-home .hero{position:relative;isolation:isolate;padding:99px 24px 0;margin:0 auto;max-width:1440px}
.approved-home .hero::before{content:'';position:absolute;z-index:-1;inset:-90px 0 -105px;pointer-events:none;background:radial-gradient(ellipse at 50% 30%,#e4e7ec7a,transparent 62%);}
.approved-home .hero-eyebrow{font-size:9px;letter-spacing:.12em;gap:9px;color:#616571}.approved-home .hero-eyebrow .maple{width:12px;height:12px}.approved-home .hero-eyebrow .eyebrow-arrow{margin-left:7px}
.approved-home .hero h1{font-size:clamp(55px,5.3vw,70px);max-width:790px;margin:26px auto 24px;line-height:1.065;letter-spacing:-.05em;font-weight:500}
.approved-home .hero-copy{max-width:610px;margin:auto;font-size:16px;line-height:1.8;letter-spacing:-.15px;color:#595d67}
.approved-home .hero-copy .desktop-break{display:none}.approved-home .hero-actions{gap:12px;margin-top:27px}.approved-home .hero-actions .button{min-height:47px;font-size:12px;padding:12px 22px;gap:17px}.approved-home .hero-actions .icon{width:16px;height:16px}
.approved-home .hero-note{font-size:10px;margin-top:18px;color:#777d85}.approved-home .hero-note a{gap:6px}
.approved-home .owner-demo{margin-top:48px;padding-bottom:64px;scroll-margin-top:110px}
.approved-home .audience-tabs{width:min(680px,calc(100% - 96px));padding:5px;margin-bottom:58px;gap:5px;border-radius:16px;background:#e9ecf0a6;box-shadow:inset 0 1px #fff,0 4px 12px #1e2a3903;}
.approved-home .audience-tabs button{flex:1;justify-content:flex-start;text-align:left;min-width:0;padding:15px 16px;gap:12px;border-radius:11px;font-size:12px;color:#777d87}
.approved-home .audience-tabs button>span:not(.audience-check){flex:1;min-width:0}.approved-home .audience-tabs strong{font-size:12px;font-weight:550;display:block}.approved-home .audience-tabs small{display:block;font-size:10px;font-weight:400;line-height:1.6;margin-top:4px;color:#8a8e98}.approved-home .audience-tabs button[aria-selected=true]{background:linear-gradient(125deg,#fff,#fafbfc);color:#292c34;box-shadow:0 1px 2px #17212e0a,0 5px 13px #17212e05}.approved-home .audience-tabs button[aria-selected=true]>.icon{color:var(--ember)}
.approved-home .audience-tabs .audience-check{font-size:11px;color:#bbbfc7;visibility:hidden}.approved-home .audience-tabs button[aria-selected=true] .audience-check{visibility:visible;color:#858e83}
.approved-home .owner-demo-heading{display:grid;grid-template-columns:1.2fr 1fr;column-gap:48px;align-items:end;margin-bottom:25px}.approved-home .owner-demo-heading .eyebrow{grid-column:1/-1;font-size:9px;color:#737883;margin-bottom:12px}.approved-home .owner-demo-heading h2{font-size:38px;line-height:1.12;font-weight:500;letter-spacing:-.04em}.approved-home .owner-demo-heading>p:last-child{font-size:13px;line-height:1.8;color:#727682;justify-self:end;white-space:pre-line}
.approved-home .owner-demo .demo-caption{width:min(1160px,calc(100% - 96px));font-size:10px;margin-top:16px;line-height:1.7}.approved-home .owner-demo .demo-caption>span:last-child{font-size:8px}.approved-home .owner-demo .caption-dot{width:4px;height:4px}
.approved-home .section-intro.compact-intro h2{font-weight:500;font-size:38px}.approved-home .intelligence-section,.approved-home .value-section,.approved-home .channels-section{padding-top:57px;padding-bottom:60px}.approved-home .section-intro.compact-intro>p:last-child{font-size:13px;line-height:1.8}
.approved-home .full-workspace{margin-top:24px;min-width:0;border:1px solid #dfe3e9;border-radius:16px;background:#eff1f4a3;box-shadow:inset 0 1px #fff;overflow:hidden}
.approved-home .full-workspace>summary{display:flex;justify-content:space-between;gap:18px;align-items:center;cursor:pointer;padding:19px 23px;list-style:none}.approved-home .full-workspace>summary::-webkit-details-marker{display:none}.approved-home .full-workspace>summary>span:first-child{display:flex;align-items:center;gap:13px}.approved-home .full-workspace>summary>.workspace-expand{color:#969eaa;font-size:23px;font-weight:300}.approved-home .full-workspace>summary .icon{color:#9098a3;width:18px;height:18px}.approved-home .full-workspace strong{display:block;font-size:12px;font-weight:500}.approved-home .full-workspace small{display:block;font-size:10px;margin-top:4px;color:#8b919c}.approved-home .full-workspace[open] .workspace-expand{transform:rotate(45deg)}.approved-home .full-workspace>summary:focus-visible{outline:2px solid var(--ember);outline-offset:-4px;border-radius:14px}.approved-home .full-workspace .workspace{width:100%;border-radius:0;border:0;border-top:1px solid #dfe3e9;box-shadow:none;min-height:0}

.approved-home .connections-section{padding-top:58px;padding-bottom:36px;gap:65px}.approved-home .connections-copy h2{font-size:40px;font-weight:500}.approved-home .connections-copy>p:not(.eyebrow){font-size:13px;line-height:1.9;max-width:370px}.approved-home .connections-copy .text-link{font-size:12px}.approved-home .connections-product .connections-title{padding:19px 23px 18px}.approved-home .connections-title h3{font-size:21px}.approved-home .connections-title p{font-size:11px}.approved-home .connections-toolbar{padding:16px 23px}.approved-home .connection-apps{margin:0 23px}.approved-home .connection-permissions{padding:17px 23px 19px}.approved-home .permission-row{padding-block:12px}.approved-home .connections-bottom{padding:12px 23px;font-size:9px}.approved-home .principles-section{padding-top:43px;padding-bottom:66px}.approved-home .principle-card{background:linear-gradient(145deg,#ffffffa6,#eceff3a3)}
.approved-home .pricing-section{padding-block:42px 60px;display:grid;grid-template-columns:.9fr 2fr;gap:53px;align-items:start}.approved-home .pricing-v2-intro{padding-top:18px}.approved-home .pricing-v2-intro>.eyebrow{font-size:9px;color:#737a86}.approved-home .pricing-v2-intro h2{font:500 36px/1.13 var(--display);letter-spacing:-.04em;margin-top:18px}.approved-home .pricing-v2-intro>p:not(.eyebrow){font-size:13px;line-height:1.8;color:#787f88;margin-top:17px}
.approved-home .ai-choice{display:flex;width:max-content;max-width:100%;padding:4px;background:#e9ecf1;border:1px solid #dfe3e9;border-radius:11px;margin-top:26px;gap:3px}.approved-home .ai-choice button{font-size:10px;color:#828893;padding:9px 10px;line-height:1.5;border-radius:7px;background:transparent}.approved-home .ai-choice button[aria-pressed=true]{background:#fff;color:#30353f;box-shadow:0 1px 4px #1a27300d}.approved-home .pricing-v2-intro .ai-choice-note{font-size:10px;line-height:1.8;margin-top:12px;max-width:255px;min-height:36px;color:#8a919a}
.approved-home .pricing-v2-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.approved-home .plan-card{background:linear-gradient(145deg,#ffffffea,#eef1f6b5);border:1px solid #dfe3e9;box-shadow:inset 0 1px #fff,0 6px 24px #1c2b4004;border-radius:21px;padding:25px 23px 21px;min-width:0;display:flex;flex-direction:column}.approved-home .plan-card.featured{border-color:#d4d9e1;background:linear-gradient(145deg,#ffffffef,#e4e8efb5);box-shadow:inset 0 1px #fff,0 12px 34px #26354807}.approved-home .plan-top{display:flex;align-items:center;gap:7px;color:#838a94;font:8px var(--label);letter-spacing:.03em}.approved-home .plan-top .icon{width:15px;height:15px;color:#9099a5}.approved-home .plan-top>span:last-child{margin-left:auto;font:10px var(--sans);letter-spacing:0;color:#9097a0}.approved-home .plan-card h3{font:500 22px/1.2 var(--display);letter-spacing:-.04em;margin:25px 0 12px;min-height:53px;max-width:220px}.approved-home .plan-card>p{font-size:11px;line-height:1.9;color:#7d838e}.approved-home .plan-price{display:flex;align-items:baseline;gap:9px;margin:29px 0 24px}.approved-home .plan-price strong{font:500 40px/1 var(--display);letter-spacing:-.045em}.approved-home .plan-price>span{font-size:10px;color:#8c939d}.approved-home .plan-card>.button{min-height:44px;font-size:11px;padding:10px 12px;gap:9px;align-self:stretch;white-space:nowrap}.approved-home .plan-card>.button .icon{width:15px;height:15px}.approved-home .plan-ai-label{text-align:center;font-size:9px;color:#89909b;margin-top:12px}.approved-home .pricing-v2-foot{grid-column:1/-1;display:flex;justify-content:space-between;gap:15px;padding:0 3px;font-size:9px;line-height:1.7;color:#89909a}.approved-home .pricing-v2-foot>a{white-space:nowrap;color:#59616c}.approved-home .pricing-v2-foot>a>span{margin-left:5px;color:#9ca2ab}
.approved-home .faq-section{padding-top:44px;padding-bottom:44px;gap:85px}.approved-home .faq-intro h2{font-size:38px;font-weight:500}.approved-home .closing{padding-block:66px 83px}.approved-home .closing h2{font-weight:500;font-size:48px}.approved-home .closing>p{font-size:14px}.approved-home .dialog-plan-summary{background:#edf0f5;border:1px solid #dfe4eb;border-radius:9px;padding:12px 14px;color:#69717e;font-size:11px;line-height:1.7;margin:19px 0}.approved-home .dialog-continue{width:100%}.approved-home .dialog-note{line-height:1.8}.approved-home .version-link{font-size:10px;color:#94989f}.approved-home .version-link:hover{color:#ddd}
@media(min-width:1600px){.approved-home .hero{padding-top:105px}.approved-home .hero h1{font-size:70px}.approved-home .owner-demo{margin-top:51px}}
@media(max-width:1100px){.approved-home .owner-demo-heading h2,.approved-home .section-intro.compact-intro h2{font-size:34px}.approved-home .owner-demo-heading{gap:10px 30px}.approved-home .pricing-section{gap:29px;grid-template-columns:.8fr 2fr}.approved-home .pricing-v2-intro h2{font-size:31px}.approved-home .plan-card{padding:23px 18px}.approved-home .plan-card h3{font-size:21px}.approved-home .plan-card>.button{font-size:10px;padding-inline:8px}.approved-home .ai-choice button{font-size:9px;padding:8px}.approved-home .connections-section{gap:40px}}
@media(max-width:900px){.approved-home .hero{padding-top:78px}.approved-home .hero h1{font-size:62px}.approved-home .owner-demo-heading h2{font-size:32px}.approved-home .pricing-section{grid-template-columns:1fr;gap:26px}.approved-home .pricing-v2-intro{display:grid;grid-template-columns:1fr 1fr;gap:0 28px}.approved-home .pricing-v2-intro>.eyebrow{grid-column:1/-1}.approved-home .pricing-v2-intro h2{grid-column:1;grid-row:2/4}.approved-home .pricing-v2-intro>p:not(.eyebrow){display:none}.approved-home .pricing-v2-intro .ai-choice{grid-column:2;grid-row:2;align-self:end;margin-top:18px;justify-self:end}.approved-home .pricing-v2-intro .ai-choice-note{display:block;grid-column:2;grid-row:3;justify-self:end;max-width:240px;margin-top:9px;font-size:10px}.approved-home .plan-card h3{min-height:0;max-width:none;font-size:25px}.approved-home .plan-card>p{font-size:12px}.approved-home .plan-card>.button{font-size:12px}.approved-home .plan-top{font-size:9px}.approved-home .pricing-v2-foot{font-size:10px}.approved-home .connections-copy h2{font-size:35px}}
@media(max-width:600px){.approved-home .hero{padding:61px 22px 0}.approved-home .hero::before{inset:-70px 0 -60px;background:radial-gradient(ellipse at 50% 25%,#e4e8ee8c,transparent 70%)}.approved-home .hero h1{font-size:47px;line-height:1.07;margin:24px auto 22px;font-weight:500}.approved-home .hero-eyebrow{font-size:7px;letter-spacing:.1em;gap:7px}.approved-home .hero-eyebrow .maple{width:11px;height:11px}.approved-home .hero-eyebrow .eyebrow-arrow{margin-left:3px}.approved-home .hero-copy{font-size:13px;line-height:1.85;max-width:350px;color:#666d78}.approved-home .hero-actions{gap:9px;margin-top:24px}.approved-home .hero-actions .button{font-size:10px;min-height:44px;padding:11px 13px;gap:9px}.approved-home .hero-actions .button-quiet{font-size:10px;padding-inline:12px}.approved-home .hero-actions .icon{width:14px;height:14px}.approved-home .hero-note{font-size:8px;margin-top:17px;line-height:1.8}.approved-home .hero-note .icon{width:10px;height:10px}.approved-home .hero-note a{gap:4px;flex-wrap:wrap}.approved-home .hero-note a>span{display:none}.approved-home .owner-demo{margin-top:35px;padding-bottom:43px;scroll-margin-top:91px}.approved-home .audience-tabs{width:calc(100% - 32px);padding:4px;gap:3px;border-radius:13px;margin-bottom:39px}.approved-home .audience-tabs button{padding:12px 9px;gap:7px;border-radius:10px;align-items:flex-start}.approved-home .audience-tabs button>.icon{margin-top:2px;width:13px;height:13px}.approved-home .audience-tabs strong{font-size:10px}.approved-home .audience-tabs small{font-size:9px;line-height:1.7;margin-top:4px}.approved-home .audience-tabs .audience-check{display:none}.approved-home .owner-demo-heading{display:block;margin-bottom:22px}.approved-home .owner-demo-heading .eyebrow{font-size:7px;line-height:1.8;margin-bottom:12px}.approved-home .owner-demo-heading h2{font-size:31px;line-height:1.12}.approved-home .owner-demo-heading>p:last-child{font-size:12px;margin-top:15px;line-height:1.8;white-space:normal}.approved-home .owner-demo-heading>p:last-child br{display:none}.approved-home .owner-demo .demo-caption{width:calc(100% - 40px);font-size:9px;margin-top:15px}.approved-home .owner-demo .demo-caption>span:last-child{font-size:7px}.approved-home .section-intro.compact-intro h2{font-size:31px}.approved-home .section-intro.compact-intro>p:last-child{font-size:12px}.approved-home .intelligence-section,.approved-home .value-section,.approved-home .channels-section{padding-block:44px}.approved-home .full-workspace{margin-top:18px}.approved-home .full-workspace>summary{padding:17px 16px;gap:10px}.approved-home .full-workspace strong{font-size:11px}.approved-home .full-workspace small{font-size:9px;line-height:1.6}.approved-home .full-workspace>summary>span:first-child{gap:10px}.approved-home .full-workspace>summary .icon{width:16px;height:16px}.approved-home .full-workspace .workspace{width:100%}.approved-home .connections-section{padding-block:43px 24px}.approved-home .connections-copy h2{font-size:34px}.approved-home .connections-copy>p:not(.eyebrow){font-size:12px}.approved-home .connections-toolbar{padding:16px}.approved-home .connections-product .connections-title{padding:18px 16px}.approved-home .connection-apps{margin-inline:16px}.approved-home .connection-permissions{padding:16px}.approved-home .connections-bottom{padding:12px 16px;font-size:8px}.approved-home .principles-section{padding-block:34px 43px}.approved-home .pricing-section{padding-block:32px 36px;gap:24px}.approved-home .pricing-v2-intro{display:block;padding-top:0}.approved-home .pricing-v2-intro>.eyebrow{font-size:8px}.approved-home .pricing-v2-intro h2{font-size:33px;margin-top:16px}.approved-home .pricing-v2-intro h2 br{display:none}.approved-home .pricing-v2-intro>p:not(.eyebrow){display:none}.approved-home .pricing-v2-intro .ai-choice{margin-top:21px}.approved-home .ai-choice button{font-size:11px;padding:9px 13px}.approved-home .pricing-v2-intro .ai-choice-note{display:block;font-size:10px;max-width:320px;min-height:0}.approved-home .pricing-v2-cards{grid-template-columns:1fr;gap:13px}.approved-home .plan-card{padding:24px}.approved-home .plan-card h3{font-size:25px;margin-top:20px;margin-bottom:12px;min-height:0}.approved-home .plan-card>p{font-size:12px}.approved-home .plan-price{margin-block:23px}.approved-home .plan-price strong{font-size:40px}.approved-home .plan-price>span{font-size:11px}.approved-home .plan-card>.button{font-size:12px;min-height:45px}.approved-home .plan-ai-label{font-size:10px}.approved-home .pricing-v2-foot{grid-column:auto;flex-wrap:wrap;font-size:10px;gap:8px;padding-top:4px}.approved-home .faq-section{padding-block:29px 36px;gap:24px}.approved-home .faq-intro h2{font-size:34px}.approved-home .closing{padding-block:51px 62px}.approved-home .closing h2{font-size:35px}.approved-home .closing>p{font-size:12px}.approved-home .dialog-plan-summary{font-size:10px}.approved-home .dialog-note{font-size:9px}.approved-home .version-link{font-size:9px}}
@media(max-width:370px){.approved-home .hero{padding-inline:18px}.approved-home .hero h1{font-size:41px}.approved-home .hero-copy{font-size:12px}.approved-home .hero-actions{gap:7px}.approved-home .hero-actions .button{font-size:9px;padding-inline:11px;gap:7px}.approved-home .hero-actions .button-quiet{font-size:9px;padding-inline:10px}.approved-home .hero-note{font-size:7px}.approved-home .audience-tabs small{font-size:8px}.approved-home .audience-tabs button{padding-inline:8px}.approved-home .audience-tabs button>.icon{display:none}.approved-home .owner-demo-heading h2,.approved-home .section-intro.compact-intro h2{font-size:29px}.approved-home .plan-card{padding:22px 20px}.approved-home .plan-card h3{font-size:23px}}
@media(prefers-reduced-motion:reduce){html:has(.approved-home){scroll-behavior:auto}.approved-home .full-workspace .workspace-expand{transition:none}}

/* A deliberate, compact close before the original footer. */
.approved-home .closing.closing-refined{padding:24px 0 76px;text-align:left}
.approved-home .closing-panel{display:grid;grid-template-columns:minmax(0,1fr) 235px;align-items:center;column-gap:65px;padding:43px 56px 46px;border:1px solid #dee3ea;border-radius:25px;background:linear-gradient(120deg,#ffffffb8 0%,#eceff4c9 72%,#e4e8efb5 100%);box-shadow:inset 0 1px #fff,0 16px 45px #25324705}
.approved-home .closing-signature{display:flex;align-items:center;gap:11px;color:#737b87;font:9px/1.5 var(--label);letter-spacing:.09em}
.approved-home .closing-signature img{width:23px;height:23px}
.approved-home .closing-refined h2{font-size:43px;font-weight:500;line-height:1.12;letter-spacing:-.045em;margin:23px 0 16px}
.approved-home .closing-copy>p{font-size:13px;line-height:1.8;color:#777e89;margin:0}
.approved-home .closing-start{display:flex;flex-direction:column;align-items:center;padding-top:21px;gap:0}
.approved-home .closing-start>.button{width:100%;min-height:48px;padding:13px 20px;gap:20px;font-size:12px;justify-content:center}
.approved-home .closing-start .closing-note{display:block;font-size:10px;line-height:1.6;margin-top:12px;color:#89919d}
.approved-home .closing-start>.text-link{font-size:11px;gap:13px;margin-top:23px;color:#656e7b}
.approved-home .closing-start>.text-link:hover{color:var(--ember)}
@media(max-width:1000px){.approved-home .closing-panel{padding:36px;gap:35px;grid-template-columns:minmax(0,1fr) 205px}.approved-home .closing-refined h2{font-size:36px}}
@media(max-width:700px){.approved-home .closing.closing-refined{padding:18px 0 49px}.approved-home .closing-panel{grid-template-columns:1fr;gap:27px;padding:29px 25px 28px;border-radius:21px}.approved-home .closing-signature{font-size:8px;gap:9px}.approved-home .closing-signature img{width:20px;height:20px}.approved-home .closing-refined h2{font-size:34px;line-height:1.14;margin:21px 0 15px}.approved-home .closing-copy>p{font-size:12px}.approved-home .closing-start{padding:0;align-items:flex-start}.approved-home .closing-start>.button{width:auto;min-width:210px;font-size:12px}.approved-home .closing-start .closing-note{font-size:9px;margin-top:10px}.approved-home .closing-start>.text-link{margin-top:20px;font-size:11px}}
@media(max-width:370px){.approved-home .closing-panel{padding:26px 21px}.approved-home .closing-refined h2{font-size:30px}.approved-home .closing-copy>p{font-size:11px}.approved-home .closing-start>.button{min-width:0;width:100%}}
.approved-home .closing-refined h2 span{display:inline-block;max-width:100%;text-wrap:balance}

/* Mission workspace: native navigation, activity timeline, state rail and composer. */
.approved-home #mission-experience{min-width:0;text-align:left}
.approved-home .ms-workspace{--ms-bg:#f1f2f4;--ms-card:#fff;--ms-ink:#292a2f;--ms-muted:#8b8d98;--ms-line:#e7e8ed;display:flex;height:680px;border:1px solid #dcdfe5;border-radius:16px;background:var(--ms-bg);color:var(--ms-ink);font:12px/1.5 var(--sans);box-shadow:inset 0 1px 0 #fff,0 20px 54px #282b3809;overflow:hidden}
.approved-home .ms-workspace *{box-sizing:border-box}
.approved-home .ms-workspace button,.approved-home .ms-workspace input,.approved-home .ms-workspace select,.approved-home .ms-workspace textarea{font-family:inherit}
.approved-home .ms-workspace button{cursor:pointer}
.approved-home .ms-workspace button:focus-visible{outline:2px solid #b82c0f;outline-offset:2px}
.approved-home .ms-workspace svg{width:15px;height:15px;flex:none}
.approved-home .ms-sidebar{flex:0 0 212px;display:flex;flex-direction:column;padding:21px 8px 13px;border-right:1px solid var(--ms-line);background:linear-gradient(140deg,#f6f6f8,#eeeff3);min-height:0}
.approved-home .ms-wordmark{padding:0 12px;font:600 15px var(--display);letter-spacing:.19em}
.approved-home .ms-account{display:flex;align-items:center;gap:9px;margin:19px 8px 15px}
.approved-home .ms-account .person-portrait{width:30px;height:30px}
.approved-home .ms-account strong{display:block;font-size:11px;font-weight:600}
.approved-home .ms-account small{display:block;font-size:9px;color:var(--ms-muted);margin-top:2px}
.approved-home .ms-nav-group{font:7px/1.5 var(--label);letter-spacing:.16em;text-transform:uppercase;color:#a2a4ad;margin:5px 12px 6px}
.approved-home .ms-nav-data{margin-top:12px}
.approved-home .ms-nav-item{display:flex;align-items:center;gap:9px;flex:none;width:100%;min-height:25px;margin:1px 0;padding:4px 12px;border:0;border-radius:8px;background:transparent;color:#71737e;text-align:left;font-size:10px}
.approved-home .ms-nav-item svg{width:13px;height:13px;color:#989aa5}
.approved-home .ms-nav-item small{display:grid;place-items:center;min-width:17px;height:15px;margin-left:auto;padding:0 4px;border:1px solid #e1e3e9;border-radius:9px;color:#9a9ca5;font:8px var(--mono)}
.approved-home .ms-nav-item.active{background:#ffffffec;color:#292a2f;box-shadow:0 3px 11px #292d3b07;font-weight:600}
.approved-home .ms-nav-item.active svg{color:#b82c0f}
.approved-home .ms-nav-item.active small{color:#b82c0f;border-color:#eed7cf}
.approved-home .ms-nav-item:hover{background:#ffffffb0}
.approved-home .ms-sidebar-bottom{margin-top:auto;padding:8px 0 0;border-top:1px solid var(--ms-line);display:flex;flex-direction:column;gap:1px}
.approved-home .ms-sidebar-bottom>button,.approved-home .ms-sidebar-bottom>span{display:flex;align-items:center;gap:9px;min-height:23px;padding:3px 12px;background:transparent;border:0;color:#777986;font-size:9px;text-align:left}
.approved-home .ms-sidebar-bottom svg{width:12px;height:12px;color:#9598a3}
.approved-home .ms-main{flex:1;min-width:0;display:flex;flex-direction:column}
.approved-home .ms-topbar{display:flex;align-items:center;gap:15px;height:56px;min-height:56px;padding:10px 17px;border-bottom:1px solid var(--ms-line);background:#f5f6f8b8}
.approved-home .ms-workspace-label{display:inline-flex;align-items:center;gap:8px;color:#737581;font-size:11px;white-space:nowrap}
.approved-home .ms-workspace-label svg{color:#9b9daa;width:13px;height:13px}
.approved-home .ms-search{display:flex;align-items:center;gap:8px;min-width:70px;max-width:360px;flex:1;height:33px;padding:7px 10px;margin-left:4px;background:var(--ms-card);border:1px solid var(--ms-line);border-radius:9px;color:#9b9daa}
.approved-home .ms-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--ms-ink);font-size:10px;padding:0}
.approved-home .ms-search input::placeholder{color:#9b9daa}
.approved-home .ms-search kbd{font:8px var(--mono);border:1px solid var(--ms-line);padding:1px 4px;border-radius:4px}
.approved-home .ms-new{margin-left:auto;border:0;border-radius:8px;padding:9px 12px;background:#27282d;color:white;box-shadow:0 3px 10px #20222b12;font-size:10px;white-space:nowrap}
.approved-home .ms-titlebar{height:71px;flex:none;padding:10px 19px 12px}
.approved-home .ms-breadcrumb{display:flex;align-items:center;gap:8px;font:7px var(--mono);letter-spacing:.13em;text-transform:uppercase;color:#9496a2;margin:0 0 7px}
.approved-home .ms-breadcrumb button{display:inline-flex;background:transparent;border:0;padding:0;color:#9496a2}
.approved-home .ms-breadcrumb svg{width:12px;height:12px}
.approved-home .ms-titlebar h2{display:flex;align-items:center;gap:9px;margin:0!important;font:600 24px/1.1 var(--display)!important;letter-spacing:-.035em;color:var(--ms-ink)}
.approved-home .ms-titlebar h2 i{width:10px;height:10px;border-radius:50%;background:#b82c0f}
.approved-home .ms-titlebar h2 i.complete{background:#71977d}
.approved-home .ms-body{display:grid;grid-template-columns:minmax(0,1fr) 251px;gap:12px;padding:0 13px 14px;flex:1;min-height:0}
.approved-home .ms-conversation{display:flex;flex-direction:column;min-height:0;min-width:0;border:1px solid var(--ms-line);border-radius:13px;background:var(--ms-card);box-shadow:0 4px 16px #262a3504;overflow:hidden}
.approved-home .ms-sends-as{display:flex;align-items:center;gap:7px;padding:10px 14px 7px;font-size:8px;color:#9b9daa;flex:none}
.approved-home .ms-sends-as i{font-style:normal;color:#d0d2da}
.approved-home .ms-sends-as>span{font:8px var(--mono);color:#777b89}
.approved-home .ms-sends-as .ms-timeline-menu{margin-left:auto;line-height:1;font-size:17px;color:#a2a5af}
.approved-home .ms-timeline-scroll{overflow:auto;min-height:0;flex:1;padding:0 23px 8px 17px;scrollbar-width:thin;scrollbar-color:#c7cad3 transparent;overscroll-behavior:contain}
/* The conversation opens at its end, so the latest action is the one in view (founder direction, 2026-10-08):
   a reversed column starts scrolled to its last line and stays there when the window changes size. The guided
   example on a phone does not use it (phone-composition.css). */
.approved-home .ms-timeline-scroll{display:flex;flex-direction:column-reverse}
.approved-home .ms-timeline-list{flex:none}
/* The full workspace shows the complete conversation from its first event. */
.approved-home #workspace-showcase.is-expanded .ms-timeline-scroll{flex-direction:column}
.approved-home .ms-day-divider{display:flex;align-items:center;gap:10px;margin:7px 0 16px;font:7px var(--mono);letter-spacing:.07em;text-transform:uppercase;color:#a2a4af}
.approved-home .ms-day-divider::before,.approved-home .ms-day-divider::after{content:'';height:1px;background:#f0f1f5;flex:1}
.approved-home .ms-event{display:grid;grid-template-columns:minmax(0,1fr);position:relative;padding:0 0 14px}
/* One conversation language with the channels chapter (founder, 2026-10-15): each event is a bubble with who it is
   from, the app or feature it went through and the time; the client on the left, InVice on the right; the dots on
   their line stay. */
.approved-home .ms-event-body{display:flex;min-width:0}
.approved-home .ms-event-out .ms-event-body{justify-content:flex-end}
.approved-home .ms-bubble{max-width:88%;min-width:0;padding:9px 11px 10px;border-radius:12px;background:#f3f3f4}
.approved-home .ms-event-in .ms-bubble{border-bottom-left-radius:4px}
.approved-home .ms-event-out .ms-bubble{border-bottom-right-radius:4px;background:#ffffffc4;box-shadow:inset 0 1px #fff,0 0 0 1px #e8eaee,0 4px 12px #28324708;-webkit-backdrop-filter:blur(8px) saturate(1.15);backdrop-filter:blur(8px) saturate(1.15)}
.approved-home .ms-event-out .ms-bubble{width:88%}
.approved-home .ms-bubble>p{font-size:9px;line-height:1.7;color:#5a6270;margin:3px 0 0;overflow-wrap:anywhere}
.approved-home .ms-bubble>p>strong{font-weight:500;color:#3c414d}
.approved-home .ms-bubble .ms-decision{margin-top:7px}
.approved-home .ms-bubble .ms-decision-top>small{display:none}
/* Every InVice output inside its bubble reads the same: a heading, one line, then the stream's drop-downs. */
.approved-home .ms-bubble :is(.action-receipt,.ms-output){margin-top:4px;padding:0;border:0;border-radius:0;background:none;box-shadow:none;color:#5a6270}
.approved-home .ms-bubble .ar-heading{gap:6px;font:500 10px/1.5 var(--sans);color:#3c414d}
.approved-home .ms-bubble .ar-heading>svg{width:12px;height:12px;color:#71977d;flex:none}
.approved-home .ms-bubble .ar-heading .ar-status{margin-left:auto;font:8px/1.5 var(--label);color:#71977d}
.approved-home .ms-bubble :is(.action-receipt,.ms-output)>p{font:9px/1.7 var(--sans);color:#5a6270;margin:3px 0 0}
.approved-home .ms-bubble .ar-facts{margin-top:6px;font-size:8px;gap:5px 12px;color:#6b7280}
.approved-home .ms-bubble .ar-facts svg{width:10px;height:10px}
.approved-home .ms-bubble :is(.action-receipt,.ms-output) details{margin:7px 0 0;padding:0;border:0}
.approved-home .ms-bubble :is(.action-receipt,.ms-output) summary{display:flex;align-items:center;justify-content:flex-start;gap:5px;font:500 9px/1.6 var(--sans);color:#8b8d98;cursor:pointer;list-style:none}
.approved-home .ms-bubble :is(.action-receipt,.ms-output) summary svg{width:10px;height:10px;flex:none;transform:rotate(180deg);transition:transform 160ms ease}
.approved-home .ms-bubble :is(.action-receipt,.ms-output) details[open]>summary svg{transform:none}
.approved-home .ms-bubble .ar-mail-view{margin-top:7px;padding:10px 12px;border-radius:9px;background:#fff;box-shadow:inset 0 0 0 1px #e4e6ea;font:9px/1.7 var(--sans);color:#5a6270}
.approved-home .ms-bubble .ar-mail-view p{margin:0 0 6px}
.approved-home .ms-bubble .ar-mail-head{display:flex;flex-direction:column;gap:2px;margin-bottom:7px;padding-bottom:7px;border-bottom:1px solid #eceef1}
.approved-home .ms-bubble .ar-mail-route{display:flex;align-items:center;flex-wrap:wrap;gap:5px;font:8px/1.5 var(--mono);color:#8b8d98;overflow-wrap:anywhere}
.approved-home .ms-bubble .ar-mail-route img{width:11px;height:11px}
.approved-home .ms-bubble .ar-mail-route b{font-weight:500;color:#5a6270}
.approved-home .ms-bubble .ar-mail-route i{font-style:normal}
.approved-home .ms-bubble .ar-mail-subject{font-weight:500;color:#3c414d}
.approved-home .ms-bubble .action-receipt .ar-message{margin:0 0 6px;padding:0;border:0;border-radius:0;background:none;color:#5a6270;font:9px/1.7 var(--sans)}
.approved-home .ms-bubble .ar-mail-sign{color:#3c414d}
.approved-home .ms-bubble .ar-mail-view .ar-mail-foot{margin:8px 0 7px;padding-top:7px;border-top:1px solid #eceef1;font-size:8px;color:#8b8d98}
.approved-home .ms-bubble .ar-mail-foot span{text-decoration:underline}
.approved-home .ms-bubble .ar-mail-open{display:inline-flex;align-items:center;gap:5px;font:8px/1 var(--mono);letter-spacing:.06em;color:var(--ember)}
.approved-home .ms-bubble .ar-mail-open svg{width:10px;height:10px}
.approved-home .ms-bubble :is(.action-receipt,.ms-output) .ar-followthrough{margin:7px 0 0;padding:0;border:0;font:9px/1.65 var(--sans);color:#5a6270}
.approved-home .ms-bubble :is(.ar-details,.ms-record) dl{display:grid;grid-template-columns:62px minmax(0,1fr);gap:5px 10px;font:9px/1.6 var(--sans);margin:8px 0}
.approved-home .ms-bubble .ms-record dt{color:#748179}
.approved-home .ms-bubble .ms-record dd{margin:0;overflow-wrap:anywhere}
.approved-home .ms-bubble .ms-record summary::-webkit-details-marker{display:none}
.approved-home .ms-bubble .ar-details .ms-quiet{font-size:8px;min-height:24px;padding:5px 7px}
.approved-home .ms-via{display:inline-flex;align-items:center;gap:4px;font-size:9px;font-weight:400;color:#6b7280;white-space:nowrap}
.approved-home .ms-via::before{content:'·';color:#a0a5b1}
.approved-home .ms-via .ms-app-mark,.approved-home .ms-via svg{width:11px;height:11px;flex:none}
.approved-home .ms-event-heading small{font-size:8px;font-weight:400;color:#8b8d98;white-space:nowrap}
.approved-home .ms-event-heading time{margin-left:auto;padding:0 0 0 8px;font:8px/1.6 var(--mono);color:#aaaeba;white-space:nowrap}
.approved-home .ms-event time{font:7px/1.6 var(--mono);color:#aaaeba;padding-top:0}
.approved-home .ms-event-body{min-width:0}
.approved-home .ms-event-heading{display:flex;align-items:center;flex-wrap:wrap;gap:5px;min-height:15px}
.approved-home .ms-event-heading strong{font-size:10px;font-weight:500;color:#3c414d}
.approved-home .ms-app-mark{width:13px;height:13px;object-fit:contain;flex:none}
.approved-home .ms-event-body>p{font-size:9px;line-height:1.7;color:#9096a4;margin:4px 0 0}
.approved-home .ms-file-chip{display:flex;align-items:center;gap:6px;width:max-content;max-width:100%;margin-top:7px;border:1px solid #e6e9f0;border-radius:6px;padding:5px 7px;background:#f8f9fb;color:#9299a7;font-size:7px}
.approved-home .ms-file-chip svg{width:11px;height:11px}
.approved-home .ms-file-chip small{font-size:6px;margin-left:6px;color:#a6acb8}
.approved-home .ms-event-reason{padding-bottom:15px}
.approved-home .ms-event-decision{padding-bottom:0}
.approved-home .ms-decision{border:1px solid #e6e8ee;border-radius:10px;overflow:hidden;background:var(--ms-card)}
.approved-home .ms-decision-top{display:flex;align-items:center;justify-content:space-between;padding:7px 10px;background:#faf0eb;color:#b82c0f;border-bottom:1px solid #f0d7ce;font:7px var(--mono);letter-spacing:.08em;text-transform:uppercase}
.approved-home .ms-decision-top>span{font-weight:600}
.approved-home .ms-decision-top small{font-size:7px;letter-spacing:0}
.approved-home .ms-draft-head{display:flex;align-items:center;gap:6px;padding:10px 11px 0;min-width:0}
.approved-home .ms-draft-head strong{font-size:9px;font-weight:500;color:#404550}
.approved-home .ms-draft-head>span{margin-left:auto;font-size:7px;color:#a5aab5;white-space:nowrap}
.approved-home .ms-draft-recipient{padding:6px 11px 0;font-size:8px;color:#969daa}
.approved-home .ms-draft-copy{font-size:10px!important;line-height:1.7!important;color:#626b7a!important;padding:8px 11px 10px!important;margin:0!important;overflow-wrap:anywhere}
.approved-home .ms-draft-actions{display:flex;align-items:center;gap:7px;padding:0 11px 11px;flex-wrap:wrap}
.approved-home .ms-approve{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid #b82c0f;background:#b82c0f;color:white;padding:7px 9px;border-radius:6px;font-size:8px;font-weight:500;min-height:28px}
.approved-home .ms-approve svg{width:11px;height:11px}
.approved-home .ms-quiet{border:1px solid #e4e7ee;background:var(--ms-card);color:#777f8e;padding:7px 8px;border-radius:6px;font-size:8px;min-height:28px}
.approved-home .ms-draft-actions>span{display:flex;align-items:center;gap:4px;color:#a0a8b5;font-size:6px;margin-left:auto;white-space:nowrap}
.approved-home .ms-draft-actions>span svg{width:10px;height:10px}
.approved-home .ms-edit-draft{display:block;width:calc(100% - 22px);resize:vertical;min-height:69px;margin:9px 11px;font-size:10px;line-height:1.7;color:#626b7a;background:#f7f8fb;border:1px solid #dce1e9;border-radius:6px;padding:7px}
.approved-home .ms-edit-time{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:11px;color:#707887;font-size:10px}
.approved-home .ms-edit-time select{background:white;border:1px solid #e1e5ed;border-radius:6px;padding:6px 9px;color:#535e6e;font-size:10px}
.approved-home .ms-receipt{border:1px solid #dce7e0;background:#f6f9f7;border-radius:9px;padding:12px}
.approved-home .ms-receipt>div{display:flex;align-items:center;gap:7px;font-size:10px}
.approved-home .ms-receipt strong{font-weight:500;color:#4d725b}
.approved-home .ms-receipt>div>span{display:flex;align-items:center;gap:4px;margin-left:auto;font-size:7px;color:#71937e}
.approved-home .ms-receipt>div>span svg{width:10px;height:10px}
.approved-home .ms-receipt p{font-size:9px;line-height:1.7;color:#6e8777;margin:8px 0 4px}
.approved-home .ms-receipt>small{font-size:7px;color:#a0aea5}
.approved-home .ms-instruction{display:flex;align-items:flex-start;gap:8px;margin:13px 0 0 16px}
.approved-home .ms-instruction .person-portrait{width:22px;height:22px;flex:none}
.approved-home .ms-instruction>.ms-app-mark{margin-top:3px}
.approved-home .ms-instruction p{font-size:10px;line-height:1.7;margin:0;padding:7px 10px;border-radius:9px;background:#f2f4f8;color:#7c8595;overflow-wrap:anywhere;white-space:pre-wrap}
.approved-home .ms-instruction.from-agent p{padding:0;background:transparent}
.approved-home .ms-composer-dock{position:relative;flex:none;margin:12px 17px 13px 35px}
.approved-home .ms-input-notice{display:flex;align-items:center;gap:8px;padding:7px 11px 12px;margin-bottom:-7px;background:#f8f9fc;border:1px solid #e6e8ef;border-radius:12px 12px 0 0;color:#666e7d;font-size:9px}
.approved-home .ms-input-notice>i{width:4px;height:4px;background:#b82c0f;border-radius:50%;flex:none}
.approved-home .ms-input-notice>span{flex:1;min-width:0}
.approved-home .ms-input-notice>button{display:flex;align-items:center;justify-content:center;padding:0;background:transparent;border:0;color:#abb0bb}
.approved-home .ms-input-notice>button svg{width:11px;height:11px}
.approved-home .ms-composer{position:relative;background:var(--ms-card);border:1px solid #e1e4eb;border-radius:13px;padding:9px 10px 9px;box-shadow:0 2px 5px #21293704}
.approved-home .ms-composer:focus-within{outline:2px solid #b82c0f;outline-offset:1px}
.approved-home .ms-composer-input{display:block;width:100%;min-width:0;min-height:23px;max-height:74px;resize:none;outline:0!important;border:0;background:transparent;padding:0 1px 7px;color:var(--ms-ink);font:11px/1.7 var(--sans)}
.approved-home .ms-composer-input::placeholder{color:#a0a6b2}
.approved-home .ms-composer-controls{display:flex;align-items:center;gap:6px}
.approved-home .ms-context-add{display:grid;place-items:center;width:25px;height:25px;border:1px solid #dde1e9;background:var(--ms-card);color:#8893a2;border-radius:50%;flex:none;padding:0}
.approved-home .ms-context-add svg{width:14px;height:14px}
.approved-home .ms-auto-control,.approved-home .ms-model-control{display:inline-flex;align-items:center;gap:6px;border:1px solid #dde1e8;background:var(--ms-card);color:#3e4856;border-radius:99px;padding:4px 8px;font-size:9px;white-space:nowrap;min-height:25px}
.approved-home .ms-auto-control{box-shadow:0 1px 3px #29374f0d}
.approved-home .ms-toggle{position:relative;display:inline-block;width:23px;height:13px;border:0;padding:0;border-radius:20px;background:#cdd3dc;flex:none}
.approved-home .ms-toggle::after{content:'';position:absolute;left:2px;top:2px;width:9px;height:9px;background:#fff;border-radius:50%;box-shadow:0 1px 3px #26314633;transition:transform .15s}
.approved-home .ms-toggle.on{background:#2c3038}
.approved-home .ms-toggle.on::after{transform:translateX(10px)}
.approved-home .ms-model-control>svg{width:10px;height:10px}
.approved-home .ms-model-control .ms-app-mark{width:12px;height:12px}
.approved-home .ms-run{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:27px;padding:6px 11px;margin-left:auto;border:0;border-radius:99px;background:#b82c0f;color:white;box-shadow:0 2px 6px #b82c0f14;font-size:9px;white-space:nowrap}
.approved-home .ms-run svg{width:12px;height:12px}
.approved-home .ms-run:disabled{background:#d99a8b;cursor:default}
.approved-home .ms-model-menu,.approved-home .ms-context-menu{position:absolute;z-index:20;bottom:46px;left:158px;width:164px;padding:5px;border:1px solid #dce1ea;border-radius:11px;background:var(--ms-card);box-shadow:0 10px 35px #1c24352b}
.approved-home .ms-model-menu button{display:flex;align-items:center;gap:8px;width:100%;border:0;padding:9px 10px;background:transparent;color:#4d586a;font-size:11px;text-align:left;border-radius:7px}
.approved-home .ms-model-menu button:hover,.approved-home .ms-model-menu button[aria-checked=true]{background:#f1f3f7}
.approved-home .ms-model-menu button>svg{width:12px;height:12px;margin-left:auto}
.approved-home .ms-context-menu{left:0;width:min(295px,100%);padding:12px;bottom:47px}
.approved-home .ms-context-menu>div{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:12px}
.approved-home .ms-context-menu strong{font-size:10px;font-weight:500}
.approved-home .ms-context-menu>div>button{padding:0;background:transparent;border:0;color:#9da5b4;display:flex}
.approved-home .ms-context-menu>div>button svg{width:13px;height:13px}
.approved-home .ms-context-menu label{display:flex;align-items:center;gap:7px;padding:8px 0;font-size:9px;color:#7d8899}
.approved-home .ms-context-menu input{margin:0;width:12px;height:12px;accent-color:#b82c0f}
.approved-home .ms-context-menu label svg{width:12px;height:12px}
.approved-home .ms-context-apply{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;border:0;border-radius:7px;background:#292e38;color:white;padding:8px;font-size:9px;margin-top:10px}
.approved-home .ms-context-apply svg{width:12px;height:12px}
.approved-home .ms-state{display:flex;border:1px solid var(--ms-line);border-radius:13px;min-height:0;overflow:hidden;background:var(--ms-card);box-shadow:0 4px 16px #262a3504}
.approved-home .ms-state-content{flex:1;min-width:0;padding:17px 14px 14px;overflow:auto;scrollbar-width:thin;scrollbar-color:#d5d9e1 transparent}
.approved-home .ms-panel-heading{font:7px/1.5 var(--label);letter-spacing:.13em;text-transform:uppercase;color:#8d94a2;margin-bottom:8px}
.approved-home .ms-state-line{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:500;margin-bottom:15px}
.approved-home .ms-state-line>i{width:5px;height:5px;flex:none;background:#b82c0f;border-radius:50%}
.approved-home .ms-state-line.ready>i{background:#719a7f}
.approved-home .ms-started{border-top:1px solid #eceff4;padding-top:11px;margin-bottom:14px;font-size:8px;color:#979fac}
.approved-home .ms-started>span{font:6px var(--label);text-transform:uppercase;letter-spacing:.1em;margin-right:8px;color:#8a93a3}
.approved-home .ms-calendar{border:1px solid #e7ebf2;border-radius:9px;padding:9px 8px 7px}
.approved-home .ms-calendar>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:4px;margin-bottom:8px}
.approved-home .ms-calendar strong{font-size:9px;font-weight:500}
.approved-home .ms-calendar small{font:5px var(--label);text-transform:uppercase;letter-spacing:.04em;color:#a0a9b7}
.approved-home .ms-calendar-week,.approved-home .ms-calendar-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));text-align:center;align-items:center}
.approved-home .ms-calendar-week{font:5px var(--label);color:#a4adbb;margin-bottom:4px}
.approved-home .ms-calendar-days{row-gap:3px;font:6px var(--mono);color:#717d90}
.approved-home .ms-calendar-days>span{display:grid;place-items:center;position:relative;height:17px;min-width:0}
.approved-home .ms-calendar-days>span.today{background:#2a2e36;color:#fff;border-radius:4px}
.approved-home .ms-calendar-days>span.event{color:#b82c0f;font-weight:600}
.approved-home .ms-calendar-days>span.event::after{content:'';position:absolute;bottom:0;width:2px;height:2px;border-radius:50%;background:#b82c0f}
.approved-home .ms-calendar>p{display:flex;align-items:flex-start;gap:6px;border-top:1px solid #edf0f5;padding-top:8px;margin:7px 0 0;font-size:7px;color:#768498}
.approved-home .ms-calendar>p svg{width:10px;height:10px}
.approved-home .ms-calendar>p small{display:block;font:6px/1.6 var(--sans);color:#a2adbc;letter-spacing:0;text-transform:none;margin-top:1px}
.approved-home .ms-progress-label{margin-top:15px}
.approved-home .ms-progress-list{display:flex;flex-direction:column;gap:7px;margin-bottom:16px}
.approved-home .ms-progress-list>span{display:flex;align-items:center;gap:7px;font-size:8px;color:#7c9587}
.approved-home .ms-progress-list svg{width:11px;height:11px}
.approved-home .ms-progress-list b{font-weight:400}
.approved-home .ms-progress-list>.pending{color:#a28475}
.approved-home .ms-connected-label{display:flex;align-items:center;justify-content:space-between;gap:5px;margin-bottom:6px}
.approved-home .ms-connected-label small{font:5px var(--label);color:#6e997f;letter-spacing:.01em;white-space:nowrap}
.approved-home .ms-connected-app{display:flex;align-items:center;gap:6px;padding:7px 0;border-top:1px solid #edf0f5;font-size:8px}
.approved-home .ms-connected-app>small{margin-left:auto;font:5px var(--label);color:#74a089}
.approved-home .ms-toolrail{flex:0 0 34px;border-left:1px solid #eceff4;display:flex;flex-direction:column;align-items:center;gap:6px;padding:11px 4px;background:#ffffff76}
.approved-home .ms-toolrail>button{position:relative;display:grid;place-items:center;width:25px;height:25px;padding:0;border:1px solid #e7ebf1;border-radius:8px;background:transparent;color:#a0a9b7}
.approved-home .ms-toolrail>button:first-child{border:0;margin-bottom:4px}
.approved-home .ms-toolrail>button.active{background:#f5f6fa;color:#768397;border-color:#dfe4ed}
.approved-home .ms-toolrail>button svg{width:14px;height:14px}
.approved-home .ms-toolrail>button>small{position:absolute;right:-2px;top:-3px;display:grid;place-items:center;width:10px;height:10px;background:#b82c0f;border-radius:50%;color:white;font:6px var(--mono)}
.approved-home .ms-toolrail>.ms-tool-add{margin-top:8px;border-style:dashed}
.approved-home .ms-state-content h3{font:500 14px var(--display);letter-spacing:-.02em;margin:0 0 10px}
.approved-home .ms-aside-copy{font-size:9px;line-height:1.8;color:#929eae;margin:0 0 15px}
.approved-home .ms-aside-file{display:flex;align-items:center;gap:7px;padding:12px 0;border-top:1px solid #edf0f5;color:#8592a3;font-size:9px}
.approved-home .ms-aside-file>span{min-width:0;flex:1}
.approved-home .ms-aside-file>span>small{display:block;font-size:7px;color:#a5afbd;margin-top:4px}
.approved-home .ms-aside-file>svg:first-child{width:13px;height:13px}
.approved-home .ms-aside-file>svg:last-child{width:10px;height:10px;color:#90a99a}
.approved-home .ms-small-link{display:flex;align-items:center;gap:6px;background:transparent;color:#a56f5d;border:0;padding:10px 0;font-size:8px}
.approved-home .ms-small-link svg{width:11px;height:11px}
.approved-home .ms-aside-message{border:1px solid #e4e9f1;border-radius:9px;padding:11px;margin-top:15px}
.approved-home .ms-aside-message>strong{display:block;font-size:9px;font-weight:500;margin:7px 0}
.approved-home .ms-aside-message p{font-size:9px;color:#8b99aa;line-height:1.8;margin:0 0 8px}
.approved-home .ms-aside-message>small{font:6px var(--mono);color:#a2aebe}
.approved-home .ms-aside-status{display:flex;align-items:flex-start;gap:7px;margin-top:18px;font-size:8px;line-height:1.8;color:#9ca9b9}
.approved-home .ms-aside-status svg{width:12px;height:12px;margin-top:2px}
.approved-home .ms-permission{display:grid;grid-template-columns:1fr;gap:4px;margin-top:15px;font-size:8px;color:#9aa8b9}
.approved-home .ms-permission b{font-size:9px;font-weight:400;color:#6c8091;margin-bottom:8px}
.approved-home .ms-setting-row{display:flex;align-items:center;justify-content:space-between;gap:9px;padding:14px 0;border-top:1px solid #e9edf4;font-size:9px}
.approved-home .ms-setting-row small{display:block;font-size:7px;color:#a0acbc;margin-top:4px}
.approved-home .ms-dark{--ms-bg:#24262d;--ms-card:#30333b;--ms-ink:#eef0f5;--ms-muted:#a0a7b6;--ms-line:#3c414e}
.approved-home .ms-dark .ms-sidebar{background:#292c34}.approved-home .ms-dark .ms-topbar{background:#292d36}.approved-home .ms-dark .ms-nav-item.active{background:#3c424e;color:#f6f8fb}.approved-home .ms-dark .ms-nav-item:hover{background:#353b46}.approved-home .ms-dark .ms-wordmark,.approved-home .ms-dark .ms-account strong{color:#e5ebf5}.approved-home .ms-dark .ms-nav-item,.approved-home .ms-dark .ms-sidebar-bottom>button,.approved-home .ms-dark .ms-sidebar-bottom>span{color:#aab3c3}.approved-home .ms-dark .ms-event-heading strong,.approved-home .ms-dark .ms-draft-head strong{color:#dce4f1}.approved-home .ms-dark .ms-input-notice{background:#2b303b;border-color:#424c5d;color:#b5c0d2}.approved-home .ms-dark .ms-auto-control,.approved-home .ms-dark .ms-model-control{color:#ced8e8}.approved-home .ms-dark .ms-model-menu button{color:#d4dff1}.approved-home .ms-dark .ms-model-menu button:hover,.approved-home .ms-dark .ms-model-menu button[aria-checked=true]{background:#40495a}.approved-home .ms-dark .ms-context-menu{color:#d4dff1}.approved-home .ms-dark .ms-toolrail{background:#2b303a}
@media(max-width:1190px){.approved-home .ms-sidebar{flex-basis:190px}.approved-home .ms-body{grid-template-columns:minmax(0,1fr) 221px;gap:10px;padding-inline:10px}.approved-home .ms-state-content{padding-inline:10px}.approved-home .ms-topbar{padding-inline:13px;gap:11px}.approved-home .ms-timeline-scroll{padding-right:14px;padding-left:13px}.approved-home .ms-event{grid-template-columns:minmax(0,1fr)}.approved-home .ms-composer-dock{margin-left:17px;margin-right:13px}.approved-home .ms-auto-control,.approved-home .ms-model-control{font-size:8px;padding:4px 6px;gap:5px}.approved-home .ms-run{font-size:8px;padding:6px 9px}.approved-home .ms-composer-controls{gap:5px}.approved-home .ms-draft-head>span{display:none}}
@media(max-width:1010px){.approved-home .ms-sidebar{flex-basis:165px}.approved-home .ms-nav-item{padding-inline:8px;font-size:9px}.approved-home .ms-wordmark{font-size:14px}.approved-home .ms-account{margin-inline:4px;gap:7px}.approved-home .ms-account strong{font-size:10px}.approved-home .ms-body{grid-template-columns:minmax(0,1fr) 195px;gap:8px;padding-inline:9px}.approved-home .ms-state-content{padding-inline:8px}.approved-home .ms-toolrail{flex-basis:30px}.approved-home .ms-toolrail>button{width:22px;height:23px}.approved-home .ms-state-line{font-size:10px}.approved-home .ms-calendar strong{font-size:8px}.approved-home .ms-connected-app{font-size:7px}.approved-home .ms-titlebar{padding-left:14px}.approved-home .ms-search{margin:0}.approved-home .ms-workspace-label{font-size:10px}.approved-home .ms-composer-dock{margin:9px 10px 11px}.approved-home .ms-composer{padding:9px 7px}.approved-home .ms-auto-control{font-size:7px;padding:4px 5px;gap:4px}.approved-home .ms-model-control{font-size:7px;padding:4px 5px;gap:4px}.approved-home .ms-context-add{width:23px;height:23px}.approved-home .ms-run{font-size:8px;padding:6px 8px}.approved-home .ms-composer-controls{gap:4px}.approved-home .ms-toggle{width:21px;height:12px}.approved-home .ms-toggle::after{width:8px;height:8px}.approved-home .ms-toggle.on::after{transform:translateX(9px)}.approved-home .ms-draft-actions>span{display:none}.approved-home .ms-new{font-size:9px;padding:9px}.approved-home .ms-event-heading strong{font-size:9px}.approved-home .ms-draft-copy{font-size:9px!important}}
@media(max-width:850px){.approved-home .ms-sidebar{display:none}.approved-home .ms-workspace{height:680px}.approved-home .ms-body{grid-template-columns:minmax(0,1fr) 224px;padding-inline:12px;gap:10px}.approved-home .ms-state-content{padding-inline:12px}.approved-home .ms-workspace-label{font-size:11px}.approved-home .ms-topbar{gap:14px}.approved-home .ms-composer-dock{margin:11px 15px 12px}.approved-home .ms-auto-control,.approved-home .ms-model-control{font-size:9px;padding:4px 7px}.approved-home .ms-composer-controls{gap:6px}.approved-home .ms-run{font-size:9px;padding:6px 10px}.approved-home .ms-draft-copy{font-size:10px!important}.approved-home .ms-event-heading strong{font-size:10px}.approved-home .ms-composer{padding:9px 10px}}
@media(max-width:640px){.approved-home .ms-workspace{display:block;height:auto;border-radius:13px}.approved-home .ms-topbar{height:auto;min-height:56px;padding:12px 14px;gap:10px;flex-wrap:wrap}.approved-home .ms-workspace-label{font-size:11px}.approved-home .ms-new{font-size:10px}.approved-home .ms-search{order:3;flex-basis:100%;max-width:none;height:32px}.approved-home .ms-titlebar{height:70px;padding:12px 15px}.approved-home .ms-titlebar h2{font-size:23px!important}.approved-home .ms-body{display:flex;flex-direction:column;padding:0 9px 10px;gap:10px}.approved-home .ms-conversation{height:590px;flex:none;border-radius:11px}.approved-home .ms-sends-as{padding:10px 12px}.approved-home .ms-timeline-scroll{padding:0 12px 10px}.approved-home .ms-event{grid-template-columns:minmax(0,1fr)}.approved-home .ms-event time{font-size:6px}.approved-home .ms-day-divider{font-size:6px}.approved-home .ms-event-heading strong{font-size:9px}.approved-home .ms-event-heading>small{display:none}.approved-home .ms-event-body>p{font-size:8px}.approved-home .ms-draft-head{gap:5px;padding-inline:9px}.approved-home .ms-draft-head strong{font-size:8px}.approved-home .ms-draft-copy{font-size:9px!important;padding-inline:9px!important}.approved-home .ms-draft-actions{padding-inline:9px;gap:6px}.approved-home .ms-approve,.approved-home .ms-quiet{font-size:8px}.approved-home .ms-composer-dock{margin:10px 9px 11px}.approved-home .ms-input-notice{font-size:8px;padding-inline:9px}.approved-home .ms-composer{padding:9px 8px}.approved-home .ms-composer-input{font-size:11px;min-height:35px}.approved-home .ms-composer-controls{gap:5px;flex-wrap:wrap}.approved-home .ms-auto-control,.approved-home .ms-model-control{font-size:8px;padding:4px 6px}.approved-home .ms-run{font-size:8px;padding:6px 9px}.approved-home .ms-context-add{width:23px;height:23px}.approved-home .ms-auto-control{gap:4px}.approved-home .ms-model-control{gap:4px}.approved-home .ms-model-control .ms-app-mark{width:10px;height:10px}.approved-home .ms-state{min-height:0;max-height:none;flex:none;border-radius:11px}.approved-home .ms-state-content{padding:16px;display:grid;grid-template-columns:1fr 1fr;gap:0 16px;align-items:start;overflow:visible}.approved-home .ms-panel-heading,.approved-home .ms-state-line,.approved-home .ms-started{grid-column:1}.approved-home .ms-calendar-label{grid-column:2;grid-row:1;margin-bottom:8px}.approved-home .ms-calendar{grid-column:2;grid-row:2/7}.approved-home .ms-state-line{font-size:10px;margin-bottom:12px}.approved-home .ms-started{font-size:7px;margin-bottom:10px}.approved-home .ms-progress-label{margin-top:0}.approved-home .ms-progress-list{margin-bottom:13px;gap:7px}.approved-home .ms-progress-list>span{font-size:7px;gap:4px}.approved-home .ms-connected-label{grid-column:1/3;margin:12px 0 3px}.approved-home .ms-connected-app{grid-column:1/3;font-size:9px}.approved-home .ms-connected-app>small{font-size:6px}.approved-home .ms-toolrail{flex-basis:32px;gap:8px;padding-top:12px}.approved-home .ms-toolrail>button{width:23px;height:25px}.approved-home .ms-state-content h3,.approved-home .ms-aside-copy,.approved-home .ms-aside-file,.approved-home .ms-small-link,.approved-home .ms-aside-message,.approved-home .ms-aside-status,.approved-home .ms-permission,.approved-home .ms-setting-row{grid-column:1/3}.approved-home .ms-model-menu{left:125px;width:145px}.approved-home .ms-context-menu{bottom:44px}.approved-home .ms-instruction{margin-left:8px}.approved-home .ms-instruction p{font-size:9px}.approved-home .ms-calendar>div:first-child{display:block}.approved-home .ms-calendar>div:first-child>small{display:none}.approved-home .ms-calendar strong{font-size:8px}.approved-home .ms-calendar{padding:8px 6px}.approved-home .ms-calendar-days{font-size:5px}.approved-home .ms-calendar-days>span{height:15px}.approved-home .ms-calendar>p{font-size:6px;gap:4px}.approved-home .ms-calendar>p small{font-size:5px}}
@media(max-width:370px){.approved-home .ms-composer-controls{gap:4px}.approved-home .ms-auto-control,.approved-home .ms-model-control{font-size:7px;padding:4px 5px}.approved-home .ms-run{padding:6px 7px;font-size:8px}.approved-home .ms-model-control>svg{width:8px;height:8px}.approved-home .ms-auto-control .ms-toggle{width:18px;height:11px}.approved-home .ms-auto-control .ms-toggle::after{width:7px;height:7px}.approved-home .ms-auto-control .ms-toggle.on::after{transform:translateX(7px)}.approved-home .ms-state-content{padding:12px;gap:0 10px}.approved-home .ms-model-menu{left:95px}.approved-home .ms-draft-head strong{font-size:7.5px}}
@media(prefers-reduced-motion:reduce){.approved-home .ms-toggle::after{transition:none}}
/* Keep the primary work readable at desktop scale; metadata stays quiet. */
@media(min-width:901px){
  .approved-home .ms-event-heading strong{font-size:12px}
  .approved-home .ms-event-body>p{font-size:11px;line-height:1.65}
  .approved-home .ms-draft-head strong{font-size:11px}
  .approved-home .ms-draft-copy{font-size:12px!important;line-height:1.7!important}
  .approved-home .ms-draft-recipient{font-size:9px}
  .approved-home .ms-approve,.approved-home .ms-quiet{font-size:10px}
  .approved-home .ms-composer-input{font-size:12px}
  .approved-home .ms-auto-control,.approved-home .ms-model-control,.approved-home .ms-run{font-size:10px}
  .approved-home .ms-input-notice{font-size:10px}
  .approved-home .ms-instruction p{font-size:11px}
  .approved-home .ms-receipt>div{font-size:11px}
  .approved-home .ms-receipt p{font-size:11px}
  .approved-home .ms-edit-draft{font-size:12px}
}

@media(max-width:900px){
  .approved-home .ms-event-heading strong{font-size:11px}
  .approved-home .ms-event-body>p{font-size:11px;line-height:1.65}
  .approved-home .ms-draft-head strong{font-size:10px}
  .approved-home .ms-draft-copy{font-size:12px!important;line-height:1.7!important}
  .approved-home .ms-draft-recipient{font-size:9px}
  .approved-home .ms-approve,.approved-home .ms-quiet{font-size:10px}
  .approved-home .ms-composer-input{font-size:12px}
  .approved-home .ms-auto-control,.approved-home .ms-model-control,.approved-home .ms-run{font-size:9px}
  .approved-home .ms-input-notice{font-size:9px}
  .approved-home .ms-instruction p{font-size:11px}
  .approved-home .ms-receipt>div{font-size:11px}
  .approved-home .ms-receipt p{font-size:11px}
  .approved-home .ms-edit-draft{font-size:12px}
}
/* Source-backed panel region, rail and per-mission panel configuration. */
.approved-home .ms-body.ms-detail-open{grid-template-columns:minmax(0,1fr) 330px}
.approved-home .ms-body.ms-rail-collapsed{grid-template-columns:minmax(0,1fr) 42px}
.approved-home .ms-rail-collapsed .ms-state-content{display:none}
.approved-home .ms-rail-collapsed .ms-state{justify-content:center}
.approved-home .ms-rail-collapsed .ms-toolrail{border-left:0}
.approved-home .ms-state-content.ms-swappable-panel{padding:0;display:block;overflow:auto;background:linear-gradient(140deg,#fff,#f8f9fc)}
.approved-home .ms-toolrail{flex-basis:40px;padding-inline:5px;gap:7px}
.approved-home .ms-toolrail>button{width:28px;height:29px;border-radius:8px;transition:background .15s,color .15s,box-shadow .15s}
.approved-home .ms-toolrail>button:hover{background:#eff2f7;border-color:#dfe0e2;color:#6f7072}
.approved-home .ms-toolrail>button.active{background:#f9ede8;border-color:#ead1c7;color:#b82c0f;box-shadow:inset 0 1px 0 #fff}
.approved-home .ms-toolrail>.ms-tool-add{margin-top:0}
.approved-home .ms-rail-divider{width:20px;height:1px;background:#e8ecf2;flex:none;margin:1px 0}
.approved-home .ms-panel-view{min-height:100%;font:11px/1.55 var(--sans);color:#545557}
.approved-home .ms-panel-chrome{position:sticky;top:0;z-index:2;display:flex;align-items:center;gap:9px;padding:13px 11px;background:#fafbfcf5;backdrop-filter:blur(12px);border-bottom:1px solid #e9edf3}
.approved-home .ms-panel-chrome>div{flex:1;min-width:0}
.approved-home .ms-panel-chrome strong{display:block;font-size:12px;font-weight:600;color:#404143;outline:0}
.approved-home .ms-panel-chrome small{display:block;font-size:8px;color:#a4a5a7;margin-top:2px}
.approved-home .ms-panel-chrome>button{display:grid;place-items:center;width:22px;height:25px;padding:0;border:0;background:transparent;color:#acadaf;border-radius:5px}
.approved-home .ms-panel-chrome>button:hover{background:#eef1f6;color:#696a6c}
.approved-home .ms-panel-chrome>button svg{width:12px;height:12px}
.approved-home .ms-panel-content{padding:15px 15px 19px}
.approved-home .ms-detail-section{margin:0 0 19px}
.approved-home .ms-section-label{display:flex;align-items:center;justify-content:space-between;color:#a5a6a8;font:7px/1.6 var(--label);text-transform:uppercase;letter-spacing:.12em;margin-bottom:8px}
.approved-home .ms-detail-fact{display:flex;justify-content:space-between;align-items:baseline;gap:11px;padding:7px 0;border-bottom:1px solid #eef1f5;font-size:10px}
.approved-home .ms-detail-fact>span{color:#a3a4a6;font-size:9px}
.approved-home .ms-detail-fact strong{font-weight:500;text-align:right;overflow-wrap:anywhere;min-width:0}
.approved-home .ms-detail-note{font-size:11px;line-height:1.85;color:#8c8d8f;margin:0 0 10px}
.approved-home .ms-detail-stats{display:flex;gap:14px;margin-top:12px}
.approved-home .ms-detail-stats>span{flex:1;font-size:8px;color:#a6a7a9}
.approved-home .ms-detail-stats b{display:block;font:500 19px/1.2 var(--display);letter-spacing:-.03em;color:#636466;margin-bottom:5px}
.approved-home .ms-record-card{display:flex;align-items:center;gap:9px;padding:12px;background:linear-gradient(140deg,#f0f2f6,#fafbfe);border:1px solid #e4e9f1;border-radius:11px;margin-bottom:20px;box-shadow:inset 0 1px 0 #fff}
.approved-home .ms-record-card .person-portrait{width:34px;height:34px}
.approved-home .ms-record-card>div{flex:1;min-width:0}
.approved-home .ms-record-card strong{font-size:11px;display:block;font-weight:600;line-height:1.45}
.approved-home .ms-record-card small{display:block;font-size:8px;line-height:1.6;color:#a5a6a8;margin-top:3px}
.approved-home .ms-record-card>button{display:grid;place-items:center;width:22px;height:24px;border:0;background:transparent;color:#acadaf;padding:0;flex:none}
.approved-home .ms-record-card>button svg{width:12px;height:12px}
.approved-home .ms-contact-line{display:flex;align-items:center;gap:8px;font-size:10px}
.approved-home .ms-contact-line .person-portrait{width:27px;height:27px}
.approved-home .ms-contact-line b{display:block;font-weight:500}
.approved-home .ms-contact-line small{display:block;font-size:8px;color:#a7a8aa;margin-top:2px}
.approved-home .ms-panel-button{display:inline-flex;justify-content:center;align-items:center;gap:7px;min-height:31px;padding:7px 10px;border:1px solid #e5e6e8;border-radius:7px;background:#fff;color:#858688;font:500 9px/1.5 var(--sans)}
.approved-home .ms-panel-button svg{width:11px;height:11px}
.approved-home .ms-panel-button:hover{background:#f4f6fa;border-color:#d4d5d7;color:#515254}
.approved-home .ms-panel-button.primary{background:#3a3b3d;border-color:#3a3b3d;color:white;box-shadow:inset 0 1px 0 #ffffff1a}
.approved-home .ms-panel-button.primary:hover{background:#555658}
.approved-home .ms-panel-button.wide{width:100%;justify-content:space-between}
.approved-home .ms-panel-button.small{font-size:8px;padding:6px 8px;min-height:27px}
.approved-home .ms-panel-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin:0 0 20px;border:1px solid #e5eaf2;border-radius:10px;background:#e7ecf3;overflow:hidden}
.approved-home .ms-panel-metrics>span{background:#f9fbfe;padding:12px 9px;color:#a8a9ab;font-size:7px}
.approved-home .ms-panel-metrics b{display:block;color:#707173;font:500 21px/1.2 var(--display);margin-bottom:5px}
.approved-home .ms-document-row{width:100%;display:flex;align-items:center;gap:8px;padding:12px 0;border:0;border-bottom:1px solid #ebeff5;background:transparent;text-align:left;color:#898a8c}
.approved-home .ms-document-row>span:nth-child(2){flex:1;min-width:0}
.approved-home .ms-document-row strong{font-size:10px;font-weight:500;display:block;overflow-wrap:anywhere;color:#656668}
.approved-home .ms-document-row small{display:block;font-size:7px;color:#aeafb1;margin-top:4px;line-height:1.6}
.approved-home .ms-document-icon{display:grid;place-items:center;flex:none;width:28px;height:33px;border:1px solid #e9eaec;border-radius:6px;background:#f1f5fa;color:#a4a5a7}
.approved-home .ms-document-icon svg{width:14px;height:14px}
.approved-home .ms-document-state{font-size:7px;color:#7c9b89;white-space:nowrap}
.approved-home .ms-document-state.warn{color:#b59b88}
.approved-home .ms-document-row>svg{width:10px;height:10px;flex:none;color:#bcbdbf}
.approved-home .ms-document-row:hover strong{color:#b82c0f}
.approved-home .ms-panel-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:13px}
.approved-home .ms-panel-footnote{display:flex;align-items:flex-start;gap:7px;font-size:8px;line-height:1.8;color:#b0b1b3;margin:17px 0 0}
.approved-home .ms-panel-footnote svg{width:12px;height:12px;flex:none;margin-top:2px}
.approved-home .ms-inline-back{display:flex;align-items:center;gap:5px;padding:0;border:0;background:transparent;color:#aaabad;font-size:9px;margin-bottom:15px}
.approved-home .ms-inline-back svg{width:10px;height:10px}
.approved-home .ms-document-preview{text-align:center;padding:16px 10px;margin-bottom:18px;border:1px solid #e5ebf3;border-radius:11px;background:linear-gradient(150deg,#f3f6fa,#fff)}
.approved-home .ms-document-symbol{display:grid;place-items:center;width:45px;height:51px;margin:0 auto 12px;border:1px solid #e8e9eb;border-radius:8px;background:#fff;color:#a9aaac;box-shadow:0 5px 12px #65666806}
.approved-home .ms-document-symbol svg{width:24px;height:24px}
.approved-home .ms-document-preview h3{font:500 14px/1.4 var(--display);margin:0 0 9px;color:#67686a}
.approved-home .ms-status-tag{display:inline-flex;align-items:center;padding:3px 7px;background:#f2f4f7;color:#a2a3a5;font:7px/1.4 var(--label);border:1px solid #e4e8ee;border-radius:5px;white-space:nowrap}
.approved-home .ms-status-tag.good{background:#f0f6f2;border-color:#dfece3;color:#7b9b86}
.approved-home .ms-status-tag.warn{background:#fbf4ef;border-color:#ede0d6;color:#ad8c76}
.approved-home .ms-panel-tabs{display:flex;gap:4px;padding:4px;margin:0 0 16px;background:#edf1f6;border:1px solid #e2e8f0;border-radius:8px;flex-wrap:wrap}
.approved-home .ms-panel-tabs>button{flex:1;min-width:0;border:0;background:transparent;border-radius:5px;padding:6px 5px;color:#a1a2a4;font-size:9px;white-space:nowrap}
.approved-home .ms-panel-tabs>button.active{background:white;color:#696a6c;box-shadow:0 1px 4px #51525409}
.approved-home .ms-panel-tabs b{margin-left:3px;font-size:8px;font-weight:500;color:#aeafb1}
.approved-home .ms-comm-stats{margin:0 0 19px}
.approved-home .ms-comm-stats b{font-size:17px}
.approved-home .ms-message-card{border:1px solid #e9eaec;border-radius:10px;margin-bottom:12px;background:white;overflow:hidden}
.approved-home .ms-message-card>button{display:block;text-align:left;width:100%;padding:12px;border:0;background:transparent}
.approved-home .ms-message-card-top{display:flex;align-items:center;gap:6px;margin-bottom:9px;color:#acadaf;font-size:8px}
.approved-home .ms-message-card-top>b{font-weight:400;color:#9b9c9e}
.approved-home .ms-message-card-top>time{margin-left:auto;font:6px var(--mono)}
.approved-home .ms-message-card-top>svg{width:10px;height:10px}
.approved-home .ms-message-card>button>strong{font-size:11px;font-weight:500;display:block;color:#737476}
.approved-home .ms-message-card>button>small{display:block;font-size:8px;color:#b0b1b3;margin-top:4px}
.approved-home .ms-message-card-content{border-top:1px solid #edf1f6;padding:11px 12px 13px;background:#f8fafd}
.approved-home .ms-message-card-content p{font-size:11px;line-height:1.85;color:#939496;margin:0 0 12px;overflow-wrap:anywhere}
.approved-home .ms-panel-empty{display:flex;align-items:center;gap:7px;padding:20px 12px;font-size:10px;color:#aaabad;border:1px dashed #e8e9eb;border-radius:9px}
.approved-home .ms-panel-empty svg{width:13px;height:13px}
.approved-home .ms-apps-intro{display:flex;align-items:center;gap:7px;font-size:9px;color:#94a69e;margin-bottom:16px}
.approved-home .ms-live-dot{width:5px;height:5px;border-radius:50%;background:#88ad96;flex:none;display:inline-block}
.approved-home .ms-live-dot.warn{background:#b7987e}
.approved-home .ms-app-details{border:1px solid #e9eaec;border-radius:10px;margin-bottom:10px;background:#fff;overflow:hidden}
.approved-home .ms-app-details>summary{display:flex;align-items:center;gap:8px;padding:12px;cursor:pointer;list-style:none}
.approved-home .ms-app-details summary::-webkit-details-marker{display:none}
.approved-home .ms-app-details>summary>.ms-app-mark{width:17px;height:17px}
.approved-home .ms-app-details>summary>span{flex:1;min-width:0}
.approved-home .ms-app-details b{font-size:10px;font-weight:500;display:block;color:#747577}
.approved-home .ms-app-details small{display:block;font-size:7px;margin-top:3px;color:#b3b4b6;overflow-wrap:anywhere}
.approved-home .ms-app-details i{font-style:normal;font-size:6px;color:#8faa96}
.approved-home .ms-app-details>summary>svg{width:10px;height:10px;color:#b5b6b8}
.approved-home .ms-app-details>div{padding:0 12px 10px}
.approved-home .ms-app-details p{display:flex;align-items:center;gap:7px;margin:7px 0 0;font-size:8px;color:#aaabad}
.approved-home .ms-app-details p svg{width:10px;height:10px;color:#9ab7a7}
.approved-home .ms-app-details+.ms-detail-section{margin-top:20px}
.approved-home .ms-tool-use{display:flex;justify-content:space-between;gap:8px;font-size:9px;padding:7px 0;border-bottom:1px solid #ebf0f6;color:#9fa0a2}
.approved-home .ms-tool-use b{font-size:7px;font-weight:400;color:#b5b6b8;white-space:nowrap}
.approved-home .ms-request-card{border:1px solid #eaebed;border-radius:10px;padding:12px;margin-bottom:12px;background:linear-gradient(140deg,#fff,#f8fafd)}
.approved-home .ms-request-card>summary{display:flex;align-items:center;flex-wrap:wrap;gap:8px;list-style:none;cursor:pointer}
.approved-home .ms-request-card summary::-webkit-details-marker{display:none}
.approved-home .ms-request-card>summary>strong{font-size:11px;font-weight:500;flex-basis:calc(100% - 22px);order:2;color:#797a7c}
.approved-home .ms-request-card>summary>svg{margin-left:auto;flex:none;width:11px;height:11px;color:#b8b9bb}
.approved-home .ms-request-card>div>small{display:block;font-size:8px;color:#b9babc;margin-top:9px}
.approved-home .ms-request-card>div>p{font-size:10px;line-height:1.8;color:#9c9d9f;margin:9px 0}
.approved-home .ms-request-card>div>span{display:flex;align-items:center;gap:5px;font:7px var(--mono);color:#b4b5b7;margin-bottom:13px}
.approved-home .ms-request-card>div>span svg{width:10px;height:10px}
.approved-home .ms-detail-lead{font:500 17px/1.4 var(--display)!important;letter-spacing:-.02em;margin:0 0 9px!important;color:#6f7072}
.approved-home .ms-loan-title{display:flex;flex-direction:column;gap:7px}
.approved-home .ms-loan-title strong{font:500 17px var(--display);letter-spacing:-.025em;color:#747577}
.approved-home .ms-loan-title span{font-size:9px;color:#afb0b2}
.approved-home .ms-condition-row{display:flex;align-items:center;gap:8px;width:100%;border:1px solid #eee3d9;border-radius:8px;background:#fcf7f2;padding:12px;font-size:10px;color:#ae8c70;text-align:left}
.approved-home .ms-condition-row>span:nth-child(2){flex:1}
.approved-home .ms-condition-row svg{width:12px;height:12px}
.approved-home .ms-audit-row{border-bottom:1px solid #e9eff6;padding:11px 0}
.approved-home .ms-audit-row>summary{display:flex;align-items:flex-start;gap:8px;list-style:none;cursor:pointer}
.approved-home .ms-audit-row summary::-webkit-details-marker{display:none}
.approved-home .ms-audit-row>summary>span{flex:1;min-width:0}
.approved-home .ms-audit-row strong{display:block;font-size:10px;font-weight:500;color:#7f8082}
.approved-home .ms-audit-row small{display:block;font:7px var(--mono);color:#b7b8ba;margin-top:5px}
.approved-home .ms-audit-row>summary>.ms-app-mark{margin-top:2px}
.approved-home .ms-audit-row>summary>svg{width:10px;height:10px;color:#bcbdbf}
.approved-home .ms-audit-row>p{font-size:10px;line-height:1.8;margin:10px 0 0 21px;color:#a3a4a6;overflow-wrap:anywhere}
.approved-home .ms-memo-form textarea,.approved-home .ms-rule-form textarea{width:100%;resize:vertical;min-height:67px;border:1px solid #e7e8ea;border-radius:8px;padding:10px;background:#f9fbfe;font:10px/1.8 var(--sans);color:#898a8c;outline:none}
.approved-home .ms-memo-form textarea:focus,.approved-home .ms-rule-form textarea:focus,.approved-home .ms-map-form :is(input,select):focus{border-color:#b82c0f;outline:1px solid #b82c0f}
.approved-home .ms-memo-form textarea::placeholder,.approved-home .ms-rule-form textarea::placeholder{color:#bcbdbf}
.approved-home .ms-memo-form>div{display:flex;align-items:center;justify-content:space-between;margin-top:7px}
.approved-home .ms-saved-note{font-size:8px;color:#7fa28e}
.approved-home .ms-newsletter-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0;border:0;background:transparent;text-align:left;font-size:10px;color:#969799}
.approved-home .ms-newsletter-toggle small{display:block;font-size:8px;color:#bcbdbf;margin-top:4px}
.approved-home .ms-rule-note{display:flex;align-items:flex-start;gap:7px;border:1px solid #eaebed;border-radius:8px;padding:10px;font-size:9px;line-height:1.8;color:#a4a5a7;background:#f7f9fd;margin-bottom:10px}
.approved-home .ms-rule-note svg{width:12px;height:12px;margin-top:2px;flex:none}
.approved-home .ms-rule-form textarea{min-height:61px}
.approved-home .ms-rule-form>.ms-panel-button{margin-top:7px}
.approved-home .ms-custom-rule{display:flex;align-items:flex-start;gap:7px;padding:10px 0;border-bottom:1px solid #e9eef5}
.approved-home .ms-custom-rule p{margin:0;flex:1;font-size:10px;line-height:1.8;color:#9a9b9d;overflow-wrap:anywhere}
.approved-home .ms-custom-rule button{display:grid;place-items:center;padding:2px;border:0;background:transparent;color:#bdbec0}
.approved-home .ms-custom-rule button svg{width:11px;height:11px}
.approved-home .ms-mapping-card{border:1px solid #e9eaec;border-radius:9px;padding:12px;background:#fff;margin:13px 0}
.approved-home .ms-mapping-card>div{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:10px;color:#8d8e90}
.approved-home .ms-mapping-card b{font-weight:500}
.approved-home .ms-mapping-card button{display:flex;border:0;background:transparent;padding:0;color:#bebfc1}
.approved-home .ms-mapping-card button svg{width:11px;height:11px}
.approved-home .ms-mapping-card p{display:flex;align-items:center;gap:6px;font-size:9px;color:#a4a5a7;margin:12px 0 7px}
.approved-home .ms-mapping-card p svg{width:10px;height:10px}
.approved-home .ms-mapping-card small{font-size:7px;color:#bdbec0;overflow-wrap:anywhere}
.approved-home .ms-map-form{margin-top:21px}
.approved-home .ms-map-form>h3{font:500 14px var(--display);color:#8f9092;margin-bottom:12px}
.approved-home .ms-map-form>label{display:block;font-size:9px;color:#acadaf;margin-bottom:11px}
.approved-home .ms-map-form :is(input,select){display:block;width:100%;border:1px solid #e7e8ea;border-radius:7px;margin-top:5px;background:#fff;padding:8px 9px;color:#929395;font-size:10px;outline:none}
.approved-home .ms-map-form>.ms-panel-button{width:100%;margin-top:4px}
.approved-home .ms-panel-dialog{font-family:var(--sans);width:min(420px,calc(100% - 30px));max-height:calc(100dvh - 40px);padding:0;border:1px solid #e4e5e7;border-radius:16px;background:#fafbfe;box-shadow:0 28px 90px #21222435;color:#5d5e60;overflow:auto}
.approved-home .ms-panel-dialog::backdrop{background:#31323466;backdrop-filter:blur(4px)}
.approved-home .ms-config-heading{display:flex;align-items:flex-start;gap:15px;padding:20px 20px 17px;border-bottom:1px solid #e5eaf2}
.approved-home .ms-config-heading>div{flex:1}
.approved-home .ms-config-heading h2{font:500 19px/1.3 var(--display);letter-spacing:-.025em;margin:0 0 6px;color:#565759}
.approved-home .ms-config-heading p{font-size:10px;line-height:1.7;color:#a4a5a7;margin:0}
.approved-home .ms-config-heading>button{padding:2px;border:0;background:transparent;color:#b2b3b5}
.approved-home .ms-config-heading svg{width:15px;height:15px}
.approved-home .ms-config-options{padding:7px 16px 11px}
.approved-home .ms-config-option{display:flex;align-items:center;gap:7px;padding:10px 4px;border-bottom:1px solid #e9eef5}
.approved-home .ms-config-option>label{display:flex;align-items:center;gap:9px;flex:1;min-width:0;font-size:12px;color:#8f9092}
.approved-home .ms-config-option input{width:13px;height:13px;margin:0;accent-color:#b82c0f}
.approved-home .ms-config-option svg{width:15px;height:15px;color:#aeafb1}
.approved-home .ms-config-option>button{width:25px;height:24px;border:1px solid #e6e7e9;border-radius:5px;background:white;color:#9b9c9e;font-size:12px;cursor:pointer}
.approved-home .ms-config-option>button:disabled{opacity:.3;cursor:default}
.approved-home .ms-config-actions{display:flex;gap:7px;justify-content:flex-end;align-items:center;flex-wrap:wrap;padding:15px 18px;border-top:1px solid #ebecee}
.approved-home .ms-config-actions>button:first-child{margin-right:auto}
.approved-home .ms-panel-dialog button:focus-visible{outline:2px solid #b82c0f;outline-offset:2px}
.approved-home .ms-detail-open .ms-composer-controls{flex-wrap:wrap}
.approved-home .ms-dark .ms-state-content.ms-swappable-panel{background:#353638}.approved-home .ms-dark .ms-panel-chrome{background:#343537f5}.approved-home .ms-dark .ms-panel-content{filter:brightness(1.05)}
@media(max-width:1100px){.approved-home .ms-body.ms-detail-open{grid-template-columns:minmax(0,1fr) 295px}.approved-home .ms-panel-content{padding:13px}.approved-home .ms-toolrail{flex-basis:36px;padding-inline:3px}.approved-home .ms-toolrail>button{width:27px;height:28px}}
@media(max-width:900px){.approved-home .ms-body.ms-detail-open{grid-template-columns:minmax(0,1fr) 286px}.approved-home .ms-panel-content{padding:12px}.approved-home .ms-detail-fact{font-size:9px}.approved-home .ms-detail-note{font-size:10px}}
@media(max-width:640px){.approved-home .ms-body.ms-detail-open{display:flex;grid-template-columns:none}.approved-home .ms-body.ms-rail-collapsed{display:flex}.approved-home .ms-state{flex-direction:column-reverse}.approved-home .ms-toolrail{position:sticky;top:0;flex:0 0 auto;flex-direction:row;justify-content:flex-start;gap:6px;padding:10px 9px;border-left:0;border-bottom:1px solid #ebecee;overflow-x:auto;scrollbar-width:thin;max-width:100%;background:#f9fbfdf2}.approved-home .ms-toolrail>button{width:29px;height:30px;flex:none}.approved-home .ms-toolrail>button:first-child{margin-bottom:0}.approved-home .ms-toolrail>button svg{width:15px;height:15px}.approved-home .ms-rail-divider{width:1px;height:20px;margin:0 1px}.approved-home .ms-toolrail>.ms-tool-add{margin:0}.approved-home .ms-state-content.ms-swappable-panel{display:block;max-height:600px;overflow:auto}.approved-home .ms-panel-chrome{position:static;padding:13px 12px}.approved-home .ms-panel-content{padding:16px}.approved-home .ms-panel-chrome strong{font-size:13px}.approved-home .ms-panel-chrome small{font-size:9px}.approved-home .ms-record-card strong{font-size:12px}.approved-home .ms-record-card small{font-size:9px}.approved-home .ms-detail-note{font-size:12px}.approved-home .ms-detail-fact{font-size:11px}.approved-home .ms-detail-fact>span{font-size:10px}.approved-home .ms-panel-tabs>button{font-size:10px}.approved-home .ms-document-row strong{font-size:11px}.approved-home .ms-document-row small{font-size:8px}.approved-home .ms-document-state{font-size:8px}.approved-home .ms-message-card>button>strong{font-size:12px}.approved-home .ms-message-card-content p{font-size:12px}.approved-home .ms-panel-button{font-size:10px}.approved-home .ms-panel-button.small{font-size:9px}.approved-home .ms-request-card>summary>strong{font-size:12px}.approved-home .ms-request-card>div>p{font-size:11px}.approved-home .ms-app-details b{font-size:11px}.approved-home .ms-app-details p{font-size:10px}.approved-home .ms-audit-row strong{font-size:11px}.approved-home .ms-audit-row>p{font-size:11px}.approved-home .ms-memo-form textarea,.approved-home .ms-rule-form textarea{font-size:12px}.approved-home .ms-custom-rule p{font-size:11px}.approved-home .ms-map-form :is(input,select){font-size:12px}.approved-home .ms-rail-collapsed .ms-state{min-height:0}.approved-home .ms-panel-dialog{max-height:calc(100dvh - 24px)}.approved-home .ms-config-heading h2{font-size:17px}.approved-home .ms-config-actions>button:first-child{flex-basis:100%;margin:0}.approved-home .ms-config-actions>button:not(:first-child){flex:1}}

/* Primary records remain readable in the expanded detail column. */
.approved-home .ms-document-row strong{font-size:11px}
.approved-home .ms-detail-fact{font-size:11px}
.approved-home .ms-message-card>button>strong{font-size:12px}
.approved-home .ms-request-card>summary>strong{font-size:12px}
.approved-home .ms-audit-row strong{font-size:11px}
.approved-home .ms-record-card strong{font-size:12px}
.approved-home .ms-panel-content .ms-section-label{font-size:8px}

.approved-home .ms-body.ms-rail-collapsed .ms-state-content{display:none}
/* One disclosure language for every InVice response in the Mission preview. */
.approved-home .ms-evidence-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:9px}
.approved-home .ms-evidence-pair details{min-width:0;margin:0!important;padding:0!important;border:1px solid var(--ms-line)!important;border-radius:8px;background:var(--ms-card)}
.approved-home .ms-evidence-pair summary{display:flex!important;align-items:center;justify-content:space-between!important;box-sizing:border-box;min-height:32px;padding:6px 9px;font:500 9px/1.4 var(--sans)!important;color:var(--ms-ink)!important;cursor:pointer}
.approved-home .ms-evidence-pair summary svg{order:2;width:11px!important;height:11px!important;transform:none!important}
.approved-home .ms-evidence-pair details[open] summary svg{transform:rotate(180deg)!important}
.approved-home .ms-evidence-pair :is(p,ul){margin:0;padding:0 10px 10px;font:9px/1.55 var(--sans);color:var(--ms-ink)}
.approved-home .ms-evidence-pair ul{padding-left:25px}
.approved-home .ms-evidence-pair p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.approved-home .ms-evidence-pair li+li{margin-top:4px}
.approved-home .ms-dismissed-action{padding:10px}
.approved-home .ms-dismissed-action>p{margin:0 0 8px;font:10px/1.5 var(--sans)}
.approved-home .ms-instruction.from-agent>div{min-width:0;flex:1}
.approved-home .ms-instruction.from-agent .ms-evidence-pair{width:100%}
.approved-home .ms-instruction.from-agent .ms-evidence-pair p{margin:0}
@media(max-width:700px){.approved-home .ms-evidence-pair summary{min-height:40px;font-size:10px!important}.approved-home .ms-evidence-pair :is(p,ul){font-size:10px}}

/* Native workspace examples are the primary product proof. */
.approved-home .workspace-view-bar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:0 0 14px;min-width:0}
.approved-home .workspace-view-tabs{display:flex;gap:5px;padding:4px;border:1px solid #e0e4e9;border-radius:11px;background:#e9edf2a8;max-width:100%}
.approved-home .workspace-view-tabs button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:34px;padding:8px 13px;background:transparent;border:1px solid transparent;border-radius:8px;color:#828995;font-size:11px;white-space:nowrap;line-height:1.4}
.approved-home .workspace-view-tabs button[aria-selected=true]{background:#ffffffed;border-color:#e3e6eb;box-shadow:0 2px 5px #1c263505;color:#343943}
.approved-home .workspace-view-tabs button>span{font:7px var(--label);color:#9197a3;padding:3px 5px;border:1px solid #dee3ea;border-radius:4px}
.approved-home .workspace-view-tabs button[hidden],.approved-home .workspace-view-panel[hidden]{display:none!important}
.approved-home .workspace-view-note{font-size:10px;color:#9299a4;text-align:right;line-height:1.7}
.approved-home .workspace-view-panel{scroll-margin-top:105px;min-width:0}
.approved-home #workspace-showcase>.workspace-view-panel{width:100%;margin:0}
.approved-home #workspace-showcase .workspace{width:100%;margin:0;box-shadow:0 18px 45px #25324706;border-color:#dfe3ea;border-radius:20px}
.approved-home #workspace-showcase .v2-ws .ws-sidebar{flex-basis:184px}
.approved-home #workspace-showcase .v2-ws .ws-ni{font-size:11px;padding:7px 9px;gap:9px}
.approved-home #workspace-showcase .v2-ws .ws-acct-name{font-size:11px}
.approved-home #workspace-showcase .v2-ws .ws-acct-kind{font-size:9px}
.approved-home #workspace-showcase .v2-ws .ws-ng{font-size:7px;padding-inline:17px}
.approved-home #workspace-showcase .v2-ws .ws-set{font-size:10px}
.approved-home #workspace-showcase .v2-ws .ws-topbar{padding:13px 20px}
.approved-home .owner-demo-heading>p:last-child{max-width:480px}
.approved-home .owner-demo .audience-tabs{margin-bottom:48px}
@media(max-width:900px){.approved-home .workspace-view-note{display:none}.approved-home .workspace-view-tabs{width:100%}.approved-home .workspace-view-tabs button{flex:1;font-size:10px;padding-inline:9px}.approved-home .workspace-view-tabs button>span{display:none}}
@media(max-width:700px){.approved-home .workspace-view-bar{margin-bottom:12px}.approved-home .workspace-view-tabs{gap:2px;padding:3px}.approved-home .workspace-view-tabs button{font-size:9px;padding:9px 6px;min-height:35px}.approved-home .owner-demo .audience-tabs{margin-bottom:36px}.approved-home .workspace-view-panel{scroll-margin-top:86px}.approved-home #workspace-showcase .workspace{border-radius:15px}.approved-home #workspace-showcase .v2-ws .ws-sidebar{display:none}.approved-home .owner-demo-heading>p:last-child{max-width:none}}
@media(max-width:370px){.approved-home .hero-actions .button{padding-inline:10px;gap:7px;font-size:9px}.approved-home .workspace-view-tabs button{font-size:8px}}

/* A navigable product, using the native workspace shell. */
.approved-home .explore-tools{display:none;align-items:center;justify-content:flex-end;gap:10px;position:relative;z-index:5;padding:0 2px 10px;color:var(--secondary);font:11px var(--sans)}
.approved-home .explore-tools :is(button,summary){display:flex;align-items:center;gap:7px;border:1px solid var(--line,#dfe2e8);border-radius:8px;background:#ffffffeb;color:inherit;padding:8px 10px;min-height:44px;font:inherit;cursor:pointer}
.approved-home .explore-tools svg{width:14px;height:14px;flex:none}
.approved-home .explore-tools>[data-ex-expand]{margin-left:auto}
.approved-home .explore-sections{display:none}
.approved-home .explore-sections summary{list-style:none}
.approved-home .explore-sections summary::-webkit-details-marker{display:none}
.approved-home .explore-sections nav{position:absolute;top:100%;left:0;width:min(360px,calc(100vw - 36px));max-height:calc(100dvh - 150px);overflow:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:8px;background:var(--white,#fff);border:1px solid var(--line,#dfe2e8);border-radius:14px;box-shadow:0 8px 24px #28324718}
.approved-home .explore-sections nav button{border:0;background:transparent;text-align:left;overflow-wrap:anywhere}
.approved-home .explore-sections nav button:hover,.approved-home .explore-sections nav button[aria-current]{background:#f1f2f5}
@media(max-width:850px){.approved-home .explore-tools{display:flex;justify-content:flex-start}.approved-home .explore-sections{display:block}}
.approved-home #workspace-showcase.is-expanded{position:fixed;inset:12px;z-index:1000;width:auto!important;max-width:none!important;margin:0;background:#f1f2f5;border:1px solid #d9dde5;border-radius:18px;padding:12px;box-shadow:0 0 0 30px #eef0f5,0 30px 80px #19203540;display:flex;flex-direction:column;overflow:auto}
.approved-home .is-expanded .explore-tools{display:flex;order:-1;flex:none;padding:0 4px 10px}.approved-home .is-expanded .workspace-view-bar{padding:0 4px 10px;flex:none}.approved-home .is-expanded>.workspace-view-panel{flex:1;min-height:0}.approved-home .is-expanded .ms-workspace,.approved-home .is-expanded .oa-workspace{height:100%!important;min-height:500px}.approved-home .is-expanded #workspace{margin:0;max-width:none;height:100%}.approved-home .is-expanded .v2-ws-app{height:100%;overflow:auto}.approved-home .is-expanded .ws-content{overflow:auto}.approved-home .is-expanded .ws-sidebar{position:sticky;top:0}.approved-home .is-expanded .workspace-expand{display:none}
.approved-home .ex-body{overflow:auto;padding:24px;flex:1;min-height:0;scrollbar-width:thin;scrollbar-color:#c8cdd5 transparent}.approved-home .ex-page-head{display:flex;align-items:flex-start;gap:15px;margin-bottom:22px}.approved-home .ex-page-head>div{flex:1;min-width:0}.approved-home .ex-eyebrow{font:8px var(--label);letter-spacing:.1em;text-transform:uppercase;color:#9398a4}.approved-home .ex-page-head h2{font:500 26px/1.2 var(--display);letter-spacing:-.035em;margin:8px 0 6px}.approved-home .ex-page-head p{font-size:11px;color:#838894;margin:0;line-height:1.65}.approved-home .ex-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 11px;border:1px solid #dfe2e9;border-radius:8px;background:#fff;color:#555b67;font:10px var(--sans);cursor:pointer;white-space:nowrap}.approved-home .ex-button svg{width:12px;height:12px}.approved-home .ex-button.primary{background:#27292f;color:#fff;border-color:#27292f}.approved-home .ex-button.ember{background:#b82c0f;color:#fff;border-color:#b82c0f}.approved-home .ex-button:disabled{opacity:.5;cursor:default}.approved-home .ex-button:hover:not(:disabled){box-shadow:0 2px 9px #303c4712}.approved-home .ex-button:focus-visible,.approved-home .ex-body button:focus-visible,.approved-home .explore-tools :focus-visible{outline:2px solid #b82c0f;outline-offset:3px}
.approved-home .ex-tabs{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:18px}.approved-home .ex-tabs button{padding:7px 12px;border:1px solid transparent;border-radius:7px;background:transparent;color:#818792;font-size:10px}.approved-home .ex-tabs button[aria-pressed=true]{background:#fff;border-color:#e0e3e9;color:#303540;box-shadow:0 3px 10px #36425305}.approved-home .ex-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.approved-home .ex-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.approved-home .ex-card{background:linear-gradient(135deg,#ffffffed,#ffffffb8);border:1px solid #e2e5ec;border-radius:13px;padding:17px;box-shadow:0 6px 20px #25354504;min-width:0}.approved-home .ex-card h3{font-size:12px;font-weight:600;margin:0 0 8px}.approved-home .ex-card p{font-size:10px;line-height:1.7;color:#838894;margin:8px 0}.approved-home .ex-card small{font-size:9px;color:#9196a2}.approved-home .ex-card-head{display:flex;align-items:center;gap:9px;margin-bottom:12px}.approved-home .ex-card-head img{width:23px;height:23px}.approved-home .ex-card-head>div{flex:1}.approved-home .ex-card-head strong{display:block;font-size:11px}.approved-home .ex-card-head .person-portrait{width:32px;height:32px}.approved-home .ex-card-foot{margin-top:16px;display:flex;align-items:center;justify-content:space-between;gap:8px}.approved-home .ex-badge{display:inline-flex;align-items:center;gap:5px;border-radius:5px;padding:3px 6px;background:#f0f3f4;color:#748b7c;font:8px var(--label);white-space:nowrap}.approved-home .ex-badge.ember{background:#faf0eb;color:#ad614a}.approved-home .ex-badge::before{content:'';width:4px;height:4px;border-radius:50%;background:currentColor}.approved-home .ex-number{display:block;font:500 29px/1.2 var(--display);letter-spacing:-.04em;color:#343a45;margin:12px 0 6px}.approved-home .ex-toolbar{display:flex;gap:9px;align-items:center;margin-bottom:14px}.approved-home .ex-toolbar input{border:1px solid #e0e3e9;border-radius:8px;padding:9px 11px;background:#ffffffad;min-width:0;flex:1;font-size:11px;outline-offset:2px}.approved-home .ex-muted{color:#969ba5;font-size:9px}.approved-home .ex-list{background:#fff;border:1px solid #e2e5eb;border-radius:12px;overflow:hidden}.approved-home .ex-row{display:flex;align-items:center;gap:12px;padding:14px 16px;border:0;border-bottom:1px solid #eef0f4;background:transparent;width:100%;text-align:left;color:#454b56;font:11px var(--sans)}.approved-home .ex-row:last-child{border-bottom:0}.approved-home .ex-row:hover{background:#f8f9fb}.approved-home .ex-row .person-portrait{width:30px;height:30px;flex:none}.approved-home .ex-row>div{flex:1;min-width:0}.approved-home .ex-row strong{display:block;font-weight:500}.approved-home .ex-row small{display:block;font-size:9px;color:#949aa5;margin-top:4px}.approved-home .ex-row>svg{color:#a3a8b2}.approved-home .ex-app{width:17px;height:17px;object-fit:contain;vertical-align:middle;margin-right:5px}.approved-home .ex-empty{padding:34px;text-align:center;color:#9096a1;font-size:11px}
.approved-home .ex-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.approved-home .ex-lane{padding:10px;background:#e9ecf1a3;border:1px solid #e1e5ed;border-radius:12px;min-height:295px}.approved-home .ex-lane-title{display:flex;justify-content:space-between;padding:5px 3px 12px;font-size:10px;color:#838a95}.approved-home .ex-lane .ex-card{display:block;width:100%;margin-bottom:9px;text-align:left;padding:13px;color:#4c535e}.approved-home .ex-lane .ex-card-head{margin-bottom:8px}.approved-home .ex-lane .person-portrait{width:24px;height:24px}.approved-home .ex-lane .ex-card p{font-size:9px}.approved-home .ex-lane .ex-card-head strong{font-size:10px}.approved-home .ex-progress{height:4px;background:#e9ecf1;border-radius:5px;overflow:hidden;margin-top:13px}.approved-home .ex-progress i{display:block;height:100%;background:#aebac8;border-radius:5px}.approved-home .ex-process{display:flex;align-items:center;gap:8px;margin:15px 0}.approved-home .ex-process span{flex:1;text-align:center;padding:10px 5px;border:1px solid #e2e5ec;border-radius:8px;background:#fff;font-size:9px;color:#737b87}.approved-home .ex-process svg{color:#a8adb6}
.approved-home .ex-calendar-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(210px,1fr);gap:15px}.approved-home .ex-calendar{padding:17px}.approved-home .ex-calendar-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.approved-home .ex-calendar-head strong{font:500 15px var(--display)}.approved-home .ex-calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}.approved-home .ex-calendar-grid>span{text-align:center;color:#9aa0ab;font:8px var(--label);padding:5px}.approved-home .ex-calendar-grid button{position:relative;aspect-ratio:1.13;border:0;border-radius:7px;background:transparent;color:#69717e;font-size:10px}.approved-home .ex-calendar-grid button.selected{background:#282b31;color:#fff}.approved-home .ex-calendar-grid button.has-event:after{content:'';position:absolute;bottom:5px;left:calc(50% - 2px);width:4px;height:4px;background:#b82c0f;border-radius:50%}.approved-home .ex-calendar-grid button.selected:after{background:#e7a792}
.approved-home .ex-mail-layout{display:grid;grid-template-columns:195px minmax(0,1fr);gap:12px;min-height:360px}.approved-home .ex-mail-list .ex-row{padding:12px 9px;gap:8px;cursor:pointer}.approved-home .ex-mail-list .ex-row.selected{background:#eef1f6}.approved-home .ex-mail-list .person-portrait{width:24px;height:24px}.approved-home .ex-mail-thread{display:flex;flex-direction:column;gap:14px}.approved-home .ex-mail-thread h3{margin:0}.approved-home .ex-message{padding:13px;background:#f2f4f7;border:1px solid #e5e8ee;border-radius:10px}.approved-home .ex-message p{color:#707986;font-size:11px;line-height:1.7}.approved-home .ex-message.outgoing{background:#fff;margin-left:23px}.approved-home .ex-mail-compose{margin-top:auto}.approved-home .ex-mail-compose textarea,.approved-home .ex-field textarea,.approved-home .ex-field input,.approved-home .ex-field select{width:100%;border:1px solid #e0e4eb;border-radius:8px;padding:10px 11px;background:#fff;color:#4a525e;font:11px/1.6 var(--sans);resize:vertical}.approved-home .ex-mail-compose textarea{min-height:73px}.approved-home .ex-mail-compose>div{display:flex;align-items:center;justify-content:space-between;margin-top:8px}.approved-home .ex-field{display:block;margin:16px 0}.approved-home .ex-field>span{display:block;margin-bottom:6px;font-size:10px;color:#6c7683}.approved-home .ex-setting-row{display:flex;align-items:center;gap:15px;padding:14px 0;border-bottom:1px solid #eceef2}.approved-home .ex-setting-row>div{flex:1}.approved-home .ex-setting-row strong{font-size:11px;font-weight:500;display:block}.approved-home .ex-setting-row p{margin:3px 0 0}.approved-home .ex-toggle{flex:none;width:31px;height:18px;border:0;border-radius:10px;background:#d8dce3;padding:3px;text-align:left}.approved-home .ex-toggle:after{content:'';display:block;width:12px;height:12px;border-radius:100%;background:white;box-shadow:0 1px 3px #0002;transition:transform .18s}.approved-home .ex-toggle[aria-checked=true]{background:#32363e}.approved-home .ex-toggle[aria-checked=true]:after{transform:translateX(13px)}
.approved-home .ex-insight{display:flex;gap:12px;padding:15px 17px;margin-top:16px;border:1px solid #dde2eb;border-radius:12px;background:linear-gradient(120deg,#ffffffc9,#e8ecf3a8);align-items:flex-start}.approved-home .ex-insight>img{width:17px;height:17px;margin-top:2px}.approved-home .ex-insight>div{flex:1}.approved-home .ex-insight strong{font-size:11px;font-weight:500}.approved-home .ex-insight p{color:#838b98;font-size:10px;line-height:1.7;margin:5px 0}.approved-home .ex-kv{display:flex;justify-content:space-between;gap:15px;padding:11px 0;border-bottom:1px solid #edf0f4;font-size:11px;color:#85909d}.approved-home .ex-kv strong{color:#4f5967;font-weight:500;text-align:right}.approved-home .ex-detail-hero{display:flex;align-items:center;gap:13px;margin:15px 0 23px}.approved-home .ex-detail-hero .person-portrait{width:45px;height:45px}.approved-home .ex-detail-hero h3{font:500 22px var(--display);margin:0}.approved-home .ex-detail-hero p{margin:4px 0;color:#9198a3;font-size:11px}
.approved-home .ex-dialog{width:min(530px,calc(100% - 30px));border:1px solid #e1e4ea;border-radius:19px;padding:0;color:#343a45;background:#f9fafc;box-shadow:0 30px 100px #1e2a4040;max-height:85vh}.approved-home .ex-dialog::backdrop{background:#1e263342;backdrop-filter:blur(5px)}.approved-home .ex-dialog-head{display:flex;align-items:center;gap:10px;padding:17px 23px;border-bottom:1px solid #e7eaf0;font:9px var(--label);letter-spacing:.09em;text-transform:uppercase;color:#8c96a4}.approved-home .ex-dialog-head img{width:16px;height:16px}.approved-home .ex-dialog-head button{margin-left:auto;background:transparent;border:0;color:#8b93a0;cursor:pointer;padding:3px}.approved-home .ex-dialog-head svg{width:16px;height:16px}.approved-home .ex-dialog-content{padding:24px}.approved-home .ex-dialog-content h2{font:500 25px/1.2 var(--display);letter-spacing:-.03em;margin:0 0 12px}.approved-home .ex-dialog-content>p{font-size:12px;line-height:1.8;color:#89929f}.approved-home .ex-dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:21px}.approved-home .ex-document-preview{border:1px solid #e1e5ec;background:#fff;border-radius:10px;padding:25px;margin:17px 0;font-size:12px;color:#6c7684;line-height:1.9}.approved-home .ex-document-preview h3{font:500 18px var(--display);color:#404a58}.approved-home .ex-document-preview .ex-kv{font-size:10px}.approved-home .ex-route-status{font-size:10px;color:#63846e;min-height:14px;margin-top:10px}.approved-home .ex-analytics-mount .intelligence-product{margin:0}.approved-home .ex-analytics-mount .analytics-shell{max-width:none}.approved-home .ex-analytics-mount{margin:-5px}.approved-home .ex-file-icon{display:grid;place-items:center;width:31px;height:35px;border:1px solid #e1e5ed;border-radius:7px;background:#f6f8fb;color:#8994a4;flex:none}.approved-home .ex-file-icon svg{width:15px;height:15px}
.approved-home .ex-workspace .ms-sidebar-bottom{border-top:0}.approved-home .ex-workspace.ms-dark{--ms-bg:#252831;--ms-card:#30353f;--ms-ink:#ecedf1;--ms-muted:#9ba5b7;--ms-line:#3b414e}.approved-home .ex-workspace.ms-dark .ex-body{background:#272c36;filter:invert(.86) hue-rotate(180deg)}.approved-home .ex-workspace.ms-dark .ex-body img,.approved-home .ex-workspace.ms-dark .person-portrait{filter:invert(1) hue-rotate(180deg)}
@media(min-width:1400px){.approved-home .is-expanded .ex-body{padding:30px 40px}.approved-home .is-expanded .ex-page-head{margin-bottom:27px}.approved-home .is-expanded .ex-page-head h2{font-size:31px}.approved-home .is-expanded .ex-card{padding:22px}.approved-home .is-expanded .ex-row{padding:17px}.approved-home .is-expanded .ex-board{gap:19px}.approved-home .is-expanded .ex-lane{padding:16px;min-height:410px}.approved-home .is-expanded .ex-lane .ex-card{padding:18px}.approved-home .is-expanded .ex-calendar-layout{grid-template-columns:minmax(0,1.5fr) minmax(250px,1fr);max-width:1100px}.approved-home .is-expanded .ex-mail-layout{grid-template-columns:260px 1fr;min-height:500px}.approved-home .is-expanded .ex-mail-list .ex-row{padding:18px 12px}.approved-home .is-expanded .ex-body .ex-card h3{font-size:14px}.approved-home .is-expanded .ex-card p{font-size:12px}.approved-home .is-expanded .ex-body .ex-card-head strong{font-size:12px}}
@media(max-width:1000px){.approved-home .ex-body{padding:20px 16px}.approved-home .ex-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.approved-home .ex-grid.two{grid-template-columns:1fr}.approved-home .ex-page-head h2{font-size:23px}.approved-home .ex-calendar-layout{grid-template-columns:1fr}.approved-home .ex-calendar-grid button{aspect-ratio:1.8}.approved-home .ex-mail-layout{grid-template-columns:155px 1fr}.approved-home .ex-board{gap:7px}.approved-home .ex-lane{padding:7px}.approved-home .ex-lane .ex-card-head .person-portrait{display:none}}
@media(max-width:700px){.approved-home .ex-workspace>.ms-sidebar{display:none}.approved-home .ex-workspace .ms-topbar{padding:10px 12px;gap:8px}.approved-home .ex-body{padding:20px 13px}.approved-home .ex-page-head{gap:8px}.approved-home .ex-page-head p{font-size:10px}.approved-home .ex-page-head h2{font-size:23px}.approved-home .ex-button{font-size:9px;padding:8px}.approved-home .ex-page-head>.ex-button{margin-top:4px}.approved-home .ex-grid{gap:9px}.approved-home .ex-card{padding:13px}.approved-home .ex-card-head{gap:7px}.approved-home .ex-card-head .person-portrait{width:26px;height:26px}.approved-home .ex-board{grid-template-columns:1fr}.approved-home .ex-lane{min-height:0}.approved-home .ex-lane .ex-card-head .person-portrait{display:block}.approved-home .ex-mail-layout{grid-template-columns:1fr}.approved-home .ex-mail-list{display:flex;overflow:auto}.approved-home .ex-mail-list .ex-row{min-width:135px;border-bottom:0;border-right:1px solid #edf0f5}.approved-home .ex-mail-thread{min-height:330px}.approved-home .ex-mail-list .ex-row>svg{display:none}.approved-home .ex-row{padding:12px 10px;gap:8px}.approved-home .ex-row>small{display:none}.approved-home .ex-row .ex-badge{font-size:7px}.approved-home .ex-insight{padding:12px}.approved-home .ex-insight>.ex-button{align-self:center}.approved-home .ex-process{flex-wrap:wrap}.approved-home .ex-process span{min-width:60px}.approved-home .is-expanded .ms-workspace,.approved-home .is-expanded .oa-workspace{min-height:420px!important}.approved-home .is-expanded .workspace-view-bar{overflow-x:auto}.approved-home #workspace-showcase.is-expanded{inset:5px;padding:8px;border-radius:13px}.approved-home .is-expanded .ms-workspace{height:100%!important}.approved-home .is-expanded .ms-body{min-height:0!important}.approved-home .is-expanded .ms-conversation{min-height:410px}.approved-home .is-expanded>.workspace-view-panel{overflow:auto}.approved-home .ex-dialog-content{padding:20px}.approved-home .ex-dialog-content h2{font-size:23px}}
@media(prefers-reduced-motion:reduce){.approved-home .ex-toggle:after{transition:none}}
/* At full size, the product is an interface rather than a scaled marketing image. */
.approved-home .ex-workspace{--ms-muted:#687383}
.approved-home .ex-body .ex-page-head p,.approved-home .ex-body .ex-card p,.approved-home .ex-body .ex-muted,.approved-home .ex-body .ex-card small,.approved-home .ex-body .ex-row small,.approved-home .ex-insight p,.approved-home .ex-body .ex-eyebrow,.approved-home .ex-kv{color:#687383}
.approved-home .ex-badge{color:#476a55;background:#edf3ef}.approved-home .ex-badge.ember{color:#9d452e;background:#faf0eb}
.approved-home .ws-ni[role=button],.approved-home .ws-set[role=button]{cursor:pointer}.approved-home .oa-native-nav button.oa-nav-item{width:100%;text-align:left;font-family:inherit;border:0}
@media(min-width:1000px){
 .approved-home .is-expanded .ms-sidebar{flex-basis:224px;padding-top:25px}.approved-home .is-expanded .ms-nav-item{min-height:31px;font-size:12px;gap:10px}.approved-home .is-expanded .ms-nav-item svg{width:15px;height:15px}.approved-home .is-expanded .ms-nav-group{font-size:8px;margin-top:10px}.approved-home .is-expanded .ms-account strong{font-size:12px}.approved-home .is-expanded .ms-account small{font-size:10px}.approved-home .is-expanded .ms-sidebar-bottom>button{font-size:11px;min-height:30px}.approved-home .is-expanded .ms-search input{font-size:12px}.approved-home .is-expanded .ms-workspace-label{font-size:12px}.approved-home .is-expanded .ms-new{font-size:12px;padding:11px 14px}.approved-home .is-expanded .ms-topbar{height:62px;min-height:62px}
 .approved-home .is-expanded .ex-body{font-size:13px}.approved-home .is-expanded .ex-page-head p{font-size:12px}.approved-home .is-expanded .ex-row{font-size:12px}.approved-home .is-expanded .ex-row small{font-size:10px}.approved-home .is-expanded .ex-card p{font-size:12px}.approved-home .is-expanded .ex-card small{font-size:10px}.approved-home .is-expanded .ex-button{font-size:11px;min-height:35px}.approved-home .is-expanded .ex-tabs button{font-size:11px;min-height:34px}.approved-home .is-expanded .ex-lane-title{font-size:12px}.approved-home .is-expanded .ex-badge{font-size:9px}.approved-home .is-expanded .ex-insight strong{font-size:12px}.approved-home .is-expanded .ex-insight p{font-size:11px}.approved-home .is-expanded .ex-mail-compose textarea{font-size:13px}
 .approved-home .is-expanded .ms-composer-input{font-size:13px}.approved-home .is-expanded .ms-composer-controls>button{font-size:11px;min-height:32px}.approved-home .is-expanded .ms-event-body>p{font-size:12px}.approved-home .is-expanded .ms-event-heading strong{font-size:13px}.approved-home .is-expanded .ms-draft-copy{font-size:13px}.approved-home .is-expanded .ms-input-notice{font-size:11px}.approved-home .is-expanded .ms-event-body{max-width:760px}.approved-home .is-expanded .ms-titlebar{height:84px;padding-top:16px}.approved-home .is-expanded .ms-titlebar h2{font-size:29px!important}.approved-home .is-expanded .ms-conversation{padding:20px}.approved-home .is-expanded .ms-state{min-width:330px}
}
@media(max-width:700px){.approved-home .explore-tools{gap:7px}.approved-home .ex-body button,.approved-home .ex-dialog .ex-button{min-height:38px}.approved-home .ex-body .ex-tabs{gap:8px}.approved-home .ex-body .ex-row{min-height:49px}.approved-home .ex-grid{grid-template-columns:1fr}.approved-home .ex-dialog input,.approved-home .ex-dialog select,.approved-home .ex-dialog textarea,.approved-home .ex-body input,.approved-home .ex-body textarea{font-size:13px}.approved-home .ex-mail-compose>div{gap:12px}.approved-home .ex-mail-compose small{max-width:65%}.approved-home .ex-dialog .ex-grid{grid-template-columns:1fr}.approved-home .ex-dialog-actions{flex-wrap:wrap}.approved-home .ex-body .ex-setting-row button{min-height:22px;height:22px;width:36px}.approved-home .ex-toggle[aria-checked=true]:after{transform:translateX(16px)}.approved-home .ex-calendar-grid button{min-height:33px}.approved-home .ex-card p{font-size:11px}.approved-home .ex-button{font-size:10px}}
@media(min-width:1000px){.approved-home .is-expanded .ms-body{grid-template-columns:minmax(0,1fr) 330px}.approved-home .is-expanded .ms-body.ms-rail-collapsed{grid-template-columns:minmax(0,1fr) 42px}.approved-home .is-expanded .ms-state{min-width:0}.approved-home .is-expanded .ms-state-line{font-size:13px}.approved-home .is-expanded .ms-panel-heading,.approved-home .is-expanded .ms-calendar-label,.approved-home .is-expanded .ms-progress-label,.approved-home .is-expanded .ms-connected-label{font-size:9px}.approved-home .is-expanded .ms-state .ms-calendar strong{font-size:12px}.approved-home .is-expanded .ms-state .ms-progress-list>span,.approved-home .is-expanded .ms-connected-app{font-size:10px}.approved-home .is-expanded .ms-calendar-days{font-size:8px}.approved-home .is-expanded .ms-panel-content{font-size:12px}}
@media(max-width:700px){.approved-home .is-expanded .ms-workspace{height:auto!important;overflow:visible;min-height:100%!important}.approved-home .is-expanded .ex-workspace{height:100%!important;overflow:hidden}.approved-home .is-expanded .ex-workspace>.ms-main{height:100%;min-height:0}.approved-home .is-expanded .ms-conversation{height:min(510px,calc(100dvh - 340px));min-height:400px}.approved-home .is-expanded>.workspace-view-panel{overflow:auto}.approved-home .is-expanded .ms-state{margin-bottom:10px}.approved-home .is-expanded .ms-toolrail>button{width:33px;height:35px}.approved-home .is-expanded .ms-main{min-height:0}}

/* Invice's existing type and quiet grey surfaces, with an outcome-led opening. */
html:has(.approved-home){--brand-glass:linear-gradient(135deg,#ffffffc9 0%,#f0f1f3bf 100%);--brand-glass-line:#dfe2e6;--brand-muted:#626b77;--brand-secondary:#505966;--brand-focus:var(--ember);--brand-motion:180ms;--muted:var(--brand-muted)}
.approved-home .hero{padding-top:45px}
.approved-home .hero::before{inset:-80px 0 -80px;background:radial-gradient(ellipse at 50% 27%,#e6e8ec91,transparent 67%)}
.approved-home .hero-eyebrow{font-size:9px;letter-spacing:.12em;color:#616570}
.approved-home .hero h1{font-size:clamp(58px,5.55vw,74px);font-weight:600;line-height:1.035;letter-spacing:-.055em;margin:21px auto 21px;max-width:850px}
.approved-home .hero h1>span{font-weight:500}
.approved-home .hero-copy{max-width:650px;font-size:15px;line-height:1.8;color:#6a6e77;letter-spacing:-.12px;text-wrap:pretty}
.approved-home .hero-context{color:#343841;font-weight:500}
.approved-home .hero-actions{margin-top:23px;gap:12px}
.approved-home .hero-actions .button{min-height:46px;padding:12px 21px;border-radius:11px;font-size:12px;gap:17px}
.approved-home .hero-actions .button-quiet{background:#ffffffa6;border-color:#dce0e5;box-shadow:inset 0 1px #fff,0 2px 5px #18202904;color:#4e545e}
.approved-home .hero-actions .button-quiet:hover{background:#fff}
.approved-home .hero-note{margin-top:15px;font-size:9px;color:#777e87}
.approved-home .hero-note .icon{width:12px;height:12px}

/* One continuous piece of product evidence, not another row of feature cards. */
.approved-home .outcome-proof{width:min(950px,calc(100% - 96px));margin:20px auto 0;padding:0 22px;border:1px solid #e0e3e7;border-radius:14px;background:var(--brand-glass);box-shadow:inset 0 1px #fff,0 8px 25px #26324504}
.approved-home .outcome-sequence{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;column-gap:27px;list-style:none;padding:0;margin:0}
.approved-home .outcome-sequence li{position:relative;display:flex;flex-direction:column;justify-content:center;gap:8px;min-width:0;padding:15px 0 16px}
.approved-home .outcome-sequence li:not(:last-child)::after{content:'›';position:absolute;right:-16px;top:31px;font:17px/1 var(--sans);color:#b7bec7}
.approved-home .outcome-label{font:7px/1.4 var(--label);letter-spacing:.095em;color:#888f9a;white-space:nowrap}
.approved-home .outcome-label>span{letter-spacing:.035em;color:#a1a7b0}
.approved-home .outcome-evidence{display:flex;align-items:center;gap:7px;min-width:0;color:#505863;font-size:11px;line-height:1.5;white-space:nowrap}
.approved-home .outcome-goal .outcome-evidence{font-weight:500;color:#353c46;letter-spacing:-.13px}
.approved-home .outcome-evidence img{flex:none;object-fit:contain}
.approved-home .outcome-evidence .icon{width:14px;height:14px;color:#7b8490}
.approved-home .owner-demo{margin-top:21px;padding-bottom:72px}
.approved-home .owner-demo .audience-tabs{width:min(650px,calc(100% - 96px));margin-bottom:20px;background:#e9ecf0a1;border-color:#dee2e8;padding:4px}
.approved-home .audience-tabs button{padding:12px 16px}
.approved-home .owner-demo-heading{margin-bottom:18px}
.approved-home .owner-demo-heading h2{font-weight:500}

/* A consistent rhythm and one surface family through the rest of the page. */
.approved-home .value-section,.approved-home .intelligence-section,.approved-home .channels-section{padding-top:73px;padding-bottom:77px}
.approved-home .connections-section{padding-top:74px;padding-bottom:52px}
.approved-home .principles-section{padding-top:64px;padding-bottom:72px}
.approved-home .pricing-section{padding-top:58px;padding-bottom:68px}
.approved-home .faq-section{padding-top:49px;padding-bottom:57px}
.approved-home .principle-card,.approved-home .plan-card{background:var(--brand-glass);border-color:var(--brand-glass-line);box-shadow:inset 0 1px #fff,0 5px 18px #1b273503}
.approved-home .plan-card.featured{background:linear-gradient(135deg,#ffffffec,#eaedf1c7);border-color:#d4dae2;box-shadow:inset 0 1px #fff,0 10px 25px #26354806}
.approved-home .section-intro.compact-intro>p:last-child,.approved-home .connections-copy>p:not(.eyebrow){color:#686e78}
.approved-home .principle-card>p{color:#69717c;line-height:1.85}
.approved-home .principle-icon{background:#edf0f3b3;border-color:#dfe3e8}
.approved-home .closing.closing-refined{padding-top:33px;padding-bottom:85px}
.approved-home .closing-panel{background:linear-gradient(125deg,#ffffffcc,#eceef2b8);border-color:#dde2e8;box-shadow:inset 0 1px #fff,0 16px 45px #25324704;padding:42px 45px;column-gap:45px}
.approved-home .closing-refined h2{font-size:clamp(32px,3.05vw,42px);line-height:1.16;letter-spacing:-.047em;margin-top:21px}
.approved-home .closing-start>.button{border-radius:11px}
.approved-home .closing-copy>p{color:#747c86;font-size:12px}

@media(min-width:1600px){.approved-home .hero{padding-top:75px}.approved-home .hero h1{font-size:76px}.approved-home .outcome-proof{margin-top:31px}.approved-home .owner-demo{margin-top:30px}}
@media(max-width:1100px){.approved-home .outcome-proof{width:calc(100% - 80px);padding-inline:17px}.approved-home .outcome-sequence{column-gap:22px;grid-template-columns:1.25fr 1fr 1fr 1fr}.approved-home .outcome-evidence{font-size:10px;gap:6px}.approved-home .outcome-label{font-size:6px}.approved-home .outcome-sequence li:not(:last-child)::after{right:-13px}.approved-home .closing-panel{padding-inline:34px;column-gap:30px}}
@media(max-width:900px){.approved-home .hero{padding-top:57px}.approved-home .hero h1{font-size:63px}.approved-home .outcome-proof{width:min(650px,calc(100% - 56px));padding-inline:20px}.approved-home .outcome-sequence{grid-template-columns:1.1fr 1fr;column-gap:35px}.approved-home .outcome-sequence li:nth-child(2)::after{display:none}.approved-home .outcome-label{font-size:7px}.approved-home .outcome-evidence{font-size:10px}.approved-home .owner-demo .audience-tabs{width:min(620px,calc(100% - 56px))}.approved-home .value-section,.approved-home .intelligence-section,.approved-home .channels-section{padding-block:62px}.approved-home .connections-section{padding-top:63px;padding-bottom:43px}.approved-home .closing-refined h2{font-size:33px}}
@media(max-width:600px){
  .approved-home .hero{padding:45px 22px 0}.approved-home .hero::before{inset:-60px 0 -70px;background:radial-gradient(ellipse at 50% 25%,#e6e8ec91,transparent 70%)}
  .approved-home .hero-eyebrow{font-size:7px;letter-spacing:.1em}.approved-home .hero h1{font-size:48px;line-height:1.045;letter-spacing:-.052em;margin:22px auto 21px}
  .approved-home .hero-copy{font-size:13px;line-height:1.85;max-width:360px}.approved-home .hero-context{display:block;margin-bottom:4px}
  .approved-home .hero-actions{margin-top:23px;gap:9px}.approved-home .hero-actions .button{min-height:44px;font-size:10px;gap:9px;padding:11px 14px;border-radius:10px}.approved-home .hero-actions .icon{width:14px;height:14px}
  .approved-home .hero-note{font-size:8px;margin-top:15px}.approved-home .hero-note a{gap:4px}.approved-home .hero-note .icon{width:10px;height:10px}
  .approved-home .outcome-proof{width:calc(100% - 40px);margin-top:26px;padding:5px 16px;border-radius:13px}
  .approved-home .outcome-sequence{grid-template-columns:1.25fr 1fr;column-gap:25px;row-gap:0}.approved-home .outcome-sequence li{padding:11px 0 12px;gap:6px}.approved-home .outcome-sequence li:last-child{display:flex}.approved-home .outcome-sequence li:nth-child(2)::after{display:none}.approved-home .outcome-sequence li:nth-child(3)::after{display:block}.approved-home .outcome-sequence li:not(:last-child)::after{top:24px;right:-14px}.approved-home .outcome-label{font-size:6px;letter-spacing:.06em}.approved-home .outcome-label>span{font-size:5px}.approved-home .outcome-evidence{font-size:9px;gap:5px}.approved-home .outcome-goal .outcome-evidence{font-size:9px;letter-spacing:-.2px}.approved-home .outcome-evidence img,.approved-home .outcome-evidence .icon{width:12px;height:12px}
  .approved-home .owner-demo{margin-top:26px;padding-bottom:47px}.approved-home .owner-demo .audience-tabs{width:calc(100% - 40px);margin-bottom:31px;padding:4px}.approved-home .audience-tabs button{padding:12px 10px}.approved-home .owner-demo-heading{margin-bottom:21px}
  .approved-home .value-section,.approved-home .intelligence-section,.approved-home .channels-section{padding-block:49px}.approved-home .connections-section{padding-top:51px;padding-bottom:31px}.approved-home .principles-section{padding-block:43px}.approved-home .pricing-section{padding-top:38px;padding-bottom:43px}.approved-home .faq-section{padding-top:34px;padding-bottom:39px}
  .approved-home .closing.closing-refined{padding-top:20px;padding-bottom:57px}.approved-home .closing-panel{padding:28px 24px;column-gap:0}.approved-home .closing-refined h2{font-size:33px;line-height:1.17;letter-spacing:-.046em}.approved-home .closing-copy>p{font-size:11px;max-width:290px}
}
@media(max-width:370px){.approved-home .hero{padding-inline:18px}.approved-home .hero h1{font-size:clamp(37px,12vw,42px)}.approved-home .hero-copy{font-size:12px}.approved-home .hero-actions .button{font-size:9px;gap:7px;padding-inline:11px}.approved-home .hero-note{font-size:7px}.approved-home .outcome-proof{width:calc(100% - 32px);padding-inline:12px}.approved-home .outcome-sequence{grid-template-columns:1.24fr 1fr;column-gap:18px}.approved-home .outcome-evidence,.approved-home .outcome-goal .outcome-evidence{font-size:8px}.approved-home .outcome-label{font-size:5.5px;letter-spacing:.025em}.approved-home .outcome-sequence li:not(:last-child)::after{right:-11px}.approved-home .outcome-evidence img,.approved-home .outcome-evidence .icon{width:10px;height:10px}.approved-home .owner-demo .audience-tabs{width:calc(100% - 32px)}.approved-home .closing-panel{padding:26px 20px}.approved-home .closing-refined h2{font-size:29px}}

/* Readable glass: muted text remains legible on the darkest marketing surface. */
.approved-home .hero-note,.approved-home .outcome-label,.approved-home .outcome-label>span,.approved-home .owner-demo-heading .eyebrow,.approved-home .owner-demo-heading>p:last-child,.approved-home .audience-tabs button,.approved-home .audience-tabs small,.approved-home .workspace-view-note,.approved-home .workspace-view-tabs button,.approved-home .owner-demo .demo-caption,.approved-home .owner-demo .demo-caption>span:last-child,.approved-home .principle-caption,.approved-home .pricing-v2-intro>.eyebrow,.approved-home .pricing-v2-intro>p:not(.eyebrow),.approved-home .pricing-v2-intro .ai-choice-note,.approved-home .ai-choice button,.approved-home .plan-top,.approved-home .plan-top>span:last-child,.approved-home .plan-card>p,.approved-home .plan-price>span,.approved-home .plan-ai-label,.approved-home .pricing-v2-foot,.approved-home .closing-signature,.approved-home .closing-copy>p,.approved-home .closing-start .closing-note{color:var(--brand-muted)}
.approved-home .outcome-label{font-size:8px;letter-spacing:.075em}
.approved-home .outcome-label>span{font-size:7px}
.approved-home .outcome-evidence{color:var(--brand-secondary)}
.approved-home .hero-actions .button,.approved-home .audience-tabs button,.approved-home .workspace-view-tabs button,.approved-home .ai-choice button{transition:background-color var(--brand-motion),border-color var(--brand-motion),box-shadow var(--brand-motion),color var(--brand-motion)}
body:has(.approved-home) :is(button,a,input,textarea,summary,[role="tab"]):focus-visible{outline:2px solid var(--brand-focus);outline-offset:3px}
.approved-home .hero-actions .button:active,.approved-home .closing-start>.button:active{transform:translateY(0);box-shadow:inset 0 1px 3px #1c23201a}
@media(max-width:1100px){.approved-home .outcome-label{font-size:7px}.approved-home .outcome-label>span{font-size:6px}}
@media(max-width:600px){.approved-home .outcome-label{font-size:7px;letter-spacing:.025em}.approved-home .outcome-label>span{font-size:6px}.approved-home .outcome-evidence,.approved-home .outcome-goal .outcome-evidence{font-size:10px;line-height:1.5;white-space:normal}.approved-home .outcome-sequence li{min-height:61px;justify-content:flex-start}.approved-home .hero-note{font-size:8px}}
@media(max-width:370px){.approved-home .outcome-label{font-size:6.5px}.approved-home .outcome-label>span{font-size:5.5px}.approved-home .outcome-evidence,.approved-home .outcome-goal .outcome-evidence{font-size:9px}.approved-home .hero-note{font-size:7px}}
@media(prefers-reduced-motion:reduce){html:has(.approved-home){scroll-behavior:auto}.approved-home *,.approved-home *::before,.approved-home *::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.approved-home .button:hover{transform:none}}

/* Focus the first demonstration without changing the native application shell. */
.approved-home .owner-demo>.audience-tabs{display:none!important}
.approved-home .owner-demo-heading{padding-top:15px;margin-bottom:26px!important}
.approved-home #in-action,.approved-home #workspace-showcase,.approved-home #workspace-showcase>.workspace-view-panel{scroll-margin-top:0}
.approved-home .is-guided>.workspace-view-bar{display:none!important}
/* Only the activity cards are condensed; sidebar, toolbar, rail and composer
   inherit the same production-derived styles in both preview and full view. */
.approved-home .is-guided .ms-event{margin-bottom:0;padding-bottom:12px}
.approved-home .is-guided .ms-event-decision{padding-bottom:0}
.approved-home .is-guided .ms-day-divider{margin:3px 0 11px}
.approved-home .is-guided .ms-event:first-of-type .ms-event-body>p{display:none}
.approved-home .guided-explore{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:24px 3px 3px}
.approved-home .guided-explore strong{font:500 15px var(--display);color:#303947}
.approved-home .guided-explore p{font-size:12px;line-height:1.7;margin-top:5px;color:#636f7e}
.approved-home .guided-explore>.button{font-size:12px;min-height:45px;flex:none;gap:14px}
.approved-home .guided-explore+.demo-caption{margin-top:18px!important;font-size:9px;opacity:.8}
body:has(.approved-home):not(.personal-path) .plan-card[data-price-audience=professional]{order:-1}
.approved-home .personal-path .plan-card[data-price-audience=personal]{order:-1}
/* The offer (founder 2026-10-19): app.js hides the plan cards and links a page does not offer, Personal while it is parked. */
.approved-home .plan-card[hidden],.approved-home [data-offer-personal][hidden]{display:none}
@media(max-width:1000px){.approved-home .guided-explore p{font-size:11px}}
@media(max-width:700px){
 .approved-home .guided-explore{flex-direction:column;align-items:flex-start;padding:22px 0 0;gap:16px}.approved-home .guided-explore strong{font-size:16px}.approved-home .guided-explore p{font-size:12px;max-width:350px}.approved-home .guided-explore>.button{min-height:44px;font-size:12px;justify-content:center}.approved-home .guided-explore+.demo-caption{line-height:1.8;gap:12px;align-items:flex-start}.approved-home .owner-demo-heading{padding-top:0;margin-bottom:22px!important}
}
@media(max-width:370px){.approved-home .guided-explore>.button{width:100%}}

/* Production Invice atmosphere and materials, scoped to the marketing page.
   Native workspace controls, typography, and surfaces retain their own rules. */
html:has(.approved-home) {
  --launch-glass: rgba(255, 255, 255, .13);
  --launch-glass-raised: rgba(255, 255, 255, .2);
  --launch-glass-edge: rgba(122, 133, 148, .2);
  --launch-ink: #24282f;
  --launch-copy: #59616c;
  --launch-muted: #626b77;
  --launch-shadow: 0 1px 2px #14141e06, 0 16px 40px #14141e08;
}

/* The existing landscape is an atmosphere at the opening, fading into paper. */
.approved-home .hero {
  position: relative;
  isolation: isolate;
  max-width: none;
  padding: 64px 24px 48px;
}
.approved-home .hero::before {
  content: '';
  position: absolute;
  z-index: -1;
  inset: -110px 0 -66px;
  pointer-events: none;
  background: url('/approved-home/assets/valley-dawn.png') center 18% / cover no-repeat;
  opacity: .32;
  filter: saturate(.42);
  -webkit-mask-image: linear-gradient(to bottom, #000 0%, #000 43%, #0009 69%, transparent 100%);
  mask-image: linear-gradient(to bottom, #000 0%, #000 43%, #0009 69%, transparent 100%);
}
.approved-home .hero-eyebrow {
  font-size: 11px;
  font-weight: 500;
  letter-spacing: .12em;
  color: #555c66;
}
.approved-home .hero-eyebrow .maple { width: 14px; height: 14px; }
.approved-home .hero h1 {
  max-width: 850px;
  margin: 25px auto 23px;
  font-size: clamp(56px, 5.55vw, 76px);
  font-weight: 600;
  line-height: 1.035;
  letter-spacing: -.046em;
}
.approved-home .hero h1 > span { font-weight: 600; }
.approved-home .hero-copy {
  max-width: 590px;
  margin-inline: auto;
  font-size: 17px;
  line-height: 1.7;
  letter-spacing: -.16px;
  color: #535c67;
  text-wrap: pretty;
}
.approved-home .hero-actions { margin-top: 29px; gap: 13px; flex-wrap: wrap; }
.approved-home .hero-note { margin-top: 18px; font-size: 11px; line-height: 1.7; color: #626b77; }
.approved-home .hero-note a { gap: 7px; }
.approved-home .hero-note .icon { width: 13px; height: 13px; color: #68786d; }
.approved-home .hero-personal-link {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  width: fit-content;
  max-width: 100%;
  margin: 19px auto 0;
  font-size: 13px;
  line-height: 1.65;
  color: #5a636f;
}
.approved-home .hero-personal-link a { color: #39424e; text-underline-offset: 4px; text-decoration: underline; text-decoration-color: #89929e80; }
.approved-home a.hero-personal-link:hover,.approved-home .hero-personal-link a:hover { color: var(--ember); }
.approved-home .hero-personal-link .icon { width: 14px; height: 14px; }
.approved-home .hero-industries {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 14px 31px;
  max-width: 820px;
  margin: 34px auto 0;
  padding: 0;
  list-style: none;
  color: #59626e;
  font-size: 12px;
  line-height: 1.6;
}
.approved-home .hero-industries > * { display: inline-flex; align-items: center; gap: 9px; }
.approved-home .hero-industries .icon { width: 16px; height: 16px; color: #7b8591; stroke-width: 1.5; }

/* The original dimensional ember finish. Motion is reserved for interaction. */
.approved-home .site-header .button,
.approved-home .hero-actions .button,
.approved-home .guided-explore > .button,
.approved-home .plan-card > .button,
.approved-home .closing-start > .button,
.approved-home #start-dialog .button {
  border-radius: 999px;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.4;
  min-height: 49px;
  padding: 13px 24px;
  transition: background-color 180ms ease, box-shadow 180ms ease, border-color 180ms ease;
}
.approved-home .site-header .button:not(.button-quiet),
.approved-home .hero-actions .button:not(.button-quiet),
.approved-home .plan-card > .button:not(.button-quiet),
.approved-home .closing-start > .button:not(.button-quiet),
.approved-home #start-dialog .button:not(.button-quiet) {
  background-color: var(--ember);
  background-image:
    radial-gradient(70% 160% at 12% 100%, #ffffff42, transparent 60%),
    radial-gradient(75% 170% at 90% 100%, #0f0f1257, transparent 62%),
    radial-gradient(60% 120% at 50% 0%, #ffffff1a, transparent 55%);
  background-size: 220% 220%;
  background-position: 50% 50%;
  border-color: transparent;
  box-shadow: inset 0 1px 0 #ffffff33, 0 4px 14px #b82c0f30;
  color: #fff;
}
.approved-home .site-header .button:not(.button-quiet):hover,
.approved-home .hero-actions .button:not(.button-quiet):hover,
.approved-home .plan-card > .button:not(.button-quiet):hover,
.approved-home .closing-start > .button:not(.button-quiet):hover,
.approved-home #start-dialog .button:not(.button-quiet):hover {
  background-color: #9a1f08;
  transform: none;
  box-shadow: inset 0 1px 0 #ffffff33, 0 6px 17px #b82c0f36;
}
.approved-home .hero-actions .button-quiet,.approved-home .guided-explore > .button-quiet,.approved-home .plan-card > .button-quiet {
  background: rgba(255, 255, 255, .2);
  border-color: #b9c1cb9e;
  -webkit-backdrop-filter: blur(15px) saturate(1.1);
  backdrop-filter: blur(15px) saturate(1.1);
  box-shadow: inset 0 1px #ffffff70, 0 2px 8px #25324703;
  color: #333e4b;
}
.approved-home .hero-actions .button-quiet:hover,.approved-home .guided-explore > .button-quiet:hover,.approved-home .plan-card > .button-quiet:hover { background: #ffffff7a; transform: none; }
.approved-home .hero-actions .button { gap: 16px; min-height: 51px; font-size: 14.5px; padding-inline: 26px; }
.approved-home .hero-actions .button .icon { width: 17px; height: 17px; }
.approved-home .site-header .button { min-height: 43px; padding: 10px 19px; font-size: 12.5px; }

/* Marketing surfaces share two glass levels; the product within stays solid. */
.approved-home .product-stories .product-story,.approved-home .principle-card,.approved-home .plan-card,.approved-home .plan-card.featured {
  background: var(--launch-glass);
  border: 1px solid var(--launch-glass-edge);
  box-shadow: inset 0 1px #ffffff70, var(--launch-shadow);
  -webkit-backdrop-filter: blur(15px) saturate(1.1);
  backdrop-filter: blur(15px) saturate(1.1);
}
.approved-home .product-stories .product-story::before { background: none; }
.approved-home .product-stories .product-scene { background: #fff; }
.approved-home .principle-icon { background: var(--launch-glass-raised); border-color: #cfd5dd; }
.approved-home .plan-card.featured { background: var(--launch-glass-raised); border-color: #c8d0da; box-shadow: inset 0 1px #fff9, 0 14px 38px #1f304a08; }

/* Readable marketing typography is distinct from the compact app examples. */
.approved-home .owner-demo-heading .eyebrow { font-size: 11px; letter-spacing: .09em; }
.approved-home .owner-demo-heading h2 { font-weight: 600; }
.approved-home .owner-demo-heading > p:last-child { font-size: 16px; line-height: 1.75; color: var(--launch-copy); }
.approved-home .guided-explore p { font-size: 15px; line-height: 1.7; }
.approved-home .owner-demo .demo-caption,.approved-home .owner-demo .demo-caption > span:last-child { font-size: 11px; }
.approved-home .section-intro.compact-intro h2,.approved-home .connections-copy h2 { font-size: clamp(35px, 3.2vw, 44px); font-weight: 600; letter-spacing: -.035em; }
.approved-home .section-intro.compact-intro > p:last-child,.approved-home .connections-copy > p:not(.eyebrow),.approved-home .principles-intro > p:not(.eyebrow),.approved-home .faq-intro > p:not(.eyebrow),.approved-home .pricing-v2-intro > p:not(.eyebrow) {
  font-size: 16px;
  line-height: 1.75;
  color: var(--launch-copy);
}
.approved-home .compact-intro > .eyebrow,.approved-home .connections-copy > .eyebrow,.approved-home .principles-intro .eyebrow,.approved-home .pricing-v2-intro > .eyebrow,.approved-home .faq-intro .eyebrow { font-size: 11px; letter-spacing: .105em; color: var(--launch-muted); }
.approved-home .product-stories .story-copy { padding: 24px 10px 28px; }
.approved-home .product-stories .story-index { font-size: 11px; letter-spacing: .055em; color: var(--launch-muted); }
.approved-home .product-stories .story-copy h3 { font-size: 26px; margin: 13px 0 12px; font-weight: 600; letter-spacing: -.03em; }
.approved-home .product-stories .story-copy > p { font-size: 15px; line-height: 1.7; color: var(--launch-copy); }
.approved-home .principle-card { padding: 27px 22px 25px; }
.approved-home .principle-card h3 { font-size: 21px; font-weight: 600; letter-spacing: -.025em; }
.approved-home .principle-card > p { font-size: 15px; line-height: 1.7; color: var(--launch-copy); }
.approved-home .principle-caption { font-size: 11px; letter-spacing: .015em; }
.approved-home .plan-card { padding: 29px 26px 25px; }
.approved-home .plan-top,.approved-home .plan-top > span:last-child { font-size: 11px; }
.approved-home .plan-card h3 { font-size: 26px; min-height: 0; margin-top: 25px; line-height: 1.2; }
.approved-home .plan-card > p { font-size: 15px; line-height: 1.75; }
.approved-home .plan-price > span,.approved-home .plan-ai-label,.approved-home .pricing-v2-foot { font-size: 12px; }
.approved-home .plan-card > .button { font-size: 13px; padding-inline: 15px; gap: 9px; }
.approved-home .pricing-v2-intro .ai-choice-note { font-size: 12px; line-height: 1.7; }
.approved-home .ai-choice button { font-size: 12px; padding: 10px 13px; }
.approved-home .faq-item > summary { font-size: 15px; padding-block: 21px; }
.approved-home .faq-answer p { font-size: 15px; line-height: 1.8; }

.approved-home .connections-copy .text-link,.approved-home .principles-intro .text-link,.approved-home .faq-intro .text-link { font-size: 14px; }
.approved-home .value-section,.approved-home .intelligence-section,.approved-home .channels-section { padding-block: 83px; }
.approved-home .connections-section { padding-top: 79px; padding-bottom: 59px; }
.approved-home .principles-section { padding-block: clamp(112px, 13vh, 172px); }
.approved-home .pricing-section { padding-block: clamp(112px, 13vh, 172px); }
.approved-home .faq-section { padding-top: 55px; padding-bottom: 67px; }
.approved-home #faq-title .ember { color: var(--ember); }
.approved-home .language-link {font-size:12px;color:var(--copy);padding:8px 2px}
.approved-home .dialog-explore {align-self:center;margin-top:16px}

/* A second glimpse of the same landscape closes the page without a new palette. */
.approved-home .closing.closing-refined { position: relative; isolation: isolate; padding-top: 45px; padding-bottom: 95px; }
.approved-home .closing::before {
  content: '';
  position: absolute;
  z-index: -1;
  inset: -26px 0 15px;
  background: url('/approved-home/assets/valley-dawn.png') center 29% / cover no-repeat;
  opacity: .29;
  filter: saturate(.28);
  pointer-events: none;
  -webkit-mask-image: linear-gradient(to bottom, transparent, #000 27%, #000 66%, transparent), linear-gradient(to right, transparent, #000 14%, #000 86%, transparent);
  mask-image: linear-gradient(to bottom, transparent, #000 27%, #000 66%, transparent), linear-gradient(to right, transparent, #000 14%, #000 86%, transparent);
  -webkit-mask-composite: source-in;
  mask-composite: intersect;
}
.approved-home .closing-panel {
  background: var(--launch-glass);
  border: 1px solid #cbd3dd91;
  border-radius: 28px;
  box-shadow: inset 0 1px #fff8, 0 15px 45px #25324708;
  -webkit-backdrop-filter: blur(15px) saturate(1.1);
  backdrop-filter: blur(15px) saturate(1.1);
  padding: 49px 47px;
  grid-template-columns: minmax(0,1fr) 240px;
  gap: 42px;
}
.approved-home .closing-signature { font-size: 11px; letter-spacing: .09em; }
.approved-home .closing-refined h2 { font-size: clamp(33px,3.15vw,43px); line-height: 1.16; font-weight: 600; letter-spacing: -.04em; }
.approved-home .closing-copy > p { font-size: 16px; line-height: 1.75; max-width: 480px; color: #535d69; }
.approved-home .closing-start { padding-top: 12px; }
.approved-home .closing-start > .button { font-size: 14px; padding-inline: 20px; gap: 14px; }
.approved-home .closing-start .closing-note { font-size: 11px; color: #606a76; }
.approved-home .closing-start > .text-link { font-size: 13px; color: #465364; }

@media (min-width:1600px) {
  .approved-home .hero { padding-top: 79px; padding-bottom: 57px; }
  .approved-home .hero h1 { font-size: 78px; }
}
@media (max-width:1100px) {
  .approved-home .hero { padding-top: 58px; }
  .approved-home .hero::before { background-position: center 20%; }
  .approved-home .section-intro.compact-intro { column-gap: 42px; }
  .approved-home .product-stories .story-copy > p,.approved-home .principle-card > p,.approved-home .plan-card > p { font-size: 14px; }
  .approved-home .principles-section { grid-template-columns: 220px minmax(0,1fr); gap: 25px; }
  .approved-home .principle-card { padding: 24px 18px 22px; }
  .approved-home .principle-card h3 { font-size: 19px; }
  .approved-home .plan-card { padding-inline: 21px; }
  .approved-home .plan-card > .button { font-size: 12px; padding-inline: 12px; gap: 7px; }
  .approved-home .closing-panel { padding: 40px 35px; grid-template-columns: minmax(0,1fr) 215px; gap: 29px; }
}
@media (max-width:820px) {
  .approved-home .hero { padding-top: 55px; padding-bottom: 41px; }
  .approved-home .hero h1 { font-size: 61px; }
  .approved-home .hero::before { background-size: auto 155%; background-position: center 21%; opacity: .28; }
  .approved-home .hero-copy { max-width: 570px; }
  .approved-home .principles-section { grid-template-columns: 1fr; }
  .approved-home .principles-intro > p:not(.eyebrow) { font-size: 15px; }
  .approved-home .product-stories .story-copy > p { font-size: 15px; }
  .approved-home .value-section,.approved-home .intelligence-section,.approved-home .channels-section { padding-block: 65px; }
  .approved-home .connections-section { padding-top: 61px; padding-bottom: 45px; }
  .approved-home .principles-section,.approved-home .pricing-section { padding-block: 96px; }
}
@media (max-width:700px) {
  .approved-home .closing-panel { grid-template-columns: 1fr; padding: 33px 29px; gap: 28px; }
  .approved-home .closing-start { padding-top: 0; }
  .approved-home .closing-start > .button { min-width: 240px; width: auto; }
  .approved-home .closing::before { inset-inline: -16px; background-size: auto 155%; background-position: center 29%; }
  .approved-home .closing-refined h2 { font-size: 36px; }
}
@media (max-width:600px) {
  .approved-home .hero { padding: 43px 22px 35px; }
  .approved-home .hero::before { inset: -95px 0 -45px; background-size: auto 160%; background-position: center 24%; opacity: .3; }
  .approved-home .hero-eyebrow { font-size: 11px; letter-spacing: .06em; gap: 7px; }
  .approved-home .hero h1 { font-size: clamp(36px,10.8vw,52px); line-height: 1.04; margin: 24px auto 22px; letter-spacing: -.045em; }
  .approved-home .hero-copy { font-size: 16px; line-height: 1.7; max-width: 370px; }
  .approved-home .hero-actions { margin-top: 25px; gap: 10px; }
  .approved-home .hero-actions .button { font-size: 12px; min-height: 47px; padding: 12px 16px; gap: 9px; }
  .approved-home .hero-actions .button .icon { width: 15px; height: 15px; }
  .approved-home .hero-note { font-size: 11px; margin-top: 18px; }
  .approved-home .hero-note a { flex-wrap: wrap; gap: 5px; }
  .approved-home .hero-personal-link { font-size: 12px; margin-top: 16px; }
  .approved-home .hero-industries { font-size: 11px; gap: 11px 20px; margin-top: 27px; }
  .approved-home .hero-industries > * { gap: 6px; }
  .approved-home .hero-industries .icon { width: 14px; height: 14px; }
  .approved-home .site-header .button { font-size: 11px; min-height: 40px; padding: 10px 15px; gap: 10px; }
  .approved-home .section-intro.compact-intro h2,.approved-home .connections-copy h2 { font-size: 34px; }
  .approved-home .owner-demo-heading .eyebrow { font-size: 11px; letter-spacing: .04em; }
  .approved-home .owner-demo-heading > p:last-child,.approved-home .guided-explore p { font-size: 15px; }
  .approved-home .guided-explore > .button { font-size: 13px; }
  .approved-home .section-intro.compact-intro > p:last-child,.approved-home .connections-copy > p:not(.eyebrow),.approved-home .principles-intro > p:not(.eyebrow),.approved-home .faq-intro > p:not(.eyebrow) { font-size: 15px; line-height: 1.75; }
  .approved-home .compact-intro > .eyebrow,.approved-home .connections-copy > .eyebrow,.approved-home .principles-intro .eyebrow,.approved-home .pricing-v2-intro > .eyebrow,.approved-home .faq-intro .eyebrow { font-size: 11px; letter-spacing: .055em; }
  .approved-home .product-stories .story-copy,.approved-home .product-stories .story-conversation .story-copy { padding: 23px 9px 26px; }
  .approved-home .product-stories .story-index { font-size: 11px; }
  .approved-home .product-stories .story-copy h3 { font-size: 26px; }
  .approved-home .product-stories .story-copy > p { font-size: 15px; }
  .approved-home .principle-card { padding: 24px 23px; }
  .approved-home .principle-card h3 { font-size: 20px; }
  .approved-home .principle-card > p { font-size: 14px; }
  .approved-home .principle-caption { font-size: 11px; }
  .approved-home .plan-card { padding: 28px 25px 25px; }
  .approved-home .plan-card h3 { font-size: 26px; }
  .approved-home .plan-card > p { font-size: 15px; }
  .approved-home .plan-card > .button { font-size: 13px; min-height: 48px; }
  .approved-home .pricing-v2-intro .ai-choice-note,.approved-home .pricing-v2-foot { font-size: 12px; }
  .approved-home .faq-item > summary { font-size: 14px; }
  .approved-home .faq-answer p { font-size: 14px; }
  .approved-home .value-section,.approved-home .intelligence-section,.approved-home .channels-section { padding-block: 55px; }
  .approved-home .connections-section { padding-top: 54px; padding-bottom: 37px; }
  .approved-home .principles-section,.approved-home .pricing-section { padding-block: 80px; }
  .approved-home .faq-section { padding-top: 39px; padding-bottom: 45px; }
  .approved-home .closing.closing-refined { padding-top: 28px; padding-bottom: 67px; }
  .approved-home .closing-panel { padding: 31px 25px; border-radius: 23px; }
  .approved-home .closing-refined h2 { font-size: 34px; }
  .approved-home .closing-signature { font-size: 11px; }
  .approved-home .closing-copy > p { font-size: 15px; }
}
@media (max-width:370px) {
  .approved-home .hero { padding-inline: 18px; }
  .approved-home .hero-eyebrow { font-size: 11px; gap: 5px; }
  .approved-home .hero-actions { flex-direction: column; }
  .approved-home .hero-actions .button { width: 100%; max-width: 270px; min-height: 47px; font-size: 13px; }
  .approved-home .hero-industries { gap: 10px 15px; }
  .approved-home .section-intro.compact-intro h2,.approved-home .connections-copy h2 { font-size: 32px; }
  .approved-home .principle-card { padding-inline: 19px; }
  .approved-home .plan-card { padding-inline: 21px; }
  .approved-home .plan-card h3 { font-size: 25px; }
  .approved-home .closing-panel { padding: 28px 20px; }
  .approved-home .closing-refined h2 { font-size: 29px; }
  .approved-home .closing-start > .button { width: 100%; min-width: 0; }
}
@media (prefers-reduced-motion:reduce) {
  .approved-home .hero-actions .button,.approved-home .site-header .button,.approved-home .plan-card > .button,.approved-home .closing-start > .button { transition: none; }
}

/* The opening has a viewport of its own, including the in-flow navigation.
   Min-height lets short screens and enlarged text grow without clipping. */
.approved-home .hero {
  --hero-header-space:86px;
  min-height:calc(100vh - var(--hero-header-space));
  min-height:calc(100dvh - var(--hero-header-space));
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  padding-block:64px 80px;
}
.approved-home .hero>* {flex-shrink:0}
.approved-home .hero-copy {margin-block:0}
@media(min-width:1600px){.approved-home .hero{--hero-header-space:90px}}
@media(max-width:600px){.approved-home .hero{--hero-header-space:70px;padding-block:44px 56px}}

/* Authenticated-app fidelity layer. Scope: product previews only.
   Source: /Users/koudbi/Desktop/Invice, main 97dc8b3.
   globals.css: .sidebar/.ni/.sb-set (659, 934–1043), .topbar (1050),
   final app-scoped palette (4595–4640); sidebar.tsx and topbar.tsx.
   Keep the source's Inter / Space Grotesk / Geist Mono roles. */
.approved-home #workspace-showcase :is(.ms-workspace,.oa-app-shell,.workspace.v2-ws) {
  --wf-canvas:#f3f3f4;
  --wf-surface:#fff;
  --wf-ink:#26262a;
  --wf-secondary:#6b6b72;
  --wf-muted:#9a9aa1;
  --wf-border:#e9e9ec;
  --wf-hover:#ededef;
  --wf-selected:#fbf1ed;
  --wf-selected-ink:#b82c0f;
  --wf-sidebar:250px;
  --ms-bg:var(--wf-canvas);
  --ms-card:var(--wf-surface);
  --ms-ink:var(--wf-ink);
  --ms-muted:var(--wf-muted);
  --ms-line:var(--wf-border);
  --lv4-ws-canvas:var(--wf-canvas);
  --lv4-ws-surface:var(--wf-surface);
  --lv4-ws-border:var(--wf-border);
  --lv4-ws-ink:var(--wf-ink);
  --lv4-ws-ink2:var(--wf-secondary);
  background:var(--wf-canvas);
  color:var(--wf-ink);
  border-color:var(--wf-border);
  border-radius:16px;
  font-family:var(--sans);
  font-size:13px;
  line-height:1.5;
}
.approved-home #workspace-showcase .ms-workspace.ms-dark {
  --wf-canvas:#252831;
  --wf-surface:#30353f;
  --wf-ink:#ecedf1;
  --wf-secondary:#bbc2cd;
  --wf-muted:#a0aab9;
  --wf-border:#3b414e;
  --wf-hover:#353b46;
  --wf-selected:#3c424e;
  --wf-selected-ink:#f4b3a1;
}
.approved-home #workspace-showcase :is(.ms-main,.ws-main,.oa-workspace,.ex-body) {background:transparent}

/* All views share the same native sidebar instead of independently scaled chrome. */
.approved-home #workspace-showcase :is(.ms-sidebar,.ws-sidebar,.oa-sidebar) {
  flex:0 0 var(--wf-sidebar);
  width:var(--wf-sidebar);
  min-width:0;
  background:transparent;
  border-right:1px solid var(--wf-border);
  padding:0;
  box-shadow:none;
  overflow-x:hidden;
  overflow-y:auto;
  overscroll-behavior:contain;
  scrollbar-width:none;
}
.approved-home #workspace-showcase .oa-app-shell {grid-template-columns:var(--wf-sidebar) minmax(0,1fr)}
.approved-home #workspace-showcase .ms-sidebar {overflow-y:auto}
.approved-home #workspace-showcase :is(.ms-sidebar,.ws-sidebar,.oa-sidebar)>* {flex-shrink:0}
.approved-home #workspace-showcase :is(.ms-wordmark,.ws-wordmark,.oa-wordmark) {
  display:flex;
  align-items:center;
  min-height:62px;
  padding:24px 20px 16px;
  margin:0;
  color:var(--wf-ink);
  font:600 18px/22px var(--display);
  letter-spacing:.18em;
  text-transform:uppercase;
}
.approved-home #workspace-showcase .oa-wordmark img {display:none}
.approved-home #workspace-showcase :is(.ms-account,.ws-acct,.oa-account) {
  display:flex;
  align-items:center;
  gap:10px;
  margin:0;
  padding:14px 16px;
  min-height:62px;
}
.approved-home #workspace-showcase :is(.ms-account,.ws-acct,.oa-account) .person-portrait {width:34px;height:34px;flex:none}
.approved-home #workspace-showcase :is(.ms-account strong,.ws-acct-name,.oa-account strong) {
  font:600 13.5px/1.3 var(--sans);
  color:var(--wf-ink);
}
.approved-home #workspace-showcase :is(.ms-account small,.ws-acct-kind,.oa-account small) {
  font:400 11px/1.3 var(--sans);
  color:var(--wf-muted);
  margin-top:2px;
}
.approved-home #workspace-showcase :is(.ms-native-nav,.ws-nav,.oa-native-nav) {
  flex:0 0 auto;
  min-height:0;
  padding:10px 0;
  overflow:visible;
  scrollbar-width:none;
}
.approved-home #workspace-showcase .ms-sidebar:has(.ms-native-nav) {overflow-x:hidden;overflow-y:auto}
.approved-home #workspace-showcase :is(.ms-sidebar,.ws-sidebar,.oa-sidebar)::-webkit-scrollbar {display:none;width:0;height:0}
.approved-home #workspace-showcase :is(.ms-nav-group,.ws-ng,.oa-nav-caption) {
  margin:0;
  padding:12px 20px 7px;
  color:var(--wf-muted);
  font:500 9px/1.5 var(--label);
  letter-spacing:.15em;
  text-transform:uppercase;
}
.approved-home #workspace-showcase :is(.ms-nav-item,.ws-ni,.oa-nav-item) {
  display:flex;
  align-items:center;
  gap:11px;
  width:calc(100% - 16px);
  min-height:36px;
  margin:1px 8px;
  padding:8px 12px;
  border:0;
  border-radius:9px;
  background:transparent;
  box-shadow:none;
  color:var(--wf-secondary);
  font:500 13.5px/20px var(--sans);
  text-align:left;
}
.approved-home #workspace-showcase :is(.ms-nav-item,.ws-ni,.oa-nav-item) svg {width:16px;height:16px;flex:none;color:var(--wf-muted)}
.approved-home #workspace-showcase :is(.ms-nav-item,.ws-ni,.oa-nav-item):hover {background:var(--wf-hover);color:var(--wf-ink)}
.approved-home #workspace-showcase :is(.ms-nav-item,.ws-ni,.oa-nav-item).active {
  background:var(--wf-selected);
  color:var(--wf-ink);
  font-weight:600;
  box-shadow:none;
}
.approved-home #workspace-showcase :is(.ms-nav-item,.ws-ni,.oa-nav-item).active :is(small,.ws-nb,.oa-nav-count) {color:var(--wf-selected-ink);border-color:#eed7cf}
.approved-home #workspace-showcase :is(.ms-nav-item,.ws-ni,.oa-nav-item).active svg {color:var(--wf-selected-ink)}
.approved-home #workspace-showcase :is(.ms-nav-item small,.ws-nb,.oa-nav-count) {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:none;
  min-width:18px;
  height:19px;
  margin-left:auto;
  padding:0 8px;
  border:1px solid var(--wf-border);
  border-radius:999px;
  background:transparent;
  box-shadow:none;
  color:var(--wf-muted);
  font:500 10.5px/1 var(--mono);
}
.approved-home #workspace-showcase :is(.ms-sidebar-bottom,.ws-bot,.oa-sidebar-bottom) {
  flex:none;
  margin-top:0;
  padding:8px 8px 16px;
  border-top:0;
}
.approved-home #workspace-showcase :is(.ms-sidebar-bottom>button,.ws-set,.oa-sidebar-bottom>.oa-nav-item) {
  display:flex;
  align-items:center;
  gap:11px;
  width:100%;
  min-height:36px;
  margin:1px 0;
  padding:8px 12px;
  border:0;
  border-radius:9px;
  background:transparent;
  color:var(--wf-secondary);
  font:400 13.5px/20px var(--sans);
  text-align:left;
}
.approved-home #workspace-showcase :is(.ms-sidebar-bottom>button,.ws-set,.oa-sidebar-bottom>.oa-nav-item):hover {background:var(--wf-hover)}
.approved-home #workspace-showcase :is(.ms-sidebar-bottom,.ws-bot,.oa-sidebar-bottom) svg {width:14px;height:14px;color:var(--wf-muted)}
/* Override the earlier showcase-specific dashboard scale, not the app's content. */
.approved-home #workspace-showcase .v2-ws .ws-sidebar {flex-basis:var(--wf-sidebar)}
.approved-home #workspace-showcase .v2-ws .ws-ni {font-size:13.5px;padding:8px 12px;gap:11px}
.approved-home #workspace-showcase .v2-ws .ws-acct-name {font-size:13.5px}
.approved-home #workspace-showcase .v2-ws .ws-acct-kind {font-size:11px}
.approved-home #workspace-showcase .v2-ws .ws-ng {font-size:9px;padding-inline:20px}
.approved-home #workspace-showcase .v2-ws .ws-set {font-size:13.5px}

/* Native topbar dimensions and the same search/create controls in every view. */
.approved-home #workspace-showcase :is(.ms-topbar,.ws-topbar,.oa-globalbar) {
  height:64px;
  min-height:64px;
  flex:none;
  padding:13px 28px;
  gap:18px;
  background:rgba(243,243,244,.82);
  border-bottom:1px solid var(--wf-border);
  box-shadow:none;
  backdrop-filter:blur(10px);
}
.approved-home #workspace-showcase .ms-dark .ms-topbar {background:transparent}
.approved-home #workspace-showcase .v2-ws .ws-topbar {padding:13px 28px}
.approved-home #workspace-showcase :is(.ms-workspace-label,.ws-crumb,.oa-global-crumb) {font:500 13.5px/20px var(--sans);color:var(--wf-secondary)}
.approved-home #workspace-showcase :is(.ms-search,.ws-search,.oa-global-search) {
  max-width:440px;
  min-height:38px;
  height:38px;
  margin-left:14px;
  padding:9px 12px;
  border:1px solid var(--wf-border);
  border-radius:10px;
  background:var(--wf-surface);
  color:var(--wf-muted);
  font:400 13px/18px var(--sans);
}
.approved-home #workspace-showcase :is(.ms-search input,.ws-search input) {font:400 13px/18px var(--sans)}
.approved-home #workspace-showcase :is(.ms-search kbd,.ws-kbd,.oa-global-search kbd) {font:500 10px/1.3 var(--mono);padding:1px 5px;color:var(--wf-muted)}
.approved-home #workspace-showcase :is(.ms-new,.ws-newm,.oa-new-mission) {
  min-height:38px;
  padding:10px 16px;
  border:0;
  border-radius:9px;
  background:var(--wf-ink);
  color:var(--wf-surface);
  font:500 12.5px/18px var(--sans);
  box-shadow:0 2px 8px #14141e29;
}

/* White working surfaces sit on the native neutral canvas, without a blue wash. */
.approved-home #workspace-showcase :is(.ms-conversation,.oa-main,.oa-workarea) {background:var(--wf-surface);border-color:var(--wf-border)}
.approved-home #workspace-showcase :is(.ms-state,.ms-state-content,.ms-toolrail,.ms-panel-chrome,.oa-context) {background:var(--wf-surface);border-color:var(--wf-border)}
.approved-home #workspace-showcase .ms-draft {border-color:var(--wf-border)}
.approved-home #workspace-showcase :is(.ws-card,.ws-stats) {background:#ffffffa6;border-color:var(--wf-border)}

/* The working rail uses readable app text at preview size as well as expanded. */
.approved-home #workspace-showcase .ms-state-content {overflow-y:auto;scrollbar-width:thin;scrollbar-color:#dbdbde transparent}
.approved-home #workspace-showcase .ms-panel-heading {font-size:9.5px;line-height:1.5;letter-spacing:.09em}
.approved-home #workspace-showcase .ms-state-line {font-size:12px;line-height:1.5}
.approved-home #workspace-showcase .ms-started {font-size:10px;line-height:1.6}
.approved-home #workspace-showcase .ms-started>span {font-size:8px}
.approved-home #workspace-showcase .ms-calendar strong {font:500 12px/1.4 var(--sans)}
.approved-home #workspace-showcase .ms-calendar>div:first-child>small {font-size:7px}
.approved-home #workspace-showcase .ms-calendar-days {font-size:10px;line-height:1.4}
.approved-home #workspace-showcase .ms-calendar-days>span {height:22px}
.approved-home #workspace-showcase .ms-calendar>p {font-size:9px;line-height:1.5}
.approved-home #workspace-showcase .ms-calendar>p small {font-size:8px}
.approved-home #workspace-showcase .ms-progress-list>span {font:400 10.5px/1.6 var(--sans);gap:7px}
.approved-home #workspace-showcase .ms-progress-list {gap:8px}
.approved-home #workspace-showcase .ms-connected-app {font-size:10.5px;min-height:31px}
.approved-home #workspace-showcase .ms-connected-app>small {font-size:8px}
.approved-home #workspace-showcase .ms-panel-heading>small {font-size:7.5px}
.approved-home #workspace-showcase .ms-toolrail>button {width:30px;height:32px}
.approved-home #workspace-showcase .ms-toolrail>button svg {width:17px;height:17px}
.approved-home #workspace-showcase .ms-panel-chrome strong {font-size:12px}
.approved-home #workspace-showcase .ms-panel-chrome small {font-size:9px}
.approved-home #workspace-showcase .ms-detail-note {font-size:11px;line-height:1.7}
.approved-home #workspace-showcase .ms-detail-fact {font-size:11px;line-height:1.6}
.approved-home #workspace-showcase .ms-detail-fact>span {font-size:10px}
.approved-home #workspace-showcase .ms-aside-copy {font-size:11px;line-height:1.7}

/* State column inventory and controls follow mission/state/*.tsx in main. */
.approved-home #workspace-showcase .ms-state-content:not(.ms-swappable-panel) {display:block}
.approved-home #workspace-showcase .ms-native-state-block {margin:0 0 22px;min-width:0}
.approved-home #workspace-showcase .ms-native-state-block:last-child {margin-bottom:0}
.approved-home #workspace-showcase .ms-native-state-block .ms-started {margin-bottom:0;border-top:0;padding-top:0}
.approved-home #workspace-showcase .ms-state-note {font:400 10.5px/1.65 var(--sans);color:var(--wf-secondary);margin:8px 0 12px}
.approved-home #workspace-showcase .ms-calendar {background:var(--wf-surface);border-color:var(--wf-border);padding:10px}
.approved-home #workspace-showcase .ms-calendar-week {font:400 8px/1.4 var(--label);margin-bottom:6px;color:var(--wf-muted)}
.approved-home #workspace-showcase .ms-calendar-days {gap:3px 1px}
.approved-home #workspace-showcase .ms-calendar-days>button {position:relative;display:grid;place-items:center;height:24px;min-width:0;padding:0;border:0;border-radius:5px;background:transparent;color:var(--wf-ink);font:400 10px/1 var(--mono)}
.approved-home #workspace-showcase .ms-calendar-days>button:hover {background:var(--wf-hover)}
.approved-home #workspace-showcase .ms-calendar-days>button.today {background:var(--wf-ink);color:var(--wf-surface)}
.approved-home #workspace-showcase .ms-calendar-days>button.selected:not(.today) {background:var(--wf-canvas);box-shadow:inset 0 0 0 1px var(--wf-muted)}
.approved-home #workspace-showcase .ms-calendar-days>button>i {position:absolute;bottom:2px;width:3px;height:3px;border-radius:50%;background:var(--wf-selected-ink)}
.approved-home #workspace-showcase .ms-calendar-days>button>i.synced {background:var(--wf-muted)}
.approved-home #workspace-showcase .ms-calendar-legend {display:flex;align-items:center;gap:8px;flex-wrap:wrap;border-top:1px solid var(--wf-border);padding-top:9px;margin-top:8px}
.approved-home #workspace-showcase .ms-calendar-legend>span {display:flex;align-items:center;gap:4px;font:400 7px/1.4 var(--label);letter-spacing:.02em;text-transform:uppercase;color:var(--wf-secondary)}
.approved-home #workspace-showcase .ms-calendar-legend i {width:5px;height:5px;flex:none;border-radius:50%;background:var(--wf-selected-ink)}
.approved-home #workspace-showcase .ms-calendar-legend i.today {width:7px;height:7px;border-radius:2px;background:var(--wf-ink)}
.approved-home #workspace-showcase .ms-calendar-legend i.synced {background:var(--wf-muted)}
.approved-home #workspace-showcase .ms-calendar-day-detail {margin-top:11px}
.approved-home #workspace-showcase .ms-calendar-day-detail>div {font:500 9px/1.4 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--wf-muted);margin-bottom:6px}
.approved-home #workspace-showcase .ms-calendar-day-detail p {display:flex;gap:6px;margin:0;font:400 10.5px/1.5 var(--sans);color:var(--wf-secondary)}
.approved-home #workspace-showcase .ms-calendar-day-detail p>i {width:4px;height:4px;flex:none;border-radius:50%;background:var(--wf-selected-ink);margin-top:6px}
.approved-home #workspace-showcase .ms-calendar-day-detail p>i.synced {background:var(--wf-muted)}
.approved-home #workspace-showcase .ms-calendar-day-detail strong {font:600 10.5px/1.5 var(--sans);color:var(--wf-ink)}
.approved-home #workspace-showcase .ms-calendar-day-detail small {display:inline;margin-left:5px;font:400 7px var(--mono);text-transform:uppercase;letter-spacing:.03em;color:var(--wf-muted)}
.approved-home #workspace-showcase .ms-calendar-sync {display:flex;align-items:center;gap:6px;margin-top:9px;font:400 9px/1.6 var(--sans);color:var(--wf-secondary)}
.approved-home #workspace-showcase .ms-calendar-sync>span {flex:1;min-width:0}
.approved-home #workspace-showcase .ms-calendar-sync>button {border:0;background:transparent;color:var(--wf-selected-ink);padding:5px 0;font:500 8px/1.5 var(--label);white-space:nowrap;text-transform:uppercase}
.approved-home #workspace-showcase .ms-calendar-sync>button:disabled {color:var(--wf-muted);cursor:wait}
.approved-home #workspace-showcase .ms-native-progress {list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}
.approved-home #workspace-showcase .ms-native-progress>li {display:flex;align-items:flex-start;gap:7px;color:#4f7a60;font:400 10.5px/1.5 var(--sans)}
.approved-home #workspace-showcase .ms-native-progress>li.pending {color:#a56648}
.approved-home #workspace-showcase .ms-native-progress small {color:var(--wf-muted);font:400 8px/1.7 var(--mono)}
.approved-home #workspace-showcase .ms-native-progress svg {width:12px;height:12px;flex:none;margin-top:2px}
.approved-home #workspace-showcase .ms-connected-label>button {margin-left:auto;padding:3px 7px;border:1px solid var(--wf-border);border-radius:999px;background:transparent;color:var(--wf-secondary);font:500 8px/1.5 var(--label);text-transform:uppercase}
.approved-home #workspace-showcase .ms-state-app {margin:0 0 4px}
.approved-home #workspace-showcase .ms-state-app>summary {display:flex;align-items:center;gap:8px;list-style:none;cursor:pointer;padding:6px 0;color:var(--wf-ink);font:400 11px/1.5 var(--sans)}
.approved-home #workspace-showcase .ms-state-app>summary::-webkit-details-marker {display:none}
.approved-home #workspace-showcase .ms-state-app>summary>.ms-app-mark {width:20px;height:20px}
.approved-home #workspace-showcase .ms-state-app>summary>span {flex:1;min-width:0}
.approved-home #workspace-showcase .ms-state-app>summary small {display:block;color:#5d826a;font:400 8px/1.5 var(--mono)}
.approved-home #workspace-showcase .ms-state-app>summary>svg {width:12px;height:12px;color:var(--wf-muted)}
.approved-home #workspace-showcase .ms-state-app[open]>summary>svg {transform:rotate(90deg)}
.approved-home #workspace-showcase .ms-state-app>div {padding:9px 10px;margin:3px 0 9px;border:1px solid #d6e7db;border-radius:9px;background:#edf5ef}
.approved-home #workspace-showcase .ms-state-app>div>strong {display:block;font:500 8px/1.5 var(--label);text-transform:uppercase;color:#3e8158;letter-spacing:.04em}
.approved-home #workspace-showcase .ms-state-app p {display:flex;align-items:flex-start;gap:5px;margin:7px 0 0;color:#476251;font:400 10px/1.5 var(--sans)}
.approved-home #workspace-showcase .ms-state-app p svg {width:11px;height:11px;flex:none;margin-top:2px}
.approved-home #workspace-showcase .ms-state-subheading {font:500 8px/1.4 var(--label);letter-spacing:.12em;text-transform:uppercase;color:var(--wf-secondary);margin:11px 0 7px}
.approved-home #workspace-showcase .ms-vault-context {display:flex;align-items:center;gap:7px;width:100%;padding:5px 0;border:0;background:transparent;text-align:left;color:var(--wf-secondary);font:400 10.5px/1.5 var(--sans)}
.approved-home #workspace-showcase .ms-vault-context svg {width:13px;height:13px;color:var(--wf-muted);flex:none}
.approved-home #workspace-showcase .ms-state-tool {display:flex;justify-content:space-between;gap:8px;margin:8px 0;font:400 10.5px/1.5 var(--sans);color:var(--wf-secondary)}
.approved-home #workspace-showcase .ms-state-tool small {font:400 8px/1.7 var(--mono);color:var(--wf-muted)}
.approved-home #workspace-showcase .ms-state-rule {display:flex;flex-direction:column;gap:4px;margin:10px 0;font:400 10.5px/1.6 var(--sans);color:var(--wf-secondary)}
.approved-home #workspace-showcase .ms-state-rule>small {font:500 8px/1.5 var(--label);text-transform:uppercase;letter-spacing:.06em;color:var(--wf-ink)}
.approved-home #workspace-showcase .ms-state-text-link {display:flex;align-items:center;gap:7px;margin-top:11px;padding:4px 0;border:0;background:transparent;color:var(--wf-selected-ink);font:500 10px/1.5 var(--sans)}
.approved-home #workspace-showcase .ms-state-text-link svg {width:12px;height:12px}
.approved-home #workspace-showcase .ms-state-app summary:focus-visible {outline:2px solid #b82c0f;outline-offset:2px;border-radius:4px}

.approved-home #workspace-showcase .ms-body.ms-rail-collapsed .ms-state-content {display:none}

/* Each desktop view has one app viewport; only its actual content scrolls. */
@media(min-width:901px) {
  .approved-home #workspace-showcase :is(.ms-sidebar,.ws-sidebar,.oa-sidebar) {display:flex}
  .approved-home #workspace-showcase .workspace.v2-ws {height:680px;min-height:0}
  .approved-home #workspace-showcase .v2-ws-app {height:100%;overflow:hidden}
  .approved-home #workspace-showcase .ws-main {min-height:0}
  .approved-home #workspace-showcase .ws-content {overflow-y:auto;overscroll-behavior:contain;padding-bottom:16px}
  .approved-home #workspace-showcase.is-expanded :is(.ms-workspace,.oa-app-shell,.workspace.v2-ws) {height:100%!important;min-height:0}
  .approved-home #workspace-showcase.is-expanded .oa-workspace {min-height:0}
}
@media(min-width:901px) and (max-width:1200px) {
  .approved-home #workspace-showcase :is(.ms-workspace,.oa-app-shell,.workspace.v2-ws) {--wf-sidebar:220px}
  .approved-home #workspace-showcase :is(.ms-topbar,.ws-topbar,.oa-globalbar) {padding-inline:17px;gap:12px}
  .approved-home #workspace-showcase .v2-ws .ws-topbar {padding-inline:17px}
  .approved-home #workspace-showcase :is(.ms-search,.ws-search,.oa-global-search) {margin-left:0}
}
@media(max-width:900px) {
  .approved-home #workspace-showcase :is(.ms-sidebar,.ws-sidebar,.oa-sidebar) {display:none}
  .approved-home #workspace-showcase .oa-app-shell {grid-template-columns:minmax(0,1fr)}
  .approved-home #workspace-showcase :is(.ms-topbar,.ws-topbar,.oa-globalbar) {padding-inline:16px;gap:12px}
  .approved-home #workspace-showcase .v2-ws .ws-topbar {padding-inline:16px}
  .approved-home #workspace-showcase :is(.ms-search,.ws-search,.oa-global-search) {margin-left:0}
}
@media(max-width:640px) {
  .approved-home #workspace-showcase .ms-state-content:not(.ms-swappable-panel) {max-height:680px}
  .approved-home #workspace-showcase :is(.ms-topbar,.ws-topbar,.oa-globalbar) {height:auto;min-height:56px;padding:12px;gap:10px}
  .approved-home #workspace-showcase .v2-ws .ws-topbar {padding:12px}
  .approved-home #workspace-showcase :is(.ms-workspace-label,.ws-crumb,.oa-global-crumb) {font-size:12px}
  .approved-home #workspace-showcase :is(.ms-search,.ws-search,.oa-global-search) {min-height:36px;height:36px;padding:8px 10px;font-size:12px}
  .approved-home #workspace-showcase :is(.ms-search input,.ws-search input) {font-size:12px}
  .approved-home #workspace-showcase :is(.ms-new,.ws-newm,.oa-new-mission) {min-height:36px;padding:8px 12px;font-size:11px}
}

/* Fine detail pass. Application shell and composer control layout stay native. */
.approved-home #workspace-showcase .ms-workspace {
  --detail-copy:#606671;
  --detail-meta:#727783;
  --detail-edge:#e2e4e9;
  --detail-inset:#f7f7f9;
  --detail-good:#426e53;
}
.approved-home #workspace-showcase .ms-workspace.ms-dark {
  --detail-copy:#d0d5df;
  --detail-meta:#aab3c0;
  --detail-edge:#48505d;
  --detail-inset:#353b46;
  --detail-good:#a0c6ad;
}
/* The destination is visible before a commitment, and on the resulting receipt. */
.approved-home #workspace-showcase .ms-decision {
  border-color:var(--detail-edge);
  border-radius:12px;
  box-shadow:0 1px 2px #20232c03,0 6px 18px #20232c04;
}
.approved-home #workspace-showcase .ms-decision-top {
  padding:8px 12px;
  background:#fbf3ef;
  border-color:#efddd5;
  color:#963e24;
  font-size:9px;
  letter-spacing:.06em;
}
.approved-home #workspace-showcase .ms-decision-top small {font-size:8px;letter-spacing:0}
.approved-home #workspace-showcase .ms-draft-head {padding:12px 12px 0;gap:8px}
.approved-home #workspace-showcase .ms-draft-head strong {font-size:12px;line-height:1.45;color:var(--wf-ink)}
.approved-home #workspace-showcase .ms-draft-head>.ms-app-mark,
.approved-home #workspace-showcase .ms-receipt>div>.ms-app-mark {
  width:25px;height:25px;padding:5px;border:1px solid #e8e8eb;
  border-radius:7px;background:#fff;box-shadow:0 1px 2px #20232c05;
}
.approved-home #workspace-showcase .ms-draft-head>span {
  display:inline-flex;align-items:center;font:500 9px/1.4 var(--sans);
  color:var(--detail-meta);background:var(--detail-inset);
  border:1px solid var(--detail-edge);border-radius:5px;padding:3px 6px;
}
.approved-home #workspace-showcase .ms-draft-recipient {padding:7px 12px 0;font-size:10px;color:var(--detail-meta)}
.approved-home #workspace-showcase .ms-draft-copy {padding:9px 12px 12px!important;color:var(--detail-copy)!important}
.approved-home #workspace-showcase .ms-draft-actions {padding:0 12px 12px;gap:8px}
.approved-home #workspace-showcase .ms-draft-actions>span {font-size:9px;color:var(--detail-meta)}
.approved-home #workspace-showcase :is(.ms-approve,.ms-quiet) {min-height:33px;border-radius:7px;font-size:11px}
.approved-home #workspace-showcase .ms-approve {box-shadow:inset 0 1px #ffffff26,0 2px 5px #b82c0f0d}
.approved-home #workspace-showcase .ms-quiet {border-color:var(--detail-edge);color:var(--detail-copy)}
.approved-home #workspace-showcase .ms-event-heading>.ms-app-mark {width:15px;height:15px}
.approved-home #workspace-showcase .ms-event-heading>small {font-size:8px;color:var(--detail-meta)}
.approved-home #workspace-showcase .ms-event time {font-size:9px;color:var(--detail-meta)}
.approved-home #workspace-showcase .ms-sends-as,.approved-home #workspace-showcase .ms-sends-as>span:not(.ms-timeline-menu) {font-size:10px;color:var(--detail-meta)}
.approved-home #workspace-showcase .ms-day-divider {font-size:8px;color:var(--detail-meta)}
.approved-home #workspace-showcase .ms-event-body>p {color:var(--detail-meta)}
.approved-home #workspace-showcase .ms-file-chip {
  padding:6px 8px;gap:7px;font-size:10px;border-radius:7px;
  background:var(--detail-inset);color:var(--detail-copy);border-color:var(--detail-edge);
}
.approved-home #workspace-showcase .ms-file-chip small {font-size:8px;color:var(--detail-meta)}
.approved-home #workspace-showcase .ms-receipt {
  padding:14px;border-radius:12px;border-color:#d7e4db;
  background:linear-gradient(130deg,#fcfdfc,#f1f6f2);box-shadow:0 4px 14px #305d4105;
}
.approved-home #workspace-showcase .ms-receipt strong {color:#355f46;font-size:12px}
.approved-home #workspace-showcase .ms-receipt>div>span {font-size:9px;color:#426e53}
.approved-home #workspace-showcase .ms-receipt p {font-size:12px;color:#52675a;line-height:1.65}
.approved-home #workspace-showcase .ms-receipt>small {font-size:9px;color:#64736a}
/* One quiet panel material; content hierarchy carries the detail. */
.approved-home #workspace-showcase .ms-state-content.ms-swappable-panel {background:var(--wf-surface)}
.approved-home #workspace-showcase .ms-panel-chrome {
  background:var(--detail-inset);border-color:var(--detail-edge);
  box-shadow:0 1px 0 #ffffffb3;
}
.approved-home #workspace-showcase .ms-panel-chrome strong {font-size:13px;color:var(--wf-ink)}
.approved-home #workspace-showcase .ms-panel-chrome small {font-size:10px;color:var(--detail-meta);line-height:1.5}
.approved-home #workspace-showcase .ms-section-label {font-size:9px;color:var(--detail-meta);letter-spacing:.07em}
.approved-home #workspace-showcase .ms-panel-metrics {background:var(--detail-edge);border-color:var(--detail-edge)}
.approved-home #workspace-showcase .ms-panel-metrics>span {background:var(--detail-inset);font-size:10px;color:var(--detail-meta)}
.approved-home #workspace-showcase .ms-panel-metrics b {color:var(--wf-ink)}
.approved-home #workspace-showcase :is(.ms-record-card,.ms-document-preview,.ms-request-card) {
  background:linear-gradient(140deg,var(--wf-surface),var(--detail-inset));
  border-color:var(--detail-edge);box-shadow:inset 0 1px #ffffffa3,0 2px 7px #20232c03;
}
.approved-home #workspace-showcase .ms-record-card strong {font-size:12px;color:var(--wf-ink)}
.approved-home #workspace-showcase :is(.ms-record-card small,.ms-contact-line small,.ms-detail-fact>span,.ms-document-row small,.ms-panel-footnote,.ms-app-details small) {font-size:10px;color:var(--detail-meta);line-height:1.55}
.approved-home #workspace-showcase :is(.ms-detail-note,.ms-message-card-content p,.ms-request-card>div>p) {font-size:12px;color:var(--detail-copy);line-height:1.7}
.approved-home #workspace-showcase :is(.ms-document-row strong,.ms-app-details b,.ms-message-card>button>strong) {font-size:12px;color:var(--wf-ink);line-height:1.45}
.approved-home #workspace-showcase .ms-document-row {padding-block:13px;gap:9px}
.approved-home #workspace-showcase .ms-document-icon {
  width:30px;height:35px;border-radius:7px;background:linear-gradient(135deg,#fff,#f0f1f4);
  border-color:var(--detail-edge);color:#7b8390;box-shadow:0 2px 4px #20232c04;
}
.approved-home #workspace-showcase .ms-document-state {font-size:9px;color:var(--detail-good)}
.approved-home #workspace-showcase .ms-document-state.warn {color:#9b603f}
.approved-home #workspace-showcase .ms-status-tag {font-size:9px;color:var(--detail-copy);letter-spacing:0}
.approved-home #workspace-showcase .ms-status-tag.good {color:#426e53}
.approved-home #workspace-showcase .ms-status-tag.warn {color:#985e3e}
.approved-home #workspace-showcase .ms-panel-button {font-size:10px;min-height:33px;color:var(--detail-copy);border-color:var(--detail-edge)}
.approved-home #workspace-showcase .ms-panel-button.primary {color:white}
.approved-home #workspace-showcase .ms-panel-tabs>button {font-size:10px;color:var(--detail-meta);min-height:30px}
.approved-home #workspace-showcase .ms-panel-tabs>button.active {color:var(--wf-ink)}
.approved-home #workspace-showcase .ms-message-card-content {background:var(--detail-inset)}
.approved-home #workspace-showcase .ms-message-card>button>small,.approved-home #workspace-showcase .ms-message-card-top {font-size:10px;color:var(--detail-meta);line-height:1.5}
.approved-home #workspace-showcase .ms-message-card-top>time {font-size:9px;color:var(--detail-meta)}
.approved-home #workspace-showcase .ms-app-details p {font-size:10px;color:var(--detail-copy);line-height:1.55}
.approved-home #workspace-showcase .ms-toolrail>button {color:#7c8491;border-color:var(--detail-edge);background:#ffffff3d}
.approved-home #workspace-showcase .ms-toolrail>button.active {
  color:#a34025;background:#fbf1ed;border-color:#e8c9bd;
  box-shadow:inset 0 1px #fff,0 2px 5px #b82c0f06;
}
.approved-home #workspace-showcase .ms-toolrail>button>small {width:13px;height:13px;font-size:8px;box-shadow:0 0 0 2px var(--wf-canvas)}
/* Light and shadow on the supporting examples match the working action cards. */
.approved-home .product-scene {box-shadow:inset 0 1px #fff,0 2px 4px #262a3405,0 14px 28px #262a3408}
.approved-home .product-scene .scene-toolbar {background:linear-gradient(110deg,#ffffff9e,#f4f5f7b8)}
.approved-home .product-scene .scene-toolbar .app-mark {width:22px;height:22px;padding:3px;border:1px solid #e4e6eb;border-radius:6px;background:#fff}
.approved-home .product-scene .review-pill {color:#985539;background:#fcf4ef;border-color:#ead5c8}
.approved-home .product-scene .document-file {background:linear-gradient(135deg,#fff,#eceef2);box-shadow:inset 0 1px #fff;border-color:#e0e3e9}
.approved-home .product-scene .draft-message {background:linear-gradient(140deg,#fafbfc,#f0f1f4);border-color:#dfe3e9;box-shadow:inset 0 1px #fff}
/* Feedback follows the interaction; no ambient movement or delayed actions. */
.approved-home #workspace-showcase :is(.ms-file-chip,.ms-approve,.ms-quiet,.ms-panel-button,.ms-toolrail>button,.ms-panel-tabs>button) {transition:background-color 140ms ease,border-color 140ms ease,box-shadow 140ms ease,color 140ms ease}
@media(hover:hover){
 .approved-home #workspace-showcase :is(.ms-file-chip,.ms-quiet,.ms-panel-button:not(.primary)):hover {background:var(--wf-surface);border-color:#bfc6d0;box-shadow:0 2px 7px #20232c08}
 .approved-home #workspace-showcase .ms-approve:hover {background:#a72a0f;border-color:#a72a0f;box-shadow:inset 0 1px #ffffff26,0 3px 9px #b82c0f14}
 .approved-home #workspace-showcase .ms-toolrail>button:not(.active):hover {background:var(--wf-surface);border-color:#c2c8d1;color:#444c59}
}
.approved-home #workspace-showcase :is(.ms-approve,.ms-quiet,.ms-panel-button,.ms-toolrail>button):active {box-shadow:inset 0 1px 3px #20232c17}
@media(max-width:1100px){.approved-home #workspace-showcase .ms-draft-head>span {display:none}}
@media(max-width:640px){
 .approved-home #workspace-showcase .ms-toolrail {gap:7px;padding:9px}
 .approved-home #workspace-showcase .ms-toolrail>button {width:44px;height:44px}
 .approved-home #workspace-showcase :is(.ms-approve,.ms-quiet,.ms-panel-button) {min-height:44px}
 .approved-home #workspace-showcase .ms-draft-actions>span {display:none}
 .approved-home #workspace-showcase .ms-document-row {gap:7px}
 .approved-home #workspace-showcase .ms-draft-head strong {font-size:11px}
}
@media(prefers-reduced-motion:reduce){.approved-home #workspace-showcase :is(.ms-file-chip,.ms-approve,.ms-quiet,.ms-panel-button,.ms-toolrail>button,.ms-panel-tabs>button) {transition:none}}

/* Context & connections: one glass workspace, with hierarchy from space and
   depth. Scoped here so native Mission and Personal shells remain unchanged. */
.approved-home #connections {grid-template-columns:minmax(0,.68fr) minmax(0,1.32fr);gap:60px;align-items:center}
/* Center the copy against the full workspace, including expanded settings. */
.approved-home #connections .connections-copy {text-align:left;padding-top:0;overflow-anchor:none}
.approved-home #connections .connections-copy h2 {margin-top:0}
.approved-home #connections .connections-copy>p:not(.eyebrow) {max-width:360px}
.approved-home .connections-product.kc-shell {
  --kc-ink:var(--secondary);--kc-text:#606772;--kc-muted:#757e8a;
  width:100%;max-width:none;min-width:0;padding:28px;border-radius:28px;
  background:var(--prototype-glass);
  border:1px solid var(--prototype-edge);box-shadow:var(--prototype-shadow);
  -webkit-backdrop-filter:blur(18px) saturate(1.1);backdrop-filter:blur(18px) saturate(1.1);
  color:var(--kc-ink);overflow:hidden;text-align:left;overflow-anchor:none;
}
.approved-home .kc-shell * {box-sizing:border-box}
.approved-home .kc-shell :is(button,textarea) {font-family:var(--sans)}
.approved-home .kc-shell button {cursor:pointer;transition:background-color 160ms ease,box-shadow 160ms ease,color 160ms ease}
.approved-home .kc-shell :is(button,textarea):focus-visible {outline:2px solid var(--ember);outline-offset:3px}
.approved-home .kc-shell .icon {width:16px;height:16px;flex:none}
.approved-home .kc-shell img {object-fit:contain;flex:none}
.approved-home .kc-heading {display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:3px 2px 24px}
.approved-home .kc-eyebrow {display:block;margin-bottom:9px;font:9px/1.5 var(--label);letter-spacing:.12em;color:var(--kc-muted)}
.approved-home .kc-heading h3 {font:600 25px/1.2 var(--display);letter-spacing:-.035em;margin:0}
.approved-home .kc-heading p {font:400 12px/1.65 var(--sans);margin:10px 0 0;color:var(--kc-text)}
.approved-home .kc-private {display:flex;align-items:center;gap:5px;padding-top:3px;font-size:10px;color:var(--kc-muted)}
.approved-home .kc-private .icon {width:12px;height:12px}
/* The category picker and the app row are one control (founder, 2026-10-15): the picker, small, is the top strip of
   the canvas block and the app tiles its lower row; the selected item on either row is the same solid white card. */
.approved-home .kc-tabs {display:flex;gap:4px;padding:6px;width:100%;max-width:100%;border-radius:16px 16px 0 0;background:var(--prototype-canvas)}
.approved-home .kc-tabs:has(+ .kc-rules-panel) {border-radius:16px;margin-bottom:22px}
.approved-home .kc-tabs>button {display:flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:9px 14px;border:0;border-radius:9px;background:transparent;color:var(--kc-text);font-size:11px;font-weight:500;white-space:nowrap}
.approved-home .kc-tabs>button:hover {background:#ffffff60;color:var(--kc-ink)}
.approved-home .kc-tabs>button[aria-selected=true] {background:#fff;box-shadow:0 1px 2px #222c3a0f,0 0 0 1px #e4ded6;color:var(--kc-ink)}
.approved-home .kc-tabs .icon {width:13px;height:13px;color:var(--kc-muted)}
.approved-home .kc-panel {min-width:0}
.approved-home .kc-source-list {display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;padding:0 6px 6px;margin:0 0 22px;border-radius:0 0 16px 16px;background:var(--prototype-canvas)}
.approved-home .kc-item {display:flex;align-items:center;justify-content:center;flex-direction:column;gap:9px;position:relative;min-height:76px;width:100%;padding:11px 5px;border:0;border-radius:14px;background:transparent;text-align:center;color:var(--kc-text)}
.approved-home .kc-item:hover {background:#ffffff80;box-shadow:0 4px 14px #28324705}
.approved-home .kc-item.selected {background:#fff;color:var(--kc-ink);box-shadow:0 1px 2px #222c3a0f,0 0 0 1px #e4ded6}
.approved-home .kc-item>img {width:26px;height:26px}
.approved-home .kc-item>span:not(.kc-file-icon) {min-width:0}
.approved-home .kc-item strong {display:block;font:500 10px/1.4 var(--sans);overflow-wrap:anywhere}
.approved-home .kc-item small,.approved-home .kc-dot {display:none}
.approved-home .kc-item>.icon {position:absolute;right:9px;top:9px;width:10px;height:10px;color:#698071}
.approved-home .kc-detail,.approved-home .kc-rules {padding:22px;border-radius:19px;background:var(--prototype-raised);box-shadow:0 8px 26px #28324705,inset 0 1px #fff;min-width:0}
.approved-home .kc-tools-panel .kc-detail {min-height:300px}
.approved-home .kc-tools-panel .kc-detail:has([data-kc-connect]) {min-height:0}
.approved-home .kc-detail-heading {display:flex;align-items:center;gap:11px;min-width:0}
.approved-home .kc-detail-heading>img {width:29px;height:29px}
.approved-home .kc-detail-heading>div {min-width:0}
.approved-home .kc-detail-heading h4 {font:600 14px/1.5 var(--sans);margin:0;overflow-wrap:anywhere}
.approved-home .kc-detail-heading>div>span {display:block;font-size:10px;line-height:1.6;margin-top:2px;color:var(--kc-muted)}
.approved-home .kc-state-tag {display:flex;align-items:center;gap:5px;font:500 9px/1.4 var(--sans);color:#577263;background:#e8f0eb9e;border:0;border-radius:999px;padding:6px 9px;margin-left:auto;white-space:nowrap}
.approved-home .kc-state-tag::before {content:'';width:4px;height:4px;border-radius:50%;background:currentColor}
.approved-home .kc-state-tag.available {color:var(--kc-muted);background:#edf0f3}
.approved-home .kc-purpose {font:400 12px/1.7 var(--sans);color:var(--kc-text);margin:17px 0 20px}
.approved-home .kc-capabilities {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.approved-home .kc-permission {display:flex;gap:12px;align-items:center;justify-content:space-between;border:0;padding:13px 0}
.approved-home .kc-permission>div {min-width:0}
.approved-home .kc-permission strong {display:block;font-size:12px;font-weight:500;line-height:1.5}
.approved-home .kc-permission>div>span {display:block;font-size:10px;line-height:1.65;color:var(--kc-text);margin-top:6px}
.approved-home .kc-capabilities>.kc-permission {flex-direction:column;align-items:flex-start;justify-content:flex-start;padding:13px 12px 9px;gap:10px;border-radius:12px;background:var(--prototype-inset)}
.approved-home .kc-capabilities>.kc-permission>div {flex:1}
.approved-home .kc-capabilities>.kc-permission>:last-child {min-height:36px}
.approved-home .kc-switch {position:relative;width:44px;height:36px;border:0;background:transparent;flex:none;padding:0;border-radius:8px}
.approved-home .kc-switch::before {content:'';position:absolute;inset:7px 3px;border-radius:20px;background:#c5cbd3;transition:background-color 160ms ease}
.approved-home .kc-switch::after {content:'';position:absolute;left:6px;top:10px;width:16px;height:16px;background:#fff;box-shadow:0 1px 3px #20263325;border-radius:50%;transition:transform 160ms ease}
.approved-home .kc-switch[aria-checked=true]::before {background:#768b7e}
.approved-home .kc-switch[aria-checked=true]::after {transform:translateX(16px)}
.approved-home .kc-allowed {display:flex;align-items:center;gap:4px;font-size:10px;color:#587362;white-space:nowrap}
.approved-home .kc-allowed .icon {width:13px;height:13px}
.approved-home .kc-access {display:flex;align-items:center;gap:5px;flex:none;font:500 10px/1.4 var(--sans);color:#5f6874;padding:7px 8px;border:0;border-radius:8px;background:#ffffffbd;white-space:nowrap}
.approved-home .kc-access:hover {background:#fff;box-shadow:0 2px 6px #20263308}
.approved-home .kc-access .icon {width:12px;height:12px}
.approved-home .kc-access[aria-pressed=false] {color:var(--ember);background:var(--ember-soft)}
.approved-home .kc-detail-note {display:flex;gap:6px;align-items:center;margin:17px 0 0;font-size:10px;line-height:1.6;color:var(--kc-muted)}
.approved-home .kc-detail-note .icon {width:12px;height:12px}
.approved-home .kc-file-icon {display:grid;place-items:center;width:32px;height:39px;flex:none;border-radius:8px;background:#e9edf3;color:#818c9b;box-shadow:inset 0 1px #fff}
.approved-home .kc-file-icon .icon {width:18px;height:18px}
.approved-home .kc-vault-panel .kc-source-list {grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.approved-home .kc-vault-panel .kc-item {align-items:flex-start;flex-direction:row;text-align:left;justify-content:flex-start;padding:14px 11px;gap:10px;min-height:85px}
.approved-home .kc-vault-panel .kc-item strong {font-size:11px;line-height:1.5;padding-right:3px}
.approved-home .kc-vault-panel .kc-item small {display:block;font-size:9px;line-height:1.5;color:var(--kc-muted);margin-top:4px}
.approved-home .kc-vault-panel .kc-item .kc-file-icon {width:25px;height:31px}
.approved-home .kc-facts {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:22px 0}
.approved-home .kc-facts>div {min-width:0;font-size:11px;line-height:1.65}
.approved-home .kc-facts dt {font-size:10px;color:var(--kc-muted);margin-bottom:6px}
.approved-home .kc-facts dd {margin:0;color:var(--kc-ink)}
.approved-home .kc-source-toggle {display:flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:9px 13px;border:0;border-radius:9px;background:#e9f0ec;color:#567060;font-size:11px;font-weight:500}
.approved-home .kc-source-toggle .icon {width:13px;height:13px}
.approved-home .kc-source-toggle[aria-pressed=false] {background:#edf0f4;color:var(--kc-text)}
.approved-home .kc-rules-panel {padding-top:22px}
.approved-home .kc-rule-title {display:flex;align-items:flex-start;gap:11px}
.approved-home .kc-rule-title>.icon {margin-top:2px;color:var(--kc-muted)}
.approved-home .kc-rule-title h4 {font:600 14px/1.5 var(--sans);margin:0}
.approved-home .kc-rule-title p {font-size:11px;line-height:1.7;color:var(--kc-text);margin:5px 0 0}
.approved-home .kc-guideline-card {padding:17px 18px;margin:19px 0 8px;background:var(--prototype-inset);border:0;border-radius:12px}
.approved-home .kc-guideline-card>div {display:flex;justify-content:space-between;align-items:center;gap:10px}
.approved-home .kc-guideline-card strong {font-size:11px;font-weight:500}
.approved-home .kc-guideline-card button:not(.kc-small-button) {display:flex;align-items:center;gap:5px;background:none;font-size:10px;color:var(--kc-text);padding:5px}
.approved-home .kc-guideline-card button .icon {width:12px;height:12px}
.approved-home .kc-guideline-card p {font-size:12px;line-height:1.8;color:var(--kc-text);margin:9px 0 0}
.approved-home .kc-guideline-card textarea {display:block;width:100%;border:1px solid #d8dde5;border-radius:9px;background:#fff;resize:vertical;min-height:88px;padding:11px;color:var(--kc-text);font-size:13px;line-height:1.7;margin-top:12px}
.approved-home .kc-small-button {display:flex;align-items:center;gap:6px;min-height:38px;padding:9px 12px;margin-top:10px;background:#fff;border:0;box-shadow:0 2px 7px #28324709;border-radius:9px;font-size:11px;color:var(--kc-ink)}
.approved-home .kc-fixed-rule {display:flex;align-items:flex-start;gap:8px;padding-top:5px}
.approved-home .kc-fixed-rule>.icon {width:12px;height:12px;margin-top:3px;color:var(--kc-muted)}
.approved-home .kc-fixed-rule strong {font-size:10px;font-weight:500;display:block;color:var(--kc-text)}
.approved-home .kc-fixed-rule span {font-size:10px;color:var(--kc-muted);display:block;line-height:1.65;margin-top:4px}
.approved-home .kc-connect {margin:5px 0 10px;background:var(--secondary);color:#fff;border-radius:10px}
.approved-home .kc-connect:hover {background:var(--ink)}
.approved-home .kc-connect-actions {display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.approved-home .kc-connect-actions .kc-back {margin:5px 0 10px;box-shadow:none;background:var(--prototype-inset)}
.approved-home .kc-available-copy {font-size:12px;color:var(--kc-muted);line-height:1.7;margin:5px 0 16px}
.approved-home .kc-connection-preview {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:14px 0}
.approved-home .kc-connection-preview>div {min-width:0;padding:13px 12px;border-radius:12px;background:var(--prototype-inset)}
.approved-home .kc-connection-preview strong {display:block;font:500 12px/1.5 var(--sans)}
.approved-home .kc-connection-preview span {display:block;margin-top:6px;font:10px/1.55 var(--sans);color:var(--kc-text)}
.approved-home .kc-settings-toggle {display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:38px;margin-top:13px;padding:9px 0;border:0;border-top:1px solid var(--prototype-edge);background:transparent;text-align:left;font:500 11px var(--sans);color:var(--kc-ink)}
.approved-home .kc-settings-toggle .icon {width:13px;height:13px;transition:transform 160ms ease}
.approved-home .kc-settings-toggle[aria-expanded=true] .icon {transform:rotate(180deg)}
.approved-home .kc-settings-panel {padding:14px;border-radius:12px;background:var(--prototype-inset)}
.approved-home .kc-settings-facts {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.approved-home .kc-settings-facts>div {min-width:0}
.approved-home .kc-settings-facts span,.approved-home .kc-settings-scopes>span {display:block;font:9px/1.5 var(--sans);color:var(--kc-muted)}
.approved-home .kc-settings-facts strong {display:block;margin-top:3px;font:500 11px/1.5 var(--sans)}
.approved-home .kc-settings-scopes {display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin-top:13px}
.approved-home .kc-settings-scopes>span {width:100%}
.approved-home .kc-settings-scopes button {display:flex;align-items:center;gap:8px;min-height:32px;padding:6px 9px;border:1px solid var(--prototype-edge);border-radius:8px;background:var(--prototype-raised);font:10px var(--sans);color:var(--kc-ink)}
.approved-home .kc-settings-scopes button i {width:13px;height:13px;border:1px solid #aab3ad;border-radius:50%;background:transparent}
.approved-home .kc-settings-scopes button[aria-checked=true] i {border-color:#6c8677;background:#6c8677;box-shadow:inset 0 0 0 3px var(--prototype-raised)}
.approved-home .kc-settings-panel>p {margin:12px 0 0;font:10px/1.5 var(--sans);color:var(--kc-text)}
.approved-home .kc-outcome {padding:22px 2px 0;border:0;background:transparent}
.approved-home .kc-outcome.is-expanded {margin-top:14px;padding:18px;border:1px solid var(--prototype-edge);border-radius:19px;background:var(--prototype-raised);box-shadow:var(--prototype-card-shadow)}
.approved-home .kc-answer-label {display:flex;align-items:center;gap:9px}
.approved-home .kc-answer-label>img {width:17px;height:17px}
.approved-home .kc-answer-label>span {font:500 12px/1.6 var(--sans);color:var(--kc-ink)}
.approved-home .kc-outcome h4 {font:500 15px/1.5 var(--display);margin:14px 0 5px;letter-spacing:-.015em}
.approved-home .kc-outcome>p:not(.kc-notice) {font-size:12px;line-height:1.8;color:var(--kc-text);margin:9px 0 0;max-width:510px}
.approved-home .kc-citations {display:flex;flex-wrap:wrap;gap:6px;margin-top:13px}
.approved-home .kc-citations button {display:flex;align-items:center;gap:5px;min-height:30px;padding:6px 9px;background:#ffffff8c;border:0;border-radius:7px;color:var(--kc-text);font-size:10px}
.approved-home .kc-citations button:hover {background:#fff}
.approved-home .kc-citations .icon {width:12px;height:12px}
.approved-home .kc-outcome-actions {display:flex;gap:10px 18px;flex-wrap:wrap;margin-top:17px}
.approved-home .kc-outcome-actions>button {display:flex;align-items:center;gap:8px;min-height:38px;font-size:11px;font-weight:500;background:transparent;color:var(--kc-text);padding:9px 0;border:0;border-radius:9px}
.approved-home .kc-outcome-actions>button:first-child {padding-inline:13px;background:#ffffffa8;color:var(--kc-ink);box-shadow:0 2px 8px #28324706}
.approved-home .kc-outcome-actions>button:hover {color:var(--ember)}
.approved-home .kc-outcome-actions .icon {width:13px;height:13px}
.approved-home .kc-notice {font-size:10px;line-height:1.7;color:var(--kc-text);margin:0}
.approved-home .kc-notice:not(:empty) {padding-top:12px}
.approved-home .kc-action-preview {display:flex;gap:11px;align-items:center;padding:16px;margin-top:17px;border:0;background:#ffffffe0;box-shadow:0 5px 18px #28324707;border-radius:13px}
.approved-home .kc-action-preview>img {width:25px;height:25px}
.approved-home .kc-action-preview>div {flex:1;min-width:0}
.approved-home .kc-action-preview strong {display:block;font-size:12px;line-height:1.6;font-weight:500}
.approved-home .kc-action-preview span {display:block;font-size:10px;line-height:1.7;color:var(--kc-text);margin-top:3px}
.approved-home .kc-action-preview>button {display:flex;align-items:center;gap:6px;font-size:11px;font-weight:500;border-radius:9px;min-height:38px;padding:9px 12px;background:var(--secondary);color:#fff;flex:none}
.approved-home .kc-action-preview>button:disabled {opacity:.4;cursor:default}
.approved-home .kc-action-preview>button .icon {width:13px;height:13px}
.approved-home .kc-action-preview.done {background:#eff5f1}
.approved-home .kc-action-preview.done>.icon {color:#688471}
/* Answers and proposed actions use the same Context / Reasoning pattern as the other previews. */
.approved-home .kc-review-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.approved-home .kc-review-actions button{min-height:38px;padding:8px 12px;border:1px solid var(--prototype-edge);border-radius:9px;background:var(--prototype-raised);color:var(--kc-ink);font:500 11px var(--sans);cursor:pointer}
.approved-home .kc-review-actions button:first-child{display:inline-flex;align-items:center;gap:5px;background:var(--secondary);color:var(--prototype-raised)}
.approved-home .kc-review-actions button:disabled{opacity:.5;cursor:default}
.approved-home .kc-review-actions .icon{width:13px;height:13px}
.approved-home .kc-evidence-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px}
.approved-home .kc-evidence-pair details{min-width:0;border:1px solid var(--prototype-edge);border-radius:9px;background:var(--prototype-raised)}
.approved-home .kc-evidence-pair summary{display:flex;align-items:center;justify-content:space-between;min-height:36px;padding:8px 10px;list-style:none;font:500 11px var(--sans);cursor:pointer}
.approved-home .kc-evidence-pair summary::-webkit-details-marker{display:none}
.approved-home .kc-evidence-pair summary .icon{width:12px;height:12px}
.approved-home .kc-evidence-pair details[open] summary .icon{transform:rotate(180deg)}
.approved-home .kc-evidence-pair details[open]{background:var(--prototype-inset)}
.approved-home .kc-evidence-pair :is(p,ul){margin:0;padding:0 10px 10px;color:var(--kc-text);font:11px/1.5 var(--sans)}
.approved-home .kc-evidence-pair p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.approved-home .kc-evidence-pair ul{padding-left:27px}
@media (max-width:1100px) {
  .approved-home #connections {grid-template-columns:minmax(0,.68fr) minmax(0,1.32fr);gap:34px}
  .approved-home .connections-product.kc-shell {padding:22px}
  .approved-home .kc-tabs>button {padding-inline:11px}
  .approved-home .kc-capabilities>.kc-permission {padding-inline:9px}
  .approved-home .kc-access {font-size:9px;padding-inline:6px;gap:3px}
  .approved-home .kc-vault-panel .kc-item {flex-direction:column;gap:9px}
}
@media (max-width:1000px) {
  .approved-home #connections {grid-template-columns:1fr;gap:35px}
  .approved-home #connections .connections-copy {max-width:650px;width:100%;margin-inline:auto;padding-top:0}
  .approved-home #connections .connections-copy>p:not(.eyebrow) {max-width:540px;margin-inline:0}
  .approved-home .connections-product.kc-shell {max-width:700px;padding:28px}
}
@media (max-width:600px) {
  .approved-home #connections {gap:28px}
  .approved-home .connections-product.kc-shell {padding:18px;border-radius:23px}
  .approved-home .kc-heading {padding:4px 2px 21px;gap:10px}
  .approved-home .kc-heading h3 {font-size:24px}
  .approved-home .kc-heading p {font-size:12px;max-width:210px}
  .approved-home .kc-private {font-size:9px;gap:4px}
  .approved-home .kc-eyebrow {font-size:8px}
  .approved-home .kc-tabs {width:100%;gap:2px;padding:3px}
  .approved-home .kc-tabs>button {flex:1;min-height:44px;padding:8px 7px;font-size:10px;gap:5px}
  .approved-home .kc-tabs .icon {width:12px;height:12px}
  .approved-home .kc-tools-panel .kc-source-list {grid-template-columns:none;grid-template-rows:repeat(2,minmax(0,1fr));grid-auto-flow:column;grid-auto-columns:minmax(90px,30%);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none;padding:10px 6px;gap:6px}
  .approved-home .kc-tools-panel .kc-source-list::-webkit-scrollbar {display:none}
  .approved-home .kc-tools-panel .kc-item {scroll-snap-align:start}
  .approved-home .kc-item {min-height:77px}
  .approved-home .kc-item strong {font-size:11px}
  .approved-home .kc-item>img {width:27px;height:27px}
  .approved-home .kc-detail,.approved-home .kc-rules {padding:18px;border-radius:16px}
  .approved-home .kc-detail-heading h4 {font-size:14px}
  .approved-home .kc-detail-heading>div>span {font-size:10px}
  .approved-home .kc-state-tag {font-size:8px;padding:5px 7px}
  .approved-home .kc-capabilities {grid-template-columns:1fr;gap:8px}
  .approved-home .kc-connection-preview {grid-template-columns:1fr;gap:6px}
  .approved-home .kc-connection-preview>div {padding:10px 12px}
  .approved-home .kc-capabilities>.kc-permission {flex-direction:row;align-items:center;padding:12px;gap:10px}
  .approved-home .kc-permission>div>span {font-size:11px}
  .approved-home .kc-access {font-size:10px;min-height:44px;padding:8px}
  .approved-home .kc-switch {height:44px}
  .approved-home .kc-switch::before {inset-block:11px}
  .approved-home .kc-switch::after {top:14px}
  .approved-home .kc-vault-panel .kc-source-list {grid-template-columns:1fr;gap:5px;padding:17px 0}
  .approved-home .kc-vault-panel .kc-item {flex-direction:row;align-items:center;min-height:62px;padding:11px 12px;text-align:left;gap:11px}
  .approved-home .kc-vault-panel .kc-item>.icon {position:static;margin-left:auto;width:12px;height:12px}
  .approved-home .kc-vault-panel .kc-item small {font-size:10px}
  .approved-home .kc-facts {grid-template-columns:1fr;gap:14px;margin:20px 0}
  .approved-home .kc-facts>div {display:grid;grid-template-columns:75px 1fr;gap:12px;font-size:12px}
  .approved-home .kc-facts dt {font-size:11px;margin:0}
  .approved-home .kc-source-toggle,.approved-home .kc-small-button {min-height:44px;font-size:11px}
  .approved-home .kc-rules-panel {padding-top:19px}
  .approved-home .kc-guideline-card {padding:15px;margin-top:17px}
  .approved-home .kc-guideline-card strong {font-size:11px}
  .approved-home .kc-guideline-card button:not(.kc-small-button) {min-height:44px;font-size:11px}
  .approved-home .kc-guideline-card textarea {font-size:16px}
  .approved-home .kc-rule-title h4 {font-size:14px}
  .approved-home .kc-fixed-rule span {font-size:11px}
  .approved-home .kc-outcome {padding:21px 2px 2px}
  .approved-home .kc-outcome>p:not(.kc-notice) {font-size:12px}
  .approved-home .kc-outcome-actions {gap:8px 14px}
  .approved-home .kc-outcome-actions>button {min-height:44px;font-size:11px}
  .approved-home .kc-citations button {min-height:36px}
  .approved-home .kc-action-preview {flex-wrap:wrap;padding:14px;gap:10px}
  .approved-home .kc-action-preview>div {min-width:130px}
  .approved-home .kc-action-preview>button {margin-left:35px;min-height:44px}
}
@media (max-width:360px) {
  .approved-home .connections-product.kc-shell {padding:14px}
  .approved-home .kc-heading h3 {font-size:22px}
  .approved-home .kc-private {display:none}
  .approved-home .kc-tabs>button {padding-inline:5px;font-size:9px;gap:4px}
  .approved-home .kc-detail,.approved-home .kc-rules {padding:15px}
  .approved-home .kc-state-tag {font-size:7px;padding:5px}
  .approved-home .kc-state-tag::before {display:none}
  .approved-home .kc-capabilities>.kc-permission {padding-inline:10px}
  .approved-home .kc-access {padding-inline:6px;font-size:9px}
  .approved-home .kc-outcome-actions {gap:8px 11px}
  .approved-home .kc-outcome-actions>button {font-size:10px}
}
@media (prefers-reduced-motion:reduce) {.approved-home .kc-shell *,.approved-home .kc-shell *::before,.approved-home .kc-shell *::after {transition:none!important}}

/* V6: one quiet material, aligned product stories, a visible InVice wordmark. */
.approved-home .brand,
.approved-home .site-footer .footer-brand {
  text-transform: none;
  letter-spacing: -.035em;
  font-size: 25px;
  font-weight: 600;
}
.approved-home #workspace-showcase :is(.ms-wordmark,.ws-wordmark,.oa-wordmark) {
  text-transform: none;
  letter-spacing: -.025em;
  font-size: 21px;
}

/* The three scenes share a row: copy always begins at the same baseline.
   Subgrid grows with an expanded reply rather than clipping the example. */
@media (min-width: 901px) {
  .approved-home .product-stories { grid-template-rows: auto auto; row-gap: 0; }
  .approved-home .product-stories .product-story {
    display: grid;
    grid-row: span 2;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: subgrid;
    align-items: stretch;
    row-gap: 0;
  }
  .approved-home .product-stories .product-scene { grid-row: 1; min-height: 340px; }
  .approved-home .product-stories .story-copy,
  .approved-home .product-stories .story-conversation .story-copy {
    grid-row: 2;
    align-self: start;
    padding: 24px 10px 28px;
  }
}

/* Production-derived transparent glass, with a neutral grey depth so the
   material also reads against a quiet paper background. No drifting colours. */
html:has(.approved-home) {
  --review-glass-depth: color-mix(in srgb, var(--secondary) 6%, transparent);
  --review-glass-edge: color-mix(in srgb, var(--secondary) 9%, transparent);
  --review-glass-surface: linear-gradient(140deg,
    color-mix(in srgb, var(--surface) 36%, transparent) 0%,
    var(--launch-glass) 42%,
    var(--review-glass-depth) 100%);
}
.approved-home .product-stories .product-story,
.approved-home .principle-card,
.approved-home .plan-card,
.approved-home .plan-card.featured,
.approved-home .closing-panel {
  background: var(--review-glass-surface);
  border: 1px solid var(--review-glass-edge);
  -webkit-backdrop-filter: blur(15px) saturate(1.12);
  backdrop-filter: blur(15px) saturate(1.12);
  box-shadow: inset 0 1px 0 #ffffffad, inset 0 -1px 0 #ffffff60,
    0 6px 24px #20263105;
}
.approved-home .principle-icon {
  background: var(--launch-glass-raised);
  border-color: var(--review-glass-edge);
  box-shadow: inset 0 1px 0 #ffffffb3;
}
.approved-home .plan-card.featured { border-color: color-mix(in srgb, var(--secondary) 19%, transparent); }
.approved-home .connections-copy .eyebrow { max-width: 370px; line-height: 1.8; }

/* The closing surface passes over the original dark footer, using the
   same measured fixed-footer pattern as production. Normal page scrolling. */
html.footer-reveal .approved-home #main {
  position: relative;
  z-index: 1;
  background: var(--paper);
  margin-bottom: var(--footer-reveal-height);
  border-radius: 0 0 34px 34px;
  box-shadow: 0 20px 45px #0000001a;
}
html.footer-reveal .approved-home .site-footer {
  position: fixed;
  inset: auto 0 0;
  z-index: 0;
  border-top: 0;
}
html.footer-reveal .approved-home #main:has(#workspace-showcase.is-expanded) { z-index: 20; }
html.footer-reveal .approved-home .closing.closing-refined { padding-bottom: 34px; }
html.footer-reveal .approved-home .closing::before { inset-block-end: 0; }
.approved-home .site-footer { border-top: 0; }

@media (max-width: 600px) {
  .approved-home .brand { font-size: 22px; }
  .approved-home .site-footer .footer-brand { font-size: 24px; }
}

/* Native reading surfaces remain light. Marketing frames use their own
   smoked-glass tokens so a material change never reverses app text polarity. */
html:has(.approved-home) {
  /* Three levels on every mockup component (founder, 2026-10-15): the shell, a warm stone that sits with the dusk
     photograph instead of reading grey against it; the canvas, the workspace's own background; and white surfaces on
     top, as the agent interface's panels. --prototype-glass and --prototype-inset keep their names for the rules that
     use them and resolve to the shell and the canvas. */
  --prototype-shell:#e8e0d6f2;
  --prototype-canvas:#f3f3f4;
  --prototype-glass:var(--prototype-shell);
  --prototype-raised:#fff;
  --prototype-inset:var(--prototype-canvas);
  --prototype-edge:#d9d0c680;
  --prototype-shadow:inset 0 1px 0 #ffffffd9,0 20px 60px #25324708;
  --prototype-card-shadow:0 8px 26px #28324705,inset 0 1px #fff;
}
/* Analytics: one glass shell and floating report surfaces, not nested frames. */
.approved-home #invice-analytics.intelligence-product {
  background:var(--prototype-glass);border-color:var(--prototype-edge);
  border-radius:28px;box-shadow:var(--prototype-shadow);
}
.approved-home #invice-analytics .analytics-shell {background:transparent;border-color:transparent;box-shadow:none;border-radius:22px}
.approved-home #invice-analytics .analytics-topbar {background:transparent;border-bottom-color:transparent}
.approved-home #invice-analytics .analytics-bottom {background:transparent;border-top-color:transparent;color:#717b87}
.approved-home #invice-analytics .analytics-tabs {background:var(--prototype-inset);border-color:transparent;border-radius:12px}
.approved-home #invice-analytics .analytics-tabs button {border-radius:9px}
.approved-home #invice-analytics .analytics-tabs button[aria-selected=true] {background:#ffffffe6;box-shadow:0 3px 13px #2832470a}
.approved-home #invice-analytics :is(.analytics-metric,.analytics-chart-card,.analytics-insight) {
  background:var(--prototype-raised);border-color:transparent;
  border-radius:18px;box-shadow:var(--prototype-card-shadow);
}
.approved-home #invice-analytics .analytics-metric>span,.approved-home #invice-analytics .analytics-insight-copy>p {color:#606772}
.approved-home #invice-analytics .analytics-metric strong {color:var(--secondary)}
.approved-home #invice-analytics :is(.analytics-composer,.analytics-save,.analytics-export,.analytics-period select,.analytics-group select) {border-radius:11px;border-color:#d7dde49c;background:#ffffffc9}
.approved-home #invice-analytics .analytics-record-list>div {border-bottom-color:transparent}
/* Three Mission capabilities: raised reading areas and quiet inset records. */
.approved-home .product-stories .product-story {
  background:var(--prototype-glass);border-color:var(--prototype-edge);
  box-shadow:var(--prototype-shadow);border-radius:28px;
  padding-block:32px;
}
.approved-home .product-stories .product-story::before {background:none}
.approved-home .product-stories .product-scene {
  background:var(--prototype-raised);border-color:transparent;
  border-radius:20px;box-shadow:var(--prototype-card-shadow);
}
.approved-home .product-stories .scene-toolbar {background:transparent;border-bottom-color:transparent}
.approved-home .product-stories :is(.draft-sources,.document-person,.document-row,.document-note,.change-row,.authority-owner) {border-color:transparent}
.approved-home .product-stories .draft-message {background:var(--prototype-inset);border-color:transparent;border-radius:14px;box-shadow:none}
.approved-home .product-stories :is(.file-chip,.document-file) {background:var(--prototype-inset);border-color:transparent;border-radius:9px}
.approved-home .product-stories .change-row {background:var(--prototype-inset);border-radius:12px;padding-inline:12px}
.approved-home .product-stories .document-row {border-radius:12px;padding-inline:9px}
.approved-home .product-stories .document-row:nth-of-type(odd) {background:#e9edf23b}
.approved-home .product-stories .agent-composer {background:#ffffffe0;border-color:#d7dde49c;border-radius:12px}
.approved-home .product-stories :is(.incoming-message>p,.draft-message>p,.authority-body>p) {color:#606772}
/* Authenticated workspace: keep the real app's architecture, font sizes,
   sidebar width, composer controls, rail content and all view transitions. */
.approved-home #workspace-showcase :is(.ms-workspace:not(.ms-dark),.workspace.v2-ws,.oa-app-shell) {
  background:var(--prototype-glass);border-color:var(--prototype-edge);
  border-radius:24px;box-shadow:var(--prototype-shadow);
}
.approved-home #workspace-showcase .ms-workspace:not(.ms-dark) :is(.ms-sidebar,.ms-topbar,.ms-titlebar) {background:transparent;border-color:transparent}
.approved-home #workspace-showcase .ms-workspace:not(.ms-dark) :is(.ms-conversation,.ms-state) {
  background:#fff;border-color:transparent;border-radius:19px;box-shadow:var(--prototype-card-shadow);
}
.approved-home #workspace-showcase .ms-workspace:not(.ms-dark) .ms-state-content {background:#fff}
.approved-home #workspace-showcase .ms-workspace:not(.ms-dark) .ms-toolrail {background:#f4f5f7;border-color:transparent}
.approved-home #workspace-showcase .ms-workspace:not(.ms-dark) .ms-toolrail>button {border-color:transparent;border-radius:10px;box-shadow:0 2px 6px #28324705}
.approved-home #workspace-showcase .ms-workspace:not(.ms-dark) :is(.ms-decision,.ms-draft,.ms-calendar) {border-color:transparent;border-radius:13px;background:#f5f6f8;box-shadow:none}
.approved-home #workspace-showcase .ms-workspace:not(.ms-dark) :is(.ms-decision-top,.ms-draft-head,.ms-draft-actions,.ms-started,.ms-connected-app) {border-color:transparent}
.approved-home #workspace-showcase .ms-workspace:not(.ms-dark) .ms-decision-top {background:#faf0eb}
.approved-home #workspace-showcase .ms-workspace:not(.ms-dark) .ms-composer {background:#fff;border-color:#d7dde49c;border-radius:14px;box-shadow:0 4px 15px #28324706}
.approved-home #workspace-showcase .ms-workspace:not(.ms-dark) .ms-nav-item.active {background:#ffffffe6;box-shadow:0 3px 13px #2832470a}
.approved-home #workspace-showcase .workspace-view-tabs {background:var(--prototype-inset);border-color:transparent;border-radius:13px}
.approved-home #workspace-showcase .workspace-view-tabs button {border-radius:10px}
.approved-home #workspace-showcase .workspace-view-tabs button[aria-selected=true] {border-color:transparent;box-shadow:0 3px 13px #2832470a}
.approved-home #workspace-showcase .v2-ws :is(.ws-sidebar,.ws-topbar) {background:transparent;border-color:transparent}
@media(max-width:600px) {
  .approved-home #invice-analytics.intelligence-product,.approved-home .product-stories .product-story {border-radius:22px}
  .approved-home #invice-analytics :is(.analytics-metric,.analytics-chart-card,.analytics-insight) {border-radius:14px}
  .approved-home .product-stories .product-scene {border-radius:16px}
  .approved-home #workspace-showcase .ms-workspace:not(.ms-dark) :is(.ms-conversation,.ms-state) {border-radius:14px}
}
/* Extend the approved material consistently to every sidebar route. */
.approved-home #workspace-showcase .ex-workspace:not(.ms-dark) .ex-body {background:transparent}
.approved-home #workspace-showcase .ex-workspace:not(.ms-dark) :is(.ex-card,.ex-list,.ex-mail-thread,.ex-calendar) {background:var(--prototype-raised);border-color:transparent;border-radius:18px;box-shadow:var(--prototype-card-shadow)}
.approved-home #workspace-showcase .ex-workspace:not(.ms-dark) :is(.ex-row,.ex-setting-row,.ex-kv) {border-color:transparent}
.approved-home #workspace-showcase .ex-workspace:not(.ms-dark) .ex-row {border-radius:12px}
.approved-home #workspace-showcase .ex-workspace:not(.ms-dark) .ex-row:hover {background:var(--prototype-inset)}
.approved-home #workspace-showcase .ex-workspace:not(.ms-dark) :is(.ex-lane,.ex-message,.ex-insight) {background:var(--prototype-inset);border-color:transparent;border-radius:14px;box-shadow:none}
.approved-home #workspace-showcase .ex-workspace:not(.ms-dark) :is(.ex-button,.ex-tabs,.ex-tabs button,.ex-toolbar input,.ex-field input,.ex-field select,.ex-field textarea) {border-radius:10px}
.approved-home #workspace-showcase .ex-workspace:not(.ms-dark) .ex-tabs {background:var(--prototype-inset);border-color:transparent}
.approved-home .ex-operation {position:relative;text-align:left}
.approved-home .ex-operation-head {display:flex;align-items:center;justify-content:space-between;gap:12px}
.approved-home .ex-operation-head h3 {margin:0}
.approved-home .ex-operation-open {padding:0;border:0;background:none;color:inherit;font:inherit;font-weight:600;text-align:left}
.approved-home .ex-operation-open::after {content:'';position:absolute;inset:0;border-radius:18px;cursor:pointer}
.approved-home .ex-operation-open:focus-visible {outline:none}
.approved-home .ex-operation:has(.ex-operation-open:focus-visible) {outline:2px solid var(--ember);outline-offset:3px}
.approved-home .ex-operation:hover {box-shadow:0 10px 30px #2832470b!important}
.approved-home .ex-operation>p {min-height:42px;max-width:440px}
.approved-home .ex-operation-stats {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:23px 0}
.approved-home .ex-operation-stats strong {display:block;font:500 28px/1.2 var(--display);letter-spacing:-.04em}
.approved-home .ex-operation-stats span {display:block;font:11px/1.5 var(--sans);color:#687383;margin-top:7px}
.approved-home .ex-operation-update {display:flex;align-items:flex-start;gap:9px;padding:13px;border-radius:12px;background:var(--prototype-inset);color:#606772;font:12px/1.7 var(--sans)}
.approved-home .ex-operation-update svg {width:15px;height:15px;flex:none;margin-top:3px}
.approved-home .ex-operation-foot {display:flex;justify-content:space-between;gap:12px;margin-top:21px;font:11px/1.5 var(--sans);color:#687383}
.approved-home .ex-operation-foot>span:last-child {display:flex;align-items:center;gap:8px;color:var(--secondary);white-space:nowrap}
.approved-home .ex-operation-foot svg {width:14px;height:14px}
@media(max-width:450px){.approved-home .ex-operation-stats{gap:8px}.approved-home .ex-operation-stats strong{font-size:24px}.approved-home .ex-operation-stats span{font-size:10px}.approved-home .ex-operation-foot{flex-wrap:wrap}.approved-home .ex-operation>p{min-height:0}}

/* White liquid glass: bright translucent shells, a clear rim and dark ink.
   Native interiors keep their own compact, readable surfaces. */
html:has(.approved-home) {
  --marketing-glass: linear-gradient(135deg,rgba(255,255,255,.92),rgba(255,255,255,.84));
  --marketing-glass-edge: rgba(255,255,255,.82);
  --marketing-glass-ink: #0f0f12;
  --marketing-glass-copy: #394550;
  --ember-on-dark: #ff8b73;
  --marketing-glass-shadow: inset 0 1px 0 #ffffffeb, inset 0 -1px 0 #ffffff59, 0 16px 44px #1914110a;
}
.approved-home #main :is(.product-story,.personal-story,.principle-card,.plan-card,.closing-panel),.approved-home #main :is(.connections-product.kc-shell,#owner-channels.oc-shell,#invice-analytics.intelligence-product),.approved-home #workspace-showcase:not(.is-expanded) {
  background: var(--marketing-glass);
  border: 1px solid var(--marketing-glass-edge);
  box-shadow: var(--marketing-glass-shadow);
  -webkit-backdrop-filter: blur(22px) saturate(1.08);
  backdrop-filter: blur(22px) saturate(1.08);
}
.approved-home #workspace-showcase:not(.is-expanded) { padding: 12px; border-radius: 28px; }
/* Mockup shells (founder, 2026-10-15, re-ruled the same day): the first level of every mockup component is the
   white glass of the trust cards (--marketing-glass), the second the workspace canvas, the third white. The warm
   stone (--prototype-shell) stays for the small plates, pills and chips only. */
.approved-home #main :is(.product-story,.personal-story),.approved-home #main :is(.connections-product.kc-shell,#owner-channels.oc-shell,#invice-analytics.intelligence-product),.approved-home #workspace-showcase:not(.is-expanded) {
  background: var(--marketing-glass);
  border-color: var(--marketing-glass-edge);
}
.approved-home #main :is(.story-copy,.ps-copy,.principle-card,.plan-card,.closing-copy) { color: var(--marketing-glass-ink); }
.approved-home #main :is(.story-copy,.ps-copy) :is(h3,p,.story-index,.story-evidence),.approved-home #main .principle-card :is(h3,p,.principle-caption),.approved-home #main .plan-card :is(h3,p,.plan-top,.plan-price,.plan-price strong,.plan-ai-label),.approved-home #main .closing-panel :is(.closing-signature,h2,h2 span,.closing-copy>p,.closing-actions>p,.text-link) {
  color: var(--marketing-glass-copy);
}
.approved-home #main :is(.story-copy,.ps-copy,.principle-card,.plan-card) h3,.approved-home #main .plan-price strong,.approved-home #main .closing-panel h2 { color: var(--marketing-glass-ink); }
.approved-home #main .plan-card :is(.plan-top span,.plan-top .icon,.plan-price span) {color:var(--marketing-glass-copy)}
.approved-home #main .principle-icon { color: var(--marketing-glass-copy); background: #ffffff85; border-color: var(--marketing-glass-edge); }
.approved-home #main .plan-card .button-quiet { background:#fff; color:var(--ink); }
.approved-home #main #invice-analytics :is(.analytics-identity,.analytics-identity>span,.analytics-identity>.icon,.analytics-asof,.analytics-bottom,.analytics-notice) { color: var(--marketing-glass-copy); }
.approved-home #main #owner-channels :is(.oc-topbar,.oc-context) { color:var(--marketing-glass-copy); }
.approved-home #main #owner-channels .oc-context :is(h3,strong,span,small,dt,dd) { color:var(--marketing-glass-copy); }
.approved-home #main #owner-channels .oc-state { color:var(--marketing-glass-copy); }
.approved-home #main #owner-channels .oc-tabs { background:#edf0f3a6; }
.approved-home #main #owner-channels .oc-tabs button { color:var(--marketing-glass-copy); }
.approved-home #main #owner-channels .oc-tabs button[aria-selected=true] { color:var(--ink);background:#fff; }
.approved-home #main #owner-channels .oc-composer,
.approved-home #main #invice-analytics :is(.analytics-composer,.analytics-save,.analytics-export,.analytics-period select,.analytics-group select) { background:var(--prototype-raised); }
.approved-home #main .kc-shell :is(.kc-heading,.kc-heading p,.kc-eyebrow,.kc-private,.kc-outcome>h4,.kc-outcome>p,.kc-answer-label>span) { color:var(--marketing-glass-copy); }
.approved-home #main .kc-shell .kc-source-list .kc-item:not(.selected) { color:var(--marketing-glass-copy); }
.approved-home #main .kc-shell .kc-source-list .kc-item:not(.selected) small { color:var(--marketing-glass-copy); }
.approved-home #main .kc-shell .kc-item:not(.selected):hover { background:#ffffff85; }
.approved-home #main .kc-shell .kc-outcome-actions>button:not(:first-child) { color:var(--marketing-glass-copy); }
/* The Apps & channels picker and the app row are one control on the workspace canvas (knowledge-connections.css);
   only the analytics tabs keep the white band. */
.approved-home #main .kc-shell .analytics-tabs { background:#ffffffec; }
/* "What InVice never does" sits over its first item, in the cards' column (founder, 2026-10-15); the heading's text
   aligns with the item's text, past the red rule. */
.approved-home #main .authority-boundaries {
  display:grid;grid-template-columns:250px minmax(0,1fr);gap:0 36px;
  padding:20px 0;margin-top:-88px;color:var(--ink);
}
.approved-home .authority-boundaries h3 {grid-column:1;font:600 17px/1.5 var(--display);margin:0;padding:0}
.approved-home .authority-boundaries ul {grid-column:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin:0;padding:0;list-style:none}
/* Each item under its card (the cards' own gap), and the list closer to them. */
@media(min-width:701px) {
  .approved-home #main #trust.principles-section {padding-bottom:40px}
  .approved-home #main .authority-boundaries {margin-top:0}
}
.approved-home .authority-boundaries li {font:14px/1.7 var(--sans);padding-left:15px;border-left:2px solid var(--ember)}
@media(max-width:900px) {
  .approved-home #main .authority-boundaries {grid-template-columns:1fr;gap:18px;margin-top:-44px}
  .approved-home #main .authority-boundaries :is(h3,ul) {grid-column:1}
}
@media(max-width:700px) {
  .approved-home #workspace-showcase:not(.is-expanded) {padding:6px;border-radius:23px}
  .approved-home .authority-boundaries ul {grid-template-columns:1fr;gap:14px}
}

/* The photograph becomes dark through the lower chapters. Their standalone
   reading uses light ink; semantic app text retains its native palette. */
.approved-home #main :is(#intelligence,#channels,#connections,#trust,#pricing,#faq) > :is(.section-title,.section-intro,.channels-heading,.connections-copy,.principles-intro,.pricing-v2-intro,.faq-intro),.approved-home #main #intelligence-title,.approved-home #main #channels-title,.approved-home #main :is(#channels-description,.connections-copy>p,.principles-intro>p,.pricing-v2-intro>p,.faq-intro>p),.approved-home #main :is(#connections,#trust,#pricing,#faq) .text-link,.approved-home #main .authority-boundaries,.approved-home #main .pricing-v2-foot,.approved-home #main #faq :is(summary,summary::after,.faq-answer p,.faq-answer a) { color:#fff; }
.approved-home #main :is(#trust,#pricing,#connections,#faq) :is(.eyebrow,.ai-choice-note) {color:#f1eeeb}
.approved-home #main #faq-title .ember {color:#fff}

/* Every chapter below the hero sits on the dusk land of the photograph, so the
   first two chapters' standalone text reads in the same light ink as the rest. */
.approved-home #main :is(.owner-demo-heading>h2,#value-title) {color:#fff}
/* The founder's emphasis words in chapter headings over the photograph are white words on a black plate (founder,
   2026-10-15, superseding the red for dark grounds and the stone plate tried earlier that day): the plate starts after
   the word space, never over it, and clones across a wrapped line; on the light closing panel the word stays the brand red. */
.approved-home #main .section-title:has(.ember),.approved-home #main #faq-title {line-height:1.2}
.approved-home #main .section-title .ember,.approved-home #main #faq-title .ember {color:#fff;display:inline;padding:.02em .22em .06em;margin:0;border-radius:.22em;background:var(--ink);-webkit-box-decoration-break:clone;box-decoration-break:clone}
.approved-home #main #trust .principles-intro .text-link {width:fit-content;min-height:0;margin-top:4px;padding:0;border-radius:0;color:var(--ember);font-weight:500;background:none;box-shadow:none}
.approved-home #main #trust .principles-intro .text-link:hover {color:color-mix(in srgb,var(--ember) 80%,white)}
@media (min-width:701px) and (max-width:820px) {
  .approved-home #main #trust .principles-intro {display:block}
  .approved-home #main #trust .principles-intro h2 {margin:0 0 9px}
  .approved-home #main #trust .principles-intro>p {max-width:560px}
}
.approved-home #main #pricing-title {text-wrap:balance}
/* Each chapter's description sits under its mockup, as wide as the mockup and centred. */
.approved-home #main .section-after-copy {width:100%;max-width:none;margin:30px 0 0;padding:0;text-align:center;text-wrap:balance;font-size:16px;line-height:1.75;color:#fff}
.approved-home #main .section-after-copy br {display:none}
.approved-home #main .owner-demo-heading,.approved-home #main .section-intro.compact-intro {display:block}
.approved-home #main .guided-explore {flex-direction:column;align-items:center;gap:26px;padding-top:28px}
@media(max-width:700px){.approved-home #main .section-after-copy {margin-top:24px;font-size:15px}.approved-home #main .guided-explore {gap:20px}}

/* The hero paragraph is longer since 2026-10-07: a slightly smaller size,
   balanced lines and more air around it keep the hero from feeling crowded. */
.approved-home #main .hero .hero-copy {max-width:640px;font-size:16px;line-height:1.75;text-wrap:balance;margin-top:6px}
.approved-home #main .hero .hero-actions {margin-top:34px}

/* Phones show a one-sentence hero paragraph when the audience has one; wider
   screens show the full paragraph. The short one comes first in the markup, so a
   sibling selector hides the full one after it and no :has() is needed. */
.approved-home #main .hero .hero-copy-short {display:none}
@media(max-width:700px) {
  .approved-home #main .hero .hero-copy-short:not(:empty) + .hero-copy-full {display:none}
  .approved-home #main .hero .hero-copy-short:not(:empty) {display:inline}
}
/* The profession list: a size smaller, and on phones two columns that shrink
   to their content (each at most half the row, wrapping inside if a label is
   long) so the block sits exactly on the centre line and never leaves it. */
body:has(.approved-home):not(.personal-path) #main .hero .hero-industries {font-size:11px}
@media(max-width:700px) {
  body:has(.approved-home):not(.personal-path) #main .hero .hero-industries {grid-template-columns:repeat(2,fit-content(calc(50% - 13px)));justify-content:center;width:100%;max-width:100%;margin-inline:auto;column-gap:26px;font-size:10.5px}
  body:has(.approved-home):not(.personal-path) #main .hero .hero-industries>span {white-space:normal;min-width:0}
}
@media(max-width:700px) { .approved-home #main .hero .hero-copy {max-width:330px;font-size:14.5px;line-height:1.7} .approved-home #main .hero .hero-actions {margin-top:28px} }

/* Professional hero (founder, 2026-10-14): the title leads straight into the actions, and the paragraph sits under
   the profession list, a size smaller and exactly as wide as that list. The hero becomes a three-column grid whose
   middle column takes the list's width; the paragraph fills that column without widening it. Only the audience with
   a short paragraph (Professional) matches, in the server markup and after the page script alike, so Personal keeps
   its layout; a browser without :has() keeps the earlier layout. */
.approved-home #main .hero:has(> .hero-copy > .hero-copy-short:not(:empty)) {display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);justify-items:center;align-content:center}
.approved-home #main .hero:has(> .hero-copy > .hero-copy-short:not(:empty)) > * {grid-column:1/-1}
.approved-home #main .hero:has(> .hero-copy > .hero-copy-short:not(:empty)) > :is(.hero-industries,.hero-copy) {grid-column:2}
.approved-home #main .hero:has(> .hero-copy > .hero-copy-short:not(:empty)) > h1 {margin-bottom:0}
.approved-home #main .hero:has(> .hero-copy > .hero-copy-short:not(:empty)) > .hero-actions {margin-top:30px}
/* A light weight (founder, 2026-10-14) sets the paragraph apart from the list above it. */
/* The paragraph reads before the profession row (founder, 2026-10-15): the row's label and list come after it. */
.approved-home #main .hero:has(> .hero-copy > .hero-copy-short:not(:empty)) > .hero-industry-label {order:1}
.approved-home #main .hero:has(> .hero-copy > .hero-copy-short:not(:empty)) > .hero-industries {order:2}
/* Under the profession row, with the row's own air above it, a size under the profession labels (founder, 2026-10-15). */
.approved-home #main .hero:has(> .hero-copy > .hero-copy-short:not(:empty)) > .hero-copy {order:3;contain:inline-size;width:100%;max-width:none;margin:17px 0 0;font-size:10px;line-height:1.7;text-wrap:pretty;font-weight:300}
@media(max-width:700px) {
  .approved-home #main .hero:has(> .hero-copy > .hero-copy-short:not(:empty)) > .hero-actions {margin-top:24px}
  /* On a phone the one-sentence paragraph is a quiet line under the title (founder, 2026-10-15): a size under the profession
     labels, between the title and the actions, so the title sits between two quiet lines; in the secondary ink, since the label
     grey read at 2.7:1 over the photograph (visual/landing-contrast.spec.ts). */
  .approved-home #main .hero:has(> .hero-copy > .hero-copy-short:not(:empty)) > .hero-eyebrow {order:-3}
  .approved-home #main .hero:has(> .hero-copy > .hero-copy-short:not(:empty)) > h1 {order:-2}
  .approved-home #main .hero:has(> .hero-copy > .hero-copy-short:not(:empty)) > .hero-copy {order:-1;margin:14px auto 0;max-width:330px;font-size:10px;line-height:1.6;font-weight:400;color:var(--marketing-glass-ink)}
  .approved-home #main .hero:has(> .hero-copy > .hero-copy-short:not(:empty)) > .hero-industries {margin-bottom:0}
  /* In the grid the list's two columns size from their labels: each takes what it needs and shares any shortfall. */
  .approved-home #main .hero:has(> .hero-copy > .hero-copy-short:not(:empty)) > .hero-industries {grid-template-columns:repeat(2,minmax(0,max-content))}
}
/* Tablets (founder, 2026-10-14): where the profession row would wrap, it is laid out in three columns, so the list is
   exactly as wide as its labels and the paragraph under it matches that width. The breakpoints carry a wide margin:
   the built app's labels render wider than the design source's (in hosted CI the French row still wrapped at
   1100px), and a classic scrollbar takes about 17px more. English fits one row at 900px in CI, French at 1440px. */
@media(min-width:701px) and (max-width:979px) {
  .approved-home #main .hero:has(> .hero-copy > .hero-copy-short:not(:empty)) > .hero-industries {display:grid;grid-template-columns:repeat(3,max-content);justify-content:center}
  .approved-home #main .hero:has(> .hero-copy > .hero-copy-short:not(:empty)) > .hero-industries>span:nth-child(3n+1) {border-left:0}
}
@media(min-width:701px) and (max-width:1279px) {
  .approved-home :lang(fr) #main .hero:has(> .hero-copy > .hero-copy-short:not(:empty)) > .hero-industries {display:grid;grid-template-columns:repeat(3,max-content);justify-content:center}
  .approved-home :lang(fr) #main .hero:has(> .hero-copy > .hero-copy-short:not(:empty)) > .hero-industries>span:nth-child(3n+1) {border-left:0}
}

/* The ridge rests 24px under the foot of the first screen on every window (touchups.css), so the first chapter starts
   24px lower to keep its room under the ridge: padding where no fit test holds the chapter's box, a margin on phones
   and tablets upright (32px more than that room, so the chapter's own box keeps the height the phone fit tests hold it
   to, and the hero's own margin does not swallow it). The first screen is sky, haze and the far ridge on every window,
   a phone or tablet upright, a square or tall desktop window and a portrait monitor included. iOS Safari has its own
   rule below. */
html:has(.approved-home) #main #in-action {padding-top:24px}
@media(max-width:1024px) and (orientation:portrait) { html:has(.approved-home) #main #in-action {padding-top:0;margin-top:56px} }
/* iOS Safari does not fix the photograph to the window, so it is drawn once from the top of the page, at the page's
   usual height (the ridge 24px under the foot of the first screen, never narrower than the window), with the page's
   dark ink below it: the hero reads on the sky and the chapters on dark ground, as elsewhere, and the first chapter
   starts lower by the same margins. The photograph's layer blends normally there, since multiplying it with the dark
   ink would blacken it. No offset applies and landscape-motion.js sets none. Known limits (2026-10-14), since the
   photograph cannot hold while the hero scrolls: on a window under 640px tall, and on a landscape phone, the hero's last
   lines can reach the ridge there. */
@supports (-webkit-touch-callout: none) { html:has(.approved-home) #page-surface {background-size:100% 100%,100% 100%,auto max(calc(220.864vw + 77px),calc(320vh + 77px));background-position:center,center,center top;background-repeat:no-repeat;background-blend-mode:normal,normal,normal;background-color:var(--ink)} }
/* Hero reading text in an existing deeper ink, so it holds 4.5:1 over the sky. */
.approved-home #main .hero :is(.hero-copy,.hero-eyebrow) {color:var(--marketing-glass-ink)}
.approved-home #main .hero :is(.hero-personal-link,.hero-personal-link span,.hero-personal-link strong,.hero-industries span) {color:var(--marketing-glass-ink)}
/* The "Built for" line reads like the category line above it (founder, 2026-10-15): same size, tracking and ink. */
/* The label's ink is the secondary ink, not the label grey: over the photograph the grey reads at 3.6:1 (visual/landing-contrast.spec.ts). */
.approved-home #main .hero .hero-industry-label {font-size:11px;letter-spacing:.1em;color:var(--secondary)}
.approved-home #main .hero a.hero-personal-link:hover,.approved-home #main .hero a.hero-personal-link:hover :is(span,strong) {color:var(--ember)}

.approved-home #workspace-showcase :is(.ms-workspace:not(.ms-dark),.workspace.v2-ws,.oa-app-shell) {background:var(--prototype-canvas)}
.approved-home #main .closing-panel .closing-actions small {color:var(--marketing-glass-copy)}

.approved-home #main #intelligence .section-intro :is(h2,p) {color:#fff}
.approved-home #main .pricing-v2-foot a {color:var(--ember)}
.approved-home #main #closing-title span {color:var(--ember)}

.approved-home #main .closing-panel .closing-start .closing-note {color:var(--marketing-glass-copy)}

/* French runs longer than English: titles and plan names balance their lines, and the timeline shows 24-hour time. */
.approved-home :lang(fr) #main :is(.section-title,.plan-card h3) {text-wrap:balance}
.approved-home :lang(fr) .ms-event time :is(br,.ms-meridiem) {display:none}
.approved-home #main .ai-choice-note:empty {display:none}

/* Routed Professional pages keep Personal to the pricing card and the footer (founder direction, 2026-10-08). */
html:has(.approved-home) .approved-home[data-approved-home="professional"] .hero-personal-link {display:none}

/* The Professional closing states the method: five named principles in a row under the heading, then who it is for. */
.approved-home #main .closing-panel {row-gap:28px}
.approved-home #main .closing-panel .closing-principles {grid-column:1/-1;list-style:none;counter-reset:principle;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:22px 26px;margin:0;padding:28px 0 0;border-top:1px solid color-mix(in srgb,var(--marketing-glass-ink) 12%,transparent)}
.approved-home #main .closing-principles li {counter-increment:principle;display:flex;flex-direction:column;gap:6px;min-width:0}
.approved-home #main .closing-principles li::before {content:counter(principle,decimal-leading-zero);font:500 11px/1.6 var(--label);letter-spacing:.08em;color:var(--ember)}
.approved-home #main .closing-principles strong {font:500 17px/1.3 var(--display);letter-spacing:-.015em;color:var(--marketing-glass-ink)}
.approved-home #main .closing-principles span {font-size:14px;line-height:1.6;color:var(--marketing-glass-copy)}
/* The closing rail (founder, 2026-10-15): one sentence, eight things InVice handles, one closing line. */
.approved-home #main .closing-panel .closing-copy>p {font:500 clamp(20px,1.9vw,26px)/1.35 var(--display);letter-spacing:-.025em;max-width:30ch;margin-top:14px}
.approved-home #main .closing-panel .closing-rail {grid-column:1/-1;list-style:none;display:flex;flex-wrap:wrap;gap:8px;max-width:740px;margin:0;padding:26px 0 0}
@media(max-width:700px){.approved-home #main .closing-panel .closing-rail{max-width:400px}}
.approved-home #main .closing-rail li {display:inline-flex;align-items:center;gap:8px;padding:9px 13px;border-radius:999px;background:var(--ink);font-size:13px;font-weight:600;color:#fff}
.approved-home #main .closing-rail li .icon {width:14px;height:14px;color:#fff}
/* The call to action sits with the copy (founder, 2026-10-15): one row under the rail's line, the button, its note and
   the team link together, instead of a column of its own on the right. */
.approved-home #main .closing-panel {grid-template-columns:minmax(0,1fr)}
.approved-home #main .closing-panel .closing-copy {order:0}
.approved-home #main .closing-panel .closing-rail {order:1}
.approved-home #main .closing-panel .closing-rail-note {order:2}
.approved-home #main .closing-panel .closing-scope {order:3}
.approved-home #main .closing-panel .closing-start {order:4;grid-column:1/-1;display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding-top:2px;text-align:left}
.approved-home #main .closing-panel .closing-start > .button {min-width:0;width:auto}
.approved-home #main .closing-panel .closing-principles {order:5}
.approved-home #main .closing-panel .closing-rail-note {grid-column:1/-1;margin:14px 0 0;font-size:14px;line-height:1.7;color:var(--marketing-glass-copy);max-width:62ch}
.approved-home #main .closing-panel .closing-scope {grid-column:1/-1;display:flex;flex-wrap:wrap;gap:4px 18px;max-width:none;margin:-16px 0 0;font-size:13px;line-height:1.7;color:var(--marketing-glass-copy)}
.approved-home #main .closing-panel .closing-scope a {color:inherit;text-decoration:underline;text-underline-offset:3px}
.approved-home #main .closing-panel .closing-scope a:hover {color:var(--ember)}
@media(max-width:1000px){.approved-home #main .closing-panel .closing-principles {grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.approved-home #main .closing-panel .closing-start {order:3}.approved-home #main .closing-panel .closing-principles {grid-template-columns:1fr;gap:16px;padding-top:24px}.approved-home #main .closing-principles li {display:grid;grid-template-columns:28px 1fr;gap:2px 0}.approved-home #main .closing-principles li::before {grid-row:1/3;line-height:2.3}}

/* Canada is an identity line in the footer, away from any statement about data. */
.approved-home .site-footer .footer-origin {display:inline-flex;align-items:center;gap:7px}
.approved-home .site-footer .footer-origin .maple {width:12px;height:12px}

/* The site's reset removes the margin that centres a modal dialog; the examples' dialogs open in the middle of the window. */
.approved-home dialog:is(.ex-dialog,.ms-panel-dialog,.ws-preview-dialog) {margin:auto}

/* On a desktop window the workspace and channels chapters fit between the header and the question bar that floats
   at the bottom (52px tall, 22px up): heading, mockup, description and, for the workspace, its button. The mockups
   scroll inside, so they give up height, not legibility. */
@media(min-width:1001px) and (min-height:700px){
  .approved-home #workspace-showcase:not(.is-expanded) .ms-workspace {height:clamp(520px,calc(100vh - 506px),740px)}
  /* The tool rail keeps every button in view: its gaps tighten and its buttons give up a few pixels. */
  .approved-home #workspace-showcase:not(.is-expanded) .ms-toolrail {gap:4px}
  .approved-home #workspace-showcase:not(.is-expanded) .ms-toolrail>button {flex:0 1 auto;min-height:22px}
  .approved-home #owner-channels .oc-conversation {height:clamp(400px,calc(100vh - 500px),577px)}
  .approved-home #owner-channels .oc-context {max-height:clamp(400px,calc(100vh - 500px),577px);overflow:auto;scrollbar-width:thin}
}

/* The completed action is the point of the client-work example, so at rest it is meant to show whole (founder direction, 2026-10-08).
   The guided example keeps the height the rule above gives it. Where that height cannot hold the whole workspace
   and the action together, parts of the workspace leave the guided example: under 1180px of window height its bar
   and the resting line above the composer, under 1090px the Mission's title bar too. They stay in the complete
   workspace. The line above the composer comes back whenever it answers a control (mission-scene.js). */
@media(min-width:1001px) and (min-height:700px) and (max-height:1179px){
  .approved-home #workspace-showcase:not(.is-expanded) :is(.ms-topbar,.ms-input-notice:not(.ms-input-feedback)) {display:none}
}
@media(min-width:1001px) and (min-height:700px) and (max-height:1089px){
  .approved-home #workspace-showcase:not(.is-expanded) .ms-titlebar {display:none}
}

/* The French short label is longer: on the narrowest phones the header button drops its arrow so the language link stays clear. */
@media(max-width:350px){.approved-home :lang(fr) .site-header .button-small {padding-inline:11px}.approved-home :lang(fr) .site-header .button-small .icon {display:none}}

/* Cards and rows of cards in the workspace example keep the grid's own gap between them when they are stacked. */
.approved-home #workspace-showcase .ex-body > :is(.ex-grid,.ex-card) + :is(.ex-grid,.ex-card) {margin-top:13px}

/* Founder review: remove the dark plates from these four final chapters. */
.approved-home #main :is(#owner-demo-title,#connections-title,#trust-title,#pricing-title,#faq-title) .ember {background:none;padding:0;border-radius:0;box-decoration-break:initial;-webkit-box-decoration-break:initial;color:var(--surface)}
.approved-home #main #connections .connections-copy .text-link {color:var(--ember);margin-top:0}
.approved-home #main #connections .connections-copy>p {display:inline;margin-bottom:0}
.approved-home #main #connections .connections-copy>.text-link {display:inline-flex;margin-left:0;vertical-align:baseline}
.approved-home #main #connections .connections-copy h2 {margin-bottom:12px}
.approved-home #main #faq .faq-intro>.text-link {color:var(--ember)}
.approved-home #main #faq-title {font-size:clamp(28px,3vw,42px)}
@media(max-width:700px){.approved-home #main #faq-title{font-size:27px}}
.approved-home #main .closing-panel a.closing-team-link{order:3;grid-column:1/-1;justify-self:start;width:max-content;margin:-5px 0 0;color:var(--ember);font-size:13px}
.approved-home #main .closing-panel .closing-start{order:5}
@media(max-width:700px){.approved-home #main .closing-panel .closing-team-link{order:3;margin-top:-4px}.approved-home #main .closing-panel .closing-start{order:5}}

/* Keep the workspace CTA beside the demo title, ahead of the mockup. */
.approved-home #main .owner-demo-heading {display:flex;align-items:center;justify-content:space-between;gap:24px}
.approved-home #main .owner-demo-heading .guided-explore {display:flex;flex:none;padding:0;margin:0}
@media(max-width:900px){.approved-home #main .owner-demo-heading{flex-wrap:wrap;gap:14px}.approved-home #main .owner-demo-heading .guided-explore{margin-left:auto}}

/* Results and decisions are rendered before these disclosures in every agent example.
   The shared treatment keeps the chevrons beside their labels, without button plates. */
.approved-home #main .agent-evidence {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px}
.approved-home #main .agent-evidence details {min-width:0;border:0!important;border-radius:0;background:transparent;box-shadow:none;padding:0!important}
.approved-home #main .agent-evidence summary {display:inline-flex!important;align-items:center;justify-content:flex-start!important;gap:4px;min-height:28px;padding:2px 0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
.approved-home #main .agent-evidence summary :is(svg,.icon) {margin:0!important;flex:none}
.approved-home #main .agent-evidence summary:hover {color:var(--ember)!important}
.approved-home #main .agent-evidence details[open] :is(p,ul) {padding-top:5px}
.approved-home #main .kc-evidence-pair details[open] {padding:0 9px 9px!important;border-radius:9px;background:var(--prototype-inset)!important}
.approved-home #main .kc-evidence-pair details[open] p {display:block;overflow:visible;-webkit-line-clamp:unset}
@media(max-width:700px){.approved-home #main .agent-evidence summary{min-height:40px}}

.approved-home #main #faq .faq-intro {padding-top:0}
.approved-home #main #faq .faq-intro h2 {margin:0}
.approved-home #main #faq .faq-intro>.text-link {margin-top:8px}
.approved-home #main .closing-panel .closing-start>a.closing-team-link {order:initial;grid-column:auto;margin:0}


/* Keep the connections scene focused on app permissions, with one quiet context marker. */
.approved-home #main #connections .kc-outcome {margin:0;padding:14px 2px 0}
.approved-home #main #connections .kc-answer-label {gap:8px}

/* Keep the FAQ heading and its first question on one left edge within a centred column. */
.approved-home #main #faq.faq-section {max-width:680px;display:block;margin-inline:auto;padding-top:26px}
.approved-home #main #faq .faq-intro {padding-top:0;margin-bottom:24px}

/* The final invitation is one centred story with its two actions on one line. */
.approved-home #main .closing-panel {justify-items:center;text-align:center;row-gap:20px}
.approved-home #main .closing-panel .closing-copy {width:100%;max-width:760px}
.approved-home #main .closing-panel .closing-signature {justify-content:center}
.approved-home #main .closing-panel .closing-copy>p {max-width:760px;margin:16px auto 0}
.approved-home #main .closing-panel .closing-rail {justify-content:center;max-width:840px;padding-top:8px}
.approved-home #main .closing-panel .closing-start {flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px 24px;width:100%;padding-top:0;text-align:center}
.approved-home #main .closing-panel .closing-start>a.closing-team-link {margin:0}
/* A little more compact on a wide window (founder, 2026-10-19): about 12% less padding and spacing, a 20 to 21px
   paragraph, and slightly lighter actions at a 44px target. */
@media(min-width:701px) {
  .approved-home #main .closing-panel {padding-block:43px;row-gap:17px}
  .approved-home #main .closing-panel .closing-copy>p {font-size:clamp(20px,1.45vw,21px);line-height:1.45;margin-top:14px}
  .approved-home #main .closing-panel .closing-start>.button {min-height:44px;padding-block:11px;padding-inline:18px;gap:12px;font-size:13.5px}
}
@media(min-width:701px) and (max-width:1100px) {.approved-home #main .closing-panel {padding-block:35px}}

@media(max-width:700px) {
  .approved-home #main #faq.faq-section {padding-top:24px}
  .approved-home #main #faq .faq-intro {margin-bottom:20px}
  .approved-home #main .closing-panel .closing-copy>p {font-size:clamp(17px,4.7vw,21px);line-height:1.42}
  .approved-home #main .closing-panel .closing-start {gap:10px 15px}
  .approved-home :lang(fr) #main .closing-panel .closing-start {gap:8px}
  .approved-home :lang(fr) #main .closing-panel .closing-start>.button {padding-inline:12px;font-size:11px}
  .approved-home :lang(fr) #main .closing-panel .closing-start>.closing-team-link {font-size:11px}
}


/* Keep every closing capability the same height on narrow screens. */
@media(max-width:700px) {
  .approved-home #main .closing-panel .closing-copy>p {font-size:10px;line-height:1.6}
}

/* Context and reasoning use the same text baseline; reasoning is a readable list. */
.approved-home #main .agent-evidence { align-items: start; }
.approved-home #main .agent-evidence details[open] > :is(p,ul) {
  margin: 0!important; padding-top: 7px!important; font: 400 11px/1.6 var(--sans);
}
.approved-home #main .agent-evidence details[open] > p { padding-right: 7px!important; display: block; overflow: visible; -webkit-line-clamp: unset; }
.approved-home #main .agent-evidence details[open] > ul {
  padding-left: 18px!important; padding-right: 2px!important; list-style: disc outside!important;
}
.approved-home #main .agent-evidence details[open] > ul li { display: list-item; margin: 0 0 5px; padding: 0; }
.approved-home #main .agent-evidence details[open] > ul li::marker { color: #68737e; }
@media(max-width:700px) {
  .approved-home #main .agent-evidence details[open] > :is(p,ul) { font-size: 10px; }
}

/* At tablet widths the value stories swipe; their existing cards remain unchanged. */
@media(min-width:701px) and (max-width:900px) {
  .approved-home #main .owner-demo-heading .guided-explore { width: 100%; margin-left: 0; align-items: flex-start; }
  .approved-home #main .value-section > :is(.product-stories,.personal-product-stories) {
    display: flex; flex-direction: row; gap: 16px; overflow-x: auto; overflow-y: hidden;
    scroll-snap-type: x mandatory; overscroll-behavior-x: contain; scrollbar-width: none;
  }
  .approved-home #main .value-section > :is(.product-stories,.personal-product-stories)::-webkit-scrollbar { display: none; }
  .approved-home #main .value-section :is(.product-stories > .product-story,.personal-product-stories > .personal-story) {
    flex: 0 0 min(680px, 84%); min-width: 0; scroll-snap-align: start;
  }
}

/* Background-only variant. The preceding design is preserved in version-10. */
.approved-home #main,
html.footer-reveal .approved-home #main {
  background-color:var(--paper);
  background-image:linear-gradient(#f5f6f7cc,#f5f6f7e0),url('/approved-home/assets/valley-dawn-2x.webp');
  background-position:center,center 18%;
  background-size:cover,cover;
  background-repeat:no-repeat;
  background-attachment:fixed;
}
.approved-home .hero::before,.approved-home .closing::before {background-image:none}
@media(max-width:700px){
  .approved-home #main,html.footer-reveal .approved-home #main {background-attachment:scroll;background-size:100% 100%,auto 1100px;background-position:center,center top}
}

/* Bounded dialog icons, coherent templates and room for real conversations. */
.approved-home .ex-dialog svg {width:18px;height:18px;flex:none}
.approved-home .ex-dialog .ex-row {min-height:78px;padding:17px;gap:14px;border-color:transparent;border-radius:14px;background:#ffffffbd;margin:8px 0;text-align:left}
.approved-home .ex-dialog .ex-row>div {flex:1;min-width:0}
.approved-home .ex-dialog .ex-row strong {font-size:14px;line-height:1.5}
.approved-home .ex-dialog .ex-row small {display:block;margin-top:5px;font-size:12px;line-height:1.5}
.approved-home .ex-dialog .ex-row>.person-portrait {width:38px;height:38px}
.approved-home .ex-dialog {background:#f2f3f5;border-color:#ffffffb3;box-shadow:0 25px 90px #11111130}
.approved-home .ex-dialog-head {border-bottom-color:transparent}
.approved-home .ex-dialog-content {padding-top:15px}
.approved-home .ex-body>.ex-tabs {width:fit-content;max-width:100%;flex-wrap:wrap;padding:5px;gap:5px;margin-bottom:15px}
.approved-home .ex-body>.ex-tabs button {min-height:38px;padding:9px 15px}
.approved-home .ex-body>.ex-tabs:has(+.ex-grid) {background:transparent!important;padding-left:0}
.approved-home .ex-template-meta {display:flex;flex-wrap:wrap;gap:7px;margin:17px 0;color:#65706f;font-size:11px}
.approved-home .ex-template-meta span {padding:6px 9px;border-radius:7px;background:#edf0f2}
.approved-home .ex-template-details {background:#edf0f266;border-radius:12px;padding:12px;margin:12px 0;font-size:12px;line-height:1.8}
.approved-home .ex-template-details summary {cursor:pointer;color:#3d444c;font-weight:500}
.approved-home .ex-template-details small {font-size:11px;color:#687383}
.approved-home .ex-connection-group {margin-bottom:28px}
.approved-home .ex-connection-group>h3 {font:500 16px var(--display);margin:22px 0 15px}
.approved-home .ex-connection-group .ex-card-head svg {width:22px;height:22px;flex:none}
.approved-home .ex-mail-layout {min-height:570px;height:min(690px,calc(100dvh - 290px));grid-template-columns:220px minmax(0,1fr)}
.approved-home .ex-mail-thread {min-height:0;overflow:hidden;padding:22px;gap:20px}
.approved-home .ex-message-feed {flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;display:flex;flex-direction:column;gap:16px;padding:4px}
.approved-home .ex-message {max-width:88%;padding:16px}
.approved-home .ex-message strong {font-size:13px}
.approved-home .ex-message p {font-size:13px;line-height:1.8}
.approved-home .ex-message.outgoing {align-self:flex-end}
/* Messages (founder direction, 2026-10-08). The conversation takes the height left in the workspace, so that the
   field to write in is in view without scrolling (held at 1440x900); the messages rest just above it, the latest in view, each one short
   with its author's portrait, so a few colleagues can be read at once. */
@media(min-width:701px){
  .approved-home .ex-body:has(>.ex-mail-layout) {display:flex;flex-direction:column}
  .approved-home .ex-body:has(>.ex-mail-layout)>* {flex:none}
  .approved-home .ex-body>.ex-mail-layout {flex:1 1 auto;height:auto;min-height:280px}
  .approved-home .ex-mail-thread {padding:16px 18px;gap:12px}
  /* In the guided example the workspace is short: the field and its button share one line and the card is set
     tighter, so several messages are read at once. On these windows the complete workspace keeps the full
     composer and its note. */
  .approved-home #workspace-showcase:not(.is-expanded) .ex-body:has(>.ex-mail-layout)>.ex-page-head {margin-bottom:8px}
  .approved-home #workspace-showcase:not(.is-expanded) .ex-body>.ex-mail-layout {min-height:250px}
  .approved-home #workspace-showcase:not(.is-expanded) .ex-mail-thread {padding:10px 16px;gap:8px}
  .approved-home #workspace-showcase:not(.is-expanded) .ex-message-list {gap:6px}
  .approved-home #workspace-showcase:not(.is-expanded) .ex-message-feed {padding-block:0}
  .approved-home #workspace-showcase:not(.is-expanded) .ex-message-feed .ex-message {padding:7px 12px}
  .approved-home #workspace-showcase:not(.is-expanded) .ex-mail-thread>.ex-card-head {margin-bottom:0}
  .approved-home #workspace-showcase:not(.is-expanded) .ex-mail-compose {display:flex;align-items:center;gap:10px}
  .approved-home #workspace-showcase:not(.is-expanded) .ex-mail-compose>textarea {flex:1 1 auto;min-width:0;height:40px;min-height:40px;resize:none}
  .approved-home #workspace-showcase:not(.is-expanded) .ex-mail-compose>div {flex:none;margin-top:0}
  .approved-home #workspace-showcase:not(.is-expanded) .ex-mail-compose>div>small {display:none}
}
.approved-home .ex-message-feed {flex-direction:column-reverse;gap:0}
.approved-home .ex-message-list {flex:none;display:flex;flex-direction:column;gap:8px}
.approved-home .ex-message-feed .ex-message {display:grid;grid-template-columns:26px minmax(0,1fr) auto;gap:1px 9px;align-items:baseline;max-width:84%;padding:9px 12px}
.approved-home .ex-message-feed .ex-message.outgoing {margin-left:0}
.approved-home .ex-message-feed .ex-message>.person-portrait {grid-row:1 / span 2;width:26px;height:26px;align-self:start}
.approved-home .ex-message-feed .ex-message>p {grid-column:2 / -1;margin:0;line-height:1.5}
.approved-home .ex-message-feed .ex-message>.ex-button {grid-column:2 / -1;justify-self:start;margin-top:4px}
.approved-home .ex-mail-compose {flex:none}
.approved-home .ex-mail-list {overflow:auto}
.approved-home .ex-timeline {list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding:24px 0;margin:0}
.approved-home .ex-timeline li {position:relative;padding-top:24px}
.approved-home .ex-timeline li::before {content:'';position:absolute;top:0;left:0;width:11px;height:11px;border-radius:50%;background:#d7dadf;box-shadow:0 0 0 4px #f1f3f5}
.approved-home .ex-timeline li:not(:last-child)::after {content:'';position:absolute;top:5px;left:21px;right:0;height:1px;background:#dfe3e8}
.approved-home .ex-timeline li.done::before {background:#73917e}
.approved-home .ex-timeline li.current::before {background:var(--ember)}
.approved-home .ex-timeline strong {display:block;font-size:12px;font-weight:500}
.approved-home .ex-timeline span {display:block;font-size:11px;color:#687383;line-height:1.7;margin-top:7px}
/* Actual neutral dark surfaces. Never transform photographs or brand marks. */
.approved-home #workspace-showcase .ex-workspace.ms-dark {--ms-bg:#171717;--ms-card:#242424;--ms-ink:#f1f1f1;--ms-muted:#b3b3b3;--ms-line:#3a3a3a;--wf-canvas:#171717;--wf-surface:#242424;--wf-ink:#f1f1f1;--wf-secondary:#bdbdbd;--wf-muted:#aaa;--wf-border:#3a3a3a;background:#171717;color:#eee;border-color:#343434}
.approved-home #workspace-showcase .ex-workspace.ms-dark :is(.ex-body,img,.person-portrait) {filter:none!important}
.approved-home #workspace-showcase .ex-workspace.ms-dark :is(.ex-body,.ms-sidebar,.ms-topbar) {background:#171717;color:#eee;border-color:#343434}
.approved-home #workspace-showcase .ex-workspace.ms-dark :is(.ex-card,.ex-list,.ex-mail-thread,.ex-lane,.ex-tabs,.ex-message,.ex-insight,.ex-template-details,.ex-operation-update) {background:#242424;color:#eee;border-color:#383838;box-shadow:none}
.approved-home #workspace-showcase .ex-workspace.ms-dark :is(h2,h3,h4,strong,.ex-operation-open,.ex-setting-row strong) {color:#f1f1f1}
.approved-home #workspace-showcase .ex-workspace.ms-dark :is(p,small,.ex-muted,.ex-kv,.ex-field>span,.ex-template-details summary,.ex-template-meta,.ex-operation-stats span,.ex-operation-foot,.ex-timeline span) {color:#bdbdbd}
.approved-home #workspace-showcase .ex-workspace.ms-dark :is(input,textarea,select,.ms-search,.ex-button,.ex-tabs button,.ex-template-meta span) {background:#303030;color:#e8e8e8;border-color:#494949}
.approved-home #workspace-showcase .ex-workspace.ms-dark :is(.ms-nav-item.active,.ex-row.selected,.ex-tabs button[aria-pressed=true]) {background:#373737;color:#fff}
.approved-home #workspace-showcase .ex-workspace.ms-dark .ex-row:hover {background:#303030}
.approved-home #workspace-showcase .ex-workspace.ms-dark .ex-toggle[aria-checked=true] {background:#ae6d5d}
/* Messages on a phone: the conversations, then the open one, which takes the height left; the two together keep
   330px at least, so the field is in view on a phone tall enough; the field and its button share one line, as in
   the guided example. */
@media(max-width:700px){.approved-home .ex-body:has(>.ex-mail-layout){display:flex;flex-direction:column}.approved-home .ex-body:has(>.ex-mail-layout)>*{flex:none}.approved-home .ex-body>.ex-mail-layout{flex:1 1 auto;grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);height:auto;min-height:330px}.approved-home .ex-mail-thread{height:auto;min-height:0;padding:14px;gap:10px}.approved-home .ex-mail-compose{display:flex;align-items:center;gap:8px}.approved-home .ex-mail-compose>textarea{flex:1 1 auto;min-width:0;height:44px;min-height:44px;resize:none}.approved-home .ex-mail-compose>div{flex:none;margin-top:0}.approved-home .ex-mail-compose>div>small{display:none}.approved-home .ex-mail-list{max-height:120px}.approved-home .ex-timeline{grid-template-columns:1fr;gap:16px}.approved-home .ex-timeline li{padding:0 0 0 26px}.approved-home .ex-timeline li:not(:last-child)::after{top:20px;left:5px;bottom:-7px;width:1px;height:auto}.approved-home .ex-body>.ex-tabs button{padding-inline:10px}.approved-home .ex-message{max-width:95%}}
.approved-home #workspace-showcase .ex-workspace.ms-dark :is(.ex-setting-row,.ex-kv,.ex-row) {border-color:#383838}
.approved-home #workspace-showcase .ex-workspace.ms-dark .ex-tabs {border-radius:12px}

.approved-home .ex-thread-group {display:flex;align-items:center;justify-content:space-between;padding:14px 10px 8px;gap:8px;font-size:11px;color:#687383}
.approved-home .ex-thread-group .ex-button {min-width:28px;padding:4px 8px}
.approved-home .ex-mail-thread>.ex-card-head {flex-wrap:wrap;gap:10px}
.approved-home .ex-mail-thread>.ex-card-head>div {flex:1;min-width:120px}
.approved-home .ex-mail-thread>.ex-card-head small {display:block;margin-top:5px}

/* Native contact columns and compact dashboard reading surfaces. */
.approved-home .ex-contacts-scroll{overflow-x:auto;padding:4px 1px 12px}
.approved-home .ex-contact-head,.approved-home .ex-contact-row{display:grid;grid-template-columns:2fr .7fr 1.8fr 1.3fr .85fr .6fr;gap:14px;align-items:center;min-width:820px;padding:14px 16px;text-align:left}
.approved-home .ex-contact-head{font:500 10px/1.4 var(--sans);text-transform:uppercase;letter-spacing:.07em;color:var(--muted)}
.approved-home .ex-contact-row{width:100%;border:1px solid #e5e7eb;border-radius:12px;background:#ffffffdb;margin:7px 0;color:var(--ink);font:400 12px/1.5 var(--sans);cursor:pointer}
.approved-home .ex-contact-row>span{min-width:0;overflow-wrap:anywhere}.approved-home .ex-contact-row>span:last-child{display:flex;justify-content:space-between}.approved-home .ex-contact-name{display:flex;align-items:center;gap:9px}.approved-home .ex-contact-name small{display:block;color:var(--muted);font-size:10px;margin-top:3px}.approved-home .ex-contact-name .person-portrait{flex:none;width:28px;height:28px}.approved-home .ex-contact-row:hover{background:#fff;border-color:#cdd3da}.approved-home .ex-contact-row:focus-visible{outline:2px solid var(--ember);outline-offset:2px}
.approved-home #workspace .ws-content{background:transparent;padding:24px;max-width:1100px;margin-inline:auto;width:100%}
.approved-home #workspace .ws-card{background:#ffffffd9;border:1px solid #e5e7eb;box-shadow:none;border-radius:14px}
.approved-home #workspace .ws-sec-title{font:600 14px/1.4 var(--display)}
.approved-home #workspace .ws-table th,.approved-home #workspace .ws-table td{font-family:var(--sans);text-transform:none;letter-spacing:0}
.approved-home #workspace .ws-table th{font-size:10px;color:var(--muted)}
@media(max-width:700px){.approved-home #workspace .ws-content{padding:16px}}

.approved-home .ws-operation-summary{display:flex;justify-content:space-between;gap:16px;padding:14px 20px;background:#f6f8fa80;border-block:1px solid #e9e9ec;font:400 11px/1.5 var(--sans);color:var(--muted)}.approved-home .ws-operation-summary strong{font-weight:500;color:var(--ink)}

/* Keep the native preview navigable, with expansion as an explicit choice. */
body:has(.approved-home) {background:#101012}
body:has(.approved-home)::before {content:'';position:absolute;inset:0 0 auto;height:120px;background-color:var(--paper);background-image:linear-gradient(#f5f6f7cc,#f5f6f7e0),url('/approved-home/assets/valley-dawn-2x.webp');background-position:center,center top;background-size:cover;background-attachment:fixed}
.approved-home #main,html.footer-reveal .approved-home #main {background-position:center,center top}
.approved-home #workspace-showcase>.workspace-view-bar {display:none!important}
.approved-home #workspace-showcase .ms-workspace:not(.ms-dark) .ms-decision {background:#faf0eb}
.approved-home #workspace-showcase .ms-workspace:not(.ms-dark) .ms-decision-top {background:transparent}
.approved-home .hero-industries {flex-wrap:wrap;max-width:860px;gap:16px 24px;margin-inline:auto}
/* Channel context and the production-shaped instruction dock. */
.approved-home .oc-client-details {display:grid;grid-template-columns:auto 1fr;gap:7px 13px;margin:0 0 25px;font-size:11px;line-height:1.5}
.approved-home .oc-client-details dt {color:var(--oc-muted)}
.approved-home .oc-client-details dd {margin:0;color:var(--oc-ink);overflow-wrap:anywhere}
.approved-home .oc-context h3 {margin-bottom:17px}
.approved-home .oc-context-foot small {line-height:1.7;max-width:215px}
.approved-home .oc-conversation {height:654px;grid-template-rows:58px minmax(0,1fr) 160px}
.approved-home .oc-composer {display:block;padding:10px 12px;position:relative}
.approved-home .oc-input {display:block;width:100%;min-width:0;height:36px;border:0;background:transparent;outline-offset:3px}
.approved-home .oc-controls {display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:6px}
.approved-home .oc-controls button,.approved-home .oc-controls select {font:11px var(--sans);color:#34373b;border:1px solid #dce0e5;background:#fff;border-radius:999px;min-height:32px;padding:5px 9px}
.approved-home .oc-controls .oc-auto {display:flex;align-items:center;gap:7px}
.approved-home .oc-auto i {width:23px;height:14px;border-radius:8px;background:#c3c7cc;display:inline-block;padding:2px}
.approved-home .oc-auto i::after {content:'';display:block;border-radius:50%;width:10px;height:10px;background:white}
.approved-home .oc-auto[aria-pressed=true] i {background:#303035}
.approved-home .oc-auto[aria-pressed=true] i::after {transform:translateX(9px)}
.approved-home .oc-controls .oc-send {margin-left:auto;width:auto;height:34px;display:flex;align-items:center;gap:8px;color:white;background:var(--ember);border:0;padding-inline:15px}
.approved-home .oc-controls .oc-send:disabled {opacity:.45}
.approved-home .oc-context-picker {position:absolute;left:0;bottom:calc(100% + 9px);padding:17px;background:#fff;border:1px solid #e0e2e5;box-shadow:0 12px 40px #20253018;border-radius:16px;width:min(310px,100%);z-index:3}
.approved-home .oc-context-picker label {display:flex;gap:9px;padding:8px 0;font-size:12px}
.approved-home .oc-context-picker[hidden] {display:none}
.approved-home .oc-voice {padding:18px;border-radius:17px;background:#f0f2f5;margin-top:15px}
.approved-home .oc-call-tags {display:flex;align-items:center;gap:7px;flex-wrap:wrap;font-size:10px;color:#626b75}
.approved-home .oc-call-tags span {display:flex;align-items:center;gap:5px;border-radius:6px;background:#ffffffb8;padding:5px 7px}
.approved-home .oc-call-tags .icon {width:13px;height:13px}
.approved-home .oc-wave {display:flex;align-items:center;gap:3px;height:52px;margin:10px 0;color:#9b7467}
.approved-home .oc-wave i {flex:1;max-width:5px;height:var(--bar);background:currentColor;border-radius:4px}
.approved-home .oc-wave svg {width:18px;height:18px;margin-right:10px;flex:none}
.approved-home .oc-wave small {font:10px var(--mono);color:#65717c;margin-left:10px;white-space:nowrap}
.approved-home .oc-voice>p {font-size:12px;line-height:1.8;color:#616a75;margin:0}
.approved-home .oc-voice>p strong {color:#30353b;font-weight:500}
.approved-home .oc-voice details {font-size:11px;margin-top:9px;line-height:1.7;color:#65717c}
.approved-home .oc-voice summary {cursor:pointer}
@media(max-width:700px){body:has(.approved-home)::before{background-attachment:scroll;background-size:100% 100%,auto 1100px}.approved-home .oc-client-details{grid-column:1/-1;margin:3px 0 6px;grid-template-columns:auto 1fr;font-size:11px}.approved-home .oc-conversation{height:742px;grid-template-rows:64px minmax(0,1fr) 178px}.approved-home .oc-controls{gap:5px}.approved-home .oc-controls button,.approved-home .oc-controls select{font-size:10px;min-height:36px}.approved-home .oc-controls .oc-send{padding-inline:12px}.approved-home .oc-input{font-size:16px}.approved-home .hero-industries{padding-inline:22px;gap:14px 20px}.approved-home .oc-context-picker{max-height:200px;overflow:auto}}
.approved-home #visitor-gateway {position:fixed;left:50%;bottom:22px;transform:translateX(-50%);z-index:30;width:min(620px,calc(100% - 32px));font:13px/1.6 var(--sans);color:#fff}
.approved-home #visitor-gateway[hidden],.approved-home #visitor-gateway [hidden] {display:none!important}
.approved-home .vg-bar {display:flex;gap:8px;padding:5px 5px 5px 20px;background:#fff;border:1px solid #20202615;border-radius:99px;box-shadow:0 16px 44px #0003}
.approved-home .vg-bar input {flex:1;min-width:0;border:0;outline-offset:2px;border-radius:99px;background:transparent;color:#272729;font:14px var(--sans)}
.approved-home .vg-bar button {width:44px;height:44px;border:0;border-radius:50%;background:#252527;color:#fff;display:grid;place-items:center;cursor:pointer}
.approved-home .vg-bar svg {width:19px;height:19px}
.approved-home .vg-panel {display:flex;flex-direction:column;position:absolute;bottom:calc(100% + 12px);left:0;right:0;height:min(62vh,560px);background:#141417eb;backdrop-filter:blur(36px);border:1px solid #ffffff29;border-radius:24px;box-shadow:0 30px 80px #0005;overflow:hidden}
.approved-home .vg-panel header {display:flex;justify-content:space-between;align-items:center;padding:15px 20px}
.approved-home .vg-panel header span {display:flex;gap:9px;align-items:center}
.approved-home .vg-panel header button {background:#ffffff12;color:#fff;border:0;border-radius:50%;width:34px;height:34px;font-size:22px;cursor:pointer}
.approved-home .vg-history {flex:1;overflow:auto;padding:8px 20px;display:flex;flex-direction:column;gap:15px;overscroll-behavior:contain}
.approved-home .vg-message {max-width:92%;padding:12px 14px;background:#ffffff09;border-radius:16px;color:#eee}
.approved-home .vg-message small,.approved-home .vg-card small {display:block;font-size:10px;color:#b8b8bd;margin-top:8px}
.approved-home .vg-you {align-self:flex-end;background:#ffffff20}
.approved-home .vg-actions {display:flex;gap:7px;flex-wrap:wrap;padding:15px 20px 6px}
.approved-home .vg-actions button,.approved-home .vg-actions a,.approved-home .vg-card button {background:#ffffff0f;border:1px solid #ffffff24;border-radius:99px;padding:7px 11px;color:#eee;font:11px/1.5 var(--sans);cursor:pointer}
.approved-home .vg-credit {text-align:center;color:#a6a6b0;font-size:10px;padding:8px 15px 14px}
.approved-home .vg-card {border:1px solid #ffffff24;border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:10px;background:#0002}
.approved-home .vg-card p {font-size:12px;margin:0;color:#c8c8cc}
.approved-home .vg-card label {font-size:11px}
.approved-home .vg-card input,.approved-home .vg-card textarea {display:block;width:100%;padding:8px;margin-top:4px;border:1px solid #ffffff35;border-radius:8px;color:#fff;background:#ffffff0d;font:13px var(--sans)}
.approved-home .vg-slots {display:flex;gap:7px;flex-wrap:wrap}
.approved-home .vg-slots [aria-pressed=true] {background:#fff;color:#222}
.approved-home #visitor-gateway :focus-visible {outline:2px solid var(--ember);outline-offset:3px}
@media(max-width:700px){.approved-home .analytics-tabs{max-width:100%;overflow-x:auto;scrollbar-width:none}.approved-home .analytics-tabs::-webkit-scrollbar{display:none}.approved-home .analytics-tabs button{padding-inline:9px}.approved-home .analytics-refresh{display:none!important}.approved-home #visitor-gateway{bottom:12px}.approved-home .vg-bar input{font-size:16px}.approved-home .vg-panel{height:min(66dvh,560px)}}

.approved-home .oc-controls>label {display:flex;align-items:center;gap:4px;border:1px solid #dce0e5;border-radius:99px;background:#fff;padding-left:9px}
.approved-home .oc-controls>label select {border:0;padding-left:0;background:transparent}
@media (min-width:701px) and (max-width:850px) {
  .approved-home #owner-channels .oc-controls {display:grid;grid-template-columns:36px max-content minmax(0,1fr) max-content;gap:6px;align-items:center}
  .approved-home #owner-channels .oc-controls>label {min-width:0;overflow:hidden;gap:2px;padding-left:6px}
  .approved-home #owner-channels .oc-controls .oc-model-mark {width:12px;height:12px}
  .approved-home #owner-channels .oc-controls>label select {min-width:0;max-width:100%;font-size:10px}
  .approved-home #owner-channels .oc-controls .oc-auto {white-space:nowrap;gap:5px;padding-inline:5px;font-size:10px}
  .approved-home #owner-channels .oc-controls .oc-send {margin-left:0;padding-inline:9px}
}
.approved-home .oc-thread:has(.oc-voice)>.oc-record {display:none}
/* One category and the production audience strip; Personal keeps its original spacing. */
body:has(.approved-home):not(.personal-path) .hero-eyebrow .eyebrow-arrow {display:none}
.approved-home .hero-industry-label {display:flex;align-items:center;justify-content:center;gap:17px;width:min(1040px,calc(100% - 48px));font:9px/1.7 var(--label);letter-spacing:.14em;color:#515a62;margin:36px 0 17px;text-align:center}
.approved-home .hero-industry-label::before,.approved-home .hero-industry-label::after {content:'';height:1px;flex:1;background:#515a6229}
.approved-home .hero-industry-label[hidden] {display:none}
body:has(.approved-home):not(.personal-path) .hero-industries {max-width:1080px;margin-top:0;gap:14px 0;font-size:12px;color:#434d57}
/* The profession icons take the brand red of the headline's emphasis word (founder, 2026-10-15); the labels keep their ink. */
.approved-home #main .hero .hero-industries .icon {color:var(--ember)}
body:has(.approved-home):not(.personal-path) .hero-industries>span {padding:0 20px}
body:has(.approved-home):not(.personal-path) .hero-industries>span+span {border-left:1px solid #515a6229}
.approved-home .principle-card:first-child h3 {white-space:pre-line}
@media(max-width:700px){.approved-home .hero-industry-label{font-size:8px;gap:10px;margin-top:28px;width:calc(100% - 34px)}body:has(.approved-home):not(.personal-path) .hero-industries{display:grid;grid-template-columns:repeat(2,max-content);gap:13px 20px;padding:0;font-size:11px}body:has(.approved-home):not(.personal-path) .hero-industries>span{padding:0;border:0!important}}
/* One painted surface spans the header and content, avoiding a seam between image copies. */
body:has(.approved-home)::before {content:none}
.approved-home #main,html.footer-reveal .approved-home #main {background:none;margin-bottom:0;border-radius:0;box-shadow:none}
/* The photograph is drawn to cover the window plus 77px of height, and rests raised just enough for its horizon ridge
   (31.27% down, the figure scripts/grade-valley-dusk.mjs reports) to sit 24px under the foot of the first screen:
   220.864vw is its height at the window's width, 320vh the height that puts the ridge at the foot, and the 77px are the
   24px in ridge terms. The 24px are the margin the hero's last line
   keeps even on a window shorter than the hero, where the photograph holds while that line scrolls down to the foot;
   the first chapter starts 24px lower to keep its own room (reference-polish.css). A window taller than about 69%
   of its width (where 320vh exceeds 220.864vw) is where the second height wins, and the photograph then rests at
   its own top. The page states
   the resting figure here so the first paint is already in place; landscape-motion.js reads it back and takes over on
   scroll. The rest is 69.064vw - 100vh (the ridge's 31.27% of 220.864vw, less the window), within 2px of 0 wherever
   the second height wins on a window up to about 4,500px wide (about 2.3px at 5120). It is not capped: on the widest
   windows it is still barely over a quarter of the photograph's travel (28% at 3840x400, by this arithmetic), and a
   quarter-of-travel cap was measured to rest the ridge 13px below the first chapter's title at 3840x500, a size
   visual/landing-landscape.spec.ts holds. The land below the ridge is dark in the photograph itself (founder, 2026-10-14), so no veil
   is laid over it: the hero reads on the sky and every chapter on the dusk land. */
.approved-home #page-surface {--landscape-rest:max(0px,calc(69.064vw - 100vh));position:relative;z-index:1;display:flow-root;background-color:#f6f7f8;background-image:linear-gradient(#b9b7b51a,#b9b7b51a),linear-gradient(180deg,#f6f7f842 0%,#eee5da21 26%,#eee5da24 58%,color-mix(in srgb,var(--ember) 9%,transparent) 80%,color-mix(in srgb,var(--ember) 13%,transparent) 100%),url('/approved-home/assets/valley-dusk-2x.webp');background-blend-mode:multiply,multiply,multiply;background-repeat:no-repeat;background-attachment:scroll,scroll,fixed;background-size:100% 100%,100% 100%,auto max(calc(220.864vw + 77px),calc(320vh + 77px));background-position:center,center,center calc(-1 * var(--landscape-offset,var(--landscape-rest)));border-radius:0 0 34px 34px}
html.footer-reveal .approved-home #page-surface {margin-bottom:var(--footer-reveal-height);box-shadow:0 20px 45px #0000001a}
.approved-home #page-surface:has(#workspace-showcase.is-expanded) {z-index:20}
/* The surrounding cards use the same material as Context & connections. */
.approved-home .connections-product.kc-shell,
.approved-home #trust .principle-card,
.approved-home #pricing .plan-card,
.approved-home .closing-refined .closing-panel {
  background:var(--marketing-glass);
  border:1px solid var(--marketing-glass-edge);
  border-radius:28px;
  box-shadow:var(--marketing-glass-shadow);
  -webkit-backdrop-filter:blur(18px) saturate(1.1);
  backdrop-filter:blur(18px) saturate(1.1);
}
@media(max-width:700px) {
  .approved-home .connections-product.kc-shell,
  .approved-home #trust .principle-card,
  .approved-home #pricing .plan-card,
  .approved-home .closing-refined .closing-panel {border-radius:23px}
}

/* One display style for comparable landing-page sections in both audiences. */
html:has(.approved-home) {--section-heading-size:clamp(32px,3.2vw,44px)}
.approved-home #main .section-title {
  font-family:var(--display);
  font-size:var(--section-heading-size);
  font-weight:600;
  line-height:1.12;
  letter-spacing:-.035em;
  text-wrap:balance;
}

/* Keep prices and actions aligned when plan descriptions wrap differently. */
.approved-home .pricing-v2-cards .plan-card > p {flex:1}

.approved-home .site-header .brand{gap:8px}.approved-home .site-header .cta-short{display:none}@media(max-width:420px){.approved-home .site-header .cta-full{display:none}.approved-home .site-header .cta-short{display:inline}.approved-home .site-header .button-small{white-space:nowrap}}

/* A quiet, reusable record of completed work. */
.approved-home .action-receipt {--receipt-ink:#33433a;--receipt-accent:#4e7560;border:1px solid #dbe5df;border-radius:15px;padding:17px 18px;background:linear-gradient(135deg,#fafcfb,#f1f6f3);color:var(--receipt-ink);box-shadow:inset 0 1px #fff}
.approved-home .ar-top {display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:15px;font:9px/1.5 var(--mono);color:#707d75}
.approved-home .ar-status {display:inline-flex;align-items:center;gap:6px;color:var(--receipt-accent)}
.approved-home .ar-status svg {width:14px;height:14px}
.approved-home .ar-heading {display:flex;gap:9px;align-items:center;font:600 13px/1.5 var(--sans)}
.approved-home .ar-heading img {width:19px;height:19px}
.approved-home .action-receipt p {font:12px/1.7 var(--sans);color:#606c64;margin:10px 0 12px}
.approved-home .ar-facts {display:flex;flex-wrap:wrap;gap:8px 16px;font:10px/1.6 var(--sans);color:#66746b}
.approved-home .ar-facts>span {display:flex;align-items:center;gap:5px}
.approved-home .ar-facts svg {width:12px;height:12px}
.approved-home .action-receipt .ar-followthrough {margin:12px 0 0;padding-top:10px;border-top:1px solid #dfe7e2;font:11px/1.65 var(--sans);color:var(--receipt-ink)}
.approved-home .ms-dark .action-receipt .ar-followthrough {border-color:#435a4b;color:#b2c4b9}
.approved-home .ar-details {border-top:1px solid #dfe7e2;margin-top:14px;padding-top:10px}
.approved-home .ar-details summary {display:flex;align-items:center;justify-content:space-between;list-style:none;cursor:pointer;font:11px/1.6 var(--sans)}
.approved-home .ar-details summary::-webkit-details-marker {display:none}
.approved-home .ar-details summary svg {width:13px;height:13px}
.approved-home .ar-details dl {display:grid;grid-template-columns:70px minmax(0,1fr);gap:9px 12px;font:11px/1.7 var(--sans);margin:15px 0}
.approved-home .ar-details dt {color:#748179}.approved-home .ar-details dd {margin:0;overflow-wrap:anywhere}
.approved-home .ms-dark .action-receipt {--receipt-ink:#dce8df;--receipt-accent:#a0c2ac;background:#303b35;border-color:#4b5e52;box-shadow:none}
.approved-home .ms-dark .action-receipt :is(p,.ar-facts,.ar-top) {color:#b2c4b9}
.approved-home .value-section .product-stories[hidden],.approved-home .personal-product-stories[hidden] {display:none!important}
.approved-home .personal-product-stories {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.approved-home .personal-story {min-width:0;padding:13px;border-radius:28px;background:var(--prototype-glass);border:1px solid var(--prototype-edge);box-shadow:inset 0 1px #ffffffd9;backdrop-filter:blur(18px) saturate(1.1)}
.approved-home .ps-scene {display:flex;flex-direction:column;min-height:365px;padding:17px 15px;border-radius:21px;background:var(--prototype-raised);box-shadow:inset 0 1px #fff;color:#32363d;font:12px/1.65 var(--sans)}
.approved-home .ps-toolbar {display:flex;justify-content:space-between;gap:8px;align-items:center;margin-bottom:22px;font-size:11px}
.approved-home .ps-toolbar>span,.approved-home .ps-answer>span {display:flex;align-items:center;gap:8px;font-weight:500}
.approved-home .ps-toolbar small {font:7px var(--label);letter-spacing:.05em;color:#85909b}
.approved-home .ps-person {display:flex;align-items:center;gap:8px;font-size:11px}.approved-home .ps-person .person-portrait {width:27px;height:27px}
.approved-home .ps-person strong,.approved-home .ps-person small {display:block}.approved-home .ps-person small {font-size:9px;color:#85909b}
.approved-home .ps-message {margin:12px 0;padding:11px 12px;background:var(--prototype-inset);border-radius:13px;color:#56616d}
.approved-home .ps-answer {padding:0 2px}.approved-home .ps-answer>span {font-size:11px}.approved-home .ps-answer p {margin:8px 0 14px;color:#606b78;font-size:12px;line-height:1.7}
.approved-home .ps-result {border-top:1px solid #e5e9ed;margin-top:auto;padding-top:10px;color:#57705f}
.approved-home .ps-result summary {display:flex;align-items:center;gap:7px;cursor:pointer;font-size:10px;list-style:none}.approved-home .ps-result summary svg:last-child {margin-left:auto}
.approved-home .ps-result p {font-size:11px;margin:10px 0}.approved-home .ps-result summary::-webkit-details-marker {display:none}
.approved-home .ps-foot {display:flex;align-items:center;gap:6px;color:#7f8995;font-size:9px;margin-top:13px}
.approved-home .ps-copy {padding:26px 10px 14px}.approved-home .ps-copy h3 {font:600 24px/1.2 var(--display);letter-spacing:-.035em;margin:14px 0 12px}.approved-home .ps-copy p {font:15px/1.7 var(--sans);color:#606b78;margin:0}
.approved-home .ps-project-title {font:600 20px/1.3 var(--display);letter-spacing:-.02em;margin:0 0 17px}
.approved-home .ps-tabs {display:flex;padding:3px;gap:3px;background:var(--prototype-inset);border-radius:10px;margin-bottom:12px}
.approved-home .ps-tabs button {flex:1;min-height:34px;border:0;border-radius:8px;background:transparent;color:#6d7684;font:11px var(--sans);cursor:pointer}.approved-home .ps-tabs button[aria-selected=true] {background:#fff;color:#343b44;box-shadow:0 1px 4px #00000008}
.approved-home .ps-project-panel {min-height:170px}
.approved-home .ps-project-row {display:flex;align-items:center;gap:9px;padding:12px 0;border-bottom:1px solid #e9edf1}.approved-home .ps-project-row:last-child {border:0}
.approved-home .ps-project-row>.icon {flex:none;width:18px;height:18px;color:#81908b}.approved-home .ps-project-row strong {font-size:11px;font-weight:500;display:block}.approved-home .ps-project-row small {display:block;font-size:9px;color:#838e9c}.approved-home .ps-project-row .person-portrait {width:23px;height:23px}.approved-home .ps-project-row [hidden] {display:none}
.approved-home .ps-connected {display:flex;align-items:center;gap:9px;margin-top:auto;padding-top:14px}.approved-home .ps-connected img,.approved-home .ps-connected .icon {width:14px;height:14px}.approved-home .ps-connected>span {font-size:9px;color:#7f8995}
.approved-home .ps-model-label {font-size:10px;color:#77828f;margin-bottom:7px}.approved-home .ps-model {display:flex;align-items:center;gap:9px;padding:9px 11px;border:1px solid #dde3ea;border-radius:10px;background:#fff}
.approved-home .ps-model select {flex:1;min-width:0;border:0;background:transparent;color:#343b44;font:12px var(--sans)}
.approved-home .ps-provider-note {font-size:9px;color:#8a929d;margin:7px 0 16px}
.approved-home .ps-autonomy {display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:11px}.approved-home .ps-autonomy button {cursor:pointer}
.approved-home .ps-rule {min-height:36px;font-size:10px;line-height:1.7;color:#7c8794;margin:8px 0 15px}
.approved-home .ar-compact {margin-top:auto;padding:12px;border-radius:12px}.approved-home .ar-compact .ar-top {margin-bottom:9px;font-size:8px}.approved-home .ar-compact>strong {font-size:11px;font-weight:500}.approved-home .ar-compact p {font-size:10px;margin:6px 0 0}
.approved-home .personal-product-stories .icon {width:15px;height:15px;flex:none}
.approved-home .personal-product-stories :is(button,select,summary):focus-visible,.approved-home .action-receipt summary:focus-visible {outline:2px solid var(--ember);outline-offset:3px}
/* Share scene and caption rows so type wrapping does not stagger the story. */
@media(min-width:701px){
  .approved-home .personal-product-stories {grid-template-rows:auto auto;row-gap:0}
  .approved-home .personal-story {display:grid;grid-row:span 2;grid-template-columns:minmax(0,1fr);grid-template-rows:subgrid;row-gap:0}
  .approved-home .ps-scene {grid-row:1}
  .approved-home .ps-copy {grid-row:2;align-self:start}
}
@media(max-width:1000px) and (min-width:701px){.approved-home .personal-product-stories {gap:10px}.approved-home .personal-story {padding:8px}.approved-home .ps-scene {padding:15px 10px;min-height:405px}.approved-home .ps-toolbar {font-size:10px}.approved-home .ps-toolbar small {display:none}.approved-home .ps-copy {padding-inline:6px}.approved-home .ps-copy h3 {font-size:22px}.approved-home .ps-copy p {font-size:14px}}
@media(max-width:700px){.approved-home .personal-product-stories {grid-template-columns:1fr;gap:20px}.approved-home .personal-story {max-width:540px;width:100%;margin-inline:auto}.approved-home .ps-scene {min-height:355px;padding:20px}.approved-home .ps-copy {padding:25px 13px 18px}.approved-home .ps-model select {font-size:16px}.approved-home .ps-tabs button {min-height:40px}.approved-home .ps-autonomy button {position:relative}.approved-home .ps-autonomy button::before {content:'';position:absolute;inset:-13px -6px}.approved-home .action-receipt {padding:14px}.approved-home .ar-heading {font-size:12px}.approved-home .ar-details dl {grid-template-columns:1fr;gap:4px}.approved-home .ar-details dd {margin-bottom:7px}}

.approved-home .ms-conversation:has(.action-receipt) .ms-input-notice>i {background:#719981}

/* The completed email keeps its actual message alongside the action record. */
.approved-home .action-receipt .ar-message {margin:12px 0;padding:10px 13px;border-left:2px solid #b5cbbd;border-radius:0 8px 8px 0;background:#ffffff8c;color:var(--receipt-ink);font:12px/1.7 var(--sans)}
.approved-home .ms-dark .action-receipt .ar-message {background:#ffffff08;border-color:#6e907b}
.approved-home .draft-heading .review-pill.sent {color:#4e7560;border-color:#c9dccf;background:#f0f6f2}

/* Phones: one chapter, one screen (founder direction, 2026-10-08: "on sent que c'est une version desktop forcée
   en mobile"). Up to 700px wide, every chapter with an example is meant to be seen whole between the header and
   the question bar: its heading and its description keep their place, and one part of the example gives up
   height. That part alone is capped; nothing around it is. Except in channels, it is cut cleanly with a short fade under the cap, seen only where the content
   reaches it, and at rest it does not scroll, so a thumb moving the page is not caught by it. The channels
   conversation keeps the scroller it always had, the client-work conversation becomes one once the visitor has
   written to the agent, and the three stories become one sideways row. A few secondary parts of the examples
   leave on a phone and are named below.
   typography.css stays the last sheet. */
.approved-home .snap-dots{display:none}
.approved-home .copy-short{display:none}
.approved-home .analytics-period-foot{display:none}
@media(max-width:700px){
  .approved-home .copy-full{display:none}
  .approved-home .copy-short{display:inline}
  .approved-home #main #owner-demo-description{font-size:13px;line-height:1.5}
  /* The room: the header's foot is 70px down and the question bar begins 73px up; 9px of air. It is counted on the
     small viewport height, the one a phone browser leaves with its own bars showing, and never as less than
     600px, the room of a window 752px high: under that a part would no longer show what it is about, so a
     chapter can then be taller than the room. Each cap is the room less everything else in its chapter (heading,
     description, button, and the fixed parts of the example), measured in English and in French at 360, 390 and
     430px of width, and less 24px more, about a line of text: the same chapter is not the same height in every
     browser (the CI runner draws one of them 15px taller than the Mac it was measured on). */
  .approved-home #main{--phone-room:max(600px,calc(100vh - 152px))}
  @supports(height:100svh){.approved-home #main{--phone-room:max(600px,calc(100svh - 152px))}}
  .approved-home #main :is(#in-action,.value-section,#intelligence,#channels,#connections){padding-block:0;margin-block:0 80px}
  .approved-home #main :is(.owner-demo-heading,.section-intro.compact-intro){margin-bottom:12px}
  .approved-home #main .section-after-copy{margin-top:12px}

  /* 1. Client work. Only the agent's own interface stays: who it sends as, its latest action from the top, and
     the composer. The workspace around it (its bar, its title bar, its tool rail, the list of views) is one press
     away, under "Explore the full workspace"; leaving that workspace on a phone returns here
     (workspace-explorer.js). The line above the composer shows only when it answers a control. */
  .approved-home #workspace-showcase:not(.is-expanded) :is(.ms-topbar,.ms-titlebar,.ms-state,.ms-input-notice:not(.ms-input-feedback)){display:none}
  /* An earlier sheet shows the list of views with !important; on a phone it leaves with the rest. */
  .approved-home #workspace-showcase:not(.is-expanded)>.explore-tools{display:none!important}
  /* Two tones on a phone (founder, 2026-10-15): the frame's glass outside, white inside each outlined panel. */
  .approved-home #workspace-showcase:not(.is-expanded) .ms-workspace{display:block;height:auto;background:transparent;border-color:transparent;box-shadow:none}
  .approved-home #workspace-showcase:not(.is-expanded) .ms-body{display:flex;flex-direction:column;padding-bottom:6px}
  .approved-home #workspace-showcase:not(.is-expanded) .ms-conversation{flex:none;height:auto;max-height:none}
  .approved-home #workspace-showcase:not(.is-expanded) .ms-timeline-scroll{--cut:calc(var(--phone-room) - 457px);flex:none;flex-direction:column;box-sizing:border-box;max-height:var(--cut);overflow:hidden;-webkit-mask-image:linear-gradient(black calc(var(--cut) - 26px),transparent var(--cut));mask-image:linear-gradient(black calc(var(--cut) - 26px),transparent var(--cut))}
  .approved-home #workspace-showcase:not(.is-expanded) .ms-timeline-scroll{padding-top:12px}
  .approved-home :lang(fr) #workspace-showcase:not(.is-expanded) .ms-timeline-scroll{--cut:calc(var(--phone-room) - 375px)}
  /* The Personal stream is shorter in the compact phone type: its part gives up 25px more so the stream still runs past
     its cut on a short screen (visual/landing-phone.spec.ts, 2026-10-15). */
  html:has(.approved-home) .approved-home[data-approved-home="personal"] #workspace-showcase:not(.is-expanded) .ms-timeline-scroll{--cut:calc(var(--phone-room) - 470px)}
  .approved-home #workspace-showcase:not(.is-expanded) .ms-timeline-list>:is(.ms-day-divider,.ms-event:not(.ms-event-decision)){display:none}
  /* Once the visitor has written to the agent, the conversation rests on the reply and scrolls, so the action
     above it can be read again; at its ends the page moves on. */
  .approved-home #workspace-showcase:not(.is-expanded) .ms-timeline-scroll:has(.ms-instruction){overflow-y:auto;overscroll-behavior:auto;-webkit-mask-image:none;mask-image:none}
  /* The action's link to a side panel leaves with the panel. */
  .approved-home #workspace-showcase:not(.is-expanded) .ms-conversation [data-ms-panel]{display:none}
  /* The action card states its own hour, so on a phone it takes the whole width. */
  .approved-home #workspace-showcase:not(.is-expanded) .ms-event-decision{grid-template-columns:minmax(0,1fr)}
  .approved-home #workspace-showcase:not(.is-expanded) .ms-event-decision>:is(time,.ms-event-dot){display:none}
  .approved-home #workspace-showcase:not(.is-expanded) .ms-event-decision .ms-bubble{width:100%;max-width:100%}
  .approved-home #workspace-showcase:not(.is-expanded) .ms-composer-dock{margin-block:6px}
  /* In the complete workspace, French writes the hour on one line (« 9 h 26 »): its column is wider, so it clears the event's mark. */
  .approved-home :lang(fr) #workspace-showcase.is-expanded .ms-event{grid-template-columns:5px 40px minmax(0,1fr)}
  .approved-home #main #in-action{display:flex;flex-direction:column;margin-bottom:48px}
  .approved-home #main #in-action .owner-demo-heading{display:contents}
  .approved-home #main #in-action #owner-demo-title{order:0;width:calc(100% - 40px);margin:0 auto 16px}
  .approved-home #main #in-action #workspace-showcase{order:1}
  .approved-home #main #in-action .guided-explore{order:2;align-self:flex-start;align-items:flex-start;margin:16px 20px 0;gap:8px}
  .approved-home #main #in-action .guided-explore>.button{width:auto}

  /* 2. Missions and, on the Personal page, projects. The three stories sit side by side and are swiped, the next
     one showing its edge; each shows its example above its text, and the example gives up height. */
  .approved-home .value-section>:is(.product-stories,.personal-product-stories){display:flex;flex-direction:row;gap:12px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain}
  .approved-home .value-section>:is(.product-stories,.personal-product-stories)::-webkit-scrollbar{display:none}
  .approved-home .value-section :is(.product-stories>.product-story,.personal-product-stories>.personal-story){flex:0 0 84%;scroll-snap-align:start;display:flex;flex-direction:column;padding-block:32px}
  .approved-home .value-section :is(.product-story>.product-scene,.personal-story>.ps-scene){--cut:calc(var(--phone-room) - 403px);order:0;flex:none;box-sizing:border-box;min-height:0;max-height:var(--cut);overflow:hidden;-webkit-mask-image:linear-gradient(black calc(var(--cut) - 26px),transparent var(--cut));mask-image:linear-gradient(black calc(var(--cut) - 26px),transparent var(--cut))}
  .approved-home :lang(fr) .value-section :is(.product-story>.product-scene,.personal-story>.ps-scene){--cut:calc(var(--phone-room) - 467px)}
  .approved-home .value-section :is(.product-story>.story-copy,.personal-story>.ps-copy){order:1;flex:none}

  /* 3. Analytics, in its chapter only: the same report, when the complete workspace shows it, is whole there.
     The report's tabs and three figures, then the chart, which gives up height. The written insight leaves with
     every control whose result it would show: new report, saved reports, save, export and the question field.
     The bar that held the first two leaves with them, and the caption under the report; its notice stays. */
  .approved-home #intelligence #invice-analytics :is(.analytics-topbar,.analytics-insight,.analytics-metric small,.analytics-bottom>span:not(.analytics-notice)){display:none}
  .approved-home #intelligence #invice-analytics .analytics-content{--cut:calc(var(--phone-room) - 264px);box-sizing:border-box;max-height:var(--cut);overflow:hidden;-webkit-mask-image:linear-gradient(black calc(var(--cut) - 26px),transparent var(--cut));mask-image:linear-gradient(black calc(var(--cut) - 26px),transparent var(--cut))}
  .approved-home #intelligence #invice-analytics.is-dashboard-flow .analytics-content{max-height:none;overflow:visible;-webkit-mask-image:none;mask-image:none}
  .approved-home #intelligence #invice-analytics.is-dashboard-flow .analytics-bottom{display:none}
  .approved-home #intelligence #invice-analytics .analytics-metrics{height:auto}
  .approved-home #intelligence #invice-analytics .analytics-metric{padding:9px 10px;min-height:0}
  .approved-home #intelligence #invice-analytics .analytics-main{height:auto;grid-template-rows:auto}
  .approved-home #intelligence #invice-analytics .analytics-chart-card{height:auto}
  .approved-home #intelligence #invice-analytics .analytics-chart{height:auto;min-height:0}
  .approved-home #intelligence #invice-analytics .analytics-bottom{height:auto;min-height:0;padding-block:7px;font-size:11px;justify-content:flex-end}

  /* 4. Channels. The client's row and the composer's secondary controls leave (the conversation names the client);
     the conversation gives up height and keeps its own scroller, which lets the page move on at its ends. */
  .approved-home #owner-channels .oc-context{display:none}
  .approved-home #owner-channels .oc-tabs button{gap:3px;min-height:46px;padding:4px}
  .approved-home #owner-channels .oc-conversation{display:flex;flex-direction:column;gap:10px;height:auto}
  .approved-home :where(#owner-channels .oc-conversation)>*{flex:none}
  /* The conversation keeps its part's height whatever it holds: the life-cycle stream fills it event by event. */
  .approved-home #owner-channels .oc-thread{--cut:calc(var(--phone-room) - 461px);flex:none;box-sizing:border-box;height:var(--cut);max-height:var(--cut);overscroll-behavior:auto}
  .approved-home #owner-channels .oc-composer{display:flex;align-items:center;gap:8px;padding:8px}
  .approved-home #owner-channels .oc-composer .oc-input{flex:1 1 auto;min-width:0;min-height:44px}
  .approved-home #owner-channels .oc-controls{display:contents}
  .approved-home #owner-channels .oc-controls>:not(.oc-send){display:none}
  .approved-home #owner-channels .oc-send{min-height:44px}

  /* 5. Knowledge. The card's own heading leaves: the chapter's heading and text stand above it. The list of sources
     and the detail under it give up height together, the list first in view. Of the outcome, only its resting
     sentence leaves: an answer and a notice are shown, and make the card taller. */
  .approved-home #main #connections{gap:12px}
  .approved-home #connections .connections-copy{gap:10px}
  .approved-home #connections .kc-heading{display:none}
  .approved-home #connections .kc-panel{--cut:calc(var(--phone-room) - 345px);box-sizing:border-box;max-height:var(--cut);overflow:hidden;-webkit-mask-image:linear-gradient(black calc(var(--cut) - 26px),transparent var(--cut));mask-image:linear-gradient(black calc(var(--cut) - 26px),transparent var(--cut))}
  .approved-home #connections .kc-item{min-height:62px;padding-block:8px}
  .approved-home #connections .kc-outcome{padding-block:8px 4px}
  .approved-home #connections .kc-outcome.is-expanded{padding:16px}
  .approved-home #connections .kc-outcome>p.kc-resting{display:none}

  /* Trust, pricing, the questions and the closing panel have no example to give up height. They are set tighter. */
  .approved-home #main :is(#trust,#pricing,#faq){padding-block:0;margin-block:0 80px;row-gap:12px}
  .approved-home #main :is(#trust,#pricing,#faq) .section-title{margin-block:0 8px}
  /* Trust. Its three principles sit side by side and are swiped, like the stories; the list of what InVice
     never does closes the chapter under them. */
  /* The opening text and its link sit under the title; an earlier sheet puts them beside it from 601px. */
  .approved-home #trust .principles-intro{display:block;margin-bottom:0}
  .approved-home #trust .principles-intro .text-link{margin-top:8px}
  .approved-home #trust .principles-grid{display:flex;gap:12px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain}
  .approved-home #trust .principles-grid::-webkit-scrollbar{display:none}
  .approved-home #trust .principle-card{flex:0 0 84%;scroll-snap-align:start;padding:12px 14px}
  .approved-home #trust .principle-card h3{font-size:17px;margin-bottom:4px}
  /* A principle's heading is two short lines. An earlier sheet hides the break between them on a phone, which
     joined the two without a space. */
  .approved-home #trust .principle-card h3 br{display:inline}
  .approved-home #trust .principle-card p{font-size:14px;line-height:1.4;margin-bottom:6px}
  .approved-home #main .authority-boundaries{margin-block:-44px 80px;padding-block:0;gap:8px}
  .approved-home #main .authority-boundaries ul{gap:6px}
  .approved-home #main .authority-boundaries li{line-height:1.45}
  /* Pricing. A plan card holds its label, its name beside its price, the start of its description, and its button.
     The AI setup is said once, by the switch above the cards. */
  .approved-home #pricing .pricing-v2-intro{margin-bottom:0}
  .approved-home #pricing .ai-choice{margin-top:8px}
  .approved-home #pricing .pricing-v2-cards{gap:9px}
  .approved-home #pricing .plan-card{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:12px;row-gap:5px;align-items:center;padding:12px 16px}
  .approved-home #pricing .plan-card>.plan-top{grid-column:1 / -1}
  .approved-home #pricing .plan-card>h3{grid-column:1;grid-row:2;font-size:19px;margin:0}
  .approved-home #pricing .plan-card>.plan-price{grid-column:2;grid-row:2;flex-direction:column;align-items:flex-end;gap:0;margin:0}
  /* Reserve a three-digit price (SMB's $100) so a card keeps its height whichever cadence is chosen (2026-10-19). */
  .approved-home #pricing .plan-price strong{font-size:29px;line-height:1;min-width:2.5em;text-align:right}
  .approved-home #pricing .plan-card>p{grid-column:1 / -1;grid-row:3;font-size:14px;line-height:1.4}
  .approved-home #pricing .plan-card>.button{grid-column:1 / -1;grid-row:4;justify-self:start;min-height:44px;padding-block:12px}
  .approved-home #pricing .plan-card :is(.plan-top>span:last-child,.plan-more,.plan-ai-label),.approved-home #pricing .plan-card>p>br{display:none}
  /* The questions. */
  .approved-home #faq .faq-intro .text-link{margin-top:8px}
  .approved-home #faq .faq-item>summary{min-height:52px;padding-block:12px}
  .approved-home #main .closing .closing-panel{gap:8px;padding-block:14px}
  .approved-home #main .closing .closing-copy>*{margin-block:0}
  .approved-home #main .closing .closing-copy .section-title{margin-top:8px}
  /* The closing rail and its line sit tighter here (the five principles it replaced were their names alone on a phone). */
  .approved-home #main .closing .closing-rail{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;padding-top:10px}
  .approved-home #main .closing .closing-rail li{min-width:0;min-height:36px;justify-content:center;text-align:center;line-height:1.25;padding:6px 12px;font-size:12px}
  .approved-home #main .closing .closing-rail li .icon{flex:none}
  .approved-home #main .closing .closing-rail-note{margin-top:8px;font-size:13px;line-height:1.55}
  .approved-home #main .closing .closing-scope{flex-direction:row;flex-wrap:wrap;gap:3px 14px}
  .approved-home #main .closing .closing-scope>span{flex:0 0 100%}
  /* The button takes its own line; the note and the link to the team follow it, on one line where both fit. */
  .approved-home #main .closing .closing-start{flex-direction:row;flex-wrap:wrap;align-items:center;gap:6px 16px}
  .approved-home #main .closing .closing-start>.button{flex:0 0 auto;margin-right:0}

  /* 9. Phone pass (founder approval 2026-10-15). The compact Mission reads at the stream's size, every control
     reaches 44px, the cut panels scroll under their fade, the carousels show where they are, and the hero's two
     smallest lines come up a step. */
  .approved-home #workspace-showcase:not(.is-expanded) .ms-bubble>p,.approved-home #workspace-showcase:not(.is-expanded) .ms-bubble :is(.action-receipt,.ms-output)>p{font-size:13px;line-height:1.45}
  .approved-home #workspace-showcase:not(.is-expanded) .ms-bubble .ar-heading{font-size:13px}
  .approved-home #workspace-showcase:not(.is-expanded) .ms-bubble .ar-heading>svg{width:14px;height:14px}
  .approved-home #workspace-showcase:not(.is-expanded) .ms-event-heading strong{font-size:13px}
  .approved-home #workspace-showcase:not(.is-expanded) .ms-event-heading :is(small,.ms-via){font-size:11px}
  .approved-home #workspace-showcase:not(.is-expanded) .ms-event-heading time{font-size:10px}
  .approved-home #workspace-showcase:not(.is-expanded) .ms-event-heading :is(.ms-app-mark,.ms-via svg){width:14px;height:14px}
  .approved-home #workspace-showcase:not(.is-expanded) .ms-bubble .ar-heading .ar-status{font-size:10px}
  .approved-home #workspace-showcase:not(.is-expanded) .ms-bubble .ar-facts{font-size:11px;gap:5px 12px}
  .approved-home #workspace-showcase:not(.is-expanded) .ms-bubble .ar-facts svg{width:12px;height:12px}
  .approved-home #workspace-showcase:not(.is-expanded) .ms-bubble :is(.action-receipt,.ms-output) summary{font-size:12px}
  .approved-home #workspace-showcase:not(.is-expanded) .ms-bubble :is(.action-receipt,.ms-output) summary svg{width:12px;height:12px}
  .approved-home #workspace-showcase:not(.is-expanded) .ms-bubble :is(.ar-followthrough,.ar-mail-view,.ar-message,.ar-mail-route,.ar-mail-foot,.ar-mail-open){font-size:12px}
  .approved-home #workspace-showcase:not(.is-expanded) .ms-bubble :is(.ar-details,.ms-record) dl{font-size:12px;grid-template-columns:78px minmax(0,1fr)}
  .approved-home #workspace-showcase:not(.is-expanded) .ms-sends-as{font-size:11px}
  /* 44px to press (the Reviewer at e1fcdb36): the stream gives up the 12px the two rows grow by, below. */
  .approved-home #workspace-showcase:not(.is-expanded) :is(.ms-auto-control,.ms-model-control){font-size:12px;min-height:44px;padding:6px 11px}
  .approved-home #workspace-showcase:not(.is-expanded) .ms-model-control>svg{width:12px;height:12px}
  .approved-home #workspace-showcase:not(.is-expanded) .ms-run{font-size:12px;min-height:44px;padding:8px 14px}
  .approved-home #workspace-showcase:not(.is-expanded) .ms-composer-input{font-size:14px}
  /* Text links and the drop-down rows keep their place and grow a 44px touch area around them. */
  .approved-home #main :is(.text-link,.hero-personal-link,.hero .eyebrow,.closing-scope a,.pricing-v2-foot a),.approved-home #owner-channels .oc-why summary,.approved-home #workspace-showcase:not(.is-expanded) .ms-bubble :is(.action-receipt,.ms-output) summary{position:relative}
  .approved-home #main :is(.text-link,.hero-personal-link,.hero .eyebrow,.closing-scope a,.pricing-v2-foot a)::before,.approved-home #owner-channels .oc-why summary::before,.approved-home #workspace-showcase:not(.is-expanded) .ms-bubble :is(.action-receipt,.ms-output) summary::before{content:'';position:absolute;inset:-12px 0}
  .approved-home #main .agent-composer button[type=submit]{width:44px;height:44px}
  .approved-home #main :is(.analytics-tabs button,.kc-tabs>button,.ai-choice button,.kc-access){min-height:44px}
  .approved-home #main #invice-analytics :is(.analytics-period,.analytics-group) select{min-height:44px;padding-block:10px}
  /* The period select takes its own row under the tabs, at the right, clear of the figures. */
  .approved-home #intelligence #invice-analytics .analytics-report-toolbar{flex-wrap:wrap;row-gap:8px;align-items:stretch;height:auto;align-content:flex-start}
  .approved-home #intelligence #invice-analytics .analytics-report-toolbar .analytics-period{display:none}
  /* The period select and the notice share one row under the report: a column of the two put the French chapter 14px
     over the room at 390x844 and the English one 18px over at 360px of width (measured 2026-10-15). */
  .approved-home #intelligence #invice-analytics .analytics-period-foot{display:block;margin:0}
  .approved-home #intelligence #invice-analytics .analytics-bottom{flex-direction:row;align-items:center;justify-content:space-between;gap:12px;padding-block:8px 7px}
  .approved-home #intelligence #invice-analytics .analytics-notice{text-align:right}
  .approved-home #intelligence #invice-analytics{margin-top:20px}
  .approved-home #main .value-section .native-button{min-height:44px}
  .approved-home #workspace-showcase:not(.is-expanded) .ms-context-add{width:44px;height:44px}
  .approved-home .value-section :is(.product-story>.product-scene,.personal-story>.ps-scene),.approved-home #intelligence #invice-analytics .analytics-content,.approved-home #connections .kc-panel{overflow:hidden auto;overscroll-behavior:contain;scrollbar-width:none}
  .approved-home #connections .kc-tools-panel{overflow:visible}
  .approved-home .value-section :is(.product-story>.product-scene,.personal-story>.ps-scene)::-webkit-scrollbar,.approved-home #intelligence #invice-analytics .analytics-content::-webkit-scrollbar,.approved-home #connections .kc-panel::-webkit-scrollbar{display:none}
  .approved-home .snap-dots{display:flex;justify-content:center;gap:7px;margin-top:10px}
  .approved-home .snap-dots i{width:6px;height:6px;border-radius:50%;background:#f1eeeb;opacity:.32;transition:opacity 160ms ease}
  .approved-home .snap-dots i.is-current{opacity:1}
  .approved-home #main .hero .hero-industry-label{font-size:11px}
  .approved-home #main .hero .hero-eyebrow{font-size:9px}
  .approved-home #main .hero:has(> .hero-copy > .hero-copy-short:not(:empty)) > h1{margin-top:14px}
  /* The "never does" list sits on the cards' left edge; the AI setup choice and its note start at the left; the plans' foot reads as one line, the link right after the note. */
  .approved-home #main .authority-boundaries :is(h3,ul){grid-column:1}
  .approved-home #main .authority-boundaries h3{padding-left:0}
  .approved-home #pricing .ai-choice{justify-self:start;margin-left:0;margin-right:auto}
  .approved-home #pricing .ai-choice-note{justify-self:start;margin-left:0;text-align:left}
  .approved-home #pricing .pricing-v2-foot{display:block;text-align:left}
  .approved-home #pricing .pricing-v2-foot a{margin-left:0}
  .approved-home #pricing #pricing-usage-note:not(:empty)::after{content:' '}
  /* The stream on a phone: finger-scrolled, no bars, no sideways overflow (the header wraps its time), and the
     text one step smaller. */
  .approved-home #owner-channels .oc-thread{overflow:hidden auto;scrollbar-width:none}
  .approved-home #owner-channels .oc-thread::-webkit-scrollbar{display:none}
  .approved-home #owner-channels .oc-message-name{flex-wrap:wrap;row-gap:2px;font-size:11px}
  .approved-home #owner-channels .oc-bubble{max-width:92%}
  .approved-home #owner-channels .oc-bubble>p{font-size:12px;line-height:1.5}
  .approved-home #owner-channels :is(.oc-check,.oc-why,.oc-mail-view){font-size:11px}
  .approved-home #owner-channels .oc-mail-route{font-size:10px}
  /* The first Missions card: its conversation is a rounded panel with the same side room as the other cards' rows. */
  .approved-home .product-stories .conversation-scene{background:#f3f3f4}
  .approved-home .product-stories .conversation-content{margin:0 14px 14px;padding:12px 12px 10px;border-radius:14px;background:#fff;box-shadow:inset 0 0 0 1px #e8eaee}
  .approved-home .product-stories .conversation-content :is(h4,p){font-size:12px}
  .approved-home .product-stories .conversation-content .scene-overline{font-size:7px}
}
/* At 360px of width the French trust chapter with the list that closes it reached 614px (measured 2026-10-15): the list
   rises further into the chapter's air, which stays over 10px. In French its three lines each wrap to two, and the CI
   runner drew the chapter 18px taller than this container (612px against 594px, 2026-10-16): the French list rises
   10px more (18px of air left, a margin that does not depend on the font) and sets its lines closer, 567px here. */
@media(max-width:370px){
  .approved-home #main .authority-boundaries{margin-top:-52px}
  .approved-home :lang(fr) #main .authority-boundaries{margin-top:-62px}
  .approved-home :lang(fr) #main .authority-boundaries ul{gap:3px}
  .approved-home :lang(fr) #main .authority-boundaries li{line-height:1.32}
}

/* At intermediate widths, the cadence control (Monthly / Annual since 2026-10-19) shares the heading's row and sits at its lower right. */
@media (min-width:601px) and (max-width:900px) {
  .approved-home #pricing .pricing-v2-intro h2{grid-row:2}
  .approved-home #pricing .pricing-v2-intro .ai-choice{grid-row:2;align-self:end;justify-self:end;margin:0 0 0 auto}
}
@media (min-width:601px) and (max-width:700px) {
  .approved-home #pricing .pricing-v2-intro .ai-choice{margin-bottom:8px}
}

/* Between 451 and 700px the two final actions share one row in two equal columns. */
@media (min-width:451px) and (max-width:700px) {
  .approved-home #main .closing-panel .closing-rail,.approved-home #main .closing-panel .closing-start{width:min(400px,100%);max-width:400px;margin-inline:auto}
  .approved-home #main .closing-panel .closing-start{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
  .approved-home #main .closing-panel .closing-start>.button,.approved-home #main .closing-panel .closing-start>a.closing-team-link{box-sizing:border-box;width:100%;min-width:0;min-height:48px;margin:0;justify-content:center;text-align:center}
  .approved-home #main .closing-panel .closing-start>a.closing-team-link{display:flex;align-items:center;border:1px solid currentColor;border-radius:999px}
}

/* The closing panel on a phone (founder, 2026-10-19): a readable 12.5px paragraph, a little less height, and two
   compact actions on one row where they fit, each a 44px target; « Préinscrivez-vous » fits with its arrow. */
@media(max-width:700px) {
  .approved-home #main .closing .closing-panel .closing-copy>p{font-size:12.5px;line-height:1.55}
  .approved-home #main .closing .closing-copy .section-title{margin-top:6px}
  .approved-home #main .closing .closing-rail{padding-top:6px}
  .approved-home #main .closing .closing-start{gap:6px 10px}
  .approved-home #main .closing .closing-start>.button{min-height:44px;padding-block:10px;padding-inline:14px;gap:9px;font-size:13px}
  .approved-home :lang(fr) #main .closing .closing-start{gap:6px 6px}
  .approved-home :lang(fr) #main .closing .closing-start>.button{padding-inline:10px;gap:6px;font-size:12px}
  .approved-home #main .closing .closing-start>a.closing-team-link{min-height:44px;display:inline-flex;align-items:center}
}
/* From 390px the two actions keep one row whatever the font's exact width: the team link gives way and wraps its own
   words before it would drop below the button (hosted CI drew the French pair 1px too wide for the row). */
@media(min-width:390px) and (max-width:700px) {
  .approved-home #main .closing .closing-start{flex-wrap:nowrap}
  .approved-home #main .closing .closing-start>a.closing-team-link{flex:0 1 auto;min-width:0;white-space:normal;text-align:center;justify-content:center}
}

/* Approved V30 typography. Current contract: DESIGN_SYSTEM.md.
   Manrope gives headings their voice; Inter carries reading and interaction. */
html:has(.approved-home) {
  --copy:#505c68;
  --label-ink:#54616b;
  --muted:#626b77;
  --launch-copy:var(--copy);
  --launch-muted:var(--label-ink);
  --display-tracking:-.028em;
  --section-tracking:-.025em;
}
/* The existing wordmark remains a brand asset, as in the approved specimen. */
.approved-home .brand,.approved-home .site-footer .footer-brand,.approved-home #workspace-showcase :is(.ms-wordmark,.ws-wordmark,.oa-wordmark) {font-family:var(--brand)}
.approved-home button,.approved-home input,.approved-home select,.approved-home textarea {font-family:var(--sans)}
.approved-home .hero h1 {font-family:var(--display);font-weight:600;letter-spacing:var(--display-tracking);line-height:1.075}
.approved-home .hero h1>span {font-weight:600}
.approved-home #main .section-title {font-weight:700;letter-spacing:var(--section-tracking);line-height:1.16}
.approved-home .product-stories .story-copy h3,.approved-home .ps-copy h3,.approved-home .principle-card h3,.approved-home .plan-card h3 {
  font-family:var(--display);font-weight:600;letter-spacing:var(--section-tracking);line-height:1.25;
}
.approved-home #main :is(.eyebrow,.hero-industry-label,.story-index,.closing-signature,.plan-top),.approved-home .site-footer .footer-column h3 {font-family:var(--label);font-weight:500;letter-spacing:.1em}
.approved-home #main :is(.eyebrow,.hero-industry-label,.story-index,.plan-top) {color:var(--label-ink)}
.approved-home .hero-copy {font-size:18px;line-height:1.65;letter-spacing:0;color:var(--copy)}
.approved-home .owner-demo-heading>p:last-child,
.approved-home .section-intro.compact-intro>p:last-child,
.approved-home .connections-copy>p:not(.eyebrow),
.approved-home .principles-intro>p:not(.eyebrow),
.approved-home .pricing-v2-intro>p:not(.eyebrow):not(.ai-choice-note),
.approved-home .faq-intro>p:not(.eyebrow),
.approved-home .closing-copy>p {
  font-size:17px;line-height:1.65;color:var(--copy);letter-spacing:0;
}
.approved-home .product-stories .story-copy>p,.approved-home .ps-copy>p,.approved-home .principle-card>p,.approved-home .plan-card>p,.approved-home .faq-answer p {
  font-size:16px;line-height:1.65;color:var(--copy);letter-spacing:0;
}
.approved-home .guided-explore p {color:var(--copy);line-height:1.65}
.approved-home #main .principle-caption {font-family:var(--label);color:var(--copy);letter-spacing:.015em}
/* Reading surfaces share contrast; action and status colors retain their meaning. */
.approved-home #owner-channels.oc-shell {--oc-text:var(--copy);--oc-muted:#626e7a}
.approved-home .connections-product.kc-shell {--kc-text:var(--copy);--kc-muted:#626e7a}
.approved-home #invice-analytics :is(.analytics-metric>span,.analytics-insight-copy>p) {color:var(--copy)}
.approved-home .ms-titlebar h2,.approved-home .v2-ws .ws-title,.approved-home .oa-page-heading h2,.approved-home .ex-page-head h2,.approved-home .analytics-insight h4,.approved-home .oc-context h3 {letter-spacing:var(--section-tracking)}
/* Mixed status/time rows: labels are Inter; the timestamp remains mono. */
.approved-home .ar-status,.approved-home .ms-decision-top>span,.approved-home .v2-ws .ws-sec-tag {font-family:var(--label);font-weight:500}
.approved-home .plan-price strong,.approved-home .analytics-metric strong,.approved-home .v2-ws .ws-stat-value {font-variant-numeric:tabular-nums}
@media(max-width:700px) {
  .approved-home .hero-copy,.approved-home .owner-demo-heading>p:last-child,.approved-home .section-intro.compact-intro>p:last-child,.approved-home .pricing-v2-intro>p:not(.eyebrow):not(.ai-choice-note),.approved-home .faq-intro>p:not(.eyebrow),.approved-home .closing-copy>p {font-size:16px}
  .approved-home .hero h1 {letter-spacing:var(--display-tracking);line-height:1.075}
  /* On a phone a chapter is meant to be read in one screen (phone-composition.css): its heading is 27px, and
     the text that accompanies an example or opens the knowledge and trust chapters is 14px. */
  .approved-home #main .section-title {font-size:27px;line-height:1.13}
  .approved-home #main .section-after-copy,.approved-home .connections-copy>p:not(.eyebrow),.approved-home .principles-intro>p:not(.eyebrow) {font-size:14px;line-height:1.45}
  /* The three stories are one swiped row there: each story's text is set like the text of a chapter. */
  .approved-home #main :is(.story-copy,.ps-copy) h3 {font-size:20px;line-height:1.2}
  .approved-home #main :is(.story-copy,.ps-copy)>p {font-size:14px;line-height:1.45}
}

/* Let longer translated audience labels wrap within narrow viewports. */
@media(max-width:700px){body:has(.approved-home):not(.personal-path) .hero-industries{grid-template-columns:repeat(2,minmax(0,1fr));width:min(100%,460px)}body:has(.approved-home):not(.personal-path) .hero-industries>span{min-width:0;white-space:normal}.approved-home .hero-industry-label{min-width:0;text-align:center}}

/* The copy after a visual is the chapter heading; keep it quieter than a hero title. */
.approved-home #main .section-after-copy.chapter-after-title {font-family:var(--display);font-size:clamp(27px,3.2vw,44px);font-weight:700;line-height:1.2;letter-spacing:var(--section-tracking);color:var(--surface)}
@media(max-width:700px){.approved-home :lang(fr) #hero-title br{display:none}}

html:has(.approved-home){--sans:var(--font-sans),Arial,sans-serif;--display:var(--font-display),var(--font-sans),Arial,sans-serif;--brand:var(--font-brand),Arial,sans-serif;--label:var(--font-sans),Arial,sans-serif;--mono:var(--font-mono),monospace}
.approved-home:not([data-demo-visible]) .person-portrait{background-image:none!important}