
/* ApnaLekha complete cloud website — isolated from accounting dashboards */
.site-header{display:flex;align-items:center;gap:24px;padding:13px clamp(18px,4.6vw,68px);background:#fff;border-bottom:1px solid #dce7e9;z-index:50;position:relative;min-height:74px}
.site-header-split{background:#f7fcfc}
.site-wordmark{display:flex;align-items:center;gap:10px;color:#0a3e50;font-weight:800;font-size:23px;line-height:1;text-decoration:none;letter-spacing:-.8px;flex-shrink:0}
.site-wordmark:hover{text-decoration:none;color:#0a3e50}
.site-wordmark small{display:block;font-size:9px;font-weight:750;letter-spacing:1.6px;margin-top:5px;color:#6b8d96}
.site-mark{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(135deg,#0a4055,#0ba4a4);color:#fff;font-size:25px;box-shadow:0 4px 12px #093f4b26}
.site-accent{color:#078d92}
.site-nav{display:flex;align-items:center;gap:clamp(9px,1.5vw,22px);margin-left:auto}
.site-nav a{font-size:13.5px;color:#305666;text-decoration:none;font-weight:650;border-radius:8px;padding:9px 7px}
.site-nav a:hover,.site-nav a[aria-current=page]{color:#067b82;background:#e9f5f5}
.site-signin,.site-primary-link{border:1px solid #0c8290;border-radius:10px;background:#087b88;color:#fff;padding:10px 16px;display:inline-flex;align-items:center;justify-content:center;gap:7px;text-decoration:none;font-weight:700;font-size:13.5px;white-space:nowrap}
.site-signin:hover,.site-primary-link:hover{background:#04596a;color:#fff;text-decoration:none}
.site-auth-utility{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-bottom:14px;font-size:12.8px;color:#547381}
.site-auth-utility a{font-weight:700;color:#086b7d}
.site-header~.public{min-height:calc(100vh - 74px)}
.cloud-portal .form-side{padding-top:34px}
.cloud-portal .card{max-width:560px}
.cloud-portal .art{padding-top:38px}
.cloud-portal .pub-foot a{color:inherit}
/* Standalone information pages */
.site-page{min-height:100vh;background:#f4f9f9;color:#153a49;font-family:var(--sans,system-ui)}
.site-main{max-width:1140px;margin:0 auto;padding:52px 24px 82px}
.site-hero{padding:6px 0 28px;max-width:830px}
.site-eyebrow{font-size:12px;letter-spacing:1.5px;text-transform:uppercase;color:#0a8990;font-weight:800;display:block;margin-bottom:12px}
.site-hero h1{font-family:var(--serif,Georgia);font-size:clamp(33px,4vw,51px);line-height:1.14;letter-spacing:-1px;margin:0 0 15px;color:#083d50}
.site-hero p{font-size:16px;line-height:1.7;color:#54707b;margin:0 0 20px;max-width:690px}
.site-button-row{display:flex;flex-wrap:wrap;gap:12px}
.site-secondary-link{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border:1px solid #b8d0d2;border-radius:10px;padding:10px 16px;background:white;color:#0a5161;font-weight:700;font-size:13.5px}
.site-secondary-link:hover{text-decoration:none;background:#e8f5f5}
.site-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:22px}
.site-card{border:1px solid #d5e4e6;border-radius:18px;background:#fff;padding:23px;box-shadow:0 9px 25px #123f4e0a;min-width:0}
.site-card h2,.site-card h3{font-family:var(--serif,Georgia);font-size:21px;margin:12px 0;color:#093c50}
.site-card p{font-size:13.5px;color:#5e7984;line-height:1.65}
.site-symbol{width:39px;height:39px;border-radius:12px;background:#def4f1;color:#06847e;display:grid;place-items:center;font-size:18px;font-weight:900}
.site-card ul{list-style:none;padding:0;margin:14px 0 20px;display:grid;gap:9px;font-size:13px}
.site-card li{display:flex;gap:8px;line-height:1.5;color:#405f6a}
.site-card li:before{content:'✓';color:#0b998f;font-weight:900}
.site-plan{display:flex;flex-direction:column}
.site-plan .site-primary-link,.site-plan .site-secondary-link{margin-top:auto;text-align:center}
.site-plan-cost{font-size:27px;font-weight:800;color:#073d50;margin:12px 0 4px}
.site-plan-cost span{font-size:13px;font-weight:500;color:#69828b}
.site-note{background:#ebf5f5;border:1px solid #d4e5e7;color:#496b76;padding:16px 18px;border-radius:13px;font-size:13px;line-height:1.6;margin:18px 0}
.site-box{background:#fff;border:1px solid #d7e5e7;border-radius:18px;padding:27px;max-width:800px}
.site-question{background:#fff;border:1px solid #dce8ea;border-radius:13px;margin-bottom:12px;padding:16px 20px}
.site-question summary{cursor:pointer;font-size:15px;font-weight:700;color:#16485a}
.site-question p{color:#5d7884;line-height:1.65;margin:13px 0 0;font-size:14px}
.site-contact-grid{display:grid;grid-template-columns:1.3fr .75fr;gap:22px;align-items:start}
.site-contact-grid input,.site-contact-grid select,.site-contact-grid textarea{width:100%}
.site-contact-grid label{display:block;font-weight:700;font-size:13px;color:#355f69;margin:0 0 6px}
.site-field{margin-bottom:16px}
.site-contact-grid textarea{min-height:140px;resize:vertical}
.site-footer{background:#083f50;color:#c8e2e5;padding:28px max(24px,calc((100vw - 1090px)/2));font-size:13px}
.site-footer-wrap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px}
.site-footer a{color:#e0f7f5;margin-right:14px;text-decoration:none}
.site-footer a:hover{text-decoration:underline}
.site-footer small{opacity:.78}
.site-flashes{max-width:1140px;margin:18px auto 0;padding:0 24px}
.site-helper-text{font-size:13px;line-height:1.7;color:#637d85}
@media(max-width:940px){.site-nav{gap:4px}.site-nav a{font-size:12px;padding:8px 6px}.site-cards{grid-template-columns:repeat(2,1fr)}.site-contact-grid{grid-template-columns:1fr}}
@media(max-width:720px){.site-header{gap:9px;flex-wrap:wrap;padding:12px 16px}.site-wordmark{font-size:19px}.site-mark{width:32px;height:32px}.site-nav{width:100%;order:3;justify-content:space-between;overflow-x:auto}.site-nav a{white-space:nowrap;font-size:12px}.site-signin{margin-left:auto;padding:8px 12px}.site-main{padding:34px 16px 60px}.site-cards{grid-template-columns:1fr}.site-hero h1{font-size:34px}.cloud-portal .art{padding:26px 22px}.cloud-portal .form-side{padding:25px 15px}}

.site-wordmark img.site-mark{padding:0;background:transparent;box-shadow:none;border-radius:9px;object-fit:contain}
.site-pricing-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.site-pricing-grid .site-card{padding:19px}
@media(max-width:1040px){.site-pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:630px){.site-pricing-grid{grid-template-columns:1fr}}
.site-footer-wrap>div:nth-child(2){display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;min-width:0}
.site-footer-wrap>div:nth-child(2) a{margin:0;white-space:nowrap}
