:root{--sky:#dff7ff;--sea:#0ea5a4;--sand:#ffe8a3;--ink:#073b4c;--coral:#ef476f}*{box-sizing:border-box}html,body{margin:0;min-height:100%;overflow-x:hidden}body{font-family:Inter,system-ui,sans-serif;background:linear-gradient(#c9f2ff,#fff4d2);color:var(--ink)}main{min-height:100vh;display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:32px;width:min(1160px,calc(100% - 32px));margin:auto}.copy p:first-child{color:var(--coral);font-weight:950;text-transform:uppercase}h1{font-size:clamp(7rem,20vw,15rem);line-height:.8;margin:0}h2{font-size:clamp(2rem,5vw,4.2rem);line-height:1;margin:18px 0}.copy p:last-of-type{color:#416470;line-height:1.8}.btn{display:inline-flex;margin-top:16px;padding:15px 22px;border-radius:999px;background:var(--coral);color:#fff;text-decoration:none;font-weight:950}.btn:hover{transform:translateY(-4px);box-shadow:0 18px 34px rgba(239,71,111,.28)}.map{position:relative;min-height:540px;border-radius:8px;background:linear-gradient(135deg,var(--sky),var(--sand));overflow:hidden;box-shadow:0 28px 80px rgba(7,59,76,.14)}.route{position:absolute;inset:16%;border:4px dashed #fff;border-radius:50%;animation:route 10s linear infinite}.pin{position:absolute;left:45%;top:28%;width:54px;height:54px;border-radius:50% 50% 50% 0;background:var(--coral);transform:rotate(-45deg);animation:pin 2s ease-in-out infinite}.case{position:absolute;right:12%;bottom:12%;width:150px;height:110px;border-radius:8px;background:var(--sea)}@keyframes route{to{transform:rotate(360deg)}}@keyframes pin{50%{transform:rotate(-45deg) translateY(-16px)}}@media(max-width:820px){main{grid-template-columns:1fr;padding:46px 0}.map{min-height:300px}.copy{order:-1}}