/* ───── tokens ───── */
:root{
  --green:#7DC242;
  --green-deep:#5fa029;
  --green-soft:#eef7e2;
  --green-pale:#f7fbf0;
  --ink:#101510;
  --ink-2:#1a1a1a;
  --ink-3:#3a3a3a;
  --line:#e6e9df;
  --bg:#f6f7f1;
  --paper:#fbfcf6;
  --white:#ffffff;
  --radius:18px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  font-family:"Geist","Inter",system-ui,sans-serif;
  background:var(--bg);
  color:var(--ink);
  font-size:16px;
  line-height:1.5;
  overflow-x:hidden;
}
a{color:inherit;text-decoration:none}
em{font-style:normal;color:var(--green-deep)}

/* brand logo image (replaces SVG) */
.brand-logo{
  height:38px;width:auto;display:block;
  transition:transform .2s;
}
.brand-logo.big{height:54px}
.brand:hover .brand-logo{transform:scale(1.04)}
.brand-logo.invert{filter:brightness(0) invert(1)}
.kicker{
  font-family:"Geist Mono",monospace;
  font-size:12px;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:var(--ink-3);
  display:inline-block;
  margin-bottom:18px;
}
.kicker.light{color:rgba(255,255,255,.55)}
.big-head{
  font-family:"Bricolage Grotesque",sans-serif;
  font-weight:800;
  font-size:clamp(40px,6.5vw,108px);
  line-height:.96;
  letter-spacing:-.03em;
  color:var(--ink);
  text-wrap:balance;
}
.big-head.light{color:#fff}
.big-head em{color:var(--green)}

/* ───── nav ───── */
.nav{
  position:fixed;top:0;left:0;right:0;z-index:50;
  display:flex;align-items:center;justify-content:space-between;
  padding:18px 32px;
  background:transparent;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
  border-bottom:1px solid transparent;
  transition:background .3s ease, backdrop-filter .3s ease, border-color .3s ease, padding .25s ease;
}
.nav.scrolled{
  background:rgba(246,247,241,.88);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  border-bottom-color:var(--line);
  padding:12px 32px;
}

/* HOME — white nav links over dark video hero; logo stays natural color */
body[data-page="home"] .nav:not(.scrolled) .nav-links a{color:rgba(255,255,255,.85)}
body[data-page="home"] .nav:not(.scrolled) .nav-links a:hover,
body[data-page="home"] .nav:not(.scrolled) .nav-links a.active{color:#fff}
body[data-page="home"] .nav:not(.scrolled) .nav-links a::after{background:var(--green)}
body[data-page="home"] .nav:not(.scrolled) .nav-cta{
  background:rgba(255,255,255,.12);
  color:#fff;
  border:1px solid rgba(255,255,255,.22);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}
body[data-page="home"] .nav:not(.scrolled) .nav-cta:hover{
  background:var(--green);color:var(--ink);
  border-color:var(--green);
}
body[data-page="home"] .nav:not(.scrolled) .nav-burger span{background:#fff}
.brand{display:flex;align-items:center;gap:10px}
.brand-mark{width:36px;height:36px;display:block}
.brand-mark.big{width:56px;height:56px}
.brand-word{
  font-family:"Bricolage Grotesque",sans-serif;
  font-weight:800;font-size:22px;letter-spacing:-.02em;
  color:var(--ink);
}
.brand-word em{color:var(--green-deep)}
.brand-word.light{color:#fff}
.brand-word.light em{color:var(--green)}
.nav-links{display:flex;gap:28px}
.nav-links a{
  font-size:14.5px;font-weight:500;color:var(--ink-3);
  position:relative;padding:6px 0;
  transition:color .2s;
}
.nav-links a:hover{color:var(--ink)}
.nav-links a::after{
  content:"";position:absolute;left:0;bottom:0;
  width:0;height:1.5px;background:var(--green-deep);
  transition:width .25s;
}
.nav-links a:hover::after{width:100%}
.nav-cta{
  display:inline-flex;align-items:center;gap:8px;
  background:var(--ink);color:#fff;
  padding:10px 16px;border-radius:999px;
  font-family:"Geist Mono",monospace;
  font-size:13px;font-weight:500;
  transition:transform .2s, background .2s;
}
.nav-cta:hover{transform:translateY(-1px);background:#000}
.nav-burger{display:none;flex-direction:column;gap:5px;background:none;border:0;cursor:pointer;padding:8px}
.nav-burger span{display:block;width:22px;height:2px;background:var(--ink);border-radius:2px}

/* ───── btn ───── */
.btn{
  display:inline-flex;align-items:center;gap:10px;
  padding:14px 22px;border-radius:999px;
  font-weight:600;font-size:15px;
  border:1.5px solid transparent;cursor:pointer;
  transition:all .2s;
}
.btn-primary{background:var(--ink);color:#fff;border-color:var(--ink)}
.btn-primary:hover{background:var(--green-deep);border-color:var(--green-deep);transform:translateY(-1px)}
.btn-ghost{background:transparent;color:var(--ink);border-color:var(--ink-2)}
.btn-ghost:hover{background:var(--ink);color:#fff}

/* ───── hero ───── */
.hero{
  position:relative;
  min-height:100vh;
  background:var(--green-soft);
  padding:140px 32px 100px;
  overflow:hidden;
  isolation:isolate;
}
.hero-grid{
  position:absolute;inset:0;
  background-image:
    linear-gradient(rgba(125,194,66,.08) 1px,transparent 1px),
    linear-gradient(90deg,rgba(125,194,66,.08) 1px,transparent 1px);
  background-size:48px 48px;
  mask-image:radial-gradient(ellipse at center,#000 30%,transparent 80%);
  z-index:-1;
}
.hero-marks{position:absolute;top:0;bottom:0;display:flex;flex-direction:column;justify-content:space-around;padding:120px 0;z-index:-1}
.hero-marks.left{left:0;width:14px}
.hero-marks.right{right:0;width:14px}
.hero-marks span{display:block;width:8px;height:1.5px;background:var(--ink-2)}
.hero-marks .left span{margin-left:0}
.hero-marks.right span{margin-left:auto}
.hero-inner{
  position:relative;
  max-width:1280px;margin:0 auto;
  text-align:center;
}
.hero-eyebrow{
  display:inline-flex;align-items:center;gap:10px;
  background:rgba(255,255,255,.7);
  border:1px solid rgba(26,26,26,.1);
  padding:8px 16px;border-radius:999px;
  font-family:"Geist Mono",monospace;
  font-size:12px;letter-spacing:.08em;color:var(--ink-2);
  margin-bottom:40px;
}
.hero-eyebrow .dot{width:8px;height:8px;border-radius:50%;background:var(--green-deep);animation:pulse 1.6s infinite}
@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.4)}}
.hero-title{
  font-family:"Bricolage Grotesque",sans-serif;
  font-weight:800;
  font-size:clamp(56px,11vw,180px);
  line-height:.92;
  letter-spacing:-.045em;
  color:var(--ink);
  margin-bottom:36px;
}
.hero-title .line{display:block;overflow:hidden}
.hero-title .line span,
.hero-title .line{animation:rise 1s cubic-bezier(.2,.8,.2,1) both}
.hero-title .line:nth-child(2){animation-delay:.12s}
@keyframes rise{from{transform:translateY(110%);opacity:0}to{transform:translateY(0);opacity:1}}
.hero-sub{
  max-width:640px;margin:0 auto 40px;
  font-size:18px;color:var(--ink-3);
  text-wrap:pretty;
}
.hero-cta-row{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-bottom:80px}

.hero-stats{
  display:flex;gap:32px;justify-content:center;align-items:center;flex-wrap:wrap;
  padding:32px;
  background:rgba(255,255,255,.55);
  border:1px solid rgba(26,26,26,.08);
  border-radius:24px;
  max-width:920px;margin:0 auto;
}
.hero-stats div{text-align:left}
.hero-stats b{
  display:block;
  font-family:"Bricolage Grotesque",sans-serif;
  font-size:42px;font-weight:800;line-height:1;
  color:var(--ink);
}
.hero-stats span{display:block;font-size:13px;color:var(--ink-3);margin-top:6px}
.hero-stats i{display:block;width:1px;height:36px;background:var(--line)}

/* hero floating cards */
.hero-cards{position:absolute;inset:0;pointer-events:none;z-index:1}
.hero-cards .card{
  position:absolute;
  background:#fff;border:1px solid var(--line);
  border-radius:14px;padding:14px;
  box-shadow:0 18px 40px -20px rgba(0,0,0,.18);
  pointer-events:auto;
  animation:float 6s ease-in-out infinite;
}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
.card-receipt{
  top:160px;left:5%;width:260px;
  font-family:"Geist Mono",monospace;font-size:12px;
}
.card-receipt-head{display:flex;justify-content:space-between;color:var(--ink-3);margin-bottom:10px}
.receipt-row{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px dashed var(--line)}
.receipt-row.mono{color:var(--ink-3)}
.receipt-total{
  display:flex;justify-content:space-between;align-items:center;
  margin-top:10px;padding-top:10px;
  border-top:2px solid var(--ink);
}
.receipt-total strong{font-family:"Bricolage Grotesque";font-size:20px}
.muted{color:var(--ink-3)}

.card-pin{
  top:230px;right:5%;width:260px;height:170px;
  padding:0;overflow:hidden;
  animation-delay:-2s;
}
.card-pin svg{display:block}
.pin-meta{
  position:absolute;bottom:10px;left:12px;
  background:#fff;padding:6px 10px;border-radius:8px;
  border:1px solid var(--line);
}
.pin-meta strong{font-family:"Bricolage Grotesque";font-size:18px;display:block;line-height:1}
.pin-meta span{font-size:11px;color:var(--ink-3)}
.pin-pulse circle:first-child{animation:pulseRing 2s infinite}
@keyframes pulseRing{0%{transform:scale(1);opacity:.3}100%{transform:scale(2.2);opacity:0}}

.card-driver{
  top:520px;left:8%;width:280px;
  display:flex;align-items:center;gap:12px;
  animation-delay:-3s;
}
.driver-avatar{flex-shrink:0}
.driver-info{flex:1;display:flex;flex-direction:column;gap:2px;font-size:12px}
.driver-info strong{font-size:14px}
.driver-info .rating{color:var(--green-deep);font-family:"Geist Mono",monospace;font-size:11px}
.driver-eta{
  font-family:"Bricolage Grotesque";font-weight:800;font-size:24px;
  background:var(--green);padding:8px 12px;border-radius:10px;color:#fff;
}

.hero-rotator{
  position:relative;height:80px;
  margin-top:80px;
  font-family:"Bricolage Grotesque",sans-serif;
  font-weight:800;font-size:clamp(28px,4vw,52px);
  color:var(--green-deep);
  overflow:hidden;
}
.hero-rotator span{
  position:absolute;left:0;right:0;
  opacity:0;transform:translateY(60%);
  animation:rotword 12s infinite;
}
.hero-rotator span:nth-child(1){animation-delay:0s}
.hero-rotator span:nth-child(2){animation-delay:2.4s}
.hero-rotator span:nth-child(3){animation-delay:4.8s}
.hero-rotator span:nth-child(4){animation-delay:7.2s}
.hero-rotator span:nth-child(5){animation-delay:9.6s}
@keyframes rotword{
  0%,4%{opacity:0;transform:translateY(60%)}
  8%,16%{opacity:1;transform:translateY(0)}
  20%,100%{opacity:0;transform:translateY(-60%)}
}

/* ───── HERO VIDEO (full-bleed) ───── */
.hero-video{
  position:relative;
  min-height:100vh;
  padding:140px 32px 80px;
  background:#0a0a08;
  overflow:hidden;
  display:flex;flex-direction:column;justify-content:center;
  isolation:isolate;
}
.hero-video-bg{
  position:absolute;inset:0;z-index:-1;
  overflow:hidden;
  background:#0a0a08;
}
.hero-video-bg video{
  position:absolute;inset:0;
  width:100%;height:100%;
  object-fit:cover;
  filter:saturate(1.05) contrast(1.05);
  transform:scale(1.02);
}
.hero-video-overlay{
  position:absolute;inset:0;
  background:
    radial-gradient(ellipse at 50% 35%,rgba(0,0,0,.25) 0%,rgba(0,0,0,.55) 60%,rgba(0,0,0,.78) 100%),
    linear-gradient(180deg,rgba(10,10,8,.35) 0%,rgba(10,10,8,.2) 35%,rgba(10,10,8,.6) 100%);
}
.hero-video-grain{
  position:absolute;inset:0;
  background-image:radial-gradient(circle,rgba(255,255,255,.03) 1px,transparent 1px);
  background-size:3px 3px;
  pointer-events:none;
  mix-blend-mode:overlay;
  opacity:.4;
}
.hero-video-inner{
  position:relative;z-index:2;
  max-width:920px;margin:0 auto;
  text-align:center;
  color:#fff;
}
.hero-video .hero-eyebrow.light{
  background:rgba(255,255,255,.1);
  border:1px solid rgba(255,255,255,.18);
  color:#fff;
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  margin-bottom:36px;
  font-size:11.5px;letter-spacing:.16em;
}
.hero-video .hero-eyebrow.light .dot{background:var(--green)}

.hero-mega{
  font-family:"Bricolage Grotesque",sans-serif;
  font-weight:800;
  font-size:clamp(48px,9vw,140px);
  line-height:.94;
  letter-spacing:-.04em;
  color:#fff;
  text-wrap:balance;
  margin:0 0 32px;
  text-shadow:0 4px 40px rgba(0,0,0,.35);
  animation:rise 1s cubic-bezier(.2,.8,.2,1) both;
}
.hero-mega em{
  font-style:normal;
  color:var(--green);
  display:inline-block;
  position:relative;
}
.hero-mega-sub{
  max-width:620px;margin:0 auto 44px;
  font-size:clamp(16px,1.4vw,20px);
  line-height:1.5;
  color:rgba(255,255,255,.78);
  text-wrap:pretty;
}

.hero-video .hero-cta-row{
  justify-content:center;margin-bottom:60px;gap:14px;
}
.btn-xl{
  padding:18px 32px;font-size:14.5px;letter-spacing:.06em;
  font-family:"Geist Mono",monospace;font-weight:700;
  text-transform:uppercase;
}
.btn-xl svg{flex-shrink:0}

.hero-quick-meta{
  display:flex;justify-content:center;gap:0;flex-wrap:wrap;
  max-width:780px;margin:0 auto;
  border-top:1px solid rgba(255,255,255,.12);
  border-bottom:1px solid rgba(255,255,255,.12);
}
.hero-quick-meta > div{
  flex:1;padding:18px 20px;
  text-align:left;
  border-right:1px solid rgba(255,255,255,.08);
  display:flex;flex-direction:column;gap:4px;
  font-size:13px;color:rgba(255,255,255,.7);
}
.hero-quick-meta > div:last-child{border-right:none}
.hero-quick-meta b{
  font-family:"Bricolage Grotesque",sans-serif;
  font-size:22px;font-weight:700;color:#fff;
  letter-spacing:-.01em;
  display:flex;align-items:center;gap:8px;
}
.hero-quick-meta i{font-style:normal;font-size:11px;color:rgba(255,255,255,.5);font-family:"Geist Mono",monospace;letter-spacing:.04em}
.hero-quick-meta .qm-dot{
  width:8px;height:8px;border-radius:50%;
  background:var(--green);
  box-shadow:0 0 0 0 rgba(125,194,66,.6);
  animation:qmPulse 1.8s infinite;
}
@keyframes qmPulse{
  0%{box-shadow:0 0 0 0 rgba(125,194,66,.6)}
  70%{box-shadow:0 0 0 10px rgba(125,194,66,0)}
  100%{box-shadow:0 0 0 0 rgba(125,194,66,0)}
}

.hero-scroll-cue{
  position:absolute;left:50%;bottom:30px;
  transform:translateX(-50%);
  display:flex;flex-direction:column;align-items:center;gap:10px;
  font-family:"Geist Mono",monospace;
  font-size:11px;letter-spacing:.18em;
  color:rgba(255,255,255,.5);
  z-index:3;
}
.hsc-line{
  width:1px;height:36px;
  background:linear-gradient(to bottom,rgba(255,255,255,.5),transparent);
  position:relative;overflow:hidden;
}
.hsc-line::after{
  content:"";position:absolute;top:0;left:0;
  width:100%;height:50%;
  background:var(--green);
  animation:scrollDot 2s ease-in-out infinite;
}
@keyframes scrollDot{
  0%{transform:translateY(-100%)}
  50%{transform:translateY(50%)}
  100%{transform:translateY(200%)}
}

/* ───── RIDE FLOW (cards moved here) ───── */
/* ───── why cool (magazine split + foto mozaik + plutajuce kartice) ───── */
.why-cool{
  position:relative;
  padding:140px 32px 110px;
  background:var(--bg);
  overflow:hidden;
}
.wc-bg-grain{
  position:absolute;inset:0;pointer-events:none;z-index:0;
  background:
    radial-gradient(circle at 85% 15%, rgba(125,194,66,.10), transparent 45%),
    radial-gradient(circle at 10% 85%, rgba(125,194,66,.06), transparent 50%);
}
.wc-inner{
  position:relative;z-index:1;
  max-width:1320px;margin:0 auto;
  display:grid;
  grid-template-columns:1fr 1.05fr;
  gap:90px;
  align-items:center;
}

/* LEVO — editorial tekst */
.wc-text .kicker{
  display:inline-flex;align-items:center;gap:8px;
  margin-bottom:18px;
}
.wc-text .kicker .dot{
  width:8px;height:8px;border-radius:50%;
  background:var(--green);
  box-shadow:0 0 0 4px rgba(125,194,66,.18);
}
.wc-text .big-head{margin-bottom:22px}
.wc-lede{
  font-size:18px;line-height:1.6;
  color:var(--ink-3);
  max-width:500px;margin:0 0 36px;
  text-wrap:pretty;
}
.wc-points{
  list-style:none;padding:0;
  margin:0 0 36px;
  display:flex;flex-direction:column;gap:14px;
}
.wc-points li{
  display:flex;gap:16px;align-items:flex-start;
  padding:18px 20px;
  background:#fff;
  border:1px solid rgba(26,26,26,.06);
  border-radius:16px;
  transition:transform .35s ease, border-color .35s ease, box-shadow .35s ease;
}
.wc-points li:hover{
  transform:translateY(-3px);
  border-color:var(--green);
  box-shadow:0 22px 40px -22px rgba(95,160,41,.25);
}
.wcp-num{
  width:36px;height:36px;flex-shrink:0;
  background:var(--green);
  color:var(--ink);
  border:2px solid var(--ink);
  border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  font-family:"Geist Mono",monospace;
  font-size:12px;font-weight:700;
}
.wc-points li > div{display:flex;flex-direction:column;gap:4px;min-width:0}
.wc-points li strong{
  font-family:"Bricolage Grotesque",sans-serif;
  font-size:17px;font-weight:700;letter-spacing:-.01em;
  color:var(--ink);
}
.wc-points li span{
  font-size:14px;line-height:1.5;color:var(--ink-3);
  text-wrap:pretty;
}
.wc-ctas{display:flex;gap:12px;flex-wrap:wrap}

/* DESNO — foto mozaik */
.wc-visual{
  position:relative;
  aspect-ratio:1/1.05;
  max-width:600px;
  width:100%;
  justify-self:center;
}
.wc-mosaic{
  position:relative;z-index:1;
  width:100%;height:100%;
  display:grid;
  grid-template-columns:1.55fr 1fr;
  grid-template-rows:1fr 1fr;
  gap:14px;
}
.wcm-tile{
  border-radius:22px;
  overflow:hidden;
  background:#1a1a1a;
  position:relative;
}
.wcm-tile::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,transparent 60%,rgba(0,0,0,.12));
  pointer-events:none;
}
.wcm-tile img{
  width:100%;height:100%;object-fit:cover;display:block;
  transition:transform .9s cubic-bezier(.2,.8,.2,1);
}
.wcm-tile:hover img{transform:scale(1.06)}
.wcm-main{
  grid-row:1/span 2;
  border-radius:26px;
}
.wcm-side-top img,
.wcm-side-bot img{object-position:center 35%}

/* plutajuce kartice */
.wc-float{
  position:absolute;z-index:5;
  background:#fff;
  border-radius:14px;
  box-shadow:0 30px 60px -25px rgba(0,0,0,.35),0 0 0 1px rgba(255,255,255,.6);
  padding:14px 16px;
}

/* ETA — gornji levi cosak */
.wc-float-eta{
  top:-5%;left:-10%;
  width:220px;
  display:flex;align-items:center;gap:12px;
  border-left:3px solid var(--green);
  animation:wcFloatA 6s ease-in-out infinite;
}
.wcfeta-icon{
  width:36px;height:36px;flex-shrink:0;
  background:var(--green-soft);color:var(--green-deep);
  border-radius:10px;
  display:flex;align-items:center;justify-content:center;
}
.wcfeta-body{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}
.wcfeta-body strong{
  font-family:"Bricolage Grotesque",sans-serif;
  font-size:14px;font-weight:700;letter-spacing:-.01em;
  color:var(--ink);
}
.wcfeta-body span{
  font-family:"Geist Mono",monospace;
  font-size:10.5px;color:var(--ink-3);letter-spacing:.02em;
}
.wcfeta-pulse{width:10px;height:10px;flex-shrink:0;position:relative}
.wcfeta-pulse span{
  position:absolute;inset:0;
  width:100%;height:100%;
  background:var(--green);border-radius:50%;
  animation:wcPulse 1.6s infinite;
}

/* Flota — gornji desni cosak */
.wc-float-fleet{
  top:-5%;right:-8%;
  width:130px;
  text-align:center;
  transform:rotate(4deg);
  animation:wcFloatB 7s ease-in-out infinite;
}
.wcff-num{
  font-family:"Bricolage Grotesque",sans-serif;
  font-size:42px;font-weight:800;line-height:1;
  letter-spacing:-.03em;
  color:var(--ink);
}
.wcff-num span{color:var(--green-deep)}
.wcff-meta{
  font-family:"Geist Mono",monospace;
  font-size:10px;color:var(--ink-3);
  letter-spacing:.04em;margin-top:8px;line-height:1.4;
}
.wcff-meta i{font-style:normal;color:var(--green-deep);font-weight:600}

/* Rating — donji levi cosak */
.wc-float-rating{
  bottom:-5%;left:-9%;
  width:150px;
  transform:rotate(-3deg);
  animation:wcFloatC 7.5s ease-in-out infinite;
}
.wcfr-stars{
  color:var(--green-deep);font-size:14px;letter-spacing:2px;
  margin-bottom:6px;
}
.wcfr-body{display:flex;align-items:baseline;gap:10px}
.wcfr-body strong{
  font-family:"Bricolage Grotesque",sans-serif;
  font-size:30px;font-weight:800;line-height:1;
  letter-spacing:-.02em;color:var(--ink);
}
.wcfr-body span{
  font-family:"Geist Mono",monospace;
  font-size:10px;color:var(--ink-3);
}

/* Fiksna cena — donji desni cosak */
.wc-float-price{
  bottom:-5%;right:-6%;
  width:220px;
  animation:wcFloatA 6.5s ease-in-out infinite;
  animation-delay:-2s;
}
.wcfp-head{
  font-family:"Geist Mono",monospace;
  font-size:10px;color:var(--ink-3);
  letter-spacing:.06em;text-transform:uppercase;
  margin-bottom:10px;
}
.wcfp-row{
  display:flex;justify-content:space-between;align-items:baseline;
  padding-top:8px;border-top:1px dashed rgba(26,26,26,.14);
}
.wcfp-row span{font-size:12px;color:var(--ink-3)}
.wcfp-row strong{
  font-family:"Bricolage Grotesque",sans-serif;
  font-size:22px;font-weight:800;color:var(--green-deep);
  letter-spacing:-.02em;
}
.wcfp-row strong i{
  font-style:normal;font-size:11px;color:var(--ink-3);
  margin-left:2px;font-weight:500;
}
.wcfp-foot{
  margin-top:8px;
  font-family:"Geist Mono",monospace;
  font-size:9.5px;color:var(--ink-3);letter-spacing:.02em;
}

/* foot rotator */
.wc-foot{
  position:relative;z-index:1;
  margin-top:90px;text-align:center;
}
.wc-foot .hero-rotator{
  margin:0;height:56px;
  font-size:clamp(20px,3vw,36px);
}

/* animacije */
@keyframes wcFloatA{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-10px)}
}
@keyframes wcFloatB{
  0%,100%{transform:rotate(4deg) translateY(0)}
  50%{transform:rotate(4deg) translateY(-12px)}
}
@keyframes wcFloatC{
  0%,100%{transform:rotate(-3deg) translateY(0)}
  50%{transform:rotate(-3deg) translateY(-8px)}
}
@keyframes wcPulse{
  0%{box-shadow:0 0 0 0 rgba(125,194,66,.65)}
  70%{box-shadow:0 0 0 8px rgba(125,194,66,0)}
  100%{box-shadow:0 0 0 0 rgba(125,194,66,0)}
}

/* responsive */
@media (max-width: 1024px){
  .hero-mega{font-size:clamp(44px,11vw,84px)}
  .hero-quick-meta > div{flex:1 1 50%;border-right:none;border-bottom:1px solid rgba(255,255,255,.08)}
  .hero-quick-meta > div:last-child,.hero-quick-meta > div:nth-last-child(2){border-bottom:none}
  .wc-inner{grid-template-columns:1fr;gap:80px}
  .wc-visual{max-width:520px;margin:0 auto}
}
@media (max-width: 720px){
  .hero-video{padding:120px 18px 80px;min-height:90vh}
  .hero-video .hero-cta-row{flex-direction:column;align-items:stretch}
  .hero-video .btn-xl{justify-content:center;padding:16px 22px}
  .hero-quick-meta > div{flex:1 1 100%;border-bottom:1px solid rgba(255,255,255,.08)}
  .hero-quick-meta > div:last-child{border-bottom:none}
  .hero-scroll-cue{display:none}
  .why-cool{padding:80px 18px 70px}
  .wc-inner{gap:60px}
  .wc-lede{font-size:16px;margin-bottom:28px}
  .wc-points li{padding:14px 16px}
  .wc-points li strong{font-size:15.5px}
  .wc-visual{aspect-ratio:1/1.1;max-width:380px}
  .wc-mosaic{gap:10px}
  .wcm-tile{border-radius:18px}
  .wc-float-eta{width:190px;left:-3%;top:-3%;padding:10px 12px}
  .wcfeta-body strong{font-size:13px}
  .wc-float-fleet{width:105px;right:-3%;top:-3%;padding:12px}
  .wcff-num{font-size:30px}
  .wc-float-rating{width:125px;left:-3%;bottom:-3%;padding:12px 14px}
  .wcfr-body strong{font-size:24px}
  .wc-float-price{width:180px;right:-3%;bottom:-3%;padding:12px 14px}
  .wcfp-row strong{font-size:18px}
  .wc-foot{margin-top:60px}
}

/* ───── HERO SPLIT (new redesign) ───── */
.hero-split{
  min-height:auto;
  padding:140px 32px 80px;
}
.hero-split-inner{
  position:relative;
  max-width:1320px;margin:0 auto;
  display:grid;grid-template-columns:1.05fr 1fr;gap:80px;align-items:center;
  text-align:left;
}
.hero-split .hero-eyebrow{margin-bottom:28px}
.hero-split .hero-title{
  font-size:clamp(48px,8vw,128px);
  margin-bottom:24px;
  text-align:left;
}
.hero-split .hero-sub{
  margin:0 0 36px;
  text-align:left;font-size:18px;
  max-width:520px;
}
.hero-split .hero-cta-row{
  justify-content:flex-start;margin-bottom:48px;
}
.hero-split .hero-stats{
  display:flex;gap:0;justify-content:flex-start;
  padding:0;background:transparent;border:none;
  margin:0;max-width:none;
  border-top:1px solid rgba(26,26,26,.12);
  border-bottom:1px solid rgba(26,26,26,.12);
}
.hero-split .hero-stats > div{
  flex:1;padding:20px 16px;text-align:left;
  border-right:1px solid rgba(26,26,26,.06);
}
.hero-split .hero-stats > div:last-child{border-right:none}
.hero-split .hero-stats i{display:none}
.hero-split .hero-stats b{font-size:30px}
.hero-split .hero-stats span{
  font-family:"Geist Mono",monospace;font-size:11px;
  letter-spacing:.06em;color:var(--ink-3);
  margin-top:6px;
}

/* hero photo */
.hero-visual{
  position:relative;
  aspect-ratio:1/1.05;
  max-width:560px;justify-self:end;width:100%;
}
.hero-photo{
  position:absolute;inset:8% 4% 8% 4%;
  border-radius:32px;overflow:hidden;
  box-shadow:0 40px 80px -30px rgba(0,0,0,.35);
  background:#1a1a1a;
}
.hero-photo-img{
  width:100%;height:100%;
  object-fit:cover;display:block;
  animation:photoZoom 12s ease-in-out infinite alternate;
}
@keyframes photoZoom{
  from{transform:scale(1)}
  to{transform:scale(1.06)}
}
.hero-photo::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(160deg,transparent 50%,rgba(0,0,0,.35) 100%);
  pointer-events:none;
}
.hero-photo-tag{
  position:absolute;top:18px;left:18px;
  display:inline-flex;align-items:center;gap:8px;
  background:rgba(255,255,255,.95);
  backdrop-filter:blur(6px);
  padding:8px 14px;border-radius:999px;
  font-family:"Geist Mono",monospace;
  font-size:12px;font-weight:600;letter-spacing:.05em;
  color:var(--ink);
}
.hero-photo-tag .tag-dot{
  width:8px;height:8px;border-radius:50%;
  background:#e74c3c;
  animation:pulse 1.6s infinite;
}
.hero-photo-num{
  position:absolute;bottom:18px;right:18px;
  font-family:"Bricolage Grotesque",sans-serif;
  font-weight:800;font-size:42px;line-height:1;
  color:#fff;letter-spacing:-.03em;
  opacity:.9;
}

