/* Bloop reference reconstruction; the existing Capstan header and dashboard are retained. */
.bl-page{background:#fff;color:#17385f;font-family:'DM Sans',sans-serif;overflow:hidden}.bl-page h1,.bl-page h2,.bl-page h3,.bl-page h4{font-family:'DM Sans',sans-serif;font-weight:500;letter-spacing:-.055em}.bl-page h1{font-size:clamp(48px,5vw,74px);line-height:1.04}.bl-page h2{font-size:clamp(36px,3.5vw,53px);line-height:1.06}.bl-page h3{font-size:clamp(24px,2vw,31px);line-height:1.15}.bl-page p{line-height:1.55;color:#617a8c}.bl-wrap{width:min(1248px,calc(100% - 9%));margin:0 auto}.bl-section{padding:128px 0}.bl-heading{max-width:780px;margin-bottom:60px}.bl-heading p{font-size:20px;margin-top:22px;max-width:760px}.bl-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.bl-button{display:inline-flex;align-items:center;justify-content:center;min-height:54px;border-radius:50px;background:#17385f;color:white;padding:0 28px;font-size:14px;transition:transform .2s ease,background .2s ease}.bl-button:hover{transform:translateY(-2px);background:#23527c}.bl-button.light{background:#edf5f9;color:#17385f}.bl-button.light:hover{background:#d8eefa}.bl-hero{padding:100px 0 80px}.bl-hero-grid{min-height:590px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:25px}.bl-hero-copy{max-width:600px}.bl-hero-copy h1{font-size:clamp(53px,5vw,74px)}.bl-hero-copy p{font-size:20px;line-height:1.55;margin:22px 0 35px;max-width:600px}.bl-hero-art{height:570px;position:relative;display:grid;place-items:center}.bl-glow{position:absolute;width:85%;height:85%;background:radial-gradient(ellipse,#b7eaff 0%,#d8f3ff 30%,transparent 70%);filter:blur(17px)}.bl-hero-character{position:relative;border:0;background:none;width:74%;height:78%;padding:0;cursor:pointer;z-index:2;translate:var(--look-x,0) var(--look-y,0);transition:translate .45s ease-out;animation:bl-idle 4s ease-in-out infinite}.bl-hero-character img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 14px 8px #769aab40)}.bl-hero-character.jump{animation:bl-jump .65s cubic-bezier(.23,1,.32,1)}.bl-floating{position:absolute;background:#17385f;color:#fff;border-radius:40px;display:flex;align-items:center;gap:12px;padding:8px 20px 8px 8px;font-size:13px;z-index:3;box-shadow:0 8px 18px #3b617c22;animation:bl-float 4s ease-in-out infinite}.bl-floating i{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#d4efff,#a9e4db);font-style:normal;color:#17385f;font-size:20px}.bl-floating small{display:block;font-size:11px;color:#c6d7e1;margin-top:4px}.bl-float-one{top:8%;right:0}.bl-float-two{top:30%;left:0;animation-delay:-2s}.bl-chat{position:absolute;right:0;bottom:2%;width:245px;border-radius:20px;background:white;padding:12px;box-shadow:0 18px 40px #739cb040;z-index:3;display:grid;gap:7px;animation:bl-float 4.5s -1s ease-in-out infinite}.bl-chat span,.bl-chat b{font-size:11px;font-weight:400;padding:10px;border-radius:10px;background:#eff5f7}.bl-chat b{background:#17385f;color:#fff;line-height:1.4}.bl-integrations{padding:30px 0 15px}.bl-integrations p{text-align:center;font-size:11px;font-weight:700;letter-spacing:.08em;color:#8196a3;margin-bottom:15px}.bl-marquees{border-radius:26px;overflow:hidden;background:#f1f7fa;padding:14px;display:grid;gap:10px}.bl-marquees>div{display:flex;gap:10px;width:max-content;animation:bl-marquee 30s linear infinite}.bl-marquees>div:nth-child(2){animation-direction:reverse}.bl-pill{display:inline-flex;align-items:center;justify-content:center;background:white;border-radius:99px;padding:13px 22px;font-size:13px;color:#557184;white-space:nowrap}.bl-marquees .bl-pill{min-width:155px}.bl-integrations small{display:block;text-align:center;color:#8ca2af;margin-top:10px;font-size:10px}.bl-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.bl-feature{display:block;position:relative;min-height:435px;padding:32px;border-radius:28px;overflow:hidden;transition:transform .3s ease}.bl-feature:hover{transform:translateY(-5px)}.bl-feature.blue,.bl-tool-image.blue,.bl-detail-hero.blue,.bl-principle-grid .blue{background:#d6efff}.bl-feature.mint,.bl-tool-image.mint,.bl-detail-hero.mint,.bl-principle-grid .mint{background:#d6f2ed}.bl-feature.peach,.bl-tool-image.peach,.bl-detail-hero.peach,.bl-principle-grid .peach{background:#fce5da}.bl-feature p{font-size:15px;max-width:230px;margin-top:12px}.bl-feature-mini{background:white;border-radius:17px;padding:16px;display:grid;gap:8px;font-size:12px;width:180px;margin-top:30px;box-shadow:0 10px 20px #7495a020}.bl-feature-mini span{color:#8296a2}.bl-card-link{position:absolute;bottom:30px;left:30px;display:inline-block;background:#fff;border-radius:30px;padding:13px 17px;font-size:12px;z-index:3}.bl-feature>.bl-mascot{position:absolute;right:-5%;bottom:-7%;width:53%;height:56%;object-fit:contain;transition:transform .5s cubic-bezier(.23,1,.32,1)}.bl-feature:hover>.bl-mascot{transform:translateY(-12px) rotate(-4deg)}.bl-timeline,.bl-pricing-section,.bl-faq{background:#f1f6f8}.bl-stepper{display:grid;grid-template-columns:repeat(4,1fr);margin:70px 0 30px}.bl-step{position:relative;border:0;background:none;text-align:left;color:#17385f;padding:22px 10px 0 0}.bl-step:before{content:'';position:absolute;top:5px;left:5px;right:0;height:2px;background:#c8dbe3}.bl-step i{display:block;position:absolute;top:0;left:0;width:12px;height:12px;border-radius:50%;background:#c8dbe3;z-index:1}.bl-step.active i{background:#58b8e9}.bl-step.active:before{background:#78cbed}.bl-step b{display:block;font-size:16px}.bl-step span{display:block;font-size:12px;color:#8298a6;margin-top:6px}.bl-step-content{background:#fff;border-radius:28px;padding:20px;min-height:400px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:30px}.bl-step-content>div:first-child{padding:35px 20px}.bl-step-content small,.bl-window small{font:11px monospace;letter-spacing:.06em;color:#7692a3}.bl-step-content h3{margin:20px 0 15px}.bl-step-content p{font-size:16px;max-width:420px}.bl-step-visual{background:#d7efff;min-height:360px;border-radius:20px;display:grid;place-items:center;padding:30px}.bl-window{background:#fff;padding:25px;border-radius:20px;box-shadow:0 14px 32px #83a9bb33;width:min(100%,420px);display:grid;gap:12px}.bl-window>span,.bl-window #bl-step-items span{background:#f1f6f8;padding:14px;border-radius:12px;font-size:13px;display:block}.bl-window #bl-step-items{display:grid;gap:9px}.bl-window span b{float:right;color:#4aa8d3}.bl-replay{background:#102a43;color:#f2faff}.bl-replay p{color:#bdd2df}.bl-replay-grid{display:grid;grid-template-columns:2fr 1fr;gap:16px}.bl-terminal,.bl-replay-list{background:#19364e;border-radius:24px;padding:25px;min-height:390px}.bl-terminal small,.bl-replay-list small{font:11px monospace;color:#92afbf}.bl-terminal-message{display:grid;gap:12px;margin-top:34px;max-width:520px}.bl-terminal-message span,.bl-terminal-message b{background:#23445e;border-radius:14px;padding:16px;font-size:14px;font-weight:400}.bl-terminal-message b{background:#a8dcf4;color:#17385f}.bl-replay-list{display:grid;align-content:start;gap:10px}.bl-replay-list button{border:0;border-radius:12px;background:#25445a;color:#d9e9f0;text-align:left;padding:14px;font-size:12px}.bl-replay-list button.active{background:white;color:#17385f}.bl-replay-list button b,.bl-replay-list button span{display:block}.bl-replay-list button span{opacity:.7;margin-top:5px}.bl-metric-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px}.bl-metric-pair div{background:#25445a;border-radius:12px;padding:15px}.bl-metric-pair strong{display:block;font-size:26px;font-weight:400}.bl-metric-pair span{font-size:10px;color:#b4cbd8}.bl-motion-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:16px}.bl-motion-mascot{position:relative;min-height:390px;background:#d7efff;border-radius:25px;overflow:hidden;display:grid;place-items:center}.bl-motion-mascot img{height:320px;max-width:80%;object-fit:contain;animation:bl-idle 4s ease-in-out infinite}.bl-motion-mascot span{position:absolute;background:white;padding:9px 15px;border-radius:30px;font-size:11px;animation:bl-float 4s ease-in-out infinite}.bl-motion-mascot span:nth-child(2){top:12%;left:14%}.bl-motion-mascot span:nth-child(3){top:25%;right:10%;animation-delay:-1s}.bl-motion-mascot span:nth-child(4){bottom:15%;left:10%;animation-delay:-2s}.bl-motion-mascot span:nth-child(5){bottom:12%;right:14%;animation-delay:-3s}.bl-motion-info{display:grid;grid-template-columns:1fr 1fr;gap:16px}.bl-motion-info div{background:#d7f2ed;border-radius:25px;padding:30px}.bl-motion-info div:nth-child(2){background:#e4eafd}.bl-motion-info div:nth-child(3){background:#fce5da;grid-column:1/-1}.bl-motion-info strong{font-size:32px;font-weight:500}.bl-motion-info p{font-size:13px;margin-top:12px}.bl-key{display:flex;gap:20px;margin-top:20px;font-size:11px;color:#809ba9}.bl-key span:nth-child(1){color:#55a9d5}.bl-key span:nth-child(2){color:#5cbfae}.bl-key span:nth-child(3){color:#e6a390}.bl-plans{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.bl-plans article{position:relative;background:white;border:1px solid #e5eef2;border-radius:26px;padding:32px;display:flex;flex-direction:column;min-height:470px}.bl-plans article.featured{background:#17385f;color:white}.bl-plans article.featured p{color:#c1d9e4}.bl-plans h3{font-size:26px}.bl-plans p{font-size:13px;margin:10px 0 26px}.bl-price{background:#f1f6f8;border-radius:16px;padding:20px;display:grid;gap:6px}.bl-price strong{font-size:clamp(29px,3vw,42px);font-weight:500;letter-spacing:-.05em}.bl-price small{font-size:11px;color:#8aa0ac}.featured .bl-price{background:#2c4c68}.bl-plans ul{padding:0;list-style:none;display:grid;gap:14px;margin:26px 0;font-size:13px}.bl-plans li:before{content:'✓';margin-right:10px;color:#6ab9dc}.bl-plans .bl-button{margin-top:auto;width:100%;font-size:12px}.featured .bl-button{background:#d6efff;color:#17385f}.bl-plans .bl-mascot{position:absolute;right:10%;top:-75px;width:120px;height:120px;object-fit:contain}.bl-fine{font-size:11px;margin-top:16px;color:#839aa7}.bl-plan-note{margin-top:24px;border-radius:24px;background:#d8f0ff;display:flex;align-items:center;gap:20px;padding:24px}.bl-plan-note b{font-size:16px}.bl-plan-note span{font-size:13px;color:#7193a6}.bl-plan-note a{margin-left:auto}.bl-use-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.bl-use-grid a{border:1px solid #deebf0;border-radius:24px;padding:25px;min-height:250px;display:flex;flex-direction:column;transition:transform .2s}.bl-use-grid a:hover{transform:translateY(-5px)}.bl-use-grid a:nth-child(2){background:#d7f2ed}.bl-use-grid a:nth-child(3){background:#fce5da}.bl-use-grid span{font-size:10px;letter-spacing:.1em;color:#7794a3}.bl-use-grid h3{margin:20px 0 10px}.bl-use-grid p{font-size:13px}.bl-use-grid b{font-size:11px;font-weight:600;margin-top:auto}.bl-center{text-align:center;margin-top:35px}.bl-faq-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:16px}.bl-faq-list{display:grid;gap:8px;align-content:start}.bl-faq-list button{display:flex;justify-content:space-between;align-items:center;text-align:left;background:white;border:0;border-radius:14px;padding:17px;color:#17385f;font-size:14px}.bl-faq-list button.active{background:#17385f;color:#fff}.bl-faq-list span{font-size:19px}.bl-answer{background:white;border-radius:24px;padding:25px;min-height:380px}.bl-answer-head{display:flex;align-items:center;gap:10px}.bl-answer-head img{width:42px;height:42px;object-fit:contain;background:#d9f0ff;border-radius:50%}.bl-answer-head b,.bl-answer-head small{display:block;font-size:11px}.bl-answer-head small{font-size:10px;color:#8ca3ae;margin-top:3px}.bl-answer-head>span{margin-left:auto;font-size:10px;color:#69ae92}.bl-question{background:#17385f;color:white;border-radius:15px;padding:15px;margin:25px 0 10px;font-size:13px}.bl-answer-copy{background:linear-gradient(110deg,#d5efff,#d5f2eb);padding:20px;border-radius:15px;font-size:14px;line-height:1.6}.bl-answer>small{display:block;color:#91a7b2;font-size:10px;margin:15px 0}.bl-answer-bottom{border-top:1px solid #e7f0f4;padding-top:18px;margin-top:24px;font-size:12px;color:#79929e}.bl-answer-bottom a{float:right;font-weight:700}.bl-end{background:#fff}.bl-end-card{width:min(1248px,calc(100% - 9%));margin:auto;min-height:300px;background:#f1f6f8;border-radius:28px;display:grid;grid-template-columns:1fr 1fr;align-items:center;overflow:hidden;padding:45px}.bl-end-card p{font-size:16px;max-width:500px;margin:18px 0 28px}.bl-end-art{height:240px;position:relative;display:grid;place-items:center;background:radial-gradient(circle,#bde9ff,transparent 65%)}.bl-end-art img{height:100%;max-width:100%;object-fit:contain;animation:bl-idle 4s ease-in-out infinite}
.bl-footer{background:#edf6fa;color:#17385f;padding:70px 4.5% 25px;overflow:hidden}.bl-footer-grid{max-width:1248px;margin:auto;display:grid;grid-template-columns:3fr 1fr 1fr 1fr;gap:30px}.bl-footer-grid p{color:#7593a3;font-size:13px;line-height:1.6;margin-top:15px}.bl-footer-grid>div:not(:first-child){display:flex;flex-direction:column;align-items:start;gap:12px;font-size:13px}.bl-footer-grid b{font-size:11px;text-transform:uppercase;letter-spacing:.1em;margin-bottom:5px}.bl-footer-grid button{border:0;background:none;padding:0;color:inherit}.bl-wordmark{max-width:1248px;margin:75px auto 0;position:relative;font:1000 clamp(80px,18vw,255px)/.75 Nunito;letter-spacing:-.09em;color:#b2dbea}.bl-wordmark img{position:absolute;width:15%;height:100%;object-fit:contain;right:5%;bottom:25%;animation:bl-idle 4s ease-in-out infinite}.bl-foot-bottom{max-width:1248px;margin:30px auto 0;border-top:1px solid #c6e0eb;padding-top:20px;display:flex;justify-content:space-between;font-size:11px;color:#7c9aa8}.bl-page-head{padding-top:125px;padding-bottom:75px}.bl-page-head h1{max-width:850px}.bl-page-head>.bl-wrap>p{max-width:740px;font-size:20px;margin-top:24px}.bl-back{display:inline-block;color:#7895a5;font-size:12px;margin-bottom:30px}.bl-tool-list{padding-top:0}.bl-tool-row{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;margin-bottom:80px}.bl-tool-row:nth-child(even) .bl-tool-image{order:2}.bl-tool-image{height:480px;border-radius:28px;position:relative;overflow:hidden;display:grid;place-items:center}.bl-tool-image>.bl-mascot{position:absolute;bottom:-5%;left:0;width:55%;height:80%;object-fit:contain;animation:bl-idle 4s ease-in-out infinite}.bl-tool-image .bl-window{position:absolute;right:6%;top:15%;width:52%;z-index:1}.bl-tool-copy h2{font-size:40px}.bl-tool-copy>p{font-size:16px;margin:15px 0 25px}.bl-tool-copy>small{display:block;font-size:10px;letter-spacing:.1em;color:#90a8b4;margin:25px 0 10px}.bl-tool-copy>div{display:flex;flex-wrap:wrap;gap:8px}.bl-tool-copy .bl-pill{background:#edf5f8;padding:9px 12px;font-size:11px}.bl-tool-copy>a{margin-top:30px}.bl-detail-hero{height:480px;border-radius:28px;margin-top:60px;display:grid;grid-template-columns:1fr 1fr;align-items:center;overflow:hidden}.bl-detail-hero>.bl-mascot{height:100%;width:100%;object-fit:contain;animation:bl-idle 4s ease-in-out infinite}.bl-detail-message{background:#fff;border-radius:22px;margin-right:12%;padding:25px;display:grid;gap:10px;box-shadow:0 14px 30px #84aab633}.bl-detail-message small{font:10px monospace;color:#7c98a8}.bl-detail-message span,.bl-detail-message i,.bl-detail-message b{font-style:normal;font-weight:400;font-size:13px;padding:12px;background:#f1f6f8;border-radius:10px}.bl-detail-message b{background:#17385f;color:white}.bl-detail-tabs{display:grid;grid-template-columns:1fr 1.2fr;gap:16px}.bl-detail-list{display:grid;gap:8px}.bl-detail-list button{display:flex;justify-content:space-between;align-items:center;border:0;background:#fff;border-radius:14px;padding:18px;text-align:left;color:#17385f}.bl-detail-list button.active{background:#17385f;color:#fff}.bl-detail-pane{background:#d8efff;border-radius:25px;padding:35px}.bl-detail-pane>small{font:11px monospace;color:#7195a7}.bl-detail-pane h3{margin:18px 0 10px}.bl-detail-pane p{font-size:14px;margin-bottom:25px}.bl-principle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.bl-principle-grid>article{background:#fff;border:1px solid #e9f0f3;border-radius:25px;padding:12px}.bl-principle-grid>article>div{min-height:235px;border-radius:18px;padding:25px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px}.bl-principle-grid>article>div span{background:#fff;border-radius:12px;padding:12px;font-size:12px}.bl-principle-grid>article h3{font-size:23px;margin:25px 15px 12px}.bl-principle-grid>article p{font-size:13px;margin:0 15px 20px}.bl-story{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:16px;align-items:center;margin-top:80px}.bl-story-art{height:370px;border-radius:25px;background:#d6efff;position:relative;overflow:hidden}.bl-story-art.alternate{height:320px;background:#d7f2ed}.bl-story-art img{width:100%;height:100%;object-fit:contain;animation:bl-idle 4s ease-in-out infinite}.bl-story-art span{position:absolute;left:16px;bottom:16px;background:#fff;border-radius:15px;padding:12px;font-size:10px;line-height:1.5}.bl-story-copy{padding-left:40px}.bl-story-copy h3{font-size:29px}.bl-story-copy p{font-size:15px;margin-top:18px}.bl-history{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:55px}.bl-history article{background:#f1f6f8;border-radius:24px;padding:25px;min-height:170px;position:relative}.bl-history article:last-child{background:#d7efff}.bl-history article:before{content:'';position:absolute;top:-26px;left:0;right:0;border-top:2px solid #9bbbc9}.bl-history small{font:11px monospace}.bl-history h3{font-size:24px;margin:15px 0 8px}.bl-history p{font-size:13px}.bl-audience-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.bl-audience-grid article>div{height:200px;background:#e7f4fb;border-radius:22px;overflow:hidden}.bl-audience-grid article:nth-child(even)>div{background:#d7f2ed}.bl-audience-grid img{width:100%;height:100%;object-fit:contain}.bl-audience-grid h3{font-size:19px;margin:15px 0 5px}.bl-audience-grid p{font-size:12px}.bl-page-head .bl-plans{margin-top:100px}.bl-calc{display:grid;grid-template-columns:1fr 1fr;gap:16px}.bl-calc>div{background:#fff;border-radius:25px;padding:35px}.bl-calc>div:last-child{background:#d8efff}.bl-calc label,.bl-calc span{font-size:14px}.bl-calc-value,.bl-calc strong{display:block;font-size:45px;letter-spacing:-.06em;font-weight:500;margin:25px 0}.bl-calc input{width:100%;accent-color:#4fa9dc}.bl-calc small{display:block;color:#839aa7;font-size:11px;margin-top:20px}.bl-calc p{font-size:13px}.bl-receipt{max-width:560px;margin:auto;padding:35px;background:#f4f8fa;border-radius:24px}.bl-receipt h3{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.bl-receipt h3 small{font:10px monospace;letter-spacing:.1em}.bl-receipt>div{display:flex;justify-content:space-between;gap:10px;border-top:1px solid #dbe9ed;padding:14px 0;font-size:13px}.bl-receipt>div b{font-weight:600}.bl-receipt>small{font-size:10px;line-height:1.5;color:#7792a0}.bl-contact{margin-top:70px;background:#e2f3fc;border-radius:28px;padding:50px;display:grid;grid-template-columns:1fr 1fr;align-items:center}.bl-contact p{margin:20px 0 30px}.bl-contact img{width:100%;height:270px;object-fit:contain;animation:bl-idle 4s ease-in-out infinite}@keyframes bl-idle{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-10px) rotate(1deg)}}@keyframes bl-float{50%{transform:translateY(-9px)}}@keyframes bl-marquee{to{transform:translateX(-35%)}}@keyframes bl-jump{0%,100%{transform:translateY(0) scale(1)}25%{transform:translateY(4px) scale(1.05,.95)}55%{transform:translateY(-30px) scale(.97,1.03)}80%{transform:translateY(0) scale(1.03,.97)}}
@media(max-width:900px){.bl-hero-grid{grid-template-columns:1fr 1fr;min-height:480px}.bl-hero-art{height:450px}.bl-hero-copy h1{font-size:clamp(47px,6vw,65px)}.bl-hero-copy p{font-size:17px}.bl-feature{padding:24px;min-height:390px}.bl-feature h3{font-size:24px}.bl-card-link{left:20px}.bl-tool-row{gap:25px}.bl-story-copy{padding-left:15px}.bl-audience-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.bl-wrap{width:calc(100% - 40px)}.bl-section{padding:75px 0}.bl-page h1{font-size:46px}.bl-page h2{font-size:37px}.bl-hero{padding:55px 0 35px}.bl-hero-grid{display:flex;flex-direction:column;min-height:0;gap:5px}.bl-hero-copy{max-width:none}.bl-hero-copy h1{font-size:48px}.bl-hero-copy p{font-size:16px;margin:20px 0 25px}.bl-hero-art{height:390px;width:100%}.bl-hero-character{width:70%;height:85%}.bl-floating{font-size:10px;padding:6px 13px 6px 6px}.bl-floating i{width:32px;height:32px}.bl-floating small{font-size:9px}.bl-float-one{right:0;top:5%}.bl-float-two{left:0;top:30%}.bl-chat{width:180px;bottom:0}.bl-chat span,.bl-chat b{font-size:9px;padding:7px}.bl-integrations p{font-size:10px}.bl-marquees{border-radius:18px}.bl-marquees .bl-pill{min-width:110px;padding:10px}.bl-heading{margin-bottom:35px}.bl-heading p{font-size:16px;margin-top:15px}.bl-cards,.bl-plans,.bl-use-grid,.bl-principle-grid{grid-template-columns:1fr;gap:12px}.bl-feature{min-height:330px}.bl-feature>.bl-mascot{width:50%;height:65%}.bl-stepper{margin:40px 0 25px;gap:5px}.bl-step b{font-size:12px}.bl-step span{font-size:10px}.bl-step-content{grid-template-columns:1fr;gap:0}.bl-step-content>div:first-child{padding:20px 10px}.bl-step-content p{font-size:14px}.bl-step-visual{min-height:230px;padding:20px}.bl-replay-grid,.bl-motion-grid,.bl-faq-grid,.bl-end-card,.bl-calc{grid-template-columns:1fr}.bl-terminal,.bl-replay-list{min-height:0}.bl-terminal{min-height:300px}.bl-motion-mascot{min-height:300px}.bl-motion-mascot img{height:250px}.bl-motion-info div{padding:20px}.bl-plans article{min-height:380px;padding:25px}.bl-plans article.featured{margin-top:60px}.bl-plan-note{display:grid;gap:10px}.bl-plan-note a{margin:0;justify-self:start}.bl-use-grid a{min-height:205px}.bl-answer{min-height:0}.bl-end-card{padding:30px;width:calc(100% - 40px);gap:10px}.bl-end-card p{font-size:14px}.bl-end-art{height:190px}.bl-footer{padding:55px 20px 20px}.bl-footer-grid{grid-template-columns:1fr 1fr;gap:30px}.bl-footer-grid>div:first-child{grid-column:1/-1}.bl-wordmark{font-size:23vw;margin-top:65px}.bl-foot-bottom{font-size:10px}.bl-page-head{padding-top:70px;padding-bottom:55px}.bl-page-head>.bl-wrap>p{font-size:16px}.bl-tool-row{grid-template-columns:1fr;gap:25px;margin-bottom:60px}.bl-tool-row:nth-child(even) .bl-tool-image{order:0}.bl-tool-image{height:330px}.bl-tool-image .bl-window{width:58%;padding:15px}.bl-tool-copy h2{font-size:35px}.bl-detail-hero{height:330px;margin-top:35px}.bl-detail-message{padding:12px;margin-right:10px}.bl-detail-message span,.bl-detail-message i,.bl-detail-message b{font-size:10px;padding:8px}.bl-detail-tabs{grid-template-columns:1fr}.bl-story{grid-template-columns:1fr 1fr;gap:10px;margin-top:45px}.bl-story-art,.bl-story-art.alternate{height:240px}.bl-story-copy{grid-column:1/-1;padding:20px 0}.bl-history{grid-template-columns:1fr;gap:12px;margin-top:30px}.bl-history article{min-height:0}.bl-history article:before{display:none}.bl-audience-grid{gap:10px}.bl-audience-grid article>div{height:150px}.bl-page-head .bl-plans{margin-top:65px}.bl-contact{grid-template-columns:1fr;padding:25px;margin-top:40px}.bl-contact img{height:200px}}
@media(prefers-reduced-motion:reduce){.bl-page *, .bl-footer *{animation:none!important;scroll-behavior:auto!important;transition:none!important}}
.bl-venue-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.bl-venue-grid article{background:#fff;border:1px solid #e4eef2;border-radius:22px;padding:25px;min-height:180px}.bl-venue-grid small,.bl-case-story small{font:10px monospace;color:#83a0af}.bl-venue-grid h3{font-size:22px;margin:18px 0 8px}.bl-venue-grid p,.bl-venue-grid span{font-size:12px;color:#7694a2}.bl-venue-grid span{display:block;margin-top:18px}.bl-case-story{display:grid;grid-template-columns:1fr 1.2fr;gap:10%}.bl-case-story h2{margin-top:20px}.bl-case-story p{font-size:17px;margin-bottom:20px}@media(max-width:650px){.bl-venue-grid{grid-template-columns:1fr 1fr}.bl-venue-grid article{min-height:150px;padding:18px}.bl-venue-grid h3{font-size:19px}.bl-case-story{grid-template-columns:1fr;gap:25px}.bl-case-story p{font-size:15px}}
/* The existing Capstan styling now carries Bloop's menu structure. */
.site-header{position:sticky;top:0;z-index:50}.desktop-nav{position:relative}.nav-toolkit{position:relative}.nav-toolkit-toggle{display:flex;align-items:center;gap:7px;border:0;background:transparent;color:inherit;border-radius:30px;padding:10px 16px;font-size:13px;font-weight:700}.nav-toolkit-toggle:hover,.nav-toolkit-toggle[aria-expanded="true"]{background:#fff}.nav-toolkit-toggle span{font-size:16px}.nav-dropdown{position:absolute;left:0;top:calc(100% + 6px);width:285px;background:#fff;border:1px solid #dcebf3;border-radius:22px;padding:10px;box-shadow:0 12px 30px #426b8340}.nav-dropdown:before{content:'';position:absolute;left:0;right:0;top:-12px;height:12px}.desktop-nav .nav-dropdown a{display:block;border-radius:14px;padding:12px 14px;box-shadow:none}.desktop-nav .nav-dropdown a:hover{background:#ecf7fd}.nav-dropdown b,.nav-dropdown small{display:block}.nav-dropdown b{font-size:13px}.nav-dropdown small{font-size:11px;color:#7e9bab;font-weight:400;margin-top:3px}.mobile-nav details summary{padding:14px;cursor:pointer;list-style:none;font-size:14px;font-weight:800}.mobile-nav details summary::-webkit-details-marker{display:none}.mobile-nav details summary span{float:right}.mobile-nav details div{padding:0 10px 6px;display:grid}.mobile-nav details div a{font-weight:600;color:#54788e;font-size:13px;padding:11px 14px}.bl-marquees>div{animation-name:bl-marquee-exact}.bl-marquees>div:nth-child(2){animation-direction:reverse}@keyframes bl-marquee-exact{to{transform:translateX(calc(-50% - 5px))}}.bl-glow{filter:none;background:radial-gradient(ellipse,#b8e9ff 0%,#dff5ff 42%,transparent 70%)}
@media(pointer:coarse){input,select,textarea{font-size:16px!important}button,a{touch-action:manipulation}.bl-feature:hover{transform:none}.bl-feature:hover>.bl-mascot{transform:none}}@media(max-width:650px){.site-header{padding-left:max(5%,env(safe-area-inset-left));padding-right:max(5%,env(safe-area-inset-right))}.mobile-nav{max-height:calc(100dvh - 80px);overflow:auto;overscroll-behavior:contain}}
/* Bloop's mascot is a layered character: separate face, arms, feet and body. */
.bl-hero{padding:52px 0 40px}.bl-hero-grid{min-height:640px}.bl-hero-art{height:640px}.bl-hero-character{position:absolute;left:3%;top:26.6%;width:min(400px,65%);height:auto;aspect-ratio:1;animation:none;translate:none}.bl-hero-character svg{display:block;width:100%;height:100%;overflow:visible}.cap-breathe{transform-origin:50px 80px;animation:cap-sway 4.4s ease-in-out infinite}.cap-arm{transform-box:view-box}.cap-arm-left{transform-origin:25px 52px;animation:cap-arm-left 4.4s ease-in-out infinite}.cap-arm-right{transform-origin:75px 52px;animation:cap-arm-right 4.4s ease-in-out infinite}.cap-eye{transform-box:fill-box;transform-origin:center;animation:cap-blink 5.2s infinite}.cap-face{transition:transform .28s ease-out}.cap-foot{transform-box:fill-box;transform-origin:center}.bl-hero-character:hover .cap-arm-right{animation:cap-wave .6s ease-in-out infinite alternate}.bl-hero-character.jump .cap-jump{animation:cap-bounce .65s cubic-bezier(.23,1,.32,1)}.bl-float-one{top:6.25%}.bl-float-two{top:23.4%}.bl-chat{width:min(340px,55%);bottom:0}.bl-hero .bl-floating,.bl-hero .bl-chat{animation:bl-arrive .65s ease-out both}.bl-hero .bl-float-one{animation-delay:.4s}.bl-hero .bl-float-two{animation-delay:.65s}.bl-hero .bl-chat{animation-delay:.9s}@keyframes cap-sway{0%,100%{transform:rotate(-1deg) scale(1,1)}50%{transform:rotate(1deg) scale(.99,1.01)}}@keyframes cap-arm-left{0%,100%{transform:rotate(5deg)}50%{transform:rotate(-8deg)}}@keyframes cap-arm-right{0%,100%{transform:rotate(-5deg)}50%{transform:rotate(8deg)}}@keyframes cap-wave{from{transform:rotate(-10deg)}to{transform:rotate(-30deg)}}@keyframes cap-blink{0%,45%,49%,100%{transform:scaleY(1)}47%{transform:scaleY(.08)}}@keyframes cap-bounce{0%,100%{transform:translateY(0) scale(1)}20%{transform:translateY(2px) scale(1.04,.96)}55%{transform:translateY(-8px) scale(.98,1.02)}80%{transform:translateY(0) scale(1.025,.975)}}@keyframes bl-arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:900px){.bl-hero-grid{min-height:560px}.bl-hero-art{height:560px}.bl-hero-character{width:min(400px,70%);top:27%}}
@media(max-width:650px){.bl-hero{padding:55px 0 35px}.bl-hero-grid{min-height:0}.bl-hero-art{height:390px}.bl-hero-character{top:20%;left:12%;width:70%;max-width:310px}.bl-chat{width:180px;bottom:0}.bl-float-one{top:4%}.bl-float-two{top:27%}}
@media(prefers-reduced-motion:reduce){.cap-breathe,.cap-arm,.cap-eye,.cap-jump{animation:none!important}.cap-face{transition:none!important}}
.bl-motion-aware .bl-motion-zone:not(.bl-visible) .bl-mascot,.bl-motion-aware .bl-motion-zone:not(.bl-visible) .cap-breathe,.bl-motion-aware .bl-motion-zone:not(.bl-visible) .cap-arm,.bl-motion-aware .bl-motion-zone:not(.bl-visible) .cap-eye,.bl-motion-aware .bl-motion-zone:not(.bl-visible) .bl-motion-mascot span,.bl-motion-aware .bl-motion-zone:not(.bl-visible) .bl-marquees>div{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.bl-motion-aware .bl-motion-zone *{animation:none!important}}
@media(max-width:1199px){.site-header .desktop-nav,.site-header .header-cta{display:none}.site-header .menu-toggle{display:block;width:42px;height:42px;border:2px solid #fff;background:#d8effc;border-radius:50%;color:#17385f;font-size:22px}.site-header .mobile-nav{display:none;position:absolute;top:calc(100% - 5px);left:4%;right:4%;background:#fff;border-radius:22px;padding:12px;box-shadow:0 10px 25px #6293ad55;max-height:calc(100dvh - 90px);overflow:auto}.site-header .mobile-nav.open{display:grid}.site-header .mobile-nav>a{padding:14px;border-radius:12px;font-weight:800;font-size:14px}}
.bl-reveal{animation:bl-section-in .65s cubic-bezier(.23,1,.32,1) both}@keyframes bl-section-in{from{opacity:.25;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.bl-reveal{animation:none!important}}
.bl-motion-aware .bl-motion-zone.bl-motion-mascot:not(.bl-visible) span{animation-play-state:paused}
.bl-footer-grid .bl-socials{display:flex;flex-direction:row;gap:8px}.bl-socials button{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:#fff}.bl-socials svg{width:17px;height:17px}
.bl-reveal{animation-fill-mode:backwards}
@media(min-width:1200px){.site-header .desktop-nav{position:absolute;left:50%;transform:translateX(-50%);margin-left:0}}
@media(min-width:651px) and (max-width:1199px){.bl-wrap{width:calc(100% - 64px)}.bl-hero{padding:50px 0 35px}.bl-hero-grid{display:flex;flex-direction:column;align-items:stretch;gap:20px;min-height:0}.bl-hero-copy{max-width:none}.bl-hero-copy h1{font-size:clamp(48px,5.1vw,70px)}.bl-hero-copy p{max-width:none}.bl-hero-art{width:100%;height:560px}.bl-hero-character{left:23%;top:26%;width:400px;max-width:48%}.bl-float-one{right:8%}.bl-float-two{left:20%}.bl-chat{right:8%;width:min(340px,40%)}}
.bl-page [id]{scroll-margin-top:100px}
/* Shared Capstan navigation and dashboard styling retained from the previous version. */
.site-header{height:78px;background:#e6f5ff;padding:0 4%;border-bottom:1px solid #bddff3}.desktop-nav a{font-size:12px}.header-cta{background:#17385f;color:#fff;box-shadow:0 4px 0 #0c294a}.header-cta span{color:#a9dcff}.dash-shell{border-width:4px;box-shadow:0 12px 35px #6399b488}.dash-welcome{background:linear-gradient(105deg,#bde4fa,#d9f1ff 68%,#bee7fd)}.dash-welcome-mascot img{animation:dashFloat 5s ease-in-out infinite;transform-origin:50% 90%}.stat-card,.dash-panel{transition:transform .25s cubic-bezier(.23,1,.32,1),box-shadow .25s}.stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 0 #c8dce5,0 14px 18px #97b0bb44}.dash-nav.selected{color:#174768}.spotlight img{animation:dashFloat 5s .5s ease-in-out infinite}.bottom-star{animation:starPop 3s ease-in-out infinite}@keyframes dashFloat{50%{transform:translateY(-6px) rotate(2deg)}}@keyframes starPop{0%,100%{transform:scale(.8) rotate(-10deg)}50%{transform:scale(1.15) rotate(15deg)}}@media(max-width:650px){.site-header{height:70px;padding:0 5%}}
/* Reference type measurements: Wix Madefor Display, 72/79 hero and 52/60 section headings at desktop. */
.bl-page{font-family:'Wix Madefor Display',sans-serif}.bl-page h1,.bl-page h2,.bl-page h3,.bl-page h4{font-family:'Wix Madefor Display',sans-serif}.bl-hero-copy h1{font-size:clamp(53px,4.77vw,72px);line-height:1.1;letter-spacing:-.055em}.bl-hero-copy p{font-size:22px;line-height:1.5;letter-spacing:-.02em}.bl-heading h2{font-size:clamp(36px,3.44vw,52px);line-height:1.15;letter-spacing:-.05em}.bl-heading p{font-size:22px;line-height:1.5;letter-spacing:-.02em}@media(max-width:900px){.bl-hero-copy p{font-size:18px}.bl-heading p{font-size:18px}}@media(max-width:650px){.bl-hero-copy h1{font-size:48px}.bl-hero-copy p,.bl-heading p{font-size:16px}}
.bl-card-mascot{position:absolute;right:-5%;bottom:-7%;width:53%;height:56%;z-index:1;transition:transform .5s cubic-bezier(.23,1,.32,1)}.bl-card-mascot .cap-rig{width:100%;height:100%;display:block}.bl-feature:hover .bl-card-mascot{transform:translateY(-12px) rotate(-4deg)}.bl-feature:hover .cap-arm-right{animation:cap-wave .6s ease-in-out infinite alternate}@media(pointer:coarse){.bl-feature:hover .bl-card-mascot{transform:none}.bl-feature:hover .cap-arm-right{animation:cap-arm-right 4.4s ease-in-out infinite}}@media(max-width:650px){.bl-card-mascot{width:50%;height:65%}}

/* Bloop-inspired timeline, with independent Capstan scenes. */
.bl-stepper{position:relative;align-items:start;margin:70px 0 38px}
.bl-stepper:before{content:"";position:absolute;left:12.5%;right:12.5%;top:12px;height:4px;border-radius:8px;background:#d4e0df}
.bl-step{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center;gap:9px;padding:0 8px;background:transparent;border:0;cursor:pointer;color:#294c62}
.bl-step i{display:block;width:25px;height:25px;margin:0 0 7px;border:6px solid #d4e0df;border-radius:50%;background:#d4e0df;transition:background .25s,border-color .25s,box-shadow .25s}
.bl-step.active i{background:#329ee0;border-color:#329ee0;box-shadow:0 0 0 7px #c4e8fa}
.bl-step b{font-size:21px;font-weight:500}.bl-step span{font-size:13px;line-height:1.4;color:#67818d}
.bl-step:focus-visible{outline:2px solid #188bd3;outline-offset:8px;border-radius:8px}
.bl-step-content{min-height:440px;gap:0;padding:20px;background:#fff;border-radius:28px}
.bl-step-content>div:first-child{padding:clamp(24px,4vw,64px)}
.bl-step-content h3{font-size:clamp(26px,2.5vw,38px);line-height:1.1;letter-spacing:-.045em}
.bl-step-content p{font-size:17px;line-height:1.6}
.bl-step-visual{position:relative;overflow:hidden;min-height:400px;background:#cdeaff;transition:background .35s ease}
.bl-step-content[data-current="1"] .bl-step-visual{background:#d0f0e8}
.bl-step-content[data-current="2"] .bl-step-visual{background:#fbe6d8}
.bl-step-content[data-current="3"] .bl-step-visual{background:#e1e7fa}
.bl-step-visual .bl-window{position:relative;z-index:2;width:min(100%,380px);padding:30px;box-shadow:0 18px 40px #23496616}
.bl-step-visual .bl-window span{display:flex;justify-content:space-between;gap:16px;margin-top:10px;padding:13px 15px;background:#f1f7f8;border-radius:10px}
.bl-step-visual .bl-window b{color:#42a69b}.bl-step-spark{position:absolute;color:#fff9;font-size:42px;animation:cap-spark 4s ease-in-out infinite}
.bl-step-spark.spark-one{top:12%;left:9%}.bl-step-spark.spark-two{bottom:10%;right:9%;animation-delay:-2s}
@keyframes cap-spark{50%{transform:rotate(20deg) scale(1.15)}}

/* Every topic switches its own copy, colour, symbol and diagram. */
.bl-detail-pane{min-height:500px;transition:background .3s ease}
.bl-detail-pane[data-detail-state="1"]{background:#d5f0ea}.bl-detail-pane[data-detail-state="2"]{background:#fbe7db}.bl-detail-pane[data-detail-state="3"]{background:#e6e6fb}.bl-detail-pane[data-detail-state="4"]{background:#e2f0fa}
.bl-detail-pane h3{font-size:clamp(26px,3vw,38px);line-height:1.1}.bl-detail-pane p{max-width:440px;min-height:3em;line-height:1.55}
.bl-detail-list button{transition:transform .2s ease,background .2s ease,color .2s ease}.bl-detail-list button:focus-visible{outline:2px solid #188bd3;outline-offset:3px}
.bl-detail-graphic{height:245px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}
.bl-detail-symbol{position:absolute;left:4%;top:0;font-size:115px;line-height:1;color:#60b5e8;opacity:.65;animation:cap-symbol 5s ease-in-out infinite}
.bl-detail-sheet{position:relative;width:min(78%,330px);padding:23px;background:#fff;border-radius:18px;box-shadow:0 15px 36px #214a621b;transform:rotate(-3deg)}
.bl-detail-sheet small{display:block;color:#7c98a8;font:10px monospace;letter-spacing:.08em;margin-bottom:12px}.bl-detail-sheet div{display:flex;justify-content:space-between;gap:15px;background:#eff6f8;margin-top:8px;padding:10px 12px;border-radius:8px;font-size:12px}.bl-detail-sheet b{color:#54a6d4;font-size:10px}
.bl-detail-orbit{position:absolute;right:6%;bottom:12%;color:#f4b45e;font-size:35px;animation:cap-spark 4s ease-in-out infinite}
@keyframes cap-symbol{50%{transform:translateY(-8px) rotate(8deg)}}

/* Card characters have separate faces, props and timings. */
.cap-mouth-smile,.cap-brows{opacity:0}.cap-rig--markets .cap-mouth-open,.cap-rig--risk .cap-mouth-open{opacity:0}.cap-rig--markets .cap-mouth-smile,.cap-rig--risk .cap-mouth-smile,.cap-rig--risk .cap-brows{opacity:1}
.cap-rig--markets .cap-eye{transform-origin:center;animation:cap-curious 5.8s ease-in-out infinite}.cap-rig--markets .cap-prop{transform-origin:76px 51px;animation:cap-search 3.8s ease-in-out infinite}
.cap-rig--quotes .cap-breathe{animation:cap-cheer 3.6s ease-in-out infinite}.cap-rig--quotes .cap-arm-right{animation:cap-wave 1s ease-in-out infinite alternate}.cap-rig--quotes .cap-prop{transform-origin:80px 49px;animation:cap-note 3.6s ease-in-out infinite}
.cap-rig--risk .cap-breathe{animation:cap-think 5.2s ease-in-out infinite}.cap-rig--risk .cap-arm-right{animation:cap-read 4.2s ease-in-out infinite}.cap-rig--risk .cap-prop{transform-origin:79px 58px;animation:cap-read 4.2s ease-in-out infinite}
.bl-hero-character:hover .cap-mouth-open,.bl-hero-character.jump .cap-mouth-open{opacity:0}.bl-hero-character:hover .cap-mouth-smile,.bl-hero-character.jump .cap-mouth-smile{opacity:1}
@keyframes cap-curious{0%,43%,48%,100%{transform:scaleY(1)}45%{transform:scaleY(.08)}60%,75%{transform:translateX(1px)}}
@keyframes cap-search{50%{transform:translate(-3px,2px) rotate(-14deg)}}
@keyframes cap-cheer{0%,100%{transform:rotate(-2deg)}50%{transform:translateY(-2px) rotate(3deg)}}
@keyframes cap-note{50%{transform:translateY(-3px) rotate(8deg)}}
@keyframes cap-think{0%,100%{transform:rotate(1deg)}50%{transform:rotate(-4deg)}}
@keyframes cap-read{50%{transform:rotate(-10deg)}}

.bl-use-grid a{overflow:hidden;padding:0 0 25px;min-height:0;background:#f5f9fb}
.bl-use-grid a>span,.bl-use-grid a>h3,.bl-use-grid a>p,.bl-use-grid a>b{margin-left:25px;margin-right:25px}
.bl-use-grid a>span{margin-top:24px}.bl-use-grid a>b{margin-top:auto;padding-top:20px}
.bl-use-image{height:clamp(175px,18vw,240px);overflow:hidden;background:#cdeaff}.bl-use-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .55s cubic-bezier(.22,1,.36,1);filter:saturate(.8)}
.bl-use-grid a:hover .bl-use-image img,.bl-use-grid a:focus-visible .bl-use-image img{transform:scale(1.045)}
.bl-use-grid a:nth-child(2) .bl-use-image img{object-position:center 60%}
.cap-case-image{display:grid;place-items:center;background:#cdeaff;position:relative}
.bl-use-grid a:nth-child(2) .cap-case-image{background:#b7e7dd}
.bl-use-grid a:nth-child(3) .cap-case-image{background:#f9d2bf}
.cap-case-image::before,.cap-case-image::after{content:"";position:absolute;border-radius:50%;opacity:.55;pointer-events:none}
.cap-case-image::before{width:70px;height:70px;background:radial-gradient(circle,#ffffffcc,transparent 70%);top:14%;left:12%;animation:cap-case-float 6s ease-in-out infinite}
.cap-case-image::after{width:48px;height:48px;background:radial-gradient(circle,#ffffffaa,transparent 70%);bottom:16%;right:14%;animation:cap-case-float 7s ease-in-out -2s infinite}
.cap-case-num{width:62%;max-width:180px;height:auto;filter:drop-shadow(0 10px 14px #17385f28);position:relative;z-index:1}
.cap-case-num-stage{transform-origin:60px 100px;animation:cap-case-bounce 3.6s cubic-bezier(.4,0,.3,1) infinite}
.cap-case-num-shadow{transform-origin:60px 126px;animation:cap-case-shadow 3.6s cubic-bezier(.4,0,.3,1) infinite}
.cap-case-num-star{animation:cap-case-twinkle 2.4s ease-in-out infinite}
.cap-case-num-spark{animation:cap-case-twinkle 2.4s ease-in-out -1.2s infinite}
.bl-use-grid a:nth-child(2) .cap-case-num-stage{animation-delay:-1.2s}
.bl-use-grid a:nth-child(3) .cap-case-num-stage{animation-delay:-2.4s}
.bl-use-grid a:nth-child(2) .cap-case-num-shadow{animation-delay:-1.2s}
.bl-use-grid a:nth-child(3) .cap-case-num-shadow{animation-delay:-2.4s}
.bl-use-grid a:hover .cap-case-num-stage{animation-duration:1.4s}
@keyframes cap-case-bounce{0%,100%{transform:translateY(0) rotate(-2deg) scale(1,1)}20%{transform:translateY(-10px) rotate(0deg) scale(1.02,.98)}40%{transform:translateY(0) rotate(2deg) scale(.98,1.04)}50%{transform:translateY(-4px) rotate(1deg) scale(1,1)}70%{transform:translateY(0) rotate(-1deg) scale(1.01,.99)}}
@keyframes cap-case-shadow{0%,100%{transform:scale(1);opacity:1}20%{transform:scale(.78);opacity:.6}40%{transform:scale(1.04);opacity:1}50%{transform:scale(.92);opacity:.85}70%{transform:scale(1);opacity:1}}
@keyframes cap-case-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes cap-case-twinkle{0%,100%{transform:scale(1);opacity:.9}50%{transform:scale(1.5);opacity:.4}}
@media(prefers-reduced-motion:reduce){.cap-case-num-stage,.cap-case-num-shadow,.cap-case-num-star,.cap-case-num-spark,.cap-case-image::before,.cap-case-image::after{animation:none!important}}
.bl-align-right .bl-heading{margin-left:auto;text-align:right}.bl-align-right .bl-heading p{margin-left:auto}
@media (min-width:769px){.bl-align-right .bl-detail-tabs,.bl-align-right .bl-replay-grid,.bl-align-right .bl-motion-grid,.bl-align-right .bl-case-story{direction:rtl}.bl-align-right .bl-detail-tabs>*,.bl-align-right .bl-replay-grid>*,.bl-align-right .bl-motion-grid>*,.bl-align-right .bl-case-story>*{direction:ltr}}
@media (max-width:768px){.bl-stepper{margin:42px 0 24px}.bl-stepper:before{top:10px}.bl-step i{width:21px;height:21px}.bl-step b{font-size:14px}.bl-step span{font-size:10px}.bl-step-content{min-height:0;padding:12px}.bl-step-content>div:first-child{padding:25px 18px}.bl-step-content p{font-size:15px}.bl-step-visual{min-height:260px}.bl-step-visual .bl-window{padding:20px}.bl-detail-pane{min-height:430px;padding:26px}.bl-detail-graphic{height:200px}.bl-use-image{height:200px}.bl-align-right .bl-heading{text-align:left;margin-left:0}.bl-align-right .bl-heading p{margin-left:0}}
@media (max-width:390px){.bl-step span{display:none}.bl-step b{font-size:12px}.bl-step{gap:5px}.bl-step-content h3{font-size:26px}.bl-detail-graphic{height:180px}.bl-detail-sheet{width:85%}}
@media (prefers-reduced-motion:reduce){.bl-step-spark,.bl-detail-symbol,.bl-detail-orbit,.cap-rig--markets .cap-eye,.cap-rig--markets .cap-prop,.cap-rig--quotes .cap-breathe,.cap-rig--quotes .cap-arm-right,.cap-rig--quotes .cap-prop,.cap-rig--risk .cap-breathe,.cap-rig--risk .cap-arm-right,.cap-rig--risk .cap-prop{animation:none!important}.bl-use-image img,.bl-detail-pane,.bl-step-visual{transition:none}}
.bl-motion-aware .bl-motion-zone:not(.bl-visible) .cap-prop,.bl-motion-aware .bl-motion-zone:not(.bl-visible) .bl-step-spark,.bl-motion-aware .bl-motion-zone:not(.bl-visible) .bl-detail-symbol,.bl-motion-aware .bl-motion-zone:not(.bl-visible) .bl-detail-orbit{animation-play-state:paused}

/* Reference proportions: one connected rail above a two-column panel. */
.bl-timeline .bl-heading{max-width:780px}.bl-timeline .bl-heading p{font-size:22px;line-height:1.5}
.bl-timeline .bl-stepper{margin:48px 0 34px}.bl-timeline .bl-step:before{display:none}
.bl-timeline .bl-step i{position:relative;top:auto;left:auto;flex:none}.bl-timeline .bl-step span{margin-top:0}
.bl-timeline .bl-step-content{padding:20px;min-height:410px;grid-template-columns:1fr 1fr}
.bl-timeline .bl-step-content>div:first-child{padding:clamp(25px,4vw,58px)}
.bl-timeline .bl-step-content h3{font-size:clamp(28px,3vw,38px);font-weight:500}
.bl-timeline .bl-step-content p{font-size:18px;line-height:1.5}
.bl-timeline .bl-step-visual{min-height:370px;border-radius:20px;padding:clamp(24px,4vw,64px);background:#d2eeff}
.bl-step-sheet{width:min(100%,410px);background:#fff;border-radius:18px;padding:30px;box-shadow:0 10px 28px #467a9912}
.bl-step-sheet small{font:12px ui-monospace,SFMono-Regular,monospace;color:#476373;letter-spacing:.03em}
.bl-step-sheet-rows{display:grid;gap:9px;margin-top:20px}
.bl-step-sheet-rows>div{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#f0f7f8;padding:14px 15px;border-radius:10px;color:#25465a;font-size:14px;line-height:1.2}
.bl-step-sheet-rows b{font-size:12px;font-weight:500;white-space:nowrap}.bl-step-sheet-rows b i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#58bda7;margin-right:6px}
.bl-step-content[data-current="1"] .bl-step-sheet-rows>div{background:#f2f8f3}.bl-step-content[data-current="2"] .bl-step-sheet-rows>div{background:#fcf6ef}.bl-step-content[data-current="3"] .bl-step-sheet-rows>div{background:#f2f4fa}

/* Each interior hero is a separate scene and a role-specific character. */
.has-cap-page-hero>.bl-wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,38%);column-gap:clamp(30px,5vw,80px);align-items:center}
.has-cap-page-hero>.bl-wrap>h1,.has-cap-page-hero>.bl-wrap>p,.has-cap-page-hero>.bl-wrap>.bl-back{grid-column:1}
.has-cap-page-hero>.bl-wrap>h1{align-self:end}.has-cap-page-hero>.bl-wrap>p{align-self:start}
.has-cap-page-hero>.bl-wrap>:not(h1):not(p):not(.bl-back):not(.cap-page-scene){grid-column:1/-1}
.cap-page-scene{grid-column:2;grid-row:1 / span 3;position:relative;width:100%;height:clamp(265px,32vw,400px);border-radius:32px;background:#e7f5fc;overflow:hidden;isolation:isolate}
.cap-page-scene[data-scene="shield"],.cap-page-scene[data-scene="book"]{background:#e0f1ea}.cap-page-scene[data-scene="coin"],.cap-page-scene[data-scene="letter"]{background:#ffebdc}.cap-page-scene[data-scene="wallet"],.cap-page-scene[data-scene="quotes"]{background:#e8edff}
.cap-page-character{position:absolute;width:75%;height:90%;right:-5%;bottom:-8%;z-index:2}
.cap-page-scene-card{position:absolute;z-index:3;left:7%;top:15%;width:48%;min-width:120px;display:grid;gap:9px;background:white;padding:18px;border-radius:16px;box-shadow:0 12px 28px #497c9714;transform:rotate(-4deg)}
.cap-page-scene-card small{font:9px/1.4 ui-monospace,monospace;letter-spacing:.06em;color:#7291a2}.cap-page-scene-card b{font-size:15px;line-height:1.2}.cap-page-scene-card span{font-size:10px;color:#318fd0}
.cap-page-star{position:absolute;right:12%;top:10%;font-size:28px;color:#eab466;animation:cap-spark 4s ease-in-out infinite}
.cap-page-scene[data-scene="code"] .cap-breathe,.cap-page-scene[data-scene="wallet"] .cap-breathe{animation:cap-think 5.2s ease-in-out infinite}
.cap-page-scene[data-scene="letter"] .cap-arm-right,.cap-page-scene[data-scene="coin"] .cap-arm-right{animation:cap-wave 1s ease-in-out infinite alternate}
.cap-page-scene[data-scene="shield"] .cap-brows,.cap-page-scene[data-scene="book"] .cap-brows{opacity:1}
.cap-page-scene[data-scene="shield"] .cap-mouth-open,.cap-page-scene[data-scene="book"] .cap-mouth-open{opacity:0}.cap-page-scene[data-scene="shield"] .cap-mouth-smile,.cap-page-scene[data-scene="book"] .cap-mouth-smile{opacity:1}
.cap-page-scene .cap-prop{transform-origin:80px 52px;animation:cap-note 4s ease-in-out infinite}
.bl-motion-aware .bl-motion-zone:not(.bl-visible) .cap-page-star{animation-play-state:paused}
@media(max-width:768px){.bl-timeline .bl-heading p{font-size:16px}.bl-timeline .bl-stepper{margin:40px 0 24px}.bl-timeline .bl-step-content{grid-template-columns:1fr;padding:12px}.bl-timeline .bl-step-content>div:first-child{padding:24px 18px}.bl-timeline .bl-step-content p{font-size:15px}.bl-timeline .bl-step-visual{min-height:250px;padding:22px}.bl-step-sheet{padding:20px}.bl-step-sheet-rows>div{font-size:12px;padding:12px}.has-cap-page-hero>.bl-wrap{grid-template-columns:minmax(0,1fr);gap:0}.has-cap-page-hero>.bl-wrap>h1,.has-cap-page-hero>.bl-wrap>p,.has-cap-page-hero>.bl-wrap>.bl-back,.has-cap-page-hero>.bl-wrap>:not(h1):not(p):not(.bl-back):not(.cap-page-scene){grid-column:1}.cap-page-scene{grid-column:1;grid-row:auto;margin:30px 0 0;height:260px}.cap-page-character{width:65%;height:95%}.cap-page-scene-card{top:16%}}
@media(prefers-reduced-motion:reduce){.cap-page-scene .cap-prop,.cap-page-star,.cap-page-scene[data-scene] .cap-breathe,.cap-page-scene[data-scene] .cap-arm-right{animation:none!important}}
.cap-wink{opacity:0}.cap-rig--quotes .cap-wink{opacity:1}.cap-rig--quotes .cap-eye-right{opacity:0}.cap-rig--risk .cap-eye{transform:scaleY(.8)}
.bl-tool-image>.cap-rig{position:absolute;bottom:-5%;left:0;width:55%;height:80%}
.bl-detail-hero>.cap-rig{height:100%;width:100%;object-fit:contain}
.bl-hero-character:not(:hover):not(:focus-visible) .cap-arm-right{animation:cap-idle-wave 6.8s ease-in-out infinite}
@keyframes cap-idle-wave{0%,58%,100%{transform:rotate(0deg)}64%{transform:rotate(-28deg)}70%{transform:rotate(4deg)}76%{transform:rotate(-22deg)}82%{transform:rotate(0deg)}}
@media(prefers-reduced-motion:reduce){.bl-hero-character:not(:hover):not(:focus-visible) .cap-arm-right{animation:none!important}}
/* The reference uses a calm open-eyed smile that turns into a laughing face on interaction. */
.cap-happy-eyes{opacity:0}.bl-hero-character .cap-mouth-open{opacity:0}.bl-hero-character .cap-mouth-smile{opacity:1}
.bl-hero-character.jump .cap-eye,.bl-hero-character:focus-visible .cap-eye{opacity:0;animation:none}
.bl-hero-character.jump .cap-happy-eyes,.bl-hero-character:focus-visible .cap-happy-eyes{opacity:1}
.bl-hero-character.jump .cap-mouth-open,.bl-hero-character:focus-visible .cap-mouth-open{opacity:1}.bl-hero-character.jump .cap-mouth-smile,.bl-hero-character:focus-visible .cap-mouth-smile{opacity:0}
@media(hover:hover){.bl-hero-character:hover .cap-eye{opacity:0;animation:none}.bl-hero-character:hover .cap-happy-eyes{opacity:1}.bl-hero-character:hover .cap-mouth-open{opacity:1}.bl-hero-character:hover .cap-mouth-smile{opacity:0}}
.site-header .brand-icon,.bl-footer .brand-icon{width:64px;height:64px;background:none;border:0;box-shadow:none;overflow:visible;flex:none}
.site-header .brand-icon img,.bl-footer .brand-icon img{width:100%;height:100%;object-fit:contain}
.site-header .brand{gap:4px}.site-header .brand-icon img{transform:scale(1.16)}
.cap-scene-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:hue-rotate(22deg) saturate(.7);opacity:.7;pointer-events:none}
.cap-explore-section{background:#f2f9fd}.cap-folder-mount{border-radius:28px;overflow:hidden;min-height:240px}.cap-folder-mount:empty::before{content:'Opening the toolkit…';display:block;padding:50px;color:#547990}
@media(max-width:650px){.site-header .brand-icon{width:55px;height:55px}.cap-folder-mount .mf{aspect-ratio:1.1!important}.cap-folder-mount .mf__window{min-width:90px}}
@media(prefers-reduced-motion:reduce){.cap-scene-video{display:none}.cap-folder-mount .mf *{transition-duration:0.01ms!important;animation-duration:0.01ms!important}}
.bl-timeline.bl-align-right .bl-heading{text-align:left;margin-left:0}.bl-timeline.bl-align-right .bl-heading p{margin-left:0}
.cap-path-section{background:#f4faff}.cap-path-mount{overflow:hidden;border-radius:26px}.cap-path-mount:empty::before{content:'Loading the path…';display:block;padding:50px;color:#547990}
.cap-mark-section{background:#f3faff}.cap-mark-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(30px,6vw,85px)}
.cap-mark-object{height:min(480px,42vw);min-height:320px;border-radius:28px;overflow:hidden;background:#d8efff;display:grid;place-items:center}
.cap-mark-object .object-fallback{width:80%;height:90%;object-fit:contain}.cap-mark-object canvas{display:block;width:100%;height:100%;touch-action:pan-y}
.cap-mark-hint{font-size:13px;margin-top:14px}.cap-mark-grid button+button{margin-left:8px}.cap-mark-grid button[hidden]{display:none}
@media(max-width:768px){.cap-mark-grid{grid-template-columns:1fr}.cap-mark-object{height:320px;min-height:0}}
/* Landing hero notification and conversation proportions, measured against the reference. */
@media(min-width:1200px){
 .bl-hero .bl-floating{gap:14px;padding:10px 28px 10px 10px;border-radius:999px;font-size:18px;line-height:1.6;box-shadow:none}
 .bl-hero .bl-floating i{width:44px;height:44px;flex:0 0 44px;font-size:20px}
 .bl-hero .bl-floating small{font-size:14px;line-height:1.5;margin-top:0}
 .bl-hero .bl-float-one{max-width:calc(100% - 10px)}
 .bl-hero .bl-chat{width:340px;max-width:55%;padding:22px;border-radius:24px;gap:9px;box-shadow:0 16px 50px #37618417}
 .bl-hero .bl-chat span,.bl-hero .bl-chat b{font-size:15px;line-height:1.55;padding:12px 15px;border-radius:16px}
 .bl-hero .bl-chat span:first-child{border-bottom-left-radius:6px}
 .bl-hero .bl-chat span:nth-child(2),.bl-hero .bl-chat span:nth-child(3){font-family:ui-monospace,SFMono-Regular,monospace;font-size:13px}
 .bl-hero .bl-chat b{margin-left:35px;border-bottom-right-radius:6px}
}
/* Useful links remain available if the interactive folder cannot start. */
.cap-folder-fallback{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;padding:clamp(18px,3vw,38px);background:#e4f4fd;border-radius:28px}
.cap-folder-fallback a{position:relative;min-height:210px;display:flex;flex-direction:column;gap:12px;padding:22px;background:#fff;border:2px solid #fff;border-radius:20px;box-shadow:0 5px 0 #beddea;color:#17385f}
.cap-folder-fallback a:nth-child(2){background:#e7fbf3}.cap-folder-fallback a:nth-child(3){background:#fff2df}.cap-folder-fallback a:nth-child(4){background:#f0ecff}
.cap-folder-fallback a>span{font:800 11px/1 Nunito,sans-serif;letter-spacing:.1em;color:#6797b0}.cap-folder-fallback strong{font:900 22px/1.15 Nunito,sans-serif}.cap-folder-fallback small{font-size:14px;line-height:1.5;color:#5d7d90}.cap-folder-fallback b{margin-top:auto;font-size:22px}.cap-folder-fallback a:focus-visible{outline:3px solid #1c80be;outline-offset:3px}
@media(max-width:850px){.cap-folder-fallback{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:420px){.cap-folder-fallback{grid-template-columns:1fr;gap:10px;padding:14px}.cap-folder-fallback a{min-height:150px;padding:18px}}