@font-face{font-family:Outfit;src:url('/assets/outfit.ttf') format('truetype');font-display:swap;font-weight:100 900}
@font-face{font-family:Chivo;src:url('/assets/chivo.ttf') format('truetype');font-display:swap;font-weight:100 900}
:root{--ink:#17212e;--paper:#f3f6f9;--white:#fff;--muted:#566574;--line:#d9e0e8;--blue:#91a8d0;--blue-pale:#dbe5f0}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Chivo,Arial,sans-serif;font-size:16px;line-height:1.5}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
a:focus-visible,button:focus-visible{outline:3px solid #567dbf;outline-offset:4px}
.shell{width:min(100% - 88px,1392px);margin-inline:auto}
.site-header{height:106px;display:flex;align-items:center;justify-content:space-between}
.brand{display:inline-flex;align-items:center;gap:13px;font:600 29px/1 Outfit,Arial,sans-serif;letter-spacing:-.06em}
.brand img{width:36px;height:36px}
.site-header nav{display:flex;align-items:center;gap:38px;font-size:15px;font-weight:600}
.site-header nav a:hover,.text-link:hover,.footer a:hover{text-decoration:underline;text-underline-offset:5px}
.site-header nav a[aria-current=page]{text-decoration:underline;text-underline-offset:7px}
.site-header .nav-app{background:var(--ink);color:#fff;padding:13px 21px;border-radius:9px}
.site-header .nav-app:hover{text-decoration:none;background:#2b3b4e}
.network-label{margin:0 0 26px;text-transform:uppercase;letter-spacing:.17em;font-size:12px;font-weight:700;color:#536b89}
.hero{min-height:680px;display:grid;grid-template-columns:1fr 1fr;gap:4%;align-items:center;padding-block:74px 116px}
.hero-copy{max-width:720px;position:relative;z-index:1}
h1,h2,h3,p{margin-top:0}
h1,h2,h3{font-family:Outfit,Arial,sans-serif;letter-spacing:-.055em;line-height:1.04}
.hero h1{font-size:clamp(76px,7vw,112px);font-weight:600;margin:0 0 33px}
.hero h1 span{color:#657d9c}
.hero-intro{max-width:585px;font-size:21px;line-height:1.48;color:#435466;margin-bottom:34px}
.hero-actions{display:flex;align-items:center;gap:29px;flex-wrap:wrap}
.hero-testnet{font-size:12px;color:#6d7f94;margin:18px 0 0}
.button{display:inline-flex;align-items:center;justify-content:center;min-height:51px;padding:13px 24px;border-radius:9px;font-size:15px;font-weight:700;transition:background .2s ease,transform .2s ease}
.button:hover{transform:translateY(-2px)}
.button-dark{background:var(--ink);color:#fff}
.button-dark:hover{background:#2b3b4e}
.button-light{background:#fff;color:var(--ink)}
.button-light:hover{background:#e9f0f7}
.text-link{font-size:15px;font-weight:700;text-decoration:underline;text-underline-offset:6px}
.block-art{height:522px;position:relative;align-self:center;overflow:hidden;border-radius:28px;background:#e5ebf2;box-shadow:inset 0 0 0 1px #d2dce6}
.block-art:before,.block-art:after{content:"";position:absolute;inset:auto 10% 12%;height:2px;background:#c3d0df}
.block-art:after{inset:12% 10% auto}
.block-art-cap,.block-art-base{position:absolute;left:10%;z-index:2;font-size:13px;letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:#607189}
.block-art-cap{top:6%}.block-art-base{bottom:5%}
.block-art-upper,.block-art-lower{position:absolute;left:10%;right:10%;height:31%;display:flex;gap:13px;transform:skewX(-9deg)}
.block-art-upper{top:18%}.block-art-lower{bottom:17%}
.block-art-upper i,.block-art-lower b{display:block;flex:1;border-radius:7px;background:#17212e;transform-origin:center;animation:separate 7s ease-in-out infinite alternate}
.block-art-upper i:nth-child(2),.block-art-lower b:nth-child(3){background:#475d77}
.block-art-upper i:nth-child(3),.block-art-lower b:nth-child(2){background:#91a8d0}
.block-art-lower b{background:#fff;box-shadow:inset 0 0 0 1px #cbd6e3;animation-name:join}
.block-art-gap{position:absolute;left:45%;right:45%;top:51%;height:1px;background:#607eac}
@keyframes separate{to{transform:translateY(-8px)}}
@keyframes join{to{transform:translateY(8px)}}
.mechanism-band{background:var(--ink);color:#fff;padding:76px 0 82px}
.mechanism-inner{display:grid;grid-template-columns:31% 1fr;gap:5%}
.mechanism-inner>p{font:500 clamp(39px,4vw,61px)/1.07 Outfit,Arial,sans-serif;letter-spacing:-.05em;margin:0;color:#fff}
.mechanism-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.mechanism-steps div{padding-top:2px}
.mechanism-steps span{display:block;color:var(--blue);font-size:13px;letter-spacing:.08em;font-weight:700;margin-bottom:27px}
.mechanism-steps strong{display:block;font:500 23px/1.13 Outfit,Arial,sans-serif;margin-bottom:13px}
.mechanism-steps small{display:block;font-size:14px;line-height:1.55;color:#abb8c7}
.exchange{padding-block:127px 140px}
.exchange-head{display:grid;grid-template-columns:1fr minmax(300px,440px);gap:8%;align-items:end}
.exchange h2,.last-call h2{font-size:clamp(53px,5.2vw,76px);font-weight:600;margin:0}
.exchange-head p{font-size:18px;line-height:1.53;color:#526172;margin:0 0 3px}
.allocation{margin-top:90px;background:#fff;border:1px solid var(--line);border-radius:23px;min-height:315px;display:grid;grid-template-columns:1fr 24% 1fr;align-items:center;padding:50px 6%;gap:20px}
.allocation-side span{display:block;font-size:14px;font-weight:700;color:#5b6d81;margin-bottom:22px}
.solid-lot{height:102px;border-radius:10px;background:var(--ink);max-width:390px}
.allocation-side small{display:block;font-size:13px;color:#6b7888;margin-top:18px}
.allocation-center{display:flex;align-items:center;gap:10px;color:#58749c;font-size:12px;font-weight:700;text-align:center;line-height:1.25}
.allocation-line{flex:1;height:2px;background:#a1b7d0}
.allocation-parts{display:flex;gap:7px;height:102px;max-width:390px}
.allocation-parts i{display:block;border-radius:7px;background:#b4c3d5;flex:1}
.allocation-parts i:first-child{flex:1.3;background:#5a7292}.allocation-parts i:nth-child(2){flex:.8;background:#91a8d0}.allocation-parts i:nth-child(3){flex:1.1;background:#7189aa}.allocation-parts i:nth-child(4){flex:.6;background:#cfdae7}
.exchange-note{max-width:700px;margin:29px 0 0;color:#627386;font-size:14px}
.last-call{background:#dfe7f0;padding-block:89px 98px}
.last-call-inner{display:grid;grid-template-columns:1fr 360px;gap:10%;align-items:end}
.last-call-inner p{font-size:18px;color:#425568;margin:0 0 24px}
.footer{background:#111a25;color:#fff;padding:56px 0 48px}
.footer-inner{display:grid;grid-template-columns:1fr auto;gap:26px 50px;align-items:center}
.footer-brand img{filter:none}
.footer-inner>div{display:flex;gap:24px;font-size:14px}
.footer-inner>p{grid-column:1/-1;max-width:780px;color:#9caaba;font-size:13px;margin:6px 0 0}
.docs-layout{display:grid;grid-template-columns:230px minmax(0,790px);gap:9%;padding-block:80px 145px;min-height:80vh}
.docs-nav{position:sticky;top:30px;align-self:start;display:flex;flex-direction:column;gap:13px;font-size:14px}
.docs-nav p{color:#79899a;font-size:12px;text-transform:uppercase;letter-spacing:.12em;font-weight:700;margin-bottom:10px}
.docs-nav a:hover{text-decoration:underline;text-underline-offset:4px}
.docs-content h1{font-size:clamp(51px,5vw,74px);margin:0 0 25px}
.docs-content .lead{font-size:21px;line-height:1.5;color:#4b5b6b;margin-bottom:80px}
.docs-content section{padding-top:58px;margin-top:58px;border-top:1px solid var(--line);scroll-margin-top:20px}
.docs-content section h2{font-size:36px;margin:0 0 21px}
.docs-content p,.docs-content li{color:#4e5d6d;font-size:16px;line-height:1.7}
.docs-content ol{padding-left:23px}
.docs-content li{padding-left:8px;margin-bottom:18px}
.docs-content li strong{color:var(--ink)}
.docs-content .docs-state{background:#e5ebf2;padding:33px 36px;border:0;border-radius:15px}
.docs-state h2{font-size:30px!important}
.project-token{display:flex;align-items:center;flex-wrap:wrap;gap:12px 18px;margin-top:28px;padding:20px 22px;border:1px solid var(--line);border-radius:13px;background:#fff}
.project-token h2{flex-basis:100%;font-size:25px!important;margin:0!important}
.project-token strong{font:700 25px/1 Outfit,Arial,sans-serif}
.project-token span{color:#516274;font-size:13px;overflow-wrap:anywhere;min-width:0}
.project-token button,.project-token a{padding:9px 13px;border:1px solid #b6c3d1;border-radius:8px;background:#fff;color:var(--ink);font:600 13px/1.3 Chivo,Arial,sans-serif;cursor:pointer}
.project-token button:hover,.project-token a:hover{background:#e3eaf2}
.app-shell{padding-block:77px 140px;min-height:75vh}
.app-top{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-bottom:56px}
.app-top h1{font-size:clamp(54px,5vw,78px);margin:0}
.availability{border:1px solid #c0cdda;border-radius:100px;padding:10px 16px;font-size:13px;color:#53677f;font-weight:700;white-space:nowrap}
.app-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,1fr);gap:28px}
.empty-market,.app-explain{border-radius:23px;background:#fff;border:1px solid var(--line)}
.empty-market{min-height:520px;padding:55px 6%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.empty-mark{height:128px;width:128px;display:flex;gap:13px;margin-bottom:38px}
.empty-mark span{display:block;width:55px;height:120px;border:17px solid var(--ink);border-radius:24px 5px 5px 24px;border-right:0}
.empty-mark span+span{transform:rotate(180deg);border-color:var(--blue)}
.empty-market h2{font-size:43px;margin:0 0 17px}
.empty-market p{max-width:550px;color:#556678;font-size:17px;line-height:1.57;margin-bottom:29px}
.app-explain{padding:48px 45px}
.app-explain h2{font-size:30px;margin:0 0 28px}
.app-explain p{color:#5c6c7d;line-height:1.65}
.app-explain-rule{height:1px;background:var(--line);margin:30px 0}
.app-top-controls{display:flex;align-items:center;gap:14px}
.app-status{background:#e6edf5;color:#28415e;border:1px solid #c1d1e3;border-radius:11px;padding:14px 18px;margin:0 0 24px;font-size:14px}
.app-status.error{background:#fff1ef;border-color:#e8b9b3;color:#8a342f}
.app-status.success{background:#eaf5ef;border-color:#bbd8c6;color:#28623c}
.app-status a{text-decoration:underline;text-underline-offset:3px}
.test-assets{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:0 0 38px;padding:20px 22px;border:1px solid var(--line);border-radius:14px;background:#fff}
.test-assets p{flex:1 1 300px;margin:0 12px 0 0;color:#5c6c7d;font-size:14px;line-height:1.5}
.test-assets .button{min-height:43px;padding:9px 13px;font-size:13px}
.market-shell h2{font-size:35px;margin:0 0 8px}
.market-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:25px}
.market-head p,.create-section>div p{color:#637487;margin:0}
.button-outline{background:transparent;border:1px solid #b6c3d1;color:var(--ink);cursor:pointer}
.button-outline:hover{background:#e3eaf2}
button{font:inherit;cursor:pointer}
button:disabled{opacity:.55;cursor:wait;transform:none!important}
.deal-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-bottom:24px}
.deal-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:27px;min-width:0}
.deal-top{display:flex;align-items:center;justify-content:space-between;gap:15px}
.deal-top h3{font-size:30px;margin:0}
.deal-badge{border-radius:100px;padding:7px 11px;background:#e6edf4;color:#35506f;font-size:12px;font-weight:700}
.deal-badge.funded{background:#e4f1e9;color:#24643c}
.deal-badge.expired{background:#f1e9e4;color:#865c39}
.deal-subtitle{color:#758495;font-size:13px;margin:9px 0 25px}
.deal-token-link{display:inline-block;color:#536f91;font-size:12px;text-decoration:underline;text-underline-offset:3px;margin:-15px 0 23px;overflow-wrap:anywhere}
.deal-facts{display:grid;grid-template-columns:1fr 1fr;gap:18px 22px}
.deal-facts>div{display:flex;flex-direction:column;gap:3px;min-width:0}
.deal-facts span{font-size:12px;color:#6d7c8d}
.deal-facts strong{font-size:15px;white-space:normal;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.funding-track{height:9px;border-radius:99px;background:#e4eaf1;margin-top:24px;overflow:hidden}
.funding-track i{display:block;height:100%;background:#91a8d0;border-radius:99px}
.deal-actions{display:flex;flex-wrap:wrap;gap:11px;margin-top:22px}
.deal-actions .button{min-height:43px;padding:10px 14px;font-size:13px}
.commit-form{display:flex;align-items:end;gap:10px;flex-wrap:wrap;width:100%}
.commit-form label{font-size:12px;color:#637487;flex:1;min-width:150px}
.commit-form input{display:block;width:100%;height:43px;border:1px solid #b7c5d4;border-radius:8px;padding:0 12px;margin-top:6px;font-size:15px;color:var(--ink)}
.commit-form .button{border:0}
.deal-error,.empty-list{grid-column:1/-1;color:#66798d;background:#fff;border:1px solid var(--line);border-radius:13px;padding:26px}
.create-section{display:grid;grid-template-columns:1fr 1.3fr;gap:7%;margin-top:90px;padding-top:65px;border-top:1px solid var(--line)}
.create-section form{display:grid;grid-template-columns:1fr 1fr;gap:19px;background:#fff;border:1px solid var(--line);padding:31px;border-radius:19px}
.create-section label{font-size:13px;font-weight:700;color:#506172}
.create-section input,.create-section select{display:block;width:100%;height:45px;margin-top:7px;border:1px solid #bdc9d7;border-radius:8px;padding:0 12px;background:#fff;color:var(--ink);font:inherit;font-weight:400}
.create-section label:first-child,.create-section label:last-of-type,.transaction-note{grid-column:1/-1}
.transaction-note{font-size:13px;line-height:1.55;color:#637487;margin:0}
.create-section form .button{border:0;justify-self:start}
[hidden]{display:none!important}
@media(max-width:1100px){.shell{width:min(100% - 56px,1392px)}.hero{min-height:570px}.hero h1{font-size:clamp(58px,7vw,88px)}.hero-intro{font-size:18px}.mechanism-inner{grid-template-columns:1fr}.mechanism-steps{margin-top:30px}.exchange-head{gap:5%}.allocation{padding-inline:4%}.last-call-inner{grid-template-columns:1fr 310px}}
@media(max-width:740px){.shell{width:min(100% - 36px,1392px)}.site-header{height:77px}.brand{font-size:24px}.brand img{width:30px;height:30px}.site-header nav{gap:19px;font-size:13px}.site-header .nav-app{padding:10px 13px}.hero{grid-template-columns:1fr;padding-block:65px 70px;gap:45px;min-height:0}.network-label{font-size:11px;margin-bottom:20px}.hero h1{font-size:clamp(58px,12vw,88px);margin-bottom:24px}.hero-intro{font-size:17px}.block-art{height:350px}.mechanism-band{padding-block:59px}.mechanism-inner>p{font-size:48px}.mechanism-steps{grid-template-columns:1fr;gap:27px}.mechanism-steps div{display:grid;grid-template-columns:39px 1fr;gap:0 12px}.mechanism-steps span{grid-row:1/3;margin:0}.mechanism-steps strong{font-size:21px;margin-bottom:5px}.mechanism-steps small{font-size:14px}.exchange{padding-block:79px 91px}.exchange-head{grid-template-columns:1fr}.exchange h2,.last-call h2{font-size:clamp(47px,9vw,68px)}.exchange-head p{font-size:16px;margin-top:24px}.allocation{margin-top:45px;grid-template-columns:1fr;gap:20px;padding:26px;min-height:0}.allocation-center{height:46px;transform:rotate(90deg);width:140px;justify-self:center}.allocation-side span{margin-bottom:13px}.solid-lot,.allocation-parts{height:65px;max-width:none}.allocation-side small{margin-top:10px}.last-call{padding-block:67px}.last-call-inner{grid-template-columns:1fr;gap:24px}.last-call-inner p{font-size:16px}.footer{padding-block:42px}.footer-inner{grid-template-columns:1fr}.footer-inner>p{grid-column:auto}.docs-layout{display:block;padding-block:54px 90px}.docs-nav{position:static;flex-direction:row;flex-wrap:wrap;gap:9px 17px;margin-bottom:56px}.docs-nav p{width:100%;margin-bottom:0}.docs-content h1{font-size:52px}.docs-content .lead{font-size:18px;margin-bottom:56px}.docs-content section{margin-top:42px;padding-top:42px}.app-shell{padding-block:55px 90px}.app-top{align-items:flex-start;flex-direction:column;gap:14px;margin-bottom:30px}.app-top h1{font-size:54px}.app-grid{grid-template-columns:1fr}.empty-market{min-height:430px;padding:42px 28px}.empty-market h2{font-size:36px}.app-explain{padding:36px 28px}}
@media(max-width:900px){.deal-list{grid-template-columns:1fr}.create-section{grid-template-columns:1fr;gap:25px}}
@media(max-width:740px){.app-top-controls{width:100%;justify-content:space-between}.create-section{margin-top:62px;padding-top:40px}.create-section form{padding:22px}.market-head{align-items:start}.deal-card{padding:22px}}
@media(max-width:390px){.site-header nav{gap:11px}.site-header .nav-app{padding:9px 10px}.hero h1{font-size:52px}.hero-actions{gap:20px}.block-art{height:270px}.docs-content h1{font-size:45px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.block-art-upper i,.block-art-lower b{animation:none}.button{transition:none}.button:hover{transform:none}}
