:root{
  --sage:oklch(82% .042 154);
  --sage-soft:oklch(93% .028 154);
  --clay-soft:oklch(91% .03 58);
  --steel-soft:oklch(91% .022 230);
  --warm-paper:oklch(97% .015 78);
}

body{
  background:
    radial-gradient(circle at 16% 8%,oklch(92% .03 154/.58),transparent 28rem),
    radial-gradient(circle at 86% 18%,oklch(92% .028 58/.42),transparent 26rem),
    linear-gradient(180deg,oklch(96% .016 78),var(--paper) 420px),var(--paper);
}

.site-header{background:oklch(97% .014 78/.88)}
.nav-links a{position:relative;isolation:isolate;overflow:hidden}
.nav-links a:before{content:"";position:absolute;inset:auto 10px 7px;height:1px;background:oklch(42% .055 154);transform:scaleX(0);transform-origin:left;transition:transform .26s cubic-bezier(.16,1,.3,1)}
.nav-links a:hover:before,.nav-links a:focus-visible:before,.nav-links a.is-active:before{transform:scaleX(1)}
.nav-links a:hover,.nav-links a.is-active{background:linear-gradient(135deg,var(--sage-soft),oklch(95% .02 78));color:var(--ink)}

.button{position:relative;isolation:isolate;overflow:hidden;will-change:transform}
.button:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 0 36%,oklch(98% .02 78/.28) 45%,transparent 58%);transform:translateX(-120%);transition:transform .5s cubic-bezier(.16,1,.3,1);z-index:-1}
.button:hover:before,.button:focus-visible:before{transform:translateX(120%)}
.button:active{transform:translateY(0) scale(.985)}
.button-primary:hover{background:oklch(23% .045 154);color:var(--reverse)}
.button-secondary:hover{background:oklch(21% .034 235);color:var(--reverse)}

.admin-nav-link{border:1px solid oklch(13% .018 235);color:oklch(13% .018 235)!important;background:oklch(97% .012 78)}
.admin-nav-link:hover,.admin-nav-link:focus-visible{background:oklch(13% .018 235)!important;color:oklch(98% .012 78)!important}
.admin-quick-access{position:fixed;left:18px;bottom:18px;z-index:61;display:inline-flex;min-height:44px;align-items:center;justify-content:center;border:1px solid oklch(13% .018 235);background:oklch(13% .018 235/.94);color:oklch(98% .012 78);padding:0 16px;font-size:.76rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase;backdrop-filter:blur(14px);box-shadow:0 14px 34px oklch(13% .018 235/.14);transition:transform .2s cubic-bezier(.16,1,.3,1),background .2s cubic-bezier(.16,1,.3,1),color .2s cubic-bezier(.16,1,.3,1)}
.admin-quick-access:hover,.admin-quick-access:focus-visible{transform:translateY(-3px);background:oklch(97% .012 78);color:oklch(13% .018 235)}
.social-floaters{position:fixed;right:18px;bottom:18px;z-index:60;display:grid;gap:8px;width:auto;height:auto;margin:0;padding:0;pointer-events:auto}
.social-floaters a{width:46px;height:46px;display:grid;place-items:center;border:1px solid oklch(80% .012 78);background:oklch(97% .012 78/.92);color:oklch(13% .018 235);backdrop-filter:blur(14px);box-shadow:0 14px 34px oklch(13% .018 235/.11);transition:transform .2s cubic-bezier(.16,1,.3,1),background .2s cubic-bezier(.16,1,.3,1),color .2s cubic-bezier(.16,1,.3,1)}
.social-floaters a svg{width:20px;height:20px;display:block;fill:currentColor;max-width:20px;max-height:20px;flex:none}
.social-floaters a:hover,.social-floaters a:focus-visible{transform:translateY(-3px);background:oklch(13% .018 235);color:oklch(98% .012 78)}

