.gof{--gof-tint:#f3f0fa;--gof-soft:#8a8496;--gof-shadow:0 1px 2px #1a16250a, 0 18px 40px -26px #1a162538;--gof-shadow-lg:0 1px 2px #1a16250d, 0 34px 70px -34px #1a16254d;background:var(--color-background);color:var(--color-foreground)}.gof-shortcuts{max-width:72rem;margin:0 auto;padding:0 1rem}.gof-head{text-align:center;max-width:40rem;margin:0 auto clamp(2rem,1.5rem + 2vw,3rem)}.gof-h2{font-family:var(--font-display);letter-spacing:-.03em;text-wrap:balance;font-size:clamp(1.9rem,1.5rem + 1.6vw,2.6rem);font-weight:800;line-height:1.12}.gof-sub{color:var(--color-muted);text-wrap:pretty;margin-top:.85rem;font-size:clamp(1rem,.95rem + .25vw,1.1rem);line-height:1.55}.gof-grid{gap:.85rem;display:grid}@media (min-width:640px){.gof-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.gof-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}}.gof-grid li{display:flex}.gof-card{border:1px solid var(--color-surface-border);background:var(--color-surface);width:100%;box-shadow:var(--gof-shadow);border-radius:18px;align-items:flex-start;gap:1rem;padding:1.25rem;transition:transform .2s,border-color .2s;display:flex}.gof-card:hover{border-color:color-mix(in srgb, var(--color-primary) 45%, transparent);transform:translateY(-2px)}.gof-card:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.gof-icon{background:var(--gof-tint);border-radius:14px;flex:none;place-items:center;width:56px;height:56px;transition:transform .2s;display:grid}.gof-icon img{object-fit:contain;width:40px;height:40px}.gof-card:hover .gof-icon{transform:scale(1.05)}.gof-name{font-family:var(--font-display);align-items:center;gap:.4rem;font-size:16px;font-weight:700;display:flex}.gof-arrow{color:var(--gof-soft);transition:transform .2s}.gof-card:hover .gof-arrow{color:var(--color-primary);transform:translate(3px)}.gof-desc{color:var(--color-muted);margin-top:.25rem;font-size:14.5px;line-height:1.5;display:block}.gof-box-wrap{padding:clamp(4rem,3rem + 4vw,6.5rem) 1rem clamp(5rem,4rem + 4vw,7.5rem)}.gof-box{border:1px solid var(--color-surface-border);background:radial-gradient(ellipse 60% 50% at 50% 0%, #6b4ed414, transparent 70%), var(--color-surface);max-width:56rem;box-shadow:var(--gof-shadow-lg);text-align:center;border-radius:28px;flex-direction:column;align-items:center;margin:0 auto;padding:clamp(2.25rem,1.5rem + 3vw,4rem) clamp(1.25rem,.5rem + 3vw,3.5rem);display:flex;position:relative;overflow:hidden}.gof-box-title{max-width:40rem;font-family:var(--font-display);letter-spacing:-.03em;text-wrap:balance;font-size:clamp(1.9rem,1.4rem + 2vw,3rem);font-weight:800;line-height:1.1}.gof-box .gof-sub{max-width:36rem}.gof-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;width:100%;max-width:40rem;margin:2rem 0 .25rem;display:grid}.gof-step{flex-direction:column;align-items:center;gap:.45rem;display:flex;position:relative}.gof-step+.gof-step:before{content:"";border-top:2px dashed color-mix(in srgb, var(--color-primary) 35%, transparent);position:absolute;top:30px;left:calc(38px - 50%);right:calc(50% + 38px)}.gof-step-icon{border:1px solid var(--color-surface-border);background:var(--gof-tint);border-radius:16px;place-items:center;width:60px;height:60px;display:grid}.gof-step-icon img{object-fit:contain;width:40px;height:40px}.gof-step-num{color:var(--color-primary);font-size:11.5px;font-weight:800}.gof-step-label{font-family:var(--font-display);text-wrap:balance;font-size:14px;font-weight:700;line-height:1.3}.gof-box .hcc{margin-top:1.75rem}