/* Concept D — Terminal and Community page layouts (glass kit). */
.glass-kit .gk-hero{padding-block:clamp(56px,9vh,110px) clamp(10px,2vh,20px);text-align:center}
.glass-kit .gk-hero h1{font-size:clamp(44px,6vw,92px);line-height:.98;letter-spacing:-.062em;font-weight:560;max-width:12em;margin-inline:auto;text-wrap:balance}
.glass-kit .gk-hero h1 span{display:block;background:linear-gradient(92deg,#dde1f1 0%,#aab2d0 55%,#858ead 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.glass-kit .gk-lead{margin:20px auto 30px;font-size:clamp(17px,1.4vw,20px);color:#b3bacb;max-width:34em}
.glass-kit .gk-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}
.glass-kit .gk-actions .button{min-width:180px;min-height:52px;border-radius:12px;font-size:15px}
.glass-kit .gk-reassure{margin-top:14px;font-size:13px;color:#aeb5c6}
.glass-kit .gk-small{font-size:13px;color:var(--gd-muted);max-width:32em}

/* FAQ. */
.glass-kit .gk-faq-list{display:grid;gap:12px;max-width:860px}
.glass-kit .gk-faq details{border-radius:20px;background:var(--gd-glass);box-shadow:var(--gd-edge)}
.glass-kit .gk-faq summary{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:64px;padding:18px 24px;font-size:18px;font-weight:550;cursor:pointer;list-style:none}
.glass-kit .gk-faq summary::-webkit-details-marker{display:none}
.glass-kit .gk-faq summary::after{content:"";width:9px;height:9px;flex:none;border-right:1.6px solid var(--gd-lav);border-bottom:1.6px solid var(--gd-lav);transform:translateY(-3px) rotate(45deg);transition:transform .3s var(--gd-ease)}
.glass-kit .gk-faq details[open] summary::after{transform:translateY(2px) rotate(-135deg)}
.glass-kit .gk-faq summary:focus-visible{outline:2px solid var(--gd-lav);outline-offset:2px;border-radius:20px}
.glass-kit .gk-faq details p{padding:0 24px 22px;font-size:16px;color:var(--gd-muted)}

/* Community: the free route. Four glass steps on a rail. When they arrive (sections.js sets
   [data-wave-on] and flies the comet), a pulse of light travels the rail and stops at each key:
   the key strikes like a starting lamp (two flickers, then a steady glow), its glyph draws itself
   in, a double ripple spreads across the card and a light runs round its rim, then the copy wakes.
   Step 4 answers in jade. Last, "Join free" takes a slow, wide glint with two sparkles.
   One beat per step; sections.js reads the same timing from these variables.
   Without JavaScript, or with reduced motion, everything shows in its lit state. */
@property --gk-r1{syntax:'<length>';inherits:false;initial-value:0px}
@property --gk-r2{syntax:'<length>';inherits:false;initial-value:0px}
@property --gk-a{syntax:'<angle>';inherits:false;initial-value:0deg}
.glass-kit .gk-free{--t0:.35s;--beat:.9s;--hold:.3s;--travel:.6s;--kx:50px;--ky:50px}
.glass-kit .gk-free .gd-head h2 .gk-glint{font-weight:inherit;color:inherit}
.glass-kit .gk-route{position:relative}
.glass-kit .gk-steps{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:0;padding:0;list-style:none}
.glass-kit .gk-step{--tone:#bcc5f1;--ring:#bcc5f175;--glow:#bcc5f1a8;--wash:#bcc5f14a;--hot:#2f3653;position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:24px 24px 26px;border-radius:24px;background:var(--gd-glass);box-shadow:var(--gd-edge),6px 7px 0 -1px #171b25,6px 7px 0 0 #ffffff10}
.glass-kit .gk-step-last{--tone:#83cfbf;--ring:#83cfbf80;--glow:#83cfbfb3;--wash:#83cfbf45;--hot:#24403f}
/* The rail: a faint track from each key to the next, and the lit trail the pulse leaves. */
.glass-kit .gk-step:not(:last-child)::before,.glass-kit .gk-step:not(:last-child)::after{content:"";position:absolute;z-index:2;left:var(--kx);top:var(--ky);width:calc(100% + 16px);height:1px;pointer-events:none}
.glass-kit .gk-step:not(:last-child)::before{background:#bcc5f12b}
.glass-kit .gk-step:not(:last-child)::after{height:2px;margin-top:-.5px;transform-origin:0 50%;background:linear-gradient(90deg,#bcc5f170,#c9d0f6);box-shadow:0 0 8px #bcc5f18c}
.glass-kit .gk-step:nth-last-child(2)::after{background:linear-gradient(90deg,#bcc5f170,#9fd8cc)}
.glass-kit .gk-key{position:relative;z-index:3;display:grid;place-items:center;width:52px;height:52px;border-radius:16px;color:var(--tone);background:linear-gradient(150deg,#ffffff0f,#00000026) #1a1f2e;box-shadow:inset 0 1px 0 #ffffff26,inset 0 0 0 1px var(--ring),0 0 28px -6px var(--glow)}
.glass-kit .gk-key svg *{stroke-dasharray:1 1;stroke-dashoffset:0}
.glass-kit .gk-step-k{margin-top:22px;font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:#8f98b3}
.glass-kit .gk-step strong{font-size:19px;font-weight:560;letter-spacing:-.02em}
.glass-kit .gk-step>span:last-child{font-size:14.5px;color:var(--gd-muted)}
/* The card's light: a bloom and two rings from the key, and a light running round the rim. */
.glass-kit .gk-wash{position:absolute;inset:0;z-index:1;border-radius:inherit;pointer-events:none;opacity:0;background:radial-gradient(circle at var(--kx) var(--ky),transparent calc(var(--gk-r1) - 1.5px),var(--wash) var(--gk-r1),transparent calc(var(--gk-r1) + 2.5px)),radial-gradient(circle at var(--kx) var(--ky),transparent calc(var(--gk-r2) - 1px),var(--wash) var(--gk-r2),transparent calc(var(--gk-r2) + 1.5px)),radial-gradient(circle at var(--kx) var(--ky),var(--wash),transparent 62%)}
.glass-kit .gk-wash::after{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:conic-gradient(from var(--gk-a) at var(--kx) var(--ky),transparent 0deg 250deg,var(--tone) 330deg,#fff 350deg,transparent 360deg);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}
.glass-kit .gk-step>:not(.gk-wash){position:relative;z-index:2}
.glass-kit .gk-step>.gk-key{z-index:3}
/* The pulse: one comet for the whole route, flown by sections.js. */
.glass-kit .gk-comet{display:none;position:absolute;z-index:2;left:0;top:0;width:0;height:0;pointer-events:none}
.glass-kit .gk-comet i{position:absolute;right:-5px;top:-3px;width:110px;height:6px;border-radius:6px;opacity:0;transform-origin:calc(100% - 5px) 50%;background:linear-gradient(90deg,#bcc5f100,#bcc5f130 40%,#d9dfff 82%,#fff);filter:blur(.3px)}
.glass-kit .gk-comet i::after{content:"";position:absolute;right:0;top:50%;width:10px;height:10px;margin-top:-5px;border-radius:50%;background:#fff;box-shadow:0 0 10px 3px #e6eaffdd,0 0 34px 10px #bcc5f170}
.glass-kit .gk-route[data-axis="y"] .gk-comet i{transform:rotate(90deg)}
html[data-gk-wave] .glass-kit .gk-comet{display:block}

/* Before the pulse: dark keys with no glyph, an empty rail, quiet copy, "Join free" held back. */
html[data-gk-wave] .glass-kit .gk-free:not([data-wave-on]) .gk-key{color:#4d5468;background-color:#11141c;box-shadow:inset 0 0 0 1px #ffffff12}
html[data-gk-wave] .glass-kit .gk-free:not([data-wave-on]) .gk-key svg *{stroke-dashoffset:1}
html[data-gk-wave] .glass-kit .gk-free:not([data-wave-on]) .gk-step::after{transform:scaleX(0)}
html[data-gk-wave] .glass-kit .gk-free:not([data-wave-on]) .gk-step>:is(.gk-step-k,strong,span:last-child){opacity:.3;transform:translateY(6px)}
html[data-gk-wave] .glass-kit .gk-free .gk-glint{position:relative;display:inline-block;padding-bottom:.1em;margin-bottom:-.1em;background:linear-gradient(100deg,#f3f5fa 0 28%,#fff 36%,#fffaf0 42%,#fff 48%,#a9b0c3 60% 100%) 100% 0/380% 100%;-webkit-background-clip:text;background-clip:text;color:transparent}
html[data-gk-wave] .glass-kit .gk-free .gk-glint::before,html[data-gk-wave] .glass-kit .gk-free .gk-glint::after{content:"";position:absolute;width:.34em;height:.34em;background:#fff;clip-path:polygon(50% 0,57% 43%,100% 50%,57% 57%,50% 100%,43% 57%,0 50%,43% 43%);filter:drop-shadow(0 0 5px #fff);opacity:0;transform:scale(0);pointer-events:none}
html[data-gk-wave] .glass-kit .gk-free .gk-glint::before{left:.02em;top:-.12em}
html[data-gk-wave] .glass-kit .gk-free .gk-glint::after{right:-.12em;top:.14em;width:.26em;height:.26em}
/* The run: key k strikes at --t0 + k × --beat; the trail leaves it --hold later and reaches the
   next key as that one strikes, with the comet riding its front. */
html[data-gk-wave] .glass-kit .gk-free[data-wave-on] .gk-key{animation:gk-strike 1.2s linear calc(var(--t0) + var(--i) * var(--beat)) both}
html[data-gk-wave] .glass-kit .gk-free[data-wave-on] .gk-key svg *{animation:gk-draw .95s cubic-bezier(.45,0,.2,1) calc(var(--t0) + var(--i) * var(--beat) + .14s) both}
html[data-gk-wave] .glass-kit .gk-free[data-wave-on] .gk-wash{animation:gk-wash 1.7s cubic-bezier(.2,.62,.25,1) calc(var(--t0) + var(--i) * var(--beat) + .03s) both}
html[data-gk-wave] .glass-kit .gk-free[data-wave-on] .gk-wash::after{animation:gk-rim 1.7s cubic-bezier(.5,.05,.3,1) calc(var(--t0) + var(--i) * var(--beat) + .03s) both}
html[data-gk-wave] .glass-kit .gk-free[data-wave-on] .gk-step::after{animation:gk-trail var(--travel) cubic-bezier(.65,0,.35,1) calc(var(--t0) + var(--hold) + var(--i) * var(--beat)) both}
html[data-gk-wave] .glass-kit .gk-free[data-wave-on] .gk-step>.gk-step-k{animation:gk-wake .8s var(--gd-ease) calc(var(--t0) + var(--i) * var(--beat) + .2s) both}
html[data-gk-wave] .glass-kit .gk-free[data-wave-on] .gk-step>strong{animation:gk-wake .8s var(--gd-ease) calc(var(--t0) + var(--i) * var(--beat) + .28s) both}
html[data-gk-wave] .glass-kit .gk-free[data-wave-on] .gk-step>span:last-child{animation:gk-wake .8s var(--gd-ease) calc(var(--t0) + var(--i) * var(--beat) + .36s) both}
/* The glint: slow and wide, after step 4 has settled; two sparkles as the light crosses. */
html[data-gk-wave] .glass-kit .gk-free[data-wave-on] .gk-glint{animation:gk-glint 3.4s cubic-bezier(.42,0,.12,1) calc(var(--t0) + 3 * var(--beat) + .7s) both}
html[data-gk-wave] .glass-kit .gk-free[data-wave-on] .gk-glint::before{animation:gk-sparkle 1.3s cubic-bezier(.3,0,.2,1) calc(var(--t0) + 3 * var(--beat) + 1.55s) both}
html[data-gk-wave] .glass-kit .gk-free[data-wave-on] .gk-glint::after{animation:gk-sparkle 1.2s cubic-bezier(.3,0,.2,1) calc(var(--t0) + 3 * var(--beat) + 2.35s) both}
@keyframes gk-strike{
 0%{color:#4d5468;background-color:#11141c;box-shadow:inset 0 0 0 1px #ffffff12,0 0 0 0 transparent;transform:scale(.92)}
 6%{color:#fff;background-color:var(--hot);box-shadow:inset 0 0 0 1px #ffffffd0,0 0 54px 8px var(--glow);transform:scale(1.06)}
 11%{color:#5b6380;background-color:#151924;box-shadow:inset 0 0 0 1px #ffffff22,0 0 8px -4px var(--glow);transform:scale(1.01)}
 17%{color:#fff;background-color:var(--hot);box-shadow:inset 0 0 0 1px #ffffffb0,0 0 40px 4px var(--glow);transform:scale(1.03)}
 22%{color:#7d86a6;background-color:#171b27;box-shadow:inset 0 0 0 1px var(--ring),0 0 14px -4px var(--glow);transform:scale(1.01)}
 32%{color:#fff;background-color:#252b40;box-shadow:inset 0 0 0 1px #ffffff90,0 0 46px 2px var(--glow);transform:scale(1.02)}
 100%{color:var(--tone);background-color:#1a1f2e;box-shadow:inset 0 0 0 1px var(--ring),0 0 28px -6px var(--glow);transform:scale(1)}
}
@keyframes gk-draw{0%{stroke-dashoffset:1}100%{stroke-dashoffset:0}}
@keyframes gk-wash{0%{opacity:0;--gk-r1:0px;--gk-r2:0px}4%{opacity:1}62%{opacity:.85}100%{opacity:0;--gk-r1:560px;--gk-r2:380px}}
@keyframes gk-rim{0%{--gk-a:120deg;opacity:0}12%{opacity:1}100%{--gk-a:500deg;opacity:0}}
@keyframes gk-trail{0%{transform:scaleX(0)}100%{transform:scaleX(1)}}
@keyframes gk-trail-down{0%{transform:scaleY(0)}100%{transform:scaleY(1)}}
@keyframes gk-wake{0%{opacity:.3;transform:translateY(6px)}100%{opacity:1;transform:none}}
@keyframes gk-glint{
 0%{background-position:100% 0;filter:drop-shadow(0 0 0 #fff0) drop-shadow(0 0 0 #fff0)}
 38%{filter:drop-shadow(0 0 8px #ffffff30) drop-shadow(0 0 1px #ffffff40)}
 62%{filter:drop-shadow(0 0 28px #ffffff70) drop-shadow(0 0 4px #ffffffb0)}
 100%{background-position:0 0;filter:drop-shadow(0 0 0 #fff0) drop-shadow(0 0 0 #fff0)}
}
@keyframes gk-sparkle{0%{opacity:0;transform:scale(0) rotate(-40deg)}38%{opacity:1;transform:scale(1.15) rotate(10deg)}100%{opacity:0;transform:scale(0) rotate(70deg)}}
@media (forced-colors:active){.glass-kit .gk-glint{color:CanvasText!important;background:none!important}.glass-kit .gk-glint::before,.glass-kit .gk-glint::after,.glass-kit .gk-comet,.glass-kit .gk-wash{display:none!important}}

/* The partner exchanges: lower, with room, as the homepage's partner tiles. */
.glass-kit .gk-exchanges{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.25fr);gap:clamp(32px,5vw,88px);align-items:center;margin-top:clamp(80px,9vw,128px);padding-top:clamp(48px,5.5vw,72px);border-top:1px solid #ffffff0f}
.glass-kit .gk-exchanges h3{margin-top:18px;font-size:clamp(28px,2.8vw,40px);line-height:1.04;letter-spacing:-.05em;font-weight:560}
.glass-kit .gk-exchanges h3 span{color:#9aa3c0}
.glass-kit .gk-exchanges-lead{margin-top:14px;font-size:16.5px;line-height:1.5;color:var(--gd-muted);max-width:28em}
.glass-kit .gk-exchanges-actions{margin:26px 0 16px}
.glass-kit .gk-partners{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0;padding:0;list-style:none}
/* Each exchange is a link to its No BS referral page (it opens in a new tab). */
.glass-kit .gk-partner{position:relative;display:flex;flex-direction:column;align-items:center;gap:14px;color:inherit;text-decoration:none;border-radius:20px}
.glass-kit .gk-partner>span:first-child{display:flex;align-items:center;justify-content:center;width:100%;min-height:clamp(96px,8.4vw,124px);padding:18px;border-radius:20px;background:var(--gd-glass);box-shadow:var(--gd-edge),5px 6px 0 -1px #171b25,5px 6px 0 0 #ffffff10;transition:transform .5s var(--gd-ease),box-shadow .5s var(--gd-ease)}
.glass-kit .gk-partner>span.logo-light-plate{background:linear-gradient(150deg,#f1f4f8,#dfe4ec)}
.glass-kit .gk-partner img{width:auto;max-width:100%;max-height:30px;object-fit:contain}
.glass-kit .gk-partner.is-suggested>span:first-child{box-shadow:var(--gd-edge),0 0 0 1px #83cfbf99,0 0 48px -16px #83cfbfaa,5px 6px 0 -1px #171b25,5px 6px 0 0 #83cfbf33}
.glass-kit .gk-partner em{position:absolute;z-index:1;top:-11px;left:50%;transform:translateX(-50%);padding:3px 10px;border-radius:999px;font-style:normal;font-size:11px;font-weight:700;letter-spacing:.06em;color:#10231f;background:var(--gd-jade);white-space:nowrap}
.glass-kit .gk-partner-cta{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;letter-spacing:.02em;color:var(--gd-muted);transition:color .3s var(--gd-ease)}
.glass-kit .gk-partner-cta .icon{width:14px;height:14px}
.glass-kit .gk-partner:hover .gk-partner-cta,.glass-kit .gk-partner:focus-visible .gk-partner-cta{color:var(--gd-lav)}
.glass-kit .gk-partner:hover>span:first-child{box-shadow:var(--gd-edge),0 0 0 1px #bcc5f155,5px 6px 0 -1px #171b25,5px 6px 0 0 #bcc5f133}
.glass-kit .gk-partner:focus-visible{outline:2px solid var(--gd-lav);outline-offset:4px}
@media (hover:hover) and (prefers-reduced-motion:no-preference){.glass-kit .gk-partner:hover>span:first-child{transform:translateY(-4px)}}

/* Inside the community: the Terminal's specimens, for what the community offers, with the tier each starts at. */
.glass-kit .gd-feature .gk-from{display:inline-block;margin-top:30px;padding:4px 10px;border-radius:999px;font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--gd-lav);background:#bcc5f114;box-shadow:inset 0 0 0 1px #bcc5f12e}
.glass-kit .gk-inside .gd-feature h3{margin-top:12px}
.glass-kit .gk-inside .gd-feature p:last-child{max-width:34ch}
.glass-kit .gd-specimen .gk-live-pill{fill:#e39ab21f;stroke:#e39ab255}
.glass-kit .gd-specimen .gk-live-dot{fill:var(--gd-rose)}
.glass-kit .gd-specimen .gk-live-t{font-size:9px;font-weight:700;letter-spacing:.12em;fill:#f3c4d3}
.glass-kit .gd-specimen .gk-up{fill:var(--gd-jade);stroke:var(--gd-jade);stroke-width:1}
.glass-kit .gd-specimen .gk-down{fill:var(--gd-rose);stroke:var(--gd-rose);stroke-width:1}
.glass-kit .gd-specimen .gk-ma{stroke-width:1.3;opacity:.8}
.glass-kit .gd-specimen .gk-head{fill:var(--gd-lav)}
.glass-kit .gd-specimen .gk-avatar{fill:#3a4158}
.glass-kit .gd-specimen .gk-grid{stroke:#ffffff0a}
.glass-kit .gd-specimen .gk-key-jade{stroke:var(--gd-jade)}
.glass-kit .gd-specimen .gk-play{fill:#dfe3ee;opacity:.75}
.glass-kit .gd-specimen .gk-track{fill:#ffffff10}
.glass-kit .gd-specimen .gk-fill-lav{fill:var(--gd-lav)}
.glass-kit .gd-specimen .gk-fill-jade{fill:var(--gd-jade)}
.glass-kit .gd-specimen .gk-fill-rose{fill:var(--gd-rose)}
.glass-kit .gd-specimen .gk-fill-amber{fill:#f2a14a}
.glass-kit .gd-specimen .gk-fill-mute{fill:#6d7588}
.glass-kit .gd-specimen .gk-candles g,.glass-kit .gd-specimen .gk-chat g,.glass-kit .gd-specimen .gk-thumbs g,.glass-kit .gd-specimen .gk-notes g{transform-box:fill-box;transform-origin:50% 100%}
.glass-kit .gd-specimen .gk-grow{transform-box:fill-box;transform-origin:0 50%}
html[data-gd-reveal] .glass-kit .gd-feature:not([data-seen]) .gk-candles g{transform:scaleY(.2);opacity:0}
html[data-gd-reveal] .glass-kit .gd-feature:not([data-seen]) :is(.gk-chat,.gk-notes) g{opacity:0;transform:translateX(10px)}
html[data-gd-reveal] .glass-kit .gd-feature:not([data-seen]) .gk-thumbs g{opacity:0;transform:translateY(8px)}
html[data-gd-reveal] .glass-kit .gd-feature:not([data-seen]) .gk-grow{transform:scaleX(0)}
html[data-gd-reveal] .glass-kit .gd-feature:not([data-seen]) .gk-area{opacity:0}
html[data-gd-reveal] .glass-kit .gd-feature :is(.gk-candles g,.gk-chat g,.gk-notes g,.gk-thumbs g,.gk-grow){transition:transform .8s var(--gd-ease),opacity .6s var(--gd-ease);transition-delay:calc(.35s + var(--i, 0) * .06s)}
html[data-gd-reveal] .glass-kit .gd-feature :is(.gk-chat g,.gk-notes g){transition-delay:calc(.9s + var(--i) * .2s)}
html[data-gd-reveal] .glass-kit .gd-feature .gk-thumbs g{transition-delay:calc(1.1s + var(--i) * .1s)}
html[data-gd-reveal] .glass-kit .gd-feature .gk-holdings .gk-grow{transition-delay:calc(.5s + var(--i) * .12s)}
html[data-gd-reveal] .glass-kit .gd-feature .gk-area{transition:opacity 1.2s var(--gd-ease) 1.2s}
@media (prefers-reduced-motion:no-preference){.glass-kit .gd-specimen .gk-live-dot{animation:gk-pulse 1.6s ease-in-out infinite}}
@keyframes gk-pulse{0%,100%{opacity:1}50%{opacity:.35}}

/* Community memberships. */
.glass-kit .gk-tier-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:0;padding:0;list-style:none}
.glass-kit .gk-tier{display:flex;flex-direction:column;align-items:flex-start;gap:14px;padding:28px 24px;border-radius:26px;background:var(--gd-glass);box-shadow:var(--gd-edge),var(--gd-stack),0 40px 60px -46px #000}
.glass-kit .gk-tier .gd-price strong{font-size:clamp(40px,3.6vw,54px)}
.glass-kit .gk-tier .gd-price span{font-size:13px}
.glass-kit .gk-tier .gd-plan-list{flex:1;align-content:start}
.glass-kit .gk-tier .gd-plan-list li.gk-plus{padding-left:0;font-size:13px;letter-spacing:.04em;color:#aeb6d6}
.glass-kit .gk-tier .gd-plan-list li.gk-plus::before{display:none}
.glass-kit .gk-tier .gd-plan-list li{font-size:15px}
.glass-kit .gk-tier-discount{font-size:14px;color:#c9cfdc}
.glass-kit .gk-tier-discount b{color:var(--gd-jade);font-weight:600}
.glass-kit .gk-tier .button{width:100%;min-width:0}
.glass-kit .gk-tier-strategic{background:linear-gradient(150deg,#3a4262 0%,#1e2336 48%,#2a3050 100%);box-shadow:inset 0 1px 0 #ffffff55,inset 0 0 0 1px #bcc5f133,10px 11px 0 -1px #1a1e2e,10px 11px 0 0 #bcc5f12e,0 0 90px -34px #bcc5f155}
html[data-gd-reveal] .glass-kit .gk-tier:not([data-seen]){transform:translateY(22px);opacity:.25}
html[data-gd-reveal] .glass-kit .gk-tier{transition:transform .9s var(--gd-ease),opacity .7s var(--gd-ease)}
html[data-gd-reveal] .glass-kit .gk-tier:nth-child(2){transition-delay:.08s}
html[data-gd-reveal] .glass-kit .gk-tier:nth-child(3){transition-delay:.16s}
html[data-gd-reveal] .glass-kit .gk-tier:nth-child(4){transition-delay:.24s}

@media (max-width:1100px){
 .glass-kit .gk-tier-grid{grid-template-columns:1fr 1fr}
 .glass-kit .gk-exchanges{grid-template-columns:1fr;align-items:start;row-gap:0}
 /* One column: the exchanges come straight after the heading, before the UID step. */
 .glass-kit .gk-exchanges-copy{display:contents}
 .glass-kit .gk-exchanges .gd-eyebrow{order:1}
 .glass-kit .gk-exchanges h3{order:2}
 .glass-kit .gk-exchanges-lead{order:3}
 .glass-kit .gk-partners{order:4;margin-top:34px}
 .glass-kit .gk-exchanges-actions{order:5;margin-top:34px}
 .glass-kit .gk-exchanges .gk-small{order:6}
}
/* Below 900px the steps stack, and the rail runs down the keys. */
@media (max-width:899px){
 .glass-kit .gk-free{--kx:40px;--ky:38px}
 .glass-kit .gk-steps{grid-template-columns:1fr;gap:10px}
 .glass-kit .gk-step{display:grid;grid-template-columns:auto 1fr;column-gap:16px;row-gap:2px;align-items:start;padding:16px 18px;border-radius:20px}
 .glass-kit .gk-key{grid-row:span 3;width:44px;height:44px;border-radius:14px}
 .glass-kit .gk-key svg{width:21px;height:21px}
 .glass-kit .gk-step-k{margin-top:1px}
 .glass-kit .gk-step:not(:last-child)::before,.glass-kit .gk-step:not(:last-child)::after{width:1px;height:calc(100% + 10px)}
 .glass-kit .gk-step:not(:last-child)::after{width:2px;margin:0 0 0 -.5px;transform-origin:50% 0;background:linear-gradient(180deg,#bcc5f170,#c9d0f6)}
 .glass-kit .gk-step:nth-last-child(2)::after{background:linear-gradient(180deg,#bcc5f170,#9fd8cc)}
 html[data-gk-wave] .glass-kit .gk-free:not([data-wave-on]) .gk-step::after{transform:scaleY(0)}
 html[data-gk-wave] .glass-kit .gk-free[data-wave-on] .gk-step::after{animation-name:gk-trail-down}
 .glass-kit .gk-step strong{font-size:16.5px}
 .glass-kit .gk-step>span:last-child{font-size:13.5px}
}
@media (max-width:620px){
 .glass-kit .gk-tier-grid,.glass-kit .gk-partners{grid-template-columns:1fr}
 .glass-kit .gk-actions .button{width:100%}
 .glass-kit .gk-exchanges{margin-top:64px;padding-top:44px}
 .glass-kit .gk-partner{flex-direction:row;justify-content:space-between;gap:14px}
 .glass-kit .gk-partner>span:first-child{flex:1;min-height:68px;padding:12px 16px}
 .glass-kit .gk-partner img{max-height:24px}
 .glass-kit .gk-partner em{top:-9px;left:24px;transform:none}
 .glass-kit .gk-partner-cta{flex:none}
}