/* hero floating cards (new positions over photo) */
.hero-visual .card{
  position:absolute;
  background:#fff;border:1px solid var(--line);
  border-radius:14px;padding:14px;
  box-shadow:0 18px 40px -16px rgba(0,0,0,.22);
  animation:float 6s ease-in-out infinite;
  z-index:3;
}
.hero-float-1{
  top:0;left:-18%;width:240px;
  font-family:"Geist Mono",monospace;font-size:12px;
}
.hero-float-2{
  top:18%;right:-14%;width:220px;height:140px;
  padding:0;overflow:hidden;
  animation-delay:-2s;
}
.hero-float-3{
  bottom:4%;left:-10%;width:260px;
  display:flex;align-items:center;gap:12px;
  animation-delay:-3s;
}

/* legacy hero-cards block: keep but disable on split */
.hero-split .hero-cards{display:none}

.hero-split .hero-rotator{
  margin-top:60px;text-align:center;
  height:64px;font-size:clamp(24px,3.6vw,44px);
}

@media (max-width: 1100px){
  .hero-split-inner{grid-template-columns:1fr;gap:120px}
  .hero-visual{justify-self:center;max-width:480px}
  .hero-float-1{left:-4%}
  .hero-float-2{right:-4%}
  .hero-float-3{left:-2%}
}
@media (max-width: 720px){
  .hero-split{padding:120px 18px 60px}
  .hero-visual{max-width:340px;aspect-ratio:1/1.1}
  .hero-float-1{width:200px;left:-6%;top:-4%}
  .hero-float-1 .receipt-row:nth-of-type(3){display:none}
  .hero-float-2{width:170px;height:108px;right:-4%;top:24%}
  .hero-float-3{width:220px;left:-4%;bottom:-2%}
  .hero-split .hero-stats{flex-wrap:wrap}
  .hero-split .hero-stats > div{flex:1 1 50%;border-right:none;border-bottom:1px solid rgba(26,26,26,.06)}
  .hero-split .hero-stats > div:nth-last-child(-n+2){border-bottom:none}
  .hero-split .hero-cta-row{flex-direction:column;align-items:stretch}
  .hero-split .hero-cta-row .btn{justify-content:center}
}

