/* uxpeak.css — UXPeak design layer (Hayat UI lane), minified for asset budget. Loads last. */
.intro-view{position:relative;overflow:hidden;}.intro-view::before,.intro-view::after{content:"";position:absolute;z-index:0;border-radius:50%;filter:blur(90px);pointer-events:none;}.intro-view::before{width:560px;height:560px;top:-180px;left:-140px;background:radial-gradient(circle,rgba(178,205,168,0.55),transparent 70%);}.intro-view::after{width:640px;height:640px;top:60px;right:-200px;background:radial-gradient(circle,rgba(255,168,212,0.4),transparent 70%);}.intro-hero{position:relative;z-index:1;}@media (min-width:981px){.intro-hero{grid-template-columns:minmax(0,1.05fr) minmax(0,0.95fr);gap:56px;align-items:center;text-align:left;width:min(1280px,100%);margin:0 auto;}.intro-copy{width:100%;margin:0;}.intro-copy p[data-l="body"]{margin-left:0;}.hero-actions{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:12px;}.hero-actions .primary{flex:1 0 100%;max-width:480px;}.hero-actions .secondary{flex:0 0 auto;}.intro-device{margin:0;transform:perspective(1400px) rotateY(-4deg) rotateX(1.5deg);transition:transform 0.5s cubic-bezier(0.22,1,0.36,1);}.intro-device:hover{transform:perspective(1400px) rotateY(0deg) rotateX(0deg);}}.intro-view h1[data-l="title"]{font-size:clamp(58px,8.6vw,148px);line-height:1.0;letter-spacing:-0.04em;}.intro-copy .landing-subtitle{font-size:clamp(21px,2.4vw,30px);font-weight:700;color:#2a2c29;line-height:1.3;}.intro-copy p[data-l="body"]{max-width:560px;color:#5c605b;line-height:1.6;}.intro-pill{box-shadow:none;}.hero-actions .primary{min-height:56px;padding-left:34px;padding-right:34px;box-shadow:0 0 0 1px rgba(17,18,17,0.1),0 14px 34px rgba(202,255,0,0.45),0 2px 10px rgba(148,122,66,0.12);transition:transform 0.18s ease,box-shadow 0.18s ease;}.hero-actions .primary:hover{transform:translateY(-2px);box-shadow:0 0 0 1px rgba(17,18,17,0.14),0 20px 48px rgba(202,255,0,0.55),0 3px 12px rgba(148,122,66,0.14);}.hero-actions .primary:active{transform:translateY(0) scale(0.985);}.hero-actions .secondary{min-height:50px;background:rgba(255,255,255,0.55);box-shadow:none;border:1px solid rgba(23,24,23,0.12);color:#3a3d39;transition:background 0.18s ease,border-color 0.18s ease;}.hero-actions .secondary:hover{background:#fff;border-color:rgba(23,24,23,0.22);}.intro-copy .microcopy{color:#767a74 !important;}.intro-device{border-radius:20px;box-shadow:0 1px 0 rgba(255,255,255,0.8) inset,0 34px 90px rgba(112,92,56,0.2),0 8px 22px rgba(112,92,56,0.1);}.primary-preview strong{display:block;font-size:clamp(30px,3.4vw,40px);line-height:1.08;letter-spacing:-0.03em;}.primary-preview small{letter-spacing:0.14em;}@media (prefers-reduced-motion:no-preference){.preview-bar i{animation:uxpeak-progress 1.1s cubic-bezier(0.22,1,0.36,1) 0.5s backwards;}@keyframes uxpeak-progress{from{width:8%;}}}.preview-card{transition:transform 0.2s ease,box-shadow 0.2s ease;}@media (hover:hover){.intro-device .preview-card:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(112,92,56,0.12);}}.uxp-facts{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:12px;justify-content:center;width:min(1080px,100%);margin:54px auto 0;padding:0 18px;}.uxp-chip{display:inline-flex;align-items:center;gap:9px;min-height:46px;padding:8px 20px;border:1px solid rgba(23,24,23,0.1);border-radius:999px;background:rgba(255,255,255,0.75);color:#4f5350;font:600 14px/1.3 var(--steady-font,system-ui);box-shadow:0 6px 18px rgba(112,92,56,0.07);}.uxp-chip b{font-size:21px;font-weight:800;letter-spacing:-0.02em;color:#171817;}.uxp-dusk{position:relative;z-index:1;width:min(1280px,calc(100% - 36px));margin:72px auto 26px;border-radius:28px;background:radial-gradient(120% 140% at 85% -20%,#33302f 0%,#1d1c1e 45%,#141316 100%);overflow:hidden;}.uxp-dusk::before{content:"";position:absolute;width:520px;height:520px;right:-160px;bottom:-260px;border-radius:50%;background:radial-gradient(circle,rgba(255,138,76,0.28),transparent 70%);filter:blur(70px);pointer-events:none;}.uxp-dusk-inner{position:relative;padding:clamp(48px,7vw,88px) clamp(24px,6vw,88px);}.uxp-dusk-eyebrow{margin:0 0 18px;color:#ff9e6b;font:800 12px/1 var(--steady-font,system-ui);letter-spacing:0.18em;}.uxp-dusk h2{margin:0 0 18px;color:#f5f1e9;font-size:clamp(38px,5.4vw,78px);line-height:1.04;letter-spacing:-0.035em;}.uxp-dusk-lede{max-width:560px;margin:0 0 44px;color:rgba(245,241,233,0.72);font-size:clamp(17px,1.6vw,20px);line-height:1.6;}.uxp-timeline{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:0;padding:0;list-style:none;counter-reset:uxp-step;}.uxp-timeline li{counter-increment:uxp-step;padding:24px 22px 26px;border:1px solid rgba(245,241,233,0.12);border-radius:18px;background:rgba(245,241,233,0.05);transition:transform 0.2s ease,background 0.2s ease;}@media (hover:hover){.uxp-timeline li:hover{transform:translateY(-3px);background:rgba(245,241,233,0.08);}}.uxp-timeline li::before{content:"0" counter(uxp-step);display:block;margin-bottom:14px;color:#ff9e6b;font:800 13px/1 var(--steady-font,system-ui);letter-spacing:0.12em;}.uxp-timeline b{display:block;margin-bottom:8px;color:#f5f1e9;font-size:20px;letter-spacing:-0.01em;}.uxp-timeline span{color:rgba(245,241,233,0.66);font-size:15px;line-height:1.55;}.uxp-dusk-note{margin:40px 0 0;color:rgba(245,241,233,0.55);font-size:14.5px;}@media (max-width:720px){.uxp-timeline{grid-template-columns:1fr;}.uxp-facts{gap:9px;margin-top:40px;}.uxp-chip{min-height:42px;padding:7px 15px;font-size:13px;}.uxp-chip b{font-size:18px;}}@media (prefers-reduced-motion:no-preference){.intro-pill,.intro-view h1[data-l="title"],.intro-copy .landing-subtitle,.intro-copy p[data-l="body"],.hero-actions,.intro-copy .microcopy,.uxp-facts{animation:uxpeak-rise 0.7s cubic-bezier(0.22,1,0.36,1) backwards;}.intro-view h1[data-l="title"]{animation-delay:0.06s;}.intro-copy .landing-subtitle{animation-delay:0.12s;}.intro-copy p[data-l="body"]{animation-delay:0.18s;}.hero-actions{animation-delay:0.24s;}.intro-copy .microcopy{animation-delay:0.3s;}.uxp-facts{animation-delay:0.36s;}@keyframes uxpeak-rise{from{opacity:0;transform:translateY(14px);}}@supports (animation-timeline:view()){.uxp-dusk-inner>*{animation:uxpeak-rise 1ms linear both;animation-timeline:view();animation-range:entry 0% entry 42%;}}}.tabbar{border-top:1px solid rgba(23,24,23,0.09);box-shadow:0 -6px 20px rgba(112,92,56,0.07);}.tabbar .tab{min-height:48px;opacity:0.62;transition:opacity 0.15s ease,transform 0.15s ease;}.tabbar .tab[aria-current="page"]{opacity:1;}.tabbar .tab[aria-current="page"] span{font-weight:800;}.tabbar .tab[aria-current="page"] b{transform:translateY(-1px);}.tabbar .tab:active{transform:scale(0.94);}.topbar .nav-link,.topbar #authButton{transition:opacity 0.15s ease;}.topbar nav .nav-link{position:relative;min-height:44px;border-radius:999px;padding:0 16px;transition:background 0.15s ease,color 0.15s ease;}.topbar nav .nav-link:hover{background:rgba(23,24,23,0.05);}body[data-view="home"] .topbar .nav-link[data-go="home"],body[data-view="profile"] .topbar .nav-link[data-go="profile"],body[data-view="plan"] .topbar .nav-link[data-go="plan"],body[data-view="practice"] .topbar .nav-link[data-go="practice"],body[data-view="progress"] .topbar .nav-link[data-go="progress"],body[data-view="memory"] .topbar .nav-link[data-go="memory"],body[data-view="handoff"] .topbar .nav-link[data-go="handoff"],body[data-view="admin"] .topbar .nav-link[data-go="admin"],body[data-view="evidence"] .topbar .nav-link[data-go="evidence"]{background:#171817;color:#f5f1e9;font-weight:800;}.app-sidebar button{min-height:44px;border-radius:12px;transition:background 0.15s ease,transform 0.15s ease;}.app-sidebar button:hover{background:rgba(23,24,23,0.05);}.app-sidebar button:active{transform:scale(0.98);}body[data-view="home"] .app-sidebar [data-go="home"],body[data-view="profile"] .app-sidebar [data-go="profile"],body[data-view="plan"] .app-sidebar [data-go="plan"],body[data-view="practice"] .app-sidebar [data-go="practice"],body[data-view="progress"] .app-sidebar [data-go="progress"],body[data-view="memory"] .app-sidebar [data-go="memory"],body[data-view="handoff"] .app-sidebar [data-go="handoff"],body[data-view="admin"] .app-sidebar [data-go="admin"],body[data-view="evidence"] .app-sidebar [data-go="evidence"]{background:#171817;color:#f5f1e9;font-weight:800;box-shadow:0 6px 16px rgba(23,24,23,0.18);}body[data-view="home"] .tabbar [data-go="home"],body[data-view="profile"] .tabbar [data-go="profile"],body[data-view="practice"] .tabbar [data-go="practice"],body[data-view="progress"] .tabbar [data-go="progress"]{opacity:1;}body[data-view="home"] .tabbar [data-go="home"] span,body[data-view="profile"] .tabbar [data-go="profile"] span,body[data-view="practice"] .tabbar [data-go="practice"] span,body[data-view="progress"] .tabbar [data-go="progress"] span{font-weight:800;}.primary{transition:transform 0.15s ease,box-shadow 0.15s ease;}.primary:active{transform:scale(0.985);}.secondary{transition:background 0.15s ease,border-color 0.15s ease;}:where(button,a.secondary,.arrow-button):focus-visible{outline:2px solid #171817;outline-offset:2px;}.view:where(.mission-card,.panel-card,.preview-card,.progress-feature-card){box-shadow:0 14px 40px rgba(112,92,56,0.09);}.journey-stat b{display:block;font-size:clamp(38px,4vw,52px);line-height:1;letter-spacing:-0.03em;color:#171817;}.journey-stat span{display:block;margin-top:8px;font-weight:800;font-size:13px;color:#3a3d39;}.journey-stat small{color:#8c908b;}.achievement-card{position:relative;}.achievement-card b{font-size:17px;letter-spacing:-0.01em;display:block;padding-right:62px;}.achievement-card.locked{opacity:0.78;}.achievement-card.locked b{color:#6b6f6a;}.achievement-card.locked::after{content:"LOCKED";position:absolute;top:12px;right:12px;padding:3px 8px;border-radius:999px;border:1px solid rgba(23,24,23,0.12);color:#8c908b;font:800 9px/1 var(--steady-font,system-ui);letter-spacing:0.1em;}.achievement-card.earned{background:linear-gradient(135deg,#ffffff,#fbffe8);border:1px solid rgba(202,255,0,0.5);}.achievement-card.earned::after{content:"EARNED";position:absolute;top:12px;right:12px;padding:3px 8px;border-radius:999px;background:var(--steady-lime,#d9ff4b);color:#171817;font:800 9px/1 var(--steady-font,system-ui);letter-spacing:0.1em;}@media (hover:hover) and (prefers-reduced-motion:no-preference){.view:where(.mode-card,.achievement-card,.journey-stat,article[class*="card"]):hover{transform:translateY(-2px);transition:transform 0.18s ease;}}.steady-primary-nav button[aria-current]{background:#171817 !important;border-color:#171817 !important;color:#f5f1e9 !important;}.steady-primary-nav button{transition:background 0.15s ease,color 0.15s ease,border-color 0.15s ease;}.steady-primary-nav button:not([aria-current]):hover{background:rgba(23,24,23,0.06);}.steady-utility-menu summary{transition:background 0.15s ease;}