.bp{--ink:#093344;--ink-2:#0b2530;--deep:#061e28;--lime:#e0ff82;--lime-2:#d2f56a;--bg:#fff;--soft:#f6f8f7;--text:#0b2530;--muted:#557079;--line:#d7e1e2;--radius:16px;--maxw:1200px;--head:var(--font-bricolage),system-ui,sans-serif;--body:var(--font-onest),system-ui,sans-serif;--mono:var(--font-ibm-plex-mono),ui-monospace,monospace}.bp *{box-sizing:border-box}.bp{background:var(--bg);color:var(--text);font:400 18px/1.7 var(--body);-webkit-font-smoothing:antialiased;margin:0}.bp img{max-width:100%;display:block}.bp a{color:var(--ink);text-underline-offset:3px;text-decoration-line:underline;text-decoration-color:#09334459}.bp a:hover{-webkit-text-decoration-color:var(--ink);text-decoration-color:var(--ink)}.bp .wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px}.bp .btn{font:600 15px/1 var(--body);white-space:nowrap;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:14px 20px;text-decoration:none;display:inline-flex}.bp .btn-lime{background:var(--lime);color:var(--ink)}.bp .btn-lime:hover{background:var(--lime-2)}.bp .btn-ghost{color:#fff;border:1px solid #ffffff38}.bp .hero{color:#fff;background:radial-gradient(1200px 500px at 30% -10%,#e0ff8229,#0000 60%),radial-gradient(900px 500px at 90% 10%,#2e8ca047,#0000 60%),linear-gradient(#0b3446 0%,#061e28 100%);padding:150px 0 72px}.bp .hero-grid{grid-template-columns:1.1fr .9fr;align-items:center;gap:56px;display:grid}.bp .crumbs{color:#fff9;margin-bottom:22px;font-size:14px}.bp .crumbs a{color:#fff9;text-decoration:none}.bp .crumbs a:hover{color:#fff}.bp .crumbs span{margin:0 8px}.bp .kicker{font:500 12px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink);background:var(--lime);border-radius:999px;margin-bottom:18px;padding:7px 11px;display:inline-block}.bp .hero h1{font:800 clamp(34px,4.4vw,56px)/1.06 var(--head);letter-spacing:-.02em;margin:0 0 18px}.bp .dek{color:#ffffffc7;max-width:560px;margin:0 0 28px;font-size:20px;line-height:1.5}.bp .byline{align-items:center;gap:12px;display:flex}.bp .byline img{object-fit:cover;border:2px solid #fff3;border-radius:50%;width:44px;height:44px}.bp .byline b{font-weight:600}.bp .byline .role{color:#ffffffa6;font-size:15px}.bp .meta{color:#fff9;margin-top:18px;font-size:14px}.bp .hero-media{background:#0d2a36;border:1px solid #ffffff1a;border-radius:20px;overflow:hidden;box-shadow:0 30px 80px #00000059}.bp .hero-media img{width:100%;height:auto}.bp .hero-media figcaption{color:#ffffffb3;background:#0d2a36;padding:8px 14px;font-size:12px}.bp .hero-media figcaption a{color:#e0ff82}.bp .hero-media.portrait{justify-self:center;width:100%;max-width:440px}.bp .body-grid{grid-template-columns:minmax(0,1fr) 340px;gap:72px;padding-block:64px 24px;display:grid}.bp article{min-width:0;max-width:740px}.bp .lede{color:var(--muted);margin:0 0 28px;font-size:21px;line-height:1.55}.bp .answer{margin:0 0 20px;font-size:19px}.bp .checked{font:500 12px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);border:1px solid var(--line);border-radius:999px;align-items:center;gap:8px;margin:4px 0 8px;padding:8px 12px;display:inline-flex}.bp article h2{font:700 34px/1.15 var(--head);letter-spacing:-.015em;color:var(--ink);margin:64px 0 18px;scroll-margin-top:110px}.bp article h3{font:700 23px/1.25 var(--head);color:var(--ink);margin:40px 0 12px;scroll-margin-top:110px}.bp article p{margin:0 0 20px}.bp article ul,.bp article ol{margin:0 0 22px;padding-left:24px}.bp article ul{list-style:outside}.bp article ol{list-style:decimal}.bp article li{margin:0 0 10px}.bp article li::marker{color:var(--ink)}.bp article strong{color:var(--ink);font-weight:600}.bp article table{border-collapse:separate;border-spacing:0;border:1px solid var(--line);border-radius:14px;width:100%;margin:8px 0 28px;font-size:16px;line-height:1.5;overflow:hidden}.bp article th{background:var(--ink);color:#fff;text-align:left;font:500 12px/1.3 var(--mono);letter-spacing:.06em;text-transform:uppercase;padding:13px 14px}.bp article td{border-top:1px solid var(--line);vertical-align:top;padding:13px 14px}.bp article tr:nth-child(2n) td{background:var(--soft)}.bp .table-scroll{margin:0 0 28px;overflow-x:auto}.bp .table-scroll table{min-width:620px;margin:0}.bp figure{margin:32px 0}.bp figure img{border:1px solid var(--line);background:var(--soft);border-radius:14px;width:100%;height:auto}.bp figcaption{color:var(--muted);margin-top:10px;font-size:14px;line-height:1.5}.bp .callout{background:var(--soft);border-left:4px solid var(--lime-2);border-radius:0 12px 12px 0;margin:28px 0;padding:18px 22px}.bp .callout p:last-child{margin:0}.bp .block{border:1px solid var(--line);border-radius:var(--radius);margin:24px 0;padding:26px 26px 8px}.bp .block .role{font:500 12px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;background:var(--lime);color:var(--ink);border-radius:999px;margin-bottom:12px;padding:7px 10px;display:inline-block}.bp .block h3{margin-top:0}.bp .block dl{margin:0}.bp .block dt{font:700 12px/1.3 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink);border-bottom:1px solid var(--line);margin-top:20px;padding-bottom:6px}.bp .block dt:first-child{margin-top:8px}.bp .block dd{margin:8px 0 0}.bp .block.ours{border-color:var(--ink);box-shadow:inset 4px 0 0 var(--lime-2)}.bp .video{aspect-ratio:16/9;cursor:pointer;border:1px solid var(--line);background:#000;border-radius:14px;position:relative;overflow:hidden}.bp .video img{object-fit:cover;opacity:.92;width:100%;height:100%;transition:opacity .2s}.bp .video:hover img{opacity:1}.bp .video .play{background:var(--lime);border-radius:50%;place-items:center;width:76px;height:76px;margin:auto;display:grid;position:absolute;inset:0;box-shadow:0 10px 30px #00000059}.bp .video .play:after{content:"";border-style:solid;border-width:13px 0 13px 21px;border-color:transparent transparent transparent var(--ink);margin-left:6px}.bp .video .len{font:500 12px/1 var(--mono);color:#fff;background:#000000a6;border-radius:6px;padding:6px 8px;position:absolute;bottom:12px;right:12px}.bp .video iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.bp .faq details{border-bottom:1px solid var(--line);padding:18px 0}.bp .faq summary{cursor:pointer;font:700 20px/1.35 var(--head);color:var(--ink);justify-content:space-between;gap:16px;list-style:none;display:flex}.bp .faq summary::-webkit-details-marker{display:none}.bp .faq summary:after{content:"+";font:400 26px/1 var(--body);color:var(--muted)}.bp .faq details[open] summary:after{content:"−"}.bp .faq details p{margin:12px 0 0}.bp aside{position:relative}.bp .side{flex-direction:column;gap:22px;display:flex;position:sticky;top:104px}.bp .toc-title{font:500 12px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:0 0 12px}.bp .toc ol{border-left:1px solid var(--line);margin:0;padding:0 0 0 14px;list-style:none}.bp .toc li{margin:0 0 10px;font-size:14.5px;line-height:1.4}.bp .toc a{color:var(--muted);text-decoration:none}.bp .toc a:hover,.bp .toc a.on{color:var(--ink)}.bp .toc a.on{font-weight:600}.bp .product{background:var(--deep);color:#fff;background-image:radial-gradient(400px 200px at 100% 0,#e0ff8224,#0000 70%);border-radius:18px;padding:24px}.bp .product .pbrand{font:700 20px/1 var(--head);border-bottom:1px solid #ffffff1f;align-items:center;gap:10px;margin-bottom:16px;padding-bottom:16px;display:flex}.bp .product .pbrand img{background:var(--lime);border-radius:8px;width:30px;height:30px;padding:3px}.bp .product h4{font:700 18px/1.3 var(--head);margin:0 0 10px}.bp .product ul{color:#ffffffd9;margin:0 0 20px;padding-left:18px;font-size:15px;line-height:1.5;list-style:outside}.bp .product li{margin-bottom:8px}.bp .product li::marker{color:var(--lime)}.bp .product .btn{width:100%}.bp .product .fine{color:#fff9;text-align:center;margin:12px 0 0;font-size:13px}.bp .tools{flex-direction:column;gap:10px;font-size:14.5px;display:flex}.bp .tools a{color:var(--muted);align-items:center;gap:10px;text-decoration:none;display:flex}.bp .tools a:hover{color:var(--ink)}.bp .tools svg{flex:none;width:16px;height:16px}.bp .readtime{color:var(--muted);font-size:14.5px}.bp .author{border-top:1px solid var(--line);border-bottom:1px solid var(--line);align-items:flex-start;gap:20px;margin:56px 0 18px;padding:28px 0;display:flex}.bp .author img{object-fit:cover;border-radius:16px;flex:none;width:84px;height:84px}.bp .author b{font:700 19px/1.3 var(--head);color:var(--ink);margin-bottom:4px;display:block}.bp .author p{color:var(--muted);margin:0;font-size:16px;line-height:1.6}.bp .post-foot{color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;font-size:14px;display:flex}.bp .tag{color:var(--ink);background:#eef7d6;border-radius:8px;padding:6px 10px;font-size:13px;text-decoration:none}.bp .share{align-items:center;gap:14px;display:flex}.bp .share a{color:var(--muted)}.bp .share svg{width:18px;height:18px}.bp .keep{border-top:1px solid var(--line);margin-top:56px;padding:72px 0 88px}.bp .keep h2{font:700 32px/1.2 var(--head);text-align:center;color:var(--ink);margin:0 0 36px}.bp .cards{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.bp .card{color:var(--text);flex-direction:column;text-decoration:none;display:flex}.bp .card .thumb{aspect-ratio:16/10;background:var(--soft);border:1px solid var(--line);border-radius:14px;margin-bottom:16px;overflow:hidden}.bp .card .thumb img{object-fit:cover;object-position:top left;width:100%;height:100%;transition:transform .3s}.bp .card:hover .thumb img{transform:scale(1.03)}.bp .card h3{font:700 21px/1.3 var(--head);color:var(--ink);margin:0 0 8px}.bp .card p{color:var(--muted);margin:0;font-size:15.5px;line-height:1.55}.bp .posts{padding:64px 0 88px}.bp .posts .cards{grid-template-columns:repeat(2,1fr);max-width:880px}.bp .card p.date{font:500 12px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;margin:0 0 10px}.bp .cta{background:var(--deep);color:#fff;text-align:center;background-image:radial-gradient(800px 300px at 50% 0,#e0ff8224,#0000 70%);padding:88px 24px}.bp .cta h2{font:800 clamp(30px,4vw,48px)/1.1 var(--head);letter-spacing:-.02em;margin:0 0 14px}.bp .cta p{color:#ffffffbf;max-width:620px;margin:0 auto 28px;font-size:19px}.bp .cta .row{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}@media (max-width:1060px){.bp .hero-grid{grid-template-columns:1fr;gap:36px}.bp .body-grid{grid-template-columns:1fr;gap:40px}.bp article{max-width:none}.bp .side{position:static}.bp .toc{display:none}.bp .cards,.bp .posts .cards{grid-template-columns:1fr}}@media (max-width:560px){.bp{font-size:17px}.bp .wrap{padding-inline:16px}.bp .body-grid{padding-block:40px 16px}.bp .hero{padding:124px 0 48px}.bp article h2{font-size:28px}.bp .lede{font-size:19px}.bp .block{padding:20px 18px 4px}.bp .author{flex-direction:column}}