*{box-sizing:border-box}html{scroll-behavior:smooth}:root{--dark:#08110c;--dark2:#0e1a12;--paper:#f0eee5;--paper2:#faf8f1;--gold:#d0b66c;--mint:#88c9a4;--line:rgba(11,18,14,.15);--wrap:min(1360px,calc(100vw - 64px))}body{margin:0;font-family:Manrope,sans-serif;color:#111812;background:var(--paper);overflow-x:hidden}a{text-decoration:none;color:inherit}button,input,textarea,select{font:inherit}.grain{position:fixed;inset:0;pointer-events:none;z-index:999;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}header{position:fixed;z-index:100;top:18px;left:50%;transform:translateX(-50%);width:var(--wrap);height:66px;padding:0 14px 0 16px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border:1px solid rgba(255,255,255,.14);border-radius:999px;color:#fff;background:rgba(8,17,12,.62);backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;gap:10px;width:max-content}.seal{width:40px;height:40px;padding:3px;border:1px solid rgba(208,182,108,.55);border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.08),rgba(8,8,8,.96));box-shadow:inset 0 0 0 1px rgba(255,255,255,.04)}.seal img{width:100%;height:100%;display:block;object-fit:contain;filter:grayscale(1) contrast(1.12) drop-shadow(0 0 8px rgba(255,255,255,.10))}.brand>span:last-child{display:grid}.brand b{font-size:14px;letter-spacing:.17em}.brand small{font:8px 'DM Mono';opacity:.45;text-transform:uppercase}header nav{display:flex;gap:28px;font-size:12px}header nav a{opacity:.72}header nav a:hover{opacity:1}.connect{justify-self:end;height:40px;padding:0 17px;border:0;border-radius:999px;background:#e9e2cf;color:#111812}.hero{position:relative;min-height:100svh;padding:155px max(32px,calc((100vw - 1360px)/2)) 45px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;overflow:hidden;color:#fff;background:radial-gradient(circle at 75% 42%,rgba(62,140,99,.28),transparent 35%),linear-gradient(140deg,#07100b,#0b1710 52%,#10251a)}.hero-copy,.tree{position:relative;z-index:3}.eyebrow,.label{font:10px 'DM Mono';letter-spacing:.16em;color:var(--gold);text-transform:uppercase}.hero h1,.thesis h2,.section-head h2,.launch-copy h2,.closing h2{margin:20px 0 0;font-weight:500;letter-spacing:-.065em;line-height:.9}.hero h1{font-size:clamp(64px,7.3vw,120px)}h1 em,.closing em{font-style:normal;color:var(--mint)}.lead{max-width:620px;margin:32px 0 0;color:rgba(255,255,255,.58);font-size:17px;line-height:1.6}.actions{display:flex;gap:10px;margin-top:34px}.primary,.secondary{min-height:52px;padding:0 22px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:600}.primary{background:var(--gold);color:#15150f;border:1px solid var(--gold)}.secondary{border:1px solid rgba(255,255,255,.18);color:#fff}.tree{justify-self:center;width:min(410px,90%);padding:22px;border:1px solid rgba(255,255,255,.14);border-radius:25px;background:rgba(255,255,255,.04);backdrop-filter:blur(16px)}.tree-head{display:flex;justify-content:space-between;padding-bottom:18px;border-bottom:1px solid rgba(255,255,255,.09);font:9px 'DM Mono';color:rgba(255,255,255,.45)}.root,.branch{display:grid;grid-template-columns:48px 1fr auto;gap:12px;align-items:center;margin-top:14px;padding:13px;border:1px solid rgba(255,255,255,.09);border-radius:14px}.root{border-color:rgba(208,182,108,.3);background:rgba(208,182,108,.05)}.coin{width:44px;height:44px;border:1px solid rgba(208,182,108,.5);border-radius:50%;display:grid;place-items:center;color:var(--gold);font:10px 'DM Mono'}.root small,.branch small{display:block;font:8px 'DM Mono';color:rgba(255,255,255,.37)}.root strong,.branch strong{display:block;margin-top:3px;font-size:18px}.root>b,.branch>b{font:8px 'DM Mono';color:rgba(255,255,255,.38)}.branch{grid-template-columns:20px 1fr auto}.branch>span{width:8px;height:8px;border-radius:50%;border:1px solid var(--mint)}.branch:first-of-type>span{background:var(--mint)}.globe{position:absolute;right:-7%;top:-12%;width:72vw;height:115vh;border-radius:50%;border:1px solid rgba(142,204,167,.1);opacity:.72;transform:rotate(-7deg)}.globe i{position:absolute;border:1px solid rgba(142,204,167,.09);border-radius:50%}.globe i:nth-child(1){inset:8% 30%}.globe i:nth-child(2){inset:28% 6%}.globe i:nth-child(3){inset:45% 5% 20%}.dot{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 6px rgba(208,182,108,.07),0 0 22px var(--gold)}.d1{left:38%;top:36%}.d2{left:62%;top:51%}.d3{left:70%;top:34%}.wrap{width:var(--wrap);margin:0 auto}.thesis{padding:150px 0;background:#0d1710;color:#f5f1e4}.split,.section-head,.launch-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:80px;align-items:end}.thesis h2{font-size:clamp(70px,8vw,132px)}.thesis h2 span{color:#47554b}.copy p{font-size:19px;line-height:1.55;color:#b3b9b2}.copy .muted{font-size:14px;color:#657068}.layers{margin-top:95px;border-top:1px solid rgba(255,255,255,.1)}.layers>div{display:grid;grid-template-columns:60px 110px 1fr auto;align-items:center;min-height:78px;border-bottom:1px solid rgba(255,255,255,.09)}.layers span,.layers small,.layers em{font:9px 'DM Mono';font-style:normal;color:#5e6961}.layers strong{font-size:24px;font-weight:500}.layers>div:first-child strong{color:var(--gold)}.countries,.registry{padding:140px 0;background:var(--paper)}.section-head h2,.launch-copy h2{font-size:clamp(60px,6vw,98px)}.section-head>p{max-width:500px;margin:0;color:#687168;line-height:1.6}.dark{color:#6f786f}.cards{display:grid;grid-template-columns:repeat(4,1fr);margin-top:80px;border-top:1px solid var(--line);border-left:1px solid var(--line)}.cards article{position:relative;min-height:455px;padding:24px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.num{font:9px 'DM Mono';color:#7e867f}.country-mark{width:72px;height:72px;margin-top:55px;border:1px solid #263129;border-radius:50%;display:grid;place-items:center;font:13px 'DM Mono';box-shadow:inset 0 0 0 8px var(--paper),inset 0 0 0 9px rgba(11,18,14,.12)}.cards h3{margin:26px 0 5px;font-size:24px;font-weight:500;letter-spacing:-.04em}.cards code{color:#677068}.cards p{color:#7f877f}.cards button{position:absolute;left:24px;right:24px;bottom:24px;height:42px;border:1px solid var(--line);border-radius:999px;background:transparent}.cards button:hover:not(:disabled){background:#102018;color:#fff}.disabled{opacity:.5}.launcher{padding:145px 0;background:linear-gradient(140deg,#09130d,#11271a);color:#fff}.launch-grid{grid-template-columns:.85fr 1.15fr;align-items:center}.launch-copy>p:not(.label){max-width:500px;color:rgba(255,255,255,.54);line-height:1.6}form{padding:26px;border:1px solid rgba(255,255,255,.13);border-radius:27px;background:rgba(255,255,255,.035)}.form-head{display:flex;justify-content:space-between;padding-bottom:18px;border-bottom:1px solid rgba(255,255,255,.09);font:9px 'DM Mono';color:rgba(255,255,255,.44)}label{display:block;margin-top:16px;font:9px 'DM Mono';letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.45)}input,select,textarea{width:100%;margin-top:8px;padding:14px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:#0c1911;color:#fff;outline:none}textarea{min-height:88px;resize:vertical}.row{display:grid;grid-template-columns:1fr .6fr;gap:12px}.preview{display:grid;grid-template-columns:54px 1fr auto;gap:13px;align-items:center;margin:20px 0;padding:15px;border:1px solid rgba(208,182,108,.22);border-radius:15px;background:rgba(208,182,108,.05)}.preview>div:first-child,.modal-token>div:first-child{width:54px;height:54px;border:1px solid rgba(208,182,108,.5);border-radius:50%;display:grid;place-items:center;color:var(--gold);font:11px 'DM Mono'}.preview small{font:8px 'DM Mono';color:rgba(255,255,255,.35)}.preview strong{display:block;margin-top:2px;font-size:20px}.preview p{margin:2px 0 0;font-size:11px;color:rgba(255,255,255,.5)}.preview>b{font:8px 'DM Mono';color:rgba(255,255,255,.35)}.full{width:100%;border:0}.fine{display:block;margin-top:10px;text-align:center;font:8px 'DM Mono';color:rgba(255,255,255,.28)}.registry{background:var(--paper2)}.big{justify-self:end;font-size:78px;letter-spacing:-.07em}.big small{font:9px 'DM Mono';letter-spacing:0;color:#7c857c}.table{margin-top:70px;border-top:1px solid var(--line)}.tr{display:grid;grid-template-columns:1fr 1.2fr .6fr .35fr;align-items:center;min-height:70px;border-bottom:1px solid var(--line);font-size:14px}.tr.head{min-height:46px;font:8px 'DM Mono';color:#8b918b}.tr b{font:12px 'DM Mono'}.tr i{font:8px 'DM Mono';font-style:normal;color:#347b5d}.closing{min-height:800px;display:flex;align-items:center;color:#fff;background:radial-gradient(circle at 75% 45%,rgba(74,143,105,.32),transparent 34%),linear-gradient(135deg,#09130d,#102319)}.closing h2{font-size:clamp(80px,9vw,145px)}.closing .primary{margin-top:35px}footer{padding:28px max(32px,calc((100vw - 1360px)/2));display:grid;grid-template-columns:1fr 2fr 1fr;align-items:center;background:#07100b;color:#777f78;font-size:10px;border-top:1px solid rgba(255,255,255,.07)}footer b{color:#eee7d3;letter-spacing:.14em}footer p{text-align:center}footer a{justify-self:end}dialog{width:min(520px,calc(100vw - 30px));border:0;border-radius:25px;padding:30px;background:#f5f1e6;color:#111812;box-shadow:0 40px 120px rgba(0,0,0,.35)}dialog::backdrop{background:rgba(4,8,5,.72);backdrop-filter:blur(8px)}.x{position:absolute;right:17px;top:15px;width:36px;height:36px;border:1px solid var(--line);border-radius:50%;background:transparent;font-size:20px}.modal-token{display:grid;grid-template-columns:58px 1fr;gap:14px;align-items:center;margin:18px 0;padding:22px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.modal-token h3{margin:3px 0;font-size:32px}.modal-token p{margin:0;color:#747c74}.modal-token small{font:8px 'DM Mono';color:#7a827a}#mDesc{color:#667067;line-height:1.55}@media(max-width:1000px){:root{--wrap:min(100% - 36px,900px)}header{grid-template-columns:1fr auto}header nav{display:none}.hero{grid-template-columns:1fr}.tree{margin-top:60px}.split,.section-head,.launch-grid{grid-template-columns:1fr}.cards{grid-template-columns:repeat(2,1fr)}.globe{width:120vw;right:-45%}.section-head{gap:35px}.big{justify-self:start}}@media(max-width:650px){:root{--wrap:calc(100vw - 28px)}header{top:10px;width:calc(100vw - 18px);height:56px}.connect{display:none}.hero{padding:105px 14px 28px}.hero h1{font-size:55px}.lead{font-size:15px}.actions{flex-direction:column}.primary,.secondary{width:100%}.tree{width:100%}.thesis,.countries,.launcher,.registry{padding:90px 0}.thesis h2,.section-head h2,.launch-copy h2{font-size:54px}.layers{margin-top:55px}.layers>div{grid-template-columns:40px 75px 1fr}.layers em{display:none}.cards{grid-template-columns:1fr;margin-top:50px}.row{grid-template-columns:1fr}.tr{grid-template-columns:1fr .6fr .4fr}.tr span:nth-child(2){display:none}.closing{min-height:650px}.closing h2{font-size:68px}footer{grid-template-columns:1fr;gap:14px}footer p{text-align:left}footer a{justify-self:start}}
/* Standard Build brand refinements */
.brand b {
letter-spacing: .11em;
}
.seal {
font-size: 10px;
letter-spacing: -.04em;
}
@media (max-width:650px){
.brand b { font-size: 12px; }
}
/* ===== Expanded docs preview ===== */
.docs-preview{padding:145px 0;background:#e7e5dc;color:#111812}
.docs-intro{display:grid;grid-template-columns:1.15fr .85fr;gap:90px;align-items:end}
.docs-intro h2{margin:20px 0 0;font-size:clamp(62px,6.3vw,102px);font-weight:500;line-height:.9;letter-spacing:-.065em}
.docs-lede{max-width:540px;justify-self:end}
.docs-lede p{margin:0;color:#5e685f;font-size:16px;line-height:1.65}
.docs-link{display:inline-block;margin-top:24px;padding-bottom:4px;border-bottom:1px solid #142019;font-size:12px;font-weight:600}
.docs-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:80px;border-top:1px solid var(--line);border-left:1px solid var(--line)}
.doc-card{position:relative;min-height:350px;padding:28px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);transition:.25s}
.doc-card:hover{background:#f2efe6}
.doc-card>span{position:absolute;right:25px;top:24px;font:9px "DM Mono";color:#838b84}
.doc-icon{width:62px;height:62px;border:1px solid #243029;border-radius:18px;display:grid;place-items:center;font:22px "DM Mono";color:#2b6c51;background:rgba(136,201,164,.08)}
.doc-card h3{margin:80px 0 12px;font-size:25px;font-weight:500;letter-spacing:-.04em}
.doc-card p{margin:0;color:#687168;line-height:1.55;font-size:14px}
.doc-card b{position:absolute;left:28px;bottom:27px;font-size:11px}
.doc-card.caution .doc-icon{color:#7b6831;border-color:rgba(123,104,49,.45);background:rgba(208,182,108,.1)}
/* ===== Tutorial video ===== */
.tutorial{padding:150px 0;color:#fff;background:#08110c}
.tutorial-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:90px;align-items:center}
.tutorial-copy h2{margin:20px 0 0;font-size:clamp(62px,6vw,100px);font-weight:500;line-height:.9;letter-spacing:-.06em}
.tutorial-copy>p:not(.label){max-width:500px;color:rgba(255,255,255,.5);line-height:1.6}
.tutorial-steps{margin-top:40px;border-top:1px solid rgba(255,255,255,.1)}
.tutorial-step{width:100%;display:grid;grid-template-columns:42px 1fr;gap:12px;padding:17px 0;border:0;border-bottom:1px solid rgba(255,255,255,.1);background:none;color:#fff;text-align:left;opacity:.4;transition:.2s}
.tutorial-step:hover,.tutorial-step.is-active{opacity:1;padding-left:8px}
.tutorial-step>b{font:9px "DM Mono";color:var(--gold)}
.tutorial-step strong,.tutorial-step small{display:block}.tutorial-step strong{font-size:14px}.tutorial-step small{margin-top:4px;color:rgba(255,255,255,.42)}
.video-shell{overflow:hidden;border:1px solid rgba(255,255,255,.14);border-radius:26px;background:#0d1811;box-shadow:0 35px 100px rgba(0,0,0,.25)}
.video-toolbar,.video-caption{display:flex;justify-content:space-between;align-items:center;padding:16px 19px;font:8px "DM Mono";letter-spacing:.1em;color:rgba(255,255,255,.38)}
.video-stage{position:relative;min-height:490px;overflow:hidden;display:flex;align-items:flex-end;padding:42px;background:radial-gradient(circle at 70% 25%,rgba(99,173,132,.23),transparent 29%),linear-gradient(145deg,#0c1c13,#07110c)}
.video-gridlines{position:absolute;inset:0;opacity:.17;background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:45px 45px}
.video-number{position:absolute;right:35px;top:28px;font:120px "DM Mono";color:rgba(255,255,255,.035)}
.video-content{position:relative;z-index:2;max-width:520px}
.video-content>p{font:9px "DM Mono";letter-spacing:.13em;color:var(--gold)}
.video-content h3{margin:9px 0 24px;font-size:44px;font-weight:500;line-height:1;letter-spacing:-.05em}
.video-ui{display:flex;flex-wrap:wrap;gap:8px}
.video-ui span{min-width:100px;padding:13px 16px;border:1px solid rgba(255,255,255,.14);border-radius:12px;background:rgba(255,255,255,.045);font:11px "DM Mono"}
.video-play{position:absolute;z-index:3;right:36px;bottom:35px;width:64px;height:64px;border:1px solid rgba(208,182,108,.5);border-radius:50%;background:rgba(208,182,108,.12);color:var(--gold);font-size:20px;backdrop-filter:blur(10px)}
.video-progress{height:3px;background:rgba(255,255,255,.07)}.video-progress i{display:block;height:100%;width:25%;background:var(--gold);transition:width .35s}
.video-caption b{color:#628a71;font-weight:500}
/* ===== Documentation page ===== */
.docs-page{background:#f3f0e7}
.docs-page header{background:rgba(8,17,12,.9)}
.docs-back{display:flex;align-items:center;text-decoration:none}
.docs-layout{width:min(1360px,calc(100vw - 64px));margin:0 auto;padding:135px 0 120px;display:grid;grid-template-columns:240px minmax(0,820px);gap:95px;justify-content:center}
.docs-sidebar{position:sticky;top:115px;height:max-content;padding:18px 0;border-top:1px solid var(--line)}
.docs-sidebar p{font:9px "DM Mono";letter-spacing:.12em;color:#7b847c}
.docs-sidebar a{display:block;padding:10px 0;font-size:12px;color:#727b73}.docs-sidebar a.active,.docs-sidebar a:hover{color:#152019;font-weight:600}
.docs-article>section{padding:15px 0 80px;border-bottom:1px solid var(--line);scroll-margin-top:105px}
.docs-article>section+section{padding-top:80px}
.docs-article h1{margin:18px 0 25px;font-size:clamp(60px,7vw,96px);line-height:.9;letter-spacing:-.065em;font-weight:500}
.docs-article h2{margin:9px 0 22px;font-size:52px;line-height:.98;letter-spacing:-.05em;font-weight:500}
.docs-intro-copy,.docs-article section>p:not(.label):not(.docs-overline){font-size:17px;line-height:1.7;color:#59635a}
.docs-overline{margin:0;font:9px "DM Mono";letter-spacing:.12em;color:#6f786f}
.status-note{display:grid;grid-template-columns:155px 1fr;gap:20px;margin-top:35px;padding:19px;border:1px solid rgba(161,126,49,.23);border-radius:15px;background:rgba(208,182,108,.08);font-size:12px}.status-note span{color:#647064}
.docs-diagram{display:grid;grid-template-columns:1fr 45px repeat(3,1fr);gap:10px;align-items:center;margin-top:35px}.diagram-root,.diagram-child{padding:20px;border:1px solid var(--line);border-radius:15px;background:#f8f5ec}.diagram-root{border-color:rgba(161,126,49,.32)}.docs-diagram>span{height:1px;background:#b5a15f}.docs-diagram small,.docs-diagram strong{display:block}.docs-diagram small{font:8px "DM Mono";color:#7b847b}.docs-diagram strong{margin-top:8px;font-size:20px}
.docs-callout{margin-top:20px;padding:20px;border-left:3px solid #3b765a;background:rgba(136,201,164,.08)}.docs-callout b{font-size:12px}.docs-callout p{margin:6px 0 0;color:#637064;line-height:1.5;font-size:13px}
.docs-steps{list-style:none;padding:0;margin:32px 0 0;border-top:1px solid var(--line)}.docs-steps li{display:grid;grid-template-columns:60px 1fr;gap:20px;padding:22px 0;border-bottom:1px solid var(--line)}.docs-steps li>span{font:10px "DM Mono";color:#987f3e}.docs-steps b{font-size:15px}.docs-steps p{margin:6px 0 0;color:#677168;line-height:1.5}
.code-block{margin-top:30px;border:1px solid rgba(11,18,14,.16);border-radius:17px;overflow:hidden;background:#0b1510;color:#d9dfda}.code-block>div{display:flex;justify-content:space-between;padding:12px 15px;border-bottom:1px solid rgba(255,255,255,.09);font:9px "DM Mono";color:#758177}.code-block button{border:0;background:none;color:#a8b1aa;font:9px "DM Mono"}.code-block pre{margin:0;padding:24px;overflow:auto;font:12px/1.8 "DM Mono"}
.security-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:32px}.security-grid>div{padding:22px;border:1px solid var(--line);border-radius:15px}.security-grid b,.security-grid span{display:block}.security-grid span{margin-top:5px;color:#9b8241;font:9px "DM Mono"}.security-grid p{margin:18px 0 0;color:#687268;line-height:1.5;font-size:13px}
details{border-top:1px solid var(--line);padding:18px 0}details:last-child{border-bottom:1px solid var(--line)}summary{cursor:pointer;font-size:15px;font-weight:600}details p{color:#657066;line-height:1.55;font-size:14px}
.footer-actions{justify-self:end;display:flex;gap:20px}
@media(max-width:1000px){
.docs-intro,.tutorial-grid{grid-template-columns:1fr}.docs-lede{justify-self:start}.docs-grid{grid-template-columns:repeat(2,1fr)}.tutorial-grid{gap:55px}
.docs-layout{grid-template-columns:180px minmax(0,1fr);gap:45px}
}
@media(max-width:650px){
.docs-preview,.tutorial{padding:90px 0}.docs-grid{grid-template-columns:1fr;margin-top:50px}.doc-card{min-height:310px}.tutorial-copy h2{font-size:55px}.video-stage{min-height:410px;padding:25px}.video-content h3{font-size:38px}.video-play{right:22px;bottom:22px}
.docs-layout{width:calc(100vw - 28px);display:block;padding-top:95px}.docs-sidebar{position:relative;top:auto;display:flex;gap:15px;overflow:auto;white-space:nowrap;margin-bottom:35px}.docs-sidebar p{display:none}.docs-sidebar a{flex:0 0 auto}.docs-article h1{font-size:55px}.docs-article h2{font-size:41px}.docs-diagram{grid-template-columns:1fr}.docs-diagram>span{width:1px;height:20px;margin-left:25px}.security-grid{grid-template-columns:1fr}.status-note{grid-template-columns:1fr}
}
/* ===== $SBUILD token section ===== */
.header-actions{
justify-self:end;
display:flex;
align-items:center;
gap:8px;
}
.token-buy{
height:40px;
padding:0 17px;
display:inline-flex;
align-items:center;
justify-content:center;
border:1px solid rgba(208,182,108,.48);
border-radius:999px;
color:#f1dfaa;
background:rgba(208,182,108,.10);
font-size:12px;
font-weight:600;
white-space:nowrap;
transition:transform .2s, background .2s, border-color .2s, color .2s;
}
.token-buy:hover{
transform:translateY(-1px);
background:rgba(208,182,108,.18);
border-color:rgba(208,182,108,.72);
color:#fff0bf;
}
.sbuild-section{
position:relative;
overflow:hidden;
padding:145px 0;
color:#fff;
background:
radial-gradient(circle at 78% 35%,rgba(68,143,103,.24),transparent 31%),
linear-gradient(140deg,#08110c,#0d1c13 55%,#10261a);
}
.sbuild-section::before{
content:"";
position:absolute;
inset:0;
pointer-events:none;
opacity:.16;
background-image:
linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),
linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);
background-size:52px 52px;
}
.sbuild-grid{
position:relative;
z-index:2;
display:grid;
grid-template-columns:.85fr 1.15fr;
gap:95px;
align-items:center;
}
.sbuild-copy h2{
margin:18px 0 20px;
font-size:clamp(78px,8vw,132px);
line-height:.88;
letter-spacing:-.07em;
font-weight:500;
}
.sbuild-copy>p:not(.label){
max-width:530px;
margin:0;
color:rgba(255,255,255,.54);
font-size:16px;
line-height:1.65;
}
.token-meta{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:1px;
margin-top:42px;
border:1px solid rgba(255,255,255,.10);
border-radius:16px;
overflow:hidden;
background:rgba(255,255,255,.08);
}
.token-meta>div{
min-height:84px;
padding:17px;
background:#0a1610;
}
.token-meta small,.token-meta strong{display:block}
.token-meta small{
font:8px "DM Mono";
letter-spacing:.12em;
color:rgba(255,255,255,.33);
}
.token-meta strong{
margin-top:8px;
font-size:12px;
font-weight:500;
}
.contract-card{
padding:27px;
border:1px solid rgba(255,255,255,.14);
border-radius:28px;
background:linear-gradient(145deg,rgba(255,255,255,.065),rgba(255,255,255,.025));
backdrop-filter:blur(18px);
box-shadow:0 35px 100px rgba(0,0,0,.25);
}
.contract-card-head{
display:flex;
align-items:center;
justify-content:space-between;
padding-bottom:21px;
border-bottom:1px solid rgba(255,255,255,.09);
font:9px "DM Mono";
letter-spacing:.11em;
color:rgba(255,255,255,.42);
}
.contract-status{display:flex;align-items:center;gap:7px}
.contract-status i{
width:6px;height:6px;border-radius:50%;
background:#8ed0aa;
box-shadow:0 0 12px rgba(142,208,170,.8);
}
.token-identity{
display:grid;
grid-template-columns:72px 1fr;
gap:16px;
align-items:center;
padding:29px 0 25px;
}
.token-mark{
width:72px;height:72px;
display:grid;place-items:center;
border:1px solid rgba(255,255,255,.26);
border-radius:50%;
background:radial-gradient(circle,rgba(255,255,255,.10),rgba(255,255,255,.02));
font:12px "DM Mono";
color:#fff;
box-shadow:inset 0 0 0 7px rgba(255,255,255,.025);
}
.token-identity small,.token-identity strong{display:block}
.token-identity small{
font:8px "DM Mono";
letter-spacing:.12em;
color:rgba(255,255,255,.34);
}
.token-identity strong{
margin-top:5px;
font-size:30px;
letter-spacing:-.04em;
}
.contract-box{
display:grid;
grid-template-columns:minmax(0,1fr) auto;
gap:10px;
align-items:center;
padding:10px;
border:1px solid rgba(208,182,108,.25);
border-radius:15px;
background:rgba(208,182,108,.055);
}
.contract-box code{
min-width:0;
padding:0 8px;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
color:#eadba9;
font:12px "DM Mono";
}
.copy-contract{
min-width:92px;
height:42px;
padding:0 16px;
border:0;
border-radius:11px;
background:#e8e2cf;
color:#111812;
font-size:11px;
font-weight:700;
transition:.2s;
}
.copy-contract:hover{transform:translateY(-1px);background:#fff}
.copy-contract.is-copied{
background:#8fc9a7;
color:#0b160f;
}
.contract-warning{
margin:15px 2px 0;
color:rgba(255,255,255,.34);
font:9px/1.6 "DM Mono";
}
@media(max-width:1000px){
.sbuild-grid{grid-template-columns:1fr;gap:55px}
}
@media(max-width:650px){
.header-actions{gap:5px}
.connect{display:none}
.token-buy{height:36px;padding:0 13px;font-size:10px}
.sbuild-section{padding:90px 0}
.sbuild-copy h2{font-size:72px}
.token-meta{grid-template-columns:1fr}
.token-meta>div{min-height:66px}
.contract-card{padding:18px}
.contract-box{grid-template-columns:1fr}
.contract-box code{
padding:8px 5px;
white-space:normal;
overflow-wrap:anywhere;
line-height:1.55;
}
.copy-contract{width:100%}
}