@charset "UTF-8";

.page-bass-log { background: #f2eddf; }
.bass-log-hero { padding: 112px var(--page-gutter) 58px; background: radial-gradient(circle at 82% 20%, #496d54 0, #1f3a2e 44%, #172b22 100%); color: #fff; border-bottom: 8px solid var(--color-gold); }
.bass-log-hero-inner { width: min(1180px, 100%); margin: 0 auto; display: grid; grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr); align-items: center; gap: clamp(28px, 5vw, 66px); }
.bass-log-hero-copy { min-width: 0; }
.bass-log-eyebrow,.bass-log-kicker { margin: 0 0 12px; color: #987224; font-size: .75rem; font-weight: 900; letter-spacing: .16em; }
.bass-log-eyebrow { color: #e7c66f; }
.bass-log-brand { margin: 0 0 8px; color: rgba(255,255,255,.76); font-size: .88rem; font-weight: 700; letter-spacing: .06em; }
.bass-log-hero h1 { margin: 0 0 14px; color: #f8edcf; font-family: Georgia,serif; font-size: clamp(3.4rem, 8vw, 6.5rem); line-height: .98; letter-spacing: .035em; text-shadow: 4px 5px 0 rgba(0,0,0,.22); }
.bass-log-hero h1 span { color: #e4bd57; }
.bass-log-catch { margin: 0 0 14px; color: #fff; font-size: clamp(1.6rem, 3.3vw, 2.35rem); font-weight: 900; line-height: 1.5; }
.bass-log-hero-description { max-width: 560px; margin: 0 0 24px; color: rgba(255,255,255,.87); line-height: 2; }
.bass-log-hero-actions { display: flex; flex-wrap: wrap; gap: 12px; }
.bass-log-button { min-height: 48px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 12px 20px; border: 2px solid transparent; border-radius: 999px; font-size: .94rem; font-weight: 900; line-height: 1.5; text-align: center; text-decoration: none; transition: transform .18s ease, box-shadow .18s ease; }
.bass-log-button:hover { transform: translateY(-2px); box-shadow: 0 8px 18px rgba(0,0,0,.16); }
.bass-log-button-gold { background: #e4bd57; color: #1d2d22; }
.bass-log-button-outline { border-color: rgba(255,255,255,.68); color: #fff; background: rgba(255,255,255,.06); }
.bass-log-button-green { background: #245b3e; color: #fff; }
.bass-log-price-note { margin: 13px 0 0; color: #e9dba9; font-size: .84rem; font-weight: 800; }
.bass-log-hero-visual { position: relative; min-width: 0; overflow: hidden; border: 5px solid rgba(242,221,166,.82); border-radius: 18px; box-shadow: 12px 14px 0 rgba(0,0,0,.18); background: #243d30; }
.bass-log-hero-visual img { width: 100%; height: clamp(290px, 35vw, 430px); object-fit: cover; object-position: 60% center; }
.bass-log-visual-caption { position: absolute; inset: auto 0 0; padding: 11px 14px; background: linear-gradient(transparent,rgba(0,0,0,.76)); color: #fff; font-size: .9rem; font-weight: 800; text-align: right; }
.bass-log-main { padding: 24px 0 0; }
.bass-log-breadcrumb { width: min(1120px,calc(100% - 32px)); margin: 0 auto 22px; color: #746c5d; font-size: .82rem; }
.bass-log-breadcrumb a { color: #27593d; text-underline-offset: 3px; }
.bass-log-breadcrumb span { margin: 0 7px; }
.bass-log-section { width: min(1080px,calc(100% - 32px)); margin: 0 auto; padding: clamp(34px,5vw,62px) 0; }
.bass-log-section h2,.bass-log-sheet-section h2,.bass-log-mobile h2,.bass-log-sample h2,.bass-log-final-cta h2 { margin: 0 0 14px; color: #1f4932; font-family: var(--font-serif); font-size: clamp(1.65rem,3.5vw,2.55rem); line-height: 1.45; }
.bass-log-section-lead { max-width: 780px; margin: 0 0 25px; color: #575348; }
.bass-log-problem-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 15px; margin: 26px 0; }
.bass-log-problem-grid article { padding: 24px 22px; border: 1px solid #d9d0b8; border-radius: 15px; background: #fffdf7; box-shadow: 4px 5px 0 rgba(63,57,42,.07); }
.bass-log-problem-icon { display: block; margin-bottom: 7px; font-size: 1.65rem; }
.bass-log-problem-grid h3 { margin: 0 0 6px; color: #254d37; font-size: 1.08rem; }
.bass-log-problem-grid p { margin: 0; color: #625d52; font-size: .92rem; }
.bass-log-center-lead { margin: 22px 0 0; color: #37382d; font-size: 1.05rem; text-align: center; }
.bass-log-feature-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; margin-top: 24px; }
.bass-log-feature-card { min-width: 0; padding: 22px; border: 1px solid #dcd3bd; border-radius: 14px; background: #fff; }
.bass-log-feature-card > span { display: inline-block; margin-bottom: 10px; color: #aa842e; font-family: Georgia,serif; font-size: 1.25rem; font-weight: 900; }
.bass-log-feature-card h3 { margin: 0 0 7px; color: #214b34; font-size: 1.08rem; }
.bass-log-feature-card p { margin: 0; color: #59564d; font-size: .91rem; }
.bass-log-sheet-section { width: min(1080px,calc(100% - 32px)); margin: 8px auto 42px; display: grid; grid-template-columns: minmax(0,.85fr) minmax(0,1.15fr); gap: 40px; align-items: center; padding: clamp(26px,4vw,46px); border-radius: 18px; background: #e5dfce; }
.bass-log-sheet-copy p:not(.bass-log-kicker) { color: #5b584d; }
.bass-log-text-link { display: inline-block; margin-top: 9px; color: #1d603e; font-weight: 900; text-underline-offset: 3px; }
.bass-log-sheet-list { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 0 18px; margin: 0; padding-left: 1.5rem; color: #343b30; }
.bass-log-sheet-list li { padding: 8px 4px; border-bottom: 1px solid #cfc5ad; font-weight: 700; }
.bass-log-mobile { width: min(1080px,calc(100% - 32px)); margin: 0 auto 30px; display: grid; grid-template-columns: minmax(0,.9fr) minmax(0,1.1fr); align-items: center; gap: clamp(24px,4vw,52px); padding: clamp(22px,3vw,34px); border-radius: 18px; background: #1f3a2e; color: #fff; }
.bass-log-mobile-visual { overflow: hidden; border: 4px solid #d9c58a; border-radius: 13px; background: #fff; }
.bass-log-mobile-visual img { width: 100%; height: auto; }
.bass-log-mobile h2 { color: #fff4d7; }
.bass-log-mobile-copy > p:not(.bass-log-kicker) { color: rgba(255,255,255,.88); }
.bass-log-mobile-copy ul { padding-left: 1.3rem; color: #fff; }
.bass-log-mobile-copy li + li { margin-top: 3px; }
.bass-log-mobile .bass-log-kicker { color: #e5c46b; }
.bass-log-caution { margin: 15px 0 0; padding: 12px 14px; border-left: 3px solid #d8b658; background: rgba(255,255,255,.08); color: #eee5ce !important; font-size: .82rem; }
.bass-log-step-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; margin-top: 26px; }
.bass-log-step-grid article { padding: 22px; border-radius: 13px; background: #fff; border: 1px solid #ddd4bf; }
.bass-log-step-grid b { color: #9a7426; font-size: .77rem; letter-spacing: .12em; }
.bass-log-step-grid h3 { margin: 8px 0 6px; color: #214b34; }
.bass-log-step-grid p { margin: 0; color: #5b584f; font-size: .92rem; }
.bass-log-sample { width: min(1080px,calc(100% - 32px)); margin: 20px auto 44px; display: grid; grid-template-columns: minmax(0,1fr) minmax(260px,.72fr); gap: 28px; align-items: center; padding: clamp(26px,4vw,44px); border: 2px solid #c7a34a; border-radius: 18px; background: #fffaf0; }
.bass-log-sample p { color: #565247; }
.bass-log-sample-cta { padding: 22px; border-radius: 14px; background: #eae3d1; text-align: center; }
.bass-log-sample-cta .bass-log-price { margin: 0; color: #1f4932; font-size: 2.8rem; font-weight: 900; line-height: 1.2; }
.bass-log-price span { font-size: .92rem; }
.bass-log-sample-cta > p:nth-child(2) { margin: 4px 0 14px; font-size: .86rem; font-weight: 800; }
.bass-log-sample-cta .bass-log-button { width: 100%; }
.bass-log-sample-cta small { display: block; margin-top: 10px; color: #6c6558; font-size: .76rem; }
.bass-log-notes ul { margin: 18px 0 0; padding: 22px 26px 22px 43px; border-radius: 12px; background: #e9e3d5; color: #514d43; font-size: .9rem; }
.bass-log-notes li + li { margin-top: 8px; }
.bass-log-final-cta { margin-top: 10px; padding: 58px 18px 62px; background: #1f3a2e; border-top: 7px solid #c99b32; color: #fff; text-align: center; }
.bass-log-final-cta .bass-log-kicker { color: #e4c36d; }
.bass-log-final-cta h2 { color: #fff2d3; }
.bass-log-final-cta > p:not(.bass-log-kicker):not(.bass-log-sub-link) { max-width: 650px; margin: 0 auto 22px; color: rgba(255,255,255,.85); }
.bass-log-sub-link { margin: 19px 0 0; color: rgba(255,255,255,.72); font-size: .87rem; }
.bass-log-sub-link a { color: #f1d27d; text-underline-offset: 3px; }
.page-bass-log .site-footer { margin-top: 0; }
@media (max-width: 800px) {
  .bass-log-hero-inner { grid-template-columns: 1fr; gap: 28px; }
  .bass-log-hero-copy { max-width: 720px; }
  .bass-log-hero-visual { max-width: 760px; }
  .bass-log-hero-visual img { height: clamp(230px,53vw,380px); }
  .bass-log-sheet-section { grid-template-columns: 1fr; gap: 15px; }
  .bass-log-mobile { grid-template-columns: 1fr; }
  .bass-log-mobile-visual { max-width: 560px; margin: 0 auto; }
}
@media (max-width: 620px) {
  .bass-log-hero { padding: 100px 16px 36px; }
  .bass-log-hero-actions { flex-direction: column; align-items: stretch; }
  .bass-log-button { width: 100%; }
  .bass-log-problem-grid,.bass-log-feature-grid,.bass-log-step-grid { grid-template-columns: 1fr; }
  .bass-log-section { padding: 36px 0; }
  .bass-log-sheet-section { padding: 22px 18px; }
  .bass-log-sheet-list { grid-template-columns: 1fr; }
  .bass-log-mobile { padding: 18px; }
  .bass-log-sample { grid-template-columns: 1fr; padding: 22px 18px; }
  .bass-log-notes ul { padding: 18px 18px 18px 34px; }
  .bass-log-final-cta { padding: 44px 18px 48px; }
}
@media (prefers-reduced-motion: reduce) { .bass-log-button { transition: none; } }