.home-hero{
  position:relative;
  min-height:calc(100svh - var(--header-height));
  overflow:clip;
  padding-top:26px;
  padding-bottom:28px;
}
.home-hero-grid{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:minmax(0,1.03fr) minmax(0,.97fr);
  gap:14px;
  align-items:stretch;
}
.home-hero-copy{
  display:flex;
  min-height:660px;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  padding:46px;
  background:var(--color-surface);
}
.home-hero-copy .badge{margin-bottom:22px}
.home-hero-copy h1{max-width:650px;margin-bottom:4px}
.home-hero-copy .hero-actions{margin-top:18px;margin-bottom:22px}
.home-hero-copy .hero-lead{max-width:620px;margin-bottom:22px;font-size:17px}
.home-hero-copy .hero-lead strong{color:var(--color-brand-deep)}
.home-hero-copy .trust-row{margin-top:2px}
.home-hero-visual{
  display:grid;
  min-width:0;
  grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr);
  grid-template-rows:minmax(0,1fr) auto;
  gap:14px;
}
.hero-window-cell{
  display:flex;
  grid-column:1/3;
  align-items:center;
  justify-content:center;
  padding:28px;
  overflow:clip;
  background:var(--color-surface-strong);
}
.hero-window-cell::before{
  position:absolute;
  width:76%;
  height:72%;
  border-radius:var(--radius-md);
  background:var(--color-brand-soft);
  content:"";
  transform:translate(34px,28px) rotate(-2deg);
}
.hero-window-cell .app-window{position:relative;z-index:1}
.hero-platform-cell,
.hero-flag-cell{
  min-width:0;
  padding:17px 18px;
}
.hero-platform-cell{background:var(--color-paper)}
.hero-flag-cell{background:var(--color-surface-strong)}
.hero-platform-row{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
}
.hero-platform{
  display:flex;
  min-width:0;
  align-items:center;
  gap:6px;
  color:var(--color-muted);
  font-size:10px;
  white-space:nowrap;
}
.hero-platform svg{
  width:17px;
  height:17px;
  flex:0 0 auto;
  color:var(--color-ink);
}
.hero-flag-row{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:7px;
}
.hero-flag{
  display:flex;
  min-width:0;
  align-items:center;
  gap:5px;
  color:var(--color-muted);
  font-size:10px;
  white-space:nowrap;
}
.hero-flag svg{
  width:22px;
  height:15px;
  flex:0 0 auto;
  overflow:hidden;
  border-radius:var(--radius-xs);
  box-shadow:0 0 0 1px var(--color-line);
}
.flag-paper{fill:var(--color-paper)}
.flag-red{fill:var(--color-flag-red)}
.flag-blue{fill:var(--color-flag-blue)}
.flag-green{fill:var(--color-flag-green)}
.flag-yellow{fill:var(--color-flag-yellow)}
.hero-glow{
  position:absolute;
  top:7%;
  right:-10%;
  width:48%;
  height:72%;
  border-radius:var(--radius-pill);
  background:radial-gradient(circle,var(--color-brand-mid),transparent 68%);
  pointer-events:none;
}
.fact-band{
  border-top:1px solid var(--color-line);
  border-bottom:1px solid var(--color-line);
  background:var(--color-surface-strong);
}
.fact-band-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
}
.fact-band-grid>div{
  display:flex;
  min-width:0;
  min-height:88px;
  flex-direction:column;
  justify-content:center;
  padding:15px 24px;
  border-right:1px solid var(--color-line);
}
.fact-band-grid>div:last-child{border-right:0}
.fact-band-value{
  color:var(--color-brand-deep);
  font-family:var(--font-mono);
  font-size:21px;
  font-weight:800;
  line-height:1.3;
}
.fact-band-label{color:var(--color-muted);font-size:13px}
.feature-section{background:var(--color-surface)}
.feature-ledger{display:grid;gap:76px}
.feature-row{
  display:grid;
  grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);
  gap:72px;
  align-items:center;
}
.feature-row.is-reversed .feature-copy{order:2}
.feature-row.is-reversed .feature-demo{order:1}
.feature-copy{min-width:0}
.feature-copy h3{margin-bottom:17px}
.feature-copy p{margin:0;color:var(--color-muted);font-size:17px;line-height:1.85}
.feature-index{
  display:inline-block;
  margin-bottom:13px;
  color:var(--color-brand);
  font-size:12px;
  font-weight:800;
  letter-spacing:.12em;
}
.feature-demo{
  position:relative;
  min-width:0;
  min-height:300px;
  overflow:clip;
  border:1px solid var(--color-line);
  border-radius:var(--radius-md);
  background:var(--color-paper);
  box-shadow:var(--shadow-window);
}
.feature-demo::after{
  position:absolute;
  inset:auto -8% -24% auto;
  width:48%;
  height:56%;
  border-radius:var(--radius-pill);
  background:var(--color-brand-soft);
  content:"";
}
.demo-toolbar{
  display:flex;
  height:44px;
  align-items:center;
  gap:8px;
  padding:0 16px;
  border-bottom:1px solid var(--color-line);
  background:var(--color-surface);
}
.demo-toolbar span{
  width:10px;
  height:10px;
  border-radius:var(--radius-pill);
  background:var(--color-line);
}
.demo-toolbar span:first-child{background:var(--color-danger)}
.demo-toolbar span:nth-child(2){background:var(--color-warning)}
.demo-toolbar span:nth-child(3){background:var(--color-success)}
.demo-toolbar b{
  margin-left:auto;
  color:var(--color-muted);
  font-size:12px;
  font-weight:650;
}
.demo-route{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:auto 1fr auto;
  gap:12px;
  align-items:center;
  margin:14px 18px;
  padding:14px;
  border:1px solid var(--color-line);
  border-radius:var(--radius-sm);
  background:var(--color-surface);
}
.demo-route.is-selected{
  border-color:var(--color-brand);
  background:var(--color-brand-soft);
}
.demo-route i{
  width:11px;
  height:11px;
  border-radius:var(--radius-pill);
  background:var(--color-success);
  box-shadow:0 0 0 4px var(--color-success-soft);
}
.demo-route strong{font-size:14px}
.demo-route em{
  color:var(--color-muted);
  font-size:12px;
  font-style:normal;
}
.privacy-demo{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
}
.privacy-shield{
  display:grid;
  width:112px;
  height:112px;
  margin-bottom:22px;
  place-items:center;
  border-radius:var(--radius-pill);
  background:var(--color-brand-soft);
  color:var(--color-brand);
  box-shadow:0 0 0 12px var(--color-brand-soft);
}
.privacy-shield svg{width:68px;height:68px}
.privacy-demo strong{position:relative;z-index:1;font-size:22px}
.privacy-demo>span{position:relative;z-index:1;color:var(--color-muted)}
.device-demo{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  align-content:center;
  padding:34px;
  background:var(--color-surface-strong);
}
.device-tile{
  position:relative;
  z-index:1;
  display:grid;
  min-height:76px;
  place-items:center;
  border:1px solid var(--color-line);
  border-radius:var(--radius-sm);
  background:var(--color-paper);
  color:var(--color-ink);
  font-weight:800;
  box-shadow:var(--shadow-card);
}
.device-wide{grid-column:1/3}
.ai-demo{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  align-content:center;
  padding:34px;
}
.ai-demo>div{
  position:relative;
  z-index:1;
  display:flex;
  min-height:82px;
  align-items:center;
  gap:12px;
  padding:17px;
  border:1px solid var(--color-line);
  border-radius:var(--radius-sm);
  background:var(--color-surface);
  font-weight:750;
}
.status-mark{
  width:10px;
  height:10px;
  flex:0 0 auto;
  border-radius:var(--radius-pill);
  background:var(--color-success);
  box-shadow:0 0 0 4px var(--color-success-soft);
}
.media-demo{padding:30px}
.media-screen{
  position:relative;
  z-index:1;
  display:grid;
  height:150px;
  margin-bottom:16px;
  place-items:center;
  border:1px solid var(--color-line);
  border-radius:var(--radius-sm);
  background:var(--color-ink);
}
.media-screen span{
  width:0;
  height:0;
  border-top:22px solid transparent;
  border-bottom:22px solid transparent;
  border-left:34px solid var(--color-paper);
}
.media-line{
  position:relative;
  z-index:1;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:10px 4px;
  border-bottom:1px solid var(--color-line);
}
.media-line b{font-size:13px}
.media-line i{
  color:var(--color-success);
  font-size:12px;
  font-style:normal;
  font-weight:800;
}
.refund-demo{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
}
.refund-number{
  position:relative;
  z-index:1;
  color:var(--color-brand);
  font-size:92px;
  font-weight:850;
  line-height:1;
}
.refund-demo strong{position:relative;z-index:1;font-size:22px}
.refund-demo>span:last-child{position:relative;z-index:1;color:var(--color-muted);font-size:13px}
.refund-rule{
  position:relative;
  z-index:1;
  width:84px;
  height:1px;
  margin:18px 0;
  background:var(--color-line);
}
.route-preview-section{background:var(--color-canvas)}
.route-preview-head,
.pricing-head,
.blog-preview-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:28px;
  margin-bottom:34px;
}
.route-preview-head .section-head,
.pricing-head .section-head,
.blog-preview-head .section-head{margin-bottom:0}
.text-link{
  display:inline-flex;
  min-height:44px;
  flex:0 0 auto;
  align-items:center;
  font-weight:800;
}
.route-guidance{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
  margin-top:24px;
}
.route-guidance>div{
  min-width:0;
  padding:24px;
  border:1px solid var(--color-line);
  border-radius:var(--radius-sm);
  background:var(--color-surface);
}
.route-guidance h3{font-size:21px}
.route-guidance p{margin:0;color:var(--color-muted)}
.status-reference{
  display:grid;
  grid-template-columns:minmax(0,.36fr) minmax(0,.64fr);
  gap:24px;
  align-items:start;
  margin-top:24px;
  padding:26px;
  border:1px solid var(--color-line);
  border-radius:var(--radius-md);
  background:var(--color-surface-strong);
}
.status-reference-copy p{margin:0;color:var(--color-muted)}
.server-status{
  display:grid;
  min-width:0;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
}
.srv-row{
  display:grid;
  min-width:0;
  grid-template-columns:auto auto minmax(0,1fr) auto auto;
  gap:8px;
  align-items:center;
  min-height:42px;
  padding:8px 10px;
  border:1px solid var(--color-line);
  border-radius:var(--radius-sm);
  background:var(--color-paper);
  font-family:var(--font-mono);
  font-size:11px;
}
.srv-dot{
  width:7px;
  height:7px;
  flex:0 0 auto;
  border-radius:var(--radius-pill);
  background:var(--color-success);
  box-shadow:0 0 0 3px var(--color-success-soft);
}
.srv-flag{width:20px;height:14px;overflow:hidden;border-radius:var(--radius-xs)}
.srv-name{min-width:0;overflow:hidden;color:var(--color-ink);text-overflow:ellipsis;white-space:nowrap}
.srv-type{
  max-width:100%;
  overflow:hidden;
  color:var(--color-muted);
  text-overflow:ellipsis;
  white-space:nowrap;
}
.srv-ms{color:var(--color-brand-deep);white-space:nowrap}
.srv-bw{color:var(--color-success);white-space:nowrap}
.client-section{background:var(--color-surface)}
.platform-card{
  display:flex;
  min-height:276px;
  flex-direction:column;
}
.platform-card p{
  min-height:54px;
  color:var(--color-muted);
  font-size:13px;
}
.platform-card .btn{margin-top:auto}
.pricing-preview{background:var(--color-canvas)}
.plan-card{
  display:flex;
  min-height:470px;
  flex-direction:column;
}
.plan-audience{margin:22px 0 0;color:var(--color-muted)}
.plan-card .plan-features{margin-top:auto}
.plan-card>.btn{width:100%}
.traffic-pack-note{
  display:grid;
  grid-template-columns:1fr auto;
  gap:28px;
  align-items:center;
  margin-top:20px;
  padding:28px;
  border:1px solid var(--color-line);
  border-radius:var(--radius-md);
  background:var(--color-surface-strong);
  box-shadow:var(--shadow-card);
}
.traffic-pack-note h3{margin:12px 0 8px}
.traffic-pack-note p{margin:0;color:var(--color-muted)}
.decision-section{background:var(--color-surface-strong)}
.decision-layout{
  display:grid;
  grid-template-columns:minmax(0,.38fr) minmax(0,.62fr);
  gap:72px;
  align-items:start;
}
.decision-title{
  position:sticky;
  top:calc(var(--header-height) + 28px);
}
.decision-title h2{margin-top:18px}
.decision-title p{color:var(--color-muted);font-size:17px}
.decision-notes{border-top:1px solid var(--color-line)}
.decision-notes article{
  padding:30px 4px;
  border-bottom:1px solid var(--color-line);
}
.decision-notes h3{margin:8px 0 12px}
.decision-notes p{margin:0;color:var(--color-muted);font-size:16px;line-height:1.8}
.decision-label{color:var(--color-brand);font-size:11px;font-weight:800;letter-spacing:.1em}
.blog-preview{background:var(--color-canvas)}
.home-article-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.home-article-grid .article-card{min-height:310px}
.home-article-grid .article-card h3{font-size:19px}
@media (max-width:1160px){
  .home-hero-grid{grid-template-columns:1fr}
  .home-hero-copy{min-height:auto}
  .home-hero-visual{grid-template-rows:auto auto}
  .hero-window-cell{min-height:430px}
  .home-article-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .status-reference{grid-template-columns:1fr}
}
@media (max-width:900px){
  .feature-row,
  .feature-row.is-reversed{
    grid-template-columns:1fr;
    gap:28px;
  }
  .feature-row.is-reversed .feature-copy,
  .feature-row.is-reversed .feature-demo{order:initial}
  .decision-layout{grid-template-columns:1fr;gap:38px}
  .decision-title{position:static}
  .platform-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:768px){
  .home-hero{min-height:auto;padding-top:18px}
  .home-hero-copy{padding:30px 24px}
  .home-hero-copy .hero-lead{font-size:16px}
  .home-hero-visual{grid-template-columns:1fr}
  .hero-window-cell,
  .hero-platform-cell,
  .hero-flag-cell{grid-column:1}
  .hero-window-cell{min-height:auto;padding:20px 14px}
  .fact-band-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .fact-band-grid>div:nth-child(2){border-right:0}
  .fact-band-grid>div:nth-child(-n+2){border-bottom:1px solid var(--color-line)}
  .feature-ledger{gap:58px}
  .feature-copy p{font-size:16px}
  .route-preview-head,
  .pricing-head,
  .blog-preview-head{align-items:flex-start;flex-direction:column}
  .route-guidance{grid-template-columns:1fr}
  .traffic-pack-note{grid-template-columns:1fr}
  .home-article-grid{grid-template-columns:1fr}
}
@media (max-width:640px){
  .home-hero-copy{padding:26px 20px}
  .home-hero-copy h1 .no-break{white-space:normal}
  .home-hero-copy .hero-actions{width:100%}
  .hero-platform-row,
  .hero-flag-row{grid-template-columns:repeat(2,minmax(0,1fr))}
  .home-hero-visual .window-body{grid-template-columns:1fr}
  .home-hero-visual .route-list{border-right:0;border-bottom:1px solid var(--color-line)}
  .feature-demo{min-height:270px}
  .device-demo,
  .ai-demo{padding:20px}
  .ai-demo{grid-template-columns:1fr}
  .server-status{grid-template-columns:1fr}
  .srv-row{grid-template-columns:auto auto minmax(0,1fr) auto}
  .srv-bw{display:none}
  .platform-grid{grid-template-columns:1fr}
  .platform-card{min-height:0}
  .platform-card p{min-height:0}
  .fact-band-grid>div{padding-inline:16px}
}
@media (max-width:390px){
  .hero-platform-row,
  .hero-flag-row{grid-template-columns:1fr}
  .feature-demo{min-height:250px}
  .demo-route{grid-template-columns:auto 1fr}
  .demo-route em{grid-column:2}
  .device-demo{padding:16px}
  .device-tile{min-height:64px;font-size:13px}
  .status-reference{padding:18px}
}