/* home page additions on top of the kit styles */
.live-looks{display:flex;flex-wrap:wrap;gap:8px;max-width:1180px;margin:30px auto 18px;padding:0 24px;align-items:center}
.live-looks button{font:500 12px var(--body);padding:8px 14px;border-radius:99px;border:1px solid var(--line);background:var(--surface);color:var(--ink)}
.live-looks button.active{background:var(--forest);color:#fff;border-color:var(--forest)}
body[data-theme=night] .live-looks button.active{background:var(--forest);color:#111b15}
.live-mode{margin-left:auto;display:inline-flex;gap:4px;padding:3px;border:1px solid var(--line);border-radius:99px;background:var(--surface)}
.live-mode button{border:0;padding:6px 12px}
.live-frame{position:relative;max-width:1180px;margin:0 auto;border:1px solid var(--line);border-radius:28px;overflow:hidden;background:var(--soft);box-shadow:var(--shadow)}
.live-frame.nat{overflow:visible;border-radius:22px}
.live-frame #demo{position:relative}
.live-hint{text-align:center;font:9px var(--mono);letter-spacing:.09em;text-transform:uppercase;color:var(--muted);margin:16px 0 0}
.doubts .steps-list a h3{font-size:22px}
.home-tour{position:fixed;z-index:99999;right:16px;bottom:16px;width:min(340px,calc(100vw - 32px));padding:18px;border-radius:22px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow)}
.home-tour h4{font-size:24px;margin:8px 0 6px}.home-tour p{font-size:14px;line-height:1.5;margin:0 0 12px}
.home-tour>div{display:flex;justify-content:space-between;gap:8px}
.home-tour button{font:600 13px var(--body);padding:10px 16px;border-radius:99px;color:var(--ink)}
.home-tour button.go{background:var(--forest);color:#fff}
body[data-theme=night] .home-tour button.go{color:#111b15}
.quiet-link{color:var(--ink)}
.footer-fine a{font:inherit;color:inherit}
.safe .steps-list .safe-row{display:grid;grid-template-columns:44px 1fr 22px;gap:14px;align-items:start;padding:22px 0;border-top:1px solid var(--line)}
.safe .steps-list .safe-row:first-child{border-top:0}.safe .safe-row>span{font:9px var(--mono);color:var(--clay);padding-top:8px}.safe .safe-row h3{font-size:22px;margin:0 0 6px}.safe .safe-row .icon{color:var(--moss);margin-top:6px}
.safe>div:first-child p{margin-top:18px;max-width:34ch}

.live-lock{position:absolute;inset:0;z-index:5;display:flex;align-items:center;justify-content:center;text-align:center;background:rgba(247,244,236,.55);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);padding:20px}.live-lock>div{max-width:380px}.live-lock h3{font:600 28px/1.1 'Space Grotesk',sans-serif;margin:8px 0}.live-lock p{margin:0 0 16px}.live-lock .btn{border:0;cursor:pointer;border-radius:99px;padding:13px 22px;font:600 15px Manrope,sans-serif;background:#17241c;color:#f7f4ec}body[data-theme=night] .live-lock{background:rgba(15,26,20,.6)}
