/* Homepage refresh: the Abraham Intelligence picture and the Inside the app phone, in the device-page style. */
/* 1. Abraham Intelligence: a runner at dusk and the message they might send (replaces the hand-held phone photo) */
.ai-home-art--photo{position:relative;aspect-ratio:auto!important;box-shadow:0 50px 100px -50px #6543DFcc,0 30px 70px -40px #DC216D99}
.ai-home-art--photo img{position:static!important;left:auto!important;bottom:auto!important;width:100%!important;max-width:100%!important;aspect-ratio:1600/900!important;object-fit:cover!important;object-position:center 42%!important}
.ai-home-art--photo::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,transparent 45%,#05050bcc 100%)}
.ai-home-msg{position:absolute;z-index:2;left:clamp(14px,4vw,52px);bottom:clamp(14px,4vw,48px);max-width:min(520px,calc(100% - 28px));padding:14px 20px 16px;border-radius:24px;color:#fff;text-align:left;line-height:1.3;background:#14102acc;box-shadow:0 0 0 1px #ffffff33 inset,0 0 34px -2px #9B7BFF88,0 0 80px -10px #EE55E088,0 22px 50px -16px #000}
.ai-home-msg-k{display:block;font:500 10px/1.4 'JetBrains Mono',monospace;letter-spacing:.14em;text-transform:uppercase;color:#C9C4D6;margin-bottom:8px}
.ai-home-msg-t{display:flex;align-items:center;gap:12px;font-size:clamp(16px,2vw,22px);font-weight:600;letter-spacing:-.02em}
.ai-home-orb{flex:none;width:24px;height:24px;border-radius:50%;background:conic-gradient(#3FA9FF,#9B7BFF,#EE55E0,#FF8A3D,#FFE500,#3FA9FF);-webkit-mask:radial-gradient(circle,transparent 52%,#000 56%);mask:radial-gradient(circle,transparent 52%,#000 56%)}
@media(max-width:600px){.ai-home-art--photo{aspect-ratio:auto!important}.ai-home-art--photo img{aspect-ratio:4/3!important}.ai-home-msg{padding:11px 15px 13px}}
/* 2. Inside the app: the new phone, with the four signals around it */
.home-app-new{margin:0}
.home-app-new__panel{position:relative;display:flex;justify-content:center;align-items:flex-start;height:clamp(460px,46vw,640px);overflow:hidden;border-radius:28px;background:radial-gradient(60% 50% at 50% 100%,#FFE50040,transparent 70%),radial-gradient(40% 40% at 92% 8%,#B13CFF40,transparent 70%),radial-gradient(40% 40% at 6% 12%,#00CFFF30,transparent 70%),#0B0B10}
.home-app-new__panel img{display:block;width:min(330px,62%);height:auto;margin-top:34px;-webkit-mask-image:linear-gradient(#000 82%,transparent);mask-image:linear-gradient(#000 82%,transparent)}
.home-chip{position:absolute;z-index:2;display:flex;align-items:center;gap:9px;padding:11px 16px;border-radius:999px;font-size:15px;font-weight:500;color:#C9C4D6;background:#ffffff1a;box-shadow:0 0 0 1px #ffffff30 inset,0 18px 40px -16px #000;white-space:nowrap;transition:opacity .8s cubic-bezier(.22,1,.36,1),transform 1s cubic-bezier(.16,1,.3,1)}
.home-chip b{color:#fff;font-size:18px;font-weight:700;letter-spacing:-.02em}
.home-chip i{width:10px;height:10px;border-radius:50%;background:var(--c);box-shadow:0 0 14px var(--c)}
.home-chip-1{left:5%;top:20%}.home-chip-2{right:4%;top:32%}.home-chip-3{left:3%;top:56%}.home-chip-4{right:6%;top:68%}
.home-motion-reveal:not(.home-motion-seen) .home-chip{opacity:0;transform:translateY(16px)}
.home-motion-seen .home-chip-2{transition-delay:.15s}.home-motion-seen .home-chip-3{transition-delay:.3s}.home-motion-seen .home-chip-4{transition-delay:.45s}
.home-app-new figcaption{margin-top:14px;text-align:center;font-size:14px;color:#6b6680}
@media(max-width:700px){.home-app-new__panel{height:auto;flex-wrap:wrap;justify-content:center;align-content:flex-start;gap:8px;padding:26px 10px 22px}.home-app-new__panel img{flex:0 0 100%;max-width:230px;width:100%;margin:0 0 8px;-webkit-mask-image:none;mask-image:none}.home-chip{position:static;font-size:13px;padding:9px 14px}.home-chip b{font-size:15px}}
@media(prefers-reduced-motion:reduce){.home-chip{transition:none}.home-motion-reveal:not(.home-motion-seen) .home-chip{opacity:1;transform:none}}

/* ---- Page-wide colour and motion: colour that bleeds between sections, and cards that rise as you reach them ---- */
#distances,#phase-quiz,#included,#method,#inside-app,#craft,#newsletter{position:relative}
#distances::before,#phase-quiz::before,#included::before,#inside-app::before,#newsletter::before,#method::before,#craft::before{content:"";position:absolute;left:0;right:0;top:0;height:min(260px,30vw);pointer-events:none;z-index:0;background:linear-gradient(180deg,color-mix(in srgb,var(--hf) 22%,transparent),transparent)}
#distances{--hf:#FFE500}#phase-quiz{--hf:#B13CFF}#included{--hf:#00CFFF}#method{--hf:#FF2CA3}#inside-app{--hf:#FF8A3D}#craft{--hf:#4ADE80}#newsletter{--hf:#6E5BFF}
#distances>*,#phase-quiz>*,#included>*,#method>*,#inside-app>*,#craft>*,#newsletter>*{position:relative;z-index:1}
.uc-card,.uc-tile{transition:transform .5s cubic-bezier(.16,1,.3,1),box-shadow .5s}
.uc-card:hover{transform:translateY(-4px);box-shadow:0 24px 50px -28px #19122488}
.hf-js .hf-rise{opacity:0;transform:translateY(28px);transition:opacity .8s cubic-bezier(.22,1,.36,1),transform 1s cubic-bezier(.16,1,.3,1);transition-delay:calc(var(--hf-i,0)*70ms)}
.hf-js .hf-rise.is-in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.hf-js .hf-rise{opacity:1;transform:none;transition:none}.uc-card,.uc-tile{transition:none}.uc-card:hover{transform:none}}