.landing-page{min-height:100vh;margin:0;padding:0}body:has(.landing-page){margin:0!important;padding:0!important}.landing-page nav{background:#fafaf7fa!important;top:0!important;left:0!important;right:0!important}:root{--yellow:#f5e642;--yellow-light:#fffde0;--black:#0f0f0f;--off-white:#fafaf7;--gray:#6b6b6b;--gray-light:#e8e8e2;--pastel-green:#d4f5c4;--pastel-blue:#c4e0f5;--pastel-pink:#f5c4d4;--pastel-purple:#e4c4f5}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--off-white);color:var(--black);font-family:Inter,sans-serif;overflow-x:hidden}h1,h2,h3,h4,h5{font-family:Bricolage Grotesque,sans-serif;font-weight:800}.reveal{opacity:0;transition:opacity .65s,transform .65s;transform:translateY(26px)}.reveal.vis{opacity:1;transform:translateY(0)}.reveal.d1{transition-delay:.1s}.reveal.d2{transition-delay:.2s}.reveal.d3{transition-delay:.3s}.reveal.d4{transition-delay:.4s}section{padding:120px 52px}.s-inner{max-width:1160px;margin:0 auto}.s-tag{background:var(--yellow-light);border:1.5px solid var(--black);text-transform:uppercase;letter-spacing:.07em;box-shadow:1.5px 1.5px 0 var(--black);border-radius:100px;align-items:center;gap:7px;margin-bottom:20px;padding:4px 13px;font-family:Bricolage Grotesque,sans-serif;font-size:11.5px;font-weight:700;display:inline-flex}.s-tag-dot{background:var(--black);border-radius:50%;width:5px;height:5px}.s-headline{letter-spacing:-2px;max-width:660px;font-size:clamp(34px,4.5vw,56px);line-height:1}.s-sub{color:var(--gray);max-width:500px;margin-top:14px;font-size:16.5px;line-height:1.75}nav{z-index:1000;-webkit-backdrop-filter:blur(14px);border-bottom:1.5px solid var(--gray-light);background:#fafaf7fa;justify-content:space-between;align-items:center;height:68px;padding:0 52px;transition:box-shadow .3s;display:flex;position:fixed;top:0;left:0;right:0}nav.scrolled{box-shadow:0 2px 24px #00000012}.nav-logo{letter-spacing:-.5px;color:var(--black);align-items:center;gap:8px;font-family:Bricolage Grotesque,sans-serif;font-size:22px;font-weight:800;text-decoration:none;display:flex}.logo-mark{background:var(--yellow);border:1.5px solid var(--black);border-radius:7px;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;font-weight:900;display:flex}.nav-links{align-items:center;gap:32px;list-style:none;display:flex}.nav-links a{color:var(--black);opacity:.55;font-size:14px;font-weight:500;text-decoration:none;transition:opacity .2s}.nav-links a:hover{opacity:1}.nav-dropdown-wrap{position:relative}.nav-dropdown-trigger{color:var(--black);cursor:pointer;opacity:.55;background:0 0;border:none;align-items:center;gap:5px;padding:0;font-family:inherit;font-size:14px;font-weight:500;transition:opacity .2s;display:flex}.nav-dropdown-trigger:hover{opacity:1}.nav-dropdown-chevron{opacity:.7;font-size:8px;transition:transform .2s}.nav-dropdown-wrap.open .nav-dropdown-chevron{transform:rotate(180deg)}.nav-dropdown{border:1.5px solid var(--gray-light);opacity:0;visibility:hidden;z-index:1001;background:#fff;border-radius:10px;min-width:180px;padding:8px 0;list-style:none;transition:opacity .2s,visibility .2s,transform .2s;position:absolute;top:100%;left:50%;transform:translate(-50%)translateY(8px);box-shadow:0 8px 24px #0000001a}.nav-dropdown.open{opacity:1;visibility:visible;transform:translate(-50%)translateY(8px)}.nav-dropdown li{margin:0}.nav-dropdown a{color:var(--black);opacity:1;padding:10px 18px;font-size:14px;font-weight:500;text-decoration:none;transition:background .15s;display:block}.nav-dropdown a:hover{background:var(--gray-light)}.nav-right{align-items:center;gap:14px;display:flex}.btn-ghost{color:var(--black);opacity:.55;font-size:14px;font-weight:500;text-decoration:none;transition:opacity .2s}.btn-ghost:hover{opacity:1}.btn-pill{background:var(--yellow);color:var(--black);border:1.5px solid var(--black);cursor:pointer;box-shadow:2px 2px 0 var(--black);border-radius:100px;align-items:center;gap:6px;padding:9px 22px;font-family:Bricolage Grotesque,sans-serif;font-size:14px;font-weight:700;text-decoration:none;transition:transform .15s,box-shadow .15s;display:inline-flex}.btn-pill:hover{box-shadow:4px 4px 0 var(--black);transform:translate(-1.5px,-1.5px)}.btn-pill:active{box-shadow:1px 1px 0 var(--black);transform:translate(.5px,.5px)}.btn-pill.outline{box-shadow:2px 2px 0 var(--black);background:0 0}.btn-pill.outline:hover{background:var(--black);color:var(--off-white)}.btn-pill.dark{background:var(--black);color:var(--yellow)}.btn-pill.dark:hover{background:#1a1a1a}.nav-hamburger{cursor:pointer;background:0 0;border:none;border-radius:7px;flex-direction:column;justify-content:center;gap:5px;width:36px;height:36px;padding:4px;transition:background .2s;display:none}.nav-hamburger:hover{background:var(--gray-light)}.nav-hamburger span{background:var(--black);border-radius:2px;height:2px;transition:all .3s cubic-bezier(.4,0,.2,1);display:block}.nav-hamburger.open span:first-child{transform:translateY(7px)rotate(45deg)}.nav-hamburger.open span:nth-child(2){opacity:0;transform:scaleX(0)}.nav-hamburger.open span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.nav-mobile-menu{-webkit-backdrop-filter:blur(18px);border-bottom:1.5px solid var(--gray-light);z-index:999;background:#fafaf7fa;flex-direction:column;gap:4px;padding:20px 22px 26px;transition:transform .32s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:68px;left:0;right:0;transform:translateY(-110%);box-shadow:0 8px 32px #00000014}.nav-mobile-menu.open{transform:translateY(0)}.nav-mobile-menu a{color:var(--black);border-bottom:1px solid var(--gray-light);opacity:.7;padding:12px 8px;font-size:16px;font-weight:500;text-decoration:none;transition:opacity .2s}.nav-mobile-menu a:last-of-type{border-bottom:none}.nav-mobile-menu a:hover{opacity:1}.mobile-dropdown{border-bottom:1px solid var(--gray-light);flex-direction:column;gap:0;padding:0;display:flex}.mobile-dropdown-trigger{width:100%;color:var(--black);border:none;border-bottom:1px solid var(--gray-light);cursor:pointer;text-align:left;opacity:.7;background:0 0;justify-content:space-between;align-items:center;padding:12px 8px;font-family:inherit;font-size:16px;font-weight:500;transition:opacity .2s;display:flex}.mobile-dropdown-trigger:hover{opacity:1}.mobile-dropdown-chevron{opacity:.7;font-size:10px;transition:transform .2s}.mobile-dropdown-chevron.open{transform:rotate(180deg)}.mobile-dropdown-content{grid-template-rows:0fr;transition:grid-template-rows .25s;display:grid}.mobile-dropdown-content.open{grid-template-rows:1fr}.mobile-dropdown-inner{flex-direction:column;display:flex;overflow:hidden}.mobile-sublink{font-size:15px;padding-left:20px!important}.nav-mobile-cta{gap:10px;margin-top:14px;display:flex}.nav-mobile-cta .btn-pill{opacity:1;flex:1;justify-content:center;padding:12px 0;font-size:15px}.nav-mobile-cta .btn-pill.outline{border-color:var(--black)}@media (max-width:960px){nav{padding:0 22px}.nav-links,.nav-right{display:none}.nav-hamburger{display:flex}}@media (max-width:480px){nav{padding:0 18px}.nav-links,.nav-right .btn-ghost{display:none}.nav-hamburger{display:flex}}.hero{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding-top:68px;display:flex;position:relative;overflow:hidden}.hero-bg{z-index:0;background:radial-gradient(80% 50% at 50% 0,#f5e64238 0%,#0000 70%);position:absolute;inset:0}.hero-grid{z-index:0;background-image:linear-gradient(#0000000a 1px,#0000 1px),linear-gradient(90deg,#0000000a 1px,#0000 1px);background-size:60px 60px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 60% at 50% 0,#000 20%,#0000 80%);mask-image:radial-gradient(80% 60% at 50% 0,#000 20%,#0000 80%)}.hero-inner{z-index:1;width:100%;max-width:1160px;margin:0 auto;padding:80px 52px 0;position:relative}.hero-badge{background:var(--yellow);border:1.5px solid var(--black);box-shadow:2px 2px 0 var(--black);border-radius:100px;align-items:center;gap:8px;margin-bottom:28px;padding:5px 14px;font-family:Bricolage Grotesque,sans-serif;font-size:12px;font-weight:700;animation:.6s both fadeUp;display:inline-flex}.badge-pulse{background:var(--black);border-radius:50%;width:7px;height:7px;animation:1.8s infinite bpulse}@keyframes bpulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.5)}}.hero h1{letter-spacing:-3px;max-width:860px;margin:0 auto;font-size:clamp(48px,7.5vw,94px);line-height:.93;animation:.65s 80ms both fadeUp}.hero h1 .hl{display:inline-block;position:relative}.hero h1 .hl:after{content:"";background:var(--yellow);z-index:-1;border-radius:4px;height:16px;position:absolute;bottom:6px;left:-2px;right:-2px}.hero-sub{max-width:530px;color:var(--gray);margin:24px auto 0;font-size:15px;line-height:1.65;animation:.65s .16s both fadeUp}.hero-note{color:var(--gray);margin-top:14px;font-size:12.5px;animation:.65s .38s both fadeUp}@keyframes fadeUp{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}.hero-input-wrap{width:100%;max-width:640px;margin:36px auto 0;animation:.65s .22s both fadeUp}.hero-db-row{background:var(--off-white);border:2px solid var(--black);box-shadow:3px 3px 0 var(--black);border-radius:12px;align-items:stretch;display:flex;overflow:hidden}.hero-db-input{min-width:0;color:var(--black);background:0 0;border:none;outline:none;flex:1;padding:14px 16px;font-family:Courier New,Menlo,monospace;font-size:13px}.hero-db-input::placeholder{color:var(--gray);opacity:.75}.hero-db-connect-btn{background:var(--yellow);border:none;border-left:2px solid var(--black);color:var(--black);cursor:pointer;white-space:nowrap;flex-shrink:0;padding:14px 22px;font-family:Bricolage Grotesque,sans-serif;font-size:14px;font-weight:700;transition:background .15s}.hero-db-connect-btn:hover{background:#ede000}.hero-db-pills{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:12px;display:flex}.hero-db-pill{color:var(--gray);background:#ffffff8c;border:1.5px solid #0000001a;border-radius:100px;align-items:center;gap:5px;padding:4px 12px 4px 10px;font-size:12px;font-weight:500;display:inline-flex}.hero-db-pill-dot{background:#22c55e;border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.hero-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-top:20px;animation:.65s .3s both fadeUp;display:flex}.hero-btn-sm{padding:9px 20px!important;font-size:13px!important}@media (max-width:480px){.hero-input-wrap{max-width:100%}.hero-db-row{border-radius:10px;flex-direction:column}.hero-db-input{box-sizing:border-box;border-bottom:2px solid var(--black);width:100%}.hero-db-connect-btn{text-align:center;border-left:none;width:100%;padding:13px 22px}.hero-actions{flex-direction:column;align-items:stretch;margin-top:20px}.hero-btn-sm{box-sizing:border-box;text-align:center;justify-content:center;width:100%;display:flex}}.hero-mockup-wrap{border:2px solid var(--black);width:92%;max-width:1060px;box-shadow:8px 8px 0 var(--black);box-sizing:border-box;background:#111;border-radius:18px;max-height:min(85vh,560px);margin:60px auto 0;animation:.8s .4s both fadeUp;position:relative;overflow:hidden}@media (max-width:960px){section{padding:72px 22px}.hero-mockup-wrap{width:96%;box-shadow:4px 4px 0 var(--black);border-radius:13px;max-height:min(88vh,620px);margin:40px auto 0}}@media (max-width:900px){.hero-mockup-wrap{width:97%}}@media (max-width:680px){.hero-inner{padding:60px 10px 0}.hero-mockup-wrap{border-radius:12px;width:100%;max-height:min(85vh,640px);margin:40px auto 0}}@media (max-width:480px){.hero-inner{padding:50px 6px 0}.hero h1{letter-spacing:-2px;font-size:clamp(36px,10vw,60px)}.hero-sub{font-size:15px}.hero-actions{flex-direction:column;align-items:stretch}.hero-actions .btn-pill{box-sizing:border-box;justify-content:center;width:100%}.hero-note{font-size:11px}.hero-mockup-wrap{width:100%;box-shadow:3px 3px 0 var(--black);border-radius:10px;max-height:min(88vh,660px)}}@media (max-width:420px){.hero-inner{padding:40px 4px 0}.hero-mockup-wrap{max-height:min(90vh,680px);margin:24px auto 0}}@media (max-width:320px){.hero-mockup-wrap{max-height:min(88vh,640px)}}.mockup-bar{z-index:2;background:#1a1a1a;border-bottom:1px solid #2e2e2e;align-items:center;gap:7px;min-width:0;padding:11px 18px;display:flex;position:relative}.mbar-dot{border-radius:50%;flex-shrink:0;width:11px;height:11px}.mbar-url{color:#666;text-overflow:ellipsis;white-space:nowrap;background:#2a2a2a;border-radius:5px;flex:1;min-width:0;margin-left:8px;padding:4px 12px;font-family:Courier New,monospace;font-size:11.5px;transition:color .4s;overflow:hidden}.mockup-tabs{z-index:2;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;background:#161616;border-bottom:1px solid #222;gap:0;display:flex;position:relative;overflow-x:auto}.mockup-tab{color:#444;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;border-bottom:2px solid #0000;flex-shrink:0;padding:10px 18px;font-family:Inter,sans-serif;font-size:11.5px;font-weight:500;transition:all .25s}.mockup-tab.active{color:#e0e0e0;border-bottom-color:var(--yellow)}.mockup-body{grid-template-columns:minmax(140px,200px) 1fr;min-width:0;height:clamp(320px,50vh,460px);min-height:320px;display:grid;position:relative}.mockup-body.sidebar-hidden{grid-template-columns:1fr}.m-sidebar{background:linear-gradient(#171717 0%,#111 100%);border-right:1px solid #222;flex-direction:column;gap:10px;min-width:0;padding:14px 10px;display:flex;overflow:hidden auto}.mockup-body.sidebar-hidden .m-sidebar{display:none}.m-sidebar-overlay{z-index:8;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;display:none;position:absolute;inset:0}.m-sidebar.mobile-open{z-index:9;opacity:1!important;transform:translate(0)!important}.m-sidebar-brand{justify-content:space-between;align-items:center;gap:10px;padding:2px 6px 8px;display:flex}.m-sidebar-brand-logo{filter:brightness(.96)contrast(1.02);flex-shrink:1;width:112px;max-width:100%;height:auto;display:block}.m-sidebar-brand-copy{flex-direction:column;align-items:flex-end;min-width:0;display:flex}.m-sidebar-brand-sub{color:#545454;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;font-size:10px}.m-sidebar-card{background:#ffffff08;border:1px solid #ffffff0f;border-radius:14px;flex-direction:column;gap:4px;padding:10px;display:flex;box-shadow:inset 0 1px #ffffff08}.m-sidebar-card--nav{margin-top:auto}.m-sidebar-section{text-transform:uppercase;letter-spacing:.12em;color:#4a4a4a;margin:0 4px 6px;font-size:9px;font-weight:700}.m-conn-pill{color:#d9d9d3;background:#ffffff0a;border:1px solid #ffffff0f;border-radius:12px;align-items:center;gap:8px;padding:10px 11px;font-size:12px;font-weight:600;display:flex}.m-conn-dot{background:#16a34a;border-radius:50%;flex-shrink:0;width:8px;height:8px;box-shadow:0 0 0 4px #16a34a1f}.m-conn-badge{color:var(--yellow);letter-spacing:.05em;background:#f5e64224;border-radius:999px;margin-left:auto;padding:2px 7px;font-size:9px;font-weight:800}.m-sidebar-search{color:#555;background:#ffffff09;border:1px solid #ffffff0d;border-radius:10px;margin-bottom:4px;padding:8px 10px;font-size:10px}.m-nav-item{color:#666;cursor:default;border-radius:11px;align-items:center;gap:9px;padding:8px 10px;font-size:12px;transition:all .2s;display:flex}.m-nav-item.active{color:#f5f2cb;background:#f5e6421a}.m-nav-dot{background:#333;border-radius:50%;flex-shrink:0;width:6px;height:6px}.m-nav-item.active .m-nav-dot{background:var(--yellow)}.m-sidebar-plan{background:#ffffff07;border:1px solid #ffffff0d;border-radius:14px;padding:10px 12px}.m-sidebar-plan-name{color:#f1f1ee;font-size:10px;font-weight:700}.m-sidebar-plan-sub{color:#575757;margin-top:2px;font-size:9px}.m-sidebar-plan-bar{background:#ffffff14;border-radius:999px;height:4px;margin-top:10px;overflow:hidden}.m-sidebar-plan-bar span{background:linear-gradient(90deg,var(--yellow)0%,#fff288 100%);border-radius:inherit;width:60%;height:100%;display:block}.m-main{-webkit-overflow-scrolling:touch;background:#111;min-width:0;position:relative;overflow:auto}.m-screen{opacity:0;pointer-events:none;flex-direction:column;gap:12px;min-height:0;padding:22px 26px;transition:opacity .45s;display:flex;position:absolute;inset:0;overflow-y:auto}.m-screen.active{opacity:1;pointer-events:auto}.m-screen-title{color:#fff;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;font-family:Bricolage Grotesque,sans-serif;font-size:clamp(13px,2.2vw,16px);font-weight:700;display:flex}.m-screen-title span{color:#3a3a3a;font-family:Inter,sans-serif;font-size:11.5px;font-weight:400}.m-screen-toolbar{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.m-ui-chip{color:#555;white-space:nowrap;background:#1a1a1a;border:1px solid #222;border-radius:8px;justify-content:center;align-items:center;padding:6px 12px;font-size:11px;font-weight:600;display:inline-flex}.m-ui-chip--primary{background:var(--yellow);border-color:var(--yellow);color:#000;font-family:Bricolage Grotesque,sans-serif;font-weight:700}.m-table-wrap{-webkit-overflow-scrolling:touch;border:1px solid #222;border-radius:10px;flex:1;min-height:0;overflow:auto}.m-table{border-collapse:collapse;width:100%;min-width:280px;font-family:Inter,sans-serif}.m-table th{text-align:left;text-transform:uppercase;letter-spacing:.09em;color:#444;background:#1a1a1a;border-bottom:1px solid #222;padding:8px 11px;font-size:10px;font-weight:600}.m-table td{color:#aaa;border-bottom:1px solid #1c1c1c;padding:9px 11px;font-size:12px}.m-table tr:last-child td{border-bottom:none}.m-table tr.row-hl td{color:#ccc;background:#f5e64212}.m-row-actions{opacity:0;gap:5px;transition:opacity .15s;display:flex}.m-table tr:hover .m-row-actions,.m-row-actions.show{opacity:1}.m-act-btn{cursor:default;border:none;border-radius:5px;padding:3px 9px;font-family:Bricolage Grotesque,sans-serif;font-size:10px;font-weight:700;line-height:1.4}.m-act-btn.edit{color:var(--yellow);background:#f5e6421f}.m-act-btn.edit.flash{background:var(--yellow);color:#000}.m-act-btn.del{color:#f87171;background:#f871711a}.m-act-btn.del.flash{color:#fff;background:#f87171}.pill{border-radius:100px;padding:2px 8px;font-size:10px;font-weight:600;display:inline-block}.pill.g{color:#4ade80;background:#0d220d}.pill.y{color:#facc15;background:#2e2400}.pill.b{color:#60a5fa;background:#0a1e30}.pill.r{color:#f87171;background:#2e0d0d}.m-form{flex-direction:column;gap:11px;max-width:500px;display:flex}.m-form-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.m-field{flex-direction:column;gap:4px;display:flex}.m-field label{color:#555;text-transform:uppercase;letter-spacing:.08em;font-size:10px;font-weight:600}.m-field input,.m-field select{color:#ccc;background:#1a1a1a;border:1px solid #2e2e2e;border-radius:7px;outline:none;padding:8px 11px;font-family:Inter,sans-serif;font-size:12.5px;transition:border-color .25s}.m-field input.foc,.m-field select.foc{border-color:var(--yellow)}.m-btn-row{gap:8px;margin-top:2px;display:flex}.m-btn{cursor:default;border:none;border-radius:7px;padding:8px 18px;font-family:Bricolage Grotesque,sans-serif;font-size:12.5px;font-weight:700}.m-btn.save{background:var(--yellow);color:#000}.m-btn.cancel{color:#555;background:#1e1e1e}.m-sql-editor{background:#0e0e0e;border:1px solid #222;border-radius:9px;flex:1;min-width:0;padding:14px;font-family:Courier New,monospace;font-size:12px;line-height:1.8;overflow-x:auto}.sql-line{gap:10px;min-width:0;display:flex}.sql-line>span:last-child{overflow-wrap:break-word;word-break:break-word;min-width:0}.sql-ln{color:#2a2a2a;-webkit-user-select:none;user-select:none;flex-shrink:0;min-width:14px;padding-top:2px;font-size:10.5px}.sk{color:#a78bfa}.st{color:#60a5fa}.ss{color:#4ade80}.sn{color:#facc15}.m-sql-result{background:#0e0e0e;border:1px solid #222;border-radius:9px;min-width:0;overflow:auto}.m-sql-result-head{color:#3a3a3a;border-bottom:1px solid #1e1e1e;align-items:center;gap:6px;padding:7px 13px;font-size:11px;display:flex}.m-sql-result-head em{color:var(--yellow);font-style:normal;font-weight:600}.m-sql-result table{border-collapse:collapse;width:100%}.m-sql-result th{text-transform:uppercase;letter-spacing:.08em;color:#3a3a3a;text-align:left;background:#1a1a1a;padding:7px 11px;font-size:10px}.m-sql-result td{color:#777;border-bottom:1px solid #181818;padding:7px 11px;font-size:11.5px}.m-erd-board{background-color:#111;background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px),radial-gradient(circle at 0 0,#f5e64214,#0000 32%),none;background-position:0 0,0 0,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat;background-size:24px 24px,24px 24px,auto;background-attachment:scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;border:1px solid #222;border-radius:12px;flex:1;min-height:300px;padding:14px;position:relative;overflow:hidden}.m-erd-board:after{content:"";opacity:0;pointer-events:none;background:linear-gradient(115deg,#0000 42%,#f5e64214 50%,#0000 58%);position:absolute;inset:-10% -18%;transform:translate(-18%)}.m-erd-board.is-live:after{animation:1.25s m-erd-scan}.m-erd-node{background:#161616;border:1px solid #2a2a2a;border-radius:12px;width:180px;transition:transform .25s,border-color .25s,box-shadow .25s,opacity .25s;animation:4.8s ease-in-out infinite m-erd-float;position:absolute;overflow:hidden;box-shadow:0 8px 24px #0000003d}.m-erd-node:nth-of-type(4){animation-delay:.2s}.m-erd-node:nth-of-type(5){animation-delay:.45s}.m-erd-node:nth-of-type(6){animation-delay:.8s}.m-erd-node:nth-of-type(7){animation-delay:1.1s}.m-erd-node.is-active{border-color:#4c4a2f;transform:translateY(-6px)scale(1.01);box-shadow:0 0 0 2px #f5e64229,0 16px 34px #00000057}.m-erd-node--users{top:11%;left:6%}.m-erd-node--orders{top:18%;left:43%}.m-erd-node--products{width:168px;top:44%;right:7%}.m-erd-node--payments{width:172px;bottom:11%;left:20%}.m-erd-node-head{color:#e8e8e8;background:#1c1b23;border-bottom:1px solid #2a2a2a;justify-content:space-between;align-items:center;padding:10px 12px;font-family:Bricolage Grotesque,sans-serif;font-size:12px;font-weight:700;display:flex}.m-erd-node-head strong{min-width:20px;height:20px;color:var(--yellow);background:#f5e6421f;border-radius:999px;justify-content:center;align-items:center;font-size:10px;font-weight:800;display:inline-flex}.m-erd-col{color:#a8a8a1;border-top:1px solid #1f1f1f;justify-content:space-between;align-items:center;gap:10px;padding:7px 12px;font-family:Inter,sans-serif;font-size:11px;display:flex}.m-erd-col em{color:#5a5a54;font-size:10px;font-style:normal}.m-erd-col--pk{color:#f4efc0;background:#f5e6420f}.m-erd-col--fk{background:#60a5fa0f}.m-erd-link{transform-origin:0;opacity:.58;background:linear-gradient(90deg,#f5e6421f,#f5e6423d);border-radius:999px;height:2px;transition:opacity .25s,box-shadow .25s,background .25s;position:absolute;overflow:visible}.m-erd-link:before{content:"";opacity:0;background:linear-gradient(90deg,#0000 0%,#fff288f2 45%,#0000 100%) 0 0/90px 100%;position:absolute;inset:0}.m-erd-link:after{content:"";background:#f5e6426b;border-radius:999px;width:7px;height:7px;transition:background .25s,box-shadow .25s;position:absolute;top:50%;right:-1px;transform:translateY(-50%);box-shadow:0 0 0 3px #f5e64214}.m-erd-link.is-active{opacity:1;background:linear-gradient(90deg,#f5e64238,#f5e642c7);box-shadow:0 0 18px #f5e64229}.m-erd-link.is-active:before{opacity:1;animation:.9s linear infinite m-erd-link-flow}.m-erd-link.is-active:after{background:var(--yellow);box-shadow:0 0 0 4px #f5e64224,0 0 18px #f5e64247}.m-erd-link--u-orders{width:17%;top:26%;left:31%;transform:rotate(4deg)}.m-erd-link--u-payments{width:12%;top:53%;left:24%;transform:rotate(112deg)}.m-erd-link--orders-products{width:19%;top:42%;left:59%;transform:rotate(39deg)}@keyframes m-erd-link-flow{0%{background-position:-90px 0}to{background-position:90px 0}}@keyframes m-erd-scan{0%{opacity:0;transform:translate(-22%)}20%{opacity:1}to{opacity:0;transform:translate(22%)}}@keyframes m-erd-float{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.m-team-list{flex-direction:column;flex:1;gap:7px;display:flex}.m-member{background:#1a1a1a;border:1px solid #222;border-radius:9px;align-items:center;gap:10px;padding:11px 14px;display:flex}.m-avatar{color:#000;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-family:Bricolage Grotesque,sans-serif;font-size:11px;font-weight:800;display:flex}.m-member-info{flex:1}.m-member-name{color:#ccc;font-size:12.5px;font-weight:600}.m-member-email{color:#3a3a3a;margin-top:1px;font-size:10.5px}.m-role{border-radius:100px;padding:3px 9px;font-family:Bricolage Grotesque,sans-serif;font-size:10px;font-weight:700}.m-role.admin{color:var(--yellow);background:#f5e6421f}.m-role.editor{color:#60a5fa;background:#60a5fa1f}.m-role.viewer{color:#444;background:#1e1e1e}.v-cursor{pointer-events:none;z-index:9999;transform-origin:0 0;transition:left .55s cubic-bezier(.25,1,.5,1),top .55s cubic-bezier(.25,1,.5,1);position:absolute}.v-cursor svg{filter:drop-shadow(1px 2px 3px #000000e6);width:100%;height:auto;display:block}.v-cursor.click{animation:.28s vclick}@keyframes vclick{0%{transform:scale(1)}40%{transform:scale(.72)}to{transform:scale(1)}}.v-click-ring{opacity:0;border:1.5px solid #f5e642b3;border-radius:50%;width:20px;height:20px;position:absolute;top:4px;left:4px;transform:scale(0)}.v-cursor.click .v-click-ring{animation:.45s forwards ring}@keyframes ring{0%{opacity:1;transform:scale(0)}to{opacity:0;transform:scale(2.2)}}.m-onboard-center{flex-direction:column;justify-content:center;align-items:center;gap:0;height:100%;display:flex}.m-onboard-card{background:#161616;border:1px solid #2a2a2a;border-radius:14px;flex-direction:column;gap:14px;width:100%;max-width:100%;padding:26px 28px;display:flex}.m-onboard-icon{background:#1e1e1e;border:1px solid #2a2a2a;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;margin-bottom:2px;font-size:18px;display:flex}.m-onboard-title{color:#e8e8e8;font-family:Bricolage Grotesque,sans-serif;font-size:15px;font-weight:700}.m-onboard-sub{color:#444;margin-top:-6px;font-size:11.5px;line-height:1.6}.m-onboard-field{flex-direction:column;gap:5px;display:flex}.m-onboard-field label{color:#444;text-transform:uppercase;letter-spacing:.09em;font-size:10px;font-weight:600}.m-onboard-input{color:#ccc;word-break:break-all;background:#0e0e0e;border:1px solid #2a2a2a;border-radius:7px;min-width:0;padding:9px 12px;font-family:Inter,sans-serif;font-size:12.5px;transition:border-color .25s;overflow:hidden}.m-onboard-input.foc{border-color:var(--yellow);color:#fff}.m-onboard-input.typing:after{content:"|";animation:.7s infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.m-onboard-btn{background:var(--yellow);color:#000;cursor:default;text-align:center;border:none;border-radius:8px;padding:10px 18px;font-family:Bricolage Grotesque,sans-serif;font-size:13px;font-weight:700;transition:opacity .2s}.m-onboard-btn.dim{opacity:.35}.m-onboard-btn.lit{opacity:1;box-shadow:0 0 0 2px #f5e6424d}.m-db-types{flex-wrap:wrap;gap:6px;display:flex}.m-db-chip{color:#444;cursor:default;border:1px solid #2a2a2a;border-radius:100px;padding:5px 11px;font-family:Inter,sans-serif;font-size:11px;transition:all .2s}.m-db-chip.sel{border-color:var(--yellow);color:var(--yellow);background:#f5e6420f}.m-schema-detecting{flex-direction:column;gap:9px;display:flex}.m-schema-row{opacity:0;background:#1a1a1a;border:1px solid #222;border-radius:8px;align-items:center;gap:10px;padding:10px 13px;transition:opacity .35s,transform .35s;display:flex;transform:translateY(6px)}.m-schema-row.appear{opacity:1;transform:translateY(0)}.m-schema-dot{background:#2a2a2a;border-radius:50%;flex-shrink:0;width:7px;height:7px;transition:background .3s}.m-schema-row.appear .m-schema-dot{background:var(--yellow)}.m-schema-name{color:#888;flex:1;font-size:12px;font-weight:500}.m-schema-rows-count{color:#3a3a3a;font-size:10.5px}.m-schema-progress{background:#1e1e1e;border-radius:2px;height:2px;margin-top:4px;overflow:hidden}.m-schema-fill{background:var(--yellow);border-radius:2px;width:0%;height:100%;transition:width 1.2s}.m-schema-status{color:#3a3a3a;text-align:center;margin-top:4px;font-size:11px;transition:color .4s}.m-schema-status.done{color:var(--yellow)}.m-projects-list{flex-direction:column;gap:6px;width:100%;display:flex}.m-project-item{cursor:default;background:#161616;border:1px solid #222;border-radius:9px;align-items:center;gap:10px;padding:11px 15px;display:flex}.m-project-item.new-proj{color:#333;border-style:dashed;border-color:#2a2a2a;justify-content:center;font-size:12px}.m-proj-icon{border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-family:Bricolage Grotesque,sans-serif;font-size:12px;font-weight:800;display:flex}.m-proj-info{flex:1}.m-proj-name{color:#ccc;font-size:12.5px;font-weight:600}.m-proj-meta{color:#3a3a3a;margin-top:1px;font-size:10px}@media (max-width:960px){.mockup-body{grid-template-columns:1fr;height:clamp(400px,62vh,520px);min-height:400px}.m-sidebar{display:none}.m-screen{position:absolute;inset:0}.m-screen:not(.active){display:none!important}.mbar-url{font-size:10px}}@media (max-width:680px){.mockup-body.sidebar-hidden{grid-template-columns:1fr;height:clamp(420px,68vh,540px);min-height:420px}.mockup-body.sidebar-hidden .m-sidebar,.mockup-body.sidebar-hidden .m-sidebar-overlay{display:none}.mockup-body:not(.sidebar-hidden){grid-template-columns:1fr;height:clamp(420px,68vh,540px);min-height:420px}.mockup-body:not(.sidebar-hidden) .m-sidebar{display:none}.mockup-body:not(.sidebar-hidden).mobile-sidebar-visible .m-sidebar{z-index:9;width:min(190px,70vw);display:flex;position:absolute;top:0;bottom:0;left:0}.mockup-body:not(.sidebar-hidden).mobile-sidebar-visible .m-sidebar-overlay{display:block}.mockup-tab{padding:8px 11px;font-size:10px}.m-screen{padding:14px 16px}.m-screen-title{font-size:13px}.m-sidebar-brand-logo{width:96px}.m-screen-toolbar{gap:6px}.m-ui-chip{padding:5px 10px;font-size:10px}.m-table th,.m-table td{padding:6px 7px;font-size:10px}.m-table-wrap{background:0 0;border:none;border-radius:0;overflow-x:hidden}.m-table,.m-table tbody{width:100%;min-width:0;display:block}.m-table thead{display:none}.m-table tbody tr{background:#161616;border:1px solid #222;border-radius:8px;margin-bottom:5px;padding:4px 10px;display:block}.m-table tbody tr:last-child{margin-bottom:0}.m-table tbody tr.row-hl{background:#f5e6420d}.m-table tbody td{color:#aaa;background:0 0;border-bottom:1px solid #1c1c1c;justify-content:space-between;align-items:center;padding:5px 0;font-size:11px;display:flex}.m-table tbody tr:last-child td{border-bottom:1px solid #1c1c1c}.m-table tbody tr td:last-child{border-bottom:none}.m-table tbody td:before{content:attr(data-label);text-transform:uppercase;letter-spacing:.08em;color:#3a3a3a;flex-shrink:0;min-width:52px;font-family:Inter,sans-serif;font-size:9px;font-weight:600}.m-row-actions{opacity:1}.m-erd-board{background-color:#111;background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px),radial-gradient(circle at 0 0,#f5e64214,#0000 38%),none;background-position:0 0,0 0,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat;background-size:18px 18px,18px 18px,auto;background-attachment:scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"users orders""payments products";align-content:center;gap:14px 10px;min-height:360px;padding:14px 10px;display:grid}.m-erd-board:after{display:none}.m-erd-link{z-index:1;height:2px;display:block}.m-erd-link--u-orders{width:22%;top:28%;left:29%;transform:rotate(0)}.m-erd-link--u-payments{width:18%;top:50%;left:24%;transform:rotate(90deg)}.m-erd-link--orders-products{width:18%;top:50%;left:74%;transform:rotate(90deg)}.m-erd-node,.m-erd-node--users,.m-erd-node--orders,.m-erd-node--products,.m-erd-node--payments{z-index:2;place-self:start center;width:min(100%,150px);animation:none;position:relative;inset:auto}.m-erd-node--users{grid-area:users;transform:translateY(4px)}.m-erd-node--orders{grid-area:orders;transform:translateY(0)}.m-erd-node--payments{grid-area:payments;transform:translateY(-2px)}.m-erd-node--products{grid-area:products;transform:translateY(8px)}.m-erd-node.is-active{transform:translateY(-4px)scale(1.01)}.m-erd-col{padding:6px 10px;font-size:10px}.m-erd-col em{font-size:9px}.m-onboard-card{gap:10px;max-width:100%;padding:18px 16px}.m-db-types{flex-wrap:wrap;gap:5px}#sc-ob0{overflow-y:auto}.m-onboard-title{font-size:13px}.m-onboard-sub{font-size:10.5px}.m-onboard-input{min-width:0;padding:7px 10px;font-size:11.5px}.m-onboard-btn{padding:9px 14px;font-size:12px}.m-proj-name{font-size:11.5px}.m-proj-meta{font-size:9.5px}#sc-ob1 .m-onboard-input{padding:6px 10px;font-size:10px!important}.m-sql-editor{padding:10px;overflow-x:auto;font-size:10.5px!important}.sql-line>span:last-child{word-break:break-word}.v-cursor{transform:scale(.85)}.v-cursor.click{animation:.28s vclick-mob}}@keyframes vclick-mob{0%{transform:scale(.85)}40%{transform:scale(.6)}to{transform:scale(.85)}}@media (max-width:520px){.mockup-body,.mockup-body.sidebar-hidden,.mockup-body:not(.sidebar-hidden){height:clamp(440px,72vh,560px);min-height:440px}.v-cursor{transform:scale(.75)}.v-cursor.click{animation:.28s vclick-mob-sm}#sc-ob1 .m-onboard-input{padding:5px 9px;font-size:9.5px!important}.m-sql-editor{padding:8px;font-size:10px!important}.m-table-wrap{-webkit-overflow-scrolling:touch;overflow-x:hidden}.m-table{min-width:0;font-size:10px}.m-table th,.m-table td{padding:6px 8px;font-size:10px}.m-table th{font-size:9px}.m-row-actions{opacity:1}.m-act-btn{padding:3px 8px;font-size:9px}.m-table tr.row-hl td{background:0 0}.m-erd-board{gap:10px 8px;min-height:380px;padding:12px 8px}.m-erd-link--u-orders{width:21%;top:28%;left:30%}.m-erd-link--u-payments{width:17%;top:50%;left:24%}.m-erd-link--orders-products{width:17%;top:50%;left:75%}.m-erd-node,.m-erd-node--users,.m-erd-node--orders,.m-erd-node--products,.m-erd-node--payments{width:min(100%,138px)}.m-erd-node-head{padding:9px 10px;font-size:11px}}@keyframes vclick-mob-sm{0%{transform:scale(.75)}40%{transform:scale(.52)}to{transform:scale(.75)}}@media (max-width:420px){.mockup-body,.mockup-body.sidebar-hidden,.mockup-body:not(.sidebar-hidden){height:clamp(460px,78vh,600px);min-height:460px}.m-screen{padding:10px}.m-sidebar-brand{padding:2px 4px 8px}.m-sidebar-brand-logo{width:88px}#sc-ob0{gap:8px;overflow-y:auto}.m-onboard-card{border-radius:10px;gap:8px;padding:12px}.m-onboard-icon{border-radius:7px;width:30px;height:30px;font-size:14px}.m-onboard-title{font-size:12px}.m-onboard-sub{margin-top:-4px;font-size:10px}.m-onboard-field label{font-size:9px}.m-onboard-input{min-width:0;padding:6px 9px;font-size:11px;min-height:30px!important}#sc-ob1 .m-onboard-input{padding:5px 8px;font-size:9px!important}.m-sql-editor{padding:8px;font-size:9.5px!important}.m-onboard-btn{border-radius:7px;padding:8px 12px;font-size:11.5px}.m-projects-list{gap:5px}.m-project-item{padding:8px 11px}.m-proj-icon{width:24px;height:24px;font-size:10px}.m-proj-name{font-size:11px}.m-proj-meta{font-size:9px}.m-screen-title{font-size:11.5px}.mockup-tab{padding:7px 10px;font-size:9.5px}.mbar-url{padding:3px 8px;font-size:9px}.m-erd-board{gap:8px 6px;min-height:350px;padding:10px 6px}.m-erd-link--u-orders{width:20%;top:28%;left:30%}.m-erd-link--u-payments{width:16%;top:50%;left:24%}.m-erd-link--orders-products{width:16%;top:50%;left:76%}.m-erd-node,.m-erd-node--users,.m-erd-node--orders,.m-erd-node--products,.m-erd-node--payments{width:min(100%,124px)}.m-erd-node-head{padding:8px 9px;font-size:10px}.m-erd-col{padding:5px 8px;font-size:9px}.m-erd-col em{font-size:8px}.v-cursor{transform:scale(.7)}}@media (max-width:320px){.mockup-body,.mockup-body.sidebar-hidden,.mockup-body:not(.sidebar-hidden){height:clamp(420px,75vh,540px);min-height:420px}.m-onboard-card{gap:7px;padding:10px}.m-onboard-title{font-size:11px}.m-onboard-input{min-width:0;padding:5px 8px;font-size:10px}#sc-ob1 .m-onboard-input{padding:4px 6px;font-size:8px!important}.m-sql-editor{padding:6px;font-size:9px!important}.m-onboard-btn{padding:7px 10px;font-size:11px}.m-proj-name{font-size:10.5px}.mockup-tab{padding:6px 8px;font-size:9px}.v-cursor{transform:scale(.65)}}.logos-strip{border-top:1.5px solid var(--gray-light);border-bottom:1.5px solid var(--gray-light);background:var(--off-white);padding:44px 0;overflow:hidden}.logos-label{text-align:center;color:var(--gray);text-transform:uppercase;letter-spacing:.08em;margin-bottom:22px;font-size:11.5px;font-weight:500}.logos-marquee-wrap{display:flex;overflow:hidden}.logos-marquee{gap:72px;width:max-content;animation:24s linear infinite marquee;display:flex}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.logo-name{color:var(--black);opacity:.2;white-space:nowrap;letter-spacing:-.5px;font-family:Bricolage Grotesque,sans-serif;font-size:17px;font-weight:700}.pain-section{background:var(--off-white)}.pain-grid{border:1.5px solid var(--black);border-radius:20px;grid-template-columns:1fr 1fr;gap:0;margin-top:64px;display:grid;overflow:hidden}.pain-card{border-right:1.5px solid var(--black);padding:42px 38px;transition:background .3s;position:relative}.pain-card:last-child{border-right:none}.pain-card:nth-child(3),.pain-card:nth-child(4){border-top:1.5px solid var(--black)}.pain-grid .pain-card:only-child,.pain-grid .pain-card:last-child:nth-child(odd){grid-column:1/-1}.pain-card:hover{background:var(--yellow-light)}.pain-number{letter-spacing:-3px;opacity:.06;margin-bottom:10px;font-family:Bricolage Grotesque,sans-serif;font-size:52px;font-weight:800;line-height:1}.pain-title{letter-spacing:-.3px;margin-bottom:10px;font-family:Bricolage Grotesque,sans-serif;font-size:18px;font-weight:700}.pain-body{color:var(--gray);font-size:14px;line-height:1.8}@media (max-width:960px){.pain-grid{grid-template-columns:1fr}.pain-card{border-right:none;border-bottom:1.5px solid var(--black)}.pain-card:last-child{border-bottom:none}.pain-grid .pain-card:only-child,.pain-grid .pain-card:last-child:nth-child(odd){grid-column:auto}}.how-section{background:var(--black);color:var(--off-white);overflow-x:hidden}.how-section .s-inner{min-width:0}.how-section .s-tag{color:var(--yellow);background:#f5e6421a;border-color:#f5e6424d}.how-section .s-headline{color:var(--off-white)}.how-section .s-sub{color:#fff6}.how-timeline{flex-direction:column;min-width:0;margin-top:80px;display:flex;position:relative}.how-step{opacity:0;grid-template-columns:80px 1fr;min-width:0;transition:opacity .6s,transform .6s;display:grid;position:relative;transform:translate(-18px)}.how-step.vis{opacity:1;transform:translate(0)}.how-step:nth-child(2){transition-delay:.15s}.how-step:nth-child(3){transition-delay:.3s}.how-step:nth-child(4){transition-delay:.45s}.how-step-left{flex-direction:column;align-items:center;min-width:0;padding-top:2px;display:flex}.how-step-num{color:#3a3a3a;z-index:1;background:#161616;border:1.5px solid #2a2a2a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-family:Bricolage Grotesque,sans-serif;font-size:13px;font-weight:800;transition:all .4s;display:flex}.how-step.vis .how-step-num{border-color:var(--yellow);color:var(--yellow);background:#141200}.how-step-connector{background:linear-gradient(#2a2a2a,#0000);flex:1;width:1px;margin-top:8px}.how-step:last-child .how-step-connector{display:none}.how-step-right{overflow-wrap:break-word;min-width:0;padding:0 0 60px 28px}.how-step-label{text-transform:uppercase;letter-spacing:.14em;color:#333;margin-bottom:8px;font-size:10px;font-weight:600}.how-step-title{color:#fff;letter-spacing:-.5px;margin-bottom:10px;font-family:Bricolage Grotesque,sans-serif;font-size:22px;font-weight:700}.how-step-body{color:#ffffff61;max-width:520px;font-size:14px;line-height:1.85}.how-detail{background:#141414;border:1px solid #1e1e1e;border-radius:13px;max-width:550px;margin-top:22px;padding:18px 22px}.how-detail,.hd-code{min-width:0}.hd-code{word-break:break-all;overflow-wrap:break-word;font-family:Courier New,monospace;font-size:12px;line-height:1.9}.hd-code .hk{color:var(--yellow)}.hd-code .hv{color:#4ade80}.hd-code .hc{color:#2a2a2a}.hd-tags{flex-wrap:wrap;gap:6px;margin-top:14px;display:flex}.hd-tag{color:#444;border:1px solid #2a2a2a;border-radius:100px;padding:3px 10px;font-family:Inter,sans-serif;font-size:10.5px}.hd-schema{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.hd-schema-item{background:#1a1a1a;border:1px solid #222;border-radius:7px;min-width:0;padding:8px 10px}.hd-schema-name{color:#ccc;font-size:12px;font-weight:500}.hd-schema-rows{color:#3a3a3a;margin-top:2px;font-size:10px}.hd-progress{background:#1e1e1e;border-radius:2px;height:3px;margin-top:10px;overflow:hidden}.hd-progress-fill{background:var(--yellow);border-radius:2px;width:100%;height:100%}.hd-fk-row{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:8px;display:flex}.hd-fk-before{color:#555;background:#1e1e1e;border:1px solid #2a2a2a;border-radius:6px;flex:1;min-width:0;padding:6px 10px;font-size:11.5px}.hd-fk-after{border:1px solid var(--yellow);color:#ccc;background:#1e1e1e;border-radius:6px;flex:1.5;justify-content:space-between;min-width:0;padding:6px 10px;font-size:11.5px;display:flex}.hd-arrow{color:#333;flex-shrink:0;font-size:10px}.hd-invite-list{flex-direction:column;gap:6px;display:flex}.hd-browse-table{flex-direction:column;gap:3px;margin-bottom:12px;display:flex}.hd-browse-head{border-bottom:1px solid #1e1e1e;grid-template-columns:38px 1fr 70px 68px 40px;gap:6px;padding:0 8px 6px;display:grid}.hd-browse-head span{text-transform:uppercase;letter-spacing:.1em;color:#2a2a2a;font-size:9.5px;font-weight:600}.hd-browse-row{border-radius:6px;grid-template-columns:38px 1fr 70px 68px 40px;align-items:center;gap:6px;padding:6px 8px;transition:background .2s;display:grid}.hd-browse-row span{color:#555;white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.hd-browse-row.editing{background:#141200;box-shadow:0 0 0 1px #f5e6422e}.hd-browse-row.editing span{color:#aaa}.hd-cell-id{font-family:Courier New,monospace;color:#333!important}.hd-pill{border-radius:100px;padding:2px 7px;font-family:Bricolage Grotesque,sans-serif;font-size:9.5px;font-weight:700;display:inline-flex}.hd-pill.pro{color:var(--yellow);background:#f5e6421f}.hd-pill.starter{color:#444;background:#1a1a1a}.hd-pill.active{color:#4ade80;background:#4ade801a}.hd-pill.inactive{color:#3a3a3a;background:#1e1e1e}.hd-edit-btn{color:#333;cursor:pointer;text-align:right;font-family:Inter,sans-serif;font-size:9.5px}.hd-edit-btn.on{color:var(--yellow);font-weight:700}.hd-sql-snippet{background:#0d0d0d;border:1px solid #1a1a1a;border-radius:8px;padding:11px 14px;font-family:Courier New,monospace;font-size:11px;line-height:1.9}.hd-sql-snippet .hk{color:var(--yellow)}.hd-sql-snippet .hv2{color:#ccc}.hd-sql-snippet .ht{color:#4ade80}.hd-sql-snippet .hs{color:#f87171}.hd-sql-run{border-top:1px solid #1a1a1a;align-items:center;gap:10px;margin-top:8px;padding-top:8px;display:flex}.hd-run-btn{background:var(--yellow);color:#000;cursor:pointer;border-radius:5px;padding:3px 10px;font-family:Bricolage Grotesque,sans-serif;font-size:10px;font-weight:700}.hd-run-result{color:#2a2a2a;font-family:Inter,sans-serif;font-size:10px}@media (max-width:480px){.hd-browse-head,.hd-browse-row{grid-template-columns:36px 1fr 60px 60px 36px;gap:4px}}.hd-invite-row{background:#1a1a1a;border:1px solid #1e1e1e;border-radius:7px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;padding:9px 13px;display:flex}.hd-invite-email{color:#666;min-width:0;font-size:12px}.hd-invite-role{border-radius:100px;flex-shrink:0;padding:2px 9px;font-family:Bricolage Grotesque,sans-serif;font-size:10px;font-weight:700}.hd-invite-role.a{color:var(--yellow);background:#f5e6421a}.hd-invite-role.e{color:#60a5fa;background:#60a5fa1a}.hd-invite-role.v{color:#444;background:#1e1e1e}@media (max-width:960px){.how-step{grid-template-columns:50px 1fr}.how-step-right{padding-left:20px}}@media (max-width:680px){.how-step,.how-step.vis{transform:translate(0)}}@media (max-width:480px){.how-step{grid-template-columns:40px 1fr}.how-step-right{padding-bottom:48px;padding-left:14px}.how-step-title{font-size:18px}.how-step-body{font-size:13px}.how-detail{max-width:100%;padding:14px 16px}.hd-code{font-size:11px}.hd-schema{grid-template-columns:repeat(2,1fr)}.hd-fk-row{flex-direction:column;align-items:stretch}.hd-fk-before,.hd-fk-after{flex:none}}@media (max-width:360px){.how-step-right{padding-left:10px}.how-detail{padding:12px}}.features-section{background:var(--off-white)}.features-layout{flex-direction:column;gap:96px;margin-top:80px;display:flex}.feature-row{grid-template-columns:1fr 1fr;align-items:center;gap:80px;display:grid}.feature-row.flip{direction:rtl}.feature-row.flip>*{direction:ltr}.feature-index{letter-spacing:-4px;color:#0000;-webkit-text-stroke:1.5px var(--gray-light);margin-bottom:-8px;font-family:Bricolage Grotesque,sans-serif;font-size:68px;font-weight:800;line-height:1;display:block}.feature-title{letter-spacing:-1px;margin-bottom:14px;font-size:clamp(22px,2.8vw,32px)}.feature-body{color:var(--gray);font-size:15px;line-height:1.8}.feature-proof{background:var(--yellow-light);border:1.5px solid var(--black);color:#000000a6;border-radius:11px;margin-top:24px;padding:16px 18px;font-size:13.5px;font-style:italic;line-height:1.65}.feature-proof cite{color:var(--gray);margin-top:8px;font-size:11.5px;font-style:normal;font-weight:600;display:block}.feature-visual{border:2px solid var(--black);box-shadow:6px 6px 0 var(--black);background:#111;border-radius:16px;overflow:hidden}.fv-bar{background:#1a1a1a;border-bottom:1px solid #2a2a2a;align-items:center;gap:6px;padding:10px 15px;display:flex}.fv-dot{border-radius:50%;width:10px;height:10px}.fv-bar-label{color:#3a3a3a;margin-left:8px;font-family:Inter,sans-serif;font-size:11px}.fv-content{padding:18px}.fv-table{border-collapse:collapse;width:100%}.fv-table th{text-transform:uppercase;letter-spacing:.08em;color:#3a3a3a;text-align:left;background:#161616;border-bottom:1px solid #1e1e1e;padding:7px 10px;font-size:9.5px}.fv-table td{color:#888;border-bottom:1px solid #1a1a1a;padding:8px 10px;font-size:12px}.fv-table tr.hl td{color:#bbb;background:#f5e6420d}.fv-form{flex-direction:column;gap:10px;display:flex}.fv-field{flex-direction:column;gap:4px;display:flex}.fv-label{text-transform:uppercase;letter-spacing:.1em;color:#444;font-size:9.5px;font-weight:600}.fv-input{color:#ccc;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:7px;justify-content:space-between;align-items:center;padding:8px 11px;font-size:12px;display:flex}.fv-input.active{border-color:var(--yellow)}.fv-select{color:#888;background:#1e1e1e;border:1px solid #2a2a2a;border-radius:7px;justify-content:space-between;align-items:center;padding:8px 11px;font-size:12px;display:flex}.fv-dropdown{background:#1e1e1e;border:1px solid #2a2a2a;border-radius:7px;margin-top:-4px;overflow:hidden}.fv-ditem{color:#666;padding:7px 11px;font-size:12px}.fv-ditem.sel{color:#ddd;background:#2a2a2a}.fv-sql{color:#555;background:#0e0e0e;border:1px solid #1e1e1e;border-radius:8px;padding:14px;font-family:Courier New,monospace;font-size:12px;line-height:1.8}.fv-sql .fk{color:#a78bfa}.fv-sql .ft{color:#60a5fa}.fv-sql .fs{color:#4ade80}.cur{background:var(--yellow);vertical-align:middle;width:2px;height:13px;animation:1s step-end infinite blink;display:inline-block}.fv-result{background:#0e0e0e;border:1px solid #1e1e1e;border-radius:8px;margin-top:8px;overflow:hidden}.fv-result-head{color:#3a3a3a;border-bottom:1px solid #1a1a1a;padding:7px 11px;font-size:10px}.fv-result-head em{color:var(--yellow);font-style:normal}.fv-result table{border-collapse:collapse;width:100%}.fv-result th{text-transform:uppercase;letter-spacing:.08em;color:#3a3a3a;text-align:left;background:#1a1a1a;padding:6px 10px;font-size:9.5px}.fv-result td{color:#666;padding:7px 10px;font-size:11.5px}.fv-mini-stats{grid-template-columns:repeat(2,1fr);gap:7px;margin-bottom:9px;display:grid}.fv-mini-stat{background:#1a1a1a;border:1px solid #222;border-radius:8px;padding:11px 13px}.fv-mini-val{color:var(--yellow);font-family:Bricolage Grotesque,sans-serif;font-size:19px;font-weight:800}.fv-mini-lbl{color:#3a3a3a;margin-top:2px;font-size:9.5px}.fv-bar-chart{background:#1a1a1a;border:1px solid #222;border-radius:8px;align-items:flex-end;gap:4px;height:72px;padding:10px;display:flex}.fv-bc-bar{border-radius:2px 2px 0 0;flex:1}.feature-desc-sub{color:var(--black);letter-spacing:-.2px;margin:-6px 0 10px;font-size:14px;font-weight:600}.fv-device-grid{flex-direction:column;gap:7px;margin-bottom:14px;display:flex}.fv-device-card{background:#1a1a1a;border:1px solid #222;border-radius:9px;align-items:center;gap:12px;padding:10px 13px;display:flex}.fv-device-icon{color:#666;flex-shrink:0;justify-content:center;align-items:center;width:30px;display:flex}.fv-device-info{flex:1;min-width:0}.fv-device-name{color:#ccc;font-size:12px;font-weight:600}.fv-device-os{color:#3a3a3a;margin-top:1px;font-size:10px}.fv-device-badge{color:#4ade80;background:#4ade801a;border-radius:100px;flex-shrink:0;align-items:center;gap:5px;padding:3px 9px;font-family:Bricolage Grotesque,sans-serif;font-size:10px;font-weight:700;display:inline-flex}.fv-device-badge:before{content:"";background:#4ade80;border-radius:50%;width:5px;height:5px;display:inline-block}.fv-vs-row{border-top:1px solid #1e1e1e;flex-wrap:wrap;align-items:center;gap:6px;padding-top:10px;display:flex}.fv-vs-label{text-transform:uppercase;letter-spacing:.1em;color:#333;margin-right:2px;font-size:9.5px;font-weight:600}.fv-vs-chip{color:#555;border:1px solid #2a2a2a;border-radius:6px;align-items:center;gap:4px;padding:3px 9px;font-family:Inter,sans-serif;font-size:10.5px;display:inline-flex}.fv-vs-chip.desktop span{color:#2a2a2a;margin-left:2px;font-size:9px}.fv-schema-card{background:#121212;border:1px solid #202020;border-radius:12px;flex-direction:column;gap:12px;padding:14px;display:flex}.fv-schema-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.fv-schema-head strong{color:#f2f2ed;font-family:Bricolage Grotesque,sans-serif;font-size:16px}.fv-schema-badge{color:var(--yellow);background:#f5e6421f;border-radius:999px;justify-content:center;align-items:center;padding:4px 9px;font-size:10px;font-weight:700;display:inline-flex}.fv-schema-list{flex-direction:column;gap:8px;display:flex}.fv-schema-row{color:#d3d3cd;background:#181818;border:1px solid #242424;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:10px 11px;font-size:12px;display:flex}.fv-schema-row span{font-weight:600}.fv-schema-row em{color:#676760;text-align:right;font-size:10px;font-style:normal}.fv-schema-row--active{background:#f5e64214;border-color:#f5e64259}.fv-schema-actions{flex-wrap:wrap;gap:8px;display:flex}.fv-schema-chip{color:#8b8b83;background:#1a1a1a;border:1px solid #242424;border-radius:9px;justify-content:center;align-items:center;padding:7px 10px;font-size:10.5px;font-weight:700;display:inline-flex}.fv-schema-chip--primary{background:var(--yellow);border-color:var(--yellow);color:#000}.fv-content--diagram{padding:16px}.fv-erd-board{background-color:#111;background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px),radial-gradient(circle at 0 0,#f5e64214,#0000 34%),none;background-position:0 0,0 0,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat;background-size:22px 22px,22px 22px,auto;background-attachment:scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;border:1px solid #202020;border-radius:12px;min-height:260px;padding:14px;position:relative;overflow:hidden}.fv-erd-node{background:#161616;border:1px solid #2a2a2a;border-radius:12px;width:150px;position:absolute;overflow:hidden;box-shadow:0 10px 24px #00000038}.fv-erd-node--users{top:10%;left:4%}.fv-erd-node--orders{top:18%;left:42%}.fv-erd-node--products{width:142px;top:48%;right:4%}.fv-erd-node--payments{width:144px;bottom:10%;left:18%}.fv-erd-node-head{color:#ecece6;background:#1d1b24;border-bottom:1px solid #2a2a2a;justify-content:space-between;align-items:center;padding:9px 11px;font-family:Bricolage Grotesque,sans-serif;font-size:11px;font-weight:700;display:flex}.fv-erd-node-head strong{min-width:20px;height:20px;color:var(--yellow);background:#f5e6421f;border-radius:999px;justify-content:center;align-items:center;font-size:9px;display:inline-flex}.fv-erd-col{color:#a6a69f;border-top:1px solid #1f1f1f;justify-content:space-between;align-items:center;gap:8px;padding:7px 11px;font-size:10px;display:flex}.fv-erd-col em{color:#5f5f58;font-size:9px;font-style:normal}.fv-erd-link{background:linear-gradient(90deg,#f5e6422e,#f5e642a3);border-radius:999px;height:2px;position:absolute;box-shadow:0 0 16px #f5e6421a}.fv-erd-link:after{content:"";background:var(--yellow);border-radius:999px;width:6px;height:6px;position:absolute;top:50%;right:-1px;transform:translateY(-50%)}.fv-erd-link--users-orders{width:18%;top:26%;left:29%;transform:rotate(3deg)}.fv-erd-link--orders-products{width:22%;top:44%;left:57%;transform:rotate(38deg)}.fv-erd-link--users-payments{width:13%;top:55%;left:23%;transform:rotate(108deg)}@media (max-width:960px){.features-layout{gap:60px}.feature-row{grid-template-columns:1fr;gap:32px}.feature-row.flip{direction:ltr}.fv-erd-board{min-height:240px}}@media (max-width:480px){.feature-row{grid-template-columns:1fr}.fv-schema-row{flex-direction:column;align-items:flex-start}.fv-erd-board{min-height:320px;padding:12px}.fv-erd-node{width:132px}.fv-erd-node--users{top:8%;left:2%}.fv-erd-node--orders{top:16%;left:44%}.fv-erd-node--products{width:128px;top:52%;right:2%}.fv-erd-node--payments{width:128px;bottom:8%;left:14%}.fv-erd-col{padding:6px 9px;font-size:9px}}.bc-section{color:var(--off-white);background:#080808;padding:96px 0}.bc-grid{grid-template-columns:1fr 1fr;align-items:center;gap:72px;display:grid}.bc-stag{color:var(--yellow);background:#f5e6421a;border-color:#f5e6424d;margin-bottom:20px}.bc-title{letter-spacing:-1.5px;color:var(--off-white);margin-bottom:18px;font-family:Bricolage Grotesque,sans-serif;font-size:clamp(26px,3.2vw,40px);font-weight:800;line-height:1.1}.bc-body{color:#ffffff59;margin-bottom:24px;font-size:15px;line-height:1.85}.bc-tools-row{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.bc-tool-chip{color:#2e2e2e;border:1px solid #2a2a2a;border-radius:7px;padding:5px 12px;font-family:Inter,sans-serif;font-size:12px;-webkit-text-decoration:line-through #222;text-decoration:line-through #222}.bc-arrow{color:#333;font-size:14px}.bc-browser-chip{color:var(--yellow);background:#f5e6421a;border:1px solid #f5e64240;border-radius:7px;padding:5px 14px;font-size:12px;font-weight:600}.bc-right{justify-content:center;display:flex}.bc-device-card{background:#121212;border:1.5px solid #1e1e1e;border-radius:18px;min-width:220px;padding:32px 36px}.bc-device-list{border-bottom:1px solid #1e1e1e;flex-direction:column;gap:18px;margin-bottom:24px;padding-bottom:24px;display:flex}.bc-device-row{align-items:center;gap:14px;display:flex}.bc-device-icon{text-align:center;flex-shrink:0;width:30px;font-size:22px}.bc-device-name{color:#777;flex:1;font-family:Bricolage Grotesque,sans-serif;font-size:15px;font-weight:600}.bc-device-check{color:var(--yellow);font-size:17px;font-weight:800}.bc-device-tagline{color:#2a2a2a;text-align:center;padding-top:4px;font-size:13px;font-style:italic}@media (max-width:960px){.bc-grid{grid-template-columns:1fr;gap:40px}.bc-right{justify-content:flex-start}}@media (max-width:480px){.bc-section{padding:64px 0}.bc-device-card{min-width:unset;box-sizing:border-box;width:100%;padding:22px 24px}}.compare-section{background:var(--black);color:var(--off-white)}.compare-section .s-tag{color:var(--yellow);background:#f5e64214;border-color:#f5e64233}.compare-section .s-headline{color:var(--off-white)}.compare-sub{color:#fff6}.compare-wrap{border:1.5px solid #1e1e1e;border-radius:16px;margin-top:52px;overflow:hidden}.compare-table{border-collapse:collapse;width:100%}.compare-table th{text-align:left;text-transform:uppercase;letter-spacing:.1em;color:#2a2a2a;background:#141414;border-bottom:1.5px solid #1a1a1a;padding:14px 18px;font-size:10.5px;font-weight:700}.compare-table th.hi{color:var(--yellow);background:#0f0e00}.compare-table td{color:#444;border-bottom:1px solid #141414;padding:12px 18px;font-size:13px}.compare-table td.hi{color:#bbb;background:#f5e64208}.compare-table tr:last-child td{border-bottom:none}.compare-table td.fc{color:#666;font-weight:500}.chk{color:var(--yellow);font-weight:700}.crs{color:#2a2a2a}.cpt{color:#3a3a3a}@media (max-width:960px){.compare-wrap{overflow-x:auto}.compare-table th,.compare-table td{white-space:nowrap;padding:11px 14px;font-size:12px}}.testi-section{background:var(--off-white)}.testi-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:56px;display:grid}.testi-card{border:1.5px solid var(--black);cursor:default;background:#fff;border-radius:16px;padding:28px;transition:transform .25s,box-shadow .25s}.testi-card:hover{box-shadow:4px 4px 0 var(--black);transform:translate(-2px,-2px)}.testi-stars{color:#111;letter-spacing:2px;margin-bottom:16px;font-size:12px}.testi-q{color:var(--gray);margin-bottom:18px;font-size:14px;line-height:1.8}.testi-foot{align-items:center;gap:11px;display:flex}.t-av{color:#000;border:1.5px solid var(--black);border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-family:Bricolage Grotesque,sans-serif;font-size:12px;font-weight:800;display:flex}.t-name{font-family:Bricolage Grotesque,sans-serif;font-size:13px;font-weight:700}.t-role{color:var(--gray);margin-top:2px;font-size:11px}@media (max-width:960px){.testi-grid{grid-template-columns:1fr}}@media (max-width:480px){.testi-grid{grid-template-columns:1fr}}.pricing-page-hero{background:var(--black);color:var(--off-white);padding:128px 52px 68px;position:relative;overflow:hidden}.pricing-page-hero:before{content:"";pointer-events:none;background:radial-gradient(72% 55% at 50% 0,#f5e64229 0%,#0000 72%);position:absolute;inset:0}.pricing-page-hero-inner{z-index:1;text-align:center;max-width:860px;position:relative}.pricing-page-hero .s-tag{color:var(--black)}.pricing-page-title{letter-spacing:-2.5px;max-width:820px;margin:0 auto;font-size:clamp(40px,6vw,72px);line-height:.98}.pricing-page-sub{color:#ffffffa8;max-width:640px;margin:20px auto 0;font-size:17px;line-height:1.75}.pricing-section{background:var(--off-white)}.pricing-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.p-card{border:1.5px solid var(--black);background:#fff;border-radius:16px;padding:30px;transition:transform .2s,box-shadow .2s;position:relative}.p-card:hover{box-shadow:4px 4px 0 var(--black);transform:translate(-2px,-2px)}.p-card.featured{background:var(--black);color:var(--off-white)}.p-pop{background:var(--yellow);border:1.5px solid var(--black);box-shadow:2px 2px 0 var(--black);white-space:nowrap;border-radius:100px;padding:3px 13px;font-family:Bricolage Grotesque,sans-serif;font-size:11px;font-weight:700;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.p-name{text-transform:uppercase;letter-spacing:.1em;opacity:.35;margin-bottom:14px;font-family:Bricolage Grotesque,sans-serif;font-size:11.5px;font-weight:700}.p-price{letter-spacing:-3px;font-family:Bricolage Grotesque,sans-serif;font-size:46px;font-weight:800;line-height:1}.p-period{opacity:.35;margin-top:4px;font-size:12.5px}.p-desc{opacity:.5;margin-top:12px;font-size:13px;line-height:1.65}.p-status{opacity:.8;border:1.5px solid;border-radius:999px;align-items:center;margin-top:14px;padding:5px 10px;font-family:Bricolage Grotesque,sans-serif;font-size:11px;font-weight:700;display:inline-flex}.p-divider{background:var(--gray-light);height:1.5px;margin:20px 0}.p-card.featured .p-divider{background:#1e1e1e}.p-features{flex-direction:column;gap:10px;list-style:none;display:flex}.p-features li{align-items:flex-start;gap:9px;font-size:13px;display:flex}.p-features li:before{content:"—";color:var(--black);flex-shrink:0;font-weight:700}.p-card.featured .p-features li:before{color:var(--yellow)}.p-features li span{opacity:.6;line-height:1.4}.p-cta{margin-top:22px}.p-cta-btn{text-align:center;background:var(--yellow);width:100%;color:var(--black);cursor:pointer;box-shadow:2px 2px 0 var(--black);border:none;border-radius:999px;padding:12px 16px;font-family:Bricolage Grotesque,sans-serif;font-size:14px;font-weight:700;text-decoration:none;display:block}.p-cta-btn:disabled{cursor:wait;opacity:.7}.p-cta-btn-outline{border:1.5px solid var(--black);box-shadow:none;background:0 0}.p-card.featured .p-cta-btn-outline{border-color:var(--off-white);color:var(--off-white)}.p-cta-btn-muted{color:inherit;box-shadow:none;opacity:.72;background:0 0;border:1.5px solid}.pricing-error{color:#b42318;text-align:center;margin-top:18px;font-size:14px}@media (max-width:960px){.pricing-page-hero{padding:112px 22px 60px}.pricing-grid{grid-template-columns:1fr}}@media (max-width:480px){.pricing-page-hero{padding:104px 22px 52px}.pricing-page-title{letter-spacing:-1.8px;font-size:clamp(34px,10vw,48px)}.pricing-page-sub{font-size:15px}.pricing-grid{grid-template-columns:1fr}}.faq-section{background:var(--off-white)}.faq-wrap{grid-template-columns:1fr 1.6fr;align-items:start;gap:96px;margin-top:32px;display:grid}.faq-list{flex-direction:column;display:flex}.faq-item{border-bottom:1.5px solid var(--gray-light);cursor:pointer;padding:20px 0}.faq-q{justify-content:space-between;align-items:center;gap:16px;font-family:Bricolage Grotesque,sans-serif;font-size:15px;font-weight:700;display:flex}.faq-toggle{border:1.5px solid var(--black);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:25px;height:25px;font-size:14px;font-weight:300;transition:transform .3s,background .3s;display:flex}.faq-item.open .faq-toggle{background:var(--yellow);transform:rotate(45deg)}.faq-a{color:var(--gray);max-height:0;font-size:13.5px;line-height:1.82;transition:max-height .4s,margin-top .2s;overflow:hidden}.faq-item.open .faq-a{max-height:300px;margin-top:12px}@media (max-width:960px){.faq-wrap{grid-template-columns:1fr}}.cta-section{background:var(--yellow);border-top:2px solid var(--black);text-align:center;padding:120px 52px}.cta-section h2{letter-spacing:-2.5px;max-width:820px;margin:0 auto;font-size:clamp(36px,6vw,76px);line-height:.95}.cta-section p{color:#00000085;max-width:480px;margin:18px auto 0;font-size:17px}.cta-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;margin-top:34px;display:flex}.cta-actions .btn-pill{min-width:0;padding:14px 30px;font-size:15px}@media (max-width:960px){.cta-section{padding:72px 22px}.cta-section h2{font-size:clamp(32px,5.5vw,56px)}.cta-section p{font-size:16px}.cta-actions .btn-pill{padding:12px 24px;font-size:14px}}@media (max-width:680px){.cta-actions{flex-direction:column;align-items:stretch;gap:12px;max-width:320px;margin-top:28px;margin-left:auto;margin-right:auto}.cta-actions .btn-pill{justify-content:center;width:100%;padding:13px 20px;font-size:14px}}@media (max-width:480px){.cta-section{padding:72px 20px}.cta-section h2{letter-spacing:-1.5px;font-size:clamp(28px,8vw,44px)}.cta-section p{margin-top:14px;font-size:15px}.cta-actions{gap:10px;max-width:100%;margin-top:24px}.cta-actions .btn-pill{padding:12px 18px;font-size:13px}}footer{background:var(--black);color:var(--off-white);padding:80px 52px 40px}.footer-grid{grid-template-columns:1.6fr repeat(4,1fr);gap:48px;margin-bottom:60px;display:grid}.footer-brand-logo{color:var(--off-white);align-items:center;gap:8px;font-family:Bricolage Grotesque,sans-serif;font-size:20px;font-weight:800;text-decoration:none;display:flex}.footer-tagline{color:#ffffff47;max-width:210px;margin-top:12px;font-size:13px;line-height:1.75}.footer-socials{gap:7px;margin-top:18px;display:flex}.footer-social{color:#2a2a2a;cursor:pointer;border:1.5px solid #1e1e1e;border-radius:7px;justify-content:center;align-items:center;width:32px;height:32px;font-size:12.5px;transition:border-color .2s,color .2s;display:flex}.footer-social:hover{border-color:var(--yellow);color:var(--yellow)}.footer-col h4{text-transform:uppercase;letter-spacing:.1em;color:#ffffff2e;margin-bottom:16px;font-family:Bricolage Grotesque,sans-serif;font-size:11.5px;font-weight:700}.footer-col ul{flex-direction:column;gap:10px;list-style:none;display:flex}.footer-col ul li a{color:#ffffff5c;font-size:13px;text-decoration:none;transition:color .2s}.footer-col ul li a:hover{color:var(--off-white)}.footer-bottom{border-top:1px solid #181818;justify-content:space-between;align-items:center;padding-top:26px;display:flex}.footer-copy{color:#ffffff2e;font-size:12px}.footer-links{gap:20px;list-style:none;display:flex}.footer-links a{color:#ffffff2e;font-size:12px;text-decoration:none;transition:color .2s}.footer-links a:hover{color:#ffffff80}@media (max-width:960px){.footer-grid{grid-template-columns:1fr 1fr}}@media (max-width:480px){footer{padding:56px 22px 30px}.footer-bottom{flex-direction:column;gap:14px}}@media (max-width:960px){nav{padding:0 22px}.nav-links,.nav-right{display:none}.nav-hamburger{display:flex}section{padding:72px 22px}}@media (max-width:680px){.how-timeline:before{display:none}}@media (max-width:480px){nav{padding:0 18px}.nav-links,.nav-right .btn-ghost{display:none}.nav-hamburger{display:flex}section{padding:80px 20px}}@media (max-width:640px){.pain-section .s-headline,.how-section .s-headline{letter-spacing:-1px;font-size:clamp(22px,6.5vw,30px);line-height:1.15}}.scroll-to-top{z-index:999;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:44px;height:44px;color:var(--yellow,#f5c518);cursor:pointer;opacity:0;pointer-events:none;background:#121212d9;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;transition:opacity .3s,transform .3s,background .2s;display:flex;position:fixed;bottom:2rem;right:2rem;transform:translateY(12px)}.scroll-to-top.visible{opacity:1;pointer-events:auto;transform:translateY(0)}.scroll-to-top:hover{background:#1e1e1ef2}