/* ===== StrikeFeed — flowing, dynamic, espresso + cream + sky ===== */
:root{
  --cream:#F7F2EA; --paper:#FBF8F2; --ink:#1A1510; --muted:#6E6357;
  --esp:#2A1E17; --esp2:#221913; --black:#141110;
  --sky:#3E9FD6; --sky-lt:#8FCBEE; --sky-dp:#2C7FB8;
  --maxw:1180px; --tan:#C6B6A0;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;
  color:var(--ink); background:var(--paper); line-height:1.55; -webkit-font-smoothing:antialiased; overflow-x:hidden}
.wrap{max-width:var(--maxw); margin:0 auto; padding:0 26px}
a{color:inherit; text-decoration:none}
.sky-word{background:linear-gradient(100deg,var(--sky-dp),var(--sky-lt)); -webkit-background-clip:text; background-clip:text; color:transparent}

/* reveal on scroll */
.reveal{opacity:0; transform:translateY(26px); transition:opacity .7s cubic-bezier(.2,.7,.2,1), transform .7s cubic-bezier(.2,.7,.2,1)}
.reveal.in{opacity:1; transform:none}
.d1{transition-delay:.08s}.d2{transition-delay:.16s}.d3{transition-delay:.24s}.d4{transition-delay:.32s}

/* buttons */
.btn{display:inline-flex; align-items:center; gap:9px; font-weight:700; font-size:15px; border-radius:999px;
  padding:14px 26px; transition:transform .12s ease, box-shadow .2s ease, background .2s}
