.vip-page{--blue:#447fae;--navy:#192e44}.vip-page em{font-style:normal;color:var(--blue)}.vip-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:64px;align-items:center;padding:45px 0 65px}.vip-hero h1{font-size:clamp(38px,4.4vw,62px);line-height:1.09;letter-spacing:-2.5px;margin:22px 0}.vip-hero p{font-size:19px;line-height:1.7;max-width:510px;color:#596f83}.vip-hero .button{margin-top:16px}.vip-showcase{position:relative;min-height:480px;background:linear-gradient(135deg,#dceefa,#c3dbef);border-radius:28px;display:flex;align-items:center;justify-content:center;overflow:hidden}.vip-orbit{position:absolute;right:-10px;top:10px;color:#fff6;font-size:160px;font-weight:800;letter-spacing:-12px}.vip-phone{position:relative;background:#f7fafc;border:8px solid #20374d;border-radius:36px;width:240px;padding:17px 18px 22px;box-shadow:0 22px 40px #19324730;transform:rotate(-5deg);color:#192e44}.phone-top{font-size:10px;display:flex;justify-content:space-between}.member-icon{background:#b5dafa;border-radius:13px;display:grid;place-items:center;width:44px;height:44px;font-weight:700;font-size:25px;margin:23px 0 16px}.vip-phone>small{font-size:8px;letter-spacing:1px}.vip-phone h2{font-size:24px!important;letter-spacing:-.8px;margin:8px 0!important}.vip-phone p{font-size:10px;margin:0 0 18px}.phone-content{background:linear-gradient(125deg,#203a55,#547fa7);border-radius:15px;padding:17px;color:white;position:relative}.phone-content span{font-size:7px;letter-spacing:1px;display:block;margin-bottom:14px}.phone-content b{font-size:17px}.phone-content i{position:absolute;right:14px;bottom:15px;font-style:normal}.phone-row{font-size:11px;border-bottom:1px solid #d7e3ed;padding:12px 0;display:flex;justify-content:space-between}.vip-floating{position:absolute;right:18px;bottom:75px;padding:17px 22px;display:flex;gap:12px;border-radius:16px;background:#fff;box-shadow:0 12px 30px #233e5520;color:#244b6c;font-size:17px}.vip-floating span{font-size:12px;line-height:1.6}.mock-note{position:absolute;bottom:15px;font-size:9px;color:#526c80}.vip-page .vip-jump{position:static;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;background:none;padding:0 0 35px;box-shadow:none;border-bottom:1px solid #d4e0ea}.vip-jump a{padding:17px 14px;background:#e9f1f8;border-radius:10px;font-size:13px;color:#294f70;text-decoration:none}.vip-feature{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;padding:80px 0;scroll-margin-top:100px}.vip-feature h2,.vip-notifications h2{font-size:clamp(31px,3.5vw,45px);line-height:1.15;letter-spacing:-1.6px;margin:20px 0}.vip-feature p,.vip-notifications p{font-size:16px;line-height:1.8;color:#596f83}.vip-feature a{color:#2675b2;font-size:14px;font-weight:600}.vip-content-tiles{display:grid;grid-template-columns:1fr 1fr;gap:16px}.vip-content-tiles article{background:#e4eef8;border-radius:18px;padding:28px 22px}.vip-content-tiles article+article{background:#eee8f7}.vip-content-tiles article>span{font-size:26px;color:#447fae}.vip-content-tiles h3{font-size:21px;margin:32px 0 12px}.vip-content-tiles p{font-size:13px;margin:0}.tile-footer{grid-column:1/-1;font-size:13px;text-align:center;padding:16px;color:#596f83}.reverse>div:first-child{order:2}.loyalty-demo{padding:32px;border:1px solid #cadae8;background:#fff;border-radius:22px;box-shadow:0 15px 35px #233e5509}.loyalty-head b,.loyalty-head span{display:block}.loyalty-head span{font-size:9px;letter-spacing:1.5px;margin-top:10px;color:#698399}.stamp-row{display:flex;justify-content:space-between;gap:8px;margin:34px 0}.stamp-row span{width:42px;aspect-ratio:1;border-radius:50%;border:1px dashed #adc5da;display:grid;place-items:center;color:#5b7a94}.stamp-row span:nth-child(-n+4){background:#192e44;color:white;border:0}.stamp-row span:last-child{background:#dceafb;border:0}.loyalty-demo strong{font-size:25px;line-height:1.3}.loyalty-demo small{display:block;margin-top:23px;font-size:10px;color:#698399}.vip-notifications{scroll-margin-top:100px;display:grid;grid-template-columns:1fr 1fr;gap:65px;padding:48px;border-radius:24px;background:#192e44;color:white}.vip-notifications .knowledge-label{color:#a9cdea}.vip-notifications p{color:#c1d2e1}.vip-notifications .button{background:#b9dcfb;color:#192e44;margin-top:15px}.notification-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-content:center}.notification-options>span{border:1px solid #57718a;padding:14px;border-radius:10px;font-size:12px;text-align:center}.vip-message{grid-column:1/-1;background:#e7f1fa;color:#192e44;border-radius:18px;padding:24px;margin-top:18px;transform:rotate(-3deg)}.vip-message b{display:flex;justify-content:space-between;font-size:11px}.vip-message small{font-size:9px;font-weight:400}.vip-message strong{display:block;margin-top:18px;font-size:20px}.vip-message p{font-size:12px;color:#596f83;margin-bottom:0}.access-demo{background:#e9f1f8;border-radius:22px;padding:32px}.access-symbol{display:grid;place-items:center;background:#bdd9ef;border-radius:14px;width:48px;height:48px;color:#315b7b;font-size:26px}.access-demo h3{font-size:25px;margin:22px 0}.access-demo>div{display:flex;justify-content:space-between;padding:18px 0;border-top:1px solid #cbdae6;font-size:15px}.access-demo b{font-size:12px;color:#7a93a8}.vip-page .premium-cta{margin-top:0}.vip-page .vip-jump a:hover{background:#d9e8f6}
@media(max-width:800px){.vip-hero,.vip-feature,.vip-notifications{gap:28px}.vip-notifications{padding:30px}.vip-floating{right:8px;padding:12px}.vip-hero h1{letter-spacing:-1.5px}.vip-showcase{min-height:460px}}
@media(max-width:600px){.vip-hero,.vip-feature,.vip-notifications{grid-template-columns:1fr}.vip-hero{padding:30px 0 36px}.vip-hero h1{font-size:38px}.vip-hero p{font-size:16px}.vip-showcase{min-height:460px}.vip-page .vip-jump{grid-template-columns:1fr 1fr;gap:8px;inset:auto;width:auto;transform:none;max-height:none}.vip-jump a{font-size:11px;padding:14px}.vip-feature{padding:48px 0}.reverse>div:first-child{order:0}.vip-content-tiles article{padding:22px 16px}.vip-content-tiles h3{font-size:19px}.vip-notifications{padding:26px}.loyalty-demo{padding:25px}.vip-page .premium-cta{padding:26px}.vip-page .premium-cta h2{font-size:30px}}
.vip-page .button{display:inline-flex;align-items:center;justify-content:center;background:#192e44;color:white;border-radius:10px;padding:18px 24px;font-size:14px;font-weight:600;text-decoration:none}.vip-page .vip-notifications .button,.vip-page .premium-cta .button{background:#b9dcfb;color:#192e44}.mock-note{bottom:7px;font-size:8px}.vip-phone{margin-bottom:14px}
/* VIP editorial refinement */
.vip-hero{position:relative;background:#192e44;color:#fff;border-radius:28px;padding:48px;gap:32px;margin:30px 0 24px;overflow:hidden}.vip-hero .knowledge-label{color:#accfe9}.vip-hero h1{font-size:clamp(38px,4vw,57px);letter-spacing:-2.4px}.vip-hero em{color:#a9d5fa}.vip-hero p{color:#c1d0df;font-size:17px}.vip-page .vip-hero .button{background:#b9dcfb;color:#192e44}.vip-secondary{display:inline-block;color:#d5e5f2;font-size:12px;margin:20px 0 10px 18px}.vip-hero-tags{display:flex;flex-wrap:wrap;gap:9px;margin-top:26px}.vip-hero-tags span{font-size:10px;padding:7px 10px;border:1px solid #6d8aa155;border-radius:30px;color:#d5e5f2}.vip-showcase{background:radial-gradient(ellipse at 50% 45%,#537ea0 0,#284b6a 40%,#192e44 72%);border-radius:0;overflow:visible;min-height:500px}.vip-orbit{font-size:160px;color:#fff07;top:40px;right:0}.vip-phone{width:225px;padding:16px;border-width:6px;transform:rotate(7deg);box-shadow:0 35px 55px #061421aa,0 0 0 1px #8599aa}.member-icon{display:flex;width:auto;background:transparent;margin:20px 0 18px;gap:10px;font-size:23px;color:#2a6696}.member-icon span{font-size:8px;letter-spacing:1.6px;color:#58738b}.phone-content{overflow:hidden;padding-top:86px}.content-landscape{position:absolute;inset:0 0 auto;height:74px;background:linear-gradient(155deg,#bdddf2,#658faf);overflow:hidden}.content-landscape:before,.content-landscape:after{content:'';position:absolute;width:180px;height:90px;background:#335a78;border-radius:50%;transform:rotate(-25deg);top:30px;left:-35px}.content-landscape:after{background:#203c58;left:65px;top:42px;transform:rotate(25deg)}.vip-floating{bottom:72px;right:-10px;transform:rotate(-4deg);border:1px solid #d6e5f2;box-shadow:0 16px 34px #08182760;padding:15px 20px}.mock-note{bottom:0;color:#a4bfd4}.vip-page .vip-jump{gap:0;border:1px solid #d7e2eb;border-radius:18px;background:white;padding:0;overflow:hidden}.vip-jump a{background:transparent;padding:24px 20px;border-radius:0;border-right:1px solid #e1e9ef}.vip-jump a:last-child{border:0}.vip-jump small{display:block;color:#5a84a6;font-size:11px;margin-bottom:18px}.vip-jump b{display:block;font-size:15px;margin-bottom:9px;letter-spacing:-.3px}.vip-jump span{display:block;font-size:11px;color:#6b8193}.vip-feature{padding:90px 18px}.vip-feature h2{font-size:clamp(32px,3.5vw,46px)}.vip-content-tiles{padding:25px;background:#e9f0f6;border-radius:22px;gap:14px}.content-library-label{grid-column:1/-1;display:flex;justify-content:space-between;font-size:9px;letter-spacing:1px;color:#5a768e;align-items:center;margin-bottom:6px}.content-library-label>span{padding:5px 9px;background:#192e44;color:white;border-radius:5px}.vip-content-tiles article,.vip-content-tiles article+article{background:white;box-shadow:0 10px 18px #183c5810;border:1px solid #dae5ed;padding:12px 12px 20px;border-radius:13px}.course-art,.document-art{height:148px;border-radius:7px;position:relative;overflow:hidden;background:linear-gradient(140deg,#38698e,#182f44);display:flex;align-items:center;justify-content:center}.course-art:before{content:'';position:absolute;width:180px;height:180px;border-radius:50%;border:25px solid #ffffff0d;top:-50px;right:-75px}.course-art i{font-style:normal;background:#fff2;border:1px solid #fff5;border-radius:50%;width:42px;height:42px;display:grid;place-items:center;color:white}.course-art span{position:absolute;bottom:12px;left:12px;color:#c6def0;font-size:8px;line-height:1.7;letter-spacing:1px}.document-art{background:#edf1f7;display:block;padding:22px 15px}.document-art i{height:3px;background:#b2c7d9;width:65%;display:block;margin-bottom:7px}.document-art i:nth-child(2){width:40%}.document-art b{display:block;color:#40617c;font-size:18px;letter-spacing:2px;margin-top:16px}.vip-content-tiles h3{font-size:18px;margin:18px 4px 9px}.vip-content-tiles p{font-size:11px;margin:0 4px}.tile-footer{padding:6px;font-size:11px}.loyalty-demo{background:linear-gradient(120deg,#daeafa,#eef5fa);border:1px solid #c7daeb;padding:36px;box-shadow:14px 14px 0 #eaf0f5}.loyalty-head{display:flex;justify-content:space-between;gap:16px;align-items:start}.loyalty-head b{font-size:17px}.loyalty-head span{margin:0;max-width:95px;line-height:1.6;text-align:right}.stamp-row{margin:34px 0}.stamp-row span{width:46px;background:#fff8}.stamp-row .earned{background:#192e44;color:white;border:0}.stamp-row .reward-ready{background:#387dad;color:white;box-shadow:0 0 0 5px #8fc7ee55}.loyalty-demo strong{font-size:28px;letter-spacing:-1px}.loyalty-controls{display:flex;gap:8px;margin-top:25px}.loyalty-controls button{cursor:pointer;border:0;background:#192e44;color:white;border-radius:8px;padding:13px 15px;font:inherit;font-size:12px}.loyalty-controls button:disabled{background:#3d6b8d;cursor:default}.loyalty-controls #reset-stamps{color:#244b6a;background:#fff9;font-size:18px}.loyalty-demo #stamp-status{font-size:11px;margin:12px 0 0}.loyalty-demo small{font-size:9px;margin-top:12px}.vip-notifications{padding:55px;position:relative;background:radial-gradient(ellipse at 100% 100%,#315b7f,#192e44 65%)}.notification-options>button{cursor:pointer;border:1px solid #57718a;background:transparent;color:#c8dce9;padding:14px;border-radius:9px;font:inherit;font-size:12px}.notification-options>button[aria-pressed=true]{color:#192e44;background:#b9dcfb;border-color:#b9dcfb}.vip-message{box-shadow:0 20px 35px #0003;padding:28px;margin-top:24px}.member-avatars{display:flex;margin-bottom:30px}.member-avatars span{border:3px solid #edf4fa;width:54px;height:54px;margin-left:-8px;display:grid;place-items:center;border-radius:50%;background:#7da4c4;color:white;font-size:14px;font-weight:600}.member-avatars span:first-child{margin-left:0}.member-avatars span:nth-child(2){background:#254b6d}.member-avatars span:nth-child(3){background:#a2bdd3}.member-avatars span:last-child{background:white;color:#3c6a8e}.access-demo{padding:38px;background:linear-gradient(150deg,#e4eef7,#f1f6fa);border:1px solid #d1e1ee}.access-demo>small{font-size:9px;color:#6a8194;letter-spacing:1px}.access-demo h3{font-size:29px;letter-spacing:-1px}.vip-page .premium-cta{background:#dceafa;color:#192e44;border:1px solid #c9ddeb}.vip-page .premium-cta h2{color:#192e44}.vip-page .premium-cta p,.vip-page .premium-cta .knowledge-label{color:#567086}.vip-page .premium-cta .button{color:white;background:#192e44}.vip-page button:focus-visible,.vip-page a:focus-visible{outline:3px solid #1684cf;outline-offset:4px}
@media(max-width:900px){.vip-hero{padding:32px;gap:12px}.vip-hero h1{font-size:42px}.vip-secondary{margin-left:0}.vip-floating{right:0}.vip-feature{gap:35px}.vip-jump a{padding:20px 13px}.vip-jump b{font-size:13px}.vip-notifications{padding:35px}.loyalty-demo{padding:26px}}
@media(max-width:600px){.vip-hero{padding:28px 24px 20px;margin-top:25px;gap:15px;border-radius:20px}.vip-hero h1{font-size:38px;letter-spacing:-1.8px}.vip-hero p{font-size:15px}.vip-showcase{min-height:490px}.vip-phone{transform:rotate(4deg);width:220px}.vip-floating{right:-9px;bottom:50px;padding:12px}.vip-secondary{display:block;margin:18px 0}.vip-hero-tags{gap:6px;margin-top:20px}.vip-hero-tags span{font-size:9px;padding:6px 8px}.vip-page .vip-jump{gap:0}.vip-jump a{padding:19px 14px;border-bottom:1px solid #e1e9ef}.vip-jump a:nth-child(2){border-right:0}.vip-jump small{margin-bottom:11px}.vip-jump b{font-size:13px}.vip-jump span{font-size:10px}.vip-feature{padding:55px 0;gap:28px}.vip-content-tiles{padding:16px;gap:10px}.course-art,.document-art{height:125px}.vip-content-tiles h3{font-size:16px}.document-art b{font-size:15px}.loyalty-demo{box-shadow:none;padding:25px}.stamp-row{gap:5px}.stamp-row span{width:40px}.vip-notifications{padding:28px 23px}.vip-message{padding:21px}.access-demo{padding:28px}.vip-page .premium-cta h2{font-size:30px}.vip-hero .mock-note{bottom:0}}

/* Four independent phone demonstrations, aligned with the feature boxes. */
.vip-phone-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;padding-top:28px}.vip-demo-card{--demo:#d7e9fb;--ink:#284f72;min-width:0}.demo-loyalty{--demo:#e1d5f3;--ink:#614879}.demo-notification{--demo:#c8e4f7;--ink:#285778}.demo-members{--demo:#f6d8be;--ink:#7c5036}.vip-demo-replay{display:flex;align-items:center;gap:10px;width:100%;min-height:76px;padding:14px 12px;border:0;border-radius:14px;background:var(--demo);color:var(--ink);text-align:left;cursor:pointer;box-shadow:0 4px 0 #192e4412;font:inherit}.vip-demo-replay small{display:block;font-size:8px;letter-spacing:1px;font-weight:700;margin-bottom:5px}.vip-demo-replay b{font-size:17px}.vip-demo-replay>span:last-child{margin-left:auto;font-size:24px}.replay-icon{display:grid;place-items:center;flex:0 0 30px;height:30px;border-radius:50%;background:#ffffffb0;font-size:12px}.vip-demo-replay:hover{filter:brightness(.97)}.feature-phone{position:relative;isolation:isolate;overflow:hidden;box-sizing:border-box;width:100%;max-width:280px;aspect-ratio: .485;margin:34px auto 0;border:8px solid #202527;border-radius:39px;background:#fff;color:#192e44;box-shadow:0 0 0 2px #b6bdbf,0 20px 25px -15px #192e4440;container-type:inline-size}.feature-island{position:absolute;z-index:3;top:10px;width:32%;height:19px;left:34%;border-radius:20px;background:#171b1c}.feature-island:after{content:'';position:absolute;right:7px;top:7px;width:5px;height:5px;border-radius:50%;background:#263c4c}.feature-status{display:flex;justify-content:space-between;padding:16px 16px 0;font-size:9px;font-weight:700;height:42px}.feature-status span{font-size:8px;letter-spacing:1px}.feature-screen{padding:10px 16px 24px}.feature-brand{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e1e7ec;padding-bottom:16px;font-size:9px;font-weight:700;letter-spacing:.3px}.feature-brand span{font-size:12px}.feature-screen h3{font-size:clamp(20px,10cqw,28px);line-height:1.16;letter-spacing:-1px;margin:25px 0 20px}.feature-label{font-size:7px;letter-spacing:.7px;color:var(--ink);font-weight:600}.feature-screen p{font-size:10px;line-height:1.5;color:#708093;margin:8px 0 20px}.demo-course,.demo-news,.demo-member{position:relative;overflow:hidden;border-radius:12px;background:var(--demo);color:var(--ink);padding:18px 15px;height:137px;box-sizing:border-box}.demo-course:after,.demo-news:after{content:'';position:absolute;width:130px;height:130px;border:22px solid #ffffff40;border-radius:50%;right:-64px;top:-45px}.demo-course>span,.demo-news>span,.demo-member>span{display:block;font-size:7px;letter-spacing:1px;margin-bottom:13px}.demo-course b,.demo-news b{font-size:21px;line-height:1.12;letter-spacing:-.7px}.demo-course i{position:absolute;right:14px;bottom:13px;border-radius:50%;width:28px;height:28px;display:grid;place-items:center;background:#fff9;font-size:10px;font-style:normal}.demo-list{display:flex;justify-content:space-between;border-bottom:1px solid #e8edf1;padding:13px 0;font-size:9px}.demo-list span{font-size:8px;color:#728598}.feature-action{display:block;width:100%;border:0;border-radius:8px;background:#192e44;color:white;padding:12px 4px;font:inherit;font-size:9px;cursor:pointer;margin-top:17px}.feature-action:hover{background:var(--ink)}.feature-home{position:absolute;z-index:5;bottom:7px;left:34%;width:32%;height:4px;border-radius:5px;background:#202527}.demo-stamps{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;background:var(--demo);padding:22px 17px;border-radius:12px;margin-bottom:22px}.demo-stamps i{display:grid;place-items:center;aspect-ratio:1;border-radius:50%;background:#fff9;font-size:18px;font-style:normal;color:var(--ink)}.demo-stamps i:nth-child(-n+4){background:var(--ink);color:white}.demo-stamps i:last-child{background:#fff;color:var(--ink)}.demo-progress{height:5px;background:#eee9f5;border-radius:5px;overflow:hidden;margin:0 0 10px}.demo-progress span{display:block;width:80%;height:100%;background:var(--ink)}.demo-loyalty .feature-screen>small:last-of-type{font-size:9px;color:#708093}.demo-bell{position:absolute;bottom:12px;right:13px;font-size:22px}.demo-member{background:linear-gradient(135deg,#7c5036,#ba8763);color:white;transform:rotate(-3deg);margin:7px 0 15px;border:1px solid #ffffff50;box-shadow:0 8px 14px #7c503625}.demo-member:after{content:'VIP';position:absolute;right:8px;bottom:27px;font-size:44px;letter-spacing:-3px;font-weight:700;opacity:.13}.demo-member b{display:block;font-size:19px;margin:22px 0 9px}.demo-member small{font-size:6px;letter-spacing:1px}.feature-popup{position:absolute;z-index:4;left:7px;right:7px;bottom:23px;padding:14px 16px 19px;border-radius:21px;background:var(--demo);color:var(--ink);box-shadow:0 -8px 35px #192e4420;transform:translateY(120%);visibility:hidden;transition:transform .65s cubic-bezier(.2,.8,.2,1),visibility .65s}.popup-handle{display:block;width:30px;height:3px;border-radius:5px;background:currentColor;opacity:.25;margin:0 auto 18px}.feature-popup small{display:block;font-size:7px;letter-spacing:.7px;margin-bottom:12px}.feature-popup strong{display:block;font-size:24px;line-height:1.12;letter-spacing:-.7px}.feature-popup p{font-size:11px;line-height:1.6;margin:13px 0;color:var(--ink)}.popup-success{display:grid;place-items:center;width:29px;height:29px;border-radius:50%;background:#ffffff80;font-size:15px}.is-playing .feature-popup{transform:translateY(0);visibility:visible}.is-playing .replay-icon{background:white}.vip-demo-note{font-size:11px;color:#708093;text-align:center;margin:26px 0 0}.vip-demo-card button:focus-visible{outline:3px solid #1684cf;outline-offset:4px}
@media(max-width:1100px){.vip-phone-gallery{gap:16px}.vip-demo-replay{gap:7px;padding:12px 9px}.vip-demo-replay b{font-size:14px}.vip-demo-replay small{font-size:6px}.feature-phone{border-width:6px;border-radius:32px}.feature-screen{padding-left:12px;padding-right:12px}.feature-screen h3{margin:20px 0 15px}.demo-course,.demo-news,.demo-member{height:118px;padding:14px 12px}.demo-course b,.demo-news b{font-size:18px}.demo-list{padding:10px 0}.feature-action{margin-top:13px}.demo-stamps{gap:8px;padding:18px 12px}}
@media(max-width:900px){.vip-phone-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 24px}.vip-demo-replay{max-width:320px;margin:auto;padding:14px 16px}.vip-demo-replay b{font-size:17px}.vip-demo-replay small{font-size:8px}.feature-phone{border-width:8px;border-radius:39px}.feature-screen{padding-left:16px;padding-right:16px}.feature-screen h3{margin:25px 0 20px}.demo-course,.demo-news,.demo-member{height:137px;padding:18px 15px}.demo-course b,.demo-news b{font-size:21px}.demo-list{padding:13px 0}.feature-action{margin-top:17px}.demo-stamps{gap:12px;padding:22px 17px}}
@media(max-width:520px){.vip-phone-gallery{grid-template-columns:1fr;gap:36px;padding-top:24px}.feature-phone{margin-top:25px}.vip-demo-note{line-height:1.6;padding:0 12px}}
@media(prefers-reduced-motion:reduce){.feature-popup{transition:none}}

/* Large, complete VIP FUNKCE title in the site's original typeface. */
.vip-title-art{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:380px;padding:30px 0;color:#8595a4;text-align:center;font-family:inherit;font-weight:800;line-height:.95;gap:16px}
.vip-title-art span:first-child{font-size:clamp(120px,15vw,210px);letter-spacing:-.06em;padding-right:.06em}
.vip-title-art span:last-child{font-size:clamp(42px,5.6vw,78px);letter-spacing:-.04em;line-height:1.05}
@media(max-width:900px){.vip-title-art span:first-child{font-size:clamp(110px,15vw,160px)}.vip-title-art span:last-child{font-size:clamp(38px,5.5vw,60px)}}
@media(max-width:600px){.vip-title-art{min-height:260px;padding:24px 0;gap:14px}.vip-title-art span:first-child{font-size:140px}.vip-title-art span:last-child{font-size:49px}}

/* Keep every demo action on the same baseline above the home indicator. */
.vip-phone-gallery .feature-action{position:absolute;left:16px;right:16px;bottom:29px;width:auto;margin:0}
@media(min-width:901px) and (max-width:1100px){.vip-phone-gallery .feature-action{left:12px;right:12px}}

/* Feature buttons gently highlight the card inside each phone. */
.vip-demo-replay{padding-left:18px}
.vip-demo-card .is-highlighted{animation:vip-card-nudge .65s ease-in-out}
@keyframes vip-card-nudge{0%,100%{translate:0 0}20%{translate:-5px 0}40%{translate:5px 0}60%{translate:-3px 0}80%{translate:2px 0}}
@media(prefers-reduced-motion:reduce){.vip-demo-card .is-highlighted{animation:vip-card-glow .8s ease-out}@keyframes vip-card-glow{0%,100%{outline:2px solid transparent;outline-offset:3px}30%,70%{outline:2px solid var(--ink);outline-offset:3px}}}

/* Full-width hero with more compact vertical spacing. */
.vip-page .vip-hero{padding-top:28px;padding-bottom:28px}
.vip-page .vip-title-art{min-height:280px;padding-top:12px;padding-bottom:12px;gap:10px}
.vip-page .vip-hero h1{margin:16px 0}
.vip-page .vip-hero p{margin-top:12px;margin-bottom:12px}
.vip-page .vip-hero-tags{margin-top:16px}
@media(max-width:600px){.vip-page .vip-hero{padding-top:24px;padding-bottom:20px}.vip-page .vip-title-art{min-height:220px}}

/* A lighter introduction leaves the phone previews visible on laptop screens. */
.vip-page .knowledge-breadcrumb{margin-top:18px}
.vip-page .vip-hero{margin-top:18px;margin-bottom:28px;padding:28px 40px;gap:40px;grid-template-columns:1.35fr 1fr}
.vip-page .vip-hero h1{font-size:clamp(34px,3.3vw,46px);line-height:1.12;letter-spacing:-1.8px;margin:14px 0}
.vip-page .vip-hero p{font-size:15px;line-height:1.65;max-width:560px;margin:12px 0}
.vip-page .vip-hero .button{padding:14px 20px;margin-top:8px;font-size:13px}
.vip-page .vip-title-art{min-height:230px;padding:0;gap:12px}
.vip-page .vip-title-art span:first-child{font-size:clamp(100px,11vw,150px)}
.vip-page .vip-title-art span:last-child{font-size:clamp(38px,4.3vw,58px)}
.vip-phone-gallery{padding-top:0;gap:28px;scroll-margin-top:100px}
.vip-demo-replay{min-height:64px;background:var(--demo);box-shadow:none}
.feature-phone{margin-top:26px}
.vip-demo-note{margin-top:30px}
@media(max-width:900px){.vip-page .vip-hero{padding:28px;gap:24px}.vip-phone-gallery{gap:32px 24px}}
@media(max-width:600px){.vip-page .vip-hero{grid-template-columns:1fr;padding:26px 24px;gap:24px}.vip-page .vip-hero h1{font-size:34px}.vip-page .vip-title-art{min-height:180px}.vip-page .vip-title-art span:first-child{font-size:105px}.vip-page .vip-title-art span:last-child{font-size:38px}.vip-page .vip-secondary{margin-bottom:0}.vip-phone-gallery{gap:36px}}

/* Subscription: editorial explanation and a concrete member library preview. */
.subscription-feature{grid-template-columns:1fr 1.1fr;gap:64px;align-items:center;padding:76px 0}.subscription-copy>p{max-width:510px}.subscription-steps{list-style:none;padding:0;margin:26px 0 28px;display:grid;gap:18px}.subscription-steps li{display:flex;gap:15px;align-items:flex-start}.subscription-steps li>span{flex:0 0 29px;height:29px;display:grid;place-items:center;border:1px solid #d2e1ec;border-radius:50%;font-size:9px;color:#527c9e;margin-top:2px}.subscription-steps strong{font-size:14px;font-weight:650;color:#20394e}.subscription-steps p{font-size:12px;line-height:1.6;margin:4px 0 0;max-width:390px}.subscription-contact{display:inline-flex;align-items:center;gap:24px;padding-bottom:9px;border-bottom:1px solid #a7bfd2;text-decoration:none}.member-library{min-width:0;background:#fff;border:1px solid #d7e3ec;border-radius:22px;box-shadow:0 20px 55px -25px #25496935;overflow:hidden}.library-heading{display:flex;align-items:center;gap:12px;padding:21px 26px;border-bottom:1px solid #e5edf3}.library-monogram{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#192e44;color:#b9dcfb;font-size:22px;font-weight:700}.library-heading small{display:block;font-size:7px;letter-spacing:1.4px;color:#6c859a;margin-bottom:4px}.library-heading strong{font-size:13px;font-weight:600}.library-vip{margin-left:auto;border:1px solid #cadbea;border-radius:6px;padding:5px 9px;font-size:9px;letter-spacing:1px;color:#507594}.library-welcome{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:26px 26px 20px}.library-welcome small{font-size:7px;letter-spacing:1.2px;color:#738b9f}.library-welcome h3{font-size:25px;letter-spacing:-.8px;margin:7px 0 0}.library-status{white-space:nowrap;border-radius:30px;background:#edf4ef;color:#577564;padding:7px 9px;font-size:8px}.library-status:before{content:'';display:inline-block;width:5px;height:5px;background:#6a927a;border-radius:50%;margin-right:5px}.library-featured{display:grid;grid-template-columns:.85fr 1fr;gap:22px;margin:0 26px 27px;padding:14px;background:#edf3f8;border-radius:14px;align-items:center}.library-cover{position:relative;isolation:isolate;background:#203d56;min-height:190px;border-radius:8px;padding:20px 14px;overflow:hidden;color:#d3e5f3;display:flex;flex-direction:column;justify-content:space-between}.library-cover>span{font-size:25px;font-weight:650;line-height:1.05;letter-spacing:-1px;z-index:1}.library-cover>i{font-size:9px;letter-spacing:3px;font-style:normal;z-index:1}.cover-rings{position:absolute;bottom:-54px;right:-55px;width:180px;height:180px;border-radius:50%;border:1px solid #b9dcfb50;box-shadow:0 0 0 18px #b9dcfb0b,0 0 0 36px #b9dcfb0b,0 0 0 54px #b9dcfb0b;z-index:0}.library-lesson>small{font-size:7px;letter-spacing:.8px;color:#5e7d95}.library-lesson h4{font-size:20px;line-height:1.2;letter-spacing:-.5px;margin:12px 0}.library-lesson p{font-size:9px;line-height:1.5;margin:0 0 18px}.library-progress{height:4px;background:#d4e2ed;border-radius:4px;overflow:hidden;margin-right:8px}.library-progress>span{display:block;width:33.333%;height:100%;background:#5087af}.library-progress-label{display:block;font-size:8px;color:#70899b;margin-top:8px}.library-materials{padding:0 26px}.library-materials>div{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;gap:10px}.library-materials>div>span{font-size:8px;letter-spacing:1px;color:#698297}.library-materials>div>small{font-size:8px;color:#8194a4}.library-materials article{display:flex;align-items:center;gap:12px;padding:16px 0;border-bottom:1px solid #e5edf3}.library-file{display:grid;place-items:center;flex:0 0 34px;height:40px;border:1px solid #d5e0ea;border-radius:5px;font-size:8px;letter-spacing:.5px;color:#6185a1;background:#f5f8fb}.library-materials strong{display:block;font-size:11px;font-weight:600}.library-materials article small{display:block;font-size:9px;line-height:1.5;color:#7a8e9e;margin-top:5px}.library-check{margin-left:auto;color:#6e947f;font-size:13px}.library-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 26px;background:#f9fbfc;font-size:9px;color:#607e95}.library-bottom small{font-size:8px;color:#8a9ba9}
@media(max-width:1000px){.subscription-feature{gap:32px}.library-featured{gap:14px}.library-cover{min-height:175px;padding:16px 10px}.library-cover>span{font-size:22px}.library-lesson h4{font-size:18px}.library-welcome{flex-wrap:wrap}}
@media(max-width:700px){.subscription-feature{grid-template-columns:1fr;padding:50px 0;gap:32px}.library-welcome{flex-wrap:nowrap}.library-heading{padding:18px 20px}.library-welcome{padding:22px 20px 18px}.library-featured{margin:0 16px 24px}.library-materials{padding:0 20px}.library-bottom{padding:18px 20px}.library-cover{min-height:185px}.subscription-steps{gap:18px}.library-welcome h3{font-size:23px}}

/* Light editorial introduction, matching the case-study overview. */
.vip-page .vip-hero{background:transparent;color:#192d40;border-radius:0;padding-left:0;padding-right:0;box-shadow:none;overflow:visible}
.vip-page .vip-hero .knowledge-label{color:#5683a6}
.vip-page .vip-hero h1{color:#192d40}
.vip-page .vip-hero h1 em{color:#477fa9}
.vip-page .vip-hero p{color:#526b80}
.vip-page .vip-hero .button{background:#b9dcf5;color:#19354d;border-radius:8px}
.vip-page .vip-hero .button:hover{background:#d9eefd}
.vip-page .vip-hero .vip-secondary{color:#326e9d}
.vip-page .vip-title-art{border-left:1px solid #cbdce9;color:#477fa9;padding-left:40px}
.vip-page .vip-title-art span:last-child{color:#192d40}
@media(max-width:600px){.vip-page .vip-title-art{border-left:0;border-top:1px solid #cbdce9;padding:24px 0 0}.vip-page .vip-hero{padding-left:0;padding-right:0}}