:root{
  --home-blue-soft:#EAF7FC;
  --home-green-soft:#EAF9F3;
  --home-line:#DDECF2;
  --home-stage:#F7FBFC;
  --home-stage-deep:#EEF8F7;
  --home-ink:#17313C;
}
.home-hero{padding-top:38px;padding-bottom:58px}
.home-title{font-size:clamp(50px,6.5vw,72px);letter-spacing:-.04em}
.home-title .hero-word{display:block;opacity:0;transform:translateY(18px);animation:home-rise .7s var(--ease) forwards}
.home-title .hero-word:nth-child(2){animation-delay:.16s}
.hero-eyebrow{animation:home-rise .6s var(--ease) forwards}
.hero-actions{animation:home-rise .65s .27s var(--ease) both}
.hero-subtitle,.trust-row,.platform-row-hero,.hero-flags{animation:home-rise .65s .38s var(--ease) both}
@keyframes home-rise{to{opacity:1;transform:none}}
.home-hero .hero-subtitle strong{color:var(--color-text)}
.trust-row{gap:8px}
.trust-row li{background:var(--home-blue-soft)}
.platform-row-hero{gap:21px;margin-top:19px}
.hero-flags{gap:14px;margin-top:17px}
.hero-flags li{display:flex;align-items:center;gap:7px;color:var(--color-muted);font-size:13px}
.flag{position:relative;display:inline-block;width:23px;height:16px;overflow:hidden;flex:0 0 auto;border-radius:5px;background:var(--color-panel-strong);box-shadow:inset 0 0 0 1px rgba(23,36,46,.08)}
.flag-us{background:repeating-linear-gradient(to bottom,var(--color-error) 0 2px,var(--color-bg) 2px 4px)}
.flag-us:before{content:"";position:absolute;left:0;top:0;width:10px;height:8px;background:var(--color-blue)}
.flag-jp{background:var(--color-bg)}
.flag-jp:before{content:"";position:absolute;width:7px;height:7px;left:8px;top:4px;border-radius:50%;background:var(--color-error)}
.flag-hk{background:var(--color-error)}
.flag-hk:before{content:"✦";position:absolute;left:7px;top:0;color:var(--color-bg);font-size:11px;line-height:16px}
.flag-sg{background:linear-gradient(to bottom,var(--color-error) 0 50%,var(--color-bg) 50%)}
.flag-sg:before{content:"◔";position:absolute;left:3px;top:-1px;color:var(--color-bg);font-size:13px}
.flag-kr{background:var(--color-bg)}
.flag-kr:before{content:"◉";position:absolute;left:7px;top:0;color:var(--color-accent);font-size:12px}
.flag-gb{background:var(--color-blue)}
.flag-gb:before{content:"＋";position:absolute;left:5px;top:-2px;color:var(--color-bg);font-size:14px}
.coordinate-stage{position:relative;width:min(92%,850px);height:130px;margin:33px auto 0;border-radius:var(--radius-lg);background:var(--home-stage);overflow:hidden}
.coordinate-stage:before,.coordinate-stage:after{content:"";position:absolute;inset:0;background-image:linear-gradient(var(--home-line) 1px,transparent 1px),linear-gradient(90deg,var(--home-line) 1px,transparent 1px);background-size:42px 42px;opacity:.55}
.coordinate-stage:after{background-size:126px 126px;opacity:.36}
.route-lines{position:absolute;inset:0;width:100%;height:100%;z-index:2;fill:none;stroke:var(--color-blue);stroke-width:1.6;stroke-dasharray:4 8}
.route-lines path:nth-child(2){stroke:var(--color-success);opacity:.75}
.route-lines path:nth-child(3){stroke:var(--color-accent);opacity:.65}
.route-orbit{position:absolute;border:1px solid var(--home-line);border-radius:50%;z-index:1}
.orbit-one{width:330px;height:100px;left:28%;top:17px;transform:rotate(-12deg)}
.orbit-two{width:190px;height:70px;left:48%;top:38px;transform:rotate(19deg)}
.route-node{position:absolute;z-index:3;width:9px;height:9px;border-radius:50%;background:var(--color-blue);box-shadow:0 0 0 5px var(--home-blue-soft)}
.node-origin{left:13%;top:83px;background:var(--color-muted)}
.node-east{right:20%;top:41px;background:var(--color-accent)}
.node-west{left:33%;top:33px;background:var(--color-success)}
.coordinate-label{position:absolute;z-index:4;color:var(--color-muted);font-size:10px}
.label-a{right:8%;bottom:17px}
.label-b{left:7%;top:15px;letter-spacing:.12em}
.stage-caption{position:absolute;z-index:4;left:7%;bottom:16px;display:flex;align-items:center;gap:7px;color:var(--color-muted);font-size:12px}
.stage-caption span{width:6px;height:6px;border-radius:50%;background:var(--color-success)}
.map-device{position:relative;margin-top:-15px}
.map-svg{background:var(--home-stage)}
.map-pin circle{fill:var(--color-bg);stroke:var(--color-blue);stroke-width:2}
.map-pin path{fill:var(--color-blue)}
.map-pin rect{fill:var(--color-accent);stroke:var(--color-bg);stroke-width:2}
.map-pin text{font:11px var(--font-body);fill:var(--color-muted)}
.pin-local circle{stroke:var(--color-muted)}
.pin-local path{fill:var(--color-muted)}
.pin-local rect{display:none}
.pin-jp circle{stroke:var(--color-blue);stroke-width:3}
.pin-jp rect{fill:var(--color-accent)}
.pin-hk rect{fill:var(--color-error)}
.pin-sg rect{fill:var(--color-success)}
.pin-kr rect{fill:var(--color-text)}
.pin-gb rect{fill:var(--color-blue)}
.stats-band-inner{display:flex;justify-content:center;gap:clamp(25px,7vw,82px);flex-wrap:wrap}
.stats-band .stat b{color:var(--color-blue)}
.section-heading{max-width:700px;margin-bottom:34px}
.section-heading h2{margin-top:9px}
.section-heading>p{margin-top:13px}
.section-kicker{display:block;color:var(--color-blue);font-size:12px;letter-spacing:.16em}
.feature-section{background:var(--home-stage)}
.feature-browser{display:grid;grid-template-columns:1fr 2.05fr;gap:22px;align-items:stretch}
.feature-index{display:grid;align-content:start;gap:4px;padding:10px 0}
.feature-tab{display:grid;grid-template-columns:82px 1fr 10px;align-items:center;gap:10px;min-height:60px;padding:12px 15px;text-align:left;border-radius:var(--radius-md);color:var(--color-muted)}
.feature-tab:hover,.feature-tab.is-active{background:var(--color-bg);color:var(--color-text);box-shadow:var(--shadow-soft)}
.feature-tab span{font-size:11px;color:var(--color-blue)}
.feature-tab b{font-size:14px}
.feature-tab i{width:7px;height:7px;border-radius:50%;background:var(--color-blue);opacity:.35}
.feature-tab.is-active i{opacity:1;box-shadow:0 0 0 5px var(--home-blue-soft)}
.feature-details{min-width:0}
.feature-panel{min-height:386px;padding:38px 42px;border-radius:var(--radius-xl);background:var(--color-bg);box-shadow:var(--shadow-window)}
.feature-panel[hidden]{display:none}
.feature-icon{display:flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:var(--radius-md);background:var(--home-green-soft);color:var(--color-success)}
.feature-icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.detail-code{display:block;margin-top:28px;color:var(--color-muted);font-size:11px;letter-spacing:.15em}
.feature-panel h3{margin-top:10px}
.feature-panel p{max-width:660px;margin-top:17px;font-size:16px;line-height:1.9}
.split-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;max-width:none}
.split-heading>p{max-width:430px}
.routes-table{min-width:680px}
.route-explanation{display:flex;align-items:flex-start;justify-content:space-between;gap:25px;margin-top:19px}
.route-explanation p{max-width:820px}
.text-link{display:inline-flex;align-items:center;gap:5px;color:var(--color-blue);font-weight:750;white-space:nowrap}
.text-link:hover{color:var(--color-accent-dark)}
.client-section{background:var(--home-stage)}
.client-section .section-heading{margin-bottom:28px}
.client-section .platform-card{background:var(--color-bg)}
.platform-card svg{stroke:currentColor;stroke-width:1.2;fill:currentColor}
.pricing-preview-section{background:var(--color-panel)}
.pricing-preview-section .plan-card{background:var(--color-bg)}
.traffic-note{display:flex;align-items:center;justify-content:center;gap:20px;flex-wrap:wrap;margin-top:22px;padding:16px 20px;border-radius:var(--radius-md);background:var(--color-bg);color:var(--color-muted);font-size:14px}
.traffic-note strong{color:var(--color-text)}
.traffic-note em{color:var(--color-success);font-style:normal}
.section-link{margin-top:22px;text-align:center}
.status-section{background:var(--home-stage)}
.server-status{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.srv-row{display:grid;grid-template-columns:10px 28px 1fr auto auto;align-items:center;gap:10px;min-width:0;padding:14px 16px;border-radius:var(--radius-md);background:var(--color-bg);box-shadow:var(--shadow-soft)}
.srv-dot{width:8px;height:8px;border-radius:50%;background:var(--color-success)}
.srv-flag{width:23px;height:16px}
.srv-name,.srv-type,.srv-ms,.srv-bw{white-space:nowrap}
.srv-name{font-weight:700}
.srv-type,.srv-ms,.srv-bw{font-size:12px;color:var(--color-muted)}
.blog-preview-section{background:var(--color-panel)}
.home-information{padding-top:88px}
.information-grid{display:grid;grid-template-columns:1.35fr .85fr;gap:20px}
.information-card{padding:36px;border-radius:var(--radius-xl);background:var(--color-panel);box-shadow:var(--shadow-soft)}
.information-card h2{margin-top:10px}
.information-card h3{margin-top:10px}
.information-card p{margin-top:17px;line-height:1.9}
.information-card-accent{background:var(--color-text)}
.information-card-accent h3,.information-card-accent strong{color:var(--color-bg)}
.information-card-accent p{color:var(--color-panel-strong)}
.check-list{display:grid;gap:11px;margin-top:23px;color:var(--color-panel-strong);font-size:14px}
@media (max-width:900px){
  .feature-browser{grid-template-columns:1fr}
  .feature-index{display:flex;overflow-x:auto;padding-bottom:5px}
  .feature-tab{flex:0 0 auto;grid-template-columns:auto auto 8px;min-height:48px;padding:10px 13px}
  .feature-tab span{display:none}
  .feature-panel{min-height:0}
  .server-status{grid-template-columns:1fr}
}
@media (max-width:768px){
  .home-hero{padding-top:24px}
  .home-title{font-size:clamp(30px,8vw,40px)}
  .coordinate-stage{width:100%;height:112px;margin-top:28px}
  .map-device{margin-top:-8px}
  .device-bar{padding-inline:10px}
  .map-svg{min-width:650px}
  .map-device{overflow:hidden}
  .route-strip{padding-inline:14px}
  .feature-panel{padding:28px 24px}
  .feature-panel p{font-size:15px;line-height:1.8}
  .split-heading{display:block}
  .split-heading>p{margin-top:13px}
  .route-explanation{display:block}
  .route-explanation .text-link{margin-top:14px}
  .information-grid{grid-template-columns:1fr}
  .home-information{padding-top:64px}
}
@media (max-width:640px){
  .home-hero{padding-bottom:38px}
  .home-title .hero-word{white-space:nowrap}
  .platform-row-hero{gap:12px 15px}
  .platform-row-hero li{font-size:12px}
  .hero-flags{justify-content:flex-start;gap:10px}
  .hero-flags li{font-size:12px}
  .coordinate-stage{display:none}
  .map-device{margin-top:24px}
  .map-device .device-bar{gap:7px}
  .coordinate-search{min-width:0}
  .coordinate-search .mono{font-size:10px}
  .feature-index{margin-inline:calc(var(--gutter) * -1);padding-inline:var(--gutter)}
  .feature-tab b{font-size:13px}
  .feature-panel h3{font-size:24px}
  .traffic-note{justify-content:flex-start;gap:9px 16px}
  .traffic-note em{width:100%}
  .srv-row{grid-template-columns:9px 25px 1fr auto;gap:8px}
  .srv-bw{grid-column:3 / -1}
  .information-card{padding:25px}
}
@media (prefers-reduced-motion:reduce){
  .home-title .hero-word,.hero-eyebrow,.hero-actions,.hero-subtitle,.trust-row,.platform-row-hero,.hero-flags{animation:none;opacity:1;transform:none}
}