/* Hallmark · macrostructure: Marquee Hero + side rail · tone: technical, atmospheric · anchor hue: cobalt
 * User-selected combination: Bloom hero; Blueprint navigation and lower sections.
 * Audience: growing business owners · action: discovery call · typography: Space Grotesk + DM Sans
 * Preserved canvas, copy and section order. Pre-emit critique: P5 H4 E4 S5 R5 V4. */
@import url('tokens.css');
.bloom-blueprint .page{max-width:none;margin:0}
.bloom-blueprint .review{position:sticky;top:0}
.bloom-blueprint .site-header{overflow-y:auto;overscroll-behavior:contain}
.bloom-blueprint .site-header nav{flex-shrink:0}
.bloom-blueprint .selected-brand{display:block;width:100%;max-width:153px;min-height:44px;padding:0;flex-shrink:0;line-height:0}
.bloom-blueprint .selected-logo{display:block;width:100%;height:auto;filter:invert(1);mix-blend-mode:normal}
.bloom-blueprint .site-footer .selected-brand{max-width:204px}
.bloom-blueprint .selected-brand:focus-visible{outline:2px solid var(--color-light-blue);outline-offset:8px}
.bloom-blueprint .selected-brand:hover{opacity:.85}
@media(min-width:801px){.bloom-blueprint .page{padding-left:232px}.bloom-blueprint .site-header{width:232px;padding-inline:24px}}
@media(max-width:800px){.bloom-blueprint .site-header .selected-brand{width:129px}.bloom-blueprint .site-header{padding-block:16px}}
.bloom-blueprint .service-link{display:inline-flex;align-items:center;min-height:44px;margin:0 0 24px 36px;font-size:14px;white-space:nowrap;color:var(--color-light-blue);text-decoration:underline;text-underline-offset:5px}
.bloom-blueprint .service-link:hover{color:var(--color-white)}
.bloom-blueprint .site-header nav [aria-current=page]{color:var(--color-light-blue);text-decoration:underline;text-underline-offset:5px}
.bloom-blueprint .rail-index{flex-shrink:0}
.bloom-blueprint .rail-index a{min-height:44px}
.bloom-blueprint .bloom-hero{position:relative;isolation:isolate;overflow:clip;min-height:820px;padding:76px 48px 24px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;background:var(--color-bloom-paper);color:var(--color-white);border-bottom:1px solid var(--color-dark-line)}
.bloom-blueprint .bloom-canvas{position:absolute;inset:0;display:block;width:100%;height:100%;background:var(--color-bloom-paper);pointer-events:none}
.bloom-blueprint .bloom-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(to bottom,var(--color-bloom-veil),var(--color-bloom-clear))}
.bloom-blueprint .bloom-copy{position:relative;z-index:1;max-width:920px;text-align:center}
.bloom-blueprint .bloom-kicker{font-size:12px;line-height:1.5;color:var(--color-dark-muted);letter-spacing:.035em;max-width:none}
.bloom-blueprint .bloom-copy h1{font:500 clamp(60px,7vw,100px)/1.03 var(--font-display);letter-spacing:-.065em;margin:24px 0}
.bloom-blueprint .bloom-lede{font-size:16px;line-height:1.8;max-width:52ch;margin:auto;color:var(--color-dark-muted)}
.bloom-blueprint .bloom-hero-actions{display:flex;justify-content:center;align-items:center;gap:24px;margin-top:32px}
.bloom-blueprint .bloom-cta{border-radius:var(--radius-control);font-size:13px;min-height:52px;gap:24px}
.bloom-blueprint .bloom-process-link{display:inline-flex;align-items:center;justify-content:space-between;gap:12px;min-height:52px;font-size:12px;white-space:nowrap;color:var(--color-dark-muted)}
.bloom-blueprint .bloom-process-link:hover{color:var(--color-white)}
.bloom-blueprint .bloom-process-link svg{width:18px;height:18px}
.bloom-blueprint .bloom-copy .reassurance{font-size:11px;max-width:none;color:var(--color-dark-muted);margin-top:16px}
.bloom-blueprint .bloom-controls{position:relative;z-index:1;width:100%;display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:72px;font-size:10px;color:var(--color-dark-muted)}
.bloom-blueprint .bloom-actions{display:flex;align-items:center;gap:16px}
.bloom-blueprint .bloom-actions button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;font-size:10px;padding:8px 12px;border:1px solid var(--color-dark-line);border-radius:var(--radius-control);background:var(--color-bloom-paper);white-space:nowrap;transition:border-color .2s var(--ease-out)}
.bloom-blueprint .bloom-actions button span{font-size:15px}
.bloom-blueprint .bloom-actions button:hover{border-color:var(--color-light-blue)}
.bloom-blueprint .bloom-hero :focus-visible{outline-color:var(--color-light-blue)}
.bloom-blueprint .uses .section-heading,.bloom-blueprint .process>.section-heading{top:80px}
.bloom-blueprint .use-case{scroll-margin-top:72px}
.bloom-blueprint .use-case summary:focus-visible{outline-offset:-3px}
.bloom-blueprint .transformation a:focus-visible,.bloom-blueprint .transformation button:focus-visible{outline-color:var(--color-blue)}
.bloom-blueprint .bloom-attribution{max-width:none;padding:0 48px 24px;background:var(--color-navy);color:var(--color-dark-muted);font-size:9px;display:flex;align-items:center;flex-wrap:wrap;gap:4px}
.bloom-blueprint .bloom-attribution a{display:inline-flex;align-items:center;min-height:44px;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
@media(min-width:1700px){.bloom-blueprint .bloom-hero{min-height:860px}.bloom-blueprint .section{padding-inline:80px}}
@media(max-width:1200px){.bloom-blueprint .bloom-hero{padding-inline:40px;min-height:800px}.bloom-blueprint .bloom-copy h1{font-size:clamp(60px,7.3vw,88px)}.bloom-blueprint .bloom-controls{gap:16px}.bloom-blueprint .bloom-attribution{padding-inline:40px}}
@media(max-width:800px){.bloom-blueprint .site-header{overflow:visible}.bloom-blueprint .bloom-hero{min-height:760px;padding:48px var(--gutter) 24px}.bloom-blueprint .bloom-copy h1{font-size:76px}.bloom-blueprint .bloom-lede{font-size:15px}.bloom-blueprint .bloom-attribution{padding-inline:var(--gutter)}}
@media(max-width:540px){.bloom-blueprint .review nav{gap:12px;font-size:9px}.bloom-blueprint .bloom-hero{min-height:800px;padding:40px 24px 20px}.bloom-blueprint .bloom-copy h1{font-size:clamp(48px,12vw,64px);letter-spacing:-.055em;margin-block:24px}.bloom-blueprint .bloom-kicker{font-size:10px;letter-spacing:0}.bloom-blueprint .bloom-lede{font-size:14px;line-height:1.8;max-width:40ch}.bloom-blueprint .bloom-hero-actions{flex-direction:column;align-items:stretch;gap:8px;margin-top:24px}.bloom-blueprint .bloom-hero-actions .button{font-size:12px;width:100%;padding:16px 20px}.bloom-blueprint .bloom-process-link{justify-content:center;font-size:11px;min-height:44px}.bloom-blueprint .bloom-copy .reassurance{font-size:10px;margin-top:8px}.bloom-blueprint .bloom-controls{flex-direction:column;gap:12px;margin-top:64px;align-items:center}.bloom-blueprint .bloom-motion-hint{font-size:9px;text-align:center}.bloom-blueprint .bloom-actions{gap:12px}.bloom-blueprint .bloom-actions button{font-size:10px}.bloom-blueprint .bloom-attribution{padding-inline:24px;font-size:8px}}
@media(prefers-reduced-motion:reduce){.bloom-blueprint *,.bloom-blueprint *::before,.bloom-blueprint *::after{animation:none!important;transition:none!important}}
