:root{--bg:oklch(1 0 0);--surface:oklch(.975 .004 210);--panel:oklch(.948 .009 210);--ink:oklch(.22 .025 225);--muted:oklch(.43 .026 225);--line:oklch(.84 .014 215);--primary:oklch(.48 .12 210);--primary-hover:oklch(.42 .12 210);--accent:oklch(.56 .14 156);--focus:oklch(.7 .1 210);--danger:oklch(.56 .17 25)}
*{box-sizing:border-box}html{color-scheme:light}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.5 Manrope,system-ui,sans-serif}.app-shell{min-height:100vh;display:grid;grid-template-columns:244px minmax(0,1fr)}aside{background:var(--surface);padding:28px 16px;display:flex;flex-direction:column;border-right:1px solid var(--line)}.logo{color:var(--ink);font-weight:800;font-size:22px;text-decoration:none;letter-spacing:-.04em;padding:0 10px}.logo span{display:inline-grid;place-items:center;width:24px;height:24px;background:var(--primary);color:#fff;border-radius:8px;margin-right:6px;font-size:16px}.workspace{font-size:12px;color:var(--muted);margin:34px 10px 10px}nav{display:grid;gap:3px}nav a{display:flex;align-items:center;justify-content:space-between;color:var(--muted);text-decoration:none;font-weight:700;padding:10px;border-radius:8px}nav a:hover,nav a.active{background:oklch(.91 .027 210);color:var(--primary)}nav b{font-size:10px;background:var(--panel);padding:2px 6px;border-radius:9px}.profile{border-top:1px solid var(--line);padding:18px 8px 0;margin-top:auto;display:flex;align-items:center;gap:9px;font-weight:700;font-size:12px}.profile small{font-weight:500;color:var(--muted)}.profile button,.chat-top button{border:0;background:transparent;margin-left:auto;font-size:18px;color:var(--muted);cursor:pointer}.avatar{flex:0 0 32px;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:oklch(.84 .06 210);color:var(--primary);font-weight:800}main{max-width:1280px;width:100%;margin:auto;padding:38px 54px}header{display:flex;align-items:start;justify-content:space-between;gap:20px;margin-bottom:38px}.crumb,.eyebrow{font-size:11px;color:var(--muted);font-weight:800;letter-spacing:.06em;text-transform:uppercase}.crumb{margin:0 0 4px}h1,h2,h3,p{margin-top:0}h1{font-size:27px;letter-spacing:-.04em;margin-bottom:0}h2{font-size:32px;letter-spacing:-.03em;line-height:1.16;margin:8px 0 12px;text-wrap:balance}h3{font-size:18px;letter-spacing:-.02em}.button{border:0;border-radius:8px;background:var(--primary);color:#fff;min-height:44px;font:700 13px Manrope;padding:10px 16px;cursor:pointer;transition:transform .2s ease,background .2s ease}.button:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px)}button:disabled{opacity:.56;cursor:not-allowed}.button.secondary{background:var(--bg);color:var(--ink);border:1px solid var(--line)}.button.secondary:hover:not(:disabled){background:var(--surface)}.hidden{display:none!important}.hero{background:var(--surface);min-height:434px;display:grid;grid-template-columns:1.08fr .92fr;overflow:hidden;border-radius:16px}.hero>div:first-child{padding:55px 0 46px 56px;position:relative;z-index:1}.hero h2{font-size:42px;margin-top:10px}.hero p,.settings-view>p,.view-heading p,.widget-layout p,.next p{color:var(--muted);line-height:1.7}form label{display:block;color:var(--ink);font-size:12px;font-weight:700;margin:24px 0 8px}input,textarea,select{border:1px solid var(--line);border-radius:8px;padding:12px 14px;font:500 14px Manrope;width:280px;color:var(--ink);outline:none;background:#fff}textarea{resize:vertical;min-height:85px}input:focus,textarea:focus,select:focus{border-color:var(--primary);box-shadow:0 0 0 3px oklch(.75 .08 210/.25)}#site-form{display:flex;align-items:end;gap:8px}#site-form label{display:grid;gap:7px}.quiet{display:inline-block;color:var(--muted);font-weight:700;font-size:12px;margin-top:14px}.hero-art{position:relative;background:oklch(.92 .03 210);overflow:hidden}.pulse{position:absolute;width:410px;height:410px;border-radius:50%;border:1px solid oklch(.75 .08 210);right:-80px;top:16px}.pulse:after,.pulse:before{content:"";position:absolute;inset:45px;border:1px solid oklch(.75 .08 210/.7);border-radius:50%}.pulse:after{inset:92px}.orb{position:absolute;border-radius:50%}.orb-a{width:90px;height:90px;background:var(--accent);right:93px;top:104px}.orb-b{width:28px;height:28px;background:var(--primary);right:205px;top:89px}.scan-card{position:absolute;right:38px;bottom:60px;background:#fff;padding:18px 20px;border-radius:12px;box-shadow:0 7px 8px oklch(.25 .02 220/.08);min-width:190px}.scan-card span,.scan-card i{display:block;color:var(--muted);font-style:normal;font-size:11px}.scan-card strong{display:block;font-size:21px;margin:6px 0}.scan-card i{color:oklch(.4 .12 156);font-weight:700}.readiness,.section-title,.view-heading{display:flex;justify-content:space-between;align-items:start;gap:16px}.readiness{padding-bottom:22px;border-bottom:1px solid var(--line)}.readiness h2{font-size:24px;margin-bottom:0}.progress{display:flex;gap:8px;margin-top:15px}.progress span{width:24px;height:7px;border-radius:8px;background:var(--line)}.progress span.done{background:var(--accent)}.metrics{display:grid;grid-template-columns:repeat(4,1fr);margin:24px 0 32px}.metrics article{min-width:0;padding:5px 20px;border-left:1px solid var(--line)}.metrics article:first-child{padding-left:0;border:0}.metrics span,.metrics small{display:block;color:var(--muted);font-size:11px;font-weight:600}.metrics strong{display:block;font-size:27px;letter-spacing:-.04em;margin:5px 0}.split{display:grid;grid-template-columns:1.2fr .8fr;gap:40px}.checklist{padding-right:20px}.link{border:0;background:transparent;color:var(--primary);font:700 12px Manrope;cursor:pointer}.checklist ol{list-style:none;padding:0;margin:8px 0}.checklist li{position:relative;border-bottom:1px solid var(--line);padding:15px 0 15px 31px;font-weight:700}.checklist li:before{content:"○";position:absolute;left:2px;color:var(--muted);font-size:18px}.checklist li.done:before{content:"✓";font-size:13px;background:var(--accent);color:#fff;border-radius:50%;width:18px;height:18px;text-align:center;line-height:18px}.checklist small{display:block;color:var(--muted);font-weight:500;margin-top:3px}.next{background:oklch(.95 .02 156);border-radius:12px;padding:28px}.view-heading{margin-bottom:30px}.live{font-size:12px;color:var(--primary);font-weight:700;background:oklch(.92 .035 210);padding:7px 10px;border-radius:99px}.live i,.chat-top small i{display:inline-block;background:var(--accent);height:7px;width:7px;border-radius:50%;margin-right:4px}.analysis-layout{display:grid;grid-template-columns:1fr 230px;gap:60px}.steps{border-top:1px solid var(--line)}.step{padding:16px 0;border-bottom:1px solid var(--line);display:flex;gap:12px;font-weight:700}.step i{font-style:normal;color:var(--muted);width:20px}.step.active i{color:var(--primary)}.centered{text-align:center;max-width:800px;margin:65px auto}.centered>p{color:var(--muted)}.result-grid{display:flex;justify-content:center;gap:42px;margin:34px 0}.result-grid span{font-size:24px;font-weight:800}.result-grid small{display:block;font-size:11px;color:var(--muted);font-weight:500}.actions{display:flex;justify-content:center;gap:10px}.test-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:72px;max-width:950px;margin:auto}.test-copy p{color:var(--muted);line-height:1.65}.questions{display:flex;flex-wrap:wrap;gap:8px;margin-top:25px}.questions button,.industry-alternatives button{min-height:40px;font:600 12px Manrope;border:1px solid var(--line);background:#fff;border-radius:99px;padding:8px 11px;color:var(--ink);cursor:pointer}.questions button:hover,.industry-alternatives button:hover{border-color:var(--primary);color:var(--primary)}.chat{height:510px;border:1px solid var(--line);border-radius:12px;display:flex;flex-direction:column;background:#fff;position:relative}.chat-top{padding:16px;display:flex;align-items:center;gap:9px;border-bottom:1px solid var(--line)}.chat-top strong,.chat-top small{display:block;font-size:12px}.chat-top small{color:var(--muted);font-size:10px}.chat-menu{position:absolute;right:16px;top:58px;z-index:5;min-width:205px;background:#fff;border:1px solid var(--line);border-radius:8px;padding:6px;box-shadow:0 6px 12px oklch(.25 .02 220/.12)}.chat-menu button{display:block;width:100%;min-height:40px;padding:9px 12px;border:0;border-radius:6px;background:#fff;text-align:left;color:var(--ink);font:600 12px Manrope;cursor:pointer}.chat-menu button:hover{background:var(--surface)}.messages{padding:18px;display:flex;flex-direction:column;gap:10px;overflow:auto;flex:1;background:var(--surface)}.message{max-width:84%;padding:10px 12px;line-height:1.5;border-radius:10px;font-size:12px;overflow-wrap:anywhere}.bot{background:#fff;border-bottom-left-radius:2px}.user{background:var(--primary);color:#fff;margin-left:auto;border-bottom-right-radius:2px}.is-typing{min-width:58px;min-height:38px;display:flex;align-items:center}.is-typing:after{content:"● ● ●";letter-spacing:2px;color:var(--primary);font-size:10px;animation:asisTyping 1.1s ease-in-out infinite}.rating{display:flex;gap:7px;margin:0 0 8px}.rating button{border:0;background:transparent;color:var(--muted);min-height:44px;font:600 10px Manrope;cursor:pointer}.chat-form{display:flex;padding:12px;gap:8px}.chat-form input{width:100%;border:0;padding:9px;background:transparent}.chat-form button{border:0;background:var(--primary);color:#fff;border-radius:50%;width:44px;height:44px;font-weight:bold;cursor:pointer}.dialog-list{max-width:840px}.dialog{display:flex;align-items:center;gap:14px;padding:16px 0;border-bottom:1px solid var(--line)}.dialog p{margin:3px 0 0;color:var(--muted);font-size:12px;overflow-wrap:anywhere}.dialog button{margin-left:auto}.status{font-size:10px;font-weight:800;color:var(--primary);background:oklch(.92 .035 210);padding:5px 8px;border-radius:99px;white-space:nowrap}.widget-layout{display:grid;grid-template-columns:1fr .85fr;gap:80px;align-items:center;max-width:920px;margin:auto}.widget-layout code{font-size:12px}pre{background:var(--ink);color:oklch(.92 .01 210);padding:18px;border-radius:10px;overflow:auto;font:12px/1.6 ui-monospace,SFMono-Regular,monospace;margin:25px 0}.widget-preview{height:360px;background:var(--surface);border:1px solid var(--line);position:relative;border-radius:12px;padding:18px}.preview-site{font-size:11px;color:var(--muted)}.widget-preview button{position:absolute;bottom:24px;right:22px;border:0;background:var(--primary);color:#fff;width:48px;height:48px;border-radius:50%;font-size:18px;cursor:pointer}.bubble{position:absolute;right:28px;bottom:84px;background:#fff;border-radius:10px 10px 2px 10px;padding:12px;font-size:12px;box-shadow:0 5px 8px oklch(.25 .02 220/.08)}#toast,#operator-notice{position:fixed;z-index:60;right:20px;color:#fff;padding:12px 16px;border-radius:8px;font-size:12px;font-weight:700}#toast{bottom:20px;background:var(--ink);opacity:0;transform:translateY(10px);transition:.2s;pointer-events:none}#toast.show{opacity:1;transform:none}#operator-notice{top:20px;border:0;background:var(--primary);cursor:pointer}.settings-view{max-width:760px;margin:0 auto}.settings-form{display:grid;gap:16px;margin-top:28px}.settings-form label{display:grid;gap:7px;font-weight:700;font-size:12px;margin:0}.settings-form input,.settings-form textarea,.settings-form select{width:100%}.settings-form label:has(input[type=checkbox]){display:flex;align-items:center}.settings-form input[type=checkbox]{width:18px;height:18px;accent-color:var(--primary)}.settings-form .button{justify-self:start}.upload-status,.empty-state{color:var(--muted);margin:0}.industry-picker{display:grid;max-width:340px;margin:0 auto 24px;gap:7px;text-align:left;font-size:12px;font-weight:700}.industry-picker select{width:100%}.mobile-nav{display:none}.dialog-toolbar{display:flex;gap:10px;margin-bottom:16px}.dialog-toolbar input,.dialog-toolbar select{width:auto;min-width:190px}.inbox{display:grid;grid-template-columns:minmax(260px,.7fr) 1.3fr;border:1px solid var(--line);border-radius:12px;min-height:560px}.inbox .dialog-list{padding:0 14px;border-right:1px solid var(--line);overflow:auto}.inbox-item{width:100%;border:0;background:transparent;text-align:left;cursor:pointer}.inbox-item b{margin-left:auto;color:var(--primary)}.dialog-detail{padding:20px;min-width:0}.detail-head{margin:0 0 14px;display:flex;gap:12px;justify-content:space-between}.detail-head strong,.detail-head small{display:block}.detail-head small{color:var(--muted);margin-top:4px}.detail-head>div:last-child{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.operator-messages{height:330px;overflow:auto;background:var(--surface);padding:14px;border-radius:10px}.operator-message{max-width:82%;padding:9px 11px;border-radius:9px;background:#fff;margin:8px 0;overflow-wrap:anywhere}.operator-message.operator{margin-left:auto;background:var(--primary);color:#fff}.operator-message.visitor{margin-left:auto;background:oklch(.85 .05 210)}.operator-message.system{max-width:100%;background:transparent;color:var(--muted);font-size:12px;text-align:center}.operator-form{display:flex;gap:8px;margin-top:12px}.operator-form input{width:100%}.dialog-detail textarea{width:100%;min-height:70px;margin-top:14px}.auth{position:fixed;inset:0;z-index:50;background:oklch(.98 .006 210);display:grid;place-items:center;padding:20px}.auth form{width:min(100%,390px);background:#fff;border:1px solid var(--line);border-radius:12px;padding:36px;box-shadow:0 7px 8px oklch(.25 .02 220/.08)}.auth h2{font-size:26px;margin-top:32px}.auth p{color:var(--muted);line-height:1.6}.auth label{display:grid;gap:7px;margin:16px 0;font-size:12px;font-weight:700}.auth input{width:100%}.auth .button{width:100%;margin-top:8px}.text-button{display:block;margin:16px auto 0;border:0;background:transparent;color:var(--primary);font:700 12px Manrope;cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--focus);outline-offset:3px}@keyframes asisTyping{0%,100%{opacity:.28;transform:translateY(1px)}50%{opacity:1;transform:translateY(-1px)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}@media(max-width:800px){.app-shell{display:block}aside{display:none}main{padding:25px 20px 86px}header{margin-bottom:25px}.header .button{display:none}.hero{grid-template-columns:1fr}.hero-art{display:none}.hero>div:first-child{padding:38px 26px}.hero h2{font-size:34px}#site-form{display:block}#site-form input,#site-form .button{width:100%}.metrics{grid-template-columns:1fr 1fr;gap:22px}.metrics article:nth-child(3){padding-left:0;border:0}.metrics strong{font-size:23px}.split,.test-layout,.widget-layout,.analysis-layout{grid-template-columns:1fr;gap:28px}.result-grid{gap:15px;flex-wrap:wrap}.centered{margin:35px auto}.actions{flex-direction:column}.actions button{width:100%}.questions button{min-height:44px}.widget-layout pre{max-width:100%}.mobile-nav{position:fixed;z-index:20;bottom:0;left:0;right:0;height:66px;background:var(--bg);border-top:1px solid var(--line);display:flex;grid-template-columns:repeat(4,1fr);align-items:center}.mobile-nav a{color:var(--muted);text-decoration:none;text-align:center;font-weight:700;font-size:11px;padding:12px}.dialog-toolbar{flex-wrap:wrap}.dialog-toolbar input,.dialog-toolbar select{width:100%}.inbox{grid-template-columns:1fr}.inbox .dialog-list{max-height:250px;border-right:0;border-bottom:1px solid var(--line)}.detail-head{align-items:start;flex-direction:column}.detail-head>div:last-child{justify-content:flex-start}.operator-form .button{padding-inline:12px}.auth form{padding:28px 22px}}
/* The settings panel spans the installation preview instead of creating an orphan grid cell. */
.widget-layout>.settings-form{grid-column:1/-1}
.header-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.form-hint{margin:0;color:var(--muted);font-size:12px;line-height:1.45}
.analysis-screen{max-width:980px;margin:10px auto 0}.analysis-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:32px;margin-bottom:38px}.analysis-hero h2{font-size:42px;margin:7px 0 12px;letter-spacing:-.04em}.analysis-hero p{max-width:660px;margin:0;color:var(--muted);font-size:15px;line-height:1.7}.analysis-progress{background:var(--surface);padding:28px 30px 30px;border-radius:16px;margin-bottom:30px}.progress-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:19px}.progress-head>div{display:flex;align-items:baseline;gap:14px}.progress-head span{font-size:31px;font-weight:800;letter-spacing:-.04em;color:var(--primary);font-variant-numeric:tabular-nums}.progress-head strong{font-size:15px}.progress-head small{color:var(--muted);font-size:12px;text-align:right;max-width:310px}.progress-track{height:8px;border-radius:99px;background:oklch(.89 .015 210);overflow:hidden}.progress-track span{display:block;width:0;height:100%;border-radius:inherit;background:var(--primary);transition:width .7s cubic-bezier(.16,1,.3,1);position:relative}.progress-track span:after{content:"";position:absolute;right:-1px;top:50%;width:13px;height:13px;border-radius:50%;background:var(--primary);transform:translateY(-50%);box-shadow:0 0 0 5px oklch(.48 .12 210/.14)}.analysis-layout{grid-template-columns:minmax(0,1fr) 270px;gap:54px;align-items:start}.analysis-layout .steps{border:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 34px}.analysis-layout .step{border:0;padding:13px 0;align-items:center;color:var(--muted);transition:color .2s ease}.analysis-layout .step i{width:24px;height:24px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;font-size:12px;transition:.2s ease}.analysis-layout .step.active{color:var(--ink)}.analysis-layout .step.active i{border-color:var(--primary);color:#fff;background:var(--primary);animation:analysisBreath 1.65s ease-in-out infinite}.analysis-layout .step.done{color:var(--ink)}.analysis-layout .step.done i{border-color:var(--accent);background:var(--accent);color:#fff}.analysis-note{background:var(--ink);color:#fff;border-radius:14px;padding:23px;min-height:220px}.analysis-note>span{display:block;color:oklch(.8 .025 210);font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;margin-bottom:12px}.analysis-note strong{font-size:16px;line-height:1.35;display:block}.analysis-note p{font-size:12px;line-height:1.65;color:oklch(.79 .015 210);margin:9px 0 0}.analysis-pulse{display:flex;gap:5px;margin-top:26px}.analysis-pulse span{width:6px;height:6px;border-radius:50%;background:oklch(.72 .14 156);animation:analysisDots 1.05s ease-in-out infinite}.analysis-pulse span:nth-child(2){animation-delay:.15s}.analysis-pulse span:nth-child(3){animation-delay:.3s}@keyframes analysisBreath{50%{box-shadow:0 0 0 6px oklch(.48 .12 210/.14)}}@keyframes analysisDots{50%{transform:translateY(-4px);opacity:.55}}@media(max-width:800px){.analysis-hero{display:block;margin-bottom:26px}.analysis-hero .live{display:inline-flex;margin-top:18px}.analysis-hero h2{font-size:34px}.analysis-progress{padding:22px 20px}.progress-head{align-items:start;flex-direction:column;margin-bottom:16px}.progress-head small{text-align:left}.analysis-layout{grid-template-columns:1fr;gap:16px}.analysis-layout .steps{grid-template-columns:1fr;gap:0}.analysis-note{min-height:auto}}@media(prefers-reduced-motion:reduce){.analysis-layout .step.active i,.analysis-pulse span{animation:none}}