/* Utchi homepage preview redesign — branch only */
:root{
  --home-navy:#071f39;
  --home-navy-2:#0b2f4d;
  --home-green:#10d978;
  --home-green-dark:#08ae61;
  --home-ink:#09223d;
  --home-muted:#597087;
  --home-line:#dce7ef;
  --home-soft:#f5f9fc;
}
body.utchi-page-index,body{
  background:#f6f9fc;
  color:var(--home-ink);
}
body.utchi-page-index .container{width:100%;max-width:none;padding:0;margin:0}
.home-header{
  position:sticky;top:0;z-index:80;display:flex;align-items:center;gap:28px;
  min-height:70px;padding:10px clamp(20px,4vw,56px);background:rgba(255,255,255,.96);
  border-bottom:1px solid #e7edf2;backdrop-filter:blur(14px);
}
.home-brand{
  flex:none;color:#09243e;font-size:34px;font-weight:950;letter-spacing:-2px;text-decoration:none;cursor:pointer
}
.home-brand .brand-dot{color:var(--home-green)}
.home-main-nav{display:flex;align-items:center;gap:28px;margin:auto}
.home-main-nav a{position:relative;color:#18334c;text-decoration:none;font-size:14px;font-weight:800;white-space:nowrap}
.home-main-nav a:hover,.home-main-nav a:focus-visible{color:#0878db}
.home-main-nav a:first-child::after{content:"";position:absolute;left:0;right:0;bottom:-11px;height:2px;background:var(--home-green)}
.home-header-actions{display:flex;align-items:center;gap:10px;position:relative}
.home-search-shortcut{width:42px;height:42px;border:0;background:transparent;border-radius:12px;color:#0a3153;font-size:22px}
.home-search-shortcut:hover{background:#eef6fb}
.home-guest-actions,.home-member-actions{display:flex;align-items:center;gap:9px}
.home-login-link,.home-create-link{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 17px;border-radius:12px;text-decoration:none;font-size:13px;font-weight:900}
.home-login-link{border:1px solid #cbdcef;background:#fff;color:#0870ce}
.home-create-link{border:1px solid var(--home-green);background:var(--home-green);color:#05271a;box-shadow:0 7px 18px rgba(16,217,120,.18)}
.home-member-actions .pro-account-button{height:42px!important;min-height:42px!important;border-radius:12px!important}
.home-member-actions #homeNotificationBell{width:42px;height:42px;border-radius:12px;background:#f4f8fb;color:#0a3153;border:1px solid #dce8ef;box-shadow:none}
.home-member-actions .pro-account-dropdown{right:0;top:50px}
.home-mobile-menu{display:none}

.home-redesign{background:#fff}
.home-premium-hero{
  position:relative;isolation:isolate;overflow:hidden;min-height:460px;
  display:grid;grid-template-columns:minmax(0,1.2fr) minmax(270px,.8fr);align-items:stretch;
  color:#fff;background:
    linear-gradient(90deg,rgba(5,31,58,.98) 0%,rgba(5,31,58,.87) 42%,rgba(5,31,58,.30) 76%,rgba(5,31,58,.12) 100%),
    url('assets/optimized/utchi_travel_clean.webp') center 46%/cover no-repeat;
}
.home-premium-hero::after{content:"";position:absolute;inset:auto 0 0;height:130px;z-index:-1;background:linear-gradient(transparent,rgba(4,24,44,.30))}
.home-hero-copy{padding:62px clamp(28px,5vw,72px) 48px;align-self:center;max-width:820px}
.home-hero-copy h2{margin:0;font-size:clamp(42px,5.8vw,76px);line-height:.98;letter-spacing:-3.4px;color:#fff}
.home-hero-copy h2 span{display:block;color:var(--home-green);margin-top:8px}
.home-hero-copy>p{max-width:670px;margin:22px 0 0;color:#e0ebf3;font-size:clamp(16px,1.4vw,20px);line-height:1.55}
.home-hero-search{display:flex;gap:8px;max-width:720px;margin-top:30px;padding:7px;background:#fff;border-radius:16px;box-shadow:0 18px 42px rgba(0,0,0,.22)}
.home-hero-search input{flex:1;min-width:0;border:0;outline:0;padding:0 14px;background:transparent;color:#14314c;font-size:15px}
.home-hero-search .search-main-btn{min-width:126px;border:0;border-radius:11px;background:linear-gradient(135deg,var(--home-green),#07b86a);color:#05251a;font-weight:950}
.home-hero-search .filter-button{min-width:48px;border:1px solid #d9e7ee;border-radius:11px;background:#f5f9fb;color:#173b56;font-weight:900}
.home-trust{display:flex;flex-wrap:wrap;gap:24px;margin-top:20px;color:#dce9f1;font-size:13px;font-weight:750}
.home-trust span::before{content:"✓";display:inline-grid;place-items:center;width:20px;height:20px;margin-right:8px;border:1px solid rgba(255,255,255,.35);border-radius:50%;color:var(--home-green)}
.home-hero-side{display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-end;padding:46px clamp(28px,5vw,60px) 48px;text-align:right}
.home-hero-mantra{margin:auto 0;font-family:Georgia,"Times New Roman",serif;font-style:italic;font-size:clamp(28px,3vw,44px);line-height:1.15;text-shadow:0 5px 20px rgba(0,0,0,.35)}
.home-hero-mantra span{display:block;color:var(--home-green);font-size:.72em;margin-top:7px}
.home-hero-facts{display:grid;grid-template-columns:repeat(3,auto);gap:24px;padding:16px 18px;border:1px solid rgba(255,255,255,.16);border-radius:16px;background:rgba(4,25,45,.55);backdrop-filter:blur(10px)}
.home-hero-facts strong{display:block;font-size:21px;color:#fff}.home-hero-facts small{display:block;margin-top:3px;color:#bcd0dd;font-size:10px}

.home-section{padding:40px clamp(20px,4.2vw,64px)}
.home-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:18px}
.home-section-head h2{margin:0;color:#0a2845;font-size:32px;letter-spacing:-1.2px}
.home-section-head p{margin:5px 0 0;color:var(--home-muted)}
.home-section-link{color:#0875d1;text-decoration:none;font-weight:850;font-size:13px}
.home-services-grid{
  display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px
}
.home-service-card{
  position:relative;overflow:hidden;min-width:0;min-height:212px;border:1px solid #e3ebf1;border-radius:18px;background:#f7fafc;
  box-shadow:0 9px 24px rgba(20,50,75,.06);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease
}
.home-service-card:hover{transform:translateY(-3px);box-shadow:0 15px 32px rgba(20,50,75,.11);border-color:#c9dce8}
.home-service-card>a{display:flex;flex-direction:column;height:100%;color:inherit;text-decoration:none}
.home-service-image{height:112px;background-position:center;background-size:cover;position:relative}
.home-service-image::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,19,31,.02),rgba(4,19,31,.12))}
.home-service-copy{padding:13px 14px 15px}
.home-service-copy .promo-eyebrow{display:block;color:#5c7183;font-size:9px;letter-spacing:.09em;text-transform:uppercase;font-weight:950;margin-bottom:5px}
.home-service-copy h3{margin:0;color:#0d2a45;font-size:15px;line-height:1.15}
.home-service-copy p{margin:7px 0 0;color:#587083;font-size:11px;line-height:1.45}
#utchi-shopping .home-service-image{background-image:url('assets/optimized/utchi_shopping_pro.webp')}
#utchi-food .home-service-image{background-image:url('assets/optimized/utchi_food_pro.webp')}
#utchi-problem .home-service-image{background-image:url('assets/optimized/utchi-problem-multiservice-v3.webp')}
#taxi-utchi-card .home-service-image{background-image:url('assets/optimized/utchi_taxi_real.webp')}
#utchi-opportunities .home-service-image{background-image:url('assets/optimized/utchi_opportunities.webp')}

#utchi-travel .home-service-image{background-image:url('assets/optimized/utchi_travel_clean.webp')}
#utchi-immo .home-service-image{background-image:url('assets/optimized/utchi_immo_pro.webp')}
#utchi-creators .home-service-image{background-image:url('assets/optimized/utchi_creators.webp')}
#transport-deménagement .home-service-image{background-image:url('assets/optimized/utchi_transport_real.webp')}

.home-agent-wrap{padding-top:12px;padding-bottom:28px}
.home-agent-panel{
  position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:28px;
  border:1px solid #0f789a;border-radius:25px;padding:38px;background:
    radial-gradient(circle at 82% 34%,rgba(15,214,205,.17),transparent 28%),
    radial-gradient(circle at 24% 0%,rgba(16,217,120,.10),transparent 26%),
    linear-gradient(135deg,#061e34,#062d4d 58%,#041b31);color:#fff;box-shadow:0 20px 48px rgba(4,31,54,.18)
}
.home-agent-copy{position:relative;z-index:2}
.home-agent-badge{display:inline-flex;padding:7px 13px;border-radius:999px;background:linear-gradient(135deg,var(--home-green),#0bbf75);color:#06301d;font-size:10px;font-weight:950;letter-spacing:.06em}
.home-agent-copy h2{margin:14px 0 0;font-size:clamp(34px,4vw,54px);letter-spacing:-2px}.home-agent-copy h2 span{color:var(--home-green)}
.home-agent-copy .lead{margin:10px 0 0;font-size:17px;font-weight:850;color:#f1f7fb}
.home-agent-copy .body{max-width:650px;margin:12px 0 0;color:#c9dae6;line-height:1.6}
.home-agent-cta{display:inline-flex;align-items:center;justify-content:center;margin-top:22px;min-height:47px;padding:0 20px;border-radius:12px;background:linear-gradient(135deg,#18e78a,#0bcf78);color:#042619;text-decoration:none;font-weight:950}
.home-agent-values{display:flex;gap:18px;flex-wrap:wrap;margin-top:17px;color:#bcd0dc;font-size:12px}.home-agent-values span::before{content:"◇";color:var(--home-green);margin-right:6px}
.home-agent-visual{position:relative;min-height:250px;display:grid;place-items:center}
.agent-network{position:relative;width:270px;height:220px}
.agent-node{position:absolute;display:grid;place-items:center;width:48px;height:48px;border:2px solid #16cbed;border-radius:50%;background:rgba(8,65,96,.92);box-shadow:0 0 0 7px rgba(7,108,146,.12);font-size:21px}
.agent-node.main{left:111px;top:84px;width:68px;height:68px;border-color:#6baeff;background:#0b4a7f;font-size:30px}
.agent-node.n1{left:112px;top:3px}.agent-node.n2{right:12px;top:42px}.agent-node.n3{right:3px;bottom:16px}.agent-node.n4{left:112px;bottom:0}.agent-node.n5{left:7px;bottom:18px}.agent-node.n6{left:10px;top:43px}
.agent-line{position:absolute;height:2px;background:linear-gradient(90deg,#4aa7ff,#10d978);transform-origin:left center;opacity:.9}
.agent-line.l1{width:70px;left:139px;top:110px;transform:rotate(-90deg)}.agent-line.l2{width:88px;left:160px;top:106px;transform:rotate(-30deg)}.agent-line.l3{width:92px;left:161px;top:122px;transform:rotate(29deg)}.agent-line.l4{width:72px;left:145px;top:139px;transform:rotate(90deg)}.agent-line.l5{width:93px;left:118px;top:128px;transform:rotate(151deg)}.agent-line.l6{width:93px;left:119px;top:105px;transform:rotate(210deg)}
.home-agent-progress{grid-column:1/-1;display:grid;grid-template-columns:210px 1fr;gap:22px;align-items:center;padding:18px 20px;border:1px solid rgba(81,186,220,.25);border-radius:16px;background:rgba(8,57,86,.64)}
.home-agent-progress strong{font-size:15px}.home-agent-progress small{display:block;margin-top:5px;color:#a9c2d1}
.agent-degrees{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;align-items:center}
.agent-degree{text-align:center}.agent-degree b{display:grid;place-items:center;min-height:34px;border-radius:999px;background:#2c7593;color:#fff;font-size:11px}.agent-degree:last-child b{background:var(--home-green);color:#05281a}.agent-degree span{display:block;margin-top:5px;color:#b7cbd6;font-size:9px}

.home-community{padding-top:4px}
.home-community-box{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:26px 30px;border:1px solid #deebf3;border-radius:20px;background:linear-gradient(120deg,#f4f8ff,#eef9f6)}
.home-community-box h2{margin:0;font-size:25px}.home-community-box p{margin:6px 0 0;color:#64798a}
.home-community-actions{display:flex;gap:10px;flex:none}.home-community-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 20px;border-radius:11px;text-decoration:none;font-weight:900;font-size:13px}.home-community-actions .primary{background:var(--home-green);color:#05281a}.home-community-actions .secondary{border:1px solid #1c7dde;background:#fff;color:#126cc1}

.site-footer.home-footer{margin:0!important;border:0!important;border-radius:0!important;background:#061b30!important;box-shadow:none!important;color:#d8e5ee!important}
.home-footer .site-footer-inner{max-width:1500px!important;margin:auto;padding:42px clamp(24px,4vw,60px)!important;display:grid!important;grid-template-columns:1.35fr repeat(3,1fr)!important;gap:34px!important}
.home-footer .footer-logo{color:#fff!important}.home-footer .footer-brand-column p{color:#a9bdca!important;max-width:300px}
.home-footer .footer-links-column h3{color:#fff!important;font-size:11px!important;text-transform:none!important;letter-spacing:0!important}
.home-footer .footer-links-column a{display:block;margin-top:9px;color:#9db4c3!important;text-decoration:none}.home-footer .footer-links-column a:hover{color:var(--home-green)!important}
.home-footer .footer-bottom{max-width:1500px;margin:auto;padding:15px clamp(24px,4vw,60px) 25px!important;border-top:1px solid rgba(255,255,255,.08)!important;color:#8199a8!important}
.home-footer .footer-bottom nav{display:flex;gap:16px}.home-footer .footer-bottom a{color:#8fa5b3;text-decoration:none}

body.utchi-page-index .utchi-mobile-nav{display:none!important}

@media(max-width:1180px){
  .home-main-nav{gap:17px}.home-main-nav a{font-size:12px}
  .home-services-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(max-width:900px){
  .home-main-nav{display:none}.home-main-nav.mobile-open{display:flex;position:absolute;top:64px;left:12px;right:12px;z-index:95;flex-direction:column;align-items:stretch;gap:0;padding:10px;border:1px solid #dce8ef;border-radius:16px;background:#fff;box-shadow:0 18px 40px rgba(9,34,61,.16)}.home-main-nav.mobile-open a{padding:12px 10px}.home-main-nav.mobile-open a:first-child::after{display:none}.home-mobile-menu{display:inline-flex;border:0;background:#f2f7fa;border-radius:10px;padding:10px;color:#123a59;font-weight:900}
  .home-premium-hero{grid-template-columns:1fr}.home-hero-side{min-height:210px;align-items:flex-start;text-align:left;padding-top:10px}
  .home-hero-mantra{display:none}.home-hero-facts{align-self:flex-start}
  .home-services-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .home-agent-panel{grid-template-columns:1fr}.home-agent-visual{min-height:220px}.home-agent-progress{grid-template-columns:1fr}
  .home-footer .site-footer-inner{grid-template-columns:repeat(2,1fr)!important}
}
@media(max-width:650px){
  .home-header{min-height:62px;padding:8px 12px;gap:10px}.home-brand{font-size:29px}.home-search-shortcut{display:none}
  .home-guest-actions .home-login-link{display:none}.home-create-link{padding:0 12px;min-height:39px;font-size:11px}
  .home-member-actions #homeNotificationBell{display:none!important}.home-member-actions .pro-account-button{padding:0 11px!important;font-size:11px!important}
  .home-premium-hero{min-height:auto;background-position:62% center}.home-hero-copy{padding:42px 18px 34px}.home-hero-copy h2{font-size:43px;letter-spacing:-2.2px}.home-hero-copy>p{font-size:14px}
  .home-hero-search{margin-top:22px;border-radius:13px}.home-hero-search .search-main-btn{min-width:48px;width:48px;font-size:0}.home-hero-search .search-main-btn::after{content:"⌕";font-size:20px}.home-hero-search .filter-button{display:none}
  .home-trust{gap:13px;font-size:11px}.home-hero-side{padding:10px 18px 26px}.home-hero-facts{width:100%;grid-template-columns:repeat(3,1fr);gap:7px;padding:12px}.home-hero-facts strong{font-size:16px}
  .home-section{padding:28px 12px}.home-section-head h2{font-size:26px}.home-section-head p{font-size:12px}
  .home-services-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.home-service-card{min-height:194px;border-radius:15px}.home-service-image{height:100px}.home-service-copy{padding:11px}.home-service-copy h3{font-size:14px}.home-service-copy p{font-size:10px}
  .home-agent-panel{padding:24px 18px;border-radius:19px}.home-agent-copy h2{font-size:36px}.home-agent-copy .lead{font-size:14px}.home-agent-copy .body{font-size:13px}.home-agent-visual{display:none}
  .home-agent-progress{padding:15px}.agent-degrees{gap:4px}.agent-degree b{min-height:29px;font-size:9px}.agent-degree span{font-size:8px}
  .home-community-box{display:block;padding:22px}.home-community-actions{margin-top:18px}.home-community-actions a{flex:1;padding:0 12px}
  .home-footer .site-footer-inner{grid-template-columns:1fr!important;padding:34px 20px!important}.home-footer .footer-bottom{display:block!important;padding:16px 20px 24px!important}.home-footer .footer-bottom nav{margin-top:10px;flex-wrap:wrap}
}


/* Preserve the existing Utchi service cards; only resize/reflow them for the new homepage. */
body.utchi-page-index .home-services-grid.pro-universe-grid{
  display:grid!important;
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:14px!important;
  padding:0!important;
  margin:0!important;
}
body.utchi-page-index .home-services-grid.pro-universe-grid>.universe-card{
  grid-column:auto!important;
  grid-row:auto!important;
  min-width:0!important;
  min-height:260px!important;
  height:260px!important;
  border-radius:18px!important;
  border:1px solid rgba(15,42,64,.10)!important;
  box-shadow:0 10px 26px rgba(12,42,65,.10)!important;
  overflow:hidden!important;
  transform:none!important;
}
body.utchi-page-index .home-services-grid.pro-universe-grid>.universe-card:hover{
  transform:translateY(-3px)!important;
  box-shadow:0 16px 34px rgba(12,42,65,.16)!important;
}
body.utchi-page-index .home-services-grid.pro-universe-grid>.universe-card::before{
  content:none!important;
  display:none!important;
}
body.utchi-page-index .home-services-grid.pro-universe-grid>.universe-card::after{
  pointer-events:none!important;
}
body.utchi-page-index .home-services-grid .universe-content{
  min-height:260px!important;
  height:260px!important;
  padding:0!important;
  display:flex!important;
  align-items:flex-end!important;
  position:relative!important;
  z-index:2!important;
}
body.utchi-page-index .home-services-grid .universe-copy,

body.utchi-page-index .home-services-grid #utchi-creators .universe-copy,
body.utchi-page-index .home-services-grid #utchi-opportunities .universe-copy{
  width:100%!important;
  max-width:100%!important;
  padding:18px!important;
  margin:0!important;
  position:relative!important;
  z-index:3!important;
}
body.utchi-page-index .home-services-grid .promo-eyebrow{
  margin:0 0 6px!important;
  font-size:9px!important;
  line-height:1.2!important;
}
body.utchi-page-index .home-services-grid .universe-copy h3{
  margin:0!important;
  font-size:18px!important;
  line-height:1.12!important;
  letter-spacing:-.35px!important;
}
body.utchi-page-index .home-services-grid .universe-copy p{
  margin:7px 0 0!important;
  font-size:11px!important;
  line-height:1.42!important;
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
}
body.utchi-page-index .home-services-grid .universe-tags{
  gap:4px!important;
  margin-top:9px!important;
  max-height:26px!important;
  overflow:hidden!important;
}
body.utchi-page-index .home-services-grid .universe-tags span{
  padding:4px 7px!important;
  font-size:8px!important;
  line-height:1!important;
}
body.utchi-page-index .home-services-grid .universe-copy button,
body.utchi-page-index .home-services-grid .universe-copy a{
  min-height:31px!important;
  margin-top:10px!important;
  padding:0 10px!important;
  border-radius:8px!important;
  font-size:9px!important;
  line-height:1!important;
}
body.utchi-page-index .home-services-grid .universe-icon{display:none!important}
body.utchi-page-index .home-services-grid #utchi-opportunities.opportunities-promo-card::after,
body.utchi-page-index .home-services-grid #utchi-creators.creators-promo-card::after{
  display:block!important;
  background:linear-gradient(180deg,rgba(3,10,16,.03) 0%,rgba(3,10,16,.15) 38%,rgba(3,10,16,.94) 100%)!important;
}
body.utchi-page-index .home-services-grid .utchi-problem-card .universe-copy{color:#fff!important}

@media(max-width:1180px){
  body.utchi-page-index .home-services-grid.pro-universe-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}
@media(max-width:820px){
  body.utchi-page-index .home-services-grid.pro-universe-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  body.utchi-page-index .home-services-grid.pro-universe-grid>.universe-card,
  body.utchi-page-index .home-services-grid .universe-content{height:235px!important;min-height:235px!important}
}
@media(max-width:560px){
  body.utchi-page-index .home-services-grid.pro-universe-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  body.utchi-page-index .home-services-grid.pro-universe-grid>.universe-card,
  body.utchi-page-index .home-services-grid .universe-content{height:220px!important;min-height:220px!important;border-radius:15px!important}
  body.utchi-page-index .home-services-grid .universe-copy,

  body.utchi-page-index .home-services-grid #utchi-creators .universe-copy,
  body.utchi-page-index .home-services-grid #utchi-opportunities .universe-copy{padding:13px!important}
  body.utchi-page-index .home-services-grid .universe-copy h3{font-size:15px!important}
  body.utchi-page-index .home-services-grid .universe-copy p{font-size:10px!important}
  body.utchi-page-index .home-services-grid .universe-tags{display:none!important}
  body.utchi-page-index .home-services-grid .universe-copy button,
  body.utchi-page-index .home-services-grid .universe-copy a{font-size:8px!important;min-height:28px!important;margin-top:8px!important}
}


/* ===== Review round: exact homepage alignment requested ===== */
body.utchi-page-index{background:#fff}
body.utchi-page-index .home-header{
  max-width:none;
  width:100%;
  padding-left:clamp(28px,4vw,70px);
  padding-right:clamp(28px,4vw,70px);
}
body.utchi-page-index .home-header-actions{margin-left:0}
body.utchi-page-index .home-search-shortcut{display:none!important}

body.utchi-page-index .home-premium-hero{
  width:100%;
  max-width:none;
  min-height:500px;
  grid-template-columns:minmax(0,1.18fr) minmax(330px,.82fr);
  background:
    linear-gradient(90deg,rgba(5,31,58,.97) 0%,rgba(5,31,58,.84) 43%,rgba(5,31,58,.34) 72%,rgba(5,31,58,.20) 100%),
    url("https://commons.wikimedia.org/wiki/Special:Redirect/file/Sidi_Bousaid_2023.jpg?width=1920") center 48%/cover no-repeat,
    #082844;
}
body.utchi-page-index .home-hero-copy{
  padding:62px clamp(34px,6vw,116px) 54px;
  max-width:900px;
}
body.utchi-page-index .home-hero-copy h2{
  max-width:760px;
  font-size:clamp(48px,4.7vw,72px);
  line-height:1.02;
  letter-spacing:-3px;
}
body.utchi-page-index .home-hero-side{
  justify-content:space-between;
  align-items:center;
  padding:74px clamp(54px,6vw,120px) 54px 30px;
  text-align:center;
}
body.utchi-page-index .home-hero-mantra{
  margin:48px auto 0;
  max-width:360px;
  font-size:clamp(30px,2.7vw,46px);
  line-height:1.08;
}
body.utchi-page-index .home-hero-facts{
  width:min(100%,470px);
  grid-template-columns:repeat(3,1fr);
  gap:8px;
  margin:0 auto;
}
body.utchi-page-index .home-hero-facts>div{padding:0 8px}
body.utchi-page-index .home-hero-facts strong{font-size:20px}
body.utchi-page-index .home-hero-facts small{font-size:10px}

body.utchi-page-index .home-section{
  max-width:1600px;
  margin:0 auto;
  padding-left:clamp(24px,4vw,68px);
  padding-right:clamp(24px,4vw,68px);
}
body.utchi-page-index .home-section[aria-labelledby="servicesTitle"]{
  max-width:none;
  padding-top:34px;
  padding-bottom:42px;
  background:#fff;
}
body.utchi-page-index .home-section[aria-labelledby="servicesTitle"]>.home-section-head,
body.utchi-page-index .home-section[aria-labelledby="servicesTitle"]>.home-services-grid{
  width:min(1500px,calc(100% - 0px));
  margin-left:auto!important;
  margin-right:auto!important;
}

body.utchi-page-index .home-services-grid.pro-universe-grid{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  grid-auto-rows:318px!important;
  gap:16px!important;
  align-items:stretch!important;
}
body.utchi-page-index .home-services-grid.pro-universe-grid>.universe-card{
  width:100%!important;
  min-width:0!important;
  height:318px!important;
  min-height:318px!important;
  max-height:318px!important;
  border-radius:20px!important;
  background-color:#071722!important;
  background-size:auto 100%!important;
  background-repeat:no-repeat!important;
  background-position:center center!important;
}
body.utchi-page-index .home-services-grid .universe-content{
  width:100%!important;
  height:318px!important;
  min-height:318px!important;
  padding:0!important;
  align-items:flex-end!important;
}
body.utchi-page-index .home-services-grid .universe-copy,

body.utchi-page-index .home-services-grid #utchi-opportunities .universe-copy{
  padding:17px 18px 18px!important;
}
body.utchi-page-index .home-services-grid .universe-copy h3{
  font-size:18px!important;
  line-height:1.1!important;
}
body.utchi-page-index .home-services-grid .universe-copy p{
  font-size:11px!important;
  line-height:1.42!important;
  -webkit-line-clamp:3!important;
}
body.utchi-page-index .home-services-grid .universe-tags{
  max-height:48px!important;
  flex-wrap:wrap!important;
}
body.utchi-page-index .home-services-grid .universe-copy button,
body.utchi-page-index .home-services-grid .universe-copy a{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:calc(100% - 0px)!important;
  min-height:42px!important;
  margin:13px auto 0!important;
  padding:0 12px!important;
  text-align:center!important;
  line-height:1.18!important;
  font-size:10px!important;
}
body.utchi-page-index .home-view-all-card{
  background:
    radial-gradient(circle at 78% 20%,rgba(16,217,120,.20),transparent 28%),
    linear-gradient(145deg,#0b2c49,#061725)!important;
}
body.utchi-page-index .home-view-all-card>a{
  display:flex;
  height:100%;
  padding:28px;
  flex-direction:column;
  justify-content:center;
  align-items:flex-start;
  color:#fff;
  text-decoration:none;
}
body.utchi-page-index .home-view-all-icon{
  display:grid;
  place-items:center;
  width:54px;
  height:54px;
  margin-bottom:20px;
  border:1px solid rgba(255,255,255,.20);
  border-radius:50%;
  background:rgba(16,217,120,.10);
  color:#18e78a;
  font-size:30px;
}
body.utchi-page-index .home-view-all-card h3{margin:0;font-size:24px;color:#fff}
body.utchi-page-index .home-view-all-card p{margin:10px 0 20px;color:#bcd0dc;font-size:13px;line-height:1.5}
body.utchi-page-index .home-view-all-card strong{color:#18e78a;font-size:13px}

/* Agent block: restore the approved reference composition. */
body.utchi-page-index .home-agent-wrap{max-width:1500px;padding-top:18px;padding-bottom:28px}
body.utchi-page-index .home-agent-panel{
  grid-template-columns:minmax(0,1.08fr) minmax(330px,.92fr);
  gap:24px;
  padding:34px 30px 16px;
  border-radius:18px;
  border:1px solid #087ca8;
  background:
    radial-gradient(circle at 72% 40%,rgba(0,196,231,.13),transparent 30%),
    linear-gradient(135deg,#061d33,#062c4b 62%,#041a2f);
}
body.utchi-page-index .home-agent-badge{
  padding:6px 13px;
  background:#10d978;
  color:#07301e;
  font-size:10px;
}
body.utchi-page-index .home-agent-copy h2{
  margin:12px 0 0;
  font-size:clamp(32px,3vw,48px);
  line-height:1.04;
  letter-spacing:-1.6px;
}
body.utchi-page-index .home-agent-copy .lead{
  margin-top:9px;
  font-size:16px;
}
body.utchi-page-index .home-agent-copy .body{
  max-width:570px;
  margin-top:11px;
  font-size:14px;
  line-height:1.52;
}
body.utchi-page-index .home-agent-cta{
  min-height:44px;
  margin-top:17px;
  padding:0 18px;
  border-radius:8px;
  font-size:13px;
}
body.utchi-page-index .home-agent-values{
  gap:18px;
  margin-top:15px;
}
body.utchi-page-index .home-agent-values .agent-value-item::before{content:none!important}
body.utchi-page-index .home-agent-values .agent-value-item{color:#c7d9e5;font-size:11px}
body.utchi-page-index .home-agent-visual{
  min-height:230px;
  align-content:center;
}
body.utchi-page-index .agent-visual-quote{
  position:absolute;
  right:8px;
  top:0;
  max-width:270px;
  color:#f8fbfd;
  font-family:Georgia,"Times New Roman",serif;
  font-style:italic;
  text-align:right;
  font-size:24px;
  line-height:1.12;
  transform:rotate(-3deg);
}
body.utchi-page-index .agent-visual-quote span{color:#fff}
body.utchi-page-index .agent-network{
  width:280px;
  height:210px;
  margin-top:24px;
}
body.utchi-page-index .agent-node{
  width:44px;
  height:44px;
  color:#fff;
  font-size:15px;
}
body.utchi-page-index .agent-node.main{
  width:66px;
  height:66px;
  left:108px;
  top:80px;
  color:#fff;
  font-size:22px;
}
body.utchi-page-index .home-agent-progress{
  grid-column:1/-1;
  display:grid;
  grid-template-columns:250px 1px minmax(0,1fr);
  gap:18px;
  min-height:100px;
  padding:14px 18px;
  border-radius:12px;
  background:rgba(8,57,86,.72);
}
body.utchi-page-index .agent-qualification{
  display:flex;
  align-items:center;
  gap:12px;
}
body.utchi-page-index .agent-qualification strong,
body.utchi-page-index .agent-progress-title strong{
  display:block;
  color:#fff;
  font-size:14px;
}
body.utchi-page-index .agent-qualification small{
  margin-top:5px;
  color:#c5d9e5;
  font-size:11px;
}
body.utchi-page-index .agent-coins{
  display:grid;
  place-items:center;
  width:48px;
  height:48px;
  border-radius:8px;
  background:#0b567b;
  color:#ffd447;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.05);
}
body.utchi-page-index .agent-progress-divider{
  width:1px;
  height:64px;
  align-self:center;
  background:#62879e;
}
body.utchi-page-index .agent-step-number{
  display:grid;
  place-items:center;
  width:36px;
  height:36px;
  flex:0 0 36px;
  border-radius:50%;
  background:var(--home-green);
  color:#fff;
  font-weight:950;
  box-shadow:0 6px 16px rgba(16,217,120,.22);
}
body.utchi-page-index .agent-progress-title{
  display:flex;
  align-items:center;
  gap:10px;
}
body.utchi-page-index .agent-progress-main{min-width:0}
body.utchi-page-index .agent-degrees{
  display:grid;
  grid-template-columns:repeat(11,max-content);
  justify-content:space-between;
  gap:5px;
  margin-top:11px;
}
body.utchi-page-index .agent-degrees>i{
  align-self:center;
  color:#47a6c4;
  font-style:normal;
  font-size:18px;
}
body.utchi-page-index .agent-degree b{
  min-width:48px;
  min-height:31px;
  padding:0 9px;
  border-radius:999px;
  background:#397f98;
}
body.utchi-page-index .agent-degree:last-child b{
  min-width:64px;
  background:#10d978;
}
body.utchi-page-index .agent-degree span{margin-top:4px;color:#b8ccda;font-size:9px}

/* Remove the duplicated community CTA entirely. */
body.utchi-page-index .home-community{display:none!important}

/* Footer: approved compact reference layout. */
.footer-skyline{
  height:58px;
  color:#dbe8ff;
  background:#f9fbfe;
  overflow:hidden;
}
.footer-skyline svg{display:block;width:100%;height:100%;opacity:.72}
.site-footer.home-footer{
  padding:0!important;
  background:linear-gradient(135deg,#06192c,#08243d)!important;
}
.home-footer .site-footer-inner{
  max-width:1450px!important;
  grid-template-columns:1.15fr .85fr 1fr .8fr!important;
  gap:54px!important;
  padding:34px clamp(34px,5vw,76px) 30px!important;
}
.home-footer .footer-logo{font-size:38px!important;letter-spacing:-2px}
.home-footer .footer-brand-column p{margin:7px 0 0!important;color:#a9bfd0!important;font-size:15px!important}
.home-footer .footer-links-column h3,
.home-footer .footer-social-column h3{
  margin:0 0 12px!important;
  color:#fff!important;
  font-size:12px!important;
  font-weight:900!important;
}
.home-footer .footer-links-column a{
  margin-top:6px!important;
  color:#afc1cf!important;
  font-size:12px!important;
}
.home-footer .footer-socials{display:flex;gap:18px;align-items:center}
.home-footer .footer-socials span{
  display:grid;
  place-items:center;
  width:28px;
  height:28px;
  border-radius:6px;
  color:#dbe8f2;
  font-size:16px;
  font-weight:900;
}
.home-footer .footer-bottom{
  max-width:1450px!important;
  display:flex!important;
  justify-content:space-between!important;
  align-items:center!important;
  padding:16px clamp(34px,5vw,76px) 28px!important;
  border-top:0!important;
  color:#8ba2b2!important;
  font-size:11px!important;
}
.home-footer .footer-contact-band{display:none!important}

@media(max-width:1180px){
  body.utchi-page-index .home-services-grid.pro-universe-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  body.utchi-page-index .home-agent-progress{grid-template-columns:210px 1px 1fr}
}
@media(max-width:900px){
  body.utchi-page-index .home-premium-hero{grid-template-columns:1fr}
  body.utchi-page-index .home-hero-side{min-height:180px;padding:8px 24px 28px}
  body.utchi-page-index .home-hero-mantra{display:block;margin:0 auto 20px}
  body.utchi-page-index .home-services-grid.pro-universe-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.utchi-page-index .home-agent-progress{grid-template-columns:1fr;gap:12px}
  body.utchi-page-index .agent-progress-divider{display:none}
  body.utchi-page-index .agent-degrees{grid-template-columns:repeat(6,1fr)}
  body.utchi-page-index .agent-degrees>i{display:none}
  .home-footer .site-footer-inner{grid-template-columns:repeat(2,1fr)!important}
}
@media(max-width:560px){
  body.utchi-page-index .home-premium-hero{
    background:
      linear-gradient(180deg,rgba(5,31,58,.94),rgba(5,31,58,.65)),
      url("https://commons.wikimedia.org/wiki/Special:Redirect/file/Sidi_Bousaid_2023.jpg?width=960") center/cover no-repeat,
      #082844;
  }
  body.utchi-page-index .home-hero-copy{padding:38px 18px 30px}
  body.utchi-page-index .home-hero-side{padding:0 18px 24px}
  body.utchi-page-index .home-hero-mantra{font-size:28px}
  body.utchi-page-index .home-services-grid.pro-universe-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-auto-rows:246px!important}
  body.utchi-page-index .home-services-grid.pro-universe-grid>.universe-card,
  body.utchi-page-index .home-services-grid .universe-content{height:246px!important;min-height:246px!important;max-height:246px!important}
  body.utchi-page-index .home-services-grid .universe-copy{padding:12px!important}
  body.utchi-page-index .home-services-grid .universe-copy button,
  body.utchi-page-index .home-services-grid .universe-copy a{min-height:34px!important;font-size:8px!important}
  body.utchi-page-index .home-view-all-card>a{padding:18px}
  body.utchi-page-index .home-view-all-card h3{font-size:18px}
  body.utchi-page-index .home-view-all-card p{font-size:10px}
  body.utchi-page-index .home-agent-panel{padding:24px 16px 14px}
  body.utchi-page-index .home-agent-visual{display:block;min-height:200px}
  body.utchi-page-index .agent-visual-quote{font-size:18px;right:0}
  body.utchi-page-index .agent-network{transform:scale(.75);transform-origin:center top;margin:42px auto 0}
  body.utchi-page-index .agent-degrees{gap:4px}
  body.utchi-page-index .agent-degree b{min-width:0;padding:0 5px;font-size:8px}
  .home-footer .site-footer-inner{grid-template-columns:1fr!important;gap:28px!important;padding:30px 20px!important}
  .home-footer .footer-bottom{display:flex!important;flex-direction:column;align-items:flex-start!important;gap:8px;padding:16px 20px 24px!important}
}


/* ===== Final review lock: layout, hero, footer ===== */
body.utchi-page-index .home-section[aria-labelledby="servicesTitle"]{
  background:linear-gradient(180deg,#071722 0%,#081b27 100%)!important;
}
body.utchi-page-index .home-section[aria-labelledby="servicesTitle"] .home-section-head h2{
  color:#fff!important;
}
body.utchi-page-index .home-section[aria-labelledby="servicesTitle"] .home-section-head p{
  color:#a9bdc9!important;
}

body.utchi-page-index .home-services-grid.pro-universe-grid{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  grid-template-rows:repeat(2,318px)!important;
  grid-auto-flow:row!important;
  grid-auto-rows:318px!important;
  gap:18px!important;
  align-items:stretch!important;
}
body.utchi-page-index .home-services-grid.pro-universe-grid > article.universe-card{
  position:relative!important;
  inset:auto!important;
  top:auto!important;
  right:auto!important;
  bottom:auto!important;
  left:auto!important;
  float:none!important;
  clear:none!important;
  display:block!important;
  width:auto!important;
  max-width:none!important;
  min-width:0!important;
  height:318px!important;
  min-height:318px!important;
  max-height:318px!important;
  margin:0!important;
  padding:0!important;
  grid-column:auto!important;
  grid-row:auto!important;
  align-self:stretch!important;
  justify-self:stretch!important;
  transform:none!important;
  overflow:hidden!important;
  contain:layout paint!important;
  border-radius:20px!important;
  box-sizing:border-box!important;
}
body.utchi-page-index .home-services-grid.pro-universe-grid > article.universe-card > .universe-content{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  box-sizing:border-box!important;
}
body.utchi-page-index .home-services-grid.pro-universe-grid > article.universe-card .universe-copy{
  position:relative!important;
  width:100%!important;
  max-width:100%!important;
  margin-top:auto!important;
  padding:18px!important;
  box-sizing:border-box!important;
}
body.utchi-page-index .home-services-grid.pro-universe-grid > article.universe-card::before,
body.utchi-page-index .home-services-grid.pro-universe-grid > article.universe-card::after{
  max-height:318px!important;
}
body.utchi-page-index .home-services-grid #utchi-food.utchi-food-card{
  background:
    linear-gradient(180deg,rgba(3,8,10,.02) 4%,rgba(3,8,10,.20) 47%,rgba(3,8,10,.96) 100%),
    url('assets/optimized/utchi_food_pro.webp') center/cover no-repeat!important;
}

/* Hero: Tunisian coastal fortress composition matching the approved mockup. */
body.utchi-page-index .home-premium-hero{
  background:
    linear-gradient(90deg,rgba(3,34,65,.97) 0%,rgba(3,34,65,.84) 42%,rgba(3,34,65,.28) 70%,rgba(3,34,65,.10) 100%),
    url("https://commons.wikimedia.org/wiki/Special:Redirect/file/Ribat_de_Monastir,_Tunisie.jpg?width=1920") center 46%/cover no-repeat,
    #082844!important;
}
body.utchi-page-index .home-hero-mantra{
  position:relative!important;
  margin:46px auto 0!important;
  padding:0 12px 18px!important;
  max-width:360px!important;
  color:#102843!important;
  font-family:"Segoe Print","Bradley Hand","Comic Sans MS",cursive!important;
  font-style:normal!important;
  font-weight:700!important;
  font-size:clamp(30px,2.8vw,47px)!important;
  line-height:1.02!important;
  text-shadow:0 1px 0 rgba(255,255,255,.24)!important;
  transform:rotate(-3deg)!important;
}
body.utchi-page-index .home-hero-mantra span{
  display:block!important;
  margin-top:6px!important;
  color:#16d789!important;
  font-size:.84em!important;
}
body.utchi-page-index .home-hero-mantra::before,
body.utchi-page-index .home-hero-mantra::after{
  content:""!important;
  position:absolute!important;
  height:3px!important;
  border-radius:999px!important;
  background:#16d789!important;
  transform:rotate(-5deg)!important;
}
body.utchi-page-index .home-hero-mantra::before{
  width:58px!important;
  left:10px!important;
  bottom:9px!important;
}
body.utchi-page-index .home-hero-mantra::after{
  width:28px!important;
  left:24px!important;
  bottom:1px!important;
}

body.utchi-page-index .home-agent-wrap{
  padding-bottom:0!important;
  margin-bottom:0!important;
}
body.utchi-page-index .home-agent-panel{
  margin-bottom:0!important;
}
body.utchi-page-index #homePage{
  padding-bottom:0!important;
  margin-bottom:0!important;
}
.footer-skyline{
  height:34px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
}

/* Compact footer requested in review. */
.site-footer.home-footer{
  margin:0!important;
  min-height:0!important;
}
.home-footer .site-footer-inner{
  min-height:0!important;
  grid-template-columns:1.1fr .9fr 1fr .8fr!important;
  gap:38px!important;
  padding:24px clamp(34px,5vw,76px) 12px!important;
}
.home-footer .footer-brand-column,
.home-footer .footer-links-column,
.home-footer .footer-social-column{
  align-self:start!important;
}
.home-footer .footer-brand-column p{
  margin-top:4px!important;
}
.home-footer .footer-links-column h3,
.home-footer .footer-social-column h3{
  margin-bottom:8px!important;
}
.home-footer .footer-links-column a{
  margin-top:5px!important;
  line-height:1.25!important;
}
.home-footer .footer-socials{
  display:flex!important;
  gap:10px!important;
  align-items:center!important;
}
.home-footer .footer-socials a{
  display:grid!important;
  place-items:center!important;
  width:34px!important;
  height:34px!important;
  border:1px solid rgba(255,255,255,.12)!important;
  border-radius:9px!important;
  background:rgba(255,255,255,.06)!important;
  color:#e7f2f7!important;
  text-decoration:none!important;
  font-size:15px!important;
  font-weight:900!important;
  transition:transform .16s ease,background .16s ease,border-color .16s ease!important;
}
.home-footer .footer-socials a:hover,
.home-footer .footer-socials a:focus-visible{
  transform:translateY(-2px)!important;
  background:rgba(16,217,120,.14)!important;
  border-color:rgba(16,217,120,.45)!important;
  color:#fff!important;
}
.home-footer .footer-bottom{
  justify-content:flex-end!important;
  min-height:0!important;
  padding:8px clamp(34px,5vw,76px) 18px!important;
  color:#94a9b7!important;
}
.home-footer .footer-bottom span{
  margin-left:auto!important;
  text-align:right!important;
}

@media(max-width:1180px){
  body.utchi-page-index .home-services-grid.pro-universe-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    grid-template-rows:none!important;
    grid-auto-rows:300px!important;
  }
  body.utchi-page-index .home-services-grid.pro-universe-grid > article.universe-card{
    height:300px!important;
    min-height:300px!important;
    max-height:300px!important;
  }
}
@media(max-width:760px){
  body.utchi-page-index .home-services-grid.pro-universe-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-auto-rows:250px!important;
    gap:12px!important;
  }
  body.utchi-page-index .home-services-grid.pro-universe-grid > article.universe-card{
    height:250px!important;
    min-height:250px!important;
    max-height:250px!important;
  }
  .home-footer .site-footer-inner{
    grid-template-columns:1fr 1fr!important;
    gap:24px!important;
    padding:24px 20px 12px!important;
  }
  .home-footer .footer-bottom{
    padding:8px 20px 18px!important;
  }
}
@media(max-width:520px){
  body.utchi-page-index .home-services-grid.pro-universe-grid{
    grid-template-columns:1fr!important;
    grid-auto-rows:280px!important;
  }
  body.utchi-page-index .home-services-grid.pro-universe-grid > article.universe-card{
    height:280px!important;
    min-height:280px!important;
    max-height:280px!important;
  }
  .home-footer .site-footer-inner{
    grid-template-columns:1fr!important;
    gap:20px!important;
  }
}


/* ===== Final user review overrides ===== */

/* Approved direction: panoramic Tunisian coast at dusk, not the close-up fort wall. */
body.utchi-page-index .home-premium-hero{
  background:
    linear-gradient(90deg,rgba(3,34,65,.97) 0%,rgba(3,34,65,.84) 42%,rgba(3,34,65,.25) 72%,rgba(3,34,65,.10) 100%),
    url("https://images.pexels.com/photos/15191606/pexels-photo-15191606/free-photo-of-sea-and-tourist-resort-at-dusk.jpeg?auto=compress&fit=crop&w=2200&q=88") center 55%/cover no-repeat,
    #082844!important;
}
body.utchi-page-index .home-hero-side{
  padding-right:clamp(42px,5vw,92px)!important;
}
body.utchi-page-index .home-hero-mantra{
  margin:24px auto 0!important;
  max-width:330px!important;
  text-align:center!important;
  color:#102843!important;
  font-family:"Segoe Print","Bradley Hand","Comic Sans MS",cursive!important;
  font-style:normal!important;
  font-weight:700!important;
  transform:rotate(-4deg)!important;
}
body.utchi-page-index .home-hero-mantra span{
  color:#12d786!important;
  margin-top:3px!important;
}

/* Services: strict, non-overlapping 5 + 5 grid with the original card content. */
body.utchi-page-index .home-section[aria-labelledby="servicesTitle"]{
  background:linear-gradient(180deg,#071722 0%,#071b27 100%)!important;
}
body.utchi-page-index .home-services-grid.pro-universe-grid{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  grid-template-rows:repeat(2,330px)!important;
  grid-auto-rows:330px!important;
  gap:18px!important;
  align-items:stretch!important;
  overflow:visible!important;
}
body.utchi-page-index .home-services-grid.pro-universe-grid > article.universe-card{
  position:relative!important;
  inset:auto!important;
  float:none!important;
  display:block!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  height:330px!important;
  min-height:330px!important;
  max-height:330px!important;
  margin:0!important;
  grid-column:auto!important;
  grid-row:auto!important;
  overflow:hidden!important;
  border-radius:20px!important;
  background-size:cover!important;
  background-position:center!important;
  box-sizing:border-box!important;
  transform:none!important;
}
body.utchi-page-index .home-services-grid.pro-universe-grid > article.universe-card > .universe-content{
  position:absolute!important;
  inset:0!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  padding:0!important;
}
body.utchi-page-index .home-services-grid.pro-universe-grid .universe-copy{
  position:absolute!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  display:flex!important;
  flex-direction:column!important;
  width:100%!important;
  height:218px!important;
  max-width:none!important;
  margin:0!important;
  padding:16px 17px 16px!important;
  box-sizing:border-box!important;
  background:linear-gradient(180deg,rgba(3,10,16,0) 0%,rgba(3,10,16,.35) 12%,rgba(3,10,16,.96) 44%,rgba(3,10,16,.99) 100%)!important;
}
body.utchi-page-index .home-services-grid .universe-copy .promo-eyebrow{
  flex:none!important;
  margin:0 0 5px!important;
}
body.utchi-page-index .home-services-grid .universe-copy h3{
  flex:none!important;
  margin:0!important;
  min-height:40px!important;
  font-size:18px!important;
  line-height:1.08!important;
}
body.utchi-page-index .home-services-grid .universe-copy p{
  flex:none!important;
  min-height:45px!important;
  max-height:45px!important;
  margin:4px 0 0!important;
  overflow:hidden!important;
  font-size:11px!important;
  line-height:1.38!important;
  -webkit-line-clamp:3!important;
}
body.utchi-page-index .home-services-grid .universe-tags{
  flex:none!important;
  display:flex!important;
  align-items:center!important;
  min-height:32px!important;
  max-height:32px!important;
  margin:6px 0 0!important;
  overflow:hidden!important;
}
body.utchi-page-index .home-services-grid .universe-copy button,
body.utchi-page-index .home-services-grid .universe-copy a,
body.utchi-page-index .home-services-grid .universe-copy .service-cta{
  flex:none!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  height:43px!important;
  min-height:43px!important;
  max-height:43px!important;
  margin:auto 0 0!important;
  padding:0 9px!important;
  border:0!important;
  border-radius:9px!important;
  background:#10d978!important;
  color:#062014!important;
  text-decoration:none!important;
  text-align:center!important;
  font-size:10px!important;
  font-weight:900!important;
  line-height:1.15!important;
  box-sizing:border-box!important;
}

/* Food: one visual that communicates several Utchi Food categories at once. */
body.utchi-page-index .home-services-grid #utchi-food.utchi-food-card{
  background:
    linear-gradient(180deg,rgba(3,8,10,.02) 0%,rgba(3,8,10,.13) 42%,rgba(3,8,10,.42) 100%),
    url("https://images.pexels.com/photos/36067437/pexels-photo-36067437/free-photo-of-delicious-italian-meal-with-pizza-and-burger.jpeg?auto=compress&fit=crop&w=1000&q=84") center 48%/cover no-repeat!important;
}

/* Make “Voir tous les services” readable and professional. */
body.utchi-page-index .home-view-all-card{
  background:
    radial-gradient(circle at 78% 18%,rgba(32,255,147,.28),transparent 32%),
    linear-gradient(145deg,#0b4e3b 0%,#08724c 55%,#0cbd70 100%)!important;
  border:1px solid rgba(34,243,142,.42)!important;
}
body.utchi-page-index .home-view-all-card::after{display:none!important}
body.utchi-page-index .home-view-all-card > a{
  position:absolute!important;
  inset:0!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:flex-start!important;
  padding:26px!important;
  color:#fff!important;
  text-decoration:none!important;
  background:linear-gradient(130deg,rgba(3,29,24,.78),rgba(3,29,24,.16))!important;
}
body.utchi-page-index .home-view-all-card .home-view-all-icon{
  width:48px!important;
  height:48px!important;
  margin:0 0 15px!important;
  border-color:rgba(255,255,255,.42)!important;
  background:rgba(255,255,255,.10)!important;
  color:#fff!important;
}
body.utchi-page-index .home-view-all-card .promo-eyebrow{
  color:#bdf9d9!important;
  opacity:1!important;
  font-weight:950!important;
}
body.utchi-page-index .home-view-all-card h3{
  margin:7px 0 7px!important;
  color:#fff!important;
  font-size:25px!important;
  line-height:1.05!important;
}
body.utchi-page-index .home-view-all-card p{
  margin:0!important;
  color:#e6fff2!important;
  font-size:12px!important;
  line-height:1.45!important;
}
body.utchi-page-index .home-view-all-card strong{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:38px!important;
  margin-top:16px!important;
  padding:0 16px!important;
  border-radius:9px!important;
  background:#10d978!important;
  color:#052619!important;
  font-size:11px!important;
}

.footer-skyline{display:none!important}
body.utchi-page-index .home-agent-wrap,
body.utchi-page-index .home-agent-panel,
body.utchi-page-index #homePage{
  margin-bottom:0!important;
  padding-bottom:0!important;
}
.site-footer.home-footer{margin-top:0!important}

/* Compact footer and copyright only on the right. */
.home-footer .site-footer-inner{
  padding-top:22px!important;
  padding-bottom:10px!important;
}
.home-footer .footer-bottom{
  display:flex!important;
  justify-content:flex-end!important;
  padding-top:7px!important;
  padding-bottom:16px!important;
}
.home-footer .footer-bottom span{
  margin-left:auto!important;
  text-align:right!important;
}

@media(max-width:1180px){
  body.utchi-page-index .home-services-grid.pro-universe-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    grid-template-rows:none!important;
    grid-auto-rows:315px!important;
  }
  body.utchi-page-index .home-services-grid.pro-universe-grid > article.universe-card{
    height:315px!important;
    min-height:315px!important;
    max-height:315px!important;
  }
}
@media(max-width:760px){
  body.utchi-page-index .home-services-grid.pro-universe-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-auto-rows:290px!important;
  }
  body.utchi-page-index .home-services-grid.pro-universe-grid > article.universe-card{
    height:290px!important;
    min-height:290px!important;
    max-height:290px!important;
  }
  body.utchi-page-index .home-services-grid.pro-universe-grid .universe-copy{
    height:205px!important;
    padding:13px!important;
  }
}
@media(max-width:520px){
  body.utchi-page-index .home-services-grid.pro-universe-grid{
    grid-template-columns:1fr!important;
    grid-auto-rows:310px!important;
  }
  body.utchi-page-index .home-services-grid.pro-universe-grid > article.universe-card{
    height:310px!important;
    min-height:310px!important;
    max-height:310px!important;
  }
}


/* ===== ISOLATED HOME SERVICES GRID — no legacy universe CSS ===== */
body.utchi-page-index .home-section[aria-labelledby="servicesTitle"]{
  background:linear-gradient(180deg,#071722 0%,#071b27 100%)!important;
}
body.utchi-page-index .home-section[aria-labelledby="servicesTitle"] .home-section-head{
  width:min(1500px,100%)!important;
  margin:0 auto 18px!important;
}
body.utchi-page-index .home-section[aria-labelledby="servicesTitle"] .home-section-head h2{color:#fff!important}
body.utchi-page-index .home-section[aria-labelledby="servicesTitle"] .home-section-head p{color:#a9bdc9!important}

body.utchi-page-index #utchi-services.home-services-grid{
  width:min(1500px,100%)!important;
  margin:0 auto!important;
  padding:0!important;
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  grid-template-rows:repeat(2,320px)!important;
  gap:16px!important;
  align-items:stretch!important;
  overflow:visible!important;
}
body.utchi-page-index #utchi-services .home-service-tile{
  position:relative!important;
  display:block!important;
  min-width:0!important;
  width:100%!important;
  height:320px!important;
  min-height:320px!important;
  max-height:320px!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:20px!important;
  background-color:#0a1a24!important;
  background-repeat:no-repeat!important;
  background-position:center!important;
  background-size:cover!important;
  box-shadow:0 12px 28px rgba(0,0,0,.16)!important;
  isolation:isolate!important;
}
body.utchi-page-index #utchi-services .home-service-tile::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  background:linear-gradient(180deg,rgba(1,8,13,.03) 0%,rgba(1,8,13,.10) 30%,rgba(1,8,13,.76) 72%,rgba(1,8,13,.97) 100%)!important;
  pointer-events:none!important;
}
body.utchi-page-index #utchi-services .home-service-tile:hover{
  transform:translateY(-2px)!important;
  box-shadow:0 18px 36px rgba(0,0,0,.22)!important;
}
body.utchi-page-index #utchi-services .home-service-link{
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  display:block!important;
  color:#fff!important;
  text-decoration:none!important;
}
body.utchi-page-index #utchi-services .home-service-copy{
  position:absolute!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  z-index:2!important;
  display:flex!important;
  flex-direction:column!important;
  width:100%!important;
  height:205px!important;
  margin:0!important;
  padding:15px 16px 15px!important;
  box-sizing:border-box!important;
}
body.utchi-page-index #utchi-services .home-service-eyebrow{
  flex:0 0 auto!important;
  display:block!important;
  margin:0 0 5px!important;
  color:#50e9a0!important;
  font-size:9px!important;
  line-height:1.1!important;
  font-weight:950!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}
body.utchi-page-index #utchi-services .home-service-copy h3{
  flex:0 0 auto!important;
  margin:0!important;
  min-height:38px!important;
  color:#fff!important;
  font-size:18px!important;
  line-height:1.05!important;
  letter-spacing:-.35px!important;
}
body.utchi-page-index #utchi-services .home-service-copy p{
  flex:0 0 auto!important;
  display:-webkit-box!important;
  min-height:42px!important;
  max-height:42px!important;
  margin:4px 0 0!important;
  overflow:hidden!important;
  color:#dbe7ed!important;
  font-size:10.5px!important;
  line-height:1.34!important;
  -webkit-line-clamp:3!important;
  -webkit-box-orient:vertical!important;
}
body.utchi-page-index #utchi-services .home-service-tags{
  flex:0 0 29px!important;
  display:flex!important;
  align-items:center!important;
  gap:4px!important;
  min-height:29px!important;
  max-height:29px!important;
  margin:6px 0 0!important;
  overflow:hidden!important;
  white-space:nowrap!important;
}
body.utchi-page-index #utchi-services .home-service-tags span{
  display:inline-flex!important;
  align-items:center!important;
  min-height:22px!important;
  padding:0 7px!important;
  border:1px solid rgba(255,255,255,.15)!important;
  border-radius:999px!important;
  background:rgba(5,17,24,.62)!important;
  color:#f0f6f8!important;
  font-size:7.5px!important;
  font-weight:850!important;
  line-height:1!important;
}
body.utchi-page-index #utchi-services .home-service-cta{
  flex:0 0 42px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  height:42px!important;
  min-height:42px!important;
  margin:auto 0 0!important;
  padding:0 9px!important;
  border-radius:9px!important;
  background:#10d978!important;
  color:#062014!important;
  text-align:center!important;
  font-size:9.5px!important;
  font-weight:950!important;
  line-height:1.14!important;
  box-sizing:border-box!important;
}

/* One and only one image layer per card */
body.utchi-page-index #utchi-services .home-service-shopping{
  background-image:url('assets/optimized/utchi_shopping_pro.webp')!important;
}
body.utchi-page-index #utchi-services .home-service-food{
  background-image:url("https://images.pexels.com/photos/36067437/pexels-photo-36067437/free-photo-of-delicious-italian-meal-with-pizza-and-burger.jpeg?auto=compress&fit=crop&w=900&q=82")!important;
  background-position:center 42%!important;
}
body.utchi-page-index #utchi-services .home-service-problem{
  background-image:url('assets/optimized/utchi-problem.webp')!important;
}
body.utchi-page-index #utchi-services .home-service-taxi{
  background-image:url('assets/optimized/utchi_taxi_real.webp')!important;
}
body.utchi-page-index #utchi-services .home-service-opportunities{
  background-image:url('assets/optimized/utchi_opportunities.webp')!important;
}
body.utchi-page-index #utchi-services .home-service-travel{
  background-image:url('assets/optimized/utchi_travel_clean.webp')!important;
}
body.utchi-page-index #utchi-services .home-service-immo{
  background-image:url('assets/optimized/utchi_immo_pro.webp')!important;
}
body.utchi-page-index #utchi-services .home-service-viewall{
  background:
    radial-gradient(circle at 80% 16%,rgba(42,255,153,.34),transparent 34%),
    linear-gradient(145deg,#073b31 0%,#086545 52%,#0ca966 100%)!important;
}
body.utchi-page-index #utchi-services .home-service-viewall::before{
  background:linear-gradient(135deg,rgba(2,25,21,.78),rgba(2,25,21,.24))!important;
}
body.utchi-page-index #utchi-services .home-service-copy-viewall{
  top:0!important;
  bottom:0!important;
  height:100%!important;
  justify-content:center!important;
  padding:24px!important;
}
body.utchi-page-index #utchi-services .home-service-copy-viewall .home-view-all-icon{
  display:grid!important;
  place-items:center!important;
  width:48px!important;
  height:48px!important;
  margin:0 0 14px!important;
  border:1px solid rgba(255,255,255,.38)!important;
  border-radius:50%!important;
  background:rgba(255,255,255,.08)!important;
  color:#fff!important;
  font-size:26px!important;
}
body.utchi-page-index #utchi-services .home-service-copy-viewall h3{
  min-height:0!important;
  margin-bottom:8px!important;
  font-size:25px!important;
  line-height:1.05!important;
}
body.utchi-page-index #utchi-services .home-service-copy-viewall p{
  min-height:0!important;
  max-height:none!important;
  margin-bottom:14px!important;
  color:#e5fff1!important;
  font-size:11px!important;
  line-height:1.42!important;
  -webkit-line-clamp:4!important;
}
body.utchi-page-index #utchi-services .home-service-copy-viewall .home-service-cta{
  width:auto!important;
  min-width:110px!important;
  align-self:flex-start!important;
  padding:0 16px!important;
  margin:0!important;
}

@media(max-width:1180px){
  body.utchi-page-index #utchi-services.home-services-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    grid-template-rows:none!important;
    grid-auto-rows:310px!important;
  }
  body.utchi-page-index #utchi-services .home-service-tile{
    height:310px!important;
    min-height:310px!important;
    max-height:310px!important;
  }
}
@media(max-width:760px){
  body.utchi-page-index #utchi-services.home-services-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-auto-rows:285px!important;
    gap:12px!important;
  }
  body.utchi-page-index #utchi-services .home-service-tile{
    height:285px!important;
    min-height:285px!important;
    max-height:285px!important;
  }
  body.utchi-page-index #utchi-services .home-service-copy{
    height:195px!important;
    padding:13px!important;
  }
}
@media(max-width:520px){
  body.utchi-page-index #utchi-services.home-services-grid{
    grid-template-columns:1fr!important;
    grid-auto-rows:300px!important;
  }
  body.utchi-page-index #utchi-services .home-service-tile{
    height:300px!important;
    min-height:300px!important;
    max-height:300px!important;
  }
}


/* Real social network marks */
.home-footer .footer-socials a svg{
  width:18px!important;
  height:18px!important;
  display:block!important;
  fill:currentColor!important;
}
.home-footer .footer-socials a.social-facebook:hover,
.home-footer .footer-socials a.social-facebook:focus-visible{color:#1877f2!important}
.home-footer .footer-socials a.social-instagram:hover,
.home-footer .footer-socials a.social-instagram:focus-visible{color:#e1306c!important}
.home-footer .footer-socials a.social-youtube:hover,
.home-footer .footer-socials a.social-youtube:focus-visible{color:#ff0000!important}
.home-footer .footer-socials a.social-tiktok:hover,
.home-footer .footer-socials a.social-tiktok:focus-visible{color:#ffffff!important}


/* ===== Selected preview visuals ===== */
body.utchi-page-index .home-premium-hero{
  background:
    linear-gradient(90deg,rgba(3,34,65,.97) 0%,rgba(3,34,65,.84) 42%,rgba(3,34,65,.25) 72%,rgba(3,34,65,.08) 100%),
    url("assets/preview/utchi-home-hero-selected.webp") center 50%/cover no-repeat,
    #082844!important;
}

body.utchi-page-index #utchi-services .home-service-food{
  background-image:url("assets/preview/utchi-food-selected.webp")!important;
  background-position:center 46%!important;
  background-size:cover!important;
}


/* ===== Hero sharpness fix: avoid desktop upscaling ===== */
@media (min-width: 901px){
  body.utchi-page-index .home-premium-hero{
    background-image:
      linear-gradient(90deg,rgba(3,34,65,.99) 0%,rgba(3,34,65,.94) 30%,rgba(3,34,65,.72) 48%,rgba(3,34,65,.18) 72%,rgba(3,34,65,.04) 100%),
      url("assets/preview/utchi-home-hero-selected.webp")!important;
    background-position:center center,right center!important;
    background-size:100% 100%,auto 100%!important;
    background-repeat:no-repeat,no-repeat!important;
    background-color:#082844!important;
  }
}
@media (max-width: 900px){
  body.utchi-page-index .home-premium-hero{
    background-image:
      linear-gradient(90deg,rgba(3,34,65,.97) 0%,rgba(3,34,65,.82) 48%,rgba(3,34,65,.24) 100%),
      url("assets/preview/utchi-home-hero-selected.webp")!important;
    background-position:center,center!important;
    background-size:100% 100%,cover!important;
    background-repeat:no-repeat,no-repeat!important;
  }
}


/* ===== Agent progress row alignment ===== */
body.utchi-page-index .agent-qualification{
  display:grid;
  grid-template-rows:36px auto;
  align-content:start;
  gap:11px;
}
body.utchi-page-index .agent-qualification-title{
  display:flex;
  align-items:center;
  gap:10px;
  min-height:36px;
}
body.utchi-page-index .agent-qualification-title strong{
  color:#fff;
  font-size:14px;
  line-height:1.15;
}
body.utchi-page-index .agent-qualification small{
  display:flex;
  align-items:center;
  min-height:30px;
  margin:0 0 0 46px;
  color:#d6e6ee;
  font-size:11px;
  font-weight:700;
  line-height:1.15;
}
body.utchi-page-index .agent-progress-title{
  min-height:36px;
}
body.utchi-page-index .agent-degrees{
  margin-top:11px;
}


/* ===== Production fix: authenticated Compte Utchi must remain visible ===== */
body.utchi-page-index .home-member-actions .pro-account-button{
  height:42px!important;
  min-height:42px!important;
  padding:0 18px!important;
  border:1px solid var(--home-green)!important;
  border-radius:12px!important;
  background:var(--home-green)!important;
  color:#05271a!important;
  font-weight:950!important;
  box-shadow:0 7px 18px rgba(16,217,120,.20)!important;
  opacity:1!important;
}
body.utchi-page-index .home-member-actions .pro-account-button:hover{
  border-color:var(--home-green-dark)!important;
  background:var(--home-green-dark)!important;
  color:#fff!important;
  transform:translateY(-1px);
}
body.utchi-page-index .home-member-actions .pro-account-button:focus-visible{
  outline:3px solid rgba(16,217,120,.28)!important;
  outline-offset:3px!important;
}


/* ===== Mobile responsive hardening: preserve desktop, reflow large sections ===== */
@media (max-width: 900px){
  body.utchi-page-index .home-header{
    gap:10px!important;
    padding:8px 14px!important;
  }
  body.utchi-page-index .home-mobile-menu{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    margin-left:auto!important;
    padding:0!important;
    border:1px solid #dce8ef!important;
    border-radius:12px!important;
    background:#f5f9fb!important;
    color:#123a59!important;
    font-size:21px!important;
    line-height:1!important;
    font-weight:900!important;
  }
  body.utchi-page-index .home-main-nav.mobile-open{
    top:64px!important;
    left:12px!important;
    right:12px!important;
    z-index:110!important;
  }

  body.utchi-page-index .home-premium-hero{
    grid-template-columns:1fr!important;
    min-height:0!important;
  }
  body.utchi-page-index .home-hero-copy{
    width:100%!important;
    max-width:none!important;
    padding:42px 22px 26px!important;
    box-sizing:border-box!important;
  }
  body.utchi-page-index .home-hero-copy h2{
    max-width:100%!important;
    font-size:clamp(40px,9vw,56px)!important;
    line-height:1.02!important;
    letter-spacing:-2px!important;
  }
  body.utchi-page-index .home-hero-copy>p{
    max-width:680px!important;
    margin-top:18px!important;
    font-size:15px!important;
    line-height:1.5!important;
  }
  body.utchi-page-index .home-hero-side{
    min-height:0!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    padding:0 22px 28px!important;
    text-align:center!important;
  }
  body.utchi-page-index .home-hero-mantra{
    margin:2px auto 16px!important;
    font-size:30px!important;
  }
  body.utchi-page-index .home-hero-facts{
    width:100%!important;
    max-width:560px!important;
    margin:0 auto!important;
  }

  body.utchi-page-index .home-agent-panel{
    grid-template-columns:minmax(0,1fr)!important;
    gap:20px!important;
    padding:28px 22px 20px!important;
  }
  body.utchi-page-index .home-agent-copy{
    width:100%!important;
    min-width:0!important;
  }
  body.utchi-page-index .home-agent-copy h2{
    max-width:100%!important;
    font-size:clamp(34px,8vw,44px)!important;
    line-height:1.04!important;
    letter-spacing:-1.3px!important;
  }
  body.utchi-page-index .home-agent-copy .lead{
    max-width:100%!important;
    font-size:15px!important;
    line-height:1.35!important;
  }
  body.utchi-page-index .home-agent-copy .body{
    width:100%!important;
    max-width:680px!important;
    font-size:14px!important;
    line-height:1.55!important;
  }
  body.utchi-page-index .home-agent-cta{
    max-width:100%!important;
    white-space:normal!important;
    text-align:center!important;
  }
  body.utchi-page-index .home-agent-visual{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:230px!important;
    width:100%!important;
  }
  body.utchi-page-index .agent-visual-quote{
    position:static!important;
    width:100%!important;
    max-width:100%!important;
    margin:0 auto 2px!important;
    text-align:center!important;
    font-size:20px!important;
    transform:none!important;
  }
  body.utchi-page-index .agent-network{
    margin:0 auto!important;
    transform:scale(.86)!important;
    transform-origin:center center!important;
  }

  body.utchi-page-index .home-agent-progress{
    grid-template-columns:1fr!important;
    gap:16px!important;
    min-height:0!important;
    padding:16px!important;
  }
  body.utchi-page-index .agent-progress-divider{
    display:none!important;
  }
  body.utchi-page-index .agent-qualification,
  body.utchi-page-index .agent-progress-main{
    width:100%!important;
    min-width:0!important;
  }
  body.utchi-page-index .agent-degrees{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    justify-content:stretch!important;
    gap:10px 8px!important;
  }
  body.utchi-page-index .agent-degrees>i{
    display:none!important;
  }
  body.utchi-page-index .agent-degree b,
  body.utchi-page-index .agent-degree:last-child b{
    width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
  }
}

@media (max-width: 600px){
  body.utchi-page-index .home-header{
    min-height:64px!important;
    padding:8px 10px!important;
  }
  body.utchi-page-index .home-brand{
    font-size:31px!important;
  }
  body.utchi-page-index .home-mobile-menu{
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
  }
  body.utchi-page-index .home-create-link,
  body.utchi-page-index .home-member-actions .pro-account-button{
    min-height:40px!important;
    height:40px!important;
    padding:0 12px!important;
    font-size:11px!important;
  }

  body.utchi-page-index .home-premium-hero{
    background-image:
      linear-gradient(180deg,rgba(3,34,65,.94) 0%,rgba(3,34,65,.74) 48%,rgba(3,34,65,.43) 100%),
      url("assets/preview/utchi-home-hero-selected.webp")!important;
    background-position:center,center!important;
    background-size:100% 100%,cover!important;
  }
  body.utchi-page-index .home-hero-copy{
    padding:34px 18px 22px!important;
  }
  body.utchi-page-index .home-hero-copy h2{
    font-size:clamp(36px,11vw,46px)!important;
    line-height:1.04!important;
    letter-spacing:-1.5px!important;
  }
  body.utchi-page-index .home-hero-copy h2 span{
    margin-top:5px!important;
  }
  body.utchi-page-index .home-hero-copy>p{
    margin-top:15px!important;
    font-size:14px!important;
  }
  body.utchi-page-index .home-hero-search{
    margin-top:18px!important;
  }
  body.utchi-page-index .home-trust{
    gap:10px 14px!important;
    margin-top:16px!important;
    font-size:10.5px!important;
  }
  body.utchi-page-index .home-hero-side{
    padding:0 18px 22px!important;
  }
  body.utchi-page-index .home-hero-mantra{
    max-width:240px!important;
    margin:0 auto 13px!important;
    font-size:25px!important;
    line-height:1.08!important;
  }
  body.utchi-page-index .home-hero-facts{
    gap:4px!important;
    padding:11px 8px!important;
    border-radius:14px!important;
  }
  body.utchi-page-index .home-hero-facts>div{
    padding:0 4px!important;
  }
  body.utchi-page-index .home-hero-facts strong{
    font-size:17px!important;
  }
  body.utchi-page-index .home-hero-facts small{
    font-size:8.5px!important;
  }

  body.utchi-page-index .home-section{
    padding-left:14px!important;
    padding-right:14px!important;
  }
  body.utchi-page-index .home-agent-wrap{
    padding-top:14px!important;
    padding-bottom:20px!important;
  }
  body.utchi-page-index .home-agent-panel{
    gap:16px!important;
    padding:22px 18px 16px!important;
    border-radius:18px!important;
  }
  body.utchi-page-index .home-agent-copy h2{
    margin-top:11px!important;
    font-size:clamp(31px,9vw,38px)!important;
    letter-spacing:-1px!important;
  }
  body.utchi-page-index .home-agent-copy .lead{
    margin-top:9px!important;
    font-size:14px!important;
  }
  body.utchi-page-index .home-agent-copy .body{
    margin-top:10px!important;
    font-size:13px!important;
    line-height:1.5!important;
  }
  body.utchi-page-index .home-agent-cta{
    width:100%!important;
    min-height:44px!important;
    margin-top:15px!important;
    padding:0 12px!important;
    box-sizing:border-box!important;
  }
  body.utchi-page-index .home-agent-values{
    gap:8px 14px!important;
    margin-top:13px!important;
    font-size:10px!important;
  }
  body.utchi-page-index .home-agent-visual{
    min-height:205px!important;
  }
  body.utchi-page-index .agent-network{
    width:270px!important;
    height:205px!important;
    transform:scale(.78)!important;
  }
  body.utchi-page-index .home-agent-progress{
    gap:14px!important;
    padding:14px!important;
  }
  body.utchi-page-index .agent-qualification small{
    margin-left:46px!important;
  }
  body.utchi-page-index .agent-progress-title{
    align-items:flex-start!important;
  }
  body.utchi-page-index .agent-progress-title strong{
    padding-top:7px!important;
    line-height:1.25!important;
  }
  body.utchi-page-index .agent-degrees{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:9px!important;
    margin-top:12px!important;
  }
  body.utchi-page-index .agent-degree b{
    min-height:34px!important;
    font-size:10px!important;
  }
  body.utchi-page-index .agent-degree span{
    font-size:9px!important;
  }

  body.utchi-page-index #utchi-services.home-services-grid{
    grid-template-columns:1fr!important;
    grid-auto-rows:270px!important;
    gap:12px!important;
  }
  body.utchi-page-index #utchi-services .home-service-tile{
    height:270px!important;
    min-height:270px!important;
    max-height:270px!important;
  }
  body.utchi-page-index #utchi-services .home-service-copy{
    height:184px!important;
    padding:12px 13px!important;
  }
  body.utchi-page-index #utchi-services .home-service-copy h3{
    min-height:32px!important;
    font-size:17px!important;
  }
  body.utchi-page-index #utchi-services .home-service-copy p{
    min-height:36px!important;
    max-height:36px!important;
    -webkit-line-clamp:2!important;
  }
  body.utchi-page-index #utchi-services .home-service-tags{
    margin-top:4px!important;
  }
  body.utchi-page-index #utchi-services .home-service-cta{
    height:38px!important;
    min-height:38px!important;
  }

  .home-footer .site-footer-inner{
    grid-template-columns:1fr!important;
  }
}


/* UTCHI_FOCUS_LOCAL_TRUST_2026
   Launch surface: four top-level universes. Legacy card rules stay above for rollback safety. */
body.utchi-page-index #utchi-services.home-services-grid{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  grid-template-rows:320px!important;
  grid-auto-rows:320px!important;
}
body.utchi-page-index #utchi-services .home-service-transport{
  background:
    linear-gradient(180deg,rgba(1,8,13,.03) 0%,rgba(1,8,13,.12) 32%,rgba(1,8,13,.88) 100%),
    url('assets/optimized/utchi_transport_real.webp') center/cover no-repeat!important;
}
@media(max-width:1000px){
  body.utchi-page-index #utchi-services.home-services-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-template-rows:repeat(2,300px)!important;
    grid-auto-rows:300px!important;
  }
  body.utchi-page-index #utchi-services .home-service-tile{
    height:300px!important;min-height:300px!important;max-height:300px!important;
  }
}
@media(max-width:620px){
  body.utchi-page-index #utchi-services.home-services-grid{
    grid-template-columns:1fr!important;
    grid-template-rows:none!important;
    grid-auto-rows:280px!important;
  }
  body.utchi-page-index #utchi-services .home-service-tile{
    height:280px!important;min-height:280px!important;max-height:280px!important;
  }
}