@font-face{font-family:"Geist";font-style:normal;font-weight:300 800;font-display:swap;src:url("fonts/Geist-latin-ext.woff2") format("woff2");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-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Geist";font-style:normal;font-weight:300 800;font-display:swap;src:url("fonts/Geist-latin.woff2") format("woff2");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}

:root{
  color-scheme:light;
  --font-display:"Geist","Helvetica Neue",Arial,system-ui,sans-serif;
  --font-sans:var(--font-display);

  --step--2:clamp(0.6944rem,0.6726rem + 0.0972vw,0.7599rem);
  --step--1:clamp(0.8333rem,0.7936rem + 0.1765vw,0.9522rem);
  --step-0:clamp(1rem,0.9583rem + 0.1852vw,1.125rem);
  --step-1:clamp(1.2rem,1.1167rem + 0.3704vw,1.4994rem);
  --step-2:clamp(1.44rem,1.2976rem + 0.6333vw,1.9988rem);
  --step-3:clamp(1.728rem,1.4981rem + 1.0218vw,2.6644rem);
  --step-4:clamp(2.0736rem,1.7128rem + 1.6037vw,3.5517rem);
  --step-5:clamp(2.4883rem,1.9436rem + 2.4209vw,4.7344rem);
  --step-6:clamp(2.986rem,2.1899rem + 3.5382vw,6.3109rem);

  --weight-light:300;--weight-regular:400;--weight-medium:500;
  --leading-none:0.95;--leading-tight:1.05;--leading-snug:1.2;--leading-normal:1.45;--leading-relaxed:1.6;--leading-loose:1.75;
  --tracking-display:-0.05em;--tracking-tighter:-0.03em;--tracking-tight:-0.015em;--tracking-wide:0.04em;

  --space-1:0.25rem;--space-1-5:0.375rem;--space-2:0.5rem;--space-3:0.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-32:8rem;
  --space-section:clamp(4rem,2.5rem + 7.5vw,10rem);
  --space-block:clamp(2rem,1.25rem + 3.75vw,5rem);
  --gutter:clamp(1rem,0.5rem + 2.5vw,2rem);
  --container-max:1440px;
  --container-pad:clamp(1rem,0.25rem + 3.75vw,4rem);
  --header-h:4rem;

  --radius-xs:2px;--radius-full:9999px;
  --shadow-lg:0 16px 40px -8px rgb(20 20 18 / 0.18);
  --focus-ring:2px solid var(--color-focus);
  --z-sticky:200;--z-overlay:300;--z-popover:500;

  --duration-instant:50ms;--duration-fast:120ms;--duration-base:200ms;--duration-slow:320ms;--duration-slower:600ms;
  --ease-standard:cubic-bezier(0.2,0,0,1);
  --ease-out:cubic-bezier(0.16,1,0.3,1);

  --color-bg:#F4F4F0;--color-bg-subtle:#ECECE6;--color-bg-muted:#E1E1DA;--color-bg-inverse:#141412;--color-bg-overlay:rgb(20 20 18 / 0.55);
  --color-fg:#141412;--color-fg-muted:#55554F;--color-fg-subtle:#92928A;--color-fg-inverse:#F4F4F0;
  --color-border:#CFCFC6;--color-border-strong:#141412;--color-border-subtle:#E1E1DA;
  --color-primary:#C65A3A;--color-primary-hover:#A94A2F;--color-primary-active:#893C27;--color-primary-fg:#F4F4F0;
  --color-error:#A12F24;--color-error-border:#E59891;
  --color-focus:#C65A3A;--color-selection:#F5D9CE;
}
[data-theme="dark"]{
  color-scheme:dark;
  --color-bg:#141412;--color-bg-subtle:#1B1B19;--color-bg-muted:#282825;--color-bg-inverse:#F4F4F0;--color-bg-overlay:rgb(0 0 0 / 0.70);
  --color-fg:#ECECE6;--color-fg-muted:#B5B5AB;--color-fg-subtle:#6F6F68;--color-fg-inverse:#141412;
  --color-border:#3D3D39;--color-border-strong:#ECECE6;--color-border-subtle:#282825;
  --color-primary:#D27152;--color-primary-hover:#DF8E73;--color-primary-active:#EBB4A0;--color-primary-fg:#141412;
  --color-error:#E59891;--color-error-border:#A12F24;
  --color-focus:#D8C7A8;--color-selection:#672E1E;
  --shadow-lg:0 16px 40px -8px rgb(0 0 0 / 0.70);
}
@media (min-width:768px){:root{--header-h:4.5rem}}

*,*::before,*::after{box-sizing:border-box}
*{margin:0}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;hanging-punctuation:first last}
body{min-height:100vh;display:flex;flex-direction:column;background:var(--color-bg);color:var(--color-fg);font:var(--weight-regular) var(--step-0)/var(--leading-relaxed) var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"liga" 1,"kern" 1;overflow-x:clip}
main{flex:1}
img,picture,video,canvas,svg{display:block;max-inline-size:100%;block-size:auto}
input,button,textarea,select{font:inherit;color:inherit;letter-spacing:inherit}
button{background:none;border:0;padding:0;cursor:pointer}
p,h1,h2,h3,h4{overflow-wrap:break-word}
h1,h2,h3,h4{text-wrap:balance}
p,li,figcaption{text-wrap:pretty}
ul[role="list"],ol[role="list"]{list-style:none;padding:0}
::selection{background:var(--color-selection);color:var(--color-fg)}
[hidden]{display:none!important}
a{color:inherit;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:0.18em;text-decoration-color:var(--color-border-strong);transition:color var(--duration-fast) var(--ease-standard),text-decoration-color var(--duration-fast) var(--ease-standard)}
a:hover{color:var(--color-primary);text-decoration-color:var(--color-primary)}
strong{font-weight:var(--weight-medium)}
:focus{outline:none}
:focus-visible{outline:var(--focus-ring);outline-offset:2px}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms!important;animation-iteration-count:1!important;transition-duration:0.01ms!important}}

