:root {
  --ink: #07111e;
  --ink-2: #0b1828;
  --paper: #f2efe7;
  --muted: #9aa8b6;
  --gold: #d9ad5b;
  --gold-light: #f8de9e;
  --line: rgba(255,255,255,.12);
  --display: "DM Sans", sans-serif;
  --body: "Manrope", sans-serif;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--paper); background: var(--ink); font-family: var(--body); overflow-x: hidden; }
a { color: inherit; text-decoration: none; }
.wrap { width: min(1180px, calc(100% - 48px)); margin: 0 auto; }
.noise { position: fixed; inset: 0; z-index: 10; pointer-events: none; opacity: .035; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E"); }
.aurora { position: absolute; filter: blur(110px); border-radius: 50%; opacity: .16; pointer-events: none; }
.aurora-one { width: 520px; height: 520px; right: -120px; top: 80px; background: #315e73; }
.aurora-two { width: 400px; height: 400px; left: -220px; top: 520px; background: #ad762b; opacity: .1; }

.nav { height: 96px; display: flex; align-items: center; justify-content: space-between; position: relative; z-index: 5; border-bottom: 1px solid var(--line); }
.brand { display: inline-flex; align-items: center; gap: 13px; font: 600 13px/1 var(--display); letter-spacing: .18em; }
.brand-mark { width: 25px; height: 25px; border: 1px solid rgba(217,173,91,.6); transform: rotate(45deg); display: grid; place-items: center; }
.brand-mark i { display: block; width: 7px; height: 7px; background: var(--gold); box-shadow: 0 0 14px var(--gold); }
nav { display: flex; gap: 36px; align-items: center; font-size: 13px; color: #c6d0da; }
nav a { transition: color .2s ease; }
nav a:hover { color: var(--gold-light); }
.nav-cta { border: 1px solid rgba(217,173,91,.5); padding: 11px 18px; color: var(--gold-light); }

.hero { padding: 112px 0 84px; position: relative; }
.eyebrow, .section-label { font: 600 11px/1 var(--display); letter-spacing: .2em; color: var(--gold); text-transform: uppercase; }
.eyebrow { display: flex; align-items: center; gap: 12px; }
.eyebrow span { width: 26px; height: 1px; background: var(--gold); }
h1, h2, h3 { font-family: var(--display); margin: 0; font-weight: 400; }
h1 { font-size: clamp(62px, 9vw, 124px); letter-spacing: -.065em; line-height: .88; margin-top: 31px; max-width: 980px; }
h1 em, h2 em { color: var(--gold-light); font-style: normal; }
.hero-copy { color: #aeb9c5; max-width: 670px; font-size: clamp(17px, 2vw, 22px); line-height: 1.65; margin: 38px 0 0; }
.hero-actions { display: flex; gap: 13px; margin-top: 40px; }
.button { min-height: 53px; padding: 0 23px; display: inline-flex; align-items: center; justify-content: center; gap: 35px; font-size: 13px; font-weight: 600; letter-spacing: .02em; transition: .25s ease; }
.button.primary { background: var(--gold); color: #13100a; box-shadow: 0 12px 45px rgba(217,173,91,.16); }
.button.primary:hover { background: var(--gold-light); transform: translateY(-2px); }
.button.ghost { border: 1px solid var(--line); color: #dce3ea; }
.button.ghost:hover { border-color: rgba(255,255,255,.3); background: rgba(255,255,255,.04); }

.signal-card { margin-top: 90px; border: 1px solid var(--line); background: linear-gradient(145deg, rgba(255,255,255,.04), rgba(255,255,255,.01)); backdrop-filter: blur(18px); }
.signal-head { display: flex; justify-content: space-between; padding: 17px 20px; border-bottom: 1px solid var(--line); font: 600 10px/1 var(--display); letter-spacing: .17em; color: #83909c; }
.live { color: #bbc8d3; }
.live i { width: 6px; height: 6px; border-radius: 50%; background: #7fd5a1; display: inline-block; margin-right: 7px; box-shadow: 0 0 9px #7fd5a1; animation: pulse 2s infinite; }
.signal-visual { height: 250px; position: relative; overflow: hidden; }
.grid-lines { position: absolute; inset: 0; background-image: linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px); background-size: 100% 52px, 90px 100%; opacity: .45; }
.signal-visual svg { position: absolute; inset: 20px 0 0; width: 100%; height: calc(100% - 20px); }
.signal-visual path { fill: none; vector-effect: non-scaling-stroke; }
.signal-visual .line { stroke: url(#goldLine); stroke-width: 2; stroke-dasharray: 1200; stroke-dashoffset: 1200; animation: draw 2.2s .6s ease forwards; }
.signal-visual .glow { stroke: rgba(217,173,91,.16); stroke-width: 14; filter: blur(8px); }
.signal-stats { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid var(--line); }
.signal-stats div { padding: 22px; border-right: 1px solid var(--line); }
.signal-stats div:last-child { border: 0; }
.signal-stats span { display: block; color: #6f7e8c; font-size: 9px; letter-spacing: .16em; }
.signal-stats strong { display: block; margin-top: 8px; font: 500 17px/1.2 var(--display); }

.marquee { border-block: 1px solid var(--line); overflow: hidden; background: #081522; }
.marquee-track { width: max-content; display: flex; gap: 30px; padding: 17px 0; animation: ticker 26s linear infinite; color: #71808e; font: 500 11px/1 var(--display); letter-spacing: .2em; }
.marquee-track i { color: var(--gold); font-style: normal; }

.section { padding: 132px 0; }
.section-intro { display: grid; grid-template-columns: 1.4fr .6fr; align-items: end; margin: 30px 0 64px; gap: 40px; }
.section h2 { font-size: clamp(44px, 6vw, 76px); line-height: .98; letter-spacing: -.045em; }
.section-intro p { color: var(--muted); line-height: 1.8; margin: 0 0 4px; }
.solutions-grid { display: grid; grid-template-columns: 1.15fr .85fr; gap: 18px; }
.solution-card { min-height: 460px; padding: 30px; border: 1px solid var(--line); position: relative; display: flex; flex-direction: column; justify-content: space-between; overflow: hidden; background: linear-gradient(145deg, rgba(255,255,255,.035), rgba(255,255,255,.012)); }
.solution-card.featured { background: linear-gradient(145deg, rgba(217,173,91,.11), rgba(255,255,255,.015) 55%); }
.solution-card::after { content: ""; position: absolute; inset: 0; border: 1px solid transparent; transition: .3s; pointer-events: none; }
.solution-card:hover::after { border-color: rgba(217,173,91,.36); }
.card-num { color: #778694; font: 500 11px/1 var(--display); letter-spacing: .12em; }
.solution-card h3 { font-size: 31px; letter-spacing: -.03em; }
.solution-card p { color: var(--muted); line-height: 1.7; max-width: 490px; }
.card-link { font: 600 10px/1 var(--display); letter-spacing: .16em; color: var(--gold); }
.token-orbit { position: absolute; width: 210px; height: 210px; right: 45px; top: 45px; border: 1px solid rgba(217,173,91,.28); border-radius: 50%; animation: rotate 16s linear infinite; }
.token-orbit:before, .token-orbit:after { content: ""; position: absolute; inset: 30px; border: 1px solid rgba(217,173,91,.18); border-radius: 50%; }
.token-orbit:after { inset: 72px; background: var(--gold); box-shadow: 0 0 45px rgba(217,173,91,.55); }
.token-orbit span, .token-orbit i, .token-orbit b { position: absolute; width: 9px; height: 9px; background: var(--gold-light); border-radius: 50%; box-shadow: 0 0 12px var(--gold); }
.token-orbit span { top: 16px; left: 49px; }.token-orbit i { right: -4px; top: 98px; }.token-orbit b { bottom: 21px; left: 28px; }
.data-bars { position: absolute; top: 74px; right: 45px; display: flex; align-items: end; height: 125px; gap: 9px; }
.data-bars i { display: block; width: 18px; background: linear-gradient(#f4d88d, #95712d); animation: bars 2s ease-in-out infinite alternate; }
.data-bars i:nth-child(1) { height: 34%; }.data-bars i:nth-child(2) { height: 70%; animation-delay: -.4s; }.data-bars i:nth-child(3) { height: 46%; animation-delay: -.7s; }.data-bars i:nth-child(4) { height: 92%; animation-delay: -.2s; }.data-bars i:nth-child(5) { height: 62%; animation-delay: -.9s; }

.trust-section { width: 100%; max-width: none; background: var(--paper); color: var(--ink); }
.trust-section .section-label { color: #8c692c; }
.trust-layout { display: grid; grid-template-columns: 1fr 1fr; gap: 100px; margin-top: 38px; }
.trust-layout h2 em { color: #a67a2e; }
.principles { border-top: 1px solid rgba(7,17,30,.18); }
.principle { display: grid; grid-template-columns: 46px 1fr; gap: 20px; padding: 26px 0; border-bottom: 1px solid rgba(7,17,30,.18); }
.principle > span { font: 600 10px/1 var(--display); color: #9f7a37; padding-top: 7px; }
.principle h3 { font-size: 23px; }
.principle p { margin: 8px 0 0; color: #66717b; line-height: 1.65; font-size: 14px; }

.contact { padding: 125px 0; }
.contact-card { position: relative; border: 1px solid var(--line); display: grid; grid-template-columns: .86fr 1.14fr; gap: 72px; overflow: hidden; padding: 72px; background: radial-gradient(circle at 0% 100%, rgba(217,173,91,.13), transparent 42%), rgba(255,255,255,.012); }
.contact-copy { align-self: center; }
.contact-card h2 { font-size: clamp(44px, 5.4vw, 72px); margin: 28px 0; }
.contact-copy > p { max-width: 520px; color: var(--muted); line-height: 1.75; margin: 0; }
.response-note { margin-top: 42px; display: flex; align-items: center; gap: 14px; color: #6e7d8a; font-size: 10px; letter-spacing: .08em; text-transform: uppercase; }
.response-note i { width: 34px; height: 34px; border: 1px solid rgba(217,173,91,.4); position: relative; transform: rotate(45deg); }
.response-note i::after { content: ""; position: absolute; width: 6px; height: 6px; background: var(--gold); top: 13px; left: 13px; box-shadow: 0 0 12px var(--gold); }
.response-note strong { display: inline-block; color: #d7dfe6; margin-top: 4px; font-weight: 500; }
.inquiry-form { padding: 34px; border: 1px solid var(--line); background: rgba(4,12,21,.58); backdrop-filter: blur(20px); }
.inquiry-form label { display: block; margin-bottom: 18px; }
.inquiry-form label > span { display: block; margin-bottom: 8px; color: #8e9ba8; font: 600 9px/1 var(--display); letter-spacing: .14em; text-transform: uppercase; }
.form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.inquiry-form input, .inquiry-form select, .inquiry-form textarea { width: 100%; border: 1px solid rgba(255,255,255,.13); border-radius: 0; padding: 14px 15px; background: rgba(255,255,255,.035); color: var(--paper); font: 400 13px/1.4 var(--body); outline: none; transition: border-color .2s, background .2s; }
.inquiry-form select { appearance: none; background-image: linear-gradient(45deg, transparent 50%, var(--gold) 50%), linear-gradient(135deg, var(--gold) 50%, transparent 50%); background-position: calc(100% - 18px) 50%, calc(100% - 13px) 50%; background-size: 5px 5px, 5px 5px; background-repeat: no-repeat; }
.inquiry-form option { color: var(--ink); background: white; }
.inquiry-form textarea { resize: vertical; min-height: 112px; }
.inquiry-form input::placeholder, .inquiry-form textarea::placeholder { color: #566575; }
.inquiry-form input:focus, .inquiry-form select:focus, .inquiry-form textarea:focus { border-color: rgba(217,173,91,.72); background: rgba(217,173,91,.04); }
.submit-button { width: 100%; border: 0; cursor: pointer; justify-content: space-between; font-family: var(--body); }
.submit-button b { font-weight: 400; }
.verification-note { display: flex; align-items: center; gap: 8px; margin-top: 13px; color: #8998a5; font-size: 9px; letter-spacing: .06em; text-transform: uppercase; }
.verification-note span { display: grid; place-items: center; width: 17px; height: 17px; border: 1px solid rgba(217,173,91,.48); color: var(--gold-light); font-size: 10px; }
.form-privacy { color: #5f6d7a; font-size: 9px; line-height: 1.55; margin: 12px 0 0; }
.honey { position: absolute !important; left: -9999px !important; }

footer { min-height: 120px; border-top: 1px solid var(--line); display: grid; grid-template-columns: 1fr auto auto; gap: 48px; align-items: center; color: #697887; font-size: 11px; }
footer .brand { color: var(--paper); }

.reveal { opacity: 0; transform: translateY(18px); animation: reveal .8s ease forwards; }
.delay-1 { animation-delay: .1s; }.delay-2 { animation-delay: .2s; }.delay-3 { animation-delay: .3s; }
@keyframes reveal { to { opacity: 1; transform: none; } }
@keyframes draw { to { stroke-dashoffset: 0; } }
@keyframes pulse { 50% { opacity: .35; } }
@keyframes rotate { to { transform: rotate(360deg); } }
@keyframes bars { to { transform: scaleY(.62); opacity: .65; } }
@keyframes ticker { to { transform: translateX(-50%); } }

@media (max-width: 760px) {
  .wrap { width: min(100% - 28px, 1180px); }
  .nav { height: 76px; }
  nav a:not(.nav-cta) { display: none; }
  .hero { padding: 80px 0 58px; }
  h1 { font-size: clamp(54px, 17vw, 82px); }
  .hero-copy { font-size: 16px; }
  .hero-actions { flex-direction: column; align-items: stretch; }
  .button { justify-content: space-between; }
  .signal-card { margin-top: 60px; }
  .signal-visual { height: 170px; }
  .signal-stats { grid-template-columns: 1fr; }
  .signal-stats div { border-right: 0; border-bottom: 1px solid var(--line); }
  .section { padding: 90px 0; }
  .section-intro, .solutions-grid, .trust-layout { grid-template-columns: 1fr; }
  .section-intro { margin-bottom: 38px; }
  .solutions-grid { gap: 14px; }
  .solution-card { min-height: 390px; }
  .token-orbit { transform: scale(.72); transform-origin: top right; }
  .trust-layout { gap: 48px; }
  .contact { padding: 75px 0; }
  .contact-card { grid-template-columns: 1fr; gap: 48px; padding: 44px 22px; }
  .form-grid { grid-template-columns: 1fr; gap: 0; }
  .inquiry-form { padding: 24px 18px; }
  footer { grid-template-columns: 1fr; padding: 35px 0; gap: 18px; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; }
}