.console{border:1px solid #625436;border-radius:22px;background:#171815;box-shadow:0 30px 100px #0007;transform:rotate(2deg);transition:transform .5s}.console:hover,.console:focus-within{transform:none}.console-head{display:flex;align-items:center;justify-content:space-between;padding:19px 24px;border-bottom:1px solid var(--line)}.console-head .mono{font-size:10px;color:#d1c5a5}.dots{display:flex;gap:5px}.dots i{width:5px;height:5px;border-radius:50%;background:#77705c}.console-stage{padding:26px 32px 21px;background:radial-gradient(ellipse at 50% 30%,#ffbc2e10,transparent 65%)}.orbit{height:180px;position:relative;display:grid;place-items:center;margin-bottom:24px}.orbit::before,.orbit::after,.orbit-ring{content:"";position:absolute;width:170px;height:170px;border:1px solid #ffbc2e40;border-radius:50%}.orbit::before{width:270px;height:100px;transform:rotate(-25deg);border-style:dashed}.orbit::after{border-top-color:#ffbc2e;border-bottom-color:transparent;animation:orbit-spin 24s linear infinite}.orbit-ring{width:130px;height:130px;border-color:#ffbc2e1c}.orbit .eye-mark{width:90px;filter:drop-shadow(0 0 30px #ffbc2e33);animation:eye-breathe 6s ease-in-out infinite}.orbit-cross{position:absolute;color:#8d784a;font:14px Consolas,monospace}.cross-left{left:0;top:20px}.cross-right{right:0;bottom:20px}.console .query{padding:13px 17px;border:1px solid #ffbc2e40;border-radius:7px;background:#ffbc2e08;color:#e9d7a3}.console .preview-label{margin-bottom:9px;font-size:9px}.console .preview-note{min-height:67px}.console .mode-tabs{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.console .mode{padding:17px 6px;border-right:1px solid var(--line);font-size:12px;color:#9f9b8e}.console .mode:last-child{border-right:0}.console .mode[aria-pressed=true]{background:#ffbc2e10;color:#ffbc2e}.console .mode:hover{color:#ffbc2e}.console .demo-caption{padding:13px 23px;margin:0;font-size:9px}.gb21 .tiny-cta{border-radius:100px;border-color:#67562d;color:#ffbc2e}.gb21 .cta{border-radius:7px}.gb21 .eyebrow{display:flex;gap:12px;align-items:center;color:#c4b383}.gb21 .eyebrow::before{content:"";width:5px;height:5px;flex:0 0 5px;border-radius:50%;background:#ffbc2e;box-shadow:0 0 14px #ffbc2e}.gb21 .format-list{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #7d6737}.gb21 .format-card{padding:30px 23px 5px 0;margin-right:23px;border-right:1px solid var(--line)}.gb21 .format-card:last-child{border:0;margin-right:0}.gb21 .format-card .num{margin-bottom:32px;color:#a08b56}.gb21 .guide{--muted:#626557;--line:#20251c30;background:#e9e5d9;color:#25281e}.gb21 .guide .eyebrow{color:#776746}.gb21 .guide .num{color:#8c7749}.gb21 .steps{display:grid;grid-template-columns:repeat(2,1fr);gap:44px 70px}.gb21 .step{display:grid;grid-template-columns:44px 1fr;gap:12px;border-top:1px solid #a8aa97;padding-top:25px}.gb21 .step .num{padding-top:5px}.gb21 .stories{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px;align-items:start}.gb21 .story-head{position:sticky;top:125px}.gb21 .story .num{display:none}.gb21 .access{background:#1b1e18}.gb21 .tags span{border-radius:100px}.gb21 .guide-route{display:none}
@keyframes orbit-spin{to{transform:rotate(360deg)}}@keyframes eye-breathe{50%{transform:scale(1.06)}}
@media(max-width:1100px){.gb21 .format-list{grid-template-columns:repeat(2,1fr);gap:32px}.gb21 .format-card:nth-child(2){border:0;margin-right:0}.gb21 .stories{gap:45px}.console-stage{padding:22px}.orbit{height:155px}.orbit::before{width:230px}}
@media(max-width:760px){.console{transform:none;max-width:520px;width:100%;margin:auto}.console-stage{padding:25px}.orbit{height:175px}.gb21 .stories{grid-template-columns:1fr;gap:38px}.gb21 .story-head{position:static}.gb21 .steps{grid-template-columns:1fr;gap:28px}.gb21 .format-card{padding-right:16px;margin-right:0}.gb21 .format-list{gap:26px}.gb21 .format-card h3{font-size:23px}.gb21 .format-card p{font-size:13px}.console .mode{font-size:11px}.gb21 .hero h1{font-size:clamp(42px,9.4vw,70px)}}
@media(max-width:370px){.gb21 .format-list{grid-template-columns:1fr;gap:0}.gb21 .format-card{border-right:0;border-bottom:1px solid var(--line);padding:25px 0}.gb21 .format-card:nth-child(2){border-bottom:1px solid var(--line)}.console-stage{padding:20px}.console-head{padding:17px 20px}.console .demo-caption{padding:12px 20px}.gb21 .hero h1{font-size:41px}}