.t-display-xl{font:var(--weight-light) var(--step-6)/var(--leading-none) var(--font-display);letter-spacing:var(--tracking-display)}
.t-display{font:var(--weight-light) var(--step-5)/var(--leading-none) var(--font-display);letter-spacing:var(--tracking-display)}
.t-h3{font:var(--weight-medium) var(--step-2)/var(--leading-snug) var(--font-sans);letter-spacing:var(--tracking-tight)}
.t-h4{font:var(--weight-medium) var(--step-1)/var(--leading-snug) var(--font-sans);letter-spacing:var(--tracking-tight)}
.t-lead{font:var(--weight-regular) var(--step-1)/var(--leading-snug) var(--font-sans);letter-spacing:var(--tracking-tight);max-inline-size:48ch}
.t-body{max-inline-size:65ch}
.t-body-sm{font-size:var(--step--1);line-height:var(--leading-normal);letter-spacing:var(--tracking-wide)}
.t-meta{font-size:var(--step--1);line-height:var(--leading-normal);color:var(--color-fg-muted);font-variant-numeric:tabular-nums}
.muted{color:var(--color-fg-muted)}

.container{inline-size:100%;max-inline-size:var(--container-max);margin-inline:auto;padding-inline:var(--container-pad)}
.section{padding-block:var(--space-section)}
.section--tight{padding-top:0}
.cols{display:grid;gap:var(--space-8)}
@media (min-width:768px){.cols{grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gutter)}}

