*{box-sizing:border-box}:root{--bg:#f7f7f5;--card:#fff;--text:#1f2933;--muted:#667085;--border:#e5e7eb;--accent:#214b3a;--accent-soft:#eef5f1;--radius:16px}html{scroll-behavior:smooth}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;padding-bottom:70px}a{color:inherit}.hero{position:relative;min-height:520px;background:url('../images/hero-home.png') center 49%/cover no-repeat;border-bottom:1px solid var(--border);isolation:isolate}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(15,25,28,.76) 0%,rgba(15,25,28,.56) 46%,rgba(15,25,28,.16) 78%,rgba(15,25,28,.05) 100%);z-index:-1}.hero-inner{max-width:1100px;margin:0 auto;min-height:520px;padding:54px 22px;display:flex;align-items:center}.hero-content{max-width:690px;color:#fff}.hero-kicker{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border:1px solid rgba(255,255,255,.32);border-radius:999px;background:rgba(255,255,255,.11);backdrop-filter:blur(8px);font-size:1.02rem;font-weight:800;letter-spacing:.055em;text-transform:uppercase}.hero h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(2.85rem,6.2vw,5.6rem);font-weight:500;line-height:.98;letter-spacing:-.035em;margin:22px 0 18px;text-shadow:0 2px 20px rgba(0,0,0,.16)}.hero h1 span{font-style:italic;font-weight:400}.hero-copy{max-width:620px;margin:0;font-size:clamp(1rem,2vw,1.2rem);line-height:1.65;color:rgba(255,255,255,.88)}.hero-actions{display:flex;flex-wrap:wrap;gap:11px;margin-top:26px}.hero-actions a{min-height:46px;display:inline-flex;align-items:center;justify-content:center;padding:11px 17px;border-radius:10px;text-decoration:none;font-weight:750;font-size:.95rem}.hero-primary{background:#fff;color:#1f2933}.hero-secondary{border:1px solid rgba(255,255,255,.55);background:rgba(255,255,255,.08);color:#fff;backdrop-filter:blur(6px)}.home-base{margin-top:28px;display:inline-flex;align-items:center;gap:11px;padding:10px 14px 10px 11px;border-radius:12px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(9px)}.home-pin{width:34px;height:34px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:rgba(255,255,255,.16);font-size:1rem}.home-base div{display:flex;flex-direction:column;line-height:1.3}.home-base small{text-transform:uppercase;letter-spacing:.1em;font-size:.65rem;color:rgba(255,255,255,.66);font-weight:700}.home-base strong{font-size:.9rem;color:#fff}.top-nav{position:sticky;top:0;z-index:20;display:flex;justify-content:center;gap:8px;overflow-x:auto;white-space:nowrap;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);padding:10px 16px;-webkit-overflow-scrolling:touch}.top-nav a{text-decoration:none;font-weight:680;font-size:.9rem;padding:8px 11px;border-radius:999px;color:#344054}.top-nav a:hover{background:var(--accent-soft);color:var(--accent)}main{max-width:1100px;margin:0 auto;padding:22px 18px 30px}.search-section{margin:8px 0 18px}.search-section label{display:block;font-weight:700;margin-bottom:8px}#searchInput{width:100%;font-size:16px;padding:14px 16px;border:1px solid var(--border);border-radius:12px;background:#fff}.search-status{margin:8px 0 0;min-height:1.4em;color:var(--muted);font-size:.92rem}.quick-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.quick-grid a{text-decoration:none;background:var(--card);border:1px solid var(--border);border-radius:12px;padding:13px 14px;font-weight:650}.guide-section{padding-top:18px;scroll-margin-top:72px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:16px;border-bottom:2px solid var(--border);margin-bottom:16px}.section-heading h2{margin:0;padding-bottom:8px}.section-heading a{font-size:.88rem;color:var(--muted);text-decoration:none;padding-bottom:10px}.subheading{margin-top:28px;margin-bottom:12px;font-size:1.2rem}.cards{display:grid;grid-template-columns:1fr;gap:16px}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:18px}.card h3{margin:0 0 10px;font-size:1.15rem;line-height:1.25}.card p{margin:8px 0}.meta{font-size:.94rem;color:var(--muted)}.actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.actions a{min-height:44px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-weight:650;padding:10px 13px;border-radius:10px;border:1px solid var(--accent);color:var(--accent)}.actions a:first-child{background:var(--accent);color:#fff}.checkout ul{padding-left:22px}footer{text-align:center;padding:28px 18px 90px;color:var(--muted)}.mobile-nav{position:fixed;inset:auto 0 0 0;z-index:30;display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border-top:1px solid var(--border)}.mobile-nav a{text-decoration:none;text-align:center;padding:13px 4px;font-size:.88rem;font-weight:650}.hidden-by-search{display:none!important}@media(max-width:699px){.hero{min-height:560px;background-position:61% center}.hero-overlay{background:linear-gradient(180deg,rgba(10,20,23,.30) 0%,rgba(10,20,23,.62) 52%,rgba(10,20,23,.84) 100%)}.hero-inner{min-height:560px;padding:38px 18px 30px;align-items:flex-end}.hero-content{width:100%}.hero-kicker{font-size:.88rem;padding:8px 13px}.hero h1{font-size:clamp(2.55rem,13vw,4rem);margin:16px 0 14px}.hero-copy{font-size:1rem;line-height:1.55}.hero-actions{gap:8px;margin-top:20px}.hero-actions a{flex:1;min-width:145px}.home-base{width:100%;margin-top:18px}.top-nav{justify-content:flex-start;padding-left:12px;padding-right:12px}.top-nav a{padding:7px 9px}.section-heading{align-items:center}}@media(min-width:700px){body{padding-bottom:0}.quick-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.mobile-nav{display:none}footer{padding-bottom:36px}}@media(min-width:1000px){main{padding-top:28px}}


/* NAV + ACTION BUTTON REFINEMENTS */
.top-nav {
  gap: 10px;
  padding: 12px 18px;
}

.top-nav a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 9px 16px;
  border: 1px solid #d8ddd9;
  border-radius: 999px;
  background: #ffffff;
  color: #283648;
  text-decoration: none;
  font-size: .94rem;
  font-weight: 700;
  box-shadow: 0 1px 2px rgba(16,24,40,.04);
  transition: background .18s ease, color .18s ease, border-color .18s ease, transform .18s ease;
}

.top-nav a:hover,
.top-nav a:focus-visible {
  background: var(--accent);
  color: #ffffff;
  border-color: var(--accent);
  outline: none;
}

.top-nav a:active { transform: scale(.97); }

.actions a:not(:first-child) {
  background: var(--accent-soft);
  border-color: #cbdad2;
  color: var(--accent);
}

.actions a:not(:first-child):hover,
.actions a:not(:first-child):focus-visible {
  background: #e1eee7;
  border-color: var(--accent);
}