.booklet-page{--ink:#101c31;--muted:#66748a;--line:#e1e8f0;--blue:#2364d2;--blue2:#0a4eac;--soft:#f4f7fb;--dark:#0d192d;--aqua:#bde9e8}
.booklet-page h1,.booklet-page h2,.booklet-page h3,.booklet-page h4,.booklet-page h5,.booklet-page .navbar-brand{font-family: Manrope,sans-serif; letter-spacing: -.045em;}
.booklet-page h1{font-weight: 800; line-height: 1.08; font-size: clamp(2.7rem,5vw,5.4rem);}
.booklet-page h2{font-weight: 800; font-size: clamp(2rem,3.6vw,3.55rem); line-height: 1.14;}
.booklet-page h3{font-weight: 750;}
.booklet-page .container{max-width: 1190px;}
.booklet-page .small-label{text-transform: uppercase; font-size: .72rem; letter-spacing: .19em; color: var(--blue); font-weight: 800;}
.booklet-page .text-muted-custom{color: var(--muted);}
.booklet-page .section-space{padding: 110px 0;}
.booklet-page .navbar{padding: 18px 0; background: rgba(255,255,255,.97); border-bottom: 1px solid #edf1f5; backdrop-filter: blur(20px);}
.booklet-page .navbar-brand{font-size: 1.43rem; font-weight: 800; letter-spacing: -.065em;}
.booklet-page .brand-square{display: inline-grid; place-items: center; color: white; background: var(--blue); width: 28px; height: 28px; border-radius: 7px; font-size: .9rem; margin-right: 8px;}
.booklet-page .navbar-nav .nav-link{color: #32435e; font-weight: 600; font-size: .88rem; margin: 0 11px;}
.booklet-page .navbar-nav .nav-link:hover{color: var(--blue);}
.booklet-page .btn{font-weight: 700; border-radius: 9px; padding: .83rem 1.25rem; font-size: .91rem;}
.booklet-page .btn-primary{background: var(--blue); border-color: var(--blue);}
.booklet-page .btn-primary:hover{background: var(--blue2);}
.booklet-page .btn-outline-dark{border-color: #bcc7d5; color: var(--ink);}
.booklet-page .btn-outline-dark:hover,.booklet-page .btn-outline-dark:focus-visible{background: var(--ink); border-color: var(--ink); color: #fff;}
.booklet-page .btn-white{background: #fff; color: var(--ink);}
.booklet-page .hero{padding: 85px 0 76px; background: radial-gradient(circle at 90% 10%,#d6ebfb 0,transparent 32%),linear-gradient(115deg,#f6f9fd,#edf5ff); overflow: hidden;}
.booklet-page .hero .lead{color: #52627b; line-height: 1.8; font-size: 1.08rem; max-width: 555px;}
.booklet-page .hero-photo{border-radius: 23px; overflow: hidden; box-shadow: 0 30px 70px #16416a25; position: relative; background: #e4eefa;}
.booklet-page .hero-photo img{display: block; width: 100%; height: 505px; object-fit: cover; object-position: center;}
.booklet-page .photo-tag{position: absolute; bottom: 20px; left: 20px; background: #ffffffed; padding: 13px 17px; border-radius: 12px; box-shadow: 0 6px 22px #15213a20; max-width: 290px;}
.booklet-page .photo-tag span{font-size: .76rem; color: #64748b;}
.booklet-page .dot{display: inline-block; width: 9px; height: 9px; border-radius: 50%; background: #40bbac; margin-right: 6px;}
.booklet-page .hero-chips{display: flex; gap: 10px; flex-wrap: wrap;}
.booklet-page .hero-chips span{font-size: .78rem; font-weight: 700; color: #47617f; padding: 9px 12px; background: #fff; border: 1px solid #deebf5; border-radius: 100px;}
.booklet-page .visual-note{font-size: .77rem; color: #78869a;}
.booklet-page .divider-line{height: 1px; background: var(--line);}
.booklet-page .mini-stat{border-left: 2px solid #bed6f6; padding-left: 16px;}
.booklet-page .mini-stat strong{display: block; font-size: 1.03rem;}
.booklet-page .mini-stat span{display: block; font-size: .8rem; color: #6c7990; margin-top: 3px;}
.booklet-page .section-intro{max-width: 680px;}
.booklet-page .card-clean{border: 1px solid #e3eaf1; border-radius: 18px; overflow: hidden; height: 100%; background: #fff; transition: transform .2s,box-shadow .2s;}
.booklet-page .card-clean:hover{transform: translateY(-4px); box-shadow: 0 18px 44px #17345c10;}
.booklet-page .app-img{width: 100%; height: 235px; object-fit: cover; display: block;}
.booklet-page .app-body{padding: 27px;}
.booklet-page .app-body h3{font-size: 1.22rem; font-weight: 800;}
.booklet-page .app-body p{font-size: .93rem; line-height: 1.7; color: var(--muted); margin-bottom: 18px;}
.booklet-page .chip{display: inline-block; background: #edf4fc; padding: 7px 10px; border-radius: 6px; color: #3c618d; font-size: .72rem; font-weight: 700; margin: 3px 4px 0 0;}
.booklet-page .editorial{background: #f5f8fc;}
.booklet-page .wide-img{width: 100%; object-fit: cover; border-radius: 20px; box-shadow: 0 15px 30px #1b3b6210;}
.booklet-page .features-grid{display: grid; grid-template-columns: 1fr 1fr; gap: 18px;}
.booklet-page .feature-item{border-top: 1px solid #d8e1eb; padding: 22px 4px 0;}
.booklet-page .feature-item .num{font-size: .73rem; font-weight: 800; color: var(--blue); letter-spacing: .1em;}
.booklet-page .feature-item h4{font-size: 1rem; font-weight: 800; margin: 10px 0;}
.booklet-page .feature-item p{font-size: .88rem; color: var(--muted); line-height: 1.7;}
.booklet-page .blue-panel{background: var(--dark); border-radius: 27px; overflow: hidden; color: white;}
.booklet-page .blue-panel h2{color: white;}
.booklet-page .blue-panel p{color: #c1cee0; line-height: 1.8;}
.booklet-page .blue-panel .small-label{color: #80b3ff;}
.booklet-page .panel-image{width: 100%; height: 390px; object-fit: cover; border-radius: 17px; background: #fff;}
.booklet-page .icon-circle{display: inline-grid; place-items: center; width: 43px; height: 43px; background: #eaf2ff; border-radius: 12px; color: var(--blue); font-size: 1.25rem; margin-bottom: 17px;}
.booklet-page .step-card{padding: 25px; border: 1px solid #e0e8f2; border-radius: 15px; height: 100%;}
.booklet-page .step-no{font-size: .77rem; color: var(--blue); font-weight: 800; letter-spacing: .1em;}
.booklet-page .step-card h4{font-size: 1.08rem; font-weight: 800; margin-top: 15px;}
.booklet-page .step-card p{font-size: .9rem; line-height: 1.7; color: var(--muted); margin-bottom: 0;}
.booklet-page .support-bar{background: #eaf2fc; border: 1px solid #d7e5f7; border-radius: 16px; padding: 22px 25px;}
.booklet-page .support-bar p{margin: 0; color: #556981; font-size: .9rem;}
.booklet-page .cta{background: linear-gradient(135deg,#152d56,#0b1b31); color: white; border-radius: 27px; padding: 65px;}
.booklet-page .cta h2{color: white;}
.booklet-page .cta p{color: #c8d4e5; max-width: 590px; line-height: 1.8;}
.booklet-page footer{background: #091322; color: #e5ecf6; padding: 44px 0 30px;}
.booklet-page footer a{color: #b1c1d7; text-decoration: none;}
.booklet-page footer a:hover{color: #fff;}
.booklet-page footer .footer-small{color: #8ea0b9; font-size: .83rem;}
.booklet-page .photo-credits{font-size: .75rem; color: #8794a8;}
.booklet-page .small-underline{width: 41px; height: 3px; background: var(--blue); border-radius: 5px; margin-bottom: 16px;}
@media (max-width:991.98px){.booklet-page .section-space{padding: 75px 0;}
.booklet-page .hero{padding: 55px 0;}
.booklet-page .hero-photo img{height: 410px;}
.booklet-page .navbar-nav .nav-link{margin: 3px 0;}
}@media (max-width:767.98px){.booklet-page .section-space{padding: 62px 0;}
.booklet-page .hero{padding: 44px 0;}
.booklet-page .hero-photo img{height: 320px;}
.booklet-page .app-img{height: 215px;}
.booklet-page .features-grid{gap: 12px;}
.booklet-page .blue-panel{border-radius: 20px;}
.booklet-page .panel-image{height: 255px;}
.booklet-page .cta{padding: 38px 28px; border-radius: 19px;}
.booklet-page h1{font-size: clamp(2.35rem,10vw,3.4rem);}
}@media (prefers-reduced-motion:reduce){.booklet-page .card-clean{transition: none;}
}.booklet-page .faq-section{background: #f4f7fb;}
.booklet-page .faq-section .accordion{border-radius: 16px; overflow: hidden; border: 1px solid var(--line); background: #fff;}
.booklet-page .faq-section .accordion-item{border: 0; border-bottom: 1px solid var(--line);}
.booklet-page .faq-section .accordion-item:last-child{border-bottom: 0;}
.booklet-page .faq-section .accordion-button{padding: 22px 26px; font-weight: 700; color: var(--ink); font-size: .98rem; box-shadow: none;}
.booklet-page .faq-section .accordion-button:not(.collapsed){background: #edf4ff; color: var(--blue); box-shadow: none;}
.booklet-page .faq-section .accordion-body{padding: 2px 26px 26px; color: var(--muted); line-height: 1.85;}
.booklet-page .faq-section .accordion-body a{color: var(--blue);}
.booklet-page .hero h1 { font-size:clamp(2.5rem,4.2vw,4.2rem); line-height:1.12; }
.booklet-page .hero-copy { display:flex; flex-direction:column; justify-content:center; }
.booklet-page .hero-photo { height:100%; min-height:380px; border-radius:0; box-shadow:none; background:transparent; }
.booklet-page .hero-photo img { height:100%; min-height:380px; object-fit:contain; mix-blend-mode:multiply; }
@media(max-width:991.98px) { .booklet-page .hero-photo,.booklet-page .hero-photo img { min-height:0; height:auto; } }