:root{--deep:#10263A;--forest:#0B4A39;--forest2:#0F5C48;--leaf:#5FE08F;--cream:#FAF7EE;--paper:#FFFDF8;--mint:#ECF8F1;--line:#C7D9CE;--gold:#A98233;--ink:#102B2B;--muted:#445E56;--blue:#1E63B6;--red:#C74F3E;--shadow:0 18px 48px rgba(6,43,34,.10)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:"Book Antiqua","Palatino Linotype",Palatino,Georgia,serif;line-height:1.55}a{text-decoration:none;color:inherit}.tm{font-size:.45em;vertical-align:super;line-height:0}
.tel-header{position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:10px 5vw;background:rgba(250,247,238,.97);border-bottom:1px solid rgba(11,74,57,.22);backdrop-filter:blur(10px)}
.brand-block{display:flex;flex-direction:column;gap:3px}.brand-block img{width:138px;border-radius:12px}.brand-block span{font-size:13px;font-weight:800;color:#244A42}.right-logo img{width:105px;border-radius:12px;background:#10263A}
.kicker,.section-label{margin:0 0 10px;color:var(--gold);font-size:11px;letter-spacing:.18em;text-transform:none;font-weight:900}h1,h2,h3,p{margin-top:0}.hero-section{padding:34px 5vw;background:linear-gradient(135deg,#10263A,#0F253B)}
.hero-card{display:grid;grid-template-columns:1.03fr .97fr;gap:38px;align-items:center;padding:42px;border-radius:28px;background:linear-gradient(135deg,#F8FFF9,#F4FAFF);border:2px solid rgba(95,224,143,.62);box-shadow:0 20px 60px rgba(0,0,0,.18)}
.product-name{font-size:30px!important;color:var(--forest)!important;margin-bottom:2px!important}.product-subtitle{font-size:18px!important;color:var(--gold)!important;font-weight:900;margin-bottom:18px!important}
h1{font-size:clamp(33px,4vw,56px);line-height:1.04;letter-spacing:-.035em;color:#018C3D}.lead{font-size:19px;color:#2A4657}.hero-copy p{font-size:16px;color:#2D4B4C}.hero-actions{display:flex;justify-content:center;margin-top:26px}
.primary-button{display:inline-flex;align-items:center;justify-content:center;min-width:250px;padding:16px 28px;border-radius:999px;background:linear-gradient(135deg,#052C22,#0B4A39,#0F5C48);color:white;font-weight:900;font-size:17px;box-shadow:0 14px 30px rgba(11,74,57,.24)}
.hero-visual{position:relative;min-height:465px;border-radius:26px;background:linear-gradient(145deg,#EFFFF4,#FFFFFF);border:1px solid var(--line);overflow:hidden;padding:22px}.tree-scene{position:absolute;left:28px;top:28px;width:155px;height:205px}.tree-crown{position:absolute;top:0;left:18px;width:115px;height:105px;border-radius:50%;background:linear-gradient(135deg,#0B4A39,#5FE08F)}.tree-trunk{position:absolute;top:85px;left:67px;width:26px;height:92px;border-radius:12px;background:#9E7337}.tree-ground{position:absolute;bottom:18px;left:0;right:0;height:7px;border-radius:999px;background:#A98233}
.flow-stack{position:absolute;right:24px;top:24px;width:270px;display:grid;gap:7px;text-align:center}.flow-stack span{padding:10px 14px;border-radius:18px;background:white;border:1px solid var(--line);color:var(--forest);font-weight:900;box-shadow:0 8px 22px rgba(6,43,34,.06)}.flow-stack small{color:#5C746A;font-size:11px}.flow-stack b{color:var(--gold);font-size:18px}.system-pill{background:linear-gradient(135deg,#052C22,#0B4A39)!important;color:white!important}
.result-tags{position:absolute;left:26px;right:26px;bottom:26px;display:flex;gap:10px;flex-wrap:wrap}.result-tags span{padding:10px 14px;border-radius:999px;background:#10263A;color:white;font-weight:900;font-size:13px}
.section{padding:48px 5vw}.section-head{max-width:1020px}h2{font-size:clamp(25px,2.6vw,38px);line-height:1.15;color:var(--forest)}.section p{font-size:16px;color:var(--muted)}
.foundation-grid,.science-grid,.ter-grid,.metric-grid,.guide-grid{display:grid;gap:16px}.foundation-grid{grid-template-columns:repeat(4,1fr)}.foundation-grid article{padding:17px;border-radius:18px;background:white;border-left:5px solid var(--leaf);color:var(--forest);font-weight:900;box-shadow:0 8px 24px rgba(6,43,34,.05)}
.workflow{background:#EEF8F1}.workflow-card{padding:32px;border-radius:28px;background:white;border:1px solid var(--line);box-shadow:var(--shadow)}.flow-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.flow-row span{padding:12px 18px;border-radius:999px;background:#EAF7EF;color:var(--forest);font-weight:900}.flow-row b{color:var(--gold);font-size:24px}
.pincode-card{display:grid;grid-template-columns:1fr .8fr;gap:30px;padding:32px;border-radius:28px;background:linear-gradient(135deg,#FFFDF8,#F1FAF4);border:1px solid var(--line);box-shadow:var(--shadow)}.pincode-flow{display:grid;gap:10px}.pincode-flow span{padding:14px 16px;border-radius:16px;background:white;border-left:5px solid var(--leaf);color:var(--forest);font-weight:900}
.ter-grid{grid-template-columns:repeat(4,1fr)}.ter-grid article{padding:20px;border-radius:20px;background:white;border:1px solid var(--line);box-shadow:0 8px 24px rgba(6,43,34,.05)}.ter-grid h3{color:var(--forest);margin-bottom:8px}
.form-section{background:linear-gradient(135deg,#10263A,#0B4A39);padding-top:56px;padding-bottom:56px}.form-shell{background:#F8FBF7;border-radius:30px;padding:32px;border:1px solid rgba(255,255,255,.35);box-shadow:0 20px 60px rgba(0,0,0,.2)}.form-head{max-width:980px}.legend-row{display:flex;gap:12px;align-items:center;color:#2D4B41;font-weight:900}.required-dot,.optional-dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:5px}.required-dot{background:var(--red)}.optional-dot{background:var(--blue)}
.tree-form{display:grid;gap:18px;margin-top:22px;max-width:1120px}fieldset{border:1px solid var(--line);border-radius:22px;background:white;padding:22px;box-shadow:0 8px 22px rgba(6,43,34,.04)}legend{padding:0 8px;color:var(--forest);font-size:18px;font-weight:900}label{display:flex;flex-direction:column;gap:7px;color:var(--forest);font-weight:900;font-size:14px}input,textarea,select{width:100%;border:1px solid #B9CEC2;border-radius:12px;padding:12px 13px;font-family:inherit;font-size:15px;color:var(--ink);background:#FFFDF8}.two-col,.three-col{display:grid;gap:14px}.two-col{grid-template-columns:1fr 1fr}.three-col{grid-template-columns:repeat(3,1fr)}.compact{grid-template-columns:1fr 240px}.field-title-row{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:12px}.field-title-row p{margin:0;color:#587067;font-size:14px}.help-button{padding:8px 12px;border-radius:999px;background:#EAF7EF;color:var(--forest);border:1px solid var(--line);font-weight:900;font-size:13px;white-space:nowrap}.geo-button,.reset-button,.submit-button,.download-button{border:0;border-radius:999px;padding:12px 18px;font-family:inherit;font-weight:900;cursor:pointer}.geo-button{margin-top:14px;background:#EAF7EF;color:var(--forest);border:1px solid var(--line)}.help-text{margin:9px 0 0;color:#6A7D75!important;font-size:13px!important}.optional{background:#F7FBFF}.form-actions{display:flex;justify-content:flex-end;gap:12px}.reset-button{background:linear-gradient(135deg,#1E63B6,#3C7ED3);color:white}.submit-button{background:linear-gradient(135deg,#052C22,#0B4A39,#0F5C48);color:white;box-shadow:0 12px 26px rgba(11,74,57,.22);font-size:16px;min-width:150px}
.results-panel{display:none;margin-top:26px;padding:26px;border-radius:24px;background:white;border:1px solid var(--line);box-shadow:var(--shadow)}.results-panel.active{display:block}.preview-summary{padding:16px;border-radius:18px;background:#EAF7EF;color:var(--forest);font-weight:900;margin-bottom:18px}.metric-grid{grid-template-columns:repeat(4,1fr)}.metric{padding:16px;border-radius:18px;background:#F9FCF9;border:1px solid var(--line)}.metric small{display:block;color:#60756D;font-weight:900}.metric strong{display:block;color:var(--forest);font-size:20px;margin-top:4px}.download-button{margin-top:18px;background:linear-gradient(135deg,#A98233,#D3B15F);color:#102B2B}
.measurement-guide{background:#F7FAF4}.guide-grid{grid-template-columns:repeat(4,1fr)}.guide-grid article{background:white;border:1px solid var(--line);border-radius:22px;padding:18px;box-shadow:0 8px 24px rgba(6,43,34,.05)}.guide-grid h3{color:var(--forest)}.guide-graphic{position:relative;height:170px;border-radius:18px;background:#EFFAF1;margin-bottom:15px;overflow:hidden}.g-tree{position:absolute;top:25px;left:50%;width:86px;height:78px;transform:translateX(-50%);border-radius:50%;background:linear-gradient(135deg,#0B4A39,#5FE08F)}.g-stem{position:absolute;top:87px;left:50%;width:24px;height:55px;transform:translateX(-50%);border-radius:10px;background:#9E7337}.g-ground{position:absolute;bottom:24px;left:28px;right:28px;height:6px;border-radius:999px;background:#A98233}.g-line{position:absolute;color:#C74F3E;font-weight:900;font-size:13px}.horizontal{left:48px;right:48px;top:93px;border-top:3px solid #C74F3E;text-align:right;padding-right:0}.vertical{right:38px;top:30px;bottom:25px;border-left:3px solid #C74F3E;writing-mode:vertical-rl;padding-left:5px}.crown-depth{right:25px;top:28px;height:76px;border-left:3px solid #C74F3E;writing-mode:vertical-rl;padding-left:5px}.crown-width{left:36px;right:36px;top:62px;border-top:3px solid #C74F3E;text-align:center}.g-height{position:absolute;right:48px;bottom:56px;color:var(--forest);font-weight:900}
.tel-footer{display:grid;grid-template-columns:1fr auto;gap:30px;padding:18px 5vw;background:#0F253B;color:white;border-top:4px solid var(--leaf);align-items:center}.tel-footer img{width:130px;border-radius:10px}.tel-footer p{color:#DDECE5;margin:0 0 4px;font-size:13px}.footer-contact{text-align:right}
@media(max-width:1080px){.hero-card,.pincode-card{grid-template-columns:1fr}.foundation-grid,.ter-grid,.metric-grid,.guide-grid{grid-template-columns:1fr 1fr}.hero-visual{min-height:450px}}@media(max-width:720px){.tel-header{position:relative}.hero-section{padding:20px 4vw}.hero-card{padding:24px}.foundation-grid,.ter-grid,.metric-grid,.two-col,.three-col,.compact,.guide-grid,.tel-footer{grid-template-columns:1fr}.section{padding:38px 5vw}.field-title-row{align-items:flex-start;flex-direction:column}.form-shell{padding:22px}.flow-stack{position:relative;right:auto;top:auto;width:100%;margin-top:190px}.result-tags{position:relative;left:auto;right:auto;bottom:auto;margin-top:16px}.footer-contact{text-align:left}.right-logo img{width:88px}}

/* V21 refinements */
.clean-flow{
  min-height:560px;
  padding:28px;
}
.clean-flow:before,
.clean-flow:after,
.hero-visual:before,
.hero-visual:after{
  display:none!important;
}
.smart-flow{
  max-width:620px;
  margin:0 auto;
  display:grid;
  grid-template-columns:1fr;
  gap:8px;
  align-items:center;
  text-align:center;
}
.flow-card{
  padding:15px 22px;
  border-radius:24px;
  background:#ffffff;
  border:1px solid var(--line);
  box-shadow:0 12px 30px rgba(6,43,34,.08);
}
.flow-card strong{
  display:block;
  color:var(--forest);
  font-size:24px;
  line-height:1.1;
}
.flow-card span{
  display:block;
  margin-top:5px;
  color:#5C746A;
  font-weight:800;
  font-size:13px;
}
.primary-card{
  border-top:5px solid var(--leaf);
}
.system-card{
  background:linear-gradient(135deg,#052C22,#0B4A39,#0F5C48);
}
.system-card strong,
.system-card span{
  color:#ffffff;
}
.ter-card{
  background:#F5FFF7;
  border-bottom:5px solid var(--gold);
}
.flow-arrow{
  color:var(--gold);
  font-size:20px;
  font-weight:900;
  line-height:1;
}
.clean-tags{
  position:static!important;
  margin:18px auto 0;
  justify-content:center;
}
.clean-tags span{
  background:#10263A;
  color:#fff;
  border:1px solid rgba(255,255,255,.15);
}
.image-guides article{
  overflow:hidden;
}
.image-guides img{
  width:100%;
  height:210px;
  object-fit:contain;
  background:#fff;
  border-radius:16px;
  border:1px solid var(--line);
  margin-bottom:14px;
  padding:8px;
}
.image-guides h3{
  color:var(--forest);
  margin-bottom:8px;
}
.image-guides p{
  font-size:14px;
  line-height:1.45;
}
@media(max-width:720px){
  .clean-flow{min-height:auto}
  .flow-card strong{font-size:21px}
  .image-guides img{height:190px}
}


/* V22 actual replacement: simplified hero infographic */
.v22-infographic{
  min-height:560px !important;
  padding:24px !important;
  background:linear-gradient(145deg,#EFFFF4,#FFFFFF) !important;
}
.v22-infographic:before,
.v22-infographic:after,
.v22-infographic .tree-scene,
.v22-infographic .flow-stack,
.v22-infographic .result-tags,
.clean-flow:before,
.clean-flow:after,
.hero-visual:before,
.hero-visual:after{
  display:none !important;
}
.v22-flow{
  max-width:640px;
  margin:0 auto;
  display:grid;
  grid-template-columns:1fr;
  gap:10px;
  text-align:center;
}
.v22-box,
.v22-ter-box{
  padding:18px 22px;
  border-radius:24px;
  background:#ffffff;
  border:1px solid var(--line);
  box-shadow:0 12px 30px rgba(6,43,34,.08);
}
.v22-box h3,
.v22-ter-box h3{
  color:var(--forest);
  font-size:26px;
  margin:0 0 6px;
}
.v22-box p,
.v22-ter-box p{
  color:#5C746A;
  font-weight:800;
  margin:0;
  font-size:14px;
}
.tree-data-box{
  border-top:5px solid var(--leaf);
}
.v22-logo-box{
  width:270px;
  height:150px;
  justify-self:center;
  display:grid;
  place-items:center;
  background:#10263A;
  border-radius:24px;
  padding:20px;
  box-shadow:0 14px 34px rgba(6,43,34,.14);
}
.v22-logo-box img{
  width:100%;
  height:100%;
  object-fit:contain;
}
.v22-arrow{
  color:var(--gold);
  font-size:22px;
  line-height:1;
  font-weight:900;
}
.v22-ter-box{
  background:#F5FFF7;
  border-bottom:5px solid var(--gold);
}
.v22-output-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:9px;
  margin-top:4px;
}
.v22-output-grid span{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:48px;
  padding:9px;
  border-radius:14px;
  background:#10263A;
  color:#fff;
  font-size:12.5px;
  line-height:1.2;
  font-weight:900;
  text-align:center;
  border:1px solid rgba(255,255,255,.12);
}
.image-guides img{
  width:100%;
  height:210px;
  object-fit:contain;
  background:#fff;
  border-radius:16px;
  border:1px solid var(--line);
  margin-bottom:14px;
  padding:8px;
}
.image-guides p{
  font-size:14px;
  line-height:1.45;
}
@media(max-width:720px){
  .v22-infographic{min-height:auto !important}
  .v22-logo-box{width:230px;height:128px}
  .v22-output-grid{grid-template-columns:1fr}
}

/* V23 compact hero + form-first */
.hero-section{padding:22px 5vw 24px!important}
.hero-card{min-height:calc(100vh - 120px);padding:28px!important;gap:26px!important;align-items:center!important}
.hero-copy h1{font-size:clamp(30px,3.2vw,46px)!important}
.hero-copy .lead{font-size:17px!important}
.hero-copy p{font-size:14.8px!important}
.hero-actions{margin-top:16px!important}
.v23-infographic{min-height:auto!important;height:auto!important;padding:18px!important;border-radius:24px!important;background:linear-gradient(145deg,#F2FFF6,#FFFFFF)!important;border:1px solid var(--line);box-shadow:0 14px 38px rgba(6,43,34,.08)}
.v23-infographic:before,.v23-infographic:after,.v23-infographic *:before,.v23-infographic *:after{display:none!important}
.v23-tree-data,.v23-ter{padding:14px 16px;border-radius:20px;background:#fff;border:1px solid var(--line);text-align:center;box-shadow:0 8px 20px rgba(6,43,34,.05)}
.v23-tree-data{border-top:4px solid var(--leaf)}
.v23-tree-data h3,.v23-ter h3{color:var(--forest);font-size:21px;margin:0 0 4px}
.v23-tree-data p{color:#5C746A;font-size:13px;font-weight:800;margin:0}
.v23-arrow{text-align:center;color:var(--gold);font-size:18px;line-height:1;font-weight:900;margin:6px 0}
.v23-logo{width:215px;height:108px;margin:0 auto;display:grid;place-items:center;background:#10263A;border-radius:20px;padding:16px;box-shadow:0 10px 26px rgba(6,43,34,.12)}
.v23-logo img{width:100%;height:100%;object-fit:contain}
.v23-ter{border-bottom:4px solid var(--gold)}
.v23-ter-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:10px}
.v23-ter-grid span{min-height:36px;display:flex;align-items:center;justify-content:center;padding:6px 7px;border-radius:10px;background:#10263A;color:#fff;font-size:11.5px;line-height:1.15;font-weight:900;text-align:center}
.v22-infographic,.clean-flow,.smart-flow,.flow-stack,.tree-scene,.result-tags{display:none!important}
.form-section{padding-top:42px!important;padding-bottom:44px!important}
.measurement-guide{padding-top:42px!important}
.science-foundation,.workflow,.pincode-section,.ter-section{padding-top:44px!important;padding-bottom:44px!important}
@media(max-width:1080px){.hero-card{min-height:auto}}
@media(max-width:720px){.hero-card{padding:22px!important}.v23-ter-grid{grid-template-columns:1fr}.v23-logo{width:190px;height:96px}}


/* V24: compact single-screen form and enhanced hero */
.hero-proof-row{
  display:flex;
  gap:9px;
  flex-wrap:wrap;
  margin-top:14px;
}
.hero-proof-row span{
  padding:8px 12px;
  border-radius:999px;
  background:#EAF7EF;
  color:var(--forest);
  font-size:13px;
  font-weight:900;
  border:1px solid var(--line);
}
.primary-button{
  position:relative;
  overflow:hidden;
  min-width:275px !important;
  padding:18px 30px !important;
  border:1px solid rgba(255,255,255,.18);
}
.primary-button:before{
  content:"🌳";
  display:inline-grid;
  place-items:center;
  width:30px;
  height:30px;
  margin-right:10px;
  border-radius:50%;
  background:#EFFFF4;
  color:var(--forest);
}
.primary-button:after{
  content:"";
  position:absolute;
  top:-70%;
  left:-40%;
  width:45%;
  height:240%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.32),transparent);
  transform:rotate(22deg);
  transition:left .65s ease;
}
.primary-button:hover:after{left:120%}

.form-section{
  min-height:100vh;
  display:flex;
  align-items:center;
}
.compact-form-shell{
  width:100%;
  padding:22px !important;
}
.compact-form-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:18px;
  margin-bottom:12px;
}
.compact-form-head h2{
  font-size:clamp(22px,2vw,30px) !important;
  margin-bottom:4px;
}
.compact-tree-form{
  display:grid !important;
  grid-template-columns:1.1fr .9fr 1.1fr;
  gap:12px !important;
  max-width:100% !important;
}
.form-card{
  padding:16px !important;
  border-radius:18px !important;
}
.form-card legend{
  font-size:15.5px !important;
}
.form-card label{
  font-size:12.8px !important;
  gap:5px !important;
}
.form-card input,
.form-card textarea,
.form-card select{
  padding:9px 10px !important;
  font-size:13.5px !important;
  border-radius:10px !important;
}
.species-card{grid-column:1 / 3}
.dbh-card-form{grid-column:3 / 4}
.metrics-card{grid-column:1 / 3}
.location-card{grid-column:3 / 4}
.optional-card{grid-column:1 / 3}
.compact-actions{
  grid-column:3 / 4;
  display:grid !important;
  grid-template-columns:1fr;
  gap:10px !important;
  align-content:center;
  justify-content:stretch !important;
}
.compact-actions button{
  width:100%;
}
.compact-help-row{
  margin-bottom:8px !important;
}
.compact-help-row p{
  font-size:12.5px !important;
}
.help-button{
  padding:6px 10px !important;
  font-size:12px !important;
}
.geo-button{
  padding:9px 12px !important;
  font-size:13px;
}
.help-text{
  font-size:12px !important;
}
.special-submit{
  min-height:62px;
  font-size:16px !important;
  border-radius:18px !important;
  background:
    radial-gradient(circle at 18% 12%, rgba(255,255,255,.20), transparent 30%),
    linear-gradient(135deg,#052C22,#0B4A39,#0F5C48) !important;
}
.reset-button{
  min-height:42px;
}
.results-panel{
  margin-top:16px !important;
}
@media(max-width:1100px){
  .form-section{min-height:auto}
  .compact-tree-form{grid-template-columns:1fr 1fr}
  .species-card,.dbh-card-form,.metrics-card,.location-card,.optional-card,.compact-actions{grid-column:auto}
}
@media(max-width:720px){
  .compact-form-head{display:block}
  .compact-tree-form{grid-template-columns:1fr}
  .species-card,.dbh-card-form,.metrics-card,.location-card,.optional-card,.compact-actions{grid-column:auto}
  .primary-button{min-width:100% !important}
}


/* V25 button refinement */
.primary-button{
background:linear-gradient(135deg,#0B4A39 0%, #0F5C48 55%, #C8A64A 100%) !important;
}
.special-submit,.submit-button{
background:linear-gradient(135deg,#0B4A39 0%, #0F5C48 60%, #C8A64A 100%) !important;
}


/* V26 form refinements */
.compact-form-head{
  display:grid !important;
  grid-template-columns:1fr auto auto;
  align-items:center !important;
  gap:14px !important;
}
.metrics-guide-top-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:40px;
  padding:10px 16px;
  border-radius:999px;
  background:linear-gradient(135deg,#0B4A39 0%,#0F5C48 58%,#C8A64A 100%);
  color:#fff;
  font-weight:900;
  font-size:13.5px;
  text-decoration:none;
  box-shadow:0 10px 24px rgba(11,74,57,.18);
  white-space:nowrap;
}
.compact-tree-form{
  grid-template-columns:1.35fr .8fr 1.05fr !important;
}
.species-card{grid-column:1 / 3 !important}
.dbh-card-form{grid-column:3 / 4 !important}
.metrics-card{grid-column:1 / 3 !important}
.location-card{grid-column:3 / 4 !important}
.optional-card{grid-column:1 / 3 !important}
.compact-actions{grid-column:3 / 4 !important}
.special-submit,.submit-button{
  min-height:68px !important;
  font-size:15px !important;
  line-height:1.2 !important;
  padding:14px 18px !important;
}
@media(max-width:1100px){
  .compact-form-head{
    grid-template-columns:1fr !important;
  }
  .compact-tree-form{
    grid-template-columns:1fr 1fr !important;
  }
  .species-card,.dbh-card-form,.metrics-card,.location-card,.optional-card,.compact-actions{
    grid-column:auto !important;
  }
}
@media(max-width:720px){
  .compact-tree-form{
    grid-template-columns:1fr !important;
  }
}


/* V27 */
.metrics-inline{margin:8px 0 10px}
.metrics-guide-inline{
display:inline-block;
padding:8px 14px;
border-radius:999px;
background:linear-gradient(135deg,#0B4A39,#C8A64A);
color:#fff;
font-weight:900;
text-decoration:none;
font-size:13px;
}
.image-guides img{
cursor:zoom-in;
position:relative;
}
.image-lightbox{
display:none;
position:fixed;
inset:0;
background:rgba(0,0,0,.85);
z-index:9999;
align-items:center;
justify-content:center;
}
.image-lightbox.active{display:flex}
.image-lightbox img{
max-width:90vw;
max-height:90vh;
background:#fff;
padding:10px;
border-radius:12px;
}
.lightbox-close{
position:absolute;
top:20px;
right:30px;
font-size:42px;
color:#fff;
cursor:pointer;
}
.inspiration-section{
padding:60px 5vw;
background:linear-gradient(135deg,#0F253B,#0B4A39);
color:#fff;
}


/* V28 refinements */
.compact .two-col,
.two-col.compact{
grid-template-columns:1fr 1fr !important;
}

.location-card .two-col{
grid-template-columns:1fr 1fr !important;
align-items:stretch;
}

.metrics-guide-inline{
display:block;
width:max-content;
margin:12px auto 0 auto !important;
background:linear-gradient(135deg,#0B4A39,#C8A64A) !important;
}

.inspiration-section{
background:linear-gradient(135deg,#14322d,#1a463d) !important;
border-top:1px solid rgba(255,255,255,.08);
border-bottom:1px solid rgba(255,255,255,.08);
}

.inspiration-section h2{
font-size:34px;
margin-bottom:12px;
}

.inspiration-section p{
max-width:900px;
margin:auto;
opacity:.92;
}

.special-submit,
.submit-button{
background:linear-gradient(135deg,#b8860b,#d4af37,#f0d87a) !important;
color:#10263A !important;
font-weight:900 !important;
border:1px solid rgba(16,38,58,.15);
box-shadow:0 14px 30px rgba(184,134,11,.25);
}

.special-submit:before{
content:"🌳 ";
font-size:18px;
}

.dbh-card-form .two-col{
grid-template-columns:1fr 1fr !important;
}

.dbh-card-form input,
.dbh-card-form select{
height:42px;
}


/* V29 refinements */
.metrics-guide-top-button{
  display:none !important;
}
.metrics-inline.below-fields{
  margin:12px 0 0 !important;
  text-align:center;
}
.metrics-guide-inline{
  margin:0 auto !important;
}
.metrics-card .three-col label{
  min-width:0;
}
.metrics-card .three-col{
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
}
.image-lightbox{
  padding:24px !important;
}
.image-lightbox.active{
  display:flex !important;
}
.image-lightbox img,
#lightboxImg{
  width:auto !important;
  height:auto !important;
  max-width:96vw !important;
  max-height:94vh !important;
  object-fit:contain !important;
  transform:scale(1.05);
  transform-origin:center;
  background:#fff;
  padding:12px !important;
  border-radius:14px !important;
  box-shadow:0 20px 60px rgba(0,0,0,.35);
}
.image-guides img{
  cursor:zoom-in !important;
}
@media(max-width:720px){
  .metrics-card .three-col{
    grid-template-columns:1fr !important;
  }
  .image-lightbox img,
  #lightboxImg{
    max-width:98vw !important;
    max-height:90vh !important;
    transform:none;
  }
}