:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:#ecf5ed;background:#0b1713;font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}a{color:inherit;text-decoration:none}button,select{font:inherit}button{cursor:pointer}
.header{max-width:1220px;margin:auto;padding:19px 28px;display:flex;gap:32px;align-items:center;justify-content:space-between;border-bottom:1px solid #294236}
.brand{display:flex;gap:10px;align-items:center;font-weight:800;letter-spacing:-.055em;font-size:24px}.brand img{object-fit:contain}.brand .accent{color:#9ddaaf}
nav{display:flex;gap:28px;font-size:13px;color:#b9c8be}nav a:hover{color:white}.navcta{font-size:13px;border:1px solid #496753;border-radius:30px;padding:11px 17px}
main{overflow:hidden}.hero,.offers,.invoice-section,.final-cta{max-width:1220px;margin:auto;padding:90px 28px}
.hero{position:relative;isolation:isolate}.hero:before{content:"";position:absolute;z-index:-1;right:-190px;top:-200px;width:690px;height:690px;border-radius:50%;background:radial-gradient(circle,#225e3caa,transparent 66%);filter:blur(12px)}.eyebrow{font-size:11px;letter-spacing:.22em;font-weight:800;color:#83cca0}.hero h1{letter-spacing:-.074em;font-size:clamp(46px,7vw,88px);max-width:920px;line-height:1.04;margin:27px 0}.hero em{color:#b2eac3;font-style:normal}.hero>p{max-width:640px;color:#b6c9bc;line-height:1.75;font-size:17px}
.hero-actions{display:flex;align-items:center;gap:22px;margin-top:30px}.action{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;background:#ade6b6;color:#143722;font-weight:750;border-radius:12px;padding:15px 20px;font-size:14px}.action:hover{background:#c8f4cd}.quiet{font-size:14px;color:#c8d7ce}
.notice{display:flex;gap:13px;max-width:820px;align-items:flex-start;margin-top:58px;padding:17px 20px;background:#132a20;border:1px solid #365542;border-radius:12px;color:#bfcfc2;font-size:13px;line-height:1.6}.dot{margin-top:7px;background:#98d39e;width:8px;height:8px;flex-shrink:0;border-radius:50%}.notice strong{color:white}
.section-title{display:flex;gap:32px;justify-content:space-between;align-items:end;margin-bottom:25px}.section-title h2{font-size:clamp(31px,4.7vw,51px);letter-spacing:-.06em;line-height:1.1;margin:12px 0}.section-title p{max-width:375px;color:#b0c5b5;line-height:1.65;font-size:13px}
.switch{display:inline-flex;border:1px solid #3b5b47;background:#11231b;padding:5px;border-radius:13px;margin:20px 0 25px;gap:3px}.switch button{border:0;background:none;color:#a4bdac;border-radius:10px;padding:12px 17px;font-size:13px}.switch button[aria-pressed=true]{background:#d1edcd;color:#16412b;font-weight:750}
.offer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.plan{border:1px solid #344f3c;border-radius:17px;background:#12221a;overflow:hidden;display:flex;flex-direction:column;min-width:0;transition:border-color .2s,transform .2s}.plan:hover{border-color:#85c19a;transform:translateY(-3px)}.plan.featured{border-color:#8ccea0;background:linear-gradient(#1c3b29,#12221a 44%)}
.plan-image{height:164px;overflow:hidden;position:relative;background:#24392a}.plan-image img{width:100%;height:100%;object-fit:cover;display:block;opacity:.91}.plan-image .pill{position:absolute;top:13px;left:13px;background:#0e231cd9;color:#d3e9d5;border:1px solid #ffffff30;font-size:10px;letter-spacing:.1em;border-radius:99px;padding:7px 11px}.plan-inner{display:flex;flex-direction:column;flex:1;padding:24px}.plan h3{font-size:28px;letter-spacing:-.05em;margin:0 0 5px}.plan .amount{font-size:36px;font-weight:800;letter-spacing:-.05em;margin:7px 0}.plan .period{font-size:13px;font-weight:500;color:#bacdbc;letter-spacing:0}.plan .activation{font-size:12px;color:#a8dfb7;min-height:21px}.plan .desc{font-size:13px;line-height:1.65;color:#c1d0c4;min-height:44px;margin:17px 0}.plan ul{list-style:none;margin:0;padding:17px 0 24px;display:grid;gap:12px;border-top:1px solid #2e4939}.plan li{font-size:12px;color:#d4e2d6;display:flex;gap:9px;line-height:1.5}.plan li:before{content:"✓";color:#a7e9b9;font-weight:900}.plan-actions{margin-top:auto;display:flex;gap:9px;flex-wrap:wrap}.plan-actions a{font-size:12px;padding:11px 14px;border:1px solid #4b6c53;border-radius:9px;flex:1;text-align:center}.plan-actions .primary{background:#b8e7b9;color:#183c2b;border-color:transparent;font-weight:700}.scope-note{color:#abc4b0;font-size:12px;line-height:1.7;margin-top:20px}
.invoice-section{padding-top:55px}.invoice-tools{display:flex;gap:15px;align-items:end;flex-wrap:wrap;margin:18px 0 27px}.invoice-tools label{display:flex;flex-direction:column;font-size:11px;font-weight:700;letter-spacing:.04em;color:#b9d1bd;gap:9px;min-width:200px}.invoice-tools select{background:#182b20;color:white;border:1px solid #4e7057;padding:11px 14px;border-radius:9px}.invoice-tools button{background:transparent;color:#d0e8d3;border:1px solid #64826b;border-radius:9px;padding:12px 15px;font-size:12px}
.invoice{max-width:830px;margin:auto;background:white;color:#163729;border-radius:16px;overflow:hidden;box-shadow:0 32px 80px #0007}.invoice-head{padding:36px 42px;background:#103b2a;color:white;display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.invoice-logo{display:flex;align-items:center;gap:10px;font-size:23px;font-weight:800;letter-spacing:-.055em}.invoice-logo span{display:flex;flex-direction:column}.invoice-logo small{font-size:11px;letter-spacing:.06em;color:#c3dac7;font-weight:400}.invoice-head h3{font-size:39px;letter-spacing:-.05em;margin:28px 0 5px}.invoice-head p{margin:0;color:#bfdac6;font-size:13px}.demo-stamp{border:1px solid #8aca9b;color:#d1f4d7;padding:9px 12px;border-radius:6px;letter-spacing:.07em;font-size:10px;text-align:center}
.invoice-body{padding:36px 42px}.invoice-addresses{display:grid;grid-template-columns:1fr 1fr;gap:25px}.invoice-addresses>div{display:flex;flex-direction:column;gap:8px}.invoice-addresses small{font-weight:800;font-size:10px;letter-spacing:.1em;color:#5f8067}.invoice-addresses strong{font-size:15px}.invoice-addresses p{margin:0;font-size:12px;line-height:1.7;color:#54675b}.invoice-metadata{border-top:1px solid #d9e7da;border-bottom:1px solid #d9e7da;margin:33px 0 25px;display:flex;flex-wrap:wrap;gap:12px 20px;padding:13px 0;font-size:11px;color:#53735a}.invoice-metadata strong{color:#183e29}.invoice table{border-collapse:collapse;width:100%;font-size:12px}.invoice th,.invoice td{text-align:left;padding:12px 5px;border-bottom:1px solid #dce9df}.invoice th{font-size:11px;color:#3f6f50}.invoice td.right,.invoice th.right{text-align:right}.invoice-total{display:flex;justify-content:space-between;align-items:center;background:#e9f6e9;border-radius:9px;padding:18px 20px;margin:28px 0 36px}.invoice-total span{color:#356643;font-size:13px;font-weight:650}.invoice-total strong{font-size:27px;letter-spacing:-.05em}.invoice-foot{border-top:1px solid #dde9e0;padding-top:18px;display:flex;align-items:center;justify-content:space-between;gap:20px}.invoice-foot>span{font-size:10px;line-height:1.5;color:#758778;max-width:460px}.invoice-foot strong{font-size:13px}.invoice-foot strong span{color:#4c9464}
.final-cta{text-align:center;padding-bottom:125px}.final-cta h2{font-size:clamp(32px,5vw,57px);letter-spacing:-.05em;margin:16px}.final-cta p{color:#c3d8c9;margin:0 auto 27px;max-width:480px}.final-cta .action{display:inline-flex}
footer{max-width:1220px;margin:auto;border-top:1px solid #284336;padding:30px 28px 45px;display:flex;gap:18px;justify-content:space-between;font-size:12px;color:#8eb29a}
@media(max-width:850px){.offer-grid{grid-template-columns:1fr 1fr}.hero,.offers,.invoice-section,.final-cta{padding:62px 21px}.header{padding:16px 21px}.section-title{align-items:start;flex-direction:column;gap:0}.invoice-body{padding:30px 24px}.invoice-head{padding:28px 24px}}
@media(max-width:570px){.header nav{display:none}.header{gap:8px}.navcta{padding:9px 10px;font-size:11px}.brand{font-size:20px}.offer-grid{grid-template-columns:1fr}.hero h1{font-size:43px}.hero-actions{align-items:flex-start;flex-direction:column}.invoice-addresses{grid-template-columns:1fr;gap:26px}.invoice-head{flex-direction:column}.invoice-foot{flex-direction:column;align-items:flex-start}.invoice-total strong{font-size:23px}.invoice-tools>*{flex:1}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.plan{transition:none}}
@media print{@page{size:A4;margin:10mm}body{background:white}.header,.hero,.offers,.section-title,.invoice-tools,.final-cta,footer{display:none!important}.invoice-section{max-width:none;padding:0;margin:0}.invoice{box-shadow:none;border:1px solid #c5dbcd;width:100%;max-width:none;break-inside:avoid;print-color-adjust:exact;-webkit-print-color-adjust:exact}.invoice-head{background:#103b2a!important;color:white!important}}