.connectors-screen{display:none;background:#f4f3ef;min-height:100vh}.connectors-screen.active{display:flex}.connector-aside{width:235px;background:#101225;color:#fff;padding:28px 20px;display:flex;flex-direction:column}.connector-aside .brand{color:#fff}.connector-progress{margin:36px 6px 22px}.connector-progress>span{font-size:8px;letter-spacing:1.4px;color:#8f97b3}.connector-progress strong{font-size:12px;display:block;margin:7px 0}.connector-progress>div{height:5px;background:#ffffff18;border-radius:5px}.connector-progress i{display:block;width:38%;height:100%;background:#ff5a41;border-radius:5px}.connector-aside nav{display:grid;gap:5px}.connector-aside nav button{border:0;background:transparent;color:#9299b2;padding:11px;text-align:left;border-radius:9px;font-weight:700}.connector-aside nav button.active{background:#ffffff12;color:#fff}.back-catalog{margin-top:auto;background:transparent!important;color:#bac0d1;border-color:#ffffff20!important}.connector-main{flex:1;padding:42px 5%;overflow:auto}.connector-main>header{display:flex;align-items:end;justify-content:space-between}.connector-main h1{font-size:42px;line-height:1;letter-spacing:-2px;margin:8px 0}.connector-main h1 em{font-style:normal;color:#ff543e}.connector-main header p{color:#6e7281;max-width:600px}.security-badge{display:flex;gap:10px;align-items:center;background:#fff;border:1px solid #e4e2dc;border-radius:13px;padding:12px 15px}.security-badge>span{display:grid}.security-badge b{font-size:10px}.security-badge small{font-size:8px;color:#7e8291}.recommended-connect{display:flex;align-items:center;background:#ffdf48;margin:28px 0;padding:17px 20px;border-radius:16px}.recommended-connect>div{flex:1}.recommended-connect b{font-size:12px}.recommended-connect p{font-size:9px;margin:3px 0}.status-dot{display:inline-block;width:7px;height:7px;background:#ff543e;border-radius:50%;margin-right:6px}.recommended-connect button{border:0;background:#16172c;color:#fff;padding:11px 15px;border-radius:9px;font-weight:750}.connector-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.connector-grid article{position:relative;background:#fff;border:1px solid #e3e1db;border-radius:17px;padding:18px;min-height:190px}.connector-brand{width:43px;height:43px;border-radius:12px;display:grid;place-items:center;font-weight:900;background:#eee;color:#222}.connector-brand.github{background:#161823;color:#fff}.connector-brand.lovable{background:linear-gradient(135deg,#ff813b,#f63f89,#6d4dec);color:#fff}.connector-brand.supabase{background:#dff9eb;color:#1baa6f}.connector-brand.whatsapp{background:#d9fae7;color:#17a962}.connector-brand.instagram{background:linear-gradient(135deg,#ffd13b,#ee3c7d,#734ee3);color:#fff}.connector-brand.tiktok{background:#111;color:#fff;text-shadow:2px 1px #ef3168,-2px -1px #18d4d1}.connector-brand.asaas{background:#dcecff;color:#176add}.connector-brand.domain{background:#ffe8d8;color:#e85826;font-size:9px}.connector-grid h3{font-size:14px;margin:14px 0 4px}.connector-grid p{font-size:9px;color:#777b89;line-height:1.5;min-height:40px}.connector-grid article>button{border:1px solid #dedfe6;background:#fff;border-radius:9px;padding:8px 11px;font-size:9px;font-weight:750}.connector-grid article>button.accent{background:#ff543e;color:#fff;border-color:#ff543e}.connected,.pending{position:absolute;right:13px;top:15px;font-size:7px;padding:5px 7px;border-radius:15px}.connected{background:#dcf8e8;color:#168a59}.pending{background:#fff1c2;color:#976700}.wizard-overlay{position:fixed;inset:0;background:#101225aa;backdrop-filter:blur(7px);z-index:100;display:none;place-items:center;padding:15px}.wizard-overlay.open{display:grid}.wizard-card{position:relative;width:min(520px,100%);background:#fff;border-radius:22px;padding:27px;box-shadow:0 30px 80px #07081566}.wizard-close{position:absolute;right:18px;top:16px;border:0;background:#f0f0f4;width:30px;height:30px;border-radius:50%}.wizard-head{display:flex;align-items:center;gap:12px}.wizard-head>div:last-child{display:grid}.wizard-head span{font-size:8px;color:#8a8e9d;letter-spacing:1.2px}.wizard-head h2{font-size:19px;margin:3px 0}.wizard-stepbar{display:flex;align-items:center;margin:25px 0}.wizard-stepbar span{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:#eaebf0;color:#878b99;font-size:9px;font-weight:800}.wizard-stepbar span.active{background:#ff543e;color:#fff}.wizard-stepbar i{height:2px;flex:1;background:#eaebf0}.wizard-content{background:#f6f5f2;border-radius:15px;padding:20px}.wizard-number{font-size:8px;font-weight:800;color:#ff543e}.wizard-content h3{font-size:17px}.wizard-content p{font-size:11px;line-height:1.6;color:#6f7380}.wizard-content>small{display:block;text-align:center;font-size:8px;color:#8b8e99;margin-top:10px}
.mobile-lab-screen{display:none;flex-direction:column;background:#101225;color:#fff;min-height:100vh}.mobile-lab-screen.active{display:flex}.dark-head{background:#101225;border-color:#ffffff17}.dark-head .brand{color:#fff}.dark-head .ghost{background:transparent;color:#fff;border-color:#ffffff30}.mobile-lab{display:grid;grid-template-columns:1fr 1fr;width:min(1050px,92%);margin:auto;align-items:center;gap:70px;padding:40px 0}.mobile-copy h1{font-size:58px;line-height:.94;letter-spacing:-3px;margin:12px 0}.mobile-copy p{color:#aeb4cd;line-height:1.7;max-width:500px}.mobile-copy ul{list-style:none;padding:0;margin:28px 0}.mobile-copy li{display:grid;border-top:1px solid #ffffff17;padding:12px 0}.mobile-copy li b{font-size:12px}.mobile-copy li span{color:#8f96b1;font-size:9px}.phone-stage{display:grid;place-items:center}.phone-device{width:330px;height:675px;background:#060710;border:8px solid #27293b;border-radius:48px;padding:9px;box-shadow:0 35px 90px #0008;position:relative}.phone-notch{position:absolute;z-index:5;width:105px;height:23px;background:#060710;border-radius:0 0 15px 15px;left:50%;top:0;transform:translateX(-50%)}.mobile-app{height:100%;background:#f7f6f1;color:#17182d;border-radius:34px;overflow:hidden;position:relative;padding:27px 16px 70px}.mobile-app>header{display:flex;align-items:center;gap:7px}.mobile-mark{color:#ff543e}.mobile-app>header b{flex:1}.mobile-app>header i{font-size:8px;background:#fff1c3;padding:5px 7px;border-radius:12px}.mobile-app>header button{border:0;width:27px;height:27px;border-radius:50%;background:#17182d;color:#fff;font-size:8px}.mobile-hello{margin:25px 0 16px}.mobile-hello small{font-size:7px;color:#ff543e;font-weight:800;letter-spacing:1px}.mobile-hello h2{font-size:28px;line-height:1;margin:5px 0}.mobile-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.mobile-actions button{border:0;background:#fff;border-radius:12px;padding:10px 5px;display:grid;place-items:center;gap:5px;box-shadow:0 5px 15px #20203c09}.mobile-actions span{width:28px;height:28px;border-radius:9px;background:#ede8ff;color:#7145dd;display:grid;place-items:center}.mobile-actions b{font-size:8px}.mobile-app section{margin-top:21px}.mobile-app section>div:first-child{display:flex;justify-content:space-between}.mobile-app section>div:first-child b{font-size:11px}.mobile-app section>div:first-child small{font-size:7px;color:#ff543e}.mobile-app section>article{background:#fff;border-radius:13px;padding:10px;margin-top:8px;display:flex;align-items:center;gap:9px}.project-mini{width:38px;height:38px;border-radius:10px;background:linear-gradient(135deg,#6f45dd,#ff5362);display:grid;place-items:center;color:#fff;font-size:8px}.mobile-app section>article>div{display:grid;flex:1}.mobile-app section>article b{font-size:9px}.mobile-app section>article small{font-size:6px;color:#9396a3}.mobile-app section>article i{height:3px;background:#eee;border-radius:3px;margin-top:5px}.mobile-app section>article em{display:block;height:100%;background:#ff543e}.mobile-app section>article button{border:0;background:transparent}.mobile-cards{display:grid!important;grid-template-columns:1fr 1fr;gap:7px;margin-top:8px}.mobile-cards article{height:95px;border-radius:13px;padding:11px;display:flex;flex-direction:column;justify-content:end;color:#fff}.mobile-cards span{font-size:6px}.mobile-cards b{font-size:11px;line-height:1.1}.mc-one{background:linear-gradient(145deg,#00aeb2,#1fd0bd)}.mc-two{background:linear-gradient(145deg,#732bdd,#ff4e79)}.mobile-app>nav{position:absolute;left:0;right:0;bottom:0;height:62px;background:#fff;display:flex;align-items:center;justify-content:space-around;border-top:1px solid #eee}.mobile-app>nav button{border:0;background:transparent;color:#9a9dab;display:grid;place-items:center;font-size:13px}.mobile-app>nav small{font-size:6px}.mobile-app>nav .active{color:#ff543e}.mobile-app>nav .create-mobile{width:38px;height:38px;border-radius:13px;background:#ff543e;color:#fff;font-size:20px}
@media(max-width:1050px){.connector-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.connectors-screen.active{display:block}.connector-aside{width:100%;padding:18px;display:block}.connector-aside nav,.connector-progress{display:none}.back-catalog{float:right;margin-top:-34px}.connector-main{padding:27px 16px}.connector-main>header{display:block}.connector-main h1{font-size:32px}.security-badge{margin-top:15px}.recommended-connect{align-items:flex-start;gap:8px}.connector-grid{grid-template-columns:1fr 1fr}.connector-grid article{min-height:180px}.mobile-lab{grid-template-columns:1fr;padding:25px 0}.mobile-copy{text-align:center}.mobile-copy h1{font-size:40px}.mobile-copy p,.mobile-copy ul{display:none}.phone-device{width:310px;height:630px}.mobile-preview-btn{display:none}}