*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#101114;background:#f4f5f7}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.app-shell{min-height:100vh;display:flex}.sidebar{position:fixed;inset:0 auto 0 0;width:250px;background:#0c0d0f;color:#f5f5f5;padding:22px 16px;overflow:auto}.brand{display:flex;align-items:center;gap:10px;font-weight:900;font-size:18px;margin:0 6px 24px}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:#ff5a1f;color:#fff}.user-chip{display:flex;gap:10px;align-items:center;padding:12px;background:#17191d;border:1px solid #24272c;border-radius:14px;margin-bottom:20px}.avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#2b2e34;font-weight:800}.user-chip strong,.user-chip small{display:block}.user-chip small{color:#9da2ab;font-size:11px;max-width:150px;overflow:hidden;text-overflow:ellipsis}.sidebar nav{display:grid;gap:4px}.sidebar nav a{padding:10px 12px;border-radius:10px;color:#cfd3da;font-size:14px}.sidebar nav a:hover{background:#1a1d22;color:#fff}.logout-form{margin-top:18px}.nav-logout{width:100%;border:0;background:#1a1d22;color:#bbb;padding:11px;border-radius:10px;cursor:pointer}.main-content{margin-left:250px;width:calc(100% - 250px);padding:30px;max-width:1500px}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:24px}.page-head h1{margin:0;font-size:28px;letter-spacing:-.04em}.page-head p{margin:6px 0 0;color:#6b7280}.grid{display:grid;gap:18px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.card{background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:20px;box-shadow:0 4px 18px rgba(0,0,0,.025)}.stat span{display:block;color:#777;font-size:13px}.stat strong{display:block;font-size:28px;margin-top:8px;letter-spacing:-.04em}.table-wrap{overflow:auto;background:#fff;border:1px solid #e5e7eb;border-radius:18px}.table{width:100%;border-collapse:collapse;min-width:760px}.table th,.table td{padding:13px 15px;text-align:left;border-bottom:1px solid #eef0f2;font-size:13px;vertical-align:middle}.table th{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:#747982;background:#fafafa}.table tr:last-child td{border-bottom:0}.badge{display:inline-flex;align-items:center;padding:5px 9px;border-radius:999px;background:#eef1f4;font-size:11px;font-weight:800}.badge.green{background:#e6f7ee;color:#08783e}.badge.orange{background:#fff0e8;color:#aa470d}.badge.red{background:#fdeaea;color:#a51f1f}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:0;border-radius:11px;padding:10px 14px;background:#111;color:#fff;font-weight:700;font-size:13px;cursor:pointer}.btn.secondary{background:#fff;color:#111;border:1px solid #dfe2e6}.btn.danger{background:#fff0f0;color:#b51d1d;border:1px solid #f4cccc}.btn.sm{padding:7px 10px;font-size:11px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.field{display:grid;gap:6px}.field.full{grid-column:1/-1}.field label{font-size:12px;font-weight:800;color:#555}.field input,.field select,.field textarea{width:100%;border:1px solid #d9dde3;border-radius:11px;background:#fff;padding:11px 12px;outline:none}.field input:focus,.field select:focus,.field textarea:focus{border-color:#111;box-shadow:0 0 0 3px rgba(0,0,0,.05)}.field textarea{min-height:100px;resize:vertical}.check{display:flex;gap:8px;align-items:center;font-size:13px}.check input{width:auto}.alert{padding:13px 15px;border-radius:12px;margin-bottom:18px}.alert.success{background:#eaf8ef;color:#12663a}.alert.error{background:#fff0f0;color:#a91e1e}.muted{color:#7b8089}.thumb{width:54px;height:54px;border-radius:10px;object-fit:cover;background:#eee}.cover-preview{width:100%;height:130px;object-fit:cover;border-radius:14px;background:#eee}.inline{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.stack{display:grid;gap:14px}.section-title{font-size:18px;margin:0 0 14px}.color-input{height:44px;padding:4px!important}.guest-body{min-height:100vh;background:#0c0d0f;display:grid;place-items:center;padding:24px}.login-card{width:min(420px,100%);background:#fff;border-radius:24px;padding:30px}.login-card .brand{color:#111;margin-left:0}.login-card h1{font-size:26px;margin:20px 0 6px}.login-card p{color:#777;margin:0 0 22px}.login-card .field{margin-bottom:13px}.empty{padding:28px;text-align:center;color:#777}.kpi-row{display:flex;gap:8px;flex-wrap:wrap}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.product-name{font-weight:800}.hr{height:1px;background:#eceff2;margin:18px 0}.chart-bars{display:flex;align-items:flex-end;gap:8px;height:180px;padding-top:20px}.chart-bar{flex:1;min-width:10px;background:#111;border-radius:6px 6px 2px 2px;position:relative}.chart-bar:hover:after{content:attr(data-tip);position:absolute;bottom:100%;left:50%;transform:translate(-50%,-6px);background:#111;color:#fff;padding:5px 7px;border-radius:6px;font-size:10px;white-space:nowrap}.code-box{background:#0f1115;color:#d8dce4;padding:13px;border-radius:12px;overflow:auto;font-family:ui-monospace,monospace;font-size:12px}.toolbar{display:flex;gap:10px;align-items:center;justify-content:space-between;margin-bottom:14px}.pill-tabs{display:flex;gap:6px;overflow:auto}.pill-tabs a{white-space:nowrap;padding:8px 12px;background:#fff;border:1px solid #e0e3e7;border-radius:999px;font-size:12px}.pill-tabs a.active{background:#111;color:#fff;border-color:#111}@media(max-width:980px){.sidebar{width:78px;padding:18px 10px}.sidebar .brand span:last-child,.user-chip>div:last-child,.sidebar nav a{font-size:0}.sidebar nav a::first-letter{font-size:16px}.sidebar nav a{display:grid;place-items:center;min-height:42px}.main-content{margin-left:78px;width:calc(100% - 78px);padding:20px}.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}}@media(max-width:680px){.form-grid,.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.main-content{padding:14px}.page-head{display:block}.page-head .btn{margin-top:12px}.sidebar{display:none}.main-content{margin:0;width:100%}.app-shell{display:block}}

