:root{--navy:#081c3a;--blue:#1873ec;--light:#eaf3ff;--sub:#526782;--ink:#142946;--line:#dce7f4;--green:#067857;--red:#b32c3f;font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--ink);background:#f5f8fd}*{box-sizing:border-box}body{margin:0;min-width:300px}.skip{position:absolute;left:-10000px}.skip:focus{left:12px;top:12px;z-index:100;background:white;padding:12px}.topbar{background:#07182d;min-height:76px;padding:14px max(24px,calc((100% - 1180px)/2));display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;white-space:nowrap;font-size:19px;font-weight:800;letter-spacing:-.03em}.brand strong{color:#5ec3ff}.brand-icon{display:grid;place-items:center;width:42px;height:42px;color:#fff;font-size:27px;background:linear-gradient(145deg,#20b9ff,#1344c1);border-radius:14px}.topbar nav{display:flex;align-items:center;gap:24px}.topbar nav a{text-decoration:none;color:#cbdcf3;font-weight:600;font-size:13px}.topbar nav a:hover,.topbar nav a:focus-visible{color:#fff}.topbar nav .head-contact{background:#196bed;padding:12px 14px;border-radius:10px;color:#fff}.main-wrap{width:min(1160px,calc(100% - 38px));margin:auto;padding:34px 0 76px}.crumb{font-size:12px;color:#647791;display:flex;gap:9px;flex-wrap:wrap}.crumb a{color:#266ac7;text-decoration:none}.intro{display:flex;justify-content:space-between;gap:30px;align-items:center;margin:30px 0}.intro h1{font-size:clamp(31px,4vw,53px);letter-spacing:-.055em;line-height:1.08;margin:12px 0}.lede{font-size:16px;line-height:1.6;color:var(--sub);max-width:710px}.eyebrow{letter-spacing:.16em;font-size:11px;color:#1373bd;font-weight:850}.proof{background:#fff4db;border:1px solid #eac987;border-radius:14px;padding:15px 18px;max-width:260px;display:grid;gap:6px;color:#7b4e0d;font-size:12px;line-height:1.4;flex-shrink:0}.proof strong{font-size:12px;letter-spacing:.04em}.panel{background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:0 12px 42px #1735550a;padding:23px}.panel h2,.panel h3{margin:0 0 14px}.topgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:20px 0}.metric{background:#fff;border:1px solid var(--line);padding:18px 20px;border-radius:16px;box-shadow:0 8px 22px #10294c08}.metric small{display:block;color:var(--sub);font-size:12px}.metric b{font-size:25px;display:block;margin-top:7px;letter-spacing:-.04em}.layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;align-items:start;gap:18px}.formstack{display:grid;gap:14px}.formstack label,.field label{font-size:12px;color:#425674;font-weight:700}.field{display:grid;gap:7px}.inline-form{display:flex;align-items:end;gap:10px;flex-wrap:wrap}.inline-form .field{flex:1;min-width:140px}input,select,textarea{font:inherit;width:100%;padding:12px;border:1px solid #cbd9eb;background:#fff;color:var(--ink);border-radius:10px;min-height:44px}input:focus,select:focus,textarea:focus,button:focus-visible,a:focus-visible{outline:3px solid #82baf9;outline-offset:2px}button,.btn{font:inherit;font-size:13px;font-weight:750;border:0;border-radius:10px;padding:13px 16px;background:#1769dd;color:#fff;cursor:pointer;text-decoration:none;display:inline-flex;gap:6px;align-items:center;justify-content:center;min-height:44px}button:hover,.btn:hover{filter:brightness(.95)}button.secondary,.btn.secondary{background:#eaf2fd;color:#1b56a9}button.muted{background:#f4f7fb;color:#37536f;border:1px solid #d5e0ed}.tip{background:#f0f6ff;border-left:3px solid #358af8;color:#46617c;padding:12px 14px;font-size:12px;line-height:1.55;border-radius:8px;margin:17px 0}.alert{padding:10px 12px;border-radius:8px;background:#e7f8ef;color:#07603c;margin-top:12px;font-size:13px}.alert.error{background:#ffe9eb;color:#9b1b2e}.hidden{display:none!important}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;min-width:480px}th{font-size:11px;text-transform:uppercase;letter-spacing:.09em;color:#697b93;background:#f1f6fd}th,td{padding:13px 14px;border-bottom:1px solid #e8eef7;font-size:13px}td{color:#233a54}.label-pill{font-size:11px;padding:5px 9px;border-radius:99px;background:#e6f4ff;color:#1f63a2;font-weight:700}.label-pill.done{background:#e5f8ec;color:#08744c}.footer{background:#07182d;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:23px max(24px,calc((100% - 1180px)/2));color:#b1c7e0;font-size:12px}.footer a{color:#d4ecff}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.linkcard{background:white;border:1px solid var(--line);border-radius:18px;overflow:hidden;display:flex;flex-direction:column;color:var(--ink);text-decoration:none;box-shadow:0 9px 23px #10294c0b;transition:transform .2s}.linkcard:hover{transform:translateY(-4px)}.linkcard img{width:100%;height:200px;object-fit:cover}.linkcard .cardcontent{padding:22px;display:grid;gap:9px}.linkcard h2{font-size:22px;margin:0}.linkcard p{font-size:14px;line-height:1.5;color:var(--sub);margin:0}.linkcard .link{color:#0869ce;font-weight:800;margin-top:8px}.refinfo{margin-top:24px;color:#48627f;line-height:1.65;font-size:14px}.demo-site{background:white;border:1px solid #e3ebf4;border-radius:17px;overflow:hidden;box-shadow:0 18px 45px #14325515;transition:max-width .2s;max-width:100%}.demo-site.mobile-preview{max-width:375px;margin:auto}.browserbar{background:#e9f0f7;border-bottom:1px solid #cad8e6;padding:12px 18px;color:#607893;font-size:11px;display:flex;align-items:center;gap:7px}.dots{color:#e05d53;letter-spacing:3px}.mocknav{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;font-size:14px;color:#203653;font-weight:850}.mocknav span{color:#3189fb}.mocknav em{font-style:normal;font-size:11px;color:#607893}.mockbody{padding:60px 32px 78px;text-align:center;background:radial-gradient(ellipse at 80% 10%,#d6e9ff,transparent 65%),linear-gradient(155deg,#fff,#eef5ff)}.mockbody .mockeyebrow{font-size:11px;letter-spacing:.2em;color:#2075ca;font-weight:850}.mockbody h2{font-size:clamp(27px,4vw,46px);line-height:1.12;letter-spacing:-.05em;margin:12px auto;max-width:580px;overflow-wrap:anywhere}.mockbody p{font-size:14px;color:#536783;line-height:1.55;max-width:490px;margin:10px auto 24px;overflow-wrap:anywhere}.mockpill{border:1px solid #b3d5fa;background:white;border-radius:99px;padding:9px 15px;font-size:12px;color:#2468af;font-weight:750}.mocktiles{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:25px 0}.mocktiles div{background:white;border:1px solid #d9e6f8;border-radius:10px;padding:13px 4px;font-size:12px;font-weight:700;color:#51708f}.demo-site.mobile-preview .mocknav em{display:none}.demo-site.mobile-preview .mocktiles{grid-template-columns:1fr}.demo-site.mobile-preview .mockbody{padding:50px 12px 55px}.phone-shell{width:345px;max-width:100%;margin:auto;border:9px solid #142643;box-shadow:0 25px 60px #07172a44;border-radius:42px;padding:18px;background:#f4f8fd;min-height:550px}.phone-notch{width:100px;height:15px;background:#172d48;border-radius:15px;margin:-13px auto 20px}.phone-header{background:linear-gradient(135deg,#0b3567,#1978e5);border-radius:15px;padding:20px;color:white}.phone-header h2{margin:5px 0 4px;font-size:22px}.phone-header p{margin:0;color:#c5ddff;font-size:12px}.phone-stats{display:flex;gap:9px;margin:15px 0}.phone-stats div{background:#fff;padding:12px;flex:1;border-radius:11px;font-size:12px;color:#597391}.phone-stats strong{display:block;font-size:24px;color:#123f7d}.task{background:#fff;border:1px solid #e1eaf5;border-radius:11px;margin:7px 0;padding:12px 10px;display:flex;align-items:center;gap:8px;font-size:12px}.task input{width:20px;min-height:20px;height:20px}.task label{flex:1;overflow-wrap:anywhere}.task.done label{text-decoration:line-through;color:#94a5b8}.task button{padding:6px 8px;min-height:26px;font-size:10px;background:#eff4fa;color:#335a81}.phone-shell .formstack{gap:7px}.phone-shell .inline-form{gap:5px}.phone-shell .inline-form input{min-width:0}.phone-shell .inline-form button{padding:10px;font-size:11px}.switches{display:flex;gap:8px;flex-wrap:wrap}.switches button[aria-pressed="true"]{background:#126be8;color:#fff}.switches button[aria-pressed="false"]{background:#e9f2ff;color:#1c559c}.tight{margin:0}.quiet{font-size:12px;color:#687e97;line-height:1.6}.log{list-style:none;padding:0;margin:10px 0 0}.log li{padding:11px 0;border-bottom:1px solid #eef1f7;font-size:12px;color:#405978}.log li:first-child{font-weight:600}.demo-buttons{display:flex;gap:9px;flex-wrap:wrap;margin-top:14px}
@media(max-width:840px){.layout{grid-template-columns:1fr}.proof{max-width:unset}.topgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.intro{align-items:start;flex-direction:column}.topbar{padding:15px 19px}.topbar nav{gap:9px}.topbar nav a{font-size:12px}}@media(max-width:620px){.topbar nav a:not(.head-contact){display:none}.brand{font-size:15px}.topbar{gap:6px}.main-wrap{width:min(100% - 28px,1160px);padding-top:21px}.intro{margin:20px 0}.panel{padding:16px}.cards{grid-template-columns:1fr}.linkcard img{height:190px}.topgrid{gap:8px}.metric{padding:13px}.metric b{font-size:21px}.footer{padding:23px 18px}.mockbody{padding:40px 16px 58px}}
.layout > *{min-width:0}.phone-shell{min-width:0}.phone-shell .inline-form input{flex:1 1 120px;width:0}.phone-shell .inline-form button{flex:0 0 auto}@media(max-width:620px){.layout{grid-template-columns:minmax(0,1fr)}.phone-shell{width:100%;padding:13px}.topbar nav .head-contact{padding:10px 8px}}