:root{--gold: #ffc41f;--gold-2: #ffdd57;--gold-dark: #d99c00;--on-gold: #1a1300;--green: #12a150;--green-2: #0b7a3b;--red: #e5484d;--white: #ffffff;--r: 18px;--r-sm: 10px;--wrap: 1240px;--f-body: "Manrope", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;--f-display: "Kanit", "Manrope", system-ui, "Segoe UI", Arial, sans-serif} :root, :root[data-theme="light"] :is(.topbar, .header, .hero, .footer){color-scheme: dark;--bg: #0b0b0e;--bg-2: #121216;--panel: #1a1a1f;--panel-2: #222228;--panel-3: #2b2b32;--line: #2f2f37;--text: #e8e8ee;--muted: #a4a4b0;--dim: #75757f;--head: #ffffff;--accent: #ffc41f;--green-text: var(--green-text);--err-text: var(--err-text);--lead: #d3d3db;--soft: #cfcfd8;--field: #0f0f13;--thead: #111115;--stripe: rgba(255, 255, 255, .015);--note-bg: linear-gradient(160deg, #1a2a20, #121216);--note-line: #22382b;--shadow: 0 10px 30px rgba(0, 0, 0, .45)} :root[data-theme="light"]{color-scheme: light;--bg: #f2f3f6;--bg-2: #e9ebef;--panel: #ffffff;--panel-2: #f6f7f9;--panel-3: #eceef2;--line: #e0e2e8;--text: #2a2c35;--muted: #5d6070;--dim: #868a97;--head: #111218;--accent: #8a5b00;--green-text: #0b7a3b;--err-text: #b42328;--lead: #3a3d48;--soft: #3a3d48;--field: #ffffff;--thead: #f1f2f5;--stripe: rgba(16, 18, 24, .025);--note-bg: linear-gradient(160deg, #e6f4ea, #ffffff);--note-line: #cde7d6;--shadow: 0 8px 24px rgba(16, 18, 24, .08)}*, *::before, *::after{box-sizing: border-box}html{-webkit-text-size-adjust: 100%;scroll-behavior: smooth;scroll-padding-top: 130px}body{margin: 0;background: var(--bg);color: var(--text);font: 400 16px/1.65 var(--f-body);overflow-x: hidden}img, svg{display: block;max-width: 100%}a{color: var(--accent);text-decoration-thickness: 1px;text-underline-offset: 3px}a:hover{color: var(--gold-2)}h1, h2, h3, h4{font-family: var(--f-display);font-style: italic;font-weight: 600;line-height: 1.12;color: var(--head);margin: 0 0 .5em;letter-spacing: -.005em}h1{font-size: clamp(2rem, 3.6vw, 2.85rem);font-weight: 700}h2{font-size: clamp(1.5rem, 2.5vw, 1.95rem)}h3{font-size: 1.25rem}p{margin: 0 0 1em}ul, ol{margin: 0 0 1em;padding-left: 1.25em}li{margin-bottom: .35em}strong{color: var(--head)}.icon{width: 20px;height: 20px;flex: none;fill: none;stroke: currentColor;stroke-width: 2;stroke-linecap: round;stroke-linejoin: round}.sr-only{position: absolute;width: 1px;height: 1px;overflow: hidden;clip: rect(0 0 0 0);white-space: nowrap}.skip{position: absolute;left: 12px;top: -60px;z-index: 100;background: var(--gold);color: var(--on-gold);padding: 10px 14px;border-radius: var(--r-sm);font-weight: 700}.skip:focus{top: 12px}.wrap{width: 100%;max-width: var(--wrap);margin: 0 auto;padding: 0 20px}:focus-visible{outline: 2px solid var(--gold);outline-offset: 2px} .topbar{background: #000;color: var(--muted);font-size: .8rem;border-bottom: 1px solid #1d1d22}.topbar .wrap{display: flex;align-items: center;justify-content: space-between;gap: 12px;min-height: 34px}.topbar b{color: var(--accent)}.topbar .flag{display: inline-flex;width: 18px;height: 12px;border-radius: 2px;overflow: hidden;vertical-align: -1px;margin-right: 6px}.topbar .flag i{flex: 1;background: var(--green)}.topbar .flag i + i{background: #fff}.topbar .flag i + i + i{background: var(--green)}.header{position: sticky;top: 0;z-index: 40;background: radial-gradient(900px 140px at 75% -40px, rgba(120, 60, 200, .35), transparent 70%), radial-gradient(700px 120px at 10% -30px, rgba(255, 196, 31, .18), transparent 70%), #0d0c12;border-bottom: 1px solid #24222c}.header .wrap{display: flex;align-items: center;gap: 24px;min-height: 80px}.brand{display: flex;align-items: center;text-decoration: none;flex: none}.brand img{height: 66px;width: auto}.foot-brand .brand img{height: 72px}.nav{display: flex;align-items: center;gap: 4px;margin-left: auto}.nav a{position: relative;padding: 8px 12px;color: var(--head);text-decoration: none;font: italic 600 1rem/1 var(--f-display);letter-spacing: .01em;white-space: nowrap;border-radius: 8px}.nav a:hover{color: var(--accent)}.nav a[aria-current="page"]{color: var(--accent)}.nav a[aria-current="page"]::after{content: "";position: absolute;left: 12px;right: 12px;bottom: -2px;height: 3px;border-radius: 3px;background: var(--gold)}.nav .hot{position: absolute;top: -8px;right: -2px;background: var(--red);color: #fff;font: italic 700 .6rem/1 var(--f-body);padding: 2px 5px;border-radius: 6px 6px 6px 0}.burger{display: none;width: 44px;height: 44px;border: 1px solid var(--line);border-radius: 10px;background: var(--panel);color: var(--head);cursor: pointer;place-items: center} .head-tools{display: flex;align-items: center;gap: 8px;flex: none}.theme-btn{display: grid;place-items: center;width: 44px;height: 44px;border-radius: 50%;border: 1px solid var(--line);background: var(--panel);color: var(--gold);cursor: pointer;transition: border-color .2s, background .2s}.theme-btn:hover{border-color: var(--gold-dark);background: var(--panel-2)}.theme-btn .icon{width: 20px;height: 20px}.theme-btn .i-moon, :root[data-theme="light"] .theme-btn .i-sun{display: none}:root[data-theme="light"] .theme-btn .i-moon{display: block} .btn{display: inline-flex;align-items: center;justify-content: center;gap: 8px;min-height: 46px;padding: 0 22px;border-radius: 999px;border: 0;font: italic 600 1rem/1 var(--f-display);letter-spacing: .02em;text-decoration: none;cursor: pointer;white-space: nowrap}.btn .icon{width: 18px;height: 18px}.btn-gold{background: linear-gradient(180deg, var(--gold-2), var(--gold) 55%, var(--gold-dark));color: var(--on-gold);box-shadow: 0 6px 18px rgba(255, 196, 31, .25), inset 0 -2px 0 rgba(0, 0, 0, .15)}.btn-gold:hover{color: var(--on-gold);filter: brightness(1.06)}.btn-line{background: transparent;color: var(--accent);border: 1.5px solid var(--gold)}.btn-line:hover{background: rgba(255, 196, 31, .1);color: var(--gold-2)}.btn-sm{min-height: 38px;padding: 0 16px;font-size: .98rem}.btn-row{display: flex;flex-wrap: wrap;gap: 12px}.chip{display: inline-flex;align-items: center;gap: 6px;padding: 5px 11px;border-radius: 999px;background: var(--panel-3);color: var(--text);font-size: .8rem;font-weight: 500;line-height: 1.2}.chip .icon{width: 14px;height: 14px;color: var(--accent)}.chips{display: flex;flex-wrap: wrap;gap: 6px;margin: 0;padding: 0;list-style: none}.chips li{margin: 0}.tag{display: inline-block;padding: 4px 10px;border-radius: 6px;font: italic 600 .72rem/1.1 var(--f-display);letter-spacing: .06em;text-transform: uppercase}.tag-green{background: rgba(18, 161, 80, .16);color: var(--green-text)}.tag-gold{background: rgba(255, 196, 31, .14);color: var(--accent)}.lic{display: inline-flex;align-items: center;gap: 6px;color: var(--green-text);font-size: .85rem;font-weight: 500}.lic .icon{width: 16px;height: 16px} .hero{position: relative;overflow: hidden;margin: 22px auto 0;border-radius: 24px;background: radial-gradient(600px 380px at 85% 30%, rgba(18, 161, 80, .55), transparent 70%), repeating-linear-gradient(90deg, rgba(255, 255, 255, .035) 0 80px, transparent 80px 160px), linear-gradient(120deg, #101014 0%, #13241a 55%, #0d3b22 100%);border: 1px solid #23302a}.hero::after{content: "₦";position: absolute;right: 4%;top: 50%;transform: translateY(-50%) rotate(-8deg);font: italic 900 min(30vw, 380px)/1 var(--f-display);color: rgba(255, 196, 31, .09);pointer-events: none}.hero-in{position: relative;z-index: 1;padding: clamp(28px, 5vw, 56px);max-width: 820px}.kicker{display: inline-flex;align-items: center;gap: 8px;margin-bottom: 14px;color: var(--accent);font: italic 600 .85rem/1 var(--f-display);letter-spacing: .12em;text-transform: uppercase}.hero h1 em, .gold{color: var(--accent);font-style: inherit}.byline{display: flex;flex-wrap: wrap;gap: 6px 18px;margin: 0 0 18px;padding: 0;list-style: none;color: var(--muted);font-size: .9rem}.byline li{display: flex;align-items: center;gap: 6px;margin: 0}.byline .icon{width: 16px;height: 16px;color: var(--accent)}.lead{font-size: 1.12rem;color: var(--lead);max-width: 700px}.tiles{display: grid;grid-template-columns: repeat(4, 1fr);gap: 16px;margin: 22px 0 0}.tile{display: grid;justify-items: center;gap: 10px;padding: 22px 14px 18px;border-radius: var(--r);background: var(--panel);border: 1px solid var(--line);text-align: center;color: var(--accent);text-decoration: none}.tile .icon{width: 34px;height: 34px;stroke-width: 1.6}.tile b{font: italic 600 1.05rem/1.2 var(--f-display);color: var(--accent);letter-spacing: .02em}.tile span{font-size: .84rem;color: var(--muted)}.tile::after{content: "";width: 26px;height: 3px;border-radius: 3px;background: var(--gold)}a.tile:hover{border-color: var(--gold-dark);color: var(--accent)} .layout{display: grid;grid-template-columns: 240px minmax(0, 1fr);gap: 24px;align-items: start;margin: 24px auto 0}.side{position: sticky;top: 92px;display: grid;gap: 16px}.side-box{background: var(--panel);border: 1px solid var(--line);border-radius: var(--r);padding: 14px 10px}.side-box h2{font-size: 1.25rem;margin: 2px 10px 10px;color: var(--head)}.side-box ul{list-style: none;margin: 0;padding: 0}.side-box li{margin: 0}.side-box a{display: flex;align-items: center;gap: 10px;padding: 9px 10px;border-radius: 10px;color: var(--text);text-decoration: none;font-weight: 500;font-size: .94rem}.side-box a .icon{color: var(--accent);width: 18px;height: 18px}.side-box a:hover{background: var(--panel-2);color: var(--head)}.side-box a[aria-current="page"]{background: linear-gradient(90deg, rgba(255, 196, 31, .18), rgba(255, 196, 31, .04));color: var(--accent);box-shadow: inset 3px 0 0 var(--gold)}.side-note{padding: 16px;border-radius: var(--r);background: var(--note-bg);border: 1px solid var(--note-line);font-size: .85rem;color: var(--muted)}.side-note b{display: block;color: var(--head);font: italic 600 1rem/1.2 var(--f-display);margin-bottom: 4px}.main{display: grid;grid-template-columns: minmax(0, 1fr);gap: 24px;min-width: 0}.panel{background: var(--panel);border: 1px solid var(--line);border-radius: 22px;padding: clamp(20px, 3.4vw, 34px)}.panel > :last-child{margin-bottom: 0}.panel-head{display: flex;align-items: flex-end;justify-content: space-between;gap: 12px;margin-bottom: 18px}.panel-head h2{margin: 0}.h-bar{position: relative;padding-left: 16px}.h-bar::before{content: "";position: absolute;left: 0;top: .12em;bottom: .12em;width: 5px;border-radius: 3px;background: linear-gradient(180deg, var(--gold-2), var(--gold-dark));transform: skewX(-12deg)}.note{font-size: .86rem;color: var(--muted)}.prose h2{margin-top: 1.4em}.prose h2:first-child{margin-top: 0}.prose h3{margin-top: 1.2em;color: var(--accent)}.prose li::marker{color: var(--accent)} .books{display: grid;gap: 16px}.book{position: relative;display: grid;grid-template-columns: 56px 150px minmax(0, 1fr) 210px;gap: 18px;align-items: center;padding: 20px;background: var(--panel-2);border: 1px solid var(--line);border-radius: var(--r)}.book:first-child{border-color: rgba(255, 196, 31, .55);box-shadow: 0 0 0 1px rgba(255, 196, 31, .15), var(--shadow)}.rank{display: grid;place-items: center;width: 48px;height: 48px;border-radius: 14px;background: var(--panel-3);color: var(--head);font: italic 700 1.4rem/1 var(--f-display)}.book:nth-child(-n+3) .rank{background: linear-gradient(180deg, var(--gold-2), var(--gold-dark));color: var(--on-gold)}.logo-tile{display: grid;place-items: center;height: 72px;border-radius: 14px;background: var(--c, #333);color: var(--k, #fff);font: italic 700 1.25rem/1 var(--f-display);letter-spacing: 0;box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .08);overflow: hidden;padding: 0 8px;text-align: center}.logo-tile.sm{height: 44px;width: 96px;font-size: 1.05rem;border-radius: 10px}.book-body{min-width: 0}.book-body h3{display: flex;flex-wrap: wrap;align-items: baseline;gap: 6px 12px;margin: 0 0 4px;font-size: 1.4rem}.book-body h3 .tag{font-size: .74rem}.book-offer{margin: 0 0 4px;font: italic 600 1.25rem/1.25 var(--f-display);color: var(--accent)}.book-offer-note{margin: 0 0 10px;font-size: .88rem;color: var(--muted)}.facts{display: flex;flex-wrap: wrap;gap: 6px 18px;margin: 0 0 10px;padding: 0;list-style: none;font-size: .86rem;color: var(--muted)}.facts li{margin: 0;display: flex;gap: 5px;align-items: center}.facts b{color: var(--text);font-weight: 500}.facts .icon{width: 15px;height: 15px;color: var(--accent)}.book-cta{display: grid;gap: 10px;justify-items: stretch;text-align: center}.book-cta small{color: var(--dim);font-size: .74rem;line-height: 1.3}.book details{grid-column: 1 / -1;border-top: 1px solid var(--line);padding-top: 12px}.book summary{cursor: pointer;color: var(--accent);font: italic 600 .95rem/1.2 var(--f-display);letter-spacing: .02em;list-style: none;display: inline-flex;align-items: center;gap: 6px}.book summary::-webkit-details-marker{display: none}.book summary::after{content: "+";font-size: 1.2rem}.book details[open] summary::after{content: "\2212"}.proscons{display: grid;grid-template-columns: 1fr 1fr;gap: 16px;margin-top: 12px}.proscons h4{font-size: .98rem;margin-bottom: 6px}.proscons ul{list-style: none;padding: 0;margin: 0;font-size: .9rem}.proscons li{display: flex;gap: 8px}.proscons .icon{width: 16px;height: 16px;margin-top: 4px}.pros .icon{color: var(--green-text)}.cons .icon{color: var(--red)} .table-wrap{overflow-x: auto;border-radius: var(--r);border: 1px solid var(--line)}table{width: 100%;border-collapse: collapse;font-size: .92rem;min-width: 640px}th, td{padding: 13px 14px;text-align: left;border-bottom: 1px solid var(--line);vertical-align: middle}thead th{background: var(--thead);color: var(--muted);font-weight: 500;font-size: .8rem;text-transform: uppercase;letter-spacing: .06em}tbody tr:nth-child(even){background: var(--stripe)}tbody tr:last-child td{border-bottom: 0}td .name{display: flex;align-items: center;gap: 10px;font-weight: 700;color: var(--head)}td .num{display: inline-grid;place-items: center;width: 26px;height: 26px;border-radius: 8px;background: var(--panel-3);font: italic 700 .85rem/1 var(--f-display)}td.offer{color: var(--accent);font-weight: 500} .promos{display: grid;grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));gap: 16px}.promo{display: grid;grid-template-rows: auto 1fr;border-radius: var(--r);overflow: hidden;background: var(--panel-2);border: 1px solid var(--line)}.promo-bar{display: flex;justify-content: space-between;gap: 8px;padding: 7px 14px;background: linear-gradient(90deg, var(--green-2), #0f5a30);color: #fff;font: italic 600 .82rem/1.2 var(--f-display);letter-spacing: .04em}.promo-bar span:last-child{opacity: .85}.promo-body{display: grid;gap: 10px;align-content: start;padding: 16px}.promo-top{display: flex;align-items: center;gap: 12px}.promo-top b{font: italic 700 1.15rem/1 var(--f-display);color: var(--head)}.promo-body p{font-size: .88rem;color: var(--muted);margin: 0}.promo-body .promo-offer{font: italic 600 1.25rem/1.2 var(--f-display);color: var(--accent)}.promo-body .btn{justify-self: start} .cards{display: grid;grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));gap: 14px;margin: 0 0 1.2em}.card{padding: 18px;border-radius: var(--r);background: var(--panel-2);border: 1px solid var(--line)}.card .icon{width: 28px;height: 28px;color: var(--accent);margin-bottom: 10px}.card h3{font-size: 1.1rem;margin-bottom: 6px;color: var(--head)}.card p{font-size: .9rem;color: var(--muted);margin: 0}.steps{counter-reset: step;list-style: none;padding: 0;display: grid;gap: 12px}.steps li{counter-increment: step;position: relative;padding: 16px 16px 16px 66px;border-radius: var(--r);background: var(--panel-2);border: 1px solid var(--line);margin: 0}.steps li::before{content: counter(step);position: absolute;left: 16px;top: 16px;display: grid;place-items: center;width: 36px;height: 36px;border-radius: 10px;background: var(--gold);color: var(--on-gold);font: italic 700 1.15rem/1 var(--f-display)}.steps b{display: block;color: var(--head);font: italic 600 1.05rem/1.25 var(--f-display);margin-bottom: 2px}.faq{display: grid;gap: 10px}.faq details{border-radius: 14px;background: var(--panel-2);border: 1px solid var(--line)}.faq summary{cursor: pointer;list-style: none;display: flex;justify-content: space-between;gap: 12px;padding: 16px 18px;font: italic 600 1.08rem/1.3 var(--f-display);color: var(--head)}.faq summary::-webkit-details-marker{display: none}.faq summary::after{content: "+";color: var(--accent);font-size: 1.4rem;line-height: 1}.faq details[open] summary::after{content: "\2212"}.faq summary h3{font: inherit;margin: 0;color: inherit}.faq .ans{padding: 0 18px 14px;color: var(--soft)}.faq .ans > :last-child{margin-bottom: 0}.callout{display: flex;gap: 14px;padding: 16px 18px;border-radius: 14px;background: rgba(255, 196, 31, .07);border: 1px solid rgba(255, 196, 31, .3);margin: 0 0 1.2em}.callout .icon{color: var(--accent);width: 24px;height: 24px;margin-top: 2px}.callout p{margin: 0;font-size: .94rem}.callout.green{background: rgba(18, 161, 80, .08);border-color: rgba(18, 161, 80, .35)}.callout.green .icon{color: var(--green-text)}.pay-grid{display: grid;grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));gap: 10px;margin: 0 0 1.2em}.pay{display: grid;place-items: center;gap: 4px;min-height: 76px;padding: 12px;border-radius: 14px;background: var(--panel-2);border: 1px solid var(--line);text-align: center}.pay b{font: italic 700 1.1rem/1 var(--f-display);color: var(--pc, var(--head))}.pay span{font-size: .76rem;color: var(--muted)} .crumbs{margin: 18px auto 0;font-size: .84rem;color: var(--muted)}.crumbs ol{display: flex;flex-wrap: wrap;gap: 6px;list-style: none;margin: 0;padding: 0}.crumbs li{margin: 0}.crumbs li + li::before{content: "/";margin-right: 6px;color: var(--dim)}.crumbs a{color: var(--muted);text-decoration: none}.crumbs a:hover{color: var(--accent)}.page-head{margin-top: 14px}.page-head .hero-in{max-width: 900px;padding: clamp(24px, 4vw, 42px)}.page-head h1{font-size: clamp(2rem, 4vw, 3rem)} .calc{display: grid;grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr);gap: 18px}.calc-in, .calc-out{padding: 20px;border-radius: var(--r);background: var(--panel-2);border: 1px solid var(--line)}.field{display: grid;gap: 6px;margin-bottom: 14px}.field label, .legs-head{font-size: .84rem;color: var(--muted);font-weight: 500}.field input, .leg input, .form input, .form textarea, .form select{width: 100%;min-height: 46px;padding: 10px 14px;border-radius: 12px;border: 1px solid var(--line);background: var(--field);color: var(--head);font: 500 1rem var(--f-body)}.field input:focus, .leg input:focus, .form input:focus, .form textarea:focus{border-color: var(--gold);outline: none}.legs{display: grid;gap: 8px;margin: 6px 0 12px}.leg{display: grid;grid-template-columns: 34px minmax(0, 1fr) 44px;gap: 8px;align-items: center}.leg span{font: italic 700 1rem/1 var(--f-display);color: var(--accent);text-align: center}.leg button{height: 44px;border-radius: 12px;border: 1px solid var(--line);background: var(--panel-3);color: var(--muted);cursor: pointer;font-size: 1.2rem}.leg button:hover{color: var(--red)}.calc-out dl{display: grid;gap: 10px;margin: 0}.calc-out dl div{display: flex;justify-content: space-between;gap: 12px;padding: 12px 14px;border-radius: 12px;background: var(--field)}.calc-out dt{color: var(--muted);font-size: .9rem}.calc-out dd{margin: 0;font: italic 700 1.15rem/1 var(--f-display);color: var(--head)}.calc-out .big dd{color: var(--accent);font-size: 1.55rem}.calc-out .big{border: 1px solid rgba(255, 196, 31, .35)} .form{display: grid;gap: 14px;max-width: 620px}.form label{display: grid;gap: 6px;font-size: .88rem;color: var(--muted)}.form textarea{min-height: 140px;resize: vertical}.form-msg{display: none;padding: 12px 14px;border-radius: 12px;font-size: .92rem}.form-msg.ok{display: block;background: rgba(18, 161, 80, .14);color: var(--green-text)}.form-msg.err{display: block;background: rgba(229, 72, 77, .14);color: var(--err-text)} .footer{margin-top: 48px;background: #17171b;border-top: 1px solid var(--line);color: var(--muted);font-size: .9rem}.foot-grid{display: grid;grid-template-columns: 1.6fr 1fr 1fr 1fr;gap: 28px;padding: 40px 0 28px}.foot-grid h2{font: 500 1rem/1.2 var(--f-body);font-style: normal;color: var(--head);margin: 0 0 14px}.foot-grid ul{list-style: none;margin: 0;padding: 0}.foot-grid li{margin-bottom: 10px}.foot-grid a{color: var(--muted);text-decoration: none}.foot-grid a:hover{color: var(--accent)}.foot-brand p{margin: 14px 0 0}.age{display: flex;align-items: center;gap: 14px;margin-top: 16px}.age i{display: grid;place-items: center;flex: none;width: 46px;height: 46px;border-radius: 50%;border: 2px solid var(--red);color: var(--red);font: 700 .95rem/1 var(--f-body);font-style: normal}.age p{margin: 0;font-size: .84rem}.foot-pay{display: flex;flex-wrap: wrap;justify-content: center;gap: 10px 26px;padding: 20px 0;border-top: 1px solid var(--line)}.foot-pay span{font: italic 700 1.15rem/1 var(--f-display);color: #5d5d68;letter-spacing: .01em}.foot-bottom{padding: 18px 0 28px;border-top: 1px solid var(--line);text-align: center;font-size: .82rem}.foot-bottom p{margin: 0 0 6px}.up-btn{position: fixed;right: 18px;bottom: 18px;z-index: 30;display: grid;place-items: center;width: 48px;height: 48px;border-radius: 50%;border: 1.5px solid var(--gold);background: var(--panel);color: var(--accent);cursor: pointer;opacity: 0;pointer-events: none;transition: opacity .2s}.up-btn.show{opacity: 1;pointer-events: auto} .e404{text-align: center;padding: 60px 20px}.e404 b{display: block;font: italic 900 clamp(6rem, 20vw, 10rem)/1 var(--f-display);color: var(--accent)} @media (max-width: 1180px){.nav a{padding: 8px 7px;font-size: .94rem}}@media (max-width: 1060px){.layout{grid-template-columns: minmax(0, 1fr)}.side{position: static;order: 2}.side-box.toc{display: none}.book{grid-template-columns: 48px 120px minmax(0, 1fr)}.book-cta{grid-column: 1 / -1;grid-template-columns: 1fr 1fr;align-items: center}.book-cta small{grid-column: 1 / -1}.foot-grid{grid-template-columns: 1fr 1fr}}@media (max-width: 980px){.burger{display: grid}.nav{position: absolute;left: 0;right: 0;top: 100%;display: none;flex-direction: column;align-items: stretch;gap: 0;padding: 8px 12px 14px;background: #0d0c12;border-bottom: 1px solid var(--line)}.nav.open{display: flex}.nav a{padding: 13px 10px;font-size: 1.1rem}.head-tools{margin-left: auto}.nav a[aria-current="page"]::after{display: none}.nav .hot{position: static;margin-left: 8px}.tiles{grid-template-columns: repeat(2, 1fr)}.calc{grid-template-columns: minmax(0, 1fr)}}@media (max-width: 640px){html{scroll-padding-top: 90px}body{font-size: 15.5px}.wrap{padding: 0 16px}.topbar .hide-sm{display: none}.header .wrap{min-height: 64px}.brand img{height: 44px}.hero{margin-top: 14px;border-radius: 18px}.tiles{gap: 10px}.tile{padding: 16px 10px 14px}.tile b{font-size: 1.02rem}.book{grid-template-columns: 40px minmax(0, 1fr);padding: 16px;gap: 12px}.rank{width: 40px;height: 40px;font-size: 1.3rem}.book .logo-tile{height: 56px}.book-body{grid-column: 1 / -1}.book-cta{grid-template-columns: minmax(0, 1fr)}.proscons{grid-template-columns: minmax(0, 1fr)}.foot-grid{grid-template-columns: minmax(0, 1fr);gap: 22px}.panel{border-radius: 18px}}