:root{
  --ink:#101a38;--muted:#69738d;--line:rgba(18,31,67,.09);--blue:#3867f4;
  --blue2:#645cff;--surface:rgba(255,255,255,.76);--radius:28px;--shadow:0 24px 70px rgba(32,47,96,.12)
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#f6f8ff;line-height:1.5}
a{color:inherit;text-decoration:none}button,input{font:inherit}.container{width:min(1180px,calc(100% - 40px));margin-inline:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.site-bg{position:fixed;inset:0;overflow:hidden;z-index:-2;background:linear-gradient(180deg,#fbfcff 0,#f1f5ff 45%,#fff 100%)}.orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.55}.orb-a{width:440px;height:440px;background:#b7c7ff;top:-130px;left:-100px}.orb-b{width:520px;height:520px;background:#d7c7ff;top:190px;right:-190px}.orb-c{width:450px;height:450px;background:#b8f2e4;top:900px;left:20%}
.topbar{position:sticky;top:0;z-index:20;background:rgba(248,250,255,.76);backdrop-filter:blur(24px);border-bottom:1px solid rgba(255,255,255,.7)}.topbar-inner{height:78px;display:flex;align-items:center;gap:32px}.brand{display:flex;align-items:center;gap:12px;min-width:250px}.brand-mark{font-size:30px;font-weight:900;letter-spacing:-1.8px}.brand-copy{font-size:12px;line-height:1.15;color:#52607e}.search{flex:1;max-width:480px;display:flex;background:rgba(255,255,255,.68);border:1px solid rgba(20,35,78,.11);box-shadow:0 10px 30px rgba(29,44,89,.06);border-radius:18px;overflow:hidden}.search input{width:100%;border:0;background:transparent;padding:13px 16px;outline:none}.search button{border:0;background:transparent;padding:0 16px;font-size:24px;color:#37476b}.top-actions{margin-left:auto;display:flex;align-items:center;gap:20px}.weather{display:flex;align-items:center;gap:9px}.weather-icon{font-size:25px}.weather small{display:block;color:var(--muted)}.menu-btn{display:none;border:1px solid var(--line);background:#fff;border-radius:12px;padding:9px 12px}.nav{height:52px;display:flex;align-items:center;justify-content:space-between;font-size:14px;font-weight:650}.nav a{padding:16px 12px;position:relative}.nav a.active:after{content:"";position:absolute;left:12px;right:12px;bottom:5px;height:3px;border-radius:99px;background:linear-gradient(90deg,var(--blue),var(--blue2))}.mobile-nav{padding:12px 20px 20px;display:grid;gap:8px}.mobile-nav a{background:#fff;padding:12px 14px;border-radius:12px}
.hero{padding-top:28px}.hero-surface{position:relative;overflow:hidden;display:grid;grid-template-columns:1.1fr 1fr;gap:38px;padding:58px;border-radius:36px;min-height:520px;background:
linear-gradient(120deg,rgba(255,255,255,.92),rgba(255,255,255,.45)),
radial-gradient(circle at 78% 15%,rgba(109,86,255,.34),transparent 28%),
radial-gradient(circle at 85% 75%,rgba(0,198,255,.23),transparent 31%),
linear-gradient(135deg,#eaf2ff,#e5e0ff 48%,#dff6f0);box-shadow:var(--shadow);border:1px solid rgba(255,255,255,.78)}
.hero-surface:before{content:"";position:absolute;inset:auto -5% -45% 25%;height:420px;background:linear-gradient(160deg,transparent 45%,rgba(52,112,92,.13) 46% 52%,transparent 53%),linear-gradient(155deg,transparent 43%,rgba(78,120,80,.12) 44% 57%,transparent 58%);transform:rotate(-3deg)}
.hero-copy,.services-grid{position:relative;z-index:1}.eyebrow,.section-kicker{display:inline-flex;color:#4f5bed;font-weight:750;font-size:13px;letter-spacing:.08em;text-transform:uppercase}.hero h1{font-size:clamp(44px,5.3vw,72px);line-height:1.02;letter-spacing:-.055em;margin:16px 0 22px;max-width:680px}.hero-copy p{font-size:18px;color:#53607e;max-width:620px}.hero-actions{display:flex;gap:14px;margin-top:32px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 22px;border-radius:16px;font-weight:760}.btn-primary{color:#fff;background:linear-gradient(135deg,#3971ff,#625cf2);box-shadow:0 14px 30px rgba(63,91,236,.32)}.btn-ghost{background:rgba(255,255,255,.72);border:1px solid rgba(255,255,255,.86)}.hero-meta{display:flex;gap:20px;margin-top:26px;font-size:13px;color:#6c7590}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;align-content:center}.service{position:relative;min-height:152px;padding:20px;border-radius:24px;background:rgba(255,255,255,.66);border:1px solid rgba(255,255,255,.86);backdrop-filter:blur(18px);box-shadow:0 14px 40px rgba(51,64,105,.1);transition:.25s ease}.service:hover{transform:translateY(-5px);box-shadow:0 22px 48px rgba(51,64,105,.17)}.service-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:16px;font-size:24px;background:rgba(255,255,255,.75)}.service strong,.service small{display:block}.service strong{margin-top:14px}.service small{margin-top:4px;color:#66708b;font-size:12px}.service i{position:absolute;right:18px;bottom:16px;font-style:normal}.service-yellow .service-icon{background:#fff3cd}.service-green .service-icon{background:#ddf7e5}.service-blue .service-icon{background:#e3edff}.service-violet .service-icon{background:#ece4ff}.service-red .service-icon{background:#ffe5e7}.service-cyan .service-icon{background:#dcf7f5}
.dashboard-grid,.content-grid{display:grid;grid-template-columns:1.65fr 1fr;gap:20px;margin-top:24px}.panel{background:var(--surface);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.84);border-radius:var(--radius);box-shadow:0 15px 50px rgba(32,47,96,.08);padding:26px}.section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:18px}.section-head h2{margin:3px 0 0;font-size:23px;letter-spacing:-.03em}.section-head>a{font-size:13px;color:#365ef0;font-weight:700}.route-list{display:grid}.route{display:grid;grid-template-columns:52px minmax(190px,1fr) repeat(3,55px) 68px;align-items:center;gap:12px;padding:16px 0;border-top:1px solid var(--line)}.route-num{display:grid;place-items:center;height:32px;border:1px solid #b9e7c5;color:#229548;border-radius:10px;font-weight:750}.route-name strong,.route-name small{display:block}.route-name small{color:var(--muted);font-size:12px}.route time{font-weight:700}.status{font-size:12px;color:#1f9a46}.quick-panel{display:flex;flex-direction:column}.quick-panel>a{display:flex;align-items:center;gap:14px;padding:15px;margin-top:9px;border-radius:18px;background:linear-gradient(100deg,rgba(246,248,255,.92),rgba(255,255,255,.65));border:1px solid var(--line)}.quick-panel>a>span{font-size:20px}.quick-panel>a div{flex:1}.quick-panel strong,.quick-panel small{display:block}.quick-panel small{color:var(--muted);font-size:12px}.quick-panel i{font-style:normal}
.content-grid{grid-template-columns:1.45fr .9fr .75fr}.lead-story{display:grid;grid-template-columns:190px 1fr;gap:18px}.story-art,.thumb,.ad-art{background-size:cover;background-position:center}.story-art{height:160px;border-radius:20px}.art-field{background:linear-gradient(155deg,#b8d7f4 0 37%,#e7bd66 38% 55%,#86a748 56% 100%);position:relative}.art-field:after{content:"🚜";position:absolute;font-size:44px;right:28px;bottom:24px}.chip{display:inline-flex;padding:5px 9px;border-radius:999px;background:#e8ecff;color:#4557d6;font-size:11px;font-weight:750}.lead-story h3{font-size:21px;line-height:1.25;margin:10px 0}.lead-story p,.lead-story time{color:var(--muted);font-size:13px}.mini-stories{display:grid;gap:12px;margin-top:16px}.mini-stories a{display:flex;align-items:center;gap:12px}.thumb{width:76px;height:54px;border-radius:12px;flex:none}.art-playground{background:linear-gradient(145deg,#93d6ff 0 45%,#86ba62 46% 100%)}.art-hall{background:linear-gradient(145deg,#b28c6d,#59483d)}.mini-stories strong,.mini-stories small{display:block}.mini-stories small{color:var(--muted);font-size:12px;margin-top:4px}.org-panel>a{display:flex;align-items:center;gap:12px;padding:10px 0}.org-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#eff3ff}.org-panel strong,.org-panel small{display:block}.org-panel small{color:var(--muted);font-size:12px}.taxi-banner{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;min-height:100%;padding:28px;border-radius:var(--radius);color:#fff;background:radial-gradient(circle at 75% 20%,rgba(255,255,255,.22),transparent 25%),linear-gradient(145deg,#253e94,#3e78d5 55%,#3ec4bf);box-shadow:0 20px 50px rgba(34,73,161,.27)}.taxi-banner h2{font-size:30px;line-height:1.08;letter-spacing:-.04em}.taxi-banner p{color:rgba(255,255,255,.78)}.eyebrow.light{color:#dfe7ff}.btn-light{align-self:flex-start;background:#fff;color:#1d2d65;position:relative;z-index:2}.road{position:absolute;width:260px;height:180px;right:-60px;bottom:-55px;border-radius:50%;border:38px solid rgba(255,255,255,.12);transform:rotate(-20deg)}
.ads-panel{margin-top:24px}.ads-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.ad{overflow:hidden;border-radius:19px;background:rgba(255,255,255,.82);border:1px solid var(--line)}.ad-art{height:130px;position:relative}.ad-art span{position:absolute;right:10px;top:8px;background:rgba(255,255,255,.8);width:28px;height:28px;border-radius:50%;display:grid;place-items:center}.car-art{background:linear-gradient(145deg,#8895a6,#39475a)}.house-art{background:linear-gradient(145deg,#92c7ef 0 48%,#6ea45f 49%)}.phone-art{background:linear-gradient(145deg,#e9e7e5,#9bd1ea)}.sofa-art{background:linear-gradient(145deg,#d5b38d,#8b674b)}.tractor-art{background:linear-gradient(145deg,#9ed5f6 0 42%,#7e9d4e 43%)}.ad>div:last-child{padding:13px}.ad em{font-style:normal;font-size:10px;color:#24924a;background:#dcf7e3;border-radius:6px;padding:3px 6px}.ad em.rent{color:#ad7000;background:#fff0c8}.ad em.service-tag{color:#6a49d2;background:#eee8ff}.ad h3{font-size:14px;line-height:1.3;margin:10px 0 6px}.ad strong,.ad small{display:block}.ad small{font-size:11px;color:var(--muted);margin-top:6px}
.about,.feedback{margin-top:80px;display:grid;grid-template-columns:1.2fr .8fr;gap:70px;align-items:start}.about h2,.feedback h2{font-size:clamp(30px,4vw,50px);line-height:1.08;letter-spacing:-.045em;margin:12px 0}.about p,.feedback p{color:var(--muted);font-size:17px}.feedback{margin-bottom:80px;align-items:center;padding:38px;border-radius:30px;background:linear-gradient(135deg,rgba(224,231,255,.8),rgba(232,255,249,.8));border:1px solid rgba(255,255,255,.9)}.feedback .btn{justify-self:end}
.footer{padding:48px 0;background:rgba(255,255,255,.55);border-top:1px solid rgba(20,35,78,.08)}.footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:50px}.footer-grid>div{display:flex;flex-direction:column;gap:7px}.footer p,.footer small{color:var(--muted);font-size:13px}.footer-brand{min-width:0}
@media(max-width:980px){.nav{display:none}.menu-btn{display:block}.brand{min-width:auto}.brand-copy{display:none}.hero-surface{grid-template-columns:1fr;padding:38px}.content-grid{grid-template-columns:1fr 1fr}.taxi-banner{grid-column:1/-1;min-height:320px}.ads-grid{grid-template-columns:repeat(3,1fr)}.route{grid-template-columns:52px 1fr repeat(2,55px)}.route time:nth-of-type(3),.status{display:none}}
@media(max-width:720px){.container{width:min(100% - 24px,1180px)}.topbar-inner{height:68px;gap:12px}.search{display:none}.weather{display:none}.hero{padding-top:14px}.hero-surface{padding:25px;border-radius:26px}.hero h1{font-size:42px}.services-grid{grid-template-columns:repeat(2,1fr)}.service{min-height:135px}.dashboard-grid,.content-grid,.about,.feedback{grid-template-columns:1fr}.panel{padding:20px}.route{grid-template-columns:44px 1fr 55px}.route time:nth-of-type(n+2){display:none}.ads-grid{display:flex;overflow:auto;padding-bottom:8px}.ad{min-width:220px}.about{gap:16px;margin-top:55px}.feedback{gap:20px}.feedback .btn{justify-self:start}.footer-grid{grid-template-columns:1fr 1fr}.lead-story{grid-template-columns:1fr}.story-art{height:190px}}
@media(max-width:460px){.hero-surface{padding:20px}.hero h1{font-size:37px}.services-grid{grid-template-columns:1fr 1fr;gap:10px}.service{padding:15px}.service-icon{width:40px;height:40px}.footer-grid{grid-template-columns:1fr}.hero-actions{flex-direction:column}.btn{width:100%}}

.mobile-nav[hidden]{display:none!important}


/* ===== REP36 v2 visual upgrade ===== */

.mobile-nav[hidden] {
  display: none !important;
}

.topbar {
  background: rgba(248, 250, 255, 0.68);
  border-bottom: 0;
  box-shadow: 0 1px 0 rgba(18, 31, 67, 0.05);
}

.topbar-inner {
  height: 74px;
}

.search {
  max-width: 420px;
  border-radius: 16px;
}

.nav-shell {
  padding-bottom: 12px;
}

.nav {
  width: fit-content;
  max-width: 100%;
  height: 46px;
  margin-inline: auto;
  padding: 5px;
  gap: 4px;
  justify-content: center;
  border: 1px solid rgba(255,255,255,.9);
  border-radius: 16px;
  background: rgba(255,255,255,.6);
  box-shadow: 0 12px 30px rgba(40,52,94,.06);
  backdrop-filter: blur(20px);
}

.nav a {
  padding: 9px 18px;
  border-radius: 11px;
  transition: background .2s ease, color .2s ease;
}

.nav a:hover {
  background: rgba(255,255,255,.84);
}

.nav a.active {
  color: #fff;
  background: linear-gradient(135deg,#3971ff,#655cf4);
  box-shadow: 0 9px 20px rgba(63,91,236,.25);
}

.nav a.active::after {
  display: none;
}

.hero {
  padding: 18px 0 0;
}

.hero-stage {
  position: relative;
  min-height: calc(100vh - 150px);
  min-height: 760px;
  overflow: hidden;
  display: flex;
  align-items: center;
  isolation: isolate;
  background:
    radial-gradient(circle at 18% 14%, rgba(255,255,255,.95), transparent 28%),
    radial-gradient(circle at 78% 24%, rgba(150,125,255,.34), transparent 31%),
    radial-gradient(circle at 86% 76%, rgba(80,220,205,.28), transparent 28%),
    linear-gradient(135deg,#edf3ff 0%,#e4e0ff 48%,#def7ef 100%);
  border-top: 1px solid rgba(255,255,255,.8);
  border-bottom: 1px solid rgba(255,255,255,.8);
}

.hero-noise {
  position: absolute;
  inset: 0;
  opacity: .18;
  pointer-events: none;
  background-image:
    url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.18'/%3E%3C/svg%3E");
  mix-blend-mode: soft-light;
}

.hero-landscape,
.hero-landscape span {
  position: absolute;
  pointer-events: none;
}

.hero-landscape {
  inset: 0;
  overflow: hidden;
  z-index: -1;
}

.sun-glow {
  width: 430px;
  height: 430px;
  right: 7%;
  top: 2%;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(255,255,255,.9), rgba(255,240,188,.24) 42%, transparent 70%);
  filter: blur(4px);
}

.hill {
  left: -10%;
  right: -10%;
  bottom: -35%;
  height: 62%;
  border-radius: 50% 50% 0 0;
  transform-origin: center bottom;
}

.hill-one {
  background: linear-gradient(180deg,rgba(105,163,149,.18),rgba(83,136,118,.28));
  transform: rotate(-4deg);
}

.hill-two {
  bottom: -42%;
  left: 20%;
  background: linear-gradient(180deg,rgba(94,143,111,.17),rgba(65,118,89,.22));
  transform: rotate(6deg) scale(1.05);
}

.hill-three {
  bottom: -49%;
  left: -20%;
  background: linear-gradient(180deg,rgba(70,124,94,.12),rgba(55,106,78,.18));
  transform: rotate(2deg) scale(1.2);
}

.route-line {
  width: 780px;
  height: 280px;
  right: -90px;
  bottom: 30px;
  border: 2px solid rgba(255,255,255,.45);
  border-left-color: transparent;
  border-bottom-color: transparent;
  border-radius: 50%;
  transform: rotate(-18deg);
}

.route-line-two {
  right: -180px;
  bottom: -35px;
  opacity: .45;
  transform: rotate(-9deg) scale(.8);
}

.hero-layout {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: minmax(0,1.05fr) minmax(520px,.95fr);
  align-items: center;
  gap: 80px;
  padding-block: 80px 100px;
}

.hero-copy {
  max-width: 680px;
}

.hero-labels {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}

.demo-pill {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  padding: 0 11px;
  border: 1px solid rgba(255,255,255,.85);
  border-radius: 999px;
  color: #58627e;
  background: rgba(255,255,255,.55);
  backdrop-filter: blur(16px);
  font-size: 12px;
  font-weight: 750;
}

.hero h1 {
  max-width: 760px;
  margin: 18px 0 22px;
  font-size: clamp(62px,7.4vw,108px);
  line-height: .9;
  letter-spacing: -.075em;
}

.hero-lead {
  max-width: 650px !important;
  margin: 0;
  color: #4f5d7d !important;
  font-size: clamp(18px,1.7vw,23px) !important;
  line-height: 1.55;
}

.btn-glass {
  color: #17213e;
  border: 1px solid rgba(255,255,255,.85);
  background: rgba(255,255,255,.52);
  box-shadow: 0 12px 30px rgba(38,51,92,.08);
  backdrop-filter: blur(18px);
}

.hero-facts {
  display: flex;
  flex-wrap: wrap;
  gap: 28px;
  margin-top: 44px;
}

.hero-facts span {
  display: grid;
  gap: 2px;
}

.hero-facts strong {
  font-size: 16px;
}

.hero-facts small {
  color: #727d98;
  font-size: 12px;
}

.service-orbit {
  position: relative;
  min-height: 540px;
}

.service-orbit-glow {
  position: absolute;
  inset: 11% 8% 8%;
  border-radius: 48%;
  background: radial-gradient(circle at 50% 45%, rgba(255,255,255,.95), rgba(255,255,255,.2) 52%, transparent 72%);
  filter: blur(10px);
}

.service-card {
  position: absolute;
  display: flex;
  align-items: center;
  gap: 14px;
  min-width: 205px;
  padding: 17px;
  border: 1px solid rgba(255,255,255,.93);
  border-radius: 23px;
  background: rgba(255,255,255,.58);
  box-shadow: 0 24px 65px rgba(42,56,104,.14);
  backdrop-filter: blur(24px);
  transition: transform .25s ease, box-shadow .25s ease, background .25s ease;
}

.service-card:hover {
  transform: translateY(-7px) scale(1.015);
  background: rgba(255,255,255,.8);
  box-shadow: 0 32px 76px rgba(42,56,104,.22);
}

.service-card .service-icon {
  flex: none;
  width: 52px;
  height: 52px;
  border-radius: 17px;
}

.service-card span:nth-child(2) {
  flex: 1;
}

.service-card small,
.service-card strong {
  display: block;
}

.service-card small {
  color: #7b849d;
  font-size: 11px;
}

.service-card strong {
  margin-top: 2px;
  font-size: 16px;
}

.service-card i {
  font-style: normal;
  font-size: 18px;
}

.service-card-main {
  top: 36%;
  left: 22%;
  min-width: 280px;
  padding: 24px;
  color: #fff;
  border-color: rgba(255,255,255,.25);
  background: linear-gradient(135deg,rgba(54,104,245,.95),rgba(101,88,244,.95));
  box-shadow: 0 30px 80px rgba(74,82,229,.34);
}

.service-card-main:hover {
  color: #fff;
  background: linear-gradient(135deg,rgba(45,96,246,.98),rgba(92,72,244,.98));
  box-shadow: 0 36px 88px rgba(74,82,229,.42);
}

.service-card-main small {
  color: rgba(255,255,255,.72);
}

.service-card-main .service-icon {
  background: rgba(255,255,255,.18);
}

.service-card-bus { top: 5%; left: 5%; }
.service-card-news { top: 8%; right: 0; }
.service-card-ads { top: 59%; right: 0; }
.service-card-directory { bottom: 1%; left: 0; }
.service-card-jobs { bottom: 0; right: -4%; }

.scroll-cue {
  position: absolute;
  left: 50%;
  bottom: 22px;
  z-index: 3;
  display: flex;
  align-items: center;
  gap: 10px;
  color: #62708f;
  font-size: 12px;
  transform: translateX(-50%);
}

.scroll-cue i {
  display: grid;
  place-items: center;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  color: #fff;
  font-style: normal;
  background: rgba(32,44,82,.8);
}

.dashboard-grid {
  padding-top: 56px;
  margin-top: 0;
}

.panel {
  border-color: rgba(255,255,255,.92);
  box-shadow: 0 18px 60px rgba(35,48,92,.08);
}

.content-grid {
  margin-top: 26px;
}

@media (max-width: 1080px) {
  .hero-layout {
    grid-template-columns: 1fr;
    gap: 30px;
  }

  .hero-stage {
    min-height: auto;
  }

  .service-orbit {
    min-height: 500px;
    max-width: 700px;
    width: 100%;
    margin-inline: auto;
  }

  .hero-copy {
    max-width: 860px;
  }
}

@media (max-width: 980px) {
  .nav-shell {
    display: none;
  }

  .hero {
    padding-top: 0;
  }

  .hero-layout {
    padding-block: 60px 90px;
  }
}

@media (max-width: 720px) {
  .hero-layout {
    padding-block: 48px 76px;
  }

  .hero h1 {
    font-size: clamp(50px,16vw,72px);
  }

  .hero-facts {
    gap: 18px;
  }

  .service-orbit {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 11px;
    min-height: 0;
  }

  .service-orbit-glow {
    inset: 0;
  }

  .service-card,
  .service-card-main,
  .service-card-bus,
  .service-card-news,
  .service-card-ads,
  .service-card-directory,
  .service-card-jobs {
    position: relative;
    inset: auto;
    min-width: 0;
    width: auto;
    padding: 15px;
  }

  .service-card-main {
    grid-column: 1 / -1;
  }

  .service-card .service-icon {
    width: 43px;
    height: 43px;
  }

  .scroll-cue {
    display: none;
  }
}

@media (max-width: 480px) {
  .hero-actions {
    flex-direction: column;
  }

  .hero-actions .btn {
    width: 100%;
  }

  .hero-facts {
    display: grid;
    grid-template-columns: 1fr;
  }

  .service-orbit {
    grid-template-columns: 1fr;
  }

  .service-card-main {
    grid-column: auto;
  }
}

/* ===== REP36 product homepage ===== */
.icon-sprite{position:absolute;width:0;height:0;overflow:hidden}.service-icon svg,.today-icon svg,.org-icon svg,.search button svg,.weather-icon svg,.card-arrow{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.topbar{background:rgba(249,250,255,.58);box-shadow:0 8px 36px rgba(24,37,76,.045);transition:background .25s ease,box-shadow .25s ease}.topbar-inner{height:64px}.brand-mark{font-size:27px}.search{max-width:360px;border-radius:999px}.search input{padding-block:10px}.search button{display:grid;place-items:center;padding-inline:14px}.search button svg{width:20px;height:20px}.weather-icon{display:grid;place-items:center}.nav-shell{padding-bottom:8px}.nav{height:40px;border-radius:999px}.nav a{padding:7px 16px;border-radius:999px}
.hero{padding-top:0}.hero-stage{min-height:92svh;background:radial-gradient(circle at 13% 9%,rgba(255,253,246,.98),transparent 34%),radial-gradient(circle at 76% 20%,rgba(143,128,255,.38),transparent 32%),radial-gradient(circle at 83% 75%,rgba(87,224,192,.32),transparent 30%),linear-gradient(145deg,#f8f4e9 0%,#e6efff 34%,#e8e0ff 66%,#dff8eb 100%)}.hero-layout{padding-block:70px 100px}.hero-copy{max-width:640px}.hero h1{font-size:clamp(64px,7.2vw,112px);line-height:.86;max-width:780px}.hero-lead{max-width:580px!important}.hero-actions{margin-top:34px}.btn{border-radius:999px}.btn-primary{background:linear-gradient(135deg,#315fff,#7060f7)}
.orb{animation:orb-drift 14s ease-in-out infinite alternate}.orb-b{animation-delay:-5s}.service-card{animation:card-float 7s ease-in-out infinite}.service-card:nth-of-type(even){animation-delay:-3s}.service-card:hover{animation-play-state:paused}.service-card-main{background:linear-gradient(135deg,rgba(35,103,244,.96),rgba(87,83,238,.96))}.service-card-bus .service-icon{color:#18874a;background:#dcf8e8}.service-card-news .service-icon{color:#7352d7;background:#eee8ff}.service-card-ads .service-icon{color:#b46b00;background:#fff0c9}.service-card-directory .service-icon{color:#63708a;background:#eef1f6}.service-card-jobs .service-icon{color:#0b8f87;background:#d9f7f3}
.art-field:after{content:"";right:22px;bottom:22px;width:54px;height:30px;border-radius:40% 55% 14% 14%;background:#38567c;box-shadow:-24px 9px 0 -9px #263e60;transform:skewX(-8deg)}
.today-section{padding-top:92px}.dashboard-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:28px}.dashboard-heading h2{margin:4px 0 0;font-size:clamp(44px,6vw,76px);line-height:1;letter-spacing:-.06em}.dashboard-heading p{max-width:360px;margin:0;color:var(--muted);font-size:17px}.today-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:16px}.today-card{position:relative;display:flex;align-items:flex-start;gap:16px;min-height:190px;padding:25px;border:1px solid rgba(255,255,255,.92);border-radius:24px;background:rgba(255,255,255,.66);box-shadow:0 18px 55px rgba(35,48,92,.08);backdrop-filter:blur(22px);overflow:hidden;transition:transform .22s ease,box-shadow .22s ease}.today-card:hover{transform:translateY(-4px);box-shadow:0 24px 64px rgba(35,48,92,.13)}.today-card:after{content:"";position:absolute;width:150px;height:150px;right:-55px;bottom:-75px;border-radius:50%;background:var(--card-glow);filter:blur(4px)}.today-icon{display:grid;place-items:center;flex:none;width:48px;height:48px;border-radius:16px;background:rgba(255,255,255,.75);color:var(--card-color)}.today-card small,.today-card strong,.today-card p{display:block}.today-card small{color:var(--muted);font-size:12px}.today-card strong{margin-top:8px;font-size:35px;line-height:1;letter-spacing:-.04em}.today-card p{margin:10px 0 0;color:#606b86;font-size:13px}.today-card .today-title{max-width:230px;font-size:21px;line-height:1.12}.card-arrow{position:absolute;right:22px;top:25px;width:20px;height:20px;color:var(--card-color)}.weather-card{grid-column:span 3;--card-color:#b67500;--card-glow:rgba(255,191,75,.25)}.bus-card{grid-column:span 3;--card-color:#16884b;--card-glow:rgba(70,203,120,.23)}.ads-today-card{grid-column:span 2;--card-color:#b66b00;--card-glow:rgba(255,183,70,.23)}.news-today-card{grid-column:span 2;--card-color:#7255d8;--card-glow:rgba(139,108,238,.22)}.phone-card{grid-column:span 2;--card-color:#236af3;--card-glow:rgba(65,122,245,.22)}
main{display:flex;flex-direction:column}.hero{order:1}.today-section{order:2}.ads-panel{order:3}.content-grid{order:4}.about{order:5}.feedback{order:6}.content-grid,.ads-panel{margin-top:32px}.panel,.ad{border-radius:24px}.section-head h2{font-size:27px}.org-icon{color:#60708e}.about h2,.feedback h2{max-width:22ch}
@keyframes orb-drift{to{transform:translate3d(35px,24px,0) scale(1.08)}}@keyframes card-float{0%,100%{translate:0 0}50%{translate:0 -5px}}
@media(max-width:1080px){.hero-stage{min-height:auto}.today-grid{grid-template-columns:repeat(6,1fr)}.weather-card,.bus-card{grid-column:span 3}.ads-today-card,.news-today-card,.phone-card{grid-column:span 2}}
@media(max-width:720px){.topbar-inner{height:62px}.hero-stage{min-height:calc(100svh - 62px)}.hero h1{font-size:clamp(52px,16vw,76px)}.hero-layout{padding-block:48px 74px}.today-section{padding-top:64px}.dashboard-heading{display:block}.dashboard-heading p{margin-top:12px}.today-grid{grid-template-columns:1fr 1fr}.weather-card,.bus-card,.ads-today-card,.news-today-card,.phone-card{grid-column:span 1}.weather-card,.bus-card{grid-column:span 2}.today-card{min-height:165px;padding:20px}.today-card strong{font-size:30px}.today-card .today-title{font-size:18px}.service-card{animation:none}}
@media(max-width:480px){.today-grid{grid-template-columns:1fr}.weather-card,.bus-card,.ads-today-card,.news-today-card,.phone-card{grid-column:1}.today-card{min-height:140px}.hero h1{letter-spacing:-.065em}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.orb,.service-card{animation:none}.service-card,.today-card{transition:none}}

/* One-line header and search popover */
.topbar-inner{gap:20px}.topbar-inner>.nav{flex:1;width:auto;min-width:0;margin:0;padding:4px;white-space:nowrap}.topbar-inner>.nav a{padding-inline:12px}.top-actions{position:relative;gap:14px}.search-toggle{display:grid;place-items:center;flex:none;width:40px;height:40px;padding:0;color:#243153;border:1px solid rgba(20,35,78,.1);border-radius:50%;background:rgba(255,255,255,.68);box-shadow:0 8px 24px rgba(29,44,89,.06);cursor:pointer;transition:background .2s ease,transform .2s ease}.search-toggle:hover,.search-toggle[aria-expanded="true"]{background:#fff;transform:translateY(-1px)}.search-toggle svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}.search-popover{position:absolute;z-index:30;top:calc(100% + 14px);right:48px;width:min(420px,calc(100vw - 24px));max-width:none;border-radius:18px;background:rgba(255,255,255,.94);box-shadow:0 22px 65px rgba(28,39,76,.2);backdrop-filter:blur(24px);transform-origin:top right;animation:search-in .16s ease-out}.search-popover[hidden]{display:none}.search-popover input{min-width:0}.search-popover button{cursor:pointer}@keyframes search-in{from{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:none}}
@media(max-width:1120px){.brand-copy{display:none}.brand{min-width:auto}.topbar-inner>.nav a{padding-inline:10px}.weather{display:none}.search-popover{right:0}}
@media(max-width:980px){.topbar-inner>.nav{display:none}.top-actions{margin-left:auto}.weather{display:flex}}
@media(max-width:720px){.weather{display:none}.search-popover{position:fixed;top:70px;left:12px;right:12px;width:auto}}