/* Visitor guide directly after the cockpit. */
.aqw-story{position:relative;padding:88px 0 76px;background:radial-gradient(700px 420px at 92% 2%,rgba(83,190,215,.11),transparent 72%),linear-gradient(180deg,#071821 0%,#06131b 100%);border-top:1px solid rgba(94,217,211,.2);color:#edf8f8}
.aqw-story:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#68e3d6 35%,#bd80d7 65%,transparent);opacity:.5}
.aqw-story a{text-decoration:none}
.aqw-story-lead{display:grid;grid-template-columns:minmax(0,1.22fr) minmax(330px,.78fr);gap:clamp(24px,5vw,72px);align-items:center}
.aqw-story-kicker,.aqw-story-start-label,.aqw-story-section-heading>span{display:block;color:#76e6d5;font-size:11px;letter-spacing:.18em;font-weight:900}
.aqw-story-kicker:before{content:"";display:inline-block;width:22px;height:1px;background:currentColor;margin:0 11px 4px 0}
.aqw-story-intro h2{max-width:790px;margin:18px 0 19px;font-size:clamp(36px,4.7vw,64px);line-height:1.06;letter-spacing:-.055em;color:#f3fbfc}
.aqw-story-intro>p{max-width:680px;margin:0;color:#afc8d2;font-size:clamp(15px,1.3vw,18px);line-height:1.7}
.aqw-story-actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px 23px;margin-top:29px}
.aqw-story-primary{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;min-height:52px;padding:12px 18px;border:1px solid #6ce6d5;border-radius:12px;background:#66e2d1;box-shadow:0 10px 30px rgba(55,211,196,.16);color:#04242b;font-weight:900;font-size:14px;transition:background .2s,transform .2s,box-shadow .2s}
.aqw-story-primary:hover{background:#95f2e5;transform:translateY(-2px);box-shadow:0 14px 36px rgba(55,211,196,.25)}
.aqw-story-secondary{color:#d7f7f1;font-size:13px;font-weight:750;border-bottom:1px solid rgba(119,225,214,.45);padding:8px 0}
.aqw-story-secondary:hover{color:#78eddb}
.aqw-story-start{padding:25px 28px 23px;border:1px solid rgba(128,203,218,.22);border-radius:20px;background:linear-gradient(145deg,rgba(19,46,57,.88),rgba(5,20,30,.95));box-shadow:0 25px 55px rgba(0,0,0,.16)}
.aqw-story-start h3{margin:10px 0 21px;font-size:clamp(21px,2vw,27px);line-height:1.24;letter-spacing:-.03em;color:#f4fbfc}
.aqw-story-start ol{list-style:none;margin:0;padding:0}
.aqw-story-start li{border-top:1px solid rgba(141,199,211,.16)}
.aqw-story-start li a{display:grid;grid-template-columns:27px 1fr 14px;gap:11px;align-items:start;padding:14px 0;color:#d9e9ed;line-height:1.45;font-size:13px}
.aqw-story-start li a:hover{color:#78efdc}
.aqw-story-start li b{font-size:10px;color:#77e5d4;padding-top:3px}
.aqw-story-start li a span:last-child{color:#77e5d4}
.aqw-story-explore{margin-top:70px}
.aqw-story-section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:18px}
.aqw-story-section-heading h3{margin:0;font-size:clamp(23px,2.8vw,35px);letter-spacing:-.035em;line-height:1.18}
.aqw-story-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.aqw-story-grid>a{min-width:0;display:flex;flex-direction:column;align-items:flex-start;min-height:243px;padding:20px 22px 17px;border:1px solid rgba(125,192,206,.2);border-radius:16px;background:linear-gradient(155deg,rgba(18,43,56,.92),rgba(6,24,33,.96));color:#d4e9ed;transition:transform .2s,border-color .2s,background .2s}
.aqw-story-grid>a:hover{transform:translateY(-3px);border-color:rgba(98,232,216,.62);background:linear-gradient(155deg,rgba(22,55,67,.96),rgba(8,29,39,.98))}
.aqw-story-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:rgba(94,222,213,.13);color:#78ebd9;font-size:23px;line-height:1}
.aqw-story-grid small{display:block;margin:17px 0 7px;color:#79c8c8;font-size:9px;font-weight:850;letter-spacing:.12em}
.aqw-story-grid strong{font-size:17px;line-height:1.34;letter-spacing:-.02em;color:#f0fafa}
.aqw-story-grid>a>span:nth-last-of-type(1){display:block;margin:8px 0 14px;font-size:12px;line-height:1.55;color:#abc2cb}
.aqw-story-grid em{font-size:11px;color:#78e8d9;font-style:normal;font-weight:850;margin-top:auto}
.aqw-story-help{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:17px;padding:16px 20px;border:1px solid rgba(205,183,121,.2);border-radius:13px;background:rgba(199,166,93,.055)}
.aqw-story-help div{display:flex;gap:12px;align-items:baseline;flex-wrap:wrap}.aqw-story-help b{color:#eedfb7;font-size:12px}.aqw-story-help span{color:#b8cbd1;font-size:12px}.aqw-story-help-links{justify-content:flex-end}.aqw-story-help a{flex:none;color:#efdcaf;font-size:12px;font-weight:850}.aqw-story-help a:hover{text-decoration:underline}
.aqw-story a:focus-visible{outline:2px solid #f2ce7b;outline-offset:4px}
/* Keep the next section a choice of routes, not another dashboard. */
.aqw-story+.aqw-paths{padding-top:65px}
.aqw-story+.aqw-paths .aqw-paths-status{display:none}
.aqw-story+.aqw-paths .aqw-path-card-top{margin-bottom:12px}
.aqw-story+.aqw-paths .aqw-path-card{padding:20px 19px 17px}
.aqw-story+.aqw-paths .aqw-path-card p{min-height:62px;margin-bottom:14px}
.aqw-story+.aqw-paths .aqw-path-steps{margin-bottom:12px}
.aqw-story+.aqw-paths .aqw-path-badge{display:none}
@media(max-width:950px){.aqw-story-lead{grid-template-columns:1fr}.aqw-story-start{max-width:none}.aqw-story-explore{margin-top:48px}}
@media(max-width:650px){.aqw-story{padding:59px 0 54px}.aqw-story-intro h2{font-size:clamp(35px,10vw,49px)}.aqw-story-intro>p{font-size:15px}.aqw-story-actions{align-items:stretch;gap:8px 16px}.aqw-story-primary{width:100%}.aqw-story-start{padding:21px}.aqw-story-section-heading{display:block}.aqw-story-section-heading h3{margin-top:8px}.aqw-story-grid{grid-template-columns:1fr}.aqw-story-grid>a{min-height:0;padding:18px}.aqw-story-grid small{margin-top:12px}.aqw-story-grid>a>span:nth-last-of-type(1){margin-bottom:13px}.aqw-story-help{display:block}.aqw-story-help a{display:inline-block;margin-top:12px}.aqw-story+.aqw-paths{padding-top:52px}}
@media(prefers-reduced-motion:reduce){.aqw-story-primary,.aqw-story-grid>a{transition:none}.aqw-story-primary:hover,.aqw-story-grid>a:hover{transform:none}}

/* Visual rhythm between the cockpit and the visitor's first decisions. */
.aqw-story{
  isolation:isolate;
  overflow:hidden;
  padding-top:clamp(70px,7vw,96px);
  background:
    radial-gradient(680px 520px at 105% 4%,rgba(69,169,218,.13),transparent 72%),
    radial-gradient(540px 340px at -12% 90%,rgba(74,219,199,.07),transparent 76%),
    linear-gradient(180deg,#071821 0%,#06151d 100%);
}
.aqw-story:after{
  content:"";
  position:absolute;
  z-index:-1;
  top:44px;
  right:clamp(20px,6vw,100px);
  width:min(26vw,350px);
  aspect-ratio:1;
  border:1px solid rgba(85,198,213,.09);
  border-radius:50%;
  box-shadow:0 0 0 72px rgba(72,172,209,.025),0 0 0 144px rgba(72,172,209,.018);
  pointer-events:none;
}
.aqw-story-lead{align-items:center;gap:clamp(30px,5.5vw,82px)}
.aqw-story-intro h2{font-size:clamp(36px,4.35vw,60px);line-height:1.09;letter-spacing:-.052em;text-wrap:balance}
.aqw-story-intro>p{max-width:650px;line-height:1.72}
.aqw-story-start{
  position:relative;
  overflow:hidden;
  border-color:rgba(113,206,219,.28);
  background:linear-gradient(145deg,rgba(18,50,60,.96),rgba(6,25,35,.97) 70%);
  box-shadow:0 26px 60px rgba(0,0,0,.19),inset 0 1px rgba(194,251,250,.045);
}
.aqw-story-start:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:linear-gradient(180deg,#63eddb,#5fbef2 52%,transparent)}
.aqw-story-start li a{align-items:center;padding:15px 0;font-size:13px;transition:color .18s,transform .18s}
.aqw-story-start li a:hover{transform:translateX(3px)}
.aqw-story-start li b{display:grid;place-items:center;width:25px;height:25px;padding:0;border-radius:7px;background:rgba(99,230,215,.1);font-size:10px}
.aqw-story-explore{margin-top:clamp(58px,6vw,82px)}
.aqw-story-section-heading{margin-bottom:23px}
.aqw-story-section-heading h3{max-width:720px;text-wrap:balance}
.aqw-story-grid{gap:16px}
.aqw-story-grid>a{
  --card-accent:#69e6d5;
  position:relative;
  overflow:hidden;
  min-height:246px;
  padding:23px 24px 20px;
  border-color:rgba(130,199,211,.24);
  background:linear-gradient(155deg,rgba(18,47,59,.96),rgba(7,24,34,.98));
  box-shadow:inset 0 1px rgba(215,255,251,.035);
  transition:transform .2s,border-color .2s,background .2s,box-shadow .2s;
}
.aqw-story-grid>a:nth-child(2){--card-accent:#77c9f8}
.aqw-story-grid>a:nth-child(3){--card-accent:#c6a5ff}
.aqw-story-grid>a:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--card-accent),transparent 75%);opacity:.68}
.aqw-story-grid>a:hover{box-shadow:0 17px 40px rgba(0,0,0,.16),0 0 26px color-mix(in srgb,var(--card-accent) 10%,transparent)}
.aqw-story-grid>a:nth-child(2) .aqw-story-icon,.aqw-story-grid>a:nth-child(2) em{color:#91d5fb}
.aqw-story-grid>a:nth-child(3) .aqw-story-icon,.aqw-story-grid>a:nth-child(3) em{color:#d6b9ff}
.aqw-story-grid strong{font-size:18px}
.aqw-story-grid>a>span:nth-last-of-type(1){font-size:13px;line-height:1.6}
.aqw-story-help{margin-top:18px;padding:17px 21px;background:linear-gradient(90deg,rgba(199,166,93,.08),rgba(199,166,93,.025))}
.aqw-story+.aqw-paths{padding-top:62px}
@media(max-width:650px){
  .aqw-story{padding:58px 0 58px}
  .aqw-story:after{top:100px;right:-62px;width:190px;box-shadow:0 0 0 48px rgba(72,172,209,.022)}
  .aqw-story-lead{gap:29px}
  .aqw-story-intro h2{font-size:clamp(34px,9vw,42px);line-height:1.12}
  .aqw-story-intro>p{font-size:15px;line-height:1.7}
  .aqw-story-actions{margin-top:26px;gap:11px}
  .aqw-story-secondary{width:max-content}
  .aqw-story-start{padding:20px 22px}
  .aqw-story-start h3{font-size:22px}
  .aqw-story-explore{margin-top:55px}
  .aqw-story-grid{gap:11px}
  .aqw-story-grid>a{padding:19px 20px 18px}
  .aqw-story+.aqw-paths{padding-top:55px}
}
@media(prefers-reduced-motion:reduce){.aqw-story-start li a{transition:none}.aqw-story-start li a:hover{transform:none}}

/* Shared, one-time entrance rhythm with the route and chapter index. */
.aqw-story .aqw-enter-pending{transition:opacity .62s ease,transform .62s cubic-bezier(.2,.7,.2,1),border-color .2s,box-shadow .2s}
.aqw-story .aqw-enter-pending:not(.aqw-entered){opacity:0;transform:translate3d(0,18px,0)}
.aqw-story .aqw-enter-pending.aqw-entered{transition-delay:var(--aqw-enter-delay,0ms)}
.aqw-story-primary span:last-child,.aqw-story-grid em,.aqw-story-icon,.aqw-story-start li b{transition:transform .28s cubic-bezier(.2,.7,.2,1)}
@media(hover:hover){
  .aqw-story-primary:hover span:last-child,.aqw-story-primary:focus-visible span:last-child{transform:translate3d(3px,-3px,0)}
  .aqw-story-grid>a:hover .aqw-story-icon,.aqw-story-grid>a:focus-visible .aqw-story-icon{transform:translate3d(0,-3px,0) rotate(-5deg)}
  .aqw-story-grid>a:hover em,.aqw-story-grid>a:focus-visible em{transform:translate3d(4px,0,0)}
  .aqw-story-start li a:hover b,.aqw-story-start li a:focus-visible b{transform:scale(1.08)}
}
@media(hover:none){.aqw-story-grid>a:hover,.aqw-story-primary:hover,.aqw-story-start li a:hover{transform:none}}
@media(prefers-reduced-motion:reduce){
  .aqw-story .aqw-enter-pending,.aqw-story-primary span:last-child,.aqw-story-grid em,.aqw-story-icon,.aqw-story-start li b{transition:none!important}
  .aqw-story .aqw-enter-pending:not(.aqw-entered){opacity:1;transform:none}
}
