:root{--bg:#07151b;--bg-2:#0c2028;--surface:#102831;--surface-2:#15333b;--txt:#edf6f4;--muted:#a2b8bd;--accent:#69ddd4;--accent-2:#31b7bd;--max:1320px;--r:24px}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Roboto,Helvetica,Arial,sans-serif}::selection{background:#69ddd4;color:#07151b}section{padding:120px 0}h1,h2,h3{font-weight:700}h2{font-size:clamp(2rem,4.2vw,3.7rem);letter-spacing:-.05em;max-width:900px}h3{font-weight:700}p{line-height:1.75}.wrap{padding:0 48px}.eyebrow{font-size:14px;letter-spacing:.14em;font-weight:700}.lead{font-size:18px}.btn{border-radius:12px;padding:16px 24px;font-size:15px}.btn-primary{background:var(--accent);box-shadow:0 8px 24px #69ddd416;color:#09272b}.btn-primary:hover{background:#91eee4;box-shadow:0 12px 30px #69ddd428}.btn-ghost{border-color:#60808966;background:transparent}.nav{height:96px}.nav-links{gap:25px}.nav-links a{font-size:14px}.brand img{height:58px}.brand-foot{height:60px}header{background:#07151b88;backdrop-filter:blur(20px)}header.solid{background:#07151bea}.hero{min-height:830px;height:calc(100svh - 90px);max-height:1100px;padding:160px 0 90px;isolation:isolate}.hero .wrap{width:100%;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:20px}.hero-inner{max-width:690px}.hero h1{font-size:clamp(3.7rem,5.9vw,5.5rem);line-height:1.035;letter-spacing:-.065em;font-weight:700}.hero h1 span{display:block;background:none;-webkit-text-fill-color:var(--accent);color:var(--accent)}.hero .lead{max-width:560px;font-size:17px;margin-top:28px;line-height:1.8}.tag{border:0;background:none;padding:0;font-size:13px;letter-spacing:.09em;margin-bottom:26px;color:var(--muted)}.tag .dot{border-radius:1px;transform:rotate(45deg);width:8px;height:8px;box-shadow:none}.hero-meta{margin-top:40px;font-size:12px;letter-spacing:.16em;gap:22px}.hero-meta span:not(:last-child)::after{display:none}.hero-bg::before{background-size:90px 90px;opacity:.14}.hero-bg::after{left:76%;top:0;background:radial-gradient(ellipse,#36a8a923,transparent 65%);width:950px;height:900px}.hero-cube{display:none}.universe{position:relative;width:100%;height:530px;perspective:1000px;pointer-events:none}.universe-stage{position:absolute;inset:0;transform-style:preserve-3d;transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform 1s ease-out}.brand-object{position:absolute;width:68%;height:auto;left:16%;top:13%;filter:drop-shadow(0 35px 35px #0008) drop-shadow(0 0 25px #52dad52b);animation:levitate 9s ease-in-out infinite;z-index:2}.orbit{position:absolute;inset:10% -4%;border:1px solid #83e6df30;border-radius:50%;transform:rotateX(62deg) rotateZ(-30deg);box-shadow:0 0 35px #47d0c508,inset 0 0 30px #47d0c508}.orbit.two{inset:0 7%;transform:rotateY(52deg) rotateZ(30deg);border-color:#83e6df20}.orbit.three{inset:18% -14%;transform:rotateX(68deg) rotateZ(15deg);border-color:#83e6df18}.universe::after{content:'';position:absolute;bottom:30px;left:20%;width:60%;height:30px;border-radius:50%;background:#0006;filter:blur(22px)}.orbit-label{position:absolute;border:1px solid #7ec5c137;padding:13px 21px;border-radius:14px;background:linear-gradient(130deg,#1b424be8,#0c252de8);box-shadow:0 16px 35px #0004,inset 0 1px #ffffff12;backdrop-filter:blur(16px);font-size:14px;letter-spacing:.02em;color:#d9eeeb;z-index:3}.orbit-label:nth-last-child(3){top:8%;right:4%;transform:translateZ(65px)}.orbit-label:nth-last-child(2){bottom:19%;left:-3%;transform:translateZ(100px)}.orbit-label:last-child{bottom:4%;right:5%;transform:translateZ(45px)}
.strip{background:transparent;padding:0;border-top:0}.strip-grid{text-align:left;gap:0;padding-bottom:40px}.strip-grid p{padding:14px 28px;border-left:1px solid var(--line)}.strip-grid p:first-child{padding-left:0;border-left:0}.strip-grid strong{font-size:16px;font-weight:500}.strip-grid p{font-size:14px}#problema .wrap{display:grid;grid-template-columns:.8fr 1.4fr;gap:85px}#problema h2{font-size:clamp(2.2rem,3.5vw,3rem)}#problema .grid{margin-top:0;grid-template-columns:1fr 1fr;gap:28px 34px}.card-problem{border:0;border-top:1px solid #67828a44;border-radius:0;background:none;padding:24px 0}.card-problem:hover{background:none;transform:translateY(-4px);border-color:var(--accent)}.card-problem .ico{width:32px;height:32px;background:none;border:none;margin-bottom:14px;justify-content:flex-start}.card p{font-size:16px}.card h3{font-size:18px}.card{transition:transform .5s,border-color .5s,background .5s}.shot{border-radius:20px;transform:perspective(1800px) rotateX(5deg);box-shadow:0 50px 90px #0005,0 0 70px #69ddd40b;transition:transform .8s}.shot:hover{transform:perspective(1800px) rotateX(0)}.shot-bar{background:#17323b;padding:16px 20px}.shot figcaption{font-size:14px}.benef div{border-top:1px solid #69ddd466;padding-top:24px}.benef h3{font-size:18px}.benef p{font-size:16px}#plataforma>.wrap>.rv:first-child{display:grid;grid-template-columns:1fr 1fr;column-gap:65px}#plataforma .eyebrow{grid-column:1/-1}#plataforma .lead{margin:0!important;align-self:end}.flow{gap:0;border-top:1px solid var(--line);border-left:1px solid var(--line)}.step{padding:75px 30px 32px;border-radius:0;background:transparent;border:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.step::before{left:30px;top:24px;font-size:24px;color:var(--accent);font-weight:400}.step p{font-size:16px}.step h3{font-size:18px}.step:hover{background:var(--surface)}.quote{border:0;font-size:clamp(1.6rem,3.1vw,2.7rem);font-weight:400;max-width:1000px;text-align:center;padding:15px;letter-spacing:-.03em}.quote cite{font-size:14px;margin-top:28px}#inteligencia .grid{grid-template-columns:1.2fr 1fr;gap:20px}#inteligencia .card{padding:38px;min-height:260px;background:linear-gradient(125deg,#173942,#10262e);border-color:#73c9c322;box-shadow:inset 0 1px #ffffff07}#inteligencia .ico{background:#254e53;border:1px solid #82dbd52b;width:52px;height:52px;box-shadow:5px 5px 0 #061b2344;transform:perspective(500px) rotateY(-12deg)}.who-card{padding:38px 30px;background:linear-gradient(150deg,#18363f,#0b2129);border:1px solid #6e9ca02b;box-shadow:0 20px 35px #0002}.who-card span{font-size:14px}.who-card h3{font-size:24px;line-height:1.3;margin-top:50px}.who-card p{font-size:16px}#quem-somos>.wrap>.rv:first-child{max-width:930px}.mv-card{background:transparent;border:0;border-top:1px solid #69ddd455;border-radius:0;padding:30px 0}.mv{gap:65px}.mv-card h3{font-size:14px}.values{border-radius:0;border:0;gap:8px 48px}.value{padding:25px 0}.value:nth-child(odd){border-right:0}.value h4{font-size:16px;font-weight:500}.value p{font-size:16px}.cta-final{padding:125px 0}.cta-final h2{margin:auto}.cta-final .lead{max-width:650px}.contact-item{font-size:15px;border:0;background:transparent}.wa-float{background:#216f6d;box-shadow:0 8px 30px #0003;border:1px solid #69ddd477}.foot p,.foot-links{font-size:14px}.mmenu{visibility:hidden}.mmenu.open{visibility:visible}.rv{opacity:1;transform:none}.js-motion .rv{opacity:0;transform:translateY(20px)}.js-motion .rv.in{opacity:1;transform:none}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:6px}.lb.open{display:block}
@keyframes levitate{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-18px) rotate(2deg)}}
@media(min-width:1500px){.hero .wrap{gap:65px}}
@media(max-width:1100px){.wrap{padding:0 30px}.nav-links{gap:16px}.nav-links a{font-size:13px}.hero h1{font-size:4rem}.universe{height:450px}.hero .cta-row{gap:10px}.hero .btn{font-size:14px;padding:14px 16px}#problema .wrap{gap:40px}}
@media(max-width:900px){.hero{height:auto;max-height:none;min-height:auto;padding:140px 0 65px}.hero .wrap{grid-template-columns:1fr}.hero-inner{max-width:680px}.hero h1{font-size:clamp(3rem,8vw,4.8rem)}.universe{width:470px;max-width:100%;height:420px;margin:15px auto 0}.hero .lead{max-width:650px}.nav{height:78px}.brand img{height:48px}#problema .wrap{display:block}#problema .grid{margin-top:40px}#plataforma>.wrap>.rv:first-child{display:block}#plataforma .lead{margin-top:24px!important}.strip-grid{grid-template-columns:1fr 1fr;gap:20px}.strip-grid p{padding:14px 0;border:0}.flow{grid-template-columns:1fr 1fr}.who{grid-template-columns:1fr}.who-card h3{margin-top:22px}section{padding:85px 0}}
@media(max-width:600px){.wrap{padding:0 24px}.hero{padding-top:120px}.hero h1{font-size:clamp(2.8rem,11vw,4rem)}.hero h1 br{display:block}.tag{font-size:12px;letter-spacing:.025em}.hero .lead{font-size:16px}.hero .cta-row{flex-direction:column}.hero-meta{font-size:12px;gap:16px}.universe{height:350px;margin-top:25px}.orbit-label{font-size:12px;padding:11px 15px}.orbit-label:nth-last-child(2){left:0}.strip-grid strong{font-size:15px}.strip-grid p{font-size:14px}#problema .grid,#inteligencia .grid{grid-template-columns:1fr}.card-problem{padding-top:23px}#inteligencia .card{padding:28px;min-height:auto}.flow{grid-template-columns:1fr}.step{padding:26px 24px 26px 72px}.step::before{left:22px;top:26px;font-size:22px}.mv{gap:10px}.values{gap:0}.shot{transform:none}.quote{padding:0}.who-card{padding:28px}.cta-final{padding:85px 0}.foot-links{gap:20px}.contact-item{padding:12px}.brand-object{top:12%}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.js-motion .rv{opacity:1;transform:none}.universe-stage,.shot{transform:none!important}}
.magic-cube{position:absolute;inset:0;width:100%;height:100%;z-index:2}.universe-stage{transform:none;transition:none}.universe::after{bottom:45px}

/* UX refinement — palette sampled from the Kubo symbol */
:root{
  --bg:#04121a;
  --bg-2:#071c27;
  --surface:#0a2633;
  --surface-2:#103746;
  --line:rgba(64,151,169,.20);
  --line-strong:rgba(77,177,194,.34);
  --txt:#f0f7f8;
  --muted:#94aeb8;
  --accent:#18b0c0;
  --accent-2:#1890a8;
}
body{background:radial-gradient(circle at 76% 5%,rgba(16,120,152,.10),transparent 31%),var(--bg)}
::selection{background:#18b0c0;color:#031820}
.orbit{border-color:rgba(24,176,192,.25);box-shadow:0 0 35px rgba(24,144,168,.06),inset 0 0 30px rgba(24,144,168,.06)}
.orbit.two{border-color:rgba(24,144,168,.18)}
.orbit.three{border-color:rgba(16,120,152,.16)}
.orbit-label{border-color:rgba(24,144,168,.28);background:linear-gradient(130deg,rgba(11,47,61,.94),rgba(5,27,38,.94))}
section{padding:96px 0}
.eyebrow{color:#39bdc8}
.btn-primary{background:linear-gradient(135deg,#21bdc9,#188da7);color:#031820;box-shadow:0 10px 30px rgba(16,168,188,.20)}
.btn-primary:hover{background:linear-gradient(135deg,#35c9d0,#1b9bb2)}

/* O problema: diagnóstico escaneável */
#problema{padding:76px 0 88px;background:linear-gradient(180deg,rgba(7,28,39,.25),rgba(4,18,26,0))}
#problema .wrap{display:block}
#problema .wrap>.rv:first-child{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(340px,.7fr);align-items:center;column-gap:72px;row-gap:18px}
#problema .eyebrow{grid-column:1/-1;margin-bottom:0}
#problema h2{font-size:clamp(2.3rem,4vw,3.5rem);max-width:700px}
#problema .lead{margin:0!important;padding:14px 0 14px 24px;border-left:2px solid var(--accent);max-width:520px;align-self:center}
#problema .grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:40px;counter-reset:issues}
.card-problem{counter-increment:issues;position:relative;min-height:228px;padding:28px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,rgba(16,55,70,.72),rgba(7,28,39,.58));overflow:hidden}
.card-problem::before{content:"0" counter(issues);position:absolute;top:24px;right:24px;color:rgba(53,190,202,.45);font-size:13px;font-weight:700;letter-spacing:.12em}
.card-problem::after{content:"";position:absolute;width:120px;height:120px;right:-74px;bottom:-76px;border:1px solid rgba(24,176,192,.14);transform:rotate(45deg);transition:transform .45s ease,border-color .45s ease}
.card-problem:hover{transform:translateY(-4px);border-color:rgba(24,176,192,.48);background:linear-gradient(145deg,rgba(16,61,77,.88),rgba(7,28,39,.7))}
.card-problem:hover::after{transform:rotate(45deg) scale(1.15);border-color:rgba(24,176,192,.32)}
.card-problem .ico{width:42px;height:42px;margin:0 0 28px;border:1px solid rgba(24,176,192,.25);border-radius:12px;background:rgba(24,144,168,.10);justify-content:center}
.card-problem .ico svg{stroke:#38bdc8}
.card-problem h3{margin-bottom:10px;font-size:17px}
.card-problem p{font-size:15px;line-height:1.65}

/* Como funciona: jornada conectada */
#como-funciona{background:radial-gradient(circle at 50% 40%,rgba(16,120,152,.08),transparent 48%)}
#como-funciona>.wrap>.rv:first-child{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,.62fr);align-items:end;gap:56px}
#como-funciona .eyebrow{grid-column:1/-1}
#como-funciona .lead{margin:0!important;padding-bottom:5px}
#como-funciona .flow{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:48px;border:0;position:relative}
#como-funciona .step{min-height:206px;padding:76px 27px 26px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,rgba(10,38,51,.88),rgba(7,28,39,.72));overflow:visible;transition:transform .3s ease,border-color .3s ease,background .3s ease}
#como-funciona .step:hover{transform:translateY(-4px);border-color:rgba(24,176,192,.48);background:linear-gradient(145deg,rgba(16,55,70,.9),rgba(7,28,39,.78))}
#como-funciona .step::before{left:26px;top:22px;width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:rgba(24,176,192,.12);border:1px solid rgba(24,176,192,.3);color:#47c7cf;font-size:14px;font-weight:700}
#como-funciona .step::after{content:"→";position:absolute;z-index:2;right:-24px;top:50%;width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:var(--bg);border:1px solid var(--line-strong);color:var(--accent);transform:translateY(-50%)}
#como-funciona .step:nth-child(3n)::after{display:none}
#como-funciona .step h3{font-size:17px;margin-bottom:9px}
#como-funciona .step p{font-size:15px;line-height:1.65}

/* Inteligência: cards mais compactos */
#inteligencia{padding:88px 0}
#inteligencia>.wrap>.rv:first-child{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.55fr);align-items:end;gap:48px}
#inteligencia .eyebrow{grid-column:1/-1}
#inteligencia .lead{margin:0!important;padding-bottom:5px}
#inteligencia .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:40px}
#inteligencia .card{min-height:0;padding:28px;display:grid;grid-template-columns:52px 1fr;grid-template-rows:auto auto;column-gap:20px;align-content:center;background:linear-gradient(145deg,#0e3442,#09242f);border-color:rgba(24,144,168,.24)}
#inteligencia .ico{grid-row:1/3;width:48px;height:48px;margin:0;transform:none;background:rgba(24,144,168,.14);box-shadow:none}
#inteligencia .card h3{align-self:end;margin:0 0 6px;font-size:17px}
#inteligencia .card p{font-size:15px;line-height:1.6}

/* Quem somos: leitura em camadas */
#quem-somos{background:linear-gradient(180deg,rgba(4,18,26,0),rgba(7,28,39,.45))}
#quem-somos>.wrap>.rv:first-child{max-width:none;display:grid;grid-template-columns:minmax(0,.95fr) minmax(420px,.75fr);column-gap:72px;align-items:start}
#quem-somos .eyebrow{grid-column:1/-1}
#quem-somos>.wrap>.rv:first-child h2{grid-row:2/4;max-width:760px}
#quem-somos>.wrap>.rv:first-child .lead{max-width:650px;margin:0!important;font-size:16px;line-height:1.75}
#quem-somos>.wrap>.rv:first-child .lead:last-child{margin-top:22px!important;padding:18px 20px;border-left:2px solid var(--accent);background:linear-gradient(90deg,rgba(24,144,168,.10),transparent);color:var(--txt)!important;font-weight:600}
#quem-somos .mv{gap:16px;margin-top:52px}
#quem-somos .mv-card{padding:28px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,rgba(16,55,70,.62),rgba(7,28,39,.55))}
#quem-somos .mv-card h3{font-size:13px;margin-bottom:13px;color:#3fc0ca}
#quem-somos .mv-card p{font-size:15px;line-height:1.7;color:#d9e8eb}
#quem-somos .values{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:42px;border:0;border-radius:0;overflow:visible}
#quem-somos .value,#quem-somos .value:nth-child(odd){min-height:150px;padding:21px;border:1px solid rgba(24,144,168,.18);border-radius:14px;background:rgba(7,28,39,.62)}
#quem-somos .value h4{padding:0;font-size:14px;line-height:1.4}
#quem-somos .value p{padding:0;font-size:13px;line-height:1.55}
#quem-somos .value h4::before{background:var(--accent)}

@media(max-width:1100px){
  #problema .grid,#como-funciona .flow{grid-template-columns:repeat(2,minmax(0,1fr))}
  #como-funciona .step:nth-child(3n)::after{display:grid}
  #como-funciona .step:nth-child(2n)::after{display:none}
  #quem-somos .values{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:900px){
  html,body{width:100%;max-width:100%;overflow-x:hidden}
  section{padding:76px 0}
  .wrap{width:100%;max-width:100%;padding-left:28px;padding-right:28px}
  .hero{overflow:hidden;padding-top:112px;padding-bottom:48px}
  .hero .wrap{display:flex;flex-direction:column;gap:18px;min-width:0;overflow:hidden}
  .hero-inner{width:100%;max-width:720px;min-width:0}
  .hero h1{max-width:100%;font-size:clamp(2.75rem,8vw,4.35rem);line-height:1.06;overflow-wrap:normal}
  .hero .lead{max-width:680px;line-height:1.68}
  .hero .cta-row{max-width:100%}
  .hero-meta{max-width:100%;flex-wrap:wrap}
  .universe{align-self:center;width:min(100%,470px);max-width:100%;height:390px;margin:0 auto;overflow:hidden}
  .universe-stage,.magic-cube{width:100%;max-width:100%;overflow:hidden}
  .orbit-label{display:none}
  #problema .wrap>.rv:first-child,#como-funciona>.wrap>.rv:first-child,#inteligencia>.wrap>.rv:first-child,#quem-somos>.wrap>.rv:first-child{display:block}
  #problema .wrap>.rv:first-child,#como-funciona>.wrap>.rv:first-child,#inteligencia>.wrap>.rv:first-child,#quem-somos>.wrap>.rv:first-child,
  #problema .grid,#como-funciona .flow,#inteligencia .grid,#quem-somos .mv,#quem-somos .values{width:100%;min-width:0}
  #problema h2,#como-funciona h2,#inteligencia h2,#quem-somos h2{max-width:100%;overflow-wrap:break-word}
  #problema .lead{margin-top:22px!important;max-width:680px}
  #problema .grid,#como-funciona .flow{margin-top:36px}
  #como-funciona .lead,#inteligencia .lead{margin-top:18px!important;max-width:680px}
  #quem-somos>.wrap>.rv:first-child .lead{margin-top:24px!important;max-width:720px}
}

@media(max-width:650px){
  .wrap{padding:0 20px}
  section{padding:62px 0}
  h2{font-size:clamp(2rem,9vw,2.65rem);letter-spacing:-.045em}
  .lead{font-size:16px}
  .hero{padding-top:98px;padding-bottom:38px}
  .hero .wrap{gap:8px}
  .hero h1{font-size:clamp(2.25rem,11vw,3.05rem);line-height:1.07;letter-spacing:-.052em}
  .hero h1 br{display:none}
  .hero h1 span{display:block}
  .hero .lead{font-size:16px;line-height:1.62;margin-top:20px}
  .hero .cta-row{width:100%;margin-top:26px}
  .hero .cta-row .btn{max-width:100%;white-space:normal;text-align:center}
  .hero-meta{margin-top:28px;gap:10px 16px;line-height:1.4}
  .universe{width:min(100%,350px);height:310px;margin:5px auto 0}
  .orbit-label{display:none}
  #problema .lead{padding:14px 0 2px 16px}
  #problema .grid{grid-template-columns:1fr;gap:12px}
  .card-problem{min-height:0;padding:21px;display:grid;grid-template-columns:42px 1fr;grid-template-rows:auto auto;column-gap:15px}
  .card-problem::before{top:20px;right:20px}
  .card-problem .ico{grid-row:1/3;margin:0}
  .card-problem h3{align-self:end;margin:0 34px 5px 0}
  .card-problem p{font-size:14px;line-height:1.55}
  #como-funciona .flow{display:block;margin-left:19px;padding-left:25px;border-left:1px solid rgba(24,176,192,.32)}
  #como-funciona .step{min-height:0;margin-bottom:12px;padding:21px}
  #como-funciona .step::before{left:-45px;top:20px;width:38px;height:38px;border-radius:50%;background:var(--bg)}
  #como-funciona .step::after{display:none!important}
  #inteligencia{padding:62px 0}
  #inteligencia .grid{grid-template-columns:1fr;gap:12px;margin-top:30px}
  #inteligencia .card{padding:22px;grid-template-columns:44px 1fr;column-gap:15px}
  #inteligencia .ico{width:42px;height:42px}
  #inteligencia .card p{font-size:14px}
  #quem-somos>.wrap>.rv:first-child .lead:last-child{padding:15px 16px}
  #quem-somos .mv{grid-template-columns:1fr;margin-top:34px}
  #quem-somos .mv-card{padding:22px}
  #quem-somos .values{grid-template-columns:1fr;gap:10px;margin-top:26px}
  #quem-somos .value,#quem-somos .value:nth-child(odd){min-height:0;padding:19px}
}

@media(max-width:420px){
  .wrap{padding-left:18px;padding-right:18px}
  .hero h1{font-size:clamp(2.15rem,10.8vw,2.7rem)}
  .hero .tag{max-width:100%;white-space:normal;line-height:1.45}
  .universe{width:100%;height:285px}
  .strip-grid{grid-template-columns:1fr;gap:0;padding-bottom:24px}
  .strip-grid p{padding:14px 0;border-bottom:1px solid var(--line)}
  .strip-grid p:last-child{border-bottom:0}
  .card-problem{grid-template-columns:38px minmax(0,1fr);column-gap:13px;padding:19px}
  .card-problem .ico{width:38px;height:38px}
  #inteligencia .card{grid-template-columns:40px minmax(0,1fr);padding:20px;column-gap:13px}
  #inteligencia .ico{width:40px;height:40px}
  #como-funciona .flow{margin-left:16px;padding-left:22px}
  #como-funciona .step::before{left:-42px}
}