:root{--metrosan-primary: #00008b;--metrosan-primary-hover: #1a1aa2;--metrosan-deep: #050040;--metrosan-logo-purple: #3e4095;--metrosan-white: #ffffff;--metrosan-surface: #f8f9fa;--metrosan-light-blue: #e6f0ff;--metrosan-mobile-nav: #f1faff;--metrosan-text: #333333;--metrosan-text-soft: #6c757d;--metrosan-text-muted: #666666;--metrosan-border: #d8dee8;--metrosan-border-subtle: #e8ecf2;--metrosan-overlay: #0302501c;--metrosan-shadow-soft: #f3eeee;--metrosan-header-bg: var(--metrosan-white);--metrosan-footer-bg: var(--metrosan-primary);--metrosan-footer-bottom-bg: var(--metrosan-deep);--metrosan-hero-overlay-start: rgb(5 0 64 / 85%);--metrosan-hero-overlay-end: rgb(0 0 139 / 42%);--metrosan-page-hero-accent: var(--metrosan-primary);--metrosan-shadow-card: 0 2px 8px rgb(0 0 70 / 6%), 0 1px 3px rgb(0 0 70 / 4%);--metrosan-shadow-card-hover: 0 12px 32px rgb(0 0 100 / 10%), 0 3px 8px rgb(0 0 100 / 5%);--metrosan-shadow-header: 0 1px 0 var(--metrosan-border-subtle), 0 4px 16px rgb(0 0 80 / 5%);--metrosan-transition-smooth: .22s cubic-bezier(.4, 0, .2, 1)}:root{--color-brand-950: var(--metrosan-deep);--color-brand-900: var(--metrosan-deep);--color-brand-800: var(--metrosan-primary);--color-brand-700: var(--metrosan-primary);--color-brand-600: var(--metrosan-primary-hover);--color-brand-500: var(--metrosan-logo-purple);--color-brand-400: var(--metrosan-logo-purple);--color-brand-100: var(--metrosan-light-blue);--color-brand-50: var(--metrosan-mobile-nav);--color-accent: var(--metrosan-white);--color-accent-soft: var(--metrosan-light-blue);--color-accent-dark: var(--metrosan-primary);--color-surface: var(--metrosan-white);--color-surface-muted: var(--metrosan-surface);--color-border: var(--metrosan-border-subtle);--color-border-strong: #c5cdd8;--color-text: var(--metrosan-text);--color-text-secondary: var(--metrosan-text-soft);--color-text-muted: var(--metrosan-text-muted);--color-text-inverse: var(--metrosan-white);--container-max: 1180px;--header-height: 80px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--shadow-sm: 0 1px 2px rgb(15 23 42 / 5%), 0 1px 3px rgb(15 23 42 / 4%);--shadow-md: 0 8px 24px rgb(15 23 42 / 7%), 0 2px 6px rgb(15 23 42 / 4%);--shadow-lg: 0 20px 48px rgb(15 23 42 / 10%), 0 4px 12px rgb(15 23 42 / 5%);--font-sans: "Inter", "Poppins", system-ui, sans-serif;--font-display: "Poppins", system-ui, sans-serif;--transition: var(--metrosan-transition-smooth)}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:var(--font-sans);font-size:15px;line-height:1.65;color:var(--color-text);background:var(--metrosan-surface);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}#root{min-height:100%;display:flex;flex-direction:column}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input,select,textarea{font:inherit}.container{width:100%;max-width:var(--container-max);margin:0 auto;padding:0 24px}@media(min-width:768px){.container{padding:0 32px}}@media(min-width:1240px){.container{padding:0 20px}}.site-header{position:sticky;top:0;z-index:100;background:#fffffff5;backdrop-filter:blur(18px) saturate(1.6);-webkit-backdrop-filter:blur(18px) saturate(1.6);border-bottom:1px solid var(--metrosan-border-subtle);box-shadow:var(--metrosan-shadow-header);transition:box-shadow var(--transition),background var(--transition)}.site-header__inner{display:flex;align-items:center;justify-content:space-between;height:var(--header-height);gap:16px}.site-brand{display:flex;align-items:center;gap:12px;flex-shrink:0}.site-brand__mark{width:40px;height:40px;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--color-brand-600),var(--color-brand-900));display:grid;place-items:center;color:#fff;font-weight:700;font-size:13px;letter-spacing:.04em}.site-brand__logo{height:44px;width:auto;max-width:188px;transition:opacity var(--transition)}.site-brand:hover .site-brand__logo{opacity:.88}.site-nav{display:none;align-items:center;gap:4px}.site-nav__link{padding:7px 15px;border-radius:999px;font-size:14px;font-weight:500;color:var(--color-text-secondary);letter-spacing:.01em;transition:color var(--transition),background var(--transition);position:relative}.site-nav__link:hover{color:var(--metrosan-primary);background:var(--metrosan-light-blue)}.site-nav__link--active{color:var(--metrosan-white);background:var(--metrosan-primary);font-weight:600;box-shadow:0 2px 10px #00008b38}.site-nav__dropdown{position:relative}.site-nav__dropdown-trigger{display:inline-flex;align-items:center;gap:4px;background:none;border:none;cursor:pointer;font:inherit}.site-nav__dropdown-menu{position:absolute;top:calc(100% + 8px);left:0;min-width:220px;max-width:300px;background:var(--metrosan-white);border-radius:8px;box-shadow:0 8px 24px #0000001f;padding:6px 0;z-index:100}.site-nav__dropdown-item{display:block;padding:10px 16px;font-size:14px;color:var(--color-text-secondary);text-decoration:none;transition:background var(--transition),color var(--transition)}.site-nav__dropdown-item:hover{background:var(--metrosan-light-blue);color:var(--metrosan-primary)}.mobile-nav__section-toggle{display:flex;align-items:center;gap:4px;width:100%;background:none;border:none;cursor:pointer;font:inherit;text-align:left}.mobile-nav__link--nested{padding-left:32px;font-size:14px;opacity:.9}.site-header__actions{display:flex;align-items:center;gap:10px}.menu-toggle{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--metrosan-border-subtle);border-radius:var(--radius-md);background:var(--metrosan-white);cursor:pointer;color:var(--metrosan-primary);transition:background var(--transition),border-color var(--transition)}.menu-toggle:hover{background:var(--metrosan-light-blue);border-color:#00008b33}.mobile-nav{display:none;flex-direction:column;padding:8px 20px 20px;border-top:1px solid var(--metrosan-border-subtle);background:var(--metrosan-white);box-shadow:0 8px 24px #0000501a}.mobile-nav--open{display:flex}.mobile-nav__link{padding:13px 4px;font-size:15px;font-weight:500;color:var(--color-text-secondary);border-bottom:1px solid var(--metrosan-border-subtle);transition:color var(--transition),padding-left var(--transition)}.mobile-nav__link:last-child{border-bottom:none}.mobile-nav__link--active{color:var(--metrosan-primary);font-weight:700;padding-left:8px;border-left:3px solid var(--metrosan-primary)}@media(min-width:900px){.site-nav{display:flex}.menu-toggle{display:none}.mobile-nav{display:none!important}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 24px;border-radius:var(--radius-md);border:1px solid transparent;font-family:var(--font-sans);font-size:14px;font-weight:600;letter-spacing:.015em;cursor:pointer;transition:all var(--transition);white-space:nowrap;-webkit-user-select:none;user-select:none}.btn--primary{background:var(--metrosan-primary);color:var(--metrosan-white);box-shadow:0 2px 8px #00008b2e,0 1px 2px #0000501f}.btn--primary:hover{background:var(--metrosan-primary-hover);box-shadow:0 6px 18px #00008b42,0 2px 4px #0000501a;transform:translateY(-1px)}.btn--primary:active{transform:translateY(0);box-shadow:0 2px 8px #00008b2e}.btn--accent{background:var(--metrosan-white);color:var(--metrosan-primary);border:1px solid rgb(255 255 255 / 92%);box-shadow:0 3px 12px #00000024}.btn--accent:hover{background:var(--metrosan-light-blue);color:var(--metrosan-primary);transform:translateY(-1px);box-shadow:0 6px 18px #00000029}.btn--accent:active{transform:translateY(0)}.btn--outline{background:transparent;border-color:#ffffff73;color:#fff}.btn--outline:hover{background:#ffffff1f;border-color:#fffc}.btn--secondary{background:var(--color-surface);border-color:var(--metrosan-border);color:var(--color-text);box-shadow:var(--shadow-sm)}.btn--secondary:hover{border-color:#00008b47;color:var(--metrosan-primary);background:var(--metrosan-light-blue)}.btn--ghost{background:transparent;color:var(--color-text-secondary);padding:8px 12px}.btn--ghost:hover{color:var(--color-brand-700);background:var(--metrosan-light-blue)}.btn--sm{padding:7px 14px;font-size:13px}.btn--lg{padding:13px 26px;font-size:15px;letter-spacing:.02em}.hero{position:relative;min-height:520px;display:flex;align-items:center;overflow:hidden;background:var(--color-brand-950);color:#fff}.hero__bg{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;opacity:.35}.hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,var(--metrosan-hero-overlay-start) 0%,var(--metrosan-hero-overlay-end) 100%)}.hero__content{position:relative;z-index:1;padding:64px 0;max-width:640px}.hero__eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--color-brand-400);margin-bottom:16px}.hero__title{font-family:var(--font-display);font-size:clamp(2rem,5vw,3.25rem);font-weight:400;line-height:1.15;letter-spacing:-.02em;margin-bottom:20px}.hero__subtitle{font-size:17px;line-height:1.65;color:#ffffffd1;margin-bottom:32px}.hero__actions{display:flex;flex-wrap:wrap;gap:12px}.section{padding:80px 0}.section--muted{background:var(--color-surface-muted);border-top:1px solid var(--metrosan-border-subtle);border-bottom:1px solid var(--metrosan-border-subtle)}.section--transparency{background:linear-gradient(180deg,var(--metrosan-surface) 0%,var(--color-surface-muted) 100%);border-top:1px solid var(--metrosan-border-subtle);border-bottom:1px solid var(--metrosan-border-subtle)}.section--transparency .section-header__title{max-width:28ch}.transparency-section__cta{margin-top:28px}.section--brand-accent{background:linear-gradient(135deg,var(--metrosan-light-blue) 0%,var(--metrosan-white) 100%);border-top:1px solid var(--metrosan-border-subtle);border-bottom:1px solid var(--metrosan-border-subtle)}.section--brand-accent .trust-banner__eyebrow{color:var(--metrosan-primary)}.section--brand-accent .trust-banner__title{color:var(--metrosan-deep)}.section--brand-accent .trust-banner__text{color:var(--color-text-secondary)}.section--dark{background:var(--color-brand-950);color:#fff}.section-header{margin-bottom:40px}.section-header--row{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap}.section-header__eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:11.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--metrosan-primary);margin-bottom:10px}.section-header__eyebrow:before{content:"";display:inline-block;width:16px;height:2px;background:currentColor;border-radius:2px;flex-shrink:0}.section--dark .section-header__eyebrow{color:var(--color-brand-400)}.section--muted .section-header__eyebrow{color:var(--metrosan-primary)}.section-header__title{font-family:var(--font-display);font-size:clamp(1.75rem,3vw,2.25rem);font-weight:600;letter-spacing:-.025em;line-height:1.18;color:var(--metrosan-deep)}.section-header__desc{margin-top:12px;color:var(--color-text-secondary);max-width:560px;font-size:15.5px;line-height:1.65}.section--dark .section-header__title{color:var(--metrosan-white)}.section--dark .section-header__desc{color:#ffffffb8}.section-header--dark .section-header__eyebrow{color:var(--metrosan-light-blue)}.section-header--dark .section-header__eyebrow:before{background:var(--metrosan-light-blue)}.section-header--dark .section-header__title{color:var(--metrosan-white)}.section-header--dark .section-header__desc{color:#ffffffb8}.app-cta{background:linear-gradient(135deg,var(--metrosan-primary),var(--metrosan-primary-hover));border-radius:var(--radius-xl);padding:32px 28px;display:flex;flex-direction:column;gap:20px;color:#fff;box-shadow:var(--shadow-lg)}@media(min-width:768px){.app-cta{flex-direction:row;align-items:center;justify-content:space-between;padding:40px 48px}}.app-cta__title{font-family:var(--font-display);font-size:1.5rem;margin-bottom:8px}.app-cta__desc{color:#ffffffd9;font-size:15px}.post-grid{display:grid;grid-template-columns:1fr;gap:24px}@media(min-width:640px){.post-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:960px){.post-grid--3{grid-template-columns:repeat(3,1fr)}}.post-card{background:var(--color-surface);border:1px solid var(--metrosan-border-subtle);border-radius:var(--radius-lg);overflow:hidden;transition:box-shadow var(--transition),transform var(--transition),border-color var(--transition);display:flex;flex-direction:column;box-shadow:var(--metrosan-shadow-card)}.post-card:hover{box-shadow:var(--metrosan-shadow-card-hover);transform:translateY(-3px);border-color:#00008b24}.post-card__image{aspect-ratio:16/10;object-fit:cover;width:100%;background:var(--color-brand-100);transition:transform .4s cubic-bezier(.4,0,.2,1)}.post-card:hover .post-card__image{transform:scale(1.025)}.post-card__body{padding:24px;flex:1;display:flex;flex-direction:column}.post-card__meta{display:flex;align-items:center;gap:10px;margin-bottom:12px;font-size:12px}.category-badge{display:inline-flex;padding:3px 10px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.03em;background:var(--color-brand-100);color:var(--metrosan-primary)}.post-card__date{color:var(--color-text-muted);font-size:12px}.post-card__title{font-family:var(--font-display);font-size:1.175rem;font-weight:600;line-height:1.32;letter-spacing:-.015em;margin-bottom:10px;flex:1;color:var(--metrosan-deep);transition:color var(--transition)}.post-card:hover .post-card__title{color:var(--metrosan-primary)}.post-card__summary{font-size:14px;color:var(--color-text-secondary);line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.post-card__link{margin-top:18px;font-size:13px;font-weight:700;color:var(--metrosan-primary);display:inline-flex;align-items:center;gap:6px;letter-spacing:.01em;transition:gap var(--transition)}.post-card:hover .post-card__link{gap:10px}.featured-post{display:grid;grid-template-columns:1fr;gap:0;background:var(--color-surface);border:1px solid var(--metrosan-border-subtle);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--metrosan-shadow-card);margin-bottom:32px;transition:box-shadow var(--transition),border-color var(--transition)}.featured-post:hover{box-shadow:var(--metrosan-shadow-card-hover);border-color:#00008b24}.featured-post__image-link{display:block;overflow:hidden}.featured-post__image{width:100%;aspect-ratio:16/9;object-fit:cover;transition:transform .4s cubic-bezier(.4,0,.2,1)}.featured-post:hover .featured-post__image{transform:scale(1.02)}.featured-post__body{padding:28px 24px;display:flex;flex-direction:column;justify-content:center}.featured-post__meta{display:flex;align-items:center;gap:10px;margin-bottom:12px;font-size:12px}.featured-post__date{color:var(--color-text-muted);font-size:12px}.featured-post__title{font-family:var(--font-display);font-size:1.5rem;font-weight:700;line-height:1.3;letter-spacing:-.02em;margin-bottom:12px;color:var(--metrosan-deep)}.featured-post__title a{color:inherit;text-decoration:none}.featured-post__title a:hover{color:var(--metrosan-primary)}.featured-post__summary{font-size:15px;color:var(--color-text-secondary);line-height:1.65;margin-bottom:20px;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}@media(min-width:768px){.featured-post{grid-template-columns:1.2fr 1fr}.featured-post__image{aspect-ratio:4/3;height:100%}.featured-post__body{padding:32px}.featured-post__title{font-size:1.65rem}}.institutional-page-grid{display:grid;grid-template-columns:1fr;gap:24px}@media(min-width:640px){.institutional-page-grid--2,.institutional-page-grid--3{grid-template-columns:repeat(2,1fr)}}@media(min-width:960px){.institutional-page-grid--3{grid-template-columns:repeat(3,1fr)}}.institutional-page-grid--1{max-width:640px}.institutional-page-card{background:var(--color-surface);border:1px solid var(--metrosan-border-subtle);border-top:3px solid var(--metrosan-primary);border-radius:var(--radius-lg);overflow:hidden;display:flex;flex-direction:column;min-height:100%;box-shadow:var(--metrosan-shadow-card);transition:box-shadow var(--transition),transform var(--transition),border-color var(--transition)}.institutional-page-card:hover{box-shadow:var(--metrosan-shadow-card-hover);transform:translateY(-3px);border-color:#00008b24;border-top-color:var(--metrosan-primary)}.institutional-page-card__image{aspect-ratio:16 / 9;object-fit:cover;width:100%;background:var(--color-brand-100)}.institutional-page-card__placeholder{display:grid;place-items:center;aspect-ratio:16 / 9;background:linear-gradient(135deg,var(--metrosan-light-blue) 0%,rgb(0 0 139 / 6%) 100%);color:var(--metrosan-primary)}.institutional-page-card__body{padding:28px 28px 24px;flex:1;display:flex;flex-direction:column}.institutional-page-card__title{font-family:var(--font-display);font-size:1.2rem;font-weight:600;line-height:1.35;letter-spacing:-.015em;margin-bottom:12px;color:var(--metrosan-deep)}.institutional-page-card__title a{color:inherit;transition:color var(--transition)}.institutional-page-card:hover .institutional-page-card__title a{color:var(--metrosan-primary)}.institutional-page-card__date{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:500;color:var(--color-text-muted);margin:0 0 16px}.institutional-page-card__summary{font-size:14px;color:var(--color-text-secondary);line-height:1.65;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;flex:1}.institutional-page-card__cta{margin-top:20px;font-size:13px;font-weight:700;color:var(--metrosan-primary);display:inline-flex;align-items:center;gap:6px;letter-spacing:.01em;transition:gap var(--transition)}.institutional-page-card:hover .institutional-page-card__cta{gap:10px}.pages-list-page__loading,.page-detail-page__loading{padding:80px 20px}.doc-list{display:flex;flex-direction:column;gap:12px}.doc-row{display:flex;align-items:center;gap:16px;padding:18px 24px;background:var(--color-surface);border:1px solid var(--metrosan-border-subtle);border-radius:var(--radius-lg);box-shadow:var(--metrosan-shadow-card);transition:border-color var(--transition),box-shadow var(--transition),transform var(--transition)}.doc-row:hover{border-color:#00008b33;box-shadow:var(--metrosan-shadow-card-hover);transform:translateY(-1px)}.doc-row__icon{width:44px;height:44px;border-radius:var(--radius-md);background:var(--metrosan-light-blue);color:var(--metrosan-primary);display:grid;place-items:center;flex-shrink:0}.doc-row__info{flex:1;min-width:0}.doc-row__title{font-weight:600;font-size:15px;margin-bottom:4px}.doc-row__desc{font-size:13px;color:var(--color-text-secondary);margin:0 0 8px;line-height:1.5}.doc-row__meta{font-size:12px;color:var(--color-text-muted);display:flex;flex-wrap:wrap;gap:8px}.doc-row__meta span:not(:last-child):after{content:"·";margin-left:8px}.doc-row__title--link{display:inline-block;color:inherit;text-decoration:none;transition:color var(--transition)}.doc-row__title--link:hover{color:var(--metrosan-primary)}.doc-row__actions{display:flex;flex-wrap:wrap;gap:8px;flex-shrink:0}.doc-row__actions--compact .btn{padding-inline:12px}@media(max-width:640px){.doc-row{flex-wrap:wrap;align-items:flex-start}.doc-row__actions{width:100%}.doc-row__actions .btn{flex:1;justify-content:center}}.doc-viewer-page__loading{padding:80px 20px}.doc-viewer-page__header{padding:48px 0 32px;background:linear-gradient(180deg,var(--metrosan-light-blue) 0%,var(--metrosan-surface) 100%);border-bottom:1px solid var(--metrosan-border-subtle)}.doc-viewer-page__back{display:inline-flex;align-items:center;gap:6px;margin-bottom:24px;font-size:14px;font-weight:500;color:var(--metrosan-primary)}.doc-viewer-page__back:hover{color:var(--metrosan-primary-hover)}.doc-viewer-page__intro{display:grid;grid-template-columns:auto 1fr;gap:20px;align-items:start}.doc-viewer-page__icon{display:grid;place-items:center;width:52px;height:52px;border-radius:var(--radius-md);background:var(--metrosan-white);color:var(--metrosan-primary);border:1px solid var(--metrosan-border-subtle);box-shadow:var(--shadow-sm)}.doc-viewer-page__category{display:inline-block;margin-bottom:10px;padding:4px 10px;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--metrosan-primary);background:var(--metrosan-white);border:1px solid var(--metrosan-border-subtle);border-radius:999px}.doc-viewer-page__title{margin:0 0 12px;font-family:var(--font-display);font-size:clamp(1.65rem,3.5vw,2.35rem);font-weight:600;letter-spacing:-.02em;line-height:1.2;color:var(--metrosan-deep)}.doc-viewer-page__description{margin:0 0 18px;max-width:720px;font-size:16px;line-height:1.65;color:var(--color-text-secondary)}.doc-viewer-page__meta{display:flex;flex-wrap:wrap;gap:10px 18px;margin:0}.doc-viewer-page__meta-item{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--color-text-muted)}.doc-viewer-page__meta dt{margin:0;font-weight:600;color:var(--color-text-secondary)}.doc-viewer-page__meta dd{display:inline-flex;align-items:center;gap:6px;margin:0}.doc-viewer-page__viewer{padding-top:40px;padding-bottom:72px}.doc-viewer__panel{background:var(--metrosan-white);border:1px solid var(--metrosan-border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);overflow:hidden}.doc-viewer__frame{display:block;width:100%;min-height:min(78vh,860px);border:0;background:var(--metrosan-surface)}.doc-viewer__mobile-fallback{display:none}.doc-viewer__desktop-actions{padding:16px 20px;border-top:1px solid var(--metrosan-border-subtle);background:var(--metrosan-surface)}.doc-viewer__actions{display:flex;flex-wrap:wrap;gap:10px}.doc-viewer__image-wrap{display:flex;align-items:center;justify-content:center;min-height:min(50vh,640px);padding:24px;background:var(--metrosan-surface)}.doc-viewer__image{display:block;max-width:100%;max-height:min(72vh,760px);width:auto;height:auto;object-fit:contain;border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.doc-viewer__fallback{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;padding:48px 32px;background:var(--metrosan-white);border:1px solid var(--metrosan-border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);color:var(--metrosan-primary)}.doc-viewer__fallback-title{margin:0;font-family:var(--font-display);font-size:1.35rem;color:var(--metrosan-deep)}.doc-viewer__fallback-text{margin:0 0 8px;max-width:520px;font-size:15px;line-height:1.65;color:var(--color-text-secondary)}@media(max-width:768px){.doc-viewer-page__intro{grid-template-columns:1fr}.doc-viewer__frame{display:none}.doc-viewer__mobile-fallback{display:block;padding:28px 22px;background:var(--metrosan-light-blue);border-bottom:1px solid var(--metrosan-border-subtle)}.doc-viewer__mobile-fallback-text{margin:0 0 16px;font-size:14px;line-height:1.6;color:var(--color-text-secondary)}.doc-viewer__desktop-actions{display:none}.doc-viewer__mobile-fallback .doc-viewer__actions{justify-content:stretch}.doc-viewer__mobile-fallback .btn{flex:1;justify-content:center}}@media(min-width:769px){.doc-viewer-page__header{padding:56px 0 36px}}.services-grid{display:grid;grid-template-columns:1fr;gap:16px}@media(min-width:640px){.services-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:960px){.services-grid{grid-template-columns:repeat(4,1fr)}}.service-card{padding:24px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:all var(--transition)}.service-card:hover{border-color:var(--color-brand-400);box-shadow:var(--shadow-md)}.service-card__icon{width:48px;height:48px;border-radius:var(--radius-md);background:var(--color-brand-100);color:var(--color-brand-700);display:grid;place-items:center;margin-bottom:16px}.service-card__name{font-weight:700;font-size:16px;margin-bottom:8px}.service-card__desc{font-size:14px;color:var(--color-text-secondary);margin-bottom:12px}.service-card__schedule{font-size:12px;font-weight:600;color:var(--color-brand-600)}.pqrs-teaser{display:grid;gap:32px;align-items:center}@media(min-width:768px){.pqrs-teaser{grid-template-columns:1fr 1fr}}.pqrs-teaser__list{list-style:none;padding:0;margin:20px 0 0}.pqrs-teaser__list li{display:flex;align-items:flex-start;gap:12px;padding:10px 0;font-size:14px;color:#ffffffd9}.pqrs-teaser__list li svg{flex-shrink:0;margin-top:2px;color:var(--color-brand-400)}.site-footer{background:var(--metrosan-footer-bg);color:#ffffffe0;margin-top:auto;border-top:3px solid rgb(255 255 255 / 15%);box-shadow:inset 0 4px 24px #00005033}.site-footer__top{padding:64px 0 48px;display:grid;grid-template-columns:1fr;gap:40px}@media(min-width:768px){.site-footer__top{grid-template-columns:1.5fr 1fr 1fr}}@media(min-width:900px){.site-footer__top--with-transparency{grid-template-columns:1.4fr 1fr .9fr 1.1fr;gap:32px}}.site-footer__logo-wrap{display:inline-block;background:var(--metrosan-white);border-radius:12px;padding:8px 14px;margin-bottom:16px}.site-footer__logo{height:auto;width:min(200px,100%);margin:0}.site-footer__tagline{font-family:var(--font-display);font-size:1.15rem;font-weight:700;color:var(--metrosan-white);margin-bottom:12px}.site-footer__brand-col .site-footer__desc{max-width:320px}.site-footer__brand-name{font-weight:700;font-size:18px;color:#fff;margin-bottom:12px}.site-footer__desc{font-size:14px;line-height:1.65;max-width:280px}.site-footer__heading{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#ffffff8c;margin-bottom:18px;padding-bottom:8px;border-bottom:1px solid rgb(255 255 255 / 10%)}.site-footer__links{list-style:none;padding:0;margin:0}.site-footer__links li{margin-bottom:10px}.site-footer__links a{font-size:14px;color:#ffffffb8;transition:color var(--transition),padding-left var(--transition);display:inline-block}.site-footer__links a:hover{color:#fff;padding-left:4px}.site-footer__bottom{padding:18px 0;background:var(--metrosan-footer-bottom-bg);border-top:1px solid rgb(255 255 255 / 8%);font-size:13px;font-weight:500;display:flex;flex-wrap:wrap;justify-content:center;gap:16px;text-align:center;color:#ffffffd1;letter-spacing:.01em}.filter-pills{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px}.filter-pill{padding:8px 16px;border-radius:999px;border:1px solid var(--color-border);background:var(--color-surface);font-size:13px;font-weight:500;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition)}.filter-pill:hover{border-color:var(--color-brand-400);color:var(--color-brand-700)}.filter-pill--active{background:var(--color-brand-700);border-color:var(--color-brand-700);color:#fff}.article-hero{position:relative;min-height:380px;display:flex;align-items:flex-end;background:var(--metrosan-deep)}.detail-hero__header{display:flex;flex-direction:column;align-items:flex-start;max-width:760px}.detail-hero__breadcrumb{display:block;width:100%;margin-bottom:20px}.detail-hero__back{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:500;color:#ffffffa6;transition:color var(--transition),gap var(--transition);letter-spacing:.01em}.detail-hero__back:hover{color:var(--metrosan-white);gap:10px}.detail-hero__labels{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:18px}.detail-hero__eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--metrosan-light-blue);padding:5px 12px 5px 9px;background:#ffffff17;border:1px solid rgb(255 255 255 / 14%);border-radius:999px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.detail-hero__eyebrow:before{content:"";display:inline-block;width:7px;height:7px;background:var(--metrosan-light-blue);border-radius:50%;flex-shrink:0;opacity:.9}.category-badge--on-dark{background:#ffffff1f;color:var(--metrosan-white);border:1px solid rgb(255 255 255 / 18%)}.article-hero__date{display:inline-flex;align-items:center;gap:6px}.article-summary{font-size:18px;color:var(--color-text-secondary);line-height:1.72;margin-bottom:36px;font-weight:500;max-width:680px;padding:20px 24px;background:var(--metrosan-surface);border-left:3px solid var(--metrosan-primary);border-radius:0 var(--radius-md) var(--radius-md) 0}.article-hero__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.article-hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#0a1f2ef2,#0a1f2e4d)}.article-hero__content{position:relative;z-index:1;padding:48px 0;color:#fff;max-width:760px}.article-hero__title{font-family:var(--font-display);font-size:clamp(1.75rem,4vw,2.75rem);font-weight:400;line-height:1.15;letter-spacing:-.02em;margin:0 0 16px;width:100%}.article-hero__meta{display:flex;flex-wrap:wrap;gap:16px;font-size:14px;color:#ffffffbf}.article-body{padding:48px 0 64px}.article-body__inner{max-width:720px;margin:0 auto}.article-body--page{padding:48px 0 80px}.page-hero--detail .page-hero__title{max-width:18ch;margin-top:0;width:100%}.page-hero--detail .page-hero__desc{max-width:52ch;margin-top:4px}.page-hero__inner{position:relative;z-index:2}.page-hero--brand-image{background:var(--metrosan-deep)}.page-hero__bg-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0}.page-hero__bg-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(160deg,#050040e5,#000069d6 45%,#00008bc7)}.page-detail-back{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--metrosan-primary);margin-bottom:36px;transition:gap var(--transition),color var(--transition)}.page-detail-back:hover{gap:12px;color:var(--metrosan-deep)}.page-detail-back-wrap{margin-top:48px;padding-top:32px;border-top:1px solid var(--metrosan-border-subtle)}.page-detail-back--footer{margin-bottom:0}.article-body--page .block-text:first-of-type{margin-top:0}.page-related-docs{margin-top:64px;padding-top:44px;border-top:1px solid var(--metrosan-border-subtle)}.page-related-docs__header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:20px}.page-related-docs__eyebrow{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--metrosan-primary);margin-bottom:8px}.page-related-docs__title{font-family:var(--font-display);font-size:1.5rem;font-weight:600;line-height:1.25;color:var(--metrosan-deep);margin-bottom:8px}.page-related-docs__desc{font-size:14px;line-height:1.6;color:var(--color-text-secondary);max-width:42ch}.page-related-docs__all-link{flex-shrink:0;font-size:13px;font-weight:700;color:var(--metrosan-primary);display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.page-related-docs__all-link:hover{gap:10px}.page-related-docs__list{margin-top:4px}@media(max-width:639px){.institutional-page-card__body{padding:22px 20px 20px}.page-related-docs__header{flex-direction:column;gap:12px}.page-hero--detail .page-hero__title{max-width:none}.page-hero--detail{padding-top:56px;padding-bottom:72px}@media(min-width:768px){.page-hero--detail.page-hero--brand{padding-bottom:88px}}.article-body--page{padding:32px 0 56px}.page-detail-back{margin-bottom:28px;font-size:13px}}.block-text{font-size:17px;line-height:1.75;margin-bottom:28px;color:var(--color-text)}.block-text__paragraph{margin:0 0 1.25rem;white-space:pre-line;line-height:1.75}.block-text__paragraph:last-child{margin-bottom:0}.block-text__list{margin:0 0 1.25rem 1.25rem;padding-left:1.25rem;line-height:1.75}.block-text__list li{margin-bottom:.4rem}.block-text__list li:last-child{margin-bottom:0}.block-subtitle{text-align:left;font-family:var(--font-display);font-size:1.75rem;font-weight:600;line-height:1.3;color:var(--color-text);margin:2.5rem 0 1rem}@media(min-width:641px){.article-body--page .block-text__paragraph{text-align:justify;text-justify:inter-word;-webkit-hyphens:none;hyphens:none;word-break:normal;overflow-wrap:normal}}@media(max-width:640px){.article-body--page .block-text__paragraph{text-align:left;-webkit-hyphens:none;hyphens:none;word-break:normal}}.article-body--page .block-subtitle{margin-top:3.25rem;margin-bottom:1.125rem}.article-body--page .block-subtitle:first-child{margin-top:0}.article-body--page .block-text__list{margin:1.375rem 0 1.625rem;padding-left:1.625rem;list-style-position:outside}.article-body--page .block-text__list:not(.block-text__list--ordered){list-style-type:disc}.article-body--page .block-text__list--ordered{list-style-type:decimal}.article-body--page .block-text__list li{margin-bottom:.625rem;padding-left:.35rem;line-height:1.75}.article-body--page .block-text__list li::marker{color:var(--metrosan-primary)}.block-image{margin-bottom:28px}.block-image img{width:100%;border-radius:var(--radius-lg)}.block-image__caption{margin-top:10px;font-size:13px;color:var(--color-text-muted);text-align:center}.block-gallery{margin-bottom:32px}.block-gallery__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}@media(min-width:640px){.block-gallery__grid{grid-template-columns:repeat(4,1fr)}}.block-gallery__item{aspect-ratio:4/3;object-fit:cover;width:100%;border-radius:var(--radius-md);cursor:pointer;transition:opacity var(--transition)}.block-gallery__item:hover{opacity:.9}.block-document{display:flex;align-items:center;gap:16px;padding:18px 20px;background:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:28px}.block-document__icon{color:var(--color-accent)}.block-document__title{font-weight:600;flex:1}.contact-grid{display:grid;gap:40px}@media(min-width:960px){.contact-grid{grid-template-columns:1fr 1.2fr}}.contact-info-card{padding:28px;background:var(--color-brand-950);border-radius:var(--radius-xl);color:#fff}.contact-info-card__item{display:flex;gap:14px;padding:16px 0;border-bottom:1px solid rgba(255,255,255,.1)}.contact-info-card__item:last-child{border-bottom:none}.contact-info-card__item svg{flex-shrink:0;color:var(--color-brand-400);margin-top:2px}.contact-info-card__label{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:#ffffff80;margin-bottom:4px}.contact-form{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:32px}.form-field{display:flex;flex-direction:column;gap:6px;margin-bottom:18px}.form-label{font-size:13px;font-weight:600;color:var(--color-text-secondary)}.form-input,.form-select,.form-textarea{padding:12px 14px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);transition:border-color var(--transition),box-shadow var(--transition)}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--color-brand-500);box-shadow:0 0 0 3px #2488b51f}.form-textarea{resize:vertical;min-height:120px}.map-placeholder{margin-top:40px;height:280px;background:linear-gradient(135deg,var(--color-brand-100),var(--color-surface-muted));border:1px solid var(--color-border);border-radius:var(--radius-xl);display:grid;place-items:center;color:var(--color-text-muted);font-size:14px}.map-placeholder__inner{text-align:center}.map-placeholder__pin{width:48px;height:48px;border-radius:50%;background:var(--color-brand-700);color:#fff;display:grid;place-items:center;margin:0 auto 12px}.page-hero{background:var(--metrosan-white);color:var(--color-text);padding:60px 0 52px;border-bottom:1px solid var(--metrosan-border-subtle);position:relative}.page-hero:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--metrosan-primary) 0%,transparent 60%);opacity:.5}.page-hero__title{font-family:var(--font-display);font-size:clamp(1.85rem,4vw,2.65rem);font-weight:700;letter-spacing:-.025em;margin-bottom:14px;color:var(--metrosan-deep);line-height:1.18}.page-hero__desc{color:var(--color-text-secondary);max-width:560px;font-size:16px;line-height:1.68}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:var(--color-brand-900);color:#fff;padding:14px 24px;border-radius:var(--radius-md);box-shadow:var(--shadow-lg);font-size:14px;font-weight:500;z-index:1000;animation:toast-in .3s ease}@keyframes toast-in{0%{opacity:0;transform:translate(-50%) translateY(12px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.not-found{text-align:center;padding:80px 20px}.not-found__title{font-family:var(--font-display);font-size:2rem;margin-bottom:12px}.not-found__desc{color:var(--color-text-secondary);margin-bottom:24px}.main-content{flex:1}.hero--metrosan{min-height:580px}.hero__overlay--metrosan{background:linear-gradient(135deg,var(--metrosan-hero-overlay-start) 0%,var(--metrosan-hero-overlay-end) 100%)}.hero__tagline{font-family:var(--font-display);font-size:clamp(1.5rem,3.5vw,2rem);color:var(--color-accent);margin-bottom:12px;letter-spacing:-.01em}.hero__stats{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:40px;padding-top:32px;border-top:1px solid rgba(255,255,255,.15);max-width:480px}@media(min-width:480px){.hero__stats{grid-template-columns:repeat(4,1fr)}}.hero-stat{text-align:center}.hero-stat strong{display:block;font-family:var(--font-display);font-size:1.75rem;color:#fff;line-height:1.1}.hero-stat span{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:#fff9}.app-cta--metrosan{border-left:4px solid var(--metrosan-white)}.app-cta__icon{width:64px;height:64px;border-radius:var(--radius-lg);background:#ffffff1f;display:grid;place-items:center;flex-shrink:0;color:var(--metrosan-light-blue)}.routes-preview-grid{display:grid;grid-template-columns:1fr;gap:12px}@media(min-width:640px){.routes-preview-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:960px){.routes-preview-grid{grid-template-columns:repeat(4,1fr)}}.route-preview-card{display:flex;align-items:center;gap:14px;padding:18px 20px;background:var(--color-surface);border:1px solid var(--metrosan-border-subtle);border-radius:var(--radius-lg);box-shadow:var(--metrosan-shadow-card);transition:border-color var(--transition),box-shadow var(--transition),transform var(--transition)}.route-preview-card:hover{border-color:#00008b33;box-shadow:var(--metrosan-shadow-card-hover);transform:translateY(-2px)}.route-preview-card__icon{width:40px;height:40px;border-radius:var(--radius-md);background:var(--metrosan-light-blue);color:var(--metrosan-primary);display:grid;place-items:center;flex-shrink:0;transition:background var(--transition)}.route-preview-card:hover .route-preview-card__icon{background:#00008b1f}.route-preview-card__name{font-weight:700;font-size:14.5px;margin-bottom:3px;color:var(--metrosan-deep);letter-spacing:-.01em}.route-preview-card__zone,.route-preview-card__schedule{font-size:12px;color:var(--color-text-muted);margin:0}.portal-hero{position:relative;min-height:min(86vh,720px);display:flex;align-items:flex-end;overflow:hidden;background:var(--metrosan-deep);color:var(--metrosan-white)}@media(min-width:768px){.portal-hero{clip-path:polygon(0 0,100% 0,100% calc(100% - 72px),0 100%)}.portal-hero__content{padding-bottom:112px}}.portal-hero__bg{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;opacity:.92;transform:scale(1.03);transition:transform 6s cubic-bezier(.25,.46,.45,.94)}.portal-hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(110deg,#050040e0,#03005aad 42%,#00008b4d 75%,#00008b1f)}.portal-hero__overlay:after{content:"";position:absolute;bottom:0;left:0;right:0;height:40%;background:linear-gradient(to top,rgb(5 0 64 / 55%) 0%,transparent 100%);pointer-events:none}.portal-hero__content{position:relative;z-index:1;padding:88px 0 80px;max-width:700px}.portal-hero__eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--metrosan-light-blue);margin-bottom:24px;padding:6px 14px 6px 10px;background:#ffffff17;border:1px solid rgb(255 255 255 / 14%);border-radius:999px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.portal-hero__eyebrow:before{content:"";display:inline-block;width:8px;height:8px;background:var(--metrosan-light-blue);border-radius:50%;flex-shrink:0;opacity:.85}.portal-hero__tagline{font-family:var(--font-display);font-size:clamp(1.25rem,2.8vw,1.75rem);font-weight:500;color:var(--metrosan-light-blue);margin:0 0 18px;letter-spacing:-.01em}.portal-hero__title{font-family:var(--font-display);font-size:clamp(2.5rem,6.5vw,4.25rem);font-weight:700;line-height:1.06;letter-spacing:-.035em;margin:0 0 24px;text-shadow:0 4px 40px rgb(5 0 64 / 45%),0 1px 0 rgb(0 0 0 / 20%)}.portal-hero__subtitle{font-size:17px;line-height:1.72;color:#ffffffd1;margin:0 0 36px;max-width:540px;font-weight:400}.portal-hero__actions{display:flex;flex-wrap:wrap;gap:14px}.portal-hero .btn--secondary{background:#fffffff5;border-color:#ffffffd1;color:var(--metrosan-deep);box-shadow:0 3px 14px #00000026}.portal-hero .btn--secondary:hover{background:var(--metrosan-white);border-color:var(--metrosan-white);color:var(--metrosan-primary);transform:translateY(-1px);box-shadow:0 6px 20px #0000002e}.section--tight{padding:44px 0}.quick-access-grid{display:grid;grid-template-columns:1fr;gap:14px}@media(min-width:640px){.quick-access-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:960px){.quick-access-grid{grid-template-columns:repeat(4,1fr)}}.quick-access{display:flex;align-items:center;gap:18px;padding:22px 24px;background:var(--metrosan-white);border:1px solid var(--metrosan-border-subtle);border-top:3px solid var(--metrosan-primary);border-radius:var(--radius-lg);box-shadow:var(--metrosan-shadow-card);transition:border-color var(--transition),box-shadow var(--transition),transform var(--transition),background var(--transition);color:inherit}.quick-access:hover{border-color:var(--metrosan-primary);border-top-color:var(--metrosan-primary);box-shadow:var(--metrosan-shadow-card-hover);transform:translateY(-4px);background:linear-gradient(180deg,#f0f5ff 0%,var(--metrosan-white) 50%)}.quick-access:focus-visible{outline:2px solid var(--metrosan-primary);outline-offset:2px}.quick-access__icon{width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,var(--metrosan-primary) 0%,var(--metrosan-logo-purple) 100%);color:var(--metrosan-white);display:grid;place-items:center;flex-shrink:0;transition:box-shadow var(--transition),transform var(--transition);box-shadow:0 4px 12px #00008b38}.quick-access:hover .quick-access__icon{box-shadow:0 6px 20px #00008b52;transform:scale(1.06)}.quick-access__body{flex:1;min-width:0}.quick-access__title{font-size:15px;font-weight:700;margin:0 0 4px;color:var(--metrosan-deep);letter-spacing:-.01em;transition:color var(--transition)}.quick-access:hover .quick-access__title{color:var(--metrosan-primary)}.quick-access__desc{font-size:13px;color:var(--color-text-secondary);margin:0;line-height:1.5}.quick-access__arrow{flex-shrink:0;color:#00008b40;transition:color var(--transition),transform var(--transition)}.quick-access:hover .quick-access__arrow{color:var(--metrosan-primary);transform:translate(4px)}.cms-empty{text-align:center;padding:48px 24px;background:var(--color-surface);border:1px dashed var(--color-border-strong);border-radius:var(--radius-xl)}.cms-empty__icon{width:56px;height:56px;margin:0 auto 16px;border-radius:50%;background:var(--color-surface-muted);color:var(--color-text-muted);display:grid;place-items:center}.cms-empty__title{font-size:17px;font-weight:700;margin:0 0 8px;color:var(--color-text)}.cms-empty__desc{font-size:14px;color:var(--color-text-secondary);max-width:420px;margin:0 auto;line-height:1.55}.section-note{font-size:13px;color:var(--color-text-muted);margin:-20px 0 24px}.contact-panel{display:grid;grid-template-columns:1fr;gap:36px;padding:44px 40px;background:var(--metrosan-deep);color:var(--metrosan-white);border-radius:var(--radius-xl);border:none;box-shadow:0 20px 60px #05004038,0 4px 16px #0500401f;position:relative;overflow:hidden}.contact-panel:before{content:"";position:absolute;top:-80px;right:-80px;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,rgb(62 64 149 / 35%) 0%,transparent 70%);pointer-events:none}.contact-panel:after{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--metrosan-light-blue) 0%,rgb(62 64 149 / 60%) 60%,transparent 100%)}@media(min-width:768px){.contact-panel{grid-template-columns:1fr auto;align-items:center;padding:56px 64px;gap:48px}}.contact-panel .section-header__eyebrow{color:var(--metrosan-light-blue)}.contact-panel .section-header__eyebrow:before{background:var(--metrosan-light-blue)}.contact-panel .section-header__title{color:var(--metrosan-white);font-weight:700}.contact-panel .section-header__desc{color:#ffffffb8}.contact-panel__list{list-style:none;padding:0;margin:16px 0 0;font-size:14px;line-height:1.9;color:#ffffffa6}.contact-panel__list li{padding:6px 0;border-bottom:1px solid rgb(255 255 255 / 10%)}.contact-panel__list li:last-child{border-bottom:none}.contact-panel .btn--primary{background:var(--metrosan-white);color:var(--metrosan-primary);border-color:var(--metrosan-white);box-shadow:0 6px 24px #00000040;font-weight:700}.contact-panel .btn--primary:hover{background:var(--metrosan-light-blue);color:var(--metrosan-primary);border-color:var(--metrosan-light-blue);box-shadow:0 10px 32px #0000004d;transform:translateY(-2px)}.contact-panel .btn--primary:active{transform:translateY(0)}.contact-panel__cta{display:flex;justify-content:center}@media(min-width:768px){.contact-panel__cta{justify-content:flex-end}}.routes-disclaimer{padding:20px 24px;background:var(--metrosan-light-blue);border-left:4px solid var(--metrosan-primary);border-radius:var(--radius-md);margin-bottom:32px}.routes-disclaimer p{margin:0 0 8px;font-size:14px;color:var(--color-text-secondary);line-height:1.6}.routes-disclaimer p:last-child{margin-bottom:0}.routes-map-panel__zone{font-size:13px;color:var(--color-brand-600);font-weight:600;margin:0 0 4px}.page-loading{padding:120px 20px;text-align:center}.mobile-nav__link--accent{color:var(--metrosan-primary);font-weight:700}.site-nav__link:focus-visible,.mobile-nav__link:focus-visible{outline:2px solid var(--color-brand-500);outline-offset:2px}.quick-links-grid{display:grid;grid-template-columns:1fr;gap:16px}@media(min-width:768px){.quick-links-grid{grid-template-columns:repeat(3,1fr)}}.quick-link-card{display:flex;align-items:flex-start;gap:16px;padding:24px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:all var(--transition);color:inherit}.quick-link-card:hover{border-color:var(--color-brand-400);box-shadow:var(--shadow-md)}.quick-link-card svg{color:var(--color-brand-600);flex-shrink:0}.quick-link-card h3{font-size:16px;font-weight:700;margin-bottom:6px}.quick-link-card p{font-size:14px;color:var(--color-text-secondary);margin:0}.page-hero--brand{background:linear-gradient(160deg,var(--metrosan-deep) 0%,rgb(0 0 105 / 95%) 50%,rgb(0 0 139 / 88%) 100%);padding:72px 0 64px;border-bottom:none;position:relative;color:var(--metrosan-white);overflow:hidden}@media(min-width:768px){.page-hero--brand{clip-path:polygon(0 0,100% 0,100% 100%,0 calc(100% - 48px));padding-bottom:96px}}.page-hero--brand:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(rgb(255 255 255 / 4%) 1px,transparent 1px);background-size:28px 28px;pointer-events:none}.page-hero--brand:after{content:"";position:absolute;top:-60px;right:-60px;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgb(62 64 149 / 30%) 0%,transparent 70%);pointer-events:none}.page-hero--brand .page-hero__title{color:var(--metrosan-white);font-size:clamp(2rem,4.5vw,3rem);text-shadow:0 2px 20px rgb(5 0 64 / 40%)}.page-hero--brand .page-hero__desc{color:#ffffffc7;font-size:16.5px}.page-hero__eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--metrosan-light-blue);margin-bottom:18px;padding:5px 12px 5px 9px;background:#ffffff17;border:1px solid rgb(255 255 255 / 14%);border-radius:999px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.page-hero__eyebrow:before{content:"";display:inline-block;width:7px;height:7px;background:var(--metrosan-light-blue);border-radius:50%;flex-shrink:0;opacity:.9}.intro-banner{text-align:center;max-width:720px;margin:0 auto}.intro-banner__tagline{font-family:var(--font-display);font-size:clamp(1.5rem,3vw,2rem);font-weight:700;color:var(--metrosan-primary);margin-bottom:20px}.intro-banner__text{font-size:17px;line-height:1.75;color:var(--color-text-secondary)}.prose-block p{font-size:16px;line-height:1.75;color:var(--color-text-secondary);margin-bottom:16px}.mission-vision-grid{display:grid;grid-template-columns:1fr;gap:24px}@media(min-width:768px){.mission-vision-grid{grid-template-columns:1fr 1fr}}.institutional-card{padding:32px 36px;background:var(--color-surface);border:1px solid var(--metrosan-border-subtle);border-radius:var(--radius-xl);border-top:4px solid var(--metrosan-primary);box-shadow:var(--shadow-sm)}.institutional-card--accent{border-top-color:var(--metrosan-logo-purple);background:linear-gradient(180deg,var(--metrosan-light-blue) 0%,var(--metrosan-white) 100%)}.institutional-card__eyebrow{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--metrosan-primary);margin-bottom:12px}.institutional-card--accent .institutional-card__eyebrow{color:var(--metrosan-logo-purple)}.institutional-card p{font-size:16px;line-height:1.7;color:var(--color-text-secondary);margin:0}.values-grid{display:grid;grid-template-columns:1fr;gap:16px}@media(min-width:640px){.values-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:960px){.values-grid{grid-template-columns:repeat(3,1fr)}}.value-card{padding:28px 24px;background:var(--metrosan-white);border:1px solid var(--metrosan-border-subtle);border-top:3px solid var(--metrosan-primary);border-radius:var(--radius-lg);box-shadow:var(--metrosan-shadow-card);transition:box-shadow var(--transition),transform var(--transition),background var(--transition);position:relative}.value-card:hover{box-shadow:var(--metrosan-shadow-card-hover);transform:translateY(-3px);background:linear-gradient(180deg,#f4f8ff 0%,var(--metrosan-white) 50%)}.value-card__title{font-weight:700;font-size:15.5px;margin-bottom:10px;color:var(--metrosan-deep);letter-spacing:-.01em}.value-card__desc{font-size:14px;color:var(--color-text-secondary);margin:0;line-height:1.65}.trust-banner{display:grid;grid-template-columns:auto 1fr;gap:28px;align-items:flex-start;text-align:left;max-width:860px;margin:0 auto;padding:40px 48px;background:var(--metrosan-deep);color:var(--metrosan-white);border-radius:var(--radius-xl);box-shadow:0 20px 60px #05004033,0 4px 16px #0500401f;position:relative;overflow:hidden}.trust-banner:after{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--metrosan-light-blue) 0%,rgb(62 64 149 / 60%) 60%,transparent 100%)}@media(max-width:639px){.trust-banner{grid-template-columns:1fr;padding:28px 24px;gap:16px}}.trust-banner__eyebrow{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--metrosan-light-blue);margin-bottom:12px}.trust-banner__title{font-family:var(--font-display);font-size:clamp(1.35rem,2.8vw,1.85rem);font-weight:600;margin-bottom:12px;color:var(--metrosan-white);line-height:1.2;letter-spacing:-.02em}.trust-banner__text{font-size:15px;line-height:1.72;color:#ffffffb8;margin:0}.routes-layout{display:grid;grid-template-columns:1fr;gap:32px}@media(min-width:1024px){.routes-layout{grid-template-columns:1fr 1.2fr;align-items:start}}.routes-list__hint{font-size:14px;color:var(--color-text-secondary);margin-bottom:16px}.routes-grid{display:grid;grid-template-columns:1fr;gap:10px}@media(min-width:640px){.routes-grid{grid-template-columns:repeat(2,1fr)}}.route-card{text-align:left;padding:16px;background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition);width:100%}.route-card:hover,.route-card--active{border-color:var(--color-brand-500);box-shadow:var(--shadow-md)}.route-card--active{background:var(--color-brand-50)}.route-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-bottom:8px}.route-card__name{font-weight:700;font-size:15px;margin:0}.route-card__zone{font-size:11px;font-weight:600;padding:2px 8px;border-radius:999px;background:var(--color-brand-100);color:var(--color-brand-700);white-space:nowrap}.route-card__schedule{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--color-text-muted);margin-bottom:12px}.route-card__footer{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px}.route-card__link{display:flex;align-items:center;gap:4px;color:var(--color-brand-600);font-weight:600}.route-card__external{display:flex;align-items:center;gap:4px;color:var(--color-text-muted)}.route-card__external:hover{color:var(--color-brand-700)}.routes-map-panel{position:sticky;top:calc(var(--header-height) + 16px);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden}.routes-map-panel__header{padding:20px 24px;border-bottom:1px solid var(--color-border)}.routes-map-panel__title{font-family:var(--font-display);font-size:1.35rem;margin:0 0 6px}.routes-map-panel__schedule{font-size:13px;color:var(--color-text-muted);margin:0}.routes-map-embed{aspect-ratio:4/3;background:var(--color-surface-muted)}.routes-map-embed iframe{width:100%;height:100%;border:0}.routes-map-panel__note{padding:12px 24px;font-size:12px;color:var(--color-text-muted);margin:0;background:var(--color-surface-muted)}.routes-map-placeholder{padding:80px 24px;text-align:center;color:var(--color-text-muted);font-size:15px}.contact-info{display:flex;flex-direction:column;gap:16px}.contact-info__item{display:flex;align-items:flex-start;gap:12px;font-size:14px}.contact-info__item svg{flex-shrink:0;margin-top:2px;color:var(--color-brand-400)}.contact-info--dark .contact-info__item svg{color:var(--metrosan-light-blue)}.contact-info__label{font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#ffffff80;margin-bottom:2px}.contact-hours{white-space:pre-line}.contact-emails,.contact-phones{display:flex;flex-direction:column;gap:6px}.contact-emails a,.contact-emails span,.contact-phones a,.contact-phones span{display:block;word-break:break-word}.contact-phones__line--mobile{padding-top:2px;font-size:.94em;opacity:.92}.contact-info--dark a{color:#ffffffd9}.contact-info--dark a:hover{color:#fff}.institutional-logos{background:var(--metrosan-white);border-top:1px solid rgb(0 0 139 / 12%);padding:28px 0}.institutional-logos__title{text-align:center;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--metrosan-text-soft);margin-bottom:20px}.institutional-logos__grid{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:24px}.institutional-logos__item{min-width:170px;min-height:86px;border-radius:12px;background:var(--metrosan-white);border:1px solid rgb(0 0 139 / 12%);padding:10px 14px;display:grid;place-items:center;box-shadow:0 8px 20px #0514401a}.institutional-logos__item img{max-width:100%;max-height:60px;object-fit:contain;filter:grayscale(100%);transition:filter .18s ease}.institutional-logos__item:hover img{filter:grayscale(0%)}@media(max-width:899px){.site-header__app-btn{display:none}}.home-secondary-section{padding:56px 0 64px;background:linear-gradient(180deg,var(--metrosan-light-blue) 0%,var(--metrosan-surface) 100%);border-top:1px solid var(--metrosan-border-subtle)}.home-secondary-section__card{display:grid;grid-template-columns:auto 1fr;gap:28px;align-items:start;max-width:880px;margin:0 auto;padding:36px 32px;background:linear-gradient(135deg,var(--metrosan-white) 0%,#fafbff 55%,var(--metrosan-light-blue) 100%);border:1px solid rgba(0,0,139,.1);border-left:4px solid var(--metrosan-primary);border-radius:var(--radius-xl);box-shadow:0 10px 32px #05004012,0 2px 8px #3e40950f}@media(min-width:768px){.home-secondary-section{padding:64px 0 72px}.home-secondary-section__card{gap:32px;padding:40px 44px}}.home-secondary-section__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:68px;height:68px;border-radius:50%;background:linear-gradient(145deg,var(--metrosan-light-blue) 0%,var(--metrosan-white) 100%);border:1px solid rgba(0,0,139,.14);color:var(--metrosan-primary);box-shadow:0 4px 16px #00008b1a}.home-secondary-section__card:not(.home-secondary-section__card--with-image) .home-secondary-section__actions{margin-top:28px}.home-secondary-section__title{margin:0 0 12px;font-family:var(--font-display);font-size:clamp(1.375rem,2.8vw,1.875rem);font-weight:600;letter-spacing:-.02em;line-height:1.25;color:var(--metrosan-deep)}.home-secondary-section__subtitle{margin:0;max-width:52ch;font-size:16px;line-height:1.65;color:var(--color-text-secondary)}.home-secondary-section__actions{margin-top:24px}.home-secondary-section__card--with-image{position:relative;grid-template-columns:minmax(0,.49fr) minmax(0,.51fr);align-items:stretch;gap:0;max-width:1120px;padding:0;overflow:hidden;border-left:none;border-color:#3e409524;box-shadow:0 18px 52px #0500401c,0 4px 14px #00008b12}.home-secondary-section__card--with-image:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;z-index:1;background:linear-gradient(90deg,var(--metrosan-primary) 0%,#3e4095 50%,var(--metrosan-deep) 100%)}.home-secondary-section__media{position:relative;min-height:220px;background:linear-gradient(160deg,var(--metrosan-light-blue) 0%,#d4e4ff 100%)}.home-secondary-section__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 55%,rgba(5,0,64,.04) 100%);pointer-events:none}.home-secondary-section__image{display:block;width:100%;height:100%;min-height:220px;object-fit:cover;object-position:center}.home-secondary-section__card--with-image .home-secondary-section__body{display:flex;flex-direction:column;justify-content:center;padding:36px 32px;background:linear-gradient(180deg,var(--metrosan-white) 0%,#f8f9ff 100%)}.home-secondary-section__card--with-image .home-secondary-section__title{font-size:clamp(1.5rem,2.5vw,2.125rem)}.home-secondary-section__card--with-image .home-secondary-section__subtitle{max-width:48ch;font-size:17px}.home-secondary-section__card--with-image .home-secondary-section__actions{margin-top:28px}@media(min-width:768px){.home-secondary-section__card--with-image .home-secondary-section__body{padding:44px 48px}.home-secondary-section__media,.home-secondary-section__image{min-height:300px}}@media(min-width:1024px){.home-secondary-section__card--with-image{max-width:1160px;grid-template-columns:minmax(0,.5fr) minmax(0,.5fr)}.home-secondary-section__card--with-image .home-secondary-section__body{padding:48px 56px}.home-secondary-section__media,.home-secondary-section__image{min-height:320px}}@media(max-width:479px){.home-secondary-section{padding:40px 0 48px}.home-secondary-section__card{grid-template-columns:1fr;gap:16px;padding:24px 20px}.home-secondary-section__card--with-image{padding:0;gap:0}.home-secondary-section__card--with-image .home-secondary-section__body{padding:24px 20px}.home-secondary-section__media,.home-secondary-section__image{min-height:180px;max-height:220px}.home-secondary-section__aside{display:flex}.home-secondary-section__icon{width:56px;height:56px}.home-secondary-section__card--with-image{grid-template-columns:1fr}.home-secondary-section__media:after{background:linear-gradient(180deg,transparent 50%,rgba(5,0,64,.05) 100%)}}@keyframes company-rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.company-page-hero{position:relative;min-height:min(68vh,520px);display:flex;align-items:flex-end;overflow:hidden;background:var(--metrosan-deep);color:var(--metrosan-white)}.company-page-hero__bg{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center 32%}.company-page-hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0}.company-page-hero--soft .company-page-hero__bg{opacity:1;background-position:center 30%}.company-page-hero--soft .company-page-hero__overlay{background:linear-gradient(to top,rgb(5 0 64 / 32%) 0%,transparent 42%),linear-gradient(100deg,rgb(5 0 64 / 78%) 0%,rgb(0 0 139 / 46%) 34%,rgb(0 0 139 / 18%) 56%,rgb(0 0 139 / 6%) 72%,transparent 100%)}.company-page-hero--soft .company-page-hero__title{text-shadow:0 2px 18px rgb(5 0 64 / 50%),0 1px 4px rgb(0 0 0 / 35%)}.company-page-hero--soft .company-page-hero__tagline,.company-page-hero--soft .company-page-hero__subtitle{text-shadow:0 1px 14px rgb(5 0 64 / 45%)}@media(max-width:599px){.company-page-hero--soft .company-page-hero__overlay{background:linear-gradient(to top,rgb(5 0 64 / 44%) 0%,rgb(0 0 139 / 16%) 48%,transparent 72%),linear-gradient(105deg,#050040d1,#00008b7a 42%,#00008b24)}}.company-page-hero__content{position:relative;z-index:1;padding:64px 0 56px;max-width:640px;animation:company-rise .64s ease both}.company-page-hero__eyebrow{font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#ffffffb8;margin:0 0 12px}.company-page-hero__tagline{font-family:var(--font-display);font-size:clamp(1.2rem,2.5vw,1.65rem);font-weight:600;color:var(--metrosan-light-blue);margin:0 0 12px}.company-page-hero__title{font-family:var(--font-display);font-size:clamp(2rem,4.5vw,2.85rem);font-weight:600;line-height:1.12;letter-spacing:-.025em;margin:0 0 16px;text-shadow:0 2px 20px rgb(5 0 64 / 35%)}.company-page-hero__subtitle{margin:0;max-width:540px;font-size:17px;line-height:1.7;color:#ffffffdb}.company-intro-section{padding:56px 0;background:linear-gradient(180deg,var(--metrosan-white) 0%,var(--metrosan-light-blue) 55%,var(--metrosan-surface) 100%)}.company-intro-card{display:grid;grid-template-columns:auto 1fr;gap:24px;align-items:start;max-width:880px;margin:0 auto;padding:36px 32px;background:var(--metrosan-white);border:1px solid var(--metrosan-border-subtle);border-left:4px solid var(--metrosan-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);animation:company-rise .64s 80ms ease both}.company-intro-card__icon{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:var(--radius-md);background:var(--metrosan-light-blue);color:var(--metrosan-primary)}.company-intro-card__tagline{margin:0 0 14px;font-family:var(--font-display);font-size:clamp(1.35rem,2.8vw,1.75rem);font-weight:700;color:var(--metrosan-primary)}.company-intro-card__text{margin:0;font-size:17px;line-height:1.75;color:var(--color-text-secondary)}.company-history-section .section-header__desc{max-width:520px}.company-history{display:grid;gap:20px}.company-history__item{display:grid;grid-template-columns:auto 1fr;gap:20px;align-items:start;padding:24px 28px;background:var(--metrosan-white);border:1px solid var(--metrosan-border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition),transform var(--transition)}.company-history__item:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.company-history__marker{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:44px;padding:10px 0;color:var(--metrosan-primary)}.company-history__marker span{font-size:12px;font-weight:700;letter-spacing:.06em}.company-history__text{margin:0;font-size:16px;line-height:1.75;color:var(--color-text-secondary)}.company-mission-section{background:linear-gradient(180deg,var(--metrosan-surface) 0%,var(--metrosan-white) 100%)}.company-mission-card{position:relative;padding-top:40px;transition:box-shadow var(--transition),transform var(--transition)}.company-mission-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.company-mission-card__icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;margin-bottom:16px;border-radius:var(--radius-md);background:var(--metrosan-light-blue);color:var(--metrosan-primary)}.company-mission-card__icon--accent{background:#3e40951f;color:var(--metrosan-logo-purple)}.company-value-card{display:flex;flex-direction:column;gap:12px;padding:28px 24px;background:var(--metrosan-white);transition:box-shadow var(--transition),transform var(--transition),border-color var(--transition)}.company-value-card:hover{transform:translateY(-3px);border-color:#00008b2e}.company-value-card__icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-md);background:var(--metrosan-light-blue);color:var(--metrosan-primary)}.company-trust-section{padding:72px 0}.company-trust-card{max-width:760px;margin:0 auto}.company-trust-card__icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,var(--metrosan-light-blue) 0%,var(--metrosan-white) 100%);color:var(--metrosan-primary);border:1px solid var(--metrosan-border-subtle)}@media(min-width:768px){.company-page-hero{min-height:min(72vh,560px)}.company-page-hero__content{padding:80px 0 68px}.company-intro-section{padding:64px 0 72px}.company-intro-card{padding:44px 48px;gap:32px}}@media(max-width:599px){.company-intro-card{grid-template-columns:1fr;gap:16px;padding:28px 22px}.company-trust-card{text-align:center}.company-trust-card__icon{margin:0 auto}}@media(prefers-reduced-motion:reduce){.company-page-hero__content,.company-intro-card,.company-history__item,.company-mission-card,.company-value-card{animation:none;transition:none}.company-history__item:hover,.company-mission-card:hover,.company-value-card:hover{transform:none}}.routes-page-hero{position:relative;min-height:min(72vh,560px);display:flex;align-items:flex-end;overflow:hidden;background:var(--metrosan-deep);color:var(--metrosan-white)}.routes-page-hero__bg{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;opacity:.55}.routes-page-hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(105deg,#050040e0,#00008b9e 48%,#00008b61)}.routes-page-hero__content{position:relative;z-index:1;padding:72px 0 64px;max-width:720px}.routes-page-hero__eyebrow{font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#ffffffb8;margin-bottom:14px}.routes-page-hero__title{font-family:var(--font-display);font-size:clamp(2rem,5vw,3rem);font-weight:600;line-height:1.1;letter-spacing:-.025em;margin:0 0 16px}.routes-page-hero__subtitle{font-size:17px;line-height:1.7;color:#ffffffdb;margin:0 0 28px;max-width:600px}.routes-page-hero__stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:480px;margin-bottom:20px}.routes-stat{padding:14px 16px;border-radius:var(--radius-md);background:#ffffff1a;border:1px solid rgb(255 255 255 / 14%);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.routes-stat__value{display:block;font-family:var(--font-display);font-size:1.35rem;font-weight:700;line-height:1.1;margin-bottom:4px}.routes-stat__label{font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:#ffffffb8}.routes-page-hero__note{font-size:13px;line-height:1.55;color:#ffffffb8;margin:0 0 24px;max-width:560px}.routes-page-hero__cta{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;border-radius:var(--radius-md);background:var(--metrosan-white);color:var(--metrosan-primary);font-size:14px;font-weight:600;box-shadow:0 4px 16px #0000002e;transition:transform var(--transition),box-shadow var(--transition)}.routes-page-hero__cta:hover{transform:translateY(-1px);box-shadow:0 6px 20px #00000038}.routes-intro{display:flex;flex-direction:column;gap:20px;margin-bottom:28px}@media(min-width:768px){.routes-intro{flex-direction:row;align-items:flex-end;justify-content:space-between}}.routes-intro__title{font-family:var(--font-display);font-size:clamp(1.5rem,3vw,2rem);font-weight:600;letter-spacing:-.02em;margin:0 0 8px;color:var(--metrosan-deep)}.routes-intro__desc{margin:0;color:var(--color-text-secondary);max-width:520px;line-height:1.65}.routes-zone-filters{display:flex;flex-wrap:wrap;gap:8px}.routes-zone-filter{padding:8px 16px;border-radius:999px;border:1px solid var(--metrosan-border-subtle);background:var(--metrosan-white);color:var(--color-text-secondary);font-size:13px;font-weight:600;cursor:pointer;transition:all var(--transition)}.routes-zone-filter:hover{border-color:#00008b38;color:var(--metrosan-primary)}.routes-zone-filter--active{background:var(--metrosan-primary);border-color:var(--metrosan-primary);color:var(--metrosan-white);box-shadow:0 2px 8px #00008b2e}.routes-list-grid{display:grid;grid-template-columns:1fr;gap:16px}@media(min-width:640px){.routes-list-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.routes-list-grid{grid-template-columns:repeat(3,1fr)}}.route-list-card{display:flex;flex-direction:column;gap:12px;padding:24px;background:var(--metrosan-white);border:1px solid var(--metrosan-border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);transition:border-color var(--transition),box-shadow var(--transition),transform var(--transition);min-height:100%}.route-list-card:hover{border-color:#00008b38;box-shadow:var(--shadow-md);transform:translateY(-2px)}.route-list-card__top{display:flex;flex-direction:column;gap:10px}.route-list-card__labels{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.route-list-card__zone{font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:4px 10px;border-radius:999px;background:var(--metrosan-light-blue);color:var(--metrosan-primary)}.route-list-card__status{font-size:11px;font-weight:600;padding:4px 10px;border-radius:999px;background:var(--metrosan-surface);color:var(--color-text-muted);border:1px solid var(--metrosan-border-subtle)}.route-list-card__status--ok{background:#00008b0f;color:var(--metrosan-primary);border-color:#00008b24}.route-list-card__name{font-family:var(--font-display);font-size:1.2rem;font-weight:600;letter-spacing:-.02em;margin:0;color:var(--metrosan-deep)}.route-list-card__schedule{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--color-text-secondary);margin:0;line-height:1.5}.route-list-card__cta{display:inline-flex;align-items:center;justify-content:center;gap:6px;margin-top:auto;padding:11px 16px;border-radius:var(--radius-md);background:var(--metrosan-primary);color:var(--metrosan-white);font-size:14px;font-weight:600;transition:background var(--transition),box-shadow var(--transition)}.route-list-card__cta:hover{background:var(--metrosan-primary-hover);box-shadow:0 4px 14px #00008b38}.routes-empty{text-align:center;color:var(--color-text-secondary);padding:40px 20px}.routes-disclaimer--compact{margin-bottom:24px}.route-detail-hero{background:linear-gradient(160deg,var(--metrosan-deep) 0%,rgb(0 0 100 / 94%) 55%,rgb(0 0 139 / 86%) 100%);border-bottom:none;position:relative;color:var(--metrosan-white);overflow:hidden}.route-detail-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(rgb(255 255 255 / 4%) 1px,transparent 1px);background-size:24px 24px;pointer-events:none}.route-detail-hero__inner{padding:40px 20px 52px;position:relative;z-index:1}.route-detail-hero--compact .route-detail-hero__inner{padding:36px 20px 44px}.route-detail-hero--compact .route-detail-hero__title{font-size:clamp(1.65rem,4vw,2.5rem);margin-bottom:8px}.route-detail-hero--compact .route-detail-hero__subtitle{font-size:15.5px}.route-breadcrumb{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:500;color:#ffffff9e;margin-bottom:20px;transition:color var(--transition),gap var(--transition);letter-spacing:.01em}.route-breadcrumb:hover{color:var(--metrosan-white);gap:10px}.route-detail-hero__zone{display:inline-flex;align-items:center;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:5px 12px;border-radius:999px;background:#ffffff1f;color:var(--metrosan-light-blue);border:1px solid rgb(255 255 255 / 18%);margin-bottom:14px}.route-detail-hero__title{font-family:var(--font-display);font-size:clamp(1.85rem,4.5vw,2.85rem);font-weight:700;letter-spacing:-.03em;margin:0 0 14px;color:var(--metrosan-white);line-height:1.1;text-shadow:0 2px 20px rgb(5 0 64 / 40%)}.route-detail-hero__subtitle{margin:0;max-width:640px;font-size:16px;line-height:1.68;color:#ffffffc2}.route-detail-layout{display:grid;grid-template-columns:1fr;gap:24px}@media(min-width:1024px){.route-detail-layout{grid-template-columns:1.35fr .85fr;align-items:start}}.route-detail-map-first{display:flex;flex-direction:column;gap:20px}.route-detail-meta{display:grid;grid-template-columns:1fr;gap:12px;padding:20px 22px;background:var(--metrosan-white);border:1px solid var(--metrosan-border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}@media(min-width:640px){.route-detail-meta{grid-template-columns:repeat(2,minmax(0,1fr))}}.route-detail-meta__item{display:flex;gap:12px;align-items:flex-start}.route-detail-meta__icon{width:32px;height:32px;border-radius:var(--radius-md);background:var(--metrosan-light-blue);color:var(--metrosan-primary);display:grid;place-items:center;flex-shrink:0}.route-detail-meta__label{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:4px}.route-detail-meta__value{font-size:14px;line-height:1.55;color:var(--color-text)}.route-detail-footnote{margin:4px 0 0;padding-top:8px;font-size:13px;line-height:1.6;color:var(--color-text-muted);text-align:center;border-top:1px solid var(--metrosan-border-subtle)}.route-map-viewer{background:var(--metrosan-white);border:1px solid var(--metrosan-border-subtle);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-md)}.route-map-viewer__header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:16px 20px;border-bottom:1px solid var(--metrosan-border-subtle)}.route-map-viewer__header>div{display:flex;flex-direction:column;gap:4px}.route-map-viewer__badge{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--metrosan-primary)}.route-map-viewer__title{font-family:var(--font-display);font-size:1.1rem;font-weight:600;margin:0;color:var(--metrosan-deep)}.route-map-viewer__external{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--metrosan-primary)}.route-map-viewer__external:hover{color:var(--metrosan-primary-hover)}.route-map-viewer__frame{position:relative;width:100%;overflow:hidden;background:var(--metrosan-surface);aspect-ratio:16 / 10;min-height:280px}.route-map-viewer--featured .route-map-viewer__frame{aspect-ratio:auto;height:clamp(420px,52vh,480px);min-height:420px}.route-map-viewer--contact .route-map-viewer__frame{aspect-ratio:auto;height:clamp(320px,42vh,420px);min-height:320px}@media(min-width:768px){.route-map-viewer--featured .route-map-viewer__frame{height:clamp(560px,58vh,680px);min-height:560px}.route-map-viewer--contact .route-map-viewer__frame{height:clamp(400px,48vh,520px);min-height:400px}}.route-map-viewer__embed,.route-map-viewer__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0;display:block}.route-map-viewer__image{object-fit:cover}.route-map-viewer__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;gap:12px;padding:24px;text-align:center;color:var(--color-text-muted)}.route-map-viewer__placeholder p{margin:0;font-size:14px;max-width:320px}.route-map-viewer__pdf{display:inline-flex;align-items:center;gap:8px;margin:16px 22px 0;font-size:14px;font-weight:600;color:var(--metrosan-primary)}.route-map-viewer__note{margin:0;padding:16px 22px 20px;font-size:12px;line-height:1.55;color:var(--color-text-muted)}.route-info-panel{background:var(--metrosan-white);border:1px solid var(--metrosan-border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);overflow:hidden}.route-info-panel__header{padding:24px 24px 20px;border-bottom:1px solid var(--metrosan-border-subtle);background:linear-gradient(180deg,var(--metrosan-light-blue) 0%,var(--metrosan-white) 100%)}.route-info-panel__zone{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--metrosan-primary);margin-bottom:10px}.route-info-panel__title{font-family:var(--font-display);font-size:1.5rem;font-weight:600;letter-spacing:-.02em;margin:0 0 10px;color:var(--metrosan-deep)}.route-info-panel__summary{margin:0;font-size:14px;line-height:1.6;color:var(--color-text-secondary)}.route-info-panel__body{padding:8px 0}.route-info-row{display:flex;gap:14px;padding:16px 24px;border-bottom:1px solid var(--metrosan-border-subtle)}.route-info-row:last-child{border-bottom:none}.route-info-row__icon{width:36px;height:36px;border-radius:var(--radius-md);background:var(--metrosan-light-blue);color:var(--metrosan-primary);display:grid;place-items:center;flex-shrink:0}.route-info-row__label{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:4px}.route-info-row__value{font-size:14px;line-height:1.55;color:var(--color-text)}.route-info-row--pending .route-info-row__value{font-size:13px;color:var(--color-text-muted);font-style:italic}.route-info-panel__actions{display:flex;flex-direction:column;gap:10px;padding:20px 24px 24px;border-top:1px solid var(--metrosan-border-subtle)}.route-info-panel__actions a,.route-info-panel__actions .btn{width:100%}@media(max-width:639px){.routes-page-hero__stats{grid-template-columns:1fr;max-width:none}.routes-page-hero__content{padding:56px 0 48px}}.empty-state{text-align:center;padding:56px 28px;background:linear-gradient(180deg,var(--metrosan-white) 0%,var(--metrosan-surface) 100%);border:1px solid var(--metrosan-border-subtle);border-radius:var(--radius-xl);color:var(--color-text-secondary);box-shadow:var(--metrosan-shadow-card)}.empty-state p,.empty-state__message{margin:0;font-size:15px;line-height:1.55}@keyframes spin-arc{0%{stroke-dashoffset:113}50%{stroke-dashoffset:28}to{stroke-dashoffset:113}}@keyframes spin-rotate{to{transform:rotate(360deg)}}.async-loading{display:flex;flex-direction:column;align-items:center;gap:18px;padding:60px 28px;text-align:center}.async-loading__spinner{width:44px;height:44px;animation:spin-rotate 1.4s linear infinite;flex-shrink:0}.async-loading__track{stroke:var(--metrosan-border-subtle)}.async-loading__arc{stroke:var(--metrosan-primary);stroke-dasharray:113;stroke-dashoffset:113;animation:spin-arc 1.4s ease-in-out infinite;transform-origin:center}.async-loading__message{margin:0;font-size:14px;color:var(--color-text-muted);letter-spacing:.01em}.async-error{display:flex;flex-direction:column;align-items:center;gap:16px;padding:48px 28px;text-align:center;background:#fdf8f8;border:1px solid #e8c4c4;border-radius:var(--radius-xl);box-shadow:var(--shadow-sm)}.async-error__icon{width:48px;height:48px;color:#c0392b;flex-shrink:0}.async-error__icon svg{width:100%;height:100%}.async-error__message{margin:0;font-size:15px;line-height:1.6;color:#7b2d2d;max-width:40ch}[id]{scroll-margin-top:calc(var(--header-height) + 16px)}@media(max-width:639px){body{font-size:16px}}.section-header__title{font-weight:500}.contact-info-card__title{font-family:var(--font-display);font-size:1.35rem;font-weight:600;margin:0 0 8px;letter-spacing:-.02em}.contact-info-card__lead{font-size:14px;color:#ffffffb8;margin:0 0 24px;line-height:1.55}.contact-form__title{font-family:var(--font-display);font-size:1.35rem;font-weight:600;margin:0 0 8px;color:var(--metrosan-deep);letter-spacing:-.02em}.contact-form__note{font-size:14px;color:var(--color-text-secondary);margin:0 0 24px;line-height:1.55}.contact-form__row{display:grid;gap:0 18px}@media(min-width:640px){.contact-form__row{grid-template-columns:1fr 1fr}.contact-form__row .form-field{margin-bottom:18px}}.ethics-line-page{background:linear-gradient(180deg,var(--metrosan-light-blue) 0%,var(--metrosan-surface) 220px,var(--metrosan-white) 100%);padding-top:48px;padding-bottom:72px}.ethics-line-page__content{display:flex;flex-direction:column;gap:32px;max-width:820px}@media(min-width:768px){.ethics-line-page{padding-top:56px;padding-bottom:88px}.ethics-line-page__content{gap:40px}}.ethics-line-page__context{display:flex;flex-direction:column;gap:20px}@media(min-width:768px){.ethics-line-page__context{gap:24px}}.ethics-line-page .institutional-card{box-shadow:var(--metrosan-shadow-card);border-color:var(--color-border-strong)}.ethics-line-page__card-label{display:inline-flex;align-items:center;gap:8px;margin-bottom:14px;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--metrosan-primary)}.ethics-line-page__card-label:before{content:"";width:24px;height:2px;border-radius:999px;background:var(--metrosan-primary)}.ethics-line-page .institutional-card p,.ethics-line-page__privacy p{font-size:15px;line-height:1.75;color:var(--color-text)}.ethics-line-page__intro p+p,.ethics-line-page__privacy p+p{margin-top:14px}.ethics-line-page__policy-link{margin-top:14px;font-size:14px;line-height:1.65;color:var(--color-text)}.ethics-line-page__policy-link a{color:var(--metrosan-primary);font-weight:600;text-decoration:underline;text-underline-offset:3px}.ethics-line-page__policy-link a:hover{color:var(--metrosan-primary-hover)}.ethics-line-form.contact-form{position:relative;overflow:hidden;border:1px solid var(--color-border-strong);border-top:4px solid var(--metrosan-primary);border-radius:var(--radius-xl);background:var(--metrosan-white);box-shadow:var(--metrosan-shadow-card);padding:28px 22px 32px}@media(min-width:768px){.ethics-line-form.contact-form{padding:40px 44px 44px}}.ethics-line-form.contact-form:before{content:"";position:absolute;top:0;right:0;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgb(230 240 255 / 70%) 0%,transparent 72%);pointer-events:none}.ethics-line-form__header{position:relative;margin-bottom:8px;padding-bottom:24px;border-bottom:1px solid var(--metrosan-border-subtle)}.ethics-line-form .contact-form__title{font-family:var(--font-display);font-size:clamp(1.35rem,2.5vw,1.55rem);font-weight:700;color:var(--metrosan-deep);letter-spacing:-.02em}.ethics-line-form .contact-form__note{font-size:14px;line-height:1.6;color:var(--color-text)}.ethics-line-form__section{position:relative;padding:28px 0;border-bottom:1px solid var(--metrosan-border-subtle)}.ethics-line-form__section:last-child{border-bottom:none;padding-bottom:0}.ethics-line-form__section-head{margin-bottom:22px}.ethics-line-form__section-eyebrow{margin:0 0 6px;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--metrosan-logo-purple)}.ethics-line-form__section-title{margin:0;font-family:var(--font-display);font-size:1.125rem;font-weight:600;line-height:1.35;color:var(--metrosan-deep);letter-spacing:-.015em}.ethics-line-form__section--closing{padding-top:32px}.ethics-line-form .form-label{font-size:14px;font-weight:600;line-height:1.45;color:var(--color-text);letter-spacing:-.01em}.ethics-line-field-hint{margin:-2px 0 10px;font-size:13px;line-height:1.55;color:#4a5568}.ethics-line-form .form-input,.ethics-line-form .form-select,.ethics-line-form .form-textarea{color:var(--color-text);border-color:var(--color-border-strong);background:var(--metrosan-white);font-size:15px;line-height:1.5}.ethics-line-form .form-input::placeholder,.ethics-line-form .form-textarea::placeholder{color:#7a8494}.ethics-line-form .form-input:focus,.ethics-line-form .form-select:focus,.ethics-line-form .form-textarea:focus{border-color:var(--metrosan-primary);box-shadow:0 0 0 3px #00008b1a}.ethics-line-form .form-input--error{border-color:#dc2626;box-shadow:0 0 0 3px #dc262614}.ethics-line-form .form-field__error{font-size:12px;font-weight:500}.ethics-line-fieldset{border:none;padding:0;margin:0 0 18px}.ethics-line-fieldset .form-label{margin-bottom:8px}.ethics-line-radio-group{display:flex;flex-direction:column;gap:10px}.ethics-line-fieldset--inline .ethics-line-radio-group{gap:10px}@media(min-width:640px){.ethics-line-fieldset--inline .ethics-line-radio-group{flex-flow:row wrap}.ethics-line-fieldset--inline .ethics-line-radio{flex:1 1 120px}}.ethics-line-radio,.ethics-line-checkbox{display:flex;align-items:flex-start;gap:12px;padding:13px 14px;border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--metrosan-white);font-size:14px;line-height:1.55;color:var(--color-text);cursor:pointer;transition:border-color var(--transition),background var(--transition),box-shadow var(--transition)}.ethics-line-radio:hover,.ethics-line-checkbox:hover{border-color:#00008b47;background:#e6f0ff59}.ethics-line-radio:has(input:checked),.ethics-line-checkbox:has(input:checked){border-color:var(--metrosan-primary);background:#e6f0ffb8;box-shadow:inset 0 0 0 1px #00008b14}.ethics-line-radio input,.ethics-line-checkbox input{flex-shrink:0;width:16px;height:16px;margin-top:2px;accent-color:var(--metrosan-primary)}.ethics-line-attach-note{margin:12px 0 0;padding:14px 16px;font-size:13px;line-height:1.6;color:var(--color-text);background:#e6f0ff73;border:1px solid rgb(0 0 139 / 10%);border-left:3px solid var(--metrosan-logo-purple);border-radius:var(--radius-md)}.ethics-line-institutional-notice{margin-bottom:22px;padding:22px 24px;background:linear-gradient(135deg,rgb(230 240 255 / 55%) 0%,var(--metrosan-white) 100%);border:1px solid rgb(0 0 139 / 12%);border-left:4px solid var(--metrosan-deep);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.ethics-line-institutional-notice p{margin:0;font-size:14px;line-height:1.7;color:var(--color-text)}.ethics-line-institutional-notice p+p{margin-top:12px}.ethics-line-form .form-textarea{min-height:108px}.ethics-line-form__submit{display:flex;flex-direction:column;gap:16px;margin-top:8px;padding-top:24px;border-top:1px solid var(--metrosan-border-subtle)}.ethics-line-form__turnstile-hint{text-align:left;color:#4a5568}.ethics-line-form__submit-btn{width:100%;font-weight:700;letter-spacing:.015em;box-shadow:0 6px 18px #00008b2e}.ethics-line-form__submit-btn:not(:disabled):hover{box-shadow:0 8px 24px #00008b3d}.ethics-line-form__submit-btn:disabled{box-shadow:none}.ethics-line-form--success.contact-form--success{min-height:360px;border-top-color:var(--metrosan-logo-purple)}.contact-form--success{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:320px}.contact-form__success-message{font-size:1rem;line-height:1.65;color:var(--color-text-secondary);max-width:420px;margin:12px auto 0}.contact-form__turnstile{display:flex;justify-content:center;min-height:72px}.form-field--turnstile{align-items:center}.form-field__error{font-size:12px;color:#dc2626;margin-top:2px}.form-field__hint{font-size:12px;color:var(--color-text-secondary);margin-top:2px;text-align:center}.form-input--error{border-color:#dc2626}.contact-form__error-banner{font-size:14px;color:#dc2626;background:#dc26260f;border:1px solid rgba(220,38,38,.18);border-radius:var(--radius-md);padding:12px 16px;margin-bottom:18px;line-height:1.5}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--metrosan-primary);box-shadow:0 0 0 3px #00008b1f}.cms-empty{padding:56px 28px;border-style:solid;border-color:var(--metrosan-border-subtle);background:linear-gradient(180deg,var(--metrosan-white) 0%,var(--metrosan-surface) 100%);box-shadow:var(--shadow-sm)}.cms-empty__title{font-family:var(--font-display);font-weight:600;font-size:1.125rem}.cms-empty__desc{font-size:15px}.map-placeholder{background:linear-gradient(145deg,var(--metrosan-light-blue) 0%,var(--metrosan-surface) 55%)}.map-placeholder__inner strong{display:block;font-size:1rem;color:var(--metrosan-deep);margin-bottom:6px}.map-placeholder__inner p{margin:0 auto;max-width:360px;line-height:1.5}.map-placeholder__pin{background:var(--metrosan-primary)}.contact-info a{color:inherit;text-decoration:underline;text-underline-offset:3px;text-decoration-color:#ffffff59;transition:text-decoration-color var(--transition)}.contact-info a:hover{text-decoration-color:currentColor}.contact-info:not(.contact-info--dark) a{color:var(--metrosan-primary);text-decoration-color:#00008b40}.contact-map-section{margin-top:48px}.contact-map-section__address{margin:14px 0 0;text-align:center;font-size:14px;color:var(--color-text-secondary);line-height:1.5}.back-to-top{position:fixed;right:24px;bottom:28px;z-index:90;width:48px;height:48px;border-radius:50%;border:none;cursor:pointer;background:var(--metrosan-primary);color:var(--metrosan-white);box-shadow:0 4px 16px #00008b4d,0 1px 4px #0000502e;display:grid;place-items:center;flex-shrink:0;opacity:0;pointer-events:none;transform:translateY(14px) scale(.9);transition:opacity .28s cubic-bezier(.4,0,.2,1),transform .28s cubic-bezier(.4,0,.2,1),box-shadow .2s ease,background .18s ease}.back-to-top--visible{opacity:1;pointer-events:auto;transform:translateY(0) scale(1)}.back-to-top:hover{background:var(--metrosan-primary-hover);box-shadow:0 8px 24px #00008b61,0 2px 6px #00005033;transform:translateY(-3px) scale(1)}.back-to-top:active{transform:translateY(0) scale(.94);box-shadow:0 2px 8px #00008b33;transition-duration:80ms}.back-to-top:focus-visible{outline:3px solid var(--metrosan-primary);outline-offset:4px;box-shadow:0 0 0 6px #00008b29,0 4px 16px #00008b47}@media(max-width:480px){.back-to-top{right:16px;bottom:20px;width:44px;height:44px}}