/* Gold & Tweed Coast Pool, round 1 changes (AceAds, Oct 2026)
   Lighter, brighter palette, bold sans headings, price-beat ticker, big action buttons,
   TV commercial hero, animated diver and professor. Loaded after gcpool.css. */
:root{
  --deep:#0a3f80; --ocean:#0069c8; --lagoon:#0088d6; --aqua:#00c3ff; --aqua-2:#8fe6ff;
  --foam:#e9f9ff; --sand:#f4fbff; --sand-2:#dff3fc; --sun:#ffd400; --sun-d:#ffbb32;
  --red:#e01219; --ink:#0b2540; --muted:#4a6075;
  --gc-display:"Montserrat","Arial Black",Arial,sans-serif;
  --tick:38px;
}
body{background:var(--sand)}

/* ---------- headings: big and bold ---------- */
.hero h1,.phead h1,.head h2,.h2,.cta h2,.promo h3,.stat .num,.ftr .bigname,.marquee span,.mmenu a,
body.gc-plain h1,.woocommerce-products-header__title{font-family:var(--gc-display);font-weight:900;letter-spacing:-.5px}
.hero h1{text-transform:uppercase;font-size:clamp(38px,6.2vw,92px);line-height:1;max-width:17ch;letter-spacing:-1px;text-shadow:0 3px 24px rgba(0,30,70,.35)}
.hero h1 em,.phead h1 em{font-style:normal;color:var(--aqua)}
.head h2,.h2{text-transform:uppercase;font-size:clamp(32px,4.6vw,64px);line-height:1.02;max-width:18ch}
.head h2 em,.h2 em{font-style:normal;color:var(--lagoon)}
.sec.dark .head h2 em,.sec.ocean .head h2 em{color:var(--sun)}
.cta h2{text-transform:uppercase;font-size:clamp(34px,5vw,72px)}
.promo h3{text-transform:uppercase;font-size:clamp(28px,3.4vw,46px)}
.phead h1{text-transform:uppercase}
.kicker{font-weight:800;letter-spacing:2.2px;color:var(--lagoon)}
.hero .kicker{color:var(--sun);font-size:14px}
.sec.dark .kicker,.sec.ocean .kicker,.cta .kicker{color:var(--sun)}
.marquee span{font-size:20px;text-transform:uppercase}
.mmenu a{text-transform:uppercase;font-size:34px}

