/* VEVL Page 02 — How It Works. Responsive, semantic, page-scoped layout. */
.vevl-how-page{background:#020611;color:#f4f7fb}
.vevl-how-page main{overflow:clip}
.how2-page{position:relative;isolation:isolate;background:linear-gradient(180deg,#020611 0,#06101d 24%,#030914 100%)}
.how2-page:before{content:"";position:absolute;inset:0 0 auto;height:780px;z-index:-2;background:radial-gradient(55% 45% at 76% 22%,rgba(20,119,209,.24),transparent 70%),radial-gradient(42% 34% at 15% 18%,rgba(20,93,172,.13),transparent 74%),linear-gradient(180deg,rgba(2,6,17,.1),#030915 92%)}
.how2-page:after{content:"";position:absolute;inset:0 0 auto;height:720px;z-index:-1;opacity:.34;pointer-events:none;background-image:radial-gradient(circle at 18% 20%,rgba(210,235,255,.72) 0 1px,transparent 1.35px),radial-gradient(circle at 72% 12%,rgba(210,235,255,.54) 0 1px,transparent 1.4px),radial-gradient(circle at 42% 34%,rgba(255,255,255,.36) 0 .8px,transparent 1.15px);background-size:205px 190px,265px 250px,145px 155px}
.how2-page .shell{width:min(1180px,calc(100% - 48px));margin-inline:auto}
.how2-hero{padding:72px 0 54px;min-height:660px;display:flex;align-items:center}
.how2-hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);gap:68px;align-items:center}
.how2-hero-copy{max-width:680px}
.how2-eyebrow{margin:0 0 14px;color:#43adff;font-size:.78rem;font-weight:700;line-height:1.3;letter-spacing:.16em;text-transform:uppercase}
.how2-hero h1{max-width:720px;margin:0;color:#f7f5f1;font-size:clamp(3.25rem,5.1vw,5.15rem);font-weight:300;line-height:.98;letter-spacing:-.052em;text-wrap:balance}
.how2-lead{max-width:650px;margin:26px 0 0;color:#c7d0dc;font-size:1.08rem;line-height:1.75}
.how2-actions{display:flex;flex-wrap:wrap;align-items:center;gap:18px;margin-top:32px}
.how2-primary{min-width:220px;justify-content:center}
.how2-secondary{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 4px;color:#dbe9f7;font-size:.94rem;font-weight:650;text-decoration:none;border-bottom:1px solid rgba(92,176,255,.54)}
.how2-secondary:hover{color:#55b7ff;border-color:#55b7ff}
.how2-disclaimer{max-width:590px;margin:15px 0 0;color:#8999aa;font-size:.78rem;line-height:1.55}
.how2-trust-list{display:flex;flex-wrap:wrap;gap:12px 22px;margin:27px 0 0;padding:0;list-style:none;color:#c6d1de;font-size:.82rem}
.how2-trust-list li{position:relative;padding-left:19px}
.how2-trust-list li:before{content:"";position:absolute;left:0;top:.47em;width:8px;height:8px;border:1px solid #4eaeff;border-radius:50%;box-shadow:0 0 0 3px rgba(53,160,255,.1)}
.how2-hero-visual{position:relative;min-height:520px;margin:0;display:grid;align-content:center}
.how2-visual-glow{position:absolute;inset:12% 3% 14%;border-radius:50%;background:radial-gradient(circle,rgba(30,126,221,.28),transparent 68%);filter:blur(16px)}
.how2-hero-visual img{position:relative;z-index:1;width:100%;height:auto;max-height:500px;object-fit:contain;filter:contrast(1.04) brightness(1.04) drop-shadow(0 28px 45px rgba(0,0,0,.7))}
.how2-hero-visual figcaption{position:relative;z-index:2;max-width:360px;margin:-18px auto 0;padding:13px 16px;border:1px solid rgba(126,170,215,.25);border-radius:12px;background:rgba(4,13,25,.82);backdrop-filter:blur(12px);color:#9eacbb;font-size:.76rem;line-height:1.45;text-align:center}
.how2-hero-visual figcaption span{display:block;margin-bottom:3px;color:#edf5fc;font-weight:700}
.how2-section-head{max-width:760px;margin:0 auto 34px;text-align:center}
.how2-section-head-left{max-width:780px;margin-inline:0;text-align:left}
.how2-section-head h2,.how2-detail-card h2,.how2-return-copy h2,.how2-next h2{margin:0;color:#f5f3ef;font-size:clamp(2rem,3vw,3rem);font-weight:350;line-height:1.08;letter-spacing:-.035em;text-wrap:balance}
.how2-section-head>p:last-child{margin:17px auto 0;color:#aeb9c6;font-size:1rem;line-height:1.65}
.how2-process{padding:80px 0}
.how2-steps{counter-reset:journey;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:0;padding:0;list-style:none}
.how2-step{position:relative;min-height:330px;padding:24px 22px 22px;border:1px solid rgba(130,166,204,.25);border-radius:18px;background:linear-gradient(145deg,rgba(9,24,42,.94),rgba(4,12,23,.94));box-shadow:0 18px 55px rgba(0,0,0,.22);transition:transform .22s ease,border-color .22s ease,background .22s ease}
.how2-step:hover{transform:translateY(-3px);border-color:rgba(70,173,255,.5);background:linear-gradient(145deg,rgba(10,31,54,.98),rgba(5,15,29,.97))}
.how2-step-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}
.how2-step-number{display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(77,171,247,.54);border-radius:50%;background:#071627;color:#68beff;font-size:.78rem;font-weight:800;letter-spacing:.04em}
.how2-step svg{width:44px;height:44px;fill:none;stroke:#d9e7f3;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;opacity:.9}
.how2-step h3{margin:0 0 12px;color:#f4f6f9;font-size:1.18rem;line-height:1.28}
.how2-step p{margin:0;color:#aeb9c6;font-size:.92rem;line-height:1.62}
.how2-step small{position:absolute;left:22px;right:22px;bottom:20px;padding-top:13px;border-top:1px solid rgba(127,156,189,.15);color:#6f9ec6;font-size:.72rem;line-height:1.4}
.how2-responsibilities{padding:62px 0 78px}
.how2-responsibility-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.how2-responsibility-grid article{padding:30px;border:1px solid rgba(132,168,205,.25);border-radius:20px;background:rgba(5,15,28,.78)}
.how2-responsibility-grid article:first-child{background:linear-gradient(145deg,rgba(20,49,79,.74),rgba(5,15,28,.9))}
.how2-panel-label{display:inline-flex;margin-bottom:18px;padding:6px 10px;border:1px solid rgba(69,168,250,.3);border-radius:999px;color:#62baff;font-size:.72rem;font-weight:750;letter-spacing:.1em;text-transform:uppercase}
.how2-responsibility-grid h3{margin:0 0 18px;color:#f2f5f8;font-size:1.4rem;line-height:1.28}
.how2-responsibility-grid ul,.how2-check-list{display:grid;gap:13px;margin:0;padding:0;list-style:none}
.how2-responsibility-grid li,.how2-check-list li{position:relative;padding-left:27px;color:#b8c4d0;font-size:.93rem;line-height:1.55}
.how2-responsibility-grid li:before,.how2-check-list li:before{content:"✓";position:absolute;left:0;top:.05em;display:grid;place-items:center;width:18px;height:18px;border:1px solid rgba(75,173,255,.55);border-radius:50%;color:#55b6ff;font-size:.65rem}
.how2-details{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:20px 0 90px}
.how2-detail-card{display:grid;grid-template-columns:64px 1fr;gap:20px;min-height:310px;padding:32px;border:1px solid rgba(132,168,205,.25);border-radius:20px;background:linear-gradient(145deg,rgba(8,22,39,.95),rgba(4,12,23,.95))}
.how2-card-icon{display:grid;place-items:center;width:58px;height:58px;border:1px solid rgba(72,170,251,.36);border-radius:16px;background:rgba(17,55,91,.38)}
.how2-card-icon svg{width:34px;height:34px;fill:none;stroke:#7ac7ff;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.how2-detail-card h2{font-size:1.85rem}
.how2-detail-card p:not(.how2-eyebrow){margin:17px 0 20px;color:#aeb9c6;font-size:.93rem;line-height:1.65}
.how2-text-link{display:inline-flex;align-items:center;gap:7px;color:#5db9ff;font-weight:700;font-size:.9rem;text-decoration:none}
.how2-text-link:hover{color:#8dd0ff}
.how2-return{padding:82px 0;background:linear-gradient(90deg,rgba(4,13,24,.95),rgba(8,28,49,.75),rgba(4,13,24,.95));border-block:1px solid rgba(118,155,194,.16)}
.how2-return-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);gap:70px;align-items:center}
.how2-return-visual{position:relative;min-height:470px;margin:0;border:1px solid rgba(135,170,205,.2);border-radius:24px;background:radial-gradient(circle at 50% 45%,rgba(21,101,176,.18),transparent 60%),rgba(2,9,18,.58);overflow:hidden}
.how2-return-visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:18px;filter:brightness(1.08) contrast(1.08)}
.how2-return-copy>p:not(.how2-eyebrow){margin:20px 0;color:#b4bfca;font-size:1rem;line-height:1.65}
.how2-check-list{margin:25px 0 30px}
.how2-next{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:54px;align-items:center;margin-block:90px;padding:38px 42px;border:1px solid rgba(83,175,249,.34);border-radius:22px;background:linear-gradient(135deg,rgba(9,33,57,.96),rgba(4,14,26,.96));box-shadow:0 24px 70px rgba(0,0,0,.25)}
.how2-next h2{font-size:2.35rem}
.how2-next>div:first-child>p:last-child{max-width:720px;margin:15px 0 0;color:#b6c2ce;line-height:1.6}
.how2-next-actions{display:grid;gap:13px;min-width:235px;text-align:center}
.vevl-how-page .site-footer{margin-top:0}
.vevl-how-page :is(a,button):focus-visible{outline:3px solid #86d0ff;outline-offset:4px;border-radius:6px}
@media (max-width:1050px){
  .how2-hero{min-height:610px;padding-top:58px}
  .how2-hero-grid{grid-template-columns:1fr .85fr;gap:34px}
  .how2-hero h1{font-size:clamp(3rem,6vw,4.25rem)}
  .how2-hero-visual{min-height:430px}
  .how2-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
  .how2-step{min-height:300px}
  .how2-details{grid-template-columns:1fr}
  .how2-detail-card{min-height:0}
  .how2-return-grid{grid-template-columns:1fr 1fr;gap:38px}
  .how2-return-visual{min-height:410px}
}
@media (max-width:820px){
  .how2-page .shell{width:min(100% - 36px,720px)}
  .how2-hero{min-height:0;padding:46px 0 62px}
  .how2-hero-grid{grid-template-columns:1fr}
  .how2-hero-copy{max-width:680px}
  .how2-hero h1{font-size:clamp(3rem,10vw,4.35rem)}
  .how2-hero-visual{min-height:0;max-width:620px;margin:4px auto 0}
  .how2-hero-visual img{max-height:460px}
  .how2-hero-visual figcaption{margin-top:-12px}
  .how2-process{padding-top:68px}
  .how2-responsibility-grid,.how2-return-grid{grid-template-columns:1fr}
  .how2-return-visual{min-height:430px;order:2}
  .how2-return-copy{order:1}
  .how2-next{grid-template-columns:1fr;gap:28px;margin-block:70px}
  .how2-next-actions{display:flex;flex-wrap:wrap;align-items:center;min-width:0;text-align:left}
}
@media (max-width:560px){
  .how2-page .shell{width:calc(100% - 32px)}
  .how2-hero{padding:34px 0 48px}
  .how2-hero h1{font-size:clamp(2.55rem,12.5vw,3.35rem);line-height:1.01}
  .how2-lead{margin-top:20px;font-size:.98rem;line-height:1.65}
  .how2-actions{display:grid;gap:11px;margin-top:27px}
  .how2-actions .button{width:100%}
  .how2-secondary{width:max-content;min-height:44px}
  .how2-trust-list{display:grid;gap:11px;margin-top:22px}
  .how2-hero-visual{margin-top:14px}
  .how2-hero-visual figcaption{margin:0 8px;font-size:.76rem}
  .how2-section-head{margin-bottom:26px;text-align:left}
  .how2-section-head h2,.how2-return-copy h2,.how2-next h2{font-size:2rem}
  .how2-section-head>p:last-child{font-size:.94rem}
  .how2-process{padding:62px 0}
  .how2-steps{grid-template-columns:1fr;gap:12px}
  .how2-step{min-height:0;padding:22px}
  .how2-step:hover{transform:none}
  .how2-step-top{margin-bottom:17px}
  .how2-step small{position:static;display:block;margin-top:18px}
  .how2-responsibilities{padding:34px 0 60px}
  .how2-responsibility-grid article{padding:24px}
  .how2-details{padding-bottom:68px}
  .how2-detail-card{grid-template-columns:1fr;padding:25px}
  .how2-card-icon{width:52px;height:52px}
  .how2-detail-card h2{font-size:1.65rem}
  .how2-return{padding:62px 0}
  .how2-return-visual{min-height:300px}
  .how2-next{margin-block:58px;padding:28px 24px}
  .how2-next-actions{display:grid}
  .how2-next-actions .button{width:100%}
}
@media (prefers-reduced-motion:reduce){.how2-step{transition:none}.how2-step:hover{transform:none}}