.bb-page{--bb-night:#071c2c;--bb-dark:#0b2a3e;--bb-copper:#c79569;--bb-red:#9e4a44;--bb-green:#23796a;--bb-soft:#edf6f2;padding-bottom:70px}
.bb-page :is(h1,h2,h3){letter-spacing:-.045em}.bb-page button{color:inherit}.bb-page .bb-kicker{font-size:12px;font-weight:750;letter-spacing:.16em;color:#8e5838;text-transform:uppercase;margin:0 0 13px}
.bb-hero{min-height:490px;display:grid;grid-template-columns:minmax(0,1.13fr) minmax(300px,.87fr);gap:25px;align-items:center;border-radius:20px;background:radial-gradient(ellipse at 78% 40%,#205272 0,#102e42 35%,#061b2a 76%);color:#f7f9fa;overflow:hidden;padding:62px clamp(25px,5vw,75px);position:relative}
.bb-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#051a29 0%,transparent 48%);pointer-events:none}.bb-hero-copy{position:relative;z-index:2;max-width:660px}.bb-hero .bb-kicker{color:#e2b78b}.bb-hero h1{font-size:clamp(3rem,6vw,6.3rem);line-height:.99;margin:0 0 25px;color:white}.bb-hero-copy>p:not(.bb-kicker){font-size:clamp(18px,1.5vw,22px);line-height:1.55;color:#d7e6ec;max-width:600px}
.bb-start{display:inline-flex;gap:24px;align-items:center;border:1px solid #94bfcf;background:#effbff;color:#092d42!important;border-radius:8px;padding:11px 19px;margin-top:26px;font-weight:700;min-height:48px}.bb-start:hover{background:white}.bb-start span{font-size:23px;line-height:1}
.bb-hero-art{position:relative;height:360px;display:grid;place-items:center;z-index:1;isolation:isolate}.bb-orbit{position:absolute;border:1px solid #d1e5e85c;border-radius:50%;width:355px;height:240px;transform:rotate(-26deg)}.bb-orbit-two{width:370px;height:170px;transform:rotate(32deg);border-color:#aecccf55}
.bb-cube{width:215px;height:215px;border:2px solid #cfa87d;transform:rotate(-12deg) skew(-6deg,-4deg);display:grid;place-items:center;background:linear-gradient(145deg,#152d37,#020a12 65%);box-shadow:25px 25px 0 #03121b,30px 30px 1px #c89e7270,0 0 70px #56abc243}.bb-cube:before{content:"";position:absolute;inset:16px;border:1px solid #dfb68b77}.bb-cube span{transform:rotate(12deg) skew(6deg,4deg);letter-spacing:.24em;color:#f1cbaa;font-size:27px;font-weight:750}.bb-art-in,.bb-art-out{position:absolute;font-size:11px;letter-spacing:.2em;font-weight:700;color:#c1dfe5}.bb-art-in{top:18px;left:1%}.bb-art-out{bottom:13px;right:2%}
.bb-explain{display:grid;grid-template-columns:.85fr 1.15fr;gap:7%;padding:70px 0 55px;border-bottom:1px solid #d7e4e9}.bb-section-lead h2,.bb-section-head h2{font-size:clamp(2rem,3.25vw,3.5rem);line-height:1.08}.bb-explain>div:last-child{max-width:720px;font-size:19px;line-height:1.7}.bb-explain .bb-muted{font-size:14px;color:#587083;line-height:1.65;margin-top:14px}
.bb-lab,.bb-personality,.bb-catalog,.bb-responses{padding:74px 0 35px;scroll-margin-top:105px}.bb-section-head{max-width:900px;margin-bottom:30px}.bb-section-head h2{margin:0 0 15px}.bb-section-head>p:last-child{font-size:18px;line-height:1.6;color:#526c7c;max-width:760px}
.bb-lab-layout{display:grid;grid-template-columns:minmax(220px,.34fr) minmax(0,.66fr);gap:17px;align-items:stretch}.bb-controls{border:1px solid #d2e1e8;background:#f2f7f9;padding:27px;border-radius:13px}.bb-controls label,.bb-control-label{display:block;font-size:14px;font-weight:750;margin-bottom:9px!important}.bb-controls select{width:100%;min-height:49px;padding:10px 13px;border-radius:7px;border:1px solid #b8cbd4;background:white;color:#0d3044}.bb-control-label{margin-top:28px!important}.bb-filter-buttons{display:grid;gap:9px}.bb-filter-buttons button{display:flex;flex-direction:column;align-items:flex-start;text-align:left;line-height:1.2;gap:4px;border:1px solid #cddde4;border-radius:8px;background:white;padding:13px 16px;min-height:65px;font-size:16px;font-weight:750}.bb-filter-buttons button small{font-size:12px;color:#607685;font-weight:500}.bb-filter-buttons [aria-pressed=true]{background:#0b334a;color:white;border-color:#0b334a}.bb-filter-buttons [aria-pressed=true] small{color:#d0e3eb}
.bb-output{border:1px solid #d0dfe6;background:#fff;border-radius:13px;padding:clamp(19px,2.5vw,32px);box-shadow:0 15px 35px #0b2e450b}.bb-flow{display:grid;grid-template-columns:minmax(0,1fr) 16px minmax(0,1fr) 16px minmax(0,1fr);gap:9px;align-items:stretch}.bb-flow>div{min-height:165px;border:1px solid #d8e5eb;border-radius:9px;padding:19px 17px;background:#f4f8fa}.bb-flow>div>span,.bb-view span,.bb-action span{display:block;font-size:10px;letter-spacing:.12em;font-weight:800;color:#5a7483;margin-bottom:16px}.bb-flow strong{font-size:17px;line-height:1.4;font-weight:650}.bb-flow-arrow{align-self:center;color:#8da5b1;font-size:20px}.bb-flow .bb-blackbox{background:#0b2435;border-color:#0b2435;color:#fff}.bb-flow .bb-blackbox span{color:#a4cfda}.bb-output[data-tone=fear] .bb-blackbox{background:#522a30;border-color:#522a30}.bb-output[data-tone=balanced] .bb-blackbox{background:#164c49;border-color:#164c49}
.bb-view{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:16px 0}.bb-view>div{background:#f1f6f7;border-radius:8px;padding:16px 19px;min-height:118px}.bb-view span{margin:0 0 6px}.bb-view p{font-size:15px;line-height:1.55;margin:0}.bb-check{background:#edf5f1;border-left:3px solid #23796a;padding:13px 18px;border-radius:5px;font-size:15px;line-height:1.6;margin:0!important}
.bb-personality{border-top:1px solid #d7e4e9;margin-top:45px}.bb-persona-controls{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}.bb-persona-controls button,.bb-tab{border:1px solid #c8dbe2;border-radius:100px;background:#fff;padding:8px 16px;min-height:42px;font-size:14px}.bb-persona-controls [aria-pressed=true],.bb-tab[aria-pressed=true]{background:#10394c;color:#fff;border-color:#10394c}
.bb-triangle-pair{display:grid;grid-template-columns:1fr 1fr;gap:15px}.bb-triangle-card{border:1px solid #d5e1e5;background:#fff;border-radius:13px;padding:25px;overflow:hidden}.bb-triangle-card.negative{background:#fffaf8;border-color:#ead5cf}.bb-triangle-card.balanced{background:#f7fdfb;border-color:#cbe4d8}.bb-card-kicker{font-size:11px;letter-spacing:.12em;font-weight:800;color:#a65c50;margin-bottom:8px!important}.balanced .bb-card-kicker{color:#226d5c}.bb-triangle-card h3{font-size:22px;min-height:50px}
.bb-triangle{height:310px;position:relative;margin:8px auto 16px;max-width:520px}.bb-triangle:before,.bb-triangle:after{content:"";position:absolute;clip-path:polygon(50% 4%,99% 94%,1% 94%);inset:25px 15px 15px;background:#bd8b81}.bb-triangle:after{inset:28px 18px 18px;background:#fffaf8}.balanced .bb-triangle:before{background:#65a792}.balanced .bb-triangle:after{background:#f7fdfb}
.bb-node{position:absolute;z-index:1;border:1px solid #dbb7ae;border-radius:9px;background:white;padding:10px 12px;box-shadow:0 7px 15px #2e35400c;width:43%;min-height:91px}.balanced .bb-node{border-color:#a9d5c4}.bb-node.belief{top:0;left:18%;width:64%;text-align:center}.bb-node.emotion{bottom:0;left:0}.bb-node.thought{bottom:0;right:0}.bb-node span{display:block;color:#a65346;font-size:10px;font-weight:800;letter-spacing:.12em;margin-bottom:5px}.balanced .bb-node span{color:#236e5a}.bb-node strong{display:block;font-size:14px;font-weight:650;line-height:1.35}.bb-action{padding:16px 18px;background:#f5eae7;border-radius:8px}.balanced .bb-action{background:#e9f6ef}.bb-action span{margin-bottom:5px}.bb-action p{margin:0;font-size:15px}.bb-triangle-note{font-size:14px;color:#567181;margin-top:18px!important}
.bb-catalog{border-top:1px solid #d7e4e9;margin-top:45px}.bb-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.bb-count{font-size:13px;color:#637989;margin:0 0 13px!important}.bb-tactics{display:grid;grid-template-columns:1fr 1fr;gap:9px 13px}.bb-tactic{border:1px solid #d5e2e7;border-radius:8px;background:white;overflow:hidden}.bb-tactic summary{display:flex;align-items:center;gap:15px;padding:13px 16px;list-style:none;cursor:pointer;font-size:16px;font-weight:650;line-height:1.35;min-height:57px}.bb-tactic summary::-webkit-details-marker{display:none}.bb-tactic summary:hover{background:#f4f9fa}.bb-tactic[open] summary{background:#edf6f5}.bb-tactic p{font-size:14px;line-height:1.55;padding:0 16px 17px 54px;margin:0!important;color:#496172}.bb-number{font-size:12px;letter-spacing:.04em;color:#8b6756;font-weight:800;flex-shrink:0}.bb-plus{margin-left:auto;color:#50768a;font-size:22px;font-weight:400;line-height:1}.bb-tactic[open] .bb-plus{transform:rotate(45deg)}
.bb-responses{padding-bottom:15px}.bb-response-details{border:1px solid #c5ddd5;background:#f5faf7;border-radius:12px;padding:21px 26px}.bb-response-details summary{cursor:pointer;font-size:18px;font-weight:700;display:flex;justify-content:space-between;gap:15px;list-style:none}.bb-response-details summary::-webkit-details-marker{display:none}.bb-response-details ol{list-style:none;margin:22px 0 0;padding:0;columns:2;column-gap:45px}.bb-response-details li{break-inside:avoid;padding:9px 0;border-top:1px solid #d7e8e0;font-size:15px;line-height:1.45}.bb-response-details li span{display:inline-block;width:39px;color:#23796a;font-size:12px;font-weight:750;vertical-align:top;padding-top:3px}.bb-next{display:grid;grid-template-columns:1fr auto;gap:25px;align-items:center;background:#082b40;border-radius:14px;color:white;padding:35px;margin-top:38px}.bb-next .bb-kicker{color:#a7c9c7}.bb-next h3{font-size:26px;color:white;margin-bottom:9px}.bb-next p{color:#d0e3e9;font-size:15px;max-width:620px}.bb-next>div:last-child{display:grid;gap:8px}.bb-next a{color:#082b40;background:#e5f8ee;border-radius:7px;padding:12px 17px;font-weight:700;min-width:235px;text-align:center}.bb-next a:hover{background:white;color:#082b40}.bb-source{border-top:1px solid #d7e4e9;margin-top:35px;padding-top:22px;color:#607685;font-size:13px;line-height:1.6}
@media(max-width:1050px){.bb-lab-layout{grid-template-columns:1fr}.bb-controls{display:grid;grid-template-columns:1fr 2fr;column-gap:20px}.bb-controls label{grid-column:1}.bb-controls select{grid-column:1}.bb-control-label{grid-column:2;grid-row:1;margin:0 0 9px!important}.bb-filter-buttons{grid-column:2;grid-row:2;grid-template-columns:repeat(3,1fr)}.bb-filter-buttons button{font-size:14px}.bb-triangle-card{padding:18px}.bb-node strong{font-size:12px}}
@media(max-width:760px){.bb-hero{grid-template-columns:1fr;min-height:0;padding:45px 24px}.bb-hero:after{background:linear-gradient(#061b2ac9,transparent)}.bb-hero-art{height:260px;opacity:.8}.bb-cube{width:155px;height:155px;box-shadow:16px 16px 0 #03121b,20px 20px 1px #c89e7270}.bb-cube span{font-size:21px}.bb-orbit{width:270px;height:165px}.bb-orbit-two{width:280px;height:135px}.bb-explain{grid-template-columns:1fr;gap:20px;padding:48px 0}.bb-explain>div:last-child{font-size:16px}.bb-lab,.bb-personality,.bb-catalog,.bb-responses{padding:50px 0 20px}.bb-section-head>p:last-child{font-size:16px}.bb-triangle-pair{grid-template-columns:1fr}.bb-node strong{font-size:14px}.bb-triangle{max-width:530px}.bb-tactics{grid-template-columns:1fr}.bb-response-details ol{columns:1}.bb-next{grid-template-columns:1fr}}
@media(max-width:580px){.bb-hero h1{font-size:clamp(2.8rem,12vw,4.1rem)}.bb-hero-art{height:210px}.bb-hero-copy>p:not(.bb-kicker){font-size:17px}.bb-controls{display:block;padding:18px}.bb-control-label{margin:25px 0 9px!important}.bb-filter-buttons{grid-template-columns:1fr}.bb-filter-buttons button{min-height:54px}.bb-flow{grid-template-columns:1fr;gap:7px}.bb-flow>div{min-height:0;padding:13px 15px}.bb-flow>div>span{margin-bottom:4px}.bb-flow strong{font-size:16px}.bb-flow-arrow{justify-self:center;transform:rotate(90deg);line-height:1}.bb-view{grid-template-columns:1fr}.bb-view>div{min-height:0}.bb-triangle-card h3{min-height:0}.bb-triangle{height:335px}.bb-triangle:before{inset:35px 8px 23px}.bb-triangle:after{inset:38px 11px 26px}.bb-node{width:47%;min-height:110px;padding:9px}.bb-node.belief{width:72%;left:14%}.bb-node strong{font-size:12px}.bb-action p{font-size:14px}.bb-response-details{padding:18px}.bb-response-details summary{font-size:16px}.bb-next{padding:25px}.bb-next a{min-width:0}.bb-art-in,.bb-art-out{font-size:9px}}
@media(prefers-reduced-motion:reduce){.bb-page *{animation:none!important;scroll-behavior:auto!important;transition:none!important}}