@font-face{
  font-family:"Manrope Variable";
  font-style:normal;
  font-display:swap;
  font-weight:200 800;
  src:url("/assets/manrope-latin-wght-normal-DHIcAJRg.woff2") format("woff2-variations");
}
@font-face{
  font-family:"Newsreader Variable";
  font-style:normal;
  font-display:swap;
  font-weight:200 800;
  src:url("/assets/newsreader-latin-wght-normal-CCVVNp6i.woff2") format("woff2-variations");
}

:root{
  --navy:#0b2431;
  --navy2:#123c47;
  --mint:#006a65;
  --mint2:#eaf8f3;
  --bg:#fbfaf7;
  --white:#fffefd;
  --text:#0b2431;
  --muted:#52616a;
  --line:#d9ddda;
  --shadow:0 12px 28px rgba(18,43,51,.07);
  --serif:"Newsreader Variable",Newsreader,Georgia,serif;
  --sans:"Manrope Variable",Manrope,Arial,sans-serif;
}

html{scroll-behavior:smooth}
body{
  color:var(--text);
  background:var(--bg);
  font-family:var(--sans);
  -webkit-font-smoothing:antialiased;
}
button,input,select,textarea{font-family:inherit}
h1,h2,h3{font-family:var(--serif);font-weight:500}

