@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.gbp-reveal{animation:gbp-reveal-in linear both;animation-timeline:view();animation-range:entry 0 cover 28%}}}@keyframes gbp-reveal-in{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}.gbp-hero{position:relative;padding:3.5rem 0 2.5rem;text-align:center;overflow:hidden}.gbp-hero:before{content:"";position:absolute;top:-45%;left:50%;width:min(880px,120%);aspect-ratio:1;transform:translateX(-50%);background:var(--gradient-brand-soft);border-radius:50%;filter:blur(60px);opacity:.85;pointer-events:none;z-index:0}.gbp-hero>*{position:relative;z-index:1}.gbp-hero h1{margin:.75rem auto 1rem;max-width:22ch;font-size:clamp(2rem,5vw,3.25rem);line-height:1.1;letter-spacing:-.02em;color:var(--text-primary)}.gbp-hero h1 em{font-style:normal;background:var(--gradient-brand);-webkit-background-clip:text;background-clip:text;color:transparent}.gbp-hero .gbp-sub{max-width:60ch;margin:0 auto 1.75rem;font-size:1.0625rem;line-height:1.6;color:var(--text-secondary)}.gbp-hero-actions{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;align-items:center}.gbp-hero-note{margin-top:1rem;font-size:.8125rem;color:var(--text-muted)}.gbp-included{display:inline-flex;align-items:center;gap:.5rem;padding:.375rem .875rem;border:1px solid rgba(108,74,182,.25);border-radius:999px;background:var(--gradient-brand-soft);font-size:.8125rem;font-weight:600;color:var(--accent-primary)}.gbp-mock{max-width:560px;margin:2.5rem auto 0;border:1px solid var(--border-default);border-radius:var(--radius-lg,16px);background:var(--bg-elevated);box-shadow:var(--shadow-lg,0 24px 60px rgba(20,12,45,.14));overflow:hidden;text-align:left}.gbp-mock-bar{display:flex;align-items:center;gap:.4375rem;padding:.625rem .875rem;border-bottom:1px solid var(--border-subtle);background:var(--bg-surface,var(--bg-elevated))}.gbp-mock-dot{width:.5rem;height:.5rem;border-radius:50%;background:var(--border-default)}.gbp-mock-title{margin-left:.375rem;font-size:.75rem;color:var(--text-muted)}.gbp-mock-body{padding:1.125rem 1.25rem 1.25rem}.gbp-mock-name{margin:0 0 .125rem;font-size:1.0625rem;font-weight:700;color:var(--text-primary)}.gbp-mock-meta{margin:0 0 .875rem;font-size:.8125rem;color:var(--text-muted)}.gbp-mock-rows{display:flex;flex-direction:column;gap:.5rem}.gbp-mock-row{display:grid;grid-template-columns:1.75rem 1fr auto;align-items:center;gap:.625rem;padding:.5rem .625rem;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--bg-surface,transparent);font-size:.8125rem;color:var(--text-secondary);transition:border-color var(--transition-fast),transform var(--transition-fast)}.gbp-mock-row:hover{border-color:var(--accent-primary);transform:translateX(2px)}.gbp-mock-row i{color:var(--accent-primary);justify-self:center}.gbp-mock-tag{padding:.125rem .5rem;border-radius:999px;background:rgba(108,74,182,.1);color:var(--accent-primary);font-size:.6875rem;font-weight:700;white-space:nowrap}.gbp-pillars{display:grid;grid-template-columns:1fr;gap:1rem;margin-top:2rem}@media (min-width:760px){.gbp-pillars{grid-template-columns:repeat(2,1fr)}}.gbp-pillar{position:relative;padding:1.5rem 1.375rem 1.375rem;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-elevated);overflow:hidden;transition:transform var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast)}.gbp-pillar:after{content:"";position:absolute;inset:0 0 auto;height:3px;background:var(--gradient-brand);transform:scaleX(0);transform-origin:left;transition:transform .35s ease}.gbp-pillar:hover{transform:translateY(-3px);border-color:var(--border-default);box-shadow:var(--shadow-md,0 12px 32px rgba(20,12,45,.1))}.gbp-pillar:hover:after{transform:scaleX(1)}.gbp-pillar-num{display:block;margin-bottom:.625rem;font-size:.6875rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-primary)}.gbp-pillar h3{margin:0 0 .5rem;font-size:1.0625rem;color:var(--text-primary)}.gbp-pillar p{margin:0 0 .875rem;font-size:.875rem;line-height:1.6;color:var(--text-secondary)}.gbp-pillar ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.375rem}.gbp-pillar li{display:grid;grid-template-columns:.875rem 1fr;gap:.5rem;align-items:start;font-size:.8125rem;line-height:1.5;color:var(--text-muted)}.gbp-pillar li i{margin-top:.28em;font-size:.6875rem;color:var(--accent-primary)}.gbp-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-top:1.75rem}.gbp-stat{padding:1.375rem 1.25rem;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--gradient-brand-soft);text-align:center}.gbp-stat b{display:block;font-size:clamp(1.75rem,4vw,2.25rem);line-height:1.05;letter-spacing:-.02em;background:var(--gradient-brand);-webkit-background-clip:text;background-clip:text;color:transparent}.gbp-stat span{display:block;margin-top:.4375rem;font-size:.8125rem;line-height:1.5;color:var(--text-secondary)}.gbp-versus{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;margin-top:1.75rem}.gbp-versus-col{padding:1.375rem;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-elevated)}.gbp-versus-col h3{margin:0 0 .875rem;font-size:.9375rem;color:var(--text-primary)}.gbp-versus-col ul{margin:0;padding:0;list-style:none}.gbp-versus-col li{display:grid;grid-template-columns:1rem 1fr;gap:.625rem;align-items:start;padding:.5rem 0;font-size:.875rem;line-height:1.55;color:var(--text-secondary)}.gbp-versus-col li+li{border-top:1px solid var(--border-subtle)}.gbp-versus-col li i{margin-top:.24em;font-size:.8125rem}.gbp-versus-bad i{color:#d97706}.gbp-versus-good i{color:#16a34a}.gbp-versus-good{border-color:rgba(108,74,182,.25);background:var(--gradient-brand-soft)}.gbp-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-top:1.75rem;counter-reset:gbp-step}.gbp-step{position:relative;padding:1.375rem 1.25rem 1.25rem;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-elevated);counter-increment:gbp-step}.gbp-step:before{content:counter(gbp-step);display:grid;place-items:center;width:1.75rem;height:1.75rem;margin-bottom:.75rem;border-radius:50%;background:var(--gradient-brand);color:#fff;font-size:.8125rem;font-weight:800}.gbp-step h3{margin:0 0 .375rem;font-size:.9375rem;color:var(--text-primary)}.gbp-step p{margin:0;font-size:.8125rem;line-height:1.55;color:var(--text-muted)}.gbp-final{margin-top:2.5rem;padding:2.5rem 1.5rem;border:1px solid rgba(108,74,182,.2);border-radius:var(--radius-lg,16px);background:var(--gradient-brand-soft);text-align:center}.gbp-final h2{margin:0 0 .75rem;font-size:clamp(1.375rem,3.5vw,1.875rem);color:var(--text-primary)}.gbp-final p{max-width:56ch;margin:0 auto 1.5rem;font-size:.9375rem;line-height:1.65;color:var(--text-secondary)}@media (max-width:640px){.gbp-hero{padding-top:2.25rem}.gbp-mock{margin-top:1.75rem}}.gbp-hero-actions .btn-secondary{display:inline-flex;align-items:center;justify-content:center;padding:.875rem 1.75rem;border:1px solid var(--border-default);border-radius:999px;background:transparent;color:var(--text-secondary);font-size:.9375rem;font-weight:600;font-family:var(--font-sans);text-decoration:none;transition:border-color var(--transition-fast),color var(--transition-fast)}.gbp-hero-actions .btn-secondary:hover{border-color:var(--accent-primary);color:var(--accent-primary)}