/* ============================================================
   ithouse — WordPress page variations · styles
   (extends hosting-variations/styles.css)
   ============================================================ */

/* shared bits */
.wp-eyebrow-row{display:flex;align-items:center;gap:10px;}
.wp-tile{position:relative;display:flex;align-items:center;justify-content:center;
  background:#1e1e1e;border:1px solid rgba(255,255,255,.07);border-radius:14px;flex-shrink:0;}
.wp-feature-li{display:flex;gap:10px;align-items:flex-start;font-size:15.5px;color:var(--fg-4);line-height:1.4;}
.wp-cta-pill, .hv-page a.wp-cta-pill{position:relative;display:inline-flex;align-items:center;height:48px;
  background:#fff;color:#18181b;border-radius:9999px;width:fit-content;overflow:hidden;
  padding:4px 56px 4px 24px;font-size:18px;font-weight:500;letter-spacing:-.025em;
  cursor:pointer;transition:padding .5s cubic-bezier(.4,0,.2,1);}
.wp-cta-pill:hover, .hv-page a.wp-cta-pill:hover{padding:4px 24px 4px 56px;}
.wp-pill-ic{position:absolute;right:4px;width:40px;height:40px;border-radius:9999px;background:#18181b;color:#fff;
  display:flex;align-items:center;justify-content:center;
  transition:right .5s cubic-bezier(.4,0,.2,1),transform .5s cubic-bezier(.4,0,.2,1);}
.wp-pill-ic svg{fill:currentColor;}
.wp-cta-pill:hover .wp-pill-ic{right:calc(100% - 44px);transform:rotate(45deg);}

/* ---------------- W1 · watermark ---------------- */
.w1-hero{position:relative;padding:200px 0 110px;overflow:hidden;}
.w1-mark{position:absolute;top:50%;right:-180px;transform:translateY(-46%);width:760px;height:760px;
  opacity:.07;pointer-events:none;user-select:none;
  -webkit-mask-image:linear-gradient(180deg,#000 55%,transparent 96%);
  mask-image:linear-gradient(180deg,#000 55%,transparent 96%);}
.w1-mark img{width:100%;height:100%;}
.w1-woo{position:absolute;right:340px;bottom:120px;width:150px;opacity:.85;
  filter:drop-shadow(0 6px 18px rgba(0,0,0,.5));}
.w1-proof{display:flex;gap:32px;flex-wrap:wrap;}
.w1-proof span{display:flex;gap:9px;align-items:center;font-size:15px;color:var(--fg-4);}
/* animated gradient-border price chip (shadcn-style, iblue) */
.w1-proof span.w1-price{display:inline-flex;gap:0;padding:1px;border-radius:9999px;overflow:hidden;position:relative;isolation:isolate;}
.w1-price-spin{position:absolute;inset:-150%;z-index:0;background:conic-gradient(from 0deg,#93e3f1 0deg,#93e3f1 40deg,transparent 60deg);animation:w1-price-spin 4s linear infinite;}
.w1-proof span.w1-price .w1-price-in{position:relative;z-index:1;display:inline-flex;gap:9px;align-items:center;background:#18181b;border-radius:9999px;padding:6px 15px;color:var(--fg-4);text-decoration:none;cursor:pointer;transition:color .2s cubic-bezier(.4,0,.2,1);}
.w1-proof span.w1-price .w1-price-in:hover{color:#fff;}
@keyframes w1-price-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.w1-price-spin{animation:none;}}
.w1-spec{display:grid;grid-template-columns:repeat(3,1fr);gap:0;
  border:1px solid rgba(255,255,255,.09);border-radius:12px;background:rgba(255,255,255,.015);overflow:hidden;}
.w1-spec-col{padding:36px 36px 40px;border-left:1px solid var(--hairline);display:flex;flex-direction:column;gap:18px;}
.w1-spec-col:first-child{border-left:none;}
.w1-spec-col ul{list-style:none;padding:0;display:flex;flex-direction:column;gap:13px;}

/* W1 — woo storefront mock with speed overlay */
.w1-shop-wrap{position:relative;padding:18px 10px;}
.w1-shop{background:#0d0d10;border:1px solid rgba(255,255,255,.09);border-radius:12px;
  box-shadow:0 24px 64px rgba(0,0,0,.5);overflow:hidden;}
.w1-shop-bar{display:flex;align-items:center;gap:7px;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.07);}
.w1-shop-bar i{width:11px;height:11px;border-radius:99px;background:rgba(255,255,255,.14);}
.w1-shop-url{margin-left:10px;display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.05);
  border-radius:5px;padding:5px 14px;font-family:var(--mono);font-size:12px;color:var(--fg-3);letter-spacing:0;}
.w1-shop-url svg{width:11px;height:11px;color:var(--green);}
.w1-shop-body{display:grid;grid-template-columns:1.05fr 1fr;gap:28px;padding:26px;}
.w1-shop-img{background:linear-gradient(150deg,#212025 0%,#1a191d 100%);border:1px solid rgba(255,255,255,.05);
  border-radius:8px;min-height:218px;display:flex;align-items:center;justify-content:center;}
.w1-shop-img svg{width:44px;height:44px;color:rgba(255,255,255,.14);}
.w1-shop-info{display:flex;flex-direction:column;gap:14px;padding-top:6px;}
.w1-line{height:11px;border-radius:99px;background:rgba(255,255,255,.10);}
.w1-line.dim{background:rgba(255,255,255,.05);}
.w1-shop-price{font-family:var(--heading);font-size:26px;font-weight:600;letter-spacing:-.025em;color:#fff;margin-top:6px;}
.w1-shop-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--primary);color:#18181b;
  border-radius:4px;padding:10px 22px;font-size:14px;font-weight:500;letter-spacing:-.025em;margin-top:4px;width:fit-content;}
/* floating metric chips */
.w1-chip{position:absolute;display:flex;align-items:center;gap:10px;background:#1e1e1e;
  border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:11px 16px;
  box-shadow:0 14px 36px rgba(0,0,0,.55);z-index:2;}
.w1-chip .lbl{font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--fg-2);}
.w1-chip .val{font-family:var(--heading);font-size:18px;font-weight:600;letter-spacing:-.02em;color:#fff;}
.w1-chip .val em{font-style:normal;font-size:12px;color:var(--fg-3);margin-left:2px;}
.w1-chip.mr{top:42%;right:-14px;}
.w1-chip.bl{bottom:-8px;left:22px;}
.w1-dot{width:8px;height:8px;border-radius:99px;background:var(--green);animation:w1-pulse 2.2s var(--ease) infinite;}
.w1-chip .ok{color:var(--green);font-size:14px;font-weight:500;letter-spacing:-.01em;}
@keyframes w1-pulse{0%,100%{box-shadow:0 0 0 0 rgba(108,239,206,.45);}55%{box-shadow:0 0 0 7px rgba(108,239,206,0);}}
@media (prefers-reduced-motion: reduce){.w1-dot{animation:none;}}
/* TTFB sparkline card */
.w1-spark{position:absolute;top:42%;right:-18px;z-index:2;display:flex;flex-direction:column;gap:8px;
  background:#1e1e1e;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:13px 16px;
  box-shadow:0 14px 36px rgba(0,0,0,.55);}
.w1-spark-top{display:flex;align-items:baseline;gap:8px;}
.w1-spark-top .lbl{font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--fg-2);}
.w1-spark-top .val{font-family:var(--heading);font-size:19px;font-weight:600;letter-spacing:-.02em;color:#fff;}
.w1-spark-top .val em{font-style:normal;font-size:12px;color:var(--fg-3);margin-left:2px;}
.w1-spark-bars{display:flex;align-items:flex-end;gap:4px;height:30px;}
.w1-spark-bars i{width:6px;border-radius:2px 2px 1px 1px;background:rgba(147,227,241,.28);}
.w1-spark-bars i.hot{background:linear-gradient(180deg,#93e3f1 0%,#00bf84 100%);
  animation:w1-bar 2.6s var(--ease) infinite;}
@keyframes w1-bar{0%,100%{transform:scaleY(1);}50%{transform:scaleY(.78);}}
.w1-spark-bars i.hot{transform-origin:bottom;}
@media (prefers-reduced-motion: reduce){.w1-spark-bars i.hot{animation:none;}}
.w1-gauge{position:absolute;top:-18px;right:26px;z-index:2;display:flex;align-items:center;gap:14px;
  background:#1e1e1e;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:13px 18px 13px 13px;
  box-shadow:0 14px 36px rgba(0,0,0,.55);}
.w1-gauge-ring{position:relative;width:58px;height:58px;flex-shrink:0;}
.w1-gauge-ring svg{width:100%;height:100%;transform:rotate(-90deg);}
.w1-gauge-ring .bg{stroke:rgba(255,255,255,.08);}
.w1-gauge-ring .arc{stroke:url(#w1GaugeGrad);stroke-linecap:round;
  stroke-dasharray:163.4;stroke-dashoffset:8.2;animation:w1-arc 1.4s var(--ease) both;}
.w1-gauge-num{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
  font-family:var(--heading);font-size:15px;font-weight:600;letter-spacing:-.02em;color:var(--green);}
.w1-gauge-meta{display:flex;flex-direction:column;gap:5px;}
.w1-gauge-meta .lbl{font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--fg-2);}
.w1-gauge-meta .val{font-family:var(--heading);font-size:19px;font-weight:600;letter-spacing:-.02em;color:#fff;}
.w1-gauge-meta .val em{font-style:normal;font-size:12px;color:var(--fg-3);margin-left:2px;}
.w1-gauge-pill{display:inline-flex;align-items:center;gap:6px;width:fit-content;background:rgba(108,239,206,.1);
  border:1px solid rgba(108,239,206,.25);border-radius:99px;padding:2.5px 10px;
  font-size:11.5px;font-weight:500;color:var(--green);letter-spacing:-.01em;}
@keyframes w1-arc{from{stroke-dashoffset:163.4;}to{stroke-dashoffset:8.2;}}
@media (prefers-reduced-motion: reduce){.w1-gauge-ring .arc{animation:none;}}

/* W1 — staging + profiling overlap illustration */
.w1-stage-wrap{position:relative;padding:0 0 64px;}
.w1-stage{background:#0d0d10;border:1px solid rgba(255,255,255,.09);border-radius:12px;
  box-shadow:0 24px 64px rgba(0,0,0,.5);overflow:hidden;width:88%;}
.w1-stage-bar{display:flex;align-items:center;gap:7px;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.07);}
.w1-stage-bar i{width:11px;height:11px;border-radius:99px;background:rgba(255,255,255,.14);}
.w1-stage-url{margin-left:10px;display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.05);
  border-radius:5px;padding:5px 14px;font-family:var(--mono);font-size:12px;color:var(--fg-3);letter-spacing:0;}
.w1-stage-pill{display:inline-flex;align-items:center;gap:6px;background:rgba(147,227,241,.1);
  border:1px solid rgba(147,227,241,.3);border-radius:99px;padding:2.5px 10px;
  font-size:11px;font-weight:500;color:var(--cyan);letter-spacing:.02em;text-transform:uppercase;}
.w1-stage-body{display:flex;flex-direction:column;gap:0;padding:10px 0;}
.w1-stage-row{display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding:13px 22px;border-bottom:1px solid rgba(255,255,255,.05);font-size:13.5px;color:var(--fg-4);}
.w1-stage-row:last-child{border-bottom:none;}
.w1-stage-row .file{font-family:var(--mono);font-size:12.5px;letter-spacing:0;color:var(--fg-4);}
.w1-stage-row .ok{color:var(--green);font-size:12.5px;display:flex;align-items:center;gap:6px;flex-shrink:0;}
.w1-stage-cta{display:inline-flex;align-items:center;gap:8px;background:rgba(108,239,206,.08);color:var(--green);
  border:1px solid rgba(108,239,206,.3);
  border-radius:4px;padding:8px 16px;font-size:13px;font-weight:500;letter-spacing:-.025em;margin:10px 22px 14px;width:fit-content;}
/* trace window overlapping */
.w1-trace{position:absolute;right:0;bottom:0;width:62%;background:#16161a;
  border:1px solid rgba(255,255,255,.12);border-radius:10px;box-shadow:0 20px 56px rgba(0,0,0,.65);overflow:hidden;z-index:2;}
.w1-trace-bar{display:flex;align-items:center;justify-content:space-between;padding:11px 16px;border-bottom:1px solid rgba(255,255,255,.07);}
.w1-trace-bar .t{font-family:var(--mono);font-size:11.5px;letter-spacing:.04em;color:var(--fg-3);text-transform:uppercase;}
.w1-trace-bar .total{font-family:var(--heading);font-size:14px;font-weight:600;color:#fff;letter-spacing:-.02em;}
.w1-trace-body{padding:14px 16px 16px;display:flex;flex-direction:column;gap:9px;}
.w1-trace-row{display:grid;grid-template-columns:108px 1fr 44px;align-items:center;gap:10px;}
.w1-trace-row .lbl{font-family:var(--mono);font-size:11px;letter-spacing:0;color:var(--fg-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.w1-trace-row .ms{font-family:var(--mono);font-size:11px;color:var(--fg-2);text-align:right;}
.w1-trace-lane{position:relative;height:10px;}
.w1-trace-lane i{position:absolute;top:0;height:10px;border-radius:3px;background:rgba(147,227,241,.55);}
.w1-trace-lane i.g{background:rgba(0,191,132,.65);}
.w1-trace-lane i.warn{background:rgba(246,170,80,.75);}
.w1-trace-row.slow .lbl,.w1-trace-row.slow .ms{color:#f6aa50;}

/* W1 — security suite illustration */
.w1-sec-wrap{position:relative;padding:18px 0 0;}
.w1-sec{background:#0d0d10;border:1px solid rgba(255,255,255,.09);border-radius:12px;
  box-shadow:0 24px 64px rgba(0,0,0,.5);overflow:hidden;width:90%;}
.w1-sec-head{display:flex;align-items:center;gap:10px;padding:13px 18px;border-bottom:1px solid rgba(255,255,255,.07);}
.w1-sec-head .ttl{font-family:var(--mono);font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--fg-3);}
.w1-sec-live{margin-left:auto;display:flex;align-items:center;gap:7px;font-size:12px;color:var(--green);}
.w1-sec-log{display:flex;flex-direction:column;padding:6px 0 10px;}
.w1-log-row{display:grid;grid-template-columns:64px 1fr 92px;align-items:center;gap:14px;
  padding:9.5px 18px;border-bottom:1px solid rgba(255,255,255,.04);}
.w1-log-row:last-child{border-bottom:none;}
.w1-log-row .t{font-family:var(--mono);font-size:11px;color:var(--fg-2);letter-spacing:0;}
.w1-log-row .src{font-family:var(--mono);font-size:12px;color:var(--fg-4);letter-spacing:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.w1-act{justify-self:end;display:inline-flex;align-items:center;gap:6px;border-radius:99px;
  padding:2.5px 10px;font-size:11px;font-weight:500;letter-spacing:.01em;}
.w1-act.block{background:rgba(246,120,143,.1);border:1px solid rgba(246,120,143,.3);color:#f6788f;}
.w1-act.chal{background:rgba(246,170,80,.1);border:1px solid rgba(246,170,80,.3);color:#f6aa50;}
.w1-act.allow{background:rgba(108,239,206,.08);border:1px solid rgba(108,239,206,.25);color:var(--green);}
/* overlapping DDoS stat card */
.w1-ddos{position:absolute;right:-6px;top:-18px;z-index:2;width:330px;background:#1e1e1e;
  border:1px solid rgba(255,255,255,.12);border-radius:10px;box-shadow:0 20px 56px rgba(0,0,0,.65);
  padding:18px 20px 16px;display:flex;flex-direction:column;gap:12px;}
.w1-ddos .lbl{font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--fg-2);}
.w1-ddos .big{font-family:var(--heading);font-size:26px;font-weight:600;letter-spacing:-.025em;color:#fff;}
.w1-ddos .big em{font-style:normal;font-size:13px;font-weight:400;color:var(--fg-3);margin-left:6px;letter-spacing:-.01em;}
.w1-ddos svg{width:100%;height:46px;display:block;}
.w1-ddos .mit{display:flex;align-items:center;gap:11px;border-top:1px solid rgba(255,255,255,.08);
  padding-top:13px;margin-top:2px;}
.w1-ddos .mit-ic{display:flex;align-items:center;justify-content:center;width:26px;height:26px;flex-shrink:0;
  border-radius:99px;background:rgba(108,239,206,.1);border:1px solid rgba(108,239,206,.3);}
.w1-ddos .mit-ic svg{width:13px;height:13px;}
.w1-ddos .mit-tx{display:flex;flex-direction:column;gap:1px;}
.w1-ddos .mit-tx b{font-size:13px;font-weight:500;color:#fff;letter-spacing:-.01em;}
.w1-ddos .mit-tx span{font-size:12px;color:var(--fg-3);letter-spacing:-.01em;}

/* W1 — global CDN map */
.w1-cdn-map{position:relative;max-width:1060px;margin:0 auto;}
.w1-cdn-map img{width:100%;height:auto;display:block;}
.w1-cdn-fade{position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(90deg,var(--bg) 0%,transparent 9%,transparent 91%,var(--bg) 100%),
             linear-gradient(180deg,transparent 82%,var(--bg) 100%);}
.w1-city{position:absolute;display:flex;align-items:center;gap:8px;transform:translateY(-50%);
  background:rgba(9,9,11,.72);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
  border:1px solid rgba(255,255,255,.12);border-radius:6px;padding:6px 11px;white-space:nowrap;}
.w1-city.flip{transform:translate(-100%,-50%);}
.w1-city .bar{width:8px;height:8px;border-radius:99px;flex-shrink:0;box-shadow:0 0 8px 1px rgba(255,255,255,.12);}
.w1-city .tx{display:flex;flex-direction:row;align-items:baseline;gap:8px;}
.w1-city .nm{font-size:13.5px;font-weight:500;color:#fff;letter-spacing:-.015em;white-space:nowrap;}
.w1-city .ms{font-family:var(--mono);font-size:11px;letter-spacing:0;color:var(--fg-3);}
.w1-cdn-stats{display:grid;grid-template-columns:repeat(3,auto);justify-content:center;gap:0;}
.w1-cdn-stat{display:flex;flex-direction:column;gap:8px;padding:6px 56px;border-left:1px solid var(--hairline);}
.w1-cdn-stat:first-child{border-left:none;}
.w1-cdn-stat b{font-family:var(--heading);font-size:40px;font-weight:600;letter-spacing:-.03em;color:#fff;line-height:1;}
.w1-cdn-stat b em{font-style:normal;font-size:20px;color:var(--fg-3);margin-left:2px;}
.w1-cdn-stat span{font-size:14.5px;color:var(--fg-3);letter-spacing:-.01em;}

/* W1 — FAQ */
.w1-faq{display:flex;flex-direction:column;}
.w1-faq-item{border-bottom:1px solid var(--hairline);}
.w1-faq-item:first-child{border-top:1px solid var(--hairline);}
.w1-faq-q{display:flex;align-items:center;justify-content:space-between;gap:24px;width:100%;
  background:none;border:none;cursor:pointer;text-align:left;padding:22px 4px;
  font-family:var(--body);font-size:18px;font-weight:500;color:#fff;letter-spacing:-.02em;
  transition:color .2s var(--ease);}
.w1-faq-q:hover{color:var(--cyan);}
.w1-faq-q .ind{font-family:var(--mono);font-size:18px;color:var(--fg-2);flex-shrink:0;
  transition:transform .2s var(--ease);line-height:1;}
.w1-faq-item.open .w1-faq-q .ind{transform:rotate(45deg);color:var(--cyan);}
.w1-faq-a{overflow:hidden;max-height:0;transition:max-height .25s var(--ease);}
.w1-faq-item.open .w1-faq-a{max-height:200px;}
.w1-faq-a p{padding:0 4px 24px;font-size:15.5px;line-height:1.6;color:var(--fg-4);max-width:560px;letter-spacing:-.015em;}

/* W1 — CTA grain card (from Hosting V5) */
.w1-cta-card{position:relative;border-radius:24px;overflow:hidden;padding:88px 48px;
  display:flex;flex-direction:column;gap:36px;align-items:center;text-align:center;
  background:radial-gradient(120% 120% at 12% -10%, rgba(14,116,144,.85) 0%, rgba(15,58,71,.85) 42%, rgba(11,14,17,.95) 92%), #0B0D0F;}
.w1-cta-card::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:radial-gradient(60% 50% at 88% 8%, rgba(147,227,241,.22) 0%, transparent 70%);}
.w1-cta-grain{position:absolute;inset:0;pointer-events:none;z-index:1;
  background:url("../textures/noise.png") 0 0 / 256px 256px repeat;image-rendering:pixelated;}
.w1-cta-card > *:not(.w1-cta-grain){position:relative;z-index:2;}
.w1-cta-card .hv-lead{color:rgba(255,255,255,.88);}
/* per-platform grain tints — follows each application's brand color */
.w1-cta-card.cta-wp{background:radial-gradient(120% 120% at 12% -10%, rgba(127,84,179,.80) 0%, rgba(56,40,86,.85) 42%, rgba(13,11,17,.95) 92%), #0D0B11;}
.w1-cta-card.cta-wp::before{background:radial-gradient(60% 50% at 88% 8%, rgba(165,196,253,.22) 0%, transparent 70%);}
.w1-cta-card.cta-ps{background:radial-gradient(120% 120% at 12% -10%, rgba(226,6,111,.62) 0%, rgba(84,14,48,.85) 42%, rgba(17,11,15,.95) 92%), #110B0F;}
.w1-cta-card.cta-ps::before{background:radial-gradient(60% 50% at 88% 8%, rgba(246,120,143,.22) 0%, transparent 70%);}
.w1-cta-card.cta-mg{background:radial-gradient(120% 120% at 12% -10%, rgba(242,99,34,.72) 0%, rgba(99,38,15,.85) 42%, rgba(17,12,10,.95) 92%), #110C0A;}
.w1-cta-card.cta-mg::before{background:radial-gradient(60% 50% at 88% 8%, rgba(251,176,64,.24) 0%, transparent 70%);}
.w1-cta-card.cta-nd{background:radial-gradient(120% 120% at 12% -10%, rgba(67,147,68,.78) 0%, rgba(26,59,30,.85) 42%, rgba(10,16,11,.95) 92%), #0A100B;}
.w1-cta-card.cta-nd::before{background:radial-gradient(60% 50% at 88% 8%, rgba(190,242,100,.20) 0%, transparent 70%);}

/* ---------------- W2 · twin tiles ---------------- */
.w2-hero{position:relative;padding:190px 0 90px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:36px;}
.w2-tiles{position:relative;display:flex;align-items:center;}
.w2-tile-wp{width:172px;height:172px;border-radius:24px;z-index:1;}
.w2-tile-wp img{width:96px;height:96px;}
.w2-tile-woo{width:120px;height:120px;border-radius:18px;margin-left:-28px;margin-bottom:-72px;z-index:2;
  background:#212025;box-shadow:0 16px 40px rgba(0,0,0,.5);}
.w2-tile-woo img{width:76px;}
.w2-stats{display:flex;gap:0;border-top:1px solid var(--hairline);border-bottom:1px solid var(--hairline);width:100%;}
.w2-stat{flex:1;display:flex;flex-direction:column;gap:8px;align-items:center;padding:30px 16px;border-left:1px solid var(--hairline);}
.w2-stat:first-child{border-left:none;}
.w2-stat b{font-family:var(--heading);font-size:30px;font-weight:600;letter-spacing:-.025em;}
.w2-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
.w2-card{background:var(--card);border:1px solid rgba(255,255,255,.06);border-radius:10px;padding:26px 24px 30px;
  display:flex;flex-direction:column;gap:18px;}
.w2-card-head{display:flex;align-items:center;gap:10px;}
.w2-card ul{list-style:none;padding:0;display:flex;flex-direction:column;gap:12px;}
.w2-band{background:var(--bg-deep);border-radius:16px;padding:72px 64px;display:flex;align-items:flex-end;justify-content:space-between;gap:48px;}

/* ---------------- W3 · terminal ---------------- */
.w3-hero{position:relative;padding:190px 0 100px;overflow:hidden;}
.w3-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:72px;align-items:center;}
.w3-term{position:relative;background:#0d0d10;border:1px solid rgba(255,255,255,.09);border-radius:12px;
  box-shadow:0 24px 64px rgba(0,0,0,.5);overflow:hidden;}
.w3-term-bar{display:flex;align-items:center;gap:7px;padding:13px 16px;border-bottom:1px solid rgba(255,255,255,.07);}
.w3-term-bar i{width:11px;height:11px;border-radius:99px;background:rgba(255,255,255,.14);}
.w3-term-bar span{font-family:var(--mono);font-size:12px;color:var(--fg-2);margin-left:8px;letter-spacing:0;}
.w3-term-body{padding:22px 22px 26px;font-family:var(--mono);font-size:13.5px;line-height:2.05;letter-spacing:0;color:var(--fg-4);}
.w3-term-body .p{color:var(--cyan);}
.w3-term-body .c{color:var(--fg-2);}
.w3-term-body .g{color:var(--green);}
.w3-caret{display:inline-block;width:8px;height:15px;background:var(--cyan);vertical-align:-2px;margin-left:2px;animation:w3-blink 1s steps(1) infinite;}
@keyframes w3-blink{50%{opacity:0;}}
.w3-mark{position:absolute;top:-110px;right:-130px;width:420px;height:420px;opacity:.05;pointer-events:none;}
.w3-mark img{width:100%;height:100%;}
.w3-bullets{display:flex;flex-direction:column;gap:14px;}
.w3-flow{display:flex;align-items:center;gap:14px;flex-wrap:wrap;}
.w3-flow-node{display:flex;flex-direction:column;gap:6px;background:var(--card);border:1px solid rgba(255,255,255,.07);
  border-radius:10px;padding:18px 22px;min-width:190px;}
.w3-flow-arrow{color:var(--fg-2);display:flex;align-items:center;}
.w3-sec-row{display:flex;gap:12px;flex-wrap:wrap;}
.w3-sec-chip{display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.08);border-radius:6px;padding:12px 18px;font-size:15px;color:var(--fg-4);}

/* ---------------- W4 · marquee ---------------- */
.w4-hero{position:relative;padding:170px 0 80px;display:flex;flex-direction:column;align-items:center;gap:44px;text-align:center;}
.w4-mq-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;
  width:108px;height:108px;background:#09090b;border:4px solid #3F3F46;border-radius:18px;
  display:flex;align-items:center;justify-content:center;box-shadow:0 12px 32px rgba(0,0,0,.45);}
.w4-mq-center img{width:56px;height:56px;}
.w4-woo-sat{position:absolute;left:calc(50% + 38px);top:calc(50% + 26px);z-index:3;width:62px;height:62px;
  border-radius:12px;background:#212025;border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;
  box-shadow:0 10px 26px rgba(0,0,0,.55);}
.w4-woo-sat img{width:40px;}
.w4-chips{overflow:hidden;display:flex;width:100%;}
.w4-chips-track{display:flex;flex-shrink:0;animation:hv-mq-slide 46s linear infinite;}
.w4-chips.rev .w4-chips-track{animation-direction:reverse;}
.w4-chips-group{display:flex;gap:10px;padding-right:10px;flex-shrink:0;}
.w4-chip{display:flex;align-items:center;gap:9px;white-space:nowrap;background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.08);border-radius:6px;padding:11px 17px;font-size:14.5px;color:var(--fg-4);}
.w4-index{display:grid;grid-template-columns:1fr 1fr;gap:0 72px;}
.w4-index-row{display:flex;align-items:baseline;justify-content:space-between;gap:24px;
  padding:17px 4px;border-bottom:1px solid var(--hairline);}
.w4-index-row b{font-size:17px;font-weight:500;color:#fff;letter-spacing:-.025em;}
.w4-index-row span{font-size:14px;color:var(--fg-2);text-align:right;}