/* Getting started */
.gshero{padding-block:72px 76px}
.gmint{background:linear-gradient(90deg,#2BD9A0,#8FF0CF);-webkit-background-clip:text;background-clip:text;color:transparent}
.gmeter{margin-top:22px;max-width:640px;display:flex;flex-direction:column;gap:12px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:18px 20px}
.gmrow{display:grid;grid-template-columns:80px 1fr auto;gap:14px;align-items:center;font-size:14px}
.gmk{color:#B9B7DC;font-weight:600}.gmrow b{color:#FFF;font-size:14px;white-space:nowrap}
.gmbar{height:14px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden}
.gmbar i{display:block;height:100%;border-radius:999px;animation:grow 1.2s cubic-bezier(.2,.8,.2,1) both}
.gm-you{width:9%;background:#2BD9A0}.gm-us{width:100%;background:linear-gradient(90deg,#3F37C9,#6C63FF);animation-delay:.2s!important}
@keyframes grow{from{width:0}}
.gbadges{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:8px;font-size:15px;color:#DCDAF5;font-weight:500}
.gbadges span{display:inline-flex;align-items:center;gap:8px}

.gplan{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:18px;position:relative}
.gplan::before{content:"";position:absolute;left:25px;top:30px;bottom:30px;width:2px;background:linear-gradient(180deg,#3F37C9,#6C63FF 60%,#2BD9A0)}
.gph{display:flex;gap:22px;align-items:flex-start;position:relative}
.gnode{flex-shrink:0;width:52px;height:52px;border-radius:50%;background:#FFF;border:2px solid #3F37C9;color:#3F37C9;display:flex;align-items:center;justify-content:center;position:relative;z-index:1}
.gph:last-child .gnode{background:#2BD9A0;border-color:#2BD9A0;color:#0B0A24}
.gcard{flex:1;min-width:0;border:1px solid var(--line);border-radius:22px;padding:22px 24px;display:flex;flex-direction:column;gap:12px;transition:box-shadow .2s,transform .2s;background:#FFF}
.gcard:hover{box-shadow:0 18px 40px rgba(15,13,46,.08);transform:translateY(-2px)}
.gtop{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px}
.gwhen{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--indigo)}
.gyt{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:#0B5E44;background:#E6FBF4;padding:4px 10px;border-radius:999px}
.gcard h3{margin:0;font-size:21px;letter-spacing:-.01em}
.gsplit{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:12px}
.gyou,.gwe{border-radius:14px;padding:14px 16px}
.gyou{background:var(--wash)}.gwe{background:#EEEDFB}
.glab{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:700;letter-spacing:.12em;color:var(--soft);margin-bottom:4px}
.gwe .glab{color:#3F37C9}.gwe .glab svg circle{stroke:#3F37C9}
.gsplit p{margin:0;font-size:15px;line-height:1.55;color:var(--ink)}

.gtwo{flex-direction:row!important;flex-wrap:wrap;gap:40px;align-items:flex-start}
.gtwo .bh{flex:1 1 340px;position:sticky;top:96px}
.gprog{display:flex;align-items:center;gap:12px;margin-top:6px}
.gpbar{flex:1;height:10px;border-radius:999px;background:var(--line);overflow:hidden}
.gpbar i{display:block;height:100%;width:0;background:linear-gradient(90deg,#3F37C9,#2BD9A0);transition:width .35s ease}
#gptext{font-size:14px;font-weight:700;color:var(--ink);white-space:nowrap;font-variant-numeric:tabular-nums}
.gcl{flex:1.3 1 420px;min-width:0;list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:12px}
.gcl label{display:flex;gap:12px;align-items:flex-start;border:1px solid var(--line);border-radius:16px;padding:16px;cursor:pointer;transition:border-color .15s,background .15s;min-height:44px}
.gcl label:hover{border-color:#B9B6E8}
.gck{position:absolute;opacity:0;width:1px;height:1px}
.gbox{width:24px;height:24px;flex-shrink:0;border-radius:7px;border:2px solid #CFCDE3;display:flex;align-items:center;justify-content:center;transition:background .15s,border-color .15s}
.gbox svg{opacity:0;transition:opacity .15s}
.gck:checked+.gbox{background:#2BD9A0;border-color:#2BD9A0}.gck:checked+.gbox svg{opacity:1}
.gck:focus-visible+.gbox{outline:3px solid #2BD9A0;outline-offset:2px}
.gcl label:has(.gck:checked){background:#F2FCF8;border-color:#9EEBCF}
.gcl b{display:block;font-size:16px}.gcl em{display:block;font-style:normal;font-size:14px;line-height:1.5;color:var(--muted);margin-top:2px}

.gfwd{display:flex;flex-wrap:wrap;gap:28px;align-items:stretch}
.gfwdviz{flex:1 1 360px;min-width:0;background:var(--night);border-radius:24px;padding:26px;display:flex;flex-direction:column;align-items:stretch}
.gfn{display:flex;align-items:center;gap:12px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:14px 16px;color:#FFF}
.gfn span{width:40px;height:40px;border-radius:12px;background:rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.gfn b{font-size:16px}.gfn em{margin-left:auto;font-style:normal;font-size:13px;color:#A9A7D4;white-space:nowrap}
.gfn.m{background:linear-gradient(160deg,#3F37C9,#2A23A6);border-color:#5B54E0}.gfn.m span{background:rgba(255,255,255,.16)}
.gfa{width:2px;height:22px;margin:0 auto;background:repeating-linear-gradient(180deg,#2BD9A0 0 5px,transparent 5px 9px)}
.gcars{flex:1 1 360px;min-width:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:12px;align-content:start}
.gcar{border:1px solid var(--line);border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:6px}
.gcar b{font-size:16px}.gcar span{font-size:14px;line-height:1.55;color:var(--muted)}
.gcar code{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:13px;background:#EEEDFB;color:#2A23A6;padding:1px 6px;border-radius:6px}
.gnote{grid-column:1/-1;margin:0;font-size:13px;color:var(--soft)}

.gcontact{display:flex;flex-wrap:wrap;gap:24px;align-items:center;border:1px solid var(--line);border-radius:24px;padding:28px;background:linear-gradient(135deg,#FFFFFF,#F7F7FC)}
.gav{width:84px;height:84px;border-radius:50%;background:linear-gradient(135deg,#3F37C9,#6C63FF);color:#FFF;font-weight:700;font-size:28px;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 6px #EEEDFB}
.gcontact>div:last-child{flex:1 1 320px;min-width:0;display:flex;flex-direction:column;gap:6px}
.gcontact h3{margin:0;font-size:24px}.gcontact p{margin:0;font-size:16px;line-height:1.6;color:var(--muted)}
.gcontact a{font-weight:700;font-size:16px}
@media (max-width:640px){.gplan::before{left:21px}.gnode{width:44px;height:44px}.gph{gap:14px}.gtwo .bh{position:static}.gmrow{grid-template-columns:70px 1fr}.gmrow b{grid-column:2}}
@media (prefers-reduced-motion:reduce){.gmbar i{animation:none}}
