.madeit-page{--network:#0f1717;--signal:#83d2a6;--violet:#b4a0ee;background:#e9e6df}.madeit-page .detail-header{background:rgba(233,230,223,.9)}
.madeit-hero{min-height:850px;padding:145px clamp(22px,7vw,110px) 85px;display:grid;grid-template-columns:.9fr 1.1fr;gap:8vw;align-items:center;position:relative;overflow:hidden}
.madeit-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 78% 42%,rgba(131,210,166,.17),transparent 26%),linear-gradient(rgba(15,23,23,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(15,23,23,.035) 1px,transparent 1px);background-size:auto,64px 64px,64px 64px}.madeit-hero>*{position:relative;z-index:1}
.madeit-lockup{display:flex;align-items:center;gap:17px;margin-bottom:55px}.madeit-mark{width:70px;height:70px;border-radius:20px;background:#101818;display:grid;grid-template-columns:1fr 1fr;place-items:center;color:white;font:700 20px/1 var(--sans);letter-spacing:-.08em;box-shadow:inset -31px 0 #8a72cb}.madeit-mark i{font-style:normal}.madeit-lockup strong{display:block;font-size:27px;letter-spacing:-.04em}.madeit-lockup small{display:block;font-size:9px;letter-spacing:.15em;text-transform:uppercase;color:#626866;margin-top:4px}.madeit-hero h1{font:400 clamp(65px,8vw,125px)/.82 var(--serif);letter-spacing:-.06em;margin:0 0 35px}.madeit-hero h1 i{font-weight:400;color:#5d4e91}.madeit-hero-copy>p{font-size:clamp(17px,1.4vw,22px);color:#525a57;max-width:650px}.madeit-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}.madeit-actions a{padding:15px 18px;border:1px solid rgba(15,23,23,.24);font-size:11px;font-weight:700}.madeit-actions a:first-child{background:var(--network);color:#fff}
.network-orbit{aspect-ratio:1;max-width:640px;width:100%;justify-self:center;position:relative;border-radius:50%;background:#121a1a;box-shadow:0 40px 110px rgba(15,23,23,.23);overflow:hidden}.network-orbit:before,.network-orbit:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.16);border-radius:50%;inset:13%}.network-orbit:after{inset:29%}.orbit-core{position:absolute;z-index:2;inset:38%;border-radius:50%;display:grid;place-items:center;align-content:center;background:#efebe3;box-shadow:0 0 0 12px rgba(255,255,255,.04)}.orbit-core strong{font:400 58px/1 var(--serif);color:#111}.orbit-core span{font-size:8px;letter-spacing:.15em;text-transform:uppercase;color:#626866}.identity-node{position:absolute;z-index:3;width:68px;height:68px;border-radius:50%;display:grid;place-items:center;background:#25302e;border:1px solid rgba(255,255,255,.18);color:white;font:700 12px/1 var(--sans);box-shadow:0 12px 30px rgba(0,0,0,.26)}.identity-node:after{content:"";position:absolute;inset:-6px;border-radius:50%;border:1px solid color-mix(in srgb,var(--node) 70%,transparent)}.n1{--node:#78d8a0;left:11%;top:26%}.n2{--node:#ff8da7;right:10%;top:23%}.n3{--node:#8edaf9;left:18%;bottom:12%}.n4{--node:#f4bd62;right:17%;bottom:10%}.n5{--node:#b4a0ee;left:46%;top:7%}.orbit-label{position:absolute;left:0;right:0;bottom:6%;text-align:center;color:#9dacaa;font-size:8px;letter-spacing:.18em;text-transform:uppercase}
.system-bridge{padding:clamp(90px,10vw,150px) clamp(22px,7vw,110px);background:#111919;color:#fff}.bridge-head{display:grid;grid-template-columns:.6fr 1.2fr .7fr;gap:5vw;align-items:end;margin-bottom:70px}.bridge-head h2{font:400 clamp(50px,6vw,87px)/.92 var(--serif);letter-spacing:-.045em;margin:0}.bridge-head>p:last-child{color:#aab5b1;font-size:17px}.bridge-flow{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.17);border-left:1px solid rgba(255,255,255,.17)}.bridge-flow article{min-height:310px;padding:29px;border-right:1px solid rgba(255,255,255,.17);border-bottom:1px solid rgba(255,255,255,.17);display:flex;flex-direction:column}.bridge-flow span{font-size:9px;letter-spacing:.15em;color:#83d2a6}.bridge-flow h3{font:400 34px/1 var(--serif);margin:55px 0 17px}.bridge-flow p{font-size:13px;color:#aab5b1}.bridge-flow b{margin-top:auto;font-size:9px;letter-spacing:.1em}
.identity-standard{padding:clamp(90px,10vw,150px) clamp(22px,7vw,110px)}.identity-standard .section-head{margin-bottom:70px}.identity-standard .principles article:nth-child(2){background:#ded8cc}.identity-standard .principles span{color:#5d4e91}.network-entry{margin-top:70px;padding:clamp(35px,6vw,76px);display:grid;grid-template-columns:1fr auto;gap:45px;align-items:center;background:#cbded4}.network-entry h2{font:400 clamp(45px,6vw,78px)/.92 var(--serif);margin:0}.entry-links{display:grid;gap:9px}.entry-links a{min-width:250px;padding:15px 18px;display:flex;justify-content:space-between;background:#111919;color:white;font-size:11px;font-weight:700}.entry-links a:not(:first-child){background:transparent;color:#111;border:1px solid rgba(15,23,23,.25)}
@media(max-width:980px){.madeit-hero,.bridge-head{grid-template-columns:1fr}.network-orbit{max-width:560px}.bridge-flow{grid-template-columns:1fr 1fr}.network-entry{grid-template-columns:1fr}}
@media(max-width:620px){.madeit-hero{padding-top:115px;min-height:auto}.madeit-lockup{margin-bottom:40px}.madeit-hero h1{font-size:67px}.network-orbit{margin-top:25px}.identity-node{width:55px;height:55px}.orbit-core strong{font-size:42px}.bridge-flow{grid-template-columns:1fr}.network-entry{padding:30px 23px}.entry-links a{min-width:0}.madeit-actions{display:grid}.madeit-actions a{width:100%}}