@charset "UTF-8";@font-face{font-family:Neue Machina;src:url(/assets/fonts/NeueMachina-Light.woff2) format("woff2");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Neue Machina;src:url(/assets/fonts/NeueMachina-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Neue Machina;src:url(/assets/fonts/NeueMachina-Ultrabold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Space Mono;src:url(/assets/fonts/SpaceMono-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Space Mono;src:url(/assets/fonts/SpaceMono-Bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}:root{--tm-cyan: #0fc7d2;--tm-green: #9fdf6c;--tm-yellow: #fdc500;--tm-magenta: #de3d64;--com-50: #fcecf0;--com-100: #f5c3cf;--com-200: #f0a6b8;--com-300: #e97d97;--com-400: #e56483;--com-500: #de3d64;--com-600: #ca385b;--com-700: #9e2b47;--com-800: #7a2237;--com-900: #5d1a2a;--design-50: #fff9e6;--design-100: #feedb0;--design-200: #fee48a;--design-300: #fed854;--design-400: #fdd133;--design-500: #fdc500;--design-600: #e6b300;--design-700: #b48c00;--design-800: #8b6c00;--design-900: #6a5300;--dev-50: #e7f9fb;--dev-100: #b5eef1;--dev-200: #91e5ea;--dev-300: #5ed9e1;--dev-400: #3fd2db;--dev-500: #3fd2db;--dev-600: #0eb5bf;--dev-700: #0b8d95;--dev-800: #086d74;--dev-900: #065458;--project-50: #f5fcf0;--project-100: #e1f5d1;--project-200: #d3f0bb;--project-300: #bfea9d;--project-400: #b2e589;--project-500: #9fdf6c;--project-600: #91cb62;--project-700: #719e4d;--project-800: #577b3b;--project-900: #4f792d;--neutral-0: #f8f8fb;--neutral-50: #edeaf6;--neutral-100: #c6bde2;--neutral-200: #ab9dd4;--neutral-300: #8470c1;--neutral-400: #6d55b5;--neutral-500: #482aa2;--neutral-600: #422693;--neutral-700: #331e73;--neutral-800: #281759;--neutral-900: #1e1244;--space-900: #170a2b;--space-950: #130a31;--space-1000: #0d0622;--white: #ffffff;--black: #1b1717;--background: var(--neutral-0);--surface-default: var(--neutral-50);--surface-dark: var(--neutral-900);--surface-com: var(--com-50);--surface-design: var(--design-50);--surface-dev: var(--dev-50);--surface-project: var(--project-50);--text-default: var(--neutral-900);--text-light: var(--neutral-0);--text-mid: var(--neutral-600);--text-link: var(--neutral-400);--text-invert: var(--white);--status-info: var(--dev-500);--status-info-light: var(--dev-50);--status-info-dark: var(--dev-900);--status-warning: var(--design-500);--status-warning-light: var(--design-50);--status-warning-dark: var(--design-900);--status-error: var(--com-500);--status-error-light: var(--com-50);--status-error-dark: var(--com-900);--status-success: var(--project-500);--status-success-light: var(--project-50);--status-success-dark: var(--project-900);--status-disabled: var(--neutral-100);--status-disabled-light: var(--neutral-500);--status-disabled-dark: var(--neutral-700);--action-primary: var(--neutral-600);--action-primary-hover: var(--neutral-500);--gradient-rainbow: linear-gradient( 90deg, var(--tm-cyan) 0%, var(--tm-cyan) 24%, var(--tm-green) 25%, var(--tm-green) 49%, var(--tm-yellow) 50%, var(--tm-yellow) 74%, var(--tm-magenta) 75%, var(--tm-magenta) 100% );--gradient-space: linear-gradient(180deg, #170a2b 0%, #1e1244 60%, #281759 100%)}:root{--font-display: "Neue Machina", system-ui, sans-serif;--font-body: "Space Mono", ui-monospace, "SF Mono", Menlo, monospace;--font-mono: "Space Mono", ui-monospace, "SF Mono", Menlo, monospace;--fw-light: 300;--fw-regular: 400;--fw-bold: 700;--fs-xxs: .625rem;--fs-xs: .75rem;--fs-s: .875rem;--fs-m: 1rem;--fs-l: 1.25rem;--fs-xl: 1.5rem;--fs-xxl: 2rem;--fs-xxxl: 3rem;--fs-display: 6.25rem;--h1: 2.5rem;--h2: 2rem;--h3: 1.75rem;--h4: 1.5rem;--h5: 1.25rem;--h6: 1rem;--display-1: 5rem;--display-2: 5rem;--display-3: 3.5rem;--lh-tight: 1.1;--lh-snug: 1.3;--lh-body: 1.8;--lh-heading: 1.15;--ls-tag: .03125rem;--ls-wide: .08em}:root{--space-xxs: .25rem;--space-xs: .5rem;--space-s: 1rem;--space-m: 1.5rem;--space-l: 2rem;--space-xl: 3.5rem;--space-section: 6.25rem;--space-section-sm: 3.125rem;--space-component-sm: .5rem;--space-component: 1rem;--space-component-lg: 1.5rem;--size-xxs: .25rem;--size-xs: .5rem;--size-s: 1rem;--size-m: 1.5rem;--size-l: 2rem;--size-xl: 3.5rem;--radius-s: .25rem;--radius-m: .5rem;--radius-l: 6.25rem;--radius-full: 9999px;--container-max: 1024px;--shadow-sm: 0 1px 2px rgba(30, 18, 68, .08);--shadow-md: 0 8px 24px rgba(30, 18, 68, .12);--shadow-lg: 0 24px 60px rgba(30, 18, 68, .22);--shadow-glow-cyan: 0 0 32px rgba(63, 210, 219, .45);--shadow-glow-magenta: 0 0 32px rgba(222, 61, 100, .4);--speed-fast: .3s;--speed-mid: .5s;--speed-slow: 1s;--ease-standard: ease-in-out;--ease-in: ease-in}*,*:before,*:after{box-sizing:border-box}body{font-family:var(--font-body);font-size:var(--fs-m);line-height:var(--lh-body);color:var(--text-default);background:var(--background);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-family:var(--font-display);font-weight:var(--fw-bold);line-height:var(--lh-heading);margin:0 0 var(--space-m)}h1,.h1{font-size:var(--h1)}h2,.h2{font-size:var(--h2)}h3,.h3{font-size:var(--h3)}h4,.h4{font-size:var(--h4)}h5,.h5{font-size:var(--h5)}h6,.h6{font-size:var(--h6)}.display--1{font-family:var(--font-display);font-weight:700;font-size:var(--display-1);line-height:1.05}.display--2{font-family:var(--font-display);font-weight:700;font-size:var(--display-2);line-height:1.05}.display--3{font-family:var(--font-display);font-weight:700;font-size:var(--display-3);line-height:1.05}p{margin:0 0 var(--space-m)}a{color:var(--text-link);text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:.25rem}code,pre,kbd,samp{font-family:var(--font-mono)}.uppercase{text-transform:uppercase}.bg-dark{color:#fff;background-color:var(--neutral-900)}.bg-space{color:#fff;background:var(--gradient-space)}.bg-cyan{background-color:var(--tm-cyan)}.bg-yellow{background-color:var(--tm-yellow)}.bg-green{background-color:var(--tm-green)}.bg-magenta{background-color:var(--tm-magenta)}.text-rainbow{background:var(--gradient-rainbow);-webkit-background-clip:text;background-clip:text;color:transparent}.rotating{animation:tm-rotating 2s linear infinite}@keyframes tm-rotating{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes tm-text-appear{0%{opacity:0;translate:0 3rem}}.tm-btn{border:none;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-component-sm);font-family:var(--font-body);font-weight:700;font-size:var(--fs-m);line-height:1;height:2.75rem;padding:0 var(--space-component-lg);border-radius:var(--radius-l);position:relative;overflow:hidden;cursor:pointer;color:#fff;text-decoration:none;white-space:nowrap;transition:all var(--speed-fast) var(--ease-standard)}.tm-btn:hover{text-decoration:none}.tm-btn:focus-visible{outline:3px solid var(--neutral-400);outline-offset:2px}.tm-btn__content{position:relative;z-index:5;display:inline-flex;align-items:center;gap:var(--space-component-sm)}.tm-btn__icon{transition:margin var(--speed-fast) var(--ease-standard);display:inline-flex}.tm-btn:hover .tm-btn__icon--trailing{margin-left:var(--space-component-sm)}.tm-btn__overlay{position:absolute;left:50%;bottom:-40%;width:1rem;height:1rem;border-radius:50%;background-color:var(--neutral-300);transform:translate(-50%) scale(0);z-index:1;transition:transform var(--speed-fast) var(--ease-standard)}.tm-btn:hover .tm-btn__overlay{transform:translate(-50%) scale(22)}.tm-btn:disabled,.tm-btn[aria-disabled=true]{background:var(--status-disabled)!important;color:var(--status-disabled-dark)!important;cursor:not-allowed;pointer-events:none}.tm-btn:disabled .tm-btn__overlay{display:none}.tm-btn--primary{background-color:var(--neutral-600);color:#fff}.tm-btn--primary .tm-btn__overlay{background-color:var(--neutral-400)}.tm-btn--dev{background-color:var(--dev-500);color:var(--neutral-900)}.tm-btn--dev .tm-btn__overlay{background-color:var(--dev-200)}.tm-btn--design{background-color:var(--design-500);color:var(--neutral-900)}.tm-btn--design .tm-btn__overlay{background-color:var(--design-200)}.tm-btn--project{background-color:var(--project-500);color:var(--neutral-900)}.tm-btn--project .tm-btn__overlay{background-color:var(--project-200)}.tm-btn--com{background-color:var(--com-500)}.tm-btn--com .tm-btn__overlay{background-color:var(--com-300)}.tm-btn--white{background-color:var(--neutral-0);color:var(--neutral-900)}.tm-btn--white .tm-btn__overlay{background-color:var(--neutral-100)}.tm-btn--secondary{background-color:transparent;color:var(--status-info)}.tm-btn--secondary:hover{background-color:var(--status-info);color:var(--neutral-900)}.tm-btn--secondary .tm-btn__overlay{display:none}.tm-btn--outlined{background-color:transparent;border:2px solid var(--dev-500);color:var(--dev-500)}.tm-btn--outlined .tm-btn__overlay{background-color:var(--dev-500)}.tm-btn--outlined:hover{color:var(--neutral-900)}.tm-btn--link{background:transparent;color:var(--neutral-900);height:auto;padding:0;border-radius:0;text-decoration:underline;text-underline-offset:.5rem;overflow:visible}.tm-btn--link .tm-btn__overlay{display:none}.tm-btn--link:hover{color:var(--text-link);text-decoration:none}.tm-btn--sm{height:2.25rem;font-size:var(--fs-s);padding:0 var(--space-component)}.tm-btn--lg{height:3.25rem;font-size:var(--fs-l);padding:0 var(--space-l)}.tm-btn--icon-only{padding:0;width:2.75rem}.tm-tag{display:inline-flex;align-items:center;gap:var(--space-xxs);border-radius:var(--radius-s);padding:var(--space-xxs) var(--space-component-sm);font-family:var(--font-body);font-weight:700;font-size:var(--fs-s);letter-spacing:var(--ls-tag);background:var(--status-disabled);color:var(--status-disabled-dark);line-height:1.2}.tm-tag--dev{background:var(--dev-50);color:var(--dev-900)}.tm-tag--design{background:var(--design-50);color:var(--design-900)}.tm-tag--com{background:var(--com-50);color:var(--com-900)}.tm-tag--project{background:var(--project-50);color:var(--project-900)}.tm-badge{display:inline-flex;align-items:center;gap:var(--space-xxs);font-family:var(--font-body);font-weight:700;font-size:var(--fs-xs);line-height:1;padding:.3rem .55rem;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:var(--ls-wide)}.tm-badge--solid{background:var(--neutral-900);color:#fff}.tm-badge--info{background:var(--status-info-light);color:var(--status-info-dark)}.tm-badge--success{background:var(--status-success-light);color:var(--status-success-dark)}.tm-badge--warning{background:var(--status-warning-light);color:var(--status-warning-dark)}.tm-badge--error{background:var(--status-error-light);color:var(--status-error-dark)}.tm-badge__dot{width:.5rem;height:.5rem;border-radius:50%;background:currentColor}.tm-card{background:#fff;border-radius:var(--radius-m);border:1px solid var(--neutral-50);box-shadow:var(--shadow-md);overflow:hidden;display:flex;flex-direction:column}.tm-card--dark{background:#ffffff0a;border:1px solid rgba(198,189,226,.18);color:#fff;box-shadow:none;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.tm-card--flat{box-shadow:none}.tm-card__media{width:100%;aspect-ratio:16/10;object-fit:cover;display:block}.tm-card__body{padding:var(--space-component-lg);display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-component-sm)}.tm-card__title{font-family:var(--font-display);font-weight:700;font-size:var(--h5);margin:0}.tm-card__text{font-size:var(--fs-s);line-height:1.6;margin:0;color:inherit;opacity:.85}.tm-card__footer{padding:0 var(--space-component-lg) var(--space-component-lg);display:flex;gap:var(--space-component-sm);align-items:center}.tm-field{display:flex;flex-direction:column;gap:var(--space-xxs);font-family:var(--font-body)}.tm-field__label{font-size:var(--fs-s);font-weight:700;color:var(--text-default)}.tm-input{font-family:var(--font-body);font-size:var(--fs-m);color:var(--text-default);background:#fff;border:1.5px solid var(--neutral-100);border-radius:var(--radius-m);padding:.65rem var(--space-component);transition:border-color var(--speed-fast) var(--ease-standard),box-shadow var(--speed-fast) var(--ease-standard);width:100%}.tm-input::placeholder{color:var(--neutral-200)}.tm-input:focus{outline:none;border-color:var(--dev-500);box-shadow:0 0 0 3px #3fd2db40}.tm-input:disabled{background:var(--neutral-50);color:var(--neutral-200);cursor:not-allowed}.tm-field--error .tm-input{border-color:var(--com-500)}.tm-field__hint{font-size:var(--fs-xs);color:var(--text-mid)}.tm-field--error .tm-field__hint{color:var(--com-600)}.tm-field--dark .tm-field__label{color:#fff}.tm-field--dark .tm-input{background:#ffffff0f;border-color:#c6bde24d;color:#fff}.tm-field--dark .tm-input::placeholder{color:var(--neutral-200)}.tm-textarea{font-family:var(--font-body);font-size:var(--fs-m);color:var(--text-default);background:#fff;border:1.5px solid var(--neutral-100);border-radius:var(--radius-m);padding:.65rem var(--space-component);transition:border-color var(--speed-fast) var(--ease-standard),box-shadow var(--speed-fast) var(--ease-standard);width:100%;min-height:6rem;resize:vertical;line-height:1.6}.tm-textarea::placeholder{color:var(--neutral-200)}.tm-textarea:focus{outline:none;border-color:var(--dev-500);box-shadow:0 0 0 3px #3fd2db40}.tm-textarea:disabled{background:var(--neutral-50);color:var(--neutral-200);cursor:not-allowed}.tm-field--error .tm-textarea{border-color:var(--com-500)}.tm-field--dark .tm-textarea{background:#ffffff0f;border-color:#c6bde24d;color:#fff}.tm-field--dark .tm-textarea::placeholder{color:var(--neutral-200)}.tm-check{display:inline-flex;align-items:center;gap:var(--space-component-sm);font-family:var(--font-body);font-size:var(--fs-s);cursor:pointer}.tm-check input{position:absolute;opacity:0;width:0;height:0}.tm-check__box{width:1.25rem;height:1.25rem;border-radius:var(--radius-s);border:1.5px solid var(--neutral-200);background:#fff;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;transition:all var(--speed-fast) var(--ease-standard)}.tm-check input:checked+.tm-check__box{background:var(--neutral-600);border-color:var(--neutral-600)}.tm-check__box svg{opacity:0;transition:opacity var(--speed-fast)}.tm-check input:checked+.tm-check__box svg{opacity:1}.tm-check input:focus-visible+.tm-check__box{box-shadow:0 0 0 3px #3fd2db59}.tm-check__box--radio{border-radius:50%}.tm-check__box--radio:after{content:"";width:.55rem;height:.55rem;border-radius:50%;background:#fff;transform:scale(0);transition:transform var(--speed-fast)}.tm-check input:checked+.tm-check__box--radio:after{transform:scale(1)}.tm-switch{display:inline-flex;align-items:center;gap:var(--space-component-sm);cursor:pointer;font-family:var(--font-body);font-size:var(--fs-s)}.tm-switch input{position:absolute;opacity:0;width:0;height:0}.tm-switch__track{width:2.75rem;height:1.5rem;border-radius:var(--radius-full);background:var(--neutral-100);position:relative;transition:background var(--speed-fast) var(--ease-standard)}.tm-switch__track:after{content:"";position:absolute;top:.15rem;left:.15rem;width:1.2rem;height:1.2rem;border-radius:50%;background:#fff;box-shadow:var(--shadow-sm);transition:transform var(--speed-fast) var(--ease-standard)}.tm-switch input:checked+.tm-switch__track{background:var(--dev-500)}.tm-switch input:checked+.tm-switch__track:after{transform:translate(1.25rem)}.tm-avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;overflow:hidden;flex-shrink:0;background:var(--neutral-600);color:#fff;font-family:var(--font-display);font-weight:700}.tm-avatar img{width:100%;height:100%;object-fit:cover}.tm-avatar--sm{width:2rem;height:2rem;font-size:var(--fs-s)}.tm-avatar--md{width:2.75rem;height:2.75rem;font-size:var(--fs-m)}.tm-avatar--lg{width:4rem;height:4rem;font-size:var(--fs-l)}.tm-avatar--ring{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--dev-500)}.tm-stat{display:flex;flex-direction:column;gap:var(--space-component-sm);padding:var(--space-component-lg);border-radius:var(--radius-m);background:#c6bde21a}.tm-stat__value{font-family:var(--font-display);font-weight:700;font-size:var(--fs-xxxl);line-height:1}.tm-stat__label{font-family:var(--font-body);font-size:var(--fs-s);line-height:1.5;color:var(--text-light);opacity:.85}.tm-stat--dev .tm-stat__value{color:var(--dev-300)}.tm-stat--design .tm-stat__value{color:var(--design-300)}.tm-stat--com .tm-stat__value{color:var(--com-400)}.tm-stat--project .tm-stat__value{color:var(--project-300)}.tm-tooltip{position:relative;display:inline-flex}.tm-tooltip__bubble{position:absolute;bottom:calc(100% + .5rem);left:50%;transform:translate(-50%) translateY(4px);background:var(--neutral-900);color:#fff;font-family:var(--font-body);font-size:var(--fs-xs);padding:.4rem .65rem;border-radius:var(--radius-s);white-space:nowrap;opacity:0;pointer-events:none;transition:all var(--speed-fast) var(--ease-standard);z-index:50}.tm-tooltip__bubble:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:var(--neutral-900)}.tm-tooltip:hover .tm-tooltip__bubble,.tm-tooltip:focus-within .tm-tooltip__bubble{opacity:1;transform:translate(-50%) translateY(0)}.tm-divider{border:none;height:1px;background:var(--neutral-100);width:100%;margin:var(--space-m) 0}.tm-divider--rainbow{height:4px;border-radius:var(--radius-full);background:var(--gradient-rainbow)}.tm-divider--vertical{width:1px;height:auto;align-self:stretch;margin:0 var(--space-m)}.tm-star{display:inline-block;color:var(--design-500);line-height:0}.tm-star svg{display:block}.tm-planet{-webkit-user-select:none;user-select:none;pointer-events:none}@media (prefers-reduced-motion: no-preference){.tm-planet--float{animation:tm-float 6s ease-in-out infinite}.tm-planet--rotate{animation:tm-rotate 70s linear infinite}}@keyframes tm-float{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}@keyframes tm-rotate{0%,to{transform:rotate(0)}to{transform:rotate(360deg)}}.ds{font-family:var(--font-body);color:var(--text-default);background:linear-gradient(#fff,var(--neutral-0)) no-repeat;min-height:100vh}.ds-shell{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:260px 1fr;gap:clamp(24px,4vw,56px);padding:0 clamp(20px,5vw,40px)}.ds-content{padding:40px 0 80px;min-width:0}@media (max-width: 880px){.ds-shell{grid-template-columns:1fr}}.ds-appbar{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:var(--space-m);padding:14px clamp(20px,5vw,40px);background:#ffffffd1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--neutral-50)}.ds-appbar__brand{display:inline-flex;align-items:center;gap:12px}.ds-appbar__tag{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;font-size:11px;color:var(--neutral-400);border:1px solid var(--neutral-50);border-radius:var(--radius-l);padding:4px 10px}.ds-appbar__nav{display:flex;align-items:center;gap:4px;margin-left:auto}.ds-appbar__link{font-family:var(--font-mono);font-size:14px;color:var(--text-mid);text-decoration:none;padding:8px 14px;border-radius:var(--radius-l);transition:background .25s,color .25s}.ds-appbar__link:hover{background:var(--neutral-50);color:var(--neutral-900);text-decoration:none}.ds-appbar__link.is-active{color:var(--neutral-900);background:var(--neutral-50)}@media (max-width: 720px){.ds-appbar__nav .ds-appbar__link{display:none}}.ds-hero{max-width:1180px;margin:0 auto 3rem;padding:clamp(28px,5vw,56px) clamp(20px,5vw,40px) 0}.ds-hero__card{position:relative;overflow:hidden;color:#fff;border-radius:2.25rem;padding:clamp(40px,7vw,88px);background:radial-gradient(120% 120% at 85% 0%,#2a1a63,#1e1244 45%,#170a2b);background-image:url(../assets/backgrounds/Background_Dark.webp);background-size:cover}.ds-hero__planet{position:absolute;top:clamp(20px,0vw,0px);right:clamp(-30px,2vw,48px);z-index:1}.ds-hero__planet_2{position:absolute;bottom:clamp(-20px,-20vw,0px);right:clamp(-50px,-2vw,48px);z-index:1}.ds-hero__inner{position:relative;z-index:2;max-width:720px}.ds-hero__eyebrow{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;font-size:13px;color:var(--neutral-200);margin:0 0 18px}.ds-hero__title{font-family:var(--font-display);font-weight:700;font-size:clamp(40px,7vw,88px);line-height:1.02;margin:0 0 22px}.ds-hero__desc{font-size:clamp(16px,2vw,20px);line-height:1.6;color:var(--neutral-100);max-width:52ch;margin:0 0 30px}.ds-hero__cta{display:flex;flex-wrap:wrap;gap:14px}.ds-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.ds-tile{display:flex;flex-direction:column;background:#fff;border:1px solid var(--neutral-50);border-radius:var(--radius-m);box-shadow:var(--shadow-sm);overflow:hidden;text-decoration:none;color:inherit;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.ds-tile:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:transparent;text-decoration:none}.ds-tile:hover .ds-arrow{transform:translate(4px);color:var(--neutral-600)}.ds-tile__visual{height:150px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:var(--neutral-0);border-bottom:1px solid var(--neutral-50)}.ds-tile__body{padding:20px 22px 24px;display:flex;flex-direction:column;gap:8px;flex:1}.ds-tile__title{font-family:var(--font-display);font-weight:700;font-size:var(--h5);margin:0;display:flex;align-items:center;gap:10px}.ds-tile__title .ds-arrow{margin-left:auto;transition:transform .25s ease;color:var(--neutral-300)}.ds-tile__desc{font-size:14px;line-height:1.6;color:var(--text-mid);margin:0}.ds-tile__soon{align-self:flex-start;margin-top:4px;font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--neutral-400);background:var(--neutral-50);border-radius:var(--radius-l);padding:3px 10px}.dsv-swatches{display:flex;width:100%;height:100%}.dsv-swatches span{flex:1}.dsv-aa{font-family:var(--font-display);font-weight:700;font-size:72px;line-height:1;color:var(--neutral-900)}.dsv-aa small{display:block;font-family:var(--font-mono);font-size:12px;font-weight:400;letter-spacing:.1em;text-transform:uppercase;color:var(--neutral-400);margin-top:6px}.dsv-shapes{display:flex;gap:14px;align-items:flex-end}.dsv-shapes i{display:block;width:40px;height:40px;background:var(--dev-100);border:1px solid var(--dev-300)}.dsv-elevation{position:relative;width:120px;height:80px}.dsv-elevation i{position:absolute;width:70px;height:46px;background:#fff;border-radius:var(--radius-m)}.dsv-elevation i:nth-child(1){left:0;top:0;box-shadow:var(--shadow-sm)}.dsv-elevation i:nth-child(2){left:24px;top:14px;box-shadow:var(--shadow-md)}.dsv-elevation i:nth-child(3){left:48px;top:28px;box-shadow:var(--shadow-lg)}.dsv-spacing{display:flex;flex-direction:column;gap:8px;width:60%}.dsv-spacing i{display:block;height:10px;background:var(--dev-300);border-radius:var(--radius-s)}.dsv-spacing i:nth-child(1){width:20%}.dsv-spacing i:nth-child(2){width:40%}.dsv-spacing i:nth-child(3){width:65%}.dsv-spacing i:nth-child(4){width:100%}.dsv-components{display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:center}.ds-sidebar{position:sticky;top:72px;align-self:start;height:calc(100vh - 72px);overflow-y:auto;padding:32px 0}.ds-sidebar__group+.ds-sidebar__group{margin-top:26px}.ds-sidebar__label{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;font-size:11px;color:var(--neutral-400);margin:0 0 10px}.ds-sidebar__link{display:block;font-size:14px;color:var(--text-mid);text-decoration:none;padding:8px 14px;border-radius:var(--radius-l);transition:background .2s,color .2s}.ds-sidebar__link:hover{background:var(--neutral-50);color:var(--neutral-900);text-decoration:none}.ds-sidebar__link.is-active{background:var(--neutral-900);color:#fff}@media (max-width: 880px){.ds-sidebar{position:static;height:auto;padding:24px 0 0}}.ds-footer{border-top:1px solid var(--neutral-50);margin-top:40px}.ds-footer__inner{max-width:1180px;margin:0 auto;padding:40px clamp(20px,5vw,40px);display:flex;flex-wrap:wrap;gap:20px;align-items:center;justify-content:space-between;font-size:13px;color:var(--text-mid)}.ds-footer__links{display:flex;gap:20px}.ds-footer__links a{color:var(--text-mid);text-decoration:none}.ds-footer__links a:hover{color:var(--neutral-900)}.cmp-demo{display:flex;flex-wrap:wrap;gap:18px;align-items:center;padding:28px;border:1px solid var(--neutral-50);border-radius:var(--radius-m);background:var(--neutral-0);box-shadow:var(--shadow-sm)}.cmp-demo+.cmp-demo{margin-top:14px}.cmp-demo--dark{background:radial-gradient(120% 140% at 80% 0%,#2a1a63,#170a2b);border-color:transparent}.cmp-demo--start{align-items:flex-start}.cmp-demo--col{flex-direction:column;align-items:stretch}.cmp-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;width:100%}.cmp-forms{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;width:100%;align-items:start}.cmp-checks{display:flex;flex-direction:column;gap:12px}.ds-props{width:100%;border-collapse:collapse;border:1px solid var(--neutral-50);border-radius:var(--radius-m);overflow:hidden;background:var(--neutral-0);box-shadow:var(--shadow-sm);font-size:14px}.ds-props th,.ds-props td{text-align:left;padding:12px 16px;border-bottom:1px solid var(--neutral-50);vertical-align:top}.ds-props th{font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-mid);background:var(--neutral-25, var(--neutral-50))}.ds-props tr:last-child td{border-bottom:none}.ds-props__prop{font-family:var(--font-mono);font-weight:700;white-space:nowrap}.ds-props__type{font-family:var(--font-mono);color:var(--neutral-600)}.ds-props__default{font-family:var(--font-mono);color:var(--text-mid);white-space:nowrap}.ds-a11y{display:flex;flex-direction:column;gap:10px;padding:0;margin:0;list-style:none}.ds-a11y li{position:relative;padding-left:20px;font-size:14px;line-height:1.6;color:var(--text-mid)}.ds-a11y li:before{content:"";position:absolute;left:0;top:9px;width:6px;height:6px;border-radius:50%;background:var(--gradient-rainbow)}.ds-a11y code{font-family:var(--font-mono);font-size:.92em}.ds-wrap{max-width:1180px;margin:0 auto;padding:clamp(40px,7vw,80px) clamp(20px,5vw,40px)}.ds-sectionhead{margin-bottom:28px}.ds-sectionhead__kicker{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;font-size:13px;color:var(--neutral-400);margin:0 0 12px}.ds-sectionhead__title{font-family:var(--font-display);font-weight:700;font-size:clamp(26px,3.5vw,40px);margin:0;color:var(--neutral-900)}.ds-sectionhead__lead{font-size:17px;line-height:1.7;color:var(--text-mid);max-width:64ch;margin:12px 0 0}.ds-placeholder{text-align:center;padding:clamp(40px,8vw,90px) 0}.ds-placeholder__planet{margin:0 auto 24px}.ds-placeholder h1{font-family:var(--font-display);font-weight:700;font-size:clamp(32px,5vw,56px);margin:0 0 14px}.ds-placeholder p{font-size:17px;line-height:1.7;color:var(--text-mid);max-width:52ch;margin:0 auto 28px}.color-block{padding-top:0}.color-hues{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px}.color-hue{border-radius:var(--radius-m);overflow:hidden;border:1px solid var(--neutral-50);box-shadow:var(--shadow-sm);background:#fff}.color-hue__chip{height:104px}.color-hue__meta{padding:14px 16px 16px}.color-hue__name{font-family:var(--font-display);font-weight:700;font-size:var(--h6);margin:0 0 4px}.color-hue__role{font-size:12px;line-height:1.4;color:var(--text-mid);margin:0 0 10px}.color-hue__code{display:flex;justify-content:space-between;gap:10px;font-family:var(--font-mono);font-size:12px;color:var(--neutral-600);text-transform:uppercase}.color-family+.color-family{margin-top:26px}.color-family__head{display:flex;align-items:baseline;gap:10px;margin-bottom:12px}.color-family__name{font-family:var(--font-display);font-weight:700;font-size:var(--h6);margin:0}.color-family__role{font-family:var(--font-mono);font-size:12px;color:var(--text-mid)}.color-family__role code{color:var(--neutral-600)}.color-ramp{display:grid;grid-template-columns:repeat(auto-fill,minmax(78px,1fr));gap:8px}.color-swatch{display:flex;flex-direction:column;gap:6px}.color-swatch__chip{height:56px;border-radius:var(--radius-s);border:1px solid rgba(30,18,68,.08)}.color-swatch__chip--base{outline:2px solid var(--neutral-900);outline-offset:2px}.color-swatch__meta{font-family:var(--font-mono);font-size:11px;line-height:1.45}.color-swatch__step{display:block;font-weight:700;color:var(--neutral-900)}.color-swatch__hex{display:block;color:var(--text-mid);text-transform:uppercase}.color-roles{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}.color-role{display:flex;gap:14px;align-items:flex-start;padding:14px;border:1px solid var(--neutral-50);border-radius:var(--radius-m);background:#fff;box-shadow:var(--shadow-sm)}.color-role__chip{flex:0 0 auto;width:44px;height:44px;border-radius:var(--radius-s);border:1px solid rgba(30,18,68,.1)}.color-role__body{min-width:0}.color-role__label{font-family:var(--font-display);font-weight:700;font-size:14px;margin:0 0 4px}.color-role__code{font-family:var(--font-mono);font-size:11px;color:var(--neutral-600);text-transform:uppercase;word-break:break-word;margin:0 0 4px}.color-role__usage{font-size:12.5px;line-height:1.5;color:var(--text-mid);margin:0}.color-gradients{display:flex;flex-direction:column;gap:18px}.color-gradient__bar{height:64px;border-radius:var(--radius-m);border:1px solid var(--neutral-50)}.color-gradient__meta{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 14px;margin-top:10px;font-family:var(--font-mono);font-size:12px}.color-gradient__name{font-weight:700;color:var(--neutral-900)}.color-gradient__token{color:var(--neutral-600);text-transform:uppercase}.color-gradient__note{color:var(--text-mid)}.type-block{padding-top:0}.type-faces{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:16px}.type-face{display:flex;gap:20px;align-items:flex-start;border:1px solid var(--neutral-50);border-radius:var(--radius-m);background:#fff;box-shadow:var(--shadow-sm);padding:22px}.type-face__specimen{flex:0 0 auto;font-weight:700;font-size:86px;line-height:.85;color:var(--neutral-900)}.type-face__body{min-width:0}.type-face__name{font-family:var(--font-display);font-weight:700;font-size:var(--h5);margin:0 0 4px}.type-face__role{font-size:13px;color:var(--text-mid);margin:0 0 8px}.type-face__stack{font-family:var(--font-mono);font-size:11px;text-transform:uppercase;color:var(--neutral-600);margin:0 0 12px}.type-face__weights{display:flex;flex-wrap:wrap;gap:6px 16px;margin-bottom:12px}.type-face__weight{font-size:15px;color:var(--neutral-800)}.type-face__usage{font-size:13px;line-height:1.6;color:var(--text-mid);margin:0}.type-rows{display:flex;flex-direction:column}.type-row{display:grid;grid-template-columns:230px 1fr;gap:20px;align-items:center;padding:16px 0;border-top:1px solid var(--neutral-50)}.type-row:last-child{border-bottom:1px solid var(--neutral-50)}.type-row__meta{display:flex;flex-direction:column;gap:3px}.type-row__label{font-family:var(--font-display);font-weight:700;font-size:var(--h6);color:var(--neutral-900)}.type-row__spec{font-family:var(--font-mono);font-size:11px;color:var(--text-mid);text-transform:uppercase}.type-row__sample{color:var(--neutral-900);min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}@media (max-width: 760px){.type-row{grid-template-columns:1fr;gap:8px}}.type-tokens{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px}.type-token{border:1px solid var(--neutral-50);border-radius:var(--radius-m);background:#fff;box-shadow:var(--shadow-sm);padding:14px 16px}.type-token__name{font-family:var(--font-mono);font-size:12px;font-weight:700;text-transform:uppercase;color:var(--neutral-900);margin:0 0 4px}.type-token__value{font-family:var(--font-mono);font-size:12px;color:var(--text-mid);margin:0}.elev-block{padding-top:0}.elev-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}.elev-card{border:1px solid var(--neutral-50);border-radius:var(--radius-m);background:#fff;overflow:hidden}.elev-card__stage{display:flex;align-items:center;justify-content:center;height:160px;padding:24px;background:var(--neutral-0);border-bottom:1px solid var(--neutral-50)}.elev-card__surface{width:104px;height:68px;border-radius:var(--radius-m);background:#fff}.elev-card--glow .elev-card__stage{background:radial-gradient(120% 120% at 50% 30%,#2a1a63,#170a2b);border-bottom-color:transparent}.elev-card--glow .elev-card__surface{background:var(--neutral-900);border:1px solid rgba(255,255,255,.12)}.elev-card__meta{padding:16px 18px 18px}.elev-card__level{font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--neutral-400)}.elev-card__label{font-family:var(--font-display);font-weight:700;font-size:var(--h6);margin:4px 0 6px}.elev-card__token{font-family:var(--font-mono);font-size:11px;text-transform:uppercase;color:var(--neutral-600);margin:0 0 4px}.elev-card__value{font-family:var(--font-mono);font-size:11px;color:var(--text-mid);margin:0 0 8px;word-break:break-word}.elev-card__usage{font-size:13px;line-height:1.55;color:var(--text-mid);margin:0}.space-block{padding-top:0}.space-scale{display:flex;flex-direction:column}.space-row{display:grid;grid-template-columns:150px 1fr;gap:20px;align-items:center;padding:12px 0;border-top:1px solid var(--neutral-50)}.space-row:last-child{border-bottom:1px solid var(--neutral-50)}.space-row__meta{display:flex;flex-direction:column;gap:2px}.space-row__label{font-family:var(--font-display);font-weight:700;font-size:15px;color:var(--neutral-900)}.space-row__spec{font-family:var(--font-mono);font-size:11px;color:var(--text-mid);text-transform:uppercase}.space-row__track{display:flex}.space-row__bar{height:26px;min-width:2px;border-radius:var(--radius-s);background:var(--dev-300)}.space-tokens{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.space-token{border:1px solid var(--neutral-50);border-radius:var(--radius-m);background:#fff;box-shadow:var(--shadow-sm);padding:14px 16px}.space-token__name{font-family:var(--font-mono);font-size:12px;font-weight:700;text-transform:uppercase;color:var(--neutral-900);margin:0 0 6px}.space-token__value{font-family:var(--font-display);font-weight:700;font-size:18px;color:var(--neutral-900);margin:0 0 6px}.space-token__note{font-size:12.5px;line-height:1.5;color:var(--text-mid);margin:0}.shape-block{padding-top:0}.shape-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.shape-card{border:1px solid var(--neutral-50);border-radius:var(--radius-m);background:#fff;overflow:hidden;box-shadow:var(--shadow-sm)}.shape-card__stage{display:flex;align-items:center;justify-content:center;height:150px;padding:24px;background:var(--neutral-0);border-bottom:1px solid var(--neutral-50)}.shape-card__demo{width:130px;height:88px;background:var(--dev-100);border:1px solid var(--dev-300)}.shape-card__meta{padding:16px 18px 18px}.shape-card__label{font-family:var(--font-display);font-weight:700;font-size:var(--h6);margin:0 0 4px}.shape-card__token{font-family:var(--font-mono);font-size:11px;text-transform:uppercase;color:var(--neutral-600);margin:0 0 4px}.shape-card__value{font-family:var(--font-mono);font-size:11px;color:var(--text-mid);margin:0 0 8px}.shape-card__usage{font-size:13px;line-height:1.55;color:var(--text-mid);margin:0}.shape-context{display:flex;flex-wrap:wrap;gap:32px;align-items:flex-start}.shape-context__item{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.shape-context__note{font-family:var(--font-mono);font-size:11px;text-transform:uppercase;color:var(--neutral-500)}.brand-block{padding-top:0}.brand-logos{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.brand-logo{display:flex;flex-direction:column;border:1px solid var(--neutral-50);border-radius:var(--radius-m);background:#fff;overflow:hidden;box-shadow:var(--shadow-sm)}.brand-logo__stage{display:flex;align-items:center;justify-content:center;height:160px;padding:24px;border-bottom:1px solid var(--neutral-50)}.brand-logo__stage--light{background:var(--neutral-0)}.brand-logo__stage--dark{background:radial-gradient(120% 120% at 50% 30%,#2a1a63,#170a2b);border-bottom-color:transparent}.brand-logo__img{width:200px;height:auto;display:block}.brand-logo__img--favicon{width:80px}.brand-logo__meta{display:flex;flex-direction:column;gap:8px;padding:18px;flex:1}.brand-logo__name{font-family:var(--font-display);font-weight:700;font-size:var(--h6);margin:0}.brand-logo__desc{font-size:13px;line-height:1.55;color:var(--text-mid);margin:0;flex:1}.brand-logo__downloads{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.brand-backgrounds{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.brand-bg{display:flex;flex-direction:column;border:1px solid var(--neutral-50);border-radius:var(--radius-m);background:#fff;overflow:hidden;box-shadow:var(--shadow-sm)}.brand-bg__preview{height:180px;background-size:cover;background-position:center;border-bottom:1px solid var(--neutral-50)}.brand-bg__meta{display:flex;flex-direction:column;gap:8px;padding:18px;flex:1}.brand-bg__name{font-family:var(--font-display);font-weight:700;font-size:var(--h6);margin:0}.brand-bg__desc{font-size:13px;line-height:1.55;color:var(--text-mid);margin:0;flex:1}.brand-bg__downloads{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.brand-gradients{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.brand-gradient{height:80px;border-radius:var(--radius-m);border:1px solid var(--neutral-50)}.brand-note{font-size:14px;color:var(--text-mid);margin-top:16px}.brand-note a{color:var(--text-link);text-decoration:underline;text-underline-offset:.2rem}.illus-block{padding-top:0}.illus-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:16px}.illus-grid--icons{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.illus-card{display:flex;flex-direction:column;border:1px solid var(--neutral-50);border-radius:var(--radius-m);background:#fff;overflow:hidden;box-shadow:var(--shadow-sm)}.illus-card__stage{display:flex;align-items:center;justify-content:center;height:120px;padding:16px}.illus-card__stage img{max-width:100%;max-height:100%;object-fit:contain;display:block}.illus-card__stage--dark{background:radial-gradient(120% 120% at 50% 30%,#2a1a63,#170a2b)}.illus-card__stage--light{background:var(--neutral-0);border-bottom:1px solid var(--neutral-50)}.illus-card__stage--light img{width:44px;height:44px}.illus-card__meta{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 14px}.illus-card__name{font-family:var(--font-mono);font-size:12px;color:var(--neutral-900);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.illus-card__dl{flex:0 0 auto;width:28px;height:28px;border-radius:var(--radius-full);display:inline-flex;align-items:center;justify-content:center;background:var(--neutral-50);color:var(--neutral-700);text-decoration:none;font-size:14px;transition:background .2s,color .2s,transform .2s}.illus-card__dl:hover{background:var(--neutral-900);color:#fff;transform:translateY(-1px)}.cmp-block,.comp-page{padding-top:0}