/* Startpad ribbon identity. Artwork is displayed unchanged; small marks crop it in CSS. */
:root{--purple:#b88aff}
.brand-icon{position:relative;overflow:hidden;background:#07060b;border:1px solid #a970ed30;border-radius:9px;width:36px;height:36px;flex:none}
.brand-icon img{position:absolute;width:205%;max-width:none;height:auto;left:-52%;top:-16%}
.hero-art.ribbon-hero{height:560px;isolation:isolate}
.hero-art.ribbon-hero:before{inset:10%;background:radial-gradient(ellipse,#8045c91c,transparent 70%)}
.hero-logo{width:100%;max-width:540px;height:auto;display:block;mix-blend-mode:screen;filter:drop-shadow(0 15px 35px #7b38d518)}
.ribbon-hero .art-caption{bottom:0;color:#a68bbd;font-size:8px;letter-spacing:2.4px}
h1>span{background:linear-gradient(110deg,#d4b5ff,#a76af0 65%,#d9c2fa);background-clip:text;-webkit-background-clip:text;color:transparent}
.button.primary{background:linear-gradient(120deg,#c69aff,#a56aed);box-shadow:inset 0 1px 0 #ecdbff66,0 5px 24px #8f4fe323}
.button.primary:hover{background:linear-gradient(120deg,#dfbcff,#b67af8)}
.note-symbol,.flow-icon{overflow:hidden;position:relative;background:#09060e}
.ribbon-mark{width:42px;height:42px;position:relative;overflow:hidden;display:inline-block;flex:none;vertical-align:middle}
.ribbon-mark img{position:absolute;width:205%;max-width:none;height:auto;left:-52%;top:-16%;mix-blend-mode:screen}
.note-symbol .ribbon-mark{width:38px;height:38px}
.ticker i{font-size:0;display:block;width:18px;height:23px;background-image:url('/assets/startpad-logo-artwork.png');background-size:47px;background-position:50% 20%;mix-blend-mode:screen}
.funding-section{position:relative;overflow:hidden;background:radial-gradient(ellipse at 0 100%,#6a36972b,transparent 50%),#0e0b13}
.flow{position:relative}.flow:before{content:'';position:absolute;left:39px;top:30px;bottom:50px;width:1px;background:linear-gradient(transparent,#ac6fec,transparent);opacity:.45;z-index:0}.flow-row{position:relative;background:#17101f}.flow-row.highlight{background:linear-gradient(115deg,#342042,#1a1126);border-color:#9161ba;box-shadow:0 0 40px #8c41dc12}
.idea-visual{background:radial-gradient(ellipse at 50% 50%,#3c21554d,#100b17 75%);display:flex;justify-content:center;align-items:center;isolation:isolate}
.idea-visual .ribbon-study{position:absolute;inset:0;overflow:hidden;z-index:-1}
.ribbon-study img{position:absolute;width:290px;max-width:none;left:50%;top:-5px;transform:translateX(-50%);mix-blend-mode:screen;opacity:.9}
.tools .ribbon-study{transform:translateX(25px) rotate(-12deg)}
.community .ribbon-study{transform:scale(1.12) rotate(14deg)}
.discover .ribbon-study{transform:translateX(-15px) rotate(-25deg)}
.art-overlay{position:absolute;left:18px;right:18px;bottom:17px;padding:12px 15px;border:1px solid #d0a2ff38;border-radius:8px;background:#140c21c9;backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:space-between;color:#e4d0f8;font:500 12px var(--display);letter-spacing:-.2px}
.art-overlay span{font-size:20px;color:#ba8af5}.art-overlay small{display:block;font:400 7px var(--font);letter-spacing:1px;margin-top:3px;color:#b59bc8}
.closer{background:radial-gradient(ellipse at 85% 50%,#51227733,transparent 70%),#100b17;min-height:338px}
.closer-art{position:absolute;right:12px;top:-60px;width:460px;mix-blend-mode:screen;opacity:.85;pointer-events:none}
.closer>h2,.closer>p,.closer>.eyebrow,.closer>.button{position:relative;z-index:1}
.modal-icon.ribbon-mark{width:60px;height:60px;display:block}
@media(max-width:1000px){.hero-art.ribbon-hero{height:470px;transform:none}.hero-logo{width:110%;max-width:none}.closer-art{right:-60px;width:420px;top:-20px}}
@media(max-width:760px){.brand-icon{width:29px;height:29px}.hero-art.ribbon-hero{height:auto;min-height:360px;max-width:460px;align-self:center;width:100%;margin:12px 0 0;padding-bottom:24px}.hero-logo{width:110%;max-width:470px}.ribbon-hero .art-caption{font-size:7px;letter-spacing:1.6px;bottom:4px}.ribbon-study img{width:325px;top:-15px}.closer{min-height:315px}.closer-art{width:300px;right:-120px;top:20px;opacity:.36}.closer h2{max-width:240px}.idea-visual{height:230px}}

.ribbon-study img,.closer-art{height:auto}

#wallet-root{position:relative;flex:none}.button:disabled{cursor:wait;opacity:.6;transform:none}.wallet-feedback{position:absolute;right:0;top:calc(100% + 10px);width:260px;font-size:11px;color:#d8baf2;background:#1b1128;border-radius:6px;box-shadow:0 5px 25px #0008;z-index:20}.wallet-feedback:not(:empty){padding:12px}.wallet-address{display:block;overflow-wrap:anywhere;padding:14px;background:#100a18;border:1px solid #493259;border-radius:7px;color:#d5b3f5;font-size:12px}.account-dialog .wallet-account-note{margin:22px 0 0;font-size:11px;color:#a491b3}

