:root{--navy:#0f2d63;--teal:#18c7a4;--ink:#17335f;--muted:#61708a;--line:#e7edf5;--soft:#f4faf9}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--ink);background:linear-gradient(180deg,#f5f8fc 0%,#eef5f8 100%)}
.page-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:28px 16px}.card{width:min(900px,100%);background:#fff;border:1px solid rgba(15,45,99,.06);border-radius:24px;padding:42px 46px 30px;text-align:center;box-shadow:0 18px 55px rgba(15,45,99,.10)}
.brand-block{display:flex;justify-content:center}.logo{width:118px;height:118px;object-fit:contain;display:block}.hero-art-wrap{margin:8px auto 4px;width:min(780px,100%);overflow:hidden}.hero-art{display:block;width:100%;height:auto;max-height:310px;object-fit:contain;margin:0 auto}
.hero-copy{max-width:700px;margin:8px auto 0}.eyebrow{margin:12px 0 8px;font-size:12px;font-weight:800;letter-spacing:.18em;color:var(--teal)}h1{margin:0;font-size:clamp(42px,7vw,68px);line-height:1;font-weight:900;letter-spacing:.02em;background:linear-gradient(90deg,var(--navy),var(--teal));-webkit-background-clip:text;background-clip:text;color:transparent}.lead{margin:18px 0 8px;font-size:clamp(21px,3vw,28px);font-weight:800}.description{max-width:660px;margin:0 auto;color:var(--muted);font-size:16px;line-height:1.65}
.notify-form{display:flex;gap:10px;max-width:600px;margin:26px auto 0}.notify-form input[type=email]{flex:1;min-width:0;height:52px;padding:0 17px;border:1px solid #d9e2ee;border-radius:12px;outline:none;font:inherit;color:var(--ink);background:#fff;transition:.2s}.notify-form input[type=email]:focus{border-color:var(--teal);box-shadow:0 0 0 4px rgba(24,199,164,.12)}.notify-form button{height:52px;padding:0 24px;border:0;border-radius:12px;background:var(--navy);color:#fff;font:inherit;font-weight:800;cursor:pointer;transition:.2s}.notify-form button:hover{transform:translateY(-1px);background:#0b2450}.notify-form button:disabled{opacity:.65;cursor:wait;transform:none}.form-message{min-height:22px;margin:9px 0 0;font-size:14px}.form-message.success{color:#078a6d}.form-message.error{color:#c33b45}.honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;opacity:0!important}
.features{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:28px 0 0}.feature{display:flex;align-items:flex-start;text-align:left;gap:10px;padding:15px 13px;border:1px solid var(--line);border-radius:14px;background:var(--soft)}.feature>span:first-child{font-size:21px;line-height:1}.feature strong{display:block;font-size:13px;color:var(--navy)}.feature small{display:block;margin-top:4px;color:var(--muted);font-size:11px;line-height:1.4}footer{margin-top:28px;color:#8793a6;font-size:12px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:760px){.card{padding:30px 20px 24px;border-radius:20px}.logo{width:100px;height:100px}.features{grid-template-columns:repeat(2,1fr)}.hero-art-wrap{margin-top:4px}.description{font-size:15px}.notify-form{flex-direction:column}.notify-form button{width:100%}}
@media(max-width:430px){.page-shell{padding:12px}.card{padding:24px 15px 20px}.features{grid-template-columns:1fr}.feature{padding:13px}.eyebrow{font-size:10px}h1{font-size:43px}}
