@font-face{font-family:"NAMU 1930";src:url(/assets/NAMU-1930-MsXBI4v3.woff2)format("woff2");font-style:normal;font-weight:700;font-display:swap}@font-face{font-family:Fixel;src:url(/assets/FixelText-Regular-Dv1kOdN_.woff2)format("woff2");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:JuliaMono;src:url(/assets/JuliaMono-Regular-BoFab7Ww.woff2)format("woff2");font-style:normal;font-weight:400;font-display:swap}.doc-layout{gap:var(--space-8);padding:var(--space-6) var(--space-8);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;display:grid}@media (width<=1100px){.doc-layout{grid-template-columns:1fr}}.doc-content{gap:var(--space-6);max-width:640px;display:grid}.doc-content__header{gap:var(--space-2);display:grid}.doc-content__eyebrow{text-transform:uppercase;letter-spacing:.06em}.doc-content__body{gap:var(--space-6);display:grid}.doc-section{gap:var(--space-3);display:grid}.doc-section__title{color:var(--color-text-primary)}.doc-layout__preview{top:var(--space-6);position:sticky}.doc-preview{background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);border-radius:var(--radius-section);display:grid;overflow:hidden}.doc-preview.-fullscreen{z-index:var(--z-modal);background:var(--color-bg-app);border-radius:0;position:fixed;inset:0}.preview-toolbar{padding:var(--space-2);border-bottom:1px solid var(--color-border-subtle);background:var(--color-bg-subtle);justify-content:space-between;display:flex}.preview-toolbar__group{gap:var(--space-1);display:flex}.doc-preview__main{grid-template-columns:minmax(0,1fr);display:grid}.doc-preview__main:has(.doc-preview__settings){grid-template-columns:minmax(0,1fr) 240px}@media (width<=720px){.doc-preview__main:has(.doc-preview__settings){grid-template-columns:minmax(0,1fr)}}.doc-preview__stage{min-height:280px;padding:var(--space-6);background:radial-gradient(circle at 50% 35%, color-mix(in srgb, var(--color-bg-elevated) 68%, transparent), transparent 42%), var(--color-bg-app);place-items:center;display:grid}.doc-preview__settings{padding:var(--space-3);border-left:1px solid var(--color-border-subtle);background:var(--color-bg-elevated);gap:var(--space-3);align-content:start;max-height:480px;display:grid;overflow-y:auto}.doc-preview__placeholder{color:var(--color-text-muted);font-size:var(--font-size-200);padding:var(--space-4);text-align:center}.preview-settings{gap:var(--space-3);display:grid}.preview-settings__row{gap:var(--space-1);display:grid}.preview-settings__label{font-size:var(--font-size-100);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em}.portal-shell{--portal-active-bg:#f7f8f8;--portal-active-border:#f7f8f8;--portal-active-text:#08090a;background:var(--color-bg-app);color:var(--color-text-primary);min-height:100vh;transition:grid-template-columns var(--motion-disclosure-duration) var(--motion-disclosure-easing);grid-template-columns:292px minmax(0,1fr);display:grid}[data-theme=light] .portal-shell{--portal-active-bg:#08090a;--portal-active-border:#08090a;--portal-active-text:#f7f8f8}.portal-shell.-sidebar-collapsed{grid-template-columns:80px minmax(0,1fr)}.portal-shell h1,.portal-shell h2,.portal-shell h3,.portal-shell h4,.portal-metric strong,.portal-brand__name{font-family:var(--type-display-lg-family);letter-spacing:0}.portal-sidebar{background:color-mix(in srgb, var(--color-bg-app) 88%, transparent);border-right:1px solid var(--color-border-subtle);height:100vh;padding:var(--space-4);position:sticky;top:0;overflow-y:auto}.portal-sidebar__top{align-items:stretch;gap:var(--space-2);display:grid}.portal-brand{border:1px solid var(--color-border-subtle);border-radius:var(--radius-card);color:var(--color-text-primary);align-items:center;gap:var(--space-3);padding:var(--space-3);transition:background var(--motion-feedback-duration) var(--motion-feedback-easing), border-color var(--motion-feedback-duration) var(--motion-feedback-easing), transform var(--motion-feedback-duration) var(--motion-feedback-easing);text-decoration:none;display:flex}.portal-brand:hover{background:color-mix(in srgb, var(--color-bg-subtle) 45%, transparent);transform:translateY(var(--motion-compact-hover-translate))}.portal-brand__mark{border-radius:var(--radius-control);flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex;overflow:hidden}.portal-brand__mark img{object-fit:cover;width:100%;height:100%;display:block}.portal-brand__text{min-width:0}.portal-brand__name,.portal-brand__meta{display:block}.portal-brand__name{font-weight:var(--font-weight-semibold)}.portal-brand__meta{color:var(--color-text-muted);font-size:var(--component-metadata-font-size);margin-top:2px}.portal-sidebar__actions{gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.portal-icon-button{background:color-mix(in srgb, var(--color-bg-surface) 92%, transparent);border:1px solid var(--color-border-subtle);border-radius:var(--radius-control);color:var(--color-text-secondary);cursor:pointer;height:34px;transition:background var(--motion-feedback-duration) var(--motion-feedback-easing), border-color var(--motion-feedback-duration) var(--motion-feedback-easing), color var(--motion-feedback-duration) var(--motion-feedback-easing), transform var(--motion-feedback-duration) var(--motion-feedback-easing);justify-content:center;align-items:center;width:100%;padding:0;display:inline-flex}.portal-icon-button:hover{background:var(--color-bg-subtle);border-color:color-mix(in srgb, var(--color-accent-primary) 28%, var(--color-border-subtle));color:var(--color-text-primary);transform:translateY(var(--motion-compact-hover-translate))}.portal-shell.-sidebar-collapsed .portal-sidebar{padding:var(--space-3)}.portal-shell.-sidebar-collapsed .portal-brand{padding:var(--space-2);justify-content:center}.portal-shell.-sidebar-collapsed .portal-brand__text,.portal-shell.-sidebar-collapsed .portal-nav{display:none}.portal-shell.-sidebar-collapsed .portal-sidebar__actions{grid-template-columns:1fr}.portal-nav{gap:var(--space-4);margin-top:var(--space-6);display:grid}.portal-nav__group-title,.portal-nav__item{border-radius:var(--radius-control);color:var(--color-text-muted);font-size:var(--type-body-sm-size);text-decoration:none}.portal-nav__branch{align-items:center;gap:var(--space-1);border-radius:var(--radius-control);transition:background var(--motion-feedback-duration) var(--motion-feedback-easing), box-shadow var(--motion-feedback-duration) var(--motion-feedback-easing), color var(--motion-feedback-duration) var(--motion-feedback-easing);grid-template-columns:minmax(0,1fr) 26px;display:grid}.portal-nav__branch>.portal-nav__item{box-shadow:none;color:inherit;padding-left:var(--space-3);background:0 0}.portal-nav__toggle{border-radius:var(--radius-control);color:var(--color-text-muted);cursor:pointer;height:26px;transition:background var(--motion-feedback-duration) var(--motion-feedback-easing), border-color var(--motion-feedback-duration) var(--motion-feedback-easing), color var(--motion-feedback-duration) var(--motion-feedback-easing);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;width:26px;padding:0;display:inline-flex}.portal-nav__toggle:hover{color:var(--color-text-primary);background:0 0;border-color:#0000}.portal-nav__branch:hover{background:var(--color-bg-subtle);color:var(--color-text-primary)}.portal-nav__branch:has(.portal-nav__item.-active){background:var(--portal-active-bg);box-shadow:inset 0 0 0 1px var(--portal-active-border);color:var(--portal-active-text)}.portal-nav__group-title{font-weight:var(--font-weight-semibold);padding:var(--space-2) var(--space-3);color:var(--color-text-secondary);letter-spacing:.08em;text-transform:uppercase}.portal-nav__items{margin-top:var(--space-1);gap:2px;display:grid}.portal-nav__item-wrap .portal-nav__item-wrap{margin-left:14px}.portal-nav__item{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);transition:background var(--motion-feedback-duration) var(--motion-feedback-easing), box-shadow var(--motion-feedback-duration) var(--motion-feedback-easing), color var(--motion-feedback-duration) var(--motion-feedback-easing), opacity var(--motion-feedback-duration) var(--motion-feedback-easing);justify-content:space-between;display:flex}.portal-nav__item:hover{background:var(--color-bg-subtle);color:var(--color-text-primary)}.portal-nav__item.-active{background:var(--portal-active-bg);color:var(--portal-active-text);box-shadow:inset 0 0 0 1px var(--portal-active-border)}.portal-nav__item.-soon{color:color-mix(in srgb, var(--color-text-muted) 62%, transparent)}.portal-nav__item.-soon:hover{color:var(--color-text-secondary)}.portal-soon-label{background:color-mix(in srgb, var(--color-text-muted) 12%, transparent);border:1px solid color-mix(in srgb, var(--color-border-subtle) 72%, transparent);border-radius:var(--radius-full);color:color-mix(in srgb, var(--color-text-muted) 86%, transparent);font-size:var(--component-metadata-font-size);font-weight:var(--font-weight-semibold);letter-spacing:.04em;text-transform:uppercase;flex:none;padding:3px 6px;line-height:1}.portal-status-badge{background:color-mix(in srgb, var(--color-text-muted) 10%, transparent);border:1px solid color-mix(in srgb, var(--color-border-subtle) 72%, transparent);border-radius:var(--radius-full);color:var(--color-text-muted);font-size:var(--component-metadata-font-size);font-weight:var(--font-weight-semibold);letter-spacing:.04em;text-transform:uppercase;flex:none;align-items:center;padding:4px 8px;line-height:1;display:inline-flex}.portal-status-badge.-accepted,.portal-status-badge.-done{background:color-mix(in srgb, var(--color-state-success-bg) 70%, transparent);border-color:color-mix(in srgb, var(--color-state-success-border) 80%, transparent);color:var(--color-state-success-text)}.portal-status-badge.-recommended,.portal-status-badge.-in-progress,.portal-status-badge.-next{background:color-mix(in srgb, var(--color-accent-primary) 14%, transparent);border-color:color-mix(in srgb, var(--color-accent-primary) 36%, transparent);color:var(--color-accent-primary)}.portal-status-badge.-soon,.portal-status-badge.-planned,.portal-status-badge.-candidate{color:color-mix(in srgb, var(--color-text-muted) 86%, transparent)}.portal-status-badge.-decision-needed{background:color-mix(in srgb, var(--color-state-warning-bg) 72%, transparent);border-color:color-mix(in srgb, var(--color-state-warning-border) 80%, transparent);color:var(--color-state-warning-text)}.portal-page{max-width:1180px;padding:var(--space-10) var(--space-8) var(--space-16);width:100%;margin:0 auto}.portal-lazy-fallback{min-height:240px;color:var(--color-text-muted);font-size:var(--font-size-200);justify-content:center;align-items:center;display:flex}.portal-doc-section__title,.portal-roadmap-card__header{align-items:flex-start;gap:var(--space-3);justify-content:space-between;display:flex}.portal-doc-section__title h2,.portal-roadmap-card__header h3{margin:0}.portal-roadmap-summary{background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-section);gap:var(--space-4);margin:var(--space-6) 0;padding:var(--space-5);display:grid}.portal-roadmap-summary p{color:var(--color-text-secondary);max-width:760px;margin:0}.portal-roadmap-summary>div{gap:var(--space-3);flex-wrap:wrap;display:flex}.portal-roadmap-summary span{background:color-mix(in srgb, var(--color-bg-subtle) 70%, transparent);border:1px solid var(--color-border-subtle);border-radius:var(--radius-control);color:var(--color-text-secondary);gap:var(--space-2);padding:var(--space-2) var(--space-3);display:inline-flex}.portal-roadmap-summary strong{color:var(--color-text-primary)}.portal-roadmap-section{margin-top:var(--space-8);scroll-margin-top:96px}.portal-roadmap-grid{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.portal-roadmap-list{gap:var(--space-4);display:grid}.portal-roadmap-card,.portal-phase-card{background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-section);box-shadow:var(--elevation-level-1);gap:var(--space-3);padding:var(--space-5);display:grid}.portal-roadmap-card p,.portal-phase-card p{color:var(--color-text-secondary);margin:0}.portal-roadmap-card ul,.portal-phase-card ul{color:var(--color-text-secondary);margin:0;padding-left:1.2em}.portal-roadmap-card__split{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.portal-roadmap-card__split strong{color:var(--color-text-primary);margin-bottom:var(--space-2);display:block}.portal-phase-items{gap:var(--space-2);padding:0;list-style:none;display:grid}.portal-phase-items li{align-items:center;gap:var(--space-2);display:flex}.portal-page.-home{max-width:1120px}.portal-hero{align-items:center;gap:var(--space-8);text-align:center;grid-template-columns:minmax(0,1fr);justify-items:center;min-height:430px;display:grid}.portal-kicker{color:var(--color-accent-primary);font-size:var(--component-metadata-font-size);font-weight:var(--font-weight-semibold);letter-spacing:.08em;text-transform:uppercase;display:inline-flex}.portal-hero h1,.portal-doc-header h1{margin:var(--space-4) 0;max-width:840px;font-size:clamp(42px,6vw,76px);line-height:.98}.portal-hero h1{margin-left:auto;margin-right:auto}.portal-hero p,.portal-doc-header p{color:var(--color-text-secondary);font-size:var(--type-body-lg-size);line-height:var(--type-body-lg-line-height);max-width:720px}.portal-hero p{margin-left:auto;margin-right:auto}.portal-hero__actions{gap:var(--space-3);margin-top:var(--space-6);flex-wrap:wrap;justify-content:center;display:flex}.portal-action{border:1px solid var(--color-border-subtle);border-radius:var(--radius-control);color:var(--color-text-primary);font-weight:var(--font-weight-semibold);min-height:40px;padding:0 var(--space-4);transition:background var(--motion-feedback-duration) var(--motion-feedback-easing), border-color var(--motion-feedback-duration) var(--motion-feedback-easing), color var(--motion-feedback-duration) var(--motion-feedback-easing), transform var(--motion-focus-duration) var(--motion-focus-easing);align-items:center;text-decoration:none;display:inline-flex}.portal-action:hover{transform:translateY(var(--motion-compact-hover-translate))}.portal-action:active{transform:scale(var(--motion-press-scale))}.portal-action.-primary{background:var(--color-accent-primary);color:var(--color-text-inverse);border-color:#0000}.portal-preview-card,.portal-link-card,.portal-live-preview,.portal-visual-asset,.portal-aside-box{background:color-mix(in srgb, var(--color-bg-surface) 92%, transparent);border:1px solid var(--color-border-subtle);border-radius:var(--radius-section);box-shadow:var(--elevation-level-1)}.portal-preview-card__chrome{border-bottom:1px solid var(--color-border-subtle);align-items:center;gap:var(--space-2);min-height:42px;padding:0 var(--space-4);display:flex}.portal-preview-card__chrome span{background:var(--color-bg-subtle);border-radius:var(--radius-full);width:8px;height:8px}.portal-section{margin-top:var(--space-16)}.portal-section__heading{gap:var(--space-2);margin-bottom:var(--space-6);display:grid}.portal-section__heading h2{font-size:var(--type-display-md-size);line-height:var(--type-display-md-line-height);max-width:760px;margin:0}.portal-preview-grid,.portal-link-grid{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.portal-section.-featured .portal-preview-grid{column-count:3;column-gap:var(--space-4);display:block}.portal-preview-card{background:color-mix(in srgb, var(--color-bg-surface) 88%, transparent);border:1px solid color-mix(in srgb, var(--color-border-subtle) 78%, transparent);border-radius:var(--radius-section);margin:0 0 var(--space-4);transition:background var(--motion-disclosure-duration) var(--motion-disclosure-easing), border-color var(--motion-disclosure-duration) var(--motion-disclosure-easing), box-shadow var(--motion-disclosure-duration) var(--motion-disclosure-easing), transform var(--motion-disclosure-duration) var(--motion-disclosure-easing);text-decoration:none;display:block;overflow:hidden;box-shadow:0 10px 30px #0000002e}.portal-section.-featured .portal-preview-card{break-inside:avoid;min-height:180px}.portal-section.-featured .portal-preview-card:nth-child(2n) .portal-preview-card__frame{height:250px}.portal-section.-featured .portal-preview-card:nth-child(3n) .portal-preview-card__frame{height:330px}.portal-section.-featured .portal-preview-card:nth-child(4n) .portal-preview-card__frame{height:290px}.portal-section.-featured .portal-preview-card__stage{--preview-design-width:760px;--preview-scale:.45;min-height:220px;position:relative}.portal-section.-featured .portal-preview-card__stage .portal-live-preview__stage{transform-origin:0 0;width:760px;min-height:0;top:var(--space-4);left:var(--space-4);align-items:flex-start;padding:0;position:absolute;transform:scale(.45)}.portal-section.-featured .portal-preview-card__stage .portal-live-preview__stage-inner{width:100%;max-width:none}.portal-preview-card:hover{background:color-mix(in srgb, var(--color-bg-surface) 96%, transparent);border-color:color-mix(in srgb, var(--color-border-strong) 68%, var(--color-border-subtle));transform:translateY(var(--motion-card-hover-translate)) scale(var(--motion-card-hover-scale));box-shadow:0 18px 48px #00000047}.portal-preview-card__stage{background:radial-gradient(circle at 50% 35%, color-mix(in srgb, var(--color-bg-elevated) 72%, transparent), transparent 45%), var(--color-bg-app);border-radius:calc(var(--radius-section) - 1px) calc(var(--radius-section) - 1px) 0 0;overflow:hidden}.portal-preview-card__frame{pointer-events:none;background:0 0;border:0;width:100%;height:260px;display:block}.portal-preview-card__body{border-top:1px solid color-mix(in srgb, var(--color-border-subtle) 78%, transparent);align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);justify-content:space-between;display:flex}.portal-preview-card__body>span{color:var(--color-accent-primary);font-size:var(--component-metadata-font-size);font-weight:var(--font-weight-semibold)}.portal-preview-card h3,.portal-link-card span,.portal-live-preview h2,.portal-doc-section h2,.portal-aside-box h3{margin:0}.portal-preview-card p{color:var(--color-text-muted);font-size:var(--component-metadata-font-size);margin:var(--space-1) 0 0}.portal-preview-card a,.portal-live-preview a{color:var(--color-accent-primary);font-size:var(--component-metadata-font-size);font-weight:var(--font-weight-semibold);text-decoration:none}.portal-link-card{color:var(--color-text-primary);gap:var(--space-2);padding:var(--space-5);transition:border-color var(--motion-disclosure-duration) var(--motion-disclosure-easing), transform var(--motion-disclosure-duration) var(--motion-disclosure-easing);text-decoration:none;display:grid}.portal-link-card:hover{border-color:color-mix(in srgb, var(--color-accent-primary) 24%, var(--color-border-subtle));transform:translateY(var(--motion-compact-hover-translate))}.portal-link-card span{font-size:var(--type-title-md-size);font-weight:var(--font-weight-semibold)}.portal-link-card p{color:var(--color-text-secondary);line-height:var(--type-body-md-line-height);margin:0}.portal-doc-header{border-bottom:1px solid var(--color-border-subtle);padding-bottom:var(--space-8)}.portal-doc-header h1{font-size:clamp(40px,5vw,64px)}.portal-section-nav{border-bottom:1px solid var(--color-border-subtle);align-items:center;gap:var(--space-2);padding:var(--space-4) 0;z-index:2;background:color-mix(in srgb, var(--color-bg-app) 92%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);flex-wrap:wrap;display:flex;position:sticky;top:0}.portal-section-nav a{border:1px solid var(--color-border-subtle);border-radius:var(--radius-full);color:var(--color-text-secondary);font-size:var(--component-metadata-font-size);font-weight:var(--font-weight-semibold);padding:var(--space-1) var(--space-3);transition:background var(--motion-feedback-duration) var(--motion-feedback-easing), border-color var(--motion-feedback-duration) var(--motion-feedback-easing), color var(--motion-feedback-duration) var(--motion-feedback-easing);text-decoration:none}.portal-section-nav a:hover{background:var(--color-bg-subtle);color:var(--color-text-primary)}.portal-section-nav a.-active{background:var(--portal-active-bg);border-color:var(--portal-active-border);color:var(--portal-active-text)}.portal-live-preview{margin-top:var(--space-8);scroll-margin-top:84px;overflow:hidden}.portal-visual-assets{gap:var(--space-4);margin-top:var(--space-8);display:grid}.portal-visual-asset{margin:0;overflow:hidden}.portal-visual-asset img{background:var(--color-bg-app);width:100%;display:block}.portal-visual-asset figcaption{border-top:1px solid var(--color-border-subtle);color:var(--color-text-secondary);font-size:var(--component-field-label-font-size);font-weight:var(--font-weight-semibold);padding:var(--space-3) var(--space-4)}.portal-live-preview__header{border-bottom:1px solid var(--color-border-subtle);align-items:center;gap:var(--space-4);padding:var(--space-4);justify-content:space-between;display:flex}.portal-related-section{margin-top:var(--space-8)}.portal-related-grid{gap:var(--space-3);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.portal-related-card{background:color-mix(in srgb, var(--color-bg-surface) 92%, transparent);border:1px solid var(--color-border-subtle);border-radius:var(--radius-card);box-shadow:var(--elevation-level-1);color:var(--color-text-primary);gap:var(--space-2);min-height:116px;padding:var(--space-4);transition:background var(--motion-disclosure-duration) var(--motion-disclosure-easing), border-color var(--motion-disclosure-duration) var(--motion-disclosure-easing), transform var(--motion-disclosure-duration) var(--motion-disclosure-easing);text-decoration:none;display:grid}.portal-related-card:hover{background:color-mix(in srgb, var(--color-bg-subtle) 48%, transparent);border-color:color-mix(in srgb, var(--color-accent-primary) 34%, var(--color-border-subtle));transform:translateY(-1px)}.portal-related-card span{font-family:var(--type-display-lg-family);font-size:var(--type-body-lg-size);font-weight:var(--font-weight-semibold)}.portal-related-card p{color:var(--color-text-secondary);line-height:var(--type-body-md-line-height);margin:0}.portal-tabs{min-width:0}.portal-tabs__label{color:var(--color-text-muted);align-items:center;gap:var(--space-2);font-size:var(--type-body-sm-size);font-weight:var(--font-weight-medium);line-height:var(--type-body-sm-line-height);display:flex}.portal-tabs__label span:first-child{color:var(--color-text-secondary);font-size:15px;line-height:1}.portal-tabs__list{min-width:0}.portal-tabs.-horizontal .portal-tabs__list{border-bottom:1px solid var(--color-border-subtle);align-items:center;gap:var(--space-5);padding:var(--space-3) var(--space-4) 0;display:flex;overflow-x:auto}.portal-tabs.-vertical .portal-tabs__list{border-left:1px solid var(--color-border-subtle);padding-left:var(--space-3);gap:2px;display:grid}.portal-tabs__item{appearance:none;color:var(--color-text-secondary);cursor:pointer;transition:background var(--motion-feedback-duration) var(--motion-feedback-easing), border-color var(--motion-feedback-duration) var(--motion-feedback-easing), color var(--motion-feedback-duration) var(--motion-feedback-easing);background:0 0;font-family:inherit;text-decoration:none}.portal-tabs.-horizontal .portal-tabs__item{font-size:var(--component-metadata-font-size);font-weight:var(--component-metadata-font-weight);min-height:28px;padding:0 0 var(--space-3);border:0;border-radius:0;position:relative}.portal-tabs.-vertical .portal-tabs__item{color:var(--color-text-muted);font-size:var(--type-body-sm-size);font-weight:var(--font-weight-medium);text-align:left;border:0;padding:5px 0;line-height:1.25;display:block;position:relative}.portal-tabs.-vertical .portal-tabs__item:before{background:var(--portal-active-bg);border-radius:var(--radius-full);content:"";height:18px;left:calc((var(--space-3) + 2px) * -1);opacity:0;transition:opacity var(--motion-feedback-duration) var(--motion-feedback-easing);width:3px;position:absolute;top:50%;transform:translateY(-50%)}.portal-tabs.-horizontal .portal-tabs__item.-active{color:var(--color-accent-primary);background:0 0}.portal-tabs.-horizontal .portal-tabs__item:hover:not(.-active){color:var(--color-text-primary);background:0 0}.portal-tabs.-horizontal .portal-tabs__item:after{background:var(--color-accent-primary);border-radius:var(--radius-full);content:"";opacity:0;height:2px;transition:opacity var(--motion-feedback-duration) var(--motion-feedback-easing);width:100%;position:absolute;bottom:-1px;left:0}.portal-tabs.-horizontal .portal-tabs__item.-active:after{opacity:1}.portal-tabs.-vertical .portal-tabs__item:hover,.portal-tabs.-vertical .portal-tabs__item.-active{color:var(--color-text-primary)}.portal-tabs.-vertical .portal-tabs__item.-active:before{opacity:1}.portal-live-preview iframe{background:var(--color-bg-app);border:0;width:100%;height:360px;display:block}.portal-live-preview__stage{background:var(--color-bg-app);min-height:240px;padding:var(--space-6) var(--space-6);place-items:center;width:100%;display:grid}.portal-live-preview.-tall .portal-live-preview__stage{min-height:480px}.portal-live-preview__stage-inner{gap:var(--space-3);flex-wrap:wrap;justify-content:center;align-items:center;max-width:100%;display:flex}.portal-live-preview__stage.-empty{background:var(--color-bg-app)}.portal-preview-card__stage .portal-live-preview__stage{min-height:200px;padding:var(--space-5)}.portal-code-panel{background:var(--color-bg-app);color:var(--color-text-secondary);font-family:var(--component-code-font-family);font-size:var(--component-code-font-size);line-height:var(--component-code-line-height);min-height:360px;padding:var(--space-5);white-space:pre;margin:0;overflow:auto}.portal-foundation-demo{margin-top:var(--space-8);gap:var(--space-12);display:grid}.portal-color-demo,.portal-type-grid{gap:var(--space-4);grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.portal-color-demo__panel,.portal-type-specimen{background:color-mix(in srgb, var(--color-bg-surface) 92%, transparent);border:1px solid var(--color-border-subtle);border-radius:var(--radius-section);box-shadow:var(--elevation-level-1);padding:var(--space-5)}.portal-color-scales{gap:var(--space-4);margin-top:var(--space-5);display:grid}.portal-color-scale{gap:var(--space-2);display:grid}.portal-color-scale strong{color:var(--color-text-secondary);font-size:var(--component-field-label-font-size)}.portal-color-scale div{border-radius:var(--radius-control);border:1px solid var(--color-border-subtle);min-height:34px;display:flex;overflow:hidden}.portal-color-scale span{flex:1}.portal-semantic-swatches{gap:var(--space-2);margin-top:var(--space-5);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.portal-semantic-swatch{border:1px solid var(--color-border-subtle);border-radius:var(--radius-control);align-items:center;gap:var(--space-2);min-width:0;padding:var(--space-2);display:flex}.portal-semantic-swatch span{border:1px solid color-mix(in srgb, var(--color-border-strong) 70%, transparent);border-radius:var(--radius-sm);flex:none;width:22px;height:22px}.portal-semantic-swatch code{color:var(--color-text-secondary);font-size:var(--component-metadata-font-size);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.portal-foundation-demo.-type{gap:var(--space-12);display:grid}.portal-type-hero,.portal-type-row,.portal-surface-card{background:color-mix(in srgb, var(--color-bg-surface) 92%, transparent);border:1px solid var(--color-border-subtle);border-radius:var(--radius-section);box-shadow:var(--elevation-level-1)}.portal-type-hero{gap:var(--space-6);padding:var(--space-6);grid-template-columns:minmax(0,1.3fr) minmax(260px,.7fr);display:grid}.portal-type-hero h2,.portal-type-hero p{margin:0}.portal-type-hero h2{font-family:var(--type-display-lg-family);max-width:780px;font-size:clamp(48px,7vw,96px);line-height:.9}.portal-type-hero p{color:var(--color-text-secondary);line-height:var(--type-body-lg-line-height);align-self:end}.portal-type-table,.portal-surface-grid{gap:var(--space-4);display:grid}.portal-type-row{gap:var(--space-5);padding:var(--space-5);grid-template-columns:minmax(280px,.95fr) minmax(0,1fr);display:grid}.portal-type-row__sample{color:var(--color-text-primary);overflow-wrap:anywhere;align-self:center}.portal-type-row.-display .portal-type-row__sample{font-family:var(--type-display-lg-family);font-size:clamp(42px,6vw,78px);line-height:.92}.portal-type-row.-title .portal-type-row__sample{font-family:var(--type-display-lg-family);font-size:var(--type-display-md-size);line-height:var(--type-display-md-line-height)}.portal-type-row.-body .portal-type-row__sample{color:var(--color-text-secondary);font-family:var(--type-body-md-family);font-size:var(--type-body-lg-size);line-height:var(--type-body-lg-line-height)}.portal-type-row.-label .portal-type-row__sample{font-size:var(--component-field-label-font-size);font-weight:var(--font-weight-semibold);text-transform:uppercase}.portal-type-row.-caption .portal-type-row__sample{color:var(--color-text-muted);font-size:var(--component-metadata-font-size)}.portal-type-row.-mono .portal-type-row__sample{background:var(--color-bg-app);border:1px solid var(--color-border-subtle);border-radius:var(--radius-card);color:var(--color-text-secondary);font-family:var(--component-code-font-family);font-size:var(--component-code-font-size);padding:var(--space-4)}.portal-type-row__meta{gap:var(--space-3);display:grid}.portal-type-row__meta h3,.portal-type-row__meta p,.portal-type-row__meta ul,.portal-surface-card h3,.portal-surface-card p,.portal-surface-card ul{margin:0}.portal-type-row__meta>span{color:var(--color-accent-primary);font-family:var(--component-code-font-family);font-size:var(--component-metadata-font-size)}.portal-type-row__meta p,.portal-surface-card p,.portal-type-row__meta li,.portal-surface-card li{color:var(--color-text-secondary);line-height:var(--type-body-md-line-height)}.portal-type-row__meta ul,.portal-surface-card ul{padding-left:var(--space-5)}.portal-surface-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.portal-surface-card{gap:var(--space-4);padding:var(--space-5);display:grid}.portal-surface-card__visual{background:var(--color-bg-app);border:1px solid var(--color-border-subtle);border-radius:var(--radius-card);min-height:168px;position:relative;overflow:hidden}.portal-surface-card__visual span{position:absolute}.portal-surface-card.-background .portal-surface-card__visual{background:linear-gradient(90deg, color-mix(in srgb, var(--color-bg-surface) 40%, transparent) 1px, transparent 1px), linear-gradient(180deg, color-mix(in srgb, var(--color-bg-surface) 40%, transparent) 1px, transparent 1px), var(--color-bg-app);background-size:28px 28px}.portal-surface-card.-background .portal-surface-card__visual span:first-child{background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-section);inset:36px 44px}.portal-surface-card.-surface .portal-surface-card__visual span{background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-card);height:52px;left:24px;right:24px}.portal-surface-card.-surface .portal-surface-card__visual span:first-child{top:22px}.portal-surface-card.-surface .portal-surface-card__visual span:nth-child(2){top:88px}.portal-surface-card.-layering .portal-surface-card__visual span:first-child{background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-section);inset:34px 64px 34px 28px}.portal-surface-card.-layering .portal-surface-card__visual span:nth-child(2){background:var(--color-bg-elevated);border:1px solid var(--color-border-strong);border-radius:var(--radius-card);box-shadow:var(--elevation-level-2);width:176px;height:76px;top:48px;right:28px}.portal-surface-card.-shapes .portal-surface-card__visual span{background:var(--color-bg-surface);border:1px solid var(--color-border-subtle)}.portal-surface-card.-shapes .portal-surface-card__visual span:first-child{border-radius:var(--radius-sm);width:82px;height:34px;top:28px;left:28px}.portal-surface-card.-shapes .portal-surface-card__visual span:nth-child(2){border-radius:var(--radius-card);width:118px;height:74px;top:48px;left:132px}.portal-surface-card.-shapes .portal-surface-card__visual span:nth-child(3){border-radius:var(--radius-full);width:64px;height:64px;top:54px;right:36px}.portal-type-specimen h2,.portal-type-specimen h3,.portal-type-specimen p{margin:0}.portal-type-specimen{gap:var(--space-3);display:grid}.portal-type-specimen.-display h2{font-family:var(--type-display-lg-family);font-size:clamp(44px,6vw,76px);line-height:.95}.portal-type-specimen.-regular,.portal-type-specimen.-regular h3,.portal-type-specimen.-regular p,.portal-type-specimen.-semantic p{font-family:var(--type-body-md-family)}.portal-type-specimen.-regular h3,.portal-type-specimen.-semantic h3{font-size:var(--type-title-lg-size);line-height:var(--type-title-lg-line-height)}.portal-type-specimen p{color:var(--color-text-secondary);line-height:var(--type-body-md-line-height)}.portal-type-specimen.-mono pre{background:var(--color-bg-app);border:1px solid var(--color-border-subtle);border-radius:var(--radius-card);color:var(--color-text-secondary);font-family:var(--component-code-font-family);padding:var(--space-4);margin:0;overflow-x:auto}.portal-resource-showcase{gap:var(--space-4);margin-top:var(--space-8);display:grid}.portal-resource-showcase__intro,.portal-font-card,.portal-icon-cell{background:color-mix(in srgb, var(--color-bg-surface) 92%, transparent);border:1px solid var(--color-border-subtle);border-radius:var(--radius-section);box-shadow:var(--elevation-level-1)}.portal-resource-showcase__intro{padding:var(--space-5)}.portal-resource-showcase__intro h2,.portal-resource-showcase__intro p,.portal-font-card p,.portal-font-card dl,.portal-font-card dd{margin:0}.portal-resource-showcase__intro h2{font-size:var(--type-display-md-size);line-height:var(--type-display-md-line-height);margin:var(--space-2) 0}.portal-resource-showcase__intro p,.portal-font-card dd{color:var(--color-text-secondary);line-height:var(--type-body-md-line-height)}.portal-font-showcase{grid-template-columns:1fr}.portal-font-card{gap:var(--space-5);padding:var(--space-6);display:grid}.portal-font-card__header{align-items:baseline;gap:var(--space-3);flex-wrap:wrap;justify-content:space-between;display:flex}.portal-font-card__header strong{color:var(--color-text-secondary);font-size:var(--component-field-label-font-size)}.portal-font-card__sample{color:var(--color-text-primary);line-height:var(--type-title-md-line-height)}.portal-font-card.-display .portal-font-card__sample{font-family:var(--type-display-lg-family);font-size:clamp(38px,6vw,72px)}.portal-font-card.-regular .portal-font-card__sample{font-family:var(--type-body-md-family);font-size:var(--type-title-lg-size);max-width:760px}.portal-font-card.-mono .portal-font-card__sample{background:var(--color-bg-app);border:1px solid var(--color-border-subtle);border-radius:var(--radius-card);font-family:var(--component-code-font-family);font-size:var(--component-code-font-size);padding:var(--space-4);white-space:pre;overflow-x:auto}.portal-font-card dl{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.portal-font-card dt{color:var(--color-text-muted);font-size:var(--component-metadata-font-size);font-weight:var(--font-weight-semibold);letter-spacing:.08em;margin-bottom:var(--space-1);text-transform:uppercase}.portal-font-card code{background:var(--color-bg-app);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:var(--component-metadata-font-size);padding:2px var(--space-2)}.portal-icon-grid{gap:var(--space-3);grid-template-columns:repeat(6,minmax(0,1fr));display:grid}.portal-icon-cell{align-items:center;gap:var(--space-3);min-height:120px;padding:var(--space-4);justify-items:center;display:grid}.portal-icon-cell svg{color:var(--color-text-primary);width:32px;height:32px}.portal-icon-cell span{color:var(--color-text-muted);font-size:var(--component-metadata-font-size);text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.portal-preview-meta{border-top:1px solid var(--color-border-subtle);gap:var(--space-2);padding:var(--space-3) var(--space-4);flex-wrap:wrap;display:flex}.portal-preview-meta code,.portal-aside-box code{background:var(--color-bg-app);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:var(--component-metadata-font-size);padding:2px var(--space-2);display:inline-flex}.portal-doc-grid{align-items:start;gap:var(--space-6);margin-top:var(--space-8);grid-template-columns:minmax(0,1fr) 280px;display:grid}.portal-doc-grid.-single{grid-template-columns:minmax(0,1fr)}.portal-component-grid-section{margin-top:var(--space-8);scroll-margin-top:84px}.portal-component-grid{gap:var(--space-3);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.portal-component-card{background:color-mix(in srgb, var(--color-bg-surface) 90%, transparent);border:1px solid var(--color-border-subtle);border-radius:var(--radius-card);color:var(--color-text-primary);gap:var(--space-2);min-height:180px;padding:var(--space-4);transition:border-color var(--motion-disclosure-duration) var(--motion-disclosure-easing), box-shadow var(--motion-disclosure-duration) var(--motion-disclosure-easing), transform var(--motion-disclosure-duration) var(--motion-disclosure-easing), opacity var(--motion-feedback-duration) var(--motion-feedback-easing);text-decoration:none;display:grid}.portal-component-card:hover{border-color:color-mix(in srgb, var(--color-accent-primary) 36%, var(--color-border-subtle));transform:translateY(-1px)}.portal-component-card.-soon{background:color-mix(in srgb, var(--color-bg-surface) 62%, transparent);border-color:color-mix(in srgb, var(--color-border-subtle) 68%, transparent);color:color-mix(in srgb, var(--color-text-primary) 64%, transparent)}.portal-component-card__topline{justify-content:space-between;align-items:center;display:flex}.portal-component-card__topline>span:first-child{color:var(--color-text-muted);font-size:var(--component-metadata-font-size);font-weight:var(--font-weight-semibold);letter-spacing:.08em;text-transform:uppercase}.portal-component-card strong{font-size:var(--type-body-lg-size)}.portal-component-card p{color:var(--color-text-secondary);line-height:var(--type-body-md-line-height);margin:0}.portal-component-card.-soon p{color:color-mix(in srgb, var(--color-text-muted) 72%, transparent)}.portal-component-card code{background:var(--color-bg-app);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);color:var(--color-text-muted);font-size:var(--component-metadata-font-size);padding:2px var(--space-2);align-self:end;width:fit-content}.portal-doc-body{gap:var(--space-10);margin-top:var(--space-10);display:grid}.portal-doc-section{padding:0;scroll-margin-top:84px}.portal-doc-section p,.portal-doc-section li{color:var(--color-text-secondary);line-height:var(--type-body-md-line-height)}.portal-doc-section ul{margin:var(--space-4) 0 0;padding-left:var(--space-5)}.portal-doc-aside{gap:var(--space-4);top:var(--space-6);display:grid;position:sticky}.portal-aside-box{gap:var(--space-3);padding:var(--space-4);display:grid}.portal-aside-box a,.portal-aside-box span{color:var(--color-text-secondary);font-size:var(--type-body-sm-size);text-decoration:none}.portal-page.-doc{max-width:1280px}.portal-doc-layout{align-items:start;gap:var(--space-10);margin-top:var(--space-8);grid-template-columns:minmax(0,1fr);display:grid}.portal-doc-content{min-width:0}.portal-spec-page{gap:var(--space-16);margin-top:0;display:grid}.portal-spec-section,.portal-usage-block,.portal-color-usage-section,.portal-token-table-section,.portal-system-card,.portal-do-dont,.portal-faq-section,.portal-component-docs__section,.portal-skill-card{scroll-margin-top:96px}.portal-spec-section__intro{margin-bottom:var(--space-5)}.portal-spec-section__intro h2,.portal-usage-block h2,.portal-color-usage-section h2,.portal-token-table-section h2,.portal-system-card h2,.portal-do-dont h2,.portal-faq-section h2,.portal-component-docs__section h2,.portal-skill-card h2{font-family:var(--type-body-md-family);font-size:24px;font-weight:var(--font-weight-semibold);margin:0;line-height:1.2}.portal-spec-section__intro p,.portal-usage-block p,.portal-color-usage-section p,.portal-token-table-section__lead,.portal-system-card p,.portal-do-dont p,.portal-faq-section>.portal-spec-section__intro p,.portal-component-docs__section p,.portal-skill-card p{color:var(--color-text-muted);font-size:var(--type-body-md-size);line-height:var(--type-body-md-line-height);margin:var(--space-2) 0 0;max-width:850px}.portal-spec-table,.portal-token-table{border:1px solid var(--color-border-subtle);border-radius:var(--radius-section);overflow:hidden}.portal-spec-table__head,.portal-spec-row,.portal-token-table__head,.portal-token-table__row{gap:var(--space-5);grid-template-columns:minmax(220px,1fr) minmax(180px,.7fr) minmax(260px,1fr);display:grid}.portal-token-table__head,.portal-token-table__row{grid-template-columns:minmax(140px,.8fr) minmax(120px,.5fr) minmax(220px,1fr)}.portal-spec-table__head,.portal-token-table__head{color:var(--color-text-secondary);font-size:var(--type-body-sm-size);font-weight:var(--font-weight-semibold);padding:var(--space-4) var(--space-5)}.portal-spec-row,.portal-token-table__row{border-top:1px solid var(--color-border-subtle);min-height:88px;padding:var(--space-5);align-items:center}.portal-spec-row__example{color:var(--color-text-primary);min-width:0}.portal-spec-row code,.portal-token-table__row code,.portal-usage-block code,.portal-component-docs__section code{background:color-mix(in srgb, var(--color-bg-subtle) 70%, transparent);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);color:var(--color-text-secondary);font-family:var(--component-code-font-family);font-size:var(--component-code-font-size);padding:2px var(--space-2);width:fit-content}.portal-spec-row__usage{color:var(--color-text-muted);font-size:var(--type-body-sm-size);line-height:var(--type-body-md-line-height)}.portal-usage-list{color:var(--color-text-secondary);gap:var(--space-2);line-height:var(--type-body-md-line-height);margin:var(--space-4) 0 0;padding-left:1.2em;display:grid}.portal-usage-block{padding-bottom:0}.portal-faq-section{padding-top:0}.portal-faq-grid{gap:var(--space-3);margin-top:var(--space-5);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.portal-faq-card{background:color-mix(in srgb, var(--color-bg-surface) 86%, transparent);border:1px solid var(--color-border-subtle);border-radius:var(--radius-card);box-shadow:var(--elevation-level-1);padding:var(--space-5)}.portal-faq-card h3{font-family:var(--type-body-md-family);font-size:var(--type-body-md-size);font-weight:var(--font-weight-semibold);line-height:var(--type-body-md-line-height);margin:0}.portal-faq-card p{color:var(--color-text-muted);font-size:var(--type-body-sm-size);line-height:var(--type-body-sm-line-height);margin:var(--space-3) 0 0}.portal-usage-block pre{background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-card);color:var(--color-text-secondary);font-family:var(--component-code-font-family);font-size:var(--component-code-font-size);line-height:var(--component-code-line-height);margin:var(--space-5) 0 0;padding:var(--space-5);overflow:auto}.portal-composition{gap:var(--space-4);scroll-margin-top:96px;display:grid}.portal-composition__header{gap:var(--space-1);display:grid}.portal-composition__header h2{font-family:var(--type-body-md-family);font-size:24px;font-weight:var(--font-weight-semibold);margin:0;line-height:1.2}.portal-composition__header p{color:var(--color-text-muted);font-size:var(--type-body-md-size);line-height:var(--type-body-md-line-height);margin:0}.portal-composition__grid{gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.portal-composition__col h3{font-family:var(--type-body-md-family);font-size:var(--font-size-200);font-weight:var(--font-weight-medium);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;margin:0 0 var(--space-2) 0}.portal-composition__col ul{gap:var(--space-3);margin:0;padding:0;list-style:none;display:grid}.portal-composition__col li{gap:var(--space-1);display:grid}.portal-composition__col li p{color:var(--color-text-muted);font-size:var(--type-body-sm-size);line-height:var(--type-body-sm-line-height);margin:0}.portal-composition__link{align-items:baseline;gap:var(--space-2);color:var(--color-text-primary);transition:color var(--motion-feedback-duration) var(--motion-feedback-easing);text-decoration:none;display:flex}.portal-composition__link:hover{color:var(--color-accent-primary)}.portal-composition__link strong{font-weight:var(--font-weight-medium)}.portal-composition__link code{background:color-mix(in srgb, var(--color-bg-subtle) 70%, transparent);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);color:var(--color-text-muted);font-family:var(--component-code-font-family);font-size:var(--font-size-100);padding:1px var(--space-1)}.portal-faq-section{gap:var(--space-4);display:grid}.portal-faq-section__header{gap:var(--space-1);display:grid}.portal-faq-section__header h2{font-family:var(--type-body-md-family);font-size:24px;font-weight:var(--font-weight-semibold);margin:0;line-height:1.2}.portal-faq-section__header p{color:var(--color-text-muted);font-size:var(--type-body-md-size);line-height:var(--type-body-md-line-height);max-width:68ch;margin:0}.portal-type-sample{letter-spacing:0;line-height:.94;display:block}.portal-type-sample span{color:var(--color-text-muted)}.portal-type-table{border:1px solid var(--color-border-subtle);border-radius:var(--radius-section);overflow:hidden}.portal-type-table__head,.portal-type-table__row{gap:var(--space-3);padding:var(--space-3) var(--space-4);grid-template-columns:36px 76px 92px 92px minmax(0,1.4fr) minmax(0,1fr);align-items:center;display:grid}.portal-type-table__head{color:var(--color-text-muted);font-size:var(--type-body-sm-size);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--color-border-subtle)}.portal-type-table__row{border-top:1px solid var(--color-border-subtle);min-height:96px}.portal-type-table__row:first-of-type{border-top:0}.portal-type-table__num{color:var(--color-text-secondary);font-family:var(--component-code-font-family);font-size:var(--type-body-sm-size);font-variant-numeric:tabular-nums}.portal-type-table__sample{gap:var(--space-1);min-width:0;display:grid}.portal-type-table__sample>code,.portal-type-table__class{background:color-mix(in srgb, var(--color-bg-subtle) 70%, transparent);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);color:var(--color-text-secondary);font-family:var(--component-code-font-family);font-size:var(--component-code-font-size);padding:2px var(--space-2);width:fit-content}.portal-type-table__usage{color:var(--color-text-secondary);font-size:var(--type-body-sm-size);line-height:var(--type-body-sm-line-height)}@media (width<=980px){.portal-type-table__head{display:none}.portal-type-table__row{gap:var(--space-2);padding:var(--space-5);grid-template-columns:1fr}}.portal-type-sample.-heading-72{font-family:var(--type-display-lg-family);font-size:72px;line-height:80px}.portal-type-sample.-heading-64{font-family:var(--type-display-lg-family);font-size:64px;line-height:72px;font-weight:var(--font-weight-semibold)}.portal-type-sample.-heading-56{font-family:var(--type-display-lg-family);font-size:56px;line-height:64px;font-weight:var(--font-weight-semibold)}.portal-type-sample.-heading-48{font-family:var(--type-display-lg-family);font-size:48px;line-height:56px;font-weight:var(--font-weight-medium)}.portal-type-sample.-heading-40{font-family:var(--type-display-lg-family);font-size:40px;line-height:48px;font-weight:var(--font-weight-medium)}.portal-type-sample.-heading-32{font-family:var(--type-display-lg-family);font-size:32px;line-height:40px;font-weight:var(--font-weight-medium)}.portal-type-sample.-heading-24{font-family:var(--type-display-lg-family);font-size:24px;line-height:32px;font-weight:var(--font-weight-medium)}.portal-type-sample.-button-16{font-size:16px;line-height:24px;font-weight:var(--font-weight-semibold)}.portal-type-sample.-button-14{font-size:14px;line-height:20px;font-weight:var(--font-weight-semibold)}.portal-type-sample.-button-12{font-size:12px;line-height:16px;font-weight:var(--font-weight-semibold)}.portal-type-sample.-label-20{font-size:20px;line-height:28px;font-weight:var(--font-weight-semibold)}.portal-type-sample.-label-16{font-size:16px;line-height:24px;font-weight:var(--font-weight-medium)}.portal-type-sample.-label-14{font-size:14px;line-height:20px;font-weight:var(--font-weight-medium)}.portal-type-sample.-label-13{font-size:13px;line-height:18px;font-weight:var(--font-weight-medium)}.portal-type-sample.-label-12{font-size:12px;line-height:16px;font-weight:var(--font-weight-medium);letter-spacing:.08em;text-transform:uppercase}.portal-type-sample.-copy-18{color:var(--color-text-secondary);font-size:18px;line-height:27px}.portal-type-sample.-copy-16{color:var(--color-text-secondary);font-size:16px;line-height:24px}.portal-type-sample.-copy-14{color:var(--color-text-secondary);font-size:14px;line-height:20px}.portal-type-sample.-copy-13{color:var(--color-text-muted);font-size:13px;line-height:19px}.portal-color-scales{border:1px solid var(--color-border-subtle);border-radius:var(--radius-section);padding:var(--space-5)}.portal-color-usage-section{border-bottom:1px solid var(--color-border-subtle);gap:var(--space-6);padding-bottom:var(--space-10);grid-template-columns:minmax(240px,.7fr) minmax(0,1fr);display:grid}.portal-color-dot-row{border-bottom:1px solid var(--color-border-subtle);align-items:center;gap:var(--space-3);margin-top:var(--space-3);padding-bottom:var(--space-3);grid-template-columns:18px 150px minmax(0,1fr);display:grid}.portal-color-dot-row span{border:1px solid var(--color-border-strong);border-radius:var(--radius-full);width:16px;height:16px}.portal-color-dot-row strong{color:var(--color-text-primary)}.portal-color-dot-row code{color:var(--color-text-muted);font-family:var(--component-code-font-family);font-size:var(--component-code-font-size)}.portal-color-background-demo,.portal-color-component-demo,.portal-color-border-demo,.portal-color-contrast-demo,.portal-color-text-demo,.portal-surface-background-demo{border:1px solid var(--color-border-subtle);min-height:190px;display:grid}.portal-color-background-demo,.portal-surface-background-demo,.portal-color-contrast-demo,.portal-color-text-demo{grid-template-columns:repeat(2,minmax(0,1fr))}.portal-color-background-demo>div,.portal-surface-background-demo>div,.portal-color-contrast-demo>div,.portal-color-text-demo>div,.portal-color-component-demo>div{padding:var(--space-6);place-items:center;display:grid}.portal-color-background-demo>div:first-child,.portal-surface-background-demo>div:first-child{background:var(--color-bg-surface);border-right:1px solid var(--color-border-subtle)}.portal-color-background-demo span,.portal-surface-background-demo span,.portal-color-contrast-demo span{background:var(--color-bg-subtle);border-radius:var(--radius-full);color:var(--color-text-secondary);font-size:var(--component-metadata-font-size);justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex}.portal-color-background-demo span:first-child,.portal-surface-background-demo span:first-child{border:1px solid var(--color-border-subtle);border-radius:var(--radius-section);width:120px;height:120px}.portal-color-component-demo{grid-template-columns:1.2fr .8fr}.portal-color-component-demo .-log-list{gap:var(--space-3);justify-items:stretch}.portal-color-component-demo .-log-list span{border-radius:var(--radius-control);color:var(--color-text-muted);font-family:var(--component-code-font-family);padding:var(--space-2) var(--space-3)}.portal-color-component-demo .-log-list .-active{background:color-mix(in srgb, var(--color-accent-primary) 20%, transparent);color:var(--color-accent-primary)}.portal-color-component-demo .-pill-row{align-content:center;gap:var(--space-2);justify-content:center;display:flex}.portal-color-component-demo .-pill-row span,.portal-state-chip{border-radius:var(--radius-full);font-size:var(--component-metadata-font-size);padding:var(--space-2) var(--space-3);display:inline-flex}.portal-spacing-example{gap:var(--space-2);display:grid}.portal-spacing-example__row{align-items:center;display:flex}.portal-spacing-example__block{background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);width:32px;height:32px;display:inline-block}.portal-spacing-example__gap-marker{height:16px;padding:0 var(--space-2);background:color-mix(in srgb, var(--color-accent-primary) 18%, transparent);border-radius:var(--radius-sm);color:var(--color-accent-primary);font-family:var(--component-code-font-family);font-size:var(--font-size-100);align-items:center;margin:0 -1px;display:inline-flex}.portal-spacing-example__box{background:var(--color-bg-elevated);border:1px dashed color-mix(in srgb, var(--color-accent-primary) 60%, var(--color-border-subtle));border-radius:var(--radius-sm);display:inline-block;position:relative}.portal-spacing-example__inner{background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);width:64px;height:32px;display:block}.portal-spacing-example__padding-marker{padding:0 var(--space-1);background:color-mix(in srgb, var(--color-accent-primary) 18%, transparent);border-radius:var(--radius-sm);color:var(--color-accent-primary);font-family:var(--component-code-font-family);font-size:var(--font-size-100);line-height:14px;position:absolute;top:-10px;left:4px}.portal-spacing-example__caption{font-size:var(--type-body-sm-size);color:var(--color-text-muted);line-height:var(--type-body-sm-line-height)}.portal-surface-sample{align-items:center;gap:var(--space-2);min-width:160px;min-height:60px;padding:var(--space-3) var(--space-4);color:var(--color-text-primary);font-size:var(--type-body-sm-size);display:inline-flex}.portal-surface-sample__title{font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.portal-surface-sample__meta{color:var(--color-text-muted);font-size:var(--type-body-sm-size)}.portal-surface-sample__dot{background:var(--color-accent-primary);border-radius:50%;flex-shrink:0;width:8px;height:8px}.portal-surface-sample__chip{padding:2px var(--space-2);border-radius:var(--radius-full);background:color-mix(in srgb, var(--color-accent-primary) 18%, transparent);color:var(--color-accent-primary);font-size:var(--font-size-100);text-transform:uppercase;letter-spacing:.04em;display:inline-flex}.portal-surface-sample__bar{background:color-mix(in srgb, var(--color-text-primary) 14%, transparent);border-radius:2px;width:60%;height:4px;display:inline-block}.portal-surface-sample.-base{align-items:flex-start;gap:var(--space-1);background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);flex-direction:column}.portal-surface-sample.-small{background:color-mix(in srgb, var(--color-bg-elevated) 80%, transparent);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);min-height:36px;padding:var(--space-2) var(--space-3)}.portal-surface-sample.-medium{align-items:flex-start;gap:var(--space-2);background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);box-shadow:var(--elevation-level-1);padding:var(--space-4);flex-direction:column}.portal-surface-sample.-large{align-items:flex-start;gap:var(--space-2);background:linear-gradient(180deg, var(--color-bg-elevated), var(--color-bg-surface));border:1px solid color-mix(in srgb, var(--color-accent-primary) 22%, var(--color-border-subtle));border-radius:var(--radius-xl);box-shadow:var(--elevation-level-2);padding:var(--space-4) var(--space-5);flex-direction:column;min-width:220px}.portal-surface-sample.-tooltip{background:var(--color-bg-elevated);color:var(--color-text-primary);border-radius:var(--radius-md);font-size:var(--font-size-200);padding:var(--space-1) var(--space-3);min-height:28px;min-width:unset;box-shadow:0 4px 14px #00000059}.portal-surface-sample.-menu{padding:var(--space-1);background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);box-shadow:var(--elevation-level-2);flex-direction:column;align-items:stretch;gap:0;min-width:120px}.portal-surface-sample.-menu>span{padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:var(--font-size-200);display:block}.portal-surface-sample.-menu>span:hover{background:var(--color-bg-subtle);color:var(--color-text-primary)}.portal-surface-sample.-modal{align-items:flex-start;gap:var(--space-1);background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);box-shadow:var(--elevation-level-3);padding:var(--space-4);flex-direction:column;min-width:200px}.portal-surface-sample.-fullscreen{align-items:flex-start;gap:var(--space-2);background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl) var(--radius-xl) 0 0;padding:var(--space-4);flex-direction:column;min-width:220px;box-shadow:0 -8px 24px #0006}.portal-state-grid{border:1px solid var(--color-border-subtle);border-radius:var(--radius-section);overflow:hidden}.portal-state-grid__head,.portal-state-grid__row{gap:var(--space-3);padding:var(--space-3) var(--space-4);grid-template-columns:minmax(180px,1.2fr) minmax(0,2fr) auto auto auto;align-items:center;display:grid}.portal-state-grid__head{background:color-mix(in srgb, var(--color-bg-subtle) 60%, transparent);color:var(--color-text-muted);font-size:var(--type-body-sm-size);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.06em}.portal-state-grid__row{border-top:1px solid var(--color-border-subtle)}.portal-state-grid__meta{gap:2px;display:grid}.portal-state-grid__meta strong{color:var(--color-text-primary)}.portal-state-grid__meta span{color:var(--color-text-muted);font-size:var(--type-body-sm-size)}.portal-state-alert{align-items:flex-start;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-card);display:flex}.portal-state-alert__dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:7px}.portal-state-alert.-success{background:var(--color-state-success-bg);color:var(--color-state-success-text);border:1px solid var(--color-state-success-border)}.portal-state-alert.-success .portal-state-alert__dot{background:var(--color-state-success-text)}.portal-state-alert.-warning{background:var(--color-state-warning-bg);color:var(--color-state-warning-text);border:1px solid var(--color-state-warning-border)}.portal-state-alert.-warning .portal-state-alert__dot{background:var(--color-state-warning-text)}.portal-state-alert.-danger{background:var(--color-state-danger-bg);color:var(--color-state-danger-text);border:1px solid var(--color-state-danger-border)}.portal-state-alert.-danger .portal-state-alert__dot{background:var(--color-state-danger-text)}.portal-state-alert.-info{background:var(--color-state-info-bg);color:var(--color-state-info-text);border:1px solid var(--color-state-info-border)}.portal-state-alert.-info .portal-state-alert__dot{background:var(--color-state-info-text)}.portal-state-alert__text{font-size:var(--type-body-sm-size);line-height:var(--type-body-sm-line-height)}.portal-state-grid__token{color:var(--color-text-muted);font-family:var(--component-code-font-family);font-size:var(--type-body-sm-size)}@media (width<=900px){.portal-state-grid__head{display:none}.portal-state-grid__row{gap:var(--space-2);grid-template-columns:1fr}}.portal-color-border-demo,.portal-color-contrast-demo,.portal-color-text-demo{place-items:center}.portal-color-border-demo button,.portal-color-contrast-demo button{background:var(--color-bg-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-control);color:var(--color-text-primary);min-height:44px;padding:0 var(--space-8)}.portal-color-contrast-demo button{background:var(--color-accent-subtle);color:#fff;border-color:#0000}.portal-color-contrast-demo div{gap:var(--space-4);display:flex}.portal-color-text-demo>div:first-child{place-items:start}.portal-color-text-demo strong{font-size:var(--type-title-md-size)}.portal-color-text-demo p{color:var(--color-text-muted);line-height:var(--type-body-md-line-height);margin:var(--space-2) 0}.portal-color-text-demo a{color:var(--color-accent-subtle)}.portal-color-text-demo .-icon-row{gap:var(--space-4);display:flex}.portal-state-chip.-success{background:var(--color-state-success-bg);color:var(--color-state-success-text)}.portal-state-chip.-warning{background:var(--color-state-warning-bg);color:var(--color-state-warning-text)}.portal-state-chip.-danger{background:var(--color-state-danger-bg);color:var(--color-state-danger-text)}.portal-state-chip.-info{background:var(--color-state-info-bg);color:var(--color-state-info-text)}.portal-token-table-section{gap:var(--space-4);display:grid}.portal-size-preview,.portal-radius-preview{background:var(--color-border-strong);display:inline-block}.portal-size-preview.-density{border-radius:var(--radius-full);width:72px;height:8px}.portal-size-preview.-base{border-radius:var(--radius-full);width:4px;height:16px}.portal-size-preview.-gap{border-radius:var(--radius-full);width:8px;height:8px}.portal-size-preview.-padding{border-radius:var(--radius-control);width:24px;height:16px}.portal-size-preview.-section{border-radius:var(--radius-control);width:48px;height:16px}.portal-radius-preview{background:color-mix(in srgb, var(--color-bg-subtle) 72%, transparent);border:1px solid var(--color-border-strong);width:56px;height:56px}.portal-radius-preview.-large{width:88px;height:68px}.portal-system-card,.portal-do-dont{background:color-mix(in srgb, var(--color-bg-surface) 92%, transparent);border:1px solid var(--color-border-subtle);border-radius:var(--radius-section);grid-template-columns:minmax(220px,.48fr) minmax(0,1fr);display:grid;overflow:hidden}.portal-system-card__copy,.portal-do-dont>div:first-child{border-right:1px solid var(--color-border-subtle);gap:var(--space-4);padding:var(--space-6);display:grid}.portal-system-card__icon{background:color-mix(in srgb, var(--color-accent-primary) 92%, var(--color-state-warning-text));border-radius:var(--radius-full);color:var(--color-text-inverse);font-weight:var(--font-weight-semibold);justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.portal-system-card dl{color:var(--color-text-secondary);align-self:end;gap:var(--space-3);margin:var(--space-8) 0 0;display:grid}.portal-system-card dt{color:var(--color-text-muted);font-size:var(--component-metadata-font-size);font-weight:var(--font-weight-semibold);letter-spacing:.18em;text-transform:uppercase}.portal-system-card dd{margin:0}.portal-layout-size-demo,.portal-layer-stack,.portal-shape-diagram,.portal-elevation-cards{min-height:300px;padding:var(--space-6);position:relative}.portal-layout-size-demo{background-image:linear-gradient(var(--color-border-subtle) 1px, transparent 1px), linear-gradient(90deg, var(--color-border-subtle) 1px, transparent 1px);background-size:72px 72px}.portal-layout-size-demo span{background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-card);position:absolute}.portal-layout-size-demo span:first-child{width:180px;height:80px;top:48px;left:48px}.portal-layout-size-demo span:nth-child(2){width:220px;height:140px;top:66px;right:70px}.portal-layout-size-demo span:nth-child(3){width:280px;height:42px;bottom:52px;left:90px}.portal-layout-size-demo span:nth-child(4){width:90px;height:90px;bottom:54px;right:80px}.portal-elevation-cards{align-content:start;gap:var(--space-4);flex-wrap:wrap;display:flex}.portal-elevation-cards span{background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-card);box-shadow:var(--elevation-level-1);color:var(--color-text-secondary);height:90px;padding:var(--space-4);text-align:center;justify-content:center;align-items:center;width:160px;display:inline-flex}.portal-material-preview{background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-card);width:min(260px,100%);height:86px;display:block}.portal-material-preview.-small{box-shadow:var(--elevation-level-1)}.portal-material-preview.-medium{border-radius:var(--radius-section);box-shadow:var(--elevation-level-2);height:96px}.portal-material-preview.-large{border-radius:var(--radius-section);box-shadow:var(--elevation-level-3);height:108px}.portal-material-preview.-tooltip{border-radius:var(--radius-control);box-shadow:var(--elevation-level-1);width:260px;height:72px}.portal-material-preview.-menu{border-radius:var(--radius-section);box-shadow:var(--elevation-level-2);width:260px;height:88px}.portal-material-preview.-modal{border-radius:var(--radius-section);box-shadow:var(--elevation-level-3);width:260px;height:110px}.portal-material-preview.-fullscreen{box-shadow:var(--elevation-level-3);border-radius:16px;width:260px;height:120px}.portal-layer-stack span,.portal-shape-diagram span{background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-card);box-shadow:var(--elevation-level-1);color:var(--color-text-secondary);font-size:var(--component-metadata-font-size);font-weight:var(--font-weight-semibold);letter-spacing:.16em;min-height:84px;padding:var(--space-4);text-transform:uppercase;justify-content:center;align-items:center;display:flex;position:absolute}.portal-layer-stack span:first-child{top:28px;left:28px;right:86px}.portal-layer-stack span:nth-child(2){top:118px;left:86px;right:48px}.portal-layer-stack span:nth-child(3){bottom:38px;left:150px;right:28px}.portal-shape-diagram span:first-child{border-radius:var(--radius-card);width:220px;top:44px;left:36px}.portal-shape-diagram span:nth-child(2){border-radius:var(--radius-section);width:220px;top:44px;right:36px}.portal-shape-diagram span:nth-child(3){border-radius:var(--radius-full);width:250px;bottom:48px;left:50%;transform:translate(-50%)}.portal-do-dont__grid{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.portal-do-dont__grid>div{padding:var(--space-6)}.portal-do-dont__grid>div+div{border-left:1px solid var(--color-border-subtle)}.portal-motion-example{align-items:center;gap:var(--space-2);min-height:64px;display:flex}.portal-motion-example span{background:var(--color-bg-subtle);border:1px solid var(--color-border-subtle);border-radius:var(--radius-control);width:58px;height:34px;display:block}.portal-motion-example.-hover span:first-child{animation:ds-motion-hover 1.6s var(--motion-disclosure-easing) infinite}.portal-motion-example.-press span:first-child{animation:ds-motion-press 1.2s var(--motion-feedback-easing) infinite}.portal-motion-example.-focus span:first-child{animation:ds-motion-focus 1.6s var(--motion-focus-easing) infinite}.portal-motion-example.-glow span:first-child{animation:ds-motion-glow 1.6s var(--motion-focus-easing) infinite}.portal-motion-example.-disclosure span{transform-origin:0}.portal-motion-example.-disclosure span:first-child{animation:ds-motion-disclosure 1.6s var(--motion-disclosure-easing) infinite}.portal-motion-example.-overlay span:first-child,.portal-motion-example.-toast span:first-child{animation:ds-popover-in var(--motion-overlay-duration) var(--motion-overlay-easing) infinite alternate}.portal-motion-example.-loading span{background:linear-gradient(90deg, var(--color-bg-subtle), color-mix(in srgb, var(--color-text-primary) 10%, var(--color-bg-elevated)), var(--color-bg-subtle));background-size:200% 100%;animation:1.4s ease-in-out infinite ds-pulse}@keyframes ds-motion-hover{50%{border-color:var(--color-border-strong);box-shadow:0 0 18px color-mix(in srgb, var(--color-accent-primary) 14%, transparent)}}@keyframes ds-motion-press{50%{transform:scale(var(--motion-press-scale))}}@keyframes ds-motion-focus{50%{box-shadow:var(--focus-ring,0 0 0 3px color-mix(in srgb, var(--color-accent-primary) 18%, transparent))}}@keyframes ds-motion-glow{50%{box-shadow:0 0 30px color-mix(in srgb, var(--color-accent-primary) 24%, transparent)}}@keyframes ds-motion-disclosure{50%{transform:scaleX(.72)}}@keyframes ds-popover-in{0%{opacity:.3;transform:translateY(var(--motion-overlay-enter-translate)) scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.portal-skills-showcase{margin-top:0}.portal-skill-grid{gap:var(--space-5);display:grid}.portal-skill-card{gap:var(--space-5);padding:var(--space-6);display:grid}.portal-skill-card__head{align-items:start;gap:var(--space-4);justify-content:space-between;display:flex}.portal-skill-card__matrix{border-top:1px solid var(--color-border-subtle);gap:var(--space-5);padding-top:var(--space-5);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.portal-skill-card__matrix h3{font-family:var(--type-body-md-family);font-size:var(--type-body-md-size);margin:0}.portal-skill-card.-soon{opacity:.72}.portal-component-docs{gap:var(--space-12);margin-top:var(--space-12);display:grid}.portal-component-docs__section{gap:var(--space-3);border-bottom:0;padding-bottom:0;scroll-margin-top:96px;display:grid}.portal-component-docs__section>h2{padding-top:var(--space-4);margin:0}.portal-component-docs__section>p{color:var(--color-text-secondary);max-width:68ch;margin:0}.portal-component-example{background:color-mix(in srgb, var(--color-bg-surface) 92%, transparent);border:1px solid var(--color-border-subtle);border-radius:var(--radius-section);margin-top:var(--space-2);width:100%;overflow:hidden}.portal-component-example>div{align-items:center;gap:var(--space-6);min-height:240px;padding:var(--space-8) var(--space-6);flex-wrap:wrap;justify-content:center;width:100%;display:flex}.portal-show-code{border:0;border-top:1px solid var(--color-border-subtle);color:var(--color-text-muted);cursor:pointer;min-height:48px;padding:0 var(--space-5);text-align:left;background:0 0;width:100%}.portal-button-matrix{gap:var(--space-4);width:100%;display:grid}.portal-button-matrix>div{align-items:center;gap:var(--space-3);flex-wrap:wrap;justify-content:center;display:flex}.portal-agent-panel{background:var(--color-bg-app);min-height:360px;max-height:560px;padding:var(--space-5) var(--space-6);position:relative;overflow:auto}.portal-agent-panel pre{color:var(--color-text-secondary);font-family:var(--component-code-font-family);font-size:var(--component-code-font-size);white-space:pre-wrap;word-break:break-word;margin:0;line-height:1.6}.portal-agent-panel__copy{top:var(--space-3);right:var(--space-3);background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);border-radius:var(--radius-control);color:var(--color-text-secondary);cursor:pointer;font:inherit;font-size:var(--font-size-100);padding:var(--space-1) var(--space-3);transition:color var(--motion-duration-fast) var(--motion-easing-standard), border-color var(--motion-duration-fast) var(--motion-easing-standard);position:absolute}.portal-agent-panel__copy:hover{color:var(--color-accent-primary);border-color:color-mix(in srgb, var(--color-accent-primary) 50%, var(--color-border-subtle))}.portal-pill-button{border-radius:var(--radius-full)}.portal-nav__item.-active,.portal-nav__group-title.-active{background:var(--portal-active-bg);border-color:var(--portal-active-border);color:var(--portal-active-text)}@media (width<=980px){.portal-shell,.portal-shell.-sidebar-collapsed{grid-template-columns:1fr}.portal-sidebar{height:auto;max-height:42vh;position:relative}.portal-shell.-sidebar-collapsed .portal-sidebar{padding:var(--space-4)}.portal-shell.-sidebar-collapsed .portal-brand{padding:var(--space-3);justify-content:flex-start}.portal-shell.-sidebar-collapsed .portal-brand__text,.portal-shell.-sidebar-collapsed .portal-nav{display:block}.portal-hero,.portal-doc-grid,.portal-doc-layout,.portal-component-grid,.portal-related-grid,.portal-color-usage-section,.portal-system-card,.portal-do-dont{grid-template-columns:1fr}.portal-doc-aside{position:static}.portal-tabs.-vertical .portal-tabs__list{gap:var(--space-2);border-left:0;flex-wrap:wrap;padding-left:0;display:flex}.portal-tabs.-vertical .portal-tabs__item{border:1px solid var(--color-border-subtle);border-radius:var(--radius-full);font-size:var(--type-body-sm-size);padding:var(--space-2) var(--space-3)}.portal-tabs.-vertical .portal-tabs__item:before{display:none}.portal-spec-table__head,.portal-spec-row,.portal-token-table__head,.portal-token-table__row,.portal-skill-card__matrix{grid-template-columns:1fr}.portal-system-card__copy,.portal-do-dont>div:first-child,.portal-do-dont__grid>div+div{border-left:0;border-right:0}.portal-do-dont__grid{grid-template-columns:1fr}.portal-section.-featured .portal-preview-grid{column-count:2}.portal-color-demo,.portal-type-grid,.portal-font-card dl{grid-template-columns:1fr}.portal-icon-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=720px){.portal-page{padding:var(--space-6) var(--space-4) var(--space-12)}.portal-preview-grid,.portal-link-grid{grid-template-columns:1fr}.portal-section.-featured .portal-preview-grid{column-count:auto;gap:var(--space-3);margin-inline:calc(var(--space-4) * -1);padding:0 var(--space-4) var(--space-2);scroll-snap-type:x mandatory;display:flex;overflow-x:auto}.portal-section.-featured .portal-preview-card{scroll-snap-align:start;flex:0 0 min(82vw,340px);margin:0}.portal-section.-featured .portal-preview-card .portal-preview-card__frame{height:240px}.portal-semantic-swatches{grid-template-columns:1fr}.portal-icon-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.portal-hero h1,.portal-doc-header h1{font-size:40px}.portal-type-sample.-heading-72{font-size:52px}.portal-type-sample.-heading-64{font-size:48px}.portal-type-sample.-heading-56{font-size:44px}.portal-type-sample.-heading-48{font-size:40px}.portal-component-example>div{flex-direction:column;align-items:flex-start}.portal-color-background-demo,.portal-surface-background-demo,.portal-color-contrast-demo,.portal-color-text-demo,.portal-color-component-demo{grid-template-columns:1fr}.portal-layer-stack span,.portal-shape-diagram span{width:100%;position:static;transform:none}.portal-layer-stack,.portal-shape-diagram,.portal-layout-size-demo,.portal-elevation-cards{gap:var(--space-3);min-height:0;display:grid}.portal-live-preview iframe,.portal-preview-card__frame{height:300px}}@media (prefers-reduced-motion:reduce){.portal-brand:hover,.portal-icon-button:hover,.portal-action:hover,.portal-action:active,.portal-preview-card:hover,.portal-link-card:hover,.portal-component-card:hover,.portal-related-card:hover{transform:none}}.portal-do-dont__grid.-inline{border:1px solid var(--color-border-subtle);border-radius:var(--radius-card);margin-block-start:var(--space-4);overflow:hidden}.portal-do-dont__grid.-inline>div{padding:var(--space-4) var(--space-6)}.portal-do-dont__grid.-inline>div+div{border-left:1px solid var(--color-border-subtle)}.portal-do-dont__grid.-inline .portal-kicker{margin-block-end:var(--space-2);display:block}.portal-do-dont__grid.-inline ul{margin:0;padding-inline-start:var(--space-4)}.portal-do-dont__grid.-inline li{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-normal);margin-block-end:var(--space-1)}.portal-do-dont__grid.-inline code{background:var(--color-bg-subtle);border-radius:var(--radius-sm);padding:.1em .35em;font-size:.85em}.portal-page.-guide{grid-template-columns:1fr var(--portal-sidebar-width,200px);max-width:var(--portal-content-max-width,1200px);padding-inline:var(--space-8);padding-block:var(--space-12);gap:var(--space-8);grid-template-rows:auto 1fr;margin-inline:auto;display:grid}.portal-guide-page__header{grid-column:1/-1;max-width:640px}.portal-guide-page__header h1{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);margin-block:var(--space-2) var(--space-3)}.portal-guide-page__header p{color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.portal-guide-page__body{min-width:0}.portal-guide-page__pagination{border-block-start:1px solid var(--color-border-subtle);justify-content:space-between;margin-block-start:var(--space-10);padding-block-start:var(--space-6);display:flex}.portal-guide-page__prev,.portal-guide-page__next{gap:var(--space-1);color:var(--color-text-primary);transition:color var(--motion-feedback-duration) var(--motion-feedback-easing);flex-direction:column;text-decoration:none;display:flex}.portal-guide-page__next{text-align:end}.portal-guide-page__prev:hover,.portal-guide-page__next:hover{color:var(--color-accent-primary)}@media (width<=768px){.portal-page.-guide{padding-inline:var(--space-4);grid-template-columns:1fr}}@font-face{font-family:"NAMU 1930";src:url(/assets/NAMU-1930-MsXBI4v3.woff2)format("woff2");font-style:normal;font-weight:700;font-display:swap}@font-face{font-family:Fixel;src:url(/assets/FixelText-Regular-Dv1kOdN_.woff2)format("woff2");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:JuliaMono;src:url(/assets/JuliaMono-Regular-BoFab7Ww.woff2)format("woff2");font-style:normal;font-weight:400;font-display:swap}:root{--color-base-white:#fff;--color-base-black:#000;--color-base-gray-100:#f7f8f8;--color-base-gray-150:#f0f2f5;--color-base-gray-200:#e5e5e6;--color-base-gray-300:#d0d6e0;--color-base-gray-400:#8a8f98;--color-base-gray-500:#62666d;--color-base-gray-600:#383b3f;--color-base-gray-700:#323334;--color-base-gray-800:#23252a;--color-base-gray-850:#161718;--color-base-gray-900:#0f1011;--color-base-gray-950:#08090a;--color-base-blue-100:#e9ecff;--color-base-blue-500:#5e6ad2;--color-base-blue-700:#424b9f;--color-base-blue-900:#202449;--color-base-green-100:#f3ffd0;--color-base-green-400:#f0ff4f;--color-base-green-500:#e4f222;--color-base-green-600:#cbd813;--color-base-green-700:#27a644;--color-base-green-900:#008d2c;--color-base-green-950:#082610;--color-base-red-100:#ffe7e7;--color-base-red-500:#eb5757;--color-base-red-700:#b93333;--color-base-red-800:#5b1f1f;--color-base-red-850:#3d1717;--color-base-red-900:#4a1616;--color-base-yellow-100:#fef3c7;--color-base-yellow-500:#f7c948;--color-base-yellow-700:#7f5f01;--color-base-yellow-900:#382c09;--color-base-cyan-100:#d6fbff;--color-base-cyan-500:#02b8cc;--color-base-cyan-900:#06363c;--color-base-violet-100:#ecebff;--color-base-violet-500:#6366f1;--color-base-violet-600:#8b5cf6;--color-base-violet-900:#25224d;--color-bg-app:#08090a;--color-bg-surface:#0f1011;--color-bg-elevated:#161718;--color-bg-subtle:#23252a;--color-text-primary:#f7f8f8;--color-text-secondary:#d0d6e0;--color-text-muted:#8a8f98;--color-text-inverse:#08090a;--color-border-subtle:#23252a;--color-border-strong:#383b3f;--color-accent-primary:#e4f222;--color-accent-hover:#f0ff4f;--color-accent-active:#cbd813;--color-accent-subtle:#5e6ad2;--color-state-success-bg:#082610;--color-state-success-text:#27a644;--color-state-success-border:#008d2c;--color-state-warning-bg:#382c09;--color-state-warning-text:#f7c948;--color-state-warning-border:#7f5f01;--color-state-danger-bg:#4a1616;--color-state-danger-text:#eb5757;--color-state-danger-border:#b93333;--color-state-danger-hover:#5b1f1f;--color-state-danger-active:#3d1717;--color-state-info-bg:#06363c;--color-state-info-text:#02b8cc;--color-state-info-border:#02b8cc;--color-state-disabled-bg:#23252a;--color-state-disabled-text:#62666d;--color-state-disabled-border:#323334;--color-state-focus-ring:#e4f222;--font-family-display:"NAMU 1930", "Fixel", ui-sans-serif, system-ui, sans-serif;--font-family-regular:"Fixel", ui-sans-serif, system-ui, sans-serif;--font-family-sans:var(--font-family-regular);--font-family-mono:"JuliaMono", Monaco, ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--font-size-50:10px;--font-size-100:12px;--font-size-200:13px;--font-size-300:14px;--font-size-400:15px;--font-size-500:16px;--font-size-600:20px;--font-size-700:24px;--font-size-800:32px;--font-size-900:48px;--font-weight-regular:400;--font-weight-medium:510;--font-weight-semibold:590;--font-weight-bold:700;--line-height-50:1.2;--line-height-100:1.3;--line-height-200:1.4;--line-height-300:1.47;--line-height-400:1.5;--line-height-500:1.6;--line-height-900:1.1;--type-display-lg-family:var(--font-family-display);--type-display-lg-size:var(--font-size-900);--type-display-lg-weight:var(--font-weight-semibold);--type-display-lg-line-height:var(--line-height-900);--type-display-md-family:var(--font-family-display);--type-display-md-size:var(--font-size-800);--type-display-md-weight:var(--font-weight-semibold);--type-display-md-line-height:var(--line-height-100);--type-title-lg-family:var(--font-family-regular);--type-title-lg-size:var(--font-size-700);--type-title-lg-weight:var(--font-weight-medium);--type-title-lg-line-height:var(--line-height-200);--type-title-md-family:var(--font-family-regular);--type-title-md-size:var(--font-size-600);--type-title-md-weight:var(--font-weight-medium);--type-title-md-line-height:var(--line-height-200);--type-body-lg-family:var(--font-family-regular);--type-body-lg-size:var(--font-size-500);--type-body-lg-weight:var(--font-weight-regular);--type-body-lg-line-height:var(--line-height-400);--type-body-md-family:var(--font-family-regular);--type-body-md-size:var(--font-size-300);--type-body-md-weight:var(--font-weight-regular);--type-body-md-line-height:var(--line-height-200);--type-body-sm-family:var(--font-family-regular);--type-body-sm-size:var(--font-size-200);--type-body-sm-weight:var(--font-weight-regular);--type-body-sm-line-height:var(--line-height-200);--type-label-md-family:var(--font-family-regular);--type-label-md-size:var(--font-size-400);--type-label-md-weight:var(--font-weight-semibold);--type-label-md-line-height:var(--line-height-100);--type-label-sm-family:var(--font-family-regular);--type-label-sm-size:var(--font-size-200);--type-label-sm-weight:var(--font-weight-medium);--type-label-sm-line-height:var(--line-height-100);--type-caption-family:var(--font-family-regular);--type-caption-size:var(--font-size-100);--type-caption-weight:var(--font-weight-regular);--type-caption-line-height:var(--line-height-200);--type-code-sm-family:var(--font-family-mono);--type-code-sm-size:var(--font-size-100);--type-code-sm-weight:var(--font-weight-regular);--type-code-sm-line-height:var(--line-height-400);--space-0:0;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-14:56px;--space-16:64px;--space-20:80px;--space-24:96px;--space-32:128px;--space-section-vertical:64px;--space-section-horizontal:24px;--space-card-padding:16px;--space-form-field-gap:8px;--space-form-group-gap:16px;--space-list-item-gap:8px;--space-tag-row-gap:8px;--radius-0:0;--radius-sm:2px;--radius-md:6px;--radius-lg:8px;--radius-xl:12px;--radius-full:9999px;--radius-control:6px;--radius-card:6px;--radius-section:12px;--radius-input:6px;--radius-dialog:8px;--radius-badge:2px;--radius-pill:9999px;--z-0:0;--z-dropdown:100;--z-sticky:200;--z-modal:400;--z-toast:500;--z-max:999;--motion-duration-instant:80ms;--motion-duration-fast:.12s;--motion-duration-normal:.18s;--motion-duration-slow:.26s;--motion-easing-standard:cubic-bezier(.2,0,0,1);--motion-easing-enter:cubic-bezier(0,0,0,1);--motion-easing-exit:cubic-bezier(.3,0,1,1);--motion-easing-decelerate:cubic-bezier(0,0,0,1);--motion-easing-accelerate:cubic-bezier(.3,0,1,1);--motion-translate-sm:2px;--motion-translate-md:6px;--motion-scale-press:.98;--motion-scale-hover:1.01;--motion-opacity-disabled:.48;--motion-feedback-duration:var(--motion-duration-fast);--motion-feedback-easing:var(--motion-easing-standard);--motion-focus-duration:var(--motion-duration-fast);--motion-focus-easing:var(--motion-easing-standard);--motion-disclosure-duration:var(--motion-duration-normal);--motion-disclosure-easing:var(--motion-easing-standard);--motion-overlay-duration:var(--motion-duration-slow);--motion-overlay-easing:var(--motion-easing-enter);--motion-card-hover-translate:calc(var(--motion-translate-md) * -1);--motion-card-hover-scale:var(--motion-scale-hover);--motion-compact-hover-translate:calc(var(--motion-translate-sm) * -1);--motion-press-scale:var(--motion-scale-press);--motion-control-hover-scale:1.08;--motion-tooltip-offset:var(--motion-translate-sm);--motion-overlay-enter-translate:var(--motion-translate-md);--motion-overlay-scale-start:.98;--motion-disclosure-enter-translate:calc(var(--motion-translate-sm) * -1);--motion-glow-size:140px;--focus-ring:0 0 0 3px color-mix(in srgb, var(--color-accent-primary) 18%, transparent);--elevation-level-0:none;--elevation-level-1:#0006 0px 2px 4px 0px;--elevation-level-2:#23252a 0px 0px 0px 1px inset;--elevation-level-3:#08090a99 0px 4px 32px 0px;--navigation-header-bg:color-mix(in srgb, var(--color-bg-app) 88%, transparent);--navigation-header-height:64px;--navigation-header-blur:16px;--control-glow-bg:#252525;--control-glow-bg-active:#202020;--control-glow-text:#f7f8f8;--control-glow-border:color-mix(in srgb, var(--color-border-strong) 54%, transparent);--control-glow-border-strong:color-mix(in srgb, var(--color-border-strong) 62%, transparent);--control-glow-border-hover:color-mix(in srgb, var(--color-text-muted) 42%, transparent);--control-glow-border-focus:color-mix(in srgb, var(--color-accent-primary) 62%, var(--color-border-subtle));--control-glow-fill:color-mix(in srgb, var(--color-accent-primary) 20%, transparent);--control-glow-ring:color-mix(in srgb, var(--color-accent-primary) 82%, transparent);--control-glow-border-light:color-mix(in srgb, var(--color-accent-primary) 94%, transparent);--control-glow-focus-shadow:0 0 0 3px color-mix(in srgb, var(--color-accent-primary) 10%, transparent);--component-button-font-family:var(--type-label-md-family);--component-button-font-size:var(--type-label-md-size);--component-button-font-weight:var(--type-label-md-weight);--component-button-line-height:var(--type-label-md-line-height);--component-button-sm-font-size:var(--type-label-sm-size);--component-button-lg-font-size:var(--type-body-lg-size);--component-field-label-font-size:var(--type-label-sm-size);--component-field-label-font-weight:var(--type-label-sm-weight);--component-helper-text-font-size:var(--type-caption-size);--component-helper-text-line-height:var(--type-caption-line-height);--component-input-font-family:var(--type-body-md-family);--component-input-font-size:var(--type-body-md-size);--component-input-line-height:var(--type-body-md-line-height);--component-metadata-font-family:var(--type-caption-family);--component-metadata-font-size:var(--type-caption-size);--component-metadata-font-weight:var(--font-weight-semibold);--component-code-font-family:var(--type-code-sm-family);--component-code-font-size:var(--type-code-sm-size);--component-code-line-height:var(--type-code-sm-line-height);--card-catalog-shadow:var(--elevation-level-1);--card-catalog-padding:var(--space-card-padding);--card-catalog-radius:var(--radius-card)}[data-theme=light]{--color-bg-app:#f7f8f8;--color-bg-surface:#fff;--color-bg-elevated:#f0f2f5;--color-bg-subtle:#e5e5e6;--color-text-primary:#08090a;--color-text-secondary:#383b3f;--color-text-muted:#62666d;--color-text-inverse:#fff;--color-border-subtle:#d0d6e0;--color-border-strong:#8a8f98;--color-accent-primary:#202449;--color-accent-hover:#424b9f;--color-accent-active:#202449;--color-accent-subtle:#5e6ad2;--color-state-success-bg:#f3ffd0;--color-state-success-text:#27a644;--color-state-success-border:#27a644;--color-state-warning-bg:#fef3c7;--color-state-warning-text:#7f5f01;--color-state-warning-border:#7f5f01;--color-state-danger-bg:#ffe7e7;--color-state-danger-text:#b93333;--color-state-danger-border:#b93333;--color-state-danger-hover:#ffd1d1;--color-state-danger-active:#ffc4c4;--color-state-info-bg:#d6fbff;--color-state-info-text:#02b8cc;--color-state-info-border:#02b8cc;--color-state-disabled-bg:#e5e5e6;--color-state-disabled-text:#8a8f98;--color-state-disabled-border:#d0d6e0;--color-state-focus-ring:#202449}*{box-sizing:border-box}html{background:var(--color-bg-app);color:var(--color-text-primary);font-family:var(--font-family-sans);font-feature-settings:"cv01", "ss03"}body{background:var(--color-bg-app);min-width:320px;min-height:100vh;color:var(--color-text-primary);margin:0}button,input,textarea,select{font:inherit}a{color:inherit}:focus-visible{outline:2px solid var(--color-accent-primary);outline-offset:2px}@media (prefers-reduced-motion:reduce){:root{--motion-duration-instant:1ms;--motion-duration-fast:1ms;--motion-duration-normal:1ms;--motion-duration-slow:1ms;--motion-translate-sm:0;--motion-translate-md:0;--motion-scale-press:1;--motion-scale-hover:1}*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}.storybook-preview-stage{background:radial-gradient(circle at 50% 35%, color-mix(in srgb, var(--color-bg-elevated) 68%, transparent), transparent 34%), var(--color-bg-app);color:var(--color-text-primary);min-height:100vh;padding:var(--space-10);place-items:center;display:grid}.storybook-preview-stage>*{max-width:min(100%,900px)}.button{border:1px solid var(--button-border,transparent);border-radius:var(--radius-control);box-shadow:var(--button-shadow,none);cursor:pointer;font-family:var(--component-button-font-family);font-size:var(--component-button-font-size);font-weight:var(--component-button-font-weight);align-items:center;gap:var(--space-2);line-height:var(--component-button-line-height);min-height:36px;padding:0 var(--space-4);transition:background var(--motion-feedback-duration) var(--motion-feedback-easing), border-color var(--motion-feedback-duration) var(--motion-feedback-easing), box-shadow var(--motion-feedback-duration) var(--motion-feedback-easing), color var(--motion-feedback-duration) var(--motion-feedback-easing), opacity var(--motion-feedback-duration) var(--motion-feedback-easing);-webkit-user-select:none;user-select:none;white-space:nowrap;justify-content:center;text-decoration:none;display:inline-flex;position:relative;transform:none}.button.-primary{--button-bg:var(--color-accent-primary);--button-text:var(--color-text-inverse);--button-border:transparent;--button-hover-bg:var(--color-accent-hover);--button-active-bg:var(--color-accent-active);--button-shadow:0 0 0 1px color-mix(in srgb, var(--color-accent-primary) 18%, transparent), 0 10px 28px color-mix(in srgb, var(--color-accent-primary) 16%, transparent)}.button.-secondary{--button-bg:color-mix(in srgb, var(--color-bg-elevated) 88%, transparent);--button-text:var(--color-text-primary);--button-border:color-mix(in srgb, var(--color-border-subtle) 82%, transparent);--button-hover-bg:color-mix(in srgb, var(--color-bg-subtle) 86%, var(--color-bg-elevated));--button-active-bg:var(--color-bg-surface)}.button.-ghost{--button-bg:transparent;--button-text:var(--color-text-secondary);--button-border:transparent;--button-hover-bg:var(--color-bg-subtle);--button-active-bg:var(--color-bg-elevated)}.button.-destructive{--button-bg:color-mix(in srgb, var(--color-state-danger-bg) 78%, var(--color-bg-elevated));--button-text:var(--color-state-danger-text);--button-border:color-mix(in srgb, var(--color-state-danger-border) 78%, transparent);--button-hover-bg:var(--color-state-danger-hover);--button-active-bg:var(--color-state-danger-active)}.button.-success{--button-bg:var(--color-state-success-bg);--button-text:var(--color-state-success-text);--button-border:var(--color-state-success-border);--button-hover-bg:color-mix(in srgb, var(--color-state-success-bg) 86%, var(--color-bg-elevated));--button-active-bg:color-mix(in srgb, var(--color-state-success-bg) 72%, var(--color-bg-elevated))}.button.-error{--button-bg:var(--color-state-danger-bg);--button-text:var(--color-state-danger-text);--button-border:var(--color-state-danger-border);--button-hover-bg:color-mix(in srgb, var(--color-state-danger-bg) 86%, var(--color-bg-elevated));--button-active-bg:color-mix(in srgb, var(--color-state-danger-bg) 72%, var(--color-bg-elevated))}.button{background:var(--button-bg);color:var(--button-text)}.button.-glow{--button-bg:var(--control-glow-bg);--button-text:var(--control-glow-text);--button-border:var(--control-glow-border-strong);--button-hover-bg:var(--control-glow-bg);--button-active-bg:var(--control-glow-bg-active);isolation:isolate;overflow:hidden}.button.-glow:before{background:radial-gradient(var(--motion-glow-size) circle at var(--control-glow-x,50%) var(--control-glow-y,50%), var(--control-glow-fill), transparent 68%);border-radius:inherit;content:"";opacity:0;pointer-events:none;transition:opacity var(--motion-feedback-duration) var(--motion-feedback-easing);z-index:0;position:absolute;inset:0}.button.-glow:after{background:radial-gradient(var(--motion-glow-size) circle at var(--control-glow-x,50%) var(--control-glow-y,50%), var(--control-glow-border-light), transparent 66%);border-radius:inherit;content:"";opacity:0;pointer-events:none;transition:opacity var(--motion-feedback-duration) var(--motion-feedback-easing);z-index:0;-webkit-mask-composite:xor;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.button.-glow:hover:before,.button.-glow:hover:after,.button.-glow:focus-visible:before,.button.-glow:focus-visible:after{opacity:1}.button:hover:not(:disabled):not([aria-disabled=true]){background:var(--button-hover-bg);transform:none}.button:active:not(:disabled):not([aria-disabled=true]){background:var(--button-active-bg);transform:none}.button:focus-visible{box-shadow:var(--focus-ring), var(--button-shadow,none);outline:0}.button:disabled,.button[aria-disabled=true]{cursor:not-allowed;opacity:var(--motion-opacity-disabled)}.button.-sm{min-height:30px;padding:0 var(--space-3);font-size:var(--component-button-sm-font-size)}.button.-lg{min-height:44px;padding:0 var(--space-5);font-size:var(--component-button-lg-font-size)}.button.-icon-only{aspect-ratio:1;min-width:36px;padding:0}.button.-icon-only.-sm{min-width:30px}.button.-icon-only.-lg{min-width:44px}.button__icon,.button__label{z-index:1;position:relative}.button__icon{width:1em;height:1em;display:inline-flex}.button__spinner{border:2px solid color-mix(in srgb, currentColor 35%, transparent);border-radius:var(--radius-full);border-top-color:currentColor;width:1em;height:1em;animation:.9s linear infinite ds-spin}@keyframes ds-spin{to{transform:rotate(360deg)}}.field{gap:var(--space-form-field-gap);display:grid}.form-label{color:var(--color-text-secondary);font-size:var(--component-field-label-font-size);font-weight:var(--component-field-label-font-weight)}.helper-text{color:var(--color-text-muted);font-size:var(--component-helper-text-font-size);line-height:var(--component-helper-text-line-height);margin:0}.helper-text.-error{color:var(--color-state-danger-text)}.input,.textarea,.select{--control-bg:var(--control-glow-bg);--control-border:var(--control-glow-border);--control-glow:transparent;background:linear-gradient(var(--control-bg), var(--control-bg)) padding-box, radial-gradient(140px circle at var(--control-glow-x,50%) var(--control-glow-y,50%), var(--control-glow), transparent 68%) border-box, linear-gradient(var(--control-border), var(--control-border)) border-box;border-radius:var(--radius-control);color:var(--color-text-primary);font-family:var(--component-input-font-family);font-size:var(--component-input-font-size);line-height:var(--component-input-line-height);min-height:38px;padding:var(--space-3) var(--space-4);transition:border-color var(--motion-feedback-duration) var(--motion-feedback-easing), box-shadow var(--motion-focus-duration) var(--motion-focus-easing), background var(--motion-feedback-duration) var(--motion-feedback-easing), opacity var(--motion-feedback-duration) var(--motion-feedback-easing);border:1px solid #0000;width:100%}.input.-sm{min-height:30px;padding:var(--space-1) var(--space-3);font-size:var(--component-button-sm-font-size)}.input.-lg{min-height:44px;padding:var(--space-3) var(--space-5);font-size:var(--type-body-lg-size)}.select{padding-right:var(--space-8);appearance:none;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%238a8f98' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>") right var(--space-3) center / 12px 12px no-repeat padding-box, linear-gradient(var(--control-bg), var(--control-bg)) padding-box, radial-gradient(140px circle at var(--control-glow-x,50%) var(--control-glow-y,50%), var(--control-glow), transparent 68%) border-box, linear-gradient(var(--control-border), var(--control-border)) border-box}.textarea{resize:vertical;min-height:96px}.input::placeholder,.textarea::placeholder{color:var(--color-text-muted)}.input:hover:not(:disabled),.textarea:hover:not(:disabled),.select:hover:not(:disabled){--control-border:var(--control-glow-border-hover);--control-glow:var(--control-glow-ring)}.input:focus,.textarea:focus,.select:focus{--control-border:var(--control-glow-border-focus);--control-glow:var(--control-glow-ring);box-shadow:var(--control-glow-focus-shadow);outline:0}.input[aria-invalid=true],.textarea[aria-invalid=true],.select[aria-invalid=true]{--control-border:var(--color-state-danger-border);--control-glow:color-mix(in srgb, var(--color-state-danger-text) 72%, transparent)}.input:disabled,.textarea:disabled,.select:disabled{cursor:not-allowed;opacity:.55}.checkbox,.radio{color:var(--color-text-secondary);align-items:center;gap:var(--space-2);display:inline-flex}.checkbox__control,.radio__control{accent-color:var(--color-accent-primary);height:16px;transition:transform var(--motion-feedback-duration) var(--motion-feedback-easing);width:16px}.checkbox:hover .checkbox__control,.radio:hover .radio__control{transform:scale(var(--motion-control-hover-scale))}.tag{background:color-mix(in srgb, var(--color-bg-subtle) 72%, transparent);border:1px solid color-mix(in srgb, var(--color-border-subtle) 82%, transparent);border-radius:var(--radius-badge);color:var(--color-text-muted);font-size:var(--component-metadata-font-size);font-weight:var(--component-metadata-font-weight);align-items:center;gap:var(--space-1);line-height:var(--type-label-sm-line-height);min-height:22px;padding:0 var(--space-2);transition:background var(--motion-feedback-duration) var(--motion-feedback-easing), border-color var(--motion-feedback-duration) var(--motion-feedback-easing), color var(--motion-feedback-duration) var(--motion-feedback-easing), transform var(--motion-feedback-duration) var(--motion-feedback-easing);display:inline-flex}.tag:hover{transform:translateY(var(--motion-compact-hover-translate))}.tag.-selected,.tag.-accent{background:color-mix(in srgb, var(--color-accent-primary) 18%, transparent);color:var(--color-text-primary)}.tag.-success{background:var(--color-state-success-bg);color:var(--color-state-success-text);border-color:var(--color-state-success-border)}.tag.-danger{background:var(--color-state-danger-bg);color:var(--color-state-danger-text);border-color:var(--color-state-danger-border)}.badge{background:var(--badge-bg,color-mix(in srgb, var(--color-bg-subtle) 78%, transparent));border:1px solid var(--badge-border,color-mix(in srgb, var(--color-border-subtle) 82%, transparent));border-radius:var(--radius-full);box-shadow:inset 0 1px 0 color-mix(in srgb, var(--color-base-white) 4%, transparent);color:var(--badge-text,var(--color-text-secondary));font-size:var(--component-metadata-font-size);font-weight:var(--component-metadata-font-weight);align-items:center;gap:var(--space-1);min-height:24px;padding:0 var(--space-2);line-height:1;display:inline-flex}.badge.-accent{--badge-bg:color-mix(in srgb, var(--color-accent-primary) 16%, transparent);--badge-border:color-mix(in srgb, var(--color-accent-primary) 32%, var(--color-border-subtle));--badge-text:var(--color-text-primary)}.badge.-success{--badge-bg:var(--color-state-success-bg);--badge-border:var(--color-state-success-border);--badge-text:var(--color-state-success-text)}.badge.-warning{--badge-bg:var(--color-state-warning-bg);--badge-border:var(--color-state-warning-border);--badge-text:var(--color-state-warning-text)}.badge.-danger{--badge-bg:var(--color-state-danger-bg);--badge-border:var(--color-state-danger-border);--badge-text:var(--color-state-danger-text)}.kbd{background:linear-gradient(180deg, color-mix(in srgb, var(--color-bg-elevated) 96%, var(--color-base-white)), var(--color-bg-surface));border:1px solid var(--color-border-subtle);border-bottom-color:var(--color-border-strong);border-radius:var(--radius-sm);box-shadow:0 1px 0 #ffffff0a inset, 0 2px 0 color-mix(in srgb, var(--color-base-black) 35%, transparent);color:var(--color-text-secondary);font-family:var(--component-code-font-family);font-size:var(--component-code-font-size);font-weight:var(--font-weight-semibold);min-height:22px;padding:4px 6px;line-height:1;display:inline-flex}.separator{background:var(--color-border-subtle);border:0;margin:0}.separator.-horizontal{width:100%;height:1px}.separator.-vertical{align-self:stretch;width:1px;height:auto;min-height:1em}.progress{gap:var(--space-2);min-width:160px;display:grid}.progress__label{color:var(--color-text-secondary);font-size:var(--component-metadata-font-size);justify-content:space-between;display:flex}.progress__track{background:color-mix(in srgb, var(--color-bg-subtle) 78%, transparent);border:1px solid var(--color-border-subtle);border-radius:var(--radius-full);height:10px;overflow:hidden}.progress__bar{background:linear-gradient(90deg, var(--color-accent-primary), color-mix(in srgb, var(--color-accent-primary) 76%, var(--color-base-white)));box-shadow:0 0 18px color-mix(in srgb, var(--color-accent-primary) 24%, transparent);height:100%;transition:width var(--motion-disclosure-duration) var(--motion-disclosure-easing);display:block}.slider{gap:var(--space-2);display:grid}.slider__label{color:var(--color-text-secondary);font-size:var(--component-field-label-font-size)}.slider__control{accent-color:var(--color-accent-primary);width:100%}.switch{color:var(--color-text-secondary);cursor:pointer;align-items:center;gap:var(--space-2);display:inline-flex}.switch__input{opacity:0;width:1px;height:1px;position:absolute}.switch__track{background:color-mix(in srgb, var(--color-bg-subtle) 82%, transparent);border:1px solid var(--color-border-subtle);border-radius:var(--radius-full);height:24px;transition:background var(--motion-feedback-duration) var(--motion-feedback-easing), border-color var(--motion-feedback-duration) var(--motion-feedback-easing);width:42px;padding:2px;display:inline-flex;box-shadow:inset 0 1px 4px #00000059}.switch__thumb{background:var(--color-text-muted);border-radius:var(--radius-full);height:18px;transition:background var(--motion-feedback-duration) var(--motion-feedback-easing), transform var(--motion-disclosure-duration) var(--motion-disclosure-easing);width:18px;transform:translate(0);box-shadow:0 2px 8px #00000047}.switch__input:checked+.switch__track{background:var(--color-accent-primary);border-color:#0000}.switch__input:checked+.switch__track .switch__thumb{background:var(--color-text-inverse);transform:translate(18px)}.switch__input:focus-visible+.switch__track{box-shadow:0 0 0 3px color-mix(in srgb, var(--color-accent-primary) 18%, transparent)}.switch__label{font-size:var(--type-body-md-size)}.toggle{border:1px solid var(--color-border-subtle);border-radius:var(--radius-control);color:var(--color-text-secondary);cursor:pointer;align-items:center;gap:var(--space-2);min-height:34px;padding:0 var(--space-3);transition:background var(--motion-feedback-duration) var(--motion-feedback-easing), border-color var(--motion-feedback-duration) var(--motion-feedback-easing), color var(--motion-feedback-duration) var(--motion-feedback-easing), box-shadow var(--motion-feedback-duration) var(--motion-feedback-easing);background:0 0;display:inline-flex}.toggle:hover:not(:disabled){background:var(--color-bg-subtle);color:var(--color-text-primary)}.toggle.-pressed{background:color-mix(in srgb, var(--color-text-primary) 10%, transparent);border-color:color-mix(in srgb, var(--color-text-primary) 26%, var(--color-border-subtle));box-shadow:inset 0 1px 0 color-mix(in srgb, var(--color-base-white) 5%, transparent);color:var(--color-text-primary)}.aspect-ratio{background:radial-gradient(circle at 50% 35%, color-mix(in srgb, var(--color-bg-elevated) 92%, transparent), var(--color-bg-subtle));border:1px solid var(--color-border-subtle);border-radius:var(--radius-card);place-items:center;min-width:0;display:grid;overflow:hidden}.hero-parallax{gap:var(--space-6);padding:var(--space-12) var(--space-6);background:var(--color-bg-app);display:grid;position:relative;overflow:hidden}.hero-parallax__row{gap:var(--space-3);pointer-events:none;transition:transform .2s ease-out;display:flex}.hero-parallax__row.-top{transform-origin:0}.hero-parallax__row.-bottom{transform-origin:100%;justify-content:flex-end}.hero-parallax__card{min-width:220px;padding:var(--space-3);background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);border-radius:var(--radius-card);box-shadow:var(--elevation-level-1);flex-shrink:0}.hero-parallax__card-title{color:var(--color-text-primary);font-weight:var(--font-weight-medium)}.hero-parallax__card-meta{color:var(--color-text-muted);font-size:var(--font-size-100);margin-top:var(--space-1)}.hero-parallax__center{gap:var(--space-3);text-align:center;z-index:1;justify-items:center;max-width:720px;margin:0 auto;display:grid;position:relative}.hero-parallax__actions{gap:var(--space-2);margin-top:var(--space-3);display:flex}.shader-bg{background:var(--color-bg-app);--shader-color:var(--color-accent-primary);position:relative;overflow:hidden}.shader-bg__layer{pointer-events:none;position:absolute;inset:0}.shader-bg.-mesh .shader-bg__layer{background:radial-gradient(circle at 20% 30%, color-mix(in srgb, var(--shader-color) 40%, transparent), transparent 50%), radial-gradient(circle at 80% 60%, color-mix(in srgb, var(--shader-color) 30%, transparent), transparent 50%), radial-gradient(circle at 60% 20%, color-mix(in srgb, var(--shader-color) 20%, transparent), transparent 50%);filter:blur(40px);animation:shader-mesh calc(10s / var(--shader-speed,1)) ease-in-out infinite alternate}@keyframes shader-mesh{0%{transform:scale(1)translate(0)}to{transform:scale(1.1)translate(-20px,20px)}}.shader-bg.-waves svg{width:100%;height:100%}.shader-bg__wave{fill:color-mix(in srgb, var(--shader-color) 40%, transparent);animation:shader-wave calc(6s / var(--shader-speed,1)) ease-in-out infinite alternate}.shader-bg__wave.-alt{fill:color-mix(in srgb, var(--shader-color) 22%, transparent);animation-duration:calc(8s / var(--shader-speed,1))}@keyframes shader-wave{0%{transform:translate(0)}to{transform:translate(-30px)}}.shader-bg.-noise:before{content:"";background-image:radial-gradient(color-mix(in srgb, var(--shader-color) 18%, transparent) 1px, transparent 1px);opacity:.5;animation:shader-noise calc(.5s / var(--shader-speed,1)) steps(4) infinite;background-size:4px 4px;position:absolute;inset:0}@keyframes shader-noise{0%{transform:translate(0)}25%{transform:translate(-2px,1px)}50%{transform:translate(1px,-2px)}75%{transform:translate(-1px,2px)}to{transform:translate(0)}}.shader-bg__content{z-index:1;padding:var(--space-12) var(--space-6);position:relative}@media (prefers-reduced-motion:reduce){.shader-bg__layer,.shader-bg__wave,.shader-bg:before{animation:none!important}}.bento-grid{gap:var(--space-3);padding:var(--space-6);grid-auto-rows:minmax(140px,auto);display:grid}.bento-grid.-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.bento-grid.-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.bento-grid.-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}@media (width<=900px){.bento-grid.-cols-4,.bento-grid.-cols-6{grid-template-columns:repeat(2,minmax(0,1fr))}.bento-grid__cell{grid-column:span 1!important}}.bento-grid__cell{min-width:0}.bento-grid__card{height:100%}.sticky-features{gap:var(--space-16);padding:var(--space-12) var(--space-6);display:grid}.sticky-features__row{gap:var(--space-8);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;display:grid}.sticky-features__row.-reversed .sticky-features__visual{order:2}.sticky-features__visual{top:var(--space-8);position:sticky}.sticky-features__visual-inner{background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);border-radius:var(--radius-section);padding:var(--space-6);place-items:center;min-height:320px;display:grid;overflow:hidden}.sticky-features__copy{gap:var(--space-3);align-content:center;display:grid}.sticky-features__eyebrow{text-transform:uppercase;letter-spacing:.06em}@media (width<=900px){.sticky-features__row{grid-template-columns:1fr}.sticky-features__row.-reversed .sticky-features__visual{order:0}.sticky-features__visual{position:static}}.cta-section{padding:var(--space-12) var(--space-6)}.cta-section__inner{text-align:center;gap:var(--space-3);max-width:720px;padding:var(--space-12) var(--space-6);border-radius:var(--radius-section);margin:0 auto;display:grid}.cta-section.-accent .cta-section__inner{background:linear-gradient(135deg, color-mix(in srgb, var(--color-accent-primary) 25%, var(--color-bg-elevated)), var(--color-bg-elevated));border:1px solid color-mix(in srgb, var(--color-accent-primary) 40%, var(--color-border-subtle))}.cta-section.-muted .cta-section__inner{background:var(--color-bg-subtle);border:1px solid var(--color-border-subtle)}.cta-section.-elevated .cta-section__inner{background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);box-shadow:var(--elevation-level-2)}.cta-section__actions{gap:var(--space-2);margin-top:var(--space-3);justify-content:center;display:flex}.stats-section{padding:var(--space-12) var(--space-6);gap:var(--space-6);display:grid}.stats-section__header{text-align:center;gap:var(--space-2);max-width:600px;margin:0 auto;display:grid}.stats-section__grid{gap:var(--space-4);display:grid}.stats-section.-cols-2 .stats-section__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stats-section.-cols-3 .stats-section__grid{grid-template-columns:repeat(3,minmax(0,1fr))}.stats-section.-cols-4 .stats-section__grid{grid-template-columns:repeat(4,minmax(0,1fr))}@media (width<=720px){.stats-section.-cols-3 .stats-section__grid,.stats-section.-cols-4 .stats-section__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.stats-section__item{gap:var(--space-1);padding:var(--space-4);background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);border-radius:var(--radius-card);text-align:center;display:grid}.stats-section__value{font-size:var(--font-size-800);font-weight:var(--font-weight-semibold);color:var(--color-accent-primary);line-height:1}.stats-section__label{text-transform:uppercase;letter-spacing:.04em}.logo-cloud{padding:var(--space-8) var(--space-6);gap:var(--space-4);display:grid}.logo-cloud__title{text-align:center;text-transform:uppercase;letter-spacing:.06em}.logo-cloud__grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(140px,1fr));place-items:center;display:grid}.logo-cloud__logo{color:var(--color-text-muted);height:32px;transition:color var(--motion-duration-fast) var(--motion-easing-standard);align-items:center;display:inline-flex}.logo-cloud a:hover .logo-cloud__logo{color:var(--color-text-primary)}.empty-state{gap:var(--space-4);padding:var(--space-8);text-align:center;justify-items:center;display:grid}.empty-state.-sm{padding:var(--space-6);gap:var(--space-2)}.empty-state.-lg{padding:var(--space-12);gap:var(--space-6)}.empty-state__illustration{width:120px;height:120px;color:var(--color-text-muted);place-items:center;animation:4s ease-in-out infinite empty-state-float;display:grid}.empty-state.-sm .empty-state__illustration{width:80px;height:80px}.empty-state.-lg .empty-state__illustration{width:160px;height:160px}@keyframes empty-state-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@media (prefers-reduced-motion:reduce){.empty-state__illustration{animation:none}}.empty-state__copy{gap:var(--space-1);max-width:400px;display:grid}.empty-state__actions{gap:var(--space-2);margin-top:var(--space-2);justify-content:center;display:flex}.vercel-snap-text{vertical-align:bottom;display:inline-block;position:relative;overflow:hidden}.vercel-snap-text.-inline{vertical-align:baseline}.vercel-snap-text__measure{visibility:hidden;white-space:nowrap;display:inline-block}.vercel-snap-text__column{transform:translateY(calc(var(--snap-index,0) * -100%));transition:transform var(--motion-duration-slow) cubic-bezier(.65, 0, .35, 1);flex-direction:column;align-items:flex-start;display:flex;position:absolute;inset:0}.vercel-snap-text__item{white-space:nowrap;height:100%;line-height:1;display:block}@media (prefers-reduced-motion:reduce){.vercel-snap-text__column{transition:none}}.motion-tabs-menu{gap:var(--space-3);display:grid}.motion-tabs-menu__list{background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);border-radius:var(--radius-control);align-self:start;gap:2px;padding:4px;display:inline-flex;position:relative}.motion-tabs-menu__indicator{background:var(--color-bg-subtle);border-radius:calc(var(--radius-control) - 4px);transition:transform var(--motion-duration-normal) var(--motion-easing-standard), width var(--motion-duration-normal) var(--motion-easing-standard);z-index:0;position:absolute;top:4px;bottom:4px;left:0}.motion-tabs-menu__tab{z-index:1;color:var(--color-text-secondary);font:inherit;font-size:var(--font-size-200);font-weight:var(--font-weight-medium);padding:var(--space-1) var(--space-3);border-radius:calc(var(--radius-control) - 4px);cursor:pointer;transition:color var(--motion-duration-fast) var(--motion-easing-standard);background:0 0;border:0;position:relative}.motion-tabs-menu__tab:hover,.motion-tabs-menu__tab.-active{color:var(--color-text-primary)}.motion-tabs-menu__panel{padding:var(--space-3) 0;color:var(--color-text-secondary)}.cursor-image-trail{position:relative;overflow:hidden}.cursor-image-trail__layer{pointer-events:none;z-index:5;position:absolute;inset:0}.cursor-image-trail__image{border-radius:var(--radius-card);pointer-events:none;object-fit:cover;box-shadow:var(--elevation-level-2);animation:.7s ease-out forwards cursor-trail-fade;position:absolute}@keyframes cursor-trail-fade{0%{opacity:0;transform:scale(.6)translateY(0)}20%{opacity:1;transform:scale(1)translateY(0)}to{opacity:0;transform:scale(.9)translateY(20px)}}@media (prefers-reduced-motion:reduce){.cursor-image-trail__image{opacity:.7;animation:none}}.hover-feature-cards{gap:var(--space-4);display:grid}.hover-feature-cards.-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.hover-feature-cards.-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.hover-feature-cards.-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}@media (width<=900px){.hover-feature-cards.-cols-3,.hover-feature-cards.-cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=560px){.hover-feature-cards{grid-template-columns:1fr!important}}.hover-feature-cards__card-inner{gap:var(--space-2);align-content:start;min-height:160px;display:grid;position:relative}.hover-feature-cards__icon{color:var(--color-accent-primary);width:24px;height:24px;display:inline-flex}.hover-feature-cards__title{color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}.hover-feature-cards__description{color:var(--color-text-secondary);font-size:var(--font-size-200)}.hover-feature-cards__hover{background:var(--color-bg-elevated);padding:var(--space-2) 0 0;color:var(--color-text-secondary);font-size:var(--font-size-100);opacity:0;transition:opacity var(--motion-duration-fast) var(--motion-easing-standard), transform var(--motion-duration-fast) var(--motion-easing-standard);position:absolute;inset:auto 0 0;transform:translateY(8px)}.hover-feature-cards__card:hover .hover-feature-cards__hover,.hover-feature-cards__card:focus-visible .hover-feature-cards__hover{opacity:1;transform:translateY(0)}.motion-faqs{gap:var(--space-2);display:grid}.motion-faqs__item{background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);border-radius:var(--radius-card);overflow:hidden}.motion-faqs__trigger{justify-content:space-between;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-4);color:var(--color-text-primary);font:inherit;font-weight:var(--font-weight-medium);cursor:pointer;text-align:left;transition:background var(--motion-duration-fast) var(--motion-easing-standard);background:0 0;border:0;display:flex}.motion-faqs__trigger:hover{background:color-mix(in srgb, var(--color-bg-subtle) 60%, transparent)}.motion-faqs__question{flex:1}.motion-faqs__chevron{color:var(--color-text-muted);transition:transform var(--motion-duration-normal) var(--motion-easing-standard);flex-shrink:0}.motion-faqs__item.-open .motion-faqs__chevron{color:var(--color-accent-primary);transform:rotate(180deg)}.motion-faqs__content{transition:grid-template-rows var(--motion-duration-normal) var(--motion-easing-standard);grid-template-rows:0fr;display:grid}.motion-faqs__item.-open .motion-faqs__content{grid-template-rows:1fr}.motion-faqs__answer{color:var(--color-text-secondary);font-size:var(--font-size-300);line-height:var(--line-height-400);padding:0 var(--space-4) var(--space-3);overflow:hidden}.motion-faqs__item.-open .motion-faqs__answer{padding-top:0}@media (prefers-reduced-motion:reduce){.motion-faqs__content{transition:none}}.pixel-liquid-bg{position:relative;overflow:hidden}.pixel-liquid-bg__canvas{width:100%;height:100%;image-rendering:pixelated;-ms-interpolation-mode:nearest-neighbor;pointer-events:none;position:absolute;inset:0}.aurora-bars{background:var(--color-bg-app);--aurora-color:var(--color-accent-primary);position:relative;overflow:hidden}.aurora-bars__bar{background:linear-gradient(to top, var(--aurora-color), transparent);filter:blur(24px);opacity:.7;height:60%;animation:aurora-rise var(--aurora-duration,4s) ease-in-out infinite;position:absolute;bottom:0}@keyframes aurora-rise{0%,to{opacity:.4;transform:translateY(20%)scaleY(.6)}50%{opacity:.85;transform:translateY(-10%)scaleY(1)}}@media (prefers-reduced-motion:reduce){.aurora-bars__bar{opacity:.5;animation:none;transform:scaleY(.8)}}.ai-chat{gap:var(--space-3);background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);border-radius:var(--radius-section);padding:var(--space-4);display:grid}.ai-chat__messages{gap:var(--space-3);max-height:360px;padding-right:var(--space-2);display:grid;overflow-y:auto}.ai-chat__message{gap:var(--space-1);max-width:80%;display:grid}.ai-chat__message.-user{justify-self:end}.ai-chat__message.-assistant{justify-self:start}.ai-chat__bubble{padding:var(--space-2) var(--space-3);border-radius:var(--radius-card);background:var(--color-bg-subtle);color:var(--color-text-primary);line-height:var(--line-height-400)}.ai-chat__message.-user .ai-chat__bubble{background:var(--color-accent-primary);color:var(--color-text-inverse)}.ai-chat__bubble.-typing{padding:var(--space-3);gap:4px;display:inline-flex}.ai-chat__bubble.-typing span{background:var(--color-text-muted);border-radius:50%;width:6px;height:6px;animation:1.2s ease-in-out infinite ai-chat-typing}.ai-chat__bubble.-typing span:nth-child(2){animation-delay:.2s}.ai-chat__bubble.-typing span:nth-child(3){animation-delay:.4s}@keyframes ai-chat-typing{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}.ai-chat__meta{font-size:var(--font-size-100);color:var(--color-text-muted)}.ai-chat__form{gap:var(--space-2);align-items:stretch;display:flex}.ai-chat__form .input{flex:1}.inline-testimonials{gap:var(--space-4);display:grid}.inline-testimonials.-row{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.inline-testimonials__item{gap:var(--space-2);margin:0;display:grid}.inline-testimonials__quote{padding:var(--space-3) 0 var(--space-2);border-left:3px solid var(--color-accent-primary);padding-left:var(--space-3);color:var(--color-text-primary);font-size:var(--font-size-400);line-height:var(--line-height-400);margin:0}.inline-testimonials__author{align-items:center;gap:var(--space-2);display:flex}.inline-testimonials__name{color:var(--color-text-primary);font-weight:var(--font-weight-medium);display:block}.inline-testimonials__role{color:var(--color-text-muted);font-size:var(--font-size-100);display:block}.animated-chart{gap:var(--space-2);padding:var(--space-3);background:var(--color-bg-elevated);border-radius:var(--radius-card);border:1px solid var(--color-border-subtle);align-items:flex-end;display:flex}.animated-chart.-bar{align-items:flex-end}.animated-chart__bar-wrap{align-items:center;gap:var(--space-1);flex-direction:column;flex:1;height:100%;display:flex}.animated-chart__bar{background:linear-gradient(to top, var(--color-accent-primary), color-mix(in srgb, var(--color-accent-primary) 60%, transparent));border-radius:var(--radius-sm) var(--radius-sm) 0 0;width:100%;transition:height var(--motion-duration-slow) var(--motion-easing-standard);min-height:4px}.animated-chart__label{font-size:var(--font-size-100);color:var(--color-text-muted)}.animated-chart.-line,.animated-chart.-area{gap:var(--space-2);align-items:stretch;display:grid}.animated-chart__line{fill:none;stroke:var(--color-accent-primary);stroke-width:.8px;vector-effect:non-scaling-stroke}.animated-chart__area{fill:color-mix(in srgb, var(--color-accent-primary) 24%, transparent);stroke:none}.animated-chart__labels{padding:0 var(--space-2);justify-content:space-between;display:flex}.label-selector{gap:var(--space-1);flex-wrap:wrap;display:flex}.label-selector__chip{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border:1px solid var(--color-border-subtle);border-radius:var(--radius-full);color:var(--color-text-secondary);font:inherit;font-size:var(--font-size-100);cursor:pointer;transition:background var(--motion-duration-fast) var(--motion-easing-standard), border-color var(--motion-duration-fast) var(--motion-easing-standard), color var(--motion-duration-fast) var(--motion-easing-standard);background:0 0;display:inline-flex}.label-selector__chip:hover{color:var(--color-text-primary);border-color:var(--color-border-strong)}.label-selector__chip.-selected{background:color-mix(in srgb, var(--color-accent-primary) 18%, transparent);border-color:color-mix(in srgb, var(--color-accent-primary) 60%, transparent);color:var(--color-text-primary)}.label-selector__dot{border-radius:50%;width:8px;height:8px;display:inline-block}.color-swatch-selector{gap:var(--space-1);flex-wrap:wrap;align-items:center;display:flex}.color-swatch-selector__swatch{border-radius:var(--radius-sm);cursor:pointer;transition:transform var(--motion-duration-fast) var(--motion-easing-standard), border-color var(--motion-duration-fast) var(--motion-easing-standard);border:2px solid #0000;padding:0}.color-swatch-selector__swatch:hover{transform:scale(1.08)}.color-swatch-selector__swatch.-selected{border-color:var(--color-text-primary);box-shadow:0 0 0 2px var(--color-bg-elevated) inset}.color-swatch-selector__custom{display:inline-flex}.color-swatch-selector__custom input[type=color]{border:1px dashed var(--color-border-subtle);border-radius:var(--radius-sm);cursor:pointer;background:0 0;padding:0}.animate-count{font-variant-numeric:tabular-nums}.animate-digits{font-variant-numeric:tabular-nums;align-items:baseline;display:inline-flex}.animate-digits__affix{display:inline-block}.animate-digits__slot{vertical-align:bottom;height:1em;line-height:1;display:inline-block;overflow:hidden}.animate-digits__column{transition:transform var(--motion-duration-normal) var(--motion-easing-standard);flex-direction:column;display:flex}.animate-digits__digit{height:1em;line-height:1;display:inline-block}@media (prefers-reduced-motion:reduce){.animate-digits__column{transition:none}}.marquee{--marquee-duration:25s;position:relative;overflow:hidden}.marquee.-slow{--marquee-duration:45s}.marquee.-fast{--marquee-duration:12s}.marquee.-fade-edges{-webkit-mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000);mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000)}.marquee.-vertical.-fade-edges{-webkit-mask-image:linear-gradient(#0000,#000 12% 88%,#0000);mask-image:linear-gradient(#0000,#000 12% 88%,#0000)}.marquee__track{gap:var(--marquee-gap);width:max-content;display:flex}.marquee.-vertical .marquee__track{flex-direction:column;width:auto;height:max-content}.marquee__group{gap:var(--marquee-gap);flex-shrink:0;align-items:center;display:flex}.marquee.-vertical .marquee__group{flex-direction:column}.marquee.-left .marquee__track{animation:marquee-left var(--marquee-duration) linear infinite}.marquee.-right .marquee__track{animation:marquee-right var(--marquee-duration) linear infinite}.marquee.-up .marquee__track{animation:marquee-up var(--marquee-duration) linear infinite}.marquee.-down .marquee__track{animation:marquee-down var(--marquee-duration) linear infinite}.marquee.-pause-on-hover:hover .marquee__track{animation-play-state:paused}@keyframes marquee-left{0%{transform:translate(0)}to{transform:translateX(calc(-50% - var(--marquee-gap) / 2))}}@keyframes marquee-right{0%{transform:translateX(calc(-50% - var(--marquee-gap) / 2))}to{transform:translate(0)}}@keyframes marquee-up{0%{transform:translateY(0)}to{transform:translateY(calc(-50% - var(--marquee-gap) / 2))}}@keyframes marquee-down{0%{transform:translateY(calc(-50% - var(--marquee-gap) / 2))}to{transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.marquee__track{animation:none!important}}.glowing-text{color:#0000;background-size:200% 100%;-webkit-background-clip:text;background-clip:text;animation:6s linear infinite glowing-text-shift;display:inline-block}.glowing-text.-static{background-position:50% 0;animation:none}.glowing-text.-mono{background-image:linear-gradient(90deg, color-mix(in srgb, var(--color-text-primary) 70%, transparent), var(--color-accent-primary), color-mix(in srgb, var(--color-text-primary) 70%, transparent));text-shadow:0 0 18px color-mix(in srgb, var(--color-accent-primary) 24%, transparent)}.glowing-text.-colorful{background-image:linear-gradient(90deg, var(--color-accent-primary), #6366f1, #02b8cc, #eb5757, var(--color-accent-primary));text-shadow:0 0 22px color-mix(in srgb, var(--color-accent-primary) 18%, transparent)}@keyframes glowing-text-shift{0%{background-position:0 0}to{background-position:200% 0}}@media (prefers-reduced-motion:reduce){.glowing-text{animation:none}}.glow-card{isolation:isolate;color:var(--color-text-primary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-card);transition:transform var(--motion-feedback-duration) var(--motion-feedback-easing), border-color var(--motion-feedback-duration) var(--motion-feedback-easing), box-shadow var(--motion-feedback-duration) var(--motion-feedback-easing);text-decoration:none;display:block;position:relative;overflow:hidden}.glow-card.-surface-elevated{background:var(--color-bg-elevated)}.glow-card.-surface-surface{background:var(--color-bg-surface)}.glow-card.-surface-subtle{background:var(--color-bg-subtle)}.glow-card:before{content:"";pointer-events:none;opacity:0;transition:opacity var(--motion-feedback-duration) var(--motion-feedback-easing);background:radial-gradient(220px circle at var(--control-glow-x,50%) var(--control-glow-y,50%), var(--glow-card-fill,color-mix(in srgb, var(--color-accent-primary) 14%, transparent)), transparent 70%);z-index:0;position:absolute;inset:0}.glow-card:after{content:"";pointer-events:none;opacity:0;transition:opacity var(--motion-feedback-duration) var(--motion-feedback-easing);background:radial-gradient(160px circle at var(--control-glow-x,50%) var(--control-glow-y,50%), var(--glow-card-border,color-mix(in srgb, var(--color-accent-primary) 70%, transparent)), transparent 60%);border-radius:inherit;-webkit-mask-composite:xor;z-index:0;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.glow-card:hover:before,.glow-card:focus-visible:before,.glow-card:hover:after,.glow-card:focus-visible:after{opacity:1}.glow-card.-tone-accent{--glow-card-fill:color-mix(in srgb, var(--color-accent-primary) 22%, transparent)}.glow-card.-tone-subtle{--glow-card-fill:color-mix(in srgb, var(--color-text-muted) 10%, transparent);--glow-card-border:color-mix(in srgb, var(--color-border-strong) 60%, transparent)}.glow-card.-interactive{cursor:pointer}.glow-card.-interactive:hover{border-color:color-mix(in srgb, var(--color-accent-primary) 30%, var(--color-border-subtle));transform:translateY(-2px)}.glow-card.-interactive:focus-visible{outline:2px solid var(--color-accent-primary);outline-offset:2px}.glow-card__inner{z-index:1;padding:var(--space-4);display:block;position:relative}.morph-icon{vertical-align:middle;display:inline-block}.morph-icon *{transition:transform var(--motion-duration-normal) var(--motion-easing-standard), opacity var(--motion-duration-normal) var(--motion-easing-standard), stroke-dashoffset var(--motion-duration-normal) var(--motion-easing-standard);transform-box:fill-box;transform-origin:50%}.morph-icon-sidebar-toggle .morph-target{transform-origin:15px 12px}.morph-icon-sidebar-toggle[data-state=open] .morph-target{transform:rotate(180deg)}.morph-icon-burger line{transform-origin:12px 12px}.morph-icon-burger[data-state=open] .morph-burger-1{transform:translateY(5px)rotate(45deg)}.morph-icon-burger[data-state=open] .morph-burger-3{transform:translateY(-5px)rotate(-45deg)}.morph-icon-burger[data-state=open] .morph-burger-2{opacity:0;transform:scaleX(0)}.morph-icon-caret{transition:transform var(--motion-duration-normal) var(--motion-easing-standard)}.morph-icon-caret[data-state=down]{transform:rotate(0)}.morph-icon-caret[data-state=up]{transform:rotate(180deg)}.morph-icon-caret[data-state=left]{transform:rotate(90deg)}.morph-icon-caret[data-state=right]{transform:rotate(-90deg)}.morph-icon-theme .morph-sun{opacity:0;transform-origin:50%;transform:rotate(-90deg)scale(.6)}.morph-icon-theme .morph-moon{opacity:1;transform-origin:50%;transform:rotate(0)scale(1)}.morph-icon-theme[data-state=light] .morph-sun{opacity:1;transform:rotate(0)scale(1)}.morph-icon-theme[data-state=light] .morph-moon{opacity:0;transform:rotate(90deg)scale(.6)}.morph-icon-eye .morph-target{stroke-dasharray:30;stroke-dashoffset:30px}.morph-icon-eye[data-state=hidden] .morph-target{stroke-dashoffset:0}.morph-icon-lock .morph-target{transform-origin:8px 11px}.morph-icon-lock[data-state=unlocked] .morph-target{transform:rotate(-25deg)translate(-2px)}.morph-icon-volume .morph-mute,.morph-icon-volume[data-state=muted] .morph-wave-1,.morph-icon-volume[data-state=muted] .morph-wave-2{opacity:0}.morph-icon-volume[data-state=muted] .morph-mute{opacity:1}.morph-icon-vis .morph-target{transform-origin:12px 12px}.morph-icon-vis[data-state=expanded] .morph-target{opacity:0;transform:rotate(90deg)}.morph-icon-copy .morph-check{opacity:0;stroke-dasharray:30;stroke-dashoffset:30px;transform:scale(.6)}.morph-icon-copy[data-state=copied] .morph-copy{opacity:0;transform:scale(.6)}.morph-icon-copy[data-state=copied] .morph-check{opacity:1;stroke-dashoffset:0;transform:scale(1)}.morph-icon-check-circle .morph-check{stroke-dasharray:22;stroke-dashoffset:22px}.morph-icon-check-circle .morph-cross-1,.morph-icon-check-circle .morph-cross-2{stroke-dasharray:12;stroke-dashoffset:12px}.morph-icon-check-circle[data-state=success] .morph-check,.morph-icon-check-circle[data-state=error] .morph-cross-1,.morph-icon-check-circle[data-state=error] .morph-cross-2{stroke-dashoffset:0}.morph-icon-save-edit .morph-check,.morph-icon-save-edit[data-state=saved] .morph-edit{opacity:0;transform:scale(.6)}.morph-icon-save-edit[data-state=saved] .morph-check{opacity:1;transform:scale(1)}.morph-icon-plus-cross .morph-target{transform-origin:12px 12px}.morph-icon-plus-cross[data-state=cancel] .morph-target{transform:rotate(45deg)}.morph-icon-trash-minus .morph-trash{opacity:0;transform:scale(.6)}.morph-icon-trash-minus[data-state=trash] .morph-minus{opacity:0}.morph-icon-trash-minus[data-state=trash] .morph-trash{opacity:1;transform:scale(1)}.morph-icon-send .morph-spinner{opacity:0;transform-origin:50%}.morph-icon-send .morph-check{opacity:0;stroke-dasharray:24;stroke-dashoffset:24px}.morph-icon-send[data-state=loading] .morph-send{opacity:0}.morph-icon-send[data-state=loading] .morph-spinner{opacity:1;animation:.9s linear infinite morph-spin}.morph-icon-send[data-state=done] .morph-send{opacity:0}.morph-icon-send[data-state=done] .morph-check{opacity:1;stroke-dashoffset:0}.morph-icon-save-update .morph-spinner{opacity:0}.morph-icon-save-update .morph-check{opacity:0;stroke-dasharray:24;stroke-dashoffset:24px}.morph-icon-save-update[data-state=loading] .morph-save{opacity:0}.morph-icon-save-update[data-state=loading] .morph-spinner{opacity:1;animation:.9s linear infinite morph-spin}.morph-icon-save-update[data-state=done] .morph-save{opacity:0}.morph-icon-save-update[data-state=done] .morph-check{opacity:1;stroke-dashoffset:0}@keyframes morph-spin{to{transform:rotate(360deg)}}.morph-icon-bell .morph-dot{opacity:0;transform:scale(0)}.morph-icon-bell[data-state=active] .morph-dot{opacity:1;transform:scale(1)}.morph-icon-heart .morph-target{fill:#0000}.morph-icon-heart[data-state=favorited] .morph-target{fill:currentColor;transform:scale(1.08)}.morph-icon-filter .morph-dot{opacity:0;transform:scale(0)}.morph-icon-filter[data-state=active] .morph-dot{opacity:1;transform:scale(1)}.morph-icon-search-clear .morph-clear{opacity:0;transform:scale(.6)rotate(-90deg)}.morph-icon-search-clear[data-state=clear] .morph-search{opacity:0;transform:scale(.6)}.morph-icon-search-clear[data-state=clear] .morph-clear{opacity:1;transform:scale(1)rotate(0)}.morph-icon-add-remove .morph-target{transform-origin:12px 12px}.morph-icon-add-remove[data-state=remove] .morph-target{opacity:0;transform:rotate(90deg)}.morph-icon-arrow{transition:transform var(--motion-duration-normal) var(--motion-easing-standard)}.morph-icon-arrow[data-state=right]{transform:rotate(0)}.morph-icon-arrow[data-state=left]{transform:rotate(180deg)}.morph-icon-arrow[data-state=up]{transform:rotate(-90deg)}.morph-icon-arrow[data-state=down]{transform:rotate(90deg)}@media (prefers-reduced-motion:reduce){.morph-icon,.morph-icon *{transition:none!important;animation:none!important}}.floating-navbar{z-index:var(--z-sticky);width:100%;transition:transform var(--motion-duration-normal) var(--motion-easing-standard), opacity var(--motion-duration-normal) var(--motion-easing-standard);position:sticky;top:0}.floating-navbar.-floating{padding:var(--space-3) var(--space-4)}.floating-navbar.-floating .floating-navbar__inner{background:color-mix(in srgb, var(--color-bg-elevated) 80%, transparent);border:1px solid var(--color-border-subtle);border-radius:var(--radius-section);box-shadow:var(--elevation-level-1);-webkit-backdrop-filter:blur(16px)}.floating-navbar.-pinned{background:var(--color-bg-elevated);border-bottom:1px solid var(--color-border-subtle)}.floating-navbar.-pinned .floating-navbar__inner{background:0 0;border:0}.floating-navbar.-hidden{opacity:0;transform:translateY(-120%)}.floating-navbar__inner{align-items:center;gap:var(--space-4);padding:var(--space-2) var(--space-4);min-height:var(--navigation-header-height,64px);grid-template-columns:auto minmax(0,1fr) auto;display:grid}.floating-navbar__brand{align-items:center;gap:var(--space-2);color:var(--color-text-primary);font-weight:var(--font-weight-semibold);display:flex}.floating-navbar__center{justify-content:center;align-items:center;display:flex}.floating-navbar__actions{align-items:center;gap:var(--space-2);display:flex}.motion-nav-menu{align-items:center;gap:var(--space-1);padding:var(--space-1);display:inline-flex;position:relative}.motion-nav-menu__indicator{background:var(--color-bg-subtle);border-radius:var(--radius-control);height:100%;transition:transform var(--motion-duration-normal) var(--motion-easing-standard), width var(--motion-duration-normal) var(--motion-easing-standard), opacity var(--motion-duration-fast) var(--motion-easing-standard);pointer-events:none;z-index:0;position:absolute;top:0;left:0}.motion-nav-menu__item-wrapper{z-index:1;position:relative}.motion-nav-menu__item{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border-radius:var(--radius-control);color:var(--color-text-secondary);font:inherit;font-size:var(--font-size-200);font-weight:var(--font-weight-medium);cursor:pointer;transition:color var(--motion-duration-fast) var(--motion-easing-standard);background:0 0;border:0;text-decoration:none;display:inline-flex}.motion-nav-menu__item:hover,.motion-nav-menu__item.-active{color:var(--color-text-primary)}.motion-nav-menu__item:focus-visible{outline:2px solid var(--color-accent-primary);outline-offset:2px}.motion-nav-menu__dropdown{top:calc(100% + var(--space-1));background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);border-radius:var(--radius-card);min-width:240px;box-shadow:var(--elevation-level-2);padding:var(--space-2);z-index:var(--z-dropdown);animation:ds-fade-in var(--motion-duration-fast) var(--motion-easing-standard);position:absolute;left:0}@keyframes ds-fade-in{0%{opacity:0}to{opacity:1}}.file-tree{font-size:var(--font-size-200);gap:0;display:grid}.file-tree__group{display:grid}.file-tree__row{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);min-height:28px;color:var(--color-text-secondary);text-align:left;cursor:pointer;width:100%;font:inherit;font-size:var(--font-size-200);transition:background var(--motion-feedback-duration) var(--motion-feedback-easing), color var(--motion-feedback-duration) var(--motion-feedback-easing);background:0 0;border:0;text-decoration:none;display:flex}.file-tree__row:hover{background:color-mix(in srgb, var(--color-bg-subtle) 60%, transparent);color:var(--color-text-primary)}.file-tree__row.-active{background:var(--color-bg-subtle);color:var(--color-text-primary);font-weight:var(--font-weight-medium)}.file-tree__row:focus-visible{outline:2px solid var(--color-accent-primary);outline-offset:-2px}.file-tree__caret{width:14px;height:14px;color:var(--color-text-muted);transition:transform var(--motion-duration-fast) var(--motion-easing-standard);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.file-tree__caret.-open{transform:rotate(90deg)}.file-tree__caret.-spacer{visibility:hidden}.file-tree__icon{width:16px;height:16px;color:var(--color-text-muted);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.file-tree__row.-active .file-tree__icon,.file-tree__row.-active .file-tree__caret{color:var(--color-accent-primary)}.file-tree__label{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.file-tree__meta{font-size:var(--font-size-100);color:var(--color-text-muted);flex-shrink:0}.file-tree__status{font-size:var(--font-size-50);text-transform:uppercase;letter-spacing:.05em;padding:0 var(--space-1);border-radius:var(--radius-sm);background:var(--color-bg-subtle);color:var(--color-text-muted);flex-shrink:0}.file-tree__status.-ready{background:color-mix(in srgb, var(--color-state-success-bg) 60%, transparent);color:var(--color-state-success-text)}.file-tree__status.-soon{background:color-mix(in srgb, var(--color-state-warning-bg) 60%, transparent);color:var(--color-state-warning-text)}.file-tree__status.-alpha{background:color-mix(in srgb, var(--color-state-info-bg) 60%, transparent);color:var(--color-state-info-text)}.file-tree__status.-beta{background:color-mix(in srgb, var(--color-accent-primary) 18%, transparent);color:var(--color-accent-primary)}.file-tree__children{display:grid;position:relative}.file-tree__guide{background:var(--color-border-subtle);pointer-events:none;width:1px;position:absolute;top:0;bottom:0}.button-group{isolation:isolate;display:inline-flex}.button-group.-vertical{flex-direction:column}.button-group>.button{border-radius:0;margin-left:-1px}.button-group.-vertical>.button{margin-top:-1px;margin-left:0}.button-group>.button:first-child{border-bottom-left-radius:var(--radius-control);border-top-left-radius:var(--radius-control);margin-left:0}.button-group>.button:last-child{border-bottom-right-radius:var(--radius-control);border-top-right-radius:var(--radius-control)}.button-group.-vertical>.button:first-child{border-radius:var(--radius-control) var(--radius-control) 0 0;margin-top:0}.button-group.-vertical>.button:last-child{border-radius:0 0 var(--radius-control) var(--radius-control)}.input-group{--control-bg:var(--control-glow-bg);--control-border:var(--control-glow-border);--control-glow:transparent;background:linear-gradient(var(--control-bg), var(--control-bg)) padding-box, radial-gradient(140px circle at var(--control-glow-x,50%) var(--control-glow-y,50%), var(--control-glow), transparent 68%) border-box, linear-gradient(var(--control-border), var(--control-border)) border-box;border-radius:var(--radius-control);transition:background var(--motion-feedback-duration) var(--motion-feedback-easing), border-color var(--motion-feedback-duration) var(--motion-feedback-easing), box-shadow var(--motion-focus-duration) var(--motion-focus-easing);border:1px solid #0000;align-items:stretch;display:flex;overflow:hidden}.input-group:hover{--control-border:var(--control-glow-border-hover);--control-glow:var(--control-glow-ring)}.input-group:focus-within{--control-border:var(--control-glow-border-focus);--control-glow:var(--control-glow-ring);box-shadow:var(--control-glow-focus-shadow)}.input-group__addon{background:color-mix(in srgb, var(--color-bg-subtle) 48%, transparent);color:var(--color-text-muted);font-size:var(--component-field-label-font-size);padding:0 var(--space-3);align-items:center;display:inline-flex}.input-group__control{flex:1;min-width:0}.input-group .input{box-shadow:none;background:0 0;border:0}.radio-group{gap:var(--space-2);border:0;margin:0;padding:0;display:grid}.radio-group legend{color:var(--color-text-secondary);font-size:var(--component-field-label-font-size);font-weight:var(--component-field-label-font-weight);margin-bottom:var(--space-1);padding:0}.typography{margin:0}.typography.-h1{font-family:var(--type-display-lg-family);font-size:var(--type-display-lg-size);font-weight:var(--type-display-lg-weight);line-height:var(--type-display-lg-line-height)}.typography.-h2{font-family:var(--type-display-md-family);font-size:var(--type-display-md-size);font-weight:var(--type-display-md-weight);line-height:var(--type-display-md-line-height)}.typography.-h3{font-family:var(--type-title-lg-family);font-size:var(--type-title-lg-size);font-weight:var(--type-title-lg-weight);line-height:var(--type-title-lg-line-height)}.typography.-p{color:var(--color-text-secondary);font-family:var(--type-body-md-family);font-size:var(--type-body-md-size);font-weight:var(--type-body-md-weight);line-height:var(--type-body-md-line-height)}.typography.-lead{color:var(--color-text-secondary);font-family:var(--type-body-lg-family);font-size:var(--type-body-lg-size);font-weight:var(--type-body-lg-weight);line-height:var(--type-body-lg-line-height)}.typography.-muted{color:var(--color-text-muted);font-family:var(--type-body-sm-family);font-size:var(--type-body-sm-size);font-weight:var(--type-body-sm-weight);line-height:var(--type-body-sm-line-height)}.typography.-small{color:var(--color-text-secondary);font-family:var(--type-caption-family);font-size:var(--type-caption-size);font-weight:var(--type-caption-weight);line-height:var(--type-caption-line-height)}.typography.-code{background:var(--color-bg-subtle);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);color:var(--color-text-secondary);font-family:var(--component-code-font-family);font-size:var(--component-code-font-size);line-height:var(--component-code-line-height);padding:2px var(--space-1)}.avatar{background:linear-gradient(135deg, var(--color-bg-subtle), var(--color-bg-elevated));border:1px solid var(--color-border-subtle);border-radius:var(--radius-full);box-shadow:inset 0 1px 0 color-mix(in srgb, var(--color-base-white) 7%, transparent), 0 8px 22px #00000038;color:var(--color-text-primary);font-size:var(--avatar-font-size,var(--type-body-sm-size));font-weight:var(--font-weight-semibold);height:var(--avatar-size,32px);width:var(--avatar-size,32px);justify-content:center;align-items:center;display:inline-flex;overflow:hidden}.avatar.-sm{--avatar-size:24px;--avatar-font-size:var(--type-caption-size)}.avatar.-lg{--avatar-size:40px;--avatar-font-size:var(--type-body-md-size)}.avatar__image{object-fit:cover;width:100%;height:100%}.text{margin:0}.text.-heading-xl{font-family:var(--type-display-lg-family);font-size:var(--type-display-lg-size);font-weight:var(--type-display-lg-weight);line-height:var(--type-display-lg-line-height)}.text.-heading-lg{font-family:var(--type-display-md-family);font-size:var(--type-display-md-size);font-weight:var(--type-display-md-weight);line-height:var(--type-display-md-line-height)}.text.-heading-md{font-family:var(--type-title-lg-family);font-size:var(--type-title-lg-size);font-weight:var(--type-title-lg-weight);line-height:var(--type-title-lg-line-height)}.text.-heading-sm{font-family:var(--type-title-md-family);font-size:var(--type-title-md-size);font-weight:var(--type-title-md-weight);line-height:var(--type-title-md-line-height)}.text.-body-lg{font-family:var(--type-body-lg-family);font-size:var(--type-body-lg-size);font-weight:var(--type-body-lg-weight);line-height:var(--type-body-lg-line-height)}.text.-body-md{font-family:var(--type-body-md-family);font-size:var(--type-body-md-size);font-weight:var(--type-body-md-weight);line-height:var(--type-body-md-line-height)}.text.-body-sm{font-family:var(--type-body-sm-family);font-size:var(--type-body-sm-size);font-weight:var(--type-body-sm-weight);line-height:var(--type-body-sm-line-height)}.text.-caption{font-family:var(--type-caption-family);font-size:var(--type-caption-size);font-weight:var(--type-caption-weight);line-height:var(--type-caption-line-height)}.text.-muted{color:var(--color-text-muted)}.text.-secondary{color:var(--color-text-secondary)}.icon{justify-content:center;align-items:center;width:1em;height:1em;display:inline-flex}.pagination{align-items:center;gap:var(--space-1);flex-wrap:wrap;display:flex}.pagination-item,.tab-item{border-radius:var(--radius-control);color:var(--color-text-secondary);cursor:pointer;font:inherit;min-height:32px;padding:0 var(--space-3);transition:background var(--motion-feedback-duration) var(--motion-feedback-easing), border-color var(--motion-feedback-duration) var(--motion-feedback-easing), box-shadow var(--motion-feedback-duration) var(--motion-feedback-easing), color var(--motion-feedback-duration) var(--motion-feedback-easing), transform var(--motion-feedback-duration) var(--motion-feedback-easing);background:0 0;border:1px solid #0000;align-items:center;display:inline-flex}.pagination-item:hover:not(:disabled),.tab-item:hover:not(:disabled){background:color-mix(in srgb, var(--color-bg-subtle) 70%, transparent);transform:translateY(var(--motion-compact-hover-translate))}.pagination-item.-active,.tab-item.-active{background:var(--color-bg-subtle);border-color:var(--color-border-subtle);box-shadow:inset 0 1px 0 color-mix(in srgb, var(--color-base-white) 5%, transparent);color:var(--color-text-primary)}.pagination-item:disabled,.tab-item:disabled{cursor:not-allowed;opacity:.45}.tabs{gap:var(--space-4);display:grid}.tabs__list{border-bottom:1px solid var(--color-border-subtle);gap:var(--space-1);display:flex;overflow-x:auto}.tabs__panel{min-width:0}.tabs.-horizontal .tab-item{border:0;border-radius:0;margin-bottom:-1px;padding-bottom:1px;position:relative}.tabs.-horizontal .tab-item:after{content:"";height:2px;bottom:0;left:var(--space-3);right:var(--space-3);transition:background var(--motion-feedback-duration) var(--motion-feedback-easing);background:0 0;position:absolute}.tabs.-horizontal .tab-item:hover:not(:disabled){color:var(--color-text-primary);background:0 0}.tabs.-horizontal .tab-item.-active{box-shadow:none;color:var(--color-text-primary);background:0 0;border-color:#0000}.tabs.-horizontal .tab-item.-active:after{background:var(--color-accent-primary)}.tabs.-vertical{grid-template-columns:180px minmax(0,1fr);align-items:start}.tabs.-vertical .tabs__list{border-bottom:0;border-left:1px solid var(--color-border-subtle);padding-left:var(--space-3);gap:2px;display:grid;overflow:visible}.tabs.-vertical .tab-item{text-align:left;border:0;border-radius:0;justify-content:flex-start;width:100%;min-height:28px;padding:5px 0;position:relative}.tabs.-vertical .tab-item:before{background:var(--color-text-primary);border-radius:var(--radius-full);content:"";height:18px;left:calc((var(--space-3) + 2px) * -1);opacity:0;transition:opacity var(--motion-feedback-duration) var(--motion-feedback-easing);width:3px;position:absolute;top:50%;transform:translateY(-50%)}.tabs.-vertical .tab-item:hover:not(:disabled){color:var(--color-text-primary);background:0 0;transform:none}.tabs.-vertical .tab-item.-active{box-shadow:none;color:var(--color-text-primary);background:0 0;border-color:#0000}.tabs.-vertical .tab-item.-active:before{opacity:1}.skeleton{background:linear-gradient(90deg, var(--color-bg-subtle), color-mix(in srgb, var(--color-text-primary) 10%, var(--color-bg-elevated)), var(--color-bg-subtle));border-radius:var(--radius-control);background-size:200% 100%;min-height:16px;animation:1.4s ease-in-out infinite ds-pulse}@keyframes ds-pulse{0%{background-position:200% 0}to{background-position:-200% 0}}.section-header{gap:var(--space-2);max-width:720px;display:grid}.section-header.-center{text-align:center;margin-inline:auto}.section-header__eyebrow{color:var(--color-accent-primary);font-size:var(--component-metadata-font-size);font-weight:var(--component-metadata-font-weight);text-transform:uppercase}.section-header__actions{gap:var(--space-2);margin-top:var(--space-3);flex-wrap:wrap;display:flex}.section-header.-center .section-header__actions{justify-content:center}.product-card,.blog-card,.pricing-card,.testimonial-card{background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-card);box-shadow:var(--elevation-level-1);gap:var(--space-3);padding:var(--space-card-padding);transition:border-color var(--motion-disclosure-duration) var(--motion-disclosure-easing), box-shadow var(--motion-disclosure-duration) var(--motion-disclosure-easing), transform var(--motion-disclosure-duration) var(--motion-disclosure-easing);display:grid}.product-card:hover,.blog-card:hover,.pricing-card:hover,.testimonial-card:hover{border-color:color-mix(in srgb, var(--color-accent-primary) 24%, var(--color-border-subtle));transform:translateY(var(--motion-card-hover-translate))}.product-card__media,.blog-card__media{background:var(--color-bg-subtle);border-radius:var(--radius-card);min-height:148px}.product-card__meta,.blog-card__meta{align-items:center;gap:var(--space-2);justify-content:space-between;display:flex}.faq{border:1px solid var(--color-border-subtle);border-radius:var(--radius-card);overflow:hidden}.faq-section .site-section__inner{gap:var(--space-6);display:grid}.faq-section .section-header{max-width:720px}.faq-section .faq{width:100%;max-width:820px;margin:0 auto}.faq__item+.faq__item{border-top:1px solid var(--color-border-subtle)}.faq__trigger{background:var(--color-bg-surface);color:var(--color-text-primary);cursor:pointer;align-items:center;gap:var(--space-4);min-height:52px;padding:var(--space-4);text-align:left;transition:background var(--motion-feedback-duration) var(--motion-feedback-easing), color var(--motion-feedback-duration) var(--motion-feedback-easing);border:0;justify-content:space-between;width:100%;display:flex}.faq__trigger:hover{background:var(--color-bg-elevated)}.faq__trigger svg{color:var(--color-text-muted);transition:transform var(--motion-disclosure-duration) var(--motion-disclosure-easing), color var(--motion-feedback-duration) var(--motion-feedback-easing);flex:none}.faq__item.-open .faq__trigger svg{color:var(--color-text-primary);transform:rotate(180deg)}.faq__panel{animation:ds-disclosure-in var(--motion-disclosure-duration) var(--motion-disclosure-easing);background:var(--color-bg-app);color:var(--color-text-secondary);padding:0 var(--space-4) var(--space-4)}.form-layout{gap:var(--space-form-group-gap);max-width:560px;display:grid}.tag-list{gap:var(--space-tag-row-gap);flex-wrap:wrap;display:flex}.site-section{padding:var(--section-padding-y,var(--space-section-vertical)) var(--space-section-horizontal)}.site-section.-compact{--section-padding-y:var(--space-10)}.site-section.-spacious{--section-padding-y:var(--space-24)}.site-section.-elevated{background:var(--color-bg-surface)}.site-section.-muted{background:var(--color-bg-subtle)}.site-section.-bordered{border-block:1px solid var(--color-border-subtle)}.site-section__inner{max-width:1120px;margin:0 auto}.header{-webkit-backdrop-filter:blur(var(--navigation-header-blur));backdrop-filter:blur(var(--navigation-header-blur));background:var(--navigation-header-bg);border-bottom:1px solid var(--color-border-subtle);z-index:var(--z-sticky);position:sticky;top:0}.header__inner{align-items:center;gap:var(--space-4);height:var(--navigation-header-height);max-width:1120px;padding:0 var(--space-section-horizontal);justify-content:space-between;margin:0 auto;display:flex}.header__nav{align-items:center;gap:var(--space-3);display:flex}.header__brand{font-weight:var(--font-weight-semibold)}.hero__inner,.pricing-section__grid,.testimonials-section__grid,.grid-with-sidebar__grid,.footer__grid{gap:var(--space-6);display:grid}.hero__inner{grid-template-columns:minmax(0,1fr) minmax(280px,.8fr);align-items:center}.hero__preview{background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-section);box-shadow:var(--elevation-level-3);min-height:320px;padding:var(--space-4)}.pricing-section__grid,.testimonials-section__grid{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-with-sidebar__grid{grid-template-columns:280px minmax(0,1fr)}.grid-with-sidebar__content{gap:var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.footer{border-top:1px solid var(--color-border-subtle)}.footer__grid{grid-template-columns:1.2fr repeat(3,1fr)}.calendar{background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-card);box-shadow:inset 0 1px 0 color-mix(in srgb, var(--color-base-white) 4%, transparent);color:var(--color-text-primary);padding:var(--space-4);width:312px}.calendar .rdp-root,.calendar .rdp-months,.calendar .rdp-month,.calendar .rdp-month_grid{width:100%}.calendar .rdp-month_caption{font-weight:var(--font-weight-semibold);justify-content:center;align-items:center;min-height:34px;display:flex}.calendar .rdp-nav{gap:var(--space-1);margin-bottom:calc(var(--space-8) * -1);z-index:1;justify-content:flex-end;display:flex;position:relative}.calendar .rdp-button_previous,.calendar .rdp-button_next{background:var(--color-bg-subtle);border:1px solid var(--color-border-subtle);border-radius:var(--radius-control);color:var(--color-text-primary);cursor:pointer;height:28px;transition:background var(--motion-feedback-duration) var(--motion-feedback-easing), border-color var(--motion-feedback-duration) var(--motion-feedback-easing);justify-content:center;align-items:center;width:28px;display:inline-flex}.calendar .rdp-button_previous:hover,.calendar .rdp-button_next:hover{background:var(--color-bg-elevated);border-color:var(--color-border-strong)}.calendar .rdp-weekdays{border-bottom:1px solid var(--color-border-subtle)}.calendar .rdp-weekday{color:var(--color-text-muted);font-size:var(--component-metadata-font-size);font-weight:var(--component-metadata-font-weight);text-align:center;height:30px}.calendar .rdp-day{text-align:center;width:34px;height:34px}.calendar .rdp-day_button{border-radius:var(--radius-control);color:var(--color-text-secondary);cursor:pointer;font:inherit;height:30px;transition:background var(--motion-feedback-duration) var(--motion-feedback-easing), border-color var(--motion-feedback-duration) var(--motion-feedback-easing), color var(--motion-feedback-duration) var(--motion-feedback-easing);background:0 0;border:1px solid #0000;width:30px}.calendar .rdp-day_button:hover{background:var(--color-bg-subtle);color:var(--color-text-primary)}.calendar .rdp-today .rdp-day_button{border-color:color-mix(in srgb, var(--color-text-primary) 24%, var(--color-border-subtle));color:var(--color-text-primary)}.calendar .rdp-selected .rdp-day_button{background:var(--color-text-primary);border-color:var(--color-text-primary);color:var(--color-bg-app)}.date-picker{gap:var(--space-2);width:min(100%,360px);display:grid;position:relative}.date-picker__trigger{gap:var(--space-2);grid-template-columns:minmax(0,1fr) auto;display:grid}.date-picker__popover,.combobox__popover{background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-card);box-shadow:var(--elevation-level-3);margin-top:var(--space-2);padding:var(--space-2);z-index:var(--z-dropdown);position:absolute}.date-picker__popover .calendar{box-shadow:none;width:304px}.chart{background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-card);padding:var(--space-4);width:100%}.data-table{gap:var(--space-3);display:grid}.data-table__frame{border:1px solid var(--color-border-subtle);border-radius:var(--radius-card);overflow:auto}.data-table table{border-collapse:collapse;width:100%;min-width:680px}.data-table th,.data-table td{border-bottom:1px solid var(--color-border-subtle);padding:var(--space-3);text-align:left}.data-table th{background:var(--color-bg-surface);color:var(--color-text-secondary);cursor:pointer;font-size:var(--component-field-label-font-size);font-weight:var(--component-field-label-font-weight)}.data-table td{color:var(--color-text-secondary)}.data-table__footer{color:var(--color-text-muted);justify-content:space-between;align-items:center;display:flex}.data-table__footer div{gap:var(--space-2);display:flex}.carousel{gap:var(--space-3);display:grid}.carousel__viewport{overflow:hidden}.carousel__container{gap:var(--space-3);touch-action:pan-y pinch-zoom;display:flex}.carousel__slide{background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-card);min-height:180px;padding:var(--space-4);flex:0 0 min(82%,420px)}.carousel__controls{gap:var(--space-2);justify-content:flex-end;display:flex}.command{background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-card);box-shadow:var(--elevation-level-1);width:min(100%,420px);overflow:hidden}.command__input{border:0;border-bottom:1px solid var(--color-border-subtle);color:var(--color-text-primary);min-height:44px;padding:0 var(--space-4);background:0 0;outline:0;width:100%}.command__list{max-height:280px;padding:var(--space-2);overflow:auto}.command__empty{color:var(--color-text-muted);padding:var(--space-4)}.command__item{border-radius:var(--radius-control);color:var(--color-text-secondary);cursor:pointer;padding:var(--space-3);transition:background var(--motion-feedback-duration) var(--motion-feedback-easing), color var(--motion-feedback-duration) var(--motion-feedback-easing), transform var(--motion-feedback-duration) var(--motion-feedback-easing);gap:2px;display:grid}.command__item small{color:var(--color-text-muted)}.command__item[data-selected=true]{background:var(--color-bg-subtle);color:var(--color-text-primary);transform:translateX(var(--motion-translate-sm))}.combobox{display:inline-grid;position:relative}.combobox__popover{min-width:280px}.dialog{z-index:var(--z-modal);position:fixed;inset:0}.dialog__backdrop{animation:ds-fade-in var(--motion-overlay-duration) var(--motion-overlay-easing);background:#00000094;border:0;position:absolute;inset:0}.dialog__panel{--dialog-max-width:520px;animation:ds-dialog-in var(--motion-overlay-duration) var(--motion-overlay-easing);background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);border-radius:var(--radius-section);box-shadow:var(--elevation-level-3);gap:var(--space-4);max-width:min(var(--dialog-max-width), calc(100vw - 32px));padding:var(--space-5);width:100%;display:grid;position:absolute;top:12vh;left:50%;transform:translate(-50%)}.dialog__panel.-sm{--dialog-max-width:380px}.dialog__panel.-lg{--dialog-max-width:720px}.dialog__header{align-items:flex-start;gap:var(--space-4);justify-content:space-between;display:flex}.dialog__header h2,.dialog__header p{margin:0}.dialog__header p{color:var(--color-text-secondary);margin-top:var(--space-1)}.dialog__footer{gap:var(--space-2);justify-content:flex-end;display:flex}.popover,.dropdown-menu,.tooltip{display:inline-block;position:relative}.popover__trigger,.dropdown-menu__trigger,.tooltip{border-radius:var(--radius-control);outline:none}.popover__trigger:focus-within,.dropdown-menu__trigger:focus-within,.tooltip:focus-within{box-shadow:var(--focus-ring)}.popover__content,.dropdown-menu__content,.tooltip__content{animation:ds-floating-in var(--motion-overlay-duration) var(--motion-overlay-easing);background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);border-radius:var(--radius-card);box-shadow:var(--elevation-level-3);color:var(--color-text-secondary);min-width:220px;padding:var(--space-3);z-index:var(--z-dropdown);position:fixed;top:8px;left:8px}.dropdown-menu__content{padding:var(--space-2);gap:2px;display:grid}.dropdown-menu__content button{border-radius:var(--radius-control);color:var(--color-text-secondary);cursor:pointer;min-height:34px;padding:0 var(--space-3);text-align:left;background:0 0;border:0}.dropdown-menu__content button:hover,.dropdown-menu__content button:focus-visible{background:var(--color-bg-subtle);color:var(--color-text-primary);outline:none}.dropdown-menu__content button.-destructive{color:var(--color-state-danger-text)}.tooltip__trigger{display:inline-flex}.tooltip__content{font-size:var(--component-metadata-font-size);opacity:0;pointer-events:none;min-width:0;transform:translateY(var(--motion-tooltip-offset));transition:opacity var(--motion-feedback-duration) var(--motion-feedback-easing), transform var(--motion-feedback-duration) var(--motion-feedback-easing);white-space:nowrap}.tooltip__content.-open,.tooltip:hover .tooltip__content,.tooltip:focus-within .tooltip__content{opacity:1;transform:translateY(0)}.sonner{bottom:var(--space-5);gap:var(--space-2);max-width:min(380px,100vw - 32px);right:var(--space-5);z-index:var(--z-toast);display:grid;position:fixed}.sonner__toast{animation:ds-sonner-in var(--motion-overlay-duration) var(--motion-overlay-easing);background:var(--color-bg-elevated);border:1px solid var(--sonner-border,var(--color-border-subtle));border-radius:var(--radius-card);box-shadow:var(--elevation-level-3);color:var(--color-text-primary);align-items:flex-start;gap:var(--space-3);padding:var(--space-4);justify-content:space-between;display:flex}.sonner__toast strong{font-weight:var(--font-weight-semibold);display:block}.sonner__toast p{color:var(--color-text-secondary);margin:var(--space-1) 0 0}.sonner__toast button{color:var(--color-text-muted);cursor:pointer;font-size:var(--type-title-md-size);background:0 0;border:0;padding:0;line-height:1}.sonner__toast.-success{--sonner-border:var(--color-state-success-border)}.sonner__toast.-warning{--sonner-border:var(--color-state-warning-border)}.sonner__toast.-danger{--sonner-border:var(--color-state-danger-border)}.sonner__toast.-info{--sonner-border:var(--color-state-info-border)}@keyframes ds-dialog-in{0%{opacity:0;transform:translateX(-50%) translateY(var(--motion-overlay-enter-translate)) scale(var(--motion-overlay-scale-start))}to{opacity:1;transform:translate(-50%)translateY(0)scale(1)}}@keyframes ds-floating-in{0%{opacity:0;transform:translateY(var(--motion-overlay-enter-translate)) scale(var(--motion-overlay-scale-start))}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes ds-disclosure-in{0%{opacity:0;transform:translateY(var(--motion-disclosure-enter-translate))}to{opacity:1;transform:translateY(0)}}@keyframes ds-sonner-in{0%{opacity:0;transform:translateY(var(--motion-overlay-enter-translate))}to{opacity:1;transform:translateY(0)}}@media (width<=820px){.hero__inner,.grid-with-sidebar__grid,.footer__grid,.pricing-section__grid,.testimonials-section__grid,.grid-with-sidebar__content{grid-template-columns:1fr}.header__nav{display:none}.tabs.-vertical{grid-template-columns:1fr}.text.-heading-xl{font-size:var(--type-display-md-size)}}@media (prefers-reduced-motion:reduce){.button:active:not(:disabled):not([aria-disabled=true]),.pagination-item:hover:not(:disabled),.tab-item:hover:not(:disabled),.product-card:hover,.blog-card:hover,.pricing-card:hover,.testimonial-card:hover{transform:none}.skeleton,.button__spinner,.dialog__backdrop,.dialog__panel,.popover__content,.dropdown-menu__content,.tooltip__content,.sonner__toast,.faq__panel{animation:none}}.on-page-nav-island{z-index:60;pointer-events:none;flex-direction:column-reverse;align-items:stretch;display:flex;position:fixed;left:50%;transform:translate(-50%)}.on-page-nav-island.-pos-bottom-center{bottom:24px}.on-page-nav-island.-pos-top-center{top:calc(var(--layout-nav-header-height,64px) + 12px);flex-direction:column}.on-page-nav-island.-static{position:static;left:auto;transform:none}.on-page-nav-island__trigger{pointer-events:auto;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:1px solid color-mix(in srgb, var(--color-border-subtle) 80%, transparent);border-radius:var(--radius-full);background:color-mix(in srgb, var(--color-bg-elevated) 78%, transparent);color:var(--color-text-primary);font-family:var(--font-family-regular);font-size:var(--font-size-200);font-weight:var(--font-weight-medium,510);-webkit-backdrop-filter:blur(16px);cursor:pointer;transition:background var(--motion-feedback-duration,.18s) var(--motion-feedback-easing,ease), border-color var(--motion-feedback-duration,.18s) var(--motion-feedback-easing,ease), box-shadow var(--motion-feedback-duration,.18s) var(--motion-feedback-easing,ease), transform var(--motion-feedback-duration,.18s) var(--motion-feedback-easing,ease);line-height:1;display:inline-flex;box-shadow:inset 0 1px #ffffff14,0 8px 24px #0000003d}.on-page-nav-island__trigger:hover{background:color-mix(in srgb, var(--color-bg-elevated) 92%, transparent);border-color:color-mix(in srgb, var(--color-border-subtle) 100%, transparent)}.on-page-nav-island__trigger:focus-visible{outline:2px solid var(--color-accent-primary);outline-offset:2px}.on-page-nav-island.-expanded .on-page-nav-island__trigger{background:color-mix(in srgb, var(--color-bg-elevated) 94%, transparent)}.on-page-nav-island__index{border-radius:var(--radius-full);background:color-mix(in srgb, var(--color-accent-primary) 18%, transparent);color:var(--color-text-primary);font-variant-numeric:tabular-nums;font-size:var(--font-size-100);font-weight:var(--font-weight-semibold,590);align-items:center;gap:2px;padding:2px 8px;display:inline-flex}.on-page-nav-island__divider{opacity:.5;padding:0 1px}.on-page-nav-island__current{text-overflow:ellipsis;white-space:nowrap;max-width:24ch;overflow:hidden}.on-page-nav-island__caret{color:var(--color-text-secondary);transition:transform var(--motion-feedback-duration,.18s) var(--motion-feedback-easing,ease);display:inline-flex}.on-page-nav-island__caret.-flip{transform:rotate(180deg)}.on-page-nav-island__panel{pointer-events:none;opacity:0;transform-origin:bottom;transition:opacity var(--motion-duration-normal,.18s) var(--motion-easing-standard,cubic-bezier(.32, .72, 0, 1)), transform var(--motion-duration-normal,.18s) var(--motion-easing-standard,cubic-bezier(.32, .72, 0, 1));margin-bottom:8px;transform:translateY(8px)scale(.96)}.on-page-nav-island.-pos-top-center .on-page-nav-island__panel{transform-origin:top;margin-top:8px;margin-bottom:0;transform:translateY(-8px)scale(.96)}.on-page-nav-island.-expanded .on-page-nav-island__panel{pointer-events:auto;opacity:1;transform:translateY(0)scale(1)}.on-page-nav-island__list{padding:var(--space-2);border:1px solid color-mix(in srgb, var(--color-border-subtle) 80%, transparent);border-radius:var(--radius-xl);background:color-mix(in srgb, var(--color-bg-elevated) 86%, transparent);-webkit-backdrop-filter:blur(20px);flex-direction:column;gap:2px;min-width:220px;max-width:min(360px,100vw - 32px);max-height:min(60vh,420px);margin:0;list-style:none;display:flex;overflow-y:auto;box-shadow:inset 0 1px #ffffff14,0 24px 48px #0000005c}.on-page-nav-island__row{display:block}.on-page-nav-island__item{align-items:center;gap:var(--space-2);border-radius:var(--radius-md);width:100%;color:var(--color-text-secondary);font-family:var(--font-family-regular);font-size:var(--font-size-200);text-align:left;cursor:pointer;transition:background var(--motion-feedback-duration,.18s) var(--motion-feedback-easing,ease), color var(--motion-feedback-duration,.18s) var(--motion-feedback-easing,ease);background:0 0;border:0;padding:8px 10px;line-height:1.2;text-decoration:none;display:flex}.on-page-nav-island__item:hover{background:color-mix(in srgb, var(--color-bg-app) 60%, transparent);color:var(--color-text-primary)}.on-page-nav-island__item:focus-visible{outline:2px solid var(--color-accent-primary);outline-offset:1px}.on-page-nav-island__item.-active{color:var(--color-text-primary)}.on-page-nav-island__item.-active .on-page-nav-island__dot{background:var(--color-accent-primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-accent-primary) 22%, transparent)}.on-page-nav-island__dot{border-radius:var(--radius-full);background:color-mix(in srgb, var(--color-text-secondary) 50%, transparent);width:6px;height:6px;transition:background var(--motion-feedback-duration,.18s) var(--motion-feedback-easing,ease), box-shadow var(--motion-feedback-duration,.18s) var(--motion-feedback-easing,ease);flex-shrink:0}.on-page-nav-island__label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media (width<=640px){.on-page-nav-island__current{max-width:14ch}.on-page-nav-island__list{min-width:200px}}@media (prefers-reduced-motion:reduce){.on-page-nav-island__trigger,.on-page-nav-island__caret,.on-page-nav-island__panel,.on-page-nav-island__item,.on-page-nav-island__dot{transition:none}}