:where(.legacy-content) *{box-sizing: border-box;} :where(.legacy-content) [hidden]{display: none !important;} :where(.legacy-content) a{color: inherit; text-decoration: none;} :where(.legacy-content) ::selection{background: rgba(94, 220, 255, 0.28); color: rgb(255, 255, 255);} :where(.legacy-content) .lead,:where(.legacy-content) .section-sub,:where(.legacy-content) .plan-desc,:where(.legacy-content) .faq details p,:where(.legacy-content) .bento p,:where(.legacy-content) .step p,:where(.legacy-content) .credits-board p{text-wrap: pretty;} :where(.legacy-content) img{display: block; max-width: 100%;} :where(.legacy-content) :focus-visible{outline: rgba(94, 220, 255, 0.8) solid 3px; outline-offset: 3px; border-radius: 4px;} :where(.legacy-content) .skip-link{position: fixed; z-index: 60; top: -60px; left: 12px; padding: 10px 16px; border-radius: var(--radius-sm); background: var(--cyan); color: var(--ink); font-weight: 800; transition: top 140ms;} :where(.legacy-content) .skip-link:focus{top: 12px;} :where(.legacy-content) .wrap{width: min(100% - (var(--pad-x) * 2), var(--max)); margin-inline: auto;} :where(.legacy-content) .mono{font-family: ui-monospace, "SF Mono", "Cascadia Code", Menlo, Consolas, monospace; font-size: 0.94em; color: var(--cyan); letter-spacing: -0.01em;} :where(.legacy-content) .nowrap{white-space: nowrap;} :where(.legacy-content) .grad{background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-color: ; background-clip: text; color: transparent;} :where(.legacy-content) .dot{display: inline-block; width: 8px; height: 8px; border-radius: 50%; vertical-align: baseline;} :where(.legacy-content) .dot-green{background: var(--green); box-shadow: rgba(85, 216, 141, 0.18) 0px 0px 0px 3px;} :where(.legacy-content) .dot-cyan{background: var(--cyan); box-shadow: rgba(94, 220, 255, 0.18) 0px 0px 0px 3px;} @media (min-width: 861px) {} :where(.legacy-content) .site-header{position: fixed; z-index: 40; top: 0px; left: 0px; right: 0px; display: flex; align-items: center; gap: 18px; width: min(100% - 24px, var(--max)); margin: 14px auto 0px; padding: 8px 8px 8px 14px; border: 1px solid rgba(255, 255, 255, 0.12); border-radius: var(--radius); background: rgba(5, 13, 17, 0.66); backdrop-filter: blur(18px) saturate(1.3); box-shadow: rgba(0, 0, 0, 0.34) 0px 16px 50px, rgba(255, 255, 255, 0.05) 0px 1px 0px inset;} :where(.legacy-content) .brand{display: inline-flex; align-items: center; min-height: 44px; gap: 10px; font-weight: 800; letter-spacing: -0.01em;} :where(.legacy-content) .brand img{width: 34px; height: 34px; border: 1px solid var(--cyan-strong); border-radius: 9px; object-fit: cover;} :where(.legacy-content) .site-nav{display: flex; align-items: center; gap: 2px; margin-right: auto;} :where(.legacy-content) .site-nav a{display: inline-flex; align-items: center; min-height: 38px; padding: 0px 12px; border-radius: 9px; color: var(--muted); font-size: 0.92rem; font-weight: 550;} :where(.legacy-content) .site-nav a:hover{color: var(--text); background: rgba(255, 255, 255, 0.06);} :where(.legacy-content) .site-nav .mobile-manage-link{display: none;} :where(.legacy-content) .header-actions{display: flex; align-items: center; gap: 8px;} :where(.legacy-content) .language-switcher{position: relative; flex: 0 0 auto;} :where(.legacy-content) .language-switcher summary{display: grid; place-items: center; width: 54px; min-height: 40px; padding: 0px 18px 0px 10px; border: 1px solid var(--line); border-radius: 9px; background: rgba(255, 255, 255, 0.04); color: var(--text); font-size: 0.78rem; font-weight: 750; list-style: none; cursor: pointer;} :where(.legacy-content) .language-switcher summary::-webkit-details-marker{display: none;} :where(.legacy-content) .language-switcher summary::after{content: ""; position: absolute; right: 9px; top: 16px; width: 6px; height: 6px; border-right: 1.5px solid var(--muted); border-bottom: 1.5px solid var(--muted); transform: rotate(45deg); transition: transform 160ms;} :where(.legacy-content) .language-switcher[open] summary{border-color: var(--cyan-strong); background: rgba(94, 220, 255, 0.08);} :where(.legacy-content) .language-switcher[open] summary::after{top: 19px; transform: rotate(225deg);} :where(.legacy-content) .language-menu{position: absolute; z-index: 60; top: calc(100% + 9px); right: 0px; display: grid; width: 180px; padding: 7px; border: 1px solid rgba(255, 255, 255, 0.12); border-radius: 10px; background: rgb(7, 18, 23); box-shadow: rgba(0, 0, 0, 0.5) 0px 22px 60px;} :where(.legacy-content) .language-switcher:not([open]) .language-menu{display: none;} :where(.legacy-content) .language-menu a{display: flex; align-items: center; justify-content: space-between; min-height: 38px; padding: 0px 10px; border-radius: 7px; color: var(--muted); font-size: 0.86rem; font-weight: 600;} :where(.legacy-content) .language-menu a:hover,:where(.legacy-content) .language-menu a[aria-current="page"]{color: var(--text); background: rgba(94, 220, 255, 0.08);} :where(.legacy-content) .language-menu small{color: var(--cyan); font-size: 0.7rem; font-weight: 800;} :where(.legacy-content) .menu-toggle{display: none; place-items: center; width: 44px; height: 44px; padding: 0px; border: 1px solid var(--line); border-radius: var(--radius-sm); background: rgba(255, 255, 255, 0.05); color: var(--text); cursor: pointer;} :where(.legacy-content) .menu-toggle:hover{border-color: var(--cyan-strong); background: rgba(94, 220, 255, 0.08);} :where(.legacy-content) .menu-toggle-icon,:where(.legacy-content) .menu-toggle-icon::before,:where(.legacy-content) .menu-toggle-icon::after{display: block; width: 18px; height: 2px; border-radius: 2px; background: currentcolor; transition: transform 160ms, opacity 160ms;} :where(.legacy-content) .menu-toggle-icon{position: relative;} :where(.legacy-content) .menu-toggle-icon::before,:where(.legacy-content) .menu-toggle-icon::after{content: ""; position: absolute; left: 0px;} :where(.legacy-content) .menu-toggle-icon::before{top: -6px;} :where(.legacy-content) .menu-toggle-icon::after{top: 6px;} :where(.legacy-content) .site-header.nav-open .menu-toggle-icon{background: transparent;} :where(.legacy-content) .site-header.nav-open .menu-toggle-icon::before{top: 0px; transform: rotate(45deg);} :where(.legacy-content) .site-header.nav-open .menu-toggle-icon::after{top: 0px; transform: rotate(-45deg);} :where(.legacy-content) .button{display: inline-flex; align-items: center; justify-content: center; min-height: 50px; padding: 0px 22px; border: 1px solid var(--line); border-radius: var(--radius-sm); color: var(--text); font-weight: 650; letter-spacing: -0.01em; text-align: center; white-space: nowrap; transition: transform 150ms, border-color 150ms, background 150ms, box-shadow 150ms;} :where(.legacy-content) .button.sm{min-height: 44px; padding: 0px 15px; font-size: 0.92rem;} :where(.legacy-content) .button:hover{transform: translateY(-1px);} :where(.legacy-content) .button.primary{border-color: transparent; background: linear-gradient(180deg, #7ce6ff, var(--cyan)); color: var(--ink); box-shadow: rgba(94, 220, 255, 0.24) 0px 8px 26px, rgba(255, 255, 255, 0.4) 0px 1px 0px inset;} :where(.legacy-content) .button.primary:hover{box-shadow: rgba(94, 220, 255, 0.38) 0px 12px 34px, rgba(255, 255, 255, 0.4) 0px 1px 0px inset;} :where(.legacy-content) .button.ghost{background: rgba(255, 255, 255, 0.05);} :where(.legacy-content) .button.ghost:hover{border-color: var(--cyan-strong); background: rgba(94, 220, 255, 0.08);} :where(.legacy-content) .text-link{display: inline-flex; align-items: center; min-height: 44px; color: var(--cyan); font-weight: 650;} :where(.legacy-content) .text-link:hover{text-decoration: underline;} :where(.legacy-content) .actions{display: flex; flex-wrap: wrap; gap: 12px; margin-top: 28px;} :where(.legacy-content) h1,:where(.legacy-content) h2,:where(.legacy-content) h3{margin: 0px 0px 14px; letter-spacing: -0.02em; text-wrap: balance;} :where(.legacy-content) h1{font-size: clamp(2.35rem, 1.4rem + 3.9vw, 3.65rem); line-height: 1.03; font-weight: 800;} :where(.legacy-content) h2{font-size: clamp(1.7rem, 1.2rem + 1.9vw, 2.35rem); line-height: 1.12; font-weight: 750;} :where(.legacy-content) h3{font-size: 1.16rem; line-height: 1.25; font-weight: 700;} :where(.legacy-content) p{margin: 0px;} :where(.legacy-content) .eyebrow,:where(.legacy-content) .kicker{display: inline-flex; align-items: center; gap: 9px; margin: 0px 0px 14px; color: var(--cyan); font-size: 0.76rem; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase;} :where(.legacy-content) .kicker-line{width: 22px; height: 1px; background: linear-gradient(90deg, var(--cyan), transparent);} :where(.legacy-content) .hero{position: relative; overflow: hidden; border-bottom: 1px solid var(--line);} :where(.legacy-content) .hero-emblem{position: absolute; z-index: 0; top: 50%; right: -6%; width: min(62%, 780px); transform: translateY(-42%); object-fit: contain; opacity: 0.14; filter: saturate(1.1); pointer-events: none;} :where(.legacy-content) .hero-shade{position: absolute; inset: 0px; z-index: 0; background: radial-gradient(120% 90% at 72% 30%, rgba(94, 220, 255, 0.1), transparent 55%), linear-gradient(90deg, rgba(5, 13, 17, 0.7) 0%, rgba(5, 13, 17, 0.2) 55%, rgba(5, 13, 17, 0.7) 100%); pointer-events: none;} :where(.legacy-content) .hero-grid{position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0px, 1.15fr) minmax(300px, 0.85fr); gap: clamp(28px, 4vw, 56px); align-items: center; padding: clamp(118px, 12vh, 168px) 0px clamp(56px, 8vh, 96px);} :where(.legacy-content) .hero-copy-block{max-width: 640px;} :where(.legacy-content) .lead{margin-top: 18px; max-width: 600px; color: var(--soft); font-size: clamp(1.02rem, 0.95rem + 0.4vw, 1.2rem);} :where(.legacy-content) .hero-note{margin-top: 20px; color: var(--muted); font-size: 0.9rem;} :where(.legacy-content) .hero-card{border: 1px solid rgba(255, 255, 255, 0.12); border-radius: var(--radius); background: linear-gradient(rgba(15, 38, 48, 0.9), rgba(7, 20, 25, 0.94)); box-shadow: rgba(0, 0, 0, 0.42) 0px 24px 70px, rgba(255, 255, 255, 0.06) 0px 1px 0px inset; backdrop-filter: blur(10px); overflow: hidden;} :where(.legacy-content) .hero-card-top{display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 16px 20px; border-bottom: 1px solid var(--line); background: rgba(94, 220, 255, 0.05); font-size: 0.9rem; font-weight: 650;} :where(.legacy-content) .badge-live{display: inline-flex; align-items: center; gap: 7px; color: var(--green); font-weight: 750;} :where(.legacy-content) .hero-card-list{margin: 0px; padding: 6px 20px;} :where(.legacy-content) .hero-card-list div{display: flex; align-items: baseline; justify-content: space-between; gap: 16px; padding: 13px 0px; border-top: 1px solid var(--line-2);} :where(.legacy-content) .hero-card-list div:first-child{border-top: 0px;} :where(.legacy-content) .hero-card-list dt{color: var(--muted); font-size: 0.92rem;} :where(.legacy-content) .hero-card-list dd{margin: 0px; font-weight: 650; text-align: right;} :where(.legacy-content) .hero-card-link{display: flex; align-items: center; justify-content: center; min-height: 52px; border-top: 1px solid var(--line); color: var(--cyan); font-weight: 650;} :where(.legacy-content) .hero-card-link:hover{background: rgba(94, 220, 255, 0.07);} :where(.legacy-content) .trust-strip{display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 12px; margin-top: clamp(-28px, -3vw, -20px); position: relative; z-index: 2;} :where(.legacy-content) .trust-strip div{padding: 18px 20px; border: 1px solid var(--line); border-radius: var(--radius-sm); background: var(--card); backdrop-filter: blur(8px); box-shadow: rgba(255, 255, 255, 0.04) 0px 1px 0px inset;} :where(.legacy-content) .trust-strip span{color: var(--muted); font-size: 0.78rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.06em;} :where(.legacy-content) .trust-strip strong{display: block; margin-top: 7px; font-size: 1.02rem; font-weight: 650;} :where(.legacy-content) .section{padding: clamp(52px, 7vw, 88px) 0px;} @supports (content-visibility: auto) {:where(.legacy-content) main > .section,:where(.legacy-content) main > .final-cta,:where(.legacy-content) main > .trust-strip{content-visibility: auto; contain-intrinsic-block-size: auto 720px;}} :where(.legacy-content) .section-head{max-width: 780px; margin-bottom: clamp(28px, 4vw, 42px);} :where(.legacy-content) .section-head.compact{max-width: 640px;} :where(.legacy-content) .section-sub{margin-top: 6px; color: var(--muted); font-size: clamp(1rem, 0.96rem + 0.2vw, 1.1rem);} :where(.legacy-content) .section-head.split{display: grid; grid-template-columns: minmax(0px, 1fr) minmax(300px, 0.72fr); gap: clamp(24px, 4vw, 48px); align-items: end; max-width: none;} :where(.legacy-content) .section-head.split h2{margin-bottom: 0px;} :where(.legacy-content) .card{border: 1px solid var(--line); border-radius: var(--radius); background: linear-gradient(180deg, var(--card-2), rgba(7, 20, 25, 0.86)); box-shadow: rgba(0, 0, 0, 0.2) 0px 14px 44px, rgba(255, 255, 255, 0.04) 0px 1px 0px inset; transition: transform 180ms, border-color 180ms, box-shadow 180ms;} :where(.legacy-content) .product-proof{display: grid; grid-template-columns: minmax(0px, 1.35fr) minmax(300px, 0.65fr); gap: 18px; align-items: stretch;} :where(.legacy-content) .product-window{overflow: hidden; min-width: 0px; border: 1px solid rgba(94, 220, 255, 0.28); border-radius: var(--radius); background: rgb(7, 20, 25); box-shadow: rgba(0, 0, 0, 0.32) 0px 26px 70px, rgba(255, 255, 255, 0.05) 0px 1px 0px inset;} :where(.legacy-content) .product-window-bar{display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; min-height: 50px; padding: 0px 18px; border-bottom: 1px solid var(--line); color: var(--muted); font-size: 0.78rem;} :where(.legacy-content) .product-window-bar > strong{display: inline-flex; align-items: center; justify-self: end; gap: 7px; color: var(--green); font-size: 0.76rem;} :where(.legacy-content) .window-dots{display: flex; gap: 6px;} :where(.legacy-content) .window-dots span{width: 8px; height: 8px; border-radius: 50%; background: var(--muted);} :where(.legacy-content) .window-dots span:nth-child(1){background: var(--rose);} :where(.legacy-content) .window-dots span:nth-child(2){background: var(--amber);} :where(.legacy-content) .window-dots span:nth-child(3){background: var(--green);} :where(.legacy-content) .product-screen{position: relative; display: grid; gap: 16px; padding: clamp(22px, 4vw, 38px); background: radial-gradient(90% 120% at 100% 0%, rgba(94, 220, 255, 0.1), transparent 58%), linear-gradient(rgba(15, 38, 48, 0.74), rgba(7, 20, 25, 0.94));} :where(.legacy-content) .product-screen-head{display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; padding-bottom: 4px;} :where(.legacy-content) .product-screen-head > div > span{color: var(--cyan); font-size: 0.72rem; font-weight: 800; letter-spacing: 0.09em; text-transform: uppercase;} :where(.legacy-content) .product-screen-head h3{margin: 7px 0px 0px; font-size: clamp(1.3rem, 1rem + 1vw, 1.8rem);} :where(.legacy-content) .product-step{color: var(--muted); font-size: 0.78rem; font-weight: 650; white-space: nowrap;} :where(.legacy-content) .product-demo-field,:where(.legacy-content) .product-demo-grid > div{display: grid; gap: 7px; min-width: 0px; padding: 14px 16px; border: 1px solid var(--line); border-radius: var(--radius-sm); background: rgba(2, 7, 10, 0.62);} :where(.legacy-content) .product-demo-field > span,:where(.legacy-content) .product-demo-grid span{color: var(--muted); font-size: 0.75rem; font-weight: 700;} :where(.legacy-content) .product-demo-field strong,:where(.legacy-content) .product-demo-grid strong{overflow-wrap: anywhere; font-size: 0.94rem;} :where(.legacy-content) .product-demo-grid{display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 12px;} :where(.legacy-content) .product-demo-meta{display: flex; flex-wrap: wrap; gap: 8px; color: var(--soft); font-size: 0.78rem; font-weight: 650;} :where(.legacy-content) .product-demo-meta span{padding-right: 10px; border-right: 1px solid var(--line);} :where(.legacy-content) .product-demo-meta span:last-child{padding-right: 0px; border-right: 0px;} :where(.legacy-content) .product-demo-submit{display: grid; place-items: center; min-height: 46px; border-radius: var(--radius-sm); background: linear-gradient(180deg, #7ce6ff, var(--cyan)); color: var(--ink); font-size: 0.82rem; font-weight: 850;} :where(.legacy-content) .product-proof-list{display: grid; gap: 10px;} :where(.legacy-content) .product-proof-list article{display: grid; grid-template-columns: 42px minmax(0px, 1fr); gap: 15px; align-items: start; padding: 20px; border: 1px solid var(--line); border-radius: var(--radius-sm); background: var(--card);} :where(.legacy-content) .product-proof-list article > span{color: var(--cyan); font-size: 0.78rem; font-weight: 800;} :where(.legacy-content) .product-proof-list h3{margin-bottom: 7px; font-size: 1rem;} :where(.legacy-content) .product-proof-list p{color: var(--muted); font-size: 0.9rem;} :where(.legacy-content) .workflow-compact{margin-top: clamp(44px, 6vw, 68px); padding-top: clamp(38px, 5vw, 54px); border-top: 1px solid var(--line);} :where(.legacy-content) .workflow-compact .section-head{margin-bottom: 26px;} :where(.legacy-content) .bento{display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); grid-auto-rows: 1fr; gap: 14px;} :where(.legacy-content) .bento .card{padding: 24px;} :where(.legacy-content) .bento .card:hover{transform: translateY(-3px); border-color: rgba(255, 255, 255, 0.2); box-shadow: rgba(0, 0, 0, 0.3) 0px 22px 60px, rgba(255, 255, 255, 0.06) 0px 1px 0px inset;} :where(.legacy-content) .bento-hero{grid-area: span 2 / span 2; display: flex; flex-direction: column;} :where(.legacy-content) .bento-wide{grid-column: span 2;} :where(.legacy-content) .bento p{color: var(--muted);} :where(.legacy-content) .ico{display: inline-grid; place-items: center; width: 46px; height: 46px; margin-bottom: 20px; border-radius: 12px; border: 1px solid var(--line); background: rgba(255, 255, 255, 0.04); color: var(--cyan);} :where(.legacy-content) .ico svg{width: 23px; height: 23px;} :where(.legacy-content) .f1 .ico{color: var(--cyan); border-color: rgba(94, 220, 255, 0.4); background: rgba(94, 220, 255, 0.1);} :where(.legacy-content) .f2 .ico{color: var(--green); border-color: rgba(85, 216, 141, 0.4); background: rgba(85, 216, 141, 0.1);} :where(.legacy-content) .f3 .ico{color: var(--amber); border-color: rgba(255, 200, 87, 0.4); background: rgba(255, 200, 87, 0.1);} :where(.legacy-content) .f4 .ico{color: var(--rose); border-color: rgba(255, 127, 154, 0.4); background: rgba(255, 127, 154, 0.1);} :where(.legacy-content) .f1{border-top: 2px solid rgba(94, 220, 255, 0.5);} :where(.legacy-content) .f2{border-top: 2px solid rgba(85, 216, 141, 0.5);} :where(.legacy-content) .f3{border-top: 2px solid rgba(255, 200, 87, 0.5);} :where(.legacy-content) .f4{border-top: 2px solid rgba(255, 127, 154, 0.5);} :where(.legacy-content) .addr-chip{display: inline-flex; align-items: center; gap: 9px; margin-top: auto; align-self: flex-start; padding: 11px 15px; border: 1px solid var(--cyan-strong); border-radius: 999px; background: rgba(94, 220, 255, 0.07); font-size: 1.02rem;} :where(.legacy-content) .pill-row{display: flex; flex-wrap: wrap; gap: 8px; margin-top: 18px;} :where(.legacy-content) .pill{padding: 6px 13px; border: 1px solid var(--line); border-radius: 999px; background: rgba(255, 255, 255, 0.03); color: var(--soft); font-size: 0.86rem; font-weight: 600;} :where(.legacy-content) .plan-grid{display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 16px;} :where(.legacy-content) .plans-preview{padding-bottom: clamp(54px, 7vw, 92px);} :where(.legacy-content) .plans-preview-grid{display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); border: 1px solid var(--line); border-radius: 8px; overflow: hidden; background: color-mix(in srgb, var(--panel) 78%, transparent);} :where(.legacy-content) .plans-preview-card{min-width: 0px; padding: clamp(20px, 2.2vw, 30px); border-left: 1px solid var(--line);} :where(.legacy-content) .plans-preview-card:first-child{border-left: 0px;} :where(.legacy-content) .plans-preview-card.is-live{box-shadow: inset 0 3px 0 var(--green);} :where(.legacy-content) .plans-preview-card > span{display: block; margin-bottom: 10px; color: var(--cyan); font-size: 0.72rem; font-weight: 800; text-transform: uppercase;} :where(.legacy-content) .plans-preview-card.is-live > span{color: var(--green);} :where(.legacy-content) .plans-preview-card h3{margin: 0px 0px 9px; font-size: clamp(1.06rem, 1.4vw, 1.28rem);} :where(.legacy-content) .plans-preview-card p{margin: 0px; color: var(--muted); line-height: 1.65;} :where(.legacy-content) .plans-preview-actions{margin-top: 24px;} :where(.legacy-content) .beta-evidence{display: grid; grid-template-columns: minmax(0px, 1.05fr) minmax(420px, 0.95fr); gap: clamp(34px, 6vw, 88px); align-items: center; padding-block: clamp(50px, 7vw, 88px); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line);} :where(.legacy-content) .beta-evidence-copy h2{max-width: 760px; margin: 0px; font-size: clamp(1.9rem, 3.8vw, 3.35rem);} :where(.legacy-content) .beta-evidence-copy > p:not(.kicker){max-width: 700px; margin: 18px 0px 0px; color: var(--muted); font-size: clamp(1rem, 1.4vw, 1.12rem); line-height: 1.75;} :where(.legacy-content) .beta-evidence-links{display: flex; flex-wrap: wrap; gap: 14px 24px; margin-top: 22px;} :where(.legacy-content) .beta-evidence-stats{display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); margin: 0px; border: 1px solid var(--line); border-radius: 8px; overflow: hidden;} :where(.legacy-content) .beta-evidence-stats div{min-width: 0px; padding: 22px 18px; border-left: 1px solid var(--line);} :where(.legacy-content) .beta-evidence-stats div:first-child{border-left: 0px;} :where(.legacy-content) .beta-evidence-stats dt{margin: 0px 0px 8px; color: var(--text); font-size: clamp(1.6rem, 2.2vw, 2.5rem); font-weight: 850; line-height: 1.08; overflow-wrap: anywhere; font-variant-numeric: tabular-nums;} :where(.legacy-content) .beta-evidence-stats dd{margin: 0px; color: var(--muted); font-size: 0.86rem; line-height: 1.45;} :where(.legacy-content) .beta-evidence-stats small{display: block; margin-top: 4px; color: var(--muted-2); font-size: 0.74rem;} :where(.legacy-content) .subpage-hero{padding: clamp(112px, 14vw, 170px) 0px clamp(48px, 7vw, 88px); border-bottom: 1px solid var(--line);} :where(.legacy-content) .subpage-hero-inner{max-width: 940px;} :where(.legacy-content) .subpage-hero h1{max-width: 880px; margin: 0px; font-size: clamp(2.35rem, 6vw, 5rem); line-height: 1.02;} :where(.legacy-content) .subpage-hero .lead{max-width: 780px; margin: 22px 0px 18px;} :where(.legacy-content) .plans-page > #plans{padding-top: clamp(48px, 7vw, 82px);} :where(.legacy-content) .free-plan-band{display: grid; grid-template-columns: minmax(260px, 0.85fr) minmax(0px, 1.35fr); gap: clamp(24px, 5vw, 64px); align-items: center; margin-bottom: 16px; padding: clamp(24px, 4vw, 38px); border-color: var(--cyan-strong); background: linear-gradient(135deg, rgba(94, 220, 255, 0.11), rgba(8, 24, 30, 0.96) 58%), var(--surface-2);} :where(.legacy-content) .free-plan-copy{max-width: 480px;} :where(.legacy-content) .free-plan-copy .plan-cta{width: max-content; max-width: 100%;} :where(.legacy-content) .free-plan-specs{display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); margin: 0px; border-top: 1px solid var(--line);} :where(.legacy-content) .free-plan-specs div{min-width: 0px; padding: 16px 18px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line);} :where(.legacy-content) .free-plan-specs div:nth-child(2n){border-right: 0px;} :where(.legacy-content) .free-plan-specs dt{color: var(--muted); font-size: 0.82rem; font-weight: 650;} :where(.legacy-content) .free-plan-specs dd{margin: 5px 0px 0px; font-weight: 750; overflow-wrap: anywhere;} :where(.legacy-content) .plan-finder{display: grid; grid-template-columns: minmax(240px, 0.55fr) minmax(0px, 1.45fr); gap: clamp(24px, 4vw, 52px); margin: 16px 0px; padding: clamp(24px, 4vw, 38px); border: 1px solid var(--line); border-radius: var(--radius); background: rgb(7, 20, 25);} :where(.legacy-content) .plan-finder-copy{max-width: 420px;} :where(.legacy-content) .plan-finder-copy h3{margin: 14px 0px 12px; font-size: clamp(1.45rem, 2.2vw, 2rem); line-height: 1.08;} :where(.legacy-content) .plan-finder-copy > p:not(.kicker){color: var(--muted);} :where(.legacy-content) .plan-finder-note{margin-top: 18px; font-size: 0.84rem;} :where(.legacy-content) .plan-finder-form{display: grid; min-width: 0px; gap: 20px;} :where(.legacy-content) .plan-finder-questions{display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 14px;} :where(.legacy-content) .finder-question{min-width: 0px; margin: 0px; padding: 0px; border: 0px;} :where(.legacy-content) .finder-question legend{min-height: 42px; margin-bottom: 10px; color: var(--soft); font-size: 0.88rem; font-weight: 750; line-height: 1.35;} :where(.legacy-content) .finder-options{display: grid; gap: 7px;} :where(.legacy-content) .finder-option{position: relative; cursor: pointer;} :where(.legacy-content) .finder-option input{position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none;} :where(.legacy-content) .finder-option span{display: flex; align-items: center; min-height: 42px; padding: 9px 11px; border: 1px solid var(--line-2); border-radius: 6px; background: rgba(255, 255, 255, 0.02); color: var(--muted); font-size: 0.86rem; font-weight: 650; line-height: 1.25; transition: border-color 150ms, background-color 150ms, color 150ms;} :where(.legacy-content) .finder-option:hover span{border-color: rgba(94, 220, 255, 0.38); color: var(--soft);} :where(.legacy-content) .finder-option input:checked + span{border-color: var(--cyan-strong); background: rgba(94, 220, 255, 0.1); color: var(--white);} :where(.legacy-content) .finder-option input:focus-visible + span{outline: 2px solid var(--cyan); outline-offset: 2px;} :where(.legacy-content) .plan-finder-submit{justify-self: end; min-width: 180px;} :where(.legacy-content) .plan-finder-result{display: grid; grid-column: 1 / -1; grid-template-columns: minmax(0px, 1fr) auto auto; gap: 24px; align-items: center; padding-top: 22px; border-top: 1px solid var(--line);} :where(.legacy-content) .plan-finder-result[hidden]{display: none;} :where(.legacy-content) .plan-finder-result:focus{outline: none;} :where(.legacy-content) .plan-finder-result-label{margin-bottom: 6px; color: var(--cyan); font-size: 0.76rem; font-weight: 800; letter-spacing: 0.05em; text-transform: uppercase;} :where(.legacy-content) .plan-finder-result h4{margin: 0px; font-size: 1.45rem;} :where(.legacy-content) .plan-finder-result-copy{color: var(--muted);} :where(.legacy-content) .plan-finder-result-spec{max-width: 250px; color: var(--soft); font-size: 0.9rem; font-weight: 700; text-align: right;} :where(.legacy-content) .plan-finder-result-actions{display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px;} :where(.legacy-content) .plan-finder-result-actions .button{min-height: 42px; padding: 0px 15px; font-size: 0.8rem;} :where(.legacy-content) .future-plan-grid{display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 16px;} :where(.legacy-content) .plan{--plan-accent: var(--cyan); display: flex; flex-direction: column; position: relative; overflow: hidden; padding: 0px 26px 26px; border-top-color: var(--plan-accent);} :where(.legacy-content) .plan-starter{--plan-accent: #5edcff;} :where(.legacy-content) .plan-community{--plan-accent: #55d88d;} :where(.legacy-content) .plan-performance{--plan-accent: #ffc857;} :where(.legacy-content) .plan-power{--plan-accent: #ff715b;} :where(.legacy-content) .plan.is-recommended{border-color: var(--plan-accent); box-shadow: 0 0 0 1px color-mix(in srgb, var(--plan-accent) 46%, transparent), 0 18px 46px rgba(0, 0, 0, 0.28);} :where(.legacy-content) .plan-mascot{display: flex; align-items: flex-end; justify-content: center; position: relative; height: 154px; margin: 0px -26px 20px; overflow: hidden; border-bottom: 1px solid color-mix(in srgb, var(--plan-accent) 34%, transparent); background: rgb(8, 23, 29);} :where(.legacy-content) .plan-mascot::after{position: absolute; right: 0px; bottom: 0px; left: 0px; height: 3px; background: var(--plan-accent); content: ""; opacity: 0.82;} :where(.legacy-content) .plan-mascot img{display: block; width: auto; height: 178px; max-width: 92%; object-fit: contain; transform: translateY(25px); filter: drop-shadow(rgba(0, 0, 0, 0.32) 0px 12px 18px);} :where(.legacy-content) .plan-performance .plan-mascot img{animation: 3.8s ease-in-out 0s infinite normal none running performance-aura;} :where(.legacy-content) .plan-power .plan-mascot img{animation: 3.2s ease-in-out 0s infinite normal none running power-aura;} @keyframes performance-aura { } @keyframes power-aura { } :where(.legacy-content) .plan.featured{border-color: var(--cyan-strong); background: linear-gradient(180deg, rgba(94, 220, 255, 0.12), rgba(8, 24, 30, 0.96)), var(--surface-2); box-shadow: rgba(0, 0, 0, 0.32) 0px 20px 60px, rgba(255, 255, 255, 0.08) 0px 1px 0px inset;} :where(.legacy-content) .plan-label{width: max-content; max-width: 100%; margin-bottom: 18px; padding: 5px 10px; border: 1px solid var(--line); border-radius: 999px; color: var(--muted); font-size: 0.72rem; font-weight: 800; letter-spacing: 0.05em; text-transform: uppercase;} :where(.legacy-content) .plan-label.available{border-color: rgba(94, 220, 255, 0.5); background: rgba(94, 220, 255, 0.12); color: var(--cyan);} :where(.legacy-content) .plan-label.research{border-color: rgba(255, 200, 87, 0.34); background: rgba(255, 200, 87, 0.07); color: var(--amber);} :where(.legacy-content) .plan-desc{color: var(--muted); font-size: 0.96rem;} :where(.legacy-content) .plan-price{display: flex; align-items: baseline; gap: 7px; margin: 8px 0px 10px;} :where(.legacy-content) .plan-price strong{font-size: clamp(1.65rem, 2.5vw, 2.1rem); line-height: 1;} :where(.legacy-content) .plan-price span{color: var(--muted); font-size: 0.86rem;} :where(.legacy-content) .plan dl{display: grid; margin: 20px 0px 0px;} :where(.legacy-content) .plan dl div{display: flex; align-items: baseline; justify-content: space-between; gap: 16px; padding: 12px 0px; border-top: 1px solid var(--line-2);} :where(.legacy-content) .plan dt{color: var(--muted); font-size: 0.95rem;} :where(.legacy-content) .plan dd{margin: 0px; font-weight: 750; text-align: right;} :where(.legacy-content) .plan-cta{margin-top: 22px;} :where(.legacy-content) .plan .plan-cta{width: 100%;} :where(.legacy-content) .plan-highlight{border-color: rgba(94, 220, 255, 0.34); background: rgba(15, 38, 48, 0.78);} :where(.legacy-content) .plans-foot{margin-top: 20px; color: var(--muted); font-size: 0.95rem;} :where(.legacy-content) .plans-foot strong{color: var(--soft);} :where(.legacy-content) .interest-section{display: grid; grid-template-columns: minmax(0px, 0.9fr) minmax(360px, 1.1fr); gap: clamp(32px, 6vw, 76px); align-items: start;} :where(.legacy-content) .interest-compact{margin-top: clamp(42px, 6vw, 68px); padding-top: clamp(38px, 5vw, 54px); border-top: 1px solid var(--line);} :where(.legacy-content) .interest-compact h3{font-size: clamp(1.45rem, 1.1rem + 1vw, 1.9rem);} :where(.legacy-content) .interest-copy{position: sticky; top: 116px;} :where(.legacy-content) .interest-points{display: grid; gap: 10px; margin: 24px 0px 0px; padding: 0px; list-style: none; color: var(--soft);} :where(.legacy-content) .interest-points li{position: relative; padding-left: 25px;} :where(.legacy-content) .interest-points li::before{content: ""; position: absolute; top: 0.62em; left: 2px; width: 8px; height: 8px; border-radius: 50%; background: var(--green); box-shadow: rgba(85, 216, 141, 0.12) 0px 0px 0px 4px;} :where(.legacy-content) .interest-form{display: grid; gap: 20px; padding: clamp(22px, 4vw, 34px);} :where(.legacy-content) .field{display: grid; gap: 8px;} :where(.legacy-content) .field label{color: var(--soft); font-size: 0.9rem; font-weight: 700;} :where(.legacy-content) .field input,:where(.legacy-content) .field select{width: 100%; min-height: 48px; padding: 0px 14px; border: 1px solid rgba(255, 255, 255, 0.16); border-radius: var(--radius-sm); background: rgba(2, 7, 10, 0.72); color: var(--text); font: inherit;} :where(.legacy-content) .field select{color-scheme: dark;} :where(.legacy-content) .field input::placeholder{color: rgb(111, 137, 148);} :where(.legacy-content) .field input:hover,:where(.legacy-content) .field select:hover{border-color: rgba(94, 220, 255, 0.34);} :where(.legacy-content) .field input:focus,:where(.legacy-content) .field select:focus{border-color: var(--cyan); outline: rgba(94, 220, 255, 0.15) solid 2px; outline-offset: 1px;} :where(.legacy-content) .form-trap{position: absolute; left: auto; width: 1px; height: 1px; margin: -1px; padding: 0px; overflow: hidden; border: 0px; clip: rect(0px, 0px, 0px, 0px); clip-path: inset(50%); white-space: nowrap;} :where(.legacy-content) .consent-row{display: grid; grid-template-columns: 20px minmax(0px, 1fr); gap: 11px; align-items: start; color: var(--muted); font-size: 0.86rem; cursor: pointer;} :where(.legacy-content) .consent-row input{width: 18px; height: 18px; margin: 2px 0px 0px; accent-color: var(--cyan);} :where(.legacy-content) .consent-row a,:where(.legacy-content) .form-privacy a,:where(.legacy-content) .confirmation-foot a{color: var(--cyan); text-decoration: underline; text-underline-offset: 3px;} :where(.legacy-content) .interest-submit{width: 100%;} :where(.legacy-content) .interest-submit:disabled,:where(.legacy-content) .confirmation-card .button:disabled{cursor: wait; opacity: 0.68;} :where(.legacy-content) .form-status{min-height: 1.5em; margin: 0px; color: var(--muted); font-size: 0.9rem;} :where(.legacy-content) .form-status[data-state="success"]{color: var(--green);} :where(.legacy-content) .form-status[data-state="error"]{color: var(--rose);} :where(.legacy-content) .form-privacy{margin: -6px 0px 0px; color: var(--muted); font-size: 0.78rem;} :where(.legacy-content) .credits-section{display: grid; grid-template-columns: 1fr; gap: 28px; align-items: start;} :where(.legacy-content) .credits-copy{min-width: 0px; max-width: 820px;} :where(.legacy-content) .credits-board{display: grid; min-width: 0px; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 12px;} :where(.legacy-content) .credits-board article{padding: 20px 22px; border-left-width: 4px;} :where(.legacy-content) .credits-board span{color: var(--muted); font-size: 0.8rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.06em;} :where(.legacy-content) .credits-board strong{display: block; margin: 6px 0px 7px; font-size: 1.1rem; font-weight: 700;} :where(.legacy-content) .credits-board p{color: var(--muted);} :where(.legacy-content) .b1{border-left-color: var(--cyan);} :where(.legacy-content) .b2{border-left-color: var(--green);} :where(.legacy-content) .b3{border-left-color: var(--amber);} :where(.legacy-content) .steps{display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 16px;} :where(.legacy-content) .step{padding: 26px;} :where(.legacy-content) .step p{color: var(--muted);} :where(.legacy-content) .step-num{display: inline-grid; place-items: center; width: 40px; height: 40px; margin-bottom: 20px; border-radius: 11px; background: linear-gradient(180deg, #7ce6ff, var(--cyan)); color: var(--ink); font-weight: 900; box-shadow: rgba(94, 220, 255, 0.28) 0px 6px 18px;} :where(.legacy-content) .faq{display: grid; gap: 10px; max-width: 860px;} :where(.legacy-content) .faq details{border: 1px solid var(--line); border-radius: var(--radius-sm); background: var(--card); overflow: hidden;} :where(.legacy-content) .faq summary{display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 17px 20px; cursor: pointer; font-weight: 650; list-style: none;} :where(.legacy-content) .faq summary::-webkit-details-marker{display: none;} :where(.legacy-content) .faq summary::after{content: "+"; color: var(--cyan); font-size: 1.35rem; font-weight: 700; line-height: 1; transition: transform 160ms;} :where(.legacy-content) .faq details[open] summary::after{transform: rotate(45deg);} :where(.legacy-content) .faq summary:hover{color: var(--text); background: rgba(255, 255, 255, 0.04);} :where(.legacy-content) .faq details p{padding: 0px 20px 18px; color: var(--muted);} :where(.legacy-content) .status-section{display: grid; grid-template-columns: minmax(0px, 0.86fr) minmax(320px, 1.14fr); gap: clamp(28px, 4vw, 48px); align-items: start;} :where(.legacy-content) .status-list{display: grid; gap: 10px;} :where(.legacy-content) .status-list div{display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 64px; padding: 16px 20px; border: 1px solid var(--line); border-radius: var(--radius-sm); background: var(--card);} :where(.legacy-content) .status-list strong{color: var(--soft);} :where(.legacy-content) .status-list span{color: var(--muted); text-align: right; font-weight: 550;} :where(.legacy-content) .final-cta{display: flex; align-items: center; justify-content: space-between; gap: 32px; padding: clamp(44px, 6vw, 72px) clamp(24px, 4vw, 48px); margin-bottom: 24px; border: 1px solid var(--cyan-strong); border-radius: clamp(16px, 3vw, 24px); background: radial-gradient(120% 160% at 100% 0%, rgba(94, 220, 255, 0.14), transparent 60%), linear-gradient(rgba(15, 38, 48, 0.6), rgba(7, 20, 25, 0.9)); box-shadow: rgba(255, 255, 255, 0.06) 0px 1px 0px inset;} :where(.legacy-content) .final-cta h2{margin-bottom: 0px;} :where(.legacy-content) .final-cta .actions{margin-top: 0px; flex-shrink: 0;} :where(.legacy-content) .site-footer{display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 28px 0px 44px; border-top: 1px solid var(--line); color: var(--muted);} :where(.legacy-content) .foot-brand{display: grid; gap: 2px;} :where(.legacy-content) .foot-brand strong{color: var(--text);} :where(.legacy-content) .site-footer nav{display: flex; flex-wrap: wrap; gap: 4px;} :where(.legacy-content) .site-footer nav a{display: inline-flex; align-items: center; min-height: 40px; padding: 0px 12px; border-radius: 9px; font-size: 0.92rem; font-weight: 550;} :where(.legacy-content) .site-footer nav a:hover{color: var(--text); background: rgba(255, 255, 255, 0.06);} :where(.legacy-content) .grad-border{position: relative;} :where(.legacy-content) .grad-border::before{content: ""; position: absolute; inset: 0px; border-radius: inherit; padding: 1px; background: linear-gradient(135deg, rgba(94, 220, 255, 0.7), rgba(63, 140, 255, 0.25) 38%, rgba(255, 255, 255, 0.04) 72%); mask: linear-gradient(rgb(0, 0, 0) 0px, rgb(0, 0, 0) 0px) content-box exclude, linear-gradient(rgb(0, 0, 0) 0px, rgb(0, 0, 0) 0px); pointer-events: none;} :where(.legacy-content) .hero-card.grad-border,:where(.legacy-content) .plan.featured.grad-border,:where(.legacy-content) .final-cta.grad-border{border-color: var(--line);} :where(.legacy-content) .site-nav a.active{color: var(--text); background: rgba(94, 220, 255, 0.1);} :where(.legacy-content) .site-header.scrolled{background: rgba(5, 13, 17, 0.86); border-color: rgba(255, 255, 255, 0.16); box-shadow: rgba(0, 0, 0, 0.5) 0px 14px 40px, rgba(255, 255, 255, 0.06) 0px 1px 0px inset;} :where(.legacy-content) .site-footer{display: block; padding: clamp(36px, 5vw, 56px) 0px 40px;} :where(.legacy-content) .footer-top{display: flex; justify-content: space-between; gap: 32px; flex-wrap: wrap;} :where(.legacy-content) .foot-brand{display: grid; gap: 14px; max-width: 440px;} :where(.legacy-content) .foot-brand p{color: var(--muted); font-size: 0.95rem;} :where(.legacy-content) .status-pill{display: inline-flex; align-items: center; gap: 8px; width: max-content; padding: 7px 13px; border: 1px solid var(--line); border-radius: 999px; background: var(--card); font-size: 0.85rem; font-weight: 600; color: var(--soft); transition: border-color 150ms;} :where(.legacy-content) .status-pill:hover{border-color: var(--cyan-strong);} :where(.legacy-content) #foot-status-dot{background: var(--muted);} :where(.legacy-content) .status-pill.ok #foot-status-dot{background: var(--green); box-shadow: rgba(85, 216, 141, 0.18) 0px 0px 0px 3px;} :where(.legacy-content) .status-pill.degraded #foot-status-dot{background: var(--amber); box-shadow: rgba(255, 200, 87, 0.18) 0px 0px 0px 3px;} :where(.legacy-content) .footer-bottom{display: flex; justify-content: space-between; gap: 16px; flex-wrap: wrap; margin-top: 28px; padding-top: 20px; border-top: 1px solid var(--line-2); color: var(--muted); font-size: 0.85rem;} :where(.legacy-content) .contact-section{display: grid; grid-template-columns: minmax(0px, 1fr) auto; gap: clamp(28px, 6vw, 72px); align-items: end; padding-top: clamp(34px, 6vw, 64px); padding-bottom: clamp(34px, 6vw, 64px); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line);} :where(.legacy-content) .contact-section > div:first-child{max-width: 690px;} :where(.legacy-content) .contact-actions{display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 10px;} :where(.legacy-content) .confirmation-page{display: grid; min-height: 100vh; place-items: center; padding: 24px;} :where(.legacy-content) .confirmation-shell{display: grid; width: min(100%, 620px); gap: 22px;} :where(.legacy-content) .confirmation-shell > .brand{justify-self: center;} :where(.legacy-content) .confirmation-card{display: grid; gap: 18px; padding: clamp(26px, 6vw, 48px);} :where(.legacy-content) .confirmation-card h1{margin: 0px; font-size: clamp(2rem, 7vw, 3.3rem); line-height: 1.03;} :where(.legacy-content) .confirmation-card p{color: var(--muted);} :where(.legacy-content) .confirmation-card .button{width: max-content; max-width: 100%;} :where(.legacy-content) .confirmation-foot{margin: 0px; color: var(--muted); font-size: 0.86rem; text-align: center;} @media (max-width: 1080px) {:where(.legacy-content) .product-proof{grid-template-columns: 1fr;} :where(.legacy-content) .product-proof-list{grid-template-columns: repeat(3, minmax(0px, 1fr));} :where(.legacy-content) .plan-grid,:where(.legacy-content) .future-plan-grid{grid-template-columns: repeat(2, minmax(0px, 1fr));} :where(.legacy-content) .bento{grid-template-columns: repeat(2, minmax(0px, 1fr)); grid-auto-rows: auto;} :where(.legacy-content) .bento-hero{grid-area: auto / span 2;} :where(.legacy-content) .bento-wide{grid-column: span 2;} :where(.legacy-content) .hero-grid,:where(.legacy-content) .section-head.split,:where(.legacy-content) .credits-section,:where(.legacy-content) .status-section,:where(.legacy-content) .interest-section{grid-template-columns: 1fr;} :where(.legacy-content) .interest-copy{position: static;} :where(.legacy-content) .plan-finder{grid-template-columns: 1fr;} :where(.legacy-content) .plan-finder-copy{max-width: 680px;} :where(.legacy-content) .hero-emblem{opacity: 0.08; right: -18%;} :where(.legacy-content) .hero-card{max-width: 520px;}} @media (max-width: 860px) { @supports (content-visibility: auto) {:where(.legacy-content) main > .section,:where(.legacy-content) main > .final-cta,:where(.legacy-content) main > .trust-strip{content-visibility: visible; contain-intrinsic-block-size: none;}} :where(.legacy-content) .site-header,:where(.legacy-content) .hero-card{backdrop-filter: none;} :where(.legacy-content) .site-header{background: rgba(5, 13, 17, 0.96);} :where(.legacy-content) .plan-performance .plan-mascot img,:where(.legacy-content) .plan-power .plan-mascot img{animation: auto ease 0s 1 normal none running none;} :where(.legacy-content) .plan-performance .plan-mascot img{filter: drop-shadow(rgba(255, 200, 87, 0.58) 0px 0px 6px) drop-shadow(rgba(0, 0, 0, 0.28) 0px 10px 14px);} :where(.legacy-content) .plan-power .plan-mascot img{filter: drop-shadow(rgba(255, 113, 91, 0.66) 0px 0px 8px) drop-shadow(rgba(0, 0, 0, 0.28) 0px 10px 14px);} :where(.legacy-content) .site-header{flex-wrap: wrap; gap: 8px 14px; padding: 10px 12px;} :where(.legacy-content) .site-nav{order: 3; width: 100%; margin-right: 0px; overflow-x: auto; flex-wrap: nowrap; scrollbar-width: none;} :where(.legacy-content) .site-nav::-webkit-scrollbar{display: none;} :where(.legacy-content) .site-nav a{white-space: nowrap;} :where(.legacy-content) .header-actions{margin-left: auto;} :where(.legacy-content) .hero-grid{padding-top: 156px;} :where(.legacy-content) .steps{grid-template-columns: 1fr;} :where(.legacy-content) .trust-strip{grid-template-columns: repeat(2, minmax(0px, 1fr));} :where(.legacy-content) .product-proof-list,:where(.legacy-content) .credits-board{grid-template-columns: 1fr;} :where(.legacy-content) .final-cta{flex-direction: column; align-items: flex-start;} :where(.legacy-content) .free-plan-band,:where(.legacy-content) .contact-section{grid-template-columns: 1fr;} :where(.legacy-content) .plan-finder-questions,:where(.legacy-content) .plan-finder-result{grid-template-columns: 1fr;} :where(.legacy-content) .finder-question legend{min-height: 0px;} :where(.legacy-content) .plan-finder-result-spec{max-width: none; text-align: left;} :where(.legacy-content) .plan-finder-result-actions{justify-content: flex-start;} :where(.legacy-content) .contact-actions{justify-content: flex-start;}} @media (max-width: 620px) {:where(.legacy-content) .site-nav{display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 2px; overflow: visible;} :where(.legacy-content) .site-nav a{justify-content: center; min-width: 0px; min-height: 34px; padding: 0px 4px; font-size: 0.82rem;} :where(.legacy-content) .hero-grid{padding-top: 220px;} :where(.legacy-content) .hero-emblem{display: none;} :where(.legacy-content) .product-window-bar{grid-template-columns: 1fr auto;} :where(.legacy-content) .product-window-bar > span{display: none;} :where(.legacy-content) .product-screen-head{display: grid; gap: 8px;} :where(.legacy-content) .product-step{white-space: normal;} :where(.legacy-content) .product-demo-grid{grid-template-columns: 1fr;} :where(.legacy-content) .trust-strip,:where(.legacy-content) .plan-grid,:where(.legacy-content) .future-plan-grid,:where(.legacy-content) .bento{grid-template-columns: 1fr;} :where(.legacy-content) .bento-hero,:where(.legacy-content) .bento-wide{grid-column: auto;} :where(.legacy-content) .trust-strip{margin-top: 12px;} :where(.legacy-content) .credits-copy .actions .button{width: 100%; white-space: normal;} :where(.legacy-content) .future-plan-grid{display: flex; gap: 12px; width: 100%; padding: 0px 12px 12px 0px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: thin; scrollbar-color: rgba(94, 220, 255, 0.42) transparent;} :where(.legacy-content) .future-plan-grid .plan{flex: 0 0 min(84vw, 330px); scroll-snap-align: start;} :where(.legacy-content) .finder-options{grid-template-columns: repeat(2, minmax(0px, 1fr));} :where(.legacy-content) .actions,:where(.legacy-content) .actions .button{width: 100%;} :where(.legacy-content) .hero-card-list div,:where(.legacy-content) .status-list div{flex-direction: column; align-items: flex-start; gap: 4px;} :where(.legacy-content) .hero-card-list dd,:where(.legacy-content) .status-list span{text-align: left;} :where(.legacy-content) .plan{padding: 0px 22px 22px;} :where(.legacy-content) .plan-mascot{height: 132px; margin: 0px -22px 18px;} :where(.legacy-content) .plan-mascot img{height: 158px; transform: translateY(23px);} :where(.legacy-content) .free-plan-specs{grid-template-columns: repeat(2, minmax(0px, 1fr));} :where(.legacy-content) .free-plan-specs div{padding: 14px 12px; border-right: 1px solid var(--line);} :where(.legacy-content) .free-plan-specs div:nth-child(2n){border-right: 0px;} :where(.legacy-content) .free-plan-copy .plan-cta,:where(.legacy-content) .plan-finder-submit,:where(.legacy-content) .plan-finder-result-actions,:where(.legacy-content) .plan-finder-result-actions .button,:where(.legacy-content) .contact-actions,:where(.legacy-content) .contact-actions .button,:where(.legacy-content) .confirmation-card .button{width: 100%;} :where(.legacy-content) .confirmation-page{padding: 16px;}} @media (prefers-reduced-motion: reduce) {:where(.legacy-content) *{scroll-behavior: auto !important; transition: none !important;} :where(.legacy-content) .plan-performance .plan-mascot img,:where(.legacy-content) .plan-power .plan-mascot img{animation: auto ease 0s 1 normal none running none;} :where(.legacy-content) .plan-performance .plan-mascot img{filter: drop-shadow(rgba(255, 200, 87, 0.72) 0px 0px 7px) drop-shadow(rgba(0, 0, 0, 0.32) 0px 12px 18px);} :where(.legacy-content) .plan-power .plan-mascot img{filter: drop-shadow(rgba(255, 113, 91, 0.84) 0px 0px 10px) drop-shadow(rgba(0, 0, 0, 0.32) 0px 12px 18px);} } @media (max-width: 860px) { :where(.legacy-content) .site-header{flex-wrap: nowrap; gap: 8px; min-height: 62px; padding: 8px 60px 8px 12px;} :where(.legacy-content) .site-header .brand{flex: 0 0 auto;} :where(.legacy-content) .site-header .site-nav{position: absolute; top: calc(100% + 8px); left: 0px; display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 4px; width: 100%; margin: 0px; padding: 10px; overflow: visible; border: 1px solid rgba(255, 255, 255, 0.12); border-radius: var(--radius); background: rgb(5, 13, 17); box-shadow: rgba(0, 0, 0, 0.5) 0px 22px 60px; opacity: 0; visibility: hidden; transform: translateY(-6px); pointer-events: none; transition: opacity 160ms, transform 160ms, visibility 160ms;} :where(.legacy-content) .site-header .site-nav a{justify-content: flex-start; min-width: 0px; min-height: 44px; padding: 0px 12px; white-space: normal;} :where(.legacy-content) .site-header .site-nav .mobile-manage-link{display: flex; color: var(--cyan-strong);} :where(.legacy-content) .site-header.nav-open .site-nav{opacity: 1; visibility: visible; transform: none; pointer-events: auto;} :where(.legacy-content) .site-header .header-actions{margin-left: auto;} :where(.legacy-content) .site-header.nav-enhanced.language-switcher-relocated > .language-switcher{display: none;} :where(.legacy-content) .site-header.nav-enhanced .site-nav .language-switcher{display: block; grid-column: 1 / -1; width: 100%;} :where(.legacy-content) .site-header.nav-enhanced .site-nav .language-switcher summary{display: flex; align-items: center; width: 100%; min-height: 44px; padding: 0px 32px 0px 12px;} :where(.legacy-content) .site-header.nav-enhanced .site-nav .language-switcher summary::before{content: attr(aria-label); margin-right: auto; color: var(--muted); font-size: 0.82rem; font-weight: 650;} :where(.legacy-content) .site-header.nav-enhanced .site-nav .language-menu{top: calc(100% + 4px); right: auto; left: 0px; width: 100%;} :where(.legacy-content) .site-header.nav-enhanced .site-nav .language-menu a{justify-content: space-between; min-height: 44px; padding: 0px 10px; white-space: nowrap;} :where(.legacy-content) .site-header .language-menu{right: 0px; left: auto; transform: none;} :where(.legacy-content) .site-header .header-actions .button.ghost{display: none;} :where(.legacy-content) .site-header .menu-toggle{position: absolute; top: 9px; right: 9px; display: grid; flex: 0 0 44px;} :where(.legacy-content) .site-header + main .hero-grid{padding-top: 112px;} :where(.legacy-content) .hero-grid{gap: 24px;} :where(.legacy-content) .hero-copy-block{max-width: none;}} @media (max-width: 420px) {:where(.legacy-content) .site-header .brand{gap: 8px; font-size: 0.96rem;} :where(.legacy-content) .site-header .brand img{width: 32px; height: 32px;} :where(.legacy-content) .site-header .header-actions .button.primary{min-height: 44px; padding: 0px 10px; font-size: 0.78rem;} :where(.legacy-content) .site-header .language-switcher summary{width: 49px; min-height: 44px; padding-left: 8px;}} @media (max-width: 360px) {:where(.legacy-content) .site-header .brand span{display: none;} :where(.legacy-content) .trust-strip strong{overflow-wrap: anywhere;}} :where(.legacy-content) .status-section{grid-template-columns: minmax(0px, 1.12fr) minmax(300px, 0.88fr); align-items: start;} :where(.legacy-content) .status-head{grid-column: 1 / -1; max-width: 62ch;} :where(.legacy-content) .status-form-title{margin: 0px 0px 6px; font-size: clamp(1.05rem, 1.6vw, 1.2rem); font-weight: 650; color: var(--text);} :where(.legacy-content) .status-form-sub{margin: 0px 0px 18px; max-width: 52ch; color: var(--muted); font-size: 0.95rem; line-height: 1.55;} :where(.legacy-content) .status-form .interest-form{margin: 0px;} :where(.legacy-content) .status-aside{position: relative; display: grid; gap: 0px; align-content: start; overflow: hidden; border: 1px solid var(--line); border-radius: var(--radius-sm); background: rgb(7, 20, 25);} :where(.legacy-content) .status-aside::before{position: absolute; inset: 0px auto 0px 0px; width: 2px; background: linear-gradient(180deg, var(--cyan), rgba(94, 220, 255, 0.08) 68%, transparent); content: ""; pointer-events: none;} :where(.legacy-content) .status-aside-title{position: relative; display: flex; align-items: center; min-height: 62px; margin: 0px; padding: 0px 20px 0px 44px; border-bottom: 1px solid var(--line-2); color: var(--soft); font-size: 0.78rem; font-weight: 700; letter-spacing: 0.07em; text-transform: uppercase;} :where(.legacy-content) .status-aside-title::before{position: absolute; left: 21px; width: 8px; height: 8px; border-radius: 50%; background: var(--cyan); box-shadow: rgba(94, 220, 255, 0.08) 0px 0px 0px 4px, rgba(94, 220, 255, 0.34) 0px 0px 18px; content: "";} :where(.legacy-content) .status-list{gap: 0px;} :where(.legacy-content) .status-list div{display: grid; grid-template-columns: minmax(0px, 0.56fr) minmax(0px, 1fr); align-items: center; gap: 18px; min-height: 64px; padding: 0px 20px; border-top: 0px; border-right: 0px; border-left: 0px; border-image: none; border-bottom: 1px solid var(--line-2); border-radius: 0px; background: transparent;} :where(.legacy-content) .status-list strong{color: var(--soft); font-size: 0.94rem; font-weight: 600;} :where(.legacy-content) .status-list span{display: inline-flex; align-items: center; justify-content: flex-end; gap: 10px; min-width: 0px; color: var(--muted); font-family: ui-monospace, SFMono-Regular, "Cascadia Code", Menlo, Consolas, monospace; font-size: 0.72rem; font-weight: 600; line-height: 1.45; letter-spacing: 0.015em; text-align: right;} :where(.legacy-content) .status-list span::before{width: 7px; height: 7px; flex: 0 0 auto; border-radius: 50%; background: currentcolor; box-shadow: currentcolor 0px 0px 12px; content: "";} :where(.legacy-content) .status-alt strong{margin: 0px; color: var(--soft); font-size: 0.76rem; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase;} :where(.legacy-content) .status-alt{display: grid; grid-template-columns: minmax(0px, 1fr) auto; gap: 6px 20px; align-items: center; padding: 20px; border-top: 0px; border-right: 0px; border-left: 0px; border-image: none; border-bottom: 1px solid var(--line-2); border-radius: 0px; background: rgba(94, 220, 255, 0.024);} :where(.legacy-content) .status-alt p{margin: 0px; color: var(--muted); font-size: 0.92rem; line-height: 1.5;} :where(.legacy-content) .status-alt .text-link{grid-area: 1 / 2 / 3; justify-self: end; min-height: 44px; margin: 0px; padding: 0px 14px; border: 1px solid rgba(94, 220, 255, 0.28); border-radius: 7px; background: rgba(94, 220, 255, 0.055); font-size: 0.84rem; text-decoration: none; transition: border-color 160ms, background 160ms, color 160ms;} :where(.legacy-content) .status-alt .text-link:hover{border-color: rgba(94, 220, 255, 0.58); background: rgba(94, 220, 255, 0.11); text-decoration: none;} :where(.legacy-content) .status-history{display: flex; align-items: center; justify-self: stretch; min-height: 52px; padding: 0px 20px; color: var(--muted); font-family: ui-monospace, SFMono-Regular, "Cascadia Code", Menlo, Consolas, monospace; font-size: 0.72rem; font-weight: 600; letter-spacing: 0.025em; text-decoration: none; transition: color 160ms, background 160ms;} :where(.legacy-content) .status-history:hover{color: var(--cyan); background: rgba(94, 220, 255, 0.043);} @media (max-width: 900px) {:where(.legacy-content) .status-section{grid-template-columns: minmax(0px, 1fr);} :where(.legacy-content) .status-head{max-width: none;}} @media (max-width: 620px) {:where(.legacy-content) .status-aside-title{min-height: 58px;} :where(.legacy-content) .status-list div{grid-template-columns: minmax(0px, 1fr); gap: 5px; min-height: 76px; padding-block: 14px;} :where(.legacy-content) .status-list span{justify-content: flex-start; text-align: left;} :where(.legacy-content) .status-alt{grid-template-columns: minmax(0px, 1fr); padding-block: 22px;} :where(.legacy-content) .status-alt .text-link{grid-area: auto / 1; justify-self: stretch; justify-content: center; margin-top: 10px;}} :where(.legacy-content) .field textarea{width: 100%; min-height: 132px; padding: 12px 14px; border: 1px solid rgba(255, 255, 255, 0.16); border-radius: var(--radius-sm); background: rgba(2, 7, 10, 0.72); color: var(--text); font-family: inherit; font-size: 0.97rem; line-height: 1.55; resize: vertical;} :where(.legacy-content) .field textarea::placeholder{color: rgb(111, 137, 148);} :where(.legacy-content) .field textarea:hover{border-color: rgba(94, 220, 255, 0.34);} :where(.legacy-content) .field textarea:focus{border-color: var(--cyan); outline: rgba(94, 220, 255, 0.15) solid 2px; outline-offset: 1px;} :where(.legacy-content) .terraria-live{position: relative; overflow: hidden; border-block: 1px solid var(--line); background: rgb(7, 17, 23);} :where(.legacy-content) .terraria-live-grid{display: grid; grid-template-columns: minmax(0px, 0.9fr) minmax(360px, 1.1fr); gap: clamp(32px, 6vw, 88px); align-items: center; padding-block: clamp(64px, 8vw, 112px);} :where(.legacy-content) .terraria-live-copy{max-width: 660px;} :where(.legacy-content) .terraria-live-copy h2{max-width: 14ch; margin: 10px 0px 18px;} :where(.legacy-content) .terraria-live-copy .section-sub{max-width: 62ch;} :where(.legacy-content) .terraria-live-media{position: relative; min-height: 360px; overflow: hidden; border: 1px solid rgb(43, 72, 82); border-radius: 8px; background: rgb(5, 9, 12);} :where(.legacy-content) .terraria-live-media img{width: 100%; height: 100%; min-height: 360px; object-fit: cover;} :where(.legacy-content) .terraria-live-badge{position: absolute; inset: 18px auto auto 18px; display: inline-flex; align-items: center; gap: 8px; padding: 8px 11px; border: 1px solid rgba(82, 229, 165, 0.5); border-radius: 6px; color: rgb(202, 255, 223); background: rgba(4, 19, 16, 0.9); font-size: 0.78rem; font-weight: 800; text-transform: uppercase;} :where(.legacy-content) .terraria-live-badge::before{width: 8px; height: 8px; border-radius: 50%; background: rgb(56, 217, 137); box-shadow: rgba(56, 217, 137, 0.7) 0px 0px 12px; content: "";} :where(.legacy-content) .terraria-live-specs{position: absolute; inset: auto 18px 18px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; overflow: hidden; border: 1px solid rgba(158, 206, 222, 0.24); border-radius: 6px; background: rgba(158, 206, 222, 0.2);} :where(.legacy-content) .terraria-live-specs span{padding: 13px 10px; color: rgb(239, 250, 255); background: rgba(4, 14, 19, 0.92); text-align: center; font-size: 0.8rem; font-weight: 750;} :where(.legacy-content) .terraria-live-note{margin-top: 14px; color: var(--muted); font-size: 0.82rem;} @media (max-width: 860px) {:where(.legacy-content) .terraria-live-grid{grid-template-columns: 1fr; gap: 28px; padding-block: 58px;} :where(.legacy-content) .terraria-live-copy h2{max-width: 18ch;} :where(.legacy-content) .terraria-live-media,:where(.legacy-content) .terraria-live-media img{min-height: 300px;}} @media (max-width: 520px) {:where(.legacy-content) .terraria-live-grid{padding-block: 46px;} :where(.legacy-content) .terraria-live-media,:where(.legacy-content) .terraria-live-media img{min-height: 270px;} :where(.legacy-content) .terraria-live-specs{inset: auto 10px 10px;} :where(.legacy-content) .terraria-live-specs span{padding: 10px 6px; font-size: 0.72rem;}} @media (max-width: 860px) {:where(.legacy-content) .plans-preview-grid,:where(.legacy-content) .beta-evidence{grid-template-columns: 1fr;} :where(.legacy-content) .plans-preview-card{border-top: 1px solid var(--line); border-left: 0px;} :where(.legacy-content) .plans-preview-card:first-child{border-top: 0px;} :where(.legacy-content) .beta-evidence{gap: 28px;} :where(.legacy-content) .beta-evidence-stats{width: 100%;}} @media (max-width: 560px) {:where(.legacy-content) .plans-preview-actions{display: grid; grid-template-columns: 1fr;} :where(.legacy-content) .plans-preview-actions .button{width: 100%;} :where(.legacy-content) .beta-evidence-stats{grid-template-columns: 1fr;} :where(.legacy-content) .beta-evidence-stats div{display: grid; grid-template-columns: minmax(76px, auto) 1fr; gap: 14px; align-items: center; border-top: 1px solid var(--line); border-left: 0px;} :where(.legacy-content) .beta-evidence-stats div:first-child{border-top: 0px;} :where(.legacy-content) .beta-evidence-stats dt{margin: 0px;} :where(.legacy-content) .subpage-hero{padding-top: 98px;}} :where(.legacy-content) .content-page{background: rgb(5, 13, 17); color: rgb(237, 248, 252);} :where(.legacy-content) .content-page main{min-height: 70vh;} :where(.legacy-content) .content-hero{padding: clamp(7rem, 12vw, 10rem) 0px clamp(3rem, 7vw, 5rem); border-bottom: 1px solid rgba(134, 214, 235, 0.16); background: linear-gradient(rgba(16, 74, 91, 0.32), rgba(5, 13, 17, 0));} :where(.legacy-content) .content-hero .wrap,:where(.legacy-content) .article-layout{max-width: 1120px;} :where(.legacy-content) .breadcrumbs{display: flex; flex-wrap: wrap; gap: 0.45rem; margin-bottom: 1.25rem; color: rgb(148, 179, 191); font-size: 0.875rem;} :where(.legacy-content) .breadcrumbs a{color: rgb(125, 223, 247);} :where(.legacy-content) .content-hero h1{max-width: 850px; margin: 0px; font-size: clamp(2.35rem, 5vw, 4.4rem); line-height: 1.04; letter-spacing: 0px;} :where(.legacy-content) .content-hero .lead{max-width: 760px; margin-top: 1.35rem;} :where(.legacy-content) .article-layout{display: grid; grid-template-columns: minmax(0px, 1fr) 270px; gap: clamp(2rem, 6vw, 5rem); padding-top: clamp(2.5rem, 6vw, 5rem); padding-bottom: clamp(4rem, 8vw, 7rem);} :where(.legacy-content) .article-body{min-width: 0px;} :where(.legacy-content) .article-body h2{margin: 3rem 0px 1rem; font-size: clamp(1.6rem, 3vw, 2.25rem); letter-spacing: 0px;} :where(.legacy-content) .article-body h2:first-child{margin-top: 0px;} :where(.legacy-content) .article-body h3{margin: 2rem 0px 0.75rem; font-size: 1.2rem; letter-spacing: 0px;} :where(.legacy-content) .article-body p,:where(.legacy-content) .article-body li{color: rgb(185, 209, 218); font-size: 1.03rem; line-height: 1.75;} :where(.legacy-content) .article-body ul,:where(.legacy-content) .article-body ol{padding-left: 1.3rem;} :where(.legacy-content) .article-body a{color: rgb(99, 220, 250); text-decoration: underline; text-underline-offset: 0.2em;} :where(.legacy-content) .fact-grid{display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 0.8rem; margin: 1.5rem 0px 2.5rem;} :where(.legacy-content) .fact{padding: 1rem; border: 1px solid rgba(134, 214, 235, 0.18); border-radius: 6px; background: rgb(10, 26, 32);} :where(.legacy-content) .fact span,:where(.legacy-content) .fact strong{display: block;} :where(.legacy-content) .fact span{margin-bottom: 0.35rem; color: rgb(134, 169, 182); font-size: 0.78rem; text-transform: uppercase;} :where(.legacy-content) .fact strong{color: rgb(241, 251, 254);} :where(.legacy-content) .notice{margin: 2rem 0px; padding: 1.2rem 1.3rem; border-left: 3px solid rgb(67, 214, 246); background: rgb(10, 26, 32); color: rgb(204, 227, 234);} :where(.legacy-content) .answer-box{margin: 0px 0px 2rem; padding: 1.25rem 1.35rem; border: 1px solid rgba(67, 214, 246, 0.35); border-radius: 6px; background: rgb(10, 32, 40);} :where(.legacy-content) .answer-box strong{display: block; margin-bottom: 0.35rem; color: rgb(241, 251, 254);} :where(.legacy-content) .answer-box p{margin: 0px;} :where(.legacy-content) .comparison-grid{display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 0.85rem; margin: 1.5rem 0px 2.5rem;} :where(.legacy-content) .comparison-item{padding: 1.1rem; border: 1px solid rgba(134, 214, 235, 0.18); border-radius: 6px; background: rgb(10, 26, 32);} :where(.legacy-content) .comparison-item span,:where(.legacy-content) .comparison-item strong,:where(.legacy-content) .comparison-item small{display: block;} :where(.legacy-content) .comparison-item span{margin-bottom: 0.4rem; color: rgb(125, 223, 247); font-size: 0.78rem; text-transform: uppercase;} :where(.legacy-content) .comparison-item strong{margin-bottom: 0.35rem; color: rgb(241, 251, 254);} :where(.legacy-content) .comparison-item small{color: rgb(168, 200, 211); font-size: 0.9rem; line-height: 1.55;} :where(.legacy-content) .step-list{margin: 1.5rem 0px 2.5rem; padding: 0px; list-style: none; counter-reset: nodearc-step 0;} :where(.legacy-content) .step-list li{position: relative; margin-bottom: 0.8rem; padding: 1rem 1rem 1rem 3.7rem; border: 1px solid rgba(134, 214, 235, 0.16); border-radius: 6px; background: rgb(10, 26, 32); counter-increment: nodearc-step 1;} :where(.legacy-content) .step-list li::before{position: absolute; top: 1rem; left: 1rem; width: 1.8rem; height: 1.8rem; border-radius: 50%; background: rgb(67, 214, 246); color: rgb(4, 16, 20); content: counter(nodearc-step); font-size: 0.85rem; font-weight: 800; line-height: 1.8rem; text-align: center;} :where(.legacy-content) .source-links{display: flex; flex-wrap: wrap; gap: 0.75rem 1.25rem; margin: 1.5rem 0px; padding: 1rem 0px; border-top: 1px solid rgba(134, 214, 235, 0.16); border-bottom: 1px solid rgba(134, 214, 235, 0.16);} :where(.legacy-content) .article-nav{position: sticky; top: 6rem; align-self: start; padding: 1.1rem; border: 1px solid rgba(134, 214, 235, 0.16); border-radius: 6px; background: rgba(8, 24, 30, 0.92);} :where(.legacy-content) .article-nav strong,:where(.legacy-content) .article-nav a{display: block;} :where(.legacy-content) .article-nav strong{margin-bottom: 0.75rem;} :where(.legacy-content) .article-nav a{padding: 0.5rem 0px; color: rgb(168, 200, 211); font-size: 0.9rem;} :where(.legacy-content) .article-cta{margin-top: 3rem; padding: clamp(1.4rem, 4vw, 2.3rem); border: 1px solid rgba(67, 214, 246, 0.35); border-radius: 6px; background: rgb(10, 32, 40);} :where(.legacy-content) .article-cta h2{margin-top: 0px;} :where(.legacy-content) .guide-grid{display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 1rem; padding-top: clamp(2.5rem, 6vw, 5rem); padding-bottom: clamp(4rem, 8vw, 7rem);} :where(.legacy-content) .guide-card{display: block; min-height: 190px; padding: clamp(1.25rem, 3vw, 2rem); border: 1px solid rgba(134, 214, 235, 0.18); border-radius: 6px; background: rgb(10, 26, 32); color: inherit; text-decoration: none;} :where(.legacy-content) .guide-card:hover{border-color: rgba(99, 220, 250, 0.68); background: rgb(12, 34, 42);} :where(.legacy-content) .guide-card span{color: rgb(125, 223, 247); font-size: 0.78rem; text-transform: uppercase;} :where(.legacy-content) .guide-card h2{margin: 0.65rem 0px; font-size: 1.4rem; letter-spacing: 0px;} :where(.legacy-content) .guide-card p{margin: 0px; color: rgb(185, 209, 218); line-height: 1.55;} :where(.legacy-content) .adoption-table-wrap{margin: 1.25rem 0px 0.85rem; overflow-x: auto; border: 1px solid rgba(134, 214, 235, 0.18); border-radius: 6px; background: rgb(10, 26, 32);} :where(.legacy-content) .adoption-table{width: 100%; min-width: 520px; border-collapse: collapse; color: rgb(220, 239, 244);} :where(.legacy-content) .adoption-table caption{padding: 0.85rem 1rem; color: rgb(143, 180, 192); text-align: left; font-size: 0.82rem;} :where(.legacy-content) .adoption-table th,:where(.legacy-content) .adoption-table td{padding: 0.85rem 1rem; border-bottom: 1px solid rgba(134, 214, 235, 0.14); text-align: left;} :where(.legacy-content) .adoption-table th{color: rgb(125, 223, 247); font-size: 0.78rem; letter-spacing: 0.06em; text-transform: uppercase;} :where(.legacy-content) .adoption-table tbody tr:last-child td{border-bottom: 0px;} :where(.legacy-content) .adoption-table td:nth-child(2),:where(.legacy-content) .adoption-table td:nth-child(3){font-variant-numeric: tabular-nums;} :where(.legacy-content) .data-note{color: rgb(143, 180, 192); font-size: 0.92rem;} @media (max-width: 820px) {:where(.legacy-content) .article-layout{grid-template-columns: 1fr;} :where(.legacy-content) .article-nav{position: static; order: -1;}} @media (max-width: 560px) {:where(.legacy-content) .content-hero{padding-top: 10.5rem;} :where(.legacy-content) .fact-grid{grid-template-columns: 1fr;} :where(.legacy-content) .comparison-grid{grid-template-columns: 1fr;} :where(.legacy-content) .guide-grid{grid-template-columns: 1fr;} :where(.legacy-content) .article-body p,:where(.legacy-content) .article-body li{font-size: 1rem;}} @media (max-width: 640px) {:where(.legacy-content) .adoption-table{min-width: 0px;} :where(.legacy-content) .adoption-table th,:where(.legacy-content) .adoption-table td{padding: 0.75rem 0.65rem;} :where(.legacy-content) .adoption-table th:nth-child(4),:where(.legacy-content) .adoption-table td:nth-child(4){display: none;}} :where(.legacy-content) .comparison-table-wrap{--accent: #2ecc71; --accent-dim: rgba(46, 204, 113, 0.12); --accent-glow: rgba(46, 204, 113, 0.25); --surface: #071318; --surface-alt: rgba(255, 255, 255, 0.018); --border: rgba(134, 214, 235, 0.1); margin: 2rem 0px 2.5rem; overflow-x: auto; border-radius: 14px; background: var(--surface); border: 1px solid var(--accent-glow); box-shadow: rgba(46, 204, 113, 0.06) 0px 0px 0px 1px, rgba(0, 0, 0, 0.4) 0px 4px 24px, rgba(46, 204, 113, 0.12) 0px 0px 60px -20px; position: relative;} :where(.legacy-content) .comparison-table{width: 100%; min-width: 640px; border-collapse: separate; border-spacing: 0px; text-align: left; color: rgb(200, 219, 227); font-size: 0.94rem; line-height: 1.55;} :where(.legacy-content) .comparison-table thead th{padding: 1.1rem 1.25rem; font-weight: 600; font-size: 0.8rem; text-transform: uppercase; letter-spacing: 0.07em; color: rgb(127, 168, 182); background: rgb(11, 30, 38); border-bottom: 1px solid var(--border); white-space: nowrap;} :where(.legacy-content) .comparison-table thead th:first-child{border-top-left-radius: 13px;} :where(.legacy-content) .comparison-table thead th:last-child{border-top-right-radius: 13px;} :where(.legacy-content) .comparison-table thead th.highlight-col{background: linear-gradient(rgba(46, 204, 113, 0.18) 0%, rgba(46, 204, 113, 0.06) 100%); color: var(--accent); border-bottom: 2px solid var(--accent); position: relative;} :where(.legacy-content) .comparison-table td{padding: 0.95rem 1.25rem; border-bottom: 1px solid var(--border); vertical-align: top;} :where(.legacy-content) .comparison-table td:first-child{color: rgb(147, 184, 196); font-weight: 600; font-size: 0.88rem; white-space: nowrap;} :where(.legacy-content) .comparison-table td.highlight-col{background: var(--accent-dim); color: rgb(232, 250, 240); font-weight: 500; border-left: 1px solid rgba(46, 204, 113, 0.08); border-right: 1px solid rgba(46, 204, 113, 0.08);} :where(.legacy-content) .comparison-table tbody tr:nth-child(2n) td{background-color: var(--surface-alt);} :where(.legacy-content) .comparison-table tbody tr:nth-child(2n) td.highlight-col{background-color: rgba(46, 204, 113, 0.08);} :where(.legacy-content) .comparison-table tbody tr:last-child td{border-bottom: 0px;} :where(.legacy-content) .comparison-table tbody tr:last-child td:first-child{border-bottom-left-radius: 13px;} :where(.legacy-content) .comparison-table tbody tr:last-child td:last-child{border-bottom-right-radius: 13px;} :where(.legacy-content) .comparison-table tbody tr:hover td{background-color: rgba(125, 223, 247, 0.03);} :where(.legacy-content) .comparison-table tbody tr:hover td.highlight-col{background-color: rgba(46, 204, 113, 0.14);} :where(.legacy-content) .tag-badge{display: inline-block; padding: 0.22rem 0.6rem; font-size: 0.68rem; font-weight: 700; border-radius: 5px; text-transform: uppercase; letter-spacing: 0.05em; margin-left: 0.5rem; vertical-align: middle; line-height: 1.3;} :where(.legacy-content) .badge-success{background: linear-gradient(135deg, rgb(46, 204, 113), rgb(39, 174, 96)); color: rgb(255, 255, 255); box-shadow: rgba(46, 204, 113, 0.35) 0px 2px 8px;} :where(.legacy-content) .check-icon{color: rgb(46, 204, 113); font-weight: bold; margin-right: 0.3rem; font-size: 1.05em;} :where(.legacy-content) .cross-icon{color: rgb(231, 76, 60); margin-right: 0.3rem; font-size: 1.05em;} :where(.legacy-content) .warn-icon{color: rgb(243, 156, 18); margin-right: 0.3rem; font-size: 1.05em;} @media (max-width: 768px) {:where(.legacy-content) .comparison-table{min-width: 520px; font-size: 0.88rem;} :where(.legacy-content) .comparison-table thead th,:where(.legacy-content) .comparison-table td{padding: 0.8rem 0.75rem;}} @media (max-width: 560px) {:where(.legacy-content) .comparison-table{min-width: 0px;} :where(.legacy-content) .comparison-table thead th:nth-child(4),:where(.legacy-content) .comparison-table td:nth-child(4){display: none;}} :where(.legacy-content) .games-page{background: rgb(5, 13, 17); color: rgb(237, 248, 252);} :where(.legacy-content) .games-page main{overflow: clip;} :where(.legacy-content) .game-hero{padding: clamp(7rem, 12vw, 10rem) 0px clamp(3.5rem, 7vw, 5.5rem); border-bottom: 1px solid rgba(134, 214, 235, 0.16); background: rgb(7, 20, 26);} :where(.legacy-content) .game-hero-grid,:where(.legacy-content) .game-signal-grid,:where(.legacy-content) .game-interest-layout{display: grid; grid-template-columns: minmax(0px, 1.3fr) minmax(260px, 0.7fr); gap: clamp(1.5rem, 5vw, 4rem); align-items: start;} :where(.legacy-content) .game-hero h1{max-width: 800px; margin: 0px; font-size: clamp(2.55rem, 6vw, 5.15rem); line-height: 1.02; letter-spacing: 0px;} :where(.legacy-content) .game-hero .lead{max-width: 700px; margin: 1.25rem 0px 0px;} :where(.legacy-content) .game-eyebrow{display: inline-flex; align-items: center; gap: 0.55rem; margin: 0px 0px 1rem; color: rgb(142, 223, 242); font-size: 0.78rem; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase;} :where(.legacy-content) .game-eyebrow::before{width: 0.55rem; height: 0.55rem; border-radius: 50%; background: rgb(239, 181, 74); box-shadow: rgba(239, 181, 74, 0.13) 0px 0px 0px 4px; content: "";} :where(.legacy-content) .game-hero-note,:where(.legacy-content) .game-notice{border: 1px solid rgba(239, 181, 74, 0.36); border-radius: 8px; background: rgb(21, 19, 13);} :where(.legacy-content) .game-hero-note{padding: 1.25rem;} :where(.legacy-content) .game-hero-note strong,:where(.legacy-content) .game-notice strong{display: block; margin-bottom: 0.45rem; color: rgb(255, 243, 213);} :where(.legacy-content) .game-hero-note p,:where(.legacy-content) .game-notice p{margin: 0px; color: rgb(201, 213, 217); line-height: 1.6;} :where(.legacy-content) .game-section{padding: clamp(3.5rem, 7vw, 6rem) 0px; border-bottom: 1px solid rgba(134, 214, 235, 0.12);} :where(.legacy-content) .game-section h2{max-width: 780px; margin: 0px; font-size: clamp(1.9rem, 4vw, 3.25rem); line-height: 1.08; letter-spacing: 0px;} :where(.legacy-content) .game-section .section-sub{max-width: 720px; margin-top: 1rem;} :where(.legacy-content) .game-candidate-grid{display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 1rem; margin-top: 2.25rem;} :where(.legacy-content) .game-candidate,:where(.legacy-content) .game-plan,:where(.legacy-content) .game-signal,:where(.legacy-content) .game-form{border: 1px solid rgba(134, 214, 235, 0.2); border-radius: 8px; background: rgb(9, 24, 30);} :where(.legacy-content) .game-candidate{display: flex; min-height: 100%; flex-direction: column; padding: clamp(1.25rem, 3vw, 1.75rem);} :where(.legacy-content) .game-candidate[data-game="vintage-story"]{border-top: 3px solid rgb(211, 155, 85);} :where(.legacy-content) .game-candidate[data-game="abiotic-factor"]{border-top: 3px solid rgb(112, 199, 217);} :where(.legacy-content) .game-candidate[data-game="core-keeper"]{border-top: 3px solid rgb(189, 140, 226);} :where(.legacy-content) .game-candidate .game-label,:where(.legacy-content) .game-plan .plan-label{color: rgb(159, 197, 208); font-size: 0.74rem; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase;} :where(.legacy-content) .game-candidate h2,:where(.legacy-content) .game-candidate h3,:where(.legacy-content) .game-plan h3{margin: 0.75rem 0px 0px; font-size: clamp(1.25rem, 2vw, 1.55rem); letter-spacing: 0px;} :where(.legacy-content) .game-candidate p,:where(.legacy-content) .game-plan p{color: rgb(183, 203, 211); line-height: 1.6;} :where(.legacy-content) .game-candidate .button{margin-top: auto;} :where(.legacy-content) .game-card-facts{display: grid; gap: 0.55rem; margin: 1rem 0px 1.45rem; padding: 0px; list-style: none;} :where(.legacy-content) .game-card-facts li{padding-top: 0.55rem; border-top: 1px solid rgba(134, 214, 235, 0.12); color: rgb(214, 231, 236); font-size: 0.92rem;} :where(.legacy-content) .game-signal-grid{margin-top: 2rem;} :where(.legacy-content) .game-signal-grid > p{margin: 0px; color: rgb(183, 203, 211); font-size: 1.03rem; line-height: 1.75;} :where(.legacy-content) .game-signal{padding: 1.25rem;} :where(.legacy-content) .game-signal strong,:where(.legacy-content) .game-signal span{display: block;} :where(.legacy-content) .game-signal span{color: rgb(125, 223, 247); font-size: 0.78rem; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase;} :where(.legacy-content) .game-signal strong{margin-top: 0.55rem; color: rgb(242, 251, 254); font-size: 1.15rem;} :where(.legacy-content) .game-fact-grid{display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 0.8rem; margin-top: 2rem;} :where(.legacy-content) .game-fact{padding: 1rem; border-left: 2px solid rgb(111, 214, 238); background: rgb(8, 21, 26);} :where(.legacy-content) .game-fact span,:where(.legacy-content) .game-fact strong{display: block;} :where(.legacy-content) .game-fact span{color: rgb(158, 191, 200); font-size: 0.76rem; text-transform: uppercase;} :where(.legacy-content) .game-fact strong{margin-top: 0.45rem; color: rgb(241, 251, 254); line-height: 1.35;} :where(.legacy-content) .game-plan-grid{display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 1rem; margin-top: 2.25rem;} :where(.legacy-content) .game-plan{position: relative; display: flex; min-height: 100%; flex-direction: column; padding: 1.25rem;} :where(.legacy-content) .game-plan.recommended{border-color: rgba(94, 220, 255, 0.68); background: rgb(10, 32, 40);} :where(.legacy-content) .game-plan .price{margin: 1.15rem 0px 0px; color: rgb(244, 251, 254); font-size: 1.75rem; font-weight: 850; letter-spacing: 0px;} :where(.legacy-content) .game-plan .price small{color: rgb(165, 188, 197); font-size: 0.85rem; font-weight: 600;} :where(.legacy-content) .game-plan dl{display: grid; gap: 0px; margin: 1.1rem 0px 1.4rem;} :where(.legacy-content) .game-plan dl div{display: flex; justify-content: space-between; gap: 1rem; padding: 0.75rem 0px; border-top: 1px solid rgba(134, 214, 235, 0.14);} :where(.legacy-content) .game-plan dt{color: rgb(155, 185, 195);} :where(.legacy-content) .game-plan dd{margin: 0px; color: rgb(242, 251, 254); font-weight: 750; text-align: right;} :where(.legacy-content) .game-plan .button{margin-top: auto;} :where(.legacy-content) .game-terms{max-width: 900px; margin: 1.4rem 0px 0px; color: rgb(145, 174, 184); font-size: 0.92rem; line-height: 1.6;} :where(.legacy-content) .game-interest-layout{margin-top: 2rem;} :where(.legacy-content) .game-notice{padding: 1.3rem;} :where(.legacy-content) .game-notice ul{margin: 1rem 0px 0px; padding-left: 1.25rem; color: rgb(201, 213, 217); line-height: 1.65;} :where(.legacy-content) .game-form{display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 1rem; padding: clamp(1.25rem, 3vw, 2rem);} :where(.legacy-content) .game-form .field,:where(.legacy-content) .game-form .consent-row,:where(.legacy-content) .game-form .interest-submit,:where(.legacy-content) .game-form .form-status,:where(.legacy-content) .game-form .form-privacy{grid-column: 1 / -1;} :where(.legacy-content) .game-form .field:nth-child(1),:where(.legacy-content) .game-form .field:nth-child(2){grid-column: auto;} :where(.legacy-content) .game-form .form-trap{display: none;} :where(.legacy-content) .game-form .interest-submit{justify-self: start;} :where(.legacy-content) .games-footer{padding: 2rem 0px; color: rgb(141, 170, 180);} :where(.legacy-content) .games-footer a{color: rgb(134, 230, 255);} @media (max-width: 960px) {:where(.legacy-content) .game-candidate-grid,:where(.legacy-content) .game-plan-grid,:where(.legacy-content) .game-fact-grid{grid-template-columns: 1fr;} :where(.legacy-content) .game-hero-grid,:where(.legacy-content) .game-signal-grid,:where(.legacy-content) .game-interest-layout{grid-template-columns: 1fr;}} @media (max-width: 620px) {:where(.legacy-content) .game-hero{padding-top: 6.5rem;} :where(.legacy-content) .game-hero h1{font-size: clamp(2.3rem, 12vw, 3.2rem);} :where(.legacy-content) .game-section{padding: 3.25rem 0px;} :where(.legacy-content) .game-form{grid-template-columns: 1fr;} :where(.legacy-content) .game-form .field:nth-child(1),:where(.legacy-content) .game-form .field:nth-child(2){grid-column: 1 / -1;} :where(.legacy-content) .game-form .interest-submit,:where(.legacy-content) .game-candidate .button,:where(.legacy-content) .game-plan .button{width: 100%;}} :where(.legacy-content) .games-page{--game-accent: #8edff2; --game-accent-soft: rgba(142, 223, 242, 0.14); --game-warm: #efb54a; background: rgb(5, 10, 13);} :where(.legacy-content) .games-page *{letter-spacing: 0px;} :where(.legacy-content) .games-page .site-header{background: rgba(5, 10, 13, 0.88);} :where(.legacy-content) .game-hero{position: relative; isolation: isolate; min-height: 640px; padding: 9.5rem 0px 2rem; overflow: hidden; border-bottom-color: rgba(255, 255, 255, 0.1); background: rgb(5, 10, 13);} :where(.legacy-content) .game-hero-media{position: absolute; z-index: -3; inset: 0px; display: block; overflow: hidden;} :where(.legacy-content) .game-hero-media > img{width: 100%; height: 100%; object-fit: cover; object-position: center center;} :where(.legacy-content) .game-hero::after{position: absolute; z-index: -2; inset: 0px; background: rgba(3, 8, 11, 0.72); content: "";} :where(.legacy-content) .game-hero--hub::after{background: rgba(3, 8, 11, 0.7);} :where(.legacy-content) .game-hero-media--triptych{display: grid; grid-template-columns: repeat(3, 1fr);} :where(.legacy-content) .game-hero-media--triptych img{min-width: 0px; opacity: 0.56;} :where(.legacy-content) .game-hero-media--triptych img:nth-child(2){border-inline: 1px solid rgba(255, 255, 255, 0.18);} :where(.legacy-content) .game-hero-grid{display: block;} :where(.legacy-content) .game-hero-copy{max-width: 800px;} :where(.legacy-content) .game-hero h1{max-width: 780px; font-size: 4.8rem; line-height: 1; text-shadow: rgba(0, 0, 0, 0.75) 0px 3px 28px;} :where(.legacy-content) .game-hero .lead{max-width: 670px; color: rgb(212, 224, 229); font-size: 1.14rem; line-height: 1.7; text-shadow: rgba(0, 0, 0, 0.85) 0px 2px 16px;} :where(.legacy-content) .game-eyebrow{color: rgb(242, 198, 110); letter-spacing: 0px;} :where(.legacy-content) .game-hero-actions{display: flex; flex-wrap: wrap; gap: 0.75rem; align-items: center; margin-top: 1.75rem;} :where(.legacy-content) .game-hero-actions .button{min-height: 46px;} :where(.legacy-content) .game-hero-actions .game-action-note{color: rgb(184, 200, 207); font-size: 0.88rem;} :where(.legacy-content) .game-research-bar{display: grid; grid-template-columns: auto minmax(0px, 1fr); gap: 1rem; align-items: center; margin-top: 3.5rem; padding: 1rem 1.15rem; border: 1px solid rgba(239, 181, 74, 0.38); border-radius: 8px; background: rgba(16, 13, 7, 0.9);} :where(.legacy-content) .game-research-bar strong{color: rgb(255, 240, 201);} :where(.legacy-content) .game-research-bar p{margin: 0px; color: rgb(199, 210, 215); line-height: 1.55;} :where(.legacy-content) .game-media-credit{margin: 0.65rem 0px 0px; color: rgb(131, 152, 161); font-size: 0.72rem; text-align: right;} :where(.legacy-content) .game-media-credit a{color: rgb(168, 193, 202); text-decoration: underline 1px; text-underline-offset: 0.18em;} :where(.legacy-content) .game-media-credit a:hover,:where(.legacy-content) .game-media-credit a:focus-visible{color: rgb(232, 245, 248);} :where(.legacy-content) .game-section{background: rgb(5, 10, 13);} :where(.legacy-content) .game-section:nth-of-type(2n){background: rgb(7, 14, 18);} :where(.legacy-content) .game-section h2{font-size: 3rem;} :where(.legacy-content) .game-candidate{padding: 0px; overflow: hidden; border-color: rgba(255, 255, 255, 0.13); background: rgb(10, 18, 22); transition: transform 180ms, border-color 180ms, box-shadow 180ms;} :where(.legacy-content) .game-candidate:hover{transform: translateY(-4px); border-color: rgba(255, 255, 255, 0.28); box-shadow: rgba(0, 0, 0, 0.28) 0px 18px 40px;} :where(.legacy-content) .game-candidate[data-game="vintage-story"],:where(.legacy-content) .game-candidate[data-game="abiotic-factor"],:where(.legacy-content) .game-candidate[data-game="core-keeper"]{border-top-width: 1px;} :where(.legacy-content) .game-card-media{position: relative; display: block; aspect-ratio: 16 / 9; overflow: hidden; background: rgb(16, 23, 26);} :where(.legacy-content) .game-card-media img{width: 100%; height: 100%; object-fit: cover; transition: transform 300ms;} :where(.legacy-content) .game-candidate:hover .game-card-media img{transform: scale(1.025);} :where(.legacy-content) .game-card-status{position: absolute; top: 0.75rem; left: 0.75rem; padding: 0.35rem 0.55rem; border: 1px solid rgba(255, 255, 255, 0.24); border-radius: 6px; background: rgba(5, 10, 13, 0.86); color: rgb(243, 248, 250); font-size: 0.69rem; font-weight: 800; text-transform: uppercase;} :where(.legacy-content) .game-card-body{display: flex; flex: 1 1 0%; flex-direction: column; padding: 1.35rem;} :where(.legacy-content) .game-card-title-row{display: flex; gap: 1rem; align-items: end; justify-content: space-between;} :where(.legacy-content) .game-card-title-row h3{margin-top: 0.65rem;} :where(.legacy-content) .game-card-price{flex: 0 0 auto; color: rgb(243, 248, 250); font-weight: 800;} :where(.legacy-content) .game-card-price small{display: block; color: rgb(147, 170, 179); font-size: 0.7rem; font-weight: 600; text-align: right;} :where(.legacy-content) .game-card-facts{margin-top: 0.8rem;} :where(.legacy-content) .game-candidate .button{min-height: 44px; margin-top: auto;} :where(.legacy-content) .game-process-grid{display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 0px; margin-top: 2rem; border-block: 1px solid rgba(255, 255, 255, 0.12);} :where(.legacy-content) .game-process-step{min-width: 0px; padding: 1.5rem;} :where(.legacy-content) .game-process-step + .game-process-step{border-left: 1px solid rgba(255, 255, 255, 0.12);} :where(.legacy-content) .game-process-step span,:where(.legacy-content) .game-process-step strong{display: block;} :where(.legacy-content) .game-process-step span{color: var(--game-warm); font-family: ui-monospace, "SF Mono", "Cascadia Code", Menlo, Consolas, monospace; font-size: 0.78rem; font-weight: 800;} :where(.legacy-content) .game-process-step strong{margin-top: 0.65rem; color: rgb(239, 247, 250); font-size: 1.08rem;} :where(.legacy-content) .game-process-step p{margin: 0.55rem 0px 0px; color: rgb(158, 179, 187); line-height: 1.6;} :where(.legacy-content) .game-detail-vintage{--game-accent: #d6a35e; --game-accent-soft: rgba(214, 163, 94, 0.14);} :where(.legacy-content) .game-detail-abiotic{--game-accent: #5edbd3; --game-accent-soft: rgba(94, 219, 211, 0.14);} :where(.legacy-content) .game-detail-core{--game-accent: #b88ae0; --game-accent-soft: rgba(184, 138, 224, 0.14);} :where(.legacy-content) .game-detail .game-eyebrow,:where(.legacy-content) .game-detail .game-plan .plan-label,:where(.legacy-content) .game-detail .game-form-kicker{color: var(--game-accent);} :where(.legacy-content) .game-detail .game-eyebrow::before{background: var(--game-accent); box-shadow: 0 0 0 4px var(--game-accent-soft);} :where(.legacy-content) .game-detail .game-plan.recommended{border-color: var(--game-accent); background: rgb(12, 23, 28);} :where(.legacy-content) .game-detail .game-plan.selected{border-color: var(--game-accent); box-shadow: 0 0 0 2px var(--game-accent-soft);} :where(.legacy-content) .game-detail .game-plan.selected .game-interest-trigger{border-color: var(--game-accent); background: var(--game-accent); color: rgb(6, 16, 21);} :where(.legacy-content) .game-detail .game-plan.selected .game-interest-trigger::after{content: " ✓";} :where(.legacy-content) .game-plan{border-color: rgba(255, 255, 255, 0.13); background: rgb(10, 18, 22);} :where(.legacy-content) .game-plan-badge{position: absolute; top: 1rem; right: 1rem; color: var(--game-accent); font-size: 0.7rem; font-weight: 800; text-transform: uppercase;} :where(.legacy-content) .game-plan .button{min-height: 44px;} :where(.legacy-content) .game-fact{border-left-color: var(--game-accent); background: rgb(9, 17, 21);} :where(.legacy-content) .terraria-page{--game-accent: #79d8a4; --game-accent-soft: rgba(121, 216, 164, 0.14); --game-warm: #f0bd55;} :where(.legacy-content) .terraria-page .game-hero{min-height: min(720px, -12px + 100svh); padding-top: clamp(7.75rem, 11vw, 9rem);} :where(.legacy-content) .terraria-page .game-hero::after{background: rgba(3, 8, 11, 0.66);} :where(.legacy-content) .terraria-page .game-hero-copy{max-width: 880px;} :where(.legacy-content) .terraria-page .game-hero h1{max-width: 760px; font-size: clamp(3.4rem, 5.2vw, 4.35rem);} :where(.legacy-content) .terraria-page .game-hero .lead{max-width: 700px;} :where(.legacy-content) .terraria-hero-specs{display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); max-width: 760px; margin-top: 1.4rem; overflow: hidden; border-block: 1px solid rgba(255, 255, 255, 0.18);} :where(.legacy-content) .terraria-hero-spec{min-width: 0px; padding: 0.85rem 1rem;} :where(.legacy-content) .terraria-hero-spec + .terraria-hero-spec{border-left: 1px solid rgba(255, 255, 255, 0.14);} :where(.legacy-content) .terraria-hero-spec span,:where(.legacy-content) .terraria-hero-spec strong{display: block;} :where(.legacy-content) .terraria-hero-spec span{overflow: hidden; color: rgb(168, 186, 193); font-size: 0.69rem; font-weight: 750; text-overflow: ellipsis; text-transform: uppercase; white-space: nowrap;} :where(.legacy-content) .terraria-hero-spec strong{margin-top: 0.3rem; color: rgb(243, 251, 247); font-size: 1rem;} :where(.legacy-content) .terraria-page .game-research-bar{margin-top: 1.35rem; border-color: rgba(121, 216, 164, 0.34); background: rgba(5, 18, 15, 0.9);} :where(.legacy-content) .terraria-page .game-research-bar strong{color: rgb(202, 255, 223);} :where(.legacy-content) .terraria-page .game-fact-grid{grid-template-columns: repeat(6, minmax(0px, 1fr)); gap: 0px; overflow: hidden; border: 1px solid rgba(255, 255, 255, 0.12); border-radius: 8px; background: rgb(9, 17, 21);} :where(.legacy-content) .terraria-page .game-fact{min-width: 0px; padding: 1.15rem; border-left: 0px; background: transparent;} :where(.legacy-content) .terraria-page .game-fact + .game-fact{border-left: 1px solid rgba(255, 255, 255, 0.11);} :where(.legacy-content) .game-interest-layout{grid-template-columns: minmax(0px, 0.8fr) minmax(420px, 1.2fr);} :where(.legacy-content) .game-interest-steps{display: grid; gap: 0.7rem; margin: 1.5rem 0px; padding: 0px; list-style: none;} :where(.legacy-content) .game-interest-steps li{display: grid; grid-template-columns: 2rem minmax(0px, 1fr); gap: 0.7rem; align-items: center; color: rgb(200, 212, 216);} :where(.legacy-content) .game-interest-steps span{display: grid; width: 2rem; height: 2rem; place-items: center; border: 1px solid var(--game-accent); border-radius: 50%; color: var(--game-accent); font-size: 0.76rem; font-weight: 800;} :where(.legacy-content) .game-form{position: relative; border-color: rgba(255, 255, 255, 0.16); background: rgb(10, 18, 22); box-shadow: rgba(0, 0, 0, 0.3) 0px 24px 55px;} :where(.legacy-content) .game-form-intro{grid-column: 1 / -1; padding-bottom: 1rem; border-bottom: 1px solid rgba(255, 255, 255, 0.12);} :where(.legacy-content) .game-form-kicker{display: block; font-size: 0.74rem; font-weight: 800; text-transform: uppercase;} :where(.legacy-content) .game-form-intro strong{display: block; margin-top: 0.4rem; color: rgb(240, 247, 250); font-size: 1.25rem;} :where(.legacy-content) .game-form-intro p{margin: 0.4rem 0px 0px; color: rgb(148, 170, 179);} :where(.legacy-content) .game-form .interest-submit{justify-self: stretch;} :where(.legacy-content) .game-form-trust{grid-column: 1 / -1; display: flex; flex-wrap: wrap; gap: 0.45rem 1rem; padding-top: 0.8rem; border-top: 1px solid rgba(255, 255, 255, 0.1); color: rgb(143, 165, 173); font-size: 0.77rem;} :where(.legacy-content) .game-form-trust span::before{margin-right: 0.35rem; color: var(--game-accent); content: "✓";} :where(.legacy-content) .games-footer-credit{max-width: 780px; margin: 1.5rem 0px 0px; color: rgb(113, 134, 143); font-size: 0.72rem; line-height: 1.55;} @media (max-width: 960px) {:where(.legacy-content) .game-hero{min-height: 590px;} :where(.legacy-content) .game-hero h1{font-size: 3.45rem;} :where(.legacy-content) .game-candidate-grid,:where(.legacy-content) .game-plan-grid{grid-template-columns: repeat(2, minmax(0px, 1fr));} :where(.legacy-content) .game-candidate:last-child,:where(.legacy-content) .game-plan:last-child{grid-column: 1 / -1;} :where(.legacy-content) .game-interest-layout{grid-template-columns: 1fr;} :where(.legacy-content) .terraria-page .game-fact-grid{grid-template-columns: repeat(3, minmax(0px, 1fr));} :where(.legacy-content) .terraria-page .game-fact:nth-child(4){border-left: 0px;} :where(.legacy-content) .terraria-page .game-fact:nth-child(n+4){border-top: 1px solid rgba(255, 255, 255, 0.11);}} @media (max-width: 700px) {:where(.legacy-content) .game-hero{min-height: 610px; padding: 7.25rem 0px 1.25rem;} :where(.legacy-content) .game-hero-media--triptych{grid-template-columns: 1fr;} :where(.legacy-content) .game-hero-media--triptych img{display: none;} :where(.legacy-content) .game-hero-media--triptych img:nth-child(2){display: block; border: 0px;} :where(.legacy-content) .game-hero::after,:where(.legacy-content) .game-hero--hub::after{background: rgba(3, 8, 11, 0.77);} :where(.legacy-content) .game-hero h1{font-size: 2.75rem; line-height: 1.02;} :where(.legacy-content) .game-hero .lead{font-size: 1rem;} :where(.legacy-content) .game-hero-actions{align-items: stretch; flex-direction: column;} :where(.legacy-content) .game-hero-actions .button{width: 100%;} :where(.legacy-content) .game-research-bar{grid-template-columns: 1fr; gap: 0.4rem; margin-top: 2rem;} :where(.legacy-content) .game-media-credit{text-align: left;} :where(.legacy-content) .game-section h2{font-size: 2.15rem;} :where(.legacy-content) .game-candidate-grid,:where(.legacy-content) .game-plan-grid,:where(.legacy-content) .game-process-grid{grid-template-columns: 1fr;} :where(.legacy-content) .game-candidate:last-child,:where(.legacy-content) .game-plan:last-child{grid-column: auto;} :where(.legacy-content) .game-process-step + .game-process-step{border-top: 1px solid rgba(255, 255, 255, 0.12); border-left: 0px;} :where(.legacy-content) .game-card-title-row{align-items: start;} :where(.legacy-content) .game-form{padding: 1.1rem;} :where(.legacy-content) .terraria-page .game-hero{min-height: auto; padding: 6.35rem 0px 1.15rem;} :where(.legacy-content) .terraria-page .game-hero::after{background: rgba(3, 8, 11, 0.72);} :where(.legacy-content) .terraria-page .game-hero h1{max-width: 12ch; font-size: clamp(2.15rem, 10vw, 2.7rem);} :where(.legacy-content) .terraria-page .game-hero .lead{margin-top: 0.9rem; line-height: 1.55;} :where(.legacy-content) .terraria-page .game-hero-actions{display: grid; grid-template-columns: minmax(0px, 1fr); gap: 0.55rem; margin-top: 1.15rem;} :where(.legacy-content) .terraria-page .game-hero-actions .button{min-width: 0px; min-height: 44px; padding-inline: 0.65rem; font-size: 0.86rem; line-height: 1.15; text-align: center;} :where(.legacy-content) .terraria-hero-specs{margin-top: 1rem;} :where(.legacy-content) .terraria-hero-spec{padding: 0.7rem 0.42rem; text-align: center;} :where(.legacy-content) .terraria-hero-spec span{font-size: 0.58rem;} :where(.legacy-content) .terraria-hero-spec strong{font-size: 0.82rem;} :where(.legacy-content) .terraria-page .game-research-bar{grid-template-columns: auto minmax(0px, 1fr); gap: 0.7rem; margin-top: 1rem; padding: 0.75rem 0.85rem;} :where(.legacy-content) .terraria-page .game-research-bar strong,:where(.legacy-content) .terraria-page .game-research-bar p{font-size: 0.8rem;} :where(.legacy-content) .terraria-page .game-media-credit{margin-top: 0.45rem; font-size: 0.62rem;} :where(.legacy-content) .terraria-page .game-section{padding-block: 3rem;} :where(.legacy-content) .terraria-page #resources{padding-top: 2rem;} :where(.legacy-content) .terraria-page .game-fact-grid{grid-template-columns: repeat(2, minmax(0px, 1fr));} :where(.legacy-content) .terraria-page .game-fact:nth-child(2n+1){border-left: 0px;} :where(.legacy-content) .terraria-page .game-fact:nth-child(2n){border-left: 1px solid rgba(255, 255, 255, 0.11);} :where(.legacy-content) .terraria-page .game-fact:nth-child(n+3){border-top: 1px solid rgba(255, 255, 255, 0.11);}} @media (max-width: 360px) {:where(.legacy-content) .terraria-page .game-research-bar{grid-template-columns: 1fr; padding-right: 4.25rem;}} @media (prefers-reduced-motion: reduce) {:where(.legacy-content) .game-candidate,:where(.legacy-content) .game-card-media img{transition: none;}} :where(.legacy-content) button,:where(.legacy-content) input,:where(.legacy-content) select,:where(.legacy-content) textarea{font-family: "Instrument Sans", "Inter var", Inter, ui-sans-serif, system-ui, sans-serif;} :where(.legacy-content) .mono,:where(.legacy-content) code,:where(.legacy-content) .eyebrow,:where(.legacy-content) .kicker,:where(.legacy-content) .trust-strip span,:where(.legacy-content) .product-step,:where(.legacy-content) .product-window-bar,:where(.legacy-content) .plans-preview-card > span,:where(.legacy-content) .beta-evidence-stats small,:where(.legacy-content) .terraria-live-specs span,:where(.legacy-content) .footer-bottom{font-family: "IBM Plex Mono", ui-monospace, "SF Mono", Consolas, monospace;} :where(.legacy-content) ::selection{background: rgba(88, 216, 244, 0.3); color: var(--text);} :where(.legacy-content) h1,:where(.legacy-content) h2,:where(.legacy-content) h3{letter-spacing: -0.045em;} :where(.legacy-content) h1{font-size: clamp(3.45rem, 2rem + 4.35vw, 5.55rem); line-height: 0.96; font-weight: 650;} :where(.legacy-content) h2{font-size: clamp(2.4rem, 1.55rem + 2.4vw, 4rem); line-height: 1; font-weight: 620;} :where(.legacy-content) h3{font-weight: 600;} :where(.legacy-content) .grad{background: none; color: inherit;} :where(.legacy-content) .eyebrow,:where(.legacy-content) .kicker{gap: 10px; margin-bottom: 22px; color: var(--green); font-size: 0.7rem; font-weight: 600; letter-spacing: 0.14em;} :where(.legacy-content) .kicker-line{width: 20px; background: currentcolor; opacity: 0.8;} :where(.legacy-content) .section-sub,:where(.legacy-content) .lead{color: var(--muted); line-height: 1.6;} :where(.legacy-content) main{display: flex; flex-direction: column;} :where(.legacy-content) main > .hero{order: 1;} :where(.legacy-content) main > .trust-strip{order: 2;} :where(.legacy-content) main > .manage-spotlight{order: 3;} :where(.legacy-content) main > #platform{order: 4;} :where(.legacy-content) main > .beta-evidence{order: 5;} :where(.legacy-content) main > #plans{order: 6;} :where(.legacy-content) main > #terraria{order: 7;} :where(.legacy-content) main > #games{order: 8;} :where(.legacy-content) main > #credits{order: 9;} :where(.legacy-content) main > #faq{order: 10;} :where(.legacy-content) main > #contact{order: 11;} :where(.legacy-content) main > .final-cta{order: 12;} :where(.legacy-content) .site-header{top: 0px; width: 100%; max-width: none; min-height: 72px; margin: 0px; padding: 11px max(18px, calc((100vw - var(--max)) / 2 + var(--pad-x))); border-top: 0px; border-right: 0px; border-left: 0px; border-image: none; border-bottom: 1px solid var(--line-2); border-radius: 0px; background: rgba(5, 9, 12, 0.82); box-shadow: none; backdrop-filter: blur(20px) saturate(1.15);} :where(.legacy-content) .site-header::after{content: ""; position: absolute; right: 0px; bottom: -1px; width: min(34vw, 440px); height: 1px; background: linear-gradient(90deg, transparent, rgba(88, 216, 244, 0.62));} :where(.legacy-content) .brand{gap: 9px; min-height: 46px; font-weight: 650; letter-spacing: -0.025em;} :where(.legacy-content) .brand img{width: 30px; height: 30px; border: 0px; border-radius: 7px;} :where(.legacy-content) .site-nav{gap: 2px;} :where(.legacy-content) .site-nav a{min-height: 40px; padding: 0px 11px; border-radius: 6px; color: rgb(170, 183, 191); font-size: 0.85rem; font-weight: 500; transition: color 160ms, background 160ms;} :where(.legacy-content) .site-nav a:hover,:where(.legacy-content) .site-nav a.is-active{color: var(--text); background: rgba(88, 216, 244, 0.06);} :where(.legacy-content) .language-switcher summary{border-radius: 6px;} :where(.legacy-content) .site-header.is-scrolled{background: rgba(5, 9, 12, 0.94); box-shadow: rgba(0, 0, 0, 0.22) 0px 16px 34px;} :where(.legacy-content) .button{min-height: 48px; padding-inline: 20px; border-radius: 7px; font-size: 0.78rem; font-weight: 650; letter-spacing: 0.025em; transition: transform 180ms var(--premium-ease), border-color 180ms ease, background 180ms ease, color 180ms ease, box-shadow 180ms ease;} :where(.legacy-content) .button.primary{border-color: var(--cyan); background: var(--cyan); color: var(--ink); box-shadow: none;} :where(.legacy-content) .button.primary:hover{border-color: rgb(130, 228, 248); background: rgb(130, 228, 248); box-shadow: rgba(88, 216, 244, 0.16) 0px 12px 32px;} :where(.legacy-content) .button.ghost{border-color: var(--line); background: rgba(17, 29, 37, 0.74); color: var(--text);} :where(.legacy-content) .button:hover{transform: translateY(-1px);} :where(.legacy-content) .button:active{transform: translateY(0px);} :where(.legacy-content) .hero{min-height: 780px; border-bottom-color: var(--line-2); background: rgb(5, 9, 12); isolation: isolate;} :where(.legacy-content) .hero-emblem{display: none;} :where(.legacy-content) .hero-shade{background: linear-gradient(90deg, rgba(5, 9, 12, 0.99) 0%, rgba(5, 9, 12, 0.82) 48%, rgba(5, 9, 12, 0.32) 100%), radial-gradient(52% 72% at 77% 44%, rgba(88, 216, 244, 0.075), transparent 72%);} :where(.legacy-content) .hero-arc-field{position: absolute; z-index: 0; top: 45%; right: clamp(-360px, -16vw, -120px); width: min(72vw, 940px); aspect-ratio: 1 / 1; transform: translateY(-50%); pointer-events: none;} :where(.legacy-content) .hero-arc-field span{position: absolute; inset: 0px; border: 1px solid rgba(88, 216, 244, 0.09); border-radius: 50%;} :where(.legacy-content) .hero-arc-field span:last-child{inset: 13%; border-color: rgba(88, 216, 244, 0.067);} :where(.legacy-content) .hero-grid{grid-template-columns: minmax(0px, 1.08fr) minmax(460px, 0.92fr); gap: clamp(60px, 6.2vw, 92px); min-height: 780px; padding: 138px 0px 72px;} :where(.legacy-content) .hero-copy-block{max-width: 700px;} :where(.legacy-content) .hero h1{max-width: 700px; margin-bottom: 24px; font-size: clamp(3.8rem, 2.6rem + 3.25vw, 4.55rem); line-height: 0.985; letter-spacing: -0.052em;} :where(.legacy-content) .hero .lead{max-width: 650px; margin-top: 0px; font-size: clamp(1.06rem, 0.99rem + 0.24vw, 1.22rem);} :where(.legacy-content) .hero .actions{margin-top: 30px;} :where(.legacy-content) .hero-note{max-width: 670px; margin-top: 20px; color: rgb(127, 145, 156); font-family: "IBM Plex Mono", ui-monospace, monospace; font-size: 0.72rem; letter-spacing: 0.015em;} :where(.legacy-content) .hero-card{position: relative; border-color: rgba(88, 216, 244, 0.2); border-radius: 12px; background: rgba(8, 17, 23, 0.96); box-shadow: rgba(0, 0, 0, 0.38) 0px 34px 100px; backdrop-filter: none;} :where(.legacy-content) .hero-card.grad-border::before,:where(.legacy-content) .hero-card.grad-border::after{display: none;} :where(.legacy-content) .hero-card-top{min-height: 56px; padding: 0px 20px; border-bottom-color: var(--line-2); background: rgba(88, 216, 244, 0.024); font-family: "IBM Plex Mono", ui-monospace, monospace; font-size: 0.72rem; font-weight: 600; letter-spacing: 0.04em; text-transform: uppercase;} :where(.legacy-content) .hero-relay-body{padding: 20px;} :where(.legacy-content) .hero-relay-address{display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 0px 0px 18px; border-bottom: 1px solid var(--line-2);} :where(.legacy-content) .hero-relay-address > span,:where(.legacy-content) .hero-card-list dt{color: rgb(127, 145, 156); font-family: "IBM Plex Mono", ui-monospace, monospace; font-size: 0.68rem; letter-spacing: 0.055em; text-transform: uppercase;} :where(.legacy-content) .hero-relay-address strong{color: var(--cyan); font-size: clamp(0.78rem, 0.7rem + 0.22vw, 0.9rem); font-weight: 600; letter-spacing: 0px; text-align: right;} :where(.legacy-content) .hero-card-list{display: grid; grid-template-columns: minmax(0px, 1.5fr) minmax(110px, 0.7fr); gap: 0px; padding: 0px;} :where(.legacy-content) .hero-card-list div{display: block; min-width: 0px; padding: 17px 14px 16px; border-top: 0px; border-right: 1px solid var(--line-2);} :where(.legacy-content) .hero-card-list div:first-child{padding-left: 0px;} :where(.legacy-content) .hero-card-list div:last-child{grid-column: 1 / -1; display: flex; align-items: baseline; justify-content: space-between; gap: 18px; padding-right: 0px; padding-left: 0px; border-top: 1px solid var(--line-2); border-right: 0px;} :where(.legacy-content) .hero-card-list dd{max-width: none; margin-top: 7px; font-size: 0.8rem; font-weight: 600; line-height: 1.35; text-align: left;} :where(.legacy-content) .hero-card-list div:last-child dd{margin-top: 0px; text-align: right;} :where(.legacy-content) .hero-relay-console{overflow: hidden; border: 1px solid rgba(137, 170, 187, 0.16); border-radius: 7px; background: rgb(6, 12, 16);} :where(.legacy-content) .hero-relay-console div{display: grid; grid-template-columns: 66px 64px minmax(0px, 1fr); align-items: center; gap: 10px; min-height: 38px; padding: 0px 12px; border-top: 1px solid rgba(137, 170, 187, 0.09); font-family: "IBM Plex Mono", ui-monospace, monospace; font-size: 0.69rem;} :where(.legacy-content) .hero-relay-console div:first-child{border-top: 0px;} :where(.legacy-content) .hero-relay-console time{color: rgb(112, 131, 142);} :where(.legacy-content) .hero-relay-console strong{color: var(--cyan); font-size: inherit; font-weight: 600; letter-spacing: 0.035em; text-transform: uppercase;} :where(.legacy-content) .hero-relay-console div:last-child strong{color: var(--green);} :where(.legacy-content) .hero-relay-console span{overflow: hidden; color: rgb(169, 183, 191); text-overflow: ellipsis; white-space: nowrap;} :where(.legacy-content) .hero-card-footer{display: flex; align-items: center; justify-content: space-between; gap: 18px; min-height: 58px; padding: 0px 20px; border-top: 1px solid var(--line-2); color: rgb(113, 131, 141); font-family: "IBM Plex Mono", ui-monospace, monospace; font-size: 0.63rem; line-height: 1.45;} :where(.legacy-content) .hero-card-link{flex: 0 0 auto; justify-content: flex-end; gap: 7px; min-height: 44px; padding: 0px; color: var(--cyan); font-family: "IBM Plex Mono", ui-monospace, monospace; font-size: 0.66rem; font-weight: 600; letter-spacing: 0.03em; text-transform: uppercase;} :where(.legacy-content) .hero-signal-rail{position: absolute; z-index: 2; right: max(18px, calc((100vw - var(--max)) / 2 + var(--pad-x))); bottom: 0px; left: max(18px, calc((100vw - var(--max)) / 2 + var(--pad-x))); height: 1px; background: linear-gradient(90deg, rgba(88, 216, 244, 0.52), rgba(88, 216, 244, 0.08) 48%, rgba(88, 216, 244, 0.32));} :where(.legacy-content) .hero-signal-rail span{position: absolute; top: 50%; left: 68%; width: 10px; height: 10px; border: 2px solid rgba(5, 9, 12, 0.95); border-radius: 50%; background: var(--green); box-shadow: rgba(97, 217, 155, 0.1) 0px 0px 0px 5px, rgba(97, 217, 155, 0.36) 0px 0px 22px; transform: translate(-50%, -50%); animation: 2.8s ease-in-out 0s infinite normal none running hero-signal-pulse;} @keyframes hero-signal-pulse { } :where(.legacy-content) .trust-strip{grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 0px; width: 100%; max-width: none; margin: 0px; padding-inline: max(18px, calc((100vw - var(--max)) / 2 + var(--pad-x))); border-bottom: 1px solid var(--line-2); background: rgb(7, 16, 21);} :where(.legacy-content) .trust-strip div{min-height: 116px; padding: 28px 30px; border-top: 0px; border-bottom: 0px; border-left: 0px; border-image: none; border-right: 1px solid var(--line-2); border-radius: 0px; background: transparent; box-shadow: none; backdrop-filter: none;} :where(.legacy-content) .trust-strip div:first-child{border-left: 1px solid var(--line-2);} :where(.legacy-content) .trust-strip span{color: rgb(111, 129, 140); font-size: 0.65rem; letter-spacing: 0.11em;} :where(.legacy-content) .trust-strip strong{margin-top: 11px; font-size: 1rem; font-weight: 560;} :where(.legacy-content) .section{padding: clamp(92px, 10vw, 148px) 0px;} :where(.legacy-content) .section-head{margin-bottom: clamp(44px, 6vw, 72px);} :where(.legacy-content) .section-head.split{grid-template-columns: minmax(0px, 1.18fr) minmax(330px, 0.82fr); gap: clamp(52px, 8vw, 112px); align-items: end;} :where(.legacy-content) .section-sub{font-size: clamp(1rem, 0.96rem + 0.2vw, 1.12rem);} :where(.legacy-content) .card{border-color: var(--line-2); border-radius: 10px; background: rgb(12, 21, 27); box-shadow: none;} :where(.legacy-content) .card:hover{border-color: rgba(88, 216, 244, 0.28);} :where(.legacy-content) #platform{padding-top: clamp(116px, 12vw, 172px);} :where(.legacy-content) .product-proof{grid-template-columns: minmax(0px, 1.42fr) minmax(320px, 0.58fr); gap: 0px; border: 1px solid var(--line-2); border-radius: 10px; background: rgb(9, 18, 23); overflow: hidden;} :where(.legacy-content) .product-window{border-top: 0px; border-bottom: 0px; border-left: 0px; border-image: none; border-right: 1px solid var(--line-2); border-radius: 0px; background: rgb(7, 16, 21); box-shadow: none;} :where(.legacy-content) .product-window-bar{min-height: 56px; border-bottom-color: var(--line-2); color: rgb(115, 133, 144); font-size: 0.66rem; letter-spacing: 0.04em; text-transform: uppercase;} :where(.legacy-content) .window-dots span{width: 6px; height: 6px; background: rgb(83, 99, 109);} :where(.legacy-content) .product-screen{gap: 18px; padding: clamp(30px, 4vw, 52px); background: radial-gradient(80% 100% at 100% 0%, rgba(88, 216, 244, 0.055), transparent 64%), rgb(9, 18, 23);} :where(.legacy-content) .product-screen-head > div > span,:where(.legacy-content) .product-step,:where(.legacy-content) .product-demo-field > span,:where(.legacy-content) .product-demo-grid span{color: rgb(127, 145, 156); font-family: "IBM Plex Mono", ui-monospace, monospace; font-weight: 600; letter-spacing: 0.04em; text-transform: uppercase;} :where(.legacy-content) .product-demo-field,:where(.legacy-content) .product-demo-grid > div{border-color: var(--line-2); border-radius: 7px; background: rgb(5, 11, 15);} :where(.legacy-content) .product-demo-submit{border-radius: 7px; background: var(--cyan); font-weight: 650;} :where(.legacy-content) .product-proof-list{gap: 0px; background: rgb(12, 21, 27);} :where(.legacy-content) .product-proof-list article{min-height: 25%; padding: 26px 24px; border-top: 0px; border-right: 0px; border-left: 0px; border-image: none; border-bottom: 1px solid var(--line-2); border-radius: 0px; background: transparent;} :where(.legacy-content) .product-proof-list article:last-child{border-bottom: 0px;} :where(.legacy-content) .product-proof-list article > span{font-family: "IBM Plex Mono", ui-monospace, monospace; font-size: 0.68rem;} :where(.legacy-content) .product-proof-list h3{font-size: 1.02rem; letter-spacing: -0.025em;} :where(.legacy-content) .workflow-compact{margin-top: clamp(72px, 9vw, 112px); padding-top: clamp(52px, 7vw, 82px); border-top-color: var(--line-2);} :where(.legacy-content) .steps{gap: 0px; border-top: 1px solid var(--line-2); border-bottom: 1px solid var(--line-2);} :where(.legacy-content) .steps .card{min-height: 190px; padding: 30px; border-top: 0px; border-bottom: 0px; border-left: 0px; border-image: none; border-right: 1px solid var(--line-2); border-radius: 0px; background: transparent;} :where(.legacy-content) .steps .card:last-child{border-right: 0px;} :where(.legacy-content) .step-num{width: 42px; height: 34px; margin-bottom: 22px; border: 1px solid rgba(88, 216, 244, 0.46); border-radius: 7px; background: rgba(88, 216, 244, 0.08); color: rgb(223, 248, 255); font-family: "IBM Plex Mono", ui-monospace, monospace; font-size: 0.76rem; font-weight: 700; letter-spacing: 0.08em; box-shadow: rgba(244, 248, 250, 0.024) 0px 0px 0px 1px inset, rgba(88, 216, 244, 0.06) 0px 0px 20px;} :where(.legacy-content) .beta-evidence{display: grid; grid-template-columns: minmax(0px, 0.92fr) minmax(0px, 1.08fr); gap: clamp(56px, 8vw, 120px); width: 100%; max-width: none; padding: clamp(92px, 10vw, 142px) max(18px, calc((100vw - var(--max)) / 2 + var(--pad-x))); border-top: 1px solid var(--line-2); border-bottom: 1px solid var(--line-2); background: rgb(8, 18, 25);} :where(.legacy-content) .beta-evidence-copy h2{max-width: 620px;} :where(.legacy-content) .beta-evidence-copy > p:not(.kicker){max-width: 610px; color: var(--muted);} :where(.legacy-content) .beta-evidence-stats{grid-template-columns: repeat(3, minmax(0px, 1fr)); border-top: 1px solid var(--line-2); border-bottom: 1px solid var(--line-2);} :where(.legacy-content) .beta-evidence-stats div,:where(.legacy-content) .beta-evidence-stats div:first-child{min-height: 164px; padding: 28px 24px; border-top: 0px; border-bottom: 0px; border-left: 0px; border-image: none; border-right: 1px solid var(--line-2); background: transparent;} :where(.legacy-content) .beta-evidence-stats div:last-child{border-right: 0px;} :where(.legacy-content) .beta-evidence-stats dt{font-size: clamp(1.8rem, 1.2rem + 1.5vw, 2.7rem); font-weight: 620; letter-spacing: -0.045em;} :where(.legacy-content) .beta-evidence-stats small{color: rgb(113, 131, 142); font-size: 0.64rem; letter-spacing: 0.05em; text-transform: uppercase;} :where(.legacy-content) .plans-preview{padding-top: clamp(100px, 11vw, 154px);} :where(.legacy-content) .plans-preview-grid{gap: 0px; border-top: 1px solid var(--line-2); border-bottom: 1px solid var(--line-2);} :where(.legacy-content) .plans-preview-card{min-height: 250px; padding: 32px 28px; border-top: 0px; border-bottom: 0px; border-left: 0px; border-image: none; border-right: 1px solid var(--line-2); border-radius: 0px; background: transparent;} :where(.legacy-content) .plans-preview-card:last-child{border-right: 0px;} :where(.legacy-content) .plans-preview-card:first-child,:where(.legacy-content) .plans-preview-card.is-live{background: rgba(97, 217, 155, 0.024);} :where(.legacy-content) .plans-preview-card > span{font-size: 0.64rem; letter-spacing: 0.08em;} :where(.legacy-content) .plans-preview-card h3{margin-top: 34px; font-size: 1.55rem;} :where(.legacy-content) .terraria-live{border-top: 1px solid var(--line-2); border-bottom: 1px solid var(--line-2); background: rgb(6, 17, 22);} :where(.legacy-content) .terraria-live-grid{gap: clamp(56px, 8vw, 112px); min-height: 700px; padding-block: clamp(84px, 9vw, 126px);} :where(.legacy-content) .terraria-live-copy h2{max-width: 620px; font-size: clamp(2.6rem, 1.75rem + 2.5vw, 4.25rem);} :where(.legacy-content) .terraria-live-media{min-height: 500px; border-color: rgba(97, 217, 155, 0.28); border-radius: 10px; background: rgb(7, 16, 21); box-shadow: none;} :where(.legacy-content) .terraria-live-media img{filter: saturate(0.9) contrast(1.04); transition: transform 700ms var(--premium-ease), filter 300ms ease;} :where(.legacy-content) .terraria-live-media:hover img{transform: scale(1.018); filter: saturate(1) contrast(1.05);} :where(.legacy-content) .terraria-live-badge{border-radius: 999px; background: rgba(5, 16, 14, 0.88); font-family: "IBM Plex Mono", ui-monospace, monospace; font-size: 0.64rem; letter-spacing: 0.05em; text-transform: uppercase;} :where(.legacy-content) .game-section,:where(.legacy-content) .credits-section{border-bottom: 1px solid var(--line-2);} :where(.legacy-content) .game-signal,:where(.legacy-content) .credits-board{border-color: var(--line-2);} :where(.legacy-content) .credits-section{grid-template-columns: minmax(0px, 0.86fr) minmax(0px, 1.14fr); gap: clamp(60px, 9vw, 128px);} :where(.legacy-content) .credits-board{gap: 0px; border-top: 1px solid var(--line-2); border-bottom: 1px solid var(--line-2);} :where(.legacy-content) .credits-board article{min-height: 210px; padding: 28px; border-top: 0px; border-bottom: 0px; border-left: 0px; border-image: none; border-right: 1px solid var(--line-2); border-radius: 0px; background: transparent;} :where(.legacy-content) .credits-board article:last-child{border-right: 0px;} :where(.legacy-content) #faq .section-head.compact{max-width: 760px;} :where(.legacy-content) .faq{border-top: 1px solid var(--line-2);} :where(.legacy-content) .faq details{border-top: 0px; border-right: 0px; border-left: 0px; border-image: none; border-bottom: 1px solid var(--line-2); border-radius: 0px; background: transparent;} :where(.legacy-content) .faq summary{min-height: 74px; padding: 0px 54px 0px 0px; font-size: 1.04rem; font-weight: 520;} :where(.legacy-content) .faq summary::after{right: 4px; color: var(--cyan);} :where(.legacy-content) .faq details p{max-width: 760px; padding: 0px 0px 28px;} :where(.legacy-content) .status-section{gap: clamp(44px, 7vw, 86px); padding-top: clamp(92px, 10vw, 140px);} :where(.legacy-content) .status-form .interest-form,:where(.legacy-content) .status-aside{border-color: var(--line-2); border-radius: 10px; background: rgb(12, 21, 27); box-shadow: none;} :where(.legacy-content) .field input,:where(.legacy-content) .field select,:where(.legacy-content) .field textarea{border-color: var(--line); border-radius: 7px; background: rgb(7, 16, 21);} :where(.legacy-content) .final-cta{width: 100%; max-width: none; min-height: 420px; margin: 0px; padding: clamp(76px, 9vw, 126px) max(18px, calc((100vw - var(--max)) / 2 + var(--pad-x))); border-right: 0px; border-left: 0px; border-image: none; border-top: 1px solid var(--line-2); border-bottom: 1px solid var(--line-2); border-radius: 0px; background: radial-gradient(520px 520px at 86% 50%, transparent 54%, rgba(88, 216, 244, 0.16) 54.2%, transparent 54.6%), rgb(8, 18, 25); box-shadow: none;} :where(.legacy-content) .final-cta.grad-border::before,:where(.legacy-content) .final-cta.grad-border::after{display: none;} :where(.legacy-content) .final-cta h2{max-width: 800px; font-size: clamp(2.8rem, 1.75rem + 3vw, 4.8rem);} :where(.legacy-content) .site-footer{width: 100%; max-width: none; margin: 0px; padding: 64px max(18px, calc((100vw - var(--max)) / 2 + var(--pad-x))) 24px; border: 0px; background: rgb(5, 9, 12);} :where(.legacy-content) .footer-top{padding-bottom: 48px;} :where(.legacy-content) .footer-bottom{color: rgb(111, 129, 140); font-size: 0.66rem; letter-spacing: 0.035em; text-transform: uppercase;} :where(.legacy-content) .manage-spotlight{position: relative; display: grid; overflow: clip; grid-template-columns: minmax(0px, 0.84fr) minmax(520px, 1.16fr); gap: clamp(54px, 7vw, 104px); align-items: center; padding-block: clamp(96px, 11vw, 156px); border-bottom: 1px solid var(--line-2); isolation: isolate;} :where(.legacy-content) .manage-spotlight::before{position: absolute; z-index: -1; inset: 10% -8% 8% 34%; border-radius: 50%; background: radial-gradient(circle, rgba(88, 216, 244, 0.09), transparent 68%); content: ""; pointer-events: none;} :where(.legacy-content) .manage-spotlight-copy h2{max-width: 720px; margin-top: 20px; font-size: clamp(2.65rem, 1.8rem + 2.35vw, 4.8rem); line-height: 0.98; letter-spacing: -0.055em;} :where(.legacy-content) .manage-spotlight-copy > p:not(.kicker):not(.manage-spotlight-note){max-width: 660px; margin-top: 28px; color: var(--muted); font-size: clamp(1rem, 0.95rem + 0.18vw, 1.16rem); line-height: 1.72;} :where(.legacy-content) .manage-feature-list{display: flex; flex-wrap: wrap; gap: 8px; margin-top: 30px;} :where(.legacy-content) .manage-feature-list span{padding: 8px 11px; border: 1px solid var(--line-2); border-radius: 999px; background: rgba(12, 21, 27, 0.68); color: var(--soft); font: 600 0.68rem / 1 "IBM Plex Mono", ui-monospace, monospace; letter-spacing: 0.055em; text-transform: uppercase;} :where(.legacy-content) .manage-spotlight-actions{align-items: center; margin-top: 34px;} :where(.legacy-content) .manage-spotlight-actions .text-link{display: inline-flex; min-height: 44px; align-items: center;} :where(.legacy-content) .manage-spotlight-note{max-width: 570px; margin-top: 18px; color: rgb(111, 129, 140); font: 400 0.72rem / 1.6 "IBM Plex Mono", ui-monospace, monospace;} :where(.legacy-content) .manage-preview{--manage-pixel-font: "Pixelify Sans Variable", "Cascadia Mono", Consolas, monospace; position: relative; overflow: hidden; min-width: 0px; padding: 18px; border: 3px solid rgb(5, 6, 6); border-radius: 0px; outline: rgb(96, 117, 120) solid 1px; background-color: rgb(35, 22, 15); background-image: linear-gradient(rgba(4, 3, 2, 0.28), rgba(4, 3, 2, 0.28)), url("/media/manage-dirt-tile.svg?v=20260817-1"); background-repeat: repeat; background-size: auto, 96px 96px; box-shadow: rgba(0, 0, 0, 0.62) 0px 0px 90px 24px inset, rgba(0, 0, 0, 0.48) 10px 12px 0px; color: rgb(245, 247, 247); font-family: var(--manage-pixel-font); image-rendering: pixelated; transform: perspective(1200px) rotateY(-1deg) rotateX(0.35deg); transform-origin: center center; transition: transform 420ms var(--premium-ease), outline-color 300ms var(--premium-ease);} :where(.legacy-content) .manage-preview:hover{outline-color: rgb(143, 223, 234); transform: perspective(1200px) rotateY(0deg) rotateX(0deg) translateY(-3px);} :where(.legacy-content) .manage-preview-top{display: grid; grid-template-columns: minmax(0px, 1fr) minmax(170px, 0.7fr); gap: 10px;} :where(.legacy-content) .manage-preview-select,:where(.legacy-content) .manage-preview-state,:where(.legacy-content) .manage-preview-address{border: 1px solid rgb(67, 86, 91); background: rgba(10, 15, 16, 0.95); box-shadow: rgba(255, 255, 255, 0.04) 0px 0px 0px 1px inset; text-shadow: rgb(0, 0, 0) 1px 2px;} :where(.legacy-content) .manage-preview-select{position: relative; display: grid; min-width: 0px; gap: 4px; padding: 9px 34px 10px 12px;} :where(.legacy-content) .manage-preview-select::after{position: absolute; top: 50%; right: 13px; color: rgb(245, 247, 247); content: "⌄"; font-size: 18px; transform: translateY(-55%);} :where(.legacy-content) .manage-preview-select small,:where(.legacy-content) .manage-preview-address small{color: rgb(157, 219, 226); font: 600 0.58rem/1 var(--manage-pixel-font); letter-spacing: 0.09em; text-transform: uppercase;} :where(.legacy-content) .manage-preview-select strong{overflow: hidden; color: rgb(245, 247, 247); font-size: 0.92rem; text-overflow: ellipsis; white-space: nowrap;} :where(.legacy-content) .manage-preview-state{display: grid; align-content: center; gap: 4px; padding: 9px 12px; color: rgb(216, 221, 222); font-size: 0.72rem;} :where(.legacy-content) .manage-preview-state strong{display: flex; align-items: center; gap: 8px; font-size: 0.84rem;} :where(.legacy-content) .manage-preview-state i{width: 9px; height: 9px; flex: 0 0 9px; background: rgb(97, 217, 155); box-shadow: rgb(0, 0, 0) 2px 2px;} :where(.legacy-content) .manage-preview-state small{overflow: hidden; color: rgb(157, 219, 226); text-overflow: ellipsis; white-space: nowrap;} :where(.legacy-content) .manage-preview-world{display: grid; justify-items: center; padding: 20px 12px 17px; text-align: center; text-shadow: rgb(0, 0, 0) 2px 3px;} :where(.legacy-content) .manage-preview-brand{display: inline-flex; align-items: baseline; padding: 0px 2px 4px; border-bottom: 2px solid rgba(91, 225, 244, 0.72); color: rgb(237, 242, 243); font: 700 clamp(1.7rem, 3.4vw, 2.55rem)/1 var(--manage-pixel-font); letter-spacing: 0.015em;} :where(.legacy-content) .manage-preview-brand strong{color: rgb(155, 234, 245); font-weight: 700;} :where(.legacy-content) .manage-preview-world em{margin-top: 6px; color: rgb(230, 220, 115); font-size: 0.72rem; font-style: normal; text-shadow: rgb(48, 43, 8) 1px 2px;} :where(.legacy-content) .manage-preview-world h3{margin: 10px 0px 0px; color: rgb(245, 247, 247); font: 700 1.08rem/1 var(--manage-pixel-font);} :where(.legacy-content) .manage-preview-world p{margin: 5px 0px 0px; color: rgb(206, 212, 214); font-size: 0.73rem;} :where(.legacy-content) .manage-preview-actions{display: grid; gap: 6px;} :where(.legacy-content) .manage-preview-actions span{display: flex; min-height: 43px; align-items: center; justify-content: center; gap: 9px; padding: 7px 12px; border: 2px solid rgb(7, 8, 8); border-radius: 0px; background: rgb(116, 121, 123); box-shadow: rgb(213, 216, 217) 2px 2px 0px inset, rgb(36, 39, 40) -3px -3px 0px inset, rgb(5, 6, 6) 3px 3px 0px; color: rgb(248, 249, 249); font: 650 0.92rem/1 var(--manage-pixel-font); text-shadow: rgb(32, 34, 35) 2px 2px;} :where(.legacy-content) .manage-preview-actions span.is-primary{background: rgb(57, 116, 125); box-shadow: rgb(157, 245, 255) 2px 2px 0px inset, rgb(20, 57, 62) -3px -3px 0px inset, rgb(5, 6, 6) 3px 3px 0px;} :where(.legacy-content) .manage-preview-actions b{display: grid; width: 20px; height: 20px; flex: 0 0 20px; place-items: center; color: rgb(248, 249, 249); font: 700 0.74rem/1 var(--manage-pixel-font); text-shadow: rgb(32, 34, 35) 1px 2px;} :where(.legacy-content) .manage-preview-address{position: relative; display: grid; gap: 5px; margin-top: 10px; padding: 10px 86px 11px 12px;} :where(.legacy-content) .manage-preview-address strong{overflow: hidden; color: rgb(245, 247, 247); font-size: 0.88rem; text-overflow: ellipsis; white-space: nowrap;} :where(.legacy-content) .manage-preview-address span{position: absolute; top: 8px; right: 8px; bottom: 8px; display: grid; min-width: 66px; place-items: center; border: 2px solid rgb(7, 8, 8); background: rgb(116, 121, 123); box-shadow: rgb(213, 216, 217) 2px 2px 0px inset, rgb(36, 39, 40) -3px -3px 0px inset, rgb(5, 6, 6) 2px 2px 0px; color: rgb(255, 255, 255); font-size: 0.7rem;} :where(.legacy-content) .manage-preview-caption{margin: 14px 0px 0px; color: rgb(183, 192, 196); font: 600 0.62rem / 1.45 "IBM Plex Mono", ui-monospace, monospace; letter-spacing: 0.06em; text-align: center; text-transform: uppercase;} @media (max-width: 1080px) {:where(.legacy-content) .hero-grid{grid-template-columns: minmax(0px, 1fr) minmax(400px, 0.9fr); gap: 44px;} :where(.legacy-content) .product-proof{grid-template-columns: minmax(0px, 1.15fr) minmax(300px, 0.85fr);} :where(.legacy-content) .beta-evidence{gap: 54px;} :where(.legacy-content) .manage-spotlight{grid-template-columns: minmax(0px, 0.8fr) minmax(480px, 1.2fr); gap: 44px;}} @media (max-width: 860px) { :where(.legacy-content) .manage-spotlight{grid-template-columns: 1fr; gap: 52px;} :where(.legacy-content) .manage-preview{max-width: 680px; transform: none;} :where(.legacy-content) .manage-preview:hover{transform: translateY(-3px);} :where(.legacy-content) .site-header{min-height: 66px; padding: 10px 72px 10px 16px;} :where(.legacy-content) .site-header .site-nav{top: calc(100% + 1px); left: 12px; width: calc(100% - 24px); padding: 10px; border-color: var(--line); border-radius: 8px; background: rgba(5, 9, 12, 0.98);} :where(.legacy-content) .site-header .menu-toggle{top: 11px; right: 12px;} :where(.legacy-content) .site-header + main .hero-grid,:where(.legacy-content) .hero-grid{grid-template-columns: 1fr; min-height: auto; padding-top: 126px;} :where(.legacy-content) .hero{min-height: auto;} :where(.legacy-content) .hero h1{font-size: clamp(3.25rem, 9.3vw, 4.45rem);} :where(.legacy-content) .hero-card{max-width: 640px;} :where(.legacy-content) .hero-arc-field{top: 70%; right: -320px; width: 820px; opacity: 0.7;} :where(.legacy-content) .trust-strip{grid-template-columns: repeat(2, minmax(0px, 1fr)); padding-inline: 18px;} :where(.legacy-content) .trust-strip div,:where(.legacy-content) .trust-strip div:first-child{min-height: 104px; padding: 22px 18px; border-top: 0px; border-left: 0px; border-image: none; border-right: 1px solid var(--line-2); border-bottom: 1px solid var(--line-2);} :where(.legacy-content) .trust-strip div:nth-child(2n){border-right: 0px;} :where(.legacy-content) .section{padding: 86px 0px;} :where(.legacy-content) .section-head.split,:where(.legacy-content) .product-proof,:where(.legacy-content) .beta-evidence,:where(.legacy-content) .credits-section{grid-template-columns: 1fr;} :where(.legacy-content) .product-window{border-right: 0px; border-bottom: 1px solid var(--line-2);} :where(.legacy-content) .product-proof-list article{min-height: auto;} :where(.legacy-content) .steps .card,:where(.legacy-content) .plans-preview-card,:where(.legacy-content) .credits-board article{min-height: auto;} :where(.legacy-content) .beta-evidence{padding: 88px 18px;} :where(.legacy-content) .beta-evidence-stats{grid-template-columns: repeat(3, minmax(0px, 1fr));} :where(.legacy-content) .terraria-live-grid{min-height: auto;} :where(.legacy-content) .terraria-live-media{min-height: 380px;} :where(.legacy-content) .final-cta{min-height: 380px; padding-inline: 18px;} :where(.legacy-content) .site-footer{padding-inline: 18px;}} @media (max-width: 620px) { :where(.legacy-content) .manage-spotlight{padding-block: 82px;} :where(.legacy-content) .manage-spotlight-copy h2{font-size: clamp(2.55rem, 12vw, 3.4rem);} :where(.legacy-content) .manage-spotlight-actions{align-items: stretch; flex-direction: column;} :where(.legacy-content) .manage-spotlight-actions .button,:where(.legacy-content) .manage-spotlight-actions .text-link{justify-content: center; text-align: center;} :where(.legacy-content) .manage-preview{padding: 10px; box-shadow: rgba(0, 0, 0, 0.62) 0px 0px 70px 18px inset, rgba(0, 0, 0, 0.48) 6px 8px 0px;} :where(.legacy-content) .manage-preview-top{grid-template-columns: minmax(0px, 1fr) minmax(112px, 0.58fr); gap: 7px;} :where(.legacy-content) .manage-preview-select,:where(.legacy-content) .manage-preview-state{padding: 8px 9px;} :where(.legacy-content) .manage-preview-select{padding-right: 27px;} :where(.legacy-content) .manage-preview-select::after{right: 9px;} :where(.legacy-content) .manage-preview-select strong,:where(.legacy-content) .manage-preview-address strong{font-size: 0.82rem;} :where(.legacy-content) .manage-preview-state{font-size: 0.62rem;} :where(.legacy-content) .manage-preview-state strong{font-size: 0.74rem;} :where(.legacy-content) .manage-preview-world{padding: 18px 8px 15px;} :where(.legacy-content) .manage-preview-actions span{min-height: 44px; font-size: 0.86rem;} :where(.legacy-content) h1{line-height: 0.99;} :where(.legacy-content) h2{font-size: clamp(2.2rem, 10vw, 3.15rem);} :where(.legacy-content) .hero-grid{gap: 36px; padding: 116px 0px 66px;} :where(.legacy-content) .hero h1{font-size: clamp(2.9rem, 13.2vw, 4.15rem);} :where(.legacy-content) .hero .lead{font-size: 1rem;} :where(.legacy-content) .hero .actions,:where(.legacy-content) .final-cta .actions{display: grid; grid-template-columns: 1fr;} :where(.legacy-content) .hero .button,:where(.legacy-content) .final-cta .button{width: 100%;} :where(.legacy-content) .hero-card-top,:where(.legacy-content) .hero-relay-body,:where(.legacy-content) .hero-card-footer{padding-inline: 16px;} :where(.legacy-content) .hero-card-list{grid-template-columns: 1fr;} :where(.legacy-content) .hero-card-list div,:where(.legacy-content) .hero-card-list div:first-child,:where(.legacy-content) .hero-card-list div:last-child{display: flex; align-items: baseline; justify-content: space-between; gap: 16px; padding: 13px 0px; border-right: 0px; border-bottom: 1px solid var(--line-2);} :where(.legacy-content) .hero-card-list div:last-child{grid-column: auto; border-bottom: 0px;} :where(.legacy-content) .hero-card-list dd{max-width: 60%; margin-top: 0px; text-align: right;} :where(.legacy-content) .hero-relay-console div{grid-template-columns: 58px 58px minmax(0px, 1fr); gap: 7px; padding-inline: 10px; font-size: 0.63rem;} :where(.legacy-content) .hero-card-footer{align-items: flex-start; flex-direction: column; gap: 2px; padding-block: 12px;} :where(.legacy-content) .hero-card-link{min-height: 32px;} :where(.legacy-content) .hero-signal-rail span{left: 54%;} :where(.legacy-content) .trust-strip{padding-inline: 0px;} :where(.legacy-content) .trust-strip div{padding: 20px 16px;} :where(.legacy-content) .product-proof{margin-inline: -1px;} :where(.legacy-content) .product-screen{padding: 24px 18px;} :where(.legacy-content) .product-demo-grid{grid-template-columns: 1fr;} :where(.legacy-content) .product-proof-list article{padding: 22px 18px;} :where(.legacy-content) .steps,:where(.legacy-content) .plans-preview-grid,:where(.legacy-content) .credits-board{grid-template-columns: 1fr;} :where(.legacy-content) .steps .card,:where(.legacy-content) .plans-preview-card,:where(.legacy-content) .credits-board article{padding: 26px 0px; border-top: 0px; border-right: 0px; border-left: 0px; border-image: none; border-bottom: 1px solid var(--line-2);} :where(.legacy-content) .steps .card:last-child,:where(.legacy-content) .plans-preview-card:last-child,:where(.legacy-content) .credits-board article:last-child{border-bottom: 0px;} :where(.legacy-content) .beta-evidence{gap: 46px;} :where(.legacy-content) .beta-evidence-stats{grid-template-columns: 1fr;} :where(.legacy-content) .beta-evidence-stats div,:where(.legacy-content) .beta-evidence-stats div:first-child{min-height: 118px; padding: 24px 0px; border-top: 0px; border-right: 0px; border-left: 0px; border-image: none; border-bottom: 1px solid var(--line-2);} :where(.legacy-content) .beta-evidence-stats div:last-child{border-bottom: 0px;} :where(.legacy-content) .terraria-live-grid{padding-block: 80px;} :where(.legacy-content) .terraria-live-media{min-height: 330px;} :where(.legacy-content) .faq summary{min-height: 68px; font-size: 1rem;} :where(.legacy-content) .final-cta{min-height: auto; padding-block: 80px;} :where(.legacy-content) .final-cta h2{font-size: clamp(2.6rem, 12vw, 3.8rem);}} @media (max-width: 420px) {:where(.legacy-content) .site-header .header-actions .button.primary{max-width: 150px; padding: 0px 12px; font-size: 0.7rem;} :where(.legacy-content) .hero h1{font-size: clamp(2.6rem, 12.4vw, 3.3rem);} :where(.legacy-content) .hero-note{font-size: 0.66rem; line-height: 1.7;} :where(.legacy-content) .hero-relay-address{align-items: flex-start; flex-direction: column; gap: 7px;} :where(.legacy-content) .hero-relay-address strong{overflow-wrap: anywhere; text-align: left;}} @media (prefers-reduced-motion: reduce) {:where(.legacy-content) .button,:where(.legacy-content) .manage-preview,:where(.legacy-content) .terraria-live-media img{transition: none !important; transform: none !important;} :where(.legacy-content) .hero-signal-rail span{animation: auto ease 0s 1 normal none running none !important;}} :where(.legacy-content) .section{padding: clamp(44px, 5.4vw, 72px) 0px;} :where(.legacy-content) .manage-spotlight,:where(.legacy-content) .beta-evidence{padding-block: clamp(72px, 9vw, 124px);} :where(.legacy-content) .plans-preview{padding-top: clamp(64px, 8vw, 104px);} :where(.legacy-content) .section.wrap + .section.wrap{padding-top: clamp(32px, 4vw, 56px);} :where(.legacy-content) .kicker,:where(.legacy-content) .section-head .kicker{opacity: 0.62; letter-spacing: 0.2em; font-size: 0.72rem;} :where(.legacy-content) .manage-spotlight .kicker,:where(.legacy-content) .beta-evidence .kicker{opacity: 0.9;} :where(.legacy-content) .section-head h2{font-size: clamp(1.75rem, 3vw, 2.5rem); letter-spacing: -0.021em; line-height: 1.1;} :where(.legacy-content) .beta-evidence h2{font-size: clamp(2.1rem, 4.4vw, 3.4rem); letter-spacing: -0.028em; line-height: 1.04;} :where(.legacy-content) .status-section .kicker,:where(.legacy-content) .beta-evidence .kicker{color: var(--green);} :where(.legacy-content) .plans-preview .kicker{color: var(--amber);} :where(.legacy-content) .status-section a:not(.button):hover,:where(.legacy-content) .beta-evidence a:not(.button):hover{color: var(--green);} :where(.legacy-content) .section .card,:where(.legacy-content) .plans-preview .card{border-color: rgba(94, 220, 255, 0.1);} :where(.legacy-content) .manage-spotlight .card,:where(.legacy-content) .status-section .card{border-color: rgba(94, 220, 255, 0.16);} @media (prefers-reduced-motion: no-preference) {:where(.legacy-content) .section .card{transition: border-color 180ms, transform 180ms;} :where(.legacy-content) .section .card:hover{border-color: rgba(94, 220, 255, 0.26); transform: translateY(-2px);}}