/* ═══════════════════════════════════════════════════════
   SELMCORP — SELMChain PAGE
   CRYPTO COMMAND CENTER — INSANE WEB3 AESTHETIC
   3D coins, matrix rain, holo grids, scanning rings
   ═══════════════════════════════════════════════════════ */

/* ═══ HERO ═══ */
.sc-hero{min-height:100vh;display:flex;align-items:center;position:relative;overflow:hidden;padding:clamp(110px,14vh,140px) 0 clamp(3rem,6vh,5rem);perspective:1200px}

/* Floating orbs */
.sc-hero__orb{position:absolute;border-radius:50%;filter:blur(110px);opacity:.28;pointer-events:none;animation:scOrb 13s ease-in-out infinite}
.sc-hero__orb--1{width:500px;height:500px;background:#F7931A;top:-12%;left:-8%;animation-delay:0s}
.sc-hero__orb--2{width:400px;height:400px;background:var(--cyan);bottom:-10%;right:-6%;animation-delay:-4s}
.sc-hero__orb--3{width:250px;height:250px;background:var(--accent);top:50%;left:45%;animation-delay:-8s}
@keyframes scOrb{0%,100%{transform:translate(0,0) scale(1)}33%{transform:translate(25px,-18px) scale(1.06)}66%{transform:translate(-15px,12px) scale(.94)}}

/* Hex holographic grid */
.sc-hero__hex{position:absolute;inset:0;background-image:radial-gradient(circle at 1px 1px,rgba(0,229,255,.12) 1px,transparent 1px);background-size:24px 24px;mask-image:radial-gradient(ellipse at 50% 50%,black 20%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse at 50% 50%,black 20%,transparent 70%);animation:hexShift 8s linear infinite}
@keyframes hexShift{to{background-position:24px 24px}}

/* Matrix rain */
.sc-matrix{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:1}
.sc-m-col{position:absolute;left:var(--x);top:-120px;width:2px;height:120px;background:linear-gradient(to bottom,transparent,var(--cyan),rgba(0,229,255,.5),transparent);opacity:.4;animation:matrixFall 4s linear infinite var(--d)}
@keyframes matrixFall{0%{transform:translateY(-100px);opacity:0}10%{opacity:.5}90%{opacity:.5}100%{transform:translateY(110vh);opacity:0}}

/* ═══ 3D FLOATING COINS ═══ */
.sc-coins{position:absolute;inset:0;pointer-events:none;z-index:2;perspective:800px}
.sc-coin{position:absolute;width:70px;height:70px;transform-style:preserve-3d;animation:coinFloat 8s ease-in-out infinite}
.sc-coin__inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;animation:coinSpin 4s linear infinite}
.sc-coin__face{position:absolute;inset:0;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:'Syne',sans-serif;font-size:2rem;font-weight:800;color:#fff;backface-visibility:hidden;box-shadow:0 8px 32px rgba(0,0,0,.3),inset 0 -4px 12px rgba(0,0,0,.2),inset 0 4px 12px rgba(255,255,255,.3)}
.sc-coin__face--back{transform:rotateY(180deg)}
.sc-coin__edge{position:absolute;top:50%;left:50%;width:100%;height:3px;background:rgba(0,0,0,.2);transform:translate(-50%,-50%);border-radius:2px}

.sc-coin--btc{top:10%;right:8%;animation-delay:0s}
.sc-coin--btc .sc-coin__face{background:radial-gradient(circle at 30% 30%,#FFB15B,#F7931A 50%,#B86A00);box-shadow:0 8px 32px rgba(247,147,26,.4),inset 0 -4px 12px rgba(184,106,0,.5),inset 0 4px 12px rgba(255,255,255,.25)}

.sc-coin--eth{top:55%;right:22%;animation-delay:-1.5s;width:60px;height:60px}
.sc-coin--eth .sc-coin__face{background:radial-gradient(circle at 30% 30%,#8a98d8,#627EEA 50%,#3a4fb0);box-shadow:0 8px 32px rgba(98,126,234,.4),inset 0 -4px 12px rgba(58,79,176,.5),inset 0 4px 12px rgba(255,255,255,.25)}

.sc-coin--usdt{top:75%;right:5%;animation-delay:-3s;width:55px;height:55px}
.sc-coin--usdt .sc-coin__face{background:radial-gradient(circle at 30% 30%,#5aeaad,#26A17B 50%,#0d5f42);box-shadow:0 8px 32px rgba(38,161,123,.4),inset 0 -4px 12px rgba(13,95,66,.5),inset 0 4px 12px rgba(255,255,255,.25)}

.sc-coin--bnb{top:20%;right:40%;animation-delay:-2s;width:50px;height:50px}
.sc-coin--bnb .sc-coin__face{background:radial-gradient(circle at 30% 30%,#f8d96d,#F3BA2F 50%,#b88d1a);box-shadow:0 8px 32px rgba(243,186,47,.4),inset 0 -4px 12px rgba(184,141,26,.5),inset 0 4px 12px rgba(255,255,255,.25)}

.sc-coin--sol{top:78%;right:35%;animation-delay:-4s;width:45px;height:45px}
.sc-coin--sol .sc-coin__face{background:radial-gradient(circle at 30% 30%,#c084fc,#9945FF 50%,#5a1fb8);box-shadow:0 8px 32px rgba(153,69,255,.4),inset 0 -4px 12px rgba(90,31,184,.5),inset 0 4px 12px rgba(255,255,255,.25)}

.sc-coin--doge{top:40%;left:8%;animation-delay:-2.5s;width:55px;height:55px}
.sc-coin--doge .sc-coin__face{background:radial-gradient(circle at 30% 30%,#e0cd87,#C2A633 50%,#7a6820);box-shadow:0 8px 32px rgba(194,166,51,.4),inset 0 -4px 12px rgba(122,104,32,.5),inset 0 4px 12px rgba(255,255,255,.25)}

@keyframes coinFloat{0%,100%{transform:translateY(0) translateZ(0)}25%{transform:translateY(-20px) translateZ(30px)}50%{transform:translateY(-10px) translateZ(-20px)}75%{transform:translateY(-25px) translateZ(15px)}}
@keyframes coinSpin{to{transform:rotateY(360deg)}}

/* Blockchain blocks */
.sc-chain{position:absolute;bottom:12%;left:6%;display:flex;gap:8px;pointer-events:none;z-index:2}
.sc-block{width:14px;height:14px;background:linear-gradient(135deg,var(--cyan),var(--primary));border-radius:3px;opacity:.3;animation:blockPulse 2s ease-in-out infinite;box-shadow:0 0 8px rgba(0,229,255,.4)}
.sc-block:nth-child(1){animation-delay:0s}.sc-block:nth-child(2){animation-delay:.3s}.sc-block:nth-child(3){animation-delay:.6s}.sc-block:nth-child(4){animation-delay:.9s}.sc-block:nth-child(5){animation-delay:1.2s}
@keyframes blockPulse{0%,100%{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.3)}}

/* Scanning rings */
.sc-ring{position:absolute;border:2px solid var(--cyan);border-radius:50%;pointer-events:none;opacity:0;animation:scRingExpand 4s ease-out infinite;z-index:1;top:40%;right:25%;width:100px;height:100px}
.sc-ring--1{animation-delay:0s}
.sc-ring--2{animation-delay:-1.3s}
.sc-ring--3{animation-delay:-2.6s}
@keyframes scRingExpand{0%{transform:translate(-50%,-50%) scale(.3);opacity:.8}100%{transform:translate(-50%,-50%) scale(4);opacity:0}}

/* Price ticker */
.sc-ticker{position:absolute;top:100px;left:0;right:0;height:32px;background:rgba(0,0,0,.4);backdrop-filter:blur(12px);border-top:1px solid rgba(0,229,255,.2);border-bottom:1px solid rgba(0,229,255,.2);overflow:hidden;z-index:4}
[data-theme="light"] .sc-ticker{background:rgba(18,11,46,.9)}
.sc-ticker__track{display:flex;gap:2rem;align-items:center;height:100%;padding-left:100%;animation:tickerScroll 30s linear infinite;white-space:nowrap}
.sc-ticker__track span{font-family:'JetBrains Mono',monospace;font-size:.78rem;font-weight:600;color:#fff;letter-spacing:.5px}
.sc-ticker__track em{font-style:normal;color:#ef4444;margin-left:.3rem}
.sc-ticker__track em.up{color:#10b981}
@keyframes tickerScroll{to{transform:translateX(-50%)}}

.sc-hero__inner{position:relative;z-index:5;max-width:750px;margin-top:3rem}
.sc-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem 2.5rem .4rem 1rem;background:var(--card);border:1px solid var(--border);border-radius:var(--r-pill);font-size:.82rem;font-weight:600;color:var(--cyan);backdrop-filter:blur(10px);margin-bottom:1.5rem;position:relative}
.sc-badge__pulse{position:absolute;top:50%;right:.7rem;width:8px;height:8px;background:#10b981;border-radius:50%;transform:translateY(-50%);box-shadow:0 0 12px #10b981;animation:badgePulse 1.5s ease-in-out infinite}
@keyframes badgePulse{0%,100%{opacity:1;transform:translateY(-50%) scale(1)}50%{opacity:.5;transform:translateY(-50%) scale(1.5)}}
.sc-badge i{color:var(--primary);animation:chainSpin 5s linear infinite}
@keyframes chainSpin{0%,90%{transform:rotate(0)}95%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}

.sc-hero__h1{font-family:'Syne',sans-serif;font-size:clamp(2.4rem,6vw,4rem);font-weight:800;line-height:1.05;margin-bottom:1.2rem;letter-spacing:-.03em}
.sc-hero__h1 em{font-style:normal}

.sc-glow{background:linear-gradient(135deg,#F7931A,var(--cyan),var(--primary),var(--accent));background-size:300% 300%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:glowShift 4s ease-in-out infinite}
@keyframes glowShift{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}

.sc-hero__sub{font-size:clamp(1rem,1.8vw,1.12rem);color:var(--txt2);max-width:600px;line-height:1.75;margin-bottom:2rem}
.sc-hero__actions{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:1.5rem}
.sc-hero__stats{display:flex;gap:1rem;flex-wrap:wrap}
.sc-stat{display:flex;align-items:center;gap:.4rem;padding:.4rem .9rem;background:rgba(0,229,255,.06);border:1px solid rgba(0,229,255,.12);border-radius:var(--r-pill);font-size:.78rem;font-weight:600;color:var(--cyan)}
.sc-stat i{font-size:.7rem}

/* ═══ CHAINS STRIP ═══ */
.sc-chains-strip{padding:2.5rem 0;background:var(--bg2);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.sc-chains-strip__label{text-align:center;font-family:'JetBrains Mono',monospace;font-size:.72rem;letter-spacing:3px;text-transform:uppercase;color:var(--txt3);margin-bottom:1.5rem}
.sc-chains-strip__logos{display:flex;gap:clamp(1.5rem,4vw,3rem);justify-content:center;align-items:center;flex-wrap:wrap}
.sc-chain-logo{display:flex;align-items:center;gap:.5rem;color:var(--txt3);transition:all .3s var(--ease);cursor:default}
.sc-chain-logo:hover{color:var(--primary);transform:translateY(-3px)}
.sc-chain-logo i{font-size:1.4rem}
.sc-chain-logo span{font-family:'Syne',sans-serif;font-size:.88rem;font-weight:600;letter-spacing:.5px}

/* ═══ DEMO VIDEO ═══ */
.sc-demo{padding:var(--py) 0 0;position:relative;z-index:2}
.sc-demo__box{max-width:900px;margin:0 auto;border-radius:var(--r-lg);overflow:hidden;border:1px solid rgba(0,229,255,.2);background:var(--bg2);aspect-ratio:16/9;position:relative;box-shadow:0 8px 40px rgba(0,229,255,.12)}
.sc-demo__ph{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;cursor:pointer;transition:all .4s var(--ease)}
.sc-demo__ph:hover{background:rgba(0,229,255,.03)}
.sc-demo__play{width:80px;height:80px;background:linear-gradient(135deg,#F7931A,var(--cyan));border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.8rem;color:#fff;box-shadow:0 0 30px rgba(247,147,26,.4);animation:playPulse 2.5s ease-in-out infinite}
@keyframes playPulse{0%,100%{box-shadow:0 0 30px rgba(247,147,26,.4)}50%{box-shadow:0 0 60px rgba(0,229,255,.6)}}
.sc-demo__ph p{font-family:'Syne',sans-serif;font-size:1rem;font-weight:700;color:var(--txt2)}
.sc-demo__ph span{font-size:.78rem;color:var(--txt3)}

/* ═══ FEATURES ═══ */
.sc-features{padding:var(--py) 0;background:var(--bg2)}
.sc-feat-grid{display:flex;flex-direction:column;gap:3rem}
.sc-feat{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem;align-items:center;background:var(--card);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden;backdrop-filter:blur(8px);transition:all .5s var(--ease);position:relative}
.sc-feat::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#F7931A,var(--cyan),var(--primary),var(--accent));transform:scaleX(0);transform-origin:left;transition:transform .6s var(--ease)}
.sc-feat:hover::before{transform:scaleX(1)}
.sc-feat:hover{box-shadow:0 15px 50px rgba(0,229,255,.12);border-color:rgba(0,229,255,.2)}
.sc-feat--reverse{direction:rtl}
.sc-feat--reverse>*{direction:ltr}
.sc-feat__visual{height:100%;min-height:280px;position:relative;overflow:hidden;background:linear-gradient(135deg,rgba(247,147,26,.04),rgba(0,229,255,.04))}
.sc-feat__visual img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}
.sc-feat:hover .sc-feat__visual img{transform:scale(1.05)}
.sc-feat__ph{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:4rem;color:var(--cyan);opacity:.1;animation:cryptoFloat 5s ease-in-out infinite}
@keyframes cryptoFloat{0%,100%{transform:translateY(0) rotateY(0deg);opacity:.1}50%{transform:translateY(-10px) rotateY(20deg);opacity:.2}}
.sc-feat__body{padding:2rem 2.5rem 2rem 1.5rem}
.sc-feat--reverse .sc-feat__body{padding:2rem 1.5rem 2rem 2.5rem}
.sc-feat__icon{width:46px;height:46px;background:linear-gradient(135deg,#F7931A,var(--cyan));border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.1rem;margin-bottom:1rem;transition:transform .4s var(--bounce);box-shadow:0 4px 16px rgba(247,147,26,.25)}
.sc-feat:hover .sc-feat__icon{transform:scale(1.15) rotate(10deg)}
.sc-feat__body h3{font-family:'Syne',sans-serif;font-size:1.2rem;font-weight:700;margin-bottom:.2rem}
.sc-feat__body h4{font-size:.78rem;color:var(--txt3);font-weight:500;margin-bottom:.7rem;font-family:'JetBrains Mono',monospace;letter-spacing:.5px}
.sc-feat__body p{font-size:.9rem;color:var(--txt2);line-height:1.7;margin-bottom:.8rem}
.sc-feat__body ul{list-style:none;padding:0}
.sc-feat__body ul li{padding:.3rem 0 .3rem 1.3rem;position:relative;font-size:.84rem;color:var(--txt3)}
.sc-feat__body ul li::before{content:'◈';position:absolute;left:0;color:var(--cyan);font-size:.7rem;top:.45rem}

/* ═══ PROCESS ═══ */
.sc-process{padding:var(--py) 0}
.sc-process .sd-process__track{max-width:700px;margin:0 auto;position:relative;padding-left:44px}
.sc-process .sd-process__track::before{content:'';position:absolute;left:14px;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,#F7931A,var(--cyan),var(--primary),var(--accent));border-radius:2px}
.sc-process .sd-step__num{background:linear-gradient(135deg,#F7931A,var(--cyan))}

/* ═══ PRICING ═══ */
.sc-pricing{padding:var(--py) 0;background:var(--bg2)}
.sc-pricing .sd-pricing__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.3rem;align-items:start}
.sc-pricing .price-card--custom{border-style:dashed;border-color:#F7931A;background:linear-gradient(135deg,rgba(247,147,26,.03),rgba(0,229,255,.03))}
.sc-pricing .price-card--custom:hover{border-color:var(--cyan);box-shadow:0 12px 40px rgba(247,147,26,.15)}
.sc-pricing .amount--custom{font-size:1.8rem!important;background:linear-gradient(135deg,#F7931A,var(--cyan))!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important}

/* ═══ RESPONSIVE ═══ */
@media(max-width:1024px){
  .sc-feat{grid-template-columns:1fr}
  .sc-feat--reverse{direction:ltr}
  .sc-feat__visual{min-height:200px}
  .sc-feat__body{padding:1.5rem!important}
  .sc-coin{transform:scale(.7)}
  .sc-pricing .sd-pricing__grid{grid-template-columns:1fr 1fr}
  .sc-hero__inner{margin-top:2rem}
}
@media(max-width:768px){
  .sc-hero__actions{flex-direction:column;align-items:flex-start}
  .sc-hero__actions .btn{width:100%;max-width:300px}
  .sc-hero__stats{flex-direction:column}
  .sc-coin--bnb,.sc-coin--sol,.sc-coin--doge{display:none}
  .sc-coin{transform:scale(.55)}
  .sc-ticker{display:none}
  .sc-pricing .sd-pricing__grid{grid-template-columns:1fr}
  .sc-chain{display:none}
  .sc-chain-logo span{display:none}
}
@media(max-width:480px){.sc-hero{padding-top:90px}.sc-coin--eth,.sc-coin--usdt{display:none}}
@media(prefers-reduced-motion:reduce){.sc-hero__orb,.sc-m-col,.sc-coin,.sc-block,.sc-ring,.sc-ticker__track,.sc-feat__ph{animation:none!important;opacity:.15}}