.icon--bell{--icon:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M6%208a6%206%200%200%201%2012%200c0%207%203%209%203%209H3s3-2%203-9M10.3%2021a1.94%201.94%200%200%200%203.4%200'/%3E%3C/svg%3E")}.wk{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;min-height:min(100svh,960px);padding:calc(var(--nav-h) + clamp(32px,5vw,64px)) 0 clamp(56px,7vw,96px)}.wk__bg{position:absolute;inset:0;z-index:-1;background:radial-gradient(760px 560px at 78% 42%,color-mix(in srgb,var(--cyan) 16%,transparent),transparent 66%),radial-gradient(520px 420px at 8% 100%,color-mix(in srgb,var(--brand) 8%,transparent),transparent 70%),linear-gradient(180deg,#fff 0,var(--bg) 100%)}.wk__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-gap:clamp(32px,5vw,80px);gap:clamp(32px,5vw,80px);align-items:center;width:100%}.wk h1{max-width:14ch;margin:1rem 0 1.15rem;font-size:clamp(2.4rem,4.4vw,3.8rem);line-height:1.05;letter-spacing:-.035em;text-wrap:balance}.wk h1 .grad{background:linear-gradient(120deg,var(--brand),var(--cyan));-webkit-background-clip:text;background-clip:text;color:transparent}.wk .lead{max-width:44ch;margin:0}.wk__actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:2rem}.wk__note{display:flex;align-items:center;gap:9px;margin:1.4rem 0 0;font-size:.88rem;color:var(--muted)}.wk__note .icon{flex:none;width:17px;height:17px;color:var(--brand)}.wk__art{position:relative;display:grid;place-items:center;padding:40px 0 48px}.wk__orbit{position:absolute;left:50%;top:50%;z-index:-1;width:min(118%,620px);aspect-ratio:100/115.47;translate:-50% -50%;overflow:visible;fill:none;stroke:color-mix(in srgb,var(--cyan) 55%,transparent);stroke-width:1.4;stroke-dasharray:3 7;animation:wkFade 1.2s cubic-bezier(.2,.8,.2,1) .5s backwards,wkSpin 140s linear 1.7s infinite}.wk__orbit path{vector-effect:non-scaling-stroke}.wk__comb{--w:clamp(112px,10.5vw,150px);--h:calc(var(--w) * 1.1547);--g:10px;--sx:calc(var(--w) + var(--g));--sy:calc(var(--h) * .75 + var(--g) * .866);position:relative;width:calc(var(--w) * 3 + var(--g) * 2);height:calc(var(--h) + var(--sy) * 2)}.wk__hex{--x:0px;--y:0px;position:absolute;left:calc(50% - var(--w) / 2 + var(--x));top:calc(50% - var(--h) / 2 + var(--y));width:var(--w);height:var(--h);filter:drop-shadow(0 16px 22px rgba(12,61,82,.14));animation:wkPop .8s cubic-bezier(.2,.8,.2,1) backwards,wkFloat 9s ease-in-out infinite}.wk__hex--1{--x:calc(var(--sx) / -2);--y:calc(var(--sy) * -1);animation-delay:.35s,1.2s}.wk__hex--2{--x:calc(var(--sx) / 2);--y:calc(var(--sy) * -1);animation-delay:.42s,2.4s}.wk__hex--3{--x:var(--sx);--y:0px;animation-delay:.49s,.6s}.wk__hex--4{--x:calc(var(--sx) / 2);--y:var(--sy);animation-delay:.56s,3.1s}.wk__hex--5{--x:calc(var(--sx) / -2);--y:var(--sy);animation-delay:.63s,1.8s}.wk__hex--6{--x:calc(var(--sx) * -1);--y:0px;animation-delay:.7s,2.9s}.wk__hex--core{z-index:1;filter:drop-shadow(0 22px 30px rgba(2,98,130,.38));animation-delay:.2s,0s}.wk__face{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;width:100%;height:100%;padding:0 10%;-webkit-clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:linear-gradient(160deg,#fff 40%,var(--cyan-mist));text-align:center;color:var(--brand)}.wk__face .icon{width:clamp(24px,2.2vw,30px);height:clamp(24px,2.2vw,30px)}.wk__face b{font-family:var(--font-display);font-size:clamp(.66rem,.8vw,.84rem);font-weight:700;line-height:1.2;color:var(--ink)}.wk__hex--core .wk__face{background:linear-gradient(150deg,var(--brand),var(--brand-deep));color:#fff}.wk__hex--core .wk__face .icon{width:clamp(32px,3vw,42px);height:clamp(32px,3vw,42px)}.wk__hex--core .wk__face b{color:#fff}.wk__toast{position:absolute;left:max(-2%,-24px);bottom:4px;z-index:2;display:flex;align-items:center;gap:12px;padding:12px 18px 12px 12px;border-radius:16px;background:#fff;box-shadow:inset 0 0 0 1px var(--line),0 22px 40px -22px rgba(12,61,82,.5);animation:wkToast .8s cubic-bezier(.2,.8,.2,1) 1.1s backwards,wkBob 7s ease-in-out 2s infinite}.wk__toast-i{flex:none;display:grid;place-items:center;width:38px;height:38px;border-radius:10px;color:#fff;background:#0A66C2}.wk__toast-i .icon{width:20px;height:20px}.wk__toast b{display:block;font-family:var(--font-display);font-size:.88rem;color:var(--ink)}.wk__toast small{font-size:.74rem;color:var(--muted)}.wk__ping{top:-4px;right:-4px;width:12px;height:12px;box-shadow:0 0 0 3px #fff}.wk__ping,.wk__ping:after{position:absolute;border-radius:50%;background:var(--cyan)}.wk__ping:after{content:"";inset:0;animation:wkPing 2.2s ease-out 2s infinite}@keyframes wkFade{0%{opacity:0;scale:.7}}@keyframes wkSpin{to{rotate:1turn}}@keyframes wkPop{0%{opacity:0;scale:.6}}@keyframes wkFloat{0%,to{translate:0 0}50%{translate:0 -7px}}@keyframes wkToast{0%{opacity:0;translate:-18px 12px}}@keyframes wkBob{0%,86%,to{translate:0 0}90%{translate:0 -6px}94%{translate:0 0}}@keyframes wkPing{to{scale:2.6;opacity:0}}@media(max-width:960px){.wk{min-height:0}.wk__grid{grid-template-columns:1fr}.wk__orbit{width:min(92vw,520px)}.wk__comb{--w:min(124px,calc((100vw - var(--gutter) * 2 - 20px) / 3))}.wk__face b{font-size:clamp(.6rem,2.6vw,.8rem)}.wk__face .icon{width:clamp(20px,6vw,28px);height:clamp(20px,6vw,28px)}.wk__toast{left:0}}@media(max-width:560px){.wk__actions .btn{flex:1 1 100%;justify-content:center}.wk__orbit{display:none}.wk__toast{position:relative;left:auto;bottom:auto;margin-top:14px}}@media (prefers-reduced-motion:reduce){.wk__hex,.wk__orbit,.wk__ping:after,.wk__toast{animation:none}}