:root{--navy:#092d3c;--blue:#195c78;--green:#b8dfc5;--mint:#eaf8ef;--cream:#fbf8f1;--ink:#10272e;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font:16px/1.5 Inter,Arial,sans-serif}header{height:76px;display:flex;align-items:center;justify-content:space-between;max-width:1180px;margin:auto;padding:0 24px}header>a:last-child{color:var(--ink);text-decoration:none;border-bottom:1px solid}.brand{font-size:24px;font-weight:900;letter-spacing:-1px;color:var(--navy);text-decoration:none}.brand span{color:#3c9a65}main{overflow:hidden}.hero{min-height:650px;max-width:1180px;margin:auto;padding:70px 24px 90px;display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:center}.pill{display:inline-block;padding:8px 14px;border:1px solid #8eb89c;border-radius:99px;color:#286444;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.pill.light{border-color:#89b9ca;color:#d9f5ff}h1{font:800 clamp(54px,7vw,92px)/.92 Georgia,serif;letter-spacing:-.05em;margin:24px 0}h1 em{color:#3c9a65;font-style:italic}.lead{font-size:20px;max-width:590px;color:#425b63}.button{display:inline-flex;justify-content:center;align-items:center;border:1px solid #174a37;border-radius:14px;padding:16px 24px;background:#2e8b57;color:#fff;font-weight:800;text-decoration:none;box-shadow:0 5px 0 #174a37;cursor:pointer;transition:.15s}.button:hover{transform:translateY(-2px);box-shadow:0 7px 0 #174a37}.button:active{transform:translateY(3px);box-shadow:0 2px 0 #174a37}.button:disabled{opacity:.45;cursor:not-allowed;transform:none}.secondary{background:var(--white);color:var(--navy);border-color:#9bb2ba;box-shadow:0 4px 0 #9bb2ba;width:100%}.facts{display:flex;gap:30px;margin-top:40px;flex-wrap:wrap}.facts span{font-size:13px;color:#64777c}.facts b{display:block;color:var(--navy);font-size:19px}.visual{height:470px;position:relative}.card,.pack{position:absolute;border-radius:28px;box-shadow:0 30px 70px #1237}.card{width:310px;height:390px;left:50%;top:50%;transform:translate(-50%,-50%) rotate(12deg);background:#bddfc9}.c2{transform:translate(-50%,-50%) rotate(-7deg);background:#d8e8bc}.pack{width:310px;height:390px;left:50%;top:50%;transform:translate(-50%,-50%);background:linear-gradient(155deg,#174d62,#092d3c);color:#fff;padding:42px;display:flex;flex-direction:column;justify-content:flex-end}.pack small{position:absolute;top:38px;letter-spacing:.2em}.pack strong{font:800 130px/1 Georgia}.pack span{font-size:22px}.why{background:var(--white);display:grid;grid-template-columns:1fr 1fr;gap:1px}.why>div{padding:72px max(24px,calc((100vw - 1180px)/2));padding-right:7vw}.why>div+div{background:var(--mint);padding-left:7vw}.why span{color:#3c9a65;font-weight:900}.why h2,.order h2{font:700 40px/1.1 Georgia;margin:12px 0 22px}.why p{max-width:500px;color:#4d6268}.order{background:var(--navy);color:#fff;padding:100px max(24px,calc((100vw - 1180px)/2));display:grid;grid-template-columns:.85fr 1.15fr;gap:80px}.order-copy p,.order-copy li{color:#c5d9df}.order-copy li{margin:9px 0}form{background:#fff;color:var(--ink);padding:34px;border-radius:24px;box-shadow:0 30px 80px #0005}label{display:block;font-weight:700;margin:0 0 18px}input,select{display:block;width:100%;margin-top:7px;border:1px solid #b7c5c9;border-radius:11px;padding:14px;font:inherit;background:#fff;color:var(--ink)}input:focus,select:focus{outline:3px solid #b8dfc577;border-color:#3c9a65}.grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.options{position:relative;margin-top:-14px;z-index:2}.option{display:block;width:100%;text-align:left;border:1px solid #d3dfe2;border-top:0;padding:11px;background:#fff;cursor:pointer}.summary{margin:22px 0;border:1px solid #d9e3e5;border-radius:14px;padding:14px}.summary>div{display:flex;justify-content:space-between;padding:8px}.summary .total{border-top:1px solid #d9e3e5;margin-top:6px;padding-top:14px;font-size:18px}.consent{display:flex;gap:10px;font-size:13px;font-weight:400}.consent input{width:auto;margin:4px 0 0}.notice{padding:10px 12px;background:#fff3cd;border-radius:8px;margin-bottom:18px;font-size:13px}.order form>.button:last-of-type{width:100%}#status{text-align:center;font-weight:700}footer{padding:28px 24px;display:flex;justify-content:space-between;gap:30px;max-width:1180px;margin:auto;font-size:13px;color:#5b6c70}@media(max-width:800px){.hero{grid-template-columns:1fr;padding-top:35px}.visual{height:390px}.why,.order{grid-template-columns:1fr}.why>div,.why>div+div{padding:50px 24px}.order{padding:70px 24px;gap:36px}.grid{grid-template-columns:1fr}form{padding:22px}footer{flex-direction:column}h1{font-size:56px}}