/* Additive designs only. Existing website styles, typography and hero stay intact. */
.exp-section{position:relative;overflow:hidden;isolation:isolate}
.exp-section .exp-heading{max-width:860px;margin-bottom:38px}
.exp-section h2{font-size:clamp(32px,3.8vw,54px);line-height:1.12;letter-spacing:-.045em}
.exp-section h3{font-size:24px;line-height:1.35;letter-spacing:-.025em}
.exp-section p{font-size:18px;line-height:1.85}
.exp-section .eyebrow{font-size:14px;letter-spacing:.1em;line-height:1.6}
.exp-section small{font-size:14px;line-height:1.7}
.exp-section :is(button,a,input):focus-visible{outline:2px solid #b9d7ff;outline-offset:5px}
.exp-section .exp-body{font-size:18px;line-height:1.85}
.exp-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:65px;align-items:center}
.exp-purpose{background:radial-gradient(ellipse at 90% 20%,rgba(47,94,172,.13),transparent 50%),#091526}
.exp-ribbon{position:absolute;bottom:-10px;left:0;width:100%;height:110px;pointer-events:none;z-index:-1;opacity:.35}
.exp-ribbon path{stroke:#315889;stroke-width:1.2}
.exp-ribbon .exp-packet{stroke:#9bc7ff;stroke-width:2;stroke-linecap:round;stroke-dasharray:3 97;animation:exp-packet 8s linear infinite;animation-play-state:paused}
.exp-section.in-view .exp-packet{animation-play-state:running}
.exp-status-board{border:1px solid #466e9f;border-radius:20px;background:linear-gradient(135deg,#152d4b,#0b1b30);box-shadow:0 25px 50px rgba(0,0,0,.2);overflow:hidden}
.exp-board-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:25px;border-bottom:1px solid #315071;background:rgba(6,18,33,.3)}
.exp-board-heading>span{display:flex;gap:12px;align-items:center;font-size:18px;color:#d4e6ff}
.exp-board-heading .icon{color:#8bbaff}
.exp-board-heading small{color:#91acd0;max-width:120px;text-align:right}
.exp-board-row{display:grid;grid-template-columns:32px minmax(0,1fr) 26px;gap:16px;align-items:start;padding:27px 25px;border-bottom:1px solid #29476a}
.exp-board-index{font-size:14px;color:#79a3dd;line-height:1.8}
.exp-board-row h3{font-size:22px;margin-bottom:9px}
.exp-board-row p{font-size:17px;margin:0;color:#a9bfdc}
.exp-board-row>.icon{color:#719dce;margin-top:4px}
.exp-board-foot{display:flex;align-items:center;gap:13px;padding:24px 25px;font-size:15px;color:#9fbce2}
.exp-board-foot i{height:1px;flex:1;background:linear-gradient(90deg,#365d8d,#86b5f5,#365d8d)}

/* About: a purpose-led editorial column, with a unique brand panel. */
.exp-origin{background:#08121f}
.exp-origin .exp-heading{max-width:1000px}
.exp-story-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:65px;align-items:start}
.exp-purpose-statement{position:sticky;top:115px;min-height:410px;border:1px solid #3e648f;border-radius:18px;padding:40px;background:radial-gradient(ellipse at 15% 10%,rgba(97,155,245,.15),transparent 65%),linear-gradient(130deg,#162f50,#0b192c);overflow:hidden}
.exp-purpose-statement::after{content:'';position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(115deg,transparent 0 58px,rgba(127,176,245,.035) 59px 60px);mask-image:linear-gradient(0deg,#000,transparent 80%)}
.exp-purpose-statement img{width:130px;height:auto;margin-bottom:35px}
.exp-statement-rule{display:block;height:2px;width:50px;background:#83b4ff;margin-bottom:30px}
.exp-purpose-statement>strong{display:block;font-size:clamp(30px,3vw,42px);line-height:1.2;letter-spacing:-.035em;font-weight:500;color:#eef5ff}
.exp-purpose-statement>strong>span{color:#8cb8f6}
.exp-purpose-statement>p{font-size:17px;margin:30px 0 0;color:#a4bedf}
.exp-story-copy h3{margin:0 0 16px}
.exp-story-copy h3:not(:first-child){margin-top:34px}
.exp-story-copy p:last-of-type{margin-bottom:25px}

/* Platform: an evidence-led demonstration explorer with keyboard controls. */
.exp-walkthrough{background:linear-gradient(180deg,#081525,#0b1728)}
.exp-explorer{border:1px solid #3a5d88;border-radius:20px;background:#0c1c32;overflow:hidden}
.exp-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-bottom:1px solid #315175}
.exp-tabs button{display:flex;align-items:center;gap:14px;padding:23px 25px;text-align:left;border:0;border-right:1px solid #315175;background:#0a192d;color:#aac5e9;font:inherit;font-size:17px;line-height:1.5;cursor:pointer;transition:background .25s,color .25s}
.exp-tabs button:last-child{border-right:0}
.exp-tabs button>span{font-size:14px;color:#7b9ecf;flex-shrink:0}
.exp-tabs button[aria-selected="true"]{background:linear-gradient(130deg,#23436c,#172f50);color:#eff5ff;box-shadow:inset 0 -3px 0 #8cbbff}
.exp-tabs button:hover{background:#1a3559}
.exp-panel{display:grid;grid-template-columns:1.1fr .9fr;gap:45px;padding:38px;align-items:center;outline:0}
.exp-panel+.exp-panel{border-top:1px solid #315175}
.exp-panel-copy h3{font-size:29px;line-height:1.25}
.exp-panel-copy>.eyebrow{margin-bottom:15px}
.exp-demo-prompt{margin-top:26px;border-left:2px solid #7daef5;padding:0 0 0 19px}
.exp-demo-prompt>span{font-size:14px;color:#9ec8ff;font-weight:600}
.exp-demo-prompt p{font-size:16px;margin:10px 0 0}
.exp-evidence{padding:25px;border:1px solid #3f638f;border-radius:14px;background:linear-gradient(145deg,#193455,#10223c)}
.exp-evidence-label{font-size:15px;display:block;color:#a6c8f6;margin-bottom:23px;letter-spacing:.04em}
.exp-evidence>div{display:flex;align-items:center;gap:12px;padding:19px 0;border-top:1px solid #385777}
.exp-evidence>div>span{font-size:14px;color:#7fa6d8}
.exp-evidence strong{font-size:17px;line-height:1.5;font-weight:500;flex:1;color:#d9e8fc}
.exp-evidence .icon{width:20px;height:20px;color:#90b8ed}
.exp-evidence small{display:block;margin-top:20px;color:#92afd5}
.exp-inline-action{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:35px}
.exp-inline-action p{max-width:740px;margin:0;font-size:17px}
.exp-inline-action .button{flex-shrink:0}

/* Services: a three-lane handoff, with scope stated alongside the visual. */
.exp-handoff{background:radial-gradient(ellipse at 50% 40%,rgba(47,92,166,.08),transparent 65%),#081321}
.exp-handoff-track{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;position:relative;margin-top:45px}
.exp-handoff-card{position:relative;border:1px solid #365980;border-radius:16px;background:linear-gradient(145deg,#142c4b,#0b1a2e);padding:30px;display:flex;flex-direction:column}
.exp-handoff-card:not(:last-child)::after{content:'→';position:absolute;z-index:1;right:-21px;top:70px;font-size:24px;color:#94bffb;background:#081321;width:20px;text-align:center}
.exp-handoff-step{position:absolute;right:27px;top:28px;font-size:14px;color:#88addd}
.exp-handoff-icon{width:50px;height:50px;display:grid;place-items:center;background:#203e65;border:1px solid #4c76aa;border-radius:13px;color:#9fc9ff;margin-bottom:25px}
.exp-handoff-card p{font-size:17px}
.exp-handoff-card>strong{font-size:16px;font-weight:500;color:#b7d3f7;border-top:1px solid #355473;padding-top:21px;margin-top:auto;line-height:1.6}
.exp-boundary{display:flex;align-items:start;gap:22px;padding:32px 0;border-bottom:1px solid #2d486b;margin-top:14px}
.exp-boundary>span{display:grid;place-items:center;width:48px;height:48px;flex-shrink:0;border:1px solid #3d6497;border-radius:50%;color:#8bb6f3}
.exp-boundary h3{font-size:23px}
.exp-boundary p{font-size:17px;max-width:970px;margin:0}

/* Resources: a functional, accessible preparation checklist. */
.exp-planner{background:linear-gradient(120deg,#0a1728,#10223c)}
.exp-planner-intro{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:38px}
.exp-planner-intro .exp-heading{margin:0;max-width:800px}
.exp-planner-intro>.text-link{max-width:250px;flex-shrink:0}
.exp-priorities{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.exp-priority{display:flex;align-items:start;gap:17px;padding:27px;border:1px solid #3b5a83;border-radius:13px;background:#0b1c31;cursor:pointer;transition:background .25s,border-color .25s}
.exp-priority:hover,.exp-priority:focus-within{border-color:#7ea9e8;background:#132b49}
.exp-priority:has(input:checked){border-color:#8db9f5;background:linear-gradient(120deg,#1d3e67,#122945)}
.exp-priority input{width:21px;height:21px;margin:4px 0 0;accent-color:#9ac5ff;flex-shrink:0;cursor:pointer}
.exp-priority-copy strong{font-size:21px;line-height:1.35;display:block;color:#e1edff;margin-bottom:11px;font-weight:500}
.exp-priority-copy>span{display:block;color:#a9c0df;font-size:17px;line-height:1.75}
.exp-planner-footer{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-top:30px;margin-top:30px;border-top:1px solid #345379}
.exp-planner-footer p{margin:0;font-size:16px;color:#b3cff2}

/* Why AelfaCred: a full new editorial page with an evidence-oriented matrix. */
.exp-hero{padding-top:125px;background:radial-gradient(ellipse at 90% 30%,rgba(48,104,202,.16),transparent 55%),#07111f}
.exp-hero-copy{max-width:950px}
.exp-hero-copy h1{font-size:clamp(40px,5vw,72px);line-height:1.1;letter-spacing:-.05em}
.exp-hero-copy p:not(.eyebrow){max-width:800px;font-size:19px;line-height:1.8}
.exp-purpose-rail{display:flex;align-items:center;gap:25px;margin-top:58px;padding-top:26px;border-top:1px solid #2c4a73;color:#a6c5ed;font-size:16px}
.exp-purpose-rail i{flex:1;height:1px;background:linear-gradient(90deg,#6fa7ff,#264369)}
.exp-people{background:#0a1626}
.exp-story-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:60px}
.exp-story-columns>div{border-top:1px solid #476c9c;padding-top:28px}
.exp-story-columns p{font-size:18px}
.exp-qway{background:#07111e}
.exp-handoff-note{padding:36px;border:1px solid #48729f;border-radius:18px;background:radial-gradient(ellipse at 90% 0,rgba(93,151,238,.15),transparent 65%),#11243d}
.exp-handoff-note h3{font-size:35px;line-height:1.2;letter-spacing:-.035em;margin-bottom:28px}
.exp-handoff-note h3 span{color:#8fbaff}
.exp-handoff-note ul{list-style:none;margin:0 0 24px;padding:0;display:grid;gap:15px}
.exp-handoff-note li{position:relative;padding-left:22px;font-size:17px;line-height:1.7;color:#b4cce9}
.exp-handoff-note li::before{content:'✓';position:absolute;left:0;color:#91bdf8}
.exp-handoff-note small{display:block;padding-top:20px;border-top:1px solid #3a5d89;color:#8faed6}
.exp-evaluation{background:#0b1728}
.exp-evaluation-table{border:1px solid #3b5c88;border-radius:16px;overflow:hidden}
.exp-evaluation-head,.exp-evaluation-row{display:grid;grid-template-columns:.75fr 1.1fr 1.25fr;gap:27px;padding:24px 27px}
.exp-evaluation-head{background:#1b365a;color:#cee0f9;font-size:15px;font-weight:600}
.exp-evaluation-row{border-top:1px solid #2b476b;background:#0c1c30;transition:background .25s}
.exp-evaluation-row:hover{background:#132c4b}
.exp-evaluation-row>strong{font-size:18px;font-weight:500;color:#dae8fc;line-height:1.6}
.exp-evaluation-row>span{font-size:17px;line-height:1.8;color:#a8c0e0}
.exp-section .exp-evaluation-note{font-size:16px;margin:27px 0 0;color:#96b2d8}
.exp-final{background:radial-gradient(ellipse at 80% 50%,rgba(40,96,192,.15),transparent 65%),#091526}
.exp-final-copy{max-width:900px}
.exp-final-copy>p:not(.eyebrow){max-width:790px}
@keyframes exp-packet{to{stroke-dashoffset:-100}}

@media(max-width:1100px){
 .exp-split,.exp-story-layout{gap:35px}.exp-board-heading{flex-wrap:wrap}.exp-board-heading small{max-width:none;text-align:left}
 .exp-purpose-statement{padding:29px}.exp-panel{padding:28px;gap:28px}.exp-evidence{padding:22px}.exp-handoff-card{padding:25px}
 .exp-inline-action{flex-direction:column;align-items:start}.exp-planner-intro{flex-direction:column;align-items:start;gap:20px}
 .exp-evaluation-head,.exp-evaluation-row{gap:20px;padding:23px}
}
@media(max-width:800px){
 .exp-split,.exp-story-layout,.exp-story-columns{grid-template-columns:1fr;gap:35px}.exp-purpose-statement{position:relative;top:auto;min-height:0}
 .exp-purpose-statement>strong{font-size:36px}.exp-panel{grid-template-columns:1fr;gap:28px}.exp-tabs button{padding:19px 17px;gap:10px;font-size:16px}
 .exp-handoff-track{grid-template-columns:1fr;gap:20px}.exp-handoff-card:not(:last-child)::after{right:26px;top:auto;bottom:-23px;transform:rotate(90deg);width:24px}
 .exp-priorities{grid-template-columns:1fr}.exp-planner-footer{align-items:start;flex-direction:column;gap:20px}
 .exp-evaluation-head{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.exp-evaluation-row{grid-template-columns:1fr;gap:12px;padding:25px}.exp-evaluation-row>strong{font-size:21px}
 .exp-purpose-rail{flex-wrap:wrap;gap:15px;font-size:15px}.exp-purpose-rail i{min-width:18px}
}
@media(max-width:480px){
 .exp-section h2{font-size:33px}.exp-section h3{font-size:23px}.exp-section p{font-size:17px}.exp-section .eyebrow{font-size:14px}
 .exp-heading{margin-bottom:30px}.exp-board-heading{padding:22px}.exp-board-row{padding:24px 20px;grid-template-columns:24px minmax(0,1fr);gap:12px}.exp-board-row>.icon{display:none}
 .exp-board-row h3{font-size:21px}.exp-board-foot{padding:22px 20px;font-size:14px;gap:9px}
 .exp-purpose-statement{padding:29px}.exp-purpose-statement>strong{font-size:32px}.exp-purpose-statement img{width:115px}
 .exp-tabs{grid-template-columns:1fr}.exp-tabs button{border-right:0;border-bottom:1px solid #315175;padding:16px 22px}.exp-tabs button:last-child{border-bottom:0}
 .exp-panel{padding:25px 21px}.exp-panel-copy h3{font-size:25px}.exp-demo-prompt p{font-size:16px}.exp-evidence{padding:22px 18px}.exp-evidence>div{gap:10px}
 .exp-handoff-card{padding:27px 24px}.exp-boundary{gap:15px}.exp-boundary>span{width:35px;height:35px}.exp-boundary h3{font-size:22px}
 .exp-priority{padding:24px 20px;gap:13px}.exp-priority-copy strong{font-size:20px}.exp-priority-copy>span{font-size:16px}
 .exp-hero{padding-top:110px}.exp-hero-copy h1{font-size:39px}.exp-hero-copy p:not(.eyebrow){font-size:18px}
 .exp-purpose-rail{flex-direction:column;align-items:start;margin-top:35px}.exp-purpose-rail i{width:38px;flex:none}
 .exp-handoff-note{padding:28px 24px}.exp-handoff-note h3{font-size:31px}.exp-handoff-note li{font-size:16px}
 .exp-evaluation-row{padding:25px 21px}.exp-evaluation-row>span{font-size:16px}
 .exp-section .button{max-width:100%;min-width:0;overflow-wrap:anywhere}.exp-section .text-link{max-width:100%;min-width:0;overflow-wrap:anywhere}
}
@media(prefers-reduced-motion:reduce){.exp-section *,.exp-section *::before,.exp-section *::after{animation:none!important;transition:none!important}.exp-ribbon .exp-packet{display:none}}
@media(max-width:800px){.exp-compare .exp-evaluation-row>span::before{content:attr(data-label);display:block;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:#7fa5d8;margin-bottom:4px}}


/* Why AelfaCred: reserve the full content width and keep the title to two lines. */
.exp-hero-copy { width: 100%; max-width: none; }
.exp-hero-copy .why-aelfacred-title {
  width: 100%;
  max-width: 100%;
  font-size: clamp(32px, 4.15vw, 58px);
  line-height: 1.08;
  letter-spacing: -.045em;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin: 12px 0 24px;
}
.why-aelfacred-title .why-title-first,
.why-aelfacred-title .why-title-second { display: block; width: 100%; }
.why-aelfacred-title .why-title-second { white-space: nowrap; }
@media(max-width: 800px) {
  .exp-hero-copy .why-aelfacred-title { font-size: clamp(29px, 5.8vw, 42px); }
  .why-aelfacred-title .why-title-second { white-space: normal; }
}

/* The page eyebrow already identifies the page; keep the title focused on the benefit. */
.exp-hero-copy .why-aelfacred-title { display:block; max-width:1120px; width:100%; font-size:clamp(38px,4.6vw,64px); line-height:1.08; }
.why-aelfacred-title .why-title-second { display:block; width:100%; white-space:normal; }
@media(max-width:800px) { .exp-hero-copy .why-aelfacred-title { font-size:clamp(32px,7vw,44px); } }

/* Why AelfaCred: the three "technology / design / support" sections each carry a matching side accent
   (a glowing rail plus a soft orb), alternating left and right. Purely decorative. */
.why-side>.container{position:relative;z-index:1}
.why-side::before{content:"";position:absolute;top:10%;bottom:10%;width:3px;border-radius:3px;z-index:0;pointer-events:none;background:linear-gradient(180deg,transparent,rgba(111,167,255,.75) 20%,rgba(185,215,255,.9) 50%,rgba(111,167,255,.75) 80%,transparent);box-shadow:0 0 22px rgba(111,167,255,.45)}
.why-side::after{content:"";position:absolute;top:50%;width:420px;height:420px;margin-top:-210px;border-radius:50%;z-index:0;pointer-events:none;background:radial-gradient(circle,rgba(111,167,255,.17),rgba(111,167,255,0) 68%);animation:whySideGlow 7s ease-in-out infinite}
.why-side-left::before{left:max(14px,calc((100vw - 1200px)/4))}
.why-side-left::after{left:-210px}
.why-side-right::before{right:max(14px,calc((100vw - 1200px)/4))}
.why-side-right::after{right:-210px}
.why-side-right{background:linear-gradient(90deg,rgba(9,19,33,0),rgba(9,19,33,.9))}
.why-side-left{background:linear-gradient(270deg,rgba(9,19,33,0),rgba(9,19,33,.9))}
@keyframes whySideGlow{0%,100%{opacity:.55;transform:scale(.95)}50%{opacity:1;transform:scale(1.08)}}
@media (max-width:900px){.why-side::before{display:none}.why-side::after{width:260px;height:260px;margin-top:-130px}}
@media (prefers-reduced-motion:reduce){.why-side::after{animation:none}}

/* ===== Why AelfaCred hero: copy on the left, dashboard illustration on the right ===== */
.exp-hero.why-hero { padding-top: 118px; padding-bottom: clamp(56px, 6vw, 96px); position: relative; overflow: hidden;
  background:
    radial-gradient(ellipse 60% 70% at 82% 38%, rgba(30, 92, 214, .52), transparent 62%),
    radial-gradient(ellipse 50% 45% at 55% 100%, rgba(22, 70, 170, .28), transparent 70%),
    linear-gradient(160deg, #050d1f 0%, #07142e 55%, #061022 100%); }
.why-hero .breadcrumbs { font-size: 16px; margin-bottom: clamp(26px, 3vw, 44px); }
.why-hero-grid { display: grid; grid-template-columns: minmax(0, 1.04fr) minmax(0, .96fr); gap: clamp(28px, 3.5vw, 64px); align-items: center; }
.why-hero .exp-hero-copy { max-width: none; width: auto; }
.why-hero .exp-hero-copy .eyebrow { margin: 0 0 clamp(18px, 2vw, 28px); font-size: 15px; font-weight: 800; letter-spacing: .14em; color: #6aa8ff; }
.why-hero .exp-hero-copy .why-aelfacred-title { display: block; max-width: none; width: auto; margin: 0 0 clamp(24px, 2.6vw, 36px);
  font-size: clamp(42px, 5.3vw, 78px); line-height: 1.04; letter-spacing: -.045em; color: #fff; }
.why-hero .why-aelfacred-title .why-line { display: block; white-space: nowrap; }
.why-hero .why-aelfacred-title b { font-weight: inherit; color: #5f9fff; }
.why-hero .exp-hero-copy p:not(.eyebrow) { max-width: 660px; margin: 0 0 22px; font-size: clamp(18px, 1.4vw, 21px); line-height: 1.7; color: #d6e3f5; }
.why-hero .exp-hero-copy .actions { margin-top: 30px; }

.why-hero-visual { position: relative; margin: 0 -3% 0 0; width: 103%; aspect-ratio: 1 / 1.02; container-type: inline-size; }
.why-orbit { position: absolute; inset: 1%; width: 98%; height: 98%; overflow: visible; }
.why-orbit-ring { stroke: rgba(86, 156, 255, .45); stroke-width: 1.3; stroke-dasharray: 3 7; }
.why-orbit-spin { transform-box: view-box; transform-origin: 300px 300px; animation: whyOrbit 46s linear infinite; }
.why-orbit-dot { fill: #4aa6ff; filter: drop-shadow(0 0 7px #4aa6ff) drop-shadow(0 0 14px rgba(74, 166, 255, .8)); }
.why-orbit-dot-b { fill: #5fd0ff; }
.why-glow { position: absolute; left: 6%; top: 28%; width: 82%; height: 62%; border-radius: 50%; pointer-events: none;
  background: radial-gradient(ellipse, rgba(38, 118, 255, .42), transparent 68%); filter: blur(22px); animation: whyGlow 6s ease-in-out infinite; }

.why-laptop { position: absolute; left: 0; top: 35%; width: 82%; transform-style: preserve-3d;
  transform: perspective(1500px) rotateY(-20deg) rotateX(7deg) rotateZ(-4.5deg); transform-origin: 50% 60%; }
.why-screen { position: relative; aspect-ratio: 1.58; padding: 1cqw; border-radius: 1.9cqw; background: #091329; border: .6cqw solid #1d2740;
  box-shadow: 0 0 0 1px rgba(160, 190, 235, .28), 0 2.4cqw 6cqw rgba(0, 0, 0, .6), 0 0 7cqw rgba(32, 104, 235, .38); overflow: hidden; }
.why-screen::after { content: ""; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(118deg, rgba(255, 255, 255, .08), transparent 38%); }
.why-screen-brand { padding: .9cqw 1.3cqw; font-size: 1.75cqw; font-weight: 600; letter-spacing: .01em; color: #d3e3f9; }
.why-screen-body { display: grid; grid-template-columns: 4.6cqw minmax(0, 1fr); gap: 1.2cqw; height: calc(100% - 4.2cqw); }
.why-screen-side i { display: block; height: 1.1cqw; margin: 1.5cqw .6cqw; border-radius: .6cqw; background: rgba(122, 164, 226, .34); }
.why-screen-main { display: grid; grid-template-rows: auto 1fr 1.25fr; gap: 1cqw; min-width: 0; }
.why-panel { min-width: 0; padding: 1cqw 1.2cqw; border-radius: 1cqw; border: 1px solid rgba(112, 162, 232, .2); background: linear-gradient(160deg, #132647, #0b1932); }
.why-status b { font-size: 1.45cqw; font-weight: 600; color: #e1ecfc; }
.why-steps { display: flex; align-items: center; margin: 1cqw 0 .8cqw; }
.why-steps span { display: grid; place-items: center; flex: none; width: 2.9cqw; height: 2.9cqw; border: .25cqw solid #33e59f; border-radius: 50%; font-size: 1.5cqw; color: #33e59f; }
.why-steps u { flex: 1; height: .25cqw; background: #33e59f; opacity: .75; }
.why-steps em { width: 0; height: 0; margin-left: .5cqw; border-left: 1.2cqw solid #4aa6ff; border-top: .65cqw solid transparent; border-bottom: .65cqw solid transparent; }
.why-step-lines { display: grid; grid-template-columns: repeat(5, 1fr); gap: 1.6cqw; }
.why-step-lines i { height: .5cqw; border-radius: 1cqw; background: #2a7f70; }
.why-panel-row { display: grid; grid-template-columns: 1.45fr 1fr; gap: 1cqw; min-height: 0; }
.why-profile { display: flex; align-items: center; gap: 1.2cqw; }
.why-avatar { flex: none; width: 4cqw; height: 4cqw; border-radius: 50%; background: radial-gradient(circle at 50% 38%, #fff 0 .7cqw, #4aa6ff .8cqw 100%); box-shadow: 0 0 1.6cqw rgba(74, 166, 255, .6); }
.why-profile div { flex: 1; display: grid; gap: .8cqw; }
.why-profile i { display: block; height: .6cqw; border-radius: 1cqw; background: rgba(166, 196, 240, .34); }
.why-profile i:last-child { width: 68%; }
.why-minibars { display: flex; align-items: flex-end; gap: .9cqw; }
.why-minibars i { flex: 1; border-radius: .3cqw .3cqw 0 0; background: linear-gradient(#58adff, #1f5fd0); }
.why-minibars i:nth-child(1) { height: 40%; } .why-minibars i:nth-child(2) { height: 72%; } .why-minibars i:nth-child(3) { height: 52%; } .why-minibars i:nth-child(4) { height: 92%; }
.why-list { display: grid; align-content: space-evenly; }
.why-list div { display: grid; grid-template-columns: 1.1cqw 1fr 4.4cqw 1.4cqw; align-items: center; gap: .9cqw; }
.why-list s { width: 1.1cqw; height: 1.1cqw; border: .22cqw solid #6aa6ee; border-radius: 50%; }
.why-list i { height: .55cqw; border-radius: 1cqw; background: rgba(166, 196, 240, .34); }
.why-list em { height: .7cqw; border-radius: 1cqw; background: linear-gradient(90deg, #f2b72f 0 55%, #33e59f 55% 100%); }
.why-list span { font-size: 1.3cqw; color: #33e59f; }
.why-donut { display: grid; place-items: center; }
.why-donut span { width: 8.2cqw; height: 8.2cqw; border-radius: 50%; background: conic-gradient(#2f93ff 0 64%, #1c3258 64% 100%);
  -webkit-mask: radial-gradient(circle, transparent 54%, #000 56%); mask: radial-gradient(circle, transparent 54%, #000 56%); }
.why-deck { position: relative; width: 108%; height: 5.2cqw; margin-left: -4%; margin-top: .4cqw; border-radius: .6cqw .6cqw 3cqw 3cqw / .6cqw .6cqw 2cqw 2cqw;
  background: linear-gradient(#dfe5ef, #9aa5b8 60%, #6e7a8f); box-shadow: 0 3cqw 5cqw rgba(0, 0, 0, .55), 0 1cqw 6cqw rgba(40, 120, 255, .35); }
.why-deck i { position: absolute; left: 50%; top: 0; width: 13%; height: 1.3cqw; transform: translateX(-50%); border-radius: 0 0 1.2cqw 1.2cqw; background: rgba(60, 72, 96, .38); }

.why-float { position: absolute; display: flex; align-items: flex-start; gap: 2cqw;
  padding: 2.6cqw 2.8cqw; border-radius: 2.4cqw; color: #fff; border: 1px solid rgba(118, 182, 255, .6);
  background: linear-gradient(145deg, rgba(44, 118, 236, .36), rgba(14, 40, 98, .55));
  -webkit-backdrop-filter: blur(7px); backdrop-filter: blur(7px);
  box-shadow: 0 0 3cqw rgba(48, 128, 255, .38), inset 0 1px rgba(255, 255, 255, .18); animation: whyBob 7s ease-in-out infinite; }
.why-float strong { font-size: clamp(16px, 3.1cqw, 28px); line-height: 1.22; font-weight: 600; letter-spacing: -.01em; padding-top: .4cqw; }
.why-float-icon { flex: none; display: grid; place-items: center; width: 7.2cqw; height: 7.2cqw; border-radius: 50%; color: #8fd0ff; background: rgba(34, 98, 200, .55); border: 1px solid rgba(130, 190, 255, .55); box-shadow: 0 0 2cqw rgba(60, 140, 255, .5); }
.why-float-icon svg { width: 56%; height: 56%; }
.why-chart { position: absolute; height: auto; }
.why-arrow-line { stroke: #5fd0ff; stroke-width: 3; stroke-linecap: round; fill: none; filter: drop-shadow(0 0 4px rgba(95, 208, 255, .8)); }
.why-float-revenue { top: 3%; right: 1%; width: 49%; aspect-ratio: 1.85; transform: perspective(1200px) rotateY(-9deg) rotateZ(2.5deg); }
.why-float-revenue .why-chart { right: 6%; bottom: 8%; width: 60%; }
.why-float-denials { top: 47%; right: -3%; width: 42%; aspect-ratio: 1.12; transform: perspective(1200px) rotateY(-9deg) rotateZ(-2deg); animation-delay: -3.2s; }
.why-float-denials .why-chart { left: 9%; bottom: 8%; width: 82%; }

@keyframes whyOrbit { to { transform: rotate(360deg); } }
@keyframes whyGlow { 0%, 100% { opacity: .7; } 50% { opacity: 1; } }
@keyframes whyBob { 0%, 100% { translate: 0 0; } 50% { translate: 0 -1.1cqw; } }
@media (max-width: 980px) {
  .why-hero-grid { grid-template-columns: 1fr; gap: 36px; }
  .why-hero-visual { max-width: 680px; width: 100%; margin: 0 auto; }
  .why-hero .why-aelfacred-title .why-line { white-space: normal; }
}
@media (max-width: 600px) {
  .exp-hero.why-hero { padding-top: 100px; }
  .why-hero .exp-hero-copy .why-aelfacred-title { font-size: clamp(34px, 10vw, 46px); }
  .why-hero .exp-hero-copy p:not(.eyebrow) { font-size: 17px; }
  .why-float { padding: 2.2cqw 2.4cqw; border-radius: 3cqw; gap: 1.6cqw; }
  .why-float strong { font-size: clamp(12px, 3.9cqw, 20px); }
  .why-float-revenue { width: 58%; top: 2%; right: 1%; }
  .why-float-denials { width: 52%; top: 48%; right: -1%; }
  .why-laptop { left: 0; top: 30%; width: 72%; }
}
@media (prefers-reduced-motion: reduce) { .why-orbit-spin, .why-glow, .why-float { animation: none !important; } }