/* Brand report presentation; inherits the site's owner-selected dark theme. */
.brand-page{--brand-paper:#171b25;--brand-warm:#e4c7ac}
.brand-page p,.brand-page li,.brand-page dd{font-size:1rem;line-height:1.65}
.brand-page h1{font-size:clamp(2.25rem,3.3vw,3.25rem);max-width:18ch}
.brand-page h3{font-size:1.125rem;line-height:1.4}
.brand-page .eyebrow{font-size:.75rem}.brand-page .brand-hero{grid-template-columns:1fr 1fr;gap:64px;padding:54px 0}
.brand-page .lede{max-width:45ch}.brand-page .brand-availability{margin-top:22px;max-width:48ch;color:var(--muted);font-size:.875rem}
.brand-report-preview{padding:28px;background:radial-gradient(ellipse at top right,#4b354133,transparent 70%),var(--brand-paper);border-color:#4e4356;box-shadow:0 20px 65px #0003;min-width:0}
.brand-document-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;border-bottom:1px solid #494052;margin-bottom:20px}
.brand-document-head .eyebrow{color:var(--brand-warm)}.brand-edition{font-size:.6875rem;letter-spacing:.1em;color:var(--muted)}
.brand-preview-brand{display:flex;gap:22px;align-items:center;justify-content:space-between;margin-bottom:10px}
.brand-preview-brand h2{font-size:1.75rem}.brand-preview-brand p{color:var(--muted);font-size:.875rem;margin-top:5px}
.brand-preview-brand .photo{flex:0 0 104px;width:104px;aspect-ratio:1;border-radius:12px}
.brand-fields{margin:20px 0}.brand-fields>div{display:grid;grid-template-columns:minmax(110px,1fr) 3fr;gap:24px;padding:12px 0;border-bottom:1px solid var(--line)}
.brand-fields dt{color:var(--muted);font-size:.875rem}.brand-fields dd{margin:0;min-width:0;overflow-wrap:anywhere}
.brand-report-preview .brand-fields>div{gap:18px;grid-template-columns:100px 1fr}.brand-report-preview .brand-fields dd{font-size:.9375rem}
.brand-preview-finding{padding:18px 0}.brand-preview-finding h3{margin:8px 0}.brand-preview-finding p{color:var(--muted)}
.brand-preview-decision{padding:16px 18px;border-left:2px solid #b89bca;background:#b294cf0c}.brand-preview-decision p{margin-top:8px}
.brand-report-preview>.text-link{margin-top:12px}.brand-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.brand-three>article{min-width:0}.brand-outcomes h3{margin:12px 0}.brand-outcomes p,.brand-tools p{color:var(--muted);margin:12px 0}
.brand-sample-heading{display:flex;justify-content:space-between;align-items:start;gap:20px}.brand-sample-heading .button{flex:none}
.brand-page .brand-note{padding:16px 20px;border:1px solid #4d415c;border-radius:10px;color:#d8cde3;background:#201b2b;font-size:.875rem;margin:0 0 20px}
.brand-report{padding:24px}.brand-tabs{gap:8px}.brand-tabs button{font-size:.9375rem;padding:10px 14px;min-width:0;overflow-wrap:anywhere}
.brand-report-panel{padding:8px 4px 4px;scroll-margin-top:24px;min-width:0}.brand-report-panel[hidden]{display:none}
.brand-report-panel p{max-width:84ch}.brand-report-intro>p:last-child{margin:14px 0;color:var(--muted)}
.brand-findings{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;margin:24px 0}
.brand-findings article{padding-top:16px;border-top:2px solid #6d587f;min-width:0}.brand-findings h3{margin:10px 0}.brand-findings p{margin:12px 0}
.brand-muted{color:var(--muted)}.brand-next{padding:22px;background:#1c1928;border-left:3px solid #a18acc;border-radius:0 10px 10px 0}.brand-next p{margin-top:12px;color:var(--muted)}
.brand-page details{margin-top:14px}.brand-page summary{font-size:1rem;font-weight:600}.brand-page details p{color:var(--muted);margin:12px 0}.brand-page details h3{margin:18px 0 8px}.brand-page ul,.brand-page ol{padding-left:22px}.brand-page li{margin:8px 0}
.brand-table-scroll{max-width:100%;overflow:auto;border:1px solid var(--line);border-radius:10px;margin:18px 0}.brand-table-scroll table{border-collapse:collapse;width:100%;min-width:670px;text-align:left;font-size:.875rem}.brand-table-scroll th,.brand-table-scroll td{border-bottom:1px solid var(--line);padding:12px 16px;vertical-align:top}.brand-table-scroll th{background:#231d30}.brand-table-scroll caption{text-align:left;padding:12px 16px;color:var(--muted)}
.brand-two{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin:24px 0}.brand-two section,.brand-two article{min-width:0}.brand-fit{padding:22px;background:#161923;border:1px solid var(--line);border-radius:12px}.brand-fit .brand-fields>div{display:block}.brand-fit dt{margin-bottom:6px}
.brand-offer{padding:24px;display:flex;flex-direction:column;align-items:start}.brand-offer:nth-child(2){border-color:#80669a;background:linear-gradient(145deg,#281f33,#12151d 70%)}.brand-offer h3{font-size:1.375rem}.brand-page .brand-offer-price{font-size:1rem;font-weight:650;color:#e3c7ef;min-height:3.3em;margin:18px 0 4px}.brand-offer ul{flex:1;color:var(--muted);margin-bottom:24px}.brand-offer .button{width:100%}.brand-offer details{width:100%}.brand-offer details p{font-size:.9375rem}.brand-scope{padding:18px 0}.brand-tools article{border-top:1px solid #4b4058;padding:20px 0}.brand-planned{color:#e0c8b0;font-size:.8125rem;display:inline-block;margin-top:8px}
.brand-page .brand-steps{list-style:none;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:24px;padding:0;margin:28px 0}.brand-steps li{border-top:1px solid #5b4c67;padding-top:18px;margin:0}.brand-steps h3{margin:10px 0}.brand-steps p{color:var(--muted)}.brand-report-panel .brand-steps{grid-template-columns:repeat(3,minmax(0,1fr))}
.brand-relevance{padding:24px;display:flex;gap:30px;align-items:center;margin:28px 0}.brand-relevance p{color:var(--muted);margin-top:12px}.brand-relevance .text-link{flex:none}.brand-faq details{margin:0;padding:10px 0;border-bottom:1px solid var(--line);border-top:0}.brand-faq details p{max-width:85ch;padding:0 0 14px}
.brand-page .access-invite p{font-size:1rem}.brand-page .access-invite .eyebrow{font-size:.75rem}
#brand-interest label{display:block;margin:16px 0 10px;font-size:1rem}#access-intent{width:100%;min-height:48px;background:#0d1017;color:var(--text);border:1px solid #4c5366;border-radius:9px;padding:10px;font:inherit;white-space:normal}#brand-interest[hidden]{display:none}.brand-access-photo{max-width:440px}.brand-access-photo .photo{aspect-ratio:16/9}
@media(max-width:1100px){.brand-page .brand-hero{gap:30px}.brand-page .brand-steps{grid-template-columns:repeat(3,minmax(0,1fr))}.brand-three{gap:18px}.brand-offer{padding:20px}.brand-sample-heading{flex-wrap:wrap}.brand-sample-heading .button{margin-bottom:20px}}
@media(max-width:800px){.brand-page .brand-hero{grid-template-columns:1fr;gap:28px}.brand-report-preview{max-width:680px;width:100%}.brand-three,.brand-findings{grid-template-columns:1fr}.brand-outcomes .brand-three{gap:12px}.brand-outcomes article{border-top:1px solid var(--line);padding-top:18px}.brand-offer ul{margin-top:6px}.brand-page .brand-offer-price{min-height:0}.brand-two{grid-template-columns:1fr}.brand-relevance{display:block}.brand-relevance .text-link{margin-top:12px}.brand-page .brand-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.brand-page .brand-hero{padding:30px 0}.brand-page h1{font-size:2.25rem}.brand-report-preview{padding:20px}.brand-document-head{flex-wrap:wrap;gap:0;padding-bottom:12px}.brand-preview-brand .photo{flex-basis:80px;width:80px}.brand-preview-brand h2{font-size:1.5rem}.brand-report{padding:16px}.brand-fields>div,.brand-report-preview .brand-fields>div{display:block}.brand-fields dt{margin-bottom:6px}.brand-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.brand-tabs button{text-align:left;padding:10px;font-size:.875rem}.brand-page .brand-steps,.brand-report-panel .brand-steps{grid-template-columns:1fr}.brand-page .brand-note{padding:14px}.brand-next{padding:18px}.brand-fit{padding:16px}.brand-page .brand-report-panel{padding:8px 0}.brand-relevance{padding:20px}.brand-page .brand-sample-heading .button{flex:initial;max-width:100%}}
/* Brands landing page, 15 October 2026, built to the owner's reference: image-led
   hero with the snapshot on a laptop, gradient primary button, icon cards,
   anonymised example cards, gradient band, trust row. Prefix bl-. */
.bl{--bl-ink:#eef0f6;--bl-muted:#aeb4c8;--bl-line:#252b3a;--bl-raise:#12151d;--bl-violet:#7c6cff;--bl-pink:#ff6ec7;--bl-grad:linear-gradient(90deg,#7c6cff,#ff6ec7)}
.bl p,.bl li{font-size:1rem;line-height:1.6}
.bl-eyebrow{display:block;font-size:.75rem;letter-spacing:.14em;font-weight:700;color:#b8a6ff;text-transform:uppercase;margin-bottom:14px}
.bl-grad{background:linear-gradient(90deg,#9a7bff,#c77dff 60%,#ff7ad9);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:#e2bdf5}
.bl-button{display:inline-flex;align-items:center;gap:10px;min-height:50px;padding:0 22px;border-radius:12px;background:var(--bl-grad);color:#fff;font-weight:700;font-size:.9375rem;box-shadow:0 8px 28px #7c6cff66,0 0 0 1px #ffffff14 inset;transition:transform .15s,box-shadow .15s;white-space:nowrap}
.bl-button:hover{transform:translateY(-1px);box-shadow:0 14px 36px #7c6cff59,0 0 0 1px #ffffff1f inset}
.bl-arrow svg,.bl-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;display:block}
.bl-link{display:inline-flex;align-items:center;gap:8px;color:#c4b6ff;font-weight:650;font-size:.9375rem;min-height:50px}.bl-link:hover{color:#e2d8ff}
.bl-hero{display:grid;grid-template-columns:minmax(0,46fr) minmax(0,54fr);gap:40px;align-items:center;padding:56px 0 48px;position:relative;isolation:isolate}
.bl-hero:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 70% 40%,#6352dd1f,transparent 60%)}
.bl-hero h1{font-size:clamp(2.5rem,4.4vw,4rem);font-weight:800;line-height:1.04;letter-spacing:-.045em;max-width:12ch;overflow-wrap:anywhere}
.bl-lede{color:var(--bl-muted);font-size:1.0625rem;line-height:1.7;max-width:44ch;margin:22px 0 26px}
.bl-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.bl-sub{color:var(--bl-muted);font-size:.8125rem;margin-top:16px}
.bl .bl-checks{list-style:none;padding:0;margin:18px 0 0;display:flex;gap:10px 24px;flex-wrap:wrap}
.bl-checks li{display:flex;align-items:center;gap:8px;font-size:.875rem;color:var(--bl-ink)}
.bl-check svg{width:20px;height:20px;fill:none;stroke:#b8a6ff;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.bl-visual{position:relative;min-width:0;min-height:600px;display:grid;grid-template-columns:minmax(0,1fr);place-items:center;padding:56px 0 64px}
.bl-picture{margin:0;min-width:0;overflow:hidden;background:#141826}
.bl-picture img{display:block;width:100%;height:100%;object-fit:cover}.bl-hero-photo img{object-position:72% 50%}
.bl-hero-photo{position:absolute;inset:-24px -32px -24px 0;border-radius:0;aspect-ratio:auto;-webkit-mask-image:linear-gradient(90deg,transparent,#000 28%);mask-image:linear-gradient(90deg,transparent,#000 28%)}
.bl-hero-photo:not(.is-placeholder):before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(0deg,#0b0d12 0,transparent 22%),linear-gradient(180deg,#0b0d12 0,transparent 16%),linear-gradient(270deg,#0b0d12 0,transparent 14%)}
.bl-hero-photo:not(.is-placeholder):after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse 34% 30% at 62% 44%,#7c6cff3d,transparent 70%);mix-blend-mode:screen}
.bl-hero-photo:not(.is-placeholder) img{filter:brightness(1.1) saturate(1.12)}
.bl-hero-photo.is-placeholder{background:radial-gradient(ellipse at 60% 45%,#2a2446,#0b0d12 70%)}
.bl-snapshot{position:relative;z-index:1;min-width:0;max-width:100%;width:min(480px,100%);margin-left:auto;margin-right:8%;background:#0f1119;border:1px solid #2d3246;border-radius:16px;padding:18px 20px 16px;box-shadow:0 30px 80px #000a,0 0 0 1px #ffffff08 inset;transform:perspective(1400px) rotateY(-8deg) rotateX(2deg);font-size:.75rem}
.bl-snap-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-bottom:12px}
.bl-snap-logo{display:flex;align-items:center;gap:7px;font-weight:800;font-size:.8125rem;letter-spacing:-.02em;color:#fff}.bl-snap-logo svg{width:20px;height:20px}.bl-snap-logo b{color:#9f91ff}
.bl-snap-pill{font-size:.6875rem;font-weight:700;color:#fff;background:var(--bl-grad);padding:5px 10px;border-radius:7px}
.bl-snapshot h3{font-size:1.125rem;letter-spacing:-.02em;margin:0}.bl-snapshot>p{color:var(--bl-muted);font-size:.75rem;margin:4px 0 12px}
.bl-snap-grid{display:grid;grid-template-columns:1fr 1.1fr 1.25fr;gap:9px}
.bl-snap-tiles{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.bl-snap-tiles div{background:#161a26;border:1px solid #262c3d;border-radius:9px;padding:9px 10px;min-width:0}
.bl-snap-tiles b{display:block;font-size:1.125rem;letter-spacing:-.02em;color:#fff;line-height:1.1}.bl-snap-tiles span{display:block;color:var(--bl-muted);font-size:.6875rem;margin-top:3px}
.bl-snap-col{background:#161a26;border:1px solid #262c3d;border-radius:9px;padding:9px 10px;min-width:0}
.bl-snap-col h4{font-size:.6875rem;letter-spacing:.06em;text-transform:uppercase;color:#b8a6ff;margin:0 0 7px}
.bl-snap-col ul,.bl-snap-col ol{list-style:none;padding:0;margin:0}.bl .bl-snap-col li{display:flex;justify-content:space-between;align-items:center;gap:6px;font-size:.625rem;line-height:1.3;margin:0 0 6px;color:#e3e6f0;min-width:0}
.bl-snap-col li span{background:#2a2446;border-radius:5px;padding:2px 5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.bl-snap-col li i{font-style:normal;color:var(--bl-muted);white-space:nowrap}
.bl-snap-col ol li{display:grid;grid-template-columns:8px 1fr;gap:7px;align-items:start}.bl-snap-col ol li:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--bl-grad);margin-top:3px}
.bl-snap-thumbs{margin-top:10px}.bl-snap-thumbs>span{display:block;font-size:.6875rem;letter-spacing:.06em;text-transform:uppercase;color:#b8a6ff;margin-bottom:7px}
.bl-snap-thumbs>div{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.bl-thumb{aspect-ratio:4/3;border-radius:8px;border:1px solid #262c3d}
.bl-thumb.is-placeholder{background:radial-gradient(ellipse at 30% 30%,#7c6cff33,transparent 60%),radial-gradient(ellipse at 80% 90%,#ff6ec722,transparent 55%),#161a26}
.bl-note{position:absolute;z-index:2;font-family:Caveat,"Segoe Print","Bradley Hand",cursive;font-size:1.75rem;font-weight:700;line-height:1.05;color:#f3edff;text-shadow:0 2px 12px #000;transform:rotate(-7deg);pointer-events:none}
.bl-note svg{position:absolute;width:70px;height:44px;fill:none;stroke:#ffa4d8;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.bl-note-a{left:4%;top:2%}.bl-note-a svg{right:-80px;bottom:-34px;width:84px;height:52px}
.bl-note-b{right:0;bottom:0;text-align:right;transform:rotate(-6deg)}.bl-note-b svg{left:-52px;top:-44px;width:56px;height:62px}
.bl-section{padding:56px 0;border-top:1px solid var(--bl-line)}
.bl-section h2{font-size:clamp(1.75rem,2.6vw,2.125rem);letter-spacing:-.035em;margin-bottom:26px}
.bl-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.bl-cards article{background:linear-gradient(180deg,#151a2b,#0e121e);border:1px solid #272e45;border-radius:18px;padding:24px 24px 26px;min-width:0;box-shadow:0 1px 0 #ffffff0d inset,0 12px 32px #0006}
.bl-tile{display:grid;place-items:center;width:54px;height:54px;border-radius:14px;background:linear-gradient(145deg,#352c78,#1d1850);box-shadow:0 0 24px #7c6cff40,0 1px 0 #ffffff14 inset;color:#c4b6ff;margin-bottom:20px}.bl-tile svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.bl-cards h3{font-size:1.1875rem;font-weight:700;margin-bottom:8px}.bl-cards p{color:var(--bl-muted);font-size:.9375rem;line-height:1.6}
.bl-row{display:flex;justify-content:space-between;align-items:end;gap:24px;flex-wrap:wrap}.bl-row h2{margin-bottom:18px}
.bl-meta{color:var(--bl-muted);font-size:.875rem;margin-bottom:18px}
.bl-pills{list-style:none;padding:0;margin:0 0 22px;display:flex;gap:10px;flex-wrap:wrap}
.bl .bl-pills li{margin:0;font-size:.875rem;font-weight:600;color:var(--bl-muted);border:1px solid #363c4f;border-radius:999px;padding:9px 18px;line-height:1}
.bl .bl-pills li.is-on{background:#6755e5;border-color:#8879ff;color:#fff}
.bl-examples{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.bl-example{position:relative;min-width:0;min-height:320px;border-radius:18px;overflow:hidden;background:linear-gradient(180deg,#151a2b,#0e121e);border:1px solid #272e45;box-shadow:0 12px 32px #0006;display:flex;flex-direction:column}
.bl-example-art{position:absolute;inset:0;aspect-ratio:auto;transition:transform .4s}.bl-example:hover .bl-example-art img{transform:scale(1.03)}.bl-example-art img{transition:transform .4s}
.bl-example-art.is-placeholder{background:radial-gradient(ellipse at 30% 30%,#7c6cff2e,transparent 60%),radial-gradient(ellipse at 85% 90%,#ff6ec71f,transparent 55%),#141826}
.bl-example-art:after{content:"";position:absolute;inset:auto 0 0;height:78%;background:linear-gradient(180deg,transparent,#0b0d12f2 82%)}
.bl-example-copy{padding:190px 18px 18px;position:relative;z-index:1;display:flex;flex-direction:column;justify-content:flex-end;gap:8px;flex:1}
.bl-quote{font-weight:700;font-size:1rem;line-height:1.35;color:#fff;letter-spacing:-.01em}
.bl-example-meta{color:var(--bl-muted);font-size:.875rem}
.bl-small{color:var(--bl-muted);font-size:.875rem;margin-top:20px}
.bl-packet{color:var(--bl-muted);font-size:.8125rem;margin:0 0 28px 6px}.bl-packet a{color:#c4b6ff;text-decoration:underline}
.bl-trust{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;padding:28px 0 44px;border-top:1px solid var(--bl-line)}
.bl-trust article{display:flex;gap:14px;align-items:start;min-width:0}
.bl-round{display:grid;place-items:center;flex:none;width:48px;height:48px;border-radius:50%;border:1px solid #4d4580;background:#171426;color:#b8a6ff}.bl-round svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.bl-trust h3{font-size:.9375rem;margin-bottom:5px}.bl-trust p{color:var(--bl-muted);font-size:.8125rem;line-height:1.55;max-width:30ch}
@media(max-width:1100px){.bl-hero{gap:28px}.bl-cards,.bl-examples,.bl-trust{grid-template-columns:repeat(2,minmax(0,1fr))}.bl-note-a{left:0}}
@media(max-width:800px){.bl-hero{grid-template-columns:minmax(0,1fr);padding:40px 0 32px}.bl-hero>*{min-width:0}.bl-visual{min-height:0;padding:8px 0 0}.bl-hero-photo{position:relative;inset:auto;width:100%;aspect-ratio:4/3;-webkit-mask-image:none;mask-image:none;border-radius:18px}.bl-hero-photo:not(.is-placeholder):before{display:none}.bl-hero-photo img{object-position:70% 50%}.bl-snapshot{transform:none;width:100%;margin:0}.bl-note{display:none}.bl-band{grid-template-columns:minmax(0,1fr);padding:28px 24px}.bl-band>div{min-width:0}.bl-band .bl-button{justify-self:start;white-space:normal}}
@media(max-width:560px){.bl-button{white-space:normal;text-align:center;padding:10px 18px}.bl-hero h1{font-size:2.375rem}.bl-cards,.bl-trust{grid-template-columns:1fr}.bl .bl-checks{flex-direction:column;gap:10px}.bl-actions{flex-direction:column;align-items:stretch}.bl-button,.bl-link{justify-content:center}.bl-examples{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px;padding-bottom:8px;margin:0 -18px;padding-left:18px;padding-right:18px;scrollbar-width:none}.bl-example{flex:0 0 78%;scroll-snap-align:start;min-height:300px}.bl-example-copy{padding-top:160px}.bl .bl-pills{flex-wrap:nowrap;overflow-x:auto;margin:0 -18px 22px;padding:0 18px 4px;scrollbar-width:none}.bl .bl-pills li{flex:none;white-space:nowrap}.bl-snap-grid{grid-template-columns:minmax(0,1fr)}.bl-snap-tiles{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.bl .bl-snap-col li{flex-wrap:wrap}.bl-snap-col li span,.bl-snap-col li i{white-space:normal}.bl-section{padding:32px 0}.bl-row{display:block}.bl-pills{gap:8px}.bl .bl-pills li{padding:8px 14px}}

/* Third pass: the above-the-fold is one full-bleed scene. The photo (with the dashboard
   composited onto its screen) bleeds edge to edge behind the headline; before the hero take
   is accepted the dashboard shows as HTML on the right over a gradient. */
.bl-hero{grid-template-columns:minmax(0,42fr) minmax(0,58fr);gap:24px;min-height:min(820px,88vh);padding:48px 0 40px;margin:0 calc(50% - 50vw);padding-left:calc(50vw - 50%);padding-right:calc(50vw - 50%);overflow:hidden}
/* 100vw counts a classic (non-overlay) scrollbar, so the bleed overhangs the client area by half
   the scrollbar on each side; padding by the same 50vw - 50% keeps the copy on the site column.
   The overhang is clipped by body, which spans exactly the client width. html needs a non-visible
   overflow too, or body's would pass to the viewport as hidden and still count as scroll width.
   Only above 800px, where the vw bleed applies: on phones a body clip stops lazy pictures in the
   sideways examples row from loading. */
@media(min-width:801px){html:has(.bl-hero),body:has(.bl-hero){overflow-x:clip}}
.bl-hero:before{inset:0;background:radial-gradient(ellipse at 72% 45%,#6352dd26,transparent 55%)}
.bl-hero-copy{position:relative;z-index:3;max-width:560px}
.bl-visual{position:static;min-height:0;padding:0;display:block}
.bl-hero-photo{position:absolute;inset:0;left:0;right:0;top:0;bottom:0;z-index:0;border-radius:0;-webkit-mask-image:none;mask-image:none}
.bl-hero-photo:not(.is-placeholder):before{background:linear-gradient(90deg,#0b0d12 0,#0b0d12e6 22%,#0b0d1266 42%,transparent 60%),linear-gradient(0deg,#0b0d12 0,transparent 18%),linear-gradient(180deg,#0b0d12 0,transparent 14%)}
.bl-hero-photo:not(.is-placeholder):after{background:radial-gradient(ellipse 30% 36% at 70% 48%,#7c6cff33,transparent 70%)}
.bl-hero-photo:not(.is-placeholder) img{object-position:60% 22%;filter:brightness(1.08) saturate(1.12)}
.bl-hero-photo.is-placeholder{background:radial-gradient(ellipse at 68% 50%,#2a2446,#0b0d12 62%)}
.bl-dash{position:relative;z-index:2;width:min(760px,100%);margin:72px 0 70px auto;background:#0e1019;border:1px solid #2d3246;border-radius:18px;padding:16px 18px 16px;box-shadow:0 40px 90px #000b,0 0 0 1px #ffffff08 inset;transform:perspective(1800px) rotateY(-7deg) rotateX(1.5deg);font-size:.75rem;color:var(--bl-ink)}
.bl-dash-nav{display:flex;align-items:center;gap:18px;padding-bottom:12px;border-bottom:1px solid #1f2435;margin-bottom:12px}
.bl-dash-links{display:flex;gap:16px;margin-left:auto;color:var(--bl-muted);font-size:.75rem;font-weight:600}.bl-dash-links .is-on{color:#fff;position:relative}.bl-dash-links .is-on:after{content:"";position:absolute;left:0;right:0;bottom:-13px;height:2px;background:var(--bl-grad)}
.bl-dash-cta{background:var(--bl-grad);color:#fff;font-weight:700;font-size:.75rem;padding:7px 12px;border-radius:8px}
.bl-dash-title{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px}
.bl-dash-title h3{font-size:1.375rem;letter-spacing:-.025em;margin:0}.bl-dash-title p{color:var(--bl-muted);font-size:.75rem;margin:3px 0 0}
.bl-dash-brand{display:flex;align-items:center;gap:8px;text-align:left}.bl-dash-brand b{display:block;font-size:1rem;letter-spacing:-.02em;color:#fff;line-height:1.1}.bl-dash-brand small{display:block;font-size:.625rem;letter-spacing:.08em;text-transform:uppercase;color:var(--bl-muted);margin-top:2px}
.bl-dash-brandmark{display:grid;place-items:center;width:30px;height:30px;color:#8fe3b8}.bl-dash-brandmark svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.bl-dash-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:10px}
.bl-dash-tiles div{position:relative;background:linear-gradient(180deg,#171c2c,#111522);border:1px solid #272e45;border-radius:11px;padding:12px 12px 10px 54px;min-width:0}
.bl-dash-tile-ico{position:absolute;left:12px;top:12px;display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:#2a2446;color:#c4b6ff}.bl-dash-tile-ico svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.bl-dash-tile-ico svg [fill="currentColor"]{fill:currentColor}
.bl-dash-tiles b{display:block;font-size:1.375rem;letter-spacing:-.03em;color:#fff;line-height:1}.bl-dash-tiles span{display:block;color:var(--bl-muted);font-size:.6875rem;margin-top:4px}
.bl-dash-panels{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:10px;margin-bottom:10px}
.bl-dash-panel{background:#12161f;border:1px solid #262c3d;border-radius:11px;padding:10px 12px;min-width:0}
.bl-dash-panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.bl-dash-panel-head h4{font-size:.8125rem;margin:0;color:#fff;white-space:nowrap}.bl-dash-panel-head span{display:inline-flex;align-items:center;gap:3px;color:#b8a6ff;font-size:.625rem;font-weight:600;white-space:nowrap}.bl-dash-panel-head span svg{width:11px;height:11px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.bl-dash-panel ul{list-style:none;padding:0;margin:0}.bl .bl-dash-panel li{display:grid;grid-template-columns:minmax(0,1fr) 56px auto;align-items:center;gap:8px;font-size:.6875rem;line-height:1.3;margin:0 0 7px;color:#e3e6f0}
.bl-dash-panel li i{display:block;height:6px;border-radius:3px;background:#1f2435;position:relative;overflow:hidden}.bl-dash-panel li i:after{content:"";position:absolute;inset:0 auto 0 0;width:var(--w);background:var(--bl-grad);border-radius:3px}
.bl-dash-panel li b{font-weight:600;color:var(--bl-muted);white-space:nowrap}
.bl .bl-dash-panel li:has(.bl-dash-ico){grid-template-columns:22px minmax(0,1fr)}
.bl-dash-ico{display:grid;place-items:center;width:22px;height:22px;border-radius:6px;background:#2a2446;color:#c4b6ff}.bl-dash-ico svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.bl-dash-thumbs>div:not(.bl-dash-panel-head){display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.bl-dash-thumb{position:relative;border-radius:9px;overflow:hidden;min-width:0}.bl-dash-thumb .bl-thumb{border:0;border-radius:9px;aspect-ratio:4/3}
.bl-dash-thumb:after{content:"";position:absolute;inset:auto 0 0;height:55%;background:linear-gradient(180deg,transparent,#0b0d12d9);pointer-events:none}
.bl-example-play{right:14px;top:14px;bottom:auto;width:34px;height:34px;z-index:2}.bl-example-play svg{width:16px;height:16px}
.bl-dash-play{position:absolute;right:7px;bottom:7px;z-index:1;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#ffffffd9;color:#0b0d12}.bl-dash-play svg{width:12px;height:12px;fill:currentColor}
.bl-dash-cap{position:absolute;left:8px;bottom:7px;right:34px;z-index:1;font-size:.6875rem;font-weight:600;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bl-note-a{left:40%;right:auto;top:28px}.bl-note-a svg{right:-84px;bottom:-34px}
.bl-note-b{right:1%;bottom:6px}
@media(max-width:1100px){.bl-hero{grid-template-columns:1fr;min-height:0}.bl-hero-copy{max-width:640px}.bl-dash{margin:28px auto 0;transform:none;width:100%}.bl-hero-photo:not(.is-placeholder):before{background:linear-gradient(0deg,#0b0d12 0,#0b0d12cc 35%,#0b0d1266 65%,transparent)}.bl-note{display:none}}
@media(max-width:800px){.bl-hero{margin:0 -32px;padding:36px 32px 24px}.bl-hero-photo{position:relative;inset:auto;aspect-ratio:4/3;border-radius:18px;margin-top:24px}.bl-hero-photo:not(.is-placeholder):before{display:none}.bl-hero-photo:not(.is-placeholder) img{object-position:62% 50%}.bl-dash-tiles,.bl-dash-panels{grid-template-columns:1fr 1fr}.bl-dash-links{display:none}}
@media(max-width:560px){.bl-hero{margin:0 -18px;padding:28px 18px 20px}.bl-dash{padding:14px}.bl-dash-tiles,.bl-dash-panels,.bl-dash-thumbs>div:not(.bl-dash-panel-head){grid-template-columns:1fr 1fr}.bl-dash-title{flex-direction:column;align-items:flex-start}}
.bl-band{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:24px;align-items:center;margin:64px 0 12px;padding:52px 36px 52px 56px;border-radius:26px;overflow:hidden;background:radial-gradient(55% 75% at 0% 100%,#5b2bd04d,transparent 62%),radial-gradient(45% 70% at 72% 45%,#7c3aed40,transparent 70%),linear-gradient(180deg,#140f2d,#0b0a1c);border:1px solid #352a72;box-shadow:0 0 120px #6352dd24}
.bl-band:before{content:"";position:absolute;z-index:-1;left:-25%;width:95%;top:62%;height:120%;border-radius:50%;border-top:1px solid #a78bfa66;box-shadow:0 -1px 18px #8b5cf633;pointer-events:none}
.bl-band-copy{min-width:0}.bl-band .bl-eyebrow{color:#cbbcff;letter-spacing:.24em;margin-bottom:20px}
.bl-band h2{font-size:clamp(2.125rem,3.9vw,3.375rem);line-height:1.02;letter-spacing:-.045em;margin:0 0 20px;color:#fff;overflow-wrap:anywhere}
.bl-band .bl-band-lede{font-size:1.1875rem;color:#e6e0fb;margin:0 0 8px}.bl-band .bl-band-how{font-size:.875rem;line-height:1.55;color:#b6aed6;max-width:46ch;margin:0 0 28px}.bl-band strong{color:#fff}
.bl-band .bl-button{min-height:60px;padding:0 30px;font-size:1.0625rem;border-radius:14px}
.bl-ev{position:relative;aspect-ratio:1000/600;container-type:inline-size;min-width:0}
.bl-ev-orbit{position:absolute;inset:0;width:100%;height:100%;overflow:visible;fill:none;stroke:#8b5cf6;stroke-opacity:.5;stroke-width:1.2;pointer-events:none}.bl-ev-orbit *{vector-effect:non-scaling-stroke}.bl-ev-orbit circle{fill:#d8ccff;stroke:none;filter:drop-shadow(0 0 6px #a78bfa)}
.bl-ev-card{position:absolute;z-index:2;display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:1.2cqw;align-items:center;padding:1.6cqw 1.6cqw 1.4cqw;border-radius:1.8cqw;background:linear-gradient(165deg,#fdfcff,#e8e2ff);color:#1d1640;box-shadow:0 1.6cqw 4cqw #000a,0 0 4cqw #8b5cf64d,inset 0 0 0 1px #fff;transform:perspective(80cqw) rotateY(var(--ry,0deg)) rotate(var(--rz,-5deg))}
.bl-ev-card h4{margin:0;font-size:1.9cqw;line-height:1.08;letter-spacing:-.02em;font-weight:800;color:#140f33}
.bl-ev-ico{display:grid;place-items:center;width:4.2cqw;height:4.2cqw;border-radius:1.1cqw;background:linear-gradient(135deg,#7c6cff,#b14dff);color:#fff;box-shadow:0 .6cqw 1.6cqw #7c3aed80}.bl-ev-ico svg{width:2.4cqw;height:2.4cqw}
.bl-ev svg:not(.bl-ev-orbit){fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.bl .bl-ev-card ul{grid-column:1/-1;display:grid;gap:.8cqw;list-style:none;margin:1.2cqw 0 0;padding:0}
.bl .bl-ev-card li{display:flex;align-items:center;gap:1cqw;margin:0;padding:.9cqw 1.1cqw;border-radius:1cqw;background:#ffffffc0;box-shadow:inset 0 0 0 1px #dcd3ff;font-size:1.35cqw;line-height:1.2;font-weight:600;color:#2a2252}
.bl-ev-card li i{flex:none;width:1.6cqw;height:1.6cqw;border-radius:50%;background:linear-gradient(135deg,#8b5cf6,#d946ef)}.bl-ev-card li span{flex:1;min-width:0}.bl-ev-card li svg{flex:none;width:1.7cqw;height:1.7cqw;color:#7c3aed;stroke-width:2.6}
.bl-ev-ask{left:2%;top:17%;width:24%;--ry:14deg;--rz:-5deg}
.bl-ev-ideas{left:1%;top:62%;width:25%;--ry:14deg;--rz:-4deg}
.bl-ev-areas{left:70%;top:18%;width:26%;--ry:-14deg;--rz:5deg}
.bl-ev-open{left:71%;top:55%;width:27%;--ry:-14deg;--rz:-6deg}
.bl-ev-book{position:absolute;z-index:1;left:31%;top:5%;width:36%;height:90%;transform:perspective(90cqw) rotateY(-8deg) rotate(-6deg)}
.bl-ev-page{position:absolute;inset:0;container-type:inline-size;overflow:hidden;padding:8% 8% 0;border-radius:1.2cqw;background:linear-gradient(170deg,#fff,#f0ebff);box-shadow:.5cqw .6cqw 0 #ddd5fb,1cqw 1.2cqw 0 #c4b8f2,1.6cqw 2cqw 3cqw #000b,0 0 7cqw #8b5cf670}
.bl-ev-page .bl-ev-brand{display:flex;align-items:center;gap:2.5cqw;margin:0;font-size:4.6cqw;color:#140f33}.bl-ev-brand svg{width:8cqw;height:8cqw}
.bl-ev-page .bl-ev-kicker{margin:4cqw 0 6cqw;padding-top:2cqw;border-top:1px solid #e0d9fb;text-align:right;font-size:2.6cqw;letter-spacing:.18em;font-weight:700;color:#6b5fa8}
.bl-ev-page h3{margin:0 0 4cqw;font-size:10.4cqw;line-height:1.03;letter-spacing:-.045em;font-weight:800;color:#140f33}.bl-ev-page h3 span{display:block;background:linear-gradient(90deg,#6d28d9,#c026d3);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:#7c3aed}
.bl-ev-page .bl-ev-sub{margin:0 0 6cqw;font-size:4.4cqw;line-height:1.35;color:#3b3360}
.bl-ev-art{position:relative;height:46cqw;border-radius:2.5cqw;overflow:hidden;background:linear-gradient(160deg,#1c1344,#0b0820)}
.bl-ev-art i{position:absolute;border-radius:50%}.bl-ev-art i:nth-child(1){left:-12%;top:28%;width:58cqw;height:58cqw;background:radial-gradient(circle at 35% 30%,#7d6bff,#2b1b86 70%)}.bl-ev-art i:nth-child(2){left:36%;top:6%;width:44cqw;height:44cqw;background:radial-gradient(circle at 30% 30%,#ff7ad9,#7c3aed 72%)}.bl-ev-art i:nth-child(3){left:62%;top:46%;width:48cqw;height:48cqw;background:radial-gradient(circle at 35% 30%,#5a46e0,#1d1450 72%)}
.bl-ev-art:after{content:"";position:absolute;left:-30%;top:24%;width:160%;height:170%;border-radius:50%;border-top:1px solid #ffffff66}
.bl-ev-page .bl-ev-tags{margin:6cqw 0 0;font-size:2.6cqw;line-height:1.7;letter-spacing:.16em;font-weight:700;color:#5b4fa0}
.bl-ev-tile{position:absolute;z-index:3;display:grid;place-items:center;width:7cqw;height:7cqw;border-radius:1.8cqw;background:linear-gradient(150deg,#6d4dff,#3b1d9a);color:#fff;box-shadow:0 0 3.4cqw #8b5cf6b0,inset 0 0 0 1px #ffffff40;transform:rotate(-8deg)}.bl-ev-tile svg{width:3.4cqw;height:3.4cqw}
.bl-ev-t1{left:42%;top:-2%}.bl-ev-t2{left:25%;top:87%}.bl-ev-t3{left:63%;top:80%;transform:rotate(6deg)}
.bl-ev-note{position:absolute;z-index:3;font-family:Caveat,"Segoe Print","Bradley Hand",cursive;font-size:2.6cqw;font-weight:600;line-height:1.05;color:#f1ecff;text-shadow:0 2px 10px #000;transform:rotate(-6deg);pointer-events:none}
.bl-ev-n1,.bl-ev-n2{padding:1.4cqw 3cqw;border:1.5px solid #e9e1ffcc;border-radius:50%}
.bl-ev .bl-ev-note svg{position:absolute;width:6.5cqw;height:6.5cqw;overflow:visible;color:#ffa4d8;stroke-width:3.4px;filter:drop-shadow(0 2px 4px #000b)}.bl-ev-note svg path{vector-effect:non-scaling-stroke}
.bl-ev-n1{left:9%;top:-2%}.bl-ev-n1 svg{left:-5.6cqw;top:46%}
.bl-ev-n2{left:73%;top:-3%;transform:rotate(-8deg)}.bl-ev-n2 svg{right:20%;top:84%}
.bl-ev-n3{left:82%;top:89%;font-size:2.4cqw}.bl-ev-n3:after{content:"";display:block;width:105%;height:1cqw;margin-top:.2cqw;border-bottom:2px solid #e9e1ffcc;border-radius:50%}
@media(max-width:1100px){.bl-band{grid-template-columns:minmax(0,1fr);padding:44px 40px}.bl-band-copy{max-width:640px}}
@media(max-width:600px){.bl-band{padding:32px 22px 20px;margin-top:40px}.bl-band .bl-button{min-height:54px;padding:10px 20px}.bl-ev{aspect-ratio:1/1.12}.bl-ev-card,.bl-ev-note{display:none}.bl-ev-book{left:20%;width:60%;top:7%;height:82%}.bl-ev-tile{width:12cqw;height:12cqw;border-radius:3cqw}.bl-ev-tile svg{width:6cqw;height:6cqw}.bl-ev-t1{left:44%;top:-1%}.bl-ev-t2{left:5%;top:66%}.bl-ev-t3{left:82%;top:58%}.bl-ev-page{border-radius:3cqw}}
.bl-get{position:relative;background:radial-gradient(50% 60% at 100% 30%,#5b2bd01c,transparent 70%)}
.bl-eyebrow-rule{display:flex;align-items:center;gap:20px}.bl-eyebrow-rule:after{content:"";width:64px;height:1px;background:linear-gradient(90deg,#8b6cff,transparent)}
.bl-get h2{font-size:clamp(2rem,4vw,3.25rem);line-height:1.05;letter-spacing:-.045em;margin-bottom:16px}
.bl-get .bl-get-lede{font-size:1.125rem;line-height:1.55;color:#c9c3e6;max-width:64ch;margin:0 0 40px}
.bl-get .bl-cards{gap:22px}
.bl-get .bl-cards article{position:relative;display:flex;flex-direction:column;padding:26px 22px 20px;border-radius:22px;background:radial-gradient(120% 55% at 50% 0%,#2c2060aa,transparent 62%),linear-gradient(180deg,#171332,#0f0d22);border:1px solid #382d70;box-shadow:inset 0 1px 0 #ffffff14,0 22px 50px #0009,0 0 44px #6d4dff12}
.bl-get-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:22px}
.bl-get .bl-tile{width:64px;height:64px;border-radius:16px;margin:0;background:linear-gradient(145deg,#8064ff,#4a2ec4);color:#fff;box-shadow:0 0 32px #7c5cff70,inset 0 1px 0 #ffffff45}.bl-get .bl-tile svg{width:30px;height:30px;stroke-width:1.9}
.bl-get-num{font-size:1.125rem;font-weight:500;letter-spacing:.04em;color:#b9a8ff}
.bl-get .bl-cards h3{font-size:clamp(1.25rem,1.55vw,1.5rem);line-height:1.15;letter-spacing:-.03em;margin:0 0 12px;color:#fff}
.bl-get .bl-cards p{color:#c4bfdc;font-size:1rem;line-height:1.6;margin:0 0 20px}
.bl-get svg{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.bl-gv{position:relative;height:212px;margin:auto 0 18px}
.bl-get-foot{display:flex;align-items:center;gap:10px;padding:8px 14px 8px 8px;border-radius:999px;background:#ffffff08;border:1px solid #3a2f74;color:#e6e1ff;font-size:.8125rem;font-weight:500;white-space:nowrap}.bl-get-foot span:not(.bl-get-fico){flex:1;min-width:0}.bl-get-foot>svg{width:16px;height:16px;flex:none;color:#c4b6ff}
.bl-get-fico{display:grid;place-items:center;flex:none;width:36px;height:36px;border-radius:50%;background:linear-gradient(145deg,#7356ff,#3c22a8);color:#fff;box-shadow:0 0 16px #7c5cff80}.bl-get-fico svg{width:18px;height:18px}
.bl-gv-photo{position:absolute;left:0;top:10px;width:47%;aspect-ratio:150/188;border-radius:14px;overflow:hidden;transform:rotate(-5deg);border:3px solid #ffffff26;box-shadow:0 18px 34px #000b}.bl-gv-photo img{display:block;width:100%;height:100%;object-fit:cover}
.bl-gv-play{position:absolute;left:10px;bottom:10px;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#0b0d12b3;color:#fff;border:1px solid #ffffff40}.bl-gv-play svg{width:18px;height:18px;fill:currentColor;stroke:none}
.bl-gv-stats{position:absolute;right:0;top:30px;width:63%;padding:12px 11px 9px;border-radius:14px;background:linear-gradient(180deg,#201a48f5,#140f30f5);border:1px solid #4a3b98;box-shadow:0 18px 36px #000b,0 0 26px #7c5cff33;transform:rotate(-3deg)}
.bl-gv-stats>b{display:block;font-size:.75rem;font-weight:600;color:#fff;white-space:nowrap}.bl-gv-stats>small{display:block;margin-top:2px;font-size:.5625rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#a99be0}
.bl .bl-gv ul{list-style:none;margin:0;padding:0}
.bl .bl-gv-stats li{display:grid;grid-template-columns:24px 1fr auto;align-items:center;gap:6px;margin:7px 0 0;padding:6px 7px;border-radius:9px;background:#ffffff0b;font-size:.8125rem;font-weight:700;color:#fff}
.bl-gv-k{display:grid;place-items:center;color:#d9c9ff}.bl-gv-k svg{width:16px;height:16px}.bl-gv-stats li:nth-child(2) .bl-gv-k{color:#ff6ec7}
.bl-gv-stats em{display:flex;align-items:center;gap:2px;font-style:normal;font-weight:600;font-size:.75rem;color:#4ade80}.bl-gv-stats em i{width:6px;height:6px;border-radius:50%;background:#4ade80;box-shadow:0 0 8px #4ade80;margin-right:3px}.bl-gv-stats li>span:nth-child(2){font-size:.6875rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bl-gv-stats li:first-child .bl-gv-k svg{fill:currentColor;stroke:none}
.bl-chip{position:absolute;padding:9px 16px;border-radius:999px;border:1px solid #463b8c;background:#ffffff07;color:#a59bd3;font-size:.8125rem;white-space:nowrap;transform:rotate(-6deg)}
.bl-chip.c1{left:0;top:18px}.bl-chip.c2{right:0;top:4px}.bl-chip.c3{left:2%;bottom:26px}.bl-chip.c4{right:0;bottom:14px}
.bl-chip-on{left:50%;top:50%;display:flex;align-items:center;gap:8px;padding:12px 22px;font-size:1rem;font-weight:600;color:#fff;background:linear-gradient(135deg,#4b2fc2,#291a76);border:1.5px solid #a385ff;box-shadow:0 0 30px #8b5cf6aa,inset 0 1px 0 #ffffff30;transform:translate(-50%,-56%) rotate(-6deg)}.bl-chip-on svg{width:18px;height:18px}
.bl-chip-on i{position:absolute;right:-18px;bottom:-20px;color:#d7c6ff;filter:drop-shadow(0 3px 6px #000c)}.bl-chip-on i svg{width:28px;height:28px;stroke:#2a1a78;stroke-width:1.2}
.bl-gv-3{display:flex;flex-direction:column;justify-content:center}.bl-gv-3>ul{padding:12px 12px 4px;border-radius:14px;background:#0c0a1caa;border:1px solid #3a2f74;box-shadow:0 16px 34px #0008}
.bl .bl-gv-3 li{display:grid;grid-template-columns:22px minmax(0,78px) 1fr 34px;align-items:center;gap:8px;margin:0 0 10px;font-size:.75rem;color:#cfc8ee;white-space:nowrap}
.bl-gv-3 .bl-gv-k svg{width:16px;height:16px}.bl-gv-3 .bl-gv-k>svg[viewBox="0 0 64 64"]{width:20px;height:20px}.bl-gv-3 li.is-you{color:#fff;font-weight:600}
.bl-gv-3 li i{display:block;position:relative;height:18px;border-radius:5px;background:#ffffff0d;overflow:hidden}.bl-gv-3 li i:after{content:"";position:absolute;inset:0 auto 0 0;width:var(--w);border-radius:5px;background:linear-gradient(90deg,#4f4a78,#6f6a98)}
.bl-gv-3 li.is-you i:after{background:linear-gradient(90deg,#a35cff,#ff7ad9);box-shadow:0 0 14px #c06bff99}
.bl-gv-3 li b{text-align:right;font-weight:700;color:#fff;font-size:.8125rem}
.bl-gv-3 small{display:block;margin-top:10px;text-align:center;font-size:.6875rem;color:#8f88b8}
.bl-gv-plan{position:absolute;left:0;right:5%;bottom:0;top:26px;padding:14px 14px 6px;border-radius:14px;background:#0c0a1cc4;border:1px solid #3a2f74;box-shadow:0 16px 34px #0008;transform:rotate(-2deg)}
.bl-gv-plan>b{display:block;font-size:.8125rem;color:#fff;margin-bottom:4px}
.bl .bl-gv-plan li{display:flex;align-items:center;gap:10px;margin:0;padding:7px 0;border-bottom:1px solid #ffffff10;font-size:.75rem;color:#d8d2f2}.bl .bl-gv-plan li:last-child{border-bottom:0}
.bl-gv-box{display:grid;place-items:center;flex:none;width:20px;height:20px;border-radius:50%;border:1.5px solid #8f86b8}.bl-gv-plan li.is-done .bl-gv-box{border:0;background:linear-gradient(135deg,#8b5cf6,#c04bff)}.bl-gv-box svg{width:13px;height:13px;color:#fff;stroke-width:3}
.bl-gv-badge{position:absolute;right:-8px;top:0;display:flex;align-items:center;gap:8px;padding:9px 13px;border-radius:12px;background:linear-gradient(135deg,#8a3df0,#d04bc8);border:1px solid #f2b0ff;color:#fff;font-size:.75rem;font-weight:600;line-height:1.2;box-shadow:0 0 28px #c04bff88;transform:rotate(4deg)}.bl-gv-badge svg{width:18px;height:18px;flex:none}
@media(max-width:1100px){.bl-get .bl-cards{gap:18px}}
@media(max-width:560px){.bl-get .bl-get-lede{font-size:1rem;margin-bottom:28px}.bl-get .bl-cards h3{font-size:1.375rem}}
.bl-gv-1{width:100%;max-width:300px;margin-left:auto;margin-right:auto}
.bl-gv-photo .bl-picture{width:100%;height:100%;background:linear-gradient(160deg,#2a2150,#151230)}
.bl .bl-gv-stats li{grid-template-columns:18px minmax(0,1fr) auto;gap:5px;padding:6px 6px}.bl-gv-stats em{font-size:.6875rem;gap:0}.bl-gv-stats em i{width:5px;height:5px}
.bl-gv{height:auto;min-height:212px}
.bl-gv-1{padding:30px 0 6px 36%}.bl-gv-1 .bl-gv-stats{position:relative;right:auto;top:auto;width:auto}
.bl .bl-gv-stats li{display:flex;flex-wrap:wrap;align-items:center;column-gap:6px;row-gap:2px}.bl-gv-stats li>span:nth-child(2){flex:1 1 auto;overflow:visible;text-overflow:clip}.bl-gv-stats em{margin-left:auto}
.bl-gv-4{display:flex;flex-direction:column;align-items:stretch}.bl-gv-badge{position:relative;right:auto;top:auto;z-index:2;align-self:flex-end;margin:0 4px -14px 0;transform:rotate(3deg)}
.bl-gv-plan{position:relative;left:auto;right:auto;top:auto;bottom:auto;margin-right:4%;padding-top:20px}
.bl-get-foot{font-size:.8125rem}.bl-get-foot span:not(.bl-get-fico){white-space:normal;line-height:1.3}.bl-get-foot>svg{margin-left:auto}
.bl-gv-2{min-height:212px}
.bl-gv-badge{order:-1}
.bl-gv-2{display:grid;grid-template-columns:1fr 1fr;align-content:center;gap:16px 10px;padding:8px 0}
.bl-gv-2 .bl-chip{position:static;max-width:100%;white-space:normal;text-align:center;transform:rotate(-5deg)}
.bl-chip.c1,.bl-chip.c3{justify-self:start}.bl-chip.c2,.bl-chip.c4{justify-self:end}.bl-chip.c2{margin-top:-10px}.bl-chip.c4{margin-top:10px}
.bl-gv-2 .bl-chip-on{grid-column:1/-1;justify-self:center;position:relative;left:auto;top:auto;margin:2px 14px 4px 0;transform:rotate(-5deg)}
.bl .bl-gv-3 li{grid-template-columns:20px max-content minmax(24px,1fr) max-content}
.bl-gv-2{grid-template-columns:repeat(2,auto);justify-content:space-between}.bl-gv-2 .bl-chip{border-radius:22px}
.bl-gv-2{align-items:center}.bl-gv-2 .bl-chip:not(.bl-chip-on){padding:8px 12px;font-size:.75rem;line-height:1.35}
.bl-eyebrow-rule{flex-wrap:wrap;row-gap:8px}.bl-eyebrow-rule:after{flex:0 1 64px;min-width:24px}
.bl-gv-stats>b{white-space:normal}.bl-gv-stats li>span:nth-child(2){min-width:0;overflow-wrap:anywhere}.bl-gv-stats em{white-space:nowrap}
@media(max-width:420px){.bl-gv-1{padding-left:30%}}
@media(max-width:1100px){.bl .bl-gv-3 li,.bl .bl-gv-plan li{font-size:.8125rem}}
.bl .bl-gv-3 li,.bl .bl-gv-plan li{font-size:.8125rem}

/* Phones (16 Oct 2026, owner: "exhaustingly long mobile"): the four "what you get" cards swipe sideways
   instead of stacking, the hero's checks sit on one line, and the hero shows the snapshot as real text. */
.bl-phone-scene{display:none}
@media(max-width:560px){
 .bl .bl-get .bl-cards{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:86%;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;padding:2px 2px 10px;scrollbar-width:thin}
 .bl .bl-get .bl-cards>article{scroll-snap-align:start}
 .bl .bl-hero .bl-checks{flex-direction:row;flex-wrap:wrap;gap:8px 18px}
 .bl .bl-hero .bl-visual:has(.bl-phone-scene) .bl-hero-photo{display:none}
 .bl-phone-scene{display:grid;gap:6px;width:100%}
 .bl-phone-snap{display:grid;gap:10px;width:100%;padding:18px;border-radius:18px;background:radial-gradient(80% 60% at 100% 0%,#4b354155,transparent 70%),#0d0f18;border:1px solid #2c3350;box-shadow:0 18px 40px #0007}
 .bl .bl-phone-k{display:flex;align-items:center;gap:8px;margin:0;font-size:.8125rem;color:#c9bcff}
 .bl-phone-k svg{width:22px;height:22px}
 .bl-phone-k span{margin-left:auto;padding:3px 9px;border-radius:999px;background:#1c1838;border:1px solid #4d4580;font-size:.8125rem;color:#cfc3ff}
 .bl-phone-snap h3{margin:0;font-size:1.125rem}
 .bl .bl-phone-line{margin:-4px 0 0;color:var(--bl-muted);font-size:.875rem}
 .bl-phone-snap dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0}
 .bl-phone-snap dl div{padding:10px;border-radius:12px;background:#161a28;border:1px solid #262c3d;min-width:0}
 .bl-phone-snap dt{font-size:.8125rem;color:var(--bl-muted);line-height:1.3}
 .bl-phone-snap dd{margin:2px 0 0;font-size:1.25rem;font-weight:800}
 .bl .bl-phone-h{margin:2px 0 0;font-size:.8125rem;letter-spacing:.06em;text-transform:uppercase;color:#b8a6ff}
 .bl-phone-snap ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}
 .bl .bl-phone-snap li{display:flex;justify-content:space-between;gap:10px;margin:0;padding:8px 12px;border-radius:10px;background:#161a28;border:1px solid #262c3d;font-size:.9375rem}
 .bl-phone-snap li b{color:#c9bcff;white-space:nowrap}
}

/* The hero's three promises (16 Oct 2026, owner: the plain outline checks were "too small and boring" on a
   phone): each has its own icon in a gradient tile; on phones they are three tiles side by side. */
.bl .bl-checks-rich li{gap:10px}
.bl-check-tile{display:inline-grid;place-items:center;flex:none;width:30px;height:30px;border-radius:9px;background:linear-gradient(145deg,#8064ff,#4a2ec4);color:#fff;box-shadow:0 0 16px #7c5cff55,inset 0 1px 0 #ffffff40}
.bl-check-tile svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:560px){
 .bl .bl-hero .bl-checks.bl-checks-rich{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:20px}
 .bl .bl-hero .bl-checks-rich li{flex-direction:column;justify-content:flex-start;text-align:center;gap:8px;margin:0;padding:14px 6px 12px;border-radius:16px;background:radial-gradient(90% 70% at 50% 0%,#5a46c233,transparent 70%),linear-gradient(180deg,#171b2e,#0f1220);border:1px solid #33395a;font-size:.875rem;font-weight:650;line-height:1.25;color:var(--bl-ink)}
 .bl .bl-hero .bl-check-tile{width:46px;height:46px;border-radius:14px;box-shadow:0 0 26px #7c5cff70,inset 0 1px 0 #ffffff45}
 .bl .bl-hero .bl-check-tile svg{width:25px;height:25px}
 /* The picture's notes, as readable text with arrows that stay on screen and point at what they name. */
 .bl .bl-phone-note{display:flex;align-items:flex-end;gap:4px;margin:0;font-family:Caveat,"Segoe Print","Bradley Hand",cursive;font-size:1.625rem;font-weight:600;line-height:1.05;color:#f3edff}
 .bl-phone-note svg{flex:none;width:52px;height:52px;fill:none;stroke:#ff8fd0;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
 .bl-phone-note-a{padding:4px 8px 0 6px;transform:rotate(-3deg)}
 .bl-phone-note-a span{max-width:19ch}
 .bl-phone-note-b{justify-content:flex-end;align-items:flex-start;text-align:right;margin-top:-4px;padding:0 6px 0 0;transform:rotate(-2deg)}
 .bl-phone-note-b svg{width:44px;height:44px}
 .bl-phone-note-b span{padding-top:10px}
 .bl-phone-note b{color:#ff9fd6}
 .bl-phone-clips{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
 .bl-phone-clip{position:relative;display:grid;gap:6px;min-width:0}
 .bl .bl-phone-clip .bl-picture{margin:0;aspect-ratio:4/5;border-radius:12px;overflow:hidden;border:1px solid #2c3350;background:#161a28}
 .bl-phone-clip .bl-picture img{width:100%;height:100%;object-fit:cover;display:block}
 .bl-phone-play{position:absolute;right:6px;top:6px;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#ffffffe0;color:#0b0d12}
 .bl-phone-play svg{width:14px;height:14px}
 .bl-phone-cap{font-size:.8125rem;line-height:1.25;color:var(--bl-ink)}
}

/* The phone snapshot's counts (16 Oct 2026, owner: "shitty numbers box basic display"): each count gets its
   icon in a gradient tile, a large gradient number and its label underneath, at one height; the topic rows
   fill to their share, as the desktop dashboard's bars do. */
@media(max-width:560px){
 .bl .bl-phone-snap .bl-phone-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
 .bl .bl-phone-stats div{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:5px;padding:10px 10px 12px;border-radius:14px;background:radial-gradient(100% 80% at 0% 0%,#5a46c240,transparent 70%),linear-gradient(180deg,#191d31,#10131f);border:1px solid #343a5c;box-shadow:inset 0 1px 0 #ffffff10;overflow:hidden}
 .bl .bl-phone-stats div:after{content:"";position:absolute;left:10px;right:10px;bottom:0;height:3px;border-radius:3px 3px 0 0;background:linear-gradient(90deg,#8064ff,#ff6fc0)}
 .bl-phone-ico{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:linear-gradient(145deg,#8064ff,#4a2ec4);color:#fff;box-shadow:0 0 18px #7c5cff60,inset 0 1px 0 #ffffff40}
 .bl-phone-ico svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
 .bl .bl-phone-stats dd{order:1;margin:2px 0 0;font-size:1.75rem;font-weight:800;line-height:1;letter-spacing:-.03em;background:linear-gradient(180deg,#fff 30%,#c9bcff);-webkit-background-clip:text;background-clip:text;color:transparent}
 .bl .bl-phone-stats dt{order:2;font-size:.8125rem;line-height:1.25;color:#b9b3d6}
 .bl-phone-snap{gap:8px}
 .bl .bl-phone-cap{font-size:.8125rem;white-space:nowrap}
 .bl .bl-phone-snap li{background:linear-gradient(90deg,#7c5cff73,#ff6fc06b) 0 0/var(--w,0%) 100% no-repeat,#161a28;border-color:#343a5c}
}
@media(max-width:380px){.bl .bl-phone-cap{white-space:normal}.bl .bl-phone-stats dd{font-size:1.5rem}}

/* The trust row (16 Oct 2026, owner from an iPhone: "these icons are weak"): each promise is a card with
   its icon in the same purple gradient tile as the hero and the benefit cards, never a thin outline circle.
   On phones the cards swipe sideways like the other card rows, so the page stays short. */
.bl .bl-trust{gap:16px}
.bl .bl-trust{padding-bottom:32px}
.bl .bl-trust article{flex-direction:row;gap:16px;padding:20px 20px;border-radius:18px;background:radial-gradient(90% 70% at 0% 0%,#5a46c226,transparent 70%),linear-gradient(180deg,#151a2b,#0f1220);border:1px solid #2c3350;box-shadow:inset 0 1px 0 #ffffff0d}
.bl .bl-round{width:56px;height:56px;border-radius:16px;border:0;background:linear-gradient(145deg,#8064ff,#4a2ec4);color:#fff;box-shadow:0 0 28px #7c5cff66,inset 0 1px 0 #ffffff45}
.bl .bl-round svg,.hw .bl-round svg{width:27px;height:27px;stroke:currentColor;stroke-width:1.9}
.bl .bl-trust h3{font-size:1rem;margin:0 0 6px}
.bl .bl-trust p{font-size:.875rem;max-width:none}
@media(max-width:560px){
 .bl .bl-trust{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:78%;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;padding:20px 2px 26px;scrollbar-width:thin}
 .bl .bl-trust article{flex-direction:column;gap:14px;scroll-snap-align:start;padding:20px 18px}
 .bl .bl-round{width:52px;height:52px;border-radius:15px}
}