/* DarkOra homepage refresh — v2.2.2
   Scoped to .home-page to keep this release isolated from catalog/product/admin layouts. */
.home-page .products-section{position:relative;overflow:hidden;background:linear-gradient(180deg,#080c0a 0%,#070a08 100%)}
.home-page .products-section:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(rgba(145,177,159,.025) 1px,transparent 1px);background-size:100% 72px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.5),transparent 72%)}
.home-page .products-section>.container{position:relative;z-index:1}

/* Section hierarchy: restrained editorial treatment instead of generic centered blocks. */
.home-page .section-head h2,
.home-page .terminal-copy h2,
.home-page .release-intro h2,
.home-page .cta-inner h2{position:relative;max-width:24ch;margin-top:14px;padding-bottom:17px;color:#f0f5f2;font-size:clamp(28px,3vw,38px);font-weight:620;line-height:1.12;letter-spacing:-.032em;text-wrap:balance}
.home-page .section-head h2:after,
.home-page .terminal-copy h2:after,
.home-page .release-intro h2:after,
.home-page .cta-inner h2:after{content:"";position:absolute;inset-inline-start:0;inset-block-end:0;width:48px;height:1px;background:linear-gradient(90deg,var(--green),rgba(53,255,138,.08))}
.home-page .section-head.center h2{max-width:25ch;margin-inline:auto}
.home-page .section-head.center h2:after{inset-inline-start:50%;transform:translateX(-50%)}
.home-page .section-head p,
.home-page .terminal-copy>p,
.home-page .release-intro>p,
.home-page .cta-inner>p{max-width:66ch;margin-top:20px;color:#8b9a91;font-size:15px;line-height:1.82}
.home-page .section-head.center p{margin-inline:auto}
.home-page .eyebrow{font-size:8px;letter-spacing:1.6px;color:#7f9a89}
.home-page .eyebrow i{width:26px}

/* Catalog heading / operational context. */
.home-page .catalog-heading-row{align-items:stretch;gap:52px}
.home-page .section-head--catalog{max-width:760px}
.home-page .section-head--catalog h2{max-width:22ch}
.home-page .catalog-overview{width:min(100%,360px);align-self:flex-end;display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:8px;border:1px solid rgba(145,177,159,.12);border-radius:14px;background:rgba(10,15,12,.72);box-shadow:0 18px 50px rgba(0,0,0,.18)}
.home-page .catalog-overview>div{min-height:70px;padding:12px;display:flex;align-items:center;gap:10px;border:1px solid rgba(145,177,159,.075);border-radius:9px;background:rgba(255,255,255,.012)}
.home-page .catalog-overview>div:first-child{grid-row:1/3;min-width:120px;flex-direction:column;justify-content:center;align-items:flex-start;border-color:rgba(53,255,138,.14);background:rgba(53,255,138,.025)}
.home-page .catalog-overview strong{color:#e8f2ec;font:34px/1 var(--mono);letter-spacing:-.06em}
.home-page .catalog-overview>div:first-child span{color:#718279;font-size:10px}
.home-page .catalog-overview .icon{width:18px;height:18px;color:#6fbd89}
.home-page .catalog-overview>div:not(:first-child)>span{display:flex;flex-direction:column;gap:5px}
.home-page .catalog-overview small{color:#596a61;font:7px var(--mono);letter-spacing:.08em;text-transform:uppercase}
.home-page .catalog-overview b{color:#a6b5ad;font:8px var(--mono);font-weight:500}

.home-page .filters{margin-top:38px;padding-bottom:18px;border-bottom:1px solid rgba(145,177,159,.09);gap:8px}
.home-page .filter-btn{height:40px;padding-inline:15px;border-color:rgba(145,177,159,.12);border-radius:999px;background:#0b100d;color:#7c8c83;font-size:10px}
.home-page .filter-btn:hover,.home-page .filter-btn.active{border-color:rgba(53,255,138,.28);background:rgba(53,255,138,.055);color:#c8d6ce}
.home-page .filter-btn small{font-size:8px}

/* Two-by-two product presentation for the four live products. */
.home-page .product-grid{margin-top:24px;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.home-page .product-card,
.home-page .product-card:last-child{max-width:none;display:flex;flex-direction:column;grid-column:auto;justify-self:stretch;overflow:hidden;border:1px solid rgba(145,177,159,.13);border-radius:16px;background:#0a0f0c;box-shadow:0 24px 70px rgba(0,0,0,.22);transform:none}
.home-page .product-card:hover{transform:translateY(-4px);border-color:rgba(var(--card-rgb),.29);box-shadow:0 32px 82px rgba(0,0,0,.32)}
.home-page .product-card--exposure{--card-accent:#35ff8a;--card-rgb:53,255,138}
.home-page .product-card--chain{--card-accent:#00e5ff;--card-rgb:0,229,255}
.home-page .product-card--channel{--card-accent:#a98af8;--card-rgb:169,138,248}
.home-page .product-card--code{--card-accent:#ffb454;--card-rgb:255,180,84}
.home-page .product-image-visual{height:285px;border-bottom-color:rgba(145,177,159,.09)}
.home-page .product-image-visual>a{background:radial-gradient(circle at 50% 38%,rgba(var(--card-rgb),.13),transparent 47%),linear-gradient(145deg,#0b110d,#070a08)}
.home-page .catalog-product-image{padding:24px;filter:drop-shadow(0 22px 32px rgba(0,0,0,.5))}
.home-page .product-card:hover .catalog-product-image{transform:scale(1.035);filter:drop-shadow(0 28px 38px rgba(0,0,0,.58))}
.home-page .catalog-card-index{position:absolute;z-index:2;inset-block-start:15px;inset-inline-start:16px;padding:7px 9px;border:1px solid rgba(var(--card-rgb),.16);border-radius:7px;background:rgba(5,9,7,.68);color:var(--card-accent);font:8px var(--mono);backdrop-filter:blur(8px)}
.home-page .catalog-image-overlay{inset-inline:15px;inset-block-end:14px;padding:10px 11px;border-radius:8px;background:rgba(5,9,7,.86)}
.home-page .catalog-image-overlay small{font-size:7px}
.home-page .catalog-image-overlay b{font-size:7px;letter-spacing:.03em}

.home-page .product-content{flex:1;padding:28px 29px 25px;display:flex;flex-direction:column}
.home-page .product-labels>span{color:#82948a;font-size:7px;letter-spacing:.08em}
.home-page .product-labels>b{padding:5px 8px;border:1px solid rgba(53,255,138,.1);border-radius:999px;background:rgba(53,255,138,.025);font-size:7px}
.home-page .product-content h3{margin-top:16px;color:#e5eee9;font-size:clamp(24px,2.1vw,31px);font-weight:650;line-height:1.08;letter-spacing:-.035em}
.home-page .product-content>p{min-height:0;margin-top:13px;color:#96a69d;font-size:14.5px;line-height:1.76}
.home-page .product-highlights{margin:18px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;list-style:none}
.home-page .product-highlights li{min-width:0;padding:10px 11px;display:flex;align-items:flex-start;gap:8px;border:1px solid rgba(145,177,159,.08);border-radius:8px;background:rgba(255,255,255,.012);color:#86988e;font-size:10.5px;line-height:1.45}
.home-page .product-highlights .icon{width:14px;height:14px;flex:0 0 14px;margin-top:1px;color:var(--card-accent)}
.home-page .product-meta{margin-top:20px;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid rgba(145,177,159,.085);border-radius:10px;overflow:hidden}
.home-page .product-meta div{min-width:0;padding:12px 10px;border-inline-end:1px solid rgba(145,177,159,.07)}
.home-page .product-meta div:last-child{border-inline-end:0}
.home-page .product-meta dt{font-size:6.5px;letter-spacing:.07em}
.home-page .product-meta dd{overflow:hidden;margin-top:7px;color:#a4b5ac;font-size:8px;white-space:nowrap;text-overflow:ellipsis}
.home-page .product-commerce{margin-top:auto;padding-top:22px;display:grid;grid-template-columns:auto 1fr;align-items:end;gap:20px}
.home-page .product-price{margin:0;display:grid;grid-template-columns:auto auto;justify-content:start;gap:4px 9px}
.home-page .product-price span{grid-column:1/-1;margin:0;font-size:6.5px;letter-spacing:.06em}
.home-page .product-price strong{color:#eef5f1;font-size:28px;letter-spacing:-.05em}
.home-page .product-price del{align-self:center;font-size:9px}
.home-page .product-actions{margin:0;display:grid;grid-template-columns:1.35fr .65fr;gap:8px}
.home-page .product-actions .button{min-height:42px}
.home-page .use-note{margin-top:16px;padding-top:14px;border-top:1px solid rgba(145,177,159,.07);align-items:flex-start;color:#63746a;font:8px/1.55 var(--mono)}
.home-page .use-note .icon{flex:0 0 14px;margin-top:1px}

/* Supporting sections get slightly more readable body copy. */
.home-page .feature-card{min-height:225px;padding:29px}
.home-page .feature-card h3{font-size:14px}
.home-page .feature-card p{font-size:11.5px;line-height:1.76}
.home-page .terminal-points b{font-size:10px}
.home-page .terminal-points small{font-size:6.5px}
.home-page .text-link{font-size:10.5px}
.home-page .process-card p{font-size:12px;line-height:1.76}
.home-page .release-item p{font-size:11.5px;line-height:1.72}
.home-page .final-cta .cta-inner{max-width:860px}
.home-page .cta-inner h2{max-width:22ch;margin-inline:auto}
.home-page .cta-inner h2:after{inset-inline-start:50%;transform:translateX(-50%)}
.home-page .cta-inner>p{margin-inline:auto}

@media(max-width:1080px){
  .home-page .catalog-heading-row{flex-direction:column;gap:28px}
  .home-page .catalog-overview{width:100%;max-width:560px;align-self:flex-start;grid-template-columns:140px 1fr 1fr}
  .home-page .catalog-overview>div:first-child{grid-row:auto}
  .home-page .product-content{padding:25px}
  .home-page .product-commerce{grid-template-columns:1fr;align-items:stretch}
}
@media(max-width:820px){
  .home-page .section-head h2,.home-page .terminal-copy h2,.home-page .release-intro h2,.home-page .cta-inner h2{font-size:clamp(26px,7vw,32px);line-height:1.14}
  .home-page .section-head p,.home-page .terminal-copy>p,.home-page .release-intro>p,.home-page .cta-inner>p{font-size:14px}
  .home-page .product-grid{grid-template-columns:1fr}
  .home-page .product-image-visual{height:300px}
  .home-page .catalog-overview{grid-template-columns:1fr 1fr}
  .home-page .catalog-overview>div:first-child{grid-column:1/-1;min-height:82px;flex-direction:row;align-items:center;gap:14px}
  .home-page .product-meta{grid-template-columns:1fr 1fr}
  .home-page .product-meta div:nth-child(2){border-inline-end:0}
  .home-page .product-meta div:nth-child(-n+2){border-bottom:1px solid rgba(145,177,159,.07)}
}
@media(max-width:520px){
  .home-page .products-section{padding-block:82px}
  .home-page .catalog-overview{grid-template-columns:1fr}
  .home-page .catalog-overview>div:first-child{grid-column:auto}
  .home-page .filters{flex-wrap:nowrap;overflow-x:auto;padding-bottom:14px;scrollbar-width:none}
  .home-page .filters::-webkit-scrollbar{display:none}
  .home-page .filter-btn{flex:0 0 auto}
  .home-page .product-image-visual{height:245px}
  .home-page .product-content{padding:22px 20px}
  .home-page .product-content h3{font-size:25px}
  .home-page .product-content>p{font-size:14px}
  .home-page .product-highlights{grid-template-columns:1fr}
  .home-page .product-actions{grid-template-columns:1fr}
  .home-page .product-price strong{font-size:26px}
}

/* v2.2.2 refinement — local Lucide icon treatment. */
.home-lucide-sprite{position:absolute!important;width:0!important;height:0!important;overflow:hidden!important;pointer-events:none}
.home-page .home-icon{overflow:visible;filter:drop-shadow(0 0 8px rgba(53,255,138,.08))}
.home-page .feature-icon,
.home-page .process-icon{
  isolation:isolate;
  overflow:hidden;
  border-color:rgba(100,224,142,.2);
  background:linear-gradient(145deg,rgba(53,255,138,.075),rgba(13,22,17,.66));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 13px 34px rgba(0,0,0,.24);
}
.home-page .feature-icon:before,
.home-page .process-icon:before{
  content:"";
  position:absolute;
  z-index:-1;
  width:38px;
  height:38px;
  border-radius:50%;
  background:rgba(53,255,138,.12);
  filter:blur(18px);
}
.home-page .feature-icon{position:relative;width:46px;height:46px;border-radius:12px}
.home-page .feature-icon .home-icon{width:20px;height:20px;color:#8bdfa7;filter:drop-shadow(0 0 9px rgba(53,255,138,.2))}
.home-page .process-icon .home-icon{width:24px;height:24px;filter:drop-shadow(0 0 10px rgba(53,255,138,.22))}
.home-page .catalog-overview .home-icon{width:19px;height:19px;padding:1px;color:#83d69f;filter:drop-shadow(0 0 9px rgba(53,255,138,.18))}
.home-page .terminal-points .home-icon{width:18px;height:18px;filter:drop-shadow(0 0 8px rgba(53,255,138,.15))}
.home-page .product-highlights .home-icon{width:15px;height:15px;flex-basis:15px;filter:drop-shadow(0 0 7px rgba(var(--card-rgb),.2))}
.home-page .responsible-note .home-icon,
.home-page .use-note .home-icon,
.home-page .cta-note .home-icon{filter:drop-shadow(0 0 7px rgba(53,255,138,.12))}
.home-page .button .home-icon,
.home-page .text-link .home-icon,
.home-page .release-item a .home-icon{transition:transform .18s ease,filter .18s ease}
.home-page .button:hover .home-icon,
.home-page .text-link:hover .home-icon,
.home-page .release-item a:hover .home-icon{transform:translateX(2px);filter:drop-shadow(0 0 8px rgba(53,255,138,.2))}
[dir="rtl"] .home-page .button:hover .home-icon,
[dir="rtl"] .home-page .text-link:hover .home-icon,
[dir="rtl"] .home-page .release-item a:hover .home-icon{transform:translateX(-2px)}

