@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/bricolage-grotesque-vietnamese-wght-normal.BUzh504Q.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/bricolage-grotesque-latin-ext-wght-normal.CcLUaPy7.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/bricolage-grotesque-latin-wght-normal.DLoelf7F.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(data:font/woff2;base64,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)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/_astro/jetbrains-mono-cyrillic-wght-normal.D73BlboJ.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/_astro/jetbrains-mono-greek-wght-normal.Bw9x6K1M.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/_astro/jetbrains-mono-vietnamese-wght-normal.Bt-aOZkq.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/_astro/jetbrains-mono-latin-ext-wght-normal.DBQx-q_a.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/_astro/jetbrains-mono-latin-wght-normal.B9CIFXIH.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--surface-canvas:#fafaf7;--surface-primary:#fff;--surface-muted:#f4f2ee;--surface-inverse:#0b0b0a;--surface-inverse-raised:#16161a;--text-primary:#0f0e0d;--text-secondary:#5c5953;--text-tertiary:#6e6a62;--text-inverse:#f5f2ec;--text-inverse-muted:#b5b0a6;--border-default:#e8e4dd;--border-strong:#d4cfc5;--border-inverse-subtle:#f5f2ec29;--border-inverse-default:#f5f2ec38;--border-inverse-emphasis:#f5f2ec80;--accent-primary:#087979;--accent-primary-hover:#066969;--accent-text:#0a6b6b;--accent-deep:#074d4d;--accent-warm:#f4b942;--accent-warm-text:#6b4d14;--accent-warm-shadow:#f4b9424d;--accent-plum:#5e2a8a;--status-success:#047857;--status-success-bg:#ecfdf5;--status-error:#b91c1c;--status-error-bg:#fee2e2;--status-info-bg:#e6f7f7;--focus-ring:#0a8e8e;--overlay:#0f0e0d80;--grid-warm-line:#f4b9422e;--grid-cool-line:#0a8e8e21;--grid-cool-glow:#0a8e8e1a;--grid-neutral-line:#d4cfc594;--shadow-soft:0 8px 24px #0f0e0d14;--shadow-device:0 40px 100px #0f0e0d38;--shadow-device-rim:inset 0 0 0 1px #ffffff38;--font-display:"Bricolage Grotesque Variable", system-ui, sans-serif;--font-mono:"JetBrains Mono Variable", ui-monospace, monospace;--text-display-xl:clamp(3.25rem, 7vw, 6.5rem);--text-display:clamp(2.75rem, 5vw, 5rem);--text-h1:clamp(2.25rem, 4vw, 4rem);--text-h2:clamp(1.8rem, 3vw, 3rem);--text-h3:clamp(1.25rem, 2vw, 1.65rem);--text-lead:clamp(1.1rem, 1.6vw, 1.35rem);--text-body:1rem;--text-small:.875rem;--text-label:.75rem;--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;--space-32:8rem;--space-40:10rem;--section-space:clamp(5rem, 10vw, 10rem);--container:80rem;--reading:47.5rem;--radius-sm:.25rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-device:2.25rem;--control-height:3rem;--target-size:2.75rem;--header-height:4.5rem;--motion-instant:.1s;--motion-fast:.2s;--motion-medium:.35s;--motion-slow:.5s;--ease-standard:cubic-bezier(.16, 1, .3, 1)}@media (prefers-contrast:more){:root{--border-default:#5c5953;--border-strong:#0f0e0d;--text-secondary:#2f2d29}}.container{inline-size:min(100% - (var(--space-8) * 2), var(--container));margin-inline:auto}.reading-width{max-inline-size:var(--reading)}.site-main{min-block-size:70vh}.site-header{z-index:50;border-block-end:1px solid var(--border-default);background:color-mix(in srgb, var(--surface-canvas) 88%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);position:sticky;inset-block-start:0}.site-header__inner{min-block-size:var(--header-height);justify-content:space-between;align-items:center;gap:var(--space-6);display:flex}.site-logo{min-block-size:var(--target-size);align-items:center;inline-size:10.5rem;display:inline-flex}.site-nav,.site-nav__links,.site-nav__actions{align-items:center;display:flex}.site-nav{flex:1;justify-content:space-between}.site-nav__links,.site-nav__actions{gap:var(--space-2)}.site-nav__link{min-block-size:var(--target-size);padding-inline:var(--space-4);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--text-small);transition:background-color var(--motion-fast) var(--ease-standard), color var(--motion-fast) var(--ease-standard);align-items:center;font-weight:620;text-decoration:none;display:inline-flex}.site-nav__link:is(:hover,[aria-current=page]){background:var(--surface-muted);color:var(--text-primary)}.mobile-menu{display:none}.mobile-menu__trigger{inline-size:var(--target-size);block-size:var(--target-size);border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--surface-primary);cursor:pointer;place-items:center;display:grid}.mobile-menu__icon{inline-size:var(--space-6);block-size:var(--space-6);fill:none;stroke:currentColor;stroke-linecap:square;stroke-linejoin:miter;stroke-width:2px}.mobile-menu__icon--close,.mobile-menu[data-open=true] .mobile-menu__icon--open{display:none}.mobile-menu[data-open=true] .mobile-menu__icon--close{display:block}.mobile-menu__panel{z-index:-1;inset:var(--header-height) 0 0;padding:var(--space-4);background:var(--overlay);opacity:0;pointer-events:none;transition:opacity var(--motion-medium) var(--ease-standard);position:fixed}.mobile-menu__panel[data-open=true]{opacity:1;pointer-events:auto}.mobile-menu__panel nav{gap:var(--space-2);padding:var(--space-5);border:1px solid var(--border-default);border-radius:var(--radius-lg);background:var(--surface-primary);box-shadow:var(--shadow-soft);transform:translateY(calc(var(--space-2) * -1));transition:transform var(--motion-medium) var(--ease-standard);display:grid}.mobile-menu__panel[data-open=true] nav{transform:translateY(0)}.mobile-menu__panel nav>a:not(.button){min-block-size:var(--target-size);padding-inline:var(--space-4);border-radius:var(--radius-md);align-items:center;font-weight:620;text-decoration:none;display:flex}.mobile-menu__panel nav>a:is(:hover,[aria-current=page]){background:var(--surface-muted)}.site-footer{padding-block:var(--space-20) var(--space-8);border-block-start:1px solid var(--border-default);background:var(--surface-primary)}.footer-grid{gap:var(--space-8);grid-template-columns:minmax(14rem,1.4fr) repeat(4,minmax(8rem,1fr));display:grid}.footer-group h2{font-family:var(--font-mono);font-size:var(--text-label);letter-spacing:.08em;text-transform:uppercase;margin-block-end:var(--space-3)}.footer-group a{padding-block:var(--space-1);color:var(--text-secondary);font-size:var(--text-small);text-decoration:none;display:block}.footer-group a:hover{color:var(--accent-text)}.footer-meta{justify-content:space-between;gap:var(--space-6);border-block-start:1px solid var(--border-default);color:var(--text-tertiary);font-size:var(--text-small);margin-block-start:var(--space-12);padding-block-start:var(--space-6);display:flex}@media (width<=64rem){.site-nav{display:none}.mobile-menu{display:block}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-brand{grid-column:1/-1}}@media (width<=47.99rem){.container{inline-size:min(100% - (var(--space-4) * 2), var(--container))}.footer-meta{flex-direction:column}}.button{min-block-size:var(--control-height);justify-content:center;align-items:center;gap:var(--space-2);padding-inline:var(--space-5);border-radius:var(--radius-md);cursor:pointer;transition:transform var(--motion-instant) var(--ease-standard), background-color var(--motion-fast) var(--ease-standard), border-color var(--motion-fast) var(--ease-standard), color var(--motion-fast) var(--ease-standard);border:1px solid #0000;font-weight:650;line-height:1;text-decoration:none;display:inline-flex}.button:hover{transform:translateY(-2px)}.button:active{transform:scale(.98)}.button--primary{background:var(--accent-primary);color:var(--surface-primary)}.button--primary:hover{background:var(--accent-primary-hover)}.button--dark{background:var(--text-primary);color:var(--surface-primary)}.button--outline{border-color:var(--border-strong);background:var(--surface-primary);color:var(--text-primary)}.button--text{padding-inline:var(--space-2);color:var(--accent-text)}.button:is(:disabled,[aria-disabled=true]){opacity:.48;cursor:not-allowed;transform:none}.section-header{max-inline-size:var(--reading)}.section-header--center{text-align:center;margin-inline:auto}.section-header--split{gap:var(--space-10);grid-template-columns:5fr 7fr;align-items:end;max-inline-size:none;display:grid}.section-header__eyebrow,.eyebrow{color:var(--accent-warm-text);font-family:var(--font-mono);font-size:var(--text-label);letter-spacing:.08em;text-transform:uppercase;margin-block-end:var(--space-4);font-weight:600}.section-header__title{font-size:var(--text-h2);letter-spacing:-.02em;margin-block-end:var(--space-5);font-weight:650;line-height:1.08}.section-header__lead{color:var(--text-secondary);font-size:var(--text-lead);margin:0;line-height:1.55}.feature-link{gap:var(--space-5);padding-block:var(--space-6);border-block-end:1px solid var(--border-default);transition:color var(--motion-fast) var(--ease-standard), transform var(--motion-fast) var(--ease-standard);grid-template-columns:auto 1fr auto;align-items:start;text-decoration:none;display:grid}.feature-link:hover{color:var(--accent-text);transform:translateX(var(--space-1))}.feature-link__icon{inline-size:var(--target-size);block-size:var(--target-size);border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--surface-primary);color:var(--accent-text);place-items:center;display:grid}.feature-link__title{font-size:var(--text-h3);margin-block-end:var(--space-1);line-height:1.2}.feature-link__copy{color:var(--text-secondary);margin:0}.product-device{margin:0}.device-shell{padding:var(--space-2);border:1px solid var(--border-strong);border-radius:var(--radius-device);background:var(--surface-inverse-raised);box-shadow:var(--shadow-device), var(--shadow-device-rim);position:relative;overflow:hidden}.device-shell:before{z-index:2;inline-size:30%;block-size:var(--space-5);border-radius:var(--radius-lg);background:var(--surface-inverse);content:"";position:absolute;inset-block-start:var(--space-3);inset-inline-start:50%;transform:translate(-50%)}.device-shell img{border-radius:calc(var(--radius-device) - var(--space-2));block-size:auto;inline-size:100%}.product-device figcaption{max-inline-size:32rem;color:var(--text-secondary);font-size:var(--text-small);margin-block-start:var(--space-5)}.workflow-rail{counter-reset:workflow;grid-template-columns:repeat(var(--rail-count), minmax(0, 1fr));margin:0;padding:0;list-style:none;display:grid}.workflow-rail__step{padding:var(--space-10) var(--space-5) 0 0;border-block-start:1px solid var(--border-strong);counter-increment:workflow;position:relative}.workflow-rail__step:before{inline-size:var(--space-6);block-size:var(--space-6);border:1px solid var(--accent-warm);background:var(--surface-canvas);color:var(--accent-warm-text);content:counter(workflow, decimal-leading-zero);font-family:var(--font-mono);font-size:var(--text-label);border-radius:50%;place-items:center;display:grid;position:absolute;inset-block-start:0;inset-inline-start:0;transform:translateY(-50%)}.workflow-rail__step h3{font-size:var(--text-body);margin-block-end:var(--space-2)}.workflow-rail__step p{color:var(--text-secondary);font-size:var(--text-small);margin:0}@media (width<=47.99rem){.section-header--split{display:block}.workflow-rail{grid-template-columns:1fr}.workflow-rail__step{padding:0 0 var(--space-8) var(--space-10);border-block-start:0;border-inline-start:1px solid var(--border-strong)}.workflow-rail__step:before{inset-block-start:0;transform:translate(-50%)}}.form-field{gap:var(--space-2);display:grid}.form-field label{font-weight:620}.form-field :is(input,textarea,select){inline-size:100%;min-block-size:var(--control-height);padding:var(--space-3) var(--space-4);border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface-primary)}.form-field textarea{resize:vertical;min-block-size:8rem}.form-field :is(input,textarea,select):focus-visible{border-color:var(--focus-ring);outline:3px solid color-mix(in srgb, var(--focus-ring) 28%, transparent);outline-offset:0}.form-field :is(input,textarea,select)[aria-invalid=true]{border-color:var(--status-error)}.form-field__helper,.form-field__error{font-size:var(--text-small);margin:0}.form-field__helper{color:var(--text-secondary)}.form-field__error{color:var(--status-error)}.form-status{gap:var(--space-4);padding:var(--space-5);border:1px solid var(--border-default);border-radius:var(--radius-md);grid-template-columns:auto 1fr;display:grid}.form-status--success{border-color:var(--status-success);background:var(--status-success-bg)}.form-status--error{border-color:var(--status-error);background:var(--status-error-bg)}.form-status--info{border-color:var(--accent-primary);background:var(--status-info-bg)}.form-status h2,.form-status p{margin-block-end:var(--space-1)}.form-status__reference{font-family:var(--font-mono);font-size:var(--text-small)}.form-submit-button{position:relative}.form-submit-button__indicator{border:2px solid;border-inline-end-color:#0000;border-radius:50%;block-size:.9rem;inline-size:.9rem;display:none}.form-submit-button[data-state=loading] .form-submit-button__indicator{animation:.8s linear infinite form-submit-spin;display:inline-block}.form-submit-button[data-state=success]{background:var(--status-success)}.form-submit-button[data-state=error]{background:var(--status-error)}@keyframes form-submit-spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.form-submit-button[data-state=loading] .form-submit-button__indicator{animation-name:form-submit-pulse}@keyframes form-submit-pulse{50%{opacity:.45}}}.breadcrumbs{padding-block:var(--space-5)}.breadcrumbs ol{gap:var(--space-2);color:var(--text-secondary);font-size:var(--text-small);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.breadcrumbs li:not(:last-child):after{color:var(--border-strong);content:"/";margin-inline-start:var(--space-2)}.breadcrumbs a:hover{color:var(--accent-text)}.faq-list{border-block-start:1px solid var(--border-default)}.faq-item{border-block-end:1px solid var(--border-default)}.faq-trigger{justify-content:space-between;align-items:center;gap:var(--space-5);min-block-size:4rem;inline-size:100%;padding:var(--space-5) 0;text-align:start;cursor:pointer;background:0 0;border:0;font-weight:620;display:flex}.faq-panel{overflow:hidden}.faq-panel__inner{max-inline-size:65ch;color:var(--text-secondary);padding-block-end:var(--space-6)}.gallery{position:relative}.gallery__viewport{max-inline-size:22rem;margin-inline:auto}.gallery__controls{justify-content:center;align-items:center;gap:var(--space-4);margin-block-start:var(--space-8);display:flex}.gallery__control{inline-size:var(--target-size);block-size:var(--target-size);border:1px solid var(--border-strong);background:var(--surface-primary);cursor:pointer;border-radius:50%;place-items:center;display:grid}.gallery__control:disabled{opacity:.4;cursor:not-allowed}.gallery__position{min-inline-size:5rem;font-family:var(--font-mono);font-size:var(--text-label);text-align:center}.stateful-button[data-state=success]{background:var(--status-success)}.stateful-button[data-state=error]{background:var(--status-error)}.stateful-button__spinner{animation:.8s linear infinite stateful-spin}@keyframes stateful-spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.stateful-button__spinner{animation-name:stateful-pulse}@keyframes stateful-pulse{50%{opacity:.45}}}.showcase-hero{padding-block:var(--space-24) var(--space-16);border-block-end:1px solid var(--border-default);background-color:var(--surface-muted);background-image:linear-gradient(var(--border-default) 1px, transparent 1px), linear-gradient(90deg, var(--border-default) 1px, transparent 1px);background-size:var(--space-8) var(--space-8)}.showcase-hero h1{max-inline-size:12ch;font-size:var(--text-display);letter-spacing:-.035em;margin-block-end:var(--space-5);line-height:.98}.showcase-hero p:last-child{max-inline-size:62ch;color:var(--text-secondary);font-size:var(--text-lead);margin:0}.showcase-section{padding-block:var(--space-20);border-block-end:1px solid var(--border-default)}.showcase-section--muted{background:var(--surface-muted)}.showcase-section--dark{background:var(--surface-inverse);color:var(--text-inverse)}.showcase-section--dark .section-header__lead{color:var(--text-inverse-muted)}.showcase-section--dark .section-header__eyebrow{color:var(--accent-warm)}.showcase-section--dark .product-device figcaption{color:var(--text-inverse-muted)}.showcase-title{font-size:var(--text-h2);margin-block-end:var(--space-10);line-height:1.08}.showcase-grid{gap:var(--space-6);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.showcase-grid--two{grid-template-columns:repeat(2,minmax(0,1fr))}.showcase-stack{gap:var(--space-4);flex-wrap:wrap;align-items:center;display:flex}.showcase-card{padding:var(--space-6);border:1px solid var(--border-default);border-radius:var(--radius-lg);background:var(--surface-primary)}.showcase-card>:last-child{margin-block-end:0}.swatch{border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--surface-primary);overflow:hidden}.swatch__sample{block-size:var(--space-20);background:var(--swatch)}.swatch__label{justify-content:space-between;gap:var(--space-3);padding:var(--space-3);font-family:var(--font-mono);font-size:var(--text-label);display:flex}.swatch--canvas{--swatch:var(--surface-canvas)}.swatch--ink{--swatch:var(--text-primary)}.swatch--turquoise{--swatch:var(--accent-primary)}.swatch--marigold{--swatch:var(--accent-warm)}.swatch--plum{--swatch:var(--accent-plum)}.swatch--success{--swatch:var(--status-success)}.type-sample{padding-block:var(--space-5);border-block-end:1px solid var(--border-default)}.type-sample span{color:var(--text-tertiary);font-family:var(--font-mono);font-size:var(--text-label);letter-spacing:.08em;text-transform:uppercase;margin-block-end:var(--space-2);display:block}.type-sample--display p{font-size:var(--text-display);letter-spacing:-.035em;font-weight:720;line-height:.98}.type-sample--h2 p{font-size:var(--text-h2);font-weight:650;line-height:1.08}.type-sample--lead p{font-size:var(--text-lead);line-height:1.55}.type-sample p{margin:0}.showcase-device{max-inline-size:22rem;margin-inline:auto}.showcase-note{color:var(--text-secondary);font-family:var(--font-mono);font-size:var(--text-label);margin-block-start:var(--space-6)}@media (width<=64rem){.showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=47.99rem){.showcase-hero{padding-block:var(--space-16) var(--space-12)}.showcase-section{padding-block:var(--space-16)}.showcase-grid,.showcase-grid--two{grid-template-columns:1fr}}*,:before,:after{box-sizing:border-box}html{background:var(--surface-canvas);color:var(--text-primary);font-family:var(--font-display);scroll-behavior:smooth;text-rendering:optimizelegibility}body{background:var(--surface-canvas);min-inline-size:20rem;font-size:var(--text-body);margin:0;line-height:1.65}body.menu-open{overflow:hidden}img,svg{max-inline-size:100%;display:block}button,input,select,textarea{color:inherit;font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit}h1,h2,h3,p{margin-block-start:0}h1,h2,h3{text-wrap:balance}p{text-wrap:pretty}:focus-visible{outline:3px solid var(--focus-ring);outline-offset:var(--space-1)}::selection{background:var(--accent-warm);color:var(--text-primary)}.skip-link{z-index:100;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--text-primary);color:var(--surface-primary);transition:transform var(--motion-fast) var(--ease-standard);position:fixed;inset-block-start:var(--space-4);inset-inline-start:var(--space-4);transform:translateY(-200%)}.skip-link:focus{transform:translateY(0)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;block-size:1px;inline-size:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.skip-link,.button,.feature-link,.site-nav__link,.mobile-menu__panel,.mobile-menu__panel nav{transition-duration:1ms}.button:hover,.feature-link:hover,.mobile-menu__panel nav{transform:none}}@media (forced-colors:active){:focus-visible{outline-color:highlight}}