* { box-sizing: border-box; }
:root { --green-dark:#0c4b28; }
html,body { width:100%; min-height:100%; margin:0; }
body { font-family:Arial,Helvetica,sans-serif; background:#f7f7f3; color:#173b24; overflow-x:hidden; overflow-y:auto; }
a { color:inherit; text-decoration:none; }

.welcome { width:100%; min-height:100vh; display:flex; flex-direction:column; }

.brand-header {
  position:relative;
  width:100%;
  height:auto;
  flex:0 0 auto;
  background:#f8f9ee;
}
.brand-banner {
  display:block;
  width:100%;
  height:auto;
}

.choice-area { height:80vh; flex:0 0 80vh; display:flex; min-height:0; }
.choice {
  position:relative; flex:1 1 50%; overflow:hidden; color:white;
}
.choice__image,.choice__overlay { position:absolute; inset:0; }
.choice__image {
  background-position:center; background-size:cover;
  transition:transform .8s cubic-bezier(.22,.61,.36,1);
}
.choice:hover .choice__image { transform:scale(1.045); }
.choice--business .choice__image { background-image:url("../images/homepage-business.jpg"); }
.choice--consumer .choice__image { background-image:url("../images/homepage-consumer.jpg"); }
.choice--business .choice__overlay { background:linear-gradient(90deg,rgba(0,0,0,.63),rgba(0,0,0,.30)),linear-gradient(0deg,rgba(0,0,0,.58),transparent 65%); }
.choice--consumer .choice__overlay { background:linear-gradient(90deg,rgba(0,0,0,.44),rgba(0,0,0,.18)),linear-gradient(0deg,rgba(0,0,0,.45),transparent 65%); }

.choice__content {
  position:relative; z-index:2; height:100%; max-width:620px; margin:0 auto;
  padding:clamp(28px,5vh,70px) clamp(28px,5vw,80px) 28px;
  display:flex; flex-direction:column; align-items:flex-start; justify-content:center;
}
.choice__icon { width:clamp(44px,4.5vw,64px); height:clamp(44px,4.5vw,64px); margin-bottom:14px; }
.choice__icon svg,.choice__features svg { width:100%; height:100%; fill:none; stroke:currentColor; stroke-linecap:round; stroke-linejoin:round; }
.choice__icon svg { stroke-width:2.2; }
.choice h2 { margin:0 0 15px; font-size:clamp(2rem,3.4vw,4rem); line-height:.98; letter-spacing:-1.5px; font-weight:750; }
.choice p { max-width:540px; margin:0 0 28px; font-size:clamp(.95rem,1.25vw,1.35rem); line-height:1.4; }
.choice__button {
  display:inline-flex; align-items:center; gap:28px; padding:17px 25px; min-width:290px;
  border:1px solid rgba(255,255,255,.8); border-radius:999px; background:#075127; color:white;
  font-weight:700; letter-spacing:.08em; font-size:.86rem; transition:transform .25s ease,background .25s ease;
}
.choice__button span { margin-left:auto; font-size:1.8rem; line-height:.6; font-weight:300; }
.choice:hover .choice__button { transform:translateY(-2px); background:#0a6330; }
.choice--consumer .choice__button { background:rgba(255,255,255,.92); color:#14552e; border-color:white; }
.choice--consumer:hover .choice__button { background:white; }

.choice__features { display:flex; gap:clamp(25px,4vw,60px); margin-top:auto; padding-top:24px; width:100%; justify-content:space-between; }
.choice__features div { display:flex; flex-direction:column; align-items:center; text-align:center; gap:7px; font-size:.82rem; line-height:1.15; text-shadow:0 2px 8px rgba(0,0,0,.4); flex:1; }
.choice__features svg { width:34px; height:34px; stroke-width:2; }
.choice--consumer .choice__features svg { color:#d8ef82; }

@media (max-width:800px) {
  body { overflow:auto; }
  .welcome { min-height:100vh; height:auto; }
  .brand-header { height:auto; min-height:0; flex-basis:auto; }
  .choice-area { height:auto; min-height:75vh; flex:0 0 auto; flex-direction:column; }
  .choice { flex:1 1 50vh; min-height:50vh; }
  .choice__content { padding:38px 28px 26px; }
  .choice h2 { font-size:clamp(2rem,9vw,3rem); }
  .choice__features { margin-top:30px; }
}
@media (max-width:480px) {
  .choice__content { justify-content:center; }
  .choice__features { gap:10px; }
  .choice__features div { font-size:.7rem; }
  .choice__features svg { width:30px; height:30px; }
  .choice__button { min-width:0; width:100%; justify-content:center; gap:15px; }
}