:root{
  --bg:#0f1115;
  --bg-2:#13161c;
  --panel:#0e0f16;
  --panel-2:#12131c;
  --line:#232431;
  --line-2:#34354a;
  --text:#f5f5f7;
  --muted:#9b9cab;
  --muted-2:#696b7b;
  --purple:#8863e6;
  --purple-2:#a882f5;
  --purple-3:#c5b3f7;
  --purple-soft:rgba(123,56,255,.12);
  --purple-glow:rgba(123,56,255,.34);
  --max:1240px;
  --radius:24px;
  --shadow:0 30px 100px rgba(0,0,0,.38);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;overflow-x:hidden}
a{color:inherit}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
::selection{background:rgba(123,56,255,.35);color:#fff}

.page-grid{position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.2;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:70px 70px;mask-image:linear-gradient(to bottom,black,transparent 90%)}
.ambient{position:fixed;border-radius:999px;filter:blur(120px);pointer-events:none;z-index:0;opacity:.22}
.ambient-a{width:520px;height:520px;background:#5f2bff;right:-220px;top:40px}
.ambient-b{width:420px;height:420px;background:#3b00a3;left:-220px;top:42vh;opacity:.12}
.container{position:relative;z-index:1;width:min(calc(100% - 42px),var(--max));margin:auto}
.section{position:relative;padding:110px 0}
em{font-style:normal;color:var(--purple-2)}
strong{font-weight:750}

/* nav */
.site-header,.diagnostic-header{position:sticky;top:0;z-index:50;background:rgba(7,7,11,.68);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.06)}
.nav{height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.logo-link img{display:block;width:138px;height:auto}
.nav-links{display:flex;align-items:center;gap:32px}
.nav-links a{font-size:13px;color:#a8a9b6;text-decoration:none;transition:.2s ease}
.nav-links a:hover{color:#fff}
.menu-toggle{display:none;border:0;background:none;padding:10px}
.menu-toggle span{display:block;width:22px;height:1px;background:#fff;margin:5px}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;text-decoration:none;border-radius:12px;border:0;font-weight:700;transition:.22s ease;white-space:nowrap}
.btn-primary{background:linear-gradient(135deg,#6f2cff,#9350ff 60%,#a66cff);color:#fff;box-shadow:0 16px 44px rgba(111,44,255,.23),inset 0 1px rgba(255,255,255,.16)}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 22px 55px rgba(111,44,255,.34)}
.btn-outline{background:rgba(255,255,255,.025);color:#dedee7;border:1px solid var(--line-2)}
.btn-outline:hover{background:rgba(255,255,255,.06);border-color:#4d4f67}
.btn-link{background:transparent;color:#a7a8b4;padding-left:0;padding-right:0}
.btn-link:hover{color:#fff}
.btn-small{padding:10px 14px;font-size:12px}
.btn-lg{padding:16px 20px;font-size:14px}

/* shared typography */
.eyebrow,.diag-kicker{display:flex;align-items:center;gap:9px;color:#b98dff;font-size:10px;font-weight:850;letter-spacing:.17em;text-transform:uppercase}
.eyebrow>span{width:22px;height:1px;background:#8c4cff}
.eyebrow.center{justify-content:center}
.section-heading{display:flex;align-items:flex-start;gap:30px;margin-bottom:42px}
.section-heading.centered{text-align:center;justify-content:center}
.section-heading h2,.solutions-heading h2,.context-copy h2,.transform-copy h2,.lab-copy h2,.cta-copy h2{
  margin:14px 0 0;font-size:clamp(38px,5vw,64px);line-height:1.02;letter-spacing:-.055em
}
.section-heading p{color:var(--muted);font-size:16px}
.section-index{font-size:11px;color:#5f6172;border:1px solid var(--line);border-radius:999px;padding:7px 9px}

/* hero */
.hero{padding-top:62px;padding-bottom:56px;overflow:hidden}
.hero-layout{min-height:650px;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:58px}
.hero-copy h1{font-size:clamp(56px,6.4vw,88px);line-height:.96;letter-spacing:-.068em;margin:20px 0 28px;max-width:780px}
.hero-lead{font-size:17px;line-height:1.7;color:#a8a9b6;max-width:660px;margin:0}
.hero-lead strong{color:#e3e3e9}
.hero-actions{display:flex;align-items:center;gap:20px;margin-top:34px}
.hero-principle{display:flex;align-items:center;gap:10px;color:#7d7f90;font-size:11px;margin-top:24px}
.hero-principle i{width:7px;height:7px;border-radius:50%;background:var(--purple-2);box-shadow:0 0 16px var(--purple-2)}
.hero-principle strong{color:#bbbcca}
.hero-proof{margin-top:28px;border-top:1px solid rgba(255,255,255,.06);padding-top:22px;color:#6f7181;font-size:11px}
.hero-proof strong{color:#aaacb9}

/* ops visual */
.ops-visual{position:relative;height:620px;border-radius:34px;background:radial-gradient(circle at 50% 47%,rgba(123,56,255,.11),transparent 34%);overflow:hidden}
.ops-visual:before{content:"";position:absolute;inset:30px;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:42px 42px;mask-image:radial-gradient(circle at center,black,transparent 72%)}
.ops-glow{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:260px;height:260px;background:#6322ff;border-radius:50%;filter:blur(90px);opacity:.18}
.ops-lines{position:absolute;inset:0;width:100%;height:100%}
.ops-lines path{stroke:url(#lineGlow);stroke-width:1.5;fill:none;filter:url(#glow);stroke-dasharray:4 6;animation:dash 10s linear infinite}
@keyframes dash{to{stroke-dashoffset:-100}}
.ops-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:160px;height:160px;border:1px solid rgba(167,107,255,.4);border-radius:50%;display:grid;place-items:center;background:rgba(10,10,16,.82);box-shadow:0 0 80px rgba(123,56,255,.18)}
.ops-center:before,.ops-center:after{content:"";position:absolute;border:1px solid rgba(167,107,255,.16);border-radius:50%}
.ops-center:before{inset:-28px}.ops-center:after{inset:-58px}
.center-mark{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:#11121a;border:1px solid #3d2d5e}
.center-mark img{width:42px}
.ops-center>span{position:absolute;bottom:20px;font-size:8px;letter-spacing:.18em;color:#77798d}
.pulse{position:absolute;border:1px solid rgba(167,107,255,.18);border-radius:50%;animation:pulse 3.4s ease-out infinite}
.pulse-1{inset:-20px}.pulse-2{inset:-46px;animation-delay:1.2s}
@keyframes pulse{0%{opacity:.8;transform:scale(.9)}100%{opacity:0;transform:scale(1.12)}}
.ops-card{position:absolute;width:190px;padding:16px;background:linear-gradient(145deg,rgba(20,20,30,.92),rgba(11,11,17,.94));border:1px solid #2c2d3d;border-radius:15px;box-shadow:0 22px 70px rgba(0,0,0,.32);transition:.25s ease}
.ops-card:hover{transform:translateY(-4px);border-color:#5a3c90;box-shadow:0 25px 70px rgba(0,0,0,.4),0 0 30px rgba(123,56,255,.08)}
.ops-card-title{display:flex;align-items:center;gap:8px}
.ops-card-title strong{text-transform:uppercase;font-size:10px;letter-spacing:.08em}
.mini-icon{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:rgba(123,56,255,.1);border:1px solid #41305f;color:#b783ff}
.ops-card p{font-size:10px;line-height:1.45;color:#7e8091;margin:10px 0 13px}
.micro-line{display:flex;align-items:center;gap:8px}
.micro-line span{height:2px;flex:1;background:linear-gradient(90deg,#7638ff,rgba(123,56,255,.08))}
.micro-line b{font-size:8px;color:#9c72ee;font-weight:600}
.pos-top{left:50%;top:36px;transform:translateX(-50%)}
.pos-right-top{right:6px;top:170px}.pos-right-bottom{right:44px;bottom:70px}.pos-left-bottom{left:42px;bottom:64px}.pos-left-top{left:4px;top:170px}
.pos-top:hover{transform:translateX(-50%) translateY(-4px)}

/* problems */
.problems{padding-top:100px}
.problem-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.problem-card{position:relative;min-height:320px;padding:26px;background:linear-gradient(160deg,#0e0f16,#0a0a10);border:1px solid var(--line);border-radius:20px;overflow:hidden}
.problem-card:after{content:"";position:absolute;inset:auto -20% -50% 20%;height:180px;background:radial-gradient(circle,#6c2cff 0,transparent 66%);filter:blur(55px);opacity:0;transition:.35s}
.problem-card:hover:after{opacity:.12}
.problem-number{position:absolute;right:18px;top:18px;font-size:9px;color:#4c4e5d}
.icon-box{width:44px;height:44px;border:1px solid #3b2f54;background:rgba(123,56,255,.08);border-radius:12px;display:grid;place-items:center;color:#b47cff;font-size:20px}
.problem-card h3{font-size:24px;letter-spacing:-.035em;line-height:1.1;margin:34px 0 12px;max-width:220px}
.problem-card p{font-size:13px;line-height:1.65;color:#898b9b;margin:0}
.problem-tag{position:absolute;bottom:22px;left:24px;font-size:9px;color:#7f8191;text-transform:uppercase;letter-spacing:.13em}
.statement{margin-top:14px;border:1px solid #3b2a5a;border-radius:16px;padding:20px;text-align:center;background:linear-gradient(90deg,rgba(123,56,255,.05),rgba(255,255,255,.015),rgba(123,56,255,.05));font-size:20px}
.statement strong{color:#b37bff}

/* transformation */
.transformation{padding-top:46px}
.transform-panel{background:linear-gradient(145deg,#0e0f16,#0a0a10);border:1px solid var(--line);border-radius:26px;padding:44px;box-shadow:var(--shadow)}
.transform-copy{max-width:760px}
.transform-copy p{color:#8e90a0;line-height:1.65;max-width:650px}
.flow-compare{display:grid;grid-template-columns:1fr auto 1fr;gap:20px;align-items:center;margin-top:36px}
.flow-box{position:relative;min-height:280px;border:1px solid #272837;border-radius:18px;background:#0a0b10;overflow:hidden}
.flow-label{position:absolute;top:14px;left:16px;color:#626475;font-size:9px;letter-spacing:.16em}
.flow-box svg{position:absolute;inset:0;width:100%;height:100%}
.flow-box svg path{stroke:#3b3d50;stroke-width:1.3;fill:none;stroke-dasharray:3 6}
.flow-node{position:absolute;background:#13141c;border:1px solid #303142;border-radius:10px;padding:9px 11px;font-size:10px;color:#a2a4b2;z-index:2}
.flow-node.n1{left:32px;top:66px}.flow-node.n2{right:40px;top:52px}.flow-node.n3{left:42%;top:125px}.flow-node.n4{left:70px;bottom:38px}.flow-node.n5{right:40px;bottom:42px}
.flow-arrow{font-size:26px;color:#5c5e6f}
.clean{display:flex;align-items:center;justify-content:center;flex-direction:column}
.clean-flow{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}
.clean-flow span{padding:10px 12px;border-radius:10px;border:1px solid #303143;background:#11121a;color:#b9bbc8;font-size:10px}
.clean-flow .orvium-node{border-color:#6c41aa;color:#d5c1ff;background:rgba(123,56,255,.12);box-shadow:0 0 30px rgba(123,56,255,.1)}
.clean-flow b{color:#6d6f80;font-weight:500}
.clean small{margin-top:22px;color:#666879}

/* method */
.method{padding-top:120px}
.method-line{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:70px}
.method-progress{position:absolute;left:12.5%;right:12.5%;top:56px;height:1px;background:linear-gradient(90deg,transparent,#7138c7 12%,#7138c7 88%,transparent);box-shadow:0 0 16px rgba(123,56,255,.24)}
.method-step{position:relative;text-align:center}
.method-orb{position:relative;width:112px;height:112px;margin:0 auto 18px;border-radius:50%;display:grid;place-items:center;background:#0d0e15;border:1px solid #3b2e58;box-shadow:0 0 0 9px #09090e,0 0 0 10px #20212d}
.method-orb:after{content:"";position:absolute;inset:-14px;border:1px dashed #292a39;border-radius:50%}
.method-orb span{font-size:32px;color:#b17aff}
.method-step small{color:#8e5aeb;font-size:11px}
.method-step h3{font-size:20px;margin:8px 0 10px}
.method-step p{max-width:245px;margin:auto;color:#7f8191;font-size:12px;line-height:1.6}

/* solutions */
.solutions-panel{background:linear-gradient(145deg,#0d0e15,#090a0f);border:1px solid var(--line);border-radius:28px;padding:48px}
.solutions-heading{display:flex;gap:26px;align-items:flex-start;margin-bottom:36px}
.solution-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.solution-card{position:relative;display:flex;gap:20px;align-items:flex-start;padding:26px;border-radius:18px;border:1px solid #262736;background:#0d0e14;transition:.25s ease;min-height:170px}
.solution-card:hover{border-color:#4a356e;background:linear-gradient(145deg,#11121a,#0d0e14);transform:translateY(-2px)}
.solution-icon{width:50px;height:50px;flex:0 0 auto;border-radius:13px;display:grid;place-items:center;background:rgba(123,56,255,.08);border:1px solid #3d2f58;color:#b77eff;font-size:23px}
.solution-card h3{font-size:22px;margin:2px 0 10px}
.solution-card p{margin:0;color:#858797;font-size:12px;line-height:1.6;max-width:390px}
.solution-arrow{position:absolute;right:20px;top:20px;color:#4f5161}

/* contexts */
.context-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px;align-items:start}
.context-copy p{color:#8e90a1;font-size:15px;line-height:1.7;max-width:540px}
.context-list{border-top:1px solid var(--line)}
.context-list>div{display:grid;grid-template-columns:50px 190px 1fr;align-items:center;gap:18px;padding:22px 0;border-bottom:1px solid var(--line)}
.context-list>div>span{color:#5c5e6e;font-size:10px}
.context-list strong{font-size:15px}
.context-list small{color:#77798a;line-height:1.5}

/* lab */
.lab-panel{display:grid;grid-template-columns:.8fr 1.2fr;gap:58px;align-items:center;padding:54px;border:1px solid #3a2a59;border-radius:28px;background:radial-gradient(circle at 80% 50%,rgba(123,56,255,.10),transparent 34%),linear-gradient(145deg,#101019,#09090e);box-shadow:var(--shadow);overflow:hidden}
.lab-copy p{color:#8f91a1;line-height:1.7;max-width:520px}
.lab-tags{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0 28px}
.lab-tags span{font-size:9px;border:1px solid #30283f;background:rgba(123,56,255,.05);color:#8e8f9f;border-radius:999px;padding:8px 10px}
.preview-window{border-radius:18px;overflow:hidden;border:1px solid #2d2e3f;background:#0a0b10;box-shadow:0 30px 70px rgba(0,0,0,.35)}
.preview-top{height:42px;border-bottom:1px solid #242534;display:flex;align-items:center;justify-content:space-between;padding:0 14px}
.preview-top img{width:82px}.preview-top span{font-size:8px;color:#686a7b}
.preview-body{display:grid;grid-template-columns:56px 1fr;min-height:360px}
.preview-sidebar{border-right:1px solid #222330;padding:24px 15px;display:flex;flex-direction:column;gap:13px}
.preview-sidebar span{display:block;height:8px;border-radius:999px;background:#222331}
.preview-sidebar .active{background:#6e34d7}
.preview-content{padding:26px}
.preview-title{font-size:16px;font-weight:700;margin-bottom:18px}
.preview-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:14px}
.preview-score,.preview-signals{border:1px solid #222331;background:#0d0e14;border-radius:14px;padding:18px}
.preview-score{text-align:center}
.ring{width:110px;height:110px;border-radius:50%;margin:0 auto 14px;display:grid;place-items:center;background:conic-gradient(#9055ff 72%,#1e1f2a 0);position:relative}
.ring:after{content:"";position:absolute;inset:8px;background:#0d0e14;border-radius:50%}
.ring strong{position:relative;z-index:2;font-size:23px}
.preview-score small,.preview-signals>small{color:#6f7181;font-size:8px}
.preview-signals>div{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #222331;padding:11px 0;font-size:9px;color:#a8aab8}
.preview-signals>div b{color:#b98bff;font-weight:700}
.preview-footnote{font-size:8px;color:#535564;margin-top:13px}

/* final CTA */
.final-cta{padding-top:48px}
.cta-panel{position:relative;display:flex;align-items:center;justify-content:center;min-height:390px;border:1px solid #443062;border-radius:28px;overflow:hidden;background:radial-gradient(circle at 50% 100%,rgba(123,56,255,.17),transparent 45%),#0b0c12}
.cta-copy{text-align:center;max-width:850px;position:relative;z-index:2;padding:60px 20px}
.cta-copy p{color:#8c8e9e}
.cta-actions{display:flex;justify-content:center;gap:10px;margin-top:28px}
.cta-target{position:absolute;left:28px;bottom:-85px;width:260px;height:260px;opacity:.28}
.cta-target div{position:absolute;inset:0;border:1px solid #7243bc;border-radius:50%}
.cta-target div:nth-child(2){inset:38px}.cta-target div:nth-child(3){inset:76px}
.cta-target span{position:absolute;width:70%;height:1px;background:#9c62ff;left:47%;top:50%;transform:rotate(-34deg);transform-origin:left}

/* footer */
.footer{padding:22px 0 28px;border-top:1px solid rgba(255,255,255,.05)}
.footer-inner{display:flex;align-items:center;gap:22px}
.footer-inner img{width:105px}
.footer-inner p{font-size:10px;color:#636575;margin:0}
.footer-links{display:flex;gap:18px;margin-left:auto}
.footer-links a{font-size:10px;color:#77798a;text-decoration:none}
.footer-links a:hover{color:#fff}
.footer-bottom{display:flex;justify-content:space-between;gap:20px;padding-top:18px;margin-top:18px;border-top:1px solid rgba(255,255,255,.04);font-size:8px;color:#4e5060}

/* reveal */
.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}
.reveal.visible{opacity:1;transform:none}
.delay-1{transition-delay:.08s}.delay-2{transition-delay:.16s}.delay-3{transition-delay:.24s}

/* ---------------- DIAGNOSTIC APP ---------------- */
.diagnostic-header{position:sticky}
.diagnostic-meta{display:flex;align-items:center;gap:10px}
.diagnostic-meta>span{font-size:9px;color:#746f82;letter-spacing:.15em}
.diag-screen{display:none;min-height:calc(100vh - 78px)}
.diag-screen.active{display:block;animation:fadeIn .25s ease}
@keyframes fadeIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.diag-home{min-height:calc(100vh - 78px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:80px 0}
.diag-home h1{font-size:clamp(54px,7vw,94px);line-height:.95;letter-spacing:-.065em;max-width:1000px;margin:18px auto 24px}
.diag-home>p{font-size:17px;line-height:1.7;color:#9a9cab;max-width:720px;margin:0 auto}
.diag-home>small{color:#5f6172;margin-top:18px;font-size:9px}
.diag-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:28px 0}
.diag-chips span{border:1px solid #2c2d3c;border-radius:999px;padding:8px 11px;color:#858797;background:#0c0d13;font-size:9px}
.diag-shell{max-width:900px;padding:70px 0 100px}
.diag-topline{display:flex;align-items:center;justify-content:space-between;gap:20px}
.diag-topline span{font-size:10px;letter-spacing:.15em;color:#a877f2;font-weight:800}
.diag-topline small{color:#656777;font-size:9px}
.diag-progress{height:2px;background:#1c1d27;border-radius:99px;overflow:hidden;margin:14px 0 45px}
.diag-progress i{display:block;height:100%;background:linear-gradient(90deg,#6f2cff,#a86cff);transition:.2s}
.diag-shell>h2,.result-head h2,.question-card h2,.open-card h2,.success-shell h2,.dashboard-head h2{
  font-size:clamp(38px,5vw,58px);line-height:1.02;letter-spacing:-.055em;margin:0 0 14px
}
.diag-lead{color:#8e90a0;line-height:1.65;margin:0 0 30px}
.diag-card,.result-card,.dashboard-card{background:linear-gradient(145deg,#101119,#0c0d13);border:1px solid #262735;border-radius:22px;padding:30px;box-shadow:0 28px 80px rgba(0,0,0,.25)}
.diag-field{display:block;margin-bottom:26px}
.diag-field>span{display:block;margin-bottom:10px;color:#d1d2dc;font-size:12px;font-weight:700}
.diag-field i{color:#686a7b;font-style:normal;font-weight:500}
input,select,textarea{width:100%;background:#090a0f;color:#fff;border:1px solid #292a39;border-radius:11px;outline:0;padding:14px 15px;transition:.2s}
input:focus,select:focus,textarea:focus{border-color:#7340c7;box-shadow:0 0 0 4px rgba(123,56,255,.10)}
.diag-choice{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.diag-choice.role{grid-template-columns:repeat(2,1fr)}
.diag-choice button{border:1px solid #292a38;background:#0a0b10;color:#9799aa;border-radius:10px;padding:13px;text-align:left;transition:.15s}
.diag-choice button:hover,.diag-choice button.selected{border-color:#67409b;background:rgba(123,56,255,.1);color:#fff}
.diag-actions{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:28px}
.question-label{display:inline-flex;padding:7px 9px;border-radius:8px;border:1px solid #3b2f56;background:rgba(123,56,255,.08);color:#b987ff;font-size:9px;font-weight:850;letter-spacing:.14em}
.question-card h2{margin:24px 0 12px}
.question-hint{color:#707283;font-size:11px;min-height:20px}
.answer-scale{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:25px}
.answer-scale button{min-height:125px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;border-radius:13px;border:1px solid #292a39;background:#0a0b10;color:#d7d8e2;padding:16px;transition:.16s}
.answer-scale button:hover,.answer-scale button.selected{transform:translateY(-2px);border-color:#69409f;background:linear-gradient(145deg,rgba(123,56,255,.11),#0c0d13)}
.answer-scale button>b{width:9px;height:9px;border:2px solid #5a5c6d;border-radius:50%;margin-bottom:14px}
.answer-scale button.selected>b{background:#9f64ff;border-color:#9f64ff;box-shadow:0 0 14px #9f64ff}
.answer-scale strong{font-size:13px}.answer-scale small{font-size:9px;color:#6f7181;margin-top:4px}
.saved-note{font-size:8px;color:#575968}
.open-card textarea{height:190px;resize:none;font-size:16px;line-height:1.6;margin-top:12px}
.char-row{display:flex;justify-content:space-between;gap:20px;margin-top:8px;color:#606272;font-size:8px}
.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.check-line{display:flex;align-items:flex-start;gap:10px;color:#8c8e9e;font-size:11px;line-height:1.45;border-top:1px solid #232431;padding-top:16px;margin-top:8px}
.check-line input{width:16px;height:16px;accent-color:#813fff;margin-top:1px}
.check-line.highlight{padding:15px;border:1px solid #3d2d59;border-radius:11px;background:rgba(123,56,255,.07);margin-top:14px}
.result-shell{padding:60px 0 100px}
.result-head{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:20px}
.result-head h2{margin-top:12px}
.level-box{min-width:220px;padding:17px 18px;border-radius:15px;border:1px solid #3b2d56;background:rgba(123,56,255,.08)}
.level-box span{display:block;color:#817e8e;font-size:9px}.level-box strong{display:block;color:#c59fff;font-size:23px;margin-top:5px}
.result-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.score-card{display:flex;gap:24px;align-items:center}
.score-ring{width:120px;height:120px;flex:0 0 auto;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#9a5bff 0deg,#1e1f2a 0);position:relative}
.score-ring:after{content:"";position:absolute;inset:8px;background:#0e0f16;border-radius:50%}
.score-ring>span{position:relative;z-index:2}.score-ring strong{font-size:34px}.score-ring small{color:#696b7c;font-size:9px}
.card-kicker{color:#77798a;font-size:8px;font-weight:850;letter-spacing:.16em;margin-bottom:9px}
.result-card h3,.dashboard-card h3,.result-next h3{font-size:23px;margin:0 0 9px;letter-spacing:-.035em}
.result-card p,.result-next p{color:#808293;font-size:11px;line-height:1.6}
.result-path{display:flex;flex-direction:column;gap:6px;padding-top:15px;margin-top:16px;border-top:1px solid #242532}
.result-path span{font-size:8px;color:#626474}.result-path strong{font-size:10px;color:#babcc8;line-height:1.5}
.radar-result{grid-column:1/-1}
.dimension-row{display:grid;grid-template-columns:185px 1fr 36px;gap:14px;align-items:center;margin-top:13px}
.dimension-row label{font-size:10px;color:#9a9cab}
.dimension-track{height:7px;border-radius:99px;background:#20212d;overflow:hidden}
.dimension-fill{height:100%;background:linear-gradient(90deg,#7135ef,#a66aff);border-radius:99px}
.dimension-row b{font-size:9px;color:#707283;text-align:right}
.result-next{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:28px;border:1px solid #3a2c55;border-radius:20px;background:radial-gradient(circle at 80% 50%,rgba(123,56,255,.11),transparent 36%),#0d0e14;margin-top:12px}
.result-next h3{font-size:27px}.result-next p{max-width:650px}
.result-end{display:block;margin:10px auto}
.success-shell{max-width:760px;text-align:center;padding:100px 0}
.success-mark{width:64px;height:64px;display:grid;place-items:center;margin:0 auto 22px;border-radius:50%;border:1px solid #553a7d;background:rgba(123,56,255,.10);color:#c79fff;font-size:24px}
.success-shell h2{margin:16px 0}.success-shell>p{color:#8a8c9b;line-height:1.65}
.success-summary{display:inline-flex;flex-direction:column;padding:16px 22px;border:1px solid #272836;border-radius:12px;background:#0c0d13;margin-top:24px}
.success-summary small{font-size:8px;color:#656777;text-transform:uppercase;letter-spacing:.15em}.success-summary strong{margin-top:5px}
.success-actions{display:flex;justify-content:center;gap:10px;margin-top:25px}
.dashboard-shell{padding:60px 0 100px}
.dashboard-head{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:24px}
.dashboard-head h2{margin:12px 0 8px}.dashboard-head p{color:#747687;margin:0}
.dashboard-actions{display:flex;gap:8px;flex-wrap:wrap}
.dashboard-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.dashboard-stats article{padding:22px;background:#0e0f16;border:1px solid #252633;border-radius:16px}
.dashboard-stats span{display:block;font-size:9px;color:#77798a}.dashboard-stats strong{display:block;font-size:38px;letter-spacing:-.055em;margin:6px 0}.dashboard-stats small{color:#545665;font-size:8px}
.dashboard-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:10px;margin-top:10px}
.dashboard-card.full{grid-column:1/-1}
.segment-list>div{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid #242532;font-size:10px}
.segment-list span{color:#8e90a0}.pain-wall{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.pain-note{border:1px solid #292a38;border-radius:9px;padding:9px 11px;color:#a6a8b5;background:#0a0b10;font-size:9px;max-width:360px}
.funnel{display:flex;align-items:center;justify-content:space-around;gap:20px;padding:20px}
.funnel div{text-align:center}.funnel strong{display:block;font-size:34px}.funnel span{font-size:9px;color:#686a79}.funnel>b{color:#4d4f5e}
.dashboard-note{text-align:center;color:#4d4f5e;font-size:8px;margin-top:15px}
.toast{position:fixed;right:18px;bottom:18px;z-index:100;padding:11px 13px;border-radius:10px;background:#15161f;border:1px solid #343546;color:#d7d8e2;font-size:10px;opacity:0;transform:translateY(10px);pointer-events:none;transition:.2s}
.toast.show{opacity:1;transform:none}

/* responsive */
@media(max-width:1020px){
  .nav-links{display:none}.menu-toggle{display:block}
  .hero-layout{grid-template-columns:1fr;min-height:auto}
  .ops-visual{max-width:760px;width:100%;margin:auto}
  .problem-grid{grid-template-columns:repeat(2,1fr)}
  .method-line{grid-template-columns:repeat(2,1fr);gap:50px 18px}.method-progress{display:none}
  .context-layout{grid-template-columns:1fr;gap:38px}
  .lab-panel{grid-template-columns:1fr}
}
@media(max-width:760px){
  .section{padding:78px 0}
  .hero{padding-top:36px}
  .hero-copy h1{font-size:57px}
  .hero-actions{align-items:stretch;flex-direction:column}
  .hero-actions .btn{width:100%}
  .ops-visual{height:510px}
  .ops-card{width:155px;padding:12px}
  .ops-card p,.micro-line{display:none}
  .pos-right-top{right:0}.pos-left-top{left:0}.pos-left-bottom{left:0}.pos-right-bottom{right:0}
  .problem-grid,.solution-grid{grid-template-columns:1fr}
  .transform-panel,.solutions-panel,.lab-panel{padding:28px}
  .flow-compare{grid-template-columns:1fr}.flow-arrow{transform:rotate(90deg);text-align:center}
  .method-line{grid-template-columns:1fr}
  .context-list>div{grid-template-columns:34px 1fr}.context-list small{grid-column:2}
  .preview-grid{grid-template-columns:1fr}.preview-score{display:none}
  .cta-actions{flex-direction:column}
  .footer-inner{align-items:flex-start;flex-direction:column}.footer-links{margin-left:0}
  .footer-bottom{flex-direction:column}
  .diag-choice,.diag-choice.role,.field-grid{grid-template-columns:1fr}
  .answer-scale{grid-template-columns:1fr 1fr}
  .result-grid{grid-template-columns:1fr}.radar-result{grid-column:auto}
  .result-head,.result-next,.dashboard-head{align-items:flex-start;flex-direction:column}
  .dashboard-stats{grid-template-columns:1fr 1fr}
  .dashboard-grid{grid-template-columns:1fr}.dashboard-card.full{grid-column:auto}
}
@media(max-width:520px){
  .container{width:min(calc(100% - 28px),var(--max))}
  .nav{height:68px}.logo-link img{width:118px}
  .hero-copy h1{font-size:48px}.hero-lead{font-size:15px}
  .ops-visual{height:420px}.ops-center{width:120px;height:120px}.ops-card{width:132px}.pos-top{top:18px}
  .problem-card{min-height:280px}.problem-card h3{font-size:22px}
  .section-heading{gap:12px}.section-index{display:none}
  .section-heading h2,.solutions-heading h2,.context-copy h2,.transform-copy h2,.lab-copy h2,.cta-copy h2{font-size:40px}
  .solutions-heading{gap:0}.solutions-heading .section-index{display:none}
  .preview-body{grid-template-columns:1fr}.preview-sidebar{display:none}
  .diag-home h1{font-size:48px}
  .diag-shell{padding-top:45px}
  .diag-card{padding:20px}
  .answer-scale{grid-template-columns:1fr}
  .diag-actions{align-items:stretch;flex-direction:column-reverse}
  .diag-actions .btn{width:100%}
  .score-card{align-items:flex-start;flex-direction:column}
  .dimension-row{grid-template-columns:112px 1fr 28px}
  .dashboard-stats{grid-template-columns:1fr 1fr}
  .dashboard-stats strong{font-size:31px}
  .funnel{gap:7px}.funnel strong{font-size:27px}
}


/* MVC additions */
.nav-links.mobile-open{
  display:flex;
  position:absolute;
  top:70px;
  left:20px;
  right:20px;
  padding:18px;
  border:1px solid var(--line);
  border-radius:16px;
  background:rgba(12,12,18,.97);
  backdrop-filter:blur(18px);
  flex-direction:column;
  align-items:flex-start;
  box-shadow:var(--shadow);
}
.error-shell{
  min-height:100vh;
  width:min(calc(100% - 40px),760px);
  margin:auto;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  text-align:center;
}
.error-shell img{width:150px;margin-bottom:35px}
.error-shell>span{color:#8d58eb;font-size:12px;letter-spacing:.2em}
.error-shell h1{font-size:clamp(44px,7vw,78px);letter-spacing:-.06em;margin:14px 0}
.error-shell p{color:var(--muted);margin:0 0 24px}


/* Identidade tipográfica original da Orvium */
h1,h2,h3,.brand-word,.method-step h3,.problem-card h3,.solution-card h3,
.result-card h3,.dashboard-card h3,.stat-card strong,.dashboard-stats strong{
  font-family:'Syne',sans-serif;
}

/* Intro motion reaproveitada da landing anterior, com o novo posicionamento */
#intro-overlay{
  position:fixed;
  inset:0;
  z-index:10000;
  background:#0f1115;
  display:flex;
  align-items:center;
  justify-content:center;
  pointer-events:all;
  overflow:hidden;
}
#intro-overlay.done{pointer-events:none}
.intro-grain{
  position:absolute;inset:0;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");
  pointer-events:none;opacity:.5;
}
.intro-glow{
  position:absolute;width:520px;height:520px;border-radius:50%;
  background:radial-gradient(circle,rgba(136,99,230,.20) 0%,transparent 70%);
  top:50%;left:50%;transform:translate(-50%,-50%);
  opacity:0;transition:opacity .8s ease;
}
.intro-glow.show{opacity:1}
.intro-logo-wrap{position:relative;z-index:2;display:flex;align-items:center;flex-direction:column}
.intro-logo-img{
  width:min(560px,72vw);height:auto;opacity:0;filter:blur(7px);
  transform:scale(.90);transition:none;
}
.intro-logo-img.intro-reveal{animation:introLogoReveal 1.05s cubic-bezier(.16,1,.3,1) forwards}
@keyframes introLogoReveal{
  0%{opacity:0;filter:blur(8px);transform:scale(.90)}
  42%{opacity:1;filter:blur(0);transform:scale(1)}
  100%{opacity:1;filter:blur(0);transform:scale(1)}
}
.intro-line{width:0;height:1px;background:rgba(136,99,230,.38);margin:18px auto 0;transition:width .85s cubic-bezier(.16,1,.3,1)}
.intro-line.show{width:210px}
.intro-tagline{
  font-family:'DM Sans',sans-serif;font-size:10px;font-weight:600;letter-spacing:.28em;
  text-transform:uppercase;color:rgba(168,130,245,0);margin-top:16px;white-space:nowrap;
  transition:color .7s ease;
}
.intro-tagline.show{color:rgba(168,130,245,.72)}
.intro-dissolve-out{animation:introDissolve 1.05s cubic-bezier(.4,0,.2,1) forwards}
.intro-overlay-out{animation:introOverlayOut 1.1s cubic-bezier(.4,0,.2,1) .1s forwards}
@keyframes introDissolve{0%{opacity:1;transform:scale(1)}35%{opacity:1;transform:scale(1.03)}100%{opacity:0;transform:scale(1.10)}}
@keyframes introOverlayOut{to{opacity:0}}
body.intro-lock{overflow:hidden}

@media(max-width:600px){
  .intro-tagline{font-size:8px;letter-spacing:.18em;text-align:center}
  .intro-line.show{width:150px}
}


/* =========================================================
   ORVIUM V3 — evolução institucional / páginas / motion
   ========================================================= */

.site-header{
  transition:background .3s ease,border-color .3s ease,transform .3s ease;
}
.site-header.scrolled{
  background:rgba(10,10,15,.90);
  border-bottom-color:rgba(136,99,230,.15);
}
.nav-links a{position:relative}
.nav-links a:after{
  content:"";position:absolute;left:0;right:100%;bottom:-10px;height:1px;
  background:linear-gradient(90deg,var(--purple),var(--purple-2));transition:right .25s ease;
}
.nav-links a:hover:after,.nav-links a.active:after{right:0}
.nav-links a.active{color:#fff}

.section-more{
  margin-top:22px;padding-top:20px;border-top:1px solid rgba(255,255,255,.055);
  display:flex;align-items:center;justify-content:space-between;gap:20px;
}
.section-more span{font-size:11px;color:#696b7b}
.section-more a{font-size:11px;color:#b99bff;text-decoration:none;font-weight:700}
.centered-more{max-width:720px;margin:55px auto 0}
.centered-more{text-align:left}

/* Hero motion */
.live-orbit{
  position:absolute;left:50%;top:50%;border:1px solid rgba(168,130,245,.10);
  border-radius:50%;pointer-events:none;z-index:1;
}
.live-orbit span{
  position:absolute;width:8px;height:8px;border-radius:50%;background:var(--purple-light);
  box-shadow:0 0 18px rgba(168,130,245,.9);
}
.orbit-one{width:250px;height:250px;margin:-125px 0 0 -125px;animation:orviumOrbit 12s linear infinite}
.orbit-one span{top:-4px;left:50%}
.orbit-two{width:360px;height:360px;margin:-180px 0 0 -180px;animation:orviumOrbitReverse 19s linear infinite}
.orbit-two span{right:-4px;top:50%}
.orbit-three{width:470px;height:470px;margin:-235px 0 0 -235px;animation:orviumOrbit 27s linear infinite}
.orbit-three span{bottom:8%;left:16%;width:6px;height:6px}
.signal-sweep{
  position:absolute;left:50%;top:50%;width:235px;height:1px;z-index:0;
  transform-origin:left center;background:linear-gradient(90deg,rgba(168,130,245,.65),transparent);
  animation:signalSweep 8s linear infinite;opacity:.65
}
@keyframes orviumOrbit{to{transform:rotate(360deg)}}
@keyframes orviumOrbitReverse{to{transform:rotate(-360deg)}}
@keyframes signalSweep{to{transform:rotate(360deg)}}
.drift-a{animation:cardFloatA 5.4s ease-in-out infinite}
.drift-b{animation:cardFloatB 6.2s ease-in-out infinite}
.drift-c{animation:cardFloatA 7s ease-in-out infinite reverse}
.drift-d{animation:cardFloatB 5.8s ease-in-out infinite reverse}
.drift-e{animation:cardFloatA 6.6s ease-in-out infinite}
@keyframes cardFloatA{0%,100%{margin-top:0}50%{margin-top:-8px}}
@keyframes cardFloatB{0%,100%{margin-top:0}50%{margin-top:7px}}
@media(prefers-reduced-motion:reduce){
  .live-orbit,.signal-sweep,.drift-card,.po-ring,.po-satellite,.machine-signal,.brand-ripple,.radar-beam{animation:none!important}
  .reveal{opacity:1!important;transform:none!important}
}

/* Inner pages */
.inner-page main{overflow:hidden}
.page-hero{
  position:relative;min-height:760px;padding:95px 0 90px;display:flex;align-items:center;
  border-bottom:1px solid rgba(255,255,255,.055)
}
.page-hero:before{
  content:"";position:absolute;width:620px;height:620px;border-radius:50%;right:-240px;top:-180px;
  background:radial-gradient(circle,rgba(136,99,230,.16),transparent 68%);filter:blur(10px);pointer-events:none
}
.page-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}
.page-hero-copy h1{
  font-family:'Syne',sans-serif;font-size:clamp(52px,6vw,84px);font-weight:800;line-height:.96;
  letter-spacing:-.065em;margin:20px 0 28px;max-width:850px
}
.page-hero-copy p{font-size:16px;line-height:1.75;color:#9496a6;max-width:650px}
.page-hero-copy .btn{margin-top:26px}

/* Shared orbit illustration */
.page-orbit{position:relative;height:560px;min-width:0}
.po-grid{
  position:absolute;inset:30px;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
  background-size:38px 38px;mask-image:radial-gradient(circle,black,transparent 72%)
}
.po-ring{position:absolute;left:50%;top:50%;border:1px solid rgba(168,130,245,.18);border-radius:50%}
.po-ring-1{width:180px;height:180px;margin:-90px;animation:orviumOrbit 12s linear infinite}
.po-ring-2{width:320px;height:320px;margin:-160px;animation:orviumOrbitReverse 18s linear infinite}
.po-ring-3{width:470px;height:470px;margin:-235px;animation:orviumOrbit 26s linear infinite}
.po-core{
  position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:120px;height:120px;border-radius:50%;
  background:#0c0d13;border:1px solid #4a356e;display:flex;align-items:center;justify-content:center;flex-direction:column;
  box-shadow:0 0 80px rgba(136,99,230,.18)
}
.po-core img{width:48px}.po-core span{font-size:8px;color:#6e7080;text-transform:uppercase;letter-spacing:.16em;margin-top:8px}
.po-satellite{
  position:absolute;width:66px;height:66px;border-radius:50%;display:grid;place-items:center;
  border:1px solid #3e3158;background:#101119;box-shadow:0 12px 35px rgba(0,0,0,.4)
}
.po-satellite span{font-size:9px;font-weight:800;letter-spacing:.14em;color:#b994fa}
.sat-1{left:50%;top:45px;margin-left:-33px;animation:satFloat1 6s ease-in-out infinite}
.sat-2{right:38px;top:50%;margin-top:-33px;animation:satFloat2 7s ease-in-out infinite}
.sat-3{left:50%;bottom:43px;margin-left:-33px;animation:satFloat1 6.8s ease-in-out infinite reverse}
.sat-4{left:35px;top:50%;margin-top:-33px;animation:satFloat2 7.4s ease-in-out infinite reverse}
@keyframes satFloat1{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
@keyframes satFloat2{0%,100%{transform:translateX(0)}50%{transform:translateX(10px)}}

/* Solutions page */
.capability-page{padding-top:100px}
.capability-list{border-top:1px solid var(--line)}
.capability-row{
  display:grid;grid-template-columns:50px 68px 1.2fr .8fr;gap:24px;align-items:start;
  padding:38px 0;border-bottom:1px solid var(--line);position:relative
}
.capability-row:after{
  content:"";position:absolute;left:0;bottom:-1px;width:0;height:1px;background:linear-gradient(90deg,var(--purple),transparent);transition:width .45s ease
}
.capability-row:hover:after{width:70%}
.cap-num{font-size:9px;color:#545665;padding-top:15px}
.cap-icon{width:54px;height:54px;border-radius:14px;border:1px solid #3b2d55;background:rgba(136,99,230,.07);display:grid;place-items:center;color:#b889ff;font-size:23px}
.cap-copy>span{font-size:9px;color:#a479ec;font-weight:800;letter-spacing:.16em}
.cap-copy h3{font-family:'Syne',sans-serif;font-size:27px;letter-spacing:-.035em;margin:8px 0 10px}
.cap-copy p,.cap-use li{color:#838594;font-size:12px;line-height:1.65}
.cap-use small{font-size:8px;color:#666878;letter-spacing:.15em}
.cap-use ul{list-style:none;padding:0;margin:12px 0 0}
.cap-use li{padding:5px 0;border-bottom:1px solid rgba(255,255,255,.035)}
.cap-use li:before{content:"→";color:#9e69f1;margin-right:7px}
.orchestration-panel{padding:48px;border:1px solid #322641;border-radius:26px;background:radial-gradient(circle at 78% 50%,rgba(136,99,230,.11),transparent 32%),#0c0d13}
.orchestration-copy{max-width:760px}
.orchestration-copy h2{font-family:'Syne',sans-serif;font-size:clamp(36px,4.2vw,58px);letter-spacing:-.05em;line-height:1.04;margin:13px 0}
.orchestration-copy p{color:#878999;line-height:1.7}
.mini-architecture{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:38px;padding:28px;border:1px solid #242532;border-radius:16px;background:#090a0f}
.mini-architecture span{padding:10px 13px;border:1px solid #2b2c3b;border-radius:10px;color:#9c9eac;font-size:10px}
.mini-architecture .hot{border-color:#5d4188;background:rgba(136,99,230,.1);color:#cfb6ff}
.mini-architecture b{color:#515362}

/* Method page */
.method-machine{position:relative;height:520px}
.machine-track{position:absolute;left:50%;top:7%;bottom:7%;width:1px;background:linear-gradient(transparent,#5e3a8b 12%,#5e3a8b 88%,transparent)}
.machine-node{
  position:absolute;left:50%;transform:translateX(-50%);width:260px;padding:15px 18px;border-radius:14px;
  border:1px solid #2d2e3c;background:#0d0e14;display:flex;align-items:center;gap:14px
}
.machine-node b{width:35px;height:35px;border-radius:50%;display:grid;place-items:center;background:rgba(136,99,230,.10);color:#b98cff;font-size:9px}
.machine-node span{font-family:'Syne',sans-serif;font-size:14px;font-weight:700}
.mn-1{top:3%}.mn-2{top:31%}.mn-3{top:59%}.mn-4{top:87%;transform:translate(-50%,-100%)}
.machine-signal{
  position:absolute;left:50%;top:10%;width:9px;height:9px;margin-left:-4px;border-radius:50%;background:#bc90ff;
  box-shadow:0 0 25px #935aea;animation:machineTravel 5.6s ease-in-out infinite
}
@keyframes machineTravel{0%{top:9%}33%{top:37%}66%{top:65%}100%{top:90%}}
.method-deep-list{border-top:1px solid var(--line)}
.method-deep-row{display:grid;grid-template-columns:70px .9fr 1.1fr;gap:30px;padding:55px 0;border-bottom:1px solid var(--line)}
.md-number{font-size:10px;color:#5f6170;padding-top:9px}
.md-title>span{font-size:9px;letter-spacing:.16em;color:#a779ef;font-weight:800}
.md-title h2{font-family:'Syne',sans-serif;font-size:33px;line-height:1.07;letter-spacing:-.04em;margin:9px 0}
.md-body p{color:#858797;line-height:1.7;margin-top:0}
.md-question{margin-top:20px;padding:14px 16px;border-left:2px solid #7f51c8;background:rgba(136,99,230,.045);color:#858797;font-size:11px;line-height:1.6}
.md-question strong{color:#c6c7d0}
.principle-panel{padding:50px;border:1px solid #37294d;border-radius:26px;background:linear-gradient(135deg,rgba(136,99,230,.08),rgba(255,255,255,.012))}
.principle-panel>span{font-size:9px;color:#a77cee;letter-spacing:.18em;font-weight:800}
.principle-panel h2{font-family:'Syne',sans-serif;font-size:clamp(32px,4vw,51px);letter-spacing:-.045em;line-height:1.1;margin:15px 0}
.principle-panel p{color:#808292;line-height:1.6}

/* About */
.brand-field{position:relative;height:530px;display:grid;place-items:center}
.brand-field img{width:92px;position:relative;z-index:4;filter:drop-shadow(0 0 35px rgba(136,99,230,.3))}
.brand-field>span{position:absolute;bottom:65px;font-size:9px;letter-spacing:.16em;color:#676979;text-transform:uppercase}
.brand-ripple{position:absolute;border:1px solid rgba(168,130,245,.18);border-radius:50%;animation:brandPulse 4.8s ease-in-out infinite}
.br-1{width:140px;height:140px}.br-2{width:240px;height:240px;animation-delay:.35s}.br-3{width:350px;height:350px;animation-delay:.7s}.br-4{width:470px;height:470px;animation-delay:1.05s}
@keyframes brandPulse{0%,100%{transform:scale(.96);opacity:.35}50%{transform:scale(1.03);opacity:.85}}
.manifesto-grid{display:grid;grid-template-columns:.6fr 1.4fr;gap:80px}
.manifesto-title{display:flex;gap:20px;align-items:flex-start}.manifesto-title h2{font-family:'Syne',sans-serif;font-size:52px;letter-spacing:-.05em;margin:0}
.manifesto-big{font-family:'Syne',sans-serif;font-size:clamp(28px,3.4vw,43px)!important;line-height:1.18!important;color:#e9e9ee!important;letter-spacing:-.035em}
.manifesto-copy p{color:#838595;line-height:1.75;font-size:14px}
.values-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.value-card{min-height:260px;padding:26px;border:1px solid var(--line);border-radius:18px;background:#0c0d13}
.value-card>span{font-size:9px;color:#8f61dc}.value-card h3{font-family:'Syne',sans-serif;font-size:21px;line-height:1.15;margin:45px 0 12px}.value-card p{color:#7e8090;font-size:12px;line-height:1.6}
.identity-panel{padding:52px;border:1px solid #332641;border-radius:26px;background:#0c0d13}
.identity-panel h2{font-family:'Syne',sans-serif;font-size:clamp(34px,4vw,55px);letter-spacing:-.05em;line-height:1.06;max-width:970px}
.identity-chain{margin-top:38px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.identity-chain span{padding:10px 12px;border:1px solid #292a38;border-radius:10px;font-size:9px;color:#898b9a}
.identity-chain .active{border-color:#6a469a;background:rgba(136,99,230,.1);color:#d3baff}
.identity-chain b{color:#4d4f5e}

/* Lab page */
.lab-radar-large{position:relative;height:540px}
.radar-grid{position:absolute;inset:25px;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:40px 40px;mask-image:radial-gradient(circle,black,transparent 70%)}
.radar-circle{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid rgba(168,130,245,.18);border-radius:50%}
.rc1{width:180px;height:180px}.rc2{width:310px;height:310px}.rc3{width:440px;height:440px}
.radar-beam{position:absolute;left:50%;top:50%;width:220px;height:1px;background:linear-gradient(90deg,#a979f6,transparent);transform-origin:left;animation:signalSweep 6s linear infinite}
.radar-core-large{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:95px;height:95px;border-radius:50%;display:grid;place-items:center;border:1px solid #4a356a;background:#0c0d13;box-shadow:0 0 60px rgba(136,99,230,.18)}
.radar-core-large img{width:42px}
.radar-point{position:absolute;padding:8px 10px;border:1px solid #2d2e3b;border-radius:9px;background:#0d0e14;color:#898b9a;font-size:9px}
.rp1{left:8%;top:25%}.rp2{right:4%;top:34%}.rp3{left:17%;bottom:17%}.rp4{right:15%;bottom:12%}
.lab-process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.lp-card{padding:26px;border:1px solid var(--line);border-radius:18px;background:#0c0d13;min-height:225px}
.lp-card>span{font-size:9px;color:#8e5fe0}.lp-card h3{font-family:'Syne',sans-serif;font-size:22px;margin:48px 0 10px}.lp-card p{font-size:12px;color:#7e8090;line-height:1.6}
.lab-live-panel{padding:44px;border:1px solid #3b2d53;border-radius:26px;background:radial-gradient(circle at 80% 20%,rgba(136,99,230,.09),transparent 34%),#0c0d13}
.live-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px}
.live-head span{font-size:9px;color:#a677ef;letter-spacing:.15em}.live-head h2{font-family:'Syne',sans-serif;font-size:38px;margin:7px 0}
.live-head>i{font-style:normal;font-size:9px;color:#777989}.live-head>i b{display:inline-block;width:6px;height:6px;border-radius:50%;background:#a97cf6;box-shadow:0 0 12px #a97cf6;margin-right:6px}
.fake-dashboard{display:grid;grid-template-columns:.35fr .65fr;gap:12px;margin-top:25px}
.fd-stat,.fd-bars{padding:25px;border:1px solid #252633;border-radius:15px;background:#090a0f}
.fd-stat small,.fd-stat span{display:block;color:#686a7a;font-size:8px}.fd-stat strong{display:block;font-family:'Syne',sans-serif;font-size:58px;margin:12px 0;color:#eee}
.fd-bars>div{display:grid;grid-template-columns:150px 1fr;gap:12px;align-items:center;margin:13px 0}.fd-bars span{font-size:9px;color:#8b8d9c}.fd-bars i{display:block;height:7px;background:#1f202b;border-radius:99px;overflow:hidden}.fd-bars b{display:block;height:100%;background:linear-gradient(90deg,#7648ca,#a87cf5);border-radius:99px}
.demo-disclaimer{display:block;margin-top:13px;color:#535565;font-size:8px}

/* Contact */
.contact-page{min-height:calc(100vh - 78px)}
.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:75px;align-items:center}
.contact-options{display:grid;gap:10px}
.contact-card{position:relative;display:block;text-decoration:none;padding:25px 55px 25px 25px;border:1px solid #292a38;border-radius:17px;background:#0c0d13;transition:.23s ease}
.contact-card:hover{border-color:#594079;transform:translateX(5px);background:linear-gradient(135deg,rgba(136,99,230,.08),#0c0d13)}
.contact-card>span{font-size:8px;color:#9d70e8;letter-spacing:.15em}.contact-card h3{font-family:'Syne',sans-serif;font-size:21px;margin:9px 0}.contact-card p{margin:0;color:#7d7f8f;font-size:11px;line-height:1.55}.contact-card>b{position:absolute;right:22px;top:50%;transform:translateY(-50%);color:#8760c9}

/* Rich footer */
.footer{padding-top:45px}
.footer-main{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;padding-bottom:35px}
.footer-brand img{width:125px}.footer-brand p{font-size:10px;color:#636575;margin-top:13px}
.footer-nav{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}
.footer-nav>div{display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.footer-nav span{font-size:8px;color:#565867;text-transform:uppercase;letter-spacing:.15em;margin-bottom:5px}
.footer-nav a{font-size:10px;color:#848695;text-decoration:none}.footer-nav a:hover{color:#fff}

/* Exit intent */
.exit-modal{position:fixed;inset:0;z-index:9998;display:grid;place-items:center;opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s ease}
.exit-modal.open{opacity:1;visibility:visible}
.exit-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.76);backdrop-filter:blur(9px)}
.exit-dialog{
  position:relative;z-index:2;width:min(calc(100% - 32px),470px);padding:34px 34px 28px;border-radius:24px;
  border:1px solid #4b326b;background:radial-gradient(circle at 50% 0,rgba(136,99,230,.13),transparent 34%),linear-gradient(160deg,#111218,#090a0e);
  box-shadow:0 40px 120px rgba(0,0,0,.65);text-align:center;transform:translateY(16px) scale(.98);transition:transform .3s cubic-bezier(.16,1,.3,1)
}
.exit-modal.open .exit-dialog{transform:none}
.exit-close{position:absolute;right:16px;top:13px;border:0;background:none;color:#777988;font-size:22px}
.exit-logo{width:112px;margin:2px auto 15px}
.exit-kicker{font-size:8px;color:#9c70e5;letter-spacing:.17em;font-weight:800}
.exit-dialog h2{font-family:'Syne',sans-serif;font-size:31px;line-height:1.06;letter-spacing:-.045em;margin:11px 0}
.exit-dialog p{font-size:12px;line-height:1.65;color:#858797;margin:0 auto 20px;max-width:370px}
.exit-dialog .btn{width:100%}
.exit-stay{border:0;background:none;color:#77798a;font-size:10px;margin:13px auto 4px}
.exit-dialog>small{display:block;color:#505261;font-size:8px}
.exit-orbit{width:82px;height:82px;margin:0 auto 16px;position:relative;display:grid;place-items:center}
.exit-orbit img{width:30px;position:relative;z-index:2}
.eo-ring{position:absolute;border:1px solid rgba(168,130,245,.18);border-radius:50%}
.eo-r1{inset:18px}.eo-r2{inset:8px}.eo-r3{inset:-3px}
.eo-dot{position:absolute;width:5px;height:5px;border-radius:50%;background:#b583ff;box-shadow:0 0 10px #b583ff}
.eo-d1{left:4px;top:50%;animation:exitDot 4s ease-in-out infinite}.eo-d2{right:7px;top:20%;animation:exitDot 4s ease-in-out infinite reverse}
@keyframes exitDot{50%{transform:scale(1.6);opacity:.4}}

/* Page transition */
.page-transition{position:fixed;inset:0;z-index:9997;pointer-events:none;visibility:hidden}
.page-transition:before{
  content:"";position:absolute;inset:0;background:#0f1115;transform:translateY(100%);
  transition:transform .55s cubic-bezier(.76,0,.24,1)
}
.page-transition span{
  position:absolute;left:50%;top:50%;width:6px;height:6px;margin:-3px;border-radius:50%;background:#a882f5;
  box-shadow:0 0 45px 14px rgba(136,99,230,.25);opacity:0;transition:opacity .25s
}
body.page-leaving .page-transition{visibility:visible}
body.page-leaving .page-transition:before{transform:translateY(0)}
body.page-leaving .page-transition span{opacity:1}

/* Better reveal variations */
.reveal-left{opacity:0;transform:translateX(-25px);transition:.75s cubic-bezier(.16,1,.3,1)}
.reveal-right{opacity:0;transform:translateX(25px);transition:.75s cubic-bezier(.16,1,.3,1)}
.reveal-left.visible,.reveal-right.visible{opacity:1;transform:none}

/* responsive V3 */
@media(max-width:980px){
  .page-hero-grid,.contact-grid{grid-template-columns:1fr}
  .page-orbit,.brand-field,.lab-radar-large{height:480px}
  .capability-row{grid-template-columns:45px 58px 1fr}.cap-use{grid-column:3}
  .method-deep-row{grid-template-columns:55px 1fr}.md-body{grid-column:2}
  .values-grid,.lab-process-grid{grid-template-columns:1fr 1fr}
  .manifesto-grid{grid-template-columns:1fr;gap:30px}
  .footer-main{grid-template-columns:1fr;gap:30px}
}
@media(max-width:650px){
  .page-hero{min-height:auto;padding:70px 0}
  .page-hero-copy h1{font-size:49px}
  .page-orbit,.brand-field,.lab-radar-large{height:390px}
  .po-ring-3,.br-4,.rc3{display:none}
  .po-satellite{width:54px;height:54px}.sat-2{right:5px}.sat-4{left:5px}
  .capability-row{grid-template-columns:36px 1fr;gap:14px}.cap-icon{grid-column:2}.cap-copy,.cap-use{grid-column:2}
  .cap-copy h3{font-size:23px}
  .method-machine{height:480px}.machine-node{width:220px}
  .method-deep-row{grid-template-columns:1fr;gap:14px}.md-number{display:none}.md-body{grid-column:auto}
  .values-grid,.lab-process-grid{grid-template-columns:1fr}
  .identity-chain{align-items:stretch;flex-direction:column}.identity-chain b{transform:rotate(90deg);align-self:center}
  .fake-dashboard{grid-template-columns:1fr}.fd-bars>div{grid-template-columns:120px 1fr}
  .footer-nav{grid-template-columns:1fr 1fr}
  .exit-dialog{padding:28px 20px 23px}.exit-dialog h2{font-size:28px}
}

/* menu mobile must stay above page */
@media(max-width:1020px){
  .nav-links.mobile-open{
    display:flex;position:absolute;top:66px;left:20px;right:20px;padding:18px;
    border:1px solid var(--line);border-radius:16px;background:rgba(12,12,18,.98);
    backdrop-filter:blur(18px);flex-direction:column;align-items:flex-start;box-shadow:var(--shadow)
  }
  .nav-links.mobile-open a{width:100%;padding:10px 2px}
}


/* =========================================================
   ORVIUM V4 — Organic Motion
   Objetivo: menos "engrenagem SaaS", mais peso, inércia e resposta.
   Estrutura, identidade, logo, cores e conteúdo permanecem intactos.
   ========================================================= */

/* 1) Apenas UMA órbita tem movimento autônomo contínuo.
   A velocidade muda levemente durante o ciclo em vez de ser linear. */
.orbit-one{
  animation:orviumOrganicOrbit 26s infinite;
  animation-delay:-7.4s;
  animation-timing-function:linear;
  opacity:.72;
}
@keyframes orviumOrganicOrbit{
  0%{
    transform:rotate(0deg);
    animation-timing-function:cubic-bezier(.35,.03,.62,.96);
  }
  16%{
    transform:rotate(43deg);
    animation-timing-function:cubic-bezier(.18,.72,.33,1);
  }
  38%{
    transform:rotate(139deg);
    animation-timing-function:cubic-bezier(.46,.03,.72,.76);
  }
  57%{
    transform:rotate(205deg);
    animation-timing-function:cubic-bezier(.16,.76,.36,1);
  }
  79%{
    transform:rotate(304deg);
    animation-timing-function:cubic-bezier(.42,.05,.72,.91);
  }
  100%{transform:rotate(360deg)}
}

/* Órbitas secundárias deixam de girar sozinhas.
   Viram profundidade visual e reagem ao ponteiro via JS. */
.orbit-two,
.orbit-three{
  animation:none!important;
  transition:
    translate 1.15s cubic-bezier(.22,.72,.27,1),
    opacity .5s ease,
    border-color .5s ease;
}
.orbit-two{opacity:.38;border-color:rgba(168,130,245,.075)}
.orbit-three{opacity:.23;border-color:rgba(168,130,245,.06)}

/* O sweep deixa de rodar infinitamente.
   Ele aponta para onde a interação acontece e desacelera com inércia. */
.signal-sweep{
  animation:none!important;
  opacity:.28;
  transform:rotate(var(--sweep-angle, 212deg));
  transition:
    transform 1.35s cubic-bezier(.18,.74,.27,1),
    opacity .55s ease;
}
.ops-visual:hover .signal-sweep{opacity:.54}

/* 2) Um único pulso autônomo, mais lento e irregular.
   O segundo deixa de respirar em sincronia. */
.ops-center .pulse-1{
  animation:organicPulse 7.8s cubic-bezier(.22,.68,.27,1) infinite;
  animation-delay:-3.1s;
}
.ops-center .pulse-2{
  animation:none!important;
  opacity:.22;
  transform:scale(1.01);
}
@keyframes organicPulse{
  0%{opacity:.16;transform:scale(.985)}
  13%{opacity:.35;transform:scale(1.01)}
  31%{opacity:.18;transform:scale(1.025)}
  48%{opacity:.50;transform:scale(1.055)}
  66%{opacity:.22;transform:scale(1.065)}
  84%{opacity:.31;transform:scale(1.035)}
  100%{opacity:.16;transform:scale(.985)}
}

/* 3) Cards não usam mais keyframes idênticos.
   JS define microdeslocamentos independentes; ponteiro continua sendo a referência. */
.drift-a,.drift-b,.drift-c,.drift-d,.drift-e{
  animation:none!important;
}
.drift-card{
  translate:var(--parallax-x,0px) var(--parallax-y,0px);
  rotate:var(--organic-rotate,0deg);
  margin-top:var(--organic-y,0px);
  margin-left:var(--organic-x,0px);
  will-change:translate,margin,rotate;
  transition:
    border-color .34s cubic-bezier(.34,1.56,.64,1),
    box-shadow .34s cubic-bezier(.34,1.56,.64,1),
    background .34s ease,
    margin-top var(--organic-duration-y,2600ms) cubic-bezier(.18,.78,.22,1),
    margin-left var(--organic-duration-x,3100ms) cubic-bezier(.24,.68,.27,1),
    rotate var(--organic-duration-r,3800ms) cubic-bezier(.22,.71,.27,1);
}

/* Posição superior já usa transform para centralização. Mantemos intacta. */
.pos-top:hover{transform:translateX(-50%) translateY(-3px)}
.ops-card:not(.pos-top):hover{transform:translateY(-3px)}

/* Um pequeno estado de "atenção" quando o ponteiro entra no mapa. */
.ops-visual.is-engaged .orbit-two{
  opacity:.52;
  border-color:rgba(168,130,245,.12);
}
.ops-visual.is-engaged .orbit-three{opacity:.30}

/* 4) Interações com sensação elástica, sem alterar o layout. */
.btn,
.problem-card,
.solution-card,
.contact-card,
.value-card,
.lp-card,
.capability-row,
.ops-card{
  transition-timing-function:cubic-bezier(.34,1.56,.64,1);
}
.btn:hover{
  transform:translateY(-2px) scale(1.008);
}
.problem-card:hover,
.solution-card:hover,
.value-card:hover,
.lp-card:hover{
  transform:translateY(-3px) scale(1.006);
}
.contact-card:hover{transform:translateX(5px) scale(1.004)}

/* Luz central reage com atraso ao cursor, sem loop infinito. */
.ops-glow{
  translate:var(--glow-x,0px) var(--glow-y,0px);
  transition:translate 1.8s cubic-bezier(.18,.72,.25,1),opacity .55s ease;
}
.ops-visual.is-engaged .ops-glow{opacity:.24}

/* Respeita o sistema operacional e remove também os movimentos via propriedades individuais. */
@media(prefers-reduced-motion:reduce){
  .orbit-one,
  .ops-center .pulse-1{
    animation:none!important;
  }
  .orbit-two,
  .orbit-three,
  .signal-sweep,
  .drift-card,
  .ops-glow{
    transition:none!important;
    translate:none!important;
    rotate:none!important;
    margin-top:0!important;
    margin-left:0!important;
  }
}


/* =========================================================
   ORVIUM V5 — Organic Motion nas páginas internas
   Mantém estrutura, identidade, layout e conteúdo visual.
   ========================================================= */

/* ---------- /solucoes ---------- */

/* Apenas o anel interno mantém rotação autônoma.
   O movimento possui acelerações/desacelerações não uniformes. */
.po-ring-1{
  animation:poOrganicOrbit 31s infinite!important;
  animation-delay:-11.7s!important;
  animation-timing-function:linear!important;
  opacity:.72;
}
@keyframes poOrganicOrbit{
  0%{
    transform:rotate(0deg);
    animation-timing-function:cubic-bezier(.31,.04,.63,.94);
  }
  19%{
    transform:rotate(51deg);
    animation-timing-function:cubic-bezier(.16,.74,.32,1);
  }
  43%{
    transform:rotate(151deg);
    animation-timing-function:cubic-bezier(.44,.04,.73,.82);
  }
  61%{
    transform:rotate(216deg);
    animation-timing-function:cubic-bezier(.17,.77,.35,1);
  }
  84%{
    transform:rotate(314deg);
    animation-timing-function:cubic-bezier(.39,.05,.69,.93);
  }
  100%{transform:rotate(360deg)}
}

/* Os anéis maiores funcionam como profundidade reativa. */
.po-ring-2,
.po-ring-3{
  animation:none!important;
  opacity:.32;
  transition:
    translate 1.45s cubic-bezier(.18,.72,.25,1),
    rotate 1.75s cubic-bezier(.2,.67,.26,1),
    opacity .55s ease,
    border-color .55s ease;
}
.po-ring-3{opacity:.18}

/* Satélites deixam de flutuar por loops iguais.
   O JS atribui pequenos destinos independentes. */
.po-satellite,
.sat-1,.sat-2,.sat-3,.sat-4{
  animation:none!important;
}
.po-satellite{
  translate:var(--sat-x,0px) var(--sat-y,0px);
  rotate:var(--sat-r,0deg);
  will-change:translate,rotate;
  transition:
    translate var(--sat-duration,3200ms) cubic-bezier(.18,.77,.24,1),
    rotate var(--sat-rotate-duration,4100ms) cubic-bezier(.22,.68,.28,1),
    border-color .34s cubic-bezier(.34,1.56,.64,1),
    box-shadow .34s cubic-bezier(.34,1.56,.64,1);
}
.page-orbit.is-engaged .po-ring-2{opacity:.47;border-color:rgba(168,130,245,.14)}
.page-orbit.is-engaged .po-ring-3{opacity:.25}

/* ---------- /metodo ---------- */

.machine-signal{
  animation:machineTravelOrganic 8.4s infinite!important;
  animation-delay:-2.65s!important;
  animation-timing-function:linear!important;
}
@keyframes machineTravelOrganic{
  0%{
    top:9%;
    transform:scale(.94);
    opacity:.70;
    animation-timing-function:cubic-bezier(.18,.74,.27,1);
  }
  24%{
    top:35%;
    transform:scale(1.08);
    opacity:1;
    animation-timing-function:cubic-bezier(.42,.02,.68,.82);
  }
  31%{
    top:37%;
    transform:scale(.96);
    opacity:.80;
    animation-timing-function:cubic-bezier(.16,.78,.32,1);
  }
  55%{
    top:63%;
    transform:scale(1.10);
    opacity:1;
    animation-timing-function:cubic-bezier(.46,.04,.75,.80);
  }
  63%{
    top:65%;
    transform:scale(.95);
    opacity:.78;
    animation-timing-function:cubic-bezier(.17,.76,.34,1);
  }
  88%{
    top:88%;
    transform:scale(1.06);
    opacity:.96;
    animation-timing-function:cubic-bezier(.35,.05,.63,.95);
  }
  100%{
    top:90%;
    transform:scale(.92);
    opacity:.58;
  }
}

/* ---------- /sobre ---------- */

.brand-ripple{
  animation-name:brandPulseOrganic!important;
  animation-timing-function:linear!important;
  animation-iteration-count:infinite!important;
  transform:scale(var(--br-rest,.97));
}
.br-1{
  --br-min:.965;--br-mid:1.018;--br-max:1.038;
  --br-low:.22;--br-mid-opacity:.72;--br-high:.46;
  animation-duration:7.15s!important;
  animation-delay:-1.38s!important;
}
.br-2{
  --br-min:.982;--br-mid:1.026;--br-max:1.052;
  --br-low:.13;--br-mid-opacity:.52;--br-high:.31;
  animation-duration:9.45s!important;
  animation-delay:-5.12s!important;
}
.br-3{
  --br-min:.972;--br-mid:1.015;--br-max:1.034;
  --br-low:.10;--br-mid-opacity:.38;--br-high:.24;
  animation-duration:11.8s!important;
  animation-delay:-2.91s!important;
}
.br-4{
  --br-min:.988;--br-mid:1.022;--br-max:1.044;
  --br-low:.07;--br-mid-opacity:.27;--br-high:.16;
  animation-duration:14.6s!important;
  animation-delay:-9.28s!important;
}
@keyframes brandPulseOrganic{
  0%{
    transform:scale(var(--br-min));
    opacity:var(--br-low);
    animation-timing-function:cubic-bezier(.22,.67,.25,1);
  }
  29%{
    transform:scale(var(--br-mid));
    opacity:var(--br-mid-opacity);
    animation-timing-function:cubic-bezier(.43,.03,.72,.86);
  }
  54%{
    transform:scale(var(--br-max));
    opacity:var(--br-high);
    animation-timing-function:cubic-bezier(.17,.73,.31,1);
  }
  79%{
    transform:scale(calc((var(--br-min) + var(--br-mid)) / 2));
    opacity:calc(var(--br-low) + .08);
    animation-timing-function:cubic-bezier(.38,.05,.69,.93);
  }
  100%{
    transform:scale(var(--br-min));
    opacity:var(--br-low);
  }
}

/* ---------- /lab ---------- */

/* O radar conserva um único gesto autônomo, mas sem rotação uniforme. */
.radar-beam{
  animation:radarOrganicSweep 13.5s infinite!important;
  animation-delay:-5.6s!important;
  animation-timing-function:linear!important;
  opacity:.48;
  transition:opacity .55s ease;
}
@keyframes radarOrganicSweep{
  0%{
    transform:rotate(12deg);
    animation-timing-function:cubic-bezier(.28,.04,.65,.93);
  }
  18%{
    transform:rotate(63deg);
    animation-timing-function:cubic-bezier(.16,.75,.31,1);
  }
  41%{
    transform:rotate(161deg);
    animation-timing-function:cubic-bezier(.44,.03,.72,.84);
  }
  58%{
    transform:rotate(224deg);
    animation-timing-function:cubic-bezier(.17,.78,.34,1);
  }
  82%{
    transform:rotate(323deg);
    animation-timing-function:cubic-bezier(.40,.05,.70,.92);
  }
  100%{transform:rotate(372deg)}
}

.radar-circle{
  transition:
    translate 1.55s cubic-bezier(.18,.72,.25,1),
    opacity .55s ease,
    border-color .55s ease;
}
.rc1{opacity:.72}
.rc2{opacity:.39}
.rc3{opacity:.22}
.lab-radar-large.is-engaged .rc2{opacity:.53;border-color:rgba(168,130,245,.14)}
.lab-radar-large.is-engaged .rc3{opacity:.31}
.lab-radar-large.is-engaged .radar-beam{opacity:.68}

/* ---------- exit intent ---------- */

.eo-dot{animation-timing-function:linear!important}
.eo-d1{
  animation:exitDotOrganicA 5.7s infinite!important;
  animation-delay:-1.73s!important;
}
.eo-d2{
  animation:exitDotOrganicB 7.15s infinite!important;
  animation-delay:-4.28s!important;
}
@keyframes exitDotOrganicA{
  0%,100%{transform:scale(.88);opacity:.82}
  27%{transform:scale(1.36);opacity:.48}
  61%{transform:scale(1.02);opacity:.93}
  82%{transform:scale(1.18);opacity:.61}
}
@keyframes exitDotOrganicB{
  0%,100%{transform:scale(1.05);opacity:.62}
  19%{transform:scale(.86);opacity:.91}
  48%{transform:scale(1.42);opacity:.39}
  73%{transform:scale(1.12);opacity:.76}
}

/* Hover físico também nas páginas internas. */
.capability-row,
.po-satellite,
.machine-node,
.value-card,
.lp-card,
.contact-card{
  transition-timing-function:cubic-bezier(.34,1.56,.64,1);
}

/* Reduced motion cobre toda a V5. */
@media(prefers-reduced-motion:reduce){
  .po-ring-1,
  .machine-signal,
  .brand-ripple,
  .radar-beam,
  .eo-dot{
    animation:none!important;
  }

  .po-ring-2,
  .po-ring-3,
  .po-satellite,
  .radar-circle{
    transition:none!important;
    translate:none!important;
    rotate:none!important;
  }

  .page-orbit,
  .brand-field,
  .lab-radar-large{
    --mx:0px!important;
    --my:0px!important;
  }
}

/* =========================================================
   ORVIUM ADMIN — banco centralizado / Tech Connect
   ========================================================= */
.admin-page{min-height:100vh;background:#0b0c10;color:#f4f4f6;font-family:'DM Sans',sans-serif}
.admin-container{width:min(calc(100% - 38px),1380px);margin:auto}
.admin-header{position:sticky;top:0;z-index:60;background:rgba(11,12,16,.88);backdrop-filter:blur(18px);border-bottom:1px solid #23242f}
.admin-header-inner{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.admin-header img{width:118px;display:block}
.admin-header-actions{display:flex;align-items:center;gap:12px;color:#8f91a1;font-size:11px}.admin-header-actions form{margin:0}.admin-logout{border:0;background:none;color:#8f91a1;padding:10px;cursor:pointer}.admin-logout:hover{color:#fff}
.admin-main{padding:48px 0 90px}.admin-title-row{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:25px}.admin-title-row h1{font-family:'Syne',sans-serif;font-size:clamp(38px,5vw,62px);letter-spacing:-.055em;margin:8px 0}.admin-title-row p{color:#77798a;margin:0}.admin-eyebrow{display:block;color:#a77bea;font-size:9px;font-weight:800;letter-spacing:.17em}.admin-live{display:flex;align-items:center;gap:8px;color:#77798a;font-size:10px}.admin-live i{width:7px;height:7px;border-radius:50%;background:#9e6bed;box-shadow:0 0 14px #9e6bed}
.admin-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.admin-stats-grid article{padding:23px;background:#101117;border:1px solid #272833;border-radius:17px}.admin-stats-grid span{display:block;color:#7f8191;font-size:9px}.admin-stats-grid strong{display:block;font-family:'Syne',sans-serif;font-size:40px;letter-spacing:-.055em;margin:7px 0}.admin-stats-grid small{color:#545665;font-size:8px}
.admin-overview-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:10px;margin-top:10px}.admin-panel{background:#101117;border:1px solid #272833;border-radius:19px;padding:25px}.admin-panel-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:20px}.admin-panel-head span{font-size:8px;color:#766e82;letter-spacing:.16em}.admin-panel-head h2{font-family:'Syne',sans-serif;font-size:24px;letter-spacing:-.035em;margin:6px 0 0}.admin-bars{display:grid;gap:13px}.admin-bar-row{display:grid;grid-template-columns:180px 1fr 38px;align-items:center;gap:13px}.admin-bar-row>span{font-size:10px;color:#9799a8}.admin-bar-row i{height:7px;background:#20212a;border-radius:99px;overflow:hidden}.admin-bar-row b{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#7450bf,#a882f5)}.admin-bar-row strong{font-size:9px;color:#77798a;text-align:right}.admin-segments>div{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:11px 0;border-bottom:1px solid #22232d;font-size:10px}.admin-segments>div:last-child{border-bottom:0}.admin-segments span{color:#9294a3}.admin-segments strong{color:#fff}
.admin-leads-panel{margin-top:10px}.admin-leads-head{align-items:center}.admin-filters{display:flex;gap:8px;flex-wrap:wrap}.admin-filters input,.admin-filters select{width:auto;min-width:210px;padding:10px 12px;font-size:11px}.admin-table-wrap{overflow-x:auto}.admin-table{width:100%;border-collapse:collapse;min-width:1080px}.admin-table th{text-align:left;color:#5f6170;font-size:8px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;padding:11px 10px;border-bottom:1px solid #292a35}.admin-table td{padding:14px 10px;border-bottom:1px solid #20212a;color:#a8aab6;font-size:10px;vertical-align:middle}.admin-table td strong{display:block;color:#eee;font-size:11px}.admin-table td small{display:block;color:#666878;margin-top:4px}.admin-detail-btn{border:1px solid #383044;background:rgba(136,99,230,.06);color:#bd9bf3;border-radius:9px;padding:8px 10px;font-size:9px;cursor:pointer}.admin-detail-btn:hover{background:rgba(136,99,230,.12)}
.score-pill,.status-pill,.interest-yes{display:inline-flex;align-items:center;padding:6px 8px;border-radius:999px;font-size:8px;border:1px solid #343543;white-space:nowrap}.level-alto,.level-muito-alto{color:#c29dff;border-color:#513a73;background:rgba(136,99,230,.08)}.level-moderado{color:#d9cba4}.level-baixo{color:#8ebaa3}.interest-yes{color:#d7c0ff;border-color:#594079}.interest-no{color:#535563}.status-new{color:#c0c2cf}.status-contacted{color:#a7c7ef}.status-meeting{color:#d3b6ff}.status-proposal{color:#e2c98d}.status-won{color:#97d4ad}.status-lost{color:#999}
.admin-empty{color:#606271;font-size:10px}.admin-alert{padding:13px 15px;border-radius:11px;font-size:11px;line-height:1.5;margin:14px 0}.admin-alert.danger{border:1px solid rgba(219,90,105,.35);background:rgba(219,90,105,.08);color:#e6a1aa}.admin-alert.success{border:1px solid rgba(93,185,128,.35);background:rgba(93,185,128,.08);color:#9fd1b2}
.admin-auth-shell{min-height:100vh;display:grid;place-items:center;padding:35px 18px;background:radial-gradient(circle at 50% 0,rgba(136,99,230,.13),transparent 36%),#0b0c10}.admin-auth-card{width:min(100%,430px);padding:32px;border:1px solid #2c2d38;border-radius:22px;background:#101117;box-shadow:0 35px 100px rgba(0,0,0,.38)}.admin-auth-logo img{width:125px}.admin-auth-card h1{font-family:'Syne',sans-serif;font-size:34px;letter-spacing:-.045em;margin:10px 0}.admin-auth-card>p{color:#818392;font-size:12px;line-height:1.6}.admin-auth-form{display:grid;gap:15px;margin-top:22px}.admin-auth-form label>span{display:block;color:#b5b7c2;font-size:10px;margin-bottom:7px}.admin-auth-form input{font-size:14px}.admin-auth-form .btn{width:100%;margin-top:5px}.admin-auth-form .btn:disabled{opacity:.4;cursor:not-allowed}.admin-back{display:block;text-align:center;color:#696b79;font-size:10px;margin-top:20px;text-decoration:none}
.admin-modal{position:fixed;inset:0;z-index:100;display:grid;place-items:center;opacity:0;visibility:hidden;transition:.2s}.admin-modal.open{opacity:1;visibility:visible}.admin-modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.76);backdrop-filter:blur(8px)}.admin-modal-dialog{position:relative;z-index:2;width:min(calc(100% - 28px),760px);max-height:88vh;overflow:auto;padding:28px;border:1px solid #3a2e4e;border-radius:22px;background:#101117;box-shadow:0 40px 120px rgba(0,0,0,.65)}.admin-modal-close{position:absolute;right:15px;top:11px;border:0;background:none;color:#858797;font-size:24px;cursor:pointer}.admin-modal-dialog h2{font-family:'Syne',sans-serif;font-size:30px;margin:8px 0 22px}.admin-detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.admin-detail-grid>div,.admin-contact-box>div{padding:13px;border:1px solid #252631;border-radius:11px;background:#0c0d12}.admin-detail-grid span,.admin-contact-box span,.admin-detail-section>span,.admin-follow-form label>span{display:block;color:#686a78;font-size:8px;text-transform:uppercase;letter-spacing:.12em;margin-bottom:6px}.admin-detail-grid strong,.admin-contact-box strong{font-size:11px;color:#ddd}.admin-detail-section{margin-top:10px;padding:15px;border:1px solid #252631;border-radius:11px}.admin-detail-section>strong{font-size:13px}.admin-detail-section p{color:#9a9caa;line-height:1.6;margin:5px 0 0;font-size:11px}.admin-contact-box{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}.admin-contact-box small{display:block;color:#707280;margin-top:4px}.admin-contact-box a{display:block;color:#b48bec;font-size:9px;margin-top:6px}.admin-follow-form{display:grid;gap:13px;margin-top:18px;padding-top:18px;border-top:1px solid #292a35}.admin-follow-form select,.admin-follow-form textarea{font-size:12px}.admin-follow-form textarea{resize:vertical}.admin-follow-form .btn{justify-self:start}.admin-save-state{font-size:9px;color:#9b9dac}
@media(max-width:900px){.admin-stats-grid{grid-template-columns:1fr 1fr}.admin-overview-grid{grid-template-columns:1fr}.admin-title-row{align-items:flex-start;flex-direction:column}.admin-bar-row{grid-template-columns:145px 1fr 35px}.admin-detail-grid,.admin-contact-box{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.admin-container{width:min(calc(100% - 22px),1380px)}.admin-header-inner{align-items:flex-start;padding:14px 0}.admin-header-actions{align-items:flex-end;flex-direction:column}.admin-stats-grid{grid-template-columns:1fr 1fr}.admin-stats-grid article{padding:17px}.admin-stats-grid strong{font-size:30px}.admin-overview-grid{grid-template-columns:1fr}.admin-panel{padding:18px}.admin-bar-row{grid-template-columns:115px 1fr 32px}.admin-filters{width:100%}.admin-filters input,.admin-filters select{width:100%;min-width:0}.admin-detail-grid,.admin-contact-box{grid-template-columns:1fr}.admin-modal-dialog{padding:22px 17px}.admin-auth-card{padding:25px 20px}}
