:root { --purple:#7d20df; --purple-deep:#4a0d91; --purple-dark:#240743; --lavender:#c897ff; --orange:#ff7710; --gold:#c9a25d; --ink:#211b27; }
.discount-copy strong [data-count] { max-width:none; display:inline; font:inherit; font-style:normal; letter-spacing:inherit; }
* { box-sizing:border-box; }
html,body { margin:0; min-height:100%; background:#19052c; color:white; font-family:Arial,Helvetica,sans-serif; }
button,input { font:inherit; }
button { -webkit-tap-highlight-color:transparent; }
.tablet-app { min-height:100svh; display:grid; place-items:center; background:#19052c; }
.tablet-frame { width:min(100%,800px); min-height:100svh; overflow:hidden; position:relative; background:linear-gradient(155deg,#8f2cf1 0%,#6d16c9 52%,#4f0c9e 100%); box-shadow:0 0 80px #0008; animation:screenIn .75s cubic-bezier(.2,.8,.2,1); }
.screen { width:100%; min-height:100svh; position:relative; overflow:hidden; padding:34px 46px 38px; }
.icon { width:28px; height:28px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.brand { width:min(60%,340px); height:auto; object-fit:contain; }
.brand-compact { width:148px; }
.eyebrow { margin:0; font-size:12px; font-weight:900; letter-spacing:.16em; line-height:1.35; }
.screen-header { height:76px; display:grid; grid-template-columns:120px 1fr 120px; align-items:center; position:relative; z-index:20; }
.screen-header .brand { justify-self:center; width:144px; background:white; border-radius:11px; padding:8px 12px; }
.screen-nav { display:flex; align-items:center; gap:8px; }
.nav-button { width:50px; min-width:50px; height:50px; padding:0; border:1px solid #ffffff72; border-radius:50%; background:#ffffff12; color:white; display:flex; align-items:center; justify-content:center; cursor:pointer; backdrop-filter:blur(8px); transition:.2s; }
.nav-button .icon { width:22px; height:22px; }
.nav-button:active { transform:scale(.95); background:white; color:var(--purple-deep); }

.screen-home { display:grid; grid-template-rows:auto 1fr auto; background:linear-gradient(150deg,#8225e7,#6311bd 70%,#42077f); padding-top:58px; }
.screen-home::before { content:""; position:absolute; width:540px; height:540px; border:86px solid #2a073f; border-radius:50%; right:-390px; top:-310px; opacity:.8; }
.screen-home::after { content:""; position:absolute; width:440px; height:440px; border-radius:50%; background:var(--orange); left:-340px; bottom:-230px; opacity:.9; }
.home-orbit { position:absolute; border-radius:50%; pointer-events:none; }
.orbit-one { width:280px; height:280px; border:52px solid #ffffff12; left:-190px; top:42%; }
.orbit-two { width:170px; height:170px; background:#b96eff; right:-105px; bottom:100px; opacity:.6; }
.home-top { position:relative; z-index:2; text-align:center; display:flex; flex-direction:column; gap:18px; align-items:center; }
.home-top .eyebrow { color:#ead8ff; }
.home-top .home-promo { font-size:clamp(36px,6vw,50px); line-height:.94; letter-spacing:-.035em; }
.brand-plate { width:340px; min-height:116px; border-radius:28px; background:white; display:grid; place-items:center; box-shadow:0 18px 45px #2a064b55; }
.brand-plate .brand { width:285px; }
.home-actions { display:flex; flex-direction:column; justify-content:center; gap:18px; position:relative; z-index:3; padding:28px 0; }
.benefit-button { min-height:148px; border:0; border-radius:28px; padding:22px 26px; display:grid; grid-template-columns:78px 1fr 52px; align-items:center; text-align:left; font-size:25px; line-height:.94; letter-spacing:-.03em; cursor:pointer; box-shadow:0 17px 32px #26043d48; transition:.18s; }
.benefit-button:active { transform:scale(.985); }
.benefit-button b { font-size:32px; }
.template-benefit { color:#4b0b8e; background:#f4eafd; }
.book-benefit { color:white; background:#25102f; margin-left:34px; }
.consult-benefit { color:white; background:var(--orange); margin-right:34px; }
.benefit-icon { width:61px; height:61px; border:1.5px solid currentColor; border-radius:18px; display:grid; place-items:center; }
.benefit-icon .icon { width:34px; height:34px; }
.button-arrow { width:44px; height:44px; border:1px solid currentColor; opacity:.7; border-radius:50%; display:grid; place-items:center; font-size:25px; }
.referral-entry i { font-size:32px; font-style:normal; }
.referral-entry { width:80%; min-height:104px; margin:0 auto 110px; position:relative; z-index:4; border:2px solid #ffffff9c; background:#ffffff1f; color:white; border-radius:28px; padding:14px 24px; display:grid; grid-template-columns:1fr; place-items:center; align-content:center; gap:8px; text-align:center; font-size:22px; font-weight:900; letter-spacing:.08em; cursor:pointer; backdrop-filter:blur(10px); box-shadow:0 18px 38px #26043d55; }
.referral-entry > .icon { width:37px; height:37px; color:#ffd0af; }
.benefit-loading { position:absolute; inset:0; z-index:50; padding:48px; background:#21043be8; backdrop-filter:blur(18px); display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; animation:loadingIn .65s both; }
.benefit-loading strong { margin-top:32px; max-width:none; font-size:clamp(20px,4.25vw,34px); line-height:1; letter-spacing:-.035em; white-space:nowrap; }
.loading-rings { width:118px; height:118px; border-radius:34px; display:grid; place-items:center; position:relative; color:white; }
.loading-rings::before,.loading-rings::after { content:""; position:absolute; border-radius:50%; border:4px solid transparent; }
.loading-rings::before { inset:-18px; border-top-color:#ffe34f; animation:spin 3.36s linear infinite; }
.loading-rings::after { inset:-7px; border-right-color:white; animation:spin 4.8s linear infinite reverse; }
.loading-rings .icon { width:58px; height:58px; }
.loading-templates .loading-rings { background:#7930ca; }
.loading-books .loading-rings { background:#25102f; }
.loading-consult .loading-rings { background:var(--orange); }
.loading-track { width:min(80%,390px); height:7px; margin-top:30px; border-radius:99px; background:#ffffff20; overflow:hidden; }
.loading-track i { display:block; width:48%; height:100%; border-radius:inherit; background:linear-gradient(90deg,#ff6c00,#ffe34f); animation:loadingTrack 5.1s ease-in-out infinite alternate; }

.title-block,.consult-title,.books-title { position:relative; z-index:2; }
.title-block { margin:32px 0 42px; }
.title-block h1,.consult-title h1,.books-title h1,.referrals-title h1 { margin:0; font-size:52px; line-height:.9; letter-spacing:-.06em; font-weight:900; }
h1 em,h2 em { color:#e3bdff; font-style:normal; }

.screen-templates { background:linear-gradient(155deg,#8f2cf1,#6613be 72%,#4e0b95); }
.screen-templates::after { content:""; position:absolute; width:300px; height:300px; border:55px solid #ffffff12; border-radius:50%; right:-220px; top:145px; }
.template-grid { width:92%; margin-inline:auto; display:grid; grid-template-columns:1fr; gap:28px; position:relative; z-index:3; }
.template-choice,.template-form-view,.consult-panel,.access-form,.referral-group,.meter-group,.discount-main,.free-copy { animation:softFade .72s ease both; }
.template-card { height:auto; border:0; background:transparent; color:white; padding:0; display:block; position:relative; text-align:left; cursor:pointer; transition:.2s; }
.template-card:nth-child(3) { grid-column:auto; width:100%; justify-self:stretch; }
.template-card:active { transform:scale(.985); }
.template-image { overflow:hidden; position:relative; display:block; aspect-ratio:16/9; border-radius:20px; background:#1f0438; box-shadow:0 16px 34px #27034055; }
.template-image img { width:100%; height:100%; object-fit:contain; display:block; }
.template-meta { position:relative; min-height:68px; margin-top:10px; padding:12px 16px; display:grid; grid-template-columns:auto 1fr 40px; align-items:center; gap:12px; background:#3a096b; border:1px solid #ffffff20; border-radius:16px; }
.template-meta b { font-size:30px; letter-spacing:-.04em; }
.template-meta small { font-size:16px; color:#ead4fa; text-transform:lowercase; }
.template-meta i { width:40px; height:40px; border:1px solid #ffffff70; border-radius:50%; display:grid; place-items:center; font-size:22px; font-style:normal; justify-self:end; color:#ffd1af; }
.template-form-view { padding-top:28px; position:relative; z-index:2; }
.selected-template { aspect-ratio:16/9; border-radius:24px; overflow:hidden; position:relative; box-shadow:0 22px 55px #24043a55; }
.selected-template img { width:100%; height:100%; object-fit:cover; }
.selection-heading { display:flex; align-items:center; justify-content:space-between; gap:20px; margin:28px 0 22px; }
.form-heading { margin:0; }
.form-heading h2 { margin:0; font-size:39px; line-height:.92; letter-spacing:-.05em; color:white; }
.selected-name { min-width:190px; padding:13px 18px; border-radius:16px; background:#3a096b; display:grid; text-align:right; }
.selected-name small { font-size:10px; letter-spacing:.12em; color:#dcbcf5; text-transform:lowercase; }
.selected-name b { font-size:24px; }
.lead-form { display:grid; gap:18px; }
.lead-form > label { font-size:11px; letter-spacing:.14em; font-weight:900; color:#ead9f6; }
.lead-form input:not([type="checkbox"]) { margin-top:8px; width:100%; height:74px; border:0; border-radius:18px; background:#fff; padding:0 21px; font-size:20px; outline:none; color:#211b27; transition:.2s; }
.lead-form input:focus { border-color:#ffc9a3; box-shadow:0 0 0 4px #ff771030; }
.privacy-box { border:1px solid #ffffff40; background:#3b096bb3; border-radius:18px; padding:18px 19px; }
.consent-check { display:grid !important; grid-template-columns:24px 1fr; gap:10px; align-items:start; color:white !important; font-size:11px !important; letter-spacing:0 !important; line-height:1.35; cursor:pointer; }
.consent-check input { position:absolute; opacity:0; pointer-events:none; }
.custom-check { width:22px; height:22px; border:1.5px solid #fff; border-radius:6px; display:grid; place-items:center; }
.custom-check .icon { width:15px; height:15px; opacity:0; stroke-width:3; }
.consent-check input:checked + .custom-check { background:var(--orange); border-color:var(--orange); }
.consent-check input:checked + .custom-check .icon { opacity:1; }
.privacy-details { margin-top:13px; padding:12px 0 0 34px; border-top:1px solid #ffffff24; color:#e5cdf4; }
.privacy-details > strong { font-size:11px; text-transform:lowercase; }
.privacy-box p { font-size:10px; line-height:1.5; margin:7px 0 0; }
.privacy-box a { color:white; }
.send-button { height:98px; margin-top:10px; border:0; border-radius:21px; padding:0 28px; color:white; background:linear-gradient(110deg,#ff5a00,#ff7d0e 55%,#ffb12b); display:flex; align-items:center; justify-content:space-between; font-size:19px; font-weight:900; letter-spacing:.04em; cursor:pointer; box-shadow:0 18px 36px #41106480; }
.send-button span { font-size:27px; }
.send-button:disabled { cursor:wait; opacity:.72; }
.form-error, .referral-error { margin:0; padding:12px 14px; border-radius:12px; background:#ffefe9; color:#8f2600; font-size:13px; font-weight:800; line-height:1.35; }
.success-card { min-height:240px; background:#ffffffef; color:var(--ink); border-radius:24px; display:grid; place-items:center; align-content:center; gap:6px; box-shadow:0 18px 50px #26043e55; text-align:center; }
.success-mark { width:70px; height:70px; border-radius:50%; background:var(--purple); color:white; display:grid; place-items:center; animation:pop .4s both; }
.success-card h3 { margin:10px 0 0; font-size:34px; }
.success-card p { margin:0; opacity:.58; }

.screen-books { background:linear-gradient(155deg,#8624e8,#6312bb 68%,#43077f); display:flex; flex-direction:column; }
.books-title { margin:24px 0 12px; }
.books-title h1 { font-size:50px; }
.books-title h1 em { color:#ffc9a3; }
.real-books { height:300px; position:relative; z-index:2; margin:0 0 42px; display:grid; place-items:center; }
.real-books::after { content:""; position:absolute; left:11%; right:11%; bottom:8px; height:38px; border-radius:50%; background:#26054270; filter:blur(12px); }
.real-books .book-trio-image { position:relative; z-index:2; width:auto; height:auto; max-width:95%; max-height:300px; object-fit:contain; filter:drop-shadow(0 18px 14px #24033966); }
.number-pickers { display:grid; grid-template-columns:repeat(3,1fr); gap:11px; position:relative; z-index:3; margin-top:2px; }
.number-pickers button { height:108px; border:1.5px solid #ffffff85; border-radius:20px; color:white; background:#ffffff12; display:grid; grid-template-rows:auto 1fr auto; place-items:center; padding:12px; font-weight:900; cursor:pointer; transition:background .25s,color .25s,border-color .25s,transform .25s; }
.number-pickers button span { font-size:9px; letter-spacing:.14em; }
.number-pickers button strong { font-size:46px; line-height:.8; }
.number-pickers button small { font-size:10px; letter-spacing:.12em; }
.number-pickers button.active { color:white; border-color:#ffe34f; background:#3c096c; box-shadow:0 0 0 3px #ffe34f22,0 13px 25px #26023f55; }
.meter-stage { flex:1; min-height:290px; display:flex; align-items:center; justify-content:center; position:relative; }
.meter-group,.earned-meters,.free-pair { display:flex; justify-content:center; align-items:center; }
.meter-group { width:100%; gap:18px; }
.earned-meters { gap:16px; }
.free-pair { gap:14px; }
.book-meter { width:180px; height:248px; border:4px solid white; border-radius:12px 21px 21px 12px; position:relative; overflow:hidden; background:#ffffff15; box-shadow:0 19px 27px #25043f80; }
.book-fill { position:absolute; inset:auto 0 0; height:0; background:linear-gradient(0deg,#ff6a00,#ffc928); box-shadow:0 -5px 18px #ffe47a88; animation:riseFill 1.8s var(--delay,0ms) cubic-bezier(.2,.75,.2,1) forwards; }
.meters-2 .book-meter { width:154px; height:224px; }
.meters-3 .book-meter { width:114px; height:188px; }
.plus-sign { width:34px; display:grid; place-items:center; font-size:42px; line-height:1; font-weight:900; color:#ffc9a3; }
.book-free { width:128px !important; height:210px !important; border-color:#9b6500; background:#ffd143; box-shadow:0 19px 27px #25043f80; animation:freeIn .9s cubic-bezier(.2,1.2,.25,1) both; }
.book-free .book-fill { --fill:100%; background:linear-gradient(0deg,#edaa12,#ffd74d); }
.book-free > span { position:absolute; inset:0; display:grid; place-items:center; color:#3b2600; font-size:17px; font-weight:900; z-index:3; }
.discount-copy { width:100%; min-height:88px; display:flex; justify-content:center; align-items:center; gap:22px; flex-wrap:nowrap; text-align:left; font-weight:900; }
.discount-copy.with-free { gap:9px; }
.discount-main { display:flex; align-items:center; justify-content:center; gap:13px; }
.discount-copy strong { font-size:60px; line-height:.86; color:#ffe34f; text-shadow:0 5px 19px #2c064d80; }
.discount-main > span { max-width:128px; display:grid; gap:3px; font-size:14px; letter-spacing:.06em; }
.discount-main > span b { white-space:nowrap; font:inherit; }
.discount-copy small { font-size:14px; color:#fff0d5; letter-spacing:.05em; white-space:nowrap; }
.free-copy { display:flex; align-items:center; gap:7px; }
.free-copy .free-plus { color:#ffc9a3; font-size:21px; line-height:1; }
.discount-copy.quantity-3 .discount-main > span { max-width:none; display:flex; gap:4px; white-space:nowrap; }
.discount-copy.with-free .discount-main,.meter-stage.with-free .earned-meters { animation:sideShift .72s cubic-bezier(.2,.8,.2,1) both; }
.discount-copy .free-copy { animation:copyReveal .72s .08s cubic-bezier(.2,.8,.2,1) both; }

.screen-consult { background:linear-gradient(155deg,#8624e8,#6211b9 72%,#43077f); }
.screen-consult::after { content:""; position:absolute; width:330px; height:330px; border-radius:50%; border:58px solid #ffffff10; right:-230px; top:190px; }
.consult-title { margin:54px 0 42px; }
.consult-title .eyebrow { max-width:610px; color:#ffd8bd; margin-bottom:16px; }
.consult-title h1 { font-size:52px; display:grid; gap:2px; }
.consult-title h1 > span { white-space:nowrap; }
.consult-title.compact { margin-top:80px; }
.consult-panel,.access-form { position:relative; z-index:3; }
.consult-bullets { width:82%; margin-inline:auto; display:grid; grid-template-columns:1fr 1fr; gap:22px; }
.consult-bullets div { min-height:160px; background:linear-gradient(145deg,#440d7a,#32055e); color:white; border:1px solid #ffffff28; border-radius:24px; padding:26px; display:flex; align-items:flex-end; position:relative; overflow:hidden; box-shadow:0 13px 25px #24023e40; }
.consult-bullets span { position:absolute; right:18px; top:8px; font-size:54px; line-height:1; font-weight:900; letter-spacing:-.08em; color:#ffffff16; }
.consult-bullets b { max-width:240px; font-size:22px; line-height:1.02; letter-spacing:-.025em; }
.consult-bullets b i { font:inherit; font-style:normal; white-space:nowrap; }
.consult-actions { display:grid; gap:22px; margin-top:46px; }
.consult-actions button { height:175px; border:0; border-radius:25px; padding:0 34px; font-weight:900; letter-spacing:.015em; display:flex; align-items:center; justify-content:space-between; cursor:pointer; text-align:left; box-shadow:0 18px 34px #2b054c44; }
.consult-actions button > span { display:grid; gap:7px; font-size:24px; }
.consult-actions button small { font-size:10px; letter-spacing:.18em; opacity:.67; }
.consult-actions .want { color:#4d0d88; background:#f3e8fb; }
.consult-actions .dont { color:white; background:var(--orange); }
.consult-actions i { font-size:34px; font-style:normal; }
.consult-form-wrap { background:#3b096b; padding:24px; border:1px solid #ffffff28; border-radius:24px; box-shadow:0 18px 45px #23033f55; }
.form-heading.compact { margin:0 0 18px; }
.form-heading.compact h2 { font-size:28px; }
.consult-form-wrap .lead-form input:not([type="checkbox"]) { height:62px; }
.consult-form-wrap .send-button { height:88px; }

.screen-referrals { background:linear-gradient(160deg,#43106f,#20042f); }
.screen-referrals::before { content:""; position:absolute; width:390px; height:390px; background:var(--purple); border-radius:50%; left:-275px; top:80px; }
.referral-groups { position:relative; z-index:3; display:grid; gap:44px; max-height:84svh; overflow:auto; margin-top:52px; padding:2px 2px 36px; }
.referral-group { display:grid; gap:24px; }
.referral-group h2 { margin:0; color:var(--gold); font-size:58px; line-height:.9; letter-spacing:-.06em; font-weight:900; }
.referral-group.winners h2 { color:white; }
.referral-list { position:relative; z-index:3; display:grid; gap:10px; }
.referral-error { position:relative; z-index:5; margin:0 22px 12px; text-align:center; }
.empty-list { margin:0; min-height:70px; border:1px dashed #ffffff2f; border-radius:18px; display:grid; place-items:center; color:#ffffff68; font-size:11px; letter-spacing:.12em; }
.referral-row { min-height:91px; border:1px solid #ffffff26; background:#ffffff09; border-radius:18px; display:grid; grid-template-columns:38px 1fr auto; align-items:center; gap:10px; padding:13px 15px; transition:.4s; }
.referral-row.complete { border-color:#f0bd3166; background:#f0bd3110; }
.row-number { font-size:10px; opacity:.42; align-self:start; margin-top:4px; }
.referral-row strong { font-family:Georgia,"Times New Roman",serif; font-size:22px; font-weight:700; letter-spacing:-.01em; transition:.35s; }
.referral-row.complete strong { color:var(--gold); }
.person-pair { display:flex; gap:8px; }
.person-token { width:52px; height:57px; position:relative; border:1.5px solid #ffffff55; border-radius:14px; background:transparent; cursor:pointer; overflow:hidden; }
.person-head { position:absolute; width:15px; height:15px; border:1.7px solid white; border-radius:50%; left:17px; top:9px; transition:.35s; }
.person-body { position:absolute; width:28px; height:20px; border:1.7px solid white; border-radius:15px 15px 5px 5px; left:10px; bottom:7px; transition:.35s; }
.person-token.filled { border-color:#f4c94f; background:linear-gradient(145deg,#ffd75e,#c99119); box-shadow:0 0 0 3px #e9b52d24,0 10px 24px #12021d66; animation:tokenPop .4s cubic-bezier(.2,1.5,.3,1); }
.person-token.filled .person-head,.person-token.filled .person-body { border-color:#3a2600; background:#3a2600; }
.positive-feedback { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); z-index:20; min-width:330px; background:var(--gold); color:#302100; border-radius:24px; padding:22px; display:flex; gap:15px; align-items:center; box-shadow:0 25px 80px #0008; animation:feedbackIn 1.55s both; }
.positive-feedback > .icon { width:46px; height:46px; stroke-width:3; }
.positive-feedback span { display:grid; gap:3px; }

.orientation-lock { display:none; position:fixed; inset:0; z-index:999; background:linear-gradient(145deg,#7f21df,#3c076f); color:white; align-items:center; justify-content:center; flex-direction:column; text-align:center; padding:40px; }
.orientation-lock .icon { width:70px; height:70px; transform:rotate(90deg); margin-bottom:20px; }
.orientation-lock h2 { margin:0; font-size:42px; line-height:.9; }
.orientation-lock p { color:#dfc4f4; }

@keyframes screenIn { from { opacity:0; transform:translateY(12px); } to { opacity:1; transform:none; } }
@keyframes pop { from { opacity:0; transform:scale(.5) rotate(-15deg); } to { opacity:1; transform:none; } }
@keyframes bookPop { from { opacity:0; transform:translateY(25px) scale(.82); } to { opacity:1; transform:none; } }
@keyframes riseFill { from { height:0; } to { height:var(--fill); } }
@keyframes freeIn { from { opacity:0; transform:translateX(45px) scale(.8); } to { opacity:1; transform:none; } }
@keyframes sideShift { from { transform:translateX(55px); } to { transform:none; } }
@keyframes copyReveal { from { opacity:0; transform:translateX(-28px); } to { opacity:1; transform:none; } }
@keyframes tokenPop { 50% { transform:scale(1.14) rotate(-4deg); } }
@keyframes feedbackIn { 0% { opacity:0; transform:translate(-50%,-40%) scale(.75); } 18%,78% { opacity:1; transform:translate(-50%,-50%) scale(1); } 100% { opacity:0; transform:translate(-50%,-58%) scale(.94); } }
@keyframes loadingIn { from { opacity:0; } to { opacity:1; } }
@keyframes spin { to { transform:rotate(360deg); } }
@keyframes loadingTrack { from { transform:translateX(-95%); } to { transform:translateX(205%); } }
@keyframes softFade { from { opacity:0; transform:translateY(10px); } to { opacity:1; transform:none; } }

@media (max-width:650px) {
  .screen { padding:26px 22px 30px; }
  .screen-header { height:58px; grid-template-columns:100px 1fr 100px; }
  .screen-nav { gap:5px; }
  .nav-button { width:42px; min-width:42px; height:42px; padding:0; }
  .nav-button .icon { width:18px; height:18px; }
  .screen-header .brand { width:126px; }
  .screen-home { padding-top:45px; }
  .brand-plate { width:275px; min-height:98px; }
  .brand-plate .brand { width:235px; }
  .home-top { margin-bottom:30px; }
  .benefit-button { min-height:115px; grid-template-columns:64px 1fr 43px; padding:18px; font-size:20px; }
  .benefit-button b { font-size:26px; }
  .benefit-icon { width:52px; height:52px; }
  .book-benefit { margin-left:20px; }
  .consult-benefit { margin-right:20px; }
  .title-block { margin-top:40px; }
  .title-block h1 { font-size:43px; }
  .consult-title h1 { font-size:38px; }
  .template-card { height:auto; }
  .template-meta { min-height:63px; padding:12px 15px; grid-template-columns:auto 1fr 36px; }
  .template-meta b { font-size:26px; }
  .template-meta small { font-size:14px; }
  .books-title h1 { font-size:40px; }
  .real-books { height:235px; margin-bottom:34px; }
  .real-books .book-trio-image { width:auto; height:auto; max-width:98%; max-height:235px; }
  .book-meter { width:142px; height:210px; }
  .meters-2 .book-meter { width:124px; height:190px; }
  .meters-3 .book-meter,.book-free { width:88px !important; height:150px !important; }
  .meters-3.with-free .meter-group { gap:7px; }
  .plus-sign { font-size:30px; }
  .meter-stage { min-height:245px; }
  .consult-title { margin-top:40px; }
  .consult-actions button { height:118px; }
  .referrals-title { margin-top:40px; }
}

@media (orientation:landscape) and (pointer:coarse) { .orientation-lock { display:flex; } .tablet-frame { display:none; } }
@media (min-width:801px) { .tablet-frame,.screen { min-height:1280px; } }
@media (prefers-reduced-motion:reduce) { *,*::before,*::after { animation-duration:.01ms !important; transition-duration:.01ms !important; } }