.subpage-container{width:100vw;height:100vh;color:#fff;box-sizing:border-box;background:#020617 url(/sub-page/system.webp) 50%/100% 100% no-repeat;flex-direction:column;justify-content:space-between;height:100dvh;min-height:100vh;max-height:100vh;padding:clamp(1.5rem,3.5vh,2.5rem) max(2.5rem,50vw - 740px);font-family:Helvetica Now Var,Helvetica Neue,Helvetica,Arial,sans-serif;display:flex;position:relative;overflow:hidden}.subpage-container:before{content:"";z-index:1;pointer-events:none;-webkit-backdrop-filter:blur(18px)brightness(.9);background:linear-gradient(90deg,#020617c7 0%,#02061785 65%,#02061700 100%);width:52%;position:absolute;top:0;bottom:0;left:0;-webkit-mask-image:linear-gradient(90deg,#000 0%,#000000bf 65%,#0000 100%);mask-image:linear-gradient(90deg,#000 0%,#000000bf 65%,#0000 100%)}.subpage-container *{box-sizing:border-box}.subpage-header{z-index:10;justify-content:space-between;align-items:center;display:flex;position:relative}.back-btn{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;background:#08122aa6;border:1px solid #ffffff2e;border-radius:9999px;align-items:center;gap:.6rem;height:38px;padding:0 1.25rem;font-size:.8rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex;box-shadow:0 4px 16px #00000059}.back-btn:hover{color:#38bdf8;background:#14234bd9;border-color:#38bdf880;transform:translate(-3px)}.back-btn svg{width:14px;height:14px}.subpage-main{z-index:5;flex-direction:column;max-width:580px;margin-top:1rem;display:flex;position:relative}.subpage-kicker{color:#e879f9;letter-spacing:.2em;text-transform:uppercase;align-items:center;gap:.45rem;margin-bottom:.6rem;font-size:.725rem;font-weight:800;display:inline-flex}.kicker-line{background:linear-gradient(90deg,#e879f9,#38bdf8);border-radius:2px;width:18px;height:2px}.subpage-main h1{color:#fff;letter-spacing:-.04em;white-space:pre-line;min-height:3.3em;margin:0 0 .85rem;font-size:clamp(2.2rem,3.5vw,3.4rem);font-weight:800;line-height:1.06}.subpage-main h1 .title-gradient{background:linear-gradient(90deg,#e879f9 0%,#38bdf8 100%);color:#0000;-webkit-background-clip:text;background-clip:text}.typing-cursor{color:#38bdf8;margin-left:2px;font-weight:300;animation:.7s infinite blinkCursor;display:inline-block}@keyframes blinkCursor{0%,to{opacity:1}50%{opacity:0}}.animated-slide-in{opacity:0;animation:.8s cubic-bezier(.16,1,.3,1) .2s forwards slideInLeft}.animated-slide-in-delayed{opacity:0;animation:.8s cubic-bezier(.16,1,.3,1) .5s forwards slideInLeft}@keyframes slideInLeft{0%{opacity:0;transform:translate(-35px)}to{opacity:1;transform:translate(0)}}.subpage-lead{color:#ffffffb8;max-width:520px;margin:0 0 1.35rem;font-size:.875rem;line-height:1.5}.subpage-actions{align-items:center;gap:1.25rem;margin-bottom:1.65rem;display:flex}.subpage-primary-cta{color:#fff;background:linear-gradient(95deg,#1d0ed6 0%,#5b12e8 45%,#d900e8 100%);border:1px solid #d900e880;border-radius:9999px;justify-content:center;align-items:center;gap:.75rem;height:44px;padding:0 1.65rem;font-size:.85rem;font-weight:800;text-decoration:none;transition:all .2s;display:inline-flex;box-shadow:0 0 22px #b400e873}.subpage-primary-cta:hover{transform:translateY(-2px);box-shadow:0 0 28px #b400e8a6}.subpage-primary-cta svg{width:16px;height:16px}.subpage-watch-video{color:#fff;align-items:center;gap:.65rem;text-decoration:none;display:inline-flex}.subpage-watch-video>i{background:radial-gradient(circle,#3b82f64d,#0000 70%);border:1px solid #3b82f680;border-radius:50%;place-items:center;width:38px;height:38px;transition:all .2s;display:grid}.subpage-watch-video:hover>i{background:#6366f159;transform:scale(1.05)}.subpage-watch-video svg{fill:#fff;width:14px;height:14px;margin-left:2px}.subpage-watch-video span{flex-direction:column;display:flex}.subpage-watch-video b{color:#fff;font-size:.8rem}.subpage-watch-video small{color:#94a3b8;font-size:.68rem}.subpage-pillars{align-items:flex-start;gap:2.5rem;margin-top:1.25rem;display:flex}.pillar-item{flex-direction:column;gap:.25rem;max-width:160px;display:flex}.pillar-icon{color:#818cf8;justify-content:flex-start;align-items:center;width:32px;height:32px;margin-bottom:.15rem;display:flex}.pillar-icon svg{width:24px;height:24px}.pillar-item b{color:#fff;font-size:.825rem;font-weight:700;line-height:1.2}.pillar-item span{color:#fff9;font-size:.72rem;line-height:1.35}.subpage-bottom-spacer{height:1rem}@media (max-width:1200px){.subpage-container{height:auto;min-height:100vh;max-height:none;padding:2rem 1.5rem;overflow:visible}}@media (max-width:640px){.subpage-pillars{flex-direction:column;gap:1.25rem}}