/* Centered introduction and wide product dashboard, inspired by Credo. */
header{max-width:1240px;height:84px;padding:0 36px;border-bottom:1px solid #ffffff0b}header .brand{font-size:23px}header .button{background:#b8d3fb;color:#101a2a;border-color:#b8d3fb}nav{gap:28px}.hero{position:relative;padding-top:55px;max-width:1240px}.hero:before{content:'';position:absolute;top:25px;left:0;right:0;height:670px;background:radial-gradient(ellipse at 50% 75%,#31518120,transparent 65%);z-index:-1;pointer-events:none}.hero>.eyebrow{justify-content:center;color:#9aa9bf;letter-spacing:1.5px;font-size:9px}.hero-grid{display:flex;flex-direction:column;gap:55px;padding-top:27px;padding-bottom:37px}.hero-grid>div:first-child{text-align:center;width:100%}.hero h1{font-size:clamp(45px,5.1vw,72px);font-weight:650;line-height:1.12;letter-spacing:-3.8px}.hero h1 em{font-weight:600;background:linear-gradient(100deg,#d8e5fa,#86b5f6);background-clip:text;-webkit-text-fill-color:transparent}.hero .intro{font-size:15px;line-height:1.85;max-width:650px;margin:23px auto 26px}.hero .actions{justify-content:center}.hero .actions>.text-link{padding:15px 23px;background:#14171c;border:1px solid #30343c;border-radius:8px}.hero-note{justify-content:center;margin-top:26px;font-size:8px;letter-spacing:1.1px}.dashboard-rim{width:100%;max-width:1000px;padding:5px;border-radius:16px;background:linear-gradient(130deg,#6f91c338,#171a20 35%,#182537);border:1px solid #38445a;box-shadow:0 0 85px #4269a00c,0 30px 80px #0005;text-align:left}.dashboard-top{height:35px;padding:0 16px;display:flex;align-items:center;gap:20px;font-size:8px;color:#707e91;letter-spacing:.4px}.window-dots{letter-spacing:3px;color:#465263;font-size:8px}.dashboard-preview{margin-left:auto;font-size:7px;letter-spacing:1.5px}.dashboard{display:grid;grid-template-columns:180px 1fr;border:1px solid #2a303b;border-radius:9px;overflow:hidden;background:#0b0e13}.dashboard-side{position:relative;padding:25px 14px;border-right:1px solid #252b35;background:#0e1117;display:flex;flex-direction:column;gap:8px}.dashboard-side .brand{font-size:18px;gap:5px;margin-bottom:28px;letter-spacing:-.9px}.dashboard-side .brand img{width:26px;height:26px}.side-label{font-size:8px;letter-spacing:1.1px;color:#76859a}.dashboard-side>.side-label{margin:0 8px 8px}.dashboard-side>a{padding:11px 10px;border-radius:5px;font-size:10px;color:#99a5b7}.dashboard-side>a.active{background:#1b293d;color:#b7d6ff;border:1px solid #324c70}.dashboard-side>a:hover{background:#1a222f}.side-bottom{margin-top:auto;padding-top:50px;display:flex;align-items:center;gap:6px;font-size:8px;color:#8091a8}.side-bottom i{height:4px;width:4px;background:#9fc3fa;border-radius:50%}.side-bottom span{margin-left:auto}.dashboard-main{padding:26px 28px}.dash-heading{display:flex;justify-content:space-between;align-items:center;gap:15px}.dash-heading h3{font-size:20px;margin-top:7px;font-weight:600;letter-spacing:-.6px}.dash-heading .button{font-size:9px;padding:9px 12px;border-radius:5px}.dash-stages{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;margin:23px 0}.dash-stages>div{border:1px solid #283140;border-radius:7px;padding:16px 13px;background:linear-gradient(120deg,#141c27,#11151c)}.dash-stages span{font-size:7px;letter-spacing:.8px;color:#7e9cc4;display:block}.dash-stages b{display:block;margin:12px 0 7px;font-weight:500;font-size:12px;letter-spacing:-.2px}.dash-stages small{font-size:8px;color:#7f8ca0}.dash-lower{display:grid;grid-template-columns:1.15fr 1fr;gap:18px}.dash-project{border:1px solid #27303e;background:#10151e;border-radius:8px;padding:16px}.dash-project-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.dash-project-head>span:first-child{font-size:7px;letter-spacing:1px;color:#8f9eb4}.dash-project-head .draft-badge{font-size:7px}.dash-token{display:flex;align-items:center;gap:13px;margin:21px 0}.dash-symbol{height:51px;width:51px;border:1px solid #334864;background:radial-gradient(ellipse at bottom,#385f9444,transparent),#121c2c;border-radius:10px;display:grid;place-items:center}.dash-symbol img{width:30px}.dash-token h3{font-size:15px;letter-spacing:-.3px;font-weight:500}.dash-token div>span{font-size:9px;color:#7e8fa6;display:block;margin-top:5px}.token-arrow{margin-left:auto;color:#7c94b5}.dash-metadata{display:flex;flex-direction:column;gap:12px;border-top:1px solid #26303e;padding-top:13px}.dash-metadata>span{display:flex;justify-content:space-between;font-size:8px;color:#7d8ca1}.dash-metadata b{font-weight:400;color:#b6c4d7}.dash-project .preview-action{margin:17px 0 0;font-size:9px}.dash-checklist{padding:8px 4px}.dash-checklist h4{font-family:Manrope;font-size:13px;font-weight:500;margin:11px 0 18px}.dash-checklist p{font-size:9px;margin-bottom:10px}.dash-checklist i{font-style:normal;color:#a7c8f7;margin-right:8px;background:#1b2a3f;border-radius:50%;padding:2px 4px;font-size:7px}.checklist-note{margin-top:25px;border-top:1px solid #242c37;padding-top:16px;font-size:9px;line-height:1.7;color:#77859a}.checklist-note strong{font-weight:400;color:#abbad0}.hero-bottom{max-width:1000px;margin:auto;border-top:0;font-size:10px;padding-top:0}.about{padding-top:90px;padding-bottom:70px;text-align:center;grid-template-columns:1fr;gap:0;max-width:850px;border-bottom:0}.about>.eyebrow{justify-content:center;margin-bottom:18px}.about h2{font-size:43px;letter-spacing:-1.8px;font-weight:600}.about-copy{max-width:680px;margin:23px auto 0}.about-copy p{font-size:14px}.section-heading{justify-content:center;text-align:center;flex-direction:column;align-items:center;gap:15px}.section-heading .eyebrow{justify-content:center}.section-heading h2{font-size:39px;font-weight:600}.section-heading>p br{display:none}.steps{border:0;gap:14px}.steps>a,.steps>a:first-child{padding:25px;border:1px solid #292d35;border-radius:11px;background:linear-gradient(145deg,#161a22,#0d1015)}.steps>a:last-child{border:1px solid #292d35}.steps>a:hover{border-color:#4a6385;background:#141b26}.step-icon{margin:25px 0 20px}.section{padding-top:75px}.feature-grid{gap:16px}.feature{background:radial-gradient(ellipse at 100% 0%,#3c649520,transparent 60%),#0e1117}.faq{padding-top:95px}.faq h2{font-weight:600}.final{text-align:center;background:radial-gradient(ellipse at 50% 120%,#2b538340,transparent 70%),#0e1015}.final>.eyebrow{justify-content:center}.final h2{font-weight:600;font-size:57px}.final-art{display:none}@media(max-width:1000px){.hero h1{font-size:57px}.dashboard{grid-template-columns:150px 1fr}.dashboard-main{padding:20px}.dash-stages>div{padding:13px 10px}.dash-stages b{font-size:11px}.steps>a,.steps>a:first-child{padding:20px}.dashboard-side{padding:20px 10px}}@media(max-width:700px){header{height:76px;padding:0 22px}.hero{padding-top:35px}.hero>.eyebrow{font-size:7px;letter-spacing:1px}.hero-grid{gap:35px;padding-top:24px}.hero h1{font-size:43px;letter-spacing:-2.1px;line-height:1.14}.hero .intro{font-size:13px;max-width:340px;margin-top:20px}.hero .intro br{display:none}.hero .actions{gap:10px}.hero .actions .button,.hero .actions>.text-link{font-size:11px;padding:13px 14px}.hero-note{font-size:7px;gap:10px;margin-top:22px}.dashboard-rim{padding:3px;border-radius:11px}.dashboard-top{font-size:7px;gap:11px;padding:0 9px;height:28px}.dashboard-preview{font-size:6px;letter-spacing:.7px}.dashboard{grid-template-columns:1fr}.dashboard-side{display:none}.dashboard-main{padding:17px 13px}.dash-heading h3{font-size:17px}.dash-heading .button{font-size:8px;padding:8px}.dash-stages{gap:6px;margin:17px 0}.dash-stages>div{padding:11px 8px}.dash-stages span{font-size:6px;letter-spacing:.2px}.dash-stages b{font-size:10px;line-height:1.5;margin:8px 0 0}.dash-stages small{display:none}.dash-lower{grid-template-columns:1fr}.dash-checklist{display:none}.dash-project{padding:13px}.dash-token{margin:17px 0}.hero-bottom{align-items:center;font-size:9px;gap:6px}.hero-bottom>span:last-child{font-size:8px}.about{padding-top:55px;padding-bottom:25px}.about h2{font-size:33px}.about-copy p{font-size:13px}.section{padding-top:55px}.section-heading h2{font-size:31px}.steps{gap:10px}.steps>a,.steps>a:first-child{padding:20px 15px}.steps>a:nth-child(2){border-right:1px solid #292d35}.steps h3{font-size:14px}.steps p{font-size:11px}.step-link{font-size:9px}.faq{padding-top:65px}.final h2{font-size:44px}}