/* Callyug responsive refresh: readable defaults, larger touch targets, and a clear mobile rhythm. */
:root{--callyug-ink:#12334d;--callyug-blue:#1f9bd1;--callyug-sky:#80dcff;--callyug-surface:#f3faff;--callyug-border:#d7e8f2}
html{font-size:16px;scroll-padding-top:96px}
body{font-size:16px;line-height:1.6;color:var(--callyug-ink)}
.container{--bs-gutter-x:2rem}
.sky-header{box-shadow:0 6px 20px #153c5610}
.sky-header .navbar{min-height:82px}
.sky-brand{font-size:25px;gap:11px}
.sky-brand img{width:44px;height:44px}
.navbar-nav{gap:clamp(10px,1.6vw,25px)}
.navbar-nav .nav-link{font-size:14px;padding:12px 5px}
.header-actions{gap:20px}
.header-signin{font-size:14px;padding:10px 4px;min-height:44px}
.sky-btn{min-height:48px;padding:12px 20px;border-radius:12px;font-size:15px;gap:12px}
.sky-btn-large{min-height:56px;padding:15px 24px;border-radius:14px;font-size:16px}
.sky-watch{font-size:14px}
.sky-watch span{width:38px;height:38px}
.sky-hero-grid{min-height:650px;gap:clamp(40px,7vw,96px);padding-block:76px}
.sky-hero-copy h1{font-size:clamp(58px,7vw,92px);line-height:1.04;letter-spacing:-4px;margin:24px 0}
.sky-hero-copy>p{font-size:19px;line-height:1.7;max-width:560px}
.sky-kicker{font-size:12px;letter-spacing:1.7px}
.hero-proof{gap:13px;margin-top:38px}
.proof-icon{width:34px;height:34px;font-size:16px}
.hero-proof b{font-size:14px}.hero-proof small{font-size:13px;margin-top:3px}
.sky-hero-art{height:480px;border-radius:48% 48% 22px 22px}
.art-chip{gap:12px;padding:13px 16px;border-radius:14px}
.art-chip>span{font-size:25px}.art-chip b{font-size:13px}.art-chip small{font-size:11px}
.chip-top{top:48px}.chip-bottom{bottom:38px}
.blue-trust-grid{min-height:76px;gap:18px}
.blue-trust-grid span{font-size:14px}
.site-section{padding-block:clamp(72px,8vw,110px)}
.site-heading{margin-bottom:36px}
.site-heading h2,.center-heading h2,.business-section h2,.sky-payment h2,.spaces-section h2{font-size:clamp(34px,4vw,52px);letter-spacing:-1.8px;margin:14px 0}
.site-heading p,.center-heading p,.spaces-section p{font-size:17px;line-height:1.65}
.sky-text-link{font-size:14px}
.service-cards{gap:18px}
.site-service-card{min-height:260px;padding:25px;border-radius:20px}
.service-symbol{width:56px;height:56px;margin-bottom:28px;border-radius:16px;font-size:26px}
.site-service-card>small{font-size:11px;letter-spacing:1.2px}
.site-service-card h3{font-size:21px;margin:10px 0}
.site-service-card p{font-size:15px;line-height:1.65}
.blue-how{background:linear-gradient(180deg,#eff9ff,#eaf6fd)}
.center-heading p{font-size:17px}
.how-cards{gap:18px;margin-top:40px}
.how-cards article{min-height:225px;padding:24px;border-radius:18px;transition:transform .25s,box-shadow .25s}
.how-cards article:hover{transform:translateY(-5px);box-shadow:0 18px 42px #16486615}
.how-cards article>span{font-size:13px}.how-cards article>i{font-size:27px}
.how-cards h3{font-size:19px;margin:28px 0 10px}
.how-cards p{font-size:15px;line-height:1.7}
.business-section{gap:clamp(35px,7vw,90px)}
.business-section>div:first-child>p{font-size:17px;line-height:1.75}
.business-link{display:inline-block;margin-top:12px}
.business-points{position:relative;gap:0;padding-left:2px}
.business-points:before{content:"";position:absolute;left:18px;top:32px;bottom:32px;width:2px;background:linear-gradient(#61c8f0,#b9e8fa)}
.business-points article{gap:17px;padding:18px 0}
.business-points article>i{position:relative;z-index:1;width:36px;height:36px;display:grid;place-items:center;border:3px solid white;border-radius:50%;background:#d8f3ff;font-size:13px;flex:none}
.business-points b{font-size:17px;line-height:1.4}
.business-points small{font-size:14px;line-height:1.6;margin-top:4px}
.sky-payment{padding:clamp(55px,8vw,90px) 0 20px}
.sky-payment-card{gap:clamp(28px,6vw,75px);padding:clamp(24px,5vw,58px);border-radius:24px}
.sky-payment-card>div:first-child>p{font-size:16px;line-height:1.75}
.refund-card{gap:14px;padding:18px;border-radius:14px}
.refund-card>span{width:38px;height:38px;font-size:20px}
.refund-card b{font-size:15px;line-height:1.6}.refund-card small{font-size:13px;line-height:1.6;margin-top:6px}
.payment-options{gap:10px;margin-top:18px}.payment-options small{font-size:13px}.payment-options b{padding:8px 12px;border-radius:8px;font-size:13px}
.payment-illustration{min-height:300px}
.payment-receipt{width:min(100%,330px);padding:25px;border-radius:18px}
.payment-receipt>small{font-size:11px}.payment-receipt>b{font-size:19px;margin:20px 0}
.payment-receipt>span{font-size:14px}.payment-receipt>span+small{font-size:12px;margin-top:13px}
.refund-badge{right:0;bottom:15px;padding:12px 15px;border-radius:12px;font-size:12px}
.payment-disclaimer{padding-top:14px;font-size:12px;line-height:1.6}
.helper-join-content{min-height:360px;padding-block:70px}
.helper-join h2{font-size:clamp(38px,5vw,58px);letter-spacing:-2px;margin:18px 0}
.helper-join p{font-size:17px;line-height:1.7;max-width:550px}
.join-mark{width:190px;height:190px}.join-mark img{width:82px}
.spaces-section{padding-block:78px}
.space-cards{gap:16px;margin-top:32px}
.space-cards a{gap:9px;padding:21px;border-radius:16px;transition:transform .2s,box-shadow .2s}
.space-cards a:hover{transform:translateY(-4px);box-shadow:0 12px 32px #153c5612}
.space-cards span{font-size:12px}.space-cards b{font-size:17px}.space-cards small{font-size:13px;line-height:1.5}
.sky-footer-inner{min-height:120px;gap:24px}
.sky-footer .sky-brand{font-size:21px}.sky-footer .sky-brand img{width:38px}
.sky-footer p{font-size:13px}.sky-footer-inner>div{gap:20px}.sky-footer-inner>div a,.sky-footer-inner>small{font-size:12px}
.home-mobile-actions{display:none}

/* Login and registration controls stay comfortable on touch screens. */
.auth-top{height:80px}
.auth-back{font-size:14px;padding:10px}
.auth-layout{min-height:calc(100vh - 80px)}
.auth-aside{padding-block:clamp(42px,6vw,76px)}
.auth-aside .sky-eyebrow{font-size:11px}
.auth-aside h1{font-size:clamp(42px,4.6vw,62px);line-height:1.08}
.auth-aside-content>p{font-size:16px;line-height:1.7}
.auth-aside-art{height:310px;margin-top:32px}
.auth-art-note{font-size:11px;padding:12px 16px}
.workspace-mini{gap:20px;margin-top:24px}.workspace-mini a{font-size:12px}
.auth-main{padding:clamp(28px,5vw,65px)}
.auth-card{width:min(100%,600px);padding:clamp(24px,4vw,42px);border-radius:22px}
.auth-card-heading .sky-eyebrow{font-size:11px}
.auth-card-heading h2{font-size:32px;letter-spacing:-1px;margin:10px 0}
.auth-card-heading p{font-size:15px;line-height:1.6;margin-bottom:22px}
.role-switch{padding:5px;border-radius:12px;margin-bottom:22px}
.role-switch a{min-height:48px;display:grid;place-items:center;padding:10px 12px;border-radius:9px;font-size:14px}
.auth-form{gap:17px}
.auth-label{font-size:14px}
.auth-label input,.auth-label select{height:52px;margin-top:7px;padding:0 14px;border-radius:10px;font-size:15px}
.sky-button{height:54px;margin-top:5px;border-radius:11px;font-size:15px}
.auth-alert,.auth-success{padding:13px 15px;border-radius:10px;font-size:14px;margin-bottom:16px}
.auth-footer{padding-top:19px;margin-top:18px;font-size:14px}
.auth-note{gap:12px;padding:14px;margin-top:16px;border-radius:10px}
.auth-note>span{font-size:18px}.auth-note small{font-size:12px;line-height:1.6}
.auth-main-foot{font-size:11px;padding-top:18px}
.auth-field-grid{gap:14px}
.auth-divider{gap:12px;margin:8px 0 14px;font-size:11px}
.photo-fieldset{padding:15px;margin-top:14px;border-radius:10px}
.photo-fieldset legend{font-size:13px}.photo-fieldset legend small{font-size:11px}
.photo-inputs{gap:10px}.photo-inputs label{font-size:12px}.photo-inputs input{font-size:12px}
.auth-consent{gap:10px;padding:13px;margin-top:12px;border-radius:9px;font-size:12px;line-height:1.6}
.auth-consent input{width:18px;height:18px}
.verify-explainer{margin-top:10px;padding:12px}.verify-explainer b{font-size:12px}.verify-explainer small{font-size:11px;line-height:1.6}

/* Customer and helper dashboards */
.role-shell{grid-template-columns:260px 1fr}
.role-sidebar{padding:26px 18px}
.role-sidebar nav{gap:7px;margin-top:36px}
.role-sidebar nav a{padding:12px 13px;border-radius:10px;font-size:14px}
.role-profile{gap:11px}.role-profile>span{width:40px;height:40px;font-size:13px}
.role-profile b{font-size:13px}.role-profile small{font-size:11px}
.role-top{height:66px;padding-inline:32px}
.role-top span{font-size:13px}.role-main{padding:34px;max-width:1320px}
.role-greeting{margin-bottom:22px}
.role-greeting h1{font-size:30px;letter-spacing:-1px;margin:7px 0}
.role-greeting p{font-size:15px;line-height:1.6}
.role-banner{padding:28px 32px;border-radius:18px}
.role-banner small{font-size:11px}.role-banner h2{font-size:27px;margin:9px 0}.role-banner p{font-size:15px;line-height:1.6}
.role-stats{gap:14px;margin:16px 0}
.role-stats article,.role-card{padding:20px;border-radius:15px}
.role-stats small{font-size:11px;letter-spacing:.4px}.role-stats b{font-size:26px;margin:8px 0}.role-stats span{font-size:13px;line-height:1.5}
.role-card{margin-bottom:16px}
.role-card-head{margin-bottom:14px}.role-card-head h2{font-size:18px}.role-card-head p{font-size:13px;line-height:1.5;margin-top:5px}.role-card-head a{font-size:13px}
.role-item{gap:13px;padding:14px 0}
.role-item .item-icon{width:42px;height:42px;border-radius:11px;font-size:17px}
.role-item b{font-size:14px;line-height:1.45}.role-item small{font-size:12px;line-height:1.5;margin-top:4px}
.role-tag{padding:6px 9px;border-radius:20px;font-size:10px}
.role-alert{gap:13px;padding:17px;border-radius:12px}.role-alert>b,.role-alert div b{font-size:14px}.role-alert small,.role-alert div small{font-size:12px;line-height:1.6}
.role-two-col{gap:16px}.tiny-note{font-size:12px;line-height:1.6}
.dash-mobile-nav a{font-size:19px}.dash-mobile-nav a small{font-size:11px}
.verification-row{gap:12px;padding-block:9px}
.sky-mini-button{min-height:42px;padding:9px 14px;border-radius:9px;font-size:13px}
.verify-code-form input{height:42px;padding:0 12px;border:1px solid var(--callyug-border);border-radius:9px;font-size:14px}
.dev-code-note{font-size:12px}

/* Staff workspace: readable navigation, metrics, and horizontally scrollable tables. */
.staff-sidebar{width:260px;padding:24px 17px}
.staff-main{margin-left:260px}
.staff-sidebar nav{gap:6px;margin-top:28px}
.staff-sidebar nav a{padding:12px;border-radius:9px;font-size:13px}
.staff-label{font-size:10px;letter-spacing:1px}
.staff-top{height:66px;padding-inline:28px}
.staff-top small{font-size:11px}.staff-main-content{padding:32px;max-width:1400px}
.staff-metrics{gap:14px;margin:18px 0}
.staff-metrics article{padding:18px;border-radius:13px}
.staff-metrics small{font-size:10px}.staff-metrics b{font-size:25px;margin:8px 0}.staff-metrics span{font-size:12px;line-height:1.45}
.staff-table th,.staff-table td{padding:12px;font-size:12px}
.staff-table th{font-size:10px}.staff-table td b{font-size:13px}.staff-table td small{font-size:11px}
.staff-queue{gap:12px;padding:13px 0}.staff-queue>span{width:36px;height:36px;border-radius:9px}.staff-queue b{font-size:13px}.staff-queue small{font-size:11px}
.alert-sky{padding:15px;border-radius:10px;font-size:13px;line-height:1.65}

/* Admin pages use a separate visual skin, with the same type scale and blue accents. */
.admin-body{font-size:15px;line-height:1.55}
.admin-brand{font-size:15px;gap:12px}.admin-brand b{font-size:10px}
.admin-logo{width:42px;height:42px;background:#d7f1ff;color:#12608b}
.admin-env{font-size:11px}.admin-env small{font-size:9px}
.env-dot{background:#48b9e8}
.admin-nav{gap:6px}.admin-nav a{min-height:48px;padding-inline:12px;border-radius:10px;font-size:13px}
.admin-count{font-size:10px}.admin-nav a.active{box-shadow:inset 3px 0 #52c4f2;background:#203d5a}
.admin-nav-icon{font-size:18px}.admin-nav a.active .admin-nav-icon{color:#8ce0ff}
.admin-help strong{font-size:12px}.admin-help small,.admin-help a{font-size:11px;line-height:1.5}
.admin-user strong{font-size:13px}.admin-user small{font-size:11px}
.admin-topbar{min-height:66px}.admin-breadcrumb{font-size:13px}.system-status{font-size:12px}
.admin-content{padding:32px}.admin-overline{font-size:11px;letter-spacing:1.3px}
.admin-page-head h1{font-size:32px;line-height:1.2}.admin-page-head p{font-size:15px;line-height:1.6}
.updated-label{font-size:11px}.admin-secondary,.admin-primary{min-height:44px;padding:10px 15px;border-radius:9px;font-size:13px}
.admin-metrics{gap:14px}.admin-metrics article{padding:18px;border-radius:13px}
.metric-label{font-size:10px;letter-spacing:.6px}.admin-metrics article>strong{font-size:27px}.admin-metrics article>small{font-size:12px}
.admin-card{padding:20px;border-radius:15px}.admin-card-head h2{font-size:18px}.admin-card-head p{font-size:13px;line-height:1.5}
.admin-table th,.admin-table td{padding:12px;font-size:12px}.admin-table th{font-size:10px}.admin-table td strong{font-size:13px}.admin-table td small{font-size:11px}
.admin-pill{font-size:11px;padding:6px 9px}.queue-stat{padding:13px 8px}.queue-stat strong{font-size:14px}.queue-stat small{font-size:12px}
.admin-review-rule{padding:15px;font-size:13px;line-height:1.6}.admin-review-rule strong{font-size:13px}.admin-footer{font-size:11px;line-height:1.6}
.admin-mobile-nav a{min-height:52px;max-width:90px;font-size:10px;line-height:1.2}.admin-mobile-nav a span{font-size:19px;height:22px}.admin-mobile-nav a.active{color:#138abf}
.login-card{width:min(100%,500px);padding:34px;border-radius:20px}.login-card h1{font-size:30px}.login-card p{font-size:15px;line-height:1.6}
.login-card label{font-size:13px}.login-card input{height:50px;font-size:15px}.login-card button{min-height:50px;font-size:14px}
.login-mfa{padding:14px}.login-mfa strong{font-size:13px}.login-mfa small{font-size:11px}.login-help,.admin-prototype-note,.login-wrap footer{font-size:12px}
.admin-primary{background:#38b5e8;color:#12334d}.admin-primary:hover{background:#7bd6f6}
.admin-env,.admin-overline,.admin-count,.admin-nav a.active,.admin-nav a.active .admin-nav-icon{--admin-blue:#69cff5}
.admin-nav a.active .admin-nav-icon{color:var(--admin-blue)}
.table-good{color:#147eab}

.has-motion .reveal{opacity:0;transform:translateY(22px);transition:opacity .6s ease,transform .6s ease}
.has-motion .reveal.is-visible{opacity:1;transform:translateY(0)}

@media(max-width:1199.98px){
 .sky-hero-grid{min-height:590px}.sky-hero-art{height:410px}
 .staff-sidebar{width:230px}.staff-main{margin-left:230px}
}
@media(max-width:991.98px){
 .sky-header .navbar{min-height:74px}.navbar-collapse{padding:12px 0 6px}
 .navbar-nav{gap:2px;padding:7px 0}.navbar-nav .nav-link{font-size:15px;padding:11px 7px}
 .header-actions{padding:8px 0;gap:15px}.sky-hero-grid{gap:32px}
 .role-shell{grid-template-columns:220px 1fr}.role-sidebar{padding-inline:13px}
 .staff-sidebar{width:210px}.staff-main{margin-left:210px}
 .admin-sidebar{width:220px}.admin-main{margin-left:220px}
}
@media(max-width:767.98px){
 html{scroll-padding-top:78px}.container{--bs-gutter-x:1.5rem}
 .sky-header .navbar{min-height:70px;padding-block:10px!important}.sky-brand{font-size:23px}.sky-brand img{width:40px;height:40px}
 .navbar-toggler{width:48px;height:48px;border-radius:12px}.header-actions{flex-wrap:wrap}
 .sky-hero-grid{grid-template-columns:1fr;gap:30px;min-height:unset;padding-block:58px 36px}
 .sky-hero-copy h1{font-size:clamp(52px,13vw,72px);line-height:1.04;letter-spacing:-3px;margin:18px 0}
 .sky-hero-copy>p{font-size:18px;line-height:1.65;max-width:unset}
 .sky-hero-art{width:100%;height:clamp(260px,78vw,370px);border-radius:42% 42% 18px 18px}
 .blue-person{transform:scale(.85);transform-origin:bottom center}.person-helper{transform:scale(.75);transform-origin:bottom center}
 .art-chip{padding:10px 12px;gap:8px}.art-chip b{font-size:12px}.art-chip small{font-size:10px}
 .blue-trust-grid{padding-block:16px;gap:13px}.blue-trust-grid span{font-size:12px;line-height:1.45}
 .site-section{padding-block:64px}.site-heading{gap:16px;align-items:flex-start}.site-heading h2,.center-heading h2{font-size:clamp(31px,8vw,42px);line-height:1.14;letter-spacing:-1.2px}
 .site-heading p,.center-heading p,.spaces-section p{font-size:15px;line-height:1.6}.sky-text-link{font-size:13px;white-space:nowrap}
 .service-cards{grid-template-columns:1fr 1fr;gap:12px}.site-service-card{min-height:218px;padding:17px;border-radius:15px}
 .service-symbol{width:46px;height:46px;margin-bottom:22px;font-size:22px}.site-service-card>small{font-size:9px}.site-service-card h3{font-size:17px;line-height:1.35}.site-service-card p{font-size:13px;line-height:1.55}
 .how-cards{grid-template-columns:1fr;gap:12px;margin-top:26px}.how-cards article{min-height:unset;padding:19px;border-radius:15px}
 .how-cards article>span{font-size:12px}.how-cards article>i{font-size:24px}.how-cards h3{font-size:17px;margin:12px 0 6px}.how-cards p{font-size:14px}
 .business-section{grid-template-columns:1fr;gap:25px}.business-section h2{font-size:clamp(34px,9vw,46px)}.business-section>div:first-child>p{font-size:16px;line-height:1.7}
 .business-points:before{left:17px;top:28px;bottom:28px}.business-points article{gap:12px;padding:15px 0}.business-points article>i{width:34px;height:34px;font-size:12px}.business-points b{font-size:16px}.business-points small{font-size:13px;line-height:1.6}
 .sky-payment{padding-top:48px}.sky-payment-card{grid-template-columns:1fr;gap:12px;padding:22px;border-radius:19px}.sky-payment h2{font-size:clamp(31px,8vw,40px)}
 .sky-payment-card>div:first-child>p{font-size:15px}.refund-card{padding:14px}.refund-card>span{width:34px;height:34px}.refund-card b{font-size:14px}.refund-card small{font-size:12px}
 .payment-options small{font-size:12px}.payment-options b{font-size:12px}.payment-illustration{min-height:240px}.payment-receipt{width:min(100%,300px)}.refund-badge{right:0;bottom:0;font-size:11px}.payment-disclaimer{font-size:11px;line-height:1.6}
 .helper-join-content{min-height:330px;padding-block:54px}.helper-join h2{font-size:clamp(36px,9vw,47px)}.helper-join p{font-size:15px;max-width:min(100%,490px);padding-right:48px}
 .join-mark{right:14px;top:auto;bottom:16px;width:68px;height:68px}.join-mark img{width:34px}
 .space-cards{grid-template-columns:1fr;gap:10px}.space-cards a{display:grid;grid-template-columns:36px 1fr;gap:3px 10px;padding:16px;border-radius:14px}
 .space-cards span{grid-row:1/3;font-size:12px;padding-top:2px}.space-cards b{font-size:16px}.space-cards small{grid-column:2;font-size:13px}
 .sky-footer-inner{min-height:unset;display:grid;grid-template-columns:1fr auto;gap:12px;padding-block:22px}.sky-footer .sky-brand{font-size:19px}.sky-footer .sky-brand img{width:34px}.sky-footer p{grid-column:1/-1;grid-row:2;font-size:13px}.sky-footer-inner>div{grid-column:1/-1;grid-row:3;display:flex;gap:18px}.sky-footer-inner>div a{font-size:12px}.sky-footer-inner>small{grid-column:1/-1;grid-row:4;margin:0;font-size:11px}
 .home-mobile-actions{position:fixed;z-index:30;left:12px;right:12px;bottom:max(12px,env(safe-area-inset-bottom));display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:8px;border:1px solid #d9ebf5;border-radius:17px;background:#ffffffed;box-shadow:0 12px 35px #0c345127;backdrop-filter:blur(16px)}
 .home-mobile-actions a{display:grid;place-items:center;min-height:48px;padding:9px 6px;border-radius:11px;font-size:14px;font-weight:700}
 .mobile-action-primary{background:#27a7df;color:#073753}.mobile-action-secondary{background:#eaf7fe;color:#185272}
 .sky-footer{padding-bottom:82px}
 .auth-layout{grid-template-columns:1fr}.auth-top{height:70px;padding-inline:18px}.auth-aside{padding:28px 23px 24px}.auth-aside .sky-eyebrow{font-size:10px}
 .auth-aside h1{font-size:clamp(34px,9vw,46px);line-height:1.08;letter-spacing:-1.8px;margin:10px 0}.auth-aside-content>p{font-size:14px;line-height:1.6}.auth-aside-art{display:none}
 .workspace-mini{gap:14px;margin-top:14px}.workspace-mini a{font-size:11px}.auth-main{padding:22px 14px 30px}
 .auth-card{width:100%;max-width:600px;padding:22px 18px;border-radius:18px}.auth-card-heading h2{font-size:28px}.auth-card-heading p{font-size:14px;margin-bottom:18px}
 .role-switch{margin-bottom:18px}.role-switch a{min-height:48px;padding:9px 7px;font-size:13px}.auth-form{gap:15px}
 .auth-label{font-size:13px}.auth-label input,.auth-label select{height:52px;font-size:16px;padding-inline:13px}.auth-field-grid{grid-template-columns:1fr;gap:13px}.full-auth-field{grid-column:auto}
 .sky-button{height:54px;font-size:15px}.auth-footer{font-size:13px}.auth-note small{font-size:11px}.auth-main-foot{font-size:10px}
 .photo-inputs{grid-template-columns:1fr 1fr}.photo-inputs input{font-size:11px}.photo-fieldset legend{font-size:12px}.photo-fieldset legend small{font-size:10px}
 .auth-consent{font-size:11px}.verify-explainer b{font-size:11px}.verify-explainer small{font-size:10px}
 .role-shell{display:block}.role-sidebar{display:none}.role-content{padding-bottom:86px}.role-top{height:58px;padding-inline:16px}.role-top span{font-size:12px}.role-main{padding:22px 16px 30px}
 .role-greeting{align-items:flex-start;flex-direction:column;gap:12px;margin-bottom:18px}.role-greeting h1{font-size:25px;line-height:1.2}.role-greeting p{font-size:14px}.role-greeting .sky-btn{font-size:14px}
 .role-banner{padding:22px 19px;border-radius:16px}.role-banner small{font-size:10px}.role-banner h2{font-size:23px;line-height:1.25}.role-banner p{font-size:14px}
 .role-stats{grid-template-columns:1fr;gap:9px;margin:12px 0}.role-stats article{padding:15px}.role-stats small{font-size:10px}.role-stats b{font-size:23px}.role-stats span{font-size:12px}
 .role-card{padding:16px;border-radius:14px;margin-bottom:12px}.role-card-head{gap:12px}.role-card-head h2{font-size:17px}.role-card-head p{font-size:12px}.role-card-head a{font-size:12px;white-space:nowrap}
 .role-item{gap:10px;padding:12px 0}.role-item .item-icon{width:38px;height:38px;font-size:15px}.role-item b{font-size:13px}.role-item small{font-size:11px}.role-tag{font-size:9px;white-space:nowrap}
 .role-alert{padding:14px}.role-alert div b,.role-alert>b{font-size:13px}.role-alert div small,.role-alert small{font-size:11px}
 .role-two-col{grid-template-columns:1fr;gap:0}.tiny-note{font-size:11px}.dash-mobile-nav{height:72px;padding-bottom:env(safe-area-inset-bottom)}.dash-mobile-nav a{font-size:20px}.dash-mobile-nav a small{font-size:10px}
 .verification-row{display:grid;grid-template-columns:1fr auto;gap:8px}.verify-code-form{grid-column:1/-1;display:flex;gap:8px}.verify-code-form input{height:44px;flex:1;min-width:0;font-size:15px}.sky-mini-button{min-height:44px;font-size:12px}.dev-code-note{font-size:11px}
 .staff-sidebar{display:none}.staff-main{margin:0;padding-bottom:24px}.staff-main-content{padding:22px 15px}.staff-top{height:58px;padding-inline:15px}.staff-top small{font-size:10px}.staff-top .header-signin{font-size:12px}
 .staff-metrics{grid-template-columns:1fr 1fr;gap:9px;margin:13px 0}.staff-metrics article{padding:13px;border-radius:12px}.staff-metrics small{font-size:9px;line-height:1.4}.staff-metrics b{font-size:21px}.staff-metrics span{font-size:10px}
 .staff-table-wrap{margin-inline:-16px;padding-inline:16px;overflow-x:auto}.staff-table{min-width:800px}.staff-table th,.staff-table td{padding:11px 10px}.staff-table th{font-size:9px}.staff-table td{font-size:11px}.staff-table td b{font-size:12px}.staff-table td small{font-size:10px}
 .staff-queue{gap:10px;padding:11px 0}.staff-queue b{font-size:12px}.staff-queue small{font-size:10px}.alert-sky{font-size:12px}
 .admin-sidebar{display:none}.admin-main{margin-left:0;padding-bottom:84px}.admin-content{padding:20px 15px}
 .admin-topbar{height:58px;padding-inline:15px}.admin-page-head{gap:15px;align-items:flex-start}.admin-page-head h1{font-size:26px}.admin-page-head p{font-size:13px;line-height:1.55}
 .head-actions{min-width:100px}.updated-label{font-size:10px}.admin-secondary{font-size:12px;padding:8px 10px}
 .admin-metrics{grid-template-columns:1fr 1fr;gap:9px}.admin-metrics article{padding:14px;border-radius:12px}.metric-label{font-size:9px;line-height:1.4}.admin-metrics article>strong{font-size:23px}.admin-metrics article>small{font-size:10px}
 .admin-card{padding:15px;border-radius:13px}.admin-card-head{gap:10px}.admin-card-head h2{font-size:16px}.admin-card-head p{font-size:12px}.admin-table-wrap{margin-inline:-15px;padding-inline:15px;overflow-x:auto}.admin-table{min-width:760px}
 .admin-table th,.admin-table td{padding:10px;font-size:11px}.admin-table th{font-size:9px}.admin-table td strong{font-size:12px}.admin-table td small{font-size:10px}
 .admin-mobile-nav{height:76px;padding-bottom:env(safe-area-inset-bottom)}.admin-mobile-nav a{max-width:74px;min-width:53px;font-size:9px}.admin-mobile-nav a span{font-size:19px;height:21px}
}
@media(max-width:380px){
 .sky-hero-copy h1{font-size:49px}.sky-hero-actions{gap:12px;flex-wrap:wrap}.sky-btn-large{min-height:50px;padding:12px 15px;font-size:14px}
 .site-heading{display:block}.site-heading>.sky-text-link{display:inline-block;margin-top:12px}.site-service-card{padding:14px;min-height:208px}
 .business-points b{font-size:15px}.business-points small{font-size:12px}
 .home-mobile-actions a{font-size:12px}.role-stats b{font-size:20px}
}
@media(prefers-reduced-motion:reduce){.has-motion .reveal{opacity:1;transform:none;transition:none}}