.hero-strip span,.coach-tags span{transition:transform .24s cubic-bezier(.16,1,.3,1),background .24s cubic-bezier(.16,1,.3,1),border-color .24s cubic-bezier(.16,1,.3,1)}
.hero-strip span:hover,.coach-tags span:hover{transform:translateY(-2px);background:var(--sage-soft);border-color:oklch(65% .04 154)}
.feature-panel,.service-card,.activity-card,.product-card,.form-panel,.cart-panel,.contact-panel,.coach-card,.coach-hero-panel,.coach-cta-inner{transition:transform .28s cubic-bezier(.16,1,.3,1),box-shadow .28s cubic-bezier(.16,1,.3,1),border-color .28s cubic-bezier(.16,1,.3,1),background .28s cubic-bezier(.16,1,.3,1)}
.feature-panel:hover,.service-card:hover,.activity-card:hover,.product-card:hover,.coach-card:hover{transform:translateY(-4px);border-color:oklch(62% .045 154);box-shadow:0 18px 46px oklch(13% .018 235/.1)}
.service-card:nth-child(2n),.activity-card:nth-child(2n),.product-card:nth-child(2n){background:linear-gradient(145deg,oklch(96.5% .014 78),var(--steel-soft))}
.service-card:nth-child(2n+1),.activity-card:nth-child(2n+1),.product-card:nth-child(2n+1){background:linear-gradient(145deg,oklch(96.5% .014 78),var(--clay-soft))}
.form-panel,.cart-panel,.contact-panel{background:linear-gradient(160deg,var(--warm-paper),var(--sage-soft))}
.page-hero .eyebrow,.card-meta,.coach-role{color:oklch(39% .055 154)}
.product-image{background:linear-gradient(145deg,var(--sage-soft),var(--clay-soft))}
.hero-emblem{transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s cubic-bezier(.16,1,.3,1)}
.hero-emblem:hover{transform:translateY(-4px) rotate(-1deg);box-shadow:0 30px 90px oklch(13% .018 235/.18)}
.kinetic-lines span{animation:kinetix-drift 7s cubic-bezier(.16,1,.3,1) infinite alternate}
.kinetic-lines span:nth-child(2){animation-delay:-1.6s}.kinetic-lines span:nth-child(3){animation-delay:-3s}
@keyframes kinetix-drift{from{transform:translateX(-10px) rotate(-28deg);opacity:.42}to{transform:translateX(16px) rotate(-28deg);opacity:.8}}

.kinetic-lab{display:grid;grid-template-columns:minmax(0,.72fr) minmax(320px,1fr);gap:clamp(28px,5vw,72px);align-items:center}
.kinetic-lab-copy p{max-width:58ch;color:var(--muted);font-size:clamp(1rem,1.25vw,1.15rem)}
.motion-board{position:relative;min-height:520px;border:1px solid var(--line);background:linear-gradient(145deg,oklch(16% .02 235),oklch(26% .045 154));overflow:hidden;box-shadow:var(--shadow)}
.motion-board:before{content:"";position:absolute;inset:34px;border:1px solid oklch(90% .018 78/.24)}
.motion-track{position:absolute;left:10%;right:-14%;height:1px;background:oklch(90% .018 78/.28);transform:rotate(-18deg);transform-origin:left center}
.motion-track:nth-child(1){top:24%}.motion-track:nth-child(2){top:47%;animation-delay:-1.2s}.motion-track:nth-child(3){top:70%;animation-delay:-2.4s}
.motion-node{position:absolute;width:clamp(66px,8vw,110px);aspect-ratio:1;border:1px solid oklch(90% .018 78/.5);background:oklch(96% .014 78/.92);color:var(--ink);display:grid;place-items:center;font-weight:900;letter-spacing:.08em;animation:node-float 4.8s cubic-bezier(.16,1,.3,1) infinite alternate}
.motion-node:nth-child(4){top:16%;left:15%}.motion-node:nth-child(5){top:38%;left:52%;animation-delay:-1.4s}.motion-node:nth-child(6){top:64%;left:28%;animation-delay:-2.6s}
.motion-board strong{position:absolute;right:28px;bottom:26px;color:var(--reverse);font-size:clamp(2.6rem,8vw,6rem);line-height:.84;text-transform:uppercase;max-width:7ch}
@keyframes node-float{from{transform:translate3d(0,8px,0)}to{transform:translate3d(0,-10px,0)}}

.site-footer{position:relative;display:grid;grid-template-columns:minmax(180px,.7fr) minmax(0,1fr);align-items:start;background:linear-gradient(180deg,transparent,oklch(93% .022 154/.45));padding:42px 0}
.footer-brand{align-self:start}.footer-links{justify-content:flex-end;flex-wrap:wrap}.footer-contact{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:10px;margin-top:18px;color:var(--muted);font-size:.84rem;font-weight:800;text-transform:uppercase}.footer-contact a{border:1px solid var(--line);padding:8px 10px;background:oklch(97% .012 78/.68);transition:background .2s cubic-bezier(.16,1,.3,1),color .2s cubic-bezier(.16,1,.3,1),transform .2s cubic-bezier(.16,1,.3,1)}.footer-contact a:hover{background:var(--ink);color:var(--reverse);transform:translateY(-2px)}

.is-revealed{animation:kinetix-reveal .45s cubic-bezier(.16,1,.3,1) both}
@keyframes kinetix-reveal{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}

