:root {
    --ink: #14342b;
    --green: #143b31;
    --green-soft: #205346;
    --lime: #c9f26c;
    --paper: #f7f8f2;
    --line: #e3e9df;
    --muted: #75857e;
    --coral: #ff786c;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--paper); color: var(--ink); font-family: Arial, Helvetica, sans-serif; -webkit-font-smoothing: antialiased; }
a { color: inherit; text-decoration: none; }
button, input { font: inherit; }
button { cursor: pointer; }
.site-shell { min-height: 100vh; overflow: hidden; }

.site-header { position: relative; z-index: 5; display: flex; align-items: center; justify-content: space-between; max-width: 1440px; height: 86px; margin: 0 auto; padding: 0 5vw; }
.site-brand { display: inline-flex; align-items: center; gap: 9px; color: var(--green); font-size: 21px; font-weight: 800; letter-spacing: -1.2px; }
.site-brand > span:last-child > span { color: #82a981; }
.brand-bars { display: inline-flex; align-items: flex-end; gap: 3px; height: 22px; transform: skewX(-15deg); }
.brand-bars i { display: block; width: 6px; border-radius: 4px 4px 1px 1px; background: var(--green); }.brand-bars i:nth-child(1) { height: 11px; opacity: .62; }.brand-bars i:nth-child(2) { height: 17px; }.brand-bars i:nth-child(3) { height: 22px; opacity: .82; }
.site-nav { display: flex; gap: 30px; margin-left: 70px; color: #7b8b84; font-size: 11px; font-weight: 650; }.site-nav a:hover { color: var(--ink); }
.header-actions { display: flex; align-items: center; gap: 19px; }.header-track { color: #678176; font-size: 10px; font-weight: 800; }.header-track span { margin-left: 4px; font-size: 17px; }.header-app { display: inline-flex; gap: 8px; align-items: center; padding: 11px 15px; border-radius: 8px; color: #f2f8ec; background: var(--green); font-size: 10px; font-weight: 800; }.header-app span { color: var(--lime); font-size: 15px; }.mobile-menu { display: none; border: 0; color: var(--green); background: none; font-size: 20px; }

.hero-section { position: relative; display: grid; grid-template-columns: minmax(0, .92fr) minmax(400px, 1.08fr); max-width: 1320px; min-height: 548px; margin: 0 auto; overflow: hidden; border-radius: 22px; background: var(--green); box-shadow: 0 22px 46px rgba(20,59,49,.12); }.hero-copy { position: relative; z-index: 1; padding: 76px clamp(33px, 5vw, 78px); color: #f3faed; }.hero-copy:after { position: absolute; z-index: -1; right: -115px; bottom: -170px; width: 400px; height: 400px; border: 1px solid rgba(201,242,108,.15); border-radius: 50%; content: ''; }.eyebrow { display: flex; align-items: center; gap: 8px; color: #638272; font-size: 10px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }.eyebrow.light { color: #a9c5b7; }.live-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--lime); box-shadow: 0 0 0 4px rgba(201,242,108,.13); }.hero-copy h1 { margin: 24px 0 18px; color: #f7faef; font-size: clamp(54px, 6.3vw, 88px); font-weight: 720; line-height: .89; letter-spacing: -5.5px; }.hero-copy h1 em { color: var(--lime); font-family: Georgia, 'Times New Roman', serif; font-weight: 400; letter-spacing: -4px; }.hero-copy > p { max-width: 390px; margin: 0; color: #b4cbbd; font-size: 14px; line-height: 1.7; }.hero-buttons { display: flex; align-items: center; gap: 10px; margin-top: 30px; }.button { display: inline-flex; align-items: center; justify-content: center; gap: 13px; border-radius: 8px; font-size: 11px; font-weight: 800; }.button span { font-size: 16px; font-weight: 400; }.button-lime { padding: 14px 16px; color: var(--green); background: var(--lime); box-shadow: 0 8px 18px rgba(0,0,0,.12); }.button-ghost { padding: 13px 15px; border: 1px solid rgba(255,255,255,.2); color: #f3faec; }.button-ghost:hover { background: rgba(255,255,255,.08); }.hero-trust { display: flex; align-items: center; gap: 8px; margin-top: 24px; color: #8fac9d; font-size: 10px; }.hero-trust span { display: inline-flex; align-items: center; justify-content: center; width: 16px; height: 16px; border-radius: 50%; color: var(--green); background: var(--lime); font-size: 10px; font-weight: 900; }
.hero-network { position: relative; min-height: 548px; padding: 31px 37px 23px; overflow: hidden; background: var(--green-soft); }.hero-network:before { position: absolute; top: -165px; right: -50px; width: 470px; height: 470px; border: 1px solid rgba(201,242,108,.15); border-radius: 50%; content: ''; }.network-topline { position: relative; z-index: 1; display: flex; justify-content: space-between; color: #b4cfc0; font-size: 9px; font-weight: 700; letter-spacing: .1em; }.network-topline span { display: flex; align-items: center; gap: 8px; }.network-topline b { color: #80a899; font-size: 9px; letter-spacing: 0; }.pulse { width: 6px; height: 6px; border-radius: 50%; background: var(--lime); box-shadow: 0 0 0 4px rgba(201,242,108,.11); }.network-map { position: relative; height: 450px; margin-top: 9px; }.map-contour { position: absolute; border: 1px solid rgba(201,242,108,.13); border-radius: 50%; }.contour-one { top: 2%; left: 10%; width: 78%; height: 47%; transform: rotate(31deg); }.contour-two { top: 26%; left: 7%; width: 80%; height: 53%; transform: rotate(-16deg); }.contour-three { top: 43%; left: 16%; width: 68%; height: 42%; transform: rotate(28deg); }.map-line { position: absolute; height: 1px; background: repeating-linear-gradient(90deg, var(--lime) 0 6px, transparent 6px 11px); opacity: .52; transform-origin: left center; }.line-north { top: 26%; left: 26%; width: 45%; transform: rotate(15deg); }.line-central { top: 26%; left: 26%; width: 40%; transform: rotate(56deg); }.line-south { top: 26%; left: 26%; width: 34%; transform: rotate(83deg); }.map-node { position: absolute; display: flex; align-items: center; gap: 9px; }.map-node i { position: relative; z-index: 1; display: block; width: 9px; height: 9px; border: 2px solid var(--green-soft); border-radius: 50%; background: var(--lime); box-shadow: 0 0 0 2px rgba(201,242,108,.38); }.map-node i:after { position: absolute; inset: -5px; border: 1px solid rgba(201,242,108,.38); border-radius: 50%; content: ''; animation: ping 2.5s ease-out infinite; }.map-node span { display: grid; gap: 3px; color: #e9f5e0; font-size: 10px; font-weight: 700; }.map-node small { color: #7ea493; font-size: 8px; font-weight: 400; }.node-north { top: 13%; left: 13%; }.node-central { top: 22%; left: 54%; }.node-south { top: 64%; left: 66%; }.node-east { top: 77%; left: 40%; }.route-ticket { position: absolute; right: 0; bottom: 10%; display: grid; grid-template-columns: 26px 1fr auto; align-items: center; gap: 9px; min-width: 200px; padding: 11px 12px; border: 1px solid rgba(255,255,255,.13); border-radius: 10px; background: rgba(18,62,50,.83); box-shadow: 0 14px 28px rgba(0,0,0,.13); }.route-ticket:before { display: flex; align-items: center; justify-content: center; width: 26px; height: 26px; border-radius: 7px; color: var(--green); background: var(--lime); content: '↗'; font-size: 16px; }.route-ticket strong { display: grid; gap: 4px; color: #eff9e7; font-size: 11px; }.route-ticket strong b { color: #91b5a0; font-weight: 400; }.route-ticket span { color: #89aa9b; font-size: 8px; }.route-ticket em { color: var(--lime); font-size: 8px; font-style: normal; font-weight: 800; letter-spacing: .08em; }.network-foot { display: flex; align-items: center; gap: 7px; color: #83a999; font-size: 9px; }.network-foot i { height: 2px; flex: 1; border-radius: 2px; background: #4f806e; }.network-foot i:first-of-type { background: var(--lime); }

.quick-strip { display: flex; align-items: center; justify-content: space-between; max-width: 1110px; margin: 28px auto 0; padding: 16px 20px; border: 1px solid var(--line); border-radius: 13px; background: #fff; box-shadow: 0 10px 25px rgba(40,63,50,.04); }.quick-strip > div { display: flex; align-items: center; gap: 11px; }.quick-icon { display: inline-flex; align-items: center; justify-content: center; width: 31px; height: 31px; border-radius: 8px; color: #5c826b; background: #edf6e6; font-size: 21px; }.quick-strip strong, .quick-strip small { display: block; }.quick-strip strong { color: var(--ink); font-size: 11px; }.quick-strip small { margin-top: 4px; color: #91a097; font-size: 9px; }.track-form { display: flex; gap: 8px; }.track-form input { width: 190px; height: 36px; padding: 0 12px; border: 1px solid #dde8da; border-radius: 8px; outline: 0; color: var(--ink); background: #fbfcf9; font-size: 10px; }.track-form input:focus { border-color: #94b789; }.track-form button { height: 36px; padding: 0 13px; border: 0; border-radius: 8px; color: var(--green); background: var(--lime); font-size: 10px; font-weight: 800; }.track-form button span { margin-left: 6px; font-size: 15px; }

.feature-section { max-width: 1110px; margin: 108px auto 105px; }.section-intro { display: flex; align-items: flex-end; justify-content: space-between; margin-bottom: 32px; }.eyebrow-mark { color: #e0a15b; font-size: 15px; }.section-intro h2 { margin: 0; color: var(--ink); font-size: clamp(30px, 4vw, 45px); line-height: .99; letter-spacing: -2.3px; }.section-intro h2 em { color: #79a27e; font-family: Georgia, 'Times New Roman', serif; font-weight: 400; }.feature-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px; }.feature-card { position: relative; min-height: 290px; overflow: hidden; padding: 24px 24px 22px; border-radius: 13px; }.feature-card h3 { margin: 33px 0 10px; font-size: 18px; letter-spacing: -.6px; }.feature-card p { max-width: 240px; margin: 0; font-size: 11px; line-height: 1.7; }.feature-card a { position: absolute; bottom: 23px; left: 24px; font-size: 10px; font-weight: 800; }.feature-card a span { margin-left: 5px; font-size: 15px; }.feature-card-green { color: #ecf8e7; background: var(--green); }.feature-card-green p { color: #b1cabb; }.feature-card-green a { color: var(--lime); }.feature-card-lime { color: var(--ink); background: #dbf58f; }.feature-card-lime p { color: #71866d; }.feature-card-lime a { color: #537b5d; }.feature-card-paper { color: var(--ink); background: #edf2e8; }.feature-card-paper p { color: #748379; }.feature-card-paper a { color: #668a70; }.feature-icon { display: flex; align-items: center; justify-content: center; width: 34px; height: 34px; border-radius: 9px; color: var(--green); background: var(--lime); font-size: 20px; }.feature-card-lime .feature-icon { background: #f9fff0; }.feature-card-paper .feature-icon { color: #c06b5a; background: #fff0e9; }.feature-orbit { position: absolute; border: 1px solid rgba(201,242,108,.18); border-radius: 50%; }.orbit-one { right: -48px; bottom: -66px; width: 200px; height: 200px; }.orbit-two { right: 20px; bottom: -2px; width: 90px; height: 90px; }.journey-line { position: absolute; right: 22px; bottom: 26px; display: flex; align-items: center; gap: 5px; }.journey-line i { display: flex; align-items: center; justify-content: center; width: 17px; height: 17px; border-radius: 50%; color: #5d8162; background: #f9fff0; font-size: 9px; font-style: normal; }.journey-line i:nth-child(5) { color: #9eaf9d; background: rgba(255,255,255,.37); }.journey-line b { width: 20px; height: 1px; background: #a6c66d; }.agent-pin { position: absolute; right: 36px; top: 102px; width: 80px; height: 95px; }.agent-pin:before { position: absolute; top: 0; left: 20px; width: 40px; height: 40px; border: 9px solid rgba(255,255,255,.54); border-radius: 50% 50% 50% 0; content: ''; transform: rotate(-45deg); }.agent-pin i { position: absolute; top: 14px; left: 34px; z-index: 1; width: 12px; height: 12px; border-radius: 50%; background: var(--coral); }.agent-pin span { position: absolute; bottom: 7px; left: 15px; width: 58px; height: 12px; border-radius: 50%; background: rgba(157,182,157,.25); }.agent-pin b { position: absolute; right: 0; bottom: 35px; padding: 5px 7px; border-radius: 6px; color: #557761; background: #fff; font-size: 9px; }

.business-section { position: relative; display: flex; align-items: center; justify-content: space-between; gap: 25px; max-width: 1320px; min-height: 275px; margin: 0 auto 50px; overflow: hidden; padding: 42px clamp(30px, 6vw, 82px); border-radius: 19px; color: #eef8e9; background: var(--green); }.business-section h2 { margin: 14px 0 10px; color: #f2faec; font-size: clamp(27px, 3.4vw, 43px); line-height: .98; letter-spacing: -2px; }.business-section h2 em { color: var(--lime); font-family: Georgia, 'Times New Roman', serif; font-weight: 400; }.business-section p { max-width: 450px; margin: 0; color: #aec8b9; font-size: 12px; line-height: 1.65; }.business-section > .button { z-index: 1; flex: 0 0 auto; }.business-shape { position: absolute; right: 17%; top: -50px; width: 330px; height: 330px; border: 1px solid rgba(201,242,108,.13); border-radius: 50%; }.business-shape:before, .business-shape:after { position: absolute; width: 9px; height: 9px; border-radius: 50%; background: var(--lime); content: ''; }.business-shape:before { right: 11%; top: 22%; }.business-shape:after { left: 19%; bottom: 17%; }.business-shape span { position: absolute; right: 22%; bottom: 24%; color: #dcefa4; font-size: 20px; }.business-shape i { position: absolute; top: 23%; left: 16%; width: 64%; height: 1px; background: repeating-linear-gradient(90deg, var(--lime) 0 6px, transparent 6px 11px); transform: rotate(36deg); }.business-shape b { position: absolute; top: 31%; left: 23%; width: 52%; height: 1px; background: rgba(201,242,108,.43); transform: rotate(79deg); }
.site-footer { display: flex; align-items: center; justify-content: space-between; max-width: 1320px; margin: 0 auto; padding: 0 0 30px; color: #98a59e; font-size: 9px; }.site-footer .site-brand { font-size: 15px; }.site-footer .brand-bars { height: 16px; }.site-footer .brand-bars i { width: 4px; }.site-footer .brand-bars i:nth-child(1) { height: 8px; }.site-footer .brand-bars i:nth-child(2) { height: 12px; }.site-footer .brand-bars i:nth-child(3) { height: 16px; }.footer-dot { display: inline-block; width: 5px; height: 5px; margin-right: 5px; border-radius: 50%; background: #63bf7a; }

@keyframes ping { 0% { opacity: .8; transform: scale(.7); } 70%, 100% { opacity: 0; transform: scale(2.3); } }
@media (max-width: 900px) { .site-nav { gap: 18px; margin-left: 20px; }.hero-section { grid-template-columns: 1fr; }.hero-copy { min-height: 440px; }.hero-network { min-height: 440px; }.network-map { height: 350px; }.feature-section { margin-top: 75px; padding: 0 5vw; }.business-section { margin-right: 5vw; margin-left: 5vw; }.site-footer { margin: 0 5vw; } }
@media (max-width: 650px) { .site-header { height: 72px; }.site-nav { position: absolute; top: 63px; right: 5vw; left: 5vw; display: none; flex-direction: column; gap: 0; margin: 0; padding: 7px; border: 1px solid var(--line); border-radius: 10px; background: #fff; box-shadow: 0 12px 28px rgba(28,55,42,.1); }.site-nav-open { display: flex; }.site-nav a { padding: 11px; }.header-actions { display: none; }.mobile-menu { display: block; }.hero-copy { min-height: 415px; padding: 54px 29px 45px; }.hero-copy h1 { font-size: 60px; }.hero-network { min-height: 385px; padding: 25px 20px 17px; }.network-map { height: 300px; }.map-node span { display: none; }.node-north { left: 11%; }.node-central { left: 52%; }.node-south { left: 67%; }.node-east { left: 38%; }.route-ticket { right: 0; min-width: 190px; }.quick-strip { align-items: stretch; flex-direction: column; gap: 15px; margin-right: 5vw; margin-left: 5vw; }.track-form input { width: 100%; }.track-form { width: 100%; }.track-form button { flex: 0 0 auto; }.section-intro { align-items: flex-start; flex-direction: column-reverse; gap: 18px; }.feature-grid { grid-template-columns: 1fr; }.feature-card { min-height: 250px; }.business-section { align-items: flex-start; flex-direction: column; padding: 35px 28px; }.business-section > .button { width: 100%; }.business-shape { right: -100px; top: -80px; }.site-footer { flex-wrap: wrap; gap: 12px; }.site-footer .site-brand { width: 100%; } }