:root{--c1:#224C4D;--c2:#F2E9D8;--c3:#D96C3D;--c4:#0F1A1B;--c5:#ffffff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:500 16px "Manrope",system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,"Helvetica Neue",Arial,sans-serif;color:var(--c4);background:#f7f7f7}
a{color:var(--c1);text-decoration:none;transition:.2s}a:hover{opacity:.8}
img{max-width:100%;height:auto;vertical-align:middle}
.container{width:100%;max-width:1120px;margin:0 auto;padding:0 20px}
.row{display:flex;flex-wrap:wrap;gap:24px}.col{flex:1 1 0}.col-6{flex:0 0 calc(50% - 12px)}.col-4{flex:0 0 calc(33.333% - 16px)}
.header{background:linear-gradient(135deg,var(--c1),#173637);color:var(--c5)}
.nav{display:flex;align-items:center;justify-content:space-between;padding:14px 0}
.brand{font-weight:800;letter-spacing:.5px}
.menu{display:flex;gap:18px;flex-wrap:wrap}
.menu a{color:var(--c5);padding:6px 10px;border-radius:8px}
.menu a.is-primary{background:var(--c3);color:var(--c5)}
.hero{position:relative;color:var(--c5);background:#0b1415}
.hero .wrap{display:flex;gap:32px;align-items:center;min-height:72vh}
.hero .text{flex:1}
.hero h1{font-size: clamp(30px,5vw,56px);line-height:1.05;margin:0 0 16px}
.hero p{font-size:clamp(16px,2.2vw,20px);opacity:.95;margin:0 0 20px}
.hero .cta{display:flex;gap:14px;flex-wrap:wrap}
.btn{display:inline-block;padding:12px 18px;border-radius:12px;font-weight:800;border:2px solid transparent}
.btn-1{background:var(--c3);color:var(--c5)}
.btn-2{background:transparent;border-color:var(--c5);color:var(--c5)}
.badge{display:inline-block;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25);padding:6px 10px;border-radius:999px;font-size:13px}
.hero .art{flex:1;position:relative}
.hero .bg{position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,26,27,.15),rgba(15,26,27,.65)),url("../imglib/imgru1.webp") center/cover no-repeat;filter:saturate(1.05) contrast(1.05)}
.card{background:#fff;border:1px solid #e6e6e6;border-radius:16px;padding:22px;box-shadow:0 8px 30px rgba(0,0,0,.05)}
.card.dark{background:var(--c1);color:var(--c5);border-color:transparent}
.section{padding:70px 0}
.kicker{text-transform:uppercase;letter-spacing:.14em;font-weight:800;color:var(--c3);font-size:12px;margin:0 0 10px}
.h2{font-size:clamp(24px,3.2vw,36px);line-height:1.2;margin:0 0 12px;font-weight:900}
.lead{font-size:18px;opacity:.85;margin:0 0 18px}
.feature{display:flex;gap:16px}
.icon{width:46px;height:46px;border-radius:10px;display:grid;place-items:center;background:var(--c2);color:var(--c1)}
.strip{background:var(--c2)}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.form{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.input,.textarea,select{width:100%;padding:14px 14px;border:1px solid #d9d9d9;border-radius:12px;background:#fff;font:inherit}
.textarea{min-height:140px;resize:vertical}
.footer{background:#0d1112;color:var(--c5)}
.footer .inner{display:grid;gap:18px;padding:34px 0}
.small{font-size:14px;opacity:.8}
.note{font-size:13px;opacity:.7}
.notice{background:linear-gradient(135deg,var(--c2),#fff);border:1px dashed #e1c7b0;border-radius:16px;padding:18px}
.banner{background:radial-gradient(1100px 280px at 10% -20%,rgba(217,108,61,.35),transparent),radial-gradient(800px 240px at 120% -20%,rgba(34,76,77,.35),transparent)}
@media (max-width:880px){.col-6,.col-4{flex:1 1 100%}.grid-2,.grid-3{grid-template-columns:1fr}.form{grid-template-columns:1fr}.hero .wrap{flex-direction:column-reverse;justify-content:center;min-height:70vh}}