:root{--navy:#082d48;--navy2:#041d30;--blue:#176c9f;--copper:#c8784d;--sand:#ece6dc;--paper:#f4f5f2;--white:#fff;--ink:#14242e;--muted:#667780;--line:#d8e0e2;--green:#2e8067;--red:#b9483e;--amber:#b77a27}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}.skip-link{position:fixed;top:-60px;left:12px;z-index:999;background:var(--white);padding:10px;color:#000}.skip-link:focus{top:12px}.business-header{height:78px;padding:0 clamp(20px,5vw,80px);display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:80;backdrop-filter:blur(14px)}.business-brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--navy)}.business-brand img{width:40px;height:40px;object-fit:contain}.business-brand span{display:flex;flex-direction:column}.business-brand b{font:600 19px Georgia,serif}.business-brand small{font-size:7px;letter-spacing:.2em;margin-top:3px}.business-brand.light{color:#fff}.business-header nav{display:flex;gap:27px}.business-header nav a,.plain-link{font-size:11px;font-weight:750;text-decoration:none;color:var(--navy)}.business-header>div{display:flex;align-items:center;gap:17px}.outline-button{border:1px solid #aebbc0;background:transparent;color:var(--navy);padding:11px 16px;border-radius:4px;font-size:10px;font-weight:850;cursor:pointer}.business-hero{min-height:720px;padding:70px clamp(24px,6vw,95px);background:radial-gradient(circle at 82% 18%,rgba(31,119,169,.18),transparent 31%),linear-gradient(128deg,var(--navy2),var(--navy));color:#fff;display:grid;grid-template-columns:.82fr 1.18fr;align-items:center;gap:70px;overflow:hidden}.eyebrow{font-size:8px;letter-spacing:.22em;font-weight:900;color:#a9d8ef;margin:0 0 13px}.eyebrow.blue{color:var(--blue)}.hero-copy h1{font:500 clamp(53px,6vw,85px)/.92 Georgia,serif;letter-spacing:-.055em;margin:0}.hero-copy h1 em{font-style:italic;color:#dbb9a2}.hero-copy>p:not(.eyebrow){font-size:14px;line-height:1.75;color:#bdd0d9;max-width:610px;margin:25px 0}.hero-actions{display:flex;align-items:center;gap:22px;margin-top:31px}.primary-button,.secondary-button,.white-button{display:inline-flex;justify-content:center;align-items:center;border:0;border-radius:4px;padding:14px 20px;text-decoration:none;font-size:10px;font-weight:900;cursor:pointer}.primary-button{background:var(--copper);color:#fff}.primary-button:hover{background:#d48659}.primary-button.compact{padding:12px 16px}.secondary-button{background:#e7f1f6;color:var(--navy)}.white-button{background:var(--white);color:var(--navy)}.text-button{border:0;background:none;color:#fff;font-size:10px;font-weight:850;cursor:pointer}.full{width:100%}.hero-notes{display:flex;flex-wrap:wrap;gap:16px;margin-top:26px;color:#9ebbc8;font-size:9px}.hero-product{background:#f8faf9;border-radius:18px;box-shadow:0 35px 90px rgba(0,0,0,.3);color:var(--ink);overflow:hidden;transform:perspective(1200px) rotateY(-3deg)}.product-bar{height:48px;display:flex;align-items:center;padding:0 16px;border-bottom:1px solid var(--line);font-size:7px;letter-spacing:.15em}.product-bar>span{display:flex;gap:5px;margin-right:auto}.product-bar i{width:7px;height:7px;border-radius:50%;background:#c9d1d3}.product-bar b{color:var(--navy)}.product-bar small{margin-left:auto;color:var(--green);font-size:6px}.product-body{min-height:430px;display:grid;grid-template-columns:155px 1fr}.product-body>aside{background:var(--navy);color:#fff;padding:24px 17px;display:flex;flex-direction:column}.product-body>aside strong{font:500 15px Georgia}.product-body>aside small{font-size:7px;color:#9fbdca;margin:4px 0 28px}.product-body>aside nav{display:grid;gap:6px}.product-body>aside nav>*{font-size:8px;padding:10px;border-radius:6px}.product-body>aside nav b{background:rgba(255,255,255,.11)}.product-body>aside nav span{color:#a9c1cb}.preview-main{padding:25px}.preview-main>header{display:flex;justify-content:space-between;align-items:center}.preview-main header small,.preview-metrics span{font-size:6px;letter-spacing:.15em;color:var(--blue);font-weight:900}.preview-main h3{font:500 20px Georgia;margin:5px 0}.preview-main header button{border:0;background:var(--copper);color:#fff;font-size:7px;font-weight:850;padding:9px 12px;border-radius:4px}.preview-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:19px 0}.preview-metrics article{background:var(--white);border:1px solid var(--line);border-radius:9px;padding:12px}.preview-metrics b{display:block;font:600 19px Georgia;margin:9px 0 3px}.preview-metrics small{font-size:6px;color:var(--muted)}.preview-stay{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:14px 0}.preview-stay>div{display:flex;align-items:center;gap:9px}.preview-stay i{font-style:normal;width:35px;height:35px;border-radius:7px;background:#e6f0f4;color:var(--blue);display:grid;place-items:center;font-size:7px;font-weight:900}.preview-stay span{display:flex;flex-direction:column}.preview-stay span b{font-size:8px}.preview-stay span small{font-size:6px;color:var(--muted);margin-top:4px}.preview-stay>strong{font-size:6px;color:var(--green);background:#e7f2ee;padding:6px 7px;border-radius:99px}.business-strip{min-height:90px;background:var(--white);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:center;gap:clamp(18px,4vw,55px);padding:20px;flex-wrap:wrap}.business-strip p{font-size:8px;letter-spacing:.16em;color:var(--muted);font-weight:900}.business-strip span{font:500 15px Georgia;color:var(--navy)}.section{padding:110px clamp(24px,7vw,110px)}.section-heading{max-width:830px}.section-heading h2,.application-copy h2,.app-section-heading h2{font:500 clamp(42px,5vw,68px)/1 Georgia;margin:0;letter-spacing:-.045em}.section-heading>p:last-child,.application-copy>p:last-of-type,.app-section-heading>p{font-size:13px;line-height:1.75;color:var(--muted);max-width:650px}.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-top:48px}.benefit-grid article{min-height:270px;background:var(--white);border:1px solid var(--line);border-radius:14px;padding:25px;display:flex;flex-direction:column}.benefit-grid article>i{font-style:normal;font-size:29px;color:var(--copper)}.benefit-grid article>span{font-size:7px;letter-spacing:.16em;color:var(--blue);font-weight:900;margin-top:auto}.benefit-grid h3{font:500 23px Georgia;margin:9px 0}.benefit-grid p{font-size:10px;line-height:1.65;color:var(--muted)}.workspace-section{min-height:700px;padding:95px clamp(24px,7vw,110px);background:var(--navy);color:#fff;display:grid;grid-template-columns:.85fr 1.15fr;gap:80px;align-items:center}.workspace-copy h2{font:500 clamp(45px,5.5vw,72px)/.96 Georgia;margin:0;letter-spacing:-.045em}.workspace-copy>p:not(.eyebrow){font-size:13px;line-height:1.75;color:#b8cbd4;max-width:560px}.workspace-copy ol{list-style:none;padding:0;margin:30px 0;display:grid;gap:5px}.workspace-copy li{display:flex;gap:15px;align-items:center;border-top:1px solid rgba(255,255,255,.13);padding:15px 0}.workspace-copy li>b{font:500 21px Georgia;color:#d59b75}.workspace-copy li span{display:flex;flex-direction:column}.workspace-copy li strong{font-size:10px}.workspace-copy li small{font-size:8px;color:#9db5c0;margin-top:4px}.workspace-visual{min-height:550px;position:relative;display:grid;place-items:center}.phone-shell{width:255px;min-height:500px;border:8px solid #10202a;border-radius:36px;background:#f6f7f5;color:var(--ink);padding:30px 18px 20px;box-shadow:0 35px 80px rgba(0,0,0,.35);position:relative;z-index:3}.phone-top{position:absolute;top:8px;left:50%;transform:translateX(-50%);width:75px;height:18px;border-radius:20px;background:#10202a}.phone-shell>span{font-size:6px;letter-spacing:.15em;color:var(--blue);font-weight:900}.phone-shell h3{font:500 30px Georgia;margin:25px 0 5px}.phone-shell>p{font-size:9px;color:var(--muted)}.phone-card{background:var(--navy);color:#fff;border-radius:14px;padding:17px;margin-top:30px;display:flex;flex-direction:column}.phone-card b{font-size:10px}.phone-card small{font-size:7px;line-height:1.5;color:#b6ccd6;margin:7px 0 25px}.phone-card i{font-style:normal;font:600 30px Georgia}.phone-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:15px}.phone-actions button{border:1px solid var(--line);background:var(--white);border-radius:8px;padding:11px;font-size:8px;color:var(--navy)}.flow-card{position:absolute;background:var(--white);color:var(--ink);border-radius:12px;padding:16px 18px;width:205px;box-shadow:0 20px 55px rgba(0,0,0,.24);z-index:4}.flow-card span{font-size:6px;letter-spacing:.14em;color:var(--blue);font-weight:900}.flow-card b{display:block;font:500 18px Georgia;margin:9px 0 4px}.flow-card small{font-size:7px;color:var(--muted)}.flow-card.one{left:0;top:80px}.flow-card.two{right:0;bottom:75px}.application-section{padding:110px clamp(24px,7vw,110px);display:grid;grid-template-columns:.82fr 1.18fr;gap:80px;align-items:start}.application-copy{position:sticky;top:120px}.application-points{display:grid;gap:11px;margin-top:32px}.application-points span{display:flex;align-items:center;gap:11px;font-size:10px}.application-points i{font-style:normal;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#e4edf0;color:var(--navy);font-size:8px}.business-form,.dashboard-form{background:var(--white);border:1px solid var(--line);border-radius:16px;padding:30px}.form-title span,.dashboard-form>span{font-size:7px;letter-spacing:.16em;color:var(--blue);font-weight:900}.form-title h3,.dashboard-form h3{font:500 25px Georgia;margin:7px 0 18px}.business-form label,.dashboard-form label,.access-card label{display:block;font-size:9px;font-weight:800;margin:15px 0}.business-form label em,.dashboard-form label em{font-style:normal;font-weight:500;color:var(--muted)}.business-form input,.business-form select,.business-form textarea,.dashboard-form input,.dashboard-form select,.dashboard-form textarea,.access-card input{width:100%;margin-top:7px;border:1px solid #b9c6ca;background:var(--white);border-radius:3px;padding:13px;outline:0;color:var(--ink)}.business-form input:focus,.business-form select:focus,.business-form textarea:focus,.dashboard-form input:focus,.dashboard-form select:focus,.dashboard-form textarea:focus,.access-card input:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(23,108,159,.12)}.two-fields,.three-fields{display:grid;grid-template-columns:1fr 1fr;gap:13px}.three-fields{grid-template-columns:repeat(3,1fr)}.consent{display:flex!important;gap:9px;align-items:flex-start}.consent input{width:auto!important;margin-top:2px}.consent span{font-size:8px;line-height:1.5;color:var(--muted)}.form-message{font-size:9px;line-height:1.45;min-height:15px;color:var(--red)}footer{min-height:180px;background:var(--navy2);color:#fff;padding:40px clamp(24px,6vw,90px);display:grid;grid-template-columns:1fr auto;gap:35px;align-items:center}footer>div:nth-child(2){display:flex;gap:18px;flex-wrap:wrap}footer a,footer button{border:0;background:none;color:#b9cbd3;text-decoration:none;font-size:9px;cursor:pointer;padding:0}footer>small{grid-column:1/-1;color:#738f9c;font-size:7px} .business-app{min-height:100vh}.business-app>aside{position:fixed;inset:0 auto 0 0;width:235px;background:linear-gradient(180deg,var(--navy),var(--navy2));padding:28px 20px;color:#fff;display:flex;flex-direction:column;z-index:50}.company-switch{margin:43px 0 25px;padding:15px;border:1px solid rgba(255,255,255,.13);border-radius:9px;display:flex;flex-direction:column}.company-switch span{font-size:6px;letter-spacing:.15em;color:#9db7c2}.company-switch b{font:500 16px Georgia;margin:7px 0 3px}.company-switch small{font-size:7px;color:#d2a17f}.business-app aside nav{display:grid;gap:7px}.business-app aside nav button{border:0;background:none;color:#abc0ca;text-align:left;padding:12px;border-radius:7px;font-size:9px;font-weight:750;cursor:pointer}.business-app aside nav button.active{background:rgba(255,255,255,.1);color:#fff}.business-app aside nav i{font-style:normal;width:26px;display:inline-block;font-size:15px}.business-signout{margin-top:auto;border:0;border-top:1px solid rgba(255,255,255,.12);background:none;color:#92aeba;text-align:left;padding:15px 0;font-size:8px}.business-workspace{margin-left:235px;padding:30px clamp(20px,4vw,60px) 70px}.business-workspace>header,.staff-app>header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.business-workspace>header h1,.staff-app>header h1{font:500 34px Georgia;margin:0}.business-view{display:none}.business-view.active{display:block}.business-status{min-height:175px;border-radius:17px;padding:30px;background:linear-gradient(120deg,var(--navy),#155c83);color:#fff;display:flex;justify-content:space-between;align-items:center}.business-status span{font-size:7px;letter-spacing:.16em;color:#a9d5e7;font-weight:900}.business-status h2{font:500 32px Georgia;margin:9px 0}.business-status p{font-size:9px;line-height:1.6;color:#bad0d9;max-width:620px}.business-status>i{font-style:normal;font-size:8px;letter-spacing:.15em;background:rgba(255,255,255,.12);padding:10px 13px;border-radius:99px}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:14px 0}.metric-grid article{background:var(--white);border:1px solid var(--line);border-radius:13px;padding:19px}.metric-grid span{font-size:6px;letter-spacing:.14em;color:var(--blue);font-weight:900}.metric-grid b{display:block;font:600 30px Georgia;margin:14px 0 2px}.metric-grid small{font-size:7px;color:var(--muted)}.dashboard-panel{background:var(--white);border:1px solid var(--line);border-radius:14px;padding:22px}.dashboard-panel>header{display:flex;justify-content:space-between;align-items:center}.dashboard-panel header span{font-size:6px;letter-spacing:.15em;color:var(--blue);font-weight:900}.dashboard-panel header h3{font:500 21px Georgia;margin:5px 0}.dashboard-panel header button{border:0;background:none;color:var(--blue);font-size:8px;font-weight:900;cursor:pointer}.app-section-heading{display:flex;justify-content:space-between;align-items:end;margin:20px 0 28px}.app-section-heading>div{max-width:670px}.app-section-heading>p{max-width:420px}.request-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:14px}.dashboard-form label>small{display:block;font-size:7px;color:var(--muted);margin-top:5px}.dashboard-form select[multiple]{min-height:100px}.business-request-row{display:grid;grid-template-columns:1fr auto;gap:12px;border-top:1px solid var(--line);padding:15px 0}.business-request-row h4{font-size:10px;margin:0}.business-request-row p,.business-request-row small{font-size:8px;color:var(--muted);margin:5px 0;line-height:1.45}.business-request-row>span{font-size:7px;font-weight:900;color:var(--green);background:#e7f3ee;border-radius:99px;padding:7px 9px;align-self:center}.people-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:14px}.people-panel{margin-top:14px}.directory-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:15px}.person-row{border:1px solid var(--line);border-radius:10px;padding:13px;display:flex;gap:10px;align-items:center}.person-row>i{font-style:normal;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#e7f0f4;color:var(--navy);font-size:9px;font-weight:900}.person-row span{display:flex;flex-direction:column}.person-row b{font-size:9px}.person-row small{font-size:7px;color:var(--muted);margin-top:3px}.rate-card{min-height:410px;border-radius:22px;padding:55px;background:radial-gradient(circle at 85% 20%,rgba(206,128,78,.25),transparent 30%),linear-gradient(125deg,var(--navy2),var(--navy));color:#fff;display:grid;grid-template-columns:1fr 330px;gap:50px;align-items:center}.rate-card h2{font:500 clamp(42px,5vw,65px)/.96 Georgia;margin:0}.rate-card>div:first-child>p:last-of-type{font-size:11px;line-height:1.7;color:#bad0d9;max-width:600px}.rate-card>div:last-child{border-left:1px solid rgba(255,255,255,.18);padding-left:45px;display:flex;flex-direction:column}.rate-card>div:last-child>span{font:600 83px Georgia}.rate-card>div:last-child small{font-size:7px;letter-spacing:.16em;color:#a7c4d1}.rate-card code{font-size:10px;letter-spacing:.08em;margin-top:35px}.rate-details{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px}.rate-details article{background:var(--white);border:1px solid var(--line);border-radius:13px;padding:22px}.rate-details i{font-style:normal;color:var(--green)}.rate-details b{display:block;font:500 18px Georgia;margin:14px 0 6px}.rate-details p{font-size:8px;line-height:1.55;color:var(--muted)} .business-mobile-nav{display:none} .access-modal{position:fixed;inset:0;z-index:200;display:grid;place-items:center;padding:20px}.modal-backdrop{position:absolute;inset:0;background:rgba(3,24,39,.78);backdrop-filter:blur(6px)}.access-card{position:relative;width:min(450px,100%);background:var(--white);border-radius:16px;padding:32px}.access-card h2{font:500 38px Georgia;margin:0}.access-card>div>p:not(.eyebrow){font-size:9px;color:var(--muted);line-height:1.6}.modal-close{position:absolute;right:13px;top:13px;width:35px;height:35px;border:0;border-radius:50%;background:#edf2f3;font-size:20px}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,25px);opacity:0;background:var(--navy);color:#fff;padding:12px 18px;border-radius:7px;font-size:9px;transition:.2s;z-index:300}.toast.show{opacity:1;transform:translate(-50%,0)}.empty{text-align:center;color:var(--muted);font-size:9px;padding:25px}[hidden]{display:none!important} .staff-app{min-height:100vh;padding:35px clamp(20px,5vw,70px)}.staff-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px}.staff-metrics article{background:var(--white);border:1px solid var(--line);border-radius:11px;padding:18px}.staff-metrics span{font-size:7px;color:var(--muted)}.staff-metrics b{display:block;font:600 28px Georgia;margin-top:8px}.staff-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.staff-panel{background:var(--white);border:1px solid var(--line);border-radius:14px;padding:22px}.staff-panel h2{font:500 23px Georgia;margin:0 0 12px}.staff-row{border-top:1px solid var(--line);padding:15px 0;display:grid;grid-template-columns:1fr auto;gap:10px}.staff-row h3{font-size:10px;margin:0}.staff-row p{font-size:8px;color:var(--muted);line-height:1.5}.staff-actions{display:flex;gap:6px;align-items:center}.staff-actions button{border:1px solid var(--line);background:var(--white);border-radius:4px;padding:8px;font-size:7px;color:var(--navy);cursor:pointer}.staff-actions button.approve{background:var(--green);color:#fff;border-color:var(--green)} .business-live-signal{margin-top:18px;display:flex;gap:11px;align-items:center;width:max-content;max-width:100%;padding:11px 14px;border:1px solid rgba(255,255,255,.2);border-radius:12px;background:rgba(2,23,35,.32);backdrop-filter:blur(14px)}.business-live-signal>i,.live-home-picker header span>i{width:8px;height:8px;border-radius:50%;background:#65d69a;box-shadow:0 0 0 5px rgba(101,214,154,.13);flex:0 0 auto}.business-live-signal span{display:flex;flex-direction:column}.business-live-signal b{font-size:9px}.business-live-signal small{font-size:7px;color:#afc9d3;margin-top:3px}.live-home-picker{margin:5px 0;padding:14px;border:1px solid #b7d9cf;border-radius:12px;background:linear-gradient(135deg,#f2faf7,#fff)}.live-home-picker header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.live-home-picker header span{display:flex;align-items:center;gap:8px;font-size:7px;letter-spacing:.12em;color:#207456;font-weight:900}.live-home-picker header button{border:0;background:none;color:var(--blue);font-size:8px;font-weight:900;cursor:pointer}.live-home-picker>div{margin-top:8px;padding:9px 10px;border-radius:8px;background:#e8f3ef;color:#35685a;font-size:8px;line-height:1.45}.live-home-picker select:disabled{opacity:.65}html[data-theme="dark"] .live-home-picker{background:linear-gradient(135deg,#142823,#151f24);border-color:#2b5b4f}html[data-theme="dark"] .live-home-picker>div{background:#1a302a;color:#a8d7c8} @media(max-width:1100px){.business-hero{grid-template-columns:1fr;gap:50px}.hero-copy{max-width:760px}.hero-product{transform:none}.workspace-section{grid-template-columns:1fr}.workspace-visual{min-height:600px}.application-section{gap:40px}.benefit-grid{grid-template-columns:1fr 1fr}.request-layout,.people-grid{grid-template-columns:1fr}.app-section-heading{align-items:start}.staff-grid{grid-template-columns:1fr}} @media(max-width:780px){.business-header{height:68px;padding:0 15px}.business-header nav,.business-header .plain-link{display:none}.business-header .business-brand small{display:none}.business-hero{min-height:auto;padding:65px 20px}.hero-copy h1{font-size:52px}.hero-actions{align-items:flex-start;flex-direction:column}.hero-product{overflow:auto}.product-body{min-width:630px}.business-strip{justify-content:flex-start;padding-left:20px}.section,.workspace-section,.application-section{padding:75px 20px}.benefit-grid{grid-template-columns:1fr}.workspace-section,.application-section{grid-template-columns:1fr}.application-copy{position:static}.flow-card.one{left:-5px}.flow-card.two{right:-5px}.two-fields,.three-fields{grid-template-columns:1fr}.business-app>aside{display:none}.business-workspace{margin:0;padding:22px 14px 92px}.business-workspace>header{align-items:flex-start}.business-workspace>header h1{font-size:27px}.metric-grid{grid-template-columns:1fr 1fr}.business-status{align-items:flex-start}.business-status>i{margin-left:10px}.app-section-heading{display:block}.app-section-heading>p{max-width:none}.rate-card{grid-template-columns:1fr;padding:32px 24px}.rate-card>div:last-child{border-left:0;border-top:1px solid rgba(255,255,255,.18);padding:25px 0 0}.rate-details{grid-template-columns:1fr}.directory-grid{grid-template-columns:1fr}footer{grid-template-columns:1fr}.staff-metrics{grid-template-columns:1fr 1fr}.business-mobile-nav{position:fixed;left:0;right:0;bottom:0;z-index:90;display:grid;grid-template-columns:repeat(4,1fr);background:rgba(255,255,255,.97);backdrop-filter:blur(14px);border-top:1px solid var(--line);padding:8px 5px max(8px,env(safe-area-inset-bottom))}.business-mobile-nav button{border:0;background:none;color:#778a92;font-size:16px}.business-mobile-nav button.active{color:var(--blue)}.business-mobile-nav span{display:block;font-size:7px;margin-top:3px}} @media(max-width:480px){.hero-copy h1{font-size:45px}.phone-shell{width:230px}.flow-card{width:170px;padding:12px}.workspace-visual{min-height:580px}.business-form,.dashboard-form{padding:20px}.metric-grid{grid-template-columns:1fr}.club-hero{padding:25px}.staff-metrics{grid-template-columns:1fr}.staff-row{grid-template-columns:1fr}.staff-actions{justify-content:flex-start}} /* ── DARK THEME REPAIRS ──────────────────────────────────────────────────────── This stylesheet carries its own light palette (--white, --navy, --ink…), and the shared platform.css — loaded after it — re-points those SAME names per theme: in dark, --white becomes #102b37 and --navy #0d2733. Two breakages followed, 19 elements in all: 1) navy TEXT on a var(--white) SURFACE: the surface flipped dark, the navy didn't — the "Made for" strip read 1.05:1. 2) var(--ink) TEXT inside the hardcoded-light product mock-ups: the ink flipped light, the mock stayed light — 1.06:1 inside the browser preview and the phone. The strip is a real page band, so its text follows the theme (var(--ink) flips with the surface). The mock-ups are PICTURES of the light product; a picture does not change with the viewer's theme, so their palette is pinned to light values wholesale — every var inside them resolves as designed, navy-on-white included. */ :root[data-theme="dark"] .business-strip span{color:var(--ink)} :root[data-theme="dark"] .skip-link{background:#fff} :root[data-theme="dark"] .hero-product, :root[data-theme="dark"] .phone-shell, :root[data-theme="dark"] .flow-card{ --white:#fff;--ink:#14242e;--muted:#667780;--navy:#082d48;--line:#d8e0e2;--blue:#176c9f; color:var(--ink); } /* 2026-08-05 — Item A. .outline-button pinned the navy brand ink. It is used in two places that are not the same kind of surface: "Exit staff review" sits on the page, which follows the theme, and "Manage company" sits in the shared .cp-pro-header, which is dark in BOTH themes. Making the ink follow the theme fixed the first and broke the second (1.16:1 dark became 1.02:1 light), so each is now inked for the surface it is actually on. */ .outline-button { color: var(--cp-ink); } .cp-pro-header .outline-button { color: #f3f7f7; border-color: rgba(255,255,255,.34); } /* 2026-08-05 — Item A, second pass. Inside the pinned-light mock-ups the two inherited inks were still the pre-fix values: --muted at 4.44:1 and the platform sage at 4.14:1 on the mock-up's own cards. Pin the ink-grade ones, the same values the live product now uses. */ :root[data-theme="dark"] .hero-product, :root[data-theme="dark"] .phone-shell, :root[data-theme="dark"] .flow-card, .hero-product, .phone-shell, .flow-card { --muted:#606e75; --green:#3f6459; } /* The mock-up's own call-to-action: white on --copper is 3.24:1, the same failure the platform primary button had. Same remedy, one step deeper. */ .preview-main header button { background:#a8502f } /* white → 5.45:1 */ /* ── ONE DOCUMENT, TWO PRODUCTS, ONE HEADER EACH ────────────────────────────── business.html holds a public marketing landing page and a signed-in company workspace in the same document, and until now they shared the same .business-header and the same marketing