@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap');
:root{--navy:#172a55;--blue:#45a9df;--ink:#132449;--pale:#eef7fc;--line:#dbeaf3}
*{box-sizing:border-box} body{margin:0;min-height:100vh;color:var(--ink);font-family:'DM Sans',Arial,sans-serif;background:radial-gradient(circle at 84% 16%,#dff2fc 0,transparent 31%),linear-gradient(135deg,#fff 0%,#f6fbfe 100%)}
.shell{max-width:1240px;min-height:100vh;margin:auto;padding:34px 7vw 24px;display:flex;flex-direction:column}.hero{flex:1;display:grid;grid-template-columns:1fr 0.9fr;align-items:center;gap:4vw}.copy{max-width:590px}.eyebrow{margin:0 0 17px;color:#3b94c8;text-transform:uppercase;letter-spacing:.18em;font-size:.78rem;font-weight:700}h1{font:600 clamp(2.8rem,5vw,5.3rem)/.98 'Space Grotesk',Arial,sans-serif;letter-spacing:-.055em;margin:0;color:var(--navy)}h1 em{font-style:normal;color:var(--blue)}.intro{max-width:480px;font-size:1.12rem;line-height:1.65;color:#53657e;margin:28px 0 30px}.logo-card{max-width:310px;padding:4px 0}.logo-card img{display:block;width:100%;height:auto}.visual{position:relative;min-height:560px;display:grid;place-items:center}.visual img{position:relative;width:min(100%,590px);filter:drop-shadow(0 24px 30px rgba(33,91,140,.17));animation:float 5s ease-in-out infinite}.orb{position:absolute;border-radius:50%;background:#bce6fa;opacity:.7}.orb-one{width:20px;height:20px;top:15%;right:14%}.orb-two{width:11px;height:11px;bottom:22%;left:14%;background:#45a9df}.badge{position:absolute;right:5%;bottom:12%;background:white;border:1px solid var(--line);box-shadow:0 12px 28px #376e8b1c;border-radius:999px;padding:11px 18px;color:#567087;font-size:.87rem}.badge span{display:inline-block;width:8px;height:8px;background:#45a9df;border-radius:50%;margin-right:8px}footer{display:flex;gap:11px;color:#7890a1;font-size:.85rem;letter-spacing:.02em;padding-top:20px}.dot{color:#45a9df}@keyframes float{0%,100%{transform:translateY(0) rotate(1deg)}50%{transform:translateY(-12px) rotate(-1deg)}}
@media(max-width:800px){.shell{padding:26px 24px 22px}.hero{grid-template-columns:1fr;gap:5px}.eyebrow{margin-top:58px}h1{font-size:clamp(2.65rem,12vw,4rem)}.intro{font-size:1rem}.visual{min-height:330px;order:-1}.visual img{max-width:360px}.badge{right:6%;bottom:4%}footer{flex-wrap:wrap;font-size:.78rem}}