@font-face{font-family:Figtree;src:url(/demo-assets/Figtree-Variable.woff2) format("woff2");font-weight:300 900;font-display:swap}:root{--yd-paper:#f6f7fc;--yd-ink:#0f1633;--yd-muted:#5a6380;--yd-line:#dfe3f0;--yd-cobalt:#2448f0;--yd-cobalt-deep:#1a37c4;--yd-cobalt-wash:#e9edfe;--yd-bar:#3b3e46;--yd-bar-soft:#555963;--yd-side:#e9eaee;--yd-skel:#d3d5dc;--yd-app:#f1f2f4;--yd-gut:16px;--yd-text:"Figtree",system-ui,-apple-system,"Segoe UI",sans-serif}body:has(.yd){margin:0;background:var(--yd-paper)}.yd{font-family:var(--yd-text);color:var(--yd-ink);min-height:100vh}.yd *,.yd :after,.yd :before{box-sizing:border-box}.yd-head{justify-content:space-between;gap:16px;padding:4px var(--yd-gut);max-width:1480px;margin:0 auto}.yd-head,.yd-head a{display:flex;align-items:center}.yd-head a{min-height:44px}.yd-wm{height:22px;width:auto;display:block}.yd-cta{color:var(--yd-ink);text-decoration:none;font-weight:600;font-size:15px;padding:0 16px;border-radius:999px;box-shadow:inset 0 0 0 1.5px var(--yd-ink)}.yd-cta:hover{background:#fff}.yd-stage{display:grid;grid-gap:24px;gap:24px;padding:0 0 32px;max-width:1480px;margin:0 auto}.yd-window{background:var(--yd-app);overflow:hidden;border-block:1px solid var(--yd-line);min-width:0}.yd-top{height:48px;background:var(--yd-bar);display:flex;align-items:center;justify-content:center;gap:12px;padding:0 12px;position:relative}.yd-search{width:min(52%,420px);height:28px;border-radius:8px;background:var(--yd-bar-soft)}.yd-avatar{position:absolute;right:12px;top:12px;width:24px;height:24px;border-radius:50%;background:#8d919b}.yd-body{display:block}.yd-side{display:none}.yd-app{min-width:0;padding:0 var(--yd-gut) 24px}.yd-app .yd-tabs{padding-inline:0}.yd-tabs{display:flex;gap:0;padding:8px var(--yd-gut) 0;overflow-x:auto;scrollbar-width:none;overscroll-behavior-x:contain;-webkit-mask-image:linear-gradient(270deg,transparent 0,#000 24px);mask-image:linear-gradient(270deg,transparent 0,#000 24px)}.yd-tabs::-webkit-scrollbar{display:none}.yd-tabs a{color:var(--yd-muted);text-decoration:none;font-size:13px;font-weight:600;padding:0 4px;min-height:44px;display:flex;align-items:center;border-radius:8px;white-space:nowrap;flex:none}.yd-tabs a:first-child{margin-left:-4px}.yd-tabs a:last-child{margin-right:24px}.yd-tabs a[aria-current=page]{color:var(--yd-ink);box-shadow:inset 0 -2px 0 var(--yd-cobalt);border-radius:0}.yd-savebar{position:fixed;z-index:20;left:var(--yd-gut);right:var(--yd-gut);bottom:calc(12px + env(safe-area-inset-bottom, 0px));display:flex;align-items:center;gap:8px;padding:8px 8px 8px 16px;box-shadow:0 12px 32px -12px #0f163380;background:var(--yd-ink);color:#fff;border-radius:12px;font-size:14px;font-weight:600}.yd-savebar span{flex:1 1}.yd-savebar button{font:600 14px/1 var(--yd-text);min-height:40px;padding:0 16px;border-radius:8px;border:0;cursor:pointer}.yd-discard{background:transparent;color:#fff;box-shadow:inset 0 0 0 1px #ffffff55}.yd-save{background:#fff;color:var(--yd-ink)}.yd-phone{padding:0 var(--yd-gut);display:grid;grid-gap:8px;gap:8px;justify-items:center}.yd-phone-label{margin:0;font-size:15px;color:var(--yd-muted)}.yd-phone-label b{color:var(--yd-ink)}.yd-device{position:relative;width:min(100%,360px);aspect-ratio:1350/2760}.yd-bezel{inset:0;width:100%;height:100%;pointer-events:none;z-index:2}.wa,.yd-bezel{position:absolute}.wa{--wp:#efe9e1;--in:#fff;--out:#d9fdd3;--meta:#7a7f84;--meta-out:#6b8a72;--link:#027eb5;--btn:#0a7cc4;--bar:#f6f5f3;--sys:-apple-system,"SF Pro Text","SF Pro",system-ui,sans-serif;left:5.3333%;top:2.5%;width:402px;height:874px;transform-origin:0 0;overflow:hidden;border-radius:62px;background:var(--wp) url(/demo-assets/doodle.svg) 0 0 /180px 180px;font-family:var(--sys);color:#0b0b0c;-webkit-font-smoothing:antialiased}.wa-sb{position:absolute;inset:0 0 auto;height:62px;z-index:5}.wa-t{left:0;top:19px;text-align:center;font:600 17px/22px var(--sys);letter-spacing:-.2px}.wa-ic,.wa-t{position:absolute;width:138px}.wa-ic{right:0;top:23px;display:flex;justify-content:center;gap:6px;align-items:center}.wa-navbg{position:absolute;inset:0 0 auto;height:124px;z-index:3;background:linear-gradient(180deg,rgba(239,233,225,.97) 0,rgba(239,233,225,.9) 70%,rgba(239,233,225,0));pointer-events:none}.wa-nav{position:absolute;left:0;right:0;top:56px;height:56px;z-index:4;display:flex;align-items:center;gap:10px;padding:0 12px}.wa-glass{background:rgba(255,255,255,.66);-webkit-backdrop-filter:blur(18px) saturate(1.8);backdrop-filter:blur(18px) saturate(1.8);border:.5px solid rgba(255,255,255,.9);box-shadow:0 1px 1px rgba(0,0,0,.04),0 6px 18px rgba(30,25,20,.1),inset 0 1px 0 rgba(255,255,255,.9)}.wa-back{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;flex:none}.wa-who{flex:1 1;min-width:0;display:flex;align-items:center;gap:10px}.wa-who img{border-radius:50%;flex:none}.wa-who b{display:block;font:600 17px/21px var(--sys);letter-spacing:-.3px;color:#000}.wa-who small{display:block;font:400 13px/16px var(--sys);color:#6d7175}.wa-chat{position:absolute;left:0;right:0;top:116px;bottom:148px;display:flex;flex-direction:column;gap:2px;padding:4px 14px 10px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 14px);mask-image:linear-gradient(180deg,transparent 0,#000 14px)}.wa-chat::-webkit-scrollbar{display:none}.wa-chat>:first-child{margin-top:auto}.wa-note{margin:auto;font:400 15px/20px var(--sys);color:var(--meta)}.wa-day{align-self:center;margin:8px 0 6px;padding:5px 12px;border-radius:10px;background:#fff;font:600 15px/18px var(--sys);color:#000;letter-spacing:-.2px;box-shadow:0 1px .5px rgba(11,20,26,.08)}.wa-m{position:relative;display:flow-root;max-width:318px;padding:6px 10px 7px 11px;border-radius:18px;font:400 17px/22px var(--sys);letter-spacing:-.35px;box-shadow:0 1px .5px rgba(11,20,26,.12);white-space:pre-wrap;overflow-wrap:anywhere;flex:none}.wa-m.in{align-self:flex-start;background:var(--in)}.wa-m.out{align-self:flex-end;background:var(--out)}.wa-m.gap,.wa-tpl.gap{margin-top:8px}.wa-tm{float:right;margin:9px -2px -6px 10px;font:400 12px/14px var(--sys);color:var(--meta);display:inline-flex;gap:3px;align-items:center}.wa-m.out .wa-tm{color:var(--meta-out)}.wa-link{color:var(--link)}.wa-quote{display:block;margin:-2px -6px 6px -7px;padding:6px 10px 7px;border-radius:10px;border-left:4px solid #06cf9c;background:rgba(11,60,20,.06);font:400 15px/19px var(--sys);color:#54656f}.wa-quote>span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-height:38px}.wa-quote b{display:block;font-weight:600;color:#06cf9c}.wa-m.tail.in{border-bottom-left-radius:4px}.wa-m.tail.out{border-bottom-right-radius:4px}.wa-m.tail:after{content:"";position:absolute;bottom:0;width:10px;height:14px;background-repeat:no-repeat;background-size:10px 14px}.wa-m.tail.in:after{left:-6px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='14' viewBox='0 0 10 14'%3E%3Cpath d='M10 0v14H1.5C.6 14 .2 13 .9 12.4 4.2 9.6 6 5.6 6 0z' fill='%23ffffff'/%3E%3C/svg%3E")}.wa-m.tail.out:after{right:-6px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='14' viewBox='0 0 10 14'%3E%3Cpath d='M0 0v14h8.5c.9 0 1.3-1 .6-1.6C5.8 9.6 4 5.6 4 0z' fill='%23d9fdd3'/%3E%3C/svg%3E")}.wa-tpl{align-self:flex-start;max-width:318px;width:100%;display:flex;flex-direction:column;flex:none}.wa-tpl .wa-m{max-width:none;border-bottom-left-radius:6px;border-bottom-right-radius:6px}.wa-b{margin-top:2px;height:44px;background:var(--in);border:0;border-radius:6px;font:500 17px var(--sys);letter-spacing:-.3px;color:var(--btn);box-shadow:0 1px .5px rgba(11,20,26,.12);cursor:pointer}.wa-b:last-child{border-bottom-left-radius:18px;border-bottom-right-radius:18px}.wa-b:disabled{cursor:default}.wa-typing{display:flex;gap:5px;padding:14px}.wa-typing i{width:8px;height:8px;border-radius:50%;background:#9aa0a6;animation:wa-dot 1.2s infinite}.wa-typing i:nth-child(2){animation-delay:.2s}.wa-typing i:nth-child(3){animation-delay:.4s}@keyframes wa-dot{0%,60%,to{opacity:.3}30%{opacity:1}}@media (prefers-reduced-motion:reduce){.wa-typing i{animation:none;opacity:.6}}.wa-comp{position:absolute;left:0;right:0;bottom:0;height:148px;background:var(--bar);z-index:4;box-shadow:0 -.5px 0 rgba(0,0,0,.08);padding:10px 12px 0;display:grid;grid-gap:10px;gap:10px;align-content:start}.wa-replies{display:flex;gap:8px;flex-wrap:wrap}.wa-replies button{font:500 17px/1 var(--sys);letter-spacing:-.3px;color:var(--btn);background:#fff;border:0;border-radius:19px;height:40px;padding:0 14px;box-shadow:inset 0 0 0 .5px rgba(0,0,0,.12);cursor:pointer}.wa-replies button:disabled{cursor:default}.wa-field{height:38px;border-radius:19px;background:#fff;box-shadow:inset 0 0 0 .5px rgba(0,0,0,.12)}.wa-done .wa-comp{height:92px}.wa-done .wa-chat{bottom:92px}.wa-done .wa-replies{display:none}.wa-home{position:absolute;left:50%;bottom:8px;width:140px;height:5px;margin-left:-70px;border-radius:3px;background:#0b0b0c}.yd-phone-slot{min-height:44px;display:grid;justify-items:center}.yd-again{font:600 15px/1 var(--yd-text);background:none;border:0;padding:0;cursor:pointer}.yd-again,.yd-phone-note{color:var(--yd-cobalt);min-height:44px}.yd-phone-note{margin:0;font-size:15px;font-weight:600;text-decoration:none;display:flex;align-items:center}.yd-phone-note:after{content:" \2192";white-space:pre}.yd-error{color:#b42318}.yd-error:after{content:none}.yd-replybar{position:fixed;z-index:15;left:0;right:0;bottom:0;padding:6px var(--yd-gut) calc(6px + env(safe-area-inset-bottom, 0px));background:#fff;box-shadow:0 -1px 0 var(--yd-line),0 -12px 32px -20px #0f163366;display:grid;grid-gap:6px;gap:6px}.yd-replybar span{font-size:13px;line-height:18px;color:var(--yd-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.yd-replybar span b{color:var(--yd-ink);font-weight:600}.yd-replybar div{display:flex;gap:8px}.yd-replybar button{font:600 15px/1 var(--yd-text);color:var(--yd-cobalt);background:var(--yd-cobalt-wash);border:0;border-radius:999px;min-height:44px;padding:0 12px;cursor:pointer;white-space:nowrap}body.yd-bar-up .yd{padding-bottom:120px}body.yd-saving .yd-replybar{display:none}.yd-replybar button:disabled{opacity:.6}.yd-sheet{border:0;padding:0;border-radius:20px 20px 0 0;width:100%;max-width:100%;margin:auto 0 0;font-family:var(--yd-text);color:var(--yd-ink)}.yd-sheet::-webkit-backdrop{background:#0f163366}.yd-sheet::backdrop{background:#0f163366}.yd-sheet:focus{outline:none}.yd-sheet form{padding:20px var(--yd-gut) calc(20px + env(safe-area-inset-bottom, 0px));display:grid;grid-gap:12px;gap:12px}.yd-sheet h2{margin:0;font-size:20px;line-height:1.25}.yd-bubble{padding:10px 12px;background:#efe9e1;border-radius:12px;line-height:1.4;white-space:pre-wrap;overflow-wrap:anywhere;box-shadow:inset 0 0 0 9999px #ffffffcc}.yd-bubble,.yd-detail{margin:0;font-size:15px}.yd-detail{color:var(--yd-muted)}.yd-ok{font:600 16px/1 var(--yd-text);min-height:48px;border:0;border-radius:12px;background:var(--yd-cobalt);color:#fff;cursor:pointer;outline:none}.yd-ok:focus-visible{outline:2px solid var(--yd-cobalt);outline-offset:2px}@media (min-width:760px){.yd-tabs{gap:4px}.yd-tabs a{padding:0 10px}.yd-sheet{border-radius:20px;max-width:460px;margin:auto}.yd-sheet form{padding:24px}}@media (min-width:1100px){:root{--yd-gut:24px}.yd-stage{grid-template-columns:minmax(0,1fr) 380px;align-items:start;padding:0 var(--yd-gut) 40px}.yd-window{border:1px solid var(--yd-line);border-radius:14px;box-shadow:0 24px 60px -30px #0f163340}.yd-body{display:grid;grid-template-columns:200px minmax(0,1fr);min-height:760px}.yd-side{display:flex;flex-direction:column;gap:14px;padding:18px 14px;background:var(--yd-side);border-right:1px solid #dcdee4}.yd-bar{display:block;height:10px;border-radius:5px;background:var(--yd-skel);margin-left:6px}.yd-app-entry{display:flex;align-items:center;gap:8px;margin:4px -4px;padding:6px 10px;border-radius:8px;background:#fff;color:var(--yd-ink);font-weight:600;font-size:14px;text-decoration:none;box-shadow:0 1px 0 #0f16330f}.yd-app-entry img{border-radius:5px}.yd-phone{position:-webkit-sticky;position:sticky;top:16px;padding:0}.yd-replybar{display:none}.yd-savebar{left:auto;right:calc(var(--yd-gut) + 380px + 48px);width:420px}}