.dl-surf{padding:2.5rem 0;background:#faf0dc}
.dl-surf-head{text-align:center;max-width:700px;margin:0 auto 1.8rem}
.dl-surf-head h1{font-size:clamp(1.3rem,3.5vw,1.75rem);color:#2a2018;margin-bottom:.6rem}
.dl-surf-head h1 em{color:#e85d04;font-style:normal}
.dl-surf-head p{color:#6a5a48;font-size:.9rem}

.lifeguard-bar{display:flex;justify-content:center;flex-wrap:wrap;gap:1.2rem;margin-bottom:1.5rem;font-size:.82rem;color:#6a5a48}
.lifeguard-bar strong{color:#e85d04;font-size:1.05rem}

.towel-row{display:grid;grid-template-columns:repeat(4,1fr);gap:.85rem}
@media(max-width:900px){.towel-row{grid-template-columns:repeat(2,1fr)}}
@media(max-width:480px){.towel-row{grid-template-columns:1fr}}
.towel{position:relative;padding-top:2.5rem;text-align:center}
.towel-stripe{position:absolute;top:0;left:50%;transform:translateX(-50%);width:80%;height:28px;border-radius:4px 4px 0 0}
.towel-stripe.win{background:#4a90d9}
.towel-stripe.mac{background:#6a6a78}
.towel-stripe.app{background:#5cb85c}
.towel-stripe.web{background:#ff8c42}
.towel-body{background:#f4e4c1;border:2px solid #e8d4a8;border-radius:0 0 8px 8px;padding:1rem .85rem 1.1rem}
.towel-body h3{font-size:.88rem;color:#2a2018;margin-bottom:.35rem}
.towel-body p{font-size:.76rem;color:#6a5a48;margin-bottom:.65rem;line-height:1.45}
.towel-body .btn-sunset{font-size:.78rem;padding:.4rem .85rem;width:100%;text-align:center;display:block}

.dl-hero-img{max-width:480px;margin:0 auto 2rem}
.dl-hero-img .hero-frame{padding:8px}

.wave-steps{counter-reset:wave;display:flex;flex-direction:column;gap:0}
.wave-step{display:grid;grid-template-columns:80px 1fr;gap:1.2rem;padding:1.1rem 0;border-bottom:2px dashed #e8d4a8;align-items:start}
@media(max-width:480px){.wave-step{grid-template-columns:1fr}}
.wave-step .wave-num{width:56px;height:56px;background:#ff8c42;color:#1a2838;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.1rem}
.wave-step h3{font-size:.92rem;color:#2a2018;margin-bottom:.3rem}
.wave-step p{font-size:.82rem;color:#6a5a48}

.dl-dual{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
@media(max-width:768px){.dl-dual{grid-template-columns:1fr}}
.dl-panel{background:#f4e4c1;border:2px solid #e8d4a8;border-radius:8px;padding:1rem 1.1rem}
.dl-panel h3{font-size:.88rem;color:#e85d04;margin-bottom:.55rem;padding-bottom:.4rem;border-bottom:2px solid #e8d4a8}
.dl-panel li{font-size:.8rem;color:#6a5a48;padding:.25rem 0}

.dl-cta{background:#243448;padding:2.2rem 0;text-align:center;border-top:3px solid #ff8c42}
.dl-cta h2{font-size:1.2rem;color:#ffb347;margin-bottom:.4rem}
.dl-cta p{font-size:.85rem;color:#8898a8;margin-bottom:1rem}