.product-header.sidebar{
  position:sticky!important;
  inset:auto!important;
  top:0!important;
  z-index:60;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  padding:0!important;
  display:block!important;
  color:var(--text)!important;
  background:rgba(251,250,247,.97)!important;
  border:0!important;
  border-bottom:1px solid var(--line)!important;
  box-shadow:none!important;
  backdrop-filter:blur(14px);
}
.product-header-main{
  width:min(calc(100% - 56px),1168px);
  height:76px;
  margin:0 auto;
  display:grid;
  grid-template-columns:275px minmax(0,1fr) auto;
  align-items:center;
  gap:28px;
}
.product-brand.nav{
  width:max-content;
  min-height:0;
  padding:0;
  display:inline-flex;
  align-items:center;
  gap:12px;
  color:var(--text);
  background:transparent!important;
  border:0;
  border-radius:0;
  box-shadow:none!important;
  cursor:pointer;
}
.product-brand.nav:hover,.product-brand.nav.active{background:transparent!important;box-shadow:none!important}
.product-brand .tooth{
  width:43px!important;
  height:43px!important;
  padding:0!important;
  display:block;
  overflow:hidden;
  border:0!important;
  border-radius:11px!important;
  background:transparent!important;
  box-shadow:0 8px 24px rgba(8,42,53,.12)!important;
}
.product-brand .tooth img{width:100%;height:100%;object-fit:cover}
.product-brand-name{
  font-family:var(--serif);
  font-size:30px;
  font-weight:570;
  letter-spacing:-.035em;
  line-height:1;
}
.product-brand-name>span{color:var(--mint)}
.product-header .primary-nav{
  min-width:0;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:clamp(20px,2.4vw,38px);
  margin:0;
}
.product-header .nav{
  min-height:38px;
  padding:9px 0;
  position:relative;
  color:var(--text);
  background:transparent!important;
  border:0;
  border-radius:0;
  box-shadow:none!important;
  font-size:13px;
  font-weight:670;
  white-space:nowrap;
  cursor:pointer;
}
.product-header .nav:not(.product-brand)::after{
  content:"";
  position:absolute;
  left:0;
  right:100%;
  bottom:2px;
  height:2px;
  background:var(--mint);
  transition:right .16s ease;
}
.product-header .nav:hover::after,.product-header .nav.active::after{right:0}
.product-header .account-card{
  width:auto;
  min-width:188px;
  max-width:230px;
  min-height:48px;
  margin:0;
  padding:7px 12px;
  display:grid;
  grid-template-columns:34px minmax(0,1fr);
  align-items:center;
  gap:9px;
  color:var(--mint);
  background:transparent;
  border:1px solid var(--mint);
  border-radius:8px!important;
  box-shadow:none!important;
  cursor:pointer;
  text-align:left;
}
.product-header .account-card:hover{color:#fff;background:var(--mint);border-color:var(--mint)}
.product-header .account-avatar{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  color:#fff;
  background:var(--mint);
  border-radius:8px;
  box-shadow:none;
}
.product-header .account-card:hover .account-avatar{color:var(--mint);background:#fff}
.product-header .account-card>span:nth-child(2){min-width:0;display:grid;gap:1px}
.product-header .account-card b,.product-header .account-card small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.product-header .account-card b{font-size:11px}
.product-header .account-card small{color:inherit;font-size:9px}
.product-header-sub{
  min-height:39px;
  padding:0 max(28px,calc((100% - 1168px)/2));
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  background:#fffefd;
  border-top:1px solid rgba(217,221,218,.72);
}
.product-header .secondary-nav{
  min-width:0;
  display:flex;
  align-items:center;
  gap:26px;
  overflow-x:auto;
  scrollbar-width:none;
}
.product-header .secondary-nav::-webkit-scrollbar{display:none}
.product-header .secondary-nav .nav{min-height:38px;padding:8px 0;color:#4d5e66;font-size:11px}
.product-header .goal{
  width:auto;
  margin:0;
  padding:0;
  display:flex;
  align-items:baseline;
  gap:9px;
  color:#5f6d73;
  background:transparent;
  border:0;
  border-radius:0;
}
.product-header .goal small{color:var(--mint);font-size:8px;font-weight:850;letter-spacing:.1em}
.product-header .goal b{color:var(--text);font-size:11px}
.product-header .goal span{font-size:9px}

.mobile-head,.bottom-nav{display:none!important}
main{max-width:none!important;margin:0!important;padding:0!important}
.view{display:none}
.view.active{display:block;animation:none}
.view:not(#home){width:min(calc(100% - 56px),1168px);margin:0 auto;padding:42px 0 74px}
.access-status{
  width:min(calc(100% - 56px),1168px);
  margin:12px auto 0;
  border:1px solid #cfe0dc;
  border-radius:7px;
  background:#f3f9f7;
  box-shadow:none;
}
.site-footer{width:min(calc(100% - 56px),1168px);margin:0 auto 34px}

.unified-home{background:var(--bg)}
.unified-eyebrow{
  margin:0;
  color:var(--mint);
  font-size:10px;
  font-weight:850;
  letter-spacing:.13em;
  text-transform:uppercase;
}
.unified-hero{
  width:min(calc(100% - 56px),1168px);
  min-height:515px;
  margin:0 auto;
  padding:40px 0 34px;
  display:grid;
  grid-template-columns:47.5% 52.5%;
  gap:18px;
}
.unified-hero-copy{align-self:center;padding-right:clamp(18px,3.2vw,48px)}
.unified-hero-copy h1{
  margin:0;
  color:var(--text);
  font-size:clamp(52px,4.8vw,68px);
  line-height:.91;
  letter-spacing:-.042em;
  font-weight:500;
}
.unified-hero-copy h1 span{color:var(--mint)}
.unified-hero-copy>p:not(.unified-free-note){max-width:485px;margin:22px 0 20px;color:#344b57;font-size:15px;line-height:1.62}
.unified-hero-actions{display:flex;flex-direction:column;align-items:flex-start;gap:4px}
.unified-hero-actions .primary{
  min-height:51px;
  padding:0 24px;
  color:#fff;
  background:var(--mint);
  border:0;
  border-radius:7px;
  box-shadow:0 8px 18px rgba(0,106,101,.09);
  font-weight:770;
}
.unified-hero-actions .primary:hover{background:#005450}
.unified-hero-actions .link{min-height:37px;padding:5px 0;color:#005450;font-size:13px}
.unified-free-note{margin:16px 0 0;display:flex;align-items:center;gap:12px;color:#172932;font-size:13px}
.unified-free-note span{padding-left:12px;border-left:1px solid var(--line)}

.unified-demo{min-width:0;display:grid;grid-template-columns:minmax(330px,1fr) minmax(230px,.72fr);align-items:center}
.unified-demo-copy{align-self:stretch;padding-top:16px}
.unified-demo-copy>.unified-eyebrow{padding-bottom:9px;border-bottom:1px solid #aeb8b5}
.unified-demo h2{max-width:385px;margin:33px 0 19px 13px;font-size:31px;line-height:1.05;letter-spacing:-.025em}
.unified-choices{margin-left:13px;display:grid;max-width:365px}
.unified-choices button{
  min-height:55px;
  padding:0 8px 0 38px;
  position:relative;
  color:#21343e;
  background:transparent;
  border:0;
  border-bottom:1px solid #cfd4d2;
  font-size:13px;
  text-align:left;
  cursor:pointer;
}
.unified-choices button::before{
  content:"";
  position:absolute;
  left:0;
  top:50%;
  width:22px;
  height:22px;
  border:1.5px solid #566b75;
  border-radius:50%;
  transform:translateY(-50%);
}
.unified-choices button.selected{color:var(--mint);background:rgba(234,248,243,.55)}
.unified-choices button.selected::before{border:7px solid var(--mint)}
.unified-choices button.correct{color:#006f5d;background:#eef9f5}
.unified-choices button.correct::before{border:7px solid #006f5d}
.unified-choices button.wrong{color:#9b3434;background:#fff5f5}
.unified-choices button.wrong::before{border:7px solid #a63a3a}
.unified-demo-source{margin:12px 0 0 13px;max-width:370px;color:#52616a;font-size:9px;line-height:1.45}
.unified-correct{margin:10px 0 0 13px;padding:5px 0;color:var(--mint);background:transparent;border:0;font-size:11px;font-weight:800;cursor:pointer}
.unified-answer-status{min-height:16px;margin:8px 0 0 13px;color:var(--mint);font-size:11px;font-weight:760}
.unified-demo img{width:100%;max-width:260px;height:350px;object-fit:contain;justify-self:end;filter:saturate(.86) contrast(.98)}

.unified-trust{
  min-height:91px;
  padding:0 max(28px,calc((100% - 1168px)/2));
  display:grid;
  grid-template-columns:repeat(4,1fr);
  align-items:center;
  background:var(--white);
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
}
.unified-trust article{min-height:54px;padding:0 26px;display:flex;align-items:center;justify-content:center;gap:12px;border-right:1px solid var(--line)}
.unified-trust article:first-child{justify-content:flex-start;padding-left:0}
.unified-trust article:last-child{justify-content:flex-end;padding-right:0;border-right:0}
.unified-trust strong{font-family:var(--serif);font-size:35px;font-weight:500;line-height:1}
.unified-trust span{font-size:12px;line-height:1.3}

.game-home{
  width:min(calc(100% - 56px),1168px);
  margin:32px auto 0;
  display:grid;
  grid-template-columns:minmax(280px,.78fr) minmax(0,1.55fr);
  gap:14px;
}
.game-daily-card,.game-stat-grid article,.league-board,.league-you,.badge-shelf{
  background:var(--white);
  border:1px solid var(--line);
  border-radius:10px;
  box-shadow:none;
}
.game-daily-card{padding:23px;display:grid;align-content:center}
.game-daily-card h2{margin:8px 0 5px;font-size:29px;line-height:1}
.game-daily-card p:not(.unified-eyebrow){margin:0;color:#5a6b73;font-size:11px;line-height:1.5}
.game-progress{height:9px;margin:18px 0 14px;overflow:hidden;background:#e7ece9;border-radius:999px}
.game-progress i{display:block;width:0;height:100%;background:var(--mint);border-radius:inherit;transition:width .25s ease}
.game-daily-card .primary{min-height:43px;color:#fff;background:var(--mint);border-radius:6px}
.game-daily-card.is-complete{border-color:#79b7aa;background:#f3fbf7}
.game-stat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.game-stat-grid article{min-height:118px;padding:20px;display:flex;flex-direction:column;justify-content:center}
.game-stat-grid small{color:#6c797f;font-size:8px;font-weight:850;letter-spacing:.12em}
.game-stat-grid strong{margin:7px 0 2px;font-family:var(--serif);font-size:28px;font-weight:520;line-height:1}
.game-stat-grid span{color:#56686f;font-size:10px;line-height:1.4}
.game-rank-card{position:relative;padding-right:102px!important;background:#0b2f38!important;border-color:#0b2f38!important;color:#fff}
.game-rank-card small,.game-rank-card span{color:#b9d4d4}
.game-rank-card button{position:absolute;right:16px;bottom:16px;padding:8px 10px;color:#fff;background:transparent;border:1px solid rgba(255,255,255,.3);border-radius:5px;font-size:9px;font-weight:800;cursor:pointer}

.unified-rhythm{
  min-height:105px;
  padding:22px max(28px,calc((100% - 1168px)/2));
  display:grid;
  grid-template-columns:320px 1fr;
  align-items:center;
  gap:36px;
  background:#fafbf8;
  border-bottom:1px solid var(--line);
}
.unified-rhythm h2{margin:7px 0 0;font-size:24px;line-height:1.04}
.unified-rhythm-stats{display:grid;grid-template-columns:repeat(4,1fr)}
.unified-rhythm-stats article{min-height:55px;padding:0 22px;display:grid;align-content:center;border-left:1px solid var(--line)}
.unified-rhythm-stats strong{font-family:var(--serif);font-size:31px;font-weight:500;line-height:1}
.unified-rhythm-stats span{margin-top:5px;color:#53646c;font-size:10px}
.unified-rhythm-stats small{margin-top:2px;color:#7b888d;font-size:8px}

.unified-correction{
  width:min(calc(100% - 56px),1168px);
  margin:0 auto;
  padding:30px 0 38px;
  display:grid;
  grid-template-columns:37.5% 62.5%;
  gap:34px;
  align-items:start;
}
.unified-correction>div{padding-top:5px}
.unified-correction>div h2{max-width:410px;margin:15px 0 11px;font-size:36px;line-height:1.03;letter-spacing:-.025em}
.unified-correction>div>p:last-child{max-width:405px;color:#4a5d67;font-size:12px;line-height:1.65}
.unified-correction>article{min-height:205px;padding:26px 28px;display:grid;grid-template-columns:1.15fr .85fr;gap:34px;background:var(--white);border:1px solid #dce0dd;border-radius:10px;box-shadow:var(--shadow)}
.unified-correction>article>div:first-child{padding-right:30px;border-right:1px solid var(--line)}
.unified-correction article small{color:var(--mint);font-size:9px;font-weight:850;letter-spacing:.08em}
.unified-correction article strong{display:block;margin:5px 0 18px;font-size:12px}
.unified-correction article h3{margin:0 0 6px;font-family:var(--sans);font-size:11px}
.unified-correction article h3:not(:first-child){margin-top:18px}
.unified-correction article p{margin:0;color:#3f535d;font-size:10px;line-height:1.55}

.unified-hub{padding:58px max(28px,calc((100% - 1168px)/2));background:#f2f6f3;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.unified-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:23px}
.unified-section-head h2{max-width:690px;margin:10px 0 0;font-size:38px;line-height:1;letter-spacing:-.03em}
.unified-section-head>p{max-width:370px;margin:0;color:#5d6c72;font-size:12px;line-height:1.6}
.unified-hub-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.unified-hub-grid button{min-height:190px;padding:24px;display:flex;flex-direction:column;justify-content:space-between;color:var(--text);background:var(--white);border:1px solid var(--line);border-radius:9px;text-align:left;cursor:pointer;transition:transform .16s ease,border-color .16s ease}
.unified-hub-grid button:hover{transform:translateY(-2px);border-color:#84aaa4}
.unified-hub-grid span{color:var(--mint);font-size:10px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}
.unified-hub-grid strong{font-family:var(--serif);font-size:24px;font-weight:500;line-height:1.08}

.unified-study{width:min(calc(100% - 56px),1168px);margin:0 auto;padding:55px 0;display:grid;grid-template-columns:1.55fr .75fr;gap:18px;align-items:start}
.unified-areas,.unified-daily{padding:26px;background:var(--white);border:1px solid var(--line);border-radius:9px}
.unified-study .unified-section-head{margin-bottom:17px}
.unified-study .unified-section-head h2,.unified-daily h2{margin:7px 0 0;font-size:28px}
.unified-study .areas{grid-template-columns:repeat(3,1fr);gap:9px}
.unified-study .area-card{min-height:80px;padding:14px;background:#fbfcfa;border:1px solid var(--line);border-radius:6px}
.unified-daily>strong{display:block;margin:18px 0 5px;font-family:var(--serif);font-size:30px;font-weight:500}
.unified-daily>p:not(.unified-eyebrow){margin:0 0 15px;color:#5d6d73;font-size:11px;line-height:1.5}
.unified-daily .daily-focus{margin-bottom:12px;padding:0;gap:8px;background:transparent;border:0}
.unified-daily .daily-focus select{min-height:39px;border-radius:5px}
.unified-daily .primary{width:100%;min-height:44px;border-radius:6px;background:var(--mint)}
.unified-daily .daily-mission{width:100%;margin-top:5px;text-align:center}

.unified-access{
  padding:58px max(28px,calc((100% - 1168px)/2)) 64px;
  display:grid;
  grid-template-columns:minmax(280px,.92fr) minmax(380px,.72fr);
  align-items:center;
  gap:clamp(42px,6vw,78px);
  color:#fff;
  background:#0a2d36;
  border-top:1px solid #173b45;
}
.unified-access .unified-eyebrow{color:#66d4c1}
.unified-access-copy h2{max-width:560px;margin:17px 0 14px;font-size:clamp(38px,3.8vw,52px);line-height:.99;letter-spacing:-.035em}
.unified-access-copy>p:not(.unified-eyebrow){max-width:540px;margin:0;color:#c5d6d9;font-size:13px;line-height:1.7}
.unified-access-card{min-height:330px;padding:31px 30px 25px;display:flex;flex-direction:column;color:var(--text);background:var(--white);border:1px solid rgba(255,255,255,.16);border-radius:12px;box-shadow:0 20px 48px rgba(1,17,22,.19)}
.unified-access-card>p{margin:0 0 19px;color:#005450;font-size:11px;font-weight:850;letter-spacing:.08em}
.unified-access-card ul{margin:0 0 25px;padding:21px 0 0 20px;display:grid;gap:14px;color:#334d57;border-top:1px solid #d9e1de;font-size:12px;line-height:1.45}
.unified-access-card>button{width:100%;min-height:48px;color:#fff;background:var(--mint);border:1px solid var(--mint);border-radius:7px;font-size:11px;font-weight:820;cursor:pointer}
.unified-access-card>button:hover{background:#005450;border-color:#005450}
.unified-access-card .link{min-height:38px;margin-top:6px;padding-block:8px;color:#005450;background:transparent;border-color:transparent}
.unified-access-card .link:hover{color:#003f3b;background:#eef6f3;border-color:transparent}
.unified-access-card small{margin-top:7px;color:#6f7f86;font-size:9px;text-align:center}

.unified-radar{width:min(calc(100% - 56px),1168px);margin:0 auto;padding:52px 0 64px}
.unified-radar .unified-section-head h2{font-size:34px}
.unified-radar .radar-grid{grid-template-columns:repeat(3,1fr);gap:12px}
.home-runtime{display:none}

/* Áreas internas: o mesmo sistema editorial da página inicial. */
.view:not(#home) .pagehead{margin-bottom:16px;align-items:flex-end}
.view:not(#home) .pagehead h1{margin:8px 0 0;color:var(--text);font-size:clamp(42px,4vw,56px);font-weight:500;line-height:.96}
.view:not(#home) .kicker{color:var(--mint);font-size:9px;letter-spacing:.12em}
.view:not(#home) .box,.view:not(#home) .qcard,.view:not(#home) .filter-panel{
  background:var(--white);
  border-color:var(--line);
  border-radius:9px;
  box-shadow:none;
}
.view:not(#home) .primary{color:#fff;background:var(--mint);border-radius:6px;box-shadow:none}
.view:not(#home) .primary:hover{background:#005450}
.view:not(#home) .ghost{color:var(--mint);background:transparent;border:1px solid var(--mint)}
.view:not(#home) .filter-panel{padding:14px}
.view:not(#home) .filters select,.view:not(#home) .filters input,.view:not(#home) .simulator select{border-color:#cbd8d9;border-radius:5px;box-shadow:none}
.view:not(#home) .qcard{padding:28px}
.view:not(#home) .qcard h2{font-family:var(--sans);font-size:17px;font-weight:620;line-height:1.6}
.view:not(#home) .answer{border-radius:5px;background:#fbfcfa}
.view:not(#home) .answer::before{border-radius:4px}
.view:not(#home) .answer:hover{transform:none;border-color:#76aaa4;background:#f2f8f5}
.view:not(#home) .explain{border-radius:5px;background:#f1f8f5}
.view:not(#home) .pager button{border-radius:5px}
.view:not(#home) .radar-hero,.view:not(#home) .buco-hero,.view:not(#home) .exam-hero,.view:not(#home) .review-plan-card,.view:not(#home) .result-hero{
  color:var(--text)!important;
  background:var(--white)!important;
  border:1px solid var(--line)!important;
  border-radius:9px!important;
  box-shadow:none!important;
}
.view:not(#home) .radar-hero h1,.view:not(#home) .buco-hero h1,.view:not(#home) .exam-hero h1,.view:not(#home) .review-plan-card h2,.view:not(#home) .result-hero h2{color:var(--text)!important}
.view:not(#home) .radar-hero p,.view:not(#home) .buco-hero p,.view:not(#home) .exam-hero p,.view:not(#home) .review-plan-card p,.view:not(#home) .result-hero p{color:#5e7078!important}
.view:not(#home) .radar-card,.view:not(#home) .exam-card,.view:not(#home) .buco-school,.view:not(#home) .library-summary article,.view:not(#home) .notebook-card{border-radius:8px;box-shadow:none}

.question-entry>div:first-child{max-width:680px}
.question-entry p,.league-head p{margin:10px 0 0;color:#607178;font-size:12px;line-height:1.55}
.question-entry-actions{display:flex;align-items:center;gap:12px}
.question-entry-actions>span{padding:9px 11px;color:#005b56;background:#eaf6f2;border:1px solid #cfe3dd;border-radius:6px;font-size:10px;font-weight:800;white-space:nowrap}

.league-head{margin-bottom:24px!important}
.league-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr);gap:16px;align-items:start}
.league-board{padding:25px}
.league-board-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding-bottom:18px;border-bottom:1px solid var(--line)}
.league-board-head h2{margin:7px 0 0;font-size:29px}
.league-board-head>span{color:#66767d;font-size:10px;font-weight:750}
.league-list{display:grid}
.league-row{min-height:65px;display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:12px;border-bottom:1px solid #e6e9e7}
.league-row:last-child{border-bottom:0}
.league-row.is-current{margin-inline:-10px;padding-inline:10px;background:#edf8f4;border-radius:7px;border-bottom-color:transparent}
.league-position{width:31px;height:31px;display:grid;place-items:center;color:#53636a;background:#eef1ef;border-radius:50%;font-size:11px;font-weight:850}
.league-row:nth-child(1) .league-position{color:#6d4e00;background:#f7dfa1}
.league-row:nth-child(2) .league-position{color:#4f5c64;background:#e0e6e8}
.league-row:nth-child(3) .league-position{color:#76451f;background:#ebc6a8}
.league-person{min-width:0;display:grid;gap:3px}
.league-person strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}
.league-person span{color:#738187;font-size:9px}
.league-score{text-align:right}
.league-score strong{display:block;font-family:var(--serif);font-size:20px;font-weight:550}
.league-score span{color:#748086;font-size:8px;font-weight:800}
.league-loading,.league-empty{padding:56px 20px;color:#718087;text-align:center;font-size:12px}
.league-side{display:grid;gap:16px}
.league-you{padding:24px;color:#fff;background:#0b2f38;border-color:#0b2f38}
.league-you .kicker{color:#71d7c4!important}
.league-you>strong{display:block;margin:20px 0 2px;font-family:var(--serif);font-size:44px;font-weight:520;line-height:1}
.league-you h2{margin:0;font-size:24px}
.league-you p{margin:15px 0;color:#c0d2d5;font-size:11px;line-height:1.6}
.league-you button{width:100%;min-height:42px;color:#082b33;background:#79dfca;border:0;border-radius:6px;font-size:10px;font-weight:850;cursor:pointer}
.badge-shelf{padding:24px}
.badge-shelf h2{margin:7px 0 18px;font-size:25px}
.achievement-list{display:grid;gap:9px}
.achievement{min-height:58px;padding:10px;display:grid;grid-template-columns:38px 1fr;align-items:center;gap:10px;background:#f6f8f6;border:1px solid #e1e5e2;border-radius:7px}
.achievement i{width:36px;height:36px;display:grid;place-items:center;font-style:normal;background:#e3e8e5;border-radius:50%;filter:grayscale(1);opacity:.58}
.achievement div{display:grid;gap:2px}
.achievement strong{font-size:10px}
.achievement span{color:#6c797f;font-size:9px}
.achievement.unlocked{background:#eef9f5;border-color:#c9e3da}
.achievement.unlocked i{background:#cceee3;filter:none;opacity:1}

@media(max-width:1050px){
  .product-header-main{grid-template-columns:235px minmax(0,1fr) auto;gap:20px}
  .product-header .primary-nav{gap:20px}
  .product-header .account-card{min-width:160px}
  .unified-hero{grid-template-columns:43% 57%}
  .unified-hero-copy h1{font-size:56px}
  .unified-demo{grid-template-columns:minmax(315px,1fr) 190px}
  .unified-demo img{max-width:215px}
  .unified-trust article{padding-inline:16px}
  .game-home{grid-template-columns:1fr}
  .unified-hub-grid{grid-template-columns:repeat(2,1fr)}
}

@media(max-width:900px){
  .product-header-main{
    width:min(calc(100% - 28px),760px);
    height:auto;
    min-height:66px;
    padding-top:10px;
    display:grid;
    grid-template-columns:1fr auto;
    gap:7px 14px;
  }
  .product-brand .tooth{width:38px!important;height:38px!important}
  .product-brand-name{font-size:26px}
  .product-header .account-card{min-width:0;width:42px;height:42px;padding:3px;display:grid;place-items:center;border:0}
  .product-header .account-card>span:nth-child(2){display:none}
  .product-header .account-avatar{width:38px;height:38px}
  .product-header .primary-nav{grid-column:1/-1;width:100%;height:44px;justify-content:flex-start;gap:25px;overflow-x:auto;scrollbar-width:none}
  .product-header .primary-nav::-webkit-scrollbar{display:none}
  .product-header-sub{min-height:39px;padding:0 14px}
  .product-header .secondary-nav{gap:24px}
  .product-header .goal{display:none}
  .view:not(#home){width:min(calc(100% - 36px),760px);padding-top:34px}
  .access-status,.site-footer{width:min(calc(100% - 36px),760px)}
  .unified-hero{width:min(calc(100% - 36px),760px);grid-template-columns:1fr;gap:42px;padding:48px 0 42px}
  .unified-hero-copy{padding-right:0;text-align:center}
  .unified-hero-copy h1{font-size:clamp(54px,9vw,70px)}
  .unified-hero-copy>p:not(.unified-free-note){margin-inline:auto}
  .unified-hero-actions{align-items:center}
  .unified-free-note{justify-content:center}
  .unified-demo{grid-template-columns:minmax(0,1fr) 250px}
  .unified-trust{grid-template-columns:1fr 1fr}
  .unified-trust article{justify-content:flex-start!important;padding:20px 0!important;border-right:0;border-bottom:1px solid var(--line)}
  .unified-trust article:nth-child(odd){padding-right:24px!important;border-right:1px solid var(--line)}
  .unified-trust article:nth-child(even){padding-left:24px!important}
  .unified-trust article:nth-last-child(-n+2){border-bottom:0}
  .unified-rhythm{grid-template-columns:1fr;gap:22px}
  .unified-rhythm>div:first-child{text-align:center}
  .unified-correction{width:min(calc(100% - 36px),760px);grid-template-columns:1fr}
  .unified-correction>div{text-align:center}
  .unified-correction>div h2,.unified-correction>div>p:last-child{margin-inline:auto}
  .unified-hub{padding-block:46px}
  .unified-section-head{align-items:flex-start;flex-direction:column}
  .unified-study{width:min(calc(100% - 36px),760px);grid-template-columns:1fr}
  .unified-access{grid-template-columns:1fr;padding-block:49px}
  .unified-access-copy{text-align:center}
  .unified-access-copy h2,.unified-access-copy>p:not(.unified-eyebrow){margin-inline:auto}
  .unified-access-card{width:min(100%,600px);margin-inline:auto}
  .unified-radar{width:min(calc(100% - 36px),760px)}
  .game-home{width:min(calc(100% - 36px),760px)}
  .league-layout{grid-template-columns:1fr}
}

@media(max-width:620px){
  .product-header .primary-nav{gap:20px}
  .product-header .nav{font-size:12px}
  .product-header .secondary-nav .nav{font-size:10px}
  .unified-hero{width:min(calc(100% - 28px),520px);padding-top:36px;gap:32px}
  .unified-hero-copy h1{font-size:clamp(46px,13.5vw,60px)}
  .unified-hero-copy>p:not(.unified-free-note){font-size:13px}
  .unified-hero-actions{width:100%}
  .unified-hero-actions .primary{width:100%;padding-inline:15px}
  .unified-free-note{flex-wrap:wrap;font-size:11px}
  .unified-demo{display:block}
  .unified-demo h2{margin-left:0;font-size:28px}
  .unified-choices,.unified-demo-source,.unified-correct,.unified-answer-status{margin-left:0;max-width:none}
  .unified-demo img{display:block;width:min(82%,300px);max-width:none;margin:12px auto 0}
  .unified-trust{grid-template-columns:1fr;padding-inline:14px}
  .unified-trust article,.unified-trust article:nth-child(odd),.unified-trust article:nth-child(even){padding:18px 0!important;border-right:0;border-bottom:1px solid var(--line)}
  .unified-trust article:last-child{border-bottom:0}
  .unified-rhythm{padding-inline:14px}
  .unified-rhythm-stats{grid-template-columns:1fr 1fr;gap:18px 0}
  .unified-rhythm-stats article:nth-child(odd){border-left:0}
  .unified-correction{width:min(calc(100% - 28px),520px)}
  .unified-correction>div h2{font-size:33px}
  .unified-correction>article{grid-template-columns:1fr;padding:22px;gap:20px}
  .unified-correction>article>div:first-child{padding:0 0 20px;border-right:0;border-bottom:1px solid var(--line)}
  .unified-hub{padding-inline:14px}
  .unified-section-head h2{font-size:34px}
  .unified-hub-grid{grid-template-columns:1fr}
  .unified-hub-grid button{min-height:155px}
  .unified-study{width:min(calc(100% - 28px),520px)}
  .unified-areas,.unified-daily{padding:20px}
  .unified-study .areas{grid-template-columns:1fr}
  .unified-access{padding-inline:14px}
  .unified-access-card{padding:25px 21px 21px}
  .unified-radar{width:min(calc(100% - 28px),520px)}
  .game-home{width:min(calc(100% - 28px),520px)}
  .game-stat-grid{grid-template-columns:1fr}
  .question-entry{align-items:flex-start!important;flex-direction:column}
  .question-entry-actions{width:100%;justify-content:space-between}
  .question-entry-actions .primary{flex:1}
  .league-head{align-items:flex-start!important;flex-direction:column}
  .league-head .primary{width:100%}
  .league-board{padding:18px}
  .unified-radar .radar-grid{grid-template-columns:1fr}
  .view:not(#home){width:min(calc(100% - 28px),520px)}
  .access-status,.site-footer{width:min(calc(100% - 28px),520px)}
}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important}
}
