:root{--color-background: #f5f2ff;--color-surface: #ffffff;--color-primary: #c4b5fd;--color-primary-hover: #b49cfb;--color-primary-active: #a78bfa;--color-accent: #6d28d9;--color-violet: #7c3aed;--color-magenta: #db2777;--color-cyan: #22d3ee;--color-ink: #07040f;--color-text: #160b24;--color-text-muted: #5e5672;--color-border: #e6def6;--color-success: #059669;--color-success-subtle: #d1fae5;--color-warning: #b45309;--color-warning-subtle: #fef3c7;--gradient-cta: linear-gradient(115deg, var(--color-violet) 0%, var(--color-magenta) 100%);--gradient-cta-hover: linear-gradient(115deg, #5b21b6 0%, #9d174d 100%);--gradient-text: linear-gradient(105deg, #ffffff 8%, #e9d5ff 40%, #fbcfe8 68%, #a5f3fc 100%);--shadow-glow: 0 12px 30px rgb(124 58 237 / .34);--font-family-en: "Inter", "Noto Sans Tamil", system-ui, sans-serif;--font-family-display: "Syne", "Inter", "Noto Sans Tamil", system-ui, sans-serif;--font-family-ta: "Noto Sans Tamil", "Inter", system-ui, sans-serif;--font-family-sans: var(--font-family-en);--text-display: clamp(2.4rem, 1.7rem + 2.2vw, 3.35rem);--text-h1: clamp(1.85rem, 1.45rem + 1.2vw, 2.5rem);--text-h2: clamp(1.45rem, 1.25rem + .6vw, 1.85rem);--text-h3: clamp(1.15rem, 1.08rem + .25vw, 1.3rem);--text-body: clamp(1rem, .96rem + .15vw, 1.0625rem);--text-small: .875rem;--text-button: .9375rem;--leading-display: 1.15;--leading-heading: 1.25;--leading-body: 1.7;--tracking-display: -.045em;--tracking-heading: -.03em;--tracking-brand: .16em;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--space-2xs: .25rem;--space-xs: .5rem;--space-sm: .75rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4.5rem;--space-4xl: 6.5rem;--section-space: clamp(4.5rem, 8vw, 7.5rem);--container-pad: clamp(1rem, 4vw, 2.5rem);--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1.5rem;--radius-pill: 999px;--shadow-sm: 0 1px 2px rgb(22 11 36 / .05), 0 8px 24px rgb(109 40 217 / .08);--shadow-md: 0 16px 40px rgb(109 40 217 / .16);--shadow-nav: 0 8px 28px rgb(109 40 217 / .12);--ease-standard: cubic-bezier(.2, 0, 0, 1);--duration-fast: .16s;--duration-base: .22s;--transition-fast: var(--duration-fast) var(--ease-standard);--transition-base: var(--duration-base) var(--ease-standard);--container-max: 80rem;--container-narrow: 42rem;--nav-height: 4.75rem;--z-nav: 30;--z-skip: 40}html[lang=ta]{--font-family-sans: var(--font-family-ta)}@media(prefers-reduced-motion:reduce){:root{--duration-fast: 0ms;--duration-base: 0ms}}*,*:before,*:after{box-sizing:border-box}html{scroll-padding-top:var(--nav-height);background:var(--color-background);color:var(--color-text);font-family:var(--font-family-sans);font-size:100%;line-height:var(--leading-body);color-scheme:light;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}html.nav-menu-open app-navbar{view-transition-name:none}body{margin:0;min-height:100vh;background:radial-gradient(46rem 26rem at 100% -8rem,rgba(124,58,237,.34),transparent 62%),radial-gradient(34rem 22rem at -8rem 22rem,rgba(219,39,119,.22),transparent 60%),radial-gradient(28rem 18rem at 40% 110%,rgba(34,211,238,.16),transparent 58%),var(--color-background)}::selection{background:var(--color-primary);color:var(--color-text)}h1,h2,h3,p{margin:0}a{color:inherit}button,input,textarea,select{font:inherit;color:inherit}img{display:block;max-width:100%;height:auto}:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}app-navbar{position:sticky;top:0;z-index:var(--z-nav);view-transition-name:site-nav}app-footer{view-transition-name:site-footer}.site-main{view-transition-name:site-page}::view-transition-old(root),::view-transition-new(root),::view-transition-old(site-nav),::view-transition-new(site-nav),::view-transition-old(site-footer),::view-transition-new(site-footer){animation:none}::view-transition-old(site-page){animation:page-leave .24s var(--ease-standard) both}::view-transition-new(site-page){animation:page-enter .38s var(--ease-standard) both}@keyframes page-leave{to{opacity:0}}@keyframes page-enter{0%{opacity:0}}@keyframes glow-drift{50%{translate:-1.25rem .85rem}}@keyframes float-a{50%{translate:1.15rem -1.35rem}}@keyframes float-b{50%{translate:-1.35rem .85rem}}@keyframes float-c{50%{translate:.55rem 1.2rem;rotate:18deg}}.floaters{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}.floaters span{position:absolute;display:block;border:1px solid rgba(167,139,250,.55);background:#7c3aed29}.floaters span:nth-child(1){top:6%;left:4%;width:4.25rem;height:4.25rem;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);animation:float-a 16s ease-in-out infinite}.floaters span:nth-child(2){right:7%;bottom:12%;width:2.35rem;height:2.35rem;border-color:#db2777b3;border-radius:var(--radius-pill);background:#db277733;animation:float-b 13s ease-in-out infinite}.floaters span:nth-child(3){top:14%;right:18%;width:1.15rem;height:1.15rem;border-color:transparent;border-radius:var(--radius-pill);background:var(--color-cyan);box-shadow:0 0 18px #22d3eebf;animation:float-c 11s ease-in-out infinite}@media(max-width:48rem){.floaters span:nth-child(1){top:.75rem;left:.75rem;width:2.25rem;height:2.25rem}.floaters span:nth-child(2){top:1rem;right:.75rem;bottom:auto}.floaters span:nth-child(3){top:auto;right:1.25rem;bottom:5.5rem}}@keyframes settle{0%{opacity:0;translate:0 .55rem}}@media(prefers-reduced-motion:no-preference){@supports (animation-timeline: view()){.block>.container>.intro,.block .why__layout>.intro,.block .technology__layout>.intro,.block .card,.block .step,.block .principle,.block .group,.block .item,.block .close,.block.contact .panel,.page .hero>*,.page .card,.page .value,.page .about>*,.page .about__chapters>div,.page .prose>div,.page .note,.page .support,.page .band>*,.page--contact .container{animation:settle linear both;animation-timeline:view();animation-range:entry 0% cover 40%}}}@media(prefers-reduced-motion:reduce){::view-transition-old(site-page),::view-transition-new(site-page),.floaters span{animation:none}}.text-display{font-family:var(--font-family-display);font-size:var(--text-display);font-weight:var(--font-weight-bold);letter-spacing:var(--tracking-display);line-height:var(--leading-display)}h1,.text-h1{font-family:var(--font-family-display);font-size:var(--text-h1);font-weight:var(--font-weight-bold);letter-spacing:var(--tracking-heading);line-height:var(--leading-heading)}h2,.text-h2{font-family:var(--font-family-display);font-size:var(--text-h2);font-weight:var(--font-weight-bold);letter-spacing:var(--tracking-heading);line-height:var(--leading-heading)}h3,.text-h3{font-family:var(--font-family-display);font-size:var(--text-h3);font-weight:var(--font-weight-semibold);letter-spacing:var(--tracking-heading);line-height:var(--leading-heading)}p,.text-body{font-size:var(--text-body);font-weight:var(--font-weight-regular);line-height:var(--leading-body)}.text-small{color:var(--color-text-muted);font-size:var(--text-small);line-height:1.5}.text-button{font-size:var(--text-button);font-weight:var(--font-weight-medium);letter-spacing:.01em;line-height:1.2}.section-heading{max-width:40rem;color:var(--color-text);font-family:var(--font-family-display);font-size:var(--text-h2);font-weight:var(--font-weight-bold);letter-spacing:var(--tracking-heading);line-height:var(--leading-heading)}html[lang=ta] :is(h1,h2,h3,.text-display,.text-h1,.text-h2,.text-h3,.section-heading){font-family:var(--font-family-sans);letter-spacing:0}.container{width:min(100%,var(--container-max));margin-inline:auto;padding-inline:var(--container-pad)}.container--narrow{width:min(100%,var(--container-narrow))}.pad-inline{padding-inline:var(--container-pad)}.section{padding-block:var(--section-space)}app-problems,app-services,app-selected-work,app-our-process,app-faq{display:block;background:linear-gradient(180deg,#ffffffc7,color-mix(in srgb,var(--color-primary) 16%,transparent))}.text-start{text-align:start}.text-center{text-align:center}.text-end{text-align:end}html.demo-mode{--demo-bg: #f6f4f1;--demo-surface: #ffffff;--demo-surface-muted: #faf9fb;--demo-hover: #f7f5f8;--demo-header: rgb(255 255 255 / .94);--demo-switch: #f3f1f4;--demo-nav-active: #f3eef8;--demo-banner-bg: #f7f4ea;--demo-banner-border: #eadfca;--demo-input: #ffffff;--demo-inverse: #2c2430;--demo-inverse-text: #ffffff;--demo-danger: #7d4450;--demo-danger-bg: #f6e8ea;--demo-info-bg: #ece7f3;--demo-info-text: #534860;--demo-neutral-bg: #f3f1f4;--demo-logo-plate: transparent;--color-background: var(--demo-bg);--color-surface: var(--demo-surface);--color-text: #2c2430;--color-text-muted: #5c5464;--color-border: #e6e2ea;--color-accent: #6e6284;--color-primary: #ddd4ea;--color-success: #4f6d5c;--color-success-subtle: #e6f0e9;--color-warning: #7a5b2a;--color-warning-subtle: #f7f0e3;scroll-snap-type:none;scroll-padding-top:0;background:var(--demo-bg);color:var(--color-text);color-scheme:light}html.demo-mode.demo-dark{--demo-bg: #141216;--demo-surface: #221e27;--demo-surface-muted: #2a2530;--demo-hover: #322c38;--demo-header: rgb(20 18 22 / .94);--demo-switch: #2a2530;--demo-nav-active: #3a3148;--demo-banner-bg: #2c2618;--demo-banner-border: #4d4128;--demo-input: #1b181f;--demo-inverse: #f4f0f6;--demo-inverse-text: #161318;--demo-danger: #f0c2c8;--demo-danger-bg: #3d2a30;--demo-info-bg: #332c3e;--demo-info-text: #e4dced;--demo-neutral-bg: #322c38;--demo-logo-plate: #f3f0f6;--color-background: var(--demo-bg);--color-surface: var(--demo-surface);--color-text: #f4f0f6;--color-text-muted: #c4bcca;--color-border: #3c3544;--color-accent: #d4c6e6;--color-primary: #3d3550;--color-success: #b7d4c4;--color-success-subtle: #24352c;--color-warning: #e6d2a8;--color-warning-subtle: #3a3120;color-scheme:dark}html.demo-mode body{background:var(--demo-bg);color:var(--color-text)}html.demo-mode:has(.demo-modal),html.demo-mode:has(.demo-app.is-nav-open){overflow:hidden}.demo-app{min-height:100vh;display:grid;grid-template-columns:15.5rem minmax(0,1fr);grid-template-rows:auto auto minmax(0,1fr) auto;grid-template-areas:"header header" "banner banner" "sidebar main" "footer footer";background:var(--demo-bg);color:var(--color-text)}.demo-app.is-collapsed{grid-template-columns:4.75rem minmax(0,1fr)}.demo-app .skip-link{position:absolute;left:1rem;top:-3rem;z-index:80;padding:.5rem .75rem;background:var(--demo-inverse);color:var(--demo-inverse-text);border-radius:var(--radius-sm)}.demo-app .skip-link:focus{top:.75rem}.demo-header{grid-area:header;position:sticky;top:0;z-index:25;display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1rem;min-height:4.25rem;padding:.75rem 1.25rem;background:var(--demo-header);border-bottom:1px solid var(--color-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.demo-brand{display:flex;align-items:center;border-radius:.45rem;background:var(--demo-logo-plate)}html.demo-mode.demo-dark .demo-brand{padding:.15rem .4rem}.demo-brand img{width:auto;height:1.85rem}.demo-header__title{min-width:0}.demo-header__title p,.demo-sidebar__org,.demo-user small,.demo-kpi__hint,.demo-card__head p,.demo-page-head p,.demo-note,.demo-footer,.demo-banner,.demo-delta span{color:var(--color-text-muted)}.demo-header__title p,.demo-sidebar__org,.demo-user small{margin:0;font-size:.75rem;letter-spacing:.01em}.demo-header__title strong{display:block;font-size:.95rem}.demo-header__end{display:flex;align-items:center;gap:.6rem;margin-left:auto}.demo-switch{display:inline-flex;padding:.2rem;border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--demo-switch)}.demo-switch button{border:0;background:transparent;color:var(--color-text-muted);border-radius:var(--radius-pill);padding:.45rem .8rem;font-size:.8125rem;font-weight:600;cursor:pointer}.demo-switch button.is-selected{background:var(--demo-surface);color:var(--color-text);box-shadow:var(--shadow-sm)}.demo-switch__short{display:none}.demo-pill,.demo-chip,.demo-badge{display:inline-flex;align-items:center;border-radius:var(--radius-pill);font-size:.75rem;font-weight:600}.demo-pill{padding:.2rem .55rem;color:var(--color-accent);background:var(--color-primary)}.demo-user{display:flex;align-items:center;gap:.55rem}.demo-user strong,.demo-user small{display:block}.demo-user__avatar{display:grid;place-items:center;width:2rem;height:2rem;border-radius:var(--radius-pill);background:var(--color-primary);color:var(--color-text);font-size:.72rem;font-weight:700}.demo-banner{grid-area:banner;margin:0;padding:.55rem 1.25rem;background:var(--demo-banner-bg);border-bottom:1px solid var(--demo-banner-border);font-size:.8125rem}.demo-banner p{margin:0}.demo-sidebar{grid-area:sidebar;display:flex;flex-direction:column;gap:.35rem;padding:1rem .75rem;background:var(--color-surface);border-right:1px solid var(--color-border)}.demo-sidebar nav{display:flex;flex-direction:column;gap:.2rem}.demo-sidebar a,.demo-collapse{display:flex;align-items:center;gap:.65rem;width:100%;min-height:2.4rem;padding:.45rem .65rem;border:0;border-radius:var(--radius-md);background:transparent;color:var(--color-text);text-align:left;font-size:.9rem;cursor:pointer}.demo-sidebar a.is-active{background:var(--demo-nav-active);color:var(--color-text);font-weight:600}.demo-sidebar a:hover,.demo-collapse:hover,.demo-btn:hover:not(.demo-btn--primary):not(.is-selected),.demo-chip:hover:not(.is-active),.demo-sort:hover,.demo-theme button:hover:not(.is-selected){background:var(--demo-hover)}.demo-collapse{margin-top:auto;color:var(--color-text-muted)}.demo-main{grid-area:main;min-width:0;padding:1.25rem 1.35rem 2rem}.demo-footer{grid-area:footer;display:flex;flex-wrap:wrap;justify-content:space-between;gap:.5rem 1rem;padding:.85rem 1.25rem;border-top:1px solid var(--color-border);background:var(--color-surface);font-size:.8125rem}.demo-footer a{color:var(--color-accent);font-weight:600}.demo-page-head{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.85rem 1rem;margin-bottom:1rem}.demo-page-head h1,.demo-card h2,.demo-empty h1,.demo-empty h2,.demo-subhead{margin:0;font-size:1.35rem;letter-spacing:var(--tracking-heading);line-height:var(--leading-heading)}.demo-card h2,.demo-subhead,.demo-empty h2{font-size:1rem}.demo-page-head p,.demo-card__head p{max-width:46rem;margin:.35rem 0 0;font-size:.92rem}.demo-page-head__actions,.demo-empty__actions,.demo-modal__actions,.demo-pager,.demo-status-actions{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.demo-crumbs{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:.35rem;color:var(--color-text-muted);font-size:.75rem}.demo-crumbs a{color:var(--color-accent)}.demo-kpis,.demo-charts{display:grid;gap:.75rem;margin-bottom:.85rem}.demo-kpis{grid-template-columns:repeat(5,minmax(0,1fr))}.demo-charts{grid-template-columns:repeat(2,minmax(0,1fr))}app-chart-card,.demo-card,.demo-chart__canvas,.demo-charts,.demo-kpis{min-width:0;max-width:100%}.demo-span{grid-column:1/-1}.demo-card,.demo-kpi,.demo-empty,.demo-record{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.demo-card,.demo-kpi,.demo-empty{padding:.9rem 1rem 1rem}.demo-kpi h3{margin:0;color:var(--color-text-muted);font-size:.78rem;font-weight:600}.demo-kpi__value{margin:.35rem 0;font-size:1.35rem;font-weight:650;letter-spacing:-.03em}.demo-kpi__hint,.demo-note,.demo-delta{margin:.25rem 0 0;font-size:.78rem;line-height:1.45}.demo-delta{display:flex;flex-wrap:wrap;gap:.35rem}.demo-delta.is-good strong{color:var(--color-success)}.demo-delta.is-bad strong{color:var(--demo-danger)}.demo-range,.demo-toolbar{display:flex;flex-wrap:wrap;gap:.75rem;align-items:end;margin-bottom:.9rem}.demo-range__presets,.demo-range__dates{display:flex;flex-wrap:wrap;gap:.4rem}.demo-chip,.demo-btn,.demo-icon-btn,.demo-sort{border:1px solid var(--color-border);background:var(--demo-surface);color:var(--color-text);border-radius:var(--radius-md);cursor:pointer}.demo-chip,.demo-btn{padding:.42rem .7rem;font-size:.8125rem;font-weight:600}.demo-chip.is-active,.demo-btn.is-selected,.demo-btn--primary{background:var(--demo-inverse);border-color:var(--demo-inverse);color:var(--demo-inverse-text)}.demo-btn--ghost,.demo-icon-btn{background:transparent}.demo-btn:disabled{opacity:.45;cursor:not-allowed}.demo-icon-btn,.demo-reset{display:inline-flex;align-items:center;gap:.35rem}.demo-icon-btn{width:2.4rem;height:2.4rem;justify-content:center;padding:0}.demo-icon{width:1.05rem;height:1.05rem;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.demo-field{display:flex;flex-direction:column;gap:.25rem;min-width:9rem;color:var(--color-text-muted);font-size:.75rem;font-weight:600}.demo-field--search{flex:1 1 16rem}.demo-field input,.demo-field select,.demo-field textarea{width:100%;min-height:2.4rem;padding:.45rem .6rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--demo-input);color:var(--color-text)}.demo-field__error,.demo-alert{color:var(--demo-danger);font-size:.78rem;font-weight:600}.demo-alert{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;width:100%;margin:0}.demo-form,.demo-form__split{display:grid;gap:.75rem}.demo-table-scroll{overflow-x:auto;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--demo-surface)}.demo-table{width:100%;min-width:46rem;border-collapse:collapse;font-size:.875rem}.demo-table th,.demo-table td{padding:.7rem .8rem;border-bottom:1px solid var(--color-border);text-align:left;vertical-align:middle}.demo-table th{color:var(--color-text-muted);font-size:.75rem;font-weight:650;background:var(--demo-surface-muted)}.demo-table tr.is-clickable{cursor:pointer}.demo-table tr.is-clickable:hover{background:var(--demo-hover)}.demo-table td.is-end,.demo-sort.is-end{text-align:right}.demo-sort{display:inline-flex;align-items:center;gap:.25rem;width:100%;padding:0;border:0;background:transparent;font:inherit;font-weight:650;color:inherit}app-demo-table .demo-cards{display:none}.demo-record{display:grid;gap:.45rem;padding:.8rem}.demo-record div{display:flex;justify-content:space-between;gap:1rem;font-size:.875rem}.demo-record span{color:var(--color-text-muted);font-size:.75rem}.demo-pager{justify-content:space-between;margin-top:.7rem;color:var(--color-text-muted);font-size:.8125rem}.demo-pager p{margin:0}.demo-badge{padding:.12rem .45rem;line-height:1.4}.demo-badge--positive{background:var(--color-success-subtle);color:var(--color-success)}.demo-badge--info{background:var(--demo-info-bg);color:var(--demo-info-text)}.demo-badge--warning{background:var(--color-warning-subtle);color:var(--color-warning)}.demo-badge--negative{background:var(--demo-danger-bg);color:var(--demo-danger)}.demo-badge--neutral{background:var(--demo-neutral-bg);color:var(--color-text-muted)}.demo-chart__canvas{width:100%;height:280px}.demo-chart__details{margin-top:.35rem;font-size:.8125rem}.demo-chart__details .demo-table{min-width:0}.demo-empty{text-align:left}.demo-empty p,.demo-list{margin:.4rem 0 0;color:var(--color-text-muted)}.demo-list{display:grid;gap:.4rem;padding-left:1.1rem}.demo-dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem 1rem;margin:0}.demo-dl dt{color:var(--color-text-muted);font-size:.75rem}.demo-dl dd{margin:.15rem 0 0}.demo-subhead{margin-top:1rem}.demo-modal{position:fixed;inset:0;z-index:60;display:grid;place-items:center;padding:1rem;background:#2c24306b}.demo-modal__panel{width:min(40rem,100%);max-height:min(90vh,48rem);overflow:auto;padding:1rem 1rem 1.1rem;background:var(--demo-surface);color:var(--color-text);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.demo-modal__head{display:flex;justify-content:space-between;gap:1rem;align-items:center;margin-bottom:.8rem}.demo-modal__head h2{margin:0;font-size:1.15rem}app-demo-modal{display:contents}.demo-scrim{position:fixed;inset:0;z-index:30;border:0;background:#2c243059}.demo-toast{position:fixed;right:1rem;bottom:1rem;z-index:70;display:flex;align-items:center;gap:.75rem;max-width:min(24rem,100% - 2rem);padding:.75rem .8rem;background:var(--demo-inverse);color:var(--demo-inverse-text);border-radius:var(--radius-md);box-shadow:var(--shadow-md)}.demo-toast p{margin:0;font-size:.875rem}.demo-toast .demo-btn{color:var(--demo-inverse-text);border-color:color-mix(in srgb,var(--demo-inverse-text) 35%,transparent);background:transparent}.demo-theme{display:inline-flex;padding:.2rem;border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--demo-switch)}.demo-theme button{display:inline-flex;align-items:center;gap:.3rem;border:0;background:transparent;color:var(--color-text-muted);border-radius:var(--radius-pill);padding:.35rem .6rem;font-size:.75rem;font-weight:600;cursor:pointer}.demo-theme button.is-selected{background:var(--demo-surface);color:var(--color-text);box-shadow:var(--shadow-sm)}.demo-menu-btn{display:none}@media(min-width:720px){.demo-form__split{grid-template-columns:1fr 1fr}}@media(max-width:1180px){.demo-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:960px){.demo-kpis,.demo-charts{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-span{grid-column:1/-1}}@media(max-width:800px){.demo-app,.demo-app.is-collapsed{grid-template-columns:minmax(0,1fr);grid-template-areas:"header" "banner" "main" "footer"}.demo-menu-btn{display:inline-flex}.demo-sidebar{position:fixed;z-index:35;top:0;bottom:0;left:0;width:min(18rem,86vw);transform:translate(-105%);transition:transform var(--transition-base)}.demo-app.is-nav-open .demo-sidebar{transform:none}.demo-app.is-collapsed .demo-nav__label,.demo-app.is-collapsed .demo-sidebar__org,.demo-app.is-collapsed .demo-collapse span{position:static;width:auto;height:auto;overflow:visible;clip:auto}.demo-collapse{display:none}.demo-user span:last-child,.demo-reset span,.demo-switch__full,.demo-theme span{display:none}.demo-switch__short{display:inline}}@media(min-width:801px){.demo-app.is-collapsed .demo-nav__label,.demo-app.is-collapsed .demo-sidebar__org,.demo-app.is-collapsed .demo-collapse span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.demo-app.is-collapsed .demo-sidebar a,.demo-app.is-collapsed .demo-collapse{justify-content:center}}@media(max-width:720px){.demo-kpis,.demo-charts,.demo-dl{grid-template-columns:minmax(0,1fr)}.demo-main,.demo-header,.demo-banner,.demo-footer{padding-left:.9rem;padding-right:.9rem}app-demo-table .demo-table-scroll{display:none}app-demo-table .demo-cards{display:grid;gap:.7rem}.demo-header__title{display:none}}@media(prefers-reduced-motion:reduce){.demo-sidebar,.demo-toast,.demo-btn{transition:none}}