/* Commis — clair, vert émeraude, grands titres. */
:root{--g:#0F9D6B;--g-d:#0B7A53;--ink:#121614;--grey:#5f6763;--bg:#f7f8f6}
body{background:var(--bg);color:var(--ink)}
.top{background:rgba(247,248,246,.75)}
.top nav a[aria-current="page"]{background:var(--ink);color:#fff}
.grad{background:linear-gradient(100deg,#21C78C 0%,#0F9D6B 45%,#0B6F4B 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.eyebrow{color:var(--g-d)}
.center{text-align:center}

.hero{height:230vh}
.hero .pin{display:flex;flex-direction:column;align-items:center}
.hero-txt{text-align:center;padding-top:clamp(90px,14vh,140px);position:relative;z-index:2}
.hero .sub{color:var(--grey);margin-top:16px}
.mac-hero{position:absolute;left:50%;top:57%;width:min(1180px,92vw);margin-left:calc(min(1180px,92vw) / -2);filter:drop-shadow(0 40px 60px rgba(0,0,0,.18))}

.reveal{color:#c9cecb}

.sec-head{text-align:center;display:grid;justify-items:center;gap:6px}
.chips{list-style:none;margin:12px 0 0;padding:4px;display:flex;gap:4px;border-radius:999px;background:#e9ece9;flex-wrap:wrap;justify-content:center}
.chips li{padding:9px 16px;border-radius:999px;font:600 14px/1 "Outfit",sans-serif;color:#525a56;transition:.4s}
.chips li.on{background:var(--ink);color:#fff}
.cap,.cap2{color:var(--grey);min-height:2.7em;max-width:34em;margin-top:6px}

.plan{height:420vh}
.plan .pin,.stock .pin{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(12px,2.5vh,26px);padding-top:56px}
.mac-plan{width:min(1020px,90vw,calc((100vh - 290px) * 1.488));filter:drop-shadow(0 40px 60px rgba(0,0,0,.16))}

.clock{height:320vh;background:#fff}
.ck-grid{height:100%;max-width:1240px;margin:0 auto;padding:80px clamp(16px,3vw,30px) 30px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:clamp(20px,4vw,60px)}
.phone-ck{width:min(320px,30vw,calc((100vh - 140px) * .4724));filter:drop-shadow(0 40px 60px rgba(0,0,0,.18))}
.beats{list-style:none;margin:28px 0 0;padding:0;display:grid;gap:14px}
.beats li{font:600 clamp(18px,1.6vw,22px)/1.3 "Outfit",sans-serif;color:#b9bfbb;transition:color .5s}
.beats li.on{color:var(--ink)}
.ck-r{display:grid;gap:10px}
.time b{font:700 clamp(84px,10vw,150px)/.85 "Outfit",sans-serif;letter-spacing:-.06em;font-variant-numeric:tabular-nums;color:var(--ink)}
.time{margin:0}
.live{margin:0;font:600 17px/1.2 "Outfit",sans-serif;color:var(--g-d);opacity:0;transform:translateY(10px);transition:.5s}
.live.on{opacity:1;transform:none}

.stock{height:420vh;background:linear-gradient(#f7f8f6,#eef3ef 30%,#eef3ef 70%,#f7f8f6)}
.sk-devs{position:relative}
.mac-stock{width:min(940px,82vw,calc((100vh - 300px) * 1.488))}
.phone-stock{position:absolute;right:-6%;bottom:-4%;width:20%;filter:drop-shadow(0 30px 40px rgba(0,0,0,.25))}

.facts{padding:16vh 0 18vh}
.facts .h2{margin-bottom:48px}
.tile{background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.04),0 12px 30px rgba(0,0,0,.05)}
.tile .k{color:var(--grey)}
.tile p{color:#3e4642}
.tile .num{color:var(--ink)}
.tile.green{background:linear-gradient(150deg,#14b07a,#0B6F4B);color:#fff}
.tile.green .k,.tile.green p{color:#d8f3e8}
.tile.green .num{color:#fff}

.finale{min-height:100vh;padding:14vh clamp(16px,3vw,30px) 16vh;display:grid;justify-items:center;gap:40px;text-align:center;background:radial-gradient(60% 50% at 50% 35%,rgba(15,157,107,.14),transparent 70%)}
.fin-devs{position:relative;width:min(900px,90vw)}
.mac-fin{width:88%}
.phone-fin{position:absolute;right:-2%;bottom:-6%;width:22%;filter:drop-shadow(0 30px 40px rgba(0,0,0,.3))}
.fin-txt .lead{color:var(--grey);margin:10px 0 30px}
.cta{background:var(--g-d);color:#fff}

@media (max-width:860px){
  .ck-grid{grid-template-columns:1fr;justify-items:center;text-align:center;padding-top:70px;gap:14px;align-content:center}
  .ck-l .h2{font-size:32px}
  .beats{display:none}
  .phone-ck{width:min(230px,54vw,calc((100vh - 320px) * .4724))}
  .ck-r{position:absolute;right:16px;bottom:20px;justify-items:end}
  .time b{font-size:60px}
  .live{font-size:13px}
  .phone-stock{width:24%;right:-2%}
}