/* Shared material language: opal edges, suspended glass and deliberate motion. */
.after-heading { margin-bottom:56px; }
.after-title { font-weight:550; }
.benefit-visual { border-radius:22px; }
.benefit-overlay {
  border:1px solid #ffffffb8; border-radius:24px; border-left-width:1px;
  background:linear-gradient(135deg,#fffffff2,#f3f6fce3 58%,#dce5f8e6);
  backdrop-filter:blur(22px) saturate(1.15);
  box-shadow:inset 0 1px 0 #fff,0 24px 70px #0b102029,0 0 0 1px #0b102010;
  padding:28px 28px 23px; width:330px;
}
.benefit-overlay::before {
  content:''; position:absolute; pointer-events:none; inset:-1px; border-radius:inherit;
  border:1px solid transparent; background:linear-gradient(145deg,#fff,transparent 34%,#b3c7ff88 69%,#fff) border-box;
  mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0); mask-composite:exclude;
}
.benefit-overlay-brand { align-items:center; gap:12px; margin-bottom:28px; }
.benefit-overlay-brand>i {
  order:-1; margin:0 1px 0 0; width:27px; height:27px; flex-shrink:0;
  background:radial-gradient(circle at 30% 22%,#fff 0%,#dce8ff 30%,#799bf1 62%,#3e5daa 88%);
  border:1px solid #ffffffd9; box-shadow:inset 1px 1px 5px #fff,0 3px 8px #17377626;
}
.benefit-overlay-brand>span { font-weight:550; font-size:21px; }
.benefit-overlay-brand>small { font-size:7px; margin-left:auto; letter-spacing:.08em; }
.benefit-overlay h3 { font-size:31px; font-weight:500; }
.clarity-overlay { right:5%; bottom:48px; }
.clarity-comparison { margin-top:20px; display:grid; gap:5px; }
.clarity-comparison>span { display:block; height:4px; border-radius:4px; transform-origin:left; }
.clarity-comparison>span:first-child { width:96.59%; background:linear-gradient(90deg,#3157ff,#91adff); }
.clarity-comparison>span:last-child { width:100%; background:linear-gradient(90deg,#a6afc1,#ddbe97); }
.benefit-overlay .clarity-impact { border-top:0; padding-top:0; margin-top:17px; }
.loop-track { margin-top:22px; }
.loop-step { min-height:94px; }
.loop-step::after { height:2px; background:linear-gradient(90deg,#3157ff,#9bb5ff); }
.loop-explanation { padding-top:35px; }
.loop-section .phase-content { min-height:246px; }
.approval-overlay {
  left:5%; bottom:45px; color:#fff;
  border-color:#edf3ff80;
  background:linear-gradient(135deg,#102340d9,#142039e8 65%,#273b5be6);
  box-shadow:inset 0 1px 0 #ffffff40,0 24px 70px #04091440;
}
.approval-overlay :is(h3,.benefit-overlay-brand>span) { color:#fff; }
.approval-overlay :is(.benefit-overlay-kicker,.benefit-overlay-brand>small,.approval-values small,.approval-next) { color:#c4cfe2; }
.approval-values>div:first-child strong { color:#ffcf9a; }
.approval-values>div:last-child strong { color:#bfd3ff; }
.approval-separator { color:#dae5ff45; }
.approval-overlay .approval-state { color:#ffe1b9; background:#efbc7f0e; border-left:0; border-top:1px solid #d8e5ff30; border-radius:0; padding:16px 0 0; }
.approval-state>span { color:#ffcf9a; }
.system-rules { margin-top:48px; gap:40px; }
.system-rule::before { content:''; display:block; width:26px; height:2px; margin-bottom:22px; background:linear-gradient(90deg,#a5bfff,#a5bfff18); }
.system-rule h3 { font-weight:500; }
.setup-section { position:relative; overflow:hidden; isolation:isolate; background:#1536bd; }
.setup-section::before {
  content:''; position:absolute; z-index:-1; width:min(1300px,130vw); aspect-ratio:1;
  right:-39%; top:-54%; border-radius:50%; pointer-events:none;
  border:1px solid #d7e3ff2b;
  background:radial-gradient(ellipse at 27% 22%,#94b7ff50,transparent 51%),linear-gradient(145deg,#6c95ff29,transparent 68%);
  box-shadow:inset 15px 9px 45px #aec7ff19,-10px -5px 90px #7395ff14;
}
.setup-section::after { content:''; position:absolute; z-index:-1; inset:0; background:linear-gradient(135deg,transparent 40%,#071c7026); pointer-events:none; }
.setup-content .after-title { font-size:clamp(40px,4.2vw,61px); font-weight:500; line-height:1.1; }
.setup-content .after-title>span { opacity:1; color:#cad8ff; }
.setup-steps { border-top:0; }
.setup-steps>li { border-color:#c7d7ff33; padding:23px 0; }
.setup-steps h3 { font-weight:500; }
.setup-steps p { opacity:.8; }
.benefit-partnership { border-radius:180px 180px 22px 22px; box-shadow:0 35px 70px #06134835; }
.setup-section .setup-cta { border-radius:12px; }

/* A one-time arrival, with the content immediately available without JavaScript. */
@media(prefers-reduced-motion:no-preference) {
  .benefit-visual.spatial-arrival>.benefit-overlay { animation:one-glass-arrival 1.25s cubic-bezier(.19,1,.22,1) both; }
  .benefit-visual.spatial-arrival .clarity-comparison>span { animation:one-measure-arrival 1.6s cubic-bezier(.22,.7,.22,1) .2s both; }
  .phase-content { animation:one-phase-arrival .65s ease both; }
}
@keyframes one-glass-arrival { from { opacity:0; transform:translate3d(0,24px,0); } to { opacity:1; transform:translate3d(0,0,0); } }
@keyframes one-measure-arrival { from { transform:scaleX(.08); } to { transform:scaleX(1); } }
@keyframes one-phase-arrival { from { opacity:.25; transform:translateY(7px); } to { opacity:1; transform:none; } }
@media(max-width:1100px) {
  .benefit-overlay { width:292px; padding:24px; }
  .benefit-overlay h3 { font-size:28px; }
  .benefit-overlay-brand { gap:8px; }
  .benefit-overlay-brand>small { font-size:6px; }
  .system-rules { gap:24px; }
  .setup-content .after-title { font-size:40px; }
}
@media(max-width:700px) {
  .after-heading { margin-bottom:32px; }
  .benefit-visual { border-radius:19px; }
  .benefit-clarity,.benefit-team { padding-bottom:20px; background:#eaf0fa; }
  .benefit-team { background:#101b30; }
  .benefit-clarity>img,.benefit-team>img { height:320px; }
  .benefit-overlay { width:calc(100% - 28px); margin:-44px auto 0; inset:auto; padding:24px; border:1px solid #ffffffc9; border-radius:20px; }
  .approval-overlay { border-color:#edf3ff66; }
  .benefit-overlay h3 { font-size:30px; }
  .benefit-overlay-brand>small { font-size:7px; }
  .loop-section .phase-content { min-height:228px; }
  .loop-track { margin-top:8px; }
  .loop-step { min-height:80px; }
  .system-rules { margin-top:30px; }
  .system-rule::before { display:none; }
  .setup-content .after-title { font-size:clamp(39px,10vw,48px); }
  .benefit-partnership { border-radius:120px 120px 18px 18px; }
  .setup-section::before { width:900px; top:25%; right:-650px; }
}