.flow{position:relative;isolation:isolate;height:100vh;overflow:hidden;display:flex;flex-direction:column;color:var(--ink)}.flow:before{content:"";position:absolute;inset:0;z-index:-1;background-image:url(/hero-cherry-blossoms.png);background-size:cover;background-position:50%;transform:scaleY(-1)}.flow-top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:26px clamp(38px,4vw,57px) 8px}.flow-brand{text-decoration:none;display:inline-flex}.flow-actions{gap:12px}.credit-pill,.flow-actions{display:inline-flex;align-items:center}.credit-pill{gap:6px;height:34px;padding:0 12px;border-radius:999px;border:1px solid hsla(42,31%,94%,.28);background:hsla(42,31%,94%,.12);color:#f4f1ea;font-family:var(--sans);font-size:13px;line-height:1;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:background .15s ease,border-color .15s ease}.credit-pill:hover{background:hsla(42,31%,94%,.22);border-color:hsla(42,31%,94%,.5)}.credit-pill-dot{width:7px;height:7px;border-radius:50%;background:#6fcf97}.credit-pill.is-low .credit-pill-dot{background:#e0a11f}.credit-pill-count{font-weight:700;font-size:14px}.credit-pill-label{opacity:.8}.credit-pill-plus{margin-left:1px;font-weight:700;color:#e8c877;font-size:15px}.flow-brand .agent{font-size:36px;margin:0;gap:.04em;line-height:1;color:#f4f1ea}.flow-body{align-items:stretch;justify-content:center;padding:10px clamp(28px,3vw,44px) 20px}.flow-body,.flow-overlay{flex:1 1;min-height:0;display:flex}.flow-overlay{position:relative;overflow:hidden;width:100%;background:var(--paper);border:1px solid rgba(11,22,51,.14);border-radius:24px;box-shadow:0 30px 70px -40px rgba(11,22,51,.3);padding:clamp(22px,3.2vw,44px)}.flow-overlay:not(.align-full){background-color:var(--paper);background-image:linear-gradient(to right,var(--grid) 1px,transparent 1px),linear-gradient(to bottom,var(--grid) 1px,transparent 1px);background-size:19px 19px}.form-card,.login-card{position:relative}.form-card:before,.login-card:before{content:"";position:absolute;inset:-72px -84px;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at center,#fff 52%,hsla(0,0%,100%,0) 100%)}.flow-overlay.align-full:has(.sage-landing){background-color:var(--paper);background-image:linear-gradient(to right,var(--grid) 1px,transparent 1px),linear-gradient(to bottom,var(--grid) 1px,transparent 1px);background-size:19px 19px}.sage-hero-copy,.sage-topics-copy{position:relative}.sage-hero-copy:before,.sage-topics-copy:before{content:"";position:absolute;inset:-56px -72px;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at center,#fff 50%,hsla(0,0%,100%,0) 100%)}.corner-orbit{--r:clamp(72px,12vmin,140px);--dur:44s;position:absolute;display:block;top:0;width:0;height:0;padding:0;z-index:0;pointer-events:none}.corner-orbit.at-left{left:0}.corner-orbit.at-right{right:0}@property --ang{syntax:"<angle>";inherits:false;initial-value:0deg}.corner-orbit .glyph{position:absolute;left:0;top:0;--ang:0deg;transform-origin:0 0;transform:translate(-50%,-50%) rotate(var(--ang)) translateX(var(--r)) rotate(calc(var(--ang) * -1));animation:co-orbit var(--dur) linear infinite;animation-delay:calc(var(--f) * var(--dur) * -1);white-space:nowrap;color:#000;font-family:var(--dev);font-weight:600;font-size:clamp(15px,2vmin,23px);line-height:1}@keyframes co-orbit{to{--ang:-360deg}}.flow-overlay>:not(.corner-orbit){position:relative;z-index:1}@media (prefers-reduced-motion:reduce){.corner-orbit .glyph{animation:none}}@media (max-width:1024px){.corner-orbit{display:none}}.flow-overlay.align-left{align-items:center;justify-content:flex-start}.flow-overlay.align-center{align-items:center;align-items:safe center;justify-content:center;text-align:center;overflow-y:auto}.flow-overlay.align-top{align-items:flex-start;justify-content:center;overflow-y:auto}.flow-overlay.align-full{padding:0;align-items:stretch}.profile,.profile-btn{position:relative}.profile-btn{width:38px;height:38px;flex:0 0 38px;border-radius:50%;border:0;background:#15151b;color:#fff;font-family:var(--sans);font-size:15px;font-weight:600;cursor:pointer;display:grid;place-items:center;overflow:hidden}.profile-btn:hover{background:#000}.profile-photo{position:absolute;inset:0;width:100%;height:100%;border-radius:50%;object-fit:cover}.profile-pop{position:absolute;top:48px;right:0;min-width:210px;background:#fff;border:1px solid rgba(21,21,27,.12);border-radius:12px;box-shadow:0 14px 34px rgba(0,0,0,.14);padding:8px;z-index:50}.profile-id{padding:8px 10px 10px;border-bottom:1px solid rgba(21,21,27,.08)}.profile-name{font-family:var(--sans);font-weight:600;font-size:14px;color:#15151b}.profile-email{font-family:var(--sans);font-size:12px;color:rgba(21,21,27,.55);margin-top:2px}.profile-action{width:100%;text-align:left;margin-top:6px;padding:9px 10px;border:0;background:transparent;border-radius:8px;font-family:var(--sans);font-size:14px;color:#15151b;cursor:pointer}.profile-action:hover{background:rgba(21,21,27,.06)}