/* Hucial — Human Flow */
:root{--flow-bar-height:76px;--flow-ease:cubic-bezier(.2,.8,.2,1);--flow-glass:rgba(255,255,255,.82);--flow-ink:#33413d;--flow-muted:#788680;--flow-accent:#62bfc4;--flow-accent-soft:rgba(98,191,196,.16);--flow-line:rgba(86,119,108,.15);--flow-shadow:0 -10px 40px rgba(88,130,119,.12),0 -2px 10px rgba(127,187,191,.08)}
body{padding-bottom:calc(var(--flow-bar-height) + env(safe-area-inset-bottom) + 14px)!important}
.hucial-flow-bar{position:fixed;z-index:9000;left:50%;bottom:max(10px,env(safe-area-inset-bottom));transform:translateX(-50%);width:min(calc(100% - 20px),620px);height:var(--flow-bar-height);display:grid;grid-template-columns:1fr 1fr 72px 1fr 1fr;align-items:center;padding:7px 9px;border:1px solid rgba(255,255,255,.88);border-radius:27px 27px 23px 23px;background:var(--flow-glass);box-shadow:var(--flow-shadow);backdrop-filter:blur(28px) saturate(150%);-webkit-backdrop-filter:blur(28px) saturate(150%);isolation:isolate}
.hucial-flow-bar:before{content:"";position:absolute;inset:1px;border-radius:26px 26px 22px 22px;background:linear-gradient(120deg,rgba(255,255,255,.58),rgba(226,241,236,.22) 55%,rgba(211,239,243,.24));z-index:-1;pointer-events:none}
.hucial-flow-item{appearance:none;border:0;background:transparent;min-width:0;height:59px;padding:5px 2px;display:grid;place-items:center;align-content:center;gap:3px;color:var(--flow-muted);font:inherit;text-decoration:none;cursor:pointer;border-radius:18px;transition:color .2s var(--flow-ease),background .2s var(--flow-ease),transform .18s var(--flow-ease)}
.hucial-flow-item svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:transform .22s var(--flow-ease)}
.hucial-flow-item span{font-size:.7rem;font-weight:760;letter-spacing:.01em;white-space:nowrap}.hucial-flow-item:is(:hover,:focus-visible),.hucial-flow-item.is-active{color:#287f86;background:var(--flow-accent-soft)}.hucial-flow-item.is-active svg{transform:translateY(-1px) scale(1.04)}.hucial-flow-item:active{transform:scale(.94)}
.hucial-flow-create{position:relative;align-self:center;justify-self:center;width:58px;height:58px;margin-top:-26px;border:1px solid rgba(255,255,255,.9);border-radius:21px 21px 18px 24px;background:linear-gradient(145deg,#7ed2d4,#5bb2bb 62%,#61aeb7);box-shadow:0 13px 28px rgba(77,164,173,.27),inset 0 1px rgba(255,255,255,.65);color:#fff;cursor:pointer;transition:transform .22s var(--flow-ease),box-shadow .22s var(--flow-ease)}.hucial-flow-create span{display:block;font-size:2rem;font-weight:300;line-height:1;transform:translateY(-1px)}.hucial-flow-create:hover,.hucial-flow-create:focus-visible{transform:translateY(-3px) rotate(-1deg);box-shadow:0 17px 34px rgba(77,164,173,.34),inset 0 1px rgba(255,255,255,.7)}.hucial-flow-create:active{transform:scale(.92)}
.hucial-flow-sheet{position:fixed;z-index:9100;inset:auto 10px calc(var(--flow-bar-height) + env(safe-area-inset-bottom) + 18px);width:min(calc(100% - 20px),600px);max-height:min(72vh,680px);margin:auto;padding:12px clamp(16px,4vw,28px) 24px;border:1px solid rgba(255,255,255,.9);border-radius:30px 30px 24px 24px;background:rgba(250,252,249,.96);color:var(--flow-ink);box-shadow:0 24px 70px rgba(54,86,77,.25);backdrop-filter:blur(28px);overflow:auto}.hucial-flow-sheet::backdrop{background:rgba(37,51,47,.24);backdrop-filter:blur(3px)}.hucial-flow-sheet[open]{animation:flow-sheet-in .3s var(--flow-ease)}.hucial-flow-sheet-handle{width:42px;height:4px;margin:0 auto 13px;border-radius:999px;background:rgba(65,98,88,.2)}.hucial-flow-sheet header{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:17px}.hucial-flow-sheet h2{margin:.15rem 0 0;font-size:clamp(1.35rem,5vw,1.85rem)}.hucial-flow-eyebrow{color:#418d8f;font-size:.71rem;font-weight:850;letter-spacing:.13em;text-transform:uppercase}.hucial-flow-sheet header button{width:38px;height:38px;border:0;border-radius:50%;background:rgba(97,147,132,.1);color:#48645c;font-size:1.55rem;cursor:pointer}
.hucial-flow-action-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.hucial-flow-action-grid a,.hucial-me-links a{display:grid;gap:4px;padding:16px;border:1px solid var(--flow-line);border-radius:20px 20px 17px 23px;background:linear-gradient(145deg,rgba(255,255,255,.94),rgba(237,245,240,.72));color:var(--flow-ink);text-decoration:none;box-shadow:0 8px 24px rgba(93,137,123,.07);transition:transform .2s var(--flow-ease),border-color .2s var(--flow-ease)}.hucial-flow-action-grid a:hover,.hucial-me-links a:hover{transform:translateY(-2px);border-color:rgba(91,178,183,.35)}.hucial-flow-action-grid span,.hucial-me-links small{color:var(--flow-muted);font-size:.8rem;line-height:1.35}.hucial-me-links{display:grid;grid-template-columns:1fr 1fr;gap:10px}.hucial-professional-tools{margin-top:17px;padding-top:15px;border-top:1px solid var(--flow-line)}.hucial-professional-tools h3{margin:0 0 10px;font-size:.83rem;color:#687871;text-transform:uppercase;letter-spacing:.08em}.hucial-professional-tools div{display:flex;flex-wrap:wrap;gap:8px}.hucial-professional-tools a{padding:9px 12px;border-radius:999px;background:rgba(207,181,133,.12);color:#735e3c;text-decoration:none;font-size:.82rem;font-weight:750}
html[data-reduce-transparency="1"] .hucial-flow-bar,html[data-reduce-transparency="1"] .hucial-flow-sheet{backdrop-filter:none;background:#fbfcf9}
@media(min-width:860px){.hucial-flow-bar{bottom:18px}.hucial-flow-sheet{bottom:112px}.site-footer{padding-bottom:110px!important}}
@media(max-width:430px){:root{--flow-bar-height:70px}.hucial-flow-bar{grid-template-columns:1fr 1fr 64px 1fr 1fr;border-radius:24px;padding-inline:5px}.hucial-flow-item{height:54px}.hucial-flow-item svg{width:23px;height:23px}.hucial-flow-item span{font-size:.63rem}.hucial-flow-create{width:54px;height:54px}.hucial-flow-action-grid,.hucial-me-links{grid-template-columns:1fr}.hucial-flow-sheet{max-height:76vh}}
@media(prefers-reduced-motion:reduce){.hucial-flow-item,.hucial-flow-item svg,.hucial-flow-create,.hucial-flow-action-grid a,.hucial-me-links a{transition:none!important}.hucial-flow-sheet[open]{animation:none!important}}
@media(forced-colors:active){.hucial-flow-bar,.hucial-flow-sheet,.hucial-flow-create{border:2px solid CanvasText}.hucial-flow-item.is-active{outline:2px solid Highlight}}
@keyframes flow-sheet-in{from{opacity:0;transform:translateY(30px) scale(.985)}to{opacity:1;transform:none}}