/* JustSigns How it works — guide pages v2: sticky animated mini-dashboard that follows the steps. */
.gs-page{--gs-r:18px}
.gs-hero{padding:clamp(28px,4vw,56px) var(--gutter) clamp(20px,3vw,36px)}
.gs-hero h1{font-size:clamp(36px,4.6vw,60px);line-height:1.04;font-weight:800;letter-spacing:-.03em;margin:18px 0 16px;max-width:16em}
.gs-hero .learn-lead{max-width:44em}
.gs-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.gs-meta span{display:inline-flex;align-items:center;gap:8px;min-height:34px;padding:0 14px;border:1px solid var(--line-2);border-radius:999px;font:400 11.5px var(--f-mono);letter-spacing:.06em;color:#C9CDD3}
.gs-meta span b{color:var(--brand);font-weight:500}
.gs-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:clamp(28px,4vw,48px)}
.gs-fact{padding:18px 20px;border:1px solid var(--line);border-radius:16px;background:var(--ink-2)}
.gs-fact span{display:block;font:400 10.5px var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--brand);margin-bottom:8px}
.gs-fact p{font-size:14.5px;line-height:1.6;color:#D5D8DD;margin:0}
.gs-jump{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 26px}
.gs-jump a{display:inline-flex;align-items:center;gap:8px;min-height:34px;padding:0 13px;border:1px solid var(--line-2);border-radius:999px;font-size:13px;color:var(--muted)}
.gs-jump a b{font:400 11px var(--f-mono);color:var(--brand)}
.gs-jump a:hover{color:var(--fg);border-color:var(--fg)}
.gs-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,450px);gap:clamp(28px,4vw,56px);align-items:start}
.gs-steps{min-width:0}
.gs-step{position:relative;display:grid;grid-template-columns:52px minmax(0,1fr);gap:18px;padding:26px 0 30px;border-top:1px solid var(--line);scroll-margin-top:100px;transition:opacity .3s ease}
.gs-step:first-of-type{border-top:0;padding-top:4px}
.gs-num{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;border:1px solid var(--line-2);font:400 12px var(--f-mono);color:var(--muted);transition:background .3s,color .3s,border-color .3s}
.gs-step.is-current .gs-num{background:var(--brand);border-color:var(--brand);color:var(--brand-ink)}
.gs-step h2{font-size:clamp(21px,2vw,26px);line-height:1.2;font-weight:800;margin:6px 0 10px}
.gs-path{display:inline-flex;align-items:center;gap:6px;margin:0 0 12px;padding:5px 11px;border-radius:8px;background:#f7bb2712;border:1px solid #f7bb2733;font:400 11.5px var(--f-mono);color:#E8DCB8}
.gs-step p{color:var(--muted);font-size:15.5px;line-height:1.75;margin:0}
.gs-step p+p{margin-top:10px}
.gs-step p b{color:var(--fg);font-weight:600}
.gs-tip{display:flex;gap:10px;margin-top:14px;padding:12px 14px;border-radius:12px;background:var(--ink-2);border:1px solid var(--line);font-size:14px;line-height:1.6;color:#D5D8DD}
.gs-tip::before{content:"i";flex:none;display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--brand);color:var(--brand-ink);font:700 12px var(--f-body)}
.gs-inline{display:none;margin-top:18px}

/* sticky demo */
.gs-demo{position:sticky;top:96px;border:1px solid var(--line-2);border-radius:22px;background:linear-gradient(160deg,#14171c,#0d0f13);padding:16px;box-shadow:0 28px 70px #0006}
.gs-demo-top{display:flex;justify-content:space-between;align-items:center;padding:2px 4px 12px;font:400 10.5px var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--brand)}
.gs-demo-top span:last-child{color:var(--muted)}
.gs-stack{display:grid}
.gs-stack>.gs-frame{grid-area:1/1;visibility:hidden;opacity:0;transform:translateY(10px);transition:opacity .45s ease,transform .45s ease,visibility 0s linear .45s}
.gs-stack>.gs-frame.is-active{visibility:visible;opacity:1;transform:none;transition:opacity .45s ease,transform .45s ease}
.gs-demo-cap{margin:14px 4px 0;min-height:44px}
.gs-demo-cap b{display:block;font:700 15px var(--f-body);color:var(--fg)}
.gs-demo-cap span{font-size:12.5px;color:var(--dim)}
.gs-demo-ctl{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}
.gs-dots{display:flex;gap:6px;flex-wrap:wrap}
.gs-dots button{width:26px;height:26px;border-radius:50%;border:1px solid var(--line-2);background:transparent;color:var(--muted);font:400 10px var(--f-mono);cursor:pointer;padding:0}
.gs-dots button[aria-pressed=true]{background:var(--brand);border-color:var(--brand);color:var(--brand-ink)}
.gs-play{display:inline-flex;align-items:center;gap:8px;min-height:34px;padding:0 14px;border-radius:999px;border:1px solid var(--line-2);background:transparent;color:var(--fg);font:600 12.5px var(--f-body);cursor:pointer}
.gs-play:hover{border-color:var(--fg)}
.gs-progress{height:3px;margin-top:12px;border-radius:3px;background:var(--line);overflow:hidden}
.gs-progress i{display:block;height:100%;width:0;background:var(--brand);transition:width .4s ease}

/* mini window */
.gs-frame{min-width:0}
.gs-win{border:1px solid var(--line);border-radius:14px;background:var(--ink);overflow:hidden}
.gs-bar{display:flex;align-items:center;gap:6px;padding:9px 12px;border-bottom:1px solid var(--line);background:var(--ink-2)}
.gs-bar i{width:8px;height:8px;border-radius:50%;background:var(--line-2)}
.gs-bar i:first-child{background:#ff6b6b88}.gs-bar i:nth-child(2){background:#f7bb2788}.gs-bar i:nth-child(3){background:#45d48388}
.gs-bar span{margin-left:8px;font:400 10.5px var(--f-mono);letter-spacing:.04em;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gs-body{display:grid;gap:10px;padding:14px;min-height:300px;align-content:start}
.gs-frame.is-active .gs-body>*,.gs-inline .gs-body>*{animation:gsIn .5s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(var(--k,0)*110ms)}
@keyframes gsIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.gs-cap-line{font:400 10px var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--dim)}

/* hot spot: pulsing ring + pointer */
.gs-hot{position:relative;z-index:1}
.gs-hot::before{content:"";position:absolute;inset:-4px;border-radius:inherit;border:2px solid var(--brand);opacity:0;animation:gsRing 2.4s ease-out infinite;animation-delay:.6s;pointer-events:none}
.gs-hot::after{content:"";position:absolute;right:8px;bottom:-10px;width:18px;height:18px;background:no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 3l14 8-6 1.6L10.5 19z' fill='%23F4F2EC' stroke='%2308090B' stroke-width='1.4' stroke-linejoin='round'/%3E%3C/svg%3E");animation:gsPoint 2.4s ease-in-out infinite;animation-delay:.6s;pointer-events:none}
@keyframes gsRing{0%{opacity:.9;transform:scale(.96)}70%,100%{opacity:0;transform:scale(1.06)}}
@keyframes gsPoint{0%{transform:translate(14px,12px);opacity:0}25%{opacity:1}45%,60%{transform:translate(0,0)}52%{transform:translate(0,0) scale(.85)}100%{transform:translate(0,0);opacity:0}}

/* widgets */
.gs-tv{position:relative;overflow:hidden;border-radius:10px;padding:18px 18px 16px;background:var(--brand);color:var(--brand-ink);min-height:132px;display:flex;flex-direction:column;justify-content:space-between}
.gs-tv.dark{background:#16191e;color:var(--fg);border:1px solid var(--line)}
.gs-tv::after{content:"";position:absolute;width:150px;height:150px;border-radius:50%;right:-70px;top:-30px;border:1px solid #1a140522;box-shadow:0 0 0 22px #1a14050a,0 0 0 44px #1a140507}
.gs-tv>span{font:400 9.5px var(--f-mono);letter-spacing:.12em;text-transform:uppercase;opacity:.8}
.gs-tv>b{font:800 clamp(22px,2.2vw,30px)/1.05 var(--f-display);letter-spacing:-.02em;margin:10px 0 6px;position:relative;z-index:1}
.gs-tv>b.code{font:500 30px var(--f-mono);letter-spacing:.14em}
.gs-tv>small{font-size:11.5px;opacity:.75}
.gs-tv>em{position:absolute;right:12px;top:12px;z-index:1;padding:3px 9px;border-radius:999px;background:var(--brand-ink);color:var(--brand);font:500 9.5px var(--f-mono);font-style:normal;letter-spacing:.1em}
.gs-tv.dark>em{background:var(--brand);color:var(--brand-ink)}
.gs-tv .gs-live{display:inline-block;width:7px;height:7px;border-radius:50%;background:#ff5c5c;margin-right:6px;animation:gsBlink 1.2s steps(2,jump-none) infinite}
@keyframes gsBlink{to{opacity:.15}}
.gs-fields{display:grid;gap:8px}
.gs-f{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:40px;padding:0 14px;border:1px solid var(--line-2);border-radius:10px;background:var(--ink-2)}
.gs-f span{font:400 10px var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);white-space:nowrap}
.gs-f b{font:600 13px var(--f-body);color:var(--fg);text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gs-f.gs-hot{border-color:var(--brand)}
.gs-f.gs-hot b{color:var(--brand)}
.gs-f .gs-sw{width:34px;height:19px;border-radius:99px;background:var(--line-2);position:relative;flex:none}
.gs-f .gs-sw::after{content:"";position:absolute;left:3px;top:3px;width:13px;height:13px;border-radius:50%;background:#9CA2AB;transition:transform .3s}
.gs-f .gs-sw.on{background:var(--brand)}.gs-f .gs-sw.on::after{transform:translateX(15px);background:var(--brand-ink)}
.gs-btns{display:flex;gap:8px;flex-wrap:wrap}
.gs-btn{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 18px;border-radius:999px;background:var(--brand);color:var(--brand-ink);font:700 13px var(--f-body)}
.gs-btn.ghost{background:transparent;border:1px solid var(--line-2);color:var(--fg)}
.gs-btn.danger{background:transparent;border:1px solid #ff8a5c66;color:#FFB59A}
.gs-rows{display:grid;gap:7px}
.gs-row{display:flex;align-items:center;gap:11px;min-height:46px;padding:7px 12px;border:1px solid var(--line);border-radius:11px;background:var(--ink-2)}
.gs-row>i{flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#f7bb2714;color:var(--brand);font-style:normal;font-size:14px}
.gs-row>div{flex:1;min-width:0}
.gs-row>div b{display:block;font:600 13px var(--f-body);color:var(--fg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gs-row>div small{display:block;font-size:11px;color:var(--dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gs-row>em{flex:none;padding:3px 9px;border-radius:999px;border:1px solid var(--line-2);font:500 9.5px var(--f-mono);font-style:normal;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.gs-row>em.ok{color:#45D483;border-color:#45d48355}.gs-row>em.warn{color:var(--brand);border-color:#f7bb2766}.gs-row>em.off{color:#FF8A5C;border-color:#ff8a5c55}.gs-row>em.info{color:#7FC4FF;border-color:#7fc4ff55}
.gs-row.gs-hot{border-color:var(--brand);background:#f7bb270d}
.gs-cal{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}
.gs-cal>span{height:26px;border-radius:6px;background:var(--ink-2);border:1px solid var(--line)}
.gs-cal>span.p{background:#f7bb2722;border-color:#f7bb2755}
.gs-cal>span.b{background:#7fc4ff2e;border-color:#7fc4ff66}
.gs-cal>span.c{background:#45d48322;border-color:#45d48355}
.gs-cal>span.gs-hot{border-color:var(--brand);background:#f7bb2755}
.gs-legend{display:flex;gap:12px;flex-wrap:wrap;font:400 10px var(--f-mono);letter-spacing:.06em;color:var(--muted)}
.gs-legend span::before{content:"";display:inline-block;width:9px;height:9px;border-radius:3px;margin-right:6px;vertical-align:-1px;background:var(--line-2)}
.gs-legend .c::before{background:#45d483}.gs-legend .p::before{background:var(--brand)}.gs-legend .b::before{background:#7FC4FF}.gs-legend .on::before{background:#45d483}.gs-legend .off::before{background:#ff8a5c}
.gs-chips{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.gs-chips>span{display:grid;place-items:center;min-height:34px;border-radius:9px;border:1px solid var(--line-2);background:var(--ink-2);font:600 12px var(--f-mono);color:var(--fg)}
.gs-chips>span.on{background:var(--brand);border-color:var(--brand);color:var(--brand-ink)}
.gs-chips>span.x{opacity:.35;text-decoration:line-through}
.gs-group{font:400 10px var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--dim);display:flex;justify-content:space-between}
.gs-group em{font-style:normal;color:var(--brand)}
.gs-loop{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.gs-loop>span{position:relative;display:grid;place-items:center;min-width:40px;height:44px;padding:0 10px;border-radius:9px;border:1px solid var(--line-2);background:var(--ink-2);font:600 12px var(--f-mono);color:var(--fg);animation:gsLoop calc(var(--n,7)*.7s) infinite;animation-delay:calc(var(--i)*.7s)}
.gs-loop>span.ad{background:#f7bb2718;border-color:#f7bb2766;color:var(--brand);font-size:10px;letter-spacing:.06em}
.gs-loop>span.buy{background:#7fc4ff1c;border-color:#7fc4ff66;color:#7FC4FF;font-size:10px}
.gs-loop>span small{position:absolute;bottom:-15px;left:50%;transform:translateX(-50%);font:400 8.5px var(--f-mono);letter-spacing:.06em;color:var(--dim);white-space:nowrap}
@keyframes gsLoop{0%,12%{box-shadow:0 0 0 2px var(--brand);transform:translateY(-2px)}16%,100%{box-shadow:none;transform:none}}
.gs-loop-wrap{padding-bottom:14px}
.gs-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.gs-kpis>div{padding:11px 12px;border:1px solid var(--line);border-radius:11px;background:var(--ink-2)}
.gs-kpis b{display:block;font:800 19px var(--f-display);color:var(--fg)}
.gs-kpis span{font:400 9.5px var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--dim)}
.gs-kpis>div.gs-hot{border-color:var(--brand)}
.gs-table{display:grid;border:1px solid var(--line);border-radius:11px;overflow:hidden;font-size:11.5px}
.gs-table>div{display:grid;grid-template-columns:var(--cols);gap:8px;padding:8px 11px;border-top:1px solid var(--line);color:#D5D8DD;white-space:nowrap}
.gs-table>div>*{overflow:hidden;text-overflow:ellipsis}
.gs-table>div:first-child{border-top:0;background:var(--ink-2);font:400 9.5px var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--dim)}
.gs-table>div.gs-hot{background:#f7bb270d}
.gs-stepper{display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));gap:4px}
.gs-stepper>span{position:relative;padding-top:12px;font:400 9.5px var(--f-mono);letter-spacing:.05em;text-transform:uppercase;color:var(--dim);text-align:left}
.gs-stepper>span::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;border-radius:4px;background:var(--line-2)}
.gs-stepper>span.done{color:#C9CDD3}.gs-stepper>span.done::before{background:#f7bb2788}
.gs-stepper>span.cur{color:var(--brand)}.gs-stepper>span.cur::before{background:var(--brand);animation:gsGrow 1.4s ease both}
@keyframes gsGrow{from{transform:scaleX(0);transform-origin:left}to{transform:scaleX(1);transform-origin:left}}
.gs-bars{display:flex;align-items:flex-end;gap:5px;height:90px;padding:8px 10px 0;border:1px solid var(--line);border-radius:11px;background:var(--ink-2)}
.gs-bars>i{flex:1;border-radius:4px 4px 0 0;background:linear-gradient(180deg,var(--brand),#f7bb2755);height:var(--h);transform-origin:bottom;animation:gsBar .9s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(var(--i)*60ms + .2s)}
@keyframes gsBar{from{transform:scaleY(0)}to{transform:scaleY(1)}}
.gs-map{position:relative;height:150px;border-radius:11px;border:1px solid var(--line);overflow:hidden;background:radial-gradient(circle at 30% 40%,#1b2028 0,transparent 55%),repeating-linear-gradient(0deg,transparent 0 22px,#ffffff08 22px 23px),repeating-linear-gradient(90deg,transparent 0 22px,#ffffff08 22px 23px),var(--ink-2)}
.gs-map i{position:absolute;width:12px;height:12px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:var(--brand);box-shadow:0 0 0 3px #08090B}
.gs-map i.off{background:#5a6372}
.gs-map b{position:absolute;left:50%;top:50%;width:110px;height:110px;margin:-55px 0 0 -55px;border-radius:50%;border:2px dashed var(--brand);background:#f7bb270f;animation:gsRad 3s ease-in-out infinite}
@keyframes gsRad{0%,100%{transform:scale(.85)}50%{transform:scale(1.05)}}
.gs-map span{position:absolute;left:10px;bottom:8px;font:400 10px var(--f-mono);color:var(--muted)}
.gs-toast{justify-self:start;display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:#45d4831c;border:1px solid #45d48366;color:#45D483;font:600 12.5px var(--f-body);animation:gsToast .5s cubic-bezier(.2,.7,.2,1) both!important;animation-delay:1.4s!important}
.gs-toast.warn{background:#f7bb2714;border-color:#f7bb2766;color:var(--brand)}
@keyframes gsToast{from{opacity:0;transform:translateY(10px) scale(.96)}to{opacity:1;transform:none}}
.gs-tabs{display:flex;gap:4px;padding:4px;border:1px solid var(--line);border-radius:999px;background:var(--ink-2);overflow:hidden}
.gs-tabs>span{flex:1;text-align:center;padding:6px 6px;border-radius:999px;font:600 11px var(--f-body);color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gs-tabs>span.on{background:var(--brand);color:var(--brand-ink)}
.gs-search{display:flex;align-items:center;gap:10px;min-height:40px;padding:0 14px;border:1px solid var(--line-2);border-radius:999px;background:var(--ink-2);font-size:12.5px;color:var(--muted)}
.gs-search::before{content:"";width:12px;height:12px;border-radius:50%;border:2px solid var(--muted)}
.gs-search.gs-hot{border-color:var(--brand)}
.gs-search b{color:var(--fg);font-weight:600}
.gs-search b::after{content:"";display:inline-block;width:1px;height:13px;margin-left:2px;vertical-align:-2px;background:var(--brand);animation:gsBlink 1s steps(2,jump-none) infinite}
.gs-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.gs-note{font-size:12px;line-height:1.55;color:var(--muted);padding:9px 12px;border-left:2px solid var(--brand);background:#f7bb270a;border-radius:0 9px 9px 0}
.gs-thumbs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.gs-thumbs>span{position:relative;aspect-ratio:16/10;border-radius:8px;background:linear-gradient(135deg,#2a2f38,#171a1f);border:1px solid var(--line)}
.gs-thumbs>span.v::after{content:"▶";position:absolute;inset:0;display:grid;place-items:center;color:#ffffffaa;font-size:11px}
.gs-thumbs>span.y{background:linear-gradient(135deg,var(--brand),#ff8a5c)}
.gs-thumbs>span.on{outline:2px solid var(--brand);outline-offset:1px}
.gs-thumbs>span.up{background:repeating-linear-gradient(-45deg,#f7bb2722 0 6px,transparent 6px 12px);border:1px dashed var(--brand);animation:gsUp 1.6s ease-in-out infinite}
@keyframes gsUp{50%{opacity:.5}}
.gs-meter{height:8px;border-radius:8px;background:var(--line);overflow:hidden}
.gs-meter i{display:block;height:100%;width:var(--w);background:var(--brand);border-radius:8px;animation:gsW 1.2s cubic-bezier(.2,.7,.2,1) both .3s}
@keyframes gsW{from{width:0}}

/* good to know + faq */
.gs-know{margin-top:clamp(36px,5vw,64px)}
.gs-know h2,.gs-faq h2{font-size:clamp(26px,2.8vw,36px);font-weight:800;margin:14px 0 22px}
.gs-know ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.gs-know li{display:grid;grid-template-columns:28px minmax(0,1fr);gap:12px;padding:16px 18px;border:1px solid var(--line);border-radius:14px;background:var(--ink-2);font-size:14.5px;line-height:1.65;color:#D5D8DD}
.gs-know li::before{content:"✓";display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#f7bb2718;color:var(--brand);font-weight:700;font-size:13px}
.gs-know li b{color:var(--fg)}
.gs-faq{margin-top:clamp(36px,5vw,64px)}
.gs-faq .faq{max-width:none}

/* hub additions */
.gs-services{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.gs-service{display:flex;flex-direction:column;gap:12px;padding:24px;border:1px solid var(--line);border-radius:20px;background:var(--ink-2)}
.gs-service .mono{color:var(--brand);font-size:10.5px;letter-spacing:.1em}
.gs-service h3{font-size:23px;line-height:1.2;font-weight:800;margin:0}
.gs-service p{font-size:14.5px;line-height:1.7;color:var(--muted);margin:0}
.gs-service ul{list-style:none;padding:0;margin:0;display:grid;gap:7px}
.gs-service li{display:flex;gap:10px;font-size:13.5px;line-height:1.55;color:#D5D8DD}
.gs-service li::before{content:"";flex:none;width:6px;height:6px;margin-top:7px;border-radius:50%;background:var(--brand)}
.gs-service a{margin-top:auto;color:var(--brand);font-weight:700;font-size:14px}
.gs-ads{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:center}
.gs-ads .gs-win{max-width:560px}
.gs-ads ol{list-style:none;padding:0;margin:0;display:grid;gap:14px}
.gs-ads li{display:grid;grid-template-columns:36px minmax(0,1fr);gap:14px;font-size:15px;line-height:1.65;color:var(--muted)}
.gs-ads li>span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;border:1px solid var(--line-2);font:400 11px var(--f-mono);color:var(--brand)}
.gs-ads li b{color:var(--fg)}
.gs-orders{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.gs-orders a{display:flex;flex-direction:column;gap:8px;padding:18px;border:1px solid var(--line);border-radius:16px;background:var(--ink-2);color:var(--muted);font-size:13.5px;line-height:1.6;transition:border-color .2s}
.gs-orders a:hover{border-color:#9c7b2b}
.gs-orders a b{color:var(--fg);font:700 16px var(--f-body)}
.gs-orders a span{font:400 10px var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--brand)}
.gs-hub-demo{max-width:520px;justify-self:end;width:100%}

@media(max-width:1100px){.gs-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.gs-orders{grid-template-columns:repeat(2,minmax(0,1fr))}.gs-services{grid-template-columns:1fr}}
@media(max-width:999px){
  .gs-layout{grid-template-columns:1fr}
  .gs-demo-sticky{display:none}
  .gs-inline{display:block}
  .gs-inline .gs-body{min-height:0}
  .gs-know ul{grid-template-columns:1fr}
  .gs-ads{grid-template-columns:1fr}
  .gs-hub-demo{justify-self:start}
}
@media(max-width:640px){
  .gs-facts{grid-template-columns:1fr}
  .gs-step{grid-template-columns:1fr;gap:10px}
  .gs-num{width:38px;height:38px}
  .gs-orders{grid-template-columns:1fr}
  .gs-chips{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (prefers-reduced-motion:reduce){
  .gs-hot::before,.gs-hot::after,.gs-loop>span,.gs-map b,.gs-thumbs>span.up{animation:none!important}
  .gs-hot::after{display:none}
  .gs-stack>.gs-frame{transition:none}
}
.gs-stack>.gs-frame{display:flex;flex-direction:column}
.gs-stack>.gs-frame>.gs-win{flex:1}

.gs-ads .gs-body{min-height:0}