/* Yasa suite: one visual contract for Nexus, Hercules and Midas.
   Product adapters below preserve each app's navigation and document behaviour. */
@font-face{font-family:'DM Sans';font-style:normal;font-weight:400;font-display:optional;src:url('./nexus-dm-sans-400.woff2') format('woff2')}
@font-face{font-family:'DM Sans';font-style:normal;font-weight:500;font-display:optional;src:url('./nexus-dm-sans-500.woff2') format('woff2')}
@font-face{font-family:'DM Sans';font-style:normal;font-weight:600;font-display:optional;src:url('./nexus-dm-sans-600.woff2') format('woff2')}
@font-face{font-family:'DM Sans';font-style:normal;font-weight:700;font-display:optional;src:url('./nexus-dm-sans-700.woff2') format('woff2')}
@font-face{font-family:'Space Grotesk';font-style:normal;font-weight:500;font-display:optional;src:url('./nexus-space-grotesk-500.woff2') format('woff2')}
@font-face{font-family:'Space Grotesk';font-style:normal;font-weight:600;font-display:optional;src:url('./nexus-space-grotesk-600.woff2') format('woff2')}
@media screen {
:root{
 --suite-font-body:'DM Sans',sans-serif;--suite-font-heading:'Space Grotesk',sans-serif;
 --suite-canvas:#111315;--suite-surface:#191c1f;--suite-surface-raised:#202428;
 --suite-ink:#e5e7eb;--suite-muted:#a5adb7;--suite-border:#343a40;--suite-accent:#f0a45b;
 --suite-space-1:4px;--suite-space-2:8px;--suite-space-3:12px;--suite-space-4:16px;
 --suite-space-5:24px;--suite-space-6:32px;--suite-space-7:48px;--suite-space-8:64px;
 --suite-control-height:44px;--suite-control-size:44px;--suite-radius:8px;--suite-panel-radius:12px;
 --suite-sidebar-width:246px;--suite-topbar-height:64px;--suite-gutter:32px;
 --suite-public-width:1280px;--suite-content-width:1780px;--suite-reading-width:72ch;
 --bg:var(--suite-canvas);--panel:var(--suite-surface);--panel-high:var(--suite-surface-raised);
 --ink:var(--suite-ink);--text:var(--suite-ink);--muted:var(--suite-muted);--subtle:var(--suite-muted);
 --line:var(--suite-border);--accent:var(--suite-accent);--gold:var(--suite-accent);--sidebar:var(--suite-sidebar-width);
 --color-primary:var(--suite-accent);--color-primary-hover:#ffc17d;--color-text:var(--suite-ink);--color-text-muted:var(--suite-muted);
 color-scheme:dark;font-synthesis:none;
}
body[data-suite-design]{margin:0;background:var(--suite-canvas);color:var(--suite-ink);font:400 14px/1.55 var(--suite-font-body)}
body[data-suite-design] *,body[data-suite-design] *::before,body[data-suite-design] *::after{box-sizing:border-box}
body[data-suite-design] :is(button,input,select,textarea){font-family:var(--suite-font-body)}
body[data-suite-design] :is(h1,h2,h3){overflow-wrap:anywhere}
body[data-suite-design] h1{font:500 30px/1.2 var(--suite-font-heading);letter-spacing:-.025em}
body[data-suite-design] :is(h2,h3){font-family:var(--suite-font-body);font-weight:600;letter-spacing:0}
body[data-suite-design] h2{font-size:20px;line-height:1.35}
body[data-suite-design] h3{font-size:16px;line-height:1.4}
body[data-suite-design] :is(a,button){touch-action:manipulation}
body[data-suite-design] a{text-underline-offset:4px;color:var(--suite-accent)}
body[data-suite-design] :focus-visible{outline:2px solid var(--suite-accent);outline-offset:3px}
body[data-suite-design] ::selection{background:var(--suite-accent);color:#111315}
body[data-suite-design] :is(input,textarea){caret-color:var(--suite-accent)}
body[data-suite-design] :is(input,textarea)::placeholder{color:var(--suite-muted);opacity:1}
body[data-suite-design]{scrollbar-color:#59616a var(--suite-canvas);scrollbar-width:thin}
body[data-suite-design] :is(table,.metric-value,.stat-value){font-variant-numeric:tabular-nums}
body[data-suite-design] :is(.brand,.suite-brand,.yasa-brand),body[data-suite-design] .suite-brand .logo-text{
 display:flex;align-items:center;gap:12px;font:500 17px/1.25 var(--suite-font-heading);letter-spacing:1px;color:var(--suite-ink);text-decoration:none;white-space:nowrap
}
body[data-suite-design] .suite-brand .logo-text{display:block}
body[data-suite-design] :is(.brand,.suite-brand,.yasa-brand)>span:not(.suite-mark){font:inherit;letter-spacing:inherit;color:inherit}
body[data-suite-design] :is(.brand,.suite-brand,.yasa-brand) b{font-weight:600;color:var(--suite-ink)}
body[data-suite-design] :is(.brand,.suite-brand,.yasa-brand) small{display:block;font:500 10px/1.4 var(--suite-font-body);letter-spacing:1px;color:var(--suite-muted);margin-top:4px}
body[data-suite-design] :is(.suite-identity,.brand>img,.yasa-brand>img){width:36px;height:36px;flex:0 0 36px;object-fit:contain}
body[data-suite-design] .suite-mark{display:block;width:36px;height:36px;flex:0 0 36px;transform:none;background:url('/suite-icons/20261020-v4/logo.svg') center/contain no-repeat}
body[data-suite-design] .suite-mark>i{display:none}
/* Shared app shell. Mobile disclosure and focus behaviour stay owned by each app. */
body[data-suite-design] :is(.sidebar,.site-header,.billing-nav){width:var(--suite-sidebar-width);background:#151719;border-right:1px solid var(--suite-border)}
body[data-suite-design] :is(.sidebar-brand,.header-left,.billing-nav .billing-brand){height:96px;min-height:96px;padding:24px 20px}
body[data-suite-design] :is(.topbar,.suite-topbar){height:var(--suite-topbar-height);min-height:var(--suite-topbar-height);padding-inline:var(--suite-gutter);background:#151719;border-bottom:1px solid var(--suite-border);font-size:13px}
body[data-suite-design] :is(.sidebar .nav-item,.header-nav .nav-link,.billing-nav>button){min-height:44px;height:auto;padding:11px 12px;border-radius:var(--suite-radius);font:400 14px/20px var(--suite-font-body);gap:12px}
body[data-suite-design] :is(.sidebar .nav-item.selected,.header-nav .nav-link.active,.billing-nav>button.active){background:#2c2925;color:#f3c69c;border-color:#493b2d;font-weight:500}
body[data-suite-design] #billing-app .billing-nav>button{min-height:44px;min-block-size:44px;padding:11px 12px;font:400 14px/20px var(--suite-font-body);border-radius:var(--suite-radius)}
body[data-suite-design] #billing-app .billing-nav>button.active{font-weight:500}
body[data-suite-design] :is(.content,.main-content){padding:32px var(--suite-gutter) 48px;max-width:var(--suite-content-width)}
body[data-suite-design] :is(.page-header,.project-header,.section-heading){gap:16px;margin-bottom:24px}
body[data-suite-design] :is(.card,.project-card,.task-card,.stat-card,.panel-card){border-radius:var(--suite-panel-radius);border-color:var(--suite-border);box-shadow:none;background:var(--suite-surface)}
body[data-suite-design] :is(.card-header,.card-body){padding:24px}
body[data-suite-design] :is(.modal-content,dialog){border-radius:var(--suite-panel-radius);background:var(--suite-surface);color:var(--suite-ink);border-color:var(--suite-border);font:400 14px/1.55 var(--suite-font-body)}
body[data-suite-design] :is(.modal-header,.modal-body,.modal-footer){padding:24px}
body[data-suite-design] :is(.modal-title,dialog h2){font:600 20px/1.35 var(--suite-font-body)}
body[data-suite-design] :is(.btn,.button,.billing-primary,.billing-secondary,.text-button,.dropdown-item,.modal-close){min-height:44px;border-radius:var(--suite-radius);font:500 14px/20px var(--suite-font-body);padding:11px 16px}
body[data-suite-design] :is(.btn-primary,.button.primary,.billing-primary){background:var(--suite-accent);border-color:var(--suite-accent);color:#111315;box-shadow:none}
body[data-suite-design] :is(.btn-primary,.button.primary,.billing-primary):hover{background:#ffc17d;border-color:#ffc17d;color:#111315}
body[data-suite-design] :is(.btn-secondary,.button.secondary,.billing-secondary){background:var(--suite-surface-raised);border-color:var(--suite-border);color:var(--suite-ink)}
body[data-suite-design] :is(button:disabled,[aria-disabled=true]){cursor:not-allowed;opacity:.55}
body[data-suite-design] :is(input:not([type=checkbox]):not([type=radio]):not([type=color]):not([type=range]):not([type=hidden]),select,textarea){min-height:44px;border-radius:var(--suite-radius);border:1px solid #48515b;background:#14191e;color:var(--suite-ink);font:400 16px/24px var(--suite-font-body);padding:9px 12px}
body[data-suite-design] textarea{min-height:112px}
body[data-suite-design] :is(.form-label,.field-label){font:500 14px/20px var(--suite-font-body);margin-bottom:8px}
body[data-suite-design] :is(.form-group,.field-group){margin-bottom:24px}
body[data-suite-design].suite-app :is(.btn,.premium-global-create,.collab-inbox-button){min-height:44px;min-block-size:44px;line-height:20px}
body[data-suite-design] #billing-app :is(.billing-primary,.billing-secondary){min-height:44px;min-block-size:44px;padding:11px 16px;font:500 14px/20px var(--suite-font-body);border-radius:var(--suite-radius)}
body[data-suite-design] .stat-card h3{font:500 30px/1.2 var(--suite-font-heading)}
body[data-suite-design] #billing-app .billing-toolbar h1{font:500 30px/1.2 var(--suite-font-heading)}
body[data-suite-design] :is(.suite-app-switch,.topbar-link){font-size:13px;line-height:20px;min-height:44px}
body[data-suite-design] .topbar-link{display:inline-flex;align-items:center}
/* Midas' register/detail split uses the same outer measure as the other apps. */
body[data-suite-design].billing-mode{font:400 14px/1.55 var(--suite-font-body)}
body[data-suite-design].billing-mode :is(.billing-layout,.billing-settings-page){max-width:var(--suite-content-width);margin-inline:auto;height:calc(100dvh - var(--suite-topbar-height))}
body[data-suite-design].billing-mode .billing-toolbar{padding:32px var(--suite-gutter) 24px;gap:16px}
body[data-suite-design].billing-mode .billing-toolbar h1{font:500 30px/1.2 var(--suite-font-heading);letter-spacing:-.025em}
body[data-suite-design].billing-mode .billing-paper{padding:32px var(--suite-gutter)}
body[data-suite-design].billing-mode .billing-filters{padding-inline:var(--suite-gutter)}
body[data-suite-design].billing-mode :is(.billing-table,.billing-lines){font:400 14px/1.5 var(--suite-font-body)}
body[data-suite-design].billing-mode .billing-table th{font-size:12px;font-weight:600;line-height:1.5}
body[data-suite-design] .billing-search{min-width:0}
body[data-suite-design] :is(.premium-global-search,.premium-global-create,.collab-inbox-button){min-height:44px;font-size:14px;line-height:20px}
/* Public shells and reading pages share brand, navigation, typography and gutters. */
body[data-suite-design=public],body[data-suite-design=legal]{font-size:16px;line-height:1.65}
body[data-suite-design=public]>:is(header,main,footer),body[data-suite-design=legal]>:is(header,footer){width:100%;max-width:var(--suite-public-width);margin-inline:auto;padding-inline:var(--suite-gutter)}
body[data-suite-design=public]>header,body[data-suite-design=legal]>header{min-height:96px;display:flex;align-items:center;justify-content:space-between;padding-block:24px;border-bottom:1px solid var(--suite-border);gap:24px}
body[data-suite-design=public] header nav,body[data-suite-design=legal] header nav{display:flex;align-items:center;flex-wrap:wrap;gap:8px 24px}
body[data-suite-design=public] header nav a,body[data-suite-design=legal] header nav a{display:inline-flex;align-items:center;min-height:44px;font-size:14px}
body[data-suite-design=public] .hero{padding:80px 0;gap:64px}
body[data-suite-design=public] h1{font:500 clamp(36px,4vw,56px)/1.12 var(--suite-font-heading);letter-spacing:-.025em;margin:0 0 24px}
body[data-suite-design=public] h2,body[data-suite-design=legal] h2{font:500 28px/1.25 var(--suite-font-heading);letter-spacing:-.02em}
body[data-suite-design=public] .lead{font-size:18px;line-height:1.65;max-width:65ch;color:var(--suite-muted)}
body[data-suite-design=public] .button{min-height:48px;padding:13px 20px;font-size:16px}
body[data-suite-design=public] :is(.features,.connection,.google-reviews,.closing){gap:32px;padding-block:48px}
body[data-suite-design=public] :is(.hero-copy,.product-preview){min-width:0}
body[data-suite-design=public] .product-preview{padding:32px;border-radius:var(--suite-panel-radius);background:var(--suite-surface);border-color:var(--suite-border)}
body[data-suite-design=public]>footer,body[data-suite-design=legal]>footer{padding-block:32px;gap:16px 24px;font-size:14px;line-height:1.6}
body[data-suite-design=public] footer a,body[data-suite-design=legal] footer a{display:inline-flex;align-items:center;min-height:44px}
body[data-suite-design=legal]>main{width:100%;max-width:calc(var(--suite-reading-width) + 2 * var(--suite-gutter));padding:48px var(--suite-gutter) 64px;margin-inline:auto}
body[data-suite-design=legal] h1{font:500 clamp(32px,4vw,48px)/1.15 var(--suite-font-heading);letter-spacing:-.025em}
body[data-suite-design=legal] :is(p,li){max-width:var(--suite-reading-width)}
body[data-suite-design=legal] h2{margin:48px 0 16px}
body[data-suite-design=legal] .toc{margin:32px 0;padding:16px 0}
body[data-suite-design=public].suite-nexus-public>main{padding-block:80px 64px}
body[data-suite-design=public].suite-nexus-public>main>:is(p,h1,h2){max-width:72ch}
body[data-suite-design=public].suite-nexus-public>main>h1{max-width:20ch}
body[data-suite-design=public].suite-nexus-public h2{margin:48px 0 16px}
/* Identical two-column sign-in frame; actions and eligibility remain app-owned. */
body[data-suite-design=account]:not(.billing-mode),body[data-suite-design] .login{min-height:100dvh;background:var(--suite-canvas);color:var(--suite-ink);font:400 16px/1.6 var(--suite-font-body)}
body[data-suite-design=account]:not(.billing-mode)>header,body[data-suite-design] .login-top{height:auto;min-height:96px;width:100%;max-width:var(--suite-public-width);margin-inline:auto;padding:24px var(--suite-gutter);background:transparent;border-bottom:1px solid var(--suite-border);display:flex;align-items:center;justify-content:space-between;gap:24px}
body[data-suite-design=account]:not(.billing-mode)>main,body[data-suite-design] .login-main{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,480px);align-items:center;gap:64px;width:100%;max-width:var(--suite-public-width);min-height:calc(100dvh - 192px);margin:auto;padding:64px var(--suite-gutter)}
body[data-suite-design=account]:not(.billing-mode) .intro,body[data-suite-design] .login-copy{min-width:0;padding:0}
body[data-suite-design=account]:not(.billing-mode) .intro h1,body[data-suite-design] .login-copy h1{font:500 clamp(36px,4vw,48px)/1.15 var(--suite-font-heading);letter-spacing:-.025em;margin:0 0 24px}
body[data-suite-design] .login-copy h1 span{color:var(--suite-ink)}
body[data-suite-design=account]:not(.billing-mode) .intro :is(p,.lead),body[data-suite-design] .login-copy>p{font:400 16px/1.65 var(--suite-font-body);color:var(--suite-muted);max-width:60ch}
body[data-suite-design=account]:not(.billing-mode) .panel,body[data-suite-design] .login-card{width:100%;max-width:480px;min-width:0;margin:0;padding:32px;background:var(--suite-surface);border:1px solid var(--suite-border);border-radius:var(--suite-panel-radius);box-shadow:none}
body[data-suite-design=account]:not(.billing-mode) .panel h2,body[data-suite-design] .login-card h2{font:500 28px/1.25 var(--suite-font-heading);letter-spacing:-.02em;margin:0 0 16px}
body[data-suite-design=account]:not(.billing-mode) .panel>p,body[data-suite-design] .login-card>p{font:400 16px/1.6 var(--suite-font-body);color:var(--suite-muted);margin:0 0 24px}
body[data-suite-design=account]:not(.billing-mode) .panel #message:empty{display:none}
body[data-suite-design=account]:not(.billing-mode) .panel label{font:500 14px/20px var(--suite-font-body);display:block;margin:0 0 24px}
body[data-suite-design=account]:not(.billing-mode) .panel label input{display:block;width:100%;margin-top:8px}
body[data-suite-design=account]:not(.billing-mode) :is(#submit,#google),body[data-suite-design] .login-card .google-button{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;min-height:48px;padding:13px 16px;font:500 16px/20px var(--suite-font-body);border-radius:var(--suite-radius);margin:16px 0 0}
body[data-suite-design=account]:not(.billing-mode) #submit{background:var(--suite-accent);color:#111315;border:1px solid var(--suite-accent)}
body[data-suite-design=account]:not(.billing-mode) #google{background:var(--suite-surface-raised);color:var(--suite-ink);border:1px solid #48515b;text-decoration:none}
body[data-suite-design=account]:not(.billing-mode) #options{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:16px}
body[data-suite-design=account]:not(.billing-mode) #options .text-button{font-size:14px;min-height:44px;padding:8px 0}
body[data-suite-design=account]:not(.billing-mode)>footer,body[data-suite-design] .login>footer{width:100%;max-width:var(--suite-public-width);margin-inline:auto;padding:24px var(--suite-gutter);display:flex;flex-wrap:wrap;align-items:center;gap:16px 24px;border-top:1px solid var(--suite-border);font:400 14px/1.6 var(--suite-font-body);color:var(--suite-muted);background:transparent}
body[data-suite-design=account]:not(.billing-mode)>footer a,body[data-suite-design] .login>footer a{display:inline-flex;align-items:center;min-height:44px}
body[data-suite-design=account]:not(.billing-mode)>footer,body[data-suite-design] .login>footer{letter-spacing:0}
body[data-suite-design] :is(.login-products,.ledger){display:flex;flex-wrap:wrap;gap:12px 24px;color:var(--suite-muted);font:400 14px/1.5 var(--suite-font-body)}
body[data-suite-design] .login-note{font:400 14px/1.6 var(--suite-font-body);color:var(--suite-muted);padding-top:24px;margin-top:24px;border-color:var(--suite-border)}
body[data-suite-design] .login-key{width:48px;height:48px;margin-bottom:24px;border-radius:var(--suite-radius)}
/* Removed redundant eyebrow labels from these equivalent visual roles. */
body[data-suite-design] :is(.intro,.panel,.hero-copy,.connection,.google-reviews,.login-copy)>.eyebrow{display:none}
/* Hidden form states must remain hidden despite component display rules. */
body[data-suite-design] [hidden]{display:none!important}
@media(max-width:960px){
 :root{--suite-gutter:24px}
 body[data-suite-design=account]:not(.billing-mode)>main,body[data-suite-design] .login-main{grid-template-columns:minmax(0,1fr);max-width:640px;gap:32px;padding-block:48px}
 body[data-suite-design=account]:not(.billing-mode) .panel,body[data-suite-design] .login-card{max-width:none}
 body[data-suite-design=public] .hero{gap:32px}
}
@media(max-width:760px){
 :root{--suite-sidebar-width:260px;--suite-topbar-height:56px;--suite-gutter:20px}
 body[data-suite-design] :is(.sidebar,.site-header,.billing-nav){width:var(--suite-sidebar-width)}
 body[data-suite-design] :is(.content,.main-content){padding:24px var(--suite-gutter) 40px}
 body[data-suite-design=app] .content h1,body[data-suite-design=app] .main-content h1,body[data-suite-design] #billing-app .billing-toolbar h1{font-size:28px}
 body[data-suite-design=public] h1{font-size:36px}
 body[data-suite-design=legal] h1{font-size:32px}
 body[data-suite-design=public] h2,body[data-suite-design=legal] h2{font-size:24px}
 body[data-suite-design] :is(.topbar,.suite-topbar){padding-inline:var(--suite-gutter)}
 body[data-suite-design] .topbar-link{display:none}
 body[data-suite-design].billing-mode .billing-toolbar{padding:24px var(--suite-gutter);flex-wrap:wrap}
 body[data-suite-design].billing-mode .billing-paper{padding:24px var(--suite-gutter)}
 body[data-suite-design] :is(.card-header,.card-body,.modal-header,.modal-body,.modal-footer){padding:20px}
 body[data-suite-design=public]>header,body[data-suite-design=legal]>header{flex-wrap:wrap;gap:16px;padding-block:20px}
 body[data-suite-design=public] .landing-header{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}
 body[data-suite-design=public] .landing-header nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 16px;width:100%}
 body[data-suite-design=public] .landing-header nav a{min-height:44px;padding-block:8px}
 body[data-suite-design=public] .hero{padding:48px 0;grid-template-columns:minmax(0,1fr)}
 body[data-suite-design=public] :is(.features,.connection,.google-reviews,.closing){padding-block:32px;gap:24px}
 body[data-suite-design=public] .product-preview{padding:24px}
 body[data-suite-design=public].suite-nexus-public>main{padding-block:48px}
 body[data-suite-design=legal]>main{padding-block:32px 48px}
 body[data-suite-design=account]:not(.billing-mode)>header,body[data-suite-design] .login-top{padding-block:20px;gap:16px;flex-wrap:wrap}
 body[data-suite-design=account]:not(.billing-mode)>header>.brand,body[data-suite-design] .login-top>.brand{flex-basis:100%}
 body[data-suite-design=account]:not(.billing-mode)>header,body[data-suite-design] .login-top{min-height:140px;align-content:center}
 body[data-suite-design=account]:not(.billing-mode)>main,body[data-suite-design] .login-main{padding-block:32px;gap:32px}
 body[data-suite-design=account]:not(.billing-mode) .panel,body[data-suite-design] .login-card{padding:24px}
 body[data-suite-design=account]:not(.billing-mode) .panel h2,body[data-suite-design] .login-card h2{font-size:26px}
 body[data-suite-design] .login>footer>span:last-child{display:none}
}
/* Print previews and actual document output keep their paper-specific presentation. */
@media print{body[data-suite-design]{background:white;color:black}}

}
