:root{--white: #ffffff;--plum: #211922;--red: #e60023;--red-deep: #b9001c;--olive: #62625b;--warm-silver: #91918c;--sand: #e5e5e0;--warm-light: #e0e0d9;--fog: #f6f6f3;--dark: #33332e;--green: #103c25;--font: "Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:var(--white);color:var(--plum);font-family:var(--font);line-height:1.4;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.site-shell{overflow:hidden;background:radial-gradient(circle at 12% 8%,rgba(230,0,35,.08),transparent 28%),linear-gradient(180deg,#fff,#f8f8f4 62%,#fff)}.nav{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:14px clamp(20px,4vw,56px);border-bottom:1px solid rgba(229,229,224,.82);background:#ffffffdb;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand{display:inline-flex;align-items:center;gap:10px;color:var(--plum);font-weight:800}.brand-mark{display:inline-flex;width:34px;height:34px;align-items:center;justify-content:center;border-radius:50%;background:var(--red);color:#fff;font-size:18px;font-weight:800}.nav-links{display:flex;gap:24px;color:var(--olive);font-size:14px;font-weight:700}.nav-links a:hover{color:var(--plum)}.nav-actions{display:flex;flex-shrink:0;align-items:center;gap:8px}.nav-login,.nav-cta,.btn{display:inline-flex;min-height:40px;align-items:center;justify-content:center;border-radius:16px;font-size:14px;font-weight:800;transition:transform .18s ease,background .18s ease}.nav-login{padding:0 14px;background:var(--sand);color:var(--plum)}.nav-cta{padding:0 18px;background:var(--red);color:#fff}.btn{padding:0 24px}.btn:hover,.nav-login:hover,.nav-cta:hover{transform:translateY(-1px)}.btn-primary{background:var(--red);color:#fff}.btn-primary:hover{background:var(--red-deep)}.btn-secondary{background:var(--sand);color:var(--plum)}.btn-light{background:#ffffff2e;color:#fff}.hero-section{display:grid;grid-template-columns:minmax(0,.92fr) minmax(360px,1.08fr);gap:clamp(32px,6vw,84px);align-items:center;max-width:1280px;margin:0 auto;padding:clamp(64px,10vw,126px) clamp(20px,5vw,72px) 80px}.hero-copy{max-width:580px}.eyebrow{margin:0 0 12px;color:var(--red);font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{margin-bottom:22px;color:var(--plum);font-size:clamp(44px,6.7vw,76px);font-weight:800;letter-spacing:-1.2px;line-height:.98}.hero-text{max-width:520px;margin-bottom:28px;color:var(--olive);font-size:17px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:32px}.metric-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:520px}.metric{border:1px solid var(--sand);border-radius:20px;background:#ffffff9e;padding:14px}.metric strong{display:block;color:var(--plum);font-size:20px}.metric span{color:var(--warm-silver);font-size:12px;font-weight:700}.pin-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:start}.pin-card{position:relative;display:flex;min-height:230px;overflow:hidden;align-items:flex-end;border:8px solid #fff;border-radius:28px;background:var(--sand)}.pin-small{min-height:180px}.pin-medium{min-height:260px}.pin-tall{min-height:340px}.pin-red{background:linear-gradient(145deg,#ffdbdf,#e60023)}.pin-red-soft{background:linear-gradient(145deg,#fff0f2,#ff9dac)}.pin-green{background:linear-gradient(145deg,#d7eadf,#103c25)}.pin-sand{background:linear-gradient(145deg,#f9f5e7,#c7bca6)}.pin-plum{background:linear-gradient(145deg,#5d4b5f,#211922)}.pin-gray{background:linear-gradient(145deg,#f0f0ea,#91918c)}.pin-card:nth-child(2),.pin-card:nth-child(5){margin-top:42px}.pin-glow{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 42%,rgba(0,0,0,.52) 100%)}.pin-content{position:relative;z-index:1;padding:18px;color:#fff}.pin-content span{display:block;margin-bottom:4px;font-size:12px;font-weight:800;opacity:.78}.pin-content strong{display:block;font-size:20px}.section{max-width:1180px;margin:0 auto;padding:86px clamp(20px,5vw,72px)}.section-head{max-width:720px;margin-bottom:30px}.section-head.narrow{max-width:620px}h2{margin-bottom:0;color:var(--plum);font-size:clamp(30px,4vw,48px);font-weight:800;letter-spacing:-1px;line-height:1.08}.feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.feature-card{min-height:260px;border:1px solid rgba(229,229,224,.95);border-radius:24px;background:#ffffffbd;padding:22px}.feature-card h3{margin:22px 0 10px;font-size:21px;letter-spacing:-.4px;line-height:1.15}.feature-card p{margin:0;color:var(--olive);font-size:14px}.feature-tag{display:inline-flex;border-radius:16px;background:var(--fog);color:var(--red);padding:6px 10px;font-size:12px;font-weight:900}.split-section{display:grid;grid-template-columns:minmax(0,.95fr) minmax(340px,1.05fr);gap:20px;align-items:stretch}.privacy-panel{border-radius:32px;background:var(--dark);color:#fff;padding:clamp(28px,4vw,48px)}.privacy-panel h2{color:#fff}.privacy-panel p:not(.eyebrow){margin:22px 0 0;color:#d8d8d0}.access-list{display:grid;gap:12px}.access-item{display:grid;grid-template-columns:56px minmax(0,1fr);gap:16px;align-items:start;border:1px solid var(--sand);border-radius:24px;background:#fff;padding:22px}.access-item span{display:inline-flex;width:46px;height:46px;align-items:center;justify-content:center;border-radius:50%;background:var(--sand);color:var(--plum);font-size:13px;font-weight:900}.access-item strong{display:block;margin-bottom:6px;font-size:18px}.access-item p{margin:0;color:var(--olive);font-size:14px}.scenario-grid{display:flex;flex-wrap:wrap;gap:12px}.scenario-grid span{border:1px solid var(--sand);border-radius:20px;background:#fff;padding:14px 18px;color:var(--olive);font-weight:800}.miniapp-section{padding-top:30px}.miniapp-card{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:clamp(24px,5vw,56px);align-items:center;border:1px solid var(--sand);border-radius:40px;background:radial-gradient(circle at 82% 20%,rgba(230,0,35,.12),transparent 34%),#fff;padding:clamp(26px,5vw,52px)}.miniapp-copy h2{max-width:640px}.miniapp-copy p:not(.eyebrow){max-width:580px;margin:18px 0 0;color:var(--olive);font-size:16px}.miniapp-steps{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.miniapp-steps span{display:inline-flex;align-items:center;min-height:34px;border-radius:16px;background:var(--fog);color:var(--plum);padding:0 14px;font-size:13px;font-weight:800}.miniapp-qr-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:32px;background:var(--red);padding:22px;color:#fff}.miniapp-qr-wrap{width:min(220px,100%);aspect-ratio:1;overflow:hidden;border:10px solid #fff;border-radius:28px;background:#fff}.miniapp-qr{display:block;width:100%;height:100%;object-fit:cover}.miniapp-qr-panel span{margin-top:14px;font-size:13px;font-weight:900}.cta-section{display:flex;max-width:1180px;align-items:center;justify-content:space-between;gap:28px;margin:36px auto 86px;border-radius:40px;background:var(--red);color:#fff;padding:clamp(30px,5vw,56px)}.cta-section .eyebrow,.cta-section h2{color:#fff}.cta-copy{min-width:0}.cta-section .cta-copy h2{max-width:680px}.cta-section p:not(.eyebrow){max-width:620px;margin-bottom:0;color:#ffffffd1}.cta-notes{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.cta-notes span{display:inline-flex;align-items:center;min-height:34px;border:1px solid rgba(255,255,255,.24);border-radius:16px;background:#ffffff24;color:#ffffffe0;padding:0 14px;font-size:13px;font-weight:800}.cta-actions{display:flex;flex-shrink:0;flex-wrap:wrap;gap:10px}.cta-section .btn-primary{flex-shrink:0;background:#fff;color:var(--red)}.footer{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;text-align:center;padding:30px clamp(20px,5vw,72px);background:var(--dark);color:#d8d8d0;font-size:13px}.footer-links{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 18px}.footer-links a{color:#d8d8d0}.footer-links a:hover{color:#fff}@media (max-width: 960px){.hero-section,.split-section{grid-template-columns:1fr}.pin-board{order:-1}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.miniapp-card{grid-template-columns:1fr}.miniapp-qr-panel{max-width:310px}}@media (max-width: 720px){.nav{gap:12px}.nav-links{display:none}.hero-section{padding-top:36px}.pin-board{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.pin-card{border-width:5px;border-radius:22px}.pin-card:nth-child(2),.pin-card:nth-child(5){margin-top:0}.pin-tall,.pin-medium,.pin-small{min-height:190px}.metric-row,.feature-grid{grid-template-columns:1fr}.section{padding-block:58px}.cta-section{flex-direction:column;align-items:flex-start}.miniapp-card{border-radius:32px}.miniapp-qr-panel{width:100%;max-width:none}.footer-links{justify-content:center}}