.modes-section{max-width:680px;margin:var(--section-gap) auto 0;padding:0 var(--page-pad);text-align:center;opacity:0;transform:translateY(28px);transition:opacity 1s cubic-bezier(.16,1,.3,1),transform 1s cubic-bezier(.16,1,.3,1)}.modes-section.modes-visible{opacity:1;transform:translateY(0)}.modes-headline{font-size:clamp(30px,4.5vw,52px);font-weight:500;letter-spacing:-.03em;line-height:1.1;color:var(--ink-light);margin:0 0 16px}.modes-headline span{font-weight:800;color:var(--ink)}.modes-sub{font-size:clamp(14px,1.6vw,18px);color:var(--ink-light);font-weight:500;letter-spacing:-.01em;line-height:1.6;max-width:480px;margin:0 auto clamp(36px,5vw,56px)}.modes-card{display:flex;flex-direction:column;align-items:center;padding:36px 40px 40px;border-radius:28px;background:#f7f7f7;box-shadow:0 4px 20px rgba(0,0,0,.05),0 1px 3px rgba(0,0,0,.04);position:relative;isolation:isolate}.modes-card:before{inset:-1.5px;border-radius:29.5px;background:conic-gradient(from var(--modes-angle,0deg),rgba(120,119,198,.9),rgba(255,206,84,.9),rgba(120,119,198,.9));animation:modesCardSpin 4s linear infinite}.modes-card:after,.modes-card:before{content:"";position:absolute;z-index:-1}.modes-card:after{inset:1.5px;border-radius:26.5px;background:#fafafa}@property --modes-angle{syntax:"<angle>";initial-value:0deg;inherits:false}@keyframes modesCardSpin{to{--modes-angle:360deg}}.modes-track{position:relative;display:inline-flex;align-items:center;padding:5px;border-radius:999px;background:rgba(0,0,0,.055);box-shadow:inset 0 1px 3px rgba(0,0,0,.1),inset 0 0 0 1px rgba(0,0,0,.06);--pill-left:0px;--pill-width:50%}.modes-pill{position:absolute;top:5px;left:var(--pill-left);width:var(--pill-width);height:calc(100% - 10px);border-radius:999px;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.12),0 4px 16px rgba(0,0,0,.07),inset 0 1px 0 #fff;transition:left .38s cubic-bezier(.4,0,.2,1),width .38s cubic-bezier(.4,0,.2,1);pointer-events:none;z-index:0}.modes-tab{position:relative;z-index:1;padding:12px 28px;border-radius:999px;font-size:14px;font-weight:600;letter-spacing:-.02em;color:var(--ink-light);background:transparent;border:none;cursor:pointer;transition:color .28s;white-space:nowrap;-webkit-tap-highlight-color:transparent}.modes-tab--active,.modes-tab:hover:not(.modes-tab--active){color:var(--ink)}.modes-desc-shell{min-height:96px;display:flex;align-items:center;justify-content:center;margin-top:28px;width:100%}@keyframes modeDescIn{0%{opacity:0;transform:translateY(10px);filter:blur(3px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}.modes-desc{font-size:clamp(18px,2vw,24px);line-height:1.4;color:var(--ink-light);font-weight:500;letter-spacing:-.01em;max-width:24ch;margin:0 auto;animation:modeDescIn .42s cubic-bezier(.16,1,.3,1) both}@media (max-width:640px){.modes-section{opacity:1;transform:none;transition:none}.modes-card{padding:28px 20px 32px;border-radius:22px}.modes-tab{padding:11px 18px;font-size:13px}.modes-desc-shell{min-height:112px}}