/* TREE porcelain identity: original pink, white space, rounded volume. */
:root{--sculpture-pink:#fa588b;--sculpture-ink:#432332;--sculpture-shadow:0 14px 40px #9523490c,0 3px 8px #95234906}
body{background:#fff;color:var(--sculpture-ink)}
.forest-background>img{display:none}.forest-background{background:radial-gradient(ellipse at 95% 20%,#fa588b08,transparent 55%)}.falling-leaf{opacity:.12}
.topbar{background:#fff;border:1px solid #f5e8ed;box-shadow:0 8px 32px #78223e0a;border-radius:30px}
.topbar .logo-crop,.topbar .logo-crop span{color:#fa588b}.topbar .logo-crop img{background:#fff;border-radius:50%;box-shadow:none;width:46px;height:46px}
.topbar nav{background:#fff;border-color:#f7e9ee}.topbar nav a{color:#705562}.topbar nav a:hover{background:#fa588b;color:#fff}.topbar nav a.current{background:#fa588b;box-shadow:inset 0 2px 3px #ffffff40,0 4px 10px #fa588b33}
.topbar .twitter-button,.topbar .button.secondary{background:#fff;border-color:#f3dde5;color:#805668}.topbar .button.primary{background:#fa588b;color:#fff}
.button.primary:not(:disabled){background:#fa588b;color:#fff;box-shadow:inset 0 2px 3px #ffffff50,inset 0 -3px 4px #c02e5920,0 7px 14px #e9407925;border:1px solid #fa588b;border-radius:50px;transition:transform .25s,box-shadow .25s}
.button.secondary{border-radius:50px;background:#fff;box-shadow:0 3px 7px #70234305}
.ff-heading{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(220px,.75fr);gap:0 35px;align-items:center;padding:32px 16px 40px}
.ff-heading>div:first-child{grid-column:1;grid-row:1;align-self:end}.ff-heading h1{font-size:clamp(40px,4.8vw,68px);line-height:1.05;font-weight:650;max-width:650px}.ff-heading h1 em{color:#fa588b}.ff-heading p{max-width:520px;font-size:15px}
.ff-heading .ff-actions{grid-column:1;grid-row:2;align-self:start;margin-top:24px;flex-wrap:wrap}
.sculpture-hero{grid-column:2;grid-row:1 / span 2;margin:0;justify-self:center;width:min(100%,360px);animation:porcelain-float 7s ease-in-out infinite}.sculpture-hero img{width:100%;height:auto;display:block;mix-blend-mode:multiply}
:is(.ff-stat,.ff-empty,.ff-directory,.launch-form,.side-panel,.guide-article,.token-card,.tree-panel,.learn-flow article,.learn-two article,.learn-facts article){background:#fff;border:1px solid #f3e3e9;border-radius:26px;box-shadow:var(--sculpture-shadow);color:var(--sculpture-ink)}
:is(.ff-stat,.ff-empty) :is(span,small,strong,h3,p){color:var(--sculpture-ink)}.ff-stat strong{color:#fa588b;font-size:38px}.ff-stat small,.ff-empty p{color:#8a6d79}.ff-stat{padding:24px}.ff-empty{padding:40px 24px}.ff-empty-tree{background:#fff!important;box-shadow:none!important;border:0!important;width:110px!important;height:110px!important}.ff-empty-tree img{width:110px;height:110px;object-fit:contain}
.launch-form{border-top:1px solid #f3e3e9;padding:32px}.launch-form :is(input,textarea,select),.asset-picker-trigger{border-radius:15px}.image-dropzone{border-radius:24px;box-shadow:inset 0 2px 6px #ffffff40,inset 0 -4px 10px #c7326220}.step-number{box-shadow:inset 0 2px 3px #ffffff66,0 4px 10px #fa588b26}
:is(.ff-explainer,.ff-fees,.parent-fees,.learn-calculator,.learn-end,.guide-callout,.wallet-picker-hero){border-radius:26px;box-shadow:inset 0 2px 4px #ffffff40,0 10px 24px #d7356514}
.ff-tree,.learn-node{box-shadow:var(--sculpture-shadow)}.ff-tree{border-radius:24px}.learn-node{border-radius:20px}.learn-tree,.learn-walk,.learn-preview,.learn-stream{border-radius:26px}.learn-tree{box-shadow:inset 0 2px 5px #ffffff50,0 15px 30px #d3376314}
.guide-sidebar{border-radius:24px}.guide-article{padding:36px}.wallet-picker,.asset-dialog{border-radius:30px;box-shadow:0 30px 100px #71244025}.wallet-picker-option{border-radius:22px;box-shadow:0 5px 14px #7c294008}.wallet-picker-icon{border-radius:15px}
.page-heading{position:relative;padding-right:180px;min-height:150px}.page-heading:after{content:'';position:absolute;right:15px;top:-15px;width:160px;height:160px;background:url('/assets/tree-sculpture.webp') center/contain no-repeat;pointer-events:none;mix-blend-mode:multiply}
footer{border-radius:32px 32px 0 0;background:#fa588b;box-shadow:inset 0 2px 4px #ffffff50;color:#fff}footer .footer-brand{font-size:32px}
@keyframes porcelain-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
@media(hover:hover){.button.primary:not(.topbar .button):not(:disabled):hover{transform:translateY(-2px);background:#fa588b;box-shadow:inset 0 2px 4px #ffffff55,0 10px 20px #e9407940}.button.primary:not(.topbar .button):not(:disabled):active{transform:translateY(1px);box-shadow:inset 0 2px 5px #bc265923}.learn-flow article:hover,.learn-two article:hover,.learn-facts article:hover{box-shadow:0 18px 38px #95234912}}
@media(max-width:700px){.ff-heading{grid-template-columns:1fr;gap:0;padding:24px 0 30px}.ff-heading>div:first-child{grid-row:2}.ff-heading .ff-actions{grid-row:3}.sculpture-hero{grid-column:1;grid-row:1;width:195px}.ff-heading h1{font-size:40px}.ff-stat{padding:18px}.page-heading{padding-right:0;padding-top:90px}.page-heading:after{width:100px;height:100px;left:-10px;right:auto;top:-10px}.launch-form,.guide-article{padding:22px}.topbar{border-radius:24px}.topbar .logo-crop img{width:34px;height:34px}}
@media(prefers-reduced-motion:reduce){.sculpture-hero{animation:none}.button.primary{transition:none}}
.motion-paused .sculpture-hero{animation-play-state:paused}

/* Resolve legacy pink panel specificity for the new white surfaces. */
body .topbar{background:#fff;color:#432332}body .topbar .twitter-button svg{color:#805668}
body .ff-stat :is(span,small,strong),body .ff-empty :is(span,small,h3,p){color:#432332}body .ff-stat strong{color:#fa588b}body .ff-stat small,body .ff-empty p{color:#8a6d79}
body .button.primary:not(.topbar .button):not(:disabled){box-shadow:inset 0 2px 3px #ffffff50,inset 0 -3px 4px #c02e5920,0 7px 14px #e9407925}


/* Native alpha preserves the porcelain highlights and translucent ground shadow. */
.sculpture-hero img,.page-heading:after{mix-blend-mode:normal}



/* White flower glyphs in both Learn ecosystem diagrams. */
.learn-page .learn-tree .learn-node > span[aria-hidden="true"]{color:#fff!important;-webkit-text-fill-color:#fff}
