/* ============================================================
   NXT QUARRY — media: real-screenshot proof + cinematic photo bands
   ============================================================ */

/* ---- real screenshot phone in showcase ---- */
.show-cap{font-family:'Zalando Sans Expanded',sans-serif;font-size:12px;letter-spacing:.06em;color:var(--text-3);margin-top:28px;display:flex;align-items:center;gap:10px}
.show-cap::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--blue-light);flex:none;box-shadow:0 0 8px rgba(26,157,217,.7)}
.phone-real{position:relative;z-index:1;width:min(100%,350px);filter:drop-shadow(0 44px 70px rgba(0,0,0,.55))}
.phone-real.float{animation:levitate 7.5s ease-in-out infinite}
@media(prefers-reduced-motion:reduce){.phone-real.float{animation:none}}
@media(max-width:880px){.phone-real{width:min(74%,330px)}}

/* ---- REAL PLATFORM PROOF gallery ---- */
.proof{padding:clamp(80px,12vh,150px) 0;overflow:hidden}
.proof .sec-head{text-align:center;margin:0 auto 56px}
.proof .sec-head h2{font-size:clamp(30px,4.6vw,52px)}
.proof .sec-head .eyebrow{display:block;margin-bottom:18px}
.proof .sec-head p{margin-left:auto;margin-right:auto}
.proof-gallery{display:flex;justify-content:center;align-items:center;gap:clamp(8px,2.5vw,38px);flex-wrap:nowrap}
.proof-gallery figure{position:relative;margin:0;flex:1 1 0;min-width:0;max-width:340px}
.proof-gallery img{width:100%;filter:drop-shadow(0 40px 60px rgba(0,0,0,.6))}
.proof-gallery .g1{transform:translateY(28px)}
.proof-gallery .g2{transform:translateY(-12px) scale(1.06);z-index:2}
.proof-gallery .g3{transform:translateY(34px)}
.proof-gallery .gcap{position:absolute;left:50%;bottom:-6px;transform:translateX(-50%);white-space:nowrap;font-family:'Zalando Sans Expanded',sans-serif;font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-3)}
.proof-halo{position:absolute;left:50%;top:52%;transform:translate(-50%,-50%);width:62%;height:60%;background:radial-gradient(closest-side,rgba(42,105,178,.28),transparent 70%);filter:blur(40px);z-index:0;pointer-events:none}
@media(max-width:720px){
  .proof-gallery{flex-wrap:wrap;gap:30px}
  .proof-gallery figure{flex:0 0 70%;max-width:300px}
  .proof-gallery .g1,.proof-gallery .g2,.proof-gallery .g3{transform:none}
}

/* ---- CINEMATIC full-bleed photo band ---- */
.cine{position:relative;min-height:78vh;display:flex;align-items:flex-end;overflow:hidden;isolation:isolate}
.cine .cine-bg{position:absolute;inset:-12% 0;z-index:-2;background-size:cover;background-position:center;will-change:transform}
.cine::after{content:"";position:absolute;inset:0;z-index:-1;
  background:linear-gradient(180deg,rgba(10,10,10,.72) 0%,rgba(10,10,10,.48) 40%,rgba(10,10,10,.93) 100%);}
.cine .wrap{padding-top:90px;padding-bottom:clamp(60px,9vh,110px);width:100%}
.cine .eyebrow{display:block;margin-bottom:20px;color:#fff;opacity:.92;text-shadow:0 2px 18px rgba(0,0,0,.8)}
.cine h2{font-size:clamp(34px,6vw,76px);letter-spacing:-.035em;max-width:18ch;text-shadow:0 4px 40px rgba(0,0,0,.5)}
.cine p{margin-top:24px;max-width:50ch;color:#d9dadd;font-size:clamp(17px,1.9vw,20px);text-shadow:0 2px 20px rgba(0,0,0,.6)}
.cine-tag{position:absolute;top:36px;right:var(--pad);font-family:'Zalando Sans Expanded',sans-serif;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.78);z-index:1;background:rgba(8,8,8,.55);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.12);border-radius:100px;padding:8px 14px}

