@font-face{font-family:'Linud Outfit';src:url('/font-preview-assets/outfit/outfit-latin-600-normal.woff2') format('woff2');font-style:normal;font-weight:600;font-display:swap}
.flow-ui-test{--fu-ink:#172c45;--fu-blue:#174dcd;--fu-muted:#344d66;--fu-ease:cubic-bezier(.16,1,.3,1)}
.flow-ui-test ::selection{background:#b8e6f3;color:#143c89}
.flow-ui-test .site-header{height:100px;min-height:0;position:relative}
/* Plain canvas; water remains in the approved artwork only. */
.flow-ui-test:not([data-bg-study]){isolation:isolate;background:#fff}
.flow-ui-test:not([data-bg-study])::before{content:none;background:none}
.flow-ui-test:not([data-bg-study]) .site-header{background:transparent}
.flow-ui-test:not([data-bg-study]) .site-header::before{content:none}
.flow-ui-test:not([data-bg-study]) .site-header .site-nav{color:var(--fu-ink)}
.flow-ui-test .site-header .site-nav a{font-weight:600;color:var(--fu-ink)}
.flow-ui-test .website{overflow:clip}
.flow-ui-test .ambient-water{display:none!important}
.flow-ui-test .ambient-ice{opacity:.55}.flow-ui-test .ambient-lilac{opacity:.24}
.fu-hero{position:relative;min-height:660px;height:calc(100svh - 100px);max-height:1000px;display:grid;grid-template-columns:minmax(270px,34%) minmax(0,66%);grid-template-rows:1fr 64px 30px;padding:0 6% 16px;color:var(--fu-ink);font-family:'Linud Sans',sans-serif;isolation:isolate;touch-action:pan-y}
.fu-copy{align-self:center;z-index:2;padding-bottom:28px}
.fu-copy h1{font:600 clamp(38px,4.3vw,66px)/1.12 'Linud Sans',sans-serif;letter-spacing:-.04em;margin:0 0 22px;max-width:550px}
.fu-copy h1 em{display:block;font:500 1em/1.15 'Linud Serif',serif;color:var(--fu-blue);margin-top:4px;letter-spacing:-.035em}
.fu-copy p{font-size:17px;font-weight:500;line-height:1.65;max-width:330px;margin:0 0 29px;color:var(--fu-muted);text-wrap:pretty}
/* Liquid Glass CTA styles are shared in project-cta.css. */
.fu-visual{position:relative;align-self:stretch;min-height:0;outline:none;cursor:grab;touch-action:pan-y;user-select:none;-webkit-user-select:none;overflow:visible}
.fu-visual:active{cursor:grabbing}.fu-visual:focus-visible{outline:2px solid #4975d0;outline-offset:-8px;border-radius:20px}
.fu-reel-controls{position:relative}
.fu-reel-controls .fu-reel-autoplay{position:absolute;top:100%;left:50%;translate:-50% 0;pointer-events:auto;border:0;background:transparent;color:#44546a;font:500 12px 'Linud Sans',sans-serif;min-height:36px;padding:6px 12px;cursor:pointer}
.fu-reel-autoplay:hover{color:#174dcd}
.fu-reel-autoplay:focus-visible{outline:2px solid #174dcd;outline-offset:1px;border-radius:8px}
.fu-reel-autoplay[hidden]{display:none}
.fu-canvas{position:absolute;width:760px;height:500px;left:50%;top:50%;transform:translate(-50%,-50%) scale(var(--fu-scale,1));transform-origin:center}
.fu-scene{position:absolute;inset:0;visibility:hidden;pointer-events:none;will-change:transform,opacity}
.fu-scene:first-of-type{visibility:visible}.fu-part{position:absolute;transform-origin:center;will-change:transform,opacity}
.fu-canvas img{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none}
.fu-canvas svg{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linejoin:round;stroke-linecap:round}
.fu-river{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.fu-river .fu-river-wide{fill:none;stroke:url(#fu-water);stroke-width:28;opacity:.1}
.fu-river .fu-river-fine{fill:none;stroke:url(#fu-water);stroke-width:2;stroke-dasharray:.28 .12;opacity:.48}
.fu-reel-controls{display:flex;justify-content:center;align-items:center;gap:8px}
.fu-reel-guide{position:absolute;left:50%;top:calc(50% + 310px * var(--fu-scale,1) - 10px);transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:4px;z-index:4;pointer-events:none;color:var(--fu-muted);font-size:13px;font-weight:600;line-height:1.4;white-space:nowrap}
.fu-reel-controls .fu-arrow{pointer-events:auto;border:0;background:transparent;padding:12px}
.fu-reel-arrow{width:36px;height:24px;fill:none;stroke:var(--fu-blue);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.fu-reel-back{opacity:.4}
.fu-arrow{width:44px;height:44px;display:grid;place-items:center;padding:10px;border:1px solid #2c62bc26;border-radius:50%;background:#fff6;color:var(--fu-blue);cursor:pointer;transition:background .2s,opacity .2s}
.fu-arrow:hover:not(:disabled){background:#dbeffa}.fu-arrow:disabled{opacity:.24;cursor:default}.fu-arrow svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5}
.fu-tabs{grid-column:1/-1;display:grid;grid-template-columns:repeat(5,1fr);position:relative;align-self:end;width:100%;max-width:860px;margin:auto;border-bottom:1px solid #2852be25}
.fu-tabs button{font:600 15px 'Linud Sans',sans-serif;min-height:57px;cursor:pointer;border:0;color:var(--fu-muted);background:transparent;padding:8px 4px}
.fu-tabs button[aria-current=true]{color:var(--fu-blue);font-weight:800}
.fu-tab-line{position:absolute;left:0;bottom:-1px;height:3px;width:20%;background:var(--fu-blue);border-radius:3px}
.fu-hero button:focus-visible,.fu-hero a:focus-visible{outline:2px solid var(--fu-blue);outline-offset:3px}
.fu-preview-note{grid-column:1/-1;display:flex;justify-content:space-between;align-items:end;color:var(--fu-muted);font-size:11px;padding-top:9px}
.fu-preview-note a{display:flex;gap:8px;align-items:center;color:inherit;text-decoration:none;min-height:25px}.fu-preview-note svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.5}
.fu-sr{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden}

/* Independent image layers share a fixed stage; white blends into the water ground. */
.fu-hero{isolation:auto}
.fu-visual{mix-blend-mode:multiply}
.fu-canvas{width:1024px;height:688px;overflow:hidden}
.fu-scene{will-change:auto;transform-origin:center}
.fu-part{overflow:hidden;transform-origin:center;will-change:auto}
.fu-canvas .fu-part img{position:absolute;left:var(--slice-x);top:var(--slice-y);width:1024px;height:688px;max-width:none;object-fit:fill}
.fu-core{position:absolute;inset:0;display:grid;place-items:center;transform-origin:50% 52%}
.fu-canvas .fu-core img{width:1024px;height:auto;max-width:none;object-fit:contain;-webkit-mask-image:url('/boards/idea-core-mask-v1.jpg');mask-image:url('/boards/idea-core-mask-v1.jpg');mask-mode:luminance;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}
.fu-build-frame{position:absolute;left:250px;top:85px;width:525px;height:500px;border:1px solid #58aec9;opacity:0;pointer-events:none;border-radius:18px}
.fu-build-frame i{position:absolute;width:7px;height:7px;background:#d5f3f6;border:1px solid #2376c9}
.fu-build-frame i:nth-child(1){left:-4px;top:-4px}.fu-build-frame i:nth-child(2){right:-4px;top:-4px}.fu-build-frame i:nth-child(3){left:-4px;bottom:-4px}.fu-build-frame i:nth-child(4){right:-4px;bottom:-4px}
.fu-hero[data-loading="true"] .fu-canvas{opacity:.35}
.fu-canvas{transition:opacity .2s}
/* A clipped, fixed-size orbit keeps distant boards inside the illustration area. */
.fu-scene{backface-visibility:hidden}
.fu-tab-line{transition:transform .25s ease-out}
@media(min-width:1550px){.fu-hero{padding-left:8%;padding-right:8%;grid-template-columns:34% 66%}}
@media(max-width:900px){.fu-copy h1{font-size:39px}.fu-copy p{font-size:16px}.fu-hero{padding-left:4%;padding-right:4%;grid-template-columns:35% 65%}.fu-cta{font-size:14px;gap:9px}}
@media(max-width:700px){
 .flow-ui-test .site-header{height:77px;padding:15px 22px}.flow-ui-test .site-header .site-nav{gap:14px}.flow-ui-test .site-header .site-nav a{font-size:13px;font-weight:600}
 .fu-hero{height:calc(100svh - 77px);min-height:540px;max-height:900px;padding:5px 16px 10px;grid-template-columns:1fr;grid-template-rows:148px minmax(170px,1fr) 44px 48px;}
 .fu-copy{grid-column:1;grid-row:1;align-self:start;text-align:center;padding:4px 0 0;display:contents}
 .fu-copy h1{grid-column:1;grid-row:1;align-self:start;text-align:center;font-size:34px;line-height:1.07;max-width:none;margin:0;padding-top:4px}
 .fu-copy h1 em{margin-top:2px}.fu-copy p{grid-column:1;grid-row:1;align-self:end;text-align:center;font-size:14px;line-height:1.5;max-width:300px;justify-self:center;margin:0 0 1px}
 .flow-ui-test .fu-copy .fu-cta{grid-column:1;grid-row:3;justify-self:center;z-index:4;font-size:16px;min-height:44px;padding:10px 22px;gap:14px}
 .fu-visual{grid-column:1;grid-row:2;margin:0 -13px}.fu-arrow{width:44px;height:44px;padding:12px;border:0;background:none}.fu-arrow svg{height:19px;width:19px}
 .fu-tabs{grid-row:4;grid-column:1;align-self:end;margin:0;transform:translateY(4px)}.fu-tabs button{font-size:12px;min-height:37px;padding:3px 0}
 .fu-preview-note{position:absolute;left:16px;right:16px;bottom:-25px;font-size:10px}.fu-preview-note a{font-size:10px}.fu-hero{margin-bottom:28px}
}
@media(max-width:370px){.fu-copy h1{font-size:30px}.fu-copy p{font-size:14px;max-width:285px}.flow-ui-test .site-header .site-nav{gap:10px}.flow-ui-test .site-header{padding:12px 16px}.fu-tabs button{font-size:11px}}
@media(max-height:600px) and (min-width:701px){.fu-hero{height:560px;min-height:560px}.flow-ui-test .site-header{height:75px}}
@media(prefers-reduced-motion:reduce){.fu-part,.fu-scene{will-change:auto}.fu-arrow,.fu-canvas,.fu-tab-line,.flow-ui-test .fu-cta{transition:none}.ambient-water *{animation:none!important}}