:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0d0e10;--panel:#111215;--panel-2:#16181b;--editor:#141619;--line:#222429;--line-strong:#33363b;--text:#e8e6e1;--text-2:#bebdba;--muted:#81858b;--accent:#cc7c5e;--accent-ink:#1d0f08;--purple:#c07afd;--purple-soft:#e0bffb;--green:#7cc79a;--add-bg:#192621;--tk-keyword:#c3a3f9;--tk-type:#8bb6f9;--tk-attr:#e9c484;--tk-comment:#81858b;--font-ui:-apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-code:ui-monospace, "SF Mono", "JetBrains Mono", Menlo, monospace;--ease:cubic-bezier(.22, 1, .36, 1);--page:1080px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}code{font-family:var(--font-code);font-size:.9em}::selection{background:#c07afd59}.muted{color:var(--muted)}.glow{pointer-events:none;filter:blur(20px);z-index:-1;background:radial-gradient(40% 35% at 30% 30%,#c07afd29,#0000 70%),radial-gradient(35% 30% at 72% 38%,#cc7c5e21,#0000 70%);height:110vh;animation:18s ease-in-out infinite alternate drift;position:absolute;inset:-20vh 0 auto}@keyframes drift{to{transform:translateY(4vh)scale(1.08)}}.nav{z-index:10;max-width:var(--page);-webkit-backdrop-filter:blur(12px);animation:fade-down .8s var(--ease) both;justify-content:space-between;align-items:center;margin:0 auto;padding:18px 16px;display:flex;position:sticky;top:0}.brand{letter-spacing:-.01em;align-items:center;gap:8px;font-weight:600;display:flex}.nav nav{color:var(--text-2);align-items:center;gap:22px;font-size:14px;display:flex}.nav nav a{transition:color .2s}.nav nav a:hover{color:var(--text)}@keyframes fade-down{0%{opacity:0;transform:translateY(-8px)}}main{max-width:var(--page);margin:0 auto;padding:0 16px}.hero{text-align:center;flex-direction:column;align-items:center;padding:72px 0 56px;display:flex}.hero-mascot{margin-bottom:28px;animation:4s ease-in-out 1.6s infinite bob}@keyframes bob{50%{transform:translateY(-6px)}}.mascot{overflow:visible}.mascot .px{transform-box:fill-box;transform-origin:50%;pointer-events:none}.mascot.is-assembling .px{animation:pixel-in .9s var(--ease) var(--delay) backwards;transition:transform .7s var(--ease) var(--spread), opacity .7s var(--ease) var(--spread)}.hero-mascot:hover .px{transform:translate(calc(var(--dx) * .75), calc(var(--dy) * .75)) rotate(var(--rot)) scale(.85);opacity:.75;transition-duration:.5s}.hero-mascot:hover .mascot-eyes{opacity:0}.mascot .mascot-eyes{transition:opacity .3s}@keyframes pixel-in{0%{opacity:0;transform:translate(var(--dx), var(--dy)) scale(.2)}}.mascot .mascot-eyes{transform-box:fill-box;transform-origin:50%;animation:5s 2s infinite blink}.mascot.is-assembling .mascot-eyes{animation:.3s 1.2s backwards fade-in,5s 2.4s infinite blink}@keyframes blink{0%,92%,to{transform:scaleY(1)}95%{transform:scaleY(.1)}}@keyframes fade-in{0%{opacity:0}}.hero-title{letter-spacing:-.035em;margin:0;font-size:clamp(36px,7vw,72px);font-weight:650;line-height:1.04}.hero-title .line{padding-bottom:.08em;display:block;overflow:hidden}.hero-title .line>span{animation:rise 1s var(--ease) both;display:inline-block}.hero-title .line:first-child>span{animation-delay:.5s}.hero-title .line:nth-child(2)>span{animation-delay:.65s}@keyframes rise{0%{transform:translateY(105%)}}.accent-text{background:linear-gradient(90deg, var(--purple), var(--accent), var(--purple-soft), var(--purple));color:#0000;animation:rise 1s var(--ease) .65s both, shimmer 8s linear 1.6s infinite;background-size:300% 100%;-webkit-background-clip:text;background-clip:text}@keyframes shimmer{to{background-position:300% 0}}.hero-sub{max-width:560px;color:var(--text-2);animation:fade-up .9s var(--ease) .9s both;margin:24px 0 0;font-size:18px}.hero-sub code{color:var(--purple-soft)}.hero-ctas{animation:fade-up .9s var(--ease) 1.05s both;gap:12px;margin-top:32px;display:flex}.hero-note{color:var(--muted);animation:fade-up .9s var(--ease) 1.2s both;margin:18px 0 0;font-size:13px}@keyframes fade-up{0%{opacity:0;transform:translateY(14px)}}.btn{border:1px solid var(--line-strong);height:42px;transition:transform .2s var(--ease), border-color .2s, background .2s;border-radius:999px;align-items:center;padding:0 20px;font-size:15px;font-weight:550;display:inline-flex}.btn:hover{border-color:var(--muted);transform:translateY(-1px)}.btn-primary{background:var(--purple);color:#160c22;border-color:#0000;animation:3s 2s infinite ring;box-shadow:0 0 #c07afd66}.btn-primary:hover{background:var(--purple-soft);border-color:#0000}@keyframes ring{0%{box-shadow:0 0 #c07afd59}70%,to{box-shadow:0 0 0 14px #c07afd00}}.js .reveal{opacity:0;transition:opacity .9s var(--ease) var(--delay), transform .9s var(--ease) var(--delay);transform:translateY(24px)}.js .reveal.is-shown{opacity:1;transform:none}.demo-wrap{perspective:1400px;margin-bottom:40px}.window{border:1px solid var(--line-strong);background:var(--panel);transition:transform 1.4s var(--ease);border-radius:14px;font-size:12.5px;overflow:hidden;transform:rotateX(8deg)scale(.97);box-shadow:0 40px 120px -40px #c07afd4d,0 30px 60px -30px #000c}.reveal.is-shown .window{transform:none}.window-bar{border-bottom:1px solid var(--line);align-items:center;gap:7px;height:36px;padding:0 14px;display:flex}.light{background:var(--line-strong);border-radius:50%;width:11px;height:11px}.window-title{text-align:center;color:var(--muted);flex:1;margin-right:50px;font-size:12px}.window-body{grid-template-columns:150px 1fr 330px;height:380px;display:grid}.w-tree{border-right:1px solid var(--line);color:var(--text-2);padding:10px 0}.w-tree-head{letter-spacing:.06em;color:var(--muted);padding:0 14px 8px;font-size:10.5px;font-weight:700}.w-row{padding:3px 14px}.w-in{padding-left:28px}.w-row.is-active{color:var(--text);background:#1f2125}.w-code{background:var(--editor);min-width:0}.w-tabs{border-bottom:1px solid var(--line);background:var(--panel);display:flex}.w-tab{color:var(--muted);border-right:1px solid var(--line);align-items:center;gap:6px;padding:8px 14px;display:inline-flex}.w-tab.is-active{color:var(--text);background:var(--editor)}.w-code pre{font-family:var(--font-code);margin:0;padding:12px 0;line-height:1.75;overflow:hidden}.ln{white-space:pre;display:flex}.gutter{text-align:right;color:#4a4d53;flex:none;width:40px;padding-right:14px}.ln.is-added{opacity:0;background:var(--add-bg);max-height:0;transition:max-height .5s var(--ease), opacity .5s var(--ease)}.ln.is-added.is-in{opacity:1;max-height:2em;animation:3s .8s forwards added-fade}@keyframes added-fade{to{background:0 0}}.tk-keyword{color:var(--tk-keyword)}.tk-type{color:var(--tk-type)}.tk-attr{color:var(--tk-attr)}.tk-comment{color:var(--tk-comment)}.w-chat{border-left:1px solid var(--line);flex-direction:column;min-width:0;display:flex}.w-chat-scroll{flex-direction:column;flex:1;justify-content:flex-end;gap:10px;padding:14px;display:flex;overflow:hidden}.pop{animation:pop .45s var(--ease) both}@keyframes pop{0%{opacity:0;transform:translateY(8px)scale(.98)}}.bubble.user{background:var(--panel-2);border:1px solid var(--line);border-radius:10px;align-self:flex-end;max-width:85%;padding:7px 11px}.claude-line{color:var(--text-2)}.claude-line code{color:var(--purple-soft)}.thinking{gap:4px;display:flex}.thinking span{background:var(--purple);border-radius:50%;width:6px;height:6px;animation:1s infinite dots}.thinking span:nth-child(2){animation-delay:.15s}.thinking span:nth-child(3){animation-delay:.3s}@keyframes dots{50%{opacity:.25;transform:translateY(-3px)}}.perm{background:#1a1610;border:1px solid #5c4a26;border-radius:10px;flex-direction:column;gap:8px;padding:11px;display:flex;position:relative}.perm-path{color:var(--tk-attr)}.perm-diff{font-family:var(--font-code);background:var(--add-bg);color:var(--green);border-radius:6px;padding:6px 8px;font-size:11.5px}.perm-actions{justify-content:flex-end;gap:6px;display:flex}.w-btn{border:1px solid var(--line-strong);border-radius:6px;padding:3px 12px;transition:transform .15s,background .2s}.w-btn.accent{background:var(--accent);color:var(--accent-ink);border-color:#0000;font-weight:600}.w-btn.is-hover{background:#dd8f71}.w-btn.is-pressed{transform:scale(.92)}.cursor{opacity:0;background:var(--text);clip-path:polygon(0 0,0 100%,30% 72%,52% 100%,66% 92%,45% 66%,85% 66%);width:14px;height:14px;transition:right .6s var(--ease), bottom .6s var(--ease), opacity .3s;position:absolute;bottom:-40px;right:60px}.cursor.is-on{opacity:1;bottom:4px;right:18px}.done-line{color:var(--text-2);align-items:center;gap:8px;display:flex}.dot-ok{background:var(--green);width:7px;height:7px;box-shadow:0 0 10px var(--green);border-radius:50%}.w-input{border:1px solid var(--line-strong);border-radius:10px;justify-content:space-between;align-items:center;min-height:40px;margin:0 12px 12px;padding:9px 11px;display:flex}.placeholder{color:var(--muted)}.caret{vertical-align:text-bottom;background:var(--purple);width:1.5px;height:1.1em;margin-left:1px;animation:1s step-end infinite caret;display:inline-block}@keyframes caret{50%{opacity:0}}.w-send{background:var(--purple);border-radius:6px;width:22px;height:22px}.section{padding:110px 0 0}.eyebrow{font-family:var(--font-code);letter-spacing:.08em;text-transform:uppercase;color:var(--purple);margin:0 0 10px;font-size:12.5px}h2{letter-spacing:-.03em;max-width:680px;margin:0;font-size:clamp(28px,4.2vw,44px);font-weight:650;line-height:1.1}.lede{max-width:600px;color:var(--text-2);margin:18px 0 0;font-size:17px}.grid{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:44px;display:grid}.grid>.reveal{display:flex}.spotlight{position:relative;overflow:hidden}.spotlight:before{content:"";opacity:0;background:radial-gradient(260px circle at var(--x,50%) var(--y,50%), #c07afd24, transparent 70%);pointer-events:none;transition:opacity .3s;position:absolute;inset:0}.spotlight:hover:before{opacity:1}.card{border:1px solid var(--line);background:linear-gradient(180deg, var(--panel), transparent);transition:border-color .3s, transform .4s var(--ease);border-radius:14px;flex:1;padding:24px}.card:hover{border-color:var(--line-strong);transform:translateY(-3px)}.card-index{font-family:var(--font-code);color:var(--muted);font-size:12px}.card h3{letter-spacing:-.01em;margin:18px 0 8px;font-size:17px}.card p{color:var(--text-2);margin:0;font-size:14.5px}.flow{grid-template-columns:1fr 1.2fr 1.3fr 1.2fr 1fr;align-items:center;margin-top:48px;display:grid}.flow-node{border:1px solid var(--line-strong);background:var(--panel);text-align:center;border-radius:12px;flex-direction:column;align-items:center;gap:2px;padding:16px 10px;display:flex}.flow-node.is-core{border-color:#c07afd80;box-shadow:0 0 40px -8px #c07afd59}.flow-label{font-weight:600}.flow-sub{color:var(--muted);font-size:12px}.flow-wire{background:repeating-linear-gradient(90deg, var(--line-strong) 0 6px, transparent 6px 11px);height:1px;position:relative}.flow-packet{background:var(--purple);color:#160c22;font-family:var(--font-code);white-space:nowrap;opacity:0;border-radius:999px;padding:1px 8px;font-size:11px;position:absolute;top:-11px;left:0}.reveal.is-shown .flow-packet{animation:travel 4s var(--ease) .6s infinite}.reveal.is-shown .flow-packet.is-late{background:var(--accent);color:var(--accent-ink);animation-delay:2.2s}@keyframes travel{0%{opacity:0;left:0;transform:translate(0)}10%{opacity:1}45%{opacity:1;left:100%;transform:translate(-100%)}55%,to{opacity:0;left:100%;transform:translate(-100%)}}.rules{grid-template-columns:repeat(2,1fr);gap:30px 40px;margin:56px 0 0;padding:0;list-style:none;display:grid}.rules li{gap:14px;display:flex}.rules p{color:var(--text-2);margin:4px 0 0;font-size:15px}.rule-check{background:#7cc79a1a;border:1px solid #7cc79a80;border-radius:6px;flex:none;width:20px;height:20px;margin-top:3px;position:relative}.rule-check:after{content:"";border:solid var(--green);width:5px;height:10px;transition:transform .5s var(--ease) calc(var(--delay) + .3s);border-width:0 2px 2px 0;position:absolute;top:2.5px;left:6px;transform:rotate(45deg)scale(0)}.reveal.is-shown .rule-check:after{transform:rotate(45deg)scale(1)}.branches{border:1px solid var(--line);background:var(--panel);border-radius:14px;margin-top:40px;padding:24px}.branches svg{width:100%;height:auto;display:block;overflow:visible}.branches path{fill:none;stroke-width:2px;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1px}.branches .b-main{stroke:var(--line-strong);stroke-dasharray:none}.branches .b-run{stroke:var(--purple)}.branches .b2{stroke:var(--accent)}.branches .b3{stroke:var(--green)}.reveal.is-shown .b-run{animation:draw 2.2s var(--ease) forwards}.reveal.is-shown .b2{animation-delay:.35s}.reveal.is-shown .b3{animation-delay:.7s}@keyframes draw{to{stroke-dashoffset:0}}.b-dot{fill:var(--bg);stroke-width:2px;opacity:0}.d1{stroke:var(--purple)}.d2{stroke:var(--accent)}.d3{stroke:var(--green)}.reveal.is-shown .b-dot{animation:.4s .7s forwards fade-in,2s 1.2s infinite pulse}@keyframes pulse{0%,to{opacity:1;stroke-width:2px}50%{opacity:1;stroke-width:5px}}.branches text{fill:var(--text-2);font-family:var(--font-code);font-size:9px}.branches .b-pr{fill:var(--muted)}.cta{text-align:center;padding-bottom:120px}.cta .reveal{flex-direction:column;align-items:center;min-width:0;display:flex}.cta h2{margin-top:18px}.cta .lede{margin-left:auto;margin-right:auto}.footer{max-width:var(--page);border-top:1px solid var(--line);justify-content:space-between;margin:0 auto;padding:28px 16px 40px;font-size:13px;display:flex}.footer span:first-child{align-items:center;gap:8px;display:flex}@media (max-width:860px){.window-body{grid-template-columns:1fr 280px}.w-tree{display:none}.grid{grid-template-columns:1fr}}@media (max-width:640px){.nav nav a:not(.nav-cta){display:none}.hero{padding-top:40px}.hero-ctas{flex-direction:column;width:100%}.btn{justify-content:center}.window-body{grid-template-columns:1fr;height:340px}.w-code{display:none}.grid,.rules{grid-template-columns:1fr}.flow{grid-template-columns:1fr;gap:0}.flow-wire{background:repeating-linear-gradient(180deg, var(--line-strong) 0 6px, transparent 6px 11px);width:1px;height:36px;margin:0 auto}.flow-packet{display:none}.footer{flex-direction:column;gap:8px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;transition-delay:0s!important;animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important}.js .reveal,.window{opacity:1;transition:none;transform:none}.branches path.b-run{stroke-dashoffset:0;animation:none}.b-dot{opacity:1}.flow-packet{display:none}}.pills{color:var(--text-2);flex-wrap:wrap;justify-content:center;gap:8px;margin:26px 0 0;padding:0;font-size:13px;list-style:none;display:flex}.pills li{border:1px solid var(--line);animation:fade-up .8s var(--ease) both;background:#ffffff05;border-radius:999px;align-items:center;gap:7px;padding:5px 12px;display:flex}.pills li:before{content:"";background:var(--green);border-radius:50%;width:6px;height:6px}.pills li:first-child{animation-delay:1.2s}.pills li:nth-child(2){animation-delay:1.3s}.pills li:nth-child(3){animation-delay:1.4s}.board-wrap{perspective:1400px}.runs{transition:transform 1.4s var(--ease);grid-template-columns:repeat(3,1fr);gap:14px;display:grid;transform:rotateX(10deg)scale(.97)}.reveal.is-shown .runs{transform:none}.run{border:1px solid var(--line-strong);background:var(--panel);border-radius:14px;flex-direction:column;gap:12px;padding:18px;font-size:13.5px;transition:border-color .5s,box-shadow .5s;display:flex;box-shadow:0 30px 80px -40px #c07afd59}.run.is-ready{border-color:#7cc79a73;box-shadow:0 30px 80px -40px #7cc79a66}.run-head{align-items:center;gap:9px;display:flex}.run-dot{background:var(--purple);border-radius:50%;width:8px;height:8px;animation:1.4s ease-in-out infinite breathe}.run.is-checks .run-dot{background:var(--tk-attr)}.run.is-ready .run-dot{background:var(--green);box-shadow:0 0 10px var(--green);animation:none}@keyframes breathe{50%{opacity:.3}}.run-branch{color:var(--muted);font-size:11.5px}.run-plan{color:var(--muted);flex-direction:column;gap:7px;margin:0;padding:0;list-style:none;display:flex}.run-plan li{align-items:center;gap:9px;transition:color .3s;display:flex}.run-plan li.is-now{color:var(--text)}.run-plan li.is-done{color:var(--text-2)}.run-box{border:1px solid var(--line-strong);border-radius:4px;flex:none;width:14px;height:14px;transition:background .3s,border-color .3s;position:relative}.is-now .run-box{border-color:var(--purple);animation:1s ease-in-out infinite breathe}.is-done .run-box{background:var(--purple);border-color:#0000}.is-done .run-box:after{content:"";border:1.6px solid #160c22;border-width:0 1.6px 1.6px 0;width:3.5px;height:7px;position:absolute;top:1.5px;left:4.5px;transform:rotate(45deg)}.run-bar{background:var(--line);border-radius:3px;height:3px;overflow:hidden}.run-bar span{background:linear-gradient(90deg, var(--purple), var(--accent));height:100%;transition:width .6s var(--ease);border-radius:3px;display:block}.run.is-ready .run-bar span{background:var(--green)}.run-foot{justify-content:space-between;align-items:center;gap:8px;min-height:22px;font-size:12.5px;display:flex}.run-status{color:var(--text-2)}.run.is-ready .run-status{color:var(--green);font-weight:600}.run-files{background:var(--add-bg);color:var(--green);border-radius:999px;padding:2px 8px;font-size:11.5px}.steps{grid-template-columns:repeat(3,1fr);gap:14px;margin:44px 0 0;padding:0;list-style:none;display:grid}.steps>.reveal{display:flex}.step-n{width:28px;height:28px;color:var(--purple);font-family:var(--font-code);background:#c07afd24;border-radius:8px;place-items:center;font-size:13px;font-weight:600;display:grid}.branches{margin-top:14px}.never{border:1px solid var(--line);background:radial-gradient(60% 80% at 100% 50%, #cc7c5e17, transparent 70%), var(--panel);border-radius:18px;grid-template-columns:1.2fr 1fr;align-items:center;gap:48px;padding:44px;display:grid}.never-list{letter-spacing:-.02em;flex-direction:column;gap:12px;margin:0;padding:0;font-size:clamp(20px,2.4vw,26px);font-weight:600;list-style:none;display:flex}.never-list li{width:fit-content;color:var(--text);transition:color .5s var(--delay);position:relative}.never-list li:after{content:"";background:var(--accent);transform-origin:0;height:2px;transition:transform .6s var(--ease) var(--delay);border-radius:2px;position:absolute;top:52%;left:-4px;right:-4px;transform:scaleX(0)}.reveal.is-shown .never-list li{color:var(--muted)}.reveal.is-shown .never-list li:after{transform:scaleX(1)}.speed .trace{background:linear-gradient(90deg, transparent, var(--purple), transparent);background-repeat:no-repeat;background-size:40% 100%;height:1px;animation:2.6s linear infinite trace;position:absolute;top:0;left:0;right:0}.grid>.reveal:nth-child(2) .trace{animation-delay:.4s}.grid>.reveal:nth-child(3) .trace{animation-delay:.8s}@keyframes trace{0%{background-position:-40% 0}to{background-position:140% 0}}.speed h3{margin-top:4px}.section .demo-wrap{margin:44px 0 0}.editor-list{color:var(--text-2);flex-wrap:wrap;gap:8px;margin:22px 0 0;padding:0;font-size:13.5px;list-style:none;display:flex}.editor-list li{border:1px solid var(--line);border-radius:999px;padding:6px 12px}@media (max-width:860px){.runs,.steps{grid-template-columns:1fr}.never{grid-template-columns:1fr;gap:28px;padding:28px}}@media (max-width:640px){.runs .run:nth-child(n+2){display:none}}.hero{padding-bottom:48px}.hero-demo{margin-bottom:0}.section .board-wrap{margin-top:44px}.editor-eyebrow{margin-top:56px}.editor-eyebrow+.editor-list{margin-top:0}.reveal:has(>.editor-eyebrow)+.reveal .editor-list{margin-top:0}.card.step{align-items:center;gap:14px;padding:18px 20px;display:flex}.card.step h3{margin:0;font-size:15.5px}.card.step p{color:var(--muted);margin:2px 0 0;font-size:13.5px}.steps{margin-top:14px}.acct-section{grid-template-columns:1fr 1fr;align-items:center;gap:56px;display:grid}.acct-points{color:var(--text-2);flex-direction:column;gap:10px;margin:26px 0 0;padding:0;font-size:15px;list-style:none;display:flex}.acct-points li{align-items:center;gap:10px;display:flex}.acct-points li:before{content:"";background:var(--purple);border-radius:50%;flex:none;width:6px;height:6px}.acct-badge{width:var(--s);height:var(--s);background:var(--c);color:#160c22;font-size:calc(var(--s) * .5);border-radius:50%;flex:none;place-items:center;font-weight:700;line-height:1;display:inline-grid}.run-head .acct-badge{margin-left:auto}.acct{flex-direction:column;gap:14px;display:flex}.acct-list{border:1px solid var(--line-strong);background:var(--panel);border-radius:14px;padding:10px;box-shadow:0 30px 80px -40px #c07afd59}.acct-list-head{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);padding:4px 10px 8px;font-size:11px;font-weight:700}.acct-row{transition:background .4s var(--ease), border-color .4s var(--ease);border:1px solid #0000;border-radius:10px;align-items:center;gap:12px;padding:10px;display:flex}.acct-row.is-active{background:var(--panel-2);border-color:var(--line-strong)}.acct-name{font-size:14.5px;font-weight:600}.acct-plan{border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:1px 8px;font-size:11.5px}.acct-ok{background:var(--green);border-radius:50%;width:7px;height:7px;margin-left:auto;box-shadow:0 0 8px #7cc79ab3}.acct-input{border:1px solid var(--line-strong);background:var(--panel);border-radius:14px;flex-direction:column;gap:18px;padding:14px;font-size:13.5px;display:flex}.acct-pickers{align-items:center;gap:8px;display:flex}.acct-picker{border:1px solid color-mix(in srgb, var(--c) 45%, transparent);background:color-mix(in srgb, var(--c) 12%, transparent);border-radius:8px;align-items:center;gap:7px;padding:4px 10px;font-size:12.5px;display:inline-flex}.acct-picker.is-plain{border-color:var(--line-strong);color:var(--text-2);background:0 0}.acct-picker-dot{background:var(--c);border-radius:50%;width:7px;height:7px}.acct-caret{color:var(--muted);font-size:10px}.acct-pickers .w-send{margin-left:auto}@media (max-width:860px){.acct-section{grid-template-columns:1fr;gap:32px}}.sec{grid-template-columns:1fr 1fr;gap:14px;margin-top:28px;font-size:13.5px;display:grid}.sec-card{border-radius:14px;flex-direction:column;gap:10px;min-height:210px;padding:18px;display:flex;position:relative}.sec-card.perm{transition:border-color .4s,background .4s}.sec-card.perm.is-denied{background:#1a1312;border-color:#de988573}.sec-warn{width:fit-content;color:var(--tk-attr);background:#e9c4841f;border-radius:999px;padding:2px 9px;font-size:12px}.perm-actions{margin-top:auto}.w-btn.is-hover-deny{border-color:var(--muted);background:var(--panel-2)}.sec-result{align-items:center;gap:8px;font-weight:600;display:inline-flex}.sec-result:before{content:"";background:currentColor;border-radius:50%;width:7px;height:7px;box-shadow:0 0 10px}.sec-result.is-bad{color:#de9885}.sec-result.is-good{color:var(--green);margin-top:auto}.sec-run{border:1px solid var(--line-strong);background:var(--panel)}.sec-run-head{align-items:center;gap:9px;display:flex}.sec-auto{color:var(--tk-attr);background:#e9c4841f;border-radius:999px;margin-left:auto;padding:1px 8px;font-size:11.5px}.sec-cmd{background:var(--editor);color:var(--text-2);border-radius:8px;padding:8px 10px;font-size:12px}.sec-dialog{border:1px solid var(--line-strong);-webkit-backdrop-filter:blur(10px);text-align:center;background:#28292eeb;border-radius:12px;flex-direction:column;align-items:center;gap:6px;width:min(280px,100% - 28px);padding:16px;display:flex;position:absolute;bottom:14px;left:50%;translate:-50%;box-shadow:0 20px 50px #0009}.sec-dialog>span:not(.sec-dialog-icon){color:var(--muted);font-size:12px}.sec-dialog .perm-actions{justify-content:center;width:100%;margin-top:6px}.sec-dialog-icon{background:linear-gradient(135deg, var(--purple), var(--accent));border-radius:7px;width:26px;height:26px}.shields{color:var(--text-2);flex-wrap:wrap;gap:8px;margin:18px 0 0;padding:0;font-size:13.5px;list-style:none;display:flex}.shields li{background:#7cc79a0f;border:1px solid #7cc79a4d;border-radius:999px;align-items:center;gap:8px;padding:6px 12px;display:flex}.shields li:before{content:"";border:solid var(--green);border-width:0 0 2px 2px;width:9px;height:5px;margin-top:-3px;transform:rotate(-45deg)}.card.speed p{color:var(--muted)}@media (max-width:640px){.sec{grid-template-columns:1fr}}.branches svg{max-width:720px;margin:0 auto}.nav-cta{border:1px solid var(--line-strong);border-radius:999px;align-items:center;gap:7px;padding:6px 12px;display:inline-flex}.btn svg{margin-right:8px}.cta-btn{margin-top:28px}.footer-links{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.footer-links a{color:var(--text-2);transition:color .2s}.footer-links a:hover{color:var(--text)}
