:root{
  --bg:#f3f7f4;
  --bg-2:#edf3ef;
  --surface:rgba(255,255,255,.82);
  --surface-strong:#ffffff;
  --text:#0f1f18;
  --muted:#54685f;
  --primary:#1f6f51;
  --primary-2:#2d9166;
  --primary-3:#58b982;
  --gold:#c39d45;
  --gold-soft:#f6ebc7;
  --line:rgba(15,31,24,.10);
  --line-strong:rgba(15,31,24,.16);
  --shadow:0 24px 64px rgba(15,31,24,.10);
  --shadow-soft:0 10px 28px rgba(15,31,24,.07);
  --radius-xl:30px;
  --radius-lg:22px;
  --radius-md:18px;
  --container:1240px;
}
*{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(--text);
  background:
    radial-gradient(circle at top right, rgba(88,185,130,.12), transparent 25%),
    radial-gradient(circle at bottom left, rgba(195,157,69,.09), transparent 24%),
    linear-gradient(180deg,#f9fbfa 0%, #f2f6f3 35%, #eef3ef 100%);
  line-height:1.55;
}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.container{width:min(calc(100% - 40px), var(--container));margin-inline:auto}
.topbar{
  position:sticky;top:0;z-index:50;
  border-bottom:1px solid rgba(15,31,24,.06);
  background:rgba(8,18,14,.78);
  backdrop-filter:blur(18px);
}
.topbar-inner{
  min-height:42px;display:flex;align-items:center;justify-content:space-between;gap:14px;
  color:rgba(236,246,241,.85);font-size:.9rem;flex-wrap:wrap;padding:8px 0;
}
.badge-mini{
  display:inline-flex;align-items:center;gap:10px;padding:7px 12px;border-radius:999px;
  background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.09);font-weight:700;color:#eef7f2
}
.badge-dot{width:8px;height:8px;border-radius:999px;background:linear-gradient(135deg,#e9cd7d,#c39d45);box-shadow:0 0 0 6px rgba(233,205,125,.12)}
.header{
  position:sticky;top:42px;z-index:40;
  background:rgba(243,247,244,.78);
  backdrop-filter:blur(18px);
  border-bottom:1px solid rgba(15,31,24,.05);
}
.header::before{
  content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(31,111,81,.14),transparent)
}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:16px 0}
.brand{display:flex;align-items:center;gap:16px;min-width:0}
.brand-logo{
  width:94px;height:76px;flex:0 0 94px;display:grid;place-items:center;
  border-radius:24px;padding:6px;
  background:linear-gradient(180deg,rgba(255,255,255,.72),rgba(255,255,255,.38));
  border:1px solid rgba(15,31,24,.08);
  box-shadow:0 22px 44px rgba(17,50,39,.14);
}
.brand-logo img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 10px 22px rgba(17,50,39,.16))}
.brand-copy{min-width:0}
.brand-title{margin:0;font-size:1.34rem;font-weight:900;letter-spacing:-.045em;line-height:1}
.brand-subtitle{margin:5px 0 0;color:#587066;font-size:.94rem;line-height:1.15;max-width:28ch}
.menu-toggle{
  display:none;border:none;background:#fff;padding:12px 14px;border-radius:16px;
  border:1px solid var(--line);font-size:1rem;box-shadow:var(--shadow-soft);cursor:pointer
}
.nav-shell{display:flex;align-items:center;gap:12px;justify-content:flex-end}
.nav{
  display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end;
  padding:10px;border-radius:26px;
  background:linear-gradient(180deg,rgba(255,255,255,.84),rgba(255,255,255,.58));
  border:1px solid rgba(15,31,24,.08);
  box-shadow:0 18px 44px rgba(15,31,24,.08);
}
.nav a{
  position:relative;padding:11px 14px;border-radius:16px;font-weight:800;font-size:.93rem;color:#27473b;
  display:inline-flex;align-items:center;gap:8px;transition:.18s ease;white-space:nowrap;
}
.nav a::after{
  content:"";position:absolute;left:14px;right:14px;bottom:8px;height:2px;border-radius:999px;
  background:linear-gradient(90deg,#1f6f51,#5ac186);transform:scaleX(0);transform-origin:center;transition:.18s ease
}
.nav a:hover{background:#fff;box-shadow:0 12px 22px rgba(15,31,24,.08);color:#10251c;transform:translateY(-1px)}
.nav a:hover::after,.nav a.active::after{transform:scaleX(1)}
.nav a.active{background:#fff;box-shadow:0 12px 22px rgba(15,31,24,.10);color:#10251c}
.nav .agenda-link{background:linear-gradient(135deg,#163e30,#246f50);color:#fff;box-shadow:0 16px 32px rgba(31,111,81,.22)}
.nav .agenda-link::after{display:none}
.nav .agenda-link:hover,.nav .agenda-link.active{color:#fff;background:linear-gradient(135deg,#113226,#1f6f51)}
.nav-icon{width:20px;height:20px;display:inline-grid;place-items:center;border-radius:999px;background:rgba(255,255,255,.18);font-size:.82rem}
main{position:relative}
.hero{padding:54px 0 30px;position:relative}
.hero::before{
  content:"";position:absolute;inset:24px 0 auto auto;width:min(34vw,460px);height:min(34vw,460px);
  background:radial-gradient(circle, rgba(88,185,130,.16), transparent 64%);filter:blur(10px);pointer-events:none
}
.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:24px;align-items:stretch}
.hero-card,.card,.glass-card{
  background:linear-gradient(180deg,rgba(255,255,255,.86),rgba(255,255,255,.72));
  border:1px solid rgba(15,31,24,.08);border-radius:var(--radius-xl);box-shadow:var(--shadow);
}
.hero-main{padding:42px;position:relative;overflow:hidden;isolation:isolate}
.hero-main::before{
  content:"";position:absolute;right:-80px;top:-80px;width:240px;height:240px;border-radius:999px;
  background:radial-gradient(circle, rgba(88,185,130,.18), transparent 60%);z-index:-1
}
.hero-main::after{
  content:"";position:absolute;left:-40px;bottom:-60px;width:180px;height:180px;border-radius:999px;
  background:radial-gradient(circle, rgba(195,157,69,.14), transparent 60%);z-index:-1
}
.eyebrow{
  display:inline-flex;align-items:center;gap:10px;padding:10px 15px;border-radius:999px;
  background:var(--gold-soft);color:#6b5626;font-weight:800;font-size:.88rem;margin-bottom:18px;border:1px solid rgba(195,157,69,.18)
}
.hero h1{margin:0 0 16px;font-size:clamp(2.8rem,6vw,5.2rem);line-height:.90;letter-spacing:-.06em;max-width:11ch}
.gradient-text{background:linear-gradient(135deg,#123226,#1f6f51 48%,#5cc78f);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero p{margin:0 0 20px;max-width:66ch;color:#385146;font-size:1.06rem}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:26px 0 18px}
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:15px 18px;
  border-radius:18px;border:1px solid transparent;font-weight:800;letter-spacing:-.01em;cursor:pointer;transition:.18s ease
}
.btn:hover{transform:translateY(-1px)}
.btn-primary{background:linear-gradient(135deg,#1f6f51,#2f9268);color:#fff;box-shadow:0 18px 34px rgba(31,111,81,.22)}
.btn-secondary{background:#fff;border-color:var(--line);color:var(--text)}
.btn-ghost{background:transparent;border-color:var(--line);color:var(--text)}
.hero-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px}
.metric{padding:18px;border-radius:22px;background:linear-gradient(180deg,#fff,#f4f8f5);border:1px solid var(--line);box-shadow:inset 0 1px 0 rgba(255,255,255,.8)}
.metric strong{display:block;font-size:1.52rem;letter-spacing:-.05em}
.metric span{display:block;margin-top:7px;color:var(--muted);font-size:.94rem;line-height:1.4}
.hero-side{padding:22px;display:grid;gap:16px;position:relative;overflow:hidden}
.hero-side::after{content:"";position:absolute;right:-90px;bottom:-90px;width:280px;height:280px;border-radius:999px;background:radial-gradient(circle, rgba(84,181,127,.16), transparent 60%)}
.highlight-panel{
  padding:22px;border-radius:24px;color:#eef7f2;background:
    radial-gradient(circle at top right, rgba(255,255,255,.14), transparent 25%),
    linear-gradient(145deg,#0f231b,#163a2d 60%,#205f46)
}
.highlight-panel h3{margin:0 0 10px;font-size:1.3rem;letter-spacing:-.03em}
.highlight-panel p{margin:0;color:rgba(238,247,242,.86)}
.quick-links{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.quick-link{
  padding:16px;border-radius:20px;border:1px solid var(--line);background:linear-gradient(180deg,#fff,#f7faf8);
  box-shadow:var(--shadow-soft);transition:.18s ease
}
.quick-link:hover{transform:translateY(-2px);box-shadow:0 20px 36px rgba(15,31,24,.08)}
.quick-link strong{display:block;margin-bottom:6px;letter-spacing:-.02em}
.quick-link span{color:var(--muted);font-size:.94rem;line-height:1.4}
.section{padding:32px 0}
.section-heading{display:flex;justify-content:space-between;align-items:end;gap:16px;flex-wrap:wrap;margin-bottom:20px}
.kicker{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:#eaf6ef;color:#2d634a;font-size:.84rem;font-weight:800;margin-bottom:12px}
.section-heading h2{margin:0;font-size:clamp(1.9rem,3vw,2.5rem);letter-spacing:-.05em;line-height:1.02}
.section-heading p{margin:0;max-width:70ch;color:var(--muted)}
.grid-2,.grid-3,.grid-4{display:grid;gap:18px}
.grid-2{grid-template-columns:repeat(2,1fr)}
.grid-3{grid-template-columns:repeat(3,1fr)}
.grid-4{grid-template-columns:repeat(4,1fr)}
.card{padding:24px;transition:.2s ease;position:relative;overflow:hidden}
.card:hover{transform:translateY(-3px);box-shadow:0 30px 50px rgba(15,31,24,.09)}
.card h3{margin:0 0 10px;font-size:1.16rem;letter-spacing:-.03em}
.card p{margin:0;color:var(--muted);line-height:1.55}
.card-link{display:inline-flex;align-items:center;gap:8px;margin-top:16px;color:var(--primary);font-weight:800}
.icon-wrap{width:56px;height:56px;border-radius:20px;display:grid;place-items:center;font-size:1.25rem;background:linear-gradient(180deg,#eef8f2,#dff2e7);margin-bottom:16px;color:#205d43;box-shadow:inset 0 1px 0 rgba(255,255,255,.8)}
.feature-card::after{content:"";position:absolute;left:-28px;bottom:-42px;width:120px;height:120px;border-radius:999px;background:radial-gradient(circle, rgba(84,181,127,.16), transparent 64%)}
.bento{display:grid;grid-template-columns:1.08fr .92fr;gap:20px;align-items:stretch}
.story-panel{padding:30px}
.story-visual{min-height:100%;border-radius:var(--radius-xl);overflow:hidden;position:relative;background:linear-gradient(145deg, rgba(9,22,17,.92), rgba(20,56,42,.92)), radial-gradient(circle at 20% 20%, rgba(84,181,127,.16), transparent 30%);color:#eef7f2;padding:30px;box-shadow:var(--shadow)}
.story-visual h3{margin:0 0 10px;font-size:2rem;line-height:1.02;letter-spacing:-.05em;max-width:12ch}
.story-visual p{margin:0;color:rgba(238,247,242,.82);max-width:42ch}
.grain-pattern{position:absolute;right:-8px;bottom:-8px;display:grid;grid-template-columns:repeat(5,44px);gap:12px;opacity:.30;transform:rotate(-8deg)}
.grain-pattern span{width:36px;height:50px;border-radius:24px 24px 16px 16px;background:linear-gradient(180deg,#f4d98e,#d0a24f)}
.feature-list{display:grid;gap:12px;margin-top:18px}
.feature-row{display:grid;grid-template-columns:auto 1fr;gap:12px;padding:15px;border-radius:20px;border:1px solid var(--line);background:#f9fbfa}
.bullet{width:36px;height:36px;border-radius:999px;display:grid;place-items:center;background:linear-gradient(135deg,#1f6f51,#53b47e);color:#fff;font-weight:900}
.section-band{padding:38px 0;border-block:1px solid rgba(16,37,28,.06);background:linear-gradient(180deg,rgba(255,255,255,.52),rgba(255,255,255,.88))}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.stat{padding:22px;border-radius:24px;background:linear-gradient(180deg,#fff,#f6faf7);border:1px solid var(--line);box-shadow:var(--shadow-soft)}
.stat strong{display:block;font-size:1.82rem;letter-spacing:-.05em;margin-bottom:8px}
.stat span{color:var(--muted);line-height:1.45}
.page-hero{padding:36px 0 14px}
.page-shell{display:grid;grid-template-columns:300px minmax(0,1fr);gap:22px;padding-bottom:50px}
.side-nav{position:sticky;top:116px;align-self:start;padding:18px;background:linear-gradient(180deg,rgba(255,255,255,.86),rgba(255,255,255,.72));border:1px solid rgba(15,31,24,.08);border-radius:26px;box-shadow:var(--shadow)}
.side-nav h3{margin:0 0 10px}
.side-nav a{display:block;padding:12px 14px;border-radius:14px;font-weight:700;color:#315144;transition:.18s ease}
.side-nav a:hover,.side-nav a.active{background:#eef6f1;color:#133326}
.content-panel{padding:28px;background:linear-gradient(180deg,rgba(255,255,255,.88),rgba(255,255,255,.76));border:1px solid rgba(15,31,24,.08);border-radius:var(--radius-xl);box-shadow:var(--shadow)}
.content-panel h2{margin:0 0 12px;font-size:2rem;line-height:1.02;letter-spacing:-.05em}
.content-panel h3{margin:28px 0 10px;font-size:1.25rem;letter-spacing:-.02em}
.content-panel p,.content-panel li{color:#385146}
.content-panel ul{padding-left:1.1rem}
.note-box{padding:16px 18px;border-radius:20px;background:#f3faf6;border:1px solid rgba(31,111,81,.12)}
.note-box strong{display:block;margin-bottom:6px}
.callout{display:flex;gap:12px;padding:16px 18px;border-radius:18px;background:#fff8ea;border:1px solid rgba(196,159,70,.28);margin-top:18px}
.callout strong{display:block;margin-bottom:4px}
.timeline{display:grid;gap:14px;margin-top:18px}
.timeline-item{display:grid;grid-template-columns:auto 1fr;gap:12px}
.timeline-mark{width:42px;height:42px;border-radius:14px;background:#e7f4ec;color:#1f6f51;font-weight:900;display:grid;place-items:center}
.kpi-row{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.kpi{padding:16px;border-radius:20px;background:#fff;border:1px solid var(--line)}
.kpi strong{display:block;font-size:1.45rem}
.kpi span{color:var(--muted);font-size:.92rem}
.calendar-head{display:flex;justify-content:space-between;align-items:end;gap:12px;flex-wrap:wrap;margin-bottom:18px}
.month-track{display:grid;grid-template-columns:repeat(12,minmax(70px,1fr));gap:10px}
.month-pill{padding:12px 10px;border-radius:16px;background:#fff;border:1px solid var(--line);text-align:center;font-weight:800;font-size:.9rem;color:#315144;transition:.18s ease}
.month-pill.current{background:linear-gradient(135deg,#1f6f51,#2d9166);color:#fff;border-color:transparent;box-shadow:0 14px 28px rgba(31,111,81,.22)}
.month-pill.has-event{outline:2px solid rgba(196,159,70,.35)}
.month-pill:hover{transform:translateY(-1px)}
.agenda-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:18px}
.event-card{padding:22px;border-radius:24px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-soft);position:relative;overflow:hidden;transition:.2s ease}
.event-card:hover{transform:translateY(-2px)}
.event-card .month-tag{display:inline-flex;padding:7px 11px;border-radius:999px;background:#eff6f2;color:#205d43;font-weight:800;font-size:.82rem;margin-bottom:12px}
.event-card h3{margin:0 0 8px;font-size:1.18rem;letter-spacing:-.03em}
.event-card p{margin:0;color:var(--muted)}
.event-meta{display:grid;gap:8px;margin-top:14px;font-size:.95rem;color:#284438}
.event-card.primary{background:linear-gradient(145deg,#fdfefe,#eff8f3)}
.event-card.primary::after{content:"";position:absolute;right:-30px;top:-30px;width:120px;height:120px;border-radius:999px;background:radial-gradient(circle, rgba(84,181,127,.16), transparent 60%)}
.calc-shell{display:grid;grid-template-columns:1.05fr .95fr;gap:20px;align-items:start}
.calc-form{display:grid;gap:16px}
.mode-switch{display:flex;gap:10px;flex-wrap:wrap}
.mode-btn{padding:12px 14px;border-radius:999px;border:1px solid var(--line);background:#fff;font-weight:800;cursor:pointer;transition:.18s ease}
.mode-btn:hover{transform:translateY(-1px)}
.mode-btn.active{background:#103226;color:#fff;border-color:#103226;box-shadow:0 14px 26px rgba(16,50,38,.18)}
.field-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.field{display:grid;gap:8px}
.field label{font-weight:700}
.field input,.field select,.field textarea{width:100%;padding:15px 14px;border-radius:16px;border:1px solid rgba(16,37,28,.16);background:#fbfdfc;font:inherit;color:var(--text);outline:none;transition:.18s ease}
.field input:focus,.field select:focus,.field textarea:focus{border-color:rgba(31,111,81,.55);box-shadow:0 0 0 4px rgba(31,111,81,.10)}
.field small{color:var(--muted)}
.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px;border-radius:18px;background:#f7faf8;border:1px solid var(--line)}
.calc-result{display:grid;gap:16px}
.result-hero{padding:26px;border-radius:28px;background:linear-gradient(145deg,#0f231b,#184734 62%,#246b4d);color:#eef7f2;box-shadow:0 26px 56px rgba(16,50,38,.26)}
.result-hero h2{margin:0 0 8px;font-size:1.85rem;letter-spacing:-.05em}
.decision-pill{display:inline-flex;padding:9px 13px;border-radius:999px;background:rgba(84,181,127,.18);color:#d7f5e6;font-weight:800;margin-bottom:12px}
.result-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.result-stat{padding:16px;border-radius:18px;background:#fff;border:1px solid var(--line)}
.result-stat .stat-label{font-size:.88rem;color:var(--muted);margin-bottom:6px}
.result-stat .stat-value{font-size:1.12rem;font-weight:800;letter-spacing:-.02em}
.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.alert-list{display:grid;gap:12px}
.alert-item{padding:14px 16px;border-radius:16px;background:#fff8ea;border:1px solid rgba(196,159,70,.28);display:grid;gap:4px}
.alert-item strong{color:#6b5626}
.tabs{display:flex;gap:10px;flex-wrap:wrap}
.tab{padding:10px 14px;border-radius:999px;background:#fff;border:1px solid var(--line);font-weight:800}
.tab.active{background:#103226;color:#fff;border-color:#103226}
.method-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:18px}
.info-card{padding:18px;border-radius:18px;background:#f9fbfa;border:1px solid var(--line)}
.footer{margin-top:34px;padding:34px 0 38px;background:linear-gradient(180deg,#0d1511,#101b16);color:#d7e7de}
.footer-grid{display:grid;grid-template-columns:1.2fr .8fr .9fr;gap:20px}
.footer h3,.footer h4{margin:0 0 12px}
.footer p,.footer li,.footer a{color:#cfe1d7}
.footer ul{list-style:none;padding:0;margin:0;display:grid;gap:8px}
.footer-bottom{margin-top:18px;padding-top:18px;border-top:1px solid rgba(255,255,255,.08);font-size:.92rem;color:#bdd3c7}
.contact-panel{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.form-success{padding:14px 16px;border-radius:16px;background:#eaf7ef;color:#205d43;border:1px solid rgba(31,111,81,.16)}
.hidden{display:none !important}
@media (max-width:1120px){
  .hero-grid,.bento,.calc-shell,.contact-panel,.page-shell{grid-template-columns:1fr}
  .side-nav{position:static}
  .stats-grid{grid-template-columns:repeat(2,1fr)}
  .hero-metrics,.grid-3,.grid-4,.agenda-grid,.kpi-row,.method-grid,.detail-grid,.result-grid,.field-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:980px){
  .header{top:58px}
  .header-inner{align-items:flex-start;flex-direction:column}
  .nav-shell{width:100%;justify-content:space-between}
  .nav{justify-content:flex-start}
}
@media (max-width:860px){
  .topbar{position:relative}
  .header{top:0}
  .menu-toggle{display:block}
  .nav-shell{position:relative;width:auto;align-self:flex-end}
  .nav{
    position:absolute;right:0;top:58px;min-width:min(92vw,380px);background:rgba(255,255,255,.98);
    border-radius:26px;padding:14px;box-shadow:0 24px 50px rgba(15,31,24,.14);display:none;flex-direction:column;align-items:stretch;backdrop-filter:blur(18px)
  }
  .nav.open{display:flex}
  .nav a{justify-content:space-between}
  .grid-3,.grid-4,.hero-metrics,.stats-grid,.agenda-grid,.month-track,.kpi-row,.method-grid,.detail-grid,.result-grid,.field-grid{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr}
  .brand-logo{width:84px;height:68px;flex-basis:84px}
  .hero h1{max-width:none}
}
@media (max-width:640px){
  .container{width:min(calc(100% - 20px),var(--container))}
  .hero-main,.hero-side,.content-panel,.card,.story-panel,.story-visual,.result-hero{padding:20px}
  .hero h1{font-size:2.35rem}
  .topbar-inner{font-size:.85rem}
  .hero-actions .btn{width:100%}
  .topbar-inner span:last-child{width:100%}
}

/* === v6 refinements === */
.brand-logo{
  width:104px;height:84px;flex-basis:104px;padding:4px;
  border-radius:28px;
  background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(248,252,249,.74));
  box-shadow:0 14px 30px rgba(15,31,24,.10), inset 0 1px 0 rgba(255,255,255,.8);
}
.brand-logo img{width:100%;height:100%;object-fit:contain;display:block;filter:drop-shadow(0 10px 18px rgba(15,31,24,.10))}
.brand-title{font-size:1.18rem;letter-spacing:-.04em}
.brand-subtitle{font-size:.92rem;max-width:24ch}
.header{box-shadow:0 14px 34px rgba(10,24,18,.06)}
.nav a{font-size:.96rem}
.nav a.active{background:linear-gradient(135deg,#123A2D,#2B8B63);box-shadow:0 14px 26px rgba(18,58,45,.20)}
.hero-main{background:linear-gradient(145deg, rgba(255,255,255,.96), rgba(249,252,250,.90));}
.hero-main h1{font-size:clamp(3rem,5vw,4.7rem);max-width:11ch}
.hero-main p{font-size:1.08rem;max-width:62ch}
.hero-actions{align-items:center}
.hero-actions .btn-primary{box-shadow:0 18px 34px rgba(18,58,45,.18)}
.hero-side{background:linear-gradient(180deg,rgba(255,255,255,.88),rgba(248,252,249,.80))}
.quick-link strong{font-size:1rem}
.feature-card{min-height:220px}
.stats-grid .stat{min-height:140px}

.culture-switchboard{display:flex;gap:12px;flex-wrap:wrap;margin-top:12px;margin-bottom:10px}
.culture-chip{
  border:none;cursor:pointer;padding:16px 18px;border-radius:22px;min-width:220px;text-align:left;
  background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(248,252,249,.84));
  border:1px solid rgba(15,31,24,.08);box-shadow:var(--shadow-soft);transition:.18s ease
}
.culture-chip span{display:block;font-weight:900;font-size:1.12rem;letter-spacing:-.03em;color:#163829}
.culture-chip small{display:block;margin-top:4px;color:var(--muted)}
.culture-chip.active{background:linear-gradient(145deg,#103226,#1e5d44 68%,#2f8c64);border-color:transparent;box-shadow:0 24px 44px rgba(16,50,38,.22)}
.culture-chip.active span,.culture-chip.active small{color:#eef7f2}
.calc-page-hero{padding-bottom:4px}
.calc-stage{padding-bottom:44px}
.calc-stage-head{display:grid;grid-template-columns:1.15fr .85fr;gap:20px;align-items:start;margin-bottom:18px}
.calc-stage-head h2{margin:8px 0 10px;font-size:clamp(2rem,4vw,3rem);letter-spacing:-.05em;line-height:1.02}
.calc-stage-head p{margin:0;color:var(--muted);max-width:70ch}
.calc-badge{display:inline-flex;padding:9px 13px;border-radius:999px;background:#eaf6ef;color:#205d43;font-size:.85rem;font-weight:800}
.calc-head-notes{display:grid;gap:12px}
.mini-note{padding:18px;border-radius:20px;background:linear-gradient(180deg,#fff,#f7fbf8);border:1px solid var(--line);box-shadow:var(--shadow-soft)}
.mini-note strong{display:block;margin-bottom:6px}
.mini-note span{color:var(--muted)}
.calc-shell-premium{grid-template-columns:1.08fr .92fr}
.calc-builder-panel{position:relative;overflow:hidden}
.calc-builder-panel::after{content:"";position:absolute;right:-55px;top:-70px;width:170px;height:170px;border-radius:999px;background:radial-gradient(circle, rgba(84,181,127,.16), transparent 63%)}
.calc-section-title{display:grid;gap:4px;margin:4px 0 4px}
.calc-section-title strong{font-size:1.02rem;letter-spacing:-.02em}
.calc-section-title span{color:var(--muted);font-size:.94rem}
.calc-result-premium .content-panel{background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(251,253,252,.86))}
.result-hero{position:relative;overflow:hidden}
.result-hero::after{content:"";position:absolute;right:-42px;top:-42px;width:180px;height:180px;border-radius:999px;background:radial-gradient(circle, rgba(84,181,127,.24), transparent 62%)}
.decision-pill.decision-sell{background:rgba(196,159,70,.18);color:#ffefbf}
.chart-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px}
.chart-head span{color:var(--muted);font-size:.9rem}
.chart-card{padding:16px;border-radius:20px;background:#f7faf8;border:1px solid var(--line);margin-top:12px}
.chart-card-tight{padding-top:14px}
.chart-title{font-weight:800;margin-bottom:12px;letter-spacing:-.02em}
.bar-compare{display:grid;gap:14px}
.bar-row{display:grid;grid-template-columns:116px 1fr auto;gap:12px;align-items:center}
.bar-row span{font-size:.92rem;color:#345246;font-weight:700}
.bar-track{height:16px;border-radius:999px;background:#e8f1eb;overflow:hidden;position:relative}
.bar-fill{height:100%;border-radius:999px;min-width:4px;transition:width .35s ease}
.bar-fill-now{background:linear-gradient(135deg,#ceb165,#e5ca84)}
.bar-fill-storage{background:linear-gradient(135deg,#2f8c64,#57be86)}
.bar-row strong{font-size:.94rem;letter-spacing:-.01em}
.flow-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.flow-step{position:relative;padding:16px;border-radius:18px;background:#fff;border:1px solid var(--line);overflow:hidden}
.flow-step::after{content:"";position:absolute;left:0;bottom:0;height:6px;width:var(--flow,50%);background:linear-gradient(135deg,#2f8c64,#57be86);border-radius:999px;transition:width .35s ease}
.flow-step small{display:block;color:var(--muted);margin-bottom:6px}
.flow-step strong{font-size:1rem;letter-spacing:-.02em}
.alert-item{background:linear-gradient(180deg,#fff8ea,#fff5de)}

@media (max-width:1120px){
  .calc-stage-head,.calc-shell-premium{grid-template-columns:1fr}
}
@media (max-width:860px){
  .brand-logo{width:96px;height:78px;flex-basis:96px}
  .culture-chip{min-width:unset;flex:1 1 220px}
}
@media (max-width:640px){
  .bar-row{grid-template-columns:1fr;gap:8px}
  .flow-steps{grid-template-columns:1fr}
  .culture-chip{width:100%}
  .hero-main h1{font-size:2.8rem}
}


/* === v7 navigation refinement === */
.header-minimal{box-shadow:0 16px 36px rgba(10,24,18,.06)}
.header-compact{
  position:relative;
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:18px;
  min-height:92px;
}
.home-pill{
  justify-self:start;
  display:inline-flex;align-items:center;gap:10px;
  padding:12px 16px;border-radius:18px;
  background:linear-gradient(180deg,rgba(255,255,255,.90),rgba(248,252,249,.76));
  border:1px solid rgba(15,31,24,.08);
  box-shadow:0 16px 34px rgba(15,31,24,.08);
  font-weight:800;color:#234337;transition:.18s ease;
}
.home-pill:hover{transform:translateY(-1px);box-shadow:0 20px 38px rgba(15,31,24,.10)}
.home-pill.active{background:linear-gradient(135deg,#123A2D,#2B8B63);color:#fff;border-color:transparent}
.home-pill-icon{
  width:26px;height:26px;border-radius:999px;display:grid;place-items:center;
  background:rgba(17,50,39,.07);font-size:.9rem;
}
.home-pill.active .home-pill-icon{background:rgba(255,255,255,.16)}
.brand-centered{
  justify-self:center;
  display:flex;align-items:center;justify-content:center;gap:18px;
  text-align:left;
}
.brand-centered .brand-copy{display:grid;gap:4px}
.brand-centered .brand-title{font-size:1.38rem}
.brand-centered .brand-subtitle{font-size:.95rem;max-width:none}
.brand-centered .brand-logo{
  width:116px;height:92px;flex-basis:116px;
  border-radius:30px;padding:6px;
}
.nav-shell-drawer{justify-self:end;position:relative}
.menu-toggle-premium{
  display:inline-flex;align-items:center;gap:10px;
  border:none;padding:12px 16px;border-radius:18px;
  background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(248,252,249,.80));
  border:1px solid rgba(15,31,24,.08);
  box-shadow:0 16px 34px rgba(15,31,24,.08);
  font-weight:800;color:#183428;
}
.menu-toggle-premium:hover{transform:translateY(-1px);box-shadow:0 20px 38px rgba(15,31,24,.10)}
.menu-dots{
  width:28px;height:28px;border-radius:999px;display:grid;place-items:center;
  background:linear-gradient(135deg,#163a2d,#2c8962);color:#fff;font-size:1.3rem;line-height:1;
}
.nav-drawer{
  position:absolute;right:0;top:calc(100% + 14px);width:min(400px,92vw);
  padding:18px;border-radius:28px;display:grid;gap:16px;
  background:rgba(255,255,255,.92);backdrop-filter:blur(18px);
  border:1px solid rgba(15,31,24,.08);
  box-shadow:0 30px 70px rgba(15,31,24,.16);
  opacity:0;transform:translateY(-8px) scale(.98);pointer-events:none;transition:.22s ease;z-index:60;
}
.nav-drawer.open{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}
.nav-drawer-head{padding:4px 2px 2px;display:grid;gap:4px}
.nav-drawer-kicker{display:inline-flex;width:max-content;padding:6px 10px;border-radius:999px;background:#edf5f0;color:#2a5a45;font-size:.78rem;font-weight:800}
.nav-drawer-head strong{font-size:1.12rem;letter-spacing:-.02em}
.nav-drawer-links{display:grid;grid-template-columns:1fr;gap:8px}
.nav-drawer a{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:13px 14px;border-radius:16px;font-weight:800;color:#234337;
  background:linear-gradient(180deg,#fff,#f7faf8);
  border:1px solid rgba(15,31,24,.06);transition:.18s ease;
}
.nav-drawer a:hover{transform:translateX(2px);box-shadow:0 14px 26px rgba(15,31,24,.08)}
.nav-drawer a.active{background:linear-gradient(135deg,#123A2D,#2B8B63);color:#fff;border-color:transparent;box-shadow:0 18px 32px rgba(18,58,45,.20)}
.drawer-backdrop{
  position:fixed;inset:0;background:rgba(9,17,14,.18);backdrop-filter:blur(2px);
  opacity:0;pointer-events:none;transition:.2s ease;z-index:35;
}
.drawer-backdrop.open{opacity:1;pointer-events:auto}
body.drawer-open{overflow:hidden}

@media (max-width:980px){
  .header-compact{grid-template-columns:auto 1fr auto;gap:12px;min-height:84px}
  .brand-centered{gap:14px}
  .brand-centered .brand-logo{width:100px;height:80px;flex-basis:100px}
  .brand-centered .brand-title{font-size:1.2rem}
  .brand-centered .brand-subtitle{font-size:.88rem}
}
@media (max-width:760px){
  .header-compact{grid-template-columns:auto 1fr auto;min-height:78px}
  .home-pill span:last-child,.menu-toggle-premium span:last-child{display:none}
  .home-pill,.menu-toggle-premium{padding:11px 12px}
  .brand-centered{gap:10px}
  .brand-centered .brand-logo{width:86px;height:68px;flex-basis:86px;border-radius:24px}
  .brand-centered .brand-title{font-size:1.04rem}
  .brand-centered .brand-subtitle{font-size:.78rem;max-width:18ch}
}
@media (max-width:560px){
  .topbar-inner{justify-content:center}
  .header-compact{gap:8px}
  .brand-centered .brand-logo{width:76px;height:60px;flex-basis:76px}
}


/* v8 header refinement */
.header-minimal{box-shadow:0 18px 40px rgba(10,24,18,.06)}
.header-stack{display:grid;gap:18px;padding:18px 0 22px}
.brand-stacked{justify-self:center;text-align:center;gap:18px}
.brand-stacked .brand-copy{justify-items:center;text-align:center}
.brand-stacked .brand-logo{width:126px;height:96px;flex-basis:126px;border-radius:30px;box-shadow:0 18px 40px rgba(15,31,24,.10)}
.brand-stacked .brand-title{font-size:1.52rem}
.brand-stacked .brand-subtitle{font-size:.96rem}
.nav-row-modern{display:flex;align-items:center;justify-content:flex-start;gap:14px;flex-wrap:wrap}
.menu-ribbon{display:flex;align-items:center;gap:12px;padding:8px 10px;border:1px solid rgba(18,58,45,.09);background:rgba(255,255,255,.88);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:18px;box-shadow:0 18px 38px rgba(15,31,24,.07);min-width:min(100%,920px);flex:1}
.menu-label{display:inline-flex;align-items:center;justify-content:center;padding:10px 12px;border-radius:12px;background:linear-gradient(135deg,#123A2D,#2B8B63);color:#fff;font-size:.82rem;font-weight:800;letter-spacing:.02em;white-space:nowrap}
.nav-inline{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.nav-inline a{display:inline-flex;align-items:center;justify-content:center;padding:11px 14px;border-radius:12px;border:1px solid rgba(18,58,45,.08);background:#f8fbf9;color:#16352a;font-weight:700;font-size:.94rem;transition:transform .18s ease, box-shadow .18s ease, background .18s ease, border-color .18s ease;white-space:nowrap}
.nav-inline a:hover{transform:translateY(-1px);background:#fff;box-shadow:0 16px 30px rgba(15,31,24,.08)}
.nav-inline a.active{background:linear-gradient(135deg,#123A2D,#2B8B63);color:#fff;border-color:transparent;box-shadow:0 16px 30px rgba(18,58,45,.18)}
.nav-shell,.nav-shell-drawer,.nav-drawer,.menu-toggle-premium,.drawer-backdrop{display:none !important}
@media (max-width: 980px){
  .header-stack{gap:14px;padding:16px 0 18px}
  .brand-stacked .brand-logo{width:112px;height:88px;flex-basis:112px}
  .brand-stacked .brand-title{font-size:1.36rem}
  .nav-row-modern{gap:10px}
  .menu-ribbon{padding:8px;gap:10px;min-width:0;width:100%}
  .nav-inline{overflow-x:auto;flex-wrap:nowrap;padding-bottom:2px;scrollbar-width:none}
  .nav-inline::-webkit-scrollbar{display:none}
}
@media (max-width: 640px){
  .brand-stacked{gap:12px}
  .brand-stacked .brand-logo{width:98px;height:76px;flex-basis:98px;border-radius:24px}
  .brand-stacked .brand-title{font-size:1.16rem}
  .brand-stacked .brand-subtitle{font-size:.82rem}
  .nav-row-modern{align-items:stretch}
  .home-pill{padding:11px 13px}
  .menu-ribbon{flex-direction:column;align-items:stretch}
  .menu-label{width:max-content}
  .nav-inline a{padding:10px 12px;font-size:.9rem}
}


/* v9 editorial tabs header */
.header-tabs-editorial{padding:18px 0 12px;position:sticky;top:0;z-index:30;backdrop-filter:blur(18px);background:linear-gradient(180deg,rgba(248,247,241,.92),rgba(248,247,241,.82));border-bottom:1px solid rgba(15,31,24,.06)}
.brand-editorial{margin-inline:auto;max-width:720px}
.brand-logo-lg{width:84px;height:84px;border-radius:24px}
.brand-logo-lg img{width:100%;height:100%;object-fit:contain}
.tab-nav{display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 12px;border-radius:26px;background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(247,250,248,.90));border:1px solid rgba(15,31,24,.08);box-shadow:0 22px 40px rgba(15,31,24,.08);max-width:1180px;margin:10px auto 0}
.tab-nav-link{display:inline-flex;align-items:center;justify-content:center;padding:12px 16px;border-radius:16px;color:#274438;font-weight:800;letter-spacing:-.02em;border:1px solid transparent;transition:all .18s ease;background:transparent}
.tab-nav-link:hover{background:#eef6f1;border-color:rgba(31,111,81,.10);transform:translateY(-1px)}
.tab-nav-link.active{background:linear-gradient(135deg,#163d2d,#21553f 60%,#2d7d59);color:#fff;box-shadow:0 12px 24px rgba(16,50,38,.22)}
/* override previous minimal nav */
.nav-row-modern,.menu-ribbon,.nav-inline,.home-pill{display:none !important}
.footer-grid-branded{grid-template-columns:1.2fr .8fr 1fr;align-items:start}
.footer-brandline{display:flex;align-items:center;gap:14px;margin-bottom:10px}
.footer-cg-logo{width:64px;height:64px;object-fit:contain;border-radius:18px;background:rgba(255,255,255,.05);padding:6px}
.footer-nta-block{display:flex;align-items:center;gap:14px;margin-bottom:10px}
.footer-nta-logo{width:84px;height:84px;object-fit:contain;border-radius:20px;background:rgba(255,255,255,.04);padding:6px;box-shadow:0 10px 24px rgba(0,0,0,.18)}
@media (max-width: 980px){
  .brand-logo-lg{width:74px;height:74px}
  .tab-nav{justify-content:flex-start;overflow:auto;flex-wrap:nowrap;padding:10px}
  .tab-nav-link{white-space:nowrap}
  .footer-grid-branded{grid-template-columns:1fr}
}
@media (max-width: 640px){
  .header-tabs-editorial{padding:14px 0 10px}
  .brand-editorial{gap:10px}
  .brand-logo-lg{width:66px;height:66px}
  .tab-nav{border-radius:20px}
  .tab-nav-link{padding:11px 13px;font-size:.92rem}
}



/* Header opção 2 — menu em duas camadas */
.header-two-tier{
  position: sticky;
  top: 0;
  z-index: 50;
  background: linear-gradient(180deg, rgba(248,251,249,.92), rgba(248,251,249,.82));
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  border-bottom: 1px solid rgba(15,31,24,.08);
}
.header-two-tier .header-stack{
  gap: 16px;
  padding-top: 16px;
  padding-bottom: 14px;
}
.header-two-tier .brand{
  margin: 0 auto;
}
.header-two-tier .brand-logo-lg{
  width: 88px;
  height: 88px;
}
.header-two-tier .brand-title{
  font-size: clamp(1.8rem, 2.8vw, 2.45rem);
}
.header-two-tier .brand-subtitle{
  font-size: .98rem;
}

.nav-tier{
  display: grid;
  grid-template-columns: auto minmax(0,1fr);
  gap: 18px;
  align-items: start;
}
.home-link{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  padding: 0 18px;
  border-radius: 16px;
  border: 1px solid rgba(15,31,24,.10);
  background: linear-gradient(180deg,#ffffff,#f4f8f6);
  color: #163729;
  font-weight: 800;
  box-shadow: var(--shadow-soft);
  transition: .18s ease;
}
.home-link:hover{
  transform: translateY(-1px);
  box-shadow: 0 18px 32px rgba(15,31,24,.09);
}
.home-link.active{
  background: linear-gradient(135deg, #113226, #1a5f43);
  color: #fff;
  border-color: transparent;
}

.nav-groups{
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 12px;
}
.nav-group{
  padding: 10px 12px 12px;
  border-radius: 20px;
  background: linear-gradient(180deg, rgba(255,255,255,.86), rgba(244,248,246,.92));
  border: 1px solid rgba(15,31,24,.08);
  box-shadow: var(--shadow-soft);
}
.nav-group-title{
  display: inline-flex;
  margin-bottom: 10px;
  font-size: .76rem;
  letter-spacing: .12em;
  text-transform: uppercase;
  font-weight: 900;
  color: #6c8277;
}
.nav-group-links{
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.nav-chip{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  padding: 0 12px;
  border-radius: 999px;
  background: #fff;
  border: 1px solid rgba(15,31,24,.08);
  color: #234334;
  font-size: .92rem;
  font-weight: 700;
  transition: .18s ease;
}
.nav-chip:hover{
  transform: translateY(-1px);
  border-color: rgba(31,111,81,.24);
  color: #113226;
}
.nav-chip.active{
  background: linear-gradient(135deg, rgba(84,181,127,.18), rgba(31,111,81,.14));
  border-color: rgba(31,111,81,.28);
  color: #113226;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.65);
}

@media (max-width: 1080px){
  .nav-tier{
    grid-template-columns: 1fr;
  }
  .nav-groups{
    grid-template-columns: 1fr;
  }
}
@media (max-width: 720px){
  .header-two-tier .brand-logo-lg{
    width: 72px;
    height: 72px;
  }
  .header-two-tier .brand-subtitle{
    font-size: .9rem;
  }
  .nav-group{
    padding: 12px;
  }
  .nav-group-links{
    gap: 7px;
  }
  .nav-chip{
    min-height: 36px;
    font-size: .88rem;
  }
}