:root { --navy:#07162c; --blue:#0a5bd8; --cyan:#24b8d8; --green:#20a36f; --amber:#ef9f28; --ink:#11253c; --soft:#60758a; --line:#dce6ef; --surface:#f4f8fc; --white:#fff; --shadow:0 24px 70px rgba(8,31,62,.12); }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:white; font-family:Inter,"Segoe UI","Microsoft YaHei",Arial,sans-serif; -webkit-font-smoothing:antialiased; }
a { color:inherit; text-decoration:none; }
.guide-shell { width:min(1120px,calc(100% - 48px)); margin:0 auto; }
.skip-link { position:fixed; top:-60px; left:18px; z-index:1000; padding:10px 15px; color:white; background:var(--blue); border-radius:8px; }.skip-link:focus{top:14px;}
.guide-header { position:sticky; top:0; z-index:20; background:rgba(255,255,255,.92); border-bottom:1px solid var(--line); backdrop-filter:blur(16px); }
.header-inner { display:flex; height:70px; align-items:center; }
.brand { display:flex; align-items:center; gap:10px; }.brand>span { display:grid; width:38px; height:38px; color:white; background:linear-gradient(145deg,var(--blue),#0c88ed); border-radius:10px; font-size:14px; font-weight:900; place-items:center; }.brand div{display:grid;gap:1px}.brand strong{font-size:17px}.brand small{color:#718499;font-size:9px;letter-spacing:.05em}
.guide-header nav { display:flex; margin-left:auto; gap:26px; }.guide-header nav a{color:#445b72;font-size:11px;font-weight:750}.header-cta{display:inline-flex;height:39px;margin-left:27px;padding:0 15px;color:white;background:var(--blue);border-radius:9px;font-size:11px;font-weight:850;align-items:center;gap:9px}
.guide-hero { padding:82px 0 86px; background:radial-gradient(circle at 83% 22%,rgba(36,184,216,.16),transparent 29%),linear-gradient(180deg,#f7fbff,white); border-bottom:1px solid #e6edf4; }
.hero-grid { display:grid; grid-template-columns:1fr .85fr; gap:90px; align-items:center; }.eyebrow,.section-title>span{display:inline-flex;color:var(--blue);font-size:10px;font-weight:900;letter-spacing:.15em;align-items:center;gap:9px}.eyebrow::before,.section-title>span::before{width:25px;height:2px;background:currentColor;content:""}
.hero-grid h1{margin:20px 0 22px;color:var(--navy);font-size:54px;line-height:1.08;letter-spacing:-.055em}.hero-grid h1 em{color:var(--blue);font-style:normal}.hero-grid>div>p{max-width:590px;margin:0;color:var(--soft);font-size:15px;line-height:1.9}
.hero-actions{display:flex;margin-top:31px;gap:11px}.button{display:inline-flex;min-height:48px;padding:0 20px;border:1px solid transparent;border-radius:10px;font-size:12px;font-weight:850;align-items:center;justify-content:center;gap:12px}.primary{color:white;background:linear-gradient(105deg,var(--blue),#1477ed);box-shadow:0 13px 28px rgba(10,91,216,.22)}.secondary{background:white;border-color:#cedceb;color:#304b65}
.flow-card{padding:28px;background:white;border:1px solid #d9e5ef;border-radius:18px;box-shadow:var(--shadow)}.flow-head{display:flex;align-items:center;justify-content:space-between}.flow-head span{color:#70859a;font-size:9px;font-weight:800}.flow-head strong{padding:6px 9px;color:#087a56;background:#e4f7ee;border-radius:999px;font-size:9px}.flow-card ol{display:grid;margin:24px 0 18px;padding:0;grid-template-columns:repeat(2,1fr);gap:10px;list-style:none}.flow-card li{display:flex;min-height:66px;padding:13px;background:#f4f8fc;border-radius:10px;align-items:center;gap:11px}.flow-card li b{display:grid;min-width:28px;height:28px;color:white;background:var(--blue);border-radius:8px;font-size:9px;place-items:center}.flow-card li span{font-size:11px;font-weight:780}.flow-card>small{color:#7c90a4;font-size:9px;line-height:1.6}
.guide-section{padding:96px 0}.section-title{max-width:760px;margin:0 auto 46px;text-align:center}.section-title.left{margin:0;text-align:left}.section-title h2{margin:16px 0 14px;color:var(--navy);font-size:40px;line-height:1.2;letter-spacing:-.04em}.section-title p{margin:0;color:var(--soft);font-size:13px;line-height:1.8}
.steps{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.steps article{display:flex;min-height:230px;padding:27px;background:var(--surface);border:1px solid #e1eaf2;border-radius:14px;gap:17px}.step-no{display:grid;min-width:35px;height:35px;color:var(--blue);background:#e3eeff;border-radius:9px;font-size:9px;font-weight:900;place-items:center}.steps h3,.review-steps h3{margin:2px 0 11px;font-size:18px}.steps p,.review-steps p{margin:0;color:var(--soft);font-size:11px;line-height:1.8}.steps small{display:block;margin-top:17px;padding-top:14px;color:#7c8fa2;border-top:1px solid #dce6ef;font-size:9px;line-height:1.65}
.review-section{color:white;background:linear-gradient(130deg,var(--navy),#0b3157)}.review-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:30px 70px;align-items:start}.review-section .section-title h2{color:white}.review-section .section-title>span{color:#67d4e8}.review-section .section-title p{color:#a9c0d5}.legend-card{padding:25px;background:rgba(255,255,255,.07);border:1px solid rgba(170,207,239,.15);border-radius:14px}.legend-card>div{display:flex;margin-bottom:14px;align-items:center;gap:12px}.legend-card i{display:block;min-width:18px;height:18px;border:3px solid var(--blue);border-radius:4px}.legend-card i.amber{border-color:var(--amber)}.legend-card span{color:#b4c8da;font-size:10px;line-height:1.6}.legend-card strong{display:block;color:white;font-size:12px}.legend-card small{display:block;padding-top:14px;color:#8da6bc;border-top:1px solid rgba(255,255,255,.1);font-size:9px;line-height:1.7}.review-steps{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.review-steps article{display:flex;min-height:190px;padding:22px;background:white;border-radius:13px;color:var(--ink);gap:12px}.review-steps article>b{display:grid;min-width:27px;height:27px;color:white;background:var(--blue);border-radius:8px;font-size:9px;place-items:center}.review-steps h3{font-size:14px}.review-steps p{font-size:10px}
.approval-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:14px}.approval-flow article{min-height:180px;padding:27px;background:var(--surface);border:1px solid #dfe9f2;border-radius:14px}.approval-flow article>span{color:var(--blue);font-size:9px;font-weight:900}.approval-flow h3{margin:13px 0 10px;font-size:18px}.approval-flow p{margin:0;color:var(--soft);font-size:11px;line-height:1.75}.approval-flow>i{color:#9eb0c2;font-size:24px;font-style:normal}.package-box{display:grid;margin-top:22px;padding:31px;color:white;background:linear-gradient(120deg,var(--navy),#0a3b68);border-radius:16px;grid-template-columns:.7fr 1.3fr;gap:15px 40px}.package-box>div>span{color:#66d2e8;font-size:8px;font-weight:900;letter-spacing:.12em}.package-box h3{margin:10px 0 0;font-size:24px}.package-box ul{display:grid;margin:0;padding:0;grid-template-columns:repeat(2,1fr);gap:10px 20px;list-style:none}.package-box li{color:#c4d6e7;font-size:9px}.package-box li::before{margin-right:7px;color:#72dfc4;content:"✓"}.package-box>p{grid-column:1/-1;margin:4px 0 0;padding-top:14px;color:#91a9bf;border-top:1px solid rgba(255,255,255,.12);font-size:9px}
.safety-section{background:var(--surface)}.safety-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:70px}.safety-list{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.safety-list article{min-height:160px;padding:23px;background:white;border:1px solid #dde7f0;border-radius:13px}.safety-list strong{display:inline-flex;padding:5px 8px;color:#087a56;background:#e2f6ed;border-radius:999px;font-size:9px}.safety-list .danger strong{color:#a13c34;background:#fde9e7}.safety-list p{margin:15px 0 0;color:var(--soft);font-size:10px;line-height:1.75}
.faq-section{padding:90px 0}.faq-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.faq-grid details{padding:21px 23px;background:white;border:1px solid var(--line);border-radius:12px}.faq-grid summary{cursor:pointer;font-size:12px;font-weight:800}.faq-grid p{margin:13px 0 0;color:var(--soft);font-size:10px;line-height:1.75}
.bottom-cta{padding:62px 0;color:white;background:linear-gradient(120deg,#0a5bd8,#087ea2)}.bottom-cta>.guide-shell{display:flex;align-items:center;justify-content:space-between;gap:40px}.bottom-cta span{color:#bfeef5;font-size:9px;font-weight:850;letter-spacing:.12em}.bottom-cta h2{margin:8px 0 9px;font-size:30px;letter-spacing:-.035em}.bottom-cta p{margin:0;color:#d5eef6;font-size:11px}.button.light{min-width:180px;color:var(--navy);background:white}.button.light span{color:var(--navy)}
footer{padding:25px 0;color:#91a7bb;background:var(--navy);font-size:8px}footer>.guide-shell{display:flex;align-items:center;justify-content:space-between}footer a{color:white}
@media(max-width:900px){.guide-header nav{display:none}.guide-shell{width:min(100% - 34px,720px)}.hero-grid,.review-grid,.safety-grid{grid-template-columns:1fr}.hero-grid{gap:50px}.steps{grid-template-columns:1fr}.review-steps{grid-template-columns:repeat(2,1fr)}.package-box{grid-template-columns:1fr}.approval-flow{grid-template-columns:1fr}.approval-flow>i{transform:rotate(90deg);text-align:center}.bottom-cta>.guide-shell{align-items:flex-start;flex-direction:column}.section-title.left{margin:0 0 30px}.header-cta{margin-left:auto}}
@media(max-width:620px){.guide-shell{width:calc(100% - 28px)}.brand small{display:none}.header-cta{padding:0 12px}.guide-hero{padding:58px 0}.hero-grid h1{font-size:40px}.hero-actions{flex-direction:column}.button{width:100%}.flow-card ol,.review-steps,.safety-list,.faq-grid,.package-box ul{grid-template-columns:1fr}.guide-section{padding:72px 0}.section-title h2{font-size:32px}.steps article{min-height:0}.review-steps article{min-height:150px}.bottom-cta h2{font-size:27px}footer>.guide-shell{text-align:center;flex-direction:column;gap:9px}}