/*
Theme Name: reVERB Launch
Theme URI: https://reverb.events
Author: REVERB
Description: REVERB dark design with WellnessLiving booking links.
Version: 1.1.0
Requires PHP: 7.4
Text Domain: reverb-launch
*/
:root{--ink:#f5f5f5;--muted:#b4becb;--bg:#080b10;--panel:#121924;--blue:#368fc4;--violet:#77749b;--line:#293443}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:115px}
body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.55;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid #73c4f0;outline-offset:4px}
.wrap{width:min(1160px,90%);margin:auto}
.site-header{position:sticky;top:0;z-index:20;background:rgba(8,11,16,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(16px)}
.nav{display:flex;justify-content:space-between;align-items:center;min-height:78px;gap:20px}
.logo{font-weight:800;font-size:30px;letter-spacing:-2px;white-space:nowrap}.logo span{color:#76bde5}
.navlinks{display:flex;align-items:center;gap:clamp(10px,1.7vw,24px);font-size:12px;text-transform:uppercase;letter-spacing:.08em}
.navlinks>a:not(.button){color:#d8e0e9;transition:color .2s}.navlinks>a:not(.button):hover{color:#80c9f3}
.button{display:inline-flex;align-items:center;justify-content:center;background:var(--blue);color:#fff;padding:14px 22px;border:1px solid var(--blue);border-radius:3px;font-weight:800;font-size:12px;text-transform:uppercase;letter-spacing:.08em;transition:background .2s,transform .2s;line-height:1.3;text-align:center}
.button:hover{background:#52a9db;transform:translateY(-2px)}.button.alt{background:transparent;color:var(--ink);border-color:#697e93}.button.alt:hover{background:#1c2b3a}
.hero{min-height:76vh;display:flex;align-items:center;position:relative;overflow:hidden;background:radial-gradient(ellipse at 85% 30%,rgba(42,103,158,.28),transparent 48%),radial-gradient(ellipse at 12% 90%,rgba(93,79,140,.15),transparent 45%),linear-gradient(125deg,#080b10,#121c2b)}
.hero:after{content:'//';position:absolute;right:5%;bottom:-110px;font-size:clamp(250px,35vw,480px);font-weight:900;color:rgba(73,147,204,.07);pointer-events:none}
.hero .wrap{position:relative;z-index:1;padding-top:70px;padding-bottom:70px}
.eyebrow{color:#7cc7f2;text-transform:uppercase;font-size:12px;letter-spacing:3px;font-weight:800}
.hero h1{font-size:clamp(54px,9vw,124px);letter-spacing:-.075em;line-height:.98;margin:22px 0 30px;max-width:980px}
.hero p{font-size:clamp(17px,2vw,22px);color:#c3d0df;max-width:650px}
.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}
.section{padding:100px 0;border-top:1px solid var(--line)}
.section h2{font-size:clamp(38px,6vw,72px);letter-spacing:-.06em;line-height:1.08;margin:15px 0 25px}
.intro{max-width:750px;font-size:20px;color:#c3d0df}
.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:45px}
.tile{display:flex;flex-direction:column;border:1px solid var(--line);background:linear-gradient(155deg,#172333,#101721);padding:32px;min-height:330px;transition:border-color .2s,transform .2s}
.tile:hover{border-color:#4b88b4;transform:translateY(-3px)}
.tile .num{font-size:12px;letter-spacing:2px;color:#80c9f3}
.tile h3{font-size:29px;margin:26px 0 12px;letter-spacing:-1px}
.tile p{color:#bac8d6;margin:0}.tile .actions{margin-top:auto;padding-top:25px}.tile .button{width:100%}
.feature{background:linear-gradient(135deg,#162d46,#151b2b 65%,#26223d);color:#fff;border-top-color:#3b5570}
.feature .eyebrow{color:#8ed2f8}.feature .intro{color:#d1d9e6}.feature .button{background:#f5f5f5;color:#111a27;border-color:#f5f5f5}.feature .button:hover{background:#cce8fb}
.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:40px}
.step{border-top:2px solid #4d8ebd;padding-top:20px}.step strong{font-size:30px;letter-spacing:-1px}.step p{color:#b5c5d5}
.footer{padding:38px 0;color:#aebbc9;border-top:1px solid var(--line);font-size:13px}.footer .wrap{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
@media(max-width:1050px){.nav{flex-wrap:wrap;padding-top:16px;padding-bottom:16px}.navlinks{width:100%;flex-wrap:wrap;gap:12px 20px}.navlinks .button{padding:11px 16px}}
@media(max-width:780px){.grid,.steps{grid-template-columns:1fr}.section{padding:70px 0}.hero{min-height:610px}.hero h1{font-size:clamp(50px,12vw,88px)}.nav{gap:10px}.navlinks{font-size:11px;gap:10px 16px}.navlinks a:not(.button){display:inline}.tile{min-height:unset}.tile .actions{margin-top:18px}.section h2{overflow-wrap:break-word}}
@media(max-width:420px){.navlinks .button{width:100%}.hero h1{font-size:clamp(45px,12vw,62px)}.actions .button{width:100%}.logo{font-size:27px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,.tile{transition:none}}