:root{--ink:#15231f;--muted:#6d776f;--line:#e8e1d2;--paper:#fbfaf6;--green:#155c4c;--green2:#0f4037;--gold:#b08a2e;--soft:#f2eee3}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","PingFang SC","Microsoft YaHei",sans-serif;background:var(--paper);color:var(--ink)}a{color:inherit;text-decoration:none}.nav{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,5vw,72px);position:sticky;top:0;background:rgba(251,250,246,.86);backdrop-filter:blur(18px);border-bottom:1px solid rgba(232,225,210,.72);z-index:5}.brand{display:flex;align-items:center;gap:12px;font-weight:750}.mark{width:42px;height:42px;border-radius:13px;background:linear-gradient(135deg,#0f4037,#1f6a58 70%,#c4a052);display:grid;place-items:center;color:#fff;font-size:24px;font-weight:800;box-shadow:0 12px 30px rgba(21,92,76,.18);position:relative}.mark:after{content:"";position:absolute;inset:5px;border:1.5px solid rgba(255,255,255,.82);border-radius:10px}.navlinks{display:flex;gap:24px;font-size:14px;color:var(--muted)}.navlinks a:hover{color:var(--green)}.hero{min-height:calc(100svh - 72px);display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:clamp(30px,6vw,84px);padding:clamp(48px,7vw,96px) clamp(22px,5vw,72px);overflow:hidden}.eyebrow{letter-spacing:.18em;text-transform:uppercase;color:var(--gold);font-size:12px;font-weight:800}.hero h1{font-size:clamp(56px,9vw,132px);line-height:.88;margin:18px 0 22px;letter-spacing:-.06em}.lead{font-size:clamp(17px,2vw,22px);line-height:1.7;color:var(--muted);max-width:620px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}.btn{display:inline-flex;align-items:center;justify-content:center;height:48px;padding:0 22px;border-radius:999px;background:var(--green);color:#fff;font-weight:750;box-shadow:0 18px 36px rgba(21,92,76,.18)}.btn.secondary{background:transparent;color:var(--green);border:1px solid rgba(21,92,76,.26);box-shadow:none}.phone{justify-self:center;width:min(360px,82vw);aspect-ratio:9/19;border-radius:46px;padding:14px;background:#111;box-shadow:0 34px 90px rgba(21,35,31,.20);transform:rotate(2deg);animation:float 5s ease-in-out infinite}.screen{height:100%;border-radius:34px;background:linear-gradient(#fff,#f7f4ec);overflow:hidden;padding:22px}.status{height:12px;width:90px;border-radius:999px;background:#111;margin:0 auto 28px}.app-title{font-size:28px;font-weight:850;margin-bottom:18px}.list{display:grid;gap:12px}.row{display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid #eee7d9}.avatar{width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,#155c4c,#b08a2e);display:grid;place-items:center;color:#fff;font-weight:800}.row b{display:block;font-size:15px}.row span{display:block;color:#7b7b75;font-size:13px;margin-top:4px}.tabs{position:absolute;left:22px;right:22px;bottom:28px;display:flex;justify-content:space-between;color:#6d776f;font-size:11px}.panel{padding:90px clamp(22px,5vw,72px);border-top:1px solid var(--line)}.panel h2{font-size:clamp(34px,5vw,68px);line-height:1;letter-spacing:-.045em;margin:0 0 18px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;border:1px solid var(--line);background:var(--line);margin-top:38px}.feature{background:#fff;padding:30px;min-height:220px}.feature i{font-style:normal;color:var(--gold);font-weight:900}.feature h3{font-size:22px;margin:16px 0 10px}.feature p,.copy p{color:var(--muted);line-height:1.8}.copy{max-width:860px}.split{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;align-items:start}.footer{padding:42px clamp(22px,5vw,72px);display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;border-top:1px solid var(--line);color:var(--muted);font-size:14px;background:#fff}.page{max-width:900px;margin:0 auto;padding:70px 22px 110px}.page h1{font-size:clamp(42px,6vw,72px);letter-spacing:-.05em;line-height:1;margin:0 0 18px}.page h2{margin-top:40px}.page p,.page li{color:var(--muted);line-height:1.85}.notice{background:#fff;border:1px solid var(--line);border-radius:24px;padding:24px;margin:28px 0}.contact{font-weight:800;color:var(--green)}@keyframes float{0%,100%{transform:rotate(2deg) translateY(0)}50%{transform:rotate(1deg) translateY(-14px)}}@media(max-width:860px){.navlinks{display:none}.hero{grid-template-columns:1fr;min-height:auto}.hero h1{font-size:64px}.phone{transform:none}.grid{grid-template-columns:1fr}.split{grid-template-columns:1fr}.panel{padding-top:64px;padding-bottom:64px}}
