:root{
  --lp-ink:#18183D;
  --lp-ink-deep:#10102A;
  --lp-ink-soft:#292951;
  --lp-brand:#0000F9;
  --lp-brand-soft:#5B5BFF;
  --lp-accent:#FF6F1D;
  --lp-green:#18A66A;
  --lp-paper:#F7F7FA;
  --lp-white:#FFFFFF;
  --lp-text:#22223D;
  --lp-muted:#686881;
  --lp-line:#E6E6EF;
  --lp-radius-lg:32px;
  --lp-radius-md:22px;
  --lp-radius-sm:14px;
  --lp-shadow:0 28px 70px -36px rgba(24,24,61,.36);
  --lp-font:'Montserrat',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --lp-mono:'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,monospace;
}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;overflow-x:clip;background:var(--lp-ink-deep)}
body{
  margin:0;
  overflow-x:clip;
  background:var(--lp-paper);
  color:var(--lp-text);
  font-family:var(--lp-font);
  font-size:15px;
  line-height:1.65;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
a{color:inherit;text-decoration:none}
button,input,textarea,select{font:inherit}
button{border:0}
img,svg{display:block;max-width:100%}
h1,h2,h3,p{margin:0}
h1,h2,h3{color:var(--lp-ink);letter-spacing:-.035em;line-height:1.08}
ul{margin:0;padding:0;list-style:none}
svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.9}
:focus:not(:focus-visible){outline:0}
:focus-visible{outline:2px solid #7D7DFF;outline-offset:4px}

.lp-container{width:min(1240px,calc(100% - 48px));margin-inline:auto}
.lp-section{padding:112px 0;scroll-margin-top:90px}
.lp-reveal{opacity:0;transform:translateY(18px);transition:opacity .65s ease,transform .65s cubic-bezier(.2,.75,.2,1)}
.lp-reveal.is-visible{opacity:1;transform:none}

/* Header */
.lp-header{
  position:fixed;
  inset:0 0 auto;
  z-index:100;
  height:78px;
  color:#fff;
  background:rgba(16,16,42,.78);
  border-bottom:1px solid rgba(255,255,255,.08);
  backdrop-filter:blur(18px);
  transition:background .25s ease,box-shadow .25s ease;
}
.lp-header.is-scrolled{background:rgba(16,16,42,.95);box-shadow:0 12px 35px rgba(7,7,25,.2)}
.lp-header-inner{height:100%;display:flex;align-items:center}
.lp-logo{display:inline-flex;align-items:center;gap:var(--brand-logo-gap);flex:0 0 auto}
.lp-logo img{height:var(--brand-logo-icon-height);width:auto}
.lp-logo span{display:flex;flex-direction:column;line-height:1}
.lp-logo strong{color:var(--brand-wordmark-color-on-dark);font-size:var(--brand-wordmark-size);font-weight:var(--brand-wordmark-weight);letter-spacing:var(--brand-wordmark-tracking)}
.lp-logo small{margin-top:var(--brand-caption-gap-top);color:var(--brand-caption-color-on-dark);font-family:var(--brand-font);font-size:var(--brand-caption-size);font-weight:var(--brand-caption-weight);letter-spacing:var(--brand-caption-tracking);text-transform:uppercase}
.lp-menu{display:flex;align-items:center;gap:44px;margin-left:auto}
.lp-nav{display:flex;align-items:center;gap:30px}
.lp-nav a,.lp-login{position:relative;color:rgba(255,255,255,.7);font-size:13px;font-weight:600;transition:color .2s ease}
.lp-nav a::after{
  content:"";
  position:absolute;
  left:0;
  right:100%;
  bottom:-8px;
  height:2px;
  border-radius:2px;
  background:var(--lp-accent);
  transition:right .2s ease;
}
.lp-nav a:hover,.lp-login:hover{color:#fff}
.lp-nav a:hover::after{right:0}
.lp-header-actions{display:flex;align-items:center;gap:18px}
.lp-menu-toggle{display:none}

/* Buttons */
.lp-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  min-height:50px;
  padding:0 24px;
  border-radius:999px;
  border:1px solid transparent;
  font-size:14px;
  font-weight:700;
  line-height:1;
  transition:transform .2s ease,background .2s ease,border-color .2s ease,color .2s ease;
}
.lp-button:hover{transform:translateY(-2px)}
.lp-button:active{transform:translateY(0) scale(.985)}
.lp-button svg,.lp-final-login svg,.lp-course-body a svg,.lp-article-body a svg,.lp-faq-heading a svg{width:17px;height:17px}
.lp-button-sm{min-height:42px;padding:0 19px;background:#fff;color:var(--lp-ink);font-size:13px}
.lp-button-primary{background:var(--lp-accent);color:#fff;box-shadow:0 14px 30px -16px rgba(255,111,29,.75)}
.lp-button-primary:hover{background:#E95B0A}
.lp-button-ghost{border-color:rgba(255,255,255,.25);color:#fff;background:rgba(255,255,255,.04)}
.lp-button-ghost:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.4)}
.lp-button-light{background:#fff;color:var(--lp-ink)}
.lp-button-light:hover{background:#F1F1FF}

/* Reusable headings */
.lp-kicker{
  display:inline-flex;
  align-items:center;
  gap:9px;
  margin-bottom:18px;
  color:var(--lp-brand);
  font-family:var(--lp-mono);
  font-size:10px;
  font-weight:700;
  letter-spacing:.14em;
  line-height:1.35;
  text-transform:uppercase;
}
.lp-kicker-light{color:#AFAFFF}
.lp-kicker-light i{width:7px;height:7px;border-radius:50%;background:var(--lp-accent);box-shadow:0 0 0 5px rgba(255,111,29,.13)}
.lp-section-heading{max-width:760px;margin-bottom:50px}
.lp-section-heading h2,.lp-experience-copy h2,.lp-journey-copy h2,.lp-faq-heading h2{
  font-size:clamp(34px,4.5vw,54px);
  font-weight:800;
}
.lp-section-heading>p{max-width:650px;margin-top:20px;color:var(--lp-muted);font-size:16px;line-height:1.7}
.lp-section-heading-split{display:grid;grid-template-columns:1.08fr .92fr;gap:80px;align-items:end;max-width:none}
.lp-section-heading-split>p{margin:0 0 5px}
.lp-section-heading-row{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;max-width:none}
.lp-section-heading-row>div{max-width:750px}
.lp-section-heading-row>p{max-width:440px;margin:0 0 7px}
.lp-section-heading-aside{display:flex;flex-direction:column;align-items:flex-end;gap:12px;max-width:440px}
.lp-section-heading-aside>p{margin:0}
.lp-section-link{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;color:var(--lp-brand);font-size:12px;font-weight:700}
.lp-section-link svg{width:17px;height:17px}

/* Hero */
.lp-hero{
  position:relative;
  overflow:hidden;
  min-height:0;
  padding:148px 0 46px;
  color:rgba(255,255,255,.74);
  background:
    radial-gradient(ellipse 70% 65% at 78% 42%,rgba(47,47,255,.34),transparent 66%),
    radial-gradient(ellipse 35% 45% at 0% 90%,rgba(255,111,29,.15),transparent 70%),
    linear-gradient(135deg,var(--lp-ink-deep),var(--lp-ink) 57%,#24245A);
}
.lp-hero::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:120px;
  background:linear-gradient(to bottom,transparent,#18183D);
  pointer-events:none;
}
.lp-hero-bg{
  position:absolute;
  inset:0;
  background-size:cover;
  background-position:center 30%;
  background-repeat:no-repeat;
  opacity:.16;
  pointer-events:none;
  mask-image:radial-gradient(ellipse 78% 72% at 62% 36%,#000 38%,transparent 88%);
  -webkit-mask-image:radial-gradient(ellipse 78% 72% at 62% 36%,#000 38%,transparent 88%);
}
.lp-hero-grid{
  position:absolute;
  inset:0;
  opacity:.18;
  background-image:
    linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);
  background-size:72px 72px;
  mask-image:linear-gradient(to bottom,#000,transparent 78%);
}
.lp-hero-layout{position:relative;z-index:2;display:block}
.lp-hero-copy{max-width:1040px;margin:auto;padding:18px 0 0;text-align:center}
.lp-hero h1{max-width:1000px;margin-inline:auto;color:#fff;font-size:clamp(48px,6vw,78px);font-weight:800}
.lp-hero h1 em{
  font-style:normal;
  background:linear-gradient(110deg,#A5A5FF 5%,#6D6DFF 48%,#FF8B49 100%);
  background-clip:text;
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
}
.lp-hero-copy>p{max-width:720px;margin:25px auto 0;color:rgba(255,255,255,.72);font-size:17px;line-height:1.7}
.lp-hero-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:34px}
.lp-hero-trust{display:flex;justify-content:center;flex-wrap:wrap;gap:20px;margin-top:23px}
.lp-hero-trust span{display:inline-flex;align-items:center;gap:7px;color:rgba(255,255,255,.56);font-size:11.5px;font-weight:600}
.lp-hero-trust svg{width:15px;height:15px;color:#50D89A;stroke-width:2.5}
.lp-hero-media{position:relative;min-width:0}
.lp-hero-frame{
  position:relative;
  overflow:hidden;
  aspect-ratio:1.56;
  border:1px solid rgba(255,255,255,.2);
  border-radius:28px;
  background:#11112c;
  box-shadow:0 38px 100px -38px rgba(0,0,0,.75);
  transform:perspective(1100px) rotateY(-3deg) rotateX(1deg);
}
.lp-hero-frame::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,11,35,.3),transparent 45%),linear-gradient(0deg,rgba(11,11,35,.18),transparent 45%);pointer-events:none}
.lp-hero-frame img{width:100%;height:100%;object-fit:cover}
.lp-hero-frame-top{
  position:absolute;
  top:0;
  left:0;
  right:0;
  z-index:2;
  display:flex;
  align-items:center;
  justify-content:space-between;
  min-height:54px;
  padding:0 20px;
  background:linear-gradient(to bottom,rgba(10,10,32,.74),transparent);
  color:rgba(255,255,255,.66);
  font-size:10px;
  font-weight:600;
}
.lp-hero-frame-top span:first-child{display:flex;align-items:center;gap:8px;color:#fff}
.lp-hero-frame-top i{width:7px;height:7px;border-radius:50%;background:#FF4A4A;animation:lp-pulse 2s ease-in-out infinite}
.lp-float-card{
  position:absolute;
  z-index:4;
  display:flex;
  align-items:center;
  gap:11px;
  min-width:226px;
  padding:12px 14px;
  border:1px solid rgba(255,255,255,.23);
  border-radius:16px;
  background:rgba(255,255,255,.95);
  color:var(--lp-text);
  box-shadow:0 24px 60px -28px rgba(0,0,0,.75);
  animation:lp-float 6s ease-in-out infinite;
}
.lp-float-card-progress{right:-22px;bottom:-30px}
.lp-float-card-certificate{left:-36px;top:34px;animation-delay:-2.8s}
.lp-float-card>span:last-child{display:flex;flex-direction:column;line-height:1.3}
.lp-float-card strong{color:var(--lp-ink);font-size:11.5px}
.lp-float-card small{margin-top:3px;color:var(--lp-muted);font-size:9.5px}
.lp-float-icon{display:grid;place-items:center;width:35px;height:35px;flex:0 0 auto;border-radius:11px}
.lp-float-icon svg{width:17px;height:17px;stroke-width:2.3}
.lp-float-icon-blue{color:var(--lp-brand);background:#E9E9FF}
.lp-float-icon-green{color:#087C4A;background:#E1F8ED}
.lp-stats{
  position:relative;
  z-index:3;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  margin-top:88px;
  border-top:1px solid rgba(255,255,255,.13);
}
.lp-stats div{display:flex;align-items:center;gap:14px;padding:27px 28px;border-right:1px solid rgba(255,255,255,.13)}
.lp-stats div:first-child{padding-left:0}
.lp-stats div:last-child{border-right:0}
.lp-stats strong{
  display:inline-block;
  background:linear-gradient(120deg,#8D8DFF 0%,#B8B8FF 35%,#FF9A52 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  font-size:44px;font-weight:800;letter-spacing:-.05em;line-height:1;
  font-variant-numeric:tabular-nums;
  filter:drop-shadow(0 6px 22px rgba(91,91,255,.4));
  transition:transform .2s ease;
}
.lp-stats strong.is-updating{animation:lp-stat-pop .5s ease}
.lp-stats span{max-width:120px;color:rgba(255,255,255,.48);font-family:var(--lp-mono);font-size:8.5px;font-weight:700;letter-spacing:.1em;line-height:1.55;text-transform:uppercase}

/* Intro pillars */
.lp-intro{background:#fff}
.lp-pillars{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--lp-line);border-bottom:1px solid var(--lp-line)}
.lp-pillar{position:relative;min-height:300px;padding:42px 38px;border-right:1px solid var(--lp-line)}
.lp-pillar:last-child{border-right:0}
.lp-pillar-icon{display:grid;place-items:center;width:52px;height:52px;margin-bottom:47px;border-radius:16px;color:var(--lp-brand);background:#EEEEFF}
.lp-pillar-icon svg{width:24px;height:24px}
.lp-pillar h3{font-size:21px;font-weight:800}
.lp-pillar p{max-width:35ch;margin-top:13px;color:var(--lp-muted);font-size:14px}
.lp-pillar::after{content:"";position:absolute;left:0;right:100%;bottom:-1px;height:3px;background:linear-gradient(90deg,var(--lp-brand),var(--lp-accent));transition:right .35s ease}
.lp-pillar:hover::after{right:0}

/* Learning experience */
.lp-experience{background:var(--lp-paper)}
.lp-experience-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:90px;align-items:center}
.lp-experience-media{
  position:relative;
  overflow:visible;
  border:1px solid #D7D7E6;
  border-radius:26px;
  background:#fff;
  box-shadow:var(--lp-shadow);
}
.lp-browser-bar{display:flex;align-items:center;gap:7px;height:45px;padding:0 16px;border-bottom:1px solid var(--lp-line)}
.lp-browser-bar>span{width:8px;height:8px;border-radius:50%;background:#D4D4E0}
.lp-browser-bar>span:first-child{background:#FF7B6C}
.lp-browser-bar>span:nth-child(2){background:#FBCB62}
.lp-browser-bar>span:nth-child(3){background:#59C98B}
.lp-browser-bar small{margin-left:14px;color:#9999AA;font-family:var(--lp-mono);font-size:8px}
.lp-experience-media>img{width:100%;aspect-ratio:1.53;object-fit:cover;border-radius:0 0 25px 25px}
.lp-experience-badge{
  position:absolute;
  left:30px;
  bottom:-35px;
  display:flex;
  flex-direction:column;
  max-width:315px;
  padding:18px 22px;
  border-radius:16px;
  background:#fff;
  box-shadow:0 20px 55px -22px rgba(24,24,61,.4);
}
.lp-experience-badge strong{color:var(--lp-ink);font-size:13px}
.lp-experience-badge span{margin-top:3px;color:var(--lp-muted);font-size:11px}
.lp-experience-copy h2{max-width:12ch}
.lp-experience-copy>p{max-width:52ch;margin-top:22px;color:var(--lp-muted);font-size:16px}
.lp-check-list{display:grid;gap:19px;margin-top:34px}
.lp-check-list li{display:flex;gap:13px;align-items:flex-start}
.lp-check-list li>span{display:grid;place-items:center;width:28px;height:28px;flex:0 0 auto;margin-top:1px;border-radius:50%;color:#087C4A;background:#E0F8EC}
.lp-check-list svg{width:15px;height:15px;stroke-width:2.5}
.lp-check-list div{display:flex;flex-direction:column}
.lp-check-list strong{color:var(--lp-ink);font-size:13.5px}
.lp-check-list small{margin-top:2px;color:var(--lp-muted);font-size:11.5px}

/* Features */
.lp-features{background:#fff}
.lp-feature-grid{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-flow:dense;gap:20px}
.lp-feature{
  position:relative;
  overflow:hidden;
  min-height:370px;
  padding:30px;
  border:1px solid var(--lp-line);
  border-radius:var(--lp-radius-md);
  background:var(--lp-paper);
  transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease;
}
.lp-feature:hover{transform:translateY(-4px);border-color:#D2D2E9;box-shadow:0 24px 50px -35px rgba(24,24,61,.55)}
.lp-feature h3{max-width:16ch;margin-top:9px;font-size:23px;font-weight:800}
.lp-feature>p{max-width:43ch;margin-top:13px;color:var(--lp-muted);font-size:13.5px}
.lp-feature-label{color:var(--lp-brand);font-family:var(--lp-mono);font-size:9px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.lp-feature-icon{display:grid;place-items:center;width:44px;height:44px;margin-bottom:25px;border-radius:14px;color:var(--lp-brand);background:#EAEAFC}
.lp-feature-icon svg{width:21px;height:21px}
.lp-feature-showcase{grid-column:span 7;grid-row:span 2;min-height:760px;padding:0;background:var(--lp-ink)}
.lp-feature-showcase:hover{border-color:rgba(255,255,255,.22)}
.lp-feature-showcase>img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.lp-feature-showcase:hover>img{transform:scale(1.025)}
.lp-feature-showcase::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(11,11,34,.97) 5%,rgba(11,11,34,.12) 68%)}
.lp-feature-overlay{position:absolute;z-index:2;left:0;right:0;bottom:0;padding:48px;color:rgba(255,255,255,.67)}
.lp-feature-overlay>span{color:#BCBCFF;font-family:var(--lp-mono);font-size:9px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}
.lp-feature-overlay h3{max-width:18ch;margin-top:13px;color:#fff;font-size:34px}
.lp-feature-overlay p{margin-top:13px;font-size:14px}
.lp-feature-community{grid-column:span 5;min-height:420px;background:#F0F0FF}
.lp-feature-news{grid-column:span 5;min-height:320px;background:#FFF3EC}
.lp-feature-news .lp-feature-icon{color:#B8480B;background:#FFE2D1}
.lp-feature-news .lp-feature-label{color:#B8480B}
.lp-feature-league{grid-column:span 5;background:var(--lp-ink);border-color:var(--lp-ink);color:rgba(255,255,255,.65)}
.lp-feature-league h3{color:#fff}
.lp-feature-league>p{color:rgba(255,255,255,.62)}
.lp-feature-league .lp-feature-icon{color:#fff;background:rgba(255,255,255,.1)}
.lp-feature-league .lp-feature-label{color:#AFAFFF}
.lp-feature-career{grid-column:span 4;background:#EFFAF5}
.lp-feature-career .lp-feature-icon{color:#087C4A;background:#D9F4E7}
.lp-feature-career .lp-feature-label{color:#087C4A}
.lp-feature-network{grid-column:span 3;background:#F6F1FF}
.lp-feature-network .lp-feature-icon{color:#7742BB;background:#E9DDF8}
.lp-feature-network .lp-feature-label{color:#7742BB}
.lp-chat-preview{display:grid;gap:8px;margin-top:26px}
.lp-chat-preview>div{display:flex;align-items:center;gap:10px;padding:11px;border:1px solid rgba(24,24,61,.08);border-radius:13px;background:rgba(255,255,255,.68)}
.lp-chat-preview>div.is-answer{margin-left:30px;background:#fff}
.lp-chat-preview i{display:grid;place-items:center;width:32px;height:32px;flex:0 0 auto;border-radius:50%;background:#DADAFF;color:var(--lp-brand);font-size:9px;font-style:normal;font-weight:800}
.lp-chat-preview .is-answer i{background:#E0F8EC;color:#087C4A}
.lp-chat-preview span{display:flex;min-width:0;flex-direction:column}
.lp-chat-preview b{color:var(--lp-ink);font-size:9.5px}
.lp-chat-preview small{overflow:hidden;margin-top:2px;color:var(--lp-muted);font-size:8.5px;text-overflow:ellipsis;white-space:nowrap}
.lp-news-lines{display:grid;gap:10px;margin-top:28px}
.lp-news-lines span{height:38px;border-radius:10px;background:rgba(255,255,255,.68)}
.lp-news-lines span:nth-child(2){margin-right:34px}
.lp-news-lines span:nth-child(3){margin-right:72px}
.lp-league-preview{display:grid;gap:7px;margin-top:25px}
.lp-league-preview>span{display:grid;grid-template-columns:25px 1fr auto;align-items:center;gap:9px;padding:9px 11px;border-radius:10px;background:rgba(255,255,255,.055);font-size:10px}
.lp-league-preview>span.is-you{background:rgba(91,91,255,.3);outline:1px solid rgba(151,151,255,.35)}
.lp-league-preview i{color:rgba(255,255,255,.45);font-style:normal;text-align:center}
.lp-league-preview b{color:#fff;font-weight:600}
.lp-league-preview strong{color:rgba(255,255,255,.65);font-family:var(--lp-mono);font-size:8.5px}
.lp-job-preview{display:flex;align-items:center;gap:10px;margin-top:28px;padding:14px;border:1px solid rgba(8,124,74,.12);border-radius:14px;background:rgba(255,255,255,.75)}
.lp-job-preview>i{display:grid;place-items:center;width:35px;height:35px;flex:0 0 auto;border-radius:10px;background:var(--lp-ink);color:#fff;font-style:normal;font-weight:800}
.lp-job-preview>span{display:flex;min-width:0;flex-direction:column}
.lp-job-preview b{overflow:hidden;color:var(--lp-ink);font-size:10.5px;text-overflow:ellipsis;white-space:nowrap}
.lp-job-preview small{color:var(--lp-muted);font-size:8.5px}
.lp-job-preview em{margin-left:auto;padding:4px 8px;border-radius:999px;background:#D9F4E7;color:#087C4A;font-size:8px;font-style:normal;font-weight:800}
.lp-network-stat{display:flex;align-items:center;gap:14px;margin-top:34px;padding-top:22px;border-top:1px solid rgba(119,66,187,.15)}
.lp-network-stat strong{color:#7742BB;font-size:38px;font-weight:800;letter-spacing:-.06em;line-height:1}
.lp-network-stat span{color:#6E6281;font-family:var(--lp-mono);font-size:8px;font-weight:700;letter-spacing:.08em;line-height:1.5;text-transform:uppercase}

/* Interactive Academy hero demo */
.lp-demo-section{
  overflow:hidden;
  padding:0 0 88px;
  color:rgba(255,255,255,.72);
  background:
    radial-gradient(ellipse 62% 45% at 50% 24%,rgba(56,56,255,.2),transparent 70%),
    linear-gradient(180deg,#18183D,#18183D 8%,#11112E);
}
.lp-demo-tabs{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:10px;
  margin-bottom:26px;
  padding:8px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:20px;
  background:rgba(255,255,255,.07);
  backdrop-filter:blur(18px);
}
.lp-demo-tab{
  display:flex;
  align-items:center;
  gap:11px;
  min-width:0;
  padding:13px 15px;
  border:1px solid transparent;
  border-radius:14px;
  color:rgba(255,255,255,.62);
  background:transparent;
  cursor:pointer;
  text-align:left;
  transition:color .2s ease,background .2s ease,border-color .2s ease,transform .2s ease;
}
.lp-demo-tab:hover{color:#fff;background:rgba(255,255,255,.08)}
.lp-demo-tab.is-active{color:var(--lp-ink);background:#fff;box-shadow:0 14px 32px -18px rgba(0,0,0,.72)}
.lp-demo-tab svg{width:21px;height:21px;flex:0 0 auto}
.lp-demo-tab>span{display:flex;min-width:0;flex-direction:column}
.lp-demo-tab strong{font-size:11.5px}
.lp-demo-tab small{overflow:hidden;margin-top:2px;font-size:8.5px;opacity:.62;text-overflow:ellipsis;white-space:nowrap}
.lp-macbook{position:relative;width:min(1220px,100%);margin:0 auto 32px}
.lp-macbook-lid{
  position:relative;
  padding:14px;
  border:1px solid #333344;
  border-radius:28px 28px 13px 13px;
  background:linear-gradient(145deg,#1E1E29,#08080E);
  box-shadow:0 45px 90px -38px rgba(15,15,42,.68);
}
.lp-macbook-camera{position:absolute;z-index:5;top:6px;left:50%;width:5px;height:5px;border-radius:50%;background:#33334B;box-shadow:inset 0 0 0 1px #09090F}
.lp-macbook-screen{position:relative;overflow:hidden;aspect-ratio:1800/866;border-radius:17px 17px 5px 5px;background:#F7F6F3}
.lp-macbook-base{
  position:relative;
  width:108%;
  height:25px;
  margin-left:-4%;
  border-radius:2px 2px 55% 55%;
  background:linear-gradient(180deg,#E8E8EC,#A6A6AE 55%,#777780);
  box-shadow:0 18px 22px -17px rgba(24,24,61,.8);
}
.lp-macbook-base::before{content:"";position:absolute;left:50%;top:0;width:15%;height:7px;translate:-50% 0;border-radius:0 0 9px 9px;background:#B8B8C0}
.lp-macbook-base span{position:absolute;left:7%;right:7%;bottom:1px;height:2px;border-radius:50%;background:rgba(255,255,255,.55)}
.lp-demo-panel{position:absolute;inset:0;opacity:0;transform:scale(.992);transition:opacity .24s ease,transform .24s ease}
.lp-demo-panel.is-active{opacity:1;transform:none}
.lp-demo-panel[hidden]{display:none}
.lp-demo-screenshot{background:#F5F4F1}
.lp-demo-screenshot img{width:100%;height:100%;object-fit:cover;object-position:center top}
.lp-demo-hint{display:flex;justify-content:center;margin-bottom:6px}
.lp-demo-hint-pill{
  display:inline-flex;align-items:center;gap:13px;
  padding:15px 26px;
  border:1px solid rgba(141,141,255,.45);
  border-radius:999px;
  background:linear-gradient(90deg,rgba(91,91,255,.22),rgba(255,111,29,.16));
  color:#fff;font-size:13.5px;font-weight:600;line-height:1.4;text-align:left;
  box-shadow:0 22px 46px -22px rgba(91,91,255,.65);
  backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
}
.lp-demo-hint-pill strong{color:#fff;font-weight:800}
.lp-demo-hint-text{white-space:nowrap}
.lp-demo-hint-icon{width:21px;height:21px;flex:0 0 auto;color:#FFB067;animation:lp-hint-wiggle 2.4s ease-in-out infinite}
.lp-demo-section .lp-stats{margin-top:52px}

/* Mini portal: sidebar recriada e interativa (HTML/CSS) + telas reais da
   plataforma (prints) na área principal. A sidebar é única e compartilhada
   pelas 4 abas da demo, então nunca sai de sincronia com o print exibido. */
.lp-mini-portal{display:grid;grid-template-columns:16.9% 83.1%;width:100%;height:100%;background:#F7F6F3;color:#17172F;font-size:10px}

.lp-mini-sidebar{display:flex;min-width:0;flex-direction:column;padding:16px 12px;background:var(--lp-ink);color:rgba(255,255,255,.68);overflow:hidden}

.lp-mini-brand{display:flex;align-items:center;gap:7px;flex:0 0 auto;padding:0 4px 14px}
.lp-mini-brand img{width:19px;height:21px;flex:0 0 auto}
.lp-mini-brand span{display:flex;min-width:0;flex-direction:column;line-height:1}
.lp-mini-brand b{color:#fff;font-size:9px}
.lp-mini-brand small{margin-top:3px;color:rgba(255,255,255,.5);font-family:var(--lp-mono);font-size:4.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}

.lp-mini-profile{position:relative;display:flex;flex:0 0 auto;align-items:center;gap:7px;width:100%;margin:0 0 11px;padding:8px;border:0;border-radius:9px;color:#fff;font-family:inherit;text-align:left;cursor:pointer;overflow:hidden;background:linear-gradient(135deg,#121236 0%,#0000e4 68%,#2f2fff 100%)}
.lp-mini-profile:hover{filter:brightness(1.08)}
.lp-mini-profile>i{position:relative;z-index:1;display:grid;flex:0 0 auto;place-items:center;width:22px;height:22px;border:1.5px solid rgba(255,255,255,.85);border-radius:50%;color:#fff;background:linear-gradient(135deg,#7C3AED,#C084FC);font-size:6.5px;font-style:normal;font-weight:800}
.lp-mini-profile>span{position:relative;z-index:1;display:flex;min-width:0;flex-direction:column}
.lp-mini-profile small{color:rgba(255,255,255,.6);font-family:var(--lp-mono);font-size:4px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.lp-mini-profile b{overflow:hidden;margin-top:2px;color:#fff;font-size:6.4px;font-weight:750;text-overflow:ellipsis;white-space:nowrap}
.lp-mini-profile em{margin-top:2px;font-size:4px;font-style:normal;opacity:.68}

.lp-mini-nav{display:flex;flex-direction:column;flex:1;min-height:0;gap:2px;overflow-y:auto}

.lp-mini-link{display:flex;align-items:center;gap:7px;width:100%;padding:5.5px 6px;border:0;border-radius:7px;color:rgba(255,255,255,.66);background:transparent;font-family:inherit;text-align:left;cursor:pointer;transition:background .15s ease,color .15s ease}
.lp-mini-link svg{width:11px;height:11px;flex:0 0 auto}
.lp-mini-link span{overflow:hidden;font-size:6.3px;font-weight:650;text-overflow:ellipsis;white-space:nowrap}
.lp-mini-link:hover{background:rgba(255,255,255,.07);color:#fff}
.lp-mini-link.is-active{color:#fff;background:rgba(91,91,255,.4);font-weight:700}

.lp-mini-group{flex:0 0 auto;margin-top:5px}
.lp-mini-group-toggle{display:flex;align-items:center;gap:7px;width:100%;padding:5.5px 6px;border:0;border-radius:7px;background:transparent;color:rgba(255,255,255,.56);font-family:inherit;text-align:left;cursor:pointer}
.lp-mini-group-toggle:hover{background:rgba(255,255,255,.06);color:#fff}
.lp-mini-gico{width:10px;height:10px;flex:0 0 auto}
.lp-mini-group-toggle>span{flex:1;min-width:0;overflow:hidden;font-size:6.1px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}
.lp-mini-chev{width:7px;height:7px;flex:0 0 auto;color:rgba(255,255,255,.4);transition:transform .18s ease}
.lp-mini-group.is-open .lp-mini-chev{transform:rotate(180deg)}
.lp-mini-sublist{display:none;flex-direction:column;gap:1px;margin:2px 0 2px 10px;padding-left:6px;border-left:1px solid rgba(255,255,255,.14)}
.lp-mini-group.is-open .lp-mini-sublist{display:flex}
.lp-mini-sublist .lp-mini-link{padding:4.5px 6px}
.lp-mini-sublist .lp-mini-link svg{width:9.5px;height:9.5px}

.lp-mini-main{position:relative;min-width:0;overflow:hidden;background:#F7F6F3}

/* Mini portal (mobile): iPhone com dock inferior recriada, no lugar do
   MacBook. Mesma premissa — prints reais + navegação interativa — só que
   reaproveitando os mesmos data-demo-target/data-demo-panel do topo, então
   nunca sai de sincronia com as abas nem com a sidebar do desktop. */
.lp-iphone-demo{display:none}
.lp-iphone-demo-frame{position:relative;width:min(300px,78vw);margin:0 auto 28px;padding:9px;border:1px solid #34343F;border-radius:46px;background:linear-gradient(145deg,#27272D,#09090D);box-shadow:0 45px 90px -38px rgba(15,15,42,.68),inset 0 0 0 1px rgba(255,255,255,.16)}
.lp-iphone-demo-island{position:absolute;z-index:10;top:12px;left:50%;width:56px;height:13px;translate:-50% 0;border-radius:999px;background:#08080C}
.lp-iphone-demo-screen{position:relative;overflow:hidden;aspect-ratio:390/844;border-radius:36px;background:#F7F6F3}

.lp-iphone-dock{position:absolute;z-index:20;left:9px;right:9px;bottom:9px;display:flex;align-items:center;justify-content:space-between;gap:2px;padding:7px 4px;border:1px solid rgba(255,255,255,.14);border-radius:20px;background:rgba(20,20,43,.85);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 18px 40px -16px rgba(0,0,0,.55)}
.lp-iphone-dock-item{display:flex;flex:1;min-width:0;flex-direction:column;align-items:center;gap:3px;padding:7px 1px;border:0;border-radius:14px;background:transparent;color:rgba(255,255,255,.56);font-family:inherit;cursor:pointer;transition:background .15s ease,color .15s ease}
.lp-iphone-dock-item svg{width:16px;height:16px;flex:0 0 auto}
.lp-iphone-dock-item span{overflow:hidden;max-width:100%;font-size:7px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}
.lp-iphone-dock-item.is-active{color:#fff;background:rgba(91,91,255,.45)}

/* Aprender/Comunidade/Carreira no dock do celular: toque abre um cardápio
   flutuante com os itens do grupo, igual ao comportamento do menu real no
   celular (o mesmo ícone que expande a lista lá). */
.lp-iphone-dock-group-toggle{position:relative}
.lp-iphone-dock-flyout{position:absolute;z-index:25;left:0;right:0;bottom:calc(100% + 9px);display:none;gap:3px;padding:6px;border:1px solid rgba(255,255,255,.14);border-radius:16px;background:rgba(20,20,43,.92);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 18px 40px -16px rgba(0,0,0,.55)}
.lp-iphone-dock-flyout.is-open{display:flex}
.lp-iphone-dock-flyout-item{display:flex;flex:1;min-width:0;flex-direction:column;align-items:center;gap:3px;padding:7px 2px;border:0;border-radius:12px;background:transparent;color:rgba(255,255,255,.66);font-family:inherit;cursor:pointer;transition:background .15s ease,color .15s ease}
.lp-iphone-dock-flyout-item svg{width:14px;height:14px;flex:0 0 auto}
.lp-iphone-dock-flyout-item span{overflow:hidden;max-width:100%;font-size:6.3px;font-weight:700;text-align:center;text-overflow:ellipsis;white-space:nowrap}
.lp-iphone-dock-flyout-item.is-active{color:#fff;background:rgba(91,91,255,.4)}

/* Mobile product showcase */
.lp-mobile-showcase{
  position:relative;
  overflow:hidden;
  background:var(--lp-paper);
}
.lp-mobile-grid{position:relative;z-index:1;display:grid;grid-template-columns:.9fr 1.1fr;gap:52px;align-items:center}
.lp-mobile-copy h2{color:var(--lp-ink);font-size:clamp(30px,3vw,42px);font-weight:800;line-height:1.2}
.lp-mobile-copy h2 em{font-style:normal;background:linear-gradient(110deg,var(--lp-brand) 10%,var(--lp-brand-soft) 55%,var(--lp-accent) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.lp-mobile-copy>p{max-width:46ch;margin-top:20px;color:var(--lp-muted);font-size:15px;line-height:1.7}
.lp-mobile-copy .lp-check-list{margin-top:30px}
.lp-phones{position:relative;display:flex;align-items:flex-end;justify-content:center;min-height:660px}
.lp-iphone{position:relative;width:290px;filter:drop-shadow(0 32px 34px rgba(10,10,26,.45))}
.lp-iphone-back{z-index:1;margin-right:-42px;transform:translateY(32px) rotate(-6deg)}
.lp-iphone-front{z-index:2;transform:rotate(4deg)}
.lp-iphone-frame{position:relative;padding:10px;border:1px solid #34343F;border-radius:46px;background:linear-gradient(145deg,#27272D,#09090D);box-shadow:inset 0 0 0 1px rgba(255,255,255,.16)}
.lp-iphone-island{position:absolute;z-index:10;top:19px;left:50%;width:80px;height:21px;translate:-50% 0;border-radius:999px;background:#08080C}
.lp-phone-screen{position:relative;overflow:hidden;aspect-ratio:390/844;border-radius:38px;background:#F7F6F3;color:var(--lp-ink);font-size:7px}
.lp-phone-screen-shot{display:grid;place-items:start center;background:#F5F4F1}
.lp-phone-screen-shot img{width:100%;height:100%;object-fit:cover;object-position:center top}
.lp-float-card-noapp{left:-14px;top:52px;z-index:5;border-color:var(--lp-line)}
.lp-float-card-storage{right:-26px;bottom:2px;z-index:5;animation-delay:-3s;border-color:var(--lp-line)}
.lp-phone-status{display:flex;align-items:center;justify-content:space-between;height:30px;padding:5px 18px 0;color:#121223;font-size:5.5px}
.lp-phone-header{display:flex;align-items:center;gap:8px;height:37px;padding:0 12px;border-bottom:1px solid #E8E5E0;background:#fff}
.lp-phone-header img{width:18px;height:20px}
.lp-phone-header>span{width:105px;height:22px;margin-left:auto;border:1px solid #E4E1DC;border-radius:7px;background:#F7F6F3}
.lp-phone-header>i{width:22px;height:22px;border:1px solid #E4E1DC;border-radius:7px}
.lp-phone-title{display:flex;flex-direction:column;padding:17px 15px 9px}
.lp-phone-title small,.lp-phone-feature>span,.lp-phone-course small{color:var(--lp-brand);font-family:var(--lp-mono);font-size:4.5px;font-weight:700;letter-spacing:.08em}
.lp-phone-title b{margin-top:3px;font-size:12px}
.lp-phone-feature{margin:12px;padding:17px 14px;border-radius:15px;color:rgba(255,255,255,.72);background:linear-gradient(140deg,#18183D,#1414A8)}
.lp-phone-feature>span{display:flex;align-items:center;gap:5px;color:#FF9B63}
.lp-phone-feature>span i{width:4px;height:4px;border-radius:50%;background:#FF7A2E}
.lp-phone-feature h3{max-width:14ch;margin-top:8px;color:#fff;font-size:15px}
.lp-phone-feature p{margin-top:7px;font-size:6px}
.lp-phone-feature button{margin-top:13px;padding:7px 11px;border-radius:999px;color:var(--lp-brand);background:#fff;font-size:5.5px;font-weight:800}
.lp-phone-filters{display:flex;gap:6px;overflow:hidden;padding:0 12px 10px}
.lp-phone-filters>*{padding:5px 9px;border-radius:999px;background:#EDEAF0;font-size:5px;white-space:nowrap}
.lp-phone-filters b{color:#fff;background:var(--lp-brand)}
.lp-phone-course{display:flex;gap:9px;margin:0 12px;padding:9px;border:1px solid #E6E3DE;border-radius:12px;background:#fff}
.lp-phone-course>div{width:60px;flex:0 0 auto;border-radius:8px;background:linear-gradient(140deg,#19274B,#2578A5)}
.lp-phone-course>span{display:flex;min-width:0;flex-direction:column}
.lp-phone-course span>b{margin-top:3px;font-size:7px;line-height:1.3}
.lp-phone-course span>i{height:4px;margin-top:8px;border-radius:4px;background:#E8E5E0}
.lp-phone-course span>i em{display:block;width:55%;height:100%;border-radius:inherit;background:var(--lp-brand)}
.lp-phone-talks{margin:10px 12px;padding:11px;border:1px solid #E6E3DE;border-radius:12px;background:#fff}
.lp-phone-talks header{display:flex;justify-content:space-between;padding-bottom:7px;border-bottom:1px solid #EFECE7}
.lp-phone-talks header b{font-size:7px}
.lp-phone-talks header span{color:var(--lp-brand);font-size:5px}
.lp-phone-talks>div{display:grid;grid-template-columns:20px 1fr;gap:6px;padding:7px 0;border-bottom:1px solid #F0EDE8}
.lp-phone-talks>div>i{color:var(--lp-brand);font-family:var(--lp-mono);font-style:normal;font-weight:800}
.lp-phone-talks>div>span{display:flex;flex-direction:column}
.lp-phone-talks>div b{font-size:6px}
.lp-phone-talks>div small{margin-top:1px;color:#9995A6;font-size:4.5px}
.lp-phone-dock{position:absolute;z-index:5;left:9px;right:9px;bottom:9px;display:grid;grid-template-columns:repeat(5,1fr);align-items:center;height:39px;border:1px solid #E3E0DB;border-radius:13px;background:rgba(255,255,255,.94);box-shadow:0 9px 22px rgba(24,24,61,.12)}
.lp-phone-dock i{display:grid;place-items:center;width:25px;height:25px;margin:auto;border-radius:8px;color:#77748A;font-size:8px;font-style:normal;font-weight:700}
.lp-phone-dock i.on{color:#fff;background:var(--lp-brand)}
.lp-phone-league{margin:0 12px;padding:13px;border-radius:14px;color:rgba(255,255,255,.66);background:linear-gradient(135deg,#18183D,#212175)}
.lp-phone-league>header{display:flex;align-items:center;justify-content:space-between}
.lp-phone-league>header span{display:flex;flex-direction:column}
.lp-phone-league>header small{font-family:var(--lp-mono);font-size:4.5px;letter-spacing:.08em}
.lp-phone-league>header b{margin-top:2px;color:#fff;font-size:11px}
.lp-phone-league>header em{padding:4px 7px;border-radius:999px;color:#C6C6FF;background:rgba(255,255,255,.09);font-size:5.5px;font-style:normal;font-weight:800}
.lp-phone-route{position:relative;display:flex;justify-content:space-between;margin:17px 4px}
.lp-phone-route::before{content:"";position:absolute;left:2px;right:2px;top:4px;height:1px;background:rgba(255,255,255,.14)}
.lp-phone-route i{position:relative;width:9px;height:9px;border:2px solid #3E3E67;border-radius:50%;background:#55556C}
.lp-phone-route i.done{background:#FF7A2E}
.lp-phone-route i.now{background:#7474FF;box-shadow:0 0 0 4px rgba(116,116,255,.18)}
.lp-phone-rank{display:grid;grid-template-columns:14px 20px 1fr auto;align-items:center;gap:5px;margin-top:5px;padding:6px;border-radius:7px;background:rgba(255,255,255,.055);font-size:5.5px}
.lp-phone-rank.is-you{background:rgba(91,91,255,.3)}
.lp-phone-rank>i{display:grid;place-items:center;width:19px;height:19px;border-radius:50%;color:#fff;background:#FF7A2E;font-size:4.5px;font-style:normal}
.lp-phone-rank b{color:#fff}
.lp-phone-rank strong{font-family:var(--lp-mono);font-size:4.5px}
.lp-phone-goal{position:relative;display:grid;grid-template-columns:1fr auto;gap:6px;margin:10px 12px;padding:12px;border:1px solid #E6E3DE;border-radius:12px;background:#fff}
.lp-phone-goal>span{display:flex;flex-direction:column}
.lp-phone-goal small{color:#9D99AA;font-family:var(--lp-mono);font-size:4px}
.lp-phone-goal span b{margin-top:2px;font-size:6.5px}
.lp-phone-goal>em{color:var(--lp-brand);font-family:var(--lp-mono);font-size:6px;font-style:normal;font-weight:800}
.lp-phone-goal>i{grid-column:1/-1;height:4px;border-radius:4px;background:#EAE7E2}
.lp-phone-goal>i b{display:block;width:60%;height:100%;border-radius:inherit;background:var(--lp-brand)}

/* Courses */
.lp-courses{overflow:hidden;background:var(--lp-white)}
.lp-carousel-actions{display:flex;gap:8px;padding-bottom:4px}
.lp-carousel-actions button{
  display:grid;
  place-items:center;
  width:44px;
  height:44px;
  border:1px solid var(--lp-line);
  border-radius:50%;
  background:#fff;
  color:var(--lp-ink);
  cursor:pointer;
  transition:background .2s ease,color .2s ease,opacity .2s ease;
}
.lp-carousel-actions button:hover:not(:disabled){background:var(--lp-ink);color:#fff}
.lp-carousel-actions button:disabled{opacity:.3;cursor:default}
.lp-carousel-actions svg{width:18px;height:18px;stroke-width:2.2}
.lp-course-track{
  display:flex;
  gap:22px;
  overflow-x:auto;
  margin:0;
  padding:4px 2px 30px;
  scroll-behavior:smooth;
  scroll-snap-type:x mandatory;
  scrollbar-width:none;
}
.lp-course-track::-webkit-scrollbar{display:none}
.lp-course-card{
  flex:0 0 368px;
  overflow:hidden;
  scroll-snap-align:start;
  border:1px solid var(--lp-line);
  border-radius:20px;
  background:#fff;
  box-shadow:0 20px 45px -40px rgba(24,24,61,.5);
  transition:transform .25s ease,box-shadow .25s ease;
}
.lp-course-card:hover{transform:translateY(-5px);box-shadow:0 30px 55px -38px rgba(24,24,61,.55)}
.lp-course-cover{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  height:205px;
  overflow:hidden;
  background:linear-gradient(135deg,var(--lp-ink),#3333A0);
  background-position:center;
  background-size:cover;
}
.lp-course-cover>svg{position:relative;width:42px;height:42px;color:rgba(255,255,255,.62);stroke-width:1.45}
.lp-course-pattern{position:absolute;inset:0;opacity:.34;background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:35px 35px;transform:rotate(10deg) scale(1.25)}
.lp-course-category,.lp-course-type{position:absolute;top:14px;display:inline-flex;align-items:center;min-height:25px;padding:0 10px;border:1px solid rgba(255,255,255,.2);border-radius:999px;color:#fff;background:rgba(16,16,42,.56);backdrop-filter:blur(8px);font-size:8.5px;font-weight:700}
.lp-course-category{left:14px}
.lp-course-type{right:14px}
.lp-course-body{padding:24px}
.lp-course-meta{color:var(--lp-brand);font-family:var(--lp-mono);font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.lp-course-body h3{display:-webkit-box;overflow:hidden;height:44px;margin-top:10px;font-size:20px;font-weight:800;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.lp-course-body p{display:-webkit-box;overflow:hidden;min-height:66px;margin-top:12px;color:var(--lp-muted);font-size:13px;-webkit-box-orient:vertical;-webkit-line-clamp:3}
.lp-course-body a,.lp-article-body a,.lp-faq-heading a{display:inline-flex;align-items:center;gap:8px;margin-top:21px;color:var(--lp-brand);font-size:12px;font-weight:700}
.lp-course-empty{width:100%;padding:35px;border:1px dashed #CFCFDF;border-radius:18px;color:var(--lp-muted);text-align:center}

/* Journey */
.lp-journey{
  position:relative;
  overflow:hidden;
  padding:112px 0;
  color:rgba(255,255,255,.67);
  background:
    radial-gradient(circle at 90% 10%,rgba(56,56,255,.35),transparent 34%),
    linear-gradient(135deg,var(--lp-ink-deep),var(--lp-ink));
}
.lp-journey::before{content:"";position:absolute;inset:0;opacity:.2;background-image:linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px);background-size:58px 58px;mask-image:linear-gradient(90deg,#000,transparent 68%)}
.lp-journey-grid{position:relative;display:grid;grid-template-columns:.8fr 1.2fr;gap:95px;align-items:center}
.lp-journey-copy h2{max-width:11ch;color:#fff}
.lp-journey-copy>p{max-width:50ch;margin-top:23px;font-size:16px;line-height:1.75}
.lp-journey-copy .lp-button{margin-top:34px}
.lp-journey-panel{padding:36px;border:1px solid rgba(255,255,255,.14);border-radius:28px;background:rgba(255,255,255,.075);box-shadow:0 30px 85px -35px rgba(0,0,0,.65);backdrop-filter:blur(14px)}
.lp-journey-top{display:flex;align-items:center;justify-content:space-between;padding-bottom:26px;border-bottom:1px solid rgba(255,255,255,.12)}
.lp-journey-top>div{display:flex;flex-direction:column}
.lp-journey-top span,.lp-journey-progress span{color:rgba(255,255,255,.45);font-family:var(--lp-mono);font-size:8.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.lp-journey-top strong{margin-top:5px;color:#fff;font-size:21px}
.lp-journey-top em{padding:7px 12px;border-radius:999px;color:#BFC0FF;background:rgba(92,92,255,.18);font-size:10px;font-style:normal;font-weight:800}
.lp-route{position:relative;display:flex;justify-content:space-between;margin:36px 0 40px}
.lp-route::before{content:"";position:absolute;left:7%;right:7%;top:8px;height:2px;background:rgba(255,255,255,.13)}
.lp-route::after{content:"";position:absolute;left:7%;width:43%;top:8px;height:2px;background:linear-gradient(90deg,var(--lp-accent),#7272FF)}
.lp-route>span{position:relative;z-index:1;display:flex;align-items:center;flex-direction:column;gap:9px}
.lp-route i{width:17px;height:17px;border:4px solid var(--lp-ink-soft);border-radius:50%;background:#606078}
.lp-route .is-done i{background:var(--lp-accent)}
.lp-route .is-current i{background:#7777FF;box-shadow:0 0 0 6px rgba(119,119,255,.16)}
.lp-route small{color:rgba(255,255,255,.4);font-size:8.5px}
.lp-route .is-done small,.lp-route .is-current small{color:#fff}
.lp-journey-progress{padding:20px;border-radius:16px;background:rgba(0,0,0,.14)}
.lp-journey-progress>div{display:flex;justify-content:space-between;gap:20px}
.lp-journey-progress strong{color:#fff;font-family:var(--lp-mono);font-size:10px}
.lp-progress-bar{display:block;height:7px;margin-top:15px;border-radius:10px;background:rgba(255,255,255,.1)}
.lp-progress-bar i{display:block;width:86%;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--lp-accent),#7979FF);animation:lp-progress 1.2s cubic-bezier(.2,.8,.2,1) both}
.lp-journey-items{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}
.lp-journey-items>span{display:flex;align-items:center;flex-direction:column;padding:18px 10px;border:1px solid rgba(255,255,255,.09);border-radius:14px;text-align:center}
.lp-journey-items i{display:grid;place-items:center;width:34px;height:34px;margin-bottom:9px;border-radius:11px;color:#C5C5FF;background:rgba(255,255,255,.07)}
.lp-journey-items svg{width:17px;height:17px}
.lp-journey-items b{color:#fff;font-size:10.5px}
.lp-journey-items small{margin-top:2px;color:rgba(255,255,255,.4);font-size:8px}

/* ============================================================
   Rede de transportadoras (prévia)

   O MESMO mapa interativo de /transportadoras (ver "REDE DE
   TRANSPORTADORAS" em portal.css e partials/carriers-conteudo.blade.php),
   trazido pra vitrine. Em vez de traduzir cada regra à mão, os nomes de
   token genéricos que aquele bloco usa (--surface, --line, --r-lg...)
   são apelidados aqui pros tokens --lp-* desta página — o CSS do mapa
   em si (.uf, .mapa-br, .rede-painel, .rp-*) é colado quase igual.
   ============================================================ */
.lp-rede-section{
  --surface: var(--lp-white);
  --surface-2: #EFEFF5;
  --line: var(--lp-line);
  --ink: var(--lp-ink);
  --ink-soft: var(--lp-text);
  --ink-faint: var(--lp-muted);
  --r-lg: var(--lp-radius-lg);
  --r-md: var(--lp-radius-md);
  --r-sm: var(--lp-radius-sm);
  --r-bloco: 999px;
  --rail: var(--lp-ink-deep);
  --font-mono: var(--lp-mono);
  background:var(--lp-paper);
}
.lp-rede-section .lp-section-heading-split>p strong{color:var(--lp-ink)}

.lp-rede-wrap{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:26px;align-items:start}

/* ---- cena do mapa ---- */
.lp-rede-section .mapa-cena{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:26px 20px 16px}
.lp-rede-section .mapa-palco{position:relative;perspective:1400px;perspective-origin:50% 40%}
.lp-rede-section .mapa-br{
  display:block;width:100%;max-width:440px;height:auto;margin:0 auto;
  overflow:visible;
  transform:rotateX(24deg) rotateZ(-4deg) scale(.94);
  transform-origin:50% 45%;
  transition:transform .55s cubic-bezier(.2,.7,.3,1);
  filter:drop-shadow(0 26px 26px rgba(11,11,30,.22));
}
@media (hover:hover){
  .lp-rede-section .mapa-cena:hover .mapa-br{transform:rotateX(10deg) rotateZ(0deg) scale(1)}
}

/* ---- estado ---- */
.lp-rede-section .uf{
  fill:color-mix(in srgb, var(--cor) calc(var(--peso) * 100%), var(--surface-2));
  stroke:var(--surface);
  stroke-width:2.5;
  stroke-linejoin:round;
  cursor:pointer;
  transition:fill .18s ease, transform .22s cubic-bezier(.2,.7,.3,1), filter .22s ease;
  transform-box:fill-box;
  transform-origin:center;
}
.lp-rede-section .uf.vazio{fill:var(--surface-2);stroke:var(--line);stroke-width:1.5;cursor:default}
@media (hover:hover){
  .lp-rede-section .uf:not(.vazio):hover{
    fill:var(--cor);
    transform:translateY(-7px) scale(1.03);
    filter:drop-shadow(0 10px 14px rgba(11,11,30,.32));
  }
}
.lp-rede-section .uf.ativo{
  fill:var(--cor);
  stroke:var(--ink);stroke-width:3;
  transform:translateY(-9px) scale(1.04);
  filter:drop-shadow(0 12px 18px rgba(11,11,30,.35));
}
html.keyboard-nav .lp-rede-section .uf:focus-visible{outline:none;stroke:var(--ink);stroke-width:4}

/* ---- rótulo que segue o cursor ---- */
.lp-rede-section .mapa-tip{
  position:absolute;z-index:6;pointer-events:none;
  padding:7px 11px;border-radius:var(--r-md);
  background:var(--rail);color:#fff;
  box-shadow:0 8px 20px -6px rgba(11,11,30,.5);
  transform:translate(-50%, -130%);
  white-space:nowrap;
}
.lp-rede-section .mapa-tip b{display:block;font-size:12.5px;font-weight:700}
.lp-rede-section .mapa-tip span{display:block;font-family:var(--font-mono);font-size:9.5px;color:rgba(255,255,255,.7);margin-top:1px}

.lp-rede-section .mapa-legenda{
  display:flex;gap:15px;flex-wrap:wrap;justify-content:center;
  margin-top:20px;padding-top:14px;border-top:1px solid var(--line);
}
.lp-rede-section .mapa-legenda span{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:var(--ink-soft)}
.lp-rede-section .mapa-legenda i{width:9px;height:9px;border-radius:50%;flex:0 0 9px}
.lp-rede-section .mapa-legenda i.vazia{background:var(--surface-2);border:1px solid var(--line)}

/* ---- painel lateral ---- */
.lp-rede-section .rede-painel{
  background:var(--surface);border:1px solid var(--line);
  border-radius:var(--r-lg);padding:26px;
  position:sticky;top:100px;
  max-height:calc(100vh - 130px);
  display:flex;flex-direction:column;
}
.lp-rede-section .rp-conteudo{display:flex;flex-direction:column;min-height:0;flex:1}
.lp-rede-section .rp-vazio{text-align:center;padding:44px 12px;color:var(--ink-faint)}
.lp-rede-section .rp-vazio svg{margin:0 auto}
.lp-rede-section .rp-vazio p{font-size:13px;margin-top:12px;line-height:1.5}

.lp-rede-section .rp-head{display:flex;align-items:center;gap:12px;padding-bottom:14px;margin-bottom:12px;border-bottom:1px solid var(--line);flex-shrink:0}
.lp-rede-section .rp-uf{flex:0 0 44px;width:44px;height:44px;border-radius:var(--r-md);display:grid;place-items:center;color:#fff;font-family:var(--font-mono);font-size:14px;font-weight:700}
.lp-rede-section .rp-head h3{font-size:16px;font-weight:700;letter-spacing:-.01em;line-height:1.2;color:var(--ink)}
.lp-rede-section .rp-head p{font-size:11.5px;color:var(--ink-faint);margin-top:2px}

.lp-rede-section .rp-lista{flex:1;min-height:0;max-height:280px;overflow-y:auto;padding-right:8px;scrollbar-width:thin;scrollbar-color:var(--line) transparent}
.lp-rede-section .rp-lista::-webkit-scrollbar{width:4px}
.lp-rede-section .rp-lista::-webkit-scrollbar-thumb{background:var(--line);border-radius:999px}

.lp-rede-section .rp-item{display:flex;align-items:center;gap:9px;padding:9px 0;border-bottom:1px solid var(--line)}
.lp-rede-section .rp-item:last-child{border-bottom:0}
.lp-rede-section .rp-item b{font-size:12.5px;font-weight:600;color:var(--ink);line-height:1.3}
/* ⚠️ mesmo bug do portal.css original: ".rp-item span" (mais específico)
   batia no .rp-ico (também um span) e pisava no display:grid dele — o
   ícone ficava colado no canto de cima em vez de centralizado. Escopado
   só pro span de dentro do link. */
.lp-rede-section .rp-item a span{display:block;font-size:10.5px;color:var(--ink-faint);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lp-rede-section .rp-ico{flex:0 0 26px;width:26px;height:26px;border-radius:var(--r-sm);display:grid;place-items:center;background:var(--surface-2);color:var(--ink-soft)}
.lp-rede-section .rp-item a{min-width:0;flex:1}
@media (hover:hover){.lp-rede-section .rp-item a:hover b{color:var(--lp-brand)}}

.lp-rede-section .rp-mais{flex-shrink:0;margin-top:12px;padding-top:12px;border-top:1px solid var(--line);text-align:center}
.lp-rede-section .rp-mais a{font-size:12px;font-weight:600;color:var(--lp-brand)}

.lp-rede-cta{flex-shrink:0;margin-top:18px;padding-top:18px;border-top:1px solid var(--line)}
.lp-rede-cta .lp-button{width:100%}

/* ---- lista completa (fechada, mas no HTML — ver comentário no partial) ---- */
.lp-rede-section .rede-todas{
  margin-top:24px;
  background:var(--surface);border:1px solid var(--line);
  border-radius:var(--r-lg);overflow:hidden;
}
.lp-rede-section .rede-todas>summary{display:flex;align-items:center;gap:11px;padding:16px 20px;cursor:pointer;list-style:none}
.lp-rede-section .rede-todas>summary::-webkit-details-marker{display:none}
.lp-rede-section .rede-todas>summary b{font-size:15px;font-weight:700;color:var(--ink)}
.lp-rede-section .rede-todas>summary i{font-style:normal;font-size:12px;color:var(--ink-faint);margin-left:auto}
.lp-rede-section .rede-todas>summary .rt-seta{width:16px;height:16px;color:var(--ink-faint);transition:transform .2s ease;flex-shrink:0}
.lp-rede-section .rede-todas[open]>summary .rt-seta{transform:rotate(180deg)}
@media (hover:hover){.lp-rede-section .rede-todas>summary:hover b{color:var(--lp-brand)}}

.lp-rede-section .rt-corpo{padding:16px 16px 18px;border-top:1px solid var(--line);background:var(--surface-2)}
.lp-rede-section .rt-uf{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);padding:13px 16px 14px;margin-bottom:10px}
.lp-rede-section .rt-uf:last-child{margin-bottom:0}
.lp-rede-section .rt-uf h4{display:flex;align-items:center;gap:9px;font-size:13.5px;font-weight:700;color:var(--ink);padding-bottom:10px;margin-bottom:11px;border-bottom:1px solid var(--line);scroll-margin-top:90px}
.lp-rede-section .rt-sigla{flex:0 0 26px;width:26px;height:26px;border-radius:var(--r-sm);display:grid;place-items:center;color:#fff;font-family:var(--font-mono);font-size:10px;font-weight:700}
.lp-rede-section .rt-qtd{font-family:var(--font-mono);font-size:10px;font-weight:700;padding:2px 7px;border-radius:999px;background:var(--surface-2);color:var(--ink-faint)}

.lp-rede-section .rt-lista{columns:3;column-gap:22px;column-rule:1px solid var(--line)}
.lp-rede-section .rt-lista a{display:block;break-inside:avoid;padding:5px 0;font-size:12px;line-height:1.35;color:var(--ink-soft)}
@media (hover:hover){.lp-rede-section .rt-lista a:hover{color:var(--lp-brand)}}
.lp-rede-section .rt-lista a span{display:block;font-size:10px;color:var(--ink-faint);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* News content */
.lp-content{background:#fff}
.lp-article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.lp-article-card{overflow:hidden;border:1px solid var(--lp-line);border-radius:20px;background:#fff;transition:transform .25s ease,box-shadow .25s ease}
.lp-article-card:hover{transform:translateY(-4px);box-shadow:var(--lp-shadow)}
.lp-article-image{position:relative;display:flex;align-items:flex-end;height:205px;padding:20px;background:linear-gradient(135deg,var(--lp-ink),#3636A2);background-position:center;background-size:cover}
.lp-article-image>span{position:absolute;right:20px;top:11px;color:rgba(255,255,255,.1);font-size:82px;font-weight:800;letter-spacing:-.09em;line-height:1}
.lp-article-image em{position:relative;padding:5px 9px;border:1px solid rgba(255,255,255,.18);border-radius:999px;color:#fff;background:rgba(16,16,42,.45);backdrop-filter:blur(7px);font-size:8px;font-style:normal;font-weight:700}
.lp-article-body{padding:24px}
.lp-article-body>span{color:var(--lp-brand);font-family:var(--lp-mono);font-size:8.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.lp-article-body h3{display:-webkit-box;overflow:hidden;height:42px;margin-top:10px;font-size:19px;font-weight:800;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.lp-article-body p{display:-webkit-box;overflow:hidden;min-height:62px;margin-top:12px;color:var(--lp-muted);font-size:12.5px;-webkit-box-orient:vertical;-webkit-line-clamp:3}

/* FAQ */
.lp-faq-section{background:var(--lp-paper)}
.lp-faq-layout{display:grid;grid-template-columns:.72fr 1.28fr;gap:100px;align-items:start}
.lp-faq-heading{position:sticky;top:120px}
.lp-faq-heading h2{max-width:10ch}
.lp-faq-heading p{max-width:45ch;margin-top:20px;color:var(--lp-muted)}
.lp-faq{border-top:1px solid var(--lp-line)}
.lp-faq-item{border-bottom:1px solid var(--lp-line)}
.lp-faq-item summary{display:flex;align-items:center;gap:20px;padding:25px 0;color:var(--lp-ink);cursor:pointer;font-size:15px;font-weight:700;list-style:none}
.lp-faq-item summary::-webkit-details-marker{display:none}
.lp-faq-item summary span{display:grid;place-items:center;width:30px;height:30px;margin-left:auto;flex:0 0 auto;border-radius:50%;background:#ECECF3;transition:transform .25s ease,background .25s ease,color .25s ease}
.lp-faq-item summary svg{width:15px;height:15px;stroke-width:2.2}
.lp-faq-item[open] summary span{transform:rotate(180deg);color:#fff;background:var(--lp-brand)}
.lp-faq-item p{max-width:72ch;padding:0 54px 26px 0;color:var(--lp-muted);font-size:13.5px}

/* Final CTA and footer */
.lp-final-cta{position:relative;overflow:hidden;padding:112px 0;background:linear-gradient(120deg,#18183D,#20206A 60%,#2A2381);color:rgba(255,255,255,.7)}
.lp-final-art{position:absolute;inset:0;background:radial-gradient(circle at 83% 23%,rgba(79,79,255,.55),transparent 28%),radial-gradient(circle at 10% 100%,rgba(255,111,29,.2),transparent 30%)}
.lp-final-art::after{content:"";position:absolute;right:-110px;top:-210px;width:570px;height:570px;border:1px solid rgba(255,255,255,.09);border-radius:50%;box-shadow:0 0 0 70px rgba(255,255,255,.025),0 0 0 140px rgba(255,255,255,.018)}
.lp-final-inner{position:relative;text-align:center}
.lp-final-inner h2{max-width:18ch;margin:auto;color:#fff;font-size:clamp(38px,5vw,62px);font-weight:800}
.lp-final-inner>p{max-width:56ch;margin:22px auto 0;font-size:16px}
.lp-final-inner>div{display:flex;align-items:center;justify-content:center;gap:22px;margin-top:34px}
.lp-final-login{display:inline-flex;align-items:center;justify-content:center;gap:8px;color:#fff;font-size:13px;font-weight:700}
.lp-footer{padding:58px 0 22px;color:rgba(255,255,255,.54);background:var(--lp-ink-deep)}
.lp-footer-main{display:grid;grid-template-columns:auto 1fr auto;gap:50px;align-items:center;padding-bottom:40px}
.lp-footer-main>p{max-width:370px;font-size:12px}
.lp-footer-main nav{display:flex;flex-wrap:wrap;gap:22px}
.lp-footer-main nav a{font-size:11px;font-weight:600;transition:color .2s ease}
.lp-footer-main nav a:hover{color:#fff}
.lp-footer-bottom{display:flex;justify-content:space-between;padding-top:20px;border-top:1px solid rgba(255,255,255,.09);font-family:var(--lp-mono);font-size:8px;letter-spacing:.08em;text-transform:uppercase}

@keyframes lp-pulse{50%{opacity:.36}}
@keyframes lp-float{50%{transform:translateY(-8px)}}
@keyframes lp-progress{from{width:0}to{width:86%}}
@keyframes lp-stat-pop{0%{transform:scale(1)}35%{transform:scale(1.14)}100%{transform:scale(1)}}
@keyframes lp-hint-wiggle{0%,100%{transform:rotate(0)}25%{transform:rotate(-9deg)}75%{transform:rotate(9deg)}}

/* Tablet */
@media (max-width:1080px){
  .lp-section{padding:92px 0}
  .lp-nav{gap:20px}
  .lp-menu{gap:28px}
  .lp-hero{min-height:auto;padding-top:136px}
  .lp-hero-layout{grid-template-columns:1fr;gap:48px}
  .lp-hero-copy{max-width:850px;text-align:center;margin:auto;padding-bottom:0}
  .lp-hero-copy>p{margin-inline:auto}
  .lp-hero-actions,.lp-hero-trust{justify-content:center}
  .lp-hero-media{width:min(850px,95%);margin:auto}
  .lp-stats{margin-top:90px}
  .lp-stats div{flex-direction:column;align-items:flex-start;gap:8px;padding-inline:20px}
  .lp-section-heading-split{grid-template-columns:1fr;gap:20px}
  .lp-demo-section{padding:0 0 76px}
  .lp-section-heading-split>p{max-width:700px}
  .lp-mobile-grid{grid-template-columns:1fr;gap:44px}
  .lp-mobile-copy{max-width:720px}
  .lp-mobile-copy h2{max-width:19ch}
  .lp-phones{min-height:740px;margin-top:8px}
  .lp-float-card-noapp{left:84px;top:130px}
  .lp-experience-grid{grid-template-columns:1fr;gap:80px}
  .lp-experience-media{width:min(820px,100%);margin:auto}
  .lp-experience-copy{max-width:720px}
  .lp-experience-copy h2{max-width:15ch}
  .lp-feature-showcase{grid-column:span 12;grid-row:auto;min-height:600px}
  .lp-feature-community,.lp-feature-news,.lp-feature-league{grid-column:span 6}
  .lp-feature-career,.lp-feature-network{grid-column:span 6}
  .lp-journey-grid{grid-template-columns:1fr;gap:55px}
  .lp-journey-copy{max-width:720px}
  .lp-journey-copy h2{max-width:14ch}
  .lp-rede-wrap{grid-template-columns:1fr}
  .lp-rede-section .rede-painel{position:static;max-height:none}
  .lp-rede-section .rp-lista{max-height:none}
  .lp-faq-layout{grid-template-columns:1fr;gap:55px}
  .lp-faq-heading{position:static;max-width:700px}
  .lp-faq-heading h2{max-width:14ch}
  .lp-footer-main{grid-template-columns:auto 1fr}
  .lp-footer-main nav{grid-column:1/-1}
}

/* Mobile navigation */
@media (max-width:820px){
  .lp-container{width:calc(100% - 36px)}
  .lp-header{height:70px}
  .lp-menu-toggle{display:grid;place-items:center;width:42px;height:42px;margin-left:auto;border-radius:50%;background:rgba(255,255,255,.08);cursor:pointer;position:relative}
  .lp-menu-toggle span{position:absolute;top:50%;left:50%;width:17px;height:1.5px;margin:-.75px 0 0 -8.5px;border-radius:2px;background:#fff;transition:transform .25s ease}
  .lp-menu-toggle span:first-child{transform:translateY(-4px)}
  .lp-menu-toggle span:last-child{transform:translateY(4px)}
  .lp-menu-toggle.is-open span:first-child{transform:rotate(45deg)}
  .lp-menu-toggle.is-open span:last-child{transform:rotate(-45deg)}
  .lp-menu{
    position:absolute;
    left:18px;
    right:18px;
    top:62px;
    display:none;
    align-items:stretch;
    flex-direction:column;
    gap:24px;
    padding:25px;
    border:1px solid rgba(255,255,255,.12);
    border-radius:18px;
    background:rgba(16,16,42,.98);
    box-shadow:0 22px 50px rgba(0,0,0,.28);
  }
  .lp-menu.is-open{display:flex}
  .lp-nav{align-items:center;flex-direction:column;gap:2px}
  .lp-nav a{padding:11px 0;font-size:15px;text-align:center}
  .lp-nav a::after{display:none}
  .lp-header-actions{flex-direction:column;align-items:stretch;gap:12px;padding-top:18px;border-top:1px solid rgba(255,255,255,.1)}
  .lp-header-actions .lp-login{padding:6px 0;text-align:center}
  .lp-header-actions .lp-button{flex:1}
  .lp-stats{grid-template-columns:repeat(2,1fr)}
  .lp-stats div{border-bottom:1px solid rgba(255,255,255,.13)}
  .lp-stats div:nth-child(2){border-right:0}
  .lp-stats div:nth-child(n+3){border-bottom:0}
  .lp-stats div:nth-child(3){padding-left:0}
  .lp-pillars{grid-template-columns:1fr}
  .lp-pillar{min-height:250px;border-right:0;border-bottom:1px solid var(--lp-line)}
  .lp-pillar:last-child{border-bottom:0}
  /* ⚠️ menos inclinação: em tela pequena o topo do mapa (Norte) fica
     comprimido e Roraima some — mesmo ajuste da página completa */
  .lp-rede-section .mapa-br{transform:rotateX(12deg) scale(.98);max-width:340px}
  .lp-rede-section .uf{stroke-width:3}
  .lp-rede-section .rt-lista{columns:2;column-gap:18px}
  .lp-demo-tabs{grid-template-columns:repeat(3,1fr)}
  .lp-macbook-lid{padding:10px;border-radius:22px 22px 10px 10px}
  .lp-macbook-screen{border-radius:13px 13px 4px 4px}
  .lp-mini-sidebar{padding:14px 10px}
  .lp-feature{grid-column:span 12!important}
  .lp-feature-showcase{min-height:510px}
  .lp-feature-community,.lp-feature-news,.lp-feature-league,.lp-feature-career,.lp-feature-network{min-height:340px}
  .lp-section-heading-row{align-items:flex-start;flex-direction:column}
  .lp-section-heading-aside{align-items:flex-start;max-width:100%}
  .lp-carousel-actions{align-self:flex-end;margin-top:-70px}
  .lp-article-grid{grid-template-columns:1fr}
  .lp-article-card{display:grid;grid-template-columns:.85fr 1.15fr}
  .lp-article-image{height:100%;min-height:240px}
  .lp-footer-main{grid-template-columns:1fr;gap:26px}
  .lp-footer-main nav{grid-column:auto}
}

@media (max-width:620px){
  .lp-container{width:calc(100% - 32px)}
  .lp-section{padding:60px 0}
  .lp-section-heading{margin-bottom:36px}
  .lp-section-heading h2,.lp-experience-copy h2,.lp-journey-copy h2,.lp-faq-heading h2{font-size:34px}
  .lp-section-heading>p{font-size:14px}
  .lp-hero{padding:112px 0 34px}
  .lp-hero h1{font-size:42px}
  .lp-hero-copy>p{font-size:15px}
  .lp-hero-actions{align-items:stretch;flex-direction:column}
  .lp-hero-actions .lp-button{width:100%}
  .lp-hero-trust{display:grid;gap:9px;text-align:left}
  .lp-hero-media{width:100%;margin-top:5px}
  .lp-hero-frame{aspect-ratio:1.15;border-radius:20px;transform:none}
  .lp-hero-frame img{object-position:center center}
  .lp-hero-frame-top{padding-inline:13px}
  .lp-hero-frame-top span:last-child{display:none}
  .lp-float-card{min-width:0;padding:9px 11px;border-radius:13px}
  .lp-float-card-progress{right:-8px;bottom:-27px}
  .lp-float-card-certificate{left:-8px;top:35px}
  .lp-float-icon{width:30px;height:30px}
  .lp-float-card strong{font-size:9.5px}
  .lp-float-card small{font-size:7.5px}
  .lp-stats{margin-top:72px}
  .lp-stats div{padding:21px 12px}
  .lp-stats strong{font-size:32px}
  .lp-stats span{font-size:7.3px}
  .lp-section-heading-split{gap:15px}
  .lp-pillar{padding:32px 24px}
  .lp-pillar-icon{margin-bottom:35px}
  .lp-demo-tabs{display:none}
  .lp-macbook{display:none}
  .lp-iphone-demo{display:block}
  .lp-demo-hint-pill{padding:12px 18px;gap:10px;font-size:11.5px}
  .lp-demo-hint-text{white-space:normal}
  .lp-demo-hint-icon{width:18px;height:18px}
  .lp-demo-section{padding:0 0 62px}
  .lp-demo-section .lp-stats{margin-top:38px}
  .lp-mobile-showcase{padding:60px 0}
  .lp-mobile-grid{gap:30px}
  .lp-phones{min-height:400px;margin-inline:-18px;margin-top:22px}
  .lp-float-card-noapp{left:2px;top:24px;min-width:0;padding:8px 10px;border-radius:12px}
  .lp-float-card-storage{right:2px;bottom:-2px;min-width:0;padding:8px 10px;border-radius:12px}
  .lp-float-card-noapp .lp-float-icon,.lp-float-card-storage .lp-float-icon{width:26px;height:26px}
  .lp-float-card-noapp .lp-float-icon svg,.lp-float-card-storage .lp-float-icon svg{width:14px;height:14px}
  .lp-float-card-noapp strong,.lp-float-card-storage strong{font-size:9px}
  .lp-float-card-noapp small,.lp-float-card-storage small{font-size:7px}
  .lp-iphone{width:176px}
  .lp-iphone-back{margin-right:-52px;transform:translateY(18px) rotate(-7deg)}
  .lp-iphone-front{transform:rotate(4deg)}
  .lp-iphone-frame{padding:6px;border-radius:28px}
  .lp-iphone-island{top:10px;width:46px;height:12px}
  .lp-phone-screen{border-radius:22px}
  .lp-phone-feature{padding:13px 11px}
  .lp-phone-feature h3{font-size:12px}
  .lp-experience-grid{gap:72px}
  .lp-browser-bar{height:38px}
  .lp-experience-badge{left:14px;right:14px;bottom:-45px;max-width:none}
  .lp-feature{min-height:330px;padding:25px}
  .lp-feature h3{font-size:22px}
  .lp-feature-showcase{min-height:470px;padding:0}
  .lp-feature-showcase>img{object-position:center}
  .lp-feature-overlay{padding:28px}
  .lp-feature-overlay h3{font-size:27px}
  .lp-feature-community{min-height:400px}
  .lp-chat-preview>div.is-answer{margin-left:14px}
  .lp-feature-network{min-height:330px}
  .lp-carousel-actions{margin-top:-62px}
  .lp-course-track{margin-inline:-16px;padding-inline:16px}
  .lp-course-card{flex-basis:min(326px,calc(100vw - 48px))}
  .lp-course-cover{height:185px}
  .lp-journey{padding:60px 0}
  .lp-journey-grid{gap:42px}
  .lp-journey-panel{padding:22px 16px;border-radius:20px}
  .lp-route small{font-size:6.8px}
  .lp-journey-items{gap:7px}
  .lp-journey-items>span{padding:14px 5px}
  /* ⚠️ sem perspectiva: os estados pequenos do Nordeste ficam finos
     demais para o dedo quando inclinados */
  .lp-rede-section .mapa-palco{perspective:none}
  .lp-rede-section .mapa-br{transform:none;filter:drop-shadow(0 8px 14px rgba(11,11,30,.18))}
  .lp-rede-section .mapa-cena{padding:16px 10px 12px}
  .lp-rede-section .rede-painel{padding:20px}
  .lp-rede-section .rt-lista{columns:1}
  .lp-rede-section .rede-todas>summary{padding:14px}
  .lp-rede-section .rt-corpo{padding:0 14px 16px}
  .lp-article-card{display:block}
  .lp-article-image{height:190px;min-height:0}
  .lp-faq-item summary{font-size:13.5px}
  .lp-final-cta{padding:60px 0}
  .lp-final-inner h2{font-size:38px}
  .lp-final-inner>p{font-size:14px}
  .lp-final-inner>div{align-items:stretch;flex-direction:column;gap:16px}
  .lp-footer{padding-top:45px;text-align:center}
  .lp-footer-main{justify-items:center}
  .lp-footer-main .lp-logo{justify-content:center}
  .lp-footer-main>p{max-width:320px}
  .lp-footer-main nav{justify-content:center}
  .lp-footer-bottom{gap:12px;flex-direction:column;align-items:center;text-align:center}
}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .lp-reveal{opacity:1!important;transform:none!important;transition:none!important}
  .lp-float-card,.lp-hero-frame-top i,.lp-progress-bar i{animation:none!important}
  .lp-button,.lp-feature,.lp-course-card,.lp-article-card,.lp-feature-showcase>img{transition:none!important}
  .lp-rede-section .mapa-br,.lp-rede-section .uf{transition:none!important}
  .lp-rede-section .mapa-cena:hover .mapa-br{transform:rotateX(24deg) rotateZ(-4deg) scale(.94)!important}
}