:root{--ink:#09261f;--muted:#5c716b;--line:#dbe7e2;--paper:#f7fbf9;--white:#fff;--brand:#11a36a;--brand-dark:#087c4f;--navy:#07372c;--shadow:0 18px 55px rgba(6,50,40,.11)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--white);line-height:1.6}.wrap{max-width:1120px;margin:auto;padding:0 24px}.header{height:76px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);font-weight:800;font-size:1.2rem;text-decoration:none;letter-spacing:-.04em}.mark{width:32px;height:32px;border-radius:10px;background:var(--brand);color:#fff;display:grid;place-items:center;font-weight:900;box-shadow:0 6px 16px #11a36a55}nav{display:flex;gap:26px;align-items:center}nav a,.text-link{color:var(--muted);text-decoration:none;font-size:.93rem;font-weight:600}nav a:hover,.text-link:hover{color:var(--brand-dark)}.button{display:inline-flex;align-items:center;justify-content:center;background:var(--brand);color:#fff;text-decoration:none;border:0;border-radius:9px;padding:12px 18px;font-weight:750;font-size:.92rem;cursor:pointer}.button:hover{background:var(--brand-dark)}.button.ghost{background:transparent;color:var(--ink);border:1px solid var(--line)}.hero{padding:88px 0 78px;background:radial-gradient(circle at 80% 20%,#d8f6e8 0,transparent 31%),linear-gradient(135deg,#f7fcf9,#fff)}.eyebrow{display:inline-block;color:var(--brand-dark);background:#dff8eb;padding:6px 11px;border-radius:99px;font-weight:750;font-size:.78rem;letter-spacing:.02em}.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:50px;align-items:center}.hero h1{font-size:clamp(2.7rem,5vw,4.6rem);line-height:1.04;letter-spacing:-.065em;margin:17px 0 20px;max-width:720px}.lead{color:var(--muted);font-size:1.15rem;max-width:610px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.code-card{background:#08392e;border-radius:18px;padding:22px;color:#d9f5e8;box-shadow:var(--shadow);font:13px/1.75 ui-monospace,SFMono-Regular,Consolas,monospace;overflow:auto}.code-card .green{color:#70e6af}.code-card .yellow{color:#f7d77b}.code-label{font:700 11px/1 Inter,sans-serif;letter-spacing:.1em;color:#9fceb9;margin-bottom:14px}.trust{display:flex;gap:22px;flex-wrap:wrap;margin-top:38px;color:var(--muted);font-size:.86rem;font-weight:650}.trust span:before{content:"✓";color:var(--brand);font-weight:900;margin-right:7px}section{padding:84px 0}.section-kicker{font-size:.82rem;font-weight:800;color:var(--brand-dark);letter-spacing:.08em;text-transform:uppercase}.section-title{font-size:clamp(2rem,3.5vw,3rem);letter-spacing:-.05em;line-height:1.1;margin:10px 0 15px}.section-intro{color:var(--muted);max-width:660px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:34px}.card{padding:25px;border:1px solid var(--line);border-radius:15px;background:#fff}.icon{width:40px;height:40px;display:grid;place-items:center;border-radius:10px;background:#e6f8ef;color:var(--brand-dark);font-weight:900;margin-bottom:18px}.card h3{margin:0 0 7px;font-size:1.05rem;letter-spacing:-.025em}.card p{margin:0;color:var(--muted);font-size:.94rem}.band{background:var(--paper)}.steps{counter-reset:step;display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:35px}.step:before{counter-increment:step;content:"0" counter(step);font-size:2.5rem;font-weight:850;color:#b6ddca;letter-spacing:-.08em}.step h3{margin:5px 0}.step p{color:var(--muted);margin:0}.split{display:grid;grid-template-columns:1fr 1fr;gap:58px;align-items:center}.list{padding:0;margin:22px 0;list-style:none}.list li{border-bottom:1px solid var(--line);padding:12px 0;color:var(--muted)}.list li:before{content:"→";margin-right:10px;color:var(--brand);font-weight:bold}.notice{background:#fff6da;border:1px solid #f3dd92;color:#705b18;padding:15px 17px;border-radius:10px;font-size:.9rem}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:30px}.post{border:1px solid var(--line);border-radius:15px;padding:24px;text-decoration:none;color:inherit}.post:hover{box-shadow:0 10px 35px rgba(6,50,40,.08)}.post small{color:var(--brand-dark);font-weight:800}.post h3{line-height:1.25;letter-spacing:-.03em;margin:10px 0}.post p{color:var(--muted);font-size:.9rem;margin:0}.cta{background:var(--navy);color:white;border-radius:22px;padding:50px;display:flex;justify-content:space-between;gap:30px;align-items:center}.cta h2{font-size:2.25rem;letter-spacing:-.05em;line-height:1.1;margin:0 0 10px}.cta p{color:#b9d8cc;margin:0;max-width:570px}.cta .button{background:#56d89b;color:#063223}.contact{display:grid;grid-template-columns:.8fr 1.2fr;gap:55px}.form{display:grid;gap:14px}.form label{font-size:.86rem;font-weight:700}.form input,.form textarea{width:100%;padding:12px;border:1px solid var(--line);border-radius:8px;font:inherit}.form textarea{min-height:112px;resize:vertical}.form-note{font-size:.8rem;color:var(--muted);margin:0}.footer{border-top:1px solid var(--line);padding:35px 0;color:var(--muted);font-size:.86rem}.footer-row{display:flex;justify-content:space-between;gap:20px;align-items:center}.footer-links{display:flex;gap:18px;flex-wrap:wrap}.footer a{color:inherit;text-decoration:none}.legal{max-width:760px;padding:70px 24px}.legal h1{letter-spacing:-.05em;line-height:1.1}.legal h2{margin-top:38px;letter-spacing:-.03em}.legal p,.legal li{color:var(--muted)}.article{max-width:760px;padding:55px 24px}.article h1{font-size:clamp(2.2rem,5vw,3.7rem);line-height:1.08;letter-spacing:-.06em}.article h2{margin-top:40px;letter-spacing:-.04em}.article p,.article li{color:var(--muted)}.article pre{background:#08392e;color:#ddf8e9;padding:18px;border-radius:10px;overflow:auto}@media(max-width:800px){nav a:not(.button){display:none}.hero{padding:55px 0}.hero-grid,.split,.contact{grid-template-columns:1fr;gap:32px}.cards,.steps,.blog-grid{grid-template-columns:1fr}.code-card{order:-1}.cta{display:block;padding:34px}.cta .button{margin-top:20px}.footer-row{display:block}.footer-links{margin-top:13px}.header{height:66px}}
