
/* NOVYRAA V6 — Luxury AI Technology / motion + identity layer */
:root{
 --v6-bg:#040506;--v6-ivory:#f3f0e8;--v6-gold:#c8a86a;--v6-cyan:#69e7f1;
 --v6-line:rgba(255,255,255,.09);--v6-muted:#87919a;
}
body{
 background:
 radial-gradient(800px 520px at 50% -10%,rgba(200,168,106,.055),transparent 60%),
 radial-gradient(900px 700px at 105% 35%,rgba(105,231,241,.045),transparent 60%),
 #040506;
}
body:after{
 content:"";position:fixed;inset:0;pointer-events:none;z-index:9999;opacity:.035;
 background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(255,255,255,.12) 4px);
 mix-blend-mode:soft-light;
}
.site-header,.site-footer{position:relative;z-index:20}
.site-header{
 background:rgba(4,5,6,.72)!important;
 border-bottom:1px solid rgba(255,255,255,.075)!important;
 box-shadow:0 15px 50px rgba(0,0,0,.18);
}
.nav-brand img,.footer-brand img{
 width:174px!important;height:auto!important;max-height:none!important;
 object-fit:contain!important;display:block;
}
.nav-brand{display:flex;align-items:center}
.hero{
 min-height:820px!important;
 isolation:isolate;
 background:
 radial-gradient(500px 500px at 50% 50%,rgba(105,231,241,.055),transparent 70%),
 linear-gradient(90deg,transparent 49.92%,rgba(255,255,255,.055) 50%,transparent 50.08%);
}
.hero:before{
 content:"";position:absolute;inset:0;z-index:-2;opacity:.42;
 background:
 linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),
 linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
 background-size:92px 92px;
 mask-image:radial-gradient(circle at 50% 50%,#000 0%,transparent 72%);
 animation:v6-grid 18s linear infinite;
}
.hero:after{
 content:"";
 position:absolute;left:50%;top:50%;width:560px;height:560px;
 transform:translate(-50%,-50%);
 border:1px solid rgba(200,168,106,.14);border-radius:50%;
 box-shadow:0 0 0 74px rgba(105,231,241,.025),0 0 0 150px rgba(200,168,106,.018);
 z-index:-1;
 animation:v6-orbit 24s linear infinite;
}
.hero .container{max-width:980px}
.hbadge{
 border:1px solid rgba(200,168,106,.3)!important;
 background:rgba(200,168,106,.045)!important;
 box-shadow:0 0 35px rgba(200,168,106,.04);
 letter-spacing:.18em!important;
}
.hbadge .bdot{box-shadow:0 0 12px var(--v6-cyan)!important;animation:v6-blink 2s ease-in-out infinite}
.hero h1{
 font-size:clamp(64px,9vw,126px)!important;
 letter-spacing:-.085em!important;
 line-height:.84!important;
 text-wrap:balance;
 text-shadow:0 20px 70px rgba(0,0,0,.55);
 animation:v6-rise .9s cubic-bezier(.16,1,.3,1) both;
}
.hero h1 .gt{
 background:linear-gradient(110deg,#f3f0e8 0%,#c8a86a 38%,#69e7f1 70%,#f3f0e8 100%)!important;
 background-size:220% auto!important;
 -webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;
 animation:v6-shimmer 8s ease-in-out infinite;
}
.hero .lede{
 max-width:650px!important;margin-left:auto!important;margin-right:auto!important;
 color:#9ba5ad!important;font-size:16px!important;
 animation:v6-rise 1s .12s cubic-bezier(.16,1,.3,1) both;
}
.hero .btn-row{animation:v6-rise 1s .22s cubic-bezier(.16,1,.3,1) both}
.hero .pulse{
 opacity:.75;filter:drop-shadow(0 0 10px rgba(105,231,241,.2));
 animation:v6-float 5s ease-in-out infinite;
}
.hero .pulse span{transition:.3s}
.hero .pulse span:nth-child(1),.hero .pulse span:nth-child(5){transform:scale(.65);opacity:.3}
.hero .pulse span:nth-child(2),.hero .pulse span:nth-child(4){transform:scale(.82);opacity:.6}
.hero .pulse span:nth-child(3){box-shadow:0 0 16px var(--v6-cyan)!important}

/* Floating system telemetry around the hero without changing page copy */
.hero .container:after{
 content:"NOVYRAA / INTELLIGENCE LAYER\A\A WEB                 ONLINE\A WHATSAPP AI          CONNECTED\A VOICE                READY\A GEO / AEO             ACTIVE\A\A SIGNAL     98.7%";
 white-space:pre;
 position:absolute;right:-240px;top:50%;transform:translateY(-50%);
 width:205px;padding:18px 17px;
 border:1px solid rgba(255,255,255,.09);border-radius:14px;
 background:linear-gradient(145deg,rgba(14,18,22,.82),rgba(5,7,9,.68));
 backdrop-filter:blur(16px);
 color:#71808a;font:500 7px/1.8 "JetBrains Mono","DM Mono",monospace;
 letter-spacing:.08em;text-align:left;
 box-shadow:0 25px 80px rgba(0,0,0,.4);
 animation:v6-float 7s ease-in-out infinite;
}
.hero .container:before{
 content:"";
 position:absolute;left:-260px;top:50%;width:180px;height:1px;
 background:linear-gradient(90deg,transparent,rgba(105,231,241,.3));
 animation:v6-scan 4s ease-in-out infinite;
}

/* Luxury editorial treatment for all sections */
.section-head .slbl{
 color:var(--v6-gold)!important;letter-spacing:.2em!important;
}
.section-head h2{
 letter-spacing:-.07em!important;
}
.gc{
 border-radius:16px!important;
 border-color:rgba(255,255,255,.075)!important;
 background:linear-gradient(145deg,rgba(16,20,25,.75),rgba(7,9,12,.92))!important;
 box-shadow:inset 0 1px rgba(255,255,255,.035)!important;
 transition:transform .35s cubic-bezier(.16,1,.3,1),border-color .35s,box-shadow .35s!important;
}
.gc:hover{
 transform:translateY(-7px)!important;
 border-color:rgba(105,231,241,.22)!important;
 box-shadow:0 35px 90px rgba(0,0,0,.36),0 0 30px rgba(105,231,241,.025)!important;
}
.ftico{
 border:1px solid rgba(255,255,255,.08)!important;
 box-shadow:inset 0 1px rgba(255,255,255,.06);
}
.section-alt{
 background:linear-gradient(180deg,rgba(255,255,255,.012),rgba(255,255,255,.018),rgba(255,255,255,.008))!important;
 border-top:1px solid rgba(255,255,255,.035);
 border-bottom:1px solid rgba(255,255,255,.035);
}

/* Convert the process numbers into a more luxury/editorial mark */
.hnum{
 font-family:"JetBrains Mono",monospace!important;
 color:var(--v6-gold)!important;
 border:1px solid rgba(200,168,106,.25)!important;
 background:rgba(200,168,106,.035)!important;
 box-shadow:0 0 35px rgba(200,168,106,.035);
}

/* Buttons: premium, not neon */
.btn-primary{
 background:linear-gradient(180deg,#f4f0e6,#d8d2c6)!important;
 color:#08090a!important;
 box-shadow:0 10px 35px rgba(0,0,0,.22)!important;
}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 18px 50px rgba(0,0,0,.35)!important}
.btn-outline{
 border-color:rgba(200,168,106,.32)!important;
 background:rgba(255,255,255,.018)!important;
}
.btn-outline:hover{border-color:rgba(105,231,241,.38)!important;background:rgba(105,231,241,.035)!important}

/* Give images a premium cinematic treatment without changing their files */
img{
 border-radius:inherit;
}
.gc img,.card img{
 filter:saturate(.82) contrast(1.04);
 transition:transform .8s cubic-bezier(.16,1,.3,1),filter .8s;
}
.gc:hover img,.card:hover img{transform:scale(1.035);filter:saturate(.95) contrast(1.06)}

/* Footer */
.site-footer{
 background:#020304!important;
 border-top:1px solid rgba(200,168,106,.14)!important;
}
.footer-brand img{width:190px!important}

/* Motion accessibility */
@keyframes v6-grid{to{background-position:92px 92px}}
@keyframes v6-orbit{to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes v6-shimmer{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
@keyframes v6-rise{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
@keyframes v6-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
@keyframes v6-blink{0%,100%{opacity:.45}50%{opacity:1}}
@keyframes v6-scan{0%,100%{transform:translateX(0);opacity:.2}50%{transform:translateX(45px);opacity:.8}}
@media(max-width:1200px){.hero .container:after{right:-80px}.hero .container:before{left:-100px}}
@media(max-width:980px){.hero .container:after,.hero .container:before{display:none}.hero:after{width:430px;height:430px}.nav-brand img{width:145px!important}}
@media(max-width:620px){.hero{min-height:720px!important}.hero:after{width:330px;height:330px}.hero h1{font-size:56px!important}.nav-brand img,.footer-brand img{width:140px!important}}
@media(prefers-reduced-motion:reduce){
 *,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}
}
