/* RANGO GROUP — PREMIUM & BOLD 2026 EDITION */
:root{--ink:#f0f4ed;--lime:#c9f64a;--bone:#0b100c;--forest:#142017;--mute:#a4b0a2;--line:#303c33;--silver:#c2c9c5;--deep:#090d0a;--panel:#161d18}
html{scroll-behavior:smooth}body{background:var(--deep);color:var(--ink);-webkit-font-smoothing:antialiased}::selection{background:var(--lime);color:#0b100c}
.topline{background:#0c140e;color:#b8c5b7;border-bottom:1px solid #293b2a;height:37px}.topline .live-dot{background:var(--lime);box-shadow:0 0 10px #c9f648}.topline b{color:var(--lime)}
.site-header{background:#0d130ff2;backdrop-filter:blur(18px);border-bottom:1px solid #334035;height:91px}.identity-mark{background:transparent;transform:none;padding:0;display:grid;place-items:center;width:72px;height:65px}.identity-mark img{max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 4px 9px #0009)}.identity-name strong{color:#f3f5f2;font-size:27px;letter-spacing:1px}.identity-name small{color:#98a89a}.site-header nav a{color:#c3ccc3;letter-spacing:.35px}.site-header nav a:hover,.site-header nav a.selected{color:var(--lime)}.site-header nav .nav-quote{background:var(--lime);color:#0d160c;border:1px solid var(--lime)}.site-header nav .nav-quote:hover{background:#efffb9;color:#0d160c}
.hero{background:radial-gradient(circle at 22% 35%,#1d3020 0%,#0c110e 42%,#080b09 100%);min-height:780px;grid-template-columns:54% 46%}.hero-copy{padding-top:78px;padding-bottom:35px}.eyebrow,.chapter{color:var(--lime)}.eyebrow-rule{background:var(--lime)}.hero h1{color:#f3f5f1;font-size:clamp(70px,8.4vw,148px);margin:86px 0 40px;line-height:.81;text-shadow:0 15px 38px #0008}.hero h1 .outline{-webkit-text-stroke:1.5px #b7c3b6;color:transparent}.hero-dot{color:var(--lime)}.hero-intro{color:#bdc9be;max-width:500px;font-size:18px}.hero-copy .cta-lime{background:var(--lime);border-color:var(--lime);color:#0d150c}.hero-copy .cta-lime:hover{background:#e6ffa0}.text-action,.under-link{border-color:#8eae5a;color:#f3f7ef}.hero-caption{color:#9cac9e;border-color:#384b3b;gap:12px;flex-wrap:wrap}.hero-caption .live-dot{background:var(--lime)}
.hero-art{background:radial-gradient(circle at 53% 44%,#40583b 0%,#17271c 37%,#0b100d 78%);border-left:1px solid #334637}.hero-art:before{content:'';position:absolute;inset:0;background:linear-gradient(140deg,#d5ff3212,transparent 45%,#0008);pointer-events:none}.hero-orbit{border-color:#c9f64a55}.orbit-b{border-color:#c9f64a30}.hero-art-kicker{position:absolute;top:35px;left:35px;z-index:5;font:800 12px 'DM Sans';letter-spacing:2px;color:var(--lime)}.hero-art-kicker span{color:#bdcdb9}.hero-logo{width:118%;left:-9%;filter:drop-shadow(0 28px 20px #000a) drop-shadow(0 5px 32px #c9f64a26)}.hero-art-footer{background:#09120c88;backdrop-filter:blur(10px)}
.marquee{background:var(--lime);color:#101b10}.marquee b{color:#3d671b}.intro-block{background:#101712}.intro-block h2,.home-services h2,.home-portal h2,.last-cta h2{color:#f0f3ee}.intro-block h2 em,.home-services h2 em,.home-portal h2 em,.last-cta h2 em{color:var(--lime)}.intro-block p,.home-services-head p{color:#aebcae}.home-services{background:#171e19}.service-strip{border-color:#3b493e}.service-strip span{color:var(--lime)}.service-strip small{color:#aab8ab}.service-strip:hover{background:#273a28}.home-portal{background:#202b22}.home-portal p{color:#b6c5b7}.home-portal .chapter{color:var(--lime)}.cta-dark{background:var(--lime);color:#111a11}.cta-dark:hover{background:#edffbd}.portal-art{background:#0a100c}.route-map{background:#202d23;color:#f1f5f0;box-shadow:20px 20px 0 #050905;border:1px solid #607a50}.route-line{border-color:var(--lime)}.route-line i{background:var(--lime);border-color:#202d23}.last-cta{background:radial-gradient(circle at 50% 80%,#243d24,#090f0b 70%)}
.inner-page{background:#0d130f}.inner-head{border-color:#354239}.inner-head h1{color:#f1f4ef}.inner-head h1 em{color:var(--lime)}.inner-head p{color:#afbdaf}.service-tile{background:#19221b;border-color:#384a3b;color:#eaf1e9}.service-tile:nth-child(2),.service-tile:nth-child(3){background:#202b23}.service-tile p{color:#afc0b0}.service-tile span{color:var(--lime)}.service-tile a{color:var(--lime)}.service-tile:hover{border-color:var(--lime);background:#273729}.note-panel{background:#c9f64a;color:#152011}.note-panel .cta-lime{background:#111b11;color:#f5f7f4;border-color:#111b11}
.about-statement{background:#1d2c21;color:#f4f7f3}.about-statement span{color:var(--lime)}.about-statement h2 em{color:var(--lime)}.about-body p{color:#b3c2b5}.values article{background:#19241c;border-color:#344a37}.values h3{color:#f1f5f0}.values p{color:#acbcaf}.values b{color:var(--lime)}
.auth-side,.form-aside{background:#1c2b20;color:#f3f6f2}.auth-side span,.aside-line{color:var(--lime)}.auth-main,.public-form{background:#18211a;color:#edf4ec}.auth-side p,.form-aside p{color:#b4c5b5}.auth-main input,.public-form input,.public-form textarea,.auth-main select{background:#0c140e;color:#f5f8f4;border:1px solid #4c6050}.auth-main input:focus,.public-form input:focus,.public-form textarea:focus{outline:2px solid var(--lime);outline-offset:1px}.form-disclaimer{color:#b5c6b7}.contact-domain{color:var(--lime)!important}
.footer{background:#080d09;color:#f1f6f0;border-top:1px solid #344537}.footer-logo{height:105px;max-width:230px;object-fit:contain;object-position:left}.footer-bottom{border-color:#3a483d;color:#a4b3a5}.footer-cta{background:var(--lime);color:#102011}.footer-cta:hover{background:#eaffb0}
/* Portal retains existing JS and Supabase integration, with a dark surface layer */
.panel,.portal-card{background:#19241c!important;color:#edf4ed!important;border-color:#405343!important}.panel h2,.panel h3{color:#f1f6f0!important}.portal-muted,.fineprint{color:#b0bfb0!important}.portal-pill{background:#c9f64a!important;color:#11200f!important}.btn{background:var(--lime)!important;color:#101a0f!important}.btn.secondary{background:#344735!important;color:#f4f7f3!important}.portal-table th{background:#243427!important;color:#d9e6d8!important}.portal-table td{border-color:#3a4d3c!important;color:#e4ede3!important}.portal-form input,.portal-form select,.portal-form textarea,.stack input,.stack select,.stack textarea{background:#0c140e!important;color:#f5f7f2!important;border-color:#4a5b4d!important}.portal-notice{background:#293828!important;color:#e3f2d6!important}
:focus-visible{outline:2px solid var(--lime);outline-offset:4px}
@media(max-width:1050px){.site-header nav{background:#101912;border:1px solid #354a38}.site-header nav a{color:#edf4ec}.hero h1{font-size:clamp(70px,9vw,120px)}}
@media(max-width:760px){.site-header{height:76px}.identity-mark{width:53px;height:54px}.identity-name strong{font-size:23px}.hero{min-height:auto}.hero-copy{padding:54px 6% 44px}.hero h1{font-size:clamp(69px,13vw,112px);margin:52px 0 29px}.hero-art{min-height:390px}.hero-art-kicker{font-size:9px;left:20px;top:20px}.hero-logo{width:90%;left:5%}.intro-block,.home-services{padding-top:75px;padding-bottom:75px}.inner-page{padding-top:55px}.footer-logo{height:90px}}
@media(max-width:440px){.topline span:last-child{display:none}.hero h1{font-size:clamp(59px,13.4vw,75px)}.hero-caption{font-size:9px}.hero-art{min-height:325px}.hero-art-footer{font-size:8px}.hero-vertical{display:none}.footer-logo{height:72px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}