:root {
    --update-purple: #bd8cff;
    --update-yellow: #ffd36a;
    --update-red: #ff718c;
}

.updates-body {
    background:
        radial-gradient(circle at 16% 6%, rgba(106, 156, 255, 0.11), transparent 27%),
        radial-gradient(circle at 88% 22%, rgba(138, 255, 193, 0.075), transparent 25%),
        #0b0f11;
}

.updates-hero {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1.08fr) minmax(430px, 0.92fr);
    align-items: center;
    gap: clamp(45px, 7vw, 115px);
    min-height: 100vh;
    padding: 145px clamp(24px, 6vw, 105px) 95px;
    overflow: hidden;
}

.updates-grid {
    position: absolute;
    inset: 0;
    opacity: 0.22;
    pointer-events: none;
    background-image:
        linear-gradient(rgba(138, 255, 193, 0.035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(106, 156, 255, 0.035) 1px, transparent 1px);
    background-size: 56px 56px;
    mask-image: linear-gradient(to bottom, black, transparent 90%);
}

.updates-orbit {
    position: absolute;
    border: 1px solid rgba(138, 255, 193, 0.07);
    border-radius: 50%;
    pointer-events: none;
}

.orbit-a { width: 720px; height: 720px; right: -255px; top: 10%; animation: heroOrbitSpin 42s linear infinite; }
.orbit-b { width: 430px; height: 430px; left: -220px; bottom: -180px; border-color: rgba(106, 156, 255, 0.08); animation: heroOrbitSpin 34s linear infinite reverse; }

.updates-hero-copy,
.release-terminal { position: relative; z-index: 2; }

.updates-hero-copy { max-width: 820px; }
.updates-hero-copy h1,
.updates-hero-copy h2,
.release-banner h2,
.updates-section h2,
.core-section h2,
.roadmap-section h2,
.architecture-section h2,
.updates-cta h2 { margin: 0; letter-spacing: -0.075em; }

.updates-hero-copy h1 {
    margin-top: 24px;
    font-size: clamp(82px, 12vw, 190px);
    line-height: 0.78;
    color: transparent;
    background: linear-gradient(100deg, #f8fbff 5%, #a9d8e0 42%, #8affc1 66%, #6a9cff 100%);
    background-size: 180% 180%;
    -webkit-background-clip: text;
    background-clip: text;
    animation: titleFlow 8s ease-in-out infinite alternate;
}

.updates-hero-copy h2 {
    margin-top: 28px;
    color: #edf4f5;
    font-size: clamp(32px, 5vw, 68px);
    line-height: 0.98;
}

.release-terminal { width: min(650px, 100%); justify-self: center; }
.terminal-window {
    position: relative;
    border: 1px solid rgba(255, 255, 255, 0.11);
    border-radius: 19px;
    overflow: hidden;
    background: rgba(12, 16, 18, 0.84);
    box-shadow: 0 38px 110px rgba(0, 0, 0, 0.48), inset 0 1px rgba(255, 255, 255, 0.035);
    backdrop-filter: blur(25px) saturate(120%);
    transform: perspective(1100px) rotateY(-3deg) rotateX(1deg);
}
.terminal-titlebar {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: 18px;
    min-height: 50px;
    padding: 0 17px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    color: #748084;
    font: 600 10px/1 var(--mono);
}
.window-dots { display: flex; gap: 7px; }
.window-dots span { width: 8px; height: 8px; border-radius: 50%; background: #30383b; }
.window-dots span:first-child { background: #ff718c; }.window-dots span:nth-child(2) { background: #ffd36a; }.window-dots span:last-child { background: #8affc1; }
.terminal-live { justify-self: end; display: inline-flex; align-items: center; gap: 7px; color: var(--mint); }
.terminal-live i { width: 7px; height: 7px; border-radius: 50%; background: var(--mint); box-shadow: 0 0 12px rgba(138,255,193,.8); animation: pulseDot 1.8s ease-in-out infinite; }
.terminal-body { padding: clamp(23px, 4vw, 38px); }
.terminal-heading { display: flex; align-items: center; gap: 14px; }
.terminal-logo { display: grid; place-items: center; width: 46px; height: 46px; border: 1px solid rgba(138,255,193,.25); border-radius: 13px; background: linear-gradient(145deg, rgba(138,255,193,.12), rgba(106,156,255,.11)); color: var(--mint); font: 800 22px/1 var(--mono); }
.terminal-heading div { display: grid; gap: 4px; }.terminal-heading strong { font: 800 13px/1 var(--mono); letter-spacing: .12em; }.terminal-heading small { color: #657277; font: 600 8px/1 var(--mono); letter-spacing: .1em; }
.terminal-divider { height: 1px; margin: 24px 0; background: linear-gradient(90deg, transparent, rgba(255,255,255,.1), transparent); }
.terminal-row { display: grid; grid-template-columns: 56px 1fr auto; align-items: center; gap: 12px; min-height: 38px; font: 600 10px/1.3 var(--mono); }
.terminal-row span { color: #61717a; }.terminal-row strong { color: #c9d2d5; font-weight: 600; }.terminal-row em { color: var(--mint); font-style: normal; font-size: 8px; letter-spacing: .08em; }
.release-progress-head { display: flex; justify-content: space-between; margin-bottom: 10px; color: #77858a; font: 600 9px/1 var(--mono); }.release-progress-head strong { color: var(--mint); }
.release-progress { height: 6px; overflow: hidden; border-radius: 99px; background: rgba(255,255,255,.055); }.release-progress span { display: block; width: 100%; height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--blue), var(--mint)); box-shadow: 0 0 17px rgba(138,255,193,.25); }
.terminal-footer { display: flex; flex-wrap: wrap; gap: 16px; margin-top: 19px; color: #4f5a5e; font: 600 8px/1 var(--mono); }
.floating-release { position: absolute; display: grid; grid-template-columns: 40px 1fr; column-gap: 10px; align-items: center; min-width: 205px; padding: 13px 15px; border: 1px solid rgba(255,255,255,.1); border-radius: 13px; background: rgba(17,22,24,.88); box-shadow: 0 18px 48px rgba(0,0,0,.38); backdrop-filter: blur(16px); animation: badgeFloat 5s ease-in-out infinite; }
.floating-release span { grid-row: 1/3; display: grid; place-items: center; width: 38px; height: 38px; border-radius: 11px; background: rgba(138,255,193,.09); color: var(--mint); font: 800 9px/1 var(--mono); }.floating-release strong { font-size: 12px; }.floating-release small { color: #6c797e; font: 600 8px/1 var(--mono); }
.release-web { right: -55px; top: 80px; }.release-core { left: -72px; bottom: 70px; animation-delay: -2s; }.release-core span { color: var(--blue); background: rgba(106,156,255,.1); }

.release-summary { padding-top: 25px; padding-bottom: 115px; }
.release-banner {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 50px;
    align-items: center;
    padding: clamp(34px, 5vw, 66px);
    border: 1px solid rgba(138,255,193,.15);
    border-radius: 23px;
    background: linear-gradient(130deg, rgba(106,156,255,.09), rgba(18,23,25,.82) 45%, rgba(138,255,193,.065));
    box-shadow: var(--shadow);
}
.release-banner h2 { margin-top: 12px; color: #edf3f4; font-size: clamp(35px, 5vw, 65px); line-height: 1; }
.release-banner p:not(.section-kicker) { max-width: 820px; margin: 20px 0 0; color: var(--muted); font-size: 14px; line-height: 1.8; }
.release-badges { display: grid; grid-template-columns: repeat(2, minmax(120px, 1fr)); gap: 10px; }
.release-badges span { display: grid; place-items: center; min-height: 48px; padding: 0 15px; border: 1px solid var(--line); border-radius: 11px; background: rgba(255,255,255,.025); color: #aab5b9; font: 700 9px/1 var(--mono); text-align: center; }
.update-metrics { display: grid; grid-template-columns: repeat(4, 1fr); margin-top: 18px; overflow: hidden; border: 1px solid var(--line-soft); border-radius: 18px; background: rgba(16,21,23,.65); }
.update-metrics article { min-height: 145px; padding: 28px; border-right: 1px solid var(--line-soft); }.update-metrics article:last-child { border-right: 0; }.update-metrics strong { display: block; color: transparent; background: linear-gradient(100deg, #fff, var(--mint), var(--blue)); -webkit-background-clip: text; background-clip: text; font: 800 clamp(34px,4vw,58px)/1 var(--mono); }.update-metrics span { display: block; margin-top: 12px; color: var(--muted); font-size: 11px; line-height: 1.5; }

.updates-section { padding-top: 110px; padding-bottom: 135px; }
.filter-bar { display: flex; flex-wrap: wrap; gap: 9px; margin: 35px 0 25px; }
.filter-button { min-height: 38px; padding: 0 16px; border: 1px solid var(--line); border-radius: 99px; background: rgba(255,255,255,.025); color: #879397; font: 700 9px/1 var(--mono); letter-spacing: .06em; text-transform: uppercase; transition: .2s ease; }
.filter-button:hover,.filter-button.active { border-color: rgba(138,255,193,.28); background: rgba(138,255,193,.08); color: var(--mint); transform: translateY(-1px); }
.updates-card-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.update-card { position: relative; min-height: 395px; padding: 27px; overflow: hidden; border: 1px solid var(--line); border-radius: 18px; background: linear-gradient(145deg, rgba(20,26,29,.88), rgba(12,16,18,.88)); box-shadow: 0 20px 55px rgba(0,0,0,.22); transition: transform .22s ease, border-color .22s ease, opacity .24s ease; }
.update-card::after { content:""; position:absolute; inset:auto -35% -45% auto; width:210px; height:210px; border-radius:50%; background:radial-gradient(circle,rgba(138,255,193,.055),transparent 67%); }
.update-card:hover { transform: translateY(-4px); border-color: rgba(138,255,193,.22); }.update-card.hidden { display:none; }.update-card-featured { grid-column: span 2; background: linear-gradient(132deg, rgba(106,156,255,.1), rgba(19,25,28,.93) 43%, rgba(138,255,193,.07)); }
.update-card-top { display:flex; align-items:center; justify-content:space-between; gap:15px; }.update-index { color:#465257; font:800 10px/1 var(--mono); }.update-status { padding:6px 8px; border:1px solid var(--line); border-radius:6px; font:800 7px/1 var(--mono); letter-spacing:.1em; }.update-status.live { color:var(--mint); border-color:rgba(138,255,193,.2); background:rgba(138,255,193,.05); }.update-status.ready { color:var(--blue); border-color:rgba(106,156,255,.2); background:rgba(106,156,255,.05); }.update-status.testing { color:var(--update-purple); border-color:rgba(189,140,255,.2); background:rgba(189,140,255,.05); }
.update-icon { display:grid; place-items:center; width:48px; height:48px; margin:23px 0 21px; border:1px solid rgba(255,255,255,.08); border-radius:14px; }.update-icon svg { width:23px; height:23px; fill:none; stroke:currentColor; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round; }.update-icon.mint { color:var(--mint); background:rgba(138,255,193,.06); }.update-icon.blue { color:var(--blue); background:rgba(106,156,255,.07); }.update-icon.yellow { color:var(--update-yellow); background:rgba(255,211,106,.07); }.update-icon.purple { color:var(--update-purple); background:rgba(189,140,255,.07); }.update-icon.red { color:var(--update-red); background:rgba(255,113,140,.07); }
.update-label { margin:0 0 10px; color:var(--mint); font:700 9px/1 var(--mono); letter-spacing:.12em; text-transform:uppercase; }.update-card h3,.core-feature h3,.technical-panel h3 { margin:0; color:#edf3f4; font-size:clamp(20px,2vw,27px); line-height:1.12; letter-spacing:-.045em; }.update-card > p:not(.update-label) { margin:13px 0 0; color:var(--muted); font-size:12px; line-height:1.7; }.update-card ul { position:relative; z-index:1; display:grid; gap:8px; margin:20px 0 0; padding:0; list-style:none; }.update-card li { position:relative; padding-left:15px; color:#a8b2b6; font-size:11px; line-height:1.55; }.update-card li::before { content:""; position:absolute; left:0; top:.6em; width:5px; height:5px; border-radius:50%; background:var(--mint); box-shadow:0 0 9px rgba(138,255,193,.45); }

.core-section { position:relative; padding:130px 0; overflow:hidden; border-top:1px solid var(--line-soft); border-bottom:1px solid var(--line-soft); background:linear-gradient(180deg,rgba(7,10,11,.18),rgba(17,21,23,.7),rgba(7,10,11,.18)); }.core-layout { display:grid; grid-template-columns:minmax(0,.86fr) minmax(480px,1.14fr); gap:70px; align-items:center; }.core-section .section-heading { grid-column:1; }.core-flow { position:relative; grid-column:2; grid-row:1/3; min-height:620px; }.flow-center { position:absolute; top:50%; left:50%; z-index:3; display:grid; place-items:center; width:155px; height:155px; padding:20px; border:1px solid rgba(138,255,193,.26); border-radius:50%; background:radial-gradient(circle,rgba(138,255,193,.11),rgba(15,20,22,.94) 67%); box-shadow:0 0 75px rgba(138,255,193,.08); transform:translate(-50%,-50%); text-align:center; }.flow-center span { color:var(--mint); font:800 42px/1 var(--mono); }.flow-center strong { color:#dfe7e9; font:800 9px/1.35 var(--mono); letter-spacing:.12em; }.flow-ring { position:absolute; top:50%; left:50%; border:1px dashed rgba(106,156,255,.17); border-radius:50%; transform:translate(-50%,-50%); }.ring-one { width:360px;height:360px;animation:orbitSpin 38s linear infinite; }.ring-two { width:545px;height:545px;border-color:rgba(138,255,193,.11);animation:orbitSpin 55s linear infinite reverse; }.flow-node { position:absolute; z-index:4; display:grid; gap:5px; width:180px; padding:17px; border:1px solid var(--line); border-radius:14px; background:rgba(18,24,26,.9); box-shadow:0 17px 45px rgba(0,0,0,.27); }.flow-node span { color:var(--mint); font:800 8px/1 var(--mono); }.flow-node strong { font-size:14px; }.flow-node small { color:var(--muted); font:600 8px/1.45 var(--mono); }.node-sale { top:4%;left:36%; }.node-buy { top:27%;right:0; }.node-storage { bottom:12%;right:10%; }.node-bank { bottom:4%;left:12%; }.node-logs { top:30%;left:0; }
.core-feature-grid { grid-column:1; display:grid; grid-template-columns:repeat(2,1fr); gap:12px; }.core-feature { min-height:210px; padding:24px; border:1px solid var(--line); border-radius:16px; background:rgba(18,23,25,.72); }.core-feature > span { color:var(--mint); font:800 8px/1 var(--mono); letter-spacing:.12em; }.core-feature h3 { margin-top:16px; font-size:21px; }.core-feature p { margin:11px 0 0; color:var(--muted); font-size:11px; line-height:1.7; }

.roadmap-section { padding-top:135px; padding-bottom:135px; }.roadmap-board { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin-top:38px; align-items:start; }.roadmap-column { overflow:hidden; border:1px solid var(--line); border-radius:19px; background:linear-gradient(180deg,rgba(19,25,28,.85),rgba(11,15,17,.86)); box-shadow:0 20px 55px rgba(0,0,0,.22); }.roadmap-column header { display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:12px; padding:20px; border-bottom:1px solid var(--line); }.roadmap-column header i { width:9px;height:9px;border-radius:50%;box-shadow:0 0 12px currentColor; }.roadmap-column header i.planned { color:var(--blue);background:var(--blue); }.roadmap-column header i.working { color:var(--update-yellow);background:var(--update-yellow); }.roadmap-column header i.testing { color:var(--update-purple);background:var(--update-purple); }.roadmap-column header div { display:grid;gap:4px; }.roadmap-column header span { color:#687579;font:800 7px/1 var(--mono);letter-spacing:.12em; }.roadmap-column header strong { font-size:15px; }.roadmap-column header b { display:grid;place-items:center;min-width:30px;height:27px;padding:0 7px;border:1px solid var(--line);border-radius:99px;color:#78858a;font:700 9px/1 var(--mono); }.roadmap-items { display:grid;gap:10px;padding:12px; }.roadmap-items div { position:relative;padding:17px;border:1px solid rgba(255,255,255,.07);border-radius:13px;background:rgba(255,255,255,.022); }.roadmap-items strong { display:block;padding-right:45px;font-size:12px;line-height:1.4; }.roadmap-items small { display:block;margin-top:8px;color:var(--muted);font-size:10px;line-height:1.55; }.roadmap-items em { position:absolute;right:12px;top:14px;color:var(--update-red);font:800 7px/1 var(--mono);font-style:normal;letter-spacing:.08em; }

.architecture-section { padding:135px 0; border-top:1px solid var(--line-soft); background:radial-gradient(circle at 50% 28%,rgba(106,156,255,.065),transparent 35%); }.architecture-flow { display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr auto 1fr;align-items:center;gap:10px;margin-top:50px; }.architecture-flow article { position:relative;display:grid;justify-items:center;min-height:220px;padding:25px 14px;border:1px solid var(--line);border-radius:17px;background:rgba(18,23,25,.75);text-align:center; }.architecture-flow article > span { position:absolute;top:13px;left:14px;color:#465257;font:800 8px/1 var(--mono); }.architecture-icon { display:grid;place-items:center;width:54px;height:54px;margin:16px 0 22px;border:1px solid rgba(138,255,193,.18);border-radius:15px;background:rgba(138,255,193,.055);color:var(--mint); }.architecture-icon svg { width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round; }.architecture-flow strong { font-size:13px; }.architecture-flow small { margin-top:8px;color:var(--muted);font:600 8px/1.5 var(--mono); }.architecture-flow > i { width:35px;height:1px;background:linear-gradient(90deg,rgba(106,156,255,.15),rgba(138,255,193,.5));position:relative; }.architecture-flow > i::after { content:"";position:absolute;right:0;top:-2px;width:5px;height:5px;border-radius:50%;background:var(--mint);box-shadow:0 0 8px rgba(138,255,193,.5); }
.technical-grid { display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:40px; }.technical-panel { padding:30px;border:1px solid var(--line);border-radius:18px;background:rgba(17,22,24,.72); }.technical-panel h3 { font-size:26px; }.code-grid { display:flex;flex-wrap:wrap;gap:8px;margin-top:22px; }.code-grid code { padding:9px 11px;border:1px solid rgba(138,255,193,.12);border-radius:8px;background:rgba(138,255,193,.035);color:#a8c8bf;font:600 9px/1 var(--mono); }

.updates-cta { padding-top:35px;padding-bottom:130px; }

@media (max-width: 1180px) {
    .updates-hero { grid-template-columns:1fr; padding-top:155px; }.release-terminal { width:min(700px,96%); }.core-layout { grid-template-columns:1fr; }.core-flow { grid-column:1;grid-row:auto; }.core-feature-grid { grid-column:1; }.architecture-flow { grid-template-columns:repeat(5,1fr); }.architecture-flow > i { display:none; }
}
@media (max-width: 920px) {
    .release-banner { grid-template-columns:1fr; }.release-badges { grid-template-columns:repeat(4,1fr); }.updates-card-grid { grid-template-columns:repeat(2,1fr); }.update-card-featured { grid-column:span 2; }.roadmap-board { grid-template-columns:1fr; }.architecture-flow { grid-template-columns:repeat(2,1fr); }.architecture-flow article:last-of-type { grid-column:1/-1; }.technical-grid { grid-template-columns:1fr; }
}
@media (max-width: 720px) {
    .updates-hero { padding:125px 20px 75px; }.updates-hero-copy h1 { font-size:clamp(70px,24vw,120px); }.terminal-window { transform:none; }.floating-release { display:none; }.update-metrics { grid-template-columns:repeat(2,1fr); }.update-metrics article:nth-child(2) { border-right:0; }.update-metrics article:nth-child(-n+2) { border-bottom:1px solid var(--line-soft); }.release-badges { grid-template-columns:repeat(2,1fr); }.updates-card-grid { grid-template-columns:1fr; }.update-card-featured { grid-column:auto; }.core-flow { min-height:530px; transform:scale(.82); margin:-45px; }.core-feature-grid { grid-template-columns:1fr; }.architecture-flow { grid-template-columns:1fr; }.architecture-flow article:last-of-type { grid-column:auto; }
}
@media (max-width: 520px) {
    .terminal-titlebar { grid-template-columns:1fr 1fr; }.terminal-titlebar > span:nth-child(2) { display:none; }.terminal-row { grid-template-columns:48px 1fr; }.terminal-row em { display:none; }.update-metrics { grid-template-columns:1fr; }.update-metrics article { border-right:0;border-bottom:1px solid var(--line-soft); }.update-metrics article:last-child { border-bottom:0; }.core-flow { min-height:455px;transform:scale(.62);margin:-100px; }.release-banner { padding:28px 22px; }.updates-section,.roadmap-section { padding-top:95px;padding-bottom:95px; }.core-section,.architecture-section { padding-top:95px;padding-bottom:95px; }
}