/* assets/css/home.css */
:root{--expo-max:78rem;--expo-nav-h:3.5rem;--expo-topbar-h:2.75rem;--expo-ease:var(--velin-ease-out,cubic-bezier(0.22,1,0.36,1));--velin-color-bg:var(--velin-color-surface-dim,var(--velin-color-surface));--velin-z-overlay:1900;--velin-z-modal:2000;--velin-z-drawer:2000;--velin-z-sheet:2000;--velin-z-toast:2100;--velin-z-tooltip:2200;--velin-z-command:2300;}*,*::before,*::after{box-sizing:border-box;}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--expo-topbar-h)+var(--expo-nav-h)+1.25rem);background-color:var(--velin-color-bg);}html[data-velin-theme="dark"]{color-scheme:dark;background-color:var(--velin-color-bg);}html:not([data-velin-theme]),html[data-velin-theme=""],html[data-velin-theme="light"]{color-scheme:light;}body.expo-body{margin:0;font-family:var(--velin-font-sans,"Source Sans 3",system-ui,sans-serif);color:var(--velin-color-text);background:var(--velin-color-bg);overflow-x:clip;}.visually-hidden,.velin-sr-only{position:absolute !important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}.expo-skip:focus{position:fixed;inset:0.5rem auto auto 0.5rem;z-index:3000;}.expo-chrome{position:sticky;top:0;z-index:1000;display:flex;flex-direction:column;background:linear-gradient( 180deg,color-mix(in oklch,var(--velin-color-primary) 16%,var(--velin-color-surface)) 0%,color-mix(in oklch,var(--velin-color-primary) 7%,var(--velin-color-surface)) 42%,var(--velin-color-surface) 78%,color-mix(in oklch,var(--velin-color-surface-dim,var(--velin-color-surface)) 55%,var(--velin-color-surface)) 100% );box-shadow:0 10px 28px color-mix(in oklab,#000 10%,transparent);transition:box-shadow 220ms var(--expo-ease);}.expo-nav-topbar{position:relative;top:auto;z-index:auto;display:flex;align-items:center;justify-content:center;min-height:var(--expo-topbar-h);max-height:6.5rem;padding-inline:clamp(0.75rem,3vw,1.5rem);padding-block:0.45rem;overflow:hidden;background:transparent;border-block-end:none;transition:max-height 280ms var(--expo-ease),min-height 280ms var(--expo-ease),padding-block 280ms var(--expo-ease),opacity 200ms var(--expo-ease);}.expo-chrome.is-topbar-collapsed{--expo-topbar-h:0rem;}.expo-chrome.is-topbar-collapsed .expo-nav-topbar{min-height:0;max-height:0;padding-block:0;opacity:0;pointer-events:none;}.expo-topbar-toggle{appearance:none;display:inline-flex;align-items:center;justify-content:center;inline-size:2.35rem;block-size:2.35rem;min-height:2.35rem;padding:0;border-radius:var(--velin-radius-md,0.5rem);cursor:pointer;flex-shrink:0;}.expo-topbar-toggle__label{display:none;}.expo-nav-topbar__cta{display:inline-flex;align-items:center;gap:0.4rem;flex-wrap:nowrap;flex-shrink:0;}.expo-nav__trail{display:inline-flex;align-items:center;gap:0.45rem;margin-inline-start:auto;flex-shrink:0;}.expo-nav__menu{flex:1 1 auto;min-width:0;}@media (prefers-reduced-motion:reduce){.expo-nav-topbar,.expo-chrome{transition:none;}}.expo-nav-topbar__actions,.expo-nav-topbar .expo-nav__actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(12rem,28rem) minmax(0,1fr);align-items:center;gap:0.65rem;width:100%;margin-inline-start:0;}.expo-nav-topbar__start{min-width:0;}.expo-nav-topbar__center{display:flex;justify-content:center;min-width:0;}.expo-nav-topbar__end{display:inline-flex;align-items:center;justify-content:flex-end;gap:0.45rem;flex-wrap:wrap;min-width:0;}.expo-nav-topbar .expo-nav__search{flex:1 1 auto;width:100%;max-inline-size:28rem;margin-inline-end:0;}.expo-nav-topbar .expo-nav__search .velin-search,.expo-nav-topbar .expo-nav__search .velin-search__field{width:100%;}.expo-nav-topbar .expo-nav__search .velin-search__input{min-height:2.4rem;border-radius:999px;border:1px solid color-mix(in oklch,var(--velin-color-primary) 22%,var(--velin-color-border));background:color-mix(in oklch,var(--velin-color-surface) 88%,var(--velin-color-bg));box-shadow:inset 0 1px 0 color-mix(in oklch,white 8%,transparent);padding-inline:1rem;}.expo-nav-topbar .expo-nav__search .velin-search__input:focus{outline:2px solid color-mix(in oklch,var(--velin-color-primary) 55%,transparent);outline-offset:1px;border-color:color-mix(in oklch,var(--velin-color-primary) 45%,var(--velin-color-border));}.expo-nav{position:relative;top:auto;z-index:auto;display:flex;align-items:center;gap:var(--velin-space-3);min-height:var(--expo-nav-h);padding-inline:clamp(0.75rem,3vw,1.5rem);padding-block:0.5rem;background:transparent;backdrop-filter:none;border-block-end:1px solid color-mix(in oklch,var(--velin-color-border) 70%,transparent);}@media (max-width:47.99rem){.expo-nav-topbar__actions,.expo-nav-topbar .expo-nav__actions{grid-template-columns:1fr;}.expo-nav-topbar__end{justify-content:center;}}.expo-nav__brand{display:inline-flex;align-items:center;gap:0.45rem;text-decoration:none;color:var(--velin-color-text);font-weight:var(--velin-weight-bold);white-space:nowrap;}.expo-nav__links{display:none;gap:0.15rem;flex:1;overflow-x:auto;scrollbar-width:thin;}@media (min-width:64rem){.expo-nav__links{display:flex;}}.expo-nav__links a{color:var(--velin-color-text-muted);text-decoration:none;font-size:var(--velin-text-sm);padding:0.35rem 0.55rem;border-radius:var(--velin-radius-md);white-space:nowrap;}.expo-nav__links a:hover,.expo-nav__links a[aria-current="true"]{color:var(--velin-color-text);background:var(--velin-color-surface-dim);}.expo-nav__actions{display:inline-flex;align-items:center;gap:0.5rem;margin-inline-start:auto;}.expo-toc-mobile{display:block;padding:0.75rem clamp(0.75rem,3vw,1.5rem);background:var(--velin-color-surface);border-block-end:1px solid var(--velin-color-border);}@media (min-width:64rem){.expo-toc-mobile{display:none;}}.expo-toc-mobile select{width:100%;min-height:2.75rem;}.expo-main{--expo-gutter:clamp(1rem,3vw,2rem);width:100%;margin-inline:auto;padding:0 0 clamp(2rem,5vw,3.5rem);display:grid;grid-template-columns:minmax(var(--expo-gutter),1fr) minmax(0,var(--expo-max)) minmax(var(--expo-gutter),1fr);column-gap:0;row-gap:clamp(2.5rem,6vw,4.5rem);}.expo-main>*{grid-column:2;min-width:0;}.expo-main>.expo-hero,.expo-main>.expo-band{grid-column:1 / -1;}.expo-section{scroll-margin-top:calc(var(--expo-topbar-h)+var(--expo-nav-h)+1rem);display:grid;gap:var(--velin-space-4);}.expo-section__header{display:grid;gap:var(--velin-space-2);max-width:48rem;}.expo-kicker{margin:0;font-size:var(--velin-text-sm);font-weight:var(--velin-weight-semibold);letter-spacing:0.04em;text-transform:uppercase;color:var(--velin-color-primary);}.expo-section__header h2{margin:0;font-size:clamp(1.5rem,3vw,2.25rem);line-height:1.15;letter-spacing:-0.02em;}.expo-section__header p{margin:0;color:var(--velin-color-text-muted);max-width:42rem;}.expo-preview,.expo-variants,.expo-surface{background:var(--velin-color-surface);border:1px solid var(--velin-color-border);border-radius:var(--velin-radius-lg);padding:clamp(0.85rem,2vw,1.35rem);}.expo-preview--flush{padding:0;overflow:hidden;}.expo-variant-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:var(--velin-space-3);}.expo-variant-grid--dense{grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));}.expo-variant-card{display:grid;gap:var(--velin-space-2);padding:var(--velin-space-3);border:1px solid var(--velin-color-border);border-radius:var(--velin-radius-md);background:var(--velin-color-bg);}.expo-variant-card h3,.expo-variant-card h4{margin:0;font-size:var(--velin-text-sm);font-weight:var(--velin-weight-semibold);}.expo-meta{display:flex;flex-wrap:wrap;gap:0.35rem;}.expo-meta .velin-badge{font-size:0.7rem;}.expo-a11y-note{margin:0;font-size:var(--velin-text-sm);color:var(--velin-color-text-muted);padding:var(--velin-space-2) var(--velin-space-3);border-inline-start:3px solid var(--velin-color-info,var(--velin-color-primary));background:var(--velin-color-surface-dim);border-radius:0 var(--velin-radius-md) var(--velin-radius-md) 0;}.expo-links{display:flex;flex-wrap:wrap;gap:0.5rem;}.expo-code-row{display:grid;gap:var(--velin-space-2);}.expo-code-row velin-code-block{display:block;font-size:0.8125rem;}.expo-controls{display:flex;flex-wrap:wrap;gap:var(--velin-space-3);align-items:end;}.expo-controls label{display:grid;gap:0.25rem;font-size:var(--velin-text-sm);color:var(--velin-color-text-muted);}.expo-controls select,.expo-controls input[type="range"]{min-width:9rem;}.expo-device{border:1px solid var(--velin-color-border);border-radius:1.25rem;padding:0.65rem;background:var(--velin-color-surface-dim);max-width:22rem;}.expo-device__screen{border-radius:0.85rem;overflow:hidden;background:var(--velin-color-bg);border:1px solid var(--velin-color-border);min-height:18rem;}.expo-device--mobile{max-width:16rem;}.expo-device--mobile .expo-device__screen{min-height:24rem;}.expo-dark-frame{background:#121110;color:#f4f1ea;border-radius:var(--velin-radius-lg);padding:var(--velin-space-4);}.expo-dark-frame [data-velin-theme="dark"],.expo-dark-frame{--velin-color-bg:#121110;--velin-color-surface:#1c1a18;--velin-color-surface-dim:#262320;--velin-color-text:#f4f1ea;--velin-color-text-muted:#b7b0a5;--velin-color-border:#3a3530;}.expo-split{display:grid;gap:var(--velin-space-3);}@media (min-width:48rem){.expo-split--2{grid-template-columns:1fr 1fr;}.expo-split--3{grid-template-columns:1.2fr 0.8fr;}.expo-split--side{grid-template-columns:16rem 1fr;}}.expo-hero{position:relative;isolation:isolate;display:grid;gap:clamp(1.75rem,4vw,3.25rem);align-items:center;align-content:center;min-height:clamp(26rem,68svh,42rem);padding-block:clamp(2.25rem,6vw,4.5rem);padding-inline:max(var(--expo-gutter,1.5rem),calc((100% - var(--expo-max)) / 2));}.expo-hero>*{position:relative;z-index:1;}@media (min-width:56rem){.expo-hero{grid-template-columns:minmax(0,0.95fr) minmax(0,1.15fr);}}.expo-hero__copy{display:grid;gap:clamp(0.9rem,1.6vw,1.35rem);align-content:center;max-width:42rem;}.expo-hero__copy h1{margin:0;max-width:22ch;font-size:clamp(2.1rem,5.2vw,3.6rem);line-height:1.04;letter-spacing:-0.035em;text-wrap:balance;}.expo-hero__lede{margin:0;color:var(--velin-color-text-muted);max-width:46ch;font-size:clamp(1.02rem,1.4vw,1.2rem);line-height:1.5;text-wrap:pretty;}.expo-hero__cta{display:grid;gap:0.75rem;margin-block-start:0.35rem;}.expo-hero__trust{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:0.4rem;}.expo-hero__trust a.expo-trust-badge{text-decoration:none;font-size:var(--velin-text-sm);}.expo-hero__trust a.expo-trust-badge::before{content:"✓";margin-inline-end:0.35em;font-weight:var(--velin-weight-bold);color:var(--velin-color-success,var(--velin-color-primary));}.expo-hero__actions{display:flex;flex-wrap:wrap;gap:var(--velin-space-2);}.expo-hero__install{margin:0;max-width:32rem;}.expo-hero__live{display:grid;gap:var(--velin-space-3);}.expo-hero__live .velin-nav{margin:0;}.expo-hero__live-video-wrap{position:relative;width:100%;overflow:hidden;border-radius:var(--velin-radius-lg);aspect-ratio:16 / 9;min-height:clamp(16rem,36vh,28rem);background:var(--velin-color-surface-dim,#0f1218);}.expo-hero__live-video-wrap>.velin-transparency{z-index:6;pointer-events:none;--velin-tx-bg:color-mix(in oklab,#0c0b0a 72%,transparent);--velin-tx-fg:#f5f2ea;--velin-tx-border:color-mix(in oklab,var(--velin-color-primary) 55%,#f5f2ea);box-shadow:0 2px 12px rgb(0 0 0 / 0.45);}.expo-hero__live-video-wrap>.velin-transparency .velin-transparency__label{color:var(--velin-tx-fg);font-weight:650;letter-spacing:0.01em;}.expo-hero__live-video{width:100%;height:100%;display:block;object-fit:contain;object-position:center;image-rendering:auto;filter:contrast(1.06) saturate(1.04);}.expo-measure-note{margin:0 0 var(--velin-space-4);font-size:var(--velin-text-sm);color:var(--velin-color-text-muted);}.expo-measure-note a{color:inherit;text-decoration:underline;text-underline-offset:0.15em;}.expo-honest-list{margin:0;padding-inline-start:1.15rem;display:grid;gap:var(--velin-space-2);color:var(--velin-color-text);}.expo-honest-table{margin-block-start:var(--velin-space-5);width:100%;}.expo-compare--honest{align-items:stretch;}.expo-surface-pair{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--velin-space-4);}@media (min-width:48rem){.expo-surface-pair{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;}}@media (min-width:64rem){.expo-surface-pair{grid-template-columns:repeat(3,minmax(0,1fr));}}.expo-surface-card{--surface-tone:oklch(72% 0.12 195);position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;gap:0.75rem;min-block-size:100%;padding:clamp(1.15rem,2.4vw,1.55rem);border-radius:1.15rem;border:1px solid color-mix(in oklch,var(--velin-color-text) 14%,transparent);background:linear-gradient( 155deg,color-mix(in oklch,var(--surface-tone) 16%,var(--velin-color-surface)),color-mix(in oklch,var(--velin-color-bg) 88%,transparent) 55% );box-shadow:inset 0 1px 0 color-mix(in oklch,white 10%,transparent),0 18px 40px color-mix(in oklch,black 22%,transparent);transition:border-color 220ms ease,box-shadow 220ms ease,transform 220ms ease;}.expo-surface-card--atelier{--surface-tone:oklch(72% 0.12 195);}.expo-surface-card--studio{--surface-tone:oklch(74% 0.14 320);}.expo-surface-card--quiz{--surface-tone:oklch(78% 0.14 85);}.expo-surface-card__shine{pointer-events:none;position:absolute;inset:-20% auto auto -10%;inline-size:70%;block-size:55%;background:radial-gradient( closest-side,color-mix(in oklch,var(--surface-tone) 34%,transparent),transparent 70% );opacity:0.85;z-index:0;}.expo-surface-card>*:not(.expo-surface-card__shine){position:relative;z-index:1;}.expo-surface-card:hover,.expo-surface-card:focus-within{border-color:color-mix(in oklch,var(--surface-tone) 42%,var(--velin-color-border));box-shadow:inset 0 1px 0 color-mix(in oklch,white 14%,transparent),0 22px 48px color-mix(in oklch,black 28%,transparent);transform:translateY(-2px);}@media (prefers-reduced-motion:reduce){.expo-surface-card,.expo-surface-card:hover,.expo-surface-card:focus-within{transition:none;transform:none;}}.expo-surface-card__role{display:inline-flex;align-items:center;gap:0.4rem;margin:0;color:color-mix(in oklch,var(--surface-tone) 70%,var(--velin-color-text));font-size:0.78rem;font-weight:var(--velin-weight-bold);letter-spacing:0.04em;text-transform:uppercase;}.expo-surface-card__title{margin:0;font-size:clamp(1.25rem,2.2vw,1.55rem);letter-spacing:-0.02em;line-height:1.2;}.expo-surface-card__desc{margin:0;color:var(--velin-color-text-muted);font-size:var(--velin-text-sm);line-height:1.55;flex:1;}.expo-surface-card__desc code{font-size:0.85em;}.expo-surface-card__chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:0.4rem;}.expo-surface-card__chips li{padding:0.28rem 0.65rem;border-radius:999px;border:1px solid color-mix(in oklch,var(--surface-tone) 28%,transparent);background:color-mix(in oklch,var(--surface-tone) 12%,transparent);color:var(--velin-color-text);font-size:0.75rem;line-height:1.2;}.expo-surface-card__actions{display:flex;flex-wrap:wrap;align-items:center;gap:0.5rem;margin-block-start:0.25rem;}.expo-facts-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--velin-space-3);}@media (min-width:40rem){.expo-facts-grid{grid-template-columns:repeat(3,minmax(0,1fr));}}@media (min-width:64rem){.expo-facts-grid{grid-template-columns:repeat(5,minmax(0,1fr));}}.expo-fact{display:grid;gap:0.35rem;padding:clamp(0.9rem,2vw,1.2rem);border:1px solid var(--velin-color-border);border-radius:var(--velin-radius-lg);background:var(--velin-color-surface);text-decoration:none;color:inherit;text-align:start;}.expo-fact:hover,.expo-fact:focus-visible{border-color:color-mix(in oklab,var(--velin-color-primary) 45%,var(--velin-color-border));}.expo-fact__value{font-size:clamp(1.65rem,2.8vw,2.25rem);font-weight:var(--velin-weight-bold);line-height:1;letter-spacing:-0.03em;}.expo-fact__label{color:var(--velin-color-text-muted);font-size:var(--velin-text-sm);line-height:1.3;}.expo-fact-groups{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--velin-space-4);margin-block-start:var(--velin-space-5);}@media (min-width:52rem){.expo-fact-groups{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--velin-space-3);}}.expo-fact-group{display:grid;gap:0.65rem;padding:clamp(0.9rem,2vw,1.15rem);border:1px solid color-mix(in oklch,var(--velin-color-border) 88%,transparent);border-radius:var(--velin-radius-lg);background:color-mix(in oklch,var(--velin-color-surface) 72%,transparent);}.expo-fact-group__title{margin:0;font-size:0.8rem;font-weight:var(--velin-weight-bold);letter-spacing:0.04em;text-transform:uppercase;color:var(--velin-color-text-muted);}.expo-fact-chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:0.4rem;}.expo-fact-chips a{text-decoration:none;}.expo-why-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--velin-space-3);}@media (min-width:40rem){.expo-why-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}@media (min-width:64rem){.expo-why-grid{grid-template-columns:repeat(3,minmax(0,1fr));}}.expo-why-card{display:grid;gap:var(--velin-space-2);padding:var(--velin-space-4);border:1px solid var(--velin-color-border);border-radius:var(--velin-radius-lg);background:var(--velin-color-surface);}.expo-why-card h3{margin:0;font-size:var(--velin-text-lg);}.expo-why-card p{margin:0;color:var(--velin-color-text-muted);font-size:var(--velin-text-sm);}.expo-why-card__icon{margin:0;width:fit-content;padding:0.2rem 0.45rem;border-radius:var(--velin-radius-md);background:color-mix(in oklab,var(--velin-color-primary) 16%,transparent);color:var(--velin-color-primary);font-size:0.7rem;font-weight:var(--velin-weight-bold);letter-spacing:0.04em;text-transform:uppercase;}.expo-why-card a{font-size:var(--velin-text-sm);color:var(--velin-color-primary);text-decoration:none;}.expo-why-card a:hover{text-decoration:underline;}.expo-diff{display:grid;gap:0;border:1px solid var(--velin-color-border);border-radius:var(--velin-radius-lg);overflow:clip;background:var(--velin-color-surface);}.expo-diff__row{display:grid;grid-template-columns:minmax(7rem,0.9fr) repeat(3,minmax(0,1fr));gap:0;border-block-end:1px solid var(--velin-color-border);}.expo-diff__row:last-child{border-block-end:0;}.expo-diff__row>*{padding:0.75rem 0.9rem;font-size:var(--velin-text-sm);border-inline-end:1px solid var(--velin-color-border);}.expo-diff__row>*:last-child{border-inline-end:0;}.expo-diff__row--head{background:var(--velin-color-surface-dim);font-weight:var(--velin-weight-semibold);}.expo-diff__row [role="rowheader"]{font-weight:var(--velin-weight-semibold);color:var(--velin-color-text);}.expo-diff a{color:var(--velin-color-primary);text-decoration:none;}.expo-diff a:hover{text-decoration:underline;}@media (max-width:47.99rem){.expo-diff{overflow-x:auto;}.expo-diff__row{min-width:40rem;}}.expo-habits{display:grid;gap:var(--velin-space-4);}@media (min-width:56rem){.expo-habits{grid-template-columns:repeat(3,minmax(0,1fr));}}.expo-habit{display:grid;gap:var(--velin-space-3);padding:var(--velin-space-4);border:1px solid var(--velin-color-border);border-radius:var(--velin-radius-lg);background:var(--velin-color-surface);}.expo-habit h3{margin:0;font-size:var(--velin-text-base);}.expo-habit__result{display:flex;flex-wrap:wrap;align-items:center;gap:var(--velin-space-2);padding:var(--velin-space-3);border:1px dashed var(--velin-color-border);border-radius:var(--velin-radius-md);background:var(--velin-color-bg);min-height:3.5rem;}.expo-habit__reveal{padding:0.35rem 0.6rem;border-radius:var(--velin-radius-md);background:color-mix(in oklab,var(--velin-color-primary) 12%,transparent);}.expo-habit__note{margin:0;color:var(--velin-color-text-muted);font-size:var(--velin-text-sm);}.expo-habit>a{font-size:var(--velin-text-sm);color:var(--velin-color-primary);text-decoration:none;}.expo-habit>a:hover{text-decoration:underline;}.expo-capabilities{display:flex;gap:0.45rem;overflow-x:auto;padding-block:0.35rem;padding-inline:0.15rem;scroll-snap-type:x proximity;scrollbar-width:thin;}.expo-capabilities:focus-visible{outline:3px solid var(--velin-color-focus,#2563eb);outline-offset:2px;}.expo-cap{flex:0 0 auto;scroll-snap-align:start;display:inline-flex;align-items:center;min-height:2.5rem;padding:0.4rem 0.75rem;border:1px solid var(--velin-color-border);border-radius:999px;background:var(--velin-color-surface);color:var(--velin-color-text);text-decoration:none;font-size:var(--velin-text-sm);white-space:nowrap;}.expo-cap::before{content:"";width:0.45em;height:0.45em;margin-inline-end:0.45em;border-radius:50%;background:var(--velin-color-success,var(--velin-color-primary));}.expo-cap:hover,.expo-cap:focus-visible{border-color:color-mix(in oklab,var(--velin-color-primary) 50%,var(--velin-color-border));color:var(--velin-color-primary);}.expo-mini-surface{border:1px solid var(--velin-color-border);border-radius:var(--velin-radius-md);overflow:hidden;background:var(--velin-color-bg);min-height:10rem;}.expo-mini-surface__bar{display:flex;align-items:center;justify-content:space-between;gap:0.5rem;padding:0.5rem 0.75rem;border-block-end:1px solid var(--velin-color-border);background:var(--velin-color-surface);font-size:var(--velin-text-sm);font-weight:var(--velin-weight-semibold);}.expo-mini-surface__body{padding:0.75rem;display:grid;gap:0.5rem;}.expo-nav-demo{border:1px solid var(--velin-color-border);border-radius:var(--velin-radius-md);overflow:visible;background:var(--velin-color-bg);position:relative;}.expo-nav-demo .velin-nav--transparent{background:transparent;border-block-end-color:transparent;}.expo-nav-demo .velin-nav--sticky{position:sticky;top:0;z-index:2;}.expo-nav-demo__body{padding:1rem;min-height:5rem;color:var(--velin-color-text-muted);font-size:var(--velin-text-sm);}.expo-sidebar-shell{display:grid;grid-template-columns:11rem 1fr;min-height:12rem;}.expo-sidebar-shell nav{border-inline-end:1px solid var(--velin-color-border);padding:0.75rem;display:grid;gap:0.25rem;background:var(--velin-color-surface);}.expo-sidebar-shell a{text-decoration:none;color:var(--velin-color-text-muted);padding:0.45rem 0.6rem;border-radius:var(--velin-radius-md);font-size:var(--velin-text-sm);}.expo-sidebar-shell a[aria-current="page"]{background:var(--velin-color-primary-subtle,var(--velin-color-surface-dim));color:var(--velin-color-primary);}.expo-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:var(--velin-space-3);}.expo-form-panel{border:1px solid var(--velin-color-border);border-radius:var(--velin-radius-md);padding:var(--velin-space-4);background:var(--velin-color-bg);display:grid;gap:var(--velin-space-3);}.expo-form-panel h3{margin:0;font-size:var(--velin-text-base);}.velin-field{display:grid;gap:0.35rem;}.velin-label{font-size:var(--velin-text-sm);font-weight:var(--velin-weight-medium);}.expo-dash{display:grid;grid-template-columns:12rem 1fr;min-height:24rem;border:1px solid var(--velin-color-border);border-radius:var(--velin-radius-lg);overflow:hidden;background:var(--velin-color-bg);}@media (max-width:48rem){.expo-dash{grid-template-columns:1fr;}.expo-dash__rail{display:none;}}.expo-dash__rail{background:var(--velin-color-surface);border-inline-end:1px solid var(--velin-color-border);padding:1rem 0.75rem;display:grid;align-content:start;gap:0.25rem;}.expo-dash__rail a{text-decoration:none;color:var(--velin-color-text-muted);padding:0.5rem 0.65rem;border-radius:var(--velin-radius-md);font-size:var(--velin-text-sm);}.expo-dash__rail a[aria-current="page"]{background:var(--velin-color-surface-dim);color:var(--velin-color-text);}.expo-dash__main{padding:1rem;display:grid;gap:1rem;}.expo-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));gap:0.75rem;}.expo-util-lab{display:grid;gap:var(--velin-space-4);}@media (min-width:56rem){.expo-util-lab{grid-template-columns:16rem 1fr;}}.expo-util-lab__controls{display:grid;gap:var(--velin-space-3);align-content:start;}.expo-util-target{min-height:16rem;border:1px dashed var(--velin-color-border);border-radius:var(--velin-radius-lg);padding:var(--velin-space-4);background:var(--velin-color-surface);transition:all 180ms var(--expo-ease);}.expo-util-target[data-cq]{container-type:inline-size;}.expo-token-surface{--expo-density:1;--expo-radius:var(--velin-radius-md);--expo-gap:var(--velin-space-3);display:grid;gap:var(--expo-gap);padding:calc(var(--velin-space-4) * var(--expo-density));border:1px solid var(--velin-color-border);border-radius:var(--expo-radius);background:var(--velin-color-surface);transition:gap 180ms var(--expo-ease),padding 180ms var(--expo-ease),border-radius 180ms var(--expo-ease),box-shadow 180ms var(--expo-ease);}.expo-token-surface .velin-card,.expo-token-surface .velin-btn,.expo-token-surface .velin-input{border-radius:var(--expo-radius);}.expo-token-surface[data-elev="high"]{box-shadow:var(--velin-shadow-lg,0 18px 40px rgb(0 0 0 / 0.18));}.expo-token-surface[data-elev="mid"]{box-shadow:var(--velin-shadow-md,0 8px 20px rgb(0 0 0 / 0.12));}.expo-token-surface[data-motion="off"] *{animation:none !important;transition:none !important;}.expo-anim-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));gap:var(--velin-space-3);}.expo-anim-tile{min-height:7.5rem;display:grid;place-items:center;gap:0.5rem;padding:0.75rem;border:1px solid var(--velin-color-border);border-radius:var(--velin-radius-md);background:var(--velin-color-bg);text-align:center;}.expo-anim-tile strong{font-size:var(--velin-text-sm);}.expo-float{animation:expo-float 2.4s ease-in-out infinite;}.expo-pulse{animation:expo-pulse 1.4s ease-in-out infinite;}.expo-shake.is-on{animation:expo-shake 450ms ease;}.expo-attention.is-on{animation:expo-attention 700ms ease;}.expo-ripple{position:relative;overflow:hidden;}.expo-ripple::after{content:"";position:absolute;inset:50% auto auto 50%;width:0;height:0;border-radius:999px;background:color-mix(in oklab,var(--velin-color-primary) 35%,transparent);transform:translate(-50%,-50%);opacity:0;}.expo-ripple.is-on::after{animation:expo-ripple 600ms ease-out;}@keyframes expo-float{0%,100%{transform:translateY(0);}50%{transform:translateY(-0.4rem);}}@keyframes expo-pulse{0%,100%{transform:scale(1);opacity:1;}50%{transform:scale(1.04);opacity:0.85;}}@keyframes expo-shake{0%,100%{transform:translateX(0);}25%{transform:translateX(-4px);}75%{transform:translateX(4px);}}@keyframes expo-attention{0%,100%{box-shadow:0 0 0 0 transparent;}40%{box-shadow:0 0 0 6px color-mix(in oklab,var(--velin-color-warning,orange) 40%,transparent);}}@keyframes expo-ripple{from{width:0;height:0;opacity:0.6;}to{width:12rem;height:12rem;opacity:0;}}@media (prefers-reduced-motion:reduce){.expo-float,.expo-pulse,.expo-shake.is-on,.expo-attention.is-on,.expo-ripple.is-on::after{animation:none !important;}}.expo-test-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:var(--velin-space-3);}.expo-test-card{border:1px solid var(--velin-color-border);border-radius:var(--velin-radius-md);padding:var(--velin-space-3);background:var(--velin-color-bg);display:grid;gap:var(--velin-space-2);}.expo-test-card[data-pass="true"]{border-color:var(--velin-color-success);}.expo-focus-track:focus-within{outline:3px solid var(--velin-color-focus,var(--velin-color-primary));outline-offset:2px;}.expo-rtl-box[dir="rtl"]{text-align:start;}.expo-showcase-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(18rem,1fr));gap:var(--velin-space-4);}.expo-case{border:1px solid var(--velin-color-border);border-radius:var(--velin-radius-lg);overflow:hidden;background:var(--velin-color-surface);display:grid;}.expo-case img{width:100%;aspect-ratio:16 / 10;object-fit:cover;background:var(--velin-color-surface-dim);}.expo-case__body{padding:var(--velin-space-4);display:grid;gap:var(--velin-space-2);}.expo-case__body h3{margin:0;font-size:var(--velin-text-lg);}.expo-case__body p{margin:0;color:var(--velin-color-text-muted);font-size:var(--velin-text-sm);}.expo-compare{display:grid;gap:var(--velin-space-3);}@media (min-width:48rem){.expo-compare{grid-template-columns:1fr 1fr;}}.expo-compare__pane{border:1px solid var(--velin-color-border);border-radius:var(--velin-radius-md);padding:var(--velin-space-3);background:var(--velin-color-bg);display:grid;gap:var(--velin-space-3);}.expo-compare__pane h3{margin:0;font-size:var(--velin-text-sm);text-transform:uppercase;letter-spacing:0.04em;color:var(--velin-color-text-muted);}.expo-compare__pane--foreign{opacity:0.92;font-family:system-ui,sans-serif;}.expo-compare__pane--foreign .fake-btn{display:inline-block;padding:0.5rem 0.9rem;border:1px solid #0d6efd;background:#0d6efd;color:#fff;border-radius:0.375rem;text-decoration:none;font-size:0.95rem;}.expo-compare__pane--foreign .fake-card{border:1px solid #dee2e6;border-radius:0.375rem;padding:1rem;background:#fff;color:#212529;}.expo-compare__pane--foreign .tw-btn{display:inline-flex;padding:0.5rem 1rem;border-radius:0.5rem;background:#0f172a;color:#fff;font-size:0.875rem;font-weight:600;border:0;}.expo-compare__pane--foreign .sl-btn{display:inline-flex;padding:0.5rem 1rem;border-radius:0.25rem;background:#4a90d9;color:#fff;border:0;}.expo-pipeline{display:grid;grid-template-columns:repeat(auto-fit,minmax(8rem,1fr));gap:0.5rem;}.expo-pipeline__step{padding:0.75rem;border-radius:var(--velin-radius-md);border:1px solid var(--velin-color-border);background:var(--velin-color-surface);text-align:center;font-size:var(--velin-text-sm);font-weight:var(--velin-weight-semibold);}.expo-pipeline__step[aria-current="step"]{border-color:var(--velin-color-primary);color:var(--velin-color-primary);}.expo-score-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(7rem,1fr));gap:0.5rem;}.expo-score{padding:0.75rem;border-radius:var(--velin-radius-md);background:var(--velin-color-surface-dim);text-align:center;}.expo-score strong{display:block;font-size:1.4rem;}.expo-score span{font-size:var(--velin-text-xs);color:var(--velin-color-text-muted);}.expo-footer{margin-block-start:clamp(2rem,5vw,3.5rem);border-block-start:1px solid var(--velin-color-border);background:linear-gradient( 180deg,color-mix(in oklab,var(--velin-color-surface) 70%,transparent),var(--velin-color-surface) );color:var(--velin-color-text-muted);font-size:var(--velin-text-sm);}.expo-footer__inner{width:min(100%,var(--expo-max));margin-inline:auto;padding:clamp(1.75rem,4vw,2.75rem) clamp(0.75rem,3vw,1.5rem) 1.25rem;display:grid;gap:clamp(1.5rem,3vw,2.5rem);}@media (min-width:48rem){.expo-footer__inner{grid-template-columns:minmax(12rem,1.1fr) minmax(0,2fr);align-items:start;}}.expo-footer__brand{display:grid;gap:var(--velin-space-3);max-width:22rem;}.expo-footer__logo{display:inline-flex;align-items:center;gap:0.5rem;color:var(--velin-color-text);text-decoration:none;font-weight:var(--velin-weight-bold);font-size:var(--velin-text-lg);}.expo-footer__tagline{margin:0;color:var(--velin-color-text-muted);line-height:1.45;}.expo-footer__cols{display:grid;gap:var(--velin-space-4);grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));}.expo-footer__col{display:grid;gap:0.45rem;align-content:start;}.expo-footer__heading{margin:0 0 0.2rem;font-size:0.72rem;letter-spacing:0.06em;text-transform:uppercase;color:var(--velin-color-text);font-weight:var(--velin-weight-semibold);}.expo-footer__col a{color:var(--velin-color-text-muted);text-decoration:none;text-underline-offset:0.15em;}.expo-footer__col a:hover,.expo-footer__col a:focus-visible{color:var(--velin-color-primary);text-decoration:underline;}.expo-footer__bar{width:min(100%,var(--expo-max));margin-inline:auto;padding:0.9rem clamp(0.75rem,3vw,1.5rem) 1.35rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:0.75rem;border-block-start:1px dashed color-mix(in oklab,var(--velin-color-border) 80%,transparent);}.expo-footer__bar p{margin:0;}.expo-footer__community{display:flex;flex-wrap:wrap;gap:0.75rem 1.25rem;justify-content:center;}.expo-footer__community a{color:var(--velin-color-text);text-underline-offset:0.15em;}.expo-footer__community a:hover,.expo-footer__community a:focus-visible{color:var(--velin-color-primary);}.expo-criteria-table th[scope="row"]{font-weight:var(--velin-weight-semibold);white-space:nowrap;}.expo-criteria-table td,.expo-criteria-table th{vertical-align:top;}.expo-install-cmd{display:flex;flex-wrap:wrap;gap:0.5rem;align-items:center;padding:1rem;border-radius:var(--velin-radius-lg);background:var(--velin-color-surface-dim);font-family:var(--velin-font-mono,ui-monospace,monospace);}.expo-breadcrumb{display:flex;flex-wrap:wrap;gap:0.35rem;list-style:none;margin:0;padding:0;font-size:var(--velin-text-sm);}.expo-breadcrumb li:not(:last-child)::after{content:"/";margin-inline-start:0.35rem;color:var(--velin-color-text-muted);}.expo-breadcrumb a{color:var(--velin-color-primary);text-decoration:none;}.expo-page-transition.is-on{animation:expo-page 500ms var(--expo-ease);}@keyframes expo-page{from{opacity:0;transform:translateY(8px);}to{opacity:1;transform:none;}}.expo-auto-height{overflow:hidden;transition:max-height 280ms var(--expo-ease);max-height:2.5rem;}.expo-auto-height.is-open{max-height:12rem;}.expo-hero-card-actions{display:flex;flex-wrap:wrap;gap:0.35rem;}
/* assets/css/home-polish.css */
body.expo-body{background-color:var(--velin-color-bg);background-image:radial-gradient( ellipse 120% 60% at 10% 0%,color-mix(in oklab,var(--velin-color-primary) 14%,transparent),transparent 58% ),radial-gradient( ellipse 90% 50% at 100% 0%,color-mix(in oklab,var(--velin-color-secondary,var(--velin-color-primary)) 11%,transparent),transparent 52% ),linear-gradient( 180deg,var(--velin-color-bg),color-mix(in oklab,var(--velin-color-surface-dim,var(--velin-color-surface)) 55%,var(--velin-color-bg)) );background-attachment:fixed,fixed,scroll;background-repeat:no-repeat;}.expo-nav{gap:var(--velin-space-2);}.expo-nav__menu{display:none;flex:1;align-items:center;gap:0.25rem;min-width:0;}@media (min-width:64rem){.expo-nav__menu{display:flex;}.expo-nav__links{display:none !important;}}.expo-nav__group{position:relative;}.expo-nav__group>button{display:inline-flex;align-items:center;gap:0.35rem;min-height:2.5rem;padding:0.35rem 0.7rem;border:0;border-radius:var(--velin-radius-md);background:transparent;color:var(--velin-color-text-muted);font:inherit;font-size:var(--velin-text-sm);font-weight:var(--velin-weight-semibold);cursor:pointer;}.expo-nav__group>button:hover,.expo-nav__group>button[aria-expanded="true"]{color:var(--velin-color-text);background:var(--velin-color-surface-dim);}.expo-nav__panel{position:absolute;top:calc(100%+0.4rem);inset-inline-start:0;z-index:1200;min-width:16rem;max-width:min(28rem,80vw);padding:0.75rem;border:1px solid var(--velin-color-border);border-radius:var(--velin-radius-lg);background:var(--velin-color-surface);box-shadow:var(--velin-shadow-lg,0 18px 40px rgb(0 0 0 / 0.16));display:none;grid-template-columns:1fr 1fr;gap:0.25rem 0.75rem;}.expo-nav__group>button[aria-expanded="true"]+.expo-nav__panel{display:grid;}.expo-nav__panel a{color:var(--velin-color-text);text-decoration:none;font-size:var(--velin-text-sm);padding:0.45rem 0.55rem;border-radius:var(--velin-radius-md);}.expo-nav__panel a:hover{background:var(--velin-color-surface-dim);color:var(--velin-color-primary);}.expo-nav__panel--single{grid-template-columns:1fr;min-width:12rem;}.expo-nav__panel--wide{grid-template-columns:1fr;min-width:16rem;max-width:20rem;}.expo-nav__blurb{margin:0 0 0.35rem;padding:0.65rem 0.75rem;border-radius:var(--velin-radius-md,0.5rem);border:1px solid var(--velin-color-border);background:color-mix(in oklab,var(--velin-color-surface-dim) 70%,transparent);color:var(--velin-color-text-muted);font-size:0.78rem;line-height:1.45;font-weight:500;}.expo-nav__blurb strong{display:block;margin-block-end:0.25rem;color:var(--velin-color-text);font-weight:700;}.expo-nav__panel[hidden]{display:none !important;}.expo-nav__search{display:none;min-width:12rem;max-width:18rem;flex:1 1 12rem;}@media (min-width:48rem){.expo-nav__search{display:block;}}.expo-nav__search .velin-search,.expo-nav__search .velin-search__field{width:100%;}.expo-nav__search .velin-search__input{width:100%;min-height:2.5rem;background:color-mix(in oklab,var(--velin-color-surface-dim) 80%,var(--velin-color-surface));border:1px solid var(--velin-color-border);color:var(--velin-color-text);}.expo-nav__search .velin-search__results{z-index:1400;max-height:min(70vh,24rem);overflow:auto;background:var(--velin-color-surface);border:1px solid var(--velin-color-border);box-shadow:var(--velin-shadow-lg,0 18px 40px rgb(0 0 0 / 0.2));}.expo-nav__menu-btn{display:inline-flex;}@media (min-width:64rem){.expo-nav__menu-btn{display:none;}}.expo-toc-mobile{display:none !important;}.expo-site-nav{display:grid;gap:0.2rem;}.expo-site-nav a{display:block;padding:0.55rem 0.65rem;border-radius:var(--velin-radius-md);color:var(--velin-color-text);text-decoration:none;}.expo-site-nav a:hover,.expo-site-nav a:focus-visible{background:var(--velin-color-surface-dim);}.expo-site-nav .expo-kicker{margin:0.75rem 0 0.25rem;}.expo-token-presets{display:flex;flex-wrap:wrap;gap:0.35rem;width:100%;margin-block-end:0.35rem;}.expo-token-compare{display:grid;gap:var(--velin-space-4);}@media (min-width:56rem){.expo-token-compare{grid-template-columns:1.2fr 0.8fr;}}.expo-token-surface--control{opacity:0.92;border-style:dashed;}.expo-carousel-slide{padding:var(--velin-space-4);background:var(--velin-color-surface-dim);border-radius:var(--velin-radius-md);min-height:4.5rem;}.expo-bottom-nav-demo{margin-top:var(--velin-space-3);border:1px solid var(--velin-color-border);border-radius:var(--velin-radius-md);overflow:hidden;}.expo-case__modes{display:flex;flex-wrap:wrap;gap:0.35rem;margin-block:0.5rem 0.75rem;}.expo-case__media[data-mode="mobile"] img{max-width:14rem;margin-inline:auto;display:block;}.expo-more{padding-block:var(--velin-space-4);}.expo-axe-list{margin:0.5rem 0 0;padding-inline-start:1.1rem;font-size:var(--velin-text-sm);color:var(--velin-color-text-muted);display:grid;gap:0.35rem;}.expo-test-card[data-pass="true"]{outline:1px solid color-mix(in oklab,var(--velin-color-success) 45%,var(--velin-color-border));}.expo-test-card[data-pass="false"]{outline:1px solid color-mix(in oklab,var(--velin-color-danger) 45%,var(--velin-color-border));}.expo-main{gap:clamp(2.25rem,5vw,4rem);}.expo-section{--expo-surface-glow:color-mix(in oklab,var(--velin-color-primary) 0%,transparent);padding:clamp(1.15rem,2.8vw,2rem);border:1px solid color-mix(in oklab,var(--velin-color-border) 85%,var(--velin-color-primary));border-radius:var(--velin-radius-xl,1.25rem);background-color:var(--velin-color-surface);background-image:linear-gradient( 160deg,var(--expo-surface-glow),transparent 42% ),linear-gradient( 165deg,color-mix(in oklab,var(--velin-color-surface) 88%,var(--velin-color-bg)),var(--velin-color-surface) );background-repeat:no-repeat;box-shadow:var(--velin-shadow-sm,0 1px 2px rgb(0 0 0 / 0.06)),0 14px 36px color-mix(in oklab,var(--velin-color-text) 8%,transparent),inset 0 1px 0 color-mix(in oklab,#fff 8%,transparent);}.expo-section[data-surface="base"]{--expo-surface-glow:color-mix(in oklab,var(--velin-color-primary) 5%,transparent);}.expo-section[data-surface="raised"]{--expo-surface-glow:color-mix(in oklab,var(--velin-color-info,var(--velin-color-primary)) 9%,transparent);box-shadow:var(--velin-shadow-md,0 4px 12px rgb(0 0 0 / 0.1)),0 18px 42px color-mix(in oklab,var(--velin-color-text) 10%,transparent),inset 0 1px 0 color-mix(in oklab,#fff 10%,transparent);}.expo-section[data-surface="feature"]{--expo-surface-glow:color-mix(in oklab,var(--velin-color-primary) 14%,transparent);border-color:color-mix(in oklab,var(--velin-color-primary) 28%,var(--velin-color-border));}.expo-section[data-surface="proof"]{--expo-surface-glow:color-mix(in oklab,var(--velin-color-success,var(--velin-color-primary)) 10%,transparent);border-color:color-mix(in oklab,var(--velin-color-primary) 24%,var(--velin-color-border));}.expo-section.expo-hero{border-radius:0;border-inline:0;border-block-start:0;border-block-end:1px solid color-mix(in oklab,var(--velin-color-border) 85%,var(--velin-color-primary));background-image:linear-gradient( 160deg,color-mix(in oklab,var(--velin-color-primary) 12%,transparent),transparent 46% ),linear-gradient( 180deg,color-mix(in oklab,var(--velin-color-surface) 92%,var(--velin-color-bg)),var(--velin-color-bg) );box-shadow:inset 0 -1px 0 color-mix(in oklab,var(--velin-color-primary) 12%,transparent);}.expo-preview,.expo-variants,.expo-surface,.expo-form-panel,.expo-variant-card,.expo-anim-tile,.expo-test-card,.expo-case,.expo-compare__pane,.expo-mini-surface,.expo-token-surface,.expo-util-target{box-shadow:var(--velin-shadow-sm,0 1px 2px rgb(0 0 0 / 0.08)),0 10px 28px color-mix(in oklab,var(--velin-color-text) 6%,transparent);}.expo-preview .velin-btn--ghost,.expo-hero .velin-btn--ghost{color:var(--velin-color-text);border-color:color-mix(in oklab,var(--velin-color-border) 70%,var(--velin-color-text));background:color-mix(in oklab,var(--velin-color-surface) 55%,transparent);}.expo-preview .velin-btn--outline,.expo-hero .velin-btn--outline{color:var(--velin-color-text);border-color:color-mix(in oklab,var(--velin-color-primary) 55%,var(--velin-color-border));}.expo-quality{display:none;}.expo-measure-note{margin:0 0 var(--velin-space-4);font-size:var(--velin-text-sm);color:var(--velin-color-text-muted);}.expo-measure-note a{color:inherit;text-underline-offset:0.15em;}.expo-demo-links{display:flex;flex-wrap:wrap;gap:0.35rem;margin-top:0.35rem;}.expo-demo-links a{font-size:0.72rem;color:var(--velin-color-primary);text-decoration:none;border-bottom:1px dotted color-mix(in oklab,var(--velin-color-primary) 40%,transparent);}.expo-demo-links a:hover{border-bottom-style:solid;}.expo-anim-grid{grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));}.expo-anim-tile{align-content:start;justify-items:stretch;text-align:start;min-height:11rem;gap:0.65rem;padding:1rem;background:var(--velin-color-surface);transition:transform 180ms var(--expo-ease),box-shadow 180ms var(--expo-ease);}.expo-anim-tile:hover{transform:translateY(-2px);box-shadow:var(--velin-shadow-md,0 8px 20px rgb(0 0 0 / 0.1));}.expo-anim-tile strong{font-size:var(--velin-text-base);}.expo-anim-tile p{margin:0;font-size:var(--velin-text-sm);color:var(--velin-color-text-muted);line-height:1.35;}.expo-anim-tile__stage{display:grid;place-items:center;min-height:3.5rem;padding:0.65rem;border-radius:var(--velin-radius-md);border:1px dashed var(--velin-color-border);background:var(--velin-color-bg);}.expo-token-surface{--expo-accent:var(--velin-color-primary);--expo-border-w:1px;--expo-type-scale:1;border-width:var(--expo-border-w);}.expo-token-surface .velin-btn--primary{background:var(--expo-accent);border-color:var(--expo-accent);}.expo-token-surface .velin-card__title,.expo-token-surface .velin-nav__brand{font-size:calc(1em * var(--expo-type-scale));}.expo-token-surface .velin-card__text,.expo-token-surface .velin-label,.expo-token-surface .velin-input{font-size:calc(1em * var(--expo-type-scale));}.expo-token-readout{display:flex;flex-wrap:wrap;gap:0.35rem;font-family:var(--velin-font-mono,ui-monospace,monospace);font-size:0.72rem;color:var(--velin-color-text-muted);}.expo-token-readout code{padding:0.15rem 0.4rem;border-radius:var(--velin-radius-sm);background:var(--velin-color-surface-dim);}.expo-test-center__stage{border:1px solid var(--velin-color-border);border-radius:var(--velin-radius-lg);padding:var(--velin-space-4);background:var(--velin-color-surface);display:grid;gap:var(--velin-space-3);}.expo-test-center__stage .velin-nav__link{color:var(--velin-color-text);}.expo-test-center__stage .velin-nav__link[aria-current="page"]{color:var(--velin-color-text);font-weight:var(--velin-weight-bold);text-decoration:underline;text-underline-offset:0.2em;background:transparent;}.expo-test-center__stage .velin-nav__brand{color:var(--velin-color-text);}.expo-test-center__stage .velin-btn--outline{color:var(--velin-color-text);border-color:var(--velin-color-border-strong,var(--velin-color-text));background:transparent;}.expo-test-center__stage .velin-btn--primary{color:var(--velin-color-on-primary,#fff);}.expo-measure-note,.expo-a11y-note{color:var(--velin-color-text);opacity:0.92;}.expo-measure-note a{color:var(--velin-color-primary-text,var(--velin-color-text));text-decoration:underline;}.expo-test-center__stage{min-height:10rem;box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--velin-color-border) 40%,transparent);}.expo-test-center__stage[data-contrast="high"]{--velin-color-text:#000;--velin-color-bg:#fff;--velin-color-surface:#fff;--velin-color-border:#000;outline:3px solid #000;}.expo-test-center__stage[data-motion="reduce"] *{animation:none !important;transition:none !important;}.expo-test-card[data-pass="true"]{background:color-mix(in oklab,var(--velin-color-success) 8%,var(--velin-color-bg));}.expo-test-card h3{font-size:var(--velin-text-sm);margin:0;}.expo-case__meta-block{display:grid;gap:0.35rem;}.expo-case__meta-block small{font-size:0.7rem;text-transform:uppercase;letter-spacing:0.04em;color:var(--velin-color-text-muted);font-weight:var(--velin-weight-semibold);}.expo-links{padding-top:0.35rem;border-top:1px dashed color-mix(in oklab,var(--velin-color-border) 80%,transparent);}@media (max-width:63.99rem){.expo-nav__menu{display:none;}}
/* assets/css/home-motion.css */
@property --expo-spin{syntax:"<angle>";inherits:false;initial-value:120deg;}.expo-scroll-progress{position:fixed;inset-block-start:0;inset-inline:0;z-index:1001;block-size:3px;transform:scaleX(0);transform-origin:0 50%;background-image:linear-gradient( 90deg,var(--velin-color-primary),color-mix(in oklab,var(--velin-color-info,var(--velin-color-primary)) 70%,var(--velin-color-primary)) );animation-name:expo-progress;animation-duration:auto;animation-timing-function:linear;animation-fill-mode:both;animation-timeline:scroll(root block);pointer-events:none;}@supports not (animation-timeline:scroll(root block)){.expo-scroll-progress{display:none;}}@keyframes expo-progress{from{transform:scaleX(0);}to{transform:scaleX(1);}}[data-expo-stagger]>:nth-child(1){--expo-i:0;}[data-expo-stagger]>:nth-child(2){--expo-i:1;}[data-expo-stagger]>:nth-child(3){--expo-i:2;}[data-expo-stagger]>:nth-child(4){--expo-i:3;}[data-expo-stagger]>:nth-child(5){--expo-i:4;}[data-expo-stagger]>:nth-child(6){--expo-i:5;}[data-expo-stagger]>:nth-child(7){--expo-i:6;}[data-expo-stagger]>:nth-child(n+8){--expo-i:7;}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){[data-expo-reveal],[data-expo-stagger]>*{animation-name:expo-rise;animation-duration:auto;animation-timing-function:linear;animation-fill-mode:both;animation-timeline:view();animation-range-start:entry calc(8%+var(--expo-i,0) * 4%);animation-range-end:entry calc(68%+var(--expo-i,0) * 4%);}.expo-whats-new>*,.expo-feature-grid>*,.expo-gallery-grid>*,.expo-contract-grid>*{animation-fill-mode:forwards;animation-range-start:entry 0%;animation-range-end:entry 28%;--expo-i:0;opacity:1;}}@supports not (animation-timeline:view()){html.expo-io [data-expo-reveal],html.expo-io [data-expo-stagger]>*{opacity:0;transform:translateY(1.15rem);transition:opacity 520ms var(--expo-ease) calc(var(--expo-i,0) * 70ms),transform 520ms var(--expo-ease) calc(var(--expo-i,0) * 70ms);}html.expo-io [data-expo-reveal].is-inview,html.expo-io [data-expo-stagger].is-inview>*{opacity:1;transform:none;}html.expo-io .expo-whats-new>*,html.expo-io .expo-feature-grid>*,html.expo-io .expo-gallery-grid>*,html.expo-io .expo-contract-grid>*{transition-delay:0ms;}}}@keyframes expo-rise{from{opacity:0;transform:translateY(1.6rem) scale(0.985);}to{opacity:1;transform:none;}}.expo-hero{overflow:visible;}.expo-hero::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background-image:radial-gradient( closest-side circle at 20% 26%,color-mix(in oklab,var(--velin-color-primary) 30%,transparent),transparent 72% ),radial-gradient( closest-side circle at 76% 20%,color-mix(in oklab,var(--velin-color-info,var(--velin-color-primary)) 24%,transparent),transparent 74% ),radial-gradient( closest-side circle at 58% 86%,color-mix(in oklab,var(--velin-color-secondary,var(--velin-color-primary)) 20%,transparent),transparent 72% );filter:blur(22px) saturate(1.1);opacity:0.55;transform:scale(1.12);mask-image:linear-gradient(180deg,#000 60%,transparent);}.expo-hero::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background-image:radial-gradient( circle at center,color-mix(in oklab,var(--velin-color-text) 18%,transparent) 1px,transparent 1.7px );background-size:2.25rem 2.25rem;mask-image:radial-gradient(ellipse 70% 60% at 32% 42%,#000,transparent 74%);opacity:0.45;}@media (prefers-reduced-motion:no-preference){.expo-hero::before{animation:expo-aurora 24s ease-in-out infinite alternate;}.expo-hero--rest::before,.expo-hero--rest .expo-hero__live{animation-play-state:paused;}}@keyframes expo-aurora{from{transform:scale(1.12) translate3d(-2.5%,-1.5%,0);}to{transform:scale(1.2) translate3d(2.5%,2%,0);}}@media (prefers-reduced-motion:no-preference){html.expo-motion .expo-hero__copy>*{animation:expo-hero-in 620ms var(--expo-ease) both;}html.expo-motion .expo-hero__copy>:nth-child(2){animation-delay:60ms;}html.expo-motion .expo-hero__copy>:nth-child(3){animation-delay:120ms;}html.expo-motion .expo-hero__copy>:nth-child(4){animation-delay:180ms;}html.expo-motion .expo-hero__copy>:nth-child(5){animation-delay:240ms;}html.expo-motion .expo-hero__trust li{animation:expo-pop 420ms var(--expo-ease) both;}html.expo-motion .expo-hero__trust li:nth-child(1){animation-delay:160ms;}html.expo-motion .expo-hero__trust li:nth-child(2){animation-delay:205ms;}html.expo-motion .expo-hero__trust li:nth-child(3){animation-delay:250ms;}html.expo-motion .expo-hero__trust li:nth-child(4){animation-delay:295ms;}html.expo-motion .expo-hero__trust li:nth-child(5){animation-delay:340ms;}html.expo-motion .expo-hero__trust li:nth-child(6){animation-delay:385ms;}}@keyframes expo-hero-in{from{opacity:0;transform:translateY(1.15rem);filter:blur(4px);}to{opacity:1;transform:none;filter:none;}}@keyframes expo-pop{from{opacity:0;transform:translateY(0.5rem) scale(0.94);}to{opacity:1;transform:none;}}.expo-hero__trust a.expo-trust-badge{padding-block:0.35rem;padding-inline:0.7rem;border:1px solid color-mix(in oklab,var(--velin-color-primary) 26%,var(--velin-color-border));background-color:color-mix(in oklab,var(--velin-color-surface) 76%,transparent);background-image:linear-gradient( 150deg,color-mix(in oklab,var(--velin-color-primary) 12%,transparent),transparent 60% );color:var(--velin-color-text);transition:transform 180ms var(--expo-ease),box-shadow 180ms var(--expo-ease),border-color 180ms var(--expo-ease);}.expo-hero__trust a.expo-trust-badge:hover,.expo-hero__trust a.expo-trust-badge:focus-visible{transform:translateY(-2px);box-shadow:0 8px 18px color-mix(in oklab,var(--velin-color-primary) 22%,transparent);}.expo-hero__install{border:1px solid color-mix(in oklab,var(--velin-color-primary) 24%,var(--velin-color-border));background-image:linear-gradient( 120deg,color-mix(in oklab,var(--velin-color-primary) 10%,transparent),transparent 58% );}.expo-hero__live{align-content:start;border:1px solid transparent;background-image:linear-gradient(var(--velin-color-surface),var(--velin-color-surface)),conic-gradient( from var(--expo-spin),color-mix(in oklab,var(--velin-color-primary) 60%,transparent) 0deg,color-mix(in oklab,var(--velin-color-info,var(--velin-color-primary)) 42%,transparent) 95deg,color-mix(in oklab,var(--velin-color-border) 92%,transparent) 200deg,color-mix(in oklab,var(--velin-color-primary) 60%,transparent) 360deg );background-origin:border-box;background-clip:padding-box,border-box;box-shadow:0 26px 60px color-mix(in oklab,var(--velin-color-text) 16%,transparent),inset 0 1px 0 color-mix(in oklab,#fff 10%,transparent);}.expo-hero__live velin-sparkline{display:block;color:var(--velin-color-primary);}@media (prefers-reduced-motion:no-preference){html.expo-motion .expo-hero__live{animation:expo-hero-panel 720ms var(--expo-ease) 140ms both,expo-spin 18s linear 900ms infinite;}}@keyframes expo-hero-panel{from{opacity:0;transform:translateY(1.75rem) scale(0.97);}to{opacity:1;transform:none;}}@keyframes expo-spin{to{--expo-spin:480deg;}}[data-expo-entry] .expo-kicker{display:flex;align-items:center;gap:0.5rem;}[data-expo-entry] .expo-kicker::before{content:"";inline-size:1.5rem;block-size:2px;border-radius:999px;background-image:linear-gradient( 90deg,var(--velin-color-primary),color-mix(in oklab,var(--velin-color-primary) 10%,transparent) );}[data-expo-entry] .expo-section__header h2{text-wrap:balance;}[data-expo-spotlight]>*{position:relative;isolation:isolate;}@media (hover:hover) and (pointer:fine){[data-expo-spotlight]>*::after{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;opacity:0;transition:opacity 220ms var(--expo-ease);background-image:radial-gradient( 14rem circle at var(--expo-mx,50%) var(--expo-my,0%),color-mix(in oklab,var(--velin-color-primary) 18%,transparent),transparent 68% );}[data-expo-spotlight]:hover>*::after{opacity:1;}[data-expo-spotlight]:hover>:not(:hover){opacity:0.94;}}.expo-fact{position:relative;overflow:clip;transition:transform 200ms var(--expo-ease),border-color 200ms var(--expo-ease),box-shadow 200ms var(--expo-ease);}.expo-fact__value{font-variant-numeric:tabular-nums;}.expo-fact::before{content:"";position:absolute;inset-block-start:0;inset-inline:0;block-size:2px;transform:scaleX(0);transform-origin:0 50%;transition:transform 320ms var(--expo-ease);background-image:linear-gradient( 90deg,var(--velin-color-primary),color-mix(in oklab,var(--velin-color-info,var(--velin-color-primary)) 60%,transparent) );}.expo-fact:hover,.expo-fact:focus-visible{transform:translateY(-3px);box-shadow:0 16px 34px color-mix(in oklab,var(--velin-color-text) 12%,transparent);}.expo-fact:hover::before,.expo-fact:focus-visible::before{transform:scaleX(1);}.expo-fact-chips{gap:0.5rem;}.expo-fact-chips a.velin-badge{padding-block:0.3rem;padding-inline:0.65rem;border:1px solid color-mix(in oklab,var(--velin-color-border) 88%,var(--velin-color-primary));background-color:color-mix(in oklab,var(--velin-color-surface-dim) 88%,transparent);color:var(--velin-color-text);font-size:var(--velin-text-sm);transition:transform 160ms var(--expo-ease),border-color 160ms var(--expo-ease);}.expo-fact-chips a:hover,.expo-fact-chips a:focus-visible{transform:translateY(-2px);}.expo-why-card{transition:transform 220ms var(--expo-ease),border-color 220ms var(--expo-ease),box-shadow 220ms var(--expo-ease);}.expo-why-card:hover,.expo-why-card:focus-within{transform:translateY(-4px);border-color:color-mix(in oklab,var(--velin-color-primary) 42%,var(--velin-color-border));box-shadow:0 20px 42px color-mix(in oklab,var(--velin-color-text) 14%,transparent);}.expo-why-card__icon{transition:transform 220ms var(--expo-ease),background-color 220ms var(--expo-ease);}.expo-why-card:hover .expo-why-card__icon{transform:translateY(-1px) scale(1.06);background-color:color-mix(in oklab,var(--velin-color-primary) 26%,transparent);}.expo-diff__row:not(.expo-diff__row--head)>*:last-child{background-image:linear-gradient( 90deg,color-mix(in oklab,var(--velin-color-primary) 15%,transparent),color-mix(in oklab,var(--velin-color-primary) 7%,transparent) );font-weight:var(--velin-weight-semibold);}.expo-diff__row--head>*:last-child{color:var(--velin-color-primary);}.expo-diff__row:not(.expo-diff__row--head){transition:background-color 180ms var(--expo-ease);}.expo-diff__row:not(.expo-diff__row--head):hover{background-color:color-mix(in oklab,var(--velin-color-primary) 7%,transparent);}.expo-habit{position:relative;overflow:clip;transition:transform 220ms var(--expo-ease),border-color 220ms var(--expo-ease),box-shadow 220ms var(--expo-ease);}.expo-habit::before{content:"";position:absolute;inset-block-start:0;inset-inline:0;block-size:2px;background-image:linear-gradient( 90deg,var(--velin-color-primary),transparent 78% );opacity:0.5;transition:opacity 220ms var(--expo-ease);}.expo-habit:hover,.expo-habit:focus-within{transform:translateY(-3px);border-color:color-mix(in oklab,var(--velin-color-primary) 38%,var(--velin-color-border));box-shadow:0 18px 40px color-mix(in oklab,var(--velin-color-text) 13%,transparent);}.expo-habit:hover::before,.expo-habit:focus-within::before{opacity:1;}.expo-habit__result{background-image:linear-gradient( 135deg,color-mix(in oklab,var(--velin-color-primary) 8%,transparent),transparent 62% );}.expo-habit velin-code-block pre{padding-block-start:2.9rem;}.expo-habit velin-code-block pre,.expo-habit velin-code-block pre code{white-space:pre-wrap;overflow-wrap:anywhere;}.expo-capabilities{mask-image:none;}.expo-cap{transition:transform 170ms var(--expo-ease),border-color 170ms var(--expo-ease),box-shadow 170ms var(--expo-ease);}.expo-cap::before{transition:box-shadow 170ms var(--expo-ease);}.expo-cap:hover,.expo-cap:focus-visible{transform:translateY(-3px);box-shadow:0 12px 26px color-mix(in oklab,var(--velin-color-text) 12%,transparent);}.expo-cap:hover::before,.expo-cap:focus-visible::before{box-shadow:0 0 0 4px color-mix(in oklab,var(--velin-color-success,var(--velin-color-primary)) 22%,transparent);}@media (prefers-reduced-motion:reduce){.expo-scroll-progress{display:none;}.expo-hero::before,.expo-hero__live,.expo-hero__copy>*,.expo-hero__trust li,[data-expo-reveal],[data-expo-stagger]>*{animation:none !important;opacity:1;transform:none;filter:none;}.expo-fact,.expo-why-card,.expo-habit,.expo-cap,.expo-hero__trust a.expo-trust-badge{transition:none;}.expo-fact:hover,.expo-why-card:hover,.expo-habit:hover,.expo-cap:hover,.expo-hero__trust a.expo-trust-badge:hover{transform:none;}}
/* assets/css/home-ux.css */
.expo-lang{display:inline-flex;align-items:stretch;margin-inline-start:0.35rem;padding:0.15rem;border:1px solid color-mix(in oklab,var(--velin-color-primary) 35%,var(--velin-color-border));border-radius:var(--velin-radius-md);background:color-mix(in oklab,var(--velin-color-surface-dim) 80%,var(--velin-color-primary));gap:0.1rem;}.expo-lang__opt{display:inline-flex;align-items:center;justify-content:center;min-width:2.75rem;min-height:2.75rem;padding:0.35rem 0.7rem;border:0;border-radius:calc(var(--velin-radius-md) - 2px);background:transparent;color:var(--velin-color-text-muted);font:inherit;font-size:var(--velin-text-sm);font-weight:var(--velin-weight-bold);letter-spacing:0.04em;text-decoration:none;cursor:pointer;transition:background-color 160ms var(--expo-ease),color 160ms var(--expo-ease),box-shadow 160ms var(--expo-ease);}.expo-lang__opt:hover{color:var(--velin-color-text);background:color-mix(in oklab,var(--velin-color-surface) 70%,transparent);}.expo-lang__opt:focus-visible{outline:3px solid var(--velin-color-focus,#2563eb);outline-offset:1px;z-index:1;}.expo-lang__opt[aria-current="true"]{color:var(--velin-color-on-primary,#fff);background:var(--velin-color-primary);box-shadow:0 1px 0 color-mix(in oklab,#fff 18%,transparent);pointer-events:none;}.expo-nav__actions .expo-lang{display:inline-flex;}@media (max-width:63.99rem){.expo-nav__menu .expo-lang{display:none;}}.expo-site-nav .expo-lang{margin:0.5rem 0;width:fit-content;}.expo-capabilities{display:grid;gap:clamp(1.25rem,3vw,2rem);overflow:visible;padding:0;mask-image:none;scroll-snap-type:none;}.expo-cap-group{display:grid;gap:0.65rem;}.expo-cap-group__title{margin:0;font-size:0.72rem;font-weight:var(--velin-weight-semibold);letter-spacing:0.06em;text-transform:uppercase;color:var(--velin-color-text-muted);}.expo-cap-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(9.5rem,1fr));gap:0.5rem;}.expo-cap{flex:none;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:0.55rem;min-height:2.75rem;padding:0.55rem 0.75rem;border-radius:var(--velin-radius-md);white-space:normal;line-height:1.25;scroll-snap-align:unset;}.expo-cap::before{display:none;}.expo-cap__icon{display:grid;place-items:center;width:1.65rem;height:1.65rem;border-radius:var(--velin-radius-sm);background:color-mix(in oklab,var(--velin-color-primary) 16%,transparent);color:var(--velin-color-primary);font-size:0.7rem;font-weight:var(--velin-weight-bold);letter-spacing:0;flex-shrink:0;}.expo-cap__label{font-size:var(--velin-text-sm);font-weight:var(--velin-weight-semibold);color:inherit;}.expo-more{display:grid;gap:var(--velin-space-4);}.expo-gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(14rem,1fr));gap:var(--velin-space-3);}.expo-gallery-card{display:grid;gap:0.65rem;padding:var(--velin-space-4);border:1px solid var(--velin-color-border);border-radius:var(--velin-radius-lg);background:var(--velin-color-surface);text-decoration:none;color:inherit;transition:transform 180ms var(--expo-ease),border-color 180ms var(--expo-ease),box-shadow 180ms var(--expo-ease);}.expo-gallery-card:hover,.expo-gallery-card:focus-visible{transform:translateY(-3px);border-color:color-mix(in oklab,var(--velin-color-primary) 42%,var(--velin-color-border));box-shadow:0 14px 32px color-mix(in oklab,var(--velin-color-text) 12%,transparent);outline:none;}.expo-gallery-card__preview{display:flex;align-items:flex-end;gap:0.35rem;min-height:3.25rem;padding:0.65rem;border-radius:var(--velin-radius-md);border:1px dashed var(--velin-color-border);background:linear-gradient( 135deg,color-mix(in oklab,var(--velin-color-primary) 10%,transparent),transparent 60% ),var(--velin-color-bg);}.expo-gallery-card__preview span{display:block;height:0.85rem;border-radius:999px;background:color-mix(in oklab,var(--velin-color-primary) 45%,var(--velin-color-border));}.expo-gallery-card__preview span:nth-child(1){width:2.2rem;height:1.35rem;border-radius:var(--velin-radius-sm);}.expo-gallery-card__preview span:nth-child(2){width:1.6rem;opacity:0.7;}.expo-gallery-card__preview span:nth-child(3){width:2.8rem;opacity:0.45;}.expo-gallery-card h3{margin:0;font-size:var(--velin-text-base);}.expo-gallery-card p{margin:0;font-size:var(--velin-text-sm);color:var(--velin-color-text-muted);line-height:1.4;}.expo-gallery-card__meta{font-size:0.7rem;letter-spacing:0.04em;text-transform:uppercase;color:var(--velin-color-primary);font-weight:var(--velin-weight-semibold);}.expo-token-lab{display:grid;gap:var(--velin-space-4);}@media (min-width:64rem){.expo-token-lab{grid-template-columns:minmax(0,1.35fr) minmax(16rem,0.75fr);align-items:start;}}.expo-token-lab__stage{display:grid;gap:var(--velin-space-3);min-width:0;}.expo-token-inspector{display:grid;gap:var(--velin-space-3);padding:var(--velin-space-4);border:1px solid var(--velin-color-border);border-radius:var(--velin-radius-lg);background:var(--velin-color-surface);align-content:start;position:sticky;top:calc(var(--expo-topbar-h,2.75rem)+var(--expo-nav-h)+0.75rem);}.expo-token-inspector__title{margin:0;font-size:var(--velin-text-sm);font-weight:var(--velin-weight-bold);letter-spacing:0.04em;text-transform:uppercase;color:var(--velin-color-text);}.expo-token-inspector__group{display:grid;gap:0.45rem;padding-block-start:0.65rem;border-block-start:1px solid color-mix(in oklab,var(--velin-color-border) 80%,transparent);}.expo-token-inspector__group:first-of-type{border-block-start:0;padding-block-start:0;}.expo-token-inspector__group h4{margin:0;font-size:0.72rem;letter-spacing:0.05em;text-transform:uppercase;color:var(--velin-color-primary);}.expo-token-inspector__group label{display:grid;gap:0.25rem;font-size:var(--velin-text-sm);color:var(--velin-color-text-muted);}.expo-token-inspector__group input[type="range"],.expo-token-inspector__group select,.expo-token-inspector__group .velin-input{width:100%;min-height:2.5rem;}.expo-token-inspector #tokenMotion{justify-self:start;min-height:2.5rem;}.expo-token-readout{display:flex;flex-wrap:wrap;gap:0.35rem;margin:0;font-family:var(--velin-font-mono,ui-monospace,monospace);font-size:0.72rem;color:var(--velin-color-text-muted);}.expo-token-readout code{padding:0.15rem 0.4rem;border-radius:var(--velin-radius-sm);background:var(--velin-color-surface-dim);}.expo-token-compare{margin:0;}.expo-token-lab>.expo-controls{display:none;}.expo-test-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(12.5rem,1fr));gap:var(--velin-space-3);}.expo-test-card{display:grid;gap:0.55rem;padding:var(--velin-space-3);border:1px solid var(--velin-color-border);border-radius:var(--velin-radius-lg);background:var(--velin-color-surface);align-content:start;transition:border-color 180ms var(--expo-ease),background-color 180ms var(--expo-ease);}.expo-test-card h3{margin:0;font-size:var(--velin-text-sm);}.expo-test-card .velin-btn{min-height:2.5rem;justify-self:start;}.expo-test-card[data-pass="true"]{border-color:color-mix(in oklab,var(--velin-color-success) 55%,var(--velin-color-border));background:color-mix(in oklab,var(--velin-color-success) 8%,var(--velin-color-surface));}.expo-test-card[data-pass="false"]{border-color:color-mix(in oklab,var(--velin-color-danger) 45%,var(--velin-color-border));background:color-mix(in oklab,var(--velin-color-danger) 7%,var(--velin-color-surface));}.expo-test-card[data-pass="true"] [data-test-out]::before,.expo-test-card[data-pass="false"] [data-test-out]::before{display:inline-block;margin-inline-end:0.35em;font-weight:var(--velin-weight-bold);}.expo-test-card[data-pass="true"] [data-test-out]::before{content:"✓";color:var(--velin-color-success);}.expo-test-card[data-pass="false"] [data-test-out]::before{content:"!";color:var(--velin-color-danger);}.expo-test-center__stage[data-flash="1"]{outline:2px solid var(--velin-color-primary);outline-offset:2px;}.expo-test-tabs{display:grid;grid-template-columns:repeat(auto-fit,minmax(9.5rem,1fr));gap:0.55rem;margin-block:0.5rem 1.15rem;padding:0.45rem;border:1px solid color-mix(in oklch,var(--velin-color-border) 80%,transparent);border-radius:var(--velin-radius-lg);background:linear-gradient( 180deg,color-mix(in oklch,var(--velin-color-primary) 8%,var(--velin-color-surface)),var(--velin-color-surface) );}.expo-test-tab{appearance:none;display:grid;gap:0.15rem;justify-items:start;border:1px solid transparent;background:transparent;color:var(--velin-color-text-muted);border-radius:var(--velin-radius-md);padding:0.7rem 0.85rem;font:inherit;text-align:start;cursor:pointer;transition:border-color 160ms ease,background 160ms ease,color 160ms ease,box-shadow 160ms ease;}.expo-test-tab__label{font-size:var(--velin-text-sm);font-weight:var(--velin-weight-bold);color:inherit;}.expo-test-tab__hint{font-size:0.72rem;letter-spacing:0.04em;text-transform:uppercase;opacity:0.75;}.expo-test-tab.is-active,.expo-test-tab[aria-selected="true"]{color:var(--velin-color-text);border-color:color-mix(in oklch,var(--velin-color-primary) 40%,var(--velin-color-border));background:color-mix(in oklch,var(--velin-color-primary) 14%,var(--velin-color-surface));box-shadow:0 8px 18px color-mix(in oklab,#000 8%,transparent);}.expo-test-tab:hover{color:var(--velin-color-text);background:color-mix(in oklch,var(--velin-color-primary) 8%,var(--velin-color-surface));}.expo-test-tab:focus-visible{outline:2px solid var(--velin-color-primary);outline-offset:2px;}.expo-test-card--wide{grid-column:1 / -1;}.expo-lab-code{display:grid;gap:0.55rem;padding:0.85rem 1rem;border:1px solid var(--velin-color-border);border-radius:var(--velin-radius-lg);background:color-mix(in oklch,var(--velin-color-bg) 70%,var(--velin-color-surface));}.expo-lab-code__head{display:flex;align-items:center;justify-content:space-between;gap:0.75rem;font-size:var(--velin-text-sm);font-weight:var(--velin-weight-semibold);}.expo-lab-code__pre{margin:0;max-height:14rem;overflow:auto;padding:0.75rem 0.85rem;border-radius:var(--velin-radius-md);border:1px solid color-mix(in oklch,var(--velin-color-border) 80%,transparent);background:color-mix(in oklch,var(--velin-color-surface-dim,#0b1220) 88%,#000);color:var(--velin-color-text);font-size:0.78rem;line-height:1.45;}.expo-gutter-preview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--velin-space-3);padding:var(--velin-space-3);border:1px dashed color-mix(in oklch,var(--velin-color-primary) 35%,var(--velin-color-border));border-radius:var(--velin-radius-md);background:color-mix(in oklch,var(--velin-color-primary) 6%,var(--velin-color-surface));}.expo-gutter-preview__item{display:grid;place-items:center;min-height:3.5rem;border-radius:var(--velin-radius-sm);border:1px solid var(--velin-color-border);background:var(--velin-color-surface);font-weight:var(--velin-weight-bold);}.expo-layout-preview{display:grid;gap:0.65rem;min-height:10rem;}.expo-layout-preview[data-pattern="split"]{grid-template-columns:minmax(5rem,8rem) minmax(0,1fr);grid-template-rows:1fr auto;}.expo-layout-preview[data-pattern="split"] .expo-layout-preview__side{grid-row:1;}.expo-layout-preview[data-pattern="split"] .expo-layout-preview__main{grid-row:1;}.expo-layout-preview[data-pattern="split"] .expo-layout-preview__foot{grid-column:1 / -1;}.expo-layout-preview[data-pattern="stack"]{grid-template-columns:1fr;}.expo-layout-preview[data-pattern="holy"]{grid-template-columns:minmax(5rem,7rem) minmax(0,1fr) minmax(5rem,7rem);grid-template-areas:"side main foot";}.expo-layout-preview[data-pattern="holy"] .expo-layout-preview__side{grid-area:side;}.expo-layout-preview[data-pattern="holy"] .expo-layout-preview__main{grid-area:main;}.expo-layout-preview[data-pattern="holy"] .expo-layout-preview__foot{grid-area:foot;}.expo-layout-preview[data-pattern="cards"]{grid-template-columns:repeat(3,minmax(0,1fr));}.expo-layout-preview[data-pattern="cards"] .expo-layout-preview__foot{grid-column:1 / -1;}.expo-layout-preview[data-align="center"]{align-items:center;}.expo-layout-preview[data-align="stretch"]{align-items:stretch;}.expo-layout-preview[data-dense="1"]{gap:0.35rem;}.expo-layout-preview__side,.expo-layout-preview__main,.expo-layout-preview__foot{padding:0.75rem;border:1px solid var(--velin-color-border);border-radius:var(--velin-radius-md);background:var(--velin-color-surface);font-size:var(--velin-text-sm);}.expo-layout-preview__side{background:color-mix(in oklch,var(--velin-color-primary) 10%,var(--velin-color-surface));}.expo-form-builder{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0.65rem;align-items:end;}.expo-form-builder label{display:grid;gap:0.3rem;font-size:var(--velin-text-sm);}.expo-form-builder__full{grid-column:1 / -1;}.expo-lab-form__field{position:relative;}.expo-lab-form__hint{color:var(--velin-color-text-muted);font-size:0.75rem;}.expo-lab-form__remove{position:absolute;inset-block-start:0;inset-inline-end:0;appearance:none;border:0;background:transparent;color:var(--velin-color-text-muted);cursor:pointer;font-size:1.1rem;line-height:1;}@media (max-width:39.99rem){.expo-form-builder{grid-template-columns:1fr;}}.expo-test-layout{display:grid;gap:var(--velin-space-4);}.expo-test-stage__bar{margin:0;padding:0.45rem 0.7rem;border-radius:var(--velin-radius-md);border:1px solid color-mix(in oklch,var(--velin-color-primary) 25%,var(--velin-color-border));background:color-mix(in oklch,var(--velin-color-primary) 10%,var(--velin-color-surface));color:var(--velin-color-text);font-size:var(--velin-text-sm);font-weight:var(--velin-weight-semibold);}.expo-test-center__stage[data-theme="dark"]{color-scheme:dark;--velin-color-bg:oklch(22% 0.02 250);--velin-color-surface:oklch(28% 0.025 250);--velin-color-surface-dim:oklch(24% 0.02 250);--velin-color-text:oklch(96% 0.01 250);--velin-color-text-muted:oklch(78% 0.02 250);--velin-color-border:oklch(42% 0.03 250);--velin-color-primary:oklch(72% 0.14 250);background:var(--velin-color-surface);color:var(--velin-color-text);}.expo-test-center__stage[data-theme="light"]{color-scheme:light;--velin-color-bg:oklch(98% 0.01 95);--velin-color-surface:oklch(100% 0 0);--velin-color-surface-dim:oklch(96% 0.01 95);--velin-color-text:oklch(28% 0.02 250);--velin-color-text-muted:oklch(45% 0.02 250);--velin-color-border:oklch(82% 0.02 250);background:var(--velin-color-surface);color:var(--velin-color-text);}.expo-ui-preview{display:grid;gap:var(--velin-space-3);}.expo-ui-preview[data-layout="stack"] .expo-ui-preview__actions,.expo-ui-preview[data-layout="stack"]{display:grid;}.expo-ui-preview [data-ui-demo-card]{border:1px solid var(--velin-color-border);background:var(--velin-color-surface);transition:border-radius 180ms ease,box-shadow 180ms ease;}.expo-lab-form{display:grid;gap:var(--velin-space-3);}.expo-lab-form__fields.velin-grid{display:grid;align-items:start;}.expo-lab-chip-remove{display:inline-grid;place-items:center;margin-inline-start:0.45rem;inline-size:1.1rem;block-size:1.1rem;border-radius:999px;background:color-mix(in oklch,var(--velin-color-danger,#b91c1c) 18%,transparent);color:var(--velin-color-text);font-size:0.75rem;line-height:1;cursor:pointer;}.expo-ui-preview [data-btn-list] .velin-btn{position:relative;}.expo-lab-form__field{display:grid;gap:0.35rem;font-size:var(--velin-text-sm);color:var(--velin-color-text);}.expo-lab-form--required .expo-lab-form__field>span::after{content:" *";color:var(--velin-color-danger,#b91c1c);}.expo-lab-form--inline .expo-lab-form__fields{grid-template-columns:repeat(2,minmax(0,1fr));}.expo-lab-form--inline .expo-lab-form__field--full{grid-column:1 / -1;}.expo-lab-form--compact .expo-lab-form__field{gap:0.2rem;}.expo-lab-form--compact .velin-input{min-height:2.15rem;padding-block:0.35rem;}.expo-lab-form--compact textarea.velin-input{min-height:4.5rem;}@media (max-width:39.99rem){.expo-lab-form--inline .expo-lab-form__fields{grid-template-columns:1fr;}}.expo-test-center__stage[dir="rtl"] .velin-nav{flex-direction:row-reverse;}.expo-pulse{animation:expo-test-pulse 1.1s ease-in-out infinite;}@keyframes expo-test-pulse{0%,100%{opacity:1;transform:scale(1);}50%{opacity:0.55;transform:scale(1.08);}}.expo-criteria-table{width:100%;border-collapse:separate;border-spacing:0;border:1px solid var(--velin-color-border);border-radius:var(--velin-radius-lg);overflow:hidden;background:var(--velin-color-surface);}.expo-criteria-table th,.expo-criteria-table td{padding:1rem 1.1rem;vertical-align:top;border-block-end:1px solid var(--velin-color-border);font-size:var(--velin-text-sm);line-height:1.45;}.expo-criteria-table thead th{background:var(--velin-color-surface-dim);font-size:0.72rem;letter-spacing:0.05em;text-transform:uppercase;color:var(--velin-color-text-muted);}.expo-criteria-table tbody th[scope="row"]{font-weight:var(--velin-weight-bold);color:var(--velin-color-text);white-space:nowrap;}.expo-criteria-table tbody th[scope="row"]::before{content:"";display:inline-block;width:0.45em;height:0.45em;margin-inline-end:0.55em;border-radius:50%;background:var(--velin-color-primary);vertical-align:0.1em;}.expo-criteria-table td:nth-child(3){background:color-mix(in oklab,var(--velin-color-primary) 7%,transparent);font-weight:var(--velin-weight-semibold);}.expo-criteria-table td:nth-child(4){color:var(--velin-color-text-muted);}.expo-criteria-table tbody tr:last-child th,.expo-criteria-table tbody tr:last-child td{border-block-end:0;}.expo-criteria-table tbody tr:hover td,.expo-criteria-table tbody tr:hover th{background-color:color-mix(in oklab,var(--velin-color-primary) 5%,transparent);}@media (max-width:47.99rem){.expo-criteria-table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;}.expo-criteria-table thead,.expo-criteria-table tbody,.expo-criteria-table tr{display:table;width:100%;min-width:36rem;table-layout:fixed;}}.expo-terminal{position:relative;border:1px solid var(--velin-color-border);border-radius:var(--velin-radius-lg);background:color-mix(in oklab,var(--velin-color-surface-dim) 90%,#000);overflow:hidden;box-shadow:0 18px 40px color-mix(in oklab,var(--velin-color-text) 12%,transparent);}.expo-terminal__chrome{display:flex;align-items:center;gap:0.45rem;padding:0.65rem 0.85rem;border-block-end:1px solid var(--velin-color-border);background:color-mix(in oklab,var(--velin-color-surface) 70%,transparent);}.expo-terminal__dot{width:0.55rem;height:0.55rem;border-radius:50%;background:var(--velin-color-border);}.expo-terminal__dot:nth-child(1){background:#ff5f57;}.expo-terminal__dot:nth-child(2){background:#febc2e;}.expo-terminal__dot:nth-child(3){background:#28c840;}.expo-terminal__title{margin-inline-start:0.5rem;font-size:var(--velin-text-sm);color:var(--velin-color-text-muted);font-family:var(--velin-font-mono,ui-monospace,monospace);}.expo-terminal__copy{margin-inline-start:auto;min-height:2.5rem;}.expo-terminal__body{margin:0;padding:1rem 1.1rem 1.25rem;min-height:11rem;font-family:var(--velin-font-mono,ui-monospace,monospace);font-size:var(--velin-text-sm);line-height:1.55;color:var(--velin-color-text);white-space:pre-wrap;overflow-wrap:anywhere;}.expo-terminal__line{display:block;}.expo-terminal__line--muted{color:var(--velin-color-text-muted);}.expo-terminal__line--ok{color:var(--velin-color-success,#22c55e);}.expo-terminal__line--cmd{color:var(--velin-color-primary);}.expo-terminal__cursor{display:inline-block;width:0.55ch;height:1.05em;margin-inline-start:0.1em;vertical-align:text-bottom;background:var(--velin-color-primary);}@media (prefers-reduced-motion:no-preference){.expo-terminal__cursor{animation:expo-cursor 1s steps(1) infinite;}}@keyframes expo-cursor{50%{opacity:0;}}.expo-install-extra{margin-block-start:var(--velin-space-4);display:grid;gap:var(--velin-space-3);}.expo-footer__inner{grid-template-columns:1fr;}@media (min-width:56rem){.expo-footer__inner{grid-template-columns:minmax(12rem,0.9fr) minmax(0,1.6fr) minmax(12rem,0.85fr);}}.expo-footer__widgets{display:grid;gap:0.65rem;padding:var(--velin-space-3);border:1px solid var(--velin-color-border);border-radius:var(--velin-radius-lg);background:color-mix(in oklab,var(--velin-color-surface-dim) 70%,transparent);}.expo-footer__widget{display:flex;align-items:center;justify-content:space-between;gap:0.75rem;min-height:2.5rem;font-size:var(--velin-text-sm);}.expo-footer__widget strong{font-variant-numeric:tabular-nums;color:var(--velin-color-text);}.expo-footer__widget-label{color:var(--velin-color-text-muted);}.expo-footer__swatches{display:flex;gap:0.35rem;}.expo-footer__swatch{width:1.15rem;height:1.15rem;border-radius:50%;border:1px solid color-mix(in oklab,var(--velin-color-border) 70%,transparent);}.expo-footer__cols{grid-template-columns:repeat(auto-fit,minmax(8.5rem,1fr));}.expo-footer__col a{min-height:2rem;display:inline-flex;align-items:center;transition:color 160ms var(--expo-ease),transform 160ms var(--expo-ease);}.expo-footer__col a:hover{transform:translateX(2px);}@media (max-width:47.99rem){.expo-hero__actions .velin-btn,.expo-links .velin-btn,.expo-test-card .velin-btn,.expo-cap{min-height:2.75rem;}.expo-diff{overflow-x:auto;-webkit-overflow-scrolling:touch;}.expo-gallery-grid{grid-template-columns:1fr 1fr;}}@media (max-width:22.5rem){.expo-gallery-grid,.expo-cap-grid{grid-template-columns:1fr;}.expo-facts-grid{grid-template-columns:1fr;}.expo-hero__copy h1{font-size:clamp(1.65rem,8vw,2.1rem);}.expo-nav__actions .expo-nav__search{display:none;}.expo-nav__actions .velin-btn--primary{padding-inline:0.65rem;}}.expo-nav__actions{max-width:100%;flex-shrink:1;display:flex;align-items:center;flex-wrap:wrap;gap:0.45rem;justify-content:flex-end;}@media (prefers-reduced-motion:reduce){.expo-gallery-card,.expo-cap,.expo-lang__opt,.expo-footer__col a,.expo-test-card{transition:none;}.expo-gallery-card:hover,.expo-footer__col a:hover{transform:none;}.expo-pulse,.expo-terminal__cursor{animation:none !important;}}
/* assets/css/home-v2.css */
.expo-main{row-gap:clamp(3rem,7vw,5.5rem);}.expo-section:not(.expo-hero):not(.expo-band){padding:clamp(1.5rem,3.5vw,2.75rem);}.expo-section[data-stage="wide"]{padding-block:clamp(2rem,5vw,3.5rem);}.expo-section[data-stage="compact"]{padding:clamp(1.1rem,2.5vw,1.75rem);}.expo-section__header{max-width:42rem;margin-block-end:0.35rem;}.expo-section__header+*{margin-block-start:0.25rem;}.expo-footer{margin-block-start:clamp(3rem,7vw,5rem);padding-block-start:clamp(0.5rem,2vw,1rem);}.expo-footer__inner{padding-block:clamp(2.25rem,5vw,3.5rem) clamp(1.5rem,3vw,2.25rem);gap:clamp(2rem,4vw,3rem);}.expo-footer__bar{padding-block:1.25rem 1.75rem;}.expo-cap-board{display:grid;gap:clamp(1.5rem,3vw,2.25rem);}.expo-cap-cat{display:grid;gap:0.85rem;}.expo-cap-cat__title{margin:0;font-size:0.75rem;letter-spacing:0.07em;text-transform:uppercase;color:var(--velin-color-text-muted);font-weight:var(--velin-weight-semibold);}.expo-feature-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(15.5rem,1fr));gap:var(--velin-space-3);}.expo-feature-card{display:grid;gap:0.65rem;align-content:start;padding:1.05rem 1.1rem;border:1px solid var(--velin-color-border);border-radius:var(--velin-radius-lg);background:linear-gradient( 160deg,color-mix(in oklab,var(--velin-color-primary) 8%,transparent),transparent 48% ),var(--velin-color-surface);text-decoration:none;color:inherit;min-height:9.5rem;transition:transform 180ms var(--expo-ease),border-color 180ms var(--expo-ease),box-shadow 180ms var(--expo-ease);}.expo-feature-card:hover,.expo-feature-card:focus-visible{transform:translateY(-3px);border-color:color-mix(in oklab,var(--velin-color-primary) 40%,var(--velin-color-border));box-shadow:0 16px 36px color-mix(in oklab,var(--velin-color-text) 12%,transparent);outline:none;}.expo-feature-card__top{display:flex;align-items:center;justify-content:space-between;gap:0.5rem;}.expo-feature-card__icon{display:grid;place-items:center;width:2.25rem;height:2.25rem;border-radius:var(--velin-radius-md);background:color-mix(in oklab,var(--velin-color-primary) 18%,transparent);color:var(--velin-color-primary);font-size:0.72rem;font-weight:var(--velin-weight-bold);letter-spacing:0.02em;}.expo-feature-card__live{display:inline-flex;align-items:center;gap:0.35rem;min-height:1.75rem;padding:0.2rem 0.45rem;border-radius:var(--velin-radius-sm);border:1px dashed color-mix(in oklab,var(--velin-color-border) 80%,transparent);background:var(--velin-color-bg);font-size:0.68rem;color:var(--velin-color-text-muted);}.expo-feature-card h3{margin:0;font-size:var(--velin-text-base);line-height:1.25;}.expo-feature-card p{margin:0;font-size:var(--velin-text-sm);color:var(--velin-color-text-muted);line-height:1.4;}.expo-feature-card__cta{margin-block-start:auto;font-size:var(--velin-text-sm);color:var(--velin-color-primary);font-weight:var(--velin-weight-semibold);}.expo-gallery-grid{grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));gap:clamp(0.85rem,2vw,1.25rem);}.expo-gallery-card{min-height:14rem;gap:0.55rem;}.expo-gallery-card__preview{min-height:4.25rem;position:relative;overflow:hidden;}.expo-gallery-card__preview[data-kind="hero"]{background:linear-gradient(120deg,color-mix(in oklab,var(--velin-color-primary) 28%,transparent),transparent 55%),var(--velin-color-bg);}.expo-gallery-card__preview[data-kind="nav"]{background:linear-gradient(180deg,color-mix(in oklab,var(--velin-color-info,var(--velin-color-primary)) 22%,transparent) 0 34%,transparent 34%),var(--velin-color-bg);}.expo-gallery-card__preview[data-kind="dash"]{background:radial-gradient(circle at 30% 60%,color-mix(in oklab,var(--velin-color-success) 25%,transparent),transparent 40%),var(--velin-color-bg);}.expo-gallery-card__preview[data-kind="form"]{background:linear-gradient(90deg,color-mix(in oklab,var(--velin-color-primary) 12%,transparent) 0 40%,transparent 40%),var(--velin-color-bg);}.expo-gallery-card__preview[data-kind="layout"]{background:repeating-linear-gradient(90deg,color-mix(in oklab,var(--velin-color-border) 70%,transparent) 0 1px,transparent 1px 33%),var(--velin-color-bg);}.expo-gallery-card__preview[data-kind="mobile"]{background:linear-gradient(90deg,transparent 28%,color-mix(in oklab,var(--velin-color-primary) 16%,transparent) 28% 72%,transparent 72%),var(--velin-color-bg);}.expo-gallery-card__preview[data-kind="motion"]{background:radial-gradient(circle at 70% 40%,color-mix(in oklab,var(--velin-color-primary) 30%,transparent),transparent 45%),var(--velin-color-bg);}.expo-gallery-card__preview[data-kind="pattern"]{background:radial-gradient(circle at 1px 1px,color-mix(in oklab,var(--velin-color-text) 22%,transparent) 1px,transparent 0) 0 0 / 0.85rem 0.85rem,var(--velin-color-bg);}.expo-gallery-card__count{font-size:0.72rem;color:var(--velin-color-text-muted);}.expo-gallery-card__actions{display:flex;flex-wrap:wrap;gap:0.4rem;margin-block-start:0.25rem;}.expo-gallery-card__actions .velin-btn{min-height:2.5rem;}a.expo-gallery-card{cursor:pointer;}.expo-gallery-card:not(a){text-decoration:none;color:inherit;}.expo-contract-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(16.5rem,1fr));gap:var(--velin-space-3);}.expo-contract-card{display:grid;gap:0.65rem;padding:1.1rem;border:1px solid var(--velin-color-border);border-radius:var(--velin-radius-lg);background:var(--velin-color-surface);border-block-start:3px solid var(--expo-contract-accent,var(--velin-color-primary));align-content:start;}.expo-contract-card[data-tone="modal"]{--expo-contract-accent:var(--velin-color-primary);}.expo-contract-card[data-tone="drawer"]{--expo-contract-accent:var(--velin-color-info,var(--velin-color-primary));}.expo-contract-card[data-tone="sheet"]{--expo-contract-accent:var(--velin-color-secondary,var(--velin-color-primary));}.expo-contract-card[data-tone="overlay"]{--expo-contract-accent:var(--velin-color-success);}.expo-contract-card[data-tone="input"]{--expo-contract-accent:var(--velin-color-warning,var(--velin-color-primary));}.expo-contract-card[data-tone="data"]{--expo-contract-accent:color-mix(in oklab,var(--velin-color-primary) 70%,#fff);}.expo-contract-card__head{display:flex;align-items:center;justify-content:space-between;gap:0.5rem;}.expo-contract-card__icon{display:inline-grid;place-items:center;width:2rem;height:2rem;border-radius:var(--velin-radius-md);background:color-mix(in oklab,var(--expo-contract-accent) 18%,transparent);color:var(--expo-contract-accent);font-size:0.7rem;font-weight:var(--velin-weight-bold);}.expo-contract-card h3{margin:0;font-size:var(--velin-text-base);}.expo-contract-card__status{display:flex;flex-wrap:wrap;gap:0.3rem;}.expo-contract-card__status .velin-badge{font-size:0.65rem;}.expo-contract-card p{margin:0;font-size:var(--velin-text-sm);color:var(--velin-color-text-muted);line-height:1.4;}.expo-contract-card .velin-btn,.expo-contract-card velin-popover,.expo-contract-card velin-dropdown,.expo-contract-card velin-combobox,.expo-contract-card velin-tabs,.expo-contract-card velin-carousel{justify-self:start;}.expo-variant-card{border-block-start:3px solid color-mix(in oklab,var(--velin-color-primary) 55%,transparent);}.expo-token-lab{display:grid;grid-template-columns:1fr;gap:clamp(1rem,2.5vw,1.5rem);align-items:start;}@media (min-width:64rem){.expo-token-lab{grid-template-columns:minmax(0,1.35fr) minmax(12rem,0.72fr) minmax(14rem,0.78fr);}}.expo-token-lab__stage{display:grid;gap:var(--velin-space-3);min-width:0;}.expo-token-lab__components{display:grid;gap:0.65rem;align-content:start;padding:var(--velin-space-3);border:1px solid var(--velin-color-border);border-radius:var(--velin-radius-lg);background:color-mix(in oklab,var(--velin-color-surface) 92%,transparent);box-shadow:inset 0 1px 0 color-mix(in oklab,#fff 6%,transparent);}.expo-token-lab__components h3{margin:0;font-size:0.72rem;letter-spacing:0.05em;text-transform:uppercase;color:var(--velin-color-text-muted);}.expo-token-chip{display:grid;gap:0.35rem;padding:0.65rem;border:1px solid var(--velin-color-border);border-radius:var(--velin-radius-md);background:var(--velin-color-bg);}.expo-token-chip strong{font-size:var(--velin-text-sm);}.expo-token-chip span{font-size:0.72rem;color:var(--velin-color-text-muted);}.expo-token-compare{display:grid;gap:var(--velin-space-3);}.expo-token-lab__compare{border:1px solid var(--velin-color-border);border-radius:var(--velin-radius-md);padding:0.55rem 0.75rem;background:color-mix(in oklab,var(--velin-color-surface) 70%,transparent);}.expo-token-lab__compare>summary{cursor:pointer;font-size:var(--velin-text-sm);font-weight:var(--velin-weight-semibold);color:var(--velin-color-text-muted);list-style:none;}.expo-token-lab__compare>summary::-webkit-details-marker{display:none;}.expo-token-lab__compare[open]{padding-block-end:0.85rem;}.expo-token-lab__compare .expo-token-surface--control{margin-block-start:0.75rem;}.expo-token-inspector{max-height:min(62vh,36rem);overflow:auto;padding:var(--velin-space-3);border:1px solid var(--velin-color-border);border-radius:var(--velin-radius-lg);background:color-mix(in oklab,var(--velin-color-surface) 94%,transparent);scrollbar-width:thin;}.expo-token-inspector__group{padding-block:0.55rem;border-block-end:1px solid color-mix(in oklab,var(--velin-color-border) 80%,transparent);}.expo-token-inspector__group:last-child{border-block-end:0;}.expo-token-inspector__group h4{margin:0 0 0.45rem;font-size:0.7rem;letter-spacing:0.06em;text-transform:uppercase;color:var(--velin-color-text-muted);}.expo-release-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--velin-space-4);align-items:start;}@media (min-width:52rem){.expo-release-layout{grid-template-columns:9.5rem minmax(0,1fr);gap:var(--velin-space-5);}}.expo-release-tabs{display:flex;flex-direction:row;flex-wrap:nowrap;gap:0.35rem;overflow-x:auto;padding-block-end:0.25rem;scrollbar-width:thin;}@media (min-width:52rem){.expo-release-tabs{flex-direction:column;overflow-x:visible;position:sticky;top:calc(var(--expo-topbar-h,2.75rem)+var(--expo-nav-h,3.5rem)+0.75rem);}}.expo-release-tab{appearance:none;border:1px solid var(--velin-color-border);background:var(--velin-color-surface);color:var(--velin-color-text-muted);border-radius:var(--velin-radius-md);padding:0.45rem 0.7rem;font:inherit;font-size:var(--velin-text-sm);font-weight:var(--velin-weight-semibold);white-space:nowrap;cursor:pointer;text-align:start;transition:border-color 160ms ease,color 160ms ease,background 160ms ease;}.expo-release-tab:hover,.expo-release-tab:focus-visible{color:var(--velin-color-text);border-color:color-mix(in oklab,var(--velin-color-primary) 40%,var(--velin-color-border));outline:none;}.expo-release-tab.is-active,.expo-release-tab[aria-selected="true"]{color:var(--velin-color-text);background:color-mix(in oklch,var(--velin-color-primary) 14%,var(--velin-color-surface));border-color:color-mix(in oklab,var(--velin-color-primary) 45%,var(--velin-color-border));}.expo-release-panels .expo-whats-new{min-block-size:12rem;display:flex;flex-direction:column;gap:0.65rem;}.expo-release-card[hidden]{display:none !important;}.expo-whats-new{display:grid;grid-template-columns:repeat(auto-fill,minmax(15.5rem,1fr));gap:var(--velin-space-3);}.expo-release-panels .expo-release-card{display:grid;grid-template-columns:minmax(7.5rem,10rem) minmax(0,1fr) auto;gap:0.75rem 1rem;align-items:start;padding:0.85rem 1rem;}.expo-release-panels .expo-release-card__meta{grid-column:1;grid-row:1 / span 2;flex-direction:column;align-items:flex-start;}.expo-release-panels .expo-release-card h3{grid-column:2;grid-row:1;margin:0;}.expo-release-panels .expo-release-card>p{grid-column:2;grid-row:2;margin:0;}.expo-release-panels .expo-release-card__links{grid-column:3;grid-row:1 / span 2;flex-direction:column;align-items:flex-end;justify-content:center;}@media (max-width:47.99rem){.expo-release-panels .expo-release-card{grid-template-columns:1fr;}.expo-release-panels .expo-release-card__meta,.expo-release-panels .expo-release-card h3,.expo-release-panels .expo-release-card>p,.expo-release-panels .expo-release-card__links{grid-column:1;grid-row:auto;}.expo-release-panels .expo-release-card__links{align-items:flex-start;flex-direction:row;}}.expo-release-card{display:grid;gap:0.55rem;padding:1.1rem;border:1px solid var(--velin-color-border);border-radius:var(--velin-radius-lg);background:var(--velin-color-surface);position:relative;align-content:start;transition:transform 180ms var(--expo-ease),border-color 180ms var(--expo-ease);}.expo-release-card:hover{transform:translateY(-2px);border-color:color-mix(in oklab,var(--velin-color-primary) 35%,var(--velin-color-border));}.expo-release-card__meta{display:flex;flex-wrap:wrap;align-items:center;gap:0.35rem;}.expo-release-card h3{margin:0;font-size:var(--velin-text-base);}.expo-release-card p{margin:0;font-size:var(--velin-text-sm);color:var(--velin-color-text-muted);line-height:1.4;}.expo-release-card__links{display:flex;flex-wrap:wrap;gap:0.35rem;margin-block-start:0.25rem;}.expo-release-card__links a{font-size:var(--velin-text-sm);color:var(--velin-color-primary);text-decoration:none;}.expo-release-card__links a:hover,.expo-release-card__links a:focus-visible{text-decoration:underline;}.expo-badge-new{font-size:0.65rem !important;letter-spacing:0.04em;}.expo-showcase-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:0.75rem;margin-block-end:0.35rem;}.expo-showcase-filters{display:flex;flex-wrap:wrap;gap:0.35rem;}.expo-showcase-filters .velin-btn{min-height:2.5rem;}.expo-showcase-filters .velin-btn[aria-pressed="true"]{background:var(--velin-color-primary);color:var(--velin-color-on-primary,#fff);border-color:var(--velin-color-primary);}.expo-showcase-nav{display:flex;gap:0.35rem;}.expo-showcase-track{display:flex;gap:1rem;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:0.35rem 0.15rem 0.85rem;-webkit-overflow-scrolling:touch;cursor:grab;scrollbar-width:thin;}.expo-showcase-track.is-dragging{cursor:grabbing;scroll-behavior:auto;user-select:none;}.expo-showcase-track:focus-visible{outline:3px solid var(--velin-color-focus,#2563eb);outline-offset:2px;}.expo-showcase-track .expo-case{flex:0 0 min(22rem,82vw);scroll-snap-align:start;display:grid;gap:0.75rem;padding:0.85rem;border:1px solid var(--velin-color-border);border-radius:var(--velin-radius-lg);background:var(--velin-color-surface);min-height:100%;}.expo-showcase-track .expo-case__media{border-radius:var(--velin-radius-md);overflow:hidden;aspect-ratio:16 / 10;background:var(--velin-color-bg);}.expo-showcase-track .expo-case__media img{width:100%;height:100%;object-fit:cover;display:block;}.expo-showcase-track .expo-case__body{display:grid;gap:0.45rem;}.expo-showcase-track .expo-case__body h3{margin:0;font-size:var(--velin-text-lg);}.expo-showcase-empty{padding:1rem;color:var(--velin-color-text-muted);}.expo-showcase-grid:not(.expo-showcase-track){display:grid;}.expo-terminal__body{min-height:14rem;max-height:16rem;overflow:hidden;}.expo-terminal__line--spin::before{content:"⠋ ";color:var(--velin-color-primary);}.expo-terminal.is-live .expo-terminal__cursor{animation:expo-cursor 1s steps(1) infinite;}.expo-footer__widgets{gap:0.5rem;}.expo-footer__status-grid{display:grid;grid-template-columns:1fr 1fr;gap:0.45rem;}.expo-footer__status{display:grid;gap:0.15rem;padding:0.45rem 0.55rem;border-radius:var(--velin-radius-md);background:color-mix(in oklab,var(--velin-color-bg) 70%,transparent);border:1px solid color-mix(in oklab,var(--velin-color-border) 80%,transparent);font-size:0.72rem;}.expo-footer__status strong{color:var(--velin-color-success,var(--velin-color-primary));font-size:var(--velin-text-sm);}.expo-footer__col a:hover{text-shadow:0 0 18px color-mix(in oklab,var(--velin-color-primary) 35%,transparent);}html{overflow-x:clip;}.expo-diff,.expo-showcase-track,.expo-token-lab,.expo-footer__status-grid{max-width:100%;}@media (max-width:47.99rem){.expo-feature-grid,.expo-whats-new,.expo-gallery-grid,.expo-contract-grid{grid-template-columns:1fr;}.expo-token-lab__components{order:3;}.expo-showcase-track .expo-case{flex-basis:min(18.5rem,88vw);}.expo-showcase-toolbar{flex-direction:column;align-items:stretch;}.expo-showcase-filters{flex-wrap:wrap;gap:0.4rem;}.expo-nav__actions .expo-nav__search{display:none;}.expo-nav__actions .velin-btn--primary{padding-inline:0.7rem;font-size:0.85rem;}.expo-nav{gap:0.35rem;}.expo-nav__actions{flex-wrap:nowrap;min-width:0;gap:0.35rem;}.expo-nav__actions .velin-btn--primary{flex-shrink:0;}.expo-diff{width:100%;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;}.expo-section,.expo-more{min-width:0;}.expo-footer__cols{gap:1.5rem;}.expo-footer__status-grid{grid-template-columns:1fr 1fr;}}@media (max-width:22.5rem){.expo-footer__status-grid{grid-template-columns:1fr;}}@media (min-width:40rem) and (max-width:63.99rem){.expo-feature-grid,.expo-whats-new,.expo-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}.expo-main>.expo-band{grid-column:1 / -1;}.expo-section.expo-band,.expo-footer.expo-band{--expo-band-a:var(--velin-color-primary);--expo-band-b:var(--velin-color-info,var(--velin-color-primary));--expo-band-c:var(--velin-color-secondary,var(--velin-color-primary));--expo-band-base:var(--velin-color-bg);--expo-band-surface:var(--velin-color-surface);position:relative;isolation:isolate;overflow:clip;border-radius:0;border-inline:0;border-block-start:1px solid color-mix(in oklab,var(--expo-band-a) 22%,var(--velin-color-border));border-block-end:1px solid color-mix(in oklab,var(--velin-color-border) 80%,var(--expo-band-a));padding-block:clamp(2.75rem,7vw,5rem);padding-inline:max(var(--expo-gutter,1.5rem),calc((100% - var(--expo-max)) / 2));background-color:var(--expo-band-base);background-image:linear-gradient( 165deg,color-mix(in oklab,var(--expo-band-a) 14%,transparent),transparent 42% ),linear-gradient( 195deg,color-mix(in oklab,var(--expo-band-b) 10%,transparent),transparent 55% ),linear-gradient( 180deg,color-mix(in oklab,var(--expo-band-surface) 88%,var(--expo-band-base)),var(--expo-band-base) );box-shadow:inset 0 1px 0 color-mix(in oklab,#fff 7%,transparent),inset 0 -1px 0 color-mix(in oklab,var(--expo-band-a) 10%,transparent);}.expo-section.expo-band>*,.expo-footer.expo-band>*{position:relative;z-index:1;}.expo-section.expo-band::before,.expo-footer.expo-band::before{content:"";position:absolute;inset:-8% -4%;z-index:0;pointer-events:none;background-image:radial-gradient( closest-side circle at 18% 28%,color-mix(in oklab,var(--expo-band-a) 34%,transparent),transparent 72% ),radial-gradient( closest-side circle at 82% 18%,color-mix(in oklab,var(--expo-band-b) 28%,transparent),transparent 74% ),radial-gradient( closest-side circle at 62% 88%,color-mix(in oklab,var(--expo-band-c) 22%,transparent),transparent 70% );filter:blur(28px) saturate(1.15);opacity:0.5;transform:scale(1.08);}.expo-section.expo-band::after,.expo-footer.expo-band::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background-image:radial-gradient( circle at center,color-mix(in oklab,var(--velin-color-text) 16%,transparent) 1px,transparent 1.6px );background-size:2.1rem 2.1rem;mask-image:radial-gradient(ellipse 78% 62% at 50% 36%,#000,transparent 78%);opacity:0.38;}.expo-band[data-band="capabilities"]{--expo-band-a:var(--velin-color-info,#2f8fdb);--expo-band-b:var(--velin-color-primary);--expo-band-c:color-mix(in oklab,var(--velin-color-info,#2f8fdb) 55%,#7dd3c0);--expo-band-base:color-mix(in oklab,var(--velin-color-bg) 78%,var(--velin-color-info,#2f8fdb));--expo-band-surface:color-mix(in oklab,var(--velin-color-surface) 84%,var(--velin-color-info,#2f8fdb));}.expo-band[data-band="playground"]{--expo-band-a:var(--velin-color-primary);--expo-band-b:color-mix(in oklab,var(--velin-color-primary) 50%,#f0b429);--expo-band-c:var(--velin-color-secondary,var(--velin-color-primary));--expo-band-base:color-mix(in oklab,var(--velin-color-bg) 76%,var(--velin-color-primary));--expo-band-surface:color-mix(in oklab,var(--velin-color-surface) 82%,var(--velin-color-primary));}.expo-band[data-band="contracts"]{--expo-band-a:var(--velin-color-success,#22a06b);--expo-band-b:color-mix(in oklab,var(--velin-color-success,#22a06b) 45%,var(--velin-color-info,#2f8fdb));--expo-band-c:var(--velin-color-primary);--expo-band-base:color-mix(in oklab,var(--velin-color-bg) 78%,var(--velin-color-success,#22a06b));--expo-band-surface:color-mix(in oklab,var(--velin-color-surface) 84%,var(--velin-color-success,#22a06b));}.expo-band[data-band="tokens"]{--expo-band-a:color-mix(in oklab,var(--velin-color-primary) 35%,#d97706);--expo-band-b:var(--velin-color-secondary,#c27803);--expo-band-c:var(--velin-color-info,#2f8fdb);--expo-band-base:color-mix(in oklab,var(--velin-color-bg) 76%,#d97706);--expo-band-surface:color-mix(in oklab,var(--velin-color-surface) 82%,#d97706);}.expo-band[data-band="showcase"]{--expo-band-a:color-mix(in oklab,var(--velin-color-primary) 40%,#0e7490);--expo-band-b:var(--velin-color-info,#0e7490);--expo-band-c:var(--velin-color-primary);--expo-band-base:color-mix(in oklab,var(--velin-color-bg) 74%,#0e7490);--expo-band-surface:color-mix(in oklab,var(--velin-color-surface) 80%,#0e7490);}.expo-band[data-band="whats-new"]{--expo-band-a:color-mix(in oklab,var(--velin-color-primary) 55%,#16a34a);--expo-band-b:var(--velin-color-success,#16a34a);--expo-band-c:var(--velin-color-info,#2f8fdb);--expo-band-base:color-mix(in oklab,var(--velin-color-bg) 78%,#16a34a);--expo-band-surface:color-mix(in oklab,var(--velin-color-surface) 86%,#16a34a);}.expo-band[data-band="install"]{--expo-band-a:color-mix(in oklab,var(--velin-color-primary) 50%,#111827);--expo-band-b:var(--velin-color-primary);--expo-band-c:var(--velin-color-success,#22a06b);--expo-band-base:color-mix(in oklab,var(--velin-color-bg) 72%,#111827);--expo-band-surface:color-mix(in oklab,var(--velin-color-surface) 88%,var(--velin-color-primary));}.expo-band[data-band="footer"]{--expo-band-a:var(--velin-color-primary);--expo-band-b:var(--velin-color-info,var(--velin-color-primary));--expo-band-c:var(--velin-color-success,var(--velin-color-primary));--expo-band-base:color-mix(in oklab,var(--velin-color-surface-dim,var(--velin-color-surface)) 82%,var(--velin-color-bg));--expo-band-surface:var(--velin-color-surface);margin-block-start:0;border-block-start-width:1px;}.expo-footer.expo-band .expo-footer__inner,.expo-footer.expo-band .expo-footer__bar{width:100%;max-width:none;margin-inline:0;padding-inline:0;box-sizing:border-box;}@media (prefers-reduced-motion:no-preference){.expo-section.expo-band::before,.expo-footer.expo-band::before{animation:expo-band-aurora 26s ease-in-out infinite alternate;}.expo-band[data-band="capabilities"]::before{animation-duration:28s;animation-delay:-2s;}.expo-band[data-band="playground"]::before{animation-duration:22s;animation-delay:-6s;}.expo-band[data-band="contracts"]::before{animation-duration:30s;animation-delay:-4s;}.expo-band[data-band="tokens"]::before{animation-duration:24s;animation-delay:-8s;}.expo-band[data-band="showcase"]::before{animation-duration:27s;animation-delay:-3s;}.expo-band[data-band="whats-new"]::before{animation-duration:25s;animation-delay:-5s;}.expo-band[data-band="install"]::before{animation-duration:23s;animation-delay:-7s;}.expo-band[data-band="footer"]::before{animation-duration:32s;animation-delay:-10s;}.expo-section.expo-band::after,.expo-footer.expo-band::after{animation:expo-band-grain 18s linear infinite;}html.expo-motion .expo-band .expo-section__header,html.expo-motion .expo-band[data-band="footer"] .expo-footer__brand{animation:expo-band-rise 640ms var(--expo-ease,cubic-bezier(0.22,1,0.36,1)) both;}}@keyframes expo-band-aurora{from{transform:scale(1.06) translate3d(-2.2%,-1.4%,0);}to{transform:scale(1.18) translate3d(2.4%,2.2%,0);}}@keyframes expo-band-grain{from{background-position:0 0;}to{background-position:2.1rem 2.1rem;}}@keyframes expo-band-rise{from{opacity:0;transform:translateY(1.1rem);}to{opacity:1;transform:none;}}@media (prefers-reduced-motion:reduce){.expo-feature-card,.expo-release-card,.expo-gallery-card,.expo-showcase-track{transition:none;scroll-behavior:auto;}.expo-feature-card:hover,.expo-release-card:hover{transform:none;}.expo-terminal.is-live .expo-terminal__cursor{animation:none;}.expo-section.expo-band::before,.expo-footer.expo-band::before,.expo-section.expo-band::after,.expo-footer.expo-band::after{animation:none !important;}}.expo-nav{flex-wrap:nowrap;min-width:0;}.expo-nav__brand{min-width:0;flex-shrink:1;}.expo-nav__menu-btn{position:relative;align-items:center;justify-content:center;gap:0.35rem;min-width:2.75rem;min-height:2.75rem;padding-inline:0.65rem;}.expo-nav__menu-btn .expo-nav__ico{display:inline-flex;flex-shrink:0;}.expo-site-nav__primaries{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0.45rem;margin-block-end:0.85rem;}.expo-site-nav__primaries .velin-btn{min-height:2.75rem;justify-content:center;width:100%;}.expo-site-nav a:not(.velin-btn){display:flex;align-items:center;min-height:2.75rem;padding:0.55rem 0.75rem;}.expo-site-nav .expo-kicker{margin:1rem 0 0.2rem;padding-inline:0.75rem;font-size:var(--velin-text-xs,0.75rem);letter-spacing:0.04em;text-transform:uppercase;color:var(--velin-color-text-muted);}.expo-site-nav .expo-kicker:first-of-type{margin-block-start:0.25rem;}.expo-site-nav__lang{display:inline-flex;gap:0.35rem;margin:0.75rem 0.75rem 0.25rem;}.expo-site-nav__close{width:100%;min-height:2.75rem;margin-block-start:var(--velin-space-4,1rem);}.expo-main{overflow-x:clip;min-width:0;}@media (max-width:63.99rem){.expo-nav{gap:0.4rem;padding-inline:clamp(0.65rem,3vw,1.25rem);}.expo-nav__actions{flex-wrap:nowrap;flex-shrink:0;gap:0.35rem;max-width:none;}.expo-nav__actions .expo-nav__search{display:none;}}@media (max-width:47.99rem){.expo-nav__brand .velin-badge{display:none;}.expo-nav__menu-btn-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}.expo-nav__actions .expo-nav__lang,.expo-nav__actions .expo-nav__install{display:none;}.expo-hero{min-height:0;padding-block:clamp(1.5rem,5vw,2.75rem);gap:1.35rem;}.expo-hero__copy h1{max-width:none;font-size:clamp(1.85rem,7.5vw,2.55rem);}.expo-hero__lede{max-width:none;font-size:1.02rem;}.expo-hero__actions{display:grid;grid-template-columns:1fr;gap:0.55rem;}.expo-hero__actions .velin-btn{width:100%;justify-content:center;min-height:2.75rem;}.expo-hero__live{width:100%;max-width:100%;min-width:0;overflow:hidden;}.expo-hero__trust{gap:0.35rem;}.expo-facts-grid,.expo-cap-grid,.expo-feature-grid,.expo-whats-new,.expo-gallery-grid,.expo-contract-grid{grid-template-columns:1fr;}.expo-why-grid{grid-template-columns:1fr;}}@media (min-width:48rem) and (max-width:63.99rem){.expo-nav__menu-btn-label{display:inline;}.expo-nav__actions .expo-nav__install span{display:none;}.expo-nav__actions .expo-nav__install{min-width:2.75rem;min-height:2.75rem;padding-inline:0.65rem;}.expo-nav__actions .expo-nav__lang{display:none;}.expo-facts-grid,.expo-gallery-grid,.expo-feature-grid,.expo-whats-new{grid-template-columns:repeat(2,minmax(0,1fr));}}@media (max-width:22.5rem){.expo-nav{flex-wrap:nowrap;}.expo-nav__brand span:not(.velin-badge){font-size:0.95rem;}.expo-hero__copy h1{font-size:clamp(1.6rem,8vw,2rem);}.expo-site-nav__primaries{grid-template-columns:1fr;}}
/* assets/css/home-final.css */
.expo-arch{display:grid;gap:clamp(1.25rem,3vw,2rem);justify-items:center;padding-block:0.5rem 0.25rem;}.expo-arch__hub{margin:0;font-size:clamp(1.15rem,2.2vw,1.45rem);font-weight:var(--velin-weight-bold);letter-spacing:-0.02em;color:var(--velin-color-text);padding:0.55rem 1.25rem;border:1px solid color-mix(in oklab,var(--velin-color-primary) 35%,var(--velin-color-border));border-radius:999px;background:color-mix(in oklab,var(--velin-color-primary) 12%,var(--velin-color-surface));}.expo-arch__core{width:min(100%,42rem);}.expo-arch__row{width:100%;display:grid;gap:var(--velin-space-3);grid-template-columns:1fr;}@media (min-width:56rem){.expo-arch__row{grid-template-columns:repeat(3,minmax(0,1fr));}}.expo-arch__ai{width:min(100%,28rem);}.expo-arch-panel{display:grid;gap:0.75rem;padding:1.15rem 1.2rem;border:1px solid var(--velin-color-border);border-radius:var(--velin-radius-lg);background:linear-gradient( 165deg,color-mix(in oklab,var(--expo-arch-accent,var(--velin-color-primary)) 14%,transparent),transparent 48% ),var(--velin-color-surface);min-height:100%;}.expo-arch-panel[data-tone="core"]{--expo-arch-accent:var(--velin-color-primary);}.expo-arch-panel[data-tone="runtime"]{--expo-arch-accent:var(--velin-color-info,#2f8fdb);}.expo-arch-panel[data-tone="a11y"]{--expo-arch-accent:var(--velin-color-success,#22a06b);}.expo-arch-panel[data-tone="dev"]{--expo-arch-accent:color-mix(in oklab,var(--velin-color-primary) 40%,#d97706);}.expo-arch-panel[data-tone="ai"]{--expo-arch-accent:color-mix(in oklab,var(--velin-color-primary) 50%,#6366f1);}.expo-arch-panel__head{display:flex;align-items:flex-start;justify-content:space-between;gap:0.75rem;}.expo-arch-panel__icon{display:grid;place-items:center;width:2.35rem;height:2.35rem;border-radius:var(--velin-radius-md);background:color-mix(in oklab,var(--expo-arch-accent) 22%,transparent);color:var(--expo-arch-accent);font-size:0.72rem;font-weight:var(--velin-weight-bold);letter-spacing:0.04em;}.expo-arch-panel__meta{text-align:end;}.expo-arch-panel__count{display:block;font-size:0.72rem;color:var(--velin-color-text-muted);}.expo-arch-panel h3{margin:0;font-size:1.05rem;letter-spacing:-0.015em;}.expo-arch-panel>p{margin:0;font-size:var(--velin-text-sm);color:var(--velin-color-text-muted);line-height:1.45;}.expo-arch-panel__nodes{display:flex;flex-wrap:wrap;gap:0.4rem;}.expo-arch-node{display:inline-flex;align-items:center;min-height:2.25rem;padding:0.35rem 0.7rem;border:1px solid var(--velin-color-border);border-radius:var(--velin-radius-md);background:color-mix(in oklab,var(--velin-color-bg) 80%,transparent);color:var(--velin-color-text);text-decoration:none;font-size:0.85rem;transition:border-color 160ms var(--expo-ease,ease),background 160ms var(--expo-ease,ease),transform 160ms var(--expo-ease,ease);}.expo-arch-node:hover,.expo-arch-node:focus-visible{border-color:color-mix(in oklab,var(--expo-arch-accent) 45%,var(--velin-color-border));background:color-mix(in oklab,var(--expo-arch-accent) 10%,var(--velin-color-bg));outline:none;transform:translateY(-1px);}.expo-arch-panel__foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:0.65rem;margin-block-start:0.15rem;}.expo-arch-panel__preview{display:flex;align-items:center;gap:0.4rem;min-height:2rem;pointer-events:none;}.expo-arch-panel__preview .velin-btn,.expo-arch-panel__preview .velin-badge{pointer-events:none;}.expo-arch-panel__docs{font-size:var(--velin-text-sm);font-weight:var(--velin-weight-semibold);color:var(--velin-color-primary);text-decoration:none;}.expo-arch-panel__docs:hover,.expo-arch-panel__docs:focus-visible{text-decoration:underline;outline:none;}.expo-cap-board:has(.expo-arch){display:contents;}.expo-token-lab{display:grid;grid-template-columns:1fr;gap:clamp(1.25rem,3vw,2rem);align-items:start;}@media (min-width:64rem){.expo-token-lab{grid-template-columns:minmax(0,1.7fr) minmax(16rem,0.72fr);}}.expo-token-lab__stage{display:grid;gap:var(--velin-space-3);min-width:0;}.expo-token-lab__live{min-width:0;}.expo-token-lab__live #tokenSurface{padding:clamp(1.1rem,2.5vw,1.75rem);min-height:18rem;}.expo-token-lab__components{display:none;}.expo-token-inspector{max-height:none;overflow:visible;padding:0;border:1px solid var(--velin-color-border);border-radius:var(--velin-radius-lg);background:color-mix(in oklab,var(--velin-color-surface) 94%,transparent);}.expo-token-inspector__title{margin:0;padding:0.9rem 1rem 0.35rem;font-size:0.72rem;letter-spacing:0.06em;text-transform:uppercase;color:var(--velin-color-text-muted);}.expo-token-tabs{display:flex;flex-wrap:wrap;gap:0.3rem;padding:0.35rem 0.75rem 0.65rem;border-block-end:1px solid var(--velin-color-border);}.expo-token-tabs [role="tab"]{min-height:2.15rem;padding:0.3rem 0.65rem;border:1px solid transparent;border-radius:var(--velin-radius-md);background:transparent;color:var(--velin-color-text-muted);font:inherit;font-size:0.8rem;cursor:pointer;}.expo-token-tabs [role="tab"][aria-selected="true"]{color:var(--velin-color-text);border-color:color-mix(in oklab,var(--velin-color-primary) 35%,var(--velin-color-border));background:color-mix(in oklab,var(--velin-color-primary) 12%,transparent);}.expo-token-tabs [role="tab"]:focus-visible{outline:2px solid var(--velin-color-primary);outline-offset:2px;}.expo-token-inspector__panel{display:none;padding:0.9rem 1rem 1.1rem;gap:0.75rem;}.expo-token-inspector__panel.is-active{display:grid;}.expo-token-inspector__panel label{display:grid;gap:0.35rem;font-size:var(--velin-text-sm);}.expo-token-inspector__group{border:0;padding:0;}.expo-showcase-track .expo-case{flex-basis:min(22rem,86vw);display:grid;grid-template-rows:auto 1fr;gap:0;padding:0;overflow:hidden;border:1px solid var(--velin-color-border);border-radius:var(--velin-radius-lg);background:var(--velin-color-surface);}.expo-showcase-track .expo-case__media{aspect-ratio:16 / 10;min-height:11rem;margin:0;border-radius:0;}.expo-showcase-track .expo-case__body{display:grid;gap:0.55rem;padding:1rem 1.05rem 1.15rem;align-content:start;}.expo-showcase-track .expo-case__cat{font-size:0.72rem;letter-spacing:0.06em;text-transform:uppercase;color:var(--velin-color-primary);font-weight:var(--velin-weight-semibold);}.expo-showcase-track .expo-case__body h3{margin:0;font-size:1.15rem;}.expo-showcase-track .expo-case__body>p{margin:0;font-size:var(--velin-text-sm);color:var(--velin-color-text-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}.expo-quick-install{padding:clamp(0.85rem,2vw,1.25rem) clamp(1rem,2.5vw,1.5rem);}.expo-quick-install__row{display:flex;flex-wrap:wrap;align-items:center;gap:0.85rem 1.1rem;}.expo-quick-install__copy{display:grid;gap:0.2rem;flex:1 1 12rem;min-width:0;}.expo-quick-install__lede{margin:0;font-size:var(--velin-text-sm);color:var(--velin-color-text-muted);}.expo-quick-install .expo-install-cmd{flex:1 1 16rem;max-width:28rem;}.expo-quick-install .expo-kicker{margin:0;}.expo-footer.expo-band{padding-inline:0;}.expo-footer__stage{width:100%;box-sizing:border-box;padding-inline:clamp(0.75rem,3vw,1.5rem);padding-block:clamp(2.5rem,6vw,4rem) clamp(1.75rem,4vw,2.75rem);}.expo-footer__grid{display:grid;width:100%;max-width:none;margin-inline:0;gap:clamp(2rem,4vw,3rem);grid-template-columns:1fr;}@media (min-width:64rem){.expo-footer__grid{grid-template-columns:minmax(12rem,0.9fr) minmax(0,1.5fr) minmax(14rem,1fr);align-items:start;}}.expo-footer__left,.expo-footer__right{display:grid;gap:1rem;align-content:start;}.expo-footer__mid{display:grid;gap:1.25rem;}.expo-footer__mid-cols{display:grid;gap:1.25rem 1.75rem;grid-template-columns:repeat(2,minmax(0,1fr));}@media (min-width:40rem){.expo-footer__mid-cols{grid-template-columns:repeat(3,minmax(0,1fr));}}.expo-footer__status-list{display:grid;gap:0.45rem;}.expo-footer__status-list div{display:flex;justify-content:space-between;gap:0.75rem;font-size:var(--velin-text-sm);padding:0.45rem 0.6rem;border:1px solid var(--velin-color-border);border-radius:var(--velin-radius-md);background:color-mix(in oklab,var(--velin-color-bg) 70%,transparent);}.expo-footer__status-list strong{color:var(--velin-color-text);font-weight:var(--velin-weight-semibold);}.expo-footer__actions{display:flex;flex-wrap:wrap;gap:0.45rem;}.expo-footer__bar{width:100%;box-sizing:border-box;padding-inline:clamp(0.75rem,3vw,1.5rem);}@media (max-width:47.99rem){.expo-token-tabs{overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;}.expo-arch__hub{font-size:1.05rem;}}@media (prefers-reduced-motion:reduce){.expo-arch-node{transition:none;}.expo-arch-node:hover,.expo-arch-node:focus-visible{transform:none;}.expo-ai-runtime__step{transition:none;}.expo-ai-runtime__step:hover{transform:none;}}.expo-nav__group--docs>.expo-nav__docs-btn{color:var(--velin-color-on-primary,#fff);background:var(--velin-color-primary);border:1px solid color-mix(in oklab,var(--velin-color-primary) 80%,#000);box-shadow:0 1px 0 color-mix(in oklab,#fff 18%,transparent) inset;animation:expo-docs-pulse 2.8s ease-in-out infinite;}.expo-nav__group--docs>.expo-nav__docs-btn:hover,.expo-nav__group--docs>.expo-nav__docs-btn[aria-expanded="true"]{color:var(--velin-color-on-primary,#fff);background:var(--velin-color-primary-hover,var(--velin-color-primary));animation:none;}@keyframes expo-docs-pulse{0%,100%{box-shadow:0 1px 0 color-mix(in oklab,#fff 18%,transparent) inset,0 0 0 0 color-mix(in oklab,var(--velin-color-primary) 0%,transparent);transform:translateY(0);}50%{box-shadow:0 1px 0 color-mix(in oklab,#fff 18%,transparent) inset,0 0 0 6px color-mix(in oklab,var(--velin-color-primary) 18%,transparent);transform:translateY(-1px);}}.expo-nav__link-item{display:inline-flex;align-items:center;min-height:2.5rem;padding:0.35rem 0.7rem;border-radius:var(--velin-radius-md);color:var(--velin-color-text-muted);font-size:var(--velin-text-sm);font-weight:var(--velin-weight-semibold);text-decoration:none;}.expo-nav__link-item:hover,.expo-nav__link-item:focus-visible{color:var(--velin-color-text);background:var(--velin-color-surface-dim);}.expo-nav__actions .expo-lang{order:40;}.expo-nav__actions .velin-btn--primary[href="#install"]{order:50;align-items:center;gap:0.4rem;}@media (prefers-reduced-motion:reduce){.expo-nav__group--docs>.expo-nav__docs-btn{animation:none;}}.velin-doc-md-dialog{border:none;padding:0;margin:auto;max-width:min(52rem,96vw);width:min(52rem,96vw);max-height:min(90vh,900px);border-radius:var(--velin-radius-lg,0.75rem);background:var(--velin-color-surface);color:var(--velin-color-text);box-shadow:0 1.5rem 3rem rgb(0 0 0 / 0.28);}.velin-doc-md-dialog::backdrop{background:rgb(0 0 0 / 0.5);}.velin-doc-md-dialog__panel{display:flex;flex-direction:column;max-height:min(90vh,900px);margin:0;}.velin-doc-md-dialog__header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.25rem;border-bottom:1px solid var(--velin-color-border);}.velin-doc-md-dialog__title{margin:0;font-size:1.1rem;color:var(--velin-color-text);}.velin-doc-md-dialog__close{border:1px solid var(--velin-color-border);background:var(--velin-color-surface-dim);color:var(--velin-color-text);width:2rem;height:2rem;border-radius:var(--velin-radius-sm,0.35rem);font-size:1.35rem;line-height:1;cursor:pointer;}.velin-doc-md-dialog__body{overflow:auto;padding:1.25rem;color:var(--velin-color-text);}.velin-doc-md-dialog__body pre{margin-block:1rem;overflow:auto;padding:0.85rem 1rem;border-radius:var(--velin-radius-md);background:var(--velin-color-surface-dim);}.velin-doc-plain-text{margin:0;padding:1rem 1.1rem;border-radius:var(--velin-radius-md);background:var(--velin-color-surface-dim);font-size:0.8125rem;line-height:1.5;white-space:pre-wrap;word-break:break-word;overflow-x:auto;}a[href$=".md"],a[href$=".txt"],a.velin-doc-md-link{text-decoration-style:dashed;}.expo-nav__group--docs .expo-nav__panel{min-width:17.5rem;border-color:color-mix(in oklab,var(--velin-color-primary) 35%,var(--velin-color-border));background:color-mix(in oklch,var(--velin-color-primary) 8%,var(--velin-color-surface));}.expo-nav__group--quiz>button[aria-expanded="true"]{color:oklch(28% 0.05 85);background:linear-gradient(145deg,oklch(86% 0.12 90),oklch(78% 0.14 75));border:1px solid color-mix(in oklch,oklch(72% 0.14 80) 55%,transparent);}.expo-nav__group--quiz>button:hover{color:oklch(30% 0.06 85);background:color-mix(in oklch,oklch(84% 0.11 88) 55%,var(--velin-color-surface-dim));}.expo-nav__group--quiz .expo-nav__panel{border-color:color-mix(in oklch,oklch(78% 0.14 85) 45%,var(--velin-color-border));background:color-mix(in oklch,oklch(88% 0.08 90) 35%,var(--velin-color-surface));}.expo-nav__group--quiz .expo-nav__panel a:hover{background:color-mix(in oklch,oklch(84% 0.12 88) 40%,transparent);color:oklch(42% 0.1 75);}.expo-nav__group--atelier>button{color:color-mix(in oklch,oklch(78% 0.13 195) 70%,var(--velin-color-text-muted));}.expo-nav__group--atelier>button:hover,.expo-nav__group--atelier>button[aria-expanded="true"]{color:oklch(22% 0.04 250);background:color-mix(in oklch,oklch(78% 0.13 195) 42%,var(--velin-color-surface));border:1px solid color-mix(in oklch,oklch(78% 0.13 195) 50%,transparent);}.expo-nav__group--atelier .expo-nav__panel{border-color:color-mix(in oklch,oklch(78% 0.13 195) 40%,var(--velin-color-border));background:color-mix(in oklch,oklch(78% 0.13 195) 12%,var(--velin-color-surface));}.expo-nav__group--atelier .expo-nav__panel a:hover{background:color-mix(in oklch,oklch(78% 0.13 195) 22%,transparent);color:oklch(55% 0.12 195);}.expo-nav__group:not(.expo-nav__group--docs):not(.expo-nav__group--quiz):not(.expo-nav__group--atelier) .expo-nav__panel{background:color-mix(in oklch,var(--velin-color-surface-dim) 55%,var(--velin-color-surface));border-color:color-mix(in oklch,var(--velin-color-primary) 18%,var(--velin-color-border));}.expo-nav__group:nth-child(1) .expo-nav__panel{border-inline-start:3px solid color-mix(in oklch,var(--velin-color-primary) 55%,transparent);}.expo-nav__group:nth-child(2) .expo-nav__panel{border-inline-start:3px solid color-mix(in oklch,var(--velin-color-success,oklch(65% 0.14 145)) 55%,transparent);}.expo-nav__group:nth-child(3) .expo-nav__panel{border-inline-start:3px solid color-mix(in oklch,oklch(70% 0.12 310) 55%,transparent);}.expo-nav__group:nth-child(7) .expo-nav__panel{border-inline-start:3px solid color-mix(in oklch,oklch(68% 0.1 230) 55%,transparent);}.expo-ai-runtime{display:grid;gap:clamp(1rem,2.5vw,1.6rem);}.expo-ai-runtime__status{display:flex;flex-wrap:wrap;gap:0.4rem;}.expo-ai-runtime__flow{display:grid;grid-template-columns:repeat(auto-fit,minmax(11.5rem,1fr));gap:0.75rem;}.expo-ai-runtime__step{position:relative;display:grid;gap:0.35rem;padding:1rem 1.05rem;border:1px solid color-mix(in oklab,var(--velin-color-primary) 22%,var(--velin-color-border));border-radius:var(--velin-radius-lg);background:linear-gradient(160deg,color-mix(in oklab,var(--velin-color-primary) 10%,transparent),transparent 55%),var(--velin-color-surface);transition:transform 220ms var(--expo-ease,ease),border-color 220ms ease,box-shadow 220ms ease;}.expo-ai-runtime__step:hover{transform:translateY(-2px);border-color:color-mix(in oklab,var(--velin-color-primary) 45%,var(--velin-color-border));box-shadow:0 10px 24px color-mix(in oklab,var(--velin-color-primary) 12%,transparent);}.expo-ai-runtime__step strong{font-size:0.72rem;letter-spacing:0.08em;color:var(--velin-color-primary-text,var(--velin-color-primary));}.expo-ai-runtime__step span{font-size:1.05rem;font-weight:var(--velin-weight-semibold,600);color:var(--velin-color-text);}.expo-ai-runtime__step p{margin:0;font-size:var(--velin-text-sm);color:var(--velin-color-text);opacity:0.88;line-height:1.4;}.expo-ai-runtime__cli{display:grid;gap:0.45rem;padding:0.85rem 1rem;border:1px solid var(--velin-color-border);border-radius:var(--velin-radius-lg);background:color-mix(in oklab,var(--velin-color-surface-dim) 70%,var(--velin-color-surface));}.expo-ai-runtime__cli-label{margin:0;font-size:0.72rem;letter-spacing:0.06em;text-transform:uppercase;color:var(--velin-color-text-muted);}.expo-ai-runtime .expo-install-cmd{margin:0;max-width:none;}.expo-token-lab{grid-template-columns:1fr;gap:clamp(1rem,2.5vw,1.5rem);}@media (min-width:64rem){.expo-token-lab{grid-template-columns:minmax(0,1.55fr) minmax(17rem,0.9fr);}}.expo-token-lab__live #tokenSurface{color:var(--velin-color-text);background:var(--velin-color-surface);min-height:20rem;overflow:auto;}.expo-token-lab__live #tokenSurface .expo-kicker,.expo-token-lab__live #tokenSurface .velin-nav__brand,.expo-token-lab__live #tokenSurface .velin-nav__link,.expo-token-lab__live #tokenSurface .velin-card__title,.expo-token-lab__live #tokenSurface .velin-card__text,.expo-token-lab__live #tokenSurface .velin-label,.expo-token-lab__live #tokenSurface .velin-table,.expo-token-lab__live #tokenSurface .velin-table th,.expo-token-lab__live #tokenSurface .velin-table td{color:var(--velin-color-text);}.expo-token-lab__live #tokenSurface .velin-input{color:var(--velin-color-text);background:var(--velin-color-bg,var(--velin-color-surface-bright,#fff));border-color:var(--velin-color-border-strong,var(--velin-color-border));}.expo-token-lab__live #tokenSurface .velin-card{background:var(--velin-color-bg,var(--velin-color-surface-bright,#fff));border-color:var(--velin-color-border);}.expo-token-readout{gap:0.45rem;padding:0.55rem 0.7rem;border:1px solid var(--velin-color-border);border-radius:var(--velin-radius-md);background:var(--velin-color-surface);color:var(--velin-color-text);font-size:0.78rem;line-height:1.45;}.expo-token-readout code{color:var(--velin-color-text);background:var(--velin-color-surface-dim);border:1px solid color-mix(in oklab,var(--velin-color-border) 80%,transparent);}.expo-token-inspector{position:sticky;top:calc(var(--expo-topbar-h,2.75rem)+var(--expo-nav-h,4rem)+0.75rem);max-height:min(70vh,38rem);overflow:auto;padding:0 0 0.85rem;border:1px solid var(--velin-color-border);border-radius:var(--velin-radius-lg);background:var(--velin-color-surface);color:var(--velin-color-text);scrollbar-width:thin;}.expo-token-inspector__title{color:var(--velin-color-text);font-weight:var(--velin-weight-bold,700);}.expo-token-tabs{position:sticky;top:0;z-index:2;background:var(--velin-color-surface);}.expo-token-tabs [role="tab"]{color:var(--velin-color-text);background:var(--velin-color-surface-dim);border-color:var(--velin-color-border);}.expo-token-tabs [role="tab"][aria-selected="true"]{color:var(--velin-color-text);border-color:color-mix(in oklab,var(--velin-color-primary) 45%,var(--velin-color-border));background:color-mix(in oklab,var(--velin-color-primary) 16%,var(--velin-color-surface));font-weight:var(--velin-weight-semibold,600);}.expo-token-inspector__panel{color:var(--velin-color-text);}.expo-token-inspector__panel.is-active{display:grid;gap:0.85rem;}.expo-token-inspector__panel label{color:var(--velin-color-text);font-size:0.9rem;font-weight:var(--velin-weight-semibold,600);}.expo-token-inspector__panel .velin-input,.expo-token-inspector__panel select,.expo-token-inspector__panel input[type="range"]{width:100%;max-width:100%;color:var(--velin-color-text);background:var(--velin-color-bg,var(--velin-color-surface-bright,#fff));border:1px solid var(--velin-color-border-strong,var(--velin-color-border));accent-color:var(--velin-color-primary);}.expo-token-inspector__panel input[type="range"]{height:1.5rem;background:transparent;}.expo-token-inspector__panel .velin-btn{justify-self:start;}
/* assets/css/home-premium.css */
:root{--expo-motion-fast:280ms;--expo-motion-base:420ms;--expo-motion-slow:560ms;--expo-ease-out:cubic-bezier(0.22,1,0.36,1);--expo-ease-soft:cubic-bezier(0.33,1,0.68,1);--expo-hover-lift:-2px;--expo-hover-scale:1.015;--expo-glow:color-mix(in oklab,var(--velin-color-primary) 36%,transparent);--expo-glow-soft:color-mix(in oklab,var(--velin-color-primary) 20%,transparent);--expo-glow-violet:color-mix(in oklab,oklch(55% 0.16 295) 24%,transparent);--expo-beam:color-mix(in oklab,var(--velin-color-info,var(--velin-color-primary)) 32%,transparent);--expo-glass:var(--velin-color-surface);--expo-glass-edge:var(--velin-color-border);--expo-particle-speed:18s;--expo-mesh-speed:22s;--expo-ring-speed:28s;--expo-fx-opacity:0.85;}html[data-velin-theme="dark"]{--expo-glass:var(--velin-color-surface);--expo-glass-edge:var(--velin-color-border);--expo-fx-opacity:0.95;}.expo-chrome{background:linear-gradient( 180deg,color-mix(in oklch,var(--velin-color-primary) 18%,var(--velin-color-surface)) 0%,color-mix(in oklch,var(--velin-color-primary) 8%,var(--velin-color-surface)) 38%,var(--velin-color-surface) 72%,color-mix(in oklab,var(--velin-color-surface) 92%,transparent) 100% );box-shadow:0 8px 24px color-mix(in oklab,#000 10%,transparent);}.expo-nav-topbar{background:transparent;border-block-end:none;box-shadow:none;}.expo-nav{gap:clamp(0.75rem,1.6vw,1.35rem);min-height:calc(var(--expo-nav-h)+0.35rem);padding-inline:clamp(1rem,3.5vw,2rem);padding-block:0.65rem;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;border-block-end:1px solid color-mix(in oklch,var(--velin-color-border) 70%,transparent);box-shadow:none;}.expo-nav__brand{gap:0.55rem;padding:0.2rem 0.15rem;letter-spacing:-0.01em;white-space:nowrap;}.expo-nav__brand img{filter:drop-shadow(0 0 10px var(--expo-glow-soft));}.expo-nav__menu{gap:0.35rem;flex-wrap:nowrap;}.expo-nav__group>button,.expo-nav__link-item{display:inline-flex;align-items:center;flex-wrap:nowrap;gap:0.45rem;min-height:2.65rem;padding:0.4rem 0.85rem;border:1px solid transparent;white-space:nowrap;transition:color var(--expo-motion-fast) var(--expo-ease-out),background var(--expo-motion-fast) var(--expo-ease-out),border-color var(--expo-motion-fast) var(--expo-ease-out),box-shadow var(--expo-motion-fast) var(--expo-ease-out),transform var(--expo-motion-fast) var(--expo-ease-out);}.expo-nav__group>button:hover,.expo-nav__link-item:hover{transform:translateY(var(--expo-hover-lift));border-color:color-mix(in oklab,var(--velin-color-primary) 22%,var(--velin-color-border));box-shadow:0 8px 18px var(--expo-glow-soft);}.expo-nav__ico{display:inline-flex;width:1rem;height:1rem;flex-shrink:0;opacity:0.88;color:inherit;}.expo-nav__ico svg{width:1rem;height:1rem;display:block;}.expo-nav__group>button .expo-nav__label,.expo-nav__link-item .expo-nav__label,.expo-nav__panel a>span{line-height:1;white-space:nowrap;flex:0 0 auto;}.expo-nav__panel{padding:0.55rem;border-radius:var(--velin-radius-lg);background:var(--velin-color-surface) !important;backdrop-filter:none !important;-webkit-backdrop-filter:none !important;border:1px solid var(--velin-color-border);box-shadow:0 18px 40px color-mix(in oklab,#000 18%,transparent),0 0 0 1px color-mix(in oklab,var(--velin-color-primary) 12%,transparent);min-width:max(14rem,max-content);}.expo-nav__panel a{display:flex;align-items:center;flex-wrap:nowrap;gap:0.5rem;min-height:2.35rem;padding:0.45rem 0.7rem;border-radius:var(--velin-radius-md);white-space:nowrap;transition:background var(--expo-motion-fast) var(--expo-ease-out),color var(--expo-motion-fast) var(--expo-ease-out),transform var(--expo-motion-fast) var(--expo-ease-out);}.expo-nav__panel a:hover{transform:translateX(2px);}.expo-nav__actions{gap:0.55rem;padding-inline-start:0.25rem;}.expo-nav__group--docs>.expo-nav__docs-btn{box-shadow:0 1px 0 color-mix(in oklab,#fff 16%,transparent) inset,0 0 0 0 var(--expo-glow-soft);}.expo-section[data-expo-fx]{position:relative;isolation:isolate;overflow:clip;border-radius:var(--velin-radius-xl,1.25rem);border:1px solid color-mix(in oklab,var(--velin-color-primary) 28%,var(--velin-color-border));background:var(--velin-color-surface);box-shadow:0 0 0 1px color-mix(in oklab,var(--velin-color-primary) 8%,transparent),0 18px 40px color-mix(in oklab,var(--velin-color-primary) 8%,transparent);transition:box-shadow var(--expo-motion-base) var(--expo-ease-out),border-color var(--expo-motion-base) var(--expo-ease-out),transform var(--expo-motion-base) var(--expo-ease-out);}.expo-section[data-expo-fx]::before{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;opacity:var(--expo-fx-opacity);border-radius:inherit;}.expo-section[data-expo-fx]>*{position:relative;z-index:1;}.expo-section[data-expo-fx]:hover{border-color:color-mix(in oklab,var(--velin-color-primary) 42%,var(--velin-color-border));box-shadow:0 20px 48px var(--expo-glow-soft);}#facts[data-expo-fx="pulse-lines"]::before{background:linear-gradient(90deg,transparent,var(--expo-glow),transparent) 0 10% / 100% 2px no-repeat,linear-gradient(90deg,transparent,var(--expo-glow-violet),transparent) 0 90% / 80% 2px no-repeat,radial-gradient(ellipse at 50% 0%,var(--expo-glow-soft),transparent 55%);animation:expo-fx-pulse-line 4.5s var(--expo-ease-soft) infinite;}#why[data-expo-fx="particles"]::before{background-image:radial-gradient(circle at 18% 28%,var(--expo-glow) 0 2px,transparent 3px),radial-gradient(circle at 72% 22%,var(--expo-glow-violet) 0 1.8px,transparent 3px),radial-gradient(circle at 42% 78%,var(--expo-beam) 0 2px,transparent 3.2px),radial-gradient(circle at 84% 64%,var(--expo-glow) 0 1.6px,transparent 2.8px),radial-gradient(circle at 28% 58%,var(--expo-glow-violet) 0 1.8px,transparent 3px),radial-gradient(ellipse at 70% 40%,var(--expo-glow-soft),transparent 50%);background-size:140% 140%;animation:expo-fx-drift var(--expo-particle-speed) linear infinite;}#diff[data-expo-fx="beam"]::before{background:linear-gradient( 105deg,transparent 28%,var(--expo-beam) 46%,color-mix(in oklab,var(--velin-color-primary) 35%,transparent) 52%,transparent 68% );mix-blend-mode:soft-light;animation:expo-fx-beam 7s var(--expo-ease-soft) infinite;}#habits[data-expo-fx="geo"]::before{background:linear-gradient(135deg,var(--expo-glow),transparent 42%) 6% 18% / 6rem 6rem no-repeat,linear-gradient(225deg,var(--expo-glow-violet),transparent 48%) 90% 74% / 5rem 5rem no-repeat,radial-gradient(circle at 80% 20%,var(--expo-glow-soft),transparent 40%);animation:expo-fx-float 10s var(--expo-ease-soft) infinite;}#ai-skills[data-expo-fx="energy"]::before{background:repeating-linear-gradient( -18deg,transparent 0 14px,color-mix(in oklab,var(--velin-color-primary) 16%,transparent) 14px 16px );mask-image:linear-gradient(90deg,transparent,#000 15%,#000 85%,transparent);animation:expo-fx-flow 10s linear infinite;}#ai-skills[data-expo-fx="energy"]::after{inset:auto -8% -18% auto;width:18rem;height:18rem;background:radial-gradient(circle,var(--expo-glow) 0%,transparent 68%);filter:blur(6px);animation:expo-fx-breathe 5s var(--expo-ease-soft) infinite;}#more-galleries[data-expo-fx="glass"]::before{background:linear-gradient(120deg,transparent 18%,color-mix(in oklab,#fff 14%,transparent) 42%,transparent 58%),radial-gradient(ellipse at 20% 0%,var(--expo-glow-soft),transparent 50%);animation:expo-fx-sheen 8s var(--expo-ease-soft) infinite;}#pattern-galleries[data-expo-fx="mesh"]::before{background:radial-gradient(ellipse at 20% 30%,var(--expo-glow),transparent 55%),radial-gradient(ellipse at 80% 70%,var(--expo-glow-violet),transparent 50%);animation:expo-fx-mesh var(--expo-mesh-speed) var(--expo-ease-soft) infinite alternate;}#quick-install[data-expo-fx="aurora"]::before{background:linear-gradient(100deg,transparent,var(--expo-glow),transparent),linear-gradient(260deg,transparent,var(--expo-glow-violet),transparent);filter:blur(14px);opacity:0.7;animation:expo-fx-aurora 12s var(--expo-ease-soft) infinite;}#dashboard[data-expo-fx="bloom"]::before{background:radial-gradient(ellipse at 50% 0%,var(--expo-glow),transparent 58%);filter:blur(8px);animation:expo-fx-breathe 5.5s var(--expo-ease-soft) infinite;}#dashboard[data-expo-fx="bloom"]:hover{transform:translateY(-1px);}#animations[data-expo-fx="ring"]::before{inset:-18%;background:conic-gradient( from var(--expo-spin,120deg),transparent 0deg,var(--expo-glow) 40deg,transparent 100deg,var(--expo-glow-violet) 170deg,transparent 230deg );mask-image:radial-gradient(circle,transparent 50%,#000 52%,#000 60%,transparent 62%);opacity:0.55;animation:expo-fx-spin var(--expo-ring-speed) linear infinite;}#compare[data-expo-fx="criteria"]::before{box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--velin-color-primary) 35%,transparent);background:radial-gradient(circle at 12% 50%,var(--expo-glow),transparent 42%),radial-gradient(circle at 88% 40%,var(--expo-glow-violet),transparent 40%);animation:expo-fx-breathe 6.5s var(--expo-ease-soft) infinite;}.expo-section[data-expo-fx] .expo-why-card,.expo-section[data-expo-fx] .expo-fact,.expo-section[data-expo-fx] .expo-surface-card,.expo-section[data-expo-fx] .expo-gallery-card,.expo-section[data-expo-fx] .expo-ai-runtime__step,.expo-section[data-expo-fx] .expo-variant-card{transition:transform var(--expo-motion-base) var(--expo-ease-out),box-shadow var(--expo-motion-base) var(--expo-ease-out),border-color var(--expo-motion-base) var(--expo-ease-out);}.expo-section[data-expo-fx] .expo-why-card:hover,.expo-section[data-expo-fx] .expo-fact:hover,.expo-section[data-expo-fx] .expo-surface-card:hover,.expo-section[data-expo-fx] .expo-gallery-card:hover,.expo-section[data-expo-fx] .expo-ai-runtime__step:hover,.expo-section[data-expo-fx] .expo-variant-card:hover{transform:translateY(var(--expo-hover-lift)) scale(var(--expo-hover-scale));box-shadow:0 14px 28px var(--expo-glow-soft);border-color:color-mix(in oklab,var(--velin-color-primary) 30%,var(--velin-color-border));}@keyframes expo-fx-pulse-line{0%,100%{opacity:0.35;transform:scaleX(0.92);}50%{opacity:0.85;transform:scaleX(1);}}@keyframes expo-fx-drift{from{background-position:0 0,10% 8%,0 0,20% 10%,5% 15%;}to{background-position:8% 12%,0 18%,12% 6%,0 0,18% 0;}}@keyframes expo-fx-beam{0%{transform:translateX(-35%);opacity:0.2;}50%{opacity:0.55;}100%{transform:translateX(35%);opacity:0.2;}}@keyframes expo-fx-float{0%,100%{transform:translateY(0);}50%{transform:translateY(-10px);}}@keyframes expo-fx-flow{from{background-position:0 0;}to{background-position:120px 40px;}}@keyframes expo-fx-breathe{0%,100%{opacity:0.35;transform:scale(0.96);}50%{opacity:0.7;transform:scale(1.04);}}@keyframes expo-fx-sheen{0%{transform:translateX(-40%);}100%{transform:translateX(40%);}}@keyframes expo-fx-mesh{from{transform:scale(1) translate(0,0);}to{transform:scale(1.08) translate(-2%,2%);}}@keyframes expo-fx-aurora{0%,100%{transform:translateY(0) rotate(0deg);}50%{transform:translateY(-6%) rotate(2deg);}}@keyframes expo-fx-spin{to{--expo-spin:480deg;}}.expo-premium{position:relative;isolation:isolate;overflow:hidden;margin-block:clamp(2rem,5vw,3.5rem) clamp(1rem,3vw,2rem);padding:clamp(3rem,7vw,5rem) clamp(1.25rem,4vw,2.5rem);border-radius:var(--velin-radius-xl,1.25rem);border:1px solid color-mix(in oklab,var(--velin-color-primary) 30%,var(--velin-color-border));background:var(--velin-color-surface);box-shadow:0 24px 60px var(--expo-glow-soft),inset 0 1px 0 color-mix(in oklab,#fff 8%,transparent);text-align:center;min-height:clamp(22rem,48vh,30rem);display:grid;place-items:center;}.expo-premium__rings{position:absolute;inset:50% auto auto 50%;width:min(28rem,78vw);height:min(28rem,78vw);translate:-50% -50%;pointer-events:none;z-index:0;}.expo-premium__ring{position:absolute;inset:0;border-radius:999px;border:1px solid color-mix(in oklab,var(--velin-color-primary) 32%,transparent);box-shadow:0 0 28px var(--expo-glow-soft);mask-image:conic-gradient(from 0deg,#000 0 22%,transparent 32% 100%);}.expo-premium__ring--a{inset:8%;animation:expo-fx-spin 32s linear infinite;}.expo-premium__ring--b{inset:18%;border-color:color-mix(in oklab,oklch(55% 0.16 295) 40%,transparent);animation:expo-fx-spin 44s linear infinite reverse;}.expo-premium__ring--c{inset:28%;opacity:0.7;animation:expo-fx-spin 56s linear infinite;}.expo-premium__content{position:relative;z-index:1;display:grid;gap:1.15rem;justify-items:center;max-width:40rem;margin-inline:auto;}.expo-premium__logo{width:clamp(3.5rem,8vw,4.75rem);height:auto;filter:drop-shadow(0 0 18px var(--expo-glow));animation:expo-fx-breathe 6s var(--expo-ease-soft) infinite;}.expo-premium__title{margin:0;font-size:clamp(1.75rem,4.2vw,2.65rem);line-height:1.12;letter-spacing:-0.03em;color:var(--velin-color-text);font-weight:var(--velin-weight-bold,700);}.expo-premium__chips{display:flex;flex-wrap:wrap;justify-content:center;gap:0.45rem;margin:0.15rem 0 0;padding:0;list-style:none;}.expo-premium__chips li{padding:0.4rem 0.8rem;border-radius:999px;border:1px solid color-mix(in oklab,var(--velin-color-primary) 28%,var(--velin-color-border));background:color-mix(in oklab,var(--velin-color-surface-dim) 70%,var(--velin-color-surface));font-size:0.78rem;color:var(--velin-color-text);transition:transform var(--expo-motion-fast) var(--expo-ease-out),box-shadow var(--expo-motion-fast) var(--expo-ease-out);}.expo-premium__chips li:hover{transform:translateY(var(--expo-hover-lift));box-shadow:0 8px 18px var(--expo-glow-soft);}.expo-premium__closing{margin:0.85rem 0 0;font-size:clamp(1.05rem,2.2vw,1.35rem);line-height:1.45;letter-spacing:-0.015em;color:var(--velin-color-text);opacity:0.9;font-weight:var(--velin-weight-semibold,600);}.expo-section[data-expo-fx]::after{content:"";position:absolute;left:50%;bottom:-1.15rem;width:min(42vw,18rem);height:2.1rem;translate:-50% 0;z-index:2;pointer-events:none;border-radius:0;opacity:0.55;background:radial-gradient(ellipse at 50% 0%,var(--expo-glow),transparent 70%),linear-gradient(90deg,transparent,var(--expo-glow-violet),transparent);animation:expo-fx-bridge 5.5s var(--expo-ease-soft) infinite;}#ai-skills.expo-wow::after,#dashboard.expo-wow::after,#animations.expo-wow::after,#velin-signature::after,#compare[data-expo-fx]::after{display:none;}#ai-skills[data-expo-fx="mesh-live"]::before,#dashboard[data-expo-fx="grid-live"]::before,#animations[data-expo-fx="aurora-live"]::before{opacity:0.2;background:none;animation:none;}.expo-wow{min-height:clamp(22rem,52vh,36rem);border-color:color-mix(in oklab,var(--velin-color-primary) 40%,var(--velin-color-border)) !important;box-shadow:0 0 0 1px color-mix(in oklab,var(--velin-color-primary) 14%,transparent),0 28px 70px color-mix(in oklab,var(--velin-color-primary) 14%,transparent) !important;}.expo-wow__layer{position:absolute;inset:0;z-index:0;pointer-events:none;border-radius:inherit;overflow:hidden;}.expo-wow__layer--mesh{background:radial-gradient(ellipse at 15% 20%,color-mix(in oklab,var(--velin-color-primary) 34%,transparent),transparent 42%),radial-gradient(ellipse at 85% 70%,color-mix(in oklab,oklch(55% 0.16 295) 30%,transparent),transparent 45%),radial-gradient(ellipse at 50% 100%,var(--expo-glow-soft),transparent 50%);background-size:160% 160%;animation:expo-fx-mesh 14s var(--expo-ease-soft) infinite alternate;opacity:0.9;}.expo-wow__layer--mesh::after{content:"";position:absolute;inset:-20%;background:repeating-linear-gradient( 115deg,transparent 0 22px,color-mix(in oklab,var(--velin-color-primary) 12%,transparent) 22px 23px );mask-image:radial-gradient(circle at 50% 40%,#000 20%,transparent 70%);animation:expo-fx-flow 9s linear infinite;}.expo-wow__layer--grid{background-image:linear-gradient(color-mix(in oklab,var(--velin-color-primary) 16%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in oklab,var(--velin-color-primary) 16%,transparent) 1px,transparent 1px),radial-gradient(ellipse at 50% 0%,var(--expo-glow),transparent 55%);background-size:28px 28px,28px 28px,100% 100%;animation:expo-fx-grid 16s linear infinite;opacity:0.55;}.expo-wow__layer--aurora{background:linear-gradient(115deg,transparent 10%,color-mix(in oklab,var(--velin-color-primary) 28%,transparent) 38%,transparent 55%),linear-gradient(250deg,transparent 15%,color-mix(in oklab,oklch(55% 0.16 295) 26%,transparent) 48%,transparent 70%),radial-gradient(ellipse at 70% 30%,var(--expo-glow-soft),transparent 45%);filter:blur(10px);animation:expo-fx-aurora 11s var(--expo-ease-soft) infinite;opacity:0.85;}.expo-wow__layer--aurora::after{content:"";position:absolute;inset:12% 18%;border-radius:999px;border:1px solid color-mix(in oklab,var(--velin-color-primary) 35%,transparent);mask-image:conic-gradient(from 90deg,#000 0 20%,transparent 35% 100%);animation:expo-fx-spin 26s linear infinite;}.expo-wow .expo-ai-runtime__step,.expo-wow .expo-anim-tile,.expo-wow .expo-dash{background:color-mix(in oklab,var(--velin-color-surface) 90%,transparent);border-color:color-mix(in oklab,var(--velin-color-primary) 22%,var(--velin-color-border));box-shadow:0 12px 28px color-mix(in oklab,#000 10%,transparent);}.expo-wow .expo-section__header .expo-kicker{color:var(--velin-color-primary-text,var(--velin-color-primary));letter-spacing:0.08em;}.expo-footer--premium{position:relative;isolation:isolate;overflow:hidden;border-block-start:1px solid color-mix(in oklab,var(--velin-color-primary) 25%,var(--velin-color-border));background:linear-gradient(180deg,color-mix(in oklab,var(--velin-color-primary) 6%,transparent),transparent 28%),var(--velin-color-surface);}.expo-footer--premium .expo-footer__stage{padding-block:clamp(1.15rem,2.5vw,1.75rem) clamp(0.85rem,2vw,1.25rem);}.expo-footer--premium .expo-footer__grid{gap:clamp(1rem,2vw,1.5rem);}.expo-footer--premium .expo-footer__left,.expo-footer--premium .expo-footer__right{gap:0.65rem;}.expo-footer--premium .expo-footer__mid{gap:0.75rem;}.expo-footer--premium .expo-footer__mid-cols{gap:0.85rem 1.25rem;}.expo-footer--premium .expo-footer__left .expo-footer__status-list{display:none;}.expo-footer--premium .expo-footer__status-list{gap:0.3rem;}.expo-footer--premium .expo-footer__status-list div{padding:0.28rem 0.5rem;font-size:0.78rem;}.expo-footer--premium .expo-footer__tagline{margin:0;font-size:var(--velin-text-sm);max-width:24rem;}.expo-footer--premium .expo-footer__heading{margin-block-end:0.35rem;font-size:0.72rem;}.expo-footer--premium .expo-footer__col{gap:0.25rem;}.expo-footer--premium .expo-footer__col a{padding-block:0.15rem;font-size:var(--velin-text-sm);transition:color var(--expo-motion-fast) var(--expo-ease-out),transform var(--expo-motion-fast) var(--expo-ease-out);}.expo-footer--premium .expo-footer__col a:hover{transform:translateX(3px);color:var(--velin-color-primary-text,var(--velin-color-primary));}.expo-footer__aura{position:absolute;inset:-30% 20% auto;height:6rem;background:radial-gradient(ellipse at 30% 0%,var(--expo-glow),transparent 60%),radial-gradient(ellipse at 70% 20%,var(--expo-glow-violet),transparent 55%);filter:blur(10px);opacity:0.45;pointer-events:none;z-index:0;animation:expo-fx-breathe 8s var(--expo-ease-soft) infinite;}.expo-footer--premium .expo-footer__stage,.expo-footer--premium .expo-footer__bar{position:relative;z-index:1;}.expo-footer--premium .expo-footer__logo img{width:22px;height:22px;filter:drop-shadow(0 0 10px var(--expo-glow-soft));}.expo-footer--premium .expo-footer__bar{padding-block:0.65rem;border-block-start:1px solid color-mix(in oklab,var(--velin-color-primary) 18%,var(--velin-color-border));background:color-mix(in oklab,var(--velin-color-surface-dim) 55%,var(--velin-color-surface));}.expo-footer--premium .expo-footer__swatches{margin-block-start:0.25rem;}@keyframes expo-fx-bridge{0%,100%{opacity:0.28;transform:scaleX(0.85);}50%{opacity:0.75;transform:scaleX(1);}}@keyframes expo-fx-grid{from{background-position:0 0,0 0,0 0;}to{background-position:28px 28px,28px 28px,0 0;}}@media (prefers-reduced-motion:reduce){.expo-section[data-expo-fx]::before,.expo-section[data-expo-fx]::after,.expo-premium__ring,.expo-premium__logo,.expo-wow__layer,.expo-wow__layer::after,.expo-footer__aura,.expo-nav__group--docs>.expo-nav__docs-btn{animation:none !important;}.expo-section[data-expo-fx]:hover,.expo-section[data-expo-fx] .expo-why-card:hover,.expo-section[data-expo-fx] .expo-fact:hover,.expo-section[data-expo-fx] .expo-surface-card:hover,.expo-section[data-expo-fx] .expo-gallery-card:hover,.expo-section[data-expo-fx] .expo-ai-runtime__step:hover,.expo-section[data-expo-fx] .expo-variant-card:hover,.expo-nav__group>button:hover,.expo-nav__link-item:hover,.expo-premium__chips li:hover,.expo-footer--premium .expo-footer__col a:hover{transform:none;}}@media (max-width:47.99rem){.expo-nav__actions .expo-nav__lang,.expo-nav__actions .expo-nav__install,.expo-nav__actions .velin-btn--primary[href="#install"]{display:none !important;}.expo-nav{flex-wrap:nowrap;}}
/* assets/css/home-cli-live.css */
.expo-cli-live{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,0.85fr);gap:var(--velin-space-4);align-items:stretch;}@media (max-width:63.99rem){.expo-cli-live{grid-template-columns:1fr;}}.expo-cli-surface{position:relative;overflow:hidden;display:flex;flex-direction:column;gap:0.75rem;padding:1.15rem 1.2rem 1.25rem;border-radius:var(--velin-radius-lg);border:1px solid color-mix(in oklch,var(--velin-color-primary) 28%,var(--velin-color-border));background:linear-gradient( 155deg,color-mix(in oklch,var(--velin-color-primary) 14%,var(--velin-color-surface)),color-mix(in oklch,var(--velin-color-bg) 90%,transparent) 60% );}.expo-cli-surface__kicker{margin:0;font-size:0.75rem;letter-spacing:0.06em;text-transform:uppercase;color:color-mix(in oklch,var(--velin-color-primary) 70%,var(--velin-color-text));font-weight:var(--velin-weight-bold);}.expo-cli-surface__title{margin:0;font-size:clamp(1.15rem,2vw,1.4rem);letter-spacing:-0.02em;}.expo-cli-surface__presets{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:0.35rem;}.expo-cli-surface__presets li{padding:0.28rem 0.65rem;border-radius:999px;border:1px solid var(--velin-color-border);background:color-mix(in oklch,var(--velin-color-surface) 80%,transparent);font-size:0.75rem;color:var(--velin-color-text-muted);}.expo-cli-surface__presets li.is-active{color:var(--velin-color-text);border-color:color-mix(in oklch,var(--velin-color-primary) 45%,var(--velin-color-border));background:color-mix(in oklch,var(--velin-color-primary) 16%,var(--velin-color-surface));}.expo-cli-surface__stage{position:relative;isolation:isolate;min-height:8.5rem;border-radius:var(--velin-radius-md);border:1px solid color-mix(in oklch,var(--velin-color-text) 12%,transparent);background:color-mix(in oklch,var(--velin-color-bg) 70%,#0b1220);overflow:hidden;}.expo-cli-surface__orb{position:absolute;inset:18% auto auto 22%;width:42%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 35% 30%,oklch(78% 0.14 85),oklch(55% 0.12 230) 55%,transparent 70%);opacity:0.9;}.expo-cli-surface__frame{position:absolute;inset:18% 16% 22% 16%;border-radius:0.65rem;border:1px solid color-mix(in oklch,white 28%,transparent);box-shadow:0 12px 28px color-mix(in oklch,black 35%,transparent);background:linear-gradient(145deg,color-mix(in oklch,white 10%,transparent),transparent 55%);}.expo-cli-surface__scan{position:absolute;inset-inline:0;block-size:28%;top:12%;background:linear-gradient(180deg,transparent,color-mix(in oklch,var(--velin-color-primary) 35%,transparent),transparent);opacity:0.55;}@media (prefers-reduced-motion:no-preference){.expo-cli-surface__orb{animation:expo-cli-orb 7s ease-in-out infinite alternate;}.expo-cli-surface__scan{animation:expo-cli-scan 3.6s ease-in-out infinite;}}@keyframes expo-cli-orb{from{transform:translate(0,0) scale(1);}to{transform:translate(12%,8%) scale(1.08);}}@keyframes expo-cli-scan{0%{transform:translateY(0);opacity:0.25;}50%{opacity:0.65;}100%{transform:translateY(160%);opacity:0.2;}}.expo-cli-surface__meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0.5rem;margin:0;}.expo-cli-surface__meta div{display:grid;gap:0.15rem;}.expo-cli-surface__meta dt{margin:0;font-size:0.7rem;text-transform:uppercase;letter-spacing:0.04em;color:var(--velin-color-text-muted);}.expo-cli-surface__meta dd{margin:0;font-size:var(--velin-text-sm);color:var(--velin-color-text);}
/* assets/css/home-pixverse-ad.css */
.expo-pv-ad{--pv-magenta:#ff2d9b;--pv-violet:#6b2cff;--pv-orange:#ff6a2a;--pv-bg0:#0a0612;--pv-bg1:#160a22;position:relative;display:inline-flex;align-items:center;gap:0.55rem;max-inline-size:min(100%,28rem);inline-size:100%;min-height:2.4rem;max-height:2.4rem;padding-inline:0.65rem 0.75rem;border-radius:999px;text-decoration:none !important;color:#f7f2ff !important;overflow:hidden;isolation:isolate;background:linear-gradient(115deg,color-mix(in oklab,var(--pv-violet) 35%,transparent),color-mix(in oklab,var(--pv-magenta) 22%,transparent) 48%,color-mix(in oklab,var(--pv-orange) 18%,transparent)),linear-gradient(165deg,var(--pv-bg0),var(--pv-bg1));border:1px solid color-mix(in oklab,var(--pv-magenta) 42%,transparent);box-shadow:0 0 0 1px color-mix(in oklab,var(--pv-violet) 18%,transparent),0 0 18px color-mix(in oklab,var(--pv-magenta) 22%,transparent);animation:expo-pv-glow 30s ease-in-out infinite;}.expo-pv-ad::before{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient( 105deg,transparent 0%,color-mix(in oklab,white 14%,transparent) 42%,transparent 58% );transform:translateX(-120%);animation:expo-pv-shine 30s ease-in-out infinite;pointer-events:none;}.expo-pv-ad:hover{filter:brightness(1.08);border-color:color-mix(in oklab,var(--pv-orange) 55%,transparent);}.expo-pv-ad:focus-visible{outline:2px solid var(--pv-magenta);outline-offset:2px;}.expo-pv-ad__mark{position:relative;z-index:1;flex:0 0 auto;inline-size:1.35rem;block-size:1.35rem;border-radius:50%;background:radial-gradient(circle at 35% 35%,#ffd0ea,var(--pv-magenta) 48%,var(--pv-violet));box-shadow:0 0 10px color-mix(in oklab,var(--pv-magenta) 55%,transparent);}.expo-pv-ad__play{position:absolute;inset:50% auto auto 52%;translate:-35% -50%;inline-size:0;block-size:0;border-style:solid;border-width:0.28rem 0 0.28rem 0.45rem;border-color:transparent transparent transparent #fff;filter:drop-shadow(2px 1px 0 color-mix(in oklab,var(--pv-orange) 80%,transparent));}.expo-pv-ad__copy{position:relative;z-index:1;display:flex;align-items:baseline;gap:0.45rem;min-width:0;flex:1 1 auto;overflow:hidden;white-space:nowrap;}.expo-pv-ad__brand{display:inline-flex;align-items:baseline;gap:0.22rem;flex:0 0 auto;font-size:0.78rem;font-weight:800;letter-spacing:-0.03em;line-height:1;}.expo-pv-ad__velin{color:#fff;}.expo-pv-ad__plus{color:color-mix(in oklab,#f7f2ff 55%,var(--pv-orange));font-weight:700;}.expo-pv-ad__pix{color:#fff;}.expo-pv-ad__verse{background:linear-gradient(90deg,var(--pv-magenta),#ff6ec7);-webkit-background-clip:text;background-clip:text;color:transparent;}.expo-pv-ad__ticker{position:relative;display:grid;min-width:0;flex:1 1 auto;font-size:0.72rem;font-weight:600;color:color-mix(in oklab,#f7f2ff 82%,var(--pv-orange));line-height:1.2;}.expo-pv-ad__ticker>span{grid-area:1 / 1;opacity:0;transform:translateY(0.35em);animation:expo-pv-tick 30s ease-in-out infinite;}.expo-pv-ad__ticker>span:nth-child(1){animation-delay:0s;}.expo-pv-ad__ticker>span:nth-child(2){animation-delay:-22.5s;}.expo-pv-ad__ticker>span:nth-child(3){animation-delay:-15s;}.expo-pv-ad__ticker>span:nth-child(4){animation-delay:-7.5s;}.expo-pv-ad__sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}.expo-pv-ad__tag{position:relative;z-index:1;flex:0 0 auto;font-size:0.58rem;font-weight:700;letter-spacing:0.06em;text-transform:uppercase;color:color-mix(in oklab,#f7f2ff 70%,transparent);padding:0.15rem 0.4rem;border-radius:999px;border:1px solid color-mix(in oklab,white 18%,transparent);background:color-mix(in oklab,black 28%,transparent);}.expo-nav-topbar__start{display:flex;justify-content:flex-start;align-items:center;min-width:0;}.expo-nav-topbar__start .expo-pv-ad{max-inline-size:min(100%,22rem);}@media (max-width:47.99rem){.expo-nav-topbar__start{display:flex;justify-content:center;}.expo-nav-topbar__start .expo-pv-ad{max-inline-size:min(100%,28rem);}}@keyframes expo-pv-glow{0%,100%{box-shadow:0 0 0 1px color-mix(in oklab,var(--pv-violet) 18%,transparent),0 0 16px color-mix(in oklab,var(--pv-magenta) 20%,transparent);}33%{box-shadow:0 0 0 1px color-mix(in oklab,var(--pv-magenta) 28%,transparent),0 0 22px color-mix(in oklab,var(--pv-magenta) 32%,transparent);}66%{box-shadow:0 0 0 1px color-mix(in oklab,var(--pv-orange) 30%,transparent),0 0 20px color-mix(in oklab,var(--pv-orange) 28%,transparent);}}@keyframes expo-pv-shine{0%,18%{transform:translateX(-120%);}28%,32%{transform:translateX(120%);}33%,100%{transform:translateX(120%);}}@keyframes expo-pv-tick{0%,2%{opacity:0;transform:translateY(0.35em);}5%,22%{opacity:1;transform:translateY(0);}25%,100%{opacity:0;transform:translateY(-0.3em);}}@media (prefers-reduced-motion:reduce){.expo-pv-ad,.expo-pv-ad::before,.expo-pv-ad__ticker>span{animation:none !important;}.expo-pv-ad__ticker>span{opacity:0;}.expo-pv-ad__ticker>span:first-child{opacity:1;transform:none;}}
/* assets/css/home-pixverse-partner.css */
.expo-pv-partner{--pv-magenta:#ff2d9b;--pv-violet:#6b2cff;--pv-orange:#ff6a2a;--pv-bg0:#05040a;--pv-bg1:#14081e;position:relative;overflow:hidden;color:#f7f2ff;background:radial-gradient(720px 420px at 12% 0%,color-mix(in oklab,var(--pv-magenta) 28%,transparent),transparent 60%),radial-gradient(640px 380px at 92% 80%,color-mix(in oklab,var(--pv-orange) 20%,transparent),transparent 55%),radial-gradient(520px 360px at 50% 100%,color-mix(in oklab,var(--pv-violet) 22%,transparent),transparent 50%),linear-gradient(165deg,var(--pv-bg0),var(--pv-bg1));border-block-start:1px solid color-mix(in oklab,var(--pv-magenta) 32%,transparent);}.expo-pv-partner .expo-kicker{color:color-mix(in oklab,var(--pv-magenta) 70%,white);}.expo-pv-partner .expo-section__header h2,.expo-pv-partner .expo-section__header p{color:#f7f2ff;}.expo-pv-partner .expo-section__header p{color:color-mix(in oklab,#f7f2ff 72%,var(--pv-violet));max-inline-size:40rem;}.expo-pv-partner__layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,0.85fr);gap:clamp(1rem,3vw,2rem);align-items:center;}@media (max-width:52rem){.expo-pv-partner__layout{grid-template-columns:1fr;}}.expo-pv-melt{position:relative;isolation:isolate;min-block-size:clamp(18rem,42vw,26rem);border-radius:1.25rem;overflow:hidden;border:1px solid color-mix(in oklab,var(--pv-magenta) 40%,transparent);box-shadow:0 0 0 1px color-mix(in oklab,var(--pv-violet) 20%,transparent),0 24px 60px color-mix(in oklab,black 45%,transparent),0 0 40px color-mix(in oklab,var(--pv-magenta) 18%,transparent);background:radial-gradient(ellipse 70% 60% at 50% 45%,#1a0f2a,#080510 70%);}.expo-pv-melt__stack{position:absolute;inset:0;display:grid;place-items:stretch;padding:0;}.expo-pv-melt__shot{grid-area:1 / 1;position:relative;inset:auto;width:100%;height:100%;max-inline-size:none;max-block-size:none;object-fit:cover;object-position:center;opacity:0;transform:scale(1.04);filter:none;mix-blend-mode:normal;image-rendering:-webkit-optimize-contrast;image-rendering:high-quality;border-radius:0;box-shadow:none;animation:expo-pv-melt 30s ease-in-out infinite;}.expo-pv-melt__shot:nth-child(1){animation-delay:0s;}.expo-pv-melt__shot:nth-child(2){animation-delay:-25s;}.expo-pv-melt__shot:nth-child(3){animation-delay:-20s;}.expo-pv-melt__shot:nth-child(4){animation-delay:-15s;}.expo-pv-melt__shot:nth-child(5){animation-delay:-10s;}.expo-pv-melt__shot:nth-child(6){animation-delay:-5s;}.expo-pv-melt__veil{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,transparent 72%,color-mix(in oklab,#080510 55%,transparent)),radial-gradient(circle at 78% 18%,color-mix(in oklab,var(--pv-magenta) 12%,transparent),transparent 40%);mix-blend-mode:normal;opacity:0.7;animation:expo-pv-veil 18s ease-in-out infinite alternate;}.expo-pv-melt__minis{position:absolute;z-index:2;inset:auto 0.85rem 0.85rem auto;display:flex;gap:0.55rem;pointer-events:none;}.expo-pv-melt__mini{inline-size:4.5rem;block-size:4.5rem;border-radius:0.65rem;object-fit:cover;object-position:center;background:color-mix(in oklab,black 35%,#14081e);padding:0;border:1px solid color-mix(in oklab,white 22%,transparent);box-shadow:0 8px 18px color-mix(in oklab,black 45%,transparent);animation:expo-pv-mini 12s ease-in-out infinite;}.expo-pv-melt__mini:nth-child(2){animation-delay:-4s;}.expo-pv-melt__mini:nth-child(3){animation-delay:-8s;}.expo-pv-melt__mark{position:absolute;z-index:2;inset:0.9rem auto auto 0.9rem;display:inline-flex;align-items:center;gap:0.4rem;padding:0.35rem 0.65rem;border-radius:999px;background:color-mix(in oklab,black 45%,transparent);border:1px solid color-mix(in oklab,var(--pv-magenta) 40%,transparent);backdrop-filter:blur(8px);font-size:0.72rem;font-weight:700;color:#fff;}.expo-pv-melt__mark img{inline-size:1rem;block-size:1rem;}.expo-pv-melt__mark .expo-pv-ad__verse,.expo-pv-partner .expo-pv-ad__verse{background:linear-gradient(90deg,var(--pv-magenta),#ff6ec7);-webkit-background-clip:text;background-clip:text;color:transparent;}.expo-pv-partner__copy{display:flex;flex-direction:column;gap:0.85rem;min-width:0;}.expo-pv-partner__copy h3{margin:0;font-size:clamp(1.35rem,2.4vw,1.85rem);letter-spacing:-0.03em;color:#fff;}.expo-pv-partner__copy p{margin:0;color:color-mix(in oklab,#f7f2ff 75%,var(--pv-violet));line-height:1.55;max-inline-size:34rem;}.expo-pv-partner__actions{display:flex;flex-wrap:wrap;gap:0.55rem;margin-block-start:0.35rem;}.expo-pv-partner__actions .velin-btn--primary{background:linear-gradient(115deg,var(--pv-violet),var(--pv-magenta) 48%,var(--pv-orange));border:0;color:#fff;box-shadow:0 0 22px color-mix(in oklab,var(--pv-magenta) 35%,transparent);}.expo-pv-partner__actions .velin-btn--outline{color:#fff;border-color:color-mix(in oklab,var(--pv-magenta) 45%,white);background:color-mix(in oklab,black 25%,transparent);}.expo-pv-partner__actions .velin-btn--ghost{color:color-mix(in oklab,#f7f2ff 85%,var(--pv-magenta));}.expo-pv-partner__note{font-size:0.78rem;color:color-mix(in oklab,#f7f2ff 55%,transparent);}@keyframes expo-pv-melt{0%,8%{opacity:0;transform:scale(1.08);}14%,22%{opacity:1;transform:scale(1);}28%,100%{opacity:0;transform:scale(1.03);}}@keyframes expo-pv-veil{from{opacity:0.55;transform:translateX(-2%) scale(1);}to{opacity:0.9;transform:translateX(2%) scale(1.04);}}@keyframes expo-pv-mini{0%,100%{transform:translateY(0) rotate(-2deg);opacity:0.85;}50%{transform:translateY(-6px) rotate(2deg);opacity:1;}}@media (prefers-reduced-motion:reduce){.expo-pv-melt__shot,.expo-pv-melt__veil,.expo-pv-melt__mini{animation:none !important;}.expo-pv-melt__shot{opacity:0;}.expo-pv-melt__shot:first-child{opacity:1;transform:none;}.expo-pv-melt__mini{opacity:1;transform:none;}}