/* Full-size original Osmo scene; keep the existing hero content/layout. */
#hero-background{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden;background:#000}
#hero-background canvas{display:block;width:100%;height:100%}
#hero-background::after{content:"";position:absolute;inset:auto 0 0;height:20%;pointer-events:none;background:linear-gradient(#08090c00,#08090c)}/* White hero typography approved for the dark original scene. */
#hero.hero-main{background-color:#000}
#hero h1,#hero h1 span{color:#fff;background-image:none;-webkit-text-fill-color:#fff}
#hero .hero-content p{color:#fff}
/* 30.09.2026: the keywords of the title in colour, as on Skroll V1 — „Dezvoltare Web Premium” in one indigo-to-violet
   gradient across the whole phrase (V1: #4F46E5 → #7C3AED). One Tailwind step lighter here (#6366F1 → #8B5CF6),
   so it stays readable on the black and violet scene. The paragraph stays plain, as on V1.
   While the title deciphers, its accent letters already use the same indigo-violet (hero-cipher.js: .cipher-accent). */
#hero h1 .text-transparent{color:transparent;-webkit-text-fill-color:transparent;background-image:linear-gradient(to right,#6366f1,#8b5cf6);-webkit-background-clip:text;background-clip:text}
#hero h1 .cipher-accent{color:#7561f3;-webkit-text-fill-color:#7561f3}
/* 30.09.2026: a dark shadow behind the hero text (made a little stronger the same day, on request), so it stays readable when the violet waves pass behind it.
   The title uses drop-shadow (a text-shadow would paint over the gradient of „Dezvoltare Web Premium”);
   the paragraph a plain text-shadow. */
#hero h1{filter:drop-shadow(0 1px 2px #060312b3) drop-shadow(0 6px 28px #060312d9)}
#hero .hero-content p{text-shadow:0 1px 3px #060312bf,0 0 26px #060312e6}