*{box-sizing:border-box} :root{--bg:#071b2c;--surface:#0b263b;--surface2:#103149;--line:#29475b;--text:#f8f0df;--muted:#c5c3b8;--purple:#f0b52e;--blue:#ee624d;--cyan:#e7d7b8;--mono:"DM Mono",monospace;--display:"Space Grotesk",sans-serif}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--display);line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}.wrap{width:min(1160px,calc(100% - 48px));margin-inline:auto}.site-header{height:82px;position:sticky;top:0;z-index:20;background:#071b2ced;border-bottom:1px solid #ffffff12;backdrop-filter:blur(16px)}.nav{height:100%;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:10px;font-size:19px;font-weight:700;letter-spacing:-1px;line-height:1}.brand-mark{width:34px;height:34px;display:grid;place-items:center;background:var(--purple);color:#08243a;font-size:22px;font-weight:700;box-shadow:4px 4px 0 #805d19}.brand-accent{color:var(--purple)}.brand small{display:block;font:9px var(--mono);letter-spacing:2.5px;color:#a9a99f;margin-top:5px}.nav-links{display:flex;align-items:center;gap:30px}.nav-links a{font:11px var(--mono);letter-spacing:.5px;color:#d2cbbb;transition:.2s}.nav-links a:hover{color:white}.button{min-height:48px;padding:0 19px;display:inline-flex;align-items:center;justify-content:center;gap:22px;border:1px solid var(--purple);background:var(--purple);color:#08243a;font:500 11px var(--mono);letter-spacing:.5px;box-shadow:4px 4px 0 #805d19;transition:transform .18s,box-shadow .18s}.button:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 #805d19}.button b{font-size:15px}.button-ghost{background:transparent;color:var(--text);border-color:#536b78;box-shadow:4px 4px 0 #294052}.button-ghost:hover{box-shadow:6px 6px 0 #294052}.button-small{min-height:39px;padding:0 13px;font-size:10px}.menu-toggle{display:none;background:none;color:var(--text);border:1px solid var(--line);padding:10px;font:10px var(--mono)}.menu-toggle b{color:var(--purple);margin-left:8px}.hero{min-height:630px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:42px;padding-top:75px;padding-bottom:88px}.eyebrow{font:10px var(--mono);letter-spacing:1.6px;color:#f0b52e;display:flex;align-items:center;gap:10px}.pulse{width:7px;height:7px;background:#e9b52d;box-shadow:0 0 0 4px #e9b52d20;display:inline-block}.hero h1,.inner-hero h1,.legal h1{font:700 clamp(54px,7.4vw,94px)/.96 var(--display);letter-spacing:-6px;margin:27px 0 22px}.gradient{background:linear-gradient(100deg,#f0b52e 0%,#ee624d 52%,#f8f0df 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.lead{max-width:510px;color:#b1aec2;font-size:16px;line-height:1.8;margin:0 0 29px}.actions{display:flex;gap:14px;flex-wrap:wrap}.hero-note{margin-top:26px;color:#85839b;font:10px var(--mono);display:flex;gap:10px;align-items:center}.pixel-check{width:17px;height:17px;display:grid;place-items:center;background:#3b321b;color:#f0b52e}.hero-art{height:435px;position:relative;overflow:hidden;border:1px solid #38566a;background:linear-gradient(145deg,#17162b,#0a2438 65%);box-shadow:8px 8px 0 #1c3b50;isolation:isolate}.hero-art:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#f0b52e18 1px,transparent 1px),linear-gradient(90deg,#f0b52e18 1px,transparent 1px);background-size:24px 24px;mask-image:linear-gradient(135deg,black,transparent 90%);z-index:-1}.orbit{position:absolute;border:1px solid #f0b52e38;border-radius:50%;width:330px;height:330px;left:50%;top:46%;transform:translate(-50%,-50%)}.orbit-b{width:245px;height:245px;border-style:dashed;transform:translate(-50%,-50%) rotate(28deg)}.pixel-sun{position:absolute;width:84px;height:84px;background:#f0b52e;right:22%;top:13%;box-shadow:12px 0 #f0b52e,-12px 0 #f0b52e,0 12px #f0b52e,0 -12px #f0b52e,0 0 35px #9877f055;opacity:.8}.pixel-cloud{position:absolute;width:65px;height:15px;background:#bd8f2b;opacity:.7}.pixel-cloud:before,.pixel-cloud:after{content:"";position:absolute;background:inherit;width:24px;height:15px;top:-12px}.pixel-cloud:before{left:10px}.pixel-cloud:after{right:8px;top:-7px}.cloud-a{left:10%;top:24%}.cloud-b{right:10%;bottom:27%;transform:scale(.7)}.server-stack{position:absolute;width:225px;left:50%;top:52%;transform:translate(-50%,-50%);filter:drop-shadow(14px 18px 0 #07070d88)}.server-top{height:32px;background:#f0b52e;clip-path:polygon(12% 0,100% 0,87% 100%,0 100%);border-bottom:4px solid #9a701d}.server-unit{height:88px;margin-top:7px;background:linear-gradient(100deg,#173b52,#0d2d43);border:2px solid #bd8d28;display:flex;align-items:center;padding:0 17px;gap:8px;position:relative;box-shadow:inset 0 0 22px #f0b52e1a}.server-unit:before{content:"";position:absolute;left:-9px;top:7px;bottom:7px;width:7px;background:#e9a92b}.server-unit i{width:8px;height:8px;background:#f0b52e;box-shadow:0 0 9px #f0b52e}.server-unit span{font:9px var(--mono);color:#f8e8c7;margin-left:auto}.server-unit.second{background:linear-gradient(100deg,#15364d,#0b293e);border-color:#d45a48}.server-unit.second:before{background:#ee624d}.server-unit.second i{background:#f8e5bd;box-shadow:0 0 9px #f8e5bd}.server-base{height:24px;background:#524878;clip-path:polygon(0 0,100% 0,88% 100%,12% 100%)}.float-tag{position:absolute;padding:9px 12px;background:#0a2235;border:1px solid #ee624d;box-shadow:4px 4px #08080d}.float-tag small,.float-tag b{display:block}.float-tag small{font:8px var(--mono);color:#c0b9a9;letter-spacing:1px}.float-tag b{font:11px var(--mono);margin-top:3px}.float-tag b span{color:#e9b52d}.tag-left{left:6%;bottom:20%}.tag-right{right:6%;top:25%}.art-caption{position:absolute;bottom:13px;left:15px;font:8px var(--mono);letter-spacing:1px;color:#a69b83}.ticker{overflow:hidden;border-block:1px solid #343047;background:#0a2438;padding:14px 0}.ticker-track{display:flex;justify-content:space-around;align-items:center;gap:34px;white-space:nowrap;font:10px var(--mono);letter-spacing:1.5px;color:#c5c3b8}.ticker-track b{color:var(--purple);font-size:16px}.section{padding-top:112px;padding-bottom:112px}.section-head{display:grid;grid-template-columns:1fr .75fr;gap:60px;align-items:end;margin-bottom:40px}.section-head h2,.world-layout h2,.payment-band h2,.final-cta h2,.about-layout h2{font:700 clamp(36px,4.7vw,58px)/1.04 var(--display);letter-spacing:-2.7px;margin:18px 0 0}.section-head>p,.body-copy{color:var(--muted);font-size:14px;line-height:1.9;margin:0}.feature-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:15px}.feature-card,.plan-grid article,.support-grid article{min-height:300px;position:relative;padding:27px;border:1px solid var(--line);background:#0b263b;box-shadow:5px 5px 0 #041522;overflow:hidden}.feature-main{background:linear-gradient(145deg,#102f46,#0b263b)}.card-index{font:9px var(--mono);letter-spacing:1.2px;color:#c0ad7e}.pixel-icon{width:44px;height:44px;margin-top:30px;display:grid;place-items:center;background:#183d53;color:#f0b52e;font-size:24px;box-shadow:4px 4px 0 #041522}.feature-card h3,.plan-grid h3,.support-grid h3{font:600 23px/1.15 var(--display);letter-spacing:-.7px;margin:19px 0 10px}.feature-card p,.plan-grid p,.support-grid p{font-size:12px;color:var(--muted);line-height:1.8;max-width:330px}.text-link{display:inline-flex;gap:15px;align-items:center;margin-top:14px;color:#f0d28a;font:10px var(--mono);letter-spacing:.2px}.text-link b{font-size:15px}.block-decoration{position:absolute;right:-18px;bottom:-24px;width:105px;height:105px;background:repeating-linear-gradient(0deg,#f0b52e1b 0 12px,transparent 12px 24px),repeating-linear-gradient(90deg,#f0b52e1b 0 12px,transparent 12px 24px);transform:rotate(12deg)}.world-section{background:#0a2438;border-block:1px solid #f8f0df12}.world-layout{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.world-layout h2{margin:20px 0}.body-copy{max-width:480px;margin:20px 0 28px}.experience-list{border-top:1px solid var(--line)}.experience-list>div{display:grid;grid-template-columns:42px 1fr 20px;gap:14px;padding:22px 0;border-bottom:1px solid var(--line);align-items:start}.experience-list>div>span{font:10px var(--mono);color:#f0b52e}.experience-list section b{font-size:14px}.experience-list section p{font-size:11px;color:var(--muted);margin:5px 0 0}.experience-list i{font-style:normal;color:#f0b52e}.payment-band{display:grid;grid-template-columns:1fr .8fr;gap:50px;align-items:center}.payment-band h2{margin:17px 0}.payment-band p{max-width:510px;color:var(--muted);font-size:13px;line-height:1.9;margin-bottom:20px}.payment-stamps{display:flex;gap:15px;justify-content:flex-end}.stamp{width:160px;height:125px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0b263b;border:1px solid #38566a;box-shadow:5px 5px 0 #041522;font:600 20px var(--display)}.stamp span{font:8px var(--mono);letter-spacing:1px;color:#b8b3a5;margin-top:7px}.final-cta{position:relative;overflow:hidden;text-align:center;padding:75px 20px;margin-bottom:110px;border:1px solid #ee624d;background:linear-gradient(135deg,#102f46,#0b263b);box-shadow:7px 7px 0 #041522}.final-cta .eyebrow{justify-content:center}.final-cta h2{font-size:clamp(42px,6vw,68px);margin:20px 0}.final-cta p{color:var(--muted);font-size:13px;margin:0 auto 26px}.cta-grid{position:absolute;inset:0;z-index:0;pointer-events:none;background-image:linear-gradient(#f0b52e0c 1px,transparent 1px),linear-gradient(90deg,#f0b52e0c 1px,transparent 1px);background-size:22px 22px;mask-image:radial-gradient(ellipse,black,transparent 70%)}.final-cta>*:not(.cta-grid){position:relative}.cta-corner{position:absolute!important;right:14px;bottom:10px;font:8px var(--mono);color:#a69b83}.inner-hero{padding-top:100px;padding-bottom:82px;min-height:410px}.inner-hero h1{font-size:clamp(52px,7vw,82px);margin:23px 0}.inner-hero .lead{max-width:630px}.inner-pixel{margin-top:55px;padding-top:15px;border-top:1px solid var(--line);font:9px var(--mono);letter-spacing:2px;color:#817c97}.plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.plan-grid article{min-height:280px}.plan-highlight{background:linear-gradient(145deg,#102f46,#0b263b)!important;border-color:#68558d!important}.note-box{margin-top:25px;padding:19px 22px;border-left:3px solid var(--purple);background:#0b263b}.note-box b{font:11px var(--mono);color:#f0b52e}.note-box p{font-size:12px;color:var(--muted);margin:7px 0 0}.split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.steps{border-top:1px solid var(--line)}.steps p{padding:16px 0;border-bottom:1px solid var(--line);font-size:12px;color:var(--muted);line-height:1.9}.steps b{font:10px var(--mono);color:#f0d28a}.feature-detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.feature-detail-grid article{min-height:200px;padding:24px;border:1px solid var(--line);background:#0b263b;box-shadow:4px 4px #041522}.feature-detail-grid .card-index{color:#ee624d}.feature-detail-grid h3{font-size:19px;margin:23px 0 8px}.feature-detail-grid p{font-size:12px;color:var(--muted);line-height:1.8}.about-layout{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.about-layout h2{margin:20px 0}.about-mark{height:330px;position:relative;display:grid;place-content:center;text-align:center;border:1px solid #ee624d;background:radial-gradient(ellipse,#123c58,#071b2c 70%);box-shadow:7px 7px #041522;overflow:hidden}.big-mark{font:700 clamp(45px,7vw,78px) var(--display);letter-spacing:-7px;text-shadow:5px 5px #5d4a88}.big-mark span{color:#ee624d}.mark-caption{font:8px var(--mono);letter-spacing:2px;color:#b4a9d2;margin-top:12px}.pixel-pattern{position:absolute;inset:0;background-image:linear-gradient(#f0b52e12 1px,transparent 1px),linear-gradient(90deg,#f0b52e12 1px,transparent 1px);background-size:20px 20px;mask-image:linear-gradient(transparent,black,transparent);pointer-events:none}.support-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.support-grid article{min-height:300px}.support-grid .pixel-icon{margin-top:35px}.contact-line{display:flex;justify-content:space-between;padding:22px 0;border-bottom:1px solid var(--line);margin-top:30px;font:10px var(--mono);color:#8e89a5}.contact-line a{color:#f0b52e}.faq-list{max-width:850px}.faq-list details{padding:21px 0;border-bottom:1px solid var(--line)}.faq-list summary{cursor:pointer;list-style:none;font:500 15px var(--display)}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"+";float:right;color:var(--purple);font:20px var(--mono)}.faq-list details[open] summary:after{content:"−"}.faq-list p{max-width:720px;color:var(--muted);font-size:13px;line-height:1.9}.faq-list a,.legal a{color:#f0d28a}.legal{max-width:900px;padding-top:80px;padding-bottom:120px}.legal h1{font-size:clamp(48px,6vw,72px);margin:20px 0 35px}.legal h2{font:600 17px var(--display);margin:30px 0 7px}.legal p{color:var(--muted);font-size:13px;line-height:1.9;margin:0}.policy-alert{padding:17px 20px;background:#34291a;border:1px solid #80643c;color:#e5d3ac;font-size:12px;line-height:1.8}.site-footer{border-top:1px solid var(--line);background:#08080e;padding:60px 0 20px}.footer-top{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:35px;padding-bottom:55px}.footer-top>div{display:flex;flex-direction:column;align-items:flex-start;gap:11px}.footer-top>div>b{font:9px var(--mono);letter-spacing:1.5px;color:#f0d28a;margin-bottom:8px}.footer-top a:not(.brand){font-size:11px;color:#a5a1b5}.footer-top a:hover{color:white}.footer-brand p{font-size:12px;color:var(--muted)}.footer-location{font:8px/1.8 var(--mono);letter-spacing:1px;color:#716d84;margin-top:16px}.footer-bottom{padding-top:18px;border-top:1px solid #29283a;display:flex;justify-content:space-between;gap:20px;font:8px var(--mono);letter-spacing:1px;color:#716d84}.footer-bottom b{color:#f0b52e;margin-left:8px}@media(max-width:850px){.nav-links{gap:16px}.hero{grid-template-columns:1fr;gap:30px;padding-top:65px}.hero-art{max-width:600px;width:100%;margin:auto}.feature-grid{grid-template-columns:1fr 1fr}.feature-main{grid-column:span 2}.section-head{gap:25px}.world-layout{gap:35px}.feature-detail-grid{grid-template-columns:1fr 1fr}}@media(max-width:650px){.wrap{width:min(100% - 34px,1160px)}.site-header{height:70px}.nav-links{display:none;position:absolute;top:69px;left:0;right:0;padding:20px 25px;background:#0b263b;border-bottom:1px solid var(--line);flex-direction:column;align-items:flex-start;gap:20px}.nav-links.open{display:flex}.menu-toggle{display:block;margin-left:auto}.nav>.button{display:none}.hero{padding-top:58px;padding-bottom:65px;min-height:0}.hero h1,.inner-hero h1{font-size:clamp(51px,14vw,72px);letter-spacing:-4px}.lead{font-size:14px}.hero-art{height:350px}.server-stack{transform:translate(-50%,-50%) scale(.82)}.section{padding-top:75px;padding-bottom:75px}.section-head{grid-template-columns:1fr;gap:17px}.section-head h2,.world-layout h2,.payment-band h2,.about-layout h2{font-size:39px}.feature-grid,.plan-grid,.feature-detail-grid,.support-grid{grid-template-columns:1fr}.feature-main{grid-column:auto}.feature-card,.plan-grid article{min-height:260px}.world-layout,.payment-band,.split,.about-layout{grid-template-columns:1fr;gap:35px}.payment-stamps{justify-content:flex-start}.final-cta{margin-bottom:70px;padding:55px 17px}.inner-hero{padding-top:70px;padding-bottom:60px;min-height:0}.inner-pixel{margin-top:35px}.footer-top{grid-template-columns:1fr 1fr;gap:30px 20px}.footer-bottom{flex-direction:column}.legal{padding-top:65px}.contact-line{gap:12px;flex-direction:column}}@media(max-width:390px){.hero h1{font-size:49px}.actions .button{width:100%}.hero-art{height:315px}.float-tag{transform:scale(.85)}.tag-left{transform-origin:left bottom}.tag-right{transform-origin:right top}}
/* ICCNEX brand lockup */
.brand{gap:12px}.brand-logo{width:48px;height:48px;object-fit:contain;border-radius:50%;display:block}.brand-word{font-weight:700;letter-spacing:-.8px;color:#f8f0df}.brand-word small{display:block;font:9px var(--mono);letter-spacing:2.5px;color:#c5c3b8;margin-top:5px}


/* ==========================================================
   ICCNEX MOTION & CONVERSION LAYER
   Official palette: navy / ivory / gold / coral
   ========================================================== */
:root {
  --navy: #062b45;
  --navy-deep: #041a2b;
  --ivory: #f8f0df;
  --gold: #f0b52e;
  --coral: #ee624d;
}
body {
  background:
    radial-gradient(ellipse at 12% 4%, #f0b52e0b, transparent 34rem),
    radial-gradient(ellipse at 88% 28%, #ee624d0b, transparent 38rem),
    var(--bg);
}
.site-header { transition: background .25s, box-shadow .25s; }
.site-header.scrolled { background: #041a2bf2; box-shadow: 0 8px 30px #0005; }
.nav-links a { position: relative; padding: 8px 0; }
.nav-links a:after {
  content:""; position:absolute; left:0; right:100%; bottom:1px; height:2px;
  background:linear-gradient(90deg,var(--gold),var(--coral)); transition:right .25s;
}
.nav-links a:hover:after { right:0; }
.button { position:relative; isolation:isolate; overflow:hidden; }
.button:before {
  content:""; position:absolute; inset:-2px; z-index:-1;
  background:linear-gradient(110deg,transparent 25%,#fff8 48%,transparent 70%);
  transform:translateX(-120%); transition:transform .65s ease;
}
.button:hover:before { transform:translateX(120%); }
.button-primary { animation:ctaGlow 3.8s ease-in-out infinite; }
@keyframes ctaGlow {
  0%,100% { box-shadow:4px 4px 0 #805d19, 0 0 0 0 #f0b52e00; }
  50% { box-shadow:4px 4px 0 #805d19, 0 0 0 7px #f0b52e12; }
}
.hero { position:relative; }
.hero-copy { position:relative; z-index:2; }
.hero-art {
  border-color:#f0b52e55;
  background:
    radial-gradient(circle at 50% 45%, #ee624d18, transparent 42%),
    linear-gradient(145deg,#0c344d,#071b2c 68%);
  animation:artFloat 7s ease-in-out infinite;
}
@keyframes artFloat { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-9px)} }
.orbit-a { animation:orbitSpin 28s linear infinite; }
.orbit-b { animation:orbitSpin 38s linear infinite reverse; }
@keyframes orbitSpin { to { rotate:360deg; } }
.pixel-sun { animation:sunPulse 4s ease-in-out infinite; }
@keyframes sunPulse { 0%,100%{transform:scale(1);filter:brightness(1)} 50%{transform:scale(1.08);filter:brightness(1.22)} }
.server-stack { animation:serverHover 5s ease-in-out infinite; }
@keyframes serverHover { 0%,100%{translate:0 0} 50%{translate:0 -10px} }
.float-tag { animation:tagDrift 6s ease-in-out infinite; }
.tag-right { animation-delay:-2.7s; }
@keyframes tagDrift { 0%,100%{translate:0 0} 50%{translate:0 -8px} }
.ticker { position:relative; }
.ticker-track {
  width:max-content; justify-content:flex-start;
  animation:tickerMove 32s linear infinite;
}
.ticker:hover .ticker-track { animation-play-state:paused; }
@keyframes tickerMove { to { transform:translateX(-35%); } }
.feature-card,.plan-grid article,.support-grid article,.feature-detail-grid article {
  transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease;
}
.feature-card:hover,.plan-grid article:hover,.support-grid article:hover,.feature-detail-grid article:hover {
  transform:translateY(-7px);
  border-color:#f0b52e99;
  box-shadow:7px 9px 0 #041522,0 18px 35px #0003;
}
.pixel-icon { transition:transform .3s,background .3s,color .3s; }
.feature-card:hover .pixel-icon { transform:rotate(-8deg) scale(1.1); background:#f0b52e; color:#062b45; }
.stamp { transition:transform .25s,border-color .25s; }
.stamp:hover { transform:translateY(-7px) rotate(-2deg); border-color:var(--gold); }
.final-cta {
  background:
    radial-gradient(ellipse at 50% 0%,#ee624d25,transparent 55%),
    linear-gradient(135deg,#103a55,#08243a);
}
.final-cta:before,.final-cta:after {
  content:""; position:absolute; width:90px; height:90px; pointer-events:none;
  border:1px solid #f0b52e66; transform:rotate(45deg);
}
.final-cta:before { left:-48px; top:-48px; box-shadow:0 0 0 12px #f0b52e0b,0 0 0 24px #f0b52e08; }
.final-cta:after { right:-48px; bottom:-48px; border-color:#ee624d88; box-shadow:0 0 0 12px #ee624d0b,0 0 0 24px #ee624d08; }
.eyebrow .pulse { animation:dotPulse 1.8s ease-in-out infinite; }
@keyframes dotPulse { 0%,100%{box-shadow:0 0 0 3px #f0b52e22} 50%{box-shadow:0 0 0 8px #f0b52e08} }

/* Scroll reveal: content remains visible if scripting is unavailable. */
.js-motion [data-reveal] { opacity:0; transform:translateY(22px); transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1); }
.js-motion [data-reveal].revealed { opacity:1; transform:none; }
.js-motion [data-reveal="left"] { transform:translateX(-22px); }
.js-motion [data-reveal="left"].revealed { transform:none; }
.js-motion [data-reveal="right"] { transform:translateX(22px); }
.js-motion [data-reveal="right"].revealed { transform:none; }
.scroll-progress {
  position:fixed; top:0; left:0; width:0; height:3px; z-index:100;
  background:linear-gradient(90deg,var(--gold),var(--coral)); box-shadow:0 0 12px #f0b52e88;
}
.quick-cta {
  position:fixed; right:22px; bottom:22px; z-index:30;
  display:flex; align-items:center; gap:12px; padding:10px 13px 10px 15px;
  background:#f8f0df; color:#062b45; border:1px solid #f0b52e;
  box-shadow:5px 5px 0 #ee624d; font:10px var(--mono); letter-spacing:.5px;
  transform:translateY(130%); opacity:0; transition:transform .35s,opacity .35s,box-shadow .2s;
}
.quick-cta.visible { transform:translateY(0); opacity:1; }
.quick-cta:hover { box-shadow:7px 7px 0 #ee624d; transform:translate(-2px,-2px); }
.quick-cta b { font-size:16px; }
.quick-cta .quick-dot { width:7px;height:7px;background:#ee624d;box-shadow:0 0 0 4px #ee624d20; }
.back-top {
  position:fixed; left:22px; bottom:22px; z-index:29; width:42px;height:42px;
  display:grid;place-items:center;border:1px solid #f0b52e66;background:#08243a;color:#f8f0df;
  box-shadow:3px 3px 0 #ee624d; opacity:0;pointer-events:none;transition:.25s;
  font:16px var(--mono);
}
.back-top.visible { opacity:1;pointer-events:auto; }
.back-top:hover { transform:translateY(-4px); }
.site-footer { background:#041a2b; }
.brand-logo { transition:transform .3s; }
.brand:hover .brand-logo { transform:rotate(-7deg) scale(1.06); }
@media(max-width:650px) {
  .quick-cta { right:14px; bottom:14px; padding:9px 11px; font-size:9px; }
  .back-top { left:14px; bottom:14px; }
  .hero-art { animation:none; }
}
@media(prefers-reduced-motion:reduce) {
  *,*::before,*::after { scroll-behavior:auto!important; animation-duration:.01ms!important; animation-iteration-count:1!important; transition-duration:.01ms!important; }
  .js-motion [data-reveal] { opacity:1; transform:none; }
}


/* Cinematic visual reel */
.visual-reel-section { padding:clamp(68px,9vw,118px) 0; overflow:hidden; position:relative; }
.reel-heading { display:flex; align-items:end; justify-content:space-between; gap:40px; margin-bottom:32px; }
.reel-heading p { max-width:370px; color:var(--muted); line-height:1.8; }
.visual-reel { width:100%; overflow:hidden; padding:10px 0 24px; mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent); }
.visual-reel-track { display:flex; width:max-content; gap:20px; animation:reelTravel 42s linear infinite; }
.visual-reel:hover .visual-reel-track { animation-play-state:paused; }
.reel-card { width:clamp(270px,32vw,430px); position:relative; overflow:hidden; border:1px solid #f0b52e55; background:#08243a; box-shadow:7px 7px 0 #041522; }
.reel-card img { display:block; width:100%; aspect-ratio:720/420; object-fit:cover; transition:transform .8s cubic-bezier(.2,.7,.2,1),filter .5s; }
.reel-card:hover img { transform:scale(1.07); filter:saturate(1.2); }
.reel-card div { display:flex; flex-direction:column; gap:8px; padding:18px 20px 21px; }
.reel-card small { color:var(--gold); font:10px var(--mono); letter-spacing:1.5px; }
.reel-card b { color:var(--ivory); font-size:clamp(17px,2vw,22px); letter-spacing:-.5px; }
.reel-foot { display:flex; justify-content:space-between; align-items:center; gap:20px; }
.reel-foot>span { color:var(--muted); font:10px var(--mono); letter-spacing:1.5px; }
@keyframes reelTravel { to { transform:translateX(calc(-50% - 10px)); } }
@media(max-width:650px) { .reel-heading {display:block}.reel-heading p{margin-top:18px}.reel-card{width:78vw}.reel-foot{align-items:flex-start;flex-direction:column} }
@media(prefers-reduced-motion:reduce) { .visual-reel-track {animation:none} }


/* Ryzen 9 9950X-inspired compute showcase */
.ryzen-showcase { position:relative; overflow:hidden; padding:clamp(70px,9vw,120px) 0; background:linear-gradient(110deg,#041a2b,#0b2d43 55%,#071b2c); border-top:1px solid #f0b52e2b;border-bottom:1px solid #ee624d2b; }
.ryzen-showcase:before { content:"";position:absolute;inset:0;background-image:linear-gradient(#f0b52e0a 1px,transparent 1px),linear-gradient(90deg,#f0b52e0a 1px,transparent 1px);background-size:36px 36px;mask-image:linear-gradient(90deg,#000,transparent 85%);pointer-events:none; }
.ryzen-layout { display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:clamp(30px,6vw,80px);position:relative; }
.ryzen-visual { position:relative; transform:perspective(900px) rotateY(7deg); filter:drop-shadow(14px 16px 0 #020d17); }
.ryzen-visual img { width:100%;display:block;border:1px solid #f0b52e66; }
.visual-stamp { position:absolute;right:-12px;bottom:20px;padding:10px 14px;background:#ee624d;color:#062b45;font:11px var(--mono);letter-spacing:1.5px;box-shadow:5px 5px 0 #f0b52e; }
.ryzen-copy h2 { margin:16px 0 18px; }
.ryzen-copy>p,.ryzen-inline p { color:var(--muted);line-height:1.85;max-width:590px; }
.spec-chips { display:flex;flex-wrap:wrap;gap:9px;margin:22px 0; }
.spec-chips span { padding:9px 11px;border:1px solid #f0b52e66;background:#f0b52e0b;color:#f8f0df;font:10px var(--mono);letter-spacing:.8px; }
.ryzen-disclaimer { font-size:12px!important;color:#c2c5c4!important;border-left:2px solid var(--coral);padding-left:13px;margin:20px 0 24px; }
.ryzen-inline-section { background:#061b2b; }
.ryzen-inline { display:grid;grid-template-columns:.9fr 1.1fr;gap:50px;align-items:center; }
.ryzen-inline>img { width:100%;border:1px solid #f0b52e55;box-shadow:8px 8px 0 #ee624d; }
@media(max-width:760px){.ryzen-layout,.ryzen-inline{grid-template-columns:1fr}.ryzen-visual{transform:none}.ryzen-inline>img{order:-1}}