:root{--navy:#070b36;--ink:#091034;--blue:#086cff;--cyan:#08d8e9;--violet:#6326ff;--pink:#ff0ba9;--orange:#ff713f;--ease:cubic-bezier(.2,.8,.2,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--navy);color:var(--ink);font-family:"DM Sans",sans-serif;overflow-x:hidden}body:has(.modal.open){overflow:hidden}a{text-decoration:none;color:inherit}button,input,textarea{font:inherit}.page-noise{position:fixed;inset:0;z-index:100;pointer-events:none;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.scroll-progress{position:fixed;z-index:101;left:0;top:0;width:100%;height:3px;background:transparent}.scroll-progress span{display:block;width:100%;height:100%;transform-origin:left;transform:scaleX(0);background:linear-gradient(90deg,var(--blue),var(--violet),var(--pink),var(--orange))}
.hero{position:relative;min-height:100svh;height:max(760px,100svh);overflow:hidden;background:#fdfdff;isolation:isolate}.hero-bg,.hero-bg>*{position:absolute;pointer-events:none}.hero-bg{inset:0;overflow:hidden;background:radial-gradient(circle at 57% 54%,#fff 0 17%,#fff7fa 32%,#eff7ff 59%,#fff 100%)}.blob{filter:blur(18px);mix-blend-mode:multiply;opacity:.86}.blob-a{width:650px;height:470px;left:-90px;top:-210px;background:radial-gradient(ellipse at 60% 65%,#d8e5ff 0 28%,transparent 62%);border-radius:50%}.blob-b{width:740px;height:520px;left:44%;top:-180px;background:linear-gradient(145deg,#6cc9ff 0 18%,#8b7bff 31%,#ff4e62 50%,#ffb54c 67%,transparent 83%);border-radius:47% 53% 58% 42%;transform:rotate(-8deg);animation:blobFloat 12s ease-in-out infinite alternate}.blob-c{width:700px;height:520px;left:-170px;bottom:-280px;background:radial-gradient(circle,#a536ff 0 18%,#ff34a5 30%,#5b24ff 47%,transparent 68%);border-radius:50%;filter:blur(30px);animation:blobFloat2 10s ease-in-out infinite alternate}.blob-d{width:820px;height:420px;right:-180px;bottom:-170px;background:linear-gradient(110deg,#0ae1ef,#0a80ff 36%,#4820ff 72%,#070b36);border-radius:50% 50% 0 0;filter:blur(3px);opacity:.92;transform:rotate(-7deg)}.glow-a{width:450px;height:450px;left:43%;top:28%;background:#ff77c422;border-radius:50%;filter:blur(55px);animation:pulseGlow 7s ease-in-out infinite}.glow-b{width:480px;height:480px;right:8%;top:18%;background:#00cfff18;border-radius:50%;filter:blur(65px);animation:pulseGlow 9s ease-in-out infinite reverse}.grid-light{inset:0;background-image:linear-gradient(#fff0 97%,#ffffff35 100%),linear-gradient(90deg,#fff0 97%,#ffffff35 100%);background-size:80px 80px;mask-image:radial-gradient(circle at 75% 45%,#000,transparent 68%);opacity:.12}
.site-header{position:relative;z-index:20;width:min(90%,1490px);margin:auto;padding:26px 0;display:grid;grid-template-columns:220px 1fr auto;align-items:center;gap:30px}.brand img{width:170px;height:auto;display:block}.main-nav{display:flex;justify-content:center;gap:54px;font-weight:600;color:#10163b}.main-nav a{position:relative;padding:12px 0;transition:color .3s}.main-nav a:after{content:"";position:absolute;left:0;right:0;bottom:3px;height:2px;transform:scaleX(0);transform-origin:center;background:linear-gradient(90deg,var(--blue),var(--violet));transition:transform .35s var(--ease)}.main-nav a:hover,.main-nav a.active{color:#0a0e37}.main-nav a:hover:after,.main-nav a.active:after{transform:scaleX(1)}.header-cta{padding:17px 28px;border-radius:999px;color:#fff;font-weight:700;background:linear-gradient(105deg,#e600d7,#ff167c 55%,#ff9b58);box-shadow:0 14px 30px #e52aa944;transition:transform .35s var(--ease),box-shadow .35s}.header-cta:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 20px 40px #e52aa955}.header-cta span{margin-left:16px}.menu-toggle{display:none;border:0;background:none}
.hero-content{position:relative;z-index:10;width:min(90%,1490px);height:calc(100% - 94px);margin:auto;display:grid;grid-template-columns:47% 53%;align-items:center}.hero-copy{padding-top:8px;position:relative;z-index:15}.eyebrow{display:flex;gap:14px;align-items:center;letter-spacing:.32em;font-size:11px;font-weight:700;color:#11183d;margin-bottom:34px}.eyebrow b{color:#8b94bd;font-weight:400}.hero h1{font:800 clamp(66px,6.3vw,104px)/.9 "Manrope";letter-spacing:-.075em;color:#0a1038;margin:0 0 26px}.hero h1 span{background:linear-gradient(90deg,#087fff 5%,#5e25ff 37%,#f00aa7 70%,#ff6d32 100%);-webkit-background-clip:text;color:transparent;background-size:180% 100%;animation:gradientShift 7s ease-in-out infinite alternate}.hero-copy>p{max-width:650px;color:#3e476e;font-size:18px;line-height:1.5;margin:0 0 30px}.hero-actions{display:flex;align-items:center;gap:30px}.primary{display:inline-flex;align-items:center;justify-content:center;gap:24px;padding:17px 28px;border:0;border-radius:999px;background:#081233;color:#fff;font-weight:700;cursor:pointer;box-shadow:0 14px 30px #08123322;transition:transform .35s var(--ease),box-shadow .35s}.primary:hover{box-shadow:0 20px 40px #08123335}.primary span{font-size:20px}.video-trigger{border:0;background:none;display:flex;align-items:center;gap:16px;color:#0c143a;text-align:left;cursor:pointer}.video-trigger .play{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:#fff;box-shadow:0 10px 30px #1d245522;font-size:13px;padding-left:2px;transition:transform .35s var(--ease)}.video-trigger:hover .play{transform:scale(1.1) rotate(4deg)}.video-trigger strong,.video-trigger small{display:block}.video-trigger strong{font-size:15px}.video-trigger small{font-size:9px;letter-spacing:.2em;margin-top:5px}.stats{display:flex;align-items:center;gap:25px;margin-top:36px}.stats div{min-width:110px}.stats strong{display:block;font:800 32px "Manrope";letter-spacing:-.05em}.stats small{display:block;font-size:9px;line-height:1.5;letter-spacing:.22em;color:#3c466e;margin-top:6px}.stats i{height:58px;width:1px;background:#17204b2c}
.hero-stage{position:relative;height:100%;min-width:0}.portrait-wrap{position:absolute;right:-2%;top:0%;height:94%;width:76%;z-index:4;transform:translate3d(0,0,0);transition:transform .18s linear;will-change:transform}.portrait-aura{position:absolute;inset:10% 5% 5%;border-radius:50%;background:radial-gradient(circle,#ff73b533 0 25%,#008bff33 46%,transparent 70%);filter:blur(20px);animation:pulseGlow 6s ease-in-out infinite}.portrait-wrap img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center;filter:saturate(1.08) contrast(1.03);mix-blend-mode:multiply;mask-image:linear-gradient(90deg,transparent 0%,#000 12%,#000 90%,transparent 100%)}.script-mark{position:absolute;z-index:8;left:7%;top:38%;font:400 clamp(34px,3.2vw,58px)/.84 cursive;color:#fff;transform:rotate(-7deg);text-shadow:0 2px 12px #fff6;opacity:.9;animation:scriptFloat 5s ease-in-out infinite}.script-mark em{font-style:normal;margin-left:18px}.floating-panel{position:absolute;z-index:12;border:1px solid #ffffff4d;background:linear-gradient(145deg,#071044e8,#10145fcf);box-shadow:0 25px 60px #06103c35,inset 0 1px #ffffff20;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);transition:transform .35s var(--ease),border-color .35s}.panel-top{right:1%;top:12%;width:220px;padding:40px 30px;border-radius:22px;display:flex;flex-direction:column;gap:15px;color:#fff;letter-spacing:.23em;font-size:10px}.panel-top b,.panel-photo b{display:block;width:38px;height:2px;background:linear-gradient(90deg,#ff0ca7,#ff713f);margin-top:10px}.panel-photo{right:-4%;top:39%;width:265px;height:290px;border-radius:24px;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;color:#fff;padding:25px}.mini-landscape{position:absolute;inset:0;background:radial-gradient(circle at 75% 20%,#ffce78,#ff5274 28%,transparent 29%),linear-gradient(145deg,#07bdf2,#5626e7 46%,#0a1045);opacity:.9}.mini-landscape:before{content:"";position:absolute;left:-10%;right:-10%;bottom:22%;height:38%;background:linear-gradient(150deg,transparent 15%,#07134b 16% 48%,transparent 49%),linear-gradient(30deg,transparent 25%,#101b68 26% 62%,transparent 63%);transform:skewY(-5deg)}.panel-photo small{position:relative;z-index:2;letter-spacing:.28em;font-size:9px;line-height:1.8}.panel-bottom{right:11%;bottom:10%;width:230px;height:130px;border-radius:22px;overflow:hidden;transform:rotate(-7deg)}.mini-gradient{height:100%;background:linear-gradient(135deg,#ffad61,#ff3b9b 38%,#4824ef 72%,#04cbe5)}.stage-ribbon{position:absolute;z-index:9;height:55px;border-radius:999px;filter:blur(.1px);box-shadow:0 0 30px #00d9ff33}.ribbon-1{width:570px;right:-15%;bottom:18%;background:linear-gradient(90deg,transparent,#0be0e9 26%,#007fff 72%,#5320ff);transform:rotate(-10deg);animation:ribbonMove 7s ease-in-out infinite alternate}.ribbon-2{width:470px;right:-7%;bottom:10%;height:40px;background:linear-gradient(90deg,transparent,#ff7955 20%,#ff39aa 75%,#6223ff);transform:rotate(-8deg);animation:ribbonMove 8s ease-in-out infinite alternate-reverse}.ribbon-3{width:260px;right:19%;bottom:30%;height:18px;background:#04d7ef;transform:rotate(-13deg);filter:blur(3px);opacity:.8}.stage-line{position:absolute;height:1px;border-radius:99px;z-index:11}.line-cyan{width:280px;right:-2%;bottom:29%;background:#00e3ee;box-shadow:0 0 18px #00e3ee}.line-orange{width:180px;right:5%;bottom:12%;background:#ff6b4a;box-shadow:0 0 18px #ff6b4a}.side-message{position:absolute;z-index:13;right:-1%;bottom:3%;color:#fff;font-size:10px;letter-spacing:.28em;line-height:1.8}.side-message strong{font-weight:500}.side-message b{display:block;width:35px;height:2px;background:#08dbe7;margin-top:12px}
.services-dock{position:absolute;z-index:30;left:50%;bottom:1.2%;transform:translateX(-50%);width:min(72%,1200px);display:grid;grid-template-columns:repeat(5,1fr);gap:24px}.service-card{height:150px;border:1px solid #ffffff55;border-radius:17px;padding:18px 22px;color:#fff;background:linear-gradient(145deg,#ffffff28,#ffffff08);box-shadow:0 20px 50px #07104c30,inset 0 1px #ffffff30;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);position:relative;overflow:hidden;transition:transform .45s var(--ease),background .45s,border-color .45s;cursor:pointer}.service-card:before{content:"";position:absolute;width:160px;height:160px;right:-60px;bottom:-100px;border-radius:50%;background:radial-gradient(circle,#ff0ca755,transparent 70%);transition:transform .5s var(--ease)}.service-card:nth-child(1):before{background:radial-gradient(circle,#ff5a8d66,transparent 70%)}.service-card:nth-child(3):before{background:radial-gradient(circle,#00d6ff66,transparent 70%)}.service-card:nth-child(4):before{background:radial-gradient(circle,#7b42ff66,transparent 70%)}.service-card:nth-child(5):before{background:radial-gradient(circle,#ff8b5366,transparent 70%)}.service-card:hover{transform:translateY(-12px) scale(1.025);background:linear-gradient(145deg,#ffffff3d,#ffffff12);border-color:#ffffff99}.service-card:hover:before{transform:scale(2)}.service-icon{display:block;font-size:26px;line-height:1;color:#08ddec;margin-bottom:13px}.service-card:nth-child(2) .service-icon{color:#ff0ca7}.service-card:nth-child(3) .service-icon{color:#ffad12}.service-card:nth-child(4) .service-icon{color:#b44cff}.service-card:nth-child(5) .service-icon{color:#04e7dc}.service-card strong{display:block;font:800 17px "Manrope"}.service-card p{font-size:11px;line-height:1.45;margin:5px 0;color:#e8eaff}.service-card>b{display:block;width:27px;height:2px;background:#fff;margin-top:9px}.scroll-hint{position:absolute;left:2.8%;bottom:4%;z-index:31;color:#fff;display:flex;align-items:center;gap:12px}.scroll-hint span{width:27px;height:38px;border:1px solid #fff;border-radius:16px;display:grid;place-items:center;animation:scrollBob 1.8s ease-in-out infinite}.scroll-hint small{font-size:8px;line-height:1.7;letter-spacing:.3em}
.dark-section{background:#070b36;color:#fff;padding:130px 7vw;position:relative;overflow:hidden}.dark-section:before{content:"";position:absolute;width:600px;height:600px;right:-300px;top:-200px;border-radius:50%;background:radial-gradient(circle,#4e25ff35,transparent 70%);pointer-events:none}.section-head{max-width:900px}.section-head small,.about small,.contact small{letter-spacing:.34em;font-size:10px;font-weight:700;color:#aab3dd}.section-head h2,.about h2,.contact h2{font:800 clamp(55px,6vw,90px)/.93 "Manrope";letter-spacing:-.065em;margin:25px 0}.section-head h2 span,.about h2 span,.contact h2 span{background:linear-gradient(90deg,#08a0ff,#7d18ff,#ff1caa,#ff7e32);-webkit-background-clip:text;color:transparent}.section-head p,.contact p{color:#aeb6dc;max-width:540px;font-size:17px;line-height:1.6}.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:65px}.portfolio-card{min-height:500px;border-radius:28px;overflow:hidden;background:#111746;border:1px solid #ffffff12;box-shadow:0 30px 80px #0003;transition:transform .55s var(--ease),border-color .4s}.portfolio-card:hover{transform:translateY(-15px);border-color:#ffffff30}.card-art{height:300px;position:relative;overflow:hidden}.art-brand{background:radial-gradient(circle at 25% 35%,#ffdc7d,#ff4b9b 27%,transparent 28%),linear-gradient(145deg,#1720a0,#5223ff 50%,#ff0ba9)}.art-brand span{position:absolute;font:800 190px "Manrope";color:#ffffff18;right:10%;bottom:-55px}.art-pitch{background:linear-gradient(135deg,#ffad54,#ff3a98 45%,#2821a2)}.art-pitch span{position:absolute;left:40px;top:35px;font:800 100px "Manrope";color:#fff}.art-pitch i{position:absolute;width:70%;height:130px;right:-15%;bottom:30px;border:1px solid #fff7;transform:rotate(-10deg);background:#ffffff12;backdrop-filter:blur(8px)}.art-digital{background:linear-gradient(145deg,#00cfe5,#1676ff 42%,#551cff)}.art-digital span{position:absolute;left:35px;top:30px;font:800 68px monospace;color:#fff}.art-digital i,.art-digital b{position:absolute;border:1px solid #ffffff55;border-radius:12px;background:#ffffff16}.art-digital i{width:55%;height:150px;right:8%;top:70px;transform:rotate(5deg)}.art-digital b{width:42%;height:120px;left:18%;bottom:-25px;transform:rotate(-9deg)}.card-copy{padding:28px}.card-copy small{font-size:9px;letter-spacing:.3em;color:#aab3dd}.card-copy strong{display:block;font:800 27px "Manrope";margin-top:8px}.card-copy p{font-size:14px;color:#aeb6dc;line-height:1.5;margin:9px 0 0}
.light-section{position:relative;min-height:720px;display:grid;place-items:center;text-align:center;padding:110px 25px;background:radial-gradient(circle at 76% 28%,#ffb5e4,transparent 25%),linear-gradient(130deg,#fff,#eef5ff 60%,#f6eaff);overflow:hidden}.about-inner{max-width:900px;position:relative;z-index:2}.about h2{color:#0a1238}.about p{max-width:680px;margin:28px auto 32px;color:#3c466f;line-height:1.65;font-size:18px}.about-orbit{position:absolute;border:1px solid #6426ff24;border-radius:50%;animation:orbit 18s linear infinite}.orbit-1{width:600px;height:600px;right:-170px;top:50px}.orbit-2{width:350px;height:350px;left:-100px;bottom:-100px;animation-direction:reverse}
.contact-grid{max-width:1200px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:100px}.contact-copy h2{max-width:650px}.contact-form{display:grid;gap:22px;align-content:center}.contact-form label{font-size:11px;letter-spacing:.16em;color:#aeb6dc}.contact-form input,.contact-form textarea{display:block;width:100%;margin-top:9px;background:none;border:0;border-bottom:1px solid #ffffff31;padding:14px 0;color:#fff;outline:none;resize:vertical;transition:border-color .3s}.contact-form input:focus,.contact-form textarea:focus{border-color:#08dbe7}.contact-form ::placeholder{color:#68729e}.status{color:#08dbe7!important;letter-spacing:.1em!important}
footer{background:#05082b;color:#fff;padding:34px 7vw;display:flex;justify-content:space-between;align-items:center;gap:25px}footer b{display:block;font:800 27px "Manrope";letter-spacing:-.07em}footer small,footer p{color:#8089b5;font-size:11px}
.modal{position:fixed;z-index:200;inset:0;display:grid;place-items:center;visibility:hidden;opacity:0;transition:.4s var(--ease)}.modal.open{visibility:visible;opacity:1}.backdrop{position:absolute;inset:0;background:#030522df;backdrop-filter:blur(14px)}.modal-box{position:relative;z-index:2;width:min(900px,90vw);aspect-ratio:16/9;border-radius:26px;overflow:hidden;background:#111752;box-shadow:0 30px 100px #0008;transform:translateY(30px) scale(.94);transition:transform .5s var(--ease)}.modal.open .modal-box{transform:none}.close{position:absolute;right:15px;top:12px;z-index:3;border:0;width:38px;height:38px;border-radius:50%;background:#fff;color:#0a103b;font-size:25px;cursor:pointer}.modal-visual{height:100%;display:grid;place-items:center;align-content:center;background:radial-gradient(circle at 70% 35%,#ff00ae55,transparent 25%),radial-gradient(circle at 30% 65%,#008bff66,transparent 28%),#090e42;color:#fff;text-align:center}.modal-visual b{font:800 86px "Manrope";letter-spacing:-.08em}.modal-visual small{display:block;letter-spacing:.18em}.modal-visual span{display:grid;place-items:center;margin-top:25px;width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#7000ff,#ff0aa0)}
.reveal,.reveal-up,.reveal-left,.reveal-right{opacity:0;transition:opacity .9s var(--ease),transform 1s var(--ease)}.reveal-up{transform:translateY(55px);transition-delay:var(--delay,0s)}.reveal-left{transform:translateX(-45px)}.reveal-right{transform:translateX(45px)}.reveal{transform:translateY(25px)}.is-visible{opacity:1!important;transform:none!important}
@keyframes blobFloat{to{transform:translate3d(-35px,35px,0) rotate(5deg) scale(1.04)}}@keyframes blobFloat2{to{transform:translate3d(55px,-30px,0) scale(1.08)}}@keyframes pulseGlow{50%{transform:scale(1.12);opacity:.75}}@keyframes gradientShift{to{background-position:100% 0}}@keyframes scriptFloat{50%{transform:translateY(-12px) rotate(-5deg)}}@keyframes ribbonMove{to{transform:translateX(-35px) rotate(-10deg)}}@keyframes scrollBob{50%{transform:translateY(5px)}}@keyframes orbit{to{transform:rotate(360deg)}}
@media(max-width:1100px){.site-header{grid-template-columns:170px 1fr auto}.main-nav{gap:25px}.hero-content{grid-template-columns:52% 48%;width:94%}.hero h1{font-size:clamp(58px,7vw,86px)}.panel-top{right:-3%;width:180px}.panel-photo{right:-10%;width:220px}.services-dock{width:94%;gap:10px}.service-card{padding:18px 15px}.service-card strong{font-size:16px}}
@media(max-width:820px){.hero{height:auto;min-height:900px;padding-bottom:190px}.site-header{width:90%;grid-template-columns:1fr auto;padding:20px 0}.brand img{width:140px}.main-nav,.header-cta{display:none}.menu-toggle{display:flex;flex-direction:column;gap:6px}.menu-toggle i{display:block;width:28px;height:2px;background:#0a1238}.hero-content{height:auto;min-height:700px;display:block;width:90%;padding-top:60px}.hero-copy{width:100%;padding-top:0}.eyebrow{gap:7px;flex-wrap:wrap;font-size:8px;letter-spacing:.18em;margin-bottom:24px}.hero h1{font-size:clamp(52px,15vw,80px)}.hero-copy>p{font-size:16px;max-width:600px}.hero-actions{gap:16px;flex-wrap:wrap}.stats{gap:12px}.stats div{min-width:80px}.stats strong{font-size:25px}.stats small{font-size:7px}.hero-stage{height:520px;margin-top:0}.portrait-wrap{right:-8%;top:0;height:105%;width:100%}.script-mark{left:5%;top:35%;font-size:35px}.panel-top{right:0;top:8%;width:150px;padding:24px 18px;font-size:8px;gap:10px}.panel-photo{right:-8%;top:40%;width:180px;height:220px;padding:18px}.panel-bottom{right:15%;bottom:5%;width:180px;height:100px}.ribbon-1{width:420px;bottom:17%;right:-22%}.ribbon-2{width:350px;bottom:10%;right:-12%}.services-dock{left:5%;right:5%;bottom:25px;transform:none;width:auto;display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 0 15px;scrollbar-width:none}.services-dock::-webkit-scrollbar{display:none}.service-card{min-width:220px;height:150px;scroll-snap-align:start}.scroll-hint{display:none}.dark-section{padding:90px 7vw}.portfolio-grid{grid-template-columns:1fr}.portfolio-card{min-height:450px}.contact-grid{grid-template-columns:1fr;gap:55px}.section-head h2,.about h2,.contact h2{font-size:54px}footer{flex-direction:column;align-items:flex-start}.about{min-height:620px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.blob,.glow,.script-mark,.stage-ribbon,.scroll-hint span,.about-orbit{animation:none!important}.reveal,.reveal-up,.reveal-left,.reveal-right{transition:none;opacity:1;transform:none}}

/* VYRO composition refinement — solutions dock lower and narrower to match the approved art direction */
@media (min-width:821px){
  .services-dock{top:52.5%;bottom:auto;width:min(72%,1200px);gap:24px}
  .service-card{height:150px;padding:18px 22px}
  .hero-stage .portrait-wrap{right:-2%;top:0;height:94%;width:76%}
}

/* =========================================================
   VYRO V6.1 — FIX / HERO ARTWORK LAYER
   Full base stylesheet restored from V5.1. The supplied artwork
   is used only as the visual background of the Hero; interface
   elements remain real HTML/CSS above it.
   ========================================================= */
.hero{
  background:#f8f9ff url('../assets/vyro-header-bg.png') center center / cover no-repeat;
}
.hero-bg{display:none}
.hero-stage > *{display:none!important}
.hero-stage{pointer-events:none}

.hero-content{
  grid-template-columns:48% 52%;
  align-items:center;
  height:calc(100% - 92px);
}

.hero-copy{padding-top:18px}
.hero h1{max-width:720px}
.hero-copy>p{max-width:610px}

.services-dock{
  top:52.5%;
  bottom:auto;
  width:min(82%,1195px);
  gap:18px;
}
.service-card{
  height:150px;
  padding:19px 22px;
  border-radius:18px;
}
.service-icon{margin-bottom:14px}
.service-card strong{font-size:17px}
.service-card p{font-size:11px}

@media (min-width:1500px){
  .hero-content{width:min(90%,1540px)}
  .hero h1{font-size:clamp(72px,6vw,102px)}
  .hero-copy>p{font-size:18px}
}

@media (max-width:1100px){
  .hero{background-position:center center}
  .hero-content{grid-template-columns:53% 47%;width:92%}
  .services-dock{width:90%;gap:12px}
}

@media (max-width:820px){
  .hero{
    min-height:980px;
    height:auto;
    background-position:68% center;
  }
  .hero-content{display:block;width:90%;height:auto;min-height:790px;padding-top:58px}
  .hero-copy{padding-top:0}
  .hero-stage{display:none}
  .services-dock{top:auto;bottom:24px;width:auto;left:5%;right:5%;transform:none;gap:10px}
  .service-card{min-width:220px;height:150px}
}

/* =========================================================
   VYRO V6.3 — HERO FINAL COMPOSITION
   - Move the complete textual content/stats upward by 100px.
   - Keep the Solutions cards clearly below the big-number stats.
   - Preserve the supplied hero artwork as the background.
   ========================================================= */
@media (min-width:821px){
  .hero-copy{top:-100px}
}

/* =========================================================
   VYRO V6.4 — SOLUÇÕES COMO SEÇÃO INDEPENDENTE
   Cards deixam o Hero e passam a ocupar uma seção própria,
   imediatamente antes do Portfólio, com identidade visual distinta.
   ========================================================= */
.services-dock{display:none!important}

.solutions-section{
  position:relative;
  overflow:hidden;
  padding:120px 7vw 135px;
  color:#0b123c;
  background:
    radial-gradient(circle at 8% 12%, rgba(0,169,255,.16), transparent 27%),
    radial-gradient(circle at 92% 78%, rgba(255,0,170,.13), transparent 30%),
    linear-gradient(135deg,#f4f6ff 0%,#e9ecff 52%,#f8f4ff 100%);
}
.solutions-section::before{
  content:"";
  position:absolute;
  width:520px;
  height:520px;
  left:-240px;
  bottom:-280px;
  border-radius:50%;
  background:radial-gradient(circle,#087fff28,transparent 68%);
  filter:blur(10px);
  pointer-events:none;
}
.solutions-section::after{
  content:"";
  position:absolute;
  width:420px;
  height:420px;
  right:-180px;
  top:-210px;
  border-radius:50%;
  background:radial-gradient(circle,#f000a928,transparent 68%);
  filter:blur(8px);
  pointer-events:none;
}
.solutions-inner{
  position:relative;
  z-index:2;
  width:min(100%,1500px);
  margin:0 auto;
}
.solutions-head{max-width:900px}
.solutions-head small{color:#65709f}
.solutions-head h2{color:#0b123c}
.solutions-head p{color:#596286;max-width:680px}
.solutions-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:18px;
  margin-top:62px;
}
.solution-card{
  position:relative;
  min-height:245px;
  height:auto;
  padding:28px 26px 25px;
  border:1px solid rgba(24,35,91,.12);
  border-radius:24px;
  color:#101742;
  background:linear-gradient(145deg,rgba(255,255,255,.92),rgba(255,255,255,.60));
  box-shadow:0 24px 55px rgba(39,49,112,.12), inset 0 1px rgba(255,255,255,.9);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
  transition:transform .5s var(--ease),box-shadow .5s var(--ease),border-color .4s;
}
.solution-card:hover{
  transform:translateY(-12px);
  border-color:rgba(81,45,255,.28);
  box-shadow:0 32px 70px rgba(39,49,112,.19), inset 0 1px rgba(255,255,255,.95);
}
.solution-card::before{
  width:190px;
  height:190px;
  right:-75px;
  bottom:-120px;
  opacity:.72;
}
.solution-card .service-icon{font-size:34px;margin-bottom:34px}
.solution-card strong{font-size:21px;color:#101742}
.solution-card p{font-size:13px;line-height:1.55;color:#697192;margin-top:8px}
.solution-card>b{background:linear-gradient(90deg,#087fff,#ff1cae);height:3px;width:34px;margin-top:17px}
.solution-card:nth-child(2) .service-icon{color:#f000a7}
.solution-card:nth-child(3) .service-icon{color:#ff9f00}
.solution-card:nth-child(4) .service-icon{color:#7138ff}
.solution-card:nth-child(5) .service-icon{color:#00bfcf}

@media (max-width:1100px){
  .solutions-grid{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:820px){
  .solutions-section{padding:88px 6vw 96px}
  .solutions-head h2{font-size:clamp(46px,13vw,68px)}
  .solutions-grid{grid-template-columns:1fr 1fr;gap:14px;margin-top:42px}
  .solution-card{min-height:210px;padding:23px 20px}
}
@media (max-width:560px){
  .solutions-grid{grid-template-columns:1fr}
  .solution-card{min-height:190px}
}


/* V6.5 — Footer social + agente de IA; demais estilos preservados. */
.site-footer{position:relative;z-index:20;min-height:112px;padding:28px 6vw;display:grid;grid-template-columns:1fr minmax(280px,1.2fr) 1fr;align-items:center;gap:28px;background:#05082b;color:#fff;border-top:1px solid #ffffff12}
.site-footer .footer-brand b{display:block;font:800 27px "Manrope";letter-spacing:-.07em}.site-footer .footer-brand small{display:block;color:#8089b5;font-size:10px;margin-top:3px}.footer-copy{margin:0;color:#fff;font-size:11px;line-height:1.7;text-align:center;letter-spacing:.01em}.footer-copy span{color:#8089b5}.footer-right{display:flex;align-items:center;justify-content:flex-end;gap:25px}.social-links{display:flex;align-items:center;gap:14px}.social-links a{width:34px;height:34px;border:1px solid #ffffff22;border-radius:50%;display:grid;place-items:center;color:#fff;opacity:.82;transition:transform .3s var(--ease),opacity .3s,border-color .3s,background .3s}.social-links a:hover{transform:translateY(-4px);opacity:1;border-color:#ffffff66;background:#ffffff0d}.social-links svg{width:16px;height:16px;fill:currentColor;stroke:currentColor;stroke-width:0}.social-links a:nth-child(2) svg{fill:none;stroke:currentColor;stroke-width:1.7}.social-links a:nth-child(2) svg circle:last-child{fill:currentColor;stroke:none}.footer-top{font-size:10px;letter-spacing:.08em;color:#fff;opacity:.8;white-space:nowrap;transition:opacity .25s}.footer-top:hover{opacity:1}
.ai-chat{position:fixed;right:24px;bottom:24px;z-index:180}.ai-chat-trigger{position:relative;width:62px;height:62px;border:1px solid #ffffff55;border-radius:50%;color:#fff;background:linear-gradient(135deg,#086cff,#6326ff 55%,#ff0ba9);box-shadow:0 18px 50px #02052c80,0 0 30px #6326ff55;display:grid;place-items:center;cursor:pointer;transition:transform .35s var(--ease),box-shadow .35s}.ai-chat-trigger:hover{transform:translateY(-5px) scale(1.04);box-shadow:0 22px 60px #02052c99,0 0 38px #ff0ba955}.ai-chat-icon{font-size:25px;line-height:1}.ai-chat-pulse{position:absolute;right:3px;top:4px;width:10px;height:10px;border-radius:50%;background:#29f7c0;border:2px solid #080d3b;box-shadow:0 0 0 0 #29f7c066;animation:aiPulse 2s infinite}.ai-chat-panel{position:absolute;right:0;bottom:76px;width:min(370px,calc(100vw - 32px));height:480px;border:1px solid #ffffff1f;border-radius:24px;overflow:hidden;background:linear-gradient(160deg,#101653f5,#060a2cf7);box-shadow:0 30px 90px #00000080,0 0 50px #6326ff25;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);opacity:0;visibility:hidden;transform:translateY(16px) scale(.96);transform-origin:bottom right;transition:opacity .3s var(--ease),transform .4s var(--ease),visibility .3s}.ai-chat.open .ai-chat-panel{opacity:1;visibility:visible;transform:none}.ai-chat-panel header{height:76px;padding:15px 16px;display:flex;align-items:center;gap:12px;border-bottom:1px solid #ffffff12;background:#ffffff08}.ai-avatar{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;font:800 19px "Manrope";color:#fff;background:linear-gradient(135deg,#086cff,#ff0ba9);box-shadow:0 8px 24px #6326ff55}.ai-chat-panel header strong{display:block;font:700 14px "Manrope";color:#fff}.ai-chat-panel header small{display:block;margin-top:3px;font-size:9px;letter-spacing:.12em;color:#7fffe1}.ai-chat-close{margin-left:auto;width:30px;height:30px;border:0;background:transparent;color:#fff;font-size:25px;cursor:pointer;opacity:.7}.ai-chat-close:hover{opacity:1}.ai-chat-messages{height:calc(100% - 136px);padding:18px;overflow:auto;display:flex;flex-direction:column;gap:12px}.ai-msg{max-width:88%;padding:12px 14px;border-radius:16px 16px 16px 5px;background:#ffffff0d;border:1px solid #ffffff12;color:#e9ecff;font-size:12px;line-height:1.55}.ai-msg.user{align-self:flex-end;border-radius:16px 16px 5px 16px;background:linear-gradient(135deg,#086cff,#6326ff);border-color:#ffffff18;color:#fff}.ai-quick{display:flex;flex-wrap:wrap;gap:7px}.ai-quick button{border:1px solid #ffffff24;border-radius:999px;background:#ffffff08;color:#fff;padding:8px 11px;font-size:10px;cursor:pointer;transition:background .25s,border-color .25s,transform .25s}.ai-quick button:hover{background:#ffffff16;border-color:#ffffff55;transform:translateY(-2px)}.ai-chat-form{height:60px;padding:9px;border-top:1px solid #ffffff12;display:flex;gap:8px;background:#04072a}.ai-chat-form input{min-width:0;flex:1;border:1px solid #ffffff18;border-radius:13px;background:#ffffff08;color:#fff;padding:0 13px;outline:none;font-size:11px}.ai-chat-form input::placeholder{color:#737ba5}.ai-chat-form input:focus{border-color:#6326ff88}.ai-chat-form button{width:42px;border:0;border-radius:13px;background:linear-gradient(135deg,#086cff,#ff0ba9);color:#fff;font-size:19px;cursor:pointer}
@keyframes aiPulse{0%,100%{box-shadow:0 0 0 0 #29f7c066}50%{box-shadow:0 0 0 7px #29f7c000}}
@media(max-width:820px){.site-footer{grid-template-columns:1fr;text-align:center;padding:30px 7vw;gap:16px}.site-footer .footer-brand,.footer-right{justify-content:center}.footer-right{flex-direction:column;gap:14px}.footer-copy{text-align:center}.ai-chat{right:16px;bottom:16px}.ai-chat-trigger{width:58px;height:58px}.ai-chat-panel{bottom:70px;height:470px}}
@media(prefers-reduced-motion:reduce){.ai-chat-trigger,.social-links a{transition:none}.ai-chat-pulse{animation:none}}

/* =========================================================
   VYRO V6.6 — STICKY HEADER + HERO CONTENT OFFSET
   Requested refinement only:
   - Header becomes fixed/styled after the first scroll.
   - Hero textual block moves down 30px from the V6.3 position.
   - No other layout/content is changed.
   ========================================================= */
.site-header{
  transition:
    background .38s ease,
    backdrop-filter .38s ease,
    -webkit-backdrop-filter .38s ease,
    box-shadow .38s ease,
    padding .38s ease,
    border-color .38s ease;
}
.site-header.is-scrolled{
  position:fixed;
  top:0;
  left:0;
  right:0;
  width:100%;
  margin:0;
  padding:14px 5vw;
  background:rgba(248,249,255,.88);
  -webkit-backdrop-filter:blur(20px) saturate(150%);
  backdrop-filter:blur(20px) saturate(150%);
  border-bottom:1px solid rgba(16,22,59,.10);
  box-shadow:0 12px 35px rgba(8,13,59,.10);
  z-index:300;
}
.site-header.is-scrolled .brand img{width:150px}
.site-header.is-scrolled .main-nav a{padding:9px 0}
.site-header.is-scrolled .header-cta{
  padding:13px 24px;
  box-shadow:0 10px 26px #e52aa933;
}

@media (min-width:821px){
  .hero-copy{top:-70px}
}

@media (max-width:820px){
  .site-header.is-scrolled{
    width:100%;
    padding:14px 5vw;
  }
  .site-header.is-scrolled .brand img{width:130px}
  .site-header.is-scrolled .menu-toggle i{background:#0a1238}
  .hero-copy{top:auto}
}


/* V6.7 — Premium VYRO presentation video modal. Existing styles preserved. */
.modal-box{width:min(1120px,92vw);aspect-ratio:16/9;background:#05082b;border:1px solid rgba(255,255,255,.14);box-shadow:0 40px 120px rgba(0,0,0,.72),0 0 70px rgba(91,38,255,.16)}
.modal-video-wrap{position:relative;width:100%;height:100%;overflow:hidden;background:#030522}
.modal-video{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:contain;background:#030522;z-index:1}
.modal-video-glow{position:absolute;inset:-20%;pointer-events:none;z-index:2;background:radial-gradient(circle at 75% 20%,rgba(255,0,174,.18),transparent 24%),radial-gradient(circle at 18% 78%,rgba(0,139,255,.18),transparent 28%);mix-blend-mode:screen;opacity:.8}
.modal-video-caption{position:absolute;left:24px;bottom:20px;z-index:3;display:flex;align-items:center;gap:14px;padding:10px 14px;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:rgba(4,7,42,.48);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);color:#fff;pointer-events:none;box-shadow:0 12px 35px rgba(0,0,0,.22)}
.modal-video-caption span{font:800 13px "Manrope";letter-spacing:.04em}.modal-video-caption small{font-size:8px;letter-spacing:.16em;color:#cbd1ff}
.modal-video-wrap:after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;border:1px solid rgba(255,255,255,.08);border-radius:inherit}
@media(max-width:820px){.modal-box{width:94vw;border-radius:18px}.modal-video-caption{left:12px;bottom:12px;gap:9px;padding:8px 11px}.modal-video-caption small{font-size:7px}.close{right:10px;top:9px;width:36px;height:36px}}