:root{--navy:#243c85;--ink:#182746;--gold:#f1ca42;--muted:#64718b;--line:#e1e7f1}*{box-sizing:border-box}body{margin:0;background:#f5f7fb;color:var(--ink);font-family:Arial,Helvetica,sans-serif}a:focus-visible{outline:3px solid #cb9f00;outline-offset:5px}header,main,footer{max-width:1180px;margin:auto}header{padding:30px 24px;display:flex;justify-content:space-between;align-items:center;gap:20px}.brand{display:flex;align-items:center;gap:14px;text-decoration:none;color:var(--ink);font-size:10px;line-height:1.8;letter-spacing:1px}.brand strong{font-size:13px;letter-spacing:0}.logo{display:grid;place-items:center;width:56px;height:56px;background:var(--navy);color:#fff;font-size:26px;font-weight:800;border-radius:16px;border-top:4px solid var(--gold)}.status{background:#fff;border:1px solid var(--line);border-radius:30px;padding:10px 15px;font-size:11px;color:var(--muted)}main{padding:0 24px}.hero{background:var(--navy);color:white;border-radius:26px;padding:58px;display:grid;grid-template-columns:1.5fr 1fr;gap:30px;overflow:hidden}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;margin:0 0 18px}.hero .eyebrow{color:#dce5ff}h1{font-size:58px;letter-spacing:-2px;line-height:1.05;margin:0 0 22px}.intro{font-size:16px;line-height:1.7;color:#e2e8fb;max-width:430px;margin-bottom:28px}.button{display:inline-flex;align-items:center;justify-content:center;border-radius:10px;padding:16px 21px;font-size:13px;font-weight:700;text-decoration:none;line-height:1.4}.yellow{background:var(--gold);color:var(--ink)}.yellow:hover{background:#ffe079}.blue{background:var(--navy);color:white}.blue:hover{background:#314f9f}.art{display:grid;place-items:center;font-size:220px;color:var(--gold);transform:rotate(-12deg)}.access{margin:24px 0 48px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:30px 34px;display:flex;justify-content:space-between;align-items:center;gap:30px}.access .eyebrow{color:var(--navy);margin-bottom:10px}h2{font-size:25px;letter-spacing:-.7px;margin:0 0 12px}.access p:last-child,.muted{font-size:13px;line-height:1.7;color:var(--muted);max-width:660px;margin:0}.access .button{flex-shrink:0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:24px 0 50px}.cards article{position:relative;background:white;border:1px solid var(--line);border-radius:18px;padding:25px;min-height:215px}.icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#edf1fb;color:var(--navy);font-size:25px;margin-bottom:25px}.soon{position:absolute;right:20px;top:36px;font-size:8px;letter-spacing:1px;color:var(--muted)}h3{font-size:17px;margin:0 0 12px}.cards p{font-size:13px;line-height:1.8;color:var(--muted);margin:0}footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding:26px 24px 36px;font-size:10px;color:var(--muted)}@media(max-width:800px){.hero{padding:38px;grid-template-columns:1fr .6fr}h1{font-size:44px}.art{font-size:150px}.access{align-items:flex-start;flex-direction:column}.cards{gap:12px}.cards article{padding:20px}.soon{font-size:7px;right:12px}}@media(max-width:570px){header{padding:20px 18px}.brand{font-size:8px;gap:10px}.brand strong{font-size:11px}.logo{width:46px;height:46px;font-size:23px}.status{font-size:9px;padding:8px 10px}main{padding:0 16px}.hero{padding:32px 26px;grid-template-columns:1fr;border-radius:20px}.art{display:none}h1{font-size:43px}.intro{font-size:14px}.button{width:100%}.access{padding:25px;margin-bottom:34px}.cards{grid-template-columns:1fr}.cards article{min-height:0;padding:24px}.icon{margin-bottom:18px}.soon{right:24px;top:39px;font-size:8px}h2{font-size:24px}footer{font-size:9px;padding:24px 18px}}