/* ───── ticker ───── */
.ticker{
  background:var(--ink);color:#fff;
  padding:18px 0;overflow:hidden;
  border-top:1px solid var(--ink);
  border-bottom:1px solid var(--ink);
}
.ticker-track{
  display:flex;gap:48px;
  animation:tick 40s linear infinite;
  white-space:nowrap;
  font-family:"Geist Mono",monospace;
  font-size:14px;letter-spacing:.05em;
}
.ticker-track span:nth-child(odd){color:var(--green)}
@keyframes tick{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* ───── about ───── */
.about{padding:120px 32px;background:var(--bg)}
.about-head{max-width:1280px;margin:0 auto 80px}
.about-body{
  max-width:1280px;margin:0 auto;
  display:grid;grid-template-columns:1.1fr 1fr;gap:80px;align-items:center;
}
.about-text .lead{
  font-family:"Bricolage Grotesque",sans-serif;
  font-size:24px;font-weight:500;line-height:1.35;
  margin-bottom:20px;color:var(--ink);
  text-wrap:pretty;
}
.about-text p{color:var(--ink-3);margin-bottom:32px;text-wrap:pretty}
.values{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:32px}
.value{
  padding:20px;background:var(--paper);
  border:1px solid var(--line);border-radius:14px;
  transition:transform .2s, border-color .2s;
}
.value:hover{transform:translateY(-3px);border-color:var(--green)}
.value svg{margin-bottom:12px}
.value strong{display:block;font-size:16px;font-weight:700;margin-bottom:4px}
.value span{font-size:13.5px;color:var(--ink-3)}
.about-visual{position:relative;aspect-ratio:1;max-width:480px;margin:0 auto;width:100%}
.ring{width:100%;height:100%;display:block}
.ring-arc{animation:dash 3s ease-out forwards}
@keyframes dash{from{stroke-dashoffset:942}to{stroke-dashoffset:120}}
.ring-orbit{transform-origin:160px 160px;animation:orbit 20s linear infinite}
.ring-orbit-2{animation-duration:14s;animation-direction:reverse}
@keyframes orbit{from{transform:rotate(0)}to{transform:rotate(360deg)}}
.ring-labels{position:absolute;inset:0;pointer-events:none}
.ring-label{
  position:absolute;left:var(--x);top:var(--y);
  background:#fff;border:1px solid var(--line);
  padding:6px 10px;border-radius:8px;
  font-family:"Geist Mono",monospace;font-size:11px;color:var(--ink-2);
  box-shadow:0 4px 12px -6px rgba(0,0,0,.1);
  white-space:nowrap;
}

/* ───── services ───── */
.services{padding:120px 32px;background:var(--paper);border-top:1px solid var(--line)}
.services-head{max-width:1280px;margin:0 auto 70px}
.services-intro{margin-top:24px;max-width:560px;color:var(--ink-3);font-size:18px}
.service-grid{
  max-width:1280px;margin:0 auto;
  display:grid;grid-template-columns:repeat(3,1fr);gap:20px;
}
.srv{
  background:#fff;border:1px solid var(--line);
  border-radius:20px;padding:28px;
  position:relative;overflow:hidden;
  transition:transform .25s, border-color .25s, box-shadow .25s;
}
.srv:hover{transform:translateY(-4px);border-color:var(--green);box-shadow:0 24px 50px -30px rgba(0,0,0,.15)}
.srv-num{
  position:absolute;top:20px;right:24px;
  font-family:"Geist Mono",monospace;font-size:12px;color:var(--ink-3);
}
.srv-icon{width:80px;height:60px;margin-bottom:24px}
.srv h3{
  font-family:"Bricolage Grotesque",sans-serif;
  font-size:26px;font-weight:700;letter-spacing:-.02em;
  margin-bottom:10px;
}
.srv p{font-size:14.5px;color:var(--ink-3);margin-bottom:14px;text-wrap:pretty}
.srv ul{list-style:none;display:flex;flex-direction:column;gap:6px;margin-top:14px}
.srv ul li{
  position:relative;padding-left:20px;font-size:13.5px;color:var(--ink-2);
}
.srv ul li::before{
  content:"";position:absolute;left:0;top:7px;
  width:8px;height:8px;background:var(--green);border-radius:2px;
}
.srv-pill{
  display:inline-block;
  margin-top:10px;
  padding:6px 12px;border-radius:999px;
  background:var(--green-pale);color:var(--green-deep);
  font-family:"Geist Mono",monospace;font-size:11px;letter-spacing:.06em;
}
.srv-pill-dark{background:var(--ink);color:var(--green)}
.srv-lg{grid-column:span 2;background:linear-gradient(135deg,#fff 60%,var(--green-pale))}
.srv-dark{background:var(--ink);color:#fff;grid-row:span 1}
.srv-dark h3{color:#fff}
.srv-dark p{color:rgba(255,255,255,.7)}
.srv-accent{background:linear-gradient(135deg,var(--green-pale),#fff)}

/* request form */
.request{
  max-width:1280px;margin:80px auto 0;
  background:var(--ink);color:#fff;
  border-radius:28px;
  display:grid;grid-template-columns:1fr 1.2fr;gap:0;
  overflow:hidden;
}
.request-side{padding:52px 48px;border-right:1px solid rgba(255,255,255,.1)}
.request-side h3{
  font-family:"Bricolage Grotesque",sans-serif;
  font-size:38px;font-weight:700;line-height:1.1;letter-spacing:-.02em;
  margin-bottom:20px;
}
.request-side h3 em{color:var(--green)}
.request-side p{color:rgba(255,255,255,.65);margin-bottom:32px;text-wrap:pretty}
.request-quick{display:flex;flex-direction:column;gap:14px}
.request-quick a{
  display:flex;align-items:center;gap:10px;
  font-family:"Geist Mono",monospace;font-size:14px;
  color:var(--green);
  transition:color .2s;
}
.request-quick a:hover{color:#fff}
.request-form{padding:52px 48px;display:flex;flex-direction:column;gap:18px}
.request-form .row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.request-form label{display:flex;flex-direction:column;gap:6px;font-size:13px;color:rgba(255,255,255,.65)}
.request-form label.full{grid-column:1/-1}
.request-form input,
.request-form select,
.request-form textarea{
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.12);
  color:#fff;
  padding:12px 14px;border-radius:10px;
  font-family:inherit;font-size:14.5px;
  transition:border-color .2s, background .2s;
}
.request-form input:focus,
.request-form select:focus,
.request-form textarea:focus{
  outline:none;border-color:var(--green);background:rgba(255,255,255,.1);
}
.request-form select{appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'><path fill='%237DC242' d='M6 8 0 0h12z'/></svg>");background-repeat:no-repeat;background-position:right 14px center;background-size:10px}
.request-form option{background:#161616;color:#fff}
.form-foot{align-items:center}
.check{flex-direction:row !important;align-items:center;gap:8px !important;font-size:12.5px !important;color:rgba(255,255,255,.6) !important}
.check input{width:auto;padding:0}
.form-foot .btn-primary{background:var(--green);color:var(--ink);border-color:var(--green);justify-self:end}
.form-foot .btn-primary:hover{background:#fff;border-color:#fff}
.form-thanks{
  display:none;
  grid-column:1/-1;
  margin-top:6px;padding:14px 18px;
  background:rgba(125,194,66,.12);
  border:1px solid var(--green);
  color:var(--green);
  border-radius:10px;
  font-size:14px;
  align-items:center;gap:10px;
}
.form-thanks.show{display:flex}

/* ───── strip (cards) ───── */
.strip{background:var(--ink);color:#fff;padding:120px 32px;overflow:hidden;position:relative}
.strip::before{
  content:"";position:absolute;inset:0;
  background-image:radial-gradient(circle,rgba(125,194,66,.15) 1px,transparent 1px);
  background-size:32px 32px;
  opacity:.5;
}
.strip-inner{
  position:relative;max-width:1280px;margin:0 auto;
  display:grid;grid-template-columns:1.1fr 1fr;gap:60px;align-items:center;
}
.strip-text p{color:rgba(255,255,255,.7);margin-top:24px;font-size:18px;max-width:540px;text-wrap:pretty}
.strip-cards{display:flex;flex-wrap:wrap;gap:10px;margin-top:32px}
.cc{
  padding:8px 14px;border:1px solid rgba(255,255,255,.2);
  border-radius:999px;font-family:"Geist Mono",monospace;
  font-size:12px;letter-spacing:.06em;
}
.strip-visual{position:relative;display:flex;justify-content:center;width:100%}
.terminal{
  background:#222;border-radius:18px;padding:18px;width:240px;
  position:absolute;top:20%;left:5%;
  box-shadow:0 30px 60px -30px rgba(0,0,0,.6);
  transform:rotate(-6deg);
  animation:terminalFloat 4s ease-in-out infinite;
}
@keyframes terminalFloat{0%,100%{transform:rotate(-6deg) translateY(0)}50%{transform:rotate(-6deg) translateY(-8px)}}
.terminal-screen{
  background:#a8d680;color:#0e1f0a;
  padding:12px;border-radius:6px;margin-bottom:14px;
  font-family:"Geist Mono",monospace;
}
.ts-row{display:flex;justify-content:space-between;font-size:11px;letter-spacing:.05em}
.ts-row.mono{margin-top:8px}
.ts-amount{font-size:30px;font-weight:700;text-align:right;margin:8px 0;letter-spacing:-.02em}
.ts-amount span{font-size:18px;opacity:.6}
.terminal-keys{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.terminal-keys span{
  aspect-ratio:1.5;background:#3a3a3a;border-radius:4px;
}
.terminal-keys .red{background:#c0392b}
.terminal-keys .green{background:var(--green)}
.card-tap{
  position:absolute;top:55%;right:8%;width:160px;
  transform:rotate(12deg);
  animation:tapFloat 4s ease-in-out infinite;
}
@keyframes tapFloat{0%,100%{transform:rotate(12deg) translate(0,0)}50%{transform:rotate(12deg) translate(-8px,-4px)}}

/* strip photo (replaces terminal SVG) */
.strip-photo{
  position:relative;
  aspect-ratio:3/4;max-width:420px;margin:0 auto;width:100%;
  border-radius:24px;overflow:hidden;
  box-shadow:0 40px 80px -30px rgba(0,0,0,.6),0 0 0 1px rgba(125,194,66,.2);
}
.strip-photo img{
  width:100%;height:100%;object-fit:cover;display:block;
  animation:photoZoom 14s ease-in-out infinite alternate;
}
.strip-photo::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,transparent 50%,rgba(0,0,0,.45) 100%);
  pointer-events:none;
}
.strip-photo-badge{
  position:absolute;top:18px;right:18px;
  display:inline-flex;align-items:center;gap:8px;
  padding:10px 14px;
  background:var(--green);color:var(--ink);
  border-radius:999px;
  font-family:"Geist Mono",monospace;
  font-size:12px;font-weight:700;letter-spacing:.04em;
  box-shadow:0 12px 24px -10px rgba(125,194,66,.6);
  animation:float 5s ease-in-out infinite;
}
.strip-photo-tag{
  position:absolute;bottom:18px;left:18px;
  display:inline-flex;align-items:center;gap:8px;
  background:rgba(255,255,255,.95);
  backdrop-filter:blur(6px);
  padding:8px 14px;border-radius:999px;
  font-family:"Geist Mono",monospace;
  font-size:12px;font-weight:600;letter-spacing:.05em;
  color:var(--ink);
}
.strip-photo-tag .tag-dot{
  width:8px;height:8px;border-radius:50%;
  background:var(--green-deep);animation:pulse 1.6s infinite;
}

/* ───── GALERIJA (index) ───── */
.gallery{
  padding:120px 32px;
  background:var(--bg);
}
.gallery-head{
  max-width:1280px;margin:0 auto 60px;
  text-align:center;
}
.gallery-pill{
  display:inline-flex;align-items:center;gap:8px;
  padding:8px 18px;
  background:var(--green-soft);
  color:var(--green-deep);
  border-radius:999px;
  font-family:"Geist Mono",monospace;
  font-size:12px;font-weight:700;letter-spacing:.12em;
  margin-bottom:24px;
}
.gallery-head .big-head{
  font-size:clamp(40px,6vw,84px);
  margin-bottom:18px;
}
.gallery-head p{
  font-size:18px;color:var(--ink-3);
  max-width:540px;margin:0 auto;
}
.gallery-grid{
  max-width:1280px;margin:0 auto;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:20px;
}
.g-tile{
  position:relative;
  aspect-ratio:4/3;
  border-radius:20px;overflow:hidden;
  background:#1a1a1a;
  transition:transform .35s, box-shadow .35s;
}
.g-tile img{
  width:100%;height:100%;object-fit:cover;display:block;
  transition:transform .8s cubic-bezier(.2,.8,.2,1);
}
.g-tile:hover{
  transform:translateY(-4px);
  box-shadow:0 30px 60px -25px rgba(0,0,0,.35);
}
.g-tile:hover img{transform:scale(1.06)}

@media (max-width: 1024px){
  .gallery-grid{grid-template-columns:repeat(2,1fr);gap:16px}
}
@media (max-width: 720px){
  .gallery{padding:80px 18px}
  .gallery-grid{grid-template-columns:1fr;gap:14px}
  .strip-photo{aspect-ratio:4/5;max-width:340px}
}

/* ───── fleet ───── */
.fleet{padding:100px 0 0;background:var(--bg);overflow:hidden}
.fleet-head{max-width:1280px;margin:0 auto 60px;padding:0 32px;text-align:center}
.fleet-head p{margin-top:20px;max-width:580px;margin-left:auto;margin-right:auto;color:var(--ink-3)}
.fleet-marquee{
  display:flex;
  overflow:hidden;
  padding:30px 0 100px;
  mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);
}
.fleet-track{
  display:flex;gap:20px;
  animation:fleetSlide 40s linear infinite;
}
.fleet-card{
  flex-shrink:0;width:380px;aspect-ratio:4/3;
  border-radius:18px;overflow:hidden;
  position:relative;
  border:1px solid var(--line);
}
.fleet-card img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s}
.fleet-card:hover img{transform:scale(1.05)}
.fleet-card span{
  position:absolute;top:14px;left:14px;
  background:rgba(0,0,0,.7);color:#fff;
  padding:4px 10px;border-radius:999px;
  font-family:"Geist Mono",monospace;font-size:11px;
}
@keyframes fleetSlide{from{transform:translateX(0)}to{transform:translateX(calc(-50% - 10px))}}

/* ───── app ───── */
.app{position:relative;background:var(--green-soft);padding:120px 32px;overflow:hidden}
.app-bg-grid{
  position:absolute;inset:0;
  background-image:
    linear-gradient(rgba(125,194,66,.12) 1px,transparent 1px),
    linear-gradient(90deg,rgba(125,194,66,.12) 1px,transparent 1px);
  background-size:64px 64px;
  mask-image:radial-gradient(ellipse at 70% 50%,#000,transparent 70%);
}
.app-inner{
  position:relative;max-width:1280px;margin:0 auto;
  display:grid;grid-template-columns:1.1fr 1fr;gap:80px;align-items:center;
}
.app-text p{margin-top:24px;font-size:18px;color:var(--ink-3);max-width:520px;text-wrap:pretty}
.app-feats{
  display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:32px;
}
.app-feats > div{
  padding:18px;background:rgba(255,255,255,.55);
  border:1px solid rgba(26,26,26,.08);
  border-radius:14px;
}
.app-feats strong{display:block;font-size:15px;margin-bottom:4px}
.app-feats span{display:block;font-size:13px;color:var(--ink-3)}
.app-stores{display:flex;gap:14px;margin-top:36px;flex-wrap:wrap}
.store{
  display:flex;align-items:center;gap:12px;
  background:var(--ink);color:#fff;
  padding:12px 22px;border-radius:14px;
  transition:transform .2s, background .2s;
}
.store:hover{transform:translateY(-2px);background:var(--green-deep)}
.store div{display:flex;flex-direction:column;line-height:1.1}
.store span{font-size:11px;opacity:.7}
.store strong{font-family:"Bricolage Grotesque";font-size:18px}
.app-visual{position:relative;aspect-ratio:1;max-width:540px;margin:0 auto;width:100%}
.qr-card{
  position:absolute;top:0;right:0;z-index:2;
  width:240px;
  background:#fff;border:1px solid var(--line);
  border-radius:18px;padding:18px;
  box-shadow:0 30px 60px -30px rgba(0,0,0,.2);
  transform:rotate(4deg);
}
.qr-card-head{
  display:flex;align-items:center;gap:8px;
  font-family:"Geist Mono",monospace;font-size:12px;color:var(--ink-3);
  margin-bottom:14px;
}
.qr-card img{width:100%;display:block;border-radius:6px}
.qr-card-foot{
  display:flex;justify-content:space-between;
  margin-top:14px;font-size:11px;color:var(--ink-3);
}
.qr-card-foot .mono{font-family:"Geist Mono",monospace;color:var(--green-deep)}
.app-phones{
  position:absolute;bottom:0;left:0;
  width:90%;display:block;
  filter:drop-shadow(0 30px 40px rgba(0,0,0,.18));
  animation:phoneFloat 6s ease-in-out infinite;
}
@keyframes phoneFloat{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-12px) rotate(-2deg)}}

/* ───── APP VISUAL (redesign with mockup image) ───── */
.app-visual-new{
  position:relative;
  aspect-ratio:1/1.05;
  max-width:560px;width:100%;margin:0 auto;
  display:flex;align-items:center;justify-content:center;
}
.app-stage{
  position:relative;
  width:100%;height:100%;
  display:flex;align-items:center;justify-content:center;
}
.app-orb{
  position:absolute;
  width:78%;aspect-ratio:1;
  background:radial-gradient(circle,rgba(125,194,66,.55) 0%,rgba(125,194,66,.15) 40%,transparent 70%);
  filter:blur(40px);
  z-index:1;
  animation:orbPulse 6s ease-in-out infinite;
}
@keyframes orbPulse{
  0%,100%{opacity:.7;transform:scale(1)}
  50%{opacity:1;transform:scale(1.05)}
}
.app-rings{
  position:absolute;inset:0;
  display:flex;align-items:center;justify-content:center;
  z-index:1;pointer-events:none;
}
.app-rings span{
  position:absolute;
  border:1.5px solid rgba(125,194,66,.25);
  border-radius:50%;
  animation:ringExpand 4s ease-out infinite;
}
.app-rings span:nth-child(1){width:60%;aspect-ratio:1;animation-delay:0s}
.app-rings span:nth-child(2){width:60%;aspect-ratio:1;animation-delay:1.3s}
.app-rings span:nth-child(3){width:60%;aspect-ratio:1;animation-delay:2.6s}
@keyframes ringExpand{
  0%{transform:scale(.6);opacity:0}
  20%{opacity:.6}
  100%{transform:scale(1.5);opacity:0}
}
.app-mockup-img{
  position:relative;z-index:2;
  max-width:78%;height:auto;display:block;
  filter:drop-shadow(0 40px 60px rgba(0,0,0,.25));
  animation:mockupFloat 6s ease-in-out infinite;
}
@keyframes mockupFloat{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-14px)}
}

/* floating cards around mockup */
.app-float{
  position:absolute;z-index:3;
  background:#fff;
  border-radius:14px;
  box-shadow:0 24px 50px -22px rgba(0,0,0,.28),0 0 0 1px rgba(255,255,255,.6);
}

/* QR mini card */
.app-float-qr{
  top:6%;left:-4%;
  width:138px;
  padding:14px;
  transform:rotate(-5deg);
  animation:floatTilt1 7s ease-in-out infinite;
}
@keyframes floatTilt1{
  0%,100%{transform:rotate(-5deg) translateY(0)}
  50%{transform:rotate(-5deg) translateY(-10px)}
}
.aqr-head{
  display:flex;align-items:center;gap:6px;
  font-family:"Geist Mono",monospace;font-size:10px;
  color:var(--ink-3);letter-spacing:.06em;
  margin-bottom:10px;text-transform:uppercase;font-weight:700;
}
.app-float-qr img{width:100%;display:block;border-radius:6px}
.aqr-foot{
  margin-top:8px;
  font-family:"Geist Mono",monospace;font-size:10px;
  color:var(--green-deep);text-align:center;letter-spacing:.05em;
}

/* live notification */
.app-float-notif{
  top:42%;right:-6%;
  width:240px;padding:14px 16px;
  display:flex;align-items:center;gap:12px;
  animation:floatTilt2 6s ease-in-out infinite;
  border-left:3px solid var(--green);
}
@keyframes floatTilt2{
  0%,100%{transform:translate(0,0)}
  50%{transform:translate(-4px,-8px)}
}
.anotif-icon{
  width:38px;height:38px;flex-shrink:0;
  background:var(--green-soft);
  border-radius:10px;
  display:flex;align-items:center;justify-content:center;
  color:var(--green-deep);
}
.anotif-text{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}
.anotif-text strong{
  font-family:"Bricolage Grotesque",sans-serif;
  font-size:14px;font-weight:700;letter-spacing:-.01em;
  color:var(--ink);
}
.anotif-text span{
  font-family:"Geist Mono",monospace;
  font-size:10.5px;color:var(--ink-3);letter-spacing:.02em;
}
.anotif-pulse{
  width:8px;height:8px;flex-shrink:0;
  position:relative;
}
.anotif-pulse span{
  position:absolute;inset:0;
  width:100%;height:100%;
  background:var(--green);border-radius:50%;
  animation:notifPulse 1.6s infinite;
}
@keyframes notifPulse{
  0%{box-shadow:0 0 0 0 rgba(125,194,66,.6)}
  70%{box-shadow:0 0 0 8px rgba(125,194,66,0)}
  100%{box-shadow:0 0 0 0 rgba(125,194,66,0)}
}

/* rating chip */
.app-float-rating{
  bottom:8%;left:-2%;
  padding:14px 18px;
  width:170px;
  transform:rotate(3deg);
  animation:floatTilt3 7.5s ease-in-out infinite;
}
@keyframes floatTilt3{
  0%,100%{transform:rotate(3deg) translateY(0)}
  50%{transform:rotate(3deg) translateY(-8px)}
}
.arate-stars{
  color:var(--green-deep);
  font-size:14px;letter-spacing:2px;
  margin-bottom:4px;
}
.arate-num{
  font-family:"Bricolage Grotesque",sans-serif;
  font-size:32px;font-weight:800;line-height:1;
  letter-spacing:-.02em;color:var(--ink);
}
.arate-meta{
  font-family:"Geist Mono",monospace;
  font-size:10px;color:var(--ink-3);letter-spacing:.04em;
  margin-top:4px;
}

@media (max-width: 720px){
  .app-visual-new{
    max-width:420px;
    aspect-ratio:1/1.25;
    margin:40px auto 0;
  }
  .app-mockup-img{max-width:92%}

  /* QR — top-left, manji i pomeren ka rubu */
  .app-float-qr{
    width:96px;padding:8px;
    left:0;top:2%;
  }
  .app-float-qr .aqr-head{font-size:8.5px;margin-bottom:6px}
  .app-float-qr .aqr-foot{font-size:8.5px;padding:4px 6px;margin-top:6px}

  /* Rating — top-right, ne preklapa telefone */
  .app-float-rating{
    width:108px;padding:9px 12px;
    left:auto;right:0;top:3%;bottom:auto;
  }
  .arate-stars{font-size:11px;letter-spacing:1px}
  .arate-num{font-size:22px;line-height:1;margin:2px 0}
  .arate-meta{font-size:8.5px;letter-spacing:.4px}

  /* Notif — levo ispod telefona, ne preliva viewport */
  .app-float-notif{
    width:auto;max-width:94%;
    padding:11px 14px;
    right:auto;left:3%;top:auto;
    bottom:3%;transform:none;
    white-space:normal;
  }
  .app-float-notif .anotif-text strong{font-size:13px}
  .app-float-notif .anotif-text span{font-size:10.5px}
}

@media (max-width: 480px){
  .app-visual-new{max-width:340px;aspect-ratio:1/1.32}
  .app-mockup-img{max-width:90%}
  .app-float-qr{width:82px;padding:6px;left:-3%}
  .app-float-qr .aqr-head{font-size:7.5px;margin-bottom:4px}
  .app-float-qr .aqr-foot{font-size:7.5px;margin-top:4px}
  .app-float-rating{width:96px;padding:7px 10px;right:-3%}
  .arate-num{font-size:20px}
  .arate-meta{font-size:8px}
  .app-float-notif{padding:9px 12px;bottom:2%}
  .anotif-icon{width:28px;height:28px}
  .app-float-notif .anotif-text strong{font-size:12px}
  .app-float-notif .anotif-text span{font-size:9.5px}
}

/* ───── contact ───── */
.contact{background:var(--ink);color:#fff;padding:120px 32px;position:relative}
.contact-head{max-width:1280px;margin:0 auto 60px}
.contact-grid{
  max-width:1280px;margin:0 auto;
  display:grid;grid-template-columns:repeat(2,1fr);gap:20px;
}
.ccard{
  position:relative;
  padding:40px;
  background:#1a1a1a;
  border:1px solid rgba(255,255,255,.08);
  border-radius:24px;
  display:flex;flex-direction:column;gap:8px;
  transition:all .25s;
  overflow:hidden;
}
.ccard:hover{border-color:var(--green);transform:translateY(-3px)}
.ccard-label{font-family:"Geist Mono",monospace;font-size:12px;color:rgba(255,255,255,.5);letter-spacing:.08em;text-transform:uppercase}
.ccard strong{
  font-family:"Bricolage Grotesque",sans-serif;
  font-weight:700;font-size:42px;letter-spacing:-.02em;line-height:1.1;
  color:#fff;
}
.ccard-hint{color:rgba(255,255,255,.55);font-size:14px}
.ccard-arrow{
  position:absolute;top:30px;right:30px;
  color:rgba(255,255,255,.4);
  transition:color .2s, transform .25s;
}
.ccard:hover .ccard-arrow{color:var(--green);transform:translate(4px,-4px)}
.ccard-primary{
  grid-column:span 2;
  background:linear-gradient(135deg,var(--green-deep),var(--green));
  border-color:transparent;
}
.ccard-primary strong{font-size:72px;color:#fff}
.ccard-primary .ccard-label,
.ccard-primary .ccard-hint{color:rgba(255,255,255,.85)}
.ccard-primary .ccard-arrow{color:#fff}
.ccard-map{grid-column:span 2;min-height:280px}
.map-svg{position:absolute;right:0;top:0;width:55%;height:100%;opacity:.9}

/* ───── footer ───── */
.foot{
  background:#0a0a0a;color:#fff;
  padding:80px 32px 32px;
  position:relative;overflow:hidden;
}
.foot-top{
  max-width:1280px;margin:0 auto 60px;
  display:grid;grid-template-columns:1fr 2fr;gap:80px;
  position:relative;z-index:2;
}
.foot-brand p{color:rgba(255,255,255,.5);font-size:14px;margin-top:16px}
.foot-brand .brand-mark{margin-bottom:16px}
.foot-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.foot-cols h6{
  font-family:"Geist Mono",monospace;
  font-size:11px;letter-spacing:.12em;
  color:rgba(255,255,255,.4);
  text-transform:uppercase;
  margin-bottom:18px;
}
.foot-cols a{
  display:block;color:rgba(255,255,255,.7);
  font-size:14.5px;padding:5px 0;
  transition:color .2s;
}
.foot-cols a:hover{color:var(--green)}
.foot-bottom{
  max-width:1280px;margin:0 auto;
  display:flex;justify-content:space-between;
  padding-top:24px;border-top:1px solid rgba(255,255,255,.08);
  font-family:"Geist Mono",monospace;font-size:12px;color:rgba(255,255,255,.4);
  position:relative;z-index:2;
}
.foot-watermark{
  position:absolute;left:50%;bottom:-40px;transform:translateX(-50%);
  font-family:"Bricolage Grotesque",sans-serif;
  font-weight:800;font-size:clamp(120px,22vw,320px);
  color:rgba(125,194,66,.06);
  letter-spacing:-.04em;
  pointer-events:none;
  white-space:nowrap;
}

/* fab */
.fab{
  position:fixed;right:24px;bottom:24px;z-index:40;
  width:56px;height:56px;border-radius:50%;
  background:var(--green);color:var(--ink);
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 14px 30px -10px rgba(125,194,66,.6);
  transition:transform .2s;
}
.fab:hover{transform:scale(1.08)}
.fab-pulse{
  position:absolute;inset:0;border-radius:50%;
  background:var(--green);
  animation:fabPulse 2s infinite;
  z-index:-1;
}
@keyframes fabPulse{0%{transform:scale(1);opacity:.6}100%{transform:scale(1.8);opacity:0}}

/* reveal */
.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s, transform .8s}
.reveal.in{opacity:1;transform:translateY(0)}

/* ───── multi-page additions ───── */

/* Active nav link */
.nav-links a.active{color:var(--ink)}
.nav-links a.active::after{width:100%;background:var(--green-deep)}
.nav-links.open{
  display:flex !important;
  position:absolute;top:100%;left:0;right:0;
  flex-direction:column;background:#fff;padding:24px;
  border-bottom:1px solid var(--line);gap:14px;
}
/* mobilni dropdown ima belu pozadinu — forsiraj tamni tekst nezavisno od scroll/home stanja */
.nav-links.open a,
body[data-page="home"] .nav:not(.scrolled) .nav-links.open a{color:var(--ink-3)}
.nav-links.open a:hover,
body[data-page="home"] .nav:not(.scrolled) .nav-links.open a:hover{color:var(--ink)}
.nav-links.open a.active,
body[data-page="home"] .nav:not(.scrolled) .nav-links.open a.active{color:var(--green-deep)}

/* Page hero (about/services/contact) */
.page-hero{
  position:relative;
  padding:160px 32px 80px;
  background:var(--green-soft);
  overflow:hidden;
  isolation:isolate;
}
.page-hero .hero-grid{
  position:absolute;inset:0;
  background-image:
    linear-gradient(rgba(125,194,66,.08) 1px,transparent 1px),
    linear-gradient(90deg,rgba(125,194,66,.08) 1px,transparent 1px);
  background-size:48px 48px;
  mask-image:radial-gradient(ellipse at center,#000 30%,transparent 80%);
  z-index:-1;
}
.page-hero-inner{
  max-width:1280px;margin:0 auto;
}
.page-hero-inner .big-head{
  font-size:clamp(48px,9vw,140px);
  margin:24px 0 28px;
}
.page-hero-sub{
  max-width:620px;font-size:19px;color:var(--ink-3);
  text-wrap:pretty;
}
.page-hero-stats{
  max-width:1280px;margin:60px auto 0;
  display:grid;grid-template-columns:repeat(4,1fr);gap:0;
  border-top:1px solid rgba(26,26,26,.15);
  border-bottom:1px solid rgba(26,26,26,.15);
}
.page-hero-stats div{
  padding:28px 20px;
  border-right:1px solid rgba(26,26,26,.08);
}
.page-hero-stats div:last-child{border-right:none}
.page-hero-stats b{
  display:block;
  font-family:"Bricolage Grotesque",sans-serif;
  font-size:54px;font-weight:800;line-height:1;
  letter-spacing:-.02em;
}
.page-hero-stats span{display:block;font-size:13px;color:var(--ink-3);margin-top:8px;font-family:"Geist Mono",monospace;letter-spacing:.05em}

/* ───── ABOUT HERO — premium split sa transparentnim autom ───── */
.about-hero{
  position:relative;
  padding:140px 32px 0;
  background:linear-gradient(180deg,var(--green-soft) 0%,var(--green-pale) 70%,var(--bg) 100%);
  overflow:hidden;
  isolation:isolate;
}
.ah-bg-grid{
  position:absolute;inset:0;z-index:-2;
  background-image:
    linear-gradient(rgba(125,194,66,.14) 1px,transparent 1px),
    linear-gradient(90deg,rgba(125,194,66,.14) 1px,transparent 1px);
  background-size:48px 48px;
  -webkit-mask-image:radial-gradient(ellipse at 70% 50%,#000 30%,transparent 80%);
  mask-image:radial-gradient(ellipse at 70% 50%,#000 30%,transparent 80%);
}
.ah-bg-blob{
  position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:
    radial-gradient(circle at 78% 50%, rgba(125,194,66,.35), transparent 50%),
    radial-gradient(circle at 15% 85%, rgba(125,194,66,.18), transparent 55%);
}
.ah-inner{
  max-width:1320px;margin:0 auto;
  display:grid;grid-template-columns:1fr 1.1fr;gap:60px;
  align-items:center;
  padding-bottom:80px;
}

/* LEVO */
.ah-text .kicker{
  display:inline-flex;align-items:center;gap:8px;
  margin-bottom:18px;
}
.ah-text .kicker .dot{
  width:8px;height:8px;border-radius:50%;
  background:var(--green-deep);
  box-shadow:0 0 0 4px rgba(125,194,66,.25);
}
.ah-head{
  font-family:"Bricolage Grotesque",sans-serif;
  font-weight:800;
  font-size:clamp(48px,7.5vw,104px);
  letter-spacing:-.03em;line-height:1;
  margin:0 0 28px;
  text-wrap:balance;
}
.ah-head em{font-style:normal;color:var(--green-deep)}
.ah-sub{
  max-width:520px;
  font-size:18px;line-height:1.6;color:var(--ink-3);
  margin:0 0 32px;text-wrap:pretty;
}
.ah-meta{
  display:flex;gap:36px;flex-wrap:wrap;
  margin-bottom:36px;padding:20px 0;
  border-top:1px solid rgba(26,26,26,.1);
  border-bottom:1px solid rgba(26,26,26,.1);
}
.ah-meta div{display:flex;flex-direction:column;gap:4px}
.ah-meta b{
  font-family:"Bricolage Grotesque",sans-serif;
  font-size:24px;font-weight:800;letter-spacing:-.02em;
  color:var(--ink);
}
.ah-meta span{
  font-family:"Geist Mono",monospace;
  font-size:11px;color:var(--ink-3);letter-spacing:.04em;
}
.ah-ctas{display:flex;gap:12px;flex-wrap:wrap}

/* DESNO — stage sa autom */
.ah-visual{
  position:relative;
  aspect-ratio:1/.85;
  width:100%;
}
.ah-year-bg{
  position:absolute;inset:0;
  display:flex;align-items:center;justify-content:center;
  font-family:"Bricolage Grotesque",sans-serif;
  font-size:clamp(180px,30vw,340px);
  font-weight:800;line-height:1;letter-spacing:-.05em;
  color:transparent;
  -webkit-text-stroke:2px rgba(26,26,26,.07);
  z-index:0;user-select:none;pointer-events:none;
}
.ah-stage{
  position:absolute;inset:0;
  display:flex;align-items:center;justify-content:center;
  z-index:2;
}
.ah-stage-glow{
  position:absolute;
  width:78%;height:62%;
  background:radial-gradient(ellipse, rgba(125,194,66,.55), transparent 65%);
  filter:blur(8px);z-index:1;
}
.ah-car{
  position:relative;z-index:3;
  width:100%;max-width:680px;height:auto;
  filter:drop-shadow(0 60px 50px rgba(26,26,26,.32));
  animation:ahCarFloat 6s ease-in-out infinite;
}
@keyframes ahCarFloat{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-12px)}
}
.ah-stage-shadow{
  position:absolute;
  bottom:10%;left:15%;right:15%;
  height:24px;
  background:radial-gradient(ellipse, rgba(26,26,26,.28), transparent 70%);
  filter:blur(6px);z-index:1;
  animation:ahShadowFloat 6s ease-in-out infinite;
}
@keyframes ahShadowFloat{
  0%,100%{transform:scale(1);opacity:.55}
  50%{transform:scale(.85);opacity:.32}
}

/* spec ticks (engineering vibe) */
.ah-tick{
  position:absolute;z-index:4;
  display:flex;align-items:center;gap:10px;
  font-family:"Geist Mono",monospace;
  font-size:10.5px;letter-spacing:.1em;
  color:var(--ink);text-transform:uppercase;font-weight:700;
}
.ah-tick-dot{
  width:9px;height:9px;border-radius:50%;flex-shrink:0;
  background:var(--green);
  box-shadow:0 0 0 3px rgba(125,194,66,.25);
}
.ah-tick-line{
  width:54px;height:1px;flex-shrink:0;
  background:linear-gradient(90deg,var(--green-deep),transparent);
}
.ah-tick-1{top:14%;left:-2%}
.ah-tick-2{bottom:24%;right:-2%}
.ah-tick-2 .ah-tick-line{background:linear-gradient(-90deg,var(--green-deep),transparent)}

/* floating badges */
.ah-badge{
  position:absolute;z-index:5;
  background:#fff;
  border-radius:14px;
  box-shadow:0 30px 60px -25px rgba(0,0,0,.35),0 0 0 1px rgba(255,255,255,.6);
  padding:14px 18px;
}
.ah-badge-est{
  top:2%;left:0%;
  text-align:center;
  width:120px;
  transform:rotate(-5deg);
  animation:ahFloatA 7s ease-in-out infinite;
}
@keyframes ahFloatA{
  0%,100%{transform:rotate(-5deg) translateY(0)}
  50%{transform:rotate(-5deg) translateY(-10px)}
}
.ah-badge-est .ah-badge-top{
  display:block;
  font-family:"Geist Mono",monospace;
  font-size:8.5px;color:var(--green-deep);
  letter-spacing:2px;font-weight:700;
}
.ah-badge-est strong{
  display:block;
  font-family:"Bricolage Grotesque",sans-serif;
  font-size:30px;font-weight:800;line-height:1;
  letter-spacing:-.02em;margin:4px 0;color:var(--ink);
}
.ah-badge-est .ah-badge-bot{
  display:block;
  color:var(--green-deep);font-size:8.5px;letter-spacing:1.5px;
  font-family:"Geist Mono",monospace;font-weight:700;
}
.ah-badge-rating{
  bottom:4%;right:-2%;
  width:175px;
  display:flex;align-items:center;gap:12px;
  transform:rotate(3deg);
  animation:ahFloatB 7.5s ease-in-out infinite;
  border-left:3px solid var(--green);
}
@keyframes ahFloatB{
  0%,100%{transform:rotate(3deg) translateY(0)}
  50%{transform:rotate(3deg) translateY(-8px)}
}
.ah-rating-num{
  font-family:"Bricolage Grotesque",sans-serif;
  font-size:32px;font-weight:800;line-height:1;
  letter-spacing:-.02em;color:var(--ink);
}
.ah-rating-info{display:flex;flex-direction:column;gap:2px;min-width:0}
.ah-rating-stars{
  color:var(--green-deep);font-size:12px;letter-spacing:1.5px;
}
.ah-rating-info span:last-child{
  font-family:"Geist Mono",monospace;
  font-size:9.5px;color:var(--ink-3);
}

/* stats bar */
.ah-stats{
  position:relative;z-index:1;
  max-width:1320px;margin:0 auto;
  display:grid;grid-template-columns:repeat(4,1fr);gap:0;
  border-top:1px solid rgba(26,26,26,.15);
}
.ah-stats div{
  padding:32px 24px;
  border-right:1px solid rgba(26,26,26,.08);
}
.ah-stats div:last-child{border-right:none}
.ah-stats b{
  display:block;
  font-family:"Bricolage Grotesque",sans-serif;
  font-size:clamp(36px,4vw,54px);
  font-weight:800;line-height:1;letter-spacing:-.02em;
}
.ah-stats span{
  display:block;
  font-size:13px;color:var(--ink-3);margin-top:8px;
  font-family:"Geist Mono",monospace;letter-spacing:.05em;
}

@media (max-width: 1024px){
  .ah-inner{grid-template-columns:1fr;gap:40px;text-align:left;padding-bottom:40px}
  .ah-visual{max-width:580px;margin:0 auto;aspect-ratio:1/.8}
  .ah-year-bg{font-size:clamp(160px,40vw,300px)}
}
@media (max-width: 720px){
  .about-hero{padding:110px 18px 0}
  .ah-head{font-size:clamp(40px,12vw,72px)}
  .ah-sub{font-size:16px}
  .ah-meta{gap:20px;padding:16px 0}
  .ah-meta b{font-size:20px}
  .ah-badge-est{width:90px;padding:10px 12px;top:0;left:-1%}
  .ah-badge-est strong{font-size:22px}
  .ah-badge-est .ah-badge-top,
  .ah-badge-est .ah-badge-bot{font-size:7.5px;letter-spacing:1.5px}
  .ah-badge-rating{width:150px;padding:10px 12px;right:-1%;bottom:2%}
  .ah-rating-num{font-size:26px}
  .ah-tick{display:none}
  .ah-stats{grid-template-columns:repeat(2,1fr)}
  .ah-stats div{padding:20px 14px}
  .ah-stats div:nth-child(2){border-right:none}
  .ah-stats div:nth-child(1),.ah-stats div:nth-child(2){border-bottom:1px solid rgba(26,26,26,.08)}
}

/* ───── SERVICES HERO — premium routes mapa sa autom ───── */
.services-hero{
  position:relative;
  padding:140px 32px 90px;
  background:linear-gradient(180deg,var(--green-soft) 0%,var(--green-pale) 70%,var(--bg) 100%);
  overflow:hidden;
  isolation:isolate;
}
.sh-bg-grid{
  position:absolute;inset:0;z-index:-2;
  background-image:
    linear-gradient(rgba(125,194,66,.14) 1px,transparent 1px),
    linear-gradient(90deg,rgba(125,194,66,.14) 1px,transparent 1px);
  background-size:48px 48px;
  -webkit-mask-image:radial-gradient(ellipse at 70% 50%,#000 30%,transparent 80%);
  mask-image:radial-gradient(ellipse at 70% 50%,#000 30%,transparent 80%);
}
.sh-bg-glow{
  position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:
    radial-gradient(circle at 78% 50%, rgba(125,194,66,.4), transparent 50%),
    radial-gradient(circle at 15% 85%, rgba(125,194,66,.18), transparent 55%);
}
.sh-inner{
  max-width:1320px;margin:0 auto;
  display:grid;grid-template-columns:1fr 1.15fr;gap:60px;
  align-items:center;
}

/* LEVO */
.sh-text .kicker{
  display:inline-flex;align-items:center;gap:8px;
  margin-bottom:18px;
}
.sh-text .kicker .dot{
  width:8px;height:8px;border-radius:50%;
  background:var(--green-deep);
  box-shadow:0 0 0 4px rgba(125,194,66,.25);
}
.sh-head{
  font-family:"Bricolage Grotesque",sans-serif;
  font-weight:800;
  font-size:clamp(48px,7.5vw,104px);
  letter-spacing:-.03em;line-height:1;
  margin:0 0 24px;text-wrap:balance;
}
.sh-head em{font-style:normal;color:var(--green-deep)}
.sh-sub{
  max-width:520px;
  font-size:18px;line-height:1.6;color:var(--ink-3);
  margin:0 0 28px;text-wrap:pretty;
}

.sh-chips{
  display:flex;gap:8px;flex-wrap:wrap;
  margin-bottom:32px;
}
.sh-chip{
  display:inline-flex;align-items:center;gap:8px;
  padding:9px 14px;
  background:#fff;
  border:1px solid rgba(26,26,26,.1);
  border-radius:999px;
  font-family:"Geist Mono",monospace;
  font-size:11.5px;font-weight:700;letter-spacing:.04em;
  color:var(--ink);
  text-decoration:none;
  transition:transform .25s ease, background .25s ease, border-color .25s ease, color .25s ease;
}
.sh-chip-dot{
  width:6px;height:6px;border-radius:50%;
  background:var(--green-deep);
  flex-shrink:0;
}
.sh-chip:hover{
  background:var(--ink);
  border-color:var(--ink);
  color:#fff;
  transform:translateY(-2px);
}
.sh-chip:hover .sh-chip-dot{background:var(--green)}
.sh-ctas{display:flex;gap:12px;flex-wrap:wrap}

/* DESNO — services map */
.sh-visual{
  position:relative;
  aspect-ratio:1;
  width:100%;
  max-width:680px;
  margin:0 auto;
}

/* compass background */
.sh-compass{
  position:absolute;inset:8%;
  z-index:0;
  pointer-events:none;
}
.sh-compass-ring{
  position:absolute;inset:0;
  border-radius:50%;
}
.sh-compass-ring-1{
  border:1px solid rgba(26,26,26,.08);
}
.sh-compass-ring-2{
  inset:8%;
  border:1px dashed rgba(125,194,66,.32);
  animation:shCompassRotate 60s linear infinite;
}
.sh-compass-ring-3{
  inset:22%;
  border:1px solid rgba(26,26,26,.06);
}
@keyframes shCompassRotate{
  to{transform:rotate(360deg)}
}
.sh-compass-tick{
  position:absolute;
  font-family:"Geist Mono",monospace;
  font-size:10px;font-weight:700;letter-spacing:.08em;
  color:var(--ink-3);
}
.sh-tick-n{top:-12px;left:50%;transform:translateX(-50%)}
.sh-tick-s{bottom:-12px;left:50%;transform:translateX(-50%)}
.sh-tick-e{right:-14px;top:50%;transform:translateY(-50%)}
.sh-tick-w{left:-14px;top:50%;transform:translateY(-50%)}

/* SVG routes */
.sh-routes{
  position:absolute;inset:0;
  width:100%;height:100%;
  z-index:1;
  pointer-events:none;
}

/* car stage */
.sh-stage{
  position:absolute;inset:0;
  display:flex;align-items:center;justify-content:center;
  z-index:2;
}
.sh-stage-glow{
  position:absolute;
  width:70%;height:55%;
  background:radial-gradient(ellipse, rgba(125,194,66,.6), transparent 65%);
  filter:blur(12px);z-index:1;
}
.sh-car{
  position:relative;z-index:3;
  width:80%;max-width:520px;height:auto;
  filter:drop-shadow(0 50px 45px rgba(26,26,26,.3));
  animation:shCarFloat 6s ease-in-out infinite;
}
@keyframes shCarFloat{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-12px)}
}
.sh-stage-shadow{
  position:absolute;
  bottom:18%;left:25%;right:25%;
  height:20px;
  background:radial-gradient(ellipse, rgba(26,26,26,.28), transparent 70%);
  filter:blur(6px);z-index:1;
  animation:shShadow 6s ease-in-out infinite;
}
@keyframes shShadow{
  0%,100%{transform:scale(1);opacity:.55}
  50%{transform:scale(.85);opacity:.32}
}

/* origin pin pod autom */
.sh-origin{
  position:absolute;
  bottom:8%;left:50%;transform:translateX(-50%);
  z-index:4;
  display:inline-flex;align-items:center;gap:8px;
  background:var(--ink);color:#fff;
  padding:9px 16px;border-radius:999px;
  font-family:"Geist Mono",monospace;
  font-size:10px;font-weight:700;letter-spacing:.12em;
  white-space:nowrap;
  box-shadow:0 14px 30px -15px rgba(0,0,0,.5);
}
.sh-origin-dot{
  width:8px;height:8px;border-radius:50%;
  background:var(--green);
  box-shadow:0 0 0 3px rgba(125,194,66,.4);
  animation:shPulseDot 2s infinite;
}
@keyframes shPulseDot{
  0%,100%{box-shadow:0 0 0 3px rgba(125,194,66,.4)}
  50%{box-shadow:0 0 0 7px rgba(125,194,66,0)}
}

/* destination chips */
.sh-dest{
  position:absolute;z-index:5;
  display:inline-flex;align-items:center;gap:8px;
  background:#fff;
  border-radius:999px;
  padding:8px 14px;
  box-shadow:0 22px 40px -22px rgba(0,0,0,.3),0 0 0 1px rgba(255,255,255,.6);
  font-family:"Geist Mono",monospace;
  font-size:10.5px;font-weight:700;letter-spacing:.04em;
  color:var(--ink);
  white-space:nowrap;
}
.sh-dest-label{font-weight:800;letter-spacing:.06em}
.sh-dest-km{
  color:var(--green-deep);font-weight:700;
  padding-left:8px;border-left:1px solid rgba(26,26,26,.12);
}
.sh-dest-icon{color:var(--green-deep);flex-shrink:0}

/* chip positions (match SVG route endpoints) */
.sh-dest-bg{
  top:3%;left:18%;
  animation:shFloatA 7s ease-in-out infinite;
}
.sh-dest-ap{
  top:8%;right:-2%;
  animation:shFloatB 7.5s ease-in-out infinite;
  transform:rotate(3deg);
}
.sh-dest-ni{
  top:46%;right:-4%;
  animation:shFloatC 8s ease-in-out infinite;
}
.sh-dest-bec{
  top:26%;left:-4%;
  transform:rotate(-3deg);
  animation:shFloatA 7s ease-in-out infinite reverse;
}
.sh-dest-sol{
  bottom:12%;right:6%;
  animation:shFloatB 8s ease-in-out infinite;
}

@keyframes shFloatA{
  0%,100%{transform:rotate(var(--r,0deg)) translateY(0)}
  50%{transform:rotate(var(--r,0deg)) translateY(-8px)}
}
.sh-dest-bg{--r:0deg}
.sh-dest-ap{--r:3deg}
.sh-dest-bec{--r:-3deg}
@keyframes shFloatB{
  0%,100%{transform:rotate(var(--r,0deg)) translateY(0)}
  50%{transform:rotate(var(--r,0deg)) translateY(-10px)}
}
@keyframes shFloatC{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-6px)}
}

/* RESPONSIVE */
@media (max-width:1024px){
  .sh-inner{grid-template-columns:1fr;gap:50px}
  .sh-visual{max-width:580px;margin:0 auto}
}
@media (max-width:720px){
  .services-hero{padding:110px 18px 60px}
  .sh-head{font-size:clamp(40px,11vw,72px)}
  .sh-sub{font-size:16px}
  .sh-chips{gap:6px;margin-bottom:24px}
  .sh-chip{padding:7px 12px;font-size:10.5px}
  .sh-chip-dot{width:5px;height:5px}
  .sh-dest{padding:6px 10px;font-size:9.5px;gap:6px}
  .sh-dest-km{padding-left:6px}
  .sh-dest-bg{top:1%;left:10%}
  .sh-dest-ap{top:5%;right:-2%}
  .sh-dest-ni{top:46%;right:-2%}
  .sh-dest-bec{top:24%;left:-2%}
  .sh-dest-sol{bottom:14%;right:4%}
  .sh-origin{padding:7px 12px;font-size:9px;bottom:5%}
  .sh-compass-tick{font-size:8px}
  .sh-car{width:78%}
}

/* ───── HIRE (regrutacija vozača) ───── */
.hire{
  position:relative;
  padding:130px 32px;
  background:var(--ink);
  color:#fff;
  overflow:hidden;
  isolation:isolate;
}
.hire-bg-grid{
  position:absolute;inset:0;z-index:0;pointer-events:none;
  background-image:
    linear-gradient(rgba(125,194,66,.07) 1px,transparent 1px),
    linear-gradient(90deg,rgba(125,194,66,.07) 1px,transparent 1px);
  background-size:48px 48px;
  -webkit-mask-image:radial-gradient(ellipse at center,#000 30%,transparent 80%);
  mask-image:radial-gradient(ellipse at center,#000 30%,transparent 80%);
}
.hire-bg-glow{
  position:absolute;inset:0;z-index:0;pointer-events:none;
  background:
    radial-gradient(circle at 15% 30%, rgba(125,194,66,.22), transparent 50%),
    radial-gradient(circle at 90% 80%, rgba(125,194,66,.15), transparent 55%);
}
.hire-inner{
  position:relative;z-index:1;
  max-width:1320px;margin:0 auto;
  display:grid;grid-template-columns:1fr 1.05fr;gap:80px;
  align-items:start;
}

/* LEVO */
.hire-text .kicker{
  display:inline-flex;align-items:center;gap:8px;
  margin-bottom:18px;
  color:var(--green);
}
.hire-text .kicker .dot{
  width:8px;height:8px;border-radius:50%;
  background:var(--green);
  box-shadow:0 0 0 4px rgba(125,194,66,.2);
}
.hire-text .big-head{
  color:#fff;
  font-size:clamp(48px,7vw,96px);
  margin:0 0 24px;
}
.hire-text .big-head em{color:var(--green)}
.hire-lede{
  max-width:520px;
  font-size:17px;line-height:1.6;color:rgba(255,255,255,.7);
  margin:0 0 36px;
}

/* perks 2x2 */
.hire-perks{
  display:grid;grid-template-columns:1fr 1fr;gap:14px;
  margin-bottom:36px;
}
.hire-perk{
  display:flex;gap:14px;align-items:flex-start;
  padding:18px;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.08);
  border-radius:16px;
  transition:transform .35s ease, border-color .35s ease, background .35s ease;
}
.hire-perk:hover{
  transform:translateY(-3px);
  border-color:var(--green);
  background:rgba(125,194,66,.06);
}
.hire-perk-icon{
  width:40px;height:40px;flex-shrink:0;
  background:rgba(125,194,66,.18);
  color:var(--green);
  border-radius:11px;
  display:flex;align-items:center;justify-content:center;
}
.hire-perk > div:last-child{display:flex;flex-direction:column;gap:4px;min-width:0}
.hire-perk strong{
  display:block;
  font-family:"Bricolage Grotesque",sans-serif;
  font-size:15.5px;font-weight:700;letter-spacing:-.01em;
  color:#fff;
}
.hire-perk span{
  font-size:13px;line-height:1.5;
  color:rgba(255,255,255,.62);
  text-wrap:pretty;
}

/* hire stats */
.hire-stats{
  display:flex;gap:0;
  border-top:1px solid rgba(255,255,255,.1);
  border-bottom:1px solid rgba(255,255,255,.1);
}
.hire-stats div{
  flex:1;padding:20px 16px;
  border-right:1px solid rgba(255,255,255,.08);
}
.hire-stats div:last-child{border-right:none}
.hire-stats b{
  display:block;
  font-family:"Bricolage Grotesque",sans-serif;
  font-size:32px;font-weight:800;line-height:1;letter-spacing:-.02em;
  color:var(--green);
}
.hire-stats span{
  display:block;
  font-family:"Geist Mono",monospace;
  font-size:11px;letter-spacing:.05em;color:rgba(255,255,255,.5);
  margin-top:6px;
}

/* DESNO: forma */
.hire-form-wrap{
  background:#fff;
  color:var(--ink);
  border-radius:24px;
  padding:36px;
  box-shadow:0 50px 100px -40px rgba(0,0,0,.5);
  position:relative;
}
.hire-form-tag{
  display:inline-flex;align-items:center;gap:8px;
  background:var(--green-soft);color:var(--green-deep);
  padding:6px 12px;border-radius:999px;
  font-family:"Geist Mono",monospace;
  font-size:10px;font-weight:700;letter-spacing:1.5px;
  margin-bottom:18px;
}
.hire-form-tag-dot{
  width:6px;height:6px;border-radius:50%;
  background:var(--green-deep);
  animation:hirePulse 2s infinite;
}
@keyframes hirePulse{
  0%,100%{transform:scale(1);opacity:1}
  50%{transform:scale(1.4);opacity:.5}
}
.hire-form-title{
  font-family:"Bricolage Grotesque",sans-serif;
  font-size:28px;font-weight:800;letter-spacing:-.02em;line-height:1.1;
  margin:0 0 8px;color:var(--ink);
}
.hire-form-sub{
  font-size:14px;color:var(--ink-3);
  margin:0 0 24px;text-wrap:pretty;
}

/* HIRE form — overrides za WHITE pozadinu (default .request-form je za dark) */
.hire-form{padding:0;gap:16px}
.hire-form label{color:var(--ink-2);font-size:12.5px;font-weight:600;letter-spacing:.2px}
.hire-form input,
.hire-form select,
.hire-form textarea{
  background:#fff;
  border:1.4px solid var(--line);
  color:var(--ink);
  padding:13px 14px;
  border-radius:12px;
  font-family:inherit;font-size:14.5px;
  transition:border-color .2s, background .2s, box-shadow .2s;
}
.hire-form input::placeholder,
.hire-form textarea::placeholder{color:var(--ink-3);opacity:.7}
.hire-form input:focus,
.hire-form select:focus,
.hire-form textarea:focus{
  outline:none;
  border-color:var(--green-deep);
  background:#fff;
  box-shadow:0 0 0 4px rgba(125,194,66,.12);
}
.hire-form select{
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'><path fill='%231a1a1a' d='M6 8 0 0h12z'/></svg>");
  background-repeat:no-repeat;background-position:right 14px center;background-size:10px;
}
.hire-form .check{color:var(--ink-3) !important;font-size:12.5px !important}
.hire-form .check input[type="checkbox"]{accent-color:var(--green-deep);width:16px;height:16px}
.hire-form .form-foot{gap:14px}
.hire-form .form-thanks{
  background:var(--green-soft);color:var(--green-deep);
  padding:14px 16px;border-radius:12px;
  display:none;align-items:center;gap:10px;
  font-size:13.5px;font-weight:600;
}
.hire-form .form-thanks.show{display:flex}

/* RESPONSIVE */
@media (max-width:1024px){
  .hire-inner{grid-template-columns:1fr;gap:60px}
  .hire-form-wrap{order:2}
}
@media (max-width:720px){
  .hire{padding:80px 18px}
  .hire-perks{grid-template-columns:1fr}
  .hire-stats{flex-direction:column}
  .hire-stats div{border-right:none;border-bottom:1px solid rgba(255,255,255,.08)}
  .hire-stats div:last-child{border-bottom:none}
  .hire-form-wrap{padding:24px}
  .hire-form-title{font-size:24px}
}

/* HOME page-cards */
.pages-grid{padding:120px 32px;background:var(--bg)}
.pages-head{max-width:1280px;margin:0 auto 60px}
.pages-cards{
  max-width:1280px;margin:0 auto;
  display:grid;grid-template-columns:repeat(3,1fr);gap:20px;
}
.pcard{
  position:relative;
  display:flex;flex-direction:column;gap:8px;
  padding:32px;
  background:#fff;border:1px solid var(--line);
  border-radius:24px;
  min-height:340px;
  transition:transform .25s, border-color .25s, box-shadow .25s;
  overflow:hidden;
}
.pcard:hover{transform:translateY(-4px);border-color:var(--green);box-shadow:0 24px 50px -30px rgba(0,0,0,.15)}
.pcard-num{
  position:absolute;top:24px;right:28px;
  font-family:"Geist Mono",monospace;font-size:12px;
  color:var(--ink-3);
}
.pcard-art{
  height:140px;margin:-8px -8px 18px;
  display:flex;align-items:center;justify-content:center;
}
.pcard h3{
  font-family:"Bricolage Grotesque",sans-serif;
  font-size:32px;font-weight:700;letter-spacing:-.02em;
}
.pcard p{font-size:14.5px;color:var(--ink-3);margin-bottom:8px;text-wrap:pretty}
.pcard-arrow{
  margin-top:auto;
  font-family:"Bricolage Grotesque",sans-serif;font-size:32px;
  align-self:flex-end;
  transition:transform .25s;
}
.pcard:hover .pcard-arrow{transform:translate(8px,-4px)}
.pcard-dark{background:var(--ink);color:#fff}
.pcard-dark p{color:rgba(255,255,255,.7)}
.pcard-dark .pcard-num{color:rgba(255,255,255,.5)}
.pcard-accent{background:linear-gradient(135deg,var(--green-pale),#fff)}

/* Story (about) */
/* ───── ABOUT STORY (redizajn) ───── */
.about-story{
  padding:140px 32px;
  background:var(--bg);
  position:relative;
  overflow:hidden;
}
.as-inner{
  max-width:1280px;margin:0 auto;
  display:grid;grid-template-columns:1fr 1.1fr;gap:80px;
  align-items:center;
}

/* LEVO: foto kolona */
.as-photo{position:relative}
.as-photo-frame{
  position:relative;z-index:2;
  border-radius:28px;
  overflow:hidden;
  background:#1a1a1a;
  aspect-ratio:1/1.1;
  box-shadow:0 50px 80px -40px rgba(0,0,0,.3);
}
.as-photo-frame img{
  width:100%;height:100%;
  object-fit:cover;display:block;
  transition:transform 1.2s cubic-bezier(.2,.8,.2,1);
}
.as-photo-frame:hover img{transform:scale(1.04)}
.as-photo-frame::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(180deg, transparent 55%, rgba(0,0,0,.4));
  pointer-events:none;
}
.as-photo-badge{
  position:absolute;top:20px;left:20px;z-index:3;
  display:inline-flex;align-items:center;gap:8px;
  background:rgba(255,255,255,.95);
  backdrop-filter:blur(10px);
  padding:8px 14px;border-radius:999px;
  font-family:"Geist Mono",monospace;
  font-size:11px;font-weight:700;letter-spacing:.06em;
  color:var(--ink);
}
.as-photo-badge-dot{
  width:7px;height:7px;border-radius:50%;
  background:var(--green);
  box-shadow:0 0 0 3px rgba(125,194,66,.3);
  animation:asPulse 2s infinite;
}
@keyframes asPulse{
  0%,100%{box-shadow:0 0 0 3px rgba(125,194,66,.3)}
  50%{box-shadow:0 0 0 6px rgba(125,194,66,0)}
}
.as-photo-stamp{
  position:absolute;bottom:22px;right:22px;z-index:3;
  background:#fff;
  border-radius:18px;
  padding:14px 18px;
  text-align:center;
  box-shadow:0 18px 40px -20px rgba(0,0,0,.4);
}
.as-photo-stamp .as-stamp-top,
.as-photo-stamp .as-stamp-bot{
  display:block;
  font-family:"Geist Mono",monospace;
  font-size:8.5px;color:var(--green-deep);
  letter-spacing:2px;font-weight:700;
}
.as-photo-stamp strong{
  display:block;
  font-family:"Bricolage Grotesque",sans-serif;
  font-size:28px;font-weight:800;line-height:1;
  letter-spacing:-.02em;color:var(--ink);
  margin:4px 0;
}
.as-photo-deco{
  position:absolute;z-index:1;
  inset:auto -18px -18px auto;
  width:55%;height:55%;
  background:
    linear-gradient(135deg, transparent 49%, var(--green) 49% 51%, transparent 51%) 0 0/12px 12px,
    var(--green-soft);
  border-radius:24px;
  opacity:.7;
}

/* DESNO: editorial */
.as-content .kicker{
  display:inline-flex;align-items:center;gap:8px;
  margin-bottom:14px;
}
.as-content .kicker .dot{
  width:8px;height:8px;border-radius:50%;
  background:var(--green-deep);
  box-shadow:0 0 0 4px rgba(125,194,66,.25);
}
.as-content .big-head{
  margin:0 0 28px;
  font-size:clamp(40px,5vw,72px);
}
.as-text{margin-bottom:36px}
.as-text p{
  font-size:16px;line-height:1.7;color:var(--ink-3);
  margin:0 0 16px;text-wrap:pretty;
}
.as-text .lead{
  font-size:18px;color:var(--ink);font-weight:500;
}
.as-text p:last-child{margin-bottom:0}

/* Values 2x2 */
.as-values{
  display:grid;grid-template-columns:1fr 1fr;gap:14px;
}
.as-value{
  position:relative;
  padding:22px;
  background:#fff;
  border:1px solid rgba(26,26,26,.06);
  border-radius:18px;
  transition:transform .35s ease, border-color .35s ease, box-shadow .35s ease;
}
.as-value:hover{
  transform:translateY(-3px);
  border-color:var(--green);
  box-shadow:0 22px 40px -22px rgba(95,160,41,.3);
}
.as-value-num{
  position:absolute;top:18px;right:20px;
  font-family:"Geist Mono",monospace;
  font-size:10px;color:var(--ink-3);font-weight:700;letter-spacing:1.5px;
}
.as-value-icon{
  width:44px;height:44px;
  background:var(--green-soft);
  border-radius:12px;
  display:flex;align-items:center;justify-content:center;
  color:var(--green-deep);
  margin-bottom:14px;
  transition:background .3s ease, transform .3s ease;
}
.as-value:hover .as-value-icon{
  background:var(--green);
  color:var(--ink);
  transform:scale(1.08);
}
.as-value strong{
  display:block;
  font-family:"Bricolage Grotesque",sans-serif;
  font-size:17px;font-weight:700;letter-spacing:-.01em;
  margin-bottom:4px;color:var(--ink);
}
.as-value span:not(.as-value-num){
  display:block;
  font-size:13.5px;line-height:1.5;color:var(--ink-3);
  text-wrap:pretty;
}

/* ───── ABOUT GALLERY (bento) ───── */
.about-gallery{
  padding:130px 32px;
  background:linear-gradient(180deg,var(--bg) 0%,var(--green-pale) 100%);
  position:relative;
}
.ag-head{
  max-width:1280px;margin:0 auto 60px;
  text-align:center;
}
.ag-head .kicker{
  display:inline-flex;align-items:center;gap:8px;
  margin-bottom:14px;
}
.ag-head .kicker .dot{
  width:8px;height:8px;border-radius:50%;
  background:var(--green-deep);
  box-shadow:0 0 0 4px rgba(125,194,66,.25);
}
.ag-head .big-head{margin:0 0 16px;font-size:clamp(40px,5vw,72px)}
.ag-head p{
  font-size:17px;color:var(--ink-3);
  max-width:580px;margin:0 auto;
  text-wrap:pretty;
}

.ag-bento{
  max-width:1280px;margin:0 auto;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  grid-template-rows:repeat(3,200px);
  gap:14px;
}
.ag-tile{
  position:relative;overflow:hidden;
  border-radius:20px;
  background:#1a1a1a;
  cursor:pointer;
  display:block;
  transition:transform .4s ease, box-shadow .4s ease;
}
.ag-tile img{
  width:100%;height:100%;object-fit:cover;display:block;
  transition:transform .9s cubic-bezier(.2,.8,.2,1);
}
.ag-tile::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,transparent 45%,rgba(0,0,0,.65));
  opacity:.55;transition:opacity .4s ease;
  pointer-events:none;
}
.ag-tile:hover{
  transform:translateY(-5px);
  box-shadow:0 30px 60px -25px rgba(0,0,0,.35);
}
.ag-tile:hover::after{opacity:.85}
.ag-tile:hover img{transform:scale(1.08)}

.ag-tile-num{
  position:absolute;top:14px;left:14px;z-index:3;
  font-family:"Geist Mono",monospace;
  font-size:10.5px;font-weight:700;letter-spacing:.06em;
  color:#fff;
  background:rgba(0,0,0,.5);
  backdrop-filter:blur(8px);
  padding:5px 10px;border-radius:8px;
}

.ag-tile-feature{
  grid-column:span 2;grid-row:span 2;
  border-radius:24px;
}
.ag-tile-feature .ag-tile-overlay{
  position:absolute;bottom:28px;left:28px;right:28px;z-index:3;
  color:#fff;
}
.ag-tile-tag{
  display:inline-block;
  font-family:"Geist Mono",monospace;
  font-size:10px;font-weight:700;letter-spacing:1.5px;
  color:var(--ink);
  background:var(--green);
  padding:5px 10px;border-radius:6px;
  margin-bottom:14px;
}
.ag-tile-feature .ag-tile-overlay strong{
  display:block;
  font-family:"Bricolage Grotesque",sans-serif;
  font-size:32px;font-weight:800;letter-spacing:-.02em;line-height:1;
  margin-bottom:8px;
}
.ag-tile-feature .ag-tile-overlay > span{
  display:block;
  font-family:"Geist Mono",monospace;
  font-size:12px;color:rgba(255,255,255,.75);
  letter-spacing:.04em;
}

.ag-tile-tall{
  grid-column:4/5;grid-row:1/3;
}
.ag-tile-wide{
  grid-column:span 2;
}
.ag-tile-corner{
  position:absolute;bottom:18px;left:18px;z-index:3;
  font-family:"Geist Mono",monospace;
  font-size:11px;font-weight:700;letter-spacing:.04em;
  color:#fff;
  background:rgba(0,0,0,.5);
  backdrop-filter:blur(8px);
  padding:8px 12px;border-radius:10px;
}

/* gallery foot stats */
.ag-foot{
  max-width:1280px;margin:60px auto 0;
  display:flex;align-items:center;justify-content:center;
  gap:0;flex-wrap:wrap;
  padding:32px 24px;
  background:#fff;
  border:1px solid rgba(26,26,26,.06);
  border-radius:20px;
  box-shadow:0 24px 50px -30px rgba(0,0,0,.15);
}
.ag-foot-item{
  flex:1;min-width:140px;
  display:flex;flex-direction:column;align-items:center;gap:4px;
  padding:0 24px;
}
.ag-foot-item strong{
  font-family:"Bricolage Grotesque",sans-serif;
  font-size:40px;font-weight:800;line-height:1;letter-spacing:-.02em;
  color:var(--ink);
}
.ag-foot-item strong:has(+ span){color:var(--ink)}
.ag-foot-item:nth-child(odd) strong{color:var(--green-deep)}
.ag-foot-item span{
  font-family:"Geist Mono",monospace;
  font-size:11px;color:var(--ink-3);
  letter-spacing:.04em;text-align:center;
}
.ag-foot-divider{
  width:1px;height:40px;
  background:rgba(26,26,26,.1);
  flex-shrink:0;
}

@media (max-width: 1024px){
  .as-inner{grid-template-columns:1fr;gap:60px}
  .as-photo-frame{aspect-ratio:1/.9;max-width:560px;margin:0 auto}

  .ag-bento{
    grid-template-columns:repeat(2,1fr);
    grid-template-rows:repeat(5,180px);
  }
  .ag-tile-feature{grid-column:1/3;grid-row:1/3}
  .ag-tile-tall{grid-column:auto;grid-row:auto}
  .ag-tile-wide{grid-column:1/3}
}
@media (max-width: 720px){
  .about-story{padding:80px 18px}
  .as-content .big-head{font-size:clamp(34px,10vw,52px)}
  .as-values{grid-template-columns:1fr}
  .as-photo-stamp{bottom:16px;right:16px;padding:10px 14px}
  .as-photo-stamp strong{font-size:22px}
  .as-photo-deco{display:none}

  .about-gallery{padding:80px 18px}
  .ag-head{margin-bottom:40px}
  .ag-bento{
    grid-template-columns:1fr;
    grid-template-rows:repeat(7,180px);
    gap:12px;
  }
  .ag-tile-feature,.ag-tile-tall,.ag-tile-wide{
    grid-column:auto;grid-row:auto;
  }
  .ag-tile-feature .ag-tile-overlay strong{font-size:24px}
  .ag-foot{flex-direction:column;gap:16px;padding:24px}
  .ag-foot-divider{display:none}
  .ag-foot-item strong{font-size:32px}
}

/* Timeline */
.timeline{padding:120px 32px;background:var(--paper);border-top:1px solid var(--line)}
.timeline-head{max-width:1280px;margin:0 auto 60px;text-align:center}
.timeline-head .big-head{font-size:clamp(40px,6vw,80px)}
.timeline-line{
  max-width:920px;margin:0 auto;
  position:relative;
  padding:20px 0;
}
.timeline-line::before{
  content:"";position:absolute;left:50%;top:0;bottom:0;
  width:2px;background:linear-gradient(to bottom,transparent,var(--line) 8%,var(--line) 92%,transparent);
  transform:translateX(-50%);
}
.timeline-step{
  position:relative;
  display:grid;grid-template-columns:1fr 80px 1fr;
  align-items:center;gap:0;
  padding:24px 0;
  min-height:80px;
}
.timeline-step:nth-child(odd) .ts-card{grid-column:1;text-align:right;justify-self:end}
.timeline-step:nth-child(odd) .ts-year{grid-column:3;text-align:left;justify-self:start}
.timeline-step:nth-child(even) .ts-card{grid-column:3;text-align:left;justify-self:start}
.timeline-step:nth-child(even) .ts-year{grid-column:1;text-align:right;justify-self:end}
.ts-dot{
  grid-column:2;justify-self:center;
  width:18px;height:18px;border-radius:50%;
  background:#fff;border:3px solid var(--ink);
  z-index:1;
  box-shadow:0 0 0 6px var(--paper);
}
.ts-dot-accent{background:var(--green);border-color:var(--green-deep)}
.ts-dot-now{
  background:var(--green);border-color:var(--ink);
  width:24px;height:24px;
  animation:dotPulse 2s infinite;
}
@keyframes dotPulse{0%,100%{box-shadow:0 0 0 6px var(--paper),0 0 0 6px rgba(125,194,66,.4)}50%{box-shadow:0 0 0 6px var(--paper),0 0 0 14px rgba(125,194,66,0)}}
.ts-year{
  font-family:"Bricolage Grotesque",sans-serif;
  font-weight:800;font-size:42px;line-height:1;
  color:var(--ink-3);letter-spacing:-.02em;
}
.ts-card{
  max-width:340px;
  padding:20px 24px;
  background:#fff;border:1px solid var(--line);
  border-radius:14px;
}
.ts-card strong{display:block;font-size:18px;margin-bottom:4px}
.ts-card p{font-size:14px;color:var(--ink-3);text-wrap:pretty}
.ts-card-accent{border-color:var(--green);background:linear-gradient(135deg,#fff,var(--green-pale))}
.ts-card-now{background:var(--ink);color:#fff;border-color:var(--ink)}
.ts-card-now p{color:rgba(255,255,255,.7)}

/* Fleet detail grid (about) */
.fleet-detail{padding:120px 32px;background:var(--bg)}
.fleet-detail .fleet-head{max-width:1280px;margin:0 auto 50px;text-align:center}
.fleet-detail .fleet-head p{margin:20px auto 0;max-width:560px;color:var(--ink-3)}
.fleet-grid{
  max-width:1280px;margin:0 auto;
  display:grid;grid-template-columns:repeat(3,1fr);gap:20px;
}
.fleet-tile{
  position:relative;
  border-radius:18px;overflow:hidden;
  border:1px solid var(--line);
  aspect-ratio:4/3;
  background:#000;
}
.fleet-tile img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s}
.fleet-tile:hover img{transform:scale(1.04)}
.ft-meta{
  position:absolute;left:14px;bottom:14px;right:14px;
  display:flex;justify-content:space-between;align-items:center;
  background:rgba(0,0,0,.5);backdrop-filter:blur(6px);
  -webkit-backdrop-filter:blur(6px);
  padding:8px 14px;border-radius:999px;
  color:#fff;font-size:13px;
}
.ft-num{font-family:"Geist Mono",monospace;color:var(--green)}

/* CTA band */
.cta-band{
  background:var(--ink);padding:120px 32px;
  position:relative;overflow:hidden;
}
.cta-band::before{
  content:"";position:absolute;inset:0;
  background-image:radial-gradient(circle,rgba(125,194,66,.15) 1px,transparent 1px);
  background-size:32px 32px;opacity:.5;
}
.cta-inner{
  max-width:1280px;margin:0 auto;
  position:relative;
  text-align:center;
}
.cta-actions{display:flex;gap:14px;justify-content:center;margin-top:40px;flex-wrap:wrap}
.btn-ghost.light{border-color:rgba(255,255,255,.3);color:#fff}
.btn-ghost.light:hover{background:#fff;color:var(--ink)}
.cta-green{background:var(--green) !important;color:var(--ink) !important;border-color:var(--green) !important}
.cta-green:hover{background:#fff !important;border-color:#fff !important}

/* SERVICES additions */
.services-quick-nav{
  max-width:1280px;margin:48px auto 0;
  display:flex;gap:10px;flex-wrap:wrap;
  padding-top:24px;border-top:1px solid rgba(26,26,26,.1);
}
.services-quick-nav a{
  padding:8px 16px;border-radius:999px;
  background:rgba(255,255,255,.7);
  border:1px solid rgba(26,26,26,.1);
  font-family:"Geist Mono",monospace;font-size:12px;letter-spacing:.05em;
  transition:background .2s, border-color .2s;
}
.services-quick-nav a:hover{background:var(--green);border-color:var(--green-deep)}
.service-grid-detail .srv{padding:32px}
.srv-price{
  display:grid;grid-template-columns:repeat(3,1fr);gap:12px;
  margin-top:18px;padding-top:18px;
  border-top:1px solid var(--line);
}
.srv-price div{display:flex;flex-direction:column}
.srv-price span{font-family:"Geist Mono",monospace;font-size:11px;color:var(--ink-3);letter-spacing:.05em}
.srv-price strong{font-family:"Bricolage Grotesque",sans-serif;font-size:22px;font-weight:700;letter-spacing:-.01em;color:var(--ink)}
.srv-dark .srv-price{border-top-color:rgba(255,255,255,.15)}
.srv-dark .srv-price strong{color:#fff}
.srv-dark .srv-price span{color:rgba(255,255,255,.5)}
.route-list{
  margin-top:14px;padding-top:14px;
  border-top:1px solid rgba(255,255,255,.15);
  display:flex;flex-direction:column;gap:8px;
}
.route-list div{
  display:flex;justify-content:space-between;
  font-family:"Geist Mono",monospace;font-size:13px;
  color:rgba(255,255,255,.7);
}
.route-list strong{color:var(--green);font-weight:500}

/* FAQ */
.faq{padding:120px 32px;background:var(--bg)}
.faq-head{max-width:1280px;margin:0 auto 60px;text-align:center}
.faq-list{max-width:920px;margin:0 auto;display:flex;flex-direction:column;gap:14px}
.faq details{
  background:#fff;border:1px solid var(--line);
  border-radius:14px;overflow:hidden;
  transition:border-color .2s;
}
.faq details[open]{border-color:var(--green)}
.faq summary{
  list-style:none;cursor:pointer;
  display:flex;justify-content:space-between;align-items:center;
  padding:22px 26px;
  font-family:"Bricolage Grotesque",sans-serif;
  font-weight:600;font-size:18px;
}
.faq summary::-webkit-details-marker{display:none}
.faq summary i{
  width:24px;height:24px;flex-shrink:0;position:relative;
  transition:transform .3s;
}
.faq summary i::before,.faq summary i::after{
  content:"";position:absolute;top:50%;left:50%;
  transform:translate(-50%,-50%);
  width:14px;height:2px;background:var(--ink);
  border-radius:2px;
}
.faq summary i::after{transform:translate(-50%,-50%) rotate(90deg);transition:transform .3s}
.faq details[open] summary i::after{transform:translate(-50%,-50%) rotate(0)}
.faq details p{
  padding:0 26px 22px;
  color:var(--ink-3);font-size:15px;text-wrap:pretty;
}

/* CONTACT */
.contact-hero{
  position:relative;
  background:var(--ink);color:#fff;
  padding:160px 32px 100px;
  overflow:hidden;
  isolation:isolate;
}
.ch-bg-grid{
  position:absolute;inset:0;
  background-image:
    linear-gradient(rgba(125,194,66,.12) 1px,transparent 1px),
    linear-gradient(90deg,rgba(125,194,66,.12) 1px,transparent 1px);
  background-size:60px 60px;
  mask-image:radial-gradient(ellipse at center,#000 20%,transparent 70%);
  z-index:-1;
}
.ch-inner{max-width:1280px;margin:0 auto}
.ch-inner .kicker{color:rgba(255,255,255,.55)}
.ch-inner .big-head{font-size:clamp(56px,10vw,160px);margin:20px 0 28px}
.ch-sub{max-width:560px;color:rgba(255,255,255,.65);font-size:19px;margin-bottom:60px}
.big-call{
  display:flex;align-items:center;justify-content:space-between;gap:20px;
  background:linear-gradient(135deg,var(--green-deep),var(--green));
  padding:36px 48px;border-radius:32px;
  color:var(--ink);
  transition:transform .25s, box-shadow .25s;
  box-shadow:0 30px 60px -30px rgba(125,194,66,.5);
  position:relative;overflow:hidden;
}
.big-call::before{
  content:"";position:absolute;inset:0;
  background:radial-gradient(circle at 80% 50%,rgba(255,255,255,.3),transparent 50%);
  opacity:0;transition:opacity .3s;
}
.big-call:hover{transform:translateY(-4px);box-shadow:0 36px 70px -30px rgba(125,194,66,.7)}
.big-call:hover::before{opacity:1}
.bc-label{
  font-family:"Geist Mono",monospace;font-size:13px;letter-spacing:.1em;
  text-transform:uppercase;
  flex-shrink:0;
}
.bc-number{
  font-family:"Bricolage Grotesque",sans-serif;
  font-size:clamp(40px,7vw,90px);font-weight:800;letter-spacing:-.03em;
  margin-left:auto;line-height:1;
}
.bc-arrow{flex-shrink:0;margin-left:20px}

/* Channels */
.contact-channels{padding:120px 32px;background:var(--bg)}
.cc-head{max-width:1280px;margin:0 auto 60px;text-align:center}
.cc-grid{
  max-width:1280px;margin:0 auto;
  display:grid;grid-template-columns:repeat(4,1fr);gap:18px;
}
.cch{
  position:relative;
  display:flex;flex-direction:column;gap:10px;
  padding:32px 28px;
  background:#fff;border:1px solid var(--line);
  border-radius:20px;min-height:240px;
  transition:transform .25s, border-color .25s, box-shadow .25s;
  overflow:hidden;
}
.cch:hover{transform:translateY(-4px);border-color:var(--green);box-shadow:0 20px 40px -20px rgba(0,0,0,.12)}
.cch-icon{
  width:54px;height:54px;border-radius:14px;
  background:var(--green-pale);color:var(--green-deep);
  display:flex;align-items:center;justify-content:center;
  margin-bottom:8px;
}
.cch-label{font-family:"Geist Mono",monospace;font-size:11px;letter-spacing:.08em;color:var(--ink-3);text-transform:uppercase}
.cch strong{
  font-family:"Bricolage Grotesque",sans-serif;
  font-weight:700;font-size:24px;letter-spacing:-.02em;line-height:1.1;
  color:var(--ink);
  word-break:break-word;
}
.cch-hint{color:var(--ink-3);font-size:13px;margin-top:auto}
.cch-primary{background:var(--ink);color:#fff;border-color:var(--ink)}
.cch-primary .cch-icon{background:rgba(125,194,66,.15);color:var(--green)}
.cch-primary .cch-label{color:rgba(255,255,255,.55)}
.cch-primary strong{color:#fff}
.cch-primary .cch-hint{color:rgba(255,255,255,.6)}
.cch-wa .cch-icon{background:#dcf8c6;color:#25d366}
.cch-hours{background:var(--green-pale)}
.hours-mini{
  margin-top:14px;display:flex;flex-direction:column;gap:6px;
  font-family:"Geist Mono",monospace;font-size:11px;color:var(--ink-2);
}
.hours-mini i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--green);margin-right:8px;vertical-align:middle}

/* Map */
.contact-map{
  padding:120px 32px;background:var(--paper);
  border-top:1px solid var(--line);
}
.contact-map{max-width:none}
.contact-map > div{margin:0 auto}
.contact-map{
  display:grid;grid-template-columns:1fr 1.1fr;gap:80px;align-items:center;
  max-width:1340px;margin:0 auto;
}
.map-text p{color:var(--ink-3);margin:24px 0;text-wrap:pretty}
.map-meta{
  display:flex;flex-direction:column;gap:14px;
  margin:32px 0;padding:24px 0;
  border-top:1px solid var(--line);border-bottom:1px solid var(--line);
}
.map-meta div{display:flex;justify-content:space-between;align-items:center}
.map-meta span{font-family:"Geist Mono",monospace;font-size:12px;color:var(--ink-3);letter-spacing:.05em}
.map-meta strong{font-family:"Bricolage Grotesque",sans-serif;font-weight:700;font-size:18px}
.map-cta{display:flex;gap:12px;flex-wrap:wrap}
.map-visual{
  position:relative;
  border-radius:24px;overflow:hidden;
  border:1px solid var(--line);
  background:#fbfcf6;
}
.big-map{display:block;width:100%}
.map-pulse{animation:mapPulse 3s infinite}
@keyframes mapPulse{0%,100%{opacity:.15;transform:scale(1)}50%{opacity:.4;transform:scale(1.4)}}
.center-marker{transform-origin:250px 250px;animation:gentle 4s ease-in-out infinite}
@keyframes gentle{0%,100%{transform:scale(1)}50%{transform:scale(1.06)}}

/* Contact message */
.contact-message{background:var(--ink);padding:120px 32px;color:#fff}
.cm-inner{
  max-width:1280px;margin:0 auto;
  display:grid;grid-template-columns:1fr 1.2fr;gap:60px;
}
.cm-side .big-head{font-size:clamp(40px,5vw,72px)}
.cm-side p{color:rgba(255,255,255,.65);margin:20px 0 32px;text-wrap:pretty}
.cm-fast{display:flex;flex-direction:column;gap:14px}
.cm-fast a{
  display:flex;align-items:center;gap:14px;
  padding:16px 18px;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.1);
  border-radius:14px;
  transition:border-color .2s, background .2s;
}
.cm-fast a:hover{border-color:var(--green);background:rgba(125,194,66,.06)}
.cm-fast svg{flex-shrink:0;color:var(--green)}
.cm-fast div{display:flex;flex-direction:column;line-height:1.2}
.cm-fast span{font-size:11px;color:rgba(255,255,255,.5);font-family:"Geist Mono",monospace;letter-spacing:.05em;text-transform:uppercase}
.cm-fast strong{font-family:"Bricolage Grotesque",sans-serif;font-weight:700;font-size:18px;color:#fff}
.cm-form{
  background:rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.1);
  border-radius:24px;padding:40px;
}

/* ───── responsive ───── */
@media (max-width: 1024px){
  .nav-links{display:none}
  .hero-cards{display:none}
  .about-body, .strip-inner, .app-inner{grid-template-columns:1fr;gap:60px}
  .service-grid{grid-template-columns:repeat(2,1fr)}
  .srv-lg{grid-column:span 2}
  .request{grid-template-columns:1fr}
  .request-side{border-right:none;border-bottom:1px solid rgba(255,255,255,.1)}
  .foot-top{grid-template-columns:1fr;gap:40px}
}
@media (max-width: 1024px){
  .pages-cards, .cc-grid, .fleet-grid{grid-template-columns:repeat(2,1fr)}
  .about-story .about-body, .contact-map, .cm-inner{grid-template-columns:1fr;gap:60px}
  .page-hero-stats{grid-template-columns:repeat(2,1fr)}
  .page-hero-stats div:nth-child(2){border-right:none}
  .page-hero-stats div:nth-child(1),.page-hero-stats div:nth-child(2){border-bottom:1px solid rgba(26,26,26,.08)}
  .timeline-line::before{left:30px}
  .timeline-step{grid-template-columns:60px 1fr;gap:16px}
  .timeline-step:nth-child(odd) .ts-card,.timeline-step:nth-child(even) .ts-card{grid-column:2;text-align:left;justify-self:start;max-width:none}
  .timeline-step:nth-child(odd) .ts-year,.timeline-step:nth-child(even) .ts-year{grid-column:2;text-align:left;justify-self:start;font-size:24px;margin-bottom:6px}
  .ts-dot{grid-column:1;grid-row:1/3;align-self:start;margin-top:6px}
}
/* ───── APP PAGE ───── */
.app-hero{
  position:relative;
  padding:160px 32px 100px;
  background:var(--green-soft);
  overflow:hidden;
  isolation:isolate;
}
.app-hero .hero-grid{
  position:absolute;inset:0;
  background-image:
    linear-gradient(rgba(125,194,66,.08) 1px,transparent 1px),
    linear-gradient(90deg,rgba(125,194,66,.08) 1px,transparent 1px);
  background-size:48px 48px;
  mask-image:radial-gradient(ellipse at center,#000 30%,transparent 80%);
  z-index:-1;
}
.app-hero-inner{
  max-width:1280px;margin:0 auto;
  display:grid;grid-template-columns:1.05fr .95fr;gap:80px;align-items:center;
}
.app-hero-text .big-head{
  font-size:clamp(48px,8vw,128px);
  margin:24px 0 28px;
}
.app-hero-sub{
  max-width:520px;font-size:19px;color:var(--ink-3);
  text-wrap:pretty;margin-bottom:36px;
}
.store-buttons{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:48px}
.store-btn{
  display:inline-flex;align-items:center;gap:12px;
  padding:14px 22px;
  background:var(--ink);color:#fff;
  border-radius:14px;
  border:1px solid var(--ink);
  transition:transform .2s, background .2s, box-shadow .25s;
  font-family:"Geist",sans-serif;
}
.store-btn:hover{transform:translateY(-2px);background:#000;box-shadow:0 18px 40px -20px rgba(0,0,0,.35)}
.store-btn svg{flex-shrink:0}
.store-btn span{display:flex;flex-direction:column;line-height:1.1;text-align:left}
.store-btn small{font-size:11px;opacity:.7;letter-spacing:.04em;margin-bottom:2px;font-family:"Geist Mono",monospace}
.store-btn strong{font-size:17px;font-weight:600;letter-spacing:-.01em}
.store-btn.dark{background:var(--white);color:var(--ink);border-color:var(--line)}
.store-btn.dark:hover{background:var(--ink);color:#fff;border-color:var(--ink)}

.app-meta{
  display:flex;gap:0;
  border-top:1px solid rgba(26,26,26,.15);
  border-bottom:1px solid rgba(26,26,26,.15);
}
.app-meta div{
  flex:1;padding:20px 16px;
  border-right:1px solid rgba(26,26,26,.08);
}
.app-meta div:last-child{border-right:none}
.app-meta b{
  display:block;
  font-family:"Bricolage Grotesque",sans-serif;
  font-size:32px;font-weight:800;line-height:1;
  letter-spacing:-.02em;
}
.app-meta span{display:block;font-size:12px;color:var(--ink-3);margin-top:8px;font-family:"Geist Mono",monospace;letter-spacing:.05em}

.app-hero-visual{position:relative;display:flex;justify-content:center;align-items:center}
.phone-stage{
  position:relative;
  max-width:480px;width:100%;
  filter:drop-shadow(0 40px 60px rgba(0,0,0,.18));
}
.phone-stage img{
  width:100%;height:auto;display:block;
  position:relative;z-index:2;
  animation:phoneFloat 6s ease-in-out infinite;
}
@keyframes phoneFloat{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-12px)}
}
.phone-glow{
  position:absolute;inset:-10% -10%;z-index:1;
  background:radial-gradient(circle,rgba(125,194,66,.3) 0%,transparent 60%);
  filter:blur(40px);
}
.phone-badge{
  position:absolute;z-index:3;
  display:inline-flex;align-items:center;gap:8px;
  padding:10px 16px;
  background:#fff;
  border-radius:999px;
  font-size:13px;font-weight:600;
  font-family:"Geist Mono",monospace;letter-spacing:.02em;
  box-shadow:0 10px 30px -10px rgba(0,0,0,.2);
  white-space:nowrap;
}
.phone-badge svg{color:var(--green-deep)}
.phone-badge-1{
  top:8%;left:-10%;
  animation:badgeFloat 5s ease-in-out infinite;
}
.phone-badge-2{
  bottom:14%;right:-8%;
  animation:badgeFloat 5s ease-in-out infinite -2.5s;
}
@keyframes badgeFloat{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-8px)}
}

/* WHY APP */
.why-app{padding:120px 32px;background:var(--bg)}
.why-head{max-width:1280px;margin:0 auto 60px}
.why-grid{
  max-width:1280px;margin:0 auto;
  display:grid;grid-template-columns:repeat(3,1fr);gap:20px;
}
.why-card{
  position:relative;
  display:flex;flex-direction:column;gap:14px;
  padding:36px 32px;
  background:#fff;border:1px solid var(--line);
  border-radius:24px;
  transition:transform .25s, border-color .25s, box-shadow .25s;
  overflow:hidden;
}
.why-card:hover{transform:translateY(-4px);border-color:var(--green);box-shadow:0 24px 50px -30px rgba(0,0,0,.15)}
.why-num{
  position:absolute;top:24px;right:28px;
  font-family:"Geist Mono",monospace;font-size:12px;
  color:var(--ink-3);letter-spacing:.1em;
}
.why-card svg{margin-bottom:8px}
.why-card h3{
  font-family:"Bricolage Grotesque",sans-serif;
  font-size:24px;font-weight:700;letter-spacing:-.02em;
}
.why-card p{font-size:15px;color:var(--ink-3);line-height:1.55}
.why-card-accent{background:var(--green-soft);border-color:transparent}
.why-card-accent:hover{border-color:var(--green-deep)}

/* HOW IT WORKS */
.how-app{
  padding:120px 32px;
  background:var(--ink);
  color:#fff;
  position:relative;overflow:hidden;
}
.how-app::before{
  content:"";position:absolute;inset:0;
  background-image:radial-gradient(circle,rgba(125,194,66,.12) 1px,transparent 1px);
  background-size:32px 32px;opacity:.5;
}
.how-bg-glow{
  position:absolute;
  width:600px;height:600px;border-radius:50%;
  filter:blur(80px);
  pointer-events:none;z-index:0;
}
.how-bg-glow-1{
  top:-20%;left:-15%;
  background:radial-gradient(circle,rgba(125,194,66,.25),transparent 70%);
}
.how-bg-glow-2{
  bottom:-30%;right:-15%;
  background:radial-gradient(circle,rgba(125,194,66,.18),transparent 70%);
}
.how-head{max-width:880px;margin:0 auto 70px;position:relative;text-align:center;z-index:1}
.how-head .kicker{color:rgba(255,255,255,.6);justify-content:center}
.how-head .kicker .dot{background:var(--green)}
.how-sub{
  font-size:16.5px;color:rgba(255,255,255,.6);line-height:1.55;
  max-width:580px;margin:18px auto 0;text-wrap:pretty;
}

.how-steps{
  max-width:1280px;margin:0 auto;position:relative;z-index:1;
  display:flex;align-items:stretch;justify-content:space-between;gap:0;
}
.how-step{
  position:relative;
  flex:1;
  display:flex;flex-direction:column;gap:14px;
  padding:36px 28px;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.08);
  border-radius:24px;
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
  transition:transform .25s, border-color .25s, background .25s;
  overflow:hidden;
}
.how-step::before{
  content:"";position:absolute;
  top:-1px;left:-1px;right:-1px;height:3px;
  background:linear-gradient(90deg,transparent,var(--green),transparent);
  opacity:0;
  transition:opacity .3s ease;
}
.how-step:hover{
  transform:translateY(-6px);
  border-color:rgba(125,194,66,.4);
  background:rgba(255,255,255,.06);
}
.how-step:hover::before{opacity:1}

.how-step-icon{
  display:inline-flex;align-items:center;justify-content:center;
  width:46px;height:46px;
  background:rgba(125,194,66,.12);
  border:1px solid rgba(125,194,66,.25);
  border-radius:12px;
  color:var(--green);
  margin-bottom:4px;
}
.how-num{
  display:inline-flex;align-items:center;justify-content:center;
  width:42px;height:42px;
  background:var(--green);color:var(--ink);
  border-radius:12px;
  font-family:"Bricolage Grotesque",sans-serif;
  font-size:22px;font-weight:800;
  position:absolute;top:28px;right:28px;
  box-shadow:0 8px 20px -8px rgba(125,194,66,.6);
}
.how-step h4{
  font-family:"Bricolage Grotesque",sans-serif;
  font-size:22px;font-weight:700;letter-spacing:-.02em;
  color:#fff;
  padding-right:48px;
}
.how-step p{
  font-size:14.5px;color:rgba(255,255,255,.7);line-height:1.6;
  margin-bottom:8px;flex-grow:1;
}
.how-step-tag{
  align-self:flex-start;
  display:inline-flex;align-items:center;
  font-family:"Geist Mono",monospace;
  font-size:10.5px;font-weight:700;letter-spacing:1.4px;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.12);
  color:rgba(255,255,255,.85);
  padding:6px 12px;border-radius:999px;
  margin-top:auto;
}
.how-step-tag-final{
  background:var(--green);color:var(--ink);
  border-color:var(--green);
}
.how-step-final{
  background:rgba(125,194,66,.08);
  border-color:rgba(125,194,66,.25);
}
.how-step-final .how-step-icon{
  background:var(--green);color:var(--ink);
  border-color:var(--green);
}
.how-arrow{
  display:flex;align-items:center;justify-content:center;
  flex-shrink:0;padding:0 8px;
}

/* bottom feature strip */
.how-foot{
  max-width:1100px;margin:60px auto 0;
  display:flex;align-items:center;justify-content:center;
  gap:32px;flex-wrap:wrap;
  padding:24px 32px;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.08);
  border-radius:18px;
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
  position:relative;z-index:1;
}
.how-stat{
  display:flex;flex-direction:column;gap:2px;align-items:center;
  flex:1;min-width:140px;
}
.how-stat b{
  font-family:"Bricolage Grotesque",sans-serif;
  font-size:28px;font-weight:800;color:var(--green);
  line-height:1;letter-spacing:-.02em;
}
.how-stat span{
  font-family:"Geist Mono",monospace;
  font-size:10.5px;color:rgba(255,255,255,.55);
  letter-spacing:1.2px;text-transform:uppercase;
  margin-top:6px;
}
.how-stat-divider{
  width:1px;height:32px;
  background:rgba(255,255,255,.12);
}
@media (max-width:720px){
  .how-foot{flex-direction:column;gap:16px;padding:20px}
  .how-stat-divider{width:60%;height:1px}
}

/* DOWNLOAD BAND */
.download-band{
  padding:120px 32px;
  background:var(--green-soft);
}
.download-inner{
  max-width:1280px;margin:0 auto;
  display:grid;grid-template-columns:1.1fr .9fr;gap:80px;align-items:center;
}
.download-text .big-head{font-size:clamp(40px,5.5vw,84px);margin:24px 0 24px}
.download-text p{font-size:18px;color:var(--ink-3);max-width:500px;margin-bottom:32px}
.download-qr{
  display:flex;flex-direction:column;align-items:center;gap:18px;
}
.qr-frame{
  position:relative;
  padding:32px;
  background:#fff;
  border-radius:24px;
  box-shadow:0 24px 60px -30px rgba(0,0,0,.25);
}
.qr-frame img{width:200px;height:200px;display:block;border-radius:8px}
.qr-corners span{
  position:absolute;width:24px;height:24px;
  border:2px solid var(--green-deep);
}
.qr-corners span:nth-child(1){top:12px;left:12px;border-right:0;border-bottom:0;border-top-left-radius:6px}
.qr-corners span:nth-child(2){top:12px;right:12px;border-left:0;border-bottom:0;border-top-right-radius:6px}
.qr-corners span:nth-child(3){bottom:12px;left:12px;border-right:0;border-top:0;border-bottom-left-radius:6px}
.qr-corners span:nth-child(4){bottom:12px;right:12px;border-left:0;border-top:0;border-bottom-right-radius:6px}
.qr-caption{text-align:center}
.qr-caption strong{
  display:block;
  font-family:"Bricolage Grotesque",sans-serif;
  font-size:20px;font-weight:700;
}
.qr-caption span{
  display:block;
  font-family:"Geist Mono",monospace;
  font-size:12px;color:var(--ink-3);letter-spacing:.05em;
  margin-top:4px;
}

/* COMPARE */
.compare{padding:120px 32px;background:var(--bg)}
.compare-head{max-width:1280px;margin:0 auto 60px;text-align:center}
.compare-table{
  max-width:1280px;margin:0 auto;
  background:#fff;
  border:1px solid var(--line);
  border-radius:24px;
  overflow:hidden;
}
.compare-row{
  display:grid;grid-template-columns:1fr 1.2fr 1.2fr;
  border-bottom:1px solid var(--line);
}
.compare-row:last-child{border-bottom:none}
.compare-row > div{
  padding:22px 28px;
  font-size:15px;
  display:flex;align-items:center;
  border-right:1px solid var(--line);
}
.compare-row > div:last-child{border-right:none}
.compare-row > div:first-child{
  font-weight:600;
  font-family:"Geist Mono",monospace;
  font-size:13px;letter-spacing:.04em;
  color:var(--ink-3);text-transform:uppercase;
}
.compare-head-row{
  background:var(--ink);color:#fff;
}
.compare-head-row > div{
  padding:18px 28px;
  font-family:"Bricolage Grotesque",sans-serif;
  font-size:18px;font-weight:700;
  border-right-color:rgba(255,255,255,.1);
}
.compare-head-row > div:first-child{
  background:transparent;color:rgba(255,255,255,.4);
  font-family:"Geist Mono",monospace;font-size:11px;
}
.compare-col-app{color:var(--green) !important}
.compare-row .yes{color:var(--ink);font-weight:500;position:relative;padding-left:48px !important}
.compare-row .yes::before{
  content:"✓";
  position:absolute;left:24px;
  width:22px;height:22px;
  display:inline-flex;align-items:center;justify-content:center;
  background:var(--green);color:var(--ink);
  border-radius:50%;font-weight:800;font-size:13px;
}
.compare-row .no{color:var(--ink-3);position:relative;padding-left:48px !important}
.compare-row .no::before{
  content:"✕";
  position:absolute;left:24px;
  width:22px;height:22px;
  display:inline-flex;align-items:center;justify-content:center;
  background:#f0f0ed;color:var(--ink-3);
  border-radius:50%;font-weight:600;font-size:13px;
}

@media (max-width: 1024px){
  .app-hero-inner{grid-template-columns:1fr;gap:60px}
  .app-hero-visual{order:-1;max-width:380px;margin:0 auto}
  .download-inner{grid-template-columns:1fr;gap:50px;text-align:center}
  .download-text p{margin-left:auto;margin-right:auto}
  .download-text .store-buttons{justify-content:center}
  .why-grid{grid-template-columns:repeat(2,1fr)}
  .how-steps{flex-direction:column}
  .how-arrow{transform:rotate(90deg);padding:8px 0}
  .compare-row{grid-template-columns:1fr 1fr 1fr}
}

@media (max-width: 720px){
  .pages-cards, .cc-grid, .fleet-grid{grid-template-columns:1fr}
  .page-hero{padding:120px 18px 60px}
  .contact-hero{padding:120px 18px 80px}
  .big-call{flex-direction:column;align-items:flex-start;padding:24px;gap:14px}
  .bc-arrow{align-self:flex-end}
  .cm-form{padding:24px}
  .srv-price{grid-template-columns:1fr}
  .pages-grid,.about-story,.timeline,.fleet-detail,.cta-band,.faq,.contact-channels,.contact-map,.contact-message{padding:80px 18px}
  .nav{padding:14px 18px}
  .nav-cta{display:none}
  .nav-burger{display:flex}
  .hero{padding:120px 18px 80px}
  .about,.services,.app,.contact,.strip{padding:80px 18px}
  .service-grid{grid-template-columns:1fr}
  .srv-lg{grid-column:span 1}
  .values{grid-template-columns:1fr}
  .app-feats{grid-template-columns:1fr}
  .foot-cols{grid-template-columns:1fr 1fr;gap:24px}
  .ccard-primary,.ccard-map{grid-column:span 2}
  .contact-grid{grid-template-columns:1fr}
  .ccard-primary,.ccard-map,.ccard{grid-column:span 1}
  .ccard strong{font-size:32px}
  .ccard-primary strong{font-size:48px}
  .request-side,.request-form{padding:32px 24px}
  .hero-stats{flex-direction:column}
  .hero-stats i{display:none}
  .request-form .row{grid-template-columns:1fr}
  .form-foot{align-items:stretch}
  .app-hero{padding:120px 18px 60px}
  .why-app,.how-app,.download-band,.compare{padding:80px 18px}
  .why-grid{grid-template-columns:1fr}
  .app-meta{flex-wrap:wrap}
  .app-meta div{flex:1 1 50%;border-right:none;border-bottom:1px solid rgba(26,26,26,.08)}
  .app-meta div:last-child,.app-meta div:nth-last-child(2){border-bottom:none}
  .phone-badge-1{left:0}
  .phone-badge-2{right:0}
  .compare-row{grid-template-columns:1fr;border-bottom:6px solid var(--bg)}
  .compare-row > div{border-right:none;border-bottom:1px solid var(--line)}
  .compare-row > div:last-child{border-bottom:none}
  .compare-head-row{display:none}
  .compare-row > div:first-child{background:#f6f7f1}
  .qr-frame img{width:160px;height:160px}
  .how-step{padding:28px 22px}
}

/* ───── Lightbox (galerija) ───── */
.lightbox{
  position:fixed;inset:0;z-index:9999;
  background:rgba(10,10,8,.96);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  display:none;align-items:center;justify-content:center;
  padding:60px;
  opacity:0;
  transition:opacity .3s ease;
}
.lightbox.open{display:flex;opacity:1}
.lightbox-stage{
  position:relative;
  max-width:100%;max-height:100%;
  display:flex;align-items:center;justify-content:center;
}
.lightbox-img{
  max-width:100%;max-height:85vh;
  border-radius:14px;
  box-shadow:0 30px 80px rgba(0,0,0,.6);
  animation:lbImgIn .35s cubic-bezier(.2,.8,.2,1);
}
@keyframes lbImgIn{
  from{opacity:0;transform:scale(.96)}
  to{opacity:1;transform:scale(1)}
}
.lightbox-close,
.lightbox-prev,
.lightbox-next{
  position:absolute;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.18);
  color:#fff;cursor:pointer;
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  transition:background .2s, transform .2s, color .2s, border-color .2s;
  font-family:inherit;
  z-index:2;
  display:flex;align-items:center;justify-content:center;
  padding:0;
}
.lightbox-close{
  top:24px;right:24px;
  width:44px;height:44px;border-radius:50%;
  font-size:26px;line-height:1;
}
.lightbox-prev,.lightbox-next{
  top:50%;transform:translateY(-50%);
  width:56px;height:56px;border-radius:50%;
  font-size:34px;line-height:1;
}
.lightbox-prev{left:24px}
.lightbox-next{right:24px}
.lightbox-close:hover,
.lightbox-prev:hover,
.lightbox-next:hover{
  background:var(--green);
  color:var(--ink);
  border-color:var(--green);
}
.lightbox-prev:hover{transform:translateY(-50%) scale(1.06)}
.lightbox-next:hover{transform:translateY(-50%) scale(1.06)}
.lightbox-counter{
  position:absolute;bottom:24px;left:50%;
  transform:translateX(-50%);
  font-family:"Geist Mono",monospace;
  font-size:13px;color:rgba(255,255,255,.85);
  background:rgba(255,255,255,.08);
  padding:7px 14px;border-radius:999px;
  border:1px solid rgba(255,255,255,.15);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}
@media (max-width:720px){
  .lightbox{padding:20px}
  .lightbox-close{top:12px;right:12px;width:38px;height:38px;font-size:22px}
  .lightbox-prev,.lightbox-next{width:44px;height:44px;font-size:26px}
  .lightbox-prev{left:10px}
  .lightbox-next{right:10px}
  .lightbox-counter{bottom:14px;font-size:11.5px}
}

/* ───── APP SHOWCASE (aplikacija.html) ───── */
.app-showcase{
  position:relative;
  background:var(--bg);
  padding:120px 32px;
  overflow:hidden;
}
.aps-bg-grid{
  position:absolute;inset:0;
  background-image:
    linear-gradient(rgba(125,194,66,.08) 1px,transparent 1px),
    linear-gradient(90deg,rgba(125,194,66,.08) 1px,transparent 1px);
  background-size:48px 48px;
  mask-image:radial-gradient(ellipse at center,#000 30%,transparent 80%);
  pointer-events:none;
}
.aps-bg-blob{
  position:absolute;top:15%;right:-12%;
  width:620px;height:620px;border-radius:50%;
  background:radial-gradient(circle,rgba(125,194,66,.2),transparent 70%);
  filter:blur(60px);
  pointer-events:none;
}
.aps-inner{
  position:relative;
  max-width:1280px;margin:0 auto;
  display:grid;grid-template-columns:1fr 1.1fr;
  gap:80px;align-items:center;
}

/* LEVO: visual */
.aps-visual{
  position:relative;
  min-height:600px;
  display:flex;align-items:center;justify-content:center;
}
.aps-glow{
  position:absolute;
  width:70%;aspect-ratio:1;
  border-radius:50%;
  background:radial-gradient(circle,rgba(125,194,66,.45) 0%,rgba(125,194,66,.12) 40%,transparent 70%);
  filter:blur(40px);
  animation:apsGlow 5s ease-in-out infinite;
}
@keyframes apsGlow{
  0%,100%{transform:scale(1);opacity:.7}
  50%{transform:scale(1.06);opacity:1}
}
.aps-phone{
  position:relative;
  max-width:100%;height:auto;max-height:600px;
  filter:drop-shadow(0 40px 80px rgba(0,0,0,.28));
  animation:apsFloat 5s ease-in-out infinite;
  z-index:1;
}
@keyframes apsFloat{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-14px)}
}

/* floating cards */
.aps-float{
  position:absolute;
  background:#fff;
  border:1px solid var(--line);
  border-radius:14px;
  padding:14px 18px;
  box-shadow:0 20px 50px -18px rgba(0,0,0,.22);
  z-index:2;
}
.aps-float-rating{
  top:8%;left:-5%;
  display:flex;align-items:center;gap:12px;
  animation:apsCardA 6s ease-in-out infinite;
}
@keyframes apsCardA{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-10px)}
}
.aps-rating-stars{color:#f6b94a;font-size:14px;letter-spacing:1.5px;line-height:1}
.aps-rating-body{display:flex;flex-direction:column;gap:2px}
.aps-rating-body strong{
  font-family:"Bricolage Grotesque",sans-serif;
  font-size:22px;font-weight:800;color:var(--ink);line-height:1;
}
.aps-rating-body span{
  font-family:"Geist Mono",monospace;
  font-size:10px;color:var(--ink-3);letter-spacing:.5px;
}

.aps-float-free{
  top:42%;right:-8%;
  display:flex;align-items:center;gap:10px;
  background:var(--ink);color:#fff;
  border-color:var(--ink);
  animation:apsCardB 6s ease-in-out infinite .8s;
}
@keyframes apsCardB{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-8px)}
}
.aps-free-body{display:flex;flex-direction:column;gap:2px}
.aps-free-body strong{
  font-family:"Geist Mono",monospace;
  font-size:13px;font-weight:800;letter-spacing:1.4px;color:var(--green);line-height:1;
}
.aps-free-body span{
  font-family:"Geist Mono",monospace;
  font-size:10px;color:rgba(255,255,255,.7);letter-spacing:.5px;
}
.aps-float-dot{
  width:9px;height:9px;border-radius:50%;
  background:var(--green);
  animation:apsPulse 2s infinite;
  flex-shrink:0;
}
@keyframes apsPulse{
  0%,100%{transform:scale(1);opacity:1;box-shadow:0 0 0 0 rgba(125,194,66,.6)}
  50%{transform:scale(1.3);opacity:.7;box-shadow:0 0 0 8px rgba(125,194,66,0)}
}

.aps-float-stat{
  bottom:14%;left:-8%;
  display:flex;flex-direction:column;gap:2px;
  animation:apsCardC 6s ease-in-out infinite 1.6s;
}
@keyframes apsCardC{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-12px)}
}
.aps-float-stat strong{
  font-family:"Bricolage Grotesque",sans-serif;
  font-size:26px;font-weight:800;color:var(--green-deep);line-height:1;
}
.aps-float-stat span{
  font-family:"Geist Mono",monospace;
  font-size:10px;color:var(--ink-3);letter-spacing:.5px;
}

.aps-tick{
  position:absolute;
  bottom:4%;right:-4%;
  display:flex;align-items:center;gap:10px;
  font-family:"Geist Mono",monospace;
  font-size:9.5px;color:var(--ink-3);
  letter-spacing:.15em;
}
.aps-tick-line{
  width:46px;height:1px;background:var(--ink-3);opacity:.35;
}
.aps-tick-dot{
  width:6px;height:6px;border-radius:50%;
  background:var(--green-deep);
}

/* DESNO: content */
.aps-content{position:relative}
.aps-lede{
  font-size:17.5px;line-height:1.55;color:var(--ink-3);
  margin:24px 0 36px;max-width:560px;
  text-wrap:pretty;
}

.aps-benefits{
  display:grid;grid-template-columns:1fr 1fr;
  gap:18px;margin-bottom:36px;
}
.aps-benefit{
  position:relative;
  background:#fff;
  border:1px solid var(--line);
  border-radius:18px;
  padding:24px 22px;
  transition:transform .25s, box-shadow .25s, border-color .25s;
}
.aps-benefit:hover{
  transform:translateY(-3px);
  box-shadow:0 20px 50px -20px rgba(125,194,66,.25);
  border-color:rgba(125,194,66,.5);
}
.aps-benefit-num{
  position:absolute;top:14px;right:16px;
  font-family:"Geist Mono",monospace;
  font-size:10.5px;font-weight:700;
  color:var(--ink-3);opacity:.45;
  letter-spacing:.5px;
}
.aps-benefit-icon{
  width:44px;height:44px;
  display:flex;align-items:center;justify-content:center;
  background:var(--green-soft);
  border-radius:11px;
  color:var(--green-deep);
  margin-bottom:14px;
}
.aps-benefit strong{
  display:block;
  font-family:"Bricolage Grotesque",sans-serif;
  font-size:17px;font-weight:700;color:var(--ink);
  margin-bottom:5px;letter-spacing:-.01em;
}
.aps-benefit > span{
  display:block;
  font-size:13.5px;color:var(--ink-3);line-height:1.5;
}

.aps-ctas{display:flex;gap:14px}

/* RESPONSIVE */
@media (max-width:1024px){
  .aps-inner{grid-template-columns:1fr;gap:60px}
  .aps-visual{min-height:540px;order:2}
  .aps-content{order:1;text-align:center}
  .aps-lede{margin:24px auto 36px}
  .aps-ctas{justify-content:center}
}
@media (max-width:720px){
  .app-showcase{padding:80px 18px}
  .aps-visual{min-height:460px}
  .aps-phone{max-height:480px}
  .aps-float-rating{left:0}
  .aps-float-free{right:0}
  .aps-float-stat{left:0}
  .aps-tick{display:none}
  .aps-benefits{grid-template-columns:1fr}
  .aps-benefit{padding:20px 18px}
}