:root{--bg:#f7f7f3;--panel:#fff;--text:#18211d;--muted:#5f6a64;--brand:#183b2a;--brand2:#2a6848;--line:#dce4dd;--alt:#edf3ee;--shadow:0 16px 42px rgba(20,39,28,.09)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--text);background:var(--bg);line-height:1.55}a{text-decoration:none;color:inherit}img{display:block;width:100%;height:auto}.wrap{width:min(1160px,calc(100% - 32px));margin:auto}.site-header{position:sticky;top:0;z-index:20;background:rgba(247,247,243,.93);backdrop-filter:blur(14px);border-bottom:1px solid rgba(24,59,42,.08)}.nav{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 0}.brand{font-size:1.3rem;font-weight:800;color:var(--brand)}nav{display:flex;align-items:center;gap:22px;color:var(--muted);font-size:.96rem}.button{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--brand);background:var(--brand);color:#fff;padding:13px 18px;border-radius:999px;font-weight:700;transition:.2s}.button:hover{transform:translateY(-1px)}.button.small{padding:10px 15px}.button.ghost{background:transparent;color:var(--brand)}.hero{padding:56px 0 42px}.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:38px;align-items:center}.eyebrow{margin:0 0 12px;color:var(--brand2);font-size:.82rem;text-transform:uppercase;letter-spacing:.14em;font-weight:800}.hero h1{font-size:clamp(2.5rem,6vw,4.5rem);line-height:1.04;margin:0 0 18px}.lead{font-size:1.08rem;color:var(--muted);max-width:61ch}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0 12px}.fine{font-size:.9rem;color:var(--muted)}.hero-image,.feature-image,.gallery-grid figure{margin:0;border:1px solid var(--line);border-radius:24px;overflow:hidden;background:#e7ebe7;box-shadow:var(--shadow)}.hero-image{aspect-ratio:4/3}.hero-image img,.feature-image img,.gallery-grid img{height:100%;object-fit:cover}.value{padding-bottom:28px}.value-card{padding:28px 30px;border-radius:22px;background:linear-gradient(135deg,#173b2a,#2d6e4c);color:#fff;box-shadow:var(--shadow)}.value-card h2{margin:0 0 8px;font-size:clamp(1.55rem,3vw,2.1rem)}.value-card p{margin:0;color:rgba(255,255,255,.86)}.section{padding:58px 0}.section.alt{background:var(--alt)}.section-head{max-width:760px;margin-bottom:30px}.section h2,.signup h2{font-size:clamp(1.9rem,4vw,3rem);line-height:1.08;margin:0 0 14px}.section-head p,.concept-grid>div>p,.copy-card p{color:var(--muted)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.steps article,.copy-card{background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:24px;box-shadow:var(--shadow)}.steps span{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#e2eee6;color:var(--brand);font-weight:800}.steps h3{margin:13px 0 7px}.steps p{margin:0;color:var(--muted)}.concept-grid{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center}.specs{padding-left:20px}.specs li{margin:9px 0}.feature-image{aspect-ratio:4/3}.gallery-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.gallery-grid figure{aspect-ratio:4/3}.gallery-grid .gallery-wide{grid-column:1/-1;aspect-ratio:16/8.7}.split{display:grid;grid-template-columns:1fr 1fr;gap:22px}.signup{padding:58px 0 72px}.signup-card{background:linear-gradient(135deg,#173b2a,#285e43);color:#fff;border-radius:26px;padding:34px;box-shadow:var(--shadow)}.signup-card p{color:rgba(255,255,255,.84)}.eyebrow.light{color:#d6e6db}.signup form{max-width:680px;margin-top:22px}.signup label{font-weight:700}.form-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:8px}.form-row input{flex:1 1 300px;min-width:0;padding:14px 15px;border-radius:14px;border:0;font-size:1rem}.signup .button{border-color:#fff}.form-note,.form-status{font-size:.9rem;margin:10px 0 0}.form-status.success{color:#d4ffe0}.form-status.error{color:#ffd5d5}.bot{display:none}footer{background:#fff;border-top:1px solid var(--line);padding:22px 0}.footer-row{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;color:var(--muted);font-size:.9rem}
@media(max-width:900px){.hero-grid,.concept-grid,.split{grid-template-columns:1fr}.steps{grid-template-columns:1fr}.gallery-grid{grid-template-columns:1fr}.gallery-grid .gallery-wide{grid-column:auto;aspect-ratio:4/3}}@media(max-width:700px){.nav{align-items:flex-start;flex-direction:column}nav{flex-wrap:wrap;gap:12px 18px}.hero{padding-top:34px}.section,.signup{padding:44px 0}.wrap{width:min(1160px,calc(100% - 22px))}.value-card,.signup-card{padding:23px}}
