/* ============================================================
   DegreeFlow — /problem-solution
   Extends styles.css (tokens, nav, buttons, glass, orbs, grain).
   1 Shell  2 Hero + branch  3 Gap split  4 What-if cards
   5 Research  6 Solution map  7 Simulator  8 Concepts
   9 Before/after  10 Why  11 Final  12 Responsive
   ============================================================ */

/* ---------- 1. Shell ---------- */
.ps-page{--sp-sm:14px;--sp-md:22px;--sp-lg:32px;--sp-xl:58px}
.sec{padding:var(--sp-xl) 0}
.sec-head{max-width:760px;margin-bottom:var(--sp-lg)}
.sec-head h2{font-size:clamp(27px,3.5vw,42px);letter-spacing:-.03em;line-height:1.14}
.sec-sub{margin-top:15px;color:var(--muted);font-size:16.5px;line-height:1.65}
.eyebrow{display:inline-flex;align-items:center;gap:9px;margin-bottom:13px;
  font-size:11.5px;font-weight:700;letter-spacing:.14em;color:#8E9BC4}
.eyebrow::before{content:"";width:22px;height:1px;background:linear-gradient(90deg,#4DA3FF,transparent)}
.eyebrow.mint{color:#8FE3BC}
.eyebrow.mint::before{background:linear-gradient(90deg,#5EE6A8,transparent)}
.grad-word{font-style:normal;
  background:linear-gradient(98deg,#4DA3FF 4%,#7E8DFF 46%,#B8A8FF 96%);
  -webkit-background-clip:text;background-clip:text;color:transparent}
.mint{color:#8FE3BC}
.reveal{opacity:0;transform:translateY(16px);
  transition:opacity .8s var(--ease),transform .8s var(--ease);
  transition-delay:calc(var(--i,0) * 90ms)}
.reveal.is-in{opacity:1;transform:none}

.ring-card{position:relative;border-radius:var(--radius-l);border:1px solid transparent;
  background:linear-gradient(165deg,rgba(23,29,45,.72),rgba(13,18,30,.82));
  backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.ring-card::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;
  background:linear-gradient(150deg,rgba(91,124,255,.5),rgba(155,140,255,.22) 45%,rgba(37,45,64,.6));
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;transition:background .45s ease;pointer-events:none}

/* ---------- 2. Hero ---------- */
.hero-ps{padding:136px 0 var(--sp-xl)}
.hero-grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:var(--sp-xl);align-items:center}
.hero-h1{font-size:clamp(36px,5.2vw,62px);font-weight:800;letter-spacing:-.038em;line-height:1.06}
.hero-sub{margin-top:18px;font-size:clamp(17px,2vw,21px);font-weight:600;color:#C3CBDE}
.hero-body{margin-top:16px;color:var(--muted);font-size:16px;line-height:1.7;max-width:52ch}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}

.branch-wrap{position:relative}
.branch{width:100%;height:auto;overflow:visible}
.be{fill:none;stroke-width:1.7;stroke-dasharray:var(--len,500);stroke-dashoffset:var(--len,500);
  animation:be-draw 1.3s var(--ease) forwards;animation-delay:calc(.15s + var(--d,0) * .11s);
  transition:stroke .35s ease,opacity .35s ease,stroke-width .35s ease}
@keyframes be-draw{to{stroke-dashoffset:0}}
.be.spine{stroke:url(#psG)}
.be.f{stroke:#2B3550}
.be.g{stroke:#222B42;stroke-dasharray:var(--len,500)}
.be.lit{stroke:url(#psG);stroke-width:2.4;opacity:1}
.be.dim{opacity:.22}
.bn circle{fill:#0B1120;stroke-width:2;transition:all .35s ease}
.bn text{fill:#8992A8;font-size:11.5px;font-weight:600;text-anchor:middle;transition:fill .35s ease}
.bn.now circle{fill:url(#psG);stroke:rgba(91,124,255,.4)}
.bn.now text{fill:#DCE6FA;font-weight:700}
.bn.hub circle{fill:#9B8CFF;stroke:rgba(155,140,255,.4)}
.bn.alt{cursor:pointer}
.bn.alt circle{fill:#141B2B;stroke:#39435E}
.bn.alt.lit circle{fill:#4DA3FF;stroke:rgba(77,163,255,.45)}
.bn.alt.lit text{fill:#DCE6FA}
.bn.alt.dim{opacity:.34}
.bn.grad circle{fill:none;stroke:#5EE6A8;stroke-width:2.4}
.bn.grad text{fill:#8FE3BC;font-weight:700}
.branch-cap{margin-top:6px;text-align:center;font-size:12.5px;color:#6C768E}

/* ---------- 3. Gap split ---------- */
.split{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-sm)}
.split-col{padding:26px;border-radius:var(--radius-l);border:1px solid rgba(37,45,64,.9)}
.split-col.old{background:rgba(13,17,26,.5)}
.split-col.new{position:relative;border-color:transparent;
  background:linear-gradient(165deg,rgba(20,31,44,.8),rgba(12,19,28,.85))}
.split-col.new::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;
  background:linear-gradient(150deg,rgba(94,230,168,.55),rgba(77,163,255,.32) 55%,rgba(37,45,64,.6));
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.split-tag{font-size:11.5px;font-weight:700;letter-spacing:.08em;color:#6C768E}
.audit-list{list-style:none;margin:20px 0 0;padding:0;display:grid;gap:10px}
.audit-list li{position:relative;padding-left:26px;font-size:15px;color:#AAB4CC}
.audit-list li::before{content:"✓";position:absolute;left:0;top:0;color:#4DA3FF;font-size:13px;font-weight:700}
.asker{margin-top:20px;min-height:96px;display:flex;align-items:center}
.ask-q{font-size:clamp(18px,2.4vw,25px);font-weight:700;letter-spacing:-.02em;line-height:1.3;
  background:linear-gradient(96deg,#8FE3BC,#7FC0FF 60%,#B8A8FF);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  transition:opacity .4s ease,transform .4s var(--ease)}
.ask-q.out{opacity:0;transform:translateY(-8px)}
.split-foot{margin-top:20px;font-size:13.5px;color:#6C768E;line-height:1.6}

/* ---------- 4. What-if cards ---------- */
.wi-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--sp-sm)}
.wi{position:relative;padding:26px;border-radius:var(--radius-l);border:1px solid transparent;
  background:linear-gradient(165deg,rgba(23,29,45,.7),rgba(13,18,30,.8));
  transition:transform .45s var(--ease)}
.wi::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;
  background:linear-gradient(150deg,rgba(91,124,255,.45),rgba(155,140,255,.2) 48%,rgba(37,45,64,.6));
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;transition:background .45s ease;pointer-events:none}
.wi:hover{transform:translateY(-4px)}
.wi:hover::before{background:linear-gradient(150deg,rgba(123,150,255,.95),rgba(178,160,255,.55) 50%,rgba(77,163,255,.3))}
.wi-num{font-size:12px;font-weight:700;letter-spacing:.08em;color:#5B6480}
.wi h3{font-size:21px;margin-top:9px}
.wi-ex{margin-top:8px;font-size:13.5px;font-weight:600;color:#8FE3BC}
.wi ul{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:9px}
.wi li{position:relative;padding-left:20px;font-size:14.5px;color:var(--muted);line-height:1.5}
.wi li::before{content:"";position:absolute;left:0;top:9px;width:7px;height:7px;border-radius:50%;
  border:1px solid rgba(123,124,255,.6)}
.wi-note{margin-top:16px;padding-top:14px;border-top:1px solid rgba(37,45,64,.9);
  font-size:12.5px;color:#6C768E;line-height:1.55}
.chain{width:100%;max-width:300px;height:auto;margin-top:18px}
.ch-line{stroke:#2B3550;stroke-width:1.6}
.ch-dot{fill:#141B2B;stroke:#39435E;stroke-width:2}
.wi:hover .ch-dot.a{fill:#4DA3FF;stroke:none;transition:.3s}
.wi:hover .ch-dot.b{fill:#7E8DFF;stroke:none;transition:.3s .12s}
.wi:hover .ch-dot.c{fill:#9B8CFF;stroke:none;transition:.3s .24s}
.wi:hover .ch-dot.d{fill:#FF8FC0;stroke:none;transition:.3s .36s}

/* ---------- 5. Research ---------- */
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-sm)}
.stat{padding:26px;border-radius:var(--radius-l);border:1px solid rgba(37,45,64,.9);
  background:linear-gradient(165deg,rgba(23,29,45,.68),rgba(13,18,30,.8))}
.stat-n{font-size:clamp(38px,4.6vw,54px);font-weight:800;letter-spacing:-.04em;line-height:1;
  font-variant-numeric:tabular-nums;
  background:linear-gradient(98deg,#4DA3FF,#9B8CFF);
  -webkit-background-clip:text;background-clip:text;color:transparent}
.stat-l{margin-top:12px;font-size:15.5px;font-weight:700;line-height:1.4}
.stat-d{margin-top:9px;font-size:13.5px;color:var(--muted);line-height:1.6}
.stat-src,.ev-src{display:inline-block;margin-top:14px;font-size:12px;color:#7FC0FF;font-weight:600}
.stat-src:hover,.ev-src:hover{color:#A9D5FF}
.read-note{margin-top:var(--sp-md);padding:16px 20px;border-radius:14px;font-size:14.5px;color:#C3CBDE;
  border-left:2px solid rgba(94,230,168,.6);background:linear-gradient(90deg,rgba(94,230,168,.07),transparent);
  line-height:1.6}

.ev-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-sm);margin-top:var(--sp-md)}
.ev{padding:26px;border-radius:var(--radius-l);border:1px solid rgba(37,45,64,.9);background:rgba(16,21,34,.55)}
.ev-tag{font-size:11px;font-weight:700;letter-spacing:.08em;color:#6C768E;margin-bottom:16px}
.ev-body{font-size:14.5px;color:var(--muted);line-height:1.65;margin-top:16px}
.ev-bars{display:grid;gap:11px}
.ev-row{display:grid;grid-template-columns:minmax(0,1fr) 120px 44px;gap:12px;align-items:center;font-size:13.5px;color:#AAB4CC}
.ev-track{height:8px;border-radius:99px;background:#141A28;overflow:hidden}
.ev-track i{display:block;height:100%;width:0;border-radius:99px;
  background:linear-gradient(90deg,#4DA3FF,#9B8CFF);transition:width 1.1s var(--ease)}
.ev-row b{text-align:right;color:#DCE6FA;font-variant-numeric:tabular-nums}
.quote{margin:0;position:relative;padding:18px 20px;border-radius:14px;font-size:17px;line-height:1.5;
  color:#DCE6FA;font-weight:600;background:rgba(91,124,255,.07);border:1px solid rgba(91,124,255,.26)}
.q-mark{position:absolute;top:4px;right:16px;font-size:46px;color:rgba(123,124,255,.22);font-weight:800;line-height:1}

.policy{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:var(--sp-md);
  margin-top:var(--sp-md);padding:26px;border-radius:var(--radius-l);
  border:1px solid rgba(255,168,120,.22);background:rgba(255,168,120,.045)}
.policy-note{align-self:center;font-size:13.5px;color:#C3CBDE;line-height:1.6;
  padding:16px;border-radius:13px;background:rgba(9,13,23,.5);border:1px solid rgba(37,45,64,.9)}
.policy-note b{color:#FFC69B}

/* ---------- 6. Degree map ---------- */
.solution .sec-head h2{background:linear-gradient(96deg,#5EE6A8,#4DA3FF 55%,#9B8CFF);
  -webkit-background-clip:text;background-clip:text;color:transparent}
.map-card{position:relative;padding:30px 26px;border-radius:var(--radius-l);border:1px solid transparent;
  background:linear-gradient(165deg,rgba(23,29,45,.72),rgba(13,18,30,.84))}
.map-card::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;
  background:linear-gradient(150deg,rgba(94,230,168,.5),rgba(77,163,255,.3) 50%,rgba(37,45,64,.6));
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.map-title{font-size:16px;font-weight:700;color:#C3CBDE}
.deg-map{width:100%;height:auto;margin-top:20px;overflow:visible}
.dm-edges path{fill:none;stroke:#26304A;stroke-width:1.8;transition:stroke .35s ease,opacity .35s ease,stroke-width .35s ease}
.dm-edges path.lit{stroke:url(#psG);stroke-width:2.6}
.dm-edges path.dim{opacity:.16}
.dm{cursor:pointer}
.dm circle{fill:#101624;stroke:#39435E;stroke-width:2;transition:all .35s ease}
.dm text{fill:#8992A8;font-size:12px;font-weight:600;text-anchor:middle;transition:fill .35s ease}
.dm.lit circle{fill:#4DA3FF;stroke:rgba(77,163,255,.4)}
.dm.lit text{fill:#DCE6FA}
.dm.dim{opacity:.28}
.dm.grad circle{fill:none;stroke:#5EE6A8;stroke-width:2.6}
.dm.grad text{fill:#8FE3BC}
.map-hint{margin-top:14px;font-size:12.5px;color:#6C768E}

/* ---------- 7. Simulator ---------- */
.sim-card{position:relative;padding:26px;border-radius:var(--radius-l);border:1px solid transparent;
  background:linear-gradient(165deg,rgba(23,29,45,.72),rgba(13,18,30,.84))}
.sim-card::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;
  background:linear-gradient(150deg,rgba(91,124,255,.55),rgba(155,140,255,.25) 46%,rgba(37,45,64,.6));
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.sim-tabs{display:flex;flex-wrap:wrap;gap:7px}
.sim-tab{padding:9px 15px;border-radius:999px;cursor:pointer;font-family:inherit;font-size:13px;font-weight:600;
  color:var(--muted);background:rgba(255,255,255,.03);border:1px solid var(--border);
  transition:color .3s ease,background .3s ease,border-color .3s ease}
.sim-tab:hover{color:#C3CBDE}
.sim-tab.is-on{color:#061018;background:linear-gradient(115deg,#5EE6A8,#4DA3FF);border-color:transparent}
.sim-body{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:var(--sp-md);margin-top:var(--sp-md)}
.sim-flow{display:grid;gap:9px;align-content:start}
.flow-row{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:13px;font-size:14.5px;
  background:rgba(9,13,23,.55);border:1px solid rgba(37,45,64,.9);
  opacity:0;animation:flow-in .55s var(--ease) forwards;animation-delay:calc(var(--d) * 90ms)}
@keyframes flow-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.flow-row .fi{width:9px;height:9px;border-radius:50%;flex:0 0 auto;background:#39435E}
.flow-row.keep{border-color:rgba(77,163,255,.4)}
.flow-row.keep .fi{background:#4DA3FF;box-shadow:0 0 10px rgba(77,163,255,.6)}
.flow-row.add{border-color:rgba(94,230,168,.42)}
.flow-row.add .fi{background:#5EE6A8;box-shadow:0 0 10px rgba(94,230,168,.6)}
.flow-row.warn{border-color:rgba(255,143,192,.4)}
.flow-row.warn .fi{background:#FF8FC0;box-shadow:0 0 10px rgba(255,143,192,.6)}
.flow-row b{font-weight:700;color:#DCE6FA}
.flow-row span.ft{color:#AAB4CC}
.sim-label{font-size:15px;font-weight:700;color:#C3CBDE}
.sim-stats{display:grid;gap:9px;margin-top:14px}
.sim-stat{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:12px 14px;
  border-radius:12px;background:rgba(19,25,40,.6);border:1px solid rgba(37,45,64,.9);
  opacity:0;animation:flow-in .5s var(--ease) forwards;animation-delay:calc(var(--d) * 90ms)}
.sim-stat span{font-size:13px;color:var(--muted)}
.sim-stat b{font-size:18px;font-weight:800;letter-spacing:-.02em;color:#8FE3BC}
.sim-note{margin-top:14px;font-size:11.5px;color:#5B6480;line-height:1.5}
.sim-side .btn{margin-top:14px;width:100%;justify-content:center}

/* ---------- 8. Concepts ---------- */
.fut-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-sm)}
.fut{position:relative;padding:24px;border-radius:var(--radius-l);
  border:1px dashed rgba(123,124,255,.34);background:rgba(91,124,255,.045)}
.fut-badge{display:inline-block;font-size:10.5px;font-weight:700;letter-spacing:.08em;
  padding:4px 10px;border-radius:999px;color:#C6BCFF;
  background:rgba(155,140,255,.13);border:1px solid rgba(155,140,255,.33)}
.fut h3{font-size:18px;margin-top:13px}
.fut p{margin-top:8px;font-size:14px;color:var(--muted);line-height:1.55}

/* ---------- 9. Before / after ---------- */
.vs{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-sm)}
.vs-col{padding:26px;border-radius:var(--radius-l);border:1px solid rgba(37,45,64,.9)}
.vs-old{background:rgba(13,17,26,.5)}
.vs-new{position:relative;border-color:transparent;background:linear-gradient(165deg,rgba(20,31,44,.8),rgba(12,19,28,.85))}
.vs-new::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;
  background:linear-gradient(150deg,rgba(94,230,168,.6),rgba(77,163,255,.35) 55%,rgba(37,45,64,.6));
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.vs-tag{font-size:11.5px;font-weight:700;letter-spacing:.08em;color:#6C768E}
.vs-steps{list-style:none;margin:20px 0 0;padding:0;display:grid;gap:2px;counter-reset:v}
.vs-steps li{position:relative;padding:11px 0 11px 36px;font-size:14.5px;color:#8992A8;counter-increment:v}
.vs-steps li::before{content:counter(v);position:absolute;left:0;top:10px;width:23px;height:23px;border-radius:7px;
  display:grid;place-items:center;font-size:11px;font-weight:700;color:#6C768E;
  background:rgba(255,255,255,.04);border:1px solid var(--border)}
.vs-steps li::after{content:"";position:absolute;left:11px;top:35px;bottom:-2px;width:1px;background:rgba(37,45,64,.9)}
.vs-steps li:last-child::after{display:none}
.vs-steps li.vs-end{color:#FF9EC8;font-weight:600}
.vs-new .vs-steps li{color:#C3CBDE}
.vs-new .vs-steps li::before{color:#8FE3BC;background:rgba(94,230,168,.1);border-color:rgba(94,230,168,.3)}
.vs-new .vs-steps li::after{background:linear-gradient(180deg,rgba(94,230,168,.5),rgba(77,163,255,.3))}
.vs-new .vs-steps li.vs-end{color:#8FE3BC;font-weight:700}

/* ---------- 10. Why it matters ---------- */
.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-sm)}
.why{position:relative;padding:26px;border-radius:var(--radius-l);border:1px solid transparent;
  background:linear-gradient(165deg,rgba(23,29,45,.7),rgba(13,18,30,.8));transition:transform .45s var(--ease)}
.why::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;
  background:linear-gradient(150deg,rgba(94,230,168,.4),rgba(77,163,255,.26) 50%,rgba(37,45,64,.6));
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;transition:background .45s ease;pointer-events:none}
.why:hover{transform:translateY(-4px)}
.why:hover::before{background:linear-gradient(150deg,rgba(94,230,168,.9),rgba(123,150,255,.5) 55%,rgba(77,163,255,.3))}
.why-k{font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;
  background:linear-gradient(96deg,#5EE6A8,#4DA3FF);-webkit-background-clip:text;background-clip:text;color:transparent}
.why p:last-child{margin-top:12px;font-size:14.5px;color:var(--muted);line-height:1.6}

.arc{display:flex;align-items:center;gap:16px;margin-top:var(--sp-lg);padding:22px 26px;
  border-radius:var(--radius-l);border:1px solid rgba(37,45,64,.9);background:rgba(13,18,30,.45);flex-wrap:wrap}
.arc-step{font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#6C768E}
.arc-step.mid{color:#7FC0FF}
.arc-step.end{color:#8FE3BC}
.arc-line{flex:1;min-width:40px;height:1px;background:linear-gradient(90deg,rgba(37,45,64,.9),rgba(77,163,255,.6))}
.arc-line:last-of-type{background:linear-gradient(90deg,rgba(77,163,255,.6),rgba(94,230,168,.8))}

/* ---------- 11. Final ---------- */
.final-cta{position:relative;padding:110px 0 124px;text-align:center;
  border-top:1px solid rgba(37,45,64,.55);overflow:hidden}
.final-cta::after{content:"";position:absolute;left:50%;top:50%;width:900px;height:500px;
  transform:translate(-50%,-50%);pointer-events:none;filter:blur(30px);
  background:radial-gradient(ellipse,rgba(94,230,168,.14),rgba(91,124,255,.16) 45%,transparent 70%)}
.final-inner{position:relative;z-index:2;display:grid;justify-items:center}
.final-inner h2{font-size:clamp(28px,4.2vw,50px);letter-spacing:-.03em;line-height:1.16}
.final-inner p{margin-top:18px;color:var(--muted);font-size:17px;max-width:52ch}
.final-inner .btn{margin-top:30px}

/* ---------- 12. Responsive ---------- */
@media (max-width:1040px){
  .hero-grid{grid-template-columns:1fr;gap:var(--sp-lg)}
  .stats,.fut-grid,.why-grid{grid-template-columns:1fr 1fr}
  .sim-body,.policy{grid-template-columns:1fr}
}
@media (max-width:860px){
  .split,.wi-grid,.ev-grid,.vs{grid-template-columns:1fr}
}
@media (max-width:760px){
  .hero-ps{padding:116px 0 var(--sp-lg)}
  .sec{padding:var(--sp-lg) 0}
  .stats,.fut-grid,.why-grid{grid-template-columns:1fr}
  .ev-row{grid-template-columns:minmax(0,1fr) 80px 40px;gap:9px;font-size:12.5px}
  .arc{flex-direction:column;align-items:flex-start;gap:10px}
  .arc-line{width:1px;height:22px;flex:0 0 auto;margin-left:6px;
    background:linear-gradient(180deg,rgba(37,45,64,.9),rgba(77,163,255,.6))}
}