.btn{--btn-h:2.75rem;--btn-px:var(--space-5);--btn-fs:var(--step-0);position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);block-size:var(--btn-h);padding-inline:var(--btn-px);font:var(--weight-medium) var(--btn-fs)/1 var(--font-sans);letter-spacing:var(--tracking-tight);border:1px solid transparent;border-radius:var(--radius-xs);white-space:nowrap;user-select:none;text-decoration:none;cursor:pointer;color:var(--color-fg);background:transparent;transition:background-color var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard),transform var(--duration-instant) var(--ease-standard)}
.btn--sm{--btn-h:2rem;--btn-px:var(--space-3);--btn-fs:var(--step--1)}
.btn--md{min-inline-size:5.5rem}
.btn--primary{background:var(--color-primary);color:var(--color-primary-fg)}
.btn--primary:hover{background:var(--color-primary-hover);color:var(--color-primary-fg)}
.btn--primary:active{background:var(--color-primary-active)}
.btn--outline{border-color:var(--color-border-strong)}
.btn--outline:hover,.btn--ghost:hover{background:var(--color-bg-muted);color:var(--color-fg)}
.btn--icon{inline-size:var(--btn-h);min-inline-size:0;padding:0}
.btn:active{transform:translateY(1px)}
.btn:disabled{opacity:.45;cursor:not-allowed;pointer-events:none}
.btn__icon{display:inline-block;transition:transform var(--duration-fast) var(--ease-out)}
.btn:hover .btn__icon{transform:translateX(2px)}

.site-header{position:sticky;top:0;z-index:var(--z-sticky);background:color-mix(in oklab,var(--color-bg) 92%,transparent);backdrop-filter:blur(8px);border-bottom:1px solid var(--color-border)}
.site-header .container{display:flex;align-items:center;gap:var(--space-8);height:var(--header-h)}
.brand{display:inline-flex;align-items:center;gap:var(--space-2);text-decoration:none;font-weight:var(--weight-medium);letter-spacing:var(--tracking-tight);white-space:nowrap}
.brand svg{width:1.5em;height:1.5em;flex:none}
.brand:hover{color:var(--color-fg)}
.site-nav{display:none;margin-inline-start:auto;gap:var(--space-6)}
.site-nav a{text-decoration:none;font-size:var(--step--1);font-weight:var(--weight-medium)}
.site-nav a[aria-current="page"]{color:var(--color-primary)}
.menu-btn{margin-inline-start:auto}
@media (min-width:1024px){.site-nav{display:flex}.menu-btn{display:none}}

.sheet{position:fixed;inset:0;z-index:var(--z-overlay);display:grid}
.sheet__scrim{position:absolute;inset:0;background:var(--color-bg-overlay);animation:fade var(--duration-base) var(--ease-standard)}
.sheet__panel{position:relative;z-index:1;margin:0 0 0 auto;width:min(100%,28rem);height:100dvh;background:var(--color-bg);border-left:1px solid var(--color-border);box-shadow:var(--shadow-lg);padding:var(--space-6);display:grid;grid-template-rows:auto 1fr;gap:var(--space-4);align-content:start;animation:slide-in var(--duration-slow) var(--ease-out);overflow:auto}
.sheet__head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4)}
.sheet__head h2{font:var(--weight-medium) var(--step-1)/var(--leading-snug) var(--font-sans);letter-spacing:var(--tracking-tight)}
.sheet__nav{display:grid}
.sheet__nav a{display:block;padding-block:var(--space-4);border-top:1px solid var(--color-border);text-decoration:none;font:var(--weight-medium) var(--step-3)/1.1 var(--font-display);letter-spacing:var(--tracking-tighter)}
.sheet__nav li:last-child a{border-bottom:1px solid var(--color-border)}
.sheet__nav a[aria-current="page"]{color:var(--color-primary)}
body.sheet-open{overflow:hidden}

