/* BEETS Academy shared site system — 21 Oct 2026
   Scope: main site, academic partnerships, corporate training, public workshop.
   Does not modify existing privacy, terms or payment-success pages. */
:root{
  --navy:#011120;--navy-2:#081f35;--navy-3:#0e304a;
  --cyan:#4bd5dc;--cyan-strong:#14b5c7;--copper:#dca76d;
  --ink:#173047;--muted:#526879;--line:#dce6eb;
  --surface:#f5f9fb;--white:#fff;--shadow:0 15px 45px rgba(8,30,50,.09);
  --radius:16px;--wide:1140px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#fff;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,'Segoe UI',Arial,sans-serif;line-height:1.64;-webkit-font-smoothing:antialiased}
a{color:#0c6888}a:hover{color:#07546d}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--copper);outline-offset:4px}
img{max-width:100%;height:auto}
.container{width:min(var(--wide),calc(100% - 44px));margin-inline:auto}
.site-header{background:var(--navy);border-bottom:1px solid rgba(255,255,255,.10);position:relative;z-index:5}
.nav{display:flex;align-items:center;justify-content:space-between;gap:25px;min-height:88px}
.brand{display:inline-flex;align-items:center;flex:none;text-decoration:none}
.brand img{display:block;width:190px;height:auto;aspect-ratio:8/3;object-fit:contain}
.nav-links{display:flex;align-items:center;gap:clamp(10px,1.6vw,26px);flex-wrap:wrap}
.nav-links>a{font-size:.85rem;color:#d3e4eb;text-decoration:none;font-weight:600;line-height:1.3;transition:color .15s}
.nav-links>a:hover,.nav-links>a[aria-current="page"]{color:var(--cyan)}
.nav-links a.button{color:var(--navy);padding:10px 16px}
.hero{background:radial-gradient(circle at 87% 20%,rgba(31,158,179,.23),transparent 29%),radial-gradient(circle at 75% 90%,rgba(214,146,64,.10),transparent 28%),linear-gradient(115deg,#06192b 0%,#0c2a43 68%,#0b3a46 100%);color:#fff;padding:clamp(66px,8vw,112px) 0}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:clamp(36px,5vw,70px);align-items:center}
.hero h1{font-size:clamp(2.5rem,5vw,4.65rem);font-weight:790;line-height:1.11;letter-spacing:-.045em;margin:14px 0 22px;color:#fff;max-width:910px}
.hero h2{color:#e3f2f8;font-size:clamp(1.35rem,2vw,2rem);line-height:1.3;letter-spacing:-.02em}
.lead{font-size:clamp(1.05rem,1.5vw,1.21rem);color:#c9dce7;max-width:690px;margin:0 0 28px;line-height:1.75}
.eyebrow,.kicker{color:var(--copper);font-size:.74rem;font-weight:850;text-transform:uppercase;letter-spacing:.145em}
.hero-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:26px}
.button{appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:12px 20px;border-radius:8px;font-weight:760;font-size:.93rem;text-decoration:none;border:1px solid transparent;line-height:1.3;min-height:45px;transition:transform .18s,background .18s,box-shadow .18s;cursor:pointer}
.button:hover{transform:translateY(-1px);text-decoration:none}
.button-primary{background:var(--cyan);color:#062033;box-shadow:0 7px 22px rgba(21,181,199,.15)}
.button-primary:hover{background:#7ae6e7;color:#031e2e}
.button-secondary{color:#e8f7fc;background:rgba(255,255,255,.045);border-color:#7195a6}
.button-secondary:hover{background:rgba(255,255,255,.12);color:#fff}
.button-outline{background:white;border-color:#b6d8df;color:#07536a}
.button-outline:hover{background:#f0fbfd}
.button-text{padding-inline:0;color:#0b6a83;font-weight:790}
.section{padding:clamp(58px,7vw,90px) 0}
.section.alt{background:var(--surface)}
.section h2{font-size:clamp(1.8rem,3vw,2.65rem);line-height:1.2;letter-spacing:-.035em;margin:10px 0 17px;color:#102b40}
.section-intro{font-size:1.06rem;color:var(--muted);max-width:790px}
.section-header{max-width:820px;margin-bottom:32px}
.section-header p{color:var(--muted)}
.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}
.grid-2,.two-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(25px,4vw,62px)}
.grid-2{gap:19px}
.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:31px}
.card,.pathway-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:27px;box-shadow:0 5px 23px rgba(5,38,56,.04)}
.card h3,.pathway-card h3{margin:8px 0 11px;font-size:1.23rem;line-height:1.3;color:#12334a}
.card p,.pathway-card p{color:var(--muted);margin-top:0}
.pathway-card{display:flex;flex-direction:column;min-height:265px;border-top:4px solid var(--cyan-strong)}
.pathway-card:nth-child(2){border-top-color:#da9959}
.pathway-card:nth-child(3){border-top-color:#65a9e2}
.pathway-card .button-text{margin-top:auto;align-self:flex-start}
.card-kicker{font-size:.71rem;letter-spacing:.11em;color:#0b7385;font-weight:850;text-transform:uppercase}
.benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:25px}
.benefit{border-left:3px solid var(--cyan-strong);padding:5px 0 5px 19px}
.benefit strong{display:block;color:#173449;font-size:1.04rem}
.benefit p{margin:8px 0 0;color:var(--muted);font-size:.93rem}
.price-card{padding:30px;border:1px solid rgba(165,222,236,.28);background:linear-gradient(145deg,rgba(16,63,82,.90),rgba(6,27,45,.98));border-radius:18px;box-shadow:0 26px 58px rgba(0,0,0,.18)}
.price-card h2{color:#fff;margin:14px 0;font-size:1.5rem}
.price-card>p{color:#c4e0e9;margin:0 0 22px}
.price{font-size:2.8rem;line-height:1.2;font-weight:830;color:#fff;margin:8px 0 18px}
.meta{display:grid;gap:10px;font-size:.96rem;color:#d5eaf2;margin-bottom:23px}
.meta strong{color:#fff}
.meta>div{border-bottom:1px solid rgba(227,240,250,.11);padding-bottom:7px}
.arch-flow{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:25px 0}
.arch-flow span{border:1px solid rgba(149,215,230,.42);border-radius:7px;padding:9px 13px;background:rgba(6,56,76,.25);font-size:.85rem;color:inherit;font-weight:650}
.arch-flow b{color:var(--copper)}
.quote{border-left:4px solid var(--cyan-strong);background:#eaf6f7;padding:22px 25px;border-radius:0 10px 10px 0;color:#173b50;font-size:1.05rem;font-weight:550}
.checklist{list-style:none;padding:0;margin:19px 0}
.checklist li{padding:7px 0 7px 29px;position:relative;color:#294657}
.checklist li:before{content:'✓';position:absolute;left:0;color:#12949c;font-weight:900}
.not-list li:before{content:'–';color:#be7954}
.agenda{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin-top:30px}
.agenda-item{display:flex;gap:17px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px;align-items:flex-start}
.agenda-time{flex:none;width:34px;color:#168798;font-weight:860;font-size:1.05rem}
.agenda-item h3{font-size:1.06rem;margin:0 0 8px;color:#17354c}
.agenda-item p{color:var(--muted);font-size:.94rem;margin:0}
.instructor{display:flex;align-items:flex-start;gap:20px;margin-top:20px;max-width:850px}
.avatar{width:70px;height:70px;flex:none;border:1px solid #aedbe1;border-radius:17px;display:grid;place-items:center;background:#dff3f5;color:#0b5471;font-weight:900;font-size:1.2rem}
.instructor p{color:var(--muted);margin:5px 0 12px}
.instructor h3{margin:0;color:var(--ink)}
.faq{max-width:880px}
.faq details{border:1px solid var(--line);background:#fff;border-radius:11px;padding:16px 19px;margin:11px 0}
.faq summary{font-weight:750;cursor:pointer;color:#193d50}
.faq details p{color:var(--muted);margin:12px 0 3px}
.cta-band{background:linear-gradient(112deg,#0a2b45,#0c4950);border-radius:18px;padding:32px 37px;display:flex;align-items:center;justify-content:space-between;gap:24px;color:white}
.cta-band h2{color:white;margin:0 0 7px;font-size:clamp(1.5rem,2.5vw,2.2rem)}
.cta-band p{color:#d2e8ef;margin:0}
.cta-band .button{flex:none}
.small{font-size:.84rem;color:var(--muted);margin:14px 0 0}
.taglist{display:flex;flex-wrap:wrap;gap:10px;margin:25px 0}
.tag{border:1px solid #cce4ea;border-radius:35px;padding:6px 12px;font-size:.85rem;font-weight:680;color:#345567;background:#fff}
.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:15px;margin-top:30px}
.step{border-top:4px solid var(--cyan-strong);padding-top:16px;font-weight:790;color:#213e51}
.step span{display:block;font-weight:450;color:var(--muted);font-size:.87rem;margin-top:8px}
.number{font-size:.82rem;font-weight:800;color:#0a8697;letter-spacing:.07em}
.cta{background:linear-gradient(112deg,#0a2b45,#0e4650);padding:38px;border-radius:16px;color:white}
.cta h2{color:white}
.cta p{color:#d0e5ed}
.cta a:not(.button){color:#88e2e6}
.footer{background:#061a2b;color:#bad0da;padding:30px 0;font-size:.88rem}
.footer-grid{display:flex;justify-content:space-between;align-items:start;gap:20px;flex-wrap:wrap}
.footer a{display:inline-block;color:#bfd8e1;text-decoration:none;margin-left:18px}
.footer a:hover{color:var(--cyan)}
.footer .tagline{color:#8baebd;font-size:.87rem;margin-top:4px}
.footer a.footer-brand{display:inline-flex;align-items:center;text-decoration:none;margin-left:0}
.footer-brand img{display:block;width:156px;height:auto;aspect-ratio:8/3;object-fit:contain}
.footer .footer-links a:first-child{margin-left:0}
.inline-link{color:#0b6b82;font-weight:700;text-decoration:none}
.inline-link:hover{text-decoration:underline}
/* Accessibility / mobile */
@media(max-width:980px){.grid-3,.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-grid{grid-template-columns:1fr}.price-card{max-width:560px}.steps{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:750px){.brand img{width:165px}.nav{padding:13px 0;align-items:flex-start;flex-direction:column;gap:11px}.nav-links{column-gap:17px;row-gap:11px}.nav-links>a{font-size:.83rem}.hero{padding:63px 0}.grid-3,.grid-2,.cards,.two-col,.agenda,.benefits{grid-template-columns:1fr}.steps{grid-template-columns:repeat(2,minmax(0,1fr))}.cta-band{flex-direction:column;align-items:flex-start;padding:29px}.section{padding:55px 0}}
@media(max-width:460px){.container{width:calc(100% - 34px)}.nav-links{gap:11px 15px}.nav-links>a{font-size:.81rem}.nav-links a.button{padding:9px 11px}.hero h1{font-size:2.26rem}.arch-flow{gap:6px}.arch-flow span{padding:7px 9px;font-size:.79rem}.steps{grid-template-columns:1fr}.card,.pathway-card,.price-card{padding:22px}.footer a{margin:0 15px 9px 0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}