@keyframes floatLaptop{0%,to{transform:translateX(-55%) translateY(0)}50%{transform:translateX(-55%) translateY(-10px)}}@keyframes waveEffect{0%{transform:scale(.7);opacity:.65}60%{opacity:.18}to{transform:scale(1.8);opacity:0}}.product-hero,.product-hero2{position:relative;overflow:hidden;background:#081425;min-height:auto;display:flex;align-items:center;padding:0}.product-hero::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 50%,rgba(0,255,255,.12),transparent 35%),radial-gradient(circle at 10% 20%,rgba(0,180,255,.08),transparent 25%),linear-gradient(180deg,#081425 0,#061120 100%);z-index:0}.product-hero::after{background:url(../images/contact2.webp)center center;background-size:cover;filter:blur(0);pointer-events:none}.product-hero .container,.product-hero2 .container{position:relative;z-index:2}.product-hero2::after,.product-hero2::before,.product-hero::after{content:"";position:absolute;inset:0;z-index:0}.product-hero2::before{background:radial-gradient(circle at 80% 50%,rgba(0,255,255,.12),transparent 35%),radial-gradient(circle at 10% 20%,rgba(0,180,255,.08),transparent 25%),linear-gradient(180deg,#081425 0,#061120 100%)}.product-hero2::after{background:url(../images/hero-bg23.webp)center center;background-size:cover;filter:blur(0);pointer-events:none}.hero-content h1{color:#fff;font-size:28px;font-weight:800;line-height:1.25;margin-bottom:25px}.hero-content p{color:#c8d4df;line-height:2;font-size:17px;max-width:560px;margin-bottom:35px}.hero-tag{display:inline-flex;align-items:center;gap:10px;padding:8px 18px;border-radius:40px;background:rgba(0,255,255,.08);border:1px solid rgba(0,255,255,.25);color:#00c8b5;margin-bottom:30px}.hero-features{list-style:none;padding:0;margin:0 0 40px;text-align:right}.hero-features li{color:#fff;margin-bottom:14px;font-size:16px}.hero-features i{color:#00c8b5;margin-left:8px}.hero-buttons{display:flex;gap:15px;flex-wrap:wrap}.btn-main,.btn-outline{color:#fff;padding:14px 34px;border-radius:40px;text-decoration:none;transition:.3s}.btn-main{background:#00c8b5}.btn-main:hover{transform:translateY(-3px);box-shadow:0 15px 35px rgba(0,255,255,.28)}.btn-outline{border:1px solid rgba(255,255,255,.25)}.btn-outline:hover{background:rgba(255,255,255,.06)}.hero-image{position:relative;width:100%;height:620px}.hero-book,.hero-laptop,.hero-platform{position:absolute;bottom:60px;left:50%;transform:translateX(-50%);width:620px;z-index:1}.hero-book,.hero-laptop{bottom:105px;transform:translateX(-55%);width:480px;z-index:3;animation:floatLaptop 5s ease-in-out infinite}.hero-book{bottom:135px;left:45%;width:270px}.hero-book2,.hero-book3,.hero-mobile{position:absolute;bottom:125px;left:70%;width:120px;z-index:4;animation:floatLaptop 5s ease-in-out infinite .5s}.hero-book3,.hero-mobile{left:67%;z-index:5}.hero-mobile{left:87%;z-index:4}@media (max-width:991px){.product-hero{text-align:center;padding:80px 0}.hero-content{margin-bottom:60px}.hero-content h1{font-size:28px}.hero-image{height:400px}.hero-laptop{width:340px}.hero-platform{width:390px;bottom:88px}.hero-mobile{width:95px}}.books-area .section-title{max-width:800px;margin:0 auto 50px}.books-area .book-content h3,.books-area .section-title h2{margin:15px 0;font-size:34px;font-weight:800;color:#173b45}.books-area .section-title p{margin:0;font-size:15px;line-height:2;color:#687d83}.book-card,.book-cover-me{position:relative;display:flex}.book-card{flex-direction:column;height:100%;margin:10px;background:rgba(255,255,255,.78);border:1px solid #ccc;border-radius:28px;overflow:hidden;box-shadow:0 10px 35px rgba(30,90,100,.07);transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease}.book-card:hover{transform:translateY(-7px);border-color:rgba(0,200,181,.35);box-shadow:0 18px 45px rgba(0,180,165,.13)}.book-cover-me{height:300px;align-items:center;justify-content:center;padding:25px;background:#fff}.book-cover-me img{max-width:100%;max-height:250px;width:auto;object-fit:contain;filter:drop-shadow(0 15px 18px rgba(0,0,0,.15));transition:transform .4s ease}.book-card:hover .book-cover-me img{transform:translateY(-7px) scale(1.03)}.books-area .book-content{padding:25px;text-align:right;flex:1;display:flex;flex-direction:column}.books-area .book-content h3{margin:0 0 12px;font-size:19px;line-height:1.8}.books-area .book-content p{margin:0 0 18px;font-size:14px;line-height:2;color:#687d83}.book-meta{margin-top:auto;padding-top:15px;border-top:1px solid #ccc}.book-meta span{gap:7px;color:#687d83}.book-meta i{color:#00a995}.book-btn,.books-carousel .owl-nav button{border:1px solid rgba(0,200,181,.25);background:#e7e7e7;color:#00a995;transition:.3s ease}.book-btn,.book-meta span{display:flex;align-items:center;font-size:13px}.book-btn{justify-content:center;gap:9px;margin-top:18px;padding:10px 18px;border-radius:25px;font-weight:700;text-decoration:none}.book-btn:hover{color:#fff;background:#00a995;border-color:#00a995;text-decoration:none}.book-btn i{font-size:11px}.books-carousel .owl-nav{margin-top:25px;display:flex;justify-content:center;gap:10px}.books-carousel .owl-nav button{width:42px;height:42px;border-radius:50%}.books-carousel .owl-nav button:hover{background:#00a995;color:#fff}.books-carousel .owl-dots{margin-top:15px}.books-carousel .owl-dot span{background:rgba(0,200,181,.25)}.books-carousel .owl-dot.active span{background:#00a995}@media (max-width:767px){.books-area{padding:60px 0}.books-area .section-title h2{font-size:27px}.book-cover{height:auto}.books-area .book-content{padding:22px}}.hero-list{margin:30px 0;padding:0}.hero-list li{list-style:none;margin-bottom:12px;font-size:17px;font-weight:500;color:#e6eef5}.hero-list li i{margin-right:10px;color:#3b82f6}.brand-thumb{padding:20px 0;text-align:center}.brand-thumb h2{font-size:48px;font-weight:700;color:#0d6efd;margin-bottom:10px}.brand-thumb p{font-size:18px;font-weight:600;color:#333;margin:0}.afeed-lang-switch,.process-icon{position:relative;display:flex;align-items:center}.afeed-lang-switch{justify-content:left;gap:14px;overflow:hidden;transition:.35s}.afeed-lang-switch a{color:#fff;text-decoration:none;font-size:14px;font-weight:600;transition:.35s;letter-spacing:.5px}.afeed-lang-switch a.active,.afeed-lang-switch a:hover,.contact-info-item a:hover{color:#00c8b5}.afeed-lang-switch .divider{width:1px;height:18px;background:rgba(255,255,255,.18)}.afeed-lang-switch .globe{color:#00c8b5;font-size:17px;transition:.35s}.projects-content ul{list-style:none;padding:0;text-align:center;font-size:14px;direction:rtl}.process-icon{width:100%;height:100%;justify-content:center;margin:0 auto 20px}.process-icon img{position:relative;z-index:5;max-width:100%;max-height:100%;width:auto;height:auto;display:block;transition:all .35s ease}.projects-content{display:flex;flex-direction:column;flex:1}.project-box-info .col-lg-3:last-child img{transform:scale(1.08);margin-top:4px}.projects-content hr{border-bottom:3px solid #00c8b5;width:20%;text-align:center;margin:10px auto;opacity:.9}.project-details-box hr{transition:.4s}.project-details-box:hover hr{width:80%;background:#00a995}.process-icon .wave{position:absolute;width:110px;height:110px;border:2px solid rgba(0,220,255,.35);border-radius:50%;opacity:0;transform:scale(.7);pointer-events:none;margin-left:40px;margin-top:10px}.project-details-box:hover .wave1{animation:waveEffect 2s ease-out infinite}.project-details-box:hover .wave2{animation:waveEffect 2s ease-out infinite .8s}.project-details-box:hover .process-icon img{transform:scale(1.04);filter:brightness(1.03) drop-shadow(0 0 5px rgba(0,220,255,.18))}@media (max-width:991px){.hero-content{margin-top:0}.hero-platform{width:390px}}.about-achievements li{list-style:none!important;position:relative;padding-right:28px;margin:5px 15px;line-height:1.9}.about-achievements li::before{content:"✓";position:absolute;right:0;top:0;font-weight:700;color:#1bcab4}.about-intro{position:relative;padding:0}.about-intro .section-tag{display:inline-flex;align-items:center;gap:8px;padding:8px 18px;border-radius:40px;color:#00c8b5;background:rgba(0,200,181,.07);border:1px solid rgba(0,200,181,.22);font-size:14px;margin-bottom:18px}.about-intro .section-title h2{margin:0;font-size:22px;line-height:1.5;font-weight:800;color:#173b45}.about-intro .section-title h2 span{display:block;color:#00c8b5}.about-intro .title-line{width:130px;height:4px;margin:25px auto;border-radius:30px;background:linear-gradient(90deg,transparent,#00c8b5,#00c8b5,#00c8b5,transparent);box-shadow:0 0 18px rgba(0,200,181,.45)}.about-text strong{color:#00a995;font-weight:700}.about-quote{display:flex;align-items:center;gap:18px;margin-top:30px;padding:20px 22px;border-radius:18px;background:#e7e7e7;border-right:4px solid #00c8b5;color:#315263;font-size:16px;line-height:1.9}.about-quote i{color:#00c8b5;font-size:25px;flex-shrink:0}.about-stats{display:grid;grid-template-columns:1fr 1fr 1fr;gap:18px;padding-right:20px;margin:20px}.stat-card,.stat-icon{display:flex;align-items:center}.stat-card{gap:16px;min-height:125px;padding:22px;border-radius:24px;background:rgba(255,255,255,.75);border:1px solid #ccc;box-shadow:0 12px 35px rgba(20,70,80,.06);transition:.35s}.stat-card:hover{transform:translateY(-6px);border-color:rgba(0,200,181,.4);box-shadow:0 18px 45px rgba(0,200,181,.12)}.stat-icon{width:55px;height:55px;min-width:55px;justify-content:center;border-radius:17px;color:#00c8b5;background:rgba(0,200,181,.08);font-size:22px}.stat-card strong{display:block;color:#00a995;font-size:30px;line-height:1.2;font-weight:800}.stat-card span{display:block;margin-top:7px;color:#687d83;font-size:14px}@media (max-width:991px){.about-text{padding:15px;margin-bottom:40px}.about-stats{padding-right:0}}@media (max-width:576px){.about-intro{padding:65px 0}.about-intro .section-title h2{font-size:20px}.about-text .about-lead{font-size:18px}.about-stats{grid-template-columns:1fr}.stat-card{min-height:105px;margin:15px}}.align-items-stretch{align-items:stretch;margin-bottom:50px}.services-area{position:relative;padding:80px 0;overflow:hidden}.services-area .section-title{max-width:850px;margin:0 auto 55px}.service-single-box h3,.services-area .section-title h2{font-size:34px;font-weight:800;margin:15px 0;color:#173b45}.service-single-box p,.services-area .section-title p{font-size:16px;line-height:2;color:#687d83;margin:0}.section-tag{display:inline-flex;align-items:center;gap:8px;padding:7px 16px;border:1px solid rgba(0,200,181,.25);border-radius:30px;background:rgba(0,200,181,.06);color:#00a995;font-weight:600}.section-tag,.section-tag i{font-size:14px}.service-single-box{position:relative;height:100%;padding:30px 25px;margin-bottom:0;background:rgba(255,255,255,.72);border:1px solid #ccc;border-radius:25px;box-shadow:0 10px 35px rgba(30,90,100,.07);text-align:center;transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease}.service-single-box:hover{transform:translateY(-8px);border-color:rgba(0,200,181,.38);box-shadow:0 18px 45px rgba(0,180,165,.13)}.row.g-4{--bs-gutter-x:1.5rem;--bs-gutter-y:1.5rem}.mb-5{margin-bottom:30px}.service-icon{width:72px;height:72px;margin:0 auto 22px;display:flex;align-items:center;justify-content:center;border-radius:20px;background:rgba(0,200,181,.08);border:1px solid #ccc;color:#00a995;font-size:29px;transition:.35s ease}.service-single-box:hover .service-icon{transform:scale(1.08);background:rgba(0,200,181,.13)}.service-single-box h3{margin:0 0 15px;font-size:19px}.service-single-box p{margin:0 0 20px;font-size:14px}.service-features{margin:0;list-style:none;text-align:right;border-top:1px solid #ccc;padding:15px 0 0}.service-features li{position:relative;display:flex;align-items:center;gap:8px;margin-bottom:9px;font-size:13px;color:#687d83}.experience-list li:last-child,.service-features li:last-child{margin-bottom:0}.service-features li i{color:#00a995;font-size:11px}.service-bottom-box{position:relative;margin-top:30px;padding:45px 35px;border-radius:30px;background:linear-gradient(135deg,rgba(0,200,181,.08),rgba(120,228,216,.04));border:1px solid rgba(0,200,181,.18);overflow:hidden}.service-bottom-content{max-width:850px;margin:0 auto;text-align:center}.service-bottom-content h2{margin:18px 0 12px;font-size:29px;font-weight:800;color:#173b45}.service-bottom-content p{max-width:750px;margin:0 auto 25px;font-size:15px;line-height:2.1;color:#687d83}.service-bottom-content .btn{border-radius:30px;transition:.3s ease}.service-bottom-content .btn:hover{transform:translateY(-3px)}@media (max-width:991px){.services-area{padding:65px 0}.services-area .section-title h2{font-size:30px}}@media (max-width:767px){.services-area{padding:50px 0}.services-area .section-title{margin-bottom:35px}.services-area .section-title h2{font-size:25px}.service-single-box{padding:25px 20px}.service-bottom-box{padding:35px 22px}.service-bottom-content h2{font-size:24px}}.product-intro-section{padding:50px 0;position:relative}.section-heading{margin:15px 0 25px}.product-intro,.section-heading.center{text-align:center;max-width:800px;margin:0 auto 35px}.section-heading h2{margin:0;font-size:20px;font-weight:700;color:#263238;padding-top:20px}.section-heading p{margin:15px auto 0;color:#687d83;line-height:1.9}.product-intro{max-width:950px;margin:0 auto 50px}.product-intro-content p{color:#687d83;line-height:2.1;font-size:16px;margin:0 0 12px}.product-benefits{margin-bottom:60px}.benefits-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.benefit-card{padding:30px 25px;text-align:center;background:#fff;border:1px solid #ccc;border-radius:22px;transition:all .3s ease}.benefit-card:hover{transform:translateY(-6px);border-color:rgba(0,200,181,.35);box-shadow:0 15px 40px rgba(0,200,181,.1)}.benefit-icon,.feature-card>i{align-items:center;justify-content:center;background:rgba(0,200,181,.08);color:#00c8b5}.benefit-icon{width:58px;height:58px;margin:0 auto 18px;display:flex;border-radius:18px;font-size:22px}.benefit-card h3{font-size:17px;margin:0 0 10px;color:#263238}.benefit-card p,.feature-card p{font-size:14px}.product-features-section{margin-bottom:60px}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature-card{position:relative;padding:28px 25px;background:#fff;border:1px solid #ccc;border-radius:20px;overflow:hidden;transition:all .3s ease}.feature-card:hover{transform:translateY(-5px);border-color:rgba(0,200,181,.3);box-shadow:0 14px 35px rgba(0,200,181,.08)}.feature-card>i{display:inline-flex;width:46px;height:46px;border-radius:14px;font-size:19px;margin-bottom:15px}.feature-number{position:absolute;top:18px;left:20px;font-size:25px;font-weight:700;color:rgba(0,200,181,.35)}.feature-card h3{margin:0 0 9px;font-size:16px;color:#263238}.user-panel-section{margin-bottom:50px}.product-development-box{display:flex;align-items:center;gap:25px;padding:35px 40px;border-radius:28px;background:rgba(0,200,181,.055);border:1px solid #ccc}.development-icon{min-width:70px;height:70px;display:flex;align-items:center;justify-content:center;border-radius:20px;background:rgba(0,200,181,.1);color:#00c8b5;font-size:28px}.development-content>span{display:block;color:#00c8b5;font-size:13px;font-weight:600;margin-bottom:6px}.development-content h2{margin:0 0 8px;font-size:22px;color:#263238}.benefit-card p,.development-content p,.feature-card p{margin:0;color:#687d83;line-height:1.9}@media (max-width:991px){.benefits-grid,.features-grid{grid-template-columns:repeat(2,1fr)}.product-intro-section{padding:70px 0}}@media (max-width:575px){.section-heading h2{font-size:25px}.benefits-grid,.features-grid{grid-template-columns:1fr}.product-intro{margin-bottom:70px}.product-benefits,.product-features-section{margin-bottom:75px}.product-development-box{flex-direction:column;text-align:center;padding:30px 22px}}.about-intro .section-title{text-align:center;max-width:100%;margin:0 auto 25px}.contact-section .section-title{max-width:750px;margin:0 auto 55px}.contact-section .section-title span{display:inline-block;margin-bottom:12px;color:#00c8b5;font-size:16px;font-weight:600}.contact-section .section-title h2{margin-bottom:18px;font-size:42px;font-weight:800}.contact-section .section-title p{margin:0;color:#687d83;font-size:17px;line-height:2}.contact-form,.contact-info{height:100%;padding:35px;border-radius:25px;border:1px solid #ccc;background:rgba(255,255,255,.65);box-shadow:0 15px 45px rgba(0,0,0,.05)}.contact-form h3,.contact-info h3{margin-bottom:12px;font-size:25px;font-weight:700}.contact-form>p,.contact-info>p{margin-bottom:30px;color:#687d83;line-height:1.9}.contact-form .form-group{margin-bottom:18px}.contact-form input,.contact-form textarea{width:100%;padding:14px 18px;border:1px solid rgba(0,0,0,.08);border-radius:12px;outline:0;background:rgba(255,255,255,.8);color:#333;font-family:inherit;font-size:15px;transition:all .3s ease}.contact-form input{height:52px}.contact-form textarea{resize:vertical;min-height:140px}.contact-form input:focus,.contact-form textarea:focus{border-color:#00c8b5;box-shadow:0 0 0 3px rgba(0,200,181,.08)}.contact-form .btn-main{border:0;cursor:pointer}.contact-info-item{display:flex;align-items:center;gap:16px;margin-bottom:22px}.contact-info-icon{flex:0 0 48px;width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:14px;background:rgba(0,200,181,.09);color:#00c8b5;font-size:18px}.contact-info-item span{display:block;margin-bottom:4px;color:#687d83;font-size:13px}.contact-info-item a,.social-links a{color:#333;text-decoration:none;font-size:15px;transition:color .3s ease}.contact-info-item p{margin:0;color:#333;font-size:15px}.contact-social{margin-top:35px;padding-top:25px;border-top:1px solid rgba(0,0,0,.07)}.contact-social h4{margin-bottom:18px;font-size:17px;font-weight:700}.social-links{display:flex;gap:10px}.social-links a{width:42px;height:42px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:rgba(0,200,181,.08);color:#00c8b5;font-size:17px;transition:all .3s ease}.social-links a:hover{transform:translateY(-3px);background:#00c8b5;color:#fff;box-shadow:0 8px 20px rgba(0,200,181,.2)}@media (max-width:991px){.contact-form{margin-bottom:25px}.contact-section{padding:80px 0}}@media (max-width:767px){.contact-section{padding:65px 0}.contact-section .section-title h2{font-size:32px}.contact-section .section-title p{font-size:15px}.contact-form,.contact-info{padding:25px 20px}}.book-showcase{position:relative;width:100%;min-height:550px;background:linear-gradient(90deg,rgba(3,7,25,.15),rgba(3,7,25,.05)),url(../images/books/mybook-bg.webp)center center/cover no-repeat;padding:0 0 10px;overflow:hidden;direction:rtl}.book-container{width:min(1120px,92%);min-height:560px;margin:auto;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:40px}.book-showcase .book-content{position:relative;z-index:10;padding:25px;flex:1;display:flex;flex-direction:column;text-align:right}.book-badge{display:inline-flex;align-items:center;gap:8px;padding:7px 16px;border:1px solid rgba(0,210,190,.25);border-radius:30px;color:#00c8b5;background:rgba(0,200,181,.05);font-size:13px;margin-bottom:20px}.book-badge>span{width:7px;height:7px;border-radius:50%;background:#00c8b5;box-shadow:0 0 10px #00c8b5}.book-title{margin:0;color:#fff;font-size:30px;font-weight:800;line-height:1.25}.book-title strong{color:#00c8b5;font-weight:900}.book-subtitle{margin:18px 0 10px;color:#f2f5ff;font-size:20px;font-weight:600}.book-description{max-width:520px;color:rgba(255,255,255,.65);line-height:2;font-size:15px;margin-bottom:25px}.book-features{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:25px}.book-feature{display:flex;align-items:center;gap:8px;padding:9px 14px;border-radius:9px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.035);color:rgba(255,255,255,.85);font-size:13px}.feature-icons{color:#00c8b5;font-size:26px}.book-visual{position:relative;height:560px;display:flex;align-items:center;justify-content:center}.book-glow,.main-book::after{position:absolute;filter:blur(10px)}.book-glow{width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(0,200,185,.18)0,rgba(0,130,150,.08) 35%,transparent 70%);z-index:0}.main-book{position:relative;width:260px;z-index:5;transition:transform .5s ease,opacity .25s ease}.main-book::after{content:"";left:50%;bottom:16px;transform:translateX(-50%);width:70%;height:26px;background:radial-gradient(ellipse,rgba(0,0,0,.38)0,rgba(0,0,0,.18) 45%,transparent 80%);z-index:-1}.main-book:hover{transform:perspective(1400px) rotateY(-4deg) rotateZ(-1deg) translateY(-10px)}.main-book:hover::after{width:62%;filter:blur(16px);opacity:.75}.book-cover{position:relative;width:100%;overflow:hidden;border-radius:3px 8px 8px 3px}.book-cover::after{content:"";inset:0}.book-cover img,.book-selector-item img{display:block;width:100%;height:auto}.book-platform{position:absolute;bottom:90px;left:50%;transform:translateX(-50%);width:550px;height:55px;z-index:3}.book-cover::after,.platform-light{position:absolute;pointer-events:none}.platform-light{left:0;right:50px;top:0;height:108px;background-image:url(../images/books/pattern-book.webp);background-repeat:no-repeat;background-position:center;background-size:100% 100%;z-index:-1;width:450px}.book-selector{position:relative;z-index:20;display:flex;justify-content:center;gap:12px;margin-top:0}.book-selector-item{width:38px;height:52px;padding:3px;border-radius:5px;border:1px solid rgba(255,255,255,.12);background:rgba(0,0,0,.25);cursor:pointer;opacity:.5;transition:opacity .25s ease,transform .25s ease,border-color .25s ease,box-shadow .25s ease}.book-selector-item img{height:100%;object-fit:cover}.book-selector-item:hover{opacity:.85;transform:translateY(-4px)}.book-selector-item.active{opacity:1;border-color:#00c8b5;box-shadow:0 0 20px rgba(0,200,181,.2);transform:translateY(-5px)}@media (max-width:1024px){.book-showcase{min-height:auto;padding:60px 0 35px}.book-container{width:min(920px,92%);grid-template-columns:1fr 1fr;gap:20px}.book-title{font-size:24px}.book-subtitle{font-size:17px}.book-description{font-size:14px}.book-visual{height:500px}.main-book{width:290px}.book-back{width:220px}.book-platform{width:370px}.book-glow{width:350px;height:350px}}@media (max-width:768px){.book-container{width:calc(100% - 30px);min-height:auto;display:flex;flex-direction:column;gap:0}.book-visual{order:1;width:100%;height:430px;margin-top:5px}.book-selector{order:2;position:relative;z-index:20;display:flex;justify-content:center;gap:9px;margin-top:0;margin-bottom:22px}.book-showcase .book-content{padding:22px;order:3;width:100%;max-width:560px;margin:0 auto;text-align:center}.book-badge{font-size:11px;padding:6px 13px}.book-title{margin:12px 0 10px;line-height:1.4}.book-subtitle{margin:12px 0 8px;font-size:15px;line-height:1.8}.book-description{margin:0 auto 20px;font-size:12.5px;line-height:2}.book-features{justify-content:center;gap:7px;margin-bottom:20px}.book-feature{padding:7px 10px;font-size:11px}.main-book{width:min(280px,68vw)}.book-back{display:none}.book-platform{width:min(340px,82vw);height:50px;bottom:28px}.book-glow{width:min(300px,76vw);height:min(300px,76vw);filter:blur(6px)}.book-selector-item{width:52px;height:64px}}@media (max-width:480px){.book-showcase{padding:40px 0 25px}.book-container{width:calc(100% - 24px)}.book-title{font-size:19px}.book-subtitle{font-size:13px}.book-description{font-size:11.5px}.book-feature{font-size:10px;padding:6px 8px}.book-visual{height:380px}.main-book{width:min(245px,67vw)}.book-platform{width:min(550px,300vw);height:45px;bottom:8%}.book-glow{width:230px;height:230px}.book-selector-item{width:48px;height:60px}}@media (prefers-reduced-motion:reduce){.book-cover img,.book-selector-item,.main-book{transition:none}}@media (min-width:992px){.col-lg-5,.col-lg-7{flex:0 0 auto;width:58.33333333%}.col-lg-5{width:41.66666667%}}.article-meta,.breadcrumb{display:flex;flex-wrap:wrap;font-size:12px;line-height:1.8}.article-meta{gap:6px 18px;margin-top:8px;margin-bottom:25px;color:#888}.breadcrumb{align-items:center;gap:6px;margin-bottom:12px;color:#fff}.breadcrumb a{color:#fff;transition:color .2s ease}.breadcrumb a:hover{color:#1bcab4}.breadcrumb span[aria-hidden=true]{color:#bbb}.breadcrumb span[aria-current=page]{color:#fff}.experience-list{margin:0;padding-right:28px}.experience-list li{margin-bottom:3px;padding-right:6px;line-height:2}.breadcrumb a,.experience-list a{text-decoration:none}.product-preview img{display:block;width:100%;height:auto;padding-bottom:30px}.article-toc ul{list-style:none;padding:0;line-height:30px;margin-bottom:30px}.checklist{list-style:none;padding-right:0}.checklist li{position:relative;padding-right:28px;margin-bottom:10px}.checklist li::before{content:"☐";position:absolute;right:0;top:0;font-size:18px}.article-breadcrumb{margin-top:140px;text-align:center}