/* DesktopBee Website v0.6.5: complete screenshot + Web Viewer first-class navigation + accessible high-contrast CTAs */
.db64-site .nav-inner{gap:13px}
.db64-site .navlinks{gap:15px;align-items:center;margin-left:auto;min-width:0}
.db64-site .navlinks a{white-space:nowrap;font-size:.8rem}
.db64-site .navlinks .db65-web-link{background:#e9f3ff!important;color:#145ca9!important;padding:9px 11px!important;border-radius:11px;border:1px solid #c9e2ff;font-weight:850!important;display:inline-flex;align-items:center;gap:3px}
.db64-site .navlinks .db65-web-link:hover,.db64-site .navlinks .db65-web-link:focus-visible{background:#d4eaff!important;color:#113b70!important}
.db64-site .db65-web-action{display:none;align-items:center;justify-content:center;white-space:nowrap;border-radius:10px;border:1px solid #b6d8fb;color:#0d559d;background:#edf6ff;font-size:.8rem;font-weight:850;padding:10px 12px;min-height:40px}
.db64-site .db65-web-action:hover{color:#0b447b;background:#dfefff}
.db64-site .nav-actions{align-items:center;gap:6px}
.db64-site .nav-actions .db64-header-download{white-space:nowrap}
/* Explicit color pairs. The earlier dark-theme .btn-secondary had a dark background, while the v064 light-theme body supplied dark text. */
.db64-site .btn-secondary,.db64-site a.btn-secondary,.db64-site .btn-secondary:visited{background:#183b5d!important;color:#fff!important;border:1px solid #294e75!important}
.db64-site .btn-secondary:hover,.db64-site .btn-secondary:focus-visible{background:#21587f!important;color:#fff!important}
.db64-site .btn-primary,.db64-site a.btn-primary,.db64-site .btn-primary:visited{background:#ffca45!important;color:#142e4c!important;border:1px solid transparent!important}
.db64-site .btn-primary:hover{background:#ffdd77!important;color:#142e4c!important}
.db64-site .btn-outline,.db64-site .launch-outline,.db64-site a.launch-outline,.db64-site a.launch-outline:visited{background:#f0f6fe!important;color:#164776!important;border:1px solid #bed8ef!important}
.db64-site .launch-outline:hover,.db64-site .btn-outline:hover{background:#e1efff!important;color:#123a62!important}
.db64-site .db64-cta-sub,.db64-site a.db64-cta-sub,.db64-site a.db64-cta-sub:visited{color:#124c86!important;background:#edf5ff!important;border:1px solid #bfdcf6!important;min-height:43px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;padding:9px 14px;line-height:1.5}
.db64-site .db64-cta-sub:hover{background:#deedff!important;color:#092e54!important}
.db64-site .launch-buttons,.db64-site .launch-pagehead .launch-buttons{display:flex!important;align-items:center!important;justify-content:center!important;flex-wrap:wrap;gap:13px;margin:28px auto 0!important;width:fit-content;max-width:100%;float:none}
.db64-site .launch-pagehead .launch-buttons>.btn{display:inline-flex;align-items:center;justify-content:center;text-align:center;min-width:190px;min-height:48px;margin:0!important;padding:12px 20px;line-height:1.45}
.db64-site .db64-product-frame{max-width:100%;overflow:hidden}
.db64-site .db64-product-frame img{display:block;width:100%;height:auto!important;aspect-ratio:1920/974;object-fit:contain!important;object-position:center}
/* Whole app viewport, including the remote-right pane; no cropping or forced distortion. */
.db63-home .db63-laptop{width:100%;max-width:none}
.db63-home .db63-laptop-screen{aspect-ratio:1920/974!important}
.db63-home .db63-laptop-screen img{display:block;width:100%;height:100%;object-fit:contain!important;object-position:center}
.db63-home .db63-hero-actions>.db63-button{display:inline-flex;align-items:center;justify-content:center;min-height:54px;text-align:center}
.db63-home .db63-hero-actions .db63-button-light{background:#eaf3ff;color:#134a86;border-color:#c9dff7}
.db63-home .db63-hero-actions .db63-button-light:hover{background:#d9eaff;color:#0d3868}
.db65-eyebrow{font-size:.77rem;font-weight:900;letter-spacing:.12em;color:#0f66c9;margin:16px 0 12px!important}
.db65-pill{display:inline-flex;color:#135496;background:#e4f2ff;border:1px solid #c9e1fa;border-radius:100px;padding:8px 12px;font-size:.7rem;font-weight:850;letter-spacing:.03em}
.db65-browser-section{background:radial-gradient(ellipse at 80% 15%,#deedff 0%,transparent 50%),linear-gradient(180deg,#f2f8ff,#fff);padding:90px 0;border-bottom:1px solid #e3edf7}
.db65-browser-grid,.db65-webpage-grid{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);gap:55px;align-items:center}
.db65-browser-copy h2,.db65-webpage-hero h1{font-size:clamp(2.15rem,3.55vw,3.45rem);letter-spacing:-.052em;line-height:1.12;color:#102c4d;margin:0 0 21px}
.db65-browser-copy h2 span{color:#176bbd}
.db65-browser-lead,.db65-webpage-hero p{font-size:.99rem;line-height:1.85;color:#516a85;margin:0 0 22px}
.db65-browser-points{margin:28px 0;display:grid;gap:18px}
.db65-browser-points>div{display:flex;gap:13px;align-items:start}
.db65-browser-points>div>span{font-size:.71rem;font-weight:900;color:#176cc3;background:#e3f1ff;padding:8px 10px;border-radius:9px}
.db65-browser-points strong,.db65-browser-points small{display:block}
.db65-browser-points strong{color:#143453;font-size:.91rem}
.db65-browser-points small{color:#69819a;line-height:1.5;margin-top:3px;font-size:.8rem}
.db65-browser-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:24px 0 14px}
.db65-action,.db64-site a.db65-action{display:inline-flex;align-items:center;justify-content:center;text-align:center;gap:12px;min-height:49px;padding:12px 18px;border-radius:10px;font-size:.86rem;font-weight:850;line-height:1.45;border:1px solid transparent;text-decoration:none;transition:background .17s,transform .17s}
.db65-action:hover{transform:translateY(-2px)}
.db64-site a.db65-action-blue,.db64-site a.db65-action-blue:visited{background:#166ccc;color:#fff;border-color:#166ccc;box-shadow:0 11px 26px rgba(28,102,192,.16)}
.db64-site a.db65-action-blue:hover{background:#09529f;color:#fff}
.db64-site a.db65-action-light,.db64-site a.db65-action-light:visited{background:#fff;color:#174b82;border-color:#bcd8f3}
.db64-site a.db65-action-light:hover{background:#e6f3ff;color:#103e6a}
.db64-site a.db65-action-gold,.db64-site a.db65-action-gold:visited{background:#ffcc4c;color:#183150;border-color:#ffcc4c}
.db64-site a.db65-action-gold:hover{background:#ffdf87;color:#183150}
.db65-browser-footnote{font-size:.76rem!important;color:#687f98!important;line-height:1.65}
.db65-web-browser,.db65-webpage-visual{min-width:0;background:#fff;border:1px solid #cfe0f3;border-radius:18px;overflow:hidden;box-shadow:0 30px 74px rgba(18,59,107,.14)}
.db65-web-chrome{display:flex;align-items:center;gap:15px;background:#102b49;color:#c4d6ed;padding:12px 15px;min-width:0}
.db65-dots{white-space:nowrap;color:#ffb940;font-size:.66rem;letter-spacing:2px}
.db65-address{flex:1;min-width:0;background:#214666;padding:5px 12px;border-radius:8px;text-align:center;font-size:.74rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#dff0ff}
.db65-lock{flex:none}
.db65-web-panel{padding:22px 24px 28px}
.db65-web-panel-top{display:flex;align-items:center;gap:11px;padding-bottom:18px;border-bottom:1px solid #e2eaf5;min-width:0}
.db65-web-panel-top strong,.db65-web-panel-top small{display:block;line-height:1.4}
.db65-web-panel-top strong{color:#16314f;font-size:.95rem}
.db65-web-panel-top small{color:#69809a;font-size:.7rem}
.db65-secure-label{margin-left:auto;white-space:nowrap;font-size:.68rem;color:#167b65;background:#eafaf2;padding:6px 9px;border-radius:7px;font-weight:850}
.db65-web-demo{margin-top:20px;background:#f6f9fd;border:1px solid #e4edf7;border-radius:13px;padding:23px 25px}
.db65-web-demo h3{font-size:1.44rem;color:#142d4a;margin:0 0 8px}
.db65-web-demo>p:not(.db65-eyebrow){font-size:.8rem;line-height:1.7;color:#65809a;margin:0 0 18px}
.db65-mock-label{color:#385675;font-size:.76rem;font-weight:800;margin:12px 0 7px}
.db65-mock-input{background:#fff;border:1px solid #d1e1f0;border-radius:8px;padding:10px 12px;color:#95a5b6;font-size:.83rem}
.db65-mock-button{background:#ffca45;color:#193452;border-radius:9px;padding:12px;text-align:center;font-size:.82rem;font-weight:850;margin-top:17px;display:flex;justify-content:center;gap:8px}
.db65-web-demo>small{display:block;color:#8b9bad;margin-top:14px;font-size:.67rem;text-align:center}
.db65-feature-web{background:linear-gradient(110deg,#edf6ff,#fffaf1);border-bottom:1px solid #e5edf5;padding:72px 0}
.db65-feature-web-inner{display:grid;grid-template-columns:1.1fr .9fr;gap:42px;align-items:center}
.db65-feature-web h2{font-size:clamp(2rem,3.5vw,3rem);color:#133052;letter-spacing:-.055em;line-height:1.16;margin:4px 0 19px}
.db65-feature-web p:not(.db65-eyebrow){line-height:1.85;color:#5a748e}
.db65-feature-web-card{background:#102b49;color:#fff;padding:33px;border-radius:20px;display:flex;flex-direction:column;align-items:start;gap:12px;box-shadow:0 20px 42px rgba(17,49,84,.16)}
.db65-web-symbol{display:grid;place-items:center;width:52px;height:52px;background:#265d91;border-radius:14px;font-size:1.7rem;color:#ffd36a}
.db65-feature-web-card strong{font-size:1.32rem}
.db65-feature-web-card small{color:#bed3e7;line-height:1.6}
.db65-feature-web-card>span:last-child{display:block;color:#fdd984;font-size:.76rem;border-top:1px solid #315571;padding-top:15px;width:100%;margin-top:9px}
.db65-download-choice{padding:35px 0 5px;background:#fff}
.db65-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.db65-choice-grid>div{position:relative;background:#f7fbff;border:1px solid #dce9f5;border-radius:17px;padding:28px}
.db65-choice-grid>div.db65-choice-web{background:linear-gradient(135deg,#e8f4ff,#f0f9ff);border-color:#c7e1fa}
.db65-choice-grid h2{font-size:1.35rem;color:#142e4e;margin:12px 0}
.db65-choice-grid p{font-size:.86rem;color:#627991;line-height:1.7;min-height:72px}
.db65-choice-icon{display:grid;place-items:center;color:#fff;background:#174e88;border-radius:12px;width:42px;height:42px;font-size:1.5rem}
.db65-choice-web .db65-choice-icon{background:#176fca}
.db65-choice-flag{position:absolute;right:18px;top:23px;font-size:.64rem;font-weight:850;background:#d7efff;color:#11599b;padding:7px;border-radius:7px}
.db65-webpage-hero{padding:83px 0;background:radial-gradient(ellipse at 83% 14%,#d6e8ff,transparent 52%),linear-gradient(180deg,#f7fbff,#fff)}
.db65-webpage-hero h1{font-size:clamp(2.55rem,4.6vw,4rem)}
.db65-webpage-hero>div>div:first-child>small{color:#6a8197;font-size:.75rem}
.db65-webpage-visual{background:#fff}
.db65-webpage-visual-inner{text-align:center;padding:48px 25px 43px}
.db65-webpage-logo{display:grid;place-items:center;width:67px;height:67px;margin:0 auto 23px;color:#fff;background:linear-gradient(135deg,#1660ba,#238bf1);border-radius:17px;font-size:2rem;box-shadow:0 12px 23px rgba(23,99,188,.2)}
.db65-webpage-visual h2{font-size:1.6rem;color:#173653}
.db65-webpage-visual p{max-width:300px;margin:0 auto;color:#68819b;line-height:1.65;font-size:.86rem}
.db65-webpage-steps{display:flex;flex-wrap:wrap;gap:7px;justify-content:center;margin-top:24px}
.db65-webpage-steps span{background:#eef5fc;border:1px solid #e2ecf6;color:#19538b;border-radius:8px;padding:9px;font-size:.69rem;font-weight:800}
.db65-browser-preview-label{display:block;margin-top:29px;color:#8b9bab;font-size:.65rem}
@media(max-width:1220px){.db64-site .navlinks{gap:10px}.db64-site .navlinks a{font-size:.76rem}.db64-site .nav-inner{gap:9px}}
@media(max-width:1080px){.db64-site .navlinks{display:none;position:absolute;left:0;right:0;top:76px;flex-direction:column;align-items:stretch;padding:18px 22px;background:#fff;box-shadow:0 16px 35px rgba(25,55,89,.16);border-bottom:1px solid #dbe7f3;margin:0;gap:7px}.db64-site .nav.open .navlinks{display:flex}.db64-site .navlinks a{font-size:.94rem;padding:10px}.db64-site .nav .menu-toggle{display:block}.db64-site .nav-actions{margin-left:auto}.db64-site .db65-web-action{display:inline-flex}.db64-site .navlinks .db65-web-link{display:inline-flex}.db65-browser-grid,.db65-webpage-grid,.db65-feature-web-inner{gap:30px}}
@media(max-width:850px){.db65-browser-grid,.db65-webpage-grid,.db65-feature-web-inner{grid-template-columns:1fr}.db65-web-browser,.db65-webpage-visual{max-width:640px;width:100%;margin-inline:auto}.db65-browser-section{padding:64px 0}.db65-feature-web{padding:55px 0}.db65-download-choice{padding-top:24px}}
@media(max-width:760px){.db64-site .navlinks{top:67px}.db64-site .db65-web-action{display:inline-flex}}
@media(max-width:600px){.db65-choice-grid{grid-template-columns:1fr}.db65-choice-grid p{min-height:0}.db65-browser-actions{display:grid;grid-template-columns:1fr}.db65-action,.db64-site a.db65-action{width:100%}.db65-web-panel{padding:16px}.db65-web-demo{padding:17px}.db65-secure-label{display:none}.db64-site .launch-pagehead .launch-buttons{width:100%}.db64-site .launch-pagehead .launch-buttons>.btn{width:100%}.db64-site .nav .db65-web-action{font-size:.75rem;padding:8px;min-height:39px}.db64-site .nav-inner{gap:6px}}
@media(max-width:450px){.db64-site .nav .brand{font-size:1.12rem}.db64-site .nav .brand img{width:29px;height:29px}.db64-site .nav-actions .db65-web-action{font-size:0;min-width:39px;height:39px}.db64-site .nav-actions .db65-web-action:before{content:'↗';font-size:1.15rem}.db65-browser-section{padding:50px 0}.db65-webpage-hero{padding:56px 0}}
@media(prefers-reduced-motion:reduce){.db65-action{transition:none!important}.db65-action:hover{transform:none}}