/* az.ai website builder page (azweb 10-13) */
html,body{overflow-x:clip}.bh{position:relative;overflow:hidden}.bh h1{max-width:900px}.bh .sub{max-width:720px}
.b-ticks{list-style:none;padding:0;margin:22px 0 0;display:flex;flex-wrap:wrap;gap:10px 26px;color:var(--t2);font-size:15px}
.b-ticks li{display:flex;align-items:center;gap:8px}.b-ticks li:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--g1);box-shadow:0 0 10px var(--g1)}
.b-grid{display:grid;grid-template-columns:minmax(320px,400px) 1fr;gap:28px;align-items:start;max-width:1500px}
.b-form{max-width:none;margin:0;display:grid;gap:16px;position:sticky;top:90px}
.b-form .inp{padding:0 14px;height:48px}.b-form textarea.inp{height:auto;padding:12px 14px;resize:vertical;line-height:1.5;font:inherit;font-size:16px;color:var(--td)}
.b-form select.inp{appearance:auto;color:var(--td)}.b-form select.inp option{background:#0a1830}
.b-two{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.opt{font-weight:400;color:var(--t3)}
.b-allow{margin:-6px 0 0;font-size:14px;color:var(--t2)}.b-allow b{color:var(--g1)}
.b-ideas{margin-top:-6px}.b-ideas button{font-size:13px;padding:6px 12px}
.b-more summary{cursor:pointer;color:var(--t2);font-size:14px;font-weight:600;padding:4px 0}.b-more[open] summary{margin-bottom:12px}.b-more>div{margin-bottom:12px}
.b-best{display:flex;gap:10px;align-items:center;font-size:14px;color:var(--t2)}
.b-go{width:100%;height:56px;font-size:17px}
.b-form .fine{font-size:12.5px;color:var(--t3);margin:0}.b-form .fine a{color:var(--t2)}
#b-stage{border-radius:22px;overflow:hidden;border:1px solid var(--line2);background:#0a1830;box-shadow:0 50px 100px -50px rgba(0,0,0,1)}
#b-stage .b-bar{height:46px;gap:8px;padding:0 14px}
#b-stage .b-bar>i{width:11px;height:11px;border-radius:50%;background:#ff5f57;display:inline-block}#b-stage .b-bar>i:nth-child(2){background:#febc2e}#b-stage .b-bar>i:nth-child(3){background:#28c840}
#b-url{margin-left:10px;padding:5px 14px;border-radius:999px;background:rgba(0,0,0,.25);color:var(--t2);font-size:13px;max-width:40%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.b-tools{margin-left:auto;display:flex;gap:6px}.b-t{font:600 12.5px/1 var(--sans);padding:8px 12px;border-radius:999px;border:1px solid var(--line2);background:transparent;color:var(--t2);cursor:pointer;text-decoration:none}
.b-t.on,.b-t:hover{background:rgba(97,242,221,.14);color:var(--td);border-color:rgba(97,242,221,.5)}
.b-view{position:relative;height:min(82vh,940px);min-height:560px;background:#fff;display:flex;justify-content:center;transition:background .3s}
.b-view.phone{background:#0a1830;padding:18px 0}
#b-frame{width:100%;height:100%;border:0;background:#fff;transition:width .35s var(--ease)}
.b-view.phone #b-frame{width:390px;border-radius:28px;box-shadow:0 0 0 10px #1c2533,0 30px 60px rgba(0,0,0,.6)}
.b-idle{position:absolute;inset:0;background:linear-gradient(180deg,#f5f7fb,#eef2f8);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:26px;padding:30px;color:#1d2533}
.b-skel{width:min(720px,92%);display:grid;gap:14px;opacity:.9}.b-skel i{display:block;border-radius:14px;background:linear-gradient(90deg,#e3e8f0 0%,#f3f6fa 50%,#e3e8f0 100%);background-size:200% 100%}
.b-skel .s-nav{height:28px;width:60%}.b-skel .s-hero{height:180px}.b-skel .s-row{height:16px;width:80%}.b-skel .s-cards{height:110px}
.b-idle.run .b-skel i{animation:shim 1.4s linear infinite}@keyframes shim{to{background-position:-200% 0}}
.b-steps{list-style:none;margin:0;padding:0;display:grid;gap:10px;font:600 16px/1.3 var(--sans);color:#5b6576}
.b-steps li{display:flex;gap:12px;align-items:center}.b-steps li:before{content:"";width:18px;height:18px;border-radius:50%;border:2px solid #c3cbd8;flex:none}
.b-steps li.now{color:#0f1a2c}.b-steps li.now:before{border-color:#23a6ff;border-top-color:transparent;animation:spin .8s linear infinite}
.b-steps li.ok{color:#1b7f5a}.b-steps li.ok:before{background:#22b37a;border-color:#22b37a;box-shadow:inset 0 0 0 3px #f2f5f9}
@keyframes spin{to{transform:rotate(360deg)}}
.b-time{margin:0;color:#6b7686;font-size:14px;min-height:1.2em;text-align:center;max-width:520px}
.b-after{padding:18px 20px;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center;justify-content:space-between}.b-after p{margin:0;color:var(--t2)}.b-after .row{display:flex;flex-wrap:wrap;gap:8px}
.b-ex{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px;margin-top:20px}
.b-ex a{display:block;border-radius:18px;overflow:hidden;border:1px solid var(--line);background:var(--onyx2);text-decoration:none;color:var(--td);transition:transform .2s}
.b-ex a:hover{transform:translateY(-3px)}.b-ex img{width:100%;aspect-ratio:16/10;object-fit:cover}.b-ex span{display:block;padding:12px 14px;font-weight:600}.b-ex small{display:block;padding:0 14px 14px;color:var(--t3)}
@media (max-width:1060px){.b-grid{grid-template-columns:1fr}.b-form{position:static}.b-view{height:78vh}}
@media (max-width:560px){.b-two{grid-template-columns:1fr}#b-url{display:none}.b-tools .b-t[data-w]{display:none}.b-view{min-height:520px}}

.b-disc{display:block;color:var(--t3);font-size:12px;margin-top:4px}

.b-own-top{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:16px 0 0}

/* QA 10-13 R2: 44px tap on the optional-details toggle */
.b-more>summary{min-height:44px;display:flex;align-items:center;cursor:pointer}
/* QA 10-13 R4: every tap target on the build page is at least 44 px on phones */
.b-best{min-height:44px;cursor:pointer}.b-best input{width:22px;height:22px;flex:none;margin:0}
@media (max-width:480px){
  .b-t{min-height:44px;display:inline-flex;align-items:center;padding:0 14px}
  .b-form .fine a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:44px;padding:0 4px}
}