.hero{position:relative;overflow:hidden;min-height:min(78vh,52rem);display:flex;align-items:flex-end;border-bottom:1px solid var(--color-border)}
.hero canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.hero__in{position:relative;padding-block:var(--space-20) var(--space-16)}
.hero h1{max-width:12ch}
.hero__foot{margin-top:var(--space-block);display:grid;gap:var(--space-8)}
.hero__foot p{max-width:46ch;color:var(--color-fg-muted)}
.hero--page{min-height:0}
.hero--page .hero__in{padding-block:var(--space-12) var(--space-block)}
.hero--page h1{max-width:16ch}
.hero--page .t-lead{margin-top:var(--space-6)}
.hero--page + .container{padding-top:var(--space-block)}
.hero--split{display:grid;gap:var(--space-8)}
.hero--notfound .hero__in{display:grid;gap:var(--space-6)}
@media (min-width:768px){
  .hero__in{padding-block:var(--space-32) var(--space-20)}
  .hero--page .hero__in{padding-block:var(--space-20) var(--space-block)}
  .hero__foot{grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gutter);align-items:end}
  .hero__foot p{grid-column:1/span 6}
  .hero__foot .btn{grid-column:9/span 4;justify-self:end}
}
@media (min-width:1024px){
  .hero--split{grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gutter);align-items:end}
  .hero--split > div{grid-column:1/8}
  .hero--split > .frame{grid-column:9/13}
}
.crumbs{display:flex;gap:var(--space-2);font-size:var(--step--1);color:var(--color-fg-muted);margin-bottom:var(--space-8)}
.crumbs a{text-decoration:none}
.page-icon{width:2rem;height:2rem;margin-bottom:var(--space-6)}

.section-header{display:flex;align-items:center;gap:var(--space-4);padding-block-start:var(--space-4);border-block-start:1px solid var(--color-border-strong);margin-block-end:var(--space-block)}
.section-header h2{font:var(--weight-medium) var(--step-1)/var(--leading-snug) var(--font-sans);letter-spacing:var(--tracking-tight)}
.ico{display:inline-grid;place-items:center;width:1.5rem;height:1.5rem;color:var(--color-primary);flex:none}
.ico svg{width:100%;height:100%}

.split__a{display:grid;gap:var(--space-6);align-content:start}
.split__b{display:grid;gap:var(--space-6);align-content:start}
@media (min-width:768px){.split__a{grid-column:1/span 4}.split__b{grid-column:5/span 8}.cols--late .split__b{grid-column:6/span 7}}
.statement{font:var(--weight-light) var(--step-4)/var(--leading-tight) var(--font-display);letter-spacing:var(--tracking-tighter);text-wrap:balance;max-width:22ch}
.statement em{font-style:normal;color:var(--color-fg-subtle)}
.about-intro{margin-top:var(--space-16)}

.frame{margin:0;overflow:hidden;aspect-ratio:16/9;background:var(--color-bg-muted)}
.frame--4x3{aspect-ratio:4/3}
.frame img{width:100%;height:100%;object-fit:cover;transition:transform var(--duration-slower) var(--ease-out)}
.frame:hover img{transform:scale(1.02)}

.card{position:relative;display:grid;gap:var(--space-4);align-content:start}
.card--flat{padding-block:var(--space-6);border-block-start:1px solid var(--color-border)}
.card--filled{padding:var(--space-8);background:var(--color-bg-subtle)}
.card__head{display:grid;grid-template-columns:auto 1fr;column-gap:var(--space-4);align-items:center}
.card__head h3{margin:0}
.card p{color:var(--color-fg-muted);max-inline-size:60ch}
.card__head + p{margin-inline-start:calc(1.5rem + var(--space-4))}
.card--filled p{margin-inline-start:0}
.routes{display:grid;column-gap:var(--gutter);border-bottom:1px solid var(--color-border)}
@media (min-width:768px){.routes{grid-template-columns:repeat(3,minmax(0,1fr));border-bottom:0}}
.card-list{border-block-end:1px solid var(--color-border)}

.values{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-4);border-top:1px solid var(--color-border-strong);padding-top:var(--space-4);font-size:var(--step--1);font-weight:var(--weight-medium);letter-spacing:var(--tracking-tight)}
.values li+li::before{content:"·";color:var(--color-fg-subtle);margin-inline-end:var(--space-4);font-weight:var(--weight-regular)}

.steps{display:grid;gap:var(--space-8) var(--gutter)}
.steps li{border-top:1px solid var(--color-border-strong);padding-top:var(--space-4);display:grid;gap:var(--space-3);align-content:start}
.steps .ico{margin-bottom:var(--space-2)}
.steps p{color:var(--color-fg-muted)}
@media (min-width:640px){.steps{grid-template-columns:1fr 1fr}}
@media (min-width:1024px){.steps{grid-template-columns:repeat(4,minmax(0,1fr))}}

