:root {
    --bg: #f6f9ff;
    --bg-2: #edf4ff;
    --surface: rgba(255,255,255,.84);
    --surface-2: #ffffff;
    --border: rgba(22, 63, 243, .10);
    --text: #132238;
    --muted: #4f6482;
    --blue: #163ff3;
    --cyan: #19d0f2;
    --cyan-soft: rgba(25, 208, 242, .12);
    --shadow: 0 24px 60px rgba(19, 34, 56, .08);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:linear-gradient(180deg,#eef7ff 0%,#e7f2ff 46%,#eef7ff 100%);color:var(--text);position:relative;overflow-x:hidden}body::before{content:'';position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.88;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='620' height='420' viewBox='0 0 620 420' fill='none'%3E%3Cg opacity='.78' stroke='%23c6ddf9' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M36 86c34 0 62 28 62 62v102'/%3E%3Cpath d='M110 86c-34 0-62 28-62 62v102'/%3E%3Cpath d='M210 122h62c18 0 32 14 32 32v66h-94c-18 0-32-14-32-32v-34c0-18 14-32 32-32Z'/%3E%3Cpath d='M304 122h-62c-18 0-32 14-32 32v66h94c18 0 32-14 32-32v-34c0-18-14-32-32-32Z'/%3E%3Cpath d='M398 90c28 16 44 42 44 72v64'/%3E%3Cpath d='M514 90c-28 16-44 42-44 72v64'/%3E%3Cpath d='M78 306c42-32 98-50 156-50 58 0 114 18 156 50'/%3E%3Cpath d='M410 300h128'/%3E%3Cpath d='M474 246v108'/%3E%3Cpath d='M552 118l10-16 10 16 16 3-12 12 3 16-17-9-17 9 3-16-12-12 16-3Z'/%3E%3Cpath d='M360 56h28'/%3E%3Cpath d='M374 42v28'/%3E%3C/g%3E%3C/svg%3E");background-size:520px auto;background-repeat:repeat;background-position:center top}body::after{display:none}
a{color:inherit}.text-muted-soft,.text-muted-soft *{color:var(--muted)!important;opacity:1!important}.text-cyan{color:var(--blue)!important}
.site-header{backdrop-filter: blur(18px);background:rgba(255,255,255,.86);border-bottom:1px solid rgba(22,63,243,.08);box-shadow:0 8px 30px rgba(22,63,243,.05)}
.navbar-toggler{border:1px solid rgba(22,63,243,.15)}.navbar-toggler:focus{box-shadow:none}.navbar-toggler-icon{filter:contrast(.2)}
.brand-mark{width:54px;height:54px;object-fit:cover;border-radius:18px;box-shadow:0 14px 30px rgba(22,63,243,.16)}
.brand-name{font-size:1rem;letter-spacing:.02em;color:var(--blue)}.brand-subtitle{font-size:.82rem;color:var(--muted)}
.nav-link{color:var(--text)!important;font-weight:600}.nav-link:hover{color:var(--blue)!important}
.btn-primary-pill,.btn-soft{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:.9rem 1.35rem;font-weight:700;text-decoration:none;transition:all .28s ease;border:1px solid transparent;position:relative;overflow:hidden}
.btn-primary-pill{background:linear-gradient(135deg,var(--cyan),var(--blue));color:#fff!important;box-shadow:0 14px 30px rgba(22,63,243,.18), inset 0 1px 0 rgba(255,255,255,.28)}
.btn-primary-pill:hover{transform:translateY(-2px) scale(1.01);color:#fff!important}.btn-primary-pill::after,.btn-soft::after{content:'';position:absolute;inset:0;background:linear-gradient(120deg, transparent 20%, rgba(255,255,255,.22), transparent 78%);transform:translateX(-135%);transition:transform .55s ease;pointer-events:none}.btn-primary-pill:hover::after,.btn-soft:hover::after{transform:translateX(135%)}.btn-primary-pill:focus,.btn-soft:focus{box-shadow:0 0 0 .22rem rgba(25,208,242,.18)!important}
.btn-soft{background:rgba(255,255,255,.92);border-color:rgba(22,63,243,.08);color:var(--blue)!important;box-shadow:0 10px 25px rgba(19,34,56,.06), inset 0 1px 0 rgba(255,255,255,.72)}
.btn-soft:hover{background:var(--bg-2);color:var(--blue)!important;border-color:rgba(22,63,243,.14)}
.small-btn{padding:.6rem 1rem;font-size:.92rem}
.hero-section,.auth-section,.page-hero{padding:6rem 0 4rem;position:relative;overflow:hidden}.slim-hero{padding:4.5rem 0 2rem}.section-space{padding:4rem 0}
.hero-card,.glass-card,.stat-card{background:linear-gradient(180deg, rgba(255,255,255,.95), rgba(248,252,255,.92));border:1px solid var(--border);border-radius:28px;box-shadow:var(--shadow);backdrop-filter:blur(18px);position:relative;overflow:hidden}.glass-tile{background:linear-gradient(145deg, rgba(255,255,255,.78), rgba(247,251,255,.52));border:1px solid rgba(255,255,255,.72)!important;box-shadow:0 22px 48px rgba(19,34,56,.08), inset 0 1px 0 rgba(255,255,255,.68);backdrop-filter:blur(24px) saturate(148%)}.glass-tile::after{content:'';position:absolute;inset:0;background:radial-gradient(circle at var(--glow-x,50%) var(--glow-y,50%), rgba(255,255,255,.38), transparent 42%);opacity:.9;pointer-events:none}.tilt-card{transform:none!important;transform-style:flat;transition:box-shadow .26s ease}.tilt-card:hover{transform:none!important;box-shadow:0 30px 60px rgba(19,34,56,.12), inset 0 1px 0 rgba(255,255,255,.7)}
.bright-card{position:relative;overflow:hidden}.bright-card::before{content:'';position:absolute;inset:-2px auto auto -10%;width:120px;height:120px;background:radial-gradient(circle, rgba(25,208,242,.22), transparent 65%);pointer-events:none}
.hero-card{padding:2rem}.hero-logo{width:min(100%, 420px)}.light-logo{filter:drop-shadow(0 16px 24px rgba(22,63,243,.10))}
.hero-rich-card,.hero-main-showcase{min-height:100%}
.hero-visual-stack{position:relative;display:grid;gap:1.08rem;padding:1.25rem 0 .25rem 1.1rem}
.hero-main-showcase{padding:2rem 2rem 2.1rem}
.hero-visual-main{padding:1rem}
.hero-mini-card{position:relative;background:rgba(255,255,255,.96);border:1px solid rgba(22,63,243,.10);border-radius:22px;box-shadow:0 18px 32px rgba(19,34,56,.07);padding:1rem 1.1rem;max-width:260px;z-index:2}
.hero-mini-card strong{display:block;margin-bottom:.35rem;color:var(--text)}.hero-mini-card span{display:block;color:var(--muted);font-size:.92rem;line-height:1.5}
.hero-mini-card-top{margin-left:auto;margin-right:1.5rem;margin-top:-2.4rem}
.hero-mini-card-bottom{margin-left:-1rem}
.hero-tag-row{display:flex;flex-wrap:wrap;gap:.7rem}.hero-tag{display:inline-flex;align-items:center;padding:.58rem .95rem;border-radius:999px;background:rgba(255,255,255,.92);border:1px solid rgba(22,63,243,.10);color:var(--text);font-size:.88rem;font-weight:600;box-shadow:0 12px 25px rgba(19,34,56,.05)}
.hero-feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.hero-feature-card{padding:1rem 1.1rem;border-radius:22px;background:rgba(255,255,255,.92);border:1px solid rgba(22,63,243,.08);box-shadow:0 12px 24px rgba(19,34,56,.04)}.hero-feature-card strong{display:block;margin-bottom:.45rem}.hero-feature-card span{display:block;color:var(--muted);font-size:.93rem;line-height:1.55}
.eyebrow{display:inline-flex;align-items:center;gap:.5rem;color:var(--blue);font-weight:800;text-transform:uppercase;letter-spacing:.16em;font-size:.72rem}.eyebrow::before{content:'';width:22px;height:1px;background:var(--cyan);display:inline-block}
.lead{font-size:1.08rem}.hero-metrics{display:grid;grid-template-columns:repeat(3, minmax(0,1fr));gap:1rem}.compact-metrics div{padding:.9rem 1rem}
.hero-metrics div{padding:1rem 1.15rem;border:1px solid rgba(22,63,243,.08);border-radius:20px;background:rgba(255,255,255,.78);box-shadow:0 10px 24px rgba(19,34,56,.04)}.hero-metrics strong{display:block;font-size:1.05rem;margin-bottom:.2rem;color:var(--blue)}.hero-metrics span{display:block;color:var(--muted);font-size:.92rem}
.section-title{font-size:clamp(1.7rem,2.8vw,2.6rem);font-weight:800;color:var(--text)}.category-card,.product-card,.empty-state{height:100%}
.category-card{padding:1.6rem;position:relative;overflow:hidden;transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease}.category-card:hover,.product-card:hover{transform:perspective(1200px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) translateY(-7px);border-color:rgba(25,208,242,.34);box-shadow:0 28px 55px rgba(22,63,243,.10)}.product-card{display:flex;flex-direction:column;min-height:100%}
.category-icon{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:18px;background:linear-gradient(135deg,var(--cyan-soft),rgba(22,63,243,.10));font-size:1.3rem;margin-bottom:1rem;color:var(--blue)}
.sparkle-card::after{content:'';position:absolute;inset:auto -20% -40% auto;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle, rgba(22,63,243,.06), transparent 70%)}
.product-card-media{padding:1.2rem 1.2rem 0;flex-shrink:0}.product-card-media img{width:100%;height:220px;object-fit:cover;border-radius:22px;background:#fff;border:1px solid rgba(22,63,243,.08)}.product-card-body{display:flex;flex-direction:column;gap:.25rem;padding:1.25rem;flex:1;min-height:0}.product-card-description{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;min-height:4.5em}.product-card-footer{margin-top:auto;padding-top:.9rem}.product-card-price{font-size:1.34rem;font-weight:800;color:var(--blue)}.placeholder-product{padding:1.5rem;object-fit:contain!important;background:linear-gradient(135deg,#fff,#eef6ff)!important}
.product-detail-image{width:100%;max-height:560px;object-fit:contain;border-radius:22px;background:#fff;border:1px solid rgba(22,63,243,.08)}.placeholder-product-detail{padding:2rem}
.pill{display:inline-flex;align-items:center;gap:.45rem;padding:.45rem .85rem;border-radius:999px;font-size:.78rem;font-weight:700;letter-spacing:.02em}.pill-soft{background:var(--cyan-soft);color:var(--blue)}.pill-outline{border:1px solid rgba(22,63,243,.12);color:var(--text);background:#fff}.pill-success{background:rgba(16,185,129,.12);color:#0f9f6d}
.price-tag{font-size:2rem;font-weight:800;color:var(--blue)}.spec-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.spec-grid div{padding:1rem;border-radius:18px;background:#fff;border:1px solid rgba(22,63,243,.08)}.spec-grid span{display:block;color:var(--muted);font-size:.85rem;margin-bottom:.4rem}
.auth-shell{display:grid;grid-template-columns:1.1fr 1fr;gap:2rem;align-items:center}.auth-shell.single{grid-template-columns:1fr}.auth-copy{padding-right:1rem}.auth-card{padding:2rem;max-width:620px;width:100%}
.form-control-lux,.form-control-lux:focus{background:#fff;border:1px solid rgba(22,63,243,.14)!important;color:var(--text)!important;border-radius:16px;padding:.9rem 1rem;box-shadow:none!important}.form-control-lux::placeholder{color:#8ea0b8}.form-label{color:var(--text);font-weight:700;margin-bottom:.45rem}.invalid-help{color:#e54b63;font-size:.87rem;margin-top:.35rem}
.site-footer{border-top:1px solid rgba(22,63,243,.08);background:linear-gradient(180deg,#fff,#f5f9ff)}.footer-logo{width:min(100%,300px)}.footer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem}.footer-panel{padding:1.2rem 1.15rem;border-radius:24px}.footer-panel h6{font-weight:800;margin-bottom:1rem}.footer-grid a{display:block;text-decoration:none;color:var(--muted);margin-bottom:.7rem;transition:color .2s ease, transform .2s ease}.footer-grid a:hover{color:var(--blue);transform:translateX(2px)}
.sticky-filter{position:sticky;top:120px}.pagination{--bs-pagination-bg:#fff;--bs-pagination-border-color:rgba(22,63,243,.10);--bs-pagination-color:var(--text);--bs-pagination-hover-color:var(--blue);--bs-pagination-hover-bg:#f1f7ff;--bs-pagination-hover-border-color:rgba(22,63,243,.16);--bs-pagination-active-bg:var(--blue);--bs-pagination-active-border-color:var(--blue)}
.filter-check{padding:.85rem 1rem;border-radius:18px;background:#fff;border:1px solid rgba(22,63,243,.08);font-weight:600;color:var(--text)}
.delivery-mini-card{padding:1rem 1.1rem;border-radius:22px;background:rgba(255,255,255,.96);border:1px solid rgba(22,63,243,.10)}.delivery-mini-card strong{display:block}
.mini-rule-row{display:flex;flex-direction:column;gap:.18rem;padding:.8rem .9rem;border-radius:18px;background:#f8fbff;border:1px solid rgba(22,63,243,.06)}.mini-rule-row span{font-weight:700}.mini-rule-row small{color:var(--muted);line-height:1.45}
.active-filter-wrap{display:flex;flex-wrap:wrap;gap:.55rem;justify-content:flex-end}
.address-card{padding:1rem 1.15rem;border-radius:20px;background:#fff;border:1px solid rgba(22,63,243,.10)}.address-card.is-default{border-color:rgba(25,208,242,.34);box-shadow:0 0 0 1px rgba(25,208,242,.14) inset}
.selection-preview-card{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding:1rem 1.1rem;border-radius:22px;background:#fff;border:1px solid rgba(22,63,243,.08)}.selection-preview-card strong{display:block;margin-bottom:.25rem}.selection-preview-card span,.selection-preview-card small{color:var(--muted);line-height:1.5}
.shipping-option-list{display:flex;flex-direction:column;gap:.85rem}.shipping-option-card{padding:1rem 1.1rem;border-radius:22px;background:#fff;border:1px solid rgba(22,63,243,.08);box-shadow:0 10px 24px rgba(19,34,56,.04)}.shipping-option-card.is-highlighted{border-color:rgba(25,208,242,.30);box-shadow:0 16px 28px rgba(22,63,243,.08)}.shipping-option-card strong{display:block}.shipping-option-card span{display:block;color:var(--muted);font-size:.92rem;line-height:1.5}
.payment-note-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.payment-note-grid div,.feature-line,.summary-strip{padding:1rem 1.1rem;border-radius:20px;background:#fff;border:1px solid rgba(22,63,243,.08)}.payment-note-grid strong,.feature-line strong,.summary-strip strong{display:block}.payment-note-grid span,.feature-line span,.summary-strip .small{display:block;color:var(--muted);line-height:1.5}.checkout-checklist{display:grid;gap:.85rem}.check-row{display:flex;gap:.8rem;align-items:flex-start;padding:.95rem 1rem;border-radius:18px;background:rgba(255,255,255,.92);border:1px solid rgba(22,63,243,.08)}.check-row i{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;border-radius:999px;background:rgba(25,208,242,.14);color:var(--blue);font-style:normal;font-weight:800}
.summary-strip{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-top:.9rem}
.panel-body{margin:0;background:linear-gradient(180deg,#f7fbff,#eef5ff)}.panel-shell{display:grid;grid-template-columns:290px 1fr;min-height:100vh}.light-sidebar{display:flex;flex-direction:column;justify-content:space-between;background:rgba(255,255,255,.92);border-right:1px solid rgba(22,63,243,.08);padding:1.4rem;box-shadow:16px 0 40px rgba(22,63,243,.05)}.panel-brand{display:flex;gap:1rem;align-items:center;color:var(--text)}.panel-brand img{width:54px;height:54px;object-fit:cover;border-radius:18px}.panel-brand span{display:block;color:var(--muted);font-size:.9rem}.panel-nav{display:flex;flex-direction:column;gap:.55rem}.panel-nav a{padding:.9rem 1rem;border-radius:16px;text-decoration:none;color:var(--text);background:transparent;border:1px solid transparent;transition:all .25s ease}.panel-nav a:hover,.panel-nav a.active{background:#fff;border-color:rgba(25,208,242,.24);color:var(--blue);box-shadow:0 12px 24px rgba(22,63,243,.06)}.panel-sidebar-footer{display:flex;flex-direction:column;gap:.8rem;color:var(--muted)}.panel-main{padding:2rem 2rem 2.5rem}.panel-header{display:flex;justify-content:space-between;align-items:end;gap:1.2rem;margin-bottom:1.5rem}.panel-title{font-size:clamp(1.8rem,2.4vw,2.6rem);font-weight:800}.stat-card{padding:1.4rem}.stat-card span{display:block;color:var(--muted);margin-bottom:.5rem}.stat-card strong{font-size:2rem;font-weight:800;color:var(--blue)}.dashboard-tile-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.dashboard-tile{padding:1rem 1.05rem;border-radius:22px}.dashboard-tile strong{display:block;margin-bottom:.45rem}.dashboard-tile span{display:block;color:var(--muted);font-size:.92rem;line-height:1.55}.panel-table-light thead th{color:var(--muted);font-size:.84rem;text-transform:uppercase;letter-spacing:.08em;border-bottom-color:rgba(22,63,243,.10)!important}.panel-table-light td{border-bottom-color:rgba(22,63,243,.08)!important}.panel-table{--bs-table-bg:transparent;--bs-table-color:var(--text);--bs-table-border-color:rgba(22,63,243,.08)}
.timeline-list{list-style:none;padding:0;margin:0}.timeline-list li{padding:.85rem 0;border-bottom:1px solid rgba(22,63,243,.08);color:var(--text)}.timeline-list li:last-child{border-bottom:0}.panel-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.panel-feature-grid div{padding:1rem;border-radius:18px;background:#fff;border:1px solid rgba(22,63,243,.08)}.panel-feature-grid span{display:block;color:var(--muted);font-size:.92rem;margin-top:.35rem}.content-reference-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.content-reference-item{padding:1rem 1.05rem;border-radius:20px;background:rgba(255,255,255,.94);border:1px solid rgba(22,63,243,.08)}.content-reference-item strong{display:block;margin-bottom:.35rem}.content-reference-item span{display:block;color:var(--muted);font-size:.86rem;line-height:1.52}.order-status-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem}.order-status-tile{padding:1rem .95rem;border-radius:18px;background:rgba(255,255,255,.94);border:1px solid rgba(22,63,243,.08)}.order-status-tile strong{display:block;margin-top:.35rem;font-size:.95rem}.order-status-tile span{display:block;color:var(--muted);font-size:.82rem}.status-dot{width:12px;height:12px;border-radius:999px;background:rgba(22,63,243,.12);display:inline-block}.status-dot.is-active{background:linear-gradient(135deg,var(--cyan),var(--blue));box-shadow:0 0 0 6px rgba(25,208,242,.12)}
.reveal{opacity:0;transform:translateY(22px);transition:opacity .85s ease, transform .85s ease}.reveal.is-visible{opacity:1;transform:translateY(0)}
.floating-card{animation:floaty 6s ease-in-out infinite}.hero-light::after{content:'';position:absolute;inset:auto auto 0 0;width:100%;height:120px;background:linear-gradient(180deg,rgba(246,249,255,0),rgba(246,249,255,.95))}
@keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@media (max-width: 991.98px){.auth-shell,.panel-shell,.hero-metrics,.footer-grid,.panel-feature-grid,.hero-feature-grid,.payment-note-grid,.dashboard-tile-grid,.content-reference-grid,.order-status-strip{grid-template-columns:1fr}.panel-shell{display:block}.light-sidebar{min-height:auto}.panel-header{align-items:start;flex-direction:column}.sticky-filter{position:static}.hero-section,.auth-section{padding:4.5rem 0 3rem}.navbar-collapse{padding-top:1rem}.navbar-nav{align-items:flex-start!important}.navbar-nav .btn{width:100%}.hero-visual-stack{padding:0}.hero-mini-card-top,.hero-mini-card-bottom{margin:0;max-width:none}}
@media (max-width: 767.98px){.hero-metrics{gap:.8rem}.spec-grid{grid-template-columns:1fr}.auth-card{padding:1.35rem}.panel-main{padding:1.25rem}.section-space{padding:3rem 0}.brand-mark{width:46px;height:46px}.btn-primary-pill:not(.small-btn),.btn-soft:not(.small-btn){width:100%}.product-card-media img{height:190px}.summary-strip,.selection-preview-card{flex-direction:column}.active-filter-wrap{justify-content:flex-start}.product-card-body{padding:1rem}.footer-panel{padding:1rem}.check-row{padding:.9rem}.order-status-tile{padding:.9rem}}

/* Step 09 refinements */
.btn-soft{border-color:rgba(22,63,243,.06);box-shadow:0 8px 22px rgba(19,34,56,.05)}
.btn-soft:hover{border-color:rgba(22,63,243,.10);box-shadow:0 12px 24px rgba(19,34,56,.07)}
.hero-showcase-wrap{display:flex;flex-direction:column;gap:1rem}
.hero-main-showcase{padding:2rem;box-shadow:0 22px 48px rgba(19,34,56,.08)}
.hero-feature-grid-balanced{margin-top:.25rem}
.hero-side-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;align-items:stretch}
.hero-info-card{padding:1rem 1.1rem;border-radius:22px;background:rgba(255,255,255,.96);border:1px solid rgba(22,63,243,.08);box-shadow:0 14px 28px rgba(19,34,56,.05);min-height:100%}
.hero-info-card strong{display:block;margin-bottom:.4rem;color:var(--text)}
.hero-info-card span{display:block;color:var(--muted);font-size:.92rem;line-height:1.55}
.hero-info-card-wide{grid-column:1 / -1}
.shop-chip-row{display:flex;flex-wrap:wrap;gap:.7rem}
.shop-chip{display:inline-flex;align-items:center;justify-content:center;padding:.62rem 1rem;border-radius:999px;background:rgba(255,255,255,.92);border:1px solid rgba(22,63,243,.08);text-decoration:none;color:var(--text);font-weight:600;transition:all .25s ease}
.shop-chip:hover,.shop-chip.active{color:var(--blue);border-color:rgba(25,208,242,.28);box-shadow:0 12px 24px rgba(22,63,243,.06);transform:translateY(-1px)}
.product-side-stack{display:flex;flex-direction:column;gap:1rem}
.order-progress-card{padding:1rem 1.1rem;border-radius:20px;background:#fff;border:1px solid rgba(22,63,243,.08)}
.breadcrumb{--bs-breadcrumb-divider:'›'}
.breadcrumb a{text-decoration:none;color:var(--muted)}
.breadcrumb .active{color:var(--text)}
@media (max-width: 991.98px){.hero-side-grid{grid-template-columns:1fr}.hero-info-card-wide{grid-column:auto}}


/* Step 10 polish */
.section-head{display:flex;justify-content:space-between;align-items:end;gap:1rem;flex-wrap:wrap}.hero-spotlight-band{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:1.15rem}.spotlight-tile{padding:1rem 1.05rem;border-radius:22px}.spotlight-tile strong{display:block;margin-bottom:.4rem}.spotlight-tile span{display:block;color:var(--muted);font-size:.92rem;line-height:1.55}.shop-results-strip{padding:1.1rem 1.2rem;border-radius:24px}.support-stack{display:flex;flex-direction:column;gap:1rem}.soft-divider{height:1px;background:linear-gradient(90deg, transparent, rgba(22,63,243,.12), transparent)}@media (max-width: 991.98px){.hero-spotlight-band{grid-template-columns:1fr}}


/* Step 11 production polish */
body.site-shell{background:
radial-gradient(circle at 8% 12%, rgba(25,208,242,.11), transparent 26%),
radial-gradient(circle at 92% 8%, rgba(22,63,243,.10), transparent 24%),
radial-gradient(circle at 50% 100%, rgba(25,208,242,.07), transparent 28%),
linear-gradient(180deg, #f5f9ff 0%, #fbfdff 48%, #f6f9ff 100%)}
body.site-shell::before{content:'';position:fixed;inset:0;pointer-events:none;background:linear-gradient(120deg, rgba(255,255,255,.08), transparent 28%, rgba(255,255,255,.04) 52%, transparent 72%);opacity:.28;mix-blend-mode:screen;z-index:0}
body.site-shell::after{content:'';position:fixed;inset:112px 0 28px;pointer-events:none;z-index:0;opacity:.34;background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%20360%20920%27%20fill%3D%27none%27%3E%0A%3Cg%20stroke%3D%27%239CCBFF%27%20stroke-width%3D%273%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%0A%3Cpath%20d%3D%27M54%20110c44-30%2099-44%20150-41%2031%202%2063%208%2089%2023%27%2F%3E%0A%3Cpath%20d%3D%27M46%20150h210%27%2F%3E%0A%3Crect%20x%3D%2738%27%20y%3D%27170%27%20rx%3D%2732%27%20ry%3D%2732%27%20width%3D%27132%27%20height%3D%2796%27%2F%3E%0A%3Cpath%20d%3D%27M58%20194h92%27%2F%3E%3Cpath%20d%3D%27M58%20216h86%27%2F%3E%3Cpath%20d%3D%27M58%20238h74%27%2F%3E%0A%3Cpath%20d%3D%27M52%20846c76-20%20164-18%20238%206%27%2F%3E%0A%3C%2Fg%3E%3C%2Fsvg%3E") left 2.4rem top 3.2rem / min(14vw,12rem) auto no-repeat,url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%20360%20920%27%20fill%3D%27none%27%3E%0A%3Cg%20stroke%3D%27%23A7CFFF%27%20stroke-width%3D%273%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%0A%3Cpath%20d%3D%27M290%20120c-44-30-99-44-150-41-31%202-63%208-89%2023%27%2F%3E%0A%3Cpath%20d%3D%27M104%20166h198%27%2F%3E%0A%3Crect%20x%3D%27188%27%20y%3D%27188%27%20rx%3D%2728%27%20ry%3D%2728%27%20width%3D%27122%27%20height%3D%27108%27%2F%3E%0A%3Cpath%20d%3D%27M54%20856c60-18%20120-22%20188-16%2028%202%2054%206%2078%2012%27%2F%3E%0A%3C%2Fg%3E%3C%2Fsvg%3E") right 2.4rem top 5rem / min(14vw,12rem) auto no-repeat;filter:drop-shadow(0 8px 18px rgba(118,160,232,.06))}
@media (max-width: 991.98px){body.site-shell::after{display:none}}
.story-coupon-serial,.coupon-center-serial{display:none!important}
main, .site-header, .site-footer, .panel-shell{position:relative;z-index:1}
.site-header{backdrop-filter:blur(18px) saturate(145%);background:rgba(255,255,255,.78);border-bottom:1px solid rgba(255,255,255,.68)}
.site-footer{background:linear-gradient(180deg, rgba(255,255,255,.48), rgba(247,251,255,.82))}
.hero-card,.glass-card,.stat-card,.hero-feature-card,.hero-info-card,.feature-line,.footer-panel,.empty-state,.shop-results-strip,.check-row,.order-status-tile,.selection-preview-card,.summary-strip,.category-card,.product-card{position:relative;isolation:isolate}
.hero-card::before,.glass-card::before,.stat-card::before,.hero-feature-card::before,.hero-info-card::before,.feature-line::before,.footer-panel::before,.category-card::before,.product-card::before{content:'';position:absolute;inset:1px;border-radius:inherit;background:linear-gradient(135deg, rgba(255,255,255,.42), rgba(255,255,255,.06) 38%, rgba(255,255,255,.22) 100%);pointer-events:none;opacity:.9;z-index:-1}
.glass-card,.glass-tile,.hero-card,.stat-card,.hero-feature-card,.hero-info-card,.feature-line,.footer-panel,.category-card,.product-card,.panel-table-light,.form-control-lux,.auth-card,.light-sidebar,.panel-main{box-shadow:0 16px 40px rgba(22,63,243,.06), 0 3px 14px rgba(19,34,56,.04), inset 0 1px 0 rgba(255,255,255,.62)}
.glass-tile::after,.hero-card::after,.stat-card::after,.hero-feature-card::after,.hero-info-card::after,.feature-line::after,.category-card::after,.product-card::after{background:radial-gradient(circle at var(--glow-x,50%) var(--glow-y,50%), rgba(255,255,255,.55), transparent 34%), linear-gradient(180deg, rgba(255,255,255,.14), transparent 38%)}
.btn-primary-pill,.btn-soft{backdrop-filter:blur(14px) saturate(150%);box-shadow:0 12px 28px rgba(22,63,243,.10), inset 0 1px 0 rgba(255,255,255,.5)}
.btn-primary-pill::after,.btn-soft::after{content:'';position:absolute;inset:0;background:radial-gradient(circle at var(--pointer-x,50%) var(--pointer-y,50%), rgba(255,255,255,.42), transparent 34%);opacity:.8;pointer-events:none}
.btn-primary-pill{border:1px solid rgba(255,255,255,.25)}
.btn-soft{border:1px solid rgba(22,63,243,.08)!important;background:linear-gradient(180deg, rgba(255,255,255,.94), rgba(245,249,255,.92))}
.btn-soft:hover{border-color:rgba(25,208,242,.22)!important}
.panel-main,.light-sidebar{background:linear-gradient(180deg, rgba(255,255,255,.56), rgba(248,251,255,.92))}
.panel-table-light, .form-control-lux{background:rgba(255,255,255,.72)!important;backdrop-filter:blur(16px) saturate(150%)}
.product-card{overflow:hidden;min-height:100%;height:100%}
.product-card-body{justify-content:space-between;min-height:260px}
.product-card-footer{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(22,63,243,.06)}
.product-card-media img{display:block}
.section-space .row.g-4{overflow:visible}
.reveal{transition:opacity .55s ease, transform .55s ease, filter .55s ease;filter:blur(0)}
.reveal:not(.is-visible){filter:blur(8px)}
.panel-nav a,.footer-panel a,.nav-link{text-underline-offset:4px}
.feature-line,.hero-info-card,.hero-feature-card,.spotlight-tile,.footer-panel,.shop-results-strip{border:1px solid rgba(255,255,255,.72)}
@media (max-width: 991.98px){
  body.site-shell::before{opacity:.45}
  .product-card-body{min-height:auto}
}

/* Step 12 next-level visual cohesion */
.site-header::after{content:'';position:absolute;inset:auto 0 0;height:1px;background:linear-gradient(90deg, rgba(25,208,242,.05), rgba(22,63,243,.22), rgba(25,208,242,.05));pointer-events:none}
.hero-tag,.shop-chip,.feature-line,.check-row,.content-reference-item,.footer-panel,.panel-nav a,.mini-rule-row,.delivery-mini-card,.spotlight-tile,.order-progress-card,.dashboard-tile,.product-card-footer,.summary-strip,.selection-preview-card{position:relative;overflow:hidden}
.hero-tag::before,.shop-chip::before,.feature-line::before,.check-row::before,.content-reference-item::before,.footer-panel::before,.mini-rule-row::before,.delivery-mini-card::before,.spotlight-tile::before,.order-progress-card::before,.dashboard-tile::before,.summary-strip::before,.selection-preview-card::before{content:'';position:absolute;inset:0;border-radius:inherit;background:linear-gradient(135deg, rgba(255,255,255,.34), rgba(255,255,255,0) 40%, rgba(25,208,242,.08) 100%);pointer-events:none;opacity:.9}
.hero-card,.glass-card,.stat-card,.category-card,.product-card,.feature-line,.check-row,.delivery-mini-card,.content-reference-item,.footer-panel,.summary-strip,.selection-preview-card,.auth-card,.light-sidebar,.panel-main{backdrop-filter:blur(20px) saturate(165%)}
.hero-card,.glass-card,.stat-card,.category-card,.product-card,.delivery-mini-card,.content-reference-item,.footer-panel,.summary-strip,.selection-preview-card,.auth-card,.light-sidebar,.panel-main{border-color:rgba(255,255,255,.62)!important}
.hero-card:hover,.glass-card:hover,.category-card:hover,.product-card:hover,.content-reference-item:hover,.feature-line:hover,.delivery-mini-card:hover{box-shadow:0 24px 54px rgba(22,63,243,.10), 0 6px 18px rgba(19,34,56,.05), inset 0 1px 0 rgba(255,255,255,.72)}
.btn-primary-pill,.btn-soft{min-height:50px}
.btn-primary-pill{background:linear-gradient(135deg, rgba(25,208,242,.96), rgba(22,63,243,.98));border:1px solid rgba(255,255,255,.22);box-shadow:0 16px 34px rgba(22,63,243,.14), inset 0 1px 0 rgba(255,255,255,.34)}
.btn-primary-pill:hover{box-shadow:0 18px 38px rgba(22,63,243,.18), inset 0 1px 0 rgba(255,255,255,.42)}
.btn-soft{background:linear-gradient(180deg, rgba(255,255,255,.94), rgba(244,249,255,.9));border:1px solid rgba(22,63,243,.07)!important}
.btn-soft:hover{background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(237,245,255,.94));border-color:rgba(25,208,242,.20)!important}
.nav-link,.panel-nav a,.site-footer a{transition:color .22s ease, opacity .22s ease, text-shadow .22s ease}.nav-link:hover,.panel-nav a:hover,.site-footer a:hover{text-shadow:0 0 18px rgba(25,208,242,.24)}
.panel-nav a{background:linear-gradient(180deg, rgba(255,255,255,.58), rgba(255,255,255,.18));border:1px solid rgba(255,255,255,.58)}
.panel-nav a.active{background:linear-gradient(135deg, rgba(25,208,242,.14), rgba(22,63,243,.08));border-color:rgba(25,208,242,.26)}
.pill,.hero-tag,.shop-chip{backdrop-filter:blur(14px) saturate(150%)}
.stat-card strong,.product-card-price,.price-tag,.section-title,.panel-title,.display-4,.display-5,.display-6{letter-spacing:-.03em}
.order-status-tile,.dashboard-tile,.content-reference-item,.feature-line,.delivery-mini-card,.mini-rule-row{box-shadow:0 12px 28px rgba(19,34,56,.05), inset 0 1px 0 rgba(255,255,255,.62)}
.table-responsive{border-radius:24px}
.panel-table-light tbody tr{transition:background .22s ease}.panel-table-light tbody tr:hover{background:rgba(255,255,255,.45)}
@media (prefers-reduced-motion: no-preference){
  .hero-card::after,.glass-card::after,.product-card::after,.category-card::after,.feature-line::after,.content-reference-item::after,.btn-primary-pill::after,.btn-soft::after{animation:softPulse 7s ease-in-out infinite alternate}
}
@keyframes softPulse{0%{opacity:.45}100%{opacity:.9}}

/* Step 13 production finish + richer glass system */
::selection{background:rgba(25,208,242,.22);color:var(--text)}
.mapping-panel,.mapping-group,.auth-card,.table-responsive,.stat-card,.order-status-tile,.dashboard-tile,.content-reference-item,.feature-line,.shop-results-strip,.hero-spotlight-band .spotlight-tile,.product-side-stack .hero-info-card,.summary-strip{backdrop-filter:blur(22px) saturate(172%)}
.mapping-group{padding:1rem;border-radius:24px;background:linear-gradient(180deg, rgba(255,255,255,.48), rgba(245,249,255,.88));border:1px solid rgba(255,255,255,.68);box-shadow:0 16px 34px rgba(22,63,243,.06), inset 0 1px 0 rgba(255,255,255,.72)}
.mapping-group h3{letter-spacing:-.02em}
.mapping-panel code{background:rgba(22,63,243,.06);color:var(--blue);padding:.2rem .45rem;border-radius:10px}
.auth-card,.panel-main,.light-sidebar,.footer-panel,.table-responsive{position:relative;overflow:hidden}
.auth-card::after,.panel-main::after,.light-sidebar::after,.footer-panel::after,.table-responsive::after{content:'';position:absolute;inset:0;background:linear-gradient(135deg, rgba(255,255,255,.22), transparent 38%, rgba(25,208,242,.05) 100%);pointer-events:none}
.site-footer{position:relative;overflow:hidden}.site-footer::before{content:'';position:absolute;left:8%;bottom:-120px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle, rgba(25,208,242,.14), transparent 70%);filter:blur(12px);pointer-events:none}.site-footer::after{content:'';position:absolute;right:10%;top:-120px;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle, rgba(22,63,243,.12), transparent 70%);filter:blur(12px);pointer-events:none}
.hero-tag,.shop-chip,.pill,.check-row,.feature-line,.content-reference-item,.footer-panel,.stat-card,.order-status-tile,.dashboard-tile,.mapping-group{transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease}
.hero-tag:hover,.shop-chip:hover,.feature-line:hover,.content-reference-item:hover,.footer-panel:hover,.stat-card:hover,.order-status-tile:hover,.dashboard-tile:hover,.mapping-group:hover{transform:translateY(-2px);box-shadow:0 20px 38px rgba(22,63,243,.08), inset 0 1px 0 rgba(255,255,255,.72)}
.table-responsive{border:1px solid rgba(255,255,255,.6);background:linear-gradient(180deg, rgba(255,255,255,.52), rgba(247,251,255,.88))}
.panel-table-light thead th{background:rgba(255,255,255,.42);backdrop-filter:blur(14px)}
.btn-primary-pill,.btn-soft{letter-spacing:-.01em}.btn-primary-pill span,.btn-soft span{position:relative;z-index:1}
.btn-primary-pill::before,.btn-soft::before{content:'';position:absolute;inset:1px;border-radius:inherit;background:linear-gradient(180deg, rgba(255,255,255,.18), rgba(255,255,255,0));pointer-events:none;z-index:0}
.product-card-media{position:relative}.product-card-media::after{content:'';position:absolute;left:1.8rem;right:1.8rem;bottom:-.35rem;height:32px;border-radius:50%;background:radial-gradient(circle, rgba(22,63,243,.10), transparent 70%);filter:blur(10px);pointer-events:none}
.hero-logo,.product-detail-image,.product-card-media img{position:relative;z-index:1}
.form-control-lux:focus,.form-select.form-control-lux:focus{border-color:rgba(25,208,242,.38)!important;box-shadow:0 0 0 .24rem rgba(25,208,242,.10)!important;background:rgba(255,255,255,.88)!important}
.hero-spotlight-band .spotlight-tile,.hero-info-card,.hero-feature-card,.mapping-group{transform:translateZ(0)}
@media (max-width: 991.98px){
  .mapping-group{padding:.9rem}
  .site-footer::before,.site-footer::after{opacity:.55}
}

/* Step 16 final product polish */
:root{--btn-radius:18px}
.btn-primary-pill,.btn-soft{border:none!important;outline:1px solid rgba(20,60,216,.16);outline-offset:-1px;border-radius:var(--btn-radius);padding:.92rem 1.42rem;min-height:52px;transform:translateZ(0);backface-visibility:hidden;-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision}
.btn-primary-pill{background:linear-gradient(135deg, #1fd3f4 0%, #2453ff 48%, #1939d8 100%);box-shadow:0 14px 28px rgba(19,57,216,.20), inset 0 1px 0 rgba(255,255,255,.28);outline-color:rgba(17,44,172,.18)}
.btn-primary-pill::before,.btn-soft::before{inset:1px;background:linear-gradient(180deg, rgba(255,255,255,.16), rgba(255,255,255,0));border-radius:calc(var(--btn-radius) - 1px)}
.btn-primary-pill::after,.btn-soft::after{background:linear-gradient(118deg, transparent 24%, rgba(255,255,255,.26) 50%, transparent 78%);opacity:.72}
.btn-primary-pill:hover{transform:translateY(-2px) translateZ(0);box-shadow:0 18px 34px rgba(19,57,216,.26), inset 0 1px 0 rgba(255,255,255,.34)}
.btn-soft{background:linear-gradient(180deg, rgba(255,255,255,.97), rgba(243,248,255,.94));color:#183ae1!important;box-shadow:0 10px 24px rgba(19,34,56,.07), inset 0 1px 0 rgba(255,255,255,.84);outline-color:rgba(20,60,216,.10)}
.btn-soft:hover{background:linear-gradient(180deg, rgba(255,255,255,.99), rgba(236,245,255,.96));outline-color:rgba(25,208,242,.22)!important;transform:translateY(-2px) translateZ(0)}
.btn-primary-pill:focus,.btn-soft:focus{outline-color:rgba(25,208,242,.30)!important;box-shadow:0 0 0 .22rem rgba(25,208,242,.12)!important}
.footer-grid-wide{grid-template-columns:repeat(3,minmax(0,1fr))}
.footer-contact-stack{display:grid;gap:.45rem}
.content-intro{max-width:820px}
.content-highlight-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.content-highlight-card,.content-section-card,.branch-card{padding:1rem 1.1rem;border-radius:22px;background:linear-gradient(180deg, rgba(255,255,255,.92), rgba(245,249,255,.85));border:1px solid rgba(22,63,243,.08);box-shadow:0 12px 26px rgba(19,34,56,.05)}
.content-highlight-card span{display:block;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--blue);margin-bottom:.4rem}
.content-highlight-card strong{display:block;line-height:1.5}
.content-section-stack,.branch-card-stack{display:grid;gap:1rem}
.content-list{padding-left:1.15rem;color:var(--muted)}
.content-list li + li{margin-top:.55rem}
.branch-card strong{display:block;margin-bottom:.45rem}
.branch-card span{display:block;color:var(--muted);line-height:1.55}
.content-page-main,.content-page-side{overflow:hidden}
.hero-feature-card span,.hero-info-card span,.spotlight-tile span{color:#5d7392}
@media (max-width: 991.98px){
  .content-highlight-grid,.footer-grid-wide{grid-template-columns:1fr}
}

.footer-bottom-bar {
    border-top: 1px solid rgba(90, 118, 171, 0.14);
}

.powered-by-psd {
    display: inline-flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.55rem 0.9rem;
    border-radius: 18px;
    background: rgba(255,255,255,0.72);
    border: 1px solid rgba(92, 123, 171, 0.12);
    box-shadow: 0 12px 34px rgba(54, 84, 133, 0.08);
    color: #364866;
    font-size: 0.92rem;
}

.powered-by-psd img {
    width: 44px;
    height: 44px;
    object-fit: cover;
    border-radius: 12px;
    border: 1px solid rgba(92, 123, 171, 0.12);
}

@media (max-width: 767.98px) {
    .powered-by-psd {
        width: 100%;
        justify-content: center;
    }
}


.google-auth-btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;font-weight:700}
.google-auth-btn .google-mark{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:999px;background:#fff;box-shadow:0 4px 12px rgba(15,23,42,.08);flex-shrink:0}
.google-auth-btn .google-mark svg{width:16px;height:16px;display:block}

/* Step 27 storybook homepage redesign */
.home-story-shell{
    --story-ink:#412b1e;
    --story-ink-soft:#715644;
    --story-gold:#c99a51;
    --story-paper:#f8efdf;
    --story-paper-deep:#efdfc2;
    --story-brown:#6f4a31;
    background:
        radial-gradient(circle at top left, rgba(201,154,81,.18), transparent 26%),
        radial-gradient(circle at top right, rgba(111,74,49,.10), transparent 22%),
        linear-gradient(180deg, #f7ead3 0%, #fff8ec 32%, #fffdf8 100%);
}
.home-story-shell::before{background:radial-gradient(circle, rgba(201,154,81,.18), transparent 68%)}
.home-story-shell::after{background:radial-gradient(circle, rgba(111,74,49,.12), transparent 68%)}
.home-story-shell .site-header{background:rgba(255,249,239,.88);border-bottom:1px solid rgba(111,74,49,.12);box-shadow:0 10px 30px rgba(77,53,37,.08)}
.home-story-shell .brand-name,.home-story-shell .nav-link:hover,.home-story-shell .text-cyan{color:var(--story-brown)!important}
.home-story-shell .btn-soft{color:var(--story-brown)!important;border-color:rgba(111,74,49,.10)}
.home-story-shell .btn-primary-pill{background:linear-gradient(135deg,#b7803a 0%,#8b5f32 55%,#6d452e 100%);box-shadow:0 16px 30px rgba(111,74,49,.22), inset 0 1px 0 rgba(255,255,255,.24)}
.home-story-shell .site-footer{background:linear-gradient(180deg, rgba(255,248,238,.82), rgba(247,236,219,.96));border-top:1px solid rgba(111,74,49,.12)}

body.home-story-shell.intro-lock{overflow:hidden}
.storybook-entry-overlay{position:fixed;inset:0;z-index:1060;display:flex;align-items:center;justify-content:center;padding:1.8rem;background:radial-gradient(circle at 12% 18%, rgba(25,208,242,.16), transparent 30%),radial-gradient(circle at 88% 14%, rgba(22,63,243,.12), transparent 26%),linear-gradient(135deg, rgba(248,252,255,.98), rgba(241,247,255,.97) 52%, rgba(234,242,255,.95) 100%);backdrop-filter:blur(18px);opacity:0;pointer-events:none;visibility:hidden;transition:opacity .55s ease, visibility .55s ease}
.storybook-entry-overlay.is-active{opacity:1;pointer-events:auto;visibility:visible}
.storybook-entry-overlay.is-finished{opacity:0;pointer-events:none;visibility:hidden}
.storybook-entry-overlay.is-exiting .storybook-entry-scene{transform:scale(1.02);opacity:0;filter:blur(6px)}
.storybook-entry-orb,.storybook-entry-grid span,.storybook-entry-ring,.storybook-entry-spark{pointer-events:none}
.storybook-entry-orb{position:absolute;border-radius:50%;filter:blur(28px);opacity:.62}
.storybook-entry-orb-left{width:420px;height:420px;left:-120px;top:8%;background:radial-gradient(circle, rgba(25,208,242,.22), transparent 68%)}
.storybook-entry-orb-right{width:420px;height:420px;right:-120px;bottom:6%;background:radial-gradient(circle, rgba(22,63,243,.18), transparent 68%)}
.storybook-entry-grid{position:absolute;inset:0;overflow:hidden}
.storybook-entry-grid span{position:absolute;width:1px;height:140px;background:linear-gradient(180deg, transparent, rgba(22,63,243,.09), transparent);transform:rotate(28deg);opacity:.7}
.storybook-entry-grid span:nth-child(1){left:12%;top:12%}
.storybook-entry-grid span:nth-child(2){left:28%;top:70%}
.storybook-entry-grid span:nth-child(3){left:46%;top:18%}
.storybook-entry-grid span:nth-child(4){left:64%;top:62%}
.storybook-entry-grid span:nth-child(5){left:80%;top:14%}
.storybook-entry-grid span:nth-child(6){left:92%;top:66%}
.storybook-entry-skip{position:absolute;top:1.35rem;right:1.35rem;border:1px solid rgba(22,63,243,.07);background:rgba(255,255,255,.74);color:var(--blue);font-weight:800;padding:.76rem 1.08rem;border-radius:999px;box-shadow:0 16px 34px rgba(19,34,56,.06);backdrop-filter:blur(18px)}
.storybook-entry-scene{width:min(1220px,100%);display:grid;grid-template-columns:minmax(0,1fr) minmax(380px,.96fr);gap:3rem;align-items:center;position:relative;transition:transform .7s ease, opacity .55s ease, filter .55s ease}
.storybook-entry-copy{max-width:550px;opacity:0;transform:translateY(22px)}
.storybook-entry-kicker{display:inline-flex;align-items:center;gap:.55rem;padding:.65rem 1rem;border-radius:999px;background:rgba(255,255,255,.76);border:1px solid rgba(22,63,243,.08);font-size:.8rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--blue);box-shadow:0 12px 28px rgba(19,34,56,.04)}
.storybook-entry-copy h1{font-size:clamp(2.85rem,5vw,5rem);line-height:1.02;letter-spacing:-.04em;color:var(--text);margin:1.2rem 0 1rem;max-width:10ch}
.storybook-entry-copy p{font-size:1.02rem;line-height:1.9;color:var(--muted);margin:0;max-width:52ch}
.storybook-entry-glance{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1.85rem}
.storybook-entry-glance-card{padding:1.1rem 1.15rem;border-radius:28px;background:linear-gradient(180deg, rgba(255,255,255,.88), rgba(247,251,255,.93));border:1px solid rgba(22,63,243,.07);box-shadow:0 20px 42px rgba(19,34,56,.05);opacity:0;transform:translateY(14px)}
.storybook-entry-glance-card strong{display:block;color:var(--text);margin-bottom:.42rem}
.storybook-entry-glance-card span{display:block;color:var(--muted);line-height:1.65;font-size:.93rem}
.storybook-entry-stage{position:relative;min-height:580px;display:flex;align-items:center;justify-content:center;perspective:1900px;opacity:0;transform:translateY(18px) scale(.96)}
.storybook-entry-ring{position:absolute;top:50%;left:50%;border-radius:50%;border:1px solid rgba(22,63,243,.09);box-shadow:0 0 0 1px rgba(255,255,255,.38) inset;transform:translate(-50%,-50%)}
.storybook-entry-ring-one{width:460px;height:460px;background:radial-gradient(circle, rgba(25,208,242,.07), transparent 64%)}
.storybook-entry-ring-two{width:560px;height:560px;background:radial-gradient(circle, rgba(22,63,243,.04), transparent 68%)}
.storybook-entry-spark{position:absolute;width:10px;height:10px;border-radius:50%;background:linear-gradient(135deg, rgba(25,208,242,.92), rgba(22,63,243,.82));box-shadow:0 0 0 9px rgba(25,208,242,.06)}
.storybook-entry-spark-one{top:16%;right:16%}
.storybook-entry-spark-two{bottom:18%;left:16%;width:13px;height:13px}
.storybook-entry-spark-three{top:28%;left:12%;width:8px;height:8px}
.storybook-entry-stack{position:relative;width:min(470px,100%);height:430px;transform-style:preserve-3d}
.storybook-entry-book{position:absolute;border-radius:34px;transform-style:preserve-3d;box-shadow:0 30px 60px rgba(19,34,56,.12), inset 0 1px 0 rgba(255,255,255,.32)}
.storybook-entry-book-back{inset:60px 48px 20px 48px;background:linear-gradient(145deg, rgba(255,255,255,.82), rgba(232,243,255,.84));border:1px solid rgba(22,63,243,.08);transform:rotate(-7deg) translate3d(-24px,18px,-80px)}
.storybook-entry-book-mid{inset:36px 20px 8px 20px;background:linear-gradient(145deg, rgba(255,255,255,.9), rgba(242,248,255,.94));border:1px solid rgba(22,63,243,.08);transform:rotate(5deg) translate3d(20px,-2px,-40px)}
.storybook-entry-book-front{inset:0;background:linear-gradient(145deg, rgba(18,66,243,.97) 0%, rgba(25,208,242,.92) 72%, rgba(220,245,255,.92) 150%);border:1px solid rgba(255,255,255,.32);padding:1.45rem;display:flex;flex-direction:column;justify-content:space-between;color:#fff;overflow:hidden;transform:rotate(-3deg)}
.storybook-entry-book-front::before{content:'';position:absolute;left:18px;top:16px;bottom:16px;width:12px;border-radius:999px;background:linear-gradient(180deg, rgba(255,255,255,.24), rgba(8,23,83,.34));opacity:.9}
.storybook-entry-book-front::after{content:'';position:absolute;top:-12%;right:-20%;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle, rgba(255,255,255,.24), transparent 68%)}
.storybook-entry-book-glow{position:absolute;left:-10%;bottom:-24%;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle, rgba(255,255,255,.18), transparent 64%)}
.storybook-entry-book-top,.storybook-entry-book-bottom{position:relative;z-index:2}
.storybook-entry-book-top{display:flex;align-items:center;gap:.85rem;padding-left:1rem}
.storybook-entry-logo{width:50px;height:50px;border-radius:16px;object-fit:cover;border:1px solid rgba(255,255,255,.24);background:rgba(255,255,255,.12)}
.storybook-entry-book-top span{font-size:.9rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;opacity:.92}
.storybook-entry-book-front strong{position:relative;z-index:2;display:block;font-size:clamp(2rem,3vw,2.4rem);line-height:1.14;margin:1rem 0 .9rem;padding-left:1rem;max-width:12ch}
.storybook-entry-book-front p{position:relative;z-index:2;margin:0;padding-left:1rem;max-width:32ch;font-size:.97rem;line-height:1.72;color:rgba(255,255,255,.9)}
.storybook-entry-book-bottom{display:flex;flex-wrap:wrap;gap:.7rem;padding-left:1rem;margin-top:1.3rem}
.storybook-entry-book-bottom span{display:inline-flex;align-items:center;padding:.62rem .95rem;border-radius:999px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(10px);font-size:.82rem;font-weight:700;color:#fff}
.storybook-entry-float{position:absolute;display:flex;flex-direction:column;gap:.5rem;padding:1rem 1.05rem;border-radius:28px;background:rgba(255,255,255,.82);border:1px solid rgba(22,63,243,.08);box-shadow:0 24px 48px rgba(19,34,56,.07);max-width:230px;opacity:0;transform:translateY(18px) scale(.95);backdrop-filter:blur(18px)}
.storybook-entry-float strong{color:var(--text)}
.storybook-entry-float span{color:var(--muted);font-size:.9rem;line-height:1.6}
.storybook-entry-float-left{left:6px;bottom:42px}
.storybook-entry-float-right{right:0;top:56px}
.storybook-entry-float-media{width:64px;height:64px;border-radius:18px;overflow:hidden;border:1px solid rgba(22,63,243,.08);background:linear-gradient(135deg, #fff, #eef6ff)}
.storybook-entry-float-media img{width:100%;height:100%;object-fit:cover}
.storybook-entry-float-badge{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:18px;background:linear-gradient(135deg, rgba(25,208,242,.16), rgba(22,63,243,.14));color:var(--blue);font-size:1.3rem;font-weight:900}
.storybook-entry-overlay.is-active .storybook-entry-copy{animation:entryCopyRise .85s cubic-bezier(.2,.72,.24,1) .12s forwards}
.storybook-entry-overlay.is-active .storybook-entry-stage{animation:entryStageRise .95s cubic-bezier(.2,.72,.24,1) .26s forwards}
.storybook-entry-overlay.is-active .storybook-entry-book-front{animation:entryFrontBook 1.15s cubic-bezier(.22,.76,.19,1) .5s both}
.storybook-entry-overlay.is-active .storybook-entry-book-back{animation:entryBackBook 1.15s cubic-bezier(.22,.76,.19,1) .72s both}
.storybook-entry-overlay.is-active .storybook-entry-book-mid{animation:entryMidBook 1.15s cubic-bezier(.22,.76,.19,1) .62s both}
.storybook-entry-overlay.is-active .storybook-entry-ring-one{animation:entryRingPulse 4.4s ease .5s infinite}
.storybook-entry-overlay.is-active .storybook-entry-ring-two{animation:entryRingPulseLarge 5s ease .85s infinite}
.storybook-entry-overlay.is-active .storybook-entry-spark{animation:entrySparkFloat 3.2s ease-in-out infinite}
.storybook-entry-overlay.is-glowing .storybook-entry-glance-card:nth-child(1){animation:entryCardLift .65s ease .1s forwards}
.storybook-entry-overlay.is-glowing .storybook-entry-glance-card:nth-child(2){animation:entryCardLift .65s ease .2s forwards}
.storybook-entry-overlay.is-glowing .storybook-entry-float-left{animation:entryFloatIn .7s cubic-bezier(.2,.72,.24,1) .12s forwards}
.storybook-entry-overlay.is-glowing .storybook-entry-float-right{animation:entryFloatIn .7s cubic-bezier(.2,.72,.24,1) .24s forwards}
.storybook-entry-overlay.is-settled .storybook-entry-book-front{transform:rotate(-1deg) translateY(-4px) scale(1.015)}
.storybook-entry-overlay.is-settled .storybook-entry-stage{transform:translateY(0) scale(1.005)}
@keyframes entryCopyRise{0%{opacity:0;transform:translateY(22px)}100%{opacity:1;transform:translateY(0)}}
@keyframes entryStageRise{0%{opacity:0;transform:translateY(18px) scale(.96)}100%{opacity:1;transform:translateY(0) scale(1)}}
@keyframes entryFrontBook{0%{transform:rotate(5deg) translateY(34px) scale(.92)}100%{transform:rotate(-3deg) translateY(0) scale(1)}}
@keyframes entryBackBook{0%{transform:rotate(-2deg) translate3d(-8px,28px,-80px)}100%{transform:rotate(-7deg) translate3d(-24px,18px,-80px)}}
@keyframes entryMidBook{0%{transform:rotate(2deg) translate3d(10px,24px,-40px)}100%{transform:rotate(5deg) translate3d(20px,-2px,-40px)}}
@keyframes entryRingPulse{0%,100%{transform:translate(-50%,-50%) scale(.92);opacity:.48}50%{transform:translate(-50%,-50%) scale(1);opacity:.88}}
@keyframes entryRingPulseLarge{0%,100%{transform:translate(-50%,-50%) scale(.86);opacity:.34}50%{transform:translate(-50%,-50%) scale(.97);opacity:.72}}
@keyframes entrySparkFloat{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-12px) scale(1.08)}}
@keyframes entryCardLift{0%{opacity:0;transform:translateY(14px)}100%{opacity:1;transform:translateY(0)}}
@keyframes entryFloatIn{0%{opacity:0;transform:translateY(18px) scale(.95)}100%{opacity:1;transform:translateY(0) scale(1)}}
.story-hero-section{padding-top:5rem}
.storybook-hero,.story-banner-card,.story-closing-card,.stationery-corner-card,.story-category-card{position:relative;overflow:hidden;border-radius:34px;border:1px solid rgba(111,74,49,.11);box-shadow:0 22px 46px rgba(79,49,31,.09), inset 0 1px 0 rgba(255,255,255,.5)}
.storybook-hero{padding:2.25rem 2.1rem;background:linear-gradient(135deg, rgba(255,249,239,.98), rgba(250,240,223,.96));}
.storybook-hero::before,.story-banner-card::before,.story-closing-card::before,.stationery-corner-card::before,.story-category-card::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at top right, rgba(201,154,81,.13), transparent 28%), linear-gradient(135deg, rgba(255,255,255,.14), transparent 44%);pointer-events:none}
.story-kicker,.story-shelf-badge,.stationery-corner-badge{display:inline-flex;align-items:center;gap:.45rem;padding:.5rem .95rem;border-radius:999px;background:rgba(111,74,49,.07);border:1px solid rgba(111,74,49,.10);font-size:.82rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--story-brown)}
.story-title{font-size:clamp(2.5rem,4.5vw,4.5rem);line-height:1.05;color:var(--story-ink);margin:1rem 0 1.2rem;max-width:760px}
.story-lead{font-size:1.08rem;line-height:1.85;color:var(--story-ink-soft);max-width:700px}
.story-cta-row{display:flex;flex-wrap:wrap;gap:1rem;margin:1.5rem 0}
.story-ratio-card{padding:1.2rem 1.25rem;border-radius:24px;background:rgba(255,252,247,.75);border:1px solid rgba(111,74,49,.09);margin-bottom:1.2rem}
.story-ratio-head strong{display:block;color:var(--story-ink)}
.story-ratio-head span{display:block;color:var(--story-ink-soft);font-size:.95rem;margin-top:.2rem}
.story-ratio-track{display:grid;grid-template-columns:3fr 1fr;gap:.55rem;margin-top:1rem}
.story-ratio-fill{display:flex;align-items:center;justify-content:center;min-height:52px;border-radius:18px;font-weight:800;letter-spacing:.02em}
.story-ratio-fill-books{background:linear-gradient(135deg,#9b6d3f,#6b432a);color:#fff9ef}
.story-ratio-fill-stationery{background:linear-gradient(135deg,#ecd7b1,#d6b47f);color:#593a28}
.story-note-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.story-note-card,.story-closing-card{padding:1.15rem 1.2rem;background:linear-gradient(180deg, rgba(255,251,245,.95), rgba(245,233,212,.84))}
.story-note-card strong,.story-closing-card h3{display:block;color:var(--story-ink);margin-bottom:.45rem}
.story-note-card span,.story-closing-card p{display:block;color:var(--story-ink-soft);line-height:1.65}
.storybook-visual{position:relative;min-height:100%;padding:1.2rem .4rem .8rem}
.storybook-visual-book{display:grid;grid-template-columns:1fr 1fr;gap:0;transform:rotate(-4deg);border-radius:26px;overflow:hidden;box-shadow:0 28px 52px rgba(79,49,31,.15)}
.storybook-page{min-height:360px;padding:2rem;background:linear-gradient(180deg, #fff8ea, #f1dfbe);border:1px solid rgba(111,74,49,.10)}
.storybook-page-right{background:linear-gradient(180deg, #fffdf7, #ead6b3)}
.storybook-page-label{display:block;font-size:.78rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#9d7348;margin-bottom:1rem}
.storybook-page h3{font-size:1.8rem;line-height:1.25;color:var(--story-ink);margin-bottom:1rem}
.storybook-page p,.storybook-focus-list li{color:var(--story-ink-soft);line-height:1.75}
.storybook-focus-list{margin:0;padding-left:1rem;display:grid;gap:.65rem}
.storybook-floating-card{position:absolute;max-width:230px;padding:.95rem 1rem;border-radius:22px;background:rgba(255,248,236,.94);border:1px solid rgba(111,74,49,.10);box-shadow:0 18px 34px rgba(79,49,31,.12)}
.storybook-floating-card span{display:block;font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#9d7348;margin-bottom:.4rem}
.storybook-floating-card strong{display:block;color:var(--story-ink);line-height:1.5}
.storybook-floating-card-top{right:-6px;top:8%}
.storybook-floating-card-bottom{left:-6px;bottom:6%}
.story-section-title{color:var(--story-ink)}
.story-category-card{padding:1.5rem 1.45rem;min-height:100%;background:linear-gradient(145deg, rgba(255,249,239,.98), rgba(244,229,203,.95))}
.story-category-card-book{background:linear-gradient(145deg, rgba(255,249,239,.98), rgba(240,224,196,.95))}
.story-category-card:hover,.story-banner-card:hover,.story-closing-card:hover,.stationery-corner-card:hover{transform:translateY(-4px);box-shadow:0 28px 54px rgba(79,49,31,.12), inset 0 1px 0 rgba(255,255,255,.52)}
.stationery-corner-card{padding:1.5rem 1.4rem;background:linear-gradient(160deg, rgba(255,252,247,.98), rgba(239,228,210,.95));position:sticky;top:120px}
.stationery-corner-card h3{color:var(--story-ink);font-size:1.7rem;line-height:1.28;margin:1rem 0 .8rem}
.stationery-corner-card p{color:var(--story-ink-soft);line-height:1.75}
.stationery-mini-list,.stationery-product-stack{display:grid;gap:.9rem;margin-top:1.25rem}
.stationery-mini-item,.stationery-product-chip{display:grid;gap:.3rem;padding:1rem;border-radius:20px;background:rgba(255,250,243,.9);border:1px solid rgba(111,74,49,.09);transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease}
.stationery-mini-item strong,.stationery-product-chip strong{color:var(--story-ink)}
.stationery-mini-item span,.stationery-product-chip span{color:var(--story-ink-soft);line-height:1.55}
.stationery-mini-item:hover,.stationery-product-chip:hover{transform:translateY(-2px);box-shadow:0 18px 30px rgba(79,49,31,.08);border-color:rgba(111,74,49,.16)}
.story-banner-card{padding:2rem;background:linear-gradient(145deg, rgba(255,249,239,.98), rgba(243,228,199,.95))}
.story-banner-visual{padding:1rem;border-radius:28px;background:rgba(255,252,248,.88);border:1px solid rgba(111,74,49,.08);box-shadow:inset 0 1px 0 rgba(255,255,255,.55)}
.story-closing-card{padding:1.3rem 1.2rem;height:100%}
.home-story-shell .product-card,.home-story-shell .glass-card,.home-story-shell .hero-card,.home-story-shell .stat-card{background:linear-gradient(180deg, rgba(255,251,246,.96), rgba(244,231,210,.9));border:1px solid rgba(111,74,49,.10);box-shadow:0 18px 38px rgba(79,49,31,.08)}
.home-story-shell .product-card-price,.home-story-shell .price-tag{color:var(--story-brown)}
.home-story-shell .pill-soft{background:rgba(111,74,49,.08);color:var(--story-brown)}
.home-story-shell .hero-tag{background:rgba(255,250,243,.92);border:1px solid rgba(111,74,49,.10)}
.home-story-shell .product-card-media img,.home-story-shell .product-detail-image{border:1px solid rgba(111,74,49,.09);background:#fffaf4}

@media (max-width: 991.98px){
  .book-intro-scene{grid-template-columns:1fr;gap:1.5rem;text-align:center}
  .book-intro-copy{max-width:none}
  .book-intro-skip{justify-self:center}
  .story-note-grid{grid-template-columns:1fr}
  .storybook-floating-card{position:static;max-width:none;margin-top:1rem}
  .stationery-corner-card{position:relative;top:auto}
}
@media (max-width: 767.98px){
  .book-intro-overlay{padding:1rem}
  .book-intro-book{height:240px}
  .book-intro-page{padding:1.2rem 1.25rem}
  .book-intro-page strong{font-size:1.1rem;max-width:160px}
  .storybook-hero,.story-banner-card,.story-closing-card,.stationery-corner-card,.story-category-card{border-radius:24px}
  .storybook-visual-book{grid-template-columns:1fr;transform:none}
  .storybook-page{min-height:auto}
  .story-ratio-track{grid-template-columns:1fr}
}
@media (prefers-reduced-motion: reduce){
  .book-intro-overlay,
  .book-intro-overlay *{animation:none!important;transition:none!important}
}


/* Step 28 blue storybook intro + homepage polish */
.home-story-shell{
    --story-ink:#153553;
    --story-ink-soft:#5f7c9d;
    --story-gold:#77d8ff;
    --story-paper:#f3f9ff;
    --story-paper-deep:#dceeff;
    --story-brown:#1d4fd7;
    background:
        radial-gradient(circle at top left, rgba(119,216,255,.28), transparent 24%),
        radial-gradient(circle at top right, rgba(29,79,215,.16), transparent 22%),
        linear-gradient(180deg, #eef6ff 0%, #f8fbff 34%, #ffffff 100%);
}
.home-story-shell::before{background:radial-gradient(circle, rgba(119,216,255,.24), transparent 68%)}
.home-story-shell::after{background:radial-gradient(circle, rgba(29,79,215,.14), transparent 68%)}
.home-story-shell .site-header{background:rgba(245,250,255,.86);border-bottom:1px solid rgba(29,79,215,.10);box-shadow:0 14px 34px rgba(29,79,215,.08)}
.home-story-shell .brand-name,.home-story-shell .nav-link:hover,.home-story-shell .text-cyan{color:var(--story-brown)!important}
.home-story-shell .btn-soft{color:var(--story-brown)!important;border-color:rgba(29,79,215,.10)}
.home-story-shell .btn-primary-pill{background:linear-gradient(135deg,#72d6ff 0%,#2f74ff 54%,#1b43c6 100%);box-shadow:0 18px 36px rgba(29,79,215,.22), inset 0 1px 0 rgba(255,255,255,.26)}
.home-story-shell .site-footer{background:linear-gradient(180deg, rgba(243,249,255,.86), rgba(232,242,255,.96));border-top:1px solid rgba(29,79,215,.10)}

.book-intro-overlay{padding:2rem;background:linear-gradient(135deg, rgba(5,21,62,.94), rgba(17,60,138,.88) 48%, rgba(113,214,255,.72) 100%);backdrop-filter:blur(14px)}
.book-intro-overlay::before,.book-intro-overlay::after{content:'';position:absolute;inset:auto;border-radius:999px;pointer-events:none;filter:blur(16px)}
.book-intro-overlay::before{width:420px;height:420px;left:-120px;top:-120px;background:radial-gradient(circle, rgba(115,221,255,.30), transparent 68%)}
.book-intro-overlay::after{width:380px;height:380px;right:-140px;bottom:-120px;background:radial-gradient(circle, rgba(123,156,255,.24), transparent 68%)}
.book-intro-aurora{position:absolute;inset:10% 12% auto 12%;height:220px;border-radius:999px;background:linear-gradient(90deg, rgba(114,225,255,0), rgba(114,225,255,.26), rgba(255,255,255,.14), rgba(83,131,255,.22), rgba(83,131,255,0));filter:blur(24px);opacity:.95;animation:introAurora 7s ease-in-out infinite}
.book-intro-stars{position:absolute;inset:0;pointer-events:none}
.book-intro-stars span{position:absolute;width:8px;height:8px;border-radius:999px;background:radial-gradient(circle, rgba(255,255,255,.95), rgba(137,227,255,.42) 52%, transparent 72%);box-shadow:0 0 22px rgba(151,226,255,.6);animation:introStarFloat 6.2s ease-in-out infinite}
.book-intro-stars span:nth-child(1){top:16%;left:14%;animation-delay:.2s}
.book-intro-stars span:nth-child(2){top:22%;left:76%;animation-delay:1.1s}
.book-intro-stars span:nth-child(3){top:64%;left:11%;animation-delay:2.1s}
.book-intro-stars span:nth-child(4){top:70%;left:82%;animation-delay:1.7s}
.book-intro-stars span:nth-child(5){top:34%;left:56%;animation-delay:2.8s}
.book-intro-stars span:nth-child(6){top:52%;left:73%;animation-delay:.9s}
.book-intro-scene{position:relative;z-index:1;width:min(1140px,100%);gap:2.6rem}
.book-intro-copy{color:#eff7ff;max-width:560px}
.book-intro-kicker{background:rgba(255,255,255,.10);border:1px solid rgba(183,228,255,.28);color:#f5fbff;box-shadow:0 10px 30px rgba(12,24,63,.18)}
.book-intro-copy h2{font-size:clamp(2.2rem,4.3vw,4rem);margin:1rem 0 .9rem;color:#ffffff;text-shadow:0 10px 26px rgba(8,23,59,.26)}
.book-intro-copy p{font-size:1.08rem;line-height:1.9;color:rgba(239,247,255,.92)}
.book-intro-note{display:inline-flex;align-items:center;gap:.5rem;margin-top:1.2rem;padding:.7rem 1rem;border-radius:999px;background:rgba(255,255,255,.10);border:1px solid rgba(188,230,255,.26);box-shadow:0 12px 28px rgba(10,27,71,.16);font-size:.92rem;font-weight:700;color:#f3fbff}
.book-intro-stage{position:relative;display:flex;justify-content:center;isolation:isolate}
.book-intro-stage::before{content:'';position:absolute;inset:12% 16%;border-radius:50%;background:radial-gradient(circle, rgba(128,222,255,.28), transparent 70%);filter:blur(14px);z-index:-1}
.book-intro-shadow{bottom:-26px;width:84%;height:56px;background:radial-gradient(circle, rgba(7,18,56,.42), transparent 72%);filter:blur(14px)}
.book-intro-book{width:min(520px,100%);height:350px;animation:introBookFloat 5.6s ease-in-out infinite alternate}
.book-intro-page,.book-intro-cover{border-radius:24px}
.book-intro-page{padding:2.15rem 2.3rem;background:linear-gradient(180deg, #fafdff, #dbeeff);border:1px solid rgba(121,172,255,.18);box-shadow:inset 0 0 0 1px rgba(255,255,255,.55), 0 16px 28px rgba(9,29,80,.08)}
.book-intro-page::before{content:'';position:absolute;left:22px;right:22px;top:30px;height:1px;background:linear-gradient(90deg, transparent, rgba(108,150,226,.32), transparent)}
.book-intro-page span{color:#3471cf}
.book-intro-page strong{color:#17395d;max-width:260px}
.book-intro-page-right{background:linear-gradient(180deg, #ffffff, #e9f4ff);padding-left:3.2rem}
.book-intro-cover{background:linear-gradient(155deg, #1f56df 0%, #2b8bff 48%, #77d9ff 100%);border:1px solid rgba(229,247,255,.26);box-shadow:0 30px 58px rgba(6,24,71,.34), inset 0 1px 0 rgba(255,255,255,.24);overflow:hidden}
.book-intro-cover::before{left:18px;top:18px;bottom:18px;width:12px;background:linear-gradient(180deg, rgba(227,247,255,.58), rgba(37,95,204,.58))}
.book-intro-cover::after{content:'';position:absolute;inset:0;background:linear-gradient(135deg, rgba(255,255,255,.20), transparent 30%, rgba(255,255,255,.10) 52%, transparent 72%);pointer-events:none}
.book-intro-cover-inner{color:#f5fbff;padding:2.2rem}
.book-intro-cover-mark{width:70px;height:70px;border-radius:22px;background:rgba(255,255,255,.14);border:1px solid rgba(233,247,255,.24);box-shadow:0 12px 26px rgba(10,35,84,.20);font-size:1.15rem}
.book-intro-cover-inner strong{font-size:1.95rem;letter-spacing:.04em;text-shadow:0 10px 24px rgba(7,31,74,.24)}
.book-intro-cover-inner small{font-size:1rem;opacity:.92}
.book-intro-skip{color:#eef8ff;font-weight:800;letter-spacing:.02em}
.book-intro-skip:hover{color:#ffffff}
.book-intro-overlay.is-active .book-intro-cover{animation:storyCoverOpenBlue 3.8s cubic-bezier(.22,.65,.18,1) .55s forwards}
.book-intro-overlay.is-active .book-intro-page-left{animation:storyPageLeftBlue 3.8s cubic-bezier(.24,.64,.18,1) .55s forwards}
.book-intro-overlay.is-active .book-intro-page-right{animation:storyPageRightBlue 3.8s cubic-bezier(.24,.64,.18,1) .55s forwards}
.book-intro-overlay.is-active .book-intro-copy{animation:introCopyRiseBlue 1.15s ease .18s both}

.storybook-hero,.story-banner-card,.story-closing-card,.stationery-corner-card,.story-category-card{border:1px solid rgba(29,79,215,.09);box-shadow:0 24px 54px rgba(29,79,215,.08), inset 0 1px 0 rgba(255,255,255,.58)}
.storybook-hero{background:linear-gradient(135deg, rgba(248,252,255,.98), rgba(232,243,255,.96))}
.storybook-hero::before,.story-banner-card::before,.story-closing-card::before,.stationery-corner-card::before,.story-category-card::before{background:radial-gradient(circle at top right, rgba(119,216,255,.16), transparent 28%), linear-gradient(135deg, rgba(255,255,255,.18), transparent 44%)}
.story-kicker,.story-shelf-badge,.stationery-corner-badge{background:rgba(29,79,215,.07);border:1px solid rgba(29,79,215,.11);color:var(--story-brown)}
.story-ratio-card{background:rgba(248,252,255,.84);border:1px solid rgba(29,79,215,.08)}
.story-ratio-fill-books{background:linear-gradient(135deg,#79ddff,#2f74ff);color:#f8fcff}
.story-ratio-fill-stationery{background:linear-gradient(135deg,#dfeeff,#b8d8ff);color:#184789}
.story-note-card,.story-closing-card{background:linear-gradient(180deg, rgba(251,254,255,.96), rgba(231,242,255,.88))}
.storybook-visual-book{box-shadow:0 30px 58px rgba(29,79,215,.14)}
.storybook-page{background:linear-gradient(180deg, #fafdff, #dfedff);border:1px solid rgba(29,79,215,.08)}
.storybook-page-right{background:linear-gradient(180deg, #ffffff, #e8f3ff)}
.storybook-page-label,.storybook-floating-card span{color:#3170d2}
.storybook-floating-card{background:rgba(248,252,255,.94);border:1px solid rgba(29,79,215,.08);box-shadow:0 20px 36px rgba(29,79,215,.12)}
.story-category-card,.story-category-card-book{background:linear-gradient(145deg, rgba(248,252,255,.98), rgba(231,242,255,.95))}
.stationery-corner-card{background:linear-gradient(160deg, rgba(249,253,255,.98), rgba(227,240,255,.95))}
.stationery-mini-item,.stationery-product-chip{background:rgba(250,253,255,.94);border:1px solid rgba(29,79,215,.08)}
.story-banner-card{background:linear-gradient(145deg, rgba(247,252,255,.98), rgba(226,239,255,.95))}
.story-banner-visual{background:rgba(251,254,255,.9);border:1px solid rgba(29,79,215,.08)}
.home-story-shell .product-card,.home-story-shell .glass-card,.home-story-shell .hero-card,.home-story-shell .stat-card{background:linear-gradient(180deg, rgba(250,253,255,.97), rgba(231,242,255,.90));border:1px solid rgba(29,79,215,.08);box-shadow:0 20px 42px rgba(29,79,215,.08)}
.home-story-shell .product-card-price,.home-story-shell .price-tag{color:var(--story-brown)}
.home-story-shell .pill-soft{background:rgba(29,79,215,.08);color:var(--story-brown)}
.home-story-shell .hero-tag{background:rgba(248,252,255,.94);border:1px solid rgba(29,79,215,.09)}
.home-story-shell .product-card-media img,.home-story-shell .product-detail-image{border:1px solid rgba(29,79,215,.08);background:#fbfdff}

@keyframes introAurora{
  0%,100%{transform:translateX(-3%) scaleX(1);opacity:.76}
  50%{transform:translateX(3%) scaleX(1.08);opacity:1}
}
@keyframes introBookFloat{
  0%{transform:translateY(0) rotate(-1deg)}
  100%{transform:translateY(-10px) rotate(1deg)}
}
@keyframes introStarFloat{
  0%,100%{transform:translateY(0) scale(.9);opacity:.5}
  50%{transform:translateY(-14px) scale(1.15);opacity:1}
}
@keyframes storyCoverOpenBlue{
    0%{transform:rotateY(0deg) translateX(0) scale(1);opacity:1}
    42%{transform:rotateY(-96deg) translateX(-10px) scale(1);opacity:1}
    76%{transform:rotateY(-136deg) translateX(-18px) scale(1.02);opacity:1}
    100%{transform:rotateY(-156deg) translateX(-24px) scale(1.02);opacity:0}
}
@keyframes storyPageLeftBlue{
    0%{transform:translateX(-8%) rotateY(0deg)}
    100%{transform:translateX(-19%) rotateY(-18deg)}
}
@keyframes storyPageRightBlue{
    0%{transform:translateX(8%) rotateY(0deg)}
    100%{transform:translateX(18%) rotateY(10deg)}
}
@keyframes introCopyRiseBlue{
    0%{opacity:0;transform:translateY(28px)}
    100%{opacity:1;transform:translateY(0)}
}

@media (max-width: 767.98px){
  .book-intro-book{height:270px}
  .book-intro-note{font-size:.84rem;padding:.65rem .9rem}
}

/* Step 29 refined double-page intro */
.book-intro-overlay{overflow:hidden}
.book-intro-scene{align-items:center}
.book-intro-book{width:min(560px,100%);height:360px;animation:introBookFloat 7.4s ease-in-out infinite alternate}
.book-intro-stage{min-width:min(560px,100%)}
.book-intro-spread{position:absolute;inset:0;display:grid;grid-template-columns:1fr 1fr;border-radius:24px;overflow:hidden;box-shadow:0 24px 44px rgba(8,30,85,.12)}
.book-intro-spread .book-intro-page{position:relative;inset:auto;transform:none;border-radius:0;min-height:100%;padding:2.15rem 2.2rem 2rem}
.book-intro-spread .book-intro-page-left{border-radius:24px 0 0 24px;background:linear-gradient(180deg, #f8fcff, #dcecff)}
.book-intro-spread .book-intro-page-right{border-radius:0 24px 24px 0;background:linear-gradient(180deg, #ffffff, #e8f3ff);padding-left:2.6rem}
.book-intro-spread .book-intro-page-left::after{content:'';position:absolute;top:0;right:-1px;width:22px;height:100%;background:linear-gradient(90deg, rgba(128,166,227,.14), rgba(255,255,255,0));pointer-events:none}
.book-intro-spread .book-intro-page-right::after{content:'';position:absolute;top:0;left:0;width:26px;height:100%;background:linear-gradient(90deg, rgba(29,79,215,.12), rgba(255,255,255,0));pointer-events:none}
.book-intro-sheet,.book-intro-cover{position:absolute;top:0;bottom:0;right:0;left:auto;width:50.5%;transform-origin:left center;transform-style:preserve-3d;backface-visibility:hidden;border-radius:0 24px 24px 0;will-change:transform, opacity;overflow:visible}
.book-intro-sheet{filter:drop-shadow(0 18px 28px rgba(8,30,85,.18));z-index:3}
.book-intro-sheet::after,.book-intro-cover::before{content:'';position:absolute;left:-2px;top:0;bottom:0;width:18px;background:linear-gradient(90deg, rgba(13,44,110,.26), rgba(255,255,255,0));pointer-events:none}
.book-intro-sheet-face{position:absolute;inset:0;padding:2rem 2rem 1.9rem 2.1rem;border-radius:0 24px 24px 0;border:1px solid rgba(121,172,255,.18);backface-visibility:hidden;display:flex;flex-direction:column;justify-content:center;box-shadow:inset 0 0 0 1px rgba(255,255,255,.48)}
.book-intro-sheet-face::before{content:'';position:absolute;left:20px;right:18px;top:28px;height:1px;background:linear-gradient(90deg, transparent, rgba(108,150,226,.26), transparent)}
.book-intro-sheet-face span{font-size:.82rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#3170d2;margin-bottom:.8rem;position:relative;z-index:1}
.book-intro-sheet-face strong{font-size:1.35rem;line-height:1.45;color:#17395d;max-width:220px;position:relative;z-index:1}
.book-intro-sheet-front{background:linear-gradient(180deg, #ffffff, #eaf4ff)}
.book-intro-sheet-back{background:linear-gradient(180deg, #f7fbff, #deeeff);transform:rotateY(180deg)}
.book-intro-sheet-one{z-index:4}
.book-intro-sheet-two{z-index:5}
.book-intro-cover{z-index:6;background:linear-gradient(155deg, #1c4ad2 0%, #2c7bff 50%, #79ddff 100%);box-shadow:0 30px 58px rgba(6,24,71,.34), inset 0 1px 0 rgba(255,255,255,.24)}
.book-intro-cover::before{left:0;top:18px;bottom:18px;width:14px;background:linear-gradient(180deg, rgba(227,247,255,.58), rgba(37,95,204,.58))}
.book-intro-cover::after{content:'';position:absolute;inset:0;border-radius:inherit;background:linear-gradient(135deg, rgba(255,255,255,.20), transparent 28%, rgba(255,255,255,.10) 52%, transparent 72%);pointer-events:none}
.book-intro-cover-inner{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:2.2rem 2rem 2.2rem 2.4rem}
.book-intro-cover-mark{width:72px;height:72px;border-radius:22px;background:rgba(255,255,255,.14);border:1px solid rgba(233,247,255,.24);box-shadow:0 12px 26px rgba(10,35,84,.20);font-size:1.15rem}
.book-intro-cover-inner strong{font-size:2rem;letter-spacing:.04em;text-shadow:0 10px 24px rgba(7,31,74,.24)}
.book-intro-cover-inner small{font-size:1rem;opacity:.92}
.book-intro-copy{max-width:520px}
.book-intro-copy h2{font-size:clamp(2.45rem,4.6vw,4.25rem);margin:1rem 0 .9rem;line-height:1.06}
.book-intro-copy p{font-size:1.08rem;line-height:1.9;color:rgba(239,247,255,.92);max-width:50ch}
.book-intro-note{margin-top:1.3rem}
.book-intro-shadow{bottom:-28px;width:86%;height:58px;background:radial-gradient(circle, rgba(7,18,56,.48), transparent 72%);filter:blur(16px)}
.book-intro-overlay.is-active .book-intro-cover{animation:storyCoverLiftBlue 1.7s cubic-bezier(.21,.72,.19,1) .45s forwards}
.book-intro-overlay.is-active .book-intro-sheet-one{animation:storySheetTurnBlue 1.85s cubic-bezier(.2,.72,.2,1) 1.45s forwards}
.book-intro-overlay.is-active .book-intro-sheet-two{animation:storySheetTurnBlue 1.85s cubic-bezier(.2,.72,.2,1) 3.1s forwards}
.book-intro-overlay.is-active .book-intro-copy{animation:introCopyRiseBlue 1.3s ease .16s both}

@keyframes storyCoverLiftBlue{
    0%{transform:rotateY(0deg) translateX(0) scale(1);opacity:1}
    45%{transform:rotateY(-84deg) translateX(-8px) scale(1.01);opacity:1}
    78%{transform:rotateY(-132deg) translateX(-20px) scale(1.02);opacity:.78}
    100%{transform:rotateY(-154deg) translateX(-32px) scale(1.02);opacity:0}
}
@keyframes storySheetTurnBlue{
    0%{transform:rotateY(0deg) translateX(0);opacity:1}
    42%{transform:rotateY(-88deg) translateX(-8px);opacity:1}
    76%{transform:rotateY(-152deg) translateX(-20px);opacity:.96}
    100%{transform:rotateY(-180deg) translateX(-28px);opacity:0}
}

@media (max-width: 991.98px){
  .book-intro-scene{gap:1.8rem}
  .book-intro-stage{min-width:0;width:100%}
  .book-intro-book{width:min(500px,100%);height:320px}
}

@media (max-width: 767.98px){
  .book-intro-book{height:258px;width:min(420px,100%)}
  .book-intro-spread .book-intro-page{padding:1.25rem 1.15rem 1.2rem}
  .book-intro-sheet-face{padding:1.2rem 1rem 1.1rem 1.15rem}
  .book-intro-page strong,.book-intro-sheet-face strong{font-size:1rem;max-width:145px}
  .book-intro-copy h2{font-size:clamp(2rem,8vw,2.7rem)}
  .book-intro-note{font-size:.84rem;padding:.64rem .9rem}
}


/* Step 30 cinematic portal-book intro */
.book-intro-overlay.portal-book-intro{
    position:fixed;
    inset:0;
    z-index:1060;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:2rem;
    overflow:hidden;
    background:
        radial-gradient(circle at 18% 20%, rgba(124,214,255,.26), transparent 22%),
        radial-gradient(circle at 82% 18%, rgba(124,156,255,.22), transparent 20%),
        radial-gradient(circle at 50% 82%, rgba(255,255,255,.12), transparent 24%),
        linear-gradient(140deg, #041532 0%, #0a2a62 42%, #1349a2 72%, #79dfff 100%);
    backdrop-filter:blur(16px);
}
.book-intro-overlay.portal-book-intro::before,
.book-intro-overlay.portal-book-intro::after{
    content:'';
    position:absolute;
    border-radius:50%;
    filter:blur(10px);
    pointer-events:none;
}
.book-intro-overlay.portal-book-intro::before{
    width:38rem;
    height:38rem;
    left:-12rem;
    top:-12rem;
    background:radial-gradient(circle, rgba(156,232,255,.28), transparent 68%);
}
.book-intro-overlay.portal-book-intro::after{
    width:34rem;
    height:35.4rem;
    right:-10rem;
    bottom:-12rem;
    background:radial-gradient(circle, rgba(178,198,255,.22), transparent 70%);
}
.portal-book-world{
    position:relative;
    z-index:2;
    width:min(1180px, 100%);
    display:grid;
    grid-template-columns:minmax(0, .95fr) minmax(0, 1.05fr);
    gap:3.4rem;
    align-items:center;
}
.portal-book-copy{
    color:#f3fbff;
    max-width:34rem;
    animation:portalCopyIn 1s cubic-bezier(.22,.7,.2,1) .12s both, portalCopyOut .7s ease 3.45s forwards;
}
.portal-book-kicker{
    display:inline-flex;
    align-items:center;
    gap:.5rem;
    padding:.62rem 1rem;
    border-radius:999px;
    border:1px solid rgba(221,244,255,.26);
    background:rgba(255,255,255,.10);
    box-shadow:0 14px 28px rgba(5,18,52,.14);
    font-size:.82rem;
    font-weight:800;
    letter-spacing:.12em;
    text-transform:uppercase;
}
.portal-book-copy h2{
    margin:1rem 0 .85rem;
    font-size:clamp(2.4rem, 4.9vw, 4.85rem);
    line-height:1.03;
    letter-spacing:-.03em;
    color:#ffffff;
    text-shadow:0 18px 42px rgba(6, 24, 71, .26);
}
.portal-book-copy p{
    margin:0;
    font-size:1.08rem;
    line-height:1.9;
    color:rgba(236,248,255,.92);
    max-width:50ch;
}
.portal-book-stage{
    position:relative;
    min-height:460px;
    display:flex;
    align-items:center;
    justify-content:center;
    transform-style:preserve-3d;
    perspective:2600px;
    animation:portalDive 2.65s cubic-bezier(.15,.8,.16,1) 3.55s forwards;
}
.portal-book-stage::before{
    content:'';
    position:absolute;
    inset:8% 14% 12%;
    border-radius:50%;
    background:radial-gradient(circle, rgba(138,225,255,.30), rgba(84,137,255,.18) 42%, transparent 72%);
    filter:blur(20px);
    transform:translateZ(-40px);
}
.portal-book-shadow{
    position:absolute;
    bottom:1rem;
    width:76%;
    height:72px;
    border-radius:50%;
    background:radial-gradient(circle, rgba(2,11,34,.62), rgba(2,11,34,0) 72%);
    filter:blur(18px);
    animation:portalShadowShift 5.8s ease-in-out .2s forwards;
}
.portal-book-shell{
    position:relative;
    width:min(700px, 100%);
    aspect-ratio:1.45 / 1;
    transform-style:preserve-3d;
    transform:translateY(34px) rotateX(22deg) rotateZ(-8deg) scale(.88);
    animation:portalBookEnter 1.05s cubic-bezier(.19,.82,.22,1) .16s forwards;
}
.portal-book-base{
    position:absolute;
    inset:7.8% 4.5% 11% 4.5%;
    border-radius:28px;
    overflow:hidden;
    box-shadow:
        0 34px 78px rgba(4, 18, 52, .34),
        inset 0 1px 0 rgba(255,255,255,.42),
        inset 0 -1px 0 rgba(13,59,143,.12);
    background:linear-gradient(180deg, rgba(244,250,255,.92), rgba(222,237,255,.96));
}
.portal-book-base::before{
    content:'';
    position:absolute;
    inset:0;
    background:linear-gradient(180deg, rgba(255,255,255,.38), transparent 18%, transparent 82%, rgba(15,45,110,.06));
    pointer-events:none;
}
.portal-book-page-surface{
    position:absolute;
    top:0;
    bottom:0;
    width:50%;
    background:
        linear-gradient(180deg, rgba(255,255,255,.82), rgba(232,243,255,.95)),
        repeating-linear-gradient(180deg, rgba(92,144,227,.12) 0, rgba(92,144,227,.12) 1px, transparent 1px, transparent 22px);
}
.portal-book-page-surface-left{
    left:0;
    border-radius:28px 0 0 28px;
    box-shadow:inset -20px 0 30px rgba(63,107,190,.08);
}
.portal-book-page-surface-right{
    right:0;
    border-radius:0 28px 28px 0;
    box-shadow:inset 20px 0 30px rgba(63,107,190,.10);
}
.portal-book-page-surface-left::after,
.portal-book-page-surface-right::after{
    content:'';
    position:absolute;
    top:0;
    bottom:0;
    width:34px;
    pointer-events:none;
}
.portal-book-page-surface-left::after{
    right:-2px;
    background:linear-gradient(90deg, rgba(28,72,161,.10), rgba(255,255,255,0));
}
.portal-book-page-surface-right::after{
    left:-2px;
    background:linear-gradient(90deg, rgba(28,72,161,.14), rgba(255,255,255,0));
}
.portal-book-gutter{
    position:absolute;
    left:50%;
    top:0;
    bottom:0;
    width:48px;
    transform:translateX(-50%);
    background:radial-gradient(ellipse at center, rgba(17,58,139,.26) 0%, rgba(255,255,255,0) 72%);
    filter:blur(2px);
}
.portal-book-pages{
    position:absolute;
    top:11.2%;
    bottom:13.8%;
    width:52.8%;
    border-radius:24px;
    background:repeating-linear-gradient(180deg, rgba(236,246,255,.98) 0 2px, rgba(197,219,248,.96) 2px 4px);
    box-shadow:0 18px 24px rgba(8,33,83,.10);
    opacity:.96;
}
.portal-book-pages-left{
    left:2.6%;
    transform:translateX(-1.2%) rotateY(18deg) skewY(1deg);
    clip-path:polygon(0 4%, 94% 0, 100% 100%, 0 96%);
    animation:portalLeftBreath 2.3s ease-in-out 1.45s 1 both;
}
.portal-book-pages-right{
    right:2.4%;
    transform:translateX(1.6%) rotateY(-16deg) skewY(-1deg);
    clip-path:polygon(0 0, 100% 4%, 100% 96%, 6% 100%);
    animation:portalRightBreath 2.3s ease-in-out 1.45s 1 both;
}
.portal-book-pages::before,
.portal-book-pages::after{
    content:'';
    position:absolute;
    inset:0;
    border-radius:inherit;
    pointer-events:none;
}
.portal-book-pages::before{
    background:linear-gradient(180deg, rgba(255,255,255,.72), transparent 18%, transparent 84%, rgba(50,99,187,.08));
}
.portal-book-pages::after{
    background:repeating-linear-gradient(180deg, rgba(116,162,231,.12) 0 1px, transparent 1px 20px);
    mix-blend-mode:multiply;
    opacity:.48;
}
.portal-book-cover{
    position:absolute;
    top:8.4%;
    bottom:11.4%;
    left:50.05%;
    width:46.8%;
    transform-origin:left center;
    transform-style:preserve-3d;
    border-radius:0 28px 28px 0;
    z-index:5;
    animation:portalCoverOpen 2.25s cubic-bezier(.2,.74,.2,1) .82s forwards;
}
.portal-book-cover::before{
    content:'';
    position:absolute;
    left:0;
    top:10px;
    bottom:10px;
    width:14px;
    background:linear-gradient(180deg, rgba(231,246,255,.56), rgba(25,88,194,.58));
    border-radius:999px;
    box-shadow:0 0 0 1px rgba(255,255,255,.12);
}
.portal-book-cover::after{
    content:'';
    position:absolute;
    inset:0;
    border-radius:inherit;
    background:linear-gradient(135deg, rgba(255,255,255,.20), transparent 32%, rgba(255,255,255,.08) 52%, transparent 76%);
    pointer-events:none;
}
.portal-book-cover-face{
    position:absolute;
    inset:0;
    padding:2.3rem 2rem 2.2rem 2.55rem;
    border-radius:inherit;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:flex-start;
    color:#f4fbff;
    background:linear-gradient(155deg, #1139a7 0%, #2376ff 46%, #8ce7ff 100%);
    box-shadow:
        0 36px 72px rgba(5, 18, 52, .26),
        inset 0 1px 0 rgba(255,255,255,.24),
        inset 0 -1px 0 rgba(16,60,160,.14);
    border:1px solid rgba(230,246,255,.18);
    backface-visibility:hidden;
}
.portal-book-cover-mark{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:74px;
    height:74px;
    margin-bottom:1rem;
    border-radius:24px;
    background:rgba(255,255,255,.14);
    border:1px solid rgba(241,250,255,.24);
    box-shadow:0 14px 28px rgba(8,32,79,.16);
    font-weight:900;
    letter-spacing:.08em;
}
.portal-book-cover-face strong{
    font-size:2rem;
    line-height:1.06;
    letter-spacing:.02em;
    text-shadow:0 10px 26px rgba(5, 21, 62, .26);
}
.portal-book-cover-face small{
    margin-top:.55rem;
    font-size:1rem;
    opacity:.92;
}
.portal-book-portal{
    position:absolute;
    left:50%;
    top:50%;
    width:36%;
    aspect-ratio:1;
    transform:translate(-50%, -50%) scale(.28);
    opacity:0;
    pointer-events:none;
    z-index:3;
    animation:portalCoreBloom 1.75s cubic-bezier(.2,.7,.2,1) 2.1s forwards;
}
.portal-book-portal::before{
    content:'';
    position:absolute;
    inset:16%;
    border-radius:50%;
    background:radial-gradient(circle, rgba(255,255,255,.84), rgba(166,231,255,.58) 26%, rgba(58,129,255,.32) 50%, rgba(26,66,170,0) 72%);
    filter:blur(12px);
}
.portal-book-portal-ring,
.portal-book-portal-core{
    position:absolute;
    inset:0;
    border-radius:50%;
}
.portal-book-portal-ring{
    border:1px solid rgba(223,247,255,.72);
    box-shadow:0 0 0 1px rgba(84,160,255,.24) inset, 0 0 34px rgba(159,231,255,.34);
    animation:portalPulse 1.8s ease-in-out infinite;
}
.portal-book-portal-ring-two{
    inset:12%;
    animation-delay:.35s;
}
.portal-book-portal-core{
    inset:25%;
    background:radial-gradient(circle, rgba(255,255,255,.95) 0%, rgba(189,242,255,.86) 28%, rgba(104,177,255,.56) 58%, rgba(28,72,170,0) 82%);
    filter:blur(2px);
    box-shadow:0 0 40px rgba(169,234,255,.55);
}
.portal-book-skip{
    justify-self:start;
    align-self:start;
    border:none;
    background:transparent;
    color:#eef8ff;
    font-weight:800;
    letter-spacing:.02em;
    text-decoration:underline;
    text-underline-offset:4px;
}
.portal-book-skip:hover{color:#ffffff}
.portal-book-stars{position:absolute;inset:0;pointer-events:none}
.portal-book-stars span{
    position:absolute;
    width:8px;
    height:8px;
    border-radius:50%;
    background:radial-gradient(circle, rgba(255,255,255,.96), rgba(168,232,255,.44) 58%, transparent 74%);
    box-shadow:0 0 22px rgba(158,232,255,.56);
    animation:portalStarFloat 6.6s ease-in-out infinite;
}
.portal-book-stars span:nth-child(1){top:10%;left:13%;animation-delay:.2s}
.portal-book-stars span:nth-child(2){top:18%;left:81%;animation-delay:1.2s}
.portal-book-stars span:nth-child(3){top:28%;left:64%;animation-delay:2.1s}
.portal-book-stars span:nth-child(4){top:62%;left:14%;animation-delay:1.5s}
.portal-book-stars span:nth-child(5){top:76%;left:84%;animation-delay:2.4s}
.portal-book-stars span:nth-child(6){top:52%;left:72%;animation-delay:.8s}
.portal-book-stars span:nth-child(7){top:34%;left:28%;animation-delay:1.8s}
.portal-book-stars span:nth-child(8){top:82%;left:52%;animation-delay:2.9s}

.book-intro-overlay.portal-book-intro.is-active{opacity:1;pointer-events:auto;visibility:visible}
.book-intro-overlay.portal-book-intro.is-finished{opacity:0;pointer-events:none;visibility:hidden;transition:opacity .6s ease, visibility .6s ease}

@keyframes portalCopyIn{
    0%{opacity:0;transform:translateY(26px)}
    100%{opacity:1;transform:translateY(0)}
}
@keyframes portalCopyOut{
    0%{opacity:1;transform:translateY(0)}
    100%{opacity:0;transform:translateY(-18px)}
}
@keyframes portalBookEnter{
    0%{opacity:0;transform:translateY(54px) rotateX(28deg) rotateZ(-12deg) scale(.76)}
    100%{opacity:1;transform:translateY(0) rotateX(18deg) rotateZ(-8deg) scale(1)}
}
@keyframes portalCoverOpen{
    0%{transform:rotateY(0deg)}
    40%{transform:rotateY(-72deg)}
    70%{transform:rotateY(-138deg)}
    100%{transform:rotateY(-164deg)}
}
@keyframes portalLeftBreath{
    0%{transform:translateX(-1.2%) rotateY(18deg) skewY(1deg)}
    40%{transform:translateX(-2.3%) rotateY(26deg) skewY(1.2deg)}
    100%{transform:translateX(-1.6%) rotateY(21deg) skewY(1deg)}
}
@keyframes portalRightBreath{
    0%{transform:translateX(1.6%) rotateY(-16deg) skewY(-1deg)}
    40%{transform:translateX(2.6%) rotateY(-25deg) skewY(-1.2deg)}
    100%{transform:translateX(1.8%) rotateY(-20deg) skewY(-1deg)}
}
@keyframes portalCoreBloom{
    0%{opacity:0;transform:translate(-50%, -50%) scale(.22)}
    40%{opacity:1;transform:translate(-50%, -50%) scale(.86)}
    100%{opacity:1;transform:translate(-50%, -50%) scale(1)}
}
@keyframes portalPulse{
    0%,100%{transform:scale(.92);opacity:.74}
    50%{transform:scale(1.06);opacity:1}
}
@keyframes portalDive{
    0%{transform:translateZ(0) scale(1)}
    16%{transform:translateY(-2px) scale(1.02)}
    58%{transform:translateY(-8px) scale(1.44)}
    100%{transform:translateY(-14px) scale(3.65)}
}
@keyframes portalShadowShift{
    0%{opacity:.62;transform:scale(1)}
    55%{opacity:.5;transform:scale(1.08)}
    100%{opacity:0;transform:scale(1.22)}
}
@keyframes portalStarFloat{
    0%,100%{transform:translateY(0) scale(.85);opacity:.65}
    50%{transform:translateY(-16px) scale(1.08);opacity:1}
}

@media (max-width: 991.98px){
    .portal-book-world{grid-template-columns:1fr;gap:1.9rem;text-align:center}
    .portal-book-copy{max-width:none;animation:portalCopyIn 1s cubic-bezier(.22,.7,.2,1) .12s both, portalCopyOut .6s ease 3.1s forwards}
    .portal-book-copy p{margin-inline:auto}
    .portal-book-stage{min-height:360px;animation:portalDive 2.3s cubic-bezier(.15,.8,.16,1) 3.35s forwards}
    .portal-book-skip{justify-self:center}
    .portal-book-shell{width:min(560px,100%)}
}
@media (max-width: 767.98px){
    .book-intro-overlay.portal-book-intro{padding:1.15rem}
    .portal-book-copy h2{font-size:clamp(2rem, 9vw, 3rem)}
    .portal-book-copy p{font-size:1rem;line-height:1.75}
    .portal-book-stage{min-height:280px}
    .portal-book-shell{width:min(420px,100%)}
    .portal-book-cover-face{padding:1.35rem 1rem 1.4rem 1.45rem}
    .portal-book-cover-face strong{font-size:1.35rem}
    .portal-book-cover-face small{font-size:.82rem}
    .portal-book-cover-mark{width:52px;height:52px;border-radius:16px;font-size:.95rem;margin-bottom:.7rem}
    .portal-book-pages{top:11.4%;bottom:14.5%}
}
@media (prefers-reduced-motion: reduce){
    .portal-book-copy,
    .portal-book-stage,
    .portal-book-shell,
    .portal-book-cover,
    .portal-book-pages,
    .portal-book-portal,
    .portal-book-stars span{
        animation:none!important;
    }
}

/* Step 31 refined immersive story portal intro */
.book-intro-overlay.portal-book-intro{
    position:fixed;
    inset:0;
    z-index:1060;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:2rem;
    background:
        radial-gradient(circle at 16% 18%, rgba(130,221,255,.26), transparent 24%),
        radial-gradient(circle at 84% 82%, rgba(131,159,255,.20), transparent 24%),
        linear-gradient(135deg, #06183f 0%, #0b2d73 44%, #1d62d2 72%, #7be0ff 100%);
    backdrop-filter:blur(14px);
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transition:opacity .55s ease, visibility .55s ease;
}
.book-intro-overlay.portal-book-intro.is-active{opacity:1;visibility:visible;pointer-events:auto}
.book-intro-overlay.portal-book-intro.is-finished{opacity:0;visibility:hidden;pointer-events:none}
.book-intro-overlay.portal-book-intro::before,
.book-intro-overlay.portal-book-intro::after{
    content:'';
    position:absolute;
    inset:auto;
    border-radius:999px;
    pointer-events:none;
    filter:blur(22px);
}
.book-intro-overlay.portal-book-intro::before{
    width:440px;
    height:440px;
    left:-120px;
    top:-140px;
    background:radial-gradient(circle, rgba(123,231,255,.28), transparent 68%);
}
.book-intro-overlay.portal-book-intro::after{
    width:380px;
    height:380px;
    right:-120px;
    bottom:-120px;
    background:radial-gradient(circle, rgba(140,171,255,.22), transparent 70%);
}
.portal-book-world{
    position:relative;
    z-index:2;
    width:min(1220px,100%);
    display:grid;
    grid-template-columns:minmax(320px, 420px) minmax(420px, 1fr);
    gap:2.4rem;
    align-items:center;
}
.portal-book-copy{
    color:#edf8ff;
    max-width:410px;
    animation:portalIntroCopyIn .95s cubic-bezier(.22,.7,.2,1) both;
}
.portal-book-kicker{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:.6rem 1rem;
    border-radius:999px;
    background:rgba(255,255,255,.10);
    border:1px solid rgba(200,237,255,.28);
    box-shadow:0 12px 30px rgba(6,22,62,.18);
    font-size:.82rem;
    font-weight:800;
    letter-spacing:.12em;
    text-transform:uppercase;
    color:#f4fbff;
}
.portal-book-copy h2{
    margin:1rem 0 .85rem;
    font-size:clamp(2.1rem,4vw,4rem);
    line-height:1.02;
    color:#ffffff;
    text-shadow:0 10px 26px rgba(5,24,60,.24);
}
.portal-book-copy p{
    margin:0;
    font-size:1.04rem;
    line-height:1.92;
    color:rgba(237,248,255,.92);
}
.portal-book-stage{
    position:relative;
    min-height:520px;
    display:flex;
    align-items:center;
    justify-content:center;
    perspective:2600px;
    transform-style:preserve-3d;
    will-change:transform, opacity;
}
.portal-book-shadow{
    position:absolute;
    bottom:28px;
    width:min(640px,84%);
    height:76px;
    border-radius:50%;
    background:radial-gradient(circle, rgba(3,10,34,.46), transparent 74%);
    filter:blur(18px);
}
.portal-book-shell{
    position:relative;
    width:min(760px, 100%);
    aspect-ratio:1.62 / 1;
    transform-style:preserve-3d;
    transform:rotateX(18deg) rotateZ(-7deg) translateZ(0);
    will-change:transform, opacity;
    transition:transform 1.55s cubic-bezier(.16,.75,.14,1), opacity .65s ease;
}
.portal-book-spine,
.portal-book-stack,
.portal-book-static-page,
.portal-book-turn-page,
.portal-book-cover{
    position:absolute;
    top:10%;
    bottom:13%;
    border-radius:24px;
    transform-style:preserve-3d;
    backface-visibility:hidden;
}
.portal-book-spine{
    left:47.5%;
    width:5%;
    border-radius:20px;
    background:linear-gradient(180deg, #0b2c78, #174db8 55%, #0a2b72 100%);
    box-shadow:0 0 0 1px rgba(218,241,255,.12), inset 0 0 0 1px rgba(255,255,255,.08);
    z-index:2;
}
.portal-book-stack{
    top:11.5%;
    bottom:14.5%;
    width:40%;
    border-radius:20px;
    background:linear-gradient(180deg, rgba(241,249,255,.92), rgba(209,228,255,.98));
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.52);
}
.portal-book-stack::before,
.portal-book-stack::after{
    content:'';
    position:absolute;
    inset:0;
    border-radius:inherit;
    pointer-events:none;
}
.portal-book-stack::before{
    background:repeating-linear-gradient(180deg, rgba(91,130,196,.12) 0 1px, transparent 1px 7px);
    opacity:.85;
}
.portal-book-stack::after{
    background:linear-gradient(90deg, rgba(255,255,255,.72), transparent 18%, transparent 82%, rgba(105,139,204,.12));
}
.portal-book-stack-left{left:6%;transform:translateZ(-8px)}
.portal-book-stack-right{right:8%;transform:translateZ(-8px)}
.portal-book-static-page,
.portal-book-turn-page,
.portal-book-cover{width:42%; right:8%; overflow:visible}
.portal-book-static-page{
    left:6%;
    right:auto;
    z-index:3;
    background:linear-gradient(180deg, #fbfdff, #dceefe);
    border:1px solid rgba(153,189,247,.24);
    box-shadow:0 26px 46px rgba(4,20,57,.10), inset 0 0 0 1px rgba(255,255,255,.64);
}
.portal-book-static-page::before,
.portal-page-face::before{
    content:'';
    position:absolute;
    inset:18px 20px auto 20px;
    height:1px;
    background:linear-gradient(90deg, transparent, rgba(67,109,184,.26), transparent);
}
.portal-book-turn-page{
    z-index:6;
    transform-origin:left center;
    transform:rotateY(0deg);
    transition:transform 1.2s cubic-bezier(.22,.7,.18,1), filter .75s ease, box-shadow .75s ease;
    filter:drop-shadow(0 22px 36px rgba(4,22,64,.12));
}
.portal-book-turn-page-first{z-index:6}
.portal-book-turn-page-second{z-index:5}
.portal-book-cover{
    z-index:8;
    transform-origin:left center;
    background:linear-gradient(155deg, #2058df 0%, #2e84ff 52%, #7be0ff 100%);
    border:1px solid rgba(232,247,255,.24);
    box-shadow:0 34px 62px rgba(6,24,71,.34), inset 0 1px 0 rgba(255,255,255,.26);
    overflow:hidden;
    transition:transform 1.55s cubic-bezier(.22,.7,.18,1), opacity .65s ease;
}
.portal-book-cover::before{
    content:'';
    position:absolute;
    top:16px;
    bottom:16px;
    left:18px;
    width:12px;
    border-radius:999px;
    background:linear-gradient(180deg, rgba(239,251,255,.66), rgba(33,95,204,.65));
}
.portal-book-cover::after{
    content:'';
    position:absolute;
    inset:0;
    background:linear-gradient(135deg, rgba(255,255,255,.20), transparent 32%, rgba(255,255,255,.10) 55%, transparent 72%);
    pointer-events:none;
}
.portal-book-cover-face,
.portal-page-face{
    position:absolute;
    inset:0;
    border-radius:inherit;
    backface-visibility:hidden;
    overflow:hidden;
}
.portal-book-cover-face{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    padding:2.1rem 1.8rem 2rem 2rem;
    color:#f5fbff;
    text-align:center;
}
.portal-book-cover-mark{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:72px;
    height:72px;
    margin-bottom:1rem;
    border-radius:22px;
    background:rgba(255,255,255,.14);
    border:1px solid rgba(233,247,255,.26);
    box-shadow:0 14px 28px rgba(7,33,83,.20);
    font-weight:900;
    font-size:1.15rem;
    letter-spacing:.08em;
}
.portal-book-cover-face strong{
    display:block;
    font-size:1.95rem;
    letter-spacing:.03em;
    text-shadow:0 10px 24px rgba(7,31,74,.24);
}
.portal-book-cover-face small{
    display:block;
    margin-top:.45rem;
    font-size:.96rem;
    line-height:1.65;
    opacity:.94;
}
.portal-page-face{
    background:linear-gradient(180deg, #fbfdff, #dceefe);
    border:1px solid rgba(153,189,247,.24);
    box-shadow:0 26px 46px rgba(4,20,57,.10), inset 0 0 0 1px rgba(255,255,255,.64);
}
.portal-page-face-back{transform:rotateY(180deg); background:linear-gradient(180deg, #ffffff, #e8f4ff)}
.portal-page-face-portal{
    background:linear-gradient(180deg, #fafdff 0%, #eaf5ff 30%, #d6ebff 100%);
}
.portal-page-layout{
    position:relative;
    z-index:2;
    height:100%;
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding:2rem 1.9rem 1.8rem 2.05rem;
    color:#17395d;
}
.portal-page-layout-soft{background:linear-gradient(180deg, rgba(250,253,255,.74), rgba(233,244,255,.72))}
.portal-page-layout-left{padding-right:2.15rem}
.portal-page-kicker{
    display:inline-flex;
    align-self:flex-start;
    margin-bottom:.9rem;
    font-size:.76rem;
    font-weight:900;
    letter-spacing:.12em;
    text-transform:uppercase;
    color:#2f72d4;
}
.portal-page-layout h3{
    margin:0 0 .85rem;
    font-size:1.62rem;
    line-height:1.22;
    color:#16385d;
}
.portal-page-layout p,
.portal-page-list li{
    margin:0;
    font-size:.98rem;
    line-height:1.78;
    color:#41658f;
}
.portal-page-list{
    margin:0;
    padding-left:1.1rem;
    display:grid;
    gap:.55rem;
}
.portal-window{
    position:absolute;
    inset:12% 10%;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:.85rem;
    border-radius:28px;
    overflow:hidden;
    background:radial-gradient(circle at 50% 36%, rgba(122,230,255,.42), rgba(39,102,226,.18) 36%, rgba(9,33,95,.86) 82%);
    box-shadow:0 0 0 1px rgba(217,243,255,.28), inset 0 0 40px rgba(129,227,255,.18);
}
.portal-window::before{
    content:'';
    position:absolute;
    inset:-18%;
    background:conic-gradient(from 180deg, rgba(112,229,255,.18), rgba(255,255,255,.04), rgba(69,123,255,.16), rgba(112,229,255,.18));
    animation:portalWindowSpin 8s linear infinite;
}
.portal-window-glow{
    position:absolute;
    inset:18% 20%;
    border-radius:50%;
    background:radial-gradient(circle, rgba(159,241,255,.95), rgba(93,162,255,.46) 38%, rgba(10,36,96,0) 72%);
    filter:blur(10px);
}
.portal-window-ui{
    position:relative;
    z-index:2;
    width:74%;
    padding:1rem;
    border-radius:18px;
    background:linear-gradient(180deg, rgba(251,254,255,.96), rgba(227,240,255,.92));
    box-shadow:0 12px 28px rgba(3,19,55,.22);
}
.portal-window-bar,
.portal-window-hero,
.portal-window-row span,
.portal-window-cards span{
    display:block;
    border-radius:999px;
    background:linear-gradient(90deg, #81dcff, #2f74ff);
}
.portal-window-bar{height:12px;width:58%;margin:0 auto .8rem}
.portal-window-hero{height:76px;border-radius:18px;opacity:.92}
.portal-window-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.45rem;margin-top:.75rem}
.portal-window-row span{height:10px;opacity:.72}
.portal-window-cards{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:.55rem;margin-top:.8rem}
.portal-window-cards span{height:46px;border-radius:14px;opacity:.86}
.portal-window strong{
    position:relative;
    z-index:2;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:.6rem 1rem;
    border-radius:999px;
    background:rgba(255,255,255,.12);
    border:1px solid rgba(221,245,255,.24);
    color:#f3fbff;
    font-size:.88rem;
    font-weight:800;
    letter-spacing:.06em;
    text-transform:uppercase;
}
.portal-book-skip{
    justify-self:start;
    border:none;
    background:transparent;
    color:#eef8ff;
    font-weight:800;
    letter-spacing:.02em;
    padding:.2rem 0;
    text-decoration:underline;
    text-underline-offset:4px;
}
.portal-book-skip:hover{color:#ffffff}
.portal-book-stars{position:absolute;inset:0;pointer-events:none}
.portal-book-stars span{
    position:absolute;
    width:8px;
    height:8px;
    border-radius:999px;
    background:radial-gradient(circle, rgba(255,255,255,.98), rgba(137,227,255,.42) 52%, transparent 72%);
    box-shadow:0 0 22px rgba(151,226,255,.56);
    animation:portalIntroStar 6.4s ease-in-out infinite;
}
.portal-book-stars span:nth-child(1){top:10%;left:13%;animation-delay:.2s}
.portal-book-stars span:nth-child(2){top:18%;left:81%;animation-delay:1.2s}
.portal-book-stars span:nth-child(3){top:28%;left:64%;animation-delay:2.1s}
.portal-book-stars span:nth-child(4){top:62%;left:14%;animation-delay:1.5s}
.portal-book-stars span:nth-child(5){top:76%;left:84%;animation-delay:2.4s}
.portal-book-stars span:nth-child(6){top:52%;left:72%;animation-delay:.8s}
.portal-book-stars span:nth-child(7){top:34%;left:28%;animation-delay:1.8s}
.portal-book-stars span:nth-child(8){top:82%;left:52%;animation-delay:2.9s}

.book-intro-overlay.portal-book-intro.is-active .portal-book-shell{animation:portalBookFloat 5.2s ease-in-out infinite alternate}
.book-intro-overlay.portal-book-intro.is-opening .portal-book-cover{
    transform:rotateY(-168deg) translateX(-18px) translateZ(1px);
    opacity:.18;
}
.book-intro-overlay.portal-book-intro.is-page-one .portal-book-turn-page-first{
    transform:rotateY(-178deg) translateX(-10px) translateZ(2px);
    filter:drop-shadow(0 16px 28px rgba(4,22,64,.06));
}
.book-intro-overlay.portal-book-intro.is-page-two .portal-book-turn-page-second{
    transform:rotateY(-178deg) translateX(-10px) translateZ(4px);
    filter:drop-shadow(0 16px 28px rgba(4,22,64,.06));
}
.book-intro-overlay.portal-book-intro.is-page-two .portal-window{
    animation:portalPulseIn 1.2s ease-in-out infinite alternate;
}
.book-intro-overlay.portal-book-intro.is-zooming .portal-book-stage{
    transform:translateZ(0) scale(1.18);
    transition:transform 1.5s cubic-bezier(.14,.78,.14,1);
}
.book-intro-overlay.portal-book-intro.is-zooming .portal-book-shell{
    transform:rotateX(6deg) rotateZ(0deg) translateY(16px) scale(1.22);
}
.book-intro-overlay.portal-book-intro.is-zooming .portal-window{
    transform:scale(1.34);
    transition:transform 1.45s cubic-bezier(.14,.78,.14,1), box-shadow 1.45s ease;
    box-shadow:0 0 0 1px rgba(223,247,255,.42), 0 28px 60px rgba(4,22,64,.34), inset 0 0 68px rgba(129,227,255,.24);
}
.book-intro-overlay.portal-book-intro.is-zooming .portal-window-ui{
    transform:scale(1.08);
    transition:transform 1.35s ease;
}
.book-intro-overlay.portal-book-intro.is-zooming .portal-book-copy{
    opacity:0;
    transform:translateX(-24px);
    transition:opacity .55s ease, transform .55s ease;
}

@keyframes portalIntroCopyIn{
    0%{opacity:0;transform:translateY(26px)}
    100%{opacity:1;transform:translateY(0)}
}
@keyframes portalBookFloat{
    0%{transform:rotateX(18deg) rotateZ(-7deg) translateY(0)}
    100%{transform:rotateX(18deg) rotateZ(-5deg) translateY(-8px)}
}
@keyframes portalIntroStar{
    0%,100%{transform:translateY(0) scale(.9);opacity:.5}
    50%{transform:translateY(-14px) scale(1.15);opacity:1}
}
@keyframes portalWindowSpin{
    0%{transform:rotate(0deg)}
    100%{transform:rotate(360deg)}
}
@keyframes portalPulseIn{
    0%{transform:scale(1);filter:saturate(1)}
    100%{transform:scale(1.04);filter:saturate(1.08)}
}

@media (max-width: 991.98px){
    .portal-book-world{grid-template-columns:1fr;gap:1.8rem;text-align:center}
    .portal-book-copy{max-width:none}
    .portal-book-copy p{margin-inline:auto}
    .portal-book-stage{min-height:390px}
    .portal-book-shell{width:min(560px, 100%)}
    .portal-book-skip{justify-self:center}
}
@media (max-width: 767.98px){
    .book-intro-overlay.portal-book-intro{padding:1rem}
    .portal-book-copy h2{font-size:clamp(1.9rem, 9vw, 2.9rem)}
    .portal-book-copy p{font-size:.96rem;line-height:1.8}
    .portal-book-stage{min-height:300px}
    .portal-book-cover-face,
    .portal-page-layout{padding:1.35rem 1.1rem 1.25rem 1.3rem}
    .portal-book-cover-face strong{font-size:1.35rem}
    .portal-book-cover-face small{font-size:.82rem}
    .portal-book-cover-mark{width:56px;height:56px;border-radius:18px;font-size:.98rem;margin-bottom:.7rem}
    .portal-page-layout h3{font-size:1.12rem}
    .portal-page-layout p,
    .portal-page-list li{font-size:.8rem;line-height:1.55}
    .portal-window{border-radius:18px}
    .portal-window-ui{padding:.7rem}
    .portal-window-hero{height:54px}
}
@media (prefers-reduced-motion: reduce){
    .portal-book-copy,
    .portal-book-shell,
    .portal-book-stage,
    .portal-book-cover,
    .portal-book-turn-page,
    .portal-window,
    .portal-book-stars span{animation:none !important;transition:none !important}
}

/* Step 32 clearer physical-book intro */
.book-intro-overlay.portal-book-intro{
    background:
        radial-gradient(circle at 18% 18%, rgba(150,234,255,.22), transparent 24%),
        radial-gradient(circle at 82% 78%, rgba(137,167,255,.18), transparent 26%),
        linear-gradient(135deg, #071634 0%, #0d2d71 44%, #1956c1 72%, #7fe1ff 100%);
}
.portal-book-world{
    width:min(1260px,100%);
    grid-template-columns:minmax(300px, 400px) minmax(460px, 1fr);
    gap:3rem;
}
.portal-book-copy{max-width:390px}
.portal-book-copy h2{font-size:clamp(2.25rem,4.2vw,4.2rem)}
.portal-book-stage{min-height:560px;perspective:3200px;overflow:visible}
.portal-book-shell{
    width:min(820px,100%);
    aspect-ratio:1.7/1;
    transform:rotateX(16deg) rotateZ(-6deg) translateZ(0);
}
.book-intro-overlay.portal-book-intro.is-active .portal-book-shell{animation:portalBookFloat32 5s ease-in-out infinite alternate}
.portal-book-shadow{
    bottom:10px;
    width:min(690px,86%);
    height:86px;
    background:radial-gradient(circle, rgba(4,14,42,.56), transparent 72%);
}
.portal-book-spine,
.portal-book-stack,
.portal-book-static-page,
.portal-book-turn-page,
.portal-book-cover{
    top:8%;
    bottom:11%;
    border-radius:26px;
}
.portal-book-spine{
    left:48.2%;
    width:4.8%;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
    z-index:4;
    box-shadow:0 0 0 1px rgba(233,246,255,.14), inset 0 0 0 1px rgba(255,255,255,.10), inset 10px 0 14px rgba(5,20,60,.28);
}
.portal-book-spine span{
    color:#f2fbff;
    font-size:.82rem;
    font-weight:800;
    letter-spacing:.18em;
    text-transform:uppercase;
    writing-mode:vertical-rl;
    transform:rotate(180deg);
    text-shadow:0 8px 22px rgba(7,24,67,.28);
}
.portal-book-stack{top:9.4%;bottom:12.6%;width:42.5%;border-radius:24px}
.portal-book-stack-left{left:5.2%;transform:translateZ(-16px) rotateY(10deg)}
.portal-book-stack-right{right:6.4%;transform:translateZ(-16px) rotateY(-10deg)}
.portal-book-stack::before{background:repeating-linear-gradient(180deg, rgba(86,126,193,.18) 0 1px, transparent 1px 6px)}
.portal-book-stack::after{background:linear-gradient(90deg, rgba(255,255,255,.82), transparent 18%, transparent 82%, rgba(85,123,189,.18))}
.portal-book-static-page,
.portal-book-turn-page,
.portal-book-cover{width:43.2%;right:6.4%}
.portal-book-static-page{left:5.2%;right:auto;z-index:5}
.portal-book-static-page,
.portal-page-face{
    background:
        linear-gradient(180deg, rgba(255,255,255,.98), rgba(228,240,255,.98)),
        repeating-linear-gradient(180deg, rgba(93,131,195,.09) 0 1px, transparent 1px 22px);
    box-shadow:0 28px 52px rgba(4,20,57,.12), inset 0 0 0 1px rgba(255,255,255,.72);
}
.portal-book-static-page::after,
.portal-page-face::after{
    content:'';
    position:absolute;
    inset:0;
    border-radius:inherit;
    background:linear-gradient(90deg, rgba(255,255,255,.68), transparent 10%, transparent 85%, rgba(70,108,180,.12));
    pointer-events:none;
}
.portal-book-turn-page{z-index:7;filter:drop-shadow(0 26px 36px rgba(4,22,64,.14));}
.portal-book-turn-page-first{z-index:7}
.portal-book-turn-page-second{z-index:6}
.portal-book-turn-page .portal-page-face-front,
.portal-book-turn-page .portal-page-face-back{box-shadow:none}
.portal-book-cover{z-index:9}
.portal-book-cover-face{
    position:relative;
    gap:.28rem;
    padding:2.3rem 1.8rem 2.1rem 2rem;
    background:
        radial-gradient(circle at 28% 22%, rgba(255,255,255,.22), transparent 20%),
        linear-gradient(155deg, #1748c9 0%, #2b79ff 50%, #89e5ff 100%);
}
.portal-book-cover-face::before{
    content:'';
    position:absolute;
    inset:18px;
    border-radius:20px;
    border:1px solid rgba(231,247,255,.24);
    pointer-events:none;
}
.portal-book-cover-mark{margin-bottom:.75rem}
.portal-book-cover-label{
    display:inline-flex;
    margin-bottom:.4rem;
    font-size:.74rem;
    font-weight:800;
    letter-spacing:.18em;
    text-transform:uppercase;
    opacity:.92;
}
.portal-book-cover-face strong{font-size:2.2rem;line-height:1.02}
.portal-book-cover-face em{
    display:block;
    margin-top:.55rem;
    font-style:normal;
    font-size:1rem;
    font-weight:700;
    letter-spacing:.08em;
    text-transform:uppercase;
    color:rgba(241,251,255,.92);
}
.portal-book-cover-face small:last-child{margin-top:.5rem;font-size:.95rem}
.portal-book-corner{
    position:absolute;
    width:72px;
    height:72px;
    right:16px;
    border-radius:0 24px 0 24px;
    border:1px solid rgba(230,246,255,.24);
    background:linear-gradient(135deg, rgba(255,255,255,.16), rgba(255,255,255,0));
    z-index:10;
}
.portal-book-corner-top{top:14px}
.portal-book-corner-bottom{bottom:14px;transform:rotate(180deg)}
.portal-page-layout{padding:2rem 2rem 1.8rem 2.15rem}
.portal-page-layout h3{font-size:1.52rem}
.portal-page-list{gap:.6rem}
.portal-page-lines{
    margin-top:1rem;
    display:grid;
    gap:.45rem;
}
.portal-page-lines span{
    display:block;
    height:8px;
    border-radius:999px;
    background:linear-gradient(90deg, rgba(50,115,222,.22), rgba(50,115,222,.06));
}
.portal-page-lines span:nth-child(1){width:88%}
.portal-page-lines span:nth-child(2){width:74%}
.portal-page-lines span:nth-child(3){width:61%}
.portal-window{
    inset:10% 9%;
    border-radius:30px;
    background:radial-gradient(circle at 50% 34%, rgba(142,234,255,.48), rgba(38,104,229,.18) 34%, rgba(8,33,97,.88) 82%);
}
.portal-window-ui{width:78%;transform:translateZ(0)}
.portal-zoom-preview{
    position:absolute;
    inset:3% 2%;
    display:flex;
    align-items:center;
    justify-content:center;
    opacity:0;
    pointer-events:none;
    transform:scale(.84);
    z-index:20;
    transition:opacity .9s ease, transform 1.15s cubic-bezier(.15,.8,.16,1);
}
.portal-zoom-preview-frame{
    width:min(720px, 88%);
    padding:1.15rem;
    border-radius:30px;
    background:linear-gradient(180deg, rgba(252,254,255,.98), rgba(229,241,255,.96));
    box-shadow:0 34px 80px rgba(5,20,58,.34), inset 0 0 0 1px rgba(255,255,255,.78);
}
.portal-zoom-topbar,
.portal-zoom-hero,
.portal-zoom-grid span,
.portal-zoom-cards span{
    display:block;
    background:linear-gradient(90deg, #7edcff, #2f74ff);
    border-radius:999px;
}
.portal-zoom-topbar{height:14px;width:28%;margin:0 auto 1rem}
.portal-zoom-hero{height:150px;border-radius:24px;opacity:.95}
.portal-zoom-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;margin-top:1rem}
.portal-zoom-grid span{height:12px;opacity:.74}
.portal-zoom-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.85rem;margin-top:1.15rem}
.portal-zoom-cards span{height:84px;border-radius:18px;opacity:.88}
.book-intro-overlay.portal-book-intro.is-opening .portal-book-cover{
    transform:rotateY(-162deg) translateX(-10px) translateZ(4px);
    opacity:.22;
}
.book-intro-overlay.portal-book-intro.is-page-one .portal-book-turn-page-first{
    transform:rotateY(-176deg) translateX(-8px) translateZ(6px);
    filter:drop-shadow(0 14px 24px rgba(4,22,64,.06));
}
.book-intro-overlay.portal-book-intro.is-page-two .portal-book-turn-page-second{
    transform:rotateY(-176deg) translateX(-8px) translateZ(10px);
    filter:drop-shadow(0 14px 24px rgba(4,22,64,.06));
}
.book-intro-overlay.portal-book-intro.is-page-two .portal-window{animation:portalPulseIn32 1.05s ease-in-out infinite alternate}
.book-intro-overlay.portal-book-intro.is-zooming .portal-book-stage{
    transform:translateY(-14px) scale(1.03);
    transition:transform 1.15s cubic-bezier(.15,.8,.16,1);
}
.book-intro-overlay.portal-book-intro.is-zooming .portal-book-shell{
    transform:rotateX(8deg) rotateZ(0deg) translateY(6px) scale(.96);
    opacity:.22;
}
.book-intro-overlay.portal-book-intro.is-zooming .portal-zoom-preview{
    opacity:1;
    transform:scale(1);
}
.book-intro-overlay.portal-book-intro.is-zooming .portal-book-copy{
    opacity:0;
    transform:translateX(-18px);
    transition:opacity .45s ease, transform .45s ease;
}
@keyframes portalBookFloat32{
    0%{transform:rotateX(16deg) rotateZ(-6deg) translateY(0)}
    100%{transform:rotateX(16deg) rotateZ(-4deg) translateY(-8px)}
}
@keyframes portalPulseIn32{
    0%{transform:scale(1);filter:saturate(1)}
    100%{transform:scale(1.035);filter:saturate(1.08)}
}
@media (max-width: 991.98px){
    .portal-book-world{grid-template-columns:1fr;gap:1.8rem;text-align:center}
    .portal-book-copy{max-width:none}
    .portal-book-copy p{margin-inline:auto}
    .portal-book-stage{min-height:430px}
    .portal-book-shell{width:min(620px,100%)}
    .portal-book-skip{justify-self:center}
}
@media (max-width: 767.98px){
    .portal-book-stage{min-height:320px}
    .portal-book-shell{width:min(450px,100%)}
    .portal-book-cover-face,.portal-page-layout{padding:1.4rem 1.15rem 1.2rem 1.3rem}
    .portal-book-cover-face strong{font-size:1.45rem}
    .portal-book-cover-face em{font-size:.76rem}
    .portal-book-cover-mark{width:56px;height:56px;border-radius:18px;font-size:1rem}
    .portal-book-corner{width:46px;height:46px;right:10px}
    .portal-page-layout h3{font-size:1.04rem}
    .portal-page-layout p,.portal-page-list li{font-size:.78rem;line-height:1.5}
    .portal-zoom-preview-frame{width:92%;padding:.85rem;border-radius:20px}
    .portal-zoom-hero{height:92px;border-radius:16px}
    .portal-zoom-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* Step 33 book clarity + crisp portal transition */
.portal-book-stage{
    perspective:1800px;
    min-height:500px;
}
.portal-book-shell{
    width:min(760px, 100%);
    aspect-ratio:1.62 / 1;
    transform:rotateX(10deg) rotateZ(-3deg) translateZ(0);
    transform-style:preserve-3d;
    isolation:isolate;
    will-change:transform, opacity;
}
.portal-book-shell::before,
.portal-book-shell::after{
    content:'';
    position:absolute;
    top:7.6%;
    bottom:10.8%;
    border-radius:28px;
    pointer-events:none;
}
.portal-book-shell::before{
    left:4.4%;
    width:43.8%;
    background:linear-gradient(160deg, #0f38a0 0%, #2369ea 48%, #7adfff 100%);
    box-shadow:0 26px 54px rgba(6,24,72,.22), inset 0 0 0 1px rgba(241,250,255,.12);
    transform:translateZ(-28px) rotateY(11deg);
}
.portal-book-shell::after{
    right:5.2%;
    width:44.2%;
    background:linear-gradient(180deg, rgba(255,255,255,.96), rgba(225,238,255,.96));
    box-shadow:0 22px 44px rgba(7,24,72,.10), inset 0 0 0 1px rgba(255,255,255,.78);
    transform:translateZ(-24px) rotateY(-8deg);
}
.portal-book-shadow{
    width:min(740px, 92%);
    height:96px;
    filter:blur(16px);
}
.portal-book-spine,
.portal-book-stack,
.portal-book-static-page,
.portal-book-turn-page,
.portal-book-cover,
.portal-page-face{
    -webkit-font-smoothing:antialiased;
    backface-visibility:hidden;
    transform-style:preserve-3d;
}
.portal-book-spine{
    left:47.2%;
    width:6.3%;
    border-radius:16px;
    background:linear-gradient(180deg, #0f3497 0%, #2c71f5 54%, #77dcff 100%);
}
.portal-book-spine span{
    font-size:.92rem;
    letter-spacing:.22em;
}
.portal-book-stack{top:9.2%;bottom:12.2%;width:43.2%;border-radius:26px}
.portal-book-stack-left{left:4.8%;transform:translateZ(-20px) rotateY(12deg)}
.portal-book-stack-right{right:5.5%;transform:translateZ(-20px) rotateY(-12deg)}
.portal-book-static-page,
.portal-book-turn-page,
.portal-book-cover{width:44.2%;right:5.1%}
.portal-book-static-page{left:4.8%;right:auto;z-index:5}
.portal-book-static-page,
.portal-page-face{
    background:
        linear-gradient(180deg, rgba(255,255,255,.99), rgba(230,241,255,.98)),
        repeating-linear-gradient(180deg, rgba(92,131,196,.08) 0 1px, transparent 1px 24px);
    box-shadow:0 28px 54px rgba(4,20,57,.12), inset 0 0 0 1px rgba(255,255,255,.80);
}
.portal-book-turn-page{
    filter:none;
    box-shadow:0 20px 42px rgba(4,22,64,.11);
    transition:transform 1.35s cubic-bezier(.2,.76,.17,1), opacity .42s ease, box-shadow .7s ease;
}
.portal-book-turn-page-first{transform:rotateY(-2deg) translateZ(6px)}
.portal-book-turn-page-second{transform:rotateY(-1deg) translateZ(4px)}
.portal-book-cover{
    border-radius:0 30px 30px 6px;
    box-shadow:0 38px 72px rgba(6,24,71,.34), inset 0 1px 0 rgba(255,255,255,.28);
}
.portal-book-cover-face{
    padding:2.35rem 1.9rem 2.2rem 2.05rem;
}
.portal-book-cover-face strong{
    font-size:2.35rem;
    line-height:1;
}
.portal-book-cover-face em{
    margin-top:.68rem;
    font-size:1rem;
    letter-spacing:.12em;
}
.portal-book-cover-face small:last-child{
    margin-top:.7rem;
    font-size:1rem;
}
.portal-book-corner{
    width:78px;
    height:78px;
}
.portal-page-layout{
    padding:2.1rem 2rem 1.9rem 2.15rem;
}
.portal-page-kicker{
    font-size:.8rem;
    letter-spacing:.13em;
}
.portal-page-layout h3{
    font-size:1.72rem;
    line-height:1.18;
}
.portal-page-layout p,
.portal-page-list li{
    font-size:1rem;
    line-height:1.72;
}
.portal-window{
    inset:9% 8%;
    border-radius:32px;
    box-shadow:0 0 0 1px rgba(217,243,255,.32), inset 0 0 48px rgba(129,227,255,.20), 0 18px 36px rgba(7,24,70,.18);
}
.book-intro-overlay.portal-book-intro.is-opening .portal-book-cover{
    transform:rotateY(-150deg) translateX(-5px) translateZ(8px);
    opacity:.98;
}
.book-intro-overlay.portal-book-intro.is-page-one .portal-book-turn-page-first{
    transform:rotateY(-168deg) translateX(-10px) translateZ(12px);
    box-shadow:0 10px 18px rgba(4,22,64,.06);
}
.book-intro-overlay.portal-book-intro.is-page-two .portal-book-turn-page-second{
    transform:rotateY(-168deg) translateX(-10px) translateZ(16px);
    box-shadow:0 10px 18px rgba(4,22,64,.06);
}
.portal-zoom-preview{
    inset:0;
    padding:1.4rem;
    transform:none;
    transition:opacity .82s ease;
}
.portal-zoom-preview::before{
    content:'';
    position:absolute;
    inset:0;
    background:radial-gradient(circle at 50% 50%, rgba(169,235,255,.18), transparent 52%);
    pointer-events:none;
}
.portal-zoom-preview-frame{
    width:min(1120px, calc(100vw - 4rem));
    min-height:min(620px, 72vh);
    padding:1.4rem;
    border-radius:34px;
    transform:translateY(24px) scale(.985);
    opacity:0;
    transition:transform .95s cubic-bezier(.17,.8,.17,1), opacity .72s ease;
}
.portal-zoom-topbar{height:15px;width:22%}
.portal-zoom-hero{height:180px;border-radius:28px}
.portal-zoom-grid{gap:.85rem}
.portal-zoom-grid span{height:13px}
.portal-zoom-cards{gap:1rem}
.portal-zoom-cards span{height:100px;border-radius:20px}
.book-intro-overlay.portal-book-intro.is-zooming .portal-book-stage{
    transform:none;
}
.book-intro-overlay.portal-book-intro.is-zooming .portal-book-shell,
.book-intro-overlay.portal-book-intro.is-zooming .portal-book-shadow{
    opacity:0;
    transition:opacity .42s ease;
}
.book-intro-overlay.portal-book-intro.is-zooming .portal-zoom-preview{
    opacity:1;
}
.book-intro-overlay.portal-book-intro.is-zooming .portal-zoom-preview-frame{
    opacity:1;
    transform:translateY(0) scale(1);
}
.book-intro-overlay.portal-book-intro.is-zooming .portal-book-copy{
    opacity:0;
    transform:translateX(-18px);
    transition:opacity .45s ease, transform .45s ease;
}
@media (max-width: 991.98px){
    .portal-book-stage{min-height:440px}
    .portal-book-shell{width:min(640px,100%)}
    .portal-book-cover-face strong{font-size:1.9rem}
    .portal-page-layout h3{font-size:1.34rem}
    .portal-zoom-preview-frame{width:min(96vw, 880px);min-height:52vh}
}
@media (max-width: 767.98px){
    .portal-book-stage{min-height:330px}
    .portal-book-shell{width:min(460px,100%);transform:rotateX(8deg) rotateZ(-2deg)}
    .portal-book-spine{width:7%}
    .portal-book-cover-face strong{font-size:1.5rem}
    .portal-book-cover-face em,
    .portal-book-cover-face small:last-child{font-size:.8rem}
    .portal-page-layout h3{font-size:1.02rem}
    .portal-page-layout p,
    .portal-page-list li{font-size:.76rem;line-height:1.52}
    .portal-zoom-preview{padding:.8rem}
    .portal-zoom-preview-frame{width:95vw;min-height:46vh;padding:.95rem;border-radius:24px}
    .portal-zoom-hero{height:110px;border-radius:18px}
    .portal-zoom-cards{grid-template-columns:repeat(2, minmax(0, 1fr))}
    .portal-zoom-cards span{height:78px}
}

/* Step 35 realistic flip-book intro */
.book-intro-overlay.storybook-entry-intro{
    padding:2rem;
    background:
        radial-gradient(circle at 18% 18%, rgba(129,206,255,.30), transparent 24%),
        radial-gradient(circle at 82% 14%, rgba(255,255,255,.14), transparent 18%),
        linear-gradient(145deg, #021331 0%, #0b2c6f 42%, #1264c8 74%, #7ad9ff 100%);
    backdrop-filter:blur(10px);
    overflow:hidden;
}
.storybook-entry-intro::before,
.storybook-entry-intro::after{
    content:'';
    position:absolute;
    border-radius:999px;
    pointer-events:none;
    filter:blur(20px);
}
.storybook-entry-intro::before{
    width:440px;height:440px;left:-140px;top:-120px;
    background:radial-gradient(circle, rgba(164,230,255,.24), transparent 72%);
}
.storybook-entry-intro::after{
    width:400px;height:400px;right:-120px;bottom:-150px;
    background:radial-gradient(circle, rgba(255,255,255,.18), transparent 72%);
}
.storybook-entry-stars{position:absolute;inset:0;pointer-events:none}
.storybook-entry-stars span{
    position:absolute;width:7px;height:7px;border-radius:999px;
    background:radial-gradient(circle, rgba(255,255,255,.96), rgba(175,231,255,.42) 56%, transparent 75%);
    box-shadow:0 0 18px rgba(167,232,255,.55);
    animation:storybookStarFloat 6.2s ease-in-out infinite;
}
.storybook-entry-stars span:nth-child(1){top:12%;left:11%;animation-delay:.2s}
.storybook-entry-stars span:nth-child(2){top:19%;left:77%;animation-delay:1.3s}
.storybook-entry-stars span:nth-child(3){top:28%;left:64%;animation-delay:2.1s}
.storybook-entry-stars span:nth-child(4){top:60%;left:12%;animation-delay:1.1s}
.storybook-entry-stars span:nth-child(5){top:74%;left:82%;animation-delay:2.7s}
.storybook-entry-stars span:nth-child(6){top:52%;left:72%;animation-delay:.8s}
.storybook-entry-stars span:nth-child(7){top:34%;left:28%;animation-delay:1.8s}
.storybook-entry-stars span:nth-child(8){top:82%;left:48%;animation-delay:2.9s}

.storybook-entry-world{
    position:relative;z-index:1;width:min(1220px,100%);
    display:grid;grid-template-columns:minmax(290px,420px) minmax(0,1fr);
    align-items:center;gap:2.8rem;
}
.storybook-entry-copy{color:#eff7ff;max-width:430px}
.storybook-entry-kicker,.storybook-entry-note{
    display:inline-flex;align-items:center;gap:.5rem;padding:.65rem 1rem;border-radius:999px;
    background:rgba(255,255,255,.10);border:1px solid rgba(192,233,255,.24);
    box-shadow:0 14px 30px rgba(7,23,60,.16);font-weight:800;color:#f5fbff;
}
.storybook-entry-copy h2{font-size:clamp(2.45rem,4.9vw,4.5rem);line-height:1.03;color:#fff;margin:1rem 0 .95rem;text-shadow:0 12px 30px rgba(8,23,59,.28)}
.storybook-entry-copy p{font-size:1.08rem;line-height:1.9;color:rgba(239,247,255,.92);margin:0}
.storybook-entry-note{margin-top:1.3rem;font-size:.92rem;line-height:1.5}

.storybook-entry-stage{position:relative;min-height:520px;display:flex;justify-content:center;align-items:center}
.storybook-entry-stage::before{
    content:'';position:absolute;inset:14% 12%;border-radius:50%;z-index:-1;
    background:radial-gradient(circle, rgba(121,223,255,.20), transparent 72%);filter:blur(16px);
}
.storybook-entry-shadow{
    position:absolute;bottom:26px;width:78%;height:64px;border-radius:50%;
    background:radial-gradient(circle, rgba(4,14,42,.52), transparent 70%);filter:blur(20px);
}
.storybook-book-frame{
    position:relative;width:min(790px,100%);height:450px;display:flex;align-items:flex-end;justify-content:center;
    perspective:3200px;transform-style:preserve-3d;
}
.storybook-book-under-shadow{
    position:absolute;bottom:38px;left:16%;right:8%;height:26px;border-radius:50%;
    background:radial-gradient(circle, rgba(1,7,22,.42), transparent 70%);filter:blur(14px);z-index:0;
}
.storybook-book-page-stack{
    position:absolute;right:13.6%;bottom:60px;width:42%;height:288px;border-radius:0 24px 24px 0;
    background:
        repeating-linear-gradient(180deg, rgba(242,248,255,.95) 0 4px, rgba(221,232,245,.95) 4px 6px),
        linear-gradient(180deg, #fdfefe, #dce6f2);
    border:1px solid rgba(227,240,255,.42);
    box-shadow:0 28px 40px rgba(4,16,44,.18), inset 0 0 0 1px rgba(255,255,255,.48);
    transform:translateZ(-14px) skewY(-1.2deg);
    z-index:1;
}
.storybook-book-page-stack::before{
    content:'';position:absolute;left:-20px;top:0;bottom:0;width:22px;
    background:linear-gradient(90deg, rgba(9,36,90,.24), rgba(255,255,255,.05));
}
.storybook-book-spine{
    position:absolute;left:7.8%;bottom:58px;width:40px;height:288px;border-radius:24px 6px 6px 24px;
    background:linear-gradient(180deg, #08204f 0%, #103b8d 38%, #0a2255 100%);
    box-shadow:inset -4px 0 12px rgba(255,255,255,.14), 0 22px 32px rgba(3,12,34,.28);
    display:flex;align-items:center;justify-content:center;z-index:4;
}
.storybook-book-spine span{writing-mode:vertical-rl;transform:rotate(180deg);font-size:.8rem;letter-spacing:.20em;font-weight:800;color:#dff6ff;text-transform:uppercase}
.storybook-book-left-cover{
    position:absolute;left:11%;bottom:45px;width:39%;height:320px;border-radius:24px 10px 10px 24px;
    background:
        linear-gradient(145deg, rgba(255,255,255,.22), transparent 18%),
        linear-gradient(155deg, #0b2f76 0%, #1853b9 42%, #2e8bff 70%, #7edfff 100%);
    box-shadow:0 30px 46px rgba(5,17,46,.34), inset 0 1px 0 rgba(255,255,255,.24), inset -12px 0 16px rgba(5,18,46,.18);
    border:1px solid rgba(232,247,255,.24);transform:rotate(-6.2deg);z-index:2;overflow:hidden;
}
.storybook-book-left-cover::before,
.storybook-right-cover::after{
    content:'';position:absolute;inset:0;
    background:linear-gradient(135deg, rgba(255,255,255,.20), transparent 28%, rgba(255,255,255,.08) 52%, transparent 76%);
}
.storybook-book-left-cover::after{
    content:'';position:absolute;inset:18px;border-radius:18px;border:1px solid rgba(219,242,255,.18);
}
.storybook-book-left-cover-inner,.storybook-right-cover-face{
    position:relative;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;
    padding:2rem 1.8rem 2rem 2.25rem;color:#f4fbff;
}
.storybook-book-badge{
    display:inline-flex;align-items:center;justify-content:center;width:72px;height:72px;border-radius:22px;
    background:rgba(255,255,255,.14);border:1px solid rgba(232,247,255,.26);box-shadow:0 12px 26px rgba(10,35,84,.20);
    font-size:1.1rem;font-weight:900;letter-spacing:.08em;margin-bottom:1rem;
}
.storybook-book-left-cover strong,.storybook-right-cover-face strong{font-size:2.1rem;line-height:1.06;color:#fff;text-shadow:0 10px 24px rgba(7,31,74,.26)}
.storybook-book-left-cover small,.storybook-right-cover-face small{font-size:.98rem;line-height:1.7;opacity:.94;max-width:240px}
.storybook-cover-ornament{display:flex;gap:.5rem;margin-top:1.25rem}
.storybook-cover-ornament span{display:block;width:18px;height:18px;border-radius:999px;background:rgba(255,255,255,.16);border:1px solid rgba(235,248,255,.28)}

.storybook-book-spread{
    position:relative;width:77%;height:336px;border-radius:18px 24px 24px 18px;overflow:visible;
    transform:translateX(44px) rotate(-1.35deg);transform-style:preserve-3d;z-index:3;
}
.storybook-left-page,
.storybook-right-page-base,
.storybook-flip-sheet,
.storybook-right-cover{position:absolute;top:0;bottom:0;transform-style:preserve-3d;backface-visibility:hidden}
.storybook-left-page{
    left:0;width:49.5%;border-radius:18px 0 0 22px;padding:2rem 1.8rem 1.7rem 2rem;
    background:
        linear-gradient(180deg, rgba(255,255,255,.96), rgba(232,242,255,.96)),
        repeating-linear-gradient(180deg, rgba(39,103,206,.04) 0 24px, transparent 24px 25px);
    border:1px solid rgba(154,192,255,.18);
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.58), 0 18px 30px rgba(7,23,60,.08);
}
.storybook-right-page-base{
    right:0;width:50.5%;border-radius:0 22px 22px 0;
    background:linear-gradient(180deg, #ffffff, #edf5ff);border:1px solid rgba(154,192,255,.18);
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.58), 0 18px 30px rgba(7,23,60,.08);
}
.storybook-left-page::after,.storybook-right-page-base::before,.storybook-sheet-face::before{
    content:'';position:absolute;top:0;height:100%;pointer-events:none;
}
.storybook-left-page::after{right:-1px;width:22px;background:linear-gradient(90deg, rgba(119,157,221,.16), rgba(255,255,255,0))}
.storybook-right-page-base::before,.storybook-sheet-face::before{left:0;width:24px;background:linear-gradient(90deg, rgba(15,47,120,.18), rgba(255,255,255,0))}
.storybook-page-kicker{display:inline-block;font-size:.8rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase;color:#2d70d7;margin-bottom:.85rem}
.storybook-left-page h3{font-size:1.55rem;line-height:1.36;color:#153861;margin:0 0 .9rem}
.storybook-left-page p{font-size:1rem;line-height:1.78;color:#49688f;margin:0}
.storybook-mini-shelf{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.55rem;margin-top:1.15rem}
.storybook-mini-shelf span{display:block;height:80px;border-radius:14px;background:linear-gradient(180deg, rgba(24,90,204,.22), rgba(120,213,255,.18));border:1px solid rgba(111,170,255,.18)}
.storybook-page-lines,.storybook-sheet-lines{display:grid;gap:.45rem;margin-top:1rem}
.storybook-page-lines span,.storybook-sheet-lines span{display:block;height:8px;border-radius:999px;background:linear-gradient(90deg, rgba(47,112,215,.18), rgba(47,112,215,.05))}
.storybook-page-lines span:nth-child(2),.storybook-sheet-lines span:nth-child(2){width:84%}
.storybook-page-lines span:nth-child(3),.storybook-sheet-lines span:nth-child(3){width:68%}

.storybook-final-page{
    position:absolute;inset:0;padding:1.3rem 1.35rem 1.2rem 1.35rem;display:flex;flex-direction:column;justify-content:center;
    opacity:0;transform:translateX(20px) scale(.98);transition:opacity .42s ease, transform .42s ease;
}
.storybook-final-page strong{display:block;margin-top:.9rem;font-size:1rem;color:#12375f}
.storybook-final-window{
    border-radius:18px;overflow:hidden;background:#fff;border:1px solid rgba(132,184,255,.22);
    box-shadow:0 18px 30px rgba(7,23,60,.10);
}
.storybook-final-topbar{height:22px;padding:0 .65rem;display:flex;align-items:center;gap:.35rem;background:linear-gradient(90deg, rgba(19,88,204,.18), rgba(118,205,255,.24))}
.storybook-final-topbar span,.storybook-zoom-header span{display:block;width:8px;height:8px;border-radius:999px;background:rgba(255,255,255,.88)}
.storybook-final-hero{height:90px;padding:1rem;background:linear-gradient(135deg, #0f4ab2, #61d2ff);display:flex;align-items:flex-end}
.storybook-final-hero-copy small{display:block;font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.88);margin-bottom:.32rem}
.storybook-final-hero-copy strong{font-size:.95rem;line-height:1.45;color:#fff;display:block;max-width:200px;margin:0}
.storybook-final-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem;padding:.75rem .8rem .2rem}
.storybook-final-row span,.storybook-final-cards span,.storybook-zoom-grid span,.storybook-zoom-shelf{display:block;border-radius:12px;background:linear-gradient(135deg, rgba(46,114,215,.14), rgba(107,210,255,.18))}
.storybook-final-row span{height:14px}
.storybook-final-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;padding:.7rem .8rem .85rem}
.storybook-final-cards span{height:58px}

.storybook-flip-sheet,
.storybook-right-cover{right:0;width:50.5%;transform-origin:left center;border-radius:0 22px 22px 0;will-change:transform, opacity}
.storybook-flip-sheet{z-index:5;filter:drop-shadow(0 18px 28px rgba(7,23,60,.16))}
.storybook-flip-sheet-one{z-index:6}
.storybook-flip-sheet-two{z-index:7}
.storybook-sheet-face{
    position:absolute;inset:0;padding:1.7rem 1.35rem 1.35rem 1.6rem;border-radius:0 22px 22px 0;backface-visibility:hidden;
    display:flex;flex-direction:column;justify-content:center;
    background:
        linear-gradient(180deg, rgba(255,255,255,.98), rgba(234,244,255,.96)),
        repeating-linear-gradient(180deg, rgba(39,103,206,.04) 0 24px, transparent 24px 25px);
    border:1px solid rgba(132,184,255,.22);box-shadow:inset 0 0 0 1px rgba(255,255,255,.56);
}
.storybook-sheet-back{transform:rotateY(180deg);background:linear-gradient(180deg, #f7fbff, #dfeeff)}
.storybook-sheet-face strong{font-size:1.24rem;line-height:1.5;color:#17395d;max-width:240px}
.storybook-sheet-chips{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.95rem}
.storybook-sheet-chips span{display:inline-flex;align-items:center;justify-content:center;padding:.42rem .78rem;border-radius:999px;background:rgba(29,99,215,.10);border:1px solid rgba(29,99,215,.12);font-size:.72rem;font-weight:800;letter-spacing:.04em;color:#2156a4;text-transform:uppercase}

.storybook-burst-pages{position:absolute;inset:0;left:auto;width:50.5%;pointer-events:none;z-index:8;opacity:0}
.storybook-burst-pages span{
    position:absolute;top:8px;bottom:8px;right:0;width:100%;border-radius:0 20px 20px 0;
    background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(234,244,255,.96));border:1px solid rgba(140,189,255,.16);
    box-shadow:0 16px 28px rgba(7,23,60,.08);transform-origin:left center;
}
.storybook-burst-pages span:nth-child(1){right:0;opacity:.88}
.storybook-burst-pages span:nth-child(2){right:5px;opacity:.78}
.storybook-burst-pages span:nth-child(3){right:10px;opacity:.68}
.storybook-burst-pages span:nth-child(4){right:15px;opacity:.58}
.storybook-burst-pages span:nth-child(5){right:20px;opacity:.48}

.storybook-right-cover{
    z-index:9;
    background:
        linear-gradient(145deg, rgba(255,255,255,.22), transparent 18%),
        linear-gradient(155deg, #103992 0%, #1c62d2 42%, #2e8bff 70%, #7ce0ff 100%);
    box-shadow:0 30px 56px rgba(6,24,71,.30), inset 0 1px 0 rgba(255,255,255,.22), inset -10px 0 14px rgba(6,24,71,.18);
    border:1px solid rgba(232,247,255,.22);overflow:hidden;
}
.storybook-right-cover::before{content:'';position:absolute;left:0;top:12px;bottom:12px;width:16px;background:linear-gradient(180deg, rgba(226,247,255,.58), rgba(29,81,190,.48))}
.storybook-right-cover-face{padding:2.05rem 1.55rem 1.95rem 2rem}

.storybook-zoom-screen{
    position:absolute;inset:40px 58px 36px 54%;border-radius:28px;z-index:12;pointer-events:none;
    opacity:0;transform:translateY(16px) scale(.42);transform-origin:72% 52%;
    transition:opacity .7s ease .22s, transform .95s cubic-bezier(.2,.78,.18,1) .22s;
}
.storybook-zoom-frame{
    width:100%;height:100%;border-radius:28px;overflow:hidden;background:#fff;
    box-shadow:0 36px 80px rgba(2,18,52,.30), inset 0 0 0 1px rgba(255,255,255,.5);
}
.storybook-zoom-header{height:34px;padding:0 1rem;display:flex;align-items:center;gap:.4rem;background:linear-gradient(90deg, rgba(20,87,203,.16), rgba(123,215,255,.24))}
.storybook-zoom-hero{height:36%;background:linear-gradient(135deg, #1144a1, #63d6ff)}
.storybook-zoom-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;padding:1.2rem}
.storybook-zoom-grid span{height:120px;border-radius:20px}
.storybook-zoom-shelf{height:18px;margin:0 1.2rem 1.2rem;border-radius:999px}

.storybook-entry-skip{color:#eef8ff;font-weight:800;letter-spacing:.02em}
.storybook-entry-skip:hover{color:#ffffff}

.book-intro-overlay.storybook-entry-intro.is-active .storybook-entry-copy{animation:introCopyRiseBlue 1.05s ease .14s both}
.book-intro-overlay.storybook-entry-intro.is-opening .storybook-right-cover{animation:storybookCoverLiftReal 1.08s cubic-bezier(.18,.78,.16,1) forwards}
.book-intro-overlay.storybook-entry-intro.is-page-one .storybook-flip-sheet-one{animation:storybookSheetTurnReal 1.55s cubic-bezier(.18,.74,.18,1) forwards}
.book-intro-overlay.storybook-entry-intro.is-page-two .storybook-flip-sheet-two{animation:storybookSheetTurnReal 1.38s cubic-bezier(.18,.74,.18,1) forwards}
.book-intro-overlay.storybook-entry-intro.is-flip-burst .storybook-burst-pages{opacity:1}
.book-intro-overlay.storybook-entry-intro.is-flip-burst .storybook-burst-pages span:nth-child(1){animation:storybookBurstTurnReal .62s cubic-bezier(.18,.82,.16,1) .06s forwards}
.book-intro-overlay.storybook-entry-intro.is-flip-burst .storybook-burst-pages span:nth-child(2){animation:storybookBurstTurnReal .54s cubic-bezier(.18,.82,.16,1) .16s forwards}
.book-intro-overlay.storybook-entry-intro.is-flip-burst .storybook-burst-pages span:nth-child(3){animation:storybookBurstTurnReal .46s cubic-bezier(.18,.82,.16,1) .24s forwards}
.book-intro-overlay.storybook-entry-intro.is-flip-burst .storybook-burst-pages span:nth-child(4){animation:storybookBurstTurnReal .38s cubic-bezier(.18,.82,.16,1) .31s forwards}
.book-intro-overlay.storybook-entry-intro.is-flip-burst .storybook-burst-pages span:nth-child(5){animation:storybookBurstTurnReal .30s cubic-bezier(.18,.82,.16,1) .37s forwards}
.book-intro-overlay.storybook-entry-intro.is-final-reveal .storybook-final-page{opacity:1;transform:translateX(0) scale(1)}
.book-intro-overlay.storybook-entry-intro.is-final-reveal .storybook-book-frame{animation:storybookBookSettleReal .9s ease forwards}
.book-intro-overlay.storybook-entry-intro.is-final-reveal .storybook-right-page-base{box-shadow:inset 0 0 0 1px rgba(255,255,255,.58), 0 24px 36px rgba(7,23,60,.14)}
.book-intro-overlay.storybook-entry-intro.is-final-reveal .storybook-zoom-screen{opacity:1;transform:translateY(0) scale(1)}
.book-intro-overlay.storybook-entry-intro.is-final-reveal .storybook-book-spread{transition:transform 1s cubic-bezier(.22,.78,.18,1);transform:translateX(44px) rotate(-.4deg)}

@keyframes storybookCoverLiftReal{
    0%{transform:rotateY(0deg);opacity:1}
    100%{transform:rotateY(-162deg);opacity:.06}
}
@keyframes storybookSheetTurnReal{
    0%{transform:rotateY(0deg);opacity:1}
    48%{opacity:1}
    100%{transform:rotateY(-182deg);opacity:.04}
}
@keyframes storybookBurstTurnReal{
    0%{transform:rotateY(0deg);opacity:.90}
    30%{opacity:.82}
    100%{transform:rotateY(-188deg);opacity:0}
}
@keyframes storybookBookSettleReal{
    0%{transform:translateY(0) scale(1)}
    100%{transform:translateY(-2px) scale(1.01)}
}
@keyframes storybookStarFloat{
    0%,100%{transform:translateY(0) scale(1);opacity:.55}
    50%{transform:translateY(-12px) scale(1.08);opacity:1}
}

@media (max-width: 991px){
    .storybook-entry-world{grid-template-columns:1fr;gap:1.8rem;text-align:center}
    .storybook-entry-copy{max-width:none}
    .storybook-entry-stage{min-height:420px}
    .storybook-book-frame{width:min(660px,100%);height:380px}
    .storybook-book-page-stack{right:12.8%;height:248px}
    .storybook-book-spine{left:6.2%;height:248px}
    .storybook-book-left-cover{left:9%;height:278px}
    .storybook-book-spread{width:80%;height:292px;transform:translateX(36px) rotate(-1deg)}
    .storybook-entry-skip{justify-self:center}
    .storybook-zoom-screen{inset:34px 38px 30px 50%}
}
@media (max-width: 767px){
    .book-intro-overlay.storybook-entry-intro{padding:1rem}
    .storybook-entry-copy h2{font-size:clamp(2rem, 8vw, 3rem)}
    .storybook-entry-copy p{font-size:1rem;line-height:1.76}
    .storybook-book-frame{height:306px}
    .storybook-book-under-shadow{bottom:24px}
    .storybook-book-page-stack{right:13%;bottom:40px;height:182px;width:42%}
    .storybook-book-spine{left:3%;bottom:40px;width:28px;height:184px;border-radius:18px 5px 5px 18px}
    .storybook-book-left-cover{left:7%;bottom:30px;height:212px;border-radius:18px 8px 8px 18px}
    .storybook-book-left-cover-inner,.storybook-right-cover-face{padding:1.25rem .95rem 1.2rem 1.25rem}
    .storybook-book-badge{width:54px;height:54px;border-radius:16px;font-size:.92rem;margin-bottom:.7rem}
    .storybook-book-left-cover strong,.storybook-right-cover-face strong{font-size:1.32rem}
    .storybook-book-left-cover small,.storybook-right-cover-face small{font-size:.75rem;line-height:1.55;max-width:135px}
    .storybook-cover-ornament{margin-top:.75rem;gap:.35rem}
    .storybook-cover-ornament span{width:12px;height:12px}
    .storybook-book-spread{width:82%;height:228px;transform:translateX(24px) rotate(-.8deg)}
    .storybook-left-page{padding:1rem .9rem .95rem 1rem}
    .storybook-left-page h3{font-size:1rem;line-height:1.45}
    .storybook-left-page p{font-size:.82rem;line-height:1.56}
    .storybook-mini-shelf{margin-top:.75rem;gap:.35rem}
    .storybook-mini-shelf span{height:44px;border-radius:10px}
    .storybook-sheet-face{padding:1rem .8rem .9rem .95rem}
    .storybook-sheet-face strong{font-size:.95rem;max-width:145px}
    .storybook-sheet-chips{gap:.28rem;margin-top:.62rem}
    .storybook-sheet-chips span{font-size:.56rem;padding:.3rem .45rem}
    .storybook-page-kicker{font-size:.64rem;margin-bottom:.5rem}
    .storybook-final-page{padding:.9rem .8rem .75rem .8rem}
    .storybook-final-topbar{height:14px;padding:0 .45rem}
    .storybook-final-topbar span,.storybook-zoom-header span{width:6px;height:6px}
    .storybook-final-hero{height:52px;padding:.6rem}
    .storybook-final-hero-copy small{font-size:.5rem}
    .storybook-final-hero-copy strong{font-size:.68rem;max-width:110px}
    .storybook-final-row{gap:.35rem;padding:.45rem .5rem .1rem}
    .storybook-final-cards{gap:.45rem;padding:.45rem .5rem .55rem}
    .storybook-final-cards span{height:34px}
    .storybook-final-page strong{font-size:.74rem;margin-top:.5rem}
    .storybook-zoom-screen{inset:24px 18px 22px 44%;border-radius:18px}
    .storybook-zoom-frame{border-radius:18px}
    .storybook-zoom-header{height:18px;padding:0 .45rem;gap:.22rem}
    .storybook-zoom-grid{gap:.45rem;padding:.55rem}
    .storybook-zoom-grid span{height:44px;border-radius:10px}
    .storybook-zoom-shelf{height:10px;margin:0 .55rem .55rem}
    .storybook-entry-note{font-size:.84rem;padding:.62rem .9rem}
}
@media (prefers-reduced-motion: reduce){
    .book-intro-overlay.storybook-entry-intro,
    .book-intro-overlay.storybook-entry-intro *{animation:none!important;transition:none!important}
    .book-intro-overlay.storybook-entry-intro{display:none!important}
}


/* Step 36 smoother flip-book rebuild */
.book-intro-overlay.storybook-entry-intro{
    padding:1.5rem;
    background:
        radial-gradient(circle at 18% 20%, rgba(163,224,255,.24), transparent 22%),
        radial-gradient(circle at 82% 18%, rgba(255,255,255,.12), transparent 18%),
        linear-gradient(150deg, #04142f 0%, #0b2d67 38%, #1457b6 72%, #7cd8ff 100%);
}
.storybook-entry-world{
    width:min(1280px,100%);
    grid-template-columns:1fr;
    justify-items:center;
    gap:1.25rem;
    text-align:center;
}
.storybook-entry-copy{
    max-width:720px;
    display:flex;
    flex-direction:column;
    align-items:center;
}
.storybook-entry-copy h2{max-width:680px;margin-top:.8rem;margin-bottom:.7rem}
.storybook-entry-copy p{max-width:640px}
.storybook-entry-note{margin-top:1rem;max-width:620px;justify-content:center}
.storybook-entry-stage{
    width:100%;
    min-height:580px;
}
.storybook-entry-stage::before{
    inset:18% 16%;
    background:radial-gradient(circle, rgba(114,212,255,.20), rgba(114,212,255,.04) 44%, transparent 72%);
}
.storybook-entry-stage::after{
    content:'';
    position:absolute;
    left:8%;right:8%;bottom:22px;
    height:86px;
    border-radius:999px;
    background:radial-gradient(circle at center, rgba(6,16,40,.32), transparent 68%);
    filter:blur(26px);
    z-index:0;
}
.storybook-entry-shadow{
    bottom:22px;
    width:72%;
    height:56px;
    background:radial-gradient(circle, rgba(2,10,28,.46), transparent 72%);
    filter:blur(18px);
}
.storybook-book-frame{
    width:min(920px, 94vw);
    height:500px;
    perspective:2200px;
}
.storybook-book-under-shadow{
    left:14%;
    right:10%;
    bottom:38px;
    height:24px;
    filter:blur(12px);
}
.storybook-book-page-stack{
    right:12%;
    bottom:56px;
    width:42%;
    height:290px;
    border-radius:0 22px 22px 0;
    background:
        repeating-linear-gradient(180deg, rgba(247,251,255,.96) 0 3px, rgba(225,236,247,.96) 3px 5px),
        linear-gradient(180deg, #fefefe, #e5edf6);
    border:1px solid rgba(230,241,255,.42);
    box-shadow:0 24px 38px rgba(4,16,42,.18), inset 0 0 0 1px rgba(255,255,255,.58);
    transform:translateZ(-10px);
}
.storybook-book-spine{
    left:8.2%;
    bottom:55px;
    width:48px;
    height:290px;
    border-radius:22px 6px 6px 22px;
    background:linear-gradient(180deg, #071a40 0%, #103c8d 48%, #081e49 100%);
    box-shadow:inset -4px 0 10px rgba(255,255,255,.13), 0 24px 34px rgba(4,14,38,.26);
}
.storybook-book-left-cover,
.storybook-right-cover{
    border:1px solid rgba(233,246,255,.26);
    box-shadow:0 30px 48px rgba(4,18,46,.28), inset 0 1px 0 rgba(255,255,255,.22), inset -12px 0 18px rgba(5,18,46,.18);
}
.storybook-book-left-cover{
    left:11%;
    bottom:44px;
    width:39%;
    height:322px;
    transform:rotate(-4deg);
    background:
        linear-gradient(145deg, rgba(255,255,255,.22), transparent 16%),
        linear-gradient(160deg, #082a67 0%, #1450b6 42%, #2a86ff 70%, #91e7ff 100%);
}
.storybook-book-left-cover::after,
.storybook-right-cover::after{inset:16px;border-radius:18px;border:1px solid rgba(226,244,255,.16)}
.storybook-book-left-cover-inner,.storybook-right-cover-face{padding:1.9rem 1.6rem 1.8rem 2rem}
.storybook-book-badge{
    width:68px;height:68px;border-radius:20px;
    background:rgba(255,255,255,.16);
    border:1px solid rgba(232,247,255,.26);
}
.storybook-book-left-cover strong,.storybook-right-cover-face strong{font-size:2.2rem;letter-spacing:.01em}
.storybook-book-left-cover small,.storybook-right-cover-face small{max-width:250px;color:rgba(244,251,255,.92)}
.storybook-book-spread{
    width:77%;
    height:338px;
    transform:translateX(40px) rotate(-.65deg);
}
.storybook-left-page,
.storybook-right-page-base,
.storybook-sheet-face{
    background:
        linear-gradient(180deg, rgba(255,255,255,.985), rgba(239,246,252,.98)),
        repeating-linear-gradient(180deg, rgba(31,94,194,.035) 0 23px, transparent 23px 24px);
}
.storybook-left-page,
.storybook-right-page-base{box-shadow:inset 0 0 0 1px rgba(255,255,255,.64), 0 16px 26px rgba(7,23,60,.08)}
.storybook-left-page{
    padding:2rem 1.8rem 1.75rem 2.05rem;
}
.storybook-left-page h3{font-size:1.68rem;line-height:1.32;color:#13345b}
.storybook-left-page p{font-size:1rem;line-height:1.8;color:#4a6787}
.storybook-mini-shelf span{height:88px;background:linear-gradient(180deg, rgba(24,89,202,.24), rgba(135,221,255,.18));}
.storybook-right-page-base{overflow:hidden}
.storybook-sheet-face{padding:1.8rem 1.45rem 1.4rem 1.7rem}
.storybook-sheet-face strong{font-size:1.2rem;line-height:1.54;max-width:245px}
.storybook-sheet-chips span{font-size:.7rem;padding:.45rem .8rem}
.storybook-right-cover{
    right:0;
    width:50.5%;
    background:
        linear-gradient(145deg, rgba(255,255,255,.24), transparent 16%),
        linear-gradient(160deg, #082a67 0%, #1450b6 42%, #2a86ff 70%, #91e7ff 100%);
}
.storybook-right-cover::before{
    left:0;top:10px;bottom:10px;width:18px;
    background:linear-gradient(180deg, rgba(225,244,255,.62), rgba(30,83,191,.46));
}
.storybook-burst-pages{width:50.5%}
.storybook-burst-pages span{background:linear-gradient(180deg, rgba(255,255,255,.985), rgba(239,246,252,.98));}
.storybook-final-page{
    inset:10px 10px 10px 10px;
    padding:1.1rem 1.1rem .95rem;
    opacity:0;
    transform:translateX(10px);
    transition:opacity .45s ease, transform .45s ease;
}
.storybook-final-window{
    border-radius:16px;
    box-shadow:0 16px 24px rgba(7,23,60,.12);
}
.storybook-final-hero{height:96px}
.storybook-zoom-screen{
    position:absolute;
    inset:26px 26px 26px 26px;
    z-index:12;
    opacity:0;
    clip-path:inset(44% 37% 42% 37% round 26px);
    transition:opacity .35s ease .12s, clip-path .95s cubic-bezier(.18,.76,.18,1) .12s;
    pointer-events:none;
    transform:none;
}
.storybook-zoom-frame{
    border-radius:28px;
    overflow:hidden;
    background:#fff;
    box-shadow:0 32px 80px rgba(1,15,42,.30), inset 0 0 0 1px rgba(255,255,255,.52);
}
.storybook-zoom-header{height:34px}
.storybook-zoom-hero{height:33%;background:linear-gradient(135deg, #0f45a8, #63d8ff)}
.storybook-zoom-grid{padding:1rem;gap:.9rem}
.storybook-zoom-grid span{height:110px;border-radius:18px}
.storybook-entry-skip{justify-self:center}

.book-intro-overlay.storybook-entry-intro.is-opening .storybook-right-cover{
    animation:storybookCoverLiftSmooth 1.2s cubic-bezier(.23,.76,.18,1) forwards;
}
.book-intro-overlay.storybook-entry-intro.is-page-one .storybook-flip-sheet-one{
    animation:storybookSheetTurnSmooth 1.15s cubic-bezier(.22,.76,.2,1) forwards;
}
.book-intro-overlay.storybook-entry-intro.is-page-two .storybook-flip-sheet-two{
    animation:storybookSheetTurnSmooth 1.05s cubic-bezier(.22,.76,.2,1) forwards;
}
.book-intro-overlay.storybook-entry-intro.is-flip-burst .storybook-burst-pages{opacity:1}
.book-intro-overlay.storybook-entry-intro.is-flip-burst .storybook-burst-pages span:nth-child(1){animation:storybookBurstTurnSmooth .48s cubic-bezier(.24,.82,.16,1) .00s forwards}
.book-intro-overlay.storybook-entry-intro.is-flip-burst .storybook-burst-pages span:nth-child(2){animation:storybookBurstTurnSmooth .42s cubic-bezier(.24,.82,.16,1) .08s forwards}
.book-intro-overlay.storybook-entry-intro.is-flip-burst .storybook-burst-pages span:nth-child(3){animation:storybookBurstTurnSmooth .36s cubic-bezier(.24,.82,.16,1) .14s forwards}
.book-intro-overlay.storybook-entry-intro.is-flip-burst .storybook-burst-pages span:nth-child(4){animation:storybookBurstTurnSmooth .31s cubic-bezier(.24,.82,.16,1) .19s forwards}
.book-intro-overlay.storybook-entry-intro.is-flip-burst .storybook-burst-pages span:nth-child(5){animation:storybookBurstTurnSmooth .26s cubic-bezier(.24,.82,.16,1) .23s forwards}
.book-intro-overlay.storybook-entry-intro.is-final-reveal .storybook-final-page{
    opacity:1;
    transform:translateX(0);
}
.book-intro-overlay.storybook-entry-intro.is-final-reveal .storybook-book-frame{
    opacity:.18;
    transform:translateY(-4px);
    transition:opacity .52s ease, transform .52s ease;
}
.book-intro-overlay.storybook-entry-intro.is-final-reveal .storybook-zoom-screen{
    opacity:1;
    clip-path:inset(0 0 0 0 round 28px);
}

@keyframes storybookCoverLiftSmooth{
    0%{transform:rotateY(0deg)}
    100%{transform:rotateY(-154deg)}
}
@keyframes storybookSheetTurnSmooth{
    0%{transform:rotateY(0deg);opacity:1}
    58%{opacity:1}
    100%{transform:rotateY(-178deg);opacity:.06}
}
@keyframes storybookBurstTurnSmooth{
    0%{transform:rotateY(0deg);opacity:.92}
    100%{transform:rotateY(-182deg);opacity:0}
}

@media (max-width: 991px){
    .book-intro-overlay.storybook-entry-intro{padding:1rem}
    .storybook-entry-world{gap:1rem}
    .storybook-entry-stage{min-height:450px}
    .storybook-book-frame{width:min(720px,100%);height:390px}
    .storybook-book-page-stack,.storybook-book-spine{height:230px}
    .storybook-book-left-cover{height:255px}
    .storybook-book-spread{height:266px;transform:translateX(28px) rotate(-.45deg)}
    .storybook-left-page{padding:1.25rem 1rem 1rem 1.15rem}
    .storybook-left-page h3{font-size:1.18rem}
    .storybook-left-page p{font-size:.84rem;line-height:1.6}
    .storybook-mini-shelf span{height:48px}
    .storybook-sheet-face{padding:1rem .85rem .9rem 1rem}
    .storybook-sheet-face strong{font-size:.95rem;max-width:150px}
    .storybook-sheet-chips span{font-size:.56rem;padding:.34rem .5rem}
    .storybook-final-hero{height:58px;padding:.65rem}
    .storybook-final-hero-copy strong{font-size:.72rem;max-width:124px}
    .storybook-final-cards span{height:36px}
    .storybook-zoom-screen{inset:16px}
    .storybook-zoom-grid span{height:52px;border-radius:10px}
}

@media (max-width: 575px){
    .storybook-entry-copy h2{font-size:clamp(1.9rem, 9vw, 2.8rem)}
    .storybook-entry-copy p{font-size:.96rem;line-height:1.72}
    .storybook-entry-note{font-size:.82rem}
    .storybook-entry-stage{min-height:330px}
    .storybook-book-frame{height:282px}
    .storybook-book-page-stack{bottom:38px;height:164px}
    .storybook-book-spine{bottom:37px;width:30px;height:165px}
    .storybook-book-left-cover{bottom:30px;height:184px}
    .storybook-book-left-cover-inner,.storybook-right-cover-face{padding:1.1rem .9rem 1rem 1.1rem}
    .storybook-book-badge{width:44px;height:44px;border-radius:14px;font-size:.78rem;margin-bottom:.55rem}
    .storybook-book-left-cover strong,.storybook-right-cover-face strong{font-size:1.1rem}
    .storybook-book-left-cover small,.storybook-right-cover-face small{font-size:.62rem;line-height:1.45;max-width:112px}
    .storybook-book-spread{height:190px;transform:translateX(18px) rotate(-.35deg)}
    .storybook-left-page{padding:.8rem .65rem .7rem .78rem}
    .storybook-left-page h3{font-size:.88rem;line-height:1.32;margin-bottom:.45rem}
    .storybook-left-page p{font-size:.66rem;line-height:1.42}
    .storybook-mini-shelf{margin-top:.55rem;gap:.24rem}
    .storybook-mini-shelf span{height:30px;border-radius:8px}
    .storybook-sheet-face{padding:.72rem .52rem .6rem .66rem}
    .storybook-sheet-face strong{font-size:.68rem;max-width:105px}
    .storybook-sheet-lines{gap:.26rem;margin-top:.48rem}
    .storybook-sheet-lines span{height:5px}
    .storybook-sheet-chips{gap:.2rem;margin-top:.42rem}
    .storybook-sheet-chips span{font-size:.45rem;padding:.22rem .32rem}
    .storybook-page-kicker{font-size:.52rem;margin-bottom:.35rem}
    .storybook-final-page{inset:6px;padding:.6rem}
    .storybook-final-topbar{height:12px;padding:0 .32rem}
    .storybook-final-topbar span,.storybook-zoom-header span{width:5px;height:5px}
    .storybook-final-hero{height:42px;padding:.45rem}
    .storybook-final-hero-copy small{font-size:.42rem;margin-bottom:.18rem}
    .storybook-final-hero-copy strong{font-size:.56rem;line-height:1.28;max-width:94px}
    .storybook-final-row{gap:.24rem;padding:.3rem .32rem .08rem}
    .storybook-final-row span{height:8px}
    .storybook-final-cards{gap:.24rem;padding:.3rem .32rem .36rem}
    .storybook-final-cards span{height:22px}
    .storybook-final-page strong{font-size:.56rem;margin-top:.28rem}
    .storybook-zoom-screen{inset:10px;clip-path:inset(44% 34% 42% 34% round 16px)}
    .storybook-zoom-frame{border-radius:16px}
    .storybook-zoom-header{height:16px;padding:0 .36rem;gap:.18rem}
    .storybook-zoom-grid{padding:.45rem;gap:.35rem}
    .storybook-zoom-grid span{height:32px;border-radius:8px}
    .storybook-zoom-shelf{height:8px;margin:0 .45rem .45rem}
}


/* Step 38 rebuilt intro: realistic closed book -> open spread -> faster page turns */
.book-intro-overlay.rebuilt-book-intro{
    position:fixed;
    inset:0;
    z-index:1060;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:1.5rem;
    overflow:hidden;
    background:
        radial-gradient(circle at 18% 22%, rgba(147,227,255,.24), transparent 20%),
        radial-gradient(circle at 82% 18%, rgba(132,158,255,.20), transparent 18%),
        radial-gradient(circle at 50% 80%, rgba(255,255,255,.14), transparent 22%),
        linear-gradient(145deg, #041225 0%, #0b2b63 40%, #134fa8 72%, #82d8ff 100%);
}
.rebuilt-book-intro::before{
    content:'';
    position:absolute;
    inset:0;
    background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,0));
    pointer-events:none;
}
.rebuilt-book-orbs{position:absolute;inset:0;pointer-events:none}
.rebuilt-book-orbs span{position:absolute;border-radius:50%;background:radial-gradient(circle, rgba(255,255,255,.92), rgba(255,255,255,0));opacity:.72;animation:rebuiltStarPulse 4.8s ease-in-out infinite}
.rebuilt-book-orbs span:nth-child(1){width:220px;height:220px;top:10%;left:12%;opacity:.16;filter:blur(6px)}
.rebuilt-book-orbs span:nth-child(2){width:320px;height:320px;right:-40px;top:6%;opacity:.12;filter:blur(10px)}
.rebuilt-book-orbs span:nth-child(3){width:8px;height:8px;left:20%;top:24%}
.rebuilt-book-orbs span:nth-child(4){width:10px;height:10px;right:23%;bottom:20%}
.rebuilt-book-orbs span:nth-child(5){width:6px;height:6px;left:78%;top:30%}
.rebuilt-book-stage-wrap{position:relative;z-index:1;width:min(1240px,100%);display:flex;justify-content:center;align-items:center}
.rebuilt-book-skip{position:absolute;top:0;right:0;z-index:3;color:#eef8ff;font-weight:800;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:.7rem 1rem;backdrop-filter:blur(10px)}
.rebuilt-book-stage{position:relative;width:min(980px,100%);min-height:640px;display:flex;justify-content:center;align-items:center;perspective:2400px}
.rebuilt-book-shadow{position:absolute;bottom:82px;width:min(760px,74vw);height:82px;border-radius:50%;background:radial-gradient(circle, rgba(2,11,34,.56), rgba(2,11,34,0) 72%);filter:blur(18px)}
.rebuilt-book-shell{position:relative;width:min(860px,84vw);aspect-ratio:1.58/1;transform-style:preserve-3d;transform:translateY(16px) rotateX(9deg) rotateZ(-2deg) scale(1)}
.rebuilt-book-shell::before{content:'';position:absolute;left:7%;right:2%;top:13%;bottom:10%;border-radius:22px;background:linear-gradient(180deg, rgba(5,24,71,.10), rgba(5,24,71,0));pointer-events:none}
.rebuilt-closed-book{position:absolute;left:9%;right:3%;top:14%;bottom:12%;border-radius:22px;transform-origin:left center;transform-style:preserve-3d;z-index:12;background:linear-gradient(155deg,#0a2867 0%, #1247b2 44%, #2a86ff 74%, #96e1ff 100%);box-shadow:0 34px 62px rgba(4,20,64,.34), inset 0 1px 0 rgba(255,255,255,.20), inset 0 -26px 46px rgba(6,28,86,.18)}
.rebuilt-closed-book::before{content:'';position:absolute;left:0;top:16px;bottom:16px;width:18px;background:linear-gradient(180deg, rgba(241,250,255,.72), rgba(19,75,176,.74));border-radius:18px 0 0 18px}
.rebuilt-closed-book::after{content:'';position:absolute;inset:16px;border-radius:14px;border:1px solid rgba(255,255,255,.18);pointer-events:none;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}
.rebuilt-closed-book-spine{position:absolute;left:-28px;top:10%;bottom:9%;width:42px;border-radius:18px 0 0 18px;background:linear-gradient(180deg,#061d53,#0f3889 54%,#2a7cff 100%);box-shadow:0 18px 34px rgba(4,16,51,.28), inset 0 0 0 1px rgba(255,255,255,.06);display:flex;align-items:center;justify-content:center}
.rebuilt-closed-book-spine span{writing-mode:vertical-rl;transform:rotate(180deg);font-weight:900;letter-spacing:.18em;color:#eaf7ff;font-size:.82rem;text-transform:uppercase}
.rebuilt-closed-book-face{position:absolute;inset:0;padding:2.2rem 2.1rem 2rem 2.8rem;color:#f4fbff;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.rebuilt-book-spread{position:absolute;inset:0;opacity:0;transform:translateY(8px) scale(.985);transition:opacity .36s ease, transform .58s ease}
.rebuilt-book-spine{position:absolute;left:8%;top:16%;bottom:14%;width:58px;border-radius:18px 0 0 18px;background:linear-gradient(180deg,#06225e,#123f95 48%,#2d7dff 100%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08), 0 18px 36px rgba(6,22,66,.32);display:flex;align-items:center;justify-content:center;z-index:1}
.rebuilt-book-spine span{writing-mode:vertical-rl;transform:rotate(180deg);font-weight:900;letter-spacing:.18em;color:#e9f7ff;font-size:.8rem;text-transform:uppercase}
.rebuilt-book-core{position:absolute;inset:12% 4% 12% 13%;border-radius:22px;overflow:visible;transform-style:preserve-3d}
.rebuilt-left-page,.rebuilt-right-page,.rebuilt-flip-page,.rebuilt-book-cover{position:absolute;top:0;bottom:0;width:50%;border-radius:0 22px 22px 0;transform-style:preserve-3d;backface-visibility:hidden;transform-origin:left center}
.rebuilt-left-page{left:0;width:50%;border-radius:22px 0 0 22px;background:linear-gradient(180deg,#fffffe,#e7f1ff);box-shadow:inset -16px 0 24px rgba(37,89,182,.10), 0 22px 40px rgba(8,30,85,.10);padding:2.1rem 2rem 1.8rem 2.1rem;border:1px solid rgba(66,122,214,.10)}
.rebuilt-right-base{right:0;background:linear-gradient(180deg,#ffffff,#e7f1ff);box-shadow:inset 16px 0 28px rgba(35,90,184,.12), 0 22px 40px rgba(8,30,85,.08);padding:1.25rem;border:1px solid rgba(66,122,214,.10)}
.rebuilt-right-base::before,.rebuilt-left-page::after{content:'';position:absolute;top:0;bottom:0;width:22px;pointer-events:none}
.rebuilt-left-page::before,.rebuilt-right-base::after,.rebuilt-page-face::after{content:'';position:absolute;left:20px;right:20px;bottom:18px;height:14px;background:linear-gradient(180deg, transparent, rgba(20,74,163,.04));border-radius:999px}
.rebuilt-left-page::after{right:-1px;background:linear-gradient(90deg, rgba(43,95,186,.10), rgba(255,255,255,0))}
.rebuilt-right-base::before{left:-1px;background:linear-gradient(90deg, rgba(43,95,186,.16), rgba(255,255,255,0))}
.rebuilt-page-label{display:inline-block;font-size:.74rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase;color:#2f6fd4;margin-bottom:.95rem}
.rebuilt-left-page h3,.rebuilt-page-face h3{font-size:2rem;line-height:1.12;margin:0 0 .9rem;color:#17395d;letter-spacing:-.03em}
.rebuilt-left-page p,.rebuilt-page-face p{font-size:1rem;line-height:1.8;color:#577395;margin:0}
.rebuilt-page-footer{display:flex;gap:.65rem;flex-wrap:wrap;margin-top:1.4rem}
.rebuilt-page-footer span{display:inline-flex;align-items:center;padding:.55rem .8rem;border-radius:999px;background:rgba(44,104,214,.09);border:1px solid rgba(44,104,214,.12);font-size:.78rem;font-weight:800;color:#275cb6}
.rebuilt-final-site-page{position:relative;height:100%;border-radius:18px;background:linear-gradient(180deg,#ffffff,#eff6ff);border:1px solid rgba(67,125,214,.12);padding:1rem;display:flex;flex-direction:column;opacity:0;transform:scale(.98);transition:opacity .46s ease,transform .58s ease;box-shadow:0 18px 40px rgba(8,30,85,.08)}
.rebuilt-site-mini-topbar,.rebuilt-preview-topbar{display:flex;gap:.4rem;margin-bottom:.85rem}
.rebuilt-site-mini-topbar span,.rebuilt-preview-topbar span{width:10px;height:10px;border-radius:50%;background:#c8dcfb}
.rebuilt-site-mini-hero{padding:1rem;border-radius:16px;background:linear-gradient(135deg,#1d5edd,#87dbff);color:#f7fbff;box-shadow:0 16px 30px rgba(29,94,221,.24)}
.rebuilt-site-mini-hero strong{display:block;font-size:1.05rem;line-height:1.4}
.rebuilt-site-mini-hero small{display:block;margin-top:.55rem;color:rgba(247,251,255,.92);font-size:.84rem;line-height:1.6}
.rebuilt-site-mini-row{display:grid;grid-template-columns:repeat(3,1fr);gap:.55rem;margin-top:1rem}
.rebuilt-site-mini-row span,.rebuilt-site-mini-cards span,.rebuilt-preview-grid span{display:block;height:14px;border-radius:999px;background:linear-gradient(90deg,#cfe2ff,#e9f4ff)}
.rebuilt-site-mini-cards,.rebuilt-preview-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin-top:1rem}
.rebuilt-site-mini-cards span,.rebuilt-preview-grid span{height:90px;border-radius:18px;background:linear-gradient(180deg,#f9fbff,#e4efff);border:1px solid rgba(67,125,214,.10);box-shadow:inset 0 1px 0 rgba(255,255,255,.8)}
.rebuilt-flip-page,.rebuilt-book-cover{right:0;z-index:5;filter:drop-shadow(0 18px 24px rgba(7,23,60,.14))}
.rebuilt-flip-page{width:50.6%}
.rebuilt-page-face,.rebuilt-book-cover-face{position:absolute;inset:0;backface-visibility:hidden;border-radius:0 22px 22px 0;overflow:hidden}
.rebuilt-page-face{padding:2.05rem 1.9rem 1.8rem 2rem;background:linear-gradient(180deg,#ffffff,#e8f2ff);border:1px solid rgba(66,122,214,.10);box-shadow:inset 0 0 0 1px rgba(255,255,255,.5);display:flex;flex-direction:column;justify-content:center}
.rebuilt-page-face::before{content:'';position:absolute;left:18px;right:18px;top:26px;height:1px;background:linear-gradient(90deg, transparent, rgba(113,154,227,.3), transparent)}
.rebuilt-page-back{transform:rotateY(180deg);background:linear-gradient(180deg,#f8fbff,#deecff)}
.rebuilt-flip-page-one{z-index:6}
.rebuilt-flip-page-two{z-index:7}
.rebuilt-book-cover{width:50.8%;z-index:8;background:linear-gradient(155deg,#0d2f7d 0%, #1a58d9 52%, #8bdfff 100%);box-shadow:0 26px 56px rgba(6,24,71,.34), inset 0 1px 0 rgba(255,255,255,.22)}
.rebuilt-book-cover::before{content:'';position:absolute;left:0;top:18px;bottom:18px;width:14px;background:linear-gradient(180deg, rgba(231,248,255,.6), rgba(24,78,188,.7));pointer-events:none}
.rebuilt-book-cover::after{content:'';position:absolute;inset:0;border-radius:inherit;background:linear-gradient(135deg, rgba(255,255,255,.18), transparent 34%, rgba(255,255,255,.08) 58%, transparent 76%);pointer-events:none}
.rebuilt-book-cover-face{padding:2rem 1.8rem 1.8rem 2.25rem;color:#f5fbff;display:flex;flex-direction:column;justify-content:center}
.rebuilt-cover-pill{display:inline-flex;align-items:center;align-self:flex-start;padding:.4rem .65rem;border-radius:999px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.12);font-size:.74rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
.rebuilt-book-cover-face strong,.rebuilt-closed-book-face strong{font-size:3rem;line-height:1;letter-spacing:.02em;margin-top:1rem;text-shadow:0 10px 24px rgba(7,31,74,.28)}
.rebuilt-book-cover-face small,.rebuilt-closed-book-face small{margin-top:.9rem;font-size:1rem;line-height:1.8;color:rgba(244,250,255,.92);max-width:20rem}
.rebuilt-cover-ornament{display:flex;gap:.65rem;margin-top:1.5rem}
.rebuilt-cover-ornament span{display:block;width:56px;height:4px;border-radius:999px;background:rgba(255,255,255,.34)}
.rebuilt-burst-pages{position:absolute;right:2%;top:4%;bottom:4%;width:52%;opacity:0;pointer-events:none;z-index:4}
.rebuilt-burst-pages span{position:absolute;inset:0;border-radius:0 22px 22px 0;background:linear-gradient(180deg,#fbfdff,#dcecff);border:1px solid rgba(66,122,214,.10);box-shadow:0 14px 22px rgba(8,30,85,.10);transform-origin:left center;opacity:0}
.rebuilt-burst-pages span:nth-child(1){transform:translateX(-4px)}
.rebuilt-burst-pages span:nth-child(2){transform:translateX(3px)}
.rebuilt-burst-pages span:nth-child(3){transform:translateX(8px)}
.rebuilt-burst-pages span:nth-child(4){transform:translateX(12px)}
.rebuilt-preview-screen{position:absolute;left:15%;top:15%;width:70%;height:70%;border-radius:26px;opacity:0;transform:translateY(18px) scale(.90);transition:opacity .5s ease, transform .9s cubic-bezier(.22,.78,.16,1);pointer-events:none;z-index:14}
.rebuilt-preview-window{height:100%;border-radius:26px;background:linear-gradient(180deg,#ffffff,#eff5ff);border:1px solid rgba(66,122,214,.12);box-shadow:0 26px 62px rgba(8,30,85,.16);padding:1.1rem}
.rebuilt-preview-hero{margin-top:.75rem;border-radius:18px;padding:1.2rem;background:linear-gradient(135deg,#1a5ddd,#8bdfff);color:#f7fbff;min-height:128px;display:flex;align-items:flex-end}
.rebuilt-preview-hero small{display:block;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:rgba(247,251,255,.82)}
.rebuilt-preview-hero strong{display:block;font-size:1.45rem;line-height:1.26;max-width:18rem;margin-top:.55rem}
.rebuilt-preview-strip{height:18px;border-radius:999px;background:linear-gradient(90deg,#d1e4ff,#eef5ff);margin-top:1rem}
.book-intro-overlay.rebuilt-book-intro.is-opening .rebuilt-closed-book{animation:rebuiltClosedCoverOpen 1.45s cubic-bezier(.19,.82,.15,1) forwards}
.book-intro-overlay.rebuilt-book-intro.is-opening .rebuilt-book-spread{opacity:1;transform:translateY(0) scale(1)}
.book-intro-overlay.rebuilt-book-intro.is-opening .rebuilt-book-cover{animation:rebuiltCoverOpen 1.45s cubic-bezier(.2,.75,.18,1) .08s forwards}
.book-intro-overlay.rebuilt-book-intro.is-page-one .rebuilt-flip-page-one{animation:rebuiltTurnPage 1.45s cubic-bezier(.18,.76,.18,1) forwards}
.book-intro-overlay.rebuilt-book-intro.is-page-two .rebuilt-flip-page-two{animation:rebuiltTurnPage 1.28s cubic-bezier(.18,.76,.18,1) forwards}
.book-intro-overlay.rebuilt-book-intro.is-flip-burst .rebuilt-burst-pages{opacity:1}
.book-intro-overlay.rebuilt-book-intro.is-flip-burst .rebuilt-burst-pages span:nth-child(1){animation:rebuiltBurstFlip .52s cubic-bezier(.22,.82,.14,1) .00s forwards}
.book-intro-overlay.rebuilt-book-intro.is-flip-burst .rebuilt-burst-pages span:nth-child(2){animation:rebuiltBurstFlip .44s cubic-bezier(.22,.82,.14,1) .10s forwards}
.book-intro-overlay.rebuilt-book-intro.is-flip-burst .rebuilt-burst-pages span:nth-child(3){animation:rebuiltBurstFlip .36s cubic-bezier(.22,.82,.14,1) .18s forwards}
.book-intro-overlay.rebuilt-book-intro.is-flip-burst .rebuilt-burst-pages span:nth-child(4){animation:rebuiltBurstFlip .30s cubic-bezier(.22,.82,.14,1) .24s forwards}
.book-intro-overlay.rebuilt-book-intro.is-final-reveal .rebuilt-final-site-page{opacity:1;transform:scale(1)}
.book-intro-overlay.rebuilt-book-intro.is-final-reveal .rebuilt-preview-screen{opacity:1;transform:translateY(0) scale(1)}
.book-intro-overlay.rebuilt-book-intro.is-final-reveal .rebuilt-book-shell{animation:rebuiltBookSettle .95s ease forwards}
@keyframes rebuiltClosedCoverOpen{0%{transform:rotateY(0deg) translateX(0)}40%{transform:rotateY(-28deg) translateX(-6px)}100%{transform:rotateY(-155deg) translateX(-18px);opacity:0}}
@keyframes rebuiltCoverOpen{0%{transform:rotateY(0deg)}55%{transform:rotateY(-108deg)}100%{transform:rotateY(-154deg);opacity:.02}}
@keyframes rebuiltTurnPage{0%{transform:rotateY(0deg)}50%{transform:rotateY(-94deg)}100%{transform:rotateY(-178deg);opacity:0}}
@keyframes rebuiltBurstFlip{0%{transform:rotateY(0deg);opacity:.94}100%{transform:rotateY(-178deg);opacity:0}}
@keyframes rebuiltBookSettle{0%{transform:translateY(16px) rotateX(9deg) rotateZ(-2deg) scale(1)}100%{transform:translateY(4px) rotateX(6deg) rotateZ(-1deg) scale(1.01)}}
@keyframes rebuiltStarPulse{0%,100%{transform:scale(1);opacity:.72}50%{transform:scale(1.12);opacity:.38}}
@media (max-width: 991.98px){
  .rebuilt-book-stage{min-height:520px}
  .rebuilt-book-shell{width:min(700px,90vw)}
  .rebuilt-book-cover-face strong,.rebuilt-closed-book-face strong{font-size:2.2rem}
  .rebuilt-left-page h3,.rebuilt-page-face h3{font-size:1.55rem}
}
@media (max-width: 767.98px){
  .book-intro-overlay.rebuilt-book-intro{padding:1rem}
  .rebuilt-book-skip{top:.25rem;right:.25rem;padding:.58rem .88rem;font-size:.88rem}
  .rebuilt-book-stage{min-height:360px}
  .rebuilt-book-shadow{bottom:44px;width:88%;height:46px}
  .rebuilt-book-shell{width:96vw;transform:translateY(8px) rotateX(8deg) rotateZ(-1deg) scale(.98)}
  .rebuilt-book-spine{width:28px;border-radius:10px 0 0 10px}
  .rebuilt-closed-book-spine{left:-14px;width:22px;border-radius:10px 0 0 10px}
  .rebuilt-book-spine span,.rebuilt-closed-book-spine span{font-size:.48rem;letter-spacing:.12em}
  .rebuilt-left-page,.rebuilt-right-page,.rebuilt-flip-page,.rebuilt-book-cover{border-radius:0 14px 14px 0}
  .rebuilt-left-page{border-radius:14px 0 0 14px;padding:1rem .9rem .9rem 1rem}
  .rebuilt-right-base{padding:.55rem}
  .rebuilt-page-face{padding:1rem .9rem .9rem 1rem}
  .rebuilt-book-cover-face,.rebuilt-closed-book-face{padding:1rem .9rem 1rem 1.1rem}
  .rebuilt-cover-pill{font-size:.52rem}
  .rebuilt-book-cover-face strong,.rebuilt-closed-book-face strong{font-size:1.2rem;margin-top:.5rem}
  .rebuilt-book-cover-face small,.rebuilt-closed-book-face small{font-size:.66rem;line-height:1.5;margin-top:.45rem}
  .rebuilt-left-page h3,.rebuilt-page-face h3{font-size:.92rem;margin-bottom:.45rem}
  .rebuilt-left-page p,.rebuilt-page-face p{font-size:.58rem;line-height:1.45}
  .rebuilt-page-label{font-size:.44rem;margin-bottom:.35rem}
  .rebuilt-page-footer{margin-top:.55rem;gap:.3rem}
  .rebuilt-page-footer span{font-size:.46rem;padding:.28rem .42rem}
  .rebuilt-site-mini-hero{padding:.55rem;border-radius:10px}
  .rebuilt-site-mini-hero strong{font-size:.54rem;line-height:1.25}
  .rebuilt-site-mini-hero small{font-size:.42rem;margin-top:.2rem;line-height:1.3}
  .rebuilt-site-mini-row{gap:.28rem;margin-top:.45rem}
  .rebuilt-site-mini-cards{gap:.4rem;margin-top:.45rem}
  .rebuilt-site-mini-cards span{height:38px;border-radius:10px}
  .rebuilt-preview-screen{left:11%;top:12%;width:78%;height:74%}
  .rebuilt-preview-window{padding:.6rem;border-radius:16px}
  .rebuilt-preview-topbar{gap:.25rem;margin-bottom:.45rem}
  .rebuilt-preview-topbar span{width:6px;height:6px}
  .rebuilt-preview-hero{padding:.65rem;border-radius:12px;min-height:66px}
  .rebuilt-preview-hero small{font-size:.42rem}
  .rebuilt-preview-hero strong{font-size:.7rem;line-height:1.25;max-width:7rem;margin-top:.24rem}
  .rebuilt-preview-grid{gap:.38rem;margin-top:.5rem}
  .rebuilt-preview-grid span{height:42px;border-radius:10px}
  .rebuilt-preview-strip{height:10px;margin-top:.55rem}
}

/* Step 39 cinematic realistic book intro */
.book-intro-overlay.cinematic-book-intro{
  position:fixed;
  inset:0;
  z-index:1100;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:2rem;
  overflow:hidden;
  background:
    radial-gradient(circle at 18% 22%, rgba(147,223,255,.28), transparent 26%),
    radial-gradient(circle at 82% 78%, rgba(101,167,255,.20), transparent 28%),
    linear-gradient(135deg, #061634 0%, #0d2f74 46%, #2270db 100%);
}
.cinematic-book-intro::before{
  content:'';
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, rgba(255,255,255,.06), transparent 24%, rgba(255,255,255,.03) 55%, rgba(2,10,24,.14));
  pointer-events:none;
}
.cinematic-book-atmosphere{position:absolute;inset:0;pointer-events:none}
.cinematic-book-atmosphere span{position:absolute;border-radius:999px;background:radial-gradient(circle, rgba(255,255,255,.95), rgba(255,255,255,0));opacity:.8;animation:cinematicSparkle 6s ease-in-out infinite}
.cinematic-book-atmosphere span:nth-child(1){width:180px;height:180px;left:8%;top:14%;opacity:.16;filter:blur(6px)}
.cinematic-book-atmosphere span:nth-child(2){width:260px;height:260px;right:2%;bottom:8%;opacity:.12;filter:blur(10px)}
.cinematic-book-atmosphere span:nth-child(3){width:8px;height:8px;left:19%;top:28%}
.cinematic-book-atmosphere span:nth-child(4){width:10px;height:10px;right:22%;top:23%}
.cinematic-book-atmosphere span:nth-child(5){width:7px;height:7px;left:30%;bottom:20%}
.cinematic-book-atmosphere span:nth-child(6){width:9px;height:9px;right:31%;bottom:26%}
.cinematic-book-skip{
  position:absolute;
  top:1.3rem;
  right:1.5rem;
  z-index:20;
  border:none;
  border-radius:999px;
  padding:.64rem .9rem;
  color:#eff8ff;
  font-weight:800;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.16);
  backdrop-filter:blur(8px);
}
.cinematic-book-stage{
  position:relative;
  width:min(960px, 100%);
  min-height:660px;
  display:flex;
  align-items:center;
  justify-content:center;
  perspective:2200px;
}
.cinematic-book-shadow{
  position:absolute;
  width:min(720px, 84vw);
  height:76px;
  bottom:92px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(3,10,24,.48), transparent 70%);
  filter:blur(18px);
}
.cinematic-book-shell{
  position:relative;
  width:min(760px, 86vw);
  aspect-ratio:1.6 / 1;
  transform-style:preserve-3d;
  transform:translateY(8px) rotateX(4deg) rotateZ(-1.4deg);
}
.cinematic-closed-book,
.cinematic-open-book,
.cinematic-preview-reveal{position:absolute;inset:0;transform-style:preserve-3d}
.cinematic-closed-book{
  z-index:15;
  opacity:1;
  transform-origin:left center;
  border-radius:24px;
  box-shadow:0 34px 60px rgba(3,13,42,.34);
  animation:cinematicBookFloat 5.8s ease-in-out infinite alternate;
}
.cinematic-closed-spine{
  position:absolute;
  left:-34px;
  top:8%;
  bottom:6%;
  width:50px;
  border-radius:18px 0 0 18px;
  background:linear-gradient(180deg, #031640 0%, #0b327f 58%, #2d77ff 100%);
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow:0 16px 30px rgba(3,13,42,.22), inset 0 0 0 1px rgba(255,255,255,.08);
}
.cinematic-closed-spine span,
.cinematic-book-spine span{
  writing-mode:vertical-rl;
  transform:rotate(180deg);
  color:#f4fbff;
  font-size:.84rem;
  letter-spacing:.24em;
  text-transform:uppercase;
  font-weight:900;
}
.cinematic-closed-cover{
  position:absolute;
  inset:0 0 0 0;
  border-radius:24px;
  padding:2.4rem 2.3rem 2.3rem 2.7rem;
  color:#f5fbff;
  background:
    radial-gradient(circle at top right, rgba(255,255,255,.18), transparent 26%),
    linear-gradient(145deg, #08225c 0%, #1040a3 48%, #2f85ff 82%, #91e5ff 100%);
  border:1px solid rgba(255,255,255,.14);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18), inset 0 -28px 54px rgba(2,17,56,.16);
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:flex-start;
}
.cinematic-closed-cover::before,
.cinematic-book-cover::before{
  content:'';
  position:absolute;
  left:18px;
  top:18px;
  bottom:18px;
  width:13px;
  border-radius:999px;
  background:linear-gradient(180deg, rgba(233,248,255,.68), rgba(18,80,190,.62));
}
.cinematic-closed-cover::after,
.cinematic-book-cover::after{
  content:'';
  position:absolute;
  inset:16px;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.16);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.05);
  pointer-events:none;
}
.cinematic-cover-badge{
  display:inline-flex;
  align-items:center;
  padding:.42rem .7rem;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.18);
  background:rgba(255,255,255,.1);
  font-size:.74rem;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.cinematic-closed-cover strong,
.cinematic-book-cover-face strong{
  display:block;
  margin-top:1rem;
  font-size:3.35rem;
  line-height:1.02;
  letter-spacing:.01em;
  text-shadow:0 14px 28px rgba(4,19,56,.26);
}
.cinematic-closed-cover small,
.cinematic-book-cover-face small{
  display:block;
  max-width:22rem;
  margin-top:.9rem;
  color:rgba(245,251,255,.92);
  font-size:1rem;
  line-height:1.7;
}
.cinematic-cover-lines{display:flex;gap:.7rem;margin-top:1.45rem}
.cinematic-cover-lines span{display:block;width:58px;height:4px;border-radius:999px;background:rgba(255,255,255,.34)}
.cinematic-page-edge{
  position:absolute;
  right:-10px;
  top:5.4%;
  bottom:5.4%;
  width:22px;
  border-radius:0 20px 20px 0;
  background:linear-gradient(180deg, #f9fdff 0%, #dbeaff 22%, #f8fbff 46%, #d2e6ff 70%, #f8fcff 100%);
  box-shadow:inset 0 0 0 1px rgba(117,158,219,.12), 8px 0 18px rgba(5,17,44,.1);
}
.cinematic-open-book{
  opacity:0;
  transform:translateY(8px) scale(.99);
  transition:opacity .45s ease, transform .6s ease;
}
.cinematic-book-spine{
  position:absolute;
  left:7%;
  top:11%;
  bottom:11%;
  width:56px;
  border-radius:18px 0 0 18px;
  background:linear-gradient(180deg,#041942 0%, #0b327f 58%, #2f7dff 100%);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.08), 0 14px 30px rgba(3,13,42,.22);
  display:flex;
  align-items:center;
  justify-content:center;
  z-index:2;
}
.cinematic-page,
.cinematic-turn-page,
.cinematic-book-cover{
  position:absolute;
  top:10%;
  bottom:10%;
  width:47.5%;
  transform-origin:left center;
  transform-style:preserve-3d;
  backface-visibility:hidden;
}
.cinematic-page{border-radius:0 24px 24px 0;border:1px solid rgba(83,117,171,.12);box-shadow:0 22px 40px rgba(6,24,71,.1), inset 0 1px 0 rgba(255,255,255,.58);padding:2rem 1.9rem;background:linear-gradient(180deg,#fffef9,#f2e6ce)}
.cinematic-page::before,.cinematic-turn-face::before{content:'';position:absolute;left:18px;right:18px;top:28px;height:1px;background:linear-gradient(90deg, transparent, rgba(130,95,43,.26), transparent)}
.cinematic-page::after,.cinematic-turn-face::after{content:'';position:absolute;left:0;top:0;bottom:0;width:26px;background:linear-gradient(90deg, rgba(117,84,43,.12), rgba(255,255,255,0));pointer-events:none}
.cinematic-page-left{left:14%;border-radius:24px 0 0 24px;padding-right:2.2rem;box-shadow:0 22px 40px rgba(6,24,71,.1), inset -18px 0 22px rgba(117,84,43,.08)}
.cinematic-page-left::after{left:auto;right:0;width:24px;background:linear-gradient(90deg, rgba(117,84,43,.14), rgba(255,255,255,0))}
.cinematic-page-right{right:4%;padding-left:2.3rem;background:linear-gradient(180deg,#fffefb,#eef6ff);box-shadow:0 22px 40px rgba(6,24,71,.08), inset 18px 0 24px rgba(42,102,196,.08)}
.cinematic-page-kicker{display:inline-block;font-size:.76rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase;color:#2a67cb;margin-bottom:.95rem}
.cinematic-page h3,.cinematic-turn-face h3{margin:0 0 .9rem;font-size:1.95rem;line-height:1.12;color:#17375a;letter-spacing:-.03em}
.cinematic-page p,.cinematic-turn-face p{margin:0;color:#556f90;line-height:1.8;font-size:1rem}
.cinematic-page-tags{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:1.3rem}
.cinematic-page-tags span{display:inline-flex;align-items:center;padding:.54rem .82rem;border-radius:999px;background:rgba(31,94,212,.08);border:1px solid rgba(31,94,212,.11);font-size:.77rem;font-weight:800;color:#275db7}
.cinematic-site-page{height:100%;border-radius:18px;background:linear-gradient(180deg,#ffffff,#eef5ff);border:1px solid rgba(60,116,208,.12);padding:1rem;box-shadow:0 18px 34px rgba(6,24,71,.08)}
.cinematic-site-topbar,.cinematic-preview-topbar{display:flex;gap:.38rem;margin-bottom:.8rem}
.cinematic-site-topbar span,.cinematic-preview-topbar span{width:10px;height:10px;border-radius:50%;background:#cadffe}
.cinematic-site-hero,.cinematic-preview-banner{border-radius:18px;padding:1.2rem;background:linear-gradient(135deg,#1655d6,#8cddff);color:#f7fbff;box-shadow:0 14px 26px rgba(22,85,214,.22)}
.cinematic-site-hero small,.cinematic-preview-banner small{display:block;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:rgba(247,251,255,.84)}
.cinematic-site-hero strong,.cinematic-preview-banner strong{display:block;margin-top:.55rem;font-size:1.2rem;line-height:1.34}
.cinematic-site-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:.55rem;margin-top:1rem}
.cinematic-site-strip span,.cinematic-preview-grid span{display:block;height:14px;border-radius:999px;background:linear-gradient(90deg,#cde1ff,#eef5ff)}
.cinematic-site-cards,.cinematic-preview-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.72rem;margin-top:1rem}
.cinematic-site-cards span,.cinematic-preview-grid span{display:block;height:86px;border-radius:17px;background:linear-gradient(180deg,#fafcff,#e3efff);border:1px solid rgba(60,116,208,.1)}
.cinematic-turn-page,.cinematic-book-cover{right:4%;z-index:8;filter:drop-shadow(0 16px 22px rgba(6,24,71,.12))}
.cinematic-turn-page{width:48.2%}
.cinematic-turn-face,.cinematic-book-cover-face{
  position:absolute;
  inset:0;
  backface-visibility:hidden;
  overflow:hidden;
  border-radius:0 24px 24px 0;
}
.cinematic-turn-face{padding:2rem 1.85rem 1.8rem 2rem;background:linear-gradient(180deg,#fffef9,#edf5ff);border:1px solid rgba(83,117,171,.12);box-shadow:inset 0 0 0 1px rgba(255,255,255,.54);display:flex;flex-direction:column;justify-content:center}
.cinematic-turn-back{transform:rotateY(180deg);background:linear-gradient(180deg,#fffdf6,#e8f1ff)}
.cinematic-turn-one{z-index:8}
.cinematic-turn-two{z-index:9}
.cinematic-book-cover{width:48.6%;z-index:10;background:linear-gradient(145deg, #08225c 0%, #1040a3 48%, #2f85ff 82%, #91e5ff 100%);box-shadow:0 28px 50px rgba(3,13,42,.32), inset 0 1px 0 rgba(255,255,255,.2)}
.cinematic-book-cover-face{padding:2.2rem 1.9rem 2rem 2.3rem;color:#f4fbff;display:flex;flex-direction:column;justify-content:center}
.cinematic-burst-pages{position:absolute;right:4%;top:10%;bottom:10%;width:48.4%;opacity:0;pointer-events:none;z-index:7}
.cinematic-burst-pages span{position:absolute;inset:0;border-radius:0 24px 24px 0;background:linear-gradient(180deg,#fffef9,#e7f1ff);border:1px solid rgba(83,117,171,.12);box-shadow:0 12px 22px rgba(6,24,71,.08);transform-origin:left center;opacity:0;overflow:hidden}
.cinematic-burst-pages span::before{content:'';position:absolute;inset:22px;background:repeating-linear-gradient(180deg, rgba(31,94,212,.08) 0 2px, transparent 2px 18px)}
.cinematic-burst-pages span:nth-child(1){transform:translateX(-2px)}
.cinematic-burst-pages span:nth-child(2){transform:translateX(4px)}
.cinematic-burst-pages span:nth-child(3){transform:translateX(9px)}
.cinematic-burst-pages span:nth-child(4){transform:translateX(14px)}
.cinematic-burst-pages span:nth-child(5){transform:translateX(19px)}
.cinematic-burst-pages span:nth-child(6){transform:translateX(24px)}
.cinematic-preview-reveal{
  position:absolute;
  left:18%;
  top:15%;
  width:64%;
  height:66%;
  opacity:0;
  transform:translateY(14px) scale(.84);
  transition:opacity .48s ease, transform .95s cubic-bezier(.16,.76,.14,1), inset .95s cubic-bezier(.16,.76,.14,1), width .95s cubic-bezier(.16,.76,.14,1), height .95s cubic-bezier(.16,.76,.14,1), border-radius .95s cubic-bezier(.16,.76,.14,1);
  z-index:18;
  pointer-events:none;
}
.cinematic-preview-window{height:100%;border-radius:28px;background:linear-gradient(180deg,#ffffff,#eff5ff);border:1px solid rgba(60,116,208,.12);box-shadow:0 28px 60px rgba(6,24,71,.18);padding:1.1rem}
.cinematic-preview-grid{margin-top:1rem}
.cinematic-preview-line{height:18px;border-radius:999px;background:linear-gradient(90deg,#d1e4ff,#eef5ff);margin-top:1rem}
.book-intro-overlay.cinematic-book-intro.is-opening .cinematic-closed-book{animation:cinematicClosedOpen 1.65s cubic-bezier(.2,.78,.18,1) forwards}
.book-intro-overlay.cinematic-book-intro.is-opening .cinematic-open-book{opacity:1;transform:translateY(0) scale(1)}
.book-intro-overlay.cinematic-book-intro.is-opening .cinematic-book-cover{animation:cinematicCoverOpen 1.65s cubic-bezier(.18,.76,.18,1) .12s forwards}
.book-intro-overlay.cinematic-book-intro.is-page-one .cinematic-turn-one{animation:cinematicPageTurn 1.5s cubic-bezier(.18,.76,.18,1) forwards}
.book-intro-overlay.cinematic-book-intro.is-page-two .cinematic-turn-two{animation:cinematicPageTurn 1.35s cubic-bezier(.18,.76,.18,1) forwards}
.book-intro-overlay.cinematic-book-intro.is-flip-burst .cinematic-burst-pages{opacity:1}
.book-intro-overlay.cinematic-book-intro.is-flip-burst .cinematic-burst-pages span:nth-child(1){animation:cinematicBurst .58s cubic-bezier(.22,.82,.14,1) 0s forwards}
.book-intro-overlay.cinematic-book-intro.is-flip-burst .cinematic-burst-pages span:nth-child(2){animation:cinematicBurst .50s cubic-bezier(.22,.82,.14,1) .10s forwards}
.book-intro-overlay.cinematic-book-intro.is-flip-burst .cinematic-burst-pages span:nth-child(3){animation:cinematicBurst .44s cubic-bezier(.22,.82,.14,1) .19s forwards}
.book-intro-overlay.cinematic-book-intro.is-flip-burst .cinematic-burst-pages span:nth-child(4){animation:cinematicBurst .38s cubic-bezier(.22,.82,.14,1) .26s forwards}
.book-intro-overlay.cinematic-book-intro.is-flip-burst .cinematic-burst-pages span:nth-child(5){animation:cinematicBurst .34s cubic-bezier(.22,.82,.14,1) .32s forwards}
.book-intro-overlay.cinematic-book-intro.is-flip-burst .cinematic-burst-pages span:nth-child(6){animation:cinematicBurst .30s cubic-bezier(.22,.82,.14,1) .37s forwards}
.book-intro-overlay.cinematic-book-intro.is-final-reveal .cinematic-preview-reveal{opacity:1;transform:translateY(0) scale(1);left:5%;top:5%;width:90%;height:90%;border-radius:32px}
.book-intro-overlay.cinematic-book-intro.is-final-reveal .cinematic-open-book{opacity:.24;transform:translateY(-8px) scale(.98)}
.book-intro-overlay.cinematic-book-intro.is-final-reveal .cinematic-book-shell{animation:cinematicShellSettle .95s ease forwards}
@keyframes cinematicClosedOpen{
  0%{transform:rotateY(0deg) translateX(0);opacity:1}
  100%{transform:rotateY(-156deg) translateX(-22px);opacity:0}
}
@keyframes cinematicCoverOpen{
  0%{transform:rotateY(0deg)}
  100%{transform:rotateY(-164deg);opacity:.02}
}
@keyframes cinematicPageTurn{
  0%{transform:rotateY(0deg);opacity:1}
  50%{transform:rotateY(-96deg);opacity:1}
  100%{transform:rotateY(-178deg);opacity:0}
}
@keyframes cinematicBurst{
  0%{transform:rotateY(0deg);opacity:.96}
  100%{transform:rotateY(-178deg);opacity:0}
}
@keyframes cinematicShellSettle{
  0%{transform:translateY(8px) rotateX(4deg) rotateZ(-1.4deg)}
  100%{transform:translateY(2px) rotateX(2deg) rotateZ(-.8deg)}
}
@keyframes cinematicBookFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
@keyframes cinematicSparkle{0%,100%{transform:scale(1);opacity:.74}50%{transform:scale(1.12);opacity:.34}}
@media (max-width: 991.98px){
  .cinematic-book-stage{min-height:520px}
  .cinematic-book-shell{width:min(680px,92vw)}
  .cinematic-closed-cover strong,.cinematic-book-cover-face strong{font-size:2.5rem}
  .cinematic-page h3,.cinematic-turn-face h3{font-size:1.45rem}
}
@media (max-width: 767.98px){
  .book-intro-overlay.cinematic-book-intro{padding:1rem}
  .cinematic-book-skip{top:.8rem;right:.8rem;padding:.58rem .86rem;font-size:.88rem}
  .cinematic-book-stage{min-height:360px}
  .cinematic-book-shadow{bottom:42px;height:44px;width:88%}
  .cinematic-book-shell{width:96vw}
  .cinematic-closed-spine{left:-16px;width:24px;border-radius:10px 0 0 10px}
  .cinematic-closed-spine span,.cinematic-book-spine span{font-size:.46rem;letter-spacing:.14em}
  .cinematic-book-spine{width:30px;border-radius:10px 0 0 10px}
  .cinematic-page,.cinematic-turn-page,.cinematic-book-cover{top:12%;bottom:12%;border-radius:0 14px 14px 0}
  .cinematic-page-left{border-radius:14px 0 0 14px}
  .cinematic-turn-face,.cinematic-book-cover-face{border-radius:0 14px 14px 0}
  .cinematic-closed-cover,.cinematic-book-cover-face{padding:1rem 1rem 1rem 1.15rem}
  .cinematic-closed-cover strong,.cinematic-book-cover-face strong{font-size:1.3rem;margin-top:.52rem}
  .cinematic-closed-cover small,.cinematic-book-cover-face small{font-size:.67rem;line-height:1.45;margin-top:.4rem;max-width:10rem}
  .cinematic-cover-badge{font-size:.54rem;padding:.28rem .45rem}
  .cinematic-cover-lines{gap:.3rem;margin-top:.7rem}
  .cinematic-cover-lines span{width:24px;height:3px}
  .cinematic-page,.cinematic-turn-face{padding:1rem .85rem .9rem 1rem}
  .cinematic-page h3,.cinematic-turn-face h3{font-size:.96rem;margin-bottom:.45rem;max-width:8rem}
  .cinematic-page p,.cinematic-turn-face p{font-size:.62rem;line-height:1.45}
  .cinematic-page-tags{gap:.3rem;margin-top:.6rem}
  .cinematic-page-tags span{font-size:.53rem;padding:.28rem .42rem}
  .cinematic-page-kicker{font-size:.52rem;margin-bottom:.42rem}
  .cinematic-site-page{padding:.55rem;border-radius:11px}
  .cinematic-site-topbar span,.cinematic-preview-topbar span{width:6px;height:6px}
  .cinematic-site-hero,.cinematic-preview-banner{padding:.65rem;border-radius:12px}
  .cinematic-site-hero strong,.cinematic-preview-banner strong{font-size:.72rem;margin-top:.25rem;max-width:7rem}
  .cinematic-site-hero small,.cinematic-preview-banner small{font-size:.42rem}
  .cinematic-site-strip{gap:.3rem;margin-top:.48rem}
  .cinematic-site-strip span{height:8px}
  .cinematic-site-cards,.cinematic-preview-grid{gap:.38rem;margin-top:.5rem}
  .cinematic-site-cards span,.cinematic-preview-grid span{height:42px;border-radius:9px}
  .cinematic-preview-window{padding:.58rem;border-radius:16px}
  .cinematic-preview-line{height:10px;margin-top:.55rem}
}

/* Step 40 - next-level bookstore intro rebuild */
.eg-intro-overlay{
    position:fixed;
    inset:0;
    z-index:1065;
    overflow:hidden;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:1.5rem;
    background:
        radial-gradient(circle at 20% 18%, rgba(255, 223, 164, .10), transparent 24%),
        radial-gradient(circle at 82% 78%, rgba(128, 193, 255, .18), transparent 26%),
        linear-gradient(135deg, #06172d 0%, #0b264f 42%, #16457d 74%, #5fa1da 100%);
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transition:opacity .72s ease, visibility .72s ease;
    font-family: Georgia, "Times New Roman", serif;
}
.eg-intro-overlay.is-active{opacity:1;visibility:visible;pointer-events:auto;}
.eg-intro-overlay.is-finished{opacity:0;visibility:hidden;pointer-events:none;}
.eg-intro-backdrop,.eg-intro-stage{position:relative;z-index:1;}
.eg-intro-backdrop{position:absolute;inset:0;pointer-events:none;}
.eg-intro-orb{position:absolute;border-radius:50%;filter:blur(32px);opacity:.8;}
.eg-intro-orb-left{width:28rem;height:28rem;left:-8rem;top:-7rem;background:radial-gradient(circle, rgba(244,213,154,.22), transparent 68%);}
.eg-intro-orb-right{width:26rem;height:26rem;right:-9rem;bottom:-6rem;background:radial-gradient(circle, rgba(145,208,255,.26), transparent 68%);}
.eg-intro-spark{position:absolute;width:.5rem;height:.5rem;border-radius:999px;background:radial-gradient(circle, rgba(255,245,214,.95), rgba(172,222,255,.35) 62%, transparent 75%);box-shadow:0 0 16px rgba(219,235,255,.28);animation:egSparkFloat 8s ease-in-out infinite;opacity:.82;}
.eg-intro-spark-1{left:12%;top:17%;animation-delay:.2s}
.eg-intro-spark-2{left:79%;top:18%;animation-delay:1.1s}
.eg-intro-spark-3{left:20%;top:74%;animation-delay:2.2s}
.eg-intro-spark-4{left:84%;top:69%;animation-delay:1.6s}
.eg-intro-spark-5{left:55%;top:24%;animation-delay:3.1s}
.eg-intro-spark-6{left:68%;top:81%;animation-delay:.9s}
.eg-intro-skip{
    position:absolute;
    top:1.2rem;
    right:1.2rem;
    z-index:4;
    border:none;
    background:rgba(14,35,68,.42);
    color:#f5efe1;
    border-radius:999px;
    padding:.7rem 1rem;
    font-weight:700;
    letter-spacing:.02em;
    box-shadow:0 14px 30px rgba(4,19,47,.18);
    border:1px solid rgba(250,233,199,.22);
    backdrop-filter:blur(10px);
    font-family:inherit;
}
.eg-intro-skip:hover{background:rgba(18,42,77,.58)}
.eg-intro-stage{width:min(1100px, 100%);display:flex;align-items:center;justify-content:center;min-height:min(760px, 88vh);}
.eg-intro-pedestal{position:absolute;bottom:9.5%;width:min(720px, 80vw);height:3.6rem;border-radius:50%;background:radial-gradient(circle, rgba(8,22,59,.68), transparent 72%);filter:blur(22px);transform:translateY(.6rem);}
.eg-book-shell{position:relative;width:min(840px, 94vw);height:min(540px, 74vh);display:flex;align-items:center;justify-content:center;}
.eg-book-shadow{position:absolute;bottom:11%;left:50%;width:72%;height:3.7rem;transform:translateX(-50%);border-radius:50%;background:radial-gradient(circle, rgba(3,12,30,.62), transparent 72%);filter:blur(18px);}
.eg-book-core{position:relative;width:min(650px, 84vw);height:min(400px, 50vw);min-height:320px;transform-style:preserve-3d;perspective:2400px;}
.eg-book-spine,.eg-book-pages-base,.eg-book-page,.eg-book-cover,.eg-book-flip-page{position:absolute;inset:0;border-radius:1.9rem;transform-style:preserve-3d;}
.eg-book-spine{inset:3.5% auto 3.5% 6.9%;width:3.5rem;border-radius:1.6rem;background:linear-gradient(180deg, #2a1b14 0%, #52311f 45%, #2b1a12 100%);box-shadow:inset 1px 0 0 rgba(255,233,202,.10), inset -2px 0 6px rgba(0,0,0,.28), 0 22px 40px rgba(2,11,28,.30);z-index:2;display:flex;align-items:center;justify-content:center;overflow:hidden;}
.eg-book-spine::before{content:'';position:absolute;inset:.35rem;border-radius:1.2rem;border:1px solid rgba(222,189,124,.22);}
.eg-book-spine::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg, rgba(255,230,194,.08), transparent 26%, transparent 76%, rgba(0,0,0,.18));}
.eg-book-spine span{writing-mode:vertical-rl;transform:rotate(180deg);font-size:.9rem;letter-spacing:.22rem;text-transform:uppercase;color:#e8cf97;font-weight:700;text-shadow:0 1px 0 rgba(24,13,7,.35);}
.eg-book-pages-base{inset:6% 4% 6% 10%;background:linear-gradient(90deg, #ddcba7 0%, #f7efdd 7%, #fbf6ea 16%, #f7efdd 49%, #ede0c2 51%, #faf5e8 57%, #f4ebd8 100%);box-shadow:0 30px 58px rgba(5,18,46,.19), inset 0 0 0 1px rgba(119,89,41,.10);z-index:1;overflow:hidden;}
.eg-book-pages-base::before{content:'';position:absolute;left:50%;top:0;bottom:0;width:1.45rem;transform:translateX(-50%);background:linear-gradient(180deg, rgba(77,54,24,.08), rgba(255,252,244,.9) 24%, rgba(182,151,96,.16) 50%, rgba(255,252,244,.92) 76%, rgba(77,54,24,.10));filter:blur(1.1px);}
.eg-book-pages-base::after{content:'';position:absolute;inset:.65rem .8rem .65rem 1rem;border-radius:1.4rem;box-shadow:inset 0 0 0 1px rgba(142,111,59,.08);pointer-events:none;}
.eg-book-page{inset:6.8% 4.8% 6.8% 10.8%;display:flex;align-items:stretch;justify-content:stretch;overflow:hidden;backface-visibility:hidden;}
.eg-book-page-inner,.eg-book-page-preview{position:relative;flex:1;border-radius:1.3rem;background:linear-gradient(180deg, #fffaf0, #f5ecd8);box-shadow:inset 0 0 0 1px rgba(134,100,43,.10), inset 0 -18px 40px rgba(120,88,40,.04);padding:2rem 2rem 1.8rem;color:#442c1c;}
.eg-book-page-inner::before,.eg-book-page-preview::before{content:'';position:absolute;inset:.7rem;border-radius:1rem;border:1px solid rgba(171,132,70,.10);pointer-events:none;}
.eg-book-page-kicker{display:inline-flex;padding:.18rem 0 .4rem;border-radius:0;background:none;color:#8a6330;font-size:.86rem;font-weight:700;letter-spacing:.16rem;text-transform:uppercase;border-bottom:1px solid rgba(141,109,57,.26);}
.eg-book-page h3{margin:1rem 0 .85rem;font-size:clamp(1.55rem, 2.1vw, 2.15rem);line-height:1.2;color:#2e1c0f;max-width:15ch;font-weight:700;}
.eg-book-page p{margin:0;color:#694c33;font-size:1.02rem;line-height:1.76;max-width:33ch;}
.eg-book-page-lines{display:grid;gap:.55rem;margin-top:1.25rem;}
.eg-book-page-lines span{display:block;height:.18rem;border-radius:999px;background:linear-gradient(90deg, rgba(141,109,57,.30), rgba(98,147,192,.14));}
.eg-book-page-lines span:nth-child(1){width:90%}
.eg-book-page-lines span:nth-child(2){width:76%}
.eg-book-page-lines span:nth-child(3){width:82%}
.eg-book-page-lines span:nth-child(4){width:68%}
.eg-book-page-footer{margin-top:1.2rem;font-size:.92rem;color:#83603a;font-style:italic;}
.eg-book-page-static-right{z-index:2}
.eg-book-page-preview{display:flex;flex-direction:column;gap:1rem;padding:1.35rem 1.35rem 1.2rem;}
.eg-book-preview-topbar,.eg-intro-preview-topbar{display:flex;gap:.45rem}
.eg-book-preview-topbar span,.eg-intro-preview-topbar span{width:.72rem;height:.72rem;border-radius:999px;background:linear-gradient(180deg, rgba(116,77,36,.42), rgba(202,178,124,.86));}
.eg-book-preview-hero{padding:1.1rem 1rem;border-radius:1rem;background:linear-gradient(180deg, rgba(248,239,222,.96), rgba(235,219,190,.92));color:#342012;box-shadow:inset 0 0 0 1px rgba(147,112,56,.14), 0 12px 24px rgba(40,25,10,.06);}
.eg-book-preview-hero small{display:block;font-size:.8rem;letter-spacing:.14rem;text-transform:uppercase;opacity:.76;margin-bottom:.5rem;color:#8b6530;}
.eg-book-preview-hero strong{display:block;font-size:1.24rem;line-height:1.36;font-weight:700;max-width:18ch;}
.eg-book-preview-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;}
.eg-book-preview-columns div{display:grid;gap:.48rem;}
.eg-book-preview-columns span{display:block;padding:.55rem .7rem;border-radius:.9rem;background:rgba(145,111,60,.08);color:#5a4027;font-size:.9rem;box-shadow:inset 0 0 0 1px rgba(148,115,62,.10);}
.eg-book-preview-row{height:.42rem;border-radius:999px;background:linear-gradient(90deg, rgba(126,94,47,.26), rgba(109,162,211,.20));margin-top:auto;}
.eg-book-preview-row-wide{width:84%}
.eg-book-flip-stack{position:absolute;inset:6.8% 4.8% 6.8% 50%;z-index:4;pointer-events:none;transform-style:preserve-3d;}
.eg-book-flip-page{left:-2%;right:0;top:0;bottom:0;transform-origin:left center;background:linear-gradient(180deg, #fff9ef, #f1e6cf);box-shadow:0 18px 30px rgba(7,25,62,.14), inset 0 0 0 1px rgba(126,95,48,.14);backface-visibility:hidden;overflow:hidden;opacity:0;}
.eg-book-flip-page::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg, rgba(106,76,41,.10), transparent 12%, transparent 86%, rgba(170,141,94,.10)), repeating-linear-gradient(180deg, transparent 0 1.1rem, rgba(133,102,59,.045) 1.1rem 1.18rem);}
.eg-book-flip-page::after{content:'';position:absolute;inset:.75rem;border-radius:1rem;border:1px solid rgba(156,120,65,.10);pointer-events:none;}
.eg-book-flip-content{position:absolute;inset:1.25rem 1.2rem 1.2rem 1.35rem;display:flex;flex-direction:column;justify-content:flex-start;color:#4a301d;}
.eg-book-flip-content small{display:block;font-size:.74rem;letter-spacing:.14rem;text-transform:uppercase;color:#8b6530;margin-bottom:.7rem;}
.eg-book-flip-content strong{display:block;font-size:1.16rem;line-height:1.25;font-weight:700;max-width:14ch;}
.eg-book-flip-content span{display:block;margin-top:auto;height:.34rem;border-radius:999px;background:linear-gradient(90deg, rgba(139,107,58,.30), rgba(114,161,205,.20));box-shadow:0 -.9rem 0 rgba(139,107,58,.18), 0 -1.8rem 0 rgba(139,107,58,.14);text-indent:-9999px;overflow:hidden;}
.eg-book-flip-page-1{z-index:7}.eg-book-flip-page-2{z-index:8}.eg-book-flip-page-3{z-index:9}.eg-book-flip-page-4{z-index:10}.eg-book-flip-page-5{z-index:11}
.eg-book-cover{inset:4.8% 4% 4.8% 8.4%;z-index:12;transform-origin:left center;background:linear-gradient(145deg, #193259 0%, #244a7b 38%, #2c5f98 100%);box-shadow:0 34px 60px rgba(3,18,49,.38), inset 0 0 0 1px rgba(239,218,171,.16);overflow:hidden;}
.eg-book-cover::before{content:'';position:absolute;left:1rem;top:.85rem;bottom:.85rem;width:1rem;border-radius:999px;background:linear-gradient(180deg, rgba(245,225,180,.45), rgba(122,90,44,.48));box-shadow:1px 0 0 rgba(255,245,220,.16);}
.eg-book-cover::after{content:'';position:absolute;inset:0;background:radial-gradient(circle at 24% 18%, rgba(255,255,255,.18), transparent 22%),linear-gradient(135deg, rgba(255,255,255,.12), transparent 28%, rgba(255,255,255,.04) 52%, transparent 78%),repeating-linear-gradient(45deg, rgba(255,255,255,.025) 0 2px, transparent 2px 6px);mix-blend-mode:screen;}
.eg-book-cover-inner{position:relative;z-index:1;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2.3rem 2.3rem 2.2rem 3.6rem;color:#f5ecda;}
.eg-book-cover-mark{display:inline-flex;align-items:center;justify-content:center;width:4.7rem;height:4.7rem;border-radius:999px;background:radial-gradient(circle at 30% 30%, rgba(255,235,196,.58), rgba(186,144,74,.18));border:1px solid rgba(234,204,146,.34);font-size:1.3rem;font-weight:700;letter-spacing:.08rem;color:#f4ddb2;box-shadow:0 18px 34px rgba(6,27,76,.20), inset 0 0 16px rgba(255,240,205,.10);}
.eg-book-cover-edition{display:block;margin-top:1rem;font-size:.76rem;letter-spacing:.18rem;text-transform:uppercase;font-weight:700;opacity:.9;color:#dbc18f;}
.eg-book-cover-inner strong{display:block;margin-top:.55rem;font-size:clamp(2.2rem, 3.8vw, 3.25rem);line-height:1.02;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:#f4ddb1;text-shadow:0 10px 22px rgba(7,33,82,.26);}
.eg-book-cover-inner p{margin:1rem 0 0;max-width:21ch;font-size:1rem;line-height:1.72;color:rgba(245,236,218,.92);}
.eg-book-cover-rule{width:8rem;height:.22rem;margin-top:1.35rem;border-radius:999px;background:linear-gradient(90deg, rgba(239,214,162,.16), rgba(239,214,162,.84), rgba(239,214,162,.16));}
.eg-intro-glow{position:absolute;inset:14% 22%;border-radius:50%;background:radial-gradient(circle, rgba(239,220,178,.20), rgba(122,178,235,.12) 46%, transparent 68%);filter:blur(18px);opacity:0;z-index:0;}
.eg-intro-preview-frame{position:absolute;inset:50% auto auto 50%;width:min(760px, 92vw);transform:translate(-50%, -50%) scale(.9);opacity:0;z-index:30;pointer-events:none;}
.eg-intro-preview-window{border-radius:2rem;padding:1rem;background:rgba(249,243,229,.88);border:1px solid rgba(238,221,188,.62);box-shadow:0 40px 90px rgba(3,16,44,.28), inset 0 0 0 1px rgba(121,163,209,.12);backdrop-filter:blur(6px);}
.eg-intro-preview-banner{margin-top:.85rem;border-radius:1.5rem;padding:1.55rem 1.45rem;background:linear-gradient(135deg, rgba(21,58,110,.96), rgba(78,141,204,.90));color:#f7fbff;}
.eg-intro-preview-banner small{display:block;font-size:.82rem;letter-spacing:.16rem;text-transform:uppercase;opacity:.84;margin-bottom:.45rem;}
.eg-intro-preview-banner strong{display:block;font-size:clamp(1.5rem, 2.2vw, 2.25rem);line-height:1.2;max-width:21ch;font-weight:700;}
.eg-intro-preview-shelves{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.9rem;margin-top:1rem;}
.eg-intro-preview-shelves span{display:block;height:5.4rem;border-radius:1.2rem;background:linear-gradient(180deg, rgba(255,255,255,.95), rgba(234,243,252,.95));box-shadow:inset 0 0 0 1px rgba(146,194,255,.18);}
.eg-intro-preview-strip{height:.82rem;border-radius:999px;margin-top:1rem;background:linear-gradient(90deg, rgba(103,73,36,.14), rgba(92,154,210,.30));}

.eg-intro-overlay.is-active .eg-book-cover{animation:egCoverLift 2.15s cubic-bezier(.22,.69,.18,1) .55s forwards;}
.eg-intro-overlay.is-active .eg-book-page-static-left{animation:egLeftPageSettle 6.7s ease forwards;}
.eg-intro-overlay.is-active .eg-book-page-static-right{animation:egRightPageSettle 6.7s ease forwards;}
.eg-intro-overlay.is-active .eg-book-flip-page-1{animation:egFlipSlowOne 1.34s cubic-bezier(.3,.76,.22,1) 1.45s forwards;}
.eg-intro-overlay.is-active .eg-book-flip-page-2{animation:egFlipSlowTwo 1.28s cubic-bezier(.3,.76,.22,1) 2.34s forwards;}
.eg-intro-overlay.is-active .eg-book-flip-page-3{animation:egFlipBurst .92s cubic-bezier(.28,.76,.2,1) 3.54s forwards;}
.eg-intro-overlay.is-active .eg-book-flip-page-4{animation:egFlipBurst .8s cubic-bezier(.28,.76,.2,1) 3.83s forwards;}
.eg-intro-overlay.is-active .eg-book-flip-page-5{animation:egFlipBurst .7s cubic-bezier(.28,.76,.2,1) 4.06s forwards;}
.eg-intro-overlay.is-active .eg-intro-glow{animation:egPortalGlow 2.3s ease 3.9s forwards;}
.eg-intro-overlay.is-active .eg-intro-preview-frame{animation:egPreviewAppear 2.2s cubic-bezier(.19,.7,.18,1) 4.45s forwards;}
.eg-intro-overlay.is-active .eg-book-core{animation:egBookSinkAway 2.1s ease 4.55s forwards;}

@keyframes egSparkFloat{0%,100%{transform:translateY(0) scale(1);opacity:.45}50%{transform:translateY(-.8rem) scale(1.16);opacity:.95}}
@keyframes egCoverLift{0%{transform:translateZ(14px) rotateY(0deg)}22%{transform:translateZ(22px) rotateY(-18deg)}58%{transform:translateZ(18px) rotateY(-116deg)}100%{transform:translateZ(12px) rotateY(-160deg);opacity:.9}}
@keyframes egLeftPageSettle{0%,100%{transform:none}70%{transform:translateX(-.14rem)}}
@keyframes egRightPageSettle{0%,100%{transform:none}78%{transform:translateX(.2rem)}}
@keyframes egFlipSlowOne{0%{opacity:1;transform:translateZ(22px) rotateY(0deg)}56%{opacity:1;transform:translateZ(21px) rotateY(-106deg)}100%{opacity:0;transform:translateZ(18px) rotateY(-158deg)}}
@keyframes egFlipSlowTwo{0%{opacity:1;transform:translateZ(26px) rotateY(0deg)}56%{opacity:1;transform:translateZ(24px) rotateY(-114deg)}100%{opacity:0;transform:translateZ(18px) rotateY(-162deg)}}
@keyframes egFlipBurst{0%{opacity:.96;transform:translateZ(30px) rotateY(0deg)}42%{opacity:1;transform:translateZ(24px) rotateY(-88deg)}100%{opacity:0;transform:translateZ(18px) rotateY(-165deg)}}
@keyframes egPortalGlow{0%{opacity:0;transform:scale(.78)}60%{opacity:1;transform:scale(1.02)}100%{opacity:.96;transform:scale(1.12)}}
@keyframes egPreviewAppear{0%{opacity:0;transform:translate(-50%, -50%) scale(.82)}52%{opacity:1;transform:translate(-50%, -50%) scale(.98)}100%{opacity:1;transform:translate(-50%, -50%) scale(1.05)}}
@keyframes egBookSinkAway{0%{opacity:1;transform:translateY(0) scale(1)}100%{opacity:0;transform:translateY(.75rem) scale(.93)}}

@media (max-width: 991.98px){
    .eg-intro-stage{min-height:min(660px, 84vh)}
    .eg-book-shell{height:520px}
    .eg-book-core{width:min(570px, 90vw);height:350px;min-height:0}
    .eg-book-cover-inner strong{font-size:2.2rem}
    .eg-book-page h3{font-size:1.45rem}
    .eg-intro-preview-shelves{grid-template-columns:repeat(3,minmax(0,1fr));}
}
@media (max-width: 767.98px){
    .eg-intro-overlay{padding:1rem}
    .eg-intro-skip{top:.95rem;right:.95rem;padding:.62rem .92rem;font-size:.92rem}
    .eg-intro-stage{min-height:min(600px, 82vh)}
    .eg-book-shell{height:450px}
    .eg-book-core{width:min(95vw, 520px);height:290px}
    .eg-book-spine{width:2.25rem}
    .eg-book-spine span{font-size:.62rem;letter-spacing:.14rem}
    .eg-book-cover-inner{padding:1.4rem 1.3rem 1.4rem 2.55rem}
    .eg-book-cover-mark{width:3.5rem;height:3.5rem;font-size:1rem}
    .eg-book-cover-inner strong{font-size:1.72rem}
    .eg-book-cover-inner p{font-size:.84rem;line-height:1.56}
    .eg-book-page-inner,.eg-book-page-preview{padding:1rem .95rem .92rem}
    .eg-book-page-kicker{font-size:.6rem;letter-spacing:.08rem}
    .eg-book-page h3{margin:.7rem 0 .55rem;font-size:1rem;max-width:13ch}
    .eg-book-page p{font-size:.72rem;line-height:1.55;max-width:26ch}
    .eg-book-page-footer{font-size:.72rem}
    .eg-book-preview-hero{padding:.9rem .8rem}
    .eg-book-preview-hero strong{font-size:.9rem}
    .eg-book-preview-columns span{font-size:.72rem;padding:.42rem .5rem}
    .eg-book-flip-content{inset:.95rem .9rem 1rem 1rem}
    .eg-book-flip-content strong{font-size:.78rem}
    .eg-book-flip-content small{font-size:.52rem}
    .eg-intro-preview-window{padding:.72rem;border-radius:1.4rem}
    .eg-intro-preview-banner{padding:1rem .95rem;border-radius:1.1rem}
    .eg-intro-preview-banner strong{font-size:1rem}
    .eg-intro-preview-shelves{gap:.55rem}
    .eg-intro-preview-shelves span{height:3rem;border-radius:.8rem}
}
@media (prefers-reduced-motion: reduce){
  .book-intro-overlay,
  .book-intro-overlay *{animation:none!important;transition:none!important}
}


/* Step 28 blue storybook intro + homepage polish */
.home-story-shell{
    --story-ink:#153553;
    --story-ink-soft:#5f7c9d;
    --story-gold:#77d8ff;
    --story-paper:#f3f9ff;
    --story-paper-deep:#dceeff;
    --story-brown:#1d4fd7;
    background:
        radial-gradient(circle at top left, rgba(119,216,255,.28), transparent 24%),
        radial-gradient(circle at top right, rgba(29,79,215,.16), transparent 22%),
        linear-gradient(180deg, #eef6ff 0%, #f8fbff 34%, #ffffff 100%);
}
.home-story-shell::before{background:radial-gradient(circle, rgba(119,216,255,.24), transparent 68%)}
.home-story-shell::after{background:radial-gradient(circle, rgba(29,79,215,.14), transparent 68%)}
.home-story-shell .site-header{background:rgba(245,250,255,.86);border-bottom:1px solid rgba(29,79,215,.10);box-shadow:0 14px 34px rgba(29,79,215,.08)}
.home-story-shell .brand-name,.home-story-shell .nav-link:hover,.home-story-shell .text-cyan{color:var(--story-brown)!important}
.home-story-shell .btn-soft{color:var(--story-brown)!important;border-color:rgba(29,79,215,.10)}
.home-story-shell .btn-primary-pill{background:linear-gradient(135deg,#72d6ff 0%,#2f74ff 54%,#1b43c6 100%);box-shadow:0 18px 36px rgba(29,79,215,.22), inset 0 1px 0 rgba(255,255,255,.26)}
.home-story-shell .site-footer{background:linear-gradient(180deg, rgba(243,249,255,.86), rgba(232,242,255,.96));border-top:1px solid rgba(29,79,215,.10)}

.book-intro-overlay{padding:2rem;background:linear-gradient(135deg, rgba(5,21,62,.94), rgba(17,60,138,.88) 48%, rgba(113,214,255,.72) 100%);backdrop-filter:blur(14px)}
.book-intro-overlay::before,.book-intro-overlay::after{content:'';position:absolute;inset:auto;border-radius:999px;pointer-events:none;filter:blur(16px)}
.book-intro-overlay::before{width:420px;height:420px;left:-120px;top:-120px;background:radial-gradient(circle, rgba(115,221,255,.30), transparent 68%)}
.book-intro-overlay::after{width:380px;height:380px;right:-140px;bottom:-120px;background:radial-gradient(circle, rgba(123,156,255,.24), transparent 68%)}
.book-intro-aurora{position:absolute;inset:10% 12% auto 12%;height:220px;border-radius:999px;background:linear-gradient(90deg, rgba(114,225,255,0), rgba(114,225,255,.26), rgba(255,255,255,.14), rgba(83,131,255,.22), rgba(83,131,255,0));filter:blur(24px);opacity:.95;animation:introAurora 7s ease-in-out infinite}
.book-intro-stars{position:absolute;inset:0;pointer-events:none}
.book-intro-stars span{position:absolute;width:8px;height:8px;border-radius:999px;background:radial-gradient(circle, rgba(255,255,255,.95), rgba(137,227,255,.42) 52%, transparent 72%);box-shadow:0 0 22px rgba(151,226,255,.6);animation:introStarFloat 6.2s ease-in-out infinite}
.book-intro-stars span:nth-child(1){top:16%;left:14%;animation-delay:.2s}
.book-intro-stars span:nth-child(2){top:22%;left:76%;animation-delay:1.1s}
.book-intro-stars span:nth-child(3){top:64%;left:11%;animation-delay:2.1s}
.book-intro-stars span:nth-child(4){top:70%;left:82%;animation-delay:1.7s}
.book-intro-stars span:nth-child(5){top:34%;left:56%;animation-delay:2.8s}
.book-intro-stars span:nth-child(6){top:52%;left:73%;animation-delay:.9s}
.book-intro-scene{position:relative;z-index:1;width:min(1140px,100%);gap:2.6rem}
.book-intro-copy{color:#eff7ff;max-width:560px}
.book-intro-kicker{background:rgba(255,255,255,.10);border:1px solid rgba(183,228,255,.28);color:#f5fbff;box-shadow:0 10px 30px rgba(12,24,63,.18)}
.book-intro-copy h2{font-size:clamp(2.2rem,4.3vw,4rem);margin:1rem 0 .9rem;color:#ffffff;text-shadow:0 10px 26px rgba(8,23,59,.26)}
.book-intro-copy p{font-size:1.08rem;line-height:1.9;color:rgba(239,247,255,.92)}
.book-intro-note{display:inline-flex;align-items:center;gap:.5rem;margin-top:1.2rem;padding:.7rem 1rem;border-radius:999px;background:rgba(255,255,255,.10);border:1px solid rgba(188,230,255,.26);box-shadow:0 12px 28px rgba(10,27,71,.16);font-size:.92rem;font-weight:700;color:#f3fbff}
.book-intro-stage{position:relative;display:flex;justify-content:center;isolation:isolate}
.book-intro-stage::before{content:'';position:absolute;inset:12% 16%;border-radius:50%;background:radial-gradient(circle, rgba(128,222,255,.28), transparent 70%);filter:blur(14px);z-index:-1}
.book-intro-shadow{bottom:-26px;width:84%;height:56px;background:radial-gradient(circle, rgba(7,18,56,.42), transparent 72%);filter:blur(14px)}
.book-intro-book{width:min(520px,100%);height:350px;animation:introBookFloat 5.6s ease-in-out infinite alternate}
.book-intro-page,.book-intro-cover{border-radius:24px}
.book-intro-page{padding:2.15rem 2.3rem;background:linear-gradient(180deg, #fafdff, #dbeeff);border:1px solid rgba(121,172,255,.18);box-shadow:inset 0 0 0 1px rgba(255,255,255,.55), 0 16px 28px rgba(9,29,80,.08)}
.book-intro-page::before{content:'';position:absolute;left:22px;right:22px;top:30px;height:1px;background:linear-gradient(90deg, transparent, rgba(108,150,226,.32), transparent)}
.book-intro-page span{color:#3471cf}
.book-intro-page strong{color:#17395d;max-width:260px}
.book-intro-page-right{background:linear-gradient(180deg, #ffffff, #e9f4ff);padding-left:3.2rem}
.book-intro-cover{background:linear-gradient(155deg, #1f56df 0%, #2b8bff 48%, #77d9ff 100%);border:1px solid rgba(229,247,255,.26);box-shadow:0 30px 58px rgba(6,24,71,.34), inset 0 1px 0 rgba(255,255,255,.24);overflow:hidden}
.book-intro-cover::before{left:18px;top:18px;bottom:18px;width:12px;background:linear-gradient(180deg, rgba(227,247,255,.58), rgba(37,95,204,.58))}
.book-intro-cover::after{content:'';position:absolute;inset:0;background:linear-gradient(135deg, rgba(255,255,255,.20), transparent 30%, rgba(255,255,255,.10) 52%, transparent 72%);pointer-events:none}
.book-intro-cover-inner{color:#f5fbff;padding:2.2rem}
.book-intro-cover-mark{width:70px;height:70px;border-radius:22px;background:rgba(255,255,255,.14);border:1px solid rgba(233,247,255,.24);box-shadow:0 12px 26px rgba(10,35,84,.20);font-size:1.15rem}
.book-intro-cover-inner strong{font-size:1.95rem;letter-spacing:.04em;text-shadow:0 10px 24px rgba(7,31,74,.24)}
.book-intro-cover-inner small{font-size:1rem;opacity:.92}
.book-intro-skip{color:#eef8ff;font-weight:800;letter-spacing:.02em}
.book-intro-skip:hover{color:#ffffff}
.book-intro-overlay.is-active .book-intro-cover{animation:storyCoverOpenBlue 3.8s cubic-bezier(.22,.65,.18,1) .55s forwards}
.book-intro-overlay.is-active .book-intro-page-left{animation:storyPageLeftBlue 3.8s cubic-bezier(.24,.64,.18,1) .55s forwards}
.book-intro-overlay.is-active .book-intro-page-right{animation:storyPageRightBlue 3.8s cubic-bezier(.24,.64,.18,1) .55s forwards}
.book-intro-overlay.is-active .book-intro-copy{animation:introCopyRiseBlue 1.15s ease .18s both}

.storybook-hero,.story-banner-card,.story-closing-card,.stationery-corner-card,.story-category-card{border:1px solid rgba(29,79,215,.09);box-shadow:0 24px 54px rgba(29,79,215,.08), inset 0 1px 0 rgba(255,255,255,.58)}
.storybook-hero{background:linear-gradient(135deg, rgba(248,252,255,.98), rgba(232,243,255,.96))}
.storybook-hero::before,.story-banner-card::before,.story-closing-card::before,.stationery-corner-card::before,.story-category-card::before{background:radial-gradient(circle at top right, rgba(119,216,255,.16), transparent 28%), linear-gradient(135deg, rgba(255,255,255,.18), transparent 44%)}
.story-kicker,.story-shelf-badge,.stationery-corner-badge{background:rgba(29,79,215,.07);border:1px solid rgba(29,79,215,.11);color:var(--story-brown)}
.story-ratio-card{background:rgba(248,252,255,.84);border:1px solid rgba(29,79,215,.08)}
.story-ratio-fill-books{background:linear-gradient(135deg,#79ddff,#2f74ff);color:#f8fcff}
.story-ratio-fill-stationery{background:linear-gradient(135deg,#dfeeff,#b8d8ff);color:#184789}
.story-note-card,.story-closing-card{background:linear-gradient(180deg, rgba(251,254,255,.96), rgba(231,242,255,.88))}
.storybook-visual-book{box-shadow:0 30px 58px rgba(29,79,215,.14)}
.storybook-page{background:linear-gradient(180deg, #fafdff, #dfedff);border:1px solid rgba(29,79,215,.08)}
.storybook-page-right{background:linear-gradient(180deg, #ffffff, #e8f3ff)}
.storybook-page-label,.storybook-floating-card span{color:#3170d2}
.storybook-floating-card{background:rgba(248,252,255,.94);border:1px solid rgba(29,79,215,.08);box-shadow:0 20px 36px rgba(29,79,215,.12)}
.story-category-card,.story-category-card-book{background:linear-gradient(145deg, rgba(248,252,255,.98), rgba(231,242,255,.95))}
.stationery-corner-card{background:linear-gradient(160deg, rgba(249,253,255,.98), rgba(227,240,255,.95))}
.stationery-mini-item,.stationery-product-chip{background:rgba(250,253,255,.94);border:1px solid rgba(29,79,215,.08)}
.story-banner-card{background:linear-gradient(145deg, rgba(247,252,255,.98), rgba(226,239,255,.95))}
.story-banner-visual{background:rgba(251,254,255,.9);border:1px solid rgba(29,79,215,.08)}
.home-story-shell .product-card,.home-story-shell .glass-card,.home-story-shell .hero-card,.home-story-shell .stat-card{background:linear-gradient(180deg, rgba(250,253,255,.97), rgba(231,242,255,.90));border:1px solid rgba(29,79,215,.08);box-shadow:0 20px 42px rgba(29,79,215,.08)}
.home-story-shell .product-card-price,.home-story-shell .price-tag{color:var(--story-brown)}
.home-story-shell .pill-soft{background:rgba(29,79,215,.08);color:var(--story-brown)}
.home-story-shell .hero-tag{background:rgba(248,252,255,.94);border:1px solid rgba(29,79,215,.09)}
.home-story-shell .product-card-media img,.home-story-shell .product-detail-image{border:1px solid rgba(29,79,215,.08);background:#fbfdff}

@keyframes introAurora{
  0%,100%{transform:translateX(-3%) scaleX(1);opacity:.76}
  50%{transform:translateX(3%) scaleX(1.08);opacity:1}
}
@keyframes introBookFloat{
  0%{transform:translateY(0) rotate(-1deg)}
  100%{transform:translateY(-10px) rotate(1deg)}
}
@keyframes introStarFloat{
  0%,100%{transform:translateY(0) scale(.9);opacity:.5}
  50%{transform:translateY(-14px) scale(1.15);opacity:1}
}
@keyframes storyCoverOpenBlue{
    0%{transform:rotateY(0deg) translateX(0) scale(1);opacity:1}
    42%{transform:rotateY(-96deg) translateX(-10px) scale(1);opacity:1}
    76%{transform:rotateY(-136deg) translateX(-18px) scale(1.02);opacity:1}
    100%{transform:rotateY(-156deg) translateX(-24px) scale(1.02);opacity:0}
}
@keyframes storyPageLeftBlue{
    0%{transform:translateX(-8%) rotateY(0deg)}
    100%{transform:translateX(-19%) rotateY(-18deg)}
}
@keyframes storyPageRightBlue{
    0%{transform:translateX(8%) rotateY(0deg)}
    100%{transform:translateX(18%) rotateY(10deg)}
}
@keyframes introCopyRiseBlue{
    0%{opacity:0;transform:translateY(28px)}
    100%{opacity:1;transform:translateY(0)}
}

@media (max-width: 767.98px){
  .book-intro-book{height:270px}
  .book-intro-note{font-size:.84rem;padding:.65rem .9rem}
}

/* Step 29 refined double-page intro */
.book-intro-overlay{overflow:hidden}
.book-intro-scene{align-items:center}
.book-intro-book{width:min(560px,100%);height:360px;animation:introBookFloat 7.4s ease-in-out infinite alternate}
.book-intro-stage{min-width:min(560px,100%)}
.book-intro-spread{position:absolute;inset:0;display:grid;grid-template-columns:1fr 1fr;border-radius:24px;overflow:hidden;box-shadow:0 24px 44px rgba(8,30,85,.12)}
.book-intro-spread .book-intro-page{position:relative;inset:auto;transform:none;border-radius:0;min-height:100%;padding:2.15rem 2.2rem 2rem}
.book-intro-spread .book-intro-page-left{border-radius:24px 0 0 24px;background:linear-gradient(180deg, #f8fcff, #dcecff)}
.book-intro-spread .book-intro-page-right{border-radius:0 24px 24px 0;background:linear-gradient(180deg, #ffffff, #e8f3ff);padding-left:2.6rem}
.book-intro-spread .book-intro-page-left::after{content:'';position:absolute;top:0;right:-1px;width:22px;height:100%;background:linear-gradient(90deg, rgba(128,166,227,.14), rgba(255,255,255,0));pointer-events:none}
.book-intro-spread .book-intro-page-right::after{content:'';position:absolute;top:0;left:0;width:26px;height:100%;background:linear-gradient(90deg, rgba(29,79,215,.12), rgba(255,255,255,0));pointer-events:none}
.book-intro-sheet,.book-intro-cover{position:absolute;top:0;bottom:0;right:0;left:auto;width:50.5%;transform-origin:left center;transform-style:preserve-3d;backface-visibility:hidden;border-radius:0 24px 24px 0;will-change:transform, opacity;overflow:visible}
.book-intro-sheet{filter:drop-shadow(0 18px 28px rgba(8,30,85,.18));z-index:3}
.book-intro-sheet::after,.book-intro-cover::before{content:'';position:absolute;left:-2px;top:0;bottom:0;width:18px;background:linear-gradient(90deg, rgba(13,44,110,.26), rgba(255,255,255,0));pointer-events:none}
.book-intro-sheet-face{position:absolute;inset:0;padding:2rem 2rem 1.9rem 2.1rem;border-radius:0 24px 24px 0;border:1px solid rgba(121,172,255,.18);backface-visibility:hidden;display:flex;flex-direction:column;justify-content:center;box-shadow:inset 0 0 0 1px rgba(255,255,255,.48)}
.book-intro-sheet-face::before{content:'';position:absolute;left:20px;right:18px;top:28px;height:1px;background:linear-gradient(90deg, transparent, rgba(108,150,226,.26), transparent)}
.book-intro-sheet-face span{font-size:.82rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#3170d2;margin-bottom:.8rem;position:relative;z-index:1}
.book-intro-sheet-face strong{font-size:1.35rem;line-height:1.45;color:#17395d;max-width:220px;position:relative;z-index:1}
.book-intro-sheet-front{background:linear-gradient(180deg, #ffffff, #eaf4ff)}
.book-intro-sheet-back{background:linear-gradient(180deg, #f7fbff, #deeeff);transform:rotateY(180deg)}
.book-intro-sheet-one{z-index:4}
.book-intro-sheet-two{z-index:5}
.book-intro-cover{z-index:6;background:linear-gradient(155deg, #1c4ad2 0%, #2c7bff 50%, #79ddff 100%);box-shadow:0 30px 58px rgba(6,24,71,.34), inset 0 1px 0 rgba(255,255,255,.24)}
.book-intro-cover::before{left:0;top:18px;bottom:18px;width:14px;background:linear-gradient(180deg, rgba(227,247,255,.58), rgba(37,95,204,.58))}
.book-intro-cover::after{content:'';position:absolute;inset:0;border-radius:inherit;background:linear-gradient(135deg, rgba(255,255,255,.20), transparent 28%, rgba(255,255,255,.10) 52%, transparent 72%);pointer-events:none}
.book-intro-cover-inner{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:2.2rem 2rem 2.2rem 2.4rem}
.book-intro-cover-mark{width:72px;height:72px;border-radius:22px;background:rgba(255,255,255,.14);border:1px solid rgba(233,247,255,.24);box-shadow:0 12px 26px rgba(10,35,84,.20);font-size:1.15rem}
.book-intro-cover-inner strong{font-size:2rem;letter-spacing:.04em;text-shadow:0 10px 24px rgba(7,31,74,.24)}
.book-intro-cover-inner small{font-size:1rem;opacity:.92}
.book-intro-copy{max-width:520px}
.book-intro-copy h2{font-size:clamp(2.45rem,4.6vw,4.25rem);margin:1rem 0 .9rem;line-height:1.06}
.book-intro-copy p{font-size:1.08rem;line-height:1.9;color:rgba(239,247,255,.92);max-width:50ch}
.book-intro-note{margin-top:1.3rem}
.book-intro-shadow{bottom:-28px;width:86%;height:58px;background:radial-gradient(circle, rgba(7,18,56,.48), transparent 72%);filter:blur(16px)}
.book-intro-overlay.is-active .book-intro-cover{animation:storyCoverLiftBlue 1.7s cubic-bezier(.21,.72,.19,1) .45s forwards}
.book-intro-overlay.is-active .book-intro-sheet-one{animation:storySheetTurnBlue 1.85s cubic-bezier(.2,.72,.2,1) 1.45s forwards}
.book-intro-overlay.is-active .book-intro-sheet-two{animation:storySheetTurnBlue 1.85s cubic-bezier(.2,.72,.2,1) 3.1s forwards}
.book-intro-overlay.is-active .book-intro-copy{animation:introCopyRiseBlue 1.3s ease .16s both}

@keyframes storyCoverLiftBlue{
    0%{transform:rotateY(0deg) translateX(0) scale(1);opacity:1}
    45%{transform:rotateY(-84deg) translateX(-8px) scale(1.01);opacity:1}
    78%{transform:rotateY(-132deg) translateX(-20px) scale(1.02);opacity:.78}
    100%{transform:rotateY(-154deg) translateX(-32px) scale(1.02);opacity:0}
}
@keyframes storySheetTurnBlue{
    0%{transform:rotateY(0deg) translateX(0);opacity:1}
    42%{transform:rotateY(-88deg) translateX(-8px);opacity:1}
    76%{transform:rotateY(-152deg) translateX(-20px);opacity:.96}
    100%{transform:rotateY(-180deg) translateX(-28px);opacity:0}
}

@media (max-width: 991.98px){
  .book-intro-scene{gap:1.8rem}
  .book-intro-stage{min-width:0;width:100%}
  .book-intro-book{width:min(500px,100%);height:320px}
}

@media (max-width: 767.98px){
  .book-intro-book{height:258px;width:min(420px,100%)}
  .book-intro-spread .book-intro-page{padding:1.25rem 1.15rem 1.2rem}
  .book-intro-sheet-face{padding:1.2rem 1rem 1.1rem 1.15rem}
  .book-intro-page strong,.book-intro-sheet-face strong{font-size:1rem;max-width:145px}
  .book-intro-copy h2{font-size:clamp(2rem,8vw,2.7rem)}
  .book-intro-note{font-size:.84rem;padding:.64rem .9rem}
}


/* Step 30 cinematic portal-book intro */
.book-intro-overlay.portal-book-intro{
    position:fixed;
    inset:0;
    z-index:1060;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:2rem;
    overflow:hidden;
    background:
        radial-gradient(circle at 18% 20%, rgba(124,214,255,.26), transparent 22%),
        radial-gradient(circle at 82% 18%, rgba(124,156,255,.22), transparent 20%),
        radial-gradient(circle at 50% 82%, rgba(255,255,255,.12), transparent 24%),
        linear-gradient(140deg, #041532 0%, #0a2a62 42%, #1349a2 72%, #79dfff 100%);
    backdrop-filter:blur(16px);
}
.book-intro-overlay.portal-book-intro::before,
.book-intro-overlay.portal-book-intro::after{
    content:'';
    position:absolute;
    border-radius:50%;
    filter:blur(10px);
    pointer-events:none;
}
.book-intro-overlay.portal-book-intro::before{
    width:38rem;
    height:38rem;
    left:-12rem;
    top:-12rem;
    background:radial-gradient(circle, rgba(156,232,255,.28), transparent 68%);
}
.book-intro-overlay.portal-book-intro::after{
    width:34rem;
    height:34rem;
    right:-10rem;
    bottom:-12rem;
    background:radial-gradient(circle, rgba(178,198,255,.22), transparent 70%);
}
.portal-book-world{
    position:relative;
    z-index:2;
    width:min(1180px, 100%);
    display:grid;
    grid-template-columns:minmax(0, .95fr) minmax(0, 1.05fr);
    gap:3.4rem;
    align-items:center;
}
.portal-book-copy{
    color:#f3fbff;
    max-width:34rem;
    animation:portalCopyIn 1s cubic-bezier(.22,.7,.2,1) .12s both, portalCopyOut .7s ease 3.45s forwards;
}
.portal-book-kicker{
    display:inline-flex;
    align-items:center;
    gap:.5rem;
    padding:.62rem 1rem;
    border-radius:999px;
    border:1px solid rgba(221,244,255,.26);
    background:rgba(255,255,255,.10);
    box-shadow:0 14px 28px rgba(5,18,52,.14);
    font-size:.82rem;
    font-weight:800;
    letter-spacing:.12em;
    text-transform:uppercase;
}
.portal-book-copy h2{
    margin:1rem 0 .85rem;
    font-size:clamp(2.4rem, 4.9vw, 4.85rem);
    line-height:1.03;
    letter-spacing:-.03em;
    color:#ffffff;
    text-shadow:0 18px 42px rgba(6, 24, 71, .26);
}
.portal-book-copy p{
    margin:0;
    font-size:1.08rem;
    line-height:1.9;
    color:rgba(236,248,255,.92);
    max-width:50ch;
}
.portal-book-stage{
    position:relative;
    min-height:460px;
    display:flex;
    align-items:center;
    justify-content:center;
    transform-style:preserve-3d;
    perspective:2600px;
    animation:portalDive 2.65s cubic-bezier(.15,.8,.16,1) 3.55s forwards;
}
.portal-book-stage::before{
    content:'';
    position:absolute;
    inset:8% 14% 12%;
    border-radius:50%;
    background:radial-gradient(circle, rgba(138,225,255,.30), rgba(84,137,255,.18) 42%, transparent 72%);
    filter:blur(20px);
    transform:translateZ(-40px);
}
.portal-book-shadow{
    position:absolute;
    bottom:1rem;
    width:76%;
    height:72px;
    border-radius:50%;
    background:radial-gradient(circle, rgba(2,11,34,.62), rgba(2,11,34,0) 72%);
    filter:blur(18px);
    animation:portalShadowShift 5.8s ease-in-out .2s forwards;
}
.portal-book-shell{
    position:relative;
    width:min(700px, 100%);
    aspect-ratio:1.45 / 1;
    transform-style:preserve-3d;
    transform:translateY(34px) rotateX(22deg) rotateZ(-8deg) scale(.88);
    animation:portalBookEnter 1.05s cubic-bezier(.19,.82,.22,1) .16s forwards;
}
.portal-book-base{
    position:absolute;
    inset:7.8% 4.5% 11% 4.5%;
    border-radius:28px;
    overflow:hidden;
    box-shadow:
        0 34px 78px rgba(4, 18, 52, .34),
        inset 0 1px 0 rgba(255,255,255,.42),
        inset 0 -1px 0 rgba(13,59,143,.12);
    background:linear-gradient(180deg, rgba(244,250,255,.92), rgba(222,237,255,.96));
}
.portal-book-base::before{
    content:'';
    position:absolute;
    inset:0;
    background:linear-gradient(180deg, rgba(255,255,255,.38), transparent 18%, transparent 82%, rgba(15,45,110,.06));
    pointer-events:none;
}
.portal-book-page-surface{
    position:absolute;
    top:0;
    bottom:0;
    width:50%;
    background:
        linear-gradient(180deg, rgba(255,255,255,.82), rgba(232,243,255,.95)),
        repeating-linear-gradient(180deg, rgba(92,144,227,.12) 0, rgba(92,144,227,.12) 1px, transparent 1px, transparent 22px);
}
.portal-book-page-surface-left{
    left:0;
    border-radius:28px 0 0 28px;
    box-shadow:inset -20px 0 30px rgba(63,107,190,.08);
}
.portal-book-page-surface-right{
    right:0;
    border-radius:0 28px 28px 0;
    box-shadow:inset 20px 0 30px rgba(63,107,190,.10);
}
.portal-book-page-surface-left::after,
.portal-book-page-surface-right::after{
    content:'';
    position:absolute;
    top:0;
    bottom:0;
    width:34px;
    pointer-events:none;
}
.portal-book-page-surface-left::after{
    right:-2px;
    background:linear-gradient(90deg, rgba(28,72,161,.10), rgba(255,255,255,0));
}
.portal-book-page-surface-right::after{
    left:-2px;
    background:linear-gradient(90deg, rgba(28,72,161,.14), rgba(255,255,255,0));
}
.portal-book-gutter{
    position:absolute;
    left:50%;
    top:0;
    bottom:0;
    width:48px;
    transform:translateX(-50%);
    background:radial-gradient(ellipse at center, rgba(17,58,139,.26) 0%, rgba(255,255,255,0) 72%);
    filter:blur(2px);
}
.portal-book-pages{
    position:absolute;
    top:11.2%;
    bottom:13.8%;
    width:52.8%;
    border-radius:24px;
    background:repeating-linear-gradient(180deg, rgba(236,246,255,.98) 0 2px, rgba(197,219,248,.96) 2px 4px);
    box-shadow:0 18px 24px rgba(8,33,83,.10);
    opacity:.96;
}
.portal-book-pages-left{
    left:2.6%;
    transform:translateX(-1.2%) rotateY(18deg) skewY(1deg);
    clip-path:polygon(0 4%, 94% 0, 100% 100%, 0 96%);
    animation:portalLeftBreath 2.3s ease-in-out 1.45s 1 both;
}
.portal-book-pages-right{
    right:2.4%;
    transform:translateX(1.6%) rotateY(-16deg) skewY(-1deg);
    clip-path:polygon(0 0, 100% 4%, 100% 96%, 6% 100%);
    animation:portalRightBreath 2.3s ease-in-out 1.45s 1 both;
}
.portal-book-pages::before,
.portal-book-pages::after{
    content:'';
    position:absolute;
    inset:0;
    border-radius:inherit;
    pointer-events:none;
}
.portal-book-pages::before{
    background:linear-gradient(180deg, rgba(255,255,255,.72), transparent 18%, transparent 84%, rgba(50,99,187,.08));
}
.portal-book-pages::after{
    background:repeating-linear-gradient(180deg, rgba(116,162,231,.12) 0 1px, transparent 1px 20px);
    mix-blend-mode:multiply;
    opacity:.48;
}
.portal-book-cover{
    position:absolute;
    top:8.4%;
    bottom:11.4%;
    left:50.05%;
    width:46.8%;
    transform-origin:left center;
    transform-style:preserve-3d;
    border-radius:0 28px 28px 0;
    z-index:5;
    animation:portalCoverOpen 2.25s cubic-bezier(.2,.74,.2,1) .82s forwards;
}
.portal-book-cover::before{
    content:'';
    position:absolute;
    left:0;
    top:10px;
    bottom:10px;
    width:14px;
    background:linear-gradient(180deg, rgba(231,246,255,.56), rgba(25,88,194,.58));
    border-radius:999px;
    box-shadow:0 0 0 1px rgba(255,255,255,.12);
}
.portal-book-cover::after{
    content:'';
    position:absolute;
    inset:0;
    border-radius:inherit;
    background:linear-gradient(135deg, rgba(255,255,255,.20), transparent 32%, rgba(255,255,255,.08) 52%, transparent 76%);
    pointer-events:none;
}
.portal-book-cover-face{
    position:absolute;
    inset:0;
    padding:2.3rem 2rem 2.2rem 2.55rem;
    border-radius:inherit;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:flex-start;
    color:#f4fbff;
    background:linear-gradient(155deg, #1139a7 0%, #2376ff 46%, #8ce7ff 100%);
    box-shadow:
        0 36px 72px rgba(5, 18, 52, .26),
        inset 0 1px 0 rgba(255,255,255,.24),
        inset 0 -1px 0 rgba(16,60,160,.14);
    border:1px solid rgba(230,246,255,.18);
    backface-visibility:hidden;
}
.portal-book-cover-mark{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:74px;
    height:74px;
    margin-bottom:1rem;
    border-radius:24px;
    background:rgba(255,255,255,.14);
    border:1px solid rgba(241,250,255,.24);
    box-shadow:0 14px 28px rgba(8,32,79,.16);
    font-weight:900;
    letter-spacing:.08em;
}
.portal-book-cover-face strong{
    font-size:2rem;
    line-height:1.06;
    letter-spacing:.02em;
    text-shadow:0 10px 26px rgba(5, 21, 62, .26);
}
.portal-book-cover-face small{
    margin-top:.55rem;
    font-size:1rem;
    opacity:.92;
}
.portal-book-portal{
    position:absolute;
    left:50%;
    top:50%;
    width:36%;
    aspect-ratio:1;
    transform:translate(-50%, -50%) scale(.28);
    opacity:0;
    pointer-events:none;
    z-index:3;
    animation:portalCoreBloom 1.75s cubic-bezier(.2,.7,.2,1) 2.1s forwards;
}
.portal-book-portal::before{
    content:'';
    position:absolute;
    inset:16%;
    border-radius:50%;
    background:radial-gradient(circle, rgba(255,255,255,.84), rgba(166,231,255,.58) 26%, rgba(58,129,255,.32) 50%, rgba(26,66,170,0) 72%);
    filter:blur(12px);
}
.portal-book-portal-ring,
.portal-book-portal-core{
    position:absolute;
    inset:0;
    border-radius:50%;
}
.portal-book-portal-ring{
    border:1px solid rgba(223,247,255,.72);
    box-shadow:0 0 0 1px rgba(84,160,255,.24) inset, 0 0 34px rgba(159,231,255,.34);
    animation:portalPulse 1.8s ease-in-out infinite;
}
.portal-book-portal-ring-two{
    inset:12%;
    animation-delay:.35s;
}
.portal-book-portal-core{
    inset:25%;
    background:radial-gradient(circle, rgba(255,255,255,.95) 0%, rgba(189,242,255,.86) 28%, rgba(104,177,255,.56) 58%, rgba(28,72,170,0) 82%);
    filter:blur(2px);
    box-shadow:0 0 40px rgba(169,234,255,.55);
}
.portal-book-skip{
    justify-self:start;
    align-self:start;
    border:none;
    background:transparent;
    color:#eef8ff;
    font-weight:800;
    letter-spacing:.02em;
    text-decoration:underline;
    text-underline-offset:4px;
}
.portal-book-skip:hover{color:#ffffff}
.portal-book-stars{position:absolute;inset:0;pointer-events:none}
.portal-book-stars span{
    position:absolute;
    width:8px;
    height:8px;
    border-radius:50%;
    background:radial-gradient(circle, rgba(255,255,255,.96), rgba(168,232,255,.44) 58%, transparent 74%);
    box-shadow:0 0 22px rgba(158,232,255,.56);
    animation:portalStarFloat 6.6s ease-in-out infinite;
}
.portal-book-stars span:nth-child(1){top:10%;left:13%;animation-delay:.2s}
.portal-book-stars span:nth-child(2){top:18%;left:81%;animation-delay:1.2s}
.portal-book-stars span:nth-child(3){top:28%;left:64%;animation-delay:2.1s}
.portal-book-stars span:nth-child(4){top:62%;left:14%;animation-delay:1.5s}
.portal-book-stars span:nth-child(5){top:76%;left:84%;animation-delay:2.4s}
.portal-book-stars span:nth-child(6){top:52%;left:72%;animation-delay:.8s}
.portal-book-stars span:nth-child(7){top:34%;left:28%;animation-delay:1.8s}
.portal-book-stars span:nth-child(8){top:82%;left:52%;animation-delay:2.9s}

.book-intro-overlay.portal-book-intro.is-active{opacity:1;pointer-events:auto;visibility:visible}
.book-intro-overlay.portal-book-intro.is-finished{opacity:0;pointer-events:none;visibility:hidden;transition:opacity .6s ease, visibility .6s ease}

@keyframes portalCopyIn{
    0%{opacity:0;transform:translateY(26px)}
    100%{opacity:1;transform:translateY(0)}
}
@keyframes portalCopyOut{
    0%{opacity:1;transform:translateY(0)}
    100%{opacity:0;transform:translateY(-18px)}
}
@keyframes portalBookEnter{
    0%{opacity:0;transform:translateY(54px) rotateX(28deg) rotateZ(-12deg) scale(.76)}
    100%{opacity:1;transform:translateY(0) rotateX(18deg) rotateZ(-8deg) scale(1)}
}
@keyframes portalCoverOpen{
    0%{transform:rotateY(0deg)}
    40%{transform:rotateY(-72deg)}
    70%{transform:rotateY(-138deg)}
    100%{transform:rotateY(-164deg)}
}
@keyframes portalLeftBreath{
    0%{transform:translateX(-1.2%) rotateY(18deg) skewY(1deg)}
    40%{transform:translateX(-2.3%) rotateY(26deg) skewY(1.2deg)}
    100%{transform:translateX(-1.6%) rotateY(21deg) skewY(1deg)}
}
@keyframes portalRightBreath{
    0%{transform:translateX(1.6%) rotateY(-16deg) skewY(-1deg)}
    40%{transform:translateX(2.6%) rotateY(-25deg) skewY(-1.2deg)}
    100%{transform:translateX(1.8%) rotateY(-20deg) skewY(-1deg)}
}
@keyframes portalCoreBloom{
    0%{opacity:0;transform:translate(-50%, -50%) scale(.22)}
    40%{opacity:1;transform:translate(-50%, -50%) scale(.86)}
    100%{opacity:1;transform:translate(-50%, -50%) scale(1)}
}
@keyframes portalPulse{
    0%,100%{transform:scale(.92);opacity:.74}
    50%{transform:scale(1.06);opacity:1}
}
@keyframes portalDive{
    0%{transform:translateZ(0) scale(1)}
    16%{transform:translateY(-2px) scale(1.02)}
    58%{transform:translateY(-8px) scale(1.44)}
    100%{transform:translateY(-14px) scale(3.65)}
}
@keyframes portalShadowShift{
    0%{opacity:.62;transform:scale(1)}
    55%{opacity:.5;transform:scale(1.08)}
    100%{opacity:0;transform:scale(1.22)}
}
@keyframes portalStarFloat{
    0%,100%{transform:translateY(0) scale(.85);opacity:.65}
    50%{transform:translateY(-16px) scale(1.08);opacity:1}
}

@media (max-width: 991.98px){
    .portal-book-world{grid-template-columns:1fr;gap:1.9rem;text-align:center}
    .portal-book-copy{max-width:none;animation:portalCopyIn 1s cubic-bezier(.22,.7,.2,1) .12s both, portalCopyOut .6s ease 3.1s forwards}
    .portal-book-copy p{margin-inline:auto}
    .portal-book-stage{min-height:360px;animation:portalDive 2.3s cubic-bezier(.15,.8,.16,1) 3.35s forwards}
    .portal-book-skip{justify-self:center}
    .portal-book-shell{width:min(560px,100%)}
}
@media (max-width: 767.98px){
    .book-intro-overlay.portal-book-intro{padding:1.15rem}
    .portal-book-copy h2{font-size:clamp(2rem, 9vw, 3rem)}
    .portal-book-copy p{font-size:1rem;line-height:1.75}
    .portal-book-stage{min-height:280px}
    .portal-book-shell{width:min(420px,100%)}
    .portal-book-cover-face{padding:1.35rem 1rem 1.4rem 1.45rem}
    .portal-book-cover-face strong{font-size:1.35rem}
    .portal-book-cover-face small{font-size:.82rem}
    .portal-book-cover-mark{width:52px;height:52px;border-radius:16px;font-size:.95rem;margin-bottom:.7rem}
    .portal-book-pages{top:11.4%;bottom:14.5%}
}
@media (prefers-reduced-motion: reduce){
    .portal-book-copy,
    .portal-book-stage,
    .portal-book-shell,
    .portal-book-cover,
    .portal-book-pages,
    .portal-book-portal,
    .portal-book-stars span{
        animation:none!important;
    }
}

/* Step 31 refined immersive story portal intro */
.book-intro-overlay.portal-book-intro{
    position:fixed;
    inset:0;
    z-index:1060;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:2rem;
    background:
        radial-gradient(circle at 16% 18%, rgba(130,221,255,.26), transparent 24%),
        radial-gradient(circle at 84% 82%, rgba(131,159,255,.20), transparent 24%),
        linear-gradient(135deg, #06183f 0%, #0b2d73 44%, #1d62d2 72%, #7be0ff 100%);
    backdrop-filter:blur(14px);
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transition:opacity .55s ease, visibility .55s ease;
}
.book-intro-overlay.portal-book-intro.is-active{opacity:1;visibility:visible;pointer-events:auto}
.book-intro-overlay.portal-book-intro.is-finished{opacity:0;visibility:hidden;pointer-events:none}
.book-intro-overlay.portal-book-intro::before,
.book-intro-overlay.portal-book-intro::after{
    content:'';
    position:absolute;
    inset:auto;
    border-radius:999px;
    pointer-events:none;
    filter:blur(22px);
}
.book-intro-overlay.portal-book-intro::before{
    width:440px;
    height:440px;
    left:-120px;
    top:-140px;
    background:radial-gradient(circle, rgba(123,231,255,.28), transparent 68%);
}
.book-intro-overlay.portal-book-intro::after{
    width:380px;
    height:380px;
    right:-120px;
    bottom:-120px;
    background:radial-gradient(circle, rgba(140,171,255,.22), transparent 70%);
}
.portal-book-world{
    position:relative;
    z-index:2;
    width:min(1220px,100%);
    display:grid;
    grid-template-columns:minmax(320px, 420px) minmax(420px, 1fr);
    gap:2.4rem;
    align-items:center;
}
.portal-book-copy{
    color:#edf8ff;
    max-width:410px;
    animation:portalIntroCopyIn .95s cubic-bezier(.22,.7,.2,1) both;
}
.portal-book-kicker{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:.6rem 1rem;
    border-radius:999px;
    background:rgba(255,255,255,.10);
    border:1px solid rgba(200,237,255,.28);
    box-shadow:0 12px 30px rgba(6,22,62,.18);
    font-size:.82rem;
    font-weight:800;
    letter-spacing:.12em;
    text-transform:uppercase;
    color:#f4fbff;
}
.portal-book-copy h2{
    margin:1rem 0 .85rem;
    font-size:clamp(2.1rem,4vw,4rem);
    line-height:1.02;
    color:#ffffff;
    text-shadow:0 10px 26px rgba(5,24,60,.24);
}
.portal-book-copy p{
    margin:0;
    font-size:1.04rem;
    line-height:1.92;
    color:rgba(237,248,255,.92);
}
.portal-book-stage{
    position:relative;
    min-height:520px;
    display:flex;
    align-items:center;
    justify-content:center;
    perspective:2600px;
    transform-style:preserve-3d;
    will-change:transform, opacity;
}
.portal-book-shadow{
    position:absolute;
    bottom:28px;
    width:min(640px,84%);
    height:76px;
    border-radius:50%;
    background:radial-gradient(circle, rgba(3,10,34,.46), transparent 74%);
    filter:blur(18px);
}
.portal-book-shell{
    position:relative;
    width:min(760px, 100%);
    aspect-ratio:1.62 / 1;
    transform-style:preserve-3d;
    transform:rotateX(18deg) rotateZ(-7deg) translateZ(0);
    will-change:transform, opacity;
    transition:transform 1.55s cubic-bezier(.16,.75,.14,1), opacity .65s ease;
}
.portal-book-spine,
.portal-book-stack,
.portal-book-static-page,
.portal-book-turn-page,
.portal-book-cover{
    position:absolute;
    top:10%;
    bottom:13%;
    border-radius:24px;
    transform-style:preserve-3d;
    backface-visibility:hidden;
}
.portal-book-spine{
    left:47.5%;
    width:5%;
    border-radius:20px;
    background:linear-gradient(180deg, #0b2c78, #174db8 55%, #0a2b72 100%);
    box-shadow:0 0 0 1px rgba(218,241,255,.12), inset 0 0 0 1px rgba(255,255,255,.08);
    z-index:2;
}
.portal-book-stack{
    top:11.5%;
    bottom:14.5%;
    width:40%;
    border-radius:20px;
    background:linear-gradient(180deg, rgba(241,249,255,.92), rgba(209,228,255,.98));
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.52);
}
.portal-book-stack::before,
.portal-book-stack::after{
    content:'';
    position:absolute;
    inset:0;
    border-radius:inherit;
    pointer-events:none;
}
.portal-book-stack::before{
    background:repeating-linear-gradient(180deg, rgba(91,130,196,.12) 0 1px, transparent 1px 7px);
    opacity:.85;
}
.portal-book-stack::after{
    background:linear-gradient(90deg, rgba(255,255,255,.72), transparent 18%, transparent 82%, rgba(105,139,204,.12));
}
.portal-book-stack-left{left:6%;transform:translateZ(-8px)}
.portal-book-stack-right{right:8%;transform:translateZ(-8px)}
.portal-book-static-page,
.portal-book-turn-page,
.portal-book-cover{width:42%; right:8%; overflow:visible}
.portal-book-static-page{
    left:6%;
    right:auto;
    z-index:3;
    background:linear-gradient(180deg, #fbfdff, #dceefe);
    border:1px solid rgba(153,189,247,.24);
    box-shadow:0 26px 46px rgba(4,20,57,.10), inset 0 0 0 1px rgba(255,255,255,.64);
}
.portal-book-static-page::before,
.portal-page-face::before{
    content:'';
    position:absolute;
    inset:18px 20px auto 20px;
    height:1px;
    background:linear-gradient(90deg, transparent, rgba(67,109,184,.26), transparent);
}
.portal-book-turn-page{
    z-index:6;
    transform-origin:left center;
    transform:rotateY(0deg);
    transition:transform 1.2s cubic-bezier(.22,.7,.18,1), filter .75s ease, box-shadow .75s ease;
    filter:drop-shadow(0 22px 36px rgba(4,22,64,.12));
}
.portal-book-turn-page-first{z-index:6}
.portal-book-turn-page-second{z-index:5}
.portal-book-cover{
    z-index:8;
    transform-origin:left center;
    background:linear-gradient(155deg, #2058df 0%, #2e84ff 52%, #7be0ff 100%);
    border:1px solid rgba(232,247,255,.24);
    box-shadow:0 34px 62px rgba(6,24,71,.34), inset 0 1px 0 rgba(255,255,255,.26);
    overflow:hidden;
    transition:transform 1.55s cubic-bezier(.22,.7,.18,1), opacity .65s ease;
}
.portal-book-cover::before{
    content:'';
    position:absolute;
    top:16px;
    bottom:16px;
    left:18px;
    width:12px;
    border-radius:999px;
    background:linear-gradient(180deg, rgba(239,251,255,.66), rgba(33,95,204,.65));
}
.portal-book-cover::after{
    content:'';
    position:absolute;
    inset:0;
    background:linear-gradient(135deg, rgba(255,255,255,.20), transparent 32%, rgba(255,255,255,.10) 55%, transparent 72%);
    pointer-events:none;
}
.portal-book-cover-face,
.portal-page-face{
    position:absolute;
    inset:0;
    border-radius:inherit;
    backface-visibility:hidden;
    overflow:hidden;
}
.portal-book-cover-face{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    padding:2.1rem 1.8rem 2rem 2rem;
    color:#f5fbff;
    text-align:center;
}
.portal-book-cover-mark{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:72px;
    height:72px;
    margin-bottom:1rem;
    border-radius:22px;
    background:rgba(255,255,255,.14);
    border:1px solid rgba(233,247,255,.26);
    box-shadow:0 14px 28px rgba(7,33,83,.20);
    font-weight:900;
    font-size:1.15rem;
    letter-spacing:.08em;
}
.portal-book-cover-face strong{
    display:block;
    font-size:1.95rem;
    letter-spacing:.03em;
    text-shadow:0 10px 24px rgba(7,31,74,.24);
}
.portal-book-cover-face small{
    display:block;
    margin-top:.45rem;
    font-size:.96rem;
    line-height:1.65;
    opacity:.94;
}
.portal-page-face{
    background:linear-gradient(180deg, #fbfdff, #dceefe);
    border:1px solid rgba(153,189,247,.24);
    box-shadow:0 26px 46px rgba(4,20,57,.10), inset 0 0 0 1px rgba(255,255,255,.64);
}
.portal-page-face-back{transform:rotateY(180deg); background:linear-gradient(180deg, #ffffff, #e8f4ff)}
.portal-page-face-portal{
    background:linear-gradient(180deg, #fafdff 0%, #eaf5ff 30%, #d6ebff 100%);
}
.portal-page-layout{
    position:relative;
    z-index:2;
    height:100%;
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding:2rem 1.9rem 1.8rem 2.05rem;
    color:#17395d;
}
.portal-page-layout-soft{background:linear-gradient(180deg, rgba(250,253,255,.74), rgba(233,244,255,.72))}
.portal-page-layout-left{padding-right:2.15rem}
.portal-page-kicker{
    display:inline-flex;
    align-self:flex-start;
    margin-bottom:.9rem;
    font-size:.76rem;
    font-weight:900;
    letter-spacing:.12em;
    text-transform:uppercase;
    color:#2f72d4;
}
.portal-page-layout h3{
    margin:0 0 .85rem;
    font-size:1.62rem;
    line-height:1.22;
    color:#16385d;
}
.portal-page-layout p,
.portal-page-list li{
    margin:0;
    font-size:.98rem;
    line-height:1.78;
    color:#41658f;
}
.portal-page-list{
    margin:0;
    padding-left:1.1rem;
    display:grid;
    gap:.55rem;
}
.portal-window{
    position:absolute;
    inset:12% 10%;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:.85rem;
    border-radius:28px;
    overflow:hidden;
    background:radial-gradient(circle at 50% 36%, rgba(122,230,255,.42), rgba(39,102,226,.18) 36%, rgba(9,33,95,.86) 82%);
    box-shadow:0 0 0 1px rgba(217,243,255,.28), inset 0 0 40px rgba(129,227,255,.18);
}
.portal-window::before{
    content:'';
    position:absolute;
    inset:-18%;
    background:conic-gradient(from 180deg, rgba(112,229,255,.18), rgba(255,255,255,.04), rgba(69,123,255,.16), rgba(112,229,255,.18));
    animation:portalWindowSpin 8s linear infinite;
}
.portal-window-glow{
    position:absolute;
    inset:18% 20%;
    border-radius:50%;
    background:radial-gradient(circle, rgba(159,241,255,.95), rgba(93,162,255,.46) 38%, rgba(10,36,96,0) 72%);
    filter:blur(10px);
}
.portal-window-ui{
    position:relative;
    z-index:2;
    width:74%;
    padding:1rem;
    border-radius:18px;
    background:linear-gradient(180deg, rgba(251,254,255,.96), rgba(227,240,255,.92));
    box-shadow:0 12px 28px rgba(3,19,55,.22);
}
.portal-window-bar,
.portal-window-hero,
.portal-window-row span,
.portal-window-cards span{
    display:block;
    border-radius:999px;
    background:linear-gradient(90deg, #81dcff, #2f74ff);
}
.portal-window-bar{height:12px;width:58%;margin:0 auto .8rem}
.portal-window-hero{height:76px;border-radius:18px;opacity:.92}
.portal-window-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.45rem;margin-top:.75rem}
.portal-window-row span{height:10px;opacity:.72}
.portal-window-cards{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:.55rem;margin-top:.8rem}
.portal-window-cards span{height:46px;border-radius:14px;opacity:.86}
.portal-window strong{
    position:relative;
    z-index:2;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:.6rem 1rem;
    border-radius:999px;
    background:rgba(255,255,255,.12);
    border:1px solid rgba(221,245,255,.24);
    color:#f3fbff;
    font-size:.88rem;
    font-weight:800;
    letter-spacing:.06em;
    text-transform:uppercase;
}
.portal-book-skip{
    justify-self:start;
    border:none;
    background:transparent;
    color:#eef8ff;
    font-weight:800;
    letter-spacing:.02em;
    padding:.2rem 0;
    text-decoration:underline;
    text-underline-offset:4px;
}
.portal-book-skip:hover{color:#ffffff}
.portal-book-stars{position:absolute;inset:0;pointer-events:none}
.portal-book-stars span{
    position:absolute;
    width:8px;
    height:8px;
    border-radius:999px;
    background:radial-gradient(circle, rgba(255,255,255,.98), rgba(137,227,255,.42) 52%, transparent 72%);
    box-shadow:0 0 22px rgba(151,226,255,.56);
    animation:portalIntroStar 6.4s ease-in-out infinite;
}
.portal-book-stars span:nth-child(1){top:10%;left:13%;animation-delay:.2s}
.portal-book-stars span:nth-child(2){top:18%;left:81%;animation-delay:1.2s}
.portal-book-stars span:nth-child(3){top:28%;left:64%;animation-delay:2.1s}
.portal-book-stars span:nth-child(4){top:62%;left:14%;animation-delay:1.5s}
.portal-book-stars span:nth-child(5){top:76%;left:84%;animation-delay:2.4s}
.portal-book-stars span:nth-child(6){top:52%;left:72%;animation-delay:.8s}
.portal-book-stars span:nth-child(7){top:34%;left:28%;animation-delay:1.8s}
.portal-book-stars span:nth-child(8){top:82%;left:52%;animation-delay:2.9s}

.book-intro-overlay.portal-book-intro.is-active .portal-book-shell{animation:portalBookFloat 5.2s ease-in-out infinite alternate}
.book-intro-overlay.portal-book-intro.is-opening .portal-book-cover{
    transform:rotateY(-168deg) translateX(-18px) translateZ(1px);
    opacity:.18;
}
.book-intro-overlay.portal-book-intro.is-page-one .portal-book-turn-page-first{
    transform:rotateY(-178deg) translateX(-10px) translateZ(2px);
    filter:drop-shadow(0 16px 28px rgba(4,22,64,.06));
}
.book-intro-overlay.portal-book-intro.is-page-two .portal-book-turn-page-second{
    transform:rotateY(-178deg) translateX(-10px) translateZ(4px);
    filter:drop-shadow(0 16px 28px rgba(4,22,64,.06));
}
.book-intro-overlay.portal-book-intro.is-page-two .portal-window{
    animation:portalPulseIn 1.2s ease-in-out infinite alternate;
}
.book-intro-overlay.portal-book-intro.is-zooming .portal-book-stage{
    transform:translateZ(0) scale(1.18);
    transition:transform 1.5s cubic-bezier(.14,.78,.14,1);
}
.book-intro-overlay.portal-book-intro.is-zooming .portal-book-shell{
    transform:rotateX(6deg) rotateZ(0deg) translateY(16px) scale(1.22);
}
.book-intro-overlay.portal-book-intro.is-zooming .portal-window{
    transform:scale(1.34);
    transition:transform 1.45s cubic-bezier(.14,.78,.14,1), box-shadow 1.45s ease;
    box-shadow:0 0 0 1px rgba(223,247,255,.42), 0 28px 60px rgba(4,22,64,.34), inset 0 0 68px rgba(129,227,255,.24);
}
.book-intro-overlay.portal-book-intro.is-zooming .portal-window-ui{
    transform:scale(1.08);
    transition:transform 1.35s ease;
}
.book-intro-overlay.portal-book-intro.is-zooming .portal-book-copy{
    opacity:0;
    transform:translateX(-24px);
    transition:opacity .55s ease, transform .55s ease;
}

@keyframes portalIntroCopyIn{
    0%{opacity:0;transform:translateY(26px)}
    100%{opacity:1;transform:translateY(0)}
}
@keyframes portalBookFloat{
    0%{transform:rotateX(18deg) rotateZ(-7deg) translateY(0)}
    100%{transform:rotateX(18deg) rotateZ(-5deg) translateY(-8px)}
}
@keyframes portalIntroStar{
    0%,100%{transform:translateY(0) scale(.9);opacity:.5}
    50%{transform:translateY(-14px) scale(1.15);opacity:1}
}
@keyframes portalWindowSpin{
    0%{transform:rotate(0deg)}
    100%{transform:rotate(360deg)}
}
@keyframes portalPulseIn{
    0%{transform:scale(1);filter:saturate(1)}
    100%{transform:scale(1.04);filter:saturate(1.08)}
}

@media (max-width: 991.98px){
    .portal-book-world{grid-template-columns:1fr;gap:1.8rem;text-align:center}
    .portal-book-copy{max-width:none}
    .portal-book-copy p{margin-inline:auto}
    .portal-book-stage{min-height:390px}
    .portal-book-shell{width:min(560px, 100%)}
    .portal-book-skip{justify-self:center}
}
@media (max-width: 767.98px){
    .book-intro-overlay.portal-book-intro{padding:1rem}
    .portal-book-copy h2{font-size:clamp(1.9rem, 9vw, 2.9rem)}
    .portal-book-copy p{font-size:.96rem;line-height:1.8}
    .portal-book-stage{min-height:300px}
    .portal-book-cover-face,
    .portal-page-layout{padding:1.35rem 1.1rem 1.25rem 1.3rem}
    .portal-book-cover-face strong{font-size:1.35rem}
    .portal-book-cover-face small{font-size:.82rem}
    .portal-book-cover-mark{width:56px;height:56px;border-radius:18px;font-size:.98rem;margin-bottom:.7rem}
    .portal-page-layout h3{font-size:1.12rem}
    .portal-page-layout p,
    .portal-page-list li{font-size:.8rem;line-height:1.55}
    .portal-window{border-radius:18px}
    .portal-window-ui{padding:.7rem}
    .portal-window-hero{height:54px}
}
@media (prefers-reduced-motion: reduce){
    .portal-book-copy,
    .portal-book-shell,
    .portal-book-stage,
    .portal-book-cover,
    .portal-book-turn-page,
    .portal-window,
    .portal-book-stars span{animation:none !important;transition:none !important}
}

/* Step 32 clearer physical-book intro */
.book-intro-overlay.portal-book-intro{
    background:
        radial-gradient(circle at 18% 18%, rgba(150,234,255,.22), transparent 24%),
        radial-gradient(circle at 82% 78%, rgba(137,167,255,.18), transparent 26%),
        linear-gradient(135deg, #071634 0%, #0d2d71 44%, #1956c1 72%, #7fe1ff 100%);
}
.portal-book-world{
    width:min(1260px,100%);
    grid-template-columns:minmax(300px, 400px) minmax(460px, 1fr);
    gap:3rem;
}
.portal-book-copy{max-width:390px}
.portal-book-copy h2{font-size:clamp(2.25rem,4.2vw,4.2rem)}
.portal-book-stage{min-height:560px;perspective:3200px;overflow:visible}
.portal-book-shell{
    width:min(820px,100%);
    aspect-ratio:1.7/1;
    transform:rotateX(16deg) rotateZ(-6deg) translateZ(0);
}
.book-intro-overlay.portal-book-intro.is-active .portal-book-shell{animation:portalBookFloat32 5s ease-in-out infinite alternate}
.portal-book-shadow{
    bottom:10px;
    width:min(690px,86%);
    height:86px;
    background:radial-gradient(circle, rgba(4,14,42,.56), transparent 72%);
}
.portal-book-spine,
.portal-book-stack,
.portal-book-static-page,
.portal-book-turn-page,
.portal-book-cover{
    top:8%;
    bottom:11%;
    border-radius:26px;
}
.portal-book-spine{
    left:48.2%;
    width:4.8%;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
    z-index:4;
    box-shadow:0 0 0 1px rgba(233,246,255,.14), inset 0 0 0 1px rgba(255,255,255,.10), inset 10px 0 14px rgba(5,20,60,.28);
}
.portal-book-spine span{
    color:#f2fbff;
    font-size:.82rem;
    font-weight:800;
    letter-spacing:.18em;
    text-transform:uppercase;
    writing-mode:vertical-rl;
    transform:rotate(180deg);
    text-shadow:0 8px 22px rgba(7,24,67,.28);
}
.portal-book-stack{top:9.4%;bottom:12.6%;width:42.5%;border-radius:24px}
.portal-book-stack-left{left:5.2%;transform:translateZ(-16px) rotateY(10deg)}
.portal-book-stack-right{right:6.4%;transform:translateZ(-16px) rotateY(-10deg)}
.portal-book-stack::before{background:repeating-linear-gradient(180deg, rgba(86,126,193,.18) 0 1px, transparent 1px 6px)}
.portal-book-stack::after{background:linear-gradient(90deg, rgba(255,255,255,.82), transparent 18%, transparent 82%, rgba(85,123,189,.18))}
.portal-book-static-page,
.portal-book-turn-page,
.portal-book-cover{width:43.2%;right:6.4%}
.portal-book-static-page{left:5.2%;right:auto;z-index:5}
.portal-book-static-page,
.portal-page-face{
    background:
        linear-gradient(180deg, rgba(255,255,255,.98), rgba(228,240,255,.98)),
        repeating-linear-gradient(180deg, rgba(93,131,195,.09) 0 1px, transparent 1px 22px);
    box-shadow:0 28px 52px rgba(4,20,57,.12), inset 0 0 0 1px rgba(255,255,255,.72);
}
.portal-book-static-page::after,
.portal-page-face::after{
    content:'';
    position:absolute;
    inset:0;
    border-radius:inherit;
    background:linear-gradient(90deg, rgba(255,255,255,.68), transparent 10%, transparent 85%, rgba(70,108,180,.12));
    pointer-events:none;
}
.portal-book-turn-page{z-index:7;filter:drop-shadow(0 26px 36px rgba(4,22,64,.14));}
.portal-book-turn-page-first{z-index:7}
.portal-book-turn-page-second{z-index:6}
.portal-book-turn-page .portal-page-face-front,
.portal-book-turn-page .portal-page-face-back{box-shadow:none}
.portal-book-cover{z-index:9}
.portal-book-cover-face{
    position:relative;
    gap:.28rem;
    padding:2.3rem 1.8rem 2.1rem 2rem;
    background:
        radial-gradient(circle at 28% 22%, rgba(255,255,255,.22), transparent 20%),
        linear-gradient(155deg, #1748c9 0%, #2b79ff 50%, #89e5ff 100%);
}
.portal-book-cover-face::before{
    content:'';
    position:absolute;
    inset:18px;
    border-radius:20px;
    border:1px solid rgba(231,247,255,.24);
    pointer-events:none;
}
.portal-book-cover-mark{margin-bottom:.75rem}
.portal-book-cover-label{
    display:inline-flex;
    margin-bottom:.4rem;
    font-size:.74rem;
    font-weight:800;
    letter-spacing:.18em;
    text-transform:uppercase;
    opacity:.92;
}
.portal-book-cover-face strong{font-size:2.2rem;line-height:1.02}
.portal-book-cover-face em{
    display:block;
    margin-top:.55rem;
    font-style:normal;
    font-size:1rem;
    font-weight:700;
    letter-spacing:.08em;
    text-transform:uppercase;
    color:rgba(241,251,255,.92);
}
.portal-book-cover-face small:last-child{margin-top:.5rem;font-size:.95rem}
.portal-book-corner{
    position:absolute;
    width:72px;
    height:72px;
    right:16px;
    border-radius:0 24px 0 24px;
    border:1px solid rgba(230,246,255,.24);
    background:linear-gradient(135deg, rgba(255,255,255,.16), rgba(255,255,255,0));
    z-index:10;
}
.portal-book-corner-top{top:14px}
.portal-book-corner-bottom{bottom:14px;transform:rotate(180deg)}
.portal-page-layout{padding:2rem 2rem 1.8rem 2.15rem}
.portal-page-layout h3{font-size:1.52rem}
.portal-page-list{gap:.6rem}
.portal-page-lines{
    margin-top:1rem;
    display:grid;
    gap:.45rem;
}
.portal-page-lines span{
    display:block;
    height:8px;
    border-radius:999px;
    background:linear-gradient(90deg, rgba(50,115,222,.22), rgba(50,115,222,.06));
}
.portal-page-lines span:nth-child(1){width:88%}
.portal-page-lines span:nth-child(2){width:74%}
.portal-page-lines span:nth-child(3){width:61%}
.portal-window{
    inset:10% 9%;
    border-radius:30px;
    background:radial-gradient(circle at 50% 34%, rgba(142,234,255,.48), rgba(38,104,229,.18) 34%, rgba(8,33,97,.88) 82%);
}
.portal-window-ui{width:78%;transform:translateZ(0)}
.portal-zoom-preview{
    position:absolute;
    inset:3% 2%;
    display:flex;
    align-items:center;
    justify-content:center;
    opacity:0;
    pointer-events:none;
    transform:scale(.84);
    z-index:20;
    transition:opacity .9s ease, transform 1.15s cubic-bezier(.15,.8,.16,1);
}
.portal-zoom-preview-frame{
    width:min(720px, 88%);
    padding:1.15rem;
    border-radius:30px;
    background:linear-gradient(180deg, rgba(252,254,255,.98), rgba(229,241,255,.96));
    box-shadow:0 34px 80px rgba(5,20,58,.34), inset 0 0 0 1px rgba(255,255,255,.78);
}
.portal-zoom-topbar,
.portal-zoom-hero,
.portal-zoom-grid span,
.portal-zoom-cards span{
    display:block;
    background:linear-gradient(90deg, #7edcff, #2f74ff);
    border-radius:999px;
}
.portal-zoom-topbar{height:14px;width:28%;margin:0 auto 1rem}
.portal-zoom-hero{height:150px;border-radius:24px;opacity:.95}
.portal-zoom-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;margin-top:1rem}
.portal-zoom-grid span{height:12px;opacity:.74}
.portal-zoom-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.85rem;margin-top:1.15rem}
.portal-zoom-cards span{height:84px;border-radius:18px;opacity:.88}
.book-intro-overlay.portal-book-intro.is-opening .portal-book-cover{
    transform:rotateY(-162deg) translateX(-10px) translateZ(4px);
    opacity:.22;
}
.book-intro-overlay.portal-book-intro.is-page-one .portal-book-turn-page-first{
    transform:rotateY(-176deg) translateX(-8px) translateZ(6px);
    filter:drop-shadow(0 14px 24px rgba(4,22,64,.06));
}
.book-intro-overlay.portal-book-intro.is-page-two .portal-book-turn-page-second{
    transform:rotateY(-176deg) translateX(-8px) translateZ(10px);
    filter:drop-shadow(0 14px 24px rgba(4,22,64,.06));
}
.book-intro-overlay.portal-book-intro.is-page-two .portal-window{animation:portalPulseIn32 1.05s ease-in-out infinite alternate}
.book-intro-overlay.portal-book-intro.is-zooming .portal-book-stage{
    transform:translateY(-14px) scale(1.03);
    transition:transform 1.15s cubic-bezier(.15,.8,.16,1);
}
.book-intro-overlay.portal-book-intro.is-zooming .portal-book-shell{
    transform:rotateX(8deg) rotateZ(0deg) translateY(6px) scale(.96);
    opacity:.22;
}
.book-intro-overlay.portal-book-intro.is-zooming .portal-zoom-preview{
    opacity:1;
    transform:scale(1);
}
.book-intro-overlay.portal-book-intro.is-zooming .portal-book-copy{
    opacity:0;
    transform:translateX(-18px);
    transition:opacity .45s ease, transform .45s ease;
}
@keyframes portalBookFloat32{
    0%{transform:rotateX(16deg) rotateZ(-6deg) translateY(0)}
    100%{transform:rotateX(16deg) rotateZ(-4deg) translateY(-8px)}
}
@keyframes portalPulseIn32{
    0%{transform:scale(1);filter:saturate(1)}
    100%{transform:scale(1.035);filter:saturate(1.08)}
}
@media (max-width: 991.98px){
    .portal-book-world{grid-template-columns:1fr;gap:1.8rem;text-align:center}
    .portal-book-copy{max-width:none}
    .portal-book-copy p{margin-inline:auto}
    .portal-book-stage{min-height:430px}
    .portal-book-shell{width:min(620px,100%)}
    .portal-book-skip{justify-self:center}
}
@media (max-width: 767.98px){
    .portal-book-stage{min-height:320px}
    .portal-book-shell{width:min(450px,100%)}
    .portal-book-cover-face,.portal-page-layout{padding:1.4rem 1.15rem 1.2rem 1.3rem}
    .portal-book-cover-face strong{font-size:1.45rem}
    .portal-book-cover-face em{font-size:.76rem}
    .portal-book-cover-mark{width:56px;height:56px;border-radius:18px;font-size:1rem}
    .portal-book-corner{width:46px;height:46px;right:10px}
    .portal-page-layout h3{font-size:1.04rem}
    .portal-page-layout p,.portal-page-list li{font-size:.78rem;line-height:1.5}
    .portal-zoom-preview-frame{width:92%;padding:.85rem;border-radius:20px}
    .portal-zoom-hero{height:92px;border-radius:16px}
    .portal-zoom-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* Step 33 book clarity + crisp portal transition */
.portal-book-stage{
    perspective:1800px;
    min-height:500px;
}
.portal-book-shell{
    width:min(760px, 100%);
    aspect-ratio:1.62 / 1;
    transform:rotateX(10deg) rotateZ(-3deg) translateZ(0);
    transform-style:preserve-3d;
    isolation:isolate;
    will-change:transform, opacity;
}
.portal-book-shell::before,
.portal-book-shell::after{
    content:'';
    position:absolute;
    top:7.6%;
    bottom:10.8%;
    border-radius:28px;
    pointer-events:none;
}
.portal-book-shell::before{
    left:4.4%;
    width:43.8%;
    background:linear-gradient(160deg, #0f38a0 0%, #2369ea 48%, #7adfff 100%);
    box-shadow:0 26px 54px rgba(6,24,72,.22), inset 0 0 0 1px rgba(241,250,255,.12);
    transform:translateZ(-28px) rotateY(11deg);
}
.portal-book-shell::after{
    right:5.2%;
    width:44.2%;
    background:linear-gradient(180deg, rgba(255,255,255,.96), rgba(225,238,255,.96));
    box-shadow:0 22px 44px rgba(7,24,72,.10), inset 0 0 0 1px rgba(255,255,255,.78);
    transform:translateZ(-24px) rotateY(-8deg);
}
.portal-book-shadow{
    width:min(740px, 92%);
    height:96px;
    filter:blur(16px);
}
.portal-book-spine,
.portal-book-stack,
.portal-book-static-page,
.portal-book-turn-page,
.portal-book-cover,
.portal-page-face{
    -webkit-font-smoothing:antialiased;
    backface-visibility:hidden;
    transform-style:preserve-3d;
}
.portal-book-spine{
    left:47.2%;
    width:6.3%;
    border-radius:16px;
    background:linear-gradient(180deg, #0f3497 0%, #2c71f5 54%, #77dcff 100%);
}
.portal-book-spine span{
    font-size:.92rem;
    letter-spacing:.22em;
}
.portal-book-stack{top:9.2%;bottom:12.2%;width:43.2%;border-radius:26px}
.portal-book-stack-left{left:4.8%;transform:translateZ(-20px) rotateY(12deg)}
.portal-book-stack-right{right:5.5%;transform:translateZ(-20px) rotateY(-12deg)}
.portal-book-static-page,
.portal-book-turn-page,
.portal-book-cover{width:44.2%;right:5.1%}
.portal-book-static-page{left:4.8%;right:auto;z-index:5}
.portal-book-static-page,
.portal-page-face{
    background:
        linear-gradient(180deg, rgba(255,255,255,.99), rgba(230,241,255,.98)),
        repeating-linear-gradient(180deg, rgba(92,131,196,.08) 0 1px, transparent 1px 24px);
    box-shadow:0 28px 54px rgba(4,20,57,.12), inset 0 0 0 1px rgba(255,255,255,.80);
}
.portal-book-turn-page{
    filter:none;
    box-shadow:0 20px 42px rgba(4,22,64,.11);
    transition:transform 1.35s cubic-bezier(.2,.76,.17,1), opacity .42s ease, box-shadow .7s ease;
}
.portal-book-turn-page-first{transform:rotateY(-2deg) translateZ(6px)}
.portal-book-turn-page-second{transform:rotateY(-1deg) translateZ(4px)}
.portal-book-cover{
    border-radius:0 30px 30px 6px;
    box-shadow:0 38px 72px rgba(6,24,71,.34), inset 0 1px 0 rgba(255,255,255,.28);
}
.portal-book-cover-face{
    padding:2.35rem 1.9rem 2.2rem 2.05rem;
}
.portal-book-cover-face strong{
    font-size:2.35rem;
    line-height:1;
}
.portal-book-cover-face em{
    margin-top:.68rem;
    font-size:1rem;
    letter-spacing:.12em;
}
.portal-book-cover-face small:last-child{
    margin-top:.7rem;
    font-size:1rem;
}
.portal-book-corner{
    width:78px;
    height:78px;
}
.portal-page-layout{
    padding:2.1rem 2rem 1.9rem 2.15rem;
}
.portal-page-kicker{
    font-size:.8rem;
    letter-spacing:.13em;
}
.portal-page-layout h3{
    font-size:1.72rem;
    line-height:1.18;
}
.portal-page-layout p,
.portal-page-list li{
    font-size:1rem;
    line-height:1.72;
}
.portal-window{
    inset:9% 8%;
    border-radius:32px;
    box-shadow:0 0 0 1px rgba(217,243,255,.32), inset 0 0 48px rgba(129,227,255,.20), 0 18px 36px rgba(7,24,70,.18);
}
.book-intro-overlay.portal-book-intro.is-opening .portal-book-cover{
    transform:rotateY(-150deg) translateX(-5px) translateZ(8px);
    opacity:.98;
}
.book-intro-overlay.portal-book-intro.is-page-one .portal-book-turn-page-first{
    transform:rotateY(-168deg) translateX(-10px) translateZ(12px);
    box-shadow:0 10px 18px rgba(4,22,64,.06);
}
.book-intro-overlay.portal-book-intro.is-page-two .portal-book-turn-page-second{
    transform:rotateY(-168deg) translateX(-10px) translateZ(16px);
    box-shadow:0 10px 18px rgba(4,22,64,.06);
}
.portal-zoom-preview{
    inset:0;
    padding:1.4rem;
    transform:none;
    transition:opacity .82s ease;
}
.portal-zoom-preview::before{
    content:'';
    position:absolute;
    inset:0;
    background:radial-gradient(circle at 50% 50%, rgba(169,235,255,.18), transparent 52%);
    pointer-events:none;
}
.portal-zoom-preview-frame{
    width:min(1120px, calc(100vw - 4rem));
    min-height:min(620px, 72vh);
    padding:1.4rem;
    border-radius:34px;
    transform:translateY(24px) scale(.985);
    opacity:0;
    transition:transform .95s cubic-bezier(.17,.8,.17,1), opacity .72s ease;
}
.portal-zoom-topbar{height:15px;width:22%}
.portal-zoom-hero{height:180px;border-radius:28px}
.portal-zoom-grid{gap:.85rem}
.portal-zoom-grid span{height:13px}
.portal-zoom-cards{gap:1rem}
.portal-zoom-cards span{height:100px;border-radius:20px}
.book-intro-overlay.portal-book-intro.is-zooming .portal-book-stage{
    transform:none;
}
.book-intro-overlay.portal-book-intro.is-zooming .portal-book-shell,
.book-intro-overlay.portal-book-intro.is-zooming .portal-book-shadow{
    opacity:0;
    transition:opacity .42s ease;
}
.book-intro-overlay.portal-book-intro.is-zooming .portal-zoom-preview{
    opacity:1;
}
.book-intro-overlay.portal-book-intro.is-zooming .portal-zoom-preview-frame{
    opacity:1;
    transform:translateY(0) scale(1);
}
.book-intro-overlay.portal-book-intro.is-zooming .portal-book-copy{
    opacity:0;
    transform:translateX(-18px);
    transition:opacity .45s ease, transform .45s ease;
}
@media (max-width: 991.98px){
    .portal-book-stage{min-height:440px}
    .portal-book-shell{width:min(640px,100%)}
    .portal-book-cover-face strong{font-size:1.9rem}
    .portal-page-layout h3{font-size:1.34rem}
    .portal-zoom-preview-frame{width:min(96vw, 880px);min-height:52vh}
}
@media (max-width: 767.98px){
    .portal-book-stage{min-height:330px}
    .portal-book-shell{width:min(460px,100%);transform:rotateX(8deg) rotateZ(-2deg)}
    .portal-book-spine{width:7%}
    .portal-book-cover-face strong{font-size:1.5rem}
    .portal-book-cover-face em,
    .portal-book-cover-face small:last-child{font-size:.8rem}
    .portal-page-layout h3{font-size:1.02rem}
    .portal-page-layout p,
    .portal-page-list li{font-size:.76rem;line-height:1.52}
    .portal-zoom-preview{padding:.8rem}
    .portal-zoom-preview-frame{width:95vw;min-height:46vh;padding:.95rem;border-radius:24px}
    .portal-zoom-hero{height:110px;border-radius:18px}
    .portal-zoom-cards{grid-template-columns:repeat(2, minmax(0, 1fr))}
    .portal-zoom-cards span{height:78px}
}

/* Step 35 realistic flip-book intro */
.book-intro-overlay.storybook-entry-intro{
    padding:2rem;
    background:
        radial-gradient(circle at 18% 18%, rgba(129,206,255,.30), transparent 24%),
        radial-gradient(circle at 82% 14%, rgba(255,255,255,.14), transparent 18%),
        linear-gradient(145deg, #021331 0%, #0b2c6f 42%, #1264c8 74%, #7ad9ff 100%);
    backdrop-filter:blur(10px);
    overflow:hidden;
}
.storybook-entry-intro::before,
.storybook-entry-intro::after{
    content:'';
    position:absolute;
    border-radius:999px;
    pointer-events:none;
    filter:blur(20px);
}
.storybook-entry-intro::before{
    width:440px;height:440px;left:-140px;top:-120px;
    background:radial-gradient(circle, rgba(164,230,255,.24), transparent 72%);
}
.storybook-entry-intro::after{
    width:400px;height:400px;right:-120px;bottom:-150px;
    background:radial-gradient(circle, rgba(255,255,255,.18), transparent 72%);
}
.storybook-entry-stars{position:absolute;inset:0;pointer-events:none}
.storybook-entry-stars span{
    position:absolute;width:7px;height:7px;border-radius:999px;
    background:radial-gradient(circle, rgba(255,255,255,.96), rgba(175,231,255,.42) 56%, transparent 75%);
    box-shadow:0 0 18px rgba(167,232,255,.55);
    animation:storybookStarFloat 6.2s ease-in-out infinite;
}
.storybook-entry-stars span:nth-child(1){top:12%;left:11%;animation-delay:.2s}
.storybook-entry-stars span:nth-child(2){top:19%;left:77%;animation-delay:1.3s}
.storybook-entry-stars span:nth-child(3){top:28%;left:64%;animation-delay:2.1s}
.storybook-entry-stars span:nth-child(4){top:60%;left:12%;animation-delay:1.1s}
.storybook-entry-stars span:nth-child(5){top:74%;left:82%;animation-delay:2.7s}
.storybook-entry-stars span:nth-child(6){top:52%;left:72%;animation-delay:.8s}
.storybook-entry-stars span:nth-child(7){top:34%;left:28%;animation-delay:1.8s}
.storybook-entry-stars span:nth-child(8){top:82%;left:48%;animation-delay:2.9s}

.storybook-entry-world{
    position:relative;z-index:1;width:min(1220px,100%);
    display:grid;grid-template-columns:minmax(290px,420px) minmax(0,1fr);
    align-items:center;gap:2.8rem;
}
.storybook-entry-copy{color:#eff7ff;max-width:430px}
.storybook-entry-kicker,.storybook-entry-note{
    display:inline-flex;align-items:center;gap:.5rem;padding:.65rem 1rem;border-radius:999px;
    background:rgba(255,255,255,.10);border:1px solid rgba(192,233,255,.24);
    box-shadow:0 14px 30px rgba(7,23,60,.16);font-weight:800;color:#f5fbff;
}
.storybook-entry-copy h2{font-size:clamp(2.45rem,4.9vw,4.5rem);line-height:1.03;color:#fff;margin:1rem 0 .95rem;text-shadow:0 12px 30px rgba(8,23,59,.28)}
.storybook-entry-copy p{font-size:1.08rem;line-height:1.9;color:rgba(239,247,255,.92);margin:0}
.storybook-entry-note{margin-top:1.3rem;font-size:.92rem;line-height:1.5}

.storybook-entry-stage{position:relative;min-height:520px;display:flex;justify-content:center;align-items:center}
.storybook-entry-stage::before{
    content:'';position:absolute;inset:14% 12%;border-radius:50%;z-index:-1;
    background:radial-gradient(circle, rgba(121,223,255,.20), transparent 72%);filter:blur(16px);
}
.storybook-entry-shadow{
    position:absolute;bottom:26px;width:78%;height:64px;border-radius:50%;
    background:radial-gradient(circle, rgba(4,14,42,.52), transparent 70%);filter:blur(20px);
}
.storybook-book-frame{
    position:relative;width:min(790px,100%);height:450px;display:flex;align-items:flex-end;justify-content:center;
    perspective:3200px;transform-style:preserve-3d;
}
.storybook-book-under-shadow{
    position:absolute;bottom:38px;left:16%;right:8%;height:26px;border-radius:50%;
    background:radial-gradient(circle, rgba(1,7,22,.42), transparent 70%);filter:blur(14px);z-index:0;
}
.storybook-book-page-stack{
    position:absolute;right:13.6%;bottom:60px;width:42%;height:288px;border-radius:0 24px 24px 0;
    background:
        repeating-linear-gradient(180deg, rgba(242,248,255,.95) 0 4px, rgba(221,232,245,.95) 4px 6px),
        linear-gradient(180deg, #fdfefe, #dce6f2);
    border:1px solid rgba(227,240,255,.42);
    box-shadow:0 28px 40px rgba(4,16,44,.18), inset 0 0 0 1px rgba(255,255,255,.48);
    transform:translateZ(-14px) skewY(-1.2deg);
    z-index:1;
}
.storybook-book-page-stack::before{
    content:'';position:absolute;left:-20px;top:0;bottom:0;width:22px;
    background:linear-gradient(90deg, rgba(9,36,90,.24), rgba(255,255,255,.05));
}
.storybook-book-spine{
    position:absolute;left:7.8%;bottom:58px;width:40px;height:288px;border-radius:24px 6px 6px 24px;
    background:linear-gradient(180deg, #08204f 0%, #103b8d 38%, #0a2255 100%);
    box-shadow:inset -4px 0 12px rgba(255,255,255,.14), 0 22px 32px rgba(3,12,34,.28);
    display:flex;align-items:center;justify-content:center;z-index:4;
}
.storybook-book-spine span{writing-mode:vertical-rl;transform:rotate(180deg);font-size:.8rem;letter-spacing:.20em;font-weight:800;color:#dff6ff;text-transform:uppercase}
.storybook-book-left-cover{
    position:absolute;left:11%;bottom:45px;width:39%;height:320px;border-radius:24px 10px 10px 24px;
    background:
        linear-gradient(145deg, rgba(255,255,255,.22), transparent 18%),
        linear-gradient(155deg, #0b2f76 0%, #1853b9 42%, #2e8bff 70%, #7edfff 100%);
    box-shadow:0 30px 46px rgba(5,17,46,.34), inset 0 1px 0 rgba(255,255,255,.24), inset -12px 0 16px rgba(5,18,46,.18);
    border:1px solid rgba(232,247,255,.24);transform:rotate(-6.2deg);z-index:2;overflow:hidden;
}
.storybook-book-left-cover::before,
.storybook-right-cover::after{
    content:'';position:absolute;inset:0;
    background:linear-gradient(135deg, rgba(255,255,255,.20), transparent 28%, rgba(255,255,255,.08) 52%, transparent 76%);
}
.storybook-book-left-cover::after{
    content:'';position:absolute;inset:18px;border-radius:18px;border:1px solid rgba(219,242,255,.18);
}
.storybook-book-left-cover-inner,.storybook-right-cover-face{
    position:relative;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;
    padding:2rem 1.8rem 2rem 2.25rem;color:#f4fbff;
}
.storybook-book-badge{
    display:inline-flex;align-items:center;justify-content:center;width:72px;height:72px;border-radius:22px;
    background:rgba(255,255,255,.14);border:1px solid rgba(232,247,255,.26);box-shadow:0 12px 26px rgba(10,35,84,.20);
    font-size:1.1rem;font-weight:900;letter-spacing:.08em;margin-bottom:1rem;
}
.storybook-book-left-cover strong,.storybook-right-cover-face strong{font-size:2.1rem;line-height:1.06;color:#fff;text-shadow:0 10px 24px rgba(7,31,74,.26)}
.storybook-book-left-cover small,.storybook-right-cover-face small{font-size:.98rem;line-height:1.7;opacity:.94;max-width:240px}
.storybook-cover-ornament{display:flex;gap:.5rem;margin-top:1.25rem}
.storybook-cover-ornament span{display:block;width:18px;height:18px;border-radius:999px;background:rgba(255,255,255,.16);border:1px solid rgba(235,248,255,.28)}

.storybook-book-spread{
    position:relative;width:77%;height:336px;border-radius:18px 24px 24px 18px;overflow:visible;
    transform:translateX(44px) rotate(-1.35deg);transform-style:preserve-3d;z-index:3;
}
.storybook-left-page,
.storybook-right-page-base,
.storybook-flip-sheet,
.storybook-right-cover{position:absolute;top:0;bottom:0;transform-style:preserve-3d;backface-visibility:hidden}
.storybook-left-page{
    left:0;width:49.5%;border-radius:18px 0 0 22px;padding:2rem 1.8rem 1.7rem 2rem;
    background:
        linear-gradient(180deg, rgba(255,255,255,.96), rgba(232,242,255,.96)),
        repeating-linear-gradient(180deg, rgba(39,103,206,.04) 0 24px, transparent 24px 25px);
    border:1px solid rgba(154,192,255,.18);
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.58), 0 18px 30px rgba(7,23,60,.08);
}
.storybook-right-page-base{
    right:0;width:50.5%;border-radius:0 22px 22px 0;
    background:linear-gradient(180deg, #ffffff, #edf5ff);border:1px solid rgba(154,192,255,.18);
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.58), 0 18px 30px rgba(7,23,60,.08);
}
.storybook-left-page::after,.storybook-right-page-base::before,.storybook-sheet-face::before{
    content:'';position:absolute;top:0;height:100%;pointer-events:none;
}
.storybook-left-page::after{right:-1px;width:22px;background:linear-gradient(90deg, rgba(119,157,221,.16), rgba(255,255,255,0))}
.storybook-right-page-base::before,.storybook-sheet-face::before{left:0;width:24px;background:linear-gradient(90deg, rgba(15,47,120,.18), rgba(255,255,255,0))}
.storybook-page-kicker{display:inline-block;font-size:.8rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase;color:#2d70d7;margin-bottom:.85rem}
.storybook-left-page h3{font-size:1.55rem;line-height:1.36;color:#153861;margin:0 0 .9rem}
.storybook-left-page p{font-size:1rem;line-height:1.78;color:#49688f;margin:0}
.storybook-mini-shelf{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.55rem;margin-top:1.15rem}
.storybook-mini-shelf span{display:block;height:80px;border-radius:14px;background:linear-gradient(180deg, rgba(24,90,204,.22), rgba(120,213,255,.18));border:1px solid rgba(111,170,255,.18)}
.storybook-page-lines,.storybook-sheet-lines{display:grid;gap:.45rem;margin-top:1rem}
.storybook-page-lines span,.storybook-sheet-lines span{display:block;height:8px;border-radius:999px;background:linear-gradient(90deg, rgba(47,112,215,.18), rgba(47,112,215,.05))}
.storybook-page-lines span:nth-child(2),.storybook-sheet-lines span:nth-child(2){width:84%}
.storybook-page-lines span:nth-child(3),.storybook-sheet-lines span:nth-child(3){width:68%}

.storybook-final-page{
    position:absolute;inset:0;padding:1.3rem 1.35rem 1.2rem 1.35rem;display:flex;flex-direction:column;justify-content:center;
    opacity:0;transform:translateX(20px) scale(.98);transition:opacity .42s ease, transform .42s ease;
}
.storybook-final-page strong{display:block;margin-top:.9rem;font-size:1rem;color:#12375f}
.storybook-final-window{
    border-radius:18px;overflow:hidden;background:#fff;border:1px solid rgba(132,184,255,.22);
    box-shadow:0 18px 30px rgba(7,23,60,.10);
}
.storybook-final-topbar{height:22px;padding:0 .65rem;display:flex;align-items:center;gap:.35rem;background:linear-gradient(90deg, rgba(19,88,204,.18), rgba(118,205,255,.24))}
.storybook-final-topbar span,.storybook-zoom-header span{display:block;width:8px;height:8px;border-radius:999px;background:rgba(255,255,255,.88)}
.storybook-final-hero{height:90px;padding:1rem;background:linear-gradient(135deg, #0f4ab2, #61d2ff);display:flex;align-items:flex-end}
.storybook-final-hero-copy small{display:block;font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.88);margin-bottom:.32rem}
.storybook-final-hero-copy strong{font-size:.95rem;line-height:1.45;color:#fff;display:block;max-width:200px;margin:0}
.storybook-final-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem;padding:.75rem .8rem .2rem}
.storybook-final-row span,.storybook-final-cards span,.storybook-zoom-grid span,.storybook-zoom-shelf{display:block;border-radius:12px;background:linear-gradient(135deg, rgba(46,114,215,.14), rgba(107,210,255,.18))}
.storybook-final-row span{height:14px}
.storybook-final-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;padding:.7rem .8rem .85rem}
.storybook-final-cards span{height:58px}

.storybook-flip-sheet,
.storybook-right-cover{right:0;width:50.5%;transform-origin:left center;border-radius:0 22px 22px 0;will-change:transform, opacity}
.storybook-flip-sheet{z-index:5;filter:drop-shadow(0 18px 28px rgba(7,23,60,.16))}
.storybook-flip-sheet-one{z-index:6}
.storybook-flip-sheet-two{z-index:7}
.storybook-sheet-face{
    position:absolute;inset:0;padding:1.7rem 1.35rem 1.35rem 1.6rem;border-radius:0 22px 22px 0;backface-visibility:hidden;
    display:flex;flex-direction:column;justify-content:center;
    background:
        linear-gradient(180deg, rgba(255,255,255,.98), rgba(234,244,255,.96)),
        repeating-linear-gradient(180deg, rgba(39,103,206,.04) 0 24px, transparent 24px 25px);
    border:1px solid rgba(132,184,255,.22);box-shadow:inset 0 0 0 1px rgba(255,255,255,.56);
}
.storybook-sheet-back{transform:rotateY(180deg);background:linear-gradient(180deg, #f7fbff, #dfeeff)}
.storybook-sheet-face strong{font-size:1.24rem;line-height:1.5;color:#17395d;max-width:240px}
.storybook-sheet-chips{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.95rem}
.storybook-sheet-chips span{display:inline-flex;align-items:center;justify-content:center;padding:.42rem .78rem;border-radius:999px;background:rgba(29,99,215,.10);border:1px solid rgba(29,99,215,.12);font-size:.72rem;font-weight:800;letter-spacing:.04em;color:#2156a4;text-transform:uppercase}

.storybook-burst-pages{position:absolute;inset:0;left:auto;width:50.5%;pointer-events:none;z-index:8;opacity:0}
.storybook-burst-pages span{
    position:absolute;top:8px;bottom:8px;right:0;width:100%;border-radius:0 20px 20px 0;
    background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(234,244,255,.96));border:1px solid rgba(140,189,255,.16);
    box-shadow:0 16px 28px rgba(7,23,60,.08);transform-origin:left center;
}
.storybook-burst-pages span:nth-child(1){right:0;opacity:.88}
.storybook-burst-pages span:nth-child(2){right:5px;opacity:.78}
.storybook-burst-pages span:nth-child(3){right:10px;opacity:.68}
.storybook-burst-pages span:nth-child(4){right:15px;opacity:.58}
.storybook-burst-pages span:nth-child(5){right:20px;opacity:.48}

.storybook-right-cover{
    z-index:9;
    background:
        linear-gradient(145deg, rgba(255,255,255,.22), transparent 18%),
        linear-gradient(155deg, #103992 0%, #1c62d2 42%, #2e8bff 70%, #7ce0ff 100%);
    box-shadow:0 30px 56px rgba(6,24,71,.30), inset 0 1px 0 rgba(255,255,255,.22), inset -10px 0 14px rgba(6,24,71,.18);
    border:1px solid rgba(232,247,255,.22);overflow:hidden;
}
.storybook-right-cover::before{content:'';position:absolute;left:0;top:12px;bottom:12px;width:16px;background:linear-gradient(180deg, rgba(226,247,255,.58), rgba(29,81,190,.48))}
.storybook-right-cover-face{padding:2.05rem 1.55rem 1.95rem 2rem}

.storybook-zoom-screen{
    position:absolute;inset:40px 58px 36px 54%;border-radius:28px;z-index:12;pointer-events:none;
    opacity:0;transform:translateY(16px) scale(.42);transform-origin:72% 52%;
    transition:opacity .7s ease .22s, transform .95s cubic-bezier(.2,.78,.18,1) .22s;
}
.storybook-zoom-frame{
    width:100%;height:100%;border-radius:28px;overflow:hidden;background:#fff;
    box-shadow:0 36px 80px rgba(2,18,52,.30), inset 0 0 0 1px rgba(255,255,255,.5);
}
.storybook-zoom-header{height:34px;padding:0 1rem;display:flex;align-items:center;gap:.4rem;background:linear-gradient(90deg, rgba(20,87,203,.16), rgba(123,215,255,.24))}
.storybook-zoom-hero{height:36%;background:linear-gradient(135deg, #1144a1, #63d6ff)}
.storybook-zoom-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;padding:1.2rem}
.storybook-zoom-grid span{height:120px;border-radius:20px}
.storybook-zoom-shelf{height:18px;margin:0 1.2rem 1.2rem;border-radius:999px}

.storybook-entry-skip{color:#eef8ff;font-weight:800;letter-spacing:.02em}
.storybook-entry-skip:hover{color:#ffffff}

.book-intro-overlay.storybook-entry-intro.is-active .storybook-entry-copy{animation:introCopyRiseBlue 1.05s ease .14s both}
.book-intro-overlay.storybook-entry-intro.is-opening .storybook-right-cover{animation:storybookCoverLiftReal 1.08s cubic-bezier(.18,.78,.16,1) forwards}
.book-intro-overlay.storybook-entry-intro.is-page-one .storybook-flip-sheet-one{animation:storybookSheetTurnReal 1.55s cubic-bezier(.18,.74,.18,1) forwards}
.book-intro-overlay.storybook-entry-intro.is-page-two .storybook-flip-sheet-two{animation:storybookSheetTurnReal 1.38s cubic-bezier(.18,.74,.18,1) forwards}
.book-intro-overlay.storybook-entry-intro.is-flip-burst .storybook-burst-pages{opacity:1}
.book-intro-overlay.storybook-entry-intro.is-flip-burst .storybook-burst-pages span:nth-child(1){animation:storybookBurstTurnReal .62s cubic-bezier(.18,.82,.16,1) .06s forwards}
.book-intro-overlay.storybook-entry-intro.is-flip-burst .storybook-burst-pages span:nth-child(2){animation:storybookBurstTurnReal .54s cubic-bezier(.18,.82,.16,1) .16s forwards}
.book-intro-overlay.storybook-entry-intro.is-flip-burst .storybook-burst-pages span:nth-child(3){animation:storybookBurstTurnReal .46s cubic-bezier(.18,.82,.16,1) .24s forwards}
.book-intro-overlay.storybook-entry-intro.is-flip-burst .storybook-burst-pages span:nth-child(4){animation:storybookBurstTurnReal .38s cubic-bezier(.18,.82,.16,1) .31s forwards}
.book-intro-overlay.storybook-entry-intro.is-flip-burst .storybook-burst-pages span:nth-child(5){animation:storybookBurstTurnReal .30s cubic-bezier(.18,.82,.16,1) .37s forwards}
.book-intro-overlay.storybook-entry-intro.is-final-reveal .storybook-final-page{opacity:1;transform:translateX(0) scale(1)}
.book-intro-overlay.storybook-entry-intro.is-final-reveal .storybook-book-frame{animation:storybookBookSettleReal .9s ease forwards}
.book-intro-overlay.storybook-entry-intro.is-final-reveal .storybook-right-page-base{box-shadow:inset 0 0 0 1px rgba(255,255,255,.58), 0 24px 36px rgba(7,23,60,.14)}
.book-intro-overlay.storybook-entry-intro.is-final-reveal .storybook-zoom-screen{opacity:1;transform:translateY(0) scale(1)}
.book-intro-overlay.storybook-entry-intro.is-final-reveal .storybook-book-spread{transition:transform 1s cubic-bezier(.22,.78,.18,1);transform:translateX(44px) rotate(-.4deg)}

@keyframes storybookCoverLiftReal{
    0%{transform:rotateY(0deg);opacity:1}
    100%{transform:rotateY(-162deg);opacity:.06}
}
@keyframes storybookSheetTurnReal{
    0%{transform:rotateY(0deg);opacity:1}
    48%{opacity:1}
    100%{transform:rotateY(-182deg);opacity:.04}
}
@keyframes storybookBurstTurnReal{
    0%{transform:rotateY(0deg);opacity:.90}
    30%{opacity:.82}
    100%{transform:rotateY(-188deg);opacity:0}
}
@keyframes storybookBookSettleReal{
    0%{transform:translateY(0) scale(1)}
    100%{transform:translateY(-2px) scale(1.01)}
}
@keyframes storybookStarFloat{
    0%,100%{transform:translateY(0) scale(1);opacity:.55}
    50%{transform:translateY(-12px) scale(1.08);opacity:1}
}

@media (max-width: 991px){
    .storybook-entry-world{grid-template-columns:1fr;gap:1.8rem;text-align:center}
    .storybook-entry-copy{max-width:none}
    .storybook-entry-stage{min-height:420px}
    .storybook-book-frame{width:min(660px,100%);height:380px}
    .storybook-book-page-stack{right:12.8%;height:248px}
    .storybook-book-spine{left:6.2%;height:248px}
    .storybook-book-left-cover{left:9%;height:278px}
    .storybook-book-spread{width:80%;height:292px;transform:translateX(36px) rotate(-1deg)}
    .storybook-entry-skip{justify-self:center}
    .storybook-zoom-screen{inset:34px 38px 30px 50%}
}
@media (max-width: 767px){
    .book-intro-overlay.storybook-entry-intro{padding:1rem}
    .storybook-entry-copy h2{font-size:clamp(2rem, 8vw, 3rem)}
    .storybook-entry-copy p{font-size:1rem;line-height:1.76}
    .storybook-book-frame{height:306px}
    .storybook-book-under-shadow{bottom:24px}
    .storybook-book-page-stack{right:13%;bottom:40px;height:182px;width:42%}
    .storybook-book-spine{left:3%;bottom:40px;width:28px;height:184px;border-radius:18px 5px 5px 18px}
    .storybook-book-left-cover{left:7%;bottom:30px;height:212px;border-radius:18px 8px 8px 18px}
    .storybook-book-left-cover-inner,.storybook-right-cover-face{padding:1.25rem .95rem 1.2rem 1.25rem}
    .storybook-book-badge{width:54px;height:54px;border-radius:16px;font-size:.92rem;margin-bottom:.7rem}
    .storybook-book-left-cover strong,.storybook-right-cover-face strong{font-size:1.32rem}
    .storybook-book-left-cover small,.storybook-right-cover-face small{font-size:.75rem;line-height:1.55;max-width:135px}
    .storybook-cover-ornament{margin-top:.75rem;gap:.35rem}
    .storybook-cover-ornament span{width:12px;height:12px}
    .storybook-book-spread{width:82%;height:228px;transform:translateX(24px) rotate(-.8deg)}
    .storybook-left-page{padding:1rem .9rem .95rem 1rem}
    .storybook-left-page h3{font-size:1rem;line-height:1.45}
    .storybook-left-page p{font-size:.82rem;line-height:1.56}
    .storybook-mini-shelf{margin-top:.75rem;gap:.35rem}
    .storybook-mini-shelf span{height:44px;border-radius:10px}
    .storybook-sheet-face{padding:1rem .8rem .9rem .95rem}
    .storybook-sheet-face strong{font-size:.95rem;max-width:145px}
    .storybook-sheet-chips{gap:.28rem;margin-top:.62rem}
    .storybook-sheet-chips span{font-size:.56rem;padding:.3rem .45rem}
    .storybook-page-kicker{font-size:.64rem;margin-bottom:.5rem}
    .storybook-final-page{padding:.9rem .8rem .75rem .8rem}
    .storybook-final-topbar{height:14px;padding:0 .45rem}
    .storybook-final-topbar span,.storybook-zoom-header span{width:6px;height:6px}
    .storybook-final-hero{height:52px;padding:.6rem}
    .storybook-final-hero-copy small{font-size:.5rem}
    .storybook-final-hero-copy strong{font-size:.68rem;max-width:110px}
    .storybook-final-row{gap:.35rem;padding:.45rem .5rem .1rem}
    .storybook-final-cards{gap:.45rem;padding:.45rem .5rem .55rem}
    .storybook-final-cards span{height:34px}
    .storybook-final-page strong{font-size:.74rem;margin-top:.5rem}
    .storybook-zoom-screen{inset:24px 18px 22px 44%;border-radius:18px}
    .storybook-zoom-frame{border-radius:18px}
    .storybook-zoom-header{height:18px;padding:0 .45rem;gap:.22rem}
    .storybook-zoom-grid{gap:.45rem;padding:.55rem}
    .storybook-zoom-grid span{height:44px;border-radius:10px}
    .storybook-zoom-shelf{height:10px;margin:0 .55rem .55rem}
    .storybook-entry-note{font-size:.84rem;padding:.62rem .9rem}
}
@media (prefers-reduced-motion: reduce){
    .book-intro-overlay.storybook-entry-intro,
    .book-intro-overlay.storybook-entry-intro *{animation:none!important;transition:none!important}
    .book-intro-overlay.storybook-entry-intro{display:none!important}
}


/* Step 36 smoother flip-book rebuild */
.book-intro-overlay.storybook-entry-intro{
    padding:1.5rem;
    background:
        radial-gradient(circle at 18% 20%, rgba(163,224,255,.24), transparent 22%),
        radial-gradient(circle at 82% 18%, rgba(255,255,255,.12), transparent 18%),
        linear-gradient(150deg, #04142f 0%, #0b2d67 38%, #1457b6 72%, #7cd8ff 100%);
}
.storybook-entry-world{
    width:min(1280px,100%);
    grid-template-columns:1fr;
    justify-items:center;
    gap:1.25rem;
    text-align:center;
}
.storybook-entry-copy{
    max-width:720px;
    display:flex;
    flex-direction:column;
    align-items:center;
}
.storybook-entry-copy h2{max-width:680px;margin-top:.8rem;margin-bottom:.7rem}
.storybook-entry-copy p{max-width:640px}
.storybook-entry-note{margin-top:1rem;max-width:620px;justify-content:center}
.storybook-entry-stage{
    width:100%;
    min-height:580px;
}
.storybook-entry-stage::before{
    inset:18% 16%;
    background:radial-gradient(circle, rgba(114,212,255,.20), rgba(114,212,255,.04) 44%, transparent 72%);
}
.storybook-entry-stage::after{
    content:'';
    position:absolute;
    left:8%;right:8%;bottom:22px;
    height:86px;
    border-radius:999px;
    background:radial-gradient(circle at center, rgba(6,16,40,.32), transparent 68%);
    filter:blur(26px);
    z-index:0;
}
.storybook-entry-shadow{
    bottom:22px;
    width:72%;
    height:56px;
    background:radial-gradient(circle, rgba(2,10,28,.46), transparent 72%);
    filter:blur(18px);
}
.storybook-book-frame{
    width:min(920px, 94vw);
    height:500px;
    perspective:2200px;
}
.storybook-book-under-shadow{
    left:14%;
    right:10%;
    bottom:38px;
    height:24px;
    filter:blur(12px);
}
.storybook-book-page-stack{
    right:12%;
    bottom:56px;
    width:42%;
    height:290px;
    border-radius:0 22px 22px 0;
    background:
        repeating-linear-gradient(180deg, rgba(247,251,255,.96) 0 3px, rgba(225,236,247,.96) 3px 5px),
        linear-gradient(180deg, #fefefe, #e5edf6);
    border:1px solid rgba(230,241,255,.42);
    box-shadow:0 24px 38px rgba(4,16,42,.18), inset 0 0 0 1px rgba(255,255,255,.58);
    transform:translateZ(-10px);
}
.storybook-book-spine{
    left:8.2%;
    bottom:55px;
    width:48px;
    height:290px;
    border-radius:22px 6px 6px 22px;
    background:linear-gradient(180deg, #071a40 0%, #103c8d 48%, #081e49 100%);
    box-shadow:inset -4px 0 10px rgba(255,255,255,.13), 0 24px 34px rgba(4,14,38,.26);
}
.storybook-book-left-cover,
.storybook-right-cover{
    border:1px solid rgba(233,246,255,.26);
    box-shadow:0 30px 48px rgba(4,18,46,.28), inset 0 1px 0 rgba(255,255,255,.22), inset -12px 0 18px rgba(5,18,46,.18);
}
.storybook-book-left-cover{
    left:11%;
    bottom:44px;
    width:39%;
    height:322px;
    transform:rotate(-4deg);
    background:
        linear-gradient(145deg, rgba(255,255,255,.22), transparent 16%),
        linear-gradient(160deg, #082a67 0%, #1450b6 42%, #2a86ff 70%, #91e7ff 100%);
}
.storybook-book-left-cover::after,
.storybook-right-cover::after{inset:16px;border-radius:18px;border:1px solid rgba(226,244,255,.16)}
.storybook-book-left-cover-inner,.storybook-right-cover-face{padding:1.9rem 1.6rem 1.8rem 2rem}
.storybook-book-badge{
    width:68px;height:68px;border-radius:20px;
    background:rgba(255,255,255,.16);
    border:1px solid rgba(232,247,255,.26);
}
.storybook-book-left-cover strong,.storybook-right-cover-face strong{font-size:2.2rem;letter-spacing:.01em}
.storybook-book-left-cover small,.storybook-right-cover-face small{max-width:250px;color:rgba(244,251,255,.92)}
.storybook-book-spread{
    width:77%;
    height:338px;
    transform:translateX(40px) rotate(-.65deg);
}
.storybook-left-page,
.storybook-right-page-base,
.storybook-sheet-face{
    background:
        linear-gradient(180deg, rgba(255,255,255,.985), rgba(239,246,252,.98)),
        repeating-linear-gradient(180deg, rgba(31,94,194,.035) 0 23px, transparent 23px 24px);
}
.storybook-left-page,
.storybook-right-page-base{box-shadow:inset 0 0 0 1px rgba(255,255,255,.64), 0 16px 26px rgba(7,23,60,.08)}
.storybook-left-page{
    padding:2rem 1.8rem 1.75rem 2.05rem;
}
.storybook-left-page h3{font-size:1.68rem;line-height:1.32;color:#13345b}
.storybook-left-page p{font-size:1rem;line-height:1.8;color:#4a6787}
.storybook-mini-shelf span{height:88px;background:linear-gradient(180deg, rgba(24,89,202,.24), rgba(135,221,255,.18));}
.storybook-right-page-base{overflow:hidden}
.storybook-sheet-face{padding:1.8rem 1.45rem 1.4rem 1.7rem}
.storybook-sheet-face strong{font-size:1.2rem;line-height:1.54;max-width:245px}
.storybook-sheet-chips span{font-size:.7rem;padding:.45rem .8rem}
.storybook-right-cover{
    right:0;
    width:50.5%;
    background:
        linear-gradient(145deg, rgba(255,255,255,.24), transparent 16%),
        linear-gradient(160deg, #082a67 0%, #1450b6 42%, #2a86ff 70%, #91e7ff 100%);
}
.storybook-right-cover::before{
    left:0;top:10px;bottom:10px;width:18px;
    background:linear-gradient(180deg, rgba(225,244,255,.62), rgba(30,83,191,.46));
}
.storybook-burst-pages{width:50.5%}
.storybook-burst-pages span{background:linear-gradient(180deg, rgba(255,255,255,.985), rgba(239,246,252,.98));}
.storybook-final-page{
    inset:10px 10px 10px 10px;
    padding:1.1rem 1.1rem .95rem;
    opacity:0;
    transform:translateX(10px);
    transition:opacity .45s ease, transform .45s ease;
}
.storybook-final-window{
    border-radius:16px;
    box-shadow:0 16px 24px rgba(7,23,60,.12);
}
.storybook-final-hero{height:96px}
.storybook-zoom-screen{
    position:absolute;
    inset:26px 26px 26px 26px;
    z-index:12;
    opacity:0;
    clip-path:inset(44% 37% 42% 37% round 26px);
    transition:opacity .35s ease .12s, clip-path .95s cubic-bezier(.18,.76,.18,1) .12s;
    pointer-events:none;
    transform:none;
}
.storybook-zoom-frame{
    border-radius:28px;
    overflow:hidden;
    background:#fff;
    box-shadow:0 32px 80px rgba(1,15,42,.30), inset 0 0 0 1px rgba(255,255,255,.52);
}
.storybook-zoom-header{height:34px}
.storybook-zoom-hero{height:33%;background:linear-gradient(135deg, #0f45a8, #63d8ff)}
.storybook-zoom-grid{padding:1rem;gap:.9rem}
.storybook-zoom-grid span{height:110px;border-radius:18px}
.storybook-entry-skip{justify-self:center}

.book-intro-overlay.storybook-entry-intro.is-opening .storybook-right-cover{
    animation:storybookCoverLiftSmooth 1.2s cubic-bezier(.23,.76,.18,1) forwards;
}
.book-intro-overlay.storybook-entry-intro.is-page-one .storybook-flip-sheet-one{
    animation:storybookSheetTurnSmooth 1.15s cubic-bezier(.22,.76,.2,1) forwards;
}
.book-intro-overlay.storybook-entry-intro.is-page-two .storybook-flip-sheet-two{
    animation:storybookSheetTurnSmooth 1.05s cubic-bezier(.22,.76,.2,1) forwards;
}
.book-intro-overlay.storybook-entry-intro.is-flip-burst .storybook-burst-pages{opacity:1}
.book-intro-overlay.storybook-entry-intro.is-flip-burst .storybook-burst-pages span:nth-child(1){animation:storybookBurstTurnSmooth .48s cubic-bezier(.24,.82,.16,1) .00s forwards}
.book-intro-overlay.storybook-entry-intro.is-flip-burst .storybook-burst-pages span:nth-child(2){animation:storybookBurstTurnSmooth .42s cubic-bezier(.24,.82,.16,1) .08s forwards}
.book-intro-overlay.storybook-entry-intro.is-flip-burst .storybook-burst-pages span:nth-child(3){animation:storybookBurstTurnSmooth .36s cubic-bezier(.24,.82,.16,1) .14s forwards}
.book-intro-overlay.storybook-entry-intro.is-flip-burst .storybook-burst-pages span:nth-child(4){animation:storybookBurstTurnSmooth .31s cubic-bezier(.24,.82,.16,1) .19s forwards}
.book-intro-overlay.storybook-entry-intro.is-flip-burst .storybook-burst-pages span:nth-child(5){animation:storybookBurstTurnSmooth .26s cubic-bezier(.24,.82,.16,1) .23s forwards}
.book-intro-overlay.storybook-entry-intro.is-final-reveal .storybook-final-page{
    opacity:1;
    transform:translateX(0);
}
.book-intro-overlay.storybook-entry-intro.is-final-reveal .storybook-book-frame{
    opacity:.18;
    transform:translateY(-4px);
    transition:opacity .52s ease, transform .52s ease;
}
.book-intro-overlay.storybook-entry-intro.is-final-reveal .storybook-zoom-screen{
    opacity:1;
    clip-path:inset(0 0 0 0 round 28px);
}

@keyframes storybookCoverLiftSmooth{
    0%{transform:rotateY(0deg)}
    100%{transform:rotateY(-154deg)}
}
@keyframes storybookSheetTurnSmooth{
    0%{transform:rotateY(0deg);opacity:1}
    58%{opacity:1}
    100%{transform:rotateY(-178deg);opacity:.06}
}
@keyframes storybookBurstTurnSmooth{
    0%{transform:rotateY(0deg);opacity:.92}
    100%{transform:rotateY(-182deg);opacity:0}
}

@media (max-width: 991px){
    .book-intro-overlay.storybook-entry-intro{padding:1rem}
    .storybook-entry-world{gap:1rem}
    .storybook-entry-stage{min-height:450px}
    .storybook-book-frame{width:min(720px,100%);height:390px}
    .storybook-book-page-stack,.storybook-book-spine{height:230px}
    .storybook-book-left-cover{height:255px}
    .storybook-book-spread{height:266px;transform:translateX(28px) rotate(-.45deg)}
    .storybook-left-page{padding:1.25rem 1rem 1rem 1.15rem}
    .storybook-left-page h3{font-size:1.18rem}
    .storybook-left-page p{font-size:.84rem;line-height:1.6}
    .storybook-mini-shelf span{height:48px}
    .storybook-sheet-face{padding:1rem .85rem .9rem 1rem}
    .storybook-sheet-face strong{font-size:.95rem;max-width:150px}
    .storybook-sheet-chips span{font-size:.56rem;padding:.34rem .5rem}
    .storybook-final-hero{height:58px;padding:.65rem}
    .storybook-final-hero-copy strong{font-size:.72rem;max-width:124px}
    .storybook-final-cards span{height:36px}
    .storybook-zoom-screen{inset:16px}
    .storybook-zoom-grid span{height:52px;border-radius:10px}
}

@media (max-width: 575px){
    .storybook-entry-copy h2{font-size:clamp(1.9rem, 9vw, 2.8rem)}
    .storybook-entry-copy p{font-size:.96rem;line-height:1.72}
    .storybook-entry-note{font-size:.82rem}
    .storybook-entry-stage{min-height:330px}
    .storybook-book-frame{height:282px}
    .storybook-book-page-stack{bottom:38px;height:164px}
    .storybook-book-spine{bottom:37px;width:30px;height:165px}
    .storybook-book-left-cover{bottom:30px;height:184px}
    .storybook-book-left-cover-inner,.storybook-right-cover-face{padding:1.1rem .9rem 1rem 1.1rem}
    .storybook-book-badge{width:44px;height:44px;border-radius:14px;font-size:.78rem;margin-bottom:.55rem}
    .storybook-book-left-cover strong,.storybook-right-cover-face strong{font-size:1.1rem}
    .storybook-book-left-cover small,.storybook-right-cover-face small{font-size:.62rem;line-height:1.45;max-width:112px}
    .storybook-book-spread{height:190px;transform:translateX(18px) rotate(-.35deg)}
    .storybook-left-page{padding:.8rem .65rem .7rem .78rem}
    .storybook-left-page h3{font-size:.88rem;line-height:1.32;margin-bottom:.45rem}
    .storybook-left-page p{font-size:.66rem;line-height:1.42}
    .storybook-mini-shelf{margin-top:.55rem;gap:.24rem}
    .storybook-mini-shelf span{height:30px;border-radius:8px}
    .storybook-sheet-face{padding:.72rem .52rem .6rem .66rem}
    .storybook-sheet-face strong{font-size:.68rem;max-width:105px}
    .storybook-sheet-lines{gap:.26rem;margin-top:.48rem}
    .storybook-sheet-lines span{height:5px}
    .storybook-sheet-chips{gap:.2rem;margin-top:.42rem}
    .storybook-sheet-chips span{font-size:.45rem;padding:.22rem .32rem}
    .storybook-page-kicker{font-size:.52rem;margin-bottom:.35rem}
    .storybook-final-page{inset:6px;padding:.6rem}
    .storybook-final-topbar{height:12px;padding:0 .32rem}
    .storybook-final-topbar span,.storybook-zoom-header span{width:5px;height:5px}
    .storybook-final-hero{height:42px;padding:.45rem}
    .storybook-final-hero-copy small{font-size:.42rem;margin-bottom:.18rem}
    .storybook-final-hero-copy strong{font-size:.56rem;line-height:1.28;max-width:94px}
    .storybook-final-row{gap:.24rem;padding:.3rem .32rem .08rem}
    .storybook-final-row span{height:8px}
    .storybook-final-cards{gap:.24rem;padding:.3rem .32rem .36rem}
    .storybook-final-cards span{height:22px}
    .storybook-final-page strong{font-size:.56rem;margin-top:.28rem}
    .storybook-zoom-screen{inset:10px;clip-path:inset(44% 34% 42% 34% round 16px)}
    .storybook-zoom-frame{border-radius:16px}
    .storybook-zoom-header{height:16px;padding:0 .36rem;gap:.18rem}
    .storybook-zoom-grid{padding:.45rem;gap:.35rem}
    .storybook-zoom-grid span{height:32px;border-radius:8px}
    .storybook-zoom-shelf{height:8px;margin:0 .45rem .45rem}
}


/* Step 38 rebuilt intro: realistic closed book -> open spread -> faster page turns */
.book-intro-overlay.rebuilt-book-intro{
    position:fixed;
    inset:0;
    z-index:1060;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:1.5rem;
    overflow:hidden;
    background:
        radial-gradient(circle at 18% 22%, rgba(147,227,255,.24), transparent 20%),
        radial-gradient(circle at 82% 18%, rgba(132,158,255,.20), transparent 18%),
        radial-gradient(circle at 50% 80%, rgba(255,255,255,.14), transparent 22%),
        linear-gradient(145deg, #041225 0%, #0b2b63 40%, #134fa8 72%, #82d8ff 100%);
}
.rebuilt-book-intro::before{
    content:'';
    position:absolute;
    inset:0;
    background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,0));
    pointer-events:none;
}
.rebuilt-book-orbs{position:absolute;inset:0;pointer-events:none}
.rebuilt-book-orbs span{position:absolute;border-radius:50%;background:radial-gradient(circle, rgba(255,255,255,.92), rgba(255,255,255,0));opacity:.72;animation:rebuiltStarPulse 4.8s ease-in-out infinite}
.rebuilt-book-orbs span:nth-child(1){width:220px;height:220px;top:10%;left:12%;opacity:.16;filter:blur(6px)}
.rebuilt-book-orbs span:nth-child(2){width:320px;height:320px;right:-40px;top:6%;opacity:.12;filter:blur(10px)}
.rebuilt-book-orbs span:nth-child(3){width:8px;height:8px;left:20%;top:24%}
.rebuilt-book-orbs span:nth-child(4){width:10px;height:10px;right:23%;bottom:20%}
.rebuilt-book-orbs span:nth-child(5){width:6px;height:6px;left:78%;top:30%}
.rebuilt-book-stage-wrap{position:relative;z-index:1;width:min(1240px,100%);display:flex;justify-content:center;align-items:center}
.rebuilt-book-skip{position:absolute;top:0;right:0;z-index:3;color:#eef8ff;font-weight:800;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:.7rem 1rem;backdrop-filter:blur(10px)}
.rebuilt-book-stage{position:relative;width:min(980px,100%);min-height:640px;display:flex;justify-content:center;align-items:center;perspective:2400px}
.rebuilt-book-shadow{position:absolute;bottom:82px;width:min(760px,74vw);height:82px;border-radius:50%;background:radial-gradient(circle, rgba(2,11,34,.56), rgba(2,11,34,0) 72%);filter:blur(18px)}
.rebuilt-book-shell{position:relative;width:min(860px,84vw);aspect-ratio:1.58/1;transform-style:preserve-3d;transform:translateY(16px) rotateX(9deg) rotateZ(-2deg) scale(1)}
.rebuilt-book-shell::before{content:'';position:absolute;left:7%;right:2%;top:13%;bottom:10%;border-radius:22px;background:linear-gradient(180deg, rgba(5,24,71,.10), rgba(5,24,71,0));pointer-events:none}
.rebuilt-closed-book{position:absolute;left:9%;right:3%;top:14%;bottom:12%;border-radius:22px;transform-origin:left center;transform-style:preserve-3d;z-index:12;background:linear-gradient(155deg,#0a2867 0%, #1247b2 44%, #2a86ff 74%, #96e1ff 100%);box-shadow:0 34px 62px rgba(4,20,64,.34), inset 0 1px 0 rgba(255,255,255,.20), inset 0 -26px 46px rgba(6,28,86,.18)}
.rebuilt-closed-book::before{content:'';position:absolute;left:0;top:16px;bottom:16px;width:18px;background:linear-gradient(180deg, rgba(241,250,255,.72), rgba(19,75,176,.74));border-radius:18px 0 0 18px}
.rebuilt-closed-book::after{content:'';position:absolute;inset:16px;border-radius:14px;border:1px solid rgba(255,255,255,.18);pointer-events:none;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}
.rebuilt-closed-book-spine{position:absolute;left:-28px;top:10%;bottom:9%;width:42px;border-radius:18px 0 0 18px;background:linear-gradient(180deg,#061d53,#0f3889 54%,#2a7cff 100%);box-shadow:0 18px 34px rgba(4,16,51,.28), inset 0 0 0 1px rgba(255,255,255,.06);display:flex;align-items:center;justify-content:center}
.rebuilt-closed-book-spine span{writing-mode:vertical-rl;transform:rotate(180deg);font-weight:900;letter-spacing:.18em;color:#eaf7ff;font-size:.82rem;text-transform:uppercase}
.rebuilt-closed-book-face{position:absolute;inset:0;padding:2.2rem 2.1rem 2rem 2.8rem;color:#f4fbff;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.rebuilt-book-spread{position:absolute;inset:0;opacity:0;transform:translateY(8px) scale(.985);transition:opacity .36s ease, transform .58s ease}
.rebuilt-book-spine{position:absolute;left:8%;top:16%;bottom:14%;width:58px;border-radius:18px 0 0 18px;background:linear-gradient(180deg,#06225e,#123f95 48%,#2d7dff 100%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08), 0 18px 36px rgba(6,22,66,.32);display:flex;align-items:center;justify-content:center;z-index:1}
.rebuilt-book-spine span{writing-mode:vertical-rl;transform:rotate(180deg);font-weight:900;letter-spacing:.18em;color:#e9f7ff;font-size:.8rem;text-transform:uppercase}
.rebuilt-book-core{position:absolute;inset:12% 4% 12% 13%;border-radius:22px;overflow:visible;transform-style:preserve-3d}
.rebuilt-left-page,.rebuilt-right-page,.rebuilt-flip-page,.rebuilt-book-cover{position:absolute;top:0;bottom:0;width:50%;border-radius:0 22px 22px 0;transform-style:preserve-3d;backface-visibility:hidden;transform-origin:left center}
.rebuilt-left-page{left:0;width:50%;border-radius:22px 0 0 22px;background:linear-gradient(180deg,#fffffe,#e7f1ff);box-shadow:inset -16px 0 24px rgba(37,89,182,.10), 0 22px 40px rgba(8,30,85,.10);padding:2.1rem 2rem 1.8rem 2.1rem;border:1px solid rgba(66,122,214,.10)}
.rebuilt-right-base{right:0;background:linear-gradient(180deg,#ffffff,#e7f1ff);box-shadow:inset 16px 0 28px rgba(35,90,184,.12), 0 22px 40px rgba(8,30,85,.08);padding:1.25rem;border:1px solid rgba(66,122,214,.10)}
.rebuilt-right-base::before,.rebuilt-left-page::after{content:'';position:absolute;top:0;bottom:0;width:22px;pointer-events:none}
.rebuilt-left-page::before,.rebuilt-right-base::after,.rebuilt-page-face::after{content:'';position:absolute;left:20px;right:20px;bottom:18px;height:14px;background:linear-gradient(180deg, transparent, rgba(20,74,163,.04));border-radius:999px}
.rebuilt-left-page::after{right:-1px;background:linear-gradient(90deg, rgba(43,95,186,.10), rgba(255,255,255,0))}
.rebuilt-right-base::before{left:-1px;background:linear-gradient(90deg, rgba(43,95,186,.16), rgba(255,255,255,0))}
.rebuilt-page-label{display:inline-block;font-size:.74rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase;color:#2f6fd4;margin-bottom:.95rem}
.rebuilt-left-page h3,.rebuilt-page-face h3{font-size:2rem;line-height:1.12;margin:0 0 .9rem;color:#17395d;letter-spacing:-.03em}
.rebuilt-left-page p,.rebuilt-page-face p{font-size:1rem;line-height:1.8;color:#577395;margin:0}
.rebuilt-page-footer{display:flex;gap:.65rem;flex-wrap:wrap;margin-top:1.4rem}
.rebuilt-page-footer span{display:inline-flex;align-items:center;padding:.55rem .8rem;border-radius:999px;background:rgba(44,104,214,.09);border:1px solid rgba(44,104,214,.12);font-size:.78rem;font-weight:800;color:#275cb6}
.rebuilt-final-site-page{position:relative;height:100%;border-radius:18px;background:linear-gradient(180deg,#ffffff,#eff6ff);border:1px solid rgba(67,125,214,.12);padding:1rem;display:flex;flex-direction:column;opacity:0;transform:scale(.98);transition:opacity .46s ease,transform .58s ease;box-shadow:0 18px 40px rgba(8,30,85,.08)}
.rebuilt-site-mini-topbar,.rebuilt-preview-topbar{display:flex;gap:.4rem;margin-bottom:.85rem}
.rebuilt-site-mini-topbar span,.rebuilt-preview-topbar span{width:10px;height:10px;border-radius:50%;background:#c8dcfb}
.rebuilt-site-mini-hero{padding:1rem;border-radius:16px;background:linear-gradient(135deg,#1d5edd,#87dbff);color:#f7fbff;box-shadow:0 16px 30px rgba(29,94,221,.24)}
.rebuilt-site-mini-hero strong{display:block;font-size:1.05rem;line-height:1.4}
.rebuilt-site-mini-hero small{display:block;margin-top:.55rem;color:rgba(247,251,255,.92);font-size:.84rem;line-height:1.6}
.rebuilt-site-mini-row{display:grid;grid-template-columns:repeat(3,1fr);gap:.55rem;margin-top:1rem}
.rebuilt-site-mini-row span,.rebuilt-site-mini-cards span,.rebuilt-preview-grid span{display:block;height:14px;border-radius:999px;background:linear-gradient(90deg,#cfe2ff,#e9f4ff)}
.rebuilt-site-mini-cards,.rebuilt-preview-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin-top:1rem}
.rebuilt-site-mini-cards span,.rebuilt-preview-grid span{height:90px;border-radius:18px;background:linear-gradient(180deg,#f9fbff,#e4efff);border:1px solid rgba(67,125,214,.10);box-shadow:inset 0 1px 0 rgba(255,255,255,.8)}
.rebuilt-flip-page,.rebuilt-book-cover{right:0;z-index:5;filter:drop-shadow(0 18px 24px rgba(7,23,60,.14))}
.rebuilt-flip-page{width:50.6%}
.rebuilt-page-face,.rebuilt-book-cover-face{position:absolute;inset:0;backface-visibility:hidden;border-radius:0 22px 22px 0;overflow:hidden}
.rebuilt-page-face{padding:2.05rem 1.9rem 1.8rem 2rem;background:linear-gradient(180deg,#ffffff,#e8f2ff);border:1px solid rgba(66,122,214,.10);box-shadow:inset 0 0 0 1px rgba(255,255,255,.5);display:flex;flex-direction:column;justify-content:center}
.rebuilt-page-face::before{content:'';position:absolute;left:18px;right:18px;top:26px;height:1px;background:linear-gradient(90deg, transparent, rgba(113,154,227,.3), transparent)}
.rebuilt-page-back{transform:rotateY(180deg);background:linear-gradient(180deg,#f8fbff,#deecff)}
.rebuilt-flip-page-one{z-index:6}
.rebuilt-flip-page-two{z-index:7}
.rebuilt-book-cover{width:50.8%;z-index:8;background:linear-gradient(155deg,#0d2f7d 0%, #1a58d9 52%, #8bdfff 100%);box-shadow:0 26px 56px rgba(6,24,71,.34), inset 0 1px 0 rgba(255,255,255,.22)}
.rebuilt-book-cover::before{content:'';position:absolute;left:0;top:18px;bottom:18px;width:14px;background:linear-gradient(180deg, rgba(231,248,255,.6), rgba(24,78,188,.7));pointer-events:none}
.rebuilt-book-cover::after{content:'';position:absolute;inset:0;border-radius:inherit;background:linear-gradient(135deg, rgba(255,255,255,.18), transparent 34%, rgba(255,255,255,.08) 58%, transparent 76%);pointer-events:none}
.rebuilt-book-cover-face{padding:2rem 1.8rem 1.8rem 2.25rem;color:#f5fbff;display:flex;flex-direction:column;justify-content:center}
.rebuilt-cover-pill{display:inline-flex;align-items:center;align-self:flex-start;padding:.4rem .65rem;border-radius:999px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.12);font-size:.74rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
.rebuilt-book-cover-face strong,.rebuilt-closed-book-face strong{font-size:3rem;line-height:1;letter-spacing:.02em;margin-top:1rem;text-shadow:0 10px 24px rgba(7,31,74,.28)}
.rebuilt-book-cover-face small,.rebuilt-closed-book-face small{margin-top:.9rem;font-size:1rem;line-height:1.8;color:rgba(244,250,255,.92);max-width:20rem}
.rebuilt-cover-ornament{display:flex;gap:.65rem;margin-top:1.5rem}
.rebuilt-cover-ornament span{display:block;width:56px;height:4px;border-radius:999px;background:rgba(255,255,255,.34)}
.rebuilt-burst-pages{position:absolute;right:2%;top:4%;bottom:4%;width:52%;opacity:0;pointer-events:none;z-index:4}
.rebuilt-burst-pages span{position:absolute;inset:0;border-radius:0 22px 22px 0;background:linear-gradient(180deg,#fbfdff,#dcecff);border:1px solid rgba(66,122,214,.10);box-shadow:0 14px 22px rgba(8,30,85,.10);transform-origin:left center;opacity:0}
.rebuilt-burst-pages span:nth-child(1){transform:translateX(-4px)}
.rebuilt-burst-pages span:nth-child(2){transform:translateX(3px)}
.rebuilt-burst-pages span:nth-child(3){transform:translateX(8px)}
.rebuilt-burst-pages span:nth-child(4){transform:translateX(12px)}
.rebuilt-preview-screen{position:absolute;left:15%;top:15%;width:70%;height:70%;border-radius:26px;opacity:0;transform:translateY(18px) scale(.90);transition:opacity .5s ease, transform .9s cubic-bezier(.22,.78,.16,1);pointer-events:none;z-index:14}
.rebuilt-preview-window{height:100%;border-radius:26px;background:linear-gradient(180deg,#ffffff,#eff5ff);border:1px solid rgba(66,122,214,.12);box-shadow:0 26px 62px rgba(8,30,85,.16);padding:1.1rem}
.rebuilt-preview-hero{margin-top:.75rem;border-radius:18px;padding:1.2rem;background:linear-gradient(135deg,#1a5ddd,#8bdfff);color:#f7fbff;min-height:128px;display:flex;align-items:flex-end}
.rebuilt-preview-hero small{display:block;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:rgba(247,251,255,.82)}
.rebuilt-preview-hero strong{display:block;font-size:1.45rem;line-height:1.26;max-width:18rem;margin-top:.55rem}
.rebuilt-preview-strip{height:18px;border-radius:999px;background:linear-gradient(90deg,#d1e4ff,#eef5ff);margin-top:1rem}
.book-intro-overlay.rebuilt-book-intro.is-opening .rebuilt-closed-book{animation:rebuiltClosedCoverOpen 1.45s cubic-bezier(.19,.82,.15,1) forwards}
.book-intro-overlay.rebuilt-book-intro.is-opening .rebuilt-book-spread{opacity:1;transform:translateY(0) scale(1)}
.book-intro-overlay.rebuilt-book-intro.is-opening .rebuilt-book-cover{animation:rebuiltCoverOpen 1.45s cubic-bezier(.2,.75,.18,1) .08s forwards}
.book-intro-overlay.rebuilt-book-intro.is-page-one .rebuilt-flip-page-one{animation:rebuiltTurnPage 1.45s cubic-bezier(.18,.76,.18,1) forwards}
.book-intro-overlay.rebuilt-book-intro.is-page-two .rebuilt-flip-page-two{animation:rebuiltTurnPage 1.28s cubic-bezier(.18,.76,.18,1) forwards}
.book-intro-overlay.rebuilt-book-intro.is-flip-burst .rebuilt-burst-pages{opacity:1}
.book-intro-overlay.rebuilt-book-intro.is-flip-burst .rebuilt-burst-pages span:nth-child(1){animation:rebuiltBurstFlip .52s cubic-bezier(.22,.82,.14,1) .00s forwards}
.book-intro-overlay.rebuilt-book-intro.is-flip-burst .rebuilt-burst-pages span:nth-child(2){animation:rebuiltBurstFlip .44s cubic-bezier(.22,.82,.14,1) .10s forwards}
.book-intro-overlay.rebuilt-book-intro.is-flip-burst .rebuilt-burst-pages span:nth-child(3){animation:rebuiltBurstFlip .36s cubic-bezier(.22,.82,.14,1) .18s forwards}
.book-intro-overlay.rebuilt-book-intro.is-flip-burst .rebuilt-burst-pages span:nth-child(4){animation:rebuiltBurstFlip .30s cubic-bezier(.22,.82,.14,1) .24s forwards}
.book-intro-overlay.rebuilt-book-intro.is-final-reveal .rebuilt-final-site-page{opacity:1;transform:scale(1)}
.book-intro-overlay.rebuilt-book-intro.is-final-reveal .rebuilt-preview-screen{opacity:1;transform:translateY(0) scale(1)}
.book-intro-overlay.rebuilt-book-intro.is-final-reveal .rebuilt-book-shell{animation:rebuiltBookSettle .95s ease forwards}
@keyframes rebuiltClosedCoverOpen{0%{transform:rotateY(0deg) translateX(0)}40%{transform:rotateY(-28deg) translateX(-6px)}100%{transform:rotateY(-155deg) translateX(-18px);opacity:0}}
@keyframes rebuiltCoverOpen{0%{transform:rotateY(0deg)}55%{transform:rotateY(-108deg)}100%{transform:rotateY(-154deg);opacity:.02}}
@keyframes rebuiltTurnPage{0%{transform:rotateY(0deg)}50%{transform:rotateY(-94deg)}100%{transform:rotateY(-178deg);opacity:0}}
@keyframes rebuiltBurstFlip{0%{transform:rotateY(0deg);opacity:.94}100%{transform:rotateY(-178deg);opacity:0}}
@keyframes rebuiltBookSettle{0%{transform:translateY(16px) rotateX(9deg) rotateZ(-2deg) scale(1)}100%{transform:translateY(4px) rotateX(6deg) rotateZ(-1deg) scale(1.01)}}
@keyframes rebuiltStarPulse{0%,100%{transform:scale(1);opacity:.72}50%{transform:scale(1.12);opacity:.38}}
@media (max-width: 991.98px){
  .rebuilt-book-stage{min-height:520px}
  .rebuilt-book-shell{width:min(700px,90vw)}
  .rebuilt-book-cover-face strong,.rebuilt-closed-book-face strong{font-size:2.2rem}
  .rebuilt-left-page h3,.rebuilt-page-face h3{font-size:1.55rem}
}
@media (max-width: 767.98px){
  .book-intro-overlay.rebuilt-book-intro{padding:1rem}
  .rebuilt-book-skip{top:.25rem;right:.25rem;padding:.58rem .88rem;font-size:.88rem}
  .rebuilt-book-stage{min-height:360px}
  .rebuilt-book-shadow{bottom:44px;width:88%;height:46px}
  .rebuilt-book-shell{width:96vw;transform:translateY(8px) rotateX(8deg) rotateZ(-1deg) scale(.98)}
  .rebuilt-book-spine{width:28px;border-radius:10px 0 0 10px}
  .rebuilt-closed-book-spine{left:-14px;width:22px;border-radius:10px 0 0 10px}
  .rebuilt-book-spine span,.rebuilt-closed-book-spine span{font-size:.48rem;letter-spacing:.12em}
  .rebuilt-left-page,.rebuilt-right-page,.rebuilt-flip-page,.rebuilt-book-cover{border-radius:0 14px 14px 0}
  .rebuilt-left-page{border-radius:14px 0 0 14px;padding:1rem .9rem .9rem 1rem}
  .rebuilt-right-base{padding:.55rem}
  .rebuilt-page-face{padding:1rem .9rem .9rem 1rem}
  .rebuilt-book-cover-face,.rebuilt-closed-book-face{padding:1rem .9rem 1rem 1.1rem}
  .rebuilt-cover-pill{font-size:.52rem}
  .rebuilt-book-cover-face strong,.rebuilt-closed-book-face strong{font-size:1.2rem;margin-top:.5rem}
  .rebuilt-book-cover-face small,.rebuilt-closed-book-face small{font-size:.66rem;line-height:1.5;margin-top:.45rem}
  .rebuilt-left-page h3,.rebuilt-page-face h3{font-size:.92rem;margin-bottom:.45rem}
  .rebuilt-left-page p,.rebuilt-page-face p{font-size:.58rem;line-height:1.45}
  .rebuilt-page-label{font-size:.44rem;margin-bottom:.35rem}
  .rebuilt-page-footer{margin-top:.55rem;gap:.3rem}
  .rebuilt-page-footer span{font-size:.46rem;padding:.28rem .42rem}
  .rebuilt-site-mini-hero{padding:.55rem;border-radius:10px}
  .rebuilt-site-mini-hero strong{font-size:.54rem;line-height:1.25}
  .rebuilt-site-mini-hero small{font-size:.42rem;margin-top:.2rem;line-height:1.3}
  .rebuilt-site-mini-row{gap:.28rem;margin-top:.45rem}
  .rebuilt-site-mini-cards{gap:.4rem;margin-top:.45rem}
  .rebuilt-site-mini-cards span{height:38px;border-radius:10px}
  .rebuilt-preview-screen{left:11%;top:12%;width:78%;height:74%}
  .rebuilt-preview-window{padding:.6rem;border-radius:16px}
  .rebuilt-preview-topbar{gap:.25rem;margin-bottom:.45rem}
  .rebuilt-preview-topbar span{width:6px;height:6px}
  .rebuilt-preview-hero{padding:.65rem;border-radius:12px;min-height:66px}
  .rebuilt-preview-hero small{font-size:.42rem}
  .rebuilt-preview-hero strong{font-size:.7rem;line-height:1.25;max-width:7rem;margin-top:.24rem}
  .rebuilt-preview-grid{gap:.38rem;margin-top:.5rem}
  .rebuilt-preview-grid span{height:42px;border-radius:10px}
  .rebuilt-preview-strip{height:10px;margin-top:.55rem}
}

/* Step 39 cinematic realistic book intro */
.book-intro-overlay.cinematic-book-intro{
  position:fixed;
  inset:0;
  z-index:1100;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:2rem;
  overflow:hidden;
  background:
    radial-gradient(circle at 18% 22%, rgba(147,223,255,.28), transparent 26%),
    radial-gradient(circle at 82% 78%, rgba(101,167,255,.20), transparent 28%),
    linear-gradient(135deg, #061634 0%, #0d2f74 46%, #2270db 100%);
}
.cinematic-book-intro::before{
  content:'';
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, rgba(255,255,255,.06), transparent 24%, rgba(255,255,255,.03) 55%, rgba(2,10,24,.14));
  pointer-events:none;
}
.cinematic-book-atmosphere{position:absolute;inset:0;pointer-events:none}
.cinematic-book-atmosphere span{position:absolute;border-radius:999px;background:radial-gradient(circle, rgba(255,255,255,.95), rgba(255,255,255,0));opacity:.8;animation:cinematicSparkle 6s ease-in-out infinite}
.cinematic-book-atmosphere span:nth-child(1){width:180px;height:180px;left:8%;top:14%;opacity:.16;filter:blur(6px)}
.cinematic-book-atmosphere span:nth-child(2){width:260px;height:260px;right:2%;bottom:8%;opacity:.12;filter:blur(10px)}
.cinematic-book-atmosphere span:nth-child(3){width:8px;height:8px;left:19%;top:28%}
.cinematic-book-atmosphere span:nth-child(4){width:10px;height:10px;right:22%;top:23%}
.cinematic-book-atmosphere span:nth-child(5){width:7px;height:7px;left:30%;bottom:20%}
.cinematic-book-atmosphere span:nth-child(6){width:9px;height:9px;right:31%;bottom:26%}
.cinematic-book-skip{
  position:absolute;
  top:1.3rem;
  right:1.5rem;
  z-index:20;
  border:none;
  border-radius:999px;
  padding:.72rem 1rem;
  color:#eff8ff;
  font-weight:800;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.16);
  backdrop-filter:blur(8px);
}
.cinematic-book-stage{
  position:relative;
  width:min(960px, 100%);
  min-height:660px;
  display:flex;
  align-items:center;
  justify-content:center;
  perspective:2200px;
}
.cinematic-book-shadow{
  position:absolute;
  width:min(720px, 84vw);
  height:76px;
  bottom:92px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(3,10,24,.48), transparent 70%);
  filter:blur(18px);
}
.cinematic-book-shell{
  position:relative;
  width:min(760px, 86vw);
  aspect-ratio:1.6 / 1;
  transform-style:preserve-3d;
  transform:translateY(8px) rotateX(4deg) rotateZ(-1.4deg);
}
.cinematic-closed-book,
.cinematic-open-book,
.cinematic-preview-reveal{position:absolute;inset:0;transform-style:preserve-3d}
.cinematic-closed-book{
  z-index:15;
  opacity:1;
  transform-origin:left center;
  border-radius:24px;
  box-shadow:0 34px 60px rgba(3,13,42,.34);
  animation:cinematicBookFloat 5.8s ease-in-out infinite alternate;
}
.cinematic-closed-spine{
  position:absolute;
  left:-34px;
  top:8%;
  bottom:6%;
  width:50px;
  border-radius:18px 0 0 18px;
  background:linear-gradient(180deg, #031640 0%, #0b327f 58%, #2d77ff 100%);
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow:0 16px 30px rgba(3,13,42,.22), inset 0 0 0 1px rgba(255,255,255,.08);
}
.cinematic-closed-spine span,
.cinematic-book-spine span{
  writing-mode:vertical-rl;
  transform:rotate(180deg);
  color:#f4fbff;
  font-size:.84rem;
  letter-spacing:.24em;
  text-transform:uppercase;
  font-weight:900;
}
.cinematic-closed-cover{
  position:absolute;
  inset:0 0 0 0;
  border-radius:24px;
  padding:2.4rem 2.3rem 2.3rem 2.7rem;
  color:#f5fbff;
  background:
    radial-gradient(circle at top right, rgba(255,255,255,.18), transparent 26%),
    linear-gradient(145deg, #08225c 0%, #1040a3 48%, #2f85ff 82%, #91e5ff 100%);
  border:1px solid rgba(255,255,255,.14);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18), inset 0 -28px 54px rgba(2,17,56,.16);
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:flex-start;
}
.cinematic-closed-cover::before,
.cinematic-book-cover::before{
  content:'';
  position:absolute;
  left:18px;
  top:18px;
  bottom:18px;
  width:13px;
  border-radius:999px;
  background:linear-gradient(180deg, rgba(233,248,255,.68), rgba(18,80,190,.62));
}
.cinematic-closed-cover::after,
.cinematic-book-cover::after{
  content:'';
  position:absolute;
  inset:16px;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.16);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.05);
  pointer-events:none;
}
.cinematic-cover-badge{
  display:inline-flex;
  align-items:center;
  padding:.42rem .7rem;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.18);
  background:rgba(255,255,255,.1);
  font-size:.74rem;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.cinematic-closed-cover strong,
.cinematic-book-cover-face strong{
  display:block;
  margin-top:1rem;
  font-size:3.35rem;
  line-height:1.02;
  letter-spacing:.01em;
  text-shadow:0 14px 28px rgba(4,19,56,.26);
}
.cinematic-closed-cover small,
.cinematic-book-cover-face small{
  display:block;
  max-width:22rem;
  margin-top:.9rem;
  color:rgba(245,251,255,.92);
  font-size:1rem;
  line-height:1.7;
}
.cinematic-cover-lines{display:flex;gap:.7rem;margin-top:1.45rem}
.cinematic-cover-lines span{display:block;width:58px;height:4px;border-radius:999px;background:rgba(255,255,255,.34)}
.cinematic-page-edge{
  position:absolute;
  right:-10px;
  top:5.4%;
  bottom:5.4%;
  width:22px;
  border-radius:0 20px 20px 0;
  background:linear-gradient(180deg, #f9fdff 0%, #dbeaff 22%, #f8fbff 46%, #d2e6ff 70%, #f8fcff 100%);
  box-shadow:inset 0 0 0 1px rgba(117,158,219,.12), 8px 0 18px rgba(5,17,44,.1);
}
.cinematic-open-book{
  opacity:0;
  transform:translateY(8px) scale(.99);
  transition:opacity .45s ease, transform .6s ease;
}
.cinematic-book-spine{
  position:absolute;
  left:7%;
  top:11%;
  bottom:11%;
  width:56px;
  border-radius:18px 0 0 18px;
  background:linear-gradient(180deg,#041942 0%, #0b327f 58%, #2f7dff 100%);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.08), 0 14px 30px rgba(3,13,42,.22);
  display:flex;
  align-items:center;
  justify-content:center;
  z-index:2;
}
.cinematic-page,
.cinematic-turn-page,
.cinematic-book-cover{
  position:absolute;
  top:10%;
  bottom:10%;
  width:47.5%;
  transform-origin:left center;
  transform-style:preserve-3d;
  backface-visibility:hidden;
}
.cinematic-page{border-radius:0 24px 24px 0;border:1px solid rgba(83,117,171,.12);box-shadow:0 22px 40px rgba(6,24,71,.1), inset 0 1px 0 rgba(255,255,255,.58);padding:2rem 1.9rem;background:linear-gradient(180deg,#fffef9,#f2e6ce)}
.cinematic-page::before,.cinematic-turn-face::before{content:'';position:absolute;left:18px;right:18px;top:28px;height:1px;background:linear-gradient(90deg, transparent, rgba(130,95,43,.26), transparent)}
.cinematic-page::after,.cinematic-turn-face::after{content:'';position:absolute;left:0;top:0;bottom:0;width:26px;background:linear-gradient(90deg, rgba(117,84,43,.12), rgba(255,255,255,0));pointer-events:none}
.cinematic-page-left{left:14%;border-radius:24px 0 0 24px;padding-right:2.2rem;box-shadow:0 22px 40px rgba(6,24,71,.1), inset -18px 0 22px rgba(117,84,43,.08)}
.cinematic-page-left::after{left:auto;right:0;width:24px;background:linear-gradient(90deg, rgba(117,84,43,.14), rgba(255,255,255,0))}
.cinematic-page-right{right:4%;padding-left:2.3rem;background:linear-gradient(180deg,#fffefb,#eef6ff);box-shadow:0 22px 40px rgba(6,24,71,.08), inset 18px 0 24px rgba(42,102,196,.08)}
.cinematic-page-kicker{display:inline-block;font-size:.76rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase;color:#2a67cb;margin-bottom:.95rem}
.cinematic-page h3,.cinematic-turn-face h3{margin:0 0 .9rem;font-size:1.95rem;line-height:1.12;color:#17375a;letter-spacing:-.03em}
.cinematic-page p,.cinematic-turn-face p{margin:0;color:#556f90;line-height:1.8;font-size:1rem}
.cinematic-page-tags{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:1.3rem}
.cinematic-page-tags span{display:inline-flex;align-items:center;padding:.54rem .82rem;border-radius:999px;background:rgba(31,94,212,.08);border:1px solid rgba(31,94,212,.11);font-size:.77rem;font-weight:800;color:#275db7}
.cinematic-site-page{height:100%;border-radius:18px;background:linear-gradient(180deg,#ffffff,#eef5ff);border:1px solid rgba(60,116,208,.12);padding:1rem;box-shadow:0 18px 34px rgba(6,24,71,.08)}
.cinematic-site-topbar,.cinematic-preview-topbar{display:flex;gap:.38rem;margin-bottom:.8rem}
.cinematic-site-topbar span,.cinematic-preview-topbar span{width:10px;height:10px;border-radius:50%;background:#cadffe}
.cinematic-site-hero,.cinematic-preview-banner{border-radius:18px;padding:1.2rem;background:linear-gradient(135deg,#1655d6,#8cddff);color:#f7fbff;box-shadow:0 14px 26px rgba(22,85,214,.22)}
.cinematic-site-hero small,.cinematic-preview-banner small{display:block;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:rgba(247,251,255,.84)}
.cinematic-site-hero strong,.cinematic-preview-banner strong{display:block;margin-top:.55rem;font-size:1.2rem;line-height:1.34}
.cinematic-site-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:.55rem;margin-top:1rem}
.cinematic-site-strip span,.cinematic-preview-grid span{display:block;height:14px;border-radius:999px;background:linear-gradient(90deg,#cde1ff,#eef5ff)}
.cinematic-site-cards,.cinematic-preview-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.72rem;margin-top:1rem}
.cinematic-site-cards span,.cinematic-preview-grid span{display:block;height:86px;border-radius:17px;background:linear-gradient(180deg,#fafcff,#e3efff);border:1px solid rgba(60,116,208,.1)}
.cinematic-turn-page,.cinematic-book-cover{right:4%;z-index:8;filter:drop-shadow(0 16px 22px rgba(6,24,71,.12))}
.cinematic-turn-page{width:48.2%}
.cinematic-turn-face,.cinematic-book-cover-face{
  position:absolute;
  inset:0;
  backface-visibility:hidden;
  overflow:hidden;
  border-radius:0 24px 24px 0;
}
.cinematic-turn-face{padding:2rem 1.85rem 1.8rem 2rem;background:linear-gradient(180deg,#fffef9,#edf5ff);border:1px solid rgba(83,117,171,.12);box-shadow:inset 0 0 0 1px rgba(255,255,255,.54);display:flex;flex-direction:column;justify-content:center}
.cinematic-turn-back{transform:rotateY(180deg);background:linear-gradient(180deg,#fffdf6,#e8f1ff)}
.cinematic-turn-one{z-index:8}
.cinematic-turn-two{z-index:9}
.cinematic-book-cover{width:48.6%;z-index:10;background:linear-gradient(145deg, #08225c 0%, #1040a3 48%, #2f85ff 82%, #91e5ff 100%);box-shadow:0 28px 50px rgba(3,13,42,.32), inset 0 1px 0 rgba(255,255,255,.2)}
.cinematic-book-cover-face{padding:2.2rem 1.9rem 2rem 2.3rem;color:#f4fbff;display:flex;flex-direction:column;justify-content:center}
.cinematic-burst-pages{position:absolute;right:4%;top:10%;bottom:10%;width:48.4%;opacity:0;pointer-events:none;z-index:7}
.cinematic-burst-pages span{position:absolute;inset:0;border-radius:0 24px 24px 0;background:linear-gradient(180deg,#fffef9,#e7f1ff);border:1px solid rgba(83,117,171,.12);box-shadow:0 12px 22px rgba(6,24,71,.08);transform-origin:left center;opacity:0;overflow:hidden}
.cinematic-burst-pages span::before{content:'';position:absolute;inset:22px;background:repeating-linear-gradient(180deg, rgba(31,94,212,.08) 0 2px, transparent 2px 18px)}
.cinematic-burst-pages span:nth-child(1){transform:translateX(-2px)}
.cinematic-burst-pages span:nth-child(2){transform:translateX(4px)}
.cinematic-burst-pages span:nth-child(3){transform:translateX(9px)}
.cinematic-burst-pages span:nth-child(4){transform:translateX(14px)}
.cinematic-burst-pages span:nth-child(5){transform:translateX(19px)}
.cinematic-burst-pages span:nth-child(6){transform:translateX(24px)}
.cinematic-preview-reveal{
  position:absolute;
  left:18%;
  top:15%;
  width:64%;
  height:66%;
  opacity:0;
  transform:translateY(14px) scale(.84);
  transition:opacity .48s ease, transform .95s cubic-bezier(.16,.76,.14,1), inset .95s cubic-bezier(.16,.76,.14,1), width .95s cubic-bezier(.16,.76,.14,1), height .95s cubic-bezier(.16,.76,.14,1), border-radius .95s cubic-bezier(.16,.76,.14,1);
  z-index:18;
  pointer-events:none;
}
.cinematic-preview-window{height:100%;border-radius:28px;background:linear-gradient(180deg,#ffffff,#eff5ff);border:1px solid rgba(60,116,208,.12);box-shadow:0 28px 60px rgba(6,24,71,.18);padding:1.1rem}
.cinematic-preview-grid{margin-top:1rem}
.cinematic-preview-line{height:18px;border-radius:999px;background:linear-gradient(90deg,#d1e4ff,#eef5ff);margin-top:1rem}
.book-intro-overlay.cinematic-book-intro.is-opening .cinematic-closed-book{animation:cinematicClosedOpen 1.65s cubic-bezier(.2,.78,.18,1) forwards}
.book-intro-overlay.cinematic-book-intro.is-opening .cinematic-open-book{opacity:1;transform:translateY(0) scale(1)}
.book-intro-overlay.cinematic-book-intro.is-opening .cinematic-book-cover{animation:cinematicCoverOpen 1.65s cubic-bezier(.18,.76,.18,1) .12s forwards}
.book-intro-overlay.cinematic-book-intro.is-page-one .cinematic-turn-one{animation:cinematicPageTurn 1.5s cubic-bezier(.18,.76,.18,1) forwards}
.book-intro-overlay.cinematic-book-intro.is-page-two .cinematic-turn-two{animation:cinematicPageTurn 1.35s cubic-bezier(.18,.76,.18,1) forwards}
.book-intro-overlay.cinematic-book-intro.is-flip-burst .cinematic-burst-pages{opacity:1}
.book-intro-overlay.cinematic-book-intro.is-flip-burst .cinematic-burst-pages span:nth-child(1){animation:cinematicBurst .58s cubic-bezier(.22,.82,.14,1) 0s forwards}
.book-intro-overlay.cinematic-book-intro.is-flip-burst .cinematic-burst-pages span:nth-child(2){animation:cinematicBurst .50s cubic-bezier(.22,.82,.14,1) .10s forwards}
.book-intro-overlay.cinematic-book-intro.is-flip-burst .cinematic-burst-pages span:nth-child(3){animation:cinematicBurst .44s cubic-bezier(.22,.82,.14,1) .19s forwards}
.book-intro-overlay.cinematic-book-intro.is-flip-burst .cinematic-burst-pages span:nth-child(4){animation:cinematicBurst .38s cubic-bezier(.22,.82,.14,1) .26s forwards}
.book-intro-overlay.cinematic-book-intro.is-flip-burst .cinematic-burst-pages span:nth-child(5){animation:cinematicBurst .34s cubic-bezier(.22,.82,.14,1) .32s forwards}
.book-intro-overlay.cinematic-book-intro.is-flip-burst .cinematic-burst-pages span:nth-child(6){animation:cinematicBurst .30s cubic-bezier(.22,.82,.14,1) .37s forwards}
.book-intro-overlay.cinematic-book-intro.is-final-reveal .cinematic-preview-reveal{opacity:1;transform:translateY(0) scale(1);left:5%;top:5%;width:90%;height:90%;border-radius:32px}
.book-intro-overlay.cinematic-book-intro.is-final-reveal .cinematic-open-book{opacity:.24;transform:translateY(-8px) scale(.98)}
.book-intro-overlay.cinematic-book-intro.is-final-reveal .cinematic-book-shell{animation:cinematicShellSettle .95s ease forwards}
@keyframes cinematicClosedOpen{
  0%{transform:rotateY(0deg) translateX(0);opacity:1}
  100%{transform:rotateY(-156deg) translateX(-22px);opacity:0}
}
@keyframes cinematicCoverOpen{
  0%{transform:rotateY(0deg)}
  100%{transform:rotateY(-164deg);opacity:.02}
}
@keyframes cinematicPageTurn{
  0%{transform:rotateY(0deg);opacity:1}
  50%{transform:rotateY(-96deg);opacity:1}
  100%{transform:rotateY(-178deg);opacity:0}
}
@keyframes cinematicBurst{
  0%{transform:rotateY(0deg);opacity:.96}
  100%{transform:rotateY(-178deg);opacity:0}
}
@keyframes cinematicShellSettle{
  0%{transform:translateY(8px) rotateX(4deg) rotateZ(-1.4deg)}
  100%{transform:translateY(2px) rotateX(2deg) rotateZ(-.8deg)}
}
@keyframes cinematicBookFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
@keyframes cinematicSparkle{0%,100%{transform:scale(1);opacity:.74}50%{transform:scale(1.12);opacity:.34}}
@media (max-width: 991.98px){
  .cinematic-book-stage{min-height:520px}
  .cinematic-book-shell{width:min(680px,92vw)}
  .cinematic-closed-cover strong,.cinematic-book-cover-face strong{font-size:2.5rem}
  .cinematic-page h3,.cinematic-turn-face h3{font-size:1.45rem}
}
@media (max-width: 767.98px){
  .book-intro-overlay.cinematic-book-intro{padding:1rem}
  .cinematic-book-skip{top:.8rem;right:.8rem;padding:.58rem .86rem;font-size:.88rem}
  .cinematic-book-stage{min-height:360px}
  .cinematic-book-shadow{bottom:42px;height:44px;width:88%}
  .cinematic-book-shell{width:96vw}
  .cinematic-closed-spine{left:-16px;width:24px;border-radius:10px 0 0 10px}
  .cinematic-closed-spine span,.cinematic-book-spine span{font-size:.46rem;letter-spacing:.14em}
  .cinematic-book-spine{width:30px;border-radius:10px 0 0 10px}
  .cinematic-page,.cinematic-turn-page,.cinematic-book-cover{top:12%;bottom:12%;border-radius:0 14px 14px 0}
  .cinematic-page-left{border-radius:14px 0 0 14px}
  .cinematic-turn-face,.cinematic-book-cover-face{border-radius:0 14px 14px 0}
  .cinematic-closed-cover,.cinematic-book-cover-face{padding:1rem 1rem 1rem 1.15rem}
  .cinematic-closed-cover strong,.cinematic-book-cover-face strong{font-size:1.3rem;margin-top:.52rem}
  .cinematic-closed-cover small,.cinematic-book-cover-face small{font-size:.67rem;line-height:1.45;margin-top:.4rem;max-width:10rem}
  .cinematic-cover-badge{font-size:.54rem;padding:.28rem .45rem}
  .cinematic-cover-lines{gap:.3rem;margin-top:.7rem}
  .cinematic-cover-lines span{width:24px;height:3px}
  .cinematic-page,.cinematic-turn-face{padding:1rem .85rem .9rem 1rem}
  .cinematic-page h3,.cinematic-turn-face h3{font-size:.96rem;margin-bottom:.45rem;max-width:8rem}
  .cinematic-page p,.cinematic-turn-face p{font-size:.62rem;line-height:1.45}
  .cinematic-page-tags{gap:.3rem;margin-top:.6rem}
  .cinematic-page-tags span{font-size:.53rem;padding:.28rem .42rem}
  .cinematic-page-kicker{font-size:.52rem;margin-bottom:.42rem}
  .cinematic-site-page{padding:.55rem;border-radius:11px}
  .cinematic-site-topbar span,.cinematic-preview-topbar span{width:6px;height:6px}
  .cinematic-site-hero,.cinematic-preview-banner{padding:.65rem;border-radius:12px}
  .cinematic-site-hero strong,.cinematic-preview-banner strong{font-size:.72rem;margin-top:.25rem;max-width:7rem}
  .cinematic-site-hero small,.cinematic-preview-banner small{font-size:.42rem}
  .cinematic-site-strip{gap:.3rem;margin-top:.48rem}
  .cinematic-site-strip span{height:8px}
  .cinematic-site-cards,.cinematic-preview-grid{gap:.38rem;margin-top:.5rem}
  .cinematic-site-cards span,.cinematic-preview-grid span{height:42px;border-radius:9px}
  .cinematic-preview-window{padding:.58rem;border-radius:16px}
  .cinematic-preview-line{height:10px;margin-top:.55rem}
}

/* Step 40 - next-level bookstore intro rebuild */
.eg-intro-overlay{
    position:fixed;
    inset:0;
    z-index:1065;
    overflow:hidden;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:1.5rem;
    background:
        radial-gradient(circle at 20% 18%, rgba(132, 214, 255, .22), transparent 26%),
        radial-gradient(circle at 82% 78%, rgba(95, 164, 255, .28), transparent 24%),
        linear-gradient(135deg, #04132f 0%, #0a2f75 44%, #0f5ecf 78%, #8ddcff 100%);
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transition:opacity .65s ease, visibility .65s ease;
}
.eg-intro-overlay.is-active{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
}
.eg-intro-overlay.is-finished{
    opacity:0;
    visibility:hidden;
    pointer-events:none;
}
.eg-intro-backdrop,
.eg-intro-stage{
    position:relative;
    z-index:1;
}
.eg-intro-backdrop{position:absolute;inset:0;pointer-events:none;}
.eg-intro-orb{position:absolute;border-radius:50%;filter:blur(18px);opacity:.95;}
.eg-intro-orb-left{width:24rem;height:24rem;left:-6rem;top:-5rem;background:radial-gradient(circle, rgba(146, 228, 255, .38), transparent 68%);}
.eg-intro-orb-right{width:22rem;height:22rem;right:-7rem;bottom:-4rem;background:radial-gradient(circle, rgba(140, 174, 255, .34), transparent 68%);}
.eg-intro-spark{position:absolute;width:.6rem;height:.6rem;border-radius:999px;background:radial-gradient(circle, rgba(255,255,255,.98), rgba(188,236,255,.48) 60%, transparent 74%);box-shadow:0 0 18px rgba(195,240,255,.55);animation:egSparkFloat 7s ease-in-out infinite;}
.eg-intro-spark-1{left:13%;top:17%;animation-delay:.2s}
.eg-intro-spark-2{left:77%;top:20%;animation-delay:1.3s}
.eg-intro-spark-3{left:22%;top:72%;animation-delay:2.5s}
.eg-intro-spark-4{left:82%;top:68%;animation-delay:1.9s}
.eg-intro-spark-5{left:58%;top:28%;animation-delay:3.1s}
.eg-intro-spark-6{left:64%;top:80%;animation-delay:.9s}
.eg-intro-skip{
    position:absolute;
    top:1.2rem;
    right:1.2rem;
    z-index:4;
    border:none;
    background:rgba(255,255,255,.08);
    color:#f7fbff;
    border-radius:999px;
    padding:.7rem 1rem;
    font-weight:800;
    letter-spacing:.02em;
    box-shadow:0 12px 32px rgba(4,19,47,.16);
    border:1px solid rgba(255,255,255,.15);
    backdrop-filter:blur(10px);
}
.eg-intro-skip:hover{background:rgba(255,255,255,.14)}
.eg-intro-stage{width:min(1100px, 100%);display:flex;align-items:center;justify-content:center;min-height:min(760px, 88vh);}
.eg-intro-pedestal{position:absolute;bottom:8.5%;width:min(680px, 78vw);height:3rem;border-radius:50%;background:radial-gradient(circle, rgba(8,22,59,.62), transparent 72%);filter:blur(20px);transform:translateY(.6rem);}
.eg-book-shell{position:relative;width:min(800px, 92vw);height:min(520px, 72vh);display:flex;align-items:center;justify-content:center;}
.eg-book-shadow{position:absolute;bottom:10%;left:50%;width:70%;height:3.4rem;transform:translateX(-50%);border-radius:50%;background:radial-gradient(circle, rgba(4,17,45,.58), transparent 72%);filter:blur(16px);}
.eg-book-core{position:relative;width:min(620px, 82vw);height:min(380px, 48vw);min-height:300px;transform-style:preserve-3d;perspective:2000px;}
.eg-book-spine,
.eg-book-pages-base,
.eg-book-page,
.eg-book-cover,
.eg-book-flip-page{position:absolute;inset:0;border-radius:1.8rem;transform-style:preserve-3d;}
.eg-book-spine{inset:3.5% auto 3.5% 7.4%;width:3.2rem;border-radius:1.6rem;background:linear-gradient(180deg, #0b2b75 0%, #123e9f 52%, #0a215d 100%);box-shadow:inset 1px 0 0 rgba(255,255,255,.14), 0 20px 36px rgba(4,16,46,.26);z-index:2;display:flex;align-items:center;justify-content:center;overflow:hidden;}
.eg-book-spine::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg, rgba(255,255,255,.18), transparent 22%, transparent 78%, rgba(0,0,0,.18));}
.eg-book-spine span{writing-mode:vertical-rl;transform:rotate(180deg);font-size:.86rem;letter-spacing:.28rem;text-transform:uppercase;color:#f3fbff;font-weight:900;}
.eg-book-pages-base{inset:6% 4% 6% 10%;background:linear-gradient(90deg, #ecf7ff 0%, #ffffff 12%, #f6fbff 47%, #ffffff 54%, #edf7ff 100%);box-shadow:0 30px 54px rgba(5,21,58,.18), inset 0 0 0 1px rgba(141,181,255,.18);z-index:1;overflow:hidden;}
.eg-book-pages-base::before{content:'';position:absolute;left:50%;top:0;bottom:0;width:1.2rem;transform:translateX(-50%);background:linear-gradient(180deg, rgba(20,67,145,.06), rgba(255,255,255,.74) 26%, rgba(131,186,255,.18) 50%, rgba(255,255,255,.76) 74%, rgba(20,67,145,.08));filter:blur(1px);}
.eg-book-page{inset:6.8% 4.8% 6.8% 10.8%;display:flex;align-items:stretch;justify-content:stretch;overflow:hidden;backface-visibility:hidden;}
.eg-book-page-inner,
.eg-book-page-preview{position:relative;flex:1;border-radius:1.2rem;background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(239,248,255,.98));box-shadow:inset 0 0 0 1px rgba(133,177,255,.15);padding:2rem 2rem 1.8rem;}
.eg-book-page-kicker{display:inline-flex;padding:.45rem .78rem;border-radius:999px;background:rgba(30,96,209,.08);color:#2c68d4;font-size:.78rem;font-weight:900;letter-spacing:.11rem;text-transform:uppercase;}
.eg-book-page h3{margin:1.1rem 0 .85rem;font-size:clamp(1.4rem, 2vw, 2rem);line-height:1.18;color:#153560;max-width:15ch;}
.eg-book-page p{margin:0;color:#527194;font-size:1rem;line-height:1.72;max-width:32ch;}
.eg-book-page-lines{display:grid;gap:.55rem;margin-top:1.3rem;}
.eg-book-page-lines span{display:block;height:.7rem;border-radius:999px;background:linear-gradient(90deg, rgba(44,104,212,.16), rgba(117,206,255,.26));}
.eg-book-page-lines span:nth-child(1){width:88%}
.eg-book-page-lines span:nth-child(2){width:72%}
.eg-book-page-lines span:nth-child(3){width:80%}
.eg-book-page-static-right{z-index:2}
.eg-book-page-preview{display:flex;flex-direction:column;gap:1rem;padding:1.4rem 1.4rem 1.2rem;}
.eg-book-preview-topbar,
.eg-intro-preview-topbar{display:flex;gap:.45rem}
.eg-book-preview-topbar span,
.eg-intro-preview-topbar span{width:.72rem;height:.72rem;border-radius:999px;background:linear-gradient(180deg, rgba(42,115,219,.4), rgba(138,225,255,.85));}
.eg-book-preview-hero{padding:1.2rem 1.1rem;border-radius:1rem;background:linear-gradient(135deg, rgba(17,61,149,.95), rgba(88,198,255,.88));color:#f7fbff;box-shadow:0 18px 34px rgba(10,33,83,.15);}
.eg-book-preview-hero small{display:block;font-size:.78rem;letter-spacing:.12rem;text-transform:uppercase;opacity:.86;margin-bottom:.45rem;}
.eg-book-preview-hero strong{display:block;font-size:1.3rem;line-height:1.28;font-weight:800;max-width:16ch;}
.eg-book-preview-row{height:.95rem;border-radius:999px;background:linear-gradient(90deg, rgba(43,104,213,.15), rgba(129,221,255,.34));}
.eg-book-preview-row-wide{width:84%}
.eg-book-preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-top:auto;}
.eg-book-preview-grid span{display:block;height:4.6rem;border-radius:1rem;background:linear-gradient(180deg, rgba(240,248,255,.95), rgba(226,242,255,.94));box-shadow:inset 0 0 0 1px rgba(123,176,255,.16);}
.eg-book-flip-stack{position:absolute;inset:6.8% 4.8% 6.8% 50%;z-index:4;pointer-events:none;transform-style:preserve-3d;}
.eg-book-flip-page{left:-2%;right:0;top:0;bottom:0;transform-origin:left center;background:linear-gradient(180deg, #ffffff, #eef7ff);box-shadow:0 16px 28px rgba(7,25,62,.12), inset 0 0 0 1px rgba(142,188,255,.14);backface-visibility:hidden;overflow:hidden;opacity:0;}
.eg-book-flip-page::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg, rgba(12,47,120,.04), transparent 18%, transparent 84%, rgba(83,175,255,.08));}
.eg-book-flip-page::after{content:'';position:absolute;left:1.35rem;right:1.35rem;top:1.6rem;height:58%;border-radius:1rem;background:linear-gradient(180deg, rgba(24,82,184,.06), rgba(128,212,255,.16));box-shadow:0 .9rem 0 rgba(31,102,207,.05), 0 2rem 0 rgba(31,102,207,.04);}
.eg-book-flip-page span{position:absolute;left:1.35rem;right:2rem;bottom:1.7rem;height:.85rem;border-radius:999px;background:linear-gradient(90deg, rgba(41,100,210,.18), rgba(140,221,255,.26));}
.eg-book-flip-page-1{z-index:7}
.eg-book-flip-page-2{z-index:8}
.eg-book-flip-page-3{z-index:9}
.eg-book-flip-page-4{z-index:10}
.eg-book-flip-page-5{z-index:11}
.eg-book-cover{inset:4.8% 4% 4.8% 8.4%;z-index:12;transform-origin:left center;background:linear-gradient(150deg, #0c2b77 0%, #1454d2 44%, #6ad3ff 100%);box-shadow:0 32px 56px rgba(3,18,49,.34), inset 0 0 0 1px rgba(231,248,255,.18);overflow:hidden;}
.eg-book-cover::before{content:'';position:absolute;left:1.05rem;top:.9rem;bottom:.9rem;width:.9rem;border-radius:999px;background:linear-gradient(180deg, rgba(220,243,255,.58), rgba(15,65,170,.52));box-shadow:1px 0 0 rgba(255,255,255,.18);}
.eg-book-cover::after{content:'';position:absolute;inset:0;background:linear-gradient(135deg, rgba(255,255,255,.22), transparent 24%, rgba(255,255,255,.08) 52%, transparent 74%);}
.eg-book-cover-inner{position:relative;z-index:1;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2.3rem 2.3rem 2.2rem 3.6rem;color:#f8fcff;}
.eg-book-cover-mark{display:inline-flex;align-items:center;justify-content:center;width:4.6rem;height:4.6rem;border-radius:1.4rem;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(4px);font-size:1.35rem;font-weight:900;letter-spacing:.08rem;box-shadow:0 18px 34px rgba(6,27,76,.18);}
.eg-book-cover-edition{display:block;margin-top:1rem;font-size:.76rem;letter-spacing:.16rem;text-transform:uppercase;font-weight:800;opacity:.85;}
.eg-book-cover-inner strong{display:block;margin-top:.55rem;font-size:clamp(2rem, 3.5vw, 3rem);line-height:1.05;font-weight:900;letter-spacing:.02em;text-shadow:0 12px 24px rgba(7,33,82,.24);}
.eg-book-cover-inner p{margin:1rem 0 0;max-width:21ch;font-size:1rem;line-height:1.72;color:rgba(248,252,255,.92);}
.eg-book-cover-rule{width:7rem;height:.28rem;margin-top:1.25rem;border-radius:999px;background:linear-gradient(90deg, rgba(255,255,255,.15), rgba(255,255,255,.78), rgba(255,255,255,.15));}
.eg-intro-glow{position:absolute;inset:12% 19%;border-radius:50%;background:radial-gradient(circle, rgba(143,225,255,.36), transparent 65%);filter:blur(18px);opacity:0;z-index:0;}
.eg-intro-preview-frame{position:absolute;inset:50% auto auto 50%;width:min(720px, 90vw);transform:translate(-50%, -50%) scale(.9);opacity:0;z-index:30;pointer-events:none;}
.eg-intro-preview-window{border-radius:2rem;padding:1rem;background:rgba(245,251,255,.16);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(20px);box-shadow:0 40px 90px rgba(3,16,44,.28);}
.eg-intro-preview-banner{margin-top:.85rem;border-radius:1.5rem;padding:1.6rem 1.5rem;background:linear-gradient(135deg, rgba(14,63,156,.96), rgba(101,208,255,.88));color:#f7fbff;}
.eg-intro-preview-banner small{display:block;font-size:.82rem;letter-spacing:.14rem;text-transform:uppercase;opacity:.84;margin-bottom:.45rem;}
.eg-intro-preview-banner strong{display:block;font-size:clamp(1.5rem, 2.2vw, 2.25rem);line-height:1.2;max-width:20ch;}
.eg-intro-preview-shelves{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.9rem;margin-top:1rem;}
.eg-intro-preview-shelves span{display:block;height:5.4rem;border-radius:1.2rem;background:linear-gradient(180deg, rgba(255,255,255,.92), rgba(224,242,255,.92));box-shadow:inset 0 0 0 1px rgba(146,194,255,.16);}
.eg-intro-preview-strip{height:.95rem;border-radius:999px;margin-top:1rem;background:linear-gradient(90deg, rgba(46,108,215,.16), rgba(139,224,255,.34));}

.eg-intro-overlay.is-active .eg-book-cover{animation:egCoverLift 2s cubic-bezier(.22,.69,.18,1) .55s forwards;}
.eg-intro-overlay.is-active .eg-book-page-static-left{animation:egLeftPageSettle 6.2s ease forwards;}
.eg-intro-overlay.is-active .eg-book-page-static-right{animation:egRightPageSettle 6.2s ease forwards;}
.eg-intro-overlay.is-active .eg-book-flip-page-1{animation:egFlipSlowOne 1.2s cubic-bezier(.3,.76,.22,1) 1.35s forwards;}
.eg-intro-overlay.is-active .eg-book-flip-page-2{animation:egFlipSlowTwo 1.15s cubic-bezier(.3,.76,.22,1) 2.15s forwards;}
.eg-intro-overlay.is-active .eg-book-flip-page-3{animation:egFlipBurst .8s cubic-bezier(.28,.76,.2,1) 3.18s forwards;}
.eg-intro-overlay.is-active .eg-book-flip-page-4{animation:egFlipBurst .72s cubic-bezier(.28,.76,.2,1) 3.45s forwards;}
.eg-intro-overlay.is-active .eg-book-flip-page-5{animation:egFlipBurst .64s cubic-bezier(.28,.76,.2,1) 3.68s forwards;}
.eg-intro-overlay.is-active .eg-intro-glow{animation:egPortalGlow 2.2s ease 3.55s forwards;}
.eg-intro-overlay.is-active .eg-intro-preview-frame{animation:egPreviewAppear 2.1s cubic-bezier(.19,.7,.18,1) 4.15s forwards;}
.eg-intro-overlay.is-active .eg-book-core{animation:egBookSinkAway 2s ease 4.25s forwards;}

@keyframes egSparkFloat{0%,100%{transform:translateY(0) scale(1);opacity:.55}50%{transform:translateY(-.8rem) scale(1.18);opacity:1}}
@keyframes egCoverLift{0%{transform:translateZ(14px) rotateY(0deg)}24%{transform:translateZ(22px) rotateY(-24deg)}58%{transform:translateZ(18px) rotateY(-118deg)}100%{transform:translateZ(10px) rotateY(-162deg);opacity:.86}}
@keyframes egLeftPageSettle{0%,100%{transform:none}70%{transform:translateX(-.2rem)}}
@keyframes egRightPageSettle{0%,100%{transform:none}78%{transform:translateX(.25rem)}}
@keyframes egFlipSlowOne{0%{opacity:1;transform:translateZ(22px) rotateY(0deg)}65%{opacity:1;transform:translateZ(20px) rotateY(-118deg)}100%{opacity:0;transform:translateZ(18px) rotateY(-160deg)}}
@keyframes egFlipSlowTwo{0%{opacity:1;transform:translateZ(26px) rotateY(0deg)}65%{opacity:1;transform:translateZ(24px) rotateY(-126deg)}100%{opacity:0;transform:translateZ(18px) rotateY(-164deg)}}
@keyframes egFlipBurst{0%{opacity:.95;transform:translateZ(30px) rotateY(0deg)}50%{opacity:1;transform:translateZ(24px) rotateY(-98deg)}100%{opacity:0;transform:translateZ(18px) rotateY(-166deg)}}
@keyframes egPortalGlow{0%{opacity:0;transform:scale(.72)}60%{opacity:1;transform:scale(1.02)}100%{opacity:.96;transform:scale(1.12)}}
@keyframes egPreviewAppear{0%{opacity:0;transform:translate(-50%, -50%) scale(.84)}50%{opacity:1;transform:translate(-50%, -50%) scale(.98)}100%{opacity:1;transform:translate(-50%, -50%) scale(1.08)}}
@keyframes egBookSinkAway{0%{opacity:1;transform:translateY(0) scale(1)}100%{opacity:0;transform:translateY(.8rem) scale(.92)}}

@media (max-width: 991.98px){
    .eg-intro-stage{min-height:min(660px, 84vh)}
    .eg-book-shell{height:520px}
    .eg-book-core{width:min(560px, 90vw);height:340px;min-height:0}
    .eg-book-cover-inner strong{font-size:2.15rem}
    .eg-book-page h3{font-size:1.35rem}
    .eg-intro-preview-shelves{grid-template-columns:repeat(3,minmax(0,1fr));}
}
@media (max-width: 767.98px){
    .eg-intro-overlay{padding:1rem}
    .eg-intro-skip{top:.95rem;right:.95rem;padding:.62rem .92rem;font-size:.92rem}
    .eg-intro-stage{min-height:min(600px, 82vh)}
    .eg-book-shell{height:440px}
    .eg-book-core{width:min(95vw, 520px);height:280px}
    .eg-book-spine{width:2.2rem}
    .eg-book-spine span{font-size:.64rem;letter-spacing:.16rem}
    .eg-book-cover-inner{padding:1.4rem 1.3rem 1.4rem 2.55rem}
    .eg-book-cover-mark{width:3.4rem;height:3.4rem;border-radius:1rem;font-size:1rem}
    .eg-book-cover-inner strong{font-size:1.6rem}
    .eg-book-cover-inner p{font-size:.84rem;line-height:1.56}
    .eg-book-page-inner, .eg-book-page-preview{padding:1rem .95rem .92rem}
    .eg-book-page-kicker{font-size:.58rem;letter-spacing:.08rem;padding:.32rem .55rem}
    .eg-book-page h3{margin:.7rem 0 .55rem;font-size:1rem;max-width:13ch}
    .eg-book-page p{font-size:.72rem;line-height:1.55;max-width:26ch}
    .eg-book-preview-hero{padding:.9rem .8rem}
    .eg-book-preview-hero strong{font-size:.86rem}
    .eg-book-preview-grid span{height:2.5rem;border-radius:.75rem}
    .eg-intro-preview-window{padding:.72rem;border-radius:1.4rem}
    .eg-intro-preview-banner{padding:1rem .95rem;border-radius:1.1rem}
    .eg-intro-preview-banner strong{font-size:1rem}
    .eg-intro-preview-shelves{gap:.55rem}
    .eg-intro-preview-shelves span{height:3rem;border-radius:.8rem}
}
@media (prefers-reduced-motion: reduce){
    .eg-intro-overlay,
    .eg-intro-overlay *{animation:none !important;transition:none !important}
}

/* Step 45 restore vintage intro and fix full-page turns */
.eg-book-page-static-left[data-eg-left-page]{
    inset:6.8% 50.2% 6.8% 10.8%;
    z-index:2;
}
.eg-book-page-static-right[data-eg-right-page]{
    inset:6.8% 4.8% 6.8% 50%;
    z-index:3;
}
.eg-book-page-static-left[data-eg-left-page] .eg-book-page-inner,
.eg-book-page-static-right[data-eg-right-page] .eg-book-page-inner{
    height:100%;
    border-radius:0;
}
.eg-book-page-static-left[data-eg-left-page] .eg-book-page-inner{
    border-radius:1.3rem 0 0 1.3rem;
    padding-right:1.6rem;
}
.eg-book-page-static-right[data-eg-right-page] .eg-book-page-inner{
    border-radius:0 1.3rem 1.3rem 0;
    padding-left:2.15rem;
}
.eg-book-page-static-left[data-eg-left-page]::after,
.eg-book-page-static-right[data-eg-right-page]::after{
    content:'';
    position:absolute;
    top:0;
    bottom:0;
    width:1.05rem;
    pointer-events:none;
    z-index:2;
}
.eg-book-page-static-left[data-eg-left-page]::after{
    right:-1px;
    background:linear-gradient(90deg, rgba(255,252,245,0), rgba(134,100,43,.10), rgba(255,252,245,0));
}
.eg-book-page-static-right[data-eg-right-page]::after{
    left:0;
    background:linear-gradient(90deg, rgba(88,59,20,.12), rgba(255,252,245,.0));
}
.eg-book-turn-leaf{
    position:absolute;
    inset:6.8% 4.8% 6.8% 50%;
    z-index:9;
    transform-origin:left center;
    transform-style:preserve-3d;
    pointer-events:none;
    will-change:transform, opacity;
    opacity:1;
    transition:opacity .14s ease;
}
.eg-book-turn-leaf::before{
    content:'';
    position:absolute;
    left:0;
    top:0;
    bottom:0;
    width:.95rem;
    background:linear-gradient(90deg, rgba(92,109,135,.12), rgba(255,251,245,0));
    border-radius:0 0 0 0;
    z-index:3;
    pointer-events:none;
}
.eg-book-turn-leaf.is-hidden{
    opacity:0;
}
.eg-book-turn-leaf.is-flipping{
    animation:egLeafTurnFull 1.02s cubic-bezier(.24,.72,.18,1) forwards;
}
.eg-book-turn-face{
    position:absolute;
    inset:0;
    backface-visibility:hidden;
    transform-style:preserve-3d;
    border-radius:0 1.3rem 1.3rem 0;
    overflow:hidden;
    box-shadow:0 18px 30px rgba(7,25,62,.14);
}
.eg-book-turn-face .eg-book-page-inner{
    height:100%;
    border-radius:0 1.3rem 1.3rem 0;
    padding-left:2.15rem;
}
.eg-book-turn-face-front{
    transform:rotateY(0deg);
}
.eg-book-turn-face-back{
    transform:rotateY(180deg);
}
.eg-book-turn-face-front .eg-book-page-inner{
    background:linear-gradient(180deg, #fffdf8, #f7f0e4);
}
.eg-book-turn-face-back .eg-book-page-inner{
    background:linear-gradient(180deg, #fffcf6, #f4ecde);
}
.eg-book-turn-face-front::after,
.eg-book-turn-face-back::after{
    content:'';
    position:absolute;
    inset:0;
    background:linear-gradient(90deg, rgba(103,119,145,.08), transparent 10%, transparent 88%, rgba(150,166,190,.06));
    pointer-events:none;
}
.eg-book-turn-face-back::after{
    background:linear-gradient(90deg, rgba(92,109,135,.12), transparent 12%, transparent 88%, rgba(150,166,190,.06));
}
.eg-book-core[data-vintage-intro-fix]{perspective:2600px;}
.eg-intro-overlay.is-active .eg-book-page-static-left,
.eg-intro-overlay.is-active .eg-book-page-static-right,
.eg-intro-overlay.is-active .eg-intro-glow,
.eg-intro-overlay.is-active .eg-intro-preview-frame,
.eg-intro-overlay.is-active .eg-book-core{
    animation:none !important;
}
.eg-intro-overlay.is-active .eg-book-cover{
    animation:egCoverLift 1.8s cubic-bezier(.22,.69,.18,1) .45s forwards;
}
.eg-intro-overlay.is-revealing .eg-intro-glow{
    animation:egPortalGlow 1.55s ease forwards;
}
.eg-intro-overlay.is-revealing .eg-intro-preview-frame{
    animation:egPreviewAppear 1.5s cubic-bezier(.19,.7,.18,1) .15s forwards;
}
.eg-intro-overlay.is-revealing .eg-book-core{
    animation:egBookSinkAway 1.45s ease .1s forwards;
}
@keyframes egLeafTurnFull{
    0%{transform:translateZ(18px) rotateY(0deg)}
    48%{transform:translateZ(22px) rotateY(-92deg)}
    100%{transform:translateZ(16px) rotateY(-180deg)}
}
@media (max-width: 767.98px){
    .eg-book-page-static-left[data-eg-left-page],
    .eg-book-page-static-right[data-eg-right-page],
    .eg-book-turn-leaf{inset:7.6% 5.4% 7.6% 50.4%;}
    .eg-book-page-static-left[data-eg-left-page]{right:50.4%;left:11.3%;}
    .eg-book-page-static-right[data-eg-right-page],
    .eg-book-turn-leaf{left:50.4%;right:5.4%;}
    .eg-book-page-static-left[data-eg-left-page] .eg-book-page-inner,
    .eg-book-page-static-right[data-eg-right-page] .eg-book-page-inner,
    .eg-book-turn-face .eg-book-page-inner{padding:1.2rem 1rem 1.1rem 1.2rem}
}

/* Step 45C final yellow tint fix for page turn */
.eg-book-pages-base{
    background:linear-gradient(
        90deg,
        #edf4ff 0%,
        #f9fcff 7%,
        #ffffff 16%,
        #f8fbff 49%,
        #e2ebf8 51%,
        #fbfdff 57%,
        #eef5ff 100%
    ) !important;
    box-shadow:0 30px 58px rgba(5,18,46,.19), inset 0 0 0 1px rgba(120,150,205,.10) !important;
}
.eg-book-pages-base::before{
    background:linear-gradient(
        180deg,
        rgba(69,96,148,.08),
        rgba(255,255,255,.92) 24%,
        rgba(133,160,212,.12) 50%,
        rgba(255,255,255,.94) 76%,
        rgba(69,96,148,.08)
    ) !important;
}
.eg-book-page-inner,
.eg-book-turn-face-front .eg-book-page-inner,
.eg-book-turn-face-back .eg-book-page-inner{
    background:linear-gradient(180deg, #ffffff 0%, #f5faff 100%) !important;
    box-shadow:inset 0 0 0 1px rgba(134,170,225,.10), inset 0 -18px 40px rgba(99,140,206,.04) !important;
}
.eg-book-page-inner::before,
.eg-book-turn-face .eg-book-page-inner::before{
    border-color:rgba(150,185,235,.12) !important;
}
.eg-book-page-lines span,
.eg-book-turn-face .eg-book-page-lines span{
    background:linear-gradient(90deg, rgba(96,137,204,.22), rgba(151,211,255,.14)) !important;
}
.eg-book-turn-leaf::before{
    background:linear-gradient(90deg, rgba(88,112,150,.08), rgba(255,255,255,0)) !important;
}
.eg-book-turn-face-front::after,
.eg-book-turn-face-back::after{
    background:linear-gradient(90deg, rgba(94,120,161,.08), transparent 12%, transparent 88%, rgba(168,196,232,.05)) !important;
}
.eg-book-page-static-left[data-eg-left-page]::after{
    background:linear-gradient(90deg, rgba(255,255,255,0), rgba(113,138,179,.08), rgba(255,255,255,0)) !important;
}
.eg-book-page-static-right[data-eg-right-page]::after{
    background:linear-gradient(90deg, rgba(102,128,170,.08), rgba(255,255,255,0)) !important;
}

/* Step 45D hard neutral page-turn tint removal */
.eg-book-turn-leaf,
.eg-book-turn-face,
.eg-book-turn-face-front,
.eg-book-turn-face-back{
    background:#fbfdff !important;
}
.eg-book-turn-face{
    box-shadow:0 18px 30px rgba(7,25,62,.10), inset 0 0 0 1px rgba(170,196,232,.10) !important;
}
.eg-book-turn-leaf::before,
.eg-book-turn-face-front::after,
.eg-book-turn-face-back::after,
.eg-book-page-static-left[data-eg-left-page]::after,
.eg-book-page-static-right[data-eg-right-page]::after{
    background:linear-gradient(90deg, rgba(116,146,192,.05), rgba(255,255,255,0)) !important;
}
.eg-book-turn-face-front .eg-book-page-inner,
.eg-book-turn-face-back .eg-book-page-inner,
.eg-book-page-static-left[data-eg-left-page] .eg-book-page-inner,
.eg-book-page-static-right[data-eg-right-page] .eg-book-page-inner{
    background:#fbfdff !important;
    background-image:none !important;
}
.eg-book-turn-face .eg-book-page-inner::before,
.eg-book-page-inner::before{
    border-color:rgba(176,200,232,.10) !important;
}
.eg-book-turn-leaf{
    filter:none !important;
}
.eg-book-turn-face,
.eg-book-turn-face .eg-book-page-inner{
    -webkit-font-smoothing:antialiased;
    text-rendering:optimizeLegibility;
}


/* Step 46 center book + popup website reveal */
.eg-intro-stage{width:100%;}
.eg-book-shell{padding-left:2.6rem;box-sizing:border-box;}
.eg-book-core{margin-inline:auto;}
.eg-intro-preview-frame{width:min(440px, 62vw);max-width:440px;}
.eg-intro-preview-window{padding:1rem 1rem 1.05rem;border-radius:1.8rem;background:rgba(245,251,255,.20);border:1px solid rgba(255,255,255,.24);backdrop-filter:blur(24px);box-shadow:0 26px 70px rgba(3,16,44,.28);}
.eg-intro-preview-navbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:.85rem;padding:.95rem 1rem;border-radius:1.2rem;background:linear-gradient(180deg, rgba(255,255,255,.92), rgba(233,244,255,.92));box-shadow:inset 0 0 0 1px rgba(145,193,255,.15);}
.eg-intro-preview-brand{display:flex;align-items:center;gap:.8rem;color:#17355e;}
.eg-intro-preview-brand-mark{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:.9rem;background:linear-gradient(145deg, #1d54d8, #78dfff);color:#f8fcff;font-weight:900;font-size:.82rem;box-shadow:0 10px 22px rgba(13,48,122,.18);}
.eg-intro-preview-brand strong{display:block;font-size:.98rem;line-height:1.1;}
.eg-intro-preview-brand small{display:block;font-size:.72rem;letter-spacing:.08rem;text-transform:uppercase;color:#5e7fa5;}
.eg-intro-preview-navlinks{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap;justify-content:flex-end;}
.eg-intro-preview-navlinks span{padding:.35rem .58rem;border-radius:999px;background:rgba(37,93,211,.08);color:#2f67ca;font-size:.68rem;font-weight:800;letter-spacing:.04rem;text-transform:uppercase;}
.eg-intro-preview-hero-card{margin-top:.95rem;padding:1rem;border-radius:1.45rem;background:linear-gradient(180deg, rgba(255,255,255,.95), rgba(231,242,255,.92));box-shadow:inset 0 0 0 1px rgba(145,193,255,.12);}
.eg-intro-preview-banner{margin-top:0;padding:1.35rem 1.2rem;border-radius:1.25rem;}
.eg-intro-preview-feature-row{display:flex;gap:.55rem;flex-wrap:wrap;margin-top:.8rem;}
.eg-intro-preview-feature-row span{padding:.45rem .72rem;border-radius:999px;background:rgba(29,84,216,.08);color:#2a63ca;font-size:.74rem;font-weight:700;}
.eg-intro-preview-products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.85rem;margin-top:1rem;}
.eg-intro-preview-products span{display:block;height:6rem;border-radius:1.05rem;background:linear-gradient(180deg, rgba(255,255,255,.96), rgba(224,242,255,.92));box-shadow:inset 0 0 0 1px rgba(146,194,255,.16), 0 12px 24px rgba(15,44,99,.06);position:relative;overflow:hidden;}
.eg-intro-preview-products span::before{content:'';position:absolute;left:.7rem;right:.7rem;top:.8rem;height:2.7rem;border-radius:.8rem;background:linear-gradient(135deg, rgba(33,86,202,.12), rgba(122,220,255,.28));}
.eg-intro-preview-products span::after{content:'';position:absolute;left:.85rem;right:1rem;bottom:.9rem;height:.45rem;border-radius:999px;background:linear-gradient(90deg, rgba(47,103,202,.16), rgba(141,224,255,.36));box-shadow:0 -.75rem 0 rgba(47,103,202,.10);}
.eg-intro-preview-strip{height:.8rem;margin-top:1rem;}
.eg-intro-overlay.is-revealing .eg-intro-preview-frame{animation:egPreviewPopup 1.05s cubic-bezier(.2,.72,.18,1) .12s forwards !important;}
.eg-intro-overlay.is-preview-expanded .eg-intro-preview-frame{animation:egPreviewExpandToViewport 1.25s cubic-bezier(.2,.72,.18,1) forwards !important;}
.eg-intro-overlay.is-preview-expanded .eg-intro-preview-window{border-radius:2rem;}
.eg-intro-overlay.is-preview-expanded .eg-book-core{animation:egBookSinkAway .9s ease forwards !important;}
@keyframes egPreviewPopup{
  0%{opacity:0;transform:translate(-50%, -50%) scale(.52);}
  58%{opacity:1;transform:translate(-50%, -50%) scale(1.02);}
  100%{opacity:1;transform:translate(-50%, -50%) scale(1);}
}
@keyframes egPreviewExpandToViewport{
  0%{opacity:1;transform:translate(-50%, -50%) scale(1);width:min(440px, 62vw);}
  100%{opacity:1;transform:translate(-50%, -50%) scale(1);width:min(1180px, 96vw);}
}
@media (max-width: 991.98px){
  .eg-book-shell{padding-left:1.35rem;}
  .eg-intro-preview-frame{width:min(360px, 78vw);max-width:360px;}
  .eg-intro-preview-navbar{padding:.8rem .85rem;}
  .eg-intro-preview-products{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width: 767.98px){
  .eg-book-shell{padding-left:.35rem;}
  .eg-intro-preview-frame{width:min(320px, 90vw);max-width:320px;}
  .eg-intro-preview-navbar{flex-direction:column;align-items:flex-start;}
  .eg-intro-preview-navlinks{justify-content:flex-start;}
  .eg-intro-preview-products span{height:4.9rem;}
  .eg-intro-overlay.is-preview-expanded .eg-intro-preview-frame{animation:egPreviewExpandToViewportMobile 1.1s cubic-bezier(.2,.72,.18,1) forwards !important;}
  @keyframes egPreviewExpandToViewportMobile{
    0%{opacity:1;transform:translate(-50%, -50%) scale(1);width:min(320px, 90vw);}
    100%{opacity:1;transform:translate(-50%, -50%) scale(1);width:min(94vw, 94vw);}
  }
}


/* Step 47 landscape preview entry + product-first homepage polish */
.eg-intro-stage{
    width:100%;
    min-height:min(760px, 88vh);
    display:flex;
    align-items:center;
    justify-content:center;
}
.eg-book-shell{
    width:min(900px, 94vw);
    padding-left:0 !important;
    margin-inline:auto;
    display:flex;
    align-items:center;
    justify-content:center;
}
.eg-book-core{
    margin-inline:auto;
    left:auto;
    right:auto;
}
.eg-intro-preview-frame{
    width:min(760px, 84vw) !important;
    max-width:760px !important;
    transform:translate(-50%, -50%) scale(.82);
}
.eg-intro-preview-window{
    padding:1rem 1rem 1.05rem !important;
    border-radius:2rem !important;
    background:rgba(247,251,255,.22) !important;
    border:1px solid rgba(255,255,255,.28) !important;
    backdrop-filter:blur(22px);
    box-shadow:0 34px 88px rgba(3,16,44,.32);
}
.eg-intro-preview-landscape{
    display:grid;
    grid-template-columns:minmax(0, 1.35fr) minmax(270px, .95fr);
    gap:1rem;
    margin-top:.95rem;
}
.eg-intro-preview-featured{
    min-height:292px;
    border-radius:1.5rem;
    padding:1.35rem;
    background:linear-gradient(145deg, rgba(9,49,125,.98), rgba(33,88,192,.94) 55%, rgba(122,215,255,.88));
    color:#f7fbff;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.14), 0 18px 44px rgba(9,31,80,.22);
    display:grid;
    grid-template-columns:minmax(0, 1fr) 180px;
    align-items:end;
    gap:1rem;
    overflow:hidden;
    position:relative;
}
.eg-intro-preview-featured::before{
    content:'';
    position:absolute;
    inset:0;
    background:radial-gradient(circle at top right, rgba(255,255,255,.16), transparent 34%), linear-gradient(135deg, rgba(255,255,255,.12), transparent 45%);
    pointer-events:none;
}
.eg-intro-preview-featured-copy{position:relative;z-index:1;display:grid;gap:.75rem;align-self:start;}
.eg-intro-preview-featured-copy small,
.eg-intro-preview-card small{
    display:block;
    font-size:.72rem;
    letter-spacing:.14rem;
    text-transform:uppercase;
    font-weight:800;
    opacity:.84;
}
.eg-intro-preview-featured-copy strong{
    display:block;
    font-size:clamp(1.7rem, 2.4vw, 2.3rem);
    line-height:1.14;
    max-width:13ch;
}
.eg-intro-preview-tags{display:flex;gap:.45rem;flex-wrap:wrap;}
.eg-intro-preview-tags span,
.eg-intro-preview-card-tags span{
    display:inline-flex;
    align-items:center;
    padding:.42rem .68rem;
    border-radius:999px;
    background:rgba(255,255,255,.14);
    border:1px solid rgba(255,255,255,.16);
    font-size:.74rem;
    font-weight:700;
}
.eg-intro-preview-featured-book{
    position:relative;
    align-self:center;
    justify-self:end;
    width:164px;
    height:212px;
    border-radius:1.2rem;
    background:linear-gradient(160deg, #f4dba3, #e7c27c 26%, #244c8a 28%, #1c3968 100%);
    box-shadow:0 24px 40px rgba(9,28,72,.25), inset 0 0 0 1px rgba(255,255,255,.14);
    transform:rotate(8deg);
    overflow:hidden;
}
.eg-intro-preview-featured-book::before{
    content:'EXPOGRAPHIC';
    position:absolute;
    left:16px;
    right:16px;
    top:22px;
    color:#f6ead0;
    font-weight:800;
    letter-spacing:.12rem;
    font-size:1.1rem;
    line-height:1.18;
}
.eg-intro-preview-featured-book::after{
    content:'';
    position:absolute;
    inset:0;
    background:linear-gradient(180deg, rgba(255,255,255,.14), transparent 30%, rgba(255,255,255,.04) 72%, rgba(255,255,255,.16));
}
.eg-intro-preview-sidegrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;}
.eg-intro-preview-card{
    border-radius:1.25rem;
    padding:1rem;
    background:linear-gradient(180deg, rgba(255,255,255,.95), rgba(232,243,255,.95));
    box-shadow:inset 0 0 0 1px rgba(145,193,255,.14), 0 14px 28px rgba(15,44,99,.08);
    display:grid;
    gap:.5rem;
    min-height:136px;
    color:#18365f;
}
.eg-intro-preview-card strong{display:block;font-size:1.02rem;line-height:1.3;}
.eg-intro-preview-card-tall{grid-column:1 / -1;min-height:146px;}
.eg-intro-preview-mini-products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;margin-top:.2rem;}
.eg-intro-preview-mini-products span,
.eg-intro-preview-shelf-row span{
    display:block;
    border-radius:.95rem;
    background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(224,242,255,.94));
    box-shadow:inset 0 0 0 1px rgba(146,194,255,.16), 0 10px 22px rgba(15,44,99,.05);
    position:relative;
    overflow:hidden;
}
.eg-intro-preview-mini-products span{height:74px;}
.eg-intro-preview-mini-products span::before,
.eg-intro-preview-shelf-row span::before{
    content:'';
    position:absolute;
    left:.7rem;
    right:.7rem;
    top:.75rem;
    height:56%;
    border-radius:.72rem;
    background:linear-gradient(135deg, rgba(33,86,202,.10), rgba(122,220,255,.22));
}
.eg-intro-preview-mini-products span::after,
.eg-intro-preview-shelf-row span::after{
    content:'';
    position:absolute;
    left:.85rem;
    right:1rem;
    bottom:.8rem;
    height:.42rem;
    border-radius:999px;
    background:linear-gradient(90deg, rgba(47,103,202,.16), rgba(141,224,255,.34));
    box-shadow:0 -.7rem 0 rgba(47,103,202,.09);
}
.eg-intro-preview-shelf-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.9rem;margin-top:1rem;}
.eg-intro-preview-shelf-row span{height:92px;}
.eg-intro-overlay.is-revealing .eg-intro-preview-frame{animation:egPreviewPopupLandscape 1.05s cubic-bezier(.2,.72,.18,1) .12s forwards !important;}
.eg-intro-overlay.is-preview-expanded .eg-intro-preview-frame{animation:egPreviewExpandLandscape 1.25s cubic-bezier(.2,.72,.18,1) forwards !important;}
.eg-intro-overlay.is-preview-expanded .eg-intro-preview-window{border-radius:2.1rem !important;}
@keyframes egPreviewPopupLandscape{
  0%{opacity:0;transform:translate(-50%, -50%) scale(.56);}
  58%{opacity:1;transform:translate(-50%, -50%) scale(1.02);}
  100%{opacity:1;transform:translate(-50%, -50%) scale(1);}
}
@keyframes egPreviewExpandLandscape{
  0%{opacity:1;transform:translate(-50%, -50%) scale(1);width:min(760px, 84vw);}
  100%{opacity:1;transform:translate(-50%, -50%) scale(1);width:min(1260px, 96vw);}
}
@media (max-width: 991.98px){
  .eg-intro-preview-frame{width:min(640px, 90vw) !important;max-width:640px !important;}
  .eg-intro-preview-landscape{grid-template-columns:1fr;}
  .eg-intro-preview-featured{grid-template-columns:minmax(0, 1fr) 150px;min-height:240px;}
  .eg-intro-preview-shelf-row{grid-template-columns:repeat(3,minmax(0,1fr));}
}
@media (max-width: 767.98px){
  .eg-intro-stage{min-height:min(640px, 86vh);}
  .eg-book-shell{width:min(98vw, 620px);}
  .eg-intro-preview-frame{width:min(360px, 92vw) !important;max-width:360px !important;}
  .eg-intro-preview-featured{grid-template-columns:1fr;min-height:auto;}
  .eg-intro-preview-featured-book{width:124px;height:162px;justify-self:center;}
  .eg-intro-preview-sidegrid{grid-template-columns:1fr;}
  .eg-intro-preview-shelf-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;}
  .eg-intro-preview-shelf-row span{height:72px;}
  .eg-intro-overlay.is-preview-expanded .eg-intro-preview-frame{animation:egPreviewExpandLandscapeMobile 1.05s cubic-bezier(.2,.72,.18,1) forwards !important;}
  @keyframes egPreviewExpandLandscapeMobile{
    0%{opacity:1;transform:translate(-50%, -50%) scale(1);width:min(360px, 92vw);}
    100%{opacity:1;transform:translate(-50%, -50%) scale(1);width:min(94vw, 94vw);}
  }
}

/* Step 48 premium product-first storefront refinement */
.premium-story-hero{padding-top:4.6rem}
.premium-hero-wrap{padding:2.15rem 2rem 2rem}
.premium-story-notes{margin-top:1.5rem}
.product-chip-ribbon{display:flex;gap:.85rem;overflow:auto;padding:.45rem 0 .15rem;margin-top:1.35rem;scrollbar-width:none}
.product-chip-ribbon::-webkit-scrollbar{display:none}
.product-chip-ribbon-item{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-width:230px;padding:.9rem 1rem;border-radius:20px;background:linear-gradient(145deg, rgba(255,255,255,.95), rgba(231,242,255,.9));border:1px solid rgba(29,79,215,.10);box-shadow:0 14px 34px rgba(29,79,215,.08);transition:transform .24s ease, box-shadow .24s ease}
.product-chip-ribbon-item span{display:block;font-size:.9rem;color:var(--text)}
.product-chip-ribbon-item strong{font-size:.92rem;color:var(--blue);white-space:nowrap}
.product-chip-ribbon-item:hover{transform:translateY(-3px);box-shadow:0 20px 40px rgba(29,79,215,.11)}
.product-hero-showcase{display:grid;gap:1rem}
.product-hero-main{display:grid;grid-template-columns:.92fr 1.08fr;gap:1rem;padding:1rem;border-radius:30px;background:linear-gradient(145deg, rgba(255,255,255,.96), rgba(229,240,255,.92));border:1px solid rgba(29,79,215,.11);box-shadow:0 24px 54px rgba(29,79,215,.09);min-height:100%;overflow:hidden;position:relative}
.product-hero-main::before,.product-hero-mini-card::before,.premium-product-card::after,.premium-collection-card::after,.premium-offer-card::after{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at var(--pointer-x,50%) var(--pointer-y,50%), rgba(255,255,255,.38), transparent 36%)}
.product-hero-main-media{border-radius:24px;overflow:hidden;background:linear-gradient(180deg,#fff,#eef6ff);border:1px solid rgba(29,79,215,.09);min-height:320px}
.product-hero-main-media img{width:100%;height:100%;min-height:320px;object-fit:cover;display:block;transition:transform .45s ease}
.product-hero-main:hover .product-hero-main-media img,.premium-product-card:hover .premium-product-media img{transform:scale(1.04)}
.product-hero-main-copy{display:flex;flex-direction:column;justify-content:space-between;gap:1rem;padding:.35rem .15rem .25rem 0}
.product-hero-main-copy h3{font-size:1.6rem;line-height:1.2;margin:0;color:var(--text)}
.product-hero-main-copy p{margin:0;color:var(--muted);line-height:1.7}
.product-hero-main-meta{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-top:.45rem;border-top:1px solid rgba(29,79,215,.08)}
.product-hero-main-meta span{color:var(--muted);font-weight:600}
.product-hero-main-meta strong{color:var(--blue);font-size:1.1rem}
.product-hero-mini-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.product-hero-mini-card{display:flex;gap:.9rem;align-items:center;padding:.95rem;border-radius:24px;background:linear-gradient(145deg, rgba(255,255,255,.95), rgba(234,244,255,.9));border:1px solid rgba(29,79,215,.09);box-shadow:0 16px 34px rgba(29,79,215,.08);position:relative;overflow:hidden;transition:transform .24s ease, box-shadow .24s ease}
.product-hero-mini-card:hover{transform:translateY(-3px);box-shadow:0 22px 42px rgba(29,79,215,.11)}
.product-hero-mini-card img{width:86px;height:86px;border-radius:20px;object-fit:cover;background:#fff;border:1px solid rgba(29,79,215,.08);flex-shrink:0}
.product-hero-mini-card span,.product-hero-mini-card small{display:block;color:var(--muted)}
.product-hero-mini-card strong{display:block;color:var(--text);margin:.15rem 0 .25rem;line-height:1.35}

.product-aligned-row{--bs-gutter-x:1.5rem}
.product-related-shell{padding:1.35rem 1.45rem;border-radius:34px;background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(239,246,255,.94));border:1px solid rgba(29,79,215,.10);box-shadow:0 22px 50px rgba(29,79,215,.08);width:100%;margin-inline:auto}
.product-related-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:1.1rem;text-align:left}
.product-related-copy{max-width:760px;text-align:left}
.product-related-copy .section-title{margin-bottom:.35rem}
.product-related-copy p{max-width:58ch;line-height:1.7}
.product-related-stat{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:140px;padding:1rem 1.15rem;border-radius:24px;background:linear-gradient(145deg, rgba(255,255,255,.98), rgba(228,239,255,.9));border:1px solid rgba(29,79,215,.10);box-shadow:inset 0 1px 0 rgba(255,255,255,.75),0 16px 36px rgba(29,79,215,.08)}
.product-related-stat strong{font-size:2rem;line-height:1;color:var(--blue);font-weight:900}
.product-related-stat span{margin-top:.35rem;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-weight:800}
.product-related-row{align-items:stretch}
.product-related-empty{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:1rem;padding:1.15rem 1.2rem;border-radius:28px;background:linear-gradient(145deg, rgba(255,255,255,.96), rgba(234,244,255,.88));border:1px dashed rgba(29,79,215,.18)}
.product-related-empty__icon{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;font-size:1.6rem;background:linear-gradient(135deg, rgba(66,133,244,.16), rgba(133,198,255,.28));box-shadow:inset 0 1px 0 rgba(255,255,255,.8)}
.product-related-empty__content{display:flex;flex-direction:column;gap:.3rem;color:var(--muted)}
.product-related-empty__content strong{color:var(--text);font-size:1.05rem}
.product-related-empty__content p{line-height:1.65}
@media (max-width: 991.98px){.product-related-empty{grid-template-columns:1fr;justify-items:flex-start}.product-related-stat{align-items:flex-start;min-width:0}}
@media (max-width: 767.98px){.product-related-shell{padding:1rem;border-radius:28px;max-width:none}.product-related-head{align-items:flex-start}.product-related-copy p{max-width:none}.product-related-stat{width:100%;border-radius:20px;align-items:flex-start}.product-related-stat strong{font-size:1.55rem}.product-related-empty{padding:1rem;border-radius:22px}}

.hero-banner-flipbook{position:relative;display:flex;align-items:center;justify-content:center;min-height:44rem;padding:.25rem 0;isolation:isolate}
.hero-banner-flipbook-orb{position:absolute;border-radius:50%;filter:blur(34px);opacity:.85;pointer-events:none}
.hero-banner-flipbook-orb-a{width:230px;height:230px;right:4%;top:4%;background:radial-gradient(circle, rgba(90,178,255,.34), transparent 68%)}
.hero-banner-flipbook-orb-b{width:200px;height:200px;left:4%;bottom:4%;background:radial-gradient(circle, rgba(180,221,255,.55), transparent 70%)}
.hero-banner-flipbook-shell{position:relative;width:min(31rem,100%);height:42rem;padding:1.2rem 1rem 1rem 2.2rem;border-radius:2.25rem;background:linear-gradient(150deg, rgba(240,248,255,.96), rgba(212,231,255,.88));border:1px solid rgba(29,79,215,.12);box-shadow:0 34px 74px rgba(29,79,215,.16), inset 0 1px 0 rgba(255,255,255,.7);overflow:hidden}
.hero-banner-flipbook-shell::before{content:'';position:absolute;inset:.9rem;border-radius:1.8rem;background:linear-gradient(180deg, rgba(255,255,255,.3), rgba(255,255,255,.08));pointer-events:none}
.hero-banner-flipbook-spine{position:absolute;left:.95rem;top:1.25rem;bottom:1.25rem;width:1.2rem;border-radius:999px;background:linear-gradient(180deg, #255fed 0%, #1949c7 34%, #6ebeff 100%);box-shadow:inset -1px 0 0 rgba(255,255,255,.24), inset 4px 0 8px rgba(255,255,255,.18), 8px 0 18px rgba(15,44,120,.14)}
.hero-banner-flipbook-page-stack{position:absolute;right:1.15rem;top:1.8rem;bottom:1.8rem;width:1rem;border-radius:0 1rem 1rem 0;background:repeating-linear-gradient(180deg, rgba(255,255,255,.96) 0 2px, rgba(229,238,255,.95) 2px 4px);box-shadow:inset 1px 0 0 rgba(29,79,215,.08), 0 12px 22px rgba(29,79,215,.1)}
.hero-banner-flipbook-edge{position:absolute;left:2.15rem;right:1.8rem;top:1.55rem;bottom:1.55rem;border-radius:1.8rem;background:linear-gradient(135deg, rgba(255,255,255,.5), rgba(219,235,255,.18));border:1px solid rgba(255,255,255,.55);pointer-events:none}
.hero-banner-flipbook-page{position:absolute;left:2.45rem;right:2.25rem;top:1.9rem;bottom:5.1rem;border-radius:1.75rem;background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(236,245,255,.97));border:1px solid rgba(29,79,215,.08);box-shadow:0 24px 44px rgba(29,79,215,.11), inset 0 1px 0 rgba(255,255,255,.88);overflow:hidden;transform-origin:left center;backface-visibility:hidden;-webkit-backface-visibility:hidden;transition:transform .98s cubic-bezier(.22,.78,.18,1), box-shadow .98s ease, filter .98s ease}
.hero-banner-flipbook-page::after{content:'';position:absolute;top:0;bottom:0;left:0;width:1.2rem;background:linear-gradient(90deg, rgba(22,63,243,.09), rgba(255,255,255,0));pointer-events:none}
.hero-banner-flipbook-page-next{z-index:2;transform:scale(.996);filter:saturate(.98)}
.hero-banner-flipbook-page-current{z-index:3}
.hero-banner-flipbook.is-flipping .hero-banner-flipbook-page-current{transform:perspective(1800px) rotateY(-178deg);box-shadow:0 12px 30px rgba(29,79,215,.08);filter:brightness(.98)}
.hero-banner-flipbook-caption{position:absolute;left:2.55rem;bottom:1.1rem;display:flex;flex-direction:column;gap:.32rem;z-index:4;max-width:17rem}
.hero-banner-flipbook-caption strong{font-size:1rem;color:var(--text)}
.hero-banner-flipbook-caption small{color:var(--muted)}
.hero-banner-flipbook-counter{position:absolute;right:1.5rem;bottom:1.15rem;display:flex;align-items:flex-end;gap:.25rem;z-index:4;padding:.65rem .9rem;border-radius:999px;background:rgba(255,255,255,.72);border:1px solid rgba(29,79,215,.08);box-shadow:0 12px 28px rgba(29,79,215,.08);color:var(--blue)}
.hero-banner-flipbook-counter span{font-size:1.15rem;font-weight:800;line-height:1}
.hero-banner-flipbook-counter small{font-size:.85rem;font-weight:700;line-height:1.1;color:var(--muted)}
.hero-banner-flipbook-turn{position:absolute;top:1.4rem;right:1.5rem;z-index:4;border:1px solid rgba(29,79,215,.12);background:rgba(255,255,255,.88);color:var(--blue);font-weight:800;font-size:.82rem;padding:.7rem 1rem;border-radius:999px;box-shadow:0 14px 28px rgba(29,79,215,.08);transition:transform .24s ease, box-shadow .24s ease, background .24s ease}
.hero-banner-flipbook-turn:hover{transform:translateY(-2px);box-shadow:0 18px 34px rgba(29,79,215,.12);background:#fff}
.hero-banner-flipbook-page-inner{height:100%;display:flex;flex-direction:column;gap:1rem;padding:1.1rem 1.15rem 1rem;background:radial-gradient(circle at top right, rgba(168,222,255,.18), transparent 30%)}
.hero-banner-flipbook-page-header{display:flex;align-items:center;justify-content:space-between;gap:.85rem}
.hero-banner-flipbook-brand{display:flex;align-items:center;gap:.7rem;min-width:0}
.hero-banner-flipbook-brand img{width:2.7rem;height:2.7rem;border-radius:.9rem;object-fit:cover;border:1px solid rgba(29,79,215,.08);background:#fff;box-shadow:0 10px 20px rgba(29,79,215,.08)}
.hero-banner-flipbook-brand-text strong{display:block;color:var(--text);font-size:.98rem;line-height:1.2}
.hero-banner-flipbook-brand-text span{display:block;color:var(--muted);font-size:.78rem;line-height:1.3;letter-spacing:.08em;text-transform:uppercase}
.hero-banner-flipbook-chip{display:inline-flex;align-items:center;justify-content:center;padding:.55rem .8rem;border-radius:999px;background:linear-gradient(135deg, rgba(37,95,237,.12), rgba(110,190,255,.18));border:1px solid rgba(29,79,215,.08);color:var(--blue);font-size:.76rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}
.hero-banner-flipbook-page-media{position:relative;border-radius:1.45rem;overflow:hidden;min-height:17.75rem;background:linear-gradient(180deg, #fff, #e8f3ff);border:1px solid rgba(29,79,215,.08);box-shadow:0 18px 36px rgba(29,79,215,.09)}
.hero-banner-flipbook-page-media::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg, rgba(255,255,255,0) 35%, rgba(7,23,60,.08) 100%);pointer-events:none}
.hero-banner-flipbook-page-media img{width:100%;height:100%;min-height:17.75rem;object-fit:cover;display:block}
.hero-banner-flipbook-page-copy{display:flex;flex-direction:column;gap:.7rem;min-height:0;flex:1}
.hero-banner-flipbook-page-copy small{font-size:.78rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--blue)}
.hero-banner-flipbook-page-copy h3{font-size:2rem;line-height:1.08;letter-spacing:-.04em;color:var(--text);margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.hero-banner-flipbook-page-copy p{margin:0;color:var(--muted);line-height:1.75;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.hero-banner-flipbook-page-footer{display:flex;align-items:center;justify-content:space-between;gap:.85rem;padding-top:.3rem;border-top:1px solid rgba(29,79,215,.07)}
.hero-banner-flipbook-page-number{display:inline-flex;align-items:center;padding:.55rem .8rem;border-radius:999px;background:rgba(244,248,255,.95);border:1px solid rgba(29,79,215,.08);font-size:.8rem;font-weight:800;color:var(--muted)}
.hero-banner-flipbook-page-action{display:inline-flex;align-items:center;justify-content:center;padding:.72rem 1rem;border-radius:999px;background:linear-gradient(135deg, rgba(37,95,237,1), rgba(110,190,255,.92));color:#fff;font-size:.83rem;font-weight:800;text-decoration:none;box-shadow:0 16px 28px rgba(37,95,237,.18);transition:transform .22s ease, box-shadow .22s ease}
.hero-banner-flipbook-page-action:hover{transform:translateY(-2px);box-shadow:0 20px 34px rgba(37,95,237,.22);color:#fff}
.hero-banner-flipbook-page-action.is-passive{background:linear-gradient(135deg, rgba(244,248,255,.96), rgba(234,244,255,.94));border:1px solid rgba(29,79,215,.08);box-shadow:none;color:var(--blue)}
.premium-collection-card h3{font-size:1.35rem}
.premium-side-shelf{box-shadow:0 26px 56px rgba(29,79,215,.10), inset 0 1px 0 rgba(255,255,255,.62)}
.premium-shop-hero .container{padding-bottom:.25rem}
.premium-offer-card{position:relative;overflow:hidden}
.premium-offer-image{max-height:280px;object-fit:cover;box-shadow:0 18px 40px rgba(29,79,215,.10)}
.premium-product-card{border-radius:30px;overflow:hidden;transition:transform .28s ease, box-shadow .28s ease, border-color .28s ease}
.premium-product-media{padding:1rem 1rem 0}
.premium-product-media img{height:250px;border-radius:24px;transition:transform .45s ease, box-shadow .45s ease}
.premium-product-card .product-card-body{padding:1.15rem 1.15rem 1.25rem}
.premium-product-card .product-card-price{font-size:1.22rem}
.premium-product-card .product-card-description{min-height:4.2em}
.premium-product-gallery .product-detail-image{box-shadow:0 20px 44px rgba(29,79,215,.10)}
.premium-product-thumb{aspect-ratio:1/1;object-fit:cover;background:#fff;border:1px solid rgba(29,79,215,.08);box-shadow:0 10px 24px rgba(29,79,215,.07)}
.premium-product-copy .feature-line{background:linear-gradient(145deg, rgba(255,255,255,.95), rgba(236,245,255,.9))}
@media (max-width: 991.98px){
  .product-hero-main{grid-template-columns:1fr}
  .product-hero-main-media,.product-hero-main-media img{min-height:260px}
  .hero-banner-flipbook{min-height:38rem}
  .hero-banner-flipbook-shell{width:min(30rem,100%);height:38rem}
  .hero-banner-flipbook-page{bottom:4.85rem}
  .hero-banner-flipbook-page-copy h3{font-size:1.75rem}
  .hero-banner-flipbook-page-media,.hero-banner-flipbook-page-media img{min-height:14.25rem}
}
@media (max-width: 767.98px){
  .premium-hero-wrap{padding:1.35rem}
  .product-hero-mini-grid{grid-template-columns:1fr}
  .product-chip-ribbon-item{min-width:200px}
  .premium-product-media img{height:220px}
  .hero-banner-flipbook{min-height:33rem}
  .hero-banner-flipbook-shell{height:33rem;padding:1rem .8rem .9rem 1.8rem;border-radius:1.8rem}
  .hero-banner-flipbook-page{left:2rem;right:1.8rem;top:1.5rem;bottom:4.7rem;border-radius:1.35rem}
  .hero-banner-flipbook-page-inner{padding:.9rem}
  .hero-banner-flipbook-page-media,.hero-banner-flipbook-page-media img{min-height:11rem}
  .hero-banner-flipbook-page-copy h3{font-size:1.45rem}
  .hero-banner-flipbook-page-copy p{-webkit-line-clamp:3;font-size:.94rem}
  .hero-banner-flipbook-caption{left:2rem;max-width:11rem}
  .hero-banner-flipbook-turn{top:1rem;right:1rem;padding:.58rem .8rem}
  .hero-banner-flipbook-counter{right:1rem;bottom:1rem;padding:.55rem .75rem}
}

/* Step 49 rebuilt centered portal-book intro */
.eg-intro-overlay.eg-entry-intro-v2{
    position:fixed;
    inset:0;
    z-index:1200;
    display:grid;
    place-items:center;
    padding:1.5rem;
    overflow:hidden;
    background:
        radial-gradient(circle at 50% 18%, rgba(112,228,255,.16), transparent 24%),
        radial-gradient(circle at 50% 100%, rgba(42,106,255,.18), transparent 36%),
        linear-gradient(180deg, #031022 0%, #071935 38%, #0b2041 72%, #07142c 100%);
    backdrop-filter:blur(10px);
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transition:opacity .55s ease, visibility .55s ease;
}
.eg-intro-overlay.eg-entry-intro-v2.is-active{opacity:1;visibility:visible;pointer-events:auto;}
.eg-intro-overlay.eg-entry-intro-v2.is-finished{opacity:0;visibility:hidden;pointer-events:none;}
.eg-entry-atmosphere,
.eg-entry-stage{position:relative;z-index:1;}
.eg-entry-atmosphere{position:absolute;inset:0;pointer-events:none;overflow:hidden;}
.eg-entry-orb,
.eg-entry-grid-glow{position:absolute;border-radius:999px;filter:blur(26px);}
.eg-entry-orb-left{left:-9rem;top:-6rem;width:28rem;height:28rem;background:radial-gradient(circle, rgba(99,208,255,.18), transparent 70%);}
.eg-entry-orb-right{right:-9rem;bottom:-8rem;width:28rem;height:28rem;background:radial-gradient(circle, rgba(74,123,255,.20), transparent 70%);}
.eg-entry-orb-top{left:50%;top:2%;width:30rem;height:14rem;transform:translateX(-50%);background:radial-gradient(circle, rgba(196,237,255,.12), transparent 72%);}
.eg-entry-grid-glow{left:50%;bottom:-12rem;transform:translateX(-50%);width:min(76rem, 94vw);height:24rem;background:radial-gradient(circle, rgba(34,85,182,.28), transparent 68%);}
.eg-entry-spark{position:absolute;width:.5rem;height:.5rem;border-radius:999px;background:radial-gradient(circle, rgba(255,255,255,.95), rgba(150,233,255,.48) 58%, transparent 74%);box-shadow:0 0 18px rgba(143,224,255,.36);animation:egEntrySparkFloat 7.2s ease-in-out infinite;opacity:.8;}
.eg-entry-spark-1{left:13%;top:16%;animation-delay:.3s}
.eg-entry-spark-2{left:81%;top:22%;animation-delay:1.4s}
.eg-entry-spark-3{left:18%;top:74%;animation-delay:2.1s}
.eg-entry-spark-4{left:87%;top:68%;animation-delay:1.1s}
.eg-entry-spark-5{left:54%;top:20%;animation-delay:2.7s}
.eg-entry-spark-6{left:67%;top:80%;animation-delay:.8s}
.eg-entry-skip{
    position:absolute;
    top:1.25rem;
    right:1.25rem;
    border:none;
    border-radius:999px;
    padding:.72rem 1.05rem;
    color:#f4fbff;
    background:rgba(11,28,57,.56);
    border:1px solid rgba(190,234,255,.18);
    box-shadow:0 18px 44px rgba(3,12,31,.18);
    font-weight:800;
    letter-spacing:.02em;
    text-decoration:none;
}
.eg-entry-skip:hover{background:rgba(15,36,72,.82);color:#ffffff;}
.eg-entry-stage{width:min(1120px, 100%);min-height:min(820px, 90vh);display:grid;place-items:center;}
.eg-entry-book-shell{position:relative;width:min(980px, 96vw);display:grid;place-items:center;}
.eg-entry-book-shadow{position:absolute;left:50%;bottom:3.5%;transform:translateX(-50%);width:min(640px, 72vw);height:4.5rem;border-radius:50%;background:radial-gradient(circle, rgba(3,11,29,.86), transparent 72%);filter:blur(18px);opacity:.72;transition:transform 1s ease, opacity 1s ease;}
.eg-entry-book-frame{position:relative;width:min(700px, 86vw);height:440px;display:grid;place-items:center;perspective:2600px;transform-style:preserve-3d;transition:transform 1.15s cubic-bezier(.2,.76,.18,1), opacity 1.15s ease;}
.eg-entry-book-spine{position:absolute;left:7.2%;top:8%;bottom:8%;width:3.4rem;border-radius:1.6rem;background:linear-gradient(180deg, #0d2850 0%, #143d78 50%, #0b2243 100%);box-shadow:inset 1px 0 0 rgba(255,255,255,.12), inset -3px 0 12px rgba(0,0,0,.24), 0 22px 40px rgba(2,11,29,.36);display:flex;align-items:center;justify-content:center;overflow:hidden;z-index:2;}
.eg-entry-book-spine::before{content:'';position:absolute;inset:.34rem;border-radius:1.2rem;border:1px solid rgba(212,241,255,.14);}
.eg-entry-book-spine span{writing-mode:vertical-rl;transform:rotate(180deg);font-size:.82rem;letter-spacing:.2rem;text-transform:uppercase;color:#dff4ff;font-weight:800;opacity:.88;}
.eg-entry-book-block{position:relative;width:100%;height:100%;transform-style:preserve-3d;}
.eg-entry-page-stack{position:absolute;inset:6.2% 4.5% 6.2% 10%;border-radius:2rem;background:linear-gradient(90deg, #dcefff 0%, #f7fcff 8%, #ffffff 18%, #edf7ff 49%, #dbefff 51%, #ffffff 60%, #e3f2ff 100%);box-shadow:0 34px 64px rgba(3,18,49,.30), inset 0 0 0 1px rgba(163,212,255,.16);overflow:hidden;}
.eg-entry-page-stack::before{content:'';position:absolute;left:50%;top:0;bottom:0;width:1.15rem;transform:translateX(-50%);background:linear-gradient(180deg, rgba(19,62,131,.08), rgba(255,255,255,.84) 26%, rgba(137,200,255,.16) 50%, rgba(255,255,255,.84) 74%, rgba(19,62,131,.10));filter:blur(1px);}
.eg-entry-page,
.eg-entry-cover,
.eg-entry-flip-sheet,
.eg-entry-final-page{position:absolute;border-radius:1.7rem;backface-visibility:hidden;transform-style:preserve-3d;}
.eg-entry-page{top:7.2%;bottom:7.2%;width:39.5%;display:flex;align-items:stretch;overflow:hidden;}
.eg-entry-left-page{left:11%;}
.eg-entry-right-page-base{right:5.1%;z-index:2;}
.eg-entry-page-panel,
.eg-entry-sheet-face,
.eg-entry-final-page{background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(239,248,255,.98));box-shadow:inset 0 0 0 1px rgba(147,196,255,.18);}
.eg-entry-page-panel{position:relative;flex:1;border-radius:1.45rem;padding:1.9rem 1.8rem 1.7rem;color:#17385f;display:flex;flex-direction:column;overflow:hidden;}
.eg-entry-page-panel::before,
.eg-entry-sheet-face::before,
.eg-entry-final-page::before{content:'';position:absolute;inset:.7rem;border-radius:1rem;border:1px solid rgba(137,188,255,.14);pointer-events:none;}
.eg-entry-page-label{display:inline-flex;align-self:flex-start;padding:.44rem .72rem;border-radius:999px;background:rgba(27,100,217,.08);color:#2d69d4;font-size:.76rem;font-weight:900;letter-spacing:.12rem;text-transform:uppercase;}
.eg-entry-page-panel strong,
.eg-entry-sheet-face strong{display:block;margin-top:1rem;font-size:1.58rem;line-height:1.2;font-weight:800;max-width:14ch;color:#13355d;}
.eg-entry-chip-row{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:1.15rem;}
.eg-entry-chip-row span,
.eg-entry-zoom-tags span{display:inline-flex;align-items:center;justify-content:center;padding:.48rem .78rem;border-radius:999px;background:rgba(37,107,214,.08);color:#215fca;font-size:.82rem;font-weight:700;}
.eg-entry-page-lines,
.eg-entry-product-bars{display:grid;gap:.55rem;margin-top:1.2rem;}
.eg-entry-page-lines span,
.eg-entry-product-bars span{display:block;height:.72rem;border-radius:999px;background:linear-gradient(90deg, rgba(43,105,214,.16), rgba(141,226,255,.26));}
.eg-entry-page-lines span:nth-child(1),
.eg-entry-product-bars span:nth-child(1){width:86%}
.eg-entry-page-lines span:nth-child(2),
.eg-entry-product-bars span:nth-child(2){width:72%}
.eg-entry-page-lines span:nth-child(3),
.eg-entry-product-bars span:nth-child(3){width:78%}
.eg-entry-page-lines span:nth-child(4){width:64%}
.eg-entry-mini-shelf{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:.7rem;margin-top:auto;padding-top:1.1rem;}
.eg-entry-mini-shelf span,
.eg-entry-final-grid span{display:block;height:4.8rem;border-radius:1rem;background:linear-gradient(180deg, rgba(241,248,255,.98), rgba(228,241,255,.95));box-shadow:inset 0 0 0 1px rgba(146,193,255,.16);}
.eg-entry-hero-card{margin-top:1.15rem;padding:1.15rem 1.05rem;border-radius:1.15rem;background:linear-gradient(135deg, #0f4fcb, #70dcff);color:#f8fcff;box-shadow:0 18px 34px rgba(8,30,76,.16);}
.eg-entry-hero-card small,
.eg-entry-final-banner small,
.eg-entry-zoom-copy small{display:block;font-size:.8rem;letter-spacing:.12rem;text-transform:uppercase;opacity:.82;margin-bottom:.45rem;}
.eg-entry-hero-card b,
.eg-entry-final-banner strong,
.eg-entry-zoom-copy strong{display:block;font-size:1.18rem;line-height:1.3;font-weight:800;}
.eg-entry-flip-sheet{top:7.2%;bottom:7.2%;left:50.1%;right:5.1%;transform-origin:left center;z-index:6;opacity:0;box-shadow:0 18px 32px rgba(4,18,47,.16);}
.eg-entry-sheet-face{position:absolute;inset:0;padding:1.75rem 1.45rem 1.5rem 1.6rem;color:#17385f;overflow:hidden;backface-visibility:hidden;border-radius:1.5rem;}
.eg-entry-sheet-back{transform:rotateY(180deg);}
.eg-entry-final-page{top:8.3%;bottom:8.3%;left:51.2%;right:6.2%;z-index:1;padding:1.2rem 1.15rem 1.1rem;opacity:0;transform:translateX(2rem) scale(.92);transition:opacity .8s ease, transform .95s cubic-bezier(.22,.78,.18,1), box-shadow .8s ease;box-shadow:0 18px 28px rgba(6,22,56,.08), inset 0 0 0 1px rgba(147,196,255,.18);}
.eg-entry-final-topbar,
.eg-entry-zoom-topbar{display:flex;gap:.42rem;}
.eg-entry-final-topbar span,
.eg-entry-zoom-topbar span{width:.7rem;height:.7rem;border-radius:999px;background:linear-gradient(180deg, rgba(40,113,219,.42), rgba(145,226,255,.88));}
.eg-entry-final-banner{margin-top:.9rem;padding:1.1rem;border-radius:1.1rem;background:linear-gradient(135deg, rgba(15,79,198,.96), rgba(110,220,255,.88));color:#f8fcff;box-shadow:0 18px 32px rgba(9,31,76,.14);}
.eg-entry-final-grid{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:.75rem;margin-top:.9rem;}
.eg-entry-cover{inset:5.1% 4.2% 5.1% 8.7%;z-index:10;transform-origin:left center;background:linear-gradient(155deg, #0a2a72 0%, #1253d2 46%, #72daff 100%);box-shadow:0 36px 62px rgba(3,18,49,.36), inset 0 0 0 1px rgba(230,248,255,.18);overflow:hidden;transition:transform 1.08s cubic-bezier(.18,.78,.16,1), opacity .8s ease;}
.eg-entry-cover::before{content:'';position:absolute;left:1rem;top:.9rem;bottom:.9rem;width:.96rem;border-radius:999px;background:linear-gradient(180deg, rgba(229,247,255,.62), rgba(14,66,171,.56));box-shadow:1px 0 0 rgba(255,255,255,.18);}
.eg-entry-cover::after{content:'';position:absolute;inset:0;background:linear-gradient(135deg, rgba(255,255,255,.22), transparent 28%, rgba(255,255,255,.08) 54%, transparent 76%);}
.eg-entry-cover-inner{position:relative;z-index:1;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2.3rem 2.2rem 2.1rem 3.6rem;color:#f8fcff;}
.eg-entry-cover-mark{display:inline-flex;align-items:center;justify-content:center;width:4.7rem;height:4.7rem;border-radius:1.45rem;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.20);box-shadow:0 18px 34px rgba(7,29,74,.18);font-size:1.28rem;font-weight:900;letter-spacing:.08rem;}
.eg-entry-cover-inner small{display:block;margin-top:1rem;font-size:.78rem;letter-spacing:.16rem;text-transform:uppercase;font-weight:800;opacity:.86;}
.eg-entry-cover-inner strong{display:block;margin-top:.55rem;font-size:clamp(2rem, 3.6vw, 3.2rem);line-height:1.05;font-weight:900;letter-spacing:.02em;text-shadow:0 12px 24px rgba(7,33,82,.24);}
.eg-entry-cover-inner p{margin:1rem 0 0;max-width:22ch;font-size:1rem;line-height:1.72;color:rgba(248,252,255,.92);}
.eg-entry-zoom-screen{position:absolute;left:50%;top:50%;width:min(920px, 95vw);transform:translate(-50%, -50%) scale(.56);opacity:0;pointer-events:none;z-index:30;transition:transform 1.15s cubic-bezier(.18,.78,.16,1), opacity .9s ease, filter .9s ease;filter:blur(12px);}
.eg-entry-zoom-window{border-radius:2rem;padding:1rem;background:rgba(244,251,255,.14);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(24px);box-shadow:0 40px 100px rgba(2,14,38,.34);}
.eg-entry-zoom-nav{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:.85rem;padding:1rem 1.1rem;border-radius:1.45rem;background:rgba(255,255,255,.78);box-shadow:inset 0 0 0 1px rgba(156,205,255,.18);}
.eg-entry-zoom-brand{display:flex;align-items:center;gap:.8rem;}
.eg-entry-zoom-brand-mark{display:inline-flex;align-items:center;justify-content:center;width:2.7rem;height:2.7rem;border-radius:.95rem;background:linear-gradient(135deg, #0f4fcb, #72dcff);color:#f8fcff;font-weight:900;box-shadow:0 12px 24px rgba(7,30,74,.16);}
.eg-entry-zoom-brand strong{display:block;color:#16365b;font-size:1rem;}
.eg-entry-zoom-brand small{display:block;color:#5f7c9f;font-size:.82rem;margin-top:.15rem;}
.eg-entry-zoom-links{display:flex;flex-wrap:wrap;gap:1rem;color:#537398;font-size:.9rem;font-weight:700;}
.eg-entry-zoom-hero{display:grid;grid-template-columns:1.2fr .75fr;gap:1rem;margin-top:1rem;align-items:stretch;}
.eg-entry-zoom-copy{padding:1.65rem 1.5rem;border-radius:1.6rem;background:linear-gradient(135deg, rgba(12,74,198,.98), rgba(106,216,255,.88));color:#f8fcff;box-shadow:0 26px 46px rgba(9,31,76,.16);}
.eg-entry-zoom-book{border-radius:1.6rem;background:linear-gradient(155deg, rgba(255,255,255,.96), rgba(227,242,255,.96));position:relative;box-shadow:inset 0 0 0 1px rgba(153,203,255,.18);overflow:hidden;}
.eg-entry-zoom-book::before{content:'';position:absolute;left:16%;top:14%;bottom:14%;width:22%;border-radius:1rem;background:linear-gradient(160deg, #0d2f7c, #1962e2 60%, #7ae3ff);box-shadow:0 18px 30px rgba(10,33,83,.16);}
.eg-entry-zoom-book::after{content:'';position:absolute;right:14%;top:18%;bottom:18%;left:44%;border-radius:1rem;background:linear-gradient(180deg, rgba(255,255,255,.96), rgba(232,244,255,.96));box-shadow:inset 0 0 0 1px rgba(160,205,255,.16);}
.eg-entry-zoom-grid{display:grid;grid-template-columns:1.3fr repeat(3, minmax(0, 1fr));gap:1rem;margin-top:1rem;}
.eg-entry-zoom-card{height:7rem;border-radius:1.35rem;background:linear-gradient(180deg, rgba(255,255,255,.92), rgba(228,241,255,.94));box-shadow:inset 0 0 0 1px rgba(152,202,255,.16);}
.eg-entry-zoom-card-wide{height:7rem;background:linear-gradient(135deg, rgba(255,255,255,.96), rgba(237,247,255,.95));}
.eg-intro-overlay.eg-entry-intro-v2.is-opening .eg-entry-cover{transform:rotateY(-132deg) translateX(-10px) translateZ(16px);}
.eg-intro-overlay.eg-entry-intro-v2.is-page-one .eg-entry-sheet-one{opacity:1;animation:egEntryPageTurn 1.12s cubic-bezier(.2,.76,.18,1) forwards;}
.eg-intro-overlay.eg-entry-intro-v2.is-page-two .eg-entry-sheet-two{opacity:1;animation:egEntryPageTurn 1.08s cubic-bezier(.2,.76,.18,1) forwards;}
.eg-intro-overlay.eg-entry-intro-v2.is-final-reveal .eg-entry-final-page{opacity:1;transform:translateX(0) scale(1);box-shadow:0 26px 40px rgba(7,23,60,.14), inset 0 0 0 1px rgba(255,255,255,.54);}
.eg-intro-overlay.eg-entry-intro-v2.is-final-reveal .eg-entry-book-frame{transform:translateY(-6px) scale(1.02);}
.eg-intro-overlay.eg-entry-intro-v2.is-final-reveal .eg-entry-zoom-screen{opacity:1;transform:translate(-50%, -50%) scale(.78);filter:blur(0);}
.eg-intro-overlay.eg-entry-intro-v2.is-zooming .eg-entry-book-frame{transform:translateY(36px) scale(.80);opacity:0;}
.eg-intro-overlay.eg-entry-intro-v2.is-zooming .eg-entry-book-shadow{transform:translateX(-50%) scale(.72);opacity:0;}
.eg-intro-overlay.eg-entry-intro-v2.is-zooming .eg-entry-zoom-screen{opacity:1;transform:translate(-50%, -50%) scale(1.08);filter:blur(0);}
@keyframes egEntryPageTurn{
    0%{transform:rotateY(0deg);opacity:1;}
    42%{transform:rotateY(-88deg);opacity:1;}
    100%{transform:rotateY(-178deg);opacity:0;}
}
@keyframes egEntrySparkFloat{
    0%,100%{transform:translate3d(0,0,0) scale(.92);opacity:.58;}
    50%{transform:translate3d(0,-12px,0) scale(1.1);opacity:1;}
}
@media (max-width: 991.98px){
    .eg-entry-stage{min-height:min(720px, 88vh);}
    .eg-entry-book-frame{width:min(620px, 92vw);height:390px;}
    .eg-entry-zoom-screen{width:min(760px, 96vw);}
    .eg-entry-zoom-hero{grid-template-columns:1fr;}
    .eg-entry-zoom-grid{grid-template-columns:repeat(2, minmax(0, 1fr));}
}
@media (max-width: 767.98px){
    .eg-intro-overlay.eg-entry-intro-v2{padding:1rem;}
    .eg-entry-skip{top:1rem;right:1rem;padding:.56rem .8rem;font-size:.9rem;}
    .eg-entry-stage{min-height:min(640px, 84vh);}
    .eg-entry-book-frame{width:min(94vw, 520px);height:300px;}
    .eg-entry-book-spine{width:2.3rem;border-radius:1.1rem;}
    .eg-entry-book-spine span{font-size:.62rem;letter-spacing:.15rem;}
    .eg-entry-page-panel,
    .eg-entry-sheet-face{padding:1.1rem .95rem 1rem;}
    .eg-entry-page-panel strong,
    .eg-entry-sheet-face strong{font-size:1rem;}
    .eg-entry-chip-row span,
    .eg-entry-zoom-tags span{padding:.38rem .62rem;font-size:.72rem;}
    .eg-entry-mini-shelf span,
    .eg-entry-final-grid span{height:3.25rem;}
    .eg-entry-cover-inner{padding:1.4rem 1.2rem 1.2rem 2.5rem;}
    .eg-entry-cover-mark{width:3.2rem;height:3.2rem;border-radius:1rem;font-size:1rem;}
    .eg-entry-cover-inner strong{font-size:1.55rem;}
    .eg-entry-cover-inner p{font-size:.8rem;line-height:1.5;}
    .eg-entry-zoom-window{padding:.75rem;}
    .eg-entry-zoom-nav{padding:.8rem .85rem;}
    .eg-entry-zoom-links{gap:.6rem;font-size:.78rem;}
    .eg-entry-zoom-copy{padding:1.1rem 1rem;}
    .eg-entry-zoom-copy strong{font-size:1rem;}
    .eg-entry-zoom-grid{grid-template-columns:repeat(2, minmax(0, 1fr));gap:.75rem;}
    .eg-entry-zoom-card{height:4.8rem;}
    .eg-intro-overlay.eg-entry-intro-v2.is-zooming .eg-entry-zoom-screen{transform:translate(-50%, -50%) scale(1.02);}
}
@media (prefers-reduced-motion: reduce){
    .eg-intro-overlay.eg-entry-intro-v2,
    .eg-intro-overlay.eg-entry-intro-v2 *{animation:none !important;transition:none !important;}
    .eg-intro-overlay.eg-entry-intro-v2{display:none !important;}
}

/* Step 50 real full-page flip intro override */
.eg-intro-overlay.eg-entry-intro-v2{
    background:
        radial-gradient(circle at 50% 16%, rgba(112,228,255,.14), transparent 24%),
        radial-gradient(circle at 50% 100%, rgba(42,106,255,.17), transparent 34%),
        linear-gradient(180deg, #021120 0%, #071a34 38%, #0a2041 72%, #061428 100%);
}
.eg-entry-stage{width:min(1180px,100%);min-height:min(840px,92vh)}
.eg-entry-book-shell{width:min(1020px,96vw)}
.eg-entry-book-shadow{bottom:2.4%;width:min(690px,74vw);height:4.9rem;opacity:.78}
.eg-entry-book-frame{width:min(740px,88vw);height:470px;perspective:3400px;transform-style:preserve-3d}
.eg-entry-book-block{transform-style:preserve-3d}
.eg-entry-book-spine{left:7.05%;top:6.3%;bottom:6.3%;width:3.5rem;z-index:3}
.eg-entry-page-stack{inset:5.9% 4.6% 5.9% 10%;border-radius:2.05rem;background:linear-gradient(90deg, #d7ebff 0%, #f7fcff 7%, #ffffff 17%, #edf7ff 48%, #d7ebff 50%, #ffffff 61%, #e2f2ff 100%)}
.eg-entry-page-stack::before{width:1.35rem;background:linear-gradient(180deg, rgba(14,53,128,.10), rgba(255,255,255,.88) 25%, rgba(152,214,255,.18) 50%, rgba(255,255,255,.88) 75%, rgba(14,53,128,.12))}
.eg-entry-page,
.eg-entry-flip-sheet,
.eg-entry-cover,
.eg-entry-final-page{top:7.1%;bottom:7.1%}
.eg-entry-page{width:39.55%;display:flex;align-items:stretch;overflow:hidden;border-radius:0 1.7rem 1.7rem 0;transition:transform .9s cubic-bezier(.22,.78,.18,1), box-shadow .9s ease}
.eg-entry-left-page{left:10.55%;z-index:2;border-radius:1.7rem 0 0 1.7rem}
.eg-entry-right-page-base{right:5%;z-index:3}
.eg-entry-page-panel,
.eg-entry-sheet-face,
.eg-entry-final-page{background:linear-gradient(180deg, rgba(255,255,255,.985), rgba(238,248,255,.985));box-shadow:inset 0 0 0 1px rgba(149,198,255,.18)}
.eg-entry-left-page .eg-entry-page-panel{border-radius:1.7rem 0 0 1.7rem}
.eg-entry-right-page-base .eg-entry-page-panel{border-radius:0 1.7rem 1.7rem 0}
.eg-entry-page-panel{padding:1.85rem 1.7rem 1.5rem;color:#16385f;display:flex;flex-direction:column;overflow:hidden}
.eg-entry-page-head{display:flex;align-items:center;justify-content:space-between;gap:.7rem}
.eg-entry-page-number{display:inline-flex;align-items:center;justify-content:center;padding:.4rem .7rem;border-radius:999px;background:rgba(19,86,200,.06);color:#1f5dca;font-size:.72rem;font-weight:900;letter-spacing:.14rem;text-transform:uppercase}
.eg-entry-page-label{background:rgba(29,100,217,.1);font-size:.72rem;letter-spacing:.13rem}
.eg-entry-page-panel strong,
.eg-entry-sheet-face strong{font-size:1.48rem;line-height:1.22;max-width:none;margin-top:1rem}
.eg-entry-chip-row-tight{margin-top:1rem}
.eg-entry-page-mosaic{display:grid;grid-template-columns:1.04fr .96fr;grid-auto-rows:minmax(3.55rem,auto);gap:.72rem;margin-top:1.12rem}
.eg-entry-page-mosaic span,
.eg-entry-inline-preview span,
.eg-entry-page-rail span{display:block;border-radius:1rem;background:linear-gradient(180deg, rgba(242,249,255,.98), rgba(224,239,255,.96));box-shadow:inset 0 0 0 1px rgba(151,199,255,.16)}
.eg-entry-page-mosaic .is-tall{grid-row:span 2;min-height:7.85rem;background:linear-gradient(155deg, rgba(13,47,124,.98), rgba(30,100,226,.95) 58%, rgba(122,227,255,.90));box-shadow:0 18px 30px rgba(9,33,83,.16)}
.eg-entry-page-mosaic-tight{grid-auto-rows:minmax(3.2rem,auto)}
.eg-entry-inline-preview{display:grid;grid-template-columns:1.28fr repeat(3, minmax(0, 1fr));gap:.72rem;margin-top:1.15rem}
.eg-entry-inline-preview .is-wide{background:linear-gradient(135deg, rgba(14,79,199,.94), rgba(116,223,255,.86));box-shadow:0 16px 28px rgba(8,30,76,.14)}
.eg-entry-page-rail{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:.72rem;margin-top:1.15rem}
.eg-entry-page-rail span:nth-child(1){height:7rem;background:linear-gradient(155deg, rgba(13,47,124,.98), rgba(30,100,226,.95) 58%, rgba(122,227,255,.90))}
.eg-entry-page-rail span:nth-child(2){height:5.8rem}
.eg-entry-page-rail span:nth-child(3){height:6.6rem}
.eg-entry-page-footer{margin-top:auto;padding-top:1rem;color:#55739a;font-size:.84rem;line-height:1.55;font-weight:700}
.eg-entry-page-preview-card{margin-top:1.08rem;padding:1rem 1rem 1.02rem;border-radius:1.15rem;background:linear-gradient(135deg, rgba(13,79,198,.96), rgba(110,220,255,.88));color:#f8fcff;box-shadow:0 18px 32px rgba(9,31,76,.14)}
.eg-entry-page-preview-card small{display:block;font-size:.78rem;letter-spacing:.12rem;text-transform:uppercase;opacity:.82;margin-bottom:.42rem}
.eg-entry-page-preview-card b{display:block;font-size:1.05rem;line-height:1.35;font-weight:800}
.eg-entry-flip-sheet{
    left:50.02%;
    right:5%;
    border-radius:0 1.7rem 1.7rem 0;
    transform-origin:left center;
    transform-style:preserve-3d;
    backface-visibility:visible;
    will-change:transform;
    box-shadow:none;
    opacity:1;
    overflow:visible;
}
.eg-entry-sheet-one{z-index:10}
.eg-entry-sheet-two{z-index:8}
.eg-entry-flip-sheet::before{
    content:'';
    position:absolute;
    left:-2px;
    top:0;
    bottom:0;
    width:18px;
    border-radius:999px;
    background:linear-gradient(90deg, rgba(10,37,94,.28), rgba(255,255,255,0));
    pointer-events:none;
}
.eg-entry-sheet-face{
    position:absolute;
    inset:0;
    padding:1.78rem 1.5rem 1.52rem 1.62rem;
    border-radius:0 1.7rem 1.7rem 0;
    backface-visibility:hidden;
    display:flex;
    flex-direction:column;
    overflow:hidden;
}
.eg-entry-sheet-front{background:linear-gradient(180deg, rgba(255,255,255,.99), rgba(238,248,255,.985))}
.eg-entry-sheet-back{transform:rotateY(180deg);background:linear-gradient(180deg, rgba(250,253,255,.99), rgba(232,245,255,.985))}
.eg-entry-sheet-front-one strong{color:#123560}
.eg-entry-sheet-back-two strong{color:#163d69}
.eg-entry-sheet-front-three strong{color:#12365f}
.eg-entry-sheet-back-four strong{color:#133a67}
.eg-entry-cover{
    inset:5% 4.2% 5% 8.7%;
    z-index:12;
    border-radius:2rem;
    transform-origin:left center;
    transform-style:preserve-3d;
    backface-visibility:visible;
    background:none;
    box-shadow:none;
    overflow:visible;
}
.eg-entry-cover-face{
    position:absolute;
    inset:0;
    border-radius:2rem;
    backface-visibility:hidden;
    overflow:hidden;
}
.eg-entry-cover-front{
    background:linear-gradient(155deg, #0a2a72 0%, #1253d2 46%, #72daff 100%);
    box-shadow:0 36px 62px rgba(3,18,49,.36), inset 0 0 0 1px rgba(230,248,255,.18);
}
.eg-entry-cover-front::before{
    content:'';
    position:absolute;
    left:1rem;
    top:.9rem;
    bottom:.9rem;
    width:.96rem;
    border-radius:999px;
    background:linear-gradient(180deg, rgba(229,247,255,.62), rgba(14,66,171,.56));
    box-shadow:1px 0 0 rgba(255,255,255,.18);
}
.eg-entry-cover-front::after{
    content:'';
    position:absolute;
    inset:0;
    background:linear-gradient(135deg, rgba(255,255,255,.22), transparent 28%, rgba(255,255,255,.08) 54%, transparent 76%);
}
.eg-entry-cover-back{
    transform:rotateY(180deg);
    background:linear-gradient(180deg, rgba(248,252,255,.98), rgba(231,244,255,.98));
    box-shadow:inset 0 0 0 1px rgba(149,198,255,.18), 0 24px 42px rgba(6,22,56,.12);
}
.eg-entry-cover-back-panel{height:100%;padding:1.85rem 1.55rem 1.55rem 1.7rem;display:flex;flex-direction:column;justify-content:center;color:#14375f}
.eg-entry-cover-back-panel strong{display:block;margin-top:1rem;font-size:1.36rem;line-height:1.24;font-weight:800}
.eg-entry-cover-back-lines{display:grid;gap:.58rem;margin-top:1.1rem}
.eg-entry-cover-back-lines span{display:block;height:.72rem;border-radius:999px;background:linear-gradient(90deg, rgba(43,105,214,.16), rgba(141,226,255,.26))}
.eg-entry-cover-back-lines span:nth-child(1){width:84%}
.eg-entry-cover-back-lines span:nth-child(2){width:76%}
.eg-entry-cover-back-lines span:nth-child(3){width:62%}
.eg-entry-cover-inner{padding:2.3rem 2.2rem 2.1rem 3.6rem}
.eg-entry-final-page{left:50.95%;right:5.85%;z-index:4;opacity:0;transform:translateX(2rem) scale(.94);transition:opacity .85s ease, transform .95s cubic-bezier(.22,.78,.18,1), box-shadow .8s ease}
.eg-entry-right-page-base,
.eg-entry-zoom-screen{transition:transform 1.05s cubic-bezier(.18,.78,.16,1), opacity .9s ease, filter .9s ease, box-shadow .9s ease}
.eg-intro-overlay.eg-entry-intro-v2.is-opening .eg-entry-cover{transform:rotateY(-162deg) translateZ(10px)}
.eg-intro-overlay.eg-entry-intro-v2.is-page-one .eg-entry-sheet-one{animation:egEntryLeafTurnReal 1.45s cubic-bezier(.18,.78,.16,1) forwards}
.eg-intro-overlay.eg-entry-intro-v2.is-page-two .eg-entry-sheet-two{z-index:11;animation:egEntryLeafTurnReal 1.38s cubic-bezier(.18,.78,.16,1) forwards}
.eg-intro-overlay.eg-entry-intro-v2.is-final-reveal .eg-entry-right-page-base{transform:translateY(-5px) scale(1.02);box-shadow:0 26px 40px rgba(7,23,60,.14)}
.eg-intro-overlay.eg-entry-intro-v2.is-final-reveal .eg-entry-final-page{opacity:1;transform:translateX(0) scale(1);box-shadow:0 26px 40px rgba(7,23,60,.14), inset 0 0 0 1px rgba(255,255,255,.54)}
.eg-intro-overlay.eg-entry-intro-v2.is-final-reveal .eg-entry-book-frame{transform:translateY(-6px) scale(1.02)}
.eg-intro-overlay.eg-entry-intro-v2.is-final-reveal .eg-entry-zoom-screen{opacity:1;transform:translate(-50%, -50%) scale(.8);filter:blur(0)}
.eg-intro-overlay.eg-entry-intro-v2.is-zooming .eg-entry-book-frame{transform:translateY(38px) scale(.80);opacity:0}
.eg-intro-overlay.eg-entry-intro-v2.is-zooming .eg-entry-book-shadow{transform:translateX(-50%) scale(.72);opacity:0}
.eg-intro-overlay.eg-entry-intro-v2.is-zooming .eg-entry-zoom-screen{opacity:1;transform:translate(-50%, -50%) scale(1.08);filter:blur(0)}
@keyframes egEntryLeafTurnReal{
    0%{transform:rotateY(0deg) translateZ(0)}
    18%{transform:rotateY(-16deg) translateZ(10px)}
    42%{transform:rotateY(-72deg) translateZ(24px)}
    66%{transform:rotateY(-132deg) translateZ(16px)}
    100%{transform:rotateY(-180deg) translateZ(0)}
}
@media (max-width: 991.98px){
    .eg-entry-book-frame{width:min(640px,92vw);height:400px}
    .eg-entry-page-panel,
    .eg-entry-sheet-face,
    .eg-entry-cover-back-panel{padding:1.4rem 1.1rem 1.15rem 1.2rem}
    .eg-entry-page-panel strong,
    .eg-entry-sheet-face strong,
    .eg-entry-cover-back-panel strong{font-size:1.14rem}
    .eg-entry-page-mosaic{grid-auto-rows:minmax(2.8rem, auto)}
    .eg-entry-page-mosaic .is-tall{min-height:6.2rem}
    .eg-entry-page-rail span:nth-child(1){height:5.6rem}
    .eg-entry-page-rail span:nth-child(2){height:4.8rem}
    .eg-entry-page-rail span:nth-child(3){height:5.2rem}
}
@media (max-width: 767.98px){
    .eg-entry-book-frame{width:min(94vw, 530px);height:308px}
    .eg-entry-page-number{font-size:.62rem;padding:.34rem .56rem;letter-spacing:.11rem}
    .eg-entry-page-panel strong,
    .eg-entry-sheet-face strong,
    .eg-entry-cover-back-panel strong{font-size:1rem}
    .eg-entry-page-footer{font-size:.72rem}
    .eg-entry-page-mosaic,
    .eg-entry-inline-preview,
    .eg-entry-page-rail{gap:.52rem}
    .eg-entry-page-mosaic{grid-auto-rows:minmax(2.1rem, auto)}
    .eg-entry-page-mosaic .is-tall{min-height:4.9rem}
    .eg-entry-page-rail span:nth-child(1){height:4.2rem}
    .eg-entry-page-rail span:nth-child(2){height:3.6rem}
    .eg-entry-page-rail span:nth-child(3){height:4rem}
    .eg-entry-cover-back-panel{padding:1.15rem .95rem 1rem 1.05rem}
}


/* Step 51 premium storefront intro rebuild */
body.intro-lock{overflow:hidden;}
.eg-luxe-intro{
    position:fixed;
    inset:0;
    z-index:1100;
    display:grid;
    place-items:center;
    padding:1.2rem;
    overflow:hidden;
    background:
        radial-gradient(circle at top, rgba(120, 214, 255, .16), transparent 28%),
        radial-gradient(circle at bottom right, rgba(80, 128, 255, .16), transparent 24%),
        linear-gradient(180deg, #021120 0%, #07172d 46%, #0b1d38 100%);
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transition:opacity .55s ease, visibility .55s ease;
}
.eg-luxe-intro.is-active{opacity:1;visibility:visible;pointer-events:auto;}
.eg-luxe-intro.is-finished{opacity:0;visibility:hidden;pointer-events:none;}
.eg-luxe-atmosphere,
.eg-luxe-stage{position:relative;z-index:1;}
.eg-luxe-atmosphere{position:absolute;inset:0;pointer-events:none;overflow:hidden;}
.eg-luxe-aurora,
.eg-luxe-grid-glow{position:absolute;border-radius:999px;filter:blur(36px);}
.eg-luxe-aurora-left{left:-10rem;top:-8rem;width:32rem;height:32rem;background:radial-gradient(circle, rgba(93, 210, 255, .24), transparent 72%);}
.eg-luxe-aurora-right{right:-12rem;bottom:-9rem;width:34rem;height:34rem;background:radial-gradient(circle, rgba(92, 118, 255, .24), transparent 72%);}
.eg-luxe-grid-glow{left:50%;bottom:-14rem;transform:translateX(-50%);width:min(78rem, 94vw);height:26rem;background:radial-gradient(circle, rgba(43, 104, 213, .26), transparent 70%);}
.eg-luxe-spark{position:absolute;width:.52rem;height:.52rem;border-radius:999px;background:radial-gradient(circle, rgba(255,255,255,.98), rgba(173,233,255,.42) 58%, transparent 74%);box-shadow:0 0 18px rgba(185,237,255,.4);animation:egLuxeSpark 6.8s ease-in-out infinite;opacity:.85;}
.eg-luxe-spark-1{left:12%;top:18%;animation-delay:.2s}
.eg-luxe-spark-2{left:80%;top:22%;animation-delay:1.3s}
.eg-luxe-spark-3{left:22%;top:74%;animation-delay:2.2s}
.eg-luxe-spark-4{left:72%;top:78%;animation-delay:.8s}
.eg-luxe-skip{
    position:absolute;
    top:1.25rem;
    right:1.25rem;
    z-index:5;
    border:none;
    border-radius:999px;
    padding:.7rem 1rem;
    background:rgba(255,255,255,.08);
    color:#f2f8ff;
    font-size:.88rem;
    font-weight:700;
    letter-spacing:.04em;
    transition:background .25s ease, transform .25s ease;
    backdrop-filter:blur(14px);
}
.eg-luxe-skip:hover{background:rgba(255,255,255,.14);transform:translateY(-1px);}
.eg-luxe-stage{width:min(1320px, 100%);min-height:min(820px, 90vh);display:grid;place-items:center;}
.eg-luxe-preview-frame{
    width:min(1040px, 94vw);
    transform:translateY(26px) scale(.74);
    opacity:0;
    transform-origin:center center;
    transition:transform 1.15s cubic-bezier(.2,.78,.18,1), opacity .7s ease;
}
.eg-luxe-preview-shell{
    position:relative;
    border-radius:2rem;
    padding:1rem;
    background:rgba(245, 250, 255, .12);
    border:1px solid rgba(255,255,255,.16);
    box-shadow:0 34px 110px rgba(0, 7, 24, .42), inset 0 1px 0 rgba(255,255,255,.2);
    backdrop-filter:blur(24px);
    overflow:hidden;
}
.eg-luxe-preview-shell::before{
    content:'';
    position:absolute;
    inset:0;
    background:linear-gradient(135deg, rgba(255,255,255,.13), transparent 34%, rgba(255,255,255,.08) 68%, transparent 100%);
    pointer-events:none;
}
.eg-luxe-browser-bar{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:1rem;
    padding:.9rem 1rem;
    border-radius:1.4rem;
    background:rgba(255,255,255,.08);
    border:1px solid rgba(255,255,255,.12);
}
.eg-luxe-browser-dots{display:flex;gap:.45rem;}
.eg-luxe-browser-dots span{width:.74rem;height:.74rem;border-radius:999px;background:linear-gradient(180deg, rgba(87,156,255,.7), rgba(171,238,255,.96));box-shadow:0 0 12px rgba(160,227,255,.25);}
.eg-luxe-browser-brand{display:flex;align-items:center;gap:.75rem;min-width:0;}
.eg-luxe-browser-mark{display:grid;place-items:center;width:2.7rem;height:2.7rem;border-radius:.95rem;background:linear-gradient(145deg, rgba(25,89,214,.95), rgba(110,223,255,.86));color:#ffffff;font-weight:900;letter-spacing:.08em;box-shadow:0 12px 24px rgba(21,65,150,.26);}
.eg-luxe-browser-brand strong{display:block;color:#f7fbff;font-size:1rem;line-height:1.05;}
.eg-luxe-browser-brand small{display:block;color:rgba(227,243,255,.78);font-size:.74rem;letter-spacing:.08em;text-transform:uppercase;}
.eg-luxe-browser-links{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;justify-content:flex-end;}
.eg-luxe-browser-links span{padding:.42rem .7rem;border-radius:999px;background:rgba(255,255,255,.08);color:#edf7ff;font-size:.72rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;}
.eg-luxe-preview-hero{
    display:grid;
    grid-template-columns:minmax(0, 1.15fr) minmax(260px, .85fr);
    gap:1rem;
    align-items:stretch;
    margin-top:1rem;
}
.eg-luxe-preview-copy,
.eg-luxe-featured-card,
.eg-luxe-product-card{
    position:relative;
    border-radius:1.7rem;
    background:linear-gradient(180deg, rgba(255,255,255,.92), rgba(233,244,255,.9));
    border:1px solid rgba(178,214,255,.24);
    box-shadow:0 24px 48px rgba(8,27,59,.12);
    overflow:hidden;
}
.eg-luxe-preview-copy{padding:1.4rem 1.35rem 1.35rem;display:flex;flex-direction:column;justify-content:space-between;}
.eg-luxe-kicker{display:inline-flex;align-items:center;width:max-content;padding:.45rem .78rem;border-radius:999px;background:rgba(40,101,215,.08);color:#2a63ca;font-size:.73rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;}
.eg-luxe-preview-copy h2{margin:.95rem 0 0;font-size:clamp(1.7rem, 2.8vw, 2.85rem);line-height:1.08;color:#123150;max-width:14ch;}
.eg-luxe-tag-row{display:flex;gap:.55rem;flex-wrap:wrap;margin-top:1rem;}
.eg-luxe-tag-row span{padding:.46rem .78rem;border-radius:999px;background:rgba(44,103,215,.08);color:#2c66ca;font-size:.76rem;font-weight:700;}
.eg-luxe-featured-card{padding:.95rem;display:grid;grid-template-rows:minmax(0, 1fr) auto;gap:.9rem;min-height:320px;}
.eg-luxe-featured-image-wrap{position:relative;border-radius:1.35rem;background:linear-gradient(180deg, rgba(226,239,255,.98), rgba(243,249,255,.94));min-height:220px;display:grid;place-items:center;overflow:hidden;}
.eg-luxe-featured-image-fallback::before{content:'';width:56%;height:68%;border-radius:1.6rem;background:linear-gradient(160deg, rgba(29,90,210,.18), rgba(125,222,255,.38));box-shadow:0 22px 36px rgba(6,27,64,.12);}
.eg-luxe-featured-image{width:100%;height:100%;object-fit:cover;display:block;}
.eg-luxe-featured-meta small,
.eg-luxe-product-meta small{display:block;color:#5d7da4;font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;}
.eg-luxe-featured-meta strong,
.eg-luxe-product-meta strong{display:block;margin-top:.4rem;color:#13304d;line-height:1.25;font-size:1.02rem;}
.eg-luxe-preview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:1rem;}
.eg-luxe-product-card{padding:.85rem;display:grid;grid-template-columns:92px minmax(0, 1fr);gap:.85rem;align-items:center;min-height:120px;}
.eg-luxe-product-thumb-wrap{height:92px;border-radius:1.05rem;overflow:hidden;background:linear-gradient(180deg, rgba(230,240,255,.98), rgba(245,250,255,.94));}
.eg-luxe-product-thumb{width:100%;height:100%;object-fit:cover;display:block;}
.eg-luxe-product-card.is-placeholder{grid-template-columns:1fr;min-height:120px;background:linear-gradient(180deg, rgba(255,255,255,.78), rgba(231,242,255,.72));}
.eg-luxe-product-card.is-placeholder::before,
.eg-luxe-product-card.is-placeholder::after{content:'';display:block;border-radius:999px;background:rgba(46,106,213,.12);}
.eg-luxe-product-card.is-placeholder::before{height:5rem;border-radius:1rem;}
.eg-luxe-product-card.is-placeholder::after{height:.65rem;margin-top:.8rem;width:64%;}
.eg-luxe-intro.is-revealing .eg-luxe-preview-frame{opacity:1;transform:translateY(0) scale(.88);}
.eg-luxe-intro.is-settled .eg-luxe-preview-frame{transform:translateY(0) scale(.94);}
.eg-luxe-intro.is-expanding .eg-luxe-preview-frame{opacity:1;transform:translateY(0) scale(1.18);}
.eg-luxe-intro.is-expanding .eg-luxe-preview-shell{border-radius:2.35rem;box-shadow:0 40px 130px rgba(0, 7, 24, .34), inset 0 1px 0 rgba(255,255,255,.18);}
@keyframes egLuxeSpark{
    0%,100%{transform:translate3d(0,0,0) scale(.86);opacity:.55;}
    50%{transform:translate3d(0,-12px,0) scale(1.06);opacity:1;}
}
@media (max-width: 991.98px){
    .eg-luxe-stage{min-height:min(720px, 88vh);}
    .eg-luxe-preview-frame{width:min(760px, 94vw);}
    .eg-luxe-browser-bar{flex-wrap:wrap;justify-content:flex-start;}
    .eg-luxe-browser-links{justify-content:flex-start;}
    .eg-luxe-preview-hero{grid-template-columns:1fr;}
    .eg-luxe-featured-card{min-height:280px;}
}
@media (max-width: 767.98px){
    .eg-luxe-intro{padding:.9rem;}
    .eg-luxe-skip{top:.95rem;right:.95rem;padding:.62rem .88rem;font-size:.82rem;}
    .eg-luxe-stage{min-height:min(640px, 86vh);}
    .eg-luxe-preview-frame{width:min(94vw, 420px);}
    .eg-luxe-preview-shell{padding:.8rem;border-radius:1.45rem;}
    .eg-luxe-browser-bar{padding:.78rem .82rem;border-radius:1.1rem;}
    .eg-luxe-browser-brand strong{font-size:.92rem;}
    .eg-luxe-browser-links{display:none;}
    .eg-luxe-preview-copy{padding:1rem 1rem 1.05rem;border-radius:1.2rem;}
    .eg-luxe-preview-copy h2{font-size:1.45rem;max-width:none;}
    .eg-luxe-featured-card{padding:.78rem;border-radius:1.2rem;min-height:240px;}
    .eg-luxe-featured-image-wrap{min-height:170px;border-radius:1rem;}
    .eg-luxe-preview-grid{grid-template-columns:1fr;gap:.8rem;}
    .eg-luxe-product-card{grid-template-columns:82px minmax(0,1fr);min-height:100px;padding:.72rem;border-radius:1.1rem;}
    .eg-luxe-product-thumb-wrap{height:82px;}
    .eg-luxe-intro.is-expanding .eg-luxe-preview-frame{transform:translateY(0) scale(1.06);}
}
@media (prefers-reduced-motion: reduce){
    .eg-luxe-spark{animation:none;}
    .eg-luxe-preview-frame,
    .eg-luxe-preview-shell{transition:none;}
}

/* Step 52 premium chapter intro */
.chapter-intro-overlay{
    position:fixed;
    inset:0;
    z-index:1060;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:2rem;
    overflow:hidden;
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transition:opacity .7s ease, visibility .7s ease;
    background:
        radial-gradient(circle at 18% 18%, rgba(150,234,255,.16), transparent 24%),
        radial-gradient(circle at 82% 80%, rgba(137,167,255,.14), transparent 26%),
        linear-gradient(140deg, #051125 0%, #0a224d 38%, #123b8d 68%, #73d3ff 100%);
    backdrop-filter:blur(14px);
}
.chapter-intro-overlay.is-active{opacity:1;visibility:visible;pointer-events:auto}
.chapter-intro-overlay.is-finished{opacity:0;visibility:hidden;pointer-events:none}
.chapter-intro-overlay::before,
.chapter-intro-overlay::after{
    content:'';
    position:absolute;
    border-radius:50%;
    filter:blur(10px);
    pointer-events:none;
}
.chapter-intro-overlay::before{
    width:36rem;
    height:36rem;
    left:-11rem;
    top:-11rem;
    background:radial-gradient(circle, rgba(167,236,255,.20), transparent 68%);
}
.chapter-intro-overlay::after{
    width:34rem;
    height:34rem;
    right:-11rem;
    bottom:-12rem;
    background:radial-gradient(circle, rgba(180,197,255,.14), transparent 70%);
}
.chapter-intro-orb{position:absolute;border-radius:50%;filter:blur(16px);pointer-events:none}
.chapter-intro-orb-left{width:24rem;height:24rem;left:8%;top:12%;background:radial-gradient(circle, rgba(113,229,255,.16), transparent 70%)}
.chapter-intro-orb-right{width:22rem;height:22rem;right:10%;bottom:10%;background:radial-gradient(circle, rgba(124,151,255,.16), transparent 70%)}
.chapter-intro-stars{position:absolute;inset:0;pointer-events:none}
.chapter-intro-stars span{
    position:absolute;
    width:8px;
    height:8px;
    border-radius:50%;
    background:radial-gradient(circle, rgba(255,255,255,.96), rgba(133,228,255,.42) 58%, transparent 72%);
    box-shadow:0 0 18px rgba(151,226,255,.52);
    animation:chapterStarFloat 6s ease-in-out infinite;
}
.chapter-intro-stars span:nth-child(1){top:12%;left:14%;animation-delay:.2s}
.chapter-intro-stars span:nth-child(2){top:22%;left:77%;animation-delay:1.1s}
.chapter-intro-stars span:nth-child(3){top:34%;left:61%;animation-delay:2.2s}
.chapter-intro-stars span:nth-child(4){top:64%;left:16%;animation-delay:1.5s}
.chapter-intro-stars span:nth-child(5){top:76%;left:82%;animation-delay:2.7s}
.chapter-intro-stars span:nth-child(6){top:54%;left:71%;animation-delay:.8s}
.chapter-intro-world{
    position:relative;
    z-index:2;
    width:min(1280px,100%);
    display:grid;
    grid-template-columns:minmax(300px,360px) minmax(560px,1fr);
    gap:2.8rem;
    align-items:center;
}
.chapter-intro-copy{
    max-width:360px;
    color:#f4fbff;
    transform:translateY(24px);
    opacity:0;
    transition:transform .9s cubic-bezier(.2,.8,.2,1), opacity .9s ease;
}
.chapter-intro-overlay.is-active .chapter-intro-copy{transform:translateY(0);opacity:1}
.chapter-intro-overlay.is-zooming .chapter-intro-copy{opacity:0;transform:translateX(-18px)}
.chapter-intro-kicker{
    display:inline-flex;
    align-items:center;
    gap:.5rem;
    padding:.62rem 1rem;
    border-radius:999px;
    border:1px solid rgba(221,244,255,.24);
    background:rgba(255,255,255,.10);
    box-shadow:0 14px 28px rgba(5,18,52,.12);
    font-size:.76rem;
    font-weight:800;
    letter-spacing:.14em;
    text-transform:uppercase;
}
.chapter-intro-copy h2{margin:1rem 0 .9rem;font-size:clamp(2.2rem,4.1vw,4rem);line-height:1.04;color:#fff;text-shadow:0 18px 42px rgba(6,24,71,.24)}
.chapter-intro-copy p{margin:0;font-size:1.03rem;line-height:1.88;color:rgba(236,248,255,.92)}
.chapter-intro-skip{
    position:absolute;
    top:1.35rem;
    right:1.35rem;
    z-index:4;
    border:none;
    background:rgba(255,255,255,.10);
    color:#eef8ff;
    padding:.72rem 1rem;
    border-radius:999px;
    font-weight:800;
    letter-spacing:.03em;
    box-shadow:0 18px 32px rgba(4,18,52,.16);
}
.chapter-intro-skip:hover{color:#fff;background:rgba(255,255,255,.16)}
.chapter-book-stage{position:relative;min-height:620px;display:flex;align-items:center;justify-content:center;perspective:3600px}
.chapter-book-shadow{position:absolute;bottom:18px;width:min(760px,88%);height:96px;border-radius:50%;background:radial-gradient(circle, rgba(4,14,42,.6), transparent 72%);filter:blur(18px)}
.chapter-book-shell{
    position:relative;
    width:min(880px,100%);
    aspect-ratio:1.78/1;
    transform-style:preserve-3d;
    transform:rotateX(18deg) rotateZ(-5deg) translateY(10px);
    transition:transform 1.2s cubic-bezier(.2,.8,.2,1), opacity .8s ease;
}
.chapter-book-shell::before{
    content:'';
    position:absolute;
    inset:6.5% 4.3% 9.4%;
    border-radius:34px;
    background:linear-gradient(180deg, rgba(4,17,48,.24), transparent 24%, transparent 76%, rgba(4,17,48,.18));
    transform:translateZ(-32px);
    filter:blur(6px);
}
.chapter-intro-overlay.is-active .chapter-book-shell{animation:chapterBookFloat 5s ease-in-out infinite alternate}
.chapter-intro-overlay.is-zooming .chapter-book-shell{transform:rotateX(10deg) rotateZ(-1deg) translateY(10px) scale(.92);opacity:.1}
.chapter-book-stack,
.chapter-static-page,
.chapter-turn-page,
.chapter-book-cover,
.chapter-book-spine{
    position:absolute;
    top:7.8%;
    bottom:10.8%;
    border-radius:28px;
    transform-style:preserve-3d;
}
.chapter-book-spine{
    left:47.8%;
    width:5.2%;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
    z-index:4;
    background:linear-gradient(180deg, #0b2c78, #174db8 55%, #0a2b72 100%);
    box-shadow:0 0 0 1px rgba(218,241,255,.12), inset 0 0 0 1px rgba(255,255,255,.08), inset 10px 0 14px rgba(5,20,60,.28);
}
.chapter-book-spine::before,.chapter-book-spine::after{content:'';position:absolute;top:8%;bottom:8%;width:1px;background:rgba(255,255,255,.18)}
.chapter-book-spine::before{left:8px}
.chapter-book-spine::after{right:8px}
.chapter-book-spine span{color:#f2fbff;font-size:.82rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase;writing-mode:vertical-rl;transform:rotate(180deg)}
.chapter-book-stack{
    top:8.8%;
    bottom:11.8%;
    width:42.3%;
    border-radius:24px;
    background:linear-gradient(180deg, rgba(249,252,255,.98), rgba(223,236,250,.98));
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.58), 0 18px 30px rgba(7,25,66,.08);
}
.chapter-book-stack::before,.chapter-book-stack::after{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none}
.chapter-book-stack::before{background:repeating-linear-gradient(180deg, rgba(91,130,196,.12) 0 1px, transparent 1px 7px);opacity:.85}
.chapter-book-stack::after{background:linear-gradient(90deg, rgba(255,255,255,.78), transparent 18%, transparent 82%, rgba(105,139,204,.14))}
.chapter-book-stack-left{left:4.8%;transform:translateZ(-16px) rotateY(10deg)}
.chapter-book-stack-right{right:5.9%;transform:translateZ(-16px) rotateY(-10deg)}
.chapter-static-page,
.chapter-turn-page,
.chapter-book-cover{width:43.5%;right:5.9%}
.chapter-static-page{
    left:4.8%;
    right:auto;
    z-index:5;
    background:linear-gradient(180deg, #fbfdff, #e3eef9);
    border:1px solid rgba(153,189,247,.26);
    box-shadow:0 28px 52px rgba(4,20,57,.12), inset 0 0 0 1px rgba(255,255,255,.7);
    overflow:hidden;
}
.chapter-static-page::before,
.chapter-face::before{
    content:'';
    position:absolute;
    inset:0;
    border-radius:inherit;
    background:
      linear-gradient(180deg, rgba(255,255,255,.58), transparent 18%, transparent 82%, rgba(138,164,206,.08)),
      repeating-linear-gradient(180deg, rgba(76,104,150,.028) 0 1px, transparent 1px 32px);
    pointer-events:none;
}
.chapter-static-page::after,
.chapter-face::after{content:'';position:absolute;inset:0;border-radius:inherit;background:linear-gradient(90deg, rgba(255,255,255,.7), transparent 10%, transparent 86%, rgba(70,108,180,.12));pointer-events:none}
.chapter-left-panel{position:absolute;inset:0;opacity:0;transform:translateY(8px);transition:opacity .45s ease, transform .6s ease}
.chapter-left-panel.is-visible,.chapter-left-panel-base{opacity:1;transform:none}
.chapter-intro-overlay.is-page-one .chapter-left-panel-base,
.chapter-intro-overlay.is-page-two .chapter-left-panel-base,
.chapter-intro-overlay.is-page-three .chapter-left-panel-base,
.chapter-intro-overlay.is-zooming .chapter-left-panel-base{opacity:0;transform:translateY(-8px)}
.chapter-intro-overlay.is-page-one .chapter-left-panel-one,
.chapter-intro-overlay.is-page-two .chapter-left-panel-one{opacity:1;transform:none}
.chapter-intro-overlay.is-page-two .chapter-left-panel-one,
.chapter-intro-overlay.is-page-three .chapter-left-panel-one,
.chapter-intro-overlay.is-zooming .chapter-left-panel-one{opacity:0;transform:translateY(-8px)}
.chapter-intro-overlay.is-page-two .chapter-left-panel-two,
.chapter-intro-overlay.is-page-three .chapter-left-panel-two{opacity:1;transform:none}
.chapter-intro-overlay.is-page-three .chapter-left-panel-two,
.chapter-intro-overlay.is-zooming .chapter-left-panel-two{opacity:0;transform:translateY(-8px)}
.chapter-intro-overlay.is-page-three .chapter-left-panel-three,
.chapter-intro-overlay.is-zooming .chapter-left-panel-three{opacity:1;transform:none}
.chapter-left-price{display:inline-flex;align-self:flex-start;margin-top:1rem;padding:.58rem .9rem;border-radius:999px;background:rgba(42,101,207,.12);color:#244e92;font-weight:800;letter-spacing:.04em}
.chapter-turn-page{
    z-index:8;
    transform-origin:left center;
    transition:transform 1.35s cubic-bezier(.22,.7,.18,1), filter .9s ease;
    filter:drop-shadow(0 24px 38px rgba(4,22,64,.12));
}
.chapter-turn-page::before{
    content:'';
    position:absolute;
    top:1.6%;
    bottom:1.6%;
    left:0;
    width:20px;
    border-radius:20px 0 0 20px;
    background:linear-gradient(90deg, rgba(13,36,84,.18), rgba(255,255,255,.22) 40%, transparent 100%);
    pointer-events:none;
    z-index:4;
}
.chapter-turn-page::after{
    content:'';
    position:absolute;
    inset:0;
    border-radius:inherit;
    background:linear-gradient(100deg, rgba(14,31,66,.22), transparent 12%, transparent 66%, rgba(255,255,255,.18));
    mix-blend-mode:multiply;
    pointer-events:none;
    opacity:.45;
}
.chapter-turn-page-one{z-index:8;transform:translateZ(16px)}
.chapter-turn-page-two{z-index:7;transform:translateZ(10px)}
.chapter-turn-page-three{z-index:6;transform:translateZ(4px)}
.chapter-book-cover{
    z-index:10;
    transform-origin:left center;
    transition:transform 1.55s cubic-bezier(.22,.7,.18,1), opacity .7s ease;
    background:linear-gradient(155deg, #1748c9 0%, #2b79ff 50%, #89e5ff 100%);
    border:1px solid rgba(232,247,255,.24);
    box-shadow:0 34px 62px rgba(6,24,71,.34), inset 0 1px 0 rgba(255,255,255,.26);
    overflow:hidden;
}
.chapter-book-cover::before{content:'';position:absolute;top:16px;bottom:16px;left:18px;width:12px;border-radius:999px;background:linear-gradient(180deg, rgba(239,251,255,.66), rgba(33,95,204,.65))}
.chapter-book-cover::after{content:'';position:absolute;inset:0;background:linear-gradient(135deg, rgba(255,255,255,.18), transparent 32%, rgba(255,255,255,.08) 55%, transparent 72%);pointer-events:none}
.chapter-book-cover-face,
.chapter-face{position:absolute;inset:0;border-radius:inherit;backface-visibility:hidden;overflow:hidden}
.chapter-book-cover-face{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:2.35rem 1.8rem 2.1rem 2rem;color:#f5fbff}
.chapter-book-cover-face::before{content:'';position:absolute;inset:18px;border-radius:20px;border:1px solid rgba(231,247,255,.24);pointer-events:none}
.chapter-book-cover-face-front{background:radial-gradient(circle at 28% 22%, rgba(255,255,255,.22), transparent 20%), linear-gradient(155deg, #1748c9 0%, #2b79ff 50%, #89e5ff 100%)}
.chapter-book-cover-face-back{transform:rotateY(180deg);background:linear-gradient(180deg, #edf6ff 0%, #d4e6fb 100%);color:#14375f}
.chapter-book-cover-face-back::before{border-color:rgba(72,108,180,.14)}
.chapter-cover-label{display:inline-flex;margin-bottom:.4rem;font-size:.74rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase;opacity:.92}
.chapter-cover-mark{display:inline-flex;align-items:center;justify-content:center;width:72px;height:72px;margin-bottom:.8rem;border-radius:22px;background:rgba(255,255,255,.14);border:1px solid rgba(233,247,255,.26);box-shadow:0 14px 28px rgba(7,33,83,.20);font-weight:900;font-size:1.15rem;letter-spacing:.08em}
.chapter-book-cover-face strong{display:block;font-size:2.2rem;line-height:1.02;text-shadow:0 10px 24px rgba(7,31,74,.16)}
.chapter-book-cover-face em{display:block;margin-top:.55rem;font-style:normal;font-size:1rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:inherit;opacity:.92}
.chapter-book-cover-face small:last-child{margin-top:.52rem;font-size:.95rem;opacity:.8}
.chapter-book-corner{position:absolute;width:72px;height:72px;right:16px;border-radius:0 24px 0 24px;border:1px solid rgba(230,246,255,.24);background:linear-gradient(135deg, rgba(255,255,255,.16), rgba(255,255,255,0));z-index:10}
.chapter-book-corner-top{top:14px}
.chapter-book-corner-bottom{bottom:14px;transform:rotate(180deg)}
.chapter-face{background:linear-gradient(180deg, #fefefe, #ebf3fb);border:1px solid rgba(153,189,247,.24);box-shadow:0 28px 52px rgba(4,20,57,.12), inset 0 0 0 1px rgba(255,255,255,.68)}
.chapter-face-back{transform:rotateY(180deg);background:linear-gradient(180deg, #fdfefe, #edf5fc)}
.chapter-face-title{background:linear-gradient(180deg, #fbfdff 0%, #edf4fb 100%)}
.chapter-face-spread{background:linear-gradient(180deg, #fcfdff 0%, #eef5fd 100%)}
.chapter-face-portal{background:linear-gradient(180deg, #fafdff 0%, #eaf5ff 30%, #d6ebff 100%)}
.chapter-page-layout{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;justify-content:center;padding:2rem 1.9rem 1.8rem 2.05rem;color:#17395d}
.chapter-page-layout-soft{background:linear-gradient(180deg, rgba(250,253,255,.74), rgba(233,244,255,.72))}
.chapter-page-layout-left{padding-right:2.15rem}
.chapter-page-layout-title{align-items:flex-start;text-align:left}
.chapter-page-kicker{display:inline-flex;align-self:flex-start;margin-bottom:.9rem;font-size:.76rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:#2f72d4}
.chapter-page-layout h3{margin:0 0 .85rem;font-size:1.48rem;line-height:1.22;color:#16385d}
.chapter-page-layout p,.chapter-page-list li,.chapter-thumb-card small{margin:0;font-size:.96rem;line-height:1.72;color:#41658f}
.chapter-page-list{margin:0;padding-left:1.1rem;display:grid;gap:.5rem}
.chapter-title-logo{width:74px;height:74px;border-radius:22px;object-fit:cover;margin-bottom:.95rem;box-shadow:0 18px 30px rgba(7,33,83,.12)}
.chapter-title-meta{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:1rem}
.chapter-title-meta span{display:inline-flex;align-items:center;justify-content:center;padding:.45rem .8rem;border-radius:999px;background:rgba(42,101,207,.10);color:#1f4d92;font-size:.8rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase}
.chapter-title-meta-left{margin-top:.85rem}
.chapter-line-stack{margin-top:1rem;display:grid;gap:.45rem}
.chapter-line-stack span{display:block;height:8px;border-radius:999px;background:linear-gradient(90deg, rgba(50,115,222,.22), rgba(50,115,222,.06))}
.chapter-line-stack span:nth-child(1){width:88%}
.chapter-line-stack span:nth-child(2){width:74%}
.chapter-line-stack span:nth-child(3){width:61%}
.chapter-feature-tile{margin-top:1rem;display:grid;grid-template-columns:78px 1fr;gap:.9rem;align-items:center;padding:.7rem;border-radius:18px;background:rgba(255,255,255,.7);box-shadow:0 16px 28px rgba(7,31,74,.08)}
.chapter-feature-tile img,.chapter-thumb-card img,.chapter-portal-hero img,.chapter-portal-card img,.chapter-zoom-hero img,.chapter-zoom-card img,.chapter-mini-shelf-card img{width:100%;height:100%;object-fit:cover;display:block}
.chapter-feature-tile img{height:88px;border-radius:14px}
.chapter-feature-tile strong{display:block;font-size:1rem;color:#17395d}
.chapter-feature-tile small{display:block;margin-top:.15rem;color:#5d7ca4}
.chapter-thumb-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;margin-top:.8rem}
.chapter-thumb-card{padding:.5rem;border-radius:16px;background:rgba(255,255,255,.74);box-shadow:0 16px 28px rgba(7,31,74,.07)}
.chapter-thumb-card img{height:92px;border-radius:12px;margin-bottom:.45rem}
.chapter-mini-shelf{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;margin-top:1rem}
.chapter-mini-shelf-card{height:88px;border-radius:18px;overflow:hidden;background:rgba(255,255,255,.74);box-shadow:0 16px 28px rgba(7,31,74,.07)}
.chapter-thumb-card.is-empty,.chapter-portal-card.is-fallback,.chapter-zoom-card.is-fallback,.chapter-portal-hero.is-fallback,.chapter-mini-shelf-card.is-fallback{background:linear-gradient(135deg,#8be2ff,#2f74ff)}
.chapter-portal-window{position:absolute;inset:10% 9%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.8rem;border-radius:28px;overflow:hidden;background:radial-gradient(circle at 50% 36%, rgba(122,230,255,.42), rgba(39,102,226,.18) 36%, rgba(9,33,95,.86) 82%);box-shadow:0 0 0 1px rgba(217,243,255,.28), inset 0 0 40px rgba(129,227,255,.18)}
.chapter-portal-window::before{content:'';position:absolute;inset:-18%;background:conic-gradient(from 180deg, rgba(112,229,255,.18), rgba(255,255,255,.04), rgba(69,123,255,.16), rgba(112,229,255,.18));animation:chapterWindowSpin 8s linear infinite}
.chapter-portal-header,.chapter-portal-card-row{position:relative;z-index:2;width:74%}
.chapter-portal-header{display:flex;gap:.45rem;justify-content:center}
.chapter-portal-header span{display:block;height:10px;flex:1;border-radius:999px;background:linear-gradient(90deg, #81dcff, #2f74ff)}
.chapter-portal-hero{position:relative;z-index:2;width:74%;height:96px;border-radius:18px;overflow:hidden;background:linear-gradient(135deg,#8be2ff,#2f74ff);box-shadow:0 12px 28px rgba(3,19,55,.22)}
.chapter-portal-card-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem}
.chapter-portal-card{position:relative;z-index:2;height:52px;border-radius:14px;overflow:hidden;background:linear-gradient(135deg,#8be2ff,#2f74ff)}
.chapter-portal-window strong{position:relative;z-index:2;display:inline-flex;align-items:center;justify-content:center;padding:.58rem 1rem;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(221,245,255,.24);color:#f3fbff;font-size:.86rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.chapter-zoom-preview{position:absolute;inset:2% 0;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transform:scale(.82);z-index:20;transition:opacity .9s ease, transform 1.1s cubic-bezier(.15,.8,.16,1)}
.chapter-intro-overlay.is-zooming .chapter-zoom-preview{opacity:1;transform:scale(1)}
.chapter-zoom-frame{width:min(760px,88%);padding:1.15rem;border-radius:30px;background:linear-gradient(180deg, rgba(252,254,255,.98), rgba(229,241,255,.96));box-shadow:0 34px 80px rgba(5,20,58,.34), inset 0 0 0 1px rgba(255,255,255,.78)}
.chapter-zoom-bar{height:14px;width:28%;margin:0 auto 1rem;border-radius:999px;background:linear-gradient(90deg, #7edcff, #2f74ff)}
.chapter-zoom-hero{height:170px;border-radius:24px;overflow:hidden;background:linear-gradient(135deg,#8be2ff,#2f74ff)}
.chapter-zoom-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.85rem;margin-top:1.15rem}
.chapter-zoom-card{height:92px;border-radius:18px;overflow:hidden;background:linear-gradient(135deg,#8be2ff,#2f74ff)}
.chapter-intro-overlay.is-opening .chapter-book-cover{transform:rotateY(-168deg) translateX(-10px) translateZ(18px);filter:drop-shadow(0 18px 28px rgba(4,22,64,.14))}
.chapter-intro-overlay.is-page-one .chapter-turn-page-one{transform:rotateY(-178deg) translateX(-12px) translateZ(22px);filter:drop-shadow(0 14px 24px rgba(4,22,64,.08))}
.chapter-intro-overlay.is-page-two .chapter-turn-page-two{transform:rotateY(-178deg) translateX(-12px) translateZ(18px);filter:drop-shadow(0 14px 24px rgba(4,22,64,.08))}
.chapter-intro-overlay.is-page-three .chapter-turn-page-three{transform:rotateY(-178deg) translateX(-12px) translateZ(14px);filter:drop-shadow(0 14px 24px rgba(4,22,64,.08))}
.chapter-intro-overlay.is-page-three .chapter-portal-window{animation:chapterPortalPulse 1.05s ease-in-out infinite alternate}
@keyframes chapterBookFloat{0%{transform:rotateX(18deg) rotateZ(-5deg) translateY(10px)}100%{transform:rotateX(18deg) rotateZ(-3.5deg) translateY(2px)}}
@keyframes chapterStarFloat{0%,100%{transform:translateY(0) scale(1);opacity:.7}50%{transform:translateY(-10px) scale(1.2);opacity:1}}
@keyframes chapterWindowSpin{to{transform:rotate(360deg)}}
@keyframes chapterPortalPulse{0%{transform:scale(1)}100%{transform:scale(1.03)}}
@media (max-width: 991.98px){
  .chapter-intro-world{grid-template-columns:1fr;gap:1.8rem;text-align:center}
  .chapter-intro-copy{max-width:none}
  .chapter-intro-copy p{margin-inline:auto}
  .chapter-book-stage{min-height:440px}
  .chapter-book-shell{width:min(620px,100%)}
  .chapter-intro-skip{justify-self:center}
}
@media (max-width: 767.98px){
  .chapter-intro-overlay{padding:1rem}
  .chapter-intro-copy h2{font-size:clamp(1.9rem,9vw,2.9rem)}
  .chapter-intro-copy p{font-size:.96rem;line-height:1.8}
  .chapter-book-stage{min-height:320px}
  .chapter-book-cover-face,.chapter-page-layout{padding:1.4rem 1rem 1.3rem 1.3rem}
  .chapter-book-cover-face strong{font-size:1.35rem}
  .chapter-book-cover-face em,.chapter-book-cover-face small:last-child{font-size:.82rem}
  .chapter-cover-mark{width:56px;height:56px;border-radius:18px;font-size:.98rem;margin-bottom:.7rem}
  .chapter-page-layout h3{font-size:1rem}
  .chapter-page-layout p,.chapter-page-list li,.chapter-thumb-card small{font-size:.8rem;line-height:1.55}
  .chapter-title-logo{width:56px;height:56px;border-radius:16px}
  .chapter-title-meta{gap:.35rem}
  .chapter-title-meta span,.chapter-left-price{font-size:.7rem}
  .chapter-feature-tile{grid-template-columns:58px 1fr;padding:.45rem}
  .chapter-feature-tile img{height:68px}
  .chapter-thumb-grid,.chapter-mini-shelf{gap:.4rem}
  .chapter-thumb-card img,.chapter-mini-shelf-card{height:56px}
  .chapter-portal-hero{height:64px}
  .chapter-portal-card{height:38px}
  .chapter-zoom-hero{height:120px}
  .chapter-zoom-grid{gap:.55rem}
  .chapter-zoom-card{height:64px}
}
@media (prefers-reduced-motion: reduce){
  .chapter-intro-copy,
  .chapter-book-shell,
  .chapter-turn-page,
  .chapter-book-cover,
  .chapter-zoom-preview,
  .chapter-intro-stars span,
  .chapter-portal-window::before,
  .chapter-left-panel{animation:none !important;transition:none !important}
}


/* Step 54 page-turn engine fix */
.chapter-book-shell,
.chapter-book-cover,
.chapter-turn-page,
.chapter-face,
.chapter-book-cover-face{
  transform-style:preserve-3d;
  -webkit-transform-style:preserve-3d;
}
.chapter-book-cover,
.chapter-turn-page,
.chapter-face,
.chapter-book-cover-face,
.chapter-turn-page::before,
.chapter-turn-page::after{
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
}
.chapter-turn-page,
.chapter-book-cover{
  isolation:isolate;
  will-change:transform, opacity, filter;
}
.chapter-face,
.chapter-book-cover-face{
  overflow:hidden;
}
.chapter-face-front,
.chapter-book-cover-face-front{
  transform:translateZ(.65px);
}
.chapter-face-back,
.chapter-book-cover-face-back{
  transform:rotateY(180deg) translateZ(.65px);
}
.chapter-turn-page{
  transition:none;
  transform-origin:left center;
  filter:drop-shadow(0 24px 34px rgba(4,22,64,.12));
}
.chapter-turn-page::before,
.chapter-turn-page::after{
  mix-blend-mode:normal;
  opacity:.92;
}
.chapter-turn-page::before{
  top:0;
  bottom:0;
  width:14px;
  border-radius:18px 0 0 18px;
  background:linear-gradient(90deg, rgba(7,26,72,.28), rgba(255,255,255,.15) 48%, rgba(255,255,255,0) 100%);
  z-index:8;
}
.chapter-turn-page::after{
  inset:0;
  background:linear-gradient(102deg, rgba(7,26,72,.16), transparent 18%, transparent 72%, rgba(255,255,255,.08));
}
.chapter-book-cover{
  transition:none;
  will-change:transform, filter, opacity;
}
.chapter-book-cover::after{
  background:linear-gradient(135deg, rgba(255,255,255,.22), transparent 32%, rgba(255,255,255,.06) 56%, transparent 72%);
}
.chapter-book-stack-left{
  left:5.2%;
  transform:translateZ(-18px) rotateY(12deg);
}
.chapter-book-stack-right{
  right:6.1%;
  transform:translateZ(-20px) rotateY(-8deg);
}
.chapter-static-page{
  left:5.2%;
  box-shadow:0 30px 52px rgba(4,20,57,.12), inset 0 0 0 1px rgba(255,255,255,.78);
}
.chapter-static-page::after,
.chapter-face::after{
  background:linear-gradient(90deg, rgba(255,255,255,.82), rgba(255,255,255,.22) 10%, transparent 20%, transparent 86%, rgba(70,108,180,.12));
}
.chapter-page-layout,
.chapter-book-cover-face{
  transform:translateZ(1px);
}
.chapter-page-layout{
  justify-content:flex-start;
  padding-top:2.15rem;
}
.chapter-face-portal .chapter-portal-window,
.chapter-face-spread .chapter-mini-shelf,
.chapter-face .chapter-feature-tile,
.chapter-face .chapter-thumb-grid{
  position:relative;
  z-index:2;
}
.chapter-intro-overlay.is-opening .chapter-book-cover{
  animation:chapterCoverOpenClean 1.18s cubic-bezier(.24,.74,.18,1) forwards;
}
.chapter-intro-overlay.is-page-one .chapter-turn-page-one{
  animation:chapterLeafFlipOne 1.24s cubic-bezier(.24,.74,.18,1) forwards;
}
.chapter-intro-overlay.is-page-two .chapter-turn-page-two{
  animation:chapterLeafFlipTwo 1.24s cubic-bezier(.24,.74,.18,1) forwards;
}
.chapter-intro-overlay.is-page-three .chapter-turn-page-three{
  animation:chapterLeafFlipThree 1.24s cubic-bezier(.24,.74,.18,1) forwards;
}
.chapter-turn-page-one{z-index:9;transform:translate3d(0,0,16px)}
.chapter-turn-page-two{z-index:8;transform:translate3d(0,0,10px)}
.chapter-turn-page-three{z-index:7;transform:translate3d(0,0,4px)}
.chapter-intro-overlay.is-zooming .chapter-turn-page-one,
.chapter-intro-overlay.is-zooming .chapter-turn-page-two,
.chapter-intro-overlay.is-zooming .chapter-turn-page-three{
  opacity:0;
}
@keyframes chapterCoverOpenClean{
  0%{transform:translate3d(0,0,0) rotateY(0deg);filter:drop-shadow(0 34px 62px rgba(6,24,71,.34));}
  50%{transform:translate3d(-4px,0,10px) rotateY(-84deg);filter:drop-shadow(0 22px 32px rgba(4,22,64,.2));}
  100%{transform:translate3d(-12px,0,18px) rotateY(-168deg);filter:drop-shadow(0 16px 26px rgba(4,22,64,.12));}
}
@keyframes chapterLeafFlipOne{
  0%{transform:translate3d(0,0,16px) rotateY(0deg);opacity:1;filter:drop-shadow(0 24px 34px rgba(4,22,64,.12));}
  38%{transform:translate3d(-4px,0,24px) rotateY(-86deg);opacity:1;filter:drop-shadow(0 18px 28px rgba(4,22,64,.18));}
  74%{transform:translate3d(-10px,0,22px) rotateY(-154deg);opacity:1;filter:drop-shadow(0 10px 20px rgba(4,22,64,.10));}
  92%{transform:translate3d(-14px,0,18px) rotateY(-178deg);opacity:.92;filter:drop-shadow(0 8px 14px rgba(4,22,64,.06));}
  100%{transform:translate3d(-15px,0,10px) rotateY(-179.6deg);opacity:.01;filter:drop-shadow(0 0 0 rgba(0,0,0,0));}
}
@keyframes chapterLeafFlipTwo{
  0%{transform:translate3d(0,0,10px) rotateY(0deg);opacity:1;filter:drop-shadow(0 24px 34px rgba(4,22,64,.12));}
  38%{transform:translate3d(-4px,0,20px) rotateY(-86deg);opacity:1;filter:drop-shadow(0 18px 28px rgba(4,22,64,.18));}
  74%{transform:translate3d(-10px,0,16px) rotateY(-154deg);opacity:1;filter:drop-shadow(0 10px 20px rgba(4,22,64,.10));}
  92%{transform:translate3d(-14px,0,12px) rotateY(-178deg);opacity:.92;filter:drop-shadow(0 8px 14px rgba(4,22,64,.06));}
  100%{transform:translate3d(-15px,0,6px) rotateY(-179.6deg);opacity:.01;filter:drop-shadow(0 0 0 rgba(0,0,0,0));}
}
@keyframes chapterLeafFlipThree{
  0%{transform:translate3d(0,0,4px) rotateY(0deg);opacity:1;filter:drop-shadow(0 24px 34px rgba(4,22,64,.12));}
  38%{transform:translate3d(-4px,0,14px) rotateY(-86deg);opacity:1;filter:drop-shadow(0 18px 28px rgba(4,22,64,.18));}
  74%{transform:translate3d(-10px,0,10px) rotateY(-154deg);opacity:1;filter:drop-shadow(0 10px 20px rgba(4,22,64,.10));}
  92%{transform:translate3d(-14px,0,8px) rotateY(-178deg);opacity:.92;filter:drop-shadow(0 8px 14px rgba(4,22,64,.06));}
  100%{transform:translate3d(-15px,0,2px) rotateY(-179.6deg);opacity:.01;filter:drop-shadow(0 0 0 rgba(0,0,0,0));}
}


/* Step 55 right-to-left cover and page-turn refinement */
.chapter-book-cover-face{
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:2.2rem 1.4rem;
}
.chapter-book-cover-face strong{
  width:100%;
  font-size:2.45rem;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.chapter-book-cover-face em,
.chapter-book-cover-face small:last-child,
.chapter-cover-label{
  width:100%;
  text-align:center;
}
.chapter-cover-mark{
  margin-inline:auto;
}
.chapter-static-page{
  overflow:hidden;
}
.chapter-turn-page,
.chapter-book-cover{
  transform-origin:left center;
}
.chapter-turn-page::before{
  width:18px;
  background:linear-gradient(90deg, rgba(7,26,72,.30), rgba(255,255,255,.22) 46%, rgba(255,255,255,0) 100%);
}
.chapter-turn-page::after{
  background:linear-gradient(102deg, rgba(7,26,72,.18), transparent 18%, transparent 70%, rgba(255,255,255,.06));
}
.chapter-face-front,
.chapter-book-cover-face-front{
  transform:translateZ(1.2px);
}
.chapter-face-back,
.chapter-book-cover-face-back{
  transform:rotateY(180deg) translateZ(1.2px);
}
.chapter-book-cover{
  z-index:12;
}
.chapter-turn-page-one{z-index:11;transform:translate3d(0,0,16px) rotateY(0deg)}
.chapter-turn-page-two{z-index:10;transform:translate3d(0,0,11px) rotateY(0deg)}
.chapter-turn-page-three{z-index:9;transform:translate3d(0,0,6px) rotateY(0deg)}
.chapter-intro-overlay.is-opening .chapter-book-cover{
  animation:chapterCoverTurnRTL 1.34s cubic-bezier(.2,.76,.16,1) forwards;
}
.chapter-intro-overlay.is-page-one .chapter-turn-page-one{
  animation:chapterPageTurnRTL1 1.3s cubic-bezier(.2,.76,.16,1) forwards;
}
.chapter-intro-overlay.is-page-two .chapter-turn-page-two{
  animation:chapterPageTurnRTL2 1.3s cubic-bezier(.2,.76,.16,1) forwards;
}
.chapter-intro-overlay.is-page-three .chapter-turn-page-three{
  animation:chapterPageTurnRTL3 1.3s cubic-bezier(.2,.76,.16,1) forwards;
}
.chapter-intro-overlay.is-opening .chapter-book-cover .chapter-book-corner,
.chapter-intro-overlay.is-page-one .chapter-turn-page-one .chapter-face,
.chapter-intro-overlay.is-page-two .chapter-turn-page-two .chapter-face,
.chapter-intro-overlay.is-page-three .chapter-turn-page-three .chapter-face{
  animation:chapterPageSurfaceLight 1.3s ease-in-out forwards;
}
@keyframes chapterPageSurfaceLight{
  0%{filter:brightness(1)}
  45%{filter:brightness(1.06)}
  100%{filter:brightness(.98)}
}
@keyframes chapterCoverTurnRTL{
  0%{transform:translate3d(0,0,0) rotateY(0deg);opacity:1;filter:drop-shadow(0 34px 62px rgba(6,24,71,.34));}
  18%{transform:translate3d(0,0,12px) rotateY(-18deg);opacity:1;}
  48%{transform:translate3d(-6px,0,26px) rotateY(-92deg);opacity:1;filter:drop-shadow(0 22px 30px rgba(4,22,64,.18));}
  78%{transform:translate3d(-14px,0,18px) rotateY(-158deg);opacity:.96;filter:drop-shadow(0 12px 18px rgba(4,22,64,.10));}
  92%{transform:translate3d(-18px,0,8px) rotateY(-179deg);opacity:.22;filter:drop-shadow(0 3px 8px rgba(4,22,64,.04));}
  100%{transform:translate3d(-18px,0,6px) rotateY(-179.9deg);opacity:0;filter:drop-shadow(0 0 0 rgba(0,0,0,0));}
}
@keyframes chapterPageTurnRTL1{
  0%{transform:translate3d(0,0,16px) rotateY(0deg);opacity:1;filter:drop-shadow(0 24px 34px rgba(4,22,64,.12));}
  18%{transform:translate3d(0,0,18px) rotateY(-14deg);opacity:1;}
  48%{transform:translate3d(-6px,0,28px) rotateY(-94deg);opacity:1;filter:drop-shadow(0 18px 28px rgba(4,22,64,.18));}
  78%{transform:translate3d(-12px,0,18px) rotateY(-160deg);opacity:.96;filter:drop-shadow(0 10px 20px rgba(4,22,64,.10));}
  92%{transform:translate3d(-16px,0,8px) rotateY(-179deg);opacity:.22;filter:drop-shadow(0 6px 12px rgba(4,22,64,.04));}
  100%{transform:translate3d(-16px,0,6px) rotateY(-179.9deg);opacity:0;filter:drop-shadow(0 0 0 rgba(0,0,0,0));}
}
@keyframes chapterPageTurnRTL2{
  0%{transform:translate3d(0,0,11px) rotateY(0deg);opacity:1;filter:drop-shadow(0 24px 34px rgba(4,22,64,.12));}
  18%{transform:translate3d(0,0,14px) rotateY(-14deg);opacity:1;}
  48%{transform:translate3d(-6px,0,24px) rotateY(-94deg);opacity:1;filter:drop-shadow(0 18px 28px rgba(4,22,64,.18));}
  78%{transform:translate3d(-12px,0,14px) rotateY(-160deg);opacity:.96;filter:drop-shadow(0 10px 20px rgba(4,22,64,.10));}
  92%{transform:translate3d(-16px,0,6px) rotateY(-179deg);opacity:.22;filter:drop-shadow(0 6px 12px rgba(4,22,64,.04));}
  100%{transform:translate3d(-16px,0,4px) rotateY(-179.9deg);opacity:0;filter:drop-shadow(0 0 0 rgba(0,0,0,0));}
}
@keyframes chapterPageTurnRTL3{
  0%{transform:translate3d(0,0,6px) rotateY(0deg);opacity:1;filter:drop-shadow(0 24px 34px rgba(4,22,64,.12));}
  18%{transform:translate3d(0,0,10px) rotateY(-14deg);opacity:1;}
  48%{transform:translate3d(-6px,0,18px) rotateY(-94deg);opacity:1;filter:drop-shadow(0 18px 28px rgba(4,22,64,.18));}
  78%{transform:translate3d(-12px,0,10px) rotateY(-160deg);opacity:.96;filter:drop-shadow(0 10px 20px rgba(4,22,64,.10));}
  92%{transform:translate3d(-16px,0,4px) rotateY(-179deg);opacity:.22;filter:drop-shadow(0 6px 12px rgba(4,22,64,.04));}
  100%{transform:translate3d(-16px,0,2px) rotateY(-179.9deg);opacity:0;filter:drop-shadow(0 0 0 rgba(0,0,0,0));}
}
@media (max-width: 767.98px){
  .chapter-book-cover-face strong{font-size:1.55rem;letter-spacing:.08em;}
}

/* Step 56 centered hardcover intro rebuild */
.chapter-intro-world{
  grid-template-columns:1fr;
  justify-items:center;
  gap:1.1rem;
}
.chapter-intro-copy{
  max-width:none;
  text-align:center;
  margin:0;
  padding:0;
}
.chapter-intro-kicker{
  margin-inline:auto;
}
.chapter-intro-copy h2,
.chapter-intro-copy p{
  display:none;
}
.chapter-book-stage{
  min-height:700px;
  width:100%;
}
.chapter-book-shadow{
  width:min(940px,90vw);
  height:110px;
  bottom:6px;
  background:radial-gradient(circle, rgba(4,14,42,.54), transparent 72%);
}
.chapter-book-shell{
  width:min(980px,92vw);
  aspect-ratio:1.72/1;
  transform:rotateX(11deg) rotateZ(-2.2deg) translateY(0);
}
.chapter-intro-overlay.is-active .chapter-book-shell{
  animation:chapterBookFloatStep56 5.4s ease-in-out infinite alternate;
}
.chapter-book-shell::before{
  inset:8% 5.4% 10.4%;
  border-radius:38px;
  transform:translateZ(-36px);
  filter:blur(10px);
}
.chapter-book-stack{
  top:9.2%;
  bottom:12.2%;
  width:43.8%;
  border-radius:22px;
}
.chapter-book-stack-left{left:4.7%;transform:translateZ(-22px) rotateY(9deg)}
.chapter-book-stack-right{right:5%;transform:translateZ(-22px) rotateY(-9deg)}
.chapter-static-page,
.chapter-turn-page,
.chapter-book-cover{
  top:8.2%;
  bottom:11.2%;
  width:44.4%;
  right:5%;
  border-radius:24px;
}
.chapter-static-page{
  left:4.7%;
  right:auto;
  z-index:6;
  box-shadow:0 26px 44px rgba(4,20,57,.14), inset 0 0 0 1px rgba(255,255,255,.78);
}
.chapter-book-spine{
  left:49.05%;
  width:2.9%;
  top:8.3%;
  bottom:11.2%;
  border-radius:14px;
  z-index:9;
}
.chapter-book-spine span{letter-spacing:.14em;font-size:.74rem}
.chapter-book-cover{
  z-index:14;
  border-radius:24px 20px 20px 24px;
}
.chapter-book-cover::before{left:8px;width:10px;opacity:.94}
.chapter-book-cover-face,
.chapter-face{
  border-radius:inherit;
}
.chapter-book-cover-face{
  padding:2rem 1.55rem 2rem 1.8rem;
}
.chapter-book-cover-face strong{
  font-size:2.65rem;
  letter-spacing:.14em;
}
.chapter-book-cover-face em{margin-top:.4rem}
.chapter-face,
.chapter-book-cover-face,
.chapter-page-layout{
  overflow:hidden;
}
.chapter-page-layout{
  padding:1.7rem 1.2rem 1.25rem 1.45rem;
}
.chapter-page-layout h3{
  font-size:1.16rem;
  line-height:1.35;
  max-width:18ch;
}
.chapter-page-layout p,
.chapter-page-list,
.chapter-left-price,
.chapter-title-meta,
.chapter-title-meta-left,
.chapter-thumb-grid,
.chapter-feature-tile,
.chapter-mini-shelf,
.chapter-portal-window,
.chapter-line-stack{
  position:relative;
  z-index:2;
}
.chapter-turn-page{
  filter:drop-shadow(0 20px 28px rgba(4,22,64,.12));
}
.chapter-turn-page::before{
  width:16px;
  background:linear-gradient(90deg, rgba(11,31,76,.30), rgba(255,255,255,.18) 46%, rgba(255,255,255,0) 100%);
}
.chapter-turn-page::after{
  opacity:.82;
  background:linear-gradient(103deg, rgba(10,28,70,.16), transparent 18%, transparent 74%, rgba(255,255,255,.05));
}
.chapter-turn-page-one{z-index:13;transform:translate3d(0,0,18px) rotateY(0deg)}
.chapter-turn-page-two{z-index:12;transform:translate3d(0,0,12px) rotateY(0deg)}
.chapter-turn-page-three{z-index:11;transform:translate3d(0,0,6px) rotateY(0deg)}
.chapter-face-front,
.chapter-book-cover-face-front{transform:translateZ(1px)}
.chapter-face-back,
.chapter-book-cover-face-back{transform:rotateY(180deg) translateZ(1px)}
.chapter-book-cover-face-back,
.chapter-face-back{
  background:linear-gradient(180deg, #f9fcff 0%, #e5f0ff 100%);
}
.chapter-left-panel,
.chapter-page-layout{
  transition:opacity .36s ease, transform .5s ease;
}
.chapter-intro-overlay.is-opening .chapter-book-cover{
  animation:chapterCoverTurnStep56 1.3s cubic-bezier(.22,.76,.16,1) forwards;
}
.chapter-intro-overlay.is-page-one .chapter-turn-page-one{
  animation:chapterPageTurnStep56A 1.2s cubic-bezier(.22,.76,.16,1) forwards;
}
.chapter-intro-overlay.is-page-two .chapter-turn-page-two{
  animation:chapterPageTurnStep56B 1.2s cubic-bezier(.22,.76,.16,1) forwards;
}
.chapter-intro-overlay.is-page-three .chapter-turn-page-three{
  animation:chapterPageTurnStep56C 1.2s cubic-bezier(.22,.76,.16,1) forwards;
}
.chapter-intro-overlay.is-opening .chapter-book-cover,
.chapter-intro-overlay.is-page-one .chapter-turn-page-one,
.chapter-intro-overlay.is-page-two .chapter-turn-page-two,
.chapter-intro-overlay.is-page-three .chapter-turn-page-three{
  opacity:1 !important;
}
.chapter-intro-overlay.is-opening .chapter-book-cover .chapter-book-corner,
.chapter-intro-overlay.is-page-one .chapter-turn-page-one .chapter-face,
.chapter-intro-overlay.is-page-two .chapter-turn-page-two .chapter-face,
.chapter-intro-overlay.is-page-three .chapter-turn-page-three .chapter-face{
  animation:chapterPaperLightStep56 1.2s ease-in-out forwards;
}
.chapter-intro-overlay.is-page-one .chapter-left-panel-one,
.chapter-intro-overlay.is-page-two .chapter-left-panel-two,
.chapter-intro-overlay.is-page-three .chapter-left-panel-three{
  opacity:1;
}
.chapter-zoom-preview{display:none}
.chapter-intro-overlay.is-zooming .chapter-book-shell{opacity:1;transform:rotateX(8deg) rotateZ(-1deg) translateY(0) scale(1.02)}
.chapter-intro-overlay.is-zooming .chapter-intro-copy{opacity:0}

@keyframes chapterBookFloatStep56{
  from{transform:rotateX(11deg) rotateZ(-2.2deg) translateY(0)}
  to{transform:rotateX(10deg) rotateZ(-1.2deg) translateY(-7px)}
}
@keyframes chapterPaperLightStep56{
  0%{filter:brightness(1)}
  46%{filter:brightness(1.08)}
  100%{filter:brightness(.99)}
}
@keyframes chapterCoverTurnStep56{
  0%{transform:translate3d(0,0,0) rotateY(0deg);filter:drop-shadow(0 32px 58px rgba(6,24,71,.32))}
  26%{transform:translate3d(0,0,18px) rotateY(-28deg)}
  52%{transform:translate3d(-18px,0,30px) rotateY(-104deg);filter:drop-shadow(0 18px 24px rgba(4,22,64,.16))}
  78%{transform:translate3d(-54%,0,12px) rotateY(-170deg);filter:drop-shadow(0 10px 16px rgba(4,22,64,.08))}
  100%{transform:translate3d(-106%,0,2px) rotateY(-179.4deg);filter:drop-shadow(0 7px 12px rgba(4,22,64,.06))}
}
@keyframes chapterPageTurnStep56A{
  0%{transform:translate3d(0,0,18px) rotateY(0deg);filter:drop-shadow(0 22px 30px rgba(4,22,64,.12))}
  28%{transform:translate3d(0,0,24px) rotateY(-26deg)}
  54%{transform:translate3d(-18px,0,34px) rotateY(-106deg);filter:drop-shadow(0 16px 22px rgba(4,22,64,.16))}
  78%{transform:translate3d(-54%,0,14px) rotateY(-172deg);filter:drop-shadow(0 9px 14px rgba(4,22,64,.08))}
  100%{transform:translate3d(-106%,0,4px) rotateY(-179.4deg);filter:drop-shadow(0 6px 10px rgba(4,22,64,.05))}
}
@keyframes chapterPageTurnStep56B{
  0%{transform:translate3d(0,0,12px) rotateY(0deg);filter:drop-shadow(0 22px 30px rgba(4,22,64,.12))}
  28%{transform:translate3d(0,0,18px) rotateY(-26deg)}
  54%{transform:translate3d(-18px,0,28px) rotateY(-106deg);filter:drop-shadow(0 16px 22px rgba(4,22,64,.16))}
  78%{transform:translate3d(-54%,0,10px) rotateY(-172deg);filter:drop-shadow(0 9px 14px rgba(4,22,64,.08))}
  100%{transform:translate3d(-106%,0,2px) rotateY(-179.4deg);filter:drop-shadow(0 6px 10px rgba(4,22,64,.05))}
}
@keyframes chapterPageTurnStep56C{
  0%{transform:translate3d(0,0,6px) rotateY(0deg);filter:drop-shadow(0 22px 30px rgba(4,22,64,.12))}
  28%{transform:translate3d(0,0,12px) rotateY(-26deg)}
  54%{transform:translate3d(-18px,0,22px) rotateY(-106deg);filter:drop-shadow(0 16px 22px rgba(4,22,64,.16))}
  78%{transform:translate3d(-54%,0,8px) rotateY(-172deg);filter:drop-shadow(0 9px 14px rgba(4,22,64,.08))}
  100%{transform:translate3d(-106%,0,0) rotateY(-179.4deg);filter:drop-shadow(0 6px 10px rgba(4,22,64,.05))}
}
@media (max-width: 991.98px){
  .chapter-book-stage{min-height:520px}
  .chapter-book-shell{width:min(760px,94vw)}
}
@media (max-width: 767.98px){
  .chapter-intro-world{gap:.8rem}
  .chapter-book-stage{min-height:340px}
  .chapter-book-shell{width:min(480px,96vw);transform:rotateX(8deg) rotateZ(-1deg)}
  .chapter-book-cover-face strong{font-size:1.5rem;letter-spacing:.08em}
  .chapter-page-layout h3{font-size:.92rem}
  .chapter-book-spine{width:4.4%;left:47.8%}
}

@media (max-width: 991.98px){
  .storybook-entry-scene{grid-template-columns:1fr;gap:2rem;text-align:center}
  .storybook-entry-copy{max-width:none}
  .storybook-entry-copy h1,.storybook-entry-copy p{max-width:none}
  .storybook-entry-stage{min-height:520px}
  .storybook-entry-float-left{left:10px;bottom:26px}
  .storybook-entry-float-right{right:10px;top:28px}
}

@media (max-width: 767.98px){
  .storybook-entry-overlay{padding:1rem}
  .storybook-entry-skip{top:1rem;right:1rem;padding:.64rem .92rem}
  .storybook-entry-glance{grid-template-columns:1fr}
  .storybook-entry-stage{min-height:auto;display:flex;flex-direction:column;padding-top:1rem}
  .storybook-entry-stack{width:min(360px,100%);height:330px}
  .storybook-entry-book-back{inset:52px 34px 18px 34px}
  .storybook-entry-book-mid{inset:34px 18px 10px 18px}
  .storybook-entry-book-front{padding:1rem}
  .storybook-entry-book-top,.storybook-entry-book-front strong,.storybook-entry-book-front p,.storybook-entry-book-bottom{padding-left:.8rem}
  .storybook-entry-book-front strong{font-size:1.55rem}
  .storybook-entry-book-front p{font-size:.92rem;max-width:none}
  .storybook-entry-float{position:static;max-width:100%;margin-top:1rem;text-align:left}
  .storybook-entry-ring-one{width:300px;height:300px}
  .storybook-entry-ring-two{width:370px;height:370px}
}

@media (prefers-reduced-motion: reduce){
  .storybook-entry-copy,.storybook-entry-stage,.storybook-entry-glance-card,.storybook-entry-float{opacity:1!important;transform:none!important;animation:none!important}
}

/* Step 59 next-level elegant bookstore intro */
.storybook-entry-overlay.storybook-entry-overlay-v2{
    position:fixed;
    inset:0;
    z-index:1060;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:clamp(1rem, 2vw, 1.8rem);
    background:
        radial-gradient(circle at 14% 18%, rgba(113,214,255,.24), transparent 28%),
        radial-gradient(circle at 84% 16%, rgba(31,94,194,.16), transparent 24%),
        radial-gradient(circle at 50% 86%, rgba(113,214,255,.12), transparent 32%),
        linear-gradient(135deg, rgba(250,253,255,.99), rgba(242,248,255,.98) 48%, rgba(236,244,255,.97) 100%);
    backdrop-filter:blur(22px) saturate(142%);
}
.storybook-entry-overlay.storybook-entry-overlay-v2::before,
.storybook-entry-overlay.storybook-entry-overlay-v2::after{
    content:'';
    position:absolute;
    pointer-events:none;
}
.storybook-entry-overlay.storybook-entry-overlay-v2::before{
    inset:16px;
    border-radius:34px;
    border:1px solid rgba(255,255,255,.72);
    box-shadow:inset 0 0 0 1px rgba(19,34,56,.03);
}
.storybook-entry-overlay.storybook-entry-overlay-v2::after{
    inset:34px 28px;
    border-radius:30px;
    background:linear-gradient(120deg, rgba(255,255,255,.44), rgba(255,255,255,0) 28%, rgba(255,255,255,.24) 64%, rgba(255,255,255,0) 100%);
    opacity:.66;
}
.storybook-entry-overlay.storybook-entry-overlay-v2.is-exiting .storybook-entry-scene-v2{
    transform:scale(1.03);
    opacity:0;
    filter:blur(10px);
}
.storybook-entry-dust{
    position:absolute;
    inset:0;
    pointer-events:none;
}
.storybook-entry-dust span{
    position:absolute;
    width:10px;
    height:10px;
    border-radius:50%;
    background:radial-gradient(circle, rgba(31,94,194,.94), rgba(113,214,255,.25) 55%, transparent 70%);
    opacity:.35;
    filter:blur(.2px);
}
.storybook-entry-dust span:nth-child(1){top:14%;left:12%;width:12px;height:12px}
.storybook-entry-dust span:nth-child(2){top:22%;right:18%;width:8px;height:8px}
.storybook-entry-dust span:nth-child(3){bottom:18%;left:18%;width:11px;height:11px}
.storybook-entry-dust span:nth-child(4){bottom:22%;right:12%;width:7px;height:7px}
.storybook-entry-dust span:nth-child(5){top:46%;right:8%;width:9px;height:9px}
.storybook-entry-overlay.storybook-entry-overlay-v2 .storybook-entry-skip{
    top:1.35rem;
    right:1.35rem;
    padding:.82rem 1.18rem;
    border-radius:999px;
    border:1px solid rgba(31,94,194,.10);
    background:rgba(255,255,255,.78);
    color:#153d8b;
    box-shadow:0 18px 34px rgba(13,27,60,.07);
    backdrop-filter:blur(16px);
}
.storybook-entry-scene.storybook-entry-scene-v2{
    width:min(1220px, 100%);
    display:grid;
    grid-template-columns:minmax(0, 1fr) minmax(420px, .92fr);
    gap:clamp(2rem, 4vw, 4.8rem);
    align-items:center;
    position:relative;
    transition:transform .72s ease, opacity .56s ease, filter .56s ease;
}
.storybook-entry-copy.storybook-entry-copy-v2{
    max-width:600px;
    opacity:0;
    transform:translateY(24px);
}
.storybook-entry-kicker.storybook-entry-kicker-v2{
    display:inline-flex;
    align-items:center;
    gap:.7rem;
    padding:.7rem 1.05rem;
    border-radius:999px;
    background:rgba(255,255,255,.82);
    border:1px solid rgba(31,94,194,.08);
    box-shadow:0 14px 28px rgba(13,27,60,.04);
    color:#1c4ba8;
}
.storybook-entry-kicker-dot{
    width:10px;
    height:10px;
    border-radius:50%;
    background:linear-gradient(135deg, #1f5ec2, #71d6ff);
    box-shadow:0 0 0 8px rgba(113,214,255,.12);
}
.storybook-entry-copy.storybook-entry-copy-v2 h1{
    font-size:clamp(3rem, 5.4vw, 5.55rem);
    line-height:.96;
    letter-spacing:-.052em;
    color:#0d1b3c;
    margin:1.35rem 0 1rem;
    max-width:10.5ch;
}
.storybook-entry-copy.storybook-entry-copy-v2 > p{
    margin:0;
    max-width:55ch;
    font-size:1.05rem;
    line-height:1.92;
    color:#5b7090;
}
.storybook-entry-editor-line{
    display:flex;
    align-items:center;
    gap:1rem;
    margin:1.7rem 0 1.9rem;
}
.storybook-entry-editor-line span{
    width:88px;
    height:1px;
    background:linear-gradient(90deg, rgba(31,94,194,.65), rgba(113,214,255,.25));
}
.storybook-entry-editor-line small{
    font-size:.84rem;
    font-weight:800;
    letter-spacing:.12em;
    text-transform:uppercase;
    color:#5d7dac;
}
.storybook-entry-meta{
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:1rem;
}
.storybook-entry-meta-card{
    padding:1.2rem 1.25rem;
    border-radius:28px;
    background:linear-gradient(180deg, rgba(255,255,255,.88), rgba(246,250,255,.94));
    border:1px solid rgba(31,94,194,.07);
    box-shadow:0 22px 42px rgba(13,27,60,.045);
}
.storybook-entry-meta-card.storybook-entry-meta-card-highlight{
    background:linear-gradient(180deg, rgba(248,252,255,.96), rgba(237,246,255,.98));
    border-color:rgba(31,94,194,.11);
}
.storybook-entry-meta-card b,
.storybook-entry-note b{
    display:block;
    margin-bottom:.45rem;
    font-size:.76rem;
    font-weight:800;
    letter-spacing:.11em;
    text-transform:uppercase;
    color:#5d7dac;
}
.storybook-entry-meta-card strong,
.storybook-entry-note strong{
    display:block;
    color:#0f2348;
    line-height:1.42;
    margin-bottom:.4rem;
}
.storybook-entry-meta-card span,
.storybook-entry-note span{
    display:block;
    color:#6f85a6;
    font-size:.94rem;
    line-height:1.68;
}
.storybook-entry-stage.storybook-entry-stage-v2{
    position:relative;
    min-height:620px;
    display:flex;
    align-items:center;
    justify-content:center;
    opacity:0;
    transform:translateY(24px) scale(.965);
}
.storybook-entry-halo{
    position:absolute;
    width:min(590px, 100%);
    aspect-ratio:1 / 1;
    border-radius:50%;
    background:radial-gradient(circle, rgba(113,214,255,.22), rgba(31,94,194,.10) 42%, rgba(255,255,255,0) 72%);
    filter:blur(2px);
}
.storybook-entry-plinth{
    position:absolute;
    left:12%;
    right:10%;
    bottom:38px;
    height:84px;
    border-radius:999px;
    background:radial-gradient(circle at center, rgba(7,23,60,.24), rgba(7,23,60,0) 70%);
    filter:blur(24px);
}
.storybook-entry-side-stack{
    position:absolute;
    right:6%;
    bottom:112px;
    width:96px;
    height:360px;
    pointer-events:none;
}
.storybook-entry-side-stack span{
    position:absolute;
    inset:auto 0 0 auto;
    width:88px;
    border-radius:20px;
    background:linear-gradient(180deg, rgba(255,255,255,.94), rgba(230,239,249,.98));
    border:1px solid rgba(31,94,194,.07);
    box-shadow:0 18px 28px rgba(13,27,60,.06);
    opacity:0;
}
.storybook-entry-side-stack span:nth-child(1){height:300px;right:0;bottom:0;transform:rotate(8deg) translateX(12px)}
.storybook-entry-side-stack span:nth-child(2){height:328px;right:12px;bottom:6px;transform:rotate(4deg) translateX(10px)}
.storybook-entry-side-stack span:nth-child(3){height:346px;right:24px;bottom:12px;transform:rotate(1deg) translateX(8px)}
.storybook-entry-hero-book{
    position:relative;
    width:min(430px, 100%);
    min-height:560px;
    padding:1.3rem 1.3rem 1.25rem 1.45rem;
    border-radius:36px;
    border:1px solid rgba(255,255,255,.38);
    background:
        linear-gradient(145deg, rgba(255,255,255,.16), rgba(255,255,255,0) 18%),
        linear-gradient(155deg, #0f2d74 0%, #1d56d7 40%, #29bfff 100%);
    box-shadow:0 36px 68px rgba(8,20,52,.20), inset 0 1px 0 rgba(255,255,255,.26), inset -20px 0 24px rgba(8,26,64,.18);
    overflow:hidden;
    color:#fff;
    transform:rotate(-3.2deg);
}
.storybook-entry-hero-book-spine{
    position:absolute;
    left:18px;
    top:16px;
    bottom:16px;
    width:14px;
    border-radius:999px;
    background:linear-gradient(180deg, rgba(255,255,255,.38), rgba(8,26,64,.42));
}
.storybook-entry-hero-book-sheen{
    position:absolute;
    top:-14%;
    right:-18%;
    width:220px;
    height:220px;
    border-radius:50%;
    background:radial-gradient(circle, rgba(255,255,255,.25), rgba(255,255,255,0) 68%);
}
.storybook-entry-hero-bookmark{
    position:absolute;
    right:28px;
    top:-8px;
    width:34px;
    height:112px;
    border-radius:0 0 16px 16px;
    background:linear-gradient(180deg, rgba(255,255,255,.88), rgba(168,233,255,.92));
    box-shadow:0 12px 24px rgba(8,20,52,.12);
}
.storybook-entry-hero-bookmark::after{
    content:'';
    position:absolute;
    left:0;
    right:0;
    bottom:-14px;
    margin:auto;
    width:0;
    height:0;
    border-left:17px solid transparent;
    border-right:17px solid transparent;
    border-top:15px solid rgba(168,233,255,.92);
}
.storybook-entry-hero-book-top,
.storybook-entry-hero-footer{
    position:relative;
    z-index:2;
    display:flex;
    align-items:center;
}
.storybook-entry-hero-book-top{
    gap:.8rem;
    padding-left:1rem;
}
.storybook-entry-hero-book-top span{
    font-size:.9rem;
    font-weight:800;
    letter-spacing:.1em;
    text-transform:uppercase;
    opacity:.94;
}
.storybook-entry-hero-media{
    position:relative;
    z-index:2;
    margin:1.35rem 0 1.2rem 1rem;
    width:calc(100% - 1rem);
    height:220px;
    border-radius:24px;
    overflow:hidden;
    border:1px solid rgba(255,255,255,.18);
    background:linear-gradient(180deg, rgba(255,255,255,.96), rgba(230,240,252,.98));
    box-shadow:inset 0 1px 0 rgba(255,255,255,.65), 0 20px 34px rgba(7,23,60,.14);
}
.storybook-entry-hero-media img{
    width:100%;
    height:100%;
    object-fit:cover;
}
.storybook-entry-hero-copy{
    position:relative;
    z-index:2;
    padding:0 0 0 1rem;
}
.storybook-entry-hero-copy small{
    display:block;
    font-size:.75rem;
    font-weight:800;
    letter-spacing:.12em;
    text-transform:uppercase;
    color:rgba(230,245,255,.88);
    margin-bottom:.5rem;
}
.storybook-entry-hero-copy strong{
    display:block;
    font-size:clamp(2rem, 3vw, 2.45rem);
    line-height:1.13;
    max-width:12ch;
    margin-bottom:.85rem;
}
.storybook-entry-hero-copy p{
    margin:0;
    max-width:30ch;
    color:rgba(242,248,255,.92);
    font-size:.98rem;
    line-height:1.74;
}
.storybook-entry-hero-footer{
    gap:.65rem;
    flex-wrap:wrap;
    padding:1.2rem 0 0 1rem;
    margin-top:1.25rem;
}
.storybook-entry-hero-footer span{
    display:inline-flex;
    align-items:center;
    padding:.62rem .96rem;
    border-radius:999px;
    background:rgba(255,255,255,.14);
    border:1px solid rgba(255,255,255,.18);
    backdrop-filter:blur(10px);
    font-size:.82rem;
    font-weight:700;
    color:#fff;
}
.storybook-entry-overlay.storybook-entry-overlay-v2 .storybook-entry-note{
    position:absolute;
    display:flex;
    flex-direction:column;
    gap:.2rem;
    max-width:228px;
    padding:1rem 1.05rem;
    border-radius:26px;
    background:rgba(255,255,255,.84);
    border:1px solid rgba(31,94,194,.08);
    box-shadow:0 24px 46px rgba(13,27,60,.07);
    backdrop-filter:blur(16px);
    opacity:0;
    transform:translateY(16px) scale(.96);
}
.storybook-entry-note-top{top:68px;right:-12px}
.storybook-entry-note-bottom{left:-8px;bottom:58px}
.storybook-entry-overlay.storybook-entry-overlay-v2.is-active .storybook-entry-copy-v2{animation:entryCopyRise59 .9s cubic-bezier(.2,.72,.24,1) .12s both}
.storybook-entry-overlay.storybook-entry-overlay-v2.is-active .storybook-entry-stage-v2{animation:entryStageRise59 .98s cubic-bezier(.2,.72,.24,1) .28s both}
.storybook-entry-overlay.storybook-entry-overlay-v2.is-active .storybook-entry-hero-book{animation:entryHeroBook59 1.14s cubic-bezier(.22,.76,.19,1) .48s both}
.storybook-entry-overlay.storybook-entry-overlay-v2.is-active .storybook-entry-halo{animation:entryHalo59 6.8s ease-in-out .4s infinite}
.storybook-entry-overlay.storybook-entry-overlay-v2.is-active .storybook-entry-dust span{animation:entryDust59 5.2s ease-in-out infinite}
.storybook-entry-overlay.storybook-entry-overlay-v2.is-glowing .storybook-entry-note-top{animation:entryNote59 .7s cubic-bezier(.2,.72,.24,1) .12s forwards}
.storybook-entry-overlay.storybook-entry-overlay-v2.is-glowing .storybook-entry-note-bottom{animation:entryNote59 .7s cubic-bezier(.2,.72,.24,1) .22s forwards}
.storybook-entry-overlay.storybook-entry-overlay-v2.is-glowing .storybook-entry-side-stack span:nth-child(1){animation:entryStack59 .6s ease .06s forwards}
.storybook-entry-overlay.storybook-entry-overlay-v2.is-glowing .storybook-entry-side-stack span:nth-child(2){animation:entryStack59 .6s ease .14s forwards}
.storybook-entry-overlay.storybook-entry-overlay-v2.is-glowing .storybook-entry-side-stack span:nth-child(3){animation:entryStack59 .6s ease .22s forwards}
.storybook-entry-overlay.storybook-entry-overlay-v2.is-settled .storybook-entry-hero-book{transform:rotate(-2.1deg) translateY(-6px) scale(1.015)}
@keyframes entryCopyRise59{0%{opacity:0;transform:translateY(24px)}100%{opacity:1;transform:translateY(0)}}
@keyframes entryStageRise59{0%{opacity:0;transform:translateY(24px) scale(.965)}100%{opacity:1;transform:translateY(0) scale(1)}}
@keyframes entryHeroBook59{0%{transform:rotate(3deg) translateY(32px) scale(.92)}100%{transform:rotate(-3.2deg) translateY(0) scale(1)}}
@keyframes entryNote59{0%{opacity:0;transform:translateY(16px) scale(.96)}100%{opacity:1;transform:translateY(0) scale(1)}}
@keyframes entryStack59{0%{opacity:0;transform:translateX(18px) rotate(8deg)}100%{opacity:1;transform:translateX(0) rotate(0deg)}}
@keyframes entryHalo59{0%,100%{transform:scale(.94);opacity:.72}50%{transform:scale(1.02);opacity:1}}
@keyframes entryDust59{0%,100%{transform:translateY(0) scale(1);opacity:.22}50%{transform:translateY(-12px) scale(1.12);opacity:.46}}
@media (max-width: 991.98px){
    .storybook-entry-scene.storybook-entry-scene-v2{
        grid-template-columns:1fr;
        gap:1.6rem;
        text-align:center;
    }
    .storybook-entry-copy.storybook-entry-copy-v2{
        max-width:none;
    }
    .storybook-entry-copy.storybook-entry-copy-v2 h1,
    .storybook-entry-copy.storybook-entry-copy-v2 > p{
        max-width:none;
    }
    .storybook-entry-editor-line{
        justify-content:center;
    }
    .storybook-entry-meta{
        grid-template-columns:1fr;
    }
    .storybook-entry-stage.storybook-entry-stage-v2{
        min-height:540px;
    }
    .storybook-entry-note-top{right:8px}
    .storybook-entry-note-bottom{left:8px;bottom:36px}
}
@media (max-width: 767.98px){
    .storybook-entry-overlay.storybook-entry-overlay-v2{
        padding:1rem;
    }
    .storybook-entry-overlay.storybook-entry-overlay-v2::before{
        inset:10px;
        border-radius:26px;
    }
    .storybook-entry-overlay.storybook-entry-overlay-v2::after{
        inset:20px 14px;
        border-radius:20px;
    }
    .storybook-entry-overlay.storybook-entry-overlay-v2 .storybook-entry-skip{
        top:1rem;
        right:1rem;
        padding:.74rem 1rem;
    }
    .storybook-entry-copy.storybook-entry-copy-v2 h1{
        font-size:clamp(2.5rem, 10vw, 3.55rem);
    }
    .storybook-entry-editor-line small{
        letter-spacing:.08em;
    }
    .storybook-entry-stage.storybook-entry-stage-v2{
        min-height:470px;
    }
    .storybook-entry-hero-book{
        width:min(360px, 100%);
        min-height:500px;
        padding:1.15rem 1.05rem 1.1rem 1.2rem;
        border-radius:30px;
    }
    .storybook-entry-hero-media{
        height:188px;
        margin-left:.9rem;
        width:calc(100% - .9rem);
    }
    .storybook-entry-hero-copy strong{
        font-size:1.75rem;
    }
    .storybook-entry-overlay.storybook-entry-overlay-v2 .storybook-entry-note{
        display:none;
    }
    .storybook-entry-side-stack{
        display:none;
    }
    .storybook-entry-plinth{
        left:8%;
        right:8%;
        bottom:20px;
    }
}


/* Step 60 ultra-refined responsive story store intro */
.storybook-entry-overlay.storybook-entry-overlay-v2{
    overflow:auto;
    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
}
.storybook-entry-scene.storybook-entry-scene-v2{
    width:min(1240px, 100%);
    min-height:min(860px, calc(100vh - 3.2rem));
    padding:clamp(.4rem, 1vw, .95rem) clamp(.2rem, 1vw, .85rem);
}
.storybook-entry-copy.storybook-entry-copy-v2{
    max-width:580px;
}
.storybook-entry-copy.storybook-entry-copy-v2 h1{
    max-width:8.9ch;
}
.storybook-entry-copy.storybook-entry-copy-v2 > p{
    max-width:50ch;
}
.storybook-entry-meta-card{
    min-height:160px;
}
.storybook-entry-stage.storybook-entry-stage-v2{
    isolation:isolate;
}
.storybook-entry-stage.storybook-entry-stage-v2::before{
    content:'';
    position:absolute;
    inset:54px 34px 76px 42px;
    border-radius:42px;
    background:linear-gradient(180deg, rgba(255,255,255,.48), rgba(245,250,255,.22));
    border:1px solid rgba(255,255,255,.52);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.72), 0 28px 58px rgba(10,24,58,.05);
    backdrop-filter:blur(10px);
    z-index:0;
}
.storybook-entry-halo,
.storybook-entry-plinth,
.storybook-entry-side-stack,
.storybook-entry-hero-book,
.storybook-entry-note{
    z-index:1;
}
.storybook-entry-hero-book{
    width:min(420px, 100%);
    min-height:548px;
    border-radius:38px;
}
.storybook-entry-hero-media{
    display:flex;
    align-items:center;
    justify-content:center;
    background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(232,242,253,.98));
}
.storybook-entry-hero-media img{
    object-fit:contain;
    padding:1rem;
}
.storybook-entry-hero-copy strong{
    max-width:11ch;
}
.storybook-entry-hero-copy p{
    max-width:31ch;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:3;
    overflow:hidden;
}
.storybook-entry-overlay.storybook-entry-overlay-v2 .storybook-entry-note{
    max-width:218px;
}
.storybook-entry-note-top{
    top:82px;
    right:0;
}
.storybook-entry-note-bottom{
    left:2px;
    bottom:64px;
}
@media (max-width: 1199.98px){
    .storybook-entry-scene.storybook-entry-scene-v2{
        grid-template-columns:minmax(0, 1fr) minmax(360px, .92fr);
    }
    .storybook-entry-stage.storybook-entry-stage-v2::before{
        inset:60px 20px 74px 24px;
    }
}
@media (max-width: 991.98px){
    .storybook-entry-overlay.storybook-entry-overlay-v2{
        align-items:flex-start;
        padding-top:1rem;
        padding-bottom:1rem;
    }
    .storybook-entry-scene.storybook-entry-scene-v2{
        width:min(760px, 100%);
        min-height:auto;
        padding:4rem .15rem .5rem;
        gap:1.35rem;
    }
    .storybook-entry-copy.storybook-entry-copy-v2{
        margin:0 auto;
    }
    .storybook-entry-copy.storybook-entry-copy-v2 > p{
        margin-inline:auto;
    }
    .storybook-entry-meta{
        grid-template-columns:repeat(2, minmax(0, 1fr));
    }
    .storybook-entry-meta-card{
        min-height:unset;
        text-align:left;
    }
    .storybook-entry-stage.storybook-entry-stage-v2{
        min-height:500px;
    }
    .storybook-entry-stage.storybook-entry-stage-v2::before{
        inset:36px 24px 58px;
        border-radius:34px;
    }
    .storybook-entry-note-top{
        right:16px;
    }
    .storybook-entry-note-bottom{
        left:16px;
        bottom:34px;
    }
}
@media (max-width: 767.98px){
    .storybook-entry-overlay.storybook-entry-overlay-v2{
        padding:.85rem .8rem 1rem;
    }
    .storybook-entry-overlay.storybook-entry-overlay-v2 .storybook-entry-skip{
        top:.8rem;
        right:.8rem;
        padding:.68rem .92rem;
        font-size:.82rem;
    }
    .storybook-entry-scene.storybook-entry-scene-v2{
        width:100%;
        max-width:430px;
        min-height:auto;
        gap:1rem;
        padding:4rem 0 .4rem;
    }
    .storybook-entry-stage.storybook-entry-stage-v2{
        order:1;
        min-height:auto;
        padding-top:.15rem;
    }
    .storybook-entry-copy.storybook-entry-copy-v2{
        order:2;
    }
    .storybook-entry-copy.storybook-entry-copy-v2 h1{
        font-size:clamp(2.3rem, 9.8vw, 3.2rem);
        line-height:1;
        max-width:11.2ch;
        margin:1rem auto .85rem;
    }
    .storybook-entry-copy.storybook-entry-copy-v2 > p{
        font-size:.96rem;
        line-height:1.72;
        max-width:34ch;
    }
    .storybook-entry-editor-line{
        margin:1.12rem 0 1.2rem;
        gap:.7rem;
    }
    .storybook-entry-editor-line span{
        width:56px;
    }
    .storybook-entry-editor-line small{
        font-size:.72rem;
        letter-spacing:.07em;
    }
    .storybook-entry-meta{
        grid-template-columns:1fr;
        gap:.75rem;
    }
    .storybook-entry-meta-card{
        padding:1rem;
        border-radius:22px;
    }
    .storybook-entry-stage.storybook-entry-stage-v2::before{
        inset:18px 10px 42px;
        border-radius:26px;
    }
    .storybook-entry-halo{
        width:min(360px, 92vw);
    }
    .storybook-entry-plinth{
        left:14%;
        right:14%;
        height:52px;
        bottom:8px;
        filter:blur(20px);
    }
    .storybook-entry-hero-book{
        width:min(330px, 100%);
        min-height:414px;
        padding:1rem .95rem 1rem 1.05rem;
        border-radius:28px;
        transform:rotate(-1.4deg);
    }
    .storybook-entry-hero-book-top{
        gap:.65rem;
        padding-left:.75rem;
    }
    .storybook-entry-logo{
        width:42px;
        height:42px;
        border-radius:14px;
    }
    .storybook-entry-hero-book-top span{
        font-size:.76rem;
    }
    .storybook-entry-hero-bookmark{
        right:22px;
        width:28px;
        height:92px;
    }
    .storybook-entry-hero-bookmark::after{
        border-left-width:14px;
        border-right-width:14px;
        border-top-width:12px;
    }
    .storybook-entry-hero-media{
        height:164px;
        margin:1rem 0 1rem .75rem;
        width:calc(100% - .75rem);
        border-radius:20px;
    }
    .storybook-entry-hero-media img{
        padding:.8rem;
    }
    .storybook-entry-hero-copy{
        padding-left:.75rem;
    }
    .storybook-entry-hero-copy small{
        font-size:.68rem;
        margin-bottom:.42rem;
    }
    .storybook-entry-hero-copy strong{
        font-size:1.42rem;
        max-width:12.8ch;
        margin-bottom:.55rem;
    }
    .storybook-entry-hero-copy p{
        font-size:.88rem;
        line-height:1.56;
        max-width:none;
    }
    .storybook-entry-hero-footer{
        padding:1rem 0 0 .75rem;
        gap:.5rem;
        margin-top:.72rem;
    }
    .storybook-entry-hero-footer span{
        padding:.52rem .74rem;
        font-size:.72rem;
    }
    .storybook-entry-overlay.storybook-entry-overlay-v2 .storybook-entry-note,
    .storybook-entry-side-stack{
        display:none;
    }
}
@media (max-height: 760px) and (min-width: 768px){
    .storybook-entry-scene.storybook-entry-scene-v2{
        min-height:auto;
        padding-top:4.2rem;
        padding-bottom:.4rem;
    }
    .storybook-entry-copy.storybook-entry-copy-v2 h1{
        font-size:clamp(2.7rem, 4.2vw, 4.4rem);
    }
    .storybook-entry-copy.storybook-entry-copy-v2 > p{
        line-height:1.72;
    }
    .storybook-entry-stage.storybook-entry-stage-v2{
        min-height:470px;
    }
    .storybook-entry-hero-book{
        min-height:470px;
    }
    .storybook-entry-hero-media{
        height:176px;
    }
}


/* Step 62 ultra-premium luxury magical bookstore intro */
.storybook-entry-overlay-v3{position:fixed;inset:0;z-index:1060;display:flex;align-items:center;justify-content:center;padding:1.6rem;background:
  radial-gradient(circle at 12% 18%, rgba(145,234,255,.28), transparent 26%),
  radial-gradient(circle at 84% 18%, rgba(84,120,255,.18), transparent 24%),
  radial-gradient(circle at 50% 82%, rgba(215,170,92,.14), transparent 26%),
  linear-gradient(135deg, #fbfdff 0%, #f4f8ff 38%, #edf4ff 74%, #f9fbff 100%);
  backdrop-filter:blur(22px) saturate(135%);
  overflow:hidden}
.storybook-entry-overlay-v3::before,.storybook-entry-overlay-v3::after{content:'';position:absolute;pointer-events:none;border-radius:999px;filter:blur(34px)}
.storybook-entry-overlay-v3::before{width:380px;height:380px;left:-120px;top:-32px;background:radial-gradient(circle, rgba(255,255,255,.94), rgba(255,255,255,0) 72%)}
.storybook-entry-overlay-v3::after{width:430px;height:430px;right:-140px;bottom:-74px;background:radial-gradient(circle, rgba(36,79,243,.14), rgba(36,79,243,0) 72%)}
.storybook-entry-dust-v3{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.storybook-entry-dust-v3 span{position:absolute;width:8px;height:8px;border-radius:999px;background:radial-gradient(circle, rgba(255,255,255,.98) 0%, rgba(196,232,255,.78) 46%, rgba(196,232,255,0) 80%);box-shadow:0 0 22px rgba(132,212,255,.45);opacity:.78;animation:storybookDustFloat 7.8s ease-in-out infinite}
.storybook-entry-dust-v3 span:nth-child(1){top:11%;left:14%;animation-delay:.2s}
.storybook-entry-dust-v3 span:nth-child(2){top:22%;left:79%;animation-delay:1s}
.storybook-entry-dust-v3 span:nth-child(3){top:62%;left:9%;animation-delay:2s}
.storybook-entry-dust-v3 span:nth-child(4){top:76%;left:86%;animation-delay:2.7s}
.storybook-entry-dust-v3 span:nth-child(5){top:36%;left:56%;animation-delay:1.3s}
.storybook-entry-dust-v3 span:nth-child(6){top:54%;left:73%;animation-delay:3.1s}
.storybook-entry-dust-v3 span:nth-child(7){top:18%;left:47%;animation-delay:2.1s}
.storybook-entry-skip-v3{position:absolute;top:1.35rem;right:1.35rem;padding:.84rem 1.18rem;border-radius:999px;border:1px solid rgba(255,255,255,.88);background:linear-gradient(180deg, rgba(255,255,255,.92), rgba(243,248,255,.84));color:#2147df;font-size:.84rem;font-weight:800;letter-spacing:.04em;box-shadow:0 20px 46px rgba(19,34,56,.08), inset 0 1px 0 rgba(255,255,255,.98);backdrop-filter:blur(18px);transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease, color .25s ease}
.storybook-entry-skip-v3:hover{transform:translateY(-2px);box-shadow:0 26px 54px rgba(19,34,56,.11);border-color:rgba(145,212,255,.86);color:#1534af}
.storybook-entry-scene-v3{position:relative;z-index:1;width:min(1260px,100%);display:grid;grid-template-columns:minmax(0,.9fr) minmax(460px,1.1fr);gap:3.8rem;align-items:center;transition:transform .7s ease, opacity .55s ease, filter .55s ease}
.storybook-entry-copy-v3{position:relative;max-width:550px;opacity:0;transform:translateY(28px)}
.storybook-entry-kicker-v3{display:inline-flex;align-items:center;gap:.58rem;padding:.76rem 1.08rem;border-radius:999px;background:linear-gradient(180deg, rgba(255,255,255,.9), rgba(246,250,255,.82));border:1px solid rgba(255,255,255,.94);box-shadow:0 18px 36px rgba(19,34,56,.055);font-size:.79rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase;color:#2147df}
.storybook-entry-kicker-dot{width:9px;height:9px;border-radius:999px;background:linear-gradient(135deg, #92e4ff, #2147df);box-shadow:0 0 0 5px rgba(25,208,242,.11)}
.storybook-entry-copy-v3 h1{margin:1.35rem 0 1.02rem;font-size:clamp(3.1rem, 5vw, 5.5rem);line-height:.94;letter-spacing:-.058em;color:#0f2037;max-width:10.8ch;text-wrap:balance;text-shadow:0 14px 34px rgba(255,255,255,.56)}
.storybook-entry-copy-v3 p{margin:0;max-width:54ch;font-size:1.03rem;line-height:1.95;color:#5a6f8c}
.storybook-entry-editor-line-v3{display:flex;align-items:center;gap:.9rem;margin-top:1.6rem;color:#7f90a6}
.storybook-entry-editor-line-v3 span{width:92px;height:1px;background:linear-gradient(90deg, rgba(211,168,94,0), rgba(211,168,94,.92), rgba(145,226,255,0))}
.storybook-entry-editor-line-v3 small{font-size:.84rem;font-weight:700;letter-spacing:.03em;color:#7f90a6;text-transform:uppercase}
.storybook-entry-meta-v3{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1.8rem}
.storybook-entry-meta-card-v3{position:relative;padding:1.26rem 1.18rem 1.16rem;border-radius:30px;background:linear-gradient(180deg, rgba(255,255,255,.9), rgba(247,251,255,.84));border:1px solid rgba(255,255,255,.96);box-shadow:0 24px 52px rgba(19,34,56,.065), inset 0 1px 0 rgba(255,255,255,.94);backdrop-filter:blur(18px)}
.storybook-entry-meta-card-v3::before{content:'';position:absolute;left:1.18rem;right:1.18rem;top:0;height:2px;border-radius:999px;background:linear-gradient(90deg, rgba(213,173,97,.06), rgba(213,173,97,.86), rgba(25,208,242,.18))}
.storybook-entry-meta-card-v3 b{display:block;margin-bottom:.52rem;font-size:.73rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:#7d8da5}
.storybook-entry-meta-card-v3 strong{display:block;margin-bottom:.48rem;font-size:1.03rem;line-height:1.44;color:#11233d}
.storybook-entry-meta-card-v3 span{display:block;font-size:.91rem;line-height:1.66;color:#627691}
.storybook-entry-meta-card-v3.storybook-entry-meta-card-highlight{background:linear-gradient(180deg, rgba(255,255,255,.95), rgba(239,247,255,.92));border-color:rgba(200,235,255,.98)}
.storybook-entry-stage-v3{position:relative;min-height:676px;display:flex;align-items:center;justify-content:center;opacity:0;transform:translateY(30px) scale(.98)}
.storybook-entry-ambient-arch{position:absolute;inset:2% 7% 11% 7%;border-radius:48px;background:linear-gradient(180deg, rgba(255,255,255,.68), rgba(239,247,255,.40));border:1px solid rgba(255,255,255,.86);box-shadow:inset 0 1px 0 rgba(255,255,255,.98), inset 0 -18px 32px rgba(161,197,235,.09), 0 28px 70px rgba(19,34,56,.07)}
.storybook-entry-ambient-arch::before{content:'';position:absolute;inset:16px;border-radius:36px;border:1px solid rgba(255,255,255,.54);pointer-events:none}
.storybook-entry-ambient-glow{position:absolute;inset:10% 17% 24% 17%;border-radius:44px;background:radial-gradient(circle at 50% 20%, rgba(255,255,255,.94), rgba(216,235,255,.48) 34%, rgba(216,235,255,0) 74%);filter:blur(8px);opacity:.98}
.storybook-entry-ambient-beam{position:absolute;top:7%;left:50%;width:60%;height:58%;transform:translateX(-50%);background:radial-gradient(ellipse at center, rgba(25,208,242,.16) 0%, rgba(36,71,227,.07) 34%, rgba(255,255,255,0) 74%);filter:blur(18px);opacity:.92}
.storybook-entry-ceiling-glow{position:absolute;top:8%;left:50%;width:34%;height:34px;transform:translateX(-50%);border-radius:999px;background:linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,.9), rgba(255,255,255,0));filter:blur(12px);opacity:.72}
.storybook-entry-shelf-line{position:absolute;left:18%;right:18%;bottom:25%;height:1px;background:linear-gradient(90deg, rgba(180,194,220,0), rgba(180,194,220,.6), rgba(180,194,220,0));opacity:.8}
.storybook-entry-floor{position:absolute;left:11%;right:11%;bottom:9%;height:124px;border-radius:999px;background:radial-gradient(ellipse at center, rgba(19,34,56,.18), rgba(19,34,56,.07) 42%, rgba(19,34,56,0) 76%);filter:blur(18px);opacity:.7}
.storybook-entry-pedestal{position:absolute;bottom:12.8%;left:50%;width:min(280px,42vw);height:74px;transform:translateX(-50%);border-radius:999px;background:linear-gradient(180deg, rgba(255,255,255,.88), rgba(232,241,255,.52));border:1px solid rgba(255,255,255,.82);box-shadow:0 20px 38px rgba(19,34,56,.06), inset 0 1px 0 rgba(255,255,255,.9)}
.storybook-entry-showcase{position:relative;z-index:2;display:flex;align-items:flex-end;justify-content:center;width:min(500px,100%);min-height:590px}
.storybook-entry-showcase-rim{position:absolute;inset:7% 8% 16% 8%;border-radius:40px;background:linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.42);box-shadow:inset 0 1px 0 rgba(255,255,255,.62)}
.storybook-entry-showcase-sheen{position:absolute;inset:12% 12% auto 12%;height:126px;border-radius:999px;background:linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,.48), rgba(255,255,255,0));filter:blur(18px);opacity:.82}
.storybook-entry-showcase-glass{position:absolute;inset:12% 14% 20% 14%;border-radius:34px;background:linear-gradient(180deg, rgba(255,255,255,.14), rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.28);opacity:.7}
.storybook-entry-stack{position:absolute;display:flex;flex-direction:column;gap:.88rem;z-index:1}
.storybook-entry-stack span{display:block;height:26px;border-radius:15px;background:linear-gradient(180deg, rgba(255,255,255,.96), rgba(236,243,255,.9));border:1px solid rgba(255,255,255,.94);box-shadow:0 18px 36px rgba(19,34,56,.05), inset 0 -2px 0 rgba(19,34,56,.035)}
.storybook-entry-stack span::after{content:'';display:block;height:100%;margin-left:14px;width:2px;background:linear-gradient(180deg, rgba(22,63,243,.08), rgba(25,208,242,.24), rgba(22,63,243,.08));border-radius:999px}
.storybook-entry-stack-left{left:4%;bottom:26%;transform:rotate(-10deg)}
.storybook-entry-stack-left span:nth-child(1){width:158px}
.storybook-entry-stack-left span:nth-child(2){width:178px}
.storybook-entry-stack-left span:nth-child(3){width:142px}
.storybook-entry-stack-right{right:5%;top:24%;transform:rotate(12deg)}
.storybook-entry-stack-right span:nth-child(1){width:136px}
.storybook-entry-stack-right span:nth-child(2){width:160px}
.storybook-entry-hero-book-v3{position:relative;z-index:2;width:min(392px,78vw);border-radius:38px;background:linear-gradient(165deg, rgba(22,67,228,.99) 0%, rgba(34,110,247,.98) 34%, rgba(30,181,236,.95) 100%);border:1px solid rgba(255,255,255,.32);box-shadow:0 54px 110px rgba(15,38,88,.24), 0 18px 34px rgba(19,34,56,.12), inset 0 1px 0 rgba(255,255,255,.34);padding:1.32rem 1.32rem 1.18rem;overflow:hidden;transform:rotate(-3.6deg) perspective(1800px) rotateY(-15deg);transform-style:preserve-3d;isolation:isolate}
.storybook-entry-hero-book-v3::before{content:'';position:absolute;inset:0;background:linear-gradient(126deg, rgba(255,255,255,.20), transparent 30%, transparent 66%, rgba(255,255,255,.14));pointer-events:none}
.storybook-entry-hero-book-v3::after{content:'';position:absolute;right:-18px;top:10px;bottom:10px;width:26px;border-radius:18px;background:linear-gradient(180deg, rgba(255,255,255,.92), rgba(228,238,250,.98) 38%, rgba(210,223,241,.98) 100%);box-shadow:inset -5px 0 10px rgba(16,30,60,.08), inset 2px 0 0 rgba(255,255,255,.94)}
.storybook-entry-hero-book-page-edge{position:absolute;right:8px;top:18px;bottom:18px;width:18px;border-radius:12px;background:repeating-linear-gradient(180deg, rgba(235,242,253,.98) 0 3px, rgba(208,221,238,.96) 3px 6px);box-shadow:inset -2px 0 4px rgba(16,30,60,.06);opacity:.98}
.storybook-entry-hero-book-spine{position:absolute;left:-14px;top:18px;bottom:18px;width:22px;border-radius:18px;background:linear-gradient(180deg, rgba(9,36,122,.94), rgba(7,23,87,.99));box-shadow:inset -2px 0 0 rgba(255,255,255,.16), 10px 0 24px rgba(8,24,89,.18)}
.storybook-entry-hero-book-sheen{position:absolute;inset:7% auto auto 11%;width:168px;height:286px;background:linear-gradient(180deg, rgba(255,255,255,.26), rgba(255,255,255,0));transform:rotate(8deg);filter:blur(8px);opacity:.82;pointer-events:none}
.storybook-entry-hero-bookmark{position:absolute;top:-6px;right:64px;width:28px;height:136px;border-radius:0 0 16px 16px;background:linear-gradient(180deg, #f4d38f, #d8a257);box-shadow:0 12px 26px rgba(122,82,23,.18)}
.storybook-entry-hero-foil{position:absolute;left:24px;right:46px;top:18px;height:1px;background:linear-gradient(90deg, rgba(247,217,162,0), rgba(247,217,162,.95), rgba(247,217,162,0));opacity:.82}
.storybook-entry-hero-price{position:absolute;top:22px;right:28px;z-index:3;display:inline-flex;align-items:center;justify-content:center;padding:.45rem .72rem;border-radius:999px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(12px);font-size:.7rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#fdfcff}
.storybook-entry-hero-book-top{position:relative;display:flex;align-items:center;gap:.72rem;color:#eff7ff;font-weight:800;letter-spacing:.07em;text-transform:uppercase;font-size:.8rem;margin-bottom:1rem}
.storybook-entry-logo{width:42px;height:42px;border-radius:14px;object-fit:cover;border:1px solid rgba(255,255,255,.45);box-shadow:0 10px 22px rgba(12,32,84,.2)}
.storybook-entry-hero-media-v3{position:relative;border-radius:26px;overflow:hidden;background:linear-gradient(180deg, rgba(255,255,255,.96), rgba(235,244,255,.94));padding:.7rem;border:1px solid rgba(255,255,255,.45);box-shadow:inset 0 1px 0 rgba(255,255,255,.82), 0 18px 32px rgba(13,36,95,.14)}
.storybook-entry-hero-media-v3::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg, rgba(255,255,255,0), rgba(255,255,255,.03) 48%, rgba(7,18,42,.05));pointer-events:none}
.storybook-entry-hero-media-frame{position:relative;border-radius:20px;overflow:hidden;background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(241,247,255,.94));box-shadow:0 12px 24px rgba(18,36,82,.08), inset 0 0 0 1px rgba(232,240,251,.88)}
.storybook-entry-hero-media-v3 img{display:block;width:100%;height:256px;object-fit:contain;padding:1rem;background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(240,246,255,.95))}
.storybook-entry-hero-copy-v3{position:relative;padding-top:1rem;padding-right:.8rem;color:#eff7ff}
.storybook-entry-hero-copy-v3 small{display:block;margin-bottom:.48rem;font-size:.72rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase;color:rgba(238,247,255,.76)}
.storybook-entry-hero-copy-v3 strong{display:block;font-size:1.44rem;line-height:1.18;margin-bottom:.62rem;color:#ffffff;text-wrap:balance}
.storybook-entry-hero-copy-v3 p{margin:0;font-size:.92rem;line-height:1.68;color:rgba(236,245,255,.88)}
.storybook-entry-hero-footer-v3{display:flex;gap:.66rem;flex-wrap:wrap;margin-top:1rem}
.storybook-entry-hero-footer-v3 span{display:inline-flex;align-items:center;justify-content:center;padding:.6rem .94rem;border-radius:999px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(10px);font-size:.77rem;font-weight:700;color:#ffffff}
.storybook-entry-hero-signature{margin-top:.9rem;font-size:.76rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:rgba(246,251,255,.76)}
.storybook-entry-plaque{position:absolute;display:grid;gap:.34rem;max-width:264px;padding:1.06rem 1.12rem;border-radius:28px;background:linear-gradient(180deg, rgba(255,255,255,.92), rgba(246,250,255,.84));border:1px solid rgba(255,255,255,.94);box-shadow:0 24px 50px rgba(19,34,56,.07), inset 0 1px 0 rgba(255,255,255,.9);backdrop-filter:blur(18px);opacity:0;transform:translateY(16px) scale(.96)}
.storybook-entry-plaque::before{content:'';position:absolute;left:1.08rem;right:1.08rem;top:0;height:2px;border-radius:999px;background:linear-gradient(90deg, rgba(216,170,92,.08), rgba(216,170,92,.92), rgba(25,208,242,.16))}
.storybook-entry-plaque b{font-size:.71rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:#8190a5}
.storybook-entry-plaque strong{font-size:1rem;line-height:1.44;color:#102038}
.storybook-entry-plaque span{font-size:.89rem;line-height:1.58;color:#62748c}
.storybook-entry-plaque-top{right:.5%;top:15%}
.storybook-entry-plaque-bottom{left:.5%;bottom:16%}
.storybook-entry-overlay-v3.is-active .storybook-entry-copy-v3{animation:storybookEntryCopyRise .92s cubic-bezier(.18,.76,.2,1) .08s forwards}
.storybook-entry-overlay-v3.is-active .storybook-entry-stage-v3{animation:storybookEntryStageRise 1.02s cubic-bezier(.18,.76,.2,1) .22s forwards}
.storybook-entry-overlay-v3.is-active .storybook-entry-hero-book-v3{animation:storybookEntryBookSwing 1.2s cubic-bezier(.2,.74,.22,1) .48s both}
.storybook-entry-overlay-v3.is-glowing .storybook-entry-plaque-top{animation:storybookEntryPlaque .7s cubic-bezier(.2,.74,.22,1) .08s forwards}
.storybook-entry-overlay-v3.is-glowing .storybook-entry-plaque-bottom{animation:storybookEntryPlaque .7s cubic-bezier(.2,.74,.22,1) .2s forwards}
.storybook-entry-overlay-v3.is-glowing .storybook-entry-stack-left{animation:storybookEntryFloat .85s ease .1s both}
.storybook-entry-overlay-v3.is-glowing .storybook-entry-stack-right{animation:storybookEntryFloat .85s ease .22s both}
.storybook-entry-overlay-v3.is-settled .storybook-entry-hero-book-v3{transform:rotate(-3deg) perspective(1800px) rotateY(-12deg) translateY(-6px)}
.storybook-entry-overlay-v3.is-settled .storybook-entry-stage-v3{transform:translateY(0) scale(1.004)}
@keyframes storybookDustFloat{0%,100%{transform:translate3d(0,0,0) scale(.9);opacity:.7}50%{transform:translate3d(0,-14px,0) scale(1.08);opacity:1}}
@keyframes storybookEntryCopyRise{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}
@keyframes storybookEntryStageRise{from{opacity:0;transform:translateY(30px) scale(.975)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes storybookEntryBookSwing{0%{opacity:0;transform:rotate(-7deg) perspective(1800px) rotateY(-24deg) translateY(28px) scale(.94)}65%{opacity:1;transform:rotate(-2.8deg) perspective(1800px) rotateY(-11deg) translateY(-8px) scale(1.018)}100%{opacity:1;transform:rotate(-3.6deg) perspective(1800px) rotateY(-15deg) translateY(0) scale(1)}}
@keyframes storybookEntryPlaque{from{opacity:0;transform:translateY(16px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes storybookEntryFloat{0%{opacity:.001;transform:translateY(14px) scale(.97)}100%{opacity:1;transform:translateY(0) scale(1)}}
@media (max-width: 1199.98px){
  .storybook-entry-scene-v3{gap:2.6rem;grid-template-columns:minmax(0,1fr) minmax(410px,1fr)}
  .storybook-entry-copy-v3 h1{font-size:clamp(2.8rem,5.2vw,4.8rem)}
  .storybook-entry-stage-v3{min-height:624px}
  .storybook-entry-showcase{width:min(470px,100%)}
}
@media (max-width: 991.98px){
  .storybook-entry-overlay-v3{padding:1.15rem 1rem 1rem;align-items:flex-start;overflow-y:auto}
  .storybook-entry-scene-v3{grid-template-columns:1fr;gap:1.5rem;text-align:center;padding-top:3.85rem}
  .storybook-entry-copy-v3{max-width:none;display:grid;justify-items:center}
  .storybook-entry-copy-v3 h1{max-width:12ch;margin-top:1rem}
  .storybook-entry-copy-v3 p,.storybook-entry-editor-line-v3 small{max-width:60ch}
  .storybook-entry-stage-v3{order:-1;min-height:auto;display:grid;gap:1rem;justify-items:center;padding:1rem .15rem 0}
  .storybook-entry-ambient-arch{inset:2% 1% 17% 1%}
  .storybook-entry-showcase{width:min(450px,100%);min-height:auto;padding:1.8rem 0 1rem}
  .storybook-entry-shelf-line{left:12%;right:12%;bottom:24%}
  .storybook-entry-pedestal{bottom:14%;width:min(240px,54vw);height:68px}
  .storybook-entry-stack-left{left:0;bottom:28%}
  .storybook-entry-stack-right{right:1%;top:24%}
  .storybook-entry-plaque{position:static;max-width:min(460px,100%);width:100%;text-align:left;opacity:1;transform:none}
  .storybook-entry-meta-v3{max-width:700px;width:100%}
}
@media (max-width: 767.98px){
  .storybook-entry-overlay-v3{padding:.95rem .88rem 1rem}
  .storybook-entry-skip-v3{top:.9rem;right:.9rem;padding:.72rem 1rem;font-size:.78rem}
  .storybook-entry-scene-v3{padding-top:3.15rem;gap:1.24rem}
  .storybook-entry-kicker-v3{font-size:.7rem;letter-spacing:.12em;padding:.66rem .92rem}
  .storybook-entry-copy-v3 h1{font-size:clamp(2.2rem,10vw,3.3rem);max-width:11.5ch}
  .storybook-entry-copy-v3 p{font-size:.94rem;line-height:1.76}
  .storybook-entry-editor-line-v3{gap:.65rem;margin-top:1.1rem}
  .storybook-entry-editor-line-v3 span{width:54px}
  .storybook-entry-editor-line-v3 small{font-size:.74rem;line-height:1.5}
  .storybook-entry-meta-v3{grid-template-columns:1fr;gap:.85rem;margin-top:1.22rem}
  .storybook-entry-meta-card-v3{padding:1rem .98rem;border-radius:24px;text-align:left}
  .storybook-entry-stage-v3{padding-top:.55rem}
  .storybook-entry-ambient-arch{inset:5% 0 19% 0;border-radius:32px}
  .storybook-entry-ambient-beam{width:84%;height:48%}
  .storybook-entry-ceiling-glow{width:52%}
  .storybook-entry-showcase{width:min(370px,100%);padding:1.5rem 0 1rem}
  .storybook-entry-hero-book-v3{width:min(328px,87vw);padding:1rem 1rem .95rem;border-radius:30px;transform:rotate(-2.3deg) perspective(1500px) rotateY(-10deg)}
  .storybook-entry-hero-book-v3::after{right:-14px;width:20px}
  .storybook-entry-hero-book-page-edge{right:6px;width:14px}
  .storybook-entry-hero-book-spine{left:-12px;width:18px}
  .storybook-entry-hero-bookmark{right:42px;width:22px;height:108px}
  .storybook-entry-hero-price{top:18px;right:20px;font-size:.64rem;padding:.42rem .62rem}
  .storybook-entry-hero-media-v3{padding:.55rem}
  .storybook-entry-hero-media-v3 img{height:214px;padding:.8rem}
  .storybook-entry-hero-copy-v3 strong{font-size:1.24rem}
  .storybook-entry-hero-copy-v3 p{font-size:.88rem;line-height:1.58}
  .storybook-entry-hero-footer-v3{gap:.5rem;margin-top:.82rem}
  .storybook-entry-hero-footer-v3 span{font-size:.7rem;padding:.5rem .68rem}
  .storybook-entry-hero-signature{font-size:.68rem;letter-spacing:.06em}
  .storybook-entry-stack{opacity:.72}
  .storybook-entry-stack span{height:20px;border-radius:12px}
  .storybook-entry-stack-left{left:-2%;bottom:29%;transform:rotate(-9deg) scale(.82)}
  .storybook-entry-stack-right{right:-1%;top:25%;transform:rotate(11deg) scale(.82)}
  .storybook-entry-plaque{padding:.9rem .95rem;border-radius:22px}
  .storybook-entry-plaque strong{font-size:.94rem}
  .storybook-entry-plaque span{font-size:.83rem}
}
@media (max-width: 479.98px){
  .storybook-entry-copy-v3 h1{font-size:clamp(2rem,11vw,2.9rem)}
  .storybook-entry-copy-v3 p{font-size:.89rem}
  .storybook-entry-showcase{width:min(320px,100%)}
  .storybook-entry-hero-book-v3{width:min(294px,84vw)}
  .storybook-entry-hero-media-v3 img{height:190px}
  .storybook-entry-stack-left,.storybook-entry-stack-right{display:none}
  .storybook-entry-pedestal{width:min(210px,64vw);height:58px;bottom:15%}
}

@media (prefers-reduced-motion: reduce){
  .storybook-entry-overlay-v3,
  .storybook-entry-overlay-v3 *{animation:none!important;transition:none!important}
}


/* Step 63 museum-grade premium bookstore intro polish */
.storybook-entry-overlay-v3{
  background:
    radial-gradient(circle at 11% 18%, rgba(148,236,255,.30), transparent 24%),
    radial-gradient(circle at 85% 18%, rgba(90,124,255,.17), transparent 24%),
    radial-gradient(circle at 50% 80%, rgba(216,171,94,.12), transparent 24%),
    linear-gradient(135deg, #fcfdff 0%, #f6f9ff 32%, #eef4ff 73%, #fbfcff 100%);
}
.storybook-entry-overlay-v3::before{width:420px;height:420px;left:-132px;top:-48px;opacity:.96}
.storybook-entry-overlay-v3::after{width:480px;height:480px;right:-168px;bottom:-96px;opacity:.92}
.storybook-entry-skip-v3{border-color:rgba(255,255,255,.94);background:linear-gradient(180deg, rgba(255,255,255,.96), rgba(246,249,255,.88));box-shadow:0 22px 48px rgba(19,34,56,.085), inset 0 1px 0 rgba(255,255,255,.98)}
.storybook-entry-scene-v3{width:min(1320px,100%);grid-template-columns:minmax(0,.86fr) minmax(520px,1.14fr);gap:4.25rem}
.storybook-entry-copy-v3{max-width:530px}
.storybook-entry-copy-v3 h1{font-size:clamp(2.95rem,4.45vw,5rem);line-height:.95;letter-spacing:-.062em;max-width:11.4ch;text-shadow:0 16px 40px rgba(255,255,255,.62)}
.storybook-entry-copy-v3 p{max-width:58ch;font-size:1.01rem;line-height:1.92;color:#586f8d}
.storybook-entry-editor-line-v3{margin-top:1.42rem}
.storybook-entry-editor-line-v3 small{font-size:.79rem;letter-spacing:.1em;color:#8493a8}
.storybook-entry-meta-v3{margin-top:1.55rem;gap:.92rem}
.storybook-entry-meta-card-v3{padding:1.12rem 1.08rem 1.06rem;border-radius:26px;box-shadow:0 22px 48px rgba(19,34,56,.058), inset 0 1px 0 rgba(255,255,255,.96)}
.storybook-entry-meta-card-v3 strong{font-size:1rem}
.storybook-entry-meta-card-v3 span{font-size:.89rem}
.storybook-entry-stage-v3{min-height:696px}
.storybook-entry-ambient-arch{inset:3% 6% 10% 6%;border-radius:54px;background:linear-gradient(180deg, rgba(255,255,255,.72), rgba(241,247,255,.42));box-shadow:inset 0 1px 0 rgba(255,255,255,.98), inset 0 -20px 34px rgba(161,197,235,.08), 0 34px 84px rgba(19,34,56,.07)}
.storybook-entry-ambient-arch::after{content:'';position:absolute;left:44px;right:44px;top:34px;height:1px;background:linear-gradient(90deg, rgba(214,172,96,0), rgba(214,172,96,.54), rgba(164,224,255,.16), rgba(214,172,96,0));opacity:.9}
.storybook-entry-ambient-glow{inset:11% 17% 25% 17%;filter:blur(9px)}
.storybook-entry-ceiling-glow{width:40%;height:42px;opacity:.84}
.storybook-entry-pedestal{bottom:12%;width:min(320px,44vw);height:84px;background:linear-gradient(180deg, rgba(255,255,255,.92), rgba(234,242,255,.56));box-shadow:0 24px 42px rgba(19,34,56,.065), inset 0 1px 0 rgba(255,255,255,.94)}
.storybook-entry-showcase{width:min(540px,100%);min-height:620px}
.storybook-entry-showcase-rim{inset:6% 7% 13% 7%;border-radius:44px;background:linear-gradient(180deg, rgba(255,255,255,.14), rgba(255,255,255,.035));border:1px solid rgba(255,255,255,.48)}
.storybook-entry-showcase-sheen{inset:10% 13% auto 13%;height:142px;opacity:.86}
.storybook-entry-showcase-reflection{position:absolute;inset:18% 22% 24% 22%;border-radius:38px;background:linear-gradient(110deg, rgba(255,255,255,0), rgba(255,255,255,.36) 46%, rgba(255,255,255,0) 74%);filter:blur(8px);opacity:.54;transform:translateX(7%)}
.storybook-entry-showcase-glass{inset:11% 13% 18% 13%;border-radius:38px;background:linear-gradient(180deg, rgba(255,255,255,.15), rgba(255,255,255,.025));border:1px solid rgba(255,255,255,.28)}
.storybook-entry-book-reflection{position:absolute;bottom:7.2%;left:51%;width:316px;height:92px;transform:translateX(-43%) rotate(-3.2deg);background:radial-gradient(ellipse at center, rgba(10,28,79,.22), rgba(10,28,79,.08) 44%, rgba(10,28,79,0) 74%);filter:blur(22px);opacity:.5;pointer-events:none}
.storybook-entry-hero-book-v3{width:min(404px,74vw);border-radius:42px;padding:1.4rem 1.4rem 1.2rem;box-shadow:0 60px 120px rgba(15,38,88,.25), 0 22px 42px rgba(19,34,56,.13), inset 0 1px 0 rgba(255,255,255,.34);transform:rotate(-4.1deg) perspective(2000px) rotateY(-16deg)}
.storybook-entry-hero-book-v3::before{background:linear-gradient(130deg, rgba(255,255,255,.26), transparent 32%, transparent 65%, rgba(255,255,255,.15))}
.storybook-entry-hero-book-v3::after{right:-20px;top:9px;bottom:12px;width:28px}
.storybook-entry-hero-book-page-edge{right:9px;width:19px}
.storybook-entry-hero-book-spine{left:-16px;width:24px}
.storybook-entry-hero-bookmark{right:72px;width:30px;height:150px}
.storybook-entry-hero-price{background:linear-gradient(180deg, rgba(244,212,144,.30), rgba(255,255,255,.12));border-color:rgba(255,227,160,.28);color:#fff6df;box-shadow:0 10px 24px rgba(117,83,27,.18)}
.storybook-entry-hero-book-top{justify-content:space-between;gap:.9rem;margin-bottom:1.08rem}
.storybook-entry-hero-book-top span{flex:1}
.storybook-entry-hero-chip{display:inline-flex;align-items:center;justify-content:center;padding:.48rem .78rem;border-radius:999px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(10px);font-size:.64rem;font-style:normal;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#f7faff;white-space:nowrap}
.storybook-entry-hero-media-v3{border-radius:28px;padding:.75rem}
.storybook-entry-hero-media-frame{border-radius:22px}
.storybook-entry-hero-media-v3 img{height:272px;padding:1.08rem}
.storybook-entry-hero-copy-v3{padding-top:1.05rem}
.storybook-entry-hero-copy-v3 strong{font-size:1.52rem;line-height:1.16}
.storybook-entry-hero-copy-v3 p{font-size:.93rem;line-height:1.7}
.storybook-entry-hero-footer-v3 span{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.14)}
.storybook-entry-hero-signature{color:rgba(247,251,255,.82)}
.storybook-entry-plaque{max-width:250px;border-radius:26px;box-shadow:0 26px 52px rgba(19,34,56,.075), inset 0 1px 0 rgba(255,255,255,.92)}
.storybook-entry-plaque-top{right:1.5%;top:16%}
.storybook-entry-plaque-bottom{left:1.2%;bottom:15%}
.storybook-entry-overlay-v3.is-active .storybook-entry-hero-book-v3{animation:storybookEntryBookSwing63 1.28s cubic-bezier(.2,.74,.22,1) .48s both}
.storybook-entry-overlay-v3.is-settled .storybook-entry-hero-book-v3{transform:rotate(-3.5deg) perspective(2000px) rotateY(-13deg) translateY(-7px)}
@keyframes storybookEntryBookSwing63{0%{opacity:0;transform:rotate(-7.6deg) perspective(2000px) rotateY(-24deg) translateY(30px) scale(.935)}65%{opacity:1;transform:rotate(-3.1deg) perspective(2000px) rotateY(-11deg) translateY(-9px) scale(1.02)}100%{opacity:1;transform:rotate(-4.1deg) perspective(2000px) rotateY(-16deg) translateY(0) scale(1)}}
@media (max-width: 1199.98px){
  .storybook-entry-scene-v3{grid-template-columns:minmax(0,.92fr) minmax(430px,1.08fr);gap:3.1rem}
  .storybook-entry-copy-v3 h1{font-size:clamp(2.8rem,5vw,4.45rem);max-width:11.8ch}
  .storybook-entry-stage-v3{min-height:648px}
  .storybook-entry-showcase{width:min(490px,100%)}
}
@media (max-width: 991.98px){
  .storybook-entry-scene-v3{gap:1.65rem;padding-top:3.8rem}
  .storybook-entry-copy-v3 h1{max-width:13ch}
  .storybook-entry-copy-v3 p{max-width:62ch}
  .storybook-entry-stage-v3{padding:1.1rem .12rem 0}
  .storybook-entry-showcase{width:min(470px,100%);padding:1.9rem 0 1.12rem}
  .storybook-entry-book-reflection{bottom:10%;width:250px;height:76px;transform:translateX(-44%) rotate(-3deg)}
}
@media (max-width: 767.98px){
  .storybook-entry-copy-v3 h1{font-size:clamp(2.15rem,9.4vw,3.1rem);max-width:12.6ch}
  .storybook-entry-copy-v3 p{font-size:.92rem;line-height:1.74}
  .storybook-entry-editor-line-v3 small{font-size:.72rem}
  .storybook-entry-meta-card-v3 strong{font-size:.95rem}
  .storybook-entry-showcase{width:min(378px,100%);padding:1.58rem 0 1rem}
  .storybook-entry-showcase-reflection{inset:18% 20% 24% 20%;opacity:.48}
  .storybook-entry-hero-book-v3{width:min(330px,88vw);padding:1.02rem 1rem .95rem;border-radius:31px;transform:rotate(-2.4deg) perspective(1600px) rotateY(-10deg)}
  .storybook-entry-hero-bookmark{right:44px;width:22px;height:112px}
  .storybook-entry-hero-price{top:18px;right:18px;padding:.4rem .58rem}
  .storybook-entry-hero-book-top{gap:.55rem}
  .storybook-entry-hero-chip{font-size:.58rem;padding:.4rem .62rem}
  .storybook-entry-hero-media-v3 img{height:216px;padding:.82rem}
  .storybook-entry-book-reflection{bottom:11%;width:210px;height:62px}
}
@media (max-width: 479.98px){
  .storybook-entry-copy-v3 h1{font-size:clamp(1.95rem,10.4vw,2.8rem);max-width:13.2ch}
  .storybook-entry-showcase{width:min(324px,100%)}
  .storybook-entry-hero-book-v3{width:min(298px,84vw)}
  .storybook-entry-hero-book-top{align-items:flex-start;flex-wrap:wrap}
  .storybook-entry-hero-book-top span{width:100%}
  .storybook-entry-hero-chip{margin-left:auto}
  .storybook-entry-book-reflection{display:none}
}



/* Step 64 couture premium bookstore intro extension */
.storybook-entry-overlay-v3{background:
    radial-gradient(circle at 10% 18%, rgba(148,236,255,.34), transparent 24%),
    radial-gradient(circle at 86% 18%, rgba(90,124,255,.18), transparent 24%),
    radial-gradient(circle at 50% 80%, rgba(216,171,94,.16), transparent 24%),
    linear-gradient(135deg, #fdfdff 0%, #f8fbff 28%, #eef4ff 72%, #fbfcff 100%)}
.storybook-entry-scene-v3{width:min(1360px,100%);grid-template-columns:minmax(0,.84fr) minmax(540px,1.16fr);gap:4.75rem}
.storybook-entry-copy-v3{max-width:548px;padding-top:.35rem}
.storybook-entry-copy-monogram{position:absolute;left:-.22rem;top:-1.1rem;font-size:clamp(5rem,10vw,8rem);line-height:1;font-weight:900;letter-spacing:-.08em;color:rgba(255,255,255,.64);text-shadow:0 22px 48px rgba(20,38,64,.07);pointer-events:none;user-select:none;filter:blur(.2px)}
.storybook-entry-kicker-v3{background:linear-gradient(180deg, rgba(255,255,255,.94), rgba(247,250,255,.86));box-shadow:0 22px 42px rgba(19,34,56,.06), inset 0 1px 0 rgba(255,255,255,.98)}
.storybook-entry-copy-v3 h1{font-size:clamp(3rem,4.4vw,5.1rem);line-height:.94;letter-spacing:-.065em;max-width:10.6ch;margin-top:1.25rem}
.storybook-entry-copy-v3 p{max-width:56ch;font-size:1.02rem;line-height:1.96;color:#596f8e}
.storybook-entry-editor-line-v3 small{letter-spacing:.115em}
.storybook-entry-meta-v3{margin-top:1.72rem;gap:1rem}
.storybook-entry-meta-card-v3{border-radius:28px;padding:1.16rem 1.12rem 1.08rem;background:linear-gradient(180deg, rgba(255,255,255,.92), rgba(248,251,255,.86));box-shadow:0 26px 56px rgba(19,34,56,.06), inset 0 1px 0 rgba(255,255,255,.98)}
.storybook-entry-stage-v3{min-height:720px}
.storybook-entry-ambient-arch{inset:2.4% 5.5% 10.2% 5.5%;border-radius:58px;box-shadow:inset 0 1px 0 rgba(255,255,255,.98), inset 0 -18px 34px rgba(161,197,235,.09), 0 40px 100px rgba(19,34,56,.08)}
.storybook-entry-curtain{position:absolute;top:8%;bottom:18%;width:64px;border-radius:999px;opacity:.78;filter:blur(2px);pointer-events:none}
.storybook-entry-curtain-left{left:8%;background:linear-gradient(180deg, rgba(255,255,255,.42), rgba(214,228,249,.22), rgba(255,255,255,.05))}
.storybook-entry-curtain-right{right:8%;background:linear-gradient(180deg, rgba(255,255,255,.38), rgba(214,228,249,.20), rgba(255,255,255,.04))}
.storybook-entry-back-books{position:absolute;left:16%;right:16%;display:flex;gap:.72rem;justify-content:center;pointer-events:none;opacity:.68;filter:blur(.2px)}
.storybook-entry-back-books span{display:block;width:52px;border-radius:14px 14px 8px 8px;background:linear-gradient(180deg, rgba(255,255,255,.66), rgba(235,242,252,.22));border:1px solid rgba(255,255,255,.34);box-shadow:0 14px 32px rgba(19,34,56,.04), inset 0 1px 0 rgba(255,255,255,.42)}
.storybook-entry-back-books span:nth-child(2n){height:120px;transform:translateY(8px)}
.storybook-entry-back-books span:nth-child(2n+1){height:132px}
.storybook-entry-back-books span:nth-child(3n){height:110px;transform:translateY(16px)}
.storybook-entry-back-books-top{top:18%}
.storybook-entry-back-books-bottom{bottom:26%}
.storybook-entry-back-books-bottom span{width:46px}
.storybook-entry-back-books-bottom span:nth-child(1){height:106px}.storybook-entry-back-books-bottom span:nth-child(2){height:116px}.storybook-entry-back-books-bottom span:nth-child(3){height:98px}.storybook-entry-back-books-bottom span:nth-child(4){height:112px}.storybook-entry-back-books-bottom span:nth-child(5){height:102px}
.storybook-entry-showcase{width:min(560px,100%);min-height:640px}
.storybook-entry-showcase-rim{inset:5.6% 6.5% 12.8% 6.5%;border-radius:48px;box-shadow:inset 0 1px 0 rgba(255,255,255,.68), 0 22px 44px rgba(19,34,56,.04)}
.storybook-entry-showcase-sheen{inset:9.5% 12% auto 12%;height:150px;opacity:.92}
.storybook-entry-showcase-reflection{inset:17% 20% 21% 20%;opacity:.62;filter:blur(7px)}
.storybook-entry-showcase-glass{inset:10.5% 12% 17% 12%;border-radius:42px;background:linear-gradient(180deg, rgba(255,255,255,.17), rgba(255,255,255,.03));box-shadow:inset 0 1px 0 rgba(255,255,255,.2)}
.storybook-entry-book-reflection{bottom:6.6%;width:344px;height:96px;opacity:.55;filter:blur(24px)}
.storybook-entry-hero-book-v3{width:min(416px,74vw);border-radius:44px;padding:1.45rem 1.45rem 1.22rem;box-shadow:0 70px 140px rgba(15,38,88,.26), 0 26px 48px rgba(19,34,56,.14), inset 0 1px 0 rgba(255,255,255,.34);transform:rotate(-4.2deg) perspective(2200px) rotateY(-16deg) translateZ(0)}
.storybook-entry-hero-book-v3::before{background:linear-gradient(132deg, rgba(255,255,255,.28), transparent 30%, transparent 64%, rgba(255,255,255,.18))}
.storybook-entry-hero-bookmark{right:76px;height:156px}
.storybook-entry-hero-price{top:24px;right:30px;background:linear-gradient(180deg, rgba(244,212,144,.34), rgba(255,255,255,.13));box-shadow:0 12px 26px rgba(117,83,27,.18);letter-spacing:.09em}
.storybook-entry-hero-media-v3{padding:.78rem;border-radius:30px}
.storybook-entry-hero-media-frame{border-radius:24px;box-shadow:0 14px 28px rgba(18,36,82,.09), inset 0 0 0 1px rgba(232,240,251,.92)}
.storybook-entry-hero-media-frame::before{content:'';position:absolute;inset:12px;border-radius:16px;border:1px solid rgba(210,223,244,.66);pointer-events:none}
.storybook-entry-hero-media-v3 img{height:282px;padding:1.14rem;background:linear-gradient(180deg, rgba(255,255,255,.985), rgba(239,246,255,.95))}
.storybook-entry-hero-copy-v3 strong{font-size:1.56rem;line-height:1.14}
.storybook-entry-hero-footer-v3 span{padding:.62rem .98rem;background:rgba(255,255,255,.13)}
.storybook-entry-hero-signature{margin-top:.98rem;font-size:.77rem;letter-spacing:.08em}
.storybook-entry-plaque{max-width:246px;border-radius:28px;backdrop-filter:blur(20px)}
.storybook-entry-plaque-top{right:0;top:15.5%}
.storybook-entry-plaque-bottom{left:0;bottom:15.5%}
.storybook-entry-overlay-v3.is-glowing .storybook-entry-showcase-sheen{animation:storybookShowcasePulse64 5.4s ease-in-out infinite}
.storybook-entry-overlay-v3.is-glowing .storybook-entry-hero-chip{animation:storybookChipShimmer64 4.8s ease-in-out infinite}
.storybook-entry-overlay-v3.is-active .storybook-entry-copy-monogram{animation:storybookMonogramRise64 .9s cubic-bezier(.18,.76,.2,1) .02s both}
.storybook-entry-overlay-v3.is-active .storybook-entry-back-books-top{animation:storybookDepthFade64 .85s ease .22s both}
.storybook-entry-overlay-v3.is-active .storybook-entry-back-books-bottom{animation:storybookDepthFade64 .85s ease .34s both}
.storybook-entry-overlay-v3.is-settled .storybook-entry-hero-book-v3{transform:rotate(-3.6deg) perspective(2200px) rotateY(-13deg) translateY(-9px)}
@keyframes storybookShowcasePulse64{0%,100%{opacity:.72;transform:translateX(0)}50%{opacity:1;transform:translateX(8px)}}
@keyframes storybookChipShimmer64{0%,100%{box-shadow:0 0 0 rgba(255,255,255,0);background:rgba(255,255,255,.14)}50%{box-shadow:0 12px 26px rgba(255,255,255,.10);background:rgba(255,255,255,.18)}}
@keyframes storybookMonogramRise64{from{opacity:0;transform:translateY(18px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes storybookDepthFade64{from{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:.68;transform:translateY(0) scale(1)}}
@media (max-width: 1199.98px){
  .storybook-entry-scene-v3{grid-template-columns:minmax(0,.9fr) minmax(460px,1.1fr);gap:3.35rem}
  .storybook-entry-copy-v3 h1{font-size:clamp(2.75rem,5vw,4.55rem)}
  .storybook-entry-stage-v3{min-height:668px}
  .storybook-entry-showcase{width:min(512px,100%);min-height:606px}
}
@media (max-width: 991.98px){
  .storybook-entry-scene-v3{grid-template-columns:1fr;gap:1.7rem;padding-top:3.9rem}
  .storybook-entry-copy-monogram{left:50%;transform:translateX(-50%);top:-.4rem;font-size:clamp(4.4rem,16vw,6.2rem)}
  .storybook-entry-copy-v3 h1{max-width:12ch}
  .storybook-entry-stage-v3{padding:1rem .1rem 0;min-height:auto}
  .storybook-entry-curtain{display:none}
  .storybook-entry-back-books{left:10%;right:10%;opacity:.56}
  .storybook-entry-showcase{width:min(470px,100%);min-height:auto;padding:1.95rem 0 1.08rem}
  .storybook-entry-book-reflection{bottom:9.5%;width:266px;height:78px}
}
@media (max-width: 767.98px){
  .storybook-entry-copy-monogram{font-size:clamp(3.6rem,18vw,5rem);top:-.1rem}
  .storybook-entry-copy-v3 h1{font-size:clamp(2.15rem,9.4vw,3.08rem);max-width:11.7ch}
  .storybook-entry-copy-v3 p{font-size:.93rem;line-height:1.8}
  .storybook-entry-showcase{width:min(382px,100%);padding:1.58rem 0 1rem}
  .storybook-entry-back-books{display:none}
  .storybook-entry-hero-book-v3{width:min(332px,88vw);padding:1.04rem 1rem .95rem;border-radius:32px;transform:rotate(-2.5deg) perspective(1600px) rotateY(-10deg)}
  .storybook-entry-hero-bookmark{right:46px;width:22px;height:116px}
  .storybook-entry-hero-media-v3 img{height:220px;padding:.84rem}
  .storybook-entry-hero-copy-v3 strong{font-size:1.26rem}
  .storybook-entry-book-reflection{bottom:10.5%;width:214px;height:60px}
}
@media (max-width: 479.98px){
  .storybook-entry-copy-monogram{font-size:clamp(3.2rem,20vw,4.3rem)}
  .storybook-entry-copy-v3 h1{font-size:clamp(1.98rem,10.9vw,2.78rem)}
  .storybook-entry-copy-v3 p{font-size:.885rem}
  .storybook-entry-showcase{width:min(324px,100%)}
  .storybook-entry-hero-book-v3{width:min(300px,84vw)}
  .storybook-entry-hero-media-v3 img{height:194px}
  .storybook-entry-book-reflection{display:none}
}


/* Step 65 real-world magical copy + ultra polish */
.storybook-entry-scene-v3{width:min(1375px,100%);grid-template-columns:minmax(0,.88fr) minmax(560px,1.12fr);gap:5.1rem}
.storybook-entry-copy-v3{max-width:576px;padding-top:.52rem}
.storybook-entry-copy-monogram{left:-.1rem;top:-.86rem;font-size:clamp(4.7rem,9vw,7.2rem);color:rgba(255,255,255,.54);text-shadow:0 20px 46px rgba(20,38,64,.06)}
.storybook-entry-kicker-v3{letter-spacing:.16em}
.storybook-entry-copy-v3 h1{font-size:clamp(3.02rem,4.18vw,4.82rem);line-height:.95;max-width:11.4ch;margin-top:1.18rem;margin-bottom:1.05rem}
.storybook-entry-copy-v3 p{max-width:58ch;font-size:1.01rem;line-height:1.92;color:#607592}
.storybook-entry-editor-line-v3{margin-top:1.28rem}
.storybook-entry-editor-line-v3 small{font-size:.74rem;letter-spacing:.13em}
.storybook-entry-meta-v3{margin-top:1.58rem;gap:.94rem;max-width:560px}
.storybook-entry-meta-card-v3{border-radius:30px;padding:1.14rem 1.12rem 1.04rem;box-shadow:0 24px 52px rgba(19,34,56,.055), inset 0 1px 0 rgba(255,255,255,.98)}
.storybook-entry-meta-card-v3 strong{font-size:1.04rem;line-height:1.4}
.storybook-entry-stage-v3{min-height:734px}
.storybook-entry-showcase{width:min(576px,100%);min-height:656px}
.storybook-entry-showcase-rim{inset:5.7% 6.9% 12.4% 6.9%;border-radius:50px}
.storybook-entry-showcase-glass{inset:10.4% 11.8% 16.7% 11.8%;border-radius:44px;background:linear-gradient(180deg, rgba(255,255,255,.18), rgba(255,255,255,.035));box-shadow:inset 0 1px 0 rgba(255,255,255,.24), inset 0 -20px 28px rgba(156,183,222,.05)}
.storybook-entry-book-reflection{bottom:6.3%;width:354px;height:102px;opacity:.5}
.storybook-entry-hero-book-v3{width:min(424px,74vw);border-radius:46px;padding:1.5rem 1.48rem 1.24rem;transform:rotate(-4deg) perspective(2200px) rotateY(-15deg) translateZ(0)}
.storybook-entry-hero-price{font-size:.67rem}
.storybook-entry-hero-media-v3 img{height:290px;padding:1.02rem}
.storybook-entry-hero-copy-v3 small{letter-spacing:.14em}
.storybook-entry-hero-copy-v3 strong{font-size:1.5rem;line-height:1.16}
.storybook-entry-hero-copy-v3 p{font-size:.92rem;line-height:1.72}
.storybook-entry-hero-footer-v3 span{padding:.6rem .96rem;border:1px solid rgba(255,255,255,.09)}
.storybook-entry-hero-signature{margin-top:1rem;font-size:.76rem;letter-spacing:.09em;opacity:.88}
.storybook-entry-plaque{max-width:232px;border-radius:26px;padding:1rem .96rem .94rem;background:linear-gradient(180deg, rgba(255,255,255,.88), rgba(247,251,255,.77));box-shadow:0 24px 56px rgba(19,34,56,.07), inset 0 1px 0 rgba(255,255,255,.95)}
.storybook-entry-plaque-top{right:1.4%;top:16.4%}
.storybook-entry-plaque-bottom{left:1.2%;bottom:16%}
.storybook-entry-skip-v3{padding:.78rem 1.12rem;font-size:.92rem}
@media (max-width: 1199.98px){
  .storybook-entry-scene-v3{grid-template-columns:minmax(0,.92fr) minmax(500px,1.08fr);gap:3.4rem}
  .storybook-entry-copy-v3 h1{font-size:clamp(2.7rem,4.8vw,4.25rem);max-width:11.7ch}
  .storybook-entry-stage-v3{min-height:686px}
  .storybook-entry-showcase{width:min(526px,100%);min-height:618px}
}
@media (max-width: 991.98px){
  .storybook-entry-scene-v3{grid-template-columns:1fr;gap:1.95rem;padding-top:4rem}
  .storybook-entry-copy-v3{max-width:640px}
  .storybook-entry-copy-monogram{left:50%;top:-.24rem;transform:translateX(-50%);font-size:clamp(4rem,15vw,5.8rem)}
  .storybook-entry-copy-v3 h1{max-width:12.8ch;text-wrap:balance}
  .storybook-entry-meta-v3{max-width:none}
  .storybook-entry-stage-v3{padding:1.15rem 0 0;min-height:auto}
  .storybook-entry-showcase{width:min(486px,100%);padding:1.9rem 0 1.1rem}
  .storybook-entry-plaque-top{right:.2rem;top:16.2%}
  .storybook-entry-plaque-bottom{left:.2rem;bottom:15.7%}
}
@media (max-width: 767.98px){
  .storybook-entry-copy-v3{padding-top:.2rem}
  .storybook-entry-kicker-v3{font-size:.69rem;letter-spacing:.12em;padding:.62rem .92rem}
  .storybook-entry-copy-v3 h1{font-size:clamp(2.1rem,8.5vw,3rem);max-width:13ch;line-height:.98}
  .storybook-entry-copy-v3 p{font-size:.92rem;line-height:1.8}
  .storybook-entry-editor-line-v3 small{font-size:.68rem;letter-spacing:.1em}
  .storybook-entry-meta-v3{grid-template-columns:1fr;gap:.8rem}
  .storybook-entry-meta-card-v3{border-radius:24px;padding:1rem .96rem .92rem}
  .storybook-entry-showcase{width:min(388px,100%);padding:1.52rem 0 1rem}
  .storybook-entry-hero-book-v3{width:min(334px,88vw);padding:1.06rem 1rem .96rem;border-radius:33px}
  .storybook-entry-hero-media-v3 img{height:220px;padding:.84rem}
  .storybook-entry-plaque{display:none}
}
@media (max-width: 479.98px){
  .storybook-entry-overlay-v3{padding:.88rem .78rem .96rem}
  .storybook-entry-skip-v3{top:1rem;right:1rem;padding:.7rem 1rem;font-size:.88rem}
  .storybook-entry-copy-v3 h1{font-size:clamp(1.95rem,10.2vw,2.7rem);max-width:13.4ch}
  .storybook-entry-copy-v3 p{font-size:.88rem}
  .storybook-entry-showcase{width:min(324px,100%)}
  .storybook-entry-hero-book-v3{width:min(298px,84vw)}
}


/* Step 66 shop-fit magical copy + colorful premium entry */
.storybook-entry-overlay-v3{
  background:
    radial-gradient(circle at 8% 16%, rgba(255, 197, 222, .34), transparent 22%),
    radial-gradient(circle at 22% 74%, rgba(167, 248, 223, .24), transparent 22%),
    radial-gradient(circle at 84% 14%, rgba(106, 155, 255, .20), transparent 24%),
    radial-gradient(circle at 76% 78%, rgba(255, 215, 148, .18), transparent 24%),
    radial-gradient(circle at 50% 48%, rgba(255,255,255,.58), rgba(255,255,255,0) 52%),
    linear-gradient(135deg, #fffafc 0%, #f8fbff 28%, #eef4ff 70%, #fbfcff 100%);
}
.storybook-entry-overlay-v3::before{
  width:460px;height:460px;left:-150px;top:-54px;
  background:radial-gradient(circle, rgba(255,255,255,.97), rgba(255,219,236,.24) 36%, rgba(255,255,255,0) 72%);
}
.storybook-entry-overlay-v3::after{
  width:520px;height:520px;right:-180px;bottom:-112px;
  background:radial-gradient(circle, rgba(95,142,255,.18), rgba(255,214,155,.14) 40%, rgba(95,142,255,0) 74%);
}
.storybook-entry-dust-v3 span:nth-child(1),
.storybook-entry-dust-v3 span:nth-child(4){background:radial-gradient(circle, rgba(255,255,255,.98) 0%, rgba(255,199,223,.92) 44%, rgba(255,199,223,0) 82%);box-shadow:0 0 22px rgba(255,183,215,.42)}
.storybook-entry-dust-v3 span:nth-child(2),
.storybook-entry-dust-v3 span:nth-child(6){background:radial-gradient(circle, rgba(255,255,255,.98) 0%, rgba(156,235,255,.88) 44%, rgba(156,235,255,0) 82%);box-shadow:0 0 22px rgba(132,212,255,.44)}
.storybook-entry-dust-v3 span:nth-child(3),
.storybook-entry-dust-v3 span:nth-child(7){background:radial-gradient(circle, rgba(255,255,255,.98) 0%, rgba(180,187,255,.86) 44%, rgba(180,187,255,0) 82%);box-shadow:0 0 22px rgba(158,166,255,.4)}
.storybook-entry-dust-v3 span:nth-child(5){background:radial-gradient(circle, rgba(255,255,255,.98) 0%, rgba(255,220,150,.9) 44%, rgba(255,220,150,0) 82%);box-shadow:0 0 22px rgba(255,214,132,.38)}
.storybook-entry-scene-v3{width:min(1390px,100%);grid-template-columns:minmax(0,.89fr) minmax(565px,1.11fr);gap:5.35rem}
.storybook-entry-copy-v3{max-width:590px;padding-top:.66rem}
.storybook-entry-copy-monogram{
  color:rgba(255,255,255,.72);
  text-shadow:0 18px 38px rgba(255,204,224,.18), 0 20px 46px rgba(20,38,64,.05);
}
.storybook-entry-kicker-v3{
  background:linear-gradient(180deg, rgba(255,255,255,.96), rgba(250,252,255,.88));
  border-color:rgba(255,255,255,.98);
  box-shadow:0 24px 44px rgba(19,34,56,.055), inset 0 1px 0 rgba(255,255,255,.99);
  color:#2347d8;
}
.storybook-entry-kicker-v3::after{
  content:'';position:absolute;inset:0;border-radius:inherit;padding:1px;
  background:linear-gradient(90deg, rgba(255,183,208,.68), rgba(154,234,255,.68), rgba(255,220,151,.66));
  -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:.82;
}
.storybook-entry-kicker-dot{
  background:linear-gradient(135deg, #ff8eb7, #6de2ff 56%, #3457eb 100%);
  box-shadow:0 0 0 6px rgba(105,212,255,.1), 0 0 18px rgba(255,181,210,.34);
}
.storybook-entry-copy-v3 h1{
  color:#10243d;
  text-shadow:0 18px 42px rgba(255,255,255,.7), 0 3px 0 rgba(255,255,255,.18);
  max-width:10.9ch;
}
.storybook-entry-copy-v3 p{max-width:59ch;color:#607592}
.storybook-entry-editor-line-v3 span{
  width:110px;
  background:linear-gradient(90deg, rgba(255,183,208,0), rgba(255,183,208,.92), rgba(144,231,255,.92), rgba(255,215,149,0));
}
.storybook-entry-editor-line-v3 small{color:#6f6bb6;letter-spacing:.12em}
.storybook-entry-meta-card-v3{
  background:linear-gradient(180deg, rgba(255,255,255,.92), rgba(249,252,255,.88));
  border:1px solid rgba(255,255,255,.98);
}
.storybook-entry-meta-card-v3:first-child{
  background:linear-gradient(180deg, rgba(255,247,251,.95), rgba(255,252,246,.88));
}
.storybook-entry-meta-card-v3.storybook-entry-meta-card-highlight{
  background:linear-gradient(180deg, rgba(245,250,255,.97), rgba(235,244,255,.9));
  border-color:rgba(213,236,255,.98);
}
.storybook-entry-meta-card-v3:first-child::before{
  background:linear-gradient(90deg, rgba(255,183,208,.14), rgba(255,163,200,.86), rgba(255,220,151,.32));
}
.storybook-entry-meta-card-v3.storybook-entry-meta-card-highlight::before{
  background:linear-gradient(90deg, rgba(104,223,255,.18), rgba(72,144,255,.86), rgba(255,216,149,.32));
}
.storybook-entry-stage-v3{min-height:744px}
.storybook-entry-ambient-arch{
  background:linear-gradient(180deg, rgba(255,255,255,.74), rgba(244,249,255,.46));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.98), inset 0 -18px 34px rgba(161,197,235,.08), 0 42px 110px rgba(19,34,56,.08);
}
.storybook-entry-ambient-arch::after{
  content:'';position:absolute;inset:11% 12% 18% 12%;border-radius:34px;pointer-events:none;
  background:radial-gradient(circle at 50% 8%, rgba(255,218,165,.16), rgba(255,218,165,0) 34%), radial-gradient(circle at 32% 38%, rgba(152,236,255,.12), rgba(152,236,255,0) 42%), radial-gradient(circle at 70% 34%, rgba(255,192,217,.12), rgba(255,192,217,0) 44%);
  filter:blur(8px);
}
.storybook-entry-curtain-left{background:linear-gradient(180deg, rgba(255,225,238,.42), rgba(214,228,249,.22), rgba(255,255,255,.05))}
.storybook-entry-curtain-right{background:linear-gradient(180deg, rgba(255,240,210,.34), rgba(214,228,249,.18), rgba(255,255,255,.04))}
.storybook-entry-back-books span:nth-child(1){background:linear-gradient(180deg, rgba(255,229,238,.74), rgba(244,245,255,.24))}
.storybook-entry-back-books span:nth-child(2){background:linear-gradient(180deg, rgba(226,240,255,.72), rgba(244,245,255,.24))}
.storybook-entry-back-books span:nth-child(3){background:linear-gradient(180deg, rgba(255,238,211,.72), rgba(244,245,255,.24))}
.storybook-entry-back-books span:nth-child(4){background:linear-gradient(180deg, rgba(229,248,240,.72), rgba(244,245,255,.24))}
.storybook-entry-back-books span:nth-child(5){background:linear-gradient(180deg, rgba(232,232,255,.72), rgba(244,245,255,.24))}
.storybook-entry-back-books span:nth-child(6){background:linear-gradient(180deg, rgba(223,246,255,.72), rgba(244,245,255,.24))}
.storybook-entry-ambient-glow{background:radial-gradient(circle at 50% 18%, rgba(255,255,255,.98), rgba(228,239,255,.62) 30%, rgba(255,222,183,.18) 46%, rgba(216,235,255,0) 74%)}
.storybook-entry-ambient-beam{background:radial-gradient(ellipse at center, rgba(104,223,255,.18) 0%, rgba(255,195,218,.12) 20%, rgba(255,213,145,.11) 36%, rgba(36,71,227,.05) 52%, rgba(255,255,255,0) 74%)}
.storybook-entry-ceiling-glow{width:38%;background:linear-gradient(90deg, rgba(255,255,255,0), rgba(255,237,214,.96), rgba(184,236,255,.94), rgba(255,255,255,0));opacity:.84}
.storybook-entry-shelf-line{background:linear-gradient(90deg, rgba(180,194,220,0), rgba(255,193,214,.48), rgba(154,234,255,.58), rgba(255,217,149,.42), rgba(180,194,220,0))}
.storybook-entry-pedestal{
  background:linear-gradient(180deg, rgba(255,255,255,.92), rgba(238,246,255,.55));
  box-shadow:0 20px 42px rgba(19,34,56,.06), inset 0 1px 0 rgba(255,255,255,.92), inset 0 -8px 14px rgba(255,203,224,.08);
}
.storybook-entry-showcase{width:min(588px,100%);min-height:670px}
.storybook-entry-showcase-rim{
  background:linear-gradient(180deg, rgba(255,255,255,.18), rgba(255,255,255,.04));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.72), 0 26px 54px rgba(19,34,56,.05), 0 0 0 1px rgba(255,255,255,.36);
}
.storybook-entry-showcase-sheen{
  inset:9.2% 11% auto 11%;height:168px;opacity:.98;
  background:linear-gradient(135deg, rgba(255,255,255,.06), rgba(255,255,255,.64), rgba(255,216,160,.16), rgba(151,235,255,.16), rgba(255,255,255,.02));
}
.storybook-entry-showcase-reflection{inset:16% 19% 21% 19%;opacity:.7;filter:blur(7px)}
.storybook-entry-showcase-glass{
  background:linear-gradient(180deg, rgba(255,255,255,.22), rgba(255,255,255,.035));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.26), inset 0 -20px 28px rgba(156,183,222,.05), inset 0 0 0 1px rgba(255,228,235,.08);
}
.storybook-entry-hero-book-v3{
  background:linear-gradient(160deg, rgba(34,76,234,.99) 0%, rgba(65,121,255,.98) 34%, rgba(45,197,236,.96) 70%, rgba(133,234,255,.94) 100%);
  box-shadow:0 76px 144px rgba(15,38,88,.27), 0 26px 48px rgba(19,34,56,.13), inset 0 1px 0 rgba(255,255,255,.36), inset 0 -14px 24px rgba(255,215,149,.08);
}
.storybook-entry-hero-book-v3::before{background:linear-gradient(132deg, rgba(255,255,255,.34), transparent 28%, transparent 62%, rgba(255,220,151,.16) 78%, rgba(255,255,255,.18))}
.storybook-entry-hero-book-spine{background:linear-gradient(180deg, rgba(9,30,106,.95), rgba(25,62,168,.94) 46%, rgba(62,130,255,.9) 100%)}
.storybook-entry-hero-foil{
  background:linear-gradient(180deg, rgba(255,218,150,.95), rgba(214,168,72,.94) 46%, rgba(255,236,190,.92));
  box-shadow:0 8px 20px rgba(145,104,28,.22);
}
.storybook-entry-hero-price{
  background:linear-gradient(180deg, rgba(255,226,172,.38), rgba(255,255,255,.14));
  border-color:rgba(255,232,190,.36);
}
.storybook-entry-hero-chip{
  background:linear-gradient(180deg, rgba(255,255,255,.22), rgba(255,255,255,.12));
  border:1px solid rgba(255,255,255,.2);
  box-shadow:0 10px 24px rgba(17,42,97,.14);
}
.storybook-entry-hero-media-v3{background:linear-gradient(180deg, rgba(255,255,255,.16), rgba(255,255,255,.08));box-shadow:inset 0 1px 0 rgba(255,255,255,.26)}
.storybook-entry-hero-media-frame{background:linear-gradient(180deg, rgba(255,255,255,.985), rgba(244,248,255,.95));box-shadow:0 16px 30px rgba(18,36,82,.1), inset 0 0 0 1px rgba(232,240,251,.95)}
.storybook-entry-hero-media-frame::before{border-color:rgba(208,224,248,.8)}
.storybook-entry-hero-copy-v3 small{color:rgba(233,243,255,.78)}
.storybook-entry-hero-footer-v3 span{border-color:transparent;color:#eef7ff}
.storybook-entry-hero-footer-v3 span:first-child{background:linear-gradient(180deg, rgba(255,198,221,.18), rgba(255,255,255,.12))}
.storybook-entry-hero-footer-v3 span:last-child{background:linear-gradient(180deg, rgba(255,221,161,.18), rgba(255,255,255,.12))}
.storybook-entry-hero-signature{color:rgba(238,246,255,.88)}
.storybook-entry-plaque{
  max-width:248px;
  background:linear-gradient(180deg, rgba(255,255,255,.9), rgba(249,252,255,.8));
  box-shadow:0 28px 62px rgba(19,34,56,.075), inset 0 1px 0 rgba(255,255,255,.96);
}
.storybook-entry-plaque-top{background:linear-gradient(180deg, rgba(244,249,255,.94), rgba(255,249,244,.82))}
.storybook-entry-plaque-bottom{background:linear-gradient(180deg, rgba(255,248,252,.94), rgba(246,251,255,.82))}
.storybook-entry-plaque b{color:#7a82b1}
.storybook-entry-book-reflection{opacity:.58;filter:blur(25px)}
.storybook-entry-overlay-v3.is-glowing .storybook-entry-showcase-sheen{animation:storybookShowcasePulse66 6s ease-in-out infinite}
.storybook-entry-overlay-v3.is-glowing .storybook-entry-kicker-dot{animation:storybookKickerPulse66 4.8s ease-in-out infinite}
@keyframes storybookShowcasePulse66{0%,100%{opacity:.82;transform:translateX(0)}50%{opacity:1;transform:translateX(10px)}}
@keyframes storybookKickerPulse66{0%,100%{transform:scale(1);box-shadow:0 0 0 6px rgba(105,212,255,.1), 0 0 18px rgba(255,181,210,.34)}50%{transform:scale(1.08);box-shadow:0 0 0 8px rgba(255,194,221,.1), 0 0 24px rgba(105,212,255,.34)}}
@media (max-width: 1199.98px){
  .storybook-entry-scene-v3{grid-template-columns:minmax(0,.9fr) minmax(480px,1.08fr);gap:3.7rem}
  .storybook-entry-copy-v3 h1{font-size:clamp(2.72rem,4.9vw,4.3rem)}
  .storybook-entry-showcase{width:min(530px,100%);min-height:620px}
}
@media (max-width: 991.98px){
  .storybook-entry-scene-v3{grid-template-columns:1fr;gap:1.95rem;padding-top:4rem}
  .storybook-entry-copy-v3{max-width:650px}
  .storybook-entry-copy-monogram{left:50%;transform:translateX(-50%);top:-.28rem;font-size:clamp(4.2rem,16vw,6.1rem)}
  .storybook-entry-copy-v3 h1{max-width:12.3ch;text-wrap:balance}
  .storybook-entry-showcase{width:min(496px,100%);min-height:auto;padding:1.96rem 0 1.08rem}
}
@media (max-width: 767.98px){
  .storybook-entry-overlay-v3{padding:1rem .92rem 1rem;align-items:flex-start;overflow-y:auto}
  .storybook-entry-copy-v3{padding-top:.12rem}
  .storybook-entry-kicker-v3{font-size:.67rem;letter-spacing:.11em;padding:.62rem .92rem}
  .storybook-entry-copy-v3 h1{font-size:clamp(2.08rem,8.8vw,3rem);max-width:12.6ch;line-height:.98}
  .storybook-entry-copy-v3 p{font-size:.91rem;line-height:1.82}
  .storybook-entry-editor-line-v3{margin-top:1.12rem}
  .storybook-entry-editor-line-v3 small{font-size:.67rem;line-height:1.5}
  .storybook-entry-meta-v3{grid-template-columns:1fr;gap:.82rem}
  .storybook-entry-meta-card-v3{border-radius:24px;padding:1rem .94rem .92rem}
  .storybook-entry-showcase{width:min(388px,100%);padding:1.48rem 0 .96rem}
  .storybook-entry-hero-book-v3{width:min(336px,88vw);padding:1.04rem 1rem .96rem;border-radius:33px;transform:rotate(-2.5deg) perspective(1600px) rotateY(-10deg)}
  .storybook-entry-hero-media-v3 img{height:220px;padding:.82rem}
}
@media (max-width: 479.98px){
  .storybook-entry-overlay-v3{padding:.86rem .76rem .95rem}
  .storybook-entry-skip-v3{top:1rem;right:1rem;padding:.68rem .96rem;font-size:.85rem}
  .storybook-entry-copy-v3 h1{font-size:clamp(1.92rem,10.2vw,2.68rem);max-width:13.2ch}
  .storybook-entry-copy-v3 p{font-size:.87rem}
  .storybook-entry-showcase{width:min(324px,100%)}
  .storybook-entry-hero-book-v3{width:min(300px,84vw)}
  .storybook-entry-hero-media-v3 img{height:196px}
}


/* Step 67 blue-forward EXPOGRAPHIC polish */
.home-story-shell{
  --story-ink:#102c47;
  --story-ink-soft:#5d7693;
  --story-paper:#f2f8ff;
  --story-paper-deep:#dcecff;
  --story-brown:#2350d5;
  background:
    radial-gradient(circle at top left, rgba(111, 219, 255, .24), transparent 24%),
    radial-gradient(circle at top right, rgba(65, 118, 255, .16), transparent 22%),
    radial-gradient(circle at 18% 82%, rgba(198, 233, 255, .48), transparent 26%),
    linear-gradient(180deg, #edf5ff 0%, #f7fbff 34%, #fcfeff 100%);
}
.home-story-shell .site-header{
  background:rgba(244,250,255,.9);
  border-bottom:1px solid rgba(35,80,213,.10);
  box-shadow:0 18px 38px rgba(35,80,213,.08);
}
.home-story-shell .site-footer{
  background:linear-gradient(180deg, rgba(242,248,255,.92), rgba(229,240,255,.98));
  border-top:1px solid rgba(35,80,213,.10);
}
.storybook-hero,.story-banner-card,.story-closing-card,.stationery-corner-card,.story-category-card{
  border:1px solid rgba(35,80,213,.08);
  box-shadow:0 22px 54px rgba(35,80,213,.08), inset 0 1px 0 rgba(255,255,255,.6);
}
.storybook-hero{background:linear-gradient(145deg, rgba(250,253,255,.98), rgba(232,243,255,.95))}
.story-note-card,.story-closing-card{background:linear-gradient(180deg, rgba(252,254,255,.97), rgba(233,243,255,.90))}
.story-category-card,.story-category-card-book{background:linear-gradient(145deg, rgba(249,253,255,.98), rgba(233,244,255,.95))}
.stationery-corner-card{background:linear-gradient(160deg, rgba(248,252,255,.98), rgba(226,239,255,.95))}
.stationery-mini-item,.stationery-product-chip,.story-banner-visual,.home-story-shell .product-card,.home-story-shell .glass-card,.home-story-shell .hero-card,.home-story-shell .stat-card{
  background:linear-gradient(180deg, rgba(250,253,255,.97), rgba(232,243,255,.90));
  border:1px solid rgba(35,80,213,.08);
  box-shadow:0 18px 40px rgba(35,80,213,.08);
}
.story-kicker,.story-shelf-badge,.stationery-corner-badge{
  background:rgba(35,80,213,.07);
  border:1px solid rgba(35,80,213,.10);
  color:#2350d5;
}

.storybook-entry-overlay-v3{
  background:
    radial-gradient(circle at 8% 16%, rgba(120, 202, 255, .34), transparent 22%),
    radial-gradient(circle at 20% 76%, rgba(162, 201, 255, .26), transparent 24%),
    radial-gradient(circle at 84% 14%, rgba(60, 108, 255, .28), transparent 24%),
    radial-gradient(circle at 78% 78%, rgba(102, 212, 255, .22), transparent 26%),
    radial-gradient(circle at 50% 48%, rgba(221,236,255,.42), rgba(221,236,255,0) 54%),
    linear-gradient(135deg, #d9e9ff 0%, #d3e6ff 26%, #c9ddff 58%, #dcecff 100%);
}
.storybook-entry-overlay-v3::before{
  background:radial-gradient(circle, rgba(227,240,255,.92), rgba(157,198,255,.26) 38%, rgba(227,240,255,0) 72%);
}
.storybook-entry-overlay-v3::after{
  background:radial-gradient(circle, rgba(58,101,235,.24), rgba(104,204,255,.18) 42%, rgba(58,101,235,0) 74%);
}
.storybook-entry-copy-v3{max-width:610px;padding-top:.72rem}
.storybook-entry-copy-monogram{
  left:-.58rem;
  top:-1.55rem;
  font-size:clamp(4.2rem,8vw,6.2rem);
  color:rgba(223,236,255,.46);
  text-shadow:0 20px 42px rgba(35,80,213,.10);
}
.storybook-entry-kicker-v3{
  position:relative;
  z-index:2;
  max-width:min(100%, 34rem);
  padding:.82rem 1rem .8rem 1.08rem;
  font-size:.73rem;
  letter-spacing:.11em;
  line-height:1.24;
  color:#1f49ca;
  background:linear-gradient(180deg, rgba(235,244,255,.96), rgba(222,235,255,.92));
  border-color:rgba(255,255,255,.98);
  box-shadow:0 22px 40px rgba(35,80,213,.05), inset 0 1px 0 rgba(255,255,255,.98);
}
.storybook-entry-kicker-v3::after{
  background:linear-gradient(90deg, rgba(127,209,255,.72), rgba(88,133,255,.72), rgba(144,234,255,.66));
}
.storybook-entry-kicker-dot{
  background:linear-gradient(135deg, #73d7ff, #4a83ff 56%, #2447d8 100%);
  box-shadow:0 0 0 6px rgba(104,188,255,.1), 0 0 18px rgba(86,139,255,.24);
}
.storybook-entry-copy-v3 h1{
  max-width:11.2ch;
  color:#10233d;
  text-shadow:0 16px 34px rgba(228,239,255,.46), 0 3px 0 rgba(255,255,255,.12);
}
.storybook-entry-copy-v3 p{max-width:58ch;color:#5c738e}
.storybook-entry-editor-line-v3 span{
  background:linear-gradient(90deg, rgba(127,209,255,0), rgba(127,209,255,.88), rgba(88,133,255,.88), rgba(127,209,255,0));
}
.storybook-entry-editor-line-v3 small{color:#5570b4;letter-spacing:.11em}
.storybook-entry-meta-card-v3,
.storybook-entry-meta-card-v3:first-child,
.storybook-entry-meta-card-v3.storybook-entry-meta-card-highlight,
.storybook-entry-plaque,
.storybook-entry-plaque-top,
.storybook-entry-plaque-bottom{
  background:linear-gradient(180deg, rgba(236,244,255,.94), rgba(221,234,252,.90));
  border-color:rgba(223,236,255,.96);
}
.storybook-entry-meta-card-v3:first-child::before{
  background:linear-gradient(90deg, rgba(127,209,255,.16), rgba(88,133,255,.86), rgba(173,230,255,.28));
}
.storybook-entry-meta-card-v3.storybook-entry-meta-card-highlight::before{
  background:linear-gradient(90deg, rgba(120,224,255,.18), rgba(53,99,238,.86), rgba(173,230,255,.28));
}
.storybook-entry-ambient-arch{
  background:linear-gradient(180deg, rgba(231,241,255,.78), rgba(213,228,248,.54));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.98), inset 0 -18px 34px rgba(152,192,236,.08), 0 42px 110px rgba(19,34,56,.08);
}
.storybook-entry-ambient-arch::after{
  background:
    radial-gradient(circle at 50% 8%, rgba(165,226,255,.16), rgba(165,226,255,0) 34%),
    radial-gradient(circle at 32% 38%, rgba(152,236,255,.12), rgba(152,236,255,0) 42%),
    radial-gradient(circle at 70% 34%, rgba(103,145,255,.10), rgba(103,145,255,0) 44%);
}
.storybook-entry-curtain-left{background:linear-gradient(180deg, rgba(223,238,255,.4), rgba(214,228,249,.22), rgba(255,255,255,.05))}
.storybook-entry-curtain-right{background:linear-gradient(180deg, rgba(227,244,255,.34), rgba(214,228,249,.18), rgba(255,255,255,.04))}
.storybook-entry-back-books span:nth-child(1){background:linear-gradient(180deg, rgba(212,236,255,.74), rgba(244,245,255,.24))}
.storybook-entry-back-books span:nth-child(2){background:linear-gradient(180deg, rgba(226,240,255,.72), rgba(244,245,255,.24))}
.storybook-entry-back-books span:nth-child(3){background:linear-gradient(180deg, rgba(207,229,255,.72), rgba(244,245,255,.24))}
.storybook-entry-back-books span:nth-child(4){background:linear-gradient(180deg, rgba(214,246,255,.72), rgba(244,245,255,.24))}
.storybook-entry-back-books span:nth-child(5){background:linear-gradient(180deg, rgba(228,236,255,.72), rgba(244,245,255,.24))}
.storybook-entry-back-books span:nth-child(6){background:linear-gradient(180deg, rgba(223,246,255,.72), rgba(244,245,255,.24))}
.storybook-entry-ambient-glow{background:radial-gradient(circle at 50% 18%, rgba(236,244,255,.92), rgba(201,224,255,.64) 30%, rgba(132,213,255,.18) 46%, rgba(216,235,255,0) 74%)}
.storybook-entry-ambient-beam{background:radial-gradient(ellipse at center, rgba(104,223,255,.16) 0%, rgba(135,177,255,.12) 22%, rgba(55,88,230,.09) 42%, rgba(36,71,227,.05) 54%, rgba(255,255,255,0) 74%)}
.storybook-entry-ceiling-glow{background:linear-gradient(90deg, rgba(255,255,255,0), rgba(228,242,255,.96), rgba(184,236,255,.94), rgba(255,255,255,0))}
.storybook-entry-shelf-line{background:linear-gradient(90deg, rgba(180,194,220,0), rgba(120,224,255,.42), rgba(88,133,255,.56), rgba(167,226,255,.36), rgba(180,194,220,0))}
.storybook-entry-pedestal{
  background:linear-gradient(180deg, rgba(233,242,255,.92), rgba(208,225,248,.62));
  box-shadow:0 20px 42px rgba(19,34,56,.06), inset 0 1px 0 rgba(255,255,255,.92), inset 0 -8px 14px rgba(164,213,255,.08);
}
.storybook-entry-showcase-rim{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.72), 0 26px 54px rgba(35,80,213,.05), 0 0 0 1px rgba(255,255,255,.36);
}
.storybook-entry-showcase-glass{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.26), inset 0 -20px 28px rgba(156,183,222,.05), inset 0 0 0 1px rgba(221,235,255,.10);
}
.storybook-entry-hero-book-v3{
  background:linear-gradient(160deg, rgba(34,76,234,.99) 0%, rgba(56,108,248,.98) 34%, rgba(49,181,235,.96) 70%, rgba(146,231,255,.94) 100%);
}
.storybook-entry-hero-footer-v3 span:first-child{background:linear-gradient(180deg, rgba(128,208,255,.18), rgba(255,255,255,.12))}
.storybook-entry-hero-footer-v3 span:last-child{background:linear-gradient(180deg, rgba(94,141,255,.16), rgba(255,255,255,.12))}
.storybook-entry-plaque b{color:#5f79b8}
.storybook-entry-book-reflection{opacity:.52}

@media (max-width: 767.98px){
  .storybook-entry-kicker-v3{
    max-width:100%;
    font-size:.64rem;
    letter-spacing:.09em;
    padding:.7rem .88rem;
  }
  .storybook-entry-copy-monogram{
    top:-.35rem;
    font-size:clamp(3.6rem,15vw,5rem);
  }
}

/* Step 71 - homepage hero flip-book realism */
.hero-banner-flipbook{perspective:2400px}
.hero-banner-flipbook-shell{transform:rotateY(-5deg) rotateX(1.15deg);transform-style:preserve-3d;background:linear-gradient(145deg, rgba(242,248,255,.98), rgba(214,229,252,.92));box-shadow:0 42px 90px rgba(29,79,215,.18), 0 16px 34px rgba(18,50,128,.08), inset 0 1px 0 rgba(255,255,255,.82)}
.hero-banner-flipbook-shell::after{content:'';position:absolute;inset:auto 2rem .8rem 2.6rem;height:2rem;border-radius:999px;background:radial-gradient(circle, rgba(12,32,84,.24), rgba(12,32,84,0) 72%);filter:blur(18px);opacity:.65;pointer-events:none}
.hero-banner-flipbook-cover-shadow{position:absolute;inset:1.1rem 1.15rem .95rem 2.25rem;border-radius:2rem;box-shadow:inset -16px 0 26px rgba(16,43,110,.06), inset 0 16px 18px rgba(255,255,255,.32);pointer-events:none}
.hero-banner-flipbook-page-shadow{position:absolute;left:2.25rem;right:2.15rem;bottom:4.2rem;height:2.25rem;border-radius:999px;background:radial-gradient(circle, rgba(12,32,84,.18), rgba(12,32,84,0) 72%);filter:blur(16px);pointer-events:none}
.hero-banner-flipbook-page{background:linear-gradient(180deg, rgba(255,255,255,.995), rgba(236,245,255,.985));box-shadow:0 28px 48px rgba(29,79,215,.12), inset 0 1px 0 rgba(255,255,255,.9), inset -14px 0 22px rgba(18,43,109,.03)}
.hero-banner-flipbook-page::before{content:'';position:absolute;top:0;right:0;width:3.7rem;height:3.7rem;background:linear-gradient(225deg, rgba(206,225,248,.94) 0%, rgba(245,250,255,.98) 48%, rgba(255,255,255,0) 49%);box-shadow:-10px 10px 18px rgba(28,75,170,.08);clip-path:polygon(0 0,100% 0,100% 100%);pointer-events:none;opacity:.9}
.hero-banner-flipbook-page-inner{position:relative;background:radial-gradient(circle at top right, rgba(168,222,255,.22), transparent 30%), linear-gradient(180deg, rgba(255,255,255,.5), rgba(255,255,255,0));}
.hero-banner-flipbook-page-inner::after{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(16,56,132,.018) 1px, transparent 1px);background-size:100% 18px;pointer-events:none;opacity:.35}
.hero-banner-flipbook-page-media{min-height:18.25rem;border-radius:1.55rem;box-shadow:0 20px 38px rgba(29,79,215,.12), inset 0 1px 0 rgba(255,255,255,.82)}
.hero-banner-flipbook-page-media img{min-height:18.25rem}
.hero-banner-flipbook-page-copy h3{text-wrap:balance}
.hero-banner-flipbook-page-copy p{max-width:27ch}
.hero-banner-flipbook-caption{max-width:19rem}
.hero-banner-flipbook-turn{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.hero-banner-flipbook-counter{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.hero-banner-flipbook.is-flipping .hero-banner-flipbook-page-current{transform:perspective(2200px) rotateY(-171deg) translateX(-.15rem) scale(.998);box-shadow:-12px 10px 30px rgba(29,79,215,.08);filter:brightness(.99)}
.hero-banner-flipbook-page-next{transform:translateX(.15rem) scale(.992);opacity:.98}
.hero-banner-flipbook.is-flipping .hero-banner-flipbook-page-next{transform:translateX(0) scale(1);opacity:1}
@media (max-width:1199.98px){
  .hero-banner-flipbook-shell{transform:rotateY(-4deg) rotateX(.8deg)}
  .hero-banner-flipbook-page-media,.hero-banner-flipbook-page-media img{min-height:14.75rem}
}
@media (max-width:991.98px){
  .hero-banner-flipbook-shell{transform:none}
  .hero-banner-flipbook-cover-shadow{inset:1rem .95rem .9rem 1.9rem}
  .hero-banner-flipbook-page-media,.hero-banner-flipbook-page-media img{min-height:12rem}
}

/* Step 72 - premium single-page flipbook rebuild */
.hero-banner-flipbook{
  perspective:2800px;
  min-height:46rem;
}
.hero-banner-flipbook-orb-a{width:260px;height:260px;right:-1%;top:2%;background:radial-gradient(circle, rgba(84,173,255,.28), transparent 70%)}
.hero-banner-flipbook-orb-b{width:220px;height:220px;left:-2%;bottom:5%;background:radial-gradient(circle, rgba(189,228,255,.46), transparent 72%)}
.hero-banner-flipbook-shell{
  width:min(33rem,100%);
  height:43.5rem;
  padding:1.25rem 1.05rem 1.05rem 2.35rem;
  border-radius:2.4rem;
  transform:rotateY(-7deg) rotateX(1.4deg);
  transform-style:preserve-3d;
  background:linear-gradient(155deg, rgba(243,248,255,.98), rgba(217,231,251,.94));
  border:1px solid rgba(29,79,215,.12);
  box-shadow:0 42px 95px rgba(22,57,146,.18), 0 14px 28px rgba(16,43,110,.09), inset 0 1px 0 rgba(255,255,255,.92);
  overflow:visible;
}
.hero-banner-flipbook-shell::before{
  content:'';
  position:absolute;
  inset:.95rem;
  border-radius:2rem;
  background:linear-gradient(180deg, rgba(255,255,255,.42), rgba(255,255,255,.06));
  pointer-events:none;
}
.hero-banner-flipbook-shell::after{
  content:'';
  position:absolute;
  left:3.4rem;
  right:1.5rem;
  bottom:-1.1rem;
  height:2.5rem;
  border-radius:999px;
  background:radial-gradient(circle, rgba(8,21,66,.24), rgba(8,21,66,0) 72%);
  filter:blur(22px);
  opacity:.65;
  pointer-events:none;
}
.hero-banner-flipbook-spine{
  left:.88rem;
  top:1.2rem;
  bottom:1.2rem;
  width:1.38rem;
  border-radius:999px;
  background:linear-gradient(180deg, #225af0 0%, #1947bf 40%, #74c5ff 100%);
  box-shadow:inset -1px 0 0 rgba(255,255,255,.22), inset 4px 0 8px rgba(255,255,255,.15), 10px 0 20px rgba(19,55,145,.18);
}
.hero-banner-flipbook-page-stack{
  right:1.05rem;
  top:1.7rem;
  bottom:1.95rem;
  width:1.25rem;
  border-radius:0 1.1rem 1.1rem 0;
  background:repeating-linear-gradient(180deg, rgba(255,255,255,.98) 0 2px, rgba(228,237,252,.96) 2px 4px);
  box-shadow:inset 1px 0 0 rgba(29,79,215,.08), 0 14px 24px rgba(29,79,215,.12);
}
.hero-banner-flipbook-edge{
  left:2.1rem;
  right:1.8rem;
  top:1.45rem;
  bottom:1.35rem;
  border-radius:2rem;
  background:linear-gradient(135deg, rgba(255,255,255,.55), rgba(223,238,255,.14));
  border:1px solid rgba(255,255,255,.58);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.7);
}
.hero-banner-flipbook-cover-shadow{
  inset:1rem 1rem 1rem 2.15rem;
  border-radius:2rem;
  box-shadow:inset -18px 0 28px rgba(15,46,122,.07), inset 0 22px 24px rgba(255,255,255,.26);
}
.hero-banner-flipbook-page-shadow{
  left:3rem;
  right:2rem;
  bottom:4.45rem;
  height:2.5rem;
  background:radial-gradient(circle, rgba(8,21,66,.16), rgba(8,21,66,0) 72%);
  filter:blur(18px);
}
.hero-banner-flipbook-page{
  position:absolute;
  left:2.55rem;
  right:2.15rem;
  top:1.8rem;
  bottom:5.35rem;
  border-radius:1.9rem;
  overflow:hidden;
  transform-origin:left center;
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
  background:linear-gradient(180deg, rgba(255,255,255,.995), rgba(236,245,255,.988));
  border:1px solid rgba(29,79,215,.08);
  box-shadow:0 28px 52px rgba(29,79,215,.13), inset 0 1px 0 rgba(255,255,255,.92), inset -16px 0 22px rgba(16,43,110,.04);
}
.hero-banner-flipbook-page::before{
  content:'';
  position:absolute;
  top:0;
  right:0;
  width:4.2rem;
  height:4.2rem;
  background:linear-gradient(225deg, rgba(214,228,248,.92) 0%, rgba(246,249,255,.98) 48%, rgba(255,255,255,0) 49%);
  box-shadow:-12px 12px 20px rgba(28,75,170,.08);
  clip-path:polygon(0 0,100% 0,100% 100%);
  opacity:.92;
}
.hero-banner-flipbook-page::after{
  content:'';
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  width:1.45rem;
  background:linear-gradient(90deg, rgba(25,72,183,.10), rgba(255,255,255,0));
  pointer-events:none;
}
.hero-banner-flipbook-page-current{z-index:3;opacity:1;transition:opacity .18s ease}
.hero-banner-flipbook-page-next{z-index:1;transform:scale(.995) translateX(.15rem);opacity:1;filter:saturate(.98)}
.hero-banner-flipbook-page-flipper{z-index:5;opacity:0;pointer-events:none;transform:rotateY(0deg) translateX(0);box-shadow:0 28px 52px rgba(29,79,215,.13), inset 0 1px 0 rgba(255,255,255,.92), inset -16px 0 22px rgba(16,43,110,.04)}
.hero-banner-flipbook-page-flipper::after{
  content:'';
  position:absolute;
  inset:0;
  background:linear-gradient(90deg, rgba(7,27,74,.06), rgba(255,255,255,0) 18%, rgba(7,27,74,.10) 72%, rgba(7,27,74,.22));
  opacity:0;
  pointer-events:none;
}
.hero-banner-flipbook.is-flipping .hero-banner-flipbook-page-current{opacity:0}
.hero-banner-flipbook.is-flipping .hero-banner-flipbook-page-next{transform:scale(1) translateX(0)}
.hero-banner-flipbook.is-flipping .hero-banner-flipbook-page-flipper{opacity:1;animation:heroBannerPageFlip 1.16s cubic-bezier(.24,.74,.16,1) forwards}
.hero-banner-flipbook.is-flipping .hero-banner-flipbook-page-flipper::after{animation:heroBannerPageShade 1.16s ease forwards}
.hero-banner-flipbook-page-inner{
  height:100%;
  display:grid;
  grid-template-rows:auto minmax(0, 17rem) minmax(0, 1fr) auto;
  gap:1rem;
  padding:1.18rem 1.18rem 1.05rem;
  background:
    radial-gradient(circle at top right, rgba(165,223,255,.20), rgba(165,223,255,0) 32%),
    linear-gradient(180deg, rgba(255,255,255,.42), rgba(255,255,255,0));
}
.hero-banner-flipbook-page-inner::after{
  content:'';
  position:absolute;
  inset:0;
  background-image:linear-gradient(rgba(16,56,132,.016) 1px, transparent 1px);
  background-size:100% 18px;
  pointer-events:none;
  opacity:.28;
}
.hero-banner-flipbook-page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.8rem;position:relative;z-index:1}
.hero-banner-flipbook-brand{display:flex;align-items:center;gap:.72rem;min-width:0}
.hero-banner-flipbook-brand img{width:2.9rem;height:2.9rem;border-radius:.95rem;object-fit:cover;border:1px solid rgba(29,79,215,.08);background:#fff;box-shadow:0 12px 20px rgba(29,79,215,.10)}
.hero-banner-flipbook-brand-text strong{display:block;color:var(--text);font-size:1rem;line-height:1.15}
.hero-banner-flipbook-brand-text span{display:block;color:#7c8fac;font-size:.74rem;line-height:1.3;letter-spacing:.1em;text-transform:uppercase}
.hero-banner-flipbook-chip{display:inline-flex;align-items:center;justify-content:center;padding:.58rem .85rem;border-radius:999px;background:linear-gradient(135deg, rgba(37,95,237,.14), rgba(110,190,255,.20));border:1px solid rgba(29,79,215,.08);color:var(--blue);font-size:.75rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}
.hero-banner-flipbook-page-media{
  position:relative;
  min-height:0;
  border-radius:1.5rem;
  background:linear-gradient(180deg, rgba(247,251,255,.98), rgba(228,239,255,.98));
  border:1px solid rgba(29,79,215,.08);
  box-shadow:0 18px 34px rgba(29,79,215,.10), inset 0 1px 0 rgba(255,255,255,.92);
  overflow:hidden;
}
.hero-banner-flipbook-page-media::after{
  content:'';
  position:absolute;
  inset:0;
  background:radial-gradient(circle at top, rgba(255,255,255,.38), rgba(255,255,255,0) 48%), linear-gradient(180deg, rgba(7,23,60,0) 56%, rgba(7,23,60,.06) 100%);
  pointer-events:none;
}
.hero-banner-flipbook-page-media-frame{
  position:absolute;
  inset:.9rem;
  border-radius:1.15rem;
  background:linear-gradient(180deg, rgba(255,255,255,.82), rgba(239,246,255,.88));
  border:1px solid rgba(29,79,215,.08);
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
}
.hero-banner-flipbook-page-media img{width:100%;height:100%;object-fit:contain;display:block;padding:1rem}
.hero-banner-flipbook-page-copy{display:flex;flex-direction:column;justify-content:flex-start;gap:.72rem;min-height:0;position:relative;z-index:1}
.hero-banner-flipbook-page-copy small{font-size:.78rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--blue)}
.hero-banner-flipbook-page-copy h3{margin:0;font-size:1.68rem;line-height:1.12;letter-spacing:-.04em;color:var(--text);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-wrap:balance}
.hero-banner-flipbook-page-copy p{margin:0;color:#657997;line-height:1.72;font-size:.98rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;max-width:none}
.hero-banner-flipbook-page-footer{display:flex;align-items:center;justify-content:space-between;gap:.85rem;padding-top:.85rem;border-top:1px solid rgba(29,79,215,.08);position:relative;z-index:1}
.hero-banner-flipbook-page-number{display:inline-flex;align-items:center;padding:.58rem .86rem;border-radius:999px;background:rgba(244,248,255,.95);border:1px solid rgba(29,79,215,.08);font-size:.8rem;font-weight:800;color:#7285a1}
.hero-banner-flipbook-page-action{display:inline-flex;align-items:center;justify-content:center;padding:.78rem 1.05rem;border-radius:999px;background:linear-gradient(135deg, rgba(37,95,237,1), rgba(110,190,255,.92));color:#fff;font-size:.83rem;font-weight:800;text-decoration:none;box-shadow:0 14px 28px rgba(37,95,237,.18);transition:transform .22s ease, box-shadow .22s ease;color:#fff}
.hero-banner-flipbook-page-action:hover{transform:translateY(-2px);box-shadow:0 18px 34px rgba(37,95,237,.22);color:#fff}
.hero-banner-flipbook-page-action.is-passive{background:linear-gradient(135deg, rgba(244,248,255,.96), rgba(234,244,255,.94));border:1px solid rgba(29,79,215,.08);box-shadow:none;color:var(--blue)}
.hero-banner-flipbook-caption{
  position:absolute;
  left:2.8rem;
  bottom:1.2rem;
  display:flex;
  flex-direction:column;
  gap:.34rem;
  z-index:6;
  max-width:15rem;
}
.hero-banner-flipbook-caption strong{font-size:1rem;color:#1f3351;line-height:1.25}
.hero-banner-flipbook-caption small{color:#6f84a4;line-height:1.45}
.hero-banner-flipbook-turn{
  position:absolute;
  right:1.45rem;
  bottom:1.2rem;
  z-index:6;
  border:1px solid rgba(29,79,215,.12);
  background:rgba(255,255,255,.86);
  color:var(--blue);
  font-weight:800;
  font-size:.82rem;
  padding:.72rem 1rem;
  border-radius:999px;
  box-shadow:0 12px 24px rgba(29,79,215,.08);
  transition:transform .24s ease, box-shadow .24s ease, background .24s ease;
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}
.hero-banner-flipbook-turn:hover{transform:translateY(-2px);box-shadow:0 16px 30px rgba(29,79,215,.12);background:#fff}
.hero-banner-flipbook-counter{
  position:absolute;
  top:1.4rem;
  right:1.4rem;
  display:flex;
  align-items:flex-end;
  gap:.25rem;
  z-index:6;
  padding:.6rem .85rem;
  border-radius:999px;
  background:rgba(255,255,255,.76);
  border:1px solid rgba(29,79,215,.08);
  box-shadow:0 12px 24px rgba(29,79,215,.08);
  color:var(--blue);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}
.hero-banner-flipbook-counter span{font-size:1.06rem;font-weight:800;line-height:1}
.hero-banner-flipbook-counter small{font-size:.82rem;font-weight:700;line-height:1.1;color:#7084a3}
@keyframes heroBannerPageFlip {
  0% {transform:perspective(2400px) rotateY(0deg) translateX(0);filter:brightness(1)}
  18% {transform:perspective(2400px) rotateY(-18deg) translateX(.05rem)}
  46% {transform:perspective(2400px) rotateY(-84deg) translateX(-.1rem);filter:brightness(.97)}
  70% {transform:perspective(2400px) rotateY(-138deg) translateX(-.35rem);filter:brightness(.92)}
  100% {transform:perspective(2400px) rotateY(-180deg) translateX(-.62rem);filter:brightness(.88)}
}
@keyframes heroBannerPageShade {
  0%, 100% {opacity:0}
  25% {opacity:.22}
  50% {opacity:.36}
  70% {opacity:.24}
}
@media (max-width:1199.98px){
  .hero-banner-flipbook{min-height:41rem}
  .hero-banner-flipbook-shell{width:min(30rem,100%);height:39.5rem;transform:rotateY(-5deg) rotateX(1deg)}
  .hero-banner-flipbook-page{bottom:5.1rem}
  .hero-banner-flipbook-page-inner{grid-template-rows:auto minmax(0, 14rem) minmax(0, 1fr) auto}
  .hero-banner-flipbook-page-copy h3{font-size:1.46rem}
  .hero-banner-flipbook-page-copy p{font-size:.93rem;-webkit-line-clamp:3}
}
@media (max-width:991.98px){
  .hero-banner-flipbook{min-height:34rem}
  .hero-banner-flipbook-shell{height:33rem;padding:1rem .85rem 1rem 1.9rem;border-radius:1.9rem;transform:none}
  .hero-banner-flipbook-page{left:2rem;right:1.7rem;top:1.45rem;bottom:4.85rem;border-radius:1.4rem}
  .hero-banner-flipbook-page-inner{padding:.95rem;grid-template-rows:auto minmax(0, 10.8rem) minmax(0, 1fr) auto}
  .hero-banner-flipbook-page-copy h3{font-size:1.25rem}
  .hero-banner-flipbook-page-copy p{font-size:.9rem;line-height:1.6}
  .hero-banner-flipbook-caption{left:2rem;max-width:12rem}
  .hero-banner-flipbook-turn{right:1rem;bottom:1rem;padding:.6rem .86rem}
  .hero-banner-flipbook-counter{top:1rem;right:1rem;padding:.5rem .7rem}
}

/* STEP 73: reliable premium homepage flipbook */
.hero-banner-flipbook{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:42rem;
  isolation:isolate;
}
.hero-banner-flipbook-shell{
  position:relative;
  width:min(31rem, 100%);
  height:40.75rem;
  padding:1.05rem 1rem 4.55rem 2.25rem;
  border-radius:2.25rem;
  background:linear-gradient(145deg, rgba(242,248,255,.96), rgba(214,232,255,.88));
  border:1px solid rgba(29,79,215,.12);
  box-shadow:0 34px 74px rgba(29,79,215,.14), inset 0 1px 0 rgba(255,255,255,.72);
  overflow:hidden;
  transform:rotateY(-5deg) rotateX(1deg);
}
.hero-banner-flipbook-spine{left:.92rem;top:1.2rem;bottom:1.2rem;width:1.15rem}
.hero-banner-flipbook-page-stack{right:1rem;top:1.45rem;bottom:1.45rem;width:.95rem}
.hero-banner-flipbook-edge{left:2.15rem;right:1.7rem;top:1.35rem;bottom:1.25rem;border-radius:1.9rem}
.hero-banner-flipbook-cover-shadow{inset:1rem .95rem .95rem 2.15rem;border-radius:1.95rem}
.hero-banner-flipbook-page-shadow{left:3rem;right:2rem;bottom:4rem;height:2rem}
.hero-banner-flipbook-page{
  position:absolute;
  left:2.45rem;
  right:1.95rem;
  top:1.62rem;
  bottom:5.45rem;
  border-radius:1.65rem;
  overflow:hidden;
  transform-origin:left center;
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
  background:linear-gradient(180deg, rgba(255,255,255,.995), rgba(237,245,255,.988));
  border:1px solid rgba(29,79,215,.08);
  box-shadow:0 24px 48px rgba(29,79,215,.12), inset 0 1px 0 rgba(255,255,255,.94), inset -10px 0 16px rgba(16,43,110,.04);
}
.hero-banner-flipbook-page::before{width:3.8rem;height:3.8rem;opacity:.84}
.hero-banner-flipbook-page::after{width:1.15rem}
.hero-banner-flipbook-page-current{z-index:3;opacity:1;transition:opacity .18s ease}
.hero-banner-flipbook-page-next{
  z-index:2;
  opacity:.9;
  transform:translateX(.35rem) scale(.986);
  transition:transform .42s ease, opacity .42s ease;
}
.hero-banner-flipbook-page-flipper{
  z-index:5;
  opacity:0;
  pointer-events:none;
  transform:perspective(2200px) rotateY(0deg) translateX(0);
  will-change:transform, opacity;
}
.hero-banner-flipbook-page-flipper::after{
  content:'';
  position:absolute;
  inset:0;
  background:linear-gradient(90deg, rgba(8,25,70,.03) 0%, rgba(255,255,255,0) 18%, rgba(8,25,70,.08) 72%, rgba(8,25,70,.20) 100%);
  opacity:0;
  pointer-events:none;
}
.hero-banner-flipbook-page-inner{
  position:relative;
  display:flex;
  flex-direction:column;
  height:100%;
  gap:.88rem;
  padding:1rem;
  background:
    radial-gradient(circle at top right, rgba(165,223,255,.18), rgba(165,223,255,0) 32%),
    linear-gradient(180deg, rgba(255,255,255,.4), rgba(255,255,255,0));
}
.hero-banner-flipbook-page-inner::after{opacity:.18;background-size:100% 16px}
.hero-banner-flipbook-page-header{
  position:relative;
  z-index:1;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:.75rem;
}
.hero-banner-flipbook-brand{display:flex;align-items:center;gap:.7rem;min-width:0}
.hero-banner-flipbook-brand img{width:2.65rem;height:2.65rem;border-radius:.9rem}
.hero-banner-flipbook-brand-text strong{font-size:.96rem;line-height:1.15}
.hero-banner-flipbook-brand-text span{font-size:.72rem;line-height:1.3;letter-spacing:.1em}
.hero-banner-flipbook-chip{padding:.54rem .8rem;font-size:.73rem}
.hero-banner-flipbook-page-media{
  position:relative;
  flex:0 0 12.4rem;
  min-height:12.4rem;
  border-radius:1.3rem;
  background:linear-gradient(180deg, rgba(247,251,255,.98), rgba(229,239,255,.98));
  border:1px solid rgba(29,79,215,.08);
  box-shadow:0 16px 28px rgba(29,79,215,.09), inset 0 1px 0 rgba(255,255,255,.9);
  overflow:hidden;
}
.hero-banner-flipbook-page-media::after{background:radial-gradient(circle at top, rgba(255,255,255,.35), rgba(255,255,255,0) 50%), linear-gradient(180deg, rgba(7,23,60,0) 58%, rgba(7,23,60,.05) 100%)}
.hero-banner-flipbook-page-media-frame{
  position:absolute;
  inset:.75rem;
  border-radius:1rem;
  background:linear-gradient(180deg, rgba(255,255,255,.9), rgba(241,247,255,.92));
  border:1px solid rgba(29,79,215,.08);
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
}
.hero-banner-flipbook-page-media img{
  width:auto;
  height:auto;
  max-width:100%;
  max-height:100%;
  object-fit:contain;
  display:block;
  padding:.85rem;
}
.hero-banner-flipbook-page-copy{
  position:relative;
  z-index:1;
  flex:1 1 auto;
  min-height:0;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  gap:.56rem;
  overflow:hidden;
}
.hero-banner-flipbook-page-copy small{font-size:.74rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--blue)}
.hero-banner-flipbook-page-copy h3{
  margin:0;
  font-size:1.42rem;
  line-height:1.16;
  letter-spacing:-.035em;
  color:var(--text);
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  text-wrap:balance;
  min-height:3.3rem;
}
.hero-banner-flipbook-page-copy p{
  margin:0;
  color:#657997;
  line-height:1.58;
  font-size:.92rem;
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden;
  min-height:4.45rem;
}
.hero-banner-flipbook-page-footer{
  position:relative;
  z-index:1;
  margin-top:auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:.75rem;
  padding-top:.75rem;
  border-top:1px solid rgba(29,79,215,.08);
}
.hero-banner-flipbook-page-number{padding:.55rem .82rem;font-size:.78rem}
.hero-banner-flipbook-page-action{padding:.72rem .96rem;font-size:.8rem;white-space:nowrap;max-width:10.5rem;overflow:hidden;text-overflow:ellipsis}
.hero-banner-flipbook-caption{
  position:absolute;
  left:2.55rem;
  bottom:1.15rem;
  z-index:6;
  display:flex;
  flex-direction:column;
  gap:.28rem;
  max-width:13.6rem;
}
.hero-banner-flipbook-caption strong{font-size:.96rem;line-height:1.24;color:#1f3351}
.hero-banner-flipbook-caption small{font-size:.82rem;line-height:1.42;color:#6f84a4}
.hero-banner-flipbook-turn{
  position:absolute;
  right:1.35rem;
  bottom:1.12rem;
  z-index:6;
  padding:.72rem .95rem;
  font-size:.8rem;
}
.hero-banner-flipbook-counter{
  position:absolute;
  top:1.18rem;
  right:1.25rem;
  z-index:6;
  padding:.56rem .8rem;
}
.hero-banner-flipbook.is-flipping .hero-banner-flipbook-page-current{opacity:0}
.hero-banner-flipbook.is-flipping .hero-banner-flipbook-page-next{transform:translateX(0) scale(1);opacity:1}
.hero-banner-flipbook.is-flipping .hero-banner-flipbook-page-flipper{opacity:1;animation:egHeroPageFlip .9s cubic-bezier(.25,.78,.18,1) forwards}
.hero-banner-flipbook.is-flipping .hero-banner-flipbook-page-flipper::after{animation:egHeroPageShade .9s ease forwards}
@keyframes egHeroPageFlip{
  0%{transform:perspective(2200px) rotateY(0deg) translateX(0);opacity:1}
  18%{transform:perspective(2200px) rotateY(-18deg) translateX(.02rem)}
  55%{transform:perspective(2200px) rotateY(-98deg) translateX(-.08rem)}
  100%{transform:perspective(2200px) rotateY(-179deg) translateX(-.18rem);opacity:1}
}
@keyframes egHeroPageShade{
  0%,100%{opacity:0}
  30%{opacity:.16}
  58%{opacity:.28}
  80%{opacity:.12}
}
@media (max-width:1199.98px){
  .hero-banner-flipbook{min-height:39rem}
  .hero-banner-flipbook-shell{width:min(29.5rem, 100%);height:38rem;transform:rotateY(-4deg) rotateX(1deg)}
  .hero-banner-flipbook-page{bottom:5.2rem}
  .hero-banner-flipbook-page-media{flex-basis:11.5rem;min-height:11.5rem}
  .hero-banner-flipbook-page-copy h3{font-size:1.3rem;min-height:3rem}
  .hero-banner-flipbook-page-copy p{font-size:.89rem;min-height:4.1rem}
}
@media (max-width:991.98px){
  .hero-banner-flipbook{min-height:34rem}
  .hero-banner-flipbook-shell{height:33rem;padding:.95rem .8rem 4.35rem 1.95rem;border-radius:1.95rem;transform:none}
  .hero-banner-flipbook-page{left:2rem;right:1.65rem;top:1.4rem;bottom:4.95rem;border-radius:1.38rem}
  .hero-banner-flipbook-page-media{flex-basis:9.5rem;min-height:9.5rem}
  .hero-banner-flipbook-page-copy h3{font-size:1.14rem;min-height:2.7rem}
  .hero-banner-flipbook-page-copy p{font-size:.84rem;line-height:1.5;min-height:3.8rem}
  .hero-banner-flipbook-caption{left:2rem;max-width:11.6rem}
  .hero-banner-flipbook-turn{right:1rem;bottom:1rem;padding:.6rem .82rem}
  .hero-banner-flipbook-counter{top:1rem;right:1rem;padding:.5rem .68rem}
}

/* === Step 80: Storybook banner sync + larger realistic page turn === */
.eg-storybook{
  position:relative;
  min-height:43.5rem;
  display:flex;
  align-items:center;
  justify-content:center;
  isolation:isolate;
}
.eg-storybook-glow{
  position:absolute;
  border-radius:50%;
  filter:blur(48px);
  pointer-events:none;
  opacity:.8;
}
.eg-storybook-glow-a{
  width:17rem;
  height:17rem;
  top:1.2rem;
  right:.5rem;
  background:radial-gradient(circle, rgba(83,152,255,.24), transparent 70%);
}
.eg-storybook-glow-b{
  width:15rem;
  height:15rem;
  bottom:.8rem;
  left:.5rem;
  background:radial-gradient(circle, rgba(151,222,255,.28), transparent 72%);
}
.eg-storybook-shell{
  position:relative;
  width:min(42rem,100%);
  padding:1.12rem 1rem .92rem 1.82rem;
  border-radius:2.1rem;
  background:linear-gradient(145deg, rgba(240,247,255,.99), rgba(224,237,255,.96));
  border:1px solid rgba(34,92,222,.11);
  box-shadow:0 34px 78px rgba(38,86,191,.17), inset 0 1px 0 rgba(255,255,255,.94);
  overflow:hidden;
}
.eg-storybook-shell::before{
  content:'';
  position:absolute;
  inset:.78rem;
  border-radius:1.7rem;
  background:linear-gradient(180deg, rgba(255,255,255,.48), rgba(255,255,255,.08));
  pointer-events:none;
}
.eg-storybook-spine{
  position:absolute;
  left:.95rem;
  top:1.15rem;
  bottom:1.15rem;
  width:.92rem;
  border-radius:999px;
  background:linear-gradient(180deg, #2c63ee 0%, #1d4bc5 40%, #83d7ff 100%);
  box-shadow:inset 1px 0 0 rgba(255,255,255,.35), inset -6px 0 10px rgba(15,42,112,.20), 12px 0 22px rgba(24,71,191,.12);
}
.eg-storybook-page-stack{
  position:absolute;
  right:1rem;
  top:1.2rem;
  bottom:4rem;
  width:1rem;
  border-radius:0 1rem 1rem 0;
  background:repeating-linear-gradient(180deg, rgba(255,255,255,.98) 0 3px, rgba(227,237,255,.97) 3px 6px);
  box-shadow:inset 1px 0 0 rgba(34,92,222,.09);
}
.eg-storybook-book{position:relative;z-index:1;padding-right:.8rem}
.eg-storybook-shadow{
  position:absolute;
  left:2.6rem;
  right:2.1rem;
  bottom:-1.2rem;
  height:2.3rem;
  border-radius:50%;
  background:radial-gradient(circle, rgba(22,58,142,.18), transparent 72%);
  filter:blur(12px);
  pointer-events:none;
}
.eg-storybook-stage{
  position:relative;
  height:43rem;
  min-height:43rem;
  perspective:3400px;
  perspective-origin:center center;
  transform-style:preserve-3d;
}
.eg-storybook-page,
.eg-storybook-sheet,
.eg-storybook-sheet-face{position:absolute;inset:0;border-radius:1.55rem}
.eg-storybook-page{
  background:linear-gradient(180deg, rgba(255,255,255,.995), rgba(241,247,255,.985));
  border:1px solid rgba(34,92,222,.08);
  box-shadow:0 24px 42px rgba(33,78,176,.11), inset 0 1px 0 rgba(255,255,255,.96);
  overflow:hidden;
}
.eg-storybook-page::before,
.eg-storybook-sheet-face::before{
  content:'';
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  width:1rem;
  background:linear-gradient(90deg, rgba(34,92,222,.09), rgba(255,255,255,0));
  pointer-events:none;
  z-index:2;
}
.eg-storybook-page-current{z-index:3}
.eg-storybook-page-next{z-index:1;transform:scale(.996) translateX(.12rem);filter:saturate(.985) brightness(.998)}
.eg-storybook.is-turning .eg-storybook-page-current{animation:none}
.eg-storybook.is-turning .eg-storybook-page-next{animation:none}
.eg-storybook-sheet{
  z-index:4;
  transform-style:preserve-3d;
  transform-origin:left center;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  will-change:transform;
  transform:translateX(.18rem) rotateY(0deg);
}
.eg-storybook-sheet::after{
  content:'';
  position:absolute;
  inset:-.2rem 42% -.2rem -.5rem;
  border-radius:1.6rem 0 0 1.6rem;
  background:linear-gradient(90deg, rgba(10,23,64,.18), rgba(10,23,64,0));
  filter:blur(10px);
  opacity:0;
  pointer-events:none;
}
.eg-storybook-sheet-face{
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
  overflow:hidden;
  background:linear-gradient(180deg, rgba(255,255,255,.995), rgba(241,247,255,.985));
  border:1px solid rgba(34,92,222,.08);
  box-shadow:0 24px 42px rgba(33,78,176,.11), inset 0 1px 0 rgba(255,255,255,.96);
}
.eg-storybook-sheet-front{transform:rotateY(0deg)}
.eg-storybook-sheet-back{transform:rotateY(180deg)}
.eg-storybook.is-turning .eg-storybook-sheet{opacity:1;visibility:visible;animation:egStorybookPaperTurn .96s cubic-bezier(.18,.78,.12,1) forwards}
.eg-storybook.is-turning .eg-storybook-sheet::after{animation:egStorybookPaperShade .88s ease forwards}
.eg-storybook-page-card{
  position:relative;
  height:100%;
  min-height:43rem;
  display:grid;
  grid-template-rows:auto auto minmax(5.8rem,1fr) auto;
  gap:.88rem;
  padding:1rem 1rem .92rem;
  background:radial-gradient(circle at top right, rgba(149,214,255,.14), transparent 28%);
}
.eg-storybook-page-card::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.08) 100%);pointer-events:none}
.eg-storybook-page-head,.eg-storybook-media-wrap,.eg-storybook-copy,.eg-storybook-page-foot{position:relative;z-index:1}
.eg-storybook-page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:.9rem}
.eg-storybook-brand{display:flex;align-items:center;gap:.72rem;min-width:0}
.eg-storybook-brand img{width:2.55rem;height:2.55rem;border-radius:.95rem;object-fit:cover;border:1px solid rgba(34,92,222,.08);background:#fff;box-shadow:0 10px 18px rgba(28,67,160,.10)}
.eg-storybook-brand-copy strong{display:block;font-size:1rem;line-height:1.15;color:#1e3354}
.eg-storybook-brand-copy span{display:block;margin-top:.14rem;font-size:.74rem;line-height:1.3;letter-spacing:.1em;text-transform:uppercase;color:#7a8eaf}
.eg-storybook-page-pill{display:inline-flex;align-items:center;justify-content:center;padding:.55rem .82rem;border-radius:999px;background:linear-gradient(135deg, rgba(37,95,237,.12), rgba(110,190,255,.20));border:1px solid rgba(34,92,222,.10);color:var(--blue);font-size:.73rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;flex-shrink:0}
.eg-storybook-media-wrap{align-self:start}
.eg-storybook-media{position:relative;min-height:22.2rem;height:22.2rem;display:flex;align-items:center;justify-content:center;border-radius:1.3rem;overflow:hidden;background:linear-gradient(180deg, #ffffff, #edf5ff);border:1px solid rgba(34,92,222,.08);box-shadow:inset 0 1px 0 rgba(255,255,255,.94), 0 16px 30px rgba(33,78,176,.08)}
.eg-storybook-media::after{content:'';position:absolute;inset:0;background:radial-gradient(circle at top, rgba(255,255,255,.42), rgba(255,255,255,0) 52%), linear-gradient(180deg, rgba(6,20,60,0) 60%, rgba(6,20,60,.05) 100%);pointer-events:none}
.eg-storybook-media img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.eg-storybook-copy{min-height:0;display:flex;flex-direction:column;gap:.48rem;justify-content:flex-start;padding-top:.18rem}
.eg-storybook-copy small{display:block;margin:0 0 .12rem;font-size:.74rem;line-height:1.25;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--blue)}
.eg-storybook-copy h3{margin:0;padding-top:.22rem;font-size:1.5rem;line-height:1.18;letter-spacing:-.02em;color:#1b2f4f;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}
.eg-storybook-copy p{margin:0;font-size:.9rem;line-height:1.52;color:#687c9c;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.eg-storybook-page-foot{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:.7rem;flex-wrap:wrap;padding-top:.72rem;border-top:1px solid rgba(34,92,222,.08)}
.eg-storybook-page-meta{display:inline-flex;align-items:center;padding:.55rem .8rem;border-radius:999px;background:rgba(244,248,255,.96);border:1px solid rgba(34,92,222,.08);color:#6f84a4;font-size:.8rem;font-weight:800;white-space:nowrap}
.eg-storybook-action{display:inline-flex;align-items:center;justify-content:center;min-width:8rem;padding:.62rem .92rem;border-radius:999px;background:linear-gradient(135deg, #2f68f1, #69c0ff);color:#fff;text-decoration:none;font-size:.82rem;font-weight:800;box-shadow:0 14px 28px rgba(47,104,241,.18);white-space:nowrap;flex-shrink:0}
.eg-storybook-action:hover{color:#fff;transform:translateY(-1px)}
.eg-storybook-action.is-muted{background:linear-gradient(135deg, rgba(244,248,255,.96), rgba(233,243,255,.94));color:var(--blue);box-shadow:none;border:1px solid rgba(34,92,222,.08)}
.eg-storybook-toolbar{position:relative;z-index:2;margin-top:.45rem;display:flex;align-items:center;justify-content:space-between;gap:.6rem;min-height:2.5rem}
.eg-storybook-turn-btn{border:1px solid rgba(34,92,222,.12);background:rgba(255,255,255,.94);color:var(--blue);font-size:.82rem;font-weight:800;padding:.72rem 1rem;border-radius:999px;box-shadow:0 14px 28px rgba(34,92,222,.08)}
.eg-storybook-counter{display:flex;align-items:flex-end;gap:.25rem;padding:.62rem .88rem;border-radius:999px;background:rgba(255,255,255,.88);border:1px solid rgba(34,92,222,.08);box-shadow:0 12px 24px rgba(34,92,222,.08);color:var(--blue);margin-left:auto}
.eg-storybook-counter span{font-size:1.08rem;font-weight:800;line-height:1}
.eg-storybook-counter small{font-size:.83rem;font-weight:700;line-height:1.1;color:#6f84a4}
.story-book-col{display:flex;justify-content:flex-end}
.eg-storybook-hero-lg{width:100%}
@media (min-width: 992px){
  .premium-story-hero .story-hero-main-row{align-items:flex-start !important}
  .premium-story-hero .story-book-col{padding-left:1.4rem}
}
@keyframes egStorybookPaperTurn{
  0%{transform:translateX(.18rem) rotateY(0deg) translateZ(0)}
  12%{transform:translateX(.6rem) rotateY(-16deg) translateZ(14px)}
  30%{transform:translateX(1.1rem) rotateY(-48deg) translateZ(28px)}
  52%{transform:translateX(.95rem) rotateY(-105deg) translateZ(32px)}
  78%{transform:translateX(.38rem) rotateY(-160deg) translateZ(10px)}
  100%{transform:translateX(0) rotateY(-180deg) translateZ(0)}
}
@keyframes egStorybookPaperShade{
  0%{opacity:0}
  20%{opacity:.12}
  48%{opacity:.28}
  80%{opacity:.1}
  100%{opacity:0}
}
@keyframes egStorybookCurrentReveal{
  0%{opacity:1}
  100%{opacity:1}
}
@keyframes egStorybookNextSettle{
  0%{opacity:1}
  100%{opacity:1}
}
@media (max-width: 1199.98px){
  .eg-storybook{min-height:44rem}
  .eg-storybook-shell{width:min(38rem,100%)}
  .eg-storybook-stage,.eg-storybook-page-card{height:39rem;min-height:39rem}
  .eg-storybook-media{height:20rem;min-height:20rem}
  .eg-storybook-copy h3{font-size:1.26rem}
}
@media (max-width: 991.98px){
  .eg-storybook{min-height:42rem}
  .eg-storybook-shell{padding:1.05rem .95rem .95rem 1.8rem}
  .eg-storybook-page-stack{bottom:3.65rem}
  .eg-storybook-stage,.eg-storybook-page-card{height:38.8rem;min-height:38.8rem}
  .eg-storybook-media{height:19.6rem;min-height:19.6rem}
  .eg-storybook-copy h3{font-size:1.34rem}
  .eg-storybook-copy p{font-size:.88rem;line-height:1.56}
}
@media (max-width: 767.98px){
  .eg-storybook-shell{width:100%;padding:1rem .92rem .95rem 1.72rem;border-radius:1.7rem}
  .eg-storybook-page-stack{bottom:3.55rem}
  .eg-storybook-stage,.eg-storybook-page-card{height:28rem;min-height:28rem}
  .eg-storybook-media{height:11.4rem;min-height:11.4rem}
  .eg-storybook-copy h3{font-size:1.18rem;line-height:1.3}
  .eg-storybook-copy p{-webkit-line-clamp:2}
  .eg-storybook-page-foot{flex-wrap:wrap}
  .eg-storybook-action{width:100%;min-width:auto}
  .eg-storybook-toolbar{flex-wrap:wrap}
  .eg-storybook-turn-btn,.eg-storybook-counter{width:100%;justify-content:center}
}

/* Step 78 admin hover/tilt removal */
.admin-shell .glass-card,
.admin-shell .glass-tile,
.admin-shell .stat-card,
.admin-shell .dashboard-tile,
.admin-shell .mapping-group,
.admin-shell .footer-panel,
.admin-shell .content-reference-item,
.admin-shell .feature-line,
.admin-shell .hero-tag,
.admin-shell .tilt-card,
.admin-shell .category-card,
.admin-shell .product-card,
.admin-shell .story-category-card,
.admin-shell .story-banner-card,
.admin-shell .story-closing-card,
.admin-shell .stationery-corner-card,
.admin-shell .stationery-mini-item,
.admin-shell .stationery-product-chip,
.admin-shell .shop-chip{
  transform:none !important;
  animation:none;
}

.admin-shell .glass-card:hover,
.admin-shell .glass-tile:hover,
.admin-shell .stat-card:hover,
.admin-shell .dashboard-tile:hover,
.admin-shell .mapping-group:hover,
.admin-shell .footer-panel:hover,
.admin-shell .content-reference-item:hover,
.admin-shell .feature-line:hover,
.admin-shell .hero-tag:hover,
.admin-shell .tilt-card:hover,
.admin-shell .category-card:hover,
.admin-shell .product-card:hover,
.admin-shell .story-category-card:hover,
.admin-shell .story-banner-card:hover,
.admin-shell .story-closing-card:hover,
.admin-shell .stationery-corner-card:hover,
.admin-shell .stationery-mini-item:hover,
.admin-shell .stationery-product-chip:hover,
.admin-shell .shop-chip:hover{
  transform:none !important;
}

/* Step 75 portrait coupon tickets + coupon center */
.story-coupon-strip-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
  margin-top:1.35rem;
  margin-bottom:1rem;
}
.story-coupon-strip-head strong{
  display:block;
  font-size:1rem;
  color:#1f3559;
}
.story-coupon-strip-head span{
  display:block;
  font-size:.92rem;
  color:#6f86aa;
  margin-top:.2rem;
}
.story-coupon-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:1rem;
  align-items:stretch;
}
.story-coupon-card{
  position:relative;
  min-height:325px;
  padding:0;
  border-radius:30px;
  background:var(--coupon-bg, #ffffff);
  border:1px solid color-mix(in srgb, var(--coupon-accent, #4f7cff) 20%, rgba(255,255,255,.78));
  box-shadow:0 24px 54px rgba(20,49,105,.10);
  overflow:hidden;
  isolation:isolate;
  display:flex;
  flex-direction:column;
}
.story-coupon-card::before{
  content:'';
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, rgba(255,255,255,.12), transparent 24%, transparent 76%, rgba(255,255,255,.2));
  pointer-events:none;
  z-index:0;
}
.story-coupon-card > *{
  position:relative;
  z-index:1;
}
.story-coupon-card.is-placeholder{
  filter:saturate(.98);
}
.story-coupon-hero,
.coupon-center-card-hero{
  background:
    linear-gradient(180deg, color-mix(in srgb, var(--coupon-accent, #4f7cff) 84%, #ffffff), color-mix(in srgb, var(--coupon-accent, #4f7cff) 68%, #132e67)),
    linear-gradient(145deg, rgba(255,255,255,.14), transparent 52%);
  color:#fff;
  padding:1rem 1rem .95rem;
}
.story-coupon-brand-row,
.coupon-center-brand-row{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:.75rem;
}
.story-coupon-brand,
.coupon-center-brand{
  display:flex;
  align-items:center;
  gap:.65rem;
  min-width:0;
}
.story-coupon-brand img,
.coupon-center-brand img{
  width:34px;
  height:34px;
  border-radius:12px;
  object-fit:cover;
  box-shadow:0 12px 20px rgba(5,16,41,.24);
  background:rgba(255,255,255,.2);
}
.story-coupon-brand strong,
.coupon-center-brand strong{
  display:block;
  margin:0;
  color:#fff;
  font-size:.84rem;
  font-weight:800;
  line-height:1.1;
}
.story-coupon-brand span,
.coupon-center-brand span{
  display:block;
  color:rgba(255,255,255,.78);
  font-size:.64rem;
  font-weight:700;
  letter-spacing:.07em;
  text-transform:uppercase;
  margin-top:.18rem;
}
.story-coupon-serial,
.coupon-center-serial{
  flex-shrink:0;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:48px;
  padding:.38rem .6rem;
  border-radius:999px;
  background:rgba(255,255,255,.16);
  color:#fff;
  font-size:.72rem;
  font-weight:900;
  letter-spacing:.08em;
}
.story-coupon-offer,
.coupon-center-offer-row{
  margin-top:.9rem;
}
.story-coupon-offer{
  display:inline-flex;
  align-items:center;
  max-width:100%;
  padding:.48rem .8rem;
  border-radius:16px;
  background:rgba(255,255,255,.16);
  color:#fff;
  font-size:1.05rem;
  font-weight:900;
  line-height:1.2;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);
  backdrop-filter:blur(4px);
}
.story-coupon-hero h3,
.coupon-center-card h3{
  margin:.85rem 0 .4rem;
  color:#fff;
  font-size:1.15rem;
  line-height:1.25;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.story-coupon-hero p,
.coupon-center-copy{
  margin:0;
  color:rgba(255,255,255,.82);
  font-size:.84rem;
  line-height:1.5;
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.story-coupon-body,
.coupon-center-card-body{
  position:relative;
  background:var(--coupon-bg, #ffffff);
  padding:1rem .95rem .95rem;
  color:var(--coupon-code-text, var(--coupon-text, #17325c));
  flex:1;
  display:flex;
  flex-direction:column;
}
.story-coupon-ticket-cut,
.coupon-center-ticket-cut{
  position:absolute;
  top:-12px;
  width:24px;
  height:24px;
  border-radius:999px;
  background:#eef4ff;
  box-shadow:inset 0 0 0 1px rgba(54,87,148,.06);
}
.story-coupon-ticket-cut-left,
.coupon-center-ticket-cut-left{
  left:-12px;
}
.story-coupon-ticket-cut-right,
.coupon-center-ticket-cut-right{
  right:-12px;
}
.story-coupon-dash,
.coupon-center-perforation{
  height:1px;
  margin:0 -.1rem .95rem;
  border-top:2px dashed color-mix(in srgb, var(--coupon-accent, #4f7cff) 24%, rgba(38,63,112,.16));
}
.story-coupon-code,
.coupon-center-code{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:100%;
  min-height:46px;
  padding:.78rem .9rem;
  border-radius:16px;
  border:1px dashed color-mix(in srgb, var(--coupon-accent, #4f7cff) 36%, rgba(22,52,97,.14));
  background:linear-gradient(180deg, rgba(255,255,255,.96), color-mix(in srgb, var(--coupon-accent, #4f7cff) 8%, white));
  color:var(--coupon-code-text, var(--coupon-text, #17325c));
  font-size:.82rem;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
  box-shadow:0 14px 26px rgba(20,49,105,.08);
  transition:transform .18s ease, box-shadow .18s ease, filter .18s ease;
}
button.story-coupon-code,
button.coupon-center-code{
  cursor:pointer;
}
button.story-coupon-code:hover,
button.coupon-center-code:hover{
  transform:translateY(-2px);
  box-shadow:0 18px 34px rgba(20,49,105,.12);
  filter:saturate(1.04);
}
.story-coupon-validity{
  display:grid;
  gap:.34rem;
  margin-top:.9rem;
}
.story-coupon-validity strong{
  color:var(--coupon-detail, var(--coupon-text, #17325c));
  font-size:.82rem;
  line-height:1.35;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.story-coupon-validity span{
  color:var(--coupon-muted, #6f86aa);
  font-size:.76rem;
  line-height:1.48;
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.story-coupon-claim{
  margin-top:auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:100%;
  min-height:46px;
  padding:.76rem .95rem;
  border-radius:16px;
  text-decoration:none;
  font-size:.82rem;
  font-weight:900;
  color:var(--coupon-button-text, #fff);
  background:linear-gradient(135deg, color-mix(in srgb, var(--coupon-accent, #4f7cff) 90%, #ffffff), color-mix(in srgb, var(--coupon-accent, #4f7cff) 66%, #10285e));
  box-shadow:0 18px 36px color-mix(in srgb, var(--coupon-accent, #4f7cff) 18%, transparent);
  transition:transform .18s ease, box-shadow .18s ease, filter .18s ease;
}
.story-coupon-claim:hover{
  transform:translateY(-2px);
  filter:saturate(1.05);
  box-shadow:0 22px 40px color-mix(in srgb, var(--coupon-accent, #4f7cff) 24%, transparent);
}
.story-coupon-claim.is-static{
  cursor:default;
  pointer-events:none;
}
body.coupon-center-open{
  overflow:hidden;
}
.coupon-center-modal{
  position:fixed;
  inset:0;
  z-index:1200;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:1.5rem;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .24s ease, visibility .24s ease;
}
.coupon-center-modal.is-open{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
}
.coupon-center-backdrop{
  position:absolute;
  inset:0;
  background:rgba(11,21,43,.26);
  backdrop-filter:blur(16px) saturate(120%);
}
.coupon-center-book{
  position:relative;
  width:min(880px, 100%);
  max-height:min(86vh, 820px);
  display:grid;
  grid-template-columns:20px minmax(0,1fr);
  transform:translateY(18px) scale(.98);
  transition:transform .26s ease;
}
.coupon-center-modal.is-open .coupon-center-book{
  transform:translateY(0) scale(1);
}
.coupon-center-book-spine{
  border-radius:26px 0 0 26px;
  background:linear-gradient(180deg, #90b6ff, #4c7bff 55%, #244fca);
  box-shadow:0 26px 70px rgba(6,20,55,.24);
}
.coupon-center-book-shell{
  border-radius:0 30px 30px 0;
  background:linear-gradient(180deg, rgba(255,255,255,.97), rgba(244,249,255,.96));
  border:1px solid rgba(132,170,255,.28);
  box-shadow:0 26px 70px rgba(6,20,55,.24);
  overflow:hidden;
}
.coupon-center-book-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:1rem;
  padding:1.35rem 1.4rem 1rem;
  border-bottom:1px solid rgba(27,74,164,.08);
  background:linear-gradient(180deg, rgba(247,251,255,.98), rgba(240,247,255,.92));
}
.coupon-center-kicker{
  display:inline-flex;
  align-items:center;
  padding:.34rem .68rem;
  border-radius:999px;
  background:rgba(79,124,255,.10);
  color:#2d57d3;
  font-size:.76rem;
  font-weight:800;
  letter-spacing:.05em;
  text-transform:uppercase;
}
.coupon-center-book-head h2{
  margin:.55rem 0 .35rem;
  font-size:clamp(1.5rem, 2vw, 2rem);
  color:#17325c;
}
.coupon-center-book-head p{
  margin:0;
  color:#6e84a6;
  max-width:620px;
}
.coupon-center-close{
  width:46px;
  height:46px;
  border:none;
  border-radius:14px;
  background:rgba(255,255,255,.88);
  box-shadow:0 12px 26px rgba(20,49,105,.10);
  color:#264eca;
  font-size:1.65rem;
  line-height:1;
}
.coupon-center-scroll{
  padding:1.2rem;
  max-height:calc(min(86vh, 820px) - 104px);
  overflow:auto;
  display:grid;
  gap:1rem;
}
.coupon-center-card{
  position:relative;
  border-radius:30px;
  background:var(--coupon-bg, #ffffff);
  border:1px solid color-mix(in srgb, var(--coupon-accent, #4f7cff) 18%, rgba(255,255,255,.82));
  box-shadow:0 20px 48px rgba(20,49,105,.08);
  overflow:hidden;
}
.coupon-center-offer-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:.75rem;
  margin-top:.9rem;
  flex-wrap:wrap;
}
.story-coupon-store-badge,
.coupon-center-store-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:max-content;
  padding:.42rem .76rem;
  border-radius:999px;
  font-size:.68rem;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.12em;
  color:#fff;
  background:rgba(255,255,255,.16);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.09);
}
.story-coupon-discount,
.coupon-center-discount{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:.42rem .76rem;
  border-radius:999px;
  background:rgba(255,255,255,.16);
  color:#fff;
  font-size:.76rem;
  font-weight:900;
  letter-spacing:.05em;
}
.coupon-center-card-body{
  padding:1rem 1rem 1.05rem;
}
.coupon-center-main-row{
  display:flex;
  align-items:center;
  gap:.85rem;
  flex-wrap:wrap;
}
.coupon-center-hint{
  color:var(--coupon-muted, #6f86aa);
  font-size:.84rem;
  font-weight:700;
}
.coupon-center-meta{
  display:grid;
  grid-template-columns:repeat(2, minmax(0,1fr));
  gap:.85rem;
  margin-top:.9rem;
}
.coupon-center-meta div,
.coupon-center-terms{
  padding:.95rem 1rem;
  border-radius:18px;
  background:color-mix(in srgb, var(--coupon-accent, #4f7cff) 4%, var(--coupon-bg, #ffffff));
  border:1px solid rgba(32,71,136,.07);
}
.coupon-center-meta small{
  display:block;
  color:var(--coupon-muted, #6f86aa);
  font-size:.76rem;
  margin-bottom:.3rem;
}
.coupon-center-meta strong{
  color:var(--coupon-detail, var(--coupon-text, #17325c));
  font-size:.92rem;
  line-height:1.55;
}
.coupon-center-terms{
  margin-top:.85rem;
  color:var(--coupon-detail, var(--coupon-text, #17325c));
  line-height:1.65;
}
.coupon-center-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:.75rem;
  flex-wrap:wrap;
  margin-top:1rem;
}
.coupon-center-claim{
  width:auto;
  min-width:180px;
  padding-inline:1.2rem;
  margin-top:0;
}
.coupon-center-empty{
  padding:2.25rem 1.2rem;
  border-radius:24px;
  text-align:center;
  background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(243,248,255,.96));
  border:1px dashed rgba(69,112,219,.26);
  color:#6880a1;
}
.coupon-center-empty strong{
  display:block;
  font-size:1.05rem;
  color:#1c365f;
  margin-bottom:.4rem;
}
@media (max-width: 991.98px){
  .story-coupon-grid{grid-template-columns:repeat(2, minmax(0, 1fr));}
  .story-coupon-card{min-height:auto;}
  .coupon-center-book{width:min(720px, 100%);}
}
@media (max-width: 767.98px){
  .story-coupon-strip-head{align-items:flex-start; flex-direction:column;}
  .story-coupon-grid{grid-template-columns:1fr;}
  .coupon-center-modal{padding:1rem;}
  .coupon-center-book{grid-template-columns:14px minmax(0,1fr); max-height:90vh;}
  .coupon-center-book-head{padding:1rem;}
  .coupon-center-scroll{padding:1rem; max-height:calc(90vh - 96px);}
  .coupon-center-meta{grid-template-columns:1fr;}
  .coupon-center-main-row,
  .coupon-center-actions{align-items:flex-start;}
  .coupon-center-claim{width:100%;}
}


.story-book-col{
  display:flex;
  flex-direction:column;
  gap:1.1rem;
}
.story-home-shelf-align{
  --story-home-shelf-align-shift:1.1rem;
  margin-left:calc(var(--story-home-shelf-align-shift) * -1);
  width:calc(100% + var(--story-home-shelf-align-shift));
}
.story-home-shelf{
  position:relative;
  border-radius:1.95rem;
  padding:1rem;
  background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(240,247,255,.94));
  border:1px solid rgba(133,168,231,.22);
  box-shadow:0 22px 42px rgba(65,102,171,.10);
}
.story-home-shelf::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  pointer-events:none;
  background:linear-gradient(135deg, rgba(91,145,255,.08), rgba(255,255,255,0) 42%, rgba(56,104,225,.06));
}
.story-home-shelf > *{position:relative;z-index:1}
.story-home-shelf-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:1rem;
  margin-bottom:.9rem;
}
.story-home-shelf-head h3{
  margin:.28rem 0 0;
  font-size:1.08rem;
  color:#143259;
}
.story-home-shelf-link{
  text-decoration:none;
  color:#2c61d8;
  font-weight:700;
  font-size:.92rem;
  white-space:nowrap;
}
.story-home-shelf-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:.9rem;
  max-height:27rem;
  overflow:auto;
  padding-right:.2rem;
}
.story-home-shelf-card{
  display:grid;
  grid-template-columns:92px minmax(0,1fr);
  gap:.8rem;
  align-items:start;
  border-radius:1.35rem;
  padding:.78rem;
  background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(246,250,255,.96));
  border:1px solid rgba(113,154,227,.18);
  box-shadow:0 16px 30px rgba(84,118,189,.10);
  min-height:138px;
}
.story-home-shelf-card.is-empty{grid-template-columns:1fr}
.story-home-shelf-thumb{
  border-radius:1rem;
  overflow:hidden;
  background:#eaf2ff;
  box-shadow:inset 0 0 0 1px rgba(103,145,224,.16);
}
.story-home-shelf-thumb img{
  width:100%;
  height:100%;
  min-height:118px;
  object-fit:cover;
  display:block;
}
.story-home-shelf-copy{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:.32rem;
}
.story-home-shelf-badge{
  display:inline-flex;
  align-self:flex-start;
  align-items:center;
  padding:.22rem .58rem;
  border-radius:999px;
  background:rgba(56,102,225,.10);
  color:#2b5fd4;
  font-size:.68rem;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.story-home-shelf-copy h4{
  margin:0;
  font-size:.98rem;
  line-height:1.32;
  color:#16365f;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.story-home-shelf-meta{
  color:#58739d;
  font-size:.78rem;
  font-weight:700;
}
.story-home-shelf-copy p{
  margin:0;
  color:#647fa7;
  font-size:.78rem;
  line-height:1.55;
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.story-home-shelf-cta{
  margin-top:auto;
  display:inline-flex;
  align-self:flex-start;
  align-items:center;
  justify-content:center;
  min-height:34px;
  padding:.42rem .8rem;
  border-radius:999px;
  background:linear-gradient(135deg, #4e90ff, #2e58ff);
  color:#fff;
  text-decoration:none;
  font-size:.78rem;
  font-weight:800;
  box-shadow:0 12px 24px rgba(54,101,231,.22);
}
@media (max-width: 1199.98px){
  .story-home-shelf-grid{grid-template-columns:1fr 1fr;}
}
@media (max-width: 991.98px){
  .story-book-col{margin-top:1rem;}
  .story-home-shelf-align{--story-home-shelf-align-shift:0rem;margin-left:0;width:100%;}
  .story-home-shelf-grid{grid-template-columns:1fr;max-height:none;overflow:visible;}
}
@media (max-width: 575.98px){
  .story-home-shelf{padding:.9rem;}
  .story-home-shelf-head{flex-direction:column;align-items:flex-start;}
  .story-home-shelf-card{grid-template-columns:84px minmax(0,1fr);}
  .story-home-shelf-thumb img{min-height:110px;}
}


/* STEP 82 - performance safeguards without removing the premium look */
.home-deferred-section {
    content-visibility: auto;
    contain-intrinsic-size: 980px;
}

.story-home-shelf,
.site-footer {
    content-visibility: auto;
    contain-intrinsic-size: 720px;
}

.storybook-entry-overlay img,
.eg-storybook-page-card img,
.story-home-shelf-thumb img,
.story-coupon-brand img,
.footer-logo,
.brand-mark {
    image-rendering: auto;
}

@media (max-width: 991.98px) {
    .glass-card,
    .story-banner-card,
    .story-closing-card,
    .story-home-shelf-card,
    .eg-storybook-shell,
    .coupon-center-dialog,
    .premium-collection-card,
    .premium-side-shelf {
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
    }

    .eg-storybook-glow,
    .hero-ambient-orb,
    .storybook-entry-dust,
    .storybook-entry-aura,
    .storybook-entry-rays {
        animation-duration: 16s !important;
    }
}


/* Step 86 richer EXPOGRAPHIC category cards */
.expographic-full-store-btn{border-radius:999px;padding:.9rem 1.5rem;font-weight:900;letter-spacing:.01em;background:linear-gradient(135deg,#ffffff,#eef5ff);border:1px solid rgba(29,79,215,.12);box-shadow:0 18px 36px rgba(26,78,220,.12), inset 0 1px 0 rgba(255,255,255,.85)}
.expographic-full-store-btn span{position:relative;z-index:1}
.expographic-collection-card{--collection-accent:#3f77ff;--collection-accent-strong:#204ec6;--collection-soft:#f1f6ff;--collection-soft-2:#e2eeff;--collection-glow:rgba(63,119,255,.18);--collection-icon-start:#6aa7ff;--collection-icon-end:#3168f0;position:relative;overflow:hidden;border-radius:34px;padding:1.6rem;border:1px solid rgba(29,79,215,.10);background:linear-gradient(145deg, rgba(255,255,255,.98), var(--collection-soft));box-shadow:0 22px 44px rgba(29,79,215,.09), inset 0 1px 0 rgba(255,255,255,.76);min-height:100%;transition:transform .28s ease, box-shadow .28s ease, border-color .28s ease}
.expographic-collection-card::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at top right, var(--collection-glow), transparent 34%),linear-gradient(130deg, rgba(255,255,255,.44), transparent 42%),linear-gradient(180deg, rgba(255,255,255,.28), transparent 30%);pointer-events:none}
.expographic-collection-card::after{content:'';position:absolute;right:-3.1rem;bottom:-3.25rem;width:11rem;height:11rem;border-radius:50%;background:radial-gradient(circle, var(--collection-glow), transparent 68%);pointer-events:none;filter:blur(6px)}
.expographic-collection-card .story-shelf-badge{background:color-mix(in srgb, var(--collection-accent) 10%, white);border-color:color-mix(in srgb, var(--collection-accent) 18%, white);color:var(--collection-accent-strong)}
.expographic-collection-top,.expographic-collection-foot,.expographic-collection-main{position:relative;z-index:1}
.expographic-collection-top{display:flex;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1.15rem}
.expographic-collection-accent{display:inline-flex;align-items:center;justify-content:center;padding:.5rem .95rem;border-radius:999px;background:linear-gradient(135deg, color-mix(in srgb, var(--collection-accent) 14%, white), color-mix(in srgb, var(--collection-accent) 6%, white));border:1px solid color-mix(in srgb, var(--collection-accent) 20%, white);font-size:.79rem;font-weight:900;color:var(--collection-accent-strong);text-align:right;box-shadow:0 10px 20px color-mix(in srgb, var(--collection-accent) 14%, transparent)}
.expographic-collection-main{display:flex;gap:1.05rem;align-items:flex-start}
.expographic-collection-icon{position:relative;width:5.35rem;height:5.35rem;flex:0 0 5.35rem;border-radius:28px;display:flex;align-items:center;justify-content:center;background:linear-gradient(160deg, var(--collection-icon-start), var(--collection-icon-end));border:1px solid rgba(255,255,255,.44);box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 18px 34px color-mix(in srgb, var(--collection-accent) 28%, transparent);color:#fff}
.expographic-collection-icon::before{content:'';position:absolute;inset:.4rem;border-radius:22px;background:linear-gradient(180deg, rgba(255,255,255,.18), rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.18)}
.expographic-collection-icon::after{content:'';position:absolute;left:.85rem;right:.85rem;top:.8rem;height:1.05rem;border-radius:999px;background:linear-gradient(180deg, rgba(255,255,255,.26), rgba(255,255,255,0));opacity:.7}
.expographic-collection-icon svg{position:relative;z-index:1;width:2.78rem;height:2.78rem;filter:drop-shadow(0 4px 10px rgba(13,29,79,.18))}
.expographic-collection-copy{min-width:0}
.expographic-collection-copy h3{font-size:1.42rem;line-height:1.18;color:#17325c;letter-spacing:-.02em}
.expographic-collection-copy p{font-size:.96rem;line-height:1.75;color:#5f7897}
.expographic-collection-tags{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:1rem}
.expographic-collection-tags span{display:inline-flex;align-items:center;padding:.42rem .78rem;border-radius:999px;background:rgba(255,255,255,.72);border:1px solid color-mix(in srgb, var(--collection-accent) 18%, white);color:var(--collection-accent-strong);font-size:.76rem;font-weight:800;box-shadow:0 10px 20px rgba(255,255,255,.28)}
.expographic-collection-foot{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-top:1.45rem;padding-top:1.05rem;border-top:1px dashed color-mix(in srgb, var(--collection-accent) 26%, white)}
.expographic-collection-chip{display:inline-flex;align-items:center;padding:.68rem 1.02rem;border-radius:999px;background:linear-gradient(135deg, var(--collection-accent), var(--collection-accent-strong));border:1px solid transparent;font-size:.82rem;font-weight:900;color:#fff;box-shadow:0 14px 26px color-mix(in srgb, var(--collection-accent) 28%, transparent)}
.expographic-collection-link{display:inline-flex;align-items:center;gap:.35rem;font-size:.95rem;font-weight:900;color:#17325c}
.expographic-collection-link span{font-size:1.05rem;color:var(--collection-accent-strong)}
.expographic-collection-card:hover{transform:translateY(-6px);border-color:color-mix(in srgb, var(--collection-accent) 28%, white);box-shadow:0 30px 56px color-mix(in srgb, var(--collection-accent) 18%, rgba(29,79,215,.12)), inset 0 1px 0 rgba(255,255,255,.82)}
.expographic-collection-card--rose{--collection-accent:#ff4d9d;--collection-accent-strong:#c82f83;--collection-soft:#fff3f8;--collection-soft-2:#ffe7f2;--collection-glow:rgba(255,77,157,.22);--collection-icon-start:#ff70b2;--collection-icon-end:#ff4696}
.expographic-collection-card--sky{--collection-accent:#3a8dff;--collection-accent-strong:#1e60d9;--collection-soft:#eef7ff;--collection-soft-2:#dfefff;--collection-glow:rgba(58,141,255,.20);--collection-icon-start:#6bb7ff;--collection-icon-end:#3575ff}
.expographic-collection-card--indigo{--collection-accent:#6b68ff;--collection-accent-strong:#4742d3;--collection-soft:#f2f0ff;--collection-soft-2:#e7e3ff;--collection-glow:rgba(107,104,255,.20);--collection-icon-start:#8e88ff;--collection-icon-end:#605aff}
.expographic-collection-card--amber{--collection-accent:#ff9f1a;--collection-accent-strong:#d27900;--collection-soft:#fff7eb;--collection-soft-2:#ffefd5;--collection-glow:rgba(255,159,26,.22);--collection-icon-start:#ffbe4a;--collection-icon-end:#ff951c}
.expographic-collection-card--emerald{--collection-accent:#17b891;--collection-accent-strong:#0d9271;--collection-soft:#ecfffb;--collection-soft-2:#daf8f1;--collection-glow:rgba(23,184,145,.20);--collection-icon-start:#45d8b4;--collection-icon-end:#13a57f}
.expographic-collection-card--violet{--collection-accent:#a655ff;--collection-accent-strong:#7b31cf;--collection-soft:#f7f0ff;--collection-soft-2:#ece1ff;--collection-glow:rgba(166,85,255,.22);--collection-icon-start:#bb79ff;--collection-icon-end:#9448ff}
@media (max-width: 991.98px){
  .expographic-collection-main{align-items:center}
}
@media (max-width: 575.98px){
  .expographic-full-store-btn{width:100%;justify-content:center}
  .expographic-collection-card{padding:1.25rem;border-radius:26px}
  .expographic-collection-main{flex-direction:column;align-items:flex-start}
  .expographic-collection-icon{width:4.7rem;height:4.7rem;flex-basis:4.7rem}
  .expographic-collection-copy h3{font-size:1.24rem}
  .expographic-collection-foot{flex-direction:column;align-items:flex-start}
}


.latest-shelves-grid{align-items:stretch}
.latest-shelves-head-note{display:flex;flex-direction:column;gap:.35rem;align-items:flex-end;justify-content:center;padding:1rem 1.2rem;border-radius:22px;border:1px solid rgba(29,79,215,.10);background:linear-gradient(145deg, rgba(255,255,255,.96), rgba(233,243,255,.92));box-shadow:0 18px 40px rgba(29,79,215,.08), inset 0 1px 0 rgba(255,255,255,.78);min-width:260px}
.latest-shelves-head-note span{font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;color:#5a84df;font-weight:700}
.latest-shelves-head-note strong{font-size:1rem;color:#19335f}
.latest-shelf-panel{position:relative;overflow:hidden;border-radius:34px;padding:1.55rem;border:1px solid rgba(29,79,215,.10);box-shadow:0 24px 54px rgba(29,79,215,.08), inset 0 1px 0 rgba(255,255,255,.76);min-height:100%}
.latest-shelf-panel::before{content:'';position:absolute;inset:0;background:linear-gradient(180deg, rgba(255,255,255,.24), transparent 34%),radial-gradient(circle at top right, rgba(110,170,255,.18), transparent 28%);pointer-events:none}
.latest-shelf-panel--books{background:linear-gradient(145deg, rgba(255,249,252,.98), rgba(237,243,255,.94))}
.latest-shelf-panel--stationery{background:linear-gradient(145deg, rgba(245,252,255,.98), rgba(231,246,244,.95))}
.latest-shelf-panel-glow{position:absolute;right:-2.5rem;top:-2.25rem;width:10rem;height:10rem;border-radius:50%;filter:blur(12px);opacity:.8;pointer-events:none}
.latest-shelf-panel--books .latest-shelf-panel-glow{background:radial-gradient(circle, rgba(255,113,188,.28), transparent 70%)}
.latest-shelf-panel--stationery .latest-shelf-panel-glow{background:radial-gradient(circle, rgba(23,184,145,.26), transparent 70%)}
.latest-shelf-panel-head{position:relative;display:grid;grid-template-columns:auto 1fr auto;gap:1rem;align-items:center;margin-bottom:1.25rem}
.latest-shelf-icon{width:76px;height:76px;border-radius:26px;display:grid;place-items:center;color:#fff;box-shadow:0 20px 34px rgba(29,79,215,.18), inset 0 1px 0 rgba(255,255,255,.28);border:1px solid rgba(255,255,255,.28)}
.latest-shelf-icon svg{width:36px;height:36px}
.latest-shelf-icon--books{background:linear-gradient(145deg, #ff6fb9, #7c62ff)}
.latest-shelf-icon--stationery{background:linear-gradient(145deg, #18c39a, #3d7dff)}
.latest-shelf-copy h3{margin:0;font-size:1.85rem;line-height:1.14;color:#17325c}
.latest-shelf-copy p{margin:.45rem 0 0;color:#607ba5;line-height:1.72}
.latest-shelf-badge{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem .9rem;border-radius:999px;font-size:.8rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;border:1px solid rgba(29,79,215,.10);margin-bottom:.7rem}
.latest-shelf-panel--books .latest-shelf-badge{background:rgba(255,111,185,.10);color:#d83f8f}
.latest-shelf-panel--stationery .latest-shelf-badge{background:rgba(24,195,154,.11);color:#0c9a79}
.latest-shelf-link{display:inline-flex;align-items:center;justify-content:center;padding:.88rem 1.15rem;border-radius:999px;text-decoration:none;font-weight:800;white-space:nowrap;border:1px solid rgba(29,79,215,.10);background:rgba(255,255,255,.72);color:#2149b8;box-shadow:0 16px 32px rgba(29,79,215,.08)}
.latest-shelf-products-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.latest-shelf-item{position:relative;display:flex;gap:.95rem;align-items:flex-start;padding:1rem;border-radius:24px;border:1px solid rgba(29,79,215,.10);background:rgba(255,255,255,.72);box-shadow:0 16px 34px rgba(29,79,215,.06), inset 0 1px 0 rgba(255,255,255,.72);min-height:100%;transition:transform .24s ease, box-shadow .24s ease, border-color .24s ease}
.latest-shelf-item:hover{transform:translateY(-4px);box-shadow:0 24px 42px rgba(29,79,215,.10);border-color:rgba(29,79,215,.18)}
.latest-shelf-thumb{position:relative;flex:0 0 92px;width:92px;height:112px;border-radius:20px;overflow:hidden;background:linear-gradient(145deg, #f4f8ff, #dfeeff);border:1px solid rgba(29,79,215,.10);box-shadow:0 14px 28px rgba(29,79,215,.10)}
.latest-shelf-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.latest-shelf-item-flag{position:absolute;left:8px;top:8px;padding:.28rem .58rem;border-radius:999px;font-size:.67rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#fff;box-shadow:0 10px 18px rgba(0,0,0,.12)}
.latest-shelf-item--book .latest-shelf-item-flag{background:linear-gradient(135deg, #ff5ea8, #885bff)}
.latest-shelf-item--stationery .latest-shelf-item-flag{background:linear-gradient(135deg, #11b690, #3980ff)}
.latest-shelf-item-copy{display:flex;flex-direction:column;min-width:0;flex:1}
.latest-shelf-item-category{font-size:.74rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#5a84df;margin-bottom:.45rem}
.latest-shelf-item-copy h4{font-size:1.08rem;line-height:1.34;color:#17325c;margin:0 0 .4rem}
.latest-shelf-item-copy p{font-size:.94rem;line-height:1.58;color:#617ca6;margin:0 0 .8rem}
.latest-shelf-item-foot{display:flex;align-items:center;justify-content:space-between;gap:.8rem;margin-top:auto;font-size:.88rem;color:#6984ad}
.latest-shelf-item-foot strong{font-size:.96rem;color:#2149b8}
.latest-shelf-empty{padding:2rem;border-radius:24px;border:1px dashed rgba(29,79,215,.18);background:rgba(255,255,255,.68);color:#5f7ca8;text-align:center;grid-column:1 / -1}
@media (max-width: 1399.98px){
  .latest-shelf-panel-head{grid-template-columns:auto 1fr;}
  .latest-shelf-link{grid-column:1 / -1;justify-self:start}
}
@media (max-width: 1199.98px){
  .latest-shelves-head-note{align-items:flex-start;min-width:0}
}
@media (max-width: 991.98px){
  .latest-shelf-products-grid{grid-template-columns:1fr}
  .latest-shelf-panel-head{grid-template-columns:auto 1fr}
  .latest-shelf-link{grid-column:1 / -1;justify-self:start}
}
@media (max-width: 767.98px){
  .latest-shelf-panel{padding:1.2rem;border-radius:26px}
  .latest-shelf-copy h3{font-size:1.48rem}
  .latest-shelf-thumb{flex-basis:78px;width:78px;height:98px;border-radius:18px}
  .latest-shelf-icon{width:62px;height:62px;border-radius:20px}
  .latest-shelf-icon svg{width:30px;height:30px}
  .latest-shelves-head-note{padding:.9rem 1rem;border-radius:18px}
}

/* Step 88 - open book latest arrivals */
.latest-arrivals-head-note{display:inline-flex;flex-direction:column;gap:.3rem;padding:1rem 1.25rem;border-radius:24px;background:linear-gradient(145deg, rgba(255,255,255,.82), rgba(232,242,255,.92));border:1px solid rgba(29,79,215,.10);box-shadow:0 18px 36px rgba(29,79,215,.08)}
.latest-arrivals-head-note span{font-size:.78rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#4a73d9}
.latest-arrivals-head-note strong{font-size:1.08rem;color:#17325c}
.latest-arrivals-book{position:relative;overflow:hidden;padding:1.15rem;border-radius:38px;background:linear-gradient(145deg, rgba(242,248,255,.98), rgba(224,236,255,.94));border:1px solid rgba(29,79,215,.10);box-shadow:0 30px 60px rgba(29,79,215,.10), inset 0 1px 0 rgba(255,255,255,.7)}
.latest-arrivals-book::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at left top, rgba(255,140,206,.13), transparent 22%),radial-gradient(circle at right top, rgba(52,208,174,.13), transparent 22%),linear-gradient(180deg, rgba(255,255,255,.22), transparent 34%);pointer-events:none}
.latest-arrivals-book-shell{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 38px minmax(0,1fr);align-items:stretch;gap:0}
.latest-arrivals-page{position:relative;padding:1.45rem 1.2rem 1.1rem;min-height:100%;background:rgba(255,255,255,.88);border:1px solid rgba(29,79,215,.08);box-shadow:inset 0 1px 0 rgba(255,255,255,.85), 0 18px 36px rgba(29,79,215,.05)}
.latest-arrivals-page--books{border-radius:30px 10px 10px 30px;background:linear-gradient(180deg, rgba(255,248,252,.96), rgba(255,255,255,.92))}
.latest-arrivals-page--stationery{border-radius:10px 30px 30px 10px;background:linear-gradient(180deg, rgba(246,255,252,.95), rgba(255,255,255,.92))}
.latest-arrivals-page::before{content:'';position:absolute;top:12px;bottom:12px;width:14px;border-radius:999px;pointer-events:none;opacity:.6}
.latest-arrivals-page--books::before{right:8px;background:linear-gradient(180deg, rgba(255,119,190,.18), transparent 40%, rgba(255,255,255,.05));box-shadow:inset -1px 0 0 rgba(255,255,255,.7)}
.latest-arrivals-page--stationery::before{left:8px;background:linear-gradient(180deg, rgba(47,206,168,.16), transparent 40%, rgba(255,255,255,.05));box-shadow:inset 1px 0 0 rgba(255,255,255,.7)}
.latest-arrivals-book-spine{position:relative;display:flex;align-items:center;justify-content:center;border-radius:999px;background:linear-gradient(180deg, #78a7ff, #3e66ea 34%, #2c4db0 70%, #81b0ff);box-shadow:inset 0 0 0 1px rgba(255,255,255,.25), 0 16px 28px rgba(29,79,215,.18)}
.latest-arrivals-book-spine::before,.latest-arrivals-book-spine::after{content:'';position:absolute;left:50%;transform:translateX(-50%);width:12px;border-radius:999px;background:rgba(255,255,255,.18)}
.latest-arrivals-book-spine::before{top:18px;bottom:18px}
.latest-arrivals-book-spine::after{top:28px;bottom:28px;width:4px;background:rgba(255,255,255,.24)}
.latest-arrivals-book-spine span{writing-mode:vertical-rl;transform:rotate(180deg);font-size:.78rem;font-weight:800;letter-spacing:.22em;text-transform:uppercase;color:#fff;text-shadow:0 1px 1px rgba(0,0,0,.12)}
.latest-arrivals-page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.05rem;padding-right:1.2rem}
.latest-arrivals-page-kicker{display:inline-flex;align-items:center;padding:.42rem .82rem;border-radius:999px;font-size:.74rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;border:1px solid rgba(29,79,215,.10);margin-bottom:.7rem}
.latest-arrivals-page--books .latest-arrivals-page-kicker{background:rgba(255,111,185,.10);color:#cf3c88}
.latest-arrivals-page--stationery .latest-arrivals-page-kicker{background:rgba(24,195,154,.12);color:#0c9a79}
.latest-arrivals-page-head h3{margin:0;font-size:2rem;line-height:1.08;color:#17325c;max-width:320px}
.latest-arrivals-page-head p{margin:.45rem 0 0;color:#5e79a2;line-height:1.68;max-width:420px}
.latest-arrivals-page-link{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;padding:.82rem 1rem;border-radius:999px;border:1px solid rgba(29,79,215,.10);background:rgba(255,255,255,.86);color:#2149b8;text-decoration:none;font-weight:800;box-shadow:0 14px 28px rgba(29,79,215,.08)}
.latest-arrivals-page-grid{display:grid;grid-template-columns:1fr;gap:.85rem;padding-right:1.15rem}
.latest-arrivals-entry{display:grid;grid-template-columns:72px minmax(0,1fr);gap:.9rem;align-items:flex-start;padding:.8rem .85rem;border-radius:22px;border:1px solid rgba(29,79,215,.08);background:rgba(255,255,255,.82);box-shadow:0 12px 26px rgba(29,79,215,.05), inset 0 1px 0 rgba(255,255,255,.72);transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease}
.latest-arrivals-entry:hover{transform:translateY(-3px);box-shadow:0 18px 34px rgba(29,79,215,.10);border-color:rgba(29,79,215,.16)}
.latest-arrivals-cover{position:relative;width:72px;height:92px;border-radius:18px;overflow:hidden;border:1px solid rgba(255,255,255,.45);box-shadow:0 14px 28px rgba(29,79,215,.12)}
.latest-arrivals-cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;z-index:2}
.latest-arrivals-cover-fallback{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;padding:.55rem .5rem;opacity:0;z-index:1}
.latest-arrivals-cover-fallback.is-visible,.latest-arrivals-cover.is-fallback .latest-arrivals-cover-fallback{opacity:1;z-index:3}
.latest-arrivals-cover-fallback strong{font-size:1.6rem;line-height:1;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.16)}
.latest-arrivals-cover-label{display:inline-flex;align-self:flex-start;padding:.18rem .42rem;border-radius:999px;background:rgba(255,255,255,.24);backdrop-filter:blur(6px);font-size:.58rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#fff}
.latest-arrivals-cover--rose{background:linear-gradient(165deg,#ff78c3,#945cff)}
.latest-arrivals-cover--blue{background:linear-gradient(165deg,#71b4ff,#4f67ff)}
.latest-arrivals-cover--indigo{background:linear-gradient(165deg,#7b86ff,#4d3ccd)}
.latest-arrivals-cover--sky{background:linear-gradient(165deg,#66d0ff,#4c87ff)}
.latest-arrivals-cover--violet{background:linear-gradient(165deg,#c57cff,#7652ff)}
.latest-arrivals-cover--amber{background:linear-gradient(165deg,#ffbf47,#ff7d4a)}
.latest-arrivals-cover--mint{background:linear-gradient(165deg,#45d8be,#3398ff)}
.latest-arrivals-cover--cyan{background:linear-gradient(165deg,#41d7ff,#348bff)}
.latest-arrivals-cover--emerald{background:linear-gradient(165deg,#27d89a,#13a89d)}
.latest-arrivals-cover--teal{background:linear-gradient(165deg,#2ed8bf,#2b73ff)}
.latest-arrivals-cover--lime{background:linear-gradient(165deg,#9bdc41,#31b87f)}
.latest-arrivals-cover--aqua{background:linear-gradient(165deg,#4ae0ff,#19caa1)}
.latest-arrivals-entry-type{display:inline-flex;align-items:center;margin-bottom:.32rem;font-size:.68rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#577ee0}
.latest-arrivals-entry-copy h4{margin:0 0 .25rem;font-size:1.02rem;line-height:1.28;color:#17325c}
.latest-arrivals-entry-copy p{margin:0;color:#5f7aa4;font-size:.87rem;line-height:1.52;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.latest-arrivals-entry-meta{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-top:.62rem;font-size:.82rem;color:#6d87af}
.latest-arrivals-entry-meta strong{color:#2149b8;font-size:.9rem}
.latest-arrivals-page-number{display:inline-flex;align-items:center;justify-content:center;margin-top:1rem;padding:.45rem .88rem;border-radius:999px;border:1px solid rgba(29,79,215,.10);background:rgba(255,255,255,.82);font-size:.73rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#4f74d8}
.latest-arrivals-page--stationery .latest-arrivals-entry-type{color:#17947c}
.latest-arrivals-page--stationery .latest-arrivals-entry-meta strong{color:#14977a}
@media (max-width: 1399.98px){
  .latest-arrivals-page-head h3{font-size:1.7rem;max-width:unset}
}
@media (max-width: 1199.98px){
  .latest-arrivals-book-shell{grid-template-columns:1fr}
  .latest-arrivals-book-spine{min-height:42px;border-radius:999px;margin:.25rem 0}
  .latest-arrivals-book-spine span{writing-mode:horizontal-tb;transform:none;letter-spacing:.18em}
  .latest-arrivals-page--books{border-radius:28px 28px 14px 14px}
  .latest-arrivals-page--stationery{border-radius:14px 14px 28px 28px}
  .latest-arrivals-page::before{display:none}
}
@media (max-width: 767.98px){
  .latest-arrivals-book{padding:.9rem;border-radius:28px}
  .latest-arrivals-page{padding:1rem .9rem .9rem}
  .latest-arrivals-page-head{flex-direction:column;align-items:flex-start;padding-right:0}
  .latest-arrivals-page-head h3{font-size:1.45rem}
  .latest-arrivals-page-grid{padding-right:0}
  .latest-arrivals-entry{grid-template-columns:64px minmax(0,1fr);gap:.75rem;padding:.72rem}
  .latest-arrivals-cover{width:64px;height:84px;border-radius:16px}
  .latest-arrivals-cover-fallback strong{font-size:1.35rem}
  .latest-arrivals-head-note{width:100%}
}

.premium-product-thumb-button{display:block;width:100%;padding:0;border:0;background:transparent;border-radius:1.25rem;cursor:pointer;transition:transform .22s ease, box-shadow .22s ease}
.premium-product-thumb-button:hover{transform:translateY(-2px)}
.premium-product-thumb-button:focus-visible{outline:3px solid rgba(29,79,215,.28);outline-offset:3px}
.premium-product-thumb-button.is-active .premium-product-thumb{border-color:rgba(29,79,215,.42);box-shadow:0 14px 30px rgba(29,79,215,.16)}
.customer-only-note{background:linear-gradient(145deg, rgba(255,255,255,.95), rgba(236,245,255,.9))}


/* Step 99.2 slimmer footer refinement */
.site-footer-compact {
    padding-top: 2.35rem !important;
    padding-bottom: 2rem !important;
}
.site-footer-compact .footer-logo--compact {
    width: min(100%, 228px);
}
.site-footer-compact .footer-panel {
    padding: 1rem 1rem;
    border-radius: 22px;
    box-shadow: 0 14px 34px rgba(22,63,243,.06), 0 2px 10px rgba(19,34,56,.04), inset 0 1px 0 rgba(255,255,255,.72);
}
.site-footer-compact .footer-panel--brand {
    padding: 1rem 1rem 1.05rem;
}
.site-footer-compact .footer-panel h6 {
    margin-bottom: .72rem;
    font-size: 1rem;
}
.site-footer-compact .text-muted-soft {
    line-height: 1.6;
}
.site-footer-compact .soft-divider--compact {
    margin-bottom: .65rem !important;
    opacity: .6;
}
.site-footer-compact .footer-contact-stack--compact {
    gap: .3rem;
    font-size: .88rem;
}
.site-footer-compact .footer-grid {
    gap: 1rem;
}
.site-footer-compact .footer-grid a {
    margin-bottom: .56rem;
    font-size: .96rem;
}
.site-footer-compact .footer-bottom-bar--compact {
    border-top-color: rgba(90,118,171,.12);
}
.site-footer-compact .powered-by-psd {
    padding: .48rem .8rem;
    border-radius: 16px;
    gap: .58rem;
    font-size: .86rem;
    box-shadow: 0 10px 24px rgba(54,84,133,.07);
}
.site-footer-compact .powered-by-psd img {
    width: 36px;
    height: 36px;
    border-radius: 10px;
}
.site-footer-compact .btn-soft.btn-sm,
.site-footer-compact .btn-soft {
    min-height: 42px;
}
@media (max-width: 991.98px) {
    .site-footer-compact {
        padding-top: 2rem !important;
    }
    .site-footer-compact .footer-panel {
        padding: .95rem;
    }
}


/* Step 99.3 luxury slim cards + premium compact footer */
.site-footer.site-footer-brand{
  padding-top:1.8rem !important;
  padding-bottom:1.5rem !important;
  background:
    radial-gradient(circle at 10% 100%, rgba(105,193,255,.12), transparent 28%),
    radial-gradient(circle at 92% 10%, rgba(255,206,124,.12), transparent 22%),
    linear-gradient(180deg, rgba(246,250,255,.82), rgba(234,243,255,.96));
  border-top:1px solid rgba(29,79,215,.08);
}
.site-footer-brand .site-footer-shell{display:grid;gap:1rem;}
.site-footer-brand .site-footer-brandbar{display:grid;grid-template-columns:minmax(180px, 240px) minmax(280px, 1.1fr) minmax(250px, .95fr) auto;gap:1rem;align-items:center;padding:1rem 1.1rem;border-radius:1.55rem;background:linear-gradient(135deg, rgba(255,255,255,.86), rgba(237,245,255,.92));border:1px solid rgba(255,255,255,.72);box-shadow:0 16px 34px rgba(28,74,165,.08), inset 0 1px 0 rgba(255,255,255,.88);position:relative;overflow:hidden;}
.site-footer-brand .site-footer-brandbar::before{content:'';position:absolute;inset:0;background:linear-gradient(115deg, transparent 14%, rgba(255,255,255,.38) 38%, transparent 60%);pointer-events:none;}
.site-footer-brand .site-footer-brandmark{display:flex;align-items:center;justify-content:center;padding:.9rem 1rem;border-radius:1.25rem;background:linear-gradient(180deg, rgba(255,255,255,.96), rgba(242,248,255,.94));border:1px solid rgba(29,79,215,.08);min-height:110px;}
.site-footer-brand .site-footer-brandlogo{width:min(100%, 220px);display:block;}
.site-footer-brand .site-footer-kicker{display:inline-flex;align-items:center;gap:.4rem;padding:.34rem .62rem;border-radius:999px;background:rgba(255,255,255,.85);color:#2150c3;font-size:.64rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase;margin-bottom:.55rem;}
.site-footer-brand .site-footer-brandcopy h6{margin:0 0 .35rem;font-size:1.1rem;color:#17325c;font-weight:900;letter-spacing:-.03em;}
.site-footer-brand .site-footer-brandcopy p{margin:0;color:#607798;font-size:.9rem;line-height:1.58;max-width:58ch;}
.site-footer-brand .site-footer-contact-inline{display:grid;gap:.42rem;}
.site-footer-brand .site-footer-contact-inline span{display:flex;flex-direction:column;gap:.08rem;padding:.42rem .55rem;border-radius:.9rem;background:rgba(255,255,255,.62);color:#61789a;font-size:.8rem;border:1px solid rgba(29,79,215,.06);}
.site-footer-brand .site-footer-contact-inline strong{font-size:.62rem;color:#1c4ecf;font-weight:900;letter-spacing:.12em;text-transform:uppercase;}
.site-footer-brand .site-footer-socials{display:flex;flex-wrap:wrap;gap:.45rem;justify-content:flex-end;}
.site-footer-brand .site-footer-social-chip{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:.55rem .9rem;border-radius:999px;background:linear-gradient(180deg, rgba(255,255,255,.96), rgba(240,247,255,.96));border:1px solid rgba(29,79,215,.07);color:#1c4ecf;text-decoration:none;font-size:.76rem;font-weight:800;box-shadow:0 10px 20px rgba(20,53,126,.05);}
.site-footer-brand .site-footer-links-grid{display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));gap:.9rem;}
.site-footer-brand .site-footer-mini-panel{padding:1rem 1rem .95rem;border-radius:1.28rem;background:linear-gradient(180deg, rgba(255,255,255,.82), rgba(238,246,255,.9));border:1px solid rgba(255,255,255,.72);box-shadow:0 12px 26px rgba(29,79,215,.05);min-height:100%;}
.site-footer-brand .site-footer-panel-label{display:inline-flex;margin-bottom:.72rem;padding:.32rem .58rem;border-radius:999px;background:rgba(255,255,255,.88);color:#1f4bc3;font-size:.62rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase;}
.site-footer-brand .site-footer-mini-panel a{display:block;text-decoration:none;color:#647a9c;font-size:.9rem;margin-bottom:.52rem;font-weight:600;}
.site-footer-brand .site-footer-mini-panel a:last-child{margin-bottom:0;}
.site-footer-brand .site-footer-mini-panel a:hover{color:#16305d;transform:translateX(2px);}
.site-footer-brand .site-footer-mini-panel--brand{background:linear-gradient(135deg, rgba(255,255,255,.86), rgba(229,241,255,.9));}
.site-footer-brand .site-footer-brand-points{display:grid;gap:.48rem;}
.site-footer-brand .site-footer-brand-points span{display:flex;align-items:center;gap:.55rem;color:#5e7496;font-size:.88rem;font-weight:700;}
.site-footer-brand .site-footer-brand-points span::before{content:'';width:.5rem;height:.5rem;border-radius:999px;background:linear-gradient(135deg, #1fd3f4, #2453ff);box-shadow:0 0 0 .22rem rgba(36,83,255,.09);flex-shrink:0;}
.site-footer-brand .site-footer-end{display:flex;align-items:center;justify-content:space-between;gap:.8rem;padding:.2rem .1rem 0;border-top:1px solid rgba(94,122,171,.12);}
.site-footer-brand .site-footer-copy{color:#6c819f;font-size:.86rem;}
.site-footer-brand .powered-by-psd{padding:.46rem .76rem;border-radius:16px;gap:.55rem;font-size:.84rem;box-shadow:0 10px 20px rgba(54,84,133,.06);}
.site-footer-brand .powered-by-psd img{width:34px;height:34px;border-radius:10px;}
@media (max-width: 1399.98px){.site-footer-brand .site-footer-brandbar{grid-template-columns:minmax(170px,220px) minmax(250px,1fr) minmax(220px,.9fr);} .site-footer-brand .site-footer-socials{grid-column:1 / -1;justify-content:flex-start;}}
@media (max-width: 1199.98px){.site-footer-brand .site-footer-links-grid{grid-template-columns:repeat(2, minmax(0, 1fr));}}
@media (max-width: 991.98px){.site-footer-brand .site-footer-brandbar{grid-template-columns:1fr;align-items:flex-start;} .site-footer-brand .site-footer-brandmark{justify-content:flex-start;} .site-footer-brand .site-footer-links-grid{grid-template-columns:repeat(2, minmax(0, 1fr));} .site-footer-brand .site-footer-end{flex-direction:column;align-items:flex-start;}}
@media (max-width: 767.98px){.site-footer.site-footer-brand{padding-top:1.45rem !important;padding-bottom:1.25rem !important;} .site-footer-brand .site-footer-brandbar{padding:.9rem;} .site-footer-brand .site-footer-links-grid{grid-template-columns:1fr;gap:.75rem;} .site-footer-brand .site-footer-brandcopy h6{font-size:1rem;} .site-footer-brand .site-footer-brandcopy p,.site-footer-brand .site-footer-mini-panel a,.site-footer-brand .site-footer-brand-points span{font-size:.84rem;} .site-footer-brand .powered-by-psd{width:100%;justify-content:center;}}

/* Step 99.5 compact premium footer refresh */
.site-footer.site-footer-brand{
  padding-top:1.35rem !important;
  padding-bottom:1.2rem !important;
  background:
    radial-gradient(circle at 10% 100%, rgba(105,193,255,.08), transparent 24%),
    radial-gradient(circle at 92% 10%, rgba(255,206,124,.08), transparent 18%),
    linear-gradient(180deg, rgba(246,250,255,.84), rgba(236,243,255,.97));
  border-top:1px solid rgba(29,79,215,.08);
}
.site-footer-brand .site-footer-shell{display:grid;gap:.8rem;}
.site-footer-brand .site-footer-top{
  display:grid;
  grid-template-columns:minmax(0,1.4fr) minmax(220px,.8fr) auto;
  gap:.8rem;
  align-items:center;
  padding:.82rem .92rem;
  border-radius:1.35rem;
  background:linear-gradient(135deg, rgba(255,255,255,.88), rgba(239,246,255,.94));
  border:1px solid rgba(255,255,255,.76);
  box-shadow:0 12px 28px rgba(28,74,165,.06), inset 0 1px 0 rgba(255,255,255,.88);
}
.site-footer-brand .site-footer-brandline{display:grid;grid-template-columns:160px minmax(0,1fr);gap:.8rem;align-items:center;min-width:0;}
.site-footer-brand .site-footer-brandmark{display:flex;align-items:center;justify-content:center;padding:.75rem .9rem;border-radius:1rem;background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(242,248,255,.95));border:1px solid rgba(29,79,215,.08);min-height:84px;}
.site-footer-brand .site-footer-brandlogo{width:min(100%, 150px);display:block;}
.site-footer-brand .site-footer-kicker{display:inline-flex;align-items:center;gap:.35rem;padding:.28rem .56rem;border-radius:999px;background:rgba(255,255,255,.88);color:#2150c3;font-size:.58rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase;margin-bottom:.45rem;}
.site-footer-brand .site-footer-brandcopy h6{margin:0 0 .22rem;font-size:1rem;color:#17325c;font-weight:900;letter-spacing:-.03em;}
.site-footer-brand .site-footer-brandcopy p{margin:0;color:#607798;font-size:.82rem;line-height:1.5;max-width:60ch;}
.site-footer-brand .site-footer-quickmeta{display:grid;grid-template-columns:1fr;gap:.35rem;}
.site-footer-brand .site-footer-quickmeta span{display:flex;flex-direction:column;gap:.06rem;padding:.38rem .55rem;border-radius:.82rem;background:rgba(255,255,255,.62);color:#61789a;font-size:.76rem;border:1px solid rgba(29,79,215,.06);}
.site-footer-brand .site-footer-quickmeta strong{font-size:.58rem;color:#1c4ecf;font-weight:900;letter-spacing:.12em;text-transform:uppercase;}
.site-footer-brand .site-footer-socials{display:flex;flex-wrap:wrap;gap:.4rem;justify-content:flex-end;}
.site-footer-brand .site-footer-social-chip{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:.5rem .8rem;border-radius:999px;background:linear-gradient(180deg, rgba(255,255,255,.96), rgba(240,247,255,.96));border:1px solid rgba(29,79,215,.07);color:#1c4ecf;text-decoration:none;font-size:.72rem;font-weight:800;box-shadow:0 8px 16px rgba(20,53,126,.04);}
.site-footer-brand .site-footer-links-grid{display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));gap:.75rem;}
.site-footer-brand .site-footer-mini-panel{padding:.82rem .88rem .8rem;border-radius:1.08rem;background:linear-gradient(180deg, rgba(255,255,255,.84), rgba(238,246,255,.9));border:1px solid rgba(255,255,255,.72);box-shadow:0 10px 20px rgba(29,79,215,.04);min-height:100%;}
.site-footer-brand .site-footer-panel-label{display:inline-flex;margin-bottom:.58rem;padding:.28rem .52rem;border-radius:999px;background:rgba(255,255,255,.88);color:#1f4bc3;font-size:.56rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase;}
.site-footer-brand .site-footer-mini-panel a{display:block;text-decoration:none;color:#647a9c;font-size:.82rem;margin-bottom:.44rem;font-weight:600;}
.site-footer-brand .site-footer-mini-panel a:last-child{margin-bottom:0;}
.site-footer-brand .site-footer-mini-panel a:hover{color:#16305d;transform:translateX(2px);}
.site-footer-brand .site-footer-brand-points{display:grid;gap:.44rem;}
.site-footer-brand .site-footer-brand-points span{display:flex;align-items:center;gap:.48rem;color:#5e7496;font-size:.8rem;font-weight:700;}
.site-footer-brand .site-footer-brand-points span::before{content:'';width:.44rem;height:.44rem;border-radius:999px;background:linear-gradient(135deg, #1fd3f4, #2453ff);box-shadow:0 0 0 .18rem rgba(36,83,255,.09);flex-shrink:0;}
.site-footer-brand .site-footer-end{display:flex;align-items:center;justify-content:space-between;gap:.7rem;padding:.1rem .1rem 0;border-top:1px solid rgba(94,122,171,.12);}
.site-footer-brand .site-footer-copy{color:#6c819f;font-size:.8rem;}
.site-footer-brand .powered-by-psd{padding:.42rem .72rem;border-radius:15px;gap:.5rem;font-size:.8rem;box-shadow:0 8px 18px rgba(54,84,133,.05);}
.site-footer-brand .powered-by-psd img{width:30px;height:30px;border-radius:9px;}
@media (max-width: 1399.98px){
  .site-footer-brand .site-footer-top{grid-template-columns:minmax(0,1.2fr) minmax(210px,.8fr);}
  .site-footer-brand .site-footer-socials{grid-column:1 / -1;justify-content:flex-start;}
}
@media (max-width: 1199.98px){
  .site-footer-brand .site-footer-links-grid{grid-template-columns:repeat(2, minmax(0, 1fr));}
}
@media (max-width: 991.98px){
  .site-footer-brand .site-footer-top{grid-template-columns:1fr;align-items:flex-start;}
  .site-footer-brand .site-footer-brandline{grid-template-columns:140px minmax(0,1fr);}
  .site-footer-brand .site-footer-end{flex-direction:column;align-items:flex-start;}
}
@media (max-width: 767.98px){
  .site-footer.site-footer-brand{padding-top:1.1rem !important;padding-bottom:1rem !important;}
  .site-footer-brand .site-footer-top{padding:.78rem;}
  .site-footer-brand .site-footer-brandline{grid-template-columns:1fr;}
  .site-footer-brand .site-footer-brandmark{justify-content:flex-start;}
  .site-footer-brand .site-footer-links-grid{grid-template-columns:1fr;gap:.68rem;}
  .site-footer-brand .site-footer-brandcopy h6{font-size:.94rem;}
  .site-footer-brand .site-footer-brandcopy p,.site-footer-brand .site-footer-mini-panel a,.site-footer-brand .site-footer-brand-points span{font-size:.78rem;}
  .site-footer-brand .powered-by-psd{width:100%;justify-content:center;}
}


/* Step 99.6 couture footer upgrade */
.site-footer.site-footer-brand{position:relative;overflow:hidden;padding-top:1.6rem !important;padding-bottom:1.35rem !important;background:radial-gradient(circle at 8% 100%, rgba(116,206,255,.14), transparent 26%),radial-gradient(circle at 94% 10%, rgba(255,212,154,.14), transparent 22%),linear-gradient(180deg, rgba(247,251,255,.92), rgba(235,243,255,.98));}
.site-footer-brand .site-footer-shell{position:relative;gap:.95rem;}
.site-footer-brand .site-footer-stage{position:absolute;inset:-14px 0 auto 0;height:100%;pointer-events:none;z-index:0;overflow:hidden;}
.site-footer-brand .site-footer-orb{position:absolute;border-radius:999px;filter:blur(10px);opacity:.85;}
.site-footer-brand .site-footer-orb--one{width:210px;height:210px;left:-50px;bottom:24px;background:radial-gradient(circle, rgba(125,212,255,.24), rgba(125,212,255,0));}
.site-footer-brand .site-footer-orb--two{width:230px;height:230px;right:-55px;top:12px;background:radial-gradient(circle, rgba(255,214,162,.2), rgba(255,214,162,0));}
.site-footer-brand .site-footer-gridglow{position:absolute;inset:22px 6% auto 6%;height:1px;background:linear-gradient(90deg, transparent, rgba(255,255,255,.95), transparent);box-shadow:0 0 34px rgba(255,255,255,.9);opacity:.7;}
.site-footer-brand .site-footer-top,.site-footer-brand .site-footer-links-grid,.site-footer-brand .site-footer-end{position:relative;z-index:1;}
.site-footer-brand .site-footer-top{gap:1rem;padding:1rem 1.06rem;border-radius:1.65rem;background:linear-gradient(135deg, rgba(255,255,255,.9), rgba(237,246,255,.96));border:1px solid rgba(255,255,255,.78);box-shadow:0 18px 42px rgba(27,74,166,.08), inset 0 1px 0 rgba(255,255,255,.96);}
.site-footer-brand .site-footer-top::before{content:'';position:absolute;inset:0;background:linear-gradient(110deg, transparent 14%, rgba(255,255,255,.34) 38%, transparent 58%);pointer-events:none;}
.site-footer-brand .site-footer-brandline{grid-template-columns:170px minmax(0,1fr);gap:1rem;}
.site-footer-brand .site-footer-brandmark{min-height:96px;border-radius:1.15rem;box-shadow:inset 0 1px 0 rgba(255,255,255,.98), 0 14px 26px rgba(36,84,163,.08);}
.site-footer-brand .site-footer-brandlogo{width:min(100%, 158px);}
.site-footer-brand .site-footer-brandcapsule{display:inline-flex;align-items:center;padding:.4rem .72rem;margin-bottom:.52rem;border-radius:999px;background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(241,247,255,.96));border:1px solid rgba(29,79,215,.08);color:#2c57c9;font-size:.64rem;font-weight:900;letter-spacing:.11em;text-transform:uppercase;box-shadow:0 10px 20px rgba(40,86,170,.06);}
.site-footer-brand .site-footer-kicker{margin-bottom:.35rem;box-shadow:0 8px 18px rgba(40,86,170,.05);}
.site-footer-brand .site-footer-brandcopy h6{font-size:1.08rem;line-height:1.2;}
.site-footer-brand .site-footer-brandcopy p{font-size:.84rem;line-height:1.56;color:#5f7899;}
.site-footer-brand .site-footer-quickmeta{gap:.44rem;}
.site-footer-brand .site-footer-quickmeta span{border-radius:1rem;padding:.46rem .64rem;background:linear-gradient(180deg, rgba(255,255,255,.88), rgba(243,248,255,.84));box-shadow:0 10px 20px rgba(30,73,162,.05);}
.site-footer-brand .site-footer-socials{gap:.5rem;}
.site-footer-brand .site-footer-social-chip{min-height:38px;padding:.52rem .9rem;background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(239,246,255,.96));box-shadow:0 12px 22px rgba(20,53,126,.06), inset 0 1px 0 rgba(255,255,255,.95);transition:transform .22s ease, box-shadow .22s ease, color .22s ease;}
.site-footer-brand .site-footer-social-chip:hover{transform:translateY(-2px);box-shadow:0 16px 28px rgba(20,53,126,.09);color:#14397c;}
.site-footer-brand .site-footer-links-grid{gap:.82rem;}
.site-footer-brand .site-footer-mini-panel{position:relative;overflow:hidden;padding:.92rem .96rem .88rem;border-radius:1.22rem;background:linear-gradient(180deg, rgba(255,255,255,.86), rgba(238,246,255,.92));box-shadow:0 14px 28px rgba(29,79,215,.045), inset 0 1px 0 rgba(255,255,255,.92);}
.site-footer-brand .site-footer-mini-panel::before{content:'';position:absolute;left:14px;right:14px;top:0;height:1px;background:linear-gradient(90deg, transparent, rgba(255,255,255,.92), transparent);}
.site-footer-brand .site-footer-panel-label{margin-bottom:.62rem;box-shadow:0 8px 16px rgba(40,86,170,.05);}
.site-footer-brand .site-footer-mini-panel a{transition:transform .18s ease, color .18s ease;}
.site-footer-brand .site-footer-mini-panel a:hover{transform:translateX(4px);color:#173563;}
.site-footer-brand .site-footer-brand-points span{font-size:.82rem;}
.site-footer-brand .site-footer-end{padding:.45rem .18rem 0;align-items:center;}
.site-footer-brand .site-footer-end-copywrap{display:grid;gap:.18rem;}
.site-footer-brand .site-footer-copy{font-size:.82rem;font-weight:700;color:#6b819f;}
.site-footer-brand .site-footer-signature{font-size:.73rem;color:#8aa0bf;letter-spacing:.02em;}
.site-footer-brand .powered-by-psd{padding:.48rem .8rem;border-radius:18px;background:linear-gradient(180deg, rgba(255,255,255,.96), rgba(239,246,255,.95));border:1px solid rgba(255,255,255,.82);box-shadow:0 14px 26px rgba(54,84,133,.06);}
.site-footer-brand .powered-by-psd span{font-size:.82rem;}
@media (max-width: 1399.98px){.site-footer-brand .site-footer-top{grid-template-columns:minmax(0,1.1fr) minmax(210px,.78fr);} .site-footer-brand .site-footer-socials{grid-column:1 / -1;justify-content:flex-start;}}
@media (max-width: 991.98px){.site-footer-brand .site-footer-brandline{grid-template-columns:145px minmax(0,1fr);} .site-footer-brand .site-footer-top{padding:.92rem;}}
@media (max-width: 767.98px){.site-footer.site-footer-brand{padding-top:1.25rem !important;padding-bottom:1.08rem !important;} .site-footer-brand .site-footer-top{padding:.82rem;border-radius:1.28rem;} .site-footer-brand .site-footer-brandline{grid-template-columns:1fr;gap:.78rem;} .site-footer-brand .site-footer-brandcapsule{font-size:.56rem;letter-spacing:.08em;} .site-footer-brand .site-footer-signature{font-size:.68rem;}}



/* Footer redesign: renaissance */
.site-footer.site-footer-renaissance{position:relative;overflow:hidden;padding-top:1.5rem!important;padding-bottom:1.25rem!important;background:linear-gradient(180deg,#eff5ff 0%,#e4eefc 100%);border-top:1px solid rgba(49,92,190,.09)}
.site-footer.site-footer-renaissance::before{content:'';position:absolute;inset:auto auto -80px -60px;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle, rgba(88,175,255,.18), rgba(88,175,255,0) 70%);pointer-events:none;filter:blur(8px)}
.site-footer.site-footer-renaissance::after{content:'';position:absolute;inset:-100px -80px auto auto;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle, rgba(255,255,255,.78), rgba(255,255,255,0) 68%);pointer-events:none;filter:blur(10px)}
.footer-renaissance-shell{position:relative;z-index:1;display:grid;gap:1rem;padding:1.15rem;border-radius:2rem;background:linear-gradient(145deg, rgba(255,255,255,.78), rgba(241,247,255,.92));border:1px solid rgba(255,255,255,.78);box-shadow:0 24px 48px rgba(43,88,171,.08), inset 0 1px 0 rgba(255,255,255,.94)}
.footer-renaissance-top{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.9fr);gap:1rem;align-items:stretch}
.footer-renaissance-brand{display:grid;grid-template-columns:180px minmax(0,1fr);gap:1rem;align-items:center;padding:1rem;border-radius:1.6rem;background:linear-gradient(135deg, rgba(255,255,255,.9), rgba(231,241,255,.94));border:1px solid rgba(255,255,255,.86);box-shadow:0 18px 34px rgba(37,82,165,.07)}
.footer-renaissance-logo{display:flex;align-items:center;justify-content:center;min-height:120px;padding:1rem;border-radius:1.3rem;background:linear-gradient(180deg,#ffffff,#eef5ff);border:1px solid rgba(43,95,188,.08)}
.footer-renaissance-logo img{width:min(100%,165px);display:block}
.footer-renaissance-eyebrow{display:inline-flex;padding:.38rem .72rem;border-radius:999px;margin-bottom:.5rem;background:linear-gradient(180deg,#ffffff,#edf4ff);color:#2d55c9;font-size:.66rem;font-weight:900;letter-spacing:.18em;text-transform:uppercase;border:1px solid rgba(43,95,188,.08)}
.footer-renaissance-copy h6{margin:0 0 .35rem;font-size:1.18rem;line-height:1.2;font-weight:900;color:#19345f}
.footer-renaissance-copy p{margin:0;color:#6680a3;font-size:.94rem;line-height:1.65;max-width:62ch}
.footer-renaissance-contact{display:grid;gap:.8rem}
.footer-renaissance-contact-card{display:grid;gap:.18rem;padding:.95rem 1rem;border-radius:1.3rem;background:linear-gradient(180deg, rgba(255,255,255,.92), rgba(240,246,255,.95));border:1px solid rgba(255,255,255,.88);box-shadow:0 14px 28px rgba(37,82,165,.06)}
.footer-renaissance-contact-card span{font-size:.68rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase;color:#2f5dcc}
.footer-renaissance-contact-card strong{font-size:.98rem;color:#5d7396}
.footer-renaissance-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.9rem}
.footer-renaissance-panel{position:relative;padding:1rem 1rem .95rem;border-radius:1.45rem;background:linear-gradient(180deg, rgba(255,255,255,.84), rgba(236,244,255,.92));border:1px solid rgba(255,255,255,.82);box-shadow:0 14px 28px rgba(37,82,165,.05);overflow:hidden}
.footer-renaissance-panel::before{content:'';position:absolute;left:16px;right:16px;top:0;height:1px;background:linear-gradient(90deg, transparent, rgba(255,255,255,.94), transparent)}
.footer-renaissance-label{display:inline-flex;padding:.34rem .64rem;border-radius:999px;margin-bottom:.78rem;background:linear-gradient(180deg,#ffffff,#eef4ff);color:#2b57cb;font-size:.62rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase;border:1px solid rgba(43,95,188,.06)}
.footer-renaissance-panel a{display:block;margin-bottom:.55rem;text-decoration:none;color:#617898;font-size:.92rem;font-weight:700;transition:transform .18s ease,color .18s ease}
.footer-renaissance-panel a:last-child{margin-bottom:0}
.footer-renaissance-panel a:hover{color:#19345f;transform:translateX(4px)}
.footer-renaissance-bullets{display:grid;gap:.55rem}
.footer-renaissance-bullets span{display:flex;align-items:center;gap:.55rem;color:#617898;font-size:.9rem;font-weight:700}
.footer-renaissance-bullets span::before{content:'';width:.54rem;height:.54rem;border-radius:50%;background:linear-gradient(135deg,#3bc9ff,#345dff);box-shadow:0 0 0 .22rem rgba(52,93,255,.08);flex-shrink:0}
.footer-renaissance-socials{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.95rem}
.footer-renaissance-social{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:.55rem .9rem;border-radius:999px;background:linear-gradient(180deg,#ffffff,#edf4ff);border:1px solid rgba(43,95,188,.08);color:#254fc6;text-decoration:none;font-size:.78rem;font-weight:800;box-shadow:0 10px 22px rgba(37,82,165,.05);transition:transform .18s ease, box-shadow .18s ease}
.footer-renaissance-social:hover{transform:translateY(-2px);box-shadow:0 14px 26px rgba(37,82,165,.08)}
.footer-renaissance-bottom{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.15rem .15rem 0;border-top:1px solid rgba(84,117,171,.12)}
.footer-renaissance-copyline{display:grid;gap:.16rem}
.footer-renaissance-copy{color:#6a81a2;font-size:.84rem;font-weight:700}
.footer-renaissance-note{color:#8aa0bc;font-size:.76rem}
.footer-renaissance-powered{display:flex;align-items:center;gap:.8rem;padding:.7rem .9rem;border-radius:1.35rem;background:linear-gradient(135deg, rgba(255,255,255,.96), rgba(236,244,255,.96));border:1px solid rgba(255,255,255,.9);box-shadow:0 16px 28px rgba(37,82,165,.06)}
.footer-renaissance-powered img{width:48px;height:48px;object-fit:cover;border-radius:14px;border:1px solid rgba(43,95,188,.08);background:#fff}
.footer-renaissance-powered small{display:block;font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:#88a0be;font-weight:800}
.footer-renaissance-powered strong{display:block;font-size:.96rem;color:#19345f;line-height:1.2}
@media (max-width: 1199.98px){.footer-renaissance-top{grid-template-columns:1fr}.footer-renaissance-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width: 767.98px){.site-footer.site-footer-renaissance{padding-top:1.1rem!important;padding-bottom:1rem!important}.footer-renaissance-shell{padding:.85rem;border-radius:1.4rem}.footer-renaissance-brand{grid-template-columns:1fr;padding:.85rem}.footer-renaissance-logo{justify-content:flex-start;min-height:84px}.footer-renaissance-grid{grid-template-columns:1fr;gap:.75rem}.footer-renaissance-bottom{flex-direction:column;align-items:flex-start}.footer-renaissance-powered{width:100%}.footer-renaissance-copy h6{font-size:1rem}.footer-renaissance-copy p,.footer-renaissance-panel a,.footer-renaissance-bullets span{font-size:.82rem}}

/* Step 100: premium shop page redesign */
.premium-shop-stage{padding-top:2.1rem;padding-bottom:2.4rem;background:
  radial-gradient(circle at top left, rgba(123,187,255,.16), transparent 30%),
  radial-gradient(circle at 85% 12%, rgba(25,208,242,.14), transparent 22%),
  linear-gradient(180deg, rgba(248,252,255,.96) 0%, rgba(243,248,255,.98) 46%, rgba(239,245,255,.96) 100%)}
.premium-shop-hero-shell{position:relative;display:grid;grid-template-columns:minmax(0,1.07fr) minmax(320px,.93fr);gap:1.35rem;align-items:stretch;padding:1.35rem;border-radius:36px;background:linear-gradient(145deg, rgba(255,255,255,.84), rgba(241,247,255,.92));border:1px solid rgba(29,79,215,.09);box-shadow:0 26px 56px rgba(29,79,215,.08), inset 0 1px 0 rgba(255,255,255,.72);overflow:hidden}
.premium-shop-hero-shell::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg, rgba(255,255,255,.38), transparent 34%, rgba(110,190,255,.08) 100%);pointer-events:none}
.premium-shop-hero-copy,.premium-shop-hero-visual{position:relative;z-index:1}
.premium-shop-hero-copy{display:flex;flex-direction:column;justify-content:center;padding:1rem 1rem 1rem .8rem;min-width:0}
.premium-shop-title{font-size:clamp(2.35rem,4vw,4.4rem);line-height:.97;letter-spacing:-.055em;margin:0 0 1rem;color:#0c244f;max-width:12ch}
.premium-shop-lead{font-size:1.02rem;line-height:1.85;color:#5e708f;max-width:60ch;margin:0}
.premium-shop-action-row{display:flex;flex-wrap:wrap;gap:.85rem;margin-top:1.5rem}
.premium-shop-stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem;margin-top:1.55rem}
.premium-shop-stat-card{padding:1rem 1.05rem;border-radius:24px;background:linear-gradient(145deg, rgba(255,255,255,.92), rgba(237,246,255,.94));border:1px solid rgba(29,79,215,.08);box-shadow:0 16px 32px rgba(29,79,215,.06)}
.premium-shop-stat-card span,.premium-shop-stat-card small{display:block}
.premium-shop-stat-card span{font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;font-weight:800;color:#6f85aa}
.premium-shop-stat-card strong{display:block;margin:.45rem 0 .35rem;font-size:clamp(1.1rem,2vw,1.55rem);line-height:1.05;color:#0f2d62}
.premium-shop-stat-card small{color:#6d7c94;line-height:1.5}
.premium-shop-spotlight{position:relative;height:100%;padding:1.1rem;border-radius:32px;overflow:hidden;background:linear-gradient(155deg, rgba(255,255,255,.95), rgba(231,242,255,.96));border:1px solid rgba(29,79,215,.09);box-shadow:0 24px 48px rgba(29,79,215,.10)}
.premium-shop-spotlight::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 20% 10%, rgba(25,208,242,.12), transparent 24%),radial-gradient(circle at 90% 85%, rgba(37,95,237,.14), transparent 28%);pointer-events:none}
.premium-shop-spotlight-top,.premium-shop-spotlight-body,.premium-shop-floating-tags{position:relative;z-index:1}
.premium-shop-spotlight-top{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap;margin-bottom:1rem}
.premium-shop-spotlight-badge,.premium-shop-spotlight-meta{display:inline-flex;align-items:center;padding:.55rem .82rem;border-radius:999px;border:1px solid rgba(29,79,215,.08);font-size:.76rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.premium-shop-spotlight-badge{background:linear-gradient(135deg, rgba(37,95,237,.12), rgba(110,190,255,.18));color:var(--blue)}
.premium-shop-spotlight-meta{background:rgba(255,255,255,.74);color:#6d7c94}
.premium-shop-spotlight-body{display:grid;grid-template-columns:minmax(190px,.92fr) minmax(0,1.08fr);gap:1rem;align-items:center}
.premium-shop-spotlight-media{position:relative;padding:.8rem;border-radius:28px;background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(234,243,255,.95));border:1px solid rgba(29,79,215,.08);box-shadow:0 18px 36px rgba(29,79,215,.08)}
.premium-shop-spotlight-media::after{content:'';position:absolute;left:14%;right:14%;bottom:-.15rem;height:32px;border-radius:50%;background:radial-gradient(circle, rgba(29,79,215,.14), transparent 68%);filter:blur(10px)}
.premium-shop-spotlight-media img{position:relative;z-index:1;width:100%;aspect-ratio:1/1.08;object-fit:cover;border-radius:22px;background:#fff}
.premium-shop-spotlight-copy small{display:block;font-size:.75rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#5575b2;margin-bottom:.65rem}
.premium-shop-spotlight-copy h2{font-size:clamp(1.5rem,2.4vw,2.2rem);line-height:1.05;letter-spacing:-.045em;color:#102c5f;margin:0 0 .8rem}
.premium-shop-spotlight-copy p{margin:0;color:#65758f;line-height:1.8;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.premium-shop-spotlight-footer{display:flex;align-items:center;justify-content:space-between;gap:.85rem;flex-wrap:wrap;margin-top:1rem;padding-top:.9rem;border-top:1px solid rgba(29,79,215,.08)}
.premium-shop-spotlight-footer span{font-size:.9rem;font-weight:800;color:#18418f}
.premium-shop-spotlight-footer a{text-decoration:none;font-weight:800;color:var(--blue)}
.premium-shop-floating-tags{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:1rem}
.premium-shop-floating-tags span{display:inline-flex;align-items:center;padding:.62rem .88rem;border-radius:999px;background:rgba(255,255,255,.84);border:1px solid rgba(29,79,215,.08);font-size:.8rem;font-weight:700;color:#5f7397;box-shadow:0 10px 22px rgba(29,79,215,.05)}
.premium-shop-collection-ribbon{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.9rem;margin-top:1rem}
.premium-shop-chip{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:.35rem;padding:1rem 1.05rem;border-radius:24px;min-height:116px;background:linear-gradient(155deg, rgba(255,255,255,.92), rgba(239,247,255,.94));box-shadow:0 18px 34px rgba(29,79,215,.06)}
.premium-shop-chip span{font-size:1rem;font-weight:800;color:#102c5f}
.premium-shop-chip small{display:block;font-size:.83rem;line-height:1.55;color:#70819c}
.premium-shop-storyband-wrap{margin-top:-.7rem}
.premium-shop-storyband{display:grid;grid-template-columns:1.5fr repeat(2,1fr);gap:1rem}
.premium-storyband-card{padding:1.2rem 1.25rem;border-radius:28px;background:linear-gradient(150deg, rgba(255,255,255,.95), rgba(239,246,255,.92));border:1px solid rgba(29,79,215,.08);box-shadow:0 18px 36px rgba(29,79,215,.06)}
.premium-storyband-card--wide{background:linear-gradient(135deg, rgba(255,255,255,.95), rgba(232,242,255,.96))}
.premium-storyband-eyebrow{display:inline-flex;align-items:center;padding:.5rem .75rem;border-radius:999px;background:rgba(255,255,255,.82);border:1px solid rgba(29,79,215,.08);font-size:.74rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#5575b2;margin-bottom:.85rem}
.premium-storyband-card h2,.premium-storyband-card h3{color:#0f2d62;letter-spacing:-.04em}
.premium-storyband-card h2{font-size:1.55rem;line-height:1.2;margin:0 0 .7rem}
.premium-storyband-card h3{font-size:1.22rem;line-height:1.2;margin:0 0 .55rem}
.premium-storyband-card p{margin:0;color:#677890;line-height:1.75}
.premium-shop-filter{padding:1.2rem;border-radius:30px}
.premium-filter-head{display:flex;align-items:flex-start;justify-content:space-between;gap:.85rem;margin-bottom:1rem}
.premium-filter-head h2{font-size:1.28rem;line-height:1.1;letter-spacing:-.04em;color:#0f2d62;margin:.35rem 0 0}
.premium-filter-form{display:flex;flex-direction:column;gap:1rem}
.premium-filter-block{padding:.95rem;border-radius:22px;background:linear-gradient(155deg, rgba(255,255,255,.82), rgba(241,247,255,.88));border:1px solid rgba(29,79,215,.07)}
.premium-filter-price-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}
.premium-filter-check{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;border-radius:22px;background:linear-gradient(155deg, rgba(255,255,255,.92), rgba(234,244,255,.92));border:1px solid rgba(29,79,215,.08);cursor:pointer}
.premium-filter-check input{margin-top:.25rem}
.premium-filter-check strong,.premium-filter-check small{display:block}
.premium-filter-check strong{font-size:.96rem;color:#112f64}
.premium-filter-check small{font-size:.84rem;color:#6f8099;line-height:1.55;margin-top:.2rem}
.premium-filter-note{padding:1rem;border-radius:22px;margin-top:1rem;background:linear-gradient(150deg, rgba(255,255,255,.9), rgba(235,244,255,.9));border:1px solid rgba(29,79,215,.08)}
.premium-filter-note-head{display:flex;align-items:center;justify-content:space-between;gap:.85rem;flex-wrap:wrap}
.premium-filter-note-head strong{color:#102c5f}
.premium-filter-note-head small{font-size:.78rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#5c79ab}
.premium-filter-note p{margin:.8rem 0 1rem;color:#6d7c94;line-height:1.7}
.premium-mini-rule-row{padding:.85rem .95rem;border-radius:18px;background:rgba(255,255,255,.66);border:1px solid rgba(29,79,215,.06)}
.premium-shop-results-strip{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(250px,.95fr);gap:1rem;align-items:center;padding:1.2rem 1.25rem;border-radius:30px}
.premium-shop-results-copy h2{font-size:1.8rem;line-height:1.08;letter-spacing:-.05em;color:#0c244f;margin:.4rem 0 .5rem}
.premium-shop-results-copy p{margin:0;color:#687992;line-height:1.75}
.premium-shop-results-side{display:flex;flex-direction:column;gap:.9rem;align-items:flex-end}
.premium-active-filter-wrap{justify-content:flex-end}
.premium-results-meta{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.55rem}
.premium-results-meta span{display:inline-flex;align-items:center;padding:.52rem .78rem;border-radius:999px;background:rgba(255,255,255,.76);border:1px solid rgba(29,79,215,.08);font-size:.77rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#5c79ab}
.premium-product-grid .premium-product-card{height:100%;padding-bottom:.1rem;background:linear-gradient(155deg, rgba(255,255,255,.98), rgba(239,246,255,.95));border:1px solid rgba(29,79,215,.08);box-shadow:0 20px 40px rgba(29,79,215,.08)}
.premium-product-card:hover{transform:translateY(-6px);box-shadow:0 28px 52px rgba(29,79,215,.14)}
.premium-product-media{display:block;position:relative;text-decoration:none}
.premium-product-media img{height:255px}
.premium-product-overlay-badge{position:absolute;left:1.75rem;top:1.75rem;display:inline-flex;align-items:center;padding:.52rem .75rem;border-radius:999px;background:rgba(7,23,60,.76);backdrop-filter:blur(14px);color:#fff;font-size:.74rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;z-index:2}
.premium-product-meta-row{display:flex;align-items:center;justify-content:space-between;gap:.65rem;flex-wrap:wrap;margin-bottom:.7rem}
.premium-stock-pill,.premium-sku-pill{display:inline-flex;align-items:center;padding:.45rem .72rem;border-radius:999px;border:1px solid rgba(29,79,215,.08);font-size:.73rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.premium-stock-pill.is-live{background:rgba(36,185,119,.10);color:#16845b;border-color:rgba(36,185,119,.18)}
.premium-stock-pill.is-off{background:rgba(255,116,116,.09);color:#cb4d4d;border-color:rgba(255,116,116,.18)}
.premium-sku-pill{background:rgba(240,246,255,.85);color:#6080b7}
.premium-product-title{font-size:1.18rem;line-height:1.2;letter-spacing:-.035em;color:#0f2d62}
.premium-product-footer{display:flex;align-items:flex-end;justify-content:space-between;gap:.9rem;flex-wrap:wrap;margin-top:auto;padding-top:1rem}
.premium-product-price-wrap small{display:block;font-size:.78rem;text-transform:uppercase;letter-spacing:.11em;font-weight:800;color:#6d84ab;margin-bottom:.3rem}
.premium-product-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.55rem}
.premium-empty-state{border-radius:34px;background:linear-gradient(155deg, rgba(255,255,255,.96), rgba(236,245,255,.94));border:1px solid rgba(29,79,215,.08)}
.premium-pagination-wrap .pagination{justify-content:center}
@media (max-width: 1199.98px){
  .premium-shop-collection-ribbon{grid-template-columns:repeat(2,minmax(0,1fr))}
  .premium-shop-storyband{grid-template-columns:1fr}
}
@media (max-width: 991.98px){
  .premium-shop-stage{padding-top:1.35rem}
  .premium-shop-hero-shell{grid-template-columns:1fr;padding:1rem;border-radius:28px}
  .premium-shop-hero-copy{padding:.45rem}
  .premium-shop-title{max-width:none}
  .premium-shop-spotlight-body,.premium-shop-results-strip{grid-template-columns:1fr}
  .premium-shop-results-side{align-items:flex-start}
  .premium-active-filter-wrap,.premium-results-meta{justify-content:flex-start}
}
@media (max-width: 767.98px){
  .premium-shop-stage{padding-bottom:1.6rem}
  .premium-shop-stat-grid,.premium-shop-collection-ribbon,.premium-filter-price-grid{grid-template-columns:1fr}
  .premium-shop-chip{min-height:auto}
  .premium-shop-title{font-size:2.15rem}
  .premium-shop-spotlight{padding:.95rem;border-radius:26px}
  .premium-shop-spotlight-media img,.premium-product-media img{height:220px}
  .premium-shop-spotlight-copy h2{font-size:1.4rem}
  .premium-shop-results-strip,.premium-storyband-card,.premium-shop-filter{padding:1rem}
  .premium-product-footer{align-items:flex-start}
  .premium-product-actions{width:100%;justify-content:flex-start}
  .premium-product-actions .btn,.premium-product-actions form{width:100%}
  .premium-product-actions form .btn{width:100%}
}

/* Shop page redesign v2 */
.premium-shop-hero-v2{position:relative;padding-top:2rem;padding-bottom:1.2rem;background:
radial-gradient(circle at 12% 18%, rgba(81,153,255,.18), transparent 22%),
radial-gradient(circle at 88% 20%, rgba(117,228,255,.2), transparent 22%),
radial-gradient(circle at 50% 85%, rgba(245,197,98,.16), transparent 30%),
linear-gradient(180deg, #f6f9ff 0%, #edf5ff 54%, #f7fbff 100%)}
.premium-shop-aura{position:absolute;border-radius:999px;filter:blur(26px);pointer-events:none;opacity:.9}
.premium-shop-aura-one{left:-5rem;top:4rem;width:18rem;height:18rem;background:rgba(110,176,255,.22)}
.premium-shop-aura-two{right:-4rem;top:6rem;width:17rem;height:17rem;background:rgba(130,230,255,.22)}
.premium-shop-aura-three{left:42%;bottom:1rem;width:22rem;height:10rem;background:rgba(255,212,112,.18)}
.premium-shop-hero-board{position:relative;padding:1rem 0}
.premium-shop-hero-grid-v2{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(340px,.92fr);gap:1.35rem;align-items:stretch}
.premium-shop-copy-v2,.premium-shop-feature-book{position:relative;border:1px solid rgba(62,120,221,.12);background:linear-gradient(180deg, rgba(255,255,255,.94), rgba(240,247,255,.92));box-shadow:0 22px 52px rgba(22,71,157,.08), inset 0 1px 0 rgba(255,255,255,.7)}
.premium-shop-copy-v2{padding:2rem 2rem 1.75rem;border-radius:2rem;overflow:hidden}
.premium-shop-copy-v2::before{content:'';position:absolute;inset:auto auto -2rem -2rem;width:10rem;height:10rem;border-radius:2rem;background:linear-gradient(135deg, rgba(33,105,212,.12), rgba(120,224,255,.18));transform:rotate(12deg)}
.premium-shop-title-v2{font-size:clamp(2.2rem,4vw,4rem);line-height:.96;max-width:10ch;margin:0 0 1rem;color:#133564;font-weight:900;letter-spacing:-.04em}
.premium-shop-lead-v2{max-width:56ch;color:#5f7799;font-size:1rem;line-height:1.8;margin:0 0 1.35rem}
.premium-shop-action-row-v2{display:flex;flex-wrap:wrap;gap:.85rem;margin-bottom:1.35rem}
.premium-shop-stat-ribbon{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem}
.premium-shop-stat-ribbon-card{padding:1rem 1rem 1.05rem;border-radius:1.35rem;background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(233,243,255,.92));border:1px solid rgba(72,128,221,.12)}
.premium-shop-stat-ribbon-card small{display:block;color:#6682a8;font-size:.78rem;text-transform:uppercase;letter-spacing:.12em;margin-bottom:.35rem;font-weight:800}
.premium-shop-stat-ribbon-card strong{display:block;color:#16437b;font-size:1.15rem;font-weight:900}
.premium-shop-feature-book{padding:1.15rem;border-radius:2rem;overflow:hidden;height:100%}
.premium-shop-feature-book::after{content:'';position:absolute;right:-1.6rem;bottom:-1.5rem;width:9rem;height:9rem;border-radius:2rem;background:linear-gradient(135deg, rgba(116,221,255,.24), rgba(35,103,211,.1));transform:rotate(18deg)}
.premium-shop-feature-book-head{display:flex;justify-content:space-between;gap:1rem;align-items:center;margin-bottom:1rem}
.premium-shop-pill{display:inline-flex;padding:.5rem .8rem;border-radius:999px;background:linear-gradient(135deg, rgba(44,108,220,.92), rgba(118,220,255,.9));color:#fff;font-weight:800;font-size:.76rem;letter-spacing:.12em;text-transform:uppercase}
.premium-shop-mini-link{font-size:.78rem;color:#5f7da5;font-weight:800;text-transform:uppercase;letter-spacing:.1em}
.premium-shop-feature-book-body{display:grid;grid-template-columns:220px minmax(0,1fr);gap:1rem;align-items:center;height:calc(100% - 3rem)}
.premium-shop-feature-frame{padding:.75rem;border-radius:1.75rem;background:linear-gradient(180deg, rgba(255,252,245,.98), rgba(242,247,255,.92));border:1px solid rgba(64,122,221,.12);box-shadow:0 16px 38px rgba(21,74,160,.1)}
.premium-shop-feature-book-media img{width:100%;height:320px;object-fit:cover;border-radius:1.2rem;display:block}
.premium-shop-feature-book-copy small{display:block;color:#6a84a8;font-size:.76rem;text-transform:uppercase;letter-spacing:.12em;font-weight:800;margin-bottom:.45rem}
.premium-shop-feature-book-copy h2{font-size:2rem;line-height:1.05;color:#163661;margin-bottom:.8rem;font-weight:900}
.premium-shop-feature-book-copy p{color:#627998;line-height:1.8;margin-bottom:1rem}
.premium-shop-feature-tags{display:flex;flex-wrap:wrap;gap:.55rem;margin-bottom:1rem}
.premium-shop-feature-tags span{padding:.48rem .76rem;border-radius:999px;background:rgba(37,108,214,.08);color:#2a66cb;font-weight:800;font-size:.8rem}
.premium-shop-feature-footer{display:flex;justify-content:space-between;gap:1rem;align-items:center;padding-top:1rem;border-top:1px solid rgba(74,128,219,.12)}
.premium-shop-feature-footer strong{font-size:1.12rem;color:#1550c3}
.premium-shop-feature-footer a{color:#1f65d8;font-weight:800;text-decoration:none}
.premium-shop-category-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin-top:1rem}
.premium-shop-category-chip{display:flex;flex-direction:column;gap:.35rem;padding:1rem 1.1rem;border-radius:1.5rem;background:linear-gradient(180deg, rgba(255,255,255,.96), rgba(240,247,255,.9));border:1px solid rgba(73,129,220,.12);color:#193e70;text-decoration:none;box-shadow:0 16px 34px rgba(18,70,159,.06);transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease}
.premium-shop-category-chip strong{font-size:1rem;font-weight:900}
.premium-shop-category-chip small{color:#7189ab;line-height:1.55}
.premium-shop-category-chip:hover,.premium-shop-category-chip.active{transform:translateY(-3px);box-shadow:0 22px 40px rgba(18,70,159,.1);border-color:rgba(43,106,216,.26)}
.premium-shop-ribbon-zone{margin-top:.4rem}
.premium-shop-ribbon-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:1rem}
.premium-shop-ribbon-main{padding:1.5rem 1.6rem;border-radius:1.8rem}
.premium-shop-ribbon-main h2{font-size:1.6rem;color:#173765;line-height:1.2;margin:.35rem 0 .65rem;font-weight:900}
.premium-shop-ribbon-main p{margin:0;color:#6a81a3;line-height:1.8}
.premium-shop-mini-panels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.premium-shop-mini-panel{padding:1.2rem;border-radius:1.6rem;background:linear-gradient(180deg, rgba(255,255,255,.97), rgba(239,247,255,.92));border:1px solid rgba(70,126,220,.12)}
.premium-shop-mini-panel span{display:block;color:#6b86a8;font-size:.74rem;text-transform:uppercase;letter-spacing:.12em;font-weight:800;margin-bottom:.45rem}
.premium-shop-mini-panel strong{display:block;color:#193d73;font-size:1.15rem;font-weight:900;margin-bottom:.45rem}
.premium-shop-mini-panel p{margin:0;color:#6b84a6;line-height:1.65;font-size:.94rem}
.premium-shop-discovery-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:1rem}
.premium-shop-discovery-card{position:relative;display:flex;flex-direction:column;min-height:180px;padding:1.15rem;border-radius:1.7rem;color:#173765;text-decoration:none;overflow:hidden;box-shadow:0 20px 42px rgba(19,71,157,.08);transition:transform .28s ease, box-shadow .28s ease}
.premium-shop-discovery-card::before{content:'';position:absolute;right:-1.2rem;bottom:-1.4rem;width:5.75rem;height:5.75rem;border-radius:1.4rem;background:rgba(255,255,255,.34);transform:rotate(18deg)}
.premium-shop-discovery-card span{display:inline-flex;align-self:flex-start;padding:.42rem .68rem;border-radius:999px;background:rgba(255,255,255,.54);font-size:.74rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase;margin-bottom:auto}
.premium-shop-discovery-card strong{font-size:1.06rem;font-weight:900;line-height:1.2;margin:.95rem 0 .45rem;max-width:10ch}
.premium-shop-discovery-card small{line-height:1.6;font-weight:600;max-width:18ch}
.premium-shop-discovery-card:hover{transform:translateY(-5px);box-shadow:0 26px 52px rgba(19,71,157,.12)}
.premium-shop-discovery-card-1{background:linear-gradient(140deg,#fff0d8,#ffe1b6 52%,#ffd095)}
.premium-shop-discovery-card-2{background:linear-gradient(140deg,#e1f4ff,#c8ecff 52%,#b0dfff)}
.premium-shop-discovery-card-3{background:linear-gradient(140deg,#efe6ff,#ded0ff 52%,#cbb8ff)}
.premium-shop-discovery-card-4{background:linear-gradient(140deg,#e9ffe9,#d0f6d0 52%,#b4eeb4)}
.premium-shop-discovery-card-5{background:linear-gradient(140deg,#fff0f1,#ffd8de 52%,#ffc1ca)}
.premium-shop-discovery-card-6{background:linear-gradient(140deg,#fff6dc,#ffebb6 52%,#ffe08d)}
.premium-shop-sidebar,.premium-shop-results-panel{border-radius:2rem;border:1px solid rgba(71,127,221,.12);background:linear-gradient(180deg, rgba(255,255,255,.97), rgba(239,247,255,.92));box-shadow:0 20px 46px rgba(18,70,159,.08), inset 0 1px 0 rgba(255,255,255,.76)}
.premium-shop-sidebar{padding:1.25rem}
.premium-shop-sidebar-head h2{font-size:1.45rem;color:#173765;margin:.25rem 0 .35rem;font-weight:900}
.premium-shop-sidebar-head p{color:#7288a9;line-height:1.7;margin:0}
.premium-filter-form-v2{margin-top:1rem;display:grid;gap:.95rem}
.premium-filter-block.premium-filter-glow,.premium-price-range-grid .premium-filter-block{padding:.95rem;border-radius:1.25rem;background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(243,248,255,.92));border:1px solid rgba(77,131,222,.1)}
.premium-price-range-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}
.form-control-lux{border-radius:1rem;border:1px solid rgba(78,132,222,.18);background:#fff;box-shadow:none}
.form-control-lux:focus{border-color:rgba(40,105,214,.4);box-shadow:0 0 0 .16rem rgba(40,105,214,.12)}
.premium-check-row{display:flex;gap:.65rem;align-items:flex-start;padding:.9rem 1rem;border-radius:1rem;background:rgba(39,107,214,.06);color:#5f7699;font-weight:700}
.premium-check-row input{margin-top:.22rem}
.premium-sidebar-helper-stack{display:grid;gap:.9rem;margin-top:1rem}
.premium-sidebar-helper{padding:1rem;border-radius:1.35rem;border:1px solid rgba(77,131,222,.1)}
.premium-sidebar-helper h3{font-size:1rem;color:#1a3c73;margin:.2rem 0 .8rem;font-weight:900}
.premium-delivery-line+.premium-delivery-line{margin-top:.7rem;padding-top:.7rem;border-top:1px dashed rgba(74,128,219,.16)}
.premium-delivery-line strong{display:block;color:#1c3d73;font-size:.94rem}
.premium-delivery-line small{display:block;color:#7088aa;line-height:1.55;margin-top:.15rem}
.premium-sidebar-helper-actions{display:flex;flex-wrap:wrap;gap:.6rem}
.premium-shop-results-panel{padding:1.3rem 1.4rem}
.premium-shop-results-head-v2{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}
.premium-shop-results-head-v2 h2{font-size:1.65rem;color:#163661;margin:.25rem 0 .45rem;font-weight:900}
.premium-shop-results-head-v2 p{margin:0;color:#6d86a8;line-height:1.8;max-width:56ch}
.premium-shop-results-side-v2{display:grid;gap:.75rem;justify-items:end;max-width:420px;width:100%}
.premium-active-pills{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-end}
.premium-shop-curation-bar{display:flex;flex-wrap:wrap;gap:.55rem;justify-content:flex-end}
.premium-shop-curation-bar span{display:inline-flex;padding:.52rem .78rem;border-radius:999px;background:rgba(38,108,214,.07);color:#245fc9;font-weight:800;font-size:.8rem}
.premium-product-grid-v2 .col-md-6.col-xl-4{display:flex}
.premium-product-card{position:relative;background:linear-gradient(180deg, rgba(255,255,255,.99), rgba(241,247,255,.94));border:1px solid rgba(75,130,221,.12);box-shadow:0 20px 42px rgba(19,71,157,.09);overflow:hidden}
.premium-product-card::before{content:'';position:absolute;left:0;right:0;top:0;height:7px;background:linear-gradient(90deg, #1d63d7, #72ddff, #f5c86a)}
.premium-product-card:hover{transform:translateY(-6px);box-shadow:0 28px 56px rgba(19,71,157,.14);border-color:rgba(43,106,216,.22)}
.premium-product-media{position:relative;padding:1rem 1rem 0}
.premium-product-media::after{content:'';position:absolute;left:1rem;right:1rem;top:1rem;height:74%;border-radius:1.4rem;background:linear-gradient(180deg, rgba(225,239,255,.82), rgba(248,252,255,.5));z-index:0}
.premium-product-media img{position:relative;z-index:1;height:255px;object-fit:cover;border-radius:1.35rem;border:1px solid rgba(72,128,220,.08);box-shadow:0 14px 30px rgba(19,71,157,.1)}
.premium-product-overlay-badge{position:absolute;left:1.75rem;top:1.75rem;z-index:2;display:inline-flex;padding:.46rem .7rem;border-radius:999px;background:rgba(255,255,255,.9);backdrop-filter:blur(6px);color:#205ecc;font-size:.72rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;box-shadow:0 8px 18px rgba(19,71,157,.08)}
.premium-product-meta-row{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.7rem}
.premium-stock-pill,.premium-sku-pill{display:inline-flex;padding:.4rem .66rem;border-radius:999px;font-size:.72rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.premium-stock-pill.is-live{background:rgba(30,178,94,.12);color:#17834b}
.premium-stock-pill.is-off{background:rgba(220,72,72,.1);color:#b53737}
.premium-sku-pill{background:rgba(38,108,214,.08);color:#245fc9}
.premium-product-title{font-size:1.18rem;line-height:1.25;color:#173765;margin-bottom:.45rem}
.premium-product-card .product-card-description{min-height:4.8em;color:#6e85a7;line-height:1.75}
.premium-product-footer{display:grid;gap:1rem;margin-top:1.05rem;padding-top:1rem;border-top:1px solid rgba(74,128,219,.12)}
.premium-product-price-wrap small{display:block;color:#7189ab;text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;font-weight:800;margin-bottom:.25rem}
.premium-product-card .product-card-price{display:block;font-size:1.24rem;color:#1550c3;font-weight:900}
.premium-product-actions{display:flex;flex-wrap:wrap;gap:.6rem}
.premium-empty-state{border-radius:2rem}
@media (max-width: 1199.98px){
  .premium-shop-hero-grid-v2,.premium-shop-ribbon-grid{grid-template-columns:1fr}
  .premium-shop-category-strip{grid-template-columns:repeat(2,minmax(0,1fr))}
  .premium-shop-discovery-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width: 991.98px){
  .premium-shop-feature-book-body{grid-template-columns:1fr}
  .premium-shop-feature-book-media img{height:280px}
  .premium-shop-stat-ribbon{grid-template-columns:repeat(2,minmax(0,1fr))}
  .premium-shop-mini-panels{grid-template-columns:1fr}
  .premium-shop-results-head-v2{flex-direction:column}
  .premium-shop-results-side-v2{justify-items:start;max-width:none}
  .premium-active-pills,.premium-shop-curation-bar{justify-content:flex-start}
}
@media (max-width: 767.98px){
  .premium-shop-copy-v2{padding:1.4rem}
  .premium-shop-title-v2{font-size:2.35rem;max-width:none}
  .premium-shop-category-strip,.premium-shop-discovery-grid,.premium-price-range-grid{grid-template-columns:1fr}
  .premium-shop-feature-book{padding:1rem}
  .premium-shop-feature-book-copy h2{font-size:1.55rem}
  .premium-shop-results-panel,.premium-shop-sidebar{border-radius:1.5rem}
  .premium-product-media img{height:220px}
  .premium-product-actions{flex-direction:column}
  .premium-product-actions > *{width:100%}
}

/* shop page cleanup: compact catalogue header */
.compact-shop-header--clean {
    padding: 1.5rem 0 0.75rem;
    background: transparent;
}

.compact-shop-intro {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 1.25rem;
    padding: 1.25rem 1.5rem;
    border: 1px solid rgba(54, 86, 168, 0.10);
    border-radius: 24px;
    background: linear-gradient(180deg, rgba(255,255,255,0.96), rgba(247,250,255,0.92));
    box-shadow: 0 18px 40px rgba(39, 73, 146, 0.08);
}

.compact-shop-title {
    margin: 0.35rem 0 0.6rem;
    font-size: clamp(2rem, 4vw, 3.2rem);
    line-height: 0.95;
    max-width: 760px;
}

.compact-shop-lead {
    margin: 0;
    max-width: 760px;
    color: rgba(20, 34, 68, 0.72);
}

.compact-shop-summary {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.6rem;
    max-width: 360px;
}

.compact-shop-summary span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    padding: 0.55rem 0.9rem;
    border-radius: 999px;
    border: 1px solid rgba(74, 115, 214, 0.14);
    background: rgba(241, 246, 255, 0.92);
    color: #22407f;
    font-size: 0.88rem;
    font-weight: 700;
}

@media (max-width: 991.98px) {
    .compact-shop-intro {
        align-items: flex-start;
        flex-direction: column;
    }

    .compact-shop-summary {
        justify-content: flex-start;
        max-width: none;
    }
}

/* Step 100 shop page refined catalogue layout */
.shop-page-v4{position:relative;overflow:hidden;padding-bottom:2.75rem;background:linear-gradient(180deg,#f7f9ff 0%,#f2f6ff 45%,#f8fbff 100%)}
.shop-page-v4 .container{position:relative;z-index:1}
.shop-page-v4-orb{position:absolute;border-radius:999px;filter:blur(65px);opacity:.6;pointer-events:none}
.shop-page-v4-orb--one{left:-120px;top:140px;width:280px;height:280px;background:rgba(83,141,255,.18)}
.shop-page-v4-orb--two{right:-90px;top:260px;width:260px;height:260px;background:rgba(116,227,255,.20)}
.premium-shop-sidebar-v4{padding:1.15rem 1rem 1rem;border-radius:30px;background:linear-gradient(180deg,rgba(255,255,255,.95),rgba(241,247,255,.98));border:1px solid rgba(29,79,215,.08);box-shadow:0 24px 50px rgba(43,86,190,.08)}
.premium-shop-sidebar-head-v4 h2{font-size:1.45rem;line-height:1.05;margin:.3rem 0 .45rem;color:#103067}
.premium-shop-sidebar-head-v4 p{margin:0;color:#6d7e99;line-height:1.6}
.shop-sidebar-top-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;margin:1rem 0}
.shop-mini-stat-card{padding:.95rem .9rem;border-radius:22px;background:linear-gradient(135deg,rgba(236,244,255,.95),rgba(255,255,255,.96));border:1px solid rgba(29,79,215,.08);box-shadow:inset 0 1px 0 rgba(255,255,255,.8)}
.shop-mini-stat-card span{display:block;font-size:.72rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase;color:#6b81a9;margin-bottom:.35rem}
.shop-mini-stat-card strong{display:block;font-size:1.2rem;line-height:1;color:#0d2d62}
.shop-sidebar-quick-categories{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(29,79,215,.08)}
.shop-sidebar-chip-grid{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:.7rem}
.shop-sidebar-chip{display:inline-flex;align-items:center;justify-content:center;padding:.62rem .9rem;border-radius:999px;text-decoration:none;font-size:.82rem;font-weight:700;color:#4b6694;background:rgba(255,255,255,.9);border:1px solid rgba(29,79,215,.09);box-shadow:0 10px 22px rgba(29,79,215,.05);transition:transform .2s ease,box-shadow .2s ease,color .2s ease,background .2s ease}
.shop-sidebar-chip:hover,.shop-sidebar-chip.is-active{transform:translateY(-2px);color:#123a82;background:linear-gradient(135deg,rgba(218,232,255,.95),rgba(245,250,255,.98));box-shadow:0 16px 26px rgba(29,79,215,.09)}
.shop-toolbar-v4{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(250px,.85fr);gap:1rem;align-items:end;padding:1.2rem 1.25rem;border-radius:32px;background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(238,246,255,.98));border:1px solid rgba(29,79,215,.09);box-shadow:0 24px 56px rgba(43,86,190,.09);position:relative;overflow:hidden}
.shop-toolbar-v4::before{content:'';position:absolute;inset:auto auto -34px -34px;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(96,170,255,.18),transparent 70%);pointer-events:none}
.shop-toolbar-v4::after{content:'';position:absolute;right:-28px;top:-28px;width:160px;height:160px;border-radius:50%;background:radial-gradient(circle,rgba(134,234,255,.16),transparent 70%);pointer-events:none}
.shop-toolbar-v4__copy,.shop-toolbar-v4__meta{position:relative;z-index:1}
.shop-toolbar-v4__copy h1{font-size:clamp(1.8rem,3vw,2.65rem);line-height:1.02;letter-spacing:-.05em;color:#0d2d62;margin:.35rem 0 .6rem}
.shop-toolbar-v4__copy p{margin:0;max-width:58ch;color:#677894;line-height:1.7}
.shop-toolbar-v4__meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}
.shop-toolbar-stat{padding:.9rem 1rem;border-radius:24px;background:rgba(255,255,255,.84);border:1px solid rgba(29,79,215,.09);box-shadow:inset 0 1px 0 rgba(255,255,255,.8)}
.shop-toolbar-stat strong{display:block;font-size:1rem;line-height:1.2;color:#113573}
.shop-toolbar-stat span{display:block;margin-top:.32rem;font-size:.73rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase;color:#6c82a7}
.premium-active-pills--floating{gap:.6rem}
.shop-mini-highlights-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.shop-mini-highlight{position:relative;overflow:hidden;padding:1rem 1.05rem;border-radius:28px;border:1px solid rgba(29,79,215,.08);box-shadow:0 20px 40px rgba(43,86,190,.07);background:linear-gradient(135deg,rgba(255,255,255,.95),rgba(245,249,255,.98))}
.shop-mini-highlight::before{content:'';position:absolute;right:-22px;bottom:-26px;width:110px;height:110px;border-radius:50%;background:rgba(255,255,255,.34);pointer-events:none}
.shop-mini-highlight span{display:block;font-size:.76rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#5f76a0;margin-bottom:.5rem}
.shop-mini-highlight strong{display:block;font-size:1.3rem;line-height:1.05;color:#0e2f65}
.shop-mini-highlight small{display:block;margin-top:.45rem;color:#5f718f;line-height:1.55}
.shop-mini-highlight--violet{background:linear-gradient(135deg,#f3ecff,#ece8ff)}
.shop-mini-highlight--blue{background:linear-gradient(135deg,#e8f4ff,#e7fbff)}
.shop-mini-highlight--gold{background:linear-gradient(135deg,#fff2da,#fff8e8)}
.premium-product-grid-v4{margin-top:1.25rem}
.premium-product-card-v4{border-radius:28px;background:transparent;border:0;box-shadow:none}
.premium-product-card-shell{height:100%;padding:1rem;border-radius:28px;background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(240,246,255,.98));border:1px solid rgba(29,79,215,.08);box-shadow:0 24px 44px rgba(43,86,190,.08);transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease;position:relative;overflow:hidden}
.premium-product-card-shell::before{content:'';position:absolute;inset:0;background:linear-gradient(145deg,rgba(255,255,255,.24),transparent 35%,rgba(117,196,255,.08) 100%);pointer-events:none}
.premium-product-card-v4:hover .premium-product-card-shell{transform:translateY(-5px);box-shadow:0 30px 58px rgba(43,86,190,.12);border-color:rgba(29,79,215,.16)}
.premium-product-media-v4{display:block;position:relative;padding:.8rem;border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(235,244,255,.96));border:1px solid rgba(29,79,215,.08);overflow:hidden}
.premium-product-media-v4 img{width:100%;height:235px;object-fit:contain;border-radius:18px;background:linear-gradient(180deg,#fff,#f7faff);position:relative;z-index:1}
.premium-product-glow{position:absolute;left:50%;bottom:12px;transform:translateX(-50%);width:72%;height:28px;border-radius:50%;background:radial-gradient(circle,rgba(38,94,237,.18),transparent 70%);filter:blur(10px);pointer-events:none}
.premium-product-meta-row-v4{display:flex;align-items:center;justify-content:space-between;gap:.5rem;flex-wrap:wrap;margin-top:.2rem;margin-bottom:.8rem}
.premium-product-title{font-size:1.22rem;line-height:1.15;color:#103067}
.product-card-description{line-height:1.72;min-height:3.45rem}
.premium-product-footer-v4{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(29,79,215,.08)}
.premium-product-actions-v4{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:.85rem}
.premium-product-actions-v4 form{margin:0}
.premium-product-actions-v4 .btn{min-width:120px;justify-content:center}
.premium-pagination-wrap{padding-top:.5rem}
@media (max-width: 1199.98px){
  .shop-toolbar-v4{grid-template-columns:1fr}
}
@media (max-width: 991.98px){
  .shop-mini-highlights-grid{grid-template-columns:1fr}
  .shop-toolbar-v4__meta{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width: 767.98px){
  .shop-page-v4{padding-top:.25rem}
  .premium-shop-sidebar-v4{border-radius:24px}
  .shop-sidebar-top-stats,.shop-toolbar-v4__meta{grid-template-columns:1fr}
  .shop-toolbar-v4{padding:1rem;border-radius:24px}
  .shop-toolbar-v4__copy h1{font-size:1.8rem}
  .shop-mini-highlight{border-radius:22px}
  .premium-product-card-shell{padding:.85rem;border-radius:24px}
  .premium-product-media-v4 img{height:210px}
}


/* Shop page clean premium refinement v5 */
.shop-page-v4{background:linear-gradient(180deg,#f7f9ff 0%,#f4f7ff 42%,#f6fbff 100%)}
.premium-shop-sidebar-v4{background:linear-gradient(180deg,rgba(255,255,255,.97),rgba(242,247,255,.94));border:1px solid rgba(73,129,220,.12);box-shadow:0 24px 60px rgba(24,74,161,.08), inset 0 1px 0 rgba(255,255,255,.85)}
.premium-shop-sidebar-head-v4 h2{font-size:2rem;line-height:1.02;letter-spacing:-.04em;color:#133564;margin:.28rem 0 .55rem;font-weight:900}
.premium-shop-sidebar-head-v4 p{color:#7188ab;line-height:1.8;margin:0}
.shop-sidebar-top-stats{margin-bottom:1.2rem}
.shop-mini-stat-card{background:linear-gradient(180deg,#fff,#eef5ff);border:1px solid rgba(69,127,221,.12);box-shadow:0 12px 28px rgba(21,74,160,.06)}
.premium-filter-block,.shop-sidebar-quick-categories,.shop-inline-note,.shop-compact-actions,.premium-product-card-v4{border:1px solid rgba(72,128,221,.12)}
.premium-filter-block{background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(240,246,255,.94));box-shadow:0 10px 24px rgba(22,71,157,.05)}
.form-control-lux,.form-select.form-control-lux{background:#fff;border-color:rgba(72,128,221,.14)!important;min-height:50px;box-shadow:none}
.form-control-lux:focus,.form-select.form-control-lux:focus{border-color:rgba(43,106,216,.38)!important;box-shadow:0 0 0 .25rem rgba(43,106,216,.08)}
.premium-check-row{background:linear-gradient(180deg,rgba(255,255,255,.95),rgba(241,247,255,.94));border:1px solid rgba(72,128,221,.12);padding:.95rem 1rem;border-radius:18px;margin:0 0 1rem}
.shop-sidebar-quick-categories{margin-top:1.15rem;padding:1.05rem 1rem 1rem;border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(242,247,255,.94));box-shadow:0 14px 32px rgba(24,74,161,.05)}
.shop-sidebar-chip{background:#fff;border:1px solid rgba(72,128,221,.1);color:#2b4f85}
.shop-sidebar-chip:hover,.shop-sidebar-chip.is-active{background:linear-gradient(135deg,#2b86ff,#355dff);border-color:transparent;color:#fff;box-shadow:0 14px 30px rgba(43,106,216,.18)}
.shop-compact-actions{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;margin-bottom:1.15rem;padding:1rem 1.1rem;border-radius:24px;background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(239,246,255,.94));box-shadow:0 18px 40px rgba(20,72,160,.06)}
.shop-compact-actions__left{flex:1 1 420px}
.shop-compact-actions__right{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}
.shop-inline-note{display:inline-flex;align-items:center;min-height:52px;padding:.95rem 1rem;border-radius:18px;background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(248,251,255,.96));color:#6a81a3;font-weight:600;line-height:1.6;box-shadow:0 12px 28px rgba(21,74,160,.05)}
.shop-inline-stat{display:inline-flex;align-items:center;gap:.38rem;padding:.9rem 1rem;border-radius:18px;background:linear-gradient(135deg,#fff,#eef4ff);color:#5f789c;font-weight:700;box-shadow:0 12px 26px rgba(21,74,160,.05)}
.shop-inline-stat strong{color:#15449c;font-size:1rem}
.premium-active-pills--floating{margin:0}
.premium-product-grid-v4{row-gap:1.5rem}
.premium-product-card-v4{position:relative;overflow:hidden;border-radius:30px;background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(242,248,255,.94));box-shadow:0 24px 56px rgba(21,74,160,.08);transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}
.premium-product-card-v4::before{content:'';position:absolute;inset:0 0 auto 0;height:5px;background:linear-gradient(90deg,#23c4ff,#355dff,#8e7bff)}
.premium-product-card-v4:hover{transform:translateY(-6px);box-shadow:0 30px 70px rgba(21,74,160,.12);border-color:rgba(43,106,216,.22)}
.premium-product-card-shell{padding:1rem}
.premium-product-media-v4{position:relative;display:block;padding:.9rem;border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(243,247,255,.92));box-shadow:inset 0 0 0 1px rgba(73,129,220,.08),0 14px 34px rgba(20,72,160,.06)}
.premium-product-media-v4 img{height:260px;object-fit:contain;background:linear-gradient(180deg,#fff,#f6f9ff);border-radius:18px}
.premium-product-overlay-badge{top:1rem;left:1rem;background:linear-gradient(135deg,#2b86ff,#5c65ff);box-shadow:0 12px 26px rgba(43,106,216,.18)}
.premium-product-glow{background:radial-gradient(circle at 50% 100%, rgba(57,128,255,.18), transparent 65%)}
.product-card-body{padding:.95rem .25rem .2rem}
.premium-product-title{font-size:1.38rem;line-height:1.08;letter-spacing:-.03em;color:#183762;margin-bottom:.55rem}
.product-card-description{min-height:48px;color:#7287a9!important;line-height:1.7}
.premium-product-footer-v4{margin-top:1.05rem;padding-top:1rem;border-top:1px solid rgba(72,128,221,.1)}
.product-card-price{font-size:1.28rem;color:#1550c3}
.premium-product-actions-v4 .btn-primary-pill{padding:.8rem 1rem;border-radius:14px}
.premium-product-actions-v4 .btn-soft{padding:.78rem .95rem;border-radius:14px}
@media (max-width:1199px){.shop-compact-actions{padding:.95rem}.premium-product-media-v4 img{height:240px}}
@media (max-width:991px){.shop-compact-actions{margin-top:.25rem}.shop-compact-actions__right{width:100%}.shop-inline-stat{flex:1 1 160px;justify-content:center}}
@media (max-width:767px){.premium-shop-sidebar-head-v4 h2{font-size:1.7rem}.shop-compact-actions{padding:.85rem;border-radius:20px}.shop-inline-note,.shop-inline-stat{width:100%;justify-content:center;text-align:center}.premium-product-title{font-size:1.22rem}.premium-product-media-v4 img{height:220px}}


/* Shop page upgrade v6 */
.shop-toolbar-card{padding:1rem 1rem 1.05rem;border-radius:28px;background:linear-gradient(135deg,rgba(255,255,255,.97),rgba(240,246,255,.96));border:1px solid rgba(72,128,221,.12);box-shadow:0 20px 44px rgba(20,72,160,.07);margin-bottom:1rem}
.shop-toolbar-card__main{display:flex;gap:.85rem;align-items:center;justify-content:space-between;flex-wrap:wrap}
.shop-search-bar{flex:1 1 680px;display:flex;align-items:center;gap:.7rem;padding:.7rem;border-radius:22px;background:#fff;border:1px solid rgba(72,128,221,.16);box-shadow:inset 0 1px 0 rgba(255,255,255,.7)}
.shop-search-bar__icon{width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;border-radius:16px;background:linear-gradient(135deg,rgba(40,98,255,.12),rgba(35,196,255,.12));font-size:1rem;flex:0 0 auto}
.shop-search-bar input{flex:1;border:0;background:transparent;outline:none;font-size:1rem;color:#16325c;min-width:180px}
.shop-search-bar input::placeholder{color:#7d93b5}
.shop-search-bar__submit{white-space:nowrap}
.shop-toolbar-card__actions{display:flex;gap:.65rem;align-items:center;flex-wrap:wrap}
.shop-filter-trigger,.shop-reset-trigger{min-height:52px;padding:.8rem 1rem;border-radius:18px;font-weight:700}
.shop-compact-actions--toolbar{margin-top:.95rem;margin-bottom:.8rem}
.shop-toolbar-chip-row{display:flex;gap:.6rem;flex-wrap:wrap}
.shop-filter-offcanvas{width:min(420px,100vw);background:linear-gradient(180deg,#f8fbff 0%,#eef4ff 100%)}
.shop-filter-check-grid{display:grid;gap:.7rem;margin-bottom:1rem}
.shop-filter-hint-card{display:grid;gap:.35rem;padding:.9rem 1rem;margin-bottom:1rem;border-radius:18px;background:rgba(255,255,255,.82);border:1px solid rgba(72,128,221,.12);color:#54709a;font-size:.92rem}
.premium-product-grid-v4{row-gap:.9rem!important}
.premium-product-card-v4{border-radius:22px;max-width:250px;margin-inline:auto}
.premium-product-card-shell{padding:.68rem;border-radius:22px}
.premium-product-media-v4{border-radius:18px}
.premium-product-media-v4 img{height:180px;object-fit:contain;padding:.55rem;background:linear-gradient(180deg,#f9fbff 0%,#eef4ff 100%)}
.premium-product-overlay-badge{max-width:calc(100% - 1.15rem);padding:.42rem .7rem;font-size:.68rem;line-height:1.25;white-space:normal;word-break:break-word;text-align:center;border-radius:14px}
.premium-product-meta-row-v4{gap:.42rem;flex-wrap:wrap}
.premium-product-title{font-size:1rem;line-height:1.32;color:#18345e}
.product-card-body{padding:.1rem .15rem .05rem}
.product-card-description{font-size:.85rem;line-height:1.48;min-height:2.35rem}
.premium-product-footer-v4{margin-top:.82rem;padding-top:.72rem}
.product-card-price{font-size:1.08rem}
.premium-product-actions-v4{gap:.42rem;flex-wrap:wrap}
.premium-product-actions-v4 .btn{padding:.58rem .82rem;border-radius:14px;font-size:.82rem}
.floating-whatsapp-button{position:fixed;right:18px;bottom:18px;z-index:1050;display:inline-flex;align-items:center;justify-content:center;gap:.72rem;padding:.78rem 1rem .78rem .82rem;border-radius:999px;background:linear-gradient(135deg,#17c45b,#25d366 58%,#43df86 100%);color:#fff!important;text-decoration:none;font-weight:800;line-height:1;box-shadow:0 18px 42px rgba(18,115,52,.28);transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease;overflow:hidden}
.floating-whatsapp-button:hover{transform:translateY(-3px);box-shadow:0 22px 48px rgba(18,115,52,.34);color:#fff!important}
.floating-whatsapp-button__icon{width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 42px;border-radius:999px;background:rgba(255,255,255,.16);box-shadow:inset 0 1px 0 rgba(255,255,255,.24)}
.floating-whatsapp-button__icon svg{display:block;width:22px;height:22px;overflow:visible}
.floating-whatsapp-button__text{display:inline-flex;align-items:center;line-height:1;font-size:.96rem;white-space:nowrap}
body.intro-lock .floating-whatsapp-button,.storybook-entry-overlay.is-active ~ .floating-whatsapp-button{opacity:0;pointer-events:none;transform:translateY(18px)}
@media (max-width:991px){.shop-search-bar{flex-basis:100%}.shop-toolbar-card__actions{width:100%}.shop-filter-trigger,.shop-reset-trigger{flex:1 1 160px;justify-content:center}.premium-product-card-v4{max-width:235px}.premium-product-media-v4 img{height:172px}}
@media (max-width:767px){.shop-toolbar-card{padding:.85rem}.shop-search-bar{padding:.6rem;border-radius:18px}.shop-search-bar__icon{width:38px;height:38px}.shop-search-bar__submit{width:100%}.shop-search-bar{flex-wrap:wrap}.shop-search-bar input{min-width:100%}.premium-product-card-v4{max-width:100%}.premium-product-media-v4 img{height:165px}.floating-whatsapp-button{right:14px;bottom:14px;padding:.72rem .84rem .72rem .76rem}.floating-whatsapp-button__icon{width:38px;height:38px;flex-basis:38px}.floating-whatsapp-button__icon svg{width:20px;height:20px}.floating-whatsapp-button__text{display:none}}


/* Shop page polish v6.2 */
.shop-page-v4{position:relative;background:
radial-gradient(circle at top left, rgba(122,179,255,.24), transparent 24%),
radial-gradient(circle at 88% 18%, rgba(255,196,122,.18), transparent 18%),
radial-gradient(circle at 78% 62%, rgba(113,230,255,.20), transparent 20%),
linear-gradient(180deg,#f9fbff 0%,#f4f7ff 36%,#f7fbff 100%)}
.shop-toolbar-card{background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(243,247,255,.96));border-color:rgba(78,131,221,.14);box-shadow:0 24px 56px rgba(20,72,160,.08)}
.shop-search-bar{background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(248,251,255,.96));box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 10px 26px rgba(34,94,189,.04)}
.shop-search-bar__icon{background:linear-gradient(135deg,rgba(255,167,85,.18),rgba(53,93,255,.12),rgba(35,196,255,.18));color:#23468c}
.shop-inline-note--magical{gap:.7rem;padding:1rem 1.1rem;border-radius:20px;background:linear-gradient(135deg,#5f6bff 0%,#8a63ff 52%,#3bb8ff 100%);color:#fff;box-shadow:0 18px 38px rgba(63,89,184,.18)}
.shop-inline-note__spark{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border-radius:12px;background:linear-gradient(135deg,#ffd36e,#8d7cff);color:#fff;font-size:1rem;box-shadow:0 10px 20px rgba(141,124,255,.22);flex:0 0 auto}.shop-inline-note--magical span:last-child{color:#fff}
.shop-inline-stat{background:linear-gradient(135deg,#ffffff,#eef4ff 55%,#f7f1ff);border:1px solid rgba(93,120,214,.12)}
.shop-toolbar-chip-row .shop-sidebar-chip{background:linear-gradient(135deg,rgba(255,255,255,.95),rgba(243,248,255,.96));box-shadow:0 10px 20px rgba(26,77,164,.04)}
.shop-toolbar-chip-row .shop-sidebar-chip:hover,.shop-toolbar-chip-row .shop-sidebar-chip.is-active{box-shadow:0 16px 30px rgba(53,93,255,.18)}
.premium-product-grid-v4 > [class*='col-']{display:flex}
.premium-product-card-v4{width:100%;max-width:258px;border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.99),rgba(243,248,255,.95));box-shadow:0 18px 38px rgba(21,74,160,.08)}
.premium-product-card-v4::after{content:'';position:absolute;inset:auto -15% -28% auto;width:130px;height:130px;border-radius:999px;background:radial-gradient(circle, rgba(255,196,122,.18), transparent 72%);pointer-events:none}
.premium-product-card-shell{padding:.7rem}
.premium-product-media-v4{padding:.78rem;border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(241,247,255,.94));}
.premium-product-media-v4 img{height:182px;padding:.55rem}
.premium-product-overlay-badge{display:inline-flex;align-items:center;max-width:calc(100% - 1.6rem);padding:.52rem .72rem;border-radius:14px;font-size:.65rem;line-height:1.25;letter-spacing:.12em;white-space:normal;text-align:left}
.premium-product-title{font-size:1rem;min-height:2.5rem}
.product-card-description{font-size:.84rem;line-height:1.45;min-height:2.35rem}
.product-card-price{font-size:1.08rem}
.premium-stock-pill,.premium-sku-pill{font-size:.72rem}
.premium-product-actions-v4 .btn{padding:.58rem .82rem;border-radius:14px;font-size:.82rem}
.floating-whatsapp-button{gap:.7rem;padding:.78rem .98rem .78rem .82rem;background:linear-gradient(135deg,#1cbc5d 0%,#22ce6d 52%,#1ba84f 100%);border:1px solid rgba(255,255,255,.28);backdrop-filter:blur(10px)}
.floating-whatsapp-button__icon{width:42px;height:42px;background:rgba(255,255,255,.18);box-shadow:inset 0 1px 0 rgba(255,255,255,.28)}
.floating-whatsapp-button__icon svg{width:23px;height:23px;display:block}
body.intro-lock .floating-whatsapp-button{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(18px) scale(.92)}
@media (max-width:1199px){.premium-product-card-v4{max-width:100%}}
@media (max-width:767px){.shop-inline-note--magical{align-items:flex-start}.shop-inline-note__spark{width:30px;height:30px;border-radius:10px}.premium-product-card-v4{max-width:100%}.premium-product-media-v4 img{height:168px}}

/* Shop showcase layout v6.5 */
.shop-toolbar-card--compact{padding:1rem 1.05rem 1.05rem}
.shop-stage-header{max-width:940px;margin-bottom:1.1rem}
.shop-stage-header__eyebrow{margin-bottom:.7rem}
.shop-stage-header__title{margin:0;font-size:clamp(2rem,4vw,3.55rem);line-height:1.02;font-weight:800;letter-spacing:-.04em;color:#16345f}
.shop-stage-header__copy{margin:.95rem 0 0;color:#6880a7;font-size:1.06rem;max-width:800px}
.shop-stage-pills{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.2rem}
.shop-stage-pill{display:inline-flex;align-items:center;min-height:2.2rem;padding:.68rem 1rem;border-radius:999px;background:linear-gradient(135deg,rgba(255,255,255,.95),rgba(242,247,255,.98));border:1px solid rgba(72,128,221,.12);box-shadow:0 10px 22px rgba(25,72,160,.04);font-size:.83rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#355dff}
.shop-toolbar-chip-row--stage{margin-bottom:1.35rem}
.shop-stage-panel{position:relative;overflow:hidden;padding:1.25rem;border-radius:36px;border:1px solid rgba(72,128,221,.12);background:linear-gradient(135deg,rgba(255,255,255,.80),rgba(238,245,255,.72));box-shadow:0 26px 60px rgba(26,77,164,.08);min-height:440px}
.shop-stage-panel__glow{position:absolute;border-radius:999px;filter:blur(60px);pointer-events:none;opacity:.85}
.shop-stage-panel__glow--one{top:-40px;right:16%;width:210px;height:210px;background:rgba(125,162,255,.18)}
.shop-stage-panel__glow--two{right:6%;bottom:8%;width:190px;height:190px;background:rgba(146,226,255,.22)}
.premium-product-grid-v4--stage{position:relative;z-index:1;justify-content:flex-start;align-items:stretch}
.shop-stage-grid-col{display:flex}
.premium-product-card--shop-stage{max-width:235px;border-radius:24px;box-shadow:0 20px 42px rgba(21,74,160,.10)}
.premium-product-card--shop-stage .premium-product-card-shell{padding:.78rem}
.premium-product-card--shop-stage .premium-product-media-v4{padding:.72rem;border-radius:20px}
.premium-product-card--shop-stage .premium-product-media-v4 img{height:222px;padding:.35rem}
.premium-product-card--shop-stage .premium-product-overlay-badge{top:.65rem;left:.65rem;max-width:calc(100% - 1.3rem);padding:.44rem .62rem;font-size:.60rem;border-radius:12px;background:linear-gradient(135deg,rgba(96,110,255,.98),rgba(67,196,255,.94));color:#fff;box-shadow:0 12px 22px rgba(49,95,210,.22)}
.premium-product-card--shop-stage .premium-stock-pill{background:rgba(229,245,255,.95)}
.premium-product-card--shop-stage .premium-sku-pill{display:none}
.premium-product-card--shop-stage .product-card-body{padding:.82rem .16rem .08rem}
.premium-product-card--shop-stage .premium-product-title{font-size:1.12rem;line-height:1.18;min-height:auto;margin-bottom:.48rem}
.premium-product-card--shop-stage .product-card-description{font-size:.82rem;line-height:1.45;min-height:2.2rem;margin-bottom:.65rem}
.premium-product-card--shop-stage .premium-product-price-wrap small{font-size:.73rem;letter-spacing:.12em;text-transform:uppercase;color:#7c8faf}
.premium-product-card--shop-stage .product-card-price{font-size:1.35rem;color:#224a9e}
.premium-product-card--shop-stage .premium-product-footer{gap:.7rem;margin-top:.85rem;padding-top:.8rem;border-top:1px solid rgba(98,142,221,.14)}
.premium-product-actions-v4--shop-stage{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;width:100%}
.premium-product-actions-v4--shop-stage .btn,.premium-product-actions-v4--shop-stage form{width:100%}
.premium-product-actions-v4--shop-stage .btn{justify-content:center;padding:.68rem .55rem;border-radius:999px;font-size:.78rem;font-weight:700}
.premium-product-actions-v4--shop-stage .btn-soft{background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(237,244,255,.98));border:1px solid rgba(77,129,219,.14)}
@media (max-width:1199px){.shop-stage-panel{min-height:unset}.premium-product-card--shop-stage{max-width:100%}}
@media (max-width:991px){.shop-stage-header__title{font-size:clamp(1.8rem,6vw,2.8rem)}.premium-product-card--shop-stage .premium-product-media-v4 img{height:200px}}
@media (max-width:767px){.shop-stage-panel{padding:1rem;border-radius:26px}.shop-stage-header__copy{font-size:.98rem}.premium-product-actions-v4--shop-stage{grid-template-columns:1fr}.premium-product-card--shop-stage .premium-product-media-v4 img{height:182px}}


/* shop stage polish: add buy now/add to cart buttons + hover shimmer */
.premium-product-price-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.18rem}
.premium-product-details-link{font-size:.75rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#3568da;text-decoration:none}
.premium-product-details-link:hover{color:#163fa0}

.premium-product-card-v4,.premium-product-card-shell,.premium-product-media-v4{position:relative}
.premium-product-card-v4::before{pointer-events:none}
.premium-product-card-shell::after{
    content:'';
    position:absolute;
    inset:-28% auto -28% -62%;
    width:42%;
    background:linear-gradient(115deg, transparent 0%, rgba(255,255,255,.16) 34%, rgba(255,255,255,.68) 50%, rgba(255,255,255,.16) 66%, transparent 100%);
    transform:rotate(12deg) translateX(-130%);
    transition:transform .72s ease;
    pointer-events:none;
    opacity:0;
}
.premium-product-card-v4:hover .premium-product-card-shell::after{
    transform:rotate(12deg) translateX(385%);
    opacity:1;
}
.premium-product-card-v4:hover .premium-product-media-v4 img{
    transform:scale(1.035);
    filter:drop-shadow(0 14px 24px rgba(28,77,167,.16));
}
.premium-product-media-v4 img{
    transition:transform .35s ease,filter .35s ease;
}

.premium-product-card--shop-stage{
    max-width:220px;
}
.premium-product-card--shop-stage .premium-product-media-v4 img{
    height:206px;
}
.premium-product-card--shop-stage .premium-product-overlay-badge{
    font-size:.58rem;
    line-height:1.3;
}
.premium-product-card--shop-stage .premium-product-title{
    font-size:1.02rem;
}
.premium-product-card--shop-stage .premium-product-footer{
    gap:.58rem;
}
.premium-product-card--shop-stage .product-card-price{
    font-size:1.22rem;
}
.premium-product-actions-v4--shop-stage .btn{
    min-height:40px;
    padding:.62rem .5rem;
    font-size:.76rem;
}
@media (max-width:991px){
    .premium-product-card--shop-stage{max-width:100%}
    .premium-product-card--shop-stage .premium-product-media-v4 img{height:190px}
}


/* v7.3 navbar and shop cleanup */
.site-header--orbital{transition:transform .32s ease}
.orbital-brand .brand-mark{width:68px;height:68px;border-radius:1.45rem}
.orbital-brand .brand-name{font-size:1.9rem;line-height:1;font-weight:900;letter-spacing:-.03em;color:#2450c9}
.orbital-brand .brand-subtitle{font-size:.95rem;color:#7c8daf;font-weight:700}
.orbital-actions{gap:.35rem}
.orbital-action{padding:.9rem .82rem;border-radius:1rem}
.orbital-action__icon{opacity:.92}
.orbital-search{min-height:4.25rem}
.orbital-search__submit{background:linear-gradient(135deg,#4b96ff,#265cff 60%,#2149e0)}
.orbital-link-strip{position:relative}
.orbital-link-strip::before{content:'';position:absolute;inset:10px;pointer-events:none;border-radius:1.2rem;background:linear-gradient(90deg,rgba(87,161,255,.06),rgba(128,98,255,.05),rgba(82,220,255,.05))}
.orbital-link-strip > *{position:relative;z-index:1}
.scroll-up-linkbar__shell{max-width:900px;margin-inline:auto}

.shop-stage-header{display:grid;gap:.4rem}
.shop-stage-header__utility{display:flex;align-items:center;gap:.75rem;justify-content:flex-start;margin-top:1.1rem;flex-wrap:wrap}
.shop-filter-fab{display:inline-flex;align-items:center;gap:.65rem;padding:.88rem 1.05rem;border-radius:999px;background:linear-gradient(135deg,#265cff,#4f8dff);border:1px solid transparent;color:#fff;font-weight:800;box-shadow:0 18px 38px rgba(37,92,255,.18)}
.shop-filter-fab:hover{color:#fff;transform:translateY(-1px)}
.shop-filter-fab--ghost{background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(241,246,255,.98));border-color:rgba(73,119,221,.1);color:#23468c;box-shadow:0 12px 26px rgba(20,49,93,.06)}
.shop-filter-fab--ghost:hover{color:#23468c}
.shop-filter-fab__icon{width:1.25rem;height:1.25rem;display:inline-flex;align-items:center;justify-content:center}
.shop-filter-fab__icon svg{width:100%;height:100%}
.shop-filter-trigger{display:inline-flex;align-items:center;gap:.5rem}
.shop-toolbar-chip-row .shop-sidebar-chip:hover,.shop-toolbar-chip-row .shop-sidebar-chip.is-active{background:linear-gradient(135deg,#dfeaff,#f4f8ff);border-color:rgba(43,106,216,.16);color:#2450c9;box-shadow:0 16px 30px rgba(53,93,255,.12)}
.shop-stage-panel{min-height:unset}
.shop-empty-wrap{min-height:330px;display:flex;align-items:center;justify-content:center}
.shop-empty-card{text-align:center;margin-inline:auto}
@media (max-width:991.98px){.orbital-brand .brand-name{font-size:1.5rem}.orbital-brand .brand-subtitle{font-size:.84rem}.orbital-search{min-height:3.8rem}.shop-stage-header__utility{justify-content:flex-start}}


/* v7.3 coupon card header fixes */
.story-coupon-brand-row,.coupon-center-brand-row{align-items:flex-start;gap:.55rem}
.story-coupon-brand,.coupon-center-brand{max-width:calc(100% - 4.1rem);gap:.58rem}
.story-coupon-brand img,.coupon-center-brand img{width:30px;height:30px;flex:0 0 30px;border-radius:10px}
.story-coupon-brand strong,.coupon-center-brand strong{font-size:.74rem;line-height:1.05;word-break:break-word}
.story-coupon-brand span,.coupon-center-brand span{font-size:.56rem;line-height:1.1;letter-spacing:.06em}
.story-coupon-serial,.coupon-center-serial{min-width:54px;padding:.36rem .52rem;font-size:.66rem;align-self:flex-start;margin-left:auto}
.story-coupon-hero,.coupon-center-card-hero{padding-top:1.08rem}


/* Final polish - coupon clarity, hero copy, and responsive empty states */
.story-kicker--hero{
  background:linear-gradient(145deg, rgba(37,80,213,.10), rgba(116,208,255,.12));
  border-color:rgba(37,80,213,.14);
  color:#1e49cf;
  box-shadow:0 16px 32px rgba(37,80,213,.08);
}
.story-title--hero{
  color:#16325b;
  letter-spacing:-.05em;
  text-shadow:0 8px 24px rgba(33,71,177,.08);
}
.story-lead--hero{
  padding:1rem 1.15rem;
  border-radius:24px;
  background:linear-gradient(145deg, rgba(255,255,255,.86), rgba(234,243,255,.86));
  border:1px solid rgba(37,80,213,.08);
  box-shadow:0 18px 36px rgba(37,80,213,.06);
  color:#526f9a;
}
.story-coupon-empty{
  grid-column:1 / -1;
  padding:1.4rem 1.2rem;
  border-radius:28px;
  background:linear-gradient(145deg, rgba(255,255,255,.96), rgba(238,246,255,.94));
  border:1px dashed rgba(63,103,214,.24);
  box-shadow:0 18px 40px rgba(37,80,213,.06);
  color:#647eaa;
  text-align:left;
}
.story-coupon-empty strong{display:block;color:#16325b;font-size:1.02rem;margin-bottom:.35rem}
.story-coupon-empty span{display:block;line-height:1.7}
.story-coupon-brand span,
.coupon-center-brand span{
  color:rgba(255,255,255,.92);
  font-weight:800;
}
.story-coupon-serial,
.coupon-center-serial{
  min-width:56px;
  padding:.42rem .78rem;
  background:linear-gradient(145deg, rgba(255,255,255,.30), rgba(255,255,255,.18));
  border:1px solid rgba(255,255,255,.22);
  color:#ffffff;
  text-shadow:0 2px 8px rgba(0,0,0,.22);
  box-shadow:0 14px 24px rgba(10,22,59,.16);
}
.story-coupon-offer{
  background:linear-gradient(145deg, rgba(255,255,255,.26), rgba(255,255,255,.14));
  border:1px solid rgba(255,255,255,.18);
  text-shadow:0 2px 8px rgba(0,0,0,.18);
}
.story-coupon-hero h3,
.coupon-center-card h3{
  text-shadow:0 2px 10px rgba(0,0,0,.16);
}
.story-coupon-hero p,
.coupon-center-copy{
  color:rgba(255,255,255,.90);
}
@media (max-width: 767.98px){
  .story-kicker--hero{font-size:.75rem;letter-spacing:.10em;padding:.5rem .8rem}
  .story-title--hero{font-size:clamp(2rem, 9vw, 2.7rem);line-height:1.08}
  .story-lead--hero{padding:.92rem 1rem;border-radius:20px;font-size:1rem;line-height:1.75}
  .story-coupon-empty{padding:1.15rem 1rem;border-radius:22px}
  .story-coupon-serial,
  .coupon-center-serial{min-width:52px;padding:.38rem .7rem;font-size:.76rem}
}


/* === Literary full-site background system === */
body.literary-site-shell,body.site-shell.literary-site-shell,body.panel-body.literary-site-shell,body.admin-body.literary-site-shell,body.literary-site-shell.customer-panel-body{background-color:#eef6ff;background-image:radial-gradient(circle at 8% 8%, rgba(110, 220, 255, .28), transparent 15%),radial-gradient(circle at 92% 5%, rgba(37, 89, 255, .18), transparent 16%),radial-gradient(circle at 14% 78%, rgba(255, 211, 102, .14), transparent 14%),radial-gradient(circle at 86% 84%, rgba(131, 109, 255, .12), transparent 16%),url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20900%20900'%3E%3Cg%20opacity='.58'%20fill='none'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cg%20stroke='%239fd6ff'%20stroke-width='3.5'%3E%3Cpath%20d='M72%2098h112c22%200%2040%2018%2040%2040v140H112c-22%200-40-18-40-40z'/%3E%3Cpath%20d='M224%20138c0-22%2018-40%2040-40h112v140H264c-22%200-40%2018-40%2040z'/%3E%3Cpath%20d='M376%2098h96c26%200%2048%2022%2048%2048v126H424c-26%200-48-22-48-48z'/%3E%3Cpath%20d='M583%20112l84%200c24%200%2044%2020%2044%2044v124h-84c-24%200-44-20-44-44z'/%3E%3Cpath%20d='M739%20140l66-16%2032%20132-66%2016c-18%204-36-7-40-25z'/%3E%3C/g%3E%3Cg%20stroke='%237aa9ff'%20stroke-width='2.8'%3E%3Cpath%20d='M109%20156h86'/%3E%3Cpath%20d='M109%20188h64'/%3E%3Cpath%20d='M109%20220h92'/%3E%3Cpath%20d='M262%20162h74'/%3E%3Cpath%20d='M262%20194h94'/%3E%3Cpath%20d='M262%20226h58'/%3E%3Cpath%20d='M414%20160h72'/%3E%3Cpath%20d='M414%20192h86'/%3E%3Cpath%20d='M414%20224h52'/%3E%3Cpath%20d='M624%20174h58'/%3E%3Cpath%20d='M624%20206h74'/%3E%3Cpath%20d='M624%20238h42'/%3E%3C/g%3E%3Cg%20stroke='%237fd7d2'%20stroke-width='3'%3E%3Cpath%20d='M126%20464c68-32%20138-48%20210-48s142%2016%20210%2048'/%3E%3Cpath%20d='M126%20464v154c70-32%20140-48%20210-48s140%2016%20210%2048V464'/%3E%3Cpath%20d='M336%20416v202'/%3E%3Cpath%20d='M118%20632c72-34%20145-51%20218-51s146%2017%20218%2051'/%3E%3C/g%3E%3Cg%20stroke='%2397c0ff'%20stroke-width='2.4'%3E%3Cpath%20d='M626%20412l56%2056'/%3E%3Cpath%20d='M648%20390l56%2056'/%3E%3Cpath%20d='M692%20548l-86-86'/%3E%3Cpath%20d='M681%20398l46-46'/%3E%3Cpath%20d='M694%20411l33-33'/%3E%3C/g%3E%3Cg%20stroke='%23b4e4ff'%20stroke-width='2.8'%3E%3Cpath%20d='M82%20756h182'/%3E%3Cpath%20d='M102%20722h142'/%3E%3Cpath%20d='M642%20734c0-34%2028-62%2062-62s62%2028%2062%2062-28%2062-62%2062-62-28-62-62z'/%3E%3Cpath%20d='M704%20662v144'/%3E%3Cpath%20d='M642%20734h124'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201000%201000'%3E%3Cg%20opacity='.52'%20fill='none'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cg%20stroke='%23ffffff'%20stroke-width='3.2'%3E%3Cpath%20d='M118%20198l12%2036h38l-30%2020%2012%2036-32-24-32%2024%2012-36-30-20h38z'/%3E%3Cpath%20d='M792%20168l10%2028h30l-24%2018%2010%2028-26-19-26%2019%2010-28-24-18h30z'/%3E%3Cpath%20d='M826%20766l12%2034h36l-28%2020%2010%2034-30-22-30%2022%2010-34-28-20h36z'/%3E%3C/g%3E%3Cg%20stroke='%23c7e7ff'%20stroke-width='3'%3E%3Cpath%20d='M196%20572c24-60%2064-112%20116-150'/%3E%3Cpath%20d='M282%20594c16-42%2046-82%2084-112'/%3E%3Cpath%20d='M694%20518c42%2030%2078%2072%20104%20122'/%3E%3Cpath%20d='M690%20592c30%2022%2056%2052%2074%2086'/%3E%3C/g%3E%3Cg%20stroke='%238fe0ff'%20stroke-width='3.5'%3E%3Cpath%20d='M510%20138c18%2034%2026%2068%2026%20102%200%2032-8%2064-24%2096'/%3E%3Cpath%20d='M548%20158c26%2028%2040%2058%2044%2094'/%3E%3Cpath%20d='M470%20200c-22%2028-34%2056-38%2088'/%3E%3C/g%3E%3Cg%20stroke='%237aa9ff'%20stroke-width='3.4'%3E%3Cpath%20d='M154%20820c68-34%20130-48%20188-42'/%3E%3Cpath%20d='M674%20850c54-18%20112-18%20176%200'/%3E%3Cpath%20d='M658%20888c56-18%20118-18%20186%200'/%3E%3C/g%3E%3Cg%20stroke='%2389d2ff'%20stroke-width='3'%3E%3Cpath%20d='M438%20700c34-18%2078-26%20128-24'/%3E%3Cpath%20d='M432%20746c44-12%2092-12%20144%200'/%3E%3Cpath%20d='M456%20792c32-8%2064-8%2096%200'/%3E%3C/g%3E%3Cg%20stroke='%23bcecff'%20stroke-width='2.6'%3E%3Cpath%20d='M878%20386l44%2018'/%3E%3Cpath%20d='M900%20362l18%2044'/%3E%3Cpath%20d='M104%20384l44%2018'/%3E%3Cpath%20d='M126%20360l18%2044'/%3E%3Cpath%20d='M508%20520l30%2030'/%3E%3Cpath%20d='M538%20520l-30%2030'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"),linear-gradient(180deg, #f4faff 0%, #ecf5ff 34%, #f9fcff 100%);background-repeat:no-repeat,no-repeat,no-repeat,no-repeat,repeat,repeat,no-repeat;background-size:auto,auto,auto,auto,880px 880px,960px 960px,cover;background-position:left top,right top,left 74%,right 82%,center top,center 180px,center top;color:var(--text);}
body.literary-site-shell::before{content:'';position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.55;background:radial-gradient(circle at 4% 18%, rgba(255,255,255,.70), transparent 14%),radial-gradient(circle at 96% 14%, rgba(255,255,255,.52), transparent 12%),radial-gradient(circle at 16% 88%, rgba(255,255,255,.45), transparent 11%),radial-gradient(circle at 86% 78%, rgba(255,255,255,.38), transparent 11%);mix-blend-mode:screen;}
body.literary-site-shell::after{content:'';position:fixed;inset:-4%;pointer-events:none;z-index:-1;opacity:.32;background:radial-gradient(circle at 20% 24%, rgba(87, 191, 255, .34), transparent 18%),radial-gradient(circle at 80% 20%, rgba(43, 104, 255, .24), transparent 18%),radial-gradient(circle at 28% 78%, rgba(252, 206, 102, .18), transparent 16%),radial-gradient(circle at 74% 76%, rgba(145, 112, 255, .16), transparent 16%);filter:blur(28px);}
body.home-story-shell.literary-site-shell{background-image:radial-gradient(circle at 8% 8%, rgba(110, 220, 255, .34), transparent 15%),radial-gradient(circle at 92% 5%, rgba(37, 89, 255, .20), transparent 16%),radial-gradient(circle at 14% 78%, rgba(255, 211, 102, .16), transparent 14%),radial-gradient(circle at 86% 84%, rgba(131, 109, 255, .14), transparent 16%),url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201200%201000'%3E%3Cg%20opacity='.55'%20fill='none'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cg%20stroke='%23dff3ff'%20stroke-width='3.2'%3E%3Cpath%20d='M80%20190c96-40%20194-60%20294-60s198%2020%20294%2060'/%3E%3Cpath%20d='M532%20154c44-16%2088-24%20132-24%2092%200%20182%2024%20270%2072'/%3E%3Cpath%20d='M72%20238c112-28%20218-28%20318%200'/%3E%3C/g%3E%3Cg%20stroke='%2398dfff'%20stroke-width='3.4'%3E%3Cpath%20d='M150%20416c72-38%20150-58%20234-58%2080%200%20156%2018%20230%2054'/%3E%3Cpath%20d='M152%20474c82-26%20164-30%20248-12'/%3E%3Cpath%20d='M716%20394c72-30%20148-44%20226-44%2070%200%20138%2012%20206%2038'/%3E%3C/g%3E%3Cg%20stroke='%237cb7ff'%20stroke-width='3'%3E%3Cpath%20d='M182%20690h134c24%200%2044%2020%2044%2044v112H226c-24%200-44-20-44-44z'/%3E%3Cpath%20d='M388%20706h126c22%200%2040%2018%2040%2040v100H428c-22%200-40-18-40-40z'/%3E%3Cpath%20d='M744%20680h136c24%200%2044%2020%2044%2044v122H788c-24%200-44-20-44-44z'/%3E%3C/g%3E%3Cg%20stroke='%23b4eaff'%20stroke-width='3'%3E%3Cpath%20d='M604%20640c82%200%20146%2066%20146%20146'/%3E%3Cpath%20d='M604%20640c-82%200-146%2066-146%20146'/%3E%3Cpath%20d='M604%20640v208'/%3E%3Cpath%20d='M490%20720c34-14%2072-22%20114-22s80%208%20114%2022'/%3E%3C/g%3E%3Cg%20stroke='%23ffffff'%20stroke-width='3.1'%3E%3Cpath%20d='M1010%20188l12%2034h36l-30%2020%2012%2034-30-22-30%2022%2012-34-30-20h36z'/%3E%3Cpath%20d='M238%20832l10%2028h30l-24%2018%2010%2028-26-19-26%2019%2010-28-24-18h30z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20900%20900'%3E%3Cg%20opacity='.58'%20fill='none'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cg%20stroke='%239fd6ff'%20stroke-width='3.5'%3E%3Cpath%20d='M72%2098h112c22%200%2040%2018%2040%2040v140H112c-22%200-40-18-40-40z'/%3E%3Cpath%20d='M224%20138c0-22%2018-40%2040-40h112v140H264c-22%200-40%2018-40%2040z'/%3E%3Cpath%20d='M376%2098h96c26%200%2048%2022%2048%2048v126H424c-26%200-48-22-48-48z'/%3E%3Cpath%20d='M583%20112l84%200c24%200%2044%2020%2044%2044v124h-84c-24%200-44-20-44-44z'/%3E%3Cpath%20d='M739%20140l66-16%2032%20132-66%2016c-18%204-36-7-40-25z'/%3E%3C/g%3E%3Cg%20stroke='%237aa9ff'%20stroke-width='2.8'%3E%3Cpath%20d='M109%20156h86'/%3E%3Cpath%20d='M109%20188h64'/%3E%3Cpath%20d='M109%20220h92'/%3E%3Cpath%20d='M262%20162h74'/%3E%3Cpath%20d='M262%20194h94'/%3E%3Cpath%20d='M262%20226h58'/%3E%3Cpath%20d='M414%20160h72'/%3E%3Cpath%20d='M414%20192h86'/%3E%3Cpath%20d='M414%20224h52'/%3E%3Cpath%20d='M624%20174h58'/%3E%3Cpath%20d='M624%20206h74'/%3E%3Cpath%20d='M624%20238h42'/%3E%3C/g%3E%3Cg%20stroke='%237fd7d2'%20stroke-width='3'%3E%3Cpath%20d='M126%20464c68-32%20138-48%20210-48s142%2016%20210%2048'/%3E%3Cpath%20d='M126%20464v154c70-32%20140-48%20210-48s140%2016%20210%2048V464'/%3E%3Cpath%20d='M336%20416v202'/%3E%3Cpath%20d='M118%20632c72-34%20145-51%20218-51s146%2017%20218%2051'/%3E%3C/g%3E%3Cg%20stroke='%2397c0ff'%20stroke-width='2.4'%3E%3Cpath%20d='M626%20412l56%2056'/%3E%3Cpath%20d='M648%20390l56%2056'/%3E%3Cpath%20d='M692%20548l-86-86'/%3E%3Cpath%20d='M681%20398l46-46'/%3E%3Cpath%20d='M694%20411l33-33'/%3E%3C/g%3E%3Cg%20stroke='%23b4e4ff'%20stroke-width='2.8'%3E%3Cpath%20d='M82%20756h182'/%3E%3Cpath%20d='M102%20722h142'/%3E%3Cpath%20d='M642%20734c0-34%2028-62%2062-62s62%2028%2062%2062-28%2062-62%2062-62-28-62-62z'/%3E%3Cpath%20d='M704%20662v144'/%3E%3Cpath%20d='M642%20734h124'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201000%201000'%3E%3Cg%20opacity='.52'%20fill='none'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cg%20stroke='%23ffffff'%20stroke-width='3.2'%3E%3Cpath%20d='M118%20198l12%2036h38l-30%2020%2012%2036-32-24-32%2024%2012-36-30-20h38z'/%3E%3Cpath%20d='M792%20168l10%2028h30l-24%2018%2010%2028-26-19-26%2019%2010-28-24-18h30z'/%3E%3Cpath%20d='M826%20766l12%2034h36l-28%2020%2010%2034-30-22-30%2022%2010-34-28-20h36z'/%3E%3C/g%3E%3Cg%20stroke='%23c7e7ff'%20stroke-width='3'%3E%3Cpath%20d='M196%20572c24-60%2064-112%20116-150'/%3E%3Cpath%20d='M282%20594c16-42%2046-82%2084-112'/%3E%3Cpath%20d='M694%20518c42%2030%2078%2072%20104%20122'/%3E%3Cpath%20d='M690%20592c30%2022%2056%2052%2074%2086'/%3E%3C/g%3E%3Cg%20stroke='%238fe0ff'%20stroke-width='3.5'%3E%3Cpath%20d='M510%20138c18%2034%2026%2068%2026%20102%200%2032-8%2064-24%2096'/%3E%3Cpath%20d='M548%20158c26%2028%2040%2058%2044%2094'/%3E%3Cpath%20d='M470%20200c-22%2028-34%2056-38%2088'/%3E%3C/g%3E%3Cg%20stroke='%237aa9ff'%20stroke-width='3.4'%3E%3Cpath%20d='M154%20820c68-34%20130-48%20188-42'/%3E%3Cpath%20d='M674%20850c54-18%20112-18%20176%200'/%3E%3Cpath%20d='M658%20888c56-18%20118-18%20186%200'/%3E%3C/g%3E%3Cg%20stroke='%2389d2ff'%20stroke-width='3'%3E%3Cpath%20d='M438%20700c34-18%2078-26%20128-24'/%3E%3Cpath%20d='M432%20746c44-12%2092-12%20144%200'/%3E%3Cpath%20d='M456%20792c32-8%2064-8%2096%200'/%3E%3C/g%3E%3Cg%20stroke='%23bcecff'%20stroke-width='2.6'%3E%3Cpath%20d='M878%20386l44%2018'/%3E%3Cpath%20d='M900%20362l18%2044'/%3E%3Cpath%20d='M104%20384l44%2018'/%3E%3Cpath%20d='M126%20360l18%2044'/%3E%3Cpath%20d='M508%20520l30%2030'/%3E%3Cpath%20d='M538%20520l-30%2030'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"),linear-gradient(180deg, #f2f9ff 0%, #eaf4ff 38%, #f9fcff 100%);background-repeat:no-repeat,no-repeat,no-repeat,no-repeat,repeat,repeat,repeat,no-repeat;background-size:auto,auto,auto,auto,1200px 1000px,920px 920px,980px 980px,cover;background-position:left top,right top,left 74%,right 82%,center top,center top,center 240px,center top;}
body.literary-site-shell .site-footer,body.literary-site-shell .panel-shell,body.literary-site-shell .admin-shell{position:relative;z-index:1;}
body.literary-site-shell .section-space,body.literary-site-shell main,body.literary-site-shell .account-shell-wrap,body.literary-site-shell .panel-main,body.literary-site-shell .admin-main{position:relative;z-index:1;}
body.literary-site-shell .site-footer{backdrop-filter:blur(10px);}
@media (max-width: 991.98px){body.literary-site-shell,body.site-shell.literary-site-shell,body.panel-body.literary-site-shell,body.admin-body.literary-site-shell,body.literary-site-shell.customer-panel-body{background-size:auto,auto,auto,auto,720px 720px,800px 800px,cover;background-position:left top,right top,left 88%,right 92%,center top,center 140px,center top;}body.home-story-shell.literary-site-shell{background-size:auto,auto,auto,auto,900px 760px,760px 760px,820px 820px,cover;background-position:left top,right top,left 88%,right 92%,center top,center top,center 160px,center top;}}
@media (max-width: 767.98px){body.literary-site-shell,body.site-shell.literary-site-shell,body.panel-body.literary-site-shell,body.admin-body.literary-site-shell,body.literary-site-shell.customer-panel-body{background-image:radial-gradient(circle at 10% 8%, rgba(110, 220, 255, .24), transparent 18%),radial-gradient(circle at 92% 6%, rgba(37, 89, 255, .16), transparent 18%),radial-gradient(circle at 18% 88%, rgba(255, 211, 102, .12), transparent 18%),radial-gradient(circle at 86% 84%, rgba(131, 109, 255, .10), transparent 18%),url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20900%20900'%3E%3Cg%20opacity='.58'%20fill='none'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cg%20stroke='%239fd6ff'%20stroke-width='3.5'%3E%3Cpath%20d='M72%2098h112c22%200%2040%2018%2040%2040v140H112c-22%200-40-18-40-40z'/%3E%3Cpath%20d='M224%20138c0-22%2018-40%2040-40h112v140H264c-22%200-40%2018-40%2040z'/%3E%3Cpath%20d='M376%2098h96c26%200%2048%2022%2048%2048v126H424c-26%200-48-22-48-48z'/%3E%3Cpath%20d='M583%20112l84%200c24%200%2044%2020%2044%2044v124h-84c-24%200-44-20-44-44z'/%3E%3Cpath%20d='M739%20140l66-16%2032%20132-66%2016c-18%204-36-7-40-25z'/%3E%3C/g%3E%3Cg%20stroke='%237aa9ff'%20stroke-width='2.8'%3E%3Cpath%20d='M109%20156h86'/%3E%3Cpath%20d='M109%20188h64'/%3E%3Cpath%20d='M109%20220h92'/%3E%3Cpath%20d='M262%20162h74'/%3E%3Cpath%20d='M262%20194h94'/%3E%3Cpath%20d='M262%20226h58'/%3E%3Cpath%20d='M414%20160h72'/%3E%3Cpath%20d='M414%20192h86'/%3E%3Cpath%20d='M414%20224h52'/%3E%3Cpath%20d='M624%20174h58'/%3E%3Cpath%20d='M624%20206h74'/%3E%3Cpath%20d='M624%20238h42'/%3E%3C/g%3E%3Cg%20stroke='%237fd7d2'%20stroke-width='3'%3E%3Cpath%20d='M126%20464c68-32%20138-48%20210-48s142%2016%20210%2048'/%3E%3Cpath%20d='M126%20464v154c70-32%20140-48%20210-48s140%2016%20210%2048V464'/%3E%3Cpath%20d='M336%20416v202'/%3E%3Cpath%20d='M118%20632c72-34%20145-51%20218-51s146%2017%20218%2051'/%3E%3C/g%3E%3Cg%20stroke='%2397c0ff'%20stroke-width='2.4'%3E%3Cpath%20d='M626%20412l56%2056'/%3E%3Cpath%20d='M648%20390l56%2056'/%3E%3Cpath%20d='M692%20548l-86-86'/%3E%3Cpath%20d='M681%20398l46-46'/%3E%3Cpath%20d='M694%20411l33-33'/%3E%3C/g%3E%3Cg%20stroke='%23b4e4ff'%20stroke-width='2.8'%3E%3Cpath%20d='M82%20756h182'/%3E%3Cpath%20d='M102%20722h142'/%3E%3Cpath%20d='M642%20734c0-34%2028-62%2062-62s62%2028%2062%2062-28%2062-62%2062-62-28-62-62z'/%3E%3Cpath%20d='M704%20662v144'/%3E%3Cpath%20d='M642%20734h124'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201000%201000'%3E%3Cg%20opacity='.52'%20fill='none'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cg%20stroke='%23ffffff'%20stroke-width='3.2'%3E%3Cpath%20d='M118%20198l12%2036h38l-30%2020%2012%2036-32-24-32%2024%2012-36-30-20h38z'/%3E%3Cpath%20d='M792%20168l10%2028h30l-24%2018%2010%2028-26-19-26%2019%2010-28-24-18h30z'/%3E%3Cpath%20d='M826%20766l12%2034h36l-28%2020%2010%2034-30-22-30%2022%2010-34-28-20h36z'/%3E%3C/g%3E%3Cg%20stroke='%23c7e7ff'%20stroke-width='3'%3E%3Cpath%20d='M196%20572c24-60%2064-112%20116-150'/%3E%3Cpath%20d='M282%20594c16-42%2046-82%2084-112'/%3E%3Cpath%20d='M694%20518c42%2030%2078%2072%20104%20122'/%3E%3Cpath%20d='M690%20592c30%2022%2056%2052%2074%2086'/%3E%3C/g%3E%3Cg%20stroke='%238fe0ff'%20stroke-width='3.5'%3E%3Cpath%20d='M510%20138c18%2034%2026%2068%2026%20102%200%2032-8%2064-24%2096'/%3E%3Cpath%20d='M548%20158c26%2028%2040%2058%2044%2094'/%3E%3Cpath%20d='M470%20200c-22%2028-34%2056-38%2088'/%3E%3C/g%3E%3Cg%20stroke='%237aa9ff'%20stroke-width='3.4'%3E%3Cpath%20d='M154%20820c68-34%20130-48%20188-42'/%3E%3Cpath%20d='M674%20850c54-18%20112-18%20176%200'/%3E%3Cpath%20d='M658%20888c56-18%20118-18%20186%200'/%3E%3C/g%3E%3Cg%20stroke='%2389d2ff'%20stroke-width='3'%3E%3Cpath%20d='M438%20700c34-18%2078-26%20128-24'/%3E%3Cpath%20d='M432%20746c44-12%2092-12%20144%200'/%3E%3Cpath%20d='M456%20792c32-8%2064-8%2096%200'/%3E%3C/g%3E%3Cg%20stroke='%23bcecff'%20stroke-width='2.6'%3E%3Cpath%20d='M878%20386l44%2018'/%3E%3Cpath%20d='M900%20362l18%2044'/%3E%3Cpath%20d='M104%20384l44%2018'/%3E%3Cpath%20d='M126%20360l18%2044'/%3E%3Cpath%20d='M508%20520l30%2030'/%3E%3Cpath%20d='M538%20520l-30%2030'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"),linear-gradient(180deg, #f4faff 0%, #edf6ff 34%, #fbfdff 100%);background-size:auto,auto,auto,auto,620px 620px,720px 720px,cover;background-position:left top,right top,left 92%,right 94%,center top,center 120px,center top;}body.home-story-shell.literary-site-shell{background-image:radial-gradient(circle at 10% 8%, rgba(110, 220, 255, .28), transparent 18%),radial-gradient(circle at 92% 6%, rgba(37, 89, 255, .18), transparent 18%),radial-gradient(circle at 18% 88%, rgba(255, 211, 102, .14), transparent 18%),radial-gradient(circle at 86% 84%, rgba(131, 109, 255, .12), transparent 18%),url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201200%201000'%3E%3Cg%20opacity='.55'%20fill='none'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cg%20stroke='%23dff3ff'%20stroke-width='3.2'%3E%3Cpath%20d='M80%20190c96-40%20194-60%20294-60s198%2020%20294%2060'/%3E%3Cpath%20d='M532%20154c44-16%2088-24%20132-24%2092%200%20182%2024%20270%2072'/%3E%3Cpath%20d='M72%20238c112-28%20218-28%20318%200'/%3E%3C/g%3E%3Cg%20stroke='%2398dfff'%20stroke-width='3.4'%3E%3Cpath%20d='M150%20416c72-38%20150-58%20234-58%2080%200%20156%2018%20230%2054'/%3E%3Cpath%20d='M152%20474c82-26%20164-30%20248-12'/%3E%3Cpath%20d='M716%20394c72-30%20148-44%20226-44%2070%200%20138%2012%20206%2038'/%3E%3C/g%3E%3Cg%20stroke='%237cb7ff'%20stroke-width='3'%3E%3Cpath%20d='M182%20690h134c24%200%2044%2020%2044%2044v112H226c-24%200-44-20-44-44z'/%3E%3Cpath%20d='M388%20706h126c22%200%2040%2018%2040%2040v100H428c-22%200-40-18-40-40z'/%3E%3Cpath%20d='M744%20680h136c24%200%2044%2020%2044%2044v122H788c-24%200-44-20-44-44z'/%3E%3C/g%3E%3Cg%20stroke='%23b4eaff'%20stroke-width='3'%3E%3Cpath%20d='M604%20640c82%200%20146%2066%20146%20146'/%3E%3Cpath%20d='M604%20640c-82%200-146%2066-146%20146'/%3E%3Cpath%20d='M604%20640v208'/%3E%3Cpath%20d='M490%20720c34-14%2072-22%20114-22s80%208%20114%2022'/%3E%3C/g%3E%3Cg%20stroke='%23ffffff'%20stroke-width='3.1'%3E%3Cpath%20d='M1010%20188l12%2034h36l-30%2020%2012%2034-30-22-30%2022%2012-34-30-20h36z'/%3E%3Cpath%20d='M238%20832l10%2028h30l-24%2018%2010%2028-26-19-26%2019%2010-28-24-18h30z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20900%20900'%3E%3Cg%20opacity='.58'%20fill='none'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cg%20stroke='%239fd6ff'%20stroke-width='3.5'%3E%3Cpath%20d='M72%2098h112c22%200%2040%2018%2040%2040v140H112c-22%200-40-18-40-40z'/%3E%3Cpath%20d='M224%20138c0-22%2018-40%2040-40h112v140H264c-22%200-40%2018-40%2040z'/%3E%3Cpath%20d='M376%2098h96c26%200%2048%2022%2048%2048v126H424c-26%200-48-22-48-48z'/%3E%3Cpath%20d='M583%20112l84%200c24%200%2044%2020%2044%2044v124h-84c-24%200-44-20-44-44z'/%3E%3Cpath%20d='M739%20140l66-16%2032%20132-66%2016c-18%204-36-7-40-25z'/%3E%3C/g%3E%3Cg%20stroke='%237aa9ff'%20stroke-width='2.8'%3E%3Cpath%20d='M109%20156h86'/%3E%3Cpath%20d='M109%20188h64'/%3E%3Cpath%20d='M109%20220h92'/%3E%3Cpath%20d='M262%20162h74'/%3E%3Cpath%20d='M262%20194h94'/%3E%3Cpath%20d='M262%20226h58'/%3E%3Cpath%20d='M414%20160h72'/%3E%3Cpath%20d='M414%20192h86'/%3E%3Cpath%20d='M414%20224h52'/%3E%3Cpath%20d='M624%20174h58'/%3E%3Cpath%20d='M624%20206h74'/%3E%3Cpath%20d='M624%20238h42'/%3E%3C/g%3E%3Cg%20stroke='%237fd7d2'%20stroke-width='3'%3E%3Cpath%20d='M126%20464c68-32%20138-48%20210-48s142%2016%20210%2048'/%3E%3Cpath%20d='M126%20464v154c70-32%20140-48%20210-48s140%2016%20210%2048V464'/%3E%3Cpath%20d='M336%20416v202'/%3E%3Cpath%20d='M118%20632c72-34%20145-51%20218-51s146%2017%20218%2051'/%3E%3C/g%3E%3Cg%20stroke='%2397c0ff'%20stroke-width='2.4'%3E%3Cpath%20d='M626%20412l56%2056'/%3E%3Cpath%20d='M648%20390l56%2056'/%3E%3Cpath%20d='M692%20548l-86-86'/%3E%3Cpath%20d='M681%20398l46-46'/%3E%3Cpath%20d='M694%20411l33-33'/%3E%3C/g%3E%3Cg%20stroke='%23b4e4ff'%20stroke-width='2.8'%3E%3Cpath%20d='M82%20756h182'/%3E%3Cpath%20d='M102%20722h142'/%3E%3Cpath%20d='M642%20734c0-34%2028-62%2062-62s62%2028%2062%2062-28%2062-62%2062-62-28-62-62z'/%3E%3Cpath%20d='M704%20662v144'/%3E%3Cpath%20d='M642%20734h124'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201000%201000'%3E%3Cg%20opacity='.52'%20fill='none'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cg%20stroke='%23ffffff'%20stroke-width='3.2'%3E%3Cpath%20d='M118%20198l12%2036h38l-30%2020%2012%2036-32-24-32%2024%2012-36-30-20h38z'/%3E%3Cpath%20d='M792%20168l10%2028h30l-24%2018%2010%2028-26-19-26%2019%2010-28-24-18h30z'/%3E%3Cpath%20d='M826%20766l12%2034h36l-28%2020%2010%2034-30-22-30%2022%2010-34-28-20h36z'/%3E%3C/g%3E%3Cg%20stroke='%23c7e7ff'%20stroke-width='3'%3E%3Cpath%20d='M196%20572c24-60%2064-112%20116-150'/%3E%3Cpath%20d='M282%20594c16-42%2046-82%2084-112'/%3E%3Cpath%20d='M694%20518c42%2030%2078%2072%20104%20122'/%3E%3Cpath%20d='M690%20592c30%2022%2056%2052%2074%2086'/%3E%3C/g%3E%3Cg%20stroke='%238fe0ff'%20stroke-width='3.5'%3E%3Cpath%20d='M510%20138c18%2034%2026%2068%2026%20102%200%2032-8%2064-24%2096'/%3E%3Cpath%20d='M548%20158c26%2028%2040%2058%2044%2094'/%3E%3Cpath%20d='M470%20200c-22%2028-34%2056-38%2088'/%3E%3C/g%3E%3Cg%20stroke='%237aa9ff'%20stroke-width='3.4'%3E%3Cpath%20d='M154%20820c68-34%20130-48%20188-42'/%3E%3Cpath%20d='M674%20850c54-18%20112-18%20176%200'/%3E%3Cpath%20d='M658%20888c56-18%20118-18%20186%200'/%3E%3C/g%3E%3Cg%20stroke='%2389d2ff'%20stroke-width='3'%3E%3Cpath%20d='M438%20700c34-18%2078-26%20128-24'/%3E%3Cpath%20d='M432%20746c44-12%2092-12%20144%200'/%3E%3Cpath%20d='M456%20792c32-8%2064-8%2096%200'/%3E%3C/g%3E%3Cg%20stroke='%23bcecff'%20stroke-width='2.6'%3E%3Cpath%20d='M878%20386l44%2018'/%3E%3Cpath%20d='M900%20362l18%2044'/%3E%3Cpath%20d='M104%20384l44%2018'/%3E%3Cpath%20d='M126%20360l18%2044'/%3E%3Cpath%20d='M508%20520l30%2030'/%3E%3Cpath%20d='M538%20520l-30%2030'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"),linear-gradient(180deg, #f2f9ff 0%, #eaf4ff 38%, #f9fcff 100%);background-size:auto,auto,auto,auto,760px 640px,640px 640px,720px 720px,cover;background-position:left top,right top,left 92%,right 94%,center top,center top,center 100px,center top;}body.literary-site-shell::before{opacity:.36}body.literary-site-shell::after{opacity:.22;filter:blur(24px)}}

/* Step 30 pattern readability polish */
body.literary-site-shell,
body.site-shell.literary-site-shell,
body.panel-body.literary-site-shell,
body.admin-body.literary-site-shell,
body.literary-site-shell.customer-panel-body {
  background-color:#eef6ff !important;
  background-image:
    radial-gradient(circle at 10% 8%, rgba(110,220,255,.18), transparent 16%),
    radial-gradient(circle at 92% 6%, rgba(37,89,255,.10), transparent 16%),
    radial-gradient(circle at 16% 88%, rgba(255,211,102,.08), transparent 18%),
    radial-gradient(circle at 86% 84%, rgba(131,109,255,.07), transparent 18%),
    url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%20960%20960%27%20fill%3D%27none%27%3E%0A%3Cg%20opacity%3D%27.48%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%0A%20%20%3Cg%20stroke%3D%27%239fd6ff%27%20stroke-width%3D%273.4%27%3E%0A%20%20%20%20%3Cpath%20d%3D%27M118%20126h108c22%200%2040%2018%2040%2040v132H158c-22%200-40-18-40-40z%27%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%27M266%20166c0-22%2018-40%2040-40h108v132H306c-22%200-40%2018-40%2040z%27%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%27M676%20132l66-16%2026%20112-66%2016c-18%204-36-8-40-26z%27%2F%3E%0A%20%20%3C%2Fg%3E%0A%20%20%3Cg%20stroke%3D%27%237aa9ff%27%20stroke-width%3D%272.5%27%3E%0A%20%20%20%20%3Cpath%20d%3D%27M154%20184h78%27%2F%3E%3Cpath%20d%3D%27M154%20214h56%27%2F%3E%3Cpath%20d%3D%27M302%20192h74%27%2F%3E%3Cpath%20d%3D%27M302%20222h60%27%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%27M700%20172l48-12%27%2F%3E%0A%20%20%3C%2Fg%3E%0A%20%20%3Cg%20stroke%3D%27%238edfff%27%20stroke-width%3D%273.2%27%3E%0A%20%20%20%20%3Cpath%20d%3D%27M158%20490c72-34%20144-52%20214-52s142%2018%20214%2052%27%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%27M158%20490v146c72-34%20144-52%20214-52s142%2018%20214%2052V490%27%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%27M372%20438v198%27%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%27M252%20546c36-14%2076-22%20120-22s84%208%20120%2022%27%2F%3E%0A%20%20%3C%2Fg%3E%0A%20%20%3Cg%20stroke%3D%27%2397c0ff%27%20stroke-width%3D%273%27%3E%0A%20%20%20%20%3Cpath%20d%3D%27M692%20468l62%2062%27%2F%3E%3Cpath%20d%3D%27M718%20446l62%2062%27%2F%3E%3Cpath%20d%3D%27M778%20582l-98-98%27%2F%3E%0A%20%20%3C%2Fg%3E%0A%20%20%3Cg%20stroke%3D%27%23b4e4ff%27%20stroke-width%3D%272.8%27%3E%0A%20%20%20%20%3Cpath%20d%3D%27M98%20792h188%27%2F%3E%3Cpath%20d%3D%27M120%20758h144%27%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%27M666%20762c0-34%2028-62%2062-62s62%2028%2062%2062-28%2062-62%2062-62-28-62-62z%27%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%27M728%20700v124%27%2F%3E%3Cpath%20d%3D%27M666%20762h124%27%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fg%3E%3C%2Fsvg%3E"),
    linear-gradient(180deg, #f4faff 0%, #edf6ff 38%, #fbfdff 100%) !important;
  background-repeat:no-repeat,no-repeat,no-repeat,no-repeat,repeat,no-repeat !important;
  background-size:auto,auto,auto,auto,760px 760px,cover !important;
  background-position:left top,right top,left 92%,right 94%,center top,center top !important;
}


/* Wave 6 visual cleanup: remove harsh fixed white glow bands from the literary background system */
body.literary-site-shell::before,
body.site-shell.literary-site-shell::before,
body.panel-body.literary-site-shell::before,
body.admin-body.literary-site-shell::before,
body.literary-site-shell.customer-panel-body::before,
body.literary-site-shell::after,
body.site-shell.literary-site-shell::after,
body.panel-body.literary-site-shell::after,
body.admin-body.literary-site-shell::after,
body.literary-site-shell.customer-panel-body::after {
  display:none !important;
  content:none !important;
}

body.home-story-shell.literary-site-shell {
  background-image:
    radial-gradient(circle at 10% 8%, rgba(110,220,255,.20), transparent 17%),
    radial-gradient(circle at 92% 6%, rgba(37,89,255,.12), transparent 17%),
    radial-gradient(circle at 16% 88%, rgba(255,211,102,.08), transparent 19%),
    radial-gradient(circle at 86% 84%, rgba(131,109,255,.08), transparent 19%),
    url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%201400%201000%27%20fill%3D%27none%27%3E%0A%3Cg%20opacity%3D%27.34%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%0A%20%20%3Cg%20stroke%3D%27%239fd6ff%27%20stroke-width%3D%274%27%3E%0A%20%20%20%20%3Cpath%20d%3D%27M72%20178h126c24%200%2044%2020%2044%2044v160H116c-24%200-44-20-44-44z%27%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%27M242%20222c0-24%2020-44%2044-44h126v160H286c-24%200-44%2020-44%2044z%27%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%27M1092%20188l82-18%2030%20126-82%2018c-20%204-38-8-42-28z%27%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%27M110%20838h208%27%2F%3E%3Cpath%20d%3D%27M1086%20838h196%27%2F%3E%0A%20%20%3C%2Fg%3E%0A%20%20%3Cg%20stroke%3D%27%237aa9ff%27%20stroke-width%3D%273%27%3E%0A%20%20%20%20%3Cpath%20d%3D%27M118%20250h92%27%2F%3E%3Cpath%20d%3D%27M118%20286h70%27%2F%3E%3Cpath%20d%3D%27M294%20258h88%27%2F%3E%3Cpath%20d%3D%27M294%20294h66%27%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%27M1096%20250l60-14%27%2F%3E%0A%20%20%3C%2Fg%3E%0A%20%20%3Cg%20stroke%3D%27%238edfff%27%20stroke-width%3D%273.8%27%3E%0A%20%20%20%20%3Cpath%20d%3D%27M316%20502c112-48%20226-72%20344-72s232%2024%20344%2072%27%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%27M316%20502v194c112-48%20226-72%20344-72s232%2024%20344%2072V502%27%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%27M660%20430v266%27%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%27M476%20580c52-18%20114-28%20184-28s132%2010%20184%2028%27%2F%3E%0A%20%20%3C%2Fg%3E%0A%20%20%3Cg%20stroke%3D%27%2397c0ff%27%20stroke-width%3D%273.2%27%3E%0A%20%20%20%20%3Cpath%20d%3D%27M1098%20560l82%2082%27%2F%3E%3Cpath%20d%3D%27M1128%20530l82%2082%27%2F%3E%3Cpath%20d%3D%27M1206%20706l-120-120%27%2F%3E%0A%20%20%3C%2Fg%3E%0A%20%20%3Cg%20stroke%3D%27%23b4e4ff%27%20stroke-width%3D%273%27%3E%0A%20%20%20%20%3Cpath%20d%3D%27M106%2092l14%2040h40l-32%2022%2012%2040-34-24-34%2024%2012-40-32-22h40z%27%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%27M1252%20118l12%2034h34l-28%2020%2010%2034-28-20-28%2020%2010-34-28-20h34z%27%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fg%3E%3C%2Fsvg%3E"),
    linear-gradient(180deg, #f3f9ff 0%, #ebf5ff 40%, #fbfdff 100%) !important;
  background-repeat:no-repeat,no-repeat,no-repeat,no-repeat,repeat,no-repeat !important;
  background-size:auto,auto,auto,auto,980px 760px,cover !important;
  background-position:left top,right top,left 92%,right 94%,center 110px,center top !important;
}

body.literary-site-shell::before {
  opacity:.26 !important;
}
body.literary-site-shell::after {
  opacity:.16 !important;
  filter:blur(22px) !important;
}

.home-deferred-section {
  position:relative;
  isolation:isolate;
}
.home-deferred-section::before {
  content:'' !important;
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, rgba(245,250,255,.68), rgba(245,250,255,.42) 32%, rgba(245,250,255,.62) 100%);
  pointer-events:none;
  z-index:0;
}
.home-deferred-section > .container {
  position:relative;
  z-index:1;
}

.premium-story-hero > .container::before {
  content:'' !important;
  position:absolute;
  top:-.35rem;
  left:50%;
  transform:translateX(-50%);
  width:100vw;
  height:6.35rem;
  background:linear-gradient(180deg, rgba(242,248,255,.98), rgba(235,244,255,.96));
  pointer-events:none;
  z-index:0;
}

.premium-story-hero .premium-hero-wrap::after {
  animation:none !important;
  opacity:.26 !important;
  background-size:62% auto, 48% auto, 28% 28%, 22% 22%, 20% 20%, 18% 18% !important;
  background-position:left -3% top 18%, right -3% bottom 14%, 18% 12%, 82% 26%, 22% 86%, 82% 80% !important;
}

.premium-story-hero::before {
  opacity:.24 !important;
  top:3.4rem !important;
  bottom:3rem !important;
}
.premium-story-hero::after {
  opacity:.18 !important;
  top:4rem !important;
  bottom:3rem !important;
}

@media (max-width: 991.98px) {
  .premium-story-hero > .container::before {
    height:4.7rem;
  }
  .premium-story-hero .premium-hero-wrap::after {
    opacity:.20 !important;
    background-size:74% auto, 58% auto, 24% 24%, 22% 22%, 20% 20%, 18% 18% !important;
  }
  .home-deferred-section::before {
    background:linear-gradient(180deg, rgba(246,251,255,.78), rgba(246,251,255,.58) 36%, rgba(246,251,255,.74) 100%);
  }
}


/* Step 31 navbar + coupon badge + background balance */
.story-coupon-serial,
.coupon-center-serial{
  display:inline-flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  min-width:72px !important;
  padding:.5rem .8rem !important;
  gap:.2rem !important;
  white-space:nowrap !important;
  line-height:1 !important;
  font-size:.88rem !important;
  font-weight:900 !important;
  letter-spacing:.08em !important;
  text-align:center !important;
}
.story-coupon-serial span,
.coupon-center-serial span{
  display:block !important;
  font-size:.56rem !important;
  line-height:1 !important;
  letter-spacing:.16em !important;
  margin:0 !important;
}

.premium-story-hero{
  padding-top:1.15rem !important;
}
.premium-story-hero > .container::before{
  display:none !important;
}

body.literary-site-shell::before{
  opacity:.34 !important;
}
body.literary-site-shell::after{
  opacity:.22 !important;
  filter:blur(24px) !important;
}
body.literary-site-shell,
body.site-shell.literary-site-shell,
body.panel-body.literary-site-shell,
body.admin-body.literary-site-shell,
body.literary-site-shell.customer-panel-body{
  background-size:auto,auto,auto,auto,690px 690px,cover !important;
}
body.home-story-shell.literary-site-shell{
  background-size:auto,auto,auto,auto,900px 700px,cover !important;
  background-position:left top,right top,left 90%,right 92%,center 120px,center top !important;
}
.home-deferred-section::before{
  background:linear-gradient(180deg, rgba(245,250,255,.48), rgba(245,250,255,.24) 32%, rgba(245,250,255,.44) 100%) !important;
}

@media (max-width: 991.98px){
  .premium-story-hero{
    padding-top:.8rem !important;
  }
  .story-coupon-serial,
  .coupon-center-serial{
    min-width:64px !important;
    padding:.42rem .68rem !important;
    font-size:.8rem !important;
  }
  .story-coupon-serial span,
  .coupon-center-serial span{
    font-size:.52rem !important;
  }
}


/* Step 32 final nav + coupon + background corrections */
.story-coupon-hero,
.coupon-center-card-hero{
  position:relative !important;
}
.story-coupon-brand-row,
.coupon-center-brand-row{
  position:relative !important;
  display:block !important;
  min-height:3.35rem !important;
}
.story-coupon-brand,
.coupon-center-brand{
  max-width:calc(100% - 5.25rem) !important;
  padding-right:4.9rem !important;
}
.story-coupon-brand strong,
.coupon-center-brand strong{
  max-width:100% !important;
  line-height:1.02 !important;
}
.story-coupon-brand span,
.coupon-center-brand span{
  line-height:1.08 !important;
}
.story-coupon-serial,
.coupon-center-serial{
  position:absolute !important;
  top:.2rem !important;
  right:.2rem !important;
  width:4.35rem !important;
  min-width:4.35rem !important;
  padding:.48rem .55rem !important;
  border-radius:1rem !important;
  background:rgba(255,255,255,.18) !important;
  box-shadow:0 10px 22px rgba(9,22,48,.14) !important;
  color:#ffffff !important;
  text-align:center !important;
  white-space:nowrap !important;
}
.story-coupon-serial span,
.coupon-center-serial span{
  color:rgba(255,255,255,.96) !important;
}
.story-coupon-offer,
.coupon-center-offer-row{
  margin-top:.5rem !important;
}

.story-hero-section.premium-story-hero{
  padding-top:0 !important;
  margin-top:-2.1rem !important;
}
.home-story-shell main{
  position:relative;
}
.home-story-shell main::before{
  content:'';
  position:absolute;
  top:0;
  left:0;
  right:0;
  height:3.2rem;
  background:linear-gradient(180deg, #eef6ff 0%, rgba(238,246,255,.98) 100%);
  pointer-events:none;
  z-index:0;
}
.home-story-shell .premium-story-hero,
.home-story-shell .premium-story-hero > .container,
.home-story-shell .premium-story-hero .storybook-hero{
  position:relative;
  z-index:1;
}
.home-story-shell .premium-story-hero::before,
.home-story-shell .premium-story-hero::after,
.home-story-shell .premium-story-hero > .container::before{
  display:none !important;
}
body.home-story-shell.literary-site-shell{
  background-position:left 0 top 220px,right 0 top 220px,left 90% top 92%,right 92% top 94%,center 220px,center top !important;
}

body.literary-site-shell main,
body.literary-site-shell .panel-main,
body.literary-site-shell .admin-main{
  position:relative;
  isolation:isolate;
}
body.literary-site-shell main > *,
body.literary-site-shell .panel-main > *,
body.literary-site-shell .admin-main > *{
  position:relative;
  z-index:1;
}
body.literary-site-shell main::after,
body.literary-site-shell .panel-main::after,
body.literary-site-shell .admin-main::after{
  content:'';
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index:0;
  opacity:.18;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 900 900' fill='none'%3E%3Cg opacity='.42' stroke-linecap='round' stroke-linejoin='round'%3E%3Cg stroke='%239fd6ff' stroke-width='3.2'%3E%3Cpath d='M92 114h100c22 0 40 18 40 40v130H132c-22 0-40-18-40-40z'/%3E%3Cpath d='M232 154c0-22 18-40 40-40h100v130H272c-22 0-40 18-40 40z'/%3E%3Cpath d='M602 122l64-14 26 112-64 14c-18 4-36-8-40-26z'/%3E%3C/g%3E%3Cg stroke='%237aa9ff' stroke-width='2.4'%3E%3Cpath d='M126 184h72'/%3E%3Cpath d='M126 214h50'/%3E%3Cpath d='M266 192h68'/%3E%3Cpath d='M266 222h54'/%3E%3Cpath d='M628 174l44-10'/%3E%3C/g%3E%3Cg stroke='%238edfff' stroke-width='3'%3E%3Cpath d='M130 468c68-30 136-46 202-46s134 16 202 46'/%3E%3Cpath d='M130 468v138c68-30 136-46 202-46s134 16 202 46V468'/%3E%3Cpath d='M332 422v184'/%3E%3C/g%3E%3Cg stroke='%2397c0ff' stroke-width='2.8'%3E%3Cpath d='M654 454l56 56'/%3E%3Cpath d='M678 432l56 56'/%3E%3Cpath d='M732 564l-86-86'/%3E%3C/g%3E%3Cg stroke='%23b4e4ff' stroke-width='2.6'%3E%3Cpath d='M94 744h178'/%3E%3Cpath d='M114 712h138'/%3E%3Cpath d='M646 722c0-34 28-62 62-62s62 28 62 62-28 62-62 62-62-28-62-62z'/%3E%3Cpath d='M708 660v124'/%3E%3Cpath d='M646 722h124'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-repeat:repeat;
  background-size:640px 640px;
  background-position:center top;
}
.home-story-shell main::after{
  opacity:.14 !important;
  background-position:center 180px !important;
}
body.literary-site-shell::before{
  opacity:.38 !important;
}
body.literary-site-shell::after{
  opacity:.24 !important;
}
.scroll-up-linkbar{
  z-index:13050 !important;
}
.site-header--orbital,
.orbital-nav-shell,
.orbital-link-strip,
.scroll-up-linkbar__shell,
.dropdown,
.orbital-dropdown-menu{
  overflow:visible !important;
}
@media (max-width: 991.98px){
  .story-hero-section.premium-story-hero{
    margin-top:-1rem !important;
  }
  .home-story-shell main::before{
    height:2.05rem;
  }
  .story-coupon-serial,
  .coupon-center-serial{
    width:4rem !important;
    min-width:4rem !important;
    right:.1rem !important;
  }
}




/* v36 header + dropdown + coupon cleanup */
body.literary-site-shell .site-header--orbital{
  position:relative !important;
  z-index:6000 !important;
}
body.literary-site-shell .scroll-up-linkbar{
  position:fixed !important;
  top:12px !important;
  left:0 !important;
  right:0 !important;
  width:100% !important;
  z-index:6005 !important;
}
body.literary-site-shell .scroll-up-linkbar.is-visible{
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;
  transform:translateY(0) !important;
}
body.literary-site-shell .scroll-up-linkbar:not(.is-visible){
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
  transform:translateY(-120%) !important;
}
.orbital-nav-shell,
.orbital-link-strip,
.scroll-up-linkbar__shell,
.dropdown,
.dropdown.show,
.dropdown-menu,
.dropdown-menu.show,
.orbital-dropdown-menu,
.orbital-dropdown-menu.show{
  overflow:visible !important;
}
.dropdown,
.dropdown.show{
  position:relative !important;
  z-index:6006 !important;
}
.dropdown-menu.show,
.orbital-dropdown-menu.show{
  display:block !important;
  z-index:6008 !important;
}
.scroll-up-linkbar .dropdown-menu.show,
.scroll-up-linkbar .orbital-dropdown-menu.show{
  z-index:6010 !important;
}
.orbital-dropdown-menu,
.dropdown-menu.orbital-dropdown-menu{
  max-height:min(68vh, 28rem) !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
  overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
  scrollbar-gutter:stable both-edges;
}
.home-story-shell main::before,
.premium-story-hero > .container::before{
  display:none !important;
  content:none !important;
}
.story-hero-section.premium-story-hero{
  margin-top:0 !important;
  padding-top:0 !important;
}
.story-coupon-hero,
.coupon-center-card-hero{
  padding-right:0 !important;
}
.story-coupon-brand-row,
.coupon-center-brand-row{
  display:flex !important;
  align-items:flex-start !important;
  gap:.65rem !important;
  min-height:auto !important;
}
.story-coupon-brand,
.coupon-center-brand{
  flex:1 1 auto !important;
  min-width:0 !important;
  max-width:none !important;
  padding-right:0 !important;
}
.story-coupon-brand strong,
.story-coupon-brand span,
.coupon-center-brand strong,
.coupon-center-brand span{
  padding-right:0 !important;
}
.story-coupon-serial,
.coupon-center-serial{
  position:static !important;
  margin-left:auto !important;
  margin-top:.12rem !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex-direction:row !important;
  gap:.32rem !important;
  width:auto !important;
  min-width:72px !important;
  padding:.44rem .74rem !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.22) !important;
  border:1px solid rgba(255,255,255,.24) !important;
  box-shadow:0 10px 24px rgba(8,20,44,.14) !important;
  color:#ffffff !important;
  text-shadow:0 1px 8px rgba(0,0,0,.14) !important;
  line-height:1 !important;
  white-space:nowrap !important;
  backdrop-filter:blur(10px) !important;
}
.story-coupon-serial span,
.coupon-center-serial span{
  display:inline-block !important;
  font-size:.56rem !important;
  line-height:1 !important;
  letter-spacing:.12em !important;
  color:rgba(255,255,255,.98) !important;
  text-transform:uppercase !important;
}
@media (max-width: 991.98px){
  .story-coupon-serial,
  .coupon-center-serial{
    min-width:66px !important;
    padding:.4rem .66rem !important;
  }
}


/* v37 coupon cleanup + page-side artwork */
.story-coupon-serial,
.coupon-center-serial{
  display:none !important;
}

body.site-shell.literary-site-shell main{
  overflow:clip;
}
body.site-shell.literary-site-shell main > *{
  position:relative;
  z-index:2;
}
body.site-shell.literary-site-shell main::before,
body.site-shell.literary-site-shell main::after{
  content:'' !important;
  display:block !important;
  position:absolute;
  top:0;
  bottom:0;
  width:clamp(150px, 18vw, 300px);
  pointer-events:none;
  z-index:0;
  opacity:.92;
  background-repeat:no-repeat, repeat-y, no-repeat;
  background-size:100% 100%, min(280px, 100%) auto, 100% 100%;
}
body.site-shell.literary-site-shell main::before{
  left:0;
  background-image:
    linear-gradient(90deg, rgba(242,248,255,.96) 0%, rgba(236,245,255,.86) 45%, rgba(236,245,255,.22) 78%, rgba(236,245,255,0) 100%),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 920'%3E%3Cg opacity='.72' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cg stroke='%23a8d9ff' stroke-width='3.2'%3E%3Cpath d='M30 112h92c20 0 36 16 36 36v110H66c-20 0-36-16-36-36z'/%3E%3Cpath d='M158 148c0-20 16-36 36-36h92v110h-92c-20 0-36 16-36 36z'/%3E%3Cpath d='M48 694h108c20 0 36 16 36 36v96H84c-20 0-36-16-36-36z'/%3E%3C/g%3E%3Cg stroke='%2379b7ff' stroke-width='2.5'%3E%3Cpath d='M58 164h70'/%3E%3Cpath d='M58 194h50'/%3E%3Cpath d='M182 172h62'/%3E%3Cpath d='M182 202h44'/%3E%3Cpath d='M72 742h76'/%3E%3Cpath d='M72 772h58'/%3E%3C/g%3E%3Cg stroke='%238fe1ff' stroke-width='3'%3E%3Cpath d='M42 420c58-28 116-42 174-42s116 14 174 42'/%3E%3Cpath d='M42 420v128c58-28 116-42 174-42s116 14 174 42V420'/%3E%3Cpath d='M216 378v170'/%3E%3Cpath d='M56 570h192'/%3E%3C/g%3E%3Cg stroke='%23c8efff' stroke-width='2.8'%3E%3Cpath d='M40 320l54 54'/%3E%3Cpath d='M58 302l54 54'/%3E%3Cpath d='M228 610c0-28 22-50 50-50s50 22 50 50-22 50-50 50-50-22-50-50z'/%3E%3Cpath d='M278 560v100'/%3E%3Cpath d='M228 610h100'/%3E%3C/g%3E%3Cg stroke='%23ffffff' stroke-width='2.8'%3E%3Cpath d='M110 40l10 26h28l-22 16 8 26-24-16-24 16 8-26-22-16h28z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"),
    radial-gradient(circle at 18% 18%, rgba(126,205,255,.22), transparent 30%);
  background-position:left top, left 14px top 26px, left top;
  -webkit-mask-image:linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(0,0,0,.96) 72%, rgba(0,0,0,.45) 90%, transparent 100%);
  mask-image:linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(0,0,0,.96) 72%, rgba(0,0,0,.45) 90%, transparent 100%);
}
body.site-shell.literary-site-shell main::after{
  right:0;
  background-image:
    linear-gradient(270deg, rgba(251,247,244,.95) 0%, rgba(243,246,255,.78) 52%, rgba(240,246,255,.22) 80%, rgba(240,246,255,0) 100%),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 920'%3E%3Cg opacity='.72' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cg stroke='%23b7e7ff' stroke-width='3'%3E%3Cpath d='M66 140c60-26 122-40 186-40'/%3E%3Cpath d='M72 184c60-18 122-24 186-18'/%3E%3Cpath d='M170 300h84c20 0 36 16 36 36v108h-84c-20 0-36-16-36-36z'/%3E%3Cpath d='M72 662l66-14 26 110-66 14c-18 4-34-8-38-26z'/%3E%3Cpath d='M198 688h84c20 0 36 16 36 36v94h-84c-20 0-36-16-36-36z'/%3E%3C/g%3E%3Cg stroke='%2377afff' stroke-width='2.5'%3E%3Cpath d='M190 350h48'/%3E%3Cpath d='M190 382h62'/%3E%3Cpath d='M86 700l44-10'/%3E%3Cpath d='M220 734h58'/%3E%3Cpath d='M220 764h42'/%3E%3C/g%3E%3Cg stroke='%238edfff' stroke-width='3'%3E%3Cpath d='M44 498c54-22 102-32 144-32s90 10 144 32'/%3E%3Cpath d='M188 448v126'/%3E%3Cpath d='M72 520h232'/%3E%3C/g%3E%3Cg stroke='%23cdeeff' stroke-width='2.8'%3E%3Cpath d='M250 116l10 26h28l-22 16 8 26-24-16-24 16 8-26-22-16h28z'/%3E%3Cpath d='M204 584l52 52'/%3E%3Cpath d='M222 566l52 52'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"),
    radial-gradient(circle at 82% 22%, rgba(255,236,214,.20), transparent 28%);
  background-position:right top, right 14px top 34px, right top;
  -webkit-mask-image:linear-gradient(270deg, rgba(0,0,0,1) 0%, rgba(0,0,0,.96) 72%, rgba(0,0,0,.45) 90%, transparent 100%);
  mask-image:linear-gradient(270deg, rgba(0,0,0,1) 0%, rgba(0,0,0,.96) 72%, rgba(0,0,0,.45) 90%, transparent 100%);
}
body.site-shell.literary-site-shell.home-story-shell main::before,
body.site-shell.literary-site-shell.home-story-shell main::after{
  opacity:1;
}
body.site-shell.literary-site-shell.home-story-shell main::before{
  background-position:left top, left 18px top 76px, left top;
}
body.site-shell.literary-site-shell.home-story-shell main::after{
  background-position:right top, right 18px top 76px, right top;
}
@media (max-width: 1199.98px){
  body.site-shell.literary-site-shell main::before,
  body.site-shell.literary-site-shell main::after{
    width:clamp(110px, 14vw, 210px);
    opacity:.72;
  }
}
@media (max-width: 991.98px){
  body.site-shell.literary-site-shell main::before,
  body.site-shell.literary-site-shell main::after{
    display:none !important;
  }
}


/* Step 90 admin blue-rose final polish */
body.panel-admin-theme{
  background:
    radial-gradient(circle at top left, rgba(67,122,255,.20), transparent 28%),
    radial-gradient(circle at top right, rgba(255,104,170,.16), transparent 24%),
    radial-gradient(circle at bottom left, rgba(118,215,255,.12), transparent 24%),
    linear-gradient(180deg, #f6f9ff 0%, #edf4ff 52%, #f7f3ff 100%);
}
body.panel-admin-theme .panel-shell{grid-template-columns:300px 1fr;gap:1.25rem;padding:1.1rem 1.1rem 1.4rem}
body.panel-admin-theme .panel-admin-sidebar{
  border-radius:32px;
  background:
    radial-gradient(circle at top right, rgba(86,122,255,.18), transparent 28%),
    radial-gradient(circle at bottom left, rgba(255,120,184,.14), transparent 28%),
    linear-gradient(180deg, rgba(255,255,255,.98), rgba(244,247,255,.94));
  border:1px solid rgba(113,132,194,.14);
  box-shadow:0 24px 60px rgba(45,72,136,.10);
  padding:1.35rem 1.2rem;
}
body.panel-admin-theme .panel-admin-main{
  border-radius:34px;
  background:
    radial-gradient(circle at top right, rgba(255,119,184,.12), transparent 22%),
    radial-gradient(circle at top left, rgba(82,132,255,.12), transparent 24%),
    linear-gradient(180deg, rgba(255,255,255,.82), rgba(247,249,255,.92));
  border:1px solid rgba(113,132,194,.14);
  box-shadow:0 24px 60px rgba(45,72,136,.08);
  padding:1.5rem 1.5rem 2rem;
}
body.panel-admin-theme .panel-admin-header{
  padding:1.15rem 1.25rem;
  border-radius:28px;
  background:
    radial-gradient(circle at top right, rgba(84,118,255,.18), transparent 30%),
    radial-gradient(circle at bottom left, rgba(255,122,182,.15), transparent 28%),
    linear-gradient(135deg, rgba(255,255,255,.96), rgba(245,248,255,.94));
  border:1px solid rgba(105,128,191,.14);
  box-shadow:0 16px 38px rgba(49,77,138,.08);
}
body.panel-admin-theme .panel-brand{
  padding:.95rem 1rem;
  border-radius:24px;
  background:linear-gradient(135deg, rgba(255,255,255,.96), rgba(245,248,255,.94));
  border:1px solid rgba(113,132,194,.12);
  box-shadow:0 16px 36px rgba(46,74,136,.08);
}
body.panel-admin-theme .panel-sidebar-footer{
  padding:1rem;
  border-radius:24px;
  background:linear-gradient(135deg, rgba(255,255,255,.96), rgba(244,246,255,.94));
  border:1px solid rgba(113,132,194,.12);
  box-shadow:0 14px 30px rgba(46,74,136,.06);
}
.panel-nav-group + .panel-nav-group{margin-top:.8rem}
.panel-nav-title{font-size:.75rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#6f82aa;margin:.25rem .55rem .55rem}
body.panel-admin-theme .panel-nav a{
  background:linear-gradient(135deg, rgba(255,255,255,.9), rgba(243,247,255,.84));
  border:1px solid rgba(113,132,194,.10);
  box-shadow:0 10px 24px rgba(47,77,140,.05);
  font-weight:700;
}
body.panel-admin-theme .panel-nav a:hover,
body.panel-admin-theme .panel-nav a.active{
  background:linear-gradient(135deg, rgba(65,114,255,.14), rgba(255,120,184,.16));
  border-color:rgba(86,118,255,.26);
  color:#1d38a3;
  box-shadow:0 16px 32px rgba(71,102,182,.12);
}
.admin-stat-card{min-height:170px;padding:1.25rem 1.2rem 1.15rem}
.admin-stat-card small{display:block;margin-top:.4rem;color:#5f7396;line-height:1.45;font-weight:600}
.admin-stat-card--blue{background:linear-gradient(165deg, rgba(232,242,255,.98), rgba(255,255,255,.94)) !important}
.admin-stat-card--rose{background:linear-gradient(165deg, rgba(255,241,248,.98), rgba(255,255,255,.94)) !important}
.admin-stat-card--violet{background:linear-gradient(165deg, rgba(244,239,255,.98), rgba(255,255,255,.94)) !important}
.admin-stat-card--sky{background:linear-gradient(165deg, rgba(238,251,255,.98), rgba(255,255,255,.94)) !important}
.admin-hero-card,.admin-side-card{overflow:hidden}
.admin-quick-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.admin-quick-card{
  position:relative;display:flex;flex-direction:column;gap:.55rem;padding:1.15rem 1.1rem;border-radius:24px;text-decoration:none;color:#17315f;
  border:1px solid rgba(113,132,194,.10);box-shadow:0 16px 34px rgba(46,74,136,.07);transition:transform .22s ease, box-shadow .22s ease;
}
.admin-quick-card:hover{transform:translateY(-2px);box-shadow:0 22px 42px rgba(46,74,136,.10)}
.admin-quick-card strong{font-size:1.15rem;line-height:1.1}
.admin-quick-card span:last-child{color:#5f7396;line-height:1.55;font-weight:600}
.admin-quick-card__eyebrow{font-size:.72rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#5b6fa3}
.admin-quick-card--blue{background:linear-gradient(145deg, rgba(233,243,255,.98), rgba(255,255,255,.96))}
.admin-quick-card--rose{background:linear-gradient(145deg, rgba(255,240,247,.98), rgba(255,255,255,.96))}
.admin-quick-card--violet{background:linear-gradient(145deg, rgba(244,239,255,.98), rgba(255,255,255,.96))}
.admin-quick-card--sky{background:linear-gradient(145deg, rgba(236,250,255,.98), rgba(255,255,255,.96))}
.admin-mini-checklist{display:grid;gap:.8rem}
.admin-mini-checklist div{padding:.95rem 1rem;border-radius:20px;background:linear-gradient(145deg, rgba(255,255,255,.94), rgba(243,247,255,.92));border:1px solid rgba(113,132,194,.10)}
.admin-mini-checklist strong{display:block;margin-bottom:.2rem;color:#17315f}
.admin-mini-checklist span{display:block;color:#5f7396;line-height:1.5;font-weight:600}
body.panel-admin-theme .glass-card,
body.panel-admin-theme .glass-tile,
body.panel-admin-theme .stat-card,
body.panel-admin-theme .feature-line,
body.panel-admin-theme .content-reference-item,
body.panel-admin-theme .table-responsive{border-color:rgba(113,132,194,.12)!important;box-shadow:0 18px 40px rgba(46,74,136,.07), inset 0 1px 0 rgba(255,255,255,.72)}
@media (max-width: 1199.98px){body.panel-admin-theme .panel-shell{grid-template-columns:1fr;gap:1rem}.admin-quick-grid{grid-template-columns:1fr 1fr}}
@media (max-width: 767.98px){body.panel-admin-theme .panel-shell{padding:.75rem}.body.panel-admin-theme .panel-admin-main{padding:1rem}.admin-quick-grid{grid-template-columns:1fr}.admin-stat-card{min-height:auto}}


/* Step 91 admin cleanup real-world panel */
body.panel-admin-theme.panel-admin-body{overflow-x:hidden;}
body.panel-admin-theme.panel-admin-body .panel-shell,
body.panel-admin-theme.panel-admin-body .panel-main,
body.panel-admin-theme.panel-admin-body main{overflow:visible;}
body.panel-admin-theme.panel-admin-body .panel-shell{grid-template-columns:320px minmax(0,1fr);gap:1.25rem;align-items:start;}
body.panel-admin-theme.panel-admin-body .panel-admin-sidebar{position:sticky;top:12px;height:calc(100vh - 24px);overflow:auto;padding-right:.95rem;}
body.panel-admin-theme.panel-admin-body .panel-admin-main{min-width:0;overflow:hidden;}
body.panel-admin-theme.panel-admin-body .panel-admin-header{display:none;}
body.panel-admin-theme.panel-admin-body .panel-sidebar-footer{margin-top:1rem;}
body.panel-admin-theme.panel-admin-body .panel-nav{gap:1rem;}
body.panel-admin-theme.panel-admin-body .panel-nav-group{display:grid;gap:.55rem;padding:.95rem;border-radius:26px;background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(244,247,255,.92));border:1px solid rgba(113,132,194,.12);box-shadow:0 18px 40px rgba(46,74,136,.08);}
body.panel-admin-theme.panel-admin-body .panel-nav-title{margin:0 .25rem .15rem;}
body.panel-admin-theme.panel-admin-body .panel-nav a{display:flex;align-items:flex-start;gap:.85rem;width:100%;min-width:0;padding:1rem 1rem;border-radius:20px;}
body.panel-admin-theme.panel-admin-body .panel-nav-icon{flex:0 0 46px;width:46px;height:46px;border-radius:16px;display:grid;place-items:center;font-size:.82rem;font-weight:900;letter-spacing:.08em;color:#2040a8;background:linear-gradient(145deg,rgba(233,243,255,.98),rgba(255,241,248,.96));box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 12px 24px rgba(68,99,181,.10);}
body.panel-admin-theme.panel-admin-body .panel-nav-copy{display:flex;flex-direction:column;gap:.12rem;min-width:0;}
body.panel-admin-theme.panel-admin-body .panel-nav-copy strong{font-size:.97rem;line-height:1.15;color:#17315f;}
body.panel-admin-theme.panel-admin-body .panel-nav-copy small{font-size:.79rem;line-height:1.45;color:#617495;}
body.panel-admin-theme.panel-admin-body .panel-nav a.active .panel-nav-icon,body.panel-admin-theme.panel-admin-body .panel-nav a:hover .panel-nav-icon{background:linear-gradient(145deg,#3d6bff,#ea6fb4);color:#fff;box-shadow:0 14px 28px rgba(68,99,181,.22);}
body.panel-admin-theme.panel-admin-body .panel-nav a.active .panel-nav-copy strong,body.panel-admin-theme.panel-admin-body .panel-nav a:hover .panel-nav-copy strong{color:#1d38a3;}
body.panel-admin-theme.panel-admin-body .admin-toolbar{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;flex-wrap:wrap;padding:1.35rem 1.45rem;border-radius:30px;background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(246,248,255,.94));border:1px solid rgba(113,132,194,.14);box-shadow:0 20px 42px rgba(46,74,136,.09);margin-bottom:1.35rem;}
body.panel-admin-theme.panel-admin-body .admin-toolbar__title{margin:.35rem 0 .35rem;font-size:clamp(2rem,2.8vw,3rem);font-weight:900;line-height:1;color:#11264e;}
body.panel-admin-theme.panel-admin-body .admin-toolbar__copy{max-width:760px;color:#5e7192;font-weight:600;line-height:1.65;}
body.panel-admin-theme.panel-admin-body .admin-toolbar__user{display:flex;align-items:center;gap:.85rem;padding:.9rem 1rem;border-radius:22px;background:linear-gradient(145deg,rgba(233,243,255,.96),rgba(255,242,248,.94));border:1px solid rgba(113,132,194,.12);box-shadow:0 16px 32px rgba(46,74,136,.08);}
body.panel-admin-theme.panel-admin-body .admin-toolbar__avatar{width:54px;height:54px;border-radius:18px;display:grid;place-items:center;font-weight:900;color:#fff;background:linear-gradient(145deg,#3d6bff,#ea6fb4);box-shadow:0 16px 30px rgba(68,99,181,.22);}
body.panel-admin-theme.panel-admin-body .admin-toolbar__user strong{display:block;color:#17315f;}
body.panel-admin-theme.panel-admin-body .admin-toolbar__user small{display:block;color:#66799a;font-weight:700;}
.admin-dashboard-grid{display:grid;gap:1.25rem;}
.admin-dashboard-surface{padding:1.4rem;border-radius:30px;background:linear-gradient(180deg,rgba(255,255,255,.95),rgba(245,248,255,.92));border:1px solid rgba(113,132,194,.14);box-shadow:0 24px 48px rgba(46,74,136,.08), inset 0 1px 0 rgba(255,255,255,.92);}
.admin-dashboard-surface--hero{padding:1.55rem 1.45rem 1.5rem;background:linear-gradient(140deg,rgba(232,242,255,.94),rgba(255,245,250,.92) 56%,rgba(238,248,255,.94));}
.admin-dashboard-hero{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;flex-wrap:wrap;margin-bottom:1.25rem;}
.admin-dashboard-hero h2{font-size:clamp(1.6rem,2.2vw,2.3rem);line-height:1.05;color:#122954;margin:.4rem 0 .6rem;font-weight:900;max-width:760px;}
.admin-dashboard-hero__actions{display:flex;gap:.75rem;flex-wrap:wrap;}
.admin-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;}
.admin-stat-card{min-height:182px;border-radius:26px;padding:1.15rem 1.15rem 1.1rem;box-shadow:0 22px 42px rgba(46,74,136,.09), inset 0 1px 0 rgba(255,255,255,.9);}
.admin-stat-card__top{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;}
.admin-stat-card__icon{width:46px;height:46px;border-radius:16px;display:grid;place-items:center;font-size:.78rem;font-weight:900;letter-spacing:.06em;color:#2440aa;background:linear-gradient(145deg,rgba(255,255,255,.95),rgba(232,242,255,.92));box-shadow:0 14px 24px rgba(46,74,136,.08);}
.admin-stat-card__label{display:block;color:#244070;font-size:1rem;font-weight:800;line-height:1.2;}
.admin-stat-card strong{font-size:2.45rem;line-height:1;margin-bottom:.55rem;display:block;}
.admin-stat-card small{font-size:.9rem;}
.admin-surface-head{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;flex-wrap:wrap;margin-bottom:1rem;}
.admin-surface-head h3{margin:.35rem 0 0;font-size:1.45rem;color:#17315f;font-weight:900;}
body.panel-admin-theme.panel-admin-body .admin-quick-grid{grid-template-columns:repeat(4,minmax(0,1fr));}
body.panel-admin-theme.panel-admin-body .admin-quick-card{padding:1.2rem 1.1rem 1.15rem;border-radius:24px;box-shadow:0 20px 40px rgba(46,74,136,.09), inset 0 1px 0 rgba(255,255,255,.88);}
body.panel-admin-theme.panel-admin-body .admin-quick-card strong{font-size:1.18rem;}
body.panel-admin-theme.panel-admin-body .admin-mini-checklist{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;}
body.panel-admin-theme.panel-admin-body .admin-mini-checklist div{padding:1rem 1.05rem;border-radius:22px;box-shadow:0 16px 34px rgba(46,74,136,.07), inset 0 1px 0 rgba(255,255,255,.9);}
@media (max-width: 1399.98px){body.panel-admin-theme.panel-admin-body .admin-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.admin-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media (max-width: 1199.98px){body.panel-admin-theme.panel-admin-body .panel-shell{grid-template-columns:1fr;}.body.panel-admin-theme.panel-admin-body .panel-admin-sidebar{position:relative;top:0;height:auto;}body.panel-admin-theme.panel-admin-body .admin-toolbar{padding:1.15rem;}body.panel-admin-theme.panel-admin-body .admin-mini-checklist{grid-template-columns:1fr 1fr;}}
@media (max-width: 767.98px){body.panel-admin-theme.panel-admin-body .panel-admin-sidebar{position:relative;height:auto;padding-right:1rem;}body.panel-admin-theme.panel-admin-body .admin-toolbar{padding:1rem;border-radius:24px;}body.panel-admin-theme.panel-admin-body .admin-toolbar__user{width:100%;}body.panel-admin-theme.panel-admin-body .panel-nav a{padding:.9rem;}body.panel-admin-theme.panel-admin-body .panel-nav-icon{width:42px;height:42px;border-radius:14px;}body.panel-admin-theme.panel-admin-body .admin-mini-checklist,body.panel-admin-theme.panel-admin-body .admin-quick-grid,.admin-kpi-grid{grid-template-columns:1fr;}}

/* ===== Admin dashboard v42 polish ===== */
body.panel-admin-theme.panel-admin-body .admin-toolbar{position:sticky;top:12px;z-index:18;backdrop-filter:blur(22px);}
body.panel-admin-theme.panel-admin-body .admin-toolbar__actions{display:flex;align-items:center;gap:.9rem;flex-wrap:wrap;}
body.panel-admin-theme.panel-admin-body .admin-toolbar__copy{max-width:780px;}
body.panel-admin-theme.panel-admin-body .admin-toolbar__user{min-width:220px;justify-content:flex-start;}
body.panel-admin-theme.panel-admin-body .admin-bell{position:relative;}
body.panel-admin-theme.panel-admin-body .admin-bell__button{width:64px;height:64px;border:none;border-radius:22px;display:grid;place-items:center;position:relative;background:linear-gradient(145deg,rgba(233,243,255,.96),rgba(255,241,248,.94));box-shadow:0 18px 34px rgba(46,74,136,.12),inset 0 1px 0 rgba(255,255,255,.94);}
body.panel-admin-theme.panel-admin-body .admin-bell__icon{font-size:1.25rem;line-height:1;}
body.panel-admin-theme.panel-admin-body .admin-bell__count{position:absolute;top:8px;right:8px;min-width:24px;height:24px;padding:0 .3rem;border-radius:999px;display:grid;place-items:center;font-size:.78rem;font-weight:900;color:#fff;background:linear-gradient(145deg,#3d6bff,#ea6fb4);box-shadow:0 10px 20px rgba(61,107,255,.25);}
body.panel-admin-theme.panel-admin-body .admin-bell__menu{position:absolute;top:calc(100% + 12px);right:0;width:min(360px,92vw);padding:1rem;border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(246,249,255,.95));border:1px solid rgba(113,132,194,.14);box-shadow:0 26px 58px rgba(46,74,136,.18);opacity:0;visibility:hidden;transform:translateY(8px);transition:.18s ease;z-index:30;}
body.panel-admin-theme.panel-admin-body .admin-bell.is-open .admin-bell__menu{opacity:1;visibility:visible;transform:translateY(0);}
body.panel-admin-theme.panel-admin-body .admin-bell__head{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;margin-bottom:.85rem;padding-bottom:.8rem;border-bottom:1px solid rgba(113,132,194,.12);}
body.panel-admin-theme.panel-admin-body .admin-bell__head strong{display:block;color:#17315f;}
body.panel-admin-theme.panel-admin-body .admin-bell__head small{color:#6a7ca0;font-weight:700;}
body.panel-admin-theme.panel-admin-body .admin-bell__item{display:flex;gap:.75rem;align-items:flex-start;padding:.8rem .85rem;border-radius:18px;text-decoration:none;color:#17315f;background:linear-gradient(145deg,rgba(246,250,255,.96),rgba(255,255,255,.95));border:1px solid rgba(113,132,194,.1);margin-bottom:.65rem;box-shadow:0 12px 24px rgba(46,74,136,.06);}
body.panel-admin-theme.panel-admin-body .admin-bell__item:last-child{margin-bottom:0;}
body.panel-admin-theme.panel-admin-body .admin-bell__item-icon{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,#3d6bff,#7c96ff);color:#fff;flex-shrink:0;box-shadow:0 12px 24px rgba(61,107,255,.18);}
body.panel-admin-theme.panel-admin-body .admin-bell__item strong{display:block;font-size:.92rem;line-height:1.2;}
body.panel-admin-theme.panel-admin-body .admin-bell__item small{display:block;margin-top:.18rem;color:#66799a;line-height:1.45;font-weight:700;}
body.panel-admin-theme.panel-admin-body .admin-bell__empty{padding:.9rem 1rem;border-radius:18px;background:linear-gradient(145deg,rgba(246,250,255,.96),rgba(255,255,255,.95));color:#66799a;font-weight:700;}

body.panel-admin-theme.panel-admin-body .admin-dashboard-surface{position:relative;overflow:hidden;border-radius:34px;background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(244,247,255,.93));box-shadow:0 28px 54px rgba(46,74,136,.08),inset 0 1px 0 rgba(255,255,255,.95),inset 0 -10px 24px rgba(255,255,255,.28);}
body.panel-admin-theme.panel-admin-body .admin-dashboard-surface::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(61,107,255,.08),transparent 26%,rgba(234,111,180,.05) 68%,transparent 100%);pointer-events:none;}
body.panel-admin-theme.panel-admin-body .admin-dashboard-surface>*{position:relative;z-index:1;}
body.panel-admin-theme.panel-admin-body .admin-dashboard-surface--hero{padding:1.7rem 1.55rem;background:linear-gradient(145deg,rgba(235,244,255,.95),rgba(255,244,249,.93) 52%,rgba(239,249,255,.94));}
body.panel-admin-theme.panel-admin-body .admin-dashboard-hero--premium h2{max-width:860px;}
body.panel-admin-theme.panel-admin-body .admin-overview-ribbon{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1rem;}
body.panel-admin-theme.panel-admin-body .admin-overview-pill{position:relative;padding:1rem 1rem 1.05rem;border-radius:26px;display:grid;gap:.2rem;border:1px solid rgba(113,132,194,.12);box-shadow:0 20px 38px rgba(46,74,136,.09),inset 0 1px 0 rgba(255,255,255,.94);backdrop-filter:blur(12px);}
body.panel-admin-theme.panel-admin-body .admin-overview-pill span{font-size:1.15rem;}
body.panel-admin-theme.panel-admin-body .admin-overview-pill strong{font-size:1.5rem;color:#14305d;line-height:1;}
body.panel-admin-theme.panel-admin-body .admin-overview-pill small{color:#64779a;font-weight:700;line-height:1.4;}
body.panel-admin-theme.panel-admin-body .admin-overview-pill--blue{background:linear-gradient(145deg,rgba(236,245,255,.96),rgba(255,255,255,.94));}
body.panel-admin-theme.panel-admin-body .admin-overview-pill--rose{background:linear-gradient(145deg,rgba(255,240,247,.98),rgba(255,255,255,.95));}
body.panel-admin-theme.panel-admin-body .admin-overview-pill--violet{background:linear-gradient(145deg,rgba(245,240,255,.98),rgba(255,255,255,.95));}
body.panel-admin-theme.panel-admin-body .admin-overview-pill--sky{background:linear-gradient(145deg,rgba(236,250,255,.98),rgba(255,255,255,.95));}
body.panel-admin-theme.panel-admin-body .admin-overview-pill--mint{background:linear-gradient(145deg,rgba(238,255,250,.98),rgba(255,255,255,.95));}

body.panel-admin-theme.panel-admin-body .admin-kpi-grid--ten{grid-template-columns:repeat(5,minmax(0,1fr));}
body.panel-admin-theme.panel-admin-body .admin-kpi-grid--compact{grid-template-columns:repeat(4,minmax(0,1fr));}
body.panel-admin-theme.panel-admin-body .admin-stat-link{display:block;text-decoration:none;color:inherit;}
body.panel-admin-theme.panel-admin-body .admin-stat-card{position:relative;overflow:hidden;min-height:220px;padding:1.2rem;border-radius:28px;backdrop-filter:blur(16px);border:1px solid rgba(113,132,194,.14);box-shadow:0 26px 52px rgba(46,74,136,.10),inset 0 1px 0 rgba(255,255,255,.96),inset 0 -12px 28px rgba(255,255,255,.36);}
body.panel-admin-theme.panel-admin-body .admin-stat-card--clickable{transition:transform .18s ease, box-shadow .18s ease;}
body.panel-admin-theme.panel-admin-body .admin-stat-link:hover .admin-stat-card--clickable{transform:translateY(-5px) scale(1.01);box-shadow:0 34px 60px rgba(46,74,136,.14),inset 0 1px 0 rgba(255,255,255,.96),inset 0 -12px 28px rgba(255,255,255,.42);}
body.panel-admin-theme.panel-admin-body .admin-stat-card__glow{position:absolute;inset:auto -8% 58% auto;width:120px;height:120px;border-radius:999px;background:radial-gradient(circle,rgba(255,255,255,.75),transparent 70%);opacity:.85;pointer-events:none;}
body.panel-admin-theme.panel-admin-body .admin-stat-card__icon{font-size:1.05rem;background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(235,244,255,.92));}
body.panel-admin-theme.panel-admin-body .admin-stat-card strong{font-size:2.35rem;color:#18305f;line-height:1.02;max-width:100%;word-break:break-word;}
body.panel-admin-theme.panel-admin-body .admin-stat-card__title-value{font-size:1.15rem!important;line-height:1.3!important;min-height:3.1rem;display:flex;align-items:flex-start;}
body.panel-admin-theme.panel-admin-body .admin-stat-card small{display:block;color:#607394;font-size:.9rem;line-height:1.55;font-weight:700;max-width:92%;}
body.panel-admin-theme.panel-admin-body .admin-stat-card__link{display:inline-flex;align-items:center;gap:.35rem;margin-top:.75rem;font-size:.82rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#3256d5;}
body.panel-admin-theme.panel-admin-body .admin-stat-card--blue{background:linear-gradient(145deg,rgba(236,245,255,.96),rgba(255,255,255,.95) 55%,rgba(244,240,255,.94));}
body.panel-admin-theme.panel-admin-body .admin-stat-card--rose{background:linear-gradient(145deg,rgba(255,241,247,.96),rgba(255,255,255,.95) 55%,rgba(243,247,255,.94));}
body.panel-admin-theme.panel-admin-body .admin-stat-card--violet{background:linear-gradient(145deg,rgba(245,240,255,.96),rgba(255,255,255,.95) 55%,rgba(236,250,255,.94));}
body.panel-admin-theme.panel-admin-body .admin-stat-card--sky{background:linear-gradient(145deg,rgba(236,250,255,.96),rgba(255,255,255,.95) 55%,rgba(244,246,255,.94));}

body.panel-admin-theme.panel-admin-body .admin-quick-grid{grid-template-columns:repeat(4,minmax(0,1fr));}
body.panel-admin-theme.panel-admin-body .admin-quick-card{position:relative;overflow:hidden;display:grid;gap:.4rem;padding:1.25rem;border-radius:28px;text-decoration:none;color:#18305f;box-shadow:0 22px 44px rgba(46,74,136,.10),inset 0 1px 0 rgba(255,255,255,.96),inset 0 -10px 22px rgba(255,255,255,.32);border:1px solid rgba(113,132,194,.13);}
body.panel-admin-theme.panel-admin-body .admin-quick-card:hover{transform:translateY(-4px);}
body.panel-admin-theme.panel-admin-body .admin-quick-card__icon{width:52px;height:52px;border-radius:18px;display:grid;place-items:center;font-size:1.2rem;color:#fff;background:linear-gradient(145deg,#3d6bff,#ea6fb4);box-shadow:0 18px 34px rgba(61,107,255,.22);margin-bottom:.3rem;}
body.panel-admin-theme.panel-admin-body .admin-quick-card strong{font-size:1.2rem;color:#16305f;}
body.panel-admin-theme.panel-admin-body .admin-quick-card span:last-child{color:#5f7396;font-weight:700;line-height:1.55;}

body.panel-admin-theme.panel-admin-body .admin-segmented-switch{display:inline-flex;gap:.4rem;padding:.35rem;border-radius:999px;background:linear-gradient(145deg,rgba(233,243,255,.96),rgba(255,241,248,.94));box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 12px 24px rgba(46,74,136,.08);}
body.panel-admin-theme.panel-admin-body .admin-segmented-switch button{border:none;background:transparent;padding:.7rem 1rem;border-radius:999px;font-weight:900;color:#62759a;transition:.18s ease;}
body.panel-admin-theme.panel-admin-body .admin-segmented-switch button.is-active{background:linear-gradient(145deg,#3d6bff,#5c86ff);color:#fff;box-shadow:0 16px 28px rgba(61,107,255,.20);}
body.panel-admin-theme.panel-admin-body .admin-period-panel{display:none;}
body.panel-admin-theme.panel-admin-body .admin-period-panel.is-active{display:block;}
body.panel-admin-theme.panel-admin-body .admin-period-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1rem;margin-bottom:1rem;}
body.panel-admin-theme.panel-admin-body .admin-metric-card{padding:1rem;border-radius:24px;border:1px solid rgba(113,132,194,.12);box-shadow:0 18px 34px rgba(46,74,136,.08),inset 0 1px 0 rgba(255,255,255,.94);}
body.panel-admin-theme.panel-admin-body .admin-metric-card span{display:block;color:#5d7093;font-weight:900;letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;margin-bottom:.4rem;}
body.panel-admin-theme.panel-admin-body .admin-metric-card strong{display:block;font-size:1.45rem;line-height:1.1;color:#18305f;margin-bottom:.2rem;}
body.panel-admin-theme.panel-admin-body .admin-metric-card small{display:block;color:#6980a7;font-weight:700;line-height:1.45;}
body.panel-admin-theme.panel-admin-body .admin-metric-card--blue{background:linear-gradient(145deg,rgba(236,245,255,.96),rgba(255,255,255,.95));}
body.panel-admin-theme.panel-admin-body .admin-metric-card--rose{background:linear-gradient(145deg,rgba(255,240,247,.98),rgba(255,255,255,.95));}
body.panel-admin-theme.panel-admin-body .admin-metric-card--violet{background:linear-gradient(145deg,rgba(245,240,255,.98),rgba(255,255,255,.95));}
body.panel-admin-theme.panel-admin-body .admin-metric-card--sky{background:linear-gradient(145deg,rgba(236,250,255,.98),rgba(255,255,255,.95));}
body.panel-admin-theme.panel-admin-body .admin-metric-card--mint{background:linear-gradient(145deg,rgba(238,255,250,.98),rgba(255,255,255,.95));}
body.panel-admin-theme.panel-admin-body .admin-chart-card{padding:1.1rem 1.15rem;border-radius:28px;background:linear-gradient(155deg,rgba(233,243,255,.94),rgba(255,255,255,.96) 46%,rgba(255,242,248,.94));border:1px solid rgba(113,132,194,.13);box-shadow:0 22px 44px rgba(46,74,136,.08),inset 0 1px 0 rgba(255,255,255,.95);}
body.panel-admin-theme.panel-admin-body .admin-chart-card__head{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;flex-wrap:wrap;margin-bottom:1rem;}
body.panel-admin-theme.panel-admin-body .admin-chart-card__head strong{display:block;font-size:1.1rem;color:#18305f;}
body.panel-admin-theme.panel-admin-body .admin-chart-card__head small{display:block;color:#64779a;font-weight:700;margin-top:.2rem;}
body.panel-admin-theme.panel-admin-body .admin-chart-legend{display:flex;gap:1rem;flex-wrap:wrap;color:#617495;font-size:.84rem;font-weight:800;}
body.panel-admin-theme.panel-admin-body .admin-chart-dot{display:inline-block;width:12px;height:12px;border-radius:999px;margin-right:.35rem;vertical-align:middle;}
body.panel-admin-theme.panel-admin-body .admin-chart-dot--blue{background:#3d6bff;}
body.panel-admin-theme.panel-admin-body .admin-chart-dot--white{background:#ffffff;box-shadow:0 0 0 1px rgba(113,132,194,.28) inset;}
body.panel-admin-theme.panel-admin-body .admin-bar-chart{display:grid;grid-template-columns:repeat(auto-fit,minmax(72px,1fr));gap:.9rem;align-items:end;min-height:280px;}
body.panel-admin-theme.panel-admin-body .admin-bar-chart__item{display:grid;gap:.55rem;align-items:end;}
body.panel-admin-theme.panel-admin-body .admin-bar-chart__bars{height:220px;border-radius:24px;padding:1rem .6rem .7rem;display:flex;align-items:flex-end;justify-content:center;gap:.5rem;background:linear-gradient(180deg,rgba(255,255,255,.76),rgba(230,239,255,.7));box-shadow:inset 0 1px 0 rgba(255,255,255,.92);}
body.panel-admin-theme.panel-admin-body .admin-bar-chart__bar{width:22px;border-radius:14px 14px 6px 6px;display:block;box-shadow:0 16px 24px rgba(46,74,136,.14);}
body.panel-admin-theme.panel-admin-body .admin-bar-chart__bar--revenue{background:linear-gradient(180deg,#5a84ff,#2454f3);}
body.panel-admin-theme.panel-admin-body .admin-bar-chart__bar--orders{background:linear-gradient(180deg,#ffffff,#dbeafe);border:1px solid rgba(113,132,194,.18);}
body.panel-admin-theme.panel-admin-body .admin-bar-chart__meta{text-align:center;}
body.panel-admin-theme.panel-admin-body .admin-bar-chart__meta strong{display:block;font-size:.9rem;color:#17315f;}
body.panel-admin-theme.panel-admin-body .admin-bar-chart__meta small{display:block;color:#6880a8;font-weight:800;}
body.panel-admin-theme.panel-admin-body .admin-profit-note{display:flex;gap:.8rem;align-items:flex-start;padding:1rem 1.05rem;margin-top:1rem;border-radius:24px;background:linear-gradient(145deg,rgba(245,240,255,.98),rgba(255,255,255,.95));border:1px solid rgba(113,132,194,.12);}
body.panel-admin-theme.panel-admin-body .admin-profit-note span{font-size:1.2rem;line-height:1;}
body.panel-admin-theme.panel-admin-body .admin-profit-note strong{display:block;color:#18305f;}
body.panel-admin-theme.panel-admin-body .admin-profit-note small{display:block;color:#687da3;font-weight:700;line-height:1.55;}

body.panel-admin-theme.panel-admin-body .admin-dashboard-split{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;}
body.panel-admin-theme.panel-admin-body .admin-dashboard-split--wide{grid-template-columns:1.3fr .9fr;}
body.panel-admin-theme.panel-admin-body .admin-donut-layout{display:grid;grid-template-columns:220px 1fr;gap:1.2rem;align-items:center;}
body.panel-admin-theme.panel-admin-body .admin-donut{width:220px;height:220px;border-radius:50%;padding:18px;box-shadow:0 28px 52px rgba(46,74,136,.14), inset 0 1px 0 rgba(255,255,255,.92);}
body.panel-admin-theme.panel-admin-body .admin-donut__center{width:100%;height:100%;border-radius:50%;display:grid;place-items:center;text-align:center;background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(244,247,255,.94));box-shadow:inset 0 1px 0 rgba(255,255,255,.94);}
body.panel-admin-theme.panel-admin-body .admin-donut__center strong{display:block;font-size:2rem;color:#18305f;line-height:1;}
body.panel-admin-theme.panel-admin-body .admin-donut__center small{display:block;color:#66799a;font-weight:900;letter-spacing:.08em;text-transform:uppercase;font-size:.74rem;}
body.panel-admin-theme.panel-admin-body .admin-donut-legend{display:grid;gap:.75rem;}
body.panel-admin-theme.panel-admin-body .admin-donut-legend__item{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.7rem;padding:.8rem .9rem;border-radius:20px;background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(244,248,255,.93));border:1px solid rgba(113,132,194,.12);box-shadow:0 14px 28px rgba(46,74,136,.06);}
body.panel-admin-theme.panel-admin-body .admin-donut-legend__swatch{width:14px;height:14px;border-radius:999px;display:block;}
body.panel-admin-theme.panel-admin-body .admin-donut-legend__item span{color:#17315f;font-weight:800;}
body.panel-admin-theme.panel-admin-body .admin-donut-legend__item strong{color:#3256d5;}

body.panel-admin-theme.panel-admin-body .admin-table-wrap{border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.94),rgba(244,247,255,.92));box-shadow:inset 0 1px 0 rgba(255,255,255,.94);}
body.panel-admin-theme.panel-admin-body .admin-analytics-table thead th{position:sticky;top:0;background:rgba(245,248,255,.98);backdrop-filter:blur(8px);z-index:1;}
body.panel-admin-theme.panel-admin-body .admin-inline-link{text-decoration:none;font-weight:900;color:#2b52d0;}
body.panel-admin-theme.panel-admin-body .admin-category-list{display:grid;gap:.85rem;}
body.panel-admin-theme.panel-admin-body .admin-category-list__item{display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:1rem;border-radius:22px;text-decoration:none;color:#18305f;background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(244,248,255,.93));border:1px solid rgba(113,132,194,.12);box-shadow:0 16px 30px rgba(46,74,136,.07);}
body.panel-admin-theme.panel-admin-body .admin-category-list__item strong{display:block;color:#17315f;}
body.panel-admin-theme.panel-admin-body .admin-category-list__item small{display:block;color:#66799a;font-weight:700;line-height:1.55;}
body.panel-admin-theme.panel-admin-body .admin-category-list__item span{font-weight:900;color:#3155d3;white-space:nowrap;}

body.panel-admin-theme.panel-admin-body .panel-nav-icon{font-size:1.1rem;}
body.panel-admin-theme.panel-admin-body .panel-nav-group{gap:.65rem;}
body.panel-admin-theme.panel-admin-body .panel-nav a{box-shadow:0 12px 24px rgba(46,74,136,.06),inset 0 1px 0 rgba(255,255,255,.92);background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(244,247,255,.93));}
body.panel-admin-theme.panel-admin-body .panel-nav a.active,body.panel-admin-theme.panel-admin-body .panel-nav a:hover{background:linear-gradient(145deg,rgba(235,243,255,.98),rgba(255,241,248,.96));}

@media (max-width: 1499.98px){
  body.panel-admin-theme.panel-admin-body .admin-kpi-grid--ten{grid-template-columns:repeat(4,minmax(0,1fr));}
  body.panel-admin-theme.panel-admin-body .admin-overview-ribbon{grid-template-columns:repeat(3,minmax(0,1fr));}
  body.panel-admin-theme.panel-admin-body .admin-period-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
}
@media (max-width: 1199.98px){
  body.panel-admin-theme.panel-admin-body .admin-dashboard-split,body.panel-admin-theme.panel-admin-body .admin-dashboard-split--wide{grid-template-columns:1fr;}
  body.panel-admin-theme.panel-admin-body .admin-kpi-grid--ten,body.panel-admin-theme.panel-admin-body .admin-kpi-grid--compact,body.panel-admin-theme.panel-admin-body .admin-overview-ribbon{grid-template-columns:repeat(2,minmax(0,1fr));}
  body.panel-admin-theme.panel-admin-body .admin-period-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  body.panel-admin-theme.panel-admin-body .admin-donut-layout{grid-template-columns:1fr;justify-items:center;}
}
@media (max-width: 767.98px){
  body.panel-admin-theme.panel-admin-body .admin-toolbar{position:relative;top:0;padding:1rem;}
  body.panel-admin-theme.panel-admin-body .admin-toolbar__actions{width:100%;justify-content:space-between;}
  body.panel-admin-theme.panel-admin-body .admin-bell__button{width:56px;height:56px;border-radius:18px;}
  body.panel-admin-theme.panel-admin-body .admin-kpi-grid--ten,body.panel-admin-theme.panel-admin-body .admin-kpi-grid--compact,body.panel-admin-theme.panel-admin-body .admin-overview-ribbon,body.panel-admin-theme.panel-admin-body .admin-period-grid,body.panel-admin-theme.panel-admin-body .admin-quick-grid{grid-template-columns:1fr;}
  body.panel-admin-theme.panel-admin-body .admin-bar-chart{grid-template-columns:repeat(4,minmax(0,1fr));}
  body.panel-admin-theme.panel-admin-body .admin-bar-chart__bars{height:180px;}
  body.panel-admin-theme.panel-admin-body .admin-donut{width:180px;height:180px;}
}

/* Step 43 - admin bell polish + reports stability */
body.panel-admin-theme.panel-admin-body .admin-bell__menu{
  width:min(390px,94vw);
  padding:1rem;
  border-radius:28px;
  background:linear-gradient(180deg,rgba(255,255,255,.985),rgba(246,249,255,.965));
  border:1px solid rgba(113,132,194,.16);
  box-shadow:0 30px 70px rgba(34,58,118,.18), inset 0 1px 0 rgba(255,255,255,.96);
}
body.panel-admin-theme.panel-admin-body .admin-bell__head{
  align-items:center;
}
body.panel-admin-theme.panel-admin-body .admin-bell__summary{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  padding:.42rem .8rem;
  border-radius:999px;
  font-size:.78rem;
  font-weight:900;
  color:#1f4dce;
  background:linear-gradient(145deg,rgba(233,242,255,.95),rgba(255,241,247,.94));
  border:1px solid rgba(113,132,194,.14);
}
body.panel-admin-theme.panel-admin-body .admin-bell__list{
  display:grid;
  gap:.7rem;
  max-height:min(420px,58vh);
  overflow-y:auto;
  padding-right:.2rem;
}
body.panel-admin-theme.panel-admin-body .admin-bell__item{
  margin-bottom:0;
  padding:.9rem;
  border-radius:22px;
  transition:transform .16s ease, box-shadow .16s ease, border-color .16s ease;
}
body.panel-admin-theme.panel-admin-body .admin-bell__item:hover{
  transform:translateY(-2px);
  box-shadow:0 18px 34px rgba(34,58,118,.1);
  border-color:rgba(61,107,255,.18);
}
body.panel-admin-theme.panel-admin-body .admin-bell__item-body{
  display:block;
  min-width:0;
  flex:1;
}
body.panel-admin-theme.panel-admin-body .admin-bell__item-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:.75rem;
}
body.panel-admin-theme.panel-admin-body .admin-bell__amount{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:.34rem .62rem;
  border-radius:999px;
  font-size:.78rem;
  font-weight:900;
  color:#1a4ccc;
  white-space:nowrap;
  background:linear-gradient(145deg,rgba(230,242,255,.96),rgba(255,245,249,.95));
  border:1px solid rgba(113,132,194,.14);
}
body.panel-admin-theme.panel-admin-body .admin-bell__item-meta{
  display:flex;
  align-items:center;
  gap:.5rem;
  margin-top:.48rem;
}
body.panel-admin-theme.panel-admin-body .admin-bell__status{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:28px;
  padding:.25rem .62rem;
  border-radius:999px;
  font-size:.72rem;
  font-weight:900;
  text-transform:capitalize;
  border:1px solid transparent;
}
body.panel-admin-theme.panel-admin-body .admin-bell__status[data-state="pending"]{
  color:#8b5a00;
  background:rgba(255,232,183,.9);
  border-color:rgba(245,190,78,.35);
}
body.panel-admin-theme.panel-admin-body .admin-bell__status[data-state="processing"]{
  color:#0857a5;
  background:rgba(214,233,255,.95);
  border-color:rgba(76,135,235,.28);
}

body.panel-admin-theme.panel-admin-body .admin-bell__status[data-state="awaiting_payment_verification"]{
  color:#8b5a00;
  background:rgba(255,239,201,.95);
  border-color:rgba(245,190,78,.35);
}
body.panel-admin-theme.panel-admin-body .admin-bell__status[data-state="payment_failed"]{
  color:#b13252;
  background:rgba(255,225,233,.95);
  border-color:rgba(225,99,139,.22);
}
body.panel-admin-theme.panel-admin-body .admin-bell__status[data-state="delivered"],
body.panel-admin-theme.panel-admin-body .admin-bell__status[data-state="completed"]{
  color:#0c7a4f;
  background:rgba(215,248,231,.94);
  border-color:rgba(61,185,119,.26);
}
body.panel-admin-theme.panel-admin-body .admin-bell__status[data-state="cancelled"]{
  color:#b13252;
  background:rgba(255,225,233,.95);
  border-color:rgba(225,99,139,.22);
}
body.panel-admin-theme.panel-admin-body .admin-bell__footer{
  margin-top:.85rem;
  padding-top:.85rem;
  border-top:1px solid rgba(113,132,194,.12);
}
body.panel-admin-theme.panel-admin-body .admin-bell__list::-webkit-scrollbar{width:10px;}
body.panel-admin-theme.panel-admin-body .admin-bell__list::-webkit-scrollbar-thumb{background:rgba(126,151,208,.38);border-radius:999px;}


/* Opacity cleanup pass: keep helper copy readable across customer, public, and panel screens */
.text-muted-soft,
.brand-subtitle,
.feature-line span,
.branch-card span,
.hero-mini-card span,
.hero-info-card span,
.content-list,
.orders-hub__meta p,
.account-subtle,
.account-action-tile span,
.account-stat-card p,
.account-mini-card p,
.account-note-card p,
.account-address-card p,
.account-product-card p {
  color:#556c8c !important;
  opacity:1 !important;
}

.account-surface--dark .account-subtle,
.account-surface--dark p,
.orders-hub__tip p,
.account-status-grid small {
  color:rgba(255,255,255,.98) !important;
  opacity:1 !important;
}

.site-footer p,
.site-footer .text-muted-soft,
.footer-panel p,
.footer-panel .text-muted-soft,
.section-head .text-muted-soft,
.page-hero .text-muted-soft {
  color:#5a6f8d !important;
  opacity:1 !important;
}

.orbital-dropdown-menu__label,
.footer-renaissance-label,
.footer-renaissance-copy p,
.footer-renaissance-panel a,
.footer-renaissance-bullets span,
.info-book-card p,
.info-page-card p {
  opacity:1 !important;
}

.shop-page-shell .reveal,.shop-page-shell.reveal{opacity:1!important;transform:none!important;filter:none!important}

.orbital-link--button:focus,.orbital-link--button:focus-visible,.dropdown-toggle:focus,.dropdown-toggle:focus-visible{outline:none!important;box-shadow:none!important;-webkit-focus-ring-color:transparent!important}
.orbital-link--button::-moz-focus-inner{border:0!important}
@media (max-width:991.98px){
  .orbital-nav-top{display:grid;grid-template-columns:1fr;gap:.85rem}
  .orbital-brand{justify-content:flex-start}
  .orbital-search{width:100%}
  .orbital-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem;width:100%}
  .orbital-action{justify-content:center;padding:.8rem .5rem;font-size:.85rem;position:relative}
  .orbital-nav-shell{padding:1rem;border-radius:1.6rem}
  .orbital-link-strip{gap:.9rem;padding:.85rem 1rem;overflow-x:auto;justify-content:flex-start;scrollbar-width:none}
  .orbital-link-strip::-webkit-scrollbar{display:none}
  .footer-renaissance-top,.footer-renaissance-grid{grid-template-columns:1fr!important;display:grid!important}
  .footer-renaissance-shell{padding:1rem!important}
}
@media (max-width:767.98px){
  .orbital-search input{padding:.85rem .9rem;font-size:.95rem}
  .orbital-search__submit{width:3.6rem;height:3.15rem;margin:.25rem}
  .orbital-actions{grid-template-columns:repeat(3,minmax(0,1fr))}
  .orbital-action span:last-child{display:none}
  .orbital-action__count{position:absolute;top:.28rem;right:.28rem}
  .orbital-mobile-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}
  .orbital-mobile-actions a{display:flex;justify-content:center;align-items:center;text-align:center;padding:.7rem .55rem;font-size:.82rem}
  .orbital-search-suggest{left:-.2rem;right:-.2rem;top:calc(100% + .45rem);padding:.45rem;border-radius:1.1rem}
  .orbital-search-suggest__item{padding:.72rem .72rem;gap:.7rem}
  .orbital-search-suggest__thumb{width:42px;height:42px;flex-basis:42px;border-radius:.85rem}
}