
:root{
  --bg:#110609;--panel:#190a0f;--panel2:#211017;--red:#a8273a;--red2:#d64954;
  --gold:#e5b45b;--gold2:#f6d893;--text:#fff8f1;--muted:#b39b97;--line:rgba(236,188,104,.16);
  --font:'DM Sans',sans-serif;--display:'Manrope',sans-serif
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:88px;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#70401f transparent}
body{margin:0;overflow-x:hidden;color:var(--text);font:16px/1.65 var(--font);background:
radial-gradient(900px 520px at 88% -8%,rgba(142,27,43,.23),transparent 66%),
radial-gradient(700px 440px at 4% 55%,rgba(177,102,37,.06),transparent 70%),
#110609}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:54px 54px;opacity:.65}
a{text-decoration:none;color:inherit}button{font:inherit}
.wrap{width:min(1200px,calc(100% - 64px));margin:0 auto}
.nav{position:fixed;top:0;left:0;right:0;height:82px;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1200px)/2));
background:rgba(17,6,9,.88);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:11px;font:800 16px var(--display);letter-spacing:.12em}.brand em{display:block;font:600 9px var(--font);font-style:normal;color:#967c78;letter-spacing:.2em;margin-top:2px}
.logo{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;position:relative;border:1px solid #986c36;background:linear-gradient(145deg,#36141c,#12070a);color:var(--gold2);font:800 21px var(--display)}
.logo small{position:absolute;right:4px;bottom:1px;font-size:9px}
.nav nav{display:flex;align-items:center;gap:29px;color:#c2ada7;font-size:13px}.nav nav a{transition:.18s}.nav nav a:hover{color:#fff}.nav nav .cta{padding:12px 17px;border:1px solid #8d632f;border-radius:11px;color:var(--gold2);background:rgba(177,108,36,.07)}
.nav-btn{display:none;width:42px;height:42px;border:1px solid var(--line);background:#190a0e;color:var(--gold2);border-radius:11px}
main{padding-top:82px}.eyebrow{font-size:10px;letter-spacing:.2em;color:var(--gold);font-weight:800}.eyebrow i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#67d08a;box-shadow:0 0 11px #67d08a;margin-right:8px}
.hero{min-height:680px;display:grid;grid-template-columns:1.06fr .94fr;gap:50px;align-items:center;padding-block:78px 92px}.hero h1{margin:20px 0;font:800 clamp(52px,6.4vw,82px)/1.04 var(--display);letter-spacing:-.06em}.hero h1 em,.head h2 em,.journey h2 em{font-style:normal;color:var(--gold2)}
.hero p{max-width:590px;margin:0;color:#c4b0aa;font-size:18px;line-height:1.8}.actions{display:flex;align-items:center;gap:25px;margin-top:32px}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:13px 19px;border-radius:11px;border:1px solid transparent;font-weight:800;font-size:13px;transition:.18s}.button.primary{background:linear-gradient(120deg,#a92739,#d39b48);border-color:rgba(255,219,151,.27);color:#fff8ef;box-shadow:0 11px 30px rgba(136,30,45,.18)}.button.primary:hover{transform:translateY(-2px);filter:brightness(1.06)}.link{color:#cdbbb4;font-size:13px}.proof{display:flex;flex-wrap:wrap;gap:19px;margin-top:49px;color:#8c7470;font-size:11px}
.hero-card{position:relative;min-height:465px;display:grid;place-items:center;border:1px solid var(--line);border-radius:24px;background:
radial-gradient(420px 240px at 50% 45%,rgba(132,25,40,.18),transparent 72%),
linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px),#17090d;background-size:auto,46px 46px,46px 46px;overflow:hidden}
.hero-card::after{content:"";position:absolute;inset:12px;border:1px solid rgba(229,180,91,.06);border-radius:18px;pointer-events:none}
.halo{position:absolute;width:420px;height:420px;border:1px solid rgba(229,180,91,.17);border-radius:50%;box-shadow:0 0 0 45px rgba(169,42,57,.025),0 0 0 92px rgba(169,42,57,.02);animation:spinSlow 30s linear infinite}.halo::before,.halo::after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(188,67,76,.25)}.halo::before{inset:45px}.halo::after{inset:-35px}
.matrix-core{width:230px;height:230px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;position:relative;z-index:2;background:radial-gradient(circle at 35% 25%,#5a1c27,#1d0b10 70%);border:1px solid #a87939;color:#ffe2a8;box-shadow:0 0 70px rgba(171,38,52,.18);animation:floatSoft 5s ease-in-out infinite}.matrix-core span{font-size:11px;letter-spacing:.2em}.matrix-core strong{font:800 88px/.9 var(--display)}.matrix-core small{font-size:8px;color:#a68d83;letter-spacing:.15em}
.hero-note{position:absolute;z-index:3;display:flex;align-items:center;gap:12px;padding:13px 17px;border:1px solid var(--line);border-radius:13px;background:#1c0c11;box-shadow:0 18px 50px rgba(0,0,0,.45)}.hero-note b{font:800 27px var(--display);color:var(--gold2)}.hero-note span{font-size:9px;color:#a28a84;letter-spacing:.12em}.hero-note.top{top:39px;right:0}.hero-note.bottom{left:0;bottom:38px}
.site-live{position:absolute;left:24px;right:24px;bottom:14px;display:flex;align-items:center;justify-content:center;gap:9px;flex-wrap:wrap;font-size:9px;color:#8f7773;z-index:4}.site-live i{width:7px;height:7px;border-radius:50%;background:#64ca84;box-shadow:0 0 10px #64ca84}.site-live b{color:#d5b168;font-weight:800}
.live-link{position:absolute;bottom:11px;right:21px;transform:translateY(100%);font-size:10px;color:var(--gold2);z-index:4}
.ticker{border-block:1px solid var(--line);background:#17080c;overflow:hidden}.ticker>div{display:flex;justify-content:space-around;gap:32px;white-space:nowrap;padding:19px;color:#bdaea4;font-size:10px;letter-spacing:.2em}.ticker b{color:var(--gold)}
.section{padding-block:120px}.head{display:flex;align-items:end;justify-content:space-between;gap:45px;margin-bottom:45px}.head h2,.journey h2{margin:15px 0;font:800 clamp(39px,4.6vw,60px)/1.07 var(--display);letter-spacing:-.055em}.head>p,.journey p{max-width:440px;color:var(--muted);font-size:15px;line-height:1.8}
.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.cards article{min-height:270px;padding:27px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,#241017,#16080b);position:relative;transition:transform .22s,border-color .22s,box-shadow .22s}.cards article:hover{transform:translateY(-4px);border-color:rgba(229,180,91,.28);box-shadow:0 20px 55px rgba(0,0,0,.18)}.cards article small{position:absolute;top:26px;right:25px;color:#72565b}.ic{width:44px;height:44px;display:grid;place-items:center;border-radius:11px;background:#39161e;color:var(--gold2);font-size:21px;margin-bottom:34px}.cards h3{margin:0 0 10px;font:700 20px var(--display)}.cards p{margin:0;color:#9d8782;font-size:13px;line-height:1.75}
.mechanics{background:#15070a;border-block:1px solid var(--line)}.mechanics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}.mechanics-grid article{padding:25px;border:1px solid var(--line);border-radius:17px;background:linear-gradient(145deg,#201016,#15080b);transition:transform .2s,border-color .2s}.mechanics-grid article:hover{transform:translateY(-3px);border-color:rgba(229,180,91,.28)}.micon{width:43px;height:43px;display:grid;place-items:center;border-radius:11px;background:#37151d;color:var(--gold2);font-size:21px;margin-bottom:21px}.mechanics-grid b{display:block;color:#967c78;font-size:9px;letter-spacing:.14em}.mechanics-grid strong{display:block;margin:7px 0 7px;color:#f0d49a;font:800 23px var(--display)}.mechanics-grid p{margin:0;color:#917974;font-size:11px;line-height:1.7}
.matrix{background:linear-gradient(180deg,#18090d,#110609);border-bottom:1px solid var(--line)}.level-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.level-grid>div{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:10px;align-items:center;padding:17px 18px;border:1px solid var(--line);border-radius:12px;background:#1a0b10;transition:.18s}.level-grid>div:hover{border-color:rgba(229,180,91,.29);transform:translateY(-2px)}.level-grid span{font-size:9px;color:#7f6663}.level-grid b{font-size:12px}.level-grid strong{font-size:11px;color:var(--gold2)}
.network-art{height:410px;position:relative;border:1px solid var(--line);border-radius:24px;background:#16090d;
background-image:linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px);background-size:46px 46px;overflow:hidden}
.root,.node{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:50%;background:radial-gradient(circle,#591c28,#1e0b10);border:1px solid #a97a3b;color:#ffe3aa;box-shadow:0 12px 35px rgba(0,0,0,.35);font-weight:800;z-index:2;animation:floatSoft 5.5s ease-in-out infinite}.root{width:122px;height:122px;left:50%;top:50%;transform:translate(-50%,-50%);font:800 21px var(--display)}.root small,.node small{font:600 7px var(--font);letter-spacing:.1em;color:#ab8f86}.node{width:78px;height:78px;font:800 16px var(--display)}.n1{left:13%;top:13%}.n2{left:28%;bottom:14%}.n3{right:16%;top:14%}.n4{right:29%;bottom:13%}.n5{right:5%;top:48%}.linkline{height:1px;position:absolute;width:30%;left:50%;top:50%;transform-origin:left;background:linear-gradient(90deg,#b37b37,#63262e);z-index:1}.linkline.a{transform:rotate(-150deg)}.linkline.b{transform:rotate(147deg)}.linkline.c{transform:rotate(-25deg)}.netfoot{position:absolute;left:22px;right:22px;bottom:16px;display:flex;justify-content:space-between;gap:14px;color:#8d7671;font-size:10px}
.journey{border-top:1px solid var(--line);background:radial-gradient(ellipse at 15% 50%,rgba(143,27,44,.21),transparent 52%),#15070a}.journey-inner{padding-block:112px;display:grid;grid-template-columns:1fr .9fr;gap:85px}.journey h2{max-width:560px}.journey p{max-width:540px;margin:23px 0 28px}.steps{border:1px solid var(--line);border-radius:20px;background:#1b0c10;overflow:hidden}.steps>div{display:grid;grid-template-columns:40px 1fr;gap:13px;padding:22px;border-bottom:1px solid rgba(238,190,110,.09)}.steps>div:last-child{border:0}.steps>div span{grid-row:1/3;width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:#38151d;color:var(--gold2);font-size:10px;font-weight:800}.steps b{font-size:14px}.steps small{font-size:10px;color:#907875}
footer{border-top:1px solid var(--line);background:#0d0507}.footer{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-block:26px;color:#88706d;font-size:10px}.footer>a:last-child{color:var(--gold2)}.disclaimer{padding-bottom:27px;text-align:center;color:#5f4d4d;font-size:9px}

@keyframes floatSoft{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes spinSlow{from{transform:rotate(0)}to{transform:rotate(360deg)}}
@media(max-width:980px){
  .wrap{width:calc(100% - 40px)}.nav{height:76px;padding-inline:20px}.nav-btn{display:grid;place-items:center}.nav nav{display:none;position:absolute;top:76px;left:0;right:0;padding:17px 20px;background:#17080c;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:5px}.nav nav.open{display:flex}.nav nav a{padding:11px 10px}
  main{padding-top:76px}.hero{grid-template-columns:1fr;gap:20px;padding-block:65px 70px}.hero-card{min-height:430px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.head{align-items:flex-start;flex-direction:column;gap:10px}.mechanics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.level-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.journey-inner{grid-template-columns:1fr;gap:40px}
}
@media(max-width:560px){
  .wrap{width:calc(100% - 28px)}.nav{height:70px;padding-inline:14px}.nav nav{top:70px}.brand{font-size:14px}.logo{width:40px;height:40px}.hero{padding-block:45px 55px}.hero h1{font-size:clamp(45px,13vw,56px);margin-top:17px}.hero p{font-size:15px}.actions{align-items:flex-start;flex-direction:column;gap:14px}.proof{gap:12px;margin-top:34px}
  .hero-card{min-height:345px}.halo{width:290px;height:290px}.matrix-core{width:170px;height:170px}.matrix-core strong{font-size:62px}.hero-note{padding:10px 12px}.hero-note.top{top:18px;right:3px}.hero-note.bottom{left:3px;bottom:18px}.site-live{left:11px;right:11px;bottom:8px;font-size:8px}.live-link{position:static;display:flex;justify-content:center;transform:none;margin:9px auto 0;font-size:9px}
  .section{padding-block:78px}.head h2,.journey h2{font-size:37px}.cards{grid-template-columns:1fr}.cards article{min-height:220px}.mechanics-grid,.level-grid{grid-template-columns:1fr}.network-art{height:330px}.root{width:95px;height:95px;font-size:16px}.node{width:60px;height:60px;font-size:12px}.n1{left:4%;top:14%}.n2{left:19%;bottom:14%}.n3{right:5%;top:14%}.n4{right:20%;bottom:14%}.n5{right:1%;top:48%;width:54px;height:54px}.linkline{width:29%}.netfoot{left:10px;right:10px;bottom:9px;font-size:8px;flex-wrap:wrap}
  .journey-inner{padding-block:78px}.steps>div{padding:19px}.footer{flex-direction:column;align-items:flex-start}
}
@media(max-width:360px){.hero h1{font-size:42px}.hero-card{min-height:320px}.hero-note b{font-size:22px}.matrix-core{width:155px;height:155px}.matrix-core strong{font-size:56px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