.partners{display:grid;grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));border-top:1px solid var(--color-border-strong)}
.partners a{display:flex;align-items:center;justify-content:center;height:9rem;padding:var(--space-6) var(--space-8);border-bottom:1px solid var(--color-border);opacity:.85;transition:opacity var(--duration-fast) var(--ease-standard)}
.partners li+li a{border-left:1px solid var(--color-border)}
.partners a:hover{opacity:1}
.partners img{width:auto;height:auto;max-width:11rem;max-height:3.25rem;object-fit:contain}
.partners img[alt^="UK Asia"]{max-height:5.5rem}
@media (max-width:639px){.partners li+li a{border-left:0}}

.careers{display:grid;gap:var(--space-12);padding-bottom:var(--space-section)}
.careers aside{display:grid;gap:var(--space-6);align-content:start}
.careers aside p{color:var(--color-fg-muted)}
.careers form,.careers .confirm{display:grid;gap:var(--space-6);align-content:start}
.two-up{display:grid;gap:var(--space-6)}
@media (min-width:640px){.two-up{grid-template-columns:1fr 1fr}}
@media (min-width:768px){.careers{grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gutter)}.careers aside{grid-column:1/span 4}.careers form,.careers .confirm{grid-column:6/span 7}}
.field{--field-h:2.75rem;display:grid;gap:var(--space-2)}
.field__label{font:var(--weight-medium) var(--step--1)/var(--leading-normal) var(--font-sans);letter-spacing:var(--tracking-wide)}
.field__label small{color:var(--color-fg-muted);font-weight:var(--weight-regular);font-size:inherit}
.field__control{display:flex;align-items:center;min-block-size:var(--field-h);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-xs);transition:border-color var(--duration-fast) var(--ease-standard)}
.field__control:hover{border-color:var(--color-border-strong)}
.field__control:focus-within{border-color:var(--color-border-strong);outline:var(--focus-ring);outline-offset:2px}
.field__input{flex:1;min-inline-size:0;block-size:var(--field-h);padding-inline:var(--space-4);background:transparent;border:0;outline:0;color:var(--color-fg)}
textarea.field__input{block-size:auto;padding-block:var(--space-3);resize:vertical;line-height:var(--leading-relaxed)}
.field__hint{color:var(--color-fg-muted);font-size:var(--step--1);line-height:var(--leading-normal)}
input[type="file"].field__input{padding-block:var(--space-2);block-size:auto;min-block-size:var(--field-h);line-height:1.6}
input[type="file"]::file-selector-button{font:inherit;color:inherit;background:var(--color-bg-muted);border:0;border-radius:var(--radius-xs);padding:var(--space-1) var(--space-3);margin-inline-end:var(--space-3);cursor:pointer}
.check{display:grid;grid-template-columns:auto 1fr;gap:var(--space-3);align-items:start;font-size:var(--step--1);line-height:var(--leading-normal);color:var(--color-fg-muted)}
.check input{appearance:none;width:1.125rem;height:1.125rem;margin-top:.15em;border:1px solid var(--color-border-strong);border-radius:var(--radius-xs);background:var(--color-bg);display:grid;place-items:center;cursor:pointer}
.check input:checked{background:var(--color-bg-inverse)}
.check input:checked::after{content:"✓";color:var(--color-fg-inverse);font-size:.75rem;line-height:1}
.form-foot{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-4);border-top:1px solid var(--color-border);padding-top:var(--space-6)}
.form-err{color:var(--color-error);font-size:var(--step--1)}
.hp{position:absolute;left:-9999px;opacity:0;height:0;width:0}

.policy{display:grid;gap:var(--space-10);max-width:65ch;padding-bottom:var(--space-section)}
.policy section{display:grid;gap:var(--space-4);border-top:1px solid var(--color-border);padding-top:var(--space-6)}
.policy p{color:var(--color-fg-muted);line-height:var(--leading-loose)}
.policy h3{margin-top:var(--space-2)}
@media (min-width:1024px){.policy{margin-left:calc((100% - var(--gutter) * 11) / 12 * 4 + var(--gutter) * 4)}}

