:root{--landing-panel:#141414;--landing-control:#313131;--landing-chip:#f1f1f1;--landing-match:#16a34a;--landing-card:#fff;--landing-image-placeholder:#e7eef7}.imageGenShell{aspect-ratio:578/406;background:var(--landing-card);border-radius:28px;flex-direction:column;justify-content:center;width:100%;padding:36px 24px 34px;display:flex;position:relative;overflow:hidden}.imageGenMagnetic{z-index:2;justify-content:center;align-items:center;gap:12px;min-height:334px;display:flex;position:relative;overflow:visible}.imageGenBackdrop{z-index:1;cursor:default;background:0 0;border:0;position:absolute;inset:-28px}.imageGenItem{background-color:var(--landing-image-placeholder);cursor:pointer;appearance:none;will-change:width,height,filter,opacity;animation:.56s cubic-bezier(.22,1,.36,1) both imageGenReveal;animation-delay:calc(var(--image-gen-index)*70ms);background-position:50%;background-size:cover;border:0;border-radius:15px;flex:none;position:relative;overflow:hidden;box-shadow:0 24px 56px #00000057}.imageGenItemDefault{box-shadow:0 32px 74px #00000075}.imageGenItem:hover,.imageGenItem:focus-visible{outline:none;box-shadow:0 34px 80px #00000085}@keyframes imageGenReveal{0%{opacity:0;transform:translateY(12px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@media (max-width:640px){.imageGenShell{padding:28px 12px}.imageGenMagnetic{width:792px;min-height:250px;transform:scale(min(1,calc((100vw - 72px)/792px)));transform-origin:50%;align-self:center}}@media (min-width:641px) and (max-width:1023px){.imageGenMagnetic{width:792px;transform:scale(min(1,calc((100vw - 96px)/792px)));transform-origin:50%;align-self:center}}@media (prefers-reduced-motion:reduce){.imageGenItem{animation:none}}
.hduo{--hd-surf:#0e0f12;--hd-surf-2:#1b1d20;--hd-card:#151619;--hd-line:#25262a;--hd-ink:#f1f2f4;--hd-ink-2:#afb1b5;--hd-ink-3:#787a7f;--hd-live:#33ac5a;--hd-me:#2885ef;color:var(--hd-ink);font-family:var(--font-inter),ui-sans-serif,sans-serif}@supports (color:lab(0% 0 0)){.hduo{--hd-surf:lab(4.42209% -.0566915 -1.33207);--hd-surf-2:lab(10.6522% -.107177 -2.25014);--hd-card:lab(7.20007% -.0931919 -2.19784);--hd-line:lab(15.2876% -.125393 -2.62534);--hd-ink:lab(95.3473% -.0742078 -1.13652);--hd-ink-2:lab(72.1341% -.139892 -2.26799);--hd-ink-3:lab(51.2447% -.172496 -3.01597);--hd-live:lab(62.5636% -48.4312 32.0721);--hd-me:lab(54.6258% 2.65774 -61.8812)}}.hduo svg{flex:none;display:block}.hduo-stage{pointer-events:none;background:linear-gradient(#fff0 43.25%,#ffffff42 100%);position:absolute;inset:0}.hduo-fit{height:470px;position:relative}.hduo-canvas{transform-origin:top;width:1000px;height:652px;position:absolute;top:0;left:50%;transform:translate(-50%)scale(.68)}.hduo-window{position:absolute;top:40px;left:0}.hduo-phone-wrap{position:absolute;top:0;left:700px}@media (min-width:1100px){.hduo{padding-bottom:60px}.hduo-fit{height:652px}.hduo-canvas{transform:translate(-50%)}}@media (max-width:767px){.hduo-fit{height:auto}.hduo-canvas{flex-direction:column;align-items:center;gap:16px;width:auto;height:auto;display:flex;position:static;transform:none}.hduo-window{display:none}.hduo-phone-wrap{position:static}}.hduo-win{--hd-covered:60px;background:var(--hd-surf);border-radius:16px;width:760px;height:560px;overflow:hidden;box-shadow:0 0 0 1px #ffffff14,0 40px 100px -20px #000c;box-shadow:0 0 0 1px lab(100% 0 0/.08),0 40px 100px -20px lab(0% 0 0/.8)}.hduo-bar{height:48px;padding:0 calc(16px + var(--hd-covered))0 16px;background:#151619;background:lab(7.20007% -.0931919 -2.19784);border-bottom:1px solid #ffffff0a;border-bottom:1px solid lab(100% 0 0/.04);grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;display:grid}.hduo-bar-side{color:var(--hd-ink-3);align-items:center;gap:16px;display:flex}.hduo-bar-end{justify-content:flex-end}.hduo-lights{gap:8px;margin-right:8px;display:flex}.hduo-dot{background:#2e3035;border-radius:50%;width:12px;height:12px}.hduo-nav{gap:8px;display:flex}.hduo-nav svg:last-child{opacity:.4}.hduo-url{width:280px;height:28px;font:500 12px/1 var(--font-inter),sans-serif;color:var(--hd-ink-2);background:#0b0c0e;border-radius:8px;justify-content:center;align-items:center;gap:6px;display:flex;position:relative}.hduo-url svg{color:var(--hd-ink-3)}.hduo-lock,.hduo-reload{position:absolute}.hduo-lock{left:10px}.hduo-reload{right:10px}.hduo-main{height:calc(100% - 48px);padding:0 calc(16px + var(--hd-covered))24px 16px;flex-direction:column;gap:24px;display:flex}.hduo-head{height:60px;margin:0 calc(-16px - var(--hd-covered))0 -16px;padding:0 calc(16px + var(--hd-covered))0 16px;border-bottom:1px solid #ffffff0f;border-bottom:1px solid lab(100% 0 0/.06);grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;display:grid}.hduo-titles{min-width:0;display:grid}.hduo-title{opacity:var(--on,0);white-space:nowrap;text-overflow:ellipsis;font:500 13px/1 var(--font-inter),sans-serif;color:var(--hd-ink-2);grid-area:1/1;overflow:hidden}.hduo-pickers{display:grid}.hduo-picker{opacity:var(--on,0);height:28px;font:600 13px/1 var(--font-inter),sans-serif;color:var(--hd-ink-3);grid-area:1/1;justify-self:center;align-items:center;gap:6px;display:flex}.hduo-picker span,.hduo-picker .hduo-mark{color:var(--hd-ink)}.hduo-head-end{font:500 12px/1 var(--font-inter),sans-serif;justify-content:flex-end;align-items:center;gap:12px;display:flex}.hduo-memory{background:var(--hd-surf-2);height:28px;color:var(--hd-ink);border-radius:999px;align-items:center;gap:6px;padding:0 5px 0 10px;display:flex}.hduo-memory>svg{color:var(--hd-live)}.hduo-count{background:var(--hd-live);min-width:18px;height:18px;font:600 11px/1 var(--font-inter),sans-serif;color:var(--hd-surf);border-radius:999px;align-items:center;padding:0 5px;display:grid;overflow:hidden}.hduo-thread{flex:1;align-items:start;margin:0 32px;display:grid}.hduo-convo{opacity:var(--on,0);flex-direction:column;grid-area:1/1;gap:16px;display:flex}.hduo-q{background:var(--hd-surf-2);max-width:80%;font:400 14px/1.5 var(--font-inter),sans-serif;text-wrap:pretty;border-radius:20px;align-self:flex-end;padding:10px 16px;position:relative}.hduo-q:before,.hduo-q:after{content:"";height:20px;position:absolute;bottom:0}.hduo-q:before{background:var(--hd-surf-2);border-bottom-left-radius:16px 14px;width:20px;right:-7px}.hduo-q:after{background:var(--hd-surf);border-bottom-left-radius:10px;width:26px;right:-26px}.hduo-ans{font:400 14px/22px var(--font-inter),sans-serif;flex-direction:column;gap:12px;display:flex}.hduo-plan{font:400 14px/20px var(--font-inter),sans-serif;grid-template-columns:auto 1fr;gap:8px 16px;display:grid}.hduo-plan b{color:var(--hd-ink-2);font-weight:600}.hduo-saved{background:color-mix(in oklch,var(--hd-live)9%,transparent);box-shadow:inset 0 0 0 1px color-mix(in oklch,var(--hd-live)16%,transparent);font:500 12px/1 var(--font-inter),sans-serif;color:var(--hd-ink-3);opacity:var(--on,0);transform:translateY(calc((1 - var(--on,0))*4px));transition:opacity .25s var(--hd-ease).25s,transform .35s var(--hd-ease).25s;border-radius:10px;align-self:flex-start;align-items:center;gap:6px;padding:8px 12px 8px 10px;display:flex}.hduo-saved svg{color:var(--hd-live)}.hduo-saved b{color:var(--hd-ink);font-weight:500}.hduo-composer{border:1px solid var(--hd-line);height:48px;font:400 14px/1 var(--font-inter),sans-serif;color:var(--hd-ink-3);border-radius:24px;align-items:center;gap:12px;margin:0 32px;padding:0 8px 0 16px;display:flex}.hduo-composer .hduo-grow{flex:1}.hduo-send{background:var(--hd-ink);width:32px;height:32px;color:var(--hd-surf);border-radius:50%;justify-content:center;align-items:center;display:flex}.hduo-phone{background:#0f1012;border-radius:52px;width:300px;height:620px;padding:10px;box-shadow:0 0 0 1px #ffffff1a,0 0 0 3px #030304,0 50px 100px -20px #000000d9;box-shadow:0 0 0 1px lab(100% 0 0/.1),0 0 0 3px lab(.89875% -.0126734 -.373939),0 50px 100px -20px lab(0% 0 0/.85)}.hduo-screen{background:#121416;background:lab(6.18983% -.517465 -1.89119);border-radius:42px;width:100%;height:100%;position:relative;overflow:hidden}.hduo-map{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.hduo-attribution{margin:16px var(--page-margin)0;font:500 12px/1.5 var(--font-inter),sans-serif;color:var(--hd-ink);flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex;position:relative}.hduo-attribution a{text-underline-offset:3px;text-decoration:underline}.hduo-status{z-index:4;width:100%;height:auto;color:var(--hd-ink);position:absolute;inset:0 0 auto}.hduo-topbar{z-index:3;justify-content:space-between;display:flex;position:absolute;top:56px;left:16px;right:16px}.hduo-iconbtn{background:var(--hd-card);width:40px;height:40px;color:var(--hd-ink);border-radius:50%;justify-content:center;align-items:center;display:flex;box-shadow:inset 0 0 0 1px #ffffff0f,0 8px 20px #00000059;box-shadow:inset 0 0 0 1px lab(100% 0 0/.06),0 8px 20px lab(0% 0 0/.35)}.hduo-bell-dot{fill:#ff463d;stroke:var(--hd-card)}.hduo{--hd-ring:#49a9f0;--hd-ease:cubic-bezier(.22,1,.36,1)}.hduo-canvas[data-active="0"] [data-for~="0"],.hduo-canvas[data-active="1"] [data-for~="1"],.hduo-canvas[data-active="2"] [data-for~="2"],.hduo-canvas[data-active="3"] [data-for~="3"]{--on:1}.hduo-pin{z-index:calc(2 + var(--on,0));width:60px;color:inherit;font:inherit;cursor:pointer;pointer-events:auto;background:0 0;border:0;flex-direction:column;align-items:center;gap:7px;padding:0;display:flex;position:absolute}.hduo-pin img{object-fit:cover;width:40px;height:40px;box-shadow:0 0 0 1px var(--hd-surf),0 0 0 3px rgb(158 51 229/var(--on,0)),0 0 0 3px var(--hd-ring),0 6px 16px #00000080;border-radius:50%}@supports (color:lab(0% 0 0)){.hduo-pin img{box-shadow:0 0 0 1px var(--hd-surf),0 0 0 3px rgb(158 51 229/var(--on,0)),0 0 0 3px var(--hd-ring),0 6px 16px lab(0% 0 0/.5)}}@media (prefers-reduced-motion:no-preference){.hduo-pin img{transform:scale(calc(1 + var(--on,0)*.08));transition:box-shadow .25s var(--hd-ease),transform .3s var(--hd-ease),scale .15s var(--hd-ease)}.hduo-pin:hover img{scale:1.05}.hduo-pin:active img{scale:.94}}.hduo-pin-live{background:var(--hd-live);width:10px;height:10px;box-shadow:0 0 0 1.5px var(--hd-surf);border-radius:50%;position:absolute;top:30px;right:9.5px}.hduo-pin-name{font:600 11px/1.2 var(--font-inter),sans-serif;background:#191b1de6;background:lab(9.4921% -.105031 -2.24904/.9);border-radius:999px;padding:3px 8px}.hduo-me{z-index:2;background:var(--hd-me);width:16px;height:16px;box-shadow:0 0 0 3px var(--hd-ink),0 0 0 14px color-mix(in oklch,var(--hd-me)18%,transparent);border-radius:50%;position:absolute;top:40%;left:48%;transform:translate(-50%,-50%)}.hduo-sheet{z-index:3;background:var(--hd-card);border-radius:28px;flex-direction:column;gap:12px;padding:16px;display:flex;position:absolute;bottom:8px;left:8px;right:8px;box-shadow:inset 0 -1px #ffffff0f,0 20px 40px #00000080;box-shadow:inset 0 -1px lab(100% 0 0/.06),0 20px 40px lab(0% 0 0/.5)}.hduo-grab{background:var(--hd-line);border-radius:999px;align-self:center;width:36px;height:4px;margin:-6px 0 -2px}.hduo-cards{display:grid}.hduo-card{opacity:var(--on,0);flex-direction:column;grid-area:1/1;gap:12px;display:flex}.hduo-person{align-items:center;gap:12px;display:flex}.hduo-person img{object-fit:cover;border-radius:50%;width:40px;height:40px}.hduo-person-name{font:600 15px/1.2 var(--font-inter),sans-serif}.hduo-person-meta{font:500 12px/1.4 var(--font-inter),sans-serif;color:var(--hd-ink-3)}.hduo-reason{background:var(--hd-surf-2);font:500 13px/1.3 var(--font-inter),sans-serif;color:var(--hd-ink-2);border-radius:12px;align-items:center;gap:8px;padding:8px 12px;display:flex}.hduo-acts{gap:8px;display:flex}.hduo-acts span{height:40px;font:600 13px/1 var(--font-inter),sans-serif;border-radius:999px;flex:1;justify-content:center;align-items:center;gap:6px;display:flex}.hduo-acts .hduo-pri{background:var(--hd-ink);color:var(--hd-surf)}.hduo-count span{opacity:var(--on,0);grid-area:1/1;justify-self:center}.hduo-acts .hduo-sec{background:var(--hd-surf-2)}.hduo-reason{color:var(--hd-ink)}.hduo-reason svg{color:var(--hd-live);flex:none}.hduo-sheet{animation:hduo-rise .4s var(--hd-ease).55s both}@keyframes hduo-rise{0%{opacity:0;transform:translateY(24px)}}@media (prefers-reduced-motion:reduce){.hduo-sheet{animation:none}.hduo-saved{transition:none}}
@keyframes hero-appear{0%{opacity:0;transform:translateY(12px)}}.hero-appear{animation:hero-appear .25s cubic-bezier(.33,1,.68,1)var(--appear-delay,0s)backwards}@media (prefers-reduced-motion:reduce){.hero-appear{animation:none}}
