:root{--font-ui: "Inter", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;--font-mono: "Inter", system-ui, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--topbar-fade-strong: rgba(255,255,255,.92);--topbar-fade-mid: rgba(255,255,255,.78);--topbar-fade-weak: rgba(255,255,255,0);--bg: #fbfbfc;--bg-elev: #ffffff;--bg-elev-2: #f6f7f9;--bg-surface: #ffffff;--text: #0f172a;--muted: rgba(15, 23, 42, .62);--border: rgba(15, 23, 42, .1);--border-strong: rgba(15, 23, 42, .16);--green: #f59e0b;--amber: #f59e0b;--accent-readable: #b85b00;--accent-solid: #f59e0b;--accent-solid-hover: #d97706;--ring: rgba(245, 158, 11, .32);--radius-sm: 10px;--radius: 14px;--radius-lg: 18px;--shadow-sm: 0 1px 2px rgba(15,23,42,.06);--shadow: 0 10px 30px rgba(15,23,42,.08);--content-max: 1040px;--z-content: 10;--z-topbar: 100;--z-overlay: 800;--z-sidebar: 900;--z-modal: 2000;--z-consent: 2100;--topbar-h: 80px;--hud-h: 0px}html[data-theme=dark]{--bg: #0b0f14;--bg-elev: #0f151d;--bg-elev-2: #0c1118;--bg-surface: #0b0f14;--text: rgba(255,255,255,.92);--muted: rgba(255,255,255,.64);--border: rgba(255,255,255,.1);--border-strong: rgba(255,255,255,.16);--ring: rgba(245, 158, 11, .28);--shadow-sm: 0 1px 2px rgba(0,0,0,.3);--shadow: 0 14px 40px rgba(0,0,0,.35);--topbar-fade-strong: rgba(11,15,20,.92);--topbar-fade-mid: rgba(11,15,20,.72);--topbar-fade-weak: rgba(11,15,20,0)}*{box-sizing:border-box}html,body{height:100%;overflow:hidden}body{margin:0;font-family:var(--font-ui);color:var(--text);background:var(--bg);overflow:hidden;transition:background-color .18s ease,color .18s ease,opacity .18s ease}body.fade-init{opacity:0}body.fade-ready{opacity:1}a{color:inherit;text-decoration:none}button{font-family:inherit}:focus-visible{outline:3px solid var(--ring);outline-offset:2px;border-radius:10px}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.app-shell{height:100vh;height:100dvh;width:100%;display:flex;position:relative}.main{flex:1;display:flex;flex-direction:column;min-width:0;overflow:visible;min-height:0}.content{flex:1;min-height:0;overflow:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-y:auto;padding:28px 22px 80px;scroll-behavior:smooth}.view-section{display:none;max-width:var(--content-max);margin:0 auto;animation:fadeUp .22s ease-out}.view-section.active{display:block}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.sidebar-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000006b;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:none;z-index:var(--z-overlay);cursor:pointer}.sidebar-overlay.show{display:block}.sidebar{width:272px;height:100vh;position:sticky;top:0;display:flex;flex-direction:column;padding:16px;background:color-mix(in srgb,var(--bg-elev) 86%,transparent);border-right:1px solid var(--border);z-index:var(--z-sidebar)}.sidebar-header{display:flex;align-items:center;justify-content:space-between;height:40px;margin-bottom:14px}.logo-area{display:flex;align-items:center;gap:10px;padding-left:10px;letter-spacing:-.5px;font-weight:800;font-size:16px}.logo-hash{color:var(--amber)}.logo-text{color:var(--text)}.sidebar-cta{margin:10px 0 14px}.nav-menu{flex:1;display:flex;flex-direction:column;gap:4px;overflow:auto;padding-right:2px}.nav-label{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:700;margin:14px 0 8px 12px}.nav-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:999px;color:var(--muted);border:1px solid transparent;transition:background .16s ease,color .16s ease,border-color .16s ease}.nav-item .icon{font-family:Material Icons;font-size:18px;line-height:1;color:color-mix(in srgb,var(--muted) 92%,transparent)}.nav-item:hover{background:color-mix(in srgb,var(--bg-elev-2) 78%,transparent);color:var(--text);border-color:var(--border)}.nav-item.active{background:color-mix(in srgb,var(--green) 12%,transparent);color:var(--text);border-color:color-mix(in srgb,var(--green) 22%,var(--border))}.nav-item.active .icon{color:var(--green)}.nav-item.nav-item--source01{background:color-mix(in srgb,var(--amber) 6%,transparent);border-color:color-mix(in srgb,var(--amber) 20%,transparent);backdrop-filter:blur(12px) saturate(1.15);-webkit-backdrop-filter:blur(12px) saturate(1.15);box-shadow:inset 0 1px #ffffff7a}.nav-item.nav-item--source01 .icon{color:color-mix(in srgb,var(--amber) 58%,currentColor)}.nav-item.nav-item--source01:hover,.nav-item.nav-item--source01:focus-visible{background:color-mix(in srgb,var(--amber) 10%,transparent);border-color:color-mix(in srgb,var(--amber) 26%,var(--border))}html[data-theme=dark] .nav-item.nav-item--source01{background:color-mix(in srgb,var(--amber) 9%,transparent);box-shadow:inset 0 1px #ffffff14}.nav-spacer{height:14px}.sidebar-footer{margin-top:auto;border-top:1px solid var(--border);padding-top:16px;display:flex;flex-direction:column;gap:12px;padding-bottom:12px;padding-bottom:calc(12px + env(safe-area-inset-bottom,0px))}.sidebar-lang{width:100%}.sidebar-lang .seg-btn{flex:1;text-align:center}.footer-links{display:flex;flex-wrap:wrap;gap:12px 16px;font-size:11px}.ruta-ref{font-size:10px;color:var(--muted);opacity:.6;line-height:1.35;margin-bottom:10px}.topbar{display:flex;align-items:center;justify-content:space-between;isolation:isolate;padding-top:env(safe-area-inset-top,0px);padding-left:24px;padding-right:24px;height:calc(var(--topbar-h) + env(safe-area-inset-top,0px));background:linear-gradient(to bottom,var(--topbar-fade-strong) 0%,var(--topbar-fade-mid) 60%,var(--topbar-fade-weak) 100%);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:none;position:sticky;top:0;z-index:var(--z-topbar);transition:box-shadow .2s ease,background-color .2s ease,border-color .2s ease;box-shadow:none}.topbar:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0;transition:opacity .18s ease}.topbar.scrolled{box-shadow:none}.topbar-logo{display:none;text-decoration:none}.topbar-logo .logo-hash{font-weight:800;font-size:22px;letter-spacing:-.5px;line-height:1}.topbar-logo .logo-text{font-weight:700;font-size:13px;letter-spacing:1.5px;text-transform:uppercase}@media (max-width: 1024px){.topbar-logo{display:flex;align-items:center;gap:6px}}@media (min-width: 769px){html[data-theme=light] .topbar{background:linear-gradient(to bottom,#fffffffa,#ffffffd1 48%,#fff0);border-bottom:none;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}html[data-theme=light] .topbar:before{display:none}html[data-theme=light] .topbar.scrolled{box-shadow:none}}.topbar-left,.topbar-right{display:flex;align-items:center;gap:16px}.context{display:flex;align-items:baseline;gap:10px}.context-label{color:var(--muted)}.context-value{font-family:var(--font-mono);font-weight:600}.kpi-value--green{color:var(--green)}.icon{font-family:Material Icons;font-style:normal;font-weight:400;line-height:1}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:15px;padding:10px 14px;border:1px solid var(--border);background:transparent;color:var(--text);cursor:pointer;min-height:44px;transition:background .16s ease,border-color .16s ease,transform .1s ease}.btn:hover{background:color-mix(in srgb,var(--bg-elev-2) 80%,transparent);border-color:var(--border-strong)}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--accent-solid);border-color:color-mix(in srgb,var(--accent-solid) 74%,#92400e);color:#111827;box-shadow:var(--shadow-sm)}.btn-primary:hover{background:var(--accent-solid-hover)}.btn-ghost{width:100%;margin-top:10px}.btn-full{width:100%;border-radius:12px;padding:12px 14px}.icon-btn{width:38px;height:38px;border-radius:12px;border:1px solid var(--border);background:transparent;display:inline-flex;align-items:center;justify-content:center;color:var(--muted);cursor:pointer;transition:background .16s ease,border-color .16s ease,color .16s ease}.icon-btn:hover{background:color-mix(in srgb,var(--bg-elev-2) 80%,transparent);border-color:var(--border-strong);color:var(--text)}.icon-btn .icon{font-size:20px}.segmented{display:inline-flex;border:1px solid var(--border);background:color-mix(in srgb,var(--bg-elev) 86%,transparent);border-radius:999px;padding:3px;gap:4px}.seg-btn{border:0;background:transparent;color:var(--muted);font-weight:800;font-size:12px;padding:7px 10px;border-radius:999px;cursor:pointer}.seg-btn[aria-pressed=true]{background:color-mix(in srgb,var(--bg-elev-2) 85%,transparent);color:var(--text)}h1{font-size:30px;letter-spacing:-.6px;margin:0 0 10px;line-height:1.15}h2{font-size:18px;margin:0;letter-spacing:-.2px}h3{font-size:14px;margin:0 0 8px;font-weight:700}.subtitle{color:var(--muted);margin:0 0 16px;font-size:15px;line-height:1.6}.desc{color:var(--muted);margin:8px 0 0;font-size:15px;line-height:1.7;max-width:720px}.muted{color:var(--muted)}.dot{color:var(--muted);margin:0 6px}.card{background:color-mix(in srgb,var(--bg-elev) 90%,transparent);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:18px}.section-hero{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:18px}.hero-badges{display:flex;gap:8px;flex-wrap:wrap}.hero{margin-bottom:40px}.hero-copy{max-width:620px}.hero-title{font-size:34px;line-height:1.15}.hero-subtitle{margin-top:12px;margin-bottom:24px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.btn-lg{padding:12px 20px}.pill{border:1px solid var(--border);background:color-mix(in srgb,var(--bg-elev-2) 82%,transparent);border-radius:999px;padding:6px 10px;font-size:12px;color:var(--muted);font-family:var(--font-mono)}.pill-green{border-color:color-mix(in srgb,var(--green) 26%,var(--border));background:color-mix(in srgb,var(--green) 10%,transparent);color:color-mix(in srgb,var(--green) 92%,var(--text))}.hero-metrics{display:grid;grid-template-columns:repeat(3,minmax(90px,1fr));gap:10px;min-width:320px}.kpi{background:color-mix(in srgb,var(--bg-elev) 92%,transparent);border:1px solid var(--border);border-radius:var(--radius);padding:12px}.kpi-label{color:var(--muted);font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.kpi-value{font-family:var(--font-mono);font-size:18px;font-weight:500;margin-top:6px}.module-section{margin-top:22px}.list-header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 12px}.filter-box{font-family:var(--font-mono);font-size:12px;color:var(--muted);border:1px solid var(--border);background:color-mix(in srgb,var(--bg-elev-2) 82%,transparent);padding:6px 10px;border-radius:999px}.modules-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}@media (max-width: 520px){.modules-grid{grid-template-columns:1fr;gap:12px}}.module-card{text-align:left;border:1px solid var(--border);background:color-mix(in srgb,var(--bg-elev) 92%,transparent);border-radius:var(--radius-lg);padding:24px;cursor:pointer;box-shadow:var(--shadow-sm);transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease;text-decoration:none;display:flex;flex-direction:column;height:100%}.module-card:hover{transform:translateY(-2px);border-color:var(--border-strong);box-shadow:var(--shadow)}.module-card:active{transform:translateY(0)}.module-card-highlight{border-color:color-mix(in srgb,var(--amber) 30%,var(--border));background:color-mix(in srgb,var(--amber) 6%,var(--bg-elev))}.module-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:10px}.module-content{flex:1 1 auto}.module-content h3{font-size:15px;font-weight:600;margin:0 0 8px;line-height:1.3}.module-content p{font-size:13px;line-height:1.5;color:var(--muted);margin:0}.module-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:16px;border-top:1px solid var(--border);font-size:13px;font-weight:600}.module-footer .arrow{color:var(--amber);font-size:16px}.module-top .icon{font-size:22px}.badge{font-size:11px;padding:5px 8px;border-radius:999px;border:1px solid var(--border);color:var(--muted);background:color-mix(in srgb,var(--bg-elev-2) 82%,transparent);font-weight:800}.badge-green{border-color:color-mix(in srgb,var(--green) 26%,var(--border));color:color-mix(in srgb,var(--green) 92%,var(--text));background:color-mix(in srgb,var(--green) 10%,transparent)}.badge-amber{border-color:color-mix(in srgb,var(--amber) 30%,var(--border));color:color-mix(in srgb,var(--amber) 92%,var(--text));background:color-mix(in srgb,var(--amber) 10%,transparent)}.badge-orange{background:var(--amber);color:#fff;border-color:transparent;padding:3px 8px}.module-content p{margin:0;font-size:13px;line-height:1.55;color:var(--muted)}.module-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--border);padding-top:10px;margin-top:14px;font-family:var(--font-mono);font-size:12px;color:var(--muted)}.arrow{font-weight:900}.section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px}.offer-switch{display:inline-flex;border:1px solid var(--border);background:color-mix(in srgb,var(--bg-elev) 86%,transparent);border-radius:999px;padding:4px;gap:4px;height:fit-content}.offer-btn{border:0;background:transparent;color:var(--muted);font-weight:900;font-size:12px;padding:8px 10px;border-radius:999px;cursor:pointer}.offer-btn[aria-pressed=true]{background:color-mix(in srgb,var(--bg-elev-2) 86%,transparent);color:var(--text)}.offer-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:12px}.offer-grid ul{margin:8px 0 0;padding-left:18px;color:var(--muted);line-height:1.7}.offer-grid li{margin:6px 0}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.chip{border:1px solid var(--border);background:color-mix(in srgb,var(--bg-elev-2) 82%,transparent);color:var(--muted);font-family:var(--font-mono);font-size:12px;padding:6px 10px;border-radius:999px}.form-grid{display:grid;grid-template-columns:3fr 2fr;gap:12px;margin-top:10px}.form-group{margin-bottom:12px}label{display:block;font-size:12px;font-weight:800;color:var(--muted);margin-bottom:8px;letter-spacing:.02em}input,select,textarea{width:100%;border:1px solid var(--border);border-radius:12px;background:color-mix(in srgb,var(--bg-elev) 92%,transparent);color:var(--text);padding:12px;font-size:16px;outline:none;transition:border-color .16s ease,box-shadow .16s ease,background-color .16s ease}textarea{min-height:120px;resize:vertical}input:focus,select:focus,textarea:focus{border-color:color-mix(in srgb,var(--green) 55%,var(--border));box-shadow:0 0 0 4px var(--ring)}.consent{display:flex;gap:10px;align-items:flex-start;margin:10px 0 12px;color:var(--muted);font-size:13px;line-height:1.45}.consent input{width:auto;margin-top:2px}.form-status{display:none;margin-top:12px;border-radius:12px;border:1px solid var(--border);padding:10px 12px;font-family:var(--font-mono);font-size:12px}.form-status.success{display:block;border-color:color-mix(in srgb,var(--green) 30%,var(--border));background:color-mix(in srgb,var(--green) 10%,transparent);color:color-mix(in srgb,var(--green) 92%,var(--text))}.form-status.error{display:block;border-color:#d9302559;background:#d930251a;color:#d93025f2}.contact-card .contact-item{display:flex;gap:10px;align-items:flex-start;margin-top:12px}.contact-card .contact-item .icon{font-size:18px;color:var(--muted)}.lang-en{display:none}html[data-lang=en] .lang-en{display:block}html[data-lang=en] .lang-de{display:none}.view-switch{display:inline-flex;background:var(--bg-elev-2);border:1px solid var(--border);border-radius:999px;padding:4px;margin-bottom:30px;position:relative;z-index:var(--z-content)}.view-btn{padding:8px 24px;font-size:13px;border:none;background:transparent;color:var(--muted);cursor:pointer;border-radius:999px;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);font-family:var(--font-ui);display:flex;align-items:center;gap:8px}.view-btn .icon{font-size:16px}.view-btn.active{background:color-mix(in srgb,var(--bg-elev) 92%,transparent);color:var(--text);box-shadow:0 2px 8px #00000014;border:1px solid var(--border-strong)}html[data-theme=dark] .view-btn.active{background:#1e2329;color:#fff;border-color:#30363d}.state-business{display:block;animation:fadeIn .35s ease}.state-engineering{display:none;animation:fadeIn .35s ease}body.mode-engineering .state-business{display:none}body.mode-engineering .state-engineering{display:block}body.mode-engineering .tech-highlight{color:#1967d2}body.mode-engineering input,body.mode-engineering textarea,body.mode-engineering select{font-family:var(--font-mono);font-size:12px}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.page-intro{margin-bottom:30px}.page-intro .tech-font{font-size:32px;letter-spacing:-1px;margin-bottom:16px}.page-intro .subtitle{max-width:800px}.card--intro{margin-bottom:30px;border-left:3px solid var(--green)}.card--intro .data-label{color:var(--green);margin-bottom:16px;display:block}.card--intro .data-value{font-size:16px;margin-bottom:20px}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-top:24px}.feature-grid strong{display:block}.feature-grid .muted{font-size:13px;margin-top:4px}.card-offer-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.card-offer-header h3{margin:8px 0 0}.card-offer-price{text-align:right;font-family:var(--font-mono)}.card-offer-price .value{font-size:20px;font-weight:700}.card-offer-price .muted{font-size:11px}.spec-table{width:100%;font-size:14px;border-collapse:collapse;margin-bottom:24px}.spec-table td{padding:12px 0}.spec-table tr{border-bottom:1px solid var(--border)}.spec-table tr:last-child td{border-bottom:none}.spec-table .tech-val{text-align:right;color:var(--amber)}.spec-table td:last-child{text-align:right}.data-label{font-family:var(--font-mono);font-size:14px;letter-spacing:.02em;font-weight:700;color:var(--text)}.tech-highlight{color:var(--amber)}.btn-row{display:flex;gap:12px;flex-wrap:wrap}.btn-row .btn{flex:1;min-width:140px}.tag-row{margin-top:30px}.tag-row .data-label{margin-bottom:10px}.tag-row .pills{display:flex;flex-wrap:wrap;gap:8px}.stack-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;margin-top:8px}.stack-item{padding:12px 14px;border:1px solid var(--border);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--bg-elev) 92%,transparent)}.stack-item-label{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.05em;font-weight:600;margin-bottom:4px}.stack-item strong{font-size:14px}.card-engineering-head{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:14px}.card-engineering-body{font-family:var(--font-mono);font-size:13px;margin:16px 0 24px;color:var(--text);line-height:1.55}.details-list details{margin-bottom:10px}.details-list details:last-child{margin-bottom:0}.details-list summary{font-family:var(--font-mono);font-size:13px;font-weight:600;cursor:pointer;padding:8px 0}.details-list summary::-webkit-details-marker{opacity:.5}.details-list .details-content{padding:16px;font-size:13px;line-height:1.6}.details-list .details-content ul{margin:0 0 0 18px;padding:0}.details-list .details-content li{margin-bottom:6px}.card--cta{margin-top:30px;border-left:3px solid #1967d2}.card--cta .card-cta-inner{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.card--cta .card-cta-price{font-size:18px;font-weight:700;color:#1967d2;font-family:var(--font-mono)}.card--cta .card-cta-actions{margin-top:20px}.card--cta .btn--outline{width:100%;justify-content:center;border-color:#1967d2;color:#1967d2}.card--cta.card--cta-amber{border-left-color:#e37400}.card--cta.card--cta-amber .card-cta-price{color:#e37400}.card--cta.card--cta-amber .btn--outline{border-color:#e37400;color:#e37400}.section-cta{margin-top:50px;text-align:center}.section-cta .muted{font-size:13px;margin-bottom:16px}.chat-section-head{justify-content:center;text-align:center;margin-bottom:20px}.state-engineering>.card:not(.card--cta){margin-bottom:30px}.state-engineering>.card:last-child{margin-bottom:0}.checkbox-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin-top:8px}.check-card{position:relative}.check-card input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.check-label{display:flex;align-items:center;gap:8px;padding:10px 12px;background:var(--bg-elev-2);border:1px solid var(--border);border-radius:8px;cursor:pointer;font-size:12px;font-weight:500;color:var(--muted);transition:all .2s}.check-label:hover{border-color:var(--border-strong);color:var(--text)}.check-card input:checked~.check-label{background:#1967d214;border-color:#1967d2;color:#1967d2;font-weight:700}.check-card input:checked~.check-label .icon{color:#1967d2}.consent-shell{position:fixed;bottom:24px;right:24px;width:340px;background:var(--bg-elev);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow);z-index:var(--z-consent);font-family:var(--font-ui);animation:slideInUp .4s cubic-bezier(.16,1,.3,1);overflow:hidden;display:none}.consent-header{padding:12px 16px;background:var(--bg-elev-2);border-bottom:1px solid var(--border);display:flex;align-items:center;gap:10px}.consent-icon{color:var(--green);font-size:16px}.consent-label{font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.05em;color:var(--muted);text-transform:uppercase}.consent-body{padding:16px}.consent-text{margin:0;font-size:13px;line-height:1.5;color:var(--text)}.consent-subtext{display:block;font-size:12px;color:var(--muted);margin-top:4px}.consent-actions{padding:0 16px 16px;display:flex;gap:10px}.consent-btn{flex:1;padding:10px;font-family:var(--font-mono);font-size:11px;font-weight:700;text-transform:uppercase;cursor:pointer;border-radius:8px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;border:1px solid transparent;background:transparent}.consent-btn.primary{background:var(--green);border-color:var(--green);color:#fff}.consent-btn.primary:hover{opacity:.92}.consent-btn.ghost{border-color:var(--border);color:var(--muted)}.consent-btn.ghost:hover{border-color:var(--border-strong);color:var(--text)}@keyframes slideInUp{0%{transform:translateY(40px);opacity:0}to{transform:translateY(0);opacity:1}}#burgerBtn,.burger-btn,.sidebar-close{display:none}@media (max-width: 1020px){.hero-metrics{min-width:0;grid-template-columns:repeat(3,minmax(80px,1fr))}}@media (max-width: 980px){:root{--topbar-h: 70px}.content{padding:18px 14px calc(80px + var(--hud-h) + env(safe-area-inset-bottom,0px))}.offer-grid,.form-grid{grid-template-columns:1fr}.section-hero{flex-direction:column}.sidebar{position:fixed;top:0;left:0;height:100vh;height:100dvh;width:288px;transform:translate(-105%);transition:transform .35s cubic-bezier(.2,.8,.2,1);background:linear-gradient(180deg,var(--bg-elev) 0%,color-mix(in srgb,var(--bg-elev) 90%,transparent) 35%,transparent 100%);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:none;border-right:none;padding-bottom:env(safe-area-inset-bottom,20px);z-index:var(--z-sidebar);display:flex;flex-direction:column}.sidebar .nav-menu{mask-image:linear-gradient(to bottom,black 85%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,black 85%,transparent 100%)}.sidebar.open{transform:translate(0)}.sidebar-overlay{z-index:var(--z-overlay);background:#00000040;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}#burgerBtn,.burger-btn{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text);position:relative;z-index:calc(var(--z-topbar) + 1)}.sidebar-close{display:inline-flex}.topbar{padding-left:16px;padding-right:16px;border-bottom:none;background:transparent}.topbar:before{opacity:1;background:linear-gradient(to bottom,var(--topbar-fade-strong) 0%,var(--topbar-fade-mid) 55%,var(--topbar-fade-weak) 100%);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}}@media (max-width: 600px){.offer-switch{width:100%;display:flex}.offer-btn{flex:1;justify-content:center;text-align:center}.icon-btn{width:44px;height:44px}}@media (max-width: 480px){.hero-metrics{grid-template-columns:1fr;min-width:0;gap:8px}.hero-metrics .kpi-label,.hero-metrics .kpi-value{white-space:normal;overflow:visible;text-overflow:unset}.consent-shell{bottom:0;right:0;width:100%;border-radius:12px 12px 0 0;border-bottom:none}}html[data-theme=dark] .icon-btn{color:var(--text)}html[data-theme=dark] .nav-item{color:#ffffffb3}html[data-theme=dark] .nav-item:hover{color:#fff}html[data-theme=dark] .nav-item.active{color:var(--text)}html[data-theme=dark] .nav-item.active .icon{color:var(--green)}html[data-theme=dark] input,html[data-theme=dark] select,html[data-theme=dark] textarea{background:color-mix(in srgb,var(--bg-elev) 92%,transparent)}@media (max-width: 980px){#glasbox_chat.view-section{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:var(--bg);margin:0;padding:0;height:100dvh;display:none;flex-direction:column}#glasbox_chat.view-section.active{display:flex}.chat-shell{flex:1;height:auto;max-height:none;border:none;border-radius:0;box-shadow:none;background:var(--bg)}.chat-output{padding:100px 16px 20px}.chat-form{background:var(--bg);border-top:1px solid var(--border);padding:12px 16px calc(12px + env(safe-area-inset-bottom,20px));position:relative;z-index:120}.chat-input-wrapper{border-radius:var(--radius-lg)}.chat-header-wrapper{padding-top:12vh;text-align:center}.chat-mode-active .chat-header-wrapper{max-height:0;padding-top:0;opacity:0;margin:0}.chat-mode-active .chat-output{padding-top:20px}.chat-disclaimer{font-size:9px;margin-top:8px}.chat-bg-logo{font-size:100px;top:45%}body.view-mode-chat .topbar{position:absolute;width:100%;background:transparent;border-bottom:none;box-shadow:none;pointer-events:none;z-index:101}body.view-mode-chat .topbar button,body.view-mode-chat .topbar a{pointer-events:auto;background:color-mix(in srgb,var(--bg-elev) 70%,transparent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid color-mix(in srgb,var(--border) 70%,transparent);border-radius:12px}}@media (max-width: 768px){:root{--hud-h: 56px}body:has(#introScreen.active:not([hidden])){--hud-h: 0px}body:has(#introScreen.active:not([hidden])) .arch-mobile-hud{display:none!important}.topbar{position:sticky;top:0;z-index:1000;display:grid;grid-template-columns:auto 1fr auto;align-items:center;height:64px;padding:0 16px;background-color:transparent;background-image:linear-gradient(to bottom,#ffffffd9,#fff6 60%,#fff0);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:none;box-shadow:none;mask-image:none;-webkit-mask-image:none}.topbar:before{display:none}.topbar.scrolled{box-shadow:none}.topbar-left{justify-self:start;display:flex;align-items:center;gap:10px;position:static;transform:none}.topbar-right{justify-self:end;display:flex;align-items:center;gap:12px;position:static;transform:none}.topbar:after{content:none}.topbar .icon-btn,.topbar #burgerBtn{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center}body.view-mode-chat .topbar{background-color:transparent;background-image:none;backdrop-filter:none;-webkit-backdrop-filter:none;pointer-events:none}body.view-mode-chat .topbar:after{display:none}body.view-mode-chat .topbar-logo{display:none}body.view-mode-chat .topbar-left,body.view-mode-chat .topbar-right{pointer-events:auto}}.dash-hero{margin-bottom:26px}.dash-packages{margin-bottom:18px}.dash-packages-head{margin-bottom:10px}.dash-cta-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.dash-sidecard{background:var(--bg-elev-2)}.dash-list{margin:8px 0 0;padding-left:18px}.dash-audit{margin-top:12px;padding:14px}.dash-audit-head{display:flex;align-items:center;gap:10px;margin-bottom:8px}.dash-note{margin-top:12px;padding:14px}.dash-list-header{margin-bottom:16px}.dash-cta-row{margin-top:18px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:15px}.dash-cta-title{margin:0 0 4px;font-size:16px}.dash-cta-subtitle{margin:0;font-size:13px}.privacy-card{text-align:center;padding:40px}.privacy-muted{margin-bottom:20px}.privacy-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.chat-send-icon{font-size:18px}.typing-area,.msg-ai,.chat-output{pointer-events:auto}.chat-output a.chat-link{color:var(--green);font-weight:600;text-decoration:underline;text-underline-offset:3px;cursor:pointer;pointer-events:auto;position:relative;z-index:5;transition:opacity .2s ease}.chat-output a.chat-link:visited{color:var(--green)}.chat-output a.chat-link:hover{opacity:.8;text-decoration-color:currentColor}.chat-output a.chat-link:active{opacity:.6;transform:translateY(1px)}@view-transition{navigation: auto;}.sidebar{view-transition-name:sidebar-area}.main{view-transition-name:main-content}.topbar{view-transition-name:topbar-area}::view-transition-old(main-content){animation:fadeOut .2s ease-in forwards}::view-transition-new(main-content){animation:slideIn .3s cubic-bezier(.2,.8,.2,1) forwards;mix-blend-mode:normal}@keyframes fadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-5px)}}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}::view-transition-old(sidebar-area),::view-transition-new(sidebar-area),::view-transition-old(topbar-area),::view-transition-new(topbar-area){animation:none;mix-blend-mode:normal}.view-switch{position:relative;isolation:isolate;--pill-x: 0px;--pill-w: 0px}.view-switch:before{content:"";position:absolute;top:4px;left:4px;height:calc(100% - 8px);width:var(--pill-w);transform:translate(var(--pill-x));border-radius:999px;background:color-mix(in srgb,var(--bg-elev) 92%,transparent);border:1px solid var(--border-strong);box-shadow:0 2px 10px #00000014;transition:transform .22s cubic-bezier(.2,.8,.2,1),width .22s cubic-bezier(.2,.8,.2,1);z-index:0}.view-btn{position:relative;z-index:1}.view-btn.active{background:transparent;box-shadow:none;border:none}.seo-panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;flex-wrap:wrap}.seo-charts{margin-top:14px;display:grid;grid-template-columns:1fr 1fr;gap:14px}@media (max-width: 980px){.seo-charts{grid-template-columns:1fr}}.seo-chart-card{border:1px solid var(--border);background:var(--bg-elev-2);border-radius:16px;padding:14px}.seo-chart-title{font-weight:800;letter-spacing:-.02em;margin-bottom:10px}.seo-stage{min-height:140px}.seo-linechart{width:100%;height:140px;display:block}.seo-grid{stroke:var(--border);stroke-width:1;fill:none;opacity:.8}.seo-line{fill:none;stroke:var(--amber);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:360;stroke-dashoffset:360;animation:seoDraw 1.1s ease forwards}@keyframes seoDraw{to{stroke-dashoffset:0}}.seo-bars{height:140px;display:flex;align-items:flex-end;gap:8px;padding:6px 2px}.seo-bar{width:10%;min-width:14px;height:calc(var(--h) * 1%);background:var(--bg-elev-2);border:1px solid var(--border);border-radius:10px;position:relative;overflow:hidden;transform-origin:bottom;animation:seoBar .9s ease forwards}.seo-bar:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,color-mix(in srgb,var(--amber) 70%,transparent),color-mix(in srgb,var(--amber) 10%,transparent))}@keyframes seoBar{0%{transform:scaleY(.1);opacity:.6}to{transform:scaleY(1);opacity:1}}.seo-legend{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:10px}.seo-charts-head{display:flex;gap:16px;align-items:flex-end;justify-content:space-between;margin-bottom:16px;flex-wrap:wrap}.seo-charts-kpis{display:grid;grid-template-columns:repeat(4,minmax(160px,1fr));gap:12px}.seo-kpi{padding:12px;border:1px solid var(--border);border-radius:14px;background:var(--panel)}.seo-charts-grid{display:grid;grid-template-columns:repeat(2,minmax(280px,1fr));gap:16px}.seo-chart-meta{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px}.seo-bars-legend{display:flex;gap:8px;align-items:center;margin:10px 0 8px}.seo-bars{display:flex;gap:10px;align-items:flex-end}.seo-bar-pair{display:flex;gap:6px;align-items:flex-end}.chat-header-wrapper{transition:all .5s cubic-bezier(.25,.8,.25,1);overflow:hidden;padding-top:40px}.chat-mode-active .chat-header-wrapper{opacity:0;max-height:0;margin:0;padding-top:0;pointer-events:none}.chat-shell{display:flex;flex-direction:column;flex:1;min-height:0;background:var(--bg-surface);overflow:hidden;position:relative;transition:all .3s ease}.chat-bg-logo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:var(--font-ui);font-weight:900;font-size:140px;color:var(--amber);opacity:.06;filter:blur(8px);pointer-events:none;z-index:0;transition:all .6s ease-out}.chat-mode-active .chat-bg-logo{top:20%;opacity:0;transform:translate(-50%,-80%) scale(.8)}.chat-output{flex:1;overflow-y:auto;padding:40px 24px 10px;display:flex;flex-direction:column;gap:24px;scroll-behavior:smooth;transform:translateZ(0);position:relative;z-index:2}.msg-user{align-self:flex-end;background:var(--bg-elev-2);color:var(--text);padding:10px 16px;border-radius:20px 20px 4px;font-size:15px;line-height:1.5;max-width:85%;border:1px solid var(--border);word-wrap:break-word}.msg-ai{align-self:flex-start;background:transparent;color:var(--text);padding:0 4px;font-size:15px;line-height:1.6;max-width:100%;width:100%}.msg-ai strong{color:var(--green);font-weight:600}.msg-ai ul{padding-left:20px;margin:8px 0}.msg-ai li{margin-bottom:4px}.ai-header{display:flex;align-items:center;gap:8px;margin-bottom:6px;opacity:.9}.chat-form{padding:10px 24px 20px;background:transparent;flex-shrink:0;display:flex;flex-direction:column;align-items:center;position:relative;z-index:20}.chat-input-wrapper{width:100%;max-width:760px;background:var(--bg-elev-2);border:1px solid var(--border);border-radius:26px;padding:8px 8px 8px 20px;display:flex;align-items:center;gap:10px;transition:all .2s ease;box-shadow:0 2px 6px #00000005}.chat-input-wrapper:focus-within{background:var(--bg-surface);border-color:var(--border-strong);box-shadow:0 4px 12px #00000014,0 0 0 4px #e3740029}.chat-input{flex:1;border:none!important;background:transparent!important;box-shadow:none!important;outline:none!important;padding:4px 0!important;font-size:16px;color:var(--text);height:auto;max-height:120px}.chat-input:focus::placeholder{opacity:0;transition:opacity .2s ease}.chat-send{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--text);color:var(--bg);border:none;cursor:pointer;transition:transform .1s;flex-shrink:0}.chat-disclaimer{font-size:10px;color:var(--muted);text-align:center;margin-top:10px;opacity:.7;max-width:400px}.chat-disclaimer a{text-decoration:underline;color:var(--text)}.chat-copy-btn{margin-top:6px;background:transparent;border:none;cursor:pointer;color:var(--muted);display:inline-flex;align-items:center;padding:4px;border-radius:6px;transition:color .2s,background .2s}.chat-copy-btn:hover{color:var(--text);background:var(--bg-elev-2)}.chat-copy-btn .material-icons{font-size:16px}.chat-loading{display:flex;align-items:center;gap:8px;margin-top:8px}.chat-spinner{font-size:18px;display:inline-block;animation:chatSpin 1s linear infinite}@keyframes chatSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.legal-block{margin-bottom:30px}.legal-title{font-size:14px;font-weight:700;color:var(--text);margin-bottom:8px;font-family:var(--font-ui);text-transform:uppercase;letter-spacing:.05em}.legal-text{font-size:13px;line-height:1.7;color:var(--muted);text-align:justify}.legal-text strong{color:var(--text);font-weight:600}.legal-text ul{padding-left:20px;margin:8px 0}.legal-text li{margin-bottom:6px}.para-num{color:var(--green);font-family:var(--font-mono);font-weight:700;margin-right:6px}.tech-badge{font-family:var(--font-mono);font-size:11px;background:var(--bg-elev-2);padding:4px 8px;border-radius:4px;border:1px solid var(--border)}.cookie-table{width:100%;border-collapse:collapse;font-size:13px;margin-top:10px}.cookie-table th{text-align:left;padding:10px;border-bottom:1px solid var(--border-strong);color:var(--muted);font-family:var(--font-mono);font-size:11px;text-transform:uppercase}.cookie-table td{padding:12px 10px;border-bottom:1px solid var(--border);vertical-align:top}.cookie-key{font-family:var(--font-mono);font-weight:600;color:var(--text)}.cookie-badge{display:inline-block;padding:2px 6px;border-radius:4px;font-size:10px;font-weight:700;text-transform:uppercase;border:1px solid var(--border)}.badge-ess{background:#47db731a;color:var(--green);border-color:#47db7333}.badge-ana{background:#1967d21a;color:#1967d2;border-color:#1967d233}.tech-font{font-family:var(--font-mono)}.section-label{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-top:30px;margin-bottom:12px;font-weight:700;border-bottom:1px solid var(--border);padding-bottom:8px}.section-label--blue{color:#1967d2}.section-label--amber{color:var(--amber)}.section-label--purple{color:#9c27b0}.nav-item.sys-file{font-family:var(--font-mono);font-size:13px}details{background:var(--bg-elev);border:1px solid var(--border);border-radius:8px;margin-bottom:10px;overflow:hidden;transition:all .2s ease}details[open]{background:var(--bg-elev-2);border-color:var(--border-strong)}summary{padding:14px 18px;cursor:pointer;font-family:var(--font-ui);font-size:14px;font-weight:600;display:flex;justify-content:space-between;align-items:center;list-style:none}summary::-webkit-details-marker{display:none}summary:after{content:"+";font-family:var(--font-mono);font-weight:400;font-size:16px;color:var(--muted)}details[open] summary:after{content:"-"}.faq-answer{padding:0 18px 18px;font-size:14px;line-height:1.6;color:var(--text);opacity:.9}.faq-answer ol,.faq-answer ul{padding-left:20px;margin:8px 0}.faq-answer li{margin-bottom:4px}.contact-wrapper{display:grid;grid-template-columns:3fr 2fr;gap:30px;align-items:start}@media (max-width: 900px){.contact-wrapper{grid-template-columns:1fr}}.sidebar-cta-hash{color:var(--amber);font-weight:700;font-size:20px;line-height:1}.nav-icon--active{color:var(--amber)}.nav-label--active{font-weight:600;color:var(--text)}.seg-btn--current{cursor:default;font-weight:800;color:var(--text)}.seg-btn--link{text-decoration:none;display:inline-block}.nav-item--bordered{border:1px solid var(--border)}.nav-label-hint{font-size:10px;font-weight:500;opacity:.55;text-transform:none;letter-spacing:0}.nav-item--external{padding-right:8px}.nav-external-mark{margin-left:auto;font-size:11px;opacity:.45;line-height:1}.form-row-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media (max-width: 480px){.form-row-2{grid-template-columns:1fr}.form-row-2 [data-back]{order:1}}.section-intro{margin-bottom:22px}.section-intro-lg{margin-bottom:30px}.section-intro-badges{display:flex;align-items:center;gap:10px;margin-bottom:12px}.page-heading-lg{font-size:32px;letter-spacing:-1px;margin-bottom:12px}.page-heading-md{font-size:28px;letter-spacing:-1px;margin-bottom:8px}.pill--emphasis{border-color:var(--text);color:var(--text)}.card--padded{padding:24px}.card--padded-sm{padding:20px}.card--intake{padding:16px;margin-top:14px;background:var(--bg-elev-2);border-color:var(--border)}.card--muted{background:var(--bg-elev-2);border-color:var(--border)}.card-section-header{display:flex;align-items:center;gap:10px;margin-bottom:10px}.card-section-header strong{font-size:13px}.u-hidden{display:none}.file-input-sr{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.file-upload-trigger{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:12px;border:1px solid var(--border);background:var(--bg-elev);cursor:pointer}.file-upload-name{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.file-upload-row{display:flex;gap:10px;align-items:center}.label-split{display:flex;align-items:center;justify-content:space-between;gap:10px}.text-hint{font-size:12px}.text-sm{font-size:13px}.consent-sm{font-size:12px;color:var(--muted)}.consent-sm a{text-decoration:underline}.contact-sidebar{display:flex;flex-direction:column;gap:20px}.contact-info-body{font-size:13px;line-height:1.6;margin-bottom:16px}.contact-links-col{display:flex;flex-direction:column;gap:8px;font-size:13px}.contact-links-col a{text-decoration:underline}.ai-cta-body{font-size:12px;margin-bottom:16px;line-height:1.5}.btn--centered{justify-content:center;background:var(--bg-elev)}.contact-footer-links{display:flex;gap:12px;justify-content:center;margin-top:10px}.contact-footer-links a{font-size:11px}.mt-sm{margin-top:10px}.mt-md{margin-top:14px}.mt-lg{margin-top:18px}.sidebar-lang--full{width:100%;margin-bottom:16px;justify-content:center}.sidebar-lang--full .seg-btn{flex:1;text-align:center}html[data-lang=de] .lang-en,html[data-lang=en] .lang-de{display:none!important}.price-hint{font-size:.85rem;font-weight:600;color:var(--amber, #e37400);margin:8px 0 12px;letter-spacing:.01em}.form-promise{font-size:.82rem;color:var(--green, #2e7d32);font-weight:500;margin:0 0 12px;opacity:.85}.trust-strip{display:flex;flex-wrap:wrap;gap:24px;justify-content:space-around;padding:28px 24px;margin-bottom:24px}.trust-item{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;min-width:120px}.trust-number{font-size:1.6rem;font-weight:800;color:var(--amber, #e37400);letter-spacing:-.02em}.trust-label{font-size:.78rem;color:var(--muted, #666);font-weight:500;line-height:1.3}.how-it-works{padding:32px 28px;margin-bottom:24px}.how-title{font-size:1.2rem;font-weight:700;margin-bottom:24px;letter-spacing:-.01em}.how-steps{display:flex;flex-direction:column;gap:20px}.how-step{display:flex;align-items:flex-start;gap:20px}.how-num{font-size:1.4rem;font-weight:800;color:var(--amber, #e37400);min-width:36px;line-height:1}.how-content strong{display:block;font-size:.95rem;font-weight:600;margin-bottom:4px}.how-content p{font-size:.85rem;color:var(--muted, #666);margin:0;line-height:1.5}.problem-section{padding:32px 28px;margin-bottom:24px}.problem-title{font-size:1.2rem;font-weight:700;margin-bottom:24px;letter-spacing:-.01em}.problem-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:24px}@media (max-width: 640px){.problem-grid{grid-template-columns:1fr}}.problem-item{display:flex;align-items:flex-start;gap:14px}.problem-icon{font-size:22px;color:var(--amber, #e37400);flex-shrink:0;margin-top:2px}.problem-text strong{display:block;font-size:.92rem;font-weight:600;margin-bottom:4px;color:var(--text)}.problem-text p{font-size:.82rem;color:var(--muted);margin:0;line-height:1.5}.problem-cta-hint{font-size:.95rem;font-weight:700;color:var(--amber, #e37400);margin:0;text-align:center;letter-spacing:-.01em}html[data-theme=dark] .topbar{background:linear-gradient(to bottom,var(--topbar-fade-strong) 0%,var(--topbar-fade-mid) 60%,var(--topbar-fade-weak) 100%);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:none;box-shadow:none}.credibility-section{padding:32px 28px;margin-bottom:24px}.cred-numbers{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-bottom:28px}@media (max-width: 768px){.cred-numbers{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.cred-numbers{grid-template-columns:1fr 1fr}}.cred-stat{display:flex;flex-direction:column;gap:6px}.cred-value{font-size:2rem;font-weight:800;color:var(--amber, #e37400);letter-spacing:-.03em;line-height:1}.cred-label{font-size:.78rem;color:var(--muted);font-weight:500;line-height:1.4}.cred-divider{height:1px;background:var(--border);margin:0 0 28px}.cred-proof{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:28px}@media (max-width: 768px){.cred-proof{grid-template-columns:1fr}}.cred-proof-item{display:flex;align-items:flex-start;gap:12px}.cred-icon{font-size:20px;color:var(--amber, #e37400);flex-shrink:0;margin-top:2px}.cred-proof-item strong{display:block;font-size:.9rem;font-weight:600;margin-bottom:4px;color:var(--text)}.cred-proof-item p{font-size:.8rem;color:var(--muted);margin:0;line-height:1.5}.cred-guarantee{display:flex;align-items:flex-start;gap:12px;padding:16px 20px;background:#e374000f;border:1px solid rgba(227,116,0,.2);border-radius:var(--radius-sm)}.cred-guarantee .icon{font-size:20px;color:var(--amber, #e37400);flex-shrink:0;margin-top:2px}.cred-guarantee p{font-size:.85rem;font-weight:500;color:var(--text);margin:0;line-height:1.5}.blog-page-header{margin-bottom:28px}.blog-page-title{font-size:2rem;font-weight:800;letter-spacing:-.03em;margin:0 0 8px}.blog-page-subtitle{font-size:.95rem;color:var(--muted);margin:0;line-height:1.6}.blog-categories{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px}.blog-cat-btn{padding:6px 14px;font-size:.8rem;font-weight:600;border:1px solid var(--border);border-radius:999px;background:transparent;color:var(--muted);cursor:pointer;transition:all .15s}.blog-cat-btn:hover{border-color:var(--amber);color:var(--amber)}.blog-cat-btn.active{background:var(--amber);border-color:var(--amber);color:#fff}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;margin-bottom:40px}.blog-card{display:flex;flex-direction:column;gap:10px;padding:24px;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);text-decoration:none;color:var(--text);transition:box-shadow .2s,border-color .2s;position:relative}.blog-card:hover{box-shadow:var(--shadow);border-color:var(--amber)}.blog-card-featured-badge{position:absolute;top:16px;right:16px;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:3px 8px;background:var(--amber);color:#fff;border-radius:999px}.blog-card-tag{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--amber)}.blog-card-title{font-size:1.05rem;font-weight:700;line-height:1.35;letter-spacing:-.01em;margin:0;flex:1}.blog-card-excerpt{font-size:.82rem;color:var(--muted);line-height:1.6;margin:0}.blog-card-meta{font-size:.72rem;color:var(--muted);display:flex;gap:5px;flex-wrap:wrap;margin-top:4px}.blog-card-cta{font-size:.8rem;font-weight:600;color:var(--amber);margin-top:6px}.blog-article{max-width:720px;margin:0 auto;padding-bottom:60px}.blog-article-header{margin-bottom:36px}.blog-back-link{display:inline-flex;align-items:center;gap:4px;font-size:.8rem;color:var(--muted);text-decoration:none;margin-bottom:20px}.blog-back-link:hover{color:var(--amber)}.blog-article-tag{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--amber);margin-bottom:10px}.blog-article-title{font-size:1.9rem;font-weight:800;line-height:1.2;letter-spacing:-.03em;margin:0 0 14px}@media (max-width: 640px){.blog-article-title{font-size:1.4rem}}.blog-article-meta{font-size:.78rem;color:var(--muted);display:flex;gap:6px;flex-wrap:wrap}.blog-article-body{font-size:.97rem;line-height:1.75;color:var(--text)}.blog-article-body h2{font-size:1.25rem;font-weight:700;letter-spacing:-.02em;margin:36px 0 14px}.blog-article-body p{margin:0 0 18px}.blog-lead{font-size:1.05rem;font-weight:500;line-height:1.65;border-left:3px solid var(--amber);padding-left:18px;margin-bottom:24px!important}.blog-checklist{display:flex;flex-direction:column;gap:10px;margin:16px 0 24px}.blog-check-item{display:flex;align-items:flex-start;gap:10px}.blog-check-icon{font-size:17px;color:var(--amber);flex-shrink:0;margin-top:2px}.blog-check-item p{margin:0!important;font-size:.9rem}.blog-use-cases{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:16px 0 24px}@media (max-width: 600px){.blog-use-cases{grid-template-columns:1fr}}.blog-use-case{padding:16px 18px;background:var(--bg-elev-2);border-radius:var(--radius-sm);border:1px solid var(--border)}.blog-use-case strong{display:block;font-size:.88rem;margin-bottom:5px}.blog-use-case p{font-size:.8rem;color:var(--muted);margin:0!important;line-height:1.5}.blog-pricing-table{border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden;margin:16px 0 8px}.blog-pricing-row{display:grid;grid-template-columns:2fr 1fr 1fr;gap:10px;padding:11px 14px;font-size:.83rem;border-bottom:1px solid var(--border)}.blog-pricing-row:last-child{border-bottom:none}.blog-pricing-header{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);background:var(--bg-elev-2)}.blog-pricing-highlight{background:#e374000d;font-weight:600}@media (max-width: 520px){.blog-pricing-row{grid-template-columns:1fr;gap:3px}.blog-pricing-header{display:none}}.blog-list{padding-left:20px;margin:14px 0 22px}.blog-list li{font-size:.9rem;margin-bottom:7px;line-height:1.6}.blog-cta-box{margin:36px 0 20px;padding:28px 24px;background:#e374000f;border:1px solid rgba(227,116,0,.22);border-radius:var(--radius);text-align:center}.blog-cta-box h3{font-size:1.15rem;font-weight:700;margin-bottom:8px}.blog-cta-box p{color:var(--muted);font-size:.87rem;margin-bottom:18px!important;max-width:460px;margin-left:auto;margin-right:auto}.blog-internallink{display:flex;align-items:center;padding:14px 18px;margin:20px 0 24px;background:var(--bg-elev-2);border:1px solid var(--border);border-left:3px solid var(--amber);border-radius:var(--radius-sm)}.blog-internallink-anchor{font-size:.88rem;font-weight:600;color:var(--amber);text-decoration:none}.blog-internallink-anchor:hover{text-decoration:underline}.blog-figure{margin:24px 0 28px}.blog-img{width:100%;height:auto;border-radius:var(--radius-sm);border:1px solid var(--border)}.blog-caption{font-size:.75rem;color:var(--muted);text-align:center;margin-top:8px;font-style:italic}@media (min-width: 769px){html[data-theme=light] .topbar{background:linear-gradient(to bottom,#fff,#fffffffa 40%,#ffffffd1 72%,#fff0)!important;border-bottom:none!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;overflow:visible}html[data-theme=light] .topbar:before{display:none!important}html[data-theme=light] .topbar:after{content:"";position:absolute;left:0;right:0;bottom:-34px;height:34px;pointer-events:none;background:linear-gradient(to bottom,#ffffffc7,#fff0)}html[data-theme=light] .topbar.scrolled{box-shadow:none!important}}.tech-trust-section{margin-top:40px;padding:24px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.tech-trust-label{text-align:center;font-family:var(--font-mono);font-size:11px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:20px}.tech-trust-grid{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:30px 50px;max-width:900px;margin:0 auto}.tech-trust-logo{display:flex;align-items:center;justify-content:center;height:32px;color:var(--text);text-decoration:none;filter:grayscale(100%) opacity(.5);transition:filter .3s ease,transform .3s ease;cursor:pointer}.tech-trust-logo svg{height:24px;width:auto;display:block}.tech-trust-logo:hover{filter:grayscale(0%) opacity(1);transform:translateY(-2px)}@media (max-width: 768px){.tech-trust-grid{gap:20px 30px}.tech-trust-logo{height:28px}.tech-trust-logo svg{height:20px}.tech-trust-logo span{font-size:16px!important}}.topbar{position:sticky;top:0;z-index:var(--z-modal);pointer-events:auto}.topbar-left,.topbar-right,.topbar .icon-btn,.topbar .topbar-logo{pointer-events:auto;position:relative}.sidebar-overlay{pointer-events:none}.sidebar-overlay.show{pointer-events:auto}.main-footer{border-top:1px solid var(--border);padding:28px 22px 20px;font-size:12px;color:var(--muted);margin-top:40px;flex-shrink:0}.footer-inner{display:flex;align-items:flex-start;gap:32px;max-width:var(--content-max, 1040px);margin:0 auto;padding-bottom:16px}.footer-brand{display:flex;flex-direction:column;gap:4px;flex-shrink:0;max-width:280px}.footer-logo{display:inline-flex;align-items:center;gap:5px;width:fit-content}.footer-logo-hash{color:var(--amber);font-weight:650;font-size:14px}.footer-logo-text{color:color-mix(in srgb,var(--text) 82%,transparent);font-weight:600;font-size:12px;letter-spacing:.02em}.footer-tagline{font-size:11px;color:var(--muted);line-height:1.4;margin:0;opacity:.7}.footer-brand-location{display:block;font-size:11px;color:var(--muted);margin-top:2px}.footer-contact-link{display:inline-flex;align-items:center;gap:6px;margin-top:8px;font-size:12px;font-weight:600;color:var(--text)}.footer-contact-link:hover{color:color-mix(in srgb,var(--amber) 80%,var(--text))}.footer-nav{display:flex;gap:28px;flex:1;justify-content:flex-end}.footer-nav-col{display:flex;flex-direction:column;gap:3px}.footer-nav-heading{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text);margin-bottom:2px}.footer-nav-col a{font-size:12px;color:var(--muted);padding:1px 0}.footer-nav-col a:hover{color:var(--text)}.footer-trust-list{display:flex;flex-direction:column;gap:3px;margin:0;padding:0;list-style:none}.footer-trust-list li{font-size:12px;color:var(--muted);padding:1px 0}.footer-bottom{border-top:1px solid color-mix(in srgb,var(--border) 50%,transparent);max-width:var(--content-max, 1040px);margin:0 auto;padding-top:12px;display:flex;flex-wrap:wrap;align-items:center;gap:6px 20px}.footer-legal{display:flex;flex-wrap:wrap;gap:4px 12px}.footer-legal a{font-size:11px;color:var(--muted)}.footer-legal a:hover{color:var(--text)}.footer-meta{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-left:auto}.footer-copy{font-size:11px;color:var(--muted);margin:0}.footer-origin,.footer-trust{font-size:10px;color:var(--muted);opacity:.5}@media (min-width: 641px){.main-footer{padding:14px 22px 12px}.main-footer .footer-inner{display:none}}@media (max-width: 640px){.footer-inner{flex-direction:column;gap:20px}.footer-nav{display:grid;grid-template-columns:1fr 1fr;justify-content:flex-start;gap:16px;width:100%}.footer-meta{margin-left:0}}@media (max-width: 980px){.app-shell>.sidebar{position:fixed;top:0;left:0;height:100vh;height:100dvh;width:288px;transform:translate(-105%);transition:transform .35s cubic-bezier(.2,.8,.2,1);background:linear-gradient(180deg,var(--bg-elev) 0%,color-mix(in srgb,var(--bg-elev) 90%,transparent) 35%,transparent 100%);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:none;border-right:none;padding-bottom:env(safe-area-inset-bottom,20px)}.sidebar .nav-menu{mask-image:linear-gradient(to bottom,black 85%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,black 85%,transparent 100%)}.sidebar.open{transform:translate(0)}.app-shell #burgerBtn,.app-shell .burger-btn{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text);position:relative;z-index:calc(var(--z-topbar) + 1)}.app-shell .sidebar-close{display:inline-flex}.topbar .topbar-logo{display:flex;align-items:center;gap:6px}}.lang-toggle{font-size:12px;font-weight:800;letter-spacing:.08em}.lang-toggle__text{display:inline-flex;align-items:center;justify-content:center;line-height:1}.geo-summary{max-width:760px;background:transparent;border:none;box-shadow:none;padding-left:0;padding-right:0}[data-locale-block=en],html[lang=en] [data-locale-block=de]{display:none}html[lang=en] [data-locale-block=en]{display:block}.geo-summary h2{margin:0 0 8px;font-size:clamp(16px,2.4vw,20px)}.geo-faq__list{display:grid;gap:0}.geo-faq details.geo-faq__item,.geo-faq .geo-faq__item{background:transparent;border:none;border-radius:0;margin:0;overflow:visible;box-shadow:none}.geo-faq details.geo-faq__item[open],.geo-faq .geo-faq__item[open]{background:transparent;border:none}.geo-faq .geo-faq__item summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;padding:10px 0;font-weight:700;font-size:14px;line-height:1.35;color:var(--text);background:transparent}.geo-faq .geo-faq__item summary::-webkit-details-marker{display:none}.geo-faq .geo-faq__item summary:after{content:"expand_more";font-family:Material Icons;font-size:20px;font-weight:400;color:var(--muted);flex:0 0 auto}.geo-faq .geo-faq__item[open] summary:after{content:"expand_less"}.geo-faq .geo-faq__item p{margin:0 0 12px;padding:0;color:color-mix(in srgb,var(--muted) 70%,var(--text));line-height:1.6;font-size:14px}.geo-faq .geo-faq__item a{color:var(--amber);text-decoration:underline;text-underline-offset:2px}.arch-step[data-step="3"] .form-group>div:has(#aovInput),.arch-step[data-step="3"] .form-group>div:has(#cvrInput){display:flex!important;align-items:center;gap:8px;min-width:0}.arch-step[data-step="3"] .form-group>div:has(#aovInput)>.muted,.arch-step[data-step="3"] .form-group>div:has(#cvrInput)>.muted{flex:0 0 auto;min-width:max-content;padding-inline:2px;white-space:nowrap!important;word-break:normal!important;overflow-wrap:normal!important;line-height:1}.arch-step[data-step="3"] #aovInput,.arch-step[data-step="3"] #cvrInput{flex:1 1 0;min-width:0}.module-footer span,.arch-roi-card__label,.arch-roi-card__value,.feature-row-cost,.hud-kpi-value,.arch-mobile-hud__value{white-space:nowrap;word-break:normal;overflow-wrap:normal}@media (max-width: 980px){.app-shell>.sidebar{padding:12px;padding-bottom:calc(8px + env(safe-area-inset-bottom,0px))}.sidebar-header{height:36px;margin-bottom:8px}.sidebar .logo-area{gap:8px;padding-left:6px;font-size:14px}.sidebar-cta{margin:6px 0 8px}.sidebar-cta .nav-item{padding:8px 10px}.sidebar .nav-menu{gap:2px;overflow:auto;padding-right:0;mask-image:none;-webkit-mask-image:none}.sidebar .nav-label{font-size:10px;letter-spacing:.06em;margin:8px 0 4px 10px}.sidebar .nav-item{gap:8px;padding:7px 10px;font-size:13px;line-height:1.2}.sidebar .nav-item .icon{font-size:16px}.sidebar .nav-spacer{height:6px}.sidebar-footer{padding-top:10px;padding-bottom:calc(6px + env(safe-area-inset-bottom,0px));gap:8px}.footer-links{gap:6px 10px;font-size:10px}.ruta-ref{font-size:9px;line-height:1.25;margin-bottom:0;opacity:.65}}@media (max-width: 980px) and (max-height: 700px){.app-shell>.sidebar{padding:10px;padding-bottom:calc(4px + env(safe-area-inset-bottom,0px))}.sidebar-header{height:34px;margin-bottom:6px}.sidebar-cta{margin:4px 0 6px}.sidebar .nav-label{margin:6px 0 3px 9px}.sidebar .nav-item{padding:6px 9px;font-size:12px}.sidebar .nav-spacer{height:4px}.sidebar-footer{padding-top:8px;gap:6px}}.arch-intro{display:block;min-height:0}.arch-intro[hidden],#introScreen[hidden],#introScreen.hidden{display:none!important}.arch-intro__inner{max-width:620px}.arch-intro__badge{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.1em;color:var(--amber);margin-bottom:20px}.arch-intro__badge-dot{width:7px;height:7px;border-radius:50%;background:var(--amber);animation:arch-blink 2s ease-in-out infinite}@keyframes arch-blink{0%,to{opacity:1}50%{opacity:.3}}.arch-progress{margin-bottom:24px}.arch-progress__track{height:3px;background:var(--border);border-radius:2px;overflow:hidden;margin-bottom:14px}.arch-progress__fill{height:100%;width:0%;background:var(--amber);border-radius:2px;transition:width .4s ease}.arch-progress__steps{display:flex;gap:4px}.arch-progress__step{flex:1;display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid transparent;border-radius:999px;background:transparent;color:var(--muted);cursor:pointer;font-family:var(--font-ui);font-size:12px;transition:background .16s ease,color .16s ease,border-color .16s ease}.arch-progress__step:hover{background:color-mix(in srgb,var(--bg-elev-2) 78%,transparent);border-color:var(--border)}.arch-progress__step.active{background:color-mix(in srgb,var(--amber) 12%,transparent);border-color:color-mix(in srgb,var(--amber) 22%,var(--border));color:var(--text)}.arch-progress__step.completed{color:var(--text);opacity:.7}.arch-progress__step-num{font-family:var(--font-mono);font-weight:700;font-size:11px;color:var(--amber)}.arch-progress__step-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.arch-layout{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}.arch-layout__left{min-width:0}.arch-layout__right{position:sticky;top:calc(var(--topbar-h) + 16px);min-width:0;display:flex;flex-direction:column;gap:14px}@media (max-width: 980px){.arch-layout{grid-template-columns:1fr}.arch-layout__right{position:static;display:none}.arch-layout__right.mobile-reveal{display:flex;flex-direction:column;gap:16px}}.arch-step[hidden]{display:none!important}.arch-step__header{display:flex;align-items:flex-start;gap:14px;margin-bottom:18px}.arch-step__badge{font-family:var(--font-mono);font-size:11px;font-weight:700;color:var(--amber);background:color-mix(in srgb,var(--amber) 10%,transparent);border:1px solid color-mix(in srgb,var(--amber) 22%,var(--border));border-radius:8px;padding:6px 10px;flex-shrink:0;margin-top:2px}.arch-step__title{font-size:18px;font-weight:700;margin:0 0 4px}.persona-gate{max-width:900px;margin:40px auto;padding:0 20px;animation:fadeUp .4s ease-out}.persona-gate__header{margin-bottom:30px;text-align:center}.persona-gate__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.persona-btn{text-align:left;background:transparent;width:100%;display:block;cursor:pointer;color:var(--text);transition:transform .2s ease,border-color .2s ease}.persona-btn:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--amber) 40%,var(--border))}.persona-btn h3{margin:12px 0 8px;font-size:16px}.persona-btn p{font-size:13px;color:var(--muted);margin:0;line-height:1.5}.arch-type-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.module-card[aria-checked=true]{border-color:var(--amber)!important;background:linear-gradient(to bottom,var(--bg-elev),var(--bg))!important;box-shadow:0 8px 24px #e374001f!important}.module-card[aria-checked=true] .module-top .icon{color:var(--amber)}body[data-persona=einsteiger] [data-step="1"] .modules-grid{margin-top:24px}.arch-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:4px;border-radius:2px;background:var(--border);outline:none;border:none;padding:0;margin:10px 0}.arch-slider::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:var(--amber);cursor:pointer;border:2px solid var(--bg);box-shadow:0 2px 6px #0003}.arch-slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--amber);cursor:pointer;border:2px solid var(--bg);box-shadow:0 2px 6px #0003}.arch-slider__output{display:block;text-align:center;font-family:var(--font-mono);font-size:13px;font-weight:600;color:var(--text);margin-top:8px}.arch-fieldset--mobile{display:none}@media (max-width: 768px){.arch-fieldset--mobile{display:block}.arch-slider,.arch-slider__output,.arch-slider__ticks{display:none!important}}.arch-toggles{display:flex;flex-direction:column;gap:10px}.arch-toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;transition:border-color .16s ease,background .16s ease}.arch-toggle:hover{border-color:var(--border-strong)}.arch-toggle__left{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.arch-toggle__input{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.arch-toggle__switch{width:36px;height:20px;border-radius:999px;background:var(--border);flex-shrink:0;position:relative;transition:background .2s ease}.arch-toggle__switch:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:var(--bg);transition:transform .2s ease,background .2s ease;box-shadow:0 1px 3px #00000026}.arch-toggle__input:checked~.arch-toggle__switch{background:var(--amber)}.arch-toggle__input:checked~.arch-toggle__switch:after{transform:translate(16px);background:#fff}.arch-toggle:has(.arch-toggle__input:checked){border-color:color-mix(in srgb,var(--amber) 30%,var(--border));background:color-mix(in srgb,var(--amber) 6%,var(--bg-elev))}.arch-toggle__meta{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex-shrink:0}@media (max-width: 600px){.arch-toggle{flex-direction:column;align-items:flex-start}.arch-toggle__meta{align-items:flex-start;flex-direction:row;gap:8px}}.arch-warnings{margin-top:14px;display:flex;flex-direction:column;gap:8px}.arch-warning{display:flex;align-items:flex-start;gap:10px;padding:10px 14px;border-radius:var(--radius-sm);font-size:13px;line-height:1.5;border:1px solid var(--border);background:color-mix(in srgb,var(--bg-elev) 92%,transparent);animation:fadeUp .22s ease-out}.arch-warning--critical{border-color:#ef44444d;background:#ef44440f}.arch-warning--info{border-color:color-mix(in srgb,var(--amber) 25%,var(--border));background:color-mix(in srgb,var(--amber) 5%,transparent)}.arch-warning__icon{font-size:16px;flex-shrink:0;margin-top:1px}.arch-warning__close{margin-left:auto;background:none;border:none;color:var(--muted);cursor:pointer;padding:0;font-size:16px;opacity:.5}.arch-warning__close:hover{opacity:1}#techStackZone{display:flex;flex-wrap:wrap;gap:6px;padding:0 2px}.arch-tech-pill{display:inline-block;padding:3px 10px;font-size:11px;font-weight:600;letter-spacing:.3px;color:var(--text-secondary, #94a3b8);background:color-mix(in srgb,var(--amber, #e37400) 8%,transparent);border:1px solid color-mix(in srgb,var(--amber, #e37400) 20%,var(--border, #1e293b));border-radius:999px;white-space:nowrap;line-height:1.5}.ai-preview-box{padding:14px 16px;background:var(--bg-elev-2);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:13px;color:var(--muted);line-height:1.6;position:relative;overflow:hidden;transition:border-color .3s ease}.ai-preview-box[data-loading=true]{border-color:color-mix(in srgb,var(--amber) 30%,var(--border))}.ai-preview-box[data-loading=true] .ai-preview-text{animation:aiPulse 2s ease-in-out infinite}.ai-preview-box[data-loading=true]:after{content:"";position:absolute;bottom:0;left:0;height:2px;width:40%;background:var(--amber);opacity:.6;animation:aiScanLine 2.5s ease-in-out infinite}.ai-preview-header{display:flex;align-items:center;gap:6px;margin-bottom:8px;font-size:11px;text-transform:uppercase;letter-spacing:.05em;font-weight:600}.ai-preview-label{color:var(--amber)}.ai-preview-status{margin-left:auto;font-size:10px;font-weight:500;color:var(--muted);font-family:var(--font-mono)}.ai-preview-text{display:block;color:var(--text-secondary, var(--muted))}@keyframes aiPulse{0%,to{opacity:.5}50%{opacity:1}}@keyframes aiScanLine{0%{transform:translate(-100%);left:0}to{transform:translate(250%);left:0}}.arch-hud__row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}.arch-hud__metric{display:flex;flex-direction:column;gap:4px}@media (max-width: 600px){.arch-hud__row{grid-template-columns:1fr;gap:8px}.arch-hud__metric{flex-direction:row;justify-content:space-between;align-items:center}}.arch-graph{overflow:hidden;border-radius:var(--radius)}.arch-graph svg{display:block;width:100%}#graphContainer{border-radius:var(--radius);overflow:hidden;background:color-mix(in srgb,var(--bg-elev) 55%,var(--bg))}#graphContainer>svg{display:block;border-radius:var(--radius)}.arch-roi{border-radius:var(--radius)}.arch-techstack{display:flex;flex-wrap:wrap;gap:6px}.arch-techstack .pill{font-size:11px;padding:4px 10px}@media (prefers-reduced-motion: reduce){.arch-intro__badge-dot{animation:none}.arch-progress__fill{transition:none}}.topbar{pointer-events:auto;z-index:var(--z-topbar)}.topbar-left,.topbar-right,.topbar .icon-btn,.topbar .topbar-logo{pointer-events:auto}#successScreen{pointer-events:none!important;visibility:hidden}#successScreen:not([hidden]).arch-success--visible{pointer-events:auto!important;visibility:visible}.persona-features{list-style:none;padding:0;margin:16px 0 0;font-size:13px;color:var(--muted)}.persona-features li{display:flex;align-items:center;gap:8px;padding:6px 0;border-top:1px solid var(--border)}.persona-features li:first-child{border-top:none;padding-top:0}.persona-features .icon{font-size:16px;color:var(--green)}.persona-btn:hover .persona-features .icon{color:var(--amber)}.persona-btn[aria-pressed=true]{border-color:var(--amber);background:#ffbf0014}.persona-btn[aria-pressed=true] .badge{background:var(--amber);color:var(--bg-base)}body[data-persona=einsteiger] [data-advanced=true],body[data-persona=einsteiger] .tech-detail,body[data-persona=einsteiger] .api-endpoint-info{display:none}body:not([data-persona=profi]) .profi-only{display:none}body[data-persona=profi] .hide-for-profi{display:none}.arch-progress{position:relative}body[data-persona=einsteiger] .arch-progress:before{content:"Einsteiger-Modus";font-size:11px;color:var(--green);position:absolute;top:-20px;right:0}body[data-persona=fortgeschritten] .arch-progress:before{content:"Fortgeschritten";font-size:11px;color:var(--amber);position:absolute;top:-20px;right:0}body[data-persona=profi] .arch-progress:before{content:"Profi-Modus";font-size:11px;color:var(--text);position:absolute;top:-20px;right:0}.only-einsteiger,.only-fortgeschritten,.only-profi{display:none}body[data-persona=einsteiger] .only-einsteiger,body[data-persona=fortgeschritten] .only-fortgeschritten,body[data-persona=profi] .only-profi{display:block}body[data-persona=einsteiger] span.only-einsteiger,body[data-persona=einsteiger] a.only-einsteiger,body[data-persona=fortgeschritten] span.only-fortgeschritten,body[data-persona=fortgeschritten] a.only-fortgeschritten,body[data-persona=profi] span.only-profi,body[data-persona=profi] a.only-profi{display:inline}body:not([data-persona]) .only-einsteiger{display:block}body:not([data-persona]) span.only-einsteiger,body:not([data-persona]) a.only-einsteiger{display:inline}body[data-persona=profi] .only-profi.contents-when-visible,body[data-persona=fortgeschritten] .only-fortgeschritten.contents-when-visible,body[data-persona=einsteiger] .only-einsteiger.contents-when-visible{display:contents}body:not([data-persona]) .only-einsteiger.contents-when-visible{display:contents}.segmented{background:var(--bg-elev-2);border-radius:var(--radius-sm);padding:4px;border:1px solid var(--border)}.seg-btn{background:transparent;border:none;border-radius:6px;padding:8px 12px;font-size:13px;font-weight:500;color:var(--muted);cursor:pointer;transition:all .2s ease}.seg-btn:hover{color:var(--text)}.seg-btn.active{background:var(--text);color:var(--bg);font-weight:600;box-shadow:0 2px 4px #0000001a}.module-content h3{color:var(--text)!important}.module-content p{color:var(--muted)!important}.arch-gate__profi-panel{padding:20px;border:1px solid color-mix(in srgb,var(--amber) 30%,var(--border));border-radius:var(--radius-md);background:color-mix(in srgb,var(--bg-elev) 80%,transparent)}.arch-gate__profi-head{display:flex;flex-direction:column;gap:4px;margin-bottom:16px}.arch-gate__profi-title{font-weight:700;font-size:15px;color:var(--text);letter-spacing:.2px}.arch-gate__profi-sub{font-size:12px;color:var(--muted);line-height:1.4}.arch-gate__profi-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:16px}.arch-gate__kv{padding:12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-elev-2)}.arch-gate__k{display:block;font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}.arch-gate__v{display:block;margin-top:6px;font-family:var(--font-mono);font-size:13px;color:var(--text);font-weight:600}.arch-gate__profi-infra{border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden;background:var(--bg-elev-2);margin-bottom:16px}.arch-gate__profi-row{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-top:1px solid var(--border)}.arch-gate__profi-row:first-child{border-top:none}.arch-gate__profi-row--total{background:color-mix(in srgb,var(--amber) 8%,transparent)}.arch-gate__export-row{display:flex;flex-wrap:wrap;gap:10px}.arch-gate__export-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid color-mix(in srgb,var(--amber) 40%,var(--border));background:color-mix(in srgb,var(--amber) 5%,var(--bg-elev));color:var(--text);border-radius:999px;padding:8px 16px;font-size:12px;font-weight:600;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;gap:6px}.arch-gate__export-btn:before{content:"content_copy";font-family:Material Icons;font-size:14px;color:var(--amber)}.arch-gate__export-btn:hover{transform:translateY(-2px);background:color-mix(in srgb,var(--amber) 12%,var(--bg-elev));border-color:var(--amber);box-shadow:0 4px 12px #e3740026}.arch-gate__export-btn--ok{border-color:var(--green)!important;background:color-mix(in srgb,var(--green) 10%,var(--bg-elev))!important;color:var(--green)!important}.arch-gate__export-btn--ok:before{content:"check_circle";color:var(--green)}.arch-gate__profi-panel .form-group{margin-bottom:12px}.arch-gate__profi-panel .form-group label{font-size:13px;font-weight:600;margin-bottom:4px;display:block}.arch-gate__profi-panel h3{font-size:16px;margin-top:0;margin-bottom:4px}@media (max-width: 520px){.arch-gate__profi-grid{grid-template-columns:1fr}.arch-gate__export-btn{width:100%;justify-content:center}}.arch-toggle:has(input[data-feature=hardening]){position:relative;overflow:hidden;border-color:color-mix(in srgb,var(--amber) 20%,var(--border));background:linear-gradient(145deg,var(--bg-elev),color-mix(in srgb,var(--amber) 3%,var(--bg-elev)));transition:border-color .25s cubic-bezier(.4,0,.2,1),box-shadow .25s cubic-bezier(.4,0,.2,1),transform .25s cubic-bezier(.4,0,.2,1),background .25s cubic-bezier(.4,0,.2,1)}.arch-toggle:has(input[data-feature=hardening]):hover{border-color:var(--amber);box-shadow:0 4px 20px #e3740014;transform:translateY(-1px)}.arch-toggle:has(input[data-feature=hardening]) .badge-amber{background:color-mix(in srgb,var(--amber) 15%,transparent);border:1px solid color-mix(in srgb,var(--amber) 40%,transparent);animation:pulse-amber 3s infinite alternate}@keyframes pulse-amber{0%{box-shadow:0 0 #e3740066}to{box-shadow:0 0 0 4px #e3740000}}@media (prefers-reduced-motion: reduce){.arch-toggle:has(input[data-feature=hardening]) .badge-amber{animation:none!important}}.hp-field{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important;opacity:0!important;pointer-events:none!important}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}body[data-input-modality=keyboard] .skip-link:focus,body[data-input-modality=keyboard] .skip-link:focus-visible{position:fixed!important;width:auto!important;height:auto!important;clip:auto!important;margin:0!important;padding:10px 14px!important;top:12px!important;left:12px!important;z-index:9000!important;border-radius:8px;border:1px solid color-mix(in srgb,var(--amber) 50%,var(--border));background:var(--bg-elev);color:var(--text);box-shadow:0 8px 24px #00000040}.infra-row{display:flex;justify-content:space-between;padding:4px 0;border-bottom:1px solid var(--border)}.infra-row--total{display:flex;justify-content:space-between;padding:8px 0 0;font-weight:600}.module-top-icon{font-size:18px;color:var(--muted)}.profi-card-header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.toggle-compact{padding:10px 12px;background:var(--bg-elev-2);border:1px solid var(--border);border-radius:var(--radius-sm)}.text-mono-sm{font-family:var(--font-mono);font-size:12px;line-height:1.8}.feature-list{display:grid;gap:12px}.feature-row-card{display:flex;justify-content:space-between;align-items:flex-start;cursor:pointer;padding:16px}.feature-row-main{display:flex;gap:12px}.feature-row-meta{text-align:right;min-width:85px}.icon-18{font-size:18px}.icon-muted{color:var(--muted)}.icon-amber{color:var(--amber)}.icon-green{color:var(--green)}.data-label-inline{margin:0}.badge-sm{font-size:10px}.muted-block-intro{margin:0 0 16px}.feature-row-cost{display:block;margin-top:6px}.warnings-zone{margin-top:12px}.text-11{font-size:11px}.btn-w-full{width:100%}.card-infra{border-left:3px solid var(--green)}.infra-total-value{color:var(--green)}.infra-note{font-size:11px}.hud-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;align-items:start}.hud-kpi{padding:12px;flex:1}.hud-kpi-value{font-size:14px}.hud-kpi-value-green{color:var(--green)}.hud-compile-row{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--border);padding-top:12px}.hud-compile-label{margin:0}.hud-compile-badge{font-family:var(--font-mono);font-weight:700}.hud-commentary-box{padding:12px 16px;border-left:3px solid var(--amber);background:var(--bg-elev-2);border-radius:var(--radius-sm);font-size:13px;color:var(--muted);line-height:1.5}.keyboard-hints{display:flex;align-items:center;justify-content:center;gap:16px;padding:6px 0;margin:-4px 0 8px;font-size:11px;color:var(--muted);opacity:.55;transition:opacity .3s ease}.keyboard-hints:hover{opacity:.85}.keyboard-hint{display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.keyboard-hint kbd{display:inline-block;padding:1px 5px;font-family:var(--font-mono);font-size:10px;font-weight:600;line-height:1.4;color:var(--muted);background:var(--bg-elev-2);border:1px solid var(--border);border-radius:3px;box-shadow:0 1px 0 var(--border)}@media (max-width: 768px){.keyboard-hints{display:none}}#trafficSlider{touch-action:pan-y}#trafficSlider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:44px;height:44px;border-radius:50%;background:var(--amber);border:3px solid var(--bg);box-shadow:0 2px 8px #0000002e;cursor:pointer}#trafficSlider::-moz-range-thumb{width:44px;height:44px;border-radius:50%;background:var(--amber);border:3px solid var(--bg);box-shadow:0 2px 8px #0000002e;cursor:pointer}#graphContainer{touch-action:manipulation}@media (max-width: 768px){.arch-progress__step{padding:12px 8px;min-height:44px}.seg-btn{padding:12px;min-height:44px}}#mobileBottomNav{background:var(--bg);border-top:1px solid var(--border);border-radius:var(--radius-sm) var(--radius-sm) 0 0}@media (max-width: 980px){#mobileBottomNav{width:100%;max-width:100%;box-sizing:border-box;align-items:center;overflow:hidden}#mobileBottomNav .btn{min-height:44px;min-width:44px;margin-top:0;white-space:nowrap;overflow-wrap:normal;word-break:normal;flex-wrap:nowrap;border-radius:14px}#mobileBottomNav .btn-ghost{width:auto!important;flex:0 0 auto!important;padding-inline:14px}#mobileBottomNav .btn-primary{width:auto;min-width:0;flex:1 1 auto!important;padding-inline:14px;overflow:hidden;text-overflow:ellipsis}#mobileBottomNav .btn-primary .icon{flex:0 0 auto}}@media (max-width: 380px){#mobileBottomNav{gap:8px!important;padding-left:12px!important;padding-right:12px!important}#mobileBottomNav .btn{font-size:13px;padding-inline:12px}}@media (min-width: 981px){#mobileBottomNav{display:none!important}}@media (max-width: 980px){#graphContainer{height:clamp(520px,78vh,760px)!important;min-height:520px!important}}@media (max-width: 480px){#graphContainer{height:clamp(660px,104vh,820px)!important;min-height:660px!important}}@media (max-width: 768px){.arch-progress__steps{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:2px}.arch-progress__steps::-webkit-scrollbar{display:none}.arch-progress__step{min-width:120px}.arch-step[data-step="2"] label.card{align-items:flex-start!important}.arch-step[data-step="2"] label.card>div:last-child{min-width:0!important;width:100%;margin-top:10px;text-align:left!important}.arch-step[data-step="2"] label.card>div:last-child .badge{margin-right:8px}.module-card{padding:18px}.persona-gate{margin:24px auto;padding:0 14px}.persona-gate__grid{gap:14px}}@media (max-width: 480px){.page-heading-lg{font-size:24px;line-height:1.2;margin-bottom:8px}.desc,.subtitle{font-size:14px;line-height:1.55}.module-content h3{font-size:14px;line-height:1.3}.module-content p{font-size:12px;line-height:1.45}.arch-progress__step-label{font-size:11px}.arch-progress__step-num{font-size:10px}.content{padding-left:12px;padding-right:12px}.section-intro{margin-bottom:14px}.card,.card--padded,.module-card{padding:14px}.form-row-2{gap:10px}.persona-gate{margin:18px auto;padding:0 10px}.persona-features{margin-top:12px;font-size:12px}.mt-lg{margin-top:14px}}@media (max-width: 768px){.arch-step .form-group{margin-bottom:14px!important}.arch-step label{font-size:12px;line-height:1.4}.arch-step .text-hint,.arch-step .muted.text-hint{font-size:11px;line-height:1.45}.arch-step .btn,#mobileBottomNav .btn,.topbar .icon-btn{min-height:44px}#roiPreview .card,#roiChartContainer .card,#techStackZone{margin-top:8px}.chips{gap:6px}.chip{font-size:11px;padding:5px 9px}.arch-layout__right.mobile-reveal .kpi{padding:10px}.arch-layout__right.mobile-reveal .kpi-value{font-size:15px!important;line-height:1.3}}@media (max-width: 480px){.hero-title{font-size:28px;line-height:1.15}.hero-subtitle{margin-top:8px;margin-bottom:14px}.arch-step input,.arch-step textarea,.arch-step select{font-size:16px;padding:11px;border-radius:10px}.arch-step[data-step="2"] label.card{padding:12px!important}.arch-step[data-step="2"] .muted.text-sm{font-size:12px;line-height:1.45}.arch-step .btn{font-size:14px;line-height:1.2}.arch-footer .ruta-ref,.arch-footer .muted{font-size:11px!important;line-height:1.4}}@media (max-width: 980px){html,body{overflow-x:hidden;max-width:100%}.app-shell,.main,.content{max-width:100%;min-width:0}.content img,.content svg,.content canvas,.content table{max-width:100%}}@media (max-width: 640px){.modules-grid,.arch-type-grid{grid-template-columns:1fr!important;gap:12px}}@media (max-width: 640px){.segmented{flex-wrap:wrap}.segmented .seg-btn{min-width:0;flex:1 1 30%;padding-left:8px;padding-right:8px;font-size:12px;white-space:normal;overflow-wrap:anywhere}}@media (max-width: 480px){.arch-progress__steps{overflow-x:visible}.arch-progress__step{min-width:0;flex:1 1 0;padding:10px 4px}.arch-progress__step-label{display:none}}.arch-confirm-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px;background:#06090c9e;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);animation:archConfirmFade .16s ease-out}@keyframes archConfirmFade{0%{opacity:0}to{opacity:1}}.arch-confirm{width:100%;max-width:420px;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-lg, 14px);box-shadow:0 24px 60px #00000073;padding:24px;outline:none;animation:archConfirmPop .18s cubic-bezier(.2,.8,.2,1)}@keyframes archConfirmPop{0%{transform:translateY(8px) scale(.98);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.arch-confirm__title{margin:0 0 10px;font-size:17px;font-weight:700;color:var(--text)}.arch-confirm__body{margin:0 0 20px;font-size:13px;line-height:1.55;color:var(--muted)}.arch-confirm__actions{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap}.arch-confirm__actions .arch-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:var(--radius-sm, 10px);padding:10px 16px;font-size:13px;font-weight:600;cursor:pointer;border:1px solid var(--border);transition:background .15s ease,border-color .15s ease,transform .1s ease}.arch-confirm__actions .arch-btn:focus-visible{outline:2px solid var(--amber);outline-offset:2px}.arch-confirm__actions .arch-btn--ghost{background:transparent;color:var(--text)}.arch-confirm__actions .arch-btn--ghost:hover{border-color:var(--border-strong, var(--text));background:color-mix(in srgb,var(--text) 6%,transparent)}.arch-confirm__actions .arch-btn--danger{background:#ef4444;border-color:#ef4444;color:#fff}.arch-confirm__actions .arch-btn--danger:hover{background:#dc2626;border-color:#dc2626;transform:translateY(-1px)}@media (max-width: 480px){.arch-confirm__actions .arch-btn{flex:1 1 100%;text-align:center}}@media (prefers-reduced-motion: reduce){.arch-confirm-backdrop,.arch-confirm{animation:none}}.topbar,.topbar-left,.topbar-right{align-items:center}.topbar-left,.topbar-right{display:flex}.topbar .topbar-logo{min-height:44px;display:inline-flex;align-items:center;line-height:1}.topbar .icon-btn{width:44px;height:44px;min-width:44px;padding:0;display:inline-flex;align-items:center;justify-content:center;line-height:1;align-self:center}.topbar .icon-btn .icon,.topbar .icon-btn .material-icons{display:block;font-size:22px;line-height:1}.content,.view-section,.arch-layout,.arch-step,.arch-layout__left,.arch-layout__right{overflow-anchor:none}.view-section,.arch-step,.card,.module-card,.feature-row-card,.arch-toggle,.ai-preview-box,#roiChartContainer,#techStackZone{min-width:0}.content{overflow-x:clip}.content *,.arch-confirm *{overflow-wrap:anywhere}.module-content,.feature-row-main>div,.arch-toggle__left>div,.hud-kpi,.arch-roi-card{min-width:0}input[type=checkbox]:not(.arch-toggle__input):not(.arch-gate__checkbox):not(.file-input-sr),input[type=radio]:not(.arch-toggle__input):not(.file-input-sr){-moz-appearance:none;appearance:none;-webkit-appearance:none;width:22px!important;height:22px;min-width:22px;margin:0;padding:0;display:inline-grid;place-content:center;flex:0 0 22px;border:1.5px solid var(--border-strong);background:linear-gradient(180deg,color-mix(in srgb,var(--bg-elev) 96%,white),var(--bg-elev-2));box-shadow:inset 0 1px #ffffff59,0 1px 2px #0f172a0f;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease,transform .1s ease}input[type=checkbox]:not(.arch-toggle__input):not(.arch-gate__checkbox):not(.file-input-sr){border-radius:7px}input[type=radio]:not(.arch-toggle__input):not(.file-input-sr){border-radius:999px}input[type=checkbox]:not(.arch-toggle__input):not(.arch-gate__checkbox):not(.file-input-sr):after{content:"";width:11px;height:7px;border:solid #fff;border-width:0 0 2px 2px;transform:rotate(-45deg) scale(.72);opacity:0;transform-origin:center;transition:opacity .12s ease,transform .12s ease}input[type=radio]:not(.arch-toggle__input):not(.file-input-sr):after{content:"";width:9px;height:9px;border-radius:999px;background:#fff;opacity:0;transform:scale(.6);transition:opacity .12s ease,transform .12s ease}input[type=checkbox]:not(.arch-toggle__input):not(.arch-gate__checkbox):not(.file-input-sr):hover,input[type=radio]:not(.arch-toggle__input):not(.file-input-sr):hover{border-color:color-mix(in srgb,var(--amber) 55%,var(--border-strong));box-shadow:0 0 0 4px color-mix(in srgb,var(--amber) 10%,transparent)}input[type=checkbox]:not(.arch-toggle__input):not(.arch-gate__checkbox):not(.file-input-sr):checked,input[type=radio]:not(.arch-toggle__input):not(.file-input-sr):checked{border-color:var(--amber);background:linear-gradient(180deg,color-mix(in srgb,var(--amber) 92%,white),var(--amber));box-shadow:0 0 0 4px color-mix(in srgb,var(--amber) 12%,transparent)}input[type=checkbox]:not(.arch-toggle__input):not(.arch-gate__checkbox):not(.file-input-sr):checked:after,input[type=radio]:not(.arch-toggle__input):not(.file-input-sr):checked:after{opacity:1;transform:rotate(-45deg) scale(1)}input[type=radio]:not(.arch-toggle__input):not(.file-input-sr):checked:after{transform:scale(1)}input[type=checkbox]:not(.arch-toggle__input):not(.arch-gate__checkbox):not(.file-input-sr):disabled,input[type=radio]:not(.arch-toggle__input):not(.file-input-sr):disabled{cursor:not-allowed;opacity:.45}.feature-row-card:has(input[type=checkbox]:checked){border-color:color-mix(in srgb,var(--amber) 34%,var(--border));background:color-mix(in srgb,var(--amber) 5%,var(--bg-elev))}.feature-row-main{min-width:0}.feature-row-main>input[type=checkbox]{margin-top:1px!important}.arch-toggle{min-height:44px;border-radius:var(--radius-sm)}.arch-toggle__switch{width:44px;height:26px;border:1px solid var(--border);background:color-mix(in srgb,var(--bg-elev-2) 86%,transparent);box-shadow:inset 0 1px 2px #0f172a14}.arch-toggle__switch:after{width:20px;height:20px;top:2px;left:2px;background:var(--bg-elev)}.arch-toggle__input:checked~.arch-toggle__switch:after{transform:translate(18px)}.arch-toggle__input:focus-visible~.arch-toggle__switch{box-shadow:0 0 0 4px var(--ring)}.hud-grid{grid-template-columns:repeat(3,minmax(0,1fr))}#roiChartContainer{width:100%;max-width:100%;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius);background:color-mix(in srgb,var(--bg-elev) 88%,transparent);padding:14px;box-shadow:var(--shadow-sm)}.arch-roi-svg-wrap{width:100%;min-width:0;overflow:hidden}.arch-roi-svg{width:100%;max-width:100%}@media (max-width: 980px){:root{--content-max: 100%}.content{padding-left:max(12px,env(safe-area-inset-left,0px));padding-right:max(12px,env(safe-area-inset-right,0px))}.view-section{width:100%;max-width:100%}.arch-layout{gap:14px}.arch-layout__right.mobile-reveal{width:100%}.arch-layout__right.mobile-reveal>.card,.arch-layout__right.mobile-reveal>.ai-preview-box,.arch-layout__right.mobile-reveal>#graphContainer,.arch-layout__right.mobile-reveal>#roiChartContainer,.arch-layout__right.mobile-reveal>#techStackZone,.arch-layout__right.mobile-reveal>.btn{width:100%;max-width:100%}.feature-row-card{gap:14px}.feature-row-main{align-items:flex-start}.arch-gate__profi-row,.infra-row,.infra-row--total,.hud-compile-row{gap:12px}}@media (max-width: 768px){.topbar{min-width:0}.topbar-logo .logo-text{max-width:42vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.arch-progress{margin-bottom:18px}.feature-row-card,.arch-toggle{transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease,transform .12s ease}.feature-row-card:active,.arch-toggle:active,.module-card:active{transform:scale(.995)}#roiChartContainer{padding:16px}.arch-roi-legend{row-gap:10px!important}}@media (max-width: 600px){.feature-row-card{flex-direction:column}.feature-row-main{width:100%}.feature-row-meta{width:100%;min-width:0;display:flex;align-items:center;justify-content:space-between;gap:10px}.feature-row-cost{margin-top:0;text-align:right}.hud-grid,.arch-hud__row{grid-template-columns:1fr}.hud-kpi{display:flex;align-items:center;justify-content:space-between;gap:12px}.hud-kpi-value{text-align:right}.arch-toggle__left{width:100%}}@media (max-width: 480px){.content{padding-left:10px;padding-right:10px}.card,.card--padded,.module-card{border-radius:14px}.arch-gate__profi-row,.infra-row,.infra-row--total{flex-direction:column;align-items:flex-start}#roiChartContainer{padding:14px;border-radius:14px}.arch-roi-cards{grid-template-columns:1fr!important}.arch-roi-card:last-child{grid-column:auto!important}}@media (max-width: 768px){.content{line-height:1.6}.muted,.desc,.text-hint,.module-content p,.persona-btn p,.persona-features{color:color-mix(in srgb,var(--muted) 72%,var(--text))!important}.section-intro{margin-bottom:22px}.section-intro .page-heading-lg,.persona-gate__header h2,.module-content h3,.card h3,.card h4{margin-bottom:10px;line-height:1.24}.section-intro .desc,.module-content p,.persona-btn p,.card p,.arch-toggle__left span,.feature-row-main .muted,.text-sm{font-size:max(14px,.875rem);line-height:1.62}.text-hint,.muted.text-hint,.text-11{font-size:12px!important;line-height:1.55}.card,.card--padded,.module-card,.persona-btn,.feature-row-card,.arch-toggle{padding:18px}.modules-grid,.persona-gate__grid{gap:16px}.persona-gate{margin:30px auto}.persona-gate__header{margin-bottom:20px}.persona-btn{gap:10px}.persona-btn h3{margin:14px 0 10px;font-size:17px;line-height:1.25}.persona-features{margin-top:14px;gap:9px}.module-card{gap:14px}.module-content h3{font-size:16px}.module-content p{margin-top:8px}.form-group,.form-row-2,.arch-step .card,.arch-step .module-card{margin-bottom:16px}}@media (max-width: 480px){.page-heading-lg{font-size:26px}.card,.card--padded,.module-card,.persona-btn,.feature-row-card,.arch-toggle{padding:16px}.modules-grid,.persona-gate__grid{gap:14px}}@media (max-width: 768px){.badge,.chip,.kpi-label,.kpi-value,.hud-kpi-label,.hud-kpi-value,.hud-compile-label,.hud-compile-badge,.arch-compilation-score,.arch-progress__step-num,.arch-progress__step-label,.arch-mobile-hud__label,.arch-mobile-hud__value,.arch-tech-pill,.feature-row-cost,.module-footer span,.arch-roi-legend__item,.arch-roi-card__label,.arch-roi-card__value,.seg-btn,.btn,#mobileBottomNav .btn,.data-label,output,kbd{white-space:nowrap!important;word-break:normal!important;overflow-wrap:normal!important}.hud-kpi-value,.arch-mobile-hud__value,.arch-roi-card__value,.feature-row-cost,.module-footer span{min-width:max-content}.arch-mobile-hud__metric,.hud-kpi,.module-footer,.feature-row-meta,.arch-roi-card{min-width:0}.arch-mobile-hud__value,.hud-kpi-value{font-size:clamp(12px,3.4vw,14px)}}.content#content-display{position:relative;isolation:isolate}.content#content-display:before{content:"";position:absolute;top:0;left:0;right:0;height:clamp(440px,60vh,760px);z-index:-1;pointer-events:none;background:radial-gradient(72% 100% at 14% -8%,color-mix(in srgb,var(--amber) 14%,transparent),transparent 62%),radial-gradient(60% 90% at 88% 14%,color-mix(in srgb,var(--amber) 8%,transparent),transparent 70%),radial-gradient(58% 80% at 50% -2%,color-mix(in srgb,var(--amber) 6%,transparent),transparent 75%);-webkit-mask-image:linear-gradient(180deg,#000 0%,#000 62%,transparent 100%);mask-image:linear-gradient(180deg,#000 0%,#000 62%,transparent 100%)}.topbar-right{pointer-events:auto;display:inline-flex;align-items:center;gap:8px;padding:6px;border-radius:999px;background:linear-gradient(135deg,#ffffffb8,#ffffff75);border:1px solid rgba(15,23,42,.08);box-shadow:0 18px 42px #0f172a14,inset 0 1px #ffffffad;backdrop-filter:blur(18px) saturate(1.08);-webkit-backdrop-filter:blur(18px) saturate(1.08)}html[data-theme=dark] .topbar-right{background:linear-gradient(135deg,#1c222cc7,#0b0f148a);border-color:#ffffff1a;box-shadow:0 18px 42px #00000038,inset 0 1px #ffffff14}.topbar-right .icon-btn{background:#ffffff61;border-color:#0f172a0f;box-shadow:none}html[data-theme=dark] .topbar-right .icon-btn{background:#ffffff0f;border-color:#ffffff14}@media (min-width: 981px){.app-shell>.sidebar{position:sticky;top:0;transform:none;height:100vh;height:100dvh;width:272px;background:color-mix(in srgb,var(--bg-elev) 86%,transparent);backdrop-filter:none;-webkit-backdrop-filter:none;border-right:1px solid var(--border);box-shadow:none}.app-shell #burgerBtn,.app-shell .burger-btn,.app-shell .sidebar-close,.topbar .lang-toggle{display:none}.topbar,.topbar.scrolled,html[data-theme=light] .topbar,html[data-theme=light] .topbar.scrolled,html[data-theme=dark] .topbar,html[data-theme=dark] .topbar.scrolled{position:fixed;top:clamp(14px,1.2vw,22px);right:clamp(14px,1.4vw,24px);left:auto;width:auto;height:auto;min-height:0;padding:0;display:block;pointer-events:none;z-index:var(--z-topbar, 100);background:transparent;background-image:none;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;border:0}.topbar-left{display:none!important}.arch-intro .hero-copy{max-width:720px}.arch-intro .hero-metrics{max-width:640px;min-width:0}}@media (max-width: 980px){.topbar #burgerBtn{background:#ffffffa3;border-color:#0f172a14;box-shadow:0 10px 28px #0f172a0f;backdrop-filter:blur(12px) saturate(1.05);-webkit-backdrop-filter:blur(12px) saturate(1.05)}html[data-theme=dark] .topbar #burgerBtn{background:#0b0f1485;border-color:#ffffff1a;box-shadow:0 10px 28px #0000002e}}