:root{
      --pine:#0b3b25;
      --green:#155c3a;
      --grass:#3f8f46;
      --cream:#fbfaf4;
      --soft:#eef6ee;
      --text:#153324;
      --muted:#5c6b62;
      --white:#ffffff;
    }
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--text);background:var(--cream)}
    a{text-decoration:none}
    .page{min-height:100vh;background:linear-gradient(180deg,#fff 0%,var(--cream) 58%,var(--soft) 100%);display:flex;flex-direction:column}
    .topbar{max-width:1280px;margin:0 auto;padding:22px 28px 8px;display:flex;align-items:center;justify-content:center;gap:28px;flex:0 0 auto}
    .nav{display:flex;align-items:center;gap:28px;flex-wrap:wrap;justify-content:center}
	    .nav a{color:var(--pine);font-weight:900;padding:14px 18px;border-radius:999px;font-size:clamp(22px,1.7vw,30px);line-height:1}
	    .nav a:hover{background:var(--soft)}
	    .nav .call{background:var(--pine);color:#fff;padding:18px 34px;box-shadow:0 10px 24px rgba(11,59,37,.14)}
	    .nav .call:hover{background:var(--green);color:#fff}
    .hero{width:100%;min-width:0;max-width:1280px;margin:0 auto;padding:14px 24px 24px;text-align:center;min-height:calc(100svh - 104px);display:flex;flex-direction:column;align-items:center;justify-content:flex-start}
    .logo-card{display:inline-flex;align-items:center;justify-content:center;background:transparent;border-radius:0;padding:0;box-shadow:none;border:0}
    .logo-card img{width:min(700px,82vw);height:auto;display:block}
    .headline{margin:10px auto 8px;max-width:1120px;font-size:clamp(42px,5vw,72px);line-height:.94;color:var(--pine);letter-spacing:-.05em;font-weight:950}
    .subhead{margin:0 auto;max-width:980px;font-size:clamp(19px,1.9vw,28px);line-height:1.22;color:var(--muted);font-weight:650}
    .actions{margin:18px auto 0;display:flex;justify-content:center;gap:14px;flex-wrap:wrap}
    .btn{display:inline-flex;align-items:center;justify-content:center;min-height:58px;padding:15px 30px;border-radius:16px;font-weight:900;font-size:20px;border:2px solid var(--pine);box-shadow:0 10px 24px rgba(11,59,37,.12)}
    .btn.primary{background:var(--pine);color:#fff}
    .btn.secondary{background:#fff;color:var(--pine)}
    .proof{max-width:1180px;margin:0 auto 64px;padding:0 24px;display:grid;grid-template-columns:1.05fr .95fr;gap:28px;align-items:center}
    .photo{border-radius:28px;overflow:hidden;box-shadow:0 18px 50px rgba(11,59,37,.16);border:1px solid rgba(11,59,37,.08);background:#fff}
    .photo img{width:100%;height:430px;object-fit:cover;object-position:left center;display:block}
    .panel{background:var(--pine);color:#fff;border-radius:28px;padding:34px;box-shadow:0 18px 50px rgba(11,59,37,.16);position:relative;overflow:hidden}
    .panel:before{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(25deg,rgba(255,255,255,.07) 0,rgba(255,255,255,.07) 7px,transparent 7px,transparent 21px);opacity:.55}
    .panel > *{position:relative}
    .panel h2{margin:0 0 12px;font-size:clamp(26px,3vw,42px);line-height:1.05;letter-spacing:-.03em}
    .panel p{margin:0;color:#d8eee3;font-size:18px;line-height:1.55;font-weight:600}
    .service-chips{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
    .chip{border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.08);color:#fff;border-radius:999px;padding:9px 12px;font-weight:800;font-size:14px}

	    .system-section{max-width:1180px;margin:96px auto 64px;padding:0 24px;text-align:center}
    .system-card{background:#fff;border:1px solid rgba(11,59,37,.10);border-radius:30px;box-shadow:0 18px 50px rgba(11,59,37,.12);padding:38px 30px;overflow:hidden;position:relative}
    .system-card:before{content:"";position:absolute;left:0;right:0;top:0;height:7px;background:linear-gradient(90deg,var(--grass),var(--pine))}
    .eyebrow{display:inline-flex;align-items:center;justify-content:center;margin-bottom:12px;padding:7px 13px;border-radius:999px;background:var(--soft);color:var(--pine);font-size:13px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
    .system-card h2{margin:0 auto 10px;max-width:900px;color:var(--pine);font-size:clamp(28px,3.5vw,44px);line-height:1.03;letter-spacing:-.035em;font-weight:950}
    .system-intro{margin:0 auto 30px;max-width:760px;color:var(--muted);font-size:18px;line-height:1.45;font-weight:650}
    .system-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;position:relative}
    .system-step{background:linear-gradient(180deg,#ffffff 0%,#f5fbf7 100%);border:1px solid #e2eee5;border-radius:22px;padding:22px 18px;box-shadow:0 10px 28px rgba(11,59,37,.07);transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease}
    .system-step:hover{transform:translateY(-4px);box-shadow:0 18px 36px rgba(11,59,37,.13);border-color:rgba(63,143,70,.45)}
    .step-icon{width:52px;height:52px;margin:0 auto 12px;display:flex;align-items:center;justify-content:center;border-radius:18px;background:var(--pine);color:#fff;font-size:25px;box-shadow:0 10px 22px rgba(11,59,37,.22)}
    .step-number{font-size:12px;font-weight:950;color:var(--grass);letter-spacing:.09em;text-transform:uppercase;margin-bottom:4px}
    .system-step h3{margin:0 0 7px;color:var(--pine);font-size:21px;line-height:1.1}
    .system-step p{margin:0;color:var(--muted);font-size:14px;line-height:1.45;font-weight:650}
    .service-limit-rule{max-width:900px;margin:26px auto 14px;display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center;padding:14px 16px;border:1px solid #cfe4d5;border-left:5px solid var(--grass);border-radius:15px;background:#f1f8f3;text-align:left}
    .service-limit-rule strong{color:var(--pine);font-size:13px;letter-spacing:.05em;text-transform:uppercase}
    .service-limit-rule span{color:var(--muted);font-size:14px;font-weight:750;line-height:1.4}
    .coverage-choices{max-width:900px;margin:14px auto 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;text-align:left}
    .coverage-choice{padding:20px;border:1px solid #dbe9df;border-radius:19px;background:linear-gradient(180deg,#fff,#f7fbf8);box-shadow:0 9px 22px rgba(11,59,37,.06)}
    .coverage-label{display:inline-flex;width:max-content;margin-bottom:10px;padding:6px 10px;border-radius:999px;background:#eaf5ee;color:var(--sea);font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
    .coverage-choice > strong{display:block;margin-bottom:4px;color:var(--pine);font-size:22px}
    .coverage-name{display:block;margin-bottom:8px;color:#33463b;font-size:16px;font-weight:900}
    .coverage-choice p{margin:0;color:var(--muted);font-size:14px;line-height:1.5;font-weight:650}
    .system-note{margin:26px auto 0;max-width:820px;background:var(--pine);color:#e8f7ee;border-radius:20px;padding:18px 22px;font-weight:750;line-height:1.45}
    @media(max-width:920px){.system-steps{grid-template-columns:repeat(2,1fr)}.system-card{padding:32px 22px}}
    @media(max-width:700px){.coverage-choices{grid-template-columns:1fr}.service-limit-rule{grid-template-columns:1fr;gap:4px}}
    @media(max-width:560px){.system-section{padding:0 18px;margin-bottom:42px}.system-steps{grid-template-columns:1fr}.system-card{border-radius:24px}.system-intro{font-size:16px}.system-note{font-size:15px}.coverage-choice{padding:18px}.coverage-choice > strong{font-size:20px}}


    @media(min-width:861px) and (max-height:850px){
      .topbar{padding-top:16px;padding-bottom:4px}
      .nav a{font-size:clamp(20px,1.45vw,26px);padding:12px 16px}
      .nav .call{padding:16px 30px}
      .hero{padding-top:6px;min-height:calc(100svh - 88px)}
      .logo-card img{width:min(610px,76vw)}
      .headline{font-size:clamp(40px,4.5vw,62px);margin-top:6px}
      .subhead{font-size:clamp(18px,1.65vw,24px);max-width:900px}
      .actions{margin-top:14px}
      .btn{min-height:54px;font-size:19px;padding:13px 28px}
    }

    footer{background:#08291a;color:#dcece3;padding:26px 24px;text-align:center;font-weight:650}
    footer a{color:#fff;text-decoration:underline}
    @media(max-width:860px){
      .topbar{display:block;text-align:center;padding:18px 14px 6px}.nav{justify-content:center;margin-top:0;gap:12px}.nav a{font-size:20px;padding:10px 12px}.nav .call{width:100%;max-width:560px;text-align:center;font-size:22px;padding:17px 20px;margin-top:6px}
      .hero{padding:22px 16px 28px;min-height:auto;justify-content:flex-start}.logo-card{padding:0;border-radius:0}.logo-card img{width:min(520px,86vw)}.headline{margin-top:14px;font-size:clamp(38px,10.2vw,54px);line-height:.98}.subhead{font-size:18px;line-height:1.22;max-width:92vw}.actions{gap:10px;margin-top:18px}.btn{width:100%;max-width:430px;font-size:21px;min-height:62px;padding:16px 24px}
      .proof{grid-template-columns:1fr;padding:0 18px;margin-bottom:42px}.photo img{height:280px}.panel{padding:26px;border-radius:22px;order:-1}
    }
    @media(max-width:430px){
      .topbar{padding-top:14px}.nav{gap:8px}.nav a{font-size:17px;padding:8px 9px}.nav .call{font-size:19px;max-width:300px;padding:14px 18px}
      .hero{padding-top:36px}.logo-card img{width:min(430px,82vw)}.headline{font-size:clamp(34px,10vw,46px);margin-top:12px}.subhead{font-size:16.5px;line-height:1.2}.actions{margin-top:16px}.btn{max-width:330px;min-height:56px;font-size:19px;border-radius:15px}
    }


    /* Final mobile landing fix: keep hero contained on the first screen and keep the system section below the fold */
    @media(max-width:860px){
      .page{min-height:auto}
      .topbar{padding:12px 12px 4px}
      .nav{gap:8px 18px}
      .nav a{font-size:18px;padding:8px 8px}
      .nav .call{max-width:520px;width:82%;font-size:20px;padding:14px 18px;margin-top:4px}
      .hero{min-height:calc(100svh - 132px);padding:14px 16px 18px;justify-content:center}
      .logo-card img{width:min(430px,74vw)}
      .headline{font-size:clamp(34px,9.4vw,48px);line-height:.96;margin:10px auto 8px;max-width:95vw}
      .subhead{font-size:clamp(15px,4.1vw,18px);line-height:1.16;max-width:92vw}
      .actions{margin-top:14px}
      .btn{max-width:360px;min-height:54px;font-size:19px;padding:13px 22px;border-radius:15px}
      .system-section{margin-top:72px}
    }
    @media(max-width:430px){
      .topbar{padding:10px 10px 2px}
      .nav{gap:7px 16px}
      .nav a{font-size:16px;padding:7px 7px}
      .nav .call{width:78%;max-width:310px;font-size:18px;padding:12px 16px;margin-top:3px}
      .hero{min-height:calc(100svh - 118px);padding:10px 12px 16px;justify-content:center}
      .logo-card img{width:min(320px,72vw)}
      .headline{font-size:clamp(30px,9.1vw,38px);line-height:.97;margin:8px auto 7px;letter-spacing:-.045em}
      .subhead{font-size:clamp(14px,3.75vw,16px);line-height:1.14;max-width:94vw}
      .actions{margin-top:12px}
      .btn{max-width:300px;min-height:50px;font-size:18px;padding:12px 18px}
      .system-section{margin-top:72px}
    }
	    @media(max-width:430px) and (max-height:700px){
	      .nav a{font-size:15px}
	      .nav .call{font-size:17px;min-height:auto;padding:11px 14px}
	      .hero{min-height:calc(100svh - 110px);padding-top:6px;padding-bottom:12px}
	      .logo-card img{width:min(290px,68vw)}
	      .headline{font-size:clamp(28px,8.5vw,34px);margin-top:6px;margin-bottom:6px}
	      .subhead{font-size:13.5px;line-height:1.12}
	      .actions{margin-top:10px}
	      .btn{min-height:48px;font-size:17px}
	    }
	    @media(max-width:860px){
	      .logo-card img{width:min(620px,94vw)!important}
	    }
	    @media(max-width:430px){
	      .logo-card img{width:min(520px,92vw)!important}
	    }
	    @media(max-width:430px) and (max-height:700px){
	      .logo-card img{width:min(460px,90vw)!important}
	    }
  
    @media(max-width:700px){.system-card > div[style*="grid-template-columns:repeat(2,1fr)"]{grid-template-columns:1fr!important}}