/* ---- PROBLEM with photo ---- */
.problem.haspic{padding:0;overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.problem.haspic .pgrid{display:grid;grid-template-columns:1.15fr .85fr;align-items:stretch;gap:0}
.problem.haspic .ptext{padding:clamp(80px,12vh,150px) clamp(40px,6vw,90px) clamp(80px,12vh,150px) var(--pad);max-width:none}
.problem.haspic .ppic{position:relative;min-height:420px;background-size:cover;background-position:center;border-left:1px solid var(--line)}
.problem.haspic .ppic::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--bg),rgba(10,10,10,.25) 30%,rgba(10,10,10,.55))}
.problem.haspic .ppic .plabel{position:absolute;left:24px;bottom:22px;z-index:1;font-family:'Zalando Sans Expanded',sans-serif;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.75)}
@media(max-width:880px){
  .problem.haspic .pgrid{grid-template-columns:1fr}
  .problem.haspic .ppic{min-height:280px;border-left:0;border-top:1px solid var(--line)}
  .problem.haspic .ppic::after{background:linear-gradient(180deg,rgba(10,10,10,.2),rgba(10,10,10,.7))}
}

/* ============================================================
   LUXE PASS — intro loader, cinematic hero, editorial manifesto
   ============================================================ */

/* intro loader (once per session) */
.intro{position:fixed;inset:0;z-index:1000;background:#070708;display:flex;align-items:center;justify-content:center;transition:opacity .9s var(--ease),visibility .9s}
.intro.done{opacity:0;visibility:hidden}
.intro-inner{display:flex;flex-direction:column;align-items:center;gap:24px}
.intro-mark{width:62px;height:auto;animation:introPulse 2.2s ease-in-out infinite}
@keyframes introPulse{0%,100%{opacity:.5}50%{opacity:1}}
.intro-bar{width:170px;height:2px;background:rgba(255,255,255,.1);border-radius:2px;overflow:hidden}
.intro-bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--blue),var(--sand));transition:width .14s linear}
.intro-word{font-family:'Zalando Sans Expanded',sans-serif;font-size:10.5px;letter-spacing:.38em;color:var(--text-3);text-indent:.38em}

/* cinematic hero additions */
.hero{min-height:100svh}
.hero h1{font-size:clamp(42px,7.2vw,94px)}
.hero-watermark{position:absolute;right:-8%;top:50%;transform:translateY(-50%);width:64%;max-width:860px;opacity:.04;z-index:0;pointer-events:none;filter:grayscale(1)}
.scroll-cue{position:absolute;bottom:26px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:10px;z-index:2;pointer-events:none}
.scroll-cue span{font-family:'Zalando Sans Expanded',sans-serif;font-size:9.5px;letter-spacing:.26em;color:var(--text-3);text-indent:.26em}
.scroll-cue .line{width:1px;height:46px;background:linear-gradient(var(--sand),transparent);animation:cuePulse 2.4s ease-in-out infinite;transform-origin:top}
@keyframes cuePulse{0%,100%{opacity:.25;transform:scaleY(.65)}50%{opacity:.9;transform:scaleY(1)}}
@media(max-width:900px){.scroll-cue{display:none}.hero-watermark{opacity:.03}}

/* editorial "standard" manifesto */
.manifesto{padding:clamp(100px,17vh,210px) 0;border-top:1px solid var(--line)}
.manifesto .wrap{max-width:1080px}
.manifesto .eyebrow{display:block;margin-bottom:32px}
.manifesto h2{font-family:'Zalando Sans Expanded',sans-serif;font-weight:700;font-size:clamp(28px,4.3vw,58px);line-height:1.14;letter-spacing:-.02em;text-wrap:balance}
.manifesto h2 .dim{color:var(--text-3)}
.manifesto h2 .sand{color:var(--sand)}
.manifesto .msig{margin-top:40px;font-family:'Zalando Sans Expanded',sans-serif;font-size:12px;letter-spacing:.06em;color:var(--text-3);display:flex;align-items:center;gap:14px}
.manifesto .msig .mr{width:46px;height:1px;background:linear-gradient(90deg,var(--sand),transparent)}

