/* WellBuilt: smoked glass, cool light, and restrained motion. */
:root{--bg:#080b10;--panel:#111820;--line:#ffffff16;--text:#f2f7fa;--muted:#a0aab7;--ease:cubic-bezier(.22,1,.36,1)}
body{background:#080b10;isolation:isolate}
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 75% 5%,#55889b30,transparent 47%),radial-gradient(ellipse at 10% 65%,#47548622,transparent 48%),linear-gradient(145deg,#0b1017,#080b10 70%)}
body::after{content:"";position:fixed;z-index:-1;pointer-events:none;width:60vw;height:60vw;right:-22vw;top:10vh;border-radius:50%;background:radial-gradient(circle,#86c4d410,transparent 68%)}
body>aside{background:#0b1018d9;border-right-color:#ffffff12;backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px)}
.brandmark{font:600 30px/40px Inter,Arial,sans-serif;letter-spacing:-3px;text-shadow:0 0 22px #b6eeff44}
aside>.brand strong{display:block;font-size:21px;letter-spacing:-.8px}
.token-icon{font:600 19px Inter,Arial,sans-serif;background:linear-gradient(140deg,#c2ebf522,#ffffff06);border:1px solid #ffffff20;box-shadow:inset 0 1px #ffffff20}
.sidebar-bottom b,.sidebar-bottom small{font-size:12px}
nav{gap:8px}nav a{position:relative;border-radius:12px;padding:13px 12px;margin:0 -10px;font-size:15px;color:#a1acba;transition:background .25s,color .25s,box-shadow .25s}
nav a:hover{background:#ffffff06}nav a.active{background:linear-gradient(115deg,#bbecff16,#ffffff04);box-shadow:inset 0 1px #ffffff15,inset 0 0 0 1px #ffffff09;color:#e7f8ff}
header{position:relative;z-index:3;background:#0c131c66;border-color:#ffffff10;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);height:78px}
.header-search{background:#ffffff03;border-color:#ffffff16;color:#a2afbd;font-size:12px;transition:border-color .25s,background .25s}.header-search:hover{background:#ffffff07;border-color:#ffffff30}
.status{color:#bdc8d4;border:1px solid #ffffff1a;background:#ffffff06;border-radius:30px;padding:7px 10px}
main{padding:0 32px}.hero{position:relative;padding:74px 0 64px}.hero::before{content:"";position:absolute;inset:5% 15%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse,#b8e7ef12,transparent 68%)}
.hero h1{font-weight:450;line-height:1.12;letter-spacing:-3px;background:linear-gradient(115deg,#fff 20%,#d2e9ed 62%,#819cae);background-clip:text;-webkit-background-clip:text;color:transparent}
.hero p{color:#a5b1bf;font-size:16px}.inline-badge{background:#badce60a;border-color:#c7e9ff25;color:#d4e7ee;padding:3px 10px}.hero-actions{margin-top:30px}
.home-tile,.home-lower>a,.dashboard-panel,.metric-grid>div,.proof-card,.proof-intro,.offering-card{position:relative;background:linear-gradient(145deg,#ffffff0c,#b4d5ee03 65%),#10161ddd;border:1px solid #ffffff18;box-shadow:inset 0 1px 0 #ffffff15,0 12px 36px #00000024;border-radius:20px;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.home-tile::before,.home-lower>a::before,.offering-card::before{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;z-index:1;background:radial-gradient(420px circle at var(--light-x,50%) var(--light-y,0%),#ddf6ff0d,transparent 65%);opacity:0;transition:opacity .4s}
.home-tile:hover::before,.home-lower>a:hover::before,.offering-card:hover::before{opacity:1}
.home-panels{gap:20px}.home-lower{gap:20px;margin-top:20px}.mini-list{padding:24px;gap:12px}.mini-list>div{background:#050a1070;border:1px solid #ffffff09;border-radius:12px;padding:14px}.mini-list b{font-size:14px}.mini-list small{font-size:12px;color:#94a1b0}.mini-min{font-size:14px}.mini-list img{border-radius:8px}.tile-caption{background:#ffffff03;border-color:#ffffff12;padding:20px 24px;font-size:14px}.tile-caption>span{font-size:12px;color:#b3cad6}
.mini-round{padding:28px}.mini-round h2{font-size:30px;letter-spacing:-1px}.mini-round p{font-size:14px;color:#a1afbe}.mini-flow{gap:14px;color:#9db5c4}.mini-flow span{position:relative;background:linear-gradient(140deg,#bddfec17,#ffffff03);border-color:#ffffff20;font-size:13px;padding:9px 17px;box-shadow:inset 0 1px #ffffff12}
.home-lower>a{padding:25px}.home-lower svg{color:#b5d2df}.home-lower h3{font-size:16px}.home-lower p{font-size:14px;color:#9eabba}.home-lower>a>span{font-size:13px;color:#b6d6e2}
.button,.wallet{position:relative;overflow:hidden;isolation:isolate;min-height:44px;transition:transform .28s var(--ease),box-shadow .28s,border-color .28s,background .28s;font-size:13px}
.button.light{background:linear-gradient(135deg,#fff,#d5e8f0);border-color:#effaffcc;color:#14212c;box-shadow:inset 0 1px #fff,0 4px 16px #afddf316}
.button.outline,.wallet{background:linear-gradient(140deg,#ffffff0d,#ffffff03);border-color:#ffffff22;box-shadow:inset 0 1px #ffffff0f;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.button::after,.wallet::after{content:"";position:absolute;inset:-80% -50%;pointer-events:none;background:linear-gradient(105deg,transparent 40%,#ffffff30 50%,transparent 60%);transform:translateX(-85%) rotate(-8deg);transition:transform .7s var(--ease);z-index:-1}
.button:hover::after,.wallet:hover::after{transform:translateX(85%) rotate(-8deg)}
.button.light:hover{background:linear-gradient(135deg,#fff,#e1f4ff);box-shadow:0 8px 28px #b5e6ff25}.button.outline:hover,.wallet:hover{border-color:#d1eeff55;box-shadow:inset 0 1px #ffffff20,0 6px 22px #0003}
.button:focus-visible,.wallet:focus-visible,a:focus-visible,button:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid #a9dcf1;outline-offset:4px}
.notice{background:#c4e9ff05;border-color:#ffffff12;color:#a1b1c0;border-radius:12px;font-size:12px}.pill{background:#c1e6fc09;border-color:#c1e6fc22;color:#b9cddd;font-size:12px;padding:6px 10px}.page-heading h1{font-size:40px;font-weight:450}.page-heading p{color:#a2afbf;font-size:15px}.overline{font-size:12px;color:#93acbc;letter-spacing:1.7px}.muted{color:#9dabbc;font-size:12px}
.directory-controls input,.directory-controls select,.search-field{background:#111923;border-color:#ffffff1c;font-size:14px;border-radius:10px}.search-field input{background:transparent}.result-line{font-size:12px;color:#9caabb}.offering-image{background:#18212b;border-color:#ffffff12}.offering-body{padding:22px}.offering-sector{font-size:12px;color:#a6bccb}.company-name{font-size:18px}.offering-body>p{font-size:14px;color:#a2afbf}.offering-numbers small{font-size:12px;color:#8e9ead}.offering-numbers b{font-size:14px}.offering-foot,.offering-foot button{font-size:13px;color:#c7dce8}.offering-foot{border-color:#ffffff13}.image-badge{font-size:12px;background:#0a131caa;backdrop-filter:blur(12px)}
.dashboard-panel p,.proof-intro p{font-size:14px;color:#a0b0c0}.round-rules>span,.round-rules b,.round-banner label,.metric-grid label{font-size:13px}.round-rules>span{color:#98a7b7}.round-rules b{color:#ccdbe6}.metric-grid small{font-size:12px;color:#93a3b3}.proposal-result{background:#ffffff04;border-color:#ffffff19;border-radius:12px;transition:background .25s,border-color .25s}.proposal-result:hover,.proposal-result.selected{background:#c6e7ff0d;border-color:#b9e6ff55}.proposal-name{font-size:14px}.proposal-weight{font-size:12px}.result-track{background:#ffffff0e}.result-track>span{background:linear-gradient(90deg,#7799ae,#d3f5ff);box-shadow:0 0 12px #a5dcff44}.empty-state{font-size:14px}.fineprint{font-size:12px!important;color:#8d9dad!important}.governance-help ol{font-size:13px;color:#9babbc}.feed-entry b,.feed-entry p{font-size:13px}.feed-entry small{font-size:12px}
dialog{background:linear-gradient(140deg,#263441e8,#101820f5);border-color:#e1f2ff30;box-shadow:inset 0 1px #ffffff22,0 32px 100px #0009;backdrop-filter:blur(32px);-webkit-backdrop-filter:blur(32px);border-radius:22px}dialog::backdrop{background:#0308109e;backdrop-filter:blur(10px)}.detail-footer{background:#15212eed;backdrop-filter:blur(20px)}dialog p{font-size:14px;color:#adbdcb}.detail-tabs button{font-size:14px}.faq summary{font-size:16px}.faq details p{font-size:14px;color:#a3b1bf}footer{border-color:#ffffff12}footer>span{font-size:12px}footer p{font-size:12px;color:#8798a9}
.hero p br{display:block}
.press-ring{position:absolute;pointer-events:none;width:14px;height:14px;border-radius:50%;border:1px solid #ceeaff88;transform:translate(-50%,-50%);animation:wellbuilt-ripple .65s ease-out forwards}
@keyframes wellbuilt-ripple{to{opacity:0;transform:translate(-50%,-50%) scale(22)}}
@keyframes wellbuilt-rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@keyframes wellbuilt-ambient{from{transform:translate3d(0,-4%,0)}to{transform:translate3d(-12%,12%,0)}}
@keyframes wellbuilt-flow{0%,70%,100%{border-color:#ffffff20;background-color:#ffffff00}25%{border-color:#c4edff60;background-color:#c4edff10}}
@media(prefers-reduced-motion:no-preference){body::after{animation:wellbuilt-ambient 18s ease-in-out infinite alternate}.view:not([hidden]){animation:wellbuilt-rise .55s var(--ease) both}.reveal-ready{opacity:0;transform:translateY(18px)}.reveal-ready.is-revealed{animation:wellbuilt-rise .65s var(--ease) var(--reveal-delay,0ms) both}.mini-flow span{animation:wellbuilt-flow 6s ease-in-out infinite}.mini-flow span:nth-of-type(2){animation-delay:1s}.mini-flow span:nth-of-type(3){animation-delay:2s}.tile-caption>span,.home-lower>a>span{transition:transform .3s var(--ease)}.home-tile:hover .tile-caption>span,.home-lower>a:hover>span{transform:translateX(4px)}}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.home-tile:hover,.offering-card:hover{transform:translateY(-4px);border-color:#c9eaff38;box-shadow:inset 0 1px #ffffff25,0 18px 45px #0004}.button:hover,.wallet:hover{transform:translateY(-2px)}}
@media(min-width:851px) and (max-width:1150px){aside>.brand strong{font-size:18px}nav a{font-size:14px;gap:12px}}
@media(max-width:850px){aside>.brand strong{display:none}.brandmark{font-size:26px}nav a{font-size:0;padding:13px 4px;margin:0 -6px}main{padding:0 22px}.hero{padding:54px 0}.hero h1{letter-spacing:-2px}.home-panels{gap:14px}.mini-list{padding:16px}.mini-list>div{padding:10px}.mini-round{padding:22px}.mini-round h2{font-size:26px}.mini-flow{gap:9px}.mini-flow span{padding:8px 12px}}
@media(max-width:600px){main{padding:0 16px}header{height:70px;padding:0 12px;gap:8px}.header-right{gap:7px}.header-search{font-size:0;flex:0 0 38px;width:38px;padding:10px}.header-search svg{width:17px}.header-right{margin-left:auto}.wallet{font-size:12px;padding:10px 12px}.hero{padding:44px 0}.hero h1{font-size:36px;letter-spacing:-1.8px}.hero p{font-size:14px}.hero-actions{flex-wrap:wrap}.button{font-size:13px;padding:13px 16px}.home-lower{gap:12px}.mini-list b{font-size:13px}.mini-list small{font-size:12px}.mini-list img{width:42px;height:42px}.mini-min{font-size:12px}.mini-flow{gap:8px}.mini-flow span{padding:8px 12px}.page-heading h1{font-size:32px}.directory-controls select{font-size:12px}.metric-grid{grid-template-columns:1fr}.detail-tabs{gap:15px}.detail-tabs button{font-size:13px}.home-tile,.home-lower>a,.offering-card{backdrop-filter:none;-webkit-backdrop-filter:none}footer{gap:14px}.brand strong{font-size:19px}}
@media(prefers-reduced-motion:reduce){.reveal-ready{opacity:1;transform:none}.press-ring{display:none}body::after{animation:none}.button:hover,.wallet:hover,.home-tile:hover,.offering-card:hover{transform:none}.button::after,.wallet::after{display:none}}