/* Linqbase premium visual system, shared by the website and account console. */
:root { color-scheme: light; --paper:#f5f4ed; --surface:#fffef9; --ink:#263f31; --forest:#284533; --muted:#71816b; --lime:#c3ed92; --line:#d8e1ce; --shadow:0 24px 65px #243e300c,0 2px 5px #243e3005; }
body { background:var(--paper); color:var(--ink); font-family:'Segoe UI Variable','Segoe UI',-apple-system,BlinkMacSystemFont,sans-serif; font-size:15px; -webkit-font-smoothing:antialiased; }
button,input,select,textarea { font-family:inherit; }
button,a,input,select,textarea { transition:background .18s,color .18s,border-color .18s,box-shadow .18s,transform .18s; }
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible { outline:3px solid #8ba86d; outline-offset:4px; }
button:disabled { cursor:not-allowed; opacity:.45; }
::selection { background:#c3ed92; color:#2b452e; }
[hidden] { display:none!important; }
.wrap,.wrap.narrow,.wrap.prose,.wrap.steps { width:calc(100% - min(2cm,8vw)); max-width:none; margin-inline:auto; }
em { font-family:Georgia,'Times New Roman',serif; font-weight:400; }
.site-header { height:100px; border-bottom:1px solid var(--line); gap:clamp(24px,4vw,72px); }
.brand { font-size:27px; font-weight:650; letter-spacing:-1.4px; gap:10px; }
.brand img { width:35px; height:35px; border-radius:10px; }
.brand b { color:#7c9c56; }
.site-header nav { margin-left:auto; font-size:13px; gap:clamp(20px,3vw,42px); font-weight:500; }
.site-header nav a { position:relative; padding:10px 0; color:#74866a; }
.site-header nav a:hover,.site-header nav a[aria-current=page] { color:#2f522d; }
.site-header nav a[aria-current=page]:after { content:''; position:absolute; bottom:2px; left:0; width:18px; height:2px; background:#739454; border-radius:2px; }
.header-actions { gap:25px; font-size:13px; }
.button { border:1px solid #c3d2b1; padding:13px 20px; border-radius:9px; gap:28px; font-size:13px; font-weight:550; color:#52723d; }
.button:hover { background:#e6eeda; border-color:#8faa75; transform:translateY(-1px); box-shadow:0 5px 15px #3551290a; }
.button.primary { background:var(--forest); color:#eff5e6; border-color:var(--forest); }
.button.primary:hover { background:#3d5b36; border-color:#3d5b36; box-shadow:0 6px 20px #25402c15; }
.header-actions .button { padding:11px 17px; font-size:12px; gap:22px; }
.eyebrow { font-size:10px; font-weight:600; letter-spacing:1.9px; color:#829c6b; }
.hero { grid-template-columns:.94fr 1.06fr; gap:clamp(35px,5vw,100px); padding-block:clamp(65px,7vw,115px) 90px; min-height:690px; align-items:center; }
.hero-copy { max-width:740px; }
.hero h1 { font-size:clamp(52px,6.3vw,105px); font-weight:450; line-height:1.055; letter-spacing:-.065em; margin:26px 0; }
.hero h1 em { color:#7a985c; letter-spacing:-.06em; }
.lead { font-size:17px; line-height:1.9; color:#7e906e; max-width:535px; }
.lead.small { font-size:16px; }
.actions { gap:12px; margin-top:32px; flex-wrap:wrap; }
.hero-footnote { font-size:10px; color:#97a785; gap:20px; margin-top:28px; flex-wrap:wrap; }
.hero-footnote span:before { content:'✓'; color:#87a564; margin-right:6px; }
.hero-visual { min-width:0; position:relative; padding:35px 0; }
.hero-aura { position:absolute; inset:-55px 0 -30px -25px; background:radial-gradient(ellipse,#dce8c699,#e6ebda33 60%,transparent 73%); pointer-events:none; }
.product-window { position:relative; z-index:1; background:#17221b; border-radius:15px; overflow:hidden; box-shadow:0 30px 70px #233d3029,0 4px 12px #233d3020; border:1px solid #334a33; color:#c9dabd; }
.product-toolbar { display:flex; align-items:center; gap:10px; padding:13px 18px; border-bottom:1px solid #35452f; font-size:11px; background:#1b281f; }
.product-toolbar img { width:19px; height:19px; border-radius:5px; }
.product-toolbar strong { font-weight:550; color:#edf2e6; }
.product-toolbar>small { margin-left:auto; color:#7d9670; font-size:9px; }
.window-dots { display:flex; gap:5px; margin-left:10px; }
.window-dots i { width:5px; height:5px; background:#526448; border-radius:50%; }
.product-content { display:grid; grid-template-columns:1fr .86fr; min-height:330px; }
.product-conversation { padding:27px 23px 20px; border-right:1px solid #31432b; display:flex; flex-direction:column; gap:18px; }
.product-label { font-size:8px; letter-spacing:1.6px; color:#829a70; }
.demo-prompt { background:#2b3a25; border:1px solid #425535; border-radius:10px 10px 3px 10px; color:#d1e2c1; padding:14px; font-size:11px; line-height:1.8; }
.demo-agent { display:flex; align-items:center; gap:8px; color:#c6e1ae; font-size:11px; }
.demo-agent img { width:16px; height:16px; }
.demo-progress { display:grid; gap:11px; border-left:1px solid #4a6339; padding-left:12px; margin-left:7px; color:#92ad7b; font-size:10px; }
.demo-progress span:before { content:'✓'; color:#c3ed92; margin-right:7px; }
.demo-input { margin-top:auto; padding:12px 13px; border:1px solid #4c603c; border-radius:10px; background:#25341f; color:#8da276; font-size:10px; }
.demo-input>div { display:flex; align-items:center; justify-content:space-between; margin-top:18px; font-size:9px; }
.demo-input b { display:grid; place-items:center; background:var(--lime); color:#304524; width:23px; height:23px; border-radius:6px; font-size:15px; }
.product-preview { background:#e9ecde; padding:20px; color:#37513b; display:flex; flex-direction:column; }
.demo-site-top { font-size:8px; display:flex; align-items:center; justify-content:space-between; padding-bottom:15px; border-bottom:1px solid #cbd5bf; }
.demo-site-top strong { font-family:Georgia,serif; font-size:12px; font-weight:400; letter-spacing:-.3px; }
.demo-site-hero { padding:28px 0 21px; }
.demo-site-hero small { color:#81946d; font-size:7px; letter-spacing:1.2px; }
.demo-site-hero h2 { font:400 clamp(24px,2.3vw,36px)/1.15 Georgia,serif; letter-spacing:-1.1px; margin:11px 0; }
.demo-site-hero p { font-size:8px; line-height:1.7; color:#7b8f6a; }
.demo-site-link { display:inline-flex; background:#49633c; color:#eaf0df; font-size:7px; padding:7px 11px; border-radius:4px; }
.demo-landscape { flex:1; min-height:85px; border-radius:8px; position:relative; overflow:hidden; background:linear-gradient(160deg,#cad7b3 0 45%,#a3b884 45% 67%,#708c5c 67%); }
.demo-landscape:before { content:''; position:absolute; width:45px; height:45px; background:#ecedcf; border-radius:50%; right:18px; top:12px; }
.product-caption { display:flex; justify-content:space-between; align-items:center; gap:10px; padding:11px 18px; border-top:1px solid #35452f; font-size:9px; color:#7e9b6c; }
.product-caption .status-dot { display:inline-block; margin-right:5px; }
.visual-caption { position:relative; display:flex; justify-content:space-between; align-items:center; font-size:10px; color:#8c9a7e; margin-top:19px; padding-inline:3px; }
.visual-caption strong { color:#5d7750; font-weight:500; }
.provider-strip { border-block:1px solid var(--line); padding-block:30px; gap:28px; }
.provider-strip>span { font-size:11px; color:#97a785; }
.provider-strip>b { font-size:clamp(19px,1.8vw,27px); font-weight:550; letter-spacing:-1px; color:#80946d; }
.section { padding-block:96px; }
.section-heading { margin-bottom:45px; }
.section-heading h2,.connect-story h2,.cta-band h2,.split h2,.faq h2,.contact-layout h2 { font-size:clamp(35px,3.3vw,54px); font-weight:450; line-height:1.15; letter-spacing:-2px; margin:18px 0 22px; }
.section-heading h2 em,.connect-story h2 em,.cta-band h2 em,.split h2 em,.faq h2 em { color:#84a163; }
.section-heading p { font-size:14px; color:#859776; line-height:1.95; }
.feature-grid { gap:24px; }
.feature-grid article { border:1px solid var(--line); border-radius:15px; padding:32px; background:linear-gradient(140deg,#fffef955,#e7eddd50); display:flex; flex-direction:column; align-items:start; }
.feature-number { color:#91a77a; font:10px/1.7 'Cascadia Code',Consolas,monospace; letter-spacing:1.2px; }
.feature-grid h3 { font-size:26px; font-weight:450; letter-spacing:-.8px; margin:32px 0 17px; line-height:1.3; }
.feature-grid p { font-size:13px; color:#829b6e; line-height:1.95; margin-bottom:26px; }
.feature-grid a { margin-top:auto; font-size:12px; color:#658947; border-bottom:1px solid #bdcfa9; padding-block:5px; }
.showcase { background:#e8eddf; border-block:1px solid #dce4d1; }
.workspace-preview { border-radius:14px; border:1px solid #b8c9a4; box-shadow:0 25px 60px #34492b17; }
.preview-caption { font:9px/1.5 'Cascadia Code',Consolas,monospace; letter-spacing:1px; padding:13px 20px; background:#22301f; color:#9ab487; }
.connect-story,.split,.split.reverse { gap:80px; }
.connect-story p,.split p { font-size:14px; line-height:1.95; color:#829b6e; }
.check-list li { font-size:13px; line-height:1.9; color:#829b6e; }
.cta-band { padding:55px 60px; border-radius:20px; border:1px solid #d0ddc0; background:#e2ebd4; gap:60px; margin-bottom:100px; }
.cta-band p { font-size:14px; line-height:1.95; color:#829b6e; }
.site-footer { background:#263f31; border-top:1px solid #344d36; color:#c6d7bd; }
.footer-top { padding-block:65px; gap:40px; }
.footer-top .brand { color:#eff4e7; font-size:30px; }
.footer-top .brand b { color:#c3ed92; }
.footer-top p { font-size:13px; color:#91ab88; line-height:1.9; }
.footer-top strong { font-size:11px; color:#d1e1c6; font-weight:550; margin-bottom:12px; }
.footer-top a:not(.brand),.footer-top>div>span { color:#9ab78b; font-size:12px; }
.footer-top a:hover { color:#e0f0d0; }
.footer-top small { color:#88a379; font-size:10px; line-height:1.9; }
.footer-top .footer-mark { display:none; }
.footer-bottom { border-top:1px solid #3b563b; padding-block:23px; color:#8ca97f; font-size:10px; }
.page-intro { padding-block:75px 40px; }
.page-intro h1 { font-size:clamp(46px,5vw,80px); font-weight:450; letter-spacing:-.055em; line-height:1.12; margin:22px 0; }
.page-intro h1 em { color:#88a669; }
.detail-grid article { background:#e9eee0; border:1px solid #dce4d1; border-radius:14px; padding:30px; }
.detail-grid h3 { font-size:19px; font-weight:500; letter-spacing:-.4px; }
.detail-grid p,.prose,.steps p { font-size:13px; line-height:1.95; color:#829b6e; }
.steps article { padding-block:30px; border-color:#ccddba; }
.steps h2 { font-size:25px; font-weight:450; letter-spacing:-.6px; }
.steps article>span { font:36px/1.4 Georgia,serif; color:#a1bb84; }
.callout { background:#e7eddb; border:1px solid #d2dfc0; border-radius:12px; padding:23px 27px; }
.callout strong { font-size:13px; color:#618446; font-weight:550; }
.callout p { font-size:12px; line-height:1.95; color:#829b6e; }
.faq summary { font-size:15px; color:#6b8f50; padding-block:5px; }
.faq details p { font-size:13px; line-height:1.95; color:#829b6e; }
.form { gap:20px; }
.form label { font-size:12px; font-weight:500; color:#698851; gap:8px; }
.form input:not([type=checkbox]),.form select,.form textarea { background:#fbfcf5; border:1px solid #c9d9b9; border-radius:8px; padding:12px 14px; color:#476b31; font-size:13px; min-width:0; }
.form input:focus,.form select:focus,.form textarea:focus { border-color:#88a96d; box-shadow:0 0 0 3px #95b67b10; }
.form input::placeholder,.form textarea::placeholder { color:#a3b28e; }
.form .checkbox { font-size:11px; font-weight:400; line-height:1.8; }
input[type=checkbox] { accent-color:#72944e; }
.field-help { font-size:10px; line-height:1.8; color:#97ad81; }
.auth-layout { grid-template-columns:minmax(340px,430px) minmax(0,1fr); gap:clamp(60px,9vw,160px); align-items:center; padding-block:65px 90px; }
.auth-tile { border-radius:20px; background:var(--surface); padding:36px; border:1px solid #d5e1c7; box-shadow:var(--shadow); position:relative; }
.auth-tile:before { content:''; position:absolute; left:36px; top:-1px; width:42px; height:3px; border-radius:3px; background:#98b97b; }
.auth-tile h1 { font-size:35px; font-weight:450; letter-spacing:-1.4px; line-height:1.2; margin:20px 0 18px; }
.auth-tile>p { font-size:12px; line-height:1.9; color:#8ba378; }
.auth-tile .form .button { justify-content:space-between; margin-top:4px; }
.auth-switch { border-color:#e0e8d4; font-size:11px; color:#9aaf85; padding-top:21px; margin-top:24px; }
.auth-bottom { color:#9bb185; font-size:9px; line-height:1.8; }
.auth-story>h2 { font-size:clamp(36px,3.7vw,59px); font-weight:450; line-height:1.15; letter-spacing:-2.1px; }
.auth-story>h2 em { color:#88a669; }
.auth-story>p { font-size:14px; line-height:1.95; color:#8ba378; }
.auth-story-grid { gap:22px; margin-top:35px; padding-top:28px; border-top:1px solid #d4dfc5; }
.auth-story-grid span { font:11px/1.5 Consolas,monospace; color:#a2bd85; }
.auth-story-grid h3 { font-size:15px; font-weight:500; margin:13px 0 9px; }
.auth-story-grid p { font-size:11px; line-height:1.8; color:#8ba378; }
.auth-story>img { max-height:270px; object-fit:contain; }
.pricing { gap:22px; }
.plan-card { border-radius:17px; padding:32px; background:var(--surface); border-color:#d3dfc6; box-shadow:var(--shadow); }
.plan-card h2 { font-size:29px; font-weight:450; margin:25px 0 15px; }
.plan-card p { font-size:12px; line-height:1.9; color:#8ba378; }
.plan-price { font-size:38px; letter-spacing:-1.5px; }
.plan-card ul { font-size:12px; line-height:2.8; color:#8ba378; padding-block:22px; }
.plan-card .button { width:100%; justify-content:space-between; font-size:12px; }
.plan-card.featured { background:#2b492f; border-color:#2b492f; color:#eef5e4; transform:translateY(-8px); }
.plan-card.featured p,.plan-card.featured ul { color:#aac694; }
.plan-card.featured .button { background:var(--lime); border-color:var(--lime); color:#3a562b; }
.paper-card { border-radius:15px; padding:30px; border-color:#d1e0c1; background:var(--surface); box-shadow:0 4px 20px #24412a04; }
.paper-card h2 { font-size:24px; font-weight:450; letter-spacing:-.7px; }
.paper-card h3 { font-size:18px; font-weight:500; letter-spacing:-.3px; }
.paper-card>p { font-size:13px; line-height:1.95; color:#829d6c; }
.contact-layout p { font-size:14px; line-height:1.95; color:#8ba378; }
/* Dedicated account and owner console. All values come from the existing APIs. */
.account-shell { grid-template-columns:230px minmax(0,1fr); gap:clamp(30px,4vw,65px); padding-block:30px 65px; min-height:calc(100vh - 100px); }
.account-shell>* { min-width:0; }
.account-nav { position:sticky; top:25px; align-self:start; min-height:490px; padding:24px 13px 15px; background:#294431; border:1px solid #3c5638; border-radius:16px; gap:5px; box-shadow:0 12px 35px #263f3110; }
.account-nav .eyebrow { color:#95b280; padding-inline:14px; font-size:9px; letter-spacing:1.6px; margin-bottom:20px; }
.account-nav>a,.account-nav>button { display:flex; align-items:center; gap:11px; padding:12px 13px; border:1px solid transparent; font-size:12px; color:#abc695; border-radius:8px; }
.nav-icon { width:17px; height:17px; stroke:currentColor; fill:none; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round; flex-shrink:0; }
.account-nav>a:hover,.account-nav>button:hover { background:#395536; color:#e0eed0; }
.account-nav>a.selected { background:#c3ed9214; border-color:#c3ed9219; color:#def3c6; }
.account-nav>a.selected .nav-icon { color:#c3ed92; }
.account-nav>button { margin-top:25px; color:#93af7f; }
.nav-account { margin:auto 7px 0; padding:22px 6px 8px; border-top:1px solid #486140; display:flex; align-items:center; gap:10px; }
.account-avatar { display:grid; place-items:center; width:34px; height:34px; border-radius:10px; background:#c3ed9220; border:1px solid #c3ed9230; color:#d5edbc; font-size:11px; flex-shrink:0; }
.nav-account>div { min-width:0; }
.nav-account strong,.nav-account small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.nav-account strong { font-size:11px; color:#cde1b8; font-weight:500; }
.nav-account small { font-size:9px; color:#93af7e; margin-top:3px; }
#accountcontent { padding-top:12px; }
.dashboard-heading { margin-bottom:30px; }
.dashboard-heading .eyebrow { font-size:9px; }
.dashboard-heading h1 { font-size:38px; font-weight:450; letter-spacing:-1.6px; line-height:1.2; margin:15px 0 13px; }
.dashboard-heading p { font-size:13px; line-height:1.85; color:#8ba378; }
.stats-grid { gap:17px; margin:25px 0 35px; }
.stats-grid.admin-stats { grid-template-columns:repeat(4,minmax(0,1fr)); }
.stats-grid article { background:var(--surface); border:1px solid #d2e1c2; border-radius:13px; padding:22px; position:relative; box-shadow:0 4px 20px #24412a03; }
.stats-grid article:first-child { background:#e9efde; border-color:#cfddbd; }
.stats-grid span,.stats-grid small { font-size:10px; color:#8ba776; }
.stats-grid strong { font-size:29px; font-weight:450; line-height:1.3; letter-spacing:-.9px; color:#5c7e44; margin:20px 0 10px; }
.stats-grid .stat-icon { position:absolute; right:18px; top:20px; color:#a3bf84; }
.stats-grid small { line-height:1.8; color:#94ae7c; }
.dashboard-section-title h2 { font-size:21px; font-weight:450; letter-spacing:-.5px; }
.text-button { color:#73974e; font-size:12px; }
.text-button:hover { color:#3a6429; text-decoration:underline; text-underline-offset:4px; }
.device-card { background:var(--surface); border-color:#d1e0c1; border-radius:14px; padding:24px; }
.device-icon { width:43px!important; height:43px!important; border-radius:12px!important; background:#eaf0df!important; color:#8daa70; }
.device-icon .nav-icon { width:22px; height:22px; }
.device-card h3 { font-size:18px; font-weight:500; letter-spacing:-.4px; }
.device-card p { font-size:11px; color:#96ae81; }
.badge,.tag { display:inline-flex; align-items:center; gap:5px; background:#eaf0df; color:#8aa772; border:1px solid #d4e2c5; border-radius:20px; font-size:9px; padding:4px 9px; }
.badge.online,.badge.active { background:#e1efce; color:#72974f; border-color:#c9dfb2; }
.badge.online:before { content:''; width:4px; height:4px; border-radius:50%; background:#8fb364; }
.badge.pending { color:#a58c54; background:#f3eddd; border-color:#e7dabe; }
.badge.disabled,.badge.deleted { color:#a37b69; background:#f3e7df; border-color:#e8d6c9; }
.empty-state { border:1px dashed #c6d8b2; background:#edf2e5a0; border-radius:15px; padding:55px 30px; }
.empty-state>span { display:inline-grid; place-items:center; width:48px; height:48px; background:#e2ecd5; border-radius:14px; color:#96b674; }
.empty-state h3 { font-size:22px; font-weight:450; letter-spacing:-.7px; }
.empty-state p { font-size:12px; line-height:1.95; color:#96ae81; }
.table-scroll,.table-wrap { border:1px solid #d5e1c6; border-radius:12px; background:var(--surface); }
table { font-size:12px; }
th { background:#edf2e5; color:#8aa772; font-size:10px; padding:17px 22px; }
td { padding:19px 22px; border-color:#e2ead8; line-height:1.9; color:#7d9966; }
tbody tr:hover { background:#f6f9ef; }
td strong { font-weight:500; color:#6a8a52; }
td small { font-size:10px; color:#9ab385; }
.table-section-title { display:flex; justify-content:space-between; align-items:center; gap:20px; padding:22px 24px; background:var(--surface); border:1px solid #d5e1c6; border-bottom:0; border-radius:12px 12px 0 0; }
.table-section-title h2 { font-size:17px; font-weight:500; letter-spacing:-.4px; margin:0; }
.table-section-title+.table-scroll { border-radius:0 0 12px 12px; }
.admin-tabs { display:flex; gap:4px; padding:5px; width:fit-content; max-width:100%; border:1px solid #dce6cf; background:#e8efde; border-radius:10px; margin:0 0 25px; }
.admin-tabs .button { border:1px solid transparent; color:#91a97c; font-size:11px; padding:10px 16px; border-radius:7px; transform:none; box-shadow:none; gap:9px; }
.admin-tabs .button .nav-icon { width:14px; height:14px; }
.admin-tabs .button.active { background:#fffef9; color:#688b4e; border-color:#dae5cd; box-shadow:0 2px 6px #36512b0a; }
.admin-tabs .button:hover { background:#f5f8ed; color:#51763b; }
.plan-edit-grid { gap:18px; margin-top:24px; }
.plan-edit-grid .paper-card { padding:23px; }
.plan-edit-grid h3 { color:#789b59; font-size:18px; }
.plan-edit-grid .form label { font-size:11px; }
#mollieform { max-width:670px; margin-top:25px; }
#mollieform .button { justify-self:start; width:auto; }
#userform { margin-top:24px; max-width:660px; }
.subscription-row { border-color:#d9e5cc; font-size:12px; color:#8ca877; }
.subscription-row strong { color:#729b50; }
.account-cards article { background:var(--surface); border-radius:14px; border-color:#d5e3c5; }
.loading,.subtle,.muted { color:#8ba378; font-size:12px; line-height:1.85; }
.toast { background:#2b482f; color:#dbeacb; border:1px solid #577246; border-radius:11px; box-shadow:0 14px 40px #14251930; }
dialog { background:var(--surface); border-color:#bdcfa8; border-radius:17px; padding:32px; box-shadow:var(--shadow); }
dialog::backdrop { background:#1b3029a6; backdrop-filter:blur(7px); }
body[data-section=account] .site-header nav { display:none; }
body[data-section=account] .header-actions { margin-left:auto; }
body[data-section=account] .mobile-menu { display:none; }
body[data-section=account] .footer-top { display:none; }
body[data-section=account] .site-footer { background:transparent; border-top:1px solid #d9e5cc; }
body[data-section=account] .footer-bottom { border:0; color:#91a67a; }
/* Text on paper uses neutral ink; green is reserved for accents and status. */
.button,button,input,textarea,select { font-family:inherit; }
.lead,.lead.small,.section-heading p,.feature-grid p,.connect-story p,.split p,.check-list li,.cta-band p,.detail-grid p,.prose,.steps p,.faq details p,.contact-layout p { color:#68785e; }
.hero-footnote,.visual-caption,.provider-strip>span,.auth-bottom,.auth-switch,.field-help,.loading,.subtle,.muted { color:#738267; }
.eyebrow,.feature-number { color:#6f8956; }
.auth-tile>p,.auth-story>p,.auth-story-grid p,.plan-card p,.plan-card ul,.paper-card>p,.callout p,.dashboard-heading p { color:#718362; }
.form label { color:#526d40; font-size:13px; }
.form input:not([type=checkbox]),.form select,.form textarea { color:#3f5c30; }
.form input::placeholder,.form textarea::placeholder { color:#81916d; }
.auth-tile .form .button { font-size:13px; }
.stats-grid span { color:#6c8458; font-size:11px; }
.stats-grid strong { color:#3b5d2b; }
.stats-grid small,.device-card p,.empty-state p,.dashboard-heading p { color:#738766; font-size:12px; }
th { color:#6a8257; font-size:11px; }
td { color:#607b4c; font-size:13px; }
td strong { color:#3f5c30; }
td small { color:#7e9469; font-size:11px; }
.admin-tabs .button { color:#6c8559; }
.admin-tabs .button.active { color:#375b24; }
.callout strong,.text-button { color:#4f7138; }
.plan-card.featured p,.plan-card.featured ul { color:#bad3a6; }
.footer-top a:not(.brand),.footer-top>div>span { color:#b2c8a4; }
.footer-top small,.footer-bottom { color:#a1b991; }
.account-nav>a,.account-nav>button { font-size:13px; }
.nav-account strong { font-size:12px; }
.badge.active,.badge.online { color:#4c742f; }
@media(min-width:1700px) { .hero{min-height:780px}.product-content{min-height:425px}.product-conversation{padding:35px;gap:24px}.product-preview{padding:30px}.demo-prompt{font-size:13px;padding:18px}.demo-progress{font-size:12px;gap:17px}.demo-site-hero{padding:35px 0 28px}.demo-site-hero h2{font-size:43px}.demo-site-hero p{font-size:10px}.demo-landscape{min-height:115px} }
@media(max-width:1150px) { .site-header{height:90px;gap:24px}.site-header nav{gap:22px;font-size:12px}.header-actions{gap:18px}.hero{gap:35px;padding-block:65px;min-height:620px}.hero h1{font-size:66px}.lead{font-size:15px}.hero .actions .button{font-size:12px;gap:15px;padding:12px 16px}.product-content{grid-template-columns:1fr}.product-conversation{border:0;padding:25px}.product-preview{display:none}.demo-input{margin-top:15px}.feature-grid article{padding:25px}.feature-grid h3{font-size:24px}.connect-story,.split,.split.reverse{gap:45px}.auth-layout{grid-template-columns:360px minmax(0,1fr);gap:50px}.auth-tile{padding:28px}.auth-story-grid{gap:15px}.auth-story-grid h3{font-size:13px}.account-shell{grid-template-columns:195px minmax(0,1fr);gap:30px}.account-nav{padding-inline:9px}.stats-grid.admin-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.plan-edit-grid{grid-template-columns:1fr}.plan-edit-grid .paper-card{max-width:700px} }
@media(max-width:800px) { .site-header{height:82px;gap:20px}.brand{font-size:25px}.brand img{width:32px;height:32px}.site-header>nav{top:72px;padding:18px;border:1px solid #d2e0c1;background:#fffef9;border-radius:12px;box-shadow:var(--shadow)}.header-actions{margin-left:auto;gap:15px}.hero{grid-template-columns:1fr;padding-block:55px 45px;gap:35px}.hero h1{font-size:clamp(56px,10vw,75px)}.hero-copy{max-width:620px}.hero-visual{max-width:650px;width:100%;margin-inline:auto;padding-block:10px 20px}.hero-aura{inset:-20px 0}.product-content{grid-template-columns:1fr .9fr;min-height:320px}.product-conversation{padding:24px 20px;border-right:1px solid #31432b}.product-preview{display:flex}.demo-site-hero h2{font-size:30px}.provider-strip{gap:25px;padding-block:24px}.provider-strip>b{font-size:21px;margin-right:15px}.section{padding-block:60px}.section-heading h2,.connect-story h2,.cta-band h2,.split h2,.faq h2,.contact-layout h2{font-size:38px;letter-spacing:-1.5px}.feature-grid{gap:15px}.feature-grid article{padding:27px}.feature-grid h3{margin-top:18px}.connect-story,.split,.split.reverse,.faq,.contact-layout{gap:30px}.cta-band{gap:28px;padding:35px;margin-bottom:60px}.footer-top{gap:35px;padding-block:45px}.page-intro{padding-block:50px 25px}.page-intro h1{font-size:54px}.plan-card.featured{transform:none}.auth-layout{grid-template-columns:1fr;gap:35px;padding-block:40px 60px}.auth-tile{max-width:480px;padding:32px}.auth-story>h2{font-size:40px}.auth-story-grid h3{font-size:15px}.auth-story>img{max-height:240px}.account-shell{grid-template-columns:1fr;gap:25px;padding-top:20px}.account-nav{position:static;min-height:0;flex-direction:row;flex-wrap:wrap;align-items:center;padding:13px;border-radius:13px;gap:3px}.account-nav .eyebrow{width:100%;margin:0 0 7px;padding:7px 10px}.account-nav>a,.account-nav>button{font-size:11px;padding:9px 10px;gap:7px}.account-nav .nav-icon{width:15px;height:15px}.account-nav>button{margin:0}.nav-account{display:none}#accountcontent{padding-top:0}.dashboard-heading h1{font-size:32px}.stats-grid{gap:12px}.stats-grid article{padding:18px}.stats-grid strong{font-size:24px}.admin-tabs .button{font-size:10px;padding:9px 11px}.table-scroll,.table-wrap{max-width:100%} }
@media(max-width:480px) { .site-header{gap:12px}.hero h1{font-size:55px}.hero .eyebrow{font-size:8px}.hero .actions{gap:10px}.hero .actions .button{font-size:11px;padding:12px 13px;gap:12px}.hero-footnote{font-size:9px;gap:12px}.product-content{grid-template-columns:1fr .78fr;min-height:310px}.product-conversation{padding:18px 13px;gap:15px}.product-preview{padding:14px 10px}.product-label{font-size:6px;letter-spacing:1px}.demo-prompt{font-size:9px;padding:10px}.demo-agent{font-size:9px}.demo-progress{font-size:8px;gap:10px;padding-left:8px}.demo-input{font-size:8px;padding:9px}.demo-input>div{font-size:7px}.demo-site-top{font-size:6px}.demo-site-top strong{font-size:10px}.demo-site-hero{padding-block:18px}.demo-site-hero h2{font-size:26px}.demo-site-hero small{font-size:5px}.demo-site-hero p{font-size:7px}.demo-landscape{min-height:80px}.product-caption{padding:10px 12px;font-size:7px}.product-toolbar{padding:12px}.product-toolbar>small{font-size:7px}.visual-caption{font-size:8px}.provider-strip{gap:22px}.provider-strip>b{font-size:19px;margin-right:0}.section-heading h2,.connect-story h2,.cta-band h2,.split h2,.faq h2,.contact-layout h2{font-size:34px}.preview-caption{font-size:6px;letter-spacing:.6px;padding:10px 12px}.cta-band{padding:28px}.auth-tile{padding:28px}.auth-tile h1{font-size:32px}.auth-story>h2{font-size:35px;letter-spacing:-1.4px}.auth-story-grid{grid-template-columns:1fr;gap:18px}.auth-story-grid article{display:grid;grid-template-columns:27px 1fr;gap:0 8px}.auth-story-grid span{grid-row:span 2;padding-top:3px}.auth-story-grid h3{margin:0 0 6px}.auth-story-grid p{margin:0}.page-intro h1{font-size:44px;letter-spacing:-2px}.paper-card{padding:23px}.stats-grid:not(.admin-stats){grid-template-columns:1fr}.stats-grid:not(.admin-stats) article{padding:20px}.stats-grid:not(.admin-stats) strong{margin-block:10px 6px}.stats-grid.admin-stats article{padding:16px}.stats-grid.admin-stats strong{font-size:23px;margin-top:16px}.stats-grid .stat-icon{right:13px;top:17px;width:14px;height:14px}.admin-tabs .button{padding:8px 9px;font-size:9px;gap:6px}.admin-tabs .button .nav-icon{width:12px;height:12px}th{padding-inline:14px;font-size:9px}td{padding-inline:14px;font-size:11px}.plan-card{padding:28px} }
@media(prefers-reduced-motion:reduce) { *,*:before,*:after { scroll-behavior:auto!important; transition:none!important; animation:none!important; } }

/* One editorial language, from the public introduction to the account console. */
:root { --paper:#f6f3eb; --surface:#fffef9; --ink:#253e31; --forest:#263f32; --muted:#5f7464; --line:#d9dfcf; --shadow:0 18px 55px #253e3010,0 3px 8px #253e3005; }
body { background:radial-gradient(ellipse at 94% 10%,#e3e9d580,transparent 36%),var(--paper); }
.site-header { height:96px; border-bottom-color:#cad5c1; }
.site-header nav,.header-actions { font-size:14px; }
.site-header nav a { color:#526d57; }
.brand { letter-spacing:-1px; }
.button { border-radius:12px; font-size:14px; min-height:46px; padding:13px 21px; border-color:#afc09d; }
.button.primary { background:linear-gradient(145deg,#35543e,#253e30); box-shadow:inset 0 1px #d3e9be22,0 4px 12px #28452f12; }
.button.primary:hover { background:#395a41; box-shadow:0 7px 22px #25402c20; }
.eyebrow { font-size:11px; color:#647e52; letter-spacing:1.6px; }
.hero { padding-block:74px 84px; gap:clamp(32px,4vw,76px); }
.hero h1 { font-weight:480; letter-spacing:-.06em; }
.hero h1 em { color:#688447; }
.lead,.lead.small { color:#5b725f; line-height:1.85; }
.hero-footnote { font-size:12px; color:#647957; gap:19px; }
.hero-visual { padding-block:28px; }
.hero-aura { background:radial-gradient(ellipse,#ccdcb28c,transparent 70%); inset:-38px -8px; }
.product-window { border-radius:22px; border:1px solid #53684b; box-shadow:0 28px 65px #263e3028,0 7px 18px #263e3015; }
.product-toolbar { padding:17px 20px; background:linear-gradient(110deg,#2b3c2e,#1b281f); }
.product-toolbar strong { font-size:13px; }
.product-toolbar>small { font-size:10px; color:#b2c49e; }
.product-content { min-height:375px; }
.product-label { font-size:9px; color:#adbf9c; letter-spacing:1.4px; }
.demo-prompt { font-size:12px; border-radius:14px 14px 4px 14px; color:#e0ebd5; }
.demo-agent { font-size:12px; }
.demo-progress { font-size:11px; color:#b5c9a4; gap:13px; }
.demo-input { color:#b4c4a7; font-size:11px; border-radius:12px; }
.demo-input>div { font-size:10px; }
.product-preview { background:linear-gradient(145deg,#f1f0e2,#dbe4ca); }
.demo-site-top { color:#536e49; }
.demo-site-hero p { color:#596f4b; font-size:9px; }
.demo-landscape { border-radius:10px 10px 35px 10px; }
.product-caption { padding:13px 20px; font-size:10px; color:#adc29b; }
.visual-caption { font-size:11px; color:#637a53; margin-top:20px; }
.provider-strip { padding-block:30px; }
.provider-strip>span { font-size:12px; color:#627958; }
.provider-strip>b { color:#546c4a; }
.section-heading p,.feature-grid p,.detail-grid p,.steps p,.faq details p,.contact-layout p { font-size:15px; line-height:1.85; color:#5d755c; }
.section-heading h2,.connect-story h2,.split h2 { letter-spacing:-1.8px; }
.section-heading h2 em,.connect-story h2 em,.split h2 em,.faq h2 em { color:#6e8a50; }
.feature-grid { gap:22px; }
.feature-grid article { padding:34px; border:1px solid #cfdbc1; border-radius:23px; background:linear-gradient(135deg,#fffef9,#edf0e3); box-shadow:0 10px 28px #354e2f07; }
.feature-grid article:first-child { background:linear-gradient(135deg,#344d38,#233d2e); color:#f2f5e9; border-color:#39543a; }
.feature-grid article:first-child h3 { color:#f1f5e8; }
.feature-grid article:first-child p { color:#c5d2b8; }
.feature-grid article:first-child .feature-number { color:#c3dcaa; }
.feature-grid article:first-child a { color:#d8edbd; border-color:#738b60; }
.feature-grid article:nth-child(2) { background:linear-gradient(130deg,#e1e9d3,#eef1e5); }
.feature-grid h3 { font-size:29px; line-height:1.25; margin-top:30px; }
.feature-number { font-size:11px; color:#6c8554; }
.feature-grid a { font-size:13px; color:#4e6b39; }
.showcase { background:linear-gradient(120deg,#e1e9d6,#f0f0e5); border:0; }
.workspace-preview { border-radius:20px; box-shadow:0 24px 65px #2c45252a; }
.preview-caption { font-size:11px; padding:16px 20px; }
.detail-grid article { border-radius:20px; padding:30px; background:#eeefe2; }
.detail-grid h3 { font-size:22px; }
.cta-band { border-radius:26px; background:linear-gradient(120deg,#304b37,#233d2c); box-shadow:var(--shadow); }
.cta-band h2 { color:#f5f5e9; }
.cta-band h2 em { color:#c8e5a6; }
.cta-band p { font-size:15px; color:#c3d4b4; line-height:1.85; }
.cta-band .eyebrow { color:#b7d49b; }
.cta-band .button { background:#c3e89a; border-color:#c3e89a; color:#2d4528; }
.page-intro .lead { max-width:680px; }
.steps article { padding:32px 24px; border-radius:16px; border-bottom:1px solid #d1dcc5; }
.steps article:nth-child(even) { background:#e8eddc; }
.steps article>span { color:#71914f; }
.steps h2 { font-size:27px; }
.callout { border-radius:16px; border:1px solid #cbdab9; border-left:4px solid #93ae70; padding:24px 27px; background:#eaf0df; }
.callout strong { font-size:15px; color:#405f35; }
.callout p { font-size:14px; color:#607a50; }
.faq summary { font-size:17px; color:#405e39; }
.prose { font-size:15px; line-height:1.9; color:#536c53; }
.form { gap:21px; }
.form label { font-size:13px; color:#4a653f; }
.form input:not([type=checkbox]),.form select,.form textarea { border-radius:11px; padding:13px 15px; font-size:14px; color:#314e2e; background:#f8faf2; border-color:#bbcba9; }
.form input::placeholder,.form textarea::placeholder { color:#768a66; }
.form .checkbox,.field-help { font-size:12px; color:#60764f; }
.form-status { color:#465d38; font-size:13px; line-height:1.7; }
.auth-layout { gap:clamp(40px,7vw,130px); padding-block:62px 90px; }
.auth-tile { border-radius:25px; border-color:#cbd8be; padding:38px; box-shadow:0 22px 65px #253e3012,inset 0 1px #fff; }
.auth-tile:before { left:38px; width:60px; height:4px; background:#8da86b; }
.auth-tile h1 { font-size:39px; letter-spacing:-1.4px; }
.auth-tile>p { font-size:14px; color:#607753; }
.auth-switch { font-size:13px; color:#627754; }
.auth-bottom { font-size:11px; color:#6c825b; }
.auth-story>p { font-size:16px; color:#607753; }
.auth-story>h2 em { color:#6d8b4c; }
.auth-story-grid h3 { font-size:17px; }
.auth-story-grid p { font-size:13px; color:#607753; }
.auth-story-grid span { font-size:12px; color:#6a8650; }
.auth-story>img { border-radius:22px; background:#e5ecd8; padding:15px; margin-top:30px; max-height:250px; }
.paper-card { border-radius:20px; border-color:#cfdbc1; box-shadow:var(--shadow); padding:30px; }
.paper-card>p { font-size:14px; color:#607953; }
.plan-card { border-radius:23px; padding:34px; }
.plan-card p,.plan-card ul { font-size:14px; color:#61794f; }
.plan-card.featured { background:linear-gradient(140deg,#38563c,#233e2d); }
.plan-card.featured p,.plan-card.featured ul { color:#d0dfbd; }
.plan-price { font-family:Georgia,'Times New Roman',serif; font-size:43px; }
body[data-section=account] { background:radial-gradient(ellipse at 100% 10%,#e4ead980,transparent 50%),#f4f2e9; }
.account-shell { gap:32px; grid-template-columns:235px minmax(0,1fr); padding-block:30px 75px; }
.account-nav { background:linear-gradient(160deg,#304d38,#203b2c); border:1px solid #3c563b; border-radius:20px; padding:20px 14px; box-shadow:0 15px 40px #203d2c14; }
.account-nav .eyebrow { color:#bdd1a3; font-size:10px; }
.account-nav>a,.account-nav>button { font-size:13px; color:#d1dfbf; padding:12px 13px; border-radius:11px; gap:11px; }
.account-nav>a.selected { background:#c3ed921b; color:#f0f7dd; border-color:#c3ed9238; box-shadow:inset 3px 0 #c6e79e; }
.nav-account { border-color:#6c82544d; padding-top:19px; }
.nav-account strong { color:#e4eecf; font-size:13px; }
.nav-account small { color:#b4c69f; font-size:11px; }
.account-avatar { border-radius:12px; }
.dashboard-heading { padding:30px 34px; border-radius:21px; background:linear-gradient(115deg,#e2e9d5,#eff1e4); border:1px solid #cedcbe; margin-bottom:25px; position:relative; overflow:hidden; }
.dashboard-heading:after { content:''; position:absolute; width:210px; height:210px; border:30px solid #79965309; border-radius:45px; right:-75px; top:-55px; transform:rotate(25deg); pointer-events:none; }
.dashboard-heading .eyebrow { color:#5d7d40; font-size:10px; }
.dashboard-heading h1 { font-size:38px; letter-spacing:-1.3px; margin:16px 0 12px; }
.dashboard-heading p { font-size:14px; color:#5a7450; margin:0; }
.stats-grid { gap:16px; margin-bottom:28px; }
.stats-grid article { border-radius:18px; padding:24px; background:#fffef9; border-color:#cedbc0; box-shadow:0 6px 22px #2a432609; }
.stats-grid span { color:#5c774b; font-size:12px; }
.stats-grid strong { color:#334e2e; font-size:34px; font-variant-numeric:tabular-nums; font-weight:500; margin:23px 0 12px; letter-spacing:-1px; }
.stats-grid small { color:#627c50; font-size:12px; line-height:1.6; }
.stats-grid article:first-child { background:linear-gradient(140deg,#38563c,#25422f); border-color:#395639; }
.stats-grid article:first-child span,.stats-grid article:first-child small { color:#cadcba; }
.stats-grid article:first-child strong { color:#f0f5df; }
.stats-grid .stat-icon { width:20px; height:20px; color:#789558; }
.stats-grid article:first-child .stat-icon { color:#c7e7a5; }
.admin-tabs { gap:4px; padding:6px; border-radius:13px; background:#e2ead5; border:1px solid #cadbb8; margin-bottom:22px; }
.admin-tabs .button { padding:11px 15px; font-size:12px; border-radius:9px; min-height:42px; color:#506f3b; }
.admin-tabs .button.active { background:#fffef8; color:#2c4c29; box-shadow:0 3px 9px #2c452911; }
.table-scroll { border-radius:17px; }
.table-section-title { padding:22px 25px; border-radius:17px 17px 0 0; }
.table-section-title h2 { font-size:19px; }
th { font-size:12px; color:#55733e; background:#edf2e3; padding:15px 23px; }
td { font-size:14px; color:#354f2d; padding:20px 23px; }
td small { color:#667e52; font-size:12px; }
.badge { font-size:11px; padding:6px 10px; }
.device-card { border-radius:19px; border-color:#ccdbbc; box-shadow:var(--shadow); padding:28px; }
.device-card h3 { font-size:23px; }
.device-card p,.device-card .muted { font-size:13px; color:#647c52; }
.empty-state { padding:40px 28px; border:1px dashed #aabd94; border-radius:20px; background:linear-gradient(135deg,#edf1e3,#fffef7); }
.empty-state>span { display:grid; place-items:center; margin:0 auto 18px; width:52px; height:52px; border:1px solid #c1d4ab; border-radius:16px; color:#607d46; background:#e2eccf; }
.empty-state .nav-icon { width:25px; height:25px; }
.empty-state h3 { font-size:24px; }
.empty-state p { font-size:14px; color:#607a4f; line-height:1.8; }
.empty-state .button { margin-top:12px; }
.text-button { font-size:13px; }
dialog { border-radius:22px; width:min(440px,calc(100vw - 36px)); max-height:calc(100dvh - 40px); overflow:auto; box-shadow:var(--shadow); }
.site-footer { background:#ebeede; border-top:1px solid #d1dcc1; }
.footer-top { padding-block:55px 45px; }
.footer-top p,.footer-top a { font-size:14px; color:#526b45; }
.footer-top .brand { color:#284531; }
.footer-top .brand b { color:#708e4c; }
.footer-top a:not(.brand),.footer-top>div>span { color:#526b45; font-size:13px; }
.footer-top a:hover { color:#263f29; }
.footer-top strong { color:#36532e; font-size:13px; }
.footer-top small { font-size:12px; color:#657f50; line-height:1.8; }
.footer-bottom { font-size:11px; color:#627d4e; padding-block:23px; border-color:#bfcead; }
.footer-mark { color:#b8cca2; }
@media(max-width:1100px) {
  .account-shell { grid-template-columns:205px minmax(0,1fr); gap:24px; }
  .dashboard-heading { padding:27px; }
  .stats-grid.admin-stats { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .hero h1 { font-size:62px; }
  .feature-grid article { padding:26px; }
}
@media(max-width:800px) {
  .site-header { height:84px; gap:16px; }
  .site-header>nav { top:76px; padding:22px; border-radius:15px; background:#fffdf4; }
  .hero { padding-block:48px 55px; gap:20px; }
  .hero-visual { max-width:650px; padding-block:22px; }
  .product-content { min-height:340px; }
  .hero-footnote { font-size:11px; }
  .feature-grid article { padding:28px; max-width:none; }
  .account-shell { grid-template-columns:1fr; gap:23px; padding-top:22px; }
  .account-nav { padding:13px; border-radius:16px; }
  .account-nav>a,.account-nav>button { padding:10px; font-size:12px; }
  .dashboard-heading { padding:25px; }
  .dashboard-heading h1 { font-size:32px; }
  .admin-tabs .button { font-size:11px; gap:7px; padding:10px 11px; }
  .auth-layout { padding-block:38px 60px; gap:38px; }
  .auth-tile { padding:32px; }
  .auth-story-grid p { font-size:13px; }
  .stats-grid strong { font-size:30px; }
  .stats-grid.admin-stats { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:480px) {
  .site-header { gap:12px; }
  .hero h1 { font-size:52px; }
  .hero .actions .button { font-size:13px; padding:14px 17px; }
  .product-window { border-radius:17px; }
  .product-toolbar { padding:13px; }
  .product-content { min-height:315px; }
  .product-label { font-size:7px; }
  .demo-prompt { font-size:10px; padding:11px; }
  .demo-agent { font-size:10px; }
  .demo-progress { font-size:9px; gap:10px; }
  .demo-input { font-size:9px; }
  .demo-input>div { font-size:8px; }
  .product-caption { font-size:8px; padding:12px; }
  .product-toolbar>small { font-size:8px; }
  .visual-caption { font-size:10px; gap:12px; }
  .auth-tile { padding:27px; }
  .auth-tile h1 { font-size:34px; }
  .auth-story>h2 { font-size:36px; }
  .stats-grid.admin-stats article { padding:18px; }
  .stats-grid.admin-stats strong { font-size:29px; }
  .stats-grid .stat-icon { width:16px; height:16px; }
  .stats-grid span,.stats-grid small { font-size:11px; }
  .dashboard-heading { padding:23px; }
  .dashboard-heading h1 { font-size:29px; }
  .dashboard-heading p { font-size:13px; }
  .paper-card { padding:24px; }
  .admin-tabs .button { padding:9px 10px; font-size:10px; }
  td { padding:16px 14px; font-size:12px; }
  td small { font-size:11px; }
  th { padding:14px; font-size:11px; }
  .callout { padding:21px; }
  .callout p { font-size:13px; }
  .section-heading h2,.connect-story h2,.cta-band h2,.split h2 { font-size:35px; }
}