:root{--green:#234100;--green-2:#3d6402;--ink:#252525;--muted:#3d3d3d;--sage:#f4f5eb;--radius:29px}
*{box-sizing:border-box}
html{min-width:300px;scroll-behavior:smooth}
body{margin:0;background:#fff;color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}
button,input{font:inherit}
a{color:var(--green-2)}
.page{isolation:isolate;position:relative;min-height:100svh;max-width:1900px;margin:auto;overflow:hidden;background:white}
.portrait{position:absolute;top:0;left:0;width:44.3%;height:100%;object-fit:cover;object-position:left top;z-index:-1;pointer-events:none}
.decor-leaves{position:absolute;right:0;top:0;width:14.5%;height:auto;z-index:1;pointer-events:none}
.main{position:relative;margin-left:38.9%;width:61.1%;padding:26px 3.7% 26px 0;z-index:2}
.brand{text-align:center;color:#274400;margin:0 auto}
.brand-line{display:flex;align-items:center;justify-content:center;gap:22px}
.brand-line:before,.brand-line:after{content:'';display:block;width:21%;height:2px;background:#456720}
.brand-line{height:78px}.diya{display:block;width:auto;height:68px;max-width:100%;object-fit:contain;flex:none;transform:translateY(-7px)}.brand-line:before,.brand-line:after{transform:translateY(13px)}
.brand-name{font-size:clamp(21px,2.4vw,39px);letter-spacing:.085em;line-height:1.1;font-weight:500;white-space:nowrap;margin-top:0}
.intro{margin-top:34px}
h1{font-size:clamp(40px,4.05vw,69px);line-height:1.02;letter-spacing:-.035em;margin:0 0 18px;font-weight:800;max-width:980px}
.tagline{font-size:clamp(19px,1.7vw,29px);line-height:1.3;margin:0 0 22px;letter-spacing:-.016em;white-space:nowrap}
.bio{display:flex;align-items:stretch;gap:27px;margin:0 0 40px}
.bio:before{content:'';background:#638c15;border-radius:5px;width:8px;flex:0 0 8px}
.bio p{font-size:clamp(20px,1.71vw,29px);line-height:1.29;margin:0;letter-spacing:-.017em}
.signup{margin-left:8.1%;border-radius:var(--radius);padding:29px 42px 29px;background:linear-gradient(130deg,#f5f6ed,#f0f2e4);max-width:945px;box-shadow:0 0 0 1px rgba(34,65,0,.01)}
.signup h2{font-size:clamp(31px,2.93vw,50px);line-height:1.12;letter-spacing:-.026em;margin:0 0 8px;color:var(--green);font-weight:800}
.signup-desc{font-size:clamp(18px,1.67vw,28px);line-height:1.25;margin:0 0 23px}
.fields{display:flex;gap:22px}
.email{display:block;min-width:0;flex:1;border:1.5px solid #ccd0ce;background:#fff;border-radius:17px;padding:17px 22px;font-size:clamp(18px,1.6vw,27px);outline-offset:3px;color:#222}
.email:focus{outline:3px solid #98ad80}
.btn{border:0;border-radius:17px;color:#fff;background:linear-gradient(#4b7404,#335700);padding:17px 29px;font-size:clamp(18px,1.55vw,26px);font-weight:700;min-width:222px;cursor:pointer}
.btn:hover,.btn:focus-visible{background:#264500}
.disclaimer{font-style:italic;font-size:clamp(15px,1.4vw,24px);margin:20px 0 0;line-height:1.25}
.small-print{font-size:12px;line-height:1.4;margin:14px 0 0;color:#555}
.small-print a{text-decoration:underline;text-underline-offset:2px}
.notice{padding:13px 17px;border-radius:10px;margin:0 0 14px;font-size:17px;line-height:1.4}
.notice.error{background:#fff1ed;color:#7d2013;border:1px solid #e8b9ab}
.notice.success{background:#ebf5e4;color:#274900;border:1px solid #adc79d}
.honey{position:absolute!important;left:-9999px!important;opacity:0!important;width:1px;height:1px;overflow:hidden}
.minimal{max-width:680px;margin:0 auto;padding:60px 28px;font-size:18px;line-height:1.65}
.minimal h1{font-size:40px;line-height:1.14}.minimal h2{font-size:25px}.minimal a{word-break:break-word}
@media(max-width:1480px){.main{padding-top:22px}.intro{margin-top:28px}.bio{margin-bottom:31px}.signup{padding:25px 31px}.signup-desc{margin-bottom:17px}.disclaimer{margin-top:15px}.btn{min-width:170px}.tagline{white-space:normal}}
@media(min-width:901px) and (max-height:815px){.page{min-height:100svh}.main{padding-top:9px}.brand-line{height:57px}.diya{height:48px;transform:translateY(-5px)}.brand-line:before,.brand-line:after{transform:translateY(9px)}.brand-name{font-size:clamp(20px,2vw,31px)}.intro{margin-top:16px}h1{font-size:clamp(35px,3.65vw,58px);margin-bottom:10px}.tagline{font-size:clamp(17px,1.4vw,22px);margin-bottom:12px}.bio{margin-bottom:19px;gap:17px}.bio p{font-size:clamp(17px,1.45vw,23px)}.signup{padding:18px 28px}.signup h2{font-size:clamp(25px,2.35vw,38px)}.signup-desc{font-size:clamp(16px,1.35vw,22px);margin-bottom:11px}.email,.btn{padding-top:10px;padding-bottom:10px;font-size:20px}.disclaimer{margin-top:10px;font-size:16px}.small-print{margin-top:8px}}
@media(max-width:900px){
  .desktop-only{display:none}
  .page{overflow:visible;min-height:100svh}
  .portrait{width:100%;height:235px;object-fit:cover;object-position:left 17%;z-index:0;mask-image:linear-gradient(to bottom,black 68%,transparent)}
  .decor-leaves{width:130px;z-index:2}
  .main{margin:0;width:100%;padding:225px 20px 22px}
  .brand{position:absolute;top:15px;right:20px;width:45%;background:rgba(255,255,255,.85);border-radius:8px;padding:2px}
  .brand-line{gap:4px}.brand-line:before,.brand-line:after{width:19%;height:1px}.brand-line{height:38px}.diya{height:32px;transform:translateY(-4px)}.brand-line:before,.brand-line:after{transform:translateY(6px)}
  .brand-name{font-size:clamp(10px,2.4vw,17px);letter-spacing:.045em;white-space:normal}
  .intro{margin:0}h1{font-size:clamp(33px,6.6vw,51px);line-height:1.03;margin:0 0 12px}
  .tagline{font-size:18px;margin-bottom:13px;white-space:normal}
  .bio{gap:13px;margin-bottom:19px}.bio:before{width:5px;flex-basis:5px}.bio p{font-size:17px;line-height:1.33}
  .signup{margin:0;padding:20px;border-radius:19px}.signup h2{font-size:clamp(25px,5vw,34px)}
  .signup-desc{font-size:17px;line-height:1.35;margin-bottom:14px}.fields{gap:10px}
  .email{font-size:17px;padding:13px 15px;border-radius:10px}.btn{min-width:125px;font-size:17px;padding:12px;border-radius:10px}
  .disclaimer{font-size:14px;margin-top:12px}.small-print{font-size:11px}
}
@media(max-width:480px){.portrait{height:195px}.main{padding:185px 15px 17px}.brand{width:56%;right:8px}.decor-leaves{width:100px;opacity:.5}.fields{flex-direction:column}.btn{width:100%}.bio p{font-size:16px}h1{font-size:35px}.signup{padding:16px}.signup h2{font-size:26px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
