/* The brand stays in place while its world opens into the planner. */
@view-transition{navigation:none}
.header>.brand,.flow-header>.brand,.arena-header>.brand{view-transition-name:bear-brand}
::view-transition-group(bear-brand){animation-duration:420ms;animation-timing-function:cubic-bezier(.2,.7,.2,1)}
::view-transition-old(root){animation:world-out 220ms ease both}
::view-transition-new(root){animation:world-in 420ms cubic-bezier(.2,.7,.2,1) both}
@keyframes world-out{to{opacity:0;transform:scale(.985)}}
@keyframes world-in{from{opacity:0;transform:translateY(18px) scale(1.015)}to{opacity:1;transform:none}}

/* A satin wordmark behind the physical plush, with restrained interface chrome. */
.hero h1{color:#e5f0d8;text-shadow:0 2px 75px #cdff790c}
.hero .title-char{background:linear-gradient(175deg,#f0f8e7 12%,#ceddbb 53%,#85956c 95%);background-clip:text;-webkit-background-clip:text;color:transparent}
.hero-action-note{font-size:12px;color:#b9c5ac;line-height:1.4;text-align:center;max-width:230px}
.hero-actions{gap:14px}.hero-actions .primary-action{box-shadow:inset 0 1px 0 #f2ffbd99,0 8px 40px #b4ff6514}
.primary-action{transition:background-color .2s,box-shadow .2s,transform .2s}
.primary-action:hover{transform:translateY(-2px);box-shadow:inset 0 1px 0 #ffffff55,0 12px 34px #0003}
.primary-action:active{transform:translateY(0) scale(.98)}
.header nav a{position:relative;padding-block:14px}
.header nav a:after{content:'';position:absolute;height:2px;left:0;right:0;bottom:5px;transform:scaleX(0);transform-origin:left;background:currentColor;transition:transform .22s}
.header nav a:hover:after,.header nav a:focus-visible:after{transform:scaleX(1)}
.cinematic .rail{overflow:visible}
.cinematic .rail:before{left:26px;right:26px;border-radius:4px;bottom:0}
.cinematic .chapters a:after{content:attr(data-title);position:absolute;bottom:calc(100% + 20px);left:50%;padding:9px 13px;border:1px solid #c6d7b12b;background:#161d14;color:#e9f2df;border-radius:9px;font-size:12px;font-weight:450;white-space:nowrap;pointer-events:none;opacity:0;transform:translate(-50%,6px);transition:opacity .16s,transform .16s;display:block!important;width:auto;height:auto}
.cinematic .chapters a:hover:after,.cinematic .chapters a:focus-visible:after{opacity:1;transform:translate(-50%,0)}
.cinematic .chapters a{isolation:isolate}

/* A small, working window into Flow. Values are examples, never live fees. */
.fee-demo{margin:24px 0;max-width:440px}
.fee-demo-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:15px}
.fee-demo-top>span{font-size:13px;color:#bdb3cf}
.fee-presets{display:flex;gap:3px;padding:3px;border:1px solid #d5c1ff30;border-radius:30px;background:#d5c1ff05}
.fee-presets button{border:0;border-radius:24px;background:transparent;color:#bfb5cd;min-height:34px;padding:7px 11px;font:500 12px Inter,Arial,sans-serif;cursor:pointer;transition:background-color .18s,color .18s}
.fee-presets button:hover{color:#fff;background:#d5c1ff12}.fee-presets button[aria-pressed=true]{color:#f5eeff;background:#d5c1ff20;box-shadow:inset 0 0 0 1px #d5c1ff2e}
.fee-demo .flow-split-bar{height:4px}
.fee-results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px}
.fee-results>div{display:flex;flex-direction:column;gap:6px;min-width:0}
.fee-results small{font-size:12px;color:#bfb5cd}.fee-results small span{color:#978ba8;margin-left:4px}
.fee-results strong{font-size:25px;font-weight:450;line-height:1.2;letter-spacing:-.035em;color:#f1eafb;font-variant-numeric:tabular-nums}
.fee-results strong small{font-size:12px;color:#bfb5cd;letter-spacing:0}
.fee-results>div:first-child strong{color:#d6ffa0}.fee-results>div:last-child strong{color:#a0eadd}
.fee-preview-note{font-size:12px;color:#b4a6c4;display:block;margin-top:13px}
.cinematic .gravity .chapter-copy h2{font-size:clamp(48px,5.7vw,94px)}
.cinematic .gravity .chapter-copy p{margin-bottom:0}

@media(max-width:1100px) and (min-width:701px){.fee-demo-top{align-items:flex-start;flex-direction:column;gap:10px}.fee-demo{margin-block:19px}.cinematic .gravity .chapter-copy h2{font-size:clamp(42px,5.5vw,64px)}}
@media(max-width:700px){
 .hero-action-note{display:none}.hero-actions{gap:12px}.hero-bottom .primary-action{white-space:nowrap;font-size:12px;gap:8px}
 .cinematic .chapters a:after{display:none!important}
 .fee-demo{margin:16px 0 17px}.fee-demo-top{gap:6px;margin-bottom:10px}.fee-demo-top>span{font-size:12px}.fee-presets button{font-size:11px;padding:7px 9px;min-height:32px}.fee-presets{padding:2px;gap:0}
 .fee-results{gap:8px;margin-top:10px}.fee-results>div{gap:5px}.fee-results small{font-size:11px}.fee-results small span{margin-left:2px}.fee-results strong{font-size:21px}.fee-results strong small{font-size:11px}
 .fee-preview-note{font-size:11px;margin-top:10px}.cinematic .gravity .chapter-copy h2{font-size:clamp(34px,10.3vw,48px)}
}
@media(max-width:700px) and (max-height:740px){
 .cinematic .gravity .chapter-copy h2{font-size:31px}.cinematic .gravity .chapter-copy>p{display:none}.fee-demo{margin:10px 0 12px}.fee-demo-top{margin-bottom:8px}.fee-results{margin-top:8px}.fee-results strong{font-size:18px}.fee-preview-note{margin-top:8px}
}
@media(max-width:360px){.fee-demo-top>span{max-width:62px;line-height:1.3}.fee-presets button{padding-inline:7px}.hero-bottom .primary-action{font-size:11px;padding-inline:10px;gap:5px}.hero-bottom .primary-action span{width:17px;height:17px}.fee-results small span{margin-left:2px}.fee-results>div{gap:3px}}
@media(prefers-reduced-motion:reduce){
 @view-transition{navigation:none}
 ::view-transition-group(*),::view-transition-new(*),::view-transition-old(*){animation:none!important}
 .primary-action:hover,.primary-action:active{transform:none}
 .cinematic .chapters a:after,.primary-action,.header nav a:after,.fee-presets button{transition:none}
}

@media(max-width:700px){.header nav{display:block;position:absolute;left:calc(6% + 96px);margin:0}.header nav a{display:none}.header nav .nav-arena{display:inline-block;font-size:12px;color:#d1ff8e;padding:12px 0}}
@media(max-width:360px){.header nav{left:calc(6% + 86px)}}