:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--background:#f8fafc;--foreground:#0f172a;--muted:#64748b;--card:#fff;--border:#e2e8f0;--accent:#0f766e;--accent-soft:#ccfbf1;--surface:#ffffffc7;--shadow:0 22px 70px #0f172a14}*{box-sizing:border-box}html,body{min-height:100%;color:var(--foreground);background:radial-gradient(circle at 0 0,#0f766e1f,#0000 34rem),linear-gradient(#f8fafc 0%,#eef2f7 100%);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}input,textarea,select{outline-color:var(--accent)}.page-shell{width:min(1160px,100% - 32px);margin:0 auto;padding:32px 0 56px}.nav{z-index:20;background:var(--surface);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid #e2e8f0db;border-radius:22px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:32px;padding:12px 14px;display:flex;position:sticky;top:16px;box-shadow:0 16px 40px #0f172a0f}.brand{letter-spacing:-.04em;font-size:22px;font-weight:900}.nav-links{color:var(--muted);flex-wrap:wrap;gap:8px;font-size:14px;display:flex}.nav-links a{border-radius:999px;padding:8px 10px;transition:background .16s,color .16s,transform .16s}.nav-links a:hover{color:var(--foreground);background:#f1f5f9;transform:translateY(-1px)}.hero{grid-template-columns:1.1fr .9fr;align-items:center;gap:32px;display:grid}.badge{background:var(--accent-soft);width:fit-content;color:var(--accent);border:1px solid #0f766e2e;border-radius:999px;align-items:center;padding:8px 12px;font-size:14px;font-weight:800;display:inline-flex}h1{letter-spacing:-.07em;margin:18px 0 16px;font-size:clamp(42px,7vw,76px);line-height:.92}h2,h3{letter-spacing:-.03em}.lead{color:var(--muted);max-width:680px;font-size:18px;line-height:1.7}.actions{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.button{border:1px solid var(--border);background:var(--card);cursor:pointer;text-align:center;white-space:normal;border-radius:14px;justify-content:center;align-items:center;min-height:44px;padding:0 16px;font-weight:850;line-height:1.2;transition:transform .16s,box-shadow .16s,border-color .16s;display:inline-flex;box-shadow:0 8px 22px #0f172a0d}.button:hover{border-color:#cbd5e1;transform:translateY(-1px);box-shadow:0 14px 30px #0f172a1a}.button.primary{background:linear-gradient(135deg, var(--accent), #115e59);color:#fff;border-color:#0000}.card{box-shadow:var(--shadow);background:#ffffffeb;border:1px solid #e2e8f0e6;border-radius:26px;padding:24px}.card.feature{transition:transform .16s,box-shadow .16s,border-color .16s}.grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:48px;display:grid}.dashboard-actions{grid-template-columns:repeat(4,1fr);gap:14px;margin-top:24px;display:grid}.stat-list{margin:0;padding-left:20px}.feature h3,.card h2{margin-top:0}.feature p,.card p,li{color:var(--muted);line-height:1.6}.code{color:#e2e8f0;background:#0f172a;border-radius:16px;padding:16px;font-size:13px;line-height:1.6;display:block;overflow-x:auto}@media (max-width:960px){.dashboard-actions,.grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:820px){.hero,.grid,.dashboard-actions{grid-template-columns:1fr}.nav{flex-direction:column;align-items:flex-start;position:static}.nav-links{width:100%}h1{font-size:clamp(40px,12vw,58px)}}@media (max-width:640px){.page-shell{width:min(100% - 24px,760px);padding:20px 0 max(88px, calc(env(safe-area-inset-bottom) + 56px))}.nav{border-radius:22px;gap:12px;margin-bottom:20px;padding:16px;overflow:hidden}.brand{font-size:clamp(28px,9vw,38px);line-height:1.05}.nav-links{overscroll-behavior-x:contain;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;gap:8px;width:100%;max-width:100%;padding:2px 2px 8px;font-size:14px;display:flex;overflow-x:auto}.nav-links::-webkit-scrollbar{display:none}.nav-links a{text-align:center;white-space:nowrap;scroll-snap-align:start;background:#f8fafcc7;border:1px solid #e2e8f0d9;flex:none;justify-content:center;align-items:center;min-width:max-content;min-height:38px;padding:8px 12px;line-height:1.15;display:inline-flex}.nav-links a:first-child{background:var(--accent-soft);color:var(--accent);border-color:#0f766e38;font-weight:850}.card{border-radius:22px;padding:20px}.card+.card,.dashboard-actions,.grid{margin-top:18px}.badge{max-width:100%;padding:7px 12px;font-size:13px}h1{margin:16px 0 14px;font-size:clamp(42px,15vw,58px);line-height:.95}.card h2{font-size:clamp(30px,10vw,42px);line-height:1.08}.feature h3{font-size:clamp(26px,8vw,34px);line-height:1.12}.lead,.feature p,.card p,li{font-size:17px;line-height:1.55}.actions{grid-template-columns:1fr;gap:10px;margin-top:22px;display:grid}.button{border-radius:16px;width:100%;min-height:54px;padding:14px 16px}.dashboard-actions{gap:12px}.dashboard-actions .card.feature{min-height:auto}form[action="/api/session/end"]{padding-bottom:env(safe-area-inset-bottom);margin-top:18px!important}}form[action="/api/session/end"] button.button{appearance:none;color:var(--foreground);background:var(--card);opacity:1;min-width:180px}@media (max-width:640px){form[action="/api/session/end"]{width:100%;display:block}form[action="/api/session/end"] button.button{color:#0f172a;text-align:center;background:#fff;border:1px solid #cbd5e1f2;width:100%;min-height:58px;font-size:17px;font-weight:850;line-height:1.2;display:flex;box-shadow:0 10px 26px #0f172a14}.page-shell>details.card{border-radius:20px;padding:16px;scroll-margin-top:12px;margin-top:16px!important}.page-shell>details.card summary{line-height:1.25;list-style-position:inside;font-size:18px!important}.page-shell>details.card>div{margin-top:12px!important}.page-shell>details.card form{gap:10px!important}.page-shell>details.card input,.page-shell>details.card select,.page-shell>details.card textarea{width:100%;min-width:0;font-size:16px}.page-shell>details.card textarea{min-height:104px;line-height:1.45}.page-shell>details.card .grid{margin-top:12px;grid-template-columns:1fr!important;gap:10px!important}.page-shell>details.card .button{width:100%;min-height:48px}.page-shell>details.card article{border-radius:14px!important;padding:12px!important}.page-shell>details.card article strong{color:#0f172a;background:#f1f5f9;border-radius:999px;margin-bottom:4px;padding:4px 8px;font-size:13px;display:inline-flex}.page-shell>details.card article p{overflow-wrap:anywhere;color:#475569;word-break:break-word;margin:6px 0 8px;font-size:15px;line-height:1.55}.page-shell>details.card article small{color:#64748b;font-size:12px}form[action="/api/app/agent-reply"]{background:#fffffff5;border:1px solid #e2e8f0f2;border-radius:18px;padding:12px;box-shadow:0 16px 46px #0f172a14}form[action="/api/app/agent-reply"] textarea{min-height:128px}form[action="/api/app/agent-reply"] .button{min-height:52px}}:root{--background:#f7f9f6;--foreground:#17201a;--muted:#667168;--card:#fff;--border:#dfe5dd;--accent:#17452f;--accent-soft:#e9f3ea;--surface:#ffffffe6;--shadow:0 18px 52px #17452f14}html,body{background:radial-gradient(circle at 8% 0%, #c1dec78f, transparent 30rem), radial-gradient(circle at 100% 22%, #e8daae33, transparent 24rem), var(--background);color:var(--foreground);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}::selection{color:#17201a;background:#cfe5d3}.nav{background:#fffffff0;border-color:#cfd8cfeb;border-radius:20px;padding:14px 16px;top:18px;box-shadow:0 12px 32px #17452f14}.brand{color:#17452f;letter-spacing:-.045em;font-size:20px}.nav-links{color:#5b665f;font-weight:650}.nav-links a{padding:9px 11px}.nav-links a:hover,.nav-links a:focus-visible{color:#17452f;background:#eaf3eb;transform:none}.badge{color:#17452f;letter-spacing:.01em;background:#eaf3eb;border-color:#cfe0d1;padding:7px 11px;font-size:13px}h1{letter-spacing:-.06em;max-width:14ch;margin:16px 0 14px;font-size:clamp(38px,5.8vw,62px);line-height:.98}h2,h3{color:#17201a}.lead{color:#5b665f;line-height:1.65}.button{color:#17452f;min-height:46px;box-shadow:none;background:#fff;border-color:#cfd8cf;border-radius:14px;font-weight:800}.button:hover,.button:focus-visible{background:#f4f8f4;border-color:#91b99b;transform:translateY(-1px);box-shadow:0 10px 24px #17452f17}.button.primary{color:#fff;background:#17452f;border-color:#17452f;box-shadow:0 10px 22px #17452f2e}.button.primary:hover,.button.primary:focus-visible{background:#123724;border-color:#123724}.button:focus-visible,.nav-links a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-offset:2px;outline:3px solid #17452f47}.card{box-shadow:var(--shadow);background:#fffffff5;border-color:#dfe5dd;border-radius:24px}.card.feature:hover{border-color:#b9d2be;transform:translateY(-2px);box-shadow:0 20px 46px #17452f1a}.feature p,.card p,li{color:#667168}.code{color:#eef7ef;background:#173c2b;border:1px solid #ffffff1f}input,textarea,select{color:#17201a;background:#fff;border-color:#cfd8cf!important;border-radius:12px!important}@media (max-width:640px){.page-shell{width:min(100% - 24px,760px);padding-top:16px}.nav{border-radius:18px;padding:14px}.nav-links a:first-child{color:#17452f;background:#eaf3eb;border-color:#cfe0d1}.card{border-radius:20px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}
@media (max-width:640px){main.page-shell>article.card:has(.widget-install-health-check){padding:18px;gap:16px!important}main.page-shell>article.card:has(.widget-install-health-check)>div:first-child{grid-template-columns:1fr!important;gap:14px!important;display:grid!important}main.page-shell>article.card:has(.widget-install-health-check)>div:first-child h2{margin:12px 0 8px;font-size:clamp(36px,12vw,48px);line-height:1}main.page-shell>article.card:has(.widget-install-health-check)>div:first-child p{overflow-wrap:anywhere;max-width:100%;font-size:16px;line-height:1.45}main.page-shell>article.card:has(.widget-install-health-check)>div:first-child .actions{scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:10px;width:100%;max-width:100%;padding:2px 2px 8px;overflow-x:auto;flex-wrap:nowrap!important;margin-top:0!important;display:flex!important}main.page-shell>article.card:has(.widget-install-health-check)>div:first-child .actions::-webkit-scrollbar{display:none}main.page-shell>article.card:has(.widget-install-health-check)>div:first-child .actions .button{scroll-snap-align:start;white-space:nowrap;flex:none;width:auto;min-width:max-content;min-height:44px;padding:10px 14px}.widget-install-health-check{border-radius:20px!important;gap:12px!important;padding:16px!important}.widget-install-health-check-header{grid-template-columns:1fr!important;gap:12px!important;display:grid!important}.widget-install-health-check h3{margin:0 0 6px!important;font-size:clamp(30px,10vw,42px)!important;line-height:1.05!important}.widget-install-health-check p{font-size:16px!important;line-height:1.45!important}.widget-install-health-check-button{width:100%;font-size:16px;min-height:48px!important;padding:10px 14px!important}.widget-install-health-check-list{gap:8px!important}.widget-install-health-check-row{border-radius:12px!important;gap:10px!important;padding:10px!important}.widget-install-health-check-row strong{font-size:15px;line-height:1.2}.widget-install-health-check-row span:last-child span{overflow-wrap:anywhere;line-height:1.35}}
@media (max-width:760px){main.page-shell:has(form[action="/api/app/tenant-settings"]){padding-inline:14px}main.page-shell:has(form[action="/api/app/tenant-settings"]) .nav{gap:10px;margin-bottom:14px}main.page-shell:has(form[action="/api/app/tenant-settings"]) .brand{font-size:17px;line-height:1.1}main.page-shell:has(form[action="/api/app/tenant-settings"]) .nav-links{white-space:nowrap;-webkit-overflow-scrolling:touch;gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}main.page-shell:has(form[action="/api/app/tenant-settings"]) .nav-links a{min-height:40px;padding:10px 13px}main.page-shell:has(form[action="/api/app/tenant-settings"]) .button{min-height:40px;padding:10px 13px}main.page-shell:has(form[action="/api/app/tenant-settings"])>.card{border-radius:18px;padding:16px;margin-top:14px!important}main.page-shell:has(form[action="/api/app/tenant-settings"]) form.card{border-radius:18px;padding:16px;margin-top:14px!important}main.page-shell:has(form[action="/api/app/tenant-settings"]) h1{margin-bottom:8px;font-size:26px;line-height:1.08}main.page-shell:has(form[action="/api/app/tenant-settings"]) h2{font-size:20px;line-height:1.15}main.page-shell:has(form[action="/api/app/tenant-settings"]) .lead{font-size:15px;line-height:1.45}main.page-shell:has(form[action="/api/app/tenant-settings"]) .actions{white-space:nowrap;-webkit-overflow-scrolling:touch;gap:8px;padding-bottom:2px;display:flex;overflow-x:auto}main.page-shell:has(form[action="/api/app/tenant-settings"]) form[action="/api/app/tenant-settings"]{gap:14px!important}:is(main.page-shell:has(form[action="/api/app/tenant-settings"]) form[action="/api/app/tenant-settings"] input,main.page-shell:has(form[action="/api/app/tenant-settings"]) form[action="/api/app/tenant-settings"] textarea,main.page-shell:has(form[action="/api/app/tenant-settings"]) form[action="/api/app/tenant-settings"] select){box-sizing:border-box;width:100%;max-width:100%;font-size:16px}main.page-shell:has(form[action="/api/app/tenant-settings"]) form[action="/api/app/tenant-settings"] input[type=checkbox]{flex:none;width:auto;min-height:18px;margin-top:2px}main.page-shell:has(form[action="/api/app/tenant-settings"]) form[action="/api/app/tenant-settings"] input[type=color]{min-height:46px}main.page-shell:has(form[action="/api/app/tenant-settings"]) form[action="/api/app/tenant-settings"] textarea{min-height:94px}main.page-shell:has(form[action="/api/app/tenant-settings"]) form[action="/api/app/tenant-settings"] .grid{grid-template-columns:1fr!important;gap:12px!important}main.page-shell:has(form[action="/api/app/tenant-settings"]) form[action="/api/app/tenant-settings"]>div:first-of-type{gap:12px!important}main.page-shell:has(form[action="/api/app/tenant-settings"]) form[action="/api/app/tenant-settings"]>div:first-of-type .actions{width:100%}main.page-shell:has(form[action="/api/app/tenant-settings"]) form[action="/api/app/tenant-settings"]>div:nth-of-type(2){border-radius:15px!important;align-items:stretch!important;gap:10px!important;padding:11px!important;display:grid!important;top:8px!important}main.page-shell:has(form[action="/api/app/tenant-settings"]) form[action="/api/app/tenant-settings"]>div:nth-of-type(2) .actions{grid-template-columns:1fr 1fr;width:100%;display:grid}:is(main.page-shell:has(form[action="/api/app/tenant-settings"]) form[action="/api/app/tenant-settings"]>div:nth-of-type(2) .button,main.page-shell:has(form[action="/api/app/tenant-settings"]) form[action="/api/app/tenant-settings"]>div:last-of-type .button){text-align:center;justify-content:center;width:100%}main.page-shell:has(form[action="/api/app/tenant-settings"]) form[action="/api/app/tenant-settings"]>div:nth-of-type(3){grid-template-columns:1fr!important;gap:16px!important}main.page-shell:has(form[action="/api/app/tenant-settings"]) details{border-radius:16px!important}main.page-shell:has(form[action="/api/app/tenant-settings"]) summary{gap:10px!important;padding:14px!important}main.page-shell:has(form[action="/api/app/tenant-settings"]) summary strong{font-size:16px!important}main.page-shell:has(form[action="/api/app/tenant-settings"]) summary+div{padding:0 14px 14px!important}main.page-shell:has(form[action="/api/app/tenant-settings"]) form[action="/api/app/tenant-settings"]>div:nth-of-type(3)>:last-child{max-width:100%;overflow-x:auto}}@media (max-width:430px){main.page-shell:has(form[action="/api/app/tenant-settings"]) form[action="/api/app/tenant-settings"]>div:nth-of-type(2) .actions{grid-template-columns:1fr}main.page-shell:has(form[action="/api/app/tenant-settings"]) .button{padding-inline:11px}}