
.bpd-root{--green:#238636;--green-dark:#1b6e2b;--ink:#202521;--muted:#687069;--line:#e5e9e4;--soft:#f6f7f5;--pale:#eff7ed;--font:"PingFang SC","Microsoft YaHei",system-ui,sans-serif}
:where(.bpd-site) *{box-sizing:border-box}
.bpd-root{scroll-behavior:smooth;scroll-padding-top:96px}
.bpd-site{margin:0;font-family:var(--font);color:var(--ink);font-size:16px;line-height:1.75;background:white}
.bpd-site.bpd-dialog-open{overflow:hidden}
:where(.bpd-site) button,:where(.bpd-site) input{font:inherit}
:where(.bpd-site) button,:where(.bpd-site) a{-webkit-tap-highlight-color:transparent}
:where(.bpd-site) button{cursor:pointer}
:where(.bpd-site) a{color:inherit;text-decoration:none}
:where(.bpd-site) img{display:block;max-width:100%;height:auto}
:where(.bpd-site) button{color:inherit}
:where(.bpd-site) button:focus-visible,:where(.bpd-site) a:focus-visible,:where(.bpd-site) summary:focus-visible,:where(.bpd-site) input:focus-visible{outline:3px solid #238636;outline-offset:5px}
:where(.bpd-site) h1,:where(.bpd-site) h2,:where(.bpd-site) h3,:where(.bpd-site) p{margin:0}
:where(.bpd-site) h2{font-size:36px;line-height:1.45;letter-spacing:-1px;font-weight:750}
:where(.bpd-site) h3{font-size:20px;line-height:1.5}
:where(.bpd-site) .bpd-container{width:min(1200px,calc(100% - 80px));margin-inline:auto}
:where(.bpd-site) .bpd-button{display:inline-flex;align-items:center;justify-content:center;gap:11px;min-height:54px;padding:13px 25px;border-radius:9px;color:white;background:var(--green);font-weight:600;line-height:1.4;transition:background .2s,transform .2s;white-space:nowrap}
:where(.bpd-site) .bpd-button:hover{background:var(--green-dark);transform:translateY(-2px)}
:where(.bpd-site) .bpd-button i{font-size:21px;font-weight:400}
:where(.bpd-site) .bpd-button-small{min-height:42px;padding:10px 17px;font-size:14px}
:where(.bpd-site) .bpd-button-small i{font-size:18px}
:where(.bpd-site) .bpd-text-link{display:inline-flex;align-items:center;gap:18px;font-size:15px;font-weight:600}
:where(.bpd-site) .bpd-text-link:hover{color:var(--green)}
:where(.bpd-site) .bpd-text-link span{font-size:23px;line-height:1}
:where(.bpd-site) .bpd-section{padding:94px 0}
:where(.bpd-site) .bpd-section-kicker{color:var(--green);font-size:14px;font-weight:600;letter-spacing:2px;margin-bottom:14px}
:where(.bpd-site) .bpd-section-heading{margin-bottom:42px}
:where(.bpd-site) .bpd-section-heading>p:last-child:not(.bpd-section-kicker){color:var(--muted);margin-top:17px;max-width:640px}
:where(.bpd-site) .bpd-heading-row{display:flex;justify-content:space-between;align-items:flex-end;gap:32px}
:where(.bpd-site) .bpd-heading-row>p{font-size:15px;line-height:1.9}
:where(.bpd-site) .bpd-heading-row .bpd-text-link{margin-bottom:9px}
:where(.bpd-site) .bpd-small-label{font-size:12px;letter-spacing:1px;color:var(--muted)}
:where(.bpd-site) .bpd-mobile-break{display:none}
:where(.bpd-site) .bpd-skip-link{position:fixed;top:8px;left:8px;z-index:100;background:white;padding:12px;transform:translateY(-160%)}
:where(.bpd-site) .bpd-skip-link:focus{transform:none}
:where(.bpd-site) .bpd-header{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.97);border-bottom:1px solid var(--line)}
:where(.bpd-site) .bpd-header-inner{height:80px;display:flex;align-items:center;gap:32px}
:where(.bpd-site) .bpd-brand{display:flex;align-items:center;gap:10px;white-space:nowrap}
:where(.bpd-site) .bpd-brand>span{font-size:18px;font-weight:700;line-height:1.5}
:where(.bpd-site) .bpd-brand small{display:block;font-size:10px;letter-spacing:2px;color:var(--muted);font-weight:400}
:where(.bpd-site) .bpd-navigation{display:flex;gap:30px;margin-left:auto;font-size:14px}
:where(.bpd-site) .bpd-navigation a:hover{color:var(--green)}
:where(.bpd-site) .bpd-header-actions{display:flex;align-items:center;gap:12px}
:where(.bpd-site) .bpd-menu-toggle{display:none;border:0;background:transparent;padding:5px;font-size:24px}
:where(.bpd-site) .bpd-hero{background:#fafbf8;overflow:hidden}
:where(.bpd-site) .bpd-hero-grid{display:grid;grid-template-columns:1fr 1.1fr;align-items:center;min-height:655px;gap:20px}
:where(.bpd-site) .bpd-hero-copy{padding:36px 0}
:where(.bpd-site) .bpd-eyebrow{font-size:12px;letter-spacing:1px;color:#5f6f5e;display:flex;align-items:center;gap:9px;margin-bottom:25px}
:where(.bpd-site) .bpd-eyebrow>span,:where(.bpd-site) .bpd-status-dot{width:6px;height:6px;background:var(--green);border-radius:50%;display:inline-block}
:where(.bpd-site) .bpd-hero h1{font-size:17px;letter-spacing:2px;font-weight:500;margin-bottom:10px}
:where(.bpd-site) .bpd-hero-title{font-size:54px;font-weight:800;line-height:1.4;letter-spacing:-2px}
:where(.bpd-site) .bpd-accent{color:var(--green)}
:where(.bpd-site) .bpd-hero-description{color:var(--muted);font-size:15px;max-width:430px;margin-top:23px;line-height:1.95}
:where(.bpd-site) .bpd-hero-buttons{display:flex;gap:30px;align-items:center;margin-top:29px}

:where(.bpd-site) .bpd-hero-points{display:flex;gap:24px;margin-top:36px;font-size:12px;color:#646c64}
:where(.bpd-site) .bpd-hero-points span{display:flex;gap:7px;align-items:center}
:where(.bpd-site) .bpd-hero-points i{font-size:18px;color:var(--green)}
:where(.bpd-site) .bpd-hero-art{height:595px;position:relative;isolation:isolate}
:where(.bpd-site) .bpd-orbit{position:absolute;border:1px solid #e0e9dc;border-radius:50%;z-index:-2;left:50%;top:50%;transform:translate(-50%,-50%)}
:where(.bpd-site) .bpd-orbit-one{width:470px;height:470px;background:#f0f5eb}
:where(.bpd-site) .bpd-orbit-two{width:570px;height:570px}
:where(.bpd-site) .bpd-art-cross{position:absolute;color:#9bac92;font-size:22px;font-weight:300}
:where(.bpd-site) .bpd-cross-one{top:60px;left:92px}
:where(.bpd-site) .bpd-cross-two{right:10px;bottom:110px}
:where(.bpd-site) .bpd-app-peek{position:absolute;left:15px;top:112px;width:238px;height:361px;overflow:hidden;background:white;border:5px solid white;border-radius:17px;box-shadow:0 20px 35px #334b2c14;transform:rotate(-5deg)}
:where(.bpd-site) .bpd-app-peek img{width:100%}
:where(.bpd-site) .bpd-peek-label{padding:10px 8px;font-size:11px;display:flex;align-items:center;gap:6px}
:where(.bpd-site) .bpd-watch-preview{position:absolute;top:84px;left:240px;width:226px;z-index:2;filter:drop-shadow(12px 20px 15px #20351c20)}
:where(.bpd-site) .bpd-watch-case{position:relative;background:#222923;padding:9px;border-radius:54px;border:3px solid #61685d;box-shadow:inset 0 0 0 2px #121712}
:where(.bpd-site) .bpd-watch-case:after{content:"";position:absolute;right:-8px;top:87px;width:5px;height:34px;background:#5b6156;border-radius:0 4px 4px 0}
:where(.bpd-site) .bpd-watch-case img{width:100%;border-radius:42px}
:where(.bpd-site) .bpd-watch-lug{position:relative;left:45px;width:136px;height:56px;background:linear-gradient(90deg,#c6cebb,#e2e7d9 40%,#d2dac6);z-index:-1}
:where(.bpd-site) .bpd-lug-top{border-radius:22px 22px 0 0;margin-bottom:-8px;box-shadow:inset 0 5px 8px #aab59d25}
:where(.bpd-site) .bpd-lug-bottom{border-radius:0 0 22px 22px;margin-top:-8px;height:63px}
:where(.bpd-site) .bpd-art-note{position:absolute;bottom:92px;left:60px;z-index:3;display:flex;align-items:center;gap:13px;padding:13px 21px;background:white;border:1px solid var(--line);border-radius:12px;box-shadow:0 6px 20px #26372008;font-size:14px}
:where(.bpd-site) .bpd-art-note>i{font-size:25px;color:var(--green)}
:where(.bpd-site) .bpd-art-note small{display:block;font-size:10px;color:var(--muted)}
:where(.bpd-site) .bpd-art-credit{position:absolute;right:4px;bottom:22px;color:#7e8679;font-size:9px;text-align:right}
:where(.bpd-site) .bpd-hero-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #e4e9df;min-height:58px;font-size:11px;letter-spacing:1px;color:#7b8478}
:where(.bpd-site) .bpd-hero-bottom a{display:flex;gap:18px;align-items:center}
:where(.bpd-site) .bpd-hero-bottom i{color:var(--green);font-size:17px}
:where(.bpd-site) .bpd-showcase-grid{display:grid;grid-template-columns:1.12fr 1fr 1fr;gap:20px}
:where(.bpd-site) .bpd-showcase-card{border-radius:18px;overflow:hidden;background:#f5f6f4;min-width:0;position:relative;height:527px}
:where(.bpd-site) .bpd-card-heading{padding:28px 25px 22px}
:where(.bpd-site) .bpd-card-heading h3{font-size:18px;margin-top:11px}
:where(.bpd-site) .bpd-card-heading p{font-size:13px;color:var(--muted);margin-top:6px}
:where(.bpd-site) .bpd-face-card{background:#eef3e9}
:where(.bpd-site) .bpd-image-button{display:block;padding:0;border:0;background:transparent;text-align:inherit;position:relative}
:where(.bpd-site) .bpd-featured-face{width:177px;margin:0 auto;box-shadow:0 16px 25px #324c2420;border-radius:28px}
:where(.bpd-site) .bpd-featured-face img{border-radius:28px}
:where(.bpd-site) .bpd-zoom-hint{position:absolute;right:9px;bottom:10px;background:#fffffff2;border-radius:20px;padding:4px 9px;font-size:10px;display:flex;align-items:center;gap:5px;opacity:0;transition:opacity .2s}
:where(.bpd-site) .bpd-image-button:hover .bpd-zoom-hint,:where(.bpd-site) .bpd-image-button:focus-visible .bpd-zoom-hint{opacity:1}
:where(.bpd-site) .bpd-work-credit{font-size:9px;color:#6f7968;margin:22px 16px;text-align:center;line-height:1.9}
:where(.bpd-site) .bpd-screenshot-button{width:242px;margin:6px auto 0;border:5px solid white;border-bottom:0;border-radius:20px 20px 0 0;box-shadow:0 8px 25px #26322212;overflow:hidden}
:where(.bpd-site) .bpd-category-card{background:#f0f3f4}
:where(.bpd-site) .bpd-section-footnote{display:flex;align-items:center;gap:7px;font-size:11px;color:#838a81;margin-top:21px}
:where(.bpd-site) .bpd-features{background:var(--soft)}
:where(.bpd-site) .bpd-editor-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
:where(.bpd-site) .bpd-editor-demo{background:white;border:1px solid var(--line);border-radius:18px;overflow:hidden}
:where(.bpd-site) .bpd-demo-topline{padding:18px 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);font-size:12px}
:where(.bpd-site) .bpd-demo-topline>span:first-child{display:flex;align-items:center;gap:8px}
:where(.bpd-site) .bpd-demo-topline i{font-size:17px;color:var(--green)}
:where(.bpd-site) .bpd-demo-badge{background:#f0f2ef;font-size:10px;color:#7d847a;padding:2px 8px;border-radius:4px}
:where(.bpd-site) .bpd-demo-display{--demo-bg:#dce8d7;--demo-ink:#244e35;--demo-soft:#edf3e7;background:radial-gradient(circle at 50% 50%,#edf1e8,#e5eadd);padding:29px;display:flex;justify-content:center}
:where(.bpd-site) .bpd-demo-display[data-palette=blue]{--demo-bg:#d4e3ea;--demo-ink:#274d6a;--demo-soft:#e8f1f6;background:#e7eff2}
:where(.bpd-site) .bpd-demo-display[data-palette=orange]{--demo-bg:#f5dfc9;--demo-ink:#82502b;--demo-soft:#fbefe2;background:#f4ede4}
:where(.bpd-site) .bpd-demo-display[data-palette=charcoal]{--demo-bg:#333b39;--demo-ink:#f0f2e8;--demo-soft:#4b5550;background:#e3e6e3}
:where(.bpd-site) .bpd-demo-face{width:212px;padding:22px 19px 15px;border-radius:30px;background:var(--demo-bg);color:var(--demo-ink);box-shadow:0 0 0 7px #242c26,0 0 0 9px #828a7d,0 13px 23px #20351c20;transition:background .2s,color .2s}
:where(.bpd-site) .bpd-demo-date{font-size:10px;display:flex;justify-content:space-between}
:where(.bpd-site) .bpd-demo-date span{opacity:.7}
:where(.bpd-site) .bpd-demo-time{font-size:54px;font-family:Arial,sans-serif;font-weight:700;letter-spacing:-2px;line-height:1.55}
:where(.bpd-site) .bpd-demo-time span{font-weight:400;opacity:.6}
:where(.bpd-site) .bpd-demo-rule{height:1px;background:currentColor;opacity:.18;margin:1px 0 11px}
:where(.bpd-site) .bpd-demo-weather{display:flex;align-items:center;gap:10px;min-height:43px}
:where(.bpd-site) .bpd-demo-weather>i{font-size:29px}
:where(.bpd-site) .bpd-demo-weather>span{font-size:10px;display:flex;gap:16px;align-items:center}
:where(.bpd-site) .bpd-demo-weather b{font-size:23px;font-weight:500}
:where(.bpd-site) .bpd-demo-data{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:9px;min-height:76px}
:where(.bpd-site) .bpd-demo-data>span{display:flex;flex-direction:column;background:var(--demo-soft);border-radius:11px;padding:8px 10px}
:where(.bpd-site) .bpd-demo-data i{font-size:13px}
:where(.bpd-site) .bpd-demo-data strong{font-family:Arial,sans-serif;font-size:20px;line-height:1.4}
:where(.bpd-site) .bpd-demo-data small{font-size:8px;opacity:.7}
:where(.bpd-site) .bpd-demo-battery{font-size:8px;text-align:center;margin-top:11px;opacity:.75}
:where(.bpd-site) .bpd-demo-controls{padding:20px 24px 13px}
:where(.bpd-site) .bpd-palette-row{display:flex;align-items:center;gap:20px;font-size:11px}
:where(.bpd-site) .bpd-swatches{display:flex;gap:12px}
:where(.bpd-site) .bpd-swatch{width:21px;height:21px;border:3px solid white;border-radius:50%;outline:1px solid transparent;box-shadow:0 0 0 1px #e3e7df}
:where(.bpd-site) .bpd-swatch[aria-pressed=true]{outline-color:var(--green);outline-offset:3px}
:where(.bpd-site) .bpd-swatch.bpd-green{background:#709a69}
:where(.bpd-site) .bpd-swatch.bpd-blue{background:#709cb6}
:where(.bpd-site) .bpd-swatch.bpd-orange{background:#d7a06a}
:where(.bpd-site) .bpd-swatch.bpd-charcoal{background:#4c5651}
:where(.bpd-site) #palette-name{margin-left:auto;color:var(--muted)}
:where(.bpd-site) .bpd-component-options{display:flex;gap:22px;border-top:1px solid var(--line);margin-top:20px;padding-top:14px;font-size:11px;color:var(--muted)}
:where(.bpd-site) .bpd-component-options label{display:flex;align-items:center;gap:4px;cursor:pointer}
:where(.bpd-site) .bpd-component-options input{accent-color:var(--green)}
:where(.bpd-site) .bpd-demo-disclaimer{font-size:9px;color:#8a9085;padding:0 24px 17px}
:where(.bpd-site) .bpd-feature-list article{display:flex;gap:17px;padding:21px 0;border-bottom:1px solid #e1e6dd}
:where(.bpd-site) .bpd-feature-list article:first-child{padding-top:0}
:where(.bpd-site) .bpd-feature-icon{flex:0 0 44px;height:44px;display:grid;place-items:center;font-size:23px;color:var(--green);border:1px solid #dce5d5;border-radius:12px;background:#eff4eb}
:where(.bpd-site) .bpd-feature-list h3{font-size:18px}
:where(.bpd-site) .bpd-feature-list article p{color:var(--muted);font-size:13px;line-height:1.9;margin-top:7px}
:where(.bpd-site) .bpd-feature-note{color:#858c80;font-size:10px;margin-top:17px}
:where(.bpd-site) .bpd-feature-summary{display:grid;grid-template-columns:repeat(3,1fr);margin-top:48px;padding-top:31px;border-top:1px solid #e0e5db}
:where(.bpd-site) .bpd-feature-summary>div{display:flex;gap:18px;justify-content:center;align-items:center;border-right:1px solid #dfe4da}
:where(.bpd-site) .bpd-feature-summary>div:last-child{border:0}
:where(.bpd-site) .bpd-feature-summary i{font-size:28px;color:var(--green)}
:where(.bpd-site) .bpd-feature-summary span{font-size:11px;color:var(--muted)}
:where(.bpd-site) .bpd-feature-summary strong{display:block;font-size:15px;color:var(--ink);margin-bottom:1px}
:where(.bpd-site) .bpd-guide-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:65px;align-items:center}
:where(.bpd-site) .bpd-steps article{display:flex;gap:21px;position:relative;padding-bottom:35px}
:where(.bpd-site) .bpd-steps article:last-child{padding-bottom:0}
:where(.bpd-site) .bpd-steps article:not(:last-child):before{content:"";position:absolute;top:46px;bottom:7px;left:20px;border-left:1px dashed #cbd9c4}
:where(.bpd-site) .bpd-step-number{flex:0 0 42px;align-self:flex-start;height:42px;display:grid;place-items:center;border-radius:50%;font-size:14px;background:var(--pale);color:var(--green);font-family:Arial,sans-serif}
:where(.bpd-site) .bpd-steps h3{font-size:17px;margin-top:5px}
:where(.bpd-site) .bpd-steps p{font-size:13px;color:var(--muted);margin-top:10px;max-width:340px}
:where(.bpd-site) .bpd-install-panel{background:#f2f5ee;display:grid;grid-template-columns:1fr 205px;gap:15px;padding:32px 25px 0 30px;height:359px;overflow:hidden;border-radius:18px}
:where(.bpd-site) .bpd-install-copy{padding-top:21px}
:where(.bpd-site) .bpd-install-copy h3{font-size:21px;line-height:1.7;margin-top:16px}
:where(.bpd-site) .bpd-install-copy p{font-size:12px;color:var(--muted);margin-top:15px}
:where(.bpd-site) .bpd-panel-caption{display:flex;align-items:center;gap:7px;font-size:10px;color:#819075;margin-top:29px}
:where(.bpd-site) .bpd-install-shot{align-self:start;border-radius:17px 17px 0 0;border:5px solid white;overflow:hidden;box-shadow:0 8px 20px #273b2114}
:where(.bpd-site) .bpd-devices{background:#fafbf8;padding-block:78px}
:where(.bpd-site) .bpd-device-grid{display:grid;grid-template-columns:1fr 1fr;gap:95px;align-items:center}
:where(.bpd-site) .bpd-device-visual{height:405px;background:#edf2e8;border-radius:18px;position:relative;overflow:hidden}
:where(.bpd-site) .bpd-device-background{position:absolute;left:29px;top:36px;font-size:28px;line-height:1.6;color:#687b5b;font-weight:600;letter-spacing:1px}
:where(.bpd-site) .bpd-device-background span{font-size:13px;font-weight:400;letter-spacing:0}
:where(.bpd-site) .bpd-device-shot{width:222px;position:absolute;top:39px;right:31px;border:5px solid white;border-radius:18px;overflow:hidden;transform:rotate(3deg);box-shadow:0 15px 30px #304a2314}
:where(.bpd-site) .bpd-device-stamp{position:absolute;bottom:38px;left:28px;display:flex;gap:7px;align-items:center;background:white;padding:8px 13px;border:1px solid #dce4d7;border-radius:8px;font-size:11px;color:var(--green)}
:where(.bpd-site) .bpd-device-copy>p:not(.bpd-section-kicker){font-size:14px;color:var(--muted);margin-top:20px}
:where(.bpd-site) .bpd-device-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:24px}
:where(.bpd-site) .bpd-device-tags span{font-size:11px;padding:5px 10px;border:1px solid #dce4d7;border-radius:5px;background:white;color:#5a6853}
:where(.bpd-site) .bpd-device-copy .bpd-device-note{font-size:10px!important;color:#8a9185!important;margin-top:16px!important}
:where(.bpd-site) .bpd-device-copy .bpd-text-link{margin-top:24px}
:where(.bpd-site) .bpd-faq-grid{display:grid;grid-template-columns:1fr 2fr;gap:100px}
:where(.bpd-site) .bpd-faq-heading>p:not(.bpd-section-kicker){font-size:14px;color:var(--muted);margin-top:18px}
:where(.bpd-site) .bpd-faq-symbol{font-size:125px;color:#e6efdf;font-family:Georgia,serif;line-height:1.1;margin-top:29px}
:where(.bpd-site) .bpd-faq-list details{border-bottom:1px solid var(--line)}
:where(.bpd-site) .bpd-faq-list details:first-child{border-top:1px solid var(--line)}
:where(.bpd-site) .bpd-faq-list summary{display:flex;justify-content:space-between;align-items:center;gap:18px;cursor:pointer;list-style:none;font-size:15px;font-weight:600;padding:23px 0}
:where(.bpd-site) .bpd-faq-list summary::-webkit-details-marker{display:none}
:where(.bpd-site) .bpd-faq-list summary span{font-size:21px;line-height:1;flex-shrink:0;color:#7b8971;font-weight:400;transition:transform .2s}
:where(.bpd-site) .bpd-faq-list details[open] summary span{transform:rotate(45deg);color:var(--green)}
:where(.bpd-site) .bpd-faq-list details[open] summary{color:var(--green);padding-bottom:12px}
:where(.bpd-site) .bpd-faq-list details p{font-size:13px;line-height:1.95;color:var(--muted);padding:0 28px 24px 0}
:where(.bpd-site) .bpd-download-section{padding:0 0 70px}
:where(.bpd-site) .bpd-download-panel{position:relative;display:flex;justify-content:space-between;align-items:center;background:#edf4e8;border:1px solid #e3ecd9;border-radius:20px;padding:49px 78px;overflow:hidden}
:where(.bpd-site) .bpd-download-copy{position:relative;z-index:1}
:where(.bpd-site) .bpd-download-copy>img{margin-bottom:15px;border-radius:13px}
:where(.bpd-site) .bpd-download-copy .bpd-section-kicker{font-size:11px;margin-bottom:8px}
:where(.bpd-site) .bpd-download-copy h2{font-size:35px}
:where(.bpd-site) .bpd-download-copy>p:not(.bpd-section-kicker){font-size:13px;color:#6d7c63;margin-top:14px}
:where(.bpd-site) .bpd-download-copy .bpd-button{margin-top:25px}
:where(.bpd-site) .bpd-qr-wrap{position:relative;z-index:1;display:flex;align-items:center;flex-direction:column;background:white;border-radius:15px;padding:14px 18px 20px;box-shadow:0 12px 25px #29401909;min-width:210px}
:where(.bpd-site) .bpd-qr-wrap img{width:170px;height:170px;image-rendering:pixelated}
:where(.bpd-site) .bpd-qr-wrap strong{font-size:14px;margin-top:8px}
:where(.bpd-site) .bpd-qr-wrap span{font-size:10px;color:var(--muted);margin-top:4px}
:where(.bpd-site) .bpd-download-decoration{position:absolute;right:185px;top:25px;font-family:Arial,sans-serif;font-weight:800;font-size:250px;line-height:1;color:#e3eddc;letter-spacing:-20px;transform:rotate(-12deg)}
:where(.bpd-site) .bpd-footer{border-top:1px solid var(--line)}
:where(.bpd-site) .bpd-footer-inner{min-height:91px;display:flex;align-items:center;gap:27px;font-size:11px;color:#81877d}
:where(.bpd-site) .bpd-footer-brand{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--ink);font-weight:600}
:where(.bpd-site) .bpd-footer-inner>a:nth-last-child(2){margin-left:auto}
:where(.bpd-site) .bpd-back-top{margin-left:25px}

:where(.bpd-site) .bpd-image-dialog{padding:0;border:1px solid #dce1d7;border-radius:15px;width:min(750px,calc(100% - 32px));max-height:90dvh;background:#f7f8f5;overflow:hidden;box-shadow:0 30px 100px #0003}
:where(.bpd-site) .bpd-image-dialog::backdrop{background:#172019b8}
:where(.bpd-site) .bpd-dialog-toolbar{padding:12px 17px;display:flex;align-items:center;justify-content:space-between;gap:16px;background:white;border-bottom:1px solid var(--line)}
:where(.bpd-site) .bpd-dialog-toolbar p{font-size:12px}
:where(.bpd-site) .bpd-dialog-close{border:0;background:#f0f2ed;border-radius:50%;font-size:26px;width:35px;height:35px;flex-shrink:0;line-height:1}
:where(.bpd-site) .bpd-dialog-image-wrap{overflow:auto;max-height:calc(90dvh - 66px);padding:15px}
:where(.bpd-site) .bpd-dialog-image-wrap img{width:auto;max-height:none;max-width:100%;margin:auto}
.bpd-root.bpd-no-js .bpd-menu-toggle{display:none}
:where(.bpd-site) [hidden]{display:none!important}
@media(min-width:1441px){
:where(.bpd-site) .bpd-hero-grid{min-height:690px}
:where(.bpd-site) .bpd-hero-art{height:620px}
:where(.bpd-site) .bpd-hero-title{font-size:58px}}
@media(max-width:1150px){
:where(.bpd-site) .bpd-container{width:calc(100% - 64px)}
:where(.bpd-site) .bpd-navigation{gap:19px}
:where(.bpd-site) .bpd-header-inner{gap:22px}
:where(.bpd-site) .bpd-hero-title{font-size:46px}
:where(.bpd-site) .bpd-hero-art{transform:scale(.9);transform-origin:center right}
:where(.bpd-site) .bpd-hero-grid{grid-template-columns:1fr 1fr;gap:0;min-height:620px}
:where(.bpd-site) .bpd-hero-points{gap:17px}
:where(.bpd-site) .bpd-editor-grid{gap:45px}
:where(.bpd-site) .bpd-guide-grid{gap:35px}
:where(.bpd-site) .bpd-install-panel{grid-template-columns:1fr 180px;padding-left:23px}
:where(.bpd-site) .bpd-install-copy h3{font-size:19px}
:where(.bpd-site) .bpd-device-grid{gap:50px}
:where(.bpd-site) .bpd-device-shot{width:206px;right:20px}
:where(.bpd-site) .bpd-device-background{font-size:23px;left:21px}
:where(.bpd-site) .bpd-device-background span{font-size:11px}
:where(.bpd-site) .bpd-faq-grid{gap:60px}
:where(.bpd-site) .bpd-screenshot-button{width:215px}
:where(.bpd-site) .bpd-card-heading{padding-inline:20px}
:where(.bpd-site) .bpd-card-heading h3{font-size:16px}
:where(.bpd-site) .bpd-showcase-card{height:510px}}
@media(max-width:900px){
:where(.bpd-site) .bpd-header-inner{height:72px}
:where(.bpd-site) .bpd-brand>span{font-size:16px}
:where(.bpd-site) .bpd-brand img{width:35px;height:35px}
:where(.bpd-site) .bpd-navigation{gap:15px;font-size:12px}
:where(.bpd-site) .bpd-header-actions .bpd-button{font-size:12px;padding-inline:12px}
:where(.bpd-site) .bpd-header-actions .bpd-button i{display:none}
:where(.bpd-site) .bpd-hero-title{font-size:40px}
:where(.bpd-site) .bpd-hero-description{font-size:13px}
:where(.bpd-site) .bpd-hero-art{transform:scale(.76);width:510px;transform-origin:center right;justify-self:end}
:where(.bpd-site) .bpd-hero-grid{min-height:560px;grid-template-columns:1fr 1fr}
:where(.bpd-site) .bpd-hero-copy{position:relative;z-index:4}
:where(.bpd-site) .bpd-hero-buttons{gap:18px}
:where(.bpd-site) .bpd-hero-buttons .bpd-button{padding-inline:18px;font-size:14px}
:where(.bpd-site) .bpd-hero-buttons .bpd-text-link{font-size:13px;gap:10px}
:where(.bpd-site) .bpd-hero-points{font-size:10px;gap:14px}
:where(.bpd-site) .bpd-hero-points i{font-size:15px}
:where(.bpd-site) .bpd-hero-art{height:560px}
:where(.bpd-site) .bpd-showcase-grid{gap:12px}
:where(.bpd-site) .bpd-showcase-card{height:460px}
:where(.bpd-site) .bpd-screenshot-button{width:185px}
:where(.bpd-site) .bpd-featured-face{width:150px}
:where(.bpd-site) .bpd-work-credit{font-size:8px}
:where(.bpd-site) .bpd-card-heading{padding:23px 15px}
:where(.bpd-site) .bpd-card-heading h3{font-size:14px}
:where(.bpd-site) .bpd-card-heading p{font-size:11px}
:where(.bpd-site) .bpd-card-heading .bpd-small-label{font-size:10px}
:where(.bpd-site) h2{font-size:30px}
:where(.bpd-site) .bpd-section{padding-block:72px}
:where(.bpd-site) .bpd-heading-row>p{font-size:12px}
:where(.bpd-site) .bpd-editor-grid{gap:30px}
:where(.bpd-site) .bpd-demo-topline{padding-inline:17px}
:where(.bpd-site) .bpd-demo-controls{padding-inline:17px}
:where(.bpd-site) .bpd-palette-row{gap:13px}
:where(.bpd-site) .bpd-swatches{gap:9px}
:where(.bpd-site) .bpd-feature-list article{gap:12px;padding-block:17px}
:where(.bpd-site) .bpd-feature-list h3{font-size:16px}
:where(.bpd-site) .bpd-feature-list article p{font-size:12px}
:where(.bpd-site) .bpd-feature-icon{flex-basis:36px;height:36px;font-size:20px}
:where(.bpd-site) .bpd-guide-grid{grid-template-columns:1fr}
:where(.bpd-site) .bpd-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}
:where(.bpd-site) .bpd-steps article{display:block;padding:0}
:where(.bpd-site) .bpd-steps article:not(:last-child):before{display:none}
:where(.bpd-site) .bpd-step-number{width:42px;margin-bottom:16px}
:where(.bpd-site) .bpd-steps h3{font-size:15px}
:where(.bpd-site) .bpd-steps p{font-size:12px}
:where(.bpd-site) .bpd-install-panel{grid-template-columns:1fr 230px;height:300px;padding:25px 40px 0}
:where(.bpd-site) .bpd-install-copy h3{font-size:25px}
:where(.bpd-site) .bpd-install-copy h3 br{display:none}
:where(.bpd-site) .bpd-install-copy p{max-width:300px}
:where(.bpd-site) .bpd-panel-caption{margin-top:20px}
:where(.bpd-site) .bpd-device-grid{gap:35px}
:where(.bpd-site) .bpd-device-shot{width:180px;right:20px;top:105px}
:where(.bpd-site) .bpd-device-background{top:18px;font-size:19px}
:where(.bpd-site) .bpd-device-background span{font-size:11px}
:where(.bpd-site) .bpd-device-visual{height:390px}
:where(.bpd-site) .bpd-device-copy h2{font-size:28px}
:where(.bpd-site) .bpd-device-copy>p:not(.bpd-section-kicker){font-size:12px}
:where(.bpd-site) .bpd-device-tags span{font-size:10px;padding:4px 7px}
:where(.bpd-site) .bpd-faq-grid{gap:35px;grid-template-columns:1fr 2fr}
:where(.bpd-site) .bpd-faq-list summary{font-size:13px}
:where(.bpd-site) .bpd-download-panel{padding:40px}
:where(.bpd-site) .bpd-download-copy h2{font-size:30px}
:where(.bpd-site) .bpd-footer-inner{gap:15px;font-size:10px}
:where(.bpd-site) .bpd-footer-inner>p{display:none}
:where(.bpd-site) .bpd-back-top{margin-left:5px}}
@media(max-width:700px){
.bpd-root{scroll-padding-top:85px}
:where(.bpd-site) .bpd-container{width:calc(100% - 40px)}

:where(.bpd-site) .bpd-header-inner{height:68px;gap:10px;justify-content:space-between}
:where(.bpd-site) .bpd-brand>span{font-size:15px}
:where(.bpd-site) .bpd-brand small{font-size:8px;letter-spacing:1.5px}
:where(.bpd-site) .bpd-brand{gap:8px}
:where(.bpd-site) .bpd-brand img{width:33px;height:33px}
:where(.bpd-site) .bpd-header-actions{gap:7px}
:where(.bpd-site) .bpd-header-actions .bpd-button{padding:9px 11px;min-height:36px;font-size:11px}
:where(.bpd-site) .bpd-menu-toggle{display:block;font-size:23px;padding:3px}
:where(.bpd-site) .bpd-navigation{display:flex;position:absolute;top:68px;left:0;width:100%;background:white;border-bottom:1px solid var(--line);padding:15px 20px;justify-content:space-between;font-size:13px;visibility:hidden;opacity:0;transform:translateY(-5px);transition:opacity .15s,transform .15s,visibility .15s}
:where(.bpd-site) .bpd-navigation.bpd-is-open{visibility:visible;opacity:1;transform:none}
:where(.bpd-site) .bpd-hero-grid{display:flex;flex-direction:column;min-height:0;gap:0}
:where(.bpd-site) .bpd-hero-copy{padding:40px 0 0;width:100%}
:where(.bpd-site) .bpd-eyebrow{font-size:10px;margin-bottom:22px}
:where(.bpd-site) .bpd-hero h1{font-size:14px;margin-bottom:8px;letter-spacing:1px}
:where(.bpd-site) .bpd-hero-title{font-size:40px;line-height:1.4;letter-spacing:-1px}
:where(.bpd-site) .bpd-hero-description{font-size:13px;line-height:1.95;margin-top:19px;max-width:420px}
:where(.bpd-site) .bpd-hero-buttons{margin-top:24px;gap:25px}
:where(.bpd-site) .bpd-hero-buttons .bpd-button{font-size:14px;padding-inline:20px;min-height:50px}

:where(.bpd-site) .bpd-hero-points{margin-top:25px;font-size:10px;gap:22px}
:where(.bpd-site) .bpd-hero-art{height:450px;width:370px;max-width:110%;transform:scale(.86);transform-origin:center center;margin:-2px -20px -27px;align-self:center}
:where(.bpd-site) .bpd-orbit-one{width:350px;height:350px}
:where(.bpd-site) .bpd-orbit-two{width:440px;height:440px}
:where(.bpd-site) .bpd-app-peek{left:0;top:68px;width:190px;height:298px}
:where(.bpd-site) .bpd-watch-preview{left:172px;top:33px;width:181px}
:where(.bpd-site) .bpd-watch-case{padding:7px;border-radius:44px}
:where(.bpd-site) .bpd-watch-case img{border-radius:34px}
:where(.bpd-site) .bpd-watch-case:after{top:70px;height:28px;right:-7px}
:where(.bpd-site) .bpd-watch-lug{left:36px;width:109px;height:45px}
:where(.bpd-site) .bpd-lug-bottom{height:50px}
:where(.bpd-site) .bpd-art-note{left:25px;bottom:56px;padding:10px 16px;font-size:12px}
:where(.bpd-site) .bpd-art-note small{font-size:9px}
:where(.bpd-site) .bpd-art-credit{font-size:8px;bottom:4px;right:0}
:where(.bpd-site) .bpd-cross-one{left:42px;top:15px}
:where(.bpd-site) .bpd-cross-two{bottom:57px;right:-5px}
:where(.bpd-site) .bpd-hero-bottom{font-size:9px;min-height:52px;letter-spacing:0}
:where(.bpd-site) .bpd-hero-bottom a{gap:8px}
:where(.bpd-site) .bpd-section{padding:58px 0}
:where(.bpd-site) .bpd-section-kicker{font-size:11px;letter-spacing:1.5px;margin-bottom:12px}
:where(.bpd-site) h2{font-size:28px;line-height:1.5;letter-spacing:-.7px}
:where(.bpd-site) .bpd-section-heading{margin-bottom:28px}
:where(.bpd-site) .bpd-heading-row{display:block}
:where(.bpd-site) .bpd-heading-row>p{font-size:12px;margin-top:14px!important}
:where(.bpd-site) .bpd-heading-row>p br{display:none}
:where(.bpd-site) .bpd-heading-row .bpd-text-link{margin-top:17px;font-size:12px}
:where(.bpd-site) .bpd-showcase-grid{grid-template-columns:1fr 1fr;gap:13px}
:where(.bpd-site) .bpd-showcase-card{height:355px;border-radius:14px}
:where(.bpd-site) .bpd-face-card{grid-column:1/-1;height:303px;display:grid;grid-template-columns:1.2fr 1fr;grid-template-rows:1fr auto;padding:25px;column-gap:15px;align-items:center}
:where(.bpd-site) .bpd-face-card .bpd-card-heading{padding:0}
:where(.bpd-site) .bpd-face-card .bpd-card-heading h3{font-size:19px;max-width:170px;line-height:1.6}
:where(.bpd-site) .bpd-face-card .bpd-card-heading p{font-size:11px;margin-top:12px}
:where(.bpd-site) .bpd-featured-face{grid-column:2;grid-row:1/3;width:137px;max-width:100%;border-radius:22px}
:where(.bpd-site) .bpd-featured-face img{border-radius:22px}
:where(.bpd-site) .bpd-work-credit{margin:12px 0 0;text-align:left;font-size:8px;max-width:180px;align-self:start}
:where(.bpd-site) .bpd-card-heading{padding:19px 15px 15px}
:where(.bpd-site) .bpd-card-heading h3{font-size:14px;line-height:1.6}
:where(.bpd-site) .bpd-card-heading p{font-size:10px;line-height:1.7}
:where(.bpd-site) .bpd-card-heading .bpd-small-label{font-size:9px;letter-spacing:.5px}
:where(.bpd-site) .bpd-screenshot-button{width:calc(100% - 25px);margin-top:0;border-width:3px;border-radius:12px 12px 0 0}
:where(.bpd-site) .bpd-zoom-hint{opacity:1;font-size:8px;padding:3px 7px}
:where(.bpd-site) .bpd-section-footnote{align-items:flex-start;font-size:9px;gap:5px;line-height:1.8;margin-top:15px}
:where(.bpd-site) .bpd-section-footnote i{flex-shrink:0;font-size:12px}
:where(.bpd-site) .bpd-section-heading>p:last-child:not(.bpd-section-kicker){font-size:12px;line-height:1.9;margin-top:14px}
:where(.bpd-site) .bpd-editor-grid{grid-template-columns:1fr;gap:31px}
:where(.bpd-site) .bpd-editor-demo{max-width:470px;width:100%;margin:auto}
:where(.bpd-site) .bpd-demo-topline{font-size:11px;padding:14px 18px}
:where(.bpd-site) .bpd-demo-display{padding:26px}
:where(.bpd-site) .bpd-demo-face{width:205px}
:where(.bpd-site) .bpd-demo-controls{padding-inline:19px}
:where(.bpd-site) .bpd-demo-disclaimer{font-size:9px;padding-inline:19px}
:where(.bpd-site) .bpd-palette-row{gap:18px}
:where(.bpd-site) .bpd-swatches{gap:13px}
:where(.bpd-site) .bpd-feature-list article{padding:20px 0;gap:15px}
:where(.bpd-site) .bpd-feature-list article:first-child{padding-top:0}
:where(.bpd-site) .bpd-feature-list h3{font-size:16px}
:where(.bpd-site) .bpd-feature-list article p{font-size:12px}
:where(.bpd-site) .bpd-feature-icon{flex-basis:39px;height:39px;font-size:21px}
:where(.bpd-site) .bpd-feature-note{font-size:9px}
:where(.bpd-site) .bpd-feature-summary{margin-top:28px;padding-top:23px;gap:8px}
:where(.bpd-site) .bpd-feature-summary>div{flex-direction:column;gap:5px;text-align:center}
:where(.bpd-site) .bpd-feature-summary i{font-size:24px}
:where(.bpd-site) .bpd-feature-summary strong{font-size:12px}
:where(.bpd-site) .bpd-feature-summary span{font-size:9px}
:where(.bpd-site) .bpd-guide-grid{gap:27px}
:where(.bpd-site) .bpd-steps{display:block}
:where(.bpd-site) .bpd-steps article{display:flex;gap:15px;padding-bottom:26px}
:where(.bpd-site) .bpd-steps article:not(:last-child):before{display:block;left:18px;top:43px;bottom:8px}
:where(.bpd-site) .bpd-step-number{width:37px;height:37px;flex-basis:37px;font-size:12px;margin:0}
:where(.bpd-site) .bpd-steps h3{font-size:15px;margin-top:4px}
:where(.bpd-site) .bpd-steps p{font-size:12px;line-height:1.9;max-width:none;margin-top:8px}
:where(.bpd-site) .bpd-install-panel{padding:23px 18px 0 23px;grid-template-columns:1fr 145px;gap:15px;height:276px;border-radius:14px}
:where(.bpd-site) .bpd-install-copy{padding-top:8px}
:where(.bpd-site) .bpd-install-copy .bpd-small-label{font-size:9px;letter-spacing:0}
:where(.bpd-site) .bpd-install-copy h3{font-size:17px;margin-top:13px}
:where(.bpd-site) .bpd-install-copy h3 br{display:block}
:where(.bpd-site) .bpd-install-copy p{font-size:10px;line-height:1.9;margin-top:10px}
:where(.bpd-site) .bpd-panel-caption{font-size:8px;gap:3px;margin-top:16px}
:where(.bpd-site) .bpd-install-shot{border-width:3px;border-radius:12px 12px 0 0}
:where(.bpd-site) .bpd-device-grid{grid-template-columns:1fr;gap:28px}
:where(.bpd-site) .bpd-device-visual{height:290px;order:2;max-width:470px;width:100%;margin:auto}
:where(.bpd-site) .bpd-device-background{font-size:25px;left:25px;top:29px}
:where(.bpd-site) .bpd-device-background span{font-size:11px}
:where(.bpd-site) .bpd-device-shot{width:185px;right:22px;top:32px;border-width:4px;border-radius:15px}
:where(.bpd-site) .bpd-device-stamp{bottom:30px;left:23px;font-size:9px;padding:7px 10px}
:where(.bpd-site) .bpd-device-copy h2{font-size:28px}
:where(.bpd-site) .bpd-device-copy>p:not(.bpd-section-kicker){font-size:12px;margin-top:14px}
:where(.bpd-site) .bpd-device-tags{margin-top:20px;gap:7px}
:where(.bpd-site) .bpd-device-tags span{font-size:10px;padding:5px 8px}
:where(.bpd-site) .bpd-device-copy .bpd-device-note{font-size:9px!important}
:where(.bpd-site) .bpd-device-copy .bpd-text-link{font-size:12px;margin-top:17px}
:where(.bpd-site) .bpd-faq-grid{grid-template-columns:1fr;gap:25px}
:where(.bpd-site) .bpd-faq-symbol{display:none}
:where(.bpd-site) .bpd-faq-heading>p:not(.bpd-section-kicker){font-size:12px;margin-top:10px}
:where(.bpd-site) .bpd-faq-heading>p br{display:none}
:where(.bpd-site) .bpd-faq-list summary{font-size:13px;padding:20px 0;line-height:1.8}
:where(.bpd-site) .bpd-faq-list details p{font-size:12px;padding-bottom:20px}
:where(.bpd-site) .bpd-download-section{padding:0 0 42px}
:where(.bpd-site) .bpd-download-panel{padding:30px 25px;border-radius:16px}
:where(.bpd-site) .bpd-download-copy>img{width:45px;height:45px;margin-bottom:14px}
:where(.bpd-site) .bpd-download-copy h2{font-size:27px}
:where(.bpd-site) .bpd-download-copy>p:not(.bpd-section-kicker){font-size:11px;max-width:230px;margin-top:13px}
:where(.bpd-site) .bpd-download-copy .bpd-button{font-size:13px;min-height:47px;margin-top:23px;padding-inline:20px}
:where(.bpd-site) .bpd-qr-wrap{display:none}
:where(.bpd-site) .bpd-download-decoration{font-size:150px;right:5px;top:95px;letter-spacing:-13px;opacity:.7}
:where(.bpd-site) .bpd-footer-inner{min-height:110px;display:grid;grid-template-columns:1fr auto;gap:9px;padding-block:23px;font-size:10px}
:where(.bpd-site) .bpd-footer-brand{font-size:12px}
:where(.bpd-site) .bpd-footer-brand img{width:24px;height:24px}
:where(.bpd-site) .bpd-footer-inner>a:nth-last-child(2){margin:0;grid-row:2;grid-column:1}
:where(.bpd-site) .bpd-back-top{grid-column:2;grid-row:1;margin:0;font-size:10px}






:where(.bpd-site) .bpd-dialog-toolbar p{font-size:10px}
:where(.bpd-site) .bpd-dialog-image-wrap{padding:8px}}
@media(max-width:370px){
:where(.bpd-site) .bpd-hero-title{font-size:35px}
:where(.bpd-site) .bpd-hero-points{gap:15px}
:where(.bpd-site) .bpd-hero-art{transform:scale(.78);margin-top:-12px;margin-bottom:-45px}
:where(.bpd-site) .bpd-hero-buttons{gap:19px}
:where(.bpd-site) .bpd-hero-buttons .bpd-button{padding-inline:16px}
:where(.bpd-site) .bpd-header-actions .bpd-button{font-size:10px;padding-inline:9px}
:where(.bpd-site) .bpd-brand>span{font-size:14px}
:where(.bpd-site) .bpd-header-inner{gap:6px}
:where(.bpd-site) .bpd-brand{gap:6px}
:where(.bpd-site) .bpd-showcase-card .bpd-card-heading{padding-inline:12px}
:where(.bpd-site) .bpd-face-card{padding:20px}
:where(.bpd-site) .bpd-featured-face{width:122px}
:where(.bpd-site) .bpd-face-card .bpd-card-heading h3{font-size:17px}
:where(.bpd-site) .bpd-install-panel{grid-template-columns:1fr 128px;padding-left:18px}
:where(.bpd-site) .bpd-install-copy h3{font-size:16px}
:where(.bpd-site) .bpd-device-shot{width:166px;right:17px;top:50px}
:where(.bpd-site) .bpd-device-background{font-size:21px;left:20px}
:where(.bpd-site) .bpd-device-stamp{left:19px}


:where(.bpd-site) .bpd-swatches{gap:10px}
:where(.bpd-site) .bpd-palette-row{gap:14px}}
@media(min-width:701px) and (max-width:900px){
:where(.bpd-site) .bpd-hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
:where(.bpd-site) .bpd-hero-copy{min-width:0}
:where(.bpd-site) .bpd-hero-art{transform:scale(.67)}}
@media(min-width:371px) and (max-width:700px){
:where(.bpd-site) .bpd-device-background{font-size:22px;left:20px}}
@media(prefers-reduced-motion:reduce){
.bpd-root{scroll-behavior:auto}
:where(.bpd-site) *,:where(.bpd-site) *:before,:where(.bpd-site) *:after{transition:none!important;animation:none!important}
:where(.bpd-site) .bpd-button:hover{transform:none}}

:where(.bpd-site) .bpd-device-models-title{font-size:14px;margin-top:22px;font-weight:600}
:where(.bpd-site) .bpd-device-models-title+.bpd-device-tags{margin-top:12px}

/* 用户评价 */
:where(.bpd-site) .bpd-reviews{background:#f5f7f2;border-block:1px solid #e8ede3}
:where(.bpd-site) .bpd-reviews .bpd-section-heading{align-items:center}
:where(.bpd-site) .bpd-reviews-intro{font-size:14px;color:var(--muted);margin-top:16px}
:where(.bpd-site) .bpd-review-overview{flex-shrink:0;padding-left:32px;border-left:1px solid #dce5d5;display:flex;flex-direction:column}
:where(.bpd-site) .bpd-review-overview>strong{font-size:45px;line-height:1.3;color:var(--green);font-family:Arial,sans-serif}
:where(.bpd-site) .bpd-review-overview small{font-size:18px;color:#8b9684;font-weight:400}
:where(.bpd-site) .bpd-review-overview>span{font-size:11px;color:var(--muted);margin-top:7px}
:where(.bpd-site) .bpd-reviews-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
:where(.bpd-site) .bpd-review-card{background:white;border:1px solid #e3e9dd;border-radius:15px;padding:25px;min-width:0}
:where(.bpd-site) .bpd-review-card-header{display:flex;align-items:center;gap:10px}
:where(.bpd-site) .bpd-review-avatar{display:grid;place-items:center;flex:0 0 34px;height:34px;border-radius:50%;background:#eff5e9;color:#6b8758;font-size:20px}
:where(.bpd-site) .bpd-review-card-header h3{font-size:13px;font-weight:600}
:where(.bpd-site) .bpd-review-card-header time{display:block;font-size:9px;color:#929a8d;white-space:nowrap;line-height:1.7}
:where(.bpd-site) .bpd-review-relative{font-size:10px;white-space:nowrap;color:#7e8e72;margin-left:auto;align-self:flex-start;padding-top:3px}
:where(.bpd-site) .bpd-review-rating{display:flex;align-items:center;gap:9px;margin-top:19px}
:where(.bpd-site) .bpd-review-rating>span{color:#d49b34;letter-spacing:2px;font-size:16px;line-height:1.3}
:where(.bpd-site) .bpd-review-rating>small{font-size:10px;color:#8a927f}
:where(.bpd-site) .bpd-review-content{font-size:13px;line-height:1.95;color:#626c5b;margin-top:13px;overflow-wrap:anywhere}
:where(.bpd-site) .bpd-reviews-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:25px}
:where(.bpd-site) .bpd-reviews-bottom>p{font-size:10px;line-height:1.8;color:#8a9382}
:where(.bpd-site) .bpd-reviews-toggle{display:flex;align-items:center;justify-content:center;gap:16px;flex-shrink:0;padding:9px 14px;background:transparent;border:1px solid #cedcc4;border-radius:7px;font-size:12px;color:var(--green)}
:where(.bpd-site) .bpd-reviews-toggle:hover{background:#eaf1e3;border-color:var(--green)}
@media(min-width:701px) and (max-width:1150px){
:where(.bpd-site) .bpd-reviews-grid{gap:13px}
:where(.bpd-site) .bpd-review-card{padding:19px 16px}
:where(.bpd-site) .bpd-review-relative{display:none}
:where(.bpd-site) .bpd-review-content{font-size:12px}
:where(.bpd-site) .bpd-navigation{gap:17px}
:where(.bpd-site) .bpd-header-inner{gap:20px}}
@media(min-width:701px) and (max-width:900px){
:where(.bpd-site) .bpd-navigation{gap:12px;font-size:11px}
:where(.bpd-site) .bpd-header-inner{gap:15px}
:where(.bpd-site) .bpd-brand>span{font-size:15px}
:where(.bpd-site) .bpd-reviews-grid{grid-template-columns:1fr 1fr}
:where(.bpd-site) .bpd-review-card:first-child{grid-column:1/-1}
:where(.bpd-site) .bpd-review-relative{display:block}}
@media(max-width:700px){
:where(.bpd-site) .bpd-reviews .bpd-section-heading{position:relative;padding-right:0}
:where(.bpd-site) .bpd-reviews-intro{font-size:12px;max-width:245px;margin-top:13px}
:where(.bpd-site) .bpd-review-overview{border:0;padding:0;margin-top:19px;flex-direction:row;align-items:baseline;gap:12px}
:where(.bpd-site) .bpd-review-overview>strong{font-size:33px}
:where(.bpd-site) .bpd-review-overview small{font-size:14px}
:where(.bpd-site) .bpd-review-overview>span{font-size:10px;margin-top:0}
:where(.bpd-site) .bpd-reviews-grid{grid-template-columns:1fr;gap:13px}
:where(.bpd-site) .bpd-review-card{padding:21px;border-radius:13px}
:where(.bpd-site) .bpd-review-relative{font-size:10px}
:where(.bpd-site) .bpd-review-card-header time{font-size:10px}
:where(.bpd-site) .bpd-review-rating{margin-top:16px}
:where(.bpd-site) .bpd-review-content{font-size:12px;line-height:1.95;margin-top:11px}
:where(.bpd-site) .bpd-reviews-bottom{flex-direction:column;gap:17px;align-items:stretch;margin-top:19px}
:where(.bpd-site) .bpd-reviews-bottom>p{font-size:9px}
:where(.bpd-site) .bpd-reviews-toggle{width:100%;font-size:12px;padding-block:11px}
:where(.bpd-site) .bpd-navigation{font-size:12px;gap:8px}}
