.kids-diving-page { --kd-ink:#102b40; --kd-muted:#637989; --kd-blue:#4d9dff; --kd-cyan:#4cc9ff; color:var(--kd-ink); background:#f4fbfd; }
.kids-diving-hero { position:relative; min-height:590px; display:grid; align-items:end; overflow:hidden; color:#fff; background:#071d2b; }.kids-diving-hero::before { content:''; position:absolute; inset:0; background:linear-gradient(90deg,rgba(3,17,29,.9),rgba(3,17,29,.52) 50%,rgba(3,17,29,.16)),var(--kids-diving-image) center/cover; }.kids-diving-hero-inner { position:relative; z-index:1; display:flex; width:100%; align-items:end; justify-content:space-between; gap:42px; padding-top:115px; padding-bottom:76px; }.kids-diving-hero-copy { max-width:790px; }.kids-diving-eyebrow,.kids-diving-kicker { display:inline-flex; align-items:center; gap:9px; color:var(--kd-blue); font:700 11px 'DM Sans',sans-serif; letter-spacing:.16em; text-transform:uppercase; }.kids-diving-eyebrow { color:var(--kd-cyan); }.kids-diving-eyebrow::before,.kids-diving-kicker::before { content:''; width:7px; height:7px; border-radius:50%; background:currentColor; box-shadow:0 0 15px currentColor; }.kids-diving-hero h1 { max-width:850px; margin:20px 0 0; color:#fff; font:700 clamp(2.8rem,7vw,6.7rem)/.94 'Space Grotesk',sans-serif; letter-spacing:-.075em; }.kids-diving-hero-copy > p { max-width:650px; margin:25px 0 0; color:#c5dbe4; font-size:clamp(1rem,1.7vw,1.25rem); line-height:1.65; }.kids-diving-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:32px; }.kids-diving-actions .btn-ghost { color:#fff; border-color:rgba(255,255,255,.28); background:rgba(255,255,255,.08); }.kids-diving-note { width:min(245px,100%); padding:21px; border:1px solid rgba(76,201,255,.28); border-radius:19px; background:rgba(5,29,43,.75); backdrop-filter:blur(12px); }.kids-diving-note > span,.kids-diving-icon { display:grid; width:44px; height:44px; place-items:center; color:#06212b; border-radius:13px; background:linear-gradient(135deg,var(--kd-blue),var(--kd-cyan)); }.kids-diving-note svg,.kids-diving-icon svg { width:24px; height:24px; }.kids-diving-note strong { display:block; margin-top:17px; color:#fff; font:600 1.05rem 'Space Grotesk',sans-serif; }.kids-diving-note p { margin:7px 0 0; color:#9fbcc8; font-size:12px; line-height:1.55; }
.kids-diving-intro,.kids-diving-steps { padding:105px 0; background:#f8fcfd; }.kids-diving-intro-grid { display:grid; grid-template-columns:.85fr 1.15fr; gap:clamp(35px,8vw,120px); align-items:center; }.kids-diving-intro-art { position:relative; min-height:370px; display:grid; place-items:center; overflow:hidden; border-radius:25px; background:radial-gradient(circle at 48% 36%,rgba(76,201,255,.55),transparent 9%),radial-gradient(circle at 70% 65%,rgba(77,157,255,.34),transparent 18%),linear-gradient(145deg,#0d4261,#062033 70%); box-shadow:0 25px 65px rgba(31,77,97,.16); }.kids-diving-intro-art::before,.kids-diving-intro-art::after { content:''; position:absolute; border:1px solid rgba(143,221,255,.33); border-radius:50%; }.kids-diving-intro-art::before { width:245px; height:245px; }.kids-diving-intro-art::after { width:330px; height:330px; opacity:.45; }.kids-diving-art-ring { position:relative; z-index:1; display:grid; width:94px; height:94px; place-items:center; color:#06212b; border-radius:31px; background:linear-gradient(135deg,var(--kd-blue),var(--kd-cyan)); box-shadow:0 18px 40px rgba(76,201,255,.3); }.kids-diving-art-ring svg { width:51px; height:51px; }.kids-diving-intro-art > span { position:absolute; right:25px; bottom:22px; color:rgba(202,241,255,.62); font:700 10px/1.35 'Space Grotesk'; letter-spacing:.18em; text-align:right; }.kids-diving-intro-copy h2,.kids-diving-head h2 { margin:18px 0 0; color:var(--kd-ink); font:700 clamp(2rem,4vw,3.6rem)/1.02 'Space Grotesk',sans-serif; letter-spacing:-.065em; }.kids-diving-intro-copy p { margin:20px 0 0; color:var(--kd-muted); font-size:15px; line-height:1.75; }.kids-diving-intro-copy p+p { margin-top:13px; }
.kids-diving-benefits { padding:105px 0; color:#e8f7f9; background:linear-gradient(145deg,#092738,#061622); }.kids-diving-head { margin-bottom:42px; }.kids-diving-benefits .kids-diving-kicker,.kids-diving-cta .kids-diving-kicker { color:var(--kd-cyan); }.kids-diving-head h2 { color:#fff; }.kids-diving-benefit-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:15px; }.kids-diving-benefit { position:relative; min-height:225px; padding:23px; border:1px solid rgba(149,205,226,.15); border-radius:19px; background:rgba(255,255,255,.045); transition:transform .3s ease,border-color .3s ease; }.kids-diving-benefit:hover { transform:translateY(-6px); border-color:rgba(76,201,255,.5); }.kids-diving-index { position:absolute; top:20px; right:20px; color:rgba(172,226,232,.4); font:700 12px 'Space Grotesk'; }.kids-diving-benefit h3 { margin:25px 0 0; color:#fff; font:600 1.15rem 'Space Grotesk',sans-serif; }.kids-diving-benefit p { margin:9px 0 0; color:#9bb5c2; font-size:13px; line-height:1.6; }
.kids-diving-steps { background:linear-gradient(180deg,#f8fcfd,#edf7f8); }.kids-diving-step-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }.kids-diving-step { padding:24px; border:1px solid rgba(24,70,91,.13); border-radius:20px; background:#fff; box-shadow:0 15px 35px rgba(31,77,97,.07); }.kids-diving-step > span { color:#2477d4; font:700 10px 'Space Grotesk'; letter-spacing:.14em; }.kids-diving-step > div { display:grid; width:48px; height:48px; place-items:center; margin-top:18px; color:#06212b; border-radius:15px; background:linear-gradient(135deg,var(--kd-blue),var(--kd-cyan)); }.kids-diving-step svg { width:25px; height:25px; }.kids-diving-step h3 { margin:22px 0 0; color:var(--kd-ink); font:600 1.12rem 'Space Grotesk',sans-serif; }.kids-diving-step p { margin:9px 0 0; color:var(--kd-muted); font-size:13px; line-height:1.6; }
.kids-diving-practical { display:grid; grid-template-columns:1fr 1fr; min-height:390px; color:#fff; background:#071b29; }.kids-diving-practical-copy { padding:85px clamp(25px,8vw,110px); }.kids-diving-practical-copy h2 { max-width:570px; margin:18px 0 0; color:#fff; font:700 clamp(2rem,4vw,3.6rem)/1.02 'Space Grotesk',sans-serif; letter-spacing:-.065em; }.kids-diving-practical-list { display:grid; gap:17px; margin-top:32px; }.kids-diving-practical-list p { display:flex; align-items:center; gap:14px; margin:0; color:#b7d0da; font-size:13px; }.kids-diving-practical-list svg { width:23px; height:23px; flex:0 0 auto; color:var(--kd-cyan); }.kids-diving-practical-wave { display:grid; place-items:center; overflow:hidden; background:radial-gradient(circle at 50% 50%,rgba(76,201,255,.25),transparent 35%),linear-gradient(135deg,#0a3148,#04121e); }.kids-diving-practical-wave svg { color:rgba(76,201,255,.8); animation:drift 5s ease-in-out infinite; }.kids-diving-cta { padding:72px 0; color:#fff; background:linear-gradient(120deg,#0b3445,#061824); }.kids-diving-cta h2 { margin:17px 0 0; color:#fff; font:700 clamp(2rem,4vw,3.2rem)/1.05 'Space Grotesk',sans-serif; letter-spacing:-.06em; }.kids-diving-cta p { max-width:590px; margin:14px 0 0; color:#a3beca; font-size:14px; line-height:1.6; }
@media (max-width:900px) { .kids-diving-hero-inner { align-items:start; flex-direction:column; }.kids-diving-note { width:min(360px,100%); }.kids-diving-intro-grid { grid-template-columns:1fr; }.kids-diving-intro-art { min-height:320px; }.kids-diving-practical { grid-template-columns:1fr; }.kids-diving-practical-wave { min-height:260px; } }
@media (max-width:700px) { .kids-diving-hero { min-height:700px; }.kids-diving-hero-inner { padding-top:82px; padding-bottom:60px; }.kids-diving-intro,.kids-diving-benefits,.kids-diving-steps { padding:76px 0; }.kids-diving-benefit-grid,.kids-diving-step-grid { grid-template-columns:1fr; }.kids-diving-practical-copy { padding:70px 22px; }.kids-diving-cta { padding:60px 0; } }