:root{--paper:#f5f0e6;--deep:#ebe4d5;--card:#fcfaf5;--ink:#1b1812;--ink2:#433d34;--muted:#5f564a;--line:#ddd5c6;--ui:#9c907d;--green:#1e5a48;--brass:#7a5c22;--brass-soft:#f1e7cf;
--serif:"SgRent Serif","Noto Serif SC","Songti SC",Georgia,serif;--sans:"SgRent Sans","Noto Sans SC","PingFang SC","Microsoft YaHei",system-ui,sans-serif}
*{box-sizing:border-box;margin:0;padding:0}body{background:var(--paper);color:var(--ink);font:16px/1.65 var(--sans)}
.w{max-width:1080px;margin:0 auto;padding:0 24px}a{color:var(--green)}
.nav{position:sticky;top:0;background:rgba(245,240,230,.92);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);z-index:9}
.nav-in{display:flex;align-items:center;justify-content:space-between;height:56px}.logo{font:700 20px var(--serif);color:var(--ink);text-decoration:none}.logo small{font:12px var(--sans);color:var(--muted);margin-left:6px}.mark{color:var(--brass);margin-right:6px}
nav{display:flex;gap:22px;align-items:center}nav a{color:var(--ink2);text-decoration:none;font-size:15px}
.btn{display:inline-block;background:var(--green);color:var(--paper)!important;border:0;border-radius:999px;padding:11px 22px;font:600 16px var(--sans);text-decoration:none;cursor:pointer}.btn.sm{padding:7px 16px;font-size:14px}.btn.ghost{background:transparent;color:var(--ink)!important;border:1px solid var(--ui)}
.hero{padding:56px 24px 40px}.eyebrow,.num{color:var(--brass);font-size:13px;letter-spacing:.12em;text-transform:uppercase;font-weight:600}
h1{font:700 clamp(34px,6vw,60px)/1.12 var(--serif);margin:12px 0 14px;letter-spacing:-.01em}h1 em{font-style:normal;color:var(--green)}
h2{font:700 clamp(24px,3.4vw,34px)/1.25 var(--serif);margin:6px 0 20px}h3{font:700 20px var(--serif);margin-bottom:8px}
.lead{max-width:640px;font-size:17px;color:var(--ink2)}.en{display:block;color:var(--muted);font-size:15px;margin-top:6px}.cta{display:flex;gap:12px;margin:22px 0 32px;flex-wrap:wrap}
.stats{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);padding-top:16px;gap:16px}.stats dt{font:700 22px var(--serif)}.stats dd{color:var(--muted);font-size:14px}
.band{background:var(--deep);padding:48px 0}.sec{padding:48px 24px}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:20px 22px;position:relative}.card p{color:var(--ink2)}
.list{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:14px 20px}.list li{border-top:2px solid var(--ink);padding-top:10px;color:var(--ink2)}.list b{display:block;font:700 19px var(--serif);color:var(--ink)}
.price .amt{font:700 34px var(--serif);color:var(--ink)!important;margin:6px 0}.price .amt span{font:15px var(--sans);color:var(--muted)}.hot{border:2px solid var(--green)}.tag{position:absolute;top:20px;right:20px;background:var(--brass-soft);color:var(--brass);font-size:13px;padding:2px 12px;border-radius:999px}
.note{margin-top:20px;color:var(--muted);font-size:14px}
.form{display:grid;gap:12px}label{display:grid;gap:6px;font-weight:600;font-size:15px}label small{font-weight:400;color:var(--muted)}
input,select,textarea{font:16px var(--sans);padding:9px 12px;border:1px solid var(--ui);border-radius:10px;background:var(--paper);color:var(--ink)}.ok{color:var(--green)}
details{border-bottom:1px solid var(--line-strong,#c8bda8);padding:12px 0}summary{font:700 18px var(--serif);cursor:pointer}details p{color:var(--ink2);margin-top:10px}
.foot{padding:28px 24px;color:var(--ink2);font-size:14px}.faint{color:var(--muted);margin-top:8px}
.apply{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:28px;align-items:start}
.steps{list-style:none;counter-reset:s;display:grid;gap:16px;padding-top:8px}.steps li{counter-increment:s;position:relative;padding-left:46px;color:var(--ink2)}.steps li:before{content:counter(s);position:absolute;left:0;top:2px;width:32px;height:32px;border-radius:50%;background:var(--brass-soft);color:var(--brass);font:700 16px/32px var(--serif);text-align:center}.steps b{display:block;font:700 18px var(--serif);color:var(--ink)}

.path-sec{padding-top:40px}.path-lead{max-width:720px;color:var(--ink2);font-size:16px;margin:-8px 0 22px}
.net{display:grid;grid-template-columns:1.1fr auto 1.15fr auto 1.15fr auto .9fr;gap:10px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:22px 18px}
.net-col{display:flex;flex-direction:column;gap:10px;align-items:stretch}
.net-node{display:flex;align-items:center;gap:10px;background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:10px 12px;font-size:13px;font-weight:600;color:var(--ink);line-height:1.3}
.net-node .ico{width:20px;height:20px;flex:0 0 20px;color:var(--green)}
.net-node.primary{border-color:var(--green);box-shadow:inset 0 0 0 1px rgba(30,90,72,.12)}
.net-node.dashed{border-style:dashed;color:var(--muted)}
.net-node.api{flex-direction:column;justify-content:center;text-align:center;min-height:120px;background:var(--brass-soft);border-color:var(--brass);gap:6px}
.net-node.api .star{color:var(--brass);font-size:22px;line-height:1}
.hot-standby{display:flex;align-items:center;justify-content:center;gap:6px;color:var(--brass);font-size:12px;font-weight:700;letter-spacing:.08em}
.hot-standby:before,.hot-standby:after{content:"";width:1px;height:14px;background:var(--brass);opacity:.55}
.net-ellipsis{text-align:center;color:var(--ui);letter-spacing:.35em;font-size:18px;line-height:1}
.net-flow{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-width:18px}
.net-flow .dot{width:6px;height:6px;border-radius:50%;background:var(--brass);opacity:.85}
.net-flow:before,.net-flow:after{content:"";width:2px;height:18px;background:linear-gradient(var(--line),var(--brass-soft),var(--line));border-radius:2px}
.path-points{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}
.path-points li{border-top:2px solid var(--ink);padding-top:10px;color:var(--ink2);font-size:14px}
.path-points b{display:block;font:700 16px var(--serif);color:var(--ink);margin-bottom:4px}
.path-disclaimer{margin-top:14px;font-size:12px;color:var(--muted);line-height:1.55;max-width:860px}
@media(max-width:900px){
  .net{grid-template-columns:1fr;gap:8px;padding:16px}
  .net-col{flex-direction:row;flex-wrap:wrap}
  .net-col.clients .net-node,.net-col.exits .net-node,.net-col.gateways .net-node{flex:1 1 140px}
  .net-col.dest .net-node{flex:1 1 100%;min-height:72px;flex-direction:row;justify-content:center}
  .net-flow{flex-direction:row;min-height:18px;padding:4px 0}
  .net-flow:before,.net-flow:after{width:18px;height:2px}
  .hot-standby{width:100%}
  .hot-standby:before,.hot-standby:after{width:18px;height:1px}
  .path-points{grid-template-columns:1fr}
}

@media(max-width:760px){nav a:not(.btn){display:none}.hero{padding:36px 20px 28px}.apply{grid-template-columns:1fr}.stats,.grid3,.grid2,.list{grid-template-columns:1fr 1fr}.grid3,.grid2,.list{grid-template-columns:1fr}.band,.sec{padding:36px 20px}.band .w{padding:0}}
.contact-box{margin-top:12px;padding:14px 16px}.contact-box p{margin:6px 0 0;line-height:1.7}.foot .contact a,.contact-box a{color:inherit;text-decoration:underline}

.price.disabled{opacity:.55;filter:grayscale(.35);pointer-events:none;border-color:var(--line);background:#f0ebe3}
.price.disabled .amt,.price.disabled h3,.price.disabled p{color:var(--muted)!important}
.price.disabled .tag.muted{background:#e5dfd3;color:var(--muted)}
.price .pause{margin:10px 0 12px;font:700 14px var(--sans);color:var(--muted)!important;letter-spacing:.06em}
.price .btn{margin-top:12px;display:inline-block}
.price.disabled .btn{opacity:.7;cursor:not-allowed;pointer-events:none;border-color:var(--ui);color:var(--muted)!important;background:transparent}
.price.hot .btn{margin-top:14px}
select option:disabled{color:#999}