/* Abraham Intelligence: "What does your week feel like?" panel. Same moving parts as the homepage day section. */
@property --m{syntax:"<color>";inherits:true;initial-value:#FFE500}
.dayx{max-width:1180px;margin:8px auto 0;padding:0 0 56px;text-align:left}
.dayx-panel{--m:#FFE500;transition:--m .9s ease;position:relative;min-height:500px;border-radius:30px;overflow:hidden;color:#fff;background:radial-gradient(60% 75% at 74% 46%,color-mix(in srgb,var(--m) 24%,transparent),transparent 72%),#0B0B10;box-shadow:0 30px 70px -30px #19122466,0 0 0 1px #ffffff12}
.dayx-slide{position:absolute;inset:0;display:grid;grid-template-columns:1.02fr 1fr;align-items:center;gap:24px;padding:56px 64px;opacity:0;visibility:hidden;transform:translateX(28px);transition:opacity .38s cubic-bezier(.4,0,1,1),transform .5s cubic-bezier(.4,0,1,1),visibility 0s .5s}
.dayx-panel[data-dir="prev"] .dayx-slide:not(.is-on){transform:translateX(-28px)}
.dayx-panel{touch-action:pan-y;cursor:grab;-webkit-user-select:none;user-select:none}
.dayx-panel:active{cursor:grabbing}
.dayx-slide.is-on{opacity:1;visibility:visible;transform:none;transition:opacity .7s cubic-bezier(.22,1,.36,1) .18s,transform 1s cubic-bezier(.16,1,.3,1) .18s,visibility 0s}
.dayx-slide .dayx-time,.dayx-slide .dayx-word,.dayx-slide .dayx-line,.dayx-slide .dayx-where{opacity:0;transform:translateY(14px);transition:opacity .3s ease,transform .3s ease}
.dayx-slide.is-on .dayx-time,.dayx-slide.is-on .dayx-word,.dayx-slide.is-on .dayx-line,.dayx-slide.is-on .dayx-where{opacity:1;transform:none;transition:opacity .7s cubic-bezier(.22,1,.36,1) var(--d,.25s),transform .9s cubic-bezier(.16,1,.3,1) var(--d,.25s)}
.dayx-slide.is-on .dayx-word{--d:.32s}.dayx-slide.is-on .dayx-line{--d:.4s}.dayx-slide.is-on .dayx-where{--d:.48s}
.dayx-time{margin:0;font:700 13px/1 'JetBrains Mono',monospace;letter-spacing:.16em;text-transform:uppercase;color:var(--m)}
.dayx-word{margin:16px 0 16px;font:800 clamp(48px,6.4vw,88px)/.98 Inter,sans-serif;letter-spacing:-.05em;color:#fff}
.dayx-line{margin:0;max-width:430px;font-size:clamp(17px,1.7vw,22px);line-height:1.4;color:#C9C4D6}
.dayx-where{display:inline-block;margin:22px 0 0;padding:8px 15px;border-radius:999px;background:#ffffff14;color:#fff;font-size:13px;font-weight:600;letter-spacing:.01em}
.dayx-art{height:100%;min-height:0;display:grid;place-items:center}
.dayx-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:14px}
.dayx-tab{position:relative;overflow:hidden;display:flex;flex-direction:column;gap:3px;padding:14px 16px 17px;border:0;border-radius:18px;background:#fff;color:#3B3550;text-align:left;cursor:pointer;font:inherit;transition:background .3s,color .3s,transform .3s cubic-bezier(.16,1,.3,1)}
.dayx-tab b{font:700 12px/1 'JetBrains Mono',monospace;letter-spacing:.12em;color:#6b6380}
.dayx-tab span{font-size:18px;font-weight:700;letter-spacing:-.02em}
.dayx-tab:hover{transform:translateY(-2px)}
.dayx-tab[aria-selected="true"]{background:#111118;color:#fff}
.dayx-tab[aria-selected="true"] b{color:var(--m)}
.dayx-tab::after{content:"";position:absolute;left:0;bottom:0;height:3px;width:100%;background:var(--m);transform:scaleX(0);transform-origin:left}
.dayx-tab[aria-selected="true"]::after{transform:scaleX(1);opacity:.35}
.dayx-tab.is-playing::after{opacity:1;animation:dayx-fill var(--dayx-ms,6500ms) linear forwards}
.dayx-tab:focus-visible{outline:3px solid #111118;outline-offset:3px}
.dayx-tab[aria-selected="true"]:focus-visible{outline-color:var(--m)}
@keyframes dayx-fill{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(max-width:900px){
  .dayx-panel{min-height:640px;border-radius:24px}
  .dayx-slide{grid-template-columns:1fr;grid-template-rows:auto auto;align-content:center;gap:8px;padding:28px 24px 30px;text-align:center}
  .dayx-art{order:-1;height:270px}
    .dayx-line{margin:0 auto}
  .dayx-word{font-size:clamp(44px,13vw,64px);margin:10px 0 10px}
  .dayx-tabs{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:8px;padding:2px 2px 6px;margin-inline:-4px;scrollbar-width:none}
  .dayx-tabs::-webkit-scrollbar{display:none}
  .dayx-tab{flex:1 0 128px;scroll-snap-align:center}
}
@media(prefers-reduced-motion:reduce){.dayx-panel,.dayx-slide,.dayx-slide *,.dayx-art img,.dayx-tab{transition:none!important}.dayx-tab.is-playing::after{animation:none!important;transform:scaleX(1)}}
.dayx{margin-top:36px;padding-bottom:0}
.dayx-panel{min-height:470px}
.dayx-card{width:100%;max-width:440px;margin-inline:auto;border-radius:22px;padding:8px 24px;background:#ffffff0d;box-shadow:0 0 0 1px #ffffff1c inset}
.dayx-row{padding:16px 0;border-top:1px solid #ffffff1f}.dayx-row:first-child{border-top:0}
.dayx-row span{display:block;font:700 11px/1 'JetBrains Mono',monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--m);margin-bottom:8px}
.dayx-row p{margin:0;font-size:17px;line-height:1.4;color:#fff}
.dayx-card .ai-context-chart{min-height:0;padding:14px 0 0}.dayx-card .ai-chart-line{stroke:var(--m)}
@media(max-width:900px){.dayx-art{order:0;height:auto}.dayx-panel{min-height:690px}.dayx-word{font-size:clamp(38px,11vw,54px)}.dayx-row{text-align:left}.dayx-card{padding:4px 20px}}
/* Abraham Intelligence look: the spectrum, the glowing ring, glass, a phone rising from the edge. */
.ai-clarity{background:#05050B}
.dayx-spec{background:linear-gradient(100deg,#3FA9FF,#8B6CFF 32%,#E04FE0 58%,#FF5C8A 80%,#FF9A3C);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.dayx-panel{--m:#3FA9FF;min-height:640px;border-radius:34px;cursor:grab;
  background:radial-gradient(60% 75% at 88% 105%,color-mix(in srgb,var(--m) 60%,transparent),transparent 70%),radial-gradient(45% 60% at 4% 0%,#6543DF66,transparent 70%),radial-gradient(40% 55% at 100% 0%,#DC216D55,transparent 72%),radial-gradient(45% 60% at 0% 105%,#0074D966,transparent 72%),#05050B;
  box-shadow:0 40px 90px -40px #6543DF99,0 0 0 1px #ffffff1a}
.dayx-panel::before{content:"";position:absolute;inset:-40%;background:conic-gradient(from 0deg,#0074D9,#6543DF,#BD29D5,#DC216D,#FF8A3D,#FFE500,#00D4FF,#0074D9);filter:blur(80px);opacity:.28;pointer-events:none;animation:dayx-drift 26s ease-in-out 1 both}
@keyframes dayx-drift{from{transform:rotate(0)}to{transform:rotate(140deg)}}
.dayx-panel::after{content:"";position:absolute;inset:0;border-radius:inherit;padding:1.5px;pointer-events:none;background:conic-gradient(from 210deg,#3FA9FF55,#9B7BFFcc,#EE55E0cc,#FF8A3Dcc,#FFE50099,#3FA9FF55);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.7}
.dayx-slide{z-index:1;grid-template-columns:1.05fr .95fr;align-items:end;padding:56px 64px 0}
.dayx-copy{align-self:center;padding-bottom:56px}
.dayx-time{display:flex;align-items:center;gap:12px;color:#fff;letter-spacing:.2em}
.dayx-orb{display:inline-block;width:26px;height:26px;border-radius:50%;flex:none;background:conic-gradient(from 0deg,#3FA9FF,#9B7BFF,#EE55E0,#FF8A3D,#FFE500,#3FA9FF);-webkit-mask:radial-gradient(circle,transparent 52%,#000 56%);mask:radial-gradient(circle,transparent 52%,#000 56%);filter:drop-shadow(0 0 8px #9B7BFFaa)}
.dayx-word{font-size:clamp(44px,5.4vw,78px);margin:20px 0 14px}
.dayx-line{color:#D6D1E8;max-width:460px}
.dayx-rows{margin-top:26px;display:grid;gap:10px;max-width:470px}
.dayx-row{padding:13px 18px;border:0;border-radius:18px;background:#ffffff12;box-shadow:0 0 0 1px #ffffff1f inset;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.dayx-row span{margin-bottom:5px;font-size:10px;color:var(--m)}
.dayx-row p{font-size:15px;line-height:1.4}
.dayx-art{align-self:end;height:auto;display:flex;justify-content:center}
.dayx-phone{position:relative;margin:0;width:min(330px,100%);transform:translateY(9%)}
.dayx-phone img{display:block;width:100%;height:auto;filter:drop-shadow(0 0 60px color-mix(in srgb,var(--m) 60%,transparent))}
.dayx-ask{position:absolute;left:9%;right:9%;top:9%;display:flex;align-items:center;gap:12px;padding:13px 16px;border-radius:999px;background:#17142acc;box-shadow:0 0 0 1px #ffffff33 inset,0 18px 40px -12px #000c;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);color:#fff;font-size:14px;line-height:1.3}
.dayx-ask .dayx-orb{width:22px;height:22px}
.dayx-ask-text{min-width:0}
.dayx-ask-text::after{content:"";display:inline-block;width:2px;height:1em;margin-left:2px;vertical-align:-2px;background:var(--m);opacity:0}
.dayx-ask-text.is-typing::after{opacity:1}
.dayx-tab{background:#ffffff12;color:#fff;box-shadow:0 0 0 1px #ffffff1f inset;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.dayx-tab b{color:#B9B2D0}
.dayx-tab[aria-selected="true"]{background:#fff;color:#0B0B12}
.dayx-tab[aria-selected="true"] b{color:#6543DF}
.dayx-tab::after{background:linear-gradient(90deg,#3FA9FF,#9B7BFF,#EE55E0,#FF8A3D)}
.dayx-tab:focus-visible{outline-color:#fff}
@media(max-width:900px){
  .dayx-panel{min-height:820px;border-radius:26px}
  .dayx-slide{grid-template-columns:1fr;grid-template-rows:auto auto;align-content:start;gap:0;align-items:start;padding:34px 20px 0;text-align:left}
  .dayx-copy{padding-bottom:20px}.dayx-art{order:2}
  .dayx-word{font-size:clamp(36px,11vw,52px)}
  .dayx-phone{width:min(250px,70%);transform:translateY(6%)}
  .dayx-ask{font-size:12px;padding:10px 12px}
  .dayx-tab{flex:1 0 128px}
}
@media(prefers-reduced-motion:reduce){.dayx-panel::before{animation:none}}
/* Siri-style request on the screen, and the athlete's context sliding in beside the phone. */
.dayx-phone img{position:relative;z-index:1}
.dayx-ask{z-index:3;left:6%;right:6%;border-radius:22px;padding:12px 16px;background:#14102acc;box-shadow:0 0 0 1px #ffffff2e inset,0 0 26px -2px #9B7BFF88,0 0 60px -10px #EE55E088,0 18px 40px -12px #000c}
.dayx-ask::before{content:"";position:absolute;inset:-1.5px;border-radius:inherit;padding:1.5px;pointer-events:none;background:conic-gradient(from 0deg,#3FA9FF,#9B7BFF,#EE55E0,#FF8A3D,#FFE500,#3FA9FF);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0}
.dayx-slide.is-on .dayx-ask::before{animation:dayx-edge 3.2s ease .5s 1 both}
@keyframes dayx-edge{0%{opacity:0;transform:rotate(0)}15%{opacity:1}80%{opacity:1}100%{opacity:.35;transform:rotate(0)}}
.dayx-ctx{position:absolute;z-index:2;width:50%;display:flex;align-items:center;gap:10px;padding:14px 15px;border-radius:20px;color:#fff;font-size:13px;line-height:1.3;background:#ffffff14;box-shadow:0 0 0 1px #ffffff26 inset,0 20px 40px -18px #000c;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);opacity:0;transition:transform .5s ease,opacity .4s ease}
.dayx-ctx .dayx-orb{width:18px;height:18px}
.dayx-ctx-l{left:-24%;top:34%;transform:translateX(70px) rotate(-8deg);transform-origin:right center}
.dayx-ctx-r{right:-24%;top:50%;transform:translateX(-70px) rotate(8deg);transform-origin:left center}
.dayx-slide.is-on .dayx-ctx{opacity:1;transition:transform 1.2s cubic-bezier(.16,1,.3,1) .9s,opacity .8s ease .9s}
.dayx-slide.is-on .dayx-ctx-l{transform:rotate(-8deg)}
.dayx-slide.is-on .dayx-ctx-r{transform:rotate(8deg);transition-delay:1.1s}
@media(max-width:900px){.dayx-ctx{width:46%;font-size:11px;padding:10px 11px}.dayx-ctx-l{left:-16%}.dayx-ctx-r{right:-16%}.dayx-ask{left:5%;right:5%;top:8%}}
@media(prefers-reduced-motion:reduce){.dayx-slide.is-on .dayx-ask::before{animation:none;opacity:.6}}