html{color:#2f3740;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fff;font-family:Arial,Helvetica,sans-serif;font-weight:400;line-height:1.5}body{min-width:320px;min-height:100vh}button,input,textarea,select{font:inherit}:root{--black:#050403;--ink:#2f3740;--muted:#7a7f86;--line:#e5e6e8;--panel:#fff;--band:#eceeef;--orange:#ff7a00;--orange-dark:#df6500;--danger-soft:#fff0eb;--danger-text:#9b2d12;--warning-soft:#fff5df;--warning-text:#7a4a00;--code-bg:#111}*{box-sizing:border-box}body{margin:0}#root{min-height:100vh}.app-shell{min-height:100vh;color:var(--ink);background:#fff}.topbar{z-index:30;color:#fff;background:var(--black);grid-template-columns:auto minmax(0,1fr) auto;align-items:stretch;min-height:84px;display:grid;position:sticky;top:0}.brand-block{background:#070605;align-items:center;gap:16px;min-width:288px;padding:18px 32px;display:flex}.brand-block h1,.hero-copy h2,.auth-card h2,.profile-header h2{text-transform:uppercase;letter-spacing:.14em;margin:0;font-weight:800;line-height:1.15}.brand-block h1{letter-spacing:.12em;font-size:1rem}.brand-badge,.section-label,.eyebrow{text-transform:uppercase;letter-spacing:.32em;font-size:.76rem;font-weight:800}.brand-badge{border-left:3px solid var(--orange);color:#fff;background:#171717;align-items:center;min-height:38px;padding:0 12px;display:inline-flex}.eyebrow{color:#9b9b9b;margin:0 0 6px}.main-nav{justify-content:center;align-items:stretch;min-width:0;display:flex}.main-nav a{color:#fff;text-transform:uppercase;white-space:nowrap;align-items:center;padding:0 22px;font-size:.88rem;font-weight:800;text-decoration:none;display:inline-flex;position:relative}.main-nav a:after{content:"";background:0 0;height:2px;position:absolute;bottom:16px;left:22px;right:22px}.main-nav a:hover,.main-nav .active-nav{color:#d8d8d8}.main-nav a:hover:after,.main-nav .active-nav:after{background:var(--orange)}.profile-button,.primary-button,.secondary-button,.back-link,.dropdown-item{cursor:pointer;border:0;transition:background-color .16s,color .16s,transform .16s}.profile-menu-wrap{z-index:40;background:var(--black);justify-content:flex-end;align-items:center;gap:18px;min-width:306px;padding:0 32px 0 28px;display:flex;position:relative}.phone-link{color:#fff;letter-spacing:.18em;white-space:nowrap;align-items:center;min-height:68px;font-size:.94rem;font-weight:800;display:inline-flex;position:relative}.phone-link:after{content:"";background:var(--orange);height:2px;position:absolute;bottom:16px;left:0;right:0}.profile-button{width:48px;height:48px;color:var(--orange);background:0 0;justify-content:center;align-items:center;display:inline-flex}.profile-button:hover{color:#fff;background:#1b1b1b}.profile-dropdown{z-index:50;background:#0c0c0c;border:1px solid #262626;min-width:220px;display:grid;position:absolute;top:calc(100% + 8px);right:32px;box-shadow:0 16px 32px #0000003d}.dropdown-item{text-align:left;color:#fff;text-transform:uppercase;letter-spacing:.16em;background:0 0;width:100%;padding:16px 18px;font-size:.82rem;font-weight:800}.dropdown-item:hover{color:var(--orange);background:#171717}.danger-item:hover{color:#ffb17a}.user-icon{width:24px;height:24px}.page-content{width:100%}.hero-panel,.auth-panel,.profile-page{min-height:calc(100vh - 84px)}.hero-panel{background:#fff;grid-template-columns:minmax(0,1fr);display:grid}.hero-copy{border-top:84px solid #222;gap:22px;padding:94px clamp(24px,6.8vw,96px) 42px;display:grid;position:relative}.hero-copy:before{content:"Book now";color:#fff;background:var(--orange);text-transform:uppercase;letter-spacing:.2em;justify-content:center;align-items:center;width:min(388px,34vw);height:84px;font-weight:800;display:flex;position:absolute;top:-84px;right:clamp(24px,4.4vw,64px)}.hero-copy:after,.auth-card:after,.profile-header:after{content:"";background:var(--orange);width:116px;height:2px}.section-label{color:var(--muted)}.hero-copy .section-label{flex-wrap:wrap;gap:clamp(24px,6vw,96px);margin:-10px 0 12px;display:flex}.hero-copy .section-label:after{white-space:pre}.hero-copy h2{max-width:1060px;font-size:clamp(1.45rem,2.6vw,2.25rem)}.hero-text,.auth-text,.helper-text,.preview-card span,.auth-placeholder p,.profile-text,.summary-row span{color:var(--muted);line-height:1.7}.hero-text{max-width:760px;margin:0;font-size:1rem}.hero-actions{flex-wrap:wrap;align-items:center;gap:16px 24px;margin-top:12px;display:flex}.primary-button,.secondary-button{text-transform:uppercase;letter-spacing:.16em;min-height:52px;padding:0 24px;font-size:.82rem;font-weight:800}.primary-button{color:#fff;background:var(--orange)}.primary-button:hover{background:var(--orange-dark)}.secondary-button{color:var(--ink);background:#eee}.secondary-button:hover{color:#fff;background:#242424}.dashboard-preview{border-top:1px solid var(--line);background:var(--band);grid-template-columns:1.15fr 2fr;gap:0;display:grid}.accent-card{color:#fff;background:#202020}.accent-card p,.accent-card span{color:#bdbdbd}.preview-grid{grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.preview-card{background:#f3f4f5;border-right:1px solid #d9dbde;flex-direction:column;gap:10px;min-height:172px;padding:28px;display:flex}.preview-card p,.auth-placeholder strong{margin:0}.preview-card p{color:var(--muted);text-transform:uppercase;letter-spacing:.18em;font-weight:800}.preview-card strong{color:var(--ink);font-size:1.35rem;font-weight:800}.accent-card strong{color:#fff}.auth-panel{background:linear-gradient(#202020 0 84px,#0000 84px),#fff;flex-direction:column;justify-content:center;align-items:flex-start;gap:20px;padding:48px clamp(24px,6.8vw,96px);display:flex}.back-link{color:var(--ink);letter-spacing:.14em;text-transform:uppercase;border-bottom:2px solid var(--orange);background:0 0;padding:0 0 4px;font-size:.86rem;font-weight:800}.back-link:hover{color:var(--orange)}.auth-card{background:#fff;width:min(720px,100%);padding:42px 0 0;position:relative}.auth-card h2{margin-top:12px;font-size:clamp(1.8rem,4vw,3rem)}.auth-text{max-width:660px;margin:22px 0 0}.auth-placeholder{background:var(--band);border-left:4px solid var(--orange);align-items:center;gap:18px;margin:30px 0;padding:24px;display:flex}.auth-icon-wrap{width:60px;height:60px;color:var(--orange);background:#fff;justify-content:center;align-items:center;display:inline-flex}.info-banner{border-left:4px solid;margin-bottom:18px;padding:18px 20px}.info-banner strong,.info-banner p{margin:0}.warning-banner{background:var(--warning-soft);color:var(--warning-text)}.error-banner,.error-text{color:var(--danger-text)}.error-banner{background:var(--danger-soft)}.disabled-button{opacity:.72;cursor:not-allowed}.disabled-button:hover{background:var(--orange)}.profile-page{align-content:start;gap:28px;min-width:0;padding:48px clamp(24px,6.8vw,96px);display:grid}.profile-header{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:24px;padding:0 0 18px;display:grid;position:relative}.profile-header h2{margin-top:12px;font-size:clamp(1.8rem,3vw,2.6rem)}.profile-header:after{grid-column:1/-1}.profile-grid{background:var(--line);grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;width:100%;min-width:0;display:grid}.profile-card{background:#fff;width:100%;min-width:0;padding:28px;overflow:hidden}.profile-card-full{border:1px solid var(--line);width:100%}.summary-list{border-top:1px solid var(--line);gap:0;margin-top:18px;display:grid}.summary-row{border-bottom:1px solid var(--line);gap:6px;padding:14px 0;display:grid}.summary-row strong{overflow-wrap:anywhere}.json-block{background:var(--code-bg);color:#f1f1f1;white-space:pre-wrap;overflow-wrap:anywhere;border-left:4px solid var(--orange);width:100%;max-width:100%;margin:18px 0 0;padding:18px;font-size:.9rem;line-height:1.55;overflow-x:auto}@media (width<=1180px){.topbar{grid-template-columns:1fr auto}.main-nav{background:#111;order:3;grid-column:1/-1;justify-content:flex-start;overflow-x:auto}.main-nav a{min-height:58px}.dashboard-preview{grid-template-columns:1fr}.preview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.topbar{grid-template-columns:1fr;position:relative}.brand-block,.profile-menu-wrap{min-width:0;padding:18px 22px}.profile-menu-wrap{border-top:1px solid #1c1c1c;justify-content:space-between}.profile-dropdown{right:22px}.hero-copy{border-top-width:72px;padding:72px 24px 34px}.hero-copy:before{width:56%;height:72px;top:-72px;right:0}.hero-copy h2,.auth-card h2,.profile-header h2{letter-spacing:.18em}.preview-grid,.profile-grid,.profile-header{grid-template-columns:1fr}.auth-panel,.profile-page{padding:34px 24px}.auth-placeholder{flex-direction:column;align-items:flex-start}}@media (width<=520px){.brand-block{flex-direction:column;align-items:flex-start}.main-nav a{padding:0 16px;font-size:.78rem}.phone-link{letter-spacing:.12em;font-size:.78rem}.hero-copy:before{width:100%;font-size:.82rem}.hero-copy .section-label:after{content:"Tax    Payroll    Xero"}}