body {
  background: var(--sf-color-neutral-50);
  color: var(--sf-color-neutral-950);
}
.header { background: var(--sf-color-neutral-50); }
.navigation { min-height: 88px; }
.hero { padding-block: 90px; }
.hero h1 { letter-spacing: -.065em; }
.hero h1 > span { color: var(--sf-color-primary-600); }
.hero-showcase {
  background: var(--sf-color-neutral-0);
  border-color: var(--sf-color-neutral-200);
  box-shadow: 0 8px 12px -8px color-mix(in srgb, var(--sf-color-neutral-950) 20%, transparent), 0 30px 70px -30px color-mix(in srgb, var(--sf-color-primary-900) 20%, transparent);
}
.use-art { background: var(--sf-color-neutral-100); border-color: var(--sf-color-neutral-200); }
.quality-section { background: var(--sf-color-neutral-0); }
.code-panel { background: var(--sf-color-neutral-0); border-color: var(--sf-color-neutral-200); color: var(--sf-color-neutral-900); }
.code-toolbar { background: var(--sf-color-neutral-50); border-color: var(--sf-color-neutral-200); }
.code-toolbar button { color: var(--sf-color-neutral-700); }
.code-toolbar button[aria-selected=true], .code-toolbar #copy-code, #copy-status { color: var(--sf-color-primary-700); }
.code-route, .code-note, .code-help { color: var(--sf-color-neutral-700); border-color: var(--sf-color-neutral-200); }
.code-route span { color: var(--sf-color-primary-700); background: var(--sf-color-primary-50); }
.code-panel pre { color: var(--sf-color-neutral-900); }
.code-help { color: var(--sf-color-primary-700); }
.pricing-section {
  padding-block: 72px 64px;
  background: var(--sf-color-neutral-100);
  border-color: var(--sf-color-neutral-200);
}
.pricing-section > .wrap { max-width: 1100px; }
.pricing-header { display: flex; justify-content: space-between; align-items: flex-end; gap: 32px; }
.center-heading { text-align: left; }
.center-heading .eyebrow { justify-content: flex-start; font-size: 10px; letter-spacing: .08em; margin-bottom: 14px; }
.center-heading h2 { font-size: clamp(32px, 3.3vw, 44px); font-weight: 570; letter-spacing: -.055em; line-height: 1.08; }
.center-heading > p:last-child { font-size: 13px; line-height: 1.8; margin: 14px 0 0; }
.pricing-choice { position: relative; flex-shrink: 0; padding-top: 45px; padding-bottom: 4px; }
.pricing-annotation { position: absolute; right: 3px; top: 0; color: var(--sf-color-primary-700); font: italic 16px/1.2 Georgia, serif; transform: rotate(-6deg); }
.pricing-annotation svg { display: block; width: 50px; height: 27px; margin: 2px 9px -7px auto; fill: none; stroke: currentColor; stroke-width: 1.4; stroke-linecap: round; stroke-linejoin: round; }
.pricing-switch {
  border-radius: var(--sf-radius-pill);
  background: var(--sf-color-neutral-0);
  border-color: var(--sf-color-neutral-200);
  padding: 5px;
  margin: 0;
}
.pricing-switch button { min-height: 44px; border-radius: var(--sf-radius-pill); font-size: 12px; padding-inline: 19px; }
.pricing-switch button[aria-pressed=true] { background: var(--sf-color-primary-600); border-color: var(--sf-color-primary-600); color: var(--sf-color-neutral-0); }
.pricing-switch button > span { border-radius: var(--sf-radius-pill); background: var(--sf-color-neutral-0); color: var(--sf-color-primary-700); }
.pricing-mode-note { min-height: 36px; text-align: left; padding-top: 14px; margin-top: 0; font-size: 11px; }
.plans { gap: 24px; margin-top: 22px; align-items: stretch; }
.plan {
  padding: 25px 26px 20px;
  border-radius: 9px;
  background: linear-gradient(155deg, var(--sf-color-neutral-0), var(--sf-color-neutral-50));
  border: 1px solid var(--sf-color-neutral-200);
  box-shadow: 0 3px 5px color-mix(in srgb, var(--sf-color-neutral-950) 4%, transparent), 0 18px 28px -14px color-mix(in srgb, var(--sf-color-neutral-950) 16%, transparent);
}
.ticket-heading { display: flex; align-items: center; justify-content: space-between; gap: 8px; min-height: 30px; }
.plan h3 { font-size: 23px; font-weight: 580; letter-spacing: -.7px; }
.plan-label { color: var(--sf-color-neutral-700); font-size: 11px; margin: 5px 0 0; min-height: 20px; }
.plan-badge { position: static; padding: 4px 7px; font-size: 8px; border-radius: 4px; background: var(--sf-color-primary-50); color: var(--sf-color-primary-800); white-space: nowrap; }
.plan .price { display: flex; align-items: center; gap: 8px; font-size: 48px; letter-spacing: -2.8px; font-weight: 580; line-height: 1; margin-top: 22px; }
.price span { font-size: 10px; line-height: 1.6; letter-spacing: 0; color: var(--sf-color-neutral-700); }
.price-region { position: relative; height: 151px; }
.billing-note { position: absolute; bottom: 17px; font-size: 10px; line-height: 1.5; color: var(--sf-color-neutral-700); }
.price-sticker { position: relative; width: 192px; max-width: calc(100% - 8px); margin-top: 12px; color: var(--sf-color-primary-950); background: var(--sf-color-primary-100); border: 1px solid var(--sf-color-primary-200); border-radius: 5px; box-shadow: 2px 5px 8px color-mix(in srgb, var(--sf-color-primary-950) 20%, transparent); transform: rotate(-2deg); transition: transform .25s ease, box-shadow .25s ease; }
.price-sticker summary { position: relative; padding: 9px 12px; list-style: none; cursor: pointer; }
.price-sticker summary::-webkit-details-marker { display: none; }
.sticker-caption { display: block; font: 7px/1.5 GeistMono, monospace; letter-spacing: .11em; color: var(--sf-color-primary-800); }
.price-sticker .price { font-size: 43px; margin-top: 4px; }
.price-sticker .price span { color: var(--sf-color-primary-950); font-size: 9px; }
.sticker-hint { display: flex; gap: 5px; align-items: center; margin-top: 6px; font-size: 8px; letter-spacing: 0; color: var(--sf-color-primary-800); }
.sticker-hint .icon { width: 10px; height: 10px; }
.price-sticker summary::after { content: ""; position: absolute; right: -1px; top: -1px; width: 19px; height: 19px; border-radius: 0 4px 0 4px; background: linear-gradient(45deg, var(--sf-color-primary-200) 48%, var(--sf-color-primary-50) 50%); box-shadow: -2px 2px 3px color-mix(in srgb, var(--sf-color-primary-950) 12%, transparent); transition: width .25s ease, height .25s ease; }
.price-sticker:hover summary::after, .price-sticker:focus-within summary::after, .price-sticker[open] summary::after { width: 30px; height: 30px; }
.price-sticker[open] { transform: rotate(0); z-index: 2; }
.sticker-breakdown { position: absolute; left: -1px; right: -1px; top: 100%; padding: 8px 10px; border: 1px solid var(--sf-color-primary-200); border-top: 1px dashed var(--sf-color-primary-300); background: var(--sf-color-primary-50); color: var(--sf-color-primary-950); font: 9px/1.6 GeistMono, monospace; box-shadow: 0 5px 8px color-mix(in srgb, var(--sf-color-primary-950) 15%, transparent); }
.plan-description { font-size: 12px; line-height: 1.7; min-height: 62px; margin: 16px 0 20px; color: var(--sf-color-neutral-700); }
.plan .button { min-height: 46px; font-size: 12px; border-radius: 6px; }
.plan .secondary { background: var(--sf-color-neutral-0); border-color: var(--sf-color-primary-200); color: var(--sf-color-primary-700); }
.plan .secondary:hover { background: var(--sf-color-primary-50); border-color: var(--sf-color-primary-600); }
.ticket-perforation { position: relative; border-top: 1px dashed var(--sf-color-neutral-300); margin: 23px -26px 21px; }
.ticket-perforation::before, .ticket-perforation::after {
  content: "";
  position: absolute;
  width: 14px;
  height: 14px;
  top: -7px;
  border-radius: 50%;
  background: var(--sf-color-neutral-100);
  border: 1px solid var(--sf-color-neutral-200);
}
.ticket-perforation::before { left: -8px; border-left-color: transparent; border-top-color: transparent; transform: rotate(-45deg); }
.ticket-perforation::after { right: -8px; border-right-color: transparent; border-bottom-color: transparent; transform: rotate(-45deg); }
.plan .allowance { margin-top: 0; font-size: 15px; letter-spacing: -.3px; }
.plan .capacity { font-size: 11px; color: var(--sf-color-neutral-700); margin-top: 4px; }
.plan ul { border: 0; margin: 22px 0 30px; padding: 0; font-size: 12px; line-height: 1.7; color: var(--sf-color-neutral-800); }
.plan li + li { margin-top: 12px; }
.ticket-footer { display: flex; align-items: end; justify-content: space-between; gap: 10px; margin-top: auto; }
.ticket-footer > span:first-child { font: 8px/1.5 GeistMono, monospace; letter-spacing: .1em; color: var(--sf-color-neutral-700); }
.ticket-barcode {
  width: 68px;
  height: 23px;
  opacity: .6;
  background: repeating-linear-gradient(90deg, currentColor 0 1px, transparent 1px 3px, currentColor 3px 5px, transparent 5px 6px, currentColor 6px 7px, transparent 7px 10px, currentColor 10px 13px, transparent 13px 15px);
}
.plan.recommended {
  color: var(--sf-color-neutral-0);
  background: linear-gradient(150deg, var(--sf-color-primary-500), var(--sf-color-primary-600) 60%, var(--sf-color-primary-700));
  border-color: var(--sf-color-primary-600);
  box-shadow: 0 4px 6px color-mix(in srgb, var(--sf-color-primary-950) 12%, transparent), 0 22px 35px -16px color-mix(in srgb, var(--sf-color-primary-600) 45%, transparent);
}
.recommended .plan-label, .recommended .price span, .recommended .plan-description, .recommended .capacity, .recommended ul, .recommended .ticket-footer > span:first-child { color: var(--sf-color-neutral-0); }
.recommended .billing-note { color: var(--sf-color-neutral-0); }
.recommended .price-sticker .price span { color: var(--sf-color-primary-950); }
.recommended ul li .icon { color: var(--sf-color-neutral-0); }
.recommended .button.primary { background: var(--sf-color-neutral-0); color: var(--sf-color-primary-700); box-shadow: 0 2px 4px color-mix(in srgb, var(--sf-color-primary-950) 18%, transparent); }
.recommended .button.primary:hover { background: var(--sf-color-primary-50); }
.recommended .ticket-perforation { border-color: var(--sf-color-primary-300); }
.recommended .ticket-perforation::before, .recommended .ticket-perforation::after { border-color: var(--sf-color-primary-600); }
.recommended .ticket-perforation::before { border-left-color: transparent; border-top-color: transparent; }
.recommended .ticket-perforation::after { border-right-color: transparent; border-bottom-color: transparent; }
.recommended .button:focus-visible { outline-color: var(--sf-color-neutral-0); }
.free-plan { border-color: var(--sf-color-neutral-300); box-shadow: 0 4px 8px color-mix(in srgb, var(--sf-color-neutral-950) 3%, transparent); }
.pricing-fine { font-size: 11px; }
.faq-group { background: var(--sf-color-neutral-0); }
.footer { background: var(--sf-color-neutral-100); color: var(--sf-color-neutral-950); border-top: 1px solid var(--sf-color-neutral-200); }
.footer-invitation, .footer-bottom, .footer-access, .footer-access > span { border-color: var(--sf-color-neutral-300); }
.footer .brand-dot, .footer-invitation .eyebrow, .footer-invitation h2 span, .footer-access { color: var(--sf-color-primary-700); }
.footer-brand > p, .footer nav, .footer-invitation p:last-child, .footer-access > span, .footer-bottom, .footer-bottom > a { color: var(--sf-color-neutral-700); }
.footer nav h3 { color: var(--sf-color-neutral-950); }
.footer a:not(.button):hover { color: var(--sf-color-primary-700); }
@media (prefers-reduced-motion: no-preference) {
  .plans:not([hidden]) { animation: tickets-arrive .35s ease both; }
  @keyframes tickets-arrive { from { opacity: 0; transform: translateY(7px); } to { opacity: 1; transform: translateY(0); } }
}
@media (max-width: 1000px) {
  .plan { padding-inline: 20px; }
  .ticket-perforation { margin-inline: -20px; }
  .ticket-heading { align-items: flex-start; flex-direction: column; min-height: 60px; gap: 6px; }
  .plan-description { min-height: 83px; }
  .plans { gap: 18px; }
}
@media (max-width: 850px) {
  .hero { padding-block: 54px; }
  .plan .price { font-size: 48px; gap: 8px; }
  .plan .button { font-size: 11px; padding-inline: 9px; }
  .pricing-section { padding-block: 64px; }
}
@media (max-width: 700px) {
  .pricing-header { flex-direction: column; align-items: flex-start; gap: 20px; }
  .pricing-choice { padding-top: 30px; }
  .pricing-annotation { font-size: 14px; top: -8px; }
  .center-heading h2 { font-size: 35px; }
  .center-heading h2 br { display: block; }
  .center-heading > p:last-child { margin: 14px 0 0; }
  .plans { grid-template-columns: 1fr; max-width: 420px; margin-inline: auto; gap: 24px; }
  .plan { padding: 28px 26px 22px; }
  .ticket-heading { flex-direction: row; align-items: center; min-height: 30px; }
  .plan-label { min-height: 0; }
  .plan .price { font-size: 48px; }
  .plan .price-sticker .price { font-size: 43px; }
  .plan-description { min-height: 0; }
  .plan .button { font-size: 13px; }
  .ticket-perforation { margin-inline: -26px; }
  .center-heading > p:last-child { max-width: 340px; }
  .pricing-switch button { padding-inline: 13px; font-size: 11px; }
  .pricing-switch button > span { font-size: 8px; }
  .pricing-section { padding-block: 52px; }
}

 .founder-only{width:100%;max-width:420px;margin:0 auto}.founder-free-link{text-align:center;font-size:12px;margin:24px 0;color:var(--sf-color-primary-700)}