.btn:active{transform:translateY(1px)}
.btn-sky{background:linear-gradient(135deg,var(--sky-dp),var(--sky)); color:#fff; box-shadow:0 10px 26px rgba(46,127,184,.35)}
.btn-sky:hover{box-shadow:0 14px 34px rgba(46,127,184,.45); transform:translateY(-2px)}
.btn-ghost{color:var(--ink); border:1.5px solid rgba(26,21,16,.18)}
.btn-ghost:hover{border-color:var(--sky); color:var(--sky-dp)}
.on-dark .btn-ghost{color:var(--cream); border-color:rgba(247,242,234,.28)}
.on-dark .btn-ghost:hover{border-color:var(--sky-lt); color:var(--sky-lt)}

/* wordmark */
.logo{font-weight:800; font-size:21px; letter-spacing:-.6px}
.logo .w1{color:var(--ink)} .logo .w2{color:var(--sky-dp)}
.on-dark .logo .w1{color:var(--cream)} .on-dark .logo .w2{color:var(--sky-lt)}

/* nav */
.nav{position:sticky; top:0; z-index:60; backdrop-filter:saturate(160%) blur(14px);
  background:rgba(251,248,242,.72); border-bottom:1px solid rgba(26,21,16,.07)}
.nav-inner{display:flex; align-items:center; gap:28px; height:70px}
.links{display:flex; gap:28px; margin-left:6px}
.links a{color:var(--muted); font-size:15px; font-weight:600}
.links a:hover{color:var(--ink)}
.nav .btn{margin-left:auto; padding:11px 20px; font-size:14px}

/* ===== HERO ===== */
.hero{position:relative; padding:78px 0 96px; overflow:hidden}
.hero::before,.hero::after{content:""; position:absolute; border-radius:50%; filter:blur(70px); z-index:0; pointer-events:none}
.hero::before{width:620px; height:620px; top:-160px; right:-120px;
  background:radial-gradient(circle,rgba(143,203,238,.55),rgba(143,203,238,0) 70%)}
.hero::after{width:520px; height:520px; bottom:-200px; left:-160px;
  background:radial-gradient(circle,rgba(224,183,120,.30),rgba(224,183,120,0) 70%)}
.hero-grid{position:relative; z-index:1; display:grid; grid-template-columns:1.05fr .95fr; gap:44px; align-items:center}
.eyebrow{display:inline-flex; align-items:center; gap:9px; color:var(--sky-dp); font-weight:800; font-size:13px;
  letter-spacing:.12em; text-transform:uppercase; margin-bottom:20px}
.eyebrow::before{content:""; width:26px; height:2px; background:var(--sky); border-radius:2px}
.hero h1{font-size:clamp(44px,6vw,78px); font-weight:800; letter-spacing:-2.5px; line-height:1.0}
.hero .lede{color:var(--muted); font-size:20px; line-height:1.55; max-width:560px; margin-top:24px}
.cta-row{display:flex; gap:14px; flex-wrap:wrap; margin-top:36px}
.trust{color:var(--muted); font-size:14.5px; margin-top:28px; display:flex; gap:10px; flex-wrap:wrap; align-items:center}
.trust b{color:var(--ink)} .dot{width:4px;height:4px;border-radius:50%;background:var(--sky);display:inline-block}

/* hero mockups */
.stage{position:relative; height:440px}
.browser{position:absolute; top:20px; right:0; width:112%; border-radius:16px; overflow:hidden;
  background:#0f1216; box-shadow:0 40px 90px rgba(20,17,16,.34), 0 8px 24px rgba(20,17,16,.18);
  transform:perspective(1400px) rotateY(-13deg) rotateX(3deg) rotate(.4deg); animation:float 7s ease-in-out infinite}
.browser .bar{height:34px; background:#191d22; display:flex; align-items:center; gap:7px; padding:0 14px}
.browser .bar i{width:11px;height:11px;border-radius:50%;background:#3a3f45;display:inline-block}
.browser .bar .addr{margin-left:14px; height:19px; flex:1; background:#0f1216; border-radius:6px;
  color:#8a9099; font-size:11px; display:flex; align-items:center; padding:0 12px; letter-spacing:.02em}
.browser img{display:block; width:100%}
.phone{position:absolute; bottom:-18px; left:-6px; width:150px; border-radius:22px; overflow:hidden; z-index:2;
  background:#0f1216; border:6px solid #0f1216; box-shadow:0 26px 54px rgba(20,17,16,.4);
  transform:rotate(-4deg); animation:float 7s ease-in-out infinite .8s}
.phone img{display:block; width:100%}
.badge-float{position:absolute; z-index:3; background:#fff; border-radius:14px; padding:12px 15px;
  box-shadow:0 18px 40px rgba(20,17,16,.16); display:flex; align-items:center; gap:11px; font-size:13.5px; font-weight:700; color:var(--ink)}
.badge-float .dotpulse{width:10px;height:10px;border-radius:50%;background:#37c26a;box-shadow:0 0 0 0 rgba(55,194,106,.6);animation:pulse 2s infinite}
.badge-float.b1{top:-6px; left:-30px; animation:float 6s ease-in-out infinite .3s}
@keyframes float{0%,100%{transform:translateY(0) perspective(1400px) rotateY(-13deg) rotateX(3deg)}50%{transform:translateY(-14px) perspective(1400px) rotateY(-13deg) rotateX(3deg)}}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(55,194,106,.55)}70%{box-shadow:0 0 0 12px rgba(55,194,106,0)}100%{box-shadow:0 0 0 0 rgba(55,194,106,0)}}
.phone,.badge-float.b1{animation-name:floaty}
@keyframes floaty{0%,100%{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-12px) rotate(-4deg)}}

/* ===== generic section ===== */
.section{position:relative; padding:96px 0}
.kicker{color:var(--sky-dp); font-weight:800; font-size:13px; letter-spacing:.12em; text-transform:uppercase; margin-bottom:14px}
.h2{font-size:clamp(30px,4.4vw,48px); font-weight:800; letter-spacing:-1.4px; line-height:1.08; color:var(--ink)}
.sub{color:var(--muted); font-size:19px; line-height:1.55; max-width:620px; margin-top:16px}

/* dark section with organic top */
.dark{background:radial-gradient(1200px 500px at 80% -10%, rgba(143,203,238,.16), transparent 60%), var(--esp);
  color:var(--cream); border-radius:44px 44px 0 0; margin-top:-30px; position:relative; z-index:2}
.dark .h2,.dark .cname{color:var(--cream)} .dark .sub,.dark .feat p{color:#CBB9A2} .dark .kicker{color:var(--sky-lt)}
.dark + .dark{border-radius:0; margin-top:0}

/* feature rows (de-boxed) */
.feats{display:grid; grid-template-columns:repeat(2,1fr); gap:38px 46px; margin-top:52px}
.feat{display:flex; gap:20px; align-items:flex-start}
.feat .ic{flex:0 0 auto; width:56px; height:56px; border-radius:16px; display:flex; align-items:center; justify-content:center;
  background:linear-gradient(135deg,rgba(143,203,238,.22),rgba(143,203,238,.08)); box-shadow:inset 0 0 0 1px rgba(143,203,238,.22)}
.feat .ic svg{width:28px;height:28px;stroke:var(--sky-lt)}
.feat h3{font-size:21px; font-weight:800; letter-spacing:-.3px; margin-bottom:7px}
.feat p{font-size:15px; line-height:1.55}
.note{color:#CBB9A2; font-size:15px; margin-top:44px}

/* ===== spotlight (alternating) ===== */
.spotlight{display:grid; grid-template-columns:1fr 1fr; gap:56px; align-items:center}
.chat{display:flex; flex-direction:column; gap:16px; max-width:440px}
.bub{padding:16px 20px; border-radius:20px; font-size:16px; line-height:1.4; box-shadow:0 10px 30px rgba(20,17,16,.10)}
.bub.in{background:#fff; color:var(--ink); border-bottom-left-radius:5px; align-self:flex-start}
.bub.out{background:linear-gradient(135deg,var(--sky-dp),var(--sky)); color:#fff; border-bottom-right-radius:5px; align-self:flex-end; font-weight:600}
.spotlight.light .bub.in{background:var(--cream)}

/* ===== case study ===== */
.shots{display:grid; grid-template-columns:1fr 1fr; gap:26px; margin-top:50px; align-items:start}
.frame{border-radius:16px; overflow:hidden; background:#0f1216; box-shadow:0 30px 70px rgba(20,17,16,.22)}
.frame.after{transform:translateY(-22px)}
.frame .bar{height:30px; background:#191d22; display:flex; align-items:center; gap:6px; padding:0 12px}
.frame .bar i{width:10px;height:10px;border-radius:50%;background:#3a3f45}
.frame img{display:block; width:100%}
.cap{margin-top:12px; font-size:13.5px; color:var(--muted); display:flex; align-items:center; gap:9px}
.tagpill{font-size:11px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; padding:4px 10px; border-radius:999px}
.tagpill.b{background:#efe7db; color:#8a7a63} .tagpill.a{background:linear-gradient(135deg,var(--sky-dp),var(--sky)); color:#fff}
.results{display:grid; grid-template-columns:repeat(3,1fr); gap:30px; margin-top:44px}
.res{position:relative; padding-left:18px}
.res::before{content:""; position:absolute; left:0; top:4px; bottom:4px; width:3px; border-radius:3px; background:linear-gradient(var(--sky),var(--sky-lt))}
.res strong{display:block; font-size:17px; margin-bottom:4px} .res span{color:var(--muted); font-size:14.5px}
.link-out{display:inline-flex; align-items:center; gap:8px; margin-top:34px; color:var(--sky-dp); font-weight:700; font-size:16px}
.link-out:hover{gap:12px}

/* ===== who — flowing tags ===== */
.who-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:22px; margin-top:50px}
.who-card{background:rgba(255,255,255,.55); backdrop-filter:blur(4px); border-radius:20px; padding:28px 24px;
  box-shadow:0 16px 40px rgba(20,17,16,.06); transition:transform .25s ease, box-shadow .25s}
.who-card:hover{transform:translateY(-6px); box-shadow:0 26px 60px rgba(20,17,16,.12)}
.who-card h3{font-size:19px; font-weight:800; margin-bottom:8px}
.who-card p{color:var(--muted); font-size:14.5px; line-height:1.55}
.who-card .n{font-size:13px; font-weight:800; color:var(--sky-dp); letter-spacing:.04em}

/* ===== options ===== */
.opts{display:grid; grid-template-columns:1fr 1fr; gap:26px; margin-top:50px; align-items:stretch}
.opt{position:relative; border-radius:24px; padding:38px 34px; background:#fff; box-shadow:0 20px 50px rgba(20,17,16,.08)}
.opt.reco{background:linear-gradient(180deg,#fff, #F4FAFE); box-shadow:0 30px 70px rgba(46,127,184,.20); outline:2px solid rgba(62,159,214,.5); outline-offset:-2px}
.opt .pill{display:inline-block; font-size:11.5px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; padding:6px 13px; border-radius:999px; margin-bottom:16px}
.opt.reco .pill{background:linear-gradient(135deg,var(--sky-dp),var(--sky)); color:#fff}
.opt .pill.ghost{background:transparent; color:var(--muted); border:1px solid rgba(26,21,16,.16)}
.opt h3{font-size:30px; font-weight:800; letter-spacing:-.6px; margin-bottom:12px}
.opt p{color:var(--muted); font-size:15.5px; line-height:1.6}
.opt-note{text-align:center; color:var(--muted); font-size:16px; margin-top:34px}
.opt-note b{color:var(--ink)}

/* ===== CTA ===== */
.cta{background:radial-gradient(900px 420px at 50% -30%, rgba(143,203,238,.22), transparent 60%), var(--black);
  color:var(--cream); text-align:center; padding:104px 0; border-radius:44px 44px 0 0; margin-top:-30px; position:relative; z-index:2}
.cta .h2{color:var(--cream)} .cta .sub{color:#CBB9A2; margin:16px auto 34px}
.contacts{display:flex; justify-content:center; gap:64px; flex-wrap:wrap; margin:44px 0 10px}
.contact{display:flex; flex-direction:column; align-items:center; gap:2px}
.cname{font-weight:800; font-size:17px; color:var(--cream)}
.crole{color:var(--sky-lt); font-weight:700; font-size:12.5px; letter-spacing:.04em; margin-bottom:7px}
.contact a{color:#CBB9A2; font-size:14.5px} .contact a:hover{color:var(--sky-lt)}
.cta .trust{justify-content:center; color:#B7A896; margin-top:26px} .cta .trust b{color:var(--cream)}

/* footer */
.foot{background:var(--black); color:#B7A896; padding:26px 0}
.foot-inner{display:flex; align-items:center; justify-content:space-between; gap:16px}
.foot .copy{font-size:13px}

/* ===== responsive ===== */
@media (max-width:920px){
  .hero-grid,.spotlight,.opts{grid-template-columns:1fr}
  .stage{height:360px; margin-top:20px}
  .feats,.shots,.results,.who-grid{grid-template-columns:1fr 1fr}
  .links{display:none}
}
@media (max-width:600px){
  .feats,.shots,.results,.who-grid{grid-template-columns:1fr}
  .hero{padding:52px 0 70px}.section{padding:70px 0}
  .frame.after{transform:none}
  .contacts{gap:30px}
  .stage{height:320px}
}
@media (prefers-reduced-motion:reduce){ .browser,.phone,.badge-float.b1{animation:none} .reveal{transition:none} }

/* who-cards on dark section */
.dark .who-card{background:rgba(255,255,255,.045); box-shadow:inset 0 0 0 1px rgba(143,203,238,.14), 0 16px 40px rgba(0,0,0,.22)}
.dark .who-card:hover{box-shadow:inset 0 0 0 1px rgba(143,203,238,.3), 0 26px 60px rgba(0,0,0,.32)}
.dark .who-card h3{color:var(--cream)} .dark .who-card p{color:#CBB9A2} .dark .who-card .n{color:var(--sky-lt)}

/* à la carte services grid */
.svc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:44px}
.svc{background:#fff;border-radius:18px;padding:24px 22px;box-shadow:0 14px 34px rgba(20,17,16,.07)}
.svc h3{font-size:18.5px;font-weight:800;letter-spacing:-.3px;color:var(--ink);margin-bottom:7px}
.svc p{color:var(--muted);font-size:14px;line-height:1.5}
@media(max-width:900px){.svc-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.svc-grid{grid-template-columns:1fr}}
/* footer socials */
.foot-social{display:flex;align-items:center;gap:18px}
.foot-social a{color:var(--sky-lt);font-weight:700;font-size:14px}
.foot-social a:hover{opacity:.8}
.foot-social .foot-handle{color:var(--muted);font-size:13px}
@media(max-width:640px){.foot-inner{flex-direction:column;gap:12px;text-align:center}}

/* top utility bar */
.topbar{background:var(--esp);color:var(--cream);font-size:13.5px;position:relative;z-index:70}
.topbar-inner{display:flex;align-items:center;justify-content:space-between;height:40px}
.topbar .tb-left{color:var(--tan);font-weight:600}
.topbar .tb-right{display:flex;align-items:center;gap:14px}
.topbar .tb-right a{color:var(--cream);font-weight:600}
.topbar .tb-right a:hover{color:var(--sky-lt)}
.topbar .tb-right b{color:var(--sky-lt);font-weight:700}
.topbar .tb-dot{width:4px;height:4px;border-radius:50%;background:var(--sky);display:inline-block}
@media(max-width:640px){
  .topbar{font-size:12.5px}
  .topbar .tb-left{display:none}
  .topbar-inner{justify-content:center;height:38px}
  .topbar .tb-right{gap:10px}
}

/* mobile nav menu */
.navtoggle{display:none;flex-direction:column;justify-content:center;gap:5px;width:44px;height:40px;background:none;border:0;cursor:pointer;padding:0}
.navtoggle span{display:block;width:24px;height:2.5px;background:var(--ink);border-radius:3px;transition:transform .3s cubic-bezier(.2,.7,.2,1),opacity .2s}
.mobile-cta{display:none!important}
.nav.open .navtoggle span:nth-child(1){transform:translateY(7.5px) rotate(45deg)}
.nav.open .navtoggle span:nth-child(2){opacity:0}
.nav.open .navtoggle span:nth-child(3){transform:translateY(-7.5px) rotate(-45deg)}
@media(max-width:900px){
  .nav-cta{display:none}
  .navtoggle{display:flex;margin-left:auto}
  .links{display:flex!important;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;
    background:rgba(251,248,242,.98);backdrop-filter:saturate(160%) blur(14px);
    padding:6px 26px 22px;border-bottom:1px solid rgba(26,21,16,.08);box-shadow:0 24px 44px rgba(20,17,16,.14);
    transform:translateY(-14px);opacity:0;visibility:hidden;transition:transform .32s cubic-bezier(.2,.7,.2,1),opacity .3s,visibility .3s}
  .nav.open .links{transform:none;opacity:1;visibility:visible}
  .links a{padding:15px 2px;font-size:17px;color:var(--ink);border-bottom:1px solid rgba(26,21,16,.07);opacity:0;transform:translateY(-6px);transition:opacity .3s ease,transform .3s ease}
  .nav.open .links a{opacity:1;transform:none}
  .nav.open .links a:nth-child(1){transition-delay:.05s}.nav.open .links a:nth-child(2){transition-delay:.09s}
  .nav.open .links a:nth-child(3){transition-delay:.13s}.nav.open .links a:nth-child(4){transition-delay:.17s}
  .nav.open .links a:nth-child(5){transition-delay:.21s}.nav.open .links a:nth-child(6){transition-delay:.25s}
  .links a.mobile-cta{display:flex!important;justify-content:center;color:#fff;width:100%;margin:16px 0 2px!important;padding:14px!important;border-bottom:none!important}
}

/* Our Work */
.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:44px}
.work-card{background:#fff;border-radius:20px;padding:32px 30px;box-shadow:0 18px 44px rgba(20,17,16,.07)}
.work-brand{font-size:25px;font-weight:800;letter-spacing:-.6px;color:var(--ink)}
.work-tag{display:inline-block;margin-top:10px;font-size:12px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--sky-dp);background:rgba(62,159,214,.10);border-radius:999px;padding:5px 13px}
.work-card h3{font-size:19px;font-weight:800;color:var(--ink);margin:18px 0 8px;letter-spacing:-.3px}
.work-card p{color:var(--muted);font-size:15px;line-height:1.55}
.work-ask{margin-top:24px;background:linear-gradient(180deg,#fff,#F1F8FD);border:1px solid rgba(62,159,214,.28);border-radius:22px;padding:34px;text-align:center;box-shadow:0 22px 54px rgba(46,127,184,.10)}
.work-ask h3{font-size:25px;font-weight:800;color:var(--ink);letter-spacing:-.5px}
.work-ask p{color:var(--muted);font-size:16px;line-height:1.55;max-width:660px;margin:10px auto 0}
@media(max-width:800px){.work-grid{grid-template-columns:1fr}}

.work-brands{color:var(--sky-dp);font-size:13.5px;font-weight:700;line-height:1.5;margin-top:12px}

/* ===== dynamic add-ons: marquee, stats, motion ===== */
.marquee{background:var(--cream);border-top:1px solid rgba(26,21,16,.06);border-bottom:1px solid rgba(26,21,16,.06);overflow:hidden;padding:13px 0}
.marquee-track{display:flex;gap:0;white-space:nowrap;width:max-content;animation:marq 30s linear infinite}
.marquee-track span{font-weight:700;font-size:15px;letter-spacing:-.2px;color:var(--ink);padding:0 30px;display:inline-flex;align-items:center}
.marquee-track span::after{content:"◆";color:var(--sky);font-size:9px;margin-left:30px;opacity:.7}
.marquee:hover .marquee-track{animation-play-state:paused}
@keyframes marq{from{transform:translateX(0)}to{transform:translateX(-50%)}}

.stats-band{background:radial-gradient(900px 400px at 80% -20%,rgba(143,203,238,.14),transparent 60%),var(--esp);color:var(--cream);padding:52px 0}
.stats-inner{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;text-align:center}
.stat-num{font-size:clamp(36px,5vw,56px);font-weight:800;letter-spacing:-2px;line-height:1;
  background:linear-gradient(100deg,#8FCBEE,#5FB0E6);-webkit-background-clip:text;background-clip:text;color:transparent}
.stat-label{color:#C6B6A0;font-size:14.5px;font-weight:600;margin-top:10px;letter-spacing:.01em}
@media(max-width:700px){.stats-inner{grid-template-columns:1fr 1fr;gap:32px 16px}.stats-band{padding:42px 0}}

/* Ampex logo in Our Work */
.ampex-logo{max-height:82px;max-width:230px;width:auto;height:auto;display:block;margin-bottom:6px}

/* animated hero glow drift + nav underline micro-interaction */
.hero::before{animation:drift 16s ease-in-out infinite}
@keyframes drift{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(-46px,34px) scale(1.08)}}
.links a{position:relative}
.links a::after{content:"";position:absolute;left:0;bottom:-3px;height:2px;width:0;border-radius:2px;background:var(--sky);transition:width .25s ease}
.links a:hover::after{width:100%}
@media(max-width:900px){.links a::after{display:none}}
@media(prefers-reduced-motion:reduce){.marquee-track{animation:none}.hero::before{animation:none}}

/* service hover-to-expand */
.svc{cursor:pointer;transition:box-shadow .25s ease, transform .25s ease}
.svc:hover{box-shadow:0 22px 50px rgba(20,17,16,.12);transform:translateY(-3px)}
.svc-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.svc-head h3{margin-bottom:0}
.svc-more{flex:0 0 auto;width:24px;height:24px;border-radius:50%;background:rgba(62,159,214,.12);color:var(--sky-dp);font-weight:800;font-size:17px;line-height:1;display:flex;align-items:center;justify-content:center;transition:transform .3s ease,background .2s,color .2s}
.svc:hover .svc-more,.svc.open .svc-more{transform:rotate(45deg);background:var(--sky-dp);color:#fff}
.svc>p{margin-top:7px}
.svc-detail{max-height:0;opacity:0;overflow:hidden;transition:max-height .4s ease,opacity .3s ease,margin-top .3s ease}
.svc:hover .svc-detail,.svc.open .svc-detail{max-height:360px;opacity:1;margin-top:14px}
.svc-detail p{color:var(--muted);font-size:13.5px;line-height:1.6}
.svc-note{color:var(--sky-dp)!important;font-size:12px;font-weight:600;margin-top:8px}