.saiwei-page {--blue-950:#0B0D10;--blue-900:#0D0D0D;--blue-850:#0D0D0D;--blue-800:#272727;--blue-700:#C7FF2E;--blue-600:#D7FF66;--blue-300:#C7FF2E;--blue-100:#F2FFDE; --cream:#FFFFFF;--cream-2:#F4F6F8;--cream-3:#E5E7EB; --silver-50:#FFFFFF;--silver-100:#F4F6F8;--silver-200:#E5E7EB;--silver-300:#DBDBDB;--silver-400:#9F9F9F;--silver-500:#505050;--silver-600:#555555;--silver-700:#424242; --ink:#0D0D0D;--muted:#505050;--line:rgba(17,24,39,.10);--line-soft:rgba(17,24,39,.065); --shadow:0 24px 70px rgba(17,24,39,.08);--shadow-sm:0 12px 34px rgba(17,24,39,.055); --content:min(calc(100% - 36px),1350px); width:100%;overflow:hidden;background:var(--cream);color:var(--ink); font-family:"Outfit",Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;line-height:1.62;-webkit-font-smoothing:antialiased}

.saiwei-page button,.saiwei-page input,.saiwei-page select,.saiwei-page textarea {font:inherit}

.saiwei-page a:focus-visible,.saiwei-page button:focus-visible,.saiwei-page input:focus-visible,.saiwei-page select:focus-visible,.saiwei-page textarea:focus-visible {outline:3px solid #C7FF2E;outline-offset:3px}

.saiwei-page .kicker::before {content:"";width:30px;height:2px;border-radius:999px;background:#C7FF2E}

.saiwei-page .display {margin:0;font-size:clamp(2.4rem,6.5vw,5rem);line-height:.9;letter-spacing:-.063em;font-weight:950}

.saiwei-page .section-title {margin:0;font-size:clamp(2.05rem,3.8vw,3.3rem);line-height:.96;letter-spacing:-.047em;font-weight:930}

.saiwei-page .section-copy {margin:18px 0 0;max-width:760px;color:var(--muted);font-size:.98rem}

.saiwei-page .btn {min-height:50px;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:13px 21px;border:1px solid transparent;border-radius:999px;font-size:.76rem;font-weight:900;letter-spacing:.085em;text-transform:uppercase;transition:.2s ease;cursor:pointer}

.saiwei-page .btn-outline {border-color:var(--silver-300);background:rgba(255,255,255,.42);color:var(--blue-900)}

.saiwei-page .text-link {display:inline-flex;align-items:center;gap:8px;color:#2563EB;font-size:.75rem;font-weight:900;letter-spacing:.035em;text-transform:uppercase}

.saiwei-page .text-link::after {content:"→"}

.saiwei-page .header-inner {width:var(--content);min-height:76px;margin:auto;display:grid;grid-template-columns:auto 1fr auto;gap:24px;align-items:center}

.saiwei-page .brand {display:flex;align-items:center;gap:11px;color:var(--blue-900);font-size:.94rem;font-weight:950;letter-spacing:.07em;text-transform:uppercase}

.saiwei-page .brand-mark {width:34px;height:34px;display:grid;place-items:center;border-radius:12px;background:var(--blue-700);color:#0B0D10}

.saiwei-page .desktop-nav {display:flex;justify-content:center;gap:22px}

.saiwei-page .desktop-nav a {font-size:.79rem;font-weight:760;color:#424242}

.saiwei-page .menu-btn {display:none;width:46px;height:46px;border:1px solid var(--silver-300);border-radius:14px;background:var(--cream);color:var(--blue-900);cursor:pointer}

.saiwei-page .mobile-menu {position:absolute;top:76px;left:18px;right:18px;padding:10px;border:1px solid var(--silver-300);border-radius:18px;background:var(--cream);box-shadow:var(--shadow);overflow:hidden}

.saiwei-page .breadcrumb {width:var(--content);margin:auto;min-height:48px;display:flex;align-items:center;gap:9px;font-size:.72rem;color:var(--muted)}

.saiwei-page .hero {padding:56px 0 78px;background:radial-gradient(circle at 82% 10%,rgba(199,255,46,.1440),transparent 28%),linear-gradient(180deg,var(--cream),var(--cream-2))}

.saiwei-page .hero-grid {width:var(--content);margin:auto;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);gap:48px;align-items:center}

.saiwei-page .hero-copy {padding:50px 0}

.saiwei-page .hero h1 {color:var(--blue-950)}

.saiwei-page .hero-lead {max-width:790px;margin:26px 0 0;color:#555555;font-size:clamp(1.04rem,1.4vw,1.2rem);line-height:1.72}

.saiwei-page .hero-actions {display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}

.saiwei-page .route-pill {padding:8px 11px;border-radius:999px;background:var(--blue-100);color:#0B0D10;font-size:.61rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}

.saiwei-page .route-stack {display:grid;gap:10px;margin-top:20px}

.saiwei-page .route-line {display:grid;grid-template-columns:36px 1fr;gap:12px;align-items:center;padding:13px 14px;border-radius:16px;background:rgba(255,255,255,.74);border:1px solid var(--line)}

.saiwei-page .route-line span {display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:var(--blue-100);color:#0B0D10;font-size:.63rem;font-weight:950}

.saiwei-page .route-line strong {font-size:.8rem;color:var(--blue-950)}

.saiwei-page .route-note {margin-top:17px;padding:15px 16px;border-radius:17px;background:var(--blue-900);color:rgba(255,255,255,.82);font-size:.8rem}

.saiwei-page .route-note b {color:var(--blue-300)}

.saiwei-page .topics {padding:94px 0;background:var(--cream)}

.saiwei-page .topic-grid {display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:30px}

.saiwei-page .topic-card {padding:24px;border:1px solid var(--line);border-radius:24px;background:#fff;box-shadow:var(--shadow-sm);cursor:pointer;transition:.2s ease;display:grid;grid-template-columns:auto 1fr;column-gap:13px;align-items:center}

.saiwei-page .topic-card:hover,.saiwei-page .topic-card.is-active {transform:translateY(-2px);border-color:rgba(11,13,16,.35);box-shadow:0 18px 40px rgba(17,24,39,.09)}

.saiwei-page .topic-card.is-active {background:linear-gradient(145deg,#fff,var(--blue-100))}

.saiwei-page .topic-card span {display:grid;place-items:center;width:36px;height:36px;border-radius:12px;background:var(--blue-100);color:#0B0D10;font-size:.64rem;font-weight:950}

.saiwei-page .topic-card h3 {margin:0;color:var(--blue-950);font-size:1rem}

.saiwei-page .topic-card p {margin:10px 0 0;color:var(--muted);font-size:.86rem;grid-column:1/-1}

.saiwei-page .topic-card small {display:block;margin-top:12px;color:#0B0D10;font-size:.67rem;font-weight:850;grid-column:1/-1}

.saiwei-page .contact-form-sec {padding:98px 0;background:var(--cream-2)}

.saiwei-page .contact-layout {display:grid;grid-template-columns:.72fr 1.28fr;gap:46px;align-items:start}

.saiwei-page .form-intro {position:sticky;top:24px}

.saiwei-page .form-card {padding:30px;border:1px solid var(--line);border-radius:30px;background:#fff;box-shadow:var(--shadow)}

.saiwei-page .integration-status {margin-bottom:22px;padding:15px 16px;border-radius:16px;background:var(--cream-2);border:1px solid var(--line);color:#636363;font-size:.82rem}

.saiwei-page .integration-status strong {color:var(--blue-900)}

.saiwei-page .field {display:grid;gap:7px}

.saiwei-page label {color:var(--blue-950);font-size:.74rem;font-weight:850}

.saiwei-page input,.saiwei-page select,.saiwei-page textarea {width:100%;border:1px solid var(--silver-300);border-radius:15px;background:var(--silver-50);color:var(--ink);padding:12px 13px}

.saiwei-page textarea {min-height:132px;resize:vertical}

.saiwei-page .field-help {color:var(--silver-600);font-size:.67rem}

.saiwei-page .conditional {display:none}

.saiwei-page .conditional.is-visible {display:grid}

.saiwei-page .team-route-box {display:none;grid-column:1/-1;padding:17px;border-radius:17px;background:var(--blue-900);color:rgba(255,255,255,.82);font-size:.8rem}

.saiwei-page .team-route-box.is-visible {display:block}

.saiwei-page .team-route-box strong {color:var(--blue-300)}

.saiwei-page .team-route-box a {color:#fff;text-decoration:underline;text-underline-offset:3px}

.saiwei-page .privacy-box {grid-column:1/-1;padding:15px 16px;border-radius:16px;background:var(--cream);border:1px solid var(--line);color:#555555;font-size:.85rem}

.saiwei-page .form-footer {grid-column:1/-1;display:flex;justify-content:space-between;gap:18px;align-items:center;padding-top:4px}

.saiwei-page .form-footer p {margin:0;color:var(--muted);font-size:.8rem;max-width:500px}

.saiwei-page .submit-disabled {opacity:.55;cursor:not-allowed;box-shadow:none}

.saiwei-page .submit-disabled:hover {transform:none;background:var(--blue-700)}

.saiwei-page .state-box {display:none;margin-top:16px;padding:15px 16px;border-radius:16px;font-size:.78rem}

.saiwei-page .state-box.show {display:block}

.saiwei-page .state-box.info {background:var(--blue-100);color:var(--blue-900)}

.saiwei-page .state-box.error {background:#fff3f0;color:#7a2e24;border:1px solid #f1cfc8}

.saiwei-page .state-box.success {background:#ecf8f0;color:#1e6b40;border:1px solid #cbe9d5}

.saiwei-page .form-card .btn[disabled] {opacity:.55;cursor:wait;transform:none}

.saiwei-page .avy-hp {position:absolute;left:-9999px;top:0}

.saiwei-page .self {padding:96px 0;background:var(--cream)}

.saiwei-page .self-grid {display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:30px}

.saiwei-page .self-card {padding:23px;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:var(--shadow-sm)}

.saiwei-page .self-card span {font-size:.7rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:var(--silver-600)}

.saiwei-page .self-card h3 {margin:10px 0 0;color:var(--blue-950);font-size:1rem}

.saiwei-page .self-card p {margin:8px 0 0;color:var(--muted);font-size:.85rem}

.saiwei-page .self-card a {display:inline-flex;margin-top:14px;color:#2563EB;font-size:.7rem;font-weight:900;text-transform:uppercase;letter-spacing:.035em}

.saiwei-page .final {padding:22px 0 90px;background:var(--cream)}

.saiwei-page .final-panel {padding:46px;border-radius:30px;background:linear-gradient(140deg,#0B0D10,#272727);color:#fff;box-shadow:var(--shadow);display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center}

.saiwei-page .final h2 {margin:0;font-size:clamp(2.2rem,4vw,3.3rem);line-height:.96;letter-spacing:-.048em}

.saiwei-page .final p {margin:14px 0 0;color:rgba(255,255,255,.72);max-width:750px}

.saiwei-page .page-note {padding:24px 0 54px;background:var(--cream);color:var(--muted);font-size:.74rem}

.saiwei-page .page-note-inner {width:var(--content);margin:auto;padding-top:20px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}

.saiwei-page .page-note strong {color:var(--blue-900)}

@media (max-width:1100px) { .saiwei-page .desktop-nav {display:none} }

@media (max-width:1100px) { .saiwei-page .menu-btn {display:grid;place-items:center} }

@media (max-width:1100px) { .saiwei-page .hero-grid,.saiwei-page .contact-layout {grid-template-columns:1fr} }

@media (max-width:1100px) { .saiwei-page .form-intro {position:static} }

@media (max-width:1100px) { .saiwei-page .topic-grid,.saiwei-page .self-grid {grid-template-columns:repeat(2,1fr)} }

@media (max-width:1100px) { .saiwei-page .final-panel {grid-template-columns:1fr} }

@media (max-width:760px) { .saiwei-page {--content:min(calc(100% - 26px),1350px)} }

@media (max-width:760px) { .saiwei-page .header-inner {min-height:68px} }

@media (max-width:760px) { .saiwei-page .mobile-menu {top:68px} }

@media (max-width:760px) { .saiwei-page .hero {padding:28px 0 58px} }

@media (max-width:760px) { .saiwei-page .hero-copy {padding:34px 0 8px} }

@media (max-width:760px) { .saiwei-page .display {font-size:clamp(2.4rem,12vw,5rem)} }

@media (max-width:760px) { .saiwei-page .topic-grid,.saiwei-page .self-grid,.saiwei-page .form-grid {grid-template-columns:1fr} }

@media (max-width:760px) { .saiwei-page .field.full,.saiwei-page .privacy-box,.saiwei-page .form-footer,.saiwei-page .team-route-box {grid-column:auto} }

@media (max-width:760px) { .saiwei-page .form-footer {display:grid} }

@media (max-width:760px) { .saiwei-page .form-footer .btn {width:100%} }

@media (max-width:760px) { .saiwei-page .final-panel {padding:34px 24px} }

@media (max-width:520px) { .saiwei-page .hero-actions {display:grid} }

@media (max-width:520px) { .saiwei-page .btn {width:100%} }

@media (max-width:520px) { .saiwei-page .route-line {grid-template-columns:34px 1fr} }

@media (prefers-reduced-motion:reduce) { .saiwei-page * {scroll-behavior:auto!important;transition:none!important} }

.saiwei-page section {padding:75px 0!important}

@media (max-width:780px) { .saiwei-page section {padding:55px 0!important} }

/* Direct contact card (left column beside the form) */
.saiwei-page .direct-contact {margin-top:26px;padding:24px;border:1px solid var(--line);border-radius:22px;background:var(--cream);box-shadow:var(--shadow-sm)}

.saiwei-page .direct-contact .kicker {color:#0B0D10}

.saiwei-page .direct-list {list-style:none;margin:16px 0 0;padding:0;display:grid;gap:13px}

.saiwei-page .direct-list li {display:flex;align-items:baseline;gap:14px;padding-bottom:13px;border-bottom:1px solid var(--line-soft)}

.saiwei-page .direct-list li:last-child {border-bottom:0;padding-bottom:0}

.saiwei-page .direct-label {flex:0 0 86px;color:var(--muted);font-size:.68rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}

.saiwei-page .direct-list a,.saiwei-page .direct-value {color:#0B0D10;font-weight:800;font-size:.95rem;word-break:break-word}

.saiwei-page .direct-list a:hover {color:#2563EB}

.saiwei-page .direct-note {margin:15px 0 0;padding-top:14px;border-top:1px solid var(--line-soft);color:var(--muted);font-size:.82rem;line-height:1.6}

@media (max-width:520px) { .saiwei-page .direct-list li {flex-direction:column;gap:3px} .saiwei-page .direct-label {flex:none} }
