.wg8-page {
  --wg8-bg: var(--wg-bg,#050506);
  --wg8-bg-soft: var(--wg-surface,#0b0b0d);
  --wg8-panel: var(--wg-surface-2,#101014);
  --wg8-text: var(--wg-text,#f7f4fa);
  --wg8-muted: var(--wg-muted,#b8b1bd);
  --wg8-soft: var(--wg-soft,#817a85);
  --wg8-line: var(--wg-line,rgba(255,255,255,.12));
  --wg8-lime: var(--wg-lime,#71fd14);
  --wg8-purple: var(--wg-purple,#9b4dff);
  --wg8-pink: var(--wg-pink,#df007d);
  --wg8-paper: var(--wg-surface,#0b0b0d);
  --wg8-ink: var(--wg-text,#f7f4fa);
  background: var(--wg8-bg);
  color: var(--wg8-text);
  font-family: Inter,"Segoe UI",sans-serif;
  line-height: 1.55;
  overflow: clip;
  hyphens: none;
}
.wg8-page *, .wg8-page *::before, .wg8-page *::after { box-sizing: border-box; }
.wg8-page h1,.wg8-page h2,.wg8-page h3,.wg8-page h4,.wg8-page p { max-width: 100%; overflow-wrap: break-word; }
.wg8-page a { color: inherit; text-decoration: none; }
.wg8-page button,.wg8-page input { font: inherit; }
.wg8-wrap { width: min(calc(100% - 36px),1180px); margin: 0 auto; }
.wg8-eyebrow { display: inline-block; color: var(--wg8-lime); font: 650 .69rem/1.2 ui-monospace,SFMono-Regular,Menlo,monospace; letter-spacing: .13em; text-transform: uppercase; }
.wg8-gradient { background:linear-gradient(102deg,#fff 3%,#d6baff 38%,#ff82c7 73%,var(--wg8-pink) 100%); -webkit-background-clip:text; background-clip:text; color: transparent; }
.wg8-button { display:inline-flex; min-height:48px; align-items:center; justify-content:center; gap:8px; padding:0 19px; border:1px solid var(--wg8-line); border-radius:11px; color:#f4f7f2; background:rgba(255,255,255,.025); font-size:.93rem; font-weight:650; cursor:pointer; transition:transform .18s ease,border-color .18s ease,background .18s ease; }
.wg8-button:hover { transform:translateY(-2px); border-color:rgba(194,112,255,.42); }
.wg8-button--primary { border-color:transparent; color:#fff; background:var(--wg-action,linear-gradient(105deg,#6334c7 0%,#8d2eaf 52%,#b32268 100%)); box-shadow:0 10px 26px rgba(97,45,156,.16); }
.wg8-button--primary:hover { background:var(--wg-action-hover,linear-gradient(105deg,#6d3bd0 0%,#9635b7 52%,#bd2a70 100%)); }
.wg8-button--ghost { background:rgba(255,255,255,.025); }

.wg8-hero { min-height:calc(100svh - var(--wg-header-h,76px)); display:grid; align-items:center; position:relative; overflow:hidden; background:radial-gradient(circle at 14% 14%,rgba(155,77,255,.13),transparent 32rem),radial-gradient(circle at 88% 11%,rgba(231,52,139,.085),transparent 27rem),var(--wg8-bg); }
.wg8-hero::before { content:""; position:absolute; inset:0; pointer-events:none; opacity:.42; background:linear-gradient(rgba(255,255,255,.024) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.024) 1px,transparent 1px); background-size:58px 58px; mask-image:linear-gradient(#000,transparent 86%); }
.wg8-hero-grid { position:relative; display:grid; grid-template-columns:1.12fr .88fr; gap:clamp(40px,6vw,76px); align-items:center; padding:88px 0 82px; }
.wg8-hero-grid>* { min-width:0; }
.wg8-hero h1 { max-width:850px; margin:.75rem 0 1.15rem; color:#fff; font-size:clamp(2.1rem,3.5vw,3.29rem); font-weight:650; line-height:1; letter-spacing:-.055em; }
.wg8-hero-copy { max-width:690px; margin:0; color:var(--wg8-muted); font-size:clamp(1rem,1.5vw,1.15rem); }
.wg8-actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:28px; }
.wg8-hero-mini { display:flex; flex-wrap:wrap; gap:9px; margin-top:27px; }
.wg8-hero-mini span { padding:7px 10px; border:1px solid var(--wg8-line); border-radius:999px; color:#9eaa9b; background:rgba(255,255,255,.018); font:650 .68rem ui-monospace,SFMono-Regular,Menlo,monospace; }
.wg8-hero-machine { height:500px; position:relative; perspective:1200px; }
.wg8-browser { position:absolute; inset:34px 0 22px 34px; overflow:hidden; border:1px solid var(--wg8-line); border-radius:24px; background:#0b0b0e; box-shadow:0 45px 120px rgba(0,0,0,.5); transform:rotateY(-7deg) rotateX(2deg); transition:transform .3s ease; }
.wg8-hero-machine:hover .wg8-browser { transform:rotateY(-2deg) rotateX(0); }
.wg8-browser-top { height:44px; display:flex; align-items:center; gap:7px; padding:0 14px; border-bottom:1px solid var(--wg8-line); }
.wg8-browser-top i { width:8px; height:8px; border-radius:50%; background:#394038; }
.wg8-browser-top i:first-child { background:var(--wg8-pink); box-shadow:0 0 15px rgba(231,52,139,.28); }
.wg8-browser-top i:nth-child(2) { background:var(--wg8-purple); }
.wg8-browser-top i:nth-child(3) { background:var(--wg8-lime); }
.wg8-fake-page { padding:22px; }
.wg8-fake-nav { width:46%; height:10px; border-radius:8px; background:#443f48; }
.wg8-fake-hero { height:164px; position:relative; overflow:hidden; margin-top:18px; border-radius:16px; background:linear-gradient(135deg,#211c25,#0f0f12); }
.wg8-fake-hero::before { content:""; position:absolute; left:22px; top:28px; width:58%; height:18px; border-radius:8px; background:#eef4e9; }
.wg8-fake-hero::after { content:""; position:absolute; left:22px; top:60px; width:42%; height:9px; border-radius:8px; background:#807786; box-shadow:0 18px 0 #625b68,0 36px 0 #47424c; }
.wg8-fake-cards { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin-top:12px; }
.wg8-fake-cards i { height:100px; border:1px solid var(--wg8-line); border-radius:13px; background:#111114; }
.wg8-layer { position:absolute; max-width:190px; padding:13px 14px; border:1px solid var(--wg8-line); border-radius:13px; background:rgba(11,11,14,.94); box-shadow:0 20px 60px rgba(0,0,0,.42); backdrop-filter:blur(10px); font-size:.75rem; }
.wg8-layer b { display:block; margin-bottom:3px; color:var(--wg8-lime); font:650 .65rem ui-monospace,SFMono-Regular,Menlo,monospace; letter-spacing:.07em; text-transform:uppercase; }
.wg8-layer span { color:#b8b1bd; }
.wg8-layer--business { right:-18px; top:52px; }
.wg8-layer--ux { left:-4px; bottom:92px; }
.wg8-layer--tech { right:10px; bottom:28px; }

.wg8-marquee { overflow:hidden; border-top:1px solid var(--wg8-line); border-bottom:1px solid var(--wg8-line); background:#030304; }
.wg8-track { display:flex; width:max-content; animation:wg8-marquee 30s linear infinite; }
.wg8-track span { padding:17px 28px; color:#b9c3b7; font:650 .7rem ui-monospace,SFMono-Regular,Menlo,monospace; letter-spacing:.1em; text-transform:uppercase; white-space:nowrap; }
.wg8-track span::after { content:"//"; margin-left:56px; color:var(--wg8-lime); }
@keyframes wg8-marquee { to { transform:translateX(-50%); } }

.wg8-service-router { padding:46px 0 60px; border-bottom:1px solid var(--wg8-line); background:linear-gradient(180deg,rgba(183,255,74,.018),transparent 55%),#070708; }
.wg8-service-router__kicker { margin:0 0 18px; color:var(--wg8-lime); font:600 .68rem/1.2 ui-monospace,SFMono-Regular,Menlo,monospace; letter-spacing:.14em; text-transform:uppercase; }
.wg8-service-router__grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); overflow:hidden; border:1px solid rgba(255,255,255,.13); border-radius:2px; background:#0a0a0c; }
.wg8-service-router__item { min-width:0; min-height:292px; position:relative; display:flex; flex-direction:column; padding:22px 23px 20px; color:inherit; text-decoration:none; background:linear-gradient(180deg,rgba(255,255,255,.014),transparent 45%); transition:background .2s ease,color .2s ease; }
.wg8-service-router__item + .wg8-service-router__item { border-left:1px solid rgba(255,255,255,.11); }
.wg8-service-router__item::before { content:""; position:absolute; left:0; right:0; top:0; height:2px; background:var(--wg8-lime); transform:scaleX(.18); transform-origin:left; transition:transform .22s ease,background .22s ease; }
.wg8-service-router__meta { display:flex; align-items:center; gap:9px; color:#aab3a7; font:650 .63rem/1.25 ui-monospace,SFMono-Regular,Menlo,monospace; letter-spacing:.1em; text-transform:uppercase; }
.wg8-service-router__meta span:first-child { color:var(--wg8-lime); }
.wg8-service-router__meta span:first-child::after { content:"—"; margin-left:9px; color:#697066; }
.wg8-service-router__item h3 { margin:44px 0 10px; color:#fff; font-size:clamp(1.12rem,1.48vw,1.44rem); font-weight:600; line-height:1.06; letter-spacing:-.035em; }
.wg8-service-router__item p { margin:0 0 28px; color:#aeb5ad; font-size:.84rem; line-height:1.58; }
.wg8-service-router__cta { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:auto; color:#e7ede4; font-size:.76rem; font-weight:650; line-height:1.3; }
.wg8-service-router__arrow { flex:0 0 28px; display:grid; width:28px; height:28px; place-items:center; border:1px solid rgba(183,255,74,.48); border-radius:2px; color:var(--wg8-lime); background:rgba(183,255,74,.035); transition:border-color .2s ease,color .2s ease,transform .2s ease; }
.wg8-service-router__arrow::before { content:"→"; font:650 .92rem/1 ui-monospace,SFMono-Regular,Menlo,monospace; transform:rotate(-45deg); }
.wg8-service-router__item:hover,.wg8-service-router__item:focus-visible { outline:none; background:linear-gradient(145deg,rgba(183,255,74,.052),transparent 52%),radial-gradient(circle at 100% 100%,rgba(231,52,139,.06),transparent 55%); }
.wg8-service-router__item:hover::before,.wg8-service-router__item:focus-visible::before { background:linear-gradient(90deg,var(--wg8-lime),var(--wg8-pink)); transform:scaleX(1); }
.wg8-service-router__item:hover .wg8-service-router__arrow,.wg8-service-router__item:focus-visible .wg8-service-router__arrow { border-color:rgba(231,52,139,.62); color:#ff8fc7; transform:translate(2px,-2px); }
.wg8-service-router__item:focus-visible { box-shadow:inset 0 0 0 2px var(--wg8-lime); }
.wg8-service-router__mobile-hint { display:none; }

.wg8-light { position:relative; isolation:isolate; overflow:hidden; color:#f4f7f0; background:#050507; border-block:1px solid var(--wg8-line); }
.wg8-light-tubes { position:absolute; z-index:0; inset:0; width:100%; height:100%; pointer-events:none; opacity:.78; mix-blend-mode:screen; }
.wg8-light .wg8-wrap { position:relative; z-index:1; padding:82px 0; }
.wg8-light .wg8-eyebrow { color:var(--wg8-lime); }
.wg8-light-grid { display:grid; grid-template-columns:.95fr 1.05fr; gap:70px; align-items:end; }
.wg8-light-grid>* { min-width:0; }
.wg8-light h2 { max-width:760px; margin:.45rem 0; color:#fff; font-size:clamp(1.54rem,2.66vw,2.555rem); font-weight:600; line-height:.97; letter-spacing:-.052em; }
.wg8-light h2 em,.wg8-bigline em { color:#df007d; font-style:normal; }
.wg8-light p { max-width:640px; margin:0; color:#d7d2d9; font-size:1.08rem; }
.wg8-bigline { margin-top:48px; font-size:clamp(1.9rem,3.35vw,3.45rem); font-weight:650; line-height:1.06; letter-spacing:-.045em; }

@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference) { .wg8-light { cursor:none; } }

.wg8-blueprint { position:relative; padding:112px 0 120px; background:radial-gradient(circle at 84% 8%,rgba(231,52,139,.065),transparent 30rem),radial-gradient(circle at 10% 70%,rgba(155,77,255,.065),transparent 28rem),#050506; }
.wg8-blueprint::before { content:""; position:absolute; inset:0; pointer-events:none; opacity:.34; background:linear-gradient(rgba(190,160,230,.026) 1px,transparent 1px),linear-gradient(90deg,rgba(190,160,230,.026) 1px,transparent 1px); background-size:42px 42px; mask-image:linear-gradient(transparent,#000 14%,#000 76%,transparent); }
.wg8-section-head,.wg8-bento-head { position:relative; display:flex; justify-content:space-between; align-items:end; gap:34px; margin-bottom:42px; }
.wg8-section-head h2,.wg8-bento-head h2 { max-width:760px; margin:.5rem 0 0; color:#fff; font-size:clamp(1.54rem,2.66vw,2.555rem); font-weight:600; line-height:.97; letter-spacing:-.052em; }
.wg8-section-head>p,.wg8-bento-head>p { max-width:430px; margin:0; color:var(--wg8-muted); }
.wg8-blueprint-shell { position:relative; display:grid; grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr); overflow:hidden; border:1px solid rgba(194,112,255,.18); border-radius:24px; background:#09090b; box-shadow:0 28px 90px rgba(0,0,0,.28); }
.wg8-blueprint-map { min-height:600px; position:relative; overflow:hidden; border-right:1px solid var(--wg8-line); background:linear-gradient(145deg,rgba(155,77,255,.035),transparent 35%),#08080a; }
.wg8-blueprint-grid { position:absolute; inset:0; opacity:.72; background:linear-gradient(rgba(194,170,220,.052) 1px,transparent 1px),linear-gradient(90deg,rgba(194,170,220,.052) 1px,transparent 1px); background-size:24px 24px; }
.wg8-floorplan { position:absolute; inset:8% 7% 12%; width:86%; height:80%; fill:none; stroke:#70806c; stroke-width:3; stroke-linecap:round; stroke-linejoin:round; filter:drop-shadow(0 0 10px rgba(183,255,74,.04)); }
.wg8-floorplan__window { stroke:var(--wg8-purple); stroke-width:7; }
.wg8-floorplan__door { stroke:var(--wg8-lime); }
.wg8-floorplan__shelf,.wg8-floorplan__desk,.wg8-floorplan__chair { stroke:#4c5949; stroke-width:2.4; }
.wg8-floorplan__light { stroke:#64725f; stroke-width:2; }
.wg8-room-tag { position:absolute; color:#aeb8aa; font:650 .58rem ui-monospace,SFMono-Regular,Menlo,monospace; letter-spacing:.16em; }
.wg8-room-tag--front { left:25%; top:44%; }
.wg8-room-tag--office { right:22%; top:19%; }
.wg8-room-tag--service { right:20%; bottom:22%; }
.wg8-hotspot { --x:50%; --y:50%; position:absolute; left:var(--x); top:var(--y); z-index:3; display:flex; min-width:44px; min-height:44px; align-items:center; gap:7px; padding:6px 8px; border:1px solid rgba(183,255,74,.3); border-radius:999px; color:#e9efe5; background:rgba(10,10,12,.94); box-shadow:0 0 0 4px rgba(5,5,6,.72),0 8px 24px rgba(0,0,0,.3); transform:translate(-50%,-50%); cursor:pointer; transition:transform .18s ease,border-color .18s ease,background .18s ease; }
.wg8-hotspot span { display:grid; width:28px; height:28px; place-items:center; border-radius:999px; color:#151a12; background:var(--wg8-lime); font:650 .61rem ui-monospace,SFMono-Regular,Menlo,monospace; }
.wg8-hotspot b { max-width:0; overflow:hidden; opacity:0; white-space:nowrap; font-size:.72rem; transition:max-width .2s ease,opacity .2s ease; }
.wg8-hotspot:hover,.wg8-hotspot:focus-visible,.wg8-hotspot.is-active { border-color:var(--wg8-lime); background:#101013; transform:translate(-50%,-50%) scale(1.04); }
.wg8-hotspot:hover b,.wg8-hotspot:focus-visible b,.wg8-hotspot.is-active b { max-width:120px; opacity:1; }
.wg8-blueprint-hint { position:absolute; left:22px; bottom:18px; margin:0; color:#9eaa9b; font:650 .64rem ui-monospace,SFMono-Regular,Menlo,monospace; }
.wg8-blueprint-panel { min-width:0; padding:32px; background:linear-gradient(180deg,rgba(155,77,255,.045),transparent 33%),#0c0c0f; }
.wg8-blueprint-panel__number { color:var(--wg8-lime); font:650 3rem/1 ui-monospace,SFMono-Regular,Menlo,monospace; letter-spacing:-.09em; opacity:.82; }
.wg8-blueprint-panel__label { display:inline-block; margin-top:8px; color:#8d9989; font:650 .64rem ui-monospace,SFMono-Regular,Menlo,monospace; letter-spacing:.12em; text-transform:uppercase; }
.wg8-blueprint-panel h3 { margin:12px 0 25px; color:#fff; font-size:clamp(1.19rem,1.82vw,1.715rem); line-height:1.02; letter-spacing:-.045em; }
.wg8-blueprint-row { padding:16px 0; border-top:1px solid var(--wg8-line); }
.wg8-blueprint-row small { display:block; margin-bottom:5px; color:#aeb8aa; font:650 .6rem ui-monospace,SFMono-Regular,Menlo,monospace; letter-spacing:.1em; text-transform:uppercase; }
.wg8-blueprint-row p { margin:0; color:#c3bbc8; font-size:.86rem; }
.wg8-blueprint-row--result { margin-top:4px; padding:16px; border:1px solid rgba(183,255,74,.22); border-radius:13px; background:rgba(183,255,74,.025); }
.wg8-blueprint-row--result small { color:#86a65d; }
.wg8-blueprint-row--result p { color:#ebf2e6; font-weight:700; }
.wg8-blueprint-tabs { display:none; }

.wg8-door-punch { position:relative; display:grid; grid-template-columns:160px minmax(0,1fr); gap:34px; align-items:center; margin-top:28px; padding:36px 40px; border:1px solid rgba(255,255,255,.11); border-left:3px solid var(--wg8-lime); border-radius:20px; background:radial-gradient(circle at 90% 20%,rgba(231,52,139,.07),transparent 22rem),#0b0b0e; }
.wg8-door-punch__handle { display:block; width:112px; height:112px; position:relative; justify-self:center; border:2px solid #5f6d5a; border-radius:50%; }
.wg8-door-punch__handle::before { content:""; position:absolute; left:51px; top:51px; width:62px; height:9px; border-radius:999px; background:var(--wg8-lime); box-shadow:0 0 20px rgba(183,255,74,.22); transform:rotate(-9deg); transform-origin:left center; }
.wg8-door-punch__handle::after { content:""; position:absolute; left:43px; top:43px; width:22px; height:22px; border:4px solid var(--wg8-lime); border-radius:50%; background:#0d0d10; }
.wg8-door-punch h3 { margin:0 0 10px; color:#fff; font-size:clamp(1.4rem,2.45vw,2.52rem); line-height:.98; letter-spacing:-.052em; }
.wg8-door-punch p { max-width:760px; margin:0; color:var(--wg8-muted); }
.wg8-door-punch strong { display:block; margin-top:12px; color:#ff9dce; font-size:1.02rem; }

.wg8-value { margin-top:72px; }
.wg8-value-head { display:grid; grid-template-columns:.55fr 1.45fr; gap:28px; align-items:end; margin-bottom:24px; }
.wg8-value-head h3 { margin:0; color:#fff; font-size:clamp(1.4rem,2.59vw,2.66rem); line-height:1; letter-spacing:-.052em; }
.wg8-value-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }
.wg8-value-grid article { min-height:200px; padding:24px; border:1px solid var(--wg8-line); border-radius:17px; background:var(--wg8-panel); }
.wg8-value-grid article:nth-child(2) { background:linear-gradient(145deg,rgba(179,56,255,.07),transparent 52%),var(--wg8-panel); }
.wg8-value-grid article:nth-child(3) { border-color:rgba(255,255,255,.12); border-top:2px solid rgba(183,255,74,.72); background:linear-gradient(145deg,rgba(231,52,139,.055),transparent 52%),var(--wg8-panel); }
.wg8-value-grid code { color:var(--wg8-lime); font:650 .62rem ui-monospace,SFMono-Regular,Menlo,monospace; }
.wg8-value-grid h4 { margin:42px 0 7px; color:#fff; font-size:1.28rem; letter-spacing:-.035em; }
.wg8-value-grid p { margin:0; color:#b8b1bd; font-size:.84rem; }
.wg8-value-punch { margin-top:32px; color:#f0f4ed; font-size:clamp(2rem,4.2vw,3.65rem); font-weight:650; line-height:1.01; letter-spacing:-.055em; }
.wg8-value-punch em { color:transparent; font-style:normal; background:linear-gradient(100deg,#c7a9ff,var(--wg8-pink)); -webkit-background-clip:text; background-clip:text; }

.wg8-autopsy { padding:112px 0; background:radial-gradient(circle at 82% 32%,rgba(155,77,255,.07),transparent 27rem),#060607; border-top:1px solid var(--wg8-line); }
.wg8-autopsy-grid,.wg8-router-grid { display:grid; grid-template-columns:.82fr 1.18fr; gap:70px; align-items:center; }
.wg8-autopsy-grid>*,.wg8-router-grid>* { min-width:0; }
.wg8-autopsy h2,.wg8-router h2 { max-width:760px; margin:.5rem 0 1rem; color:#fff; font-size:clamp(1.855rem,3.255vw,3.36rem); line-height:.95; letter-spacing:-.058em; }
.wg8-autopsy p,.wg8-router>div>p { max-width:620px; color:var(--wg8-muted); }
.wg8-stack-controls { display:flex; gap:9px; margin-top:24px; }
.wg8-stack-controls button { min-height:42px; padding:0 14px; border:1px solid var(--wg8-line); border-radius:10px; color:#dce4d9; background:#121612; cursor:pointer; font-weight:650; }
.wg8-stack-controls button:first-child { color:#fff; border-color:transparent; background:var(--wg-action,linear-gradient(105deg,#6334c7,#b32268)); }
.wg8-stack { min-height:475px; position:relative; perspective:1200px; }
.wg8-stack-card { position:absolute; inset:0 0 auto; overflow:hidden; border:1px solid var(--wg8-line); border-radius:20px; background:#0f0f12; box-shadow:0 25px 70px rgba(0,0,0,.28); transition:transform .5s cubic-bezier(.2,.75,.2,1),opacity .5s ease; }
.wg8-stack-card:nth-child(1){transform:translateY(0) rotate(-.7deg)} .wg8-stack-card:nth-child(2){transform:translateY(18px) rotate(.7deg)} .wg8-stack-card:nth-child(3){transform:translateY(36px) rotate(-.35deg)} .wg8-stack-card:nth-child(4){transform:translateY(54px) rotate(.5deg)}
.wg8-stack-card header { padding:14px 18px; border-bottom:1px solid var(--wg8-line); color:var(--wg8-lime); background:#0d0d10; font:650 .64rem ui-monospace,SFMono-Regular,Menlo,monospace; letter-spacing:.1em; }
.wg8-stack-card>div { padding:28px; }
.wg8-stack-card b { display:block; margin-bottom:8px; color:#fff; font-size:1.55rem; }
.wg8-stack-card p { margin:0; color:#adb7ab; }
.wg8-stack.is-exploded .wg8-stack-card:nth-child(1){transform:translate(-44px,-58px) rotate(-4deg)} .wg8-stack.is-exploded .wg8-stack-card:nth-child(2){transform:translate(42px,70px) rotate(4deg)} .wg8-stack.is-exploded .wg8-stack-card:nth-child(3){transform:translate(-18px,190px) rotate(-2deg)} .wg8-stack.is-exploded .wg8-stack-card:nth-child(4){transform:translate(58px,310px) rotate(2deg)}

.wg8-router { position:relative; isolation:isolate; overflow:hidden; padding:112px 0; color:var(--wg8-text); border-block:1px solid var(--wg8-line); background:radial-gradient(circle at 82% 18%,rgba(155,77,255,.12),transparent 30rem),radial-gradient(circle at 18% 86%,rgba(231,52,139,.07),transparent 26rem),#070708; }
.wg8-router::before { content:""; position:absolute; z-index:-1; inset:0; opacity:.42; pointer-events:none; background:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px); background-size:46px 46px; mask-image:linear-gradient(90deg,#000,transparent 78%); }
.wg8-router-intro { position:relative; }
.wg8-router .wg8-eyebrow { color:var(--wg8-lime); }
.wg8-router h2 { color:#fff; }
.wg8-router-flow { width:min(100%,460px); display:grid; grid-template-columns:auto 1fr auto 1fr auto; gap:10px; align-items:center; margin-top:36px; color:#838c80; font:650 .62rem/1.2 ui-monospace,SFMono-Regular,Menlo,monospace; letter-spacing:.11em; }
.wg8-router-flow i { height:1px; position:relative; background:linear-gradient(90deg,var(--wg8-lime),rgba(183,255,74,.12)); }
.wg8-router-flow i::after { content:""; position:absolute; right:-1px; top:-2px; width:5px; height:5px; border-radius:50%; background:var(--wg8-lime); box-shadow:0 0 12px rgba(183,255,74,.48); }
.wg8-quiz { position:relative; overflow:hidden; border:1px solid rgba(194,112,255,.3); border-radius:18px; color:#f6f7f4; background:rgba(10,10,13,.97); box-shadow:0 32px 100px rgba(0,0,0,.42),0 0 0 1px rgba(183,255,74,.035); backdrop-filter:blur(14px); }
.wg8-quiz::before { content:""; position:absolute; left:0; right:0; top:0; height:2px; background:linear-gradient(90deg,var(--wg8-lime),var(--wg8-purple) 54%,var(--wg8-pink)); }
.wg8-quiz-top { display:flex; justify-content:space-between; gap:15px; padding:15px 20px; border-bottom:1px solid var(--wg8-line); color:#929b90; background:#0d0d10; font:650 .68rem ui-monospace,SFMono-Regular,Menlo,monospace; letter-spacing:.06em; }
.wg8-quiz-top>span:first-child { display:flex; align-items:center; gap:8px; }
.wg8-quiz-top i { width:7px; height:7px; border-radius:50%; background:var(--wg8-lime); box-shadow:0 0 12px rgba(183,255,74,.55); }
.wg8-quiz-body { min-height:420px; display:grid; align-items:center; padding:34px; }
.wg8-question,.wg8-result { width:100%; }
.wg8-question[hidden],.wg8-result[hidden],.wg8-result-actions>[hidden] { display:none!important; }
.wg8-question h3,.wg8-result h3 { margin:0 0 22px; color:#fff; font-size:clamp(1.155rem,1.82vw,1.505rem); line-height:1.08; letter-spacing:-.04em; }
.wg8-choice { width:100%; min-height:72px; display:grid; grid-template-columns:42px minmax(0,1fr) 20px; gap:13px; align-items:center; margin-top:10px; padding:10px 16px; border:1px solid rgba(255,255,255,.12); border-radius:12px; color:#eef2eb; background:rgba(255,255,255,.025); text-align:left; cursor:pointer; font-weight:680; line-height:1.35; transition:transform .18s ease,border-color .18s ease,background .18s ease; }
.wg8-choice::before { content:attr(data-choice-index); display:grid; width:34px; height:34px; place-items:center; border:1px solid rgba(183,255,74,.3); border-radius:8px; color:var(--wg8-lime); background:rgba(183,255,74,.045); font:650 .66rem ui-monospace,SFMono-Regular,Menlo,monospace; }
.wg8-choice::after { content:"→"; color:#a979e9; font-size:1.05rem; font-weight:650; }
.wg8-choice:hover,.wg8-choice:focus-visible { transform:translateX(3px); border-color:rgba(183,255,74,.48); outline:none; background:linear-gradient(90deg,rgba(183,255,74,.065),rgba(155,77,255,.045)); }
.wg8-result { animation:wg8-route-in .28s ease-out; }
.wg8-result-meta { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:12px; margin-bottom:16px; }
.wg8-result code { color:var(--wg8-lime); font:650 .72rem ui-monospace,SFMono-Regular,Menlo,monospace; letter-spacing:.08em; }
.wg8-result-meta span { padding:6px 8px; border:1px solid rgba(231,52,139,.3); border-radius:7px; color:#ff8fc7; background:rgba(231,52,139,.055); font:650 .61rem ui-monospace,SFMono-Regular,Menlo,monospace; letter-spacing:.08em; }
.wg8-result[data-route-kind="service"] .wg8-result-meta span { border-color:rgba(183,255,74,.3); color:var(--wg8-lime); background:rgba(183,255,74,.045); }
.wg8-result-copy { margin:0; color:#c1bbc5; font-size:1.02rem; line-height:1.6; }
.wg8-result-note { display:grid; grid-template-columns:20px 1fr; gap:9px; margin:22px 0; padding:14px 15px; border-left:2px solid var(--wg8-lime); color:#dfe5dc; background:rgba(183,255,74,.035); }
.wg8-result-note>span { color:var(--wg8-lime); font-weight:650; }
.wg8-result-note p { margin:0; color:#b8c0b5; font-size:.88rem; line-height:1.5; }
.wg8-result-actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; }
.wg8-result-actions .wg8-button { width:100%; min-height:52px; margin:0; text-align:center; }
.wg8-router-again { margin-top:17px; padding:6px 0; border:0; color:#8e968b; background:transparent; cursor:pointer; font-size:.76rem; font-weight:650; }
.wg8-router-again:hover,.wg8-router-again:focus-visible { color:#fff; outline:none; }
@keyframes wg8-route-in { from { opacity:0; transform:translateY(10px); } to { opacity:1; transform:none; } }

.wg8-services { padding:112px 0; background:#050506; }
.wg8-bento { display:grid; grid-template-columns:1.08fr .92fr .92fr; grid-template-rows:1fr 1fr; gap:12px; }
.wg8-tile { min-height:220px; position:relative; overflow:hidden; padding:26px; border:1px solid var(--wg8-line); border-radius:18px; background:#0d0d10; }
.wg8-tile--big { grid-row:1/3; min-height:452px; }
.wg8-tile--wide { grid-column:2/4; }
.wg8-tile code { color:var(--wg8-lime); font:650 .64rem ui-monospace,SFMono-Regular,Menlo,monospace; letter-spacing:.1em; }
.wg8-tile h3 { max-width:450px; margin:42px 0 8px; color:#fff; font-size:clamp(1.085rem,1.645vw,1.68rem); line-height:1.02; letter-spacing:-.045em; }
.wg8-tile p { max-width:470px; margin:0; color:#b8b1bd; }
.wg8-tile--big h3 { margin-top:115px; font-size:clamp(1.54rem,2.45vw,2.485rem); }
.wg8-orb { position:absolute; right:-80px; bottom:-95px; width:220px; height:220px; border-radius:50%; background:radial-gradient(circle at 35% 35%,rgba(231,52,139,.15),rgba(155,77,255,.11) 45%,transparent 70%); filter:blur(2px); }
.wg8-tile:hover { border-color:rgba(183,255,74,.24); }

.wg8-knowledge { border-top:1px solid var(--wg8-line); border-bottom:1px solid var(--wg8-line); background:#08080a; }
.wg8-knowledge-inner { display:grid; grid-template-columns:.75fr 1.25fr; gap:28px; align-items:center; padding:36px 0; }
.wg8-knowledge-inner>* { min-width:0; }
.wg8-knowledge h2 { margin:.3rem 0 0; color:#fff; font-size:1.26rem; letter-spacing:-.045em; }
.wg8-knowledge-cards { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; }
.wg8-kcard { min-height:128px; padding:16px; border:1px solid var(--wg8-line); border-radius:14px; background:#0f0f12; transition:transform .18s ease,border-color .18s ease; }
.wg8-kcard:hover { transform:translateY(-3px); border-color:rgba(194,112,255,.34); }
.wg8-kcard--static:hover { transform:none; border-color:var(--wg8-line); }
.wg8-kcard code { color:var(--wg8-lime); font:650 .61rem ui-monospace,SFMono-Regular,Menlo,monospace; }
.wg8-kcard b { display:block; margin:22px 0 4px; color:#fff; font-size:.94rem; }
.wg8-kcard span { color:#aaa2ae; font-size:.76rem; }

.wg8-final { padding:120px 0; background:#040405; }
.wg8-finalbox { padding:48px; border:1px solid rgba(255,255,255,.11); border-radius:20px; background:radial-gradient(circle at 88% 15%,rgba(231,52,139,.09),transparent 26rem),radial-gradient(circle at 8% 8%,rgba(155,77,255,.08),transparent 22rem),#0b0b0e; }
.wg8-final h2 { max-width:980px; margin:.5rem 0 1rem; color:#fff; font-size:clamp(1.75rem,3.01vw,2.94rem); font-weight:600; line-height:.97; letter-spacing:-.055em; }
.wg8-final p { max-width:720px; margin:0; color:var(--wg8-muted); font-size:1.07rem; }

.wg8-reveal { opacity:0; transform:translateY(24px); transition:.65s cubic-bezier(.2,.72,.2,1); }
.wg8-reveal.is-visible { opacity:1; transform:none; }

@media (max-width:950px) {
  .wg8-hero-grid,.wg8-light-grid,.wg8-autopsy-grid,.wg8-router-grid,.wg8-knowledge-inner { grid-template-columns:1fr; }
  .wg8-router-grid { gap:38px; }
  .wg8-hero-machine { height:420px; }
  .wg8-blueprint-shell { grid-template-columns:1fr; }
  .wg8-blueprint-map { min-height:520px; border-right:0; border-bottom:1px solid var(--wg8-line); }
  .wg8-blueprint-panel { padding:28px; }
  .wg8-blueprint-tabs { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; margin-top:10px; }
  .wg8-blueprint-tabs button { min-height:46px; display:flex; align-items:center; gap:7px; padding:0 11px; border:1px solid var(--wg8-line); border-radius:10px; color:#dfe6dc; background:#0d0d10; text-align:left; cursor:pointer; font-size:.76rem; font-weight:650; }
  .wg8-blueprint-tabs button span { color:var(--wg8-lime); font:650 .61rem ui-monospace,SFMono-Regular,Menlo,monospace; }
  .wg8-blueprint-tabs button.is-active { border-color:var(--wg8-lime); color:#fff; background:#111314; box-shadow:inset 3px 0 0 var(--wg8-lime); }
  .wg8-blueprint-tabs button.is-active span { color:var(--wg8-lime); }
  .wg8-hotspot b { display:none; }
  .wg8-door-punch { grid-template-columns:120px minmax(0,1fr); }
  .wg8-door-punch__handle { width:88px; height:88px; }
  .wg8-door-punch__handle::before { left:40px; top:39px; width:48px; }
  .wg8-door-punch__handle::after { left:33px; top:31px; }
  .wg8-value-head { grid-template-columns:1fr; }
  .wg8-value-grid { grid-template-columns:1fr 1fr; }
  .wg8-value-grid article:last-child { grid-column:1/-1; }
  .wg8-bento { grid-template-columns:1fr 1fr; grid-template-rows:auto; }
  .wg8-tile--big { grid-row:auto; min-height:260px; }
  .wg8-tile--wide { grid-column:1/3; }
  .wg8-tile--big h3 { margin-top:42px; }
}

@media (max-width:900px) {
  .wg8-service-router { padding:38px 0 46px; overflow:hidden; }
  .wg8-service-router .wg8-service-router__wrap { width:100%; max-width:none; }
  .wg8-service-router__kicker { padding-inline:20px; }
  .wg8-service-router__grid { display:flex; gap:0; overflow-x:auto; overscroll-behavior-inline:contain; padding-inline:20px; border:0; border-radius:0; background:transparent; scroll-padding-inline:20px; scroll-snap-type:x mandatory; scrollbar-width:thin; scrollbar-color:rgba(183,255,74,.42) transparent; }
  .wg8-service-router__item { flex:0 0 min(84vw,360px); min-height:300px; border-top:1px solid rgba(255,255,255,.13); border-right:1px solid rgba(255,255,255,.13); border-bottom:1px solid rgba(255,255,255,.13); background:#0a0a0c; scroll-snap-align:start; }
  .wg8-service-router__item:first-child { border-left:1px solid rgba(255,255,255,.13); }
  .wg8-service-router__item + .wg8-service-router__item { border-left:0; }
  .wg8-service-router__mobile-hint { display:block; margin:12px 20px 0; color:#899086; font:600 .6rem/1.3 ui-monospace,SFMono-Regular,Menlo,monospace; letter-spacing:.08em; text-transform:uppercase; }
}

@media (max-width:650px) {
  .wg8-wrap { width:min(calc(100% - 24px),1180px); }
  .wg8-hero-grid { padding:68px 0 64px; }
  .wg8-hero h1 { font-size:clamp(1.65rem,6.42vw,2.45rem); line-height:1; letter-spacing:-.055em; }
  .wg8-actions { align-items:stretch; flex-direction:column; }
  .wg8-button { width:100%; }
  .wg8-hero-machine { height:340px; margin-top:8px; }
  .wg8-browser { inset:18px 0 14px 12px; }
  .wg8-layer { max-width:145px; padding:10px; font-size:.65rem; }
  .wg8-layer--business { right:0; top:22px; }
  .wg8-layer--ux { left:0; bottom:72px; }
  .wg8-layer--tech { right:0; bottom:12px; }
  .wg8-light .wg8-wrap,.wg8-blueprint,.wg8-autopsy,.wg8-router,.wg8-services,.wg8-final { padding-top:76px; padding-bottom:76px; }
  .wg8-light h2,.wg8-section-head h2,.wg8-bento-head h2,.wg8-autopsy h2,.wg8-router h2,.wg8-final h2 { font-size:clamp(1.54rem,6.86vw,2.275rem); line-height:.99; letter-spacing:-.05em; }
  .wg8-light-grid { gap:22px; }
  .wg8-light p { font-size:1.02rem; }
  .wg8-bigline { margin-top:42px; font-size:clamp(1.75rem,7.7vw,2.5rem); }
  .wg8-section-head,.wg8-bento-head { display:block; margin-bottom:28px; }
  .wg8-section-head>p,.wg8-bento-head>p { margin-top:14px; }
  .wg8-blueprint-shell { border-radius:17px; }
  .wg8-blueprint-map { min-height:380px; }
  .wg8-floorplan { inset:5% 2% 13%; width:96%; height:82%; }
  .wg8-room-tag { display:none; }
  .wg8-hotspot { min-width:40px; min-height:40px; padding:5px; }
  .wg8-hotspot span { width:27px; height:27px; }
  .wg8-blueprint-hint { left:14px; bottom:11px; font-size:.58rem; }
  .wg8-blueprint-panel { padding:22px 18px; }
  .wg8-blueprint-panel__number { font-size:2.4rem; }
  .wg8-blueprint-panel h3 { font-size:1.204rem; }
  .wg8-blueprint-tabs { grid-template-columns:1fr 1fr; }
  .wg8-blueprint-tabs button { min-height:48px; }
  .wg8-door-punch { grid-template-columns:1fr; gap:20px; margin-top:18px; padding:28px 20px; }
  .wg8-door-punch__handle { justify-self:start; }
  .wg8-door-punch h3 { font-size:clamp(1.4rem,6.3vw,2.1rem); }
  .wg8-value { margin-top:54px; }
  .wg8-value-grid { grid-template-columns:1fr; }
  .wg8-value-grid article:last-child { grid-column:auto; }
  .wg8-value-grid article { min-height:170px; }
  .wg8-value-grid h4 { margin-top:30px; }
  .wg8-value-punch { font-size:clamp(1.9rem,9vw,3rem); }
  .wg8-stack { min-height:420px; }
  .wg8-stack.is-exploded .wg8-stack-card:nth-child(1){transform:translate(-8px,-18px) rotate(-2deg)} .wg8-stack.is-exploded .wg8-stack-card:nth-child(2){transform:translate(8px,88px) rotate(2deg)} .wg8-stack.is-exploded .wg8-stack-card:nth-child(3){transform:translate(-5px,194px) rotate(-1deg)} .wg8-stack.is-exploded .wg8-stack-card:nth-child(4){transform:translate(5px,300px) rotate(1deg)}
  .wg8-router-flow { margin-top:26px; }
  .wg8-quiz-body { min-height:0; padding:24px 18px; }
  .wg8-choice { min-height:74px; grid-template-columns:38px minmax(0,1fr) 18px; padding:10px 12px; }
  .wg8-result-note { margin:18px 0; }
  .wg8-result-actions { grid-template-columns:1fr; }
  .wg8-bento { grid-template-columns:1fr; }
  .wg8-tile--wide { grid-column:auto; }
  .wg8-knowledge-cards { grid-template-columns:1fr; }
  .wg8-finalbox { padding:36px 20px; border-radius:20px; }
}

@media (max-width:520px) {
  .wg8-service-router__item { flex-basis:86vw; }
}

@media (prefers-reduced-motion:reduce) {
  .wg8-page *, .wg8-page *::before, .wg8-page *::after { scroll-behavior:auto!important; animation:none!important; transition:none!important; }
  .wg8-reveal { opacity:1; transform:none; }
}