:root {
  --ink:#0B1F33; --navy:#071C30; --blue:#1768F2; --blue-dark:#0D4FC0;
  --muted:#60758A; --line:#DDE6EF; --canvas:#F4F7FB; --white:#fff;
  --teal:#0A9B73; --orange:#EF7C2A;
  font-family:Inter,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;
  color:var(--ink); background:var(--canvas); color-scheme:light;
}
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; min-width:320px; background:var(--canvas); }
a { color:inherit; }
button,input,textarea,select { font:inherit; }
button,a { -webkit-tap-highlight-color:transparent; }
.saas-header { position:sticky; z-index:40; top:0; display:flex; align-items:center;
  justify-content:space-between; gap:24px; min-height:66px; padding:0 max(22px,calc((100% - 1200px)/2));
  background:rgba(255,255,255,.94); border-bottom:1px solid var(--line); backdrop-filter:blur(14px); }
.saas-brand { display:flex; align-items:center; gap:10px; text-decoration:none; }
.saas-brand-mark { display:grid; width:36px; height:36px; place-items:center; color:white;
  background:linear-gradient(145deg,#092840,#12658F); border-radius:9px; font-size:12px; font-weight:900; }
.saas-brand strong { display:block; font-size:14px; }
.saas-brand small { display:block; color:#7690A8; font-size:8px; font-weight:800; letter-spacing:.14em; }
.saas-nav { display:flex; align-items:center; gap:26px; }
.saas-nav a { color:#53697D; text-decoration:none; font-size:12px; font-weight:700; }
.saas-nav a:hover,.saas-nav a.is-active { color:var(--navy); }
.saas-actions { display:flex; gap:10px; align-items:center; }
.button { display:inline-flex; min-height:42px; padding:0 18px; align-items:center; justify-content:center;
  gap:8px; border:1px solid transparent; border-radius:8px; text-decoration:none; cursor:pointer;
  font-size:12px; font-weight:800; transition:.16s ease; }
.button-primary { color:white; background:var(--blue); box-shadow:0 8px 20px rgba(23,104,242,.2); }
.button-primary:hover { background:var(--blue-dark); transform:translateY(-1px); }
.button-secondary { color:#23435F; background:white; border-color:#C8D5E2; }
.button-secondary:hover { border-color:#8FA7BE; }
.button-disabled { color:#8798A9; background:#EDF2F6; border-color:#DFE7EE; cursor:not-allowed; box-shadow:none; }
.saas-hero { padding:82px max(22px,calc((100% - 1200px)/2)) 76px; color:white;
  background:radial-gradient(circle at 85% 5%,rgba(35,133,190,.3),transparent 34%),linear-gradient(135deg,#061827,#0A3152); }
.saas-hero.is-compact { padding-top:60px; padding-bottom:58px; }
.eyebrow { margin:0 0 13px; color:#63CDE5; font-size:11px; font-weight:850; letter-spacing:.14em; text-transform:uppercase; }
.saas-hero h1 { max-width:790px; margin:0; font-size:clamp(36px,5vw,62px); line-height:1.08; letter-spacing:-.04em; }
.saas-hero.is-compact h1 { font-size:clamp(32px,4vw,48px); }
.saas-hero-copy { max-width:760px; margin:20px 0 0; color:#BFD3E3; font-size:15px; line-height:1.8; }
.hero-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:30px; }
.saas-hero .hero-actions .button-secondary { color:white; background:rgba(255,255,255,.08); border-color:rgba(255,255,255,.25); }
.content-shell { width:min(1200px,calc(100% - 36px)); margin:0 auto; padding:62px 0 78px; }
.section-heading { max-width:760px; margin:0 auto 34px; text-align:center; }
.section-heading.align-left { margin-left:0; text-align:left; }
.section-heading span { color:var(--blue); font-size:10px; font-weight:850; letter-spacing:.14em; text-transform:uppercase; }
.section-heading h2 { margin:8px 0 10px; font-size:clamp(26px,3vw,38px); letter-spacing:-.025em; }
.section-heading p { margin:0; color:var(--muted); font-size:14px; line-height:1.75; }
.pricing-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; align-items:stretch; }
.price-card { position:relative; display:flex; flex-direction:column; min-height:480px; padding:28px;
  background:white; border:1px solid var(--line); border-radius:16px; box-shadow:0 12px 36px rgba(14,40,66,.07); }
.price-card.is-featured { border:2px solid var(--blue); box-shadow:0 18px 48px rgba(23,104,242,.14); }
.price-badge { position:absolute; top:-13px; right:22px; padding:6px 10px; color:white;
  background:var(--blue); border-radius:999px; font-size:9px; font-weight:850; letter-spacing:.08em; }
.price-card h3 { margin:0; font-size:21px; }
.price-card .plan-copy { min-height:48px; margin:9px 0 20px; color:var(--muted); font-size:12px; line-height:1.65; }
.price { display:flex; gap:7px; align-items:baseline; min-height:54px; margin-bottom:20px; }
.price strong { font-size:34px; letter-spacing:-.04em; }
.price span { color:var(--muted); font-size:11px; }
.feature-list { display:grid; gap:12px; padding:20px 0; margin:0 0 22px; border-top:1px solid #E8EEF4; list-style:none; }
.feature-list li { position:relative; padding-left:22px; color:#38536B; font-size:12px; line-height:1.5; }
.feature-list li::before { position:absolute; left:0; content:"✓"; color:var(--teal); font-weight:900; }
.price-card .button { width:100%; margin-top:auto; }
.compare-table { width:100%; overflow:hidden; background:white; border:1px solid var(--line); border-radius:14px; border-collapse:separate; border-spacing:0; }
.compare-table th,.compare-table td { padding:15px 18px; border-bottom:1px solid #E8EEF4; text-align:center; font-size:12px; }
.compare-table th:first-child,.compare-table td:first-child { text-align:left; }
.compare-table th { color:var(--navy); background:#F7F9FC; }
.compare-table tr:last-child td { border-bottom:0; }
.faq-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.faq-card,.panel { padding:23px; background:white; border:1px solid var(--line); border-radius:12px; }
.faq-card h3,.panel h2,.panel h3 { margin:0 0 9px; font-size:15px; }
.faq-card p,.panel p,.panel li { color:#536A80; font-size:12px; line-height:1.75; }
.panel + .panel { margin-top:16px; }
.panel ul,.panel ol { padding-left:20px; }
.legal-layout { display:grid; grid-template-columns:240px minmax(0,1fr); gap:22px; align-items:start; }
.legal-menu { position:sticky; top:88px; display:grid; gap:6px; padding:14px; background:white; border:1px solid var(--line); border-radius:12px; }
.legal-menu a { padding:10px 12px; color:#526A80; border-radius:7px; text-decoration:none; font-size:12px; font-weight:700; }
.legal-menu a:hover,.legal-menu a.is-active { color:#124F94; background:#ECF4FF; }
.form-panel { max-width:760px; padding:30px; margin:0 auto; background:white; border:1px solid var(--line); border-radius:16px; box-shadow:0 14px 38px rgba(14,40,66,.07); }
.form-grid { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.form-grid .is-wide { grid-column:1/-1; }
.form-panel label { display:grid; gap:7px; color:#3F566C; font-size:11px; font-weight:750; }
.form-panel input,.form-panel select,.form-panel textarea { width:100%; padding:12px 13px; color:var(--ink); background:white;
  border:1px solid #C7D4E1; border-radius:8px; outline:0; font-size:13px; }
.form-panel textarea { min-height:150px; resize:vertical; line-height:1.65; }
.form-panel input:focus,.form-panel select:focus,.form-panel textarea:focus { border-color:var(--blue); box-shadow:0 0 0 3px rgba(23,104,242,.1); }
.form-message { margin:16px 0 0; padding:12px 14px; color:#31516F; background:#EFF6FC; border:1px solid #D4E3F0; border-radius:8px; font-size:12px; }
.form-message.is-error { color:#9B2C2C; background:#FFF2F1; border-color:#EFC2BF; }
.form-message.is-success { color:#086148; background:#ECFAF4; border-color:#B6E4D1; }
.account-layout { display:grid; grid-template-columns:minmax(0,.72fr) minmax(420px,1.28fr); gap:20px; align-items:start; }
.account-side { padding:28px; color:white; background:linear-gradient(145deg,#071827,#0C4168); border-radius:16px; }
.account-side h2 { margin:8px 0 12px; font-size:25px; }
.account-side p { color:#BFD3E3; font-size:12px; line-height:1.75; }
.account-side .feature-list { border-color:rgba(255,255,255,.15); }
.account-side .feature-list li { color:#E0ECF4; }
.account-main { min-height:500px; padding:30px; background:white; border:1px solid var(--line); border-radius:16px; }
.account-tabs { display:grid; grid-template-columns:1fr 1fr; gap:4px; padding:4px; margin-bottom:24px; background:#EEF3F7; border-radius:9px; }
.account-tabs button { min-height:40px; color:#627589; background:transparent; border:0; border-radius:7px; font-size:12px; font-weight:800; }
.account-tabs button.is-active { color:var(--navy); background:white; box-shadow:0 2px 8px rgba(16,44,75,.1); }
.license-card { padding:20px; margin:18px 0; background:#F6F8FB; border:1px solid var(--line); border-radius:11px; }
.license-card.is-active { background:#EEFAF5; border-color:#B7E3D0; }
.license-card small { color:var(--muted); }
.license-card strong { display:block; margin:5px 0; font-size:19px; }
.saas-footer { padding:30px max(22px,calc((100% - 1200px)/2)); color:#7890A5; background:#071827; }
.footer-grid { display:grid; grid-template-columns:1fr auto; gap:24px; align-items:start; }
.footer-links { display:flex; flex-wrap:wrap; gap:18px; }
.footer-links a { color:#AFC2D2; text-decoration:none; font-size:11px; }
.footer-links a:hover { color:white; }
.footer-note { margin:12px 0 0; font-size:10px; line-height:1.6; }
[hidden] { display:none !important; }
@media (max-width:840px) {
  .saas-nav { display:none; }
  .pricing-grid,.account-layout { grid-template-columns:1fr; }
  .faq-grid { grid-template-columns:1fr; }
  .legal-layout { grid-template-columns:1fr; }
  .legal-menu { position:static; grid-template-columns:repeat(2,1fr); }
}
@media (max-width:560px) {
  .saas-header { padding:0 12px; }
  .saas-brand small { display:none; }
  .saas-actions .button-secondary { display:none; }
  .saas-hero { padding:55px 18px; }
  .content-shell { width:calc(100% - 22px); padding:42px 0 56px; }
  .form-grid { grid-template-columns:1fr; }
  .form-grid .is-wide { grid-column:auto; }
  .form-panel,.account-main { padding:22px 18px; }
  .footer-grid { grid-template-columns:1fr; }
}
.admin-body{background:#f4f7fb}.admin-shell{width:min(1460px,calc(100% - 40px));margin:0 auto;padding:42px 0 80px}.admin-login{max-width:560px;margin:70px auto}.admin-toolbar{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:24px}.admin-toolbar h1,.admin-toolbar h2{margin:3px 0}.admin-identity{font-size:13px;color:#52687c}.admin-search{display:flex;gap:12px;margin-bottom:18px}.admin-search input{flex:1}.admin-table-wrap{overflow:auto}.comparison-table td strong,.comparison-table td small{display:block}.comparison-table td small{margin-top:5px;color:#71869a;font-size:11px}.table-action{border:0;background:none;color:#1768f2;font-weight:800;cursor:pointer}.admin-status{display:inline-flex;border-radius:999px;padding:4px 9px;background:#eaf2ff;color:#1759b8;font-size:11px;font-weight:800}.admin-status.is-deleted{background:#fff0f0;color:#b52b2b}.button-danger{background:#b42318;color:#fff;border-color:#b42318}.feedback-admin-list{display:grid;gap:12px}.feedback-admin-item{display:grid;grid-template-columns:minmax(180px,260px) 1fr 140px;gap:18px;align-items:start;padding:18px;border:1px solid #dce5ef;border-radius:12px;background:#fff}.feedback-admin-item strong,.feedback-admin-item small{display:block;margin-top:7px}.feedback-admin-item small{font-size:11px;color:#71869a}.feedback-admin-item p{margin:0;white-space:pre-wrap;line-height:1.65}.form-grid textarea,.form-grid select{width:100%;box-sizing:border-box;border:1px solid #ccd8e5;border-radius:8px;padding:11px 12px;font:inherit;background:#fff}.form-grid textarea{resize:vertical}@media(max-width:850px){.admin-shell{width:min(100% - 24px,1460px)}.admin-toolbar{align-items:flex-start;flex-direction:column}.feedback-admin-item{grid-template-columns:1fr}.admin-search{align-items:stretch;flex-direction:column}}
.consent-copy{font-size:13px;line-height:1.65;color:#71869a}.consent-copy a{font-weight:700;color:#1768f2}