/* Riff Mates visual pass 2 — an intentionally bolder rehearsal-room identity. */
.site-header{max-width:none;padding-left:max(32px,calc((100vw - 1280px)/2));padding-right:max(32px,calc((100vw - 1280px)/2));background:#fbf7ed}
.hero{position:relative;max-width:none;min-height:650px;padding-left:max(32px,calc((100vw - 1280px)/2));padding-right:max(32px,calc((100vw - 1280px)/2));grid-template-columns:minmax(480px,.92fr) minmax(480px,1.08fr);background:linear-gradient(90deg,#093f39 0 52%,#fbf7ed 52% 100%);overflow:hidden}
.hero:before{content:"";position:absolute;inset:0 48% 0 0;pointer-events:none;background:radial-gradient(circle at 16% 22%,rgba(241,199,91,.13) 0 2px,transparent 2.5px) 0 0/24px 24px,linear-gradient(125deg,transparent 0 64%,rgba(255,255,255,.035) 64% 64.4%,transparent 64.4%)}
.hero-copy{position:relative;z-index:5;padding:36px 54px 32px 0}
.hero .eyebrow{color:#f1c75b}.hero .eyebrow>span{background:#ef7357}
.hero h1{color:#fff;font-size:clamp(54px,5.15vw,74px);letter-spacing:-.055em;text-wrap:balance}
.hero h1 em{display:inline-block;color:#ef7357}
.hero-intro{color:rgba(255,255,255,.78);max-width:555px}
.hero .trust-line{color:rgba(255,255,255,.7)}.hero .trust-line strong{color:#fff}.hero .faces i{border-color:#093f39;color:#172b2a}
.search-card{width:calc(100% + 125px);max-width:720px;position:relative;z-index:7;border-radius:14px;padding:11px;box-shadow:0 24px 58px rgba(0,0,0,.25)}
.search-card label{padding-left:16px}.search-button{border-radius:9px}
.hero-visual{z-index:3;margin-left:14px;min-height:535px}
.hero-visual:after{inset:29px 0 14px 20px;background:#0f5c50;box-shadow:0 30px 72px rgba(9,63,57,.28);transform:rotate(1deg)}
.rehearsal-backdrop{inset:29px 0 14px 20px;background:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px) 0 0/100% 8px,radial-gradient(circle at 74% 16%,rgba(241,199,91,.34),transparent 31%)}
.sun{width:395px;height:395px;top:69px;left:108px}.hero-visual>svg{width:101%;left:1%;bottom:7px}
.card-one{left:-20px;top:88px}.card-two{right:-5px;bottom:48px}
.how{background:#fff;padding-top:78px;padding-bottom:72px}.how .section-heading h2{color:#093f39}
.steps article{padding:30px 24px 26px;border:1px solid rgba(15,92,80,.1);border-radius:18px;background:#fbfdfb;box-shadow:0 12px 30px rgba(9,63,57,.06)}
.step-number{right:10%;top:3px}.step-icon{margin-top:2px}
.levels{max-width:none;padding-left:max(32px,calc((100vw - 1280px)/2));padding-right:max(32px,calc((100vw - 1280px)/2));background:#f5efe2}
.levels-copy h2{color:#093f39}.level-card{min-height:410px;display:flex;flex-direction:column}.level-card ul{flex:1}.level-card>a{align-self:flex-start}
.level-card.beginner{background:linear-gradient(180deg,#fff 0 82%,#edf7f3 100%)}.level-card.intermediate{background:linear-gradient(180deg,#fff 0 82%,#fff0ec 100%)}.level-card.pro{background:linear-gradient(180deg,#fff 0 82%,#fff7df 100%)}
.quote-section{padding-top:75px;padding-bottom:75px;border-top:6px solid #f1c75b}
.coming{background:#fffdf8}.feature-grid article{border-radius:16px;border-top:5px solid #0f5c50}.feature-grid article:nth-child(2){border-top-color:#f1c75b}.feature-grid article:nth-child(3){border-top-color:#ef7357}
.final-cta{background:linear-gradient(115deg,#ef7357 0 66%,#d85c43 66%);position:relative}.final-cta:before{content:"MAKE SOME NOISE";position:absolute;right:-24px;bottom:-12px;color:rgba(255,255,255,.07);font:800 70px/1 Manrope;letter-spacing:-.06em;white-space:nowrap}
@media(max-width:1100px){.hero{grid-template-columns:1fr 1fr}.search-card{width:calc(100% + 60px)}.hero h1{font-size:58px}.sun{left:50%;transform:translateX(-50%)}}
@media(max-width:950px){.hero{max-width:none;grid-template-columns:1fr;background:linear-gradient(180deg,#093f39 0 51%,#fbf7ed 51% 100%);padding-left:32px;padding-right:32px}.hero:before{inset:0 0 49%}.hero-copy{padding-right:0;text-align:center}.search-card{width:100%;max-width:720px;margin-left:auto;margin-right:auto}.hero-visual{margin-left:auto;margin-right:auto;min-height:535px}.hero-visual:after,.rehearsal-backdrop{inset:25px 4px 12px}.levels{padding-left:32px;padding-right:32px}}
@media(max-width:720px){.site-header{padding-left:20px;padding-right:20px}.hero{padding-left:20px;padding-right:20px;background:linear-gradient(180deg,#093f39 0 54%,#fbf7ed 54% 100%)}.hero:before{inset:0 0 46%}.hero-copy{padding-top:20px}.hero h1{font-size:46px}.hero-visual{min-height:455px}.steps article{padding:26px 20px}.levels{padding-left:20px;padding-right:20px}.level-card{min-height:0}.final-cta:before{font-size:43px}}
@media(max-width:430px){.hero{background:linear-gradient(180deg,#093f39 0 59%,#fbf7ed 59% 100%)}.hero:before{inset:0 0 41%}.hero h1{font-size:39px}.hero-visual{min-height:370px}.hero-visual:after,.rehearsal-backdrop{inset:23px -4px 10px}.sun{width:275px;height:275px}}