:root{--primary:#B96500;--sky:#FFC400;--navy:#232329;--orange:#DA7500;--gold:#FFCC3D;--soft:#FFFAEF;--ink:#232329;--muted:#65616A;--card:#ffffff;--line:#F0DFBE;--shadow:0 24px 70px rgba(51,35,20,.13);--radius:24px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:radial-gradient(circle at top left,rgba(255,196,0,.14),transparent 34%),linear-gradient(180deg,#fff 0,#FFFCF6 100%);line-height:1.6}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}.container{width:min(1180px,92%);margin:auto}.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.82);backdrop-filter:blur(18px);border-bottom:1px solid rgba(240,223,190,.84)}.nav{height:78px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;font-weight:900;color:var(--navy);letter-spacing:-.03em}.brand img{width:52px;height:52px;object-fit:contain}.brand span{font-size:1.08rem}.nav-links{display:flex;align-items:center;gap:26px;font-weight:700;color:#363333}.nav-links a:hover{color:var(--primary)}.nav-cta{background:linear-gradient(135deg,var(--primary),var(--sky));color:#fff!important;padding:12px 18px;border-radius:999px;box-shadow:0 12px 28px rgba(255,190,34,.27)}.nav-toggle{display:none;border:0;background:var(--navy);color:#fff;border-radius:12px;padding:10px 12px;font-size:1.2rem}.hero{padding:78px 0 46px;position:relative;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1fr;align-items:center;gap:48px;max-width:880px;margin:auto;text-align:center}.eyebrow{display:inline-flex;align-items:center;gap:8px;background:#FFF5DA;color:var(--primary);padding:8px 14px;border:1px solid #F5D896;border-radius:999px;font-size:.86rem;font-weight:900}.hero h1{font-size:clamp(2.45rem,5vw,5.4rem);line-height:.96;margin:20px 0 18px;letter-spacing:-.075em;color:var(--navy)}.hero h1 span{background:linear-gradient(135deg,var(--primary),var(--sky),var(--gold));-webkit-background-clip:text;color:transparent}.hero p{font-size:1.12rem;color:#615D5F;max-width:720px;margin-left:auto;margin-right:auto}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin:28px 0;justify-content:center}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:0;border-radius:16px;padding:14px 20px;font-weight:900;cursor:pointer;transition:.25s ease;font-size:.98rem}.btn-primary{color:#fff;background:linear-gradient(135deg,var(--primary),var(--sky));box-shadow:0 18px 40px rgba(255,182,22,.27)}.btn-dark{color:#fff;background:var(--navy)}.btn-light{color:var(--navy);background:#fff;border:1px solid var(--line)}.btn:hover{transform:translateY(-2px)}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;max-width:620px;margin:18px auto 0}.stat{background:rgba(255,255,255,.75);border:1px solid var(--line);border-radius:18px;padding:16px;box-shadow:0 10px 30px rgba(35,35,41,.06)}.stat b{display:block;color:var(--navy);font-size:1.25rem}.stat small{color:var(--muted);font-weight:700}.hero-card{position:relative}.hero-card:before{content:"";position:absolute;inset:35px -18px -18px 35px;background:linear-gradient(135deg,var(--sky),var(--gold));border-radius:32px;filter:blur(1px);opacity:.48}.hero-image{position:relative;border-radius:32px;overflow:hidden;box-shadow:var(--shadow);border:1px solid #fff;background:#fff}.hero-image img{width:100%;height:560px;object-fit:cover}.floating{position:absolute;left:-22px;bottom:36px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:22px;padding:16px 18px;max-width:250px}.floating b{color:var(--navy)}.section{padding:72px 0}.section-head{display:flex;justify-content:space-between;gap:25px;align-items:end;margin-bottom:30px}.section h2{font-size:clamp(2rem,3vw,3.2rem);line-height:1.02;margin:0;color:var(--navy);letter-spacing:-.055em}.section p.lead{color:var(--muted);max-width:620px;margin:12px 0 0}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.feature{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:22px;box-shadow:0 18px 45px rgba(35,35,41,.06)}.feature .icon{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,#FFF3D3,#FFE6AF);font-size:1.35rem}.feature h3{margin:14px 0 7px;color:var(--navy)}.feature p{margin:0;color:var(--muted);font-size:.95rem}.courses-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.course-card{background:#fff;border:1px solid var(--line);border-radius:28px;overflow:hidden;box-shadow:0 24px 60px rgba(35,35,41,.08);display:flex;flex-direction:column}.course-img{height:225px;object-fit:cover;object-position:top center;width:100%;background:#FFF4D9;cursor:zoom-in}.course-body{padding:22px;display:flex;flex-direction:column;flex:1}.course-top{display:flex;justify-content:space-between;gap:12px;align-items:start}.badge{display:inline-flex;background:#FFF5DA;color:var(--primary);border:1px solid #F5D896;border-radius:999px;padding:6px 10px;font-size:.78rem;font-weight:900}.price{font-size:1.25rem;font-weight:950;color:var(--orange);white-space:nowrap}.course-card h3{font-size:1.35rem;margin:12px 0 8px;color:var(--navy);letter-spacing:-.025em}.course-card p{color:var(--muted);margin:0 0 18px;font-size:.96rem}.course-actions{margin-top:auto;display:grid;grid-template-columns:1fr 1fr;gap:10px}.featured{display:grid;grid-template-columns:.95fr 1.05fr;gap:34px;align-items:center;background:linear-gradient(135deg,var(--navy),#4C3826 55%,var(--sky));border-radius:34px;padding:28px;color:#fff;box-shadow:var(--shadow);overflow:hidden}.featured img{border-radius:26px;height:380px;width:100%;object-fit:cover;object-position:top center;cursor:zoom-in}.featured h2{color:#fff}.featured p{color:#FBEAC5}.featured .badge{background:rgba(255,255,255,.13);border-color:rgba(255,255,255,.22);color:#fff}.featured .price{color:var(--gold);font-size:1.8rem}.testimonials{display:grid;grid-template-columns:1fr 1fr;gap:24px}.testimonial{background:#fff;border:1px solid var(--line);border-radius:28px;padding:22px;box-shadow:0 20px 55px rgba(35,35,41,.08);display:grid;grid-template-columns:112px 1fr;gap:18px;align-items:center}.testimonial img{width:112px;height:140px;object-fit:cover;object-position:top center;border-radius:22px;cursor:zoom-in}.testimonial p{color:#5B5A5F;margin:0 0 10px}.testimonial b{color:var(--navy)}.cta{padding:64px 0}.cta-box{background:radial-gradient(circle at 20% 10%,rgba(255,196,0,.3),transparent 30%),linear-gradient(135deg,#29252A,#B96500);border-radius:36px;color:#fff;padding:50px;display:flex;justify-content:space-between;gap:28px;align-items:center;box-shadow:var(--shadow)}.cta-box h2{color:#fff}.cta-box p{color:#FBEAC5;max-width:680px}.page-hero{padding:64px 0 28px}.content-card{background:#fff;border:1px solid var(--line);border-radius:28px;padding:30px;box-shadow:0 20px 55px rgba(35,35,41,.07)}.product-grid{display:grid;grid-template-columns:.86fr 1.14fr;gap:34px;align-items:start}.product-image{border-radius:30px;overflow:hidden;box-shadow:var(--shadow);border:1px solid var(--line)}.product-image img{width:100%;height:520px;object-fit:cover;object-position:top center;cursor:zoom-in}.product-info h1{font-size:clamp(2.2rem,4vw,4.2rem);line-height:1;margin:12px 0;color:var(--navy);letter-spacing:-.06em}.features-list{list-style:none;padding:0;margin:24px 0;display:grid;gap:11px}.features-list li{background:#FFFCF6;border:1px solid var(--line);border-radius:16px;padding:12px 14px;color:#47434A}.features-list li:before{content:"✓";font-weight:900;color:var(--primary);margin-right:8px}.form-grid{display:grid;gap:14px}.form-grid input,.form-grid textarea{width:100%;border:1px solid var(--line);border-radius:16px;padding:14px 15px;font:inherit;outline:none;background:#fff}.form-grid input:focus,.form-grid textarea:focus{border-color:var(--sky);box-shadow:0 0 0 4px rgba(255,196,0,.14)}.checkout-box{background:#fff;border:1px solid var(--line);border-radius:24px;padding:20px;box-shadow:0 18px 45px rgba(35,35,41,.08);margin-top:22px}.footer{background:#232329;color:#D7D1C7;margin-top:50px;padding-top:55px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px}.footer-logo{width:70px;background:#fff;border-radius:18px;padding:6px;margin-bottom:14px}.footer h4{color:#fff}.footer a{display:block;color:#D7D1C7;margin:8px 0}.footer a:hover{color:#fff}.footer-bottom{text-align:center;border-top:1px solid rgba(255,255,255,.1);padding:20px;margin-top:38px;color:#BDB5A8}.toast{position:fixed;right:18px;bottom:18px;background:var(--navy);color:#fff;padding:14px 18px;border-radius:16px;box-shadow:var(--shadow);transform:translateY(140%);transition:.25s;z-index:90}.toast.show{transform:translateY(0)}@media(max-width:900px){.hero-grid,.featured,.product-grid{grid-template-columns:1fr}.courses-grid,.feature-grid{grid-template-columns:repeat(2,1fr)}.hero-image img{height:420px}.section-head,.cta-box{display:block}.floating{position:relative;left:auto;bottom:auto;margin-top:15px}.footer-grid,.testimonials{grid-template-columns:1fr}.nav-toggle{display:block}.nav-links{position:absolute;top:78px;left:4%;right:4%;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:22px;padding:18px;display:none;flex-direction:column;align-items:flex-start}.nav-links.open{display:flex}}@media(max-width:560px){.courses-grid,.feature-grid,.stats{grid-template-columns:1fr}.hero{padding-top:48px}.hero h1{font-size:2.75rem}.course-actions{grid-template-columns:1fr}.cta-box{padding:30px}.testimonial{grid-template-columns:1fr}.product-image img{height:330px}.brand span{display:none}}
.lightbox-modal{position:fixed;inset:0;background:rgba(24,24,30,.90);z-index:200;display:none;align-items:center;justify-content:center;padding:24px}.lightbox-modal.open{display:flex}.lightbox-modal img{max-width:min(96vw,1100px);max-height:86vh;border-radius:18px;box-shadow:0 24px 70px rgba(0,0,0,.35);background:#fff}.lightbox-close{position:absolute;top:18px;right:20px;width:46px;height:46px;border:0;border-radius:999px;background:#fff;color:var(--navy);font-size:30px;line-height:1;cursor:pointer;box-shadow:0 12px 28px rgba(0,0,0,.2)}.lightbox-caption{position:absolute;left:24px;right:24px;bottom:18px;text-align:center;color:#fff;font-weight:800;text-shadow:0 2px 12px rgba(0,0,0,.6)}

/* HumourHive brand refinements: contrast and accessible interactive states. */
.nav-cta,.btn-primary{color:#232329!important;background:linear-gradient(135deg,#FFB703 0%,#FFD33F 60%,#FFA91A 100%)}
.nav-cta:hover,.btn-primary:hover{filter:brightness(1.035);box-shadow:0 16px 34px rgba(214,129,0,.22)}
.btn-dark{background:#232329;color:#FFF7E4}
.btn-light{border-color:#E6C98D;background:#FFFCF6;color:#29252A}
.btn-light:hover{background:#FFF3D3}
.nav-links a:hover,.footer a:hover{color:#DA7500}
.eyebrow,.badge{color:#995500;background:#FFF5DA;border-color:#F0D18E}
.hero h1 span{background:linear-gradient(110deg,#B96500 0%,#E68B00 40%,#FFC400 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.form-grid input:focus,.form-grid textarea:focus{border-color:#E5A62F;box-shadow:0 0 0 4px rgba(255,196,0,.18)}
.feature .icon{background:linear-gradient(135deg,#FFE7A2,#FFF7E4)}
.featured{background:linear-gradient(125deg,#232329,#51402B 61%,#B96500)}
.featured .badge{color:#FFF7E4;background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.2)}
.cta-box{background:radial-gradient(circle at 20% 10%,rgba(255,196,0,.27),transparent 32%),linear-gradient(125deg,#232329,#43332A 72%,#835015)}
.footer{background:#202025}
.footer a:hover{color:#FFD33F}
.toast{background:#2B292D}
.btn:focus-visible,.nav-links a:focus-visible,.nav-toggle:focus-visible,.footer a:focus-visible{outline:3px solid #FFB703;outline-offset:3px}
@media (prefers-reduced-motion:reduce){.btn{transition:none}}


/* ========================================================================
  HumourHive Logo Theme - 2026-11-09
  Warm honey yellow, orange, charcoal and coral palette.
  All selectors preserve the original HTML structure and functionality.
  This block is applied after the original rules and is also distributed in
  the standalone versioned stylesheet for reliable cache busting.
  ======================================================================== */
:root {
  --primary: #D87800;
  --sky: #FFC400;
  --navy: #232329;
  --orange: #FF9E0B;
  --gold: #FFD33F;
  --coral: #FF746A;
  --soft: #FFF7E4;
  --ink: #232329;
  --muted: #615955;
  --card: #FFFFFF;
  --line: #F0DCAA;
  --shadow: 0 18px 50px rgba(62, 43, 15, .11);
}
html { color-scheme: light; }
body {
  color: var(--ink);
  background: linear-gradient(180deg, #FFFAEC 0%, #FFFFFF 34%, #FFFAEE 100%);
}
.site-header {
  background: rgba(35, 35, 41, .97);
  border-bottom: 3px solid #FFC400;
  box-shadow: 0 6px 26px rgba(0, 0, 0, .13);
}
.brand, .brand span, .nav-links { color: #FFF7E4; }
.brand img { filter: drop-shadow(0 1px 6px rgba(255, 196, 0, .16)); }
.nav-links a { color: #FFF7E4; }
.nav-links a:hover, .nav-links a:focus-visible { color: #FFC400; }
.nav-cta, .btn-primary {
  background: linear-gradient(120deg, #FFC400 0%, #FFD33F 54%, #FF9E0B 100%);
  color: #232329 !important;
  box-shadow: 0 12px 28px rgba(199, 117, 0, .23);
}
.nav-cta:hover, .btn-primary:hover {
  background: linear-gradient(120deg, #FFD33F 0%, #FFE27B 53%, #FFAA20 100%);
  box-shadow: 0 16px 32px rgba(199, 117, 0, .32);
}
.nav-toggle { background: #FFC400; color: #232329; }
.hero {
  color: #FFFFFF;
  background:
    radial-gradient(circle at 8% 5%, rgba(255, 196, 0, .21), transparent 40%),
    radial-gradient(circle at 93% 79%, rgba(255, 158, 11, .13), transparent 42%),
    linear-gradient(140deg, #232329 0%, #2D2927 50%, #483015 100%);
  border-bottom: 6px solid #FFC400;
}
.hero h1 { color: #FFFFFF; }
.hero h1 span {
  background: linear-gradient(100deg, #FFE27B 5%, #FFC400 48%, #FFA91A 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: #FFC400;
}
.hero p { color: #F4E8D0; }
.eyebrow {
  background: rgba(255, 196, 0, .13);
  border: 1px solid rgba(255, 196, 0, .52);
  color: #FFE27B;
}
.stat {
  background: rgba(255, 255, 255, .08);
  border: 1px solid rgba(255, 196, 0, .28);
  box-shadow: 0 10px 20px rgba(0, 0, 0, .08);
}
.stat b { color: #FFC400; }
.stat small { color: #FFF7E4; }
.hero .btn-light {
  background: #FFF7E4;
  color: #232329;
  border-color: #FFDC7D;
}
.hero .btn-light:hover { background: #FFE6AF; }
.section h2, .page-hero h1, .product-info h1 { color: #232329; }
.section-head h2:after {
  content: "";
  display: block;
  height: 5px;
  width: 64px;
  border-radius: 100px;
  background: linear-gradient(90deg, #FFC400, #FF9E0B);
  margin-top: 14px;
}
.feature, .course-card, .testimonial, .content-card, .checkout-box {
  border-color: #F0DCAA;
  box-shadow: 0 12px 32px rgba(62, 43, 15, .075);
}
.feature .icon {
  background: linear-gradient(135deg, #FFE9AB, #FFC400);
  border: 1px solid #F3C448;
  color: #232329;
}
.feature:nth-child(4) .icon { background: linear-gradient(135deg, #FFD5C9, #FF746A); border-color: #F6ADA2; }
.course-card { border-top: 4px solid #FFC400; }
.course-card:hover { box-shadow: 0 22px 46px rgba(159, 94, 9, .13); }
.badge {
  color: #724000;
  border-color: #EEC970;
  background: #FFF0BD;
}
.price { color: #AB5700; }
.btn-dark { background: #232329; color: #FFFFFF; }
.btn-light { color: #232329; background: #FFF9EC; border-color: #E8CF9B; }
.btn-light:hover { background: #FFEBC2; }
#courses { background: linear-gradient(180deg, #FFFAEC, #FFFFFF); }
.featured {
  background: linear-gradient(125deg, #FFEFB9 0%, #FFC400 57%, #FF9E0B 100%);
  color: #232329;
  border: 2px solid #E7AA16;
  box-shadow: 0 24px 65px rgba(171, 98, 0, .18);
}
.featured h2, .featured p { color: #232329; }
.featured .badge { background: #232329; border-color: #232329; color: #FFDA67; }
.featured .price { color: #653000; }
.featured .btn-dark { color: #FFFFFF; }
.featured .btn-light { background: #FFFFFF; border-color: #FFE4A5; }
.cta-box {
  background:
    radial-gradient(circle at 90% 5%, rgba(255, 196, 0, .28), transparent 32%),
    linear-gradient(125deg, #232329, #392C22 55%, #70400C);
  border: 2px solid #FFCA2B;
}
.cta-box h2 { color: #FFFFFF; }
.cta-box p { color: #F8E9C8; }
.footer { background: #1E1E23; border-top: 5px solid #FFC400; }
.footer h4 { color: #FFD33F; }
.footer a:hover { color: #FFC400; }
.features-list li { background: #FFFAEF; border-color: #EFDCB4; }
.form-grid input:focus, .form-grid textarea:focus {
  border-color: #FF9E0B;
  box-shadow: 0 0 0 4px rgba(255, 196, 0, .23);
}
.lightbox-close { background: #FFC400; color: #232329; }
.toast { background: #232329; border: 1px solid #FFC400; }
.btn:focus-visible, .nav-links a:focus-visible, .nav-toggle:focus-visible,
.footer a:focus-visible, .form-grid input:focus-visible {
  outline: 3px solid #FF9E0B;
  outline-offset: 3px;
}
@media (max-width: 900px) {
  .nav-links { background: #232329; border-color: #FFC400; }
  .nav-links a { color: #FFF7E4; }
}