/* taller, more cinematic photo bands */
.cine{min-height:90vh}

/* ============================================================
   SUPPLY-FIRST PASS — photo hero, service cards, products band,
   control teaser
   ============================================================ */

/* ---- brand hero: animated terrain + mark ---- */
.hero.brand{display:flex;flex-direction:column;justify-content:flex-end;padding:0;min-height:100svh;position:relative;overflow:hidden;background:#070708}
.hero.brand #heroTerrain{position:absolute;inset:0;width:100%;height:100%;z-index:0}
.hero.brand::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:radial-gradient(90% 70% at 50% 42%, transparent 30%, rgba(7,7,8,.6) 78%, rgba(7,7,8,.95) 100%);}
.hero.brand::after{content:"";position:absolute;left:0;right:0;bottom:0;height:34%;z-index:1;pointer-events:none;
  background:linear-gradient(180deg, transparent, rgba(7,7,8,.92));}
.hero-brand-core{position:relative;z-index:2;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:120px var(--pad) 40px}
.hero-mark{position:relative;width:clamp(120px,16vw,200px);margin-bottom:clamp(28px,4vh,44px)}
.hero-mark img{width:100%;height:auto}
.hero-mark .mark-glow{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:340%;height:340%;background:radial-gradient(closest-side,rgba(42,105,178,.34),transparent 68%);filter:blur(20px);z-index:-1;animation:markGlow 7s ease-in-out infinite}
@keyframes markGlow{0%,100%{opacity:.55;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.12)}}
.hero-mark .mark-sheen{position:absolute;inset:0;overflow:hidden;-webkit-mask-image:url('../images/mark-white.png');mask-image:url('../images/mark-white.png');-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}
.hero-mark .mark-sheen i{position:absolute;top:-30%;bottom:-30%;width:34%;left:-50%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.5),transparent);transform:skewX(-18deg);animation:sheen 5.2s var(--ease) infinite}
@keyframes sheen{0%,55%{left:-50%}85%,100%{left:130%}}
.hero.brand h1{font-size:clamp(40px,5.8vw,80px);max-width:18ch;letter-spacing:-.035em}
.hero.brand .lede{max-width:54ch;margin-left:auto;margin-right:auto;margin-top:22px}
.hero.brand .hero-actions{justify-content:center}
.hero.brand .hero-eyebrow{margin-bottom:30px}
.hero-mark .mark-scan{position:absolute;inset:0;overflow:hidden;-webkit-mask-image:url('../images/mark-white.png');mask-image:url('../images/mark-white.png');-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;display:none}
.hero-mark .mark-scan i{position:absolute;left:-12%;right:-12%;height:3px;top:101%;background:linear-gradient(90deg,transparent,#9cc6f2 25%,#fff 50%,#9cc6f2 75%,transparent);box-shadow:0 0 20px rgba(58,142,230,.95),0 0 44px rgba(58,142,230,.5)}
/* entrance */
@media(prefers-reduced-motion:no-preference){
  .hero-mark{opacity:0;transform:translateY(18px) scale(.94);animation:markIn 1.1s var(--ease) .15s forwards}
  @keyframes markIn{to{opacity:1;transform:none}}
  .hero-mark img{clip-path:inset(101% 0 0 0);animation:markRise 1.6s var(--ease) .5s forwards}
  @keyframes markRise{to{clip-path:inset(-12% 0 0 0)}}
  .hero-mark .mark-scan{display:block}
  .hero-mark .mark-scan i{animation:scanLine 1.6s var(--ease) .5s forwards}
  @keyframes scanLine{0%{top:101%;opacity:1}88%{opacity:1}100%{top:-8%;opacity:0}}
  .hero-mark .mark-glow{opacity:0;animation:glowIn 1s var(--ease) 1.7s forwards,markGlow 7s ease-in-out 2.7s infinite}
  @keyframes glowIn{to{opacity:.55}}
  .hero-mark .mark-sheen i{animation-delay:2.4s}
}
@media(max-width:720px){.hero-brand-core{padding-top:100px}}

/* ---- full-bleed photo hero ---- */
.hero.photo{display:flex;align-items:flex-end;padding:0;min-height:100svh;position:relative;overflow:hidden}
.hero.photo .hero-pic{position:absolute;inset:-8% 0;z-index:0;background-size:cover;background-position:center 35%;will-change:transform}
.hero.photo::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(10,10,10,.62) 0%,rgba(10,10,10,.28) 42%,rgba(10,10,10,.94) 100%)}
.hero.photo .wrap{position:relative;z-index:2;width:100%;padding-top:140px;padding-bottom:clamp(90px,13vh,150px)}
.hero.photo h1{font-size:clamp(42px,6.6vw,92px);max-width:15ch;text-shadow:0 4px 50px rgba(0,0,0,.45)}
.hero.photo .lede{max-width:52ch;color:#dcdee1;text-shadow:0 2px 24px rgba(0,0,0,.5)}
.hero-meta{position:relative;z-index:2;width:100%;border-top:1px solid rgba(255,255,255,.14);background:rgba(8,8,8,.45);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.hero-meta-inner{max-width:var(--maxw);margin:0 auto;padding:18px var(--pad);display:flex;gap:clamp(24px,4vw,56px);flex-wrap:wrap}
.hero-meta-inner span{font-family:'Zalando Sans Expanded',sans-serif;font-weight:700;font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.66);display:flex;align-items:center;gap:10px}
.hero-meta-inner span::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--sand);flex:none}

