/*
 * OptimizYou / CINEMATIC SIGNATURE
 * Aurora + órbitas assimétricas + ondas generativas no canvas.
 * Não utiliza grades ou texturas repetidas. Vanilla CSS com motion reduzido.
 */
:root {
  --bg: #03060a;
  --bg2: #071019;
  --cyan: #38e0fa;
  --cyan2: #217efb;
  --border: rgba(160, 208, 236, .13);
}
body { background:#03060a; }
.site-glow { background:radial-gradient(ellipse 60% 30% at 88% 9%,rgba(10,65,107,.24),transparent 75%); }
.site-header { background:rgba(3,7,12,.79); border-bottom:1px solid rgba(185,224,249,.075); }
.nav-wrap {height:84px;}
.nav-cta { border-color:rgba(74,183,240,.44); background:linear-gradient(140deg,rgba(12,43,64,.7),rgba(3,9,16,.4));box-shadow:0 0 28px rgba(17,156,241,.055); }
.nav-links a {font-size:12px;letter-spacing:.015em;}
.brand-name {font-weight:600;letter-spacing:-1.4px;}

/* SCENE: unstructured cinematic light. Explicitly no CSS grids. */
.hero-cinematic { min-height:790px; background:radial-gradient(ellipse 60% 75% at 86% 50%,#071e3257,transparent 76%),linear-gradient(117deg,#030609 7%,#04090f 52%,#06101a 100%); }
.hero-cinematic::before { content:"";pointer-events:none;position:absolute;z-index:0;inset:0;background:radial-gradient(ellipse 18% 33% at 94% 39%,rgba(0,128,214,.14),transparent),radial-gradient(ellipse 50% 4% at 77% 95%,rgba(22,170,230,.13),transparent); }
.hero-aurora {position:absolute;z-index:0;pointer-events:none;width:min(1100px,83vw);height:min(740px,70vw);right:-19%;top:-22%;transform:rotate(-31deg);border-radius:50%;filter:blur(56px);opacity:.65;background:conic-gradient(from 183deg,transparent 17%,#006da217 30%,#1cb5fa14 41%,transparent 53%,#0d6ca919 66%,transparent 78%);animation:aurora-turn 34s ease-in-out infinite alternate;}
.hero-horizon {position:absolute;bottom:-90px;left:10%;width:105%;height:320px;pointer-events:none;background:radial-gradient(ellipse at 65% 55%,#0976b019,transparent 62%);transform:rotate(-5deg);filter:blur(20px);}
.energy-canvas {position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0;opacity:.89;}
.hero-cinematic .hero-content {position:relative;z-index:2;grid-template-columns:51% 49%;min-height:690px;padding-top:0;padding-bottom:6px;}
.hero-cinematic .hero-copy {padding:45px 0 25px;}
.hero-eyebrow {gap:13px;letter-spacing:2.3px;font-size:9.5px;color:#c6dbe6;}
.hero-eyebrow .eyebrow-slash {color:#2cdafa;opacity:.7;font-size:14px;font-weight:400;}
.hero-eyebrow .eyebrow-index {font-size:9px;letter-spacing:1.6px;color:#60889e;}
.hero-cinematic h1 {font-family:var(--display);font-weight:600;letter-spacing:-6.8px;font-size:clamp(64px,5.7vw,86px);line-height:1.10;margin:33px 0 23px;max-width:820px;text-wrap:balance;color:#f5faff;}
.hero-gradient-text {display:inline-block;background:linear-gradient(100deg,#f4ffff 6%,#94e8ff 26%,#25d7fa 62%,#398efb 98%);color:transparent;-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 0 28px rgba(23,178,251,.19));}
.hero-period {color:#7bf7ff;}
.hero-cinematic .hero-description {font-size:15px;line-height:1.86;color:#abbccc;max-width:535px;margin-bottom:31px;}
.hero-cinematic .hero-actions {gap:13px;}
.hero-cinematic .btn-primary {background:linear-gradient(105deg,#49eff8 3%,#28caee 57%,#348af8 100%);color:#021624;box-shadow:0 8px 32px #0aa2e329,0 0 0 1px #8deeff42 inset;}
.hero-cinematic .btn-primary:hover {box-shadow:0 11px 42px #04b9f14a;}
.hero-cinematic .btn-ghost {background:rgba(7,18,28,.68);border:1px solid rgba(120,201,246,.30);}
.hero-cinematic .hero-proof {border:0;background:none;box-shadow:none;padding:0;gap:17px;margin-top:43px;color:#93adbe;font-size:11px;}
.hero-cinematic .hero-proof strong {color:#d9e5ec;font-weight:600;}
.hero-proof-rule {width:39px;height:1px;display:inline-block;flex-shrink:0;box-shadow:0 0 9px #4be5fe;background:#33d6fb;}
.hero-cinematic .hero-bottom {z-index:2;position:relative;}
.hero-cinematic .hero-coordinate {font-size:9px;letter-spacing:1.8px;color:#8bb6ca;}
.hero-bottom-bloom {pointer-events:none;position:absolute;z-index:1;bottom:-6px;left:29%;width:80%;height:2px;background:linear-gradient(90deg,transparent,#13a7f65e 25%,#95f2ff73 54%,#135d9870 77%,transparent);filter:drop-shadow(0 0 11px #159de8);}

/* Brand as a luminous engine, with rings instead of repeated square backgrounds. */
.hero-cinematic .hero-visual {position:relative;height:605px;perspective:1050px;isolation:isolate;transform-style:preserve-3d;}
.visual-planet {position:absolute;width:550px;height:550px;left:52%;top:47%;transform:translate(-50%,-50%);border-radius:50%;z-index:-4;background:radial-gradient(circle at 41% 35%,rgba(43,155,234,.30) 0%,rgba(12,76,131,.22) 14%,rgba(5,37,72,.30) 42%,rgba(2,10,21,.76) 59%,rgba(2,8,15,0) 69%),radial-gradient(circle at 50% 50%,transparent 53%,rgba(38,179,250,.5) 62%,transparent 71%);filter:drop-shadow(0 0 37px #088fe33d);animation:planet-breathe 8s ease-in-out infinite;}
.visual-planet:after {content:"";position:absolute;inset:12%;border-radius:50%;background:radial-gradient(circle at 21% 13%,rgba(174,227,255,.075),transparent 32%),linear-gradient(110deg,transparent 15%,rgba(47,151,222,.055) 48%,transparent 73%);transform:rotate(-23deg);}
.visual-atmosphere {position:absolute;width:500px;height:500px;left:52%;top:47%;border-radius:50%;transform:translate(-50%,-50%);box-shadow:inset 10px 0 45px rgba(5,126,211,.12),inset -12px 0 50px rgba(55,191,249,.1),0 0 80px rgba(29,111,170,.09);border:1px solid #2fc7f00d;}
.orbital {position:absolute;left:52%;top:47%;pointer-events:none;border:1px solid transparent;border-radius:50%;transform:translate(-50%,-50%);}
.orbital-outer {width:654px;height:654px;border-top-color:rgba(49,183,239,.32);border-left-color:rgba(14,92,153,.08);border-right-color:rgba(23,123,201,.13);transform:translate(-50%,-50%) rotate(-34deg);animation:orbit-drift 25s linear infinite;}
.orbital-middle {width:568px;height:568px;border-top-color:rgba(75,216,254,.53);border-left-color:rgba(45,163,223,.19);border-bottom-color:rgba(24,119,186,.19);box-shadow:inset 0 0 21px rgba(19,95,176,.032);transform:translate(-50%,-50%) rotate(22deg);animation:orbit-drift-reverse 34s linear infinite;}
.orbital-inner {width:456px;height:456px;border-bottom-color:rgba(55,172,240,.46);border-right-color:rgba(54,212,253,.16);transform:translate(-50%,-50%) rotate(23deg);animation:orbit-drift 19s linear infinite;}
.orbital-elliptical {position:absolute;width:735px;height:267px;left:51%;top:51%;border:1.5px solid transparent;border-top-color:rgba(45,194,255,.73);border-bottom-color:rgba(55,161,246,.50);border-left-color:rgba(7,103,184,.14);border-right-color:rgba(39,164,245,.2);border-radius:50%;transform:translate(-50%,-50%) rotate(-24deg);filter:drop-shadow(0 0 9px rgba(43,199,255,.26));animation:ellipse-sway 9s ease-in-out infinite alternate;}
.orbital-elliptical:after {content:"";position:absolute;left:10%;top:11%;width:15%;height:2px;border-radius:50%;transform:rotate(-14deg);background:#b0f7ff;box-shadow:0 0 19px 5px #37b4ff87;}
.orbital-flare {width:7px;height:7px;border-radius:50%;position:absolute;z-index:1;background:#c8ffff;box-shadow:0 0 0 3px #23c8ff22,0 0 10px #5fedff,0 0 33px #2ebcf4;}
.flare-one {top:14%;left:36%;animation:flare-twinkle 5s ease-in-out infinite alternate;}
.flare-two {top:74%;right:11%;width:4px;height:4px;animation:flare-twinkle 5s ease-in-out -2s infinite alternate;}
.identity-core {position:absolute;z-index:2;width:445px;height:445px;top:46%;left:51%;transform:translate(calc(-50% + var(--par-x,0px)),calc(-50% + var(--par-y,0px))) rotateY(var(--tilt-y,0deg)) rotateX(var(--tilt-x,0deg));display:flex;flex-direction:column;justify-content:center;align-items:center;transition:transform .25s ease-out;animation:core-float 7s ease-in-out infinite;transform-style:preserve-3d;}
.identity-core:before {content:"";width:365px;height:365px;border-radius:50%;background:radial-gradient(circle at 55% 42%,#0f558a38 0%,#06182722 59%,transparent 70%);position:absolute;filter:blur(2px);box-shadow:0 0 100px #1389d829;}
.core-shine {position:absolute;width:375px;height:375px;border-radius:50%;background:conic-gradient(from 180deg,transparent 0deg,transparent 95deg,#3feaff30 160deg,transparent 210deg,transparent 310deg,#33bdff26 340deg,transparent);filter:blur(15px);animation:orbit-drift 16s linear infinite;}
.identity-logo {width:90%;max-width:400px;height:auto;position:relative;z-index:2;object-fit:contain;filter:drop-shadow(0 12px 45px rgba(1,10,20,.9)) drop-shadow(0 0 19px #14c5ff46);animation:logo-illuminate 6s ease-in-out infinite;}
.identity-label {position:absolute;z-index:2;bottom:14px;width:100%;display:flex;align-items:center;justify-content:center;gap:11px;color:#8aaec0;font:500 8px var(--display);letter-spacing:2.5px;white-space:nowrap;}
.identity-line {width:32px;height:1px;background:linear-gradient(90deg,transparent,#30c3f79c);}.identity-line:last-child {transform:rotate(180deg);}
.scene-card {position:absolute;z-index:4;display:flex;gap:12px;align-items:center;max-width:260px;padding:14px 16px;background:linear-gradient(125deg,rgba(13,33,48,.91),rgba(5,16,28,.82));border:1px solid rgba(97,185,234,.28);border-radius:13px;backdrop-filter:blur(13px);box-shadow:0 18px 40px #0108117a,inset 0 1px 0 #a6dcfa1a;animation:widget-float 5s ease-in-out infinite;}
.scene-card small {display:block;font:500 8px var(--display);color:#68a9cb;letter-spacing:1.2px;margin-bottom:4px;}
.scene-card strong {font:500 12px var(--display);color:#e3f7ff;white-space:nowrap;}
.scene-card-top {right:-2%;top:19%;}
.scene-card-bottom {left:-10%;bottom:18%;animation-delay:-2.4s;}
.scene-card-icon {width:37px;height:37px;display:grid;place-items:center;border:1px solid #3cbbf88a;background:radial-gradient(circle at 30% 20%,#105d8a,#062336);box-shadow:0 0 14px #11a3e324;border-radius:10px;color:#90effe;font-size:22px;flex-shrink:0;}
.scene-card-wave {color:#51e6fa;font-size:22px;letter-spacing:-4px;line-height:1;white-space:nowrap;}
.scene-indicator {width:5px;height:5px;border-radius:50%;background:#60f3eb;box-shadow:0 0 10px #3cfbe7;margin-left:auto;flex-shrink:0;}
.scene-coord {position:absolute;z-index:1;font:500 8px var(--display);letter-spacing:1.7px;color:#4f8ba8;}
.scene-coord-a {right:-1%;bottom:18%;writing-mode:vertical-rl;}
.scene-coord-b {left:3%;top:11%;}
.marquee {background:linear-gradient(100deg,#061621,#081f2a,#061621);border-color:#16415a;}

/* The remaining sections share the same visual grammar without square meshes. */
.statement {background:radial-gradient(ellipse 64% 90% at 92% 55%,#0866942b,transparent 78%),linear-gradient(135deg,#071522,#02090e 70%);}
.statement-aurora {position:absolute;pointer-events:none;right:-200px;top:-200px;width:780px;height:780px;transform:rotate(-28deg);border-radius:50%;border:1px solid rgba(70,190,251,.11);box-shadow:0 0 0 90px rgba(26,146,217,.018),0 0 0 180px rgba(40,175,240,.014),-100px 50px 160px rgba(3,114,200,.11);}
.contact {background:radial-gradient(ellipse 88% 95% at -8% 55%,rgba(10,81,139,.45),transparent 75%),linear-gradient(120deg,#071727,#030910 80%);}
.contact-light-field {position:absolute;pointer-events:none;inset:-20% -20% 0;opacity:.75;background:radial-gradient(ellipse 29% 5% at 48% 85%,#19a4d42e,transparent),conic-gradient(from 80deg at 19% 65%,transparent 0deg,rgba(26,143,219,.10) 10deg,transparent 19deg,transparent 45deg,rgba(32,180,252,.07) 50deg,transparent 57deg);filter:blur(8px);}
.service-card {transition:transform .35s cubic-bezier(.2,.65,.3,1),border-color .35s ease,box-shadow .35s ease;}
.service-card:hover {transform:translateY(-5px);border-color:rgba(96,214,249,.31);box-shadow:0 26px 60px #0007,0 0 31px #1f99d90c;}
.project-card {transition:transform .35s ease, box-shadow .35s ease;}
.project-card:hover {transform:translateY(-4px);box-shadow:0 24px 60px #0005;}
@keyframes aurora-turn {from{transform:rotate(-31deg) scale(.95);opacity:.5}to{transform:rotate(-3deg) scale(1.12);opacity:.82}}
@keyframes orbit-drift{from{rotate:0deg}to{rotate:360deg}}
@keyframes orbit-drift-reverse{from{rotate:0deg}to{rotate:-360deg}}
@keyframes ellipse-sway{to{transform:translate(-50%,-50%) rotate(-19deg) scale(1.025)}}
@keyframes planet-breathe{50%{filter:drop-shadow(0 0 68px #088fe344);opacity:.88}}
@keyframes flare-twinkle{to{opacity:.4;transform:scale(.6)}}
@keyframes logo-illuminate {50%{filter:drop-shadow(0 12px 45px #010a14) drop-shadow(0 0 26px #27cfff7a)}}
@keyframes core-float {50%{translate:0 -12px}}
@keyframes widget-float {50%{translate:0 -8px}}

/* Reflow is intentional: the core remains a hero element, not cramped below copy. */
@media (min-width:1400px) {.hero-cinematic .hero-content {grid-template-columns:49% 51%;} .hero-cinematic h1 {font-size:85px;} }
@media(max-width:1240px){
 .hero-cinematic h1{font-size:clamp(57px,6.1vw,79px);letter-spacing:-4.8px;}
 .hero-cinematic .hero-visual{transform:scale(.91);transform-origin:center left;}
 .scene-card-top{right:1%;}.scene-card-bottom{left:-9%;}
}
@media(max-width:1000px){
 .hero-cinematic h1{font-size:clamp(49px,6.1vw,65px);letter-spacing:-4px;}
 .hero-cinematic .hero-content{grid-template-columns:49% 51%;min-height:650px;}
 .hero-cinematic .hero-visual{transform:scale(.79);transform-origin:center left;margin-left:-7%;}
 .hero-cinematic .hero-description{font-size:13px;}
 .hero-cinematic .hero-actions{flex-wrap:wrap;}
}
@media(max-width:760px){
 .hero-cinematic{min-height:unset;}
 .hero-cinematic .hero-content{grid-template-columns:1fr;min-height:0;padding-top:20px;padding-bottom:0;}
 .hero-cinematic .hero-copy{padding:37px 0 0;}
 .hero-cinematic h1{font-size:clamp(53px,9.8vw,72px);line-height:1.075;letter-spacing:-4.9px;margin:26px 0 20px;}
 .hero-cinematic .hero-description{font-size:14px;line-height:1.75;max-width:550px;margin:0 0 24px;}
 .hero-cinematic .hero-actions{flex-wrap:wrap;}
 .hero-cinematic .hero-proof{margin-top:29px;}
 .hero-cinematic .hero-visual{width:100%;height:470px;margin:-15px auto -15px;transform:scale(.74);transform-origin:center center;}
 .hero-cinematic .hero-bottom{padding:0 0 23px;}
 .hero-cinematic .hero-coordinate{max-width:125px;text-align:right;line-height:1.6;font-size:7px;}
 .scene-card-top{right:-5%;top:21%;}.scene-card-bottom{left:-10%;bottom:20%;}
 .energy-canvas{opacity:.65;}
}
@media(max-width:500px){
 .hero-cinematic .hero-copy{padding-top:26px;}
 .hero-eyebrow{font-size:8px;letter-spacing:1.2px;}
 .hero-cinematic h1{font-size:clamp(48px,11vw,58px);letter-spacing:-3.65px;}
 .hero-cinematic .hero-description{font-size:13px;}
 .hero-cinematic .hero-actions{align-items:stretch;gap:9px;}
 .hero-cinematic .hero-actions .btn{font-size:12px;}
 .hero-cinematic .hero-visual{width:600px;max-width:none;height:410px;left:50%;position:relative;margin-top:-14px;margin-bottom:-13px;transform:translateX(-50%) scale(.61);transform-origin:50% 45%;}
 .scene-card-top{right:2%;top:20%;}.scene-card-bottom{left:0;bottom:18%;}
 .identity-label{font-size:7px;}
 .hero-aurora{right:-100%;top:12%;width:800px;height:500px;}
}
@media(prefers-reduced-motion:reduce){
 .hero-aurora,.orbital,.orbital-elliptical,.orbital-flare,.identity-core,.identity-logo,.visual-planet,.scene-card{animation:none!important;translate:0 0!important;}
}