@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-vietnamese-wght-normal-D0rl6rjA.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-latin-ext-wght-normal-D9tNdqV9.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-latin-wght-normal-BhU9QXUp.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-sans-latin-400-normal-CDDApCn2.woff2) format("woff2"),url(/assets/ibm-plex-sans-latin-400-normal-CYLoc0-x.woff) format("woff")}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-sans-latin-ext-400-normal-C5H60-Va.woff2) format("woff2"),url(/assets/ibm-plex-sans-latin-ext-400-normal-RBey6euL.woff) format("woff")}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-sans-latin-500-normal-6ng42L7E.woff2) format("woff2"),url(/assets/ibm-plex-sans-latin-500-normal-BgVn5rGT.woff) format("woff")}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-sans-latin-ext-500-normal-DakdToA3.woff2) format("woff2"),url(/assets/ibm-plex-sans-latin-ext-500-normal-D0aIdm-b.woff) format("woff")}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-sans-latin-600-normal-CuJfVYMP.woff2) format("woff2"),url(/assets/ibm-plex-sans-latin-600-normal-Cu4Hd6ag.woff) format("woff")}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-sans-latin-ext-600-normal-DOrvGEcy.woff2) format("woff2"),url(/assets/ibm-plex-sans-latin-ext-600-normal-DIrixKbi.woff) format("woff")}:root{--color-white: #ffffff;--color-black: #000000;--color-surface: #f5f5f5;--color-border: #d9d9d9;--blue-50: #f0f5ff;--blue-100: #dde8ff;--blue-300: #8fb2ff;--blue-500: #3b76f6;--blue-600: #2563eb;--blue-700: #1d4fd8;--blue-800: #1a40ae;--color-primary: var(--blue-600);--color-primary-hover: var(--blue-700);--color-primary-active: var(--blue-800);--color-primary-soft: var(--blue-50);--color-primary-line: var(--blue-100);--primary-glow: rgb(37 99 235 / .18);--primary-glow-strong: rgb(37 99 235 / .32);--text-primary: var(--color-black);--text-secondary: rgb(0 0 0 / .64);--text-tertiary: rgb(0 0 0 / .58);--text-display-muted: rgb(0 0 0 / .45);--text-disabled: rgb(0 0 0 / .38);--text-inverse: var(--color-white);--overlay-hover: rgb(0 0 0 / .04);--overlay-active: rgb(0 0 0 / .08);--fill-primary-hover: var(--color-primary-hover);--fill-primary-active: var(--color-primary-active);--pattern-dot: rgb(0 0 0 / .09);--line-soft: rgb(0 0 0 / .06);--font-display: "Space Grotesk Variable", "Space Grotesk", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font-ui: "IBM Plex Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;--type-display: clamp(2.25rem, 1.5rem + 3.75vw, 4.75rem);--type-h1: clamp(2rem, 1.55rem + 2.25vw, 3.5rem);--type-h2: clamp(1.5rem, 1.3rem + 1vw, 2.25rem);--type-h3: clamp(1.125rem, 1.05rem + .375vw, 1.375rem);--type-body-lg: clamp(1.0625rem, 1rem + .3125vw, 1.25rem);--type-body: 1rem;--type-body-sm: .9375rem;--type-label: .875rem;--type-caption: .8125rem;--leading-tight: 1.04;--leading-heading: 1.15;--leading-snug: 1.35;--leading-body: 1.6;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--tracking-display: -.035em;--tracking-heading: -.02em;--tracking-normal: 0;--tracking-caps: .06em;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--gutter: clamp(1rem, .6rem + 2vw, 2.5rem);--space-section: clamp(3rem, 2rem + 5vw, 7rem);--space-stack: clamp(1.5rem, 1.2rem + 1.5vw, 2.5rem);--space-hero: clamp(1.75rem, .9rem + 4.5vw, 7rem);--space-hero-gap: clamp(1rem, .8rem + 1vw, 1.5rem);--preview-max-h: min(60vh, 36rem);--width-prose: 38rem;--width-form: 40rem;--width-content: 64rem;--width-frame: 90rem;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--radius-round: 999px;--border-width: 1px;--border-default: var(--border-width) solid var(--color-border);--border-strong: var(--border-width) solid var(--color-black);--control-sm: 2.75rem;--control-md: 3rem;--control-lg: 3.5rem;--control-pad-x: 1.25rem;--icon-sm: 1rem;--icon-md: 1.25rem;--focus-ring: 0 0 0 2px var(--color-white), 0 0 0 4px var(--color-primary);--focus-outline-width: 2px;--focus-outline-offset: 3px;--shadow-raised: 0 1px 2px rgb(0 0 0 / .04), 0 12px 32px -16px rgb(0 0 0 / .16);--shadow-overlay: 0 1px 2px rgb(0 0 0 / .06), 0 24px 48px -20px rgb(0 0 0 / .22);--shadow-float: 0 1px 1px rgb(0 0 0 / .04), 0 2px 6px rgb(0 0 0 / .04), 0 18px 36px -18px rgb(0 0 0 / .22);--shadow-primary: 0 1px 2px rgb(37 99 235 / .24), 0 8px 20px -8px rgb(37 99 235 / .55);--shadow-primary-hover: 0 1px 2px rgb(37 99 235 / .28), 0 14px 28px -10px rgb(37 99 235 / .6);--highlight-inset: inset 0 1px 0 rgb(255 255 255 / .22);--duration-fast: .12s;--duration-base: .2s;--duration-slow: .7s;--ease-standard: cubic-bezier(.2, 0, 0, 1);--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1)}@supports (height: 1svh){:root{--preview-max-h: min(60svh, 36rem)}}@media(prefers-reduced-motion:reduce){:root{--duration-fast: 0ms;--duration-base: 0ms;--duration-slow: 0ms}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}body{margin:0;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);min-height:100dvh;background:var(--color-surface);color:var(--text-primary);font-family:var(--font-ui);font-size:var(--type-body);line-height:var(--leading-body);font-weight:var(--weight-regular);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-wrap:break-word}h1,h2,h3,p,ul,ol,figure{margin:0}img,svg{display:block;max-width:100%}button,input,textarea,select{font:inherit;color:inherit}a{color:inherit;text-decoration-thickness:1px;text-underline-offset:.2em}@media(hover:hover){a:hover{text-decoration-thickness:2px}}:focus-visible{outline:var(--focus-outline-width) solid var(--color-primary);outline-offset:var(--focus-outline-offset)}::selection{background:var(--color-primary-line);color:var(--color-black)}.t-display,.t-h1,.t-h2,.t-h3{font-family:var(--font-display);font-weight:var(--weight-semibold);text-wrap:balance}.t-display{font-size:var(--type-display);line-height:var(--leading-tight);letter-spacing:var(--tracking-display)}.t-h1{font-size:var(--type-h1);line-height:var(--leading-heading);letter-spacing:var(--tracking-display)}.t-h2{font-size:var(--type-h2);line-height:var(--leading-heading);letter-spacing:var(--tracking-heading)}.t-h3{font-size:var(--type-h3);line-height:var(--leading-snug);letter-spacing:var(--tracking-heading)}.t-lead{font-size:var(--type-body-lg);line-height:var(--leading-body);color:var(--text-secondary);text-wrap:pretty}.t-body{font-size:var(--type-body)}.t-small{font-size:var(--type-body-sm);color:var(--text-secondary)}.t-label{font-size:var(--type-label);font-weight:var(--weight-medium);line-height:var(--leading-snug)}.t-caption{font-size:var(--type-caption);line-height:var(--leading-snug);color:var(--text-tertiary)}.t-eyebrow{font-size:var(--type-caption);font-weight:var(--weight-medium);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--text-secondary)}.t-muted-display{color:var(--text-display-muted)}.t-mono{font-family:var(--font-mono);font-size:var(--type-label);overflow-wrap:anywhere}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.skip-link{position:absolute;left:var(--space-4);top:var(--space-4);z-index:10;padding:var(--space-3) var(--space-4);background:var(--color-primary);color:var(--color-white);border-radius:var(--radius-md);transform:translateY(-200%)}.skip-link:focus-visible{transform:none;box-shadow:var(--focus-ring);outline:none}.t-caption .t-mono{font-size:inherit}.btn{--btn-height: var(--control-md);position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--btn-height);min-width:var(--btn-height);padding:0 var(--control-pad-x);border:var(--border-width) solid transparent;border-radius:var(--radius-md);font-family:var(--font-ui);font-size:var(--type-body);font-weight:var(--weight-medium);line-height:1;letter-spacing:var(--tracking-normal);text-decoration:none;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:background-color var(--duration-base) var(--ease-standard),border-color var(--duration-base) var(--ease-standard),box-shadow var(--duration-base) var(--ease-standard),transform var(--duration-base) var(--ease-out-expo)}.btn__icon{transition:transform var(--duration-base) var(--ease-out-expo)}@media(hover:hover){.btn:hover:not(:disabled) .btn__icon[data-icon=arrowRight]{transform:translate(3px)}}.btn--lg{--btn-height: var(--control-lg);font-size:var(--type-body);padding:0 var(--space-6)}.btn--block{display:flex;width:100%}.btn:focus-visible,.btn[data-state=focus]{outline:none;box-shadow:var(--focus-ring)}.btn:active:not(:disabled),.btn[data-state=active]{transform:scale(.98)}.btn--primary{background:var(--color-primary);border-color:var(--color-primary);color:var(--text-inverse);box-shadow:var(--highlight-inset),var(--shadow-primary)}.btn--primary[data-state=hover]{background:var(--fill-primary-hover);box-shadow:var(--highlight-inset),var(--shadow-primary-hover)}@media(hover:hover){.btn--primary:hover:not(:disabled){background:var(--fill-primary-hover);border-color:var(--fill-primary-hover);box-shadow:var(--highlight-inset),var(--shadow-primary-hover);transform:translateY(-1px)}}.btn--primary:active:not(:disabled),.btn--primary[data-state=active]{background:var(--fill-primary-active);border-color:var(--fill-primary-active);box-shadow:var(--highlight-inset),var(--shadow-primary)}.btn--primary:focus-visible{box-shadow:var(--focus-ring),var(--shadow-primary)}.btn--secondary{background:var(--color-white);border-color:var(--color-border);color:var(--text-primary)}.btn--secondary[data-state=hover]{border-color:var(--blue-300)}@media(hover:hover){.btn--secondary:hover:not(:disabled){border-color:var(--blue-300);color:var(--color-primary-hover);transform:translateY(-1px)}}.btn--secondary:active:not(:disabled),.btn--secondary[data-state=active]{background:var(--color-surface)}.btn--ghost{background:transparent;color:var(--text-primary)}.btn--ghost[data-state=hover]{background:var(--overlay-hover)}@media(hover:hover){.btn--ghost:hover:not(:disabled){background:var(--overlay-hover)}}.btn--ghost:active:not(:disabled),.btn--ghost[data-state=active]{background:var(--overlay-active)}.btn:disabled{cursor:not-allowed;transform:none}.btn--primary:disabled{background:var(--color-border);border-color:var(--color-border);color:var(--text-secondary);box-shadow:none}.btn--secondary:disabled,.btn--ghost:disabled{background:var(--color-surface);border-color:var(--color-border);color:var(--text-disabled)}.btn[aria-busy=true]{cursor:progress}.btn[aria-busy=true].btn--primary{background:var(--color-primary);border-color:var(--color-primary);color:var(--text-inverse);box-shadow:var(--highlight-inset),var(--shadow-primary)}.btn[aria-busy=true] .btn__content{visibility:hidden}.btn__content{display:inline-flex;align-items:center;gap:var(--space-2)}.btn__spinner{position:absolute;inset:0;display:grid;place-items:center}.btn__icon{width:var(--icon-md);height:var(--icon-md);flex:none}.btn--sm .btn__icon{width:var(--icon-sm);height:var(--icon-sm)}.icon-btn{display:inline-grid;place-items:center;width:var(--control-sm);height:var(--control-sm);padding:0;flex:none;border:var(--border-width) solid transparent;border-radius:var(--radius-md);background:transparent;color:var(--text-primary);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard)}.icon-btn--outline{border-color:var(--color-border);background:var(--color-white)}.icon-btn[data-state=hover]{background:var(--overlay-hover)}@media(hover:hover){.icon-btn:hover:not(:disabled){background:var(--overlay-hover)}}.icon-btn--outline[data-state=hover]{background:var(--color-white);border-color:var(--blue-300)}@media(hover:hover){.icon-btn--outline:hover:not(:disabled){background:var(--color-white);border-color:var(--blue-300);color:var(--color-primary)}}.icon-btn:active:not(:disabled),.icon-btn[data-state=active]{background:var(--overlay-active)}.icon-btn:focus-visible,.icon-btn[data-state=focus]{outline:none;box-shadow:var(--focus-ring)}.icon-btn:disabled{color:var(--text-disabled);cursor:not-allowed}.icon-btn svg{width:var(--icon-md);height:var(--icon-md)}.field{display:grid;gap:var(--space-2);min-width:0}.field__label{font-size:var(--type-label);font-weight:var(--weight-medium);line-height:var(--leading-snug);color:var(--text-primary)}.field__optional{font-weight:var(--weight-regular);color:var(--text-tertiary)}.field__helper{font-size:var(--type-label);line-height:var(--leading-snug);color:var(--text-secondary);text-wrap:pretty}.inline-error{display:flex;align-items:flex-start;gap:var(--space-2);font-size:var(--type-label);font-weight:var(--weight-medium);line-height:var(--leading-snug);color:var(--text-primary)}.inline-error svg{width:var(--icon-sm);height:var(--icon-sm);margin-top:.1em;flex:none}.url-input{--input-height: var(--control-lg);display:flex;align-items:center;gap:var(--space-1);min-height:var(--input-height);min-width:0;padding:0 var(--space-1) 0 var(--space-4);background:var(--color-white);border:var(--border-default);border-radius:var(--radius-md);transition:border-color var(--duration-base) var(--ease-standard),box-shadow var(--duration-base) var(--ease-standard)}.url-input--md{--input-height: var(--control-md)}.url-input[data-state=hover]{border-color:var(--blue-300)}@media(hover:hover){.url-input:hover:not(.url-input--disabled){border-color:var(--blue-300)}}.url-input:focus-within,.url-input[data-state=focus]{border-color:var(--color-primary);box-shadow:0 0 0 4px var(--primary-glow)}.url-input:focus-within .url-input__icon,.url-input[data-state=focus] .url-input__icon{color:var(--color-primary)}.url-input--invalid{border-color:var(--color-black);box-shadow:inset 0 0 0 1px var(--color-black)}.url-input--invalid:focus-within{box-shadow:inset 0 0 0 1px var(--color-black),var(--focus-ring)}.url-input--disabled{background:var(--color-surface);color:var(--text-disabled);cursor:not-allowed}.url-input__icon{width:var(--icon-md);height:var(--icon-md);flex:none;color:var(--text-tertiary);transition:color var(--duration-base) var(--ease-standard)}.url-input__field{flex:1;min-width:0;height:calc(var(--input-height) - 2px);padding:0 var(--space-2);border:0;background:transparent;font-family:var(--font-ui);font-size:var(--type-body);color:var(--text-primary);text-overflow:ellipsis}.url-input__field:focus,.url-input__field:focus-visible{outline:none}.url-input__field::placeholder{color:var(--text-tertiary);opacity:1}.url-input__field:disabled{cursor:not-allowed;color:var(--text-disabled)}.url-input__end[hidden]{display:none}.url-input__end{display:grid;place-items:center;width:var(--control-sm);height:var(--control-sm);flex:none}.surface{--surface-pad: clamp(1.25rem, 1rem + 1vw, 2rem);min-width:0;padding:var(--surface-pad);background:var(--color-white);border:var(--border-default);border-radius:var(--radius-lg)}.surface--sunken{background:var(--color-surface)}.surface--raised{box-shadow:var(--shadow-raised)}.surface--flush{--surface-pad: 0}.surface--compact{--surface-pad: var(--space-4)}.divider{height:0;margin:0;border:0;border-top:var(--border-default)}.divider--labeled{display:flex;align-items:center;gap:var(--space-3);height:auto;border:0;font-size:var(--type-caption);color:var(--text-tertiary)}.divider--labeled:before,.divider--labeled:after{content:"";flex:1;border-top:var(--border-default)}.status{display:inline-flex;align-items:center;gap:var(--space-2);min-height:1.75rem;padding:0 var(--space-3) 0 var(--space-2);border:var(--border-default);border-radius:var(--radius-round);background:var(--color-white);font-size:var(--type-caption);font-weight:var(--weight-medium);line-height:1;color:var(--text-primary);white-space:nowrap}.status--plain{padding:0;border:0;background:transparent}.status__mark{width:var(--icon-sm);height:var(--icon-sm);flex:none}.status[data-status=success] .status__mark,.status[data-status=pending]{color:var(--color-primary)}.spinner{display:inline-flex;align-items:center;gap:var(--space-2);color:currentColor}.spinner__ring{width:var(--icon-md);height:var(--icon-md);flex:none;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .8s linear infinite}.spinner--sm .spinner__ring{width:var(--icon-sm);height:var(--icon-sm)}.spinner__label{font-size:var(--type-label)}@media(prefers-reduced-motion:reduce){.spinner__ring{animation:none;border-style:dotted;border-right-color:currentColor}}@keyframes spin{to{transform:rotate(360deg)}}.tip{font-size:var(--type-label);color:var(--text-secondary)}.tip>summary{display:inline-flex;align-items:center;gap:var(--space-2);min-height:var(--control-sm);cursor:pointer;font-weight:var(--weight-medium);color:var(--text-primary);list-style:none;border-radius:var(--radius-sm)}.tip>summary::-webkit-details-marker{display:none}.tip>summary svg{width:var(--icon-sm);height:var(--icon-sm);transition:transform var(--duration-fast) var(--ease-standard)}.tip[open]>summary svg{transform:rotate(90deg)}.tip__body{max-width:var(--width-prose);padding:0 0 var(--space-2) calc(var(--icon-sm) + var(--space-2))}.btn--sm{--btn-height: var(--control-sm);padding:0 var(--space-3);font-size:var(--type-body-sm)}.url-input__paste{flex:none}.steps{display:grid;gap:var(--space-3);margin:0;padding:0;list-style:none}.steps__item{display:flex;align-items:center;gap:var(--space-3);min-height:1.5rem;font-size:var(--type-body-sm)}.steps__item--upcoming{color:var(--text-tertiary)}.steps__item--current{font-weight:var(--weight-medium)}.steps__mark{display:grid;place-items:center;width:var(--icon-md);height:var(--icon-md);flex:none}.steps__mark svg{width:var(--icon-md);height:var(--icon-md)}.progress{display:grid;gap:var(--space-2)}.progress__head{display:flex;justify-content:space-between;gap:var(--space-3)}.progress__bar{width:100%;height:.5rem;appearance:none;border:0;border-radius:var(--radius-round);background:var(--color-surface);box-shadow:inset 0 0 0 1px var(--color-border);overflow:hidden}.progress__bar::-webkit-progress-bar{background:var(--color-surface);border-radius:var(--radius-round)}.progress__bar::-webkit-progress-value{background:var(--color-primary);border-radius:var(--radius-round);transition:inline-size var(--duration-slow) var(--ease-out-expo)}.progress__bar::-moz-progress-bar{background:var(--color-primary);border-radius:var(--radius-round)}.meta{display:grid;margin:0;border-top:var(--border-default)}.meta__row{display:grid;grid-template-columns:minmax(6.5rem,2fr) minmax(0,3fr);gap:var(--space-3);padding:var(--space-3) 0;border-bottom:var(--border-default)}.meta__term{font-size:var(--type-label);color:var(--text-secondary)}.meta__value{margin:0;font-size:var(--type-body-sm);font-weight:var(--weight-medium);min-width:0;overflow-wrap:anywhere}.meta__value--missing{font-weight:var(--weight-regular);font-style:italic;color:var(--text-tertiary)}.field__message{min-height:calc(2 * var(--leading-snug) * var(--type-label))}.frame{display:flex;flex-direction:column;min-height:100dvh;max-width:var(--width-frame);margin:0 auto;background:var(--color-white)}.container{width:100%;max-width:calc(var(--width-content) + 2 * var(--gutter));margin:0 auto;padding:0 var(--gutter)}.site-header{position:relative;z-index:20;padding:var(--space-3) var(--gutter) 0}.nav{position:relative;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);min-height:calc(var(--control-sm) + 2 * var(--space-2));padding:var(--space-2) var(--space-2) var(--space-2) var(--space-4);background:var(--color-white);border:var(--border-default);border-radius:var(--radius-lg);transition:box-shadow var(--duration-slow) var(--ease-out-expo),background-color var(--duration-slow) var(--ease-out-expo),border-color var(--duration-slow) var(--ease-out-expo)}.nav__links{display:none}.nav__actions{display:flex;align-items:center}.site-notices{padding:0 var(--gutter)}.site-notices:empty{display:none}.nav__progress{display:none}@supports (animation-timeline: scroll()){.nav__progress{position:absolute;left:var(--space-4);right:var(--space-4);bottom:-1px;display:block;height:2px;border-radius:var(--radius-round);background:var(--color-primary);transform-origin:left center;transform:scaleX(0);animation:grow-x linear both;animation-timeline:scroll(root)}}@keyframes grow-x{to{transform:scaleX(1)}}@media(min-width:48rem){.site-header{position:sticky;top:var(--space-3)}:root[data-scrolled] .nav{background:#ffffffc7;border-color:var(--line-soft);box-shadow:var(--shadow-float);backdrop-filter:saturate(1.6) blur(14px);-webkit-backdrop-filter:saturate(1.6) blur(14px)}.nav__links{position:absolute;left:50%;display:flex;gap:var(--space-1);transform:translate(-50%)}.nav__links a{position:relative;display:inline-flex;align-items:center;min-height:var(--control-sm);padding:0 var(--space-3);border-radius:var(--radius-md);font-size:var(--type-body-sm);font-weight:var(--weight-medium);color:var(--text-secondary);text-decoration:none;transition:color var(--duration-base) var(--ease-standard)}.nav__links a:after{content:"";position:absolute;left:var(--space-3);right:var(--space-3);bottom:10px;height:1.5px;border-radius:var(--radius-round);background:var(--color-primary);transform:scaleX(0);transition:transform var(--duration-base) var(--ease-out-expo)}}@media(min-width:48rem)and (hover:hover){.nav__links a:hover{color:var(--text-primary)}.nav__links a:hover:after{transform:scaleX(1)}}section[id],#limits{scroll-margin-top:6rem}.brand{display:inline-flex;align-items:center;gap:var(--space-2);min-height:var(--control-sm);font-family:var(--font-display);font-size:1.0625rem;font-weight:var(--weight-semibold);letter-spacing:var(--tracking-heading);text-decoration:none;border-radius:var(--radius-sm)}@media(hover:hover){.brand:hover{text-decoration:none}}.brand__mark{width:1.75rem;height:1.75rem;flex:none;color:var(--color-primary);transition:transform var(--duration-base) var(--ease-spring)}@media(hover:hover){.brand:hover .brand__mark{transform:translateY(2px) rotate(-6deg)}}.install--wide{display:none}@media(max-width:29.99rem){.brand{font-size:1rem;white-space:nowrap}.nav{gap:var(--space-2);padding-left:var(--space-3)}}@media(max-width:23.4rem){.brand{gap:6px;font-size:.9375rem}.brand__mark{width:1.5rem;height:1.5rem}}@media(min-width:30rem){.install--wide{display:inline-flex}.install--narrow{display:none}}.app-notice{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-2) var(--space-3);margin-top:var(--space-2);padding:var(--space-2) var(--space-2) var(--space-2) var(--space-4);background:var(--color-surface);border:var(--border-default);border-radius:var(--radius-lg)}.app-notice__text{display:flex;align-items:flex-start;gap:var(--space-2);flex:1 1 9rem;min-width:0;margin:0;padding-block:var(--space-2);overflow-wrap:anywhere}.app-notice__text svg{width:var(--icon-sm);height:var(--icon-sm);margin-top:.2em;flex:none}.app-notice__actions{display:flex;align-items:center;gap:var(--space-1);margin-left:auto}.app-notice--panel{display:block;padding:var(--space-3) var(--space-2) var(--space-4) var(--space-4)}.app-notice__head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.app-notice__title{margin:0}.app-notice__steps{margin:var(--space-2) var(--space-2) var(--space-3) 0;padding-left:var(--space-5)}.app-notice__steps li+li{margin-top:var(--space-1)}.app-notice--offline{margin:0 0 var(--space-3);background:var(--color-primary-soft);border-color:var(--color-primary-line);text-align:left}.hero{position:relative;isolation:isolate;margin:var(--space-3) 0 0;padding:var(--space-hero) 0;overflow:hidden;border-block:var(--border-default);background-color:var(--color-surface)}.hero:before{content:"";position:absolute;inset:0;z-index:-2;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Ccircle cx='2' cy='2' r='1' fill='black' fill-opacity='0.11'/%3E%3C/svg%3E");background-size:16px 16px;-webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 35%,#000000 30%,transparent 100%);mask-image:radial-gradient(ellipse 70% 60% at 50% 35%,#000000 30%,transparent 100%)}.hero__stage{position:relative;max-width:80rem;margin:0 auto}.hero__inner{position:relative;z-index:1;display:grid;justify-items:center;gap:var(--space-hero-gap);max-width:calc(var(--width-form) + 2 * var(--gutter));margin:0 auto;padding:0 var(--gutter);text-align:center}.hero__title{max-width:14ch}.hero__title span{display:block}.hero__lead{max-width:var(--width-prose)}.hero__form{width:100%;margin-top:var(--space-2);text-align:left}.download{display:grid;gap:var(--space-4)}.download__form{display:grid;gap:var(--space-3)}.download__outcome:empty{display:none}.flow-card{display:grid;gap:var(--space-4);justify-items:start}.flow-card>*{max-width:100%}.flow-card__title{outline-offset:var(--space-1)}.flow-card__title:focus:not(:focus-visible){outline:none}.flow-card .meta,.flow-card .divider,.flow-card .steps,.flow-card .progress,.flow-card__source,.flow-card__actions--stack{width:100%}.flow-card__actions{display:flex;flex-wrap:wrap;gap:var(--space-3)}.flow-card__actions--stack{display:grid}.flow-card__source{display:grid;gap:var(--space-1)}.result-preview{display:block;width:min(100%,calc(var(--preview-max-h) * var(--ratio, 1.7778)));height:auto;margin-inline:auto;background:var(--color-black);border-radius:var(--radius-md);object-fit:contain}.result-preview:focus-within{outline:var(--focus-outline-width) solid var(--color-primary);outline-offset:var(--focus-outline-offset)}.result-file{font-weight:var(--weight-medium)}.result-details{width:100%;border:var(--border-default);border-radius:var(--radius-md)}.result-details__summary{display:flex;align-items:center;gap:var(--space-3);min-height:var(--control-sm);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);cursor:pointer;list-style:none}.result-details__summary::-webkit-details-marker{display:none}.result-details__label{font-size:var(--type-label);font-weight:var(--weight-medium);white-space:nowrap}.result-details__hint{display:none;min-width:0;margin-left:auto;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap;color:var(--text-secondary)}@media(min-width:30rem){.result-details__hint{display:block}}.result-details__chevron{width:var(--icon-sm);height:var(--icon-sm);flex:none}.result-details__summary .result-details__hint+.result-details__chevron{margin-left:0}.result-details__label+.result-details__chevron{margin-left:auto}.result-details[open]>.result-details__summary .result-details__chevron{transform:rotate(90deg)}.result-details[open]>.result-details__summary{border-bottom:var(--border-default);border-bottom-left-radius:0;border-bottom-right-radius:0}.result-details>.meta{width:auto;margin:0 var(--space-4);border-top:0}.result-details>.t-caption{margin:var(--space-3) var(--space-4) var(--space-4)}@media(hover:hover){.result-details__summary:hover{background:var(--overlay-hover)}}.result-problems{display:grid;gap:var(--space-2);width:100%;margin:0;padding:0;list-style:none;font-size:var(--type-body-sm)}.result-problems li{display:flex;gap:var(--space-2)}.result-problems svg{width:var(--icon-sm);height:var(--icon-sm);margin-top:.2em;flex:none}.section{padding:var(--space-section) 0}.section__head{display:grid;gap:var(--space-3);max-width:var(--width-prose);margin-bottom:var(--space-stack)}.section--tight{padding:var(--space-section) 0 0}.section--tight:last-of-type{padding-bottom:var(--space-section)}.platform-grid{display:grid;gap:var(--space-3);margin:0;padding:0;list-style:none}.platform-cell{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-content:start;align-items:center;gap:var(--space-3) var(--space-3);padding:var(--space-5);background:var(--color-white);border:var(--border-default);border-radius:var(--radius-lg);transition:transform var(--duration-base) var(--ease-out-expo),box-shadow var(--duration-base) var(--ease-out-expo),border-color var(--duration-base) var(--ease-standard)}@media(hover:hover){.platform-cell:hover{transform:translateY(-3px);border-color:var(--color-primary-line);box-shadow:var(--shadow-float)}.platform-cell:hover .platform-cell__glyph{transform:rotate(-8deg) scale(1.06)}}.platform-cell__glyph{display:grid;place-items:center;width:2.5rem;height:2.5rem;border-radius:var(--radius-md);background:var(--color-surface);color:var(--text-secondary);transition:transform var(--duration-base) var(--ease-spring)}.platform-cell[data-level=supported] .platform-cell__glyph{background:var(--color-primary-soft);color:var(--color-primary);box-shadow:inset 0 0 0 1px var(--color-primary-line)}.platform-cell__glyph svg{width:var(--icon-md);height:var(--icon-md)}.platform-cell__name{font-family:var(--font-display);font-size:var(--type-h3);font-weight:var(--weight-medium);letter-spacing:var(--tracking-heading);line-height:var(--leading-snug);min-width:0}.platform-cell .t-caption{grid-column:1 / -1}.platform-cell[data-level=supported] .status{border-color:var(--color-primary-line);background:var(--color-primary-soft);color:var(--color-primary-hover)}.info-grid{display:grid;gap:var(--space-4)}.info-block{display:grid;gap:var(--space-4);align-content:start;padding:clamp(1.5rem,1rem + 2vw,2.5rem);background:var(--color-white);border:var(--border-default);border-radius:var(--radius-xl)}.info-block--accent{background:radial-gradient(120% 80% at 0% 0%,var(--color-primary-soft),transparent 60%),var(--color-white);border-color:var(--color-primary-line)}.info-block__icon{display:grid;place-items:center;width:3rem;height:3rem;border-radius:var(--radius-md);background:var(--color-white);border:var(--border-default);box-shadow:var(--shadow-float);color:var(--text-primary)}.info-block--accent .info-block__icon{color:var(--color-primary);border-color:var(--color-primary-line)}.info-block__icon svg{width:1.375rem;height:1.375rem}.info-list{display:grid;gap:var(--space-3);margin:0;padding:0 0 0 var(--space-5);max-width:var(--width-prose);font-size:var(--type-body-sm);color:var(--text-secondary)}.info-list li::marker{color:var(--color-primary)}.site-footer{margin-top:auto;padding:var(--space-8) 0;border-top:var(--border-default)}.site-footer__brand{display:flex;align-items:center;gap:var(--space-3)}.site-footer__mark{width:1.5rem;height:1.5rem;flex:none;color:var(--color-primary)}@media(hover:hover){.site-footer__links a:hover{color:var(--color-primary)}}.site-footer__inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3) var(--space-6)}.site-footer__links{display:flex;flex-wrap:wrap;gap:0 var(--space-5)}.site-footer a{display:inline-flex;align-items:center;min-height:var(--control-sm);justify-content:center;min-width:var(--control-sm)}.ds-section{display:grid;gap:var(--space-6);padding:var(--space-12) 0;border-top:var(--border-default)}.ds-section:first-of-type{border-top:0}.ds-grid{display:grid;gap:var(--space-4)}.ds-row{display:flex;flex-wrap:wrap;align-items:flex-start;gap:var(--space-4)}.ds-item{display:grid;gap:var(--space-2);justify-items:start;min-width:0}.ds-item--wide{width:100%}.swatch{display:grid;gap:var(--space-2);min-width:0}.swatch__chip{height:var(--space-16);border:var(--border-default);border-radius:var(--radius-md)}.type-row{display:grid;gap:var(--space-2);padding-bottom:var(--space-4);border-bottom:var(--border-default);min-width:0}.space-bar{height:var(--space-3);background:var(--color-primary);border-radius:2px}.radius-chip{width:var(--space-16);height:var(--space-16);background:var(--color-surface);border:var(--border-strong)}.ds-table{width:100%;border-collapse:collapse;font-size:var(--type-body-sm)}.ds-table th,.ds-table td{padding:var(--space-3) var(--space-2) var(--space-3) 0;border-bottom:var(--border-default);text-align:left;vertical-align:top}.ds-table th{font-weight:var(--weight-medium)}@media(max-width:29.99rem){.ds-table tr{display:grid;padding:var(--space-3) 0;border-bottom:var(--border-default)}.ds-table th,.ds-table td{padding:0;border:0}.ds-table thead{display:none}}@media(min-width:30rem){.swatch-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:37.5rem){.hero{margin-inline:var(--gutter);border:var(--border-default);border-radius:var(--radius-lg)}.download__form{grid-template-columns:minmax(0,1fr) auto;align-items:start}.download__form .btn{width:auto}.platform-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:48rem){body{padding:max(var(--space-4),env(safe-area-inset-top)) max(var(--space-4),env(safe-area-inset-right)) max(var(--space-4),env(safe-area-inset-bottom)) max(var(--space-4),env(safe-area-inset-left))}.frame{min-height:calc(100dvh - 2 * var(--space-4));border:var(--border-default);border-radius:var(--radius-xl)}.site-header{padding-top:var(--space-4);border-radius:var(--radius-xl) var(--radius-xl) 0 0}.info-grid,.ds-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.swatch-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(min-width:64rem){body{padding:max(var(--space-6),env(safe-area-inset-top)) max(var(--space-6),env(safe-area-inset-right)) max(var(--space-6),env(safe-area-inset-bottom)) max(var(--space-6),env(safe-area-inset-left))}.frame{min-height:calc(100dvh - 2 * var(--space-6))}.platform-grid,.ds-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}}.flow-card__notice{display:flex;align-items:flex-start;gap:var(--space-2);width:100%;padding:var(--space-3);border:var(--border-default);border-radius:var(--radius-md);background:var(--color-surface);font-size:var(--type-body-sm)}.flow-card__notice svg{width:var(--icon-sm);height:var(--icon-sm);margin-top:.2em;flex:none}.download-progress{display:grid;gap:var(--space-3)}.intro{animation:rise .9s var(--ease-out-expo) both;animation-delay:calc(var(--intro, 0) * 70ms + 80ms)}@keyframes rise{0%{opacity:0;transform:translateY(14px);filter:blur(6px)}to{opacity:1;transform:none;filter:none}}.hero__badge{position:relative;display:none;place-items:center;width:4.5rem;height:4.5rem;margin-bottom:var(--space-2)}@media(min-width:30rem){.hero__badge{display:grid}}.hero__badge-tile{position:relative;display:grid;place-items:center;width:100%;height:100%;border-radius:22px;background:var(--color-white);border:var(--border-width) solid var(--line-soft);box-shadow:var(--shadow-float),inset 0 -2px 0 var(--line-soft);animation:bob 6s ease-in-out infinite}.hero__badge-mark{width:2.5rem;height:2.5rem;color:var(--color-primary)}.hero__badge-ring,.hero__badge-ring:after{position:absolute;inset:0;border-radius:26px;border:1.5px solid var(--color-primary);opacity:0;animation:ripple 3.6s var(--ease-out-expo) infinite}.hero__badge-ring:after{content:"";animation-delay:1.2s}@keyframes ripple{0%{opacity:.45;transform:scale(1)}to{opacity:0;transform:scale(1.7)}}@keyframes bob{0%,to{translate:0 0}50%{translate:0 -6px}}.hero__card{position:relative;padding:var(--space-3);background:var(--color-white);border:var(--border-default);border-radius:var(--radius-xl);box-shadow:var(--shadow-overlay)}.hero__card:before{content:"";position:absolute;inset:20% 8% -12%;z-index:-1;border-radius:50%;background:radial-gradient(closest-side,var(--primary-glow-strong),transparent);filter:blur(28px);animation:breathe 7s ease-in-out infinite}@keyframes breathe{0%,to{opacity:.7;transform:scale(.96)}50%{opacity:1;transform:scale(1.04)}}@media(min-width:30rem){.hero__card{padding:var(--space-4)}}.hero__promises{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2) var(--space-5);margin:var(--space-4) 0 0;padding:0;list-style:none;font-size:var(--type-label);color:var(--text-secondary)}.hero__promises li{display:inline-flex;align-items:center;gap:var(--space-2)}.hero__promise-glyph{width:var(--icon-sm);height:var(--icon-sm);color:var(--color-primary)}.hero-backdrop{position:absolute;inset:0;z-index:0;pointer-events:none}.orbits{position:absolute;left:50%;top:13rem;animation:fade-in 1.6s var(--ease-out-expo) .3s both}.orbit{--size: 30rem;position:absolute;left:calc(var(--size) / -2);top:calc(var(--size) / -2);width:var(--size);height:var(--size);border-radius:50%;border:1px solid var(--line-soft)}.orbit:before{content:"";position:absolute;inset:-1px;border-radius:50%;background:conic-gradient(from 0deg,transparent 0 78%,var(--blue-300) 92%,var(--blue-500) 100%);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 1.5px),#000000 calc(100% - 1px));mask:radial-gradient(farthest-side,transparent calc(100% - 1.5px),#000000 calc(100% - 1px));animation:spin var(--period, 24s) linear infinite;animation-direction:var(--dir, normal)}.orbit--1{--size: 26rem;--period: 18s}.orbit--2{--size: 42rem;--period: 28s;--dir: reverse}.orbit--3{--size: 60rem;--period: 38s}.orbit--4{--size: 80rem;--period: 52s;--dir: reverse}@keyframes fade-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}@media(max-width:47.99rem){.orbits{top:9rem}.orbit--1{--size: 20rem}.orbit--2{--size: 32rem}.orbit--3,.orbit--4{display:none}}.hero-decor{display:none}@media(min-width:80rem){.hero-decor{display:block}.decor-item{position:absolute;animation:decor-in 1s var(--ease-out-expo) both;animation-delay:calc(.5s + var(--i, 0) * 90ms)}.decor-item>*{rotate:var(--tilt, 0deg);animation:bob calc(5s + var(--depth, 1) * 2s) ease-in-out infinite;animation-delay:calc(var(--i, 0) * -.7s)}}@keyframes decor-in{0%{opacity:0;transform:translateY(18px) scale(.92)}to{opacity:1;transform:none}}@supports (animation-timeline: scroll()){@media(min-width:80rem){.hero-decor{animation:parallax linear both;animation-timeline:scroll(root);animation-range:0 100vh}.decor-item>*{animation:bob calc(5s + var(--depth, 1) * 2s) ease-in-out infinite,drift linear both;animation-delay:calc(var(--i, 0) * -.7s),0s;animation-timeline:auto,scroll(root);animation-range:normal,0 100vh}}}@keyframes parallax{to{opacity:.2}}@keyframes drift{to{transform:translateY(calc(var(--depth, 1) * -90px))}}.decor-tile{display:grid;place-items:center;width:4rem;height:4rem;border-radius:18px;background:var(--color-white);border:var(--border-width) solid var(--line-soft);box-shadow:var(--shadow-float),inset 0 -2px 0 var(--line-soft);color:var(--text-primary)}.decor-tile__glyph{width:1.75rem;height:1.75rem}.decor-item:nth-child(odd) .decor-tile{color:var(--color-primary)}.float-card{width:14rem;padding:var(--space-4);background:var(--color-white);border:var(--border-width) solid var(--line-soft);border-radius:20px;box-shadow:var(--shadow-overlay);text-align:left}.float-card__label{margin-bottom:var(--space-3);font-size:var(--type-caption);font-weight:var(--weight-medium);color:var(--text-tertiary)}.share-row,.share-row__names{display:grid;grid-template-columns:repeat(4,2.5rem);justify-content:space-between}.share-row__app{position:relative;display:grid;place-items:center;width:2.5rem;height:2.5rem;border-radius:12px;background:var(--color-surface)}.share-row__app--ours{background:var(--color-white);box-shadow:0 0 0 1px var(--color-primary-line),var(--shadow-primary);animation:tap 4s var(--ease-standard) infinite}.share-row__mark{width:1.75rem;height:1.75rem;color:var(--color-primary)}.share-row__tap{position:absolute;inset:0;border-radius:12px;border:2px solid var(--color-primary);opacity:0;animation:tap-ring 4s var(--ease-out-expo) infinite}.share-row__names{margin-top:var(--space-2)}.share-row__names>span{height:6px;margin:5px 6px 0;border-radius:var(--radius-round);background:var(--color-surface)}.share-row__names>.share-row__name{height:auto;margin:0 -1.25rem;background:none;font-size:.6875rem;font-weight:var(--weight-medium);text-align:center;color:var(--color-primary)}@keyframes tap{0%,58%,to{transform:none}64%{transform:scale(.88)}72%{transform:scale(1.04)}}@keyframes tap-ring{0%,62%{opacity:0;transform:scale(1)}66%{opacity:.6}to{opacity:0;transform:scale(1.6)}}.float-card--progress{width:15rem}.float-file{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--space-3)}.float-file__icon{display:grid;place-items:center;width:2.5rem;height:2.5rem;border-radius:12px;background:var(--color-primary-soft);color:var(--color-primary)}.float-file__icon svg{width:1.25rem;height:1.25rem}.float-file__text{display:grid;min-width:0;line-height:var(--leading-snug)}.float-file__name{font-size:var(--type-label);font-weight:var(--weight-medium);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.float-file__meta{font-size:.75rem;color:var(--text-tertiary)}.float-file__done{display:grid;place-items:center;width:1.5rem;height:1.5rem;border-radius:50%;background:var(--color-primary);color:var(--color-white);animation:done-pop 5s var(--ease-spring) infinite}.float-file__done svg{width:.875rem;height:.875rem;stroke-width:2.5}.float-bar{display:block;height:6px;margin-top:var(--space-4);overflow:hidden;border-radius:var(--radius-round);background:var(--color-surface)}.float-bar__fill{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--blue-500),var(--color-primary));transform-origin:left center;animation:fill 5s var(--ease-standard) infinite}@keyframes fill{0%{transform:scaleX(.04)}62%,92%{transform:scaleX(1)}to{transform:scaleX(.04)}}@keyframes done-pop{0%,60%{opacity:0;transform:scale(.4)}68%,92%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.4)}}.marquee-band{display:grid;gap:var(--space-4);padding:var(--space-10) 0 0;text-align:center}.marquee{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000000 15%,#000000 85%,transparent);mask-image:linear-gradient(90deg,transparent,#000000 15%,#000000 85%,transparent)}.marquee__track{display:flex;width:max-content;gap:var(--space-12);padding:var(--space-2) var(--space-6);animation:marquee 40s linear infinite}@media(hover:hover){.marquee:hover .marquee__track{animation-play-state:paused}.marquee__item:hover{color:var(--color-primary)}}.marquee__item{display:inline-flex;align-items:center;gap:var(--space-2);font-family:var(--font-display);font-size:1.375rem;font-weight:var(--weight-semibold);letter-spacing:var(--tracking-heading);color:var(--text-display-muted);white-space:nowrap;transition:color var(--duration-base) var(--ease-standard)}.marquee__glyph{width:1.375rem;height:1.375rem}@keyframes marquee{to{transform:translate(-50%)}}.eyebrow{display:inline-flex;align-items:center;justify-self:start;gap:var(--space-2);min-height:1.75rem;padding:0 var(--space-3);border-radius:var(--radius-round);background:var(--color-primary-soft);box-shadow:inset 0 0 0 1px var(--color-primary-line);font-size:var(--type-caption);font-weight:var(--weight-medium);color:var(--color-primary-hover)}.eyebrow:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--color-primary);animation:blink 2.4s ease-in-out infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.35}}.section__head--center{justify-items:center;max-width:44rem;margin-inline:auto;text-align:center}.section__head--center .eyebrow{justify-self:center}#how-it-works{padding-bottom:0}.steps-grid{display:grid;gap:var(--space-4);margin:0;padding:0;list-style:none;counter-reset:none}@media(min-width:48rem){.steps-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.step-card{position:relative;display:grid;align-content:start;gap:var(--space-3);padding:var(--space-4) var(--space-4) var(--space-6);background:var(--color-white);border:var(--border-default);border-radius:var(--radius-xl);transition:transform var(--duration-base) var(--ease-out-expo),box-shadow var(--duration-base) var(--ease-out-expo),border-color var(--duration-base) var(--ease-standard)}.step-card>:not(.step-card__art){margin-inline:var(--space-2)}@media(hover:hover){.step-card:hover{transform:translateY(-4px);border-color:var(--color-primary-line);box-shadow:var(--shadow-float)}}.step-card__num{font-family:var(--font-mono);font-size:var(--type-caption);font-weight:var(--weight-medium);color:var(--color-primary);margin-top:var(--space-2)}.step-card__art{position:relative;display:grid;place-items:center;height:10rem;overflow:hidden;border-radius:var(--radius-lg);background-color:var(--color-surface);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14'%3E%3Ccircle cx='2' cy='2' r='1' fill='black' fill-opacity='0.08'/%3E%3C/svg%3E");background-size:14px 14px}.art-share__sheet{display:flex;gap:var(--space-3);padding:var(--space-3);background:var(--color-white);border-radius:18px;box-shadow:var(--shadow-float)}.art-share__app{width:2.5rem;height:2.5rem;border-radius:12px;background:var(--color-surface)}.art-share__app--ours{display:grid;place-items:center;background:var(--color-white);box-shadow:0 0 0 1px var(--color-primary-line),var(--shadow-primary);animation:tap 4s var(--ease-standard) infinite;animation-delay:.4s}.art-share__mark{width:1.75rem;height:1.75rem;color:var(--color-primary)}.art-share__link{position:absolute;top:1.25rem;left:50%;display:inline-flex;align-items:center;gap:var(--space-2);height:1.75rem;padding:0 var(--space-3) 0 var(--space-2);border-radius:var(--radius-round);background:var(--color-white);box-shadow:var(--shadow-float);color:var(--color-primary);animation:link-drop 4s var(--ease-out-expo) infinite;animation-delay:.4s}.art-share__link svg{width:.875rem;height:.875rem}.art-share__url{width:3.5rem;height:5px;border-radius:var(--radius-round);background:var(--color-primary-line)}@keyframes link-drop{0%{opacity:0;transform:translate(-130%,-6px)}20%,50%{opacity:1;transform:translate(-50%)}62%{opacity:0;transform:translate(-50%,2.6rem) scale(.6)}to{opacity:0;transform:translate(-50%,2.6rem) scale(.6)}}.art-relay{grid-template-columns:auto 1fr auto;gap:var(--space-3);padding:0 var(--space-6)}.art-relay__node{display:grid;place-items:center;width:3.25rem;height:3.25rem;border-radius:16px;background:var(--color-white);box-shadow:var(--shadow-float);color:var(--text-primary)}.art-relay__node svg{width:1.5rem;height:1.5rem}.art-relay__node--engine{color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary-line),var(--shadow-primary);animation:glow 2.4s ease-in-out infinite}@keyframes glow{0%,to{box-shadow:0 0 0 1px var(--color-primary-line),var(--shadow-primary)}50%{box-shadow:0 0 0 6px var(--primary-glow),var(--shadow-primary)}}.art-relay__wire{position:relative;justify-self:stretch;height:2px;background-image:linear-gradient(90deg,var(--blue-300) 50%,transparent 50%);background-size:8px 2px}.art-relay__packet{position:absolute;top:-3px;left:0;width:8px;height:8px;border-radius:50%;background:var(--color-primary);box-shadow:0 0 0 4px var(--primary-glow);animation:packet 2.4s var(--ease-standard) infinite}.art-relay__packet:nth-child(2){animation-delay:.8s}.art-relay__packet:nth-child(3){animation-delay:1.6s}@keyframes packet{0%{left:0;opacity:0}15%,85%{opacity:1}to{left:calc(100% - 8px);opacity:0}}.art-save{align-content:center;gap:var(--space-3);padding:0 var(--space-6)}.art-save__row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--space-3);width:min(100%,15rem);padding:var(--space-3);border-radius:14px;background:var(--color-white);box-shadow:var(--shadow-float)}.art-save__icon{display:grid;place-items:center;width:2.25rem;height:2.25rem;border-radius:10px;background:var(--color-primary-soft);color:var(--color-primary)}.art-save__icon svg{width:1.125rem;height:1.125rem}.art-save__lines{display:grid;gap:6px}.art-save__lines span{height:6px;border-radius:var(--radius-round);background:var(--color-border)}.art-save__lines span+span{width:55%;background:var(--color-surface)}.art-save__check{display:grid;place-items:center;width:1.5rem;height:1.5rem;border-radius:50%;background:var(--color-primary);color:var(--color-white);animation:done-pop 5s var(--ease-spring) infinite}.art-save__check svg{width:.875rem;height:.875rem;stroke-width:2.5}.art-save__bar{display:block;width:min(100%,15rem);height:6px;overflow:hidden;border-radius:var(--radius-round);background:var(--color-white)}.art-save__bar span{display:block;height:100%;border-radius:inherit;background:var(--color-primary);transform-origin:left center;animation:fill 5s var(--ease-standard) infinite}.share-setup{display:grid;gap:var(--space-4);margin-top:var(--space-4);padding:clamp(1.25rem,1rem + 1.5vw,2rem);background:radial-gradient(90% 120% at 100% 0%,var(--color-primary-soft),transparent 60%),var(--color-white);border:var(--border-width) solid var(--color-primary-line);border-radius:var(--radius-xl)}@media(min-width:48rem){.share-setup{grid-template-columns:auto minmax(0,1fr);gap:var(--space-6)}}.share-setup__icon{display:grid;place-items:center;width:3rem;height:3rem;border-radius:var(--radius-md);background:var(--color-primary);color:var(--color-white);box-shadow:var(--highlight-inset),var(--shadow-primary)}.share-setup__icon svg{width:1.375rem;height:1.375rem}.share-setup__body{display:grid;gap:var(--space-2);max-width:44rem}.share-setup__body strong{color:var(--text-primary);font-weight:var(--weight-medium)}.share-setup__tip>summary{color:var(--color-primary-hover)}.share-setup__steps{display:grid;gap:var(--space-2);margin:0;padding:0 0 var(--space-2) var(--space-5)}.share-setup__steps li::marker{color:var(--color-primary);font-weight:var(--weight-medium)}.closing__card{position:relative;isolation:isolate;display:grid;justify-items:center;gap:var(--space-4);padding:clamp(2.5rem,1.5rem + 5vw,5.5rem) var(--gutter);overflow:hidden;border-radius:var(--radius-xl);background:radial-gradient(60% 90% at 50% 120%,var(--blue-500),transparent 70%),var(--color-primary-active);color:var(--color-white);text-align:center}.closing__title{max-width:18ch}.closing__muted{display:block;color:var(--blue-300)}.closing__lead{max-width:34rem;color:#ffffffc7}.closing__card .btn--primary{margin-top:var(--space-2);background:var(--color-white);border-color:var(--color-white);color:var(--color-primary-active);box-shadow:0 10px 30px -10px #0006}@media(hover:hover){.closing__card .btn--primary:hover:not(:disabled){background:var(--blue-50);border-color:var(--blue-50)}}.closing__card .btn--primary:focus-visible{box-shadow:0 0 0 2px var(--color-primary-active),0 0 0 4px var(--color-white)}.closing__rings{position:absolute;left:50%;top:50%;z-index:-1}.closing__rings span{position:absolute;left:calc(var(--s) / -2);top:calc(var(--s) / -2);width:var(--s);height:var(--s);border-radius:50%;border:1px solid rgb(255 255 255 / .12);animation:ring-pulse 6s ease-in-out infinite}.closing__rings span:nth-child(1){--s: 22rem}.closing__rings span:nth-child(2){--s: 38rem;animation-delay:.6s}.closing__rings span:nth-child(3){--s: 56rem;animation-delay:1.2s}@keyframes ring-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.04);opacity:.55}}.reveal-ready [data-reveal]:not(.is-revealed){opacity:0}.reveal-ready [data-reveal].is-revealed{animation:reveal-up .8s var(--ease-out-expo) both;animation-delay:var(--reveal-delay, 0ms)}@keyframes reveal-up{0%{opacity:0;translate:0 16px}to{opacity:1;translate:0 0}}@media(min-width:37.5rem){.hero{border-radius:var(--radius-xl)}}@media(min-width:80rem){.hero{padding-block:var(--space-10) var(--space-16)}}