/* ---- what we supply: intro band + service cards ---- */
.supply-band{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(32px,5vw,72px);align-items:end;margin-bottom:clamp(40px,6vw,60px)}
.supply-band h2{font-size:clamp(30px,4.6vw,52px)}
.supply-band .eyebrow{display:block;margin-bottom:18px}
.supply-band .sb-copy p{color:var(--text-2);font-size:16.5px;line-height:1.6;text-wrap:pretty}
.supply-band .sb-copy p+p{margin-top:14px}
@media(max-width:860px){.supply-band{grid-template-columns:1fr;align-items:start}}
.svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.svc-card{
  display:flex;flex-direction:column;background:linear-gradient(180deg,#141517,#0d0e10);
  border:1px solid var(--line);border-radius:20px;padding:30px 28px 28px;min-height:300px;
  position:relative;overflow:hidden;transition:transform .5s var(--ease),border-color .5s var(--ease);
}
.svc-card::after{content:"";position:absolute;left:28px;right:28px;top:0;height:1px;background:linear-gradient(90deg,var(--sand),transparent);opacity:0;transition:opacity .5s}
.svc-card:hover{transform:translateY(-6px);border-color:var(--line-2)}
.svc-card:hover::after{opacity:.8}
.svc-card .sn{font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--sand);letter-spacing:.12em}
.svc-card h3{font-size:22px;letter-spacing:-.01em;margin-top:42px;line-height:1.15}
.svc-card p{color:var(--text-2);font-size:14.5px;line-height:1.55;margin-top:12px;text-wrap:pretty;flex:1}
.svc-card .text-link{margin-top:22px;font-family:'Zalando Sans Expanded',sans-serif;font-weight:700;font-size:14px;color:#fff;display:inline-flex;align-items:center;gap:8px}
.svc-card .text-link .arrow{transition:transform .3s var(--ease);color:var(--sand)}
.svc-card:hover .text-link .arrow{transform:translateX(5px)}
@media(max-width:860px){.svc-grid{grid-template-columns:1fr}.svc-card{min-height:0}.svc-card h3{margin-top:26px}}

/* ---- products range band ---- */
.range-band{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#080808;padding:clamp(70px,10vh,120px) 0;position:relative;overflow:hidden}
.range-band::before{content:"";position:absolute;right:-10%;top:-40%;width:560px;height:560px;border-radius:50%;background:radial-gradient(closest-side,rgba(42,105,178,.14),transparent 70%);pointer-events:none}
.range-grid{display:grid;grid-template-columns:auto 1fr;gap:clamp(36px,6vw,90px);align-items:center}
.range-num{font-family:'Zalando Sans Expanded',sans-serif;font-weight:800;font-size:clamp(72px,11vw,150px);line-height:.95;letter-spacing:-.04em}
.range-num .plus{color:var(--sand)}
.range-num .rl{display:block;font-family:'Zalando Sans Expanded',sans-serif;font-weight:700;font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--text-3);margin-top:14px;text-indent:.05em}
.range-r h2{font-size:clamp(24px,3.2vw,36px);letter-spacing:-.02em;max-width:22ch}
.range-r>p{color:var(--text-2);margin-top:14px;max-width:58ch;font-size:16px;text-wrap:pretty}
.range-chips{display:flex;flex-wrap:wrap;gap:9px;margin-top:26px}
.range-chips a{
  font-family:'Zalando Sans',sans-serif;font-weight:600;font-size:12.5px;letter-spacing:.02em;color:#cfd1d5;
  border:1px solid var(--line-2);border-radius:100px;padding:9px 16px;transition:.3s;
}
.range-chips a:hover{border-color:var(--sand);color:#fff;background:rgba(201,180,138,.06)}
.range-cta{margin-top:30px}
@media(max-width:860px){.range-grid{grid-template-columns:1fr;gap:36px}}

/* ---- control teaser (single tech section) ---- */
.control-teaser{position:relative;overflow:hidden}
.ct-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:clamp(40px,6vw,84px);align-items:center}
.ct-grid .eyebrow{display:block;margin-bottom:18px}
.ct-grid h2{font-size:clamp(30px,4.4vw,50px)}
.ct-grid .lede{margin-top:20px;font-size:17.5px}
.feat-rows{margin-top:34px;border-top:1px solid var(--line)}
.feat-row{display:flex;gap:18px;padding:18px 0;border-bottom:1px solid var(--line);align-items:baseline}
.feat-row .fn{font-family:'JetBrains Mono',monospace;font-size:11.5px;color:var(--blue-light);flex:none;width:26px}
.feat-row h4{font-family:'Zalando Sans Expanded',sans-serif;font-weight:700;font-size:16.5px;letter-spacing:-.01em}
.feat-row p{color:var(--text-2);font-size:14px;margin-top:4px;line-height:1.5}
.ct-visual{position:relative}
.ct-visual .whalo{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:80%;height:70%;background:radial-gradient(closest-side,rgba(42,105,178,.3),transparent 70%);filter:blur(44px);z-index:0}
.ct-visual img{position:relative;z-index:1;width:100%;filter:drop-shadow(0 44px 80px rgba(0,0,0,.6))}
.ct-link{margin-top:30px}
@media(max-width:880px){.ct-grid{grid-template-columns:1fr}}

/* ---- existing user logins (nxt-control) ---- */
.logins{padding:clamp(56px,8vh,90px) 0;border-top:1px solid var(--line)}
.logins-head{display:flex;align-items:baseline;gap:22px;margin-bottom:28px;flex-wrap:wrap}
.logins-head h2{font-size:clamp(24px,3.2vw,36px);letter-spacing:-.02em}
.login-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.login-card{display:flex;flex-direction:column;gap:8px;background:linear-gradient(180deg,#141517,#0d0e10);border:1px solid var(--line);border-radius:18px;padding:24px 22px 20px;transition:transform .4s var(--ease),border-color .4s var(--ease)}
.login-card:hover{transform:translateY(-5px);border-color:rgba(58,142,230,.45)}
.lc-who{font-family:'Zalando Sans Expanded',sans-serif;font-weight:700;font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--sand)}
.lc-name{font-family:'Zalando Sans Expanded',sans-serif;font-weight:800;font-size:19px;letter-spacing:-.01em;color:#fff}
.lc-desc{font-size:13.5px;line-height:1.5;color:var(--text-2);flex:1}
.lc-go{font-size:12.5px;color:var(--blue-light);margin-top:10px;display:inline-flex;align-items:center;gap:7px}
.login-card:hover .lc-go{color:#fff}
.login-card .arrow{transition:transform .3s var(--ease)}
.login-card:hover .arrow{transform:translateX(4px)}
@media(max-width:980px){.login-grid{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.login-grid{grid-template-columns:1fr}}

/* ---- WIDE device showcase (desktop / tablet real screenshots) ---- */
.showcase-wide .sec-head{text-align:center;max-width:720px;margin:0 auto}
.showcase-wide .sec-head .eyebrow{display:block;margin-bottom:18px}
.showcase-wide .sec-head h2{font-size:clamp(30px,4.6vw,52px)}
.showcase-wide .sec-head p{margin-left:auto;margin-right:auto}
.wide-visual{position:relative;display:flex;justify-content:center;margin-top:clamp(40px,6vw,70px)}
.wide-visual .whalo{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);width:74%;height:72%;background:radial-gradient(closest-side,rgba(42,105,178,.32),transparent 72%);filter:blur(46px);z-index:0;pointer-events:none}
.screen-wide{position:relative;z-index:1;width:min(100%,1060px);filter:drop-shadow(0 50px 90px rgba(0,0,0,.6))}
.screen-wide.tablet{width:min(100%,920px)}
.wide-cap{text-align:center;margin-top:30px;font-family:'Zalando Sans Expanded',sans-serif;font-size:12px;letter-spacing:.06em;color:var(--text-3)}

/* ---- OLD WAY vs NXT WAY ---- */
.compare{padding:clamp(90px,13vh,160px) 0}
.compare-head{text-align:center;max-width:720px;margin:0 auto}
.compare-head .eyebrow{display:block;margin-bottom:18px}
.compare-head h2{font-size:clamp(30px,4.8vw,54px)}
.compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:clamp(44px,6vw,64px)}
.ccol{border:1px solid var(--line);border-radius:22px;padding:34px 30px 12px;position:relative;overflow:hidden}
.ccol.old{background:#0e0f11}
.ccol.nxt{background:linear-gradient(180deg,#10161f,#0c1016);border-color:rgba(58,142,230,.34)}
.ccol.nxt::before{content:"";position:absolute;top:-30%;right:-20%;width:280px;height:280px;border-radius:50%;background:radial-gradient(closest-side,rgba(42,105,178,.22),transparent 70%)}
.clabel{font-family:'Zalando Sans Expanded',sans-serif;font-size:11.5px;letter-spacing:.18em;text-transform:uppercase;position:relative}
.ccol.old .clabel{color:var(--text-3)}
.ccol.nxt .clabel{color:var(--blue-light)}
.csub{font-family:'Zalando Sans Expanded',sans-serif;font-weight:800;font-size:21px;margin:10px 0 22px;letter-spacing:-.01em;position:relative}
.ccol.old .csub{color:var(--text-2)}
.crow{display:flex;gap:13px;align-items:flex-start;padding:14px 0;border-top:1px solid var(--line);font-size:15.5px;line-height:1.4;position:relative}
.crow .ci{flex:none;width:19px;height:19px;margin-top:1px}
.ccol.old .crow{color:var(--text-2)}
.ccol.old .ci{color:var(--text-3)}
.ccol.nxt .crow{color:#e9eaec}
.ccol.nxt .ci{color:var(--blue-light)}
@media(max-width:760px){.compare-grid{grid-template-columns:1fr}}