:root { --background:#f4f7fb; --foreground:#111827; --ink:#0d1728; --muted:#667085; --line:#dce3ec; --accent:#ff304f; --accent-dark:#df1738; --card:#fff; --radius:1rem; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--background); color:var(--foreground); font-family:Arial,Helvetica,sans-serif; }
a { color:inherit; text-decoration:none; }
.hero-shell { min-height:550px; color:#fff; background:radial-gradient(circle at 84% 16%,rgb(66 177 255 / 30%),transparent 26rem),linear-gradient(135deg,#0b1424 0%,#13233b 62%,#102f4b 100%); overflow:hidden; position:relative; }
.hero-shell::after { content:''; position:absolute; inset:auto -7rem -11rem auto; width:29rem; height:29rem; border:1px solid rgb(255 255 255 / 14%); border-radius:50%; box-shadow:0 0 0 4rem rgb(255 255 255 / 3%),0 0 0 8rem rgb(255 255 255 / 2%); }
.topbar { width:min(1120px,calc(100% - 40px)); margin:0 auto; height:82px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid rgb(255 255 255 / 12%); position:relative; z-index:1; }
.topbar-actions { display:flex; align-items:center; gap:10px; }
.brand { display:flex; gap:10px; align-items:center; font-weight:700; letter-spacing:-.01em; }
.brand-mark { display:grid; place-items:center; width:35px; height:35px; color:#fff; background:var(--accent); border-radius:11px; transform:rotate(-4deg); }
.privacy-pill { display:flex; align-items:center; gap:7px; color:#d3eaff; font-size:13px; padding:8px 12px; border:1px solid rgb(155 216 255 / 23%); border-radius:999px; background:rgb(7 17 31 / 28%); }
.language-switch { display:flex; align-items:center; gap:3px; padding:4px 5px 4px 9px; color:#d3eaff; border:1px solid rgb(155 216 255 / 23%); border-radius:999px; background:rgb(7 17 31 / 38%); }
.language-switch button { min-width:35px; height:29px; padding:0 8px; color:#bcd1e4; font:800 12px/1 Arial,Helvetica,sans-serif; border:0; border-radius:999px; background:transparent; cursor:pointer; }
.language-switch button.active { color:#fff; background:var(--accent); box-shadow:0 5px 13px rgb(255 48 79 / 25%); }
.hero-copy { width:min(920px,calc(100% - 40px)); margin:0 auto; padding:85px 0 96px; text-align:center; position:relative; z-index:1; }
.eyebrow { display:flex; justify-content:center; align-items:center; gap:9px; margin:0 0 19px; color:#a9dcff; font-size:12px; line-height:1; font-weight:800; letter-spacing:.16em; }
.eyebrow span { width:7px; height:7px; background:var(--accent); border-radius:50%; box-shadow:0 0 0 5px rgb(255 48 79 / 16%); }
.hero-copy h1 { max-width:840px; margin:0 auto; font-size:clamp(38px,6.2vw,68px); line-height:1.02; letter-spacing:-.048em; text-wrap:balance; }
.lede { max-width:690px; margin:25px auto 0; color:#c8d7e8; font-size:18px; line-height:1.65; }
.lede-cn { max-width:650px; margin:6px auto 0; color:#8eabc6; font-size:15px; line-height:1.7; }
.watch-link { display:inline-flex; align-items:center; gap:9px; margin-top:33px; padding:14px 19px; color:#fff; background:var(--accent); border-radius:14px; font-weight:800; box-shadow:0 13px 30px rgb(255 48 79 / 25%); transition:transform .2s ease,background .2s ease; }
.watch-link:hover { transform:translateY(-2px); background:var(--accent-dark); }
.watch-section { padding:86px 20px 95px; text-align:center; overflow:hidden; }
.section-heading { max-width:680px; margin:0 auto 38px; }
.eyebrow.dark { color:#44708f; }
.section-heading h2,.steps-intro h2 { margin:0; color:var(--ink); font-size:clamp(30px,4vw,46px); line-height:1.08; letter-spacing:-.035em; }
.section-heading>p:last-child,.steps-intro>p:last-child { margin:14px 0 0; color:var(--muted); line-height:1.7; }
.video-stage { width:min(500px,100%); margin:0 auto; padding:14px; position:relative; border-radius:34px; background:#0d1728; box-shadow:0 30px 80px rgb(13 23 40 / 22%); }
.tutorial-video { width:100%; display:block; border-radius:24px; background:#0d1728; }
.video-glow { position:absolute; z-index:-1; inset:12% -26% 8%; background:radial-gradient(ellipse,rgb(45 161 239 / 20%),transparent 66%); filter:blur(30px); }
.auto-badge { position:absolute; top:28px; right:28px; display:flex; align-items:center; gap:7px; color:#fff; font-size:12px; font-weight:700; padding:8px 11px; border:1px solid rgb(255 255 255 / 17%); border-radius:999px; background:rgb(9 20 36 / 72%); backdrop-filter:blur(12px); }
.auto-badge span { width:7px; height:7px; border-radius:50%; background:#49e285; box-shadow:0 0 0 4px rgb(73 226 133 / 15%); }
.steps-section { width:min(1120px,calc(100% - 40px)); margin:0 auto; padding:85px 0; border-top:1px solid var(--line); }
.steps-intro { max-width:550px; }
.steps-intro .eyebrow { justify-content:flex-start; }
.step-grid { list-style:none; padding:0; margin:40px 0 0; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:15px; }
.step-card { display:flex; gap:19px; min-height:150px; padding:25px; background:var(--card); border:1px solid var(--line); border-radius:22px; box-shadow:0 10px 35px rgb(23 41 65 / 5%); }
.step-number { flex:0 0 auto; display:grid; place-items:center; width:43px; height:43px; color:#fff; background:var(--ink); border-radius:13px; font-size:13px; font-weight:900; }
.step-card h3 { margin:4px 0 8px; color:var(--ink); font-size:19px; letter-spacing:-.02em; }
.step-card p { margin:0; color:var(--muted); line-height:1.65; }
.note-section { width:min(1120px,calc(100% - 40px)); margin:0 auto; padding:0 0 90px; }
.note-card { display:flex; align-items:flex-start; gap:18px; padding:28px; color:#dbeeff; background:linear-gradient(130deg,#0d1728,#143657); border-radius:24px; }
.note-icon { flex:0 0 auto; display:grid; place-items:center; width:44px; height:44px; color:#fff; background:var(--accent); border-radius:14px; }
.note-card h2 { margin:2px 0 10px; color:#fff; font-size:22px; }
.note-card p { margin:5px 0; max-width:850px; line-height:1.6; }
footer { display:flex; justify-content:space-between; gap:20px; padding:25px max(20px,calc((100% - 1120px) / 2)); color:#7d8999; font-size:13px; border-top:1px solid var(--line); background:#fff; }
@media (max-width:680px) {
  .hero-shell { min-height:510px; }
  .topbar { height:72px; }
  .privacy-pill { display:none; }
  .language-switch { padding-left:8px; }
  .hero-copy { padding:66px 0 78px; text-align:left; }
  .hero-copy .eyebrow,.section-heading .eyebrow { justify-content:flex-start; }
  .hero-copy h1 { font-size:41px; }
  .lede { font-size:16px; }
  .watch-section { padding:65px 12px 75px; }
  .section-heading { padding:0 8px; text-align:left; }
  .video-stage { padding:8px; border-radius:25px; }
  .tutorial-video { border-radius:19px; }
  .auto-badge { top:20px; right:20px; }
  .steps-section { padding:65px 0; }
  .step-grid { grid-template-columns:1fr; }
  .step-card { min-height:0; }
  .note-card { padding:22px; }
  footer { flex-direction:column; }
}
@media (prefers-reduced-motion:reduce) { html{scroll-behavior:auto}.watch-link{transition:none} }

.region-switch,.guide-controls{display:flex;justify-content:center;gap:8px;padding:12px 0;flex-wrap:wrap}.region-switch button,.guide-controls button{border:1px solid #45617d;background:#172c44;color:#e0eaff;border-radius:10px;padding:10px 14px;cursor:pointer;font:700 13px Arial}.region-switch button[aria-pressed=true],.guide-controls button[aria-pressed=true]{background:#ff304f;border-color:#ff304f;color:white}.illustrated-guide{padding:20px 14px;color:white;min-height:620px}.guide-kicker{color:#a9dcff;font-size:11px;letter-spacing:.14em}.guide-count{color:#ff8093;font-weight:800;margin:24px 0 12px}.illustrated-guide h3{font-size:25px;line-height:1.2;min-height:60px;margin:0 0 20px}.phone-demo{margin:auto;max-width:330px;min-height:340px;padding:12px 16px 22px;border:5px solid #34455d;border-radius:28px;background:#fff;color:#182335;text-align:left;box-shadow:0 12px 32px #0004}.phone-notch{width:65px;height:7px;background:#34455d;border-radius:8px;margin:0 auto 24px}.demo-heading{font-size:17px;font-weight:800}.demo-row{padding:14px 9px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid #e7eaf0;font-size:13px}.demo-row.selected{background:#fff1f3;border:1px solid #ff9aaa;border-radius:8px;margin:9px 0}.demo-field{margin:13px 0;padding:12px 8px;border-bottom:1px solid #dce3ec;color:#667085;font-size:12px}.demo-save{background:#ff304f;color:white;text-align:center;padding:11px;border-radius:20px;font-weight:700}.demo-note{font-size:13px;line-height:1.6;color:#667085}.guide-detail{max-width:360px;margin:25px auto 0;color:#d4e3f3;font-size:15px;line-height:1.7;min-height:78px}.guide-controls{padding-bottom:14px}button:focus-visible{outline:3px solid #7bd5ff;outline-offset:3px}@media(max-width:400px){.illustrated-guide{padding:16px 5px}.guide-controls button{padding:9px 11px}.phone-demo{padding:12px}}

.address-section{width:min(920px,calc(100% - 40px));margin:0 auto 80px;padding:30px;background:#fff;border:1px solid var(--line);border-radius:24px}.address-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.address-heading .eyebrow{justify-content:flex-start;margin-bottom:12px}.address-heading h2{font-size:28px;line-height:1.2;margin:0;letter-spacing:-.02em}.copy-address{flex-shrink:0;background:#ff304f;color:white;border:0;border-radius:12px;padding:13px 18px;font-weight:700;cursor:pointer}.address-block{white-space:pre-wrap;overflow-wrap:anywhere;font:600 16px/1.9 Arial,sans-serif;background:#f4f7fb;padding:22px;border-radius:14px;margin:25px 0}.address-fields{margin:0}.address-fields>div{display:grid;grid-template-columns:1fr 1.5fr;gap:20px;padding:15px 0;border-bottom:1px solid var(--line)}.address-fields dt{color:var(--muted);font-size:14px}.address-fields dd{margin:0;font-size:14px;font-weight:700;line-height:1.6;overflow-wrap:anywhere}.address-help{font-size:14px;color:var(--muted);line-height:1.7;margin:20px 0 0}.address-help:empty{display:none}@media(max-width:680px){.address-section{padding:22px;margin-bottom:60px}.address-heading{align-items:flex-start;flex-direction:column}.address-heading h2{font-size:25px}.address-fields>div{grid-template-columns:1fr;gap:6px}.address-block{font-size:14px;padding:16px}}