:root{
  --navy:#1f3a5f; --navy-2:#173050; --ink:#15202e; --muted:#4a5568; --muted-2:#5b6676;
  --line:#e4e7ec; --line-2:#dfe3e9; --bg-2:#f7f8fa;
  --orange:#ff8431; --orange-text:#a34a0c; --orange-on-navy:#f4a26a;
  --wrap:1240px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{font-family:"IBM Plex Sans Hebrew",system-ui,sans-serif;color:var(--ink);background:#fff;line-height:1.6;font-size:17px}
img{max-width:100%;display:block}
a{color:var(--navy)}
:focus-visible{outline:3px solid var(--orange);outline-offset:2px}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 40px}
.sec{padding:88px 0;border-bottom:1px solid var(--line)}
.sec.alt{background:var(--bg-2)}
.sec.dark{background:var(--navy);color:#fff;border-bottom:0}

/* type */
.kicker{display:flex;align-items:center;gap:6px;font-size:15px;font-weight:600;color:var(--orange-text);margin-bottom:10px}
.kicker i{display:block;width:10px;height:10px;background:var(--orange)}
.kicker i:nth-child(2){opacity:.55}.kicker i:nth-child(3){opacity:.25;margin-left:6px}
.dark .kicker{color:var(--orange-on-navy)}
h1{font-size:64px;line-height:1.08;font-weight:700;color:var(--navy);letter-spacing:-.01em}
h2{font-size:40px;line-height:1.2;font-weight:700;color:var(--navy);margin-bottom:14px}
.dark h2{color:#fff}
h3{font-size:22px;line-height:1.3;font-weight:700;color:var(--navy)}
.dark h3{color:#fff}
.lead{font-size:20px;color:var(--muted);max-width:620px}
.sub{color:var(--muted);max-width:720px;margin-bottom:40px}
.dark .sub{color:#c9d3e2}

/* buttons */
.btn{display:inline-block;text-decoration:none;font-weight:600;font-size:17px;padding:15px 26px;border-radius:4px;border:1.5px solid var(--navy);background:var(--navy);color:#fff;transition:background .15s,color .15s}
.btn:hover{background:var(--navy-2);border-color:var(--navy-2)}
.btn.ghost{background:transparent;color:var(--navy)}
.btn.ghost:hover{background:var(--navy);color:#fff}
.btn.light{background:#fff;color:var(--navy);border-color:#fff}
.btn.light:hover{background:#eef2f7}
.btn.ghost-light{background:transparent;color:#fff;border-color:rgba(255,255,255,.55)}
.btn.ghost-light:hover{background:#fff;color:var(--navy)}
.btn.sm{font-size:15px;padding:11px 18px}
.btns{display:flex;gap:12px;flex-wrap:wrap}

/* header */
.hdr{border-bottom:1px solid var(--line);background:rgba(255,255,255,.96);position:sticky;top:0;z-index:20;backdrop-filter:blur(6px)}
.hdr .wrap{height:80px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.hdr .logo img{height:40px;width:auto}
.hdr nav{display:flex;gap:32px}
.hdr nav a{text-decoration:none;color:var(--muted);font-weight:500;font-size:16px}
.hdr nav a:hover,.hdr nav a[aria-current]{color:var(--navy)}

/* hero */
.hero{position:relative;overflow:hidden;border-bottom:1px solid var(--line)}
.hero .wrap{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:56px;align-items:center;padding-top:96px;padding-bottom:112px;position:relative}
.hero .copy{display:flex;flex-direction:column;gap:24px}
.steps{position:absolute;left:0;bottom:0;display:flex;align-items:flex-end;direction:ltr;pointer-events:none}
.steps span{display:block;width:72px;background:var(--orange)}
.steps span:nth-child(1){height:72px;opacity:.16}
.steps span:nth-child(2){height:132px;opacity:.3}
.steps span:nth-child(3){height:192px;opacity:.48}
.steps span:nth-child(4){height:252px;opacity:.72}
.steps span:nth-child(5){width:36px;height:36px;align-self:flex-start;margin-left:12px;margin-top:-60px}

.panel{border:1px solid var(--line);border-top:4px solid var(--navy);background:var(--bg-2)}
.panel .row{padding:22px 26px;border-bottom:1px solid var(--line)}
.panel .row:last-child{border-bottom:0}
.panel .label{font-size:13px;font-weight:600;color:var(--muted-2);margin-bottom:4px}
.panel .big{font-size:38px;font-weight:700;color:var(--navy);line-height:1}
.panel .val{font-size:17px;font-weight:600;color:var(--navy);line-height:1.45}
.panel .nums{display:flex;gap:36px}
.panel .nums small{display:block;font-size:14px;color:var(--muted-2);margin-top:6px}
.panel ul{list-style:none;display:grid;gap:8px}
.panel li{display:flex;gap:10px}
.panel li::before{content:"";flex:none;width:8px;height:8px;margin-top:9px;background:var(--orange)}

/* grids & cards */
.g2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.g3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.g4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.g5{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.door{text-decoration:none;color:var(--ink);background:#fff;border:1px solid var(--line-2);padding:32px;display:flex;flex-direction:column;gap:12px;min-height:270px;transition:border-color .15s,transform .15s}
.door:hover{border-color:var(--navy);transform:translateY(-2px)}
.door .n{font-size:14px;font-weight:600;color:var(--orange-text)}
.door .t{font-size:24px;font-weight:700;line-height:1.25;color:var(--navy)}
.door .d{color:var(--muted);flex-grow:1;font-size:16px}
.door .go{font-weight:600;color:var(--navy)}
.door.main{background:var(--navy);border-color:var(--navy);color:#fff}
.door.main .n{color:var(--orange-on-navy)}.door.main .t,.door.main .go{color:#fff}.door.main .d{color:#c9d3e2}

.card{border:1px solid var(--line-2);border-top:4px solid var(--navy);padding:30px;display:flex;flex-direction:column;gap:10px;background:#fff}
.card.accent{border-top-color:var(--orange)}
.card.soft{border-top-color:#8a97a8;background:var(--bg-2)}
.card .tag{font-size:13px;font-weight:600;color:var(--muted-2)}
.card h3{font-size:25px}
.card p{color:var(--muted);font-size:16px;flex-grow:1}
.card .more{font-weight:600}

.ncard{background:var(--navy);color:#fff;padding:28px}
.ncard h3{color:#fff;font-size:20px;padding-top:12px;border-top:1px solid rgba(255,255,255,.35);margin-bottom:8px}
.ncard p{color:#c9d3e2;font-size:16px}

.mini{background:#fff;border:1px solid var(--line-2);padding:20px}
.mini small{color:var(--orange-text);font-weight:700}
.mini h4{color:var(--navy);font-size:17px;margin:4px 0}
.mini p{color:var(--muted);font-size:15px}

/* method */
.method{padding-top:20px;border-top:1px solid rgba(255,255,255,.3);display:flex;flex-direction:column;gap:10px}
.method .bars{display:flex;gap:4px;align-items:flex-end;height:24px;direction:ltr;justify-content:flex-end}
.method .bars span{display:block;width:10px;background:var(--orange)}
.method p{color:#c9d3e2;font-size:16px}

/* timeline */
.tl{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;position:relative;margin-top:8px}
.tl::before{content:"";position:absolute;top:21px;right:10%;left:10%;height:2px;background:#ffd2b0}
.tl .dot{width:44px;height:44px;border:2px solid var(--orange);background:#fff;color:var(--orange-text);font-weight:700;display:grid;place-items:center;margin-bottom:14px;position:relative}
.tl > div:first-child .dot{background:var(--orange);color:#1f2633}
.tl small{display:block;color:var(--orange-text);font-weight:600;font-size:13px}
.tl h3{font-size:18px;margin:2px 0 6px}
.tl p{color:var(--muted);font-size:15px}

.flow{display:flex;gap:10px;align-items:stretch;margin-top:18px}
.flow div{flex:1;background:#fff;border:1px solid var(--line-2);padding:16px;text-align:center}
.flow b{display:block;color:var(--navy)}
.flow span{font-size:14px;color:var(--muted)}
.flow div.hl{background:var(--navy);border-color:var(--navy)}
.flow div.hl b{color:#fff}.flow div.hl span{color:#c9d3e2}
.flow i{align-self:center;color:var(--orange-text);font-style:normal;font-weight:700}

.box{border:1px solid var(--line-2);background:#fff;padding:26px}
.box.frame{border:2px solid var(--navy)}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.chips span{background:#eef2f7;color:var(--navy);padding:6px 14px;border-radius:999px;font-size:14px;font-weight:500}
.checks{list-style:none;display:grid;gap:8px;margin-top:10px}
.checks li{display:flex;gap:10px}
.checks li::before{content:"✓";color:var(--orange-text);font-weight:700}
.nums-list{list-style:none;counter-reset:n;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 36px;margin-top:26px}
.nums-list li{display:flex;gap:14px}
.nums-list li::before{counter-increment:n;content:counter(n);flex:none;width:30px;height:30px;background:#fff0e4;color:var(--orange-text);font-weight:700;display:grid;place-items:center;font-size:15px}

.path{display:flex;gap:10px;align-items:stretch;margin-top:8px}
.path div{flex:1;border:1px solid var(--line-2);background:#fff;padding:20px 12px;text-align:center;font-weight:700;color:var(--navy);display:grid;place-items:center}
.path div:first-child{border:2px solid var(--orange)}
.path div:last-child{background:var(--navy);color:#fff;border-color:var(--navy)}
.path i{align-self:center;color:var(--muted-2);font-style:normal}

/* about */
.rows{border-top:1px solid var(--line-2)}
.rows div{display:grid;grid-template-columns:120px minmax(0,1fr);gap:16px;padding:14px 0;border-bottom:1px solid var(--line-2)}
.rows dt{font-size:15px;font-weight:600;color:var(--orange-text)}

.pills{display:flex;flex-wrap:wrap;gap:10px}
.pills span{border:1px solid var(--line-2);padding:8px 14px;font-size:14px;color:var(--muted)}

/* contact */
.cbox{padding:36px;display:flex;flex-direction:column;gap:14px}
.cbox.dark{background:var(--navy);color:#fff}
.cbox.dark .k{color:var(--orange-on-navy)}
.cbox.dark p{color:#c9d3e2}
.cbox.light{background:var(--bg-2);border:1px solid var(--line-2)}
.cbox .k{font-size:14px;font-weight:600;color:var(--orange-text)}
.cbox h3{font-size:26px}
.cbox p{color:var(--muted);font-size:16px}

.ftr{padding:24px 0;font-size:14px;color:var(--muted-2)}
.ftr .wrap{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px}
.ftr a{color:var(--muted-2);text-decoration:none}
.ftr a:hover{color:var(--navy)}

.wa{position:fixed;left:18px;bottom:18px;width:56px;height:56px;border-radius:50%;background:#25d366;display:grid;place-items:center;box-shadow:0 6px 18px rgba(0,0,0,.2);z-index:30}
.wa svg{width:30px;height:30px;fill:#fff}

.crumb{font-size:14px;color:var(--muted-2);margin-bottom:14px}
.crumb a{color:var(--muted-2)}

@media (max-width:1000px){
  .g4,.g5{grid-template-columns:repeat(2,minmax(0,1fr))}
  .tl{grid-template-columns:minmax(0,1fr);gap:20px}
  .tl::before{display:none}
  .tl > div{display:grid;grid-template-columns:44px minmax(0,1fr);gap:0 14px}
  .tl .dot{grid-row:span 3;margin:0}
}
@media (max-width:860px){
  .wrap{padding:0 20px}
  .hdr nav{display:none}
  .hdr .wrap{height:68px}
  .hdr .logo img{height:34px}
  .hero .wrap{grid-template-columns:minmax(0,1fr);padding-top:52px;padding-bottom:64px;gap:36px}
  .steps{display:none}
  h1{font-size:40px}
  h2{font-size:30px}
  .lead{font-size:18px}
  .sec{padding:60px 0}
  .g2,.g3,.nums-list{grid-template-columns:minmax(0,1fr)}
  .flow,.path{flex-direction:column}
  .flow i,.path i{transform:rotate(-90deg);text-align:center}
  .door{min-height:0}
  .cbox{padding:26px 22px}
}
@media (max-width:520px){
  .g4,.g5{grid-template-columns:minmax(0,1fr)}
  .btns .btn{flex:1 1 100%;text-align:center}
}

/* ---------- Accessibility ---------- */
.skip{position:absolute;top:-60px;right:16px;z-index:100;background:var(--navy);color:#fff;padding:10px 16px;font-weight:600;text-decoration:none}
.skip:focus{top:12px}
main:focus{outline:none}
.a11y-btn{position:fixed;right:18px;bottom:18px;width:56px;height:56px;border-radius:50%;border:0;background:var(--navy);color:#fff;display:grid;place-items:center;box-shadow:0 6px 18px rgba(0,0,0,.2);z-index:31;cursor:pointer}
.a11y-btn svg{width:30px;height:30px;fill:#fff}
.a11y-panel{position:fixed;right:18px;bottom:86px;width:min(320px,calc(100vw - 36px));background:#fff;border:1px solid var(--line-2);border-top:4px solid var(--navy);box-shadow:0 12px 32px rgba(0,0,0,.18);z-index:32;padding:18px}
.a11y-panel[hidden]{display:none}
.a11y-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.a11y-head h2{font-size:20px;margin:0}
.a11y-close{background:none;border:0;font-size:28px;line-height:1;cursor:pointer;color:var(--navy);width:44px;height:44px}
.a11y-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.a11y-grid button{min-height:48px;border:1.5px solid var(--line-2);background:var(--bg-2);color:var(--navy);font:inherit;font-size:15px;font-weight:600;cursor:pointer;padding:8px}
.a11y-grid button[aria-pressed="true"]{background:var(--navy);color:#fff;border-color:var(--navy)}
.a11y-grid .a11y-reset{grid-column:1 / -1;background:#fff}
.a11y-statement{display:block;margin-top:12px;font-size:15px;font-weight:600}

html.a11y-zoom body{zoom:1.2}
html.a11y-links a{text-decoration:underline !important;text-underline-offset:3px;outline:2px solid #ffbf00;outline-offset:2px}
html.a11y-readable body,html.a11y-readable *{font-family:Arial,"Segoe UI",sans-serif !important;letter-spacing:.02em;line-height:1.75}
html.a11y-nomotion *,html.a11y-nomotion *::before,html.a11y-nomotion *::after{animation:none !important;transition:none !important;scroll-behavior:auto !important}
html.a11y-contrast body,html.a11y-contrast main,html.a11y-contrast section,html.a11y-contrast header,html.a11y-contrast footer,
html.a11y-contrast div,html.a11y-contrast aside,html.a11y-contrast li,html.a11y-contrast .card,html.a11y-contrast .door,html.a11y-contrast .panel{background:#000 !important;color:#fff !important;border-color:#fff !important}
html.a11y-contrast h1,html.a11y-contrast h2,html.a11y-contrast h3,html.a11y-contrast h4,html.a11y-contrast p,html.a11y-contrast span,html.a11y-contrast dt,html.a11y-contrast dd,html.a11y-contrast small,html.a11y-contrast b{color:#fff !important}
html.a11y-contrast a,html.a11y-contrast a *{color:#ffe600 !important}
html.a11y-contrast .btn{background:#000 !important;border-color:#ffe600 !important}
html.a11y-contrast .steps,html.a11y-contrast .bars{display:none !important}
html.a11y-contrast .a11y-grid button{background:#000 !important;color:#fff !important;border-color:#fff !important}
html.a11y-contrast .a11y-grid button[aria-pressed="true"]{background:#ffe600 !important;color:#000 !important}
@media (prefers-reduced-motion:reduce){*{animation:none !important;transition:none !important;scroll-behavior:auto !important}}
html.a11y-contrast .logo img{background:#fff;padding:4px}
html.a11y-contrast .a11y-close{color:#fff !important}
html.a11y-contrast .a11y-btn{background:#ffe600 !important}
html.a11y-contrast .a11y-btn svg{fill:#000}
@media (max-width:860px){body{padding-bottom:84px}}

/* ---------- Studio ---------- */
.studio-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap}
.studio-head > div{max-width:720px}
.svc{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:26px 0 30px}
.svc li{border:1px solid var(--line-2);padding:7px 14px;font-size:15px;color:var(--navy);font-weight:500;background:#fff}
.projects{gap:18px}
.proj{border:1px solid var(--line-2);background:#fff;display:flex;flex-direction:column}
.proj-img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;border-bottom:1px solid var(--line-2)}
.proj-ph{position:relative;overflow:hidden;background:var(--navy);direction:ltr}
.proj-ph span{position:absolute;bottom:0;width:18%;background:var(--orange)}
.proj-ph span:nth-child(1){left:8%;height:22%;opacity:.35}
.proj-ph span:nth-child(2){left:26%;height:40%;opacity:.55}
.proj-ph span:nth-child(3){left:44%;height:58%;opacity:.75}
.proj-ph span:nth-child(4){left:62%;height:76%}
.proj-ph b{position:absolute;top:16px;right:18px;color:#fff;font-size:15px;font-weight:600;direction:rtl}
.proj-ph.v2{background:#2a4a73}.proj-ph.v3{background:#173050}.proj-ph.v4{background:#34557f}
.proj-body{padding:20px 22px 22px;display:flex;flex-direction:column;gap:6px;flex-grow:1}
.proj-body .tag{font-size:13px;font-weight:600;color:var(--orange-text)}
.proj-body h3{font-size:20px}
.proj-body p{color:var(--muted);font-size:15.5px;flex-grow:1}
.proj-body .more{font-weight:600;margin-top:6px}
html.a11y-contrast .proj-ph span{display:none}
.tl.tl4{grid-template-columns:repeat(4,minmax(0,1fr))}
.tl.tl4::before{right:12%;left:12%}
@media (max-width:1000px){.tl.tl4{grid-template-columns:minmax(0,1fr)}}
/* placeholder variety */
.proj-ph.v2 span{bottom:auto;height:18% !important;width:14%}
.proj-ph.v2 span:nth-child(1){left:12%;top:58%}.proj-ph.v2 span:nth-child(2){left:30%;top:40%}.proj-ph.v2 span:nth-child(3){left:48%;top:58%}.proj-ph.v2 span:nth-child(4){left:66%;top:22%}
.proj-ph.v3 span:nth-child(1){left:10%;width:52%;height:62%;opacity:1}
.proj-ph.v3 span:nth-child(2){left:66%;width:14%;height:20%;bottom:64%;opacity:.6}
.proj-ph.v3 span:nth-child(3){left:66%;width:10%;height:14%;bottom:40%;opacity:.35}
.proj-ph.v3 span:nth-child(4){display:none}
.proj-ph.v4 span{width:22%}
.proj-ph.v4 span:nth-child(1){left:0;height:30%;opacity:.3}.proj-ph.v4 span:nth-child(2){left:22%;height:30%;bottom:30%;opacity:.5}.proj-ph.v4 span:nth-child(3){left:44%;height:30%;bottom:60%;opacity:.75}.proj-ph.v4 span:nth-child(4){left:66%;height:16%;bottom:84%}
.proj-ph b{z-index:1;background:rgba(10,20,35,.55);padding:3px 10px}
/* ---------- Case study ---------- */
.case{background:var(--navy);color:#fff;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:0;position:relative;overflow:hidden}
.case-main{padding:44px 44px 48px;display:flex;flex-direction:column;gap:14px}
.case-main .kicker{color:var(--orange-on-navy)}
.case-main h2{color:#fff;margin:0}
.case-main h3{color:#fff;font-size:19px;margin-top:6px}
.case-problem{color:#c9d3e2;font-size:18px;max-width:620px}
.case-list{list-style:none;display:grid;gap:8px;margin-bottom:14px}
.case-list li{display:flex;gap:10px;color:#e6ecf4}
.case-list li::before{content:"";flex:none;width:9px;height:9px;margin-top:9px;background:var(--orange)}
.case-main .btn{align-self:flex-start}
.case-stats{display:grid;align-content:center;gap:0;background:#173050;margin:0;padding:24px 32px;border-right:1px solid rgba(255,255,255,.12)}
.case-stats div{display:flex;flex-direction:column-reverse;padding:20px 0;border-bottom:1px solid rgba(255,255,255,.14)}
.case-stats div:last-child{border-bottom:0}
.case-stats dd{font-size:44px;font-weight:700;line-height:1.05;color:#fff}
.case-stats dt{color:#b7c3d4;font-size:15px;margin-top:6px}
@media (max-width:860px){.case{grid-template-columns:minmax(0,1fr)}.case-main{padding:30px 22px}.case-stats{padding:10px 22px;border-right:0;border-top:1px solid rgba(255,255,255,.12)}}
html.a11y-contrast .case,html.a11y-contrast .case-stats{background:#000 !important}
/* ---------- Home: product ladder & blocks ---------- */
.ladder{display:grid;grid-template-columns:1fr 1fr 1.35fr;gap:20px;align-items:stretch}
.rung h3{font-size:25px}
.rung.flagship{background:var(--navy);border-color:var(--navy);border-top:4px solid var(--orange);color:#fff}
.rung.flagship h3{color:#fff}
.rung.flagship p{color:#c9d3e2}
.rung.flagship .tag{color:var(--orange-on-navy)}
.rung.flagship .more{color:#fff}
.chain{list-style:none;display:flex;flex-wrap:wrap;gap:6px;margin:4px 0 6px;counter-reset:c}
.chain li{font-size:14px;font-weight:600;padding:6px 10px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.22);color:#fff;display:flex;align-items:center;gap:6px}
.chain li:not(:last-child)::after{content:"←";color:var(--orange);margin-right:2px}
.creds{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}
.creds li{border:1px solid var(--line-2);background:#fff;padding:6px 12px;font-size:14px;font-weight:500;color:var(--navy)}
.studio-strip{background:var(--bg-2);border-top:1px solid var(--line)}
.studio-strip .wrap{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;padding-top:22px;padding-bottom:22px}
.studio-strip b{color:var(--navy);margin-left:10px}
.studio-strip span{color:var(--muted)}
.studio-strip a{font-weight:600}
.cbox-solo{grid-column:1 / -1}
@media (max-width:1000px){.ladder{grid-template-columns:minmax(0,1fr)}}
html.a11y-contrast .rung.flagship{background:#000 !important}
.upsell{margin-top:22px;padding:16px 20px;border:1px dashed var(--line-2);background:var(--bg-2);color:var(--ink)}.upsell a{font-weight:700}

/* Experience + founder (merged) */
.xp{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:56px;align-items:start}
.xp h2{margin-bottom:12px}
.xp-name{font-weight:600;color:var(--navy);font-size:18px}
.xp-text{color:var(--muted);margin-top:8px}
.xp .creds{margin-top:22px}
.xp-grid{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--line-2);border:1px solid var(--line-2)}
.xp-grid li{background:#fff;padding:22px 24px;display:grid;gap:6px;align-content:start}
.xp-grid li::before{content:"";display:block;width:10px;height:10px;background:var(--orange);margin-bottom:6px}
.xp-grid h3{font-size:19px}
.xp-grid p{color:var(--muted);font-size:15.5px;line-height:1.55}
.cbox.light .next-course{color:var(--navy);font-size:15.5px}
@media (max-width:1000px){.xp{grid-template-columns:minmax(0,1fr);gap:32px}}
@media (max-width:560px){.xp-grid{grid-template-columns:minmax(0,1fr)}.xp-grid li{padding:18px 20px}}