.debug-landing{--bg:#f8f9f6;--text:#162015;--sub:#667166;--line:#e5ebe2;--accent:#438c35;--dark:#183922;--shadow:0 30px 100px rgba(17,46,25,0.12);margin:0;background:var(--bg);color:var(--text);font-family:var(--font-debug),Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}.debug-landing,.debug-landing *{box-sizing:border-box}.debug-landing a{color:inherit;text-decoration:none}.debug-landing button,.debug-landing input{font:inherit}.debug-landing button{cursor:pointer}.debug-landing .wrap{width:min(1180px,calc(100% - 44px));margin:auto}.debug-landing .nav{position:sticky;top:0;z-index:30;border-bottom:1px solid #e8ede5;background:rgba(248,249,246,.88);backdrop-filter:blur(18px)}.debug-landing .nav-in{display:flex;justify-content:space-between;align-items:center;height:75px}.debug-landing .logo{display:flex;align-items:center;gap:12px;font-weight:800;letter-spacing:-.055em;font-size:22px}.debug-landing .logo img{width:40px;height:40px;flex:0 0 40px;object-fit:cover;border-radius:8px;display:block}.debug-landing .nav-links{display:flex;gap:31px;align-items:center;color:#445146;font-size:13px;font-weight:600}.debug-landing .nav-links a:hover{color:var(--accent)}.debug-landing .btn{display:inline-flex;justify-content:center;align-items:center;gap:11px;border-radius:99px;padding:14px 22px;font-weight:700;font-size:14px;border:1px solid transparent;transition:transform .2s,background .2s;background:transparent}.debug-landing .btn:hover{transform:translateY(-2px)}.debug-landing .btn-dark{background:#172b1e;color:white}.debug-landing .btn-dark:hover{background:#2b5037}.debug-landing .btn-light{background:white;border-color:#e2e9df;color:var(--text)}.debug-landing .tag{font-size:12px;font-weight:750;color:#3f7d36;border:1px solid #dcebd6;background:#eef7ea;border-radius:999px;padding:9px 13px;display:inline-flex;align-items:center;gap:9px}.debug-landing .tag .pulse{height:7px;width:7px;border-radius:50%;background:#61b44c}.debug-landing .hero{padding:76px 0 0;text-align:center;background:radial-gradient(ellipse at 50% 90%,#e8f4e2 0,transparent 48%)}.debug-landing h1{font-weight:780;font-size:clamp(49px,7.4vw,95px);line-height:1.015;letter-spacing:-.077em;max-width:1100px;margin:25px auto 24px}.debug-landing h1 em{font-style:normal;color:var(--accent)}.debug-landing .hero-sub{font-size:clamp(16px,1.85vw,20px);line-height:1.58;color:#5b675d;max-width:715px;margin:auto}.debug-landing .hero-actions{display:flex;gap:12px;justify-content:center;margin:27px 0 14px}.debug-landing .under-cta{color:#7c887d;font-size:12px}.debug-landing .under-cta b{color:#4b574b}.debug-landing .visual-stage{margin:65px auto 0;position:relative;min-height:600px;max-width:1080px}.debug-landing .ambient{position:absolute;inset:15% -5% -8%;background:radial-gradient(ellipse,#cbe8c3 0,rgba(206,234,198,.25) 45%,transparent 73%);filter:blur(23px);pointer-events:none}.debug-landing .browser{position:relative;width:88%;border:1px solid #d8e4d7;border-radius:17px;background:#fff;box-shadow:var(--shadow);padding:7px;overflow:hidden;transform:rotate(-2deg);transform-origin:center;transition:opacity .2s}.debug-landing .browser-bar{height:37px;background:#f6f7f6;display:flex;gap:6px;padding:10px 13px;align-items:center;border-radius:10px 10px 0 0}.debug-landing .browser-dot{height:8px;width:8px;border-radius:50%;background:#d3d9d2}.debug-landing .addressbar{font-size:10px;color:#788276;border:1px solid #e3e7e2;border-radius:50px;padding:6px 24px;background:#fff;margin-left:auto;margin-right:auto;max-width:65%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.debug-landing .browser-screen{width:100%;height:445px;object-fit:cover;object-position:top;display:block;border-radius:0 0 10px 10px}.debug-landing .phone{position:absolute;right:-8px;bottom:-34px;width:250px;height:406px;border:9px solid #17201b;box-shadow:0 35px 85px #16331f44;background:#fff;border-radius:39px;overflow:hidden;transform:rotate(4deg);text-align:left;transition:transform .2s}.debug-landing .phone-screen{width:100%;height:100%;object-fit:cover;object-position:top;display:block}.debug-landing .phone-top{height:43px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:12px 16px 6px;font-size:10px;font-weight:800;position:relative}.debug-landing .notch{background:#141816;border-radius:0 0 12px 12px;position:absolute;top:0;left:50%;transform:translateX(-50%);height:15px;width:82px}.debug-landing .phone-header{padding:11px 16px;border-bottom:1px solid #f0f1ef;font-size:17px;font-weight:800;letter-spacing:-.04em}.debug-landing .phone-header span{display:block;font-size:10px;letter-spacing:.1em;color:#879084;font-weight:500;margin-top:3px}.debug-landing .phone-banner{height:137px;background:linear-gradient(0deg,#1427179e,transparent),url(/hero-marktplatz.webp) 50% /cover;display:flex;align-items:flex-end;color:white;padding:13px;font-weight:760;font-size:24px;line-height:1.05}.debug-landing .phone-content{padding:12px}.debug-landing .news{border-radius:13px;background:#eff7e9;padding:11px;font-size:11px;font-weight:700;margin-bottom:15px}.debug-landing .small-head{font-size:15px;font-weight:790;margin:0 0 9px}.debug-landing .mobile-item{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e9efe8;padding:10px 1px;font-size:12px;font-weight:650}.debug-landing .state{padding:5px 9px;background:#e7f5e5;color:#34792e;border-radius:30px;font-size:10px}.debug-landing .state.warn{background:#fff4d7;color:#9a7009}.debug-landing .bottom-demo{display:flex;gap:6px;margin-top:14px}.debug-landing .bottom-demo span{background:#f1f4ee;border-radius:10px;font-size:9px;padding:9px;flex:1;text-align:center}.debug-landing .view-switch{display:flex;gap:8px;justify-content:center;margin:20px auto 0}.debug-landing .view-switch button{border:1px solid #dfe8db;background:white;color:#596458;border-radius:999px;padding:10px 17px;font-weight:700;font-size:12px}.debug-landing .view-switch button.active{background:var(--dark);color:white;border-color:var(--dark)}.debug-landing .demo-note{color:#8b968b;font-size:11px;margin-top:18px}.debug-landing .content{padding:110px 0}.debug-landing .eyebrow{font-size:12px;font-weight:800;color:var(--accent);letter-spacing:.13em;text-transform:uppercase;margin:0 0 23px}.debug-landing .h2{font-size:clamp(38px,5.2vw,64px);line-height:1.07;letter-spacing:-.065em;font-weight:780;margin:0 0 19px}.debug-landing .muted{color:var(--sub);font-size:17px;line-height:1.7}.debug-landing .section-intro{max-width:755px;margin-bottom:48px}.debug-landing .two-up{display:grid;grid-template-columns:1.1fr .9fr;gap:24px}.debug-landing .panel{border-radius:30px;background:#fff;border:1px solid var(--line);padding:34px;overflow:hidden;min-height:400px;text-align:left}.debug-landing .panel.green{background:#eaf4e6}.debug-landing .panel h3{font-size:29px;line-height:1.1;letter-spacing:-.05em;margin:0 0 14px}.debug-landing .panel p{color:#627162;line-height:1.6;max-width:390px;margin:0}.debug-landing .tinylabel{display:inline-block;color:#3d8635;font-size:12px;font-weight:800;margin-bottom:18px}.debug-landing .flow-mini{margin-top:28px;display:grid;gap:12px}.debug-landing .flow-mini .line{border:1px solid #e4eae0;border-radius:17px;padding:15px;background:white;display:flex;align-items:center;gap:12px;font-weight:650;font-size:14px}.debug-landing .line .symbol{display:grid;place-items:center;background:#e9f5e6;border-radius:11px;width:38px;height:38px;color:#3b8a33;flex-shrink:0;font-size:19px}.debug-landing .flow-arrow{text-align:center;color:#70a363;font-size:24px;line-height:1}.debug-landing .social-icons{display:flex;gap:11px;flex-wrap:wrap;margin-top:32px}.debug-landing .social{font-weight:800;color:#536253;background:#eaf0e7;padding:13px 16px;border-radius:16px;font-size:13px}.debug-landing .contrast{margin-top:26px;padding:20px;background:#f7faf5;border:1px solid var(--line);border-radius:20px;font-size:13px;line-height:1.7}.debug-landing .contrast b{color:#244e23}.debug-landing .steps{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:38px;text-align:left}.debug-landing .step{padding:26px 22px;border-top:1px solid #dbe6d8}.debug-landing .step .num{color:#66a958;font-size:13px;font-weight:800;margin-bottom:30px}.debug-landing .step h3{font-size:23px;letter-spacing:-.04em;margin:0 0 11px}.debug-landing .step p{margin:0;font-size:15px;color:var(--sub);line-height:1.65}.debug-landing .product-preview{display:grid;grid-template-columns:.95fr 1.05fr;align-items:center;gap:60px;text-align:left}.debug-landing .admin-card{background:#fff;border:1px solid var(--line);border-radius:27px;box-shadow:0 30px 90px #163a2116;padding:28px;max-width:570px}.debug-landing .admin-head{display:flex;justify-content:space-between;align-items:center;font-size:14px;font-weight:800;margin-bottom:19px}.debug-landing .admin-head span{color:#85a17a;font-size:11px}.debug-landing .admin-row{padding:13px 0;border-bottom:1px solid #edf1ea;display:flex;align-items:center;justify-content:space-between;gap:8px;font-weight:660;font-size:14px}.debug-landing .toggle{display:flex;gap:4px}.debug-landing .toggle button{border:1px solid #e5eae4;border-radius:8px;background:#fff;font-size:11px;padding:7px 10px;color:#687568}.debug-landing .toggle button.selected{background:#4b9840;border-color:#4b9840;color:#fff}.debug-landing .toggle button.yellow{background:#f0ac23;border-color:#f0ac23;color:#fff}.debug-landing .toggle button.red{background:#dc4f48;border-color:#dc4f48;color:#fff}.debug-landing .confirm{background:#428e36;border:0;color:white;font-weight:800;width:100%;border-radius:13px;margin-top:23px;padding:16px}.debug-landing .admin-note{text-align:center;color:#879287;font-size:11px;margin-top:10px}.debug-landing .usecase{padding:30px 0;border-top:1px solid #dfe6dc;display:flex;justify-content:space-between;gap:20px;align-items:center;text-align:left}.debug-landing .usecase strong{font-size:23px;letter-spacing:-.04em}.debug-landing .usecase p{font-size:15px;color:var(--sub);margin:6px 0 0}.debug-landing .usecase a{white-space:nowrap;color:#367b2e;font-size:13px;font-weight:800}.debug-landing .pricing{background:#142b1b;color:white;padding:115px 0;border-radius:45px 45px 0 0;text-align:left}.debug-landing .pricing .eyebrow{color:#a8d79e}.debug-landing .pricing .muted{color:#bbccbc}.debug-landing .pricing-card{margin-top:40px;display:grid;grid-template-columns:1.15fr .85fr;gap:24px;align-items:center;background:#f8f9f7;color:var(--text);border-radius:30px;padding:45px}.debug-landing .pricing-card h3{font-size:25px;letter-spacing:-.05em;margin:17px 0 12px}.debug-landing .price{font-size:66px;font-weight:790;letter-spacing:-.065em;margin:0 0 12px}.debug-landing .price small{font-size:16px;font-weight:600;color:var(--sub);letter-spacing:0}.debug-landing .price-points{display:grid;gap:12px;margin-top:18px;color:#526352;font-size:14px}.debug-landing .pricing-action{text-align:right}.debug-landing .pricing-action .btn{width:100%;max-width:280px}.debug-landing .price-foot{margin-top:12px;color:#738273;font-size:11px}.debug-landing .later-note{color:#aabca9;font-size:12px;margin-top:25px}.debug-landing .faq{max-width:860px;text-align:left}.debug-landing .faq details{border-bottom:1px solid #dfe6de;padding:19px 0}.debug-landing .faq summary{cursor:pointer;font-weight:730;font-size:17px;list-style:none;display:flex;justify-content:space-between;gap:20px}.debug-landing .faq summary::-webkit-details-marker{display:none}.debug-landing .faq summary:after{content:"+";color:#72a76a}.debug-landing .faq details[open] summary:after{content:"–"}.debug-landing .faq p{color:var(--sub);font-size:15px;line-height:1.7}.debug-landing .footer{border-top:1px solid #e4e9e0;padding:36px 0;color:#768176;font-size:12px}.debug-landing .footer .wrap{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.debug-landing .imprint-row{margin:18px 0 0;text-align:center}.debug-landing .imprint-row button{border:0;background:transparent;color:#768176;font:inherit;font-size:12px;text-decoration:underline;text-underline-offset:2px;cursor:pointer}.debug-landing .imprint{position:fixed;z-index:120;inset:0;display:none;align-items:flex-end;justify-content:center}.debug-landing .imprint.is-on{display:flex}.debug-landing .imprint-backdrop{position:absolute;inset:0;border:0;background:rgba(0,0,0,.4);opacity:0;transition:opacity .3s}.debug-landing .imprint.is-in .imprint-backdrop{opacity:1}.debug-landing .imprint-panel{position:relative;z-index:1;width:100%;max-height:85vh;overflow-y:auto;border-radius:1rem 1rem 0 0;background:#fff;padding:.75rem 1.25rem max(1.25rem,env(safe-area-inset-bottom));text-align:left;box-shadow:0 25px 50px -12px rgba(0,0,0,.25);transform:translateY(100%);transition:transform .3s ease-out,opacity .3s ease-out}.debug-landing .imprint.is-in .imprint-panel{transform:translateY(0)}.debug-landing .imprint-handle{width:2.5rem;height:.25rem;margin:0 auto 1rem;border-radius:999px;background:#e5e7eb}.debug-landing .imprint-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:1rem}.debug-landing .imprint-head h2{margin:0;color:#111827;font-size:1rem;font-weight:600}.debug-landing .imprint-close{border:0;background:transparent;color:#9ca3af;font:inherit;font-size:.875rem;cursor:pointer}.debug-landing .imprint-body{color:#111827;font-size:.875rem;line-height:1.625}.debug-landing .imprint-body p{margin:0 0 .75rem}.debug-landing .imprint-body h3,.debug-landing .imprint-body h4{margin:1.25rem 0 .35rem;color:#111827;font-size:.875rem;font-weight:600}.debug-landing .imprint-body a{color:inherit;text-underline-offset:2px}@media (min-width:1024px){.debug-landing .imprint{align-items:center;padding:1.5rem}.debug-landing .imprint-panel{max-width:32rem;border-radius:1rem;padding:1.25rem 1.5rem 1.5rem;transform:scale(.95);opacity:0}.debug-landing .imprint.is-in .imprint-panel{transform:scale(1);opacity:1}.debug-landing .imprint-handle{display:none}}.debug-landing .mobile-cta{display:none}.debug-landing .modal{position:fixed;z-index:130;inset:0;display:none;align-items:flex-end;justify-content:center}.debug-landing .modal.open{display:flex}.debug-landing .modal-backdrop{position:absolute;inset:0;border:0;background:rgba(0,0,0,.4);opacity:0;transition:opacity .3s}.debug-landing .modal.is-in .modal-backdrop{opacity:1}.debug-landing .modal-inner{position:relative;z-index:1;width:100%;max-height:85vh;overflow-y:auto;background:white;border-radius:1rem 1rem 0 0;padding:30px 20px max(30px,env(safe-area-inset-bottom));box-shadow:0 25px 50px -12px rgba(0,0,0,.25);text-align:left;transform:translateY(100%);transition:transform .3s ease-out,opacity .3s ease-out}.debug-landing .modal.is-in .modal-inner{transform:translateY(0)}@media (min-width:1024px){.debug-landing .modal{align-items:center;padding:1.5rem}.debug-landing .modal-inner{width:min(460px,100%);max-height:none;border-radius:26px;padding:30px;transform:scale(.95);opacity:0}.debug-landing .modal.is-in .modal-inner{transform:scale(1);opacity:1}}.debug-landing .modal-inner h3{font-size:31px;letter-spacing:-.05em;margin:0 0 10px}.debug-landing .modal-inner p{color:var(--sub);font-size:14px;line-height:1.6}.debug-landing .modal-inner label{font-size:12px;font-weight:800;display:block;margin:16px 0 6px}.debug-landing .modal-inner input{width:100%;padding:13px 14px;border:1px solid #d9e3d8;border-radius:12px;outline:none}.debug-landing .modal-inner input:focus{border-color:#52a041}.debug-landing .modal-close{position:absolute;right:18px;top:15px;border:0;background:#f3f5f1;border-radius:50%;height:30px;width:30px}.debug-landing .form-submit{margin-top:20px;width:100%}.debug-landing .form-note{color:#8b938a;font-size:11px;margin-top:11px}.debug-landing .form-error{margin:14px 0 0;padding:10px 12px;border-radius:12px;background:#fdecec;color:#9b2c2c;font-size:13px}.debug-landing a.form-submit{display:inline-flex;justify-content:center;text-decoration:none}.debug-landing .open-example{margin-top:23px}@media (max-width:850px){.debug-landing .nav-links{display:none}.debug-landing .hero{padding-top:48px}.debug-landing .visual-stage{min-height:470px;margin-top:52px}.debug-landing .browser{width:93%}.debug-landing .browser-screen{height:350px}.debug-landing .phone{right:0;width:190px;height:308px;border-width:7px;border-radius:31px;bottom:-10px}.debug-landing .phone-header{font-size:14px}.debug-landing .phone-banner{height:110px;font-size:19px}.debug-landing .phone-content{padding:9px}.debug-landing .bottom-demo{display:none}.debug-landing .pricing-card,.debug-landing .product-preview,.debug-landing .steps,.debug-landing .two-up{grid-template-columns:1fr}.debug-landing .step{padding:20px 0}.debug-landing .pricing-action{text-align:left}.debug-landing .usecase{align-items:flex-start}.debug-landing .panel{min-height:0}.debug-landing .mobile-cta{display:flex;position:fixed;bottom:12px;left:12px;right:12px;z-index:29;justify-content:center;box-shadow:0 8px 30px #123a1d33;background:#173721;color:#fff;border:0;border-radius:14px;padding:15px;font-weight:760}.debug-landing .footer{padding-bottom:90px}}@media (max-width:530px){.debug-landing .wrap{width:calc(100% - 32px)}.debug-landing .nav-in{height:66px}.debug-landing .nav-in .btn{padding:11px 13px;font-size:12px}.debug-landing .logo{gap:8px;font-size:17px}.debug-landing .logo img{width:34px;height:34px;flex-basis:34px}.debug-landing .hero h1{font-size:52px}.debug-landing .hero-sub{font-size:16px}.debug-landing .hero-actions{flex-direction:column;align-items:stretch}.debug-landing .visual-stage{min-height:380px}.debug-landing .browser{width:100%;transform:rotate(-1deg)}.debug-landing .browser-screen{height:244px}.debug-landing .phone{height:255px;width:158px;right:-6px;bottom:-14px}.debug-landing .phone-top{height:30px}.debug-landing .phone-header{font-size:12px;padding:8px 10px}.debug-landing .phone-header span{font-size:7px}.debug-landing .phone-banner{height:85px;font-size:16px;padding:8px}.debug-landing .phone-content{padding:8px}.debug-landing .news{font-size:9px}.debug-landing .phone-content .mobile-item{font-size:9px;padding:7px 0}.debug-landing .phone .state{font-size:8px}.debug-landing .small-head{font-size:12px}.debug-landing .view-switch{margin-top:33px}.debug-landing .content{padding:76px 0}.debug-landing .h2{font-size:38px}.debug-landing .panel{padding:25px}.debug-landing .usecase strong{font-size:19px}.debug-landing .usecase a{font-size:11px}.debug-landing .pricing{border-radius:26px 26px 0 0;padding:75px 0}.debug-landing .pricing-card{padding:26px}.debug-landing .price{font-size:56px}}@media (prefers-reduced-motion:reduce){.debug-landing .browser,.debug-landing .btn,.debug-landing .modal-backdrop,.debug-landing .modal-inner,.debug-landing .phone{transition:none}}