:root{
  --bdp-accent:#25C8F5;
  --bdp-bg:#06101c;
  --bdp-panel:#0d1827;
  --bdp-panel-2:#111f31;
  --bdp-text:#f7f9fc;
  --bdp-muted:#94a3b8;
  --bdp-border:rgba(255,255,255,.10);
  --bdp-shadow:0 24px 80px rgba(0,0,0,.38);
}
*{box-sizing:border-box}
html,body{margin:0!important;padding:0!important;width:100%;height:100%;overflow:hidden;background:var(--bdp-bg)!important}
body.bdp-app-body{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;color:var(--bdp-text);-webkit-font-smoothing:antialiased}
#wpadminbar{display:none!important}html{margin-top:0!important}
button,a{font:inherit}.bdp-app{position:fixed;inset:0;overflow:hidden;background:
radial-gradient(circle at 50% -10%,rgba(37,200,245,.10),transparent 30%),
radial-gradient(circle at 80% 110%,rgba(22,139,255,.12),transparent 32%),
linear-gradient(180deg,#07111f 0%,#050c16 100%);color:var(--bdp-text)}
.bdp-topbar{position:fixed;z-index:50;left:0;right:0;top:0;height:70px;padding:10px 18px;display:flex;align-items:center;justify-content:space-between;background:rgba(6,16,28,.82);backdrop-filter:blur(18px);border-bottom:1px solid var(--bdp-border);transition:transform .28s ease,opacity .28s ease}
.bdp-company{display:flex;align-items:center;gap:11px;min-width:0}.bdp-company-logo{width:42px;height:42px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(145deg,rgba(37,200,245,.18),rgba(22,139,255,.08));display:flex;align-items:center;justify-content:center;overflow:hidden;flex:0 0 auto;color:var(--bdp-accent);font-weight:900}.bdp-company-logo img{width:100%;height:100%;object-fit:contain;background:#fff}.bdp-company-text{min-width:0;display:flex;flex-direction:column}.bdp-company-text strong{font-size:13px;letter-spacing:.05em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:52vw}.bdp-company-text span{font-size:11px;color:var(--bdp-muted);margin-top:2px}.bdp-top-actions{display:flex;align-items:center;gap:8px}.bdp-icon-btn{width:40px;height:40px;border:1px solid var(--bdp-border);border-radius:12px;background:rgba(255,255,255,.04);color:#fff;cursor:pointer;transition:.2s ease}.bdp-icon-btn:hover{border-color:rgba(37,200,245,.45);background:rgba(37,200,245,.09)}
.bdp-shell{position:fixed;z-index:1;inset:70px 0 0;display:grid;grid-template-columns:112px 1fr;padding-bottom:86px;min-height:0}.bdp-thumbs{overflow:auto;padding:16px 12px 26px;border-right:1px solid var(--bdp-border);background:rgba(5,13,23,.64);scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.18) transparent}.bdp-thumb{position:relative;width:100%;display:block;border:1px solid transparent;border-radius:10px;padding:6px;margin:0 0 12px;background:rgba(255,255,255,.035);cursor:pointer;transition:.2s ease}.bdp-thumb:hover{background:rgba(255,255,255,.065)}.bdp-thumb.active{border-color:var(--bdp-accent);box-shadow:0 0 0 1px rgba(37,200,245,.16),0 10px 30px rgba(0,0,0,.20)}.bdp-thumb canvas{width:100%;height:auto;display:block;border-radius:4px;background:#fff}.bdp-thumb-num{position:absolute;left:7px;bottom:6px;min-width:18px;height:18px;padding:0 4px;border-radius:6px;background:rgba(4,10,18,.82);color:#fff;font-size:10px;line-height:18px;text-align:center}
.bdp-document-stage{position:relative;min-width:0;min-height:0;overflow:auto;display:flex;align-items:center;justify-content:center;padding:20px 28px;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.16) transparent;touch-action:pan-y}.bdp-document-stage::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 48%,rgba(255,255,255,.025),transparent 38%)}.bdp-pages{position:relative;min-width:100%;min-height:100%;display:flex;align-items:center;justify-content:center;perspective:1800px}.bdp-book-surface{position:relative;display:flex;align-items:center;justify-content:center;gap:4px;transform-style:preserve-3d;will-change:transform,opacity;filter:drop-shadow(0 28px 38px rgba(0,0,0,.28));transition:transform .22s ease,opacity .22s ease}.bdp-book-surface.is-double::after{content:"";position:absolute;left:50%;top:1.2%;bottom:1.2%;width:18px;transform:translateX(-50%);background:linear-gradient(90deg,rgba(0,0,0,0),rgba(0,0,0,.17) 42%,rgba(255,255,255,.06) 50%,rgba(0,0,0,.16) 58%,rgba(0,0,0,0));pointer-events:none;z-index:5;mix-blend-mode:multiply}.bdp-book-page{position:relative;flex:0 0 auto;background:#fff;overflow:hidden;border-radius:2px;box-shadow:0 2px 6px rgba(0,0,0,.18)}.bdp-book-page canvas{display:block;background:#fff;max-width:none}.bdp-book-surface.is-double .bdp-book-page:first-child{border-radius:4px 1px 1px 4px}.bdp-book-surface.is-double .bdp-book-page:last-child{border-radius:1px 4px 4px 1px}.bdp-book-surface.enter-next{animation:bdpEnterNext .23s cubic-bezier(.2,.8,.2,1)}.bdp-book-surface.exit-next{position:absolute;animation:bdpExitNext .23s ease forwards}.bdp-book-surface.enter-prev{animation:bdpEnterPrev .23s cubic-bezier(.2,.8,.2,1)}.bdp-book-surface.exit-prev{position:absolute;animation:bdpExitPrev .23s ease forwards}@keyframes bdpEnterNext{from{opacity:.05;transform:translateX(28px) rotateY(-3deg)}to{opacity:1;transform:none}}@keyframes bdpExitNext{to{opacity:0;transform:translateX(-22px) rotateY(3deg)}}@keyframes bdpEnterPrev{from{opacity:.05;transform:translateX(-28px) rotateY(3deg)}to{opacity:1;transform:none}}@keyframes bdpExitPrev{to{opacity:0;transform:translateX(22px) rotateY(-3deg)}}
.bdp-page-nav{position:fixed;z-index:24;top:50%;transform:translateY(-50%);width:48px;height:58px;border-radius:16px;border:1px solid rgba(255,255,255,.11);background:rgba(8,18,31,.78);backdrop-filter:blur(16px);color:#fff;font-size:32px;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 14px 35px rgba(0,0,0,.22);transition:.2s ease}.bdp-page-nav:hover{border-color:rgba(37,200,245,.45);background:rgba(15,35,54,.94);color:var(--bdp-accent)}.bdp-page-nav:disabled{opacity:.22;pointer-events:none}.bdp-prev{left:132px}.bdp-next{right:18px}
.bdp-loading{position:absolute;z-index:20;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;text-align:center;gap:7px;color:#e7eef7}.bdp-loading span{font-size:12px;color:var(--bdp-muted)}.bdp-spinner{width:34px;height:34px;border:2px solid rgba(255,255,255,.13);border-top-color:var(--bdp-accent);border-radius:50%;animation:bdpSpin .8s linear infinite;margin-bottom:7px}@keyframes bdpSpin{to{transform:rotate(360deg)}}.bdp-app.is-rendering .bdp-page-pill::after{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--bdp-accent);margin-left:7px;vertical-align:middle;animation:bdpPulse .8s ease-in-out infinite}@keyframes bdpPulse{50%{opacity:.2}}
.bdp-toolbar{position:fixed;z-index:48;left:50%;bottom:max(12px,env(safe-area-inset-bottom));transform:translateX(-50%);display:flex;align-items:center;justify-content:center;gap:7px;padding:7px;border:1px solid var(--bdp-border);border-radius:18px;background:rgba(8,18,31,.90);backdrop-filter:blur(20px);box-shadow:0 16px 46px rgba(0,0,0,.34);transition:transform .28s ease,opacity .28s ease}.bdp-tool{width:48px;height:48px;border:0;border-radius:13px;background:rgba(255,255,255,.055);color:#fff;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px}.bdp-tool span{font-size:20px;line-height:1}.bdp-tool small{font-size:8px;color:#8799ad}.bdp-tool:hover{background:rgba(255,255,255,.10)}.bdp-page-pill{height:48px;min-width:94px;padding:0 14px;border-radius:13px;background:rgba(0,0,0,.16);border:1px solid rgba(255,255,255,.06);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:650;letter-spacing:.02em;white-space:nowrap}.bdp-contact-btn{height:48px;padding:0 19px;border:0;border-radius:13px;color:#04111a;background:linear-gradient(135deg,var(--bdp-accent),#66e4ff);font-weight:800;font-size:11px;letter-spacing:.04em;cursor:pointer;box-shadow:0 8px 28px color-mix(in srgb,var(--bdp-accent) 28%,transparent)}
.bdp-sheet-backdrop{position:fixed;z-index:70;inset:0;background:rgba(1,6,12,.56);backdrop-filter:blur(4px);opacity:0;visibility:hidden;transition:.25s}.bdp-sheet-backdrop.open{opacity:1;visibility:visible}.bdp-sheet,.bdp-contact-sheet{position:fixed;z-index:80;right:16px;bottom:16px;width:min(420px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;padding:12px 14px 14px;border:1px solid var(--bdp-border);border-radius:25px;background:linear-gradient(180deg,rgba(18,32,49,.98),rgba(8,18,31,.98));box-shadow:var(--bdp-shadow);transform:translateY(calc(100% + 32px));opacity:0;transition:.3s cubic-bezier(.2,.8,.2,1)}.bdp-sheet.open,.bdp-contact-sheet.open{transform:translateY(0);opacity:1}.bdp-sheet-handle{width:44px;height:4px;border-radius:99px;background:rgba(255,255,255,.24);margin:2px auto 12px}.bdp-sheet-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:2px 3px 10px}.bdp-sheet-head h2{font-size:18px;margin:0 0 3px}.bdp-sheet-head p{font-size:11px;color:var(--bdp-muted);margin:0}.bdp-sheet-close{width:34px;height:34px;border-radius:50%;border:1px solid var(--bdp-border);background:rgba(255,255,255,.04);color:#fff;font-size:21px;cursor:pointer}.bdp-sheet-list{display:flex;flex-direction:column;gap:7px}.bdp-sheet-item{width:100%;display:grid;grid-template-columns:42px 1fr 18px;align-items:center;gap:10px;padding:10px;border:1px solid rgba(255,255,255,.075);border-radius:14px;background:rgba(255,255,255,.025);color:#fff;text-align:left;cursor:pointer}.bdp-sheet-item:hover{background:rgba(255,255,255,.06)}.bdp-sheet-icon{width:38px;height:38px;border-radius:11px;display:flex;align-items:center;justify-content:center;background:rgba(37,200,245,.09);border:1px solid rgba(37,200,245,.14);color:var(--bdp-accent);font-size:18px}.bdp-sheet-item>span:nth-child(2){display:flex;flex-direction:column;gap:2px}.bdp-sheet-item strong{font-size:12px}.bdp-sheet-item small{font-size:10px;color:var(--bdp-muted)}.bdp-sheet-item b{font-size:23px;font-weight:300;color:#718398}.bdp-sheet-credit{text-align:center;color:#607286;font-size:9px;margin-top:12px}.bdp-contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.bdp-contact-action{display:flex;min-height:104px;flex-direction:column;align-items:flex-start;justify-content:center;padding:15px;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:rgba(255,255,255,.03);color:#fff;text-decoration:none}.bdp-contact-action>span{font-size:20px;color:var(--bdp-accent);margin-bottom:8px}.bdp-contact-action strong{font-size:12px}.bdp-contact-action small{font-size:10px;color:var(--bdp-muted);margin-top:3px}.bdp-no-contact{grid-column:1/-1;color:#94a3b8;padding:18px}.bdp-toast{position:fixed;z-index:100;left:50%;bottom:90px;transform:translate(-50%,16px);padding:9px 14px;border-radius:99px;background:rgba(5,12,21,.94);border:1px solid var(--bdp-border);box-shadow:0 12px 30px rgba(0,0,0,.30);font-size:11px;color:#fff;opacity:0;pointer-events:none;transition:.2s}.bdp-toast.show{opacity:1;transform:translate(-50%,0)}
.bdp-intro{position:fixed;z-index:120;inset:0;background:radial-gradient(circle at 50% 30%,rgba(37,200,245,.18),transparent 24%),radial-gradient(circle at 50% 120%,rgba(22,139,255,.20),transparent 35%),#06101c;display:flex;align-items:center;justify-content:center;overflow:hidden;transition:opacity .45s ease,visibility .45s ease}.bdp-intro.hidden{opacity:0;visibility:hidden}.bdp-intro-orb{position:absolute;width:min(70vw,620px);aspect-ratio:1;border-radius:50%;border:1px solid rgba(37,200,245,.18);box-shadow:0 0 90px rgba(37,200,245,.12),inset 0 0 80px rgba(22,139,255,.07);animation:bdpFloat 5s ease-in-out infinite}@keyframes bdpFloat{50%{transform:translateY(-10px) scale(1.02)}}.bdp-intro-content{position:relative;z-index:2;text-align:center;display:flex;flex-direction:column;align-items:center}.bdp-brand-mark{width:58px;height:58px;border:1px solid rgba(37,200,245,.34);border-radius:16px;display:flex;align-items:center;justify-content:center;color:var(--bdp-accent);font-size:26px;font-weight:900;background:rgba(37,200,245,.09);margin-bottom:16px}.bdp-intro-title{font-size:34px;letter-spacing:.22em;font-weight:650;margin-left:.22em}.bdp-intro-subtitle{font-size:12px;letter-spacing:.46em;color:var(--bdp-accent);margin:7px 0 12px .46em}.bdp-intro-kicker{font-size:12px;color:#c7d4e2;margin-bottom:28px}.bdp-intro-company-card{min-width:min(320px,78vw);display:flex;flex-direction:column;align-items:center;gap:8px;padding:22px;border:1px solid rgba(255,255,255,.11);border-radius:20px;background:rgba(255,255,255,.055);backdrop-filter:blur(18px);box-shadow:0 18px 60px rgba(0,0,0,.25)}.bdp-intro-company-card img{width:68px;height:68px;object-fit:contain;background:#fff;border-radius:12px}.bdp-intro-company-card strong{font-size:18px}.bdp-intro-company-card span{font-size:12px;color:var(--bdp-muted)}.bdp-intro-credit{margin-top:28px;color:#74869b;font-size:10px;letter-spacing:.06em}.bdp-empty-state{margin:auto;text-align:center;color:var(--bdp-muted)}.bdp-empty-state h1{color:#fff}.bdp-error{background:#3d1420;color:#ffd8df;padding:16px;border-radius:14px;max-width:640px;margin:30px auto}
.bdp-app.ui-hidden .bdp-topbar{transform:translateY(-100%)}.bdp-app.ui-hidden .bdp-toolbar{transform:translate(-50%,140%)}.bdp-app.ui-hidden .bdp-page-nav{opacity:0;pointer-events:none}.bdp-app.presentation .bdp-thumbs{display:none}.bdp-app.presentation .bdp-shell{grid-template-columns:1fr;inset:0;padding-bottom:0}.bdp-app.presentation .bdp-document-stage{padding:20px}.bdp-app.presentation .bdp-topbar,.bdp-app.presentation .bdp-toolbar{opacity:0;pointer-events:none}.bdp-app.presentation .bdp-prev{left:18px}
@media(max-width:760px){
  .bdp-topbar{height:62px;padding:8px 11px}.bdp-company-logo{width:38px;height:38px}.bdp-company-text strong{max-width:58vw}
  .bdp-shell{inset:62px 0 0;grid-template-columns:1fr;padding-bottom:78px}.bdp-thumbs{position:fixed;z-index:55;left:0;right:0;bottom:0;top:62px;display:none;grid-template-columns:repeat(3,1fr);align-content:start;gap:10px;padding:14px;background:rgba(7,17,31,.98);border-right:0;overflow:auto}.bdp-thumbs.mobile-open{display:grid}.bdp-thumb{margin:0;align-self:start}
  .bdp-document-stage{padding:10px 9px 22px}.bdp-book-surface{gap:2px;filter:drop-shadow(0 18px 24px rgba(0,0,0,.26))}.bdp-book-page{border-radius:4px}
  .bdp-page-nav{width:38px;height:50px;border-radius:13px;font-size:27px;background:rgba(8,18,31,.70)}.bdp-prev{left:8px}.bdp-next{right:8px}
  .bdp-toolbar{width:calc(100vw - 18px);bottom:max(8px,env(safe-area-inset-bottom));justify-content:space-between;border-radius:16px;padding:6px;gap:5px}.bdp-tool{width:44px;height:44px;border-radius:11px}.bdp-tool small{display:none}.bdp-page-pill{height:44px;min-width:82px;padding:0 9px;font-size:11px}.bdp-contact-btn{height:44px;padding:0 14px;font-size:11px}.bdp-sheet,.bdp-contact-sheet{left:8px;right:8px;bottom:8px;width:auto;max-height:82dvh;border-radius:24px}.bdp-contact-grid{grid-template-columns:1fr 1fr}.bdp-intro-title{font-size:27px}.bdp-intro-subtitle{font-size:10px}.bdp-toast{bottom:76px}
}
@media(min-width:761px) and (max-width:1100px){.bdp-shell{grid-template-columns:92px 1fr}.bdp-thumbs{padding:12px 9px}.bdp-prev{left:106px}.bdp-document-stage{padding-left:20px;padding-right:20px}}
@media(max-height:620px) and (orientation:landscape){.bdp-topbar{height:54px}.bdp-shell{inset:54px 0 0;padding-bottom:64px}.bdp-toolbar{bottom:6px;padding:4px}.bdp-tool,.bdp-page-pill,.bdp-contact-btn{height:42px}.bdp-intro-company-card{padding:14px}.bdp-intro-kicker{margin-bottom:14px}.bdp-intro-credit{margin-top:14px}}

/* v0.2.1 app launch / auto PDF cover */
html,body{height:100dvh;min-height:100dvh}
.bdp-app{height:100dvh;min-height:100dvh}
.bdp-intro{padding:max(14px,env(safe-area-inset-top)) 14px max(14px,env(safe-area-inset-bottom));overflow:auto}
.bdp-intro-content{width:min(560px,94vw);padding:20px 0 24px}
.bdp-intro-kicker{margin-bottom:16px}
.bdp-intro-cover-wrap{position:relative;display:flex;align-items:center;justify-content:center;min-width:150px;min-height:180px;margin:2px auto 12px;padding:7px;border-radius:18px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.045);box-shadow:0 20px 55px rgba(0,0,0,.30),0 0 0 1px rgba(37,200,245,.025);overflow:hidden}
.bdp-intro-cover-canvas{display:block;max-width:min(250px,58vw);max-height:34dvh;width:auto;height:auto;border-radius:10px;background:#fff;opacity:0;transform:translateY(6px) scale(.985);transition:opacity .32s ease,transform .32s ease;box-shadow:0 16px 38px rgba(0,0,0,.30)}
.bdp-intro-cover-canvas.ready{opacity:1;transform:none}
.bdp-intro-cover-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:16px;color:#7f93a8;font-size:11px;letter-spacing:.02em}
.bdp-intro-company-name{font-size:18px;line-height:1.2;font-weight:760;letter-spacing:.025em;margin-top:1px;color:#fff}
.bdp-intro-company-type{margin-top:4px;color:var(--bdp-muted);font-size:11px}
.bdp-open-profile{margin-top:14px;min-width:210px;min-height:52px;padding:9px 20px;border:1px solid color-mix(in srgb,var(--bdp-accent) 58%,white 8%);border-radius:16px;background:linear-gradient(135deg,var(--bdp-accent),#69e5ff);color:#03131c;box-shadow:0 12px 36px color-mix(in srgb,var(--bdp-accent) 25%,transparent);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-weight:850;letter-spacing:.06em;transition:transform .18s ease,filter .18s ease,opacity .18s ease}
.bdp-open-profile:hover{transform:translateY(-1px);filter:brightness(1.05)}
.bdp-open-profile:active{transform:translateY(0) scale(.99)}
.bdp-open-profile:disabled{opacity:.45;cursor:wait;filter:saturate(.55)}
.bdp-open-profile span{font-size:12px}.bdp-open-profile small{font-size:8px;font-weight:650;letter-spacing:.05em;opacity:.66}
.bdp-intro-credit{margin-top:14px}

@media(max-width:760px){
  .bdp-intro-content{padding-top:8px;padding-bottom:10px}
  .bdp-brand-mark{width:44px;height:44px;border-radius:13px;font-size:20px;margin-bottom:9px}
  .bdp-intro-title{font-size:23px}.bdp-intro-subtitle{font-size:8.5px;margin-top:4px;margin-bottom:7px}.bdp-intro-kicker{font-size:9.5px;margin-bottom:10px}
  .bdp-intro-cover-wrap{min-width:130px;min-height:150px;margin-bottom:9px;padding:5px;border-radius:15px}
  .bdp-intro-cover-canvas{max-width:min(220px,55vw);max-height:31dvh;border-radius:8px}
  .bdp-intro-company-name{font-size:16px}.bdp-intro-company-type{font-size:10px}
  .bdp-open-profile{margin-top:11px;min-height:48px;min-width:195px;border-radius:14px}
  .bdp-intro-credit{margin-top:10px;font-size:9px}
  .bdp-book-surface.is-double::after{width:10px}
}
@media(max-height:680px){
  .bdp-intro{align-items:flex-start}
  .bdp-intro-content{padding-top:8px}
  .bdp-brand-mark{width:38px;height:38px;margin-bottom:6px;font-size:18px}.bdp-intro-title{font-size:21px}.bdp-intro-kicker{margin-bottom:7px}
  .bdp-intro-cover-canvas{max-height:28dvh}.bdp-intro-cover-wrap{min-height:130px;margin-bottom:7px}
  .bdp-open-profile{margin-top:8px;min-height:44px}.bdp-intro-credit{margin-top:7px}
}

/* v0.3.0 Premium Mobile Experience */
.bdp-progress{position:fixed;z-index:49;left:0;right:0;top:69px;height:2px;background:rgba(255,255,255,.035);overflow:hidden;transition:top .28s ease,opacity .28s ease}
.bdp-progress>span{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--bdp-accent),#6ce7ff);box-shadow:0 0 14px color-mix(in srgb,var(--bdp-accent) 50%,transparent);transition:width .32s cubic-bezier(.2,.8,.2,1)}
.bdp-shell{transition:top .28s ease,padding-bottom .28s ease}
.bdp-app.ui-hidden .bdp-shell{top:0;padding-bottom:0}
.bdp-app.ui-hidden .bdp-progress{top:0;opacity:.76}
.bdp-app.ui-hidden .bdp-topbar{opacity:0}
.bdp-app.ui-hidden .bdp-toolbar{opacity:0}
.bdp-app.ui-hidden .bdp-page-nav{opacity:0;transform:translateY(-50%) scale(.94)}
.bdp-app:not(.ui-hidden) .bdp-page-nav{opacity:1}

.bdp-focus-back{position:fixed;z-index:46;top:82px;left:50%;transform:translate(-50%,-8px);display:flex;align-items:center;gap:7px;min-height:34px;padding:0 12px;border-radius:999px;border:1px solid rgba(255,255,255,.11);background:rgba(7,17,31,.78);backdrop-filter:blur(18px);color:#fff;box-shadow:0 10px 30px rgba(0,0,0,.22);opacity:0;pointer-events:none;transition:opacity .24s ease,transform .24s ease,top .28s ease;cursor:pointer}
.bdp-focus-back span{font-size:15px;color:var(--bdp-accent)}
.bdp-focus-back strong{font-size:9px;letter-spacing:.08em;font-weight:750}
.bdp-app.page-focus .bdp-focus-back{opacity:1;pointer-events:auto;transform:translate(-50%,0)}
.bdp-app.page-focus.ui-hidden .bdp-focus-back{top:12px;opacity:.78}
.bdp-app.page-focus .bdp-book-surface.is-focus{filter:drop-shadow(0 32px 48px rgba(0,0,0,.34))}
.bdp-book-surface.is-focus .bdp-book-page{border-radius:6px;box-shadow:0 0 0 1px rgba(255,255,255,.05),0 12px 44px rgba(0,0,0,.25)}

.bdp-book-surface.is-double{gap:1px}
.bdp-book-surface.is-double::after{width:22px;background:linear-gradient(90deg,rgba(0,0,0,0),rgba(0,0,0,.20) 36%,rgba(0,0,0,.31) 48%,rgba(255,255,255,.08) 50%,rgba(0,0,0,.26) 53%,rgba(0,0,0,.16) 64%,rgba(0,0,0,0));filter:blur(.15px);opacity:.78}
.bdp-book-surface.enter-next{animation:bdpEnterNextPremium .28s cubic-bezier(.18,.78,.22,1)}
.bdp-book-surface.exit-next{animation:bdpExitNextPremium .28s cubic-bezier(.4,0,.7,.2) forwards}
.bdp-book-surface.enter-prev{animation:bdpEnterPrevPremium .28s cubic-bezier(.18,.78,.22,1)}
.bdp-book-surface.exit-prev{animation:bdpExitPrevPremium .28s cubic-bezier(.4,0,.7,.2) forwards}
@keyframes bdpEnterNextPremium{from{opacity:0;transform:translateX(34px) scale(.987) rotateY(-2.6deg);filter:blur(.35px)}to{opacity:1;transform:none;filter:none}}
@keyframes bdpExitNextPremium{to{opacity:0;transform:translateX(-26px) scale(.992) rotateY(2.2deg)}}
@keyframes bdpEnterPrevPremium{from{opacity:0;transform:translateX(-34px) scale(.987) rotateY(2.6deg);filter:blur(.35px)}to{opacity:1;transform:none;filter:none}}
@keyframes bdpExitPrevPremium{to{opacity:0;transform:translateX(26px) scale(.992) rotateY(-2.2deg)}}

.bdp-page-nav{transition:opacity .24s ease,transform .24s ease,border-color .2s ease,background .2s ease,color .2s ease}
.bdp-toolbar{transition:transform .3s cubic-bezier(.2,.8,.2,1),opacity .25s ease}
.bdp-topbar{transition:transform .3s cubic-bezier(.2,.8,.2,1),opacity .25s ease}
.bdp-document-stage{transition:padding .28s ease}
.bdp-app.ui-hidden .bdp-document-stage{padding-top:12px;padding-bottom:12px}

.bdp-intro.ready .bdp-intro-cover-wrap{animation:bdpCoverFloatIn .55s cubic-bezier(.2,.8,.2,1) both}
@keyframes bdpCoverFloatIn{from{opacity:.15;transform:translateY(12px) scale(.97)}to{opacity:1;transform:none}}
.bdp-intro-cover-wrap{min-width:168px;min-height:205px}
.bdp-intro-cover-canvas{max-width:min(310px,64vw);max-height:38dvh}

@media(max-width:760px){
  .bdp-progress{top:61px}
  .bdp-app.ui-hidden .bdp-shell{top:0;padding-bottom:0}
  .bdp-app.ui-hidden .bdp-document-stage{padding:7px 4px 8px}
  .bdp-focus-back{top:70px;min-height:32px;padding:0 10px}
  .bdp-app.page-focus.ui-hidden .bdp-focus-back{top:max(8px,env(safe-area-inset-top))}
  .bdp-book-surface.is-double::after{width:13px}
  .bdp-intro-cover-wrap{min-width:148px;min-height:178px}
  .bdp-intro-cover-canvas{max-width:min(255px,64vw);max-height:35dvh}
  .bdp-page-nav{opacity:.88}
}

@media(prefers-reduced-motion:reduce){
  .bdp-book-surface.enter-next,.bdp-book-surface.exit-next,.bdp-book-surface.enter-prev,.bdp-book-surface.exit-prev,.bdp-intro.ready .bdp-intro-cover-wrap{animation:none!important}
  .bdp-topbar,.bdp-toolbar,.bdp-page-nav,.bdp-progress,.bdp-progress>span,.bdp-focus-back{transition:none!important}
}

/* v0.4.0 Cinematic Intro + Interactive Page Curl */
.bdp-intro{--intro-x:0;--intro-y:0;isolation:isolate}
.bdp-intro-scene{position:absolute;z-index:0;inset:-12%;overflow:hidden;pointer-events:none;perspective:1200px;transform:translate3d(calc(var(--intro-x) * -7px),calc(var(--intro-y) * -5px),0);transition:transform .22s ease-out}
.bdp-scene-glow{position:absolute;border-radius:50%;filter:blur(54px);opacity:.72;mix-blend-mode:screen;will-change:transform,opacity}
.bdp-scene-glow-a{width:min(62vw,720px);aspect-ratio:1;left:3%;top:2%;background:radial-gradient(circle,rgba(37,200,245,.20),rgba(37,200,245,.055) 42%,transparent 72%);animation:bdpGlowOrbitA 12s ease-in-out infinite alternate}
.bdp-scene-glow-b{width:min(54vw,620px);aspect-ratio:1;right:0;bottom:-8%;background:radial-gradient(circle,rgba(22,139,255,.18),rgba(103,89,255,.05) 46%,transparent 72%);animation:bdpGlowOrbitB 15s ease-in-out infinite alternate}
.bdp-scene-grid{position:absolute;left:-20%;right:-20%;bottom:-36%;height:74%;opacity:.22;background-image:linear-gradient(rgba(70,206,255,.20) 1px,transparent 1px),linear-gradient(90deg,rgba(70,206,255,.16) 1px,transparent 1px);background-size:44px 44px;transform:rotateX(66deg) translateZ(-40px);transform-origin:center top;mask-image:linear-gradient(to bottom,transparent 0,#000 28%,#000 72%,transparent 100%);animation:bdpGridDrift 13s linear infinite}
.bdp-scene-ring{position:absolute;left:50%;top:50%;border-radius:50%;border:1px solid rgba(80,216,255,.16);box-shadow:0 0 46px rgba(37,200,245,.045),inset 0 0 40px rgba(37,200,245,.025);transform-style:preserve-3d;will-change:transform}
.bdp-scene-ring::after{content:"";position:absolute;inset:8%;border-radius:inherit;border:1px dashed rgba(255,255,255,.055)}
.bdp-scene-ring-a{width:min(78vw,760px);aspect-ratio:1;animation:bdpRingSpinA 22s linear infinite}
.bdp-scene-ring-b{width:min(60vw,590px);aspect-ratio:1;border-color:rgba(255,143,31,.10);animation:bdpRingSpinB 17s linear infinite reverse}
.bdp-scene-ring-c{width:min(96vw,930px);aspect-ratio:1;opacity:.42;animation:bdpRingPulse 10s ease-in-out infinite}
.bdp-scene-particles{position:absolute;inset:0}
.bdp-scene-particles i{position:absolute;left:var(--x);top:var(--y);width:var(--s);height:var(--s);border-radius:50%;background:rgba(160,236,255,.88);box-shadow:0 0 10px rgba(37,200,245,.62);opacity:.18;animation:bdpParticleFloat var(--d) ease-in-out var(--delay) infinite alternate}
@keyframes bdpGlowOrbitA{0%{transform:translate3d(-3%,-2%,0) scale(.94);opacity:.52}100%{transform:translate3d(14%,10%,0) scale(1.08);opacity:.86}}
@keyframes bdpGlowOrbitB{0%{transform:translate3d(8%,8%,0) scale(1)}100%{transform:translate3d(-13%,-10%,0) scale(.92)}}
@keyframes bdpGridDrift{to{background-position:44px 44px}}
@keyframes bdpRingSpinA{from{transform:translate(-50%,-50%) rotateX(68deg) rotateZ(0)}to{transform:translate(-50%,-50%) rotateX(68deg) rotateZ(360deg)}}
@keyframes bdpRingSpinB{from{transform:translate(-50%,-50%) rotateY(66deg) rotateZ(0)}to{transform:translate(-50%,-50%) rotateY(66deg) rotateZ(360deg)}}
@keyframes bdpRingPulse{0%,100%{transform:translate(-50%,-50%) scale(.96);opacity:.28}50%{transform:translate(-50%,-50%) scale(1.035);opacity:.52}}
@keyframes bdpParticleFloat{0%{transform:translate3d(-7px,9px,0) scale(.65);opacity:.10}50%{opacity:.46}100%{transform:translate3d(12px,-22px,0) scale(1.12);opacity:.20}}

.bdp-intro-content{transform:translate3d(calc(var(--intro-x) * 5px),calc(var(--intro-y) * 4px),0);transition:transform .24s ease-out,opacity .42s ease,filter .42s ease}
.bdp-brand-mark{position:relative;overflow:hidden;box-shadow:0 0 0 1px rgba(37,200,245,.04),0 0 34px rgba(37,200,245,.10);animation:bdpBrandBreath 4.6s ease-in-out infinite}
.bdp-brand-mark::after{content:"";position:absolute;inset:-35%;background:linear-gradient(115deg,transparent 28%,rgba(255,255,255,.22) 46%,transparent 64%);transform:translateX(-115%) rotate(8deg);animation:bdpMarkShine 5.2s ease-in-out infinite}
@keyframes bdpBrandBreath{50%{box-shadow:0 0 0 1px rgba(37,200,245,.08),0 0 42px rgba(37,200,245,.20);transform:translateY(-2px)}}
@keyframes bdpMarkShine{0%,58%{transform:translateX(-115%) rotate(8deg)}76%,100%{transform:translateX(115%) rotate(8deg)}}
.bdp-intro.ready .bdp-intro-cover-wrap{animation:bdpCoverFloatIn .65s cubic-bezier(.2,.8,.2,1) both,bdpCoverHover 5.8s ease-in-out .7s infinite}
@keyframes bdpCoverHover{0%,100%{translate:0 0;rotate:0deg}50%{translate:0 -5px;rotate:.18deg}}
.bdp-intro-cover-wrap::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(118deg,transparent 20%,rgba(255,255,255,.10) 43%,transparent 60%);transform:translateX(-120%);animation:bdpCoverSheen 6.2s ease-in-out 1.2s infinite}
@keyframes bdpCoverSheen{0%,66%{transform:translateX(-120%)}84%,100%{transform:translateX(120%)}}
.bdp-open-profile{position:relative;overflow:hidden;isolation:isolate}
.bdp-open-profile::before{content:"";position:absolute;z-index:-1;inset:-2px;background:linear-gradient(112deg,#ff8a1e 0%,var(--bdp-accent) 46%,#8ff2ff 62%,#ff8a1e 100%);background-size:220% 100%;animation:bdpButtonFlow 4.8s linear infinite}
.bdp-open-profile::after{content:"";position:absolute;inset:1px;border-radius:15px;background:linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,0) 40%);pointer-events:none}
@keyframes bdpButtonFlow{to{background-position:220% 0}}
.bdp-intro.launching .bdp-intro-content{opacity:0;filter:blur(3px);transform:translate3d(calc(var(--intro-x) * 5px),calc(var(--intro-y) * 4px),0) scale(1.035)}
.bdp-intro.launching .bdp-intro-scene{transform:scale(1.09);filter:blur(2px);opacity:.72;transition:transform .48s cubic-bezier(.2,.8,.2,1),filter .48s ease,opacity .48s ease}
.bdp-intro.launching .bdp-intro-orb{transform:scale(1.08);opacity:0;transition:.48s ease}

/* Page-curl interaction */
.bdp-page-curl{position:fixed;z-index:47;pointer-events:none;perspective:1800px;transform-style:preserve-3d;contain:layout paint style;will-change:transform}
.bdp-curl-sheet{position:absolute;inset:0;transform-style:preserve-3d;will-change:transform;transition:none;border-radius:3px;box-shadow:0 12px 32px rgba(0,0,0,.22)}
.bdp-page-curl.is-forward .bdp-curl-sheet{transform-origin:left center}
.bdp-page-curl.is-backward .bdp-curl-sheet{transform-origin:right center}
.bdp-curl-face{position:absolute;inset:0;overflow:hidden;background:#fff;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:3px}
.bdp-curl-face canvas{width:100%!important;height:100%!important;display:block}
.bdp-curl-back{transform:rotateY(180deg);background:linear-gradient(90deg,#d7d8d8,#fff 38%,#f4f4f4 72%,#c9c9c9);filter:saturate(.32) brightness(.97)}
.bdp-curl-back canvas{transform:scaleX(-1);opacity:.16;mix-blend-mode:multiply}
.bdp-curl-front::after,.bdp-curl-back::after{content:"";position:absolute;inset:0;pointer-events:none}
.bdp-page-curl.is-forward .bdp-curl-front::after{background:linear-gradient(90deg,rgba(0,0,0,.22) 0,rgba(255,255,255,.04) 4%,transparent 18%,rgba(255,255,255,.09) 88%,rgba(0,0,0,.16) 100%);opacity:calc(.16 + var(--curl-p,.0) * .66)}
.bdp-page-curl.is-backward .bdp-curl-front::after{background:linear-gradient(270deg,rgba(0,0,0,.22) 0,rgba(255,255,255,.04) 4%,transparent 18%,rgba(255,255,255,.09) 88%,rgba(0,0,0,.16) 100%);opacity:calc(.16 + var(--curl-p,.0) * .66)}
.bdp-curl-edge{position:absolute;top:0;bottom:0;width:8px;z-index:4;pointer-events:none;background:linear-gradient(90deg,rgba(255,255,255,.34),rgba(0,0,0,.20),transparent);opacity:calc(.18 + var(--curl-p,.0) * .76);filter:blur(.15px)}
.bdp-page-curl.is-forward .bdp-curl-edge{left:-2px}.bdp-page-curl.is-backward .bdp-curl-edge{right:-2px;transform:scaleX(-1)}
.bdp-curl-shadow{position:absolute;z-index:-1;top:2%;bottom:2%;width:34%;opacity:.08;filter:blur(15px);background:rgba(0,0,0,.68);will-change:opacity,transform}
.bdp-page-curl.is-forward .bdp-curl-shadow{left:-8%;transform-origin:right center;transform:skewY(-1deg)}
.bdp-page-curl.is-backward .bdp-curl-shadow{right:-8%;transform-origin:left center;transform:skewY(1deg)}
.bdp-app.is-curling .bdp-book-surface{filter:drop-shadow(0 18px 26px rgba(0,0,0,.20))}
.bdp-app.is-curling .bdp-page-nav,.bdp-app.is-curling .bdp-toolbar,.bdp-app.is-curling .bdp-topbar{pointer-events:none}

@media(max-width:760px){
  .bdp-scene-grid{background-size:34px 34px;bottom:-30%;opacity:.17}
  .bdp-scene-ring-a{width:118vw}.bdp-scene-ring-b{width:92vw}.bdp-scene-ring-c{width:142vw}
  .bdp-scene-glow-a{width:92vw}.bdp-scene-glow-b{width:82vw}
  .bdp-intro-content{transform:translate3d(calc(var(--intro-x) * 2px),calc(var(--intro-y) * 2px),0)}
  .bdp-curl-sheet{border-radius:2px}
  .bdp-curl-shadow{filter:blur(10px)}
}

@media(prefers-reduced-motion:reduce){
  .bdp-scene-glow,.bdp-scene-grid,.bdp-scene-ring,.bdp-scene-particles i,.bdp-brand-mark,.bdp-brand-mark::after,.bdp-intro.ready .bdp-intro-cover-wrap,.bdp-intro-cover-wrap::after,.bdp-open-profile::before{animation:none!important}
  .bdp-intro-content,.bdp-intro-scene{transition:none!important}
}

/* v0.4.1 — Premium Intro Background System */
.bdp-intro-photo{position:absolute;inset:-5%;background-image:var(--bdp-intro-photo);background-size:cover;background-position:center;opacity:.44;transform:translate3d(calc(var(--intro-x) * -10px),calc(var(--intro-y) * -7px),0) scale(1.075);filter:saturate(.72) contrast(1.08) brightness(.62);will-change:transform,filter;animation:bdpPhotoBreath 18s ease-in-out infinite alternate;transition:transform .28s ease-out,opacity .35s ease}
.bdp-intro-photo::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,10,18,.28),rgba(3,10,18,.48) 54%,rgba(2,8,14,.76)),radial-gradient(circle at 50% 42%,rgba(37,200,245,.11),transparent 42%)}
.bdp-intro-photo::after{content:"";position:absolute;inset:-12%;background:radial-gradient(ellipse at center,transparent 30%,rgba(1,6,12,.42) 72%,rgba(1,6,12,.88) 100%);pointer-events:none}
.bdp-intro-tech .bdp-intro-photo{display:none}
.bdp-intro-client .bdp-intro-photo{opacity:.33;filter:blur(16px) saturate(.85) brightness(.54);transform:translate3d(calc(var(--intro-x) * -8px),calc(var(--intro-y) * -6px),0) scale(1.16)}
.bdp-architecture-depth{position:absolute;inset:-8%;perspective:1200px;transform-style:preserve-3d;opacity:.34;pointer-events:none;transform:translate3d(calc(var(--intro-x) * -15px),calc(var(--intro-y) * -10px),0)}
.bdp-glass-plane{position:absolute;display:block;border:1px solid rgba(119,226,255,.08);background:linear-gradient(140deg,rgba(71,210,255,.085),rgba(255,255,255,.012) 52%,rgba(0,0,0,.02));box-shadow:inset 0 0 60px rgba(37,200,245,.025);backdrop-filter:blur(1px);transform-style:preserve-3d}
.bdp-glass-plane-a{width:34%;height:86%;left:5%;top:2%;transform:rotateY(31deg) rotateZ(-5deg) translateZ(-90px);animation:bdpGlassA 14s ease-in-out infinite alternate}
.bdp-glass-plane-b{width:28%;height:80%;right:5%;top:11%;transform:rotateY(-35deg) rotateZ(4deg) translateZ(-120px);animation:bdpGlassB 17s ease-in-out infinite alternate}
.bdp-glass-plane-c{width:48%;height:44%;left:28%;bottom:-12%;transform:rotateX(66deg) translateZ(-160px);opacity:.56}
.bdp-intro-tech .bdp-architecture-depth{opacity:.10}.bdp-intro-client .bdp-architecture-depth{opacity:.18}
.bdp-intro-scene::after{content:"";position:absolute;inset:-20%;pointer-events:none;background:linear-gradient(112deg,transparent 34%,rgba(139,235,255,.055) 48%,transparent 61%);transform:translateX(-46%);animation:bdpSceneSweep 10s ease-in-out infinite}
.bdp-intro-content::before{content:"";position:absolute;z-index:-1;width:min(540px,92vw);height:min(620px,82vh);left:50%;top:50%;transform:translate(-50%,-50%);border-radius:44%;background:radial-gradient(ellipse,rgba(5,15,27,.34),rgba(5,15,27,.10) 52%,transparent 72%);filter:blur(8px);pointer-events:none}
.bdp-intro-cover-wrap{backdrop-filter:blur(15px) saturate(1.06);background:linear-gradient(160deg,rgba(255,255,255,.08),rgba(255,255,255,.025));border-color:rgba(138,225,255,.16);box-shadow:0 28px 72px rgba(0,0,0,.40),0 0 60px color-mix(in srgb,var(--bdp-accent) 9%,transparent),inset 0 1px rgba(255,255,255,.06)}
.bdp-intro-cover-wrap::before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:linear-gradient(150deg,rgba(138,230,255,.34),rgba(255,255,255,.02) 35%,rgba(255,142,30,.16) 78%,rgba(138,230,255,.18));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.bdp-open-profile{box-shadow:0 14px 42px color-mix(in srgb,var(--bdp-accent) 16%,rgba(0,0,0,.35)),0 0 38px rgba(255,140,30,.12)}
@keyframes bdpPhotoBreath{0%{transform:translate3d(calc(var(--intro-x) * -10px),calc(var(--intro-y) * -7px),0) scale(1.075)}100%{transform:translate3d(calc(var(--intro-x) * -10px + 9px),calc(var(--intro-y) * -7px - 5px),0) scale(1.105)}}
@keyframes bdpGlassA{from{transform:rotateY(31deg) rotateZ(-5deg) translate3d(0,0,-90px)}to{transform:rotateY(28deg) rotateZ(-4deg) translate3d(16px,-8px,-65px)}}
@keyframes bdpGlassB{from{transform:rotateY(-35deg) rotateZ(4deg) translate3d(0,0,-120px)}to{transform:rotateY(-31deg) rotateZ(3deg) translate3d(-14px,9px,-85px)}}
@keyframes bdpSceneSweep{0%,24%{transform:translateX(-54%);opacity:0}44%{opacity:1}66%,100%{transform:translateX(56%);opacity:0}}
@media(max-width:760px){.bdp-intro-photo{inset:-7%;opacity:.34;filter:saturate(.70) contrast(1.05) brightness(.55)}.bdp-intro-client .bdp-intro-photo{opacity:.28;filter:blur(12px) saturate(.80) brightness(.50)}.bdp-architecture-depth{opacity:.22}.bdp-glass-plane-a{left:-8%;width:48%}.bdp-glass-plane-b{right:-12%;width:44%}.bdp-intro-scene::after{opacity:.65}}
@media(prefers-reduced-motion:reduce){.bdp-intro-photo,.bdp-glass-plane-a,.bdp-glass-plane-b,.bdp-intro-scene::after{animation:none!important}}


/* v0.4.2 — calmer intro + gesture-first book navigation */
/* Keep the intro alive, but remove obvious pulsing/flashing from primary CTA. */
.bdp-brand-mark{animation:none!important;transform:none!important}
.bdp-brand-mark::after{animation:none!important;opacity:.22;transform:translateX(38%) rotate(8deg)}
.bdp-intro.ready .bdp-intro-cover-wrap{animation:bdpCoverFloatIn .58s cubic-bezier(.2,.8,.2,1) both,bdpCoverHoverCalm 10s ease-in-out .9s infinite!important}
@keyframes bdpCoverHoverCalm{0%,100%{translate:0 0;rotate:0deg}50%{translate:0 -2px;rotate:.05deg}}
.bdp-intro-cover-wrap::after{animation:none!important;opacity:.18;transform:translateX(52%)}
.bdp-open-profile::before{animation:none!important;background-position:50% 0!important;background-size:100% 100%!important;opacity:.96}
.bdp-open-profile{transition:transform .22s ease,box-shadow .22s ease,filter .22s ease}
.bdp-open-profile:hover{transform:translateY(-1px);filter:brightness(1.035);box-shadow:0 17px 46px color-mix(in srgb,var(--bdp-accent) 18%,rgba(0,0,0,.38)),0 0 30px rgba(255,140,30,.10)}
.bdp-open-profile:active{transform:translateY(0) scale(.992)}

/* Gesture is the primary navigation: visible arrows are intentionally removed. */
.bdp-page-nav{display:none!important}
.bdp-document-stage{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
.bdp-document-stage.is-zoomed{touch-action:pan-x pan-y}
.bdp-book-page,.bdp-book-page canvas{touch-action:none;-webkit-user-drag:none}

.bdp-turn-hint{position:fixed;z-index:58;left:50%;top:50%;transform:translate(-50%,-50%) translateY(16px);display:flex;align-items:center;gap:9px;max-width:min(88vw,420px);padding:11px 15px;border:1px solid rgba(255,255,255,.10);border-radius:999px;background:rgba(5,13,23,.88);box-shadow:0 14px 42px rgba(0,0,0,.30),0 0 28px rgba(37,200,245,.08);backdrop-filter:blur(14px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .28s ease,transform .28s ease,visibility .28s ease;color:#fff}
.bdp-turn-hint.show{opacity:1;visibility:visible;transform:translate(-50%,-50%) translateY(0)}
.bdp-turn-hint strong{font-size:12px;white-space:nowrap}.bdp-turn-hint small{font-size:9px;color:#93a7bb;white-space:nowrap}.bdp-turn-hand{font-size:18px;display:inline-block;animation:bdpHintSwipe 1.6s ease-in-out 2}
@keyframes bdpHintSwipe{0%,100%{transform:translateX(7px) rotate(-12deg);opacity:.65}50%{transform:translateX(-7px) rotate(-12deg);opacity:1}}

/* Make the sheet react slightly more like flexible paper while dragging. */
.bdp-curl-sheet{border-radius:2px;filter:drop-shadow(0 8px 13px rgba(0,0,0,.18))}
.bdp-curl-face{transform-style:preserve-3d}
.bdp-curl-shadow{width:42%;filter:blur(13px)}
.bdp-page-curl.is-forward .bdp-curl-shadow{left:-12%}.bdp-page-curl.is-backward .bdp-curl-shadow{right:-12%}

@media(max-width:760px){
  .bdp-turn-hint{top:44%;padding:10px 13px;gap:7px}.bdp-turn-hint small{display:none}.bdp-turn-hint strong{font-size:11px}
}
@media(prefers-reduced-motion:reduce){.bdp-turn-hand,.bdp-intro.ready .bdp-intro-cover-wrap{animation:none!important}}

/* ================================
   Bionic Digital Profile v0.5.0
   Real Book Engine / premium polish
   ================================ */
.bdp-page-nav,.bdp-focus-back{display:none!important}
.bdp-document-stage{overflow:auto;touch-action:none;padding-left:10px;padding-right:10px}
.bdp-book-zoom{position:relative;display:flex;align-items:center;justify-content:center;min-width:100%;min-height:100%;transition:transform .22s ease;will-change:transform}
.bdp-pages.bdp-real-book{position:relative;display:block;min-width:0;min-height:0;width:100%;height:100%;perspective:none;filter:drop-shadow(0 28px 48px rgba(0,0,0,.34))}
.bdp-flip-page{background:#fff;overflow:hidden;box-shadow:none!important;touch-action:none;-webkit-user-select:none;user-select:none}
.bdp-flip-page canvas{width:100%;height:100%;display:block;background:#fff;pointer-events:none;-webkit-user-drag:none}
.bdp-app.real-flip-ready .bdp-pages{cursor:grab}
.bdp-app.is-page-folding .bdp-pages{cursor:grabbing}
.bdp-app.is-page-folding .bdp-toolbar,.bdp-app.is-page-folding .bdp-topbar{opacity:0;pointer-events:none}
.bdp-app.real-flip-ready .stf__wrapper{filter:drop-shadow(0 28px 44px rgba(0,0,0,.34));overflow:visible!important}
.bdp-app.real-flip-ready .stf__parent{overflow:visible!important}
.bdp-app.real-flip-ready .stf__item{background:#fff}
.bdp-app.real-flip-ready .stf__block{overflow:visible!important}

/* Zoom is a reading aid. Reset to 100% before page turning so touch math stays exact. */
.bdp-document-stage.is-zoomed{touch-action:pan-x pan-y;align-items:flex-start;justify-content:flex-start}
.bdp-document-stage.is-zoomed .bdp-book-zoom{min-width:120%;min-height:120%}

/* Mobile thumbnail drawer rather than a permanent sidebar. */
@media(max-width:900px){
  .bdp-thumbs{position:fixed;z-index:62;left:12px;top:82px;bottom:92px;width:116px;border:1px solid rgba(255,255,255,.10);border-radius:18px;transform:translateX(-145%);opacity:0;transition:transform .28s cubic-bezier(.2,.8,.2,1),opacity .22s ease;background:rgba(5,13,23,.94);backdrop-filter:blur(20px);box-shadow:0 24px 60px rgba(0,0,0,.42)}
  .bdp-app.thumbs-open .bdp-thumbs{transform:none;opacity:1}
  .bdp-shell{grid-template-columns:1fr}
}

/* Turn hint is deliberately subtle: one-time onboarding, not a permanent decoration. */
.bdp-turn-hint{background:rgba(6,16,28,.84);border:1px solid rgba(255,255,255,.09);backdrop-filter:blur(16px);box-shadow:0 18px 50px rgba(0,0,0,.34)}

/* Calm intro: premium depth without pulsing CTA/cover distraction. */
.bdp-open-profile{transition:transform .2s ease,box-shadow .25s ease,filter .25s ease!important;animation:none!important}
.bdp-open-profile::before{animation:none!important;opacity:.16!important}
.bdp-open-profile:hover{transform:translateY(-1px);box-shadow:0 16px 38px color-mix(in srgb,var(--bdp-accent) 18%,rgba(0,0,0,.32))}
.bdp-intro.ready .bdp-intro-cover-wrap{animation:bdpCoverFloatIn .55s cubic-bezier(.2,.8,.2,1) both!important}
.bdp-intro-cover-wrap::after{display:none!important}

/* Fallback if the real page-flip CDN is blocked. */
.bdp-app.flip-fallback .bdp-pages{display:flex;align-items:center;justify-content:center}
.bdp-app.flip-fallback .bdp-flip-page{display:none;max-width:min(88vw,720px);height:auto!important;aspect-ratio:1/1.4142;box-shadow:0 24px 50px rgba(0,0,0,.32)!important}
.bdp-app.flip-fallback .bdp-flip-page.fallback-visible{display:block}

@media(max-width:760px){
  .bdp-document-stage{padding:8px 0 84px}
  .bdp-book-zoom{align-items:center;justify-content:center}
  .bdp-toolbar{max-width:calc(100vw - 20px)}
  .bdp-tool{width:46px;height:46px}
  .bdp-page-pill{min-width:116px}
  .bdp-contact-btn{padding:0 18px}
  .bdp-intro-content{padding-left:14px;padding-right:14px}
}

@media(prefers-reduced-motion:reduce){
  .bdp-book-zoom,.bdp-thumbs{transition:none!important}
}

/* ================================
   Bionic Digital Profile v0.5.1
   Business City intro + adaptive landscape spread + smoother flip
   ================================ */

/* Fixed premium business-city mood: image stays subdued so the PDF cover remains the hero. */
.bdp-intro-corporate .bdp-intro-photo{
  opacity:.48;
  filter:saturate(.78) contrast(1.07) brightness(.62);
  background-position:center center;
  background-size:cover;
}
.bdp-intro-corporate .bdp-intro-scene::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:
    radial-gradient(circle at 72% 46%,rgba(255,190,88,.10),transparent 19%),
    linear-gradient(180deg,rgba(2,8,17,.16),rgba(3,12,21,.48) 72%,rgba(2,8,15,.74));
}

/* Once intro is gone, stop every decorative layer from consuming GPU. */
.bdp-intro.hidden *{animation-play-state:paused!important}

/* Cover is presented as the hero page; chrome gets out of the way quickly. */
.bdp-app.cover-mode .bdp-document-stage{padding-top:6px;padding-bottom:68px}
.bdp-app.cover-mode.ui-hidden .bdp-document-stage{padding-top:0;padding-bottom:0}

/* PageFlip already draws its own dynamic shadow; avoid stacking costly filters while dragging. */
.bdp-pages.bdp-real-book{filter:none!important}
.bdp-app.real-flip-ready .stf__wrapper{filter:drop-shadow(0 20px 34px rgba(0,0,0,.27));will-change:transform}
.bdp-app.real-flip-ready .stf__item,
.bdp-app.real-flip-ready .stf__block{will-change:transform;backface-visibility:hidden;transform:translateZ(0)}
.bdp-app.is-page-folding .stf__wrapper{filter:none!important}
.bdp-app.is-page-folding .bdp-document-stage::before{opacity:.25}

/* Landscape spread mode: use the whole phone width and reduce non-essential chrome. */
@media(max-width:950px) and (orientation:landscape){
  .bdp-shell{inset:50px 0 0;padding-bottom:54px}
  .bdp-topbar{height:50px;padding:0 12px}
  .bdp-company-logo{width:34px;height:34px;border-radius:10px}
  .bdp-company-text strong{font-size:12px}.bdp-company-text span{font-size:9px}
  .bdp-document-stage{padding:2px 8px 58px;overflow:hidden}
  .bdp-toolbar{bottom:5px;padding:4px;gap:4px;transform:translateX(-50%) scale(.88);transform-origin:bottom center}
  .bdp-app.ui-hidden .bdp-toolbar{transform:translate(-50%,140%) scale(.88)}
  .bdp-turn-hint{top:43%}
}

/* Orientation helper: only appears when automatic landscape lock is unavailable. */
.bdp-rotate-hint{
  position:fixed;z-index:70;left:50%;bottom:max(90px,calc(env(safe-area-inset-bottom) + 86px));
  width:min(92vw,430px);transform:translate(-50%,16px);opacity:0;visibility:hidden;pointer-events:none;
  display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;padding:11px 12px;
  border:1px solid rgba(255,255,255,.11);border-radius:18px;background:rgba(5,14,24,.92);
  box-shadow:0 18px 56px rgba(0,0,0,.38);backdrop-filter:blur(16px);
  transition:opacity .25s ease,transform .25s ease,visibility .25s ease;color:#fff;
}
.bdp-rotate-hint.show{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0)}
.bdp-rotate-icon{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;
  color:#09131d;background:linear-gradient(135deg,#ff9a25,#6fe9ff);font-size:17px;font-weight:900}
.bdp-rotate-hint strong{display:block;font-size:12px;line-height:1.25}.bdp-rotate-hint small{display:block;margin-top:3px;color:#8fa4b9;font-size:9.5px}
.bdp-rotate-hint button{border:1px solid rgba(255,255,255,.10);border-radius:10px;background:rgba(255,255,255,.06);color:#dbe7f2;padding:8px 9px;font-size:9px;white-space:nowrap}

@media(max-width:760px){
  .bdp-intro-corporate .bdp-intro-photo{opacity:.43;filter:saturate(.76) contrast(1.06) brightness(.59)}
  .bdp-intro-scene::after{animation-duration:15s!important;opacity:.42}
  .bdp-scene-particles i:nth-child(n+9){display:none}
}

@media(orientation:landscape){.bdp-rotate-hint{display:none!important}}

/* ================================
   Bionic Digital Profile v0.5.2
   Fixed business-city wallpaper + true fit-to-screen landscape spreads
   ================================ */

/* Make the fixed city wallpaper visibly photographic/architectural while keeping content readable. */
.bdp-intro-corporate .bdp-intro-photo{
  opacity:.72!important;
  filter:saturate(.88) contrast(1.08) brightness(.74)!important;
  background-position:center 48%!important;
  transform:translate3d(calc(var(--intro-x) * -7px),calc(var(--intro-y) * -5px),0) scale(1.045)!important;
}
.bdp-intro-corporate .bdp-intro-photo::before{
  background:
    linear-gradient(180deg,rgba(2,8,15,.16),rgba(3,11,19,.30) 52%,rgba(2,8,14,.65)),
    radial-gradient(circle at 52% 42%,rgba(37,200,245,.07),transparent 46%)!important;
}
.bdp-intro-corporate .bdp-intro-photo::after{
  background:radial-gradient(ellipse at center,transparent 34%,rgba(1,6,12,.26) 72%,rgba(1,6,12,.70) 100%)!important;
}
.bdp-intro-corporate .bdp-intro-scene::before{
  background:
    radial-gradient(circle at 74% 48%,rgba(255,189,82,.15),transparent 19%),
    linear-gradient(180deg,rgba(2,8,17,.08),rgba(3,12,21,.20) 68%,rgba(2,8,15,.58))!important;
}

/* The book frame itself is always the size owner; never let its parent grow beyond the viewport. */
.bdp-book-zoom,.bdp-pages.bdp-real-book{max-width:100%;max-height:100%;overflow:visible}
.bdp-pages.bdp-real-book{width:100%;height:100%;display:flex;align-items:center;justify-content:center}
.bdp-app.real-flip-ready .stf__parent,
.bdp-app.real-flip-ready .stf__wrapper{max-width:100%!important;max-height:100%!important}

/* Landscape reading is fit-to-screen, not zoom-to-fill. All page edges must remain visible. */
@media(max-width:950px) and (orientation:landscape){
  .bdp-shell{inset:44px 0 0;padding-bottom:0}
  .bdp-topbar{height:44px;padding:0 10px;background:rgba(5,14,24,.72)}
  .bdp-company-logo{width:30px;height:30px;border-radius:9px}
  .bdp-company-text strong{font-size:11px}.bdp-company-text span{font-size:8.5px}
  .bdp-document-stage{padding:6px 10px 8px;overflow:hidden!important;align-items:center!important;justify-content:center!important}
  .bdp-book-zoom{width:100%;height:100%;min-height:0!important;min-width:0!important;display:flex;align-items:center;justify-content:center}
  .bdp-pages.bdp-real-book{width:100%;height:100%;min-width:0!important;min-height:0!important}
  .bdp-toolbar{bottom:max(5px,env(safe-area-inset-bottom));padding:4px;gap:4px;transform:translateX(-50%) scale(.80);transform-origin:bottom center}
  .bdp-app.ui-hidden .bdp-toolbar{transform:translate(-50%,145%) scale(.80)}
  .bdp-progress{top:44px}
}

@media(max-width:760px){
  .bdp-intro-corporate .bdp-intro-photo{opacity:.62!important;filter:saturate(.84) contrast(1.07) brightness(.69)!important}
  .bdp-intro-content::before{background:radial-gradient(ellipse,rgba(5,15,27,.48),rgba(5,15,27,.18) 52%,transparent 75%)}
}

/* ================================
   Bionic Digital Profile v0.5.3
   Fixed wallpaper + reliable viewer launch + fit-book polish
   ================================ */

/* Intro: one fixed full-screen business wallpaper. No orbit/grid/line-art overlays. */
.bdp-intro{background:#06101c!important}
.bdp-intro-scene{position:absolute;inset:0;overflow:hidden;pointer-events:none;background:#06101c}
.bdp-intro-photo{
  position:absolute!important;inset:-2%!important;opacity:1!important;
  background-image:var(--bdp-intro-photo)!important;background-size:cover!important;background-position:center 50%!important;
  filter:saturate(.90) contrast(1.05) brightness(.72)!important;
  transform:scale(1.025)!important;animation:bdpWallpaperDrift 24s ease-in-out infinite alternate!important;
}
.bdp-intro-wallpaper-shade{position:absolute;inset:0;background:
  linear-gradient(180deg,rgba(2,7,13,.34) 0%,rgba(3,12,22,.30) 38%,rgba(3,12,22,.53) 76%,rgba(2,7,13,.76) 100%),
  radial-gradient(ellipse at 50% 45%,rgba(6,19,32,.06) 0%,rgba(3,10,18,.18) 48%,rgba(2,8,15,.54) 100%)}
.bdp-intro-sun-glow{position:absolute;right:-8%;top:12%;width:58vw;height:58vw;max-width:820px;max-height:820px;border-radius:50%;background:radial-gradient(circle,rgba(255,214,146,.20) 0%,rgba(255,170,68,.095) 24%,rgba(53,213,255,.03) 46%,transparent 72%);filter:blur(8px);mix-blend-mode:screen;opacity:.78}
.bdp-architecture-depth,.bdp-scene-glow,.bdp-scene-grid,.bdp-scene-ring,.bdp-scene-particles,.bdp-intro-orb{display:none!important}
.bdp-intro-scene::before,.bdp-intro-scene::after{display:none!important}
@keyframes bdpWallpaperDrift{from{transform:scale(1.025) translate3d(-.25%,0,0)}to{transform:scale(1.045) translate3d(.35%,-.25%,0)}}

/* Keep the center content crisp against the real wallpaper. */
.bdp-intro-content{position:relative;z-index:4;text-shadow:0 2px 18px rgba(0,0,0,.32)}
.bdp-intro-cover-wrap{box-shadow:0 28px 70px rgba(0,0,0,.48),0 0 0 1px rgba(255,255,255,.10)!important;background:rgba(5,13,23,.34)!important;backdrop-filter:blur(8px)}
.bdp-open-profile{background:linear-gradient(115deg,#ff9427 0%,#ffc86c 38%,#7ae8f3 100%)!important;box-shadow:0 18px 44px rgba(0,0,0,.34),0 0 32px rgba(37,200,245,.12)!important}
.bdp-open-profile:disabled{opacity:.54;cursor:wait;filter:saturate(.55)}
.bdp-open-profile.ready{opacity:1}

/* Cinematic bridge between intro and the actual viewer: never expose an empty stage. */
.bdp-launch-overlay{position:fixed;z-index:140;inset:0;display:flex;align-items:center;justify-content:center;padding:24px;background:linear-gradient(180deg,rgba(3,10,18,.94),rgba(4,13,23,.985));opacity:0;visibility:hidden;pointer-events:none;transition:opacity .25s ease,visibility .25s ease}
.bdp-launch-overlay.show{opacity:1;visibility:visible;pointer-events:auto}
.bdp-launch-card{width:min(86vw,360px);display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px}
.bdp-launch-cover-canvas{display:block;max-width:46vw;max-height:46vh;border-radius:12px;background:#fff;box-shadow:0 28px 66px rgba(0,0,0,.52),0 0 0 1px rgba(255,255,255,.12);transform:translateY(6px) scale(.985);animation:bdpLaunchCover .7s cubic-bezier(.2,.8,.2,1) both}
.bdp-launch-copy strong{display:block;font-size:15px;letter-spacing:.02em;color:#fff}.bdp-launch-copy span{display:block;margin-top:5px;font-size:10px;color:#92a7bc}
.bdp-launch-progress{width:min(72vw,260px);height:3px;border-radius:99px;background:rgba(255,255,255,.08);overflow:hidden}
.bdp-launch-progress span{display:block;width:0;height:100%;border-radius:99px;background:linear-gradient(90deg,#ff9a2a,#78e9f2);transition:width .25s ease}
@keyframes bdpLaunchCover{from{opacity:0;transform:translateY(18px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}

/* Reliable no-blank safety preview. It is visible only during handoff/reflow. */
.bdp-static-preview{position:absolute;z-index:8;inset:0;display:flex;align-items:center;justify-content:center;padding:18px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .16s ease,visibility .16s ease}
.bdp-static-preview.show,.bdp-app.book-reflowing .bdp-static-preview{opacity:1;visibility:visible}
.bdp-static-preview img{display:block;max-width:min(82vw,560px);max-height:calc(100% - 24px);width:auto;height:auto;object-fit:contain;background:#fff;box-shadow:0 22px 58px rgba(0,0,0,.42)}
.bdp-app.book-reflowing .bdp-pages{opacity:.12;transition:opacity .12s ease}.bdp-app:not(.book-reflowing) .bdp-pages{opacity:1;transition:opacity .16s ease}

/* PageFlip is built to the exact available viewport: no zoom-to-fill crop. */
.bdp-book-zoom{width:100%;height:100%;min-width:0!important;min-height:0!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:visible}
.bdp-pages.bdp-real-book{width:auto!important;height:auto!important;min-width:0!important;min-height:0!important;display:block!important;overflow:visible!important}
.bdp-app.real-flip-ready .stf__parent,.bdp-app.real-flip-ready .stf__wrapper{margin:auto!important;max-width:100%!important;max-height:100%!important;overflow:visible!important}
.bdp-app.real-flip-ready .stf__wrapper{filter:drop-shadow(0 20px 34px rgba(0,0,0,.28))}
.bdp-app.is-page-folding .stf__wrapper{filter:drop-shadow(0 10px 22px rgba(0,0,0,.20))!important}
.bdp-fallback-page{display:block;max-width:88%;max-height:88%;width:auto;height:auto;object-fit:contain;background:#fff;box-shadow:0 20px 52px rgba(0,0,0,.36)}

/* Thumbnails now use lightweight prepared page images. */
.bdp-thumb img{width:100%;height:auto;display:block;border-radius:4px;background:#fff}

/* Simplify the primary mobile interface. Zoom remains available on larger screens / menu reset remains. */
@media(max-width:900px){
  .bdp-mobile-secondary{display:none!important}
  .bdp-toolbar{gap:6px;padding:6px 7px;max-width:calc(100vw - 18px)}
  .bdp-page-pill{min-width:126px;height:48px;font-size:12px}
  .bdp-contact-btn{min-width:118px}
}

/* Landscape = entire spread visible inside the screen, with slim chrome. */
@media(max-width:950px) and (orientation:landscape){
  .bdp-shell{inset:38px 0 0!important;padding-bottom:0!important}
  .bdp-topbar{height:38px!important;padding:0 8px!important;background:rgba(4,12,21,.62)!important;border-bottom-color:rgba(255,255,255,.06)!important}
  .bdp-company-logo{width:26px!important;height:26px!important;border-radius:8px!important}.bdp-company-text strong{font-size:10px!important}.bdp-company-text span{display:none}
  .bdp-top-actions .bdp-icon-btn{width:30px;height:30px;border-radius:9px}
  .bdp-progress{top:38px!important;height:2px}
  .bdp-document-stage{padding:5px 8px 6px!important;overflow:hidden!important;align-items:center!important;justify-content:center!important}
  .bdp-toolbar{bottom:max(4px,env(safe-area-inset-bottom))!important;transform:translateX(-50%) scale(.76)!important;transform-origin:bottom center!important;background:rgba(6,15,25,.80)!important}
  .bdp-app.ui-hidden .bdp-toolbar{transform:translate(-50%,150%) scale(.76)!important}
  .bdp-static-preview img{max-height:88%;max-width:88%}
}

/* Once the viewer is active, optimize rendering budget for the book physics. */
.bdp-app.viewer-active .bdp-intro-scene,.bdp-intro.hidden{animation-play-state:paused!important}
.bdp-app.viewer-active .bdp-document-stage::before{background:radial-gradient(circle at 50% 48%,rgba(255,255,255,.018),transparent 40%)}

@media(max-width:760px){
  .bdp-intro-photo{inset:-3%!important;background-position:58% center!important;filter:saturate(.88) contrast(1.06) brightness(.68)!important}
  .bdp-intro-sun-glow{right:-28%;top:15%;width:92vw;height:92vw}
  .bdp-intro-content{padding-left:16px!important;padding-right:16px!important}
  .bdp-launch-cover-canvas{max-width:54vw;max-height:50vh}
}

@media(prefers-reduced-motion:reduce){
  .bdp-intro-photo,.bdp-launch-cover-canvas{animation:none!important}
}

/* ================================
   Bionic Digital Profile v0.5.4
   New executive wallpaper + reliable mobile spread viewer
   ================================ */

.bdp-intro-photo{
  background-image:var(--bdp-intro-photo)!important;
  background-size:cover!important;
  background-position:center center!important;
  filter:saturate(.95) contrast(1.08) brightness(.78)!important;
}
.bdp-intro-wallpaper-shade{background:
  linear-gradient(180deg,rgba(2,8,15,.22) 0%,rgba(3,11,20,.20) 38%,rgba(3,11,20,.46) 72%,rgba(2,7,13,.72) 100%),
  radial-gradient(ellipse at 54% 18%,rgba(255,183,91,.08) 0%,rgba(4,15,27,.02) 24%,rgba(3,10,18,.12) 46%,rgba(2,8,15,.48) 100%)!important}
.bdp-intro-sun-glow{opacity:.86!important;right:-12%!important;top:6%!important;width:72vw!important;height:72vw!important;max-width:940px!important;max-height:940px!important}

.bdp-app.mobile-spread-mode .bdp-book-zoom,
.bdp-app.mobile-spread-mode .bdp-pages{
  width:100%!important;height:100%!important;display:flex!important;align-items:center!important;justify-content:center!important;
}
.bdp-mobile-surface{
  width:min(100%,1180px);max-width:100%;display:grid;gap:0;align-items:stretch;justify-content:center;
  filter:drop-shadow(0 22px 56px rgba(0,0,0,.40));will-change:transform,opacity;
}
.bdp-mobile-surface.is-single{grid-template-columns:minmax(0,1fr);max-width:min(86vw,560px)}
.bdp-mobile-surface.is-spread{grid-template-columns:minmax(0,1fr) minmax(0,1fr);max-width:min(96vw,1220px)}
.bdp-mobile-panel{position:relative;background:#fff;overflow:hidden;min-width:0}
.bdp-mobile-panel.left{border-radius:8px 0 0 8px;box-shadow:inset -8px 0 18px rgba(0,0,0,.10)}
.bdp-mobile-panel.right{border-radius:0 8px 8px 0;box-shadow:inset 8px 0 18px rgba(0,0,0,.10)}
.bdp-mobile-panel.solo{border-radius:10px;box-shadow:0 0 0 1px rgba(0,0,0,.06)}
.bdp-mobile-surface.is-spread .bdp-mobile-panel + .bdp-mobile-panel::before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:linear-gradient(180deg,rgba(0,0,0,.10),rgba(255,255,255,.06),rgba(0,0,0,.10))}
.bdp-mobile-page-image{display:block;width:100%;height:auto;max-height:calc(100vh - 160px);object-fit:contain;background:#fff}
.bdp-mobile-surface.enter-forward{animation:bdpSpreadEnterForward .24s ease both}
.bdp-mobile-surface.enter-back{animation:bdpSpreadEnterBack .24s ease both}
.bdp-mobile-surface.exit-forward{animation:bdpSpreadExitForward .24s ease both;position:absolute;inset:auto}
.bdp-mobile-surface.exit-back{animation:bdpSpreadExitBack .24s ease both;position:absolute;inset:auto}
.bdp-mobile-surface.is-initial{animation:none}
@keyframes bdpSpreadEnterForward{from{opacity:.05;transform:translateX(28px) scale(.985)}to{opacity:1;transform:none}}
@keyframes bdpSpreadEnterBack{from{opacity:.05;transform:translateX(-28px) scale(.985)}to{opacity:1;transform:none}}
@keyframes bdpSpreadExitForward{to{opacity:0;transform:translateX(20px) scale(.992)}}
@keyframes bdpSpreadExitBack{to{opacity:0;transform:translateX(-20px) scale(.992)}}

@media(max-width:950px){
  .bdp-app.mobile-spread-mode .bdp-document-stage{overflow:hidden!important}
  .bdp-mobile-surface.is-single{max-width:min(82vw,520px)}
  .bdp-mobile-page-image{max-height:calc(100vh - 182px)}
}
@media(max-width:950px) and (orientation:landscape){
  .bdp-mobile-surface.is-spread{max-width:min(98vw,1280px)}
  .bdp-mobile-page-image{max-height:calc(100vh - 92px)}
}


/* ================================
   Bionic Digital Profile v0.5.5
   Borderless page presentation
   ================================ */

.bdp-app.real-flip-ready .stf__item,
.bdp-app.real-flip-ready .stf__block,
.bdp-app.real-flip-ready .stf__page,
.bdp-app.real-flip-ready .stf__itemShadow,
.bdp-app.real-flip-ready .stf__hardShadow,
.bdp-app.real-flip-ready .stf__outerShadow{
  background:transparent!important;
}

.bdp-app.real-flip-ready .stf__item img,
.bdp-app.real-flip-ready .stf__item canvas,
.bdp-app.real-flip-ready .stf__block img,
.bdp-app.real-flip-ready .stf__block canvas{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  background:transparent!important;
  border:none!important;
  box-shadow:none!important;
}

.bdp-static-preview img,
.bdp-fallback-page,
.bdp-thumb img,
.bdp-mobile-panel,
.bdp-mobile-page-image{
  background:transparent!important;
}

.bdp-mobile-panel.left,
.bdp-mobile-panel.right,
.bdp-mobile-panel.solo{
  box-shadow:none!important;
}

.bdp-mobile-surface.is-spread .bdp-mobile-panel + .bdp-mobile-panel::before{
  background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(0,0,0,.08),rgba(255,255,255,.06))!important;
}

/* ================================
   Bionic Digital Profile v0.5.6
   Premium Wallpaper System + stable launch polish
   ================================ */

.bdp-intro-wallpaper .bdp-intro-photo{
  inset:-1.5%!important;
  opacity:1!important;
  background-size:cover!important;
  background-position:center center!important;
  filter:saturate(.93) contrast(1.07) brightness(.72)!important;
  transform:scale(1.02)!important;
  animation:bdpWallpaperPremium 30s ease-in-out infinite alternate!important;
}
@keyframes bdpWallpaperPremium{from{transform:scale(1.018) translate3d(-.15%,0,0)}to{transform:scale(1.035) translate3d(.25%,-.18%,0)}}
.bdp-intro-wallpaper .bdp-intro-wallpaper-shade{background:
  linear-gradient(180deg,rgba(1,7,13,.18) 0%,rgba(2,9,17,.16) 34%,rgba(3,11,20,.42) 72%,rgba(1,7,13,.74) 100%),
  radial-gradient(ellipse at 50% 46%,rgba(3,11,20,.04) 0%,rgba(2,8,15,.16) 52%,rgba(1,6,11,.55) 100%)!important}
.bdp-wallpaper-city-sunrise .bdp-intro-wallpaper-shade{background:
  linear-gradient(180deg,rgba(2,8,15,.15),rgba(4,12,20,.18) 38%,rgba(3,10,18,.50) 78%,rgba(1,7,13,.76)),
  radial-gradient(circle at 74% 22%,rgba(255,183,91,.05),transparent 34%)!important}
.bdp-wallpaper-executive-office .bdp-intro-photo{filter:saturate(.86) contrast(1.06) brightness(.67)!important}
.bdp-wallpaper-luxury-drive .bdp-intro-photo{filter:saturate(.82) contrast(1.08) brightness(.64)!important}
.bdp-wallpaper-mountain-sunrise .bdp-intro-photo{filter:saturate(.82) contrast(1.04) brightness(.70)!important}
.bdp-wallpaper-global-earth .bdp-intro-photo{filter:saturate(.95) contrast(1.08) brightness(.70)!important}

.bdp-intro-content{
  width:min(92vw,560px);
  padding:22px 18px 28px!important;
  border-radius:30px;
}
.bdp-intro-content::after{
  content:"";position:absolute;z-index:-1;inset:-24px -26px -30px;border-radius:42px;
  background:radial-gradient(ellipse at center,rgba(2,10,18,.42),rgba(2,10,18,.20) 48%,transparent 72%);
  filter:blur(4px);pointer-events:none;
}
.bdp-brand-mark{box-shadow:0 16px 44px rgba(0,0,0,.22)}
.bdp-intro-cover-wrap{
  box-shadow:0 30px 80px rgba(0,0,0,.50),0 0 0 1px rgba(255,255,255,.12)!important;
  animation:bdpCoverCalm 7s ease-in-out infinite!important;
}
@keyframes bdpCoverCalm{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
.bdp-open-profile{
  transition:transform .18s ease,box-shadow .18s ease,filter .18s ease!important;
  animation:none!important;
}
.bdp-open-profile:hover{transform:translateY(-2px);box-shadow:0 22px 50px rgba(0,0,0,.38),0 0 30px rgba(37,200,245,.12)!important}
.bdp-open-profile:active{transform:translateY(1px) scale(.99)}

.bdp-launch-overlay{backdrop-filter:blur(16px)}
.bdp-launch-card{padding:24px 20px;border:1px solid rgba(255,255,255,.08);border-radius:28px;background:rgba(4,13,22,.48);box-shadow:0 30px 90px rgba(0,0,0,.38)}
.bdp-launch-copy strong{font-size:16px}.bdp-launch-copy span{font-size:11px;letter-spacing:.02em}
.bdp-launch-progress{height:4px;background:rgba(255,255,255,.09)}

/* The safety preview is an intentional visual bridge, never a blank loading screen. */
.bdp-static-preview{background:radial-gradient(circle at 50% 46%,rgba(21,45,69,.22),rgba(3,10,18,.04) 46%,transparent 72%)}
.bdp-static-preview img{border-radius:8px;background:transparent!important}

/* Keep the live book above the safety preview as soon as it becomes healthy. */
.bdp-pages{position:relative;z-index:10}
.bdp-static-preview{z-index:8}

@media(max-width:760px){
  .bdp-intro-content{width:min(94vw,520px);padding:12px 14px 24px!important}
  .bdp-intro-title{font-size:31px}.bdp-intro-kicker{margin-bottom:18px}
  .bdp-intro-cover-wrap{animation-duration:8s!important}
  .bdp-open-profile{min-width:min(76vw,330px)}
}
@media(prefers-reduced-motion:reduce){.bdp-intro-wallpaper .bdp-intro-photo,.bdp-intro-cover-wrap{animation:none!important}}


/* ================================
   Bionic Digital Profile v0.5.7
   Page trim + seamless spread polish
   ================================ */

.bdp-mobile-surface.is-single{max-width:min(92vw,620px)!important}
.bdp-mobile-surface.is-spread{column-gap:0!important;gap:0!important}
.bdp-mobile-panel{padding:0!important;background:transparent!important}
.bdp-mobile-panel + .bdp-mobile-panel{margin-left:-1px!important}
.bdp-mobile-page-image{display:block!important;width:100%!important;height:auto!important;max-width:100%!important;object-fit:contain!important;background:transparent!important}

.bdp-app.real-flip-ready .stf__item,
.bdp-app.real-flip-ready .stf__block,
.bdp-app.real-flip-ready .stf__page,
.bdp-app.real-flip-ready .stf__item img,
.bdp-app.real-flip-ready .stf__block img,
.bdp-app.real-flip-ready .stf__item canvas,
.bdp-app.real-flip-ready .stf__block canvas{
  background:transparent!important;
}

.bdp-app.real-flip-ready .stf__item img,
.bdp-app.real-flip-ready .stf__block img,
.bdp-app.real-flip-ready .stf__item canvas,
.bdp-app.real-flip-ready .stf__block canvas{
  object-fit:contain!important;
}

.bdp-app.real-flip-ready .stf__wrapper,
.bdp-app.real-flip-ready .stf__parent{
  background:transparent!important;
}

/* ================================
   Bionic Digital Profile v0.6.0
   Seamless spreads + finger-following page turn
   ================================ */

/* Desktop: let the flip engine own an exact two-page canvas so the center seam stays closed. */
@media(min-width:951px){
  .bdp-pages.bdp-real-book{display:block!important;flex:0 0 auto!important;margin:auto!important;overflow:visible!important}
  .bdp-app.real-flip-ready .stf__parent,
  .bdp-app.real-flip-ready .stf__wrapper{
    margin:0!important;padding:0!important;background:transparent!important;overflow:visible!important;
  }
  .bdp-app.real-flip-ready .stf__item,
  .bdp-app.real-flip-ready .stf__block,
  .bdp-app.real-flip-ready .stf__page{
    margin:0!important;padding:0!important;border:0!important;
  }
  .bdp-app.real-flip-ready.spread-mode .stf__wrapper{
    filter:drop-shadow(0 24px 46px rgba(0,0,0,.30))!important;
  }
  .bdp-app.real-flip-ready.spread-mode .stf__item:nth-child(odd){box-shadow:inset -1px 0 0 rgba(0,0,0,.10)}
  .bdp-app.real-flip-ready.spread-mode .stf__item:nth-child(even){box-shadow:inset 1px 0 0 rgba(255,255,255,.05)}
}

/* Mobile: make the two-page spread behave as one connected book. */
.bdp-app.mobile-spread-mode .bdp-pages{position:relative!important;perspective:1400px;overflow:visible!important}
.bdp-mobile-surface{position:relative;transform-style:preserve-3d}
.bdp-mobile-surface.is-spread{gap:0!important;column-gap:0!important}
.bdp-mobile-panel{transform-style:preserve-3d;backface-visibility:hidden;will-change:transform,filter}
.bdp-mobile-panel.left{transform-origin:right center!important;border-radius:8px 0 0 8px!important}
.bdp-mobile-panel.right{transform-origin:left center!important;border-radius:0 8px 8px 0!important}
.bdp-mobile-panel.solo{transform-origin:left center!important}
.bdp-mobile-panel + .bdp-mobile-panel{margin-left:-1px!important}
.bdp-mobile-surface.is-spread::after{
  content:"";position:absolute;z-index:5;top:0;bottom:0;left:50%;width:2px;transform:translateX(-1px);pointer-events:none;
  background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(0,0,0,.16) 18%,rgba(0,0,0,.20) 50%,rgba(0,0,0,.12) 82%,rgba(255,255,255,.06));
  opacity:.55;
}

/* Preview of the upcoming/previous spread sits underneath the page being dragged. */
.bdp-mobile-surface.drag-under{
  position:absolute!important;z-index:0;inset:auto;opacity:.32;pointer-events:none!important;filter:none!important;
}
.bdp-mobile-surface.drag-under.under-next{clip-path:inset(0 0 0 49.7%)}
.bdp-mobile-surface.drag-under.under-prev{clip-path:inset(0 49.7% 0 0)}
.bdp-mobile-surface:not(.drag-under){z-index:2}
.bdp-mobile-surface.is-dragging{filter:drop-shadow(0 18px 36px rgba(0,0,0,.30))}

/* Soft fold/highlight that follows the finger. */
.bdp-mobile-panel.bdp-drag-next::after,
.bdp-mobile-panel.bdp-drag-prev::after{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:calc(var(--bdp-fold,0) * .88);
  mix-blend-mode:multiply;
}
.bdp-mobile-panel.bdp-drag-next::after{
  background:linear-gradient(90deg,rgba(255,255,255,.04),rgba(0,0,0,.04) 42%,rgba(0,0,0,.30) 100%);
}
.bdp-mobile-panel.bdp-drag-prev::after{
  background:linear-gradient(270deg,rgba(255,255,255,.04),rgba(0,0,0,.04) 42%,rgba(0,0,0,.30) 100%);
}
.bdp-mobile-panel.bdp-drag-next::before,
.bdp-mobile-panel.bdp-drag-prev::before{
  content:"";position:absolute;z-index:3;top:0;bottom:0;width:22%;pointer-events:none;opacity:calc(var(--bdp-fold,0) * .9);filter:blur(6px);
}
.bdp-mobile-panel.bdp-drag-next::before{left:0;background:linear-gradient(90deg,rgba(255,255,255,.25),transparent)}
.bdp-mobile-panel.bdp-drag-prev::before{right:0;background:linear-gradient(270deg,rgba(255,255,255,.25),transparent)}

.bdp-turn-cancel{transition:transform .18s cubic-bezier(.2,.8,.2,1),filter .18s ease!important;transform:none!important;filter:none!important}
.bdp-turn-commit-next{transition:transform .17s cubic-bezier(.2,.75,.25,1),opacity .17s ease!important;transform:perspective(1200px) rotateY(-88deg)!important;opacity:.18}
.bdp-turn-commit-prev{transition:transform .17s cubic-bezier(.2,.75,.25,1),opacity .17s ease!important;transform:perspective(1200px) rotateY(88deg)!important;opacity:.18}
.bdp-drag-under-commit{transition:opacity .16s ease!important;opacity:1!important}

/* Keep every page fully visible; no accidental zoom-to-fill. */
.bdp-mobile-page-image{object-fit:contain!important;width:100%!important;height:auto!important;max-height:100%!important}
@media(max-width:950px) and (orientation:landscape){
  .bdp-mobile-surface.is-spread{width:auto!important;max-width:min(98vw,calc((100vh - 54px) / 1.4142 * 2))!important}
  .bdp-mobile-page-image{max-height:calc(100vh - 54px)!important}
  .bdp-app.ui-hidden .bdp-document-stage{padding:0!important}
}

/* Make the viewing chrome disappear faster once the user begins reading. */
.bdp-app.is-page-folding .bdp-topbar,
.bdp-app.mobile-spread-mode .bdp-mobile-surface.is-dragging ~ .bdp-topbar{opacity:.55}


/* ================================
   Bionic Digital Profile v0.6.2
   Safe mobile zoom viewer (isolated from book layout)
   ================================ */
body.bdp-image-zoom-open{overflow:hidden!important;touch-action:none!important}
.bdp-image-zoom-overlay{position:fixed;inset:0;z-index:99999;display:none;align-items:center;justify-content:center;background:#020914}
.bdp-image-zoom-overlay.open{display:flex}
.bdp-image-zoom-backdrop{position:absolute;inset:0;background:rgba(2,9,20,.98)}
.bdp-image-zoom-stage{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;overflow:hidden;touch-action:none}
.bdp-image-zoom-img{display:block;max-width:96vw;max-height:94vh;width:auto;height:auto;object-fit:contain;transform-origin:center center;will-change:transform;user-select:none;-webkit-user-drag:none;box-shadow:0 24px 90px rgba(0,0,0,.48)}
.bdp-image-zoom-top{position:absolute;z-index:2;left:0;right:0;top:0;display:flex;align-items:center;justify-content:space-between;padding:calc(10px + env(safe-area-inset-top)) 14px 10px;pointer-events:none;background:linear-gradient(180deg,rgba(2,9,20,.88),rgba(2,9,20,0))}
.bdp-image-zoom-close{pointer-events:auto;width:44px;height:44px;border-radius:14px;border:1px solid rgba(255,255,255,.16);background:rgba(8,20,35,.84);color:#fff;font-size:28px;line-height:1;display:grid;place-items:center}
.bdp-image-zoom-help{color:#c7d4e2;font-size:11px;letter-spacing:.01em;background:rgba(8,20,35,.68);border:1px solid rgba(255,255,255,.10);padding:8px 11px;border-radius:999px;backdrop-filter:blur(10px)}
@media(max-width:760px){.bdp-image-zoom-help{font-size:10px;max-width:72vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bdp-image-zoom-img{max-width:98vw;max-height:92vh}}


/* ================================
   Bionic Digital Profile v0.6.3
   Mobile spread stability hotfix
   ================================ */
.bdp-app.mobile-spread-mode .bdp-book-zoom{
  width:100%!important;height:100%!important;display:flex!important;
  align-items:center!important;justify-content:center!important;
}
.bdp-app.mobile-spread-mode .bdp-pages{
  position:relative!important;width:100%!important;height:100%!important;
  display:grid!important;place-items:center!important;overflow:hidden!important;
}
.bdp-app.mobile-spread-mode .bdp-mobile-surface{
  grid-area:1 / 1!important;margin:0!important;position:relative!important;
  flex:none!important;align-self:center!important;justify-self:center!important;
}
.bdp-app.mobile-spread-mode .bdp-mobile-surface.drag-under{
  position:absolute!important;left:50%!important;top:50%!important;
  margin:0!important;
}
.bdp-app.mobile-spread-mode .bdp-mobile-surface.exit-forward,
.bdp-app.mobile-spread-mode .bdp-mobile-surface.exit-back{
  position:relative!important;grid-area:1 / 1!important;
}
.bdp-app.mobile-spread-mode .bdp-mobile-panel{
  flex:none!important;min-width:0!important;max-width:none!important;
}
.bdp-app.mobile-spread-mode .bdp-mobile-page-image{
  display:block!important;margin:0!important;transform:none;
}


/* ================================
   Bionic Digital Profile v0.6.4
   Premium mobile page physics: real front/back sheet + deeper curl
   ================================ */
.bdp-app.mobile-spread-mode .bdp-mobile-panel{
  position:relative!important;
  transform-style:preserve-3d!important;
  overflow:visible!important;
}
.bdp-app.mobile-spread-mode .bdp-mobile-panel > .bdp-mobile-page-image{
  position:relative;z-index:1;
  backface-visibility:hidden!important;
  -webkit-backface-visibility:hidden!important;
}
.bdp-mobile-page-back{
  position:absolute;z-index:2;inset:0;pointer-events:none;
  transform:rotateY(180deg) translateZ(.4px);
  transform-style:preserve-3d;
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
  overflow:hidden;
  background:#f7f7f5;
}
.bdp-mobile-page-back .bdp-mobile-page-image{
  width:100%!important;height:100%!important;max-height:none!important;
  object-fit:fill!important;filter:saturate(.96) brightness(.985);
}
.bdp-mobile-page-back::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(90deg,rgba(255,255,255,.12),rgba(0,0,0,.04) 48%,rgba(0,0,0,.13));
  opacity:calc(.18 + var(--bdp-curl,0) * .44);
}
.bdp-mobile-panel.has-back-face.bdp-drag-next,
.bdp-mobile-panel.has-back-face.bdp-drag-prev{
  z-index:8!important;
}
.bdp-mobile-panel.bdp-drag-next::before,
.bdp-mobile-panel.bdp-drag-prev::before{
  width:calc(12% + var(--bdp-curl,0) * 16%)!important;
  opacity:calc(var(--bdp-curl,0) * .95)!important;
  filter:blur(calc(3px + var(--bdp-curl,0) * 5px))!important;
}
.bdp-mobile-panel.bdp-drag-next::after,
.bdp-mobile-panel.bdp-drag-prev::after{
  opacity:calc(var(--bdp-curl,0) * .92)!important;
}
.bdp-turn-commit-next{
  transition:transform .23s cubic-bezier(.18,.72,.22,1),opacity .23s ease,filter .23s ease!important;
  transform:perspective(1500px) rotateY(-179deg) scaleX(.995)!important;
  opacity:1!important;
}
.bdp-turn-commit-prev{
  transition:transform .23s cubic-bezier(.18,.72,.22,1),opacity .23s ease,filter .23s ease!important;
  transform:perspective(1500px) rotateY(179deg) scaleX(.995)!important;
  opacity:1!important;
}
.bdp-turn-cancel{
  transition:transform .21s cubic-bezier(.2,.82,.22,1),filter .21s ease!important;
  transform:perspective(1500px) rotateY(0deg)!important;
  filter:none!important;
}
.bdp-mobile-surface.is-dragging::before{
  content:"";position:absolute;z-index:1;inset:-4%;pointer-events:none;
  background:radial-gradient(ellipse at center,rgba(37,200,245,.045),transparent 65%);
  filter:blur(14px);
}
@media(max-width:950px){
  .bdp-turn-hint small{display:inline!important;font-size:9px!important}
}