/* Template 20 - Circuit / Kinetic Signal Switchboard. */
:root {
    --void: #090b0a;
    --panel: #141816;
    --panel-2: #202521;
    --paper: #f4f1e8;
    --white: #ffffff;
    --ink: #111412;
    --muted: #666b66;
    --lime: #b8ff3d;
    --aqua: #25e4d0;
    --coral: #ff5c47;
    --line: #3d463f;
    --soft-line: #c8cec6;
}


* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body.radical {
    margin: 0;
    background: var(--void);
    color: var(--paper);
    font: 15px/1.75 Arial, "Microsoft YaHei", "PingFang SC", sans-serif;
}

/* Keep the named core compact within its circular instrument. */
.circuit-core b { font-size: 32px; letter-spacing: .04em; }
@media (max-width: 760px) { .circuit-core b { font-size: 25px; } }
body.radical a { color: inherit; }
body.radical h1,
body.radical h2,
body.radical h3,
body.radical p { overflow-wrap: anywhere; }

.site-notice,
.collection-notice {
    position: relative;
    z-index: 100;
    display: flex;
    justify-content: center;
    gap: 12px;
    padding: 8px 20px;
    border-bottom: 1px solid #34403a;
    background: var(--lime);
    color: var(--ink);
    font-size: 12px;
    font-weight: 800;
}
.site-notice b,
.collection-notice b { color: #115e54; font-weight: 900; letter-spacing: 0; }

.collection-nav {
    position: relative;
    z-index: 90;
    display: grid;
    grid-template-columns: minmax(190px, 1fr) auto minmax(190px, 1fr);
    align-items: center;
    min-height: 78px;
    width: min(1260px, calc(100% - 48px));
    margin: auto;
    border-bottom: 1px solid #38413c;
    background: var(--void);
}
.collection-brand { display: flex; min-width: 0; align-items: center; gap: 11px; text-decoration: none; }
.site-logo { display: block; flex: 0 0 auto; width: 36px; height: 36px; }
.site-logo img { width: 100%; height: 100%; object-fit: contain; }
.collection-brand strong { min-width: 0; color: var(--paper); font-size: 18px; font-weight: 900; letter-spacing: 0; overflow-wrap: anywhere; }
.collection-nav nav { display: flex; align-items: center; gap: 24px; }
.collection-nav nav a { position: relative; color: #b5bcb7; font-size: 12px; font-weight: 800; text-decoration: none; }
.collection-nav nav a:before { position: absolute; top: 50%; left: -11px; width: 5px; height: 5px; border-radius: 50%; background: var(--aqua); content: ""; opacity: 0; transform: translateY(-50%); transition: opacity .2s ease; }
.collection-nav nav a:hover,
.collection-nav nav .active-nav { color: var(--white); }
.collection-nav nav a:hover:before,
.collection-nav nav .active-nav:before { opacity: 1; }
.collection-action {
    justify-self: end;
    display: inline-flex;
    align-items: center;
    gap: 12px;
    min-height: 42px;
    padding: 9px 16px;
    border: 1px solid #ff8a7a;
    border-radius: 4px;
    background: var(--coral);
    box-shadow: 0 0 0 0 rgba(255,92,71,0);
    color: #fff !important;
    font-size: 12px;
    font-weight: 900;
    text-decoration: none;
    transition: box-shadow .2s ease, transform .2s ease;
}
.collection-action:hover { box-shadow: 0 0 0 5px rgba(255,92,71,.16), 0 8px 26px rgba(255,92,71,.25); transform: translateY(-2px); }
.collection-menu { display: none; }

.radical-main { position: relative; overflow: hidden; }
.radical-main:before {
    position: absolute;
    z-index: 0;
    top: 260px;
    left: 0;
    width: 42%;
    height: 1px;
    background: repeating-linear-gradient(90deg, var(--aqua) 0 8px, transparent 8px 16px);
    content: "";
    opacity: .35;
    pointer-events: none;
}
.radical-main:after {
    position: absolute;
    z-index: 0;
    top: 110px;
    right: 3%;
    width: 8px;
    height: 290px;
    background: repeating-linear-gradient(0deg, var(--lime) 0 12px, transparent 12px 22px);
    content: "";
    opacity: .5;
    pointer-events: none;
}

.radical-hero {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: minmax(0, .86fr) minmax(490px, 1.14fr);
    align-items: center;
    gap: 54px;
    width: min(1260px, calc(100% - 48px));
    min-height: 720px;
    margin: auto;
    padding: 56px 0 86px;
}
.radical-copy { position: relative; z-index: 6; order: -1; }
.radical-copy:before { display: block; width: 74px; height: 7px; margin-bottom: 24px; background: var(--aqua); box-shadow: 22px 0 0 var(--lime), 44px 0 0 var(--coral); content: ""; }
.radical-label,
.radical-tagline { margin: 0; color: var(--aqua); font-size: 11px; font-weight: 900; letter-spacing: 0; }
.radical-label span { margin-left: 11px; color: #89928c; font-weight: 700; }
.radical h1 { max-width: 650px; margin: 19px 0 0; color: var(--white); font-size:32px; font-weight: 950; letter-spacing: 0; line-height: 1; }
.radical-lead { max-width: 540px; margin: 23px 0 0; color: #aeb6b0; font-size: 16px; line-height: 1.95; }
.radical-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 31px; }
.radical-actions a,
.radical-cta a,
.about-cta a {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    min-height: 48px;
    padding: 11px 20px;
    border: 1px solid #ff8a7a;
    border-radius: 4px;
    background: var(--coral);
    color: #fff !important;
    font-size: 13px;
    font-weight: 900;
    text-decoration: none;
    transition: box-shadow .22s ease, transform .22s ease;
}
.radical-actions a:hover,
.radical-cta a:hover,
.about-cta a:hover { box-shadow: 0 0 0 5px rgba(255,92,71,.16), 0 12px 30px rgba(255,92,71,.22); transform: translateY(-3px); }
.radical-actions a + a { border-color: #59645d; background: var(--panel); color: var(--paper) !important; }

.radical-stage {
    --circuit-x: 0px;
    --circuit-y: 0px;
    position: relative;
    min-height: 600px;
    overflow: hidden;
    border: 1px solid #526058;
    border-radius: 8px;
    background: #0e1210;
    box-shadow: 0 30px 90px rgba(0,0,0,.48), inset 0 0 0 8px #171d19;
    isolation: isolate;
}
.radical-stage:before,
.radical-stage:after { position: absolute; z-index: 4; content: ""; pointer-events: none; }
.radical-stage:before { inset: 18px; border: 1px solid rgba(184,255,61,.14); border-radius: 5px; }
.radical-stage:after { right: 23px; bottom: 20px; width: 9px; height: 9px; border-radius: 50%; background: var(--lime); box-shadow: 0 0 15px var(--lime); animation: circuit-led 1.8s steps(2,end) infinite; }
.radical-stage > i,
.radical-stage > b,
.radical-stage > em,
.radical-stage > u,
.radical-stage > mark,
.radical-stage > span { position: absolute; display: block; }
.radical-stage > i { z-index: 5; top: 38px; left: 38px; width: 42px; height: 42px; border: 6px solid var(--coral); border-radius: 50%; }
.radical-stage > b { z-index: 5; top: 42px; right: 38px; width: 82px; height: 18px; border: 1px solid #627067; border-radius: 3px; background: repeating-linear-gradient(90deg, var(--lime) 0 7px, transparent 7px 12px); }
.radical-stage > em { z-index: 5; bottom: 47px; left: 42px; width: 110px; height: 2px; background: var(--aqua); box-shadow: 0 -9px 0 rgba(37,228,208,.35), 0 9px 0 rgba(37,228,208,.35); }
.radical-stage > u { z-index: 5; top: 44px; left: 104px; width: 11px; height: 11px; border-radius: 50%; background: var(--lime); box-shadow: 0 0 12px rgba(184,255,61,.8); text-decoration: none; animation: circuit-led 1.4s steps(2,end) infinite; }
.radical-stage > mark { z-index: 5; right: 43px; bottom: 42px; width: 48px; height: 48px; border: 1px solid var(--coral); border-radius: 50%; background: transparent; }
.circuit-canvas { position: absolute; z-index: 1; inset: 0; width: 100%; height: 100%; }
.circuit-grid { z-index: 0; inset: 0; background-image: linear-gradient(rgba(37,228,208,.07) 1px, transparent 1px), linear-gradient(90deg, rgba(37,228,208,.07) 1px, transparent 1px); background-size: 34px 34px; mask-image: linear-gradient(to bottom, transparent, #000 13%, #000 88%, transparent); }
.circuit-core {
    z-index: 12;
    top: 50%;
    left: 50%;
    display: grid !important;
    width: 174px;
    height: 174px;
    place-content: center;
    border: 1px solid #91baa9;
    border-radius: 50%;
    background: #151b17;
    box-shadow: 0 0 0 12px rgba(37,228,208,.06), 0 0 42px rgba(37,228,208,.18), inset 0 0 28px rgba(184,255,61,.08);
    text-align: center;
    transform: translate(calc(-50% + var(--circuit-x)), calc(-50% + var(--circuit-y)));
    will-change: transform;
}
.circuit-core:before { position: absolute; inset: 12px; border: 1px dashed var(--aqua); border-radius: 50%; content: ""; animation: circuit-spin 18s linear infinite; }
.circuit-core b { color: var(--white); font: 950 70px/.78 Arial, sans-serif; letter-spacing: 0; }
.circuit-core small { margin-top: 13px; color: var(--lime); font: 900 9px/1 Arial, sans-serif; letter-spacing: 0; }
.circuit-ring { z-index: 9; top: 50%; left: 50%; border: 1px solid; border-radius: 50%; transform: translate(-50%, -50%); }
.circuit-ring:before,
.circuit-ring:after { position: absolute; border-radius: 50%; content: ""; }
.circuit-ring-a { width: 260px; height: 260px; border-color: rgba(37,228,208,.45); border-right-color: transparent; animation: circuit-ring-spin 13s linear infinite; }
.circuit-ring-a:before { top: 21px; right: 14px; width: 10px; height: 10px; background: var(--aqua); box-shadow: 0 0 14px var(--aqua); }
.circuit-ring-b { width: 350px; height: 350px; border-color: rgba(184,255,61,.24); border-left-color: transparent; border-bottom-style: dashed; animation: circuit-spin-reverse 21s linear infinite; }
.circuit-ring-b:after { bottom: 33px; left: 19px; width: 12px; height: 12px; border: 2px solid var(--lime); }
.circuit-track { z-index: 7; height: 2px; background: rgba(37,228,208,.55); transform-origin: left; }
.circuit-track:after { position: absolute; top: -4px; width: 10px; height: 10px; border-radius: 50%; background: var(--lime); box-shadow: 0 0 14px var(--lime); content: ""; animation: circuit-packet 3s linear infinite; }
.circuit-track-a { top: 29%; left: 8%; width: 31%; transform: rotate(12deg); }
.circuit-track-b { top: 68%; left: 11%; width: 27%; transform: rotate(-17deg); }
.circuit-track-c { top: 31%; right: 7%; width: 28%; transform: rotate(151deg); }
.circuit-track-b:after { animation-delay: -1.1s; }
.circuit-track-c:after { animation-delay: -2.1s; }
.circuit-node { z-index: 11; width: 17px; height: 17px; border: 2px solid var(--void); border-radius: 50%; background: var(--aqua); box-shadow: 0 0 0 1px var(--aqua), 0 0 18px rgba(37,228,208,.75); animation: circuit-node 2.4s ease-in-out infinite; }
.circuit-node-a { top: 24%; left: 13%; }
.circuit-node-b { top: 32%; right: 14%; background: var(--lime); box-shadow: 0 0 0 1px var(--lime), 0 0 18px rgba(184,255,61,.7); animation-delay: -.6s; }
.circuit-node-c { right: 18%; bottom: 19%; background: var(--coral); box-shadow: 0 0 0 1px var(--coral), 0 0 18px rgba(255,92,71,.72); animation-delay: -1.2s; }
.circuit-node-d { bottom: 22%; left: 14%; animation-delay: -1.8s; }
.circuit-node-e { top: 16%; left: 48%; width: 12px; height: 12px; background: var(--lime); box-shadow: 0 0 0 1px var(--lime), 0 0 18px rgba(184,255,61,.7); animation-delay: -2.1s; }
.circuit-wave { z-index: 8; right: 32px; bottom: 115px; width: 145px; height: 62px; border: 1px solid #405048; border-radius: 4px; background-color: #0c100e; background-image: linear-gradient(rgba(37,228,208,.1) 1px, transparent 1px), linear-gradient(90deg, rgba(37,228,208,.1) 1px, transparent 1px); background-size: 12px 12px; overflow: hidden; }
.circuit-wave:before { position: absolute; top: 29px; left: -20%; width: 140%; height: 2px; background: var(--aqua); box-shadow: 17px -13px 0 -1px var(--aqua), 34px 10px 0 -1px var(--aqua), 51px -20px 0 -1px var(--aqua), 68px 15px 0 -1px var(--aqua), 85px -8px 0 -1px var(--aqua), 102px 17px 0 -1px var(--aqua); content: ""; transform: rotate(-4deg); animation: circuit-wave 2.8s linear infinite; }
.circuit-readout { z-index: 13; top: 84px; right: 31px; padding: 11px 13px; border: 1px solid #56645b; border-radius: 4px; background: rgba(15,20,17,.9); color: #a5b0a9; font: 800 9px/1.4 "Courier New", monospace; }
.circuit-readout b { color: var(--lime); font-size: 25px; line-height: 1; letter-spacing: 0; }
.circuit-channels { z-index: 10; bottom: 109px; left: 32px; display: flex !important; align-items: end; gap: 7px; width: 116px; height: 72px; padding: 9px; border: 1px solid #405048; border-radius: 4px; background: #0c100e; }
.circuit-channels i { display: block; flex: 1; background: var(--lime); animation: circuit-channel 1.5s ease-in-out infinite alternate; }
.circuit-channels i:nth-child(1) { height: 34%; }
.circuit-channels i:nth-child(2) { height: 72%; animation-delay: -.3s; background: var(--aqua); }
.circuit-channels i:nth-child(3) { height: 46%; animation-delay: -.6s; }
.circuit-channels i:nth-child(4) { height: 88%; animation-delay: -.9s; background: var(--coral); }
.circuit-channels i:nth-child(5) { height: 57%; animation-delay: -1.2s; background: var(--aqua); }
.circuit-terminal { z-index: 14; top: 34px; left: 137px; color: #859089; font: 800 9px/1 "Courier New", monospace; }
.circuit-ticker { z-index: 20; right: 0; bottom: 0; left: 0; height: 25px; overflow: hidden; border-top: 1px solid #3d4841; background: var(--lime); color: var(--ink); font: 900 10px/24px "Courier New", monospace; white-space: nowrap; animation: circuit-ticker 6s linear infinite alternate; }

.radical-metrics {
    position: relative;
    z-index: 4;
    display: grid;
    grid-template-columns: repeat(3, 1fr) .82fr;
    width: min(1180px, calc(100% - 48px));
    margin: -38px auto 0;
    border: 1px solid #59635c;
    border-radius: 6px;
    background: var(--panel);
    box-shadow: 0 26px 60px rgba(0,0,0,.35);
    overflow: hidden;
}
.radical-metrics article,
.radical-metrics > a { min-width: 0; min-height: 116px; padding: 20px 22px; border-right: 1px solid #4b554e; }
.radical-metrics span { display: block; color: var(--aqua); font-size: 10px; font-weight: 900; letter-spacing: 0; }
.radical-metrics strong { display: block; margin-top: 4px; color: var(--white); font-size: 28px; font-weight: 950; letter-spacing: 0; line-height: 1.2; }
.radical-metrics small { display: block; margin-top: 5px; color: #9ba49e; font-size: 12px; }
.radical-metrics > a { display: flex; align-items: center; justify-content: space-between; border-right: 0; background: var(--lime); color: var(--ink); font-size: 12px; font-weight: 900; text-decoration: none; }
.radical-metrics > a b { font-size: 20px; }

.radical-story {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: 300px minmax(0, 1fr);
    gap: 72px;
    width: min(1080px, calc(100% - 48px));
    padding: 126px 0;
    margin: auto;
}
.story-label { position: relative; min-height: 280px; border: 1px solid #4d5951; border-radius: 8px; background: var(--panel); overflow: hidden; }
.story-label:before { position: absolute; top: 50%; left: 50%; width: 176px; height: 176px; border: 1px solid var(--aqua); border-radius: 50%; box-shadow: 0 0 0 20px rgba(37,228,208,.05), 0 0 0 42px rgba(184,255,61,.03); content: ""; transform: translate(-50%,-50%); animation: circuit-story-ring 5s ease-in-out infinite; }
.story-label:after { position: absolute; top: 50%; left: 50%; color: var(--lime); content: "SYNC"; font: 950 82px/1 Arial, sans-serif; transform: translate(-50%,-50%); }
.story-label p { position: absolute; z-index: 2; top: 20px; left: 20px; margin: 0; color: var(--aqua); font: 800 9px/1.4 "Courier New", monospace; letter-spacing: 0; }
.story-body { align-self: center; }
.story-body h2,
.radical-features h2,
.radical-plans h2,
.radical-downloads h2,
.radical-cta h2,
.about-cta h2 { margin: 0; font-size: clamp(34px, 3.15rem, 51px); font-weight: 950; letter-spacing: 0; line-height: 1.17; }
.story-body > p { max-width: 700px; margin: 22px 0 0; color: #aeb6b0; font-size: 16px; line-height: 2; }
.story-body a { display: inline-flex; gap: 10px; margin-top: 25px; color: var(--lime); font-size: 13px; font-weight: 900; text-decoration: none; }
.story-body a:after { content: ""; width: 42px; height: 1px; margin-top: 11px; background: currentColor; }

.radical-features {
    position: relative;
    z-index: 2;
    padding: 108px max(24px, calc((100% - 1200px) / 2));
    background-color: var(--paper);
    background-image: linear-gradient(rgba(17,20,18,.06) 1px, transparent 1px), linear-gradient(90deg, rgba(17,20,18,.06) 1px, transparent 1px);
    background-size: 36px 36px;
    color: var(--ink);
    overflow: hidden;
}
.radical-features:before { position: absolute; top: 30px; right: 5%; width: 150px; height: 22px; border: 1px solid var(--ink); background: repeating-linear-gradient(90deg, var(--coral) 0 12px, transparent 12px 20px); content: ""; }
.radical-features header { max-width: 760px; }
.radical-features header > p,
.radical-plans header > p,
.radical-downloads header > p,
.radical-cta > p,
.about-cta > p { margin: 0 0 12px; color: inherit; font-size: 11px; font-weight: 900; letter-spacing: 0; }
.radical-features header > p { color: #087f72; }
.radical-features > div { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-top: 48px; }
.radical-features article { position: relative; min-width: 0; min-height: 275px; padding: 25px; border: 1px solid var(--ink); border-radius: 6px; background: var(--white); box-shadow: 0 12px 30px rgba(17,20,18,.09); overflow: hidden; transition: box-shadow .24s ease, transform .24s ease; }
.radical-features article:before { position: absolute; top: 0; right: 0; left: 0; height: 5px; background: var(--aqua); content: ""; }
.radical-features article:nth-child(2):before { background: var(--lime); }
.radical-features article:nth-child(3):before { background: var(--coral); }
.radical-features article:hover { box-shadow: 0 18px 40px rgba(17,20,18,.15), inset 0 0 0 3px rgba(37,228,208,.15); transform: translateY(-7px); }
.radical-features article > span { color: #087f72; font-size: 11px; font-weight: 900; }
.radical-features h3 { margin: 78px 0 9px; color: var(--ink); font-size: 23px; }
.radical-features article p { margin: 0; color: var(--muted); font-size: 13px; line-height: 1.9; }

.radical-plans { position: relative; z-index: 2; width: min(1120px, calc(100% - 48px)); padding: 118px 0; margin: auto; }
.radical-plans header { max-width: 760px; }
.radical-plans header > p { color: var(--aqua); }
.radical-plans > div { display: grid; grid-template-columns: repeat(3, 1fr); gap: 17px; margin-top: 46px; }
.radical-plans article { position: relative; display: flex; flex-direction: column; min-width: 0; min-height: 390px; padding: 27px; border: 1px solid #505b54; border-radius: 6px; background: var(--panel); color: var(--paper); overflow: hidden; transition: border-color .23s ease, box-shadow .23s ease, transform .23s ease; }
.radical-plans article:before { position: absolute; top: 0; right: 0; width: 58px; height: 58px; border-left: 1px solid #4c5850; border-bottom: 1px solid #4c5850; background: repeating-linear-gradient(135deg, transparent 0 7px, rgba(37,228,208,.18) 7px 8px); content: ""; }
.radical-plans article:hover { border-color: var(--aqua); box-shadow: 0 0 0 4px rgba(37,228,208,.08), 0 22px 50px rgba(0,0,0,.34); transform: translateY(-7px); }
.radical-plans article > small { color: var(--aqua); font-size: 10px; font-weight: 900; letter-spacing: 0; }
.radical-plans h3 { margin: 20px 0 0; color: var(--white); font-size: 24px; }
.radical-plans article > p { min-height: 50px; margin: 10px 0 0; color: #9fa8a2; font-size: 13px; }
.radical-plans strong { display: block; margin-top: 22px; color: var(--lime); font-size: 37px; font-weight: 950; letter-spacing: 0; }
.radical-plans strong i { font-size: 14px; font-style: normal; vertical-align: 12px; }
.radical-plans strong em { color: #b1bab4; font-size: 11px; font-style: normal; font-weight: 600; letter-spacing: 0; }
.radical-plans ul { margin: 18px 0 22px; padding: 0; list-style: none; color: #aeb6b0; font-size: 12px; }
.radical-plans li:before { margin-right: 8px; color: var(--aqua); content: "●"; font-size: 8px; }
.radical-plans article > a { margin-top: auto; color: var(--lime); font-size: 13px; font-weight: 900; text-decoration: none; }
.radical-plans .hot { border-color: #ff8d7d; background: var(--coral); color: #fff; box-shadow: 0 0 0 4px rgba(255,92,71,.12); }
.radical-plans .hot:before { border-color: rgba(255,255,255,.4); background: repeating-linear-gradient(135deg, transparent 0 7px, rgba(255,255,255,.2) 7px 8px); }
.radical-plans .hot p,
.radical-plans .hot ul,
.radical-plans .hot strong em { color: rgba(255,255,255,.86); }
.radical-plans .hot small,
.radical-plans .hot strong,
.radical-plans .hot > a { color: #fff !important; }
.radical-plans .hot li:before { color: var(--lime); }

.radical-downloads {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: .84fr 1.16fr;
    gap: 86px;
    padding: 106px max(24px, calc((100% - 1120px) / 2));
    background: var(--lime);
    color: var(--ink);
    overflow: hidden;
}
.radical-downloads:before { position: absolute; top: -34px; left: 4%; width: 200px; height: 74px; border: 1px solid var(--ink); border-radius: 50%; content: ""; }
.radical-downloads:after { position: absolute; right: 4%; bottom: 0; width: 170px; height: 18px; background: var(--coral); content: ""; }
.radical-downloads header,
.radical-downloads > div { position: relative; z-index: 2; }
.radical-downloads header > p { color: #115e54; }
.radical-downloads > div { border-top: 1px solid var(--ink); }
.radical-downloads a { display: grid; grid-template-columns: 38px minmax(0,1fr) auto; gap: 12px; align-items: center; min-height: 80px; border-bottom: 1px solid rgba(17,20,18,.42); color: var(--ink); text-decoration: none; transition: background .22s ease, padding .22s ease; }
.radical-downloads a:hover { padding-right: 12px; padding-left: 12px; background: rgba(255,255,255,.42); }
.radical-downloads i svg { width: 21px; height: 21px; fill: var(--ink); }
.radical-downloads b { display: block; color: var(--ink); font-size: 14px; }
.radical-downloads small { display: block; color: #3e493f; font-size: 11px; }
.radical-downloads em { color: #115e54; font-style: normal; font-size: 19px; }

.radical-cta,
.about-cta { position: relative; z-index: 2; padding: 112px 24px; background: var(--aqua); color: var(--ink); text-align: center; overflow: hidden; }
.radical-cta:before,
.about-cta:before { position: absolute; top: 0; left: 6%; width: 1px; height: 100%; background: var(--ink); box-shadow: 22px 0 0 rgba(17,20,18,.25), 44px 0 0 rgba(17,20,18,.12); content: ""; }
.radical-cta:after,
.about-cta:after { position: absolute; right: 5%; bottom: -80px; width: 190px; height: 190px; border: 22px solid var(--ink); border-radius: 50%; content: ""; animation: circuit-story-ring 5s ease-in-out infinite; }
.radical-cta > p,
.about-cta > p { position: relative; z-index: 2; color: #115e54; }
.radical-cta h2,
.about-cta h2 { position: relative; z-index: 2; max-width: 760px; margin: auto; }
.radical-cta a,
.about-cta a { z-index: 2; margin-top: 28px; }

.site-footer,
.collection-footer { display: grid; grid-template-columns: 1.2fr 1fr auto; gap: 34px; padding: 50px max(24px, calc((100% - 1260px) / 2)); border-top: 1px solid #38413c; background: var(--void); }
.site-footer p,
.collection-footer p { max-width: 430px; margin: 12px 0 0; color: #8f9992; font-size: 12px; }
.site-footer nav,
.collection-footer nav { display: flex; flex-wrap: wrap; align-content: center; gap: 10px 18px; }
.site-footer nav a,
.collection-footer nav a { color: #c7cec9; font-size: 12px; text-decoration: none; }
.site-footer nav a:hover,
.collection-footer nav a:hover { color: var(--lime); }
.site-footer small,
.collection-footer small { align-self: end; color: #7d8780; font-size: 11px; overflow-wrap: anywhere; }
.site-footer-links { border-color: #34403a !important; background: var(--void); color: #9ea7a1; }
.site-footer-links-list a { color: var(--aqua); }

/* Inner pages: full-width signal banner with explicit text contrast. */
body.radical-inner { background: var(--paper); color: var(--ink); }
.radical-inner .collection-nav {
    width: 100%;
    padding-right: max(24px, calc((100% - 1260px) / 2));
    padding-left: max(24px, calc((100% - 1260px) / 2));
}
.radical-inner main { position: relative; overflow: hidden; padding-bottom: 92px; }
.radical-inner main:before { position: absolute; top: 520px; right: -120px; width: 280px; height: 280px; border: 1px solid #a8b1aa; border-radius: 50%; box-shadow: 0 0 0 32px rgba(37,228,208,.08); content: ""; pointer-events: none; }
.radical-inner .resource-hero,
.radical-inner .about-hero,
.radical-inner .downloads-page-hero,
.radical-inner .legal-hero { position: relative; z-index: 2; width: 100%; min-height: 380px; margin: 0; padding: 92px max(24px, calc((100% - 1120px) / 2)); border: 0; border-bottom: 6px solid var(--lime); border-radius: 0; background-color: var(--panel); background-image: linear-gradient(rgba(37,228,208,.1) 1px, transparent 1px), linear-gradient(90deg, rgba(37,228,208,.1) 1px, transparent 1px); background-size: 34px 34px; color: #fff; overflow: hidden; }
.radical-inner .resource-hero:before,
.radical-inner .about-hero:before,
.radical-inner .downloads-page-hero:before,
.radical-inner .legal-hero:before { position: absolute; top: 50%; right: 8%; width: 230px; height: 230px; border: 1px solid var(--aqua); border-right-color: transparent; border-radius: 50%; box-shadow: 0 0 0 24px rgba(37,228,208,.05), 0 0 0 52px rgba(184,255,61,.03); content: ""; transform: translateY(-50%); animation: circuit-banner-spin 15s linear infinite; }
.radical-inner .resource-hero:after,
.radical-inner .about-hero:after,
.radical-inner .downloads-page-hero:after,
.radical-inner .legal-hero:after { position: absolute; right: 4%; bottom: 35px; width: 76px; height: 18px; background: repeating-linear-gradient(90deg, var(--coral) 0 8px, transparent 8px 13px); content: ""; }
.radical-inner .collection-kicker { position: relative; z-index: 2; display: flex; align-items: center; gap: 10px; margin: 0; color: var(--lime); font-size: 11px; font-weight: 900; letter-spacing: 0; }
.radical-inner .collection-kicker i { display: block; width: 32px; height: 2px; background: currentColor; box-shadow: 8px 5px 0 var(--aqua); }
.radical-inner .resource-hero h1,
.radical-inner .about-hero h1,
.radical-inner .downloads-page-hero h1,
.radical-inner .legal-hero h1 { position: relative; z-index: 2; max-width: 800px; margin: 18px 0 0; color: #fff; font-size: clamp(44px, 4.6rem, 74px); font-weight: 950; letter-spacing: 0; line-height: 1.05; }
.radical-inner .resource-hero > p:last-child,
.radical-inner .about-hero > p:last-child,
.radical-inner .downloads-page-hero > span,
.radical-inner .legal-hero > p:last-child { position: relative; z-index: 2; display: block; max-width: 600px; margin: 20px 0 0; color: #c8d0cb; font-size: 15px; line-height: 1.9; }

.radical-inner .about-intro,
.radical-inner .resource-layout,
.radical-inner .downloads-page-main,
.radical-inner .legal-wrap,
.radical-inner .about-values,
.radical-inner .custom-page-content { position: relative; z-index: 2; width: min(1080px, calc(100% - 48px)); margin-right: auto; margin-left: auto; }
.radical-inner .about-intro { display: grid; grid-template-columns: .85fr 1.15fr; gap: 80px; padding: 96px 0 58px; }
.radical-inner .about-intro header { position: relative; padding: 27px; border: 1px solid var(--ink); border-radius: 6px; background: var(--panel); color: #fff; overflow: hidden; }
.radical-inner .about-intro header:after { position: absolute; right: 0; bottom: 0; width: 70px; height: 7px; background: var(--lime); content: ""; }
.radical-inner .about-intro header p { margin: 0; color: var(--aqua); font-size: 11px; font-weight: 900; letter-spacing: 0; }
.radical-inner .about-intro h2 { margin: 16px 0 0; color: #fff; font-size: clamp(29px, 2.8rem, 44px); letter-spacing: 0; line-height: 1.2; }
.radical-inner .about-intro .story-copy { align-self: center; color: #4f5851; font-size: 15px; line-height: 2; }
.radical-inner .about-intro .story-copy p { margin: 0; }
.radical-inner .about-intro .story-copy a,
.radical-inner .resource-content a,
.radical-inner .custom-page-content a { display: inline-flex; gap: 9px; margin-top: 22px; color: #087f72; font-size: 13px; font-weight: 900; text-decoration: none; }
.radical-inner .about-values { display: grid; grid-template-columns: repeat(3, 1fr); gap: 17px; padding: 25px 0 100px; }
.radical-inner .about-values article { position: relative; min-width: 0; min-height: 255px; padding: 27px; border: 1px solid var(--ink); border-radius: 6px; background: #fff; box-shadow: 0 14px 30px rgba(17,20,18,.08); overflow: hidden; transition: box-shadow .23s ease, transform .23s ease; }
.radical-inner .about-values article:before { position: absolute; top: 0; right: 0; left: 0; height: 5px; background: var(--aqua); content: ""; }
.radical-inner .about-values article:nth-child(2):before { background: var(--lime); }
.radical-inner .about-values article:nth-child(3):before { background: var(--coral); }
.radical-inner .about-values article:hover { box-shadow: 0 20px 42px rgba(17,20,18,.15); transform: translateY(-7px); }
.radical-inner .about-values article > span { color: #087f72; font-size: 11px; font-weight: 900; }
.radical-inner .about-values h2 { margin: 73px 0 9px; color: var(--ink); font-size: 23px; letter-spacing: 0; }
.radical-inner .about-values p { margin: 0; color: var(--muted); font-size: 13px; line-height: 1.9; }
.radical-inner .resource-layout,
.radical-inner .downloads-page-main { padding: 62px 0 100px; }
.radical-inner .legal-wrap { width: 100%; padding-bottom: 0; }
.radical-inner .legal-wrap .legal-hero { width: 100%; margin: 0; }
.radical-inner .legal-card { width: min(1080px, calc(100% - 48px)); margin: 62px auto 100px; }
.radical-inner .resource-content,
.radical-inner .legal-card,
.radical-inner .custom-page-content { padding: clamp(28px, 4rem, 58px); border: 1px solid var(--ink); border-radius: 6px; background: #fff; box-shadow: 0 16px 40px rgba(17,20,18,.1); color: var(--ink); }
.radical-inner .custom-page-content { margin-top: 62px; margin-bottom: 100px; }
.radical-inner .resource-content > *:first-child,
.radical-inner .legal-card > *:first-child,
.radical-inner .custom-page-content > *:first-child { margin-top: 0; }
.radical-inner .resource-content > *:last-child,
.radical-inner .legal-card > *:last-child,
.radical-inner .custom-page-content > *:last-child { margin-bottom: 0; }
.radical-inner .resource-content h2,
.radical-inner .legal-card h2,
.radical-inner .custom-page-content h2 { margin: 38px 0 13px; color: var(--ink); font-size: 27px; letter-spacing: 0; }
.radical-inner .resource-content h3,
.radical-inner .legal-card h3,
.radical-inner .custom-page-content h3 { margin: 29px 0 10px; color: var(--ink); font-size: 19px; }
.radical-inner .resource-content p,
.radical-inner .legal-card p,
.radical-inner .custom-page-content p,
.radical-inner .resource-content li,
.radical-inner .legal-card li,
.radical-inner .custom-page-content li { color: #4f5851; line-height: 2; }
.radical-inner .resource-content ul,
.radical-inner .resource-content ol,
.radical-inner .legal-card ul,
.radical-inner .legal-card ol,
.radical-inner .custom-page-content ul,
.radical-inner .custom-page-content ol { padding-left: 1.4em; }
.radical-inner .resource-content blockquote,
.radical-inner .custom-page-content blockquote { margin: 25px 0; padding: 16px 20px; border-left: 6px solid var(--aqua); background: rgba(184,255,61,.18); color: var(--ink); }
.radical-inner .resource-content code,
.radical-inner .custom-page-content code { padding: 2px 6px; background: #e9eee9; color: #087f72; }

.radical-inner .product-plans.page-plan-list { padding: 0; }
.radical-inner .page-plan-list .product-plan-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 17px; }
.radical-inner .page-plan-list .product-plan { display: flex; flex-direction: column; min-width: 0; min-height: 380px; padding: 27px; border: 1px solid var(--ink); border-radius: 6px; background: #fff; box-shadow: 0 14px 30px rgba(17,20,18,.08); transition: box-shadow .23s ease, transform .23s ease; }
.radical-inner .page-plan-list .product-plan:hover { box-shadow: 0 20px 42px rgba(17,20,18,.15); transform: translateY(-7px); }
.radical-inner .page-plan-list .product-plan.recommended { background: var(--coral); color: #fff; }
.radical-inner .page-plan-list h3 { margin: 0; color: var(--ink); font-size: 24px; letter-spacing: 0; }
.radical-inner .page-plan-list .recommended h3 { color: #fff; }
.radical-inner .page-plan-list p { min-height: 48px; margin: 12px 0; color: var(--muted); font-size: 13px; }
.radical-inner .page-plan-list .recommended p,
.radical-inner .page-plan-list .recommended ul { color: rgba(255,255,255,.87); }
.radical-inner .page-plan-list .product-price { margin-top: 14px; color: #087f72; font-weight: 900; }
.radical-inner .page-plan-list .product-price small { font-size: 14px; vertical-align: 11px; }
.radical-inner .page-plan-list .product-price strong { font-size: 39px; letter-spacing: 0; }
.radical-inner .page-plan-list .product-price span { font-size: 12px; font-weight: 600; }
.radical-inner .page-plan-list .recommended .product-price { color: #fff; }
.radical-inner .page-plan-list ul { margin: 18px 0; padding: 0; list-style: none; color: var(--muted); font-size: 12px; }
.radical-inner .page-plan-list li + li { margin-top: 7px; }
.radical-inner .page-plan-list li:before { margin-right: 7px; color: #087f72; content: "●"; font-size: 8px; }
.radical-inner .page-plan-list .recommended li:before { color: var(--lime); }
.radical-inner .page-plan-list a { margin-top: auto; color: #087f72; font-size: 13px; font-weight: 900; text-decoration: none; }
.radical-inner .page-plan-list .recommended a { color: #fff !important; }
.radical-inner .site-downloads { padding: 0; }
.radical-inner .site-downloads-heading { margin-bottom: 28px; }
.radical-inner .site-downloads-heading p { margin: 0; color: #087f72; font-size: 11px; font-weight: 900; letter-spacing: 0; }
.radical-inner .site-downloads-heading h2 { margin: 8px 0; color: var(--ink); font-size: 35px; letter-spacing: 0; }
.radical-inner .site-downloads-heading span { color: var(--muted); font-size: 13px; }
.radical-inner .site-download-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 15px; }
.radical-inner .download-item { display: grid; grid-template-columns: 44px 1fr auto; gap: 14px; align-items: center; min-height: 94px; padding: 19px 20px; border: 1px solid var(--ink); border-radius: 6px; background: #fff; box-shadow: 0 10px 24px rgba(17,20,18,.08); color: var(--ink); text-decoration: none; transition: box-shadow .22s ease, transform .22s ease; }
.radical-inner .download-item:hover { box-shadow: 0 16px 34px rgba(17,20,18,.15), inset 0 0 0 3px rgba(184,255,61,.25); transform: translateY(-5px); }
.radical-inner .download-mark { display: grid; width: 42px; height: 42px; place-items: center; border-radius: 4px; background: var(--panel); color: var(--lime); }
.radical-inner .download-mark svg { width: 20px; height: 20px; fill: currentColor; }
.radical-inner .download-item b,
.radical-inner .download-item small { display: block; }
.radical-inner .download-item b { color: var(--ink); font-size: 15px; }
.radical-inner .download-item small { color: var(--muted); font-size: 11px; }
.radical-inner .download-item i { color: #087f72; font-style: normal; font-size: 19px; }

.circuit-watch { opacity: 0; transform: translateY(30px); transition: opacity .62s ease, transform .62s cubic-bezier(.2,.75,.25,1); }
.circuit-watch.circuit-inview { opacity: 1; transform: translateY(0); }
.circuit-progress { position: fixed; z-index: 130; top: 0; right: 0; left: 0; height: 4px; background: var(--lime); box-shadow: 0 0 12px rgba(184,255,61,.6); transform: scaleX(0); transform-origin: left; pointer-events: none; }
.circuit-tilt { --circuit-rx: 0deg; --circuit-ry: 0deg; transform: perspective(900px) rotateX(var(--circuit-rx)) rotateY(var(--circuit-ry)); }

@keyframes circuit-spin { to { transform: rotate(360deg); } }
@keyframes circuit-ring-spin { to { transform: translate(-50%,-50%) rotate(360deg); } }
@keyframes circuit-spin-reverse { to { transform: translate(-50%,-50%) rotate(-360deg); } }
@keyframes circuit-banner-spin { to { transform: translateY(-50%) rotate(360deg); } }
@keyframes circuit-led { 50% { opacity: .25; } }
@keyframes circuit-packet { from { left: 0; } to { left: calc(100% - 10px); } }
@keyframes circuit-node { 50% { transform: scale(1.35); filter: brightness(1.28); } }
@keyframes circuit-wave { to { transform: translateX(30px) rotate(-4deg); } }
@keyframes circuit-channel { to { height: 24%; filter: brightness(1.4); } }
@keyframes circuit-ticker { to { text-indent: 100px; } }
@keyframes circuit-story-ring { 50% { transform: translate(-50%,-50%) scale(1.08); } }
@keyframes circuit-enter { from { opacity: 0; transform: translateY(24px); } to { opacity: 1; transform: translateY(0); } }

@media (prefers-reduced-motion: no-preference) {
    .radical-copy { animation: circuit-enter .7s both; }
    .radical-stage { animation: circuit-enter .82s .1s both; }
    .radical-inner .resource-hero h1,
    .radical-inner .about-hero h1,
    .radical-inner .downloads-page-hero h1,
    .radical-inner .legal-hero h1 { animation: circuit-enter .7s both; }
    .radical-inner .about-intro > *,
    .radical-inner .about-values article,
    .radical-inner .resource-content,
    .radical-inner .legal-card,
    .radical-inner .product-plan,
    .radical-inner .download-item { animation: circuit-enter .62s both; }
    .radical-inner .about-values article:nth-child(2),
    .radical-inner .product-plan:nth-child(2),
    .radical-inner .download-item:nth-child(2) { animation-delay: .08s; }
    .radical-inner .about-values article:nth-child(3),
    .radical-inner .product-plan:nth-child(3),
    .radical-inner .download-item:nth-child(3) { animation-delay: .16s; }
}

@media (max-width: 1000px) {
    .collection-nav { grid-template-columns: 1fr auto; }
    .collection-nav nav,
    .collection-action { display: none; }
    .collection-menu { display: grid; width: 42px; height: 42px; place-content: center; gap: 6px; border: 1px solid #627067; border-radius: 4px; background: var(--panel); }
    .collection-menu span { display: block; width: 18px; height: 2px; background: var(--lime); }
    .template-world.nav-open .collection-nav nav { position: absolute; top: 76px; right: 0; left: 0; z-index: 95; display: flex; flex-direction: column; align-items: stretch; gap: 0; padding: 8px; border: 1px solid #56625a; border-radius: 6px; background: var(--panel); box-shadow: 0 20px 50px rgba(0,0,0,.45); }
    .template-world.nav-open .collection-nav nav a { padding: 11px 12px; }
    .radical-hero { grid-template-columns: minmax(0, .8fr) minmax(430px, 1.2fr); gap: 34px; }
    .radical h1 { font-size:32px; }
    .radical-stage { min-height: 540px; }
    .circuit-ring-b { width: 310px; height: 310px; }
    .radical-features > div { grid-template-columns: 1fr; }
    .radical-features article { min-height: 210px; }
    .radical-features h3 { margin-top: 48px; }
    .radical-plans > div { grid-template-columns: 1fr; }
    .radical-plans article { min-height: 330px; }
    .radical-downloads { gap: 48px; }
    .site-footer,
    .collection-footer { grid-template-columns: 1fr 1fr; }
    .site-footer small,
    .collection-footer small { grid-column: 1 / -1; }
}

@media (max-width: 760px) {
    .site-notice,
    .collection-notice { justify-content: flex-start; overflow: hidden; white-space: nowrap; }
    .collection-nav,
    .radical-hero,
    .radical-metrics,
    .radical-story,
    .radical-plans { width: calc(100% - 32px); }
    .radical-inner .collection-nav { width: 100%; padding-right: 16px; padding-left: 16px; }
    .collection-nav { min-height: 70px; }
    .template-world.nav-open .collection-nav nav { top: 68px; }
    .radical-hero { grid-template-columns: 1fr; gap: 40px; min-height: 0; padding: 56px 0 76px; }
    .radical-copy { order: -1; }
    .radical-copy:before { margin-bottom: 18px; }
    .radical h1 { font-size:32px; line-height: 1.02; }
    .radical-label { display: flex; flex-wrap: wrap; gap: 4px 10px; }
    .radical-label span { margin-left: 0; }
    .radical-lead { font-size: 14px; line-height: 1.85; }
    .radical-actions { display: grid; grid-template-columns: 1fr; }
    .radical-actions a { width: 100%; }
    .radical-stage { min-height: 420px; }
    .radical-stage > i { top: 27px; left: 25px; width: 30px; height: 30px; border-width: 4px; }
    .radical-stage > b { top: 29px; right: 25px; width: 57px; }
    .radical-stage > u { top: 30px; left: 69px; }
    .radical-stage > em { bottom: 39px; left: 27px; width: 72px; }
    .radical-stage > mark { right: 28px; bottom: 34px; width: 35px; height: 35px; }
    .circuit-core { width: 124px; height: 124px; }
    .circuit-core b { font-size: 50px; }
    .circuit-ring-a { width: 188px; height: 188px; }
    .circuit-ring-b { width: 250px; height: 250px; }
    .circuit-wave { right: 22px; bottom: 84px; width: 104px; height: 49px; }
    .circuit-readout { top: 69px; right: 20px; }
    .circuit-readout b { font-size: 19px; }
    .circuit-channels { bottom: 82px; left: 20px; width: 91px; height: 56px; }
    .circuit-terminal { top: 29px; left: 94px; }
    .circuit-node-a { left: 8%; }
    .circuit-node-b { right: 8%; }
    .circuit-node-c { right: 10%; }
    .circuit-node-d { left: 9%; }
    .radical-metrics { grid-template-columns: 1fr 1fr; margin-top: -28px; }
    .radical-metrics article { min-height: 105px; border-bottom: 1px solid #4b554e; }
    .radical-metrics article:nth-child(2) { border-right: 0; }
    .radical-metrics article:nth-child(3) { grid-column: 1 / -1; border-right: 0; }
    .radical-metrics > a { grid-column: 1 / -1; min-height: 70px; }
    .radical-story { grid-template-columns: 1fr; gap: 31px; padding: 84px 0; }
    .story-label { width: 200px; min-height: 200px; }
    .story-label:before { width: 128px; height: 128px; }
    .story-label:after { font-size: 62px; }
    .story-body h2,
    .radical-features h2,
    .radical-plans h2,
    .radical-downloads h2,
    .radical-cta h2,
    .about-cta h2 { font-size: clamp(31px, 2.35rem, 38px); }
    .radical-features { padding: 80px 16px; }
    .radical-features:before { right: 16px; width: 90px; }
    .radical-plans { padding: 84px 0; }
    .radical-downloads { grid-template-columns: 1fr; gap: 35px; padding: 84px 16px; }
    .radical-cta,
    .about-cta { padding: 92px 20px; }
    .radical-cta:after,
    .about-cta:after { right: -80px; bottom: -90px; }
    .site-footer,
    .collection-footer { grid-template-columns: 1fr; gap: 24px; padding: 42px 16px; }
    .site-footer small,
    .collection-footer small { grid-column: auto; }

    .radical-inner main { padding-bottom: 60px; }
    .radical-inner .resource-hero,
    .radical-inner .about-hero,
    .radical-inner .downloads-page-hero,
    .radical-inner .legal-hero { min-height: 315px; padding: 70px 22px; }
    .radical-inner .resource-hero:before,
    .radical-inner .about-hero:before,
    .radical-inner .downloads-page-hero:before,
    .radical-inner .legal-hero:before { right: -80px; width: 190px; height: 190px; opacity: .6; }
    .radical-inner .resource-hero h1,
    .radical-inner .about-hero h1,
    .radical-inner .downloads-page-hero h1,
    .radical-inner .legal-hero h1 { max-width: calc(100% - 15px); font-size: clamp(38px, 3rem, 48px); }
    .radical-inner .resource-hero > p:last-child,
    .radical-inner .about-hero > p:last-child,
    .radical-inner .downloads-page-hero > span,
    .radical-inner .legal-hero > p:last-child { max-width: calc(100% - 14px); }
    .radical-inner .about-intro,
    .radical-inner .resource-layout,
    .radical-inner .downloads-page-main,
    .radical-inner .about-values,
    .radical-inner .custom-page-content { width: calc(100% - 32px); }
    .radical-inner .about-intro { grid-template-columns: 1fr; gap: 28px; padding: 68px 0 38px; }
    .radical-inner .about-values,
    .radical-inner .page-plan-list .product-plan-grid,
    .radical-inner .site-download-grid { grid-template-columns: 1fr; }
    .radical-inner .about-values { padding: 16px 0 68px; }
    .radical-inner .about-values article { min-height: 215px; }
    .radical-inner .about-values h2 { margin-top: 50px; }
    .radical-inner .resource-layout,
    .radical-inner .downloads-page-main { padding: 40px 0 70px; }
    .radical-inner .legal-card { width: calc(100% - 32px); margin: 40px auto 70px; }
    .radical-inner .resource-content,
    .radical-inner .legal-card,
    .radical-inner .custom-page-content { padding: 25px 21px; }
    .radical-inner .custom-page-content { margin-top: 40px; margin-bottom: 70px; }
    .radical-inner .page-plan-list .product-plan { min-height: 320px; }
    .radical-inner .site-downloads-heading h2 { font-size: 30px; }
}

@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
    .radical *,
    .radical *:before,
    .radical *:after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
    .circuit-watch { opacity: 1; transform: none; }
}