/* Launch layer: sign-in, simpler home, website studio. Keeps the glass and blue. */
.gate{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;padding:24px;overflow:auto;
  background:radial-gradient(90% 70% at 50% 0%,#12315F,transparent 55%),#070B14;color:#F5F5F7}
.gate-card{width:min(440px,100%);border-radius:28px;padding:28px 24px 22px;
  background:linear-gradient(180deg,rgba(255,255,255,.14),rgba(255,255,255,.05));
  border:1px solid rgba(255,255,255,.18);box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 30px 80px -36px rgba(0,0,0,.8);
  -webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}
.gate-brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:22px;letter-spacing:-.03em}
.gate-brand .brand-mark{width:42px;height:42px}
.gate h1{font-size:clamp(28px,6vw,36px);letter-spacing:-.04em;margin:18px 0 8px;line-height:1.05}
.gate p{color:rgba(235,235,245,.72);margin:0 0 16px;line-height:1.45}
.gate label{display:grid;gap:6px;font-size:13px;font-weight:650;margin-bottom:12px}
.gate input{height:52px;border-radius:16px;border:1px solid rgba(255,255,255,.16);background:rgba(0,0,0,.28);color:#fff;padding:0 14px;font-size:17px}
.gate-remember{display:flex;align-items:center;gap:10px;min-height:44px;margin:0 0 12px;font-size:15px}
.gate-remember input{width:22px;height:22px;min-height:22px;padding:0;accent-color:#0A84FF}
.gate input:focus{outline:2px solid #0A84FF;border-color:transparent}
.gate .btn{width:100%;min-height:48px}
.gate-row{display:flex;justify-content:space-between;gap:12px;margin-top:12px;align-items:center}
.gate .link{color:#64D2FF;background:none;font-weight:650}
.gate-dev{margin-top:14px;padding:10px 12px;border-radius:14px;background:rgba(255,214,10,.12);color:#FFE08A;font-size:13px;line-height:1.4}
.gate-err{color:#FFB4A8;font-size:13.5px;margin:0 0 10px}
.gate-hint{color:#C7D7FF;font-size:13.5px;margin:0 0 10px;line-height:1.4}
.gate-lang{display:flex;gap:6px}
.gate-lang button{border-radius:999px;padding:6px 10px;color:rgba(235,235,245,.7);border:1px solid rgba(255,255,255,.16)}
.gate-lang button[aria-pressed=true]{background:#0A84FF;color:#fff;border-color:transparent}
.otp{letter-spacing:.35em;font-weight:750;text-align:center;font-size:22px}
.role-pick{display:grid;gap:10px}
.role-pick button{text-align:left;border-radius:18px;padding:14px 16px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);color:#fff}
.role-pick button b{display:block;font-size:16px}
.role-pick button span{color:rgba(235,235,245,.68);font-size:13.5px}

.launch-actions{display:grid;grid-template-columns:1fr;gap:10px}
@media (min-width:720px){.launch-actions{grid-template-columns:repeat(3,1fr)}}
.launch-actions button{display:grid;gap:4px;text-align:left;padding:16px;border-radius:22px;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);min-height:88px}
.launch-actions button b{font-size:16px;letter-spacing:-.02em}
.launch-actions button small{color:var(--muted);font-size:13px;font-weight:550}
.launch-actions button.primary{background:#0A84FF;color:#fff;border-color:transparent}
.launch-actions button.primary small{color:rgba(255,255,255,.82)}

.more-list{display:grid;gap:8px;padding:8px 4px 18px}
.more-list button{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:12px 14px;border-radius:16px;background:var(--surface-2);font-weight:650}

.ai-tasks{display:flex;gap:8px;overflow:auto;padding-bottom:8px;scrollbar-width:none}
.ai-tasks button{flex:none;border-radius:999px;padding:8px 12px;background:rgba(10,132,255,.12);color:var(--text);font-size:13px;font-weight:650}
.ai-note{font-size:14px;line-height:1.45}
.ai-note p{margin:0 0 8px}
.ai-note ul,.ai-note ol{margin:0 0 8px;padding-left:1.2em}
.ai-note h2,.ai-note h3{font-size:15px;margin:8px 0 4px;letter-spacing:-.02em}
.ai-note strong{font-weight:750}
.tool-card{margin:8px 0 12px;padding:12px 14px;border-radius:18px;background:rgba(10,132,255,.1);border:1px solid rgba(10,132,255,.28)}
.tool-card b{display:block;margin-bottom:6px}
.tool-img{display:block;width:100%;max-height:280px;object-fit:contain;border-radius:12px;background:#fff;margin-bottom:8px}
.ag-mini{border-radius:999px;padding:6px 10px;font-size:12px;font-weight:750;background:rgba(255,255,255,.1);color:inherit}
.ag-mini[aria-pressed=true]{background:#0A84FF;color:#fff}
.chat-list{display:grid;gap:6px;margin:0 0 10px}
.chat-list button{text-align:left;border-radius:14px;padding:10px 12px;background:rgba(10,132,255,.12);font-weight:650;color:inherit}
.chat-list button[aria-current=true]{box-shadow:inset 0 0 0 2px #0A84FF}
.ag-files{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 8px}
.ag-file{display:inline-flex;align-items:center;gap:4px;border-radius:999px;padding:4px 6px 4px 10px;background:rgba(10,132,255,.16);font-size:12px;font-weight:650}
.ag-file button{width:22px;height:22px;border-radius:50%;font-size:14px}
.ag-clip{position:relative;width:36px;height:36px;display:grid;place-items:center;cursor:pointer;flex:none}
.ag-clip input{position:absolute;inset:0;opacity:0;cursor:pointer;font-size:0;flex:none;width:100%;height:100%;padding:0}
.tool-body p{margin:0 0 6px}
.tool-sheet{position:fixed;inset:12px;z-index:80;display:flex;flex-direction:column;border-radius:24px;overflow:hidden;background:#fff;color:#111;box-shadow:0 30px 80px rgba(0,0,0,.45)}
.tool-sheet-bar{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;background:#0A84FF;color:#fff}
.tool-sheet iframe{flex:1;border:0;width:100%;background:#fff}
@media (max-width:719px){.tool-sheet{inset:0;border-radius:0}}

.studio{display:grid;gap:14px}
.studio-top{display:flex;justify-content:space-between;gap:12px;align-items:flex-end;flex-wrap:wrap}
.studio-top h1{font-size:clamp(28px,4vw,40px);letter-spacing:-.04em}
.tpls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.tpls button{border-radius:16px;padding:12px;text-align:left;border:1px solid var(--border);background:var(--surface);min-height:72px}
.tpls button[aria-pressed=true]{border-color:#0A84FF;box-shadow:0 0 0 3px rgba(10,132,255,.25)}
.tpls b{display:block}.tpls small{color:var(--muted)}
.studio-live{min-height:calc(100dvh - 92px)}
.studio-toggle{display:none;gap:6px}
.studio-toggle button{border-radius:999px;padding:8px 12px;background:rgba(10,132,255,.12);font-weight:750}
.studio-toggle button[aria-pressed=true]{background:#0A84FF;color:#fff}
.studio-fields details summary{cursor:pointer;font-weight:750;margin-bottom:8px}
.studio-grid{display:grid;gap:14px;grid-template-columns:minmax(0,1fr)}
.studio-fields{display:grid;gap:10px}
.studio-fields label{display:grid;gap:4px;font-size:13px;font-weight:650}
.studio-fields input,.studio-fields textarea{width:100%;border-radius:14px;border:1px solid var(--border);background:var(--surface);padding:10px 12px;color:var(--text)}
.studio-fields textarea{min-height:72px;resize:vertical}
.studio-frame{border-radius:22px;overflow:hidden;border:1px solid var(--border);background:#fff;min-height:calc(100dvh - 220px);height:calc(100dvh - 220px)}
.studio-frame iframe{width:100%;height:100%;border:0;background:#fff}
@media (min-width:1024px){
  .main-col:has(.studio-live){height:calc(100dvh - 32px);min-height:0;overflow:hidden}
  .main-col:has(.studio-live) main{flex:1;min-height:0;max-width:none;overflow:hidden;display:flex;flex-direction:column;padding:8px 16px 12px}
  .studio-live{flex:1;min-height:0;height:100%;display:flex;flex-direction:column;gap:8px;overflow:hidden}
  .studio-live .studio-top h1{font-size:22px;margin:0}
  .studio-live .studio-top .muted{display:none}
  .studio-live .tpls{grid-template-columns:repeat(3,max-content)}
  .studio-live .tpls button{min-height:0;padding:6px 10px}
  .studio-live .tpls small{display:none}
  .studio-live .studio-grid{flex:1;min-height:480px;grid-template-rows:auto minmax(480px,1fr)}
  .studio-live .studio-frame{height:100%;min-height:480px}
}
.studio-actions{display:flex;flex-wrap:wrap;gap:8px}
.studio-note{font-size:13px;color:var(--muted);line-height:1.4}
.more-home{border-radius:22px;border:1px solid var(--border);background:var(--surface);overflow:hidden}
.more-home summary{cursor:pointer;padding:14px 16px;font-weight:700;list-style:none}
.more-home summary::-webkit-details-marker{display:none}
.more-home:not([open]) > .inside{display:none}
.more-home[open] .inside{display:grid;gap:12px;padding:0 12px 12px}
@media (max-width:1023px){
  .studio-toggle{display:flex}
}
@media (max-width:719px){
  .tpls{grid-template-columns:repeat(3,minmax(0,1fr))}
  .tpls small{display:none}
  .studio-top .muted{display:none}
  .studio-frame{min-height:62dvh;height:62dvh}
  .gate-card{padding:22px 16px}
  .growth-kpis{grid-template-columns:1fr 1fr}
  .growth-actions{grid-template-columns:1fr}
}

#growth-live,.growth-card,.growth-form,.growth-fields,.growth-kpis{min-width:0;max-width:100%}
#growth-live,.growth-card,#growth-h{scroll-margin-top:108px}
.growth-card{border-radius:28px;padding:18px 16px 16px;color:var(--text);overflow:visible;
  background:linear-gradient(180deg,rgba(255,255,255,.72),rgba(255,255,255,.46));
  border:1px solid rgba(10,132,255,.22);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.85),0 22px 50px -32px rgba(10,132,255,.55)}
body.dark .growth-card{background:linear-gradient(180deg,rgba(255,255,255,.14),rgba(255,255,255,.05));
  border-color:rgba(255,255,255,.18);box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 22px 50px -32px rgba(10,132,255,.65)}
.growth-card h2{margin:4px 0 6px;font-size:clamp(22px,4vw,28px);letter-spacing:-.03em;
  position:static;z-index:auto;background:none;box-shadow:none}
.growth-card .eyebrow{color:#0A84FF}
body.dark .growth-card .eyebrow{color:#64D2FF}
.growth-kpis{display:grid;grid-template-columns:1fr;gap:8px;margin:12px 0}
.growth-kpi{border-radius:16px;padding:10px 12px;background:rgba(10,132,255,.08);min-width:0;overflow:hidden}
.growth-kpi b{display:block;font-size:15px;letter-spacing:-.02em;line-height:1.25;overflow-wrap:anywhere}
.growth-kpi span{display:block;color:var(--muted);font-size:12px;margin-top:2px;overflow-wrap:anywhere;line-height:1.35}
.growth-tips{margin:0 0 10px;line-height:1.45}
.growth-src{margin:0;padding:0;list-style:none;display:grid;gap:6px}
.growth-src li{font-size:13px;line-height:1.35;color:var(--muted);min-width:0}
.growth-src b{display:block;color:var(--text);font-weight:700}
.growth-src span{overflow-wrap:anywhere}
.growth-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}
.growth-actions .btn,.growth-mail a,.growth-mail button{min-height:44px}
.growth-jobs{margin:8px 0 0;padding-left:18px}
.growth-jobs li{margin:2px 0}
.growth-form{display:grid;gap:10px;margin-top:12px}
.growth-fields{display:grid;grid-template-columns:1fr;gap:10px}
.growth-form label{display:grid;gap:4px;font-size:13px;font-weight:650;min-width:0}
.growth-form input,.growth-form select{width:100%;max-width:100%;min-width:0;min-height:44px;border-radius:14px;border:1px solid var(--border);background:var(--surface);color:var(--text);padding:0 12px}
.growth-partner{display:grid;gap:2px;padding:10px 0;border-top:1px solid var(--border)}
.growth-partner b{font-size:15px}
.growth-mail{display:grid;gap:8px}
.growth-mail .rowline{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:8px 0;border-top:1px solid var(--border)}
.growth-note{font-size:13.5px;color:var(--muted);margin:8px 0 0;line-height:1.4}
.growth-found a,.growth-note a{color:#0A84FF;font-weight:650}
@media (max-width:1023px){
  html{scroll-padding-bottom:calc(168px + env(safe-area-inset-bottom, 0px))}
  #main{padding-bottom:calc(168px + env(safe-area-inset-bottom, 0px))}
  #growth-live,#growth-partners,.growth-actions,#price-form,.price-page{scroll-margin-bottom:calc(168px + env(safe-area-inset-bottom, 0px))}
}
.growth-preview{white-space:pre-wrap;font-size:13.5px;line-height:1.4;margin:10px 0;padding:12px;border-radius:16px;background:rgba(10,132,255,.08)}
@media (min-width:768px){
  .growth-card{padding:22px}
  .growth-kpis,.growth-fields{grid-template-columns:1fr 1fr}
}
@media (min-width:1100px){
  .growth-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}
}

.price-page{display:grid;gap:16px;min-width:0}
.price-hero,.price-card,.price-trial,.price-compare,.price-faq details,.price-contact,.price-home{
  border-radius:28px;color:var(--text);min-width:0;
  background:linear-gradient(180deg,rgba(255,255,255,.72),rgba(255,255,255,.46));
  border:1px solid rgba(10,132,255,.22);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.85),0 22px 50px -32px rgba(10,132,255,.55);
  -webkit-backdrop-filter:blur(18px) saturate(160%);backdrop-filter:blur(18px) saturate(160%)}
body.dark .price-hero,body.dark .price-card,body.dark .price-trial,body.dark .price-compare,body.dark .price-faq details,body.dark .price-contact,body.dark .price-home{
  background:linear-gradient(180deg,rgba(255,255,255,.14),rgba(255,255,255,.05));
  border-color:rgba(255,255,255,.18);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 22px 50px -32px rgba(10,132,255,.65)}
.price-hero{padding:22px 18px 18px}
.price-hero h1,.price-card h2,.price-contact h2,.price-faq h2{position:static;z-index:auto;background:none;box-shadow:none;letter-spacing:-.03em}
.price-hero h1{margin:6px 0 8px;font-size:clamp(28px,5vw,44px);line-height:1.05}
.price-hero p,.price-aside,.price-soon,.price-fair,.price-note,.price-vat{color:var(--muted);line-height:1.45}
.price-soon{color:#0A84FF;font-weight:650;margin:8px 0}
body.dark .price-soon{color:#64D2FF}
.price-bill{margin:12px 0 6px}
.price-trial{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:baseline;padding:14px 16px}
.price-trial b{font-size:16px}
.price-grid{display:grid;grid-template-columns:1fr;gap:12px;min-width:0}
.price-card{padding:18px 16px 16px;display:flex;flex-direction:column;gap:4px}
.price-card.pop{border-color:rgba(10,132,255,.72);box-shadow:0 0 0 1px rgba(10,132,255,.4),0 24px 50px -28px rgba(10,132,255,.75)}
.price-badge{align-self:flex-start;background:#0A84FF;color:#fff;font-size:12px;font-weight:750;border-radius:999px;padding:4px 10px;margin-bottom:6px}
.price-card h2{margin:0;font-size:clamp(22px,3vw,28px)}
.price-card h3{margin:14px 0 6px;font-size:14px;letter-spacing:-.01em}
.price-amt{margin:8px 0 0;display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}
.price-amt b{font-size:clamp(28px,4vw,36px);letter-spacing:-.04em;color:var(--text)}
.price-amt span,.price-vat,.price-aside{font-size:13px}
.price-cta{display:grid;gap:8px;margin:12px 0 4px}
.price-cta .btn{min-height:44px;width:100%}
.price-gets,.price-does{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.price-gets li,.price-does li{display:grid;grid-template-columns:18px minmax(0,1fr);gap:8px;align-items:start;font-size:13.5px;line-height:1.4}
.price-does li{grid-template-columns:minmax(0,1fr);gap:2px;padding-top:8px;border-top:1px solid var(--border)}
.price-gets svg,.price-does svg{color:#0A84FF;margin-top:2px}
.price-gets span,.price-does span,.price-does b{overflow-wrap:anywhere}
.price-does b{display:block}
.price-fair{margin:0;font-size:13px}
.price-compare{padding:4px 16px 8px}
.price-compare summary{min-height:48px;display:flex;align-items:center;font-weight:750;cursor:pointer}
.price-table-wrap{overflow-x:auto;margin:0 0 12px;-webkit-overflow-scrolling:touch}
.price-table{width:100%;min-width:640px;border-collapse:collapse;font-size:13px}
.price-table th,.price-table td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--border);vertical-align:top;min-width:0}
.price-table thead th{font-size:14px}
.price-table th.pop,.price-table td.pop{background:rgba(10,132,255,.1)}
.price-table th:first-child,.price-table td:first-child{position:sticky;left:0;z-index:1;background:#f6f7fb;min-width:132px}
body.dark .price-table th:first-child,body.dark .price-table td:first-child{background:#16181f}
.price-faq{display:grid;gap:8px}
.price-faq h2{margin:4px 0}
.price-faq details{padding:4px 16px}
.price-faq summary{min-height:48px;display:flex;align-items:center;font-weight:700;cursor:pointer}
.price-faq p{margin:0 0 12px;line-height:1.45}
.price-contact{padding:18px 16px 16px}
.price-contact h2{margin:4px 0 8px;font-size:clamp(22px,4vw,28px)}
.price-fields{display:grid;grid-template-columns:1fr;gap:10px}
.price-contact label{display:grid;gap:4px;font-size:13px;font-weight:650;min-width:0;margin-top:8px}
.price-contact input,.price-contact select,.price-contact textarea{width:100%;max-width:100%;min-width:0;border-radius:14px;border:1px solid var(--border);background:var(--surface);color:var(--text);padding:10px 12px;font:inherit}
.price-contact input,.price-contact select{min-height:44px}
.price-contact textarea{min-height:96px;resize:vertical}
.price-status{min-height:1.3em;font-weight:650}
.price-home{display:grid;gap:2px;width:100%;text-align:left;padding:16px 18px;cursor:pointer;color:inherit;font:inherit;appearance:none}
.price-home b{font-size:18px;letter-spacing:-.03em}
.price-home small{color:var(--muted);line-height:1.4}
.price-page h1,.price-page h2,#price-form{scroll-margin-top:108px}
@media (min-width:768px){
  .price-fields{grid-template-columns:1fr 1fr}
  .price-contact textarea,.price-contact .btn{grid-column:1 / -1}
}
@media (min-width:1024px){
  .price-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}
  .price-hero,.price-contact{padding:26px 24px}
}
#gate label.gate-remember,.gate label.gate-remember{display:flex!important;flex-direction:row!important;align-items:center}
.brand-stage{overflow:hidden}.brand-stage>*{max-width:100%}
/* Password sign-in */
.gate-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;margin-top:18px;border-radius:16px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.10);backdrop-filter:blur(20px) saturate(1.6);-webkit-backdrop-filter:blur(20px) saturate(1.6)}
.gate-tabs button{min-height:40px;border-radius:12px;background:none;color:rgba(235,235,245,.72);font-weight:700;font-size:14.5px;transition:background .2s,color .2s}
.gate-tabs button[aria-selected="true"]{background:rgba(255,255,255,.16);color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 4px 14px rgba(0,0,0,.25)}
.gate-tabs + h1{margin-top:16px}
.gate-pw{position:relative;display:block}
.gate-pw input{width:100%;padding-right:72px;box-sizing:border-box}
.gate-eye{position:absolute;right:6px;top:50%;transform:translateY(-50%);min-height:40px;padding:0 12px;border-radius:12px;background:rgba(255,255,255,.08);color:#64D2FF;font-weight:650;font-size:13px}
.gate-fine{font-size:12.5px!important;color:rgba(235,235,245,.55)!important;margin:12px 0 0!important;text-align:center}
.gate .btn[disabled]{opacity:.7}
.gate p.gate-err{color:#FFB4A8;background:rgba(255,69,58,.12);border:1px solid rgba(255,69,58,.28);border-radius:12px;padding:9px 12px;margin:0 0 12px}