.dotbot-demo{--dotbot-primary:#6d3df5;--dotbot-primary-dark:#4b24c8;--dotbot-lime:#c9f238;--dotbot-bg:#fff;--dotbot-text:#17112b;--dotbot-muted:#625b74;--dotbot-line:#e7e1f8;--dotbot-soft:#f6f1ff;font-family:inherit;color:var(--dotbot-text)}.dotbot-shell{position:relative;max-width:1180px;min-height:790px;margin:32px auto;padding:28px;border:1px solid var(--dotbot-line);border-radius:36px;background:radial-gradient(circle at 10% 12%,rgba(201,242,56,.24) 0,transparent 30%),radial-gradient(circle at 90% 10%,#efe7ff 0,transparent 32%),linear-gradient(145deg,#fff 0%,#fbf9ff 100%);box-shadow:0 30px 90px rgba(58,35,110,.14);overflow:hidden}.dotbot-stage-dotbot{position:absolute;z-index:4;width:245px;display:flex;flex-direction:column;align-items:center;gap:14px;transition:left .65s cubic-bezier(.22,1,.36,1),top .65s cubic-bezier(.22,1,.36,1),bottom .65s cubic-bezier(.22,1,.36,1),right .65s cubic-bezier(.22,1,.36,1),transform .65s cubic-bezier(.22,1,.36,1),width .65s cubic-bezier(.22,1,.36,1);will-change:transform,left,top}.dotbot-avatar-wrap{width:100%;aspect-ratio:1;display:flex;align-items:center;justify-content:center}.dotbot-avatar-img{max-width:100%;max-height:100%;object-fit:contain;border-radius:34px;mix-blend-mode:multiply;filter:drop-shadow(0 24px 32px rgba(50,58,20,.18))}.dotbot-avatar-placeholder{width:100%;height:100%;border-radius:44px;background:linear-gradient(145deg,#c9f238,#67a525);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#172010;box-shadow:0 22px 42px rgba(109,61,245,.18);transform:rotate(-2deg)}.dotbot-avatar-placeholder span{font-size:42px;font-weight:900;line-height:.95}.dotbot-avatar-placeholder strong{font-size:34px;line-height:1}.dotbot-speech{position:relative;width:280px;box-sizing:border-box;padding:15px 16px;border-radius:22px;background:rgba(255,255,255,.94);border:1px solid var(--dotbot-line);box-shadow:0 15px 38px rgba(58,35,110,.09);font-size:14px;backdrop-filter:blur(8px)}.dotbot-speech:before{content:"";position:absolute;top:-8px;left:50%;width:16px;height:16px;background:#fff;border-left:1px solid var(--dotbot-line);border-top:1px solid var(--dotbot-line);transform:translateX(-50%) rotate(45deg)}.dotbot-speech strong,.dotbot-speech span{position:relative;display:block}.dotbot-speech strong{margin-bottom:5px}.dotbot-speech span{color:var(--dotbot-muted);line-height:1.42}.dotbot-demo[data-dotbot-stage=intro] .dotbot-stage-dotbot{left:38px;top:50%;transform:translateY(-50%)}.dotbot-demo[data-dotbot-stage=processing] .dotbot-stage-dotbot{left:34px;top:26px;width:150px;transform:translateY(0)}.dotbot-demo[data-dotbot-stage=review] .dotbot-stage-dotbot{left:30px;top:560px;width:138px;transform:translateY(-50%)}.dotbot-demo[data-dotbot-stage=hours] .dotbot-stage-dotbot{left:34px;top:28px;width:136px;transform:translateY(0)}.dotbot-demo[data-dotbot-stage=magic] .dotbot-stage-dotbot{left:42px;top:575px;width:126px;transform:translateY(-50%) rotate(-4deg)}.dotbot-demo[data-dotbot-stage=processing] .dotbot-speech,.dotbot-demo[data-dotbot-stage=hours] .dotbot-speech{width:300px}.dotbot-demo[data-dotbot-stage=review] .dotbot-speech,.dotbot-demo[data-dotbot-stage=magic] .dotbot-speech{width:260px}.dotbot-stage-content{position:absolute;inset:28px 28px 28px 310px;z-index:2}.dotbot-panel{position:absolute;inset:0;opacity:0;visibility:hidden;transform:translateY(14px) scale(.985);transition:opacity .32s ease,transform .38s cubic-bezier(.22,1,.36,1),visibility .32s ease;display:flex;flex-direction:column;justify-content:center;overflow-y:auto;padding:10px 8px 10px 4px;scrollbar-width:thin}.dotbot-panel-active{opacity:1;visibility:visible;transform:translateY(0) scale(1)}.dotbot-demo[data-dotbot-stage=processing] .dotbot-stage-content,.dotbot-demo[data-dotbot-stage=hours] .dotbot-stage-content{inset:112px 34px 34px 230px}.dotbot-demo[data-dotbot-stage=review] .dotbot-stage-content{inset:34px 34px 34px 230px}.dotbot-demo[data-dotbot-stage=magic] .dotbot-stage-content{inset:30px 30px 30px 220px}.dotbot-kicker{display:inline-flex;align-self:flex-start;padding:6px 11px;border-radius:999px;background:#f1ebff;color:var(--dotbot-primary-dark);font-size:13px;font-weight:800;letter-spacing:.02em}.dotbot-panel h2{margin:16px 0 10px;font-size:clamp(36px,4.4vw,62px);line-height:1.01;letter-spacing:-.045em;color:var(--dotbot-text);max-width:760px}.dotbot-subtitle{max-width:720px;margin:0 0 24px;color:var(--dotbot-muted);font-size:clamp(17px,2vw,21px);line-height:1.45}.dotbot-form{display:flex;gap:10px;align-items:center;max-width:720px;margin:22px 0}.dotbot-form input[name=website_url]{flex:1;min-width:0;padding:18px 20px;border:1px solid #d8d0ee;border-radius:18px;font-size:18px;background:#fff;color:var(--dotbot-text);box-shadow:0 10px 28px rgba(58,35,110,.06)}.dotbot-form button,.dotbot-review-form button,.dotbot-hours-form button[type=submit],.dotbot-button,.dotbot-copy{appearance:none;border:0;border-radius:17px;background:var(--dotbot-primary);color:#fff;padding:16px 22px;font-weight:900;text-decoration:none;cursor:pointer;box-shadow:0 14px 34px rgba(109,61,245,.24);display:inline-flex;align-items:center;justify-content:center}.dotbot-form button:hover,.dotbot-review-form button:hover,.dotbot-hours-form button[type=submit]:hover,.dotbot-button:hover,.dotbot-copy:hover{background:var(--dotbot-primary-dark);color:#fff}.dotbot-hp{position:absolute!important;left:-9999px!important;opacity:0!important}.dotbot-progress-hero{max-width:760px;padding:30px;border-radius:28px;background:#fff;border:1px solid var(--dotbot-line);box-shadow:0 20px 50px rgba(58,35,110,.1)}.dotbot-progress-hero h3{margin:12px 0 8px;font-size:34px;letter-spacing:-.03em}.dotbot-progress-hero p{margin:0;color:var(--dotbot-muted);font-size:18px}.dotbot-spinner{width:34px;height:34px;border-radius:50%;border:4px solid #d8cdfb;border-top-color:var(--dotbot-primary);animation:dotbot-spin .8s linear infinite}.dotbot-progress-hero ul{margin:18px 0 0;padding:0;list-style:none;color:var(--dotbot-muted);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 14px}.dotbot-progress-hero li{margin:0;font-size:14px}.dotbot-progress-hero li span{color:#14a46c;font-weight:900;margin-right:8px}.dotbot-step-head{margin-bottom:16px}.dotbot-step-head span{display:inline-flex;padding:5px 10px;border-radius:999px;background:var(--dotbot-soft);color:var(--dotbot-primary-dark);font-size:12px;font-weight:900}.dotbot-step-head h3{margin:10px 0 5px;font-size:32px;letter-spacing:-.03em}.dotbot-step-head p{margin:0;color:var(--dotbot-muted)}.dotbot-review-form,.dotbot-hours-form{padding:20px;border:1px solid var(--dotbot-line);border-radius:24px;background:rgba(255,255,255,.96);box-shadow:0 18px 45px rgba(58,35,110,.08)}.dotbot-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.dotbot-grid label,.dotbot-raw-hours,.dotbot-snippet label{display:flex;flex-direction:column;gap:7px;color:var(--dotbot-text);font-weight:800}.dotbot-wide{grid-column:1/-1}.dotbot-grid input,.dotbot-grid textarea,.dotbot-raw-hours textarea,.dotbot-snippet textarea{width:100%;box-sizing:border-box;padding:12px 13px;border:1px solid #d8d0ee;border-radius:13px;font:inherit;font-weight:400;background:#fff;color:var(--dotbot-text)}.dotbot-form-actions{margin-top:16px;display:flex;justify-content:flex-end}.dotbot-hours-actions{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:14px}.dotbot-hours-actions button{border:1px solid #d8d0ee;background:#fff;color:var(--dotbot-primary-dark);border-radius:999px;padding:10px 13px;font-weight:850;cursor:pointer}.dotbot-hours-actions button.dotbot-selected{background:var(--dotbot-soft);border-color:var(--dotbot-primary);box-shadow:0 8px 22px rgba(109,61,245,.12)}.dotbot-calendar-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:14px}.dotbot-day-row{display:grid;grid-template-columns:1fr 96px 96px;align-items:center;gap:8px;padding:10px;border:1px solid var(--dotbot-line);border-radius:15px;background:#fff}.dotbot-day-row span{font-weight:850}.dotbot-day-row input[type=time]{min-width:0;padding:9px 8px;border:1px solid #d8d0ee;border-radius:10px}.dotbot-magic-layout{display:grid;grid-template-columns:minmax(250px,360px) minmax(0,1fr);align-items:center;gap:18px;min-height:650px}.dotbot-magic-copy{position:relative;z-index:3}.dotbot-perspective-scene{position:relative;min-height:560px;perspective:1200px;display:flex;align-items:center;justify-content:center;overflow:visible}.dotbot-slanted-browser{width:min(760px,100%);border:1px solid rgba(231,225,248,.9);border-radius:26px;background:#fff;box-shadow:0 42px 85px rgba(35,23,79,.22);overflow:hidden;transform:rotateY(-17deg) rotateX(7deg) rotateZ(-2deg);transform-origin:center;transition:transform .5s cubic-bezier(.22,1,.36,1)}.dotbot-slanted-browser:hover{transform:rotateY(-12deg) rotateX(5deg) rotateZ(-1deg) translateY(-3px)}.dotbot-browser-bar{height:42px;display:flex;align-items:center;gap:7px;padding:0 14px;background:#f4f0fb;border-bottom:1px solid var(--dotbot-line)}.dotbot-browser-bar i{width:10px;height:10px;border-radius:50%;background:#d3c9e8}.dotbot-browser-bar i:nth-child(1){background:#ff6b6b}.dotbot-browser-bar i:nth-child(2){background:#ffd166}.dotbot-browser-bar i:nth-child(3){background:#06d6a0}.dotbot-browser-bar strong{margin-left:8px;color:var(--dotbot-muted);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dotbot-browser-screen{position:relative;height:500px;background:#f8f8fb;overflow:hidden}.dotbot-browser-screen img{width:100%;height:100%;object-fit:cover;object-position:top;filter:saturate(.96)}.dotbot-browser-screen:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(23,17,43,.10));pointer-events:none}.dotbot-widget-preview{position:absolute;right:28px;bottom:26px;width:min(330px,48%);border-radius:22px;background:#fff;box-shadow:0 22px 48px rgba(20,14,47,.25);overflow:hidden;z-index:2;border:1px solid rgba(109,61,245,.12);transform:translateZ(80px)}.dotbot-widget-head{padding:13px 16px;background:var(--dotbot-primary);color:#fff;font-weight:900}.dotbot-widget-msg{margin:14px;padding:12px 13px;border-radius:14px;background:#f4f0ff;color:var(--dotbot-text);font-size:14px}.dotbot-widget-input{margin:0 14px 14px;padding:11px 12px;border-radius:14px;background:#f6f6fa;color:#928aa3;font-size:13px}.dotbot-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.dotbot-button-light{background:#f1ebff!important;color:var(--dotbot-primary-dark)!important;box-shadow:none}.dotbot-snippet{margin-top:12px}.dotbot-copy{margin-top:9px;padding:12px 16px}.dotbot-error{margin-top:14px;padding:14px 16px;border-radius:16px;background:#fff1f1;color:#9f1f1f;border:1px solid #ffd5d5}.dotbot-dashboard{padding:20px;border:1px solid #e7e1f8;border-radius:18px;background:#fff}@keyframes dotbot-spin{to{transform:rotate(360deg)}}@media (max-width:980px){.dotbot-shell{min-height:930px;padding:20px}.dotbot-stage-dotbot,.dotbot-demo[data-dotbot-stage=intro] .dotbot-stage-dotbot,.dotbot-demo[data-dotbot-stage=processing] .dotbot-stage-dotbot,.dotbot-demo[data-dotbot-stage=review] .dotbot-stage-dotbot,.dotbot-demo[data-dotbot-stage=hours] .dotbot-stage-dotbot,.dotbot-demo[data-dotbot-stage=magic] .dotbot-stage-dotbot{left:22px;top:22px;width:116px;transform:none}.dotbot-speech,.dotbot-demo[data-dotbot-stage=processing] .dotbot-speech,.dotbot-demo[data-dotbot-stage=hours] .dotbot-speech,.dotbot-demo[data-dotbot-stage=review] .dotbot-speech,.dotbot-demo[data-dotbot-stage=magic] .dotbot-speech{width:min(520px,calc(100vw - 190px));position:absolute;left:126px;top:6px}.dotbot-speech:before{left:-7px;top:34px;transform:rotate(-45deg)}.dotbot-stage-content,.dotbot-demo[data-dotbot-stage=processing] .dotbot-stage-content,.dotbot-demo[data-dotbot-stage=hours] .dotbot-stage-content,.dotbot-demo[data-dotbot-stage=review] .dotbot-stage-content,.dotbot-demo[data-dotbot-stage=magic] .dotbot-stage-content{inset:175px 20px 20px 20px}.dotbot-grid,.dotbot-calendar-grid,.dotbot-magic-layout{grid-template-columns:1fr}.dotbot-magic-layout{min-height:auto}.dotbot-perspective-scene{min-height:460px}.dotbot-browser-screen{height:380px}.dotbot-slanted-browser{transform:rotateY(-7deg) rotateX(4deg) rotateZ(-1deg)}}@media (max-width:620px){.dotbot-shell{border-radius:24px;min-height:980px}.dotbot-stage-dotbot,.dotbot-demo[data-dotbot-stage=intro] .dotbot-stage-dotbot,.dotbot-demo[data-dotbot-stage=processing] .dotbot-stage-dotbot,.dotbot-demo[data-dotbot-stage=review] .dotbot-stage-dotbot,.dotbot-demo[data-dotbot-stage=hours] .dotbot-stage-dotbot,.dotbot-demo[data-dotbot-stage=magic] .dotbot-stage-dotbot{width:82px}.dotbot-speech,.dotbot-demo[data-dotbot-stage=processing] .dotbot-speech,.dotbot-demo[data-dotbot-stage=hours] .dotbot-speech,.dotbot-demo[data-dotbot-stage=review] .dotbot-speech,.dotbot-demo[data-dotbot-stage=magic] .dotbot-speech{width:calc(100vw - 145px);left:94px;font-size:13px}.dotbot-stage-content,.dotbot-demo[data-dotbot-stage=processing] .dotbot-stage-content,.dotbot-demo[data-dotbot-stage=hours] .dotbot-stage-content,.dotbot-demo[data-dotbot-stage=review] .dotbot-stage-content,.dotbot-demo[data-dotbot-stage=magic] .dotbot-stage-content{inset:155px 16px 16px 16px}.dotbot-panel h2{font-size:34px}.dotbot-form{flex-direction:column;align-items:stretch}.dotbot-form button,.dotbot-review-form button,.dotbot-hours-form button[type=submit],.dotbot-button{width:100%}.dotbot-progress-hero ul{grid-template-columns:1fr}.dotbot-day-row{grid-template-columns:1fr 1fr 1fr}.dotbot-browser-screen{height:320px}.dotbot-widget-preview{width:86%;right:12px;bottom:12px}}

/* v0.6 visual fixes: full-bleed hero, safe bubble placement, compact fact cards */
.dotbot-demo{position:relative;left:50%;transform:translateX(-50%);width:min(1240px,calc(100vw - 32px));max-width:none;margin-left:0;margin-right:0;overflow:visible}.dotbot-shell{width:100%;max-width:none;min-height:720px;margin:28px 0;box-sizing:border-box;overflow:hidden}.dotbot-stage-dotbot{align-items:flex-start}.dotbot-avatar-wrap{align-self:flex-start}.dotbot-speech{align-self:flex-start;max-width:300px}.dotbot-speech:before{left:42px}.dotbot-demo[data-dotbot-stage=intro] .dotbot-stage-dotbot{left:52px;top:48%;width:220px}.dotbot-demo[data-dotbot-stage=processing] .dotbot-stage-dotbot{left:48px;top:34px;width:128px}.dotbot-demo[data-dotbot-stage=review] .dotbot-stage-dotbot{left:42px;top:505px;width:112px}.dotbot-demo[data-dotbot-stage=hours] .dotbot-stage-dotbot{left:48px;top:34px;width:112px}.dotbot-demo[data-dotbot-stage=magic] .dotbot-stage-dotbot{left:44px;top:545px;width:108px}.dotbot-demo[data-dotbot-stage=intro] .dotbot-speech{width:285px}.dotbot-demo[data-dotbot-stage=processing] .dotbot-speech,.dotbot-demo[data-dotbot-stage=hours] .dotbot-speech{width:330px}.dotbot-demo[data-dotbot-stage=review] .dotbot-speech,.dotbot-demo[data-dotbot-stage=magic] .dotbot-speech{width:292px}.dotbot-stage-content{inset:28px 34px 28px 330px}.dotbot-demo[data-dotbot-stage=processing] .dotbot-stage-content,.dotbot-demo[data-dotbot-stage=hours] .dotbot-stage-content{inset:104px 38px 34px 245px}.dotbot-demo[data-dotbot-stage=review] .dotbot-stage-content{inset:34px 34px 34px 330px}.dotbot-demo[data-dotbot-stage=magic] .dotbot-stage-content{inset:30px 30px 30px 250px}.dotbot-panel{overflow:visible;padding:0}.dotbot-step-head-compact{margin-bottom:12px}.dotbot-step-head-compact h3{font-size:28px;margin:8px 0 4px}.dotbot-step-head-compact p{font-size:14px}.dotbot-compact-facts{padding:16px;border-radius:24px}.dotbot-fact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.dotbot-fact{display:grid;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:10px;min-height:58px;padding:10px 12px;border:1px solid var(--dotbot-line);border-radius:18px;background:linear-gradient(180deg,#fff,#fbf9ff);box-shadow:0 10px 24px rgba(58,35,110,.055);box-sizing:border-box}.dotbot-fact-wide{grid-column:1/-1}.dotbot-fact-icon{width:34px;height:34px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:#f1ebff;font-size:17px}.dotbot-fact-copy{display:flex;flex-direction:column;gap:3px;min-width:0}.dotbot-fact-copy small{font-size:11px;font-weight:900;color:var(--dotbot-primary-dark);text-transform:none;letter-spacing:.01em}.dotbot-fact input{width:100%;height:26px!important;min-height:26px!important;border:0!important;border-radius:0!important;padding:0!important;background:transparent!important;box-shadow:none!important;font:inherit!important;font-size:15px!important;font-weight:650!important;color:var(--dotbot-text)!important;outline:none!important}.dotbot-fact input:focus{box-shadow:0 2px 0 var(--dotbot-primary)!important}.dotbot-compact-facts .dotbot-form-actions{margin-top:12px}.dotbot-compact-facts .dotbot-form-actions button{padding:13px 18px}.dotbot-hours-form{padding:16px}.dotbot-calendar-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.dotbot-day-row{padding:8px 9px;grid-template-columns:1fr 82px 82px}.dotbot-day-row span{font-size:13px}.dotbot-day-row input[type=time]{padding:7px 6px;font-size:12px}.dotbot-raw-hours textarea{min-height:58px!important;height:58px!important;resize:none}.dotbot-hours-actions{margin-bottom:10px}.dotbot-hours-actions button{padding:8px 11px;font-size:13px}.dotbot-progress-hero{max-width:780px}.dotbot-magic-layout{grid-template-columns:300px minmax(0,1fr);gap:8px}.dotbot-perspective-scene{min-height:530px}.dotbot-browser-screen{height:455px}@media (max-width:980px){.dotbot-demo{left:auto;transform:none;width:100%;max-width:100%;margin:0}.dotbot-shell{min-height:900px}.dotbot-stage-dotbot,.dotbot-demo[data-dotbot-stage=intro] .dotbot-stage-dotbot,.dotbot-demo[data-dotbot-stage=processing] .dotbot-stage-dotbot,.dotbot-demo[data-dotbot-stage=review] .dotbot-stage-dotbot,.dotbot-demo[data-dotbot-stage=hours] .dotbot-stage-dotbot,.dotbot-demo[data-dotbot-stage=magic] .dotbot-stage-dotbot{left:22px;top:22px;width:96px;transform:none}.dotbot-speech,.dotbot-demo[data-dotbot-stage=intro] .dotbot-speech,.dotbot-demo[data-dotbot-stage=processing] .dotbot-speech,.dotbot-demo[data-dotbot-stage=hours] .dotbot-speech,.dotbot-demo[data-dotbot-stage=review] .dotbot-speech,.dotbot-demo[data-dotbot-stage=magic] .dotbot-speech{width:min(560px,calc(100vw - 170px));position:absolute;left:112px;top:4px}.dotbot-speech:before{left:-7px;top:34px;transform:rotate(-45deg)}.dotbot-stage-content,.dotbot-demo[data-dotbot-stage=processing] .dotbot-stage-content,.dotbot-demo[data-dotbot-stage=hours] .dotbot-stage-content,.dotbot-demo[data-dotbot-stage=review] .dotbot-stage-content,.dotbot-demo[data-dotbot-stage=magic] .dotbot-stage-content{inset:155px 20px 20px 20px}.dotbot-panel{overflow-y:auto}.dotbot-fact-grid,.dotbot-calendar-grid,.dotbot-magic-layout{grid-template-columns:1fr}.dotbot-perspective-scene{min-height:420px}.dotbot-browser-screen{height:350px}}@media (max-width:620px){.dotbot-shell{min-height:930px}.dotbot-fact{grid-template-columns:34px minmax(0,1fr);min-height:54px}.dotbot-calendar-grid{grid-template-columns:1fr}.dotbot-day-row{grid-template-columns:1fr 74px 74px}.dotbot-browser-screen{height:300px}}