:root { --ink:#f8f3e8; --muted:#c5b9a6; --gold:#e7ae4b; --gold-bright:#ffd886; --black:#090806; --line:rgba(232,183,91,.24); }
* { box-sizing:border-box; }
html { background:var(--black); }
body { margin:0; min-height:100vh; background:linear-gradient(135deg,#0a0906,#151009 52%,#080807); color:var(--ink); font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","PingFang SC","Microsoft YaHei",sans-serif; line-height:1.65; }
body.home { background:linear-gradient(rgba(6,5,3,.38),rgba(6,5,3,.64)),url("assets/home-hero-en-v1.png?v=1") center center / cover fixed no-repeat; }
a { color:var(--gold-bright); text-underline-offset:3px; }
.site-header, footer { width:min(1120px,calc(100% - 40px)); margin:auto; display:flex; align-items:center; justify-content:space-between; }
.site-header { min-height:80px; border-bottom:1px solid var(--line); }
.home .site-header { background:rgba(8,6,4,.42); backdrop-filter:blur(10px); }
.brand { display:flex; align-items:center; gap:10px; color:var(--ink); font-weight:800; font-size:1.1rem; text-decoration:none; }
.brand img { width:36px; height:36px; border-radius:10px; box-shadow:0 5px 16px #000; }
.site-header nav { display:flex; gap:20px; }
.site-header nav a { color:var(--muted); font-size:.93rem; text-decoration:none; }
.site-header nav a:hover, .site-header nav a[aria-current=page] { color:var(--gold-bright); }
.home-main { width:min(1440px,100%); margin:auto; }
.home-hero { min-height:clamp(620px,72vh,760px); position:relative; display:flex; align-items:center; overflow:hidden; background:transparent; }
.hero-art { display:none; }
.home-hero::before { content:""; position:absolute; inset:0; background:radial-gradient(circle at 17% 36%,rgba(168,98,31,.23),transparent 31rem); pointer-events:none; z-index:1; }
.home-hero::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(5,4,3,.97) 0%,rgba(5,4,3,.84) 33%,rgba(5,4,3,.22) 65%,rgba(5,4,3,.09)); z-index:1; }
.home-copy { position:relative; z-index:2; width:min(1120px,calc(100% - 40px)); margin:auto; padding-right:54%; }
.eyebrow { margin:0 0 12px; color:var(--gold); font-size:.78rem; font-weight:800; letter-spacing:.15em; text-transform:uppercase; }
h1 { margin:0 0 23px; max-width:600px; font-size:clamp(3rem,6.4vw,5.5rem); line-height:1.04; letter-spacing:-.065em; }
.home-copy > p:not(.eyebrow) { max-width:465px; margin:0; color:var(--muted); font-size:1.15rem; }
.price { display:flex; align-items:baseline; flex-wrap:wrap; gap:11px; margin:28px 0 10px; }
.price strong { color:var(--gold-bright); font-size:1.62rem; }
.price span { color:var(--muted); font-size:.92rem; }
.actions { display:flex; align-items:center; gap:22px; margin-top:27px; }
.button { display:inline-block; background:linear-gradient(135deg,#f7ce76,#c98729); color:#2a1905; border-radius:999px; padding:12px 22px; font-weight:800; text-decoration:none; box-shadow:0 8px 25px rgba(218,150,45,.2); }
.quiet-link { font-weight:700; }
.home-promise { display:grid; grid-template-columns:1fr 1fr; gap:36px; width:min(920px,calc(100% - 40px)); margin:0 auto; padding:56px 0 74px; }
.home-main .home-promise { width:min(1040px,calc(100% - 40px)); margin-top:42px; margin-bottom:48px; padding:34px 38px; border:1px solid var(--line); border-radius:18px; background:rgba(8,6,4,.66); backdrop-filter:blur(12px); }
.home-promise p { margin:0; color:var(--muted); }
.home-promise strong { color:var(--ink); }
footer { padding:28px 0 42px; border-top:1px solid var(--line); color:#8e8271; font-size:.84rem; }
.home footer { background:rgba(8,6,4,.55); }
.document { width:min(1040px,calc(100% - 40px)); margin:0 auto; padding:98px 0 112px; }
.document-intro { max-width:650px; margin-bottom:58px; }
.document h1 { margin:0 0 20px; font-size:clamp(2.9rem,6vw,5rem); }
.document h2 { color:var(--ink); }
.document p { color:var(--muted); }
.lead { max-width:530px; margin:0; font-size:1.2rem; }
.updated { margin:21px 0 0; color:#9e907c !important; font-size:.85rem; }
.policy-grid { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.policy-card,.contact-panel { border:1px solid var(--line); border-radius:18px; background:linear-gradient(135deg,rgba(255,221,143,.07),rgba(255,255,255,.018)); }
.policy-card { min-height:245px; padding:27px 28px; }
.card-number { color:var(--gold); font-size:.75rem; font-weight:800; letter-spacing:.16em; }
.policy-card h2 { margin:32px 0 9px; font-size:1.22rem; }
.policy-card p { margin:0; font-size:.96rem; }
.contact-panel { margin-top:32px; padding:31px 32px; }
.contact-panel .eyebrow { margin-bottom:5px; }
.contact-panel h2 { margin:0 0 7px; font-size:1.5rem; }
.contact-panel p:not(.eyebrow) { margin:0 0 15px; }
.support .button { margin-top:28px; }
.contact { margin:13px 0 0; color:var(--gold-bright) !important; font-size:.92rem; }
.faq-section { display:grid; grid-template-columns:30% 1fr; gap:72px; align-items:start; padding-top:20px; }
.section-label h2 { margin:0; font-size:1.8rem; line-height:1.15; }
.faq-list { border-top:1px solid var(--line); }
.support details { padding:21px 0; border-bottom:1px solid var(--line); }
summary { cursor:pointer; color:var(--ink); font-weight:750; list-style:none; padding-right:32px; position:relative; }
summary::-webkit-details-marker { display:none; }
summary::after { content:"+"; color:var(--gold); font-size:1.45rem; font-weight:400; position:absolute; right:2px; top:-7px; }
details[open] summary::after { content:"−"; }
.support details p { margin:11px 0 0; max-width:650px; }
@media (max-width:740px) { body.home { background-position:62% center; background-attachment:scroll; } .site-header { min-height:70px; } .site-header nav { gap:12px; } .home-hero { min-height:760px; align-items:flex-start; } .home-hero::after { background:linear-gradient(180deg,rgba(5,4,3,.94) 0%,rgba(5,4,3,.7) 43%,rgba(5,4,3,.04) 72%); } .home-copy { width:min(100% - 28px,1120px); padding:56px 0 0; } .home-promise { grid-template-columns:1fr; gap:20px; padding:44px 0 62px; } .home-main .home-promise { width:calc(100% - 28px); margin-top:24px; margin-bottom:30px; padding:27px 24px; } .site-header,footer { width:min(100% - 28px,1120px); } footer { align-items:flex-start; flex-direction:column; gap:12px; } .document { padding:64px 0 80px; } .policy-grid { grid-template-columns:1fr; } .policy-card { min-height:auto; } .faq-section { grid-template-columns:1fr; gap:28px; } }
@media (max-width:520px) { .site-header { width:calc(100% - 24px); } .brand { gap:7px; font-size:.96rem; } .brand img { width:31px; height:31px; } .site-header nav { gap:10px; } .site-header nav a { font-size:.8rem; } .home-copy > p:not(.eyebrow) { font-size:1.05rem; } .actions { gap:16px; flex-wrap:wrap; } .price { margin-top:22px; } }
@media (max-width:430px) { .site-header nav { gap:9px; } .site-header nav a { font-size:.82rem; } h1 { font-size:3.15rem; } .home-hero { min-height:700px; } }