/* ===========================================================
   Ozmis — Landing (scoped under body.site-current)
   Mirrors the ORIGINAL homepage composition (hero slogan,
   dark statement band, Buyer→hub←Seller diagram, speed-of-
   business band with globe) — Achika skin.
   =========================================================== */

/* HERO — light, original slogan + full-width city skyline (like original) */
.homehero{position:relative;overflow:hidden;background:linear-gradient(to bottom,#fff,var(--slate-50) 72%,var(--slate-100));border-bottom:1px solid var(--border-1);}
.homehero__inner{text-align:center;max-width:60rem;margin:0 auto;padding-block:88px 8px;}
.homehero__slogan{font-size:clamp(3rem,5vw + 1rem,5rem);font-weight:var(--fw-bold);letter-spacing:-.035em;line-height:1.0;margin:0;color:var(--slate-950);}
.homehero__slogan .accent{color:var(--brand-700);}
.homehero__info{font-size:var(--text-xl);font-weight:var(--fw-medium);line-height:var(--lh-snug);color:var(--slate-600);margin:24px auto 0;max-width:40ch;}
.homehero__btn{margin-top:32px;}
.homehero .btn--primary{background:var(--brand-600);font-size:var(--text-lg);padding:14px 34px;}
.homehero .btn--primary:hover{background:var(--brand-500);}
.homehero__city{display:block;width:100%;max-width:1200px;height:auto;margin:8px auto -1px;padding-inline:24px;}

/* DARK STATEMENT BAND — like original navy band */
.homeband{background:var(--slate-900);}
.homeband__inner{text-align:center;padding-block:64px;}
.homeband__text{font-size:clamp(1.5rem,1.8vw + 1rem,2.25rem);font-weight:var(--fw-regular);line-height:1.35;
  color:#fff;margin:0 auto;max-width:42ch;text-wrap:balance;}
.homeband__text em{font-style:normal;color:var(--brand-300);font-weight:var(--fw-medium);}

/* BUYER → HUB ← SELLER DIAGRAM */
.homechart{background:#fff;padding-block:88px;}
.homechart__head{text-align:center;margin-bottom:56px;}
.homechart__eyebrow{font-size:var(--text-sm);font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:var(--tracking-eyebrow);color:var(--brand-700);margin:0 0 14px;}
.homechart__title{font-size:clamp(1.875rem,1.5vw + 1rem,2.5rem);font-weight:var(--fw-semibold);letter-spacing:var(--tracking-tight);color:var(--slate-950);margin:0 auto;max-width:24ch;}
.homechart__grid{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:20px;max-width:1080px;margin:0 auto;}
.homenode{position:relative;text-align:center;border:1px solid var(--border-1);border-radius:var(--radius-4xl);padding:36px 28px;background:#fff;box-shadow:var(--shadow-sm);
  transition:transform 220ms ease,box-shadow 220ms ease,border-color 220ms ease;}
.homenode:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:rgba(16,185,129,.28);}
.homenode--hub{background:var(--slate-950);border-color:var(--slate-950);box-shadow:var(--shadow-lg);}
.homenode__ic{position:relative;width:64px;height:64px;margin:0 auto 18px;border-radius:var(--radius-2xl);display:flex;align-items:center;justify-content:center;}
.homenode__art{display:block;width:100%;max-width:200px;height:auto;margin:0 auto 12px;}
.homenode__ic--role{background:var(--status-success-bg);color:var(--brand-700);}
.homenode__ic--hub{background:rgba(255,255,255,.08);color:var(--brand-400);}
.homenode__ic--hub::before{content:"";position:absolute;inset:-8px;border-radius:inherit;border:1px solid rgba(52,211,153,.28);
  animation:home-soft-pulse 3.6s ease-in-out infinite;}
.homenode__role{font-size:var(--text-xl);font-weight:var(--fw-semibold);color:var(--slate-950);margin-bottom:8px;}
.homenode__p{font-size:var(--text-sm);line-height:var(--lh-body);color:var(--slate-600);margin:0;}
.homenode--hub .homenode__role{color:#fff;}
.homenode--hub .homenode__p{color:var(--slate-300);}
.homenode__brand{display:inline-flex;align-items:center;gap:8px;justify-content:center;margin-bottom:10px;}
.homenode__brand span{font-size:1.5rem;font-weight:var(--fw-bold);letter-spacing:-.03em;color:#fff;}
.homearrow{display:flex;align-items:center;justify-content:center;color:var(--brand-500);}
.homearrow svg{animation:home-arrow-breathe 3.2s ease-in-out infinite;}

/* SPEED OF BUSINESS — tinted band with globe */
.homespeed{background:var(--bg-app);border-block:1px solid var(--border-1);padding-block:88px;}
.homespeed__inner{display:grid;grid-template-columns:1.2fr .8fr;gap:56px;align-items:center;}
.homespeed__title{font-size:clamp(2rem,2vw + 1rem,2.75rem);font-weight:var(--fw-semibold);letter-spacing:var(--tracking-tight);line-height:var(--lh-snug);color:var(--slate-950);margin:0 0 18px;}
.homespeed__text{font-size:var(--text-lg);line-height:var(--lh-relaxed);color:var(--slate-600);margin:0 0 26px;max-width:46ch;}
.homespeed__globe{display:inline-flex;align-items:center;gap:10px;font-size:var(--text-base);font-weight:var(--fw-medium);
  color:var(--brand-700);background:var(--status-success-bg);border:1px solid var(--status-success-border);border-radius:var(--radius-full);padding:10px 20px;}
.homeglobe{position:relative;aspect-ratio:1;max-width:300px;margin:0 auto;width:100%;display:flex;align-items:center;justify-content:center;color:var(--brand-600);}
.homeglobe::before{content:"";position:absolute;inset:10%;border-radius:50%;background:rgba(16,185,129,.12);filter:blur(10px);
  animation:home-soft-pulse 4.8s ease-in-out infinite;}
.homeglobe img{position:relative;z-index:1;}
.homeglobe svg{width:100%;height:auto;}

@keyframes home-arrow-breathe{
  0%,100%{transform:translateX(0);opacity:.62;}
  50%{transform:translateX(4px);opacity:1;}
}
@keyframes home-soft-pulse{
  0%,100%{opacity:.42;transform:scale(.96);}
  50%{opacity:.86;transform:scale(1.04);}
}

@media(prefers-reduced-motion:reduce){
  .homenode__ic--hub::before,.homearrow svg,.homeglobe::before{animation:none;}
  .homenode{transition:none;}
}

@media(max-width:960px){
  .homehero__inner,.homespeed__inner{grid-template-columns:1fr;gap:40px;}
  .homehero__inner{padding-block:64px 72px;}
  .homechart__grid{grid-template-columns:1fr;gap:8px;}
  .homearrow{transform:rotate(90deg);}
  .homeglobe{max-width:220px;}
}
@media(max-width:600px){
  .homenode{padding:28px 22px;}
}

/* ===========================================================
   V2 INNER PAGES — light hero (like original) + illustration
   right. Content unchanged.
   =========================================================== */
.site-current .subhero{position:relative;overflow:hidden;}
.site-current .subhero .container{position:relative;z-index:1;}
.site-current .subhero__art{position:absolute;top:50%;right:3%;transform:translateY(-50%);width:clamp(240px,26vw,340px);height:auto;z-index:0;pointer-events:none;display:none;}
@media(min-width:900px){
  .site-current .subhero__art{display:block;}
  .site-current .subhero__inner{max-width:58%;margin-left:0;}
}

/* illustrated step cards */
.step--il{padding-top:24px;}
.step__il{display:block;width:100%;max-width:150px;height:auto;margin:0 auto 8px;}
.step--il .step__n{position:absolute;top:20px;left:24px;width:32px;height:32px;border-radius:var(--radius-lg);font-size:var(--text-sm);}
.step--il .step__t{text-align:center;}
.step--il .step__d{text-align:center;}
/* illustration card for two-col feature rows */
.il-card{background:linear-gradient(160deg,#fff,var(--bg-app));border:1px solid var(--border-1);border-radius:var(--radius-4xl);
  padding:24px;box-shadow:var(--shadow-sm);display:flex;align-items:center;justify-content:center;}
.il-card img{display:block;width:100%;max-width:340px;height:auto;}
/* illustrated feature media in fcards / tabs */
.tabs__panel-media img{width:100%;max-width:280px;height:auto;}
.fcard__il{display:block;width:100%;max-width:130px;height:auto;margin-bottom:14px;}
.pillar__il{display:block;width:100%;max-width:130px;height:auto;margin:0 auto 10px;}
.fcard--il{text-align:left;}
.fcard__topil{display:block;width:130px;height:auto;margin-bottom:16px;}

/* ===========================================================
   BENEFITS WHEEL (For Buyers) — segmented donut; hover a wedge
   to darken it and reveal its description.
   =========================================================== */
.wheel{position:relative;width:min(760px,96vw);aspect-ratio:1;margin:10px auto 0;}
.wedge{position:absolute;inset:0;background:#e5f7ef;transition:background 260ms ease;cursor:pointer;}
.wedge:hover,.wedge.is-hot{background:var(--slate-950);}
.wheel__hub{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:32%;height:32%;border-radius:50%;
  background:#fff;display:flex;align-items:center;justify-content:center;text-align:center;z-index:3;box-shadow:var(--shadow-md);pointer-events:none;}
.wheel__hub span{font-size:clamp(1.55rem,3.2vw,2.25rem);font-weight:var(--fw-bold);letter-spacing:-.02em;color:var(--slate-950);line-height:1.06;}
.seg-label{position:absolute;width:25%;transform:translate(-50%,-50%);text-align:center;z-index:4;pointer-events:auto!important;
  display:flex;flex-direction:column;align-items:center;gap:8px;}
.seg-ic{color:var(--brand-700);display:flex;transition:opacity 220ms ease;}
.seg-ic svg{width:34px;height:34px;}
.seg-t{font-size:clamp(.92rem,1.2vw,1.1rem);font-weight:var(--fw-bold);color:var(--slate-900);line-height:1.12;transition:color 220ms ease;text-wrap:balance;}
.seg-d{opacity:0;max-height:0;overflow:hidden;font-size:.78rem;line-height:1.24;color:var(--slate-100);
  transition:opacity 240ms ease,max-height 240ms ease;}
.seg-label:is(:hover,.is-hot) .seg-ic{display:none;}
.seg-label:is(:hover,.is-hot) .seg-t{color:#fff;}
.seg-label:is(:hover,.is-hot) .seg-d{opacity:1;max-height:150px;margin-top:2px;max-width:18ch;text-wrap:balance;}
.wheel:has(.wedge[data-i="0"]:hover) .seg-label[data-i="0"] .seg-ic,
.wheel:has(.wedge[data-i="1"]:hover) .seg-label[data-i="1"] .seg-ic,
.wheel:has(.wedge[data-i="2"]:hover) .seg-label[data-i="2"] .seg-ic,
.wheel:has(.wedge[data-i="3"]:hover) .seg-label[data-i="3"] .seg-ic,
.wheel:has(.wedge[data-i="4"]:hover) .seg-label[data-i="4"] .seg-ic,
.wheel:has(.wedge[data-i="5"]:hover) .seg-label[data-i="5"] .seg-ic,
.wheel:has(.wedge[data-i="6"]:hover) .seg-label[data-i="6"] .seg-ic,
.wheel:has(.wedge[data-i="7"]:hover) .seg-label[data-i="7"] .seg-ic{display:none;}
.wheel:has(.wedge[data-i="0"]:hover) .seg-label[data-i="0"] .seg-t,
.wheel:has(.wedge[data-i="1"]:hover) .seg-label[data-i="1"] .seg-t,
.wheel:has(.wedge[data-i="2"]:hover) .seg-label[data-i="2"] .seg-t,
.wheel:has(.wedge[data-i="3"]:hover) .seg-label[data-i="3"] .seg-t,
.wheel:has(.wedge[data-i="4"]:hover) .seg-label[data-i="4"] .seg-t,
.wheel:has(.wedge[data-i="5"]:hover) .seg-label[data-i="5"] .seg-t,
.wheel:has(.wedge[data-i="6"]:hover) .seg-label[data-i="6"] .seg-t,
.wheel:has(.wedge[data-i="7"]:hover) .seg-label[data-i="7"] .seg-t{color:#fff;}
.wheel:has(.wedge[data-i="0"]:hover) .seg-label[data-i="0"] .seg-d,
.wheel:has(.wedge[data-i="1"]:hover) .seg-label[data-i="1"] .seg-d,
.wheel:has(.wedge[data-i="2"]:hover) .seg-label[data-i="2"] .seg-d,
.wheel:has(.wedge[data-i="3"]:hover) .seg-label[data-i="3"] .seg-d,
.wheel:has(.wedge[data-i="4"]:hover) .seg-label[data-i="4"] .seg-d,
.wheel:has(.wedge[data-i="5"]:hover) .seg-label[data-i="5"] .seg-d,
.wheel:has(.wedge[data-i="6"]:hover) .seg-label[data-i="6"] .seg-d,
.wheel:has(.wedge[data-i="7"]:hover) .seg-label[data-i="7"] .seg-d{opacity:1;max-height:150px;margin-top:2px;max-width:18ch;text-wrap:balance;}
.wheel:has(.seg-label[data-i="0"]:hover) .wedge[data-i="0"],
.wheel:has(.seg-label[data-i="1"]:hover) .wedge[data-i="1"],
.wheel:has(.seg-label[data-i="2"]:hover) .wedge[data-i="2"],
.wheel:has(.seg-label[data-i="3"]:hover) .wedge[data-i="3"],
.wheel:has(.seg-label[data-i="4"]:hover) .wedge[data-i="4"],
.wheel:has(.seg-label[data-i="5"]:hover) .wedge[data-i="5"],
.wheel:has(.seg-label[data-i="6"]:hover) .wedge[data-i="6"],
.wheel:has(.seg-label[data-i="7"]:hover) .wedge[data-i="7"]{background:var(--slate-950);}
.wheel__list{display:none;}
@media(max-width:760px){
  .wheel{display:none;}
  .wheel__list{display:grid;grid-template-columns:1fr;gap:14px;}
}