/* ===== V5 — Marketing, cadastro e billing ===== */
:root{--ink:#0b0c0f;--soft:#6d7280;--line:#e7e8ec;--paper:#fff;--warm:#ff5a1f;--warm2:#ff7b43;--green:#0e8b52;--dark:#0b0c0f}.guest-body{display:block;place-items:initial;padding:0;background:#fff;color:var(--ink)}.guest-body .brand{margin:0}.btn-lg{padding:13px 18px;border-radius:13px;font-size:14px}.btn-light{background:#fff;color:#101114}.marketing-brand{display:inline-flex;align-items:center;gap:10px;font-weight:900;letter-spacing:-.02em}.marketing-brand .brand-mark{width:36px;height:36px}.marketing-nav,.signup-topbar{width:min(1180px,calc(100% - 40px));margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:24px}.marketing-nav{height:82px}.marketing-links{display:flex;gap:28px;color:#646975;font-size:14px;font-weight:650}.marketing-links a:hover{color:#111}.marketing-actions{display:flex;gap:9px}.landing-page{overflow:hidden;background:#fff}.hero-section{width:min(1180px,calc(100% - 40px));margin:0 auto;padding:72px 0 82px;display:grid;grid-template-columns:.94fr 1.06fr;align-items:center;gap:58px}.hero-copy h1{font-size:clamp(46px,5.4vw,74px);line-height:.98;letter-spacing:-.065em;margin:20px 0 22px;max-width:660px}.hero-copy h1 span{color:#737985}.hero-copy>p{font-size:18px;line-height:1.65;color:#626875;max-width:620px}.trial-pill{display:inline-flex;align-items:center;gap:9px;border:1px solid #e7d9d3;background:#fff8f5;padding:8px 12px;border-radius:999px;font-size:12px;font-weight:800;color:#8b3b18}.trial-dot{width:8px;height:8px;border-radius:50%;background:var(--warm);box-shadow:0 0 0 0 rgba(255,90,31,.45);animation:trialPulse 1.8s infinite}.hero-actions{display:flex;gap:10px;margin-top:30px}.hero-trust{display:flex;gap:18px;flex-wrap:wrap;margin-top:22px;color:#777d88;font-size:12px}.hero-product{position:relative;min-width:0}.browser-shell{background:#0d0f13;border:1px solid #1f2329;border-radius:25px;padding:9px;box-shadow:0 38px 90px rgba(13,15,19,.22);transform:perspective(1200px) rotateY(-2deg) rotateX(1deg)}.browser-top{height:38px;border-radius:17px 17px 7px 7px;background:#181b20;display:flex;align-items:center;gap:6px;padding:0 12px}.browser-top>span{width:8px;height:8px;border-radius:50%;background:#4c515a}.browser-url{margin-left:10px;background:#242830;color:#818793;height:23px;display:flex;align-items:center;padding:0 14px;border-radius:8px;font-size:9px;flex:1}.dashboard-demo{height:430px;background:#f6f7f9;border-radius:8px 8px 17px 17px;display:grid;grid-template-columns:58px 1fr;overflow:hidden}.dashboard-demo aside{background:#111318;padding:18px 11px;display:grid;align-content:start;justify-items:center;gap:16px}.demo-logo{width:30px;height:30px;border-radius:9px;background:var(--warm);color:#fff;display:grid;place-items:center;font-weight:900}.dashboard-demo aside i{display:block;width:24px;height:7px;border-radius:5px;background:#2a2d34}.dashboard-demo aside i:nth-child(2){background:#fff}.demo-main{padding:22px;min-width:0}.demo-head{display:flex;justify-content:space-between;align-items:center}.demo-head small,.demo-head strong{display:block}.demo-head small{font-size:9px;color:#8a909b}.demo-head strong{font-size:18px;margin-top:3px}.demo-head button{border:0;background:#111318;color:#fff;border-radius:8px;padding:8px 10px;font-size:9px}.demo-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px}.demo-stats div{background:#fff;border:1px solid #e9eaed;border-radius:12px;padding:13px}.demo-stats small,.demo-stats b,.demo-stats em{display:block}.demo-stats small{font-size:8px;color:#8b919c}.demo-stats b{font-size:16px;margin:5px 0}.demo-stats em{font-style:normal;color:#16865a;font-size:8px}.demo-content{display:grid;grid-template-columns:1.5fr .8fr;gap:10px;margin-top:11px}.demo-orders,.demo-ai{background:#fff;border:1px solid #e9eaed;border-radius:12px;padding:13px}.demo-card-title{display:flex;justify-content:space-between;font-size:9px}.demo-card-title span{color:#8a8f99}.demo-row{display:grid;grid-template-columns:28px 1fr auto;grid-template-areas:'dot info price' 'dot info status';gap:2px 8px;align-items:center;padding:10px 0;border-bottom:1px solid #f0f1f3;font-size:8px}.demo-row:last-child{border-bottom:0}.food-dot{grid-area:dot;width:28px;height:28px;border-radius:8px;background:#f5f2ef;display:grid;place-items:center}.demo-row div{grid-area:info}.demo-row div b,.demo-row div small{display:block}.demo-row div small{color:#969ba4;margin-top:3px}.demo-row>strong{grid-area:price}.demo-row>em{grid-area:status;font-style:normal;color:#a24b27;font-size:7px;text-align:right}.demo-ai{background:#111318;color:#fff}.demo-ai .spark{width:30px;height:30px;border-radius:9px;background:#262b32;display:grid;place-items:center;color:#ff8a57;margin-bottom:10px}.demo-ai b{font-size:10px}.demo-ai p{font-size:9px;line-height:1.5;color:#b8bdc6}.ai-reply{font-size:8px;background:#20242b;padding:9px;border-radius:8px;line-height:1.4}.floating-order,.floating-ai{position:absolute;background:#fff;border:1px solid #e8e9ec;border-radius:15px;padding:12px 14px;box-shadow:0 16px 36px rgba(0,0,0,.12);display:flex;gap:10px;align-items:center}.floating-order{left:-30px;bottom:34px}.floating-ai{right:-25px;top:48px}.floating-order>span,.floating-ai>span{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;background:#e9f7ef;color:#08783e;font-weight:900}.floating-ai>span{background:#fff0e8;color:#d55a20}.floating-order small,.floating-order strong,.floating-ai small,.floating-ai strong{display:block}.floating-order small,.floating-ai small{font-size:9px;color:#8a909a}.floating-order strong,.floating-ai strong{font-size:11px;margin-top:2px}.logo-strip{border-top:1px solid #f0f1f3;border-bottom:1px solid #f0f1f3;padding:23px 20px;text-align:center;color:#9a9ea6}.logo-strip>span{font-size:10px;text-transform:uppercase;letter-spacing:.12em;font-weight:800}.logo-strip>div{display:flex;justify-content:center;gap:32px;flex-wrap:wrap;margin-top:12px}.logo-strip b{font-size:14px;color:#6d727c}.section-wrap,.pricing-section{width:min(1180px,calc(100% - 40px));margin:0 auto;padding:105px 0}.section-kicker{font-size:11px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:#da5d26}.section-kicker.light{color:#ff8a58}.section-heading{display:flex;justify-content:space-between;gap:30px;align-items:end;margin:12px 0 36px}.section-heading h2{font-size:clamp(34px,4vw,52px);line-height:1.05;letter-spacing:-.05em;margin:0;max-width:720px}.section-heading p{color:#737985;line-height:1.65;max-width:400px;margin:0}.section-heading.centered{display:block;text-align:center}.section-heading.centered h2,.section-heading.centered p{margin-left:auto;margin-right:auto}.section-heading.centered p{margin-top:12px}.feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.feature-card{border:1px solid #e7e9ed;border-radius:24px;padding:28px;background:#fbfbfc;min-height:290px;overflow:hidden}.feature-card-large{grid-row:span 2;background:#111318;color:#fff;min-height:596px}.feature-icon{width:42px;height:42px;border-radius:12px;background:#fff;border:1px solid #e7e9ed;display:grid;place-items:center;font-size:18px}.feature-card-large .feature-icon{background:#262a31;border-color:#31363f}.feature-card h3{font-size:22px;letter-spacing:-.03em;margin:22px 0 8px}.feature-card p{color:#767c87;line-height:1.6;margin:0;max-width:520px}.feature-card-large p{color:#abb0b9}.mini-store{background:#f7f7f8;color:#101114;border-radius:20px;margin-top:28px;padding-bottom:16px;overflow:hidden}.mini-cover{height:78px;background:linear-gradient(120deg,#d7d8da,#eef0f2)}.mini-store-info{display:flex;align-items:center;gap:10px;padding:0 16px;margin-top:-16px}.mini-avatar{width:42px;height:42px;border-radius:12px;background:#fff;border:3px solid #fff;box-shadow:inset 0 0 0 1px #ddd}.mini-store-info b,.mini-store-info small{display:block}.mini-store-info b{font-size:11px}.mini-store-info small{font-size:8px;color:#7b8089;margin-top:2px}.mini-chips{display:flex;gap:6px;padding:13px 16px 8px}.mini-chips i{font-style:normal;background:#fff;border:1px solid #e7e9ed;border-radius:999px;padding:5px 8px;font-size:7px}.mini-products{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:0 16px}.mini-products span{height:70px;border-radius:10px;background:linear-gradient(135deg,#ddd,#f4f4f4)}.status-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:33px}.status-flow i{font-style:normal;font-size:8px;text-align:center;padding:9px 4px;border-radius:8px;background:#fff;border:1px solid #e9eaed}.status-flow i:nth-child(2){background:#fff0e8;color:#a84a20;border-color:#f5d8cb}.pay-demo{margin-top:30px;background:#fff;border:1px solid #e8e9ec;border-radius:15px;padding:14px;display:flex;gap:12px;align-items:center}.qr-demo{width:50px;height:50px;border:5px dotted #17191d}.pay-demo b,.pay-demo small{display:block}.pay-demo b{font-size:11px}.pay-demo small{font-size:8px;color:#868c95;margin-top:4px}.team-demo{display:flex;margin-top:34px}.team-demo span,.team-demo i{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#17191d;color:#fff;border:3px solid #fbfbfc;margin-right:-8px;font-size:10px;font-weight:800;font-style:normal}.team-demo span:nth-child(2){background:#a24b27}.team-demo span:nth-child(3){background:#5c6370}.team-demo i{background:#eceff2;color:#555}.audit-lines{display:grid;gap:8px;margin-top:30px}.audit-lines i{height:11px;border-radius:8px;background:#e8eaed}.audit-lines i:nth-child(2){width:82%}.audit-lines i:nth-child(3){width:92%}.audit-lines i:nth-child(4){width:67%}.ai-section{background:#0d0f13;color:#fff;padding:110px max(20px,calc((100vw - 1180px)/2));display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.ai-copy h2{font-size:clamp(38px,4.2vw,58px);line-height:1.04;letter-spacing:-.055em;margin:13px 0 20px}.ai-copy>p{color:#aeb4bf;line-height:1.7;font-size:17px;max-width:590px}.ai-points{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:30px}.ai-points span{display:flex;gap:9px;align-items:flex-start;color:#d5d8de;font-size:13px}.ai-points b{color:#ff8550}.chat-demo{width:min(510px,100%);margin-left:auto;background:#171a1f;border:1px solid #2c3037;border-radius:24px;padding:18px;box-shadow:0 30px 80px rgba(0,0,0,.35)}.chat-head{display:flex;gap:10px;align-items:center;padding-bottom:16px;border-bottom:1px solid #292d34}.chat-avatar{width:38px;height:38px;border-radius:12px;background:#262b32;color:#ff8550;display:grid;place-items:center}.chat-head b,.chat-head small{display:block}.chat-head b{font-size:13px}.chat-head small{font-size:9px;color:#7e8591;margin-top:3px}.chat-msg{max-width:84%;margin-top:14px;padding:11px 13px;border-radius:14px;font-size:12px;line-height:1.5}.chat-msg.user{background:#2b3038;margin-left:auto}.chat-msg.bot{background:#f7f7f8;color:#17191d}.chat-msg.short{width:max-content}.chat-action{margin-top:12px;background:#202f29;border:1px solid #294a3b;color:#bfe8d1;border-radius:12px;padding:10px 12px;font-size:10px}.chat-action span{float:right;color:#fff}.chat-input{margin-top:18px;background:#111318;border:1px solid #2b3037;color:#737a85;border-radius:14px;padding:8px 8px 8px 12px;font-size:10px;display:flex;justify-content:space-between;align-items:center}.chat-input button{width:30px;height:30px;border-radius:9px;border:0;background:#fff;color:#111}.operations-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #e7e9ed;border-left:1px solid #e7e9ed}.operations-grid>div{padding:28px;border-right:1px solid #e7e9ed;border-bottom:1px solid #e7e9ed}.operations-grid span{font-size:10px;color:#a0a4ac}.operations-grid h3{font-size:18px;margin:45px 0 8px}.operations-grid p{color:#777d88;font-size:13px;line-height:1.6}.pricing-section{padding-top:30px}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;align-items:stretch}.price-card{position:relative;border:1px solid #e5e7eb;border-radius:24px;padding:28px;background:#fff;display:flex;flex-direction:column}.price-card.popular{border-color:#1b1d21;box-shadow:0 20px 45px rgba(0,0,0,.08)}.popular-label{position:absolute;top:-11px;right:20px;background:#111318;color:#fff;border-radius:999px;padding:6px 10px;font-size:8px;font-weight:900;letter-spacing:.1em}.price-card h3{font-size:24px;margin:0 0 8px}.price-card>p{color:#777d87;line-height:1.55;min-height:48px}.price{display:flex;align-items:end;gap:6px;margin:22px 0 12px}.price span{font-size:34px;font-weight:900;letter-spacing:-.05em}.price small{color:#7c818a;margin-bottom:6px}.free-note{background:#eaf8ef;color:#0b7342;border-radius:10px;padding:9px 10px;font-size:11px;font-weight:800}.price-card ul{list-style:none;padding:0;margin:22px 0;display:grid;gap:10px;flex:1}.price-card li{font-size:12px;color:#515762}.price-card>a,.price-card>button{width:100%}.trial-banner{display:flex;align-items:center;gap:14px;border-radius:18px;padding:16px 18px}.trial-banner .trial-orb{width:42px;height:42px;min-width:42px;border-radius:13px;display:grid;place-items:center;background:#fff0e8;color:#d95c24;font-size:18px}.trial-banner small,.trial-banner strong,.trial-banner span{display:block}.trial-banner small{font-size:8px;letter-spacing:.12em;font-weight:900}.trial-banner strong{font-size:14px;margin:3px 0}.trial-banner span{font-size:11px;color:#727883}.trial-banner>a{margin-left:auto;font-size:12px;font-weight:850;white-space:nowrap}.marketing-trial{max-width:760px;margin:0 auto 26px;background:#fff7f3;border:1px solid #f4d8cb}.marketing-trial>a{color:#b54919}.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.faq-grid details{border:1px solid #e7e9ed;border-radius:16px;padding:18px 20px;background:#fff}.faq-grid summary{font-weight:800;cursor:pointer}.faq-grid p{color:#707681;line-height:1.6;font-size:13px;margin-bottom:0}.final-cta{width:min(1180px,calc(100% - 40px));margin:0 auto 80px;background:#ff5a1f;color:#fff;border-radius:30px;padding:48px 52px;display:flex;justify-content:space-between;gap:40px;align-items:center}.final-cta span{font-size:11px;text-transform:uppercase;letter-spacing:.13em;font-weight:900}.final-cta h2{font-size:clamp(30px,3.5vw,48px);max-width:760px;letter-spacing:-.045em;line-height:1.05;margin:10px 0 0}.marketing-footer{width:min(1180px,calc(100% - 40px));margin:0 auto;padding:28px 0 42px;border-top:1px solid #e9eaed;display:flex;align-items:center;gap:24px}.marketing-footer p{color:#858a93;font-size:12px;flex:1}.marketing-footer>div{display:flex;gap:20px;font-size:12px;font-weight:700}

/* Signup */
.signup-page,.auth-page,.plans-page{min-height:100vh;background:#f6f7f9}.signup-topbar{height:76px}.signup-topbar>div{font-size:12px;color:#777d87}.signup-topbar>div a{font-weight:850;color:#111}.signup-shell{width:min(1180px,calc(100% - 40px));margin:0 auto;padding:28px 0 70px;display:grid;grid-template-columns:.82fr 1.18fr;gap:58px;align-items:start}.signup-side{position:sticky;top:25px;padding-top:20px}.back-link{font-size:12px;color:#777d87}.signup-copy{margin-top:55px}.eyebrow{font-size:9px;letter-spacing:.14em;font-weight:900;color:#da5d26}.signup-copy h1{font-size:45px;line-height:1.04;letter-spacing:-.055em;margin:12px 0 18px}.signup-copy>p{color:#707681;line-height:1.7;max-width:470px}.signup-trial{margin-top:28px;background:#fff;border:1px solid #f0d9cf;box-shadow:0 12px 30px rgba(0,0,0,.035);animation:trialGlow 2.8s ease-in-out infinite}.signup-benefits{display:grid;gap:10px;margin-top:25px}.signup-benefits span{font-size:12px;color:#535963}.signup-benefits i{font-style:normal;color:#0b8650;font-weight:900;margin-right:8px}.signup-security{display:flex;gap:10px;align-items:flex-start;margin-top:28px;padding-top:20px;border-top:1px solid #e3e5e8}.signup-security p{font-size:10px;color:#8b9099;line-height:1.5;margin:0}.signup-form-wrap{min-width:0}.signup-progress{height:40px;display:grid;grid-template-columns:28px 1fr 28px 1fr 28px;grid-template-rows:28px 12px;align-items:center;width:260px;margin:0 0 15px auto}.signup-progress span{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#e1e3e7;color:#8a8f98;font-size:10px;font-weight:900;position:relative;z-index:2}.signup-progress span.active{background:#111318;color:#fff}.signup-progress i{height:2px;background:#dddfe3}.signup-progress small{font-size:8px;color:#8b9099;text-align:center}.signup-progress small:nth-of-type(1){grid-column:1}.signup-progress small:nth-of-type(2){grid-column:3}.signup-progress small:nth-of-type(3){grid-column:5}.signup-card{background:#fff;border:1px solid #e7e9ed;border-radius:25px;padding:32px;box-shadow:0 18px 50px rgba(13,15,19,.07)}.signup-card-head>span{font-size:8px;letter-spacing:.13em;font-weight:900;color:#a1a5ad}.signup-card-head h2{font-size:30px;letter-spacing:-.04em;margin:7px 0}.signup-card-head p{color:#81868f;font-size:12px;margin:0 0 25px}.form-section-label{font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.09em;color:#656a73;margin:2px 0 11px}.plan-label{margin-top:25px}.signup-form .field small{font-size:9px;color:#9297a0}.signup-form .field input{padding:13px}.password-field{position:relative}.password-field input{padding-right:68px!important}.password-field button{position:absolute;right:8px;top:8px;border:0;background:#f2f3f5;border-radius:8px;padding:6px 8px;font-size:9px;font-weight:800;cursor:pointer}.signup-plan-list{display:grid;gap:8px}.signup-plan{display:grid;grid-template-columns:22px 1fr auto;gap:11px;align-items:center;border:1px solid #dfe2e6;border-radius:14px;padding:14px;cursor:pointer;transition:.18s}.signup-plan:hover{border-color:#aeb3bc}.signup-plan.selected{border-color:#111318;box-shadow:0 0 0 2px rgba(17,19,24,.06);background:#fbfbfc}.signup-plan input{position:absolute;opacity:0;pointer-events:none}.plan-radio{width:18px;height:18px;border-radius:50%;border:1px solid #b9bec6;position:relative}.signup-plan.selected .plan-radio{border-color:#111;background:#111}.signup-plan.selected .plan-radio:after{content:'';position:absolute;width:6px;height:6px;background:#fff;border-radius:50%;left:5px;top:5px}.signup-plan>div strong,.signup-plan>div small{display:block}.signup-plan>div strong{font-size:12px}.signup-plan>div strong em{font-style:normal;font-size:7px;background:#111;color:#fff;border-radius:999px;padding:4px 6px;margin-left:5px;text-transform:uppercase;letter-spacing:.06em}.signup-plan>div small{font-size:9px;color:#888e98;margin-top:3px}.signup-plan>b{font-size:13px}.signup-plan>b small{font-size:8px;color:#8b9099;font-weight:600}.coupon-box{border:1px dashed #d7dae0;border-radius:15px;padding:14px;margin-top:16px;background:#fcfcfd}.coupon-title{display:flex;gap:9px;align-items:center}.coupon-title strong,.coupon-title small{display:block}.coupon-title strong{font-size:11px}.coupon-title small{font-size:9px;color:#8a8f98;margin-top:2px}.coupon-input{display:flex;gap:8px;margin-top:11px}.coupon-input input{flex:1;border:1px solid #d9dde3;border-radius:11px;padding:10px 11px;min-width:0}.coupon-result{margin-top:10px;border-radius:10px;padding:10px 11px;font-size:10px}.coupon-result.success{background:#eaf8ef;color:#146b3d}.coupon-result.error{background:#fff0f0;color:#9c2828}.coupon-result strong,.coupon-result span{display:block}.coupon-result span{margin-top:3px}.signup-summary{margin-top:18px;border-radius:15px;background:#111318;color:#fff;padding:15px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.signup-summary>div>small,.signup-summary>div>strong{display:block}.signup-summary>div>small{font-size:8px;color:#8d939e}.signup-summary>div>strong{font-size:13px;margin-top:3px}.signup-summary strong em{font-style:normal;font-size:8px;color:#8e949e;margin-left:3px}.summary-trial{grid-column:1/-1;background:#1e2228;border-radius:10px;padding:9px 10px;display:flex;gap:8px!important;align-items:center}.summary-trial>span{color:#ff8450}.summary-trial p{margin:0}.summary-trial b,.summary-trial small{display:block}.summary-trial b{font-size:10px}.summary-trial small{font-size:8px;color:#9aa0aa;margin-top:2px}.signup-submit{width:100%;margin-top:15px}.signup-terms{text-align:center;color:#9a9fa7;font-size:8px;line-height:1.5;margin:10px 20px 0}.auth-center{min-height:calc(100vh - 76px);display:grid;place-items:center;padding:35px 20px 70px}.modern-login{box-shadow:0 22px 55px rgba(0,0,0,.08);border:1px solid #e6e8eb}.modern-login h1{margin-top:8px}.login-divider{display:flex;gap:10px;align-items:center;margin:17px 0}.login-divider span{height:1px;background:#e5e7ea;flex:1}.login-divider small{color:#9a9fa8;font-size:8px}.plans-main{width:min(1080px,calc(100% - 40px));margin:0 auto;padding:60px 0 90px;text-align:center}.plans-main>h1{font-size:48px;letter-spacing:-.055em;margin:10px 0}.plans-lead{color:#777d87;max-width:590px;margin:0 auto 28px}.standalone-pricing{text-align:left}

/* Subscription / billing */
.panel-trial-mini{background:#fff8f4;border:1px solid #f1d8cc;margin-bottom:20px}.panel-trial-large{background:#fff8f4;border:1px solid #f1d8cc;margin-bottom:20px;padding:18px 20px}.panel-trial-large strong{font-size:15px}.panel-trial-large>a,.panel-trial-mini>a{color:#b54b1d}.billing-warning{display:flex;align-items:center;gap:12px;background:#fff3e9;border:1px solid #f2d5bd;border-radius:15px;padding:13px 15px;margin-bottom:20px}.billing-warning>span{font-size:18px;color:#c45b21}.billing-warning strong,.billing-warning small{display:block}.billing-warning small{color:#8c6b56;margin-top:2px}.billing-warning a{margin-left:auto;font-weight:850;font-size:12px}.subscription-grid{align-items:start}.subscription-card,.subscription-info-card{padding:24px}.subscription-top{display:flex;justify-content:space-between;gap:20px}.overline{font-size:8px;font-weight:900;letter-spacing:.12em;color:#9ca1aa}.subscription-top h2,.subscription-info-card h2{font-size:27px;letter-spacing:-.04em;margin:5px 0 5px}.subscription-top p{color:#80858e;margin:0;font-size:12px}.subscription-price{display:flex;align-items:end;gap:6px;margin:22px 0}.subscription-price strong{font-size:38px;letter-spacing:-.05em}.subscription-price span{color:#8b9099;margin-bottom:7px}.subscription-note{padding:10px 12px;background:#f5f6f8;border-radius:10px;font-size:11px;color:#626872;margin-top:8px}.subscription-checkout-form{border-top:1px solid #eceef1;margin-top:20px;padding-top:20px}.subscription-checkout-form code{font-size:9px;background:#f1f2f4;padding:2px 4px;border-radius:4px}.checkout-help{font-size:9px;color:#8d929b;text-align:center;line-height:1.5}.subscription-steps{display:grid;gap:17px;margin:24px 0}.subscription-steps>div{display:flex;gap:11px}.subscription-steps>div>span{width:28px;height:28px;min-width:28px;border-radius:9px;background:#111318;color:#fff;display:grid;place-items:center;font-size:9px;font-weight:900}.subscription-steps p{margin:0}.subscription-steps strong,.subscription-steps small{display:block}.subscription-steps strong{font-size:12px}.subscription-steps small{color:#858a93;font-size:10px;margin-top:3px;line-height:1.45}.separation-box{background:#f6f7f9;border:1px solid #e8e9ec;border-radius:13px;padding:13px;margin:16px 0}.separation-box b{font-size:11px}.separation-box p{font-size:10px;color:#717681;line-height:1.55;margin:5px 0 0}.integration-checklist{display:grid;gap:14px;margin:16px 0}.integration-checklist>div{display:flex;gap:10px}.integration-checklist>div>span{width:26px;height:26px;border-radius:8px;background:#111318;color:#fff;display:grid;place-items:center;font-size:9px}.integration-checklist p{margin:0}.integration-checklist strong,.integration-checklist small{display:block}.integration-checklist strong{font-size:11px}.integration-checklist small{font-size:9px;color:#858a93;margin-top:2px;line-height:1.45}.integration-url-status{margin-top:12px}.integration-url-status span,.integration-url-status code{display:block}.integration-url-status span{font-size:9px;color:#878c95}.integration-url-status code{font-size:10px;margin-top:4px;word-break:break-all}

@keyframes trialPulse{0%{box-shadow:0 0 0 0 rgba(255,90,31,.42)}70%{box-shadow:0 0 0 7px rgba(255,90,31,0)}100%{box-shadow:0 0 0 0 rgba(255,90,31,0)}}@keyframes trialGlow{0%,100%{box-shadow:0 12px 30px rgba(0,0,0,.035)}50%{box-shadow:0 14px 38px rgba(255,90,31,.12)}}

@media(max-width:980px){.marketing-links{display:none}.hero-section{grid-template-columns:1fr;padding-top:48px}.hero-copy{text-align:center}.hero-copy h1,.hero-copy>p{margin-left:auto;margin-right:auto}.hero-actions,.hero-trust{justify-content:center}.hero-product{width:min(700px,100%);margin:0 auto}.section-heading{display:block}.section-heading p{margin-top:14px}.feature-grid{grid-template-columns:1fr 1fr}.ai-section{grid-template-columns:1fr;gap:45px}.chat-demo{margin:0}.operations-grid{grid-template-columns:1fr 1fr}.signup-shell{grid-template-columns:1fr;gap:25px}.signup-side{position:static}.signup-copy{margin-top:28px}.signup-progress{margin-left:0}.signup-side .signup-benefits,.signup-side .signup-security{display:none}.signup-side{display:grid;grid-template-columns:1fr;}.signup-trial{max-width:650px}.floating-ai{right:0}.floating-order{left:0}}
@media(max-width:680px){.marketing-nav,.signup-topbar{width:min(100% - 28px,1180px)}.marketing-nav{height:68px}.marketing-actions .secondary{display:none}.marketing-actions .btn{padding:9px 11px;font-size:11px}.hero-section,.section-wrap,.pricing-section{width:calc(100% - 28px)}.hero-section{padding:42px 0 55px}.hero-copy h1{font-size:43px}.hero-copy>p{font-size:15px}.hero-actions{display:grid}.hero-actions .btn{width:100%}.hero-trust{gap:8px 14px}.browser-shell{border-radius:18px}.dashboard-demo{height:340px;grid-template-columns:42px 1fr}.dashboard-demo aside{padding:12px 6px}.dashboard-demo aside i{width:18px}.demo-main{padding:13px}.demo-stats{grid-template-columns:1fr 1fr}.demo-stats div:nth-child(3){display:none}.demo-content{grid-template-columns:1fr}.demo-ai{display:none}.floating-ai{display:none}.floating-order{bottom:-24px;left:12px}.logo-strip{padding-top:45px}.section-wrap{padding:72px 0}.feature-grid{grid-template-columns:1fr}.feature-card-large{grid-row:auto;min-height:auto}.ai-section{padding:75px 14px}.ai-points{grid-template-columns:1fr}.operations-grid{grid-template-columns:1fr}.faq-grid{grid-template-columns:1fr}.final-cta{width:calc(100% - 28px);padding:32px 24px;display:block}.final-cta .btn{width:100%;margin-top:22px}.marketing-footer{width:calc(100% - 28px);display:block}.marketing-footer p{margin:12px 0}.signup-topbar{height:68px}.signup-topbar>div{font-size:10px}.signup-shell{width:calc(100% - 28px);padding-top:10px}.signup-copy h1{font-size:36px}.signup-copy>p{font-size:13px}.signup-card{padding:20px;border-radius:20px}.signup-card .form-grid{grid-template-columns:1fr}.signup-card .field.full{grid-column:auto}.signup-plan{grid-template-columns:20px 1fr}.signup-plan>b{grid-column:2;margin-top:3px}.coupon-input{display:grid}.signup-summary{grid-template-columns:1fr}.summary-trial{grid-column:auto}.panel-trial-mini,.panel-trial-large{align-items:flex-start}.panel-trial-mini>a,.panel-trial-large>a{margin-left:0}.trial-banner{flex-wrap:wrap}.trial-banner>a{width:100%;margin-left:56px}.subscription-top{display:block}.subscription-top .badge{margin-top:10px}.plans-main{width:calc(100% - 28px);padding-top:35px}.plans-main>h1{font-size:38px}.price-card{padding:23px}}

/* ===== V6 · Central de faturas PIX ===== */
.billing-summary-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:18px;margin:18px 0}.billing-plan-card,.pix-explainer-card{position:relative;overflow:hidden}.billing-plan-card:after{content:"PIX";position:absolute;right:-8px;top:-22px;font-size:92px;font-weight:900;letter-spacing:-7px;opacity:.035}.invoice-focus{margin-top:20px;border:1px solid rgba(255,255,255,.08);box-shadow:0 18px 50px rgba(0,0,0,.10)}.invoice-focus-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.invoice-focus-head h2{margin:4px 0 6px}.invoice-focus-head p{margin:0;color:var(--muted,#777)}.invoice-status{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;background:#eef0f3;color:#5d6470;white-space:nowrap}.invoice-status.paid{background:#e7f8ee;color:#187a45}.invoice-status.overdue{background:#fff0ef;color:#c33b31}.invoice-status.pending{background:#fff7df;color:#8a6500}.invoice-status.cancelled{background:#eceff3;color:#676e78}.invoice-amount-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:20px 0}.invoice-amount-grid>div{padding:14px;border-radius:14px;background:rgba(127,127,127,.07);border:1px solid rgba(127,127,127,.08)}.invoice-amount-grid small{display:block;color:var(--muted,#777);font-size:11px;margin-bottom:6px}.invoice-amount-grid strong{font-size:16px}.invoice-amount-grid .invoice-total{background:#111;color:#fff}.invoice-amount-grid .invoice-total small{color:#aeb4bc}.invoice-amount-grid .invoice-total strong{font-size:20px}.late-charge-note{padding:13px 15px;border-radius:13px;background:#fff6ed;color:#854b17;border:1px solid #f5ddc7;font-size:13px;line-height:1.55;margin-bottom:16px}.pix-generate-form{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:14px;padding-top:4px}.pix-generate-form .field{margin:0}.pix-payment-box{margin-top:22px;padding:20px;border-radius:20px;background:linear-gradient(135deg,#0c1511,#121d18);color:#fff;position:relative;overflow:hidden}.pix-payment-box:before{content:"";position:absolute;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(52,211,153,.15),transparent 70%);right:-100px;top:-120px}.pix-live-badge{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;background:rgba(255,255,255,.08);padding:7px 10px;border-radius:999px;margin-bottom:16px}.pix-live-badge i{width:8px;height:8px;border-radius:50%;background:#39d98a;box-shadow:0 0 0 5px rgba(57,217,138,.12);animation:pixPulse 1.6s infinite}.pix-payment-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:24px;align-items:center;position:relative;z-index:1}.pix-qr-wrap{background:#fff;border-radius:18px;padding:14px;display:flex;align-items:center;justify-content:center}.pix-qr-wrap img{width:100%;height:auto;display:block;image-rendering:auto}.pix-payment-details h3{font-size:24px;margin:5px 0 4px}.pix-payment-details p{color:#c4cbc7;line-height:1.55;max-width:650px}.pix-charge-total{font-size:30px;font-weight:900;letter-spacing:-.03em;margin:8px 0 10px}.pix-payment-details label{display:block;font-size:11px;color:#b7c0bb;font-weight:700;margin:14px 0 7px}.pix-copy-row{display:flex;gap:8px}.pix-copy-row input{min-width:0;flex:1;background:#fff!important;color:#111!important;font-size:12px}.pix-status-line{margin-top:14px;display:flex;align-items:center;gap:8px;color:#c6cec9;font-size:12px}.pix-status-line.paid{color:#6ff0aa;font-weight:800}.spinner-dot{width:8px;height:8px;border-radius:50%;background:#f2c94c;box-shadow:0 0 0 4px rgba(242,201,76,.10)}.no-invoice-card{display:flex;gap:15px;align-items:center;margin-top:20px}.success-orb{width:48px;height:48px;display:grid;place-items:center;border-radius:50%;background:#e7f8ee;color:#187a45;font-weight:900;font-size:20px}.no-invoice-card h2{margin:0 0 5px}.no-invoice-card p{margin:0;color:var(--muted,#777)}.danger-text{color:#c33b31}.pix-explainer-card .subscription-steps{margin-top:14px}
@keyframes pixPulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(.75);opacity:.55}}
@media(max-width:1000px){.billing-summary-grid{grid-template-columns:1fr}.invoice-amount-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.invoice-amount-grid .invoice-total{grid-column:1/-1}.pix-payment-layout{grid-template-columns:190px minmax(0,1fr)}}
@media(max-width:720px){.invoice-focus-head{flex-direction:column}.invoice-amount-grid{grid-template-columns:1fr 1fr}.pix-generate-form{grid-template-columns:1fr}.pix-payment-layout{grid-template-columns:1fr}.pix-qr-wrap{max-width:260px;margin:auto}.pix-copy-row{flex-direction:column}.pix-payment-details h3{font-size:21px}}

/* ===== V7 · Encomendas + Central Fiscal ===== */
.fiscal-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:17px}.stat-card small,.stat-card span{display:block;color:#7b8089;font-size:11px}.stat-card strong{display:block;font-size:23px;margin:7px 0;letter-spacing:-.03em}.billing-warning{display:flex;align-items:center;gap:12px;padding:15px 16px;border-radius:15px;background:#fff8ef;border:1px solid #f3dfc5}.billing-warning>span{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:#111;color:#fff}.billing-warning div{flex:1}.billing-warning strong,.billing-warning small{display:block}.billing-warning small{margin-top:3px;color:#7b6b59}.billing-warning a{font-weight:800;font-size:12px}.fiscal-meta-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.fiscal-meta-grid>div{padding:12px;border:1px solid #eceef1;border-radius:12px}.fiscal-meta-grid small,.fiscal-meta-grid strong{display:block}.fiscal-meta-grid small{color:#7b8089;font-size:10px;margin-bottom:5px}.mono-small{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;word-break:break-all}.fiscal-item{display:flex;justify-content:space-between;gap:14px;padding:11px 0;border-bottom:1px solid #eee}.fiscal-item:last-child{border-bottom:0}.fiscal-item strong,.fiscal-item small{display:block}.fiscal-item small{color:#7b8089;margin-top:4px;font-size:10px}
@media(max-width:980px){.fiscal-stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:680px){.fiscal-stats,.fiscal-meta-grid{grid-template-columns:1fr}.billing-warning{align-items:flex-start;flex-wrap:wrap}}

/* ===== V8 · ONEHUB MULTISISTEMAS ===== */
:root{--hub-bg:#f6f7f9;--hub-card:#fff;--hub-text:#111318;--hub-muted:#737984;--hub-border:#e8eaee;--hub-soft:#f0f2f5;--hub-accent:#4f46e5;--hub-dark:#0c0e12;--hub-dark-card:#14171d}
:root[data-theme="dark"]{--hub-bg:#0d0f13;--hub-card:#15181e;--hub-text:#f5f6f8;--hub-muted:#989faa;--hub-border:#262a32;--hub-soft:#1c2027;color-scheme:dark}
:root[data-theme="dark"] body{background:var(--hub-bg);color:var(--hub-text)}:root[data-theme="dark"] .card,:root[data-theme="dark"] .table-wrap,:root[data-theme="dark"] .stat-card{background:var(--hub-card);border-color:var(--hub-border)}:root[data-theme="dark"] .table th{background:#11141a;color:#aeb4bd}:root[data-theme="dark"] .table td{border-color:#262a32}:root[data-theme="dark"] .field input,:root[data-theme="dark"] .field select,:root[data-theme="dark"] .field textarea{background:#11141a;border-color:#303640;color:#f5f6f8}:root[data-theme="dark"] .btn.secondary{background:#171a20;color:#f5f6f8;border-color:#303640}:root[data-theme="dark"] .main-content{background:var(--hub-bg)}
.guest-body{background:var(--hub-card);color:var(--hub-text)}:root[data-theme="dark"] .guest-body{background:var(--hub-bg);color:var(--hub-text)}
.hub-marketing-nav,.hub-signup-nav{width:min(1240px,calc(100% - 48px));height:78px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px}.hub-marketing-brand{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:900;letter-spacing:-.035em}.hub-marketing-brand .brand-mark{background:#111318;color:#fff}.hub-marketing-nav nav{display:flex;gap:28px;font-size:13px;font-weight:700;color:var(--hub-muted)}.hub-marketing-nav nav a:hover{color:var(--hub-text)}.hub-nav-actions,.hub-signup-nav>div{display:flex;align-items:center;gap:9px}.landing-theme{width:38px;height:38px;border:1px solid var(--hub-border);background:var(--hub-card);color:var(--hub-text);border-radius:11px;cursor:pointer}.hub-overline{display:block;font-size:10px;font-weight:900;letter-spacing:.14em;color:#7f8590}.hub-landing{overflow:hidden;background:var(--hub-card)}:root[data-theme="dark"] .hub-landing{background:var(--hub-bg)}
.hub-hero{width:min(1240px,calc(100% - 48px));margin:auto;padding:86px 0 100px;display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center}.hub-hero-copy h1{font-size:clamp(54px,6vw,86px);line-height:.94;letter-spacing:-.072em;margin:15px 0 26px;color:var(--hub-text)}.hub-hero-copy h1 em{font-style:normal;color:#8b919b}.hub-hero-copy>p{max-width:650px;font-size:18px;line-height:1.65;color:var(--hub-muted)}.hub-trial-pill{display:inline-flex;align-items:center;gap:9px;border:1px solid var(--hub-border);padding:8px 11px;border-radius:999px;font-size:11px;font-weight:800;margin-bottom:24px}.hub-trial-pill i{width:7px;height:7px;border-radius:50%;background:#30b76d;box-shadow:0 0 0 5px rgba(48,183,109,.11)}.hub-trial-pill span{margin-left:4px}.hub-hero-actions{display:flex;gap:10px;margin-top:31px}.hub-hero-proof{display:flex;flex-wrap:wrap;gap:10px 18px;margin-top:24px;color:var(--hub-muted);font-size:11px;font-weight:650}
.hub-product-preview{position:relative}.hub-window{background:#0b0d11;border:1px solid #22262e;border-radius:25px;padding:8px;box-shadow:0 38px 90px rgba(0,0,0,.2);transform:perspective(1300px) rotateY(-2deg)}.hub-window-bar{height:39px;border-radius:18px 18px 7px 7px;background:#181b21;display:flex;align-items:center;gap:6px;padding:0 12px}.hub-window-bar i{width:8px;height:8px;border-radius:50%;background:#474c55}.hub-window-bar span{flex:1;height:23px;border-radius:8px;background:#22262d;margin-left:8px;color:#747b86;display:flex;align-items:center;padding:0 12px;font-size:9px}.hub-window-body{height:455px;border-radius:8px 8px 17px 17px;overflow:hidden;background:#f5f6f8;display:grid;grid-template-columns:62px 1fr}.hub-window-body aside{background:#101217;display:grid;align-content:start;justify-items:center;gap:17px;padding:17px 9px}.hub-window-body aside b{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:#fff;color:#111}.hub-window-body aside span{width:24px;height:7px;border-radius:999px;background:#2b2f37}.hub-window-body aside span.active{background:#fff}.hub-preview-main{padding:25px;min-width:0}.hub-preview-title{display:flex;align-items:center;justify-content:space-between}.hub-preview-title small,.hub-preview-title strong{display:block}.hub-preview-title small{color:#9298a2;font-size:8px;font-weight:900;letter-spacing:.12em}.hub-preview-title strong{font-size:19px;margin-top:5px}.hub-preview-title button{width:34px;height:34px;border:1px solid #e0e3e8;border-radius:10px;background:#fff}.hub-preview-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin-top:23px}.hub-preview-card{border:1px solid #e4e6ea;background:#fff;border-radius:14px;padding:13px;display:grid;grid-template-columns:35px 1fr auto;gap:10px;align-items:center}.hub-preview-card>span{width:35px;height:35px;border-radius:10px;display:grid;place-items:center;background:color-mix(in srgb,var(--m) 12%,white);color:var(--m);font-weight:900}.hub-preview-card small,.hub-preview-card b{display:block}.hub-preview-card small{font-size:7px;color:#969ca6;text-transform:uppercase}.hub-preview-card b{font-size:11px;margin-top:3px}.hub-preview-card em{font-style:normal;color:#a0a5ad}.hub-preview-strip{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:8px;margin-top:13px}.hub-preview-strip div{padding:12px;border-radius:12px;background:#e9ebef}.hub-preview-strip small,.hub-preview-strip strong{display:block}.hub-preview-strip small{font-size:7px;color:#868d98}.hub-preview-strip strong{font-size:13px;margin-top:5px}.hub-float-card{position:absolute;background:var(--hub-card);color:var(--hub-text);border:1px solid var(--hub-border);border-radius:15px;padding:12px 14px;display:flex;align-items:center;gap:10px;box-shadow:0 17px 40px rgba(0,0,0,.12)}.hub-float-card>span{width:34px;height:34px;border-radius:10px;background:#101216;color:#fff;display:grid;place-items:center}.hub-float-card small,.hub-float-card strong{display:block}.hub-float-card small{font-size:8px;color:var(--hub-muted)}.hub-float-card strong{font-size:10px;margin-top:3px}.hub-float-card.one{left:-35px;bottom:38px}.hub-float-card.two{right:-22px;top:65px}
.hub-audience{border-top:1px solid var(--hub-border);border-bottom:1px solid var(--hub-border);padding:24px;display:flex;flex-direction:column;align-items:center;gap:14px}.hub-audience>span{font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--hub-muted);font-weight:800}.hub-audience>div{display:flex;gap:28px;flex-wrap:wrap;justify-content:center;color:#747b85}.hub-audience b{font-size:13px}
.hub-section{width:min(1240px,calc(100% - 48px));margin:auto;padding:105px 0}.hub-section-head-marketing{display:flex;justify-content:space-between;align-items:end;gap:55px;margin-bottom:40px}.hub-section-head-marketing h1,.hub-section-head-marketing h2{font-size:clamp(36px,4vw,55px);letter-spacing:-.055em;line-height:1.02;margin:10px 0 0;max-width:750px}.hub-section-head-marketing p{color:var(--hub-muted);line-height:1.65;max-width:540px}.hub-section-head-marketing.centered{display:block;text-align:center}.hub-section-head-marketing.centered h1,.hub-section-head-marketing.centered h2,.hub-section-head-marketing.centered p{margin-left:auto;margin-right:auto}.hub-section-head-marketing.split>p{margin:0}
.hub-public-modules{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--hub-border);border-left:1px solid var(--hub-border)}.hub-public-module{min-height:265px;padding:25px;border-right:1px solid var(--hub-border);border-bottom:1px solid var(--hub-border);display:flex;flex-direction:column;transition:.22s ease;background:var(--hub-card)}.hub-public-module:hover{transform:translateY(-3px);box-shadow:0 18px 45px rgba(0,0,0,.06);z-index:2}.hub-public-module-top{display:flex;align-items:center;justify-content:space-between}.hub-public-module-top>span{width:43px;height:43px;border-radius:13px;display:grid;place-items:center;background:color-mix(in srgb,var(--module) 11%,var(--hub-card));color:var(--module);font-size:18px;font-weight:900}.hub-public-module-top small{font-size:8px;color:var(--hub-muted);letter-spacing:.1em;text-transform:uppercase}.hub-public-module h3{font-size:18px;margin:28px 0 9px;letter-spacing:-.025em}.hub-public-module p{font-size:12px;color:var(--hub-muted);line-height:1.55;margin:0}.hub-public-module a{margin-top:auto;padding-top:25px;font-size:11px;font-weight:900;display:flex;justify-content:space-between}.hub-public-module a span{color:var(--module)}
.hub-dark-section{min-height:700px;background:#0b0d11;color:#fff;padding:105px max(24px,calc((100vw - 1240px)/2));display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.hub-dark-copy .hub-overline{color:#757c87}.hub-dark-copy h2{font-size:clamp(40px,4.6vw,64px);letter-spacing:-.06em;line-height:.98;margin:14px 0 22px}.hub-dark-copy>p{color:#9da4ae;line-height:1.7;font-size:16px}.hub-dark-points{display:grid;grid-template-columns:1fr 1fr;gap:25px 30px;margin-top:42px}.hub-dark-points>div{display:flex;gap:13px}.hub-dark-points b{font-size:9px;color:#656c77;margin-top:3px}.hub-dark-points strong,.hub-dark-points small{display:block}.hub-dark-points strong{font-size:12px}.hub-dark-points small{font-size:10px;color:#868e99;line-height:1.5;margin-top:5px}.hub-flow-visual{height:510px;position:relative;border:1px solid #262a31;border-radius:32px;background:radial-gradient(circle at center,#161a21,#0d0f13 65%);overflow:hidden}.hub-flow-visual:before,.hub-flow-visual:after{content:"";position:absolute;left:50%;top:50%;border:1px solid #282c34;border-radius:50%;transform:translate(-50%,-50%)}.hub-flow-visual:before{width:300px;height:300px}.hub-flow-visual:after{width:430px;height:430px}.flow-center{position:absolute;z-index:4;left:50%;top:50%;transform:translate(-50%,-50%);width:125px;height:125px;border-radius:31px;background:#fff;color:#111;display:grid;place-content:center;text-align:center;box-shadow:0 18px 50px rgba(0,0,0,.25)}.flow-center b{font-size:22px}.flow-center small{font-size:8px;color:#777}.flow-node{position:absolute;z-index:5;display:flex;align-items:center;gap:7px;border:1px solid #2d323a;background:#171a20;border-radius:12px;padding:9px 11px}.flow-node span{color:var(--node);font-weight:900}.flow-node small{font-size:9px;color:#c2c7ce}.flow-node.n1{left:8%;top:15%}.flow-node.n2{right:8%;top:14%}.flow-node.n3{left:5%;top:47%}.flow-node.n4{right:5%;top:45%}.flow-node.n5{left:15%;bottom:12%}.flow-node.n6{right:13%;bottom:11%}.flow-node.n7{left:39%;top:8%}.flow-node.n8{left:40%;bottom:6%}
.template-showcase{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.template-device{min-height:450px;border:1px solid var(--hub-border);border-radius:27px;padding:11px;background:#f7f7f8;position:relative;overflow:hidden}.template-device.dark{background:#121419;border-color:#272b32;color:#fff}.template-device.warm{background:#f2ece4}.template-bar{height:38px;border-radius:17px;background:rgba(255,255,255,.75)}.dark .template-bar{background:#1d2027}.template-cover{height:145px;border-radius:16px;margin-top:9px;background:linear-gradient(135deg,#d9dde4,#b7bec8)}.dark .template-cover{background:linear-gradient(135deg,#262a32,#4a505b)}.warm .template-cover{background:linear-gradient(135deg,#c6a98a,#8b6e52)}.template-lines{padding:18px 7px;display:grid;gap:10px}.template-lines i{height:54px;border-radius:13px;background:rgba(255,255,255,.8);border:1px solid rgba(0,0,0,.04)}.dark .template-lines i{background:#1a1d23;border-color:#292e36}.template-device strong{position:absolute;left:23px;bottom:20px;font-size:13px}.hub-reference-grid{padding-top:20px;display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--hub-border)}.hub-reference-grid article{background:var(--hub-card);padding:30px;min-height:245px}.hub-reference-grid span{font-size:8px;color:var(--hub-muted);letter-spacing:.12em;font-weight:900}.hub-reference-grid h3{font-size:21px;line-height:1.2;letter-spacing:-.035em;margin:50px 0 13px}.hub-reference-grid p{font-size:11px;color:var(--hub-muted);line-height:1.55}
.hub-pricing{padding:110px max(24px,calc((100vw - 1240px)/2));background:var(--hub-bg)}.hub-price-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px;max-width:1100px;margin:38px auto 0}.hub-price-card{position:relative;border:1px solid var(--hub-border);border-radius:22px;background:var(--hub-card);padding:28px;display:flex;flex-direction:column;min-height:440px}.hub-price-card.featured{border-color:#111318;box-shadow:0 18px 50px rgba(0,0,0,.09)}:root[data-theme="dark"] .hub-price-card.featured{border-color:#555e6c}.hub-price-card>em{position:absolute;top:14px;right:14px;font-size:7px;font-style:normal;letter-spacing:.1em;background:#111;color:#fff;border-radius:999px;padding:6px 8px}.hub-price-card h3{font-size:20px;margin:10px 0}.hub-price-card>p{font-size:11px;color:var(--hub-muted);min-height:36px}.hub-price{margin:23px 0 10px}.hub-price strong{font-size:31px;letter-spacing:-.05em}.hub-price span{font-size:10px;color:var(--hub-muted)}.hub-price-trial{color:#238153;font-weight:800}.hub-price-card ul{list-style:none;padding:0;margin:24px 0;display:grid;gap:9px;font-size:11px;color:var(--hub-muted)}.hub-price-card>a{margin-top:auto}.hub-free-banner{max-width:900px;margin:30px auto;display:flex;align-items:center;gap:15px;border:1px solid var(--hub-border);background:var(--hub-card);border-radius:17px;padding:16px}.hub-free-banner>span{width:42px;height:42px;border-radius:12px;background:#111;color:#fff;display:grid;place-items:center}.hub-free-banner>div{flex:1}.hub-free-banner small,.hub-free-banner strong,.hub-free-banner p{display:block;margin:0}.hub-free-banner small{font-size:8px;color:var(--hub-muted);letter-spacing:.1em}.hub-free-banner strong{font-size:13px;margin:3px 0}.hub-free-banner p{font-size:10px;color:var(--hub-muted)}.hub-free-banner a{font-size:11px;font-weight:900}.hub-final-cta{text-align:center;padding:120px 24px;background:var(--hub-card)}:root[data-theme="dark"] .hub-final-cta{background:var(--hub-bg)}.hub-final-cta h2{font-size:clamp(42px,5vw,70px);letter-spacing:-.065em;line-height:.98;margin:15px auto 30px}.hub-footer{width:min(1240px,calc(100% - 48px));margin:auto;padding:30px 0;border-top:1px solid var(--hub-border);display:flex;align-items:center;gap:25px}.hub-footer p{flex:1;color:var(--hub-muted);font-size:10px}.hub-footer>div{display:flex;gap:20px;font-size:11px;font-weight:700}
/* signup */.hub-signup-page{min-height:100vh;background:var(--hub-bg)}.hub-signup-nav{height:72px}.hub-signup-nav>div span{font-size:10px;color:var(--hub-muted)}.hub-signup-nav>div a{font-size:11px;font-weight:900}.hub-signup-shell{width:min(1200px,calc(100% - 48px));margin:auto;display:grid;grid-template-columns:.9fr 1.1fr;gap:65px;padding:55px 0 85px}.hub-signup-side{position:sticky;top:25px;align-self:start}.hub-signup-side h1{font-size:43px;letter-spacing:-.055em;line-height:1.02;margin:12px 0 15px}.hub-signup-side>p{color:var(--hub-muted);font-size:13px}.hub-signup-modules{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:26px}.hub-signup-module{border:1px solid var(--hub-border);background:var(--hub-card);border-radius:14px;padding:11px;display:grid;grid-template-columns:36px 1fr 15px;align-items:center;gap:9px;cursor:pointer;transition:.18s}.hub-signup-module input{display:none}.hub-signup-module>span{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:color-mix(in srgb,var(--module) 10%,var(--hub-card));color:var(--module);font-weight:900}.hub-signup-module strong,.hub-signup-module small{display:block}.hub-signup-module strong{font-size:11px}.hub-signup-module small{font-size:8px;color:var(--hub-muted);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:130px}.hub-signup-module>i{opacity:0;font-style:normal;color:var(--module);font-weight:900}.hub-signup-module.selected{border-color:color-mix(in srgb,var(--module) 45%,var(--hub-border));box-shadow:0 0 0 2px color-mix(in srgb,var(--module) 8%,transparent)}.hub-signup-module.selected>i{opacity:1}.hub-signup-trial{display:flex;gap:13px;margin-top:18px;padding:15px;border:1px solid var(--hub-border);border-radius:15px;background:var(--hub-card)}.hub-signup-trial>span{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:#111;color:#fff}.hub-signup-trial small,.hub-signup-trial strong,.hub-signup-trial p{display:block;margin:0}.hub-signup-trial small{font-size:7px;letter-spacing:.12em;color:var(--hub-muted)}.hub-signup-trial strong{font-size:11px;margin:3px 0}.hub-signup-trial p{font-size:9px;color:var(--hub-muted)}.hub-signup-card{background:var(--hub-card);border:1px solid var(--hub-border);border-radius:24px;padding:31px;box-shadow:0 20px 60px rgba(0,0,0,.04)}.hub-signup-title small{font-size:8px;letter-spacing:.13em;color:var(--hub-muted);font-weight:900}.hub-signup-title h2{font-size:29px;letter-spacing:-.045em;margin:7px 0}.hub-signup-title p{color:var(--hub-muted);font-size:11px;margin-bottom:28px}.hub-signup-form .form-section-label{font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--hub-muted);font-weight:900;margin:22px 0 11px}.minimal-coupon{border:1px solid var(--hub-border);background:var(--hub-soft)}.hub-summary{background:transparent;border-top:1px solid var(--hub-border);border-radius:0;padding:18px 0}.simple-public-page{min-height:100vh;background:var(--hub-bg)}.hub-pricing.standalone{min-height:calc(100vh - 72px)}
/* panel hub */.main-content{background:var(--hub-bg);color:var(--hub-text);min-height:100vh}.onehub-sidebar{display:flex;flex-direction:column;background:#0d0f13;border-right:1px solid #20242a}.onehub-sidebar nav{flex:1}.nav-section-label{display:block;font-size:8px;letter-spacing:.14em;color:#626976;font-weight:900;margin:17px 11px 7px}.nav-module-dot{width:21px;height:21px;border-radius:7px;display:inline-grid;place-items:center;background:color-mix(in srgb,var(--dot) 16%,#171a20);color:var(--dot);margin-right:8px;font-size:10px}.sidebar-bottom{margin-top:16px;border-top:1px solid #24282f;padding-top:12px;display:grid;gap:4px}.sidebar-bottom>a,.sidebar-theme{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:10px;color:#cfd3da;font-size:12px;background:transparent;border:0;text-align:left;cursor:pointer}.sidebar-theme:hover,.sidebar-bottom>a:hover{background:#181b20}.sidebar-bottom .logout-form{margin:0}.hub-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:23px}.hub-eyebrow{font-size:8px;letter-spacing:.14em;color:var(--hub-muted);font-weight:900}.hub-head h1{font-size:33px;letter-spacing:-.05em;margin:5px 0}.hub-head p{margin:0;color:var(--hub-muted);font-size:12px}.hub-head-actions{display:flex;align-items:center;gap:9px}.hub-theme-toggle{width:40px;height:40px;border-radius:11px;border:1px solid var(--hub-border);background:var(--hub-card);color:var(--hub-text);cursor:pointer}.hub-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin-bottom:28px}.hub-kpis>div{background:var(--hub-card);border:1px solid var(--hub-border);border-radius:16px;padding:17px}.hub-kpis span,.hub-kpis small,.hub-kpis strong{display:block}.hub-kpis span{font-size:9px;color:var(--hub-muted);text-transform:uppercase;font-weight:800;letter-spacing:.05em}.hub-kpis strong{font-size:24px;margin:8px 0 2px;letter-spacing:-.04em}.hub-kpis small{font-size:9px;color:var(--hub-muted)}.hub-section-head{display:flex;justify-content:space-between;align-items:end;margin:18px 0 13px}.hub-section-head h2{font-size:19px;margin:0}.hub-section-head p{font-size:10px;color:var(--hub-muted);margin:4px 0 0}.hub-plan-pill{font-size:9px;border:1px solid var(--hub-border);background:var(--hub-card);border-radius:999px;padding:6px 9px}.hub-module-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:11px}.hub-module-card{min-height:220px;border:1px solid var(--hub-border);background:var(--hub-card);border-radius:18px;padding:17px;display:flex;flex-direction:column}.hub-module-card.is-active{box-shadow:inset 0 2px 0 var(--module)}.hub-module-top{display:flex;align-items:center;justify-content:space-between}.hub-module-icon{width:39px;height:39px;display:grid;place-items:center;border-radius:11px;background:color-mix(in srgb,var(--module) 10%,var(--hub-card));color:var(--module);font-weight:900}.hub-module-status{font-size:8px;color:var(--hub-muted);border:1px solid var(--hub-border);padding:5px 7px;border-radius:999px}.hub-module-copy{margin-top:20px}.hub-module-copy small{font-size:7px;color:var(--hub-muted);letter-spacing:.09em;text-transform:uppercase;font-weight:900}.hub-module-copy h3{font-size:15px;margin:5px 0 6px}.hub-module-copy p{font-size:10px;color:var(--hub-muted);line-height:1.5;margin:0}.hub-module-actions{margin-top:auto;display:flex;align-items:center;gap:6px}.hub-open{flex:1;display:flex;justify-content:space-between;font-size:10px;font-weight:900;padding-top:15px}.hub-open span{color:var(--module)}.hub-icon-link{width:30px;height:30px;display:grid;place-items:center;border:1px solid var(--hub-border);border-radius:9px;font-size:10px}.hub-bottom-note{display:flex;gap:13px;border:1px solid var(--hub-border);border-radius:16px;background:var(--hub-card);padding:15px;margin-top:18px}.hub-bottom-note>span{width:35px;height:35px;display:grid;place-items:center;border-radius:10px;background:#111;color:#fff}.hub-bottom-note strong,.hub-bottom-note p{display:block;margin:0}.hub-bottom-note strong{font-size:11px}.hub-bottom-note p{font-size:9px;color:var(--hub-muted);margin-top:3px}.admin-module-checks{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.admin-module-checks label{display:grid;grid-template-columns:18px 30px 1fr;align-items:center;gap:7px;border:1px solid var(--hub-border);border-radius:11px;padding:8px;cursor:pointer}.admin-module-checks label>span{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;background:color-mix(in srgb,var(--m) 10%,var(--hub-card));color:var(--m)}.admin-module-checks strong,.admin-module-checks small{display:block}.admin-module-checks strong{font-size:10px}.admin-module-checks small{font-size:8px;color:var(--hub-muted)}
@media(max-width:1100px){.hub-hero{grid-template-columns:1fr;padding-top:55px}.hub-hero-copy{text-align:center}.hub-hero-copy>p{margin:auto}.hub-hero-actions,.hub-hero-proof{justify-content:center}.hub-product-preview{max-width:760px;margin:auto;width:100%}.hub-public-modules{grid-template-columns:repeat(3,1fr)}.hub-dark-section{grid-template-columns:1fr}.hub-flow-visual{max-width:650px;width:100%;margin:auto}.hub-signup-shell{grid-template-columns:1fr}.hub-signup-side{position:static}.hub-module-grid{grid-template-columns:repeat(3,1fr)}.hub-kpis{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.hub-marketing-nav,.hub-signup-nav,.hub-hero,.hub-section,.hub-footer,.hub-signup-shell{width:calc(100% - 28px)}.hub-marketing-nav{height:68px}.hub-marketing-nav nav{display:none}.hub-nav-actions .secondary{display:none}.hub-hero{padding:48px 0 70px}.hub-hero-copy h1{font-size:50px}.hub-hero-copy>p{font-size:14px}.hub-hero-actions{display:grid}.hub-window-body{height:365px;grid-template-columns:45px 1fr}.hub-preview-main{padding:13px}.hub-preview-card{padding:8px}.hub-preview-strip{display:none}.hub-float-card.two{display:none}.hub-float-card.one{left:5px;bottom:-28px}.hub-audience{padding-top:55px}.hub-public-modules{grid-template-columns:1fr 1fr}.hub-public-module{min-height:225px;padding:18px}.hub-section{padding:75px 0}.hub-section-head-marketing{display:block}.hub-section-head-marketing p{margin-top:15px}.hub-dark-section{padding:75px 14px}.hub-dark-points{grid-template-columns:1fr}.hub-flow-visual{height:400px}.template-showcase{grid-template-columns:1fr}.template-device{min-height:350px}.hub-reference-grid{grid-template-columns:1fr 1fr}.hub-pricing{padding:75px 14px}.hub-final-cta{padding:80px 14px}.hub-footer{display:block}.hub-footer p{margin:12px 0}.hub-signup-shell{padding-top:25px}.hub-signup-modules{grid-template-columns:1fr}.hub-signup-module small{max-width:250px}.hub-signup-card{padding:20px}.hub-kpis{grid-template-columns:1fr 1fr}.hub-module-grid{grid-template-columns:1fr 1fr}.admin-module-checks{grid-template-columns:1fr}}
@media(max-width:520px){.hub-public-modules,.hub-reference-grid{grid-template-columns:1fr}.hub-hero-copy h1{font-size:43px}.hub-window{transform:none}.hub-preview-grid{grid-template-columns:1fr}.hub-preview-card:nth-child(n+5){display:none}.hub-flow-visual{height:350px}.flow-node.n7,.flow-node.n8{display:none}.hub-module-grid{grid-template-columns:1fr}.hub-kpis{grid-template-columns:1fr 1fr}.hub-free-banner{align-items:flex-start;flex-wrap:wrap}.hub-free-banner a{width:100%;padding-left:57px}.hub-signup-nav>div span{display:none}}

/* V8 module workspace + public fronts */
.module-page{--module:#4f46e5}.module-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px}.module-title-wrap{display:flex;align-items:center;gap:13px}.module-back{font-size:10px;color:var(--hub-muted);margin-right:4px}.module-badge{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:color-mix(in srgb,var(--module) 11%,var(--hub-card));color:var(--module);font-size:19px;font-weight:900}.module-title-wrap small,.module-title-wrap h1,.module-title-wrap p{display:block;margin:0}.module-title-wrap small{font-size:7px;letter-spacing:.1em;color:var(--hub-muted);text-transform:uppercase;font-weight:900}.module-title-wrap h1{font-size:25px;letter-spacing:-.045em;margin:3px 0}.module-title-wrap p{font-size:10px;color:var(--hub-muted)}.module-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:9px;margin-bottom:16px}.module-kpis>div{background:var(--hub-card);border:1px solid var(--hub-border);border-radius:14px;padding:14px}.module-kpis span,.module-kpis strong{display:block}.module-kpis span{font-size:8px;color:var(--hub-muted);text-transform:uppercase;letter-spacing:.07em}.module-kpis strong{font-size:20px;margin-top:6px}.module-tabs{display:flex;gap:5px;overflow:auto;margin:10px 0 13px}.module-tabs a{white-space:nowrap;border:1px solid var(--hub-border);border-radius:999px;background:var(--hub-card);padding:8px 11px;font-size:9px;font-weight:800}.module-tabs a.active{background:#111318;color:#fff;border-color:#111318}.module-workspace{display:grid;grid-template-columns:340px minmax(0,1fr);gap:13px}.module-workspace.single{grid-template-columns:1fr}.module-form-card,.module-list-card{background:var(--hub-card);border:1px solid var(--hub-border);border-radius:18px;padding:17px;min-width:0}.module-form-title,.module-list-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:14px}.module-form-title small,.module-form-title h2,.module-list-head small,.module-list-head h2{display:block;margin:0}.module-form-title small,.module-list-head small{font-size:7px;letter-spacing:.1em;color:var(--hub-muted);font-weight:900}.module-form-title h2,.module-list-head h2{font-size:16px;margin-top:3px}.module-form-title>a{font-size:18px;color:var(--hub-muted)}.module-list-head>span{font-size:8px;color:var(--hub-muted);background:var(--hub-soft);padding:5px 7px;border-radius:999px}.module-form{display:grid;grid-template-columns:1fr 1fr;gap:9px}.module-field{display:grid;gap:5px}.module-field.wide{grid-column:1/-1}.module-field>span{font-size:8px;font-weight:800;color:var(--hub-muted)}.module-field input,.module-field select,.module-field textarea{width:100%;border:1px solid var(--hub-border);background:var(--hub-card);color:var(--hub-text);border-radius:10px;padding:9px 10px;font-size:10px;outline:none}.module-field input:focus,.module-field select:focus,.module-field textarea:focus{border-color:var(--module);box-shadow:0 0 0 3px color-mix(in srgb,var(--module) 8%,transparent)}.module-field textarea{min-height:78px;resize:vertical}.switch-line{display:flex;align-items:center;gap:7px;height:37px}.switch-line input{width:auto}.switch-line em{font-size:9px;font-style:normal}.module-submit{grid-column:1/-1;background:var(--module)}.module-table-wrap{overflow:auto}.module-table{width:100%;border-collapse:collapse;min-width:650px}.module-table th,.module-table td{padding:10px;border-bottom:1px solid var(--hub-border);text-align:left;font-size:9px;white-space:nowrap;max-width:180px;overflow:hidden;text-overflow:ellipsis}.module-table th{font-size:7px;text-transform:uppercase;letter-spacing:.07em;color:var(--hub-muted)}.row-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px}.row-actions a,.row-actions button{font-size:8px;border:0;background:transparent;color:var(--module);cursor:pointer}.row-actions button{color:#c64a4a;font-size:14px}.module-empty{text-align:center;padding:65px 20px}.module-empty>span{width:50px;height:50px;border-radius:15px;margin:auto;display:grid;place-items:center;background:color-mix(in srgb,var(--module) 10%,var(--hub-card));color:var(--module);font-size:19px}.module-empty strong{display:block;font-size:13px;margin-top:11px}.module-empty p{font-size:9px;color:var(--hub-muted)}
.public-booking,.public-shop{min-height:100vh;background:#f7f8fa;color:#111318}.public-top,.shop-nav{height:72px;width:min(1080px,calc(100% - 34px));margin:auto;display:flex;align-items:center;justify-content:space-between}.public-brand,.shop-brand{display:flex;align-items:center;gap:9px}.public-brand img,.shop-brand img,.public-brand>span,.shop-brand>span{width:34px;height:34px;border-radius:10px;object-fit:cover;display:grid;place-items:center;background:var(--accent);color:#fff;font-weight:900}.public-brand strong,.shop-brand strong{font-size:13px}.public-secure{font-size:8px;color:#777;text-transform:uppercase;letter-spacing:.08em}.public-booking-shell{width:min(960px,calc(100% - 34px));margin:65px auto;display:grid;grid-template-columns:.85fr 1.15fr;gap:60px;align-items:start}.booking-intro{padding-top:35px}.public-eyebrow,.shop-hero>small{font-size:8px;letter-spacing:.13em;color:#858b95;font-weight:900}.booking-intro h1,.shop-hero h1{font-size:45px;line-height:1.02;letter-spacing:-.055em;margin:10px 0 16px}.booking-intro>p,.shop-hero p{font-size:12px;color:#727985;line-height:1.65}.booking-trust{display:grid;gap:8px;margin-top:25px;font-size:10px;color:#555d67}.booking-card{background:#fff;border:1px solid #e5e8ed;border-radius:22px;padding:25px;box-shadow:0 20px 55px rgba(0,0,0,.05)}.public-form{display:grid;gap:12px}.public-form label{display:grid;gap:6px}.public-form label>span{font-size:9px;font-weight:800;color:#6e7580}.public-form input,.public-form select,.public-form textarea{border:1px solid #dfe3e8;border-radius:11px;padding:11px;background:#fff;font-size:11px;outline:none}.public-form textarea{min-height:75px;resize:vertical}.public-two{display:grid;grid-template-columns:1fr 1fr;gap:10px}.pay-choice{display:grid;grid-template-columns:1fr 1fr;gap:8px}.pay-choice label{display:flex;align-items:center;gap:8px;border:1px solid #e4e7eb;border-radius:12px;padding:10px}.pay-choice span b,.pay-choice span small{display:block}.pay-choice span b{font-size:9px}.pay-choice span small{font-size:7px;color:#888}.public-primary{border:0;background:#111318;color:#fff;border-radius:11px;padding:12px 14px;font-size:11px;font-weight:900;display:flex;align-items:center;justify-content:space-between;cursor:pointer}.public-alert{padding:11px;border-radius:10px;margin-bottom:12px;font-size:10px}.public-alert.error{background:#fff0f0;color:#9f2929}.booking-success{text-align:center}.success-check{width:50px;height:50px;border-radius:50%;display:grid;place-items:center;margin:0 auto 13px;background:#e8f8ef;color:#18844b;font-size:20px;font-weight:900}.booking-success>small{font-size:8px;color:#858b95;letter-spacing:.1em}.booking-success h2{font-size:21px;margin:6px 0}.booking-success>p{font-size:10px;color:#666}.public-pix{margin-top:18px;border-radius:16px;background:#101613;color:#fff;padding:18px;text-align:left}.public-pix>span,.public-pix>label,.public-pix>strong,.public-pix>small{display:block}.public-pix>span{font-size:8px;color:#9cb5a7;text-transform:uppercase}.public-pix img{width:180px;display:block;background:#fff;padding:8px;border-radius:13px;margin:13px auto}.public-pix>label{font-size:8px;color:#aab6af;margin:9px 0 5px}.pix-copy{display:flex;gap:6px}.pix-copy input{min-width:0;flex:1;border:0;border-radius:8px;padding:9px;font-size:8px}.pix-copy button{border:0;border-radius:8px;padding:0 10px;font-size:8px;font-weight:900}.public-pix>strong{font-size:20px;margin-top:11px}.public-pix>small{font-size:8px;color:#aab6af;margin-top:7px}.public-pix>small.paid{color:#62dd99}.public-footer{text-align:center;font-size:8px;color:#8a9099;padding:30px}
.shop-nav button{border:1px solid #e1e4e9;background:#fff;border-radius:11px;padding:9px 11px;font-size:9px;font-weight:800}.shop-nav button b{display:inline-grid;place-items:center;width:17px;height:17px;border-radius:50%;background:#111;color:#fff;margin-left:5px}.shop-main{width:min(1080px,calc(100% - 34px));margin:auto}.shop-hero{padding:65px 0 40px;max-width:620px}.shop-products{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;padding-bottom:80px}.shop-product{background:#fff;border:1px solid #e5e8ed;border-radius:17px;overflow:hidden}.shop-image{height:225px;background:#eceef2;position:relative;display:grid;place-items:center}.shop-image img{width:100%;height:100%;object-fit:cover}.shop-image>span{font-size:30px;color:#a7adb7}.shop-image em{position:absolute;top:10px;left:10px;background:#111;color:#fff;border-radius:999px;padding:5px 8px;font-size:7px;font-style:normal}.shop-copy{padding:14px}.shop-copy h3{font-size:13px;margin:0}.shop-copy>p{height:33px;font-size:9px;color:#727985;line-height:1.45}.shop-copy>div{display:flex;align-items:center;justify-content:space-between}.shop-copy strong{font-size:13px}.shop-copy button{border:0;background:var(--accent);color:#fff;border-radius:9px;padding:7px 9px;font-size:8px;font-weight:900}.shop-drawer{position:fixed;right:-420px;top:0;bottom:0;width:min(400px,100%);background:#fff;z-index:80;padding:24px;transition:.25s;overflow:auto}.shop-drawer.show{right:0}.shop-overlay{position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:70;opacity:0;pointer-events:none;transition:.2s}.shop-overlay.show{opacity:1;pointer-events:auto}.shop-drawer-close{float:right;border:0;background:#f1f2f4;border-radius:9px;width:32px;height:32px}.shop-drawer h2{font-size:21px}.shop-cart-row{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid #eee;padding:11px 0}.shop-cart-row strong,.shop-cart-row small{display:block}.shop-cart-row strong{font-size:10px}.shop-cart-row small{font-size:8px;color:#888}.shop-cart-row>div:last-child{display:flex;align-items:center;gap:7px}.shop-cart-row button{border:1px solid #e2e5e9;background:#fff;width:25px;height:25px;border-radius:7px}.shop-total{display:flex;justify-content:space-between;margin:18px 0;font-size:12px}.shop-drawer form{display:grid;gap:8px}.shop-drawer form label{font-size:8px;font-weight:800;display:grid;gap:4px}.shop-drawer input,.shop-drawer textarea{border:1px solid #dfe3e8;border-radius:9px;padding:9px;font-size:9px}.shop-result{max-width:560px;margin:0 auto 35px;background:#fff;border:1px solid #e4e7eb;border-radius:20px;padding:22px;text-align:center}.shop-result h2{margin:5px}.shop-result p{font-size:10px;color:#777}
.bio-public{min-height:100vh;background:var(--bio-bg);color:var(--bio-text);padding:55px 16px}.bio-shell{width:min(520px,100%);margin:auto;text-align:center}.bio-avatar{width:86px;height:86px;border-radius:26px;object-fit:cover;margin:auto}.bio-avatar.fallback{display:grid;place-items:center;background:var(--bio-text);color:var(--bio-bg);font-size:30px;font-weight:900}.bio-shell h1{font-size:23px;letter-spacing:-.04em;margin:15px 0 6px}.bio-shell>p{font-size:10px;opacity:.65;line-height:1.55}.bio-blocks{display:grid;gap:9px;margin-top:28px}.bio-link{display:grid;grid-template-columns:30px 1fr 20px;align-items:center;text-align:left;gap:9px;padding:12px 13px;border:1px solid color-mix(in srgb,var(--bio-text) 14%,transparent);color:inherit}.bio-link.style-rounded{border-radius:13px}.bio-link.style-pill{border-radius:999px}.bio-link.style-square{border-radius:2px}.bio-link.style-outline{border-radius:13px;background:transparent}.bio-link>span{font-weight:900}.bio-link strong,.bio-link small{display:block}.bio-link strong{font-size:10px}.bio-link small{font-size:8px;opacity:.6;margin-top:2px}.bio-text-block{text-align:left;padding:10px 2px}.bio-text-block strong,.bio-text-block span{display:block}.bio-text-block strong{font-size:11px}.bio-text-block span{font-size:9px;opacity:.6}.bio-blocks hr{border:0;border-top:1px solid color-mix(in srgb,var(--bio-text) 14%,transparent);width:100%}.bio-shell footer{font-size:8px;opacity:.45;margin-top:35px}
@media(max-width:900px){.module-head{align-items:flex-start;flex-direction:column}.module-workspace{grid-template-columns:1fr}.public-booking-shell{grid-template-columns:1fr;gap:25px;margin-top:25px}.booking-intro{padding-top:0}.shop-products{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.module-title-wrap{align-items:flex-start;flex-wrap:wrap}.module-back{width:100%}.module-form{grid-template-columns:1fr}.module-field.wide,.module-submit{grid-column:auto}.module-kpis{grid-template-columns:1fr 1fr}.public-booking-shell,.shop-main,.public-top,.shop-nav{width:calc(100% - 24px)}.booking-intro h1,.shop-hero h1{font-size:36px}.booking-card{padding:17px}.public-two,.pay-choice{grid-template-columns:1fr}.shop-products{grid-template-columns:1fr}.shop-image{height:240px}}
.template-settings{display:grid;gap:16px}.template-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:11px}.template-card{position:relative;border:1px solid var(--hub-border);border-radius:17px;padding:10px;background:var(--hub-card);cursor:pointer}.template-card input{display:none}.template-card.selected{box-shadow:0 0 0 2px color-mix(in srgb,var(--module) 30%,transparent);border-color:var(--module)}.template-card>b{position:absolute;right:14px;bottom:14px;color:var(--module);opacity:0}.template-card.selected>b{opacity:1}.template-preview{height:135px;border-radius:12px;background:#f1f3f6;padding:10px;display:grid;grid-template-columns:35px 1fr;grid-template-rows:28px 1fr;gap:7px}.template-preview>span{grid-row:1/3;border-radius:8px;background:#20242a}.template-preview i{display:block;border-radius:7px;background:#fff;border:1px solid #e2e5e9}.template-preview i:nth-of-type(2),.template-preview i:nth-of-type(3){display:none}.template-preview.editorial,.template-preview.boutique{grid-template-columns:1fr;grid-template-rows:60px 1fr}.template-preview.editorial>span,.template-preview.boutique>span{grid-row:auto;background:linear-gradient(135deg,var(--module),#20242a)}.template-preview.mono{background:#111}.template-preview.mono>span{background:#fff}.template-preview.mono i{background:#222;border-color:#333}.template-card>div+div{padding:11px 3px 4px}.template-card strong{font-size:11px}.template-card p{font-size:8px;color:var(--hub-muted);margin:3px 25px 0 0}.template-controls{display:grid;grid-template-columns:1.5fr 1fr 1fr auto;gap:10px;align-items:end}.template-controls .field{margin:0}
.public-booking.theme-dark,.public-shop.theme-dark{background:#0e1014;color:#f6f7f9}.public-booking.theme-dark .booking-card,.public-shop.theme-dark .shop-product,.public-shop.theme-dark .shop-result{background:#171a20;border-color:#2b3038}.public-booking.theme-dark .public-form input,.public-booking.theme-dark .public-form select,.public-booking.theme-dark .public-form textarea{background:#101217;border-color:#30353e;color:#fff}.public-booking.template-boutique .booking-card{border-radius:6px}.public-booking.template-boutique .booking-intro h1{font-family:Georgia,serif;font-weight:500;letter-spacing:-.035em}.public-booking.template-prime .booking-card{box-shadow:0 28px 80px rgba(0,0,0,.12);border-top:3px solid var(--accent)}.public-shop.template-catalog .shop-products{grid-template-columns:repeat(4,1fr)}.public-shop.template-catalog .shop-image{height:180px}.public-shop.template-commerce-clean .shop-product{border-radius:20px}.public-shop.theme-dark .shop-nav button{background:#171a20;border-color:#30353e;color:#fff}
@media(max-width:720px){.template-controls{grid-template-columns:1fr 1fr}.template-controls .field:first-child,.template-controls .btn{grid-column:1/-1}.public-shop.template-catalog .shop-products{grid-template-columns:repeat(2,1fr)}}
@media(max-width:480px){.public-shop.template-catalog .shop-products{grid-template-columns:1fr}}
@media(prefers-color-scheme:dark){.public-booking.theme-system,.public-shop.theme-system{background:#0e1014;color:#f6f7f9}.public-booking.theme-system .booking-card,.public-shop.theme-system .shop-product,.public-shop.theme-system .shop-result{background:#171a20;border-color:#2b3038}.public-booking.theme-system .public-form input,.public-booking.theme-system .public-form select,.public-booking.theme-system .public-form textarea{background:#101217;border-color:#30353e;color:#fff}.public-shop.theme-system .shop-nav button{background:#171a20;border-color:#30353e;color:#fff}}

/* ===== V8.1 — templates internos + navegação mobile ===== */
.module-page.module-theme-light{--hub-bg:#f6f7f9;--hub-card:#fff;--hub-text:#111318;--hub-muted:#747b87;--hub-border:#e5e8ed;color:#111318}
.module-page.module-theme-dark{--hub-bg:#0f1115;--hub-card:#171a20;--hub-text:#f6f7f9;--hub-muted:#9299a5;--hub-border:#2b3038;color:#f6f7f9;background:#0f1115;margin:-30px;padding:30px;min-height:100vh}
.module-page.module-template-workspace-clean .module-form-card,.module-page.module-template-workspace-clean .module-list-card{border-radius:18px}
.module-page.module-template-workspace-compact .module-workspace{gap:8px}.module-page.module-template-workspace-compact .module-form-card,.module-page.module-template-workspace-compact .module-list-card{border-radius:10px}.module-page.module-template-workspace-compact .module-field input,.module-page.module-template-workspace-compact .module-field select,.module-page.module-template-workspace-compact .module-field textarea{padding:8px 9px}.module-page.module-template-workspace-compact .module-table th,.module-page.module-template-workspace-compact .module-table td{padding:9px 10px}
.mobile-appbar,.mobile-sidebar-overlay{display:none}
@media(max-width:680px){
  .mobile-appbar{position:sticky;top:0;z-index:55;margin:-14px -14px 16px;padding:10px 12px;display:flex;align-items:center;justify-content:space-between;background:color-mix(in srgb,var(--hub-card) 92%,transparent);border-bottom:1px solid var(--hub-border);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
  .mobile-appbar>a{display:flex;align-items:center;gap:8px}.mobile-appbar .brand-mark{width:29px;height:29px;border-radius:9px;font-size:12px}.mobile-appbar strong{font-size:13px;letter-spacing:-.02em}.mobile-appbar button{width:34px;height:34px;border:1px solid var(--hub-border);border-radius:10px;background:var(--hub-card);color:var(--hub-text);cursor:pointer}
  .onehub-sidebar{display:flex!important;position:fixed!important;z-index:90;inset:0 auto 0 0;width:min(292px,86vw)!important;transform:translateX(-105%);transition:transform .22s ease;padding:20px 15px!important;box-shadow:20px 0 60px rgba(0,0,0,.22)}
  .onehub-sidebar.mobile-open{transform:translateX(0)}
  .onehub-sidebar .brand span:last-child,.onehub-sidebar .user-chip>div:last-child,.onehub-sidebar nav a{font-size:12px!important}
  .onehub-sidebar nav a{display:flex!important;place-items:initial!important;justify-content:flex-start!important;min-height:auto!important}
  .mobile-sidebar-overlay{display:block;position:fixed;z-index:85;inset:0;background:rgba(5,7,10,.46);opacity:0;pointer-events:none;transition:.2s}
  .mobile-sidebar-overlay.show{opacity:1;pointer-events:auto}.mobile-menu-open{overflow:hidden}
  .module-page.module-theme-dark{margin:-14px;padding:14px;min-height:calc(100vh - 60px)}
}
.signup-plan.incompatible{opacity:.38;filter:grayscale(.7);cursor:not-allowed}.signup-plan.incompatible:after{content:'Não incluído para este sistema';grid-column:2/-1;font-size:8px;color:#8d939e;margin-top:3px}

/* V8.1 · Link na Bio — upload direto e seletor visual de ícones */
.module-field-help{display:block;margin-top:2px;font-size:8px;line-height:1.45;color:var(--hub-muted);font-weight:500}.hub-image-field{display:grid;gap:9px}.hub-image-preview{display:flex;align-items:center;gap:10px;padding:9px;border:1px solid var(--hub-border);border-radius:12px;background:var(--hub-soft)}.hub-image-preview>img{width:58px;height:58px;object-fit:cover;border-radius:13px;background:var(--hub-card)}.hub-image-preview>label{display:flex;align-items:center;gap:5px;font-size:8px;color:var(--hub-muted);cursor:pointer}.hub-image-preview>label input{width:auto}.hub-upload-box{display:grid;gap:3px;position:relative;border:1px dashed color-mix(in srgb,var(--module) 32%,var(--hub-border));border-radius:12px;background:color-mix(in srgb,var(--module) 4%,var(--hub-card));padding:12px}.hub-upload-box strong{font-size:9px}.hub-upload-box small{font-size:7px;color:var(--hub-muted)}.hub-upload-box input[type=file]{margin-top:6px;padding:7px;background:var(--hub-card);cursor:pointer}.hub-upload-box.compact{padding:10px}.hub-image-url{display:grid;gap:5px}.hub-image-url>small{font-size:7px;color:var(--hub-muted)}
.bio-icon-picker{display:grid;gap:9px}.bio-icon-picker-top{display:grid;gap:5px}.bio-icon-picker-top>small{font-size:7px;color:var(--hub-muted)}.bio-icon-search{height:36px}.bio-icon-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;max-height:292px;overflow:auto;padding:2px 3px 3px 2px;scrollbar-width:thin}.bio-icon-option{position:relative;display:grid;justify-items:center;gap:5px;padding:8px 3px 7px;border:1px solid var(--hub-border);border-radius:11px;background:var(--hub-card);cursor:pointer;transition:.15s ease;min-width:0}.bio-icon-option:hover{border-color:color-mix(in srgb,var(--module) 45%,var(--hub-border));background:color-mix(in srgb,var(--module) 4%,var(--hub-card))}.bio-icon-option input{position:absolute;opacity:0;pointer-events:none}.bio-icon-option:has(input:checked){border-color:var(--module);box-shadow:0 0 0 2px color-mix(in srgb,var(--module) 10%,transparent);background:color-mix(in srgb,var(--module) 6%,var(--hub-card))}.bio-icon-option-visual{width:27px;height:27px;display:grid;place-items:center;color:var(--brand,var(--hub-text))}.bio-icon-option-visual svg{width:20px;height:20px;display:block}.bio-icon-option em{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;font-size:6.5px;font-style:normal;color:var(--hub-muted)}.bio-icon-option:has(input:checked) em{color:var(--hub-text);font-weight:800}.bio-custom-icon-box{display:grid;gap:8px;padding-top:2px}.bio-custom-icon-current{display:flex;align-items:center;gap:9px;padding:8px;border:1px solid var(--hub-border);border-radius:11px}.bio-custom-icon-current>img{width:42px;height:42px;object-fit:cover;border-radius:10px}.bio-custom-icon-current span{display:grid;gap:2px}.bio-custom-icon-current strong{font-size:8px}.bio-custom-icon-current small{font-size:7px;color:var(--hub-muted)}.bio-icon-reset{display:flex;align-items:center;gap:6px;font-size:8px;color:var(--hub-muted);cursor:pointer}.bio-icon-reset input{width:auto}
.bio-link-icon{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:color-mix(in srgb,var(--bio-text) 6%,transparent);color:var(--icon-color,var(--bio-text));overflow:hidden}.bio-link-icon svg{width:17px;height:17px;display:block}.bio-link-icon img{width:100%;height:100%;object-fit:cover;border-radius:8px}.bio-link>span.bio-link-icon{font-weight:400}.bio-link{grid-template-columns:30px 1fr 20px}
@media(max-width:600px){.bio-icon-grid{grid-template-columns:repeat(5,minmax(0,1fr));max-height:330px}.hub-image-preview{align-items:flex-start}}
@media(max-width:420px){.bio-icon-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}