:root {
  --font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif;
  --ink:#1b1d24; --muted:#656c78; --ink-soft:var(--muted);
  --orange:#ff6a1a; --orange-2:#ff8a26; --orange-dark:#cf490e;
  --surface:#fff; --paper:var(--surface); --soft:#f7f8fa;
  --paper-cool:var(--soft); --paper-warm:var(--soft);
  --line:#e7e8eb; --border:var(--line); --border-cool:var(--line);
  --shadow:0 12px 36px #1b1d2408; --radius:8px;
  --content:min(1160px,calc(100% - 40px)); font-family:var(--font-family); color-scheme:light;
}
body { background:var(--surface); color:var(--ink); font-family:var(--font-family); font-size:16px; line-height:1.65; }
button,input,select,textarea { font-family:var(--font-family); }
body,button,a,h1,h2,h3,p { letter-spacing:0; }
img { height:auto; }

/* All routes share a fixed navigation geometry. */
.site-header { position:sticky; top:0; z-index:30; display:block; min-height:0; width:100%; padding:0; background:#ffffffed; backdrop-filter:blur(16px); border-bottom:1px solid var(--line); }
.site-header .nav { width:var(--content); min-height:80px; margin:auto; display:grid; grid-template-columns:145px minmax(0,1fr) auto; align-items:center; gap:24px; padding:0; }
.site-header .brand { display:block; }
.site-header .brand img { width:124px; height:40px; object-fit:contain; }
.site-header .nav-links { display:flex; justify-content:center; align-items:center; gap:28px; font-size:14px; font-weight:600; }
.site-header .nav-links a { position:relative; display:flex; align-items:center; min-height:80px; padding:0; border:0; white-space:nowrap; color:var(--ink); }
.site-header .nav-links a::after { content:''; position:absolute; left:0; right:0; bottom:0; height:2px; background:transparent; }
.site-header .nav-links a.active { color:var(--orange-dark); }
.site-header .nav-links a.active::after { background:var(--orange); }
.site-header .nav-links a:hover { color:var(--orange-dark); }
.site-header .nav-actions { display:flex; align-items:center; gap:12px; width:auto; }
.site-header .lang-btn { min-width:80px; width:80px; padding:0 10px; white-space:nowrap; flex-shrink:0; }
.site-header .nav-actions .primary-btn { width:190px; padding:0 16px; white-space:nowrap; }

.primary-btn,.ghost-btn,.lang-btn,.button,.language-button { min-height:44px; border-radius:999px; display:inline-flex; align-items:center; justify-content:center; padding:0 22px; font-size:14px; font-weight:600; line-height:1.4; text-align:center; transition:background .18s ease,border-color .18s ease,box-shadow .18s ease; }
.primary-btn,.button-primary { border:1px solid var(--orange); color:#fff; background:var(--orange); box-shadow:0 6px 18px #ff6a1a1a; }
.primary-btn:hover,.button-primary:hover { background:#ee5910; border-color:#ee5910; transform:none; }
.ghost-btn,.lang-btn,.button-light,.button-outline { background:#fff; color:var(--ink); border:1px solid var(--line); box-shadow:none; }
.ghost-btn:hover,.lang-btn:hover,.button-light:hover,.button-outline:hover { border-color:#ff6a1a88; transform:none; }
a:focus-visible,button:focus-visible,summary:focus-visible { outline:3px solid #ff6a1a66; outline-offset:4px; }

/* Common heading, body and caption scales. */
.hero h1,.page-hero h1,.hero-content h1 { font-size:64px; font-weight:800; line-height:1.12; }
.hero p,.page-hero p,.hero-content > p:not(.launch-status) { font-size:18px; line-height:1.8; color:var(--muted); }
.section-head h2,.section-heading h2,.split-copy h2,.experience-copy h2,.principle-layout h2 { font-size:44px; font-weight:700; line-height:1.25; }
.hero-content h2 { font-size:32px; font-weight:650; line-height:1.35; }
.carousel-product-title { font-size:54px; font-weight:800; line-height:1.15; }
.carousel-x7 h3 { font-size:24px; font-weight:650; }
.section-head p,.section-heading p,.split-copy p,.experience-copy > p { font-size:17px; line-height:1.8; color:var(--muted); }
.card h2,.card h3,.product-card h3,.step h3,.platform-showcase strong { font-size:22px; font-weight:650; line-height:1.35; }
.card p,.why-item p,.product-card p { font-size:15px; line-height:1.75; color:var(--muted); }
.why-item strong,.capability-list strong,.setup-steps h3 { font-size:18px; font-weight:650; line-height:1.5; }
.faq-grid summary,.faq-list summary { font-size:17px; font-weight:600; line-height:1.5; }
.faq-grid p,.faq-list p,.method-content p { font-size:16px; line-height:1.8; }
.comparison-table th,.comparison-table td { font-size:14px; line-height:1.65; }
.comparison-table thead th > span { font-size:18px; font-weight:650; }
.comparison-table thead th { font-size:16px; font-weight:650; }
.proof-band strong,.metric strong { font-size:36px; font-weight:700; }
.cta-band h2,.buy-section h2,body[data-page="x7"] #buy h2 { font-size:42px; font-weight:700; line-height:1.25; }
.cta-band p,.buy-section p { font-size:17px; line-height:1.8; }
.interface-note,.table-note,.principle-layout figcaption { font-size:13px; line-height:1.7; }
.model-gradient { background:linear-gradient(105deg,#ff882b,#b73491); background-clip:text; -webkit-background-clip:text; color:transparent; -webkit-text-fill-color:transparent; }
.hero,.page-hero,.launch-hero { background:var(--surface); }
.hero::after { display:none; }
.brand-new,.section-band,.experience-section,.principle-section,.faq-section,.product-benefits { background:var(--soft); }
.card,.why-item,.visual-panel,.audience-showcase { box-shadow:var(--shadow); border-color:var(--line); }
.proof-strip { box-shadow:var(--shadow); }
.proof-band { background:var(--surface); border-color:var(--line); }
.section,.section-band,#principle { scroll-margin-top:104px; }
.launch-hero .hero-content { width:var(--content); }
.cta-band,body[data-page="x7"] #buy { background:linear-gradient(135deg,#ff6a1a,#ef4d6e 60%,#9a4bc6); border-radius:8px; }
.cta-band .ghost-btn,body[data-page="x7"] #buy .button-primary { background:#fff; color:var(--ink); border:1px solid #fff; box-shadow:none; }
body[data-page="x7"] #buy .button-outline { background:transparent; border-color:#ffffffa6; color:#fff; }
.cta-band p,body[data-page="x7"] #buy p { color:#ffffffdb; }

.site-footer,.site-footer.x7-footer { display:block; padding:56px 0 28px; background:#f8f7f5; border-top:1px solid var(--line); }
.site-footer .container { width:var(--content); margin:auto; }
.site-footer .footer-grid { display:grid; grid-template-columns:1.5fr .9fr .8fr .9fr 1fr; gap:32px; align-items:start; }
.site-footer .footer-logo { width:118px; height:auto; margin-bottom:16px; }
.site-footer .footer-col h3 { font-size:14px; font-weight:650; line-height:1.5; margin:0 0 16px; }
.site-footer .footer-col a,.site-footer .footer-col p { font-size:14px; font-weight:400; line-height:1.65; color:var(--muted); margin:0 0 10px; }
.site-footer .footer-col a.footer-email { color:var(--orange-dark); font-weight:600; }
.site-footer .footer-buy a { color:var(--orange-dark); font-size:17px; font-weight:650; }
.site-footer .copyright { font-size:13px; line-height:1.8; }

@media(max-width:1000px) {
  .site-header .nav { grid-template-columns:1fr auto; gap:0 16px; padding-top:12px; min-height:124px; }
  .site-header .nav-links { grid-column:1 / -1; grid-row:2; justify-content:flex-start; gap:24px; overflow-x:auto; width:100%; padding:0; }
  .site-header .nav-links a { min-height:52px; flex-shrink:0; }
  .site-header .nav-actions { grid-column:2; grid-row:1; justify-content:flex-end; }
  .site-header .nav-actions .primary-btn { display:inline-flex; width:174px; }
  .hero h1,.page-hero h1,.hero-content h1 { font-size:48px; }
  .site-footer .footer-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:600px) {
  :root { --content:min(1160px,calc(100% - 32px)); }
  .site-header .nav { width:var(--content); gap:0 8px; }
  .site-header .brand img { width:96px; height:36px; }
  .site-header .nav-actions { gap:8px; }
  .site-header .lang-btn { min-width:54px; width:54px; padding:0 6px; font-size:12px; }
  .site-header .nav-actions .primary-btn { width:154px; padding:0 10px; font-size:12px; }
  .site-header .nav-links { gap:22px; font-size:13px; }
  .hero h1,.page-hero h1,.hero-content h1 { font-size:40px; }
  .carousel-product-title { font-size:38px; }
  .hero-content h2 { font-size:26px; }
  .section-head h2,.section-heading h2,.split-copy h2,.experience-copy h2,.principle-layout h2 { font-size:32px; }
  .hero p,.page-hero p,.hero-content > p:not(.launch-status),.section-head p,.section-heading p { font-size:16px; }
  .primary-btn,.ghost-btn,.button { padding:0 18px; }
  .cta-band h2,.buy-section h2,body[data-page="x7"] #buy h2 { font-size:30px; }
  .site-footer .footer-grid { grid-template-columns:1fr; gap:28px; }
  .section,.section-band,#principle { scroll-margin-top:146px; }
}
@media(max-width:359px) { .site-header .brand img { width:80px; } .site-header .nav-actions .primary-btn { width:134px; } .site-header .nav-actions { gap:6px; } .hero h1,.page-hero h1,.hero-content h1 { font-size:36px; } }
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } *,*::before,*::after { transition-duration:.01ms !important; } }