/* ==========================================================
   U.GO · Para você — refinado
   Design system U.GO: fundo #f5f5f5, superfícies brancas, raio 30,
   sombra suave, Work Sans Regular, rótulos Share Tech Mono.
   Laranja #f45818 só na ação principal (texto branco).
   Cor complementar: azul #3e80c6 em tons suaves. Preto só em texto.
   ========================================================== */
body[data-side="you"]{
  --o:#f45818;--b:#3e80c6;--b-soft:#eaf2fb;--b-line:#d6e5f5;--pk:#fff0e8;--pk-line:#ffe0d0;
  --g:#f5f5f5;--ink:#0a0a0a;--mut:#626262;--line:#dedee3;
  --sh:0 10px 35px #3348610a,inset 0 1px 0 #fff;--sh2:0 18px 45px #33486114,inset 0 1px 0 #fff;
  background:#fff;color:var(--ink);
}
body[data-side="you"] main{overflow:clip}
body[data-side="you"] h1,body[data-side="you"] h2,body[data-side="you"] h3{font-weight:400}
.ysec{max-width:1200px;margin:0 auto;padding:110px 40px}
.yhead{display:flex;flex-direction:column;gap:14px;margin-bottom:44px}
.yhead.center{align-items:center;text-align:center}
.yhead h2,.h2{font-size:clamp(34px,3.8vw,54px);letter-spacing:-.035em;line-height:1.08;margin:0}
.ylabel{display:inline-flex;align-items:center;gap:8px;font:11px var(--font-text);letter-spacing:1.8px;text-transform:uppercase;color:#777}
.ylabel .dot{width:6px;height:6px;border-radius:50%;background:var(--o)}
.ysub{font-size:17px;color:var(--mut);max-width:540px}

/* botões: laranja = ação principal (texto branco); contorno = secundário */
body[data-side="you"] .btn{min-height:48px;padding:0 24px;font-size:15px;font-weight:500;border-radius:999px}
.btn-orange{background:var(--o);color:#fff}
.btn-orange:hover{filter:brightness(1.04)}
.btn-line{background:#fff;color:var(--ink);border:1px solid #ceced3}
.btn-line:hover{border-color:#9d9da5}
.nav-cta.cta-orange{background:var(--o);color:#fff}

/* ---------- HERO (centralizado, cartões como no Headspace) ---------- */
.yhero{max-width:1200px;margin:0 auto;padding:150px 40px 40px;display:flex;flex-direction:column;align-items:center;text-align:center}
.yhero-text{display:flex;flex-direction:column;align-items:center;gap:18px;max-width:820px}
.yhero h1{font-size:clamp(42px,5.2vw,72px);letter-spacing:-.04em;line-height:1.04;margin:4px 0 0}
.ylead{font-size:clamp(17px,1.4vw,19px);color:var(--mut);max-width:560px;line-height:1.6}
.yactions{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}
.yactions.center{justify-content:center}
.hero-cards{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:56px;text-align:left}
.hc{position:relative;overflow:hidden;border-radius:30px;min-height:420px;padding:36px;display:flex;flex-direction:column;isolation:isolate;transition:transform .5s cubic-bezier(.23,1,.32,1),box-shadow .5s}
.hc:hover{transform:translateY(-4px);box-shadow:var(--sh2)}
.hc-pink{background:var(--pk)}
.hc-blue{background:var(--b-soft)}
.hc-text{position:relative;z-index:2;display:flex;flex-direction:column;gap:12px;max-width:52%}
.hc h2{font-size:clamp(24px,2.2vw,32px);letter-spacing:-.03em;line-height:1.15;margin:0}
.hc-phone{position:absolute;right:36px;bottom:-110px;width:min(230px,40%);z-index:1;transition:transform .7s cubic-bezier(.23,1,.32,1)}
.hc:hover .hc-phone{transform:translateY(-12px)}
.hc-hugo{position:absolute;right:26px;bottom:-26px;width:min(250px,44%);z-index:1;transition:transform .7s cubic-bezier(.23,1,.32,1)}
.hc:hover .hc-hugo{transform:translateY(-10px) rotate(-3deg)}
.ytrust{list-style:none;padding:0;margin:30px 0 0;display:flex;flex-wrap:wrap;justify-content:center;gap:26px;font-size:14px;color:var(--mut)}
.ytrust li{display:flex;align-items:center;gap:8px}
.ytrust svg{width:16px;height:16px}
.ylink{display:inline-flex;align-items:center;gap:8px;font-size:15px;font-weight:500;color:var(--ink);width:fit-content;border-bottom:1px solid currentColor;padding-bottom:2px}
.ylink svg{width:16px;height:16px;transition:transform .2s}.ylink:hover svg{transform:translateX(3px)}
.js .yhero-text>*{animation:rise .9s cubic-bezier(.23,1,.32,1) both}
.js .yhero-text>h1{animation-delay:.06s}.js .yhero-text>.ylead{animation-delay:.12s}.js .yhero-text>.yactions{animation-delay:.18s}
.js .hero-cards{animation:rise 1s cubic-bezier(.23,1,.32,1) .25s both}

/* telefone */
.yphone{margin:0;border-radius:38px;padding:8px;background:#fff;box-shadow:0 30px 60px -30px rgba(51,72,97,.35),inset 0 0 0 1px #e6e6ea}
.yphone img{display:block;width:100%;height:auto;border-radius:30px}

/* ---------- OBJETIVOS ---------- */
.goals{background:var(--g);max-width:none;padding-left:max(40px,calc((100vw - 1120px)/2));padding-right:max(40px,calc((100vw - 1120px)/2))}
.goal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;max-width:960px;margin:0 auto}
.goal{display:flex;align-items:center;gap:12px;padding:12px 16px 12px 12px;border-radius:18px;background:#fff;border:1px solid #fff;box-shadow:var(--sh);font-size:15px;text-align:left;color:var(--ink);transition:border-color .16s,box-shadow .16s}
.goal:hover{box-shadow:var(--sh2)}
.goal .go{margin-left:auto;width:16px;height:16px;color:#b5b5bc;transition:transform .16s,color .16s}
.goal.on{border-color:var(--o)}
.goal.on .go{color:var(--o);transform:translateX(2px)}
.gi{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;flex-shrink:0;background:var(--g);color:var(--mut)}
.gi svg{width:19px;height:19px}
.goal.on .gi{background:var(--pk);color:var(--o)}
.goal-stage{position:relative;margin:28px auto 0;max-width:960px;min-height:500px;border-radius:30px;background:#fff;box-shadow:var(--sh);overflow:hidden}
.gpanel{position:absolute;inset:0;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:30px;padding:50px 60px 0;opacity:0;visibility:hidden;transition:opacity .4s,visibility 0s .4s}
.gpanel.on{opacity:1;visibility:visible;transition:opacity .4s}
.gp-text{display:flex;flex-direction:column;gap:14px;padding-bottom:50px}
.gp-text h3{font-size:clamp(28px,3vw,42px);letter-spacing:-.035em;line-height:1.08;margin:0}
.gp-text p{font-size:17px;color:var(--mut);max-width:400px}
.gp-text .ylink{margin-top:6px}
.gpanel .yphone{width:min(270px,78%);justify-self:center;align-self:end;border-radius:38px 38px 0 0;padding-bottom:0;transform:translateY(30px);transition:transform .7s cubic-bezier(.23,1,.32,1);box-shadow:0 -10px 50px -20px rgba(51,72,97,.25),inset 0 0 0 1px #e6e6ea}
.gpanel .yphone img{border-radius:30px 30px 0 0}
.gpanel.on .yphone{transform:none}
.goal-stage::before{content:'';position:absolute;right:0;top:0;bottom:0;width:50%;background:var(--pk);transition:background .4s}
.goal-stage[data-k="1"]::before,.goal-stage[data-k="4"]::before{background:var(--b-soft)}
.goal-stage[data-k="2"]::before,.goal-stage[data-k="5"]::before{background:var(--g)}
.gbar{position:absolute;left:0;bottom:0;height:3px;background:var(--o);transform-origin:0;animation:gbar 6s linear both;z-index:3}
.goal-stage.paused .gbar{animation-play-state:paused}
@keyframes gbar{from{transform:scaleX(0)}to{transform:scaleX(1)}}

/* ---------- JORNADA ---------- */
.jy-steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,1fr);gap:14px;position:relative}
.jy-steps::before{content:'';position:absolute;left:12%;right:12%;top:38px;height:1px;background:linear-gradient(90deg,var(--line),var(--o),var(--line))}
.jy-steps li{position:relative;padding:26px 24px 28px;border-radius:24px;background:#fff;border:1px solid #fff;box-shadow:var(--sh);display:flex;flex-direction:column;gap:8px}
.jy-steps span{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:var(--pk);color:var(--o);font:12px var(--font-text);margin-bottom:10px}
.jy-steps strong{font-size:22px;font-weight:400;letter-spacing:-.02em}
.jy-steps small{font-size:14px;line-height:1.55;color:var(--mut)}

/* ---------- HUGO ---------- */
.yhugo{padding:0 40px}
.yhugo-in{max-width:1120px;margin:0 auto;border-radius:36px;background:var(--b-soft);display:grid;grid-template-columns:.8fr 1.2fr;gap:30px;align-items:center;padding:64px 64px 64px 40px}
.yh-art{display:grid;place-items:center}
.yh-art img{width:min(300px,90%);filter:drop-shadow(0 30px 30px rgba(51,72,97,.18));animation:hugo-float 6s ease-in-out infinite}
@keyframes hugo-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
.yh-text h2{font-size:clamp(30px,3.2vw,46px);letter-spacing:-.035em;line-height:1.08;margin:12px 0 14px}
.yh-text>p{font-size:16px;color:var(--mut);max-width:500px}
.hq-chips{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0 16px}
.hq{padding:10px 15px;border-radius:999px;background:#fff;border:1px solid var(--b-line);color:var(--ink);font-size:14px;transition:border-color .16s,background .16s,color .16s}
.hq:hover{border-color:var(--b)}
.hq.on{background:var(--b);border-color:var(--b);color:#fff}
.hchat{display:flex;flex-direction:column;gap:10px;min-height:150px}
.hmsg{max-width:88%;padding:13px 17px;border-radius:20px;font-size:15px;line-height:1.5}
.hmsg.me{align-self:flex-end;background:var(--b);color:#fff;border-radius:20px 20px 6px 20px}
.hmsg.hugo{align-self:flex-start;display:flex;gap:12px;align-items:flex-start;background:#fff;border-radius:20px 20px 20px 6px;box-shadow:var(--sh)}
.hav{width:28px;height:28px;border-radius:50%;flex-shrink:0;display:grid;place-items:center;background:var(--pk);color:var(--o);font:12px var(--font-text)}
.hmsg.typing span:last-child::after{content:'';display:inline-block;width:28px;height:10px;background:radial-gradient(circle,var(--b) 3px,transparent 3.5px) 0 50%/10px 10px repeat-x;animation:dots 1s steps(3) infinite;vertical-align:middle}
@keyframes dots{from{width:8px}to{width:30px}}
.hmsg.pop{animation:pop .45s cubic-bezier(.23,1,.32,1) both}

/* ---------- CARTÕES ---------- */
.cardgrid{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:320px;gap:16px}
.yc{position:relative;overflow:hidden;border-radius:30px;padding:30px;display:flex;flex-direction:column;isolation:isolate;transition:transform .5s cubic-bezier(.23,1,.32,1),box-shadow .5s}
.yc:hover{transform:translateY(-4px);box-shadow:var(--sh2)}
.yc h3{font-size:clamp(22px,2vw,28px);letter-spacing:-.03em;line-height:1.15;margin:10px 0 0;max-width:62%}
.yc p{margin-top:10px;font-size:15px;color:var(--mut);max-width:300px}
.yc.big{grid-row:span 2}
.yc.big h3{max-width:340px}
.t-pink{background:var(--pk)}.t-blue{background:var(--b-soft)}.t-gray{background:var(--g)}
.yc .peek{position:absolute;right:24px;bottom:-58%;width:40%;max-width:200px;z-index:-1;transition:transform .7s cubic-bezier(.23,1,.32,1)}
.yc:hover .peek{transform:translateY(-6%)}
.yc.big .peek{width:58%;max-width:280px;right:50%;translate:50% 0;bottom:-18%}

/* ---------- NÍVEIS ---------- */
.ylevels{max-width:none;background:var(--g)}
.lv-track{list-style:none;padding:0;margin:0 auto;max-width:980px;display:grid;grid-template-columns:repeat(5,1fr);gap:10px;position:relative}
.lv-track::before,.lv-track::after{content:'';position:absolute;left:10%;right:10%;top:54px;height:2px;border-radius:2px}
.lv-track::before{background:var(--line)}
.lv-track::after{background:var(--o);transform-origin:0;transform:scaleX(var(--lp,0));transition:transform 1.8s cubic-bezier(.23,1,.32,1)}
.lv-track.in{--lp:1}
.lv{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px}
.lv img{width:92px;height:106px;object-fit:contain;filter:drop-shadow(0 12px 14px rgba(51,72,97,.16));transition:transform .5s cubic-bezier(.34,1.56,.64,1)}
.lv:hover img{transform:translateY(-6px)}
.lv strong{font-size:16px;font-weight:400;margin-top:6px}
.lv small{font:11px var(--font-text);letter-spacing:1px;color:#777;text-transform:uppercase}
.js .lv{opacity:0;transform:translateY(20px);transition:opacity .6s,transform .7s cubic-bezier(.23,1,.32,1);transition-delay:calc(var(--i) * 110ms)}
.js .lv-track.in .lv{opacity:1;transform:none}
.streaks{list-style:none;padding:0;margin:48px auto 0;display:flex;justify-content:center;flex-wrap:wrap;gap:10px}
.streaks li{display:flex;align-items:center;gap:10px;padding:6px 16px 6px 6px;border-radius:999px;background:#fff;box-shadow:var(--sh);font-size:14px;color:var(--mut)}
.streaks img{width:36px;height:40px;object-fit:contain}

/* ---------- PLANOS ---------- */
.yplans.top{padding-top:150px}
.bill{display:flex;width:fit-content;margin:0 auto 32px;padding:4px;border-radius:999px;background:var(--g)}
.bill button{padding:10px 20px;border-radius:999px;font-size:14px;color:var(--mut);display:flex;align-items:center;gap:8px;transition:background .16s,color .16s}
.bill button.on{background:#fff;color:var(--ink);box-shadow:0 2px 10px rgba(51,72,97,.08)}
.bill em{font-style:normal;font-size:12px;padding:2px 8px;border-radius:999px;background:var(--pk);color:#c24613}
.plans3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;align-items:stretch}
.plans3.plans2{grid-template-columns:repeat(2,minmax(0,1fr));max-width:900px;margin-inline:auto}
@media(max-width:760px){.plans3.plans2{grid-template-columns:1fr;max-width:100%}}
.pl{position:relative;border-radius:30px;padding:32px;background:#fff;border:1px solid var(--line);display:flex;flex-direction:column;gap:12px;transition:box-shadow .3s}
.pl:hover{box-shadow:var(--sh2)}
.pl-tag{width:fit-content;font:11px var(--font-text);letter-spacing:1.4px;text-transform:uppercase;color:#777}
.pl h3{font-size:30px;letter-spacing:-.03em;margin:2px 0 0}
.pl-pitch{font-size:15px;color:var(--mut);min-height:46px}
.price{display:flex;align-items:baseline;gap:8px;margin-top:6px}
.price strong{font-size:40px;font-weight:300;letter-spacing:-.04em;line-height:1}
.price span{font-size:14px;color:var(--mut)}
.price.soon strong{font-size:28px;color:var(--mut)}
.ynote{font-size:13px;color:var(--mut);margin-top:-4px;min-height:18px}
.pl .btn{width:100%;margin:8px 0 4px}
.pl ul{list-style:none;padding:18px 0 0;margin:0;display:flex;flex-direction:column;gap:11px;border-top:1px solid #efeff2;font-size:15px}
.pl li{display:flex;gap:10px;align-items:flex-start}
.pl li svg{width:17px;height:17px;flex-shrink:0;margin-top:3px;color:var(--b)}
.pl-plus{border:1.5px solid var(--o);box-shadow:0 24px 50px -30px rgba(244,88,24,.45)}
.pl-plus .pl-tag{color:var(--o)}
.pl-plus li svg{color:var(--o)}
.price strong.swap{animation:swap .3s cubic-bezier(.23,1,.32,1)}
@keyframes swap{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.cmp-link{display:flex;align-items:center;gap:8px;margin:32px auto 0;font-size:15px;font-weight:500;width:fit-content;border-bottom:1px solid currentColor;padding-bottom:2px}
.cmp-link svg{width:16px;height:16px}

/* tabela comparativa */
.ycompare{padding-top:40px}
.cmp-wrap{border-radius:30px;background:#fff;border:1px solid var(--line);overflow:auto}
.cmp{width:100%;border-collapse:collapse;min-width:640px}
.cmp thead th{position:sticky;top:0;background:#fff;z-index:1;padding:24px 16px;font-size:18px;font-weight:400;border-bottom:1px solid var(--line)}
.cmp thead th.hl{color:var(--o)}
.cmp th[scope=row]{text-align:left;font-weight:400;font-size:15px;padding:15px 24px;width:40%}
.cmp td{text-align:center;padding:15px;font-size:14px;width:20%}
.cmp tbody tr:not(.grp){border-bottom:1px solid #f1f1f4}
.cmp td:nth-child(3){background:#fffaf7}
.cmp .grp th{text-align:left;padding:28px 24px 8px;font:11px var(--font-text);letter-spacing:1.6px;text-transform:uppercase;color:#777}
.yes{display:inline-grid;place-items:center;color:var(--b)}
.yes svg{width:19px;height:19px}
td:nth-child(3) .yes{color:var(--o)}
.no{color:#c5c5cc}
.txt{color:var(--ink)}

/* FAQ */
.yfaq{max-width:880px}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 0;font-size:18px}
.faq summary::-webkit-details-marker{display:none}
.faq summary svg{width:20px;height:20px;flex-shrink:0;color:var(--mut);transition:transform .3s cubic-bezier(.23,1,.32,1)}
.faq details[open] summary svg{transform:rotate(45deg);color:var(--o)}
.faq details p{padding:0 0 22px;color:var(--mut);font-size:16px;max-width:700px}

/* para empresas */
.ybiz{padding-top:20px;padding-bottom:40px}
.ybiz-in{border-radius:36px;background:var(--g);padding:56px 60px;display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:center}
.ybiz h2{font-size:clamp(28px,3vw,42px);letter-spacing:-.035em;line-height:1.1;margin:12px 0}
.ybiz p{color:var(--mut);font-size:16px;max-width:500px;margin-bottom:24px}
.ybiz-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.ybiz-list li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;border-radius:18px;background:#fff;box-shadow:var(--sh);font-size:14px;color:var(--mut)}
.ybiz-list span{font-size:16px;color:var(--ink)}

/* CTA final */
.yfinal{margin:0 40px 40px;border-radius:36px;background:var(--pk);text-align:center;padding:90px 30px;display:flex;flex-direction:column;align-items:center;gap:14px}
.yfinal h2{font-size:clamp(34px,4.4vw,60px);letter-spacing:-.04em;line-height:1.05;margin:0}
.yfinal p{font-size:17px;color:var(--mut);max-width:480px}
.yf-hugo{width:96px;filter:drop-shadow(0 16px 16px rgba(51,72,97,.15));animation:hugo-float 5s ease-in-out infinite}

/* ---------- RESPONSIVO ---------- */
@media(max-width:1000px){
  .hero-cards{grid-template-columns:1fr}
  .yhugo-in,.ybiz-in{grid-template-columns:1fr}
  .jy-steps{grid-template-columns:1fr 1fr}.jy-steps::before{display:none}
  .cardgrid{grid-template-columns:1fr 1fr}
}
@media(max-width:760px){
  .ysec{padding:72px 20px}
  .yhead{margin-bottom:28px}
  .yhero{padding:112px 20px 20px}
  .hero-cards{margin-top:36px}
  .hc{min-height:380px;padding:26px}
  .hc-text{max-width:none}
  .hc-phone{width:46%;right:50%;translate:50% 0;bottom:-140px}
  .hc-hugo{width:44%;right:50%;translate:50% 0;bottom:-20px}
  .goals{padding-left:16px;padding-right:16px}
  .goal-grid{grid-template-columns:1fr}
  .goal-stage{min-height:0}
  .goal-stage::before{display:none}
  .gpanel{position:relative;inset:auto;display:none;grid-template-columns:1fr;padding:30px 24px 0}
  .gpanel.on{display:grid}
  .gp-text{padding-bottom:6px}
  .gpanel .yphone{width:62%}
  .jy-steps{grid-template-columns:1fr}
  .yhugo{padding:0 16px}.yhugo-in{padding:40px 22px}
  .yh-art img{width:44%}
  .cardgrid{grid-template-columns:1fr;grid-auto-rows:300px}
  .yc.big{grid-row:auto;min-height:420px}
  .yc h3{max-width:none}
  .yc .peek{width:44%;bottom:-50%}
  .lv-track{grid-template-columns:repeat(5,minmax(104px,1fr));overflow-x:auto;padding-bottom:8px}
  .lv img{width:76px;height:88px}
  .lv-track::before,.lv-track::after{top:44px}
  .plans3{grid-template-columns:1fr}
  .ybiz-in{padding:36px 24px}
  .yfinal{margin:0 16px 16px;padding:64px 22px}
}
@media(prefers-reduced-motion:reduce){.gbar{display:none}.js .lv{opacity:1;transform:none}}