:root{--navy:#00306B;--blue:#00A9E8;--cyan:#00A9E8;--bg:#F2F6FA;--text:#162033;--muted:#657086;--line:#d9e2ee;--white:#fff;--danger:#9e2a2b;--ok:#0a7a5a}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;line-height:1.5}header{background:var(--navy);color:white;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:16px clamp(18px,4vw,52px);border-bottom:4px solid var(--cyan)}.brand{display:flex;align-items:center;gap:12px}.brand-logo{display:block;max-width:245px;height:62px;object-fit:contain;background:#fff;border-radius:8px;padding:5px}.portal-title strong{display:block;font-size:16px}.portal-title small{display:block;opacity:.8}.brand strong{display:block;font-size:20px}.brand small{display:block;opacity:.8}nav{display:flex;gap:16px;align-items:center;flex-wrap:wrap}nav a{color:#fff;text-decoration:none;font-weight:700;font-size:14px}.button-link{padding:9px 13px;border:1px solid rgba(255,255,255,.4);border-radius:9px}main{max-width:1240px;margin:0 auto;padding:42px 24px 70px}footer{text-align:center;color:var(--muted);padding:24px}.hero{display:grid;grid-template-columns:1.5fr .7fr;gap:38px;align-items:center;min-height:470px}.hero h1,.section-head h1,section>h1{font-size:clamp(36px,5vw,62px);line-height:1.02;margin:8px 0 18px;color:var(--navy)}.hero p{font-size:19px;color:var(--muted);max-width:680px}.hero-card,.panel,.product,.metric{background:var(--white);border:1px solid var(--line);border-radius:18px;box-shadow:0 10px 30px rgba(11,31,58,.06)}.hero-card{padding:32px;font-size:18px}.hero-card ul{padding-left:22px}.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:var(--blue);font-weight:800;font-size:12px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}.btn{display:inline-block;border:0;border-radius:10px;background:var(--blue);color:white;padding:12px 17px;text-decoration:none;font-weight:800;cursor:pointer}.btn.secondary{background:var(--cyan);color:var(--navy)}.btn.ghost{background:#e9eff7;color:var(--navy)}.btn:disabled{opacity:.55;cursor:not-allowed}.panel{padding:25px;margin-bottom:22px}.auth{max-width:560px;margin:30px auto}.auth.wide{max-width:760px}label{display:block;font-weight:700;font-size:14px;margin:0 0 15px}input,select,textarea{display:block;width:100%;margin-top:6px;padding:11px 12px;border:1px solid #bcc9d8;border-radius:9px;background:#fff;color:var(--text);font:inherit}textarea{resize:vertical}.grid2,.split{display:grid;grid-template-columns:1fr 1fr;gap:18px}.split{align-items:start}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:20px 0 28px}.metric{padding:22px}.metric span{display:block;color:var(--muted);font-weight:700}.metric strong{display:block;color:var(--navy);font-size:34px;margin-top:5px}.product-grid,.integration-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.integration-grid{grid-template-columns:repeat(2,1fr)}.product{padding:26px}.product h3{font-size:24px;color:var(--navy);margin-top:0}.price{font-size:34px;font-weight:800;color:var(--blue)}.price small{font-size:14px;color:var(--muted)}.flash,.notice,.alert{padding:14px 16px;border-radius:10px;margin:0 0 20px}.flash,.notice{background:#e8f8f4;border:1px solid #aadfd2;color:#075e47}.alert{background:#fff0f0;border:1px solid #edbcbc;color:var(--danger)}.search-row{display:flex;gap:10px}.search-row input{margin:0}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:14px}th,td{text-align:left;border-bottom:1px solid var(--line);padding:11px 9px;white-space:nowrap}th{color:var(--navy);background:#f7f9fc}.muted,small{color:var(--muted)}code{background:#eef2f7;padding:2px 5px;border-radius:5px}@media(max-width:900px){header{align-items:flex-start;flex-direction:column}.hero,.split,.integration-grid{grid-template-columns:1fr}.cards,.product-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){main{padding:28px 14px 50px}.cards,.product-grid,.grid2{grid-template-columns:1fr}.search-row{flex-direction:column}.hero h1,section>h1{font-size:38px}}
.inline-form{margin-top:18px}.check{display:flex;align-items:flex-start;gap:8px;font-weight:600}.check input{width:auto;margin:4px 0 0}.invoice-totals{text-align:right;margin-top:20px}.wp-field{height:46px;border:1px solid #bcc9d8;border-radius:9px;background:#fff;margin:6px 0 18px}.wp-label{font-weight:700;font-size:14px}.status-pill{display:inline-block;padding:4px 9px;border-radius:999px;background:#e9eff7;font-size:12px;font-weight:800}