@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@500;700;800;900&family=Playfair+Display:ital,wght@1,700&display=swap');
:root{--navy:#06283d;--blue:#176d9f;--teal:#167d91;--orange:#e67b16;--cream:#faf7f0}
*{box-sizing:border-box}body{margin:0;font-family:Montserrat,Arial,sans-serif;color:var(--navy)}
.hero{min-height:100vh;display:grid;place-items:center;padding:35px 18px;position:relative;overflow:hidden;background:radial-gradient(circle at 12% 18%,#e67b1624,transparent 24%),radial-gradient(circle at 90% 80%,#167d9126,transparent 28%),linear-gradient(135deg,#fffdf8,#f3eee5)}
.hero:before{content:"";position:absolute;width:620px;height:620px;border:72px solid #06283d0b;border-radius:50%;right:-300px;top:-260px}
.card{position:relative;z-index:2;width:min(850px,100%);top:10px;border-radius:28px;background:#ffffffeb;border:1px solid #06283d16;box-shadow:0 28px 75px #06283d24;backdrop-filter:blur(10px)}

.eyebrow{font-size:.75rem;letter-spacing:.2em;font-weight:900;color:var(--blue);margin:8px 0 22px}
h1{font-size:clamp(3rem,7vw,5.9rem);line-height:.88;letter-spacing:-.06em;margin:0}
h1 em{display:inline-block;color:var(--orange);font-family:"Playfair Display",Georgia,serif;font-weight:700;margin-top:12px;animation:rise .8s ease both}
.lead{color:#536670;font-size:1.08rem;line-height:1.7;margin:25px auto 12px}.lead strong{color:var(--navy)}
.messages{height:42px;position:relative;overflow:hidden;color:var(--teal);font-size:clamp(.8rem,2vw,1.05rem);font-weight:900;letter-spacing:.07em}
.messages span{position:absolute;inset:0;display:grid;place-items:center;opacity:0;transform:translateY(22px);animation:msg 9s infinite}
.messages span:nth-child(2){animation-delay:3s}.messages span:nth-child(3){animation-delay:6s}
.pdf{width:min(640px,100%);margin:22px auto 0;padding:14px 17px;display:flex;align-items:center;gap:15px;text-align:left;color:#fff;background:linear-gradient(110deg,var(--orange),#c95510);border-radius:15px;box-shadow:0 14px 34px #e67b1648;animation:pulse 2.5s infinite;transition:.25s}
.pdf:hover{transform:translateY(-5px);box-shadow:0 20px 42px #e67b1660}.badge{width:52px;height:52px;display:grid;place-items:center;border:2px solid #ffffffb8;border-radius:10px;font-size:.7rem}.pdf span{flex:1}.pdf strong{display:block;font-size:.94rem;letter-spacing:.03em}.pdf small{display:block;margin-top:4px;opacity:.88}.arrow{font-size:2rem;font-weight:400;transition:.25s}.pdf:hover .arrow{transform:translateX(7px)}
.hint{font-size:.8rem;color:#718189;margin:16px 0 0}.decor{position:absolute;border-radius:50%;filter:blur(1px)}.d1{width:130px;height:130px;left:7%;bottom:12%;background:#e67b1620}.d2{width:180px;height:180px;right:5%;top:32%;background:#176d9f18}
@keyframes msg{0%,27%{opacity:0;transform:translateY(22px)}34%,60%{opacity:1;transform:translateY(0)}67%,100%{opacity:0;transform:translateY(-22px)}}
@keyframes pulse{0%,100%{box-shadow:0 14px 34px #e67b1648}50%{box-shadow:0 14px 46px #e67b1675}}
@keyframes rise{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}
@media(max-width:600px){.card{padding:30px 18px}.logo{width:230px}.eyebrow{font-size:.62rem}.pdf{gap:9px}.pdf strong{font-size:.76rem}.pdf small{font-size:.65rem}.hint{font-size:.68rem}}