/* Nebubyte Web Showroom 1.1.0 — isolated styles */
:root{color-scheme:dark;--bg:#02050b;--ink:#f4f5f7;--muted:#9299a8;--line:rgba(255,255,255,.12);--gold:#e8b85f;--gold2:#ffe2a0;--panel:rgba(8,10,16,.76)}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;color:var(--ink);background:#02050b;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}.fx-bg{position:fixed;inset:-6vh -4vw;z-index:-4;background:url('./cosmos-continuo.png') center/cover no-repeat;filter:saturate(1.02) contrast(1.05) brightness(.64);transform:scale(1.04)}.fx-shade{position:fixed;inset:0;z-index:-3;background:radial-gradient(circle at 68% 18%,rgba(62,104,183,.15),transparent 28%),linear-gradient(180deg,rgba(2,5,11,.12),rgba(2,5,11,.58));pointer-events:none}#globalFx{position:fixed;inset:0;width:100%;height:100%;z-index:90;pointer-events:none}
.topbar{position:fixed;z-index:80;left:0;right:0;top:0;height:82px;padding:0 clamp(20px,4vw,66px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.06);background:linear-gradient(180deg,rgba(2,5,11,.88),rgba(2,5,11,.22));backdrop-filter:blur(12px)}.brand img{width:178px;display:block;filter:brightness(1.08)}.topnav{display:flex;align-items:center;gap:28px;font-size:13px;font-weight:650}.topnav a{position:relative;padding:10px 0}.topnav a:after{content:"";position:absolute;left:0;right:100%;bottom:5px;height:1px;background:linear-gradient(90deg,var(--gold),var(--gold2));transition:right .3s}.topnav a:hover:after{right:0}.contact{border:1px solid rgba(232,184,95,.42);padding:12px 17px;border-radius:11px;background:rgba(10,10,12,.6)}
.hero{min-height:100svh;padding:150px clamp(22px,6vw,92px) 80px;display:grid;align-content:center;position:relative}.hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(330px,.65fr);gap:8vw;align-items:end}.eyebrow{font-size:12px;letter-spacing:.24em;color:#d8b76e;margin-bottom:22px}.hero h1{font-size:clamp(58px,8.3vw,136px);font-weight:520;letter-spacing:-.065em;line-height:.82;margin:0;max-width:970px}.hero h1 em{font-family:Georgia,serif;font-weight:400;color:#c39da8}.hero-copy{color:#aeb4c0;font-size:clamp(17px,1.5vw,22px);line-height:1.6;max-width:520px;margin:28px 0 0}.hero-side{border-top:1px solid rgba(255,255,255,.2);padding-top:20px}.hero-side strong{display:block;font-size:14px;letter-spacing:.12em;margin-bottom:12px}.hero-side p{color:#8f96a5;line-height:1.6}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.btn{position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 20px;border:1px solid rgba(232,184,95,.45);background:rgba(7,8,10,.72);border-radius:10px;color:#fff;cursor:pointer;overflow:hidden}.btn.secondary{border-color:rgba(255,255,255,.17)}
.showroom{padding:70px clamp(20px,6vw,92px) 120px}.section-head{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:end;margin-bottom:44px;border-top:1px solid var(--line);padding-top:32px}.section-head h2{font-size:clamp(42px,6vw,88px);letter-spacing:-.055em;line-height:.94;margin:0;font-weight:520}.section-head p{color:#969dab;line-height:1.65;max-width:560px;justify-self:end}.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:30px}.filter{border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(255,255,255,.025);color:#b8bfca;padding:9px 14px;font-size:11px;letter-spacing:.08em;cursor:pointer}.filter.active{border-color:rgba(232,184,95,.7);color:#fff4d6;background:rgba(232,184,95,.09)}
.catalog{display:grid;grid-template-columns:repeat(12,1fr);gap:18px}.demo-card{grid-column:span 6;min-height:540px;border:1px solid rgba(255,255,255,.11);background:rgba(5,7,12,.6);position:relative;overflow:hidden;cursor:pointer;transition:transform .45s cubic-bezier(.2,.8,.2,1),border-color .35s}.demo-card:nth-child(3n){grid-column:span 7}.demo-card:nth-child(3n+1):not(:first-child){grid-column:span 5}.demo-card:hover{transform:translateY(-8px);border-color:rgba(232,184,95,.4)}.demo-preview{height:370px;position:relative;overflow:hidden;background:#111}.demo-meta{padding:22px 24px 24px;display:grid;grid-template-columns:1fr auto;gap:18px;align-items:end}.demo-index{font-size:10px;letter-spacing:.18em;color:#8a8f98}.demo-meta h3{font-size:31px;margin:7px 0 6px;letter-spacing:-.035em}.demo-meta p{margin:0;color:#8f96a3;font-size:13px}.demo-arrow{width:44px;height:44px;border:1px solid rgba(255,255,255,.18);border-radius:50%;display:grid;place-items:center;transition:.3s}.demo-card:hover .demo-arrow{border-color:var(--gold);transform:rotate(45deg)}
/* six live preview art directions */
.demo-preview .showroom-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:0;filter:saturate(.92) contrast(1.04);transform:scale(1.015);transition:transform .7s cubic-bezier(.2,.8,.2,1),filter .5s ease}.demo-preview:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(1,4,9,.05),rgba(1,4,9,.14) 55%,rgba(1,4,9,.62));mix-blend-mode:multiply}.demo-card:hover .showroom-art{transform:scale(1.055);filter:saturate(1.06) contrast(1.08)}.demo-preview>*:not(.showroom-art){z-index:2}.preview-pro .showroom-art{object-position:center 46%}.preview-green .showroom-art{object-position:center 43%;filter:saturate(.75) sepia(.08) contrast(1.02)}.preview-heart .showroom-art{object-position:center 48%;filter:saturate(.72) hue-rotate(145deg) contrast(1.04)}.preview-burger .showroom-art{object-position:center 47%;filter:saturate(1.12) contrast(1.04)}.preview-lux .showroom-art{object-position:center 46%;filter:saturate(.78) sepia(.18) brightness(.82)}.preview-concrete .showroom-art{object-position:center 48%;filter:saturate(.55) contrast(1.22) brightness(.73)}
.preview-pro{background:linear-gradient(145deg,#eef0ec 0 45%,#1c2120 45%)}.preview-pro .giant{position:absolute;left:5%;top:12%;font-size:clamp(58px,8vw,118px);color:#111;font-weight:900;letter-spacing:-.08em;line-height:.75}.preview-pro .pill{position:absolute;left:40%;top:22%;width:95px;height:150px;border-radius:50px;background:#eeff75;box-shadow:0 0 0 12px rgba(255,255,255,.28)}.preview-pro .figure{position:absolute;right:14%;bottom:-20px;width:145px;height:330px;border-radius:80% 20% 55% 45%;background:linear-gradient(180deg,#171717,#545454);transform:rotate(14deg);filter:drop-shadow(0 30px 35px rgba(0,0,0,.4));animation:floatA 4s ease-in-out infinite}.preview-pro .tiny{position:absolute;bottom:22px;left:6%;color:#171717;font-size:10px;letter-spacing:.2em}
.preview-green{background:#b7b8a8}.preview-green:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 62% 50%,rgba(57,81,45,.9),transparent 18%),radial-gradient(ellipse at 72% 57%,#556a3e,transparent 23%),linear-gradient(90deg,transparent 45%,rgba(45,55,40,.35));filter:blur(1px);animation:branch 4s ease-in-out infinite}.preview-green .word{position:absolute;left:5%;top:17%;font-size:70px;letter-spacing:-.1em;color:#efefe7}.preview-green .sub{position:absolute;left:6%;bottom:26px;width:230px;font-size:12px;line-height:1.45;color:#eff0e9}.preview-green .ring{position:absolute;right:7%;bottom:20px;width:78px;height:78px;border:1px solid rgba(255,255,255,.7);border-radius:50%;animation:spin 9s linear infinite}
.preview-heart{background:#122832}.preview-heart:before{content:"";position:absolute;width:280px;height:280px;right:10%;top:9%;border-radius:50%;background:radial-gradient(circle at 38% 36%,#fff 0 2%,#31c7ed 8%,#273c59 38%,transparent 66%);filter:blur(4px);box-shadow:0 0 80px rgba(49,199,237,.28);animation:pulseHeart 3s ease-in-out infinite}.preview-heart .headline{position:absolute;left:5%;top:17%;font-size:62px;line-height:.84;text-transform:uppercase;letter-spacing:-.06em;background:linear-gradient(90deg,#fff,#ffffff55);background-clip:text;color:transparent}.preview-heart .stats{position:absolute;right:5%;bottom:20px;display:flex;gap:8px}.preview-heart .stats i{width:90px;height:65px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.04);border-radius:12px}
.preview-burger{background:#009ca6}.preview-burger .burger-title{position:absolute;left:4%;top:12%;font-family:Impact,sans-serif;font-size:85px;line-height:.78;color:#ffd689;transform:rotate(-2deg);text-shadow:2px 2px rgba(0,0,0,.08)}.preview-burger .badge{position:absolute;right:7%;top:18%;width:110px;height:110px;border-radius:50%;border:8px double #ffd689;animation:spin 14s linear infinite}.preview-burger .stripe{position:absolute;left:0;right:0;bottom:28px;height:44px;background:#ffd689;transform:rotate(-3deg)}
.preview-lux{background:radial-gradient(circle at 55% 30%,#3d2f26,#100e0c 60%)}.preview-lux .box{position:absolute;left:50%;top:52%;width:190px;height:130px;transform:translate(-50%,-50%) perspective(600px) rotateX(7deg);background:#c6a77a;border:2px solid #ead2ae;box-shadow:0 30px 50px #000}.preview-lux .box:before{content:"";position:absolute;left:-8px;right:-8px;height:44px;top:-32px;background:#d4b88d;transform:rotateX(-20deg);transform-origin:bottom;animation:lid 4s ease-in-out infinite}.preview-lux .item{position:absolute;width:46px;height:64px;border-radius:20px 20px 7px 7px;background:linear-gradient(#402a20,#a66c4a);left:calc(50% - 23px);top:35%;animation:scatter 4s ease-in-out infinite}.preview-lux .luxcopy{position:absolute;left:5%;bottom:22px;font-family:Georgia,serif;font-style:italic;font-size:28px;color:#d9b36c}
.preview-concrete{background:#0a0a0a}.preview-concrete:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent,#36312d 50%,transparent),repeating-linear-gradient(90deg,transparent 0 80px,rgba(255,255,255,.03) 81px);animation:scenePan 7s ease-in-out infinite}.preview-concrete .street{position:absolute;left:4%;bottom:15%;font-family:Impact,sans-serif;font-size:88px;color:#eeece5;letter-spacing:.01em}.preview-concrete .orange{position:absolute;right:7%;top:10%;width:12px;height:64%;background:#ff5a1f;box-shadow:0 0 25px rgba(255,90,31,.22)}.preview-concrete .alt{position:absolute;right:11%;bottom:20px;font-size:11px;letter-spacing:.22em;color:#ffb03c}
@keyframes floatA{50%{transform:translateY(-14px) rotate(9deg)}}@keyframes branch{50%{transform:translateX(-3%) scale(1.04)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulseHeart{50%{transform:scale(1.05);filter:blur(1px)}}@keyframes lid{50%{transform:rotateX(-72deg) translateY(-10px)}}@keyframes scatter{50%{transform:translate(-115px,-75px) rotate(-18deg)}70%{transform:translate(110px,-85px) rotate(12deg)}}@keyframes scenePan{50%{transform:scale(1.08) translateX(-2%)}}
.statement{margin:140px 0 60px;border-top:1px solid rgba(255,255,255,.16);padding-top:44px;display:grid;grid-template-columns:1.2fr .8fr;gap:8vw}.statement h3{font-size:clamp(45px,6vw,88px);line-height:.94;letter-spacing:-.055em;margin:0}.statement h3 em{font-family:Georgia,serif;font-weight:400;color:#c39da8}.statement p{color:#929aa8;line-height:1.7;max-width:500px}.final-cta{border:1px solid rgba(232,184,95,.25);padding:clamp(35px,6vw,72px);background:linear-gradient(135deg,rgba(232,184,95,.08),rgba(255,255,255,.015));display:grid;grid-template-columns:1fr auto;gap:40px;align-items:center}.final-cta h3{font-size:clamp(36px,4vw,62px);letter-spacing:-.04em;margin:0 0 12px}.final-cta p{color:#929aa8;margin:0;max-width:650px;line-height:1.6}.version{margin-top:24px;color:#626975;font-size:10px;letter-spacing:.14em}
/* modal demo viewer */
.demo-dialog{position:fixed;inset:0;z-index:120;display:none;background:#050608}.demo-dialog.open{display:block}.demo-toolbar{height:66px;position:absolute;z-index:4;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:0 24px;background:rgba(2,3,5,.75);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.1)}.demo-toolbar b{letter-spacing:.1em;font-size:12px}.demo-toolbar button{border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.04);color:#fff;border-radius:9px;padding:10px 13px;cursor:pointer}.demo-stage{position:absolute;inset:66px 0 0;overflow:auto}.demo-world{min-height:100%;position:relative;padding:8vh 7vw;overflow:hidden}.demo-world .world-title{font-size:clamp(54px,10vw,150px);line-height:.8;letter-spacing:-.07em;margin:0;position:relative;z-index:2}.demo-world .world-copy{position:relative;z-index:2;max-width:530px;margin-top:35px;font-size:17px;line-height:1.7}.world-cta{position:relative;z-index:3;margin-top:32px}.world-pro{background:linear-gradient(135deg,#eff0ec 0 58%,#202321 58%);color:#111}.world-pro .world-title{max-width:900px}.world-pro .orb{position:absolute;right:12%;top:13%;width:180px;height:310px;border-radius:90px;background:#efff63;box-shadow:0 0 0 20px rgba(255,255,255,.34);animation:floatA 4s infinite ease-in-out}.world-green{background:#aeb1a0;color:#f4f5ec}.world-green:after{content:"";position:absolute;width:62vw;height:45vw;right:-8vw;top:10vh;background:radial-gradient(ellipse,#375135 0 12%,#526648 24%,transparent 55%);filter:blur(12px);animation:branch 5s ease-in-out infinite}.world-heart{background:#122832;color:#fff}.world-heart:after{content:"";position:absolute;width:45vw;height:45vw;right:0;top:8vh;border-radius:50%;background:radial-gradient(circle,#fff 0 1%,#31c7ed 5%,#273c59 28%,transparent 65%);filter:blur(8px);animation:pulseHeart 3s infinite}.world-burger{background:#009ca6;color:#ffd689}.world-burger .world-title{font-family:Impact,sans-serif;text-transform:uppercase}.world-lux{background:radial-gradient(circle at 60% 20%,#3b2b24,#100e0c 55%);color:#eee}.world-lux .world-title{font-family:Georgia,serif;font-style:italic;color:#d9b36c}.world-concrete{background:#0a0a0a;color:#eeece5}.world-concrete .world-title{font-family:Impact,sans-serif}.world-concrete:after{content:"";position:absolute;right:9%;top:8%;height:72%;width:14px;background:#ff5a1f}
@media(max-width:900px){.topnav{display:none}.hero-grid,.section-head,.statement,.final-cta{grid-template-columns:1fr}.hero-side,.section-head p{justify-self:start}.demo-card,.demo-card:nth-child(3n),.demo-card:nth-child(3n+1):not(:first-child){grid-column:span 12}.demo-card{min-height:500px}.demo-preview{height:330px}.hero{padding-top:130px}.final-cta{align-items:start}.contact{font-size:11px}.brand img{width:145px}}
@media(max-width:560px){.topbar{height:70px;padding:0 16px}.hero{padding-inline:18px}.showroom{padding-inline:16px}.hero h1{font-size:58px}.demo-preview{height:285px}.demo-card{min-height:445px}.demo-meta h3{font-size:26px}.preview-pro .giant,.preview-burger .burger-title,.preview-concrete .street{font-size:62px}.world-copy{font-size:15px!important}.demo-toolbar{padding:0 12px}.demo-toolbar b{font-size:10px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}

/* Nebubyte Web Showroom 1.1.3 — four approved embedded demos */
.catalog{grid-template-columns:repeat(2,minmax(0,1fr))}
.demo-card{cursor:pointer}
.demo-dialog{background:#000}
.demo-stage{position:relative;min-height:calc(100dvh - 58px);height:calc(100dvh - 58px);padding:0!important;overflow:hidden!important;background:#05070a}
.demo-stage iframe{display:block;width:100%;height:100%;border:0;background:#05070a}
.demo-toolbar{height:58px}
.demo-toolbar b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.demo-toolbar button{cursor:pointer}
.demo-live-badge{position:absolute;left:18px;bottom:18px;z-index:3;padding:8px 11px;border-radius:999px;background:rgba(3,6,10,.72);border:1px solid rgba(255,255,255,.15);backdrop-filter:blur(10px);font-size:10px;letter-spacing:.14em;color:#fff;pointer-events:none}
@media(max-width:850px){
  .catalog{grid-template-columns:1fr}
  .demo-toolbar{height:54px;padding-inline:14px}
  .demo-stage{height:calc(100dvh - 54px);min-height:calc(100dvh - 54px)}
}

/* 1.1.4 — REAL LIVE DEMO PREVIEWS */
.demo-preview{
  position:relative;
  overflow:hidden;
  background:#090b10;
}
.demo-preview .showroom-art,
.demo-preview > .burger-title,
.demo-preview > .badge,
.demo-preview > .stripe,
.demo-preview > .giant,
.demo-preview > .pill,
.demo-preview > .figure,
.demo-preview > .tiny,
.demo-preview > .headline,
.demo-preview > .stats,
.demo-preview > .word,
.demo-preview > .sub,
.demo-preview > .ring{
  display:none!important;
}
.live-preview-shell{
  position:absolute;
  inset:0;
  overflow:hidden;
  background:#05070a;
}
.live-preview-shell iframe{
  position:absolute;
  left:0;
  top:0;
  width:1440px;
  height:810px;
  border:0;
  transform-origin:0 0;
  pointer-events:none;
  background:#05070a;
}
.live-preview-cover{
  position:absolute;
  inset:0;
  z-index:3;
  cursor:pointer;
  background:linear-gradient(180deg,transparent 70%,rgba(0,0,0,.14));
}
.live-preview-label{
  position:absolute;
  left:14px;
  top:14px;
  z-index:4;
  padding:7px 10px;
  border-radius:999px;
  background:rgba(0,0,0,.5);
  border:1px solid rgba(255,255,255,.14);
  backdrop-filter:blur(10px);
  font-size:9px;
  letter-spacing:.16em;
  color:#fff;
  pointer-events:none;
}
@media(max-width:850px){
  .live-preview-shell iframe{width:1024px;height:768px}
}

/* =========================================================
   Nebubyte 1.1.5 — showroom compact + warm-gold ignition
   ========================================================= */
:root{
  --warm-gold:#e8b85f;
  --warm-gold-hi:#ffe6a8;
  --warm-gold-soft:rgba(232,184,95,.18);
}

/* Header: no line crossing the brand, logo physically contained */
.topbar{
  height:76px!important;
  padding:0 clamp(22px,4vw,58px)!important;
  border-bottom:0!important;
  background:linear-gradient(180deg,rgba(2,5,11,.94),rgba(2,5,11,.72))!important;
  box-shadow:0 10px 34px rgba(0,0,0,.22), inset 0 -1px rgba(232,184,95,.10);
  overflow:hidden!important;
}
.topbar .brand{
  height:100%;
  min-width:170px;
  display:flex;
  align-items:center;
  overflow:hidden;
}
.topbar .brand img{
  width:164px!important;
  height:46px!important;
  max-height:46px!important;
  object-fit:contain!important;
  object-position:left center!important;
  display:block!important;
  filter:brightness(1.08) contrast(1.05);
}
.topnav{gap:30px!important}
.topnav a{
  color:#f0f1f2!important;
  font-weight:650;
  transition:color .28s ease,text-shadow .28s ease;
}
.topnav a:hover{
  color:#fff7e4!important;
  text-shadow:0 0 6px rgba(255,244,214,.65),0 0 15px rgba(235,181,77,.38);
}
.contact{
  min-width:122px;
  height:46px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:#f7f5f0;
  transition:border-color .3s,box-shadow .3s,color .3s,text-shadow .3s;
}
.contact:hover{
  color:#fff3cf;
  border-color:rgba(255,220,141,.88);
  box-shadow:inset 0 0 20px rgba(232,184,95,.07),0 0 18px rgba(232,184,95,.12);
  text-shadow:0 0 5px rgba(255,244,214,.7),0 0 13px rgba(235,181,77,.42);
}

/* Exactly two equal cards per row on desktop */
.catalog{
  width:min(1180px,100%);
  margin-inline:auto;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:22px!important;
}
.catalog .demo-card,
.catalog .demo-card:nth-child(3n),
.catalog .demo-card:nth-child(3n+1):not(:first-child){
  grid-column:auto!important;
  min-height:0!important;
  height:auto!important;
  border-radius:20px;
}
.demo-preview{
  height:auto!important;
  aspect-ratio:16/9!important;
  min-height:0!important;
}
.demo-meta{
  padding:18px 20px 20px!important;
}
.demo-meta h3{
  font-size:27px!important;
}
.demo-meta p{
  font-size:12.5px!important;
  line-height:1.48;
}
.demo-arrow{
  width:40px!important;height:40px!important;
}

/* Live iframe is framed as a 16:9 composition, never stretched */
.live-preview-shell{
  inset:0!important;
  background:#05070a!important;
}
.live-preview-shell iframe{
  width:1440px!important;
  height:810px!important;
  transform-origin:0 0!important;
}

/* Approved Nebubyte warm-gold ignition language */
.hero h1 em,
.statement h3 em{
  color:var(--warm-gold)!important;
  font-style:italic;
  animation:goldIgnition 4.8s ease-in-out infinite;
  transition:color .35s ease,text-shadow .35s ease,filter .35s ease;
}
.hero h1:hover em,
.statement:hover h3 em{
  color:var(--warm-gold-hi)!important;
  text-shadow:
    0 0 5px rgba(255,244,214,.82),
    0 0 14px rgba(235,181,77,.58),
    0 0 30px rgba(226,157,47,.28);
}
@keyframes goldIgnition{
  0%,18%,100%{
    color:#c79a4f;
    text-shadow:0 0 0 rgba(232,184,95,0);
    filter:brightness(.92);
  }
  25%{
    color:#f0c975;
    text-shadow:0 0 4px rgba(255,232,177,.40),0 0 10px rgba(232,184,95,.24);
    filter:brightness(1.02);
  }
  31%{
    color:#ffe6a8;
    text-shadow:0 0 6px rgba(255,244,214,.82),0 0 16px rgba(235,181,77,.62),0 0 32px rgba(226,157,47,.26);
    filter:brightness(1.18);
  }
  37%{
    color:#d8a755;
    text-shadow:0 0 2px rgba(232,184,95,.18);
    filter:brightness(.96);
  }
  43%,66%{
    color:#ffe194;
    text-shadow:0 0 5px rgba(255,244,214,.72),0 0 13px rgba(235,181,77,.48),0 0 26px rgba(226,157,47,.18);
    filter:brightness(1.12);
  }
  76%{
    color:#e8b85f;
    text-shadow:0 0 3px rgba(232,184,95,.24);
    filter:brightness(1);
  }
}

/* Titles / arrows catch a restrained amber glow on interaction */
.demo-card:hover .demo-meta h3{
  color:#fff4d6;
  text-shadow:0 0 5px rgba(255,244,214,.48),0 0 14px rgba(235,181,77,.26);
}
.demo-card:hover .demo-arrow{
  color:#ffe6a8;
  border-color:var(--warm-gold)!important;
  box-shadow:0 0 16px rgba(232,184,95,.16);
}

/* Responsive */
@media(max-width:900px){
  .catalog{grid-template-columns:1fr!important;width:min(640px,100%)}
  .topbar{height:70px!important;padding-inline:18px!important}
  .topbar .brand{min-width:138px}
  .topbar .brand img{width:138px!important;height:40px!important;max-height:40px!important}
  .topnav{display:none!important}
  .contact{min-width:104px;height:42px;padding-inline:14px!important;font-size:12px}
}
@media(max-width:560px){
  .catalog{gap:16px!important}
  .demo-meta{padding:15px 16px 17px!important}
  .demo-meta h3{font-size:24px!important}
}
@media(prefers-reduced-motion:reduce){
  .hero h1 em,.statement h3 em{animation:none!important;color:var(--warm-gold)!important}
}

/* =========================================================
   Nebubyte 1.1.6 — client-facing copy + interactive dancer
   ========================================================= */
.hero-side strong{
  color:#fff4d6;
  text-shadow:0 0 9px rgba(232,184,95,.24);
}

/* Remove giant empty visual gap by making this a deliberate feature section */
.dancer-showcase{
  width:min(1180px,100%);
  min-height:620px;
  margin:70px auto 110px;
  display:grid;
  grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr);
  gap:46px;
  align-items:center;
  position:relative;
  overflow:hidden;
  border-top:1px solid rgba(232,184,95,.18);
  border-bottom:1px solid rgba(255,255,255,.08);
  background:
    radial-gradient(circle at 76% 48%,rgba(69,132,255,.08),transparent 25%),
    radial-gradient(circle at 68% 55%,rgba(232,184,95,.055),transparent 34%);
}
.dancer-copy{
  padding:54px 0 54px 12px;
  position:relative;
  z-index:3;
}
.dancer-kicker{
  display:block;
  font-size:10px;
  letter-spacing:.22em;
  color:#9da5b2;
  margin-bottom:18px;
}
.dancer-copy h3{
  margin:0;
  font-size:clamp(42px,5.2vw,76px);
  line-height:.96;
  letter-spacing:-.055em;
  font-weight:520;
}
.dancer-copy h3 em{
  font-family:Georgia,serif;
  color:var(--warm-gold);
  font-weight:400;
  animation:goldIgnition 4.8s ease-in-out infinite;
}
.dancer-copy p{
  max-width:490px;
  margin:26px 0 0;
  color:#969daa;
  font-size:16px;
  line-height:1.7;
}
.dancer-stage{
  position:relative;
  height:620px;
  overflow:visible;
  display:grid;
  place-items:center;
  cursor:crosshair;
  isolation:isolate;
}
.showroom-dancer{
  position:relative;
  z-index:5;
  width:min(470px,88%);
  height:590px;
  object-fit:contain;
  object-position:center bottom;
  filter:
    drop-shadow(0 24px 36px rgba(0,0,0,.55))
    drop-shadow(0 0 0 rgba(255,255,255,0))
    drop-shadow(0 0 0 rgba(232,184,95,0));
  transform:translateY(15px) scale(.98);
  transition:
    filter .42s cubic-bezier(.16,1,.3,1),
    transform .42s cubic-bezier(.16,1,.3,1);
}
.dancer-aura{
  position:absolute;
  z-index:1;
  width:330px;
  height:460px;
  border-radius:50%;
  background:radial-gradient(ellipse,
    rgba(255,242,205,.0) 0 24%,
    rgba(232,184,95,.035) 42%,
    rgba(80,150,255,.025) 58%,
    transparent 74%);
  filter:blur(18px);
  opacity:.35;
  transform:scale(.9);
  transition:opacity .45s,transform .45s,filter .45s;
}
.dancer-orbit{
  position:absolute;
  z-index:2;
  border:1px solid rgba(232,184,95,.12);
  border-radius:50%;
  opacity:.25;
  transition:border-color .35s,box-shadow .35s,opacity .35s;
}
.orbit-a{width:390px;height:500px;transform:rotate(14deg)}
.orbit-b{width:310px;height:560px;transform:rotate(-18deg)}
.dancer-hint{
  position:absolute;
  right:22px;
  bottom:25px;
  z-index:7;
  font-size:9px;
  letter-spacing:.18em;
  color:#66707d;
  transition:color .35s,text-shadow .35s;
}
.dancer-stage:hover .showroom-dancer{
  transform:translateY(4px) scale(1.025);
  filter:
    drop-shadow(0 24px 36px rgba(0,0,0,.55))
    drop-shadow(0 0 4px rgba(255,255,255,.96))
    drop-shadow(0 0 10px rgba(255,240,197,.92))
    drop-shadow(0 0 24px rgba(232,184,95,.72))
    drop-shadow(0 0 48px rgba(232,184,95,.38))
    drop-shadow(0 0 78px rgba(77,151,255,.16));
}
.dancer-stage:hover .dancer-aura{
  opacity:1;
  transform:scale(1.17);
  filter:blur(10px);
  background:radial-gradient(ellipse,
    rgba(255,247,222,.16) 0 20%,
    rgba(255,218,139,.18) 35%,
    rgba(232,184,95,.12) 48%,
    rgba(80,150,255,.06) 65%,
    transparent 78%);
}
.dancer-stage:hover .dancer-orbit{
  border-color:rgba(255,218,139,.48);
  box-shadow:0 0 18px rgba(232,184,95,.18),inset 0 0 18px rgba(232,184,95,.08);
  opacity:.72;
}
.dancer-stage:hover .orbit-a{animation:dancerOrbitA 8s linear infinite}
.dancer-stage:hover .orbit-b{animation:dancerOrbitB 11s linear infinite reverse}
.dancer-stage:hover .dancer-hint{
  color:#ffe6a8;
  text-shadow:0 0 8px rgba(232,184,95,.48);
}
@keyframes dancerOrbitA{to{transform:rotate(374deg)}}
@keyframes dancerOrbitB{to{transform:rotate(342deg)}}

@media(max-width:900px){
  .dancer-showcase{
    grid-template-columns:1fr;
    gap:0;
    min-height:0;
    margin:55px auto 85px;
  }
  .dancer-copy{padding:48px 10px 20px}
  .dancer-stage{height:530px}
  .showroom-dancer{height:500px;width:min(420px,90%)}
}
@media(max-width:560px){
  .dancer-stage{height:450px}
  .showroom-dancer{height:430px}
  .dancer-copy h3{font-size:42px}
}
@media(prefers-reduced-motion:reduce){
  .dancer-stage:hover .orbit-a,.dancer-stage:hover .orbit-b{animation:none!important}
}

/* =========================================================
   Nebubyte 1.1.9 — bailarina SOLO en hueco superior derecho
   El bailarín inferior aprobado permanece intacto.
   ========================================================= */
.hero-grid{align-items:stretch!important}
.hero-right{
  min-height:600px;
  display:grid;
  grid-template-rows:minmax(360px,1fr) auto;
  gap:24px;
  align-self:stretch;
}
.hero-dancer-stage{
  position:relative;
  min-height:390px;
  display:grid;
  place-items:center;
  overflow:visible;
  isolation:isolate;
}
.hero-female-dancer{
  position:relative;
  z-index:4;
  width:min(520px,96%);
  height:390px;
  object-fit:contain;
  object-position:center center;
  opacity:.84;
  transform:translateY(8px) scale(.95);
  filter:
    brightness(.94)
    drop-shadow(0 18px 30px rgba(0,0,0,.5))
    drop-shadow(0 0 5px rgba(232,184,95,.15));
  transition:
    transform .45s cubic-bezier(.16,1,.3,1),
    filter .45s cubic-bezier(.16,1,.3,1),
    opacity .4s ease;
}
.hero-dancer-aura{
  position:absolute;
  z-index:1;
  width:330px;
  height:330px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(255,231,168,.08),rgba(232,184,95,.04) 38%,transparent 72%);
  filter:blur(24px);
  opacity:.25;
  transform:scale(.86);
  transition:opacity .45s,transform .45s,filter .45s;
}
.hero-dancer-ring{
  position:absolute;
  z-index:2;
  border-radius:50%;
  border:1px solid rgba(232,184,95,.09);
  opacity:.18;
  transition:border-color .4s,box-shadow .4s,opacity .4s;
}
.ring-one{width:350px;height:245px;transform:rotate(-12deg)}
.ring-two{width:280px;height:350px;transform:rotate(19deg)}

.hero-dancer-stage:hover .hero-female-dancer{
  opacity:1;
  transform:translateY(-2px) scale(1.03);
  filter:
    brightness(1.16)
    contrast(1.08)
    drop-shadow(0 0 3px rgba(255,255,255,.98))
    drop-shadow(0 0 9px rgba(255,242,208,.96))
    drop-shadow(0 0 22px rgba(232,184,95,.90))
    drop-shadow(0 0 46px rgba(232,184,95,.52))
    drop-shadow(0 0 82px rgba(232,184,95,.24));
}
.hero-dancer-stage:hover .hero-dancer-aura{
  opacity:1;
  transform:scale(1.18);
  filter:blur(12px);
  background:radial-gradient(circle,rgba(255,239,196,.20),rgba(232,184,95,.14) 38%,rgba(66,139,255,.035) 62%,transparent 76%);
}
.hero-dancer-stage:hover .hero-dancer-ring{
  border-color:rgba(255,225,154,.40);
  opacity:.7;
  box-shadow:0 0 16px rgba(232,184,95,.13),inset 0 0 16px rgba(232,184,95,.05);
}
.hero-dancer-stage:hover .ring-one{animation:heroRingOne 8s linear infinite}
.hero-dancer-stage:hover .ring-two{animation:heroRingTwo 11s linear infinite reverse}
@keyframes heroRingOne{to{transform:rotate(348deg)}}
@keyframes heroRingTwo{to{transform:rotate(379deg)}}

@media(max-width:900px){
  .hero-right{min-height:0;grid-template-rows:auto auto;gap:14px}
  .hero-dancer-stage{min-height:330px}
  .hero-female-dancer{height:325px;width:min(430px,95%)}
  .hero-dancer-aura{width:270px;height:270px}
  .ring-one{width:290px;height:205px}
  .ring-two{width:230px;height:295px}
}
@media(max-width:560px){
  .hero-dancer-stage{min-height:280px}
  .hero-female-dancer{height:275px}
}
@media(prefers-reduced-motion:reduce){
  .hero-dancer-stage:hover .ring-one,.hero-dancer-stage:hover .ring-two{animation:none!important}
}

/* 1.1.10 — female dancer now matches ProGravity illustrated style */
.hero-female-dancer{
  opacity:.96!important;
  filter:
    drop-shadow(0 18px 28px rgba(0,0,0,.55))
    drop-shadow(0 0 4px rgba(76,196,232,.14))!important;
  transform:translateY(6px) scale(.96)!important;
}
.hero-dancer-stage:hover .hero-female-dancer{
  opacity:1!important;
  transform:translateY(-3px) scale(1.035)!important;
  filter:
    drop-shadow(0 18px 30px rgba(0,0,0,.55))
    drop-shadow(0 0 3px rgba(255,255,255,.95))
    drop-shadow(0 0 9px rgba(255,242,208,.94))
    drop-shadow(0 0 20px rgba(232,184,95,.82))
    drop-shadow(0 0 42px rgba(232,184,95,.42))!important;
}

/* 1.1.11 — final approved female dancer asset */
.hero-female-dancer{
  width:min(520px,96%)!important;
  height:390px!important;
  object-fit:contain!important;
  object-position:center center!important;
  opacity:.98!important;
  transform:translateY(4px) scale(.97)!important;
  filter:
    drop-shadow(0 18px 30px rgba(0,0,0,.55))
    drop-shadow(0 0 4px rgba(92,196,232,.12))!important;
}
.hero-dancer-stage:hover .hero-female-dancer{
  opacity:1!important;
  transform:translateY(-4px) scale(1.04)!important;
  filter:
    drop-shadow(0 18px 30px rgba(0,0,0,.58))
    drop-shadow(0 0 3px rgba(255,255,255,.98))
    drop-shadow(0 0 9px rgba(255,242,208,.96))
    drop-shadow(0 0 22px rgba(232,184,95,.90))
    drop-shadow(0 0 46px rgba(232,184,95,.50))
    drop-shadow(0 0 78px rgba(232,184,95,.22))!important;
}
@media(max-width:900px){
  .hero-female-dancer{height:325px!important;width:min(430px,95%)!important}
}
@media(max-width:560px){
  .hero-female-dancer{height:275px!important}
}

/* =========================================================
   Nebubyte 1.1.12 — premium female dancer matte + silhouette glow
   ========================================================= */

/* No rectangular-looking environmental effects around the female asset */
.hero-dancer-stage .hero-dancer-aura{
  width:280px!important;
  height:280px!important;
  opacity:.12!important;
  filter:blur(32px)!important;
  background:radial-gradient(circle,rgba(232,184,95,.055),transparent 72%)!important;
}
.hero-dancer-stage .hero-dancer-ring{
  opacity:.08!important;
  border-color:rgba(232,184,95,.07)!important;
}

/* Clean base render */
.hero-female-dancer{
  object-fit:contain!important;
  opacity:1!important;
  filter:
    drop-shadow(0 20px 34px rgba(0,0,0,.58))
    drop-shadow(0 0 2px rgba(121,208,238,.10))!important;
  will-change:filter,transform;
}

/* Premium hover: glow follows transparent silhouette, no box */
.hero-dancer-stage:hover .hero-female-dancer{
  filter:
    drop-shadow(0 20px 34px rgba(0,0,0,.58))
    drop-shadow(0 0 2px rgba(255,255,255,.98))
    drop-shadow(0 0 6px rgba(255,245,219,.88))
    drop-shadow(0 0 13px rgba(242,198,107,.70))
    drop-shadow(0 0 25px rgba(232,184,95,.48))
    drop-shadow(0 0 42px rgba(232,184,95,.22))!important;
}
.hero-dancer-stage:hover .hero-dancer-aura{
  opacity:.44!important;
  transform:scale(1.08)!important;
  filter:blur(26px)!important;
  background:radial-gradient(circle,rgba(255,228,166,.12),rgba(232,184,95,.06) 42%,transparent 72%)!important;
}
.hero-dancer-stage:hover .hero-dancer-ring{
  opacity:.22!important;
  border-color:rgba(255,226,160,.18)!important;
  box-shadow:0 0 10px rgba(232,184,95,.06)!important;
}

/* Prevent any rectangular compositing artifacts from image container */
.hero-dancer-stage,
.hero-dancer-stage img{
  background:transparent!important;
  box-shadow:none!important;
  border:0!important;
}

/* =========================================================
   Nebubyte 1.1.13 — female dancer CLEAN
   Solo personaje, sin fondo, sin aura, sin glow, sin hover.
   ========================================================= */
.hero-dancer-stage{
  background:transparent!important;
}
.hero-dancer-stage .hero-dancer-aura,
.hero-dancer-stage .hero-dancer-ring{
  display:none!important;
}
.hero-female-dancer{
  opacity:1!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  filter:none!important;
  transform:translateY(4px) scale(.97)!important;
  transition:none!important;
}
.hero-dancer-stage:hover .hero-female-dancer{
  opacity:1!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  filter:none!important;
  transform:translateY(4px) scale(.97)!important;
}

/* =========================================================
   Nebubyte 1.1.14 — approved female dancer, full silhouette
   Enlarged hero slot so no hair, hand or shoe gets clipped.
   ========================================================= */

.hero-right{
  min-height:660px!important;
  grid-template-rows:minmax(430px,1fr) auto!important;
}
.hero-dancer-stage{
  min-height:455px!important;
  overflow:visible!important;
  padding:12px 4px 0!important;
}

/* exact approved transparent PNG, fully contained */
.hero-female-dancer{
  width:min(590px,100%)!important;
  height:445px!important;
  max-width:100%!important;
  object-fit:contain!important;
  object-position:center center!important;
  opacity:1!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  filter:none!important;
  transform:translateY(0) scale(.96)!important;
  transition:
    transform .42s cubic-bezier(.16,1,.3,1),
    filter .42s cubic-bezier(.16,1,.3,1)!important;
}

/* no boxed glow; aura follows the transparent silhouette */
.hero-dancer-stage .hero-dancer-aura{
  display:block!important;
  width:350px!important;
  height:350px!important;
  opacity:.10!important;
  border-radius:50%!important;
  background:radial-gradient(circle,rgba(232,184,95,.06),transparent 72%)!important;
  filter:blur(30px)!important;
  transform:scale(.9)!important;
}
.hero-dancer-stage .hero-dancer-ring{
  display:block!important;
  opacity:.06!important;
  border-color:rgba(232,184,95,.07)!important;
}

/* premium gold silhouette glow on hover */
.hero-dancer-stage:hover .hero-female-dancer{
  transform:translateY(-3px) scale(1.00)!important;
  filter:
    drop-shadow(0 18px 28px rgba(0,0,0,.52))
    drop-shadow(0 0 2px rgba(255,255,255,.98))
    drop-shadow(0 0 7px rgba(255,243,210,.90))
    drop-shadow(0 0 15px rgba(239,197,108,.72))
    drop-shadow(0 0 29px rgba(232,184,95,.48))
    drop-shadow(0 0 48px rgba(232,184,95,.22))!important;
}
.hero-dancer-stage:hover .hero-dancer-aura{
  opacity:.56!important;
  transform:scale(1.12)!important;
  filter:blur(18px)!important;
  background:radial-gradient(circle,rgba(255,230,169,.14),rgba(232,184,95,.075) 42%,transparent 73%)!important;
}
.hero-dancer-stage:hover .hero-dancer-ring{
  opacity:.22!important;
  border-color:rgba(255,226,160,.18)!important;
  box-shadow:0 0 10px rgba(232,184,95,.06)!important;
}

@media(max-width:1100px){
  .hero-right{min-height:600px!important;grid-template-rows:minmax(390px,1fr) auto!important}
  .hero-dancer-stage{min-height:405px!important}
  .hero-female-dancer{height:395px!important;width:min(520px,100%)!important}
}
@media(max-width:900px){
  .hero-right{min-height:0!important;grid-template-rows:auto auto!important}
  .hero-dancer-stage{min-height:350px!important}
  .hero-female-dancer{height:340px!important;width:min(460px,100%)!important}
}
@media(max-width:560px){
  .hero-dancer-stage{min-height:300px!important}
  .hero-female-dancer{height:290px!important}
}

/* =========================================================
   Nebubyte 1.1.15 — richer golden motion behind approved dancer
   ========================================================= */

/* Extra rings stay behind the dancer */
.hero-dancer-ring{
  z-index:2!important;
  pointer-events:none!important;
}
.ring-three{
  width:410px!important;
  height:190px!important;
  transform:rotate(31deg)!important;
}
.ring-four{
  width:235px!important;
  height:395px!important;
  transform:rotate(-34deg)!important;
}

/* Soft golden spark particles */
.hero-spark{
  position:absolute;
  z-index:2;
  width:5px;
  height:5px;
  border-radius:50%;
  background:#ffd98a;
  box-shadow:
    0 0 6px rgba(255,226,158,.92),
    0 0 14px rgba(232,184,95,.70),
    0 0 26px rgba(232,184,95,.25);
  opacity:.25;
  pointer-events:none;
}
.spark-1{left:22%;top:23%}
.spark-2{left:71%;top:19%;width:4px;height:4px}
.spark-3{left:82%;top:49%;width:6px;height:6px}
.spark-4{left:29%;top:73%;width:4px;height:4px}
.spark-5{left:63%;top:79%;width:5px;height:5px}
.spark-6{left:15%;top:51%;width:3px;height:3px}

.hero-dancer-stage:hover .hero-spark{
  opacity:.95;
  animation:goldSpark 2.2s ease-in-out infinite alternate;
}
.hero-dancer-stage:hover .spark-2{animation-delay:.25s}
.hero-dancer-stage:hover .spark-3{animation-delay:.55s}
.hero-dancer-stage:hover .spark-4{animation-delay:.85s}
.hero-dancer-stage:hover .spark-5{animation-delay:1.1s}
.hero-dancer-stage:hover .spark-6{animation-delay:1.35s}

@keyframes goldSpark{
  0%{transform:scale(.65) translateY(3px);opacity:.30}
  55%{transform:scale(1.35) translateY(-3px);opacity:1}
  100%{transform:scale(.85) translateY(-7px);opacity:.48}
}

/* More visible orbit system only on interaction */
.hero-dancer-stage:hover .ring-one{
  opacity:.52!important;
  animation:heroRingOne 7.5s linear infinite!important;
}
.hero-dancer-stage:hover .ring-two{
  opacity:.46!important;
  animation:heroRingTwo 10s linear infinite reverse!important;
}
.hero-dancer-stage:hover .ring-three{
  opacity:.38!important;
  border-color:rgba(255,218,132,.34)!important;
  box-shadow:0 0 16px rgba(232,184,95,.12)!important;
  animation:ringThreeSpin 12s linear infinite!important;
}
.hero-dancer-stage:hover .ring-four{
  opacity:.30!important;
  border-color:rgba(255,232,177,.28)!important;
  box-shadow:0 0 14px rgba(232,184,95,.10)!important;
  animation:ringFourSpin 9s linear infinite reverse!important;
}
@keyframes ringThreeSpin{to{transform:rotate(391deg)}}
@keyframes ringFourSpin{to{transform:rotate(326deg)}}

/* A subtle traveling light streak behind her */
.hero-dancer-stage:before{
  content:"";
  position:absolute;
  z-index:1;
  width:430px;
  height:150px;
  border-radius:50%;
  border-top:1px solid rgba(255,224,151,.08);
  transform:rotate(-18deg);
  opacity:.10;
  pointer-events:none;
}
.hero-dancer-stage:hover:before{
  opacity:.48;
  border-top-color:rgba(255,224,151,.38);
  filter:drop-shadow(0 0 9px rgba(232,184,95,.30));
  animation:lightArc 5.5s ease-in-out infinite alternate;
}
@keyframes lightArc{
  from{transform:rotate(-22deg) scale(.94)}
  to{transform:rotate(-10deg) scale(1.06)}
}

@media(prefers-reduced-motion:reduce){
  .hero-dancer-stage:hover .hero-spark,
  .hero-dancer-stage:hover .ring-one,
  .hero-dancer-stage:hover .ring-two,
  .hero-dancer-stage:hover .ring-three,
  .hero-dancer-stage:hover .ring-four,
  .hero-dancer-stage:hover:before{
    animation:none!important;
  }
}

/* Nebubyte 1.1.16 — hero copy: presencia inmediata */
.hero h1 em{
  display:block;
  max-width:100%;
}
@media(max-width:900px){
  .hero h1{font-size:clamp(52px,12vw,86px)!important}
}

/* =========================================================
   Nebubyte 1.1.17 — Hero UX polish
   No helper instructions + balanced responsive typography
   ========================================================= */

/* Remove any leftover instruction helper */
.dancer-hint{display:none!important}

/* Hero should fit comfortably in a standard laptop viewport */
.hero{
  min-height:100svh;
  padding-top:76px;
}
.hero-grid{
  width:min(1320px,100%);
  margin-inline:auto;
  grid-template-columns:minmax(0,1.04fr) minmax(420px,.96fr)!important;
  gap:clamp(38px,5vw,78px)!important;
  align-items:center!important;
}

/* More controlled headline scale */
.hero h1{
  max-width:760px!important;
  font-size:clamp(58px,6.35vw,98px)!important;
  line-height:.88!important;
  letter-spacing:-.055em!important;
  margin:0!important;
}
.hero h1 em{
  display:block!important;
  font-size:.88em!important;
  line-height:.92!important;
  margin-top:.06em!important;
  max-width:700px!important;
}

/* Supporting copy remains readable and compact */
.hero-copy{
  max-width:560px!important;
  margin-top:24px!important;
  font-size:clamp(16px,1.25vw,20px)!important;
  line-height:1.55!important;
}
.hero-actions{
  margin-top:26px!important;
}

/* Right column: reduce dead space and keep dancer + sales copy in one visual block */
.hero-right{
  min-height:560px!important;
  grid-template-rows:minmax(340px,1fr) auto!important;
  gap:18px!important;
  align-self:center!important;
}
.hero-dancer-stage{
  min-height:360px!important;
  padding-top:0!important;
}
.hero-female-dancer{
  width:min(500px,96%)!important;
  height:360px!important;
}
.hero-side{
  padding-top:18px!important;
  margin-top:0!important;
}
.hero-side strong{
  font-size:13px!important;
  line-height:1.35!important;
  letter-spacing:.09em!important;
}
.hero-side p{
  font-size:14px!important;
  line-height:1.55!important;
  max-width:500px!important;
}

/* 1366x768 / common laptop tuning */
@media(min-width:901px) and (max-height:820px){
  .hero{
    min-height:760px!important;
  }
  .hero-grid{
    padding-top:22px!important;
    padding-bottom:28px!important;
  }
  .hero h1{
    font-size:clamp(54px,5.8vw,84px)!important;
    max-width:690px!important;
  }
  .hero h1 em{
    font-size:.86em!important;
    max-width:640px!important;
  }
  .hero-copy{
    margin-top:18px!important;
    font-size:16px!important;
    max-width:520px!important;
  }
  .hero-actions{
    margin-top:20px!important;
  }
  .hero-right{
    min-height:500px!important;
    grid-template-rows:minmax(310px,1fr) auto!important;
  }
  .hero-dancer-stage{
    min-height:320px!important;
  }
  .hero-female-dancer{
    height:315px!important;
    width:min(460px,94%)!important;
  }
}

/* Tablet */
@media(max-width:900px){
  .hero{
    padding-top:70px!important;
  }
  .hero-grid{
    grid-template-columns:1fr!important;
    gap:34px!important;
  }
  .hero h1{
    font-size:clamp(50px,11vw,76px)!important;
    line-height:.9!important;
    max-width:760px!important;
  }
  .hero h1 em{
    font-size:.9em!important;
  }
  .hero-right{
    min-height:0!important;
    grid-template-rows:auto auto!important;
  }
  .hero-dancer-stage{
    min-height:330px!important;
  }
  .hero-female-dancer{
    height:320px!important;
  }
}

/* Phone */
@media(max-width:560px){
  .hero h1{
    font-size:clamp(46px,14vw,64px)!important;
    letter-spacing:-.05em!important;
  }
  .hero h1 em{
    font-size:.88em!important;
  }
  .hero-copy{
    font-size:16px!important;
  }
  .hero-dancer-stage{
    min-height:285px!important;
  }
  .hero-female-dancer{
    height:275px!important;
  }
}

/* =========================================================
   Nebubyte 1.1.18 — Hero scale-up after visual QA
   Same composition, larger use of available black space.
   ========================================================= */

/* Use more of the viewport height without introducing overflow */
.hero{
  min-height:calc(100svh - 2px)!important;
}
.hero-grid{
  width:min(1360px,100%)!important;
  min-height:calc(100svh - 76px)!important;
  padding-top:34px!important;
  padding-bottom:34px!important;
  grid-template-columns:minmax(0,1.07fr) minmax(450px,.93fr)!important;
  gap:clamp(42px,5.2vw,84px)!important;
  align-items:center!important;
}

/* Left side grows again, but remains controlled */
.hero h1{
  font-size:clamp(64px,6.85vw,106px)!important;
  line-height:.875!important;
  max-width:820px!important;
}
.hero h1 em{
  font-size:.90em!important;
  line-height:.90!important;
  max-width:770px!important;
  margin-top:.055em!important;
}
.hero-copy{
  font-size:clamp(17px,1.3vw,20px)!important;
  max-width:590px!important;
  margin-top:26px!important;
  line-height:1.58!important;
}
.hero-actions{
  margin-top:28px!important;
}
.hero-actions .btn{
  min-height:52px!important;
  padding-inline:22px!important;
}

/* Right composition becomes visibly larger */
.hero-right{
  min-height:590px!important;
  grid-template-rows:minmax(385px,1fr) auto!important;
  gap:20px!important;
}
.hero-dancer-stage{
  min-height:405px!important;
}
.hero-female-dancer{
  width:min(560px,100%)!important;
  height:400px!important;
}
.hero-side{
  padding-top:20px!important;
}
.hero-side strong{
  font-size:13.5px!important;
  line-height:1.4!important;
}
.hero-side p{
  font-size:14.5px!important;
  line-height:1.6!important;
  max-width:530px!important;
}

/* Exact tuning for the screenshot/laptop range around 1366×740–820 */
@media(min-width:901px) and (max-height:820px){
  .hero{
    min-height:calc(100svh - 2px)!important;
  }
  .hero-grid{
    min-height:calc(100svh - 76px)!important;
    padding-top:28px!important;
    padding-bottom:26px!important;
  }
  .hero h1{
    font-size:clamp(60px,6.35vw,92px)!important;
    max-width:760px!important;
  }
  .hero h1 em{
    font-size:.90em!important;
    max-width:720px!important;
  }
  .hero-copy{
    font-size:16.5px!important;
    max-width:555px!important;
    margin-top:21px!important;
  }
  .hero-actions{
    margin-top:22px!important;
  }
  .hero-right{
    min-height:545px!important;
    grid-template-rows:minmax(355px,1fr) auto!important;
  }
  .hero-dancer-stage{
    min-height:370px!important;
  }
  .hero-female-dancer{
    height:365px!important;
    width:min(520px,98%)!important;
  }
}

/* Keep responsive behavior safe below laptop size */
@media(max-width:900px){
  .hero-grid{
    min-height:auto!important;
    padding-top:34px!important;
    padding-bottom:52px!important;
  }
  .hero h1{
    font-size:clamp(52px,11.5vw,80px)!important;
  }
  .hero-right{
    min-height:0!important;
    grid-template-rows:auto auto!important;
  }
  .hero-dancer-stage{
    min-height:350px!important;
  }
  .hero-female-dancer{
    height:340px!important;
    width:min(470px,100%)!important;
  }
}

/* =========================================================
   Nebubyte 1.1.19 — Hero fills viewport more aggressively
   Same layout, larger scale, less dead space at bottom.
   ========================================================= */

.hero{
  min-height:calc(100svh - 1px)!important;
}
.hero-grid{
  width:min(1380px,100%)!important;
  min-height:calc(100svh - 76px)!important;
  padding-top:20px!important;
  padding-bottom:14px!important;
  grid-template-columns:minmax(0,1.10fr) minmax(470px,.90fr)!important;
  gap:clamp(42px,5vw,78px)!important;
  align-items:center!important;
}

/* Left side: much larger visual presence */
.hero h1{
  font-size:clamp(72px,7.6vw,116px)!important;
  line-height:.865!important;
  max-width:860px!important;
}
.hero h1 em{
  font-size:.92em!important;
  line-height:.89!important;
  max-width:815px!important;
  margin-top:.045em!important;
}
.hero-copy{
  font-size:clamp(18px,1.35vw,21px)!important;
  max-width:610px!important;
  margin-top:28px!important;
  line-height:1.6!important;
}
.hero-actions{
  margin-top:30px!important;
}
.hero-actions .btn{
  min-height:54px!important;
  padding-inline:24px!important;
  font-size:14px!important;
}

/* Right side: dancer and sales copy larger */
.hero-right{
  min-height:635px!important;
  grid-template-rows:minmax(420px,1fr) auto!important;
  gap:22px!important;
}
.hero-dancer-stage{
  min-height:435px!important;
}
.hero-female-dancer{
  width:min(600px,100%)!important;
  height:430px!important;
}
.hero-side{
  padding-top:20px!important;
}
.hero-side strong{
  font-size:14px!important;
  line-height:1.42!important;
}
.hero-side p{
  font-size:15px!important;
  line-height:1.62!important;
  max-width:550px!important;
}

/* Main target: screenshots around 1366x730–780 */
@media(min-width:901px) and (max-height:800px){
  .hero-grid{
    min-height:calc(100svh - 76px)!important;
    padding-top:12px!important;
    padding-bottom:10px!important;
  }
  .hero h1{
    font-size:clamp(68px,7vw,102px)!important;
    max-width:800px!important;
  }
  .hero h1 em{
    font-size:.92em!important;
    max-width:760px!important;
  }
  .hero-copy{
    font-size:17.5px!important;
    max-width:585px!important;
    margin-top:23px!important;
  }
  .hero-actions{
    margin-top:24px!important;
  }
  .hero-right{
    min-height:590px!important;
    grid-template-rows:minmax(400px,1fr) auto!important;
  }
  .hero-dancer-stage{
    min-height:410px!important;
  }
  .hero-female-dancer{
    height:405px!important;
    width:min(565px,100%)!important;
  }
}

/* Very wide desktop */
@media(min-width:1500px){
  .hero-grid{width:min(1460px,100%)!important}
  .hero h1{font-size:118px!important}
  .hero-female-dancer{height:455px!important;width:min(630px,100%)!important}
}

/* Tablet/mobile safety */
@media(max-width:900px){
  .hero-grid{
    min-height:auto!important;
    grid-template-columns:1fr!important;
    padding-top:34px!important;
    padding-bottom:52px!important;
  }
  .hero h1{
    font-size:clamp(54px,12vw,82px)!important;
  }
  .hero-copy{
    font-size:17px!important;
  }
  .hero-right{
    min-height:0!important;
    grid-template-rows:auto auto!important;
  }
  .hero-dancer-stage{
    min-height:365px!important;
  }
  .hero-female-dancer{
    height:355px!important;
    width:min(500px,100%)!important;
  }
}