.site-footer{margin-top:auto;border-top:1px solid var(--color-border-strong);padding-block:var(--space-block) var(--space-8)}
.site-footer .cols{gap:var(--space-10)}
.footer-firm{display:grid;gap:var(--space-2);align-content:start}
.footer-firm .t-body-sm{color:var(--color-fg-muted)}
.footer-firm strong{display:block;font-size:var(--step-1);letter-spacing:var(--tracking-tight);max-width:22ch;margin-top:var(--space-2)}
.footer-firm address{font-style:normal;margin-top:var(--space-4)}
.footer-contact{display:grid;gap:var(--space-6)}
.footer-contact div{border-top:1px solid var(--color-border);padding-top:var(--space-4);display:grid;gap:var(--space-1)}
.footer-contact a{text-decoration:none;font-weight:var(--weight-medium)}
.footer-contact span{color:var(--color-fg-muted);font-size:var(--step--1)}
@media (min-width:768px){.footer-firm{grid-column:1/span 5}.footer-contact{grid-column:7/span 6;grid-template-columns:1fr 1fr}}
.footer-name{font:var(--weight-light) var(--step-6)/var(--leading-none) var(--font-display);letter-spacing:var(--tracking-display);margin-block:var(--space-block) var(--space-6)}
.footer-legal{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-3) var(--space-6);font-size:var(--step--2);color:var(--color-fg-muted);border-top:1px solid var(--color-border);padding-top:var(--space-4)}
.footer-legal a{text-decoration:none}

.consent{position:fixed;z-index:var(--z-popover);left:var(--space-4);right:var(--space-4);bottom:var(--space-4);display:grid;gap:var(--space-5);padding:var(--space-6);background:var(--color-bg);border:1px solid var(--color-border);box-shadow:var(--shadow-lg);animation:rise var(--duration-slow) var(--ease-out)}
@media (min-width:640px){.consent{left:auto;width:26rem;right:var(--space-6);bottom:var(--space-6)}}
.consent header{display:grid;gap:var(--space-2)}
.consent header p:first-child{font-weight:var(--weight-medium);letter-spacing:var(--tracking-tight)}
.consent header p+p{font-size:var(--step--1);color:var(--color-fg-muted);line-height:var(--leading-normal)}
.consent__opts{display:grid;border-top:1px solid var(--color-border)}
.consent__actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}
.consent__actions [data-act="manage"]{margin-left:auto}
.toggle{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding-block:var(--space-3);border-bottom:1px solid var(--color-border);cursor:pointer}
.toggle:has(input:disabled){cursor:default}
.toggle__text{display:grid;gap:2px;font-size:var(--step--1);line-height:var(--leading-normal)}
.toggle__text b{font-weight:var(--weight-medium)}
.toggle__text span{color:var(--color-fg-muted)}
.toggle input{position:absolute;opacity:0;width:0;height:0}
.toggle i{flex:none;position:relative;width:2.5rem;height:1.5rem;border-radius:var(--radius-full);background:var(--color-bg-muted);border:1px solid var(--color-border);transition:background-color var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard)}
.toggle i::after{content:"";position:absolute;top:2px;left:2px;width:calc(1.5rem - 6px);height:calc(1.5rem - 6px);border-radius:var(--radius-full);background:var(--color-fg);transition:transform var(--duration-fast) var(--ease-standard)}
.toggle input:checked+i{background:var(--color-primary);border-color:var(--color-primary)}
.toggle input:checked+i::after{transform:translateX(1rem);background:var(--color-primary-fg)}
.toggle input:disabled+i{opacity:.5}
.toggle input:focus-visible+i{outline:var(--focus-ring);outline-offset:2px}

@keyframes fade{from{opacity:0}}
@keyframes rise{from{opacity:0;translate:0 8px}}
@keyframes slide-in{from{translate:100% 0}}