.bb-page main{padding-top:100px}.bb-wrap{width:min(1240px,calc(100% - 96px));margin:auto}.bb-hero{background:var(--night);color:var(--paper);padding:48px 0 70px;position:relative}.bb-breadcrumb{font-size:.85rem;color:var(--steel);margin-bottom:48px}.bb-hero-grid{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:30px}.bb-hero h1{font-size:clamp(2.5rem,4.2vw,4.5rem);line-height:1.06;letter-spacing:-.045em;margin:20px 0 28px}.bb-hero p{max-width:620px;line-height:1.7}.bb-hero .eyebrow{color:var(--signal)}.bb-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.bb-actions .button{border:1px solid var(--steel)}.bb-actions .primary{background:var(--signal);color:var(--night)}.bb-art{min-width:0}.bb-art svg{width:100%;display:block}.bb-section{padding:76px 0;border-bottom:1px solid var(--line)}.bb-section h2{font-size:clamp(1.8rem,3vw,2.8rem);letter-spacing:-.035em;line-height:1.15;margin:0 0 24px;max-width:850px}.bb-intro{max-width:800px;line-height:1.8}.bb-family{margin-top:44px}.bb-family>h3{font-size:1.05rem;text-transform:uppercase;letter-spacing:.12em;color:#475e52;border-bottom:1px solid var(--line);padding-bottom:18px}.bb-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.bb-card{background:var(--paper-strong);border:1px solid var(--line);border-radius:var(--radius);padding:28px;transition:transform .25s,border-color .25s}.bb-card:hover,.bb-card:focus-within{transform:translateY(-3px);border-color:#647b54}.bb-card h4{font-size:1.25rem;margin:0 0 14px}.bb-card p{line-height:1.7;margin:0 0 18px}.bb-card a{font-size:.88rem;text-underline-offset:5px}.bb-demo{background:var(--night);color:var(--paper)}.bb-demo .bb-intro{color:#cbd5ce}.bb-before-after{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:30px 0}.bb-sheet{padding:28px;border:1px solid #7ba7a6;border-radius:var(--radius);background:#13211e}.bb-sheet pre{white-space:pre-wrap;overflow-wrap:anywhere;color:#d9bd7a;line-height:1.8}.bb-sheet dl{line-height:1.8}.bb-sheet dd{margin:0 0 16px;font-size:1.1rem}.bb-sheet dt{color:var(--steel);font-size:.85rem}.bb-steps{display:flex;flex-wrap:wrap;gap:12px;list-style:none;padding:0}.bb-steps li{padding:12px 18px;border:1px solid #7ba7a6;border-radius:4px}.bb-demo button{padding:12px 18px;background:transparent;color:inherit;border:1px solid var(--steel);border-radius:4px;font:inherit;cursor:pointer}.bb-note{font-size:.85rem;line-height:1.7}.bb-method{display:grid;grid-template-columns:1.2fr 1fr;gap:60px}.bb-method p,.bb-method li{line-height:1.8}.bb-method li{margin-bottom:16px}.bb-enter{animation:bb-enter .5s both}@keyframes bb-assemble{0%{opacity:0;transform:translateY(25px)}60%,100%{opacity:1;transform:none}}@keyframes bb-connect{0%,25%{stroke-dashoffset:300;opacity:0}80%,100%{stroke-dashoffset:0;opacity:1}}@keyframes bb-step{0%,15%{background:#13211e}30%,75%{background:#465534}100%{background:#13211e}}@keyframes bb-enter{from{transform:translateY(10px)}to{transform:none}}.bb-page :focus-visible{outline:3px solid #b28137;outline-offset:5px}@media(max-width:900px){.bb-wrap{width:calc(100% - 56px)}.bb-hero-grid{grid-template-columns:1fr}.bb-art{max-width:520px;margin:auto;width:100%}.bb-hero{padding-top:24px}.bb-breadcrumb{margin-bottom:24px}.bb-method{grid-template-columns:1fr;gap:15px}}@media(max-width:540px){.bb-wrap{width:calc(100% - 40px)}.bb-hero h1{font-size:2.65rem}.bb-art{max-width:340px}.bb-grid,.bb-before-after{grid-template-columns:1fr}.bb-section{padding:48px 0}.bb-card,.bb-sheet{padding:22px}.bb-actions{flex-direction:column;align-items:stretch}.bb-actions a{text-align:center}.bb-page .site-footer{padding-bottom:100px}}@media(prefers-reduced-motion:reduce){.bb-page *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.bb-hero{overflow:hidden;--sweep-color:var(--signal)}.bb-offscreen *{animation-play-state:paused!important}
.bb-page .bb-card{background:var(--night-soft);color:var(--paper);border-color:rgba(123,167,166,.35)}.bb-family>h3{color:#b4c9ba;border-color:rgba(123,167,166,.35)}.bb-page .bb-actions .primary,.bb-page .bb-section .button.primary{background:var(--signal);color:var(--night);border:1px solid var(--signal)}.bb-page .bb-section{border-color:rgba(123,167,166,.25)}
.bb-art-caption{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 12px;margin-top:12px}.bb-art-caption p{font-size:.9rem;letter-spacing:.06em;color:var(--steel);margin:0}.bb-hero-replay{font:inherit;font-size:.8rem;color:var(--paper);border:1px solid rgba(123,167,166,.4);border-radius:4px;background:transparent;padding:10px 14px;cursor:pointer}.bb-hero-replay:hover{background:var(--night-soft)}.bb-hero-replay{width:44px;height:44px;padding:0;display:grid;place-items:center;flex-shrink:0}.bb-hero-replay[hidden]{display:none}.bb-hero-replay span{font-size:1.6rem;line-height:1}.bb-playing .bb-module{animation:bb-dock 4.8s cubic-bezier(.22,.7,.2,1) both;animation-delay:calc(var(--i)*70ms)}.bb-playing .bb-flow{stroke-dasharray:1;animation:bb-trace 4.8s both;animation-delay:calc(var(--i)*70ms)}.bb-playing .bb-core{transform-origin:300px 230px;animation:bb-build 4.8s both}.bb-playing .bb-halo{transform-origin:300px 230px;animation:bb-seal 4.8s both}.bb-playing .bb-output{animation:bb-result 4.8s both}.bb-replaying .bb-steps li{animation:bb-step 3.6s both;animation-delay:calc(var(--i)*.8s)}@keyframes bb-dock{0%{opacity:0;transform:translate(var(--dx),var(--dy))}12%,28%{opacity:1;transform:translate(var(--dx),var(--dy))}68%,100%{opacity:1;transform:translate(0,0)}}@keyframes bb-trace{0%,18%{opacity:0;stroke-dashoffset:1}38%{opacity:1;stroke-dashoffset:0}78%,100%{opacity:.35;stroke-dashoffset:0}}@keyframes bb-build{0%,42%{opacity:0;transform:scale(.65)}77%{opacity:1;transform:scale(1.05)}100%{opacity:1;transform:scale(1)}}@keyframes bb-seal{0%,55%{opacity:0;transform:scale(.75)}90%,100%{opacity:1;transform:scale(1)}}@keyframes bb-result{0%,75%{opacity:0;transform:translateX(-12px)}100%{opacity:1;transform:none}}.bb-page #contact{scroll-margin-top:85px}.bb-page #contact .contact-card{min-width:0}.bb-page #contact h2{font-size:clamp(2rem,3vw,3rem)}@media(max-width:540px){.bb-art-caption{flex-direction:column;align-items:center}.bb-page #contact .section-inner{padding-inline:20px}}
.bb-hero-bg{position:absolute;inset:0;display:block;pointer-events:none}.bb-hero-bg img{width:100%;height:100%;object-fit:cover;object-position:65% 50%}.bb-hero-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,18,16,.28),rgba(10,18,16,.48) 62%,rgba(10,18,16,.38)),linear-gradient(0deg,#0a1210 0%,transparent 32%)}.bb-hero>.bb-wrap{position:relative;z-index:1}.bb-hero .bb-hero-replay{background:rgba(10,18,16,.7)}@media(max-width:540px){.bb-hero-bg img{object-position:50% 50%}.bb-hero-bg:after{background:linear-gradient(180deg,rgba(10,18,16,.82),rgba(10,18,16,.65) 55%,rgba(10,18,16,.72)),linear-gradient(0deg,#0a1210,transparent 30%)}}