.brandbook-hero{position:relative;overflow:hidden;color:#fff;background:linear-gradient(120deg,#03102b 0%,#052a75 52%,#0874ef 100%)}
.brandbook-hero:after{content:"";position:absolute;width:760px;height:760px;border:1px solid rgba(104,198,255,.25);border-radius:50%;right:-250px;top:-340px;box-shadow:0 0 0 90px rgba(44,154,255,.055),0 0 0 180px rgba(44,154,255,.035)}
.brandbook-hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(95,180,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(95,180,255,.08) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(90deg,#000,transparent 85%)}
.brandbook-hero-inner{position:relative;z-index:2;min-height:480px;display:grid;grid-template-columns:1fr 360px;align-items:center;gap:70px;padding:65px 0}
.brandbook-hero .back-link{margin-bottom:28px}.brandbook-hero h1{font-size:clamp(4.2rem,8vw,7.2rem);line-height:.88;letter-spacing:-.07em;margin:0 0 26px}.brandbook-hero h1 span{color:#61c7ff}.brandbook-hero p{font-size:1.18rem;color:#c6daf4;max-width:730px;margin:0}
.brandbook-hero-card{min-height:280px;border-radius:34px;background:linear-gradient(145deg,rgba(255,255,255,.14),rgba(255,255,255,.045));border:1px solid rgba(255,255,255,.23);backdrop-filter:blur(18px);display:grid;grid-template-columns:95px 1fr;grid-template-rows:auto auto auto;align-content:center;padding:35px;box-shadow:0 35px 80px rgba(0,0,0,.2)}
.brandbook-hero-card img{width:84px;height:84px;object-fit:contain;grid-row:1/4}.brandbook-hero-card span{font-size:4rem;line-height:.8;font-weight:950}.brandbook-hero-card small{font-size:1rem;color:#bcd6f3;font-weight:800}.brandbook-hero-card b{margin-top:28px;color:#64c5ff;text-transform:uppercase;letter-spacing:.13em;font-size:.78rem}
.brandbook-reader-section{padding:90px 0 110px;background:var(--bg)}.reader-heading{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:35px}.reader-heading h2{font-size:clamp(2.5rem,5vw,4.5rem);line-height:1;margin:0;letter-spacing:-.05em}.reader-heading-actions{display:flex;gap:10px;flex-wrap:wrap}.reader-action{border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:14px;padding:12px 16px;font-weight:900;cursor:pointer;box-shadow:0 8px 24px rgba(10,47,101,.06)}.reader-action:hover{border-color:var(--blue);color:var(--blue)}
.book-reader{border:1px solid var(--line);background:var(--surface);border-radius:30px;padding:20px;box-shadow:var(--shadow)}.book-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:3px 5px 16px}.book-toolbar>div:first-child{display:flex;flex-direction:column}.book-toolbar span{color:var(--muted);font-size:.78rem;font-weight:900;text-transform:uppercase;letter-spacing:.1em}.book-toolbar strong{font-size:1.05rem}.page-counter{display:flex;align-items:baseline;gap:6px;font-weight:950}.page-counter span:first-child{font-size:1.7rem;color:var(--blue)}.page-counter i{font-style:normal;color:var(--muted)}
.book-stage{position:relative;display:grid;grid-template-columns:58px minmax(0,1fr) 58px;align-items:center;gap:14px;outline:none}.book-stack{position:relative;aspect-ratio:16/9;perspective:1800px;border-radius:18px;background:#03102a;overflow:hidden;box-shadow:0 30px 60px rgba(3,18,45,.24),0 2px 0 rgba(255,255,255,.5) inset}.book-page{position:absolute;inset:0;transform-style:preserve-3d;backface-visibility:hidden;background:#fff}.book-page img{width:100%;height:100%;object-fit:contain;background:#fff}.book-page--under{z-index:1}.book-page--front{z-index:2}.book-page-glare{position:absolute;z-index:4;inset:0;pointer-events:none;background:linear-gradient(100deg,transparent 0 45%,rgba(255,255,255,.24) 50%,transparent 56%);opacity:0}
.book-stack.flip-next .book-page--front{transform-origin:left center;animation:pageNext .58s cubic-bezier(.55,.05,.25,1) forwards}.book-stack.flip-prev .book-page--front{transform-origin:right center;animation:pagePrev .58s cubic-bezier(.55,.05,.25,1) forwards}.book-stack.flip-next .book-page-glare,.book-stack.flip-prev .book-page-glare{animation:glare .58s ease}
@keyframes pageNext{0%{transform:rotateY(0);filter:brightness(1)}55%{filter:brightness(.72)}100%{transform:rotateY(-105deg);filter:brightness(.45);opacity:.25}}
@keyframes pagePrev{0%{transform:rotateY(0);filter:brightness(1)}55%{filter:brightness(.72)}100%{transform:rotateY(105deg);filter:brightness(.45);opacity:.25}}
@keyframes glare{0%{opacity:0;transform:translateX(-40%)}45%{opacity:.7}100%{opacity:0;transform:translateX(40%)}}
.book-arrow{width:52px;height:74px;border:1px solid var(--line);border-radius:18px;background:var(--surface);color:var(--text);font-size:2.5rem;line-height:1;cursor:pointer;box-shadow:0 10px 25px rgba(9,46,101,.08);transition:.2s}.book-arrow:hover:not(:disabled){transform:translateY(-2px);border-color:var(--blue);color:var(--blue)}.book-arrow:disabled{opacity:.28;cursor:not-allowed}.book-stage:focus-visible .book-stack{outline:4px solid rgba(18,104,243,.25);outline-offset:5px}
.book-navigation{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;margin:18px 64px 0}.book-navigation button{border:0;background:transparent;color:var(--blue);font-weight:900;cursor:pointer}.book-navigation input{accent-color:var(--blue);width:100%}.book-hint{text-align:center;color:var(--muted);font-size:.82rem;margin:11px 0 20px}
.chapter-tabs{display:flex;gap:8px;overflow-x:auto;padding:4px 4px 12px;scrollbar-width:thin}.chapter-tab{white-space:nowrap;border:1px solid var(--line);background:var(--surface);border-radius:99px;padding:8px 12px;color:var(--muted);font-size:.78rem;font-weight:900;cursor:pointer}.chapter-tab:hover,.chapter-tab.active{color:#fff;background:var(--blue);border-color:var(--blue)}
.thumbnail-strip{display:flex;gap:10px;overflow-x:auto;padding:6px 4px 8px;scroll-snap-type:x proximity;scrollbar-width:thin}.thumbnail{flex:0 0 150px;border:2px solid transparent;background:transparent;border-radius:12px;padding:0;overflow:hidden;cursor:pointer;position:relative;scroll-snap-align:start}.thumbnail img{width:100%;aspect-ratio:16/9;object-fit:cover;background:#fff}.thumbnail span{position:absolute;left:7px;bottom:7px;min-width:27px;height:27px;border-radius:8px;background:rgba(3,18,48,.84);color:#fff;display:grid;place-items:center;font-size:.72rem;font-weight:950}.thumbnail.active{border-color:var(--blue);box-shadow:0 0 0 3px rgba(18,104,243,.12)}
.brandbook-objects{padding:100px 0;background:var(--surface2)}.object-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.object-cards button{text-align:left;border:1px solid var(--line);background:var(--surface);border-radius:22px;padding:23px;min-height:170px;cursor:pointer;color:var(--text);transition:.25s;box-shadow:0 10px 28px rgba(8,46,103,.06)}.object-cards button:hover{transform:translateY(-5px);border-color:var(--blue);box-shadow:var(--shadow)}.object-cards span{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--surface2);color:var(--blue);font-weight:950}.object-cards b,.object-cards small{display:block}.object-cards b{font-size:1.08rem;margin-top:20px}.object-cards small{color:var(--muted);margin-top:5px}
.footer-tools{display:inline-flex;gap:7px;margin-left:10px;vertical-align:middle}.footer .footer-tool{display:inline-flex;margin:0;padding:6px 10px;border:1px solid rgba(255,255,255,.16);border-radius:9px;color:#a7bad0;font-weight:850;text-decoration:none;opacity:1}.footer .footer-tool:hover,.footer .footer-tool.is-active{color:#fff;border-color:#3ca9ff;background:rgba(33,135,248,.16)}
.book-reader:fullscreen{background:var(--bg);padding:18px;overflow:auto}.book-reader:fullscreen .book-stack{max-height:calc(100vh - 185px);margin:auto}.book-reader:fullscreen .book-stage{max-width:1500px;margin:auto}.book-reader:fullscreen .thumbnail-strip{display:none}.book-reader:fullscreen .book-hint{display:none}
@media(max-width:1050px){.brandbook-hero-inner{grid-template-columns:1fr 270px}.brandbook-hero-card{min-height:230px}.object-cards{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.brandbook-hero-inner{grid-template-columns:1fr;min-height:520px;padding:55px 0}.brandbook-hero-card{display:none}.brandbook-hero h1{font-size:clamp(4rem,19vw,6rem)}.reader-heading{align-items:flex-start;flex-direction:column}.book-reader{padding:12px;border-radius:20px}.book-stage{grid-template-columns:1fr}.book-arrow{position:absolute;z-index:8;top:50%;transform:translateY(-50%);width:43px;height:58px;background:rgba(3,16,43,.78);color:#fff;border-color:rgba(255,255,255,.25);backdrop-filter:blur(10px)}.book-arrow:hover:not(:disabled){transform:translateY(-50%)}.book-arrow--prev{left:8px}.book-arrow--next{right:8px}.book-stack{border-radius:12px}.book-navigation{margin:15px 4px 0;grid-template-columns:1fr}.book-navigation button{display:none}.thumbnail{flex-basis:118px}.object-cards{grid-template-columns:1fr}.brandbook-reader-section,.brandbook-objects{padding:70px 0}.footer-tools{margin:8px 0 0;display:flex}}
@media(prefers-reduced-motion:reduce){.book-stack.flip-next .book-page--front,.book-stack.flip-prev .book-page--front,.book-stack.flip-next .book-page-glare,.book-stack.flip-prev .book-page-glare{animation-duration:.01ms!important}}