/* ---------- brighter sections ---------- */
.sec.dark{background:linear-gradient(160deg,#0a8ee0 0%,#0063c4 55%,#0a4c9e 100%);color:#fff}
.sec.ocean{background:linear-gradient(180deg,#0aa6ea,#0069c8);color:#fff}
.sec.dark p,.sec.ocean p{color:#e6f6ff}
.promo.pb{background:linear-gradient(150deg,#0a8ee0,#0058b8)}
.promo.pb p{color:#e3f4ff}
.cta{background:#0a8ee0}
.cta::after{background:linear-gradient(90deg,rgba(0,60,140,.78),rgba(0,120,210,.2))}
.stat{background:#fff}
.stat .num{color:var(--lagoon)}
.ftr{background:linear-gradient(180deg,#0a4c9e,#062f66);color:#d4e9f8}
.ftr a:hover{color:var(--sun)}

/* ---------- header + ticker ---------- */
.ticker{display:flex;align-items:center;height:var(--tick);background:#ffea00;color:var(--red);overflow:hidden;white-space:nowrap;position:relative;box-shadow:0 2px 0 rgba(0,0,0,.06)}
.ticker .run{display:inline-flex;animation:mq 26s linear infinite}
.ticker .run span{font-family:var(--gc-display);font-weight:900;font-size:16px;letter-spacing:.6px;text-transform:uppercase;padding-right:56px}
.ticker .run span small{font-family:var(--body);font-weight:500;font-size:11px;color:#5b4a00;letter-spacing:0;text-transform:none;margin-left:10px}
.ticker .tc{position:absolute;right:0;top:0;bottom:0;display:flex;align-items:center;padding:0 14px 0 28px;background:linear-gradient(90deg,rgba(255,234,0,0),#ffea00 30%);font-size:11.5px;font-weight:600;color:#5b4a00;text-decoration:underline;text-underline-offset:2px}
.ticker:hover .run{animation-play-state:paused}
.hdr .wrap{height:84px}
.hdr.solid{background:rgba(0,88,178,.94);box-shadow:0 6px 24px -10px rgba(0,40,90,.5)}
body.light-top .hdr:not(.solid),body.gc-plain .hdr:not(.solid){background:rgba(0,88,178,.96)}
.hero .inner{padding-top:210px}
body.gc-plain .site-main,body.gc-plain main#content{padding-top:160px}
.phead .inner{padding-top:200px}
.nav a{font-family:var(--gc-display);font-weight:800;font-size:14.5px;text-transform:uppercase;letter-spacing:.4px;color:#fff;padding:10px 12px}
.nav a:hover,.nav a[aria-current]{background:rgba(255,255,255,.18);color:#fff}
.brand b{font-family:var(--gc-display);font-weight:900;font-size:19px;text-transform:uppercase;letter-spacing:0}
.brand small{color:var(--sun);font-weight:700}

/* ---------- buttons: big, bold, stand out ---------- */
.btn{font-family:var(--gc-display);font-weight:800;text-transform:uppercase;letter-spacing:.4px;font-size:15px;min-height:54px;padding:0 28px;box-shadow:0 8px 20px -10px rgba(0,0,0,.45)}
.btn.xl{min-height:64px;font-size:17px;padding:0 34px}
.btn.sm{min-height:46px;font-size:14px;padding:0 20px}
.btn.red{--bg:var(--red);--fg:#fff}
.btn.red:hover{box-shadow:0 14px 30px -12px rgba(224,18,25,.75)}
.btn.white{--bg:#fff;--fg:var(--ocean)}
.btn.white:hover{box-shadow:0 14px 30px -12px rgba(255,255,255,.6)}
.btn.glass{border-width:2px}
.btn .icon{width:20px;height:20px}
.hero .ctas{gap:14px;margin-top:34px}
.hero .ctas .btn.play{background:transparent;border:2px solid rgba(255,255,255,.8);color:#fff;box-shadow:none}
.hero .ctas .btn.play:hover{background:rgba(255,255,255,.14)}
.hero .ctas .btn.play i{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--sun);color:var(--ink);font-style:normal;font-size:12px;padding-left:2px}

/* ---------- hero: TV commercial ---------- */
.hero{background:#0a4c9e}
.hero::after{background:linear-gradient(90deg,rgba(0,50,110,.66) 0%,rgba(0,70,140,.22) 58%,rgba(0,70,140,0)),linear-gradient(180deg,rgba(0,45,100,.45) 0%,rgba(0,45,100,0) 28%,rgba(0,45,100,.08) 62%,rgba(0,40,95,.8) 100%)}
.hero .lead{color:#fff;font-weight:500;font-size:clamp(17px,1.7vw,21px);max-width:620px}
.hero-meta{color:#fff;font-weight:600;border-top-color:rgba(255,255,255,.3)}

/* sound overlay */
.tvbox{position:fixed;inset:0;z-index:300;display:none;place-items:center;background:rgba(0,20,50,.92);padding:20px}
.tvbox.on{display:grid}
.tvbox video{width:min(1100px,100%);max-height:86vh;border-radius:14px;background:#000;box-shadow:0 30px 80px -20px #000}
.tvbox .x{position:absolute;top:16px;right:16px;width:52px;height:52px;border-radius:50%;background:#fff;color:var(--ink);display:grid;place-items:center;font-size:26px;font-weight:700;line-height:1}

/* ---------- quick action strip (under hero) ---------- */
.qa{background:#fff;border-bottom:1px solid var(--line)}
.qa .wrap{display:grid;grid-template-columns:repeat(3,1fr);gap:0}
.qa a{display:flex;align-items:center;gap:14px;padding:22px 20px;border-right:1px solid var(--line);transition:background .2s}
.qa a:last-child{border-right:0}
.qa a:hover{background:var(--foam)}
.qa a .ic{flex:none;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:var(--sun);color:var(--ink)}
.qa a.em .ic{background:var(--red);color:#fff}
.qa a.ph .ic{background:var(--lagoon);color:#fff}
.qa b{display:block;font-family:var(--gc-display);font-weight:900;text-transform:uppercase;font-size:17px;line-height:1.15;color:var(--ink)}
.qa span{font-size:14px;color:var(--muted)}

/* ---------- mascots ---------- */
.lane{position:absolute;left:0;right:0;top:0;height:0;z-index:5;pointer-events:none}
.diver{position:absolute;left:0;top:clamp(-6px,calc(11vw - 150px),4px);width:330px;height:140px;pointer-events:auto;cursor:pointer;will-change:transform;filter:drop-shadow(0 12px 14px rgba(0,60,120,.25))}
.diver img{position:absolute;left:50%;top:50%;width:136px;max-width:none;margin:-165px 0 0 -68px;transform:rotate(80deg);animation:kick 1.1s ease-in-out infinite;transform-origin:50% 50%}
@keyframes kick{50%{transform:rotate(86deg) translateY(-6px)}}
.diver.flip img{animation:flip .9s cubic-bezier(.3,1.4,.5,1)}
@keyframes flip{to{transform:rotate(440deg)}}
.bub{position:absolute;width:12px;height:12px;border-radius:50%;border:2px solid rgba(0,140,214,.7);background:rgba(255,255,255,.6);pointer-events:none;animation:bub 1.6s ease-out forwards}
@keyframes bub{to{transform:translate(var(--dx,0),-120px) scale(1.4);opacity:0}}

.prof{display:grid;grid-template-columns:auto 1fr;align-items:end;gap:10px 22px;margin:-10px 0 40px}
.prof .who{position:relative;width:200px;cursor:pointer;transform-origin:50% 100%}
.prof .who img{width:100%;filter:drop-shadow(0 14px 16px rgba(0,60,120,.2))}
.prof .who:hover img,.prof .who.talk img{animation:wobble .7s ease-in-out}
@keyframes wobble{25%{transform:rotate(-4deg)}75%{transform:rotate(3deg)}}
.prof .idle{animation:bob 3.4s ease-in-out infinite}
@keyframes bob{50%{transform:translateY(-8px)}}
.prof .say{position:relative;align-self:center;background:#fff;border:3px solid var(--lagoon);border-radius:22px;padding:18px 22px;max-width:520px;box-shadow:0 18px 40px -22px rgba(0,60,120,.5)}
.prof .say::before{content:"";position:absolute;left:-16px;bottom:26px;border:14px solid transparent;border-right-color:var(--lagoon);border-left:0}
.prof .say b{display:block;font-family:var(--gc-display);font-weight:900;text-transform:uppercase;color:var(--lagoon);font-size:14px;letter-spacing:.6px;margin-bottom:4px}
.prof .say p{font-size:18px;font-weight:500;color:var(--ink);min-height:2.6em;transition:opacity .25s}
.prof .say .more{margin-top:8px;font-size:13.5px;font-weight:700;color:var(--lagoon);text-decoration:underline;text-underline-offset:3px}

/* ---------- book page: Square panel ---------- */
.sqbook{display:grid;grid-template-columns:1.3fr 1fr;gap:22px;margin-bottom:46px}
.sqbook .main{border-radius:var(--r-l);padding:clamp(28px,4vw,48px);background:linear-gradient(150deg,#0a8ee0,#0058b8);color:#fff}
.sqbook .main h2{font-family:var(--gc-display);font-weight:900;text-transform:uppercase;font-size:clamp(28px,3.4vw,44px);line-height:1.05}
.sqbook .main .kicker{color:var(--sun)}
.sqbook .main p{margin:12px 0 24px;color:#e3f4ff;max-width:46ch}
.sqbook .side{display:grid;gap:14px}
.sqbook .side a{display:flex;align-items:center;gap:14px;padding:22px;border-radius:var(--r);background:#fff;border:1px solid var(--line);box-shadow:var(--shadow)}
.sqbook .side .ic{flex:none;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:var(--red);color:#fff}
.sqbook .side a.ph .ic{background:var(--lagoon)}
.sqbook .side b{display:block;font-family:var(--gc-display);font-weight:900;text-transform:uppercase;font-size:17px}
.sqbook .side span{font-size:14px;color:var(--muted)}
.alt-h{font-family:var(--gc-display);font-weight:900;text-transform:uppercase;font-size:clamp(22px,2.4vw,30px);margin:0 0 6px}

/* ---------- mobile ---------- */
.phead{background:#0a4c9e}
.phead::after{background:linear-gradient(180deg,rgba(0,60,130,.45),rgba(0,80,160,.12) 40%,rgba(0,45,100,.85))}
.phead p{color:#fff}
@media (max-width:1240px){
  .nav{display:none}
  .burger{display:grid}
}
@media (max-width:760px){
  :root{--tick:32px}
  .ticker .run span{font-size:13.5px;padding-right:36px}
  .ticker .tc{font-size:10.5px;padding-right:10px}
  .hdr .wrap{height:70px}
  .hdr-cta .btn.sm{min-height:42px;padding:0 14px;font-size:12.5px}
  .brand b{font-size:15px}
  .hero .inner{padding-top:150px}
  .hero .ctas .btn{width:100%}
  .phead .inner{padding-top:150px}
  body.gc-plain .site-main,body.gc-plain main#content{padding-top:130px}
  .qa .wrap{grid-template-columns:1fr;width:100%}
  .qa a{border-right:0;border-bottom:1px solid var(--line);padding:16px 20px}
  .diver{width:210px;height:90px;top:-8px}
  .diver img{width:88px;margin:-107px 0 0 -44px}
  .prof{grid-template-columns:1fr;justify-items:center;text-align:center}
  .prof .who{width:150px}
  .prof .say::before{left:50%;top:-16px;bottom:auto;transform:translateX(-50%);border:14px solid transparent;border-bottom-color:var(--lagoon);border-top:0}
  .sqbook{grid-template-columns:1fr}
  .mbar{background:rgba(0,88,178,.95)}
  .mbar a{color:#fff;font-weight:700}
  .mbar a.pri{font-family:var(--gc-display);font-weight:900;text-transform:uppercase}
}
@media (prefers-reduced-motion:reduce){
  .ticker .run,.diver img,.prof .idle{animation:none}
}