.hero .actions{align-items:center;gap:16px;white-space:nowrap}
.hero .actions .stm-buy{min-width:228px}
.hero .actions .secondary{min-width:210px}
.about-link{margin-left:16px;font-size:22px;font-weight:700;text-underline-offset:10px;text-decoration:underline;text-decoration-thickness:1px;text-decoration-color:#b9d1e1}
.about-link:hover{color:#ffda48}
.contract-address{display:flex;align-items:center;gap:20px;width:100%;min-width:0;min-height:60px;padding:11px 20px;border:1px solid #b4cee1;border-radius:999px;background:#001b3399;color:#d5e3f1;box-shadow:inset 0 1px 2px #00122233}
.hero-ca{width:730px;max-width:100%;margin-top:22px}
.ca-label{flex:0 0 auto;padding-right:20px;border-right:1px solid #92aec2;color:#ffdc4d;font-size:24px;line-height:1.35;font-weight:700}
.ca-value{min-width:0;font-size:20px;letter-spacing:.02em}
.ca-value[data-address]{font-family:Consolas,'Courier New',monospace;font-size:clamp(11px,1.25vw,18px);overflow-wrap:anywhere}
.contract{gap:30px;padding:24px 32px}
.contract-copy{min-width:0}
.contract h2{margin:0 0 14px;font-size:36px;line-height:1.15}
.contract .contract-address{width:730px;max-width:100%;min-height:54px}
.contract>.stm-buy{flex-shrink:0;min-width:230px}
@media(min-width:901px) and (max-width:1559px){
 .hero-copy{padding-top:2.2vw}
 .hero .actions{gap:12px}
 .hero .actions .button{min-width:0;padding:12px 24px;font-size:20px}
 .about-link{margin-left:8px;font-size:18px}
 .hero-ca{margin-top:18px;min-height:54px}
 .hero-ca .ca-label{font-size:21px}
 .hero-ca .ca-value{font-size:18px}
 .contract{gap:22px;padding:24px}
 .contract-copy{padding-left:22px}
 .contract h2{font-size:30px}
 .contract>.stm-buy{min-width:185px;font-size:21px}
}
@media(min-width:601px) and (max-width:1100px){
 .hero-shell{aspect-ratio:auto;min-height:max(440px,calc(48.067vw + 72px));background-size:cover}
 .hero .actions{gap:10px}
 .hero .actions .button{padding:10px 17px;font-size:16px;min-width:0;min-height:42px}
 .about-link{margin-left:0;font-size:15px;text-underline-offset:6px}
 .hero-ca{min-height:44px;margin-top:14px;padding:8px 15px;gap:15px}
 .hero-ca .ca-label{font-size:18px;padding-right:15px}
 .hero-ca .ca-value{font-size:16px}
 .contract{gap:18px;padding:20px}
 .contract .shield{width:80px;height:80px}
 .contract-copy{padding-left:18px}
 .contract h2{font-size:25px}
 .contract .contract-address{min-height:46px;padding:8px 15px;gap:15px}
 .contract .ca-label{font-size:19px;padding-right:15px}
 .contract .ca-value{font-size:17px}
 .contract>.stm-buy{min-width:155px;font-size:18px;padding:12px 18px}
}
@media(max-width:600px){
 .hero .actions{display:grid;grid-template-columns:1fr 1fr;gap:14px 12px;white-space:normal}
 .hero .actions .button{min-width:0;padding:12px 10px;font-size:17px;gap:10px}
 .about-link{grid-column:1/-1;justify-self:start;margin:0;font-size:17px;text-underline-offset:5px}
 .hero-ca{width:100%;margin-top:22px;min-height:52px;padding:10px 16px;gap:16px}
 .ca-label{font-size:21px;padding-right:16px}
 .ca-value{font-size:18px}
 .contract{display:grid;grid-template-columns:52px minmax(0,1fr);gap:18px 14px;padding:22px 18px}
 .contract .shield{width:52px;height:64px}
 .contract-copy{display:contents}
 .contract h2{margin:0;align-self:center;font-size:27px}
 .contract .contract-address{grid-column:1/-1;width:100%;min-height:52px;padding:10px 16px;gap:16px}
 .contract>.stm-buy{grid-column:1/-1;min-width:0;width:100%;font-size:20px}
}