.founder-ticket{width:100%;max-width:420px;margin:0 auto;border:1px solid var(--sf-color-primary-400);border-radius:22px;background:var(--sf-color-primary-600);color:var(--sf-color-neutral-0);text-align:left;box-shadow:0 18px 48px color-mix(in srgb,var(--sf-color-primary-900) 18%,transparent);overflow:hidden}
.founder-ticket .ft-topline{display:flex;align-items:center;justify-content:space-between;padding:15px 28px;border-bottom:1px solid color-mix(in srgb,var(--sf-color-neutral-0) 22%,transparent);font-size:10px;font-weight:650;letter-spacing:.14em}
.founder-ticket .ft-main{padding:26px 28px 20px}
.founder-ticket .ft-main>h2,.founder-ticket .ft-main>h3{margin:0;font-size:29px;line-height:1.2;letter-spacing:-1px;font-weight:650;color:var(--sf-color-neutral-0)}
.founder-ticket .ft-intro{margin:9px 0 25px;font-size:13px;line-height:1.6;color:var(--sf-color-primary-100)}
.founder-ticket .ft-update-pass{display:flex;align-items:flex-start;gap:11px;margin:-8px 0 25px;padding:14px;border:1px solid color-mix(in srgb,var(--sf-color-neutral-0) 40%,transparent);border-radius:10px;background:color-mix(in srgb,var(--sf-color-neutral-0) 12%,transparent);color:var(--sf-color-neutral-0)}
.founder-ticket .ft-update-pass strong{display:block;font-size:17px;line-height:1.35;letter-spacing:-.3px}.founder-ticket .ft-update-pass span{display:block;margin-top:5px;font-size:11px;line-height:1.6;color:var(--sf-color-primary-100)}
.founder-ticket .ft-scope{margin:18px 0 0;font-size:10px;line-height:1.7;color:var(--sf-color-primary-100)}
.founder-ribbon{display:flex;align-items:center;gap:8px;min-width:0;max-width:100%;min-height:46px;padding:0 12px;background:var(--sf-color-primary-700);color:var(--sf-color-neutral-0);font-size:12px;line-height:1.5;overflow:hidden}
.fb-summary{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.fb-window{flex:1;min-width:0;overflow:hidden}.fb-track{display:flex;width:max-content;animation:founder-ticker 34s linear infinite}.fb-group{display:inline-flex;align-items:center;gap:30px;padding-right:30px;white-space:nowrap;flex-shrink:0}.fb-group strong{font-size:10px;letter-spacing:.1em;text-transform:uppercase}.fb-star{color:var(--sf-color-primary-200)}
.fb-action{position:relative;flex-shrink:0;display:inline-flex;align-items:center;min-height:38px;padding:0 12px;border-radius:6px;background:var(--sf-color-neutral-0);color:var(--sf-color-primary-700);font-size:11px;font-weight:650;text-decoration:none;white-space:nowrap}.fb-action:hover{background:var(--sf-color-primary-100)}.fb-pause{flex-shrink:0;display:flex;align-items:center;justify-content:center;min-width:36px;min-height:38px;border:1px solid color-mix(in srgb,var(--sf-color-neutral-0) 35%,transparent);border-radius:6px;background:transparent;color:inherit;font-size:13px;cursor:pointer}.fb-action:focus-visible,.fb-pause:focus-visible{outline:2px solid var(--sf-color-primary-200);outline-offset:2px}
.founder-ribbon:hover .fb-track,.founder-ribbon:focus-within .fb-track,.founder-ribbon[data-paused="true"] .fb-track{animation-play-state:paused}@keyframes founder-ticker{to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.founder-ribbon{padding-block:8px}.fb-track{animation:none;display:block;width:auto}.fb-group{display:flex;flex-wrap:wrap;gap:3px 12px;padding:0;white-space:normal}.fb-group+.fb-group,.fb-star,.fb-pause{display:none}}
.founder-ticket .ft-price-tag{position:relative;margin:0 0 24px;padding:18px 20px;background:var(--sf-color-primary-50);color:var(--sf-color-primary-950);border-radius:4px 4px 22px 4px;transform:rotate(-2deg);box-shadow:4px 5px 0 color-mix(in srgb,var(--sf-color-primary-950) 20%,transparent)}
.founder-ticket .ft-price-tag:after{position:absolute;content:"";right:0;bottom:0;width:19px;height:19px;border-radius:4px 0 18px 0;background:var(--sf-color-primary-200)}
.founder-ticket .ft-tag-label{font-size:9px;font-weight:650;letter-spacing:.14em;color:var(--sf-color-primary-700)}
.founder-ticket .ft-price{display:flex;align-items:center;gap:12px;margin:8px 0}
.founder-ticket .ft-price strong{font-size:70px;line-height:1;letter-spacing:-4px;font-weight:650}
.founder-ticket .ft-price>span{font-size:12px;line-height:1.5}
.founder-ticket .ft-price del{margin-left:auto;font-size:20px;color:var(--sf-color-primary-700)}
.founder-ticket .ft-price-tag p{font-size:11px;margin:10px 0 0}
.founder-ticket .ft-action,.founder-ticket .ft-main>div:not(.ft-price-tag)>button{display:flex;width:100%;min-height:48px;align-items:center;justify-content:center;border:0;border-radius:9px;background:var(--sf-color-neutral-0);color:var(--sf-color-primary-700);font-size:14px;font-weight:650;text-decoration:none;cursor:pointer}
.founder-ticket .ft-action:hover,.founder-ticket .ft-main>div:not(.ft-price-tag)>button:hover{background:var(--sf-color-primary-50)}
.founder-ticket a:focus-visible,.founder-ticket button:focus-visible{outline:3px solid var(--sf-color-primary-200);outline-offset:4px}
.founder-ticket [aria-disabled=true]{pointer-events:none;opacity:.6}
.founder-ticket .ft-test{margin:10px 0 0;text-align:center;font-size:10px;color:var(--sf-color-primary-100)}
.founder-ticket .ft-deadline{margin:14px 0 0;text-align:center;font-size:10px;color:var(--sf-color-primary-100)}
.founder-ticket .ft-perforation{position:relative;margin:0 15px;border-top:1px dashed var(--sf-color-primary-300)}
.founder-ticket .ft-perforation:before,.founder-ticket .ft-perforation:after{position:absolute;content:"";width:24px;height:24px;top:-12px;border-radius:50%;background:var(--sf-bg-canvas)}
.founder-ticket .ft-perforation:before{left:-28px}.founder-ticket .ft-perforation:after{right:-28px}
.founder-ticket .ft-benefits{padding:24px 28px 20px}
.founder-ticket .ft-credit-count{font-size:25px;font-weight:650;letter-spacing:-.5px;margin:0 0 18px}
.founder-ticket .ft-credit-count span{font-size:13px;font-weight:400;letter-spacing:0;color:var(--sf-color-primary-100)}
.founder-ticket ul{padding:0;margin:0;list-style:none;display:grid;gap:12px}
.founder-ticket li{display:flex;align-items:center;gap:9px;font-size:12px;line-height:1.5;color:var(--sf-color-neutral-0)}
.founder-ticket li svg{width:16px;height:16px;flex-shrink:0;color:var(--sf-color-primary-100)}
.founder-ticket .ft-footer{display:flex;justify-content:space-between;align-items:center;margin-top:25px;padding-top:16px;border-top:1px solid color-mix(in srgb,var(--sf-color-neutral-0) 22%,transparent)}
.founder-ticket .ft-footer a{font-size:10px;color:var(--sf-color-primary-100);text-underline-offset:3px}
.founder-ticket .ft-barcode{height:22px;width:68px;opacity:.6;background:repeating-linear-gradient(90deg,var(--sf-color-primary-100) 0 2px,transparent 2px 4px,var(--sf-color-primary-100) 4px 5px,transparent 5px 8px)}
@media(max-width:380px){.founder-ticket .ft-main,.founder-ticket .ft-benefits{padding-inline:20px}.founder-ticket .ft-topline{padding-inline:20px}.founder-ticket .ft-price strong{font-size:62px}}

.founder-ribbon[hidden]{display:none}.founder-ticket .ft-update-pass>svg{width:20px;height:20px;flex-shrink:0}