.fg-btn{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:var(--radius-pill);cursor:pointer;font:var(--weight-emphasis) var(--button-size)/var(--button-lh) var(--font-sans);letter-spacing:var(--button-ls);transition:transform .12s ease,background .12s ease,opacity .12s ease;text-decoration:none;white-space:nowrap}
.fg-btn:active{transform:scale(.97)}.fg-btn:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}
.fg-btn[disabled]{opacity:.4;cursor:not-allowed;transform:none}
.fg-btn--primary{background:var(--action-primary-bg);color:var(--action-primary-fg);padding:10px 20px}.fg-btn--primary:hover{opacity:.86}
.fg-btn--secondary{background:var(--action-secondary-bg);color:var(--action-secondary-fg);padding:8px 18px 10px}.fg-btn--secondary:hover{background:var(--color-surface-soft)}
.fg-btn--tertiary{background:transparent;color:var(--color-ink);padding:8px 12px;border-radius:var(--radius-full);font-size:var(--body-lg-size)}.fg-btn--tertiary:hover{background:var(--color-surface-soft)}
.fg-btn--magenta{background:var(--action-promo-bg);color:#fff;padding:10px 18px}.fg-btn--magenta:hover{opacity:.9}
.fg-iconbtn{box-sizing:border-box;width:var(--icon-button-size);height:var(--icon-button-size);border:0;border-radius:var(--radius-full);background:var(--color-surface-soft);color:var(--color-ink);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font:var(--weight-emphasis) 18px/1 var(--font-sans);transition:transform .12s,opacity .12s}
.fg-iconbtn:hover{opacity:.78}.fg-iconbtn:active{transform:scale(.94)}.fg-iconbtn:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}
.fg-iconbtn--inverse{background:var(--color-on-inverse-soft);color:var(--color-inverse-ink)}.fg-iconbtn--inverse:focus-visible{outline-color:#fff}
.fg-field{display:flex;flex-direction:column;gap:8px;font:var(--weight-body) var(--body-sm-size)/var(--body-sm-lh) var(--font-sans)}
.fg-field__label{font-weight:var(--weight-emphasis)}
.fg-input{box-sizing:border-box;width:100%;min-height:48px;padding:12px 14px;background:var(--color-canvas);color:var(--color-ink);border:1px solid var(--color-hairline);border-radius:var(--radius-md);font:var(--weight-body-light) var(--body-size)/var(--body-lh) var(--font-sans);letter-spacing:var(--body-ls);outline:0;resize:vertical}
.fg-input::placeholder{color:#767676}.fg-input:focus{border-color:var(--color-ink);box-shadow:0 0 0 2px var(--color-ink)}
.fg-tabs{display:inline-flex;gap:8px;flex-wrap:wrap}
.fg-tab{border:0;cursor:pointer;padding:8px 18px;border-radius:var(--radius-pill);background:var(--color-canvas);color:var(--color-ink);font:var(--weight-emphasis) var(--button-size)/var(--button-lh) var(--font-sans);letter-spacing:var(--button-ls);transition:transform .12s}
.fg-tab:hover{background:var(--color-surface-soft)}.fg-tab:active{transform:scale(.97)}
.fg-tab[aria-selected=true]{background:var(--color-primary);color:var(--color-on-primary)}
.fg-nav{box-sizing:border-box;height:var(--nav-height);background:var(--color-canvas);display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 32px;font:var(--weight-body) var(--body-sm-size)/var(--body-sm-lh) var(--font-sans)}
.fg-nav__left,.fg-nav__right,.fg-nav__links{display:flex;align-items:center;gap:8px}.fg-nav__left{gap:24px}
.fg-wordmark{font:var(--weight-bold) 22px/1 var(--font-sans);letter-spacing:-.6px;color:inherit;cursor:pointer;background:none;border:0;padding:0}
.fg-nav__link{background:none;border:0;cursor:pointer;padding:8px 12px;border-radius:var(--radius-full);font:var(--weight-emphasis) var(--body-sm-size)/1.4 var(--font-sans);color:var(--color-ink);letter-spacing:-.1px}
.fg-nav__link:hover,.fg-nav__link[aria-current=page]{background:var(--color-surface-soft)}
.fg-nav .fg-btn{font-size:16px}
.fg-marquee{box-sizing:border-box;height:var(--marquee-height);background:var(--color-inverse-canvas);color:var(--color-inverse-ink);overflow:hidden;display:flex;align-items:center;font:var(--weight-body) var(--body-sm-size)/1 var(--font-sans)}
.fg-marquee__track{display:flex;gap:56px;padding-right:56px;white-space:nowrap;animation:fg-marquee 40s linear infinite}
@keyframes fg-marquee{to{transform:translateX(-50%)}}
.fg-block{box-sizing:border-box;border-radius:var(--radius-lg);padding:var(--space-xxl);color:var(--color-ink);font:var(--weight-display) var(--headline-size)/var(--headline-lh) var(--font-sans);letter-spacing:var(--headline-ls)}
.fg-block--lime{background:var(--color-block-lime)}.fg-block--lilac{background:var(--color-block-lilac)}.fg-block--cream{background:var(--color-block-cream)}.fg-block--pink{background:var(--color-block-pink)}.fg-block--mint{background:var(--color-block-mint)}.fg-block--coral{background:var(--color-block-coral)}.fg-block--navy{background:var(--color-block-navy);color:var(--color-inverse-ink)}
.fg-pricing{box-sizing:border-box;background:var(--color-canvas);border:1px solid var(--color-hairline);border-radius:var(--radius-lg);padding:var(--space-lg);display:flex;flex-direction:column;gap:16px;font:var(--weight-body-light) var(--body-size)/var(--body-lh) var(--font-sans);letter-spacing:var(--body-ls)}
.fg-pricing__title{font:var(--weight-bold) var(--card-title-size)/var(--card-title-lh) var(--font-sans);margin:0}
.fg-pricing__desc{margin:0}
.fg-pricing__features{list-style:none;margin:0;padding:8px 0 0;display:flex;flex-direction:column}
.fg-pricing__features li{display:flex;align-items:center;gap:10px;padding:10px 0;border-top:1px solid var(--color-hairline-soft);font:var(--weight-body) var(--body-sm-size)/var(--body-sm-lh) var(--font-sans);letter-spacing:var(--body-sm-ls)}
.fg-template{box-sizing:border-box;background:var(--color-surface-soft);border-radius:var(--radius-md);padding:var(--space-md);display:flex;flex-direction:column;gap:12px;cursor:pointer;transition:box-shadow .15s,transform .15s;font:var(--weight-body) var(--body-sm-size)/var(--body-sm-lh) var(--font-sans);letter-spacing:var(--body-sm-ls)}
.fg-template:hover{box-shadow:var(--shadow-2);transform:translateY(-2px)}
.fg-template__title{font-weight:var(--weight-emphasis)}
.fg-tile{box-sizing:border-box;background:var(--color-surface-soft);border-radius:var(--radius-md);padding:var(--space-lg);display:flex;flex-direction:column;gap:16px}
.fg-promo{box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:16px;background:var(--color-block-lilac);color:var(--color-ink);border-radius:var(--radius-md);padding:16px 24px;font:var(--weight-body) var(--body-sm-size)/var(--body-sm-lh) var(--font-sans);letter-spacing:var(--body-sm-ls)}
.fg-check{display:inline-flex;align-items:center;justify-content:center;flex:none;width:16px;height:16px;border-radius:var(--radius-full);color:var(--color-success);font:700 14px/1 var(--font-sans)}
.fg-footer{box-sizing:border-box;background:var(--color-canvas);color:var(--color-ink);padding:64px 32px}
.fg-footer__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:32px;margin-top:48px}
.fg-footer__head{font:400 var(--caption-size)/var(--caption-lh) var(--font-mono);letter-spacing:var(--caption-ls);text-transform:uppercase;margin:0 0 16px}
.fg-footer__col a{display:block;padding:5px 0;text-decoration:none;font:var(--weight-body) var(--body-sm-size)/var(--body-sm-lh) var(--font-sans);letter-spacing:var(--body-sm-ls)}
.fg-footer__col a:hover{text-decoration:underline}
.fg-footer .fg-wordmark{font-size:56px;letter-spacing:-1.7px;font-weight:var(--weight-display)}
