/* XLog account, project management and counter introduction. */
.xlog-dashboard .project-actions .ui-icon{width:14px;height:14px;flex:none}
.xlog-dashboard .project-actions>button,.xlog-dashboard .project-actions>form>button,.xlog-dashboard .project-actions>a{gap:6px}
.xlog-dashboard .dashboard-private-badge{display:inline-flex;align-items:center;gap:4px}
.xlog-dashboard .dashboard-private-badge .ui-icon{width:12px;height:12px}
.auth-layout,.xlog-dashboard,.counter-landing{--page-soft:var(--blue-soft);--page-raised:color-mix(in srgb,var(--panel) 72%,var(--canvas));--page-on-accent:var(--panel);--page-sky:#62a9ee;--page-violet:#9c8bd3;--page-warning:#bb8b42;min-width:0;color:var(--copy)}
html[data-theme="dark"] :is(.auth-layout,.xlog-dashboard,.counter-landing){--page-on-accent:var(--canvas);--page-warning:#ddbd7d}

/* Account forms share the catalogue's quiet surfaces and clear reading scale. */
.auth-layout{display:grid;grid-template-columns:.9fr 1.1fr;max-width:1050px;min-height:560px;margin:28px auto 48px;border:1px solid var(--line);border-radius:14px;background:var(--panel);overflow:hidden;box-shadow:0 12px 40px color-mix(in srgb,var(--ink) 3%,transparent)}
.auth-layout--register{max-width:1120px;grid-template-columns:.82fr 1.18fr}
.auth-layout .auth-story{position:relative;display:flex;flex-direction:column;overflow:hidden;min-width:0;padding:43px 37px;background:var(--page-soft);color:var(--ink);border-right:1px solid var(--line)}
.auth-story-context{display:flex;align-items:center;gap:12px;font-size:12px;font-weight:550;color:var(--teal,var(--blue))}
.auth-story .invitation-icon{display:grid;place-items:center;width:36px;height:36px;border:1px solid color-mix(in srgb,var(--teal,var(--blue)) 20%,var(--line));border-radius:9px;background:var(--panel);color:var(--teal,var(--blue))}
.auth-story .invitation-icon .ui-icon{width:20px;height:20px}
.auth-layout .auth-story h2{max-width:330px;margin:30px 0 17px;color:var(--ink);font-family:var(--heading-font);font-size:36px;line-height:1.22;letter-spacing:-1.2px;font-weight:700}
.auth-layout .auth-story>p{max-width:320px;margin:0;color:var(--copy);font-size:13px;line-height:1.9}
.auth-layout .auth-story ul{list-style:none;margin:27px 0 0;padding:0;display:flex;flex-direction:column;gap:15px}
.auth-layout .auth-story li{display:flex;align-items:center;gap:10px;font-size:12px;line-height:1.6;color:var(--copy)}
.auth-layout .auth-story li .ui-icon{width:16px;height:16px;color:var(--teal,var(--blue));flex:none}
.auth-layout .auth-story-art{height:auto;margin:40px -37px -43px;opacity:1;padding-top:28px;flex:1;display:flex;align-items:flex-end}
.auth-story-art>svg{width:100%;height:130px;display:block;overflow:visible}
.auth-signal-grid{stroke:var(--teal,var(--blue));stroke-width:.6;opacity:.09}
.auth-signal-track,.auth-signal-line{stroke:var(--teal,var(--blue));stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.auth-signal-track{opacity:.17}
.auth-signal-line{stroke-dasharray:24 100;animation:account-signal 5s linear infinite}
@keyframes account-signal{from{stroke-dashoffset:24}to{stroke-dashoffset:-100}}
.auth-layout .auth-form-side{display:flex;flex-direction:column;justify-content:center;padding:43px 48px;min-width:0}
.auth-layout .auth-heading{margin-bottom:28px}
.auth-layout .auth-heading h1{margin:0 0 10px;color:var(--ink);font-family:var(--heading-font);font-size:29px;line-height:1.2;font-weight:650;letter-spacing:-.8px}
.auth-layout .auth-heading p{margin:0;color:var(--copy);font-size:13px;line-height:1.7}
.auth-layout .auth-form{display:flex;flex-direction:column;gap:19px}
.auth-layout .auth-field>label{display:block;color:var(--ink);font-size:12px;font-weight:500;line-height:1.5;margin-bottom:8px}
.auth-layout .auth-form input:not([type="hidden"]){display:block;width:100%;min-height:46px;padding:11px 13px;font:inherit;font-size:14px;line-height:1.5;color:var(--ink);background:var(--canvas);border:1px solid var(--line);border-radius:7px;box-shadow:none}
.auth-layout .auth-form input::placeholder{color:var(--copy);opacity:.6}
.auth-layout .auth-form input:focus{outline:0;border-color:var(--teal,var(--blue));box-shadow:0 0 0 3px color-mix(in srgb,var(--teal,var(--blue)) 11%,transparent)}
.auth-layout .auth-password{position:relative}
.auth-layout .auth-password input{padding-right:48px!important}
.auth-layout .password-toggle{position:absolute;right:5px;top:5px;display:grid;place-items:center;width:36px;height:36px;background:transparent;color:var(--copy);border:0;border-radius:5px}
.auth-layout .password-toggle:hover{color:var(--teal,var(--blue));background:var(--page-soft)}
.auth-layout .password-toggle .ui-icon{width:18px;height:18px}
.auth-layout .auth-password-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.auth-layout .auth-form>.button{display:flex;width:100%;min-height:46px;justify-content:center;gap:12px;border-radius:7px;margin-top:6px;font-size:13px;font-weight:600;color:var(--page-on-accent);background:var(--teal,var(--blue));border-color:var(--teal,var(--blue));box-shadow:none}
.auth-layout .auth-form>.button:hover{filter:brightness(.94)}
.auth-layout .auth-captcha{display:flex;align-items:center;gap:11px}
.auth-layout .auth-captcha input{min-width:0}
.auth-layout .captcha-refresh{flex:none;border:1px solid var(--line);border-radius:7px;padding:0;overflow:hidden;background:var(--canvas)}
.auth-layout .captcha-refresh img{display:block;width:120px;height:44px;border-radius:0}
.auth-layout .auth-switch{margin:26px 0 0;text-align:center;font-size:12px;line-height:1.8;color:var(--copy)}
.auth-layout .auth-switch a{margin-left:5px;color:var(--teal,var(--blue));font-weight:600}
.auth-layout .auth-switch a:hover{text-decoration:underline;text-underline-offset:3px}
.auth-layout .auth-security-note{display:flex;justify-content:center;align-items:center;gap:7px;font-size:11px;line-height:1.7;color:var(--copy);margin:20px 0 0}
.auth-layout .auth-security-note .ui-icon{width:14px;height:14px;flex:none}
.auth-layout .auth-error,.auth-layout .auth-success{margin-bottom:22px;padding:12px 14px;border:1px solid color-mix(in srgb,#ce6372 28%,var(--line));border-radius:7px;background:color-mix(in srgb,#ce6372 7%,var(--panel));font-size:13px;line-height:1.7;color:var(--ink)}
.auth-layout .auth-success{border-color:color-mix(in srgb,var(--teal,var(--blue)) 28%,var(--line));background:var(--page-soft)}

/* Real project data and settings retain their existing form and Alpine behavior. */
.xlog-dashboard{max-width:1248px;margin:0 auto 34px}
.xlog-dashboard .card{background:var(--panel);border:1px solid var(--line);border-radius:11px;box-shadow:none}
.xlog-dashboard>.dashboard-hero{padding:26px 29px!important;border-radius:12px;background:var(--panel);overflow:hidden}
.xlog-dashboard .dashboard-hero h1{font-family:var(--heading-font);font-size:32px!important;letter-spacing:-.9px;font-weight:650;line-height:1.25}
.xlog-dashboard .dashboard-hero .uppercase{letter-spacing:0;text-transform:none;font-weight:500}
.xlog-dashboard .dashboard-hero>div:first-child>div>div:first-child>span{border:0;background:none;padding:0;color:var(--teal,var(--blue));font-size:12px}
.xlog-dashboard .dashboard-hero>div:last-child>div{background:var(--canvas);border:1px solid var(--line);height:6px}
.xlog-dashboard .dashboard-hero button{min-height:42px;border-radius:7px;font-size:13px;font-weight:600;box-shadow:none}
.xlog-dashboard .dashboard-summary{gap:15px}
.xlog-dashboard .dashboard-metric{padding:23px 24px!important;border-radius:10px;transition:border-color .18s ease}
.xlog-dashboard .dashboard-metric:hover{transform:none;border-color:color-mix(in srgb,var(--teal,var(--blue)) 30%,var(--line))}
.xlog-dashboard .dashboard-metric .font-mono{font-family:var(--body-font);font-size:30px;letter-spacing:-.8px;font-variant-numeric:tabular-nums;line-height:1.2}
.xlog-dashboard .dashboard-metric>div:first-child>span:first-child{font-size:12px;color:var(--copy)}
.xlog-dashboard .dashboard-metric>div:last-child{font-size:11px;line-height:1.6;color:var(--copy)}
.xlog-dashboard .dashboard-filterbar{padding:20px 23px!important}
.xlog-dashboard .dashboard-filterbar h2{font-size:17px;font-weight:600;letter-spacing:-.25px}
.xlog-dashboard .dashboard-filterbar input[type="search"]{min-height:41px;border-radius:7px;font-size:13px}
.xlog-dashboard .filter-pill{min-height:39px;font-size:12px;border-radius:6px;color:var(--copy);border-color:var(--line);background:var(--panel)}
.xlog-dashboard .filter-pill[aria-pressed="true"]{color:var(--teal,var(--blue));background:var(--page-soft);border-color:color-mix(in srgb,var(--teal,var(--blue)) 25%,var(--line))}
.xlog-dashboard .project-card{position:relative;padding:23px!important;overflow:hidden;border-radius:11px;transition:border-color .18s ease}
.xlog-dashboard .project-card:before{display:none}
.xlog-dashboard .project-card:hover{border-color:color-mix(in srgb,var(--teal,var(--blue)) 28%,var(--line));box-shadow:none}
.xlog-dashboard .project-layout{gap:26px;align-items:flex-start}
.xlog-dashboard .project-counter-column{position:relative;min-width:0;width:220px;flex:none;padding:15px 0 0}
.xlog-dashboard .project-counter-preview{display:flex;align-items:center;justify-content:center;min-height:116px;padding:20px!important;border-radius:8px;background:var(--canvas);border-color:var(--line);box-shadow:none}
.xlog-dashboard .project-counter-preview img{max-width:100%;height:auto}
.xlog-dashboard .project-content{min-width:0}
.xlog-dashboard .project-desktop-heading{margin-bottom:19px;gap:20px}
.xlog-dashboard .project-desktop-heading h3,.xlog-dashboard .project-mobile-summary h3{font-family:var(--heading-font);font-size:18px;font-weight:600;line-height:1.45;letter-spacing:-.25px}
.xlog-dashboard .project-desktop-heading>div>div{gap:8px;flex-wrap:wrap;margin-top:5px}
.xlog-dashboard .project-desktop-heading>a{min-height:36px;padding:8px 12px;font-size:12px;font-weight:550;border-radius:6px}
.xlog-dashboard .project-statistics{gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:19px}
.xlog-dashboard .project-statistics>div{background:transparent;border:0;border-radius:0;padding:17px 0}
.xlog-dashboard .project-statistics>div+div{padding-left:25px;border-left:1px solid var(--line)}
.xlog-dashboard .project-statistics .font-mono{font-family:var(--body-font);font-size:25px;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:-.6px}
.xlog-dashboard .project-statistics>div>div:last-child{font-size:11px;color:var(--copy);margin-top:8px}
.xlog-dashboard .project-code>div>button{min-height:37px;border-radius:6px;font-size:12px}
.xlog-dashboard .project-code pre,.xlog-dashboard .installation-guide pre{background:var(--canvas);border-color:var(--line);color:var(--copy);border-radius:7px;font-size:11px;line-height:1.8;padding:35px 13px 13px}
.xlog-dashboard .project-code code{font-family:Consolas,monospace;font-size:inherit}
.xlog-dashboard .project-actions{gap:7px;border-color:var(--line);margin-top:17px;padding-top:15px}
.xlog-dashboard .project-actions>button,.xlog-dashboard .project-actions>form>button,.xlog-dashboard .project-actions>a{display:inline-flex;align-items:center;justify-content:center;min-height:36px;border:1px solid var(--line);border-radius:6px;padding:8px 12px;font-size:12px;line-height:1.4;font-weight:500;background:var(--canvas)}
.xlog-dashboard .project-actions>form{margin:0}
.xlog-dashboard .project-editor{margin-top:21px;padding-top:22px;border-color:var(--line)}
.xlog-dashboard .project-editor>form{display:flex;flex-direction:column;gap:19px}
.xlog-dashboard .project-editor>form>div{margin-top:0}
.xlog-dashboard .project-editor label{font-size:12px!important;line-height:1.5;color:var(--copy);text-transform:none;letter-spacing:0}
.xlog-dashboard .project-editor input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="color"]),.xlog-dashboard .project-editor select,.xlog-dashboard .project-editor textarea{border-radius:6px;min-height:39px;font-size:13px;line-height:1.5;background:var(--canvas);color:var(--ink);border-color:var(--line)}
.xlog-dashboard .project-editor input[type="color"]{width:35px;height:34px;border-color:var(--line);border-radius:6px;background:var(--canvas)}
.xlog-dashboard .project-editor input[type="checkbox"],.xlog-dashboard .project-editor input[type="radio"]{accent-color:var(--teal,var(--blue))}
.xlog-dashboard .project-editor button{border-radius:6px;min-height:33px;font-size:12px}
.xlog-dashboard [class*="text-[9px]"],.xlog-dashboard [class*="text-[10px]"]{font-size:11px;line-height:1.6}
.xlog-dashboard .font-mono{font-family:var(--body-font);font-variant-numeric:tabular-nums}
.xlog-dashboard :is(pre,code,textarea.font-mono){font-family:Consolas,monospace}
.xlog-dashboard .checkerboard{background-color:var(--canvas);background-image:linear-gradient(45deg,var(--line) 25%,transparent 25%),linear-gradient(-45deg,var(--line) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--line) 75%),linear-gradient(-45deg,transparent 75%,var(--line) 75%);background-size:12px 12px;background-position:0 0,0 6px,6px -6px,-6px 0}
.xlog-dashboard #add-project-panel{padding:24px!important;border-color:color-mix(in srgb,var(--teal,var(--blue)) 25%,var(--line))}
.xlog-dashboard #add-project-panel>div:first-child h2{font-size:18px;font-weight:600}
.add-site-form{display:flex;flex-direction:column;gap:16px}
.add-site-form>div,.add-site-form>button{margin-top:0!important;min-width:0}
.add-site-form label{color:var(--ink);font-size:12px;line-height:1.5;margin-bottom:7px}
.add-site-form :is(input:not([type="hidden"]),textarea,select){width:100%;min-height:43px;padding:10px 12px;font-size:13px;color:var(--ink);background:var(--canvas);border-color:var(--line);border-radius:6px}
.add-site-form textarea{min-height:93px;line-height:1.8}
.add-site-form>button{min-height:42px;padding:11px 20px;border-radius:6px;font-size:13px;font-weight:550}
.add-site-form--wide{display:grid;grid-template-columns:1fr 1fr 1fr;gap:19px 24px}
.add-site-form--wide>div:nth-last-of-type(1){grid-column:1/-1}
.add-site-form--wide>button{grid-column:1/-1;width:fit-content;min-width:190px}
.installation-guide{padding:17px!important;border:1px solid var(--line);border-radius:8px!important;background:var(--page-raised);margin-top:14px}
.installation-guide>div:first-child>div>div:first-child{font-size:12px;letter-spacing:0;text-transform:none;color:var(--ink)}
.installation-guide>div:first-child>div>div:last-child{font-size:11px;line-height:1.7;color:var(--copy);margin-top:4px}
.installation-guide [role="tablist"]{gap:5px;padding-top:6px;margin-bottom:13px}
.installation-guide [role="tab"]{min-height:32px;font-size:11px;border:1px solid var(--line);border-radius:5px;padding:6px 10px;background:var(--panel)}
.installation-guide [x-show]>p,.installation-guide>p{font-size:11px;line-height:1.8;color:var(--copy)}

/* Counter introduction: one coherent product preview and a clear install path. */
.counter-landing{--counter-bg:var(--canvas);--counter-panel:var(--panel);--counter-panel-soft:var(--page-soft);--counter-panel-raised:var(--page-raised);--counter-border:var(--line);--counter-text:var(--ink);--counter-copy:var(--copy);--counter-green:var(--teal,var(--blue));--counter-blue:var(--page-sky);--counter-violet:var(--page-violet);position:relative;max-width:1248px;margin:auto}
.counter-landing,.counter-landing *{box-sizing:border-box;min-width:0}
.counter-landing svg{display:block;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.6}
.counter-hero{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:54px;padding:40px 0 65px}
.counter-hero__copy{max-width:500px}
.counter-status-pill{display:inline-flex;align-items:center;gap:8px;color:var(--teal,var(--blue));font-size:12px;font-weight:500}
.counter-status-pill__dot,.counter-window-live span,.counter-live-widget strong i,.counter-code-preview>span i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--teal,var(--blue));flex:none}
.counter-hero__title{font-family:var(--heading-font);font-size:clamp(35px,3.8vw,51px);font-weight:700;line-height:1.16;letter-spacing:-1.5px;color:var(--ink);margin:22px 0 20px;max-width:500px}
.counter-hero__lead{font-size:15px;line-height:1.85;color:var(--copy);max-width:460px;margin:0}
.counter-hero__actions{display:flex;align-items:center;flex-wrap:wrap;gap:11px;margin:27px 0 23px}
.counter-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid var(--line);border-radius:7px;padding:12px 17px;min-height:44px;font-size:12px;font-weight:550;line-height:1.4;text-decoration:none}
.counter-button>svg{width:17px;height:17px;flex:none}
.counter-button--primary{background:var(--teal,var(--blue));border-color:var(--teal,var(--blue));color:var(--page-on-accent)}
.counter-button--primary:hover{filter:brightness(.94)}
.counter-button--secondary{background:var(--panel);color:var(--ink)}
.counter-button--secondary:hover{background:var(--page-soft);border-color:color-mix(in srgb,var(--teal,var(--blue)) 30%,var(--line))}
.counter-proof-list{list-style:none;display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;margin:0;padding:0;color:var(--copy);font-size:11px}
.counter-proof-list li{display:flex;align-items:center;gap:6px}
.counter-proof-list svg{width:14px;height:14px;color:var(--teal,var(--blue))}
.counter-preview-shell{position:relative;min-width:0}
.counter-preview-meta{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:14px;font-size:11px;color:var(--copy)}
.counter-demo-badge{font-size:10px;color:var(--teal,var(--blue));padding:4px 7px;border:1px solid color-mix(in srgb,var(--teal,var(--blue)) 20%,var(--line));border-radius:4px;background:var(--page-soft)}
.counter-product-window{border:1px solid var(--line);border-radius:11px;overflow:hidden;background:var(--panel);box-shadow:0 20px 55px color-mix(in srgb,var(--ink) 6%,transparent)}
.counter-window-bar{height:39px;display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid var(--line);padding:0 17px;background:var(--page-raised)}
.counter-window-controls{display:flex;align-items:center;gap:5px}
.counter-window-controls i{display:block;width:6px;height:6px;border-radius:50%;background:var(--line)}
.counter-window-controls i:first-child{background:color-mix(in srgb,var(--page-warning) 55%,var(--line))}
.counter-window-controls i:nth-child(2){background:color-mix(in srgb,var(--page-sky) 40%,var(--line))}
.counter-window-controls i:nth-child(3){background:color-mix(in srgb,var(--teal,var(--blue)) 40%,var(--line))}
.counter-window-address{display:flex;align-items:center;gap:6px;font-size:9px;color:var(--copy)}
.counter-window-address svg{width:11px;height:11px}
.counter-window-live{display:flex;align-items:center;gap:5px;font-size:8px;color:var(--teal,var(--blue));font-weight:550}
.counter-window-live span{width:4px;height:4px}
.counter-product-body{display:grid;grid-template-columns:49px minmax(0,1fr)}
.counter-preview-nav{border-right:1px solid var(--line);background:var(--page-raised);padding:17px 8px;display:flex;align-items:center;flex-direction:column;gap:14px}
.counter-preview-logo{color:var(--teal,var(--blue));font-weight:750;font-size:23px;line-height:1;margin-bottom:6px}
.counter-preview-nav>span{display:grid;place-items:center;width:28px;height:28px;color:var(--copy);border-radius:5px}
.counter-preview-nav>span.is-active{background:var(--page-soft);color:var(--teal,var(--blue))}
.counter-preview-nav svg{width:17px;height:17px}
.counter-preview-dashboard{padding:21px 22px}
.counter-preview-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:19px}
.counter-preview-eyebrow{display:block;color:var(--copy);font-size:9px;margin-bottom:5px}
.counter-preview-heading strong{display:block;font-size:15px;font-weight:600;letter-spacing:-.25px;color:var(--ink)}
.counter-period-chip{border:1px solid var(--line);background:var(--canvas);color:var(--copy);font-size:9px;padding:5px 7px;border-radius:4px;white-space:nowrap}
.counter-preview-metrics{display:grid;grid-template-columns:1fr 1fr .8fr;border:1px solid var(--line);border-radius:7px;overflow:hidden}
.counter-preview-metric{padding:13px 14px;background:var(--panel)}
.counter-preview-metric+.counter-preview-metric{border-left:1px solid var(--line)}
.counter-preview-metric>span{display:block;color:var(--copy);font-size:9px}
.counter-preview-metric>strong{display:block;font-size:23px;font-weight:600;color:var(--ink);letter-spacing:-.5px;font-variant-numeric:tabular-nums;margin:6px 0 4px}
.counter-preview-metric>small{display:flex;align-items:center;gap:4px;font-size:8px;color:var(--teal,var(--blue))}
.counter-preview-metric.is-blue>small{color:var(--page-sky)}
.counter-preview-metric.is-live small i{display:inline-block;width:4px;height:4px;border-radius:50%;background:var(--teal,var(--blue))}
.counter-preview-chart{margin-top:20px;padding:15px 15px 11px;border:1px solid var(--line);border-radius:7px;background:var(--panel)}
.counter-preview-chart__head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:10px}
.counter-preview-chart__head>div>span{font-size:9px;color:var(--copy);margin-right:8px}
.counter-preview-chart__head strong{font-size:13px;color:var(--ink);font-weight:550;font-variant-numeric:tabular-nums}
.counter-preview-chart__head>span{font-size:9px;color:var(--teal,var(--blue))}
.counter-preview-chart>svg{width:100%;height:106px;overflow:visible}
.counter-chart-grid path{stroke:var(--line);stroke-width:1;stroke-dasharray:4 5}
.counter-chart-area{stroke:none;fill:color-mix(in srgb,var(--teal,var(--blue)) 10%,transparent)}
.counter-chart-line{stroke:var(--teal,var(--blue));stroke-width:2.2;vector-effect:non-scaling-stroke;stroke-dasharray:650;stroke-dashoffset:650;animation:counter-line-in 1.8s ease-out forwards}
@keyframes counter-line-in{to{stroke-dashoffset:0}}
.counter-chart-days{display:flex;justify-content:space-between;font-size:8px;color:var(--copy);margin-top:9px}
.counter-preview-footer{display:grid;grid-template-columns:1fr 1fr;gap:19px;margin-top:20px;align-items:center}
.counter-source-list{display:flex;flex-direction:column;gap:10px}
.counter-source-list>div{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:9px;color:var(--copy)}
.counter-source-list span{display:flex;align-items:center;gap:6px}
.counter-source-list i{display:block;width:4px;height:4px;background:var(--teal,var(--blue));border-radius:50%}
.counter-source-list i.is-blue{background:var(--page-sky)}
.counter-source-list i.is-violet{background:var(--page-violet)}
.counter-source-list strong{font-size:9px;font-weight:550;color:var(--ink)}
.counter-live-widget{border:1px solid var(--line);border-radius:6px;padding:11px 12px;background:var(--page-raised)}
.counter-live-widget>div:first-child{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:8px;color:var(--copy)}
.counter-live-widget strong{display:flex;align-items:center;gap:4px;font-size:8px;font-weight:450;color:var(--teal,var(--blue))}
.counter-live-widget strong i{width:4px;height:4px}
.counter-digit-row{display:flex;gap:3px;margin-top:9px}
.counter-digit-row b{flex:1;display:grid;place-items:center;background:var(--panel);border:1px solid var(--line);border-radius:2px;min-height:21px;font-size:12px;font-weight:500;color:var(--ink)}
.counter-preview-orbit{display:none}
.counter-section{padding:49px 0;border-top:1px solid var(--line)}
.counter-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:35px;margin-bottom:29px}
.counter-section-kicker{display:block;font-size:11px;font-weight:500;color:var(--teal,var(--blue));margin-bottom:12px}
.counter-section-heading h2,.counter-why-heading h2,.counter-final-cta h2{font-family:var(--heading-font);margin:0;font-size:30px;font-weight:650;letter-spacing:-.8px;line-height:1.28;color:var(--ink)}
.counter-section-heading>p{max-width:400px;margin:0;font-size:13px;line-height:1.8;color:var(--copy)}
.counter-steps{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px;padding:0;margin:0}
.counter-step{padding:26px;border:1px solid var(--line);border-radius:9px;background:var(--panel)}
.counter-step__top{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}
.counter-step__number{font-size:13px;font-weight:550;color:var(--teal,var(--blue));font-variant-numeric:tabular-nums}
.counter-step__icon{display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--line);background:var(--canvas);color:var(--teal,var(--blue));border-radius:8px}
.counter-step__icon svg{width:20px;height:20px}
.counter-step h3,.counter-benefit-card h3{font-family:var(--heading-font);font-size:18px;line-height:1.45;font-weight:600;letter-spacing:-.25px;color:var(--ink);margin:0 0 10px}
.counter-step p,.counter-benefit-card>p{font-size:13px;line-height:1.85;margin:0;color:var(--copy)}
.counter-benefit-grid{display:grid;grid-template-columns:1.16fr 1fr 1fr;gap:18px;align-items:stretch}
.counter-benefit-card{padding:25px;background:var(--panel);border:1px solid var(--line);border-radius:9px;overflow:hidden}
.counter-benefit-card__head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:23px}
.counter-benefit-card__head>span:first-child{font-size:11px;color:var(--copy)}
.counter-benefit-card__icon{color:var(--teal,var(--blue))}
.counter-benefit-card__icon svg{width:23px;height:23px}
.counter-benefit-analytics{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:25px}
.counter-benefit-analytics>div{padding:12px;border:1px solid var(--line);border-radius:6px;background:var(--canvas)}
.counter-benefit-analytics span{display:block;font-size:9px;color:var(--copy)}
.counter-benefit-analytics strong{display:block;color:var(--ink);font-size:19px;letter-spacing:-.4px;font-weight:600;margin:6px 0 3px}
.counter-benefit-analytics i{display:block;font-size:9px;font-style:normal;color:var(--teal,var(--blue))}
.counter-benefit-analytics>svg{width:100%;height:67px;grid-column:1/-1}
.counter-benefit-area{fill:color-mix(in srgb,var(--teal,var(--blue)) 9%,transparent);stroke:none}
.counter-benefit-line{stroke:var(--teal,var(--blue));stroke-width:2}
.counter-ranking-preview{display:flex;flex-direction:column;gap:20px;margin-top:36px}
.counter-ranking-preview>div{display:grid;grid-template-columns:17px 1fr 48px 29px;align-items:center;gap:7px;font-size:10px}
.counter-ranking-preview b{color:var(--copy);font-size:9px;font-weight:450}
.counter-ranking-preview span{color:var(--ink)}
.counter-ranking-preview strong{font-size:10px;color:var(--copy);font-weight:500;text-align:right}
.counter-ranking-preview i{height:4px;background:var(--line);border-radius:3px;overflow:hidden}
.counter-ranking-preview i:after{content:'';display:block;width:var(--rank);height:100%;background:var(--teal,var(--blue));border-radius:3px}
.counter-code-preview{margin-top:32px;border:1px solid var(--line);background:var(--canvas);border-radius:7px;overflow:hidden}
.counter-code-preview>div{display:flex;align-items:center;gap:4px;border-bottom:1px solid var(--line);padding:9px 11px}
.counter-code-preview>div i{width:4px;height:4px;border-radius:50%;background:var(--line)}
.counter-code-preview>div>span{font-size:8px;color:var(--copy);margin-left:auto}
.counter-code-preview code{display:block;font-family:Consolas,monospace;padding:17px 11px;font-size:9px;line-height:1.9;overflow-wrap:anywhere;color:var(--copy)}
.counter-code-preview em{font-style:normal;color:var(--page-sky)}
.counter-code-preview code strong{color:var(--teal,var(--blue));font-weight:450}
.counter-code-preview>span{display:flex;align-items:center;gap:6px;font-size:9px;padding:0 11px 12px;color:var(--teal,var(--blue))}
.counter-code-preview>span i{width:4px;height:4px}
.counter-why-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;align-items:center}
.counter-why-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.counter-why-grid article{padding:25px;border:1px solid var(--line);border-radius:9px;background:var(--panel)}
.counter-why-index{display:block;font-size:11px;color:var(--copy);margin-bottom:18px}
.counter-why-grid article>div>svg{width:20px;height:20px;color:var(--teal,var(--blue));margin-bottom:12px}
.counter-why-grid p{font-size:13px;line-height:1.85;color:var(--copy);margin:0}
.counter-final-cta{display:flex;justify-content:space-between;align-items:center;gap:40px;background:var(--page-soft);padding:37px 39px;border:1px solid color-mix(in srgb,var(--teal,var(--blue)) 16%,var(--line));border-radius:11px;margin:12px 0 45px}
.counter-final-cta__content{max-width:650px}
.counter-final-cta__content>p{font-size:13px;line-height:1.85;color:var(--copy);margin:13px 0 0;max-width:580px}
.counter-final-cta__actions{display:flex;flex-direction:column;gap:12px;align-items:center;flex:none}
.counter-final-cta__actions small{font-size:10px;color:var(--copy);text-align:center;max-width:240px}
.counter-final-cta__glow,.counter-mobile-dock{display:none}

