:root{
  --green:#0c3633;
  --green-2:#123f3a;
  --green-3:#1a5750;
  --accent:#6bab72;
  --cream:#f5f3ed;
  --ink:#12332f;
  --muted:#6f7672;
  --white:#fff;
  --shell:954px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,Arial,Helvetica,sans-serif;color:var(--ink);background:#fff;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button,input{font:inherit}
.shell{width:min(calc(100% - 68px),var(--shell));margin:0 auto}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.hidden-field{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}

.hero{position:relative;min-height:clamp(820px,88vw,960px);color:#fff;background:#0a302d url('/assets/hero-background.webp') 80% center/cover no-repeat;overflow:hidden}
.hero__shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(3,22,21,.36) 0%,rgba(3,22,21,.12) 49%,rgba(3,22,21,0) 72%),linear-gradient(0deg,rgba(2,15,14,.24) 0%,transparent 31%)}
.hero__inner{position:relative;min-height:inherit;padding:28px 0 24px}
.hero__header{display:flex;align-items:flex-start;justify-content:space-between;gap:32px;position:relative;z-index:2}
.brand{display:flex;align-items:center;gap:10px;color:#fff}
.brand__mark{width:56px;height:56px;flex:none}
.brand__text{display:flex;flex-direction:column;line-height:1}
.brand__text strong{font-size:31px;letter-spacing:-.045em;font-weight:750}
.brand__text small{font-size:8px;letter-spacing:.025em;text-transform:uppercase;margin-top:7px;font-weight:650}
.hero__motto{display:flex;align-items:center;gap:14px;margin-top:19px;color:rgba(15,35,34,.72);font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:650}
.hero__motto i{display:block;width:42px;height:1px;background:rgba(15,35,34,.65)}

.hero__copy{position:relative;z-index:2;width:560px;margin-top:128px}
.hero h1{margin:0;color:#fff;font-size:clamp(54px,6vw,68px);line-height:1.02;letter-spacing:-.055em;font-weight:500}
.hero__lead{margin:23px 0 0;font-size:21px;line-height:1.35;font-weight:450;color:#fff}
.hero__text{margin:14px 0 0;font-size:14px;line-height:1.5;color:rgba(255,255,255,.92)}

.signup{margin-top:37px;width:510px}
.signup h2{margin:0 0 7px;font-size:23px;line-height:1.15;letter-spacing:-.02em;color:#fff;font-weight:650}
.signup>p:not(.signup__status):not(.hidden-field){margin:0 0 14px;font-size:13px;line-height:1.45;color:rgba(255,255,255,.95)}
.signup__row{display:grid;grid-template-columns:1fr 177px;height:49px;border-radius:13px;overflow:hidden;box-shadow:0 9px 28px rgba(0,0,0,.12)}
.signup__input-wrap{display:flex;align-items:center;gap:11px;background:#fff;color:#7d8582;padding:0 14px 0 18px}
.signup__input-wrap svg{width:20px;height:20px;fill:none;stroke:#586a66;stroke-width:1.6;flex:none}
.signup__input-wrap input{width:100%;height:100%;border:0;outline:0;background:transparent;color:#183b37;font-size:14px;min-width:0}
.signup__input-wrap input::placeholder{color:#9ba09f}
.signup button{border:0;background:linear-gradient(90deg,#6da972,#74b178);color:#fff;font-size:14px;font-weight:650;cursor:pointer;transition:background .2s ease,transform .2s ease}
.signup button:hover{background:linear-gradient(90deg,#629e68,#68a96f)}
.signup button:active{transform:translateY(1px)}
.signup button:disabled{opacity:.65;cursor:wait}
.signup button span{font-size:20px;margin-left:5px;vertical-align:-1px}
.signup__consent{display:flex;align-items:center;gap:9px;margin-top:11px;font-size:11px;color:rgba(255,255,255,.95);cursor:pointer}
.signup__consent input{appearance:none;width:17px;height:17px;margin:0;border-radius:3px;background:#fff;border:1px solid rgba(255,255,255,.85);display:grid;place-items:center;flex:none}
.signup__consent input:checked::after{content:'✓';color:#2a625a;font-size:13px;font-weight:800;line-height:1}
.signup__status{min-height:18px;margin:7px 0 0;font-size:12px;color:#d8f0dc}
.signup__status.error{color:#ffd1d1}

.hero-features{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:45px;width:550px}
.hero-feature{min-height:91px;text-align:center;padding:0 18px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}
.hero-feature+ .hero-feature{border-left:1px solid rgba(255,255,255,.24)}
.hero-feature svg{width:46px;height:46px;fill:none;stroke:#fff;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;margin-bottom:8px}
.hero-feature span{font-size:13px;line-height:1.35;color:#fff}

.hero__scroll{position:absolute;z-index:2;left:auto;right:230px;bottom:22px;transform:none;display:flex;flex-direction:column;align-items:center;gap:7px;color:rgba(255,255,255,.88);text-transform:uppercase;font-size:10px;letter-spacing:.06em;white-space:nowrap}
.hero__scroll i{display:block;width:1px;height:24px;background:rgba(255,255,255,.58)}
.hero__scroll b{font-size:22px;font-weight:300;line-height:1}
.hero__location{position:absolute;right:0;bottom:47px;z-index:2;display:flex;align-items:center;gap:8px;color:#fff;font-size:10px;letter-spacing:.07em;text-transform:uppercase;white-space:nowrap}
.hero__location svg{width:15px;height:15px;fill:none;stroke:#fff;stroke-width:1.7}

.discover{background:#f6f4ef;padding:50px 0 31px}
.discover__intro{display:grid;grid-template-columns:270px 1fr;gap:25px;align-items:start}
.discover__intro h2{margin:0;font-size:36px;line-height:1.05;letter-spacing:-.045em;font-weight:650;color:#113b37;position:relative;padding-bottom:21px}
.discover__intro h2::after{content:'';position:absolute;left:0;bottom:0;width:40px;height:2px;background:#6ba978}
.discover__intro p{margin:6px 0 0;font-size:16px;line-height:1.55;color:#344844}
.discover__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:25px}
.discover-card img{width:100%;aspect-ratio:1.55/1;object-fit:cover;border-radius:12px}
.discover-card h3{margin:10px 0 2px;font-size:16px;line-height:1.2;color:#183d39}
.discover-card p{margin:0;font-size:12px;line-height:1.35;color:#747b78}

.values{background:linear-gradient(90deg,#0c3633,#0b3f39 55%,#0d3b36);color:#fff}
.values__inner{min-height:152px;display:grid;grid-template-columns:210px 1fr 160px;align-items:center;gap:26px}
.values__brand{display:flex;flex-direction:column;align-self:center}
.values__brand strong{font-size:31px;line-height:1;font-weight:680;letter-spacing:-.045em}
.values__brand span{font-size:10px;text-transform:uppercase;margin-top:9px;letter-spacing:.04em}
.values__items{display:grid;grid-template-columns:repeat(4,1fr);align-items:center}
.value-item{height:74px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;text-align:center;padding:0 12px;border-left:1px solid rgba(255,255,255,.26)}
.value-item svg{width:38px;height:38px;fill:none;stroke:#fff;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.value-item span{font-size:12px;line-height:1.2}
.values__tagline{align-self:center;padding-left:26px;border-left:1px solid rgba(255,255,255,.7);font-size:13px;line-height:1.45;text-transform:uppercase;letter-spacing:.08em}
.values__tagline i{display:block;margin-top:11px;width:40px;height:2px;background:#67a96f}

.footer{background:#f6f4ef;color:#27413d}
.footer__inner{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px;font-size:11px}
.footer__sep{margin:0 12px;color:#6f7774}
.footer nav{display:flex;align-items:center;gap:28px}
.footer nav a:hover{text-decoration:underline}

@media (min-width:1200px){:root{--shell:1120px}.hero__copy{width:620px}.signup{width:560px}.hero-features{width:610px}.hero h1{font-size:74px}.discover__intro{grid-template-columns:300px 1fr}.discover__grid{gap:18px}}

@media (max-width:900px){
  .shell{width:min(calc(100% - 36px),760px)}
  .hero{min-height:auto;background-position:76% top}
  .hero__inner{padding-bottom:70px}
  .hero__motto{display:none}
  .hero__copy{width:100%;max-width:580px;margin-top:100px}
  .hero__lead br,.hero__text br{display:none}
  .signup{width:100%;max-width:520px}
  .hero-features{width:100%;max-width:560px;grid-template-columns:repeat(2,1fr);row-gap:24px}
  .hero-feature:nth-child(3){border-left:0}
  .hero__scroll{display:none}.hero__location{display:none}
  .discover__intro{grid-template-columns:1fr}.discover__intro p br{display:none}
  .discover__grid{grid-template-columns:repeat(2,1fr);gap:24px 16px}
  .values__inner{grid-template-columns:1fr;padding:32px 0;gap:28px}
  .values__brand{text-align:center;align-items:center}.values__items{width:100%}.value-item:first-child{border-left:0}.values__tagline{text-align:center;border-left:0;padding-left:0}.values__tagline i{margin:10px auto 0}
  .footer__inner{padding:24px 0;align-items:flex-start;flex-direction:column}.footer nav{gap:20px}
}

@media (max-width:560px){
  .shell{width:calc(100% - 28px)}
  .hero{background-position:72% top}
  .hero__inner{padding-top:18px}
  .brand__mark{width:44px;height:44px}.brand__text strong{font-size:25px}.brand__text small{font-size:7px}
  .hero__copy{margin-top:78px}
  .hero h1{font-size:50px}.hero__lead{font-size:18px}.hero__text{font-size:13px}
  .signup{margin-top:30px}.signup h2{font-size:21px}
  .signup__row{grid-template-columns:1fr;height:auto;border-radius:12px;overflow:visible;box-shadow:none;gap:8px}
  .signup__input-wrap{height:52px;border-radius:12px}.signup button{height:52px;border-radius:12px}
  .hero-features{grid-template-columns:1fr 1fr;margin-top:36px}.hero-feature{padding:0 9px}.hero-feature:nth-child(3){border-left:0}
  .discover{padding-top:38px}.discover__intro h2{font-size:32px}.discover__intro p{font-size:14px}.discover__grid{grid-template-columns:1fr}.discover-card img{aspect-ratio:1.7/1}
  .values__items{grid-template-columns:repeat(2,1fr);row-gap:22px}.value-item:nth-child(3){border-left:0}
  .footer__inner{font-size:10px}.footer__sep{display:none}.footer__inner>div{line-height:1.6}.footer nav{flex-wrap:wrap;gap:12px 20px}
}