.method-card[data-glow][data-glow-card]{--radius:20;--border:3;--backdrop:#9999991f;--backup-border:var(--backdrop);--size:200;--outer:1;--border-size:calc(var(--border,2) * 1px);--spotlight-size:calc(var(--size,150) * 1px);--hue:calc(var(--base,220) + (var(--xp,0) * var(--spread,0)));--bg-spot-opacity:0;--border-spot-opacity:0;--border-light-opacity:0;background-image:radial-gradient(var(--spotlight-size) var(--spotlight-size) at calc(var(--x,0) * 1px) calc(var(--y,0) * 1px), hsl(var(--hue,210) 100% 70% / var(--bg-spot-opacity,0)), transparent);background-color:var(--c-surface-raised);background-size:calc(100% + (2 * var(--border-size))) calc(100% + (2 * var(--border-size)));border:var(--border-size) solid var(--backup-border);touch-action:pan-y;transition:--bg-spot-opacity .52s var(--ease-out), --border-spot-opacity .56s var(--ease-out), --border-light-opacity .62s var(--ease-out), border-color .52s var(--ease-out), box-shadow .62s var(--ease-out);background-position:50%;background-attachment:fixed;position:relative;overflow:visible}.method-card[data-glow][data-glow-card][data-glow-active=true]{transition:--bg-spot-opacity .48s var(--ease-out), --border-spot-opacity .52s var(--ease-out), --border-light-opacity .56s var(--ease-out), border-color .48s var(--ease-out), box-shadow .56s var(--ease-out)}.method-card[data-glow][data-glow-card]:before,.method-card[data-glow][data-glow-card]:after{pointer-events:none;content:"";inset:calc(var(--border-size) * -1);border:var(--border-size) solid transparent;border-radius:inherit;background-attachment:fixed;background-size:calc(100% + (2 * var(--border-size))) calc(100% + (2 * var(--border-size)));background-position:50%;background-repeat:no-repeat;position:absolute;-webkit-mask-image:linear-gradient(#0000,#0000),linear-gradient(#fff,#fff);mask-image:linear-gradient(#0000,#0000),linear-gradient(#fff,#fff);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:padding-box,border-box;mask-clip:padding-box,border-box;-webkit-mask-origin:border-box,border-box;mask-origin:border-box,border-box;-webkit-mask-composite:source-in;mask-composite:intersect;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.method-card[data-glow][data-glow-card]:before{background-image:radial-gradient(calc(var(--spotlight-size) * .75) calc(var(--spotlight-size) * .75) at calc(var(--x,0) * 1px) calc(var(--y,0) * 1px), hsl(var(--hue,210) 100% 50% / var(--border-spot-opacity,0)), transparent 100%);filter:brightness(2)}.method-card[data-glow][data-glow-card]:after{background-image:radial-gradient(calc(var(--spotlight-size) * .5) calc(var(--spotlight-size) * .5) at calc(var(--x,0) * 1px) calc(var(--y,0) * 1px), hsl(0 100% 100%/var(--border-light-opacity,0)), transparent 100%)}.method-card[data-glow][data-glow-card][data-glow-active=true]{--bg-spot-opacity:.1;--border-spot-opacity:1;--border-light-opacity:1}.method-card[data-glow][data-glow-card]>.glow-card__outer[data-glow]{will-change:filter;opacity:var(--outer,1);border-radius:inherit;border-width:calc(var(--border-size) * 20);filter:blur(calc(var(--border-size) * 10));pointer-events:none;z-index:0;background:0 0;border:none;position:absolute;inset:0}.method-card[data-glow][data-glow-card]>:not(.glow-card__outer){z-index:1;position:relative}@media (hover:hover) and (pointer:fine){.method-card[data-glow][data-glow-card]{touch-action:none}}@media (hover:none),(pointer:coarse),(max-width:1024px){.method-card[data-glow][data-glow-card],.method-card[data-glow][data-glow-card]:before,.method-card[data-glow][data-glow-card]:after{background-attachment:scroll}}.method-grid{gap:var(--s-7);grid-template-columns:repeat(3,1fr);margin:0;padding:0;list-style:none;display:grid}@media (max-width:900px){.method-grid{grid-template-columns:1fr}}.method-card{border-radius:var(--r-2xl);box-shadow:var(--sh-3);min-height:100%}.method-card__inner{border-radius:inherit;background:linear-gradient(180deg, #ffffff05, #fff0), var(--c-surface-raised);flex-direction:column;min-height:100%;display:flex;overflow:hidden}.method-card__visual{min-height:280px;padding:var(--s-9);isolation:isolate;border-bottom:1px solid var(--c-border-subtle);background:radial-gradient(160px 120px at 50% 18%, #ff6b351f, transparent 70%), linear-gradient(180deg, #ffffff08, #fff0), var(--c-surface-elevated);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.method-card__visual:before{content:"";inset:var(--s-8);border-radius:calc(var(--r-2xl) - var(--s-5));pointer-events:none;border:1px solid #ffffff0d;position:absolute}.method-card__visual--build{background:radial-gradient(170px 140px at 50% 50%, #788cff24, transparent 68%), linear-gradient(180deg, #ffffff08, #fff0), var(--c-surface-elevated)}.method-card__visual--launch{background:radial-gradient(180px 140px at 78% 26%, #7bd88f29, transparent 58%), linear-gradient(180deg, #ffffff08, #fff0), var(--c-surface-elevated)}.method-card__body{padding:var(--s-9);gap:var(--s-7);flex-direction:column;display:flex}.method-card__top{justify-content:space-between;align-items:center;gap:var(--s-6);display:flex}.method-card__badge{align-items:center;gap:var(--s-5);font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--c-text-tertiary);letter-spacing:.08em;text-transform:uppercase;display:inline-flex}.method-card__badge:before{content:"";background:currentColor;width:14px;height:1px}.method-card__icon{border-radius:var(--r-md);background:var(--c-accent-soft);width:36px;height:36px;color:var(--c-accent);place-items:center;display:grid;box-shadow:inset 0 0 0 1px #ff6b352e}.method-card__title{font-size:clamp(22px,2.2vw,28px);font-weight:var(--fw-semibold);letter-spacing:-.02em;margin:0;line-height:1.15}.method-card__text{color:var(--c-text-secondary);font-size:var(--fs-sm);line-height:var(--lh-body);margin:0}.method-floating-chip{z-index:3;align-items:center;gap:var(--s-5);border:1px solid var(--c-border-strong);box-shadow:var(--sh-3);color:var(--c-text-secondary);font-size:11px;font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;pointer-events:none;-webkit-backdrop-filter:blur(10px);background:#0b0b0cdb;border-radius:999px;padding:7px 11px;display:inline-flex;position:absolute}.method-floating-chip:before{content:"";background:var(--c-accent);border-radius:999px;width:6px;height:6px;box-shadow:0 0 12px #ff6b3559}.method-floating-chip--brief-a{top:22px;left:22px}.method-floating-chip--brief-b{top:22px;bottom:auto;right:22px}.method-floating-chip--brief-c{bottom:22px;left:22px}.method-floating-chip--launch-a{top:22px;right:18px}.method-floating-chip--launch-b{bottom:22px;left:18px}.method-brief-panel{z-index:2;width:min(100%,236px);padding:var(--s-8);border-radius:var(--r-xl);border:1px solid var(--c-border-strong);box-shadow:var(--sh-4);gap:var(--s-7);background:#0000009e;flex-direction:column;display:flex;position:relative}.method-brief-panel__head{justify-content:space-between;align-items:center;gap:var(--s-6);color:var(--c-text-primary);display:flex}.method-brief-panel__eyebrow{align-items:center;gap:var(--s-5);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--c-text-secondary);font-size:11px;display:inline-flex}.method-brief-panel__dot,.method-status__dot,.method-preview__dot{background:var(--c-accent);border-radius:999px;width:6px;height:6px}.method-brief-panel__stack,.method-preview__copy{gap:var(--s-5);flex-direction:column;display:flex}.method-line{background:#ffffff14;border-radius:999px;height:8px}.method-line--lg{width:100%}.method-line--md{width:72%}.method-line--sm{width:52%}.method-status{align-items:center;gap:var(--s-5);width:fit-content;padding:var(--s-4) var(--s-6);color:var(--c-text-primary);background:#ff6b351f;border-radius:999px;font-size:12px;display:inline-flex;box-shadow:inset 0 0 0 1px #ff6b352e}.method-build-rings{pointer-events:none;position:absolute;inset:0}.method-build-rings:before,.method-build-rings:after{content:"";border:1px solid #ffffff14;border-radius:999px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.method-build-rings:before{width:170px;height:170px}.method-build-rings:after{opacity:.65;border-style:dashed;width:230px;height:230px}.method-build-core{width:84px;height:84px;box-shadow:0 0 42px #788cff29, var(--sh-3);color:#b5c1ff;background:#000000b3;border:1px solid #ffffff24;border-radius:24px;place-items:center;display:grid;position:relative}.method-fragment{align-items:center;gap:var(--s-5);min-width:118px;padding:var(--s-5) var(--s-6);border-radius:var(--r-xl);border:1px solid var(--c-border-subtle);box-shadow:var(--sh-3);background:#00000094;display:inline-flex;position:absolute}.method-fragment__icon{border-radius:var(--r-sm);width:24px;height:24px;color:var(--c-text-primary);background:#ffffff0f;place-items:center;display:grid}.method-fragment__label{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--c-text-secondary);font-size:11px}.method-fragment--one{top:42px;left:30px}.method-fragment--two{top:128px;right:26px}.method-fragment--three{bottom:38px;left:46px}.method-preview{z-index:2;width:min(100%,248px);padding:var(--s-8);border-radius:var(--r-xl);border:1px solid var(--c-border-strong);box-shadow:var(--sh-4);gap:var(--s-7);background:#000000a8;flex-direction:column;display:flex;position:relative}.method-preview__top,.method-preview__body,.method-preview__footer{justify-content:space-between;align-items:center;gap:var(--s-6);display:flex}.method-preview__top{align-items:flex-start}.method-preview__eyebrow{align-items:center;gap:var(--s-5);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--c-text-secondary);font-size:11px;display:inline-flex}.method-preview__pill{color:var(--c-success);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;background:#7bd88f24;border-radius:999px;padding:6px 10px;font-size:10px;box-shadow:inset 0 0 0 1px #7bd88f2e}.method-score{border-radius:var(--r-lg);background:linear-gradient(#7bd88f4d,#7bd88f24);flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex;box-shadow:inset 0 0 0 1px #7bd88f33}.method-score strong{color:var(--c-text-primary);font-size:18px;line-height:1}.method-score span{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:#ffffffb8;font-size:8px}.method-preview__footer{padding-top:var(--s-6);border-top:1px solid #ffffff0f}.method-preview__tags{align-items:center;gap:var(--s-4);flex-wrap:wrap;display:flex}.method-preview__tag{color:var(--c-text-secondary);font-size:10px;font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;background:#ffffff0a;border-radius:999px;padding:5px 8px;box-shadow:inset 0 0 0 1px #ffffff0d}.method-preview__button{height:28px;color:var(--c-text-primary);font-size:11px;font-weight:var(--fw-semibold);background:#7bd88f24;border-radius:999px;align-items:center;padding:0 12px;display:inline-flex;box-shadow:inset 0 0 0 1px #7bd88f2e}@media (max-width:640px){.method-card__visual{min-height:244px;padding:var(--s-8)}.method-card__body{padding:var(--s-8)}.method-floating-chip--brief-a,.method-floating-chip--brief-b,.method-floating-chip--launch-a{top:18px}.method-floating-chip--brief-b,.method-floating-chip--launch-b{bottom:24px}.method-floating-chip--brief-a,.method-floating-chip--launch-b,.method-floating-chip--brief-c,.method-fragment--one,.method-fragment--three{left:16px}.method-floating-chip--brief-b,.method-floating-chip--launch-a,.method-fragment--two{right:16px}}