@media(max-width:900px){
  .nav-links{inset:0 0 auto auto;width:min(420px,calc(100% - 28px));min-height:100svh;padding:84px 18px 18px;background:linear-gradient(160deg,oklch(97% .014 78),var(--sage-soft));transform:translateX(105%);display:flex;opacity:0;pointer-events:none;transition:transform .28s cubic-bezier(.16,1,.3,1),opacity .2s cubic-bezier(.16,1,.3,1)}
  body.nav-open .nav-links{transform:translateX(0);opacity:1;pointer-events:auto}
  .nav-links a{padding:16px 14px;font-size:.9rem;border-bottom:1px solid var(--line)}
  .kinetic-lab{grid-template-columns:1fr}.motion-board{min-height:360px}.site-footer{grid-template-columns:1fr}.footer-links{justify-content:flex-start}.footer-contact{flex-direction:column;align-items:flex-start}
}

@media(max-width:560px){
  body{font-size:15px}.navbar,.site-footer,.page-hero,.section{width:min(var(--max),calc(100% - 28px))}.navbar{min-height:58px;gap:10px}.brand{gap:9px}.brand-mark{width:28px;height:28px}.brand span{font-size:.78rem;letter-spacing:.06em}.nav-toggle{width:38px;height:38px}.nav-toggle span:not(.sr-only){width:16px}.nav-links{width:calc(100% - 18px);padding-top:72px}.nav-links a{font-size:.8rem}.home-hero{min-height:auto;padding:18px 16px 30px;gap:18px}.home-hero:before{height:58%;opacity:.75}.home-hero .eyebrow{max-width:26ch;margin-bottom:12px;font-size:.66rem;letter-spacing:.12em}.home-hero h1{max-width:9ch;margin-bottom:14px;font-size:clamp(2.75rem,13.2vw,4rem);line-height:.84}.home-hero .hero-text{font-size:.95rem;line-height:1.55}.home-hero .button-row{gap:8px;margin-top:18px}.button{min-height:44px;padding:12px 15px;font-size:.76rem}.home-hero .hero-emblem{width:min(52vw,210px);max-width:210px}.hero-emblem img{width:68%;height:68%}.home-hero .hero-strip{margin-top:14px}.home-hero .hero-strip span{padding:9px 6px;font-size:.66rem}.page-hero{padding:42px 0 34px}.page-hero h1{max-width:13ch;margin-bottom:16px;font-size:clamp(2.05rem,10.5vw,3.15rem);line-height:.92}.page-hero p{font-size:.96rem;line-height:1.55}h2{font-size:clamp(1.45rem,7.5vw,2.15rem)}.section{padding:40px 0}.section-heading{gap:12px;margin-bottom:24px}.feature-panel{min-height:210px;padding:20px}.panel-number{font-size:clamp(1.7rem,10vw,3rem)}.service-card,.activity-card,.product-card,.form-panel,.cart-panel,.contact-panel{padding:20px}.service-card{min-height:250px}.service-card h2,.activity-card h2,.product-card h2,.form-panel h2,.cart-panel h2,.contact-panel h2,.story-copy h2{font-size:clamp(1.12rem,6vw,1.55rem);line-height:1.06}.card-footer{gap:10px;padding-top:16px}.product-image{aspect-ratio:1.25;margin-bottom:18px}.product-image:before{inset:13px}.form-panel .button,.product-card .button{margin-top:18px}.motion-board{min-height:300px}.motion-board strong{right:18px;bottom:18px}.motion-node{width:64px}.coaches-hero{width:min(var(--max),calc(100% - 28px))!important;padding:44px 0 24px!important;gap:18px!important}.coaches-hero h1{max-width:10ch!important;margin-bottom:14px!important;font-size:clamp(2.2rem,11vw,3.4rem)!important;line-height:.9!important}.coaches-hero p{font-size:.96rem!important;line-height:1.55!important}.coach-hero-panel{min-height:220px!important;padding:20px!important}.coaches-grid,.coach-cta{width:min(var(--max),calc(100% - 28px))!important}.coach-card{min-height:auto!important}.coach-photo{min-height:220px!important}.coach-photo span{font-size:clamp(2.8rem,16vw,4.5rem)!important}.coach-copy{padding:20px!important;gap:22px!important}.coach-copy h2{font-size:clamp(1.65rem,8vw,2.4rem)!important;line-height:.94!important}.coach-stats{grid-template-columns:1fr 1fr 1fr!important}.coach-stats strong{font-size:1.05rem!important}.coach-stats small{font-size:.62rem!important}.coach-cta{padding:40px 0!important}.admin-quick-access{left:12px;bottom:64px;min-height:40px;padding:0 12px;font-size:.68rem}.social-floaters{right:12px;bottom:12px;grid-auto-flow:column}.social-floaters a{width:40px;height:40px}.social-floaters a svg{width:18px;height:18px;max-width:18px;max-height:18px}
}

@media(prefers-reduced-motion:reduce){
  .kinetic-lines span,.motion-node{animation:none!important}.feature-panel:hover,.service-card:hover,.activity-card:hover,.product-card:hover,.coach-card:hover,.hero-emblem:hover,.button:hover{transform:none!important}.button:before,.nav-links a:before{transition:none!important}.is-revealed{animation:none!important}
}
