:root{color-scheme:light;--ink:#17213d;--muted:#58647c;--blue:#2545a9;--blue-dark:#183683;--line:#dbe2f0;--pale:#f5f7ff;--white:#fff;font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.65;font-synthesis:none}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#fff;color:var(--ink)}
a{color:inherit}
button,a{-webkit-tap-highlight-color:transparent}
a:focus-visible{outline:3px solid #6c86ef;outline-offset:4px;border-radius:4px}
img{max-width:100%}
.shell{width:min(1180px,calc(100% - 48px));margin-inline:auto}
.skip-link{position:absolute;left:-9999px;top:8px;z-index:100;background:#fff;padding:8px 14px;border:1px solid var(--blue)}
.skip-link:focus{left:12px}
.site-header{position:relative;z-index:4;background:rgba(255,255,255,.94);border-bottom:1px solid #e7ebf4}
.header-inner{min-height:78px;display:flex;align-items:center;gap:34px}
.brand{display:inline-flex;align-items:center;gap:10px;white-space:nowrap;text-decoration:none;font-size:21px;font-weight:600;letter-spacing:-.04em}
.brand img{border-radius:11px}
.brand strong{color:var(--blue);font-weight:760}
.main-nav{display:flex;align-items:center;gap:30px;margin-left:auto}
.main-nav a,.header-action{text-decoration:none;font-size:14px;font-weight:650}
.main-nav a{color:#45516a;transition:color .15s}
.main-nav a:hover{color:var(--blue)}
.header-action{white-space:nowrap;background:#eaf0ff;color:var(--blue);padding:10px 17px;border-radius:9px}
.header-action:hover{background:#dfe8ff}
.header-action span{margin-left:8px}
.hero{display:grid;grid-template-columns:1fr .92fr;align-items:center;gap:42px;min-height:646px;padding-block:88px 98px}
.eyebrow,.section-kicker{margin:0;color:var(--blue);font-size:12px;font-weight:800;letter-spacing:.15em}
.eyebrow{display:flex;align-items:center;gap:10px;letter-spacing:.08em}
.eyebrow-dot{display:block;width:8px;height:8px;border-radius:50%;background:#59c6a3;box-shadow:0 0 0 5px #e8f8f2}
h1,h2,h3,p{overflow-wrap:anywhere}
h1,h2,h3{line-height:1.22;letter-spacing:-.055em}
h1{font-size:clamp(42px,5vw,68px);margin:27px 0 24px;font-weight:800}
h1 span{color:var(--blue)}
.hero-lead{font-size:17px;line-height:1.9;color:#4e5b72;max-width:580px;margin:0 0 30px}
.hero-actions,.start-actions{display:flex;align-items:center;flex-wrap:wrap;gap:13px}
.button{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:11px 22px;text-decoration:none;border-radius:10px;font-size:14px;font-weight:750;transition:transform .15s,background .15s,box-shadow .15s}
.button:hover{transform:translateY(-2px)}
.button-primary{color:#fff;background:var(--blue);box-shadow:0 10px 22px rgba(37,69,169,.16)}
.button-primary:hover{background:var(--blue-dark);box-shadow:0 14px 28px rgba(37,69,169,.22)}
.button-secondary{border:1px solid #cbd6ed;background:#fff;color:var(--blue)}
.button-secondary:hover{background:#f5f8ff}
.hero-caveat{font-size:12px;color:#77839a;margin:20px 0 0;line-height:1.7}
.hero-visual{height:450px;position:relative;display:flex;align-items:center;justify-content:space-between;padding:45px 26px;isolation:isolate}
.visual-glow{position:absolute;z-index:-1;inset:5% 2%;background:radial-gradient(circle at 50% 50%,#dce6ff 0,#f3f6ff 42%,transparent 73%);border-radius:50%}
.device{filter:drop-shadow(0 23px 32px rgba(31,53,112,.17))}
.device-phone{width:130px;height:244px;flex:none;border:7px solid #253047;border-radius:27px;background:#253047;padding:7px 5px;position:relative;transform:rotate(-7deg);margin-left:12px}
.phone-top{position:absolute;top:6px;left:38px;width:39px;height:7px;border-radius:10px;background:#111a2b;z-index:1}
.phone-screen{height:100%;background:#e7effd;border-radius:15px;overflow:hidden;position:relative}
.screen-toolbar{height:27px;background:#2849ad}
.screen-window{width:79px;height:99px;margin:19px auto;background:#fff;border-radius:6px;box-shadow:0 4px 9px #9fb7e142;padding:15px 9px}
.screen-window span{display:block;height:6px;background:#d3def5;border-radius:3px;margin-bottom:9px}
.screen-window span:first-child{width:47px;background:#7495de}.screen-window span:nth-child(2){width:35px}.screen-window span:nth-child(3){width:52px}
.screen-cursor{position:absolute;left:68px;top:112px;width:13px;height:18px;background:#2545a9;clip-path:polygon(0 0,100% 65%,55% 67%,70% 100%,50% 100%,35% 70%,0 95%)}
.phone-home{position:absolute;bottom:4px;left:48px;width:23px;height:3px;background:#fff8;border-radius:4px}
.connection-beam{align-self:center;display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-width:80px;margin-inline:-3px;position:relative;z-index:2}
.beam-label,.relay-label{white-space:nowrap;font-size:11px;font-weight:750;color:var(--blue);background:#fff;border:1px solid #d9e2f4;border-radius:99px;padding:5px 10px;box-shadow:0 6px 18px #2b4d9730}
.relay-label{font-size:10px;font-weight:600;color:#77849d;background:#f9faff;border-color:#e3e9f5}
.beam-line{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;height:3px;background:linear-gradient(90deg,transparent,#88a3eb,#88a3eb,transparent);position:relative}
.beam-line i{width:7px;height:7px;border-radius:50%;background:#5274d4;box-shadow:0 0 0 4px #dce6ff}
.device-desktop{width:270px;flex:none;margin-right:0;transform:rotate(3deg)}
.desktop-screen{height:181px;background:#243550;border:9px solid #28384f;border-radius:11px;padding:0;overflow:hidden}
.desktop-bar{height:19px;background:#f4f7ff;display:flex;gap:4px;align-items:center;padding:0 9px}.desktop-bar span{width:5px;height:5px;background:#c4d0e8;border-radius:50%}
.desktop-content{height:calc(100% - 19px);display:flex;background:#fff}.desktop-rail{width:54px;background:#edf2fb;padding:20px 9px}.desktop-rail i{display:block;height:7px;border-radius:4px;background:#c6d6f1;margin-bottom:12px}.desktop-rail i:first-child{background:#6585d5}
.desktop-main{padding:23px 15px;flex:1}.desktop-main b{display:block;width:70px;height:10px;border-radius:5px;background:#829bda;margin-bottom:18px}.desktop-main span{display:block;height:8px;background:#e5eaf5;border-radius:4px;margin-bottom:14px}.desktop-main span:nth-of-type(2){width:73%}.desktop-main span:nth-of-type(3){width:86%}
.desktop-neck{width:30px;height:24px;margin:auto;background:linear-gradient(#8394ad,#c1cddd)}.desktop-foot{width:111px;height:8px;margin:auto;background:#aab8cc;border-radius:40% 40% 6px 6px}
.visual-caption{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);font-size:10px;font-weight:750;letter-spacing:.22em;color:#8291af;white-space:nowrap}.visual-caption i{display:inline-block;width:26px;height:1px;background:#aab9da;vertical-align:middle;margin:0 8px}
.stage-strip{background:#eff3ff;border-block:1px solid #e3eafc}.stage-inner{display:flex;align-items:center;gap:18px;padding-block:19px}.stage-tag{flex:none;color:var(--blue);background:#dce6ff;padding:5px 10px;border-radius:6px;font-size:12px;font-weight:800}.stage-inner p{margin:0;font-size:13px;color:#55627e;flex:1}.stage-inner a{font-size:13px;font-weight:750;color:var(--blue);text-decoration:none;white-space:nowrap}.stage-inner a:hover{text-decoration:underline}
.section{padding-block:108px;scroll-margin-top:30px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:70px;margin-bottom:43px}.section-heading h2,.security-layout h2,.start-section h2{font-size:clamp(34px,3.65vw,48px);font-weight:790;margin:14px 0 0}.section-heading>p{max-width:390px;margin:0 0 4px;color:var(--muted);font-size:15px;line-height:1.9}
.scenario-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.scenario-card{position:relative;min-height:280px;padding:29px;border:1px solid var(--line);border-radius:15px;background:#fff;box-shadow:0 14px 34px #32416b0a;display:flex;flex-direction:column}.scenario-index{font-size:12px;font-weight:800;color:#a2aec7}.scenario-symbol{font-size:28px;color:var(--blue);letter-spacing:-.12em;line-height:1;margin:28px 0 23px}.scenario-symbol span{font-size:20px;color:#9aafe2;letter-spacing:0}.scenario-card h3{font-size:21px;margin:0 0 11px;font-weight:780}.scenario-card p{font-size:14px;color:var(--muted);line-height:1.8;margin:0 0 20px}.scenario-state{margin-top:auto;align-self:flex-start;padding:4px 10px;border-radius:99px;color:#65728b;background:#f1f3f8;font-size:11px;font-weight:750}.scenario-state.active{color:#2458a3;background:#eaf3ff}
.section-tinted{background:#f5f7fc}.connection-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.connection-grid article{background:#fff;border:1px solid #e1e6f1;border-radius:14px;padding:28px 29px 31px;min-height:212px}.flow-step{height:44px;display:flex;align-items:center}.flow-step span{display:grid;place-items:center;background:#e9efff;color:var(--blue);width:38px;height:38px;border-radius:10px;font-size:13px;font-weight:800}.flow-step i{height:1px;flex:1;background:repeating-linear-gradient(90deg,#b5c5e6 0 5px,transparent 5px 10px);margin-left:19px}.connection-grid h3{font-size:20px;margin:17px 0 9px}.connection-grid p{font-size:14px;line-height:1.8;color:var(--muted);margin:0}.connection-note{font-size:12px;color:#78859c;margin:21px 0 0}
.platform-table-wrap{overflow:auto;border:1px solid #dce3ef;border-radius:14px}.platform-table{width:100%;min-width:690px;border-collapse:collapse;text-align:left}.platform-table caption{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.platform-table thead{background:#f1f4fb}.platform-table th,.platform-table td{padding:16px 20px;border-bottom:1px solid #e7ebf3;font-size:14px}.platform-table th{font-weight:750}.platform-table thead th{font-size:12px;color:#52617f}.platform-table tbody tr:last-child th,.platform-table tbody tr:last-child td{border-bottom:0}.platform-table tbody td{color:#52617a}.table-state{display:inline-block;background:#eef1f6;color:#65728b;font-weight:750;font-size:11px;padding:5px 10px;border-radius:99px;white-space:nowrap}.table-state.verifying{color:#2458a3;background:#eaf3ff}.table-state.limited{color:#795d5d;background:#f8eeee}.platform-footnote{font-size:12px;line-height:1.7;color:#7a869c;margin:18px 0 0}
.section-dark{background:#18284b;color:#fff}.section-dark .section-kicker{color:#a9c3ff}.security-layout{display:grid;grid-template-columns:.9fr 1fr;gap:100px}.security-layout h2{max-width:470px;margin-bottom:19px}.security-intro{font-size:15px;color:#c4cfe5;line-height:1.9;max-width:440px}.security-list article{display:flex;gap:20px;padding:20px 0;border-bottom:1px solid #ffffff28}.security-list article:first-child{padding-top:0}.security-list article:last-child{border:0}.security-list article>span{font-size:12px;font-weight:800;color:#9bb8ff;padding-top:5px}.security-list h3{font-size:18px;margin:0 0 6px}.security-list p{font-size:14px;line-height:1.75;color:#c4cfe5;margin:0}
.start-section{padding-block:108px}.start-panel{display:grid;grid-template-columns:1.35fr .75fr;border:1px solid #dce3f1;border-radius:19px;overflow:hidden;box-shadow:0 20px 50px #27396d10}.start-panel>div{padding:48px 52px}.start-panel h2{margin-bottom:15px}.start-panel p{font-size:15px;color:var(--muted);line-height:1.85;max-width:640px}.start-panel ol{padding-left:22px;margin:23px 0 30px;color:#3d4b67;font-size:14px;line-height:2}.start-panel li{padding-left:3px}.text-link{color:var(--blue);font-weight:750;font-size:14px;text-decoration:none}.text-link:hover{text-decoration:underline}.start-aside{background:#eaf0ff;padding:48px 38px;display:flex;flex-direction:column;min-width:0}.aside-label{font-size:11px;font-weight:850;letter-spacing:.12em;color:#6e86bd}.start-aside strong{font-size:21px;margin:16px 0 8px}.start-aside p{font-size:14px;line-height:1.85;color:#586a91;margin:0}.aside-decoration{margin-top:auto;padding-top:32px;font-size:86px;font-weight:850;line-height:1;color:#c8d7f9;letter-spacing:-.09em}.aside-decoration span{font-size:.62em;color:#9cb6eb}
.site-footer{border-top:1px solid #e9edf5}.footer-inner{min-height:94px;display:flex;align-items:center;gap:24px}.footer-brand{display:inline-flex;align-items:center;gap:8px;color:var(--ink);text-decoration:none;font-weight:750}.footer-inner p{margin:0;color:#8b95a7;font-size:13px;flex:1}.footer-inner>a:last-child{font-size:13px;color:#53617a;text-decoration:none}.footer-inner>a:last-child:hover{text-decoration:underline}
@media(max-width:1050px){.main-nav{gap:16px}.header-inner{gap:16px}.hero{grid-template-columns:1fr .82fr;gap:15px}.hero-visual{transform:scale(.82);transform-origin:center}.security-layout{gap:50px}}
@media(max-width:760px){.shell{width:min(100% - 32px,540px)}.header-inner{min-height:68px;flex-wrap:wrap;padding-block:11px;gap:8px}.brand{font-size:19px}.brand img{width:32px;height:32px}.header-action{margin-left:auto;padding:8px 10px}.main-nav{order:3;width:100%;margin:4px 0 0;overflow:auto;gap:22px;padding-bottom:4px}.main-nav a{flex:none;font-size:12px}.hero{display:block;min-height:0;padding-block:66px 30px}.hero h1{font-size:clamp(41px,10vw,56px)}.hero-lead{font-size:15px}.hero-visual{height:350px;max-width:470px;margin:20px auto 0;padding:25px 8px;transform:scale(.9)}.stage-inner{align-items:flex-start;flex-wrap:wrap;gap:10px}.stage-inner p{flex-basis:calc(100% - 90px)}.stage-inner a{margin-left:84px}.section{padding-block:74px}.section-heading{display:block;margin-bottom:27px}.section-heading h2,.security-layout h2,.start-section h2{font-size:36px}.section-heading>p{margin-top:18px;max-width:none;font-size:14px}.scenario-grid,.connection-grid{grid-template-columns:1fr;gap:12px}.scenario-card{min-height:230px}.scenario-symbol{margin:19px 0}.connection-grid article{min-height:0}.flow-step i{display:none}.security-layout{grid-template-columns:1fr;gap:24px}.start-panel{grid-template-columns:1fr}.start-panel>div,.start-aside{padding:34px 27px}.aside-decoration{display:none}.footer-inner{min-height:100px;flex-wrap:wrap;gap:5px 15px;padding-block:22px}.footer-inner p{flex-basis:100%;order:3}}
@media(min-width:421px) and (max-width:500px){.hero-visual{transform:scale(.7);width:130%;margin-left:-15%;margin-top:-18px;margin-bottom:-28px}}
@media(max-width:420px){.hero-visual{transform:scale(.72);width:130%;margin-left:-15%;margin-top:-16px;margin-bottom:-25px}.hero-actions .button{width:100%}.start-actions .button{width:100%}.stage-inner p{flex-basis:100%}.stage-inner a{margin-left:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}