/* Rango Group: dedicated phone/tablet design. Loaded after all existing styles. */
@media (max-width: 920px) {
 .site-header{position:sticky;top:0;z-index:999;height:72px;padding:0 5%;display:flex;align-items:center;justify-content:space-between}
 .site-header .identity{min-width:0;gap:8px}.identity-mark{flex:0 0 51px;width:51px;height:51px}.identity-name strong{font-size:clamp(18px,4.4vw,23px);line-height:1.05}.identity-name small{font-size:8px;letter-spacing:1.1px}
 .menu-toggle{position:relative;z-index:1002;display:grid;place-items:center;width:46px;height:46px;min-width:46px;border:1px solid #526647;border-radius:12px;background:#1b281d;color:#d2fa66;font-size:23px;line-height:1}
 .site-header nav{position:absolute;z-index:1001;top:72px;left:0;right:0;width:100%;padding:12px 5% 24px;background:#101a13;border:0;border-top:1px solid #334934;box-shadow:0 22px 45px #000a;max-height:calc(100dvh - 72px);overflow-y:auto;gap:3px}
 .site-header nav.open{display:flex}.site-header nav a{font-size:14px;font-weight:700;letter-spacing:.2px;padding:13px 15px;min-height:49px;border-radius:10px}.site-header nav a.selected{background:#253928}.site-header nav .nav-quote{margin-top:8px;justify-content:center;text-align:center;color:#101a10}
 .hero{display:flex;flex-direction:column;min-height:0}.hero-copy{min-height:0;padding:43px 6% 27px}.hero h1{font-size:clamp(59px,12vw,100px);line-height:.88;letter-spacing:-.035em;margin:38px 0 25px}.hero-intro{font-size:16px;line-height:1.6;max-width:45ch}.hero-actions{display:flex;flex-wrap:wrap;gap:13px;margin:28px 0}.hero-actions .cta-lime{min-height:54px}.hero-caption{justify-content:flex-start;gap:9px 17px}
 .hero-art{width:100%;min-height:320px;height:60vw;max-height:470px;border-left:0;border-top:1px solid #334637}.hero-art .hero-logo{width:min(82%,490px);max-width:82%;max-height:76%;top:49%}
 .intro-block,.home-services,.home-portal,.last-cta{padding-left:6%;padding-right:6%}.intro-block,.home-portal{grid-template-columns:1fr;gap:25px}.home-services-head{gap:16px}.service-grid,.values{grid-template-columns:repeat(2,minmax(0,1fr))}.auth-shell,.form-layout,.about-split{grid-template-columns:1fr}.auth-main{min-width:0}
 .inner-page{padding-left:6%;padding-right:6%}.inner-head h1{font-size:clamp(54px,10vw,94px);line-height:.96;overflow-wrap:break-word}.footer{padding-left:6%;padding-right:6%}
}
@media (max-width: 600px) {
 .topline{height:28px;padding:0 5%;font-size:8px;letter-spacing:.9px}.topline span:last-child{display:none}
 .site-header{height:68px}.site-header nav{top:68px;max-height:calc(100dvh - 68px)}.identity-mark{flex-basis:46px;width:46px;height:46px}.identity-name strong{font-size:19px}.identity-name small{font-size:7px}.menu-toggle{width:44px;height:44px;min-width:44px}
 .hero-copy{padding:35px 6% 24px}.eyebrow{font-size:10px;letter-spacing:1.2px}.hero h1{font-size:clamp(49px,12.8vw,76px);line-height:.92;margin:32px 0 22px;letter-spacing:-.035em}.hero-intro{font-size:15px;line-height:1.65}.hero-actions{flex-direction:column;align-items:stretch;gap:12px;margin:25px 0 26px}.hero-actions .cta-lime{width:100%;display:flex;justify-content:space-between;padding:15px 18px;font-size:12px}.hero-actions .text-action{padding:12px 0;align-self:center;font-size:11px}.hero-caption{display:flex;flex-wrap:wrap;gap:8px 14px;font-size:9px}
 .hero-art{height:76vw;min-height:260px;max-height:365px}.hero-art .hero-logo{width:88%;max-width:88%;max-height:78%;top:49%}.hero-art-kicker{top:15px;left:18px;letter-spacing:1px;font-size:9px}.hero-art-kicker span{display:none}.hero-art-footer{padding:12px 5%;font-size:8px}.hero-vertical{display:none}
 .marquee{overflow:hidden}.marquee>div{white-space:nowrap}.intro-block,.home-services,.home-portal,.last-cta{padding:60px 6%}.intro-block h2,.home-services h2,.home-portal h2,.last-cta h2{font-size:clamp(44px,11vw,66px);line-height:1.02;overflow-wrap:break-word}.intro-block p,.home-services-head p,.home-portal p{font-size:15px;line-height:1.65}.home-services-head{display:block}.home-services-head p{margin-top:15px}
 .service-strip{display:grid;grid-template-columns:30px minmax(0,1fr) 25px;gap:6px 10px;padding:20px 2px;align-items:center}.service-strip span{grid-column:1;grid-row:1/3}.service-strip strong{grid-column:2;grid-row:1;font-size:clamp(22px,6vw,30px);line-height:1.05;overflow-wrap:break-word}.service-strip small{grid-column:2;grid-row:2;font-size:12px}.service-strip b{grid-column:3;grid-row:1/3;justify-self:end}
 .home-portal{display:flex;flex-direction:column;gap:28px}.portal-art{min-height:230px}.route-map{box-shadow:8px 8px 0 #050905;max-width:100%}.route-words{font-size:9px}
 .inner-page{padding:43px 6% 65px}.inner-head{padding-bottom:24px;margin-bottom:24px}.inner-head h1{font-size:clamp(43px,10.5vw,65px);line-height:1.01;letter-spacing:-.02em}.inner-head p{font-size:15px;line-height:1.6}.service-grid,.values{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}.service-tile{min-width:0;padding:25px 22px}.service-tile h2{font-size:clamp(35px,9vw,52px)}.note-panel{padding:24px}.about-split{display:flex;flex-direction:column}.about-statement,.about-body{padding:26px 22px}.about-statement h2{font-size:clamp(42px,10vw,62px)}
 .auth-shell,.form-layout{display:flex;flex-direction:column;gap:0}.auth-side,.form-aside{padding:27px 22px}.auth-main,.public-form{padding:25px 19px}.auth-side h2,.form-aside h2{font-size:clamp(38px,10vw,55px)}.field-grid{display:grid;grid-template-columns:1fr;gap:14px}.public-form label,.login-form label{min-width:0}.public-form input,.public-form textarea,.auth-main input,.auth-main select{width:100%;font-size:16px;min-height:48px}.public-form button,.login-form button{min-height:52px;width:100%}
 .auth-main{overflow-x:auto}.auth-main table,.portal-table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.auth-main th,.auth-main td{white-space:nowrap}
 .footer{padding:48px 6% 25px}.footer-top,.footer-bottom{display:flex;flex-direction:column;align-items:flex-start;gap:18px}.footer h2{font-size:clamp(42px,11vw,65px);line-height:1.02}.footer-logo{height:78px}.footer-cta{width:100%;justify-content:center;text-align:center;min-height:52px}
}
@media (max-width: 360px){.hero h1{font-size:clamp(43px,12.2vw,50px)}.identity-name strong{font-size:17px}.identity-mark{width:40px;flex-basis:40px}.hero-caption span:last-child{display:none}}