/* Final product and motion pass. Blue, white, black. */
.preview-modes{display:flex;border:1px solid #cfd9ed;padding:3px;border-radius:6px;gap:2px;background:#f7faff;z-index:2}.preview-modes button{font:9px var(--sans);padding:6px 9px;border-radius:3px;color:#65718a;transition:background .2s,color .2s}.preview-modes button[aria-pressed=true]{background:#fff;color:#151820;box-shadow:0 1px 4px #193b5e18}.stage-top{align-items:center;padding-bottom:10px}.feature-stage{min-height:610px}#feature-scene.capture-mode{padding:15px 28px 23px;gap:23px}.capture-composition{position:relative;width:100%;padding:25px 30px 60px 0;perspective:1000px;isolation:isolate}.capture-desktop{display:block;width:100%;background:#fff;border:1px solid #cbd6e9;border-radius:9px;overflow:hidden;box-shadow:0 24px 38px -15px #173d7740;transform:rotateY(-4deg) rotateX(2deg);transition:transform .7s var(--ease),box-shadow .7s;animation:capture-in .8s var(--ease) backwards;text-align:left}.capture-desktop:hover{transform:rotate(0) translateY(-5px);box-shadow:0 28px 48px -15px #173d7750}.capture-top{height:25px;display:flex;align-items:center;gap:3px;padding:0 8px;background:#fafbfd;color:#637188;font:7px var(--mono);border-bottom:1px solid #e5eaf3}.capture-top i{width:4px;height:4px;background:#c6cfdf;border-radius:50%}.capture-top span:first-of-type{margin-left:7px}.capture-top span:last-child{margin-left:auto}.capture-desktop img{width:100%;height:auto;display:block}.capture-phone,.marketing-phone{position:absolute;right:0;bottom:0;width:26%;padding:4px;border:1px solid #abbad2;background:#14171d;border-radius:20px;overflow:hidden;box-shadow:0 20px 35px #20395830;transform:rotate(4deg);transition:transform .6s var(--ease);animation:phone-in 1s var(--ease) backwards}.capture-phone img,.marketing-phone img{width:100%;height:auto;display:block;border-radius:15px}.capture-phone:hover,.marketing-phone:hover{transform:rotate(0) translateY(-8px)}.capture-story{width:100%;font-size:12px;display:flex;align-items:center;gap:9px;flex-wrap:wrap;color:#284467}.capture-story>span:last-child{width:100%;padding-left:15px;font:8px var(--mono);color:#6a7b96}.capture-secondary{position:absolute;bottom:0;right:0;width:46%;border:1px solid #c2cde1;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 20px 35px #20395825;transform:rotate(4deg);transition:transform .5s}.capture-secondary:hover{transform:rotate(0) translateY(-6px)}.capture-secondary img{width:100%;height:auto;display:block}.capture-secondary>span{display:block;padding:8px;font-size:8px;border-top:1px solid #e3e9f3;text-align:left}.paired-capture{padding-right:70px;padding-bottom:80px}.paired-capture .capture-desktop{width:90%}.product-proof .section-heading{align-items:flex-end}.product-proof .eyebrow{margin-bottom:22px}.gallery-tabs{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:20px}.gallery-tabs button{padding:10px 14px;border:1px solid transparent;font-size:11px;white-space:nowrap;border-radius:5px;transition:background .2s,transform .2s}.gallery-tabs button:hover{background:#edf3ff;transform:translateY(-2px)}.gallery-tabs button[aria-selected=true]{background:#181a20;color:#fff}.gallery-shell{border:1px solid #d9e0eb;border-radius:10px;overflow:hidden;background:#f5f8fc;box-shadow:0 25px 60px -35px #18334e50;position:relative}.gallery-shell .browser-bar{background:white;gap:14px}.browser-bar #gallery-label{margin-right:auto}.browser-bar button{font:9px var(--mono);color:#2563eb}.gallery-image{display:block;width:100%;position:relative;padding:20px 6%;background:radial-gradient(#2563eb20 .7px,transparent .7px) 0 0/9px 9px,linear-gradient(135deg,#f7faff,#e8f0fd);overflow:hidden}.gallery-image img{display:block;margin:auto;width:100%;height:auto;max-height:680px;object-fit:contain;filter:drop-shadow(0 10px 15px #19374e16);transition:transform .7s var(--ease)}.gallery-image:hover img{transform:scale(1.014)}.image-hint{position:absolute;right:22px;bottom:20px;padding:10px 13px;background:#fffefdf2;border:1px solid #d6dfed;border-radius:5px;font-size:10px;transform:translateY(8px);opacity:0;transition:opacity .3s,transform .3s}.gallery-image:hover .image-hint,.gallery-image:focus-visible .image-hint{opacity:1;transform:translateY(0)}.proof-caption{line-height:1.6}.film-section{padding:75px 45px 60px;background:#101218;color:#fff;border-color:#282c35}.film-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:36px}.film-heading .eyebrow{color:#9eaac1;display:block;margin-bottom:22px}.film-heading h2{font-size:62px}.film-heading h2 em{color:#9bbdff}.film-heading p{color:#939eaf;font-size:13px;line-height:1.8}.film-screen{position:relative;overflow:hidden;border-radius:8px;border:1px solid #424856;background:#eaf1ff;isolation:isolate}.film-screen>video{width:100%;aspect-ratio:16/9;display:block;object-fit:cover}.film-screen:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 55%,#050a1990);pointer-events:none}.film-play{position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;gap:18px;transition:background .35s;background:#1118270a}.film-play:hover{background:#11182718}.play-ring{width:80px;height:80px;border:1px solid #ffffffb3;border-radius:50%;background:#141c37c9;backdrop-filter:blur(16px);display:grid;place-items:center;font-size:18px;padding-left:4px;box-shadow:0 5px 40px #0b235245;transition:transform .5s var(--ease),background .3s}.film-play:hover .play-ring{transform:scale(1.12);background:#2563eb}.film-play>span:last-child{background:#101a30db;backdrop-filter:blur(12px);padding:14px 20px;border-radius:6px;text-align:left;font:24px var(--serif);color:white}.film-play small{display:block;font:7px var(--mono);letter-spacing:.08em;color:#bed0ef;margin-top:7px}.film-edge{position:absolute;left:24px;right:65px;bottom:20px;display:flex;justify-content:space-between;font:8px var(--mono);color:#fff;z-index:3;pointer-events:none}#film-loop-toggle{position:absolute;right:17px;bottom:12px;z-index:4;width:34px;height:34px;border-radius:50%;border:1px solid #ffffff60;background:#122242a6;color:white}.film-chapters{display:grid;grid-template-columns:repeat(7,1fr);gap:12px;margin-top:20px}.film-chapters button{text-align:left;min-width:0;color:inherit}.chapter-thumb{display:block;position:relative;aspect-ratio:16/9;border-radius:5px;overflow:hidden;border:1px solid #4c536130;transition:border-color .3s,transform .4s}.chapter-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .7s}.chapter-thumb>span{position:absolute;right:7px;bottom:5px;color:#2563eb;font-size:18px;opacity:0;transition:opacity .3s}.film-chapters button:hover .chapter-thumb{transform:translateY(-4px);border-color:#81a7f7}.film-chapters button:hover img{transform:scale(1.08)}.film-chapters button:hover .chapter-thumb>span{opacity:1}.film-chapters button>span:last-child{display:block;font-size:10px;margin-top:10px}.film-chapters small{display:block;font:8px var(--mono);color:#8595b1;margin-bottom:6px}.modal-chapters{margin:0;padding:18px 24px;color:#272e3e;background:#f4f7fc;gap:10px}.modal-chapters .playing .chapter-thumb{border:2px solid #2563eb}.capture-toolbar{display:flex;justify-content:space-between;align-items:center;padding:14px 24px;border-block:1px solid #e5eaf2;font:9px var(--mono);gap:16px;background:#f7faff}.capture-toolbar button{font:11px var(--sans);color:#2563eb}.capture-viewport{overflow:auto;max-height:68vh;padding:16px;background:#edf2fa}.capture-viewport img{display:block;width:auto!important;max-width:100%;max-height:65vh;object-fit:contain;margin:auto}.capture-viewport.zoomed img{width:max-content!important;max-width:none;max-height:none;margin:0}.media-dialog{max-width:min(1180px,94vw);max-height:92vh}.media-dialog video{max-height:62vh;background:#0d111a}.real-marketing{height:550px!important;overflow:visible}.marketing-desktop{position:absolute;left:22px;right:36px;top:95px;border:1px solid #c8d5ea;background:white;border-radius:7px;box-shadow:0 20px 40px #1c438027;transform:rotate(-3deg);transition:transform .6s var(--ease);overflow:hidden}.marketing-desktop:hover{transform:rotate(0) translateY(-5px)}.marketing-desktop img{display:block;width:100%;height:auto}.marketing-desktop>span{display:block;padding:12px;text-align:left;font-size:10px;color:#2563eb;border-top:1px solid #dce4f0}.marketing-phone{width:27%;right:16px;bottom:40px}.real-marketing .art-caption{bottom:14px}.refined-footer.site-footer{display:block;background:#111217;color:#f6f8fc;max-width:none;padding:0 max(40px,calc((100vw - 1240px)/2));border-top:1px solid #323640;position:relative;overflow:hidden}.site-footer.refined-footer .footer-topline{display:flex;justify-content:space-between;align-items:center;padding:38px 0;border-bottom:1px solid #ffffff1c}.site-footer.refined-footer .brand{color:white}.site-footer.refined-footer .back-top{display:flex;align-items:center;gap:20px;font-size:10px;color:#bbc4d5}.back-top span{display:grid;place-items:center;width:33px;height:33px;border:1px solid #58627a;border-radius:50%;transition:transform .3s,background .3s}.back-top:hover span{transform:translateY(-4px);background:#2563eb}.site-footer.refined-footer .footer-main{display:grid;grid-template-columns:2fr 1fr 1fr 1.15fr;gap:40px;padding:52px 0 15px}.site-footer.refined-footer .eyebrow{color:#7f90af;font-size:8px;line-height:1.8;display:block;margin-bottom:22px}.site-footer.refined-footer .footer-note p{font:39px/1.05 var(--serif);color:#f1f4fa;margin:0 0 25px}.footer-note em{color:#8fb5ff}.site-footer.refined-footer .footer-note button{color:#ccd8ef;font-size:11px}.site-footer.refined-footer .footer-link-group{display:flex;align-items:flex-start;flex-direction:column;gap:16px}.footer-link-group .eyebrow{margin-bottom:9px}.site-footer.refined-footer .footer-link-group a,.site-footer.refined-footer .footer-link-group button{font-size:11px;color:#c2cada;position:relative;transition:color .25s,transform .3s;text-align:left}.site-footer.refined-footer .footer-link-group a:hover,.site-footer.refined-footer .footer-link-group button:hover{color:#fff;transform:translateX(3px)}.site-footer.refined-footer .footer-signature{font:clamp(160px,27vw,370px)/.94 var(--serif);letter-spacing:-.065em;display:flex;align-items:center;justify-content:space-between;color:#f1f5fb;padding:22px 0 20px;position:relative;user-select:none}.footer-signature>span{color:#2563eb;font:normal .48em var(--serif);transition:transform 1.2s cubic-bezier(.2,.7,.25,1)}.footer-signature:hover>span{transform:rotate(120deg)}.site-footer.refined-footer .footer-bottom{border-top:1px solid #ffffff24;display:flex;justify-content:space-between;padding:24px 0;color:#8290a9;font-size:9px}.site-footer.refined-footer .footer-bottom>div{display:flex;gap:25px}.preview-dot{display:inline-block;width:4px;height:4px;background:#6f9eff;border-radius:50%;vertical-align:middle;margin-right:6px}.closing{padding-bottom:90px}.closing-word{display:none}.faq-list details[open] p,.team-grid details[open] p{animation:answer-in .35s ease-out}.faq-list details[open] summary>span,.team-grid details[open] summary>span:last-child{transform:rotate(45deg)}.faq-list summary>span,.team-grid summary>span:last-child{transition:transform .3s}
@keyframes capture-in{from{opacity:0;transform:translateY(22px) rotateY(-7deg)}to{opacity:1;transform:rotateY(-4deg) rotateX(2deg)}}@keyframes phone-in{from{opacity:0;transform:translateY(38px) rotate(8deg)}to{opacity:1;transform:rotate(4deg)}}@keyframes answer-in{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1000px){.site-footer.refined-footer .footer-main{grid-template-columns:1.4fr 1fr 1fr;gap:30px}.site-footer.refined-footer .footer-note{grid-column:1/-1}.site-footer.refined-footer .footer-note p br{display:none}.site-footer.refined-footer .footer-note p{font-size:37px}.film-chapters{gap:8px}.film-chapters button>span:last-child{font-size:8px}.feature-layout{grid-template-columns:43% 57%}.capture-composition{padding-right:20px}.capture-story{font-size:10px}.real-marketing{height:440px!important}}
@media(max-width:700px){.feature-layout{grid-template-columns:1fr}.feature-stage{min-height:460px}#feature-scene.capture-mode{padding:20px 18px;min-height:360px;gap:23px}.capture-composition{padding-top:10px;padding-bottom:65px;padding-right:25px;max-width:470px}.capture-phone{width:26%;border-radius:14px;padding:3px}.capture-phone img{border-radius:10px}.capture-story{font-size:11px}.capture-story>span:last-child{font-size:7px}.preview-modes button{font-size:8px;padding:6px 8px}.stage-top{padding:15px 18px;gap:7px}.stage-footer{font-size:8px;gap:8px}.paired-capture{padding-bottom:80px;padding-right:40px}.product-proof .section-heading h2{font-size:46px}.product-proof .section-heading p{margin-top:22px;font-size:12px}.gallery-tabs{gap:4px;margin-bottom:14px}.gallery-tabs button{padding:9px 10px;font-size:10px}.gallery-image{padding:12px 0}.gallery-image img{max-height:none}.image-hint{display:none}.browser-bar #gallery-label{font-size:7px;line-height:1.5}.browser-bar #gallery-expand{font-size:7px;white-space:nowrap}.gallery-shell .traffic{display:none}.proof-caption{font-size:8px;gap:10px}.film-section{padding:40px 20px 30px}.film-heading{display:block;margin-bottom:25px}.film-heading h2{font-size:46px}.film-heading p{font-size:11px;margin-top:18px}.film-heading .eyebrow{font-size:7px}.play-ring{width:48px;height:48px;font-size:12px}.film-play{gap:10px}.film-play>span:last-child{font-size:20px;padding:10px 12px}.film-play small{font-size:5px}.film-edge{left:12px;bottom:13px;font-size:5px}.film-edge span:last-child{display:none}#film-loop-toggle{width:28px;height:28px;right:9px;bottom:7px;font-size:12px}.film-chapters{display:flex;overflow-x:auto;gap:12px;padding:5px 0 12px;scroll-snap-type:x mandatory}.film-chapters button{flex:0 0 105px;scroll-snap-align:start}.film-chapters button>span:last-child{font-size:10px}.modal-chapters{padding:15px}.modal-chapters button{flex-basis:95px}.capture-toolbar{padding:12px 16px;font-size:6px;gap:10px}.capture-toolbar button{font-size:9px}.capture-viewport{padding:6px}.media-dialog{max-width:96vw}.media-dialog video{width:100%}.real-marketing{height:390px!important}.marketing-desktop{left:10px;right:22px;top:78px}.marketing-phone{width:29%;right:5px;bottom:36px;border-radius:15px;padding:3px}.marketing-phone img{border-radius:11px}.marketing-desktop>span{font-size:9px;padding:9px}.refined-footer.site-footer{padding:0 25px}.site-footer.refined-footer .footer-topline{padding:25px 0}.site-footer.refined-footer .back-top{font-size:8px;gap:9px}.site-footer.refined-footer .back-top span{width:28px;height:28px}.site-footer.refined-footer .footer-main{grid-template-columns:1fr 1fr;padding-top:33px;gap:35px 20px}.site-footer.refined-footer .footer-note p{font-size:40px}.site-footer.refined-footer .footer-note p br{display:block}.site-footer.refined-footer .footer-link-group{gap:14px}.site-footer.refined-footer .footer-link-group:last-child{grid-column:1/-1}.site-footer.refined-footer .footer-link-group a,.site-footer.refined-footer .footer-link-group button{font-size:11px}.site-footer.refined-footer .footer-signature{font-size:29vw;padding:27px 0 24px}.site-footer.refined-footer .footer-bottom{font-size:8px;gap:20px}.site-footer.refined-footer .footer-bottom>span:nth-child(2){font-size:7px}.closing{padding-bottom:55px}}
@media(prefers-reduced-motion:reduce){.capture-desktop,.capture-phone,.marketing-phone,.faq-list details[open] p,.team-grid details[open] p{animation:none!important}.gallery-image img,.chapter-thumb,.footer-signature>span{transition:none!important}}
.motion-paused .capture-desktop,.motion-paused .capture-phone,.motion-paused .marketing-phone,.motion-paused .faq-list details[open] p,.motion-paused .team-grid details[open] p{animation:none!important}

@media(min-width:701px){.feature-tabs{display:flex;flex-direction:column}.feature-tab{flex:1}.feature-tab.active{flex:1.6}}

.film-chapters{scrollbar-width:thin;scrollbar-color:#63769a30 transparent}.film-chapters::-webkit-scrollbar{height:3px}.film-chapters::-webkit-scrollbar-thumb{background:#7285aa50;border-radius:4px}.film-chapters::-webkit-scrollbar-track{background:transparent}
.site-footer.refined-footer .footer-signature{flex-direction:row}.site-footer.refined-footer .footer-main{font-size:inherit}

.site-footer.refined-footer .brand span{color:#fff}

/* Capture sizing is explicit: HTML source dimensions reserve space, never stretch pixels. */
.capture-composition img,.real-marketing img{display:block;width:100%;height:auto;max-width:100%;object-fit:contain}
.capture-desktop,.capture-secondary{padding:0}
.paired-capture{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:16px;padding:28px 0 24px;perspective:none}
.paired-capture .capture-desktop,.paired-capture .capture-secondary{position:relative;inset:auto;width:100%;min-width:0;transform:none;animation:none;border-radius:8px;box-shadow:0 15px 28px -14px #173d7740}
.paired-capture .capture-secondary{margin-top:48px}
.paired-capture .capture-desktop:hover,.paired-capture .capture-secondary:hover{transform:translateY(-4px)}
.paired-capture .capture-top{font-size:7px}
.paired-capture .capture-secondary>span{font-size:9px;padding:9px 10px}
@media(max-width:700px){.paired-capture{gap:10px;padding:10px 0 18px}.paired-capture .capture-secondary{margin-top:35px}.paired-capture .capture-top{font-size:6px}.paired-capture .capture-top i{display:none}}
@media(prefers-reduced-motion:reduce){.paired-capture .capture-desktop,.paired-capture .capture-secondary{transition:none}}

/* Logos and gallery media follow intrinsic dimensions as well. */
img[src$="bloom-logo.svg"]{height:auto!important;object-fit:contain}
.gallery-image img{width:auto;max-width:100%;height:auto;object-fit:contain}
.chapter-thumb{aspect-ratio:auto}
.chapter-thumb img{width:100%;height:auto;object-fit:contain}
@media(max-width:700px){.paired-capture{grid-template-columns:1fr;gap:18px;max-width:380px}.paired-capture .capture-secondary{margin-top:0}}