.browser{border-radius:1.4rem;border:1px solid rgba(255,255,255,.1);background:linear-gradient(180deg,#151b31,#0d1226);box-shadow:0 40px 80px -20px rgba(0,0,0,.7),0 0 0 8px rgba(255,255,255,.03);overflow:hidden}
.browser-bar{display:flex;align-items:center;gap:6px;padding:.7rem .9rem;border-bottom:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.03)}
.browser-bar>span{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.15)}.browser-bar>span:first-child{background:#f87171}.browser-bar>span:nth-child(2){background:#fbbf24}.browser-bar>span:nth-child(3){background:#34d399}
.browser-url{margin-inline-start:.6rem;flex:1;display:flex;align-items:center;gap:.4rem;border-radius:9999px;background:rgba(255,255,255,.06);padding:.3rem .8rem;font-size:.72rem;color:#94a3b8}
.browser-body{padding:1.1rem;background:radial-gradient(400px 200px at 80% 0,rgba(249,115,22,.08),transparent)}
.widget{border-radius:1.1rem;border:1px solid rgba(255,255,255,.08);background:rgba(11,16,32,.85);padding:1rem}
.widget-top{display:flex;align-items:center;gap:.7rem;padding-bottom:.7rem;border-bottom:1px solid rgba(255,255,255,.07)}
.widget-av{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,#fb923c,#ea580c);color:#fff}
.ms-auto{margin-inline-start:auto}
.stat-own{background:linear-gradient(180deg,rgba(249,115,22,.1),transparent)}.stat-own .stat-num{color:#fdba74}
.demo-card{display:block;transition:transform .25s,border-color .25s}.demo-card:hover{transform:translateY(-4px);border-color:rgba(249,115,22,.45)}
.report table th,.report table td{padding:.7rem .6rem;text-align:start;border-bottom:1px solid rgba(255,255,255,.06)}
.report thead th{color:#e2e8f0;font-weight:600;font-size:.8rem}.report td.y{color:#34d399;font-weight:800}.report td.n{color:#f87171;font-weight:800}
.report .me{background:rgba(249,115,22,.09)}.report tr.sc td{font-weight:800;color:#fff;border-bottom:0}
.calc .range-row output{font-size:1.4rem}
.cap-bar{height:8px;border-radius:9999px;background:rgba(255,255,255,.08);overflow:hidden}.cap-bar span{display:block;height:100%;width:0;background:linear-gradient(90deg,#34d399,#f97316);transition:width .3s}
.price.popular{transform:none!important}
.code{position:relative;border-radius:.9rem;border:1px solid rgba(255,255,255,.12);background:#070b18;padding:1rem 5.5rem 1rem 1rem;font:500 .8rem/1.6 ui-monospace,SFMono-Regular,Menlo,monospace;color:#fdba74;word-break:break-all;direction:ltr;text-align:left}
.code button{position:absolute;top:.6rem;right:.6rem;border-radius:9999px;background:#f97316;color:#fff;font:600 .75rem Inter,sans-serif;padding:.35rem .8rem}
.nav-cta{white-space:nowrap}
@media(max-width:560px){.nav-cta{display:none}#langSel{max-width:7.5rem}}
[dir=rtl] .bubble-user{margin-left:0;margin-right:auto}[dir=rtl] .float-card{direction:rtl}
.-mt-3{margin-top:-.75rem}.mb-4{margin-bottom:1rem}.p-5{padding:1.25rem}.pb-16{padding-bottom:4rem}.pb-24{padding-bottom:6rem}.max-w-md{max-width:28rem}.items-stretch{align-items:stretch}.self-start{align-self:flex-start}.space-y-5>:not([hidden])~:not([hidden]){margin-top:1.25rem}
.legal a{color:#fb923c;text-decoration:underline}

.float-card.fc2{bottom:-1.4rem;right:-1rem}
html,body{overflow-x:hidden}
.grid>*{min-width:0}.report{max-width:100%}.report table{table-layout:fixed;overflow-wrap:break-word;hyphens:auto}
@media(max-width:560px){.report table th,.report table td{padding:.5rem .3rem;font-size:.72rem}.report table td:first-child{width:42%}}
.tierBtn{border:1px solid rgba(255,255,255,.15);border-radius:9999px;padding:.35rem .8rem;color:#cbd5e1;background:transparent;font-weight:600}
.tierBtn.on{border-color:rgba(249,115,22,.7);background:rgba(249,115,22,.15);color:#fff}
.planOpt{display:flex;gap:.6rem;align-items:flex-start;border:1px solid rgba(255,255,255,.12);border-radius:.9rem;padding:.65rem .8rem;cursor:pointer}
.planOpt:has(input:checked){border-color:rgba(249,115,22,.7);background:rgba(249,115,22,.10)}
.planOpt input{margin-top:.25rem;accent-color:#f97316}

/* 2026-10-21: on phones the signup form comes first (it was ~1,500px down, below the 4 steps) */
@media (max-width:1023px){#auditForm.lg\:col-span-2{order:-1}}
.ff-ok{padding:1.25rem 0}.ff-ok h2{color:#fff;font-weight:800;font-size:1.25rem;margin-bottom:.5rem}
