.hub-x{--stage:#07091a;--stage-2:#0d1030;--ink-soft:#aab0d4;--web:#5a7bff;--seo:#a6e22e;--mkt:#f0a92a;isolation:isolate;background:var(--stage);color:#eef0ff;background-image:radial-gradient(90% 60% at 12% 0,#5a7bff2e,#0000 60%),radial-gradient(80% 60% at 92% 100%,#f0a92a1f,#0000 60%),linear-gradient(#080a1c 0%,#07091a 60%,#05060f 100%);position:relative;overflow-x:clip}.hub-x .wrap{width:100%;max-width:1340px;margin-inline:auto;padding-inline:clamp(18px,5vw,64px)}.hub-x:before{content:"";z-index:0;pointer-events:none;background-image:linear-gradient(#eef0ff0b 1px,#0000 1px),linear-gradient(90deg,#eef0ff0b 1px,#0000 1px);background-size:58px 58px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(130% 90% at 50% 20%,#000 55%,#0000 100%);mask-image:radial-gradient(130% 90% at 50% 20%,#000 55%,#0000 100%)}.hub-x>*{z-index:1;position:relative}.hub-intro{text-align:center;padding-block:clamp(3rem,8vh,6rem) clamp(1.5rem,4vh,3rem)}.hub-eyebrow{font-family:var(--font-mono,ui-monospace, monospace);letter-spacing:.26em;text-transform:uppercase;color:var(--ink-soft);align-items:center;gap:.7rem;font-size:.76rem;display:inline-flex}.hub-eyebrow:before,.hub-eyebrow:after{content:"";background:linear-gradient(90deg,#0000,currentColor);width:26px;height:1px}.hub-eyebrow:after{transform:scaleX(-1)}.hub-intro h1{font-family:var(--font-display);letter-spacing:-.03em;color:#fff;max-width:16ch;margin:1.1rem auto 0;font-size:clamp(2.6rem,7vw,5.4rem);font-weight:800;line-height:.98}.hub-intro .sub{color:var(--ink-soft);max-width:52ch;margin:1.2rem auto 0;font-size:clamp(1.02rem,1.6vw,1.28rem)}.hub-doors{gap:14px;padding-block:clamp(1rem,3vh,2rem) clamp(3rem,8vh,6rem);display:flex}.hub-door{min-width:0;min-height:clamp(440px,64vh,640px);color:inherit;will-change:flex-grow;background:linear-gradient(#ffffff08,#fff0);border:1px solid #eef0ff24;border-radius:16px;flex:1 1 0;text-decoration:none;transition:flex-grow .6s cubic-bezier(.16,1,.3,1),border-color .4s,box-shadow .5s;display:flex;position:relative;overflow:hidden}.hub-door.d-web{--accent:var(--web)}.hub-door.d-seo{--accent:var(--seo)}.hub-door.d-mkt{--accent:var(--mkt)}.hub-door:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(60% 60% at 50% 0%, color-mix(in oklab, var(--accent) 45%, transparent), transparent 70%);opacity:.5;height:70%;transition:opacity .5s;position:absolute;inset:-30% -20% auto}.hub-door:hover:before,.hub-door:focus-visible:before{opacity:1}.hub-door .door-in{z-index:1;flex-direction:column;width:100%;padding:clamp(1.4rem,2.5vw,2.1rem);display:flex;position:relative}.hub-door .ix{font-family:var(--font-mono,monospace);letter-spacing:.1em;color:var(--accent);font-size:.8rem}.hub-door .glyph{align-items:flex-end;gap:7px;height:72px;margin:clamp(1.5rem,5vh,3rem) 0 auto;display:flex}.d-seo .glyph i{background:var(--seo);opacity:.9;transform-origin:bottom;border-radius:3px 3px 0 0;width:12px}.d-seo .glyph i:first-child{height:30%}.d-seo .glyph i:nth-child(2){height:55%}.d-seo .glyph i:nth-child(3){height:78%}.d-seo .glyph i:nth-child(4){height:100%}.d-web .glyph{flex-direction:column;align-items:flex-start;gap:8px;height:auto}.d-web .glyph i{background:var(--web);border-radius:3px;height:10px}.d-web .glyph i:first-child{opacity:1;width:64px}.d-web .glyph i:nth-child(2){opacity:.6;width:96px}.d-web .glyph i:nth-child(3){opacity:.35;width:44px}.d-mkt .glyph{height:auto}.d-mkt .glyph svg{width:72px;height:72px}.d-mkt .glyph .trk{fill:none;stroke:#ffffff24;stroke-width:8px}.d-mkt .glyph .arc{fill:none;stroke:var(--mkt);stroke-width:8px;stroke-linecap:round;stroke-dasharray:150;stroke-dashoffset:55px;transform-origin:50%;transform:rotate(-90deg)}.hub-door .label{font-family:var(--font-mono,monospace);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft);font-size:.74rem}.hub-door h2{font-family:var(--font-display);letter-spacing:-.02em;color:#fff;margin:.5rem 0 0;font-size:clamp(1.7rem,2.6vw,2.4rem);font-weight:800;line-height:1.02}.hub-door .desc{color:var(--ink-soft);opacity:0;max-width:34ch;max-height:0;transition:max-height .5s var(--ez,ease), opacity .4s;margin:.6rem 0 0;font-size:.98rem;overflow:hidden}.hub-door:hover .desc,.hub-door:focus-visible .desc{opacity:1;max-height:8rem;margin-top:.7rem}.hub-door .tagline{align-items:center;gap:.5rem;margin-top:1rem;display:inline-flex}.hub-door .pill{font-family:var(--font-mono,monospace);letter-spacing:.06em;border:1px solid color-mix(in oklab, var(--accent) 55%, transparent);color:var(--accent);border-radius:999px;padding:.3rem .7rem;font-size:.72rem}.hub-door .enter{color:#fff;align-items:center;gap:.5rem;margin-top:1.3rem;font-weight:600;display:inline-flex}.hub-door .enter .arw{border:1.5px solid color-mix(in oklab, var(--accent) 60%, transparent);width:30px;height:30px;color:var(--accent);transition:transform .3s var(--ez,ease), background .3s;border-radius:50%;place-items:center;display:inline-grid}.hub-door:hover .enter .arw{background:color-mix(in oklab, var(--accent) 20%, transparent);transform:translate(4px)}.hub-x[dir=rtl] .hub-door:hover .enter .arw{transform:translate(-4px)}.hub-x[dir=rtl] .hub-door .enter .arw svg{transform:scaleX(-1)}.hub-door:hover,.hub-door:focus-visible{border-color:color-mix(in oklab, var(--accent) 55%, transparent);box-shadow:0 30px 70px -40px color-mix(in oklab, var(--accent) 70%, transparent)}@media (hover:hover) and (width>=861px){.hub-doors:hover .hub-door{flex-grow:.7}.hub-doors .hub-door:hover{flex-grow:2.3}}.hub-close{text-align:center;border-top:1px solid #eef0ff1a;padding-block:clamp(2.5rem,6vh,4rem) clamp(3.5rem,9vh,6rem)}.hub-close p{color:var(--ink-soft);max-width:46ch;margin:0 auto 1.4rem}.hub-close h2{font-family:var(--font-display);color:#fff;max-width:20ch;margin:0 auto;font-size:clamp(1.6rem,3.4vw,2.4rem);font-weight:700}@media (width<=860px){.hub-doors{flex-direction:column}.hub-door{flex:none;min-height:0}.hub-door .door-in{padding:1.5rem}.hub-door .glyph{height:54px;margin:1.2rem 0}.hub-door .desc{opacity:1;max-height:8rem;margin-top:.6rem}.d-mkt .glyph svg,.d-seo .glyph{height:54px}}@media (prefers-reduced-motion:reduce){.hub-door{transition:none}.hub-door .desc{opacity:1;max-height:8rem}}