/* CrockyHost homepage hero v2. Isolated override layer. */
.ch-remaster {
  --hero-green:#35ef8b; --hero-cyan:#72d7ff; --hero-line:rgba(191,255,222,.13);
  --hero-line-strong:rgba(191,255,222,.24);
}
.ch-remaster .hero{position:relative;padding:18px 0 38px;isolation:isolate;overflow:clip}
.ch-remaster .hero::before{content:"";position:absolute;inset:-80px 0 10%;z-index:-2;pointer-events:none;background:linear-gradient(rgba(120,255,191,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(120,255,191,.035) 1px,transparent 1px);background-size:42px 42px;mask-image:radial-gradient(ellipse 70% 62% at 72% 30%,#000 12%,transparent 75%)}
.ch-remaster .hero::after{content:"";position:absolute;z-index:-1;width:58vw;height:58vw;min-width:700px;min-height:700px;right:-18vw;top:-23vw;pointer-events:none;border-radius:50%;background:radial-gradient(circle,rgba(53,239,139,.10),rgba(24,121,78,.035) 42%,transparent 70%);filter:blur(12px)}
.ch-remaster .hero .wrap{max-width:1320px}
.ch-remaster .hero-commandbar{min-height:38px;margin-bottom:22px;padding:0 14px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-block:1px solid var(--hero-line);font:400 9px/1 var(--mono);letter-spacing:.16em;color:var(--fg-subtle);text-transform:uppercase;background:linear-gradient(90deg,transparent,rgba(53,239,139,.025),transparent)}
.ch-remaster .hero-commandbar-brand,.ch-remaster .hero-commandbar-live{display:inline-flex;gap:9px;align-items:center}
.ch-remaster .hero-commandbar-brand i,.ch-remaster .hero-commandbar-live i{width:6px;height:6px;border-radius:50%;background:var(--hero-green);box-shadow:0 0 12px rgba(53,239,139,.65)}
.ch-remaster .hero-commandbar-route{color:var(--fg-muted)}
.ch-remaster .hero-commandbar-route b{margin:0 8px;color:var(--hero-green);font-weight:400}
.ch-remaster .hero-commandbar-live{justify-self:end;color:var(--hero-green)}
.ch-remaster .hero-commandbar-live i{animation:chHeroLive 2.2s ease-in-out infinite}
@keyframes chHeroLive{0%,100%{opacity:.45;transform:scale(.82)}50%{opacity:1;transform:scale(1)}}
.ch-remaster .hero-meta{margin-bottom:22px;display:flex;justify-content:space-between}
.ch-remaster .hero .kicker{margin:0!important;color:var(--hero-green)}
.ch-remaster .hero-meta-note{font:400 9px/1 var(--mono);letter-spacing:.14em;color:var(--fg-subtle)}
.ch-remaster .hero-stage{grid-template-columns:minmax(0,1.04fr) minmax(470px,.96fr);gap:clamp(44px,5vw,82px);align-items:center}
.ch-remaster .hero-left{position:relative;gap:clamp(24px,2.6vw,34px);padding:clamp(10px,1.8vw,24px) 0 clamp(12px,2vw,28px) clamp(18px,2vw,28px)}
.ch-remaster .hero-left::before{content:"";position:absolute;inset:0 auto 0 0;width:1px;background:linear-gradient(transparent,var(--hero-green) 18%,var(--hero-line-strong) 74%,transparent)}
.ch-remaster .hero-left::after{content:"01";position:absolute;left:-4px;bottom:-5px;transform:translateX(-50%);padding:4px 0;background:var(--bg);color:var(--hero-green);font:500 8px/1 var(--mono);letter-spacing:.12em}
html .ch-remaster .hero h1,html:lang(ro) .ch-remaster .hero h1{max-width:780px;margin:0;font-size:clamp(48px,5.35vw,78px);line-height:.96;letter-spacing:-.048em;text-wrap:balance}
.ch-remaster .hero h1 .row+.row{margin-top:.07em}
.ch-remaster .hero h1 .row .it{position:relative;color:var(--hero-green);font-style:italic;font-weight:500;text-shadow:0 0 32px rgba(53,239,139,.1)}
.ch-remaster .hero h1 .row .it::after{content:"";position:absolute;left:.05em;right:.02em;bottom:-.04em;height:1px;transform:skewX(-24deg);background:linear-gradient(90deg,var(--hero-green),transparent);opacity:.65}
.ch-remaster .hero-sub{grid-template-columns:minmax(0,1.2fr) minmax(245px,.8fr);gap:clamp(24px,3vw,42px);align-items:start;margin-top:0}
.ch-remaster .hero .lead{max-width:620px;font-size:clamp(16px,1.35vw,19px);line-height:1.65;color:var(--fg-muted)}
.ch-remaster .promises{position:relative;padding:3px 0;border:0;border-radius:0;background:transparent}
.ch-remaster .promises::before{content:"SERVICE CONTRACT";display:block;margin-bottom:8px;font:500 8px/1 var(--mono);letter-spacing:.18em;color:var(--hero-green)}
.ch-remaster .promises .row{grid-template-columns:24px 1fr auto;gap:10px;min-height:38px;padding:9px 0;border-top:1px solid var(--hero-line)}
.ch-remaster .promises .row:first-child{border-top:1px solid var(--hero-line);padding-top:9px}.ch-remaster .promises .row:last-child{border-bottom:1px solid var(--hero-line);padding-bottom:9px}
.ch-remaster .promises .row .n{color:var(--hero-green)}.ch-remaster .promises .row .t{font-size:12.5px}.ch-remaster .promises .row .v{font-size:10px}
.ch-remaster .hero-actions{align-items:center;gap:12px;margin-top:2px}.ch-remaster .hero-actions .btn{min-height:48px;padding-inline:22px;border-radius:12px}
.ch-remaster .hero-actions .btn-primary{position:relative;overflow:hidden;color:#04120c;box-shadow:0 14px 34px -16px rgba(53,239,139,.82)}
.ch-remaster .hero-actions .btn-primary::before{content:"";position:absolute;inset:0;transform:translateX(-120%) skewX(-18deg);width:55%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:transform .65s cubic-bezier(.2,.8,.2,1)}
.ch-remaster .hero-actions .btn-primary:hover::before{transform:translateX(240%) skewX(-18deg)}.ch-remaster .hero-actions .btn-ghost{border-color:var(--hero-line-strong);background:rgba(255,255,255,.015)}
.ch-remaster .hero-3d{min-height:clamp(590px,48vw,690px);border-radius:26px 26px 18px 18px;overflow:hidden;background:radial-gradient(circle at 50% 38%,rgba(53,239,139,.15),transparent 34%),radial-gradient(circle at 86% 12%,rgba(114,215,255,.08),transparent 31%),linear-gradient(155deg,rgba(16,29,24,.95),rgba(5,12,9,.98) 68%);border:1px solid var(--hero-line-strong);box-shadow:inset 0 1px 0 rgba(255,255,255,.055),inset 0 0 90px rgba(53,239,139,.025),0 36px 90px -48px rgba(0,0,0,.92),0 0 0 7px rgba(53,239,139,.018);transform:translateZ(0)}
.ch-remaster .hero-3d::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(rgba(140,255,199,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(140,255,199,.035) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(#000,transparent 72%)}
.ch-remaster .hero-3d::after{content:"CTRL + SCROLL / ZOOM";position:absolute;z-index:5;right:28px;top:54px;font:400 8px/1 var(--mono);letter-spacing:.13em;color:var(--fg-subtle);pointer-events:none}
.ch-remaster .hero-3d canvas{z-index:1;opacity:0;animation:chHeroCanvasIn .8s .05s cubic-bezier(.2,.8,.2,1) forwards}@keyframes chHeroCanvasIn{to{opacity:1}}
.ch-remaster .hero-instrument-head{position:absolute;z-index:6;top:0;left:0;right:0;height:38px;padding:0 15px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--hero-line);background:rgba(5,14,10,.68);backdrop-filter:blur(12px);font:500 8px/1 var(--mono);letter-spacing:.16em;color:var(--fg-subtle)}
.ch-remaster .hero-instrument-head span{display:inline-flex;align-items:center;gap:8px}.ch-remaster .hero-instrument-head i{width:5px;height:5px;background:var(--hero-green);border-radius:50%;box-shadow:0 0 10px rgba(53,239,139,.72)}
.ch-remaster .hero-instrument-axis{position:absolute;z-index:4;display:flex;justify-content:space-between;pointer-events:none;font:400 7px/1 var(--mono);letter-spacing:.08em;color:rgba(191,255,222,.32)}
.ch-remaster .hero-instrument-axis span{position:relative}.ch-remaster .hero-instrument-axis span::before{content:"";position:absolute;background:var(--hero-line-strong)}
.ch-remaster .hero-instrument-axis.axis-x{left:38px;right:38px;top:45px}.ch-remaster .hero-instrument-axis.axis-x span::before{width:1px;height:5px;left:50%;top:10px}
.ch-remaster .hero-instrument-axis.axis-y{top:82px;bottom:235px;left:10px;flex-direction:column}.ch-remaster .hero-instrument-axis.axis-y span::before{width:5px;height:1px;left:25px;top:50%}
.ch-remaster .hero-3d .hud{top:72px;left:38px;right:38px;z-index:5}.ch-remaster .hero-3d .hud-row{font-size:8px}
.ch-remaster .hero-3d .crosshair{inset:58px 18px 18px;z-index:3;opacity:.62}.ch-remaster .hero-3d .crosshair span{border-color:rgba(53,239,139,.24)}
.ch-remaster .hero-3d .probe-stage{left:18px;right:18px;bottom:18px;z-index:7;padding:16px;border-radius:14px;background:linear-gradient(180deg,rgba(12,25,19,.90),rgba(5,13,9,.95));border:1px solid var(--hero-line-strong);box-shadow:0 20px 54px -26px rgba(0,0,0,.9),inset 0 1px rgba(255,255,255,.04);backdrop-filter:blur(18px) saturate(125%)}
.ch-remaster .hero-3d .probe-stage::before{content:"";position:absolute;left:16px;top:-1px;width:72px;height:1px;background:var(--hero-green);box-shadow:0 0 16px rgba(53,239,139,.6)}
.ch-remaster .hero-3d .probe-label{color:var(--hero-green)}.ch-remaster .hero-3d .probe-form{min-height:50px;padding:5px 5px 5px 14px;border-radius:10px;background:rgba(0,0,0,.26);border-color:var(--hero-line)}
.ch-remaster .hero-3d .probe-form:focus-within{border-color:var(--hero-green);box-shadow:0 0 0 3px rgba(53,239,139,.10),0 0 28px rgba(53,239,139,.07)}.ch-remaster .hero-3d .probe-btn{min-height:40px;border-radius:8px;padding-inline:16px}
.ch-remaster .hero-3d .readout{gap:0;margin-top:12px;padding-top:10px;border-top-color:var(--hero-line)}.ch-remaster .hero-3d .readout>div{padding:0 12px;border-left:1px solid var(--hero-line)}.ch-remaster .hero-3d .readout>div:first-child{padding-left:0;border-left:0}.ch-remaster .hero-3d .readout .k{font-size:8px}.ch-remaster .hero-3d .readout .v{margin-top:4px;color:var(--hero-green)}
.ch-remaster .hero-stats{position:relative;margin-top:26px;gap:0;overflow:hidden;border-block:1px solid var(--hero-line);background:linear-gradient(90deg,rgba(53,239,139,.02),transparent 35%,rgba(114,215,255,.025))}
.ch-remaster .hero-stats::before{content:"PROOF / LIVE";position:absolute;top:9px;right:14px;z-index:2;font:500 7px/1 var(--mono);letter-spacing:.16em;color:var(--hero-green)}
.ch-remaster .stat-card{min-height:130px;padding:28px 24px 20px;border-radius:0;background:transparent;backdrop-filter:none;box-shadow:none;border-left:1px solid var(--hero-line)}.ch-remaster .stat-card:first-child{border-left:0}.ch-remaster .stat-card::before{display:none}
.ch-remaster .stat-card .k{font-size:8px}.ch-remaster .stat-card .v{margin-top:6px;font-size:clamp(32px,3.25vw,46px);letter-spacing:-.05em}.ch-remaster .stat-card .a{margin-top:auto;font:400 9px/1.4 var(--mono);letter-spacing:.05em}.ch-remaster .stat-card .a a::after{content:" \2197";color:var(--hero-green)}
.ch-remaster .count-ready{display:inline-block;animation:chCountAck .65s calc(var(--count-order,0)*70ms) cubic-bezier(.2,.8,.2,1) both}@keyframes chCountAck{from{opacity:.45;transform:translateY(5px);filter:blur(2px)}to{opacity:1;transform:none;filter:none}}
.ch-remaster .marquee{max-width:1320px;margin:14px auto 34px;padding:14px 0;border-radius:0;border-inline:0;border-color:var(--hero-line);background:rgba(53,239,139,.012)}.ch-remaster .marquee .label{color:var(--hero-green)}
html:not(.dark) body.ch-remaster .hero-3d{background:radial-gradient(circle at 50% 38%,rgba(0,177,94,.12),transparent 34%),linear-gradient(155deg,rgba(247,252,249,.98),rgba(230,242,235,.98));border-color:rgba(0,112,59,.19)}
html:not(.dark) body.ch-remaster .hero-instrument-head,html:not(.dark) body.ch-remaster .hero-3d .probe-stage{background:rgba(248,253,250,.91)}
@media(max-width:1100px){.ch-remaster .hero-stage{grid-template-columns:1fr;gap:34px}.ch-remaster .hero-left{max-width:850px}.ch-remaster .hero-3d{width:min(100%,760px);margin-inline:auto;min-height:590px}}
@media(max-width:760px){.ch-remaster .hero{padding-top:6px}.ch-remaster .hero::before{background-size:30px 30px}.ch-remaster .hero-commandbar{grid-template-columns:1fr auto;min-height:34px;padding-inline:0}.ch-remaster .hero-commandbar-route,.ch-remaster .hero-meta-note{display:none}.ch-remaster .hero-meta{margin-bottom:18px}.ch-remaster .hero-left{padding-left:16px;gap:22px}html .ch-remaster .hero h1,html:lang(ro) .ch-remaster .hero h1{font-size:clamp(39px,11.8vw,56px);line-height:.98}.ch-remaster .hero-sub{grid-template-columns:1fr;gap:20px}.ch-remaster .hero-3d{min-height:520px;border-radius:18px 18px 12px 12px}.ch-remaster .hero-3d::after,.ch-remaster .hero-instrument-head span:last-child,.ch-remaster .hero-instrument-axis.axis-y{display:none}.ch-remaster .hero-instrument-head{padding-inline:12px}.ch-remaster .hero-instrument-axis.axis-x{left:28px;right:28px}.ch-remaster .hero-3d .hud{top:66px;left:26px;right:26px}.ch-remaster .hero-3d .crosshair{inset:52px 12px 12px}.ch-remaster .hero-3d .probe-stage{left:10px;right:10px;bottom:10px;padding:13px}.ch-remaster .hero-3d .readout>div{padding-inline:8px}.ch-remaster .hero-stats{grid-template-columns:repeat(2,1fr)}.ch-remaster .stat-card{min-height:118px;padding:24px 16px 17px}.ch-remaster .stat-card:nth-child(3){border-left:0}.ch-remaster .stat-card:nth-child(n+3){border-top:1px solid var(--hero-line)}.ch-remaster .hero-stats::before{display:none}.ch-remaster .marquee{margin-inline:18px}}
@media(max-width:430px){.ch-remaster .hero-3d{min-height:500px}.ch-remaster .stat-card .v{font-size:31px}.ch-remaster .stat-card .v sup{display:block;margin:5px 0 0;vertical-align:baseline}}
@media(prefers-reduced-motion:reduce){.ch-remaster .hero-commandbar-live i,.ch-remaster .hero-3d canvas,.ch-remaster .count-ready{animation:none!important;opacity:1}}


/* Product and audit matrices
   Dense, connected and operational instead of isolated glass cards. */
.ch-remaster #products.section-pad {
  padding-top: clamp(72px, 8vw, 112px);
}

.ch-remaster .plans,
.ch-remaster .tiers {
  gap: 0;
  overflow: hidden;
  border: 1px solid var(--hero-line);
  border-radius: 18px;
  background:
    linear-gradient(rgba(140,255,199,.025) 1px, transparent 1px),
    linear-gradient(90deg,rgba(140,255,199,.025) 1px, transparent 1px),
    rgba(7,16,13,.28);
  background-size: 32px 32px;
}

.ch-remaster .plans {
  grid-template-columns: 1fr 1.1fr .96fr 1fr;
}

.ch-remaster .plan {
  --lane: var(--hero-green);
  min-height: 390px;
  padding: 30px 26px 24px;
  gap: 16px;
  border: 0;
  border-left: 1px solid var(--hero-line);
  border-radius: 0;
  background: rgba(7,16,13,.52);
  backdrop-filter: none;
  box-shadow: inset 0 2px 0 var(--lane);
  transition: background .25s ease, box-shadow .25s ease;
}

.ch-remaster .plan:first-child {
  border-left: 0;
}

.ch-remaster .plan:nth-child(1) { --lane: var(--acid-cyan); }
.ch-remaster .plan:nth-child(2) { --lane: var(--hero-green); }
.ch-remaster .plan:nth-child(3) { --lane: var(--acid-amber); }
.ch-remaster .plan:nth-child(4) { --lane: var(--acid-violet); }

.ch-remaster .plan::before,
.ch-remaster .plan::after,
.ch-remaster .tier::before,
.ch-remaster .tier::after {
  display: none;
}

.ch-remaster .plan:hover {
  transform: none;
  background: color-mix(in oklab, var(--lane) 7%, rgba(7,16,13,.68));
  box-shadow: inset 0 3px 0 var(--lane), inset 0 0 48px color-mix(in oklab, var(--lane) 4%, transparent);
}

.ch-remaster .plan.popular {
  background:
    linear-gradient(155deg, rgba(53,239,139,.12), rgba(7,16,13,.72) 48%),
    rgba(7,16,13,.65);
}

.ch-remaster .plan .cat {
  color: var(--lane) !important;
}

.ch-remaster .plan .badge {
  top: 17px;
  right: 16px;
  border: 1px solid color-mix(in oklab, var(--lane) 48%, transparent);
  border-radius: 5px;
  background: color-mix(in oklab, var(--lane) 14%, rgba(7,16,13,.85));
  box-shadow: none;
  color: var(--lane);
}

.ch-remaster .plan h3 {
  font-size: 22px;
  letter-spacing: -.025em;
}

.ch-remaster .plan .price .amt {
  font-size: clamp(36px, 3.1vw, 48px);
}

.ch-remaster .plan ul {
  border-top: 1px solid var(--hero-line);
}

.ch-remaster .plan ul li::before {
  width: 6px;
  height: 1px;
  top: 10px;
  border-radius: 0;
  background: var(--lane);
}

.ch-remaster .plan .act {
  margin-inline: -26px;
  margin-bottom: -24px;
  padding: 16px 26px;
  border-top: 1px solid var(--hero-line);
  background: rgba(0,0,0,.08);
}

.ch-remaster .plan .act a {
  width: 100%;
  justify-content: space-between;
  font-family: var(--mono);
  font-size: 10px;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.ch-remaster .plan .act .arr {
  color: var(--lane);
}

.ch-remaster .tiers {
  grid-template-columns: .9fr 1fr 1.14fr;
}

.ch-remaster .tier {
  min-height: 520px;
  padding: 30px 28px 26px;
  border: 0;
  border-left: 1px solid var(--hero-line);
  border-radius: 0;
  background: rgba(7,16,13,.55);
  backdrop-filter: none;
  box-shadow: inset 0 2px 0 rgba(191,255,222,.14);
}

.ch-remaster .tier:first-child {
  border-left: 0;
}

.ch-remaster .tier:nth-child(1) {
  box-shadow: inset 0 2px 0 var(--acid-cyan);
}

.ch-remaster .tier:nth-child(2) {
  box-shadow: inset 0 2px 0 var(--acid-amber);
}

.ch-remaster .tier.featured {
  background:
    radial-gradient(100% 80% at 18% 0%, rgba(53,239,139,.19), transparent 64%),
    linear-gradient(155deg, rgba(13,59,37,.74), rgba(7,16,13,.76));
  box-shadow: inset 0 3px 0 var(--hero-green), inset 0 0 64px rgba(53,239,139,.035);
}

.ch-remaster .tier .pre {
  min-height: 24px;
}

.ch-remaster .tier .pre .stamp {
  border: 1px solid rgba(53,239,139,.45);
  border-radius: 5px;
  background: rgba(53,239,139,.12);
  box-shadow: none;
  color: var(--hero-green);
}

.ch-remaster .tier ul {
  border-top: 1px solid var(--hero-line);
}

.ch-remaster .tier ul li::before {
  width: 6px;
  height: 1px;
  top: 10px;
  border-radius: 0;
}

.ch-remaster .tier:nth-child(1) ul li::before { background: var(--acid-cyan); }
.ch-remaster .tier:nth-child(2) ul li::before { background: var(--acid-amber); }
.ch-remaster .tier:nth-child(3) ul li::before { background: var(--hero-green); }

.ch-remaster .tier .act {
  margin-inline: -28px;
  margin-bottom: -26px;
  padding: 17px 28px;
  border-top: 1px solid var(--hero-line);
  background: rgba(0,0,0,.09);
}

.ch-remaster .btn-tier {
  width: 100%;
  justify-content: space-between;
  border: 0;
  border-radius: 7px;
  background: transparent;
  font-family: var(--mono);
  font-size: 10px;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.ch-remaster .tier.featured .btn-tier {
  width: auto;
  border-radius: 8px;
}

html:not(.dark) body.ch-remaster .plans,
html:not(.dark) body.ch-remaster .tiers {
  background-color: rgba(238,247,242,.82);
  border-color: rgba(0,112,59,.16);
}

html:not(.dark) body.ch-remaster .plan,
html:not(.dark) body.ch-remaster .tier {
  background: rgba(255,255,255,.58);
  border-color: rgba(0,112,59,.13);
}

html:not(.dark) body.ch-remaster .plan.popular,
html:not(.dark) body.ch-remaster .tier.featured {
  background: linear-gradient(155deg, rgba(53,239,139,.14), rgba(255,255,255,.78) 58%);
}

@media (max-width: 1040px) {
  .ch-remaster .plans {
    grid-template-columns: repeat(2, 1fr);
  }
  .ch-remaster .plan:nth-child(3) {
    border-left: 0;
  }
  .ch-remaster .plan:nth-child(n+3) {
    border-top: 1px solid var(--hero-line);
  }
}

@media (max-width: 960px) {
  .ch-remaster .tiers {
    grid-template-columns: 1fr;
  }
  .ch-remaster .tier {
    min-height: 0;
    border-left: 0;
    border-top: 1px solid var(--hero-line);
  }
  .ch-remaster .tier:first-child {
    border-top: 0;
  }
}

@media (max-width: 580px) {
  .ch-remaster .plans {
    grid-template-columns: 1fr;
  }
  .ch-remaster .plan {
    min-height: 0;
    border-left: 0;
    border-top: 1px solid var(--hero-line);
  }
  .ch-remaster .plan:first-child {
    border-top: 0;
  }
}
