.installation-studio{margin:48px 0 80px}.installation-methods{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:24px;display:grid}.installation-methods button{text-align:left;background:var(--card);border:1px solid var(--border);border-radius:18px;padding:17px 18px;transition:background .2s,transform .2s}.installation-methods button:hover{transform:translateY(-2px)}.installation-methods button[aria-pressed=true]{color:#e5faee;background:#163f35;border-color:#163f35}.installation-methods span{font-size:15px;font-weight:650;display:block}.installation-methods small{opacity:.68;margin-top:4px;font-size:11px;display:block}.install-scene{color:#19372b;background:#f4f8f4;border:1px solid #d5e3d9;border-radius:18px;grid-template-columns:145px 1fr;min-height:400px;display:grid;overflow:hidden}.install-sidebar{background:#e8f0e9;flex-direction:column;gap:11px;padding:22px 14px;display:flex}.install-app-mark{color:#e6f8eb;background:#315e47;border-radius:12px;place-items:center;width:38px;height:38px;display:grid}.install-sidebar strong{overflow-wrap:anywhere;margin:4px 0 10px;font-size:12px}.install-sidebar button{text-align:left;border-radius:9px;align-items:center;gap:8px;padding:10px 7px;font-size:11px;display:flex}.install-sidebar button[data-active]{background:#fff;box-shadow:0 4px 14px #0d352b0b}.install-sidebar button>span{background:#d0e1d4;border-radius:50%;flex-shrink:0;place-items:center;width:20px;height:20px;font-size:10px;display:grid}.install-workspace{min-width:0;padding:19px}.install-workspace-top{color:#61746a;border-bottom:1px solid #dbe6dd;justify-content:space-between;gap:12px;padding-bottom:14px;font-size:10px;display:flex}.install-stage{flex-direction:column;justify-content:center;align-items:flex-start;gap:18px;min-height:290px;padding:20px 2px;animation:.4s both install-appear;display:flex}.install-stage h3{max-width:420px;margin:0;font-size:clamp(20px,2vw,27px);line-height:1.2}.install-big-icon{background:#d8eddd;border-radius:17px;place-items:center;width:58px;height:58px;display:grid}.install-big-icon svg{width:27px;height:27px}.install-file{background:#fff;border:1px solid #d3e2d7;border-radius:12px;align-items:center;gap:10px;width:100%;max-width:340px;padding:18px;font-size:12px;display:flex}.install-file svg:last-child{color:#438a62;margin-left:auto}.install-blank{background:#fff;border:1px solid #d3e2d7;border-radius:12px;gap:9px;width:100%;max-width:350px;padding:20px;display:grid}.install-blank span{background:#dfebe1;border-radius:4px;width:80%;height:10px}.install-blank span:nth-child(2){width:58%}.install-code{color:#ceedd9;white-space:pre-wrap;overflow-wrap:anywhere;background:#183b30;border-radius:12px;max-width:100%;padding:20px;font-size:11px;line-height:1.7}.install-form-example{gap:13px;width:100%;max-width:350px;display:grid}.install-form-example label{gap:6px;font-size:11px;display:grid}.install-form-example label>span{background:#fff;border:1px solid #cbdacf;border-radius:9px;padding:12px;font-size:13px}.install-form-example p{color:#5b7465;gap:7px;margin:0;font-size:11px;display:flex}.install-message-example{background:#fff;border:1px solid #d7e4da;border-radius:14px;width:100%;padding:20px;font-size:14px}.install-message-example p{margin:14px 0 6px}.install-message-example span{color:#64776b;font-size:12px}.install-ready{color:#28724a;align-items:center;gap:8px;font-size:12px;display:flex}.install-site-example{background:#fff;border:1px solid #d3e0d5;border-radius:14px;width:100%;max-width:380px;padding:18px;box-shadow:0 9px 18px #133e2010}.install-site-example>span{letter-spacing:2px;color:#6b7c6f;font-size:9px}.install-site-shapes{gap:10px;margin:14px 0;display:flex}.install-site-shapes i{background:#e7ecdf;border-radius:8px;flex:1;height:48px}.install-site-shapes i:nth-child(2){background:#d0e3ce}.install-site-shapes i:nth-child(3){background:#ebdccd}.install-mini-widget{color:#e9f7ed;background:#183c30;border-radius:11px;gap:8px;padding:17px;display:grid}.install-mini-widget span{opacity:.7;font-size:10px}.install-mini-widget strong{font-size:15px}.install-mini-widget small{opacity:.65;font-size:9px}.install-example-note{color:#6c7b71;margin:0;font-size:9px}.installation-scope{color:var(--muted-foreground);max-width:850px;margin-top:20px;font-size:13px;line-height:1.7}@keyframes install-appear{0%{opacity:.4;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (width<=720px){.installation-methods{grid-template-columns:repeat(2,minmax(0,1fr))}.install-scene{grid-template-columns:105px 1fr}.install-sidebar{padding:16px 8px}.install-sidebar button{gap:5px;padding:8px 3px;font-size:10px}.install-sidebar button>span{width:17px;height:17px}.install-workspace{padding:12px}.install-workspace-top{font-size:8px}.install-stage{gap:14px}.install-stage h3{font-size:19px}.install-stage button{white-space:normal;height:auto;min-height:38px;font-size:11px}.install-file{padding:13px;font-size:9px}.install-code{padding:11px;font-size:9px}.install-form-example label>span{font-size:11px}.install-scene .eyebrow{font-size:9px}.install-site-example,.install-mini-widget{padding:12px}.install-mini-widget small{font-size:8px}}@media (prefers-reduced-motion:reduce){.install-stage{animation:none}.installation-methods button{transition:none}}.install-page{padding-top:65px;padding-bottom:80px}.install-page-hero{grid-template-columns:1.05fr 1fr;align-items:center;gap:70px;margin-bottom:55px;display:grid}.install-page-hero h1{letter-spacing:-2.7px;margin:15px 0 22px;font-size:clamp(40px,4.8vw,65px);line-height:1.07}.install-page-hero h1 em{color:var(--primary);font-style:normal}.install-page-hero>div>p:not(.eyebrow){color:var(--muted-foreground);max-width:510px;margin-bottom:25px;font-size:17px;line-height:1.7}.install-hero-flow{background:linear-gradient(140deg,#e6f3eb,#f5f9f6);border:1px solid #c9e0d3;border-radius:30px;padding:34px;box-shadow:0 16px 50px #173e2410}.install-hero-pill{color:#3c7555;background:#fff8;border:1px solid #cfe2d5;border-radius:30px;align-items:center;gap:8px;margin-bottom:30px;padding:10px 13px;font-size:11px;display:inline-flex}.install-hero-flow>div{background:#fff;border:1px solid #dce9df;border-radius:18px;align-items:center;gap:18px;padding:18px;display:flex}.install-hero-flow>div>span{color:#457052;background:#e7f0e5;border-radius:12px;place-items:center;width:42px;height:42px;display:grid}.install-hero-flow p{margin:0;font-size:15px;font-weight:600}.install-hero-flow small{color:#6c7d6f;margin-top:6px;font-size:11px;font-weight:400;display:block}.install-hero-flow>i{background:#b8d2c0;width:1px;height:23px;margin-left:39px;display:block}.install-plugin-band{border:1px solid var(--border);border-radius:24px;justify-content:space-between;align-items:center;gap:30px;padding:30px 36px;display:flex}.install-plugin-band h2{margin:8px 0 12px;font-size:26px}.install-plugin-band p:not(.eyebrow){color:var(--muted-foreground);max-width:720px;margin:0;font-size:14px;line-height:1.8}.install-plugin-band a{flex-shrink:0}.install-note-grid{border-top:1px solid var(--border);grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:50px;padding-top:30px;display:grid}.install-note-grid h3{font-size:17px}.install-note-grid p{color:var(--muted-foreground);font-size:13px;line-height:1.8}@media (width<=800px){.install-page{padding-top:35px}.install-page-hero{grid-template-columns:1fr;gap:35px}.install-hero-flow{padding:23px}.install-plugin-band{flex-direction:column;align-items:flex-start;padding:25px}.install-note-grid{grid-template-columns:1fr;gap:14px}.install-page-hero h1{letter-spacing:-1.5px}}