@media(max-width:1050px){
  .auth-layout .auth-story{padding:36px 29px}.auth-layout .auth-story h2{font-size:32px}.auth-layout .auth-form-side{padding:35px 32px}.auth-layout .auth-story-art{margin-left:-29px;margin-right:-29px;margin-bottom:-36px}
  .counter-hero{gap:30px}.counter-hero__title{font-size:40px}.counter-hero__lead{font-size:14px}.counter-preview-dashboard{padding:17px}.counter-preview-metric{padding:12px 10px}.counter-preview-metric>strong{font-size:21px}.counter-benefit-card{padding:22px}.counter-benefit-grid{gap:14px;grid-template-columns:1fr 1fr}.counter-benefit-card.is-large{grid-row:span 2}.counter-why-section{gap:30px;grid-template-columns:.7fr 1.3fr}.counter-why-grid{gap:13px}.counter-why-grid article{padding:21px}.counter-final-cta{padding:29px 30px}.counter-final-cta h2{font-size:27px}
}
@media(max-width:800px){
  .auth-layout{grid-template-columns:.82fr 1.18fr}.auth-layout .auth-story{padding:32px 24px}.auth-layout .auth-story h2{font-size:29px}.auth-layout .auth-form-side{padding:33px 28px}.auth-layout .auth-password-grid{grid-template-columns:1fr;gap:19px}.auth-layout .auth-story-art{margin-left:-24px;margin-right:-24px;margin-bottom:-32px}
  .xlog-dashboard .project-layout{gap:20px}.xlog-dashboard .project-counter-column{width:180px}.xlog-dashboard .project-card{padding:20px!important}.xlog-dashboard .project-counter-preview{padding:12px!important;min-height:100px}.xlog-dashboard .project-desktop-heading{flex-wrap:wrap;gap:12px}.xlog-dashboard .project-desktop-heading>div{flex:1;min-width:180px}.xlog-dashboard .project-desktop-heading>a{margin-left:auto}.xlog-dashboard .project-actions>button,.xlog-dashboard .project-actions>form>button{font-size:11px;padding:7px 9px}.xlog-dashboard .dashboard-hero h1{font-size:29px!important}
  .counter-hero{grid-template-columns:1fr;gap:38px;padding-top:28px;padding-bottom:45px}.counter-hero__copy{max-width:640px}.counter-hero__title{font-size:44px;max-width:620px}.counter-hero__lead{font-size:14px;max-width:580px}.counter-preview-shell{max-width:650px}.counter-preview-dashboard{padding:23px}.counter-preview-metric{padding:17px}.counter-preview-chart>svg{height:140px}.counter-section{padding:40px 0}.counter-section-heading{gap:24px;align-items:flex-start}.counter-section-heading h2,.counter-why-heading h2{font-size:27px}.counter-section-heading>p{max-width:300px;font-size:12px}.counter-step{padding:21px}.counter-step h3{font-size:16px}.counter-step p{font-size:12px}.counter-why-section{display:block}.counter-why-heading{max-width:580px;margin-bottom:25px}.counter-final-cta{gap:24px}.counter-final-cta h2{font-size:25px}
}
@media(max-width:640px){
  .auth-layout,.auth-layout--register{display:block;max-width:470px;min-height:0;margin:7px auto 26px;border-radius:11px}.auth-layout .auth-story{display:none}.auth-layout .auth-form-side{padding:30px 26px}.auth-layout .auth-heading h1{font-size:27px}.auth-layout .auth-heading p{font-size:13px}.auth-layout .auth-form input:not([type="hidden"]){font-size:16px}.auth-layout .auth-password-grid{gap:19px}.auth-layout .auth-captcha img{width:112px}.auth-layout .auth-switch{font-size:12px}.auth-layout .auth-security-note{font-size:10px}
  .xlog-dashboard>.dashboard-hero{padding:23px 21px!important}.xlog-dashboard .dashboard-hero h1{font-size:27px!important}.xlog-dashboard .dashboard-hero button{font-size:13px}.xlog-dashboard .dashboard-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.xlog-dashboard .dashboard-metric{padding:15px 12px!important;min-height:115px}.xlog-dashboard .dashboard-metric>div:first-child>svg{display:none}.xlog-dashboard .dashboard-metric>div:first-child>span:first-child{font-size:10px;line-height:1.5}.xlog-dashboard .dashboard-metric .font-mono{font-size:25px;margin-top:12px;letter-spacing:-.7px}.xlog-dashboard .dashboard-metric>div:last-child{font-size:10px;line-height:1.6}.xlog-dashboard .dashboard-filterbar{padding:19px!important}.xlog-dashboard .dashboard-filterbar input[type="search"]{font-size:14px}.xlog-dashboard .project-card{padding:19px!important}.xlog-dashboard .project-layout{display:flex;flex-direction:column;gap:20px}.xlog-dashboard .project-counter-column{display:flex;align-items:center;gap:18px;width:100%;padding:0}.xlog-dashboard .project-counter-preview{min-height:77px;width:130px;padding:12px!important;flex:none}.xlog-dashboard .project-mobile-summary{min-width:0;flex:1}.xlog-dashboard .project-mobile-summary h3{font-size:16px}.xlog-dashboard .project-mobile-summary>.flex:last-child{flex-wrap:wrap;gap:4px 7px}.xlog-dashboard .project-mobile-summary .font-mono{font-size:18px;font-weight:550}.xlog-dashboard .project-mobile-summary p{font-size:11px}.xlog-dashboard .project-content{width:100%}.xlog-dashboard .project-actions{gap:7px}.xlog-dashboard .project-actions>button,.xlog-dashboard .project-actions>form>button,.xlog-dashboard .project-actions>a{min-height:39px;font-size:11px;padding:9px 10px}.xlog-dashboard .project-actions>form{flex:1}.xlog-dashboard .project-actions>form>button{width:100%}.xlog-dashboard .project-editor{padding-top:19px;margin-top:20px}.xlog-dashboard .project-editor>form{gap:18px}.xlog-dashboard .project-editor input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="color"]),.xlog-dashboard .project-editor select,.xlog-dashboard .project-editor textarea{font-size:14px;min-height:42px}.xlog-dashboard .project-editor label{font-size:12px!important}.xlog-dashboard #add-project-panel{padding:20px!important}.add-site-form--wide{grid-template-columns:1fr;gap:17px}.add-site-form--wide>div,.add-site-form--wide>button{grid-column:1}.add-site-form--wide>button{width:100%}.installation-guide{padding:13px!important}.installation-guide [role="tab"]{padding:6px 8px}
  .counter-hero{padding:19px 0 38px;gap:29px}.counter-hero__title{font-size:39px;letter-spacing:-1.1px;margin:18px 0 17px}.counter-hero__lead{font-size:13px}.counter-hero__actions{gap:9px;margin:24px 0 19px}.counter-button{font-size:11px;padding:11px 13px;gap:8px}.counter-proof-list{font-size:10px;gap:8px 15px}.counter-status-pill{font-size:11px}.counter-product-body{grid-template-columns:34px minmax(0,1fr)}.counter-window-bar{height:34px;padding:0 12px}.counter-preview-nav{padding:13px 4px;gap:12px}.counter-preview-logo{font-size:20px}.counter-preview-nav>span{width:25px;height:25px}.counter-preview-nav svg{width:15px;height:15px}.counter-preview-dashboard{padding:15px 13px}.counter-preview-heading{margin-bottom:15px;gap:10px}.counter-preview-heading strong{font-size:12px}.counter-preview-eyebrow{font-size:8px}.counter-period-chip{font-size:8px;padding:5px 6px}.counter-preview-meta{font-size:10px;gap:12px}.counter-demo-badge{font-size:9px}.counter-preview-metrics{grid-template-columns:1fr 1fr .7fr}.counter-preview-metric{padding:11px 9px}.counter-preview-metric>span{font-size:8px}.counter-preview-metric>strong{font-size:20px;margin:6px 0}.counter-preview-metric>small{font-size:7px}.counter-preview-chart{margin-top:14px;padding:12px 10px 10px}.counter-preview-chart>svg{height:100px}.counter-preview-chart__head>div>span{font-size:8px}.counter-preview-chart__head strong{font-size:11px}.counter-preview-chart__head>span{font-size:8px}.counter-chart-days{font-size:7px;margin-top:7px}.counter-preview-footer{gap:12px;margin-top:15px}.counter-source-list{gap:9px}.counter-source-list>div{font-size:8px;gap:5px}.counter-source-list strong{font-size:8px}.counter-live-widget{padding:9px}.counter-live-widget>div:first-child{display:block;font-size:7px}.counter-live-widget strong{font-size:7px;margin-top:4px}.counter-digit-row{gap:2px;margin-top:7px}.counter-digit-row b{font-size:10px;min-height:18px}.counter-section{padding:33px 0}.counter-section-heading{display:block;margin-bottom:22px}.counter-section-heading>p{max-width:100%;margin-top:13px;font-size:12px}.counter-section-heading h2,.counter-why-heading h2{font-size:25px}.counter-section-kicker{font-size:10px;margin-bottom:10px}.counter-steps{grid-template-columns:1fr;gap:12px}.counter-step{padding:22px}.counter-step__top{margin-bottom:16px}.counter-step h3{font-size:17px}.counter-step p{font-size:13px}.counter-benefit-grid{grid-template-columns:1fr;gap:13px}.counter-benefit-card.is-large{grid-row:auto}.counter-benefit-card{padding:23px}.counter-benefit-card h3{font-size:18px}.counter-benefit-card>p{font-size:13px}.counter-benefit-card__head{margin-bottom:18px}.counter-benefit-analytics{margin-top:22px}.counter-benefit-analytics>svg{height:78px}.counter-ranking-preview{margin-top:25px;gap:18px}.counter-ranking-preview>div{grid-template-columns:20px 1fr 85px 36px;font-size:11px}.counter-ranking-preview strong{font-size:11px}.counter-code-preview{margin-top:24px}.counter-code-preview code{font-size:10px;padding:19px 13px}.counter-why-grid{grid-template-columns:1fr;gap:12px}.counter-why-grid article{padding:22px}.counter-why-grid article>div{display:flex;align-items:flex-start;gap:12px}.counter-why-grid article>div>svg{flex:none;margin-top:3px}.counter-why-index{margin-bottom:14px}.counter-final-cta{display:block;padding:25px;margin:5px 0 30px}.counter-final-cta h2{font-size:25px}.counter-final-cta__content>p{font-size:13px}.counter-final-cta__actions{align-items:flex-start;margin-top:22px;gap:11px}.counter-final-cta__actions small{text-align:left;max-width:none;font-size:10px}
}
@media(max-width:380px){
  .auth-layout .auth-form-side{padding:26px 20px}.auth-layout .auth-heading h1{font-size:25px}.auth-layout .captcha-refresh img{width:100px}.xlog-dashboard .dashboard-summary{gap:6px}.xlog-dashboard .dashboard-metric{padding:14px 10px!important}.xlog-dashboard .dashboard-metric .font-mono{font-size:23px}.xlog-dashboard .project-counter-column{gap:12px}.xlog-dashboard .project-counter-preview{width:112px;min-height:75px;padding:9px!important}.xlog-dashboard .project-mobile-summary h3{font-size:14px}.xlog-dashboard .project-mobile-summary .font-mono{font-size:16px}.xlog-dashboard .project-mobile-summary [class*="text-[10px]"]{font-size:9px}.counter-hero__title{font-size:35px}.counter-preview-dashboard{padding:13px 10px}.counter-preview-metric{padding:10px 7px}.counter-preview-metric>strong{font-size:18px}.counter-product-body{grid-template-columns:29px minmax(0,1fr)}.counter-preview-nav{padding:13px 2px}.counter-preview-heading strong{font-size:11px}.counter-preview-metrics{grid-template-columns:1fr 1fr .7fr}.counter-preview-metric>span{font-size:7px}.counter-preview-footer{grid-template-columns:1fr}.counter-live-widget{display:none}.counter-preview-chart>svg{height:88px}.counter-preview-meta>span:first-child{max-width:170px;line-height:1.6}.counter-section-heading h2,.counter-why-heading h2,.counter-final-cta h2{font-size:23px}
}
@media(prefers-reduced-motion:reduce){.auth-signal-line,.counter-chart-line{animation:none;stroke-dashoffset:0}.auth-signal-line{stroke-dasharray:none}.xlog-dashboard .dashboard-metric,.xlog-dashboard .project-card{transition:none}}