:root{color-scheme:dark;--ink:#071825;--deep:#04121e;--paper:#f7f4eb;--gold:#ffc847;--teal:#62e0d2;--muted:#b8c9d1;--line:#29434e;--wrap:1160px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:#fff;font:16px/1.55 system-ui,-apple-system,"Segoe UI",sans-serif}a{color:inherit}img{display:block;max-width:100%;height:auto}figure,p,h1,h2,h3{margin:0}button{font:inherit}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #19a797;outline-offset:4px}[hidden]{display:none!important}.wrap{width:min(var(--wrap),calc(100% - 48px));margin:auto}.skip{position:absolute;left:1rem;top:-6rem;z-index:20;background:#fff;color:#000;padding:12px}.skip:focus{top:1rem}
.nav{border-bottom:1px solid var(--line);background:#061521}.navinner{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:67px}.nav nav{display:flex;gap:32px;color:var(--muted);font-size:14px}.nav a,footer a{text-decoration:none}.logo{font-weight:900;letter-spacing:-.06em;font-size:24px;white-space:nowrap}.logo b{color:var(--gold)}.mark{color:var(--ink);background:var(--gold);display:inline-grid;place-items:center;border-radius:7px;width:28px;height:28px;font-size:19px;margin-right:4px;vertical-align:2px}.navcta{font-weight:750;font-size:14px;border:1px solid #4b626b;border-radius:8px;padding:9px 14px}
.hero{background:radial-gradient(ellipse at 81% 46%,#123c47 0%,transparent 49%),var(--deep);padding:66px 0 55px}.herogrid{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:28px}.eyebrow{font-size:.71rem;font-weight:850;letter-spacing:.14em;line-height:1.5;color:var(--teal)}.eyebrow span{display:inline-block;width:7px;height:7px;background:currentColor;border-radius:50%;margin:0 6px 2px 0}.hero h1{font-size:clamp(2.85rem,5.3vw,5.3rem);letter-spacing:-.076em;line-height:.98;margin:19px 0 22px;max-width:740px}.hero h1 em,h2 em{color:var(--gold);font-style:normal}.lead{color:#d4e1e8;font-size:clamp(1rem,1.6vw,1.23rem);max-width:540px}.lead strong{color:#fff}.actions{display:flex;align-items:center;gap:17px;margin:25px 0 13px;flex-wrap:wrap}.button{display:inline-flex;justify-content:center;align-items:center;gap:14px;padding:13px 20px;min-height:50px;background:var(--gold);color:#182020;font-weight:850;text-decoration:none;border-radius:9px;line-height:1.22;box-shadow:0 5px 0 #ad741a;transition:background .16s,transform .16s}.button:hover{background:#ffda79;transform:translateY(-2px)}.button span{font-size:1.15em}.plain{color:#e0ebf1;font-size:.88rem;text-underline-offset:4px}.micro{color:#aec2cb;font-size:.77rem}
.heroart{position:relative;isolation:isolate;aspect-ratio:1.1;min-width:0;overflow:hidden;border-radius:24px;border:1px solid #41616a;background:radial-gradient(at 35% 62%,#1e5260,#071521 76%);box-shadow:0 22px 60px #0005}.gridart{position:absolute;inset:0;background:linear-gradient(#83e8de24 1px,transparent 1px),linear-gradient(90deg,#83e8de24 1px,transparent 1px);background-size:33px 33px;mask-image:linear-gradient(130deg,#000,transparent 72%)}.halo{position:absolute;inset:10% 7% 14%;border:1px solid #59d4cb53;border-radius:50%;box-shadow:0 0 55px #51f2df33}.kit{position:absolute;left:17%;top:10%;width:61%;border-radius:10px;transform:perspective(950px) rotateY(-12deg) rotate(-8deg);box-shadow:14px 26px 36px #000a,4px 4px #364e58,8px 8px #152b39;overflow:hidden}.kit img{width:100%}.sheet{position:absolute;width:32%;border-radius:4px;box-shadow:6px 12px 25px #0008}.sheet1{right:10%;top:13%;transform:rotate(14deg)}.sheet2{right:6%;top:26%;transform:rotate(21deg)}.artlabel{position:absolute;bottom:9%;left:7%;background:#081923ec;border-left:3px solid var(--teal);padding:7px 12px;border-radius:0 7px 7px 0}.artlabel span,.artlabel strong{display:block}.artlabel span{color:var(--teal);font-size:.62rem;letter-spacing:.13em}.artlabel strong{font-size:clamp(.74rem,1.6vw,1rem)}.heroart figcaption{position:absolute;bottom:2%;right:4%;color:#b6c8d3;font-size:.61rem}
.numbers{border-block:1px solid var(--line);background:#0b2331}.numbergrid{display:grid;grid-template-columns:repeat(4,1fr)}.numbergrid div{display:flex;align-items:center;justify-content:center;gap:12px;padding:15px 8px}.numbergrid div+div{border-left:1px solid var(--line)}.numbergrid strong{font-size:2.25rem;line-height:1;color:var(--gold);letter-spacing:-.08em}.numbergrid span{font-size:.86rem;color:#deebee}
.section{padding:clamp(59px,8vw,103px) 0}.light{color:#10232a;background:var(--paper);color-scheme:light}.light .eyebrow{color:#136f68}.light h2 em{color:#146c64}.intro{max-width:760px;margin-bottom:30px}.intro>p:last-child:not(.eyebrow){color:var(--muted);max-width:650px;font-size:1.08rem;margin-top:14px}.light .intro>p:last-child:not(.eyebrow){color:#465b61}h2{font-size:clamp(2.15rem,4.8vw,4.15rem);line-height:1.02;letter-spacing:-.065em;margin-top:10px;text-wrap:balance}h3{line-height:1.15;letter-spacing:-.035em}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#d6dcd3;border:1px solid #d6dcd3;border-radius:16px;overflow:hidden}.steps article{padding:22px;background:#fffdf7}.steps span{color:#126a61;font-size:.8rem;font-weight:850}.steps h3{margin:7px 0;font-size:1.3rem}.steps p{color:#465b61}
.sample{background:radial-gradient(ellipse at 18% 45%,#143943,transparent 60%),#081b28}.samplegrid{display:grid;grid-template-columns:1.25fr .75fr;gap:18px;align-items:start}.viewer,.quiz{border:1px solid #3d5663;background:#0b2432;border-radius:16px;padding:18px}.samplelinks{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:12px}.samplelinks a,.answers button{border:1px solid #637b82;border-radius:7px;padding:8px 10px;text-decoration:none;font-size:.85rem;font-weight:750}.samplelinks a[aria-current],.answers button[aria-pressed=true]{background:var(--teal);color:var(--ink);border-color:var(--teal)}#zoom{display:grid;place-items:center;min-height:260px;background:#061721;border-radius:10px;padding:12px}#preview{height:clamp(265px,48vw,470px);width:auto;object-fit:contain}#preview.wide{width:100%}.viewer>.micro{margin-top:8px}.quiz{background:#12333e;padding:24px}.quiz h3{font-size:1.8rem;margin:9px 0 15px}.question{font-size:1.15rem;color:#e4edf1}.answers{display:flex;gap:9px;margin-top:18px}.answers button{flex:1;background:#102833;color:#fff;cursor:pointer}#feedback{margin-top:16px;color:#baf5ed}.key{margin-top:15px}

.bonusgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.bonus{overflow:hidden;border:1px solid #d7ddd4;border-radius:13px;background:#fffdf7}.stage{display:grid;place-items:center;height:188px;perspective:650px;background:radial-gradient(ellipse at 38% 30%,#dce9e2,#9bbdb2);overflow:hidden}.bonus:nth-child(3n+2) .stage{background:radial-gradient(ellipse at 32% 25%,#f3e7bf,#d5bc83)}.bonus:nth-child(3n) .stage{background:radial-gradient(ellipse at 32% 25%,#d8e6ee,#a2bbc9)}.book{width:102px;position:relative;transform:rotateY(-23deg) rotateZ(-7deg);box-shadow:19px 19px 22px #142e3659;border-radius:3px}.book:after{content:"";position:absolute;inset:3px -10px 1px 100%;background:repeating-linear-gradient(#efeee7 0 2px,#c1c4bd 2px 3px);transform:skewY(23deg);border-right:2px solid #183740;border-radius:0 2px 2px 0}.book img{border-radius:3px;border-left:4px solid #132d3d}.bonuscopy{padding:16px}.bonuscopy h3{font-size:1.2rem;margin:5px 0 8px}.bonuscopy>p:last-child{font-size:.9rem;color:#43545b}.inlinecta{margin-top:25px}
.offers{background:radial-gradient(ellipse at 72% 34%,#16404a,transparent 64%),#071824}.plans{display:grid;grid-template-columns:1fr 1fr;gap:16px;max-width:900px}.plan{position:relative;min-width:0;border:1px solid #45616a;border-radius:16px;background:#0d2533;padding:25px;display:flex;flex-direction:column}.plan.complete{border:2px solid var(--gold);background:#14313a}.plan h3{font-size:2.15rem;margin:6px 0}.plan>p:not(.eyebrow){color:#d4e0e5}.plan ul{list-style:none;padding:0;margin:17px 0 20px}.plan li{padding:6px 0;border-bottom:1px solid #41616a}.plan li:before{content:"✓";color:var(--teal);margin-right:8px}.ribbon{align-self:flex-start;background:var(--gold);color:var(--ink);font-size:.66rem;font-weight:900;letter-spacing:.09em;border-radius:4px;padding:4px 8px;margin-bottom:9px}.availability{font-size:.82rem;margin-top:auto}.price{margin-top:auto;font-weight:900;font-size:3.8rem;line-height:1;letter-spacing:-.08em;color:var(--gold)}.price span,.price sup{font-size:.44em;letter-spacing:0}.payment{font-size:.78rem;margin:8px 0 14px}.plan .micro{margin-top:12px}.extras{margin-top:37px}.extras>p{color:var(--muted);margin:6px 0 15px}.extra-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;max-width:900px}.extra-grid article{display:flex;align-items:center;gap:9px;border:1px solid var(--line);background:#0b2432;padding:8px;border-radius:9px;font-size:.87rem}.extra-grid img{width:58px;border-radius:5px;flex:none}
.faq{display:grid;grid-template-columns:.7fr 1.3fr;gap:35px}details{border-bottom:1px solid #91a19b;padding:12px 0}summary{cursor:pointer;font-weight:800}details p{margin-top:8px}.faq details p{color:#43565b}.closing{text-align:center;padding:63px 0;background:radial-gradient(ellipse at 50% 0%,#16404a,#071825)}.closing h2{max-width:710px;margin:10px auto 22px}.closing .button{margin:auto}footer{border-top:1px solid var(--line);color:var(--muted)}footer p{font-size:.77rem}.sticky{display:none}
@media(max-width:850px){.bonusgrid{grid-template-columns:repeat(3,1fr)}.herogrid{gap:19px}.hero h1{font-size:clamp(2.7rem,6.2vw,4.5rem)}}
@media(max-width:660px){body{padding-bottom:75px}.wrap{width:calc(100% - 32px)}.navinner{min-height:58px}.nav nav{display:none}.hero{padding:29px 0 22px}.herogrid,.samplegrid,.plans,.faq{grid-template-columns:1fr}.hero h1{font-size:clamp(2.55rem,10.5vw,4rem);margin:13px 0 14px}.lead{font-size:1rem}.actions{margin:16px 0 9px;gap:12px}.actions .button{width:100%}.heroart{max-height:370px;aspect-ratio:1.43}.kit{width:52%;left:19%;top:7%}.sheet{width:27%}.numbergrid{grid-template-columns:repeat(2,1fr)}.numbergrid div{justify-content:flex-start;padding-left:12px}.numbergrid div:nth-child(3){border-left:0}.numbergrid div:nth-child(n+3){border-top:1px solid var(--line)}.numbergrid strong{font-size:1.8rem}.steps,.bonusgrid{grid-template-columns:repeat(2,1fr)}.steps article,.bonuscopy{padding:12px}.steps h3{font-size:1.13rem}.steps p{font-size:.88rem}.stage{height:153px}.book{width:79px}.bonuscopy h3{font-size:1.05rem}.bonuscopy>p:last-child{font-size:.83rem}.complete{order:-1}.extra-grid{grid-template-columns:1fr}.faq{gap:0}.faq .intro{margin-bottom:8px}footer .navinner{align-items:flex-start;flex-direction:column;gap:8px;padding:15px 0}.sticky{position:fixed;inset:auto 0 0;display:flex;justify-content:space-between;align-items:center;gap:9px;z-index:5;background:#0a1e2af5;border-top:1px solid #42606b;padding:8px 14px calc(12px + env(safe-area-inset-bottom))}.sticky small,.sticky strong{display:block;line-height:1.2}.sticky small{color:var(--muted)}.sticky .button{padding:8px 12px;min-height:40px}.at-offer .sticky{visibility:hidden}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}
.desk{aspect-ratio:1.09;background:radial-gradient(ellipse at 60% 35%,#315a60,#142f3c 53%,#091823 100%);border-color:#58717a;container-type:inline-size}
.deskglow{position:absolute;inset:0;background:linear-gradient(130deg,#9af3e923,transparent 42%),repeating-linear-gradient(0deg,transparent 0 26px,#90ddd908 27px 28px);pointer-events:none}
.desk-label{position:absolute;top:5%;left:6%;color:#fff;font-size:clamp(8px,2.15cqw,12px);letter-spacing:.16em;font-weight:850}.desk-label b{color:#99e3d9}
.loose{position:absolute;inset:10% 9% 14%;filter:drop-shadow(3px 7px 8px #0008)}
.loose img{position:absolute;width:38%;background:white;border-radius:2px}.loose img:first-child{left:7%;top:5%;transform:rotate(-18deg)}.loose img:last-child{right:8%;top:4%;transform:rotate(18deg)}
.spread{position:absolute;top:24%;left:7%;width:72%;display:flex;transform:perspective(720px) rotateX(15deg) rotateZ(-11deg);border:3px solid #163c4b;border-bottom:6px solid #dedacf;border-radius:5px 7px 10px 5px;box-shadow:0 4px #163441,12px 24px 22px #020c13a8;isolation:isolate;background:#fff}
.spread img{width:50%;object-fit:contain}.spread:after{content:"";position:absolute;inset:0 0 0;background:linear-gradient(90deg,transparent 46%,#1a303b56 50%,#1a303b29 50.2%,transparent 54%);pointer-events:none}
.phone{position:absolute;right:7%;bottom:10%;width:27%;border:clamp(3px,1.15cqw,6px) solid #0a1116;border-radius:clamp(8px,3.2cqw,17px);background:#eaf0ed;color:#0a232d;transform:rotate(10deg);overflow:hidden;box-shadow:1px 0 0 1px #8ba0a6,8px 15px 21px #020a10bb}
.phone-bar,.phone-tools{background:#143a4a;color:white;text-align:center;font-size:clamp(5px,1.65cqw,9px);padding:5% 0;font-weight:750}.phone img{width:100%;padding:4%}.phone-tools{background:#e2ebe7;color:#0d3843}
.pager,.demo-controls{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:13px}.pager button,.demo-controls button{border:1px solid #6d888f;background:#0a2230;color:white;min-height:42px;padding:6px 11px;border-radius:8px;cursor:pointer}.pager button:hover,.demo-controls button:hover{background:#1a4350}.pager span{min-width:3rem;text-align:center}.pager #page-auto{margin-left:auto}
.pdf-demo>p:not(.eyebrow,.micro){color:#dfebee}.demo-paper{margin-top:17px;background:#fbfaf6;color:#17303a;border-radius:9px;overflow:hidden;box-shadow:0 10px 27px #0004;color-scheme:light}.demo-toolbar{background:#e3ece8;display:flex;justify-content:space-between;gap:8px;padding:10px 12px;font-size:.78rem}.demo-body{padding:14px}.demo-kicker{color:#27645e;font-size:.65rem;font-weight:850;letter-spacing:.09em}.demo-body .question{color:#17303a;font-size:.99rem;margin:6px 0 11px}.demo-body fieldset{display:flex;gap:10px;flex-wrap:wrap;border:1px solid #b5c6c5;margin:0 0 12px;padding:8px;border-radius:6px}.demo-body legend,.note-label{font-size:.8rem;font-weight:750}.demo-body fieldset label{display:flex;align-items:center;gap:6px;border-radius:5px;padding:6px;background:#edf4f2;cursor:pointer}.demo-body input{accent-color:#087468}.demo-body textarea{display:block;width:100%;margin-top:4px;padding:8px;background:#fff;color:#17303a;font:inherit;font-size:.88rem;border:1px solid #a3b9b9;border-radius:6px;resize:vertical}.demo-body .key{font-size:.82rem;margin-top:4px}.pdf-demo>.micro{margin-top:10px}.playing textarea{outline:2px solid #178e80;outline-offset:1px}
.editorial{position:relative;isolation:isolate;height:206px;background:radial-gradient(ellipse at 50% 27%,#e8f0ec,#88aba6)!important}.editorial .leaf{width:33%;aspect-ratio:.73;position:absolute;top:18%;background:#fcfaf3;border:1px solid #d2dbd0;border-radius:2px;box-shadow:7px 9px 12px #122d3650;padding:9% 6% 2%;overflow:hidden}.editorial .leaf-a{left:14%;transform:rotate(-18deg)}.editorial .leaf-b{right:12%;transform:rotate(18deg)}.leaf b{color:#285b5a;display:block;font-size:.42rem;line-height:1.1}.leaf i{display:block;background:#d8e3db;height:3px;margin-top:5px}.leaf i:nth-child(3){width:76%}.leaf i:nth-child(5){width:88%}
.editorial .editorial-cover{display:flex;flex-direction:column;justify-content:flex-start;gap:5px;width:min(116px,49%);aspect-ratio:.72;padding:9px;background:linear-gradient(155deg,hsl(calc(184 + var(--n)*9) 52% 30%),#092333 62%);color:white;border-left:4px solid #142b38;transform:rotateY(-16deg) rotateZ(-8deg) translateY(9px);box-shadow:14px 17px 21px #0b202a65}.editorial-cover small{font-size:.51rem;letter-spacing:.12em;font-weight:900;color:#ffdc79}.editorial-cover span{font-size:.44rem;letter-spacing:.14em;color:#b2e1d9}.editorial-cover strong{font-size:clamp(.57rem,1.14vw,.85rem);line-height:1.12;overflow-wrap:anywhere}.editorial-cover em{margin-top:auto;font-size:.37rem;line-height:1.1;letter-spacing:.12em;font-style:normal;color:#c3d6da}.bonus-caption{margin-top:12px;color:#43545b;font-size:.78rem}
.secondary-buy{background:#e5f2ef;box-shadow:0 5px 0 #72948d}.secondary-buy:hover{background:#fff}
@media(max-width:660px){.desk{aspect-ratio:1.24;max-height:390px}.desk .spread{top:18%;width:64%;left:11%}.desk .loose img{width:33%}.phone{width:24%;bottom:11%}.editorial{height:164px}.editorial .editorial-cover{max-width:92px}.editorial-cover strong{font-size:clamp(.52rem,2vw,.72rem)}.hero h1{font-size:clamp(2.35rem,9.7vw,3.9rem)}}
.hero{padding:clamp(34px,6vw,82px) 0 clamp(34px,5vw,65px);background:radial-gradient(ellipse at 76% 49%,#174752 0%,transparent 56%),var(--deep)}
.herogrid{grid-template-columns:minmax(0,1fr) minmax(0,1.07fr);grid-template-areas:"heading art" "details art";grid-template-rows:auto auto;column-gap:clamp(20px,4vw,54px);row-gap:21px}
.hero-heading{grid-area:heading;align-self:end}
.hero-details{grid-area:details;align-self:start}
.hero .eyebrow{color:#91eadf}
.hero h1{font-size:clamp(2.6rem,5.05vw,4.9rem);line-height:1.01;letter-spacing:-.067em;margin:13px 0 0;text-wrap:balance}
.heroart{grid-area:art;position:relative;isolation:isolate;overflow:visible;min-width:0;max-height:none;aspect-ratio:auto;border:0;border-radius:0;background:none;box-shadow:none}
.mockup-scene{position:relative;aspect-ratio:1.34;isolation:isolate;container-type:inline-size;background:radial-gradient(ellipse at 50% 48%,#38a89c59,transparent 65%)}
.mockup-orbit{position:absolute;inset:11% 3% 8%;border:1px solid #83e8de35;border-radius:50%;transform:rotate(-16deg);background:repeating-radial-gradient(ellipse at center,transparent 0 22%,#83e8de20 22.2% 22.5%)}
.mockup-orbit::after{content:"";position:absolute;left:4%;bottom:21%;width:7px;height:7px;border-radius:50%;background:var(--gold);box-shadow:0 0 14px #ffc84780}
.mockup-page,.mockup-map,.mockup-book{position:absolute;box-shadow:0 13px 23px #0008}
.mockup-page{width:37%;top:15%;border-radius:4px;background:#fff}
.mockup-summary{left:7%;transform:rotate(-16deg)}
.mockup-practice{right:7%;transform:rotate(16deg)}
.mockup-book{left:30%;top:4%;width:36%;height:85%;display:flex;flex-direction:column;align-items:flex-start;padding:5% 4% 4% 5%;overflow:hidden;border:1px solid #478889;border-radius:3px 8px 8px 3px;background:linear-gradient(90deg,#061b24 0 5%,#2c6c6b 5.2% 5.7%,transparent 6%),radial-gradient(ellipse at 100% 0,#286765,transparent 76%),#0a262e;transform:rotate(-4deg);box-shadow:3px 3px #cad4d2,7px 6px #869d9c,9px 8px #1e4c51,0 20px 38px #000a;color:#fff}
.mockup-book strong{font-size:12cqw;line-height:.8;letter-spacing:-.085em;margin:10% 0 9%}
.mockup-book strong b{color:var(--gold)}
.mockup-edition,.mockup-footer{font-weight:800;letter-spacing:.13em;font-size:1.55cqw;color:#a8e9e0;white-space:nowrap}
.mockup-subject{font-size:3.15cqw;line-height:1.13;font-weight:650}
.mockup-symbol{position:absolute;width:61%;right:-5%;bottom:15%;color:#62e0d2;opacity:.55}
.mockup-footer{margin-top:auto}
.mockup-map{width:41%;right:4%;bottom:7%;border:3px solid #16343f;border-radius:5px;background:#fff;transform:rotate(8deg)}
.heroart figcaption{position:static;text-align:center;margin-top:4px;color:#bdcfd6;font-size:.68rem}
@media(max-width:740px){
  .hero{padding:24px 0 28px;background:radial-gradient(ellipse at 50% 47%,#174752 0%,transparent 62%),var(--deep)}
  .herogrid{grid-template-columns:minmax(0,1fr);grid-template-areas:"heading" "art" "details";grid-template-rows:auto;gap:14px;text-align:center}
  .hero h1{font-size:clamp(2.08rem,8.8vw,3.4rem);max-width:16ch;margin:9px auto 0}
  .heroart{width:min(100%,420px);margin:auto}
  .mockup-scene{aspect-ratio:1.47}
  .mockup-page{width:33%}
  .hero .lead{margin:auto;max-width:36ch;font-size:clamp(.94rem,3.9vw,1.08rem)}
  .hero .actions{justify-content:center;margin:13px 0 9px}
  .hero .actions .button{width:min(100%,380px)}
}
.at-hero .sticky{display:none}

.offers .plans{grid-template-columns:minmax(0,1fr) minmax(0,1.22fr);gap:20px;max-width:980px;margin-top:28px}
.offers .plan.complete{container-type:inline-size;isolation:isolate;border-color:var(--gold);background:radial-gradient(ellipse at top right,#2b6256 0,transparent 57%),linear-gradient(155deg,#173e43,#0b2733 76%);box-shadow:0 16px 40px #00101575}
.plan-recommended{position:absolute;top:0;left:24px;display:inline-flex;align-items:center;gap:6px;transform:translateY(-50%);border-radius:999px;padding:5px 13px;background:#a5f2bc;color:#103522;box-shadow:0 4px 12px #051c1f66;font-size:.76rem;font-weight:850;letter-spacing:.015em}
.plan-recommended::after{content:"";position:absolute;left:18px;top:calc(100% - 1px);border:5px solid transparent;border-top-color:#a5f2bc}
.complete .complete-kicker{margin-top:6px}
.complete .included{margin:3px 0 15px;color:#e6f2ef;line-height:1.46}
.complete .included strong{color:#baf7cc}
.complete .bonus-box{border:1px solid #a5e8cc48;border-radius:12px;padding:13px;background:#061d27a0;margin-bottom:16px}
.complete .bonus-box h4{margin:0;color:#ffda73;font-size:.88rem;font-weight:850}
.complete .bonus-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 13px;margin:9px 0 0}
.complete .bonus-list li{display:flex;align-items:baseline;gap:6px;padding:0;border:0;color:#edf7f5;font-size:.82rem;line-height:1.34}
.complete .bonus-list li::before{color:#a5f2bc;margin:0}
.complete .plan-value{margin:0 0 10px;color:#cfe8df;font-size:.82rem}
.complete .plan-value strong{color:#fff}
.complete .button{width:100%;text-align:center}
@container (max-width:300px){.complete .bonus-list{grid-template-columns:minmax(0,1fr)}}
@media(max-width:660px){.offers .plans{grid-template-columns:minmax(0,1fr);gap:17px}.offers .plan.complete{padding:24px 16px 17px}.plan-recommended{left:16px}}


#apostila .flipbook{position:relative;display:grid;grid-template-columns:minmax(0,1fr);perspective:1400px;background:#ddd4bc;border:1px solid #b4aa94;border-radius:7px;box-shadow:0 5px 0 #a79d87,0 8px 0 #665f54,0 18px 30px #0006}
#apostila .flipbook a,#apostila .flipbook .turning-leaf{position:relative;display:grid;place-items:center;min-height:0;aspect-ratio:3/4;padding:4%;background:linear-gradient(95deg,#eee7d8,#fffdf6 12%,#fffdf6 95%,#e8deca);border-radius:5px}
#apostila .flipbook img{width:100%;height:100%;min-height:0;object-fit:contain}
#apostila .flipbook .turning-leaf{position:absolute;z-index:2;inset:0;pointer-events:none;transform-origin:left center;backface-visibility:hidden;box-shadow:9px 0 18px #201a1655}
#apostila .pager{margin-top:20px}
#apostila .pager #page-count{min-width:4.8rem}
@media(min-width:850px){
  #amostra .samplegrid{grid-template-columns:minmax(0,1.65fr) minmax(0,1fr)}
  #apostila .flipbook.is-spread{grid-template-columns:repeat(2,minmax(0,1fr))}
  #apostila .flipbook.is-spread #zoom{background:linear-gradient(90deg,#fffdf6 89%,#c9bdab)}
  #apostila .flipbook.is-spread #book-second{background:linear-gradient(90deg,#c9bdab,#fffdf6 11%)}
  #apostila .flipbook.is-spread .turning-leaf{left:50%}
}


.book-section{background:radial-gradient(ellipse at 50% 48%,#16414a,#081b28 77%)}
.book-section .viewer{max-width:850px;margin-inline:auto}
.book-section .intro,.book-section .inlinecta{max-width:850px;margin-inline:auto}
.book-section .inlinecta{text-align:center;margin-top:22px}
.material-gallery .gallery-page{display:grid;place-items:center;height:clamp(250px,50vw,465px);padding:10px;border-radius:9px;background:#061721}
.material-gallery .gallery-page img{width:100%;height:100%;min-height:0;object-fit:contain}


.pdf-demo .demo-controls{margin:14px 0 16px}
.pdf-demo #demo-play{background:var(--gold);border-color:var(--gold);color:#132730;font-weight:800}
.demo-phone{max-width:350px;margin:auto;padding:8px 8px 0;border:1px solid #718c92;border-radius:30px;background:#08141d;box-shadow:0 12px 24px #0005;overflow:hidden}
.demo-status{display:flex;justify-content:space-between;gap:8px;padding:7px 11px 5px;color:#e2eff0;font-size:.71rem;font-weight:750}
.demo-phone .demo-toolbar{color:#102c38;border-radius:10px 10px 0 0;font-size:.72rem}
.demo-viewport{height:clamp(280px,49vh,385px);overflow:auto;overscroll-behavior:contain;background:#d3dfdf;padding:7px;scrollbar-width:thin;color:#142c38;color-scheme:light}
.demo-sheet{box-sizing:border-box;min-height:calc(clamp(280px,49vh,385px) - 14px);background:#fffdf8;padding:14px 12px;border-top:5px solid #183a66;font-size:.83rem;line-height:1.45}
.demo-sheet + .demo-sheet{margin-top:8px}
.demo-sheet h4{margin:7px 0;color:#183a66;font-size:1.13rem}
.demo-sheet fieldset{display:flex;flex-wrap:wrap;gap:7px;margin:11px 0;padding:7px;border:1px solid #afc4c8;border-radius:6px}
.demo-sheet fieldset label{background:#ebf4f1;border-radius:5px;padding:5px 8px}
.demo-sheet input[type=radio]{accent-color:#137763}
.demo-sheet input[type=text]{display:block;width:100%;margin:7px 0 12px;border:1px solid #9ab5b9;border-radius:6px;padding:9px;font:inherit;color:#142c38;background:white}
.demo-sheet details{background:#eaf2f8;border-radius:5px;padding:7px 8px}
.demo-sheet details p{margin-top:6px}
.demo-sheet summary{cursor:pointer;color:#123c60;font-weight:780}
.demo-sheet .demo-focus{outline:2px solid #188e7b;outline-offset:2px}
.demo-home{width:29%;height:4px;border-radius:9px;background:#bcd0d2;margin:8px auto}
.pdf-demo .demo-caption{margin:12px 0 0;color:var(--teal);font-size:.78rem;min-height:2.4em}


.pdf-demo .demo-phone{margin-top:15px}
.pdf-demo .demo-viewport{height:clamp(280px,46vh,375px);padding:6px;overscroll-behavior:auto;scrollbar-width:thin}
.demo-pdf-page{position:relative;aspect-ratio:743/1050;container-type:inline-size;background:#fff;color:#102b50}
.demo-pdf-page + .demo-pdf-page{margin-top:7px}
.demo-pdf-page img{width:100%;height:100%;display:block}
.demo-pdf-page .pdf-hotspot{position:absolute;margin:0;box-sizing:border-box}
.pdf-gap{left:43.35%;top:26.9%;width:11%;height:2.3%;padding:0 1px;border:1px solid #8fb4ae;border-radius:2px;background:#f0faf8;color:#102b50;font:700 2cqw/1 system-ui}
.pdf-radio{appearance:none;width:2.5%;aspect-ratio:1;top:38.35%;border:1px solid #8294a7;border-radius:50%;background:white;cursor:pointer}
.pdf-radio{transform:translate(-50%,-50%)}
.pdf-radio::before,.pdf-gap::before{content:"";position:absolute;inset:-7px}
.pdf-radio:checked{background:#1d967a;border-color:#115744;box-shadow:inset 0 0 0 1px white,0 0 0 3px #44bca268}
.pdf-tip{left:7.25%;top:55.7%;width:85.6%;height:9.4%;border:0;border-radius:3px;background:transparent;cursor:pointer}
.pdf-key{left:7.25%;top:26.8%;width:85.6%;height:11.6%;border-radius:3px;pointer-events:none}
.pdf-hotspot.demo-focus,.pdf-tip[aria-pressed=true]{outline:2px solid #1c9e85;outline-offset:2px;box-shadow:0 0 0 5px #47d2b047}
.pdf-demo .demo-caption{color:#b7f5e8;margin-top:13px}
.pdf-demo .demo-controls{gap:5px;margin:8px 0}
.pdf-demo .demo-controls button{padding:5px 7px;font-size:.76rem;min-height:38px}
.pdf-demo #demo-play{flex-basis:100%}


.mockup-book{left:29%;top:4%;width:38%;height:auto;aspect-ratio:240/350;padding:0;display:block;background:#0a3036;border:1px solid #75a7a2}
.mockup-cover{display:block;width:100%;height:100%}
.mockup-map{width:36%;right:3%;bottom:4%;transform:rotate(7deg)}
#planos{background:radial-gradient(ellipse at 50% 42%,#17424a 0,transparent 69%),#071824}
#planos .intro,#amostra .intro{margin-inline:auto;text-align:center;max-width:720px}
#planos .intro h2,#amostra .intro h2{margin-inline:auto;text-wrap:balance}
#planos .intro p,#amostra .intro p{margin-inline:auto}
#planos .plans{margin-inline:auto;gap:clamp(16px,2.4vw,28px);max-width:1000px;align-items:start;margin-top:36px}
#planos .plan{padding:clamp(17px,2.5vw,29px)}
#planos .basic .price{margin-top:8px}
#planos .plan-recommended{left:50%;transform:translate(-50%,-50%);white-space:nowrap}
#planos .plan-recommended::after{left:50%;transform:translateX(-50%)}
#amostra .samplegrid{max-width:1080px;margin-inline:auto;grid-template-columns:minmax(0,1.27fr) minmax(0,1fr);gap:clamp(16px,2.4vw,28px);align-items:stretch}
#amostra .material-gallery,#amostra .pdf-demo{padding:clamp(15px,2.2vw,24px)}
.gallery-intro{margin-bottom:15px}
.gallery-intro h3,#amostra .pdf-demo h3{font-size:clamp(1.35rem,2.5vw,1.8rem);margin:5px 0 9px;line-height:1.12}
#amostra .samplelinks{gap:6px}
#amostra .samplelinks a{font-size:.76rem;padding:7px 9px}
#amostra .gallery-page{height:clamp(295px,43vw,490px);background:radial-gradient(ellipse at center,#19434b,#061721 72%)}
#amostra .gallery-page img{filter:drop-shadow(0 6px 14px #0007)}
#amostra .pdf-demo{display:flex;flex-direction:column}
#amostra .demo-phone{width:min(100%,350px);margin:16px auto 0}
#amostra .demo-controls{justify-content:center}
#amostra .demo-caption{text-align:center}
#amostra .gallery-pager{justify-content:center}
@media(max-width:760px){
  #amostra .samplegrid{grid-template-columns:minmax(0,1fr);max-width:530px}
  #amostra .gallery-page{height:clamp(265px,86vw,420px)}
  #amostra .samplelinks a{flex-grow:1;text-align:center}
}
@media(max-width:740px){
  .mockup-book{width:36%;top:1%;left:30%}
  .mockup-map{width:35%;right:3%;bottom:3%}
}
@media(max-width:660px){
  #planos .plans{grid-template-columns:minmax(0,1fr);max-width:480px;gap:19px;margin-top:29px}
}


.subject-section{background:radial-gradient(ellipse at 50% 8%,#153e46,#071b27 68%);border-block:1px solid #234551}
.subject-section .intro{max-width:710px;margin-inline:auto;text-align:center}
.subject-section .intro h2{margin-inline:auto;text-wrap:balance}
.subject-section .intro p{margin-inline:auto}
.subject-list{max-width:940px;margin:30px auto 0;border:1px solid #315361;border-radius:17px;background:#0a202c;overflow:hidden}
.subject-row + .subject-row{border-top:1px solid #315361}
.subject-row summary{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:15px;padding:16px 21px;cursor:pointer;list-style:none}
.subject-row summary::-webkit-details-marker{display:none}
.subject-row summary:hover,.subject-row[open] summary{background:#123442}
.subject-row summary:focus-visible{outline:2px solid var(--teal);outline-offset:-3px}
.subject-number{display:grid;place-items:center;width:38px;height:38px;border:1px solid #487378;border-radius:10px;background:#123840;color:var(--teal);font-size:.8rem;font-weight:850}
.subject-label{display:grid;gap:2px}
.subject-label strong{font-size:clamp(.99rem,2vw,1.24rem);line-height:1.22}
.subject-label span,.subject-content p{color:#c2d8dd;font-size:.88rem}
.subject-count{border:1px solid #88743c;border-radius:999px;padding:3px 9px;color:#ffdc80;font-size:.73rem;font-weight:800;white-space:nowrap}
.subject-toggle{display:grid;place-items:center;width:27px;height:27px;border:1px solid #416571;border-radius:50%;color:var(--gold);font-size:1.14rem;line-height:1;transition:transform .2s ease}
.subject-row[open] .subject-toggle{transform:rotate(45deg)}
.subject-content{padding:2px 22px 16px 74px;background:#123442}
.subject-content strong{color:#eafffb}
.subject-content p + p{margin-top:4px}
@media(max-width:540px){
  .subject-list{margin-top:23px}
  .subject-row summary{grid-template-columns:auto minmax(0,1fr) auto;gap:4px 9px;padding:12px}
  .subject-number{grid-row:1 / span 2;width:29px;height:29px;border-radius:7px}
  .subject-label{grid-area:1 / 2}
  .subject-label span,.subject-content p{font-size:.81rem}
  .subject-count{grid-area:2 / 2;justify-self:start;font-size:.66rem}
  .subject-toggle{grid-area:1 / 3 / span 2;width:24px;height:24px}
  .subject-content{padding:3px 12px 13px 50px}
}
@media(prefers-reduced-motion:reduce){.subject-toggle{transition:none}}


.feedback-section{background:radial-gradient(ellipse at 50% 12%,#173d46,#081c29 72%);border-block:1px solid #244653}
.feedback-section .intro{max-width:720px;margin-inline:auto;text-align:center}
.feedback-section .intro h2,.feedback-section .intro p{margin-inline:auto;text-wrap:balance}
.feedback-viewport{width:100%;overflow-x:auto;scrollbar-width:none;padding-block:3px 8px}
.feedback-viewport::-webkit-scrollbar{display:none}
.feedback-viewport:focus-visible{outline:2px solid var(--teal);outline-offset:-2px}
.feedback-track,.feedback-group{display:flex;width:max-content}
.feedback-group{list-style:none;gap:14px;padding:0 14px 0 0;margin:0}
.feedback-card{flex:none;width:clamp(252px,73vw,326px);display:flex;flex-direction:column;overflow:hidden;border:1px solid #446470;border-radius:14px;background:#0b2632;box-shadow:0 7px 14px #0003}
.feedback-card img{display:block;width:100%;aspect-ratio:4/5;object-fit:contain;background:#0b2632}
.feedback-controls{display:flex;justify-content:center;gap:8px;margin-top:13px}
.feedback-controls button{border:1px solid #52737b;border-radius:8px;background:#102f3b;color:#e2f5f0;min-height:42px;padding:6px 12px;cursor:pointer}
.feedback-controls button:hover{background:#21535a}