.demo{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;overflow-x:hidden}.hero{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(180deg,#1016268c,#101626eb 70%),url(/assets/hero-marina.jpg) center / cover no-repeat}.bar{display:flex;justify-content:space-between;align-items:center;padding:22px clamp(16px,4vw,40px)}.brandlink{display:inline-block;line-height:0;border-radius:4px;opacity:.95;transition:opacity .2s ease}.brandlink:hover{opacity:1}.bar .wordmark{height:26px}@media (max-width: 520px){.bar .wordmark{height:22px}}.small{font-size:12px}#page{flex:1;display:flex;flex-direction:column;justify-content:center;padding:8px clamp(16px,4vw,40px) 24px;width:100%;max-width:1120px;margin:0 auto}.center{text-align:center;padding:18vh 0}.edge{position:relative;box-shadow:0 18px 48px #00000059,0 0 0 1px #e258221f}.edge:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:1.5px;pointer-events:none;background:linear-gradient(135deg,#E25822,transparent 40%,transparent 60%,#F2A93B);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.solo{width:100%;max-width:560px;margin:0 auto;text-align:center;display:flex;flex-direction:column;align-items:center}.live{color:var(--green)}#marina{font-size:clamp(34px,5vw,48px);line-height:1.05;margin:8px 0 12px;overflow-wrap:anywhere}.pitch{max-width:40ch;margin:0 auto 22px}.callpanel{width:100%;padding:32px 28px 36px;min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;text-align:center}.wave{width:100%;height:56px}.callstate{min-height:1.5em;margin:0}.controls{display:flex;align-items:center;justify-content:center;gap:44px}.round{border:0;border-radius:50%;display:grid;place-items:center;cursor:pointer;color:#fff;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.ring-green{width:108px;height:108px;background:var(--green-deep);box-shadow:0 0 0 10px #3ecf8e29,0 0 0 22px #3ecf8e12;transition:transform .15s ease}.ring-green:hover{transform:scale(1.04)}.ring-green.connecting{animation:pulse 1.2s ease-in-out infinite}@keyframes pulse{50%{box-shadow:0 0 0 16px #3ecf8e38,0 0 0 30px #3ecf8e0f}}.ring-red{width:76px;height:76px;background:var(--red);box-shadow:0 0 0 8px #e5484d2e}.side{width:56px;height:56px;flex:none;color:var(--cream-2);background:#f5f1e812;border:.5px solid rgba(245,241,232,.22);transition:background .15s ease,color .15s ease,border-color .15s ease}.side:hover{background:#f5f1e821;color:var(--cream)}.side .ic-off,.side[aria-pressed=true] .ic-on{display:none}.side[aria-pressed=true] .ic-off{display:block}#mute[aria-pressed=true]{color:#fff;background:#e5484d4d;border-color:#e5484d8c}#vol[aria-pressed=true]{color:var(--cream);background:#f5f1e829}.turns{margin-top:12px;flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:12px;text-align:left;padding-right:4px}.turn{max-width:86%}.turn-who{font-size:11px;margin-bottom:3px}.turn-text{padding:9px 12px;overflow-wrap:anywhere}.turn-agent .turn-who{color:var(--orange)}.turn-agent .turn-text{background:#f5f1e814;border-radius:4px 14px 14px}.turn-caller{align-self:flex-end}.turn-caller .turn-who{color:var(--cream-3);text-align:right}.turn-caller .turn-text{background:#3ecf8e29;border:.5px solid rgba(62,207,142,.35);border-radius:14px 4px 14px 14px}.error{color:#ff8a8e}a{color:var(--cream)}.foot{padding:8px clamp(16px,4vw,40px) 22px;width:100%;max-width:1120px;margin:0 auto}.foot-strip{display:flex;align-items:center;justify-content:space-between;gap:8px 24px;padding:11px 20px;border-radius:999px}.foot-strip>*{flex:0 1 auto}.foot-source,.foot-until{min-width:0}.foot-until{text-align:center}.foot-source:empty,.foot-until:empty{display:none}.foot-powered{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--cream-2);text-decoration:none;white-space:nowrap;transition:color .2s ease}.foot-powered:hover{color:var(--cream)}.heart{color:var(--orange);flex:none}.dot{opacity:.5}.wordmark-sm{height:.8em;width:auto;display:block}.foot-site{display:block;width:fit-content;margin:14px auto 0;font-size:11px;letter-spacing:.16em;color:var(--cream-3);text-decoration:none;transition:color .2s ease}.foot-site:hover{color:var(--cream)}@media (max-width: 720px){.foot-strip{flex-direction:column;border-radius:16px;text-align:center;padding:14px 16px}.foot-powered{order:-1}}@media (prefers-reduced-motion: reduce){.ring-green,.ring-green.connecting{animation:none;transition:none}}@media (max-width: 520px){.bar{padding:16px}#marina{margin:6px 0 10px}.pitch{margin-bottom:18px}.callpanel{padding:28px 16px 30px;min-height:0}.controls{gap:34px}.side{width:52px;height:52px}}.chathint{margin:14px 0 2px}.chatbtn{position:relative;font:inherit;font-size:14px;font-weight:500;letter-spacing:.01em;color:var(--cream);cursor:pointer;display:inline-flex;align-items:center;gap:10px;padding:12px 24px 12px 20px;border-radius:14px;border:.5px solid var(--line);background:#f5f1e80d;transition:background .2s ease,color .2s ease,border-color .2s ease,box-shadow .25s ease,transform .15s ease;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.chatbtn:before,.chatbtn:after{content:"";position:absolute;width:60%;height:80%;pointer-events:none;transition:opacity .2s ease}.chatbtn-ic{color:var(--orange);flex:none;transition:color .2s ease}.chatbtn:hover:not(:disabled) .chatbtn-ic{color:#fff}.chatbtn:before{top:0;left:0;border-top:1.5px solid var(--orange);border-left:1.5px solid var(--orange);border-top-left-radius:14px;-webkit-mask-image:linear-gradient(135deg,#000 0%,transparent 70%);mask-image:linear-gradient(135deg,#000 0%,transparent 70%)}.chatbtn:after{bottom:0;right:0;border-bottom:1.5px solid var(--cream);border-right:1.5px solid var(--cream);border-bottom-right-radius:14px;-webkit-mask-image:linear-gradient(315deg,#000 0%,transparent 70%);mask-image:linear-gradient(315deg,#000 0%,transparent 70%)}.chatbtn:hover:not(:disabled){background:var(--orange);border-color:var(--orange);color:#fff;box-shadow:0 0 0 1px #e2582259,0 6px 22px #e2582261,0 0 34px #e2582238}.chatbtn:hover:not(:disabled):before,.chatbtn:hover:not(:disabled):after{opacity:0}.chatbtn:active:not(:disabled){transform:scale(.98)}.chatbtn:disabled{opacity:.5;cursor:default}.chatbtn:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.chatform{display:flex;gap:8px;margin-top:12px}.chatform input{flex:1;min-width:0;padding:10px 12px;font-size:16px}body.calling .chathint,body.calling .chatbtn,body.chatting .chathint,body.chatting .chatbtn{visibility:hidden}.convo-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;display:flex;align-items:center;justify-content:center;padding:16px;background:#1016269e;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.convo-backdrop[hidden]{display:none}body.in-convo{overflow:hidden}.convo .turns{overscroll-behavior:contain}.convo{width:520px;max-width:100%;height:min(680px,86vh);height:min(680px,86dvh);display:flex;flex-direction:column;padding:18px 18px 16px;border-radius:22px;background:#101626e6}.convo-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.convo-title{font-size:24px;margin:0}.convostate{margin:4px 0 0;min-height:1.2em}.convostate.error{color:#ff8a8e}.convo-x{flex:none;width:40px;height:40px;display:grid;place-items:center;border-radius:50%;border:.5px solid rgba(245,241,232,.22);background:#f5f1e80f;color:var(--cream);cursor:pointer;touch-action:manipulation}.convo-x:hover{background:#f5f1e824}.convo-x:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.convo .wave{margin-top:10px;height:44px;flex:none}.convo.is-call .wave{width:min(100%,420px);height:clamp(88px,16vh,140px);margin:clamp(14px,3vh,28px) auto clamp(4px,1vh,10px)}.convo-head{position:relative;justify-content:center;text-align:center}.convo-head>div{padding:0 48px}.convo-x{position:absolute;right:0;top:0}.convostate:empty{display:none}.convo.is-call .convostate{font-size:13px;letter-spacing:.01em}.convo .turns{-webkit-mask-image:linear-gradient(to bottom,transparent,#000 18px);mask-image:linear-gradient(to bottom,transparent,#000 18px);padding-top:10px}.convo-foot{display:flex;flex-direction:column;align-items:center;gap:10px;padding:14px 0 18px}.convo-foot:empty{display:none}.convo-foot .controls{gap:40px}.convo-foot .ring-green{width:84px;height:84px;box-shadow:0 0 0 8px #3ecf8e29,0 0 0 16px #3ecf8e12}.convo-foot .ring-red{width:68px;height:68px}@media (max-width: 640px){.convo-backdrop{align-items:flex-end;padding:0}.convo{width:100%;height:88vh;height:88dvh;border-radius:22px 22px 0 0;padding:16px 16px max(16px,env(safe-area-inset-bottom))}}.assess{position:relative;isolation:isolate;margin-top:26px;display:flex;flex-direction:column;align-items:center;gap:10px;max-width:420px}.assess:before{content:"";position:absolute;z-index:-1;left:50%;top:22px;width:300px;height:90px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(closest-side,rgba(226,88,34,.22),rgba(242,169,59,.07) 60%,transparent);filter:blur(10px);pointer-events:none}.assess-line{margin:0;line-height:1.5}.assessbtn{font:inherit;font-size:15px;font-weight:500;color:#fff;background:var(--orange);border:0;border-radius:12px;padding:13px 26px;cursor:pointer;transition:box-shadow .25s ease,transform .15s ease,background .2s ease}.assessbtn:hover{background:#cf4d1c;box-shadow:0 6px 22px #e2582261,0 0 30px #e2582233}.assessbtn:active{transform:scale(.98)}.assessbtn:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.adlg-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:16px;background:#10162699;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.adlg-backdrop[hidden]{display:none}.adlg{width:440px;max-width:100%;max-height:92vh;overflow-y:auto;padding:24px;border-radius:20px;background:#101626e0}.adlg-title{font-size:26px;margin:0 0 6px}.adlg form{display:flex;flex-direction:column;gap:12px;margin-top:14px}.adlg form>label{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--cream-2)}.adlg input[type=text],.adlg input[type=email],.adlg input[type=tel]{font-size:16px;padding:11px 12px}.as-int{border:0;padding:0;margin:4px 0 0;display:flex;flex-direction:column;gap:8px}.as-int legend{color:var(--cream-2);margin-bottom:6px}.adlg .check{display:flex;flex-direction:row;align-items:center;gap:10px;font-size:14px;color:var(--cream);cursor:pointer}.adlg .check input{width:16px;height:16px;accent-color:var(--orange)}.adlg .error:empty{display:none}.adlg-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:8px}