/* Sidinei.com v13 — linguagem visual premium inspirada em produtos de tecnologia. */
:root{
  --ink:#070a14;
  --ink-2:#0a0f1d;
  --panel:#0d1426;
  --panel-2:#111a31;
  --line:rgba(154,169,255,.17);
  --line-strong:rgba(121,107,255,.48);
  --white:#f8f9ff;
  --muted:#a9b0c4;
  --cyan:#63d9ff;
  --blue:#3b82f6;
  --violet:#7657ff;
  --success:#42d6a4;
  --radius:24px;
  --shadow:0 28px 90px rgba(0,0,0,.38);
  --container:min(1216px,calc(100vw - 48px));
}

html{background:#070a14;scroll-behavior:smooth}
body{background:
  radial-gradient(circle at 10% 8%,rgba(84,70,231,.16),transparent 27rem),
  radial-gradient(circle at 88% 18%,rgba(68,51,220,.13),transparent 31rem),
  #070a14;color:#f7f8ff}
body::selection{background:#6952ed;color:#fff}

/* Cabeçalho flutuante e menus. */
.site-header{background:rgba(7,10,20,.82);border-bottom:1px solid rgba(151,160,208,.14);backdrop-filter:blur(24px) saturate(145%);box-shadow:0 10px 35px rgba(0,0,0,.18)}
.site-header .nav-wrap{min-height:84px;gap:34px}
.site-header .brand{font-size:1.08rem;letter-spacing:-.035em}
.site-header .brand-symbol{filter:drop-shadow(0 0 18px rgba(99,217,255,.24))}
.site-header .main-nav{gap:6px;align-items:center}
.site-header .main-nav>.nav-home,.nav-dropdown>summary{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 15px;border-radius:999px;color:#b9bfd0;font-weight:650;line-height:1;transition:color .2s,background .2s,box-shadow .2s,transform .2s}
.site-header .main-nav>.nav-home:hover,.site-header .main-nav>.nav-home[aria-current=page],.nav-dropdown>summary:hover,.nav-dropdown[open]>summary{color:#fff;background:linear-gradient(120deg,rgba(72,93,225,.24),rgba(122,68,226,.18));box-shadow:inset 0 0 0 1px rgba(130,141,255,.2)}
.nav-dropdown>summary::after{content:"";width:6px;height:6px;flex:0 0 6px;margin-left:9px;border-right:1.5px solid #7f89a6;border-bottom:1.5px solid #7f89a6;transform:translateY(-2px) rotate(45deg);transform-origin:center;transition:transform .2s,border-color .2s}
.nav-dropdown[open]>summary::after{border-color:#c4ccff;transform:translateY(2px) rotate(225deg)}
.nav-dropdown-panel{top:calc(100% + 11px);width:320px;padding:10px;border:1px solid rgba(132,145,211,.25);border-radius:18px;background:rgba(14,19,36,.97);box-shadow:0 28px 80px rgba(0,0,0,.48),0 0 0 1px rgba(255,255,255,.02);backdrop-filter:blur(24px)}
.nav-dropdown-panel::before{content:"";position:absolute;left:0;right:0;top:-18px;height:18px}
.nav-dropdown-panel a{padding:12px 13px;border-radius:11px;color:#b8c1d5;transition:background .18s,color .18s,transform .18s}
.nav-dropdown-panel a:hover,.nav-dropdown-panel a[aria-current=page]{background:linear-gradient(110deg,rgba(65,102,224,.2),rgba(118,76,229,.14));color:#fff;transform:translateX(2px)}
.nav-dropdown-panel a strong{color:#f6f8ff}
.nav-section-title{color:#8ea0ff}

/* Hero com composição cinematográfica e painel de produto. */
.hero{min-height:760px;padding:80px 0 62px;background:
  radial-gradient(circle at 84% 44%,rgba(113,62,229,.22),transparent 29rem),
  radial-gradient(circle at 12% 28%,rgba(50,77,205,.17),transparent 24rem),
  linear-gradient(180deg,#080b17 0%,#080c17 72%,#0a0e1b 100%)}
.hero::after{content:"";position:absolute;inset:auto 0 0;height:220px;pointer-events:none;background:linear-gradient(180deg,transparent,#090d19)}
.hero .hero-grid{position:relative;z-index:2;grid-template-columns:minmax(0,.9fr) minmax(480px,1.1fr);gap:64px;align-items:center}
.hero-copy{max-width:590px}
.eyebrow{color:#8ea2ff;letter-spacing:.14em;font-weight:750}
.eyebrow i{background:#52d9c1;box-shadow:0 0 15px rgba(82,217,193,.8)}
.hero h1{max-width:680px;margin:24px 0 22px;font-size:clamp(3.4rem,5.25vw,5.25rem);line-height:.98;letter-spacing:-.058em;font-weight:680}
.hero h1 span{background:linear-gradient(110deg,#fff 5%,#8aa5ff 45%,#8b5dff 96%);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-copy>p{max-width:610px;color:#aeb5c7;font-size:1.08rem;line-height:1.78}
.hero-actions{gap:14px;margin-top:31px}
.button{min-height:50px;padding:0 23px;border-radius:999px;font-weight:750;letter-spacing:-.01em}
.button.primary{border-color:#466ff6;background:linear-gradient(115deg,#245bd4,#604ce7 56%,#7b3fd8);color:#fff;box-shadow:0 15px 38px rgba(70,75,225,.28),inset 0 1px rgba(255,255,255,.16)}
.button.primary:hover{background:linear-gradient(115deg,#3374ec,#705cf1 56%,#8c4ee2);box-shadow:0 18px 46px rgba(78,82,236,.4);transform:translateY(-2px)}
.button.ghost{border-color:rgba(165,176,222,.25);background:rgba(255,255,255,.025);color:#d8dced}
.button.ghost:hover{background:rgba(255,255,255,.07);border-color:rgba(164,175,255,.48);color:#fff}
.trust-line{margin-top:27px;color:#8f98ae}
.trust-line svg{color:#56d5b2}
.hero-visual{perspective:1100px}
.system-window{border:1px solid rgba(144,155,218,.23);border-radius:26px;background:
  linear-gradient(145deg,rgba(18,25,48,.98),rgba(10,15,29,.97)),#0c1222;box-shadow:0 45px 110px rgba(0,0,0,.55),0 0 100px rgba(83,64,220,.14);transform:rotateY(-2deg);animation:windowFloat 8s ease-in-out infinite}
.system-window::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,rgba(255,255,255,.07),transparent 30%,transparent 72%,rgba(113,85,255,.09))}
.window-bar{height:55px;background:#0b1120;border-bottom-color:rgba(144,156,216,.13)}
.window-bar small{color:#687089}
.signal-core{filter:drop-shadow(0 0 40px rgba(84,104,255,.18))}
.core-logo{box-shadow:0 0 0 1px rgba(137,151,255,.25),0 18px 50px rgba(24,45,112,.45)}
.data-chip{border-color:rgba(141,156,222,.22);background:rgba(15,23,43,.88);box-shadow:0 15px 35px rgba(0,0,0,.23);backdrop-filter:blur(14px)}
.data-chip i{background:#57dcc1;box-shadow:0 0 14px rgba(87,220,193,.7)}
.hero-depth-grid{opacity:.42;background-size:64px 64px;mask-image:linear-gradient(to bottom,black,transparent 86%)}
.hero-orb{filter:blur(55px);opacity:.2}

@keyframes windowFloat{0%,100%{transform:rotateY(-2deg) translateY(0)}50%{transform:rotateY(-1deg) translateY(-10px)}}

/* Faixa de capacidades semelhante a uma prova de confiança, sem números inventados. */
.proof-strip{position:relative;z-index:3;border-block:1px solid rgba(142,153,205,.12);background:#0a0e1a}
.proof-strip .container{min-height:94px;gap:22px;justify-content:center}
.proof-strip span{color:#8f98ae;font-size:.77rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.proof-strip i{width:4px;height:4px;border-radius:50%;background:#5e65a6;box-shadow:0 0 12px #646cff}

/* Ritmo das seções e cartões. */
.section{position:relative;padding-block:clamp(84px,9vw,132px)}
.section-heading h2,.split-heading h2,.offers-heading h2,.outcome h2,.final-cta h2{letter-spacing:-.052em;line-height:1.05}
.section-heading>p,.split-heading p,.offers-heading>p{color:#aab2c5;line-height:1.78}
.intro{background:linear-gradient(180deg,#090d19,#0c1120)}
.brain-section{background:
  radial-gradient(circle at 50% 52%,rgba(70,68,211,.17),transparent 31rem),
  linear-gradient(180deg,#0c1120,#080c17)}
.solutions-grid{gap:17px}
.solution-card,.feature-card{position:relative;overflow:hidden;border:1px solid rgba(141,153,209,.18);border-radius:22px;background:linear-gradient(145deg,rgba(18,27,50,.98),rgba(11,17,33,.98));box-shadow:0 20px 50px rgba(0,0,0,.12);transition:transform .28s,border-color .28s,box-shadow .28s}
.solution-card::after,.feature-card::after{content:"";position:absolute;width:180px;height:180px;right:-90px;top:-100px;border-radius:50%;background:rgba(100,73,235,.13);filter:blur(10px);transition:transform .3s,opacity .3s}
.solution-card:hover,.feature-card:hover{transform:translateY(-7px);border-color:rgba(121,113,255,.45);box-shadow:0 28px 70px rgba(0,0,0,.28),0 0 45px rgba(80,68,214,.08)}
.solution-card:hover::after,.feature-card:hover::after{transform:scale(1.18);opacity:1}
.solution-card .card-icon,.feature-card>span{background:linear-gradient(145deg,rgba(54,108,228,.24),rgba(117,76,228,.2));color:#9eb5ff;border:1px solid rgba(129,145,255,.22)}
.solution-card h3,.feature-card h2{color:#f5f7ff}
.solution-card p,.feature-card p{color:#a4acc0;line-height:1.72}
.solution-card b,.text-link{color:#9ab4ff}

/* Bloco claro cria o contraste usado pela referência, preservando a marca. */
.offers-section{background:#f4f6fb;color:#11172a}
.offers-section::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 85% 20%,rgba(108,77,231,.1),transparent 30rem);pointer-events:none}
.offers-section .eyebrow{color:#4f46e5}
.offers-heading>p{color:#5f687b}
.offer-grid{align-items:stretch}
.offer-card{display:flex;flex-direction:column;height:100%;border:1px solid #dfe3ed;border-radius:26px;background:#fff;box-shadow:0 28px 70px rgba(28,35,65,.1);overflow:hidden}
.offers-section .offer-card:nth-child(2){border-color:#dfe3ed;background:#fff}
.offer-card-copy{display:flex;flex:1;flex-direction:column;align-items:flex-start}
.offer-card-copy>span{color:#5d55d9}
.offer-card h3{color:#11172a;letter-spacing:-.035em}
.offer-card p{color:#60697b}
.offer-points span{border-color:#dfe3ee;background:#f5f6fa;color:#424a5d}
.offers-section .offer-card:nth-child(2) .offer-points span{border-color:#dfe3ee;background:#f5f6fa;color:#424a5d}
.offer-card .button{margin-top:auto}

.problems{background:#080c17}
.problem-pill{border-color:rgba(137,150,210,.18);background:rgba(17,25,47,.78);color:#bac2d5;box-shadow:0 12px 35px rgba(0,0,0,.12)}
.problem-pill:hover{border-color:rgba(116,106,240,.42);background:#141d35;color:#fff}
.problem-answer,.quote-panel,.outcome-panel{border:1px solid rgba(141,153,213,.2);border-radius:26px;background:
  radial-gradient(circle at 90% 10%,rgba(104,71,225,.14),transparent 21rem),
  linear-gradient(135deg,#121a30,#0c1325);box-shadow:0 30px 80px rgba(0,0,0,.2)}
.method{background:linear-gradient(180deg,#080c17,#0b1020)}
.method-step{border-color:rgba(140,151,207,.18)}
.step-dot{box-shadow:0 0 0 7px rgba(106,94,238,.12),0 0 25px rgba(93,97,244,.5)}
.outcome{background:radial-gradient(circle at 18% 50%,rgba(60,92,211,.13),transparent 30rem),#0b1020}
.final-cta{background:linear-gradient(135deg,#15183d 0%,#121538 44%,#2a1450 100%)}
.final-cta::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 25%,rgba(105,86,255,.26),transparent 28rem);pointer-events:none}

/* Páginas internas. */
.page-hero{min-height:480px;padding:160px 0 90px;background:
  radial-gradient(circle at 78% 28%,rgba(102,70,224,.24),transparent 28rem),
  radial-gradient(circle at 18% 20%,rgba(48,85,203,.15),transparent 24rem),
  linear-gradient(180deg,#080b17,#0b1020)}
.page-hero .narrow{max-width:880px}
.page-hero h1{font-size:clamp(3rem,6vw,5.8rem);line-height:.98;letter-spacing:-.06em}
.page-hero p{max-width:720px;color:#b0b7ca;font-size:1.08rem;line-height:1.75}
.page-glow{background:radial-gradient(circle,rgba(105,81,244,.2),transparent 68%)}
.content-visual{background:#f4f6fb;color:#11172a}
.content-visual-grid{color:#f7f8ff}
.content-visual .content-visual-copy .eyebrow{color:#aab5ff}
.content-visual .content-visual-copy h2{color:#f7f8ff}
.content-visual .content-visual-copy p{color:#bdc7db}
.content-visual-media{border-radius:26px;border-color:#dce1ec;box-shadow:0 30px 70px rgba(22,31,60,.14)}
.glass-form,.form-aside,.legal .container{border-color:rgba(142,154,214,.2);border-radius:24px;background:linear-gradient(145deg,rgba(18,27,50,.96),rgba(11,17,32,.96));box-shadow:0 24px 70px rgba(0,0,0,.2)}
.legal .container{padding:clamp(34px,5vw,58px)}
.legal .container>:first-child{margin-top:0}
.legal .container>:last-child{margin-bottom:0}
.legal h2{line-height:1.2;text-wrap:balance}
.legal p,.legal li{max-width:74ch;line-height:1.78}
.glass-form input,.glass-form textarea,.legal input,.legal textarea{border-color:rgba(151,164,220,.24);background:#0a1020;color:#fff}
.glass-form input:focus,.glass-form textarea:focus,.legal input:focus,.legal textarea:focus{border-color:#7168f0;box-shadow:0 0 0 4px rgba(105,93,238,.12)}
.store-page .store-checkout h2{margin-bottom:8px;font-size:clamp(1.75rem,3vw,2.5rem);line-height:1.1}
.store-page .store-checkout>p{max-width:72ch;color:#aeb9cd;line-height:1.7}
.site-footer{background:#070a14;border-top-color:rgba(144,154,204,.13)}
.site-footer a:hover{color:#aebaff}

/* Banner de cookies integrado à nova linguagem. */
.cookie-banner{border-color:rgba(133,145,210,.34);border-radius:20px;background:rgba(12,17,32,.96);box-shadow:0 28px 80px rgba(0,0,0,.48);backdrop-filter:blur(22px)}
.cookie-banner .button{min-height:42px}

@media(max-width:1080px){
  .hero .hero-grid{grid-template-columns:1fr 1fr;gap:30px}
  .hero h1{font-size:clamp(3.2rem,6vw,4.7rem)}
  .site-header .nav-wrap{gap:15px}
}

@media(max-width:980px){
  .site-header .menu-toggle{display:block;position:relative;width:44px;height:44px;margin-left:auto;border:1px solid rgba(145,157,216,.25);border-radius:50%;background:#10182b;box-shadow:0 10px 30px rgba(0,0,0,.18)}
  .site-header .menu-toggle span{left:10px;width:22px;background:#f7f8ff}
  .site-header .main-nav{background:rgba(8,12,24,.98);padding-top:96px}
  .site-header .main-nav>.nav-home,.nav-dropdown{border-color:rgba(142,155,216,.2);background:#10182d}
  .site-header .main-nav>.nav-home{padding:18px;border-radius:13px}
  .nav-dropdown>summary{border-radius:13px}
  .nav-dropdown-panel{background:#0c1325}
  .hero{min-height:auto;padding:80px 0}
  .hero .hero-grid{grid-template-columns:1fr;gap:54px}
  .hero-copy{max-width:760px}
  .hero-visual{width:min(680px,100%);margin:0 auto}
}

@media(max-width:640px){
  :root{--container:calc(100% - 30px)}
  .site-header .nav-wrap{min-height:74px}
  .hero{padding:58px 0 55px}
  .hero .hero-grid{width:var(--container);margin-inline:auto;padding-top:86px}
  .hero h1{font-size:clamp(2.85rem,13vw,3.35rem);overflow-wrap:normal}
  .hero-copy>p{font-size:1rem}
  .hero-actions{display:grid}
  .hero-actions .button{width:100%;justify-content:center}
  .trust-line{display:grid;gap:10px}
  .proof-strip .container{padding-block:24px;flex-wrap:wrap}
  .proof-strip i{display:none}
  .page-hero{min-height:420px;padding:130px 0 70px}
  .page-hero h1{font-size:clamp(2.8rem,13vw,4.2rem)}
  .offer-card{border-radius:20px}
  .legal .container{padding:25px 21px;border-radius:18px}
  .legal h2{font-size:clamp(1.35rem,7vw,1.75rem)}
  .cookie-banner{width:calc(100vw - 20px);bottom:10px;padding:15px}
  .cookie-banner>div{display:grid;width:100%;grid-template-columns:1fr 1fr;gap:8px}
  .cookie-banner>div>a{grid-column:1/-1}
  .cookie-banner .button{width:100%;padding-inline:8px;font-size:.72rem;white-space:nowrap}
}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .system-window{animation:none}
}