:root{--bg:#f8fafc;--surface:#fff;--surface-2:#f1f5f9;--ink:#0f172a;--ink-2:#475569;--muted:#64748b;--line:#e2e8f0;--rose:#e11d48;--rose-dark:#be123c;--rose-soft:#fff1f2;--rose-100:#ffe4e6;--rose-200:#fecdd3;--font:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--radius-s:8px;--radius-m:12px;--radius-l:16px;--wrap:1180px;--gutter:clamp(20px, 4vw, 32px);--ease-out:cubic-bezier(.23, 1, .32, 1);--fs-h3:clamp(1.6rem, 2.6vw, 2.1rem)}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:88px}body{background:var(--bg);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:17px;line-height:1.55;overflow-x:hidden}img,video{max-width:100%;height:auto;display:block}a{color:inherit;text-underline-offset:.22em;text-decoration-thickness:1px;text-decoration-color:var(--rose-200);transition:color .16s,text-decoration-color .16s}@media (hover:hover) and (pointer:fine){a:hover{text-decoration-color:currentColor}}h1,h2,h3{letter-spacing:-.035em;text-wrap:balance;margin:0;font-weight:650;line-height:1.05}p{text-wrap:pretty;margin:0}:focus-visible{outline:2px solid var(--rose);outline-offset:3px;border-radius:6px}::selection{background:var(--rose-200);color:var(--ink)}.wrap{width:100%;max-width:var(--wrap);padding-inline:var(--gutter);margin-inline:auto}.skip{z-index:10;background:var(--ink);color:#fff;border-radius:999px;padding:10px 16px;text-decoration:none;position:absolute;top:-60px;left:12px}.skip:focus{top:12px}.top{z-index:20;-webkit-backdrop-filter:saturate(1.4)blur(12px);box-shadow:0 1px 0 var(--line);background:#f8fafce0;position:sticky;top:0}.top .wrap{align-items:center;gap:24px;height:72px;display:flex}.brand{letter-spacing:-.02em;align-items:center;gap:10px;font-weight:650;text-decoration:none;display:inline-flex}.brand img{border-radius:8px;width:32px;height:32px}.top nav{gap:4px;margin-left:auto;display:flex}.top nav a{color:var(--ink-2);border-radius:999px;padding:8px 12px;font-size:15px;text-decoration:none;transition:background-color .16s,color .16s}@media (hover:hover) and (pointer:fine){.top nav a:hover{background:var(--surface-2);color:var(--ink)}}.btn{border-radius:var(--radius-s);min-height:44px;font:inherit;cursor:pointer;transition:transform .16s var(--ease-out), background-color .16s ease, color .16s ease;-webkit-tap-highlight-color:transparent;border:0;justify-content:center;align-items:center;gap:8px;padding:0 20px;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex}.btn:active{transform:scale(.97)}.btn-dark{background:var(--ink);color:#fff}.btn-light{background:var(--rose-soft);color:var(--rose-dark)}.btn-rose{background:var(--rose);color:#fff}@media (hover:hover) and (pointer:fine){.btn-dark:hover{background:#1e293b}.btn-light:hover{background:var(--rose-100)}.btn-rose:hover{background:var(--rose-dark)}}.btn svg{flex:none;width:18px;height:18px}.hero{text-align:center;isolation:isolate;padding:clamp(56px,10vh,112px) 0 0;position:relative;overflow-x:clip}.hero h1{max-width:16ch;margin-inline:auto;font-size:clamp(2.2rem,6vw,4.75rem)}.hero .lead{max-width:35rem;color:var(--ink-2);margin:22px auto 0;font-size:clamp(1.05rem,1.6vw,1.25rem)}.glow{z-index:-1;pointer-events:none;filter:blur(24px);opacity:.85;background:radial-gradient(36% 42% at 30% 42%,#fda4af8c,#0000 70%),radial-gradient(34% 40% at 50% 46%,#f43f5e6b,#0000 72%),radial-gradient(32% 40% at 70% 42%,#f9a8d480,#0000 70%),radial-gradient(30% 30% at 56% 26%,#fecdd399,#0000 70%),radial-gradient(40% 36% at 44% 66%,#e11d484d,#0000 72%);width:max(1500px,130vw);height:900px;position:absolute;top:clamp(340px,46vh,460px);left:50%;transform:translate(-50%)}.tel-x{display:none!important}.sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.hero-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:32px;display:flex}.hero .version{color:var(--muted);margin-top:18px;font-size:.875rem}.hero .version a{white-space:nowrap}.btn-l{min-height:50px;padding:0 24px;font-size:16px}.shot{max-width:1120px;padding-inline:var(--gutter);margin:clamp(40px,5vw,64px) auto 0}.stage{max-width:980px;margin-inline:auto;padding-right:7%;position:relative}.stage .stage-phone{width:19%;position:absolute;bottom:-4%;right:0}.macbook{filter:drop-shadow(0 30px 40px #0f172a2e);width:100%;padding-inline:6.5%}.macbook-lid{background:#0f172a;border-radius:clamp(10px,1.8vw,20px) clamp(10px,1.8vw,20px) 3px 3px;padding:2.3% 2.3% 2.9%;position:relative;box-shadow:inset 0 0 0 2px #334155,0 0 0 1.5px #cbd5e1}.macbook-lid:before{content:"";aspect-ratio:1;background:#334155;border-radius:50%;width:.8%;position:absolute;top:.9%;left:50%;transform:translate(-50%)}.macbook-screen{aspect-ratio:16/10;background:#fff;border-radius:3px;overflow:hidden}.macbook-screen img{object-fit:cover;object-position:top;width:100%;height:100%}.macbook-base{background:linear-gradient(#e2e8f0,#94a3b8);border-radius:2px 2px 12px 12px/2px 2px 100% 100%;height:clamp(8px,1.5vw,16px);margin:0 -6.5%;position:relative}.macbook-base:before{content:"";background:#cbd5e1;border-radius:0 0 8px 8px;width:15%;height:45%;position:absolute;top:0;left:50%;transform:translate(-50%)}.phone{background:#0f172a;border-radius:16%/7.4%;width:min(260px,100%);box-shadow:inset 0 0 0 2px #334155,0 0 0 1.5px #cbd5e1,0 30px 50px -24px #0f172a80;container-type:inline-size}.phone-screen{aspect-ratio:600/1296;background:#fff;border-radius:12.5%/5.8%;margin:4cqi;position:relative;overflow:hidden}.phone-screen img,.phone-screen video{object-fit:cover;object-position:top;width:100%;height:100%}.phone-island{background:#0f172a;border-radius:999px;width:30%;height:3%;position:absolute;top:1.6%;left:50%;transform:translate(-50%)}.shot figcaption{color:var(--muted);margin-top:clamp(56px,6vw,80px);font-size:14px;color:var(--ink-2)!important;font-size:15px!important}.facts,.section{position:relative}.facts{padding:clamp(72px,10vw,120px) 0 0}.facts ul{grid-template-columns:repeat(4,1fr);gap:32px;margin:0;padding:0;list-style:none;display:grid}.facts strong{letter-spacing:-.025em;font-size:clamp(1.25rem,2vw,1.5rem);font-weight:650;line-height:1.2;display:block}.facts span{color:var(--ink-2);margin-top:6px;font-size:16px;display:block}.section{padding:clamp(96px,13vw,168px) 0 0}.section-head{max-width:44rem}.section h2{font-size:clamp(2rem,4.2vw,3.25rem)}.section-head p{max-width:38rem;color:var(--ink-2);margin-top:18px;font-size:clamp(1.05rem,1.4vw,1.2rem)}.feature{grid-template-columns:5fr 7fr;align-items:center;gap:clamp(32px,6vw,80px);margin-top:clamp(64px,9vw,112px);display:grid}.feature.flip{grid-template-columns:7fr 5fr}.feature.flip .feature-text{order:2}.feature h3{font-size:var(--fs-h3);line-height:1.15}.feature-text p{color:var(--ink-2);margin-top:16px}.checks{gap:12px;margin:0;padding:0;list-style:none;display:grid}.feature-text .checks{margin-top:22px}.checks li{color:var(--ink);align-items:flex-start;gap:12px;line-height:1.45;display:flex}.check{fill:none;width:18px;height:18px;stroke:var(--rose);stroke-width:2.25px;stroke-linecap:round;stroke-linejoin:round;flex:none;margin-top:.15em}.pane{border-radius:var(--radius-l);background:var(--surface-2);padding:clamp(16px,3vw,36px);position:relative;overflow:hidden}.pane>img{box-shadow:0 0 0 1px var(--line), 0 24px 48px -28px #0f172a59;border-radius:12px}.pane.warm{background:var(--rose-soft)}.pane.steel{background:var(--surface-2)}.pane.straw{background:var(--rose-100)}.pane.phone-pane{justify-content:center;align-items:flex-start;gap:clamp(16px,3vw,32px);padding-block:clamp(28px,4vw,48px) clamp(48px,6vw,72px);display:flex}.phone-pane .phone{width:min(220px,42%)}.phone-pane .phone-offset{transform:translateY(12%)}.norm{grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:start;gap:clamp(40px,7vw,112px);margin-top:clamp(112px,13vw,176px);display:grid}.norm h3,.more h3{font-size:var(--fs-h3);line-height:1.15}.norm-intro p{max-width:42ch;color:var(--ink-2);margin-top:16px}.norm h4{letter-spacing:-.01em;margin:0 0 18px;font-size:1.0625rem;font-weight:650}.norm-status{padding-top:6px}.norm-status h4:not(:first-child){margin-top:clamp(40px,5vw,56px)}.norm-status .checks{gap:16px;max-width:52ch}.plan{max-width:52ch;color:var(--ink-2);align-items:flex-start;gap:12px;line-height:1.45;display:flex}.plan svg{fill:none;width:18px;height:18px;stroke:var(--muted);stroke-width:2px;stroke-linecap:round;flex:none;margin-top:.15em}.more{margin-top:clamp(112px,13vw,176px)}.more dl{grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(36px,4vw,52px) clamp(40px,7vw,112px);margin:clamp(32px,4vw,48px) 0 0;display:grid}.more dt{letter-spacing:-.01em;font-size:17px;font-weight:650;line-height:1.3}.more dd{max-width:44ch;color:var(--ink-2);margin:8px 0 0;font-size:16px}.origin{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:clamp(32px,6vw,80px);display:grid}.portrait{position:sticky;top:120px}.portrait img{aspect-ratio:1;object-fit:cover;object-position:50% 30%;border-radius:50%;width:clamp(180px,22vw,260px)}.origin h2{font-size:clamp(2rem,4.2vw,3.25rem)}.origin .statement{letter-spacing:-.025em;max-width:34ch;margin:24px 0 0;font-size:clamp(1.3rem,2vw,1.6rem);font-weight:550;line-height:1.3}.origin .why{max-width:52ch;color:var(--ink-2);margin:20px 0 0;font-size:18px;line-height:1.55}.origin .why strong{color:var(--ink)}.origin .sig{color:var(--ink-2);margin-top:16px;font-size:16px}.origin .sig strong{color:var(--ink)}.origin .sig a{align-items:center;gap:6px;margin-block:-10px;padding-block:10px;display:inline-flex}.origin .sig svg{width:16px;height:16px}.li svg{fill:var(--ink)}.voice{max-width:44ch;margin:56px 0 0}.voice blockquote{margin:0}.voice blockquote p{color:var(--ink);letter-spacing:-.02em;text-indent:-.42em;margin:0;font-size:clamp(1.2rem,1.7vw,1.4rem);font-weight:550;line-height:1.35}.voice figcaption{color:var(--ink-2);margin-top:14px;font-size:15px}.press{max-width:52ch;color:var(--ink-2);align-items:flex-start;gap:10px;margin:20px 0 0;font-size:15px;display:flex}.press svg{fill:none;width:14px;height:14px;stroke:var(--rose);stroke-width:2.25px;stroke-linejoin:round;flex:none;margin-top:.2em}.sig a,.voice a,.press a,.diy a,.version a{color:var(--ink);font-weight:600}@media (hover:hover) and (pointer:fine){.sig a:hover,.voice a:hover,.press a:hover,.diy a:hover,.version a:hover,.final .mail a:hover{color:var(--rose-dark)}}.flow-layout{grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:start;gap:clamp(40px,7vw,112px);display:grid}.flow-head{position:sticky;top:120px}.flow{margin:0;padding:0;list-style:none}.flow li{padding:0 0 clamp(40px,5vw,64px) 48px;position:relative}.flow li:last-child{padding-bottom:0}.flow-dot{background:var(--rose);width:14px;height:14px;box-shadow:inset 0 0 0 2px var(--rose);transition:background-color .24s var(--ease-out), box-shadow .24s var(--ease-out);border-radius:50%;position:absolute;top:9px;left:0}.flow-track{background:var(--line);border-radius:1px;width:2px;position:absolute;top:16px;bottom:-16px;left:6px;overflow:hidden}.flow li:last-child .flow-track{display:none}.flow-fill{background:var(--rose);transform-origin:top;height:100%;display:block}.js .flow-fill{transform:scaleY(0)}.js .flow li:not(.on) .flow-dot{background:var(--bg);box-shadow:inset 0 0 0 2px #cbd5e1}.flow h3{letter-spacing:-.025em;font-size:clamp(1.35rem,2.1vw,1.7rem);line-height:1.15}.flow p{max-width:44ch;color:var(--ink-2);margin-top:10px}.setup{grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:start;gap:clamp(40px,7vw,112px);margin-top:clamp(96px,12vw,160px);display:grid}.setup-intro h3{font-size:var(--fs-h3);line-height:1.15}.setup-intro p{max-width:42ch;color:var(--ink-2);margin-top:14px;font-size:16px}.setup-intro .setup-price{color:var(--ink);letter-spacing:-.02em;font-variant-numeric:tabular-nums;text-wrap:balance;margin-top:20px;font-size:clamp(1.2rem,1.7vw,1.4rem);font-weight:550;line-height:1.35}.setup-intro .setup-tip{margin-top:24px}.setup-tip strong{color:var(--ink)}.setup>.cta,.norm>.cta{grid-area:2/1;margin-top:-8px}.setup-items,.norm-status{grid-area:1/2/span 2}.setup-items{grid-template-rows:repeat(6,auto);grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:column;gap:22px 40px;margin:0;padding:6px 0 0;list-style:none;display:grid}.setup-items li{font-size:16px}.payback{grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:start;gap:clamp(40px,7vw,112px);margin-top:clamp(96px,12vw,160px);display:grid}.payback table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:16px}.payback th,.payback td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:16px 16px 16px 0}.payback thead th{color:var(--muted);padding-top:6px;font-size:14px;font-weight:500}.payback th:last-child,.payback td:last-child{text-align:right;padding-right:0}.payback tbody th{font-weight:400}.payback tbody th strong{color:var(--ink);font-weight:600;display:block}.payback tbody th span{color:var(--muted);margin-top:2px;font-size:14px;display:block}.payback td{color:var(--ink-2);white-space:nowrap}.payback td:last-child{color:var(--rose-dark);font-weight:600}.payback-note{max-width:62ch;color:var(--muted);margin-top:16px;font-size:13.5px;line-height:1.5}.diy{color:var(--ink-2);margin-top:clamp(56px,7vw,88px);font-size:16px}.diy a{margin:-12px 0;padding:12px 0;display:inline-block}.faq{margin:0}.faq details{border-top:1px solid var(--line)}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{letter-spacing:-.01em;cursor:pointer;justify-content:space-between;align-items:center;gap:24px;padding:22px 0;font-size:clamp(1.02rem,1.3vw,1.125rem);font-weight:600;line-height:1.35;list-style:none;transition:color .16s;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary:focus-visible{outline-offset:2px}.faq summary:after{content:"";border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);width:10px;height:10px;transition:transform .2s var(--ease-out), border-color .16s ease;flex:none;transform:translateY(-2px)rotate(45deg)}.faq details[open] summary:after{border-color:var(--rose);transform:translateY(2px)rotate(-135deg)}.faq details p{max-width:62ch;color:var(--ink-2);padding:0 40px 26px 0}.faq details[open]>p{animation:antwort .22s var(--ease-out)}@keyframes antwort{0%{opacity:0;transform:translateY(-6px)}}@media (hover:hover) and (pointer:fine){.faq summary:hover{color:var(--rose-dark)}.faq summary:hover:after{border-color:var(--rose-dark)}}.final{text-align:center;isolation:isolate;margin-top:clamp(48px,6vw,80px);padding:clamp(56px,7vw,96px) 0 clamp(96px,12vw,152px);position:relative;overflow:hidden}.final .glow{opacity:.75;height:700px;top:30%;-webkit-mask-image:linear-gradient(#000 40%,#0000 85%);mask-image:linear-gradient(#000 40%,#0000 85%)}.final .mail a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--rose-200);margin-block:-12px;padding-block:12px;font-weight:600;display:inline-block}.final h2{font-size:clamp(2.2rem,5vw,4rem)}.final p{max-width:32rem;color:var(--ink-2);margin:18px auto 0;font-size:clamp(1.05rem,1.4vw,1.2rem)}.final .actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:32px;display:flex}.final .mail{color:var(--ink-2);margin-top:20px;font-size:15px}.foot{background:var(--bg);box-shadow:0 -1px 0 var(--line);color:var(--ink-2);padding:32px 0 40px;font-size:15px}.foot .wrap{flex-wrap:wrap;align-items:center;gap:16px 32px;display:flex}.foot nav{flex-wrap:wrap;gap:0 24px;margin-left:auto;display:flex}.foot a{text-decoration:none}.foot nav a{align-items:center;min-height:44px;display:inline-flex}@media (hover:hover) and (pointer:fine){.foot nav a:hover{color:var(--ink);text-decoration:underline}}.legal{max-width:760px;padding-block:clamp(48px,8vw,96px)}.legal h1{font-size:clamp(2.2rem,5vw,3.25rem)}.legal h2{letter-spacing:-.02em;margin-top:40px;font-size:1.35rem}.legal p,.legal ul{color:var(--ink-2);margin-top:12px}.legal .todo{color:#92400e;background:#fef3c7;border-radius:6px;padding:2px 6px}.js .reveal{opacity:0;transition:opacity .7s var(--ease-out), transform .7s var(--ease-out);transition-delay:calc(var(--i,0) * 80ms);transform:translateY(20px)}.js .reveal.in{opacity:1;transform:none}.d1{--i:1}.d2{--i:2}.d3{--i:3}@keyframes antwort-blende{0%{opacity:0}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.js .reveal{transition:opacity .3s;transform:none}.faq details[open]>p{animation-name:antwort-blende}.btn{transition:background-color .16s,color .16s}}@media (width<=960px){.top nav a:not(.keep){display:none}.facts ul{grid-template-columns:repeat(2,1fr)}.feature,.feature.flip,.origin,.flow-layout,.setup,.payback,.norm{grid-template-columns:1fr}.flow-head,.portrait{position:static}.setup>.cta,.norm>.cta,.setup-items,.norm-status{grid-area:auto}.setup>.cta,.norm>.cta{margin-top:0}.feature.flip .feature-text{order:0}.more dl{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:40px}}@media (width<=640px){body{font-size:16px}.top nav{display:none}.top .btn{margin-left:auto}.hero{text-align:left}.hero h1,.hero .lead{margin-inline:0}.hero-actions{justify-content:flex-start}.facts ul,.more dl{grid-template-columns:1fr}.facts ul{gap:24px}.payback thead{display:none}.payback tr{border-bottom:1px solid var(--line);padding:16px 0;display:block}.payback th,.payback td,.payback th:last-child,.payback td:last-child{text-align:left;border:0;justify-content:space-between;gap:16px;padding:3px 0;display:flex}.payback tbody th{padding-bottom:8px;display:block}.payback td:before{content:attr(data-label);color:var(--muted);font-weight:400}.setup-items{grid-template-rows:none;grid-template-columns:1fr;grid-auto-flow:row;gap:16px}.final{text-align:left}.final p{margin-inline:0}.final .actions{justify-content:flex-start}.foot nav{margin-left:0}.stage{padding-right:10%}.stage .stage-phone{width:28%;bottom:-10%}.shot figcaption{margin-top:56px}}.pane>figcaption,.phone-pane>figcaption{color:var(--ink-2);text-align:center;margin-top:20px;font-size:14px}.phone-pane.single{flex-direction:column;align-items:center;margin:0}.phone-pane.single .phone{width:min(260px,64%)}.feature.wide{grid-template-columns:1fr}.feature.wide .feature-text{max-width:46rem}.app{border-radius:var(--radius-m);background:var(--bg);box-shadow:0 0 0 1px var(--line), 0 30px 60px -36px #0f172a73;text-align:left;font-size:15px;overflow:hidden}.app svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.app-head{border-radius:var(--radius-m);background:var(--surface);box-shadow:0 0 0 1px var(--line);flex-wrap:wrap;align-items:flex-start;gap:16px 20px;margin:16px;padding:24px;display:flex}.app-back{width:20px;color:var(--rose);margin-top:6px}.app-tile{background:var(--rose-100);width:56px;height:56px;color:var(--rose);border-radius:50%;place-items:center;display:grid}.app-tile svg{width:26px}.app-info{min-width:0;color:var(--ink-2);flex-direction:column;flex:17rem;gap:4px;display:flex}.app-info>span{align-items:center;gap:8px;display:flex}.app-info>span svg{width:15px;color:var(--muted);flex:none}.app-title{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:4px;display:flex}.app-title strong{color:var(--ink);letter-spacing:-.02em;font-size:1.45em}.app-badge{color:#b45309;background:#fef3c7;border-radius:999px;padding:2px 10px;font-size:13px;font-weight:600;box-shadow:inset 0 0 0 1px #fde68a}.app-kpis{flex:0 auto;grid-template-columns:repeat(5,auto);margin:0 0 0 auto;display:grid}.app-kpis div{text-align:center;padding:2px 14px}.app-kpis div+div{box-shadow:-1px 0 0 var(--line)}.app-kpis dt{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:11px}.app-kpis dd{white-space:nowrap;font-variant-numeric:tabular-nums;margin:4px 0 0;font-size:1.05em;font-weight:650}.app-kpis .gut dd{color:#15803d}.app-tabs{background:var(--surface);border-radius:var(--radius-m) var(--radius-m) 0 0;box-shadow:0 0 0 1px var(--line);color:var(--ink-2);white-space:nowrap;gap:4px;margin:0 16px;padding:0 8px;display:flex;overflow:hidden}.app-tabs span{padding:14px 10px 12px}.app-tabs .aktiv{color:var(--rose-dark);box-shadow:inset 0 -2px 0 var(--rose);background:var(--rose-soft);font-weight:600}.app-group{background:var(--surface);border-radius:0 0 var(--radius-m) var(--radius-m);box-shadow:0 0 0 1px var(--line);margin:0 16px 16px;padding:12px 16px 16px}.app-row{grid-template-columns:minmax(0,1fr) 6rem 6.5rem;align-items:center;gap:8px;padding:8px 4px;display:grid}.app-row span{align-items:center;gap:10px;min-width:0;display:flex}.app-row svg{width:18px;color:var(--muted);flex:none}.app-row b,.app-row em{text-align:right;font-variant-numeric:tabular-nums}.app-row b{font-weight:600}.app-row em{color:var(--ink-2);font-style:normal}.app-row-group{border-radius:var(--radius-s);background:var(--bg);margin:0 -4px 4px;padding:12px 8px;font-weight:650}.app-step+.app-step{box-shadow:0 -1px 0 var(--line)}.app-step>.app-row:first-child{font-size:1.05em}.app-hammer{color:var(--rose)!important}.app-row-person{color:var(--ink-2);padding-left:36px}.app-row-person svg{width:14px}.app-row-person b{color:var(--ink)}.files{border-radius:var(--radius-m);background:var(--surface);box-shadow:0 0 0 1px var(--line), 0 24px 48px -32px #0f172a66;text-align:left;padding:clamp(12px,2vw,18px)}.files svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.files-folder{border-radius:var(--radius-m);background:var(--bg);box-shadow:0 0 0 1px var(--line);color:var(--muted);align-items:center;gap:10px;margin-bottom:8px;padding:11px 14px;display:flex}.files-folder svg{flex:none;width:16px}.files-folder .files-folder-ico{width:20px;color:var(--rose)}.files-folder b{color:var(--ink);font-weight:600}.files-folder small{font-size:14px}.files-folder.offen{border-radius:var(--radius-m) var(--radius-m) 0 0;margin-bottom:0}.files-grid{border-radius:0 0 var(--radius-m) var(--radius-m);box-shadow:0 0 0 1px var(--line);grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0;padding:12px;list-style:none;display:grid}.files-grid li{text-align:center;min-width:0}.files-thumb{aspect-ratio:1;border-radius:var(--radius-s);background:var(--surface);box-shadow:0 0 0 1px var(--line);place-items:center;display:grid}.files-thumb img{object-fit:contain;width:46%;height:auto}.files-grid b{white-space:nowrap;text-overflow:ellipsis;margin-top:6px;font-size:13px;font-weight:500;display:block;overflow:hidden}.files-grid small{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;display:block;overflow:hidden}.pane-note{color:var(--ink-2);text-align:center;margin-top:16px;font-size:14px}.phone-ui{background:#f8fafc;font-size:5.6cqi;line-height:1.35;position:absolute;inset:0;overflow:hidden}.phone-ui svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.tb{flex-direction:column;height:100%;display:flex}.tb-head{box-shadow:0 1px 0 var(--line);background:#fff;align-items:center;gap:.6em;padding:3.6em .9em .8em;display:flex}.tb-ico{width:1.2em;color:var(--ink-2)}.tb-tile{background:var(--rose-soft);width:2.2em;height:2.2em;color:var(--rose);border-radius:.6em;place-items:center;display:grid}.tb-tile svg,.tb-add svg{width:1.15em}.tb-title{flex:1}.tb-title strong{font-size:1.05em;display:block}.tb-title small{color:var(--muted);font-size:.8em}.tb-add{background:var(--rose);color:#fff;border-radius:.5em;place-items:center;width:2em;height:2em;display:grid}.tb-list{flex:1;min-height:0;margin:0;padding:.8em .7em;list-style:none;overflow:hidden}.tb-list li{box-shadow:0 0 0 1px var(--line);background:#fff;border-radius:.9em;gap:.55em;margin-bottom:.6em;padding:.8em .7em;display:flex}.tb-avatar{background:var(--rose-soft);width:1.9em;height:1.9em;color:var(--rose);border-radius:50%;flex:none;place-items:center;display:grid}.tb-avatar svg{width:1em}.tb-body{flex:1;min-width:0}.tb-meta{flex-wrap:wrap;align-items:center;gap:.1em .4em;display:flex}.tb-meta b{font-size:.82em;font-weight:600}.tb-meta small{color:var(--muted);font-size:.7em}.tb-lock{color:#f59e0b;width:.8em}.tb-body p{font-size:.82em}.tb-fotos{gap:.4em;margin-top:.5em;display:flex}.tb-fotos i{aspect-ratio:1;background:var(--surface-2);color:#94a3b8;border-radius:.5em;place-items:center;width:3.2em;display:grid}.tb-fotos i svg{width:1.2em}.tb-actions{color:var(--muted);gap:1em;margin-top:.55em;font-size:.72em;display:flex}.tb-actions span{align-items:center;gap:.3em;display:inline-flex}.tb-actions svg{width:1.2em}.tb-tools{color:#94a3b8;flex-direction:column;gap:.6em;display:flex}.tb-tools svg{width:.95em}@media (width<=960px){.app-back{display:none}.app-kpis{flex-basis:100%;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 0;margin-left:0}}@media (width<=640px){.hero .glow{opacity:.5}.hero-actions .btn,.final .actions .btn{width:100%}.app{font-size:13px}.app-head{margin:10px;padding:16px}.app-tile{width:44px;height:44px}.app-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.app-kpis div{padding:2px 8px}.app-tabs,.app-group{margin-inline:10px}.app-group{margin-bottom:10px;padding:8px 10px 12px}.app-row{grid-template-columns:minmax(0,1fr) auto}.app-row em{display:none}.app-row-person{padding-left:24px}.app-kpis div{text-align:left}.app-kpis div+div{box-shadow:none}.app-kpis dt{letter-spacing:.04em;font-size:10px}}