@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Montserrat:wght@700;800&family=Space+Mono:wght@400;700&display=swap');

.bb-messy-content{--teal:#00D2D2;--coral:#FF5E5B;--muted:#B3B3B3;--line:#292929;background:#000;color:#fff;font-family:Inter,'Segoe UI',sans-serif;font-size:17px;line-height:1.7;isolation:isolate}

.bb-messy-content *,.bb-messy-content *:before,.bb-messy-content *:after{box-sizing:border-box}

.bb-messy-content h1,.bb-messy-content h2,.bb-messy-content h3,.bb-messy-content p{margin:0}

.bb-messy-content h1,.bb-messy-content h2,.bb-messy-content h3{font-family:Montserrat,'Segoe UI',sans-serif;color:#fff;font-weight:800;line-height:1.15}

.bb-messy-content h1{font-size:clamp(34px,5vw,54px);max-width:850px;letter-spacing:-.035em}

.bb-messy-content h2{font-size:clamp(26px,3.5vw,36px);max-width:780px;letter-spacing:-.025em}

.bb-messy-content h3{font-size:21px;line-height:1.35;font-weight:700;margin-bottom:12px}

.bb-messy-content p,.bb-messy-content li,.bb-messy-content a{font-family:Inter,'Segoe UI',sans-serif;font-size:17px;line-height:1.7}

.bb-messy-content p,.bb-messy-content li{color:#E8E8E8}

.bb-messy-content a{color:var(--teal);text-underline-offset:5px}

.bb-messy-content a:hover{text-decoration-thickness:2px}

.bb-messy-content :focus-visible{outline:3px solid var(--teal);outline-offset:5px}

.bb-messy-content .bb-container{max-width:1200px;margin:0 auto;padding:0 32px}

.bb-messy-content .bb-full-bleed{width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;overflow-x:clip;padding:80px 0}

.bb-messy-content .bb-dark{background:#111}

.bb-messy-content .bb-black{background:#000}

.bb-messy-content .bb-kicker{display:block;font-family:'Space Mono',monospace;font-size:14px;color:var(--teal);text-transform:uppercase;letter-spacing:.09em;margin-bottom:20px}

.bb-messy-content .bb-accent{color:var(--teal)}

.bb-messy-content .bb-intro{max-width:680px;color:var(--muted);margin-top:20px}

.bb-messy-content .bb-hero{padding-top:60px;padding-bottom:64px;background:radial-gradient(ellipse at 90% 12%,rgba(0,210,210,.09),transparent 45%),#000}

.bb-messy-content .bb-brand{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:72px;border-bottom:1px solid var(--line);padding-bottom:24px}

.bb-messy-content .bb-brand a{font-family:Montserrat,sans-serif;font-weight:800;color:#fff;text-decoration:none;font-size:19px}

.bb-messy-content .bb-brand span{color:var(--muted);font-family:'Space Mono',monospace;font-size:14px}

.bb-messy-content .bb-hero-content{position:relative;max-width:900px}

.bb-messy-content .bb-hero-content:after{content:'↙';position:absolute;right:-150px;top:25px;font-size:160px;font-family:Inter,sans-serif;line-height:1;color:var(--teal);opacity:.8}

.bb-messy-content .bb-hero h1 span{display:block}

.bb-messy-content .bb-hero-sub{max-width:680px;margin-top:26px;font-size:19px}

.bb-messy-content .bb-reassurance{margin-top:16px;color:var(--muted);font-size:15px}

.bb-messy-content .bb-actions{display:flex;align-items:center;flex-wrap:wrap;gap:24px;margin-top:30px}

.bb-messy-content .bb-btn{display:inline-flex;align-items:center;justify-content:center;gap:22px;background:var(--teal);color:#000;text-decoration:none;border:1px solid var(--teal);border-radius:4px;padding:15px 23px;min-height:52px;font-size:16px;font-weight:600;line-height:1.3}

.bb-messy-content .bb-btn span{font-size:24px;line-height:1}

.bb-messy-content .bb-secondary{font-size:15px;color:#fff}

.bb-messy-content .bb-trust{display:flex;gap:12px;overflow-x:auto;margin-top:48px;padding-bottom:8px}

.bb-messy-content .bb-pill{flex-shrink:0;border:1px solid #265757;border-radius:100px;padding:10px 16px;color:#E8E8E8;font-family:'Space Mono',monospace;font-size:14px;line-height:1.6}

.bb-messy-content .bb-pill b{color:var(--teal);font-weight:400}

.bb-messy-content .bb-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:36px}

.bb-messy-content .bb-card{padding:28px;background:#111;border:1px solid var(--line);border-radius:8px}

.bb-messy-content .bb-dark .bb-card{background:#000}

.bb-messy-content .bb-card p{color:var(--muted)}

.bb-messy-content .bb-index{font-family:'Space Mono',monospace;font-size:14px;color:var(--coral);display:block;margin-bottom:28px}

.bb-messy-content .bb-two{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start}

.bb-messy-content .bb-list{list-style:none;margin:0;padding:0}

.bb-messy-content .bb-list li{border-top:1px solid var(--line);padding:20px 0 20px 30px;position:relative}

.bb-messy-content .bb-list li:before{content:'↗';color:var(--teal);position:absolute;left:0}

.bb-messy-content .bb-list strong{display:block;color:#fff}

.bb-messy-content .bb-list span{display:block;color:var(--muted);margin-top:4px}

.bb-messy-content .bb-comparison{margin-top:32px;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#000}

.bb-messy-content .bb-example-label{font-family:'Space Mono',monospace;font-size:14px;color:var(--muted);padding:18px 24px;border-bottom:1px solid var(--line)}

.bb-messy-content .bb-toggle{display:flex;gap:8px;padding:20px 24px 0}

.bb-messy-content .bb-toggle button{font:600 15px Inter,sans-serif;border:1px solid #555;border-radius:4px;background:#111;color:#fff;padding:12px 20px;cursor:pointer;min-height:48px}

.bb-messy-content .bb-toggle button[aria-pressed=true]{background:var(--teal);color:#000;border-color:var(--teal)}

.bb-messy-content .bb-example{padding:24px}

.bb-messy-content .bb-example h3{font-size:21px}

.bb-messy-content .bb-ledger{display:grid;grid-template-columns:1fr auto;gap:12px;padding:15px 0;border-bottom:1px solid var(--line)}

.bb-messy-content .bb-ledger span:last-child{color:var(--coral);font-family:'Space Mono',monospace;font-size:14px}

.bb-messy-content .bb-clean .bb-ledger span:last-child{color:var(--teal)}

.bb-messy-content .bb-note{color:var(--muted);font-size:14px;margin-top:18px}

.bb-messy-content [hidden]{display:none!important}

.bb-messy-content .bb-start{border-left:3px solid var(--teal);padding-left:32px}

.bb-messy-content .bb-diagnostic{padding:28px;border:1px solid var(--line);border-radius:8px;background:#000}

.bb-messy-content .bb-diagnostic .bb-kicker{color:var(--coral);margin-bottom:12px}

.bb-messy-content .bb-credentials{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:center}

.bb-messy-content .bb-credential-list{list-style:none;margin:0;padding:0}

.bb-messy-content .bb-credential-list li{padding:18px 0;border-bottom:1px solid var(--line);color:var(--muted)}

.bb-messy-content .bb-credential-list strong{color:#fff;display:block}

.bb-messy-content .bb-faq{max-width:850px;margin-top:32px}

.bb-messy-content .bb-acc-item{border-top:1px solid #383838}

.bb-messy-content .bb-acc-q{width:100%;border:0;background:transparent;color:#fff;text-align:left;padding:24px 0;display:flex;justify-content:space-between;gap:20px;font:600 17px/1.6 Inter,sans-serif;cursor:pointer}

.bb-messy-content .bb-acc-icon{color:var(--teal);font-size:24px;line-height:1.2;flex:none}

.bb-messy-content .bb-acc-a{display:grid;grid-template-rows:1fr}

.bb-messy-content.bb-js .bb-acc-q[aria-expanded=false]+.bb-acc-a{grid-template-rows:0fr;visibility:hidden}

.bb-messy-content .bb-acc-a>div{overflow:hidden}

.bb-messy-content .bb-acc-a p{padding-bottom:24px;color:var(--muted)}

.bb-messy-content .bb-final{background:radial-gradient(ellipse at 50% 100%,rgba(0,210,210,.1),transparent 65%),#0A0A0A;border-top:1px solid var(--line)}

.bb-messy-content .bb-final .bb-container{max-width:850px;text-align:center}

.bb-messy-content .bb-final h2{margin:auto}

.bb-messy-content .bb-final p{margin:20px auto 28px;max-width:600px;color:var(--muted)}

.bb-messy-content .bb-final .bb-legal{font-size:14px;margin-top:32px}

@media(prefers-reduced-motion:no-preference){

.bb-messy-content .bb-card,.bb-messy-content .bb-btn{transition:transform .2s,border-color .2s,box-shadow .2s}

.bb-messy-content .bb-card:hover{transform:translateY(-4px);border-color:var(--teal);box-shadow:0 0 0 1px var(--teal)}

.bb-messy-content .bb-btn:hover{transform:translateY(-2px)}

.bb-messy-content .bb-acc-a{transition:grid-template-rows .3s,visibility .3s}

.bb-messy-content.bb-js .bb-reveal{opacity:0;transform:translateY(20px);transition:opacity .6s,transform .6s}

.bb-messy-content.bb-js .bb-reveal.bb-in{opacity:1;transform:none}

.bb-messy-content .bb-hero h1 .bb-accent{animation:bb-underline 1.1s ease-out both;background-image:linear-gradient(var(--teal),var(--teal));background-repeat:no-repeat;background-position:0 100%;background-size:100% 2px;padding-bottom:8px;width:fit-content}

@keyframes bb-underline{from{background-size:0% 2px}to{background-size:100% 2px}}

}

@media(max-width:1100px){.bb-messy-content .bb-hero-content:after{display:none}}

@media(max-width:760px){.bb-messy-content .bb-container{padding:0 22px}.bb-messy-content .bb-full-bleed{padding:48px 0}.bb-messy-content .bb-hero{padding-top:28px}.bb-messy-content .bb-brand{margin-bottom:44px;align-items:flex-start}.bb-messy-content .bb-brand span{max-width:135px;text-align:right;font-size:12px}.bb-messy-content .bb-brand a{font-size:16px;max-width:170px}.bb-messy-content .bb-grid,.bb-messy-content .bb-two,.bb-messy-content .bb-credentials{grid-template-columns:1fr;gap:22px}.bb-messy-content .bb-hero-sub{font-size:17px}.bb-messy-content .bb-actions{gap:20px}.bb-messy-content .bb-btn{width:100%;padding:16px}.bb-messy-content .bb-trust{margin-top:34px}.bb-messy-content .bb-card{padding:24px}.bb-messy-content .bb-index{margin-bottom:16px}.bb-messy-content .bb-start{padding-left:22px}.bb-messy-content .bb-ledger{grid-template-columns:1fr}.bb-messy-content .bb-pill{font-size:12px}.bb-messy-content .bb-credentials{gap:30px}}