chore: sync installer from monorepo

static/index.html

@@ -17,8 +17,9 @@
   --r:12px;
   --font:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
 }
-html{background:var(--bg);color:var(--text);font-family:var(--font)}
-body{min-height:100dvh;display:flex;flex-direction:column;align-items:center}
+html{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-text-size-adjust:100%}
+body{min-height:100dvh;display:flex;flex-direction:column;align-items:center;
+  padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}
 a{color:var(--blue);text-decoration:none}
 a:hover{color:var(--cyan)}
 
@@ -29,7 +30,7 @@ a:hover{color:var(--cyan)}
 .hero{text-align:center;padding:56px 20px 8px;position:relative}
 .hero::before{content:'';position:absolute;top:-50%;left:50%;transform:translateX(-50%);
   width:140%;height:120%;background:radial-gradient(ellipse 50% 40% at 50% 0%,rgba(59,130,246,0.1),transparent);pointer-events:none}
-.hero-logo{width:72px;height:72px;position:relative;filter:drop-shadow(0 0 20px rgba(59,130,246,.2))}
+.hero-logo{width:clamp(140px,30vw,200px);height:auto;position:relative;filter:drop-shadow(0 0 24px rgba(59,130,246,.25))}
 .hero h1{font-size:clamp(1.7rem,4.5vw,2.4rem);font-weight:800;letter-spacing:-0.03em;
   line-height:1.15;margin-top:16px;position:relative}
 .hero h1 span{background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
@@ -152,10 +153,29 @@ a:hover{color:var(--cyan)}
 .lang-btn.active{background:var(--blue);border-color:var(--blue);color:white}
 
 /* ── Responsive ── */
-@media(max-width:480px){
-  .hero{padding-top:40px}
-  .trust{gap:12px}
+@media(max-width:640px){
+  .hero{padding:36px 16px 8px}
+  .hero h1{font-size:1.6rem}
+  .hero p{font-size:13px}
+  .trust{gap:10px 16px;padding:16px 0 24px}
+  .trust-item{font-size:11px}
+  .wrap{padding:0 12px}
   .row{flex-direction:column;gap:8px}
+  .card{padding:16px}
+  .field input,.field select{height:48px;font-size:16px}
+  .btn{height:48px;font-size:15px}
+  .btn-sm{height:44px;font-size:14px}
+  .step-head{gap:8px}
+  .alt-link{flex-direction:column;gap:2px}
+  .chips{gap:4px}
+  .chip{padding:4px 8px;font-size:11px}
+  .lang-btn{padding:5px 12px;font-size:12px}
+  .footer{padding:24px 12px 16px}
+}
+@media(max-width:360px){
+  .hero-logo{width:120px}
+  .hero h1{font-size:1.35rem}
+  .trust{flex-direction:column;align-items:center;gap:6px}
 }
 
 /* ── Animations ── */