:root{--tt-ink: #0E1A33;--tt-body: #4A5670;--tt-muted: #5B667D;--tt-blue: #2D6CE7;--tt-blue-dark: #1F55C2;--tt-blue-darker: #16439C;--tt-blue-tint: #EAF1FD;--tt-surface: #F4F6FA;--tt-line: #E3E8F0;--tt-line-strong: #D5DEEB;--tt-divider: #DCE2EC;--tt-on-dark: #A9B6CF;--tt-accent-on-dark: #7FA8F5;--tt-font-display: "Sora", "Segoe UI", system-ui, sans-serif;--tt-font-body: "IBM Plex Sans", "Segoe UI", system-ui, sans-serif;--tt-font-mono: "IBM Plex Mono", ui-monospace, monospace;--tt-pad: 100px;--tt-gutter: max(var(--tt-pad), calc((100% - 1240px)/2) );--tt-section-y: 112px;--tt-ease-out: cubic-bezier(.22, 1, .36, 1);--tt-hover: 1s var(--tt-ease-out);--tt-shadow-lift: 0 28px 48px -24px rgba(14, 26, 51, .28)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--tt-font-body);color:var(--tt-ink);background:#fff;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{margin:0;font-family:var(--tt-font-display);color:var(--tt-ink)}p{margin:0}img{max-width:100%;height:auto}a{color:var(--tt-blue-dark)}a:hover{color:var(--tt-blue-darker)}strong{font-weight:600;color:var(--tt-ink)}.mono{font-family:var(--tt-font-mono)}.ic{flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.wrap{padding-left:var(--tt-gutter);padding-right:var(--tt-gutter)}.skip-link{position:absolute;top:-60px;left:16px;z-index:10;padding:10px 16px;background:var(--tt-ink);color:#fff;border-radius:8px}.skip-link:focus{top:16px;color:#fff}.btn{display:inline-flex;align-items:center;gap:10px;height:54px;padding:0 26px;border-radius:12px;font-size:16.5px;font-weight:600;text-decoration:none;white-space:nowrap;transition:transform var(--tt-hover),box-shadow var(--tt-hover),background-color var(--tt-hover),border-color var(--tt-hover),color var(--tt-hover)}.btn-primary{background:var(--tt-blue);color:#fff}.btn-primary:hover{background:var(--tt-blue-dark);color:#fff}.btn-secondary{gap:8px;padding:0 22px;background:#fff;color:var(--tt-ink);border:1.5px solid var(--tt-line-strong)}.btn-secondary:hover{border-color:var(--tt-blue);color:var(--tt-ink)}.btn-white{height:58px;padding:0 30px;background:#fff;color:var(--tt-blue-dark);font-size:17px;box-shadow:0 16px 32px -16px #0e1a3373}.btn-white:hover{background:var(--tt-blue-tint);color:var(--tt-blue-dark)}.btn-sm{gap:8px;height:44px;padding:0 20px;border-radius:10px;font-size:15px}.site-header{display:flex;align-items:center;justify-content:space-between;gap:24px;height:80px;background:#fff;border-bottom:1px solid var(--tt-line)}.brand{display:flex;align-items:center;gap:22px}.brand-product{display:flex;align-items:center;gap:12px;color:var(--tt-ink);text-decoration:none}.brand-product:hover{color:var(--tt-ink)}.brand-text{display:flex;flex-direction:column;gap:2px}.brand-name{font-family:var(--tt-font-display);font-size:19px;font-weight:700;line-height:1.1;letter-spacing:-.01em}.brand-sub{font-size:12.5px;line-height:1.2;color:var(--tt-muted)}.brand-divider{width:1px;height:34px;background:var(--tt-divider)}.brand-company{display:flex;align-items:center;gap:10px;color:var(--tt-muted);text-decoration:none}.brand-company:hover{color:var(--tt-muted)}.brand-company-text{display:flex;flex-direction:column;gap:1px;line-height:1.2}.brand-company-by{font-size:11.5px;color:var(--tt-muted)}.brand-company-name{font-size:13.5px;font-weight:600;color:var(--tt-ink)}.site-nav{display:flex;align-items:center;gap:36px}.nav-link{font-size:15px;font-weight:500;color:var(--tt-ink);text-decoration:none}.nav-link:hover{color:var(--tt-blue)}.hero{display:flex;align-items:center;gap:56px;padding-top:72px;padding-bottom:96px}.hero-copy{display:flex;flex-direction:column;flex-shrink:0;gap:24px;width:480px}.pill{display:flex;align-self:flex-start;align-items:center;gap:8px;height:32px;padding:0 14px 0 10px;background:var(--tt-blue-tint);border-radius:999px;font-size:13.5px;font-weight:500;color:var(--tt-blue-dark)}.hero h1{font-size:50px;font-weight:700;line-height:1.08;letter-spacing:-.03em}.hero-lead{font-size:18px;line-height:1.6;color:var(--tt-body)}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}.hero-note{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--tt-muted)}.hero-visual{position:relative;display:flex;flex-grow:1;align-items:center;justify-content:flex-end;min-width:0;height:420px}.hero-visual:before{content:"";position:absolute;top:0;right:-40px;bottom:0;left:90px;background:var(--tt-blue-tint);border-radius:28px}.app-window{position:relative;z-index:1;width:642px;max-width:100%;margin-right:26px;overflow:hidden;background:#fff;border:1px solid var(--tt-line-strong);border-radius:14px;box-shadow:0 28px 56px -28px #0e1a3359}.app-window-bar{display:flex;align-items:center;gap:10px;height:44px;padding:0 16px;background:#fafbfd;border-bottom:1px solid var(--tt-line);font-size:13px}.app-window-bar b{font-weight:600;color:var(--tt-ink)}.app-window-bar span{color:var(--tt-muted)}.app-window>img{display:block;width:100%}.hero-float{position:absolute;bottom:-56px;left:-24px;z-index:2;padding:16px;background:#fff;border:1px solid var(--tt-line-strong);border-radius:14px;box-shadow:0 22px 44px -18px #0e1a3352}.hero-float img{display:block;width:388px}.trust{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px;margin:0;padding-top:28px;padding-bottom:28px;list-style:none;background:var(--tt-surface);border-top:1px solid var(--tt-line);border-bottom:1px solid var(--tt-line)}.trust li{display:flex;align-items:center;gap:14px}.trust-icon{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:40px;height:40px;background:#fff;border:1px solid var(--tt-line);border-radius:10px;color:var(--tt-blue)}.trust-text{display:flex;flex-direction:column;gap:2px}.trust-title{font-size:15px;font-weight:600;color:var(--tt-ink)}.trust-sub{font-size:13.5px;color:var(--tt-muted)}.section{padding-top:var(--tt-section-y);padding-bottom:var(--tt-section-y)}.section-stack{display:flex;flex-direction:column;gap:56px}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:80px}.section-head-title{display:flex;flex-direction:column;gap:16px}.section-head p{flex-shrink:0;width:460px;font-size:17px;line-height:1.6;color:var(--tt-body)}.eyebrow{font-family:var(--tt-font-mono);font-size:13px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--tt-blue)}.section h2{font-size:44px;font-weight:700;line-height:1.12;letter-spacing:-.025em}.checklist{display:flex;flex-direction:column;gap:14px;margin:0;padding:0;list-style:none}.checklist li{display:flex;gap:12px;font-size:16px;line-height:1.55;color:var(--tt-body)}.check{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:22px;height:22px;margin-top:2px;background:var(--tt-blue-tint);border-radius:999px;color:var(--tt-blue)}.shot{overflow:hidden;background:#fff;border:1px solid var(--tt-line-strong);border-radius:14px;box-shadow:0 16px 32px -20px #0e1a334d}.shot>img{display:block}.audience-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.audience{display:flex;flex-direction:column;overflow:hidden;background:#fff;border:1px solid var(--tt-line);border-radius:20px}.audience-media{display:flex;align-items:center;justify-content:center;height:260px;padding:20px;background:var(--tt-surface);border-bottom:1px solid var(--tt-line)}.audience-body{display:flex;flex-direction:column;gap:22px;padding:36px 40px 40px}.audience-title{display:flex;flex-direction:column;gap:10px}.audience-tag{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600;color:var(--tt-blue-dark)}.tag-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--tt-blue-tint);border-radius:8px;color:var(--tt-blue)}.audience h3{font-size:26px;font-weight:600;line-height:1.25;letter-spacing:-.02em}.roles{position:relative;isolation:isolate;display:flex;align-items:flex-start;gap:80px;overflow:hidden;background:var(--tt-ink)}.section-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;width:100%;height:100%;max-width:none;object-fit:cover;pointer-events:none}.roles .section-bg{opacity:.16}.roles-copy{display:flex;flex-direction:column;flex-shrink:0;gap:20px;width:500px}.roles .eyebrow{color:var(--tt-accent-on-dark)}.roles h2{font-size:42px;line-height:1.15;color:#fff}.roles-lead{font-size:17px;line-height:1.6;color:var(--tt-on-dark)}.roles-lead b{font-weight:500;color:#fff}.role-list{margin:16px 0 0;padding:0;list-style:none}.role-list li{display:flex;flex-direction:column;gap:6px;padding:18px 0;border-top:1px solid rgba(255,255,255,.12)}.role-list li:last-child{border-bottom:1px solid rgba(255,255,255,.12)}.role-name-row{display:flex;align-items:center;gap:12px}.role-name{font-family:var(--tt-font-display);font-size:17px;font-weight:600;color:#fff}.role-badge{padding:3px 9px;border-radius:6px;font-family:var(--tt-font-mono);font-size:11.5px;font-weight:500;color:#e3e9f5}.role-badge-admin{background:var(--tt-blue);color:#fff}.role-badge-manager{background:#7fa8f52e;color:#cfe0ff}.role-badge-member{background:#ffffff1a}.role-badge-none{border:1px solid rgba(255,255,255,.28)}.role-desc{font-size:15px;line-height:1.55;color:var(--tt-on-dark)}.roles-visual{display:flex;flex-direction:column;flex-grow:1;gap:28px;min-width:0}.roles-shot{align-self:flex-start;overflow:hidden;background:#f8f8f8;border-radius:16px;box-shadow:0 32px 64px -32px #0000008c}.roles-shot img{display:block;width:660px}.role-rules{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 28px;margin:0;padding:0;list-style:none}.role-rules li{display:flex;gap:14px}.rule-icon{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:36px;height:36px;background:#7fa8f524;border-radius:9px;color:var(--tt-accent-on-dark)}.rule-text{display:flex;flex-direction:column;gap:4px}.rule-title{font-size:15.5px;font-weight:600;color:#fff}.rule-desc{font-size:14px;line-height:1.5;color:var(--tt-on-dark)}.backup-body{display:flex;align-items:center;gap:64px}.backup-steps{display:flex;flex-direction:column;flex-shrink:0;gap:40px;width:440px}.step{display:flex;flex-direction:column;gap:18px}.step-head{display:flex;align-items:center;gap:12px}.step-num{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--tt-blue);border-radius:8px;font-family:var(--tt-font-mono);font-size:13px;font-weight:600;color:#fff}.step h3{font-size:22px;font-weight:600;line-height:1.25;letter-spacing:-.02em}.callout{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--tt-surface);border:1px solid var(--tt-line);border-radius:12px;font-size:15px;font-weight:500;color:var(--tt-ink)}.callout-icon{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:32px;height:32px;background:#fff;border:1px solid var(--tt-line);border-radius:8px;color:var(--tt-blue)}.backup-visual{position:relative;flex-grow:1;min-width:0;height:785px}.backup-visual:before{content:"";position:absolute;top:-28px;right:-40px;bottom:64px;left:120px;background:var(--tt-blue-tint);border-radius:28px}.backup-main{position:absolute;top:0;right:0;left:0;z-index:1;overflow:hidden;background:#fff;border:1px solid var(--tt-divider);border-radius:16px;box-shadow:0 32px 64px -36px #0e1a3366}.backup-main img{display:block;width:100%}.backup-float{position:absolute;bottom:0;left:-40px;z-index:2;overflow:hidden;background:#fff;border:1px solid var(--tt-line-strong);border-radius:14px;box-shadow:0 22px 44px -18px #0e1a3352}.backup-float img{display:block;width:406px}.reports{gap:48px;background:var(--tt-surface)}.reports .section-head p{width:500px}.reports-shot{overflow:hidden;background:#fff;border:1px solid var(--tt-divider);border-radius:18px;box-shadow:0 32px 64px -40px #0e1a3359}.reports-shot img{display:block;width:100%}.report-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.report-card{display:flex;flex-direction:column;gap:14px;padding:28px;background:#fff;border:1px solid var(--tt-line);border-radius:16px}.card-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--tt-blue-tint);border-radius:10px;color:var(--tt-blue)}.report-card h3{font-size:18px;font-weight:600;letter-spacing:-.01em}.report-card p{font-size:15px;line-height:1.6;color:var(--tt-body)}.cta{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;overflow:hidden;padding-top:88px;padding-bottom:88px;background:var(--tt-blue);color:#fff;text-align:center}.cta .section-bg{opacity:.18}.cta-icon{display:flex;align-items:center;justify-content:center;width:72px;height:72px;background:#fff;border-radius:18px;box-shadow:0 16px 32px -16px #0e1a3373}.cta h2{margin-top:8px;font-size:46px;font-weight:700;line-height:1.12;letter-spacing:-.025em;color:#fff}.cta p{max-width:640px;font-size:18px;line-height:1.6}.cta .btn-white{margin-top:12px}.cta-note{font-size:14px}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:40px;padding-top:40px;padding-bottom:40px;background:#fff;border-top:1px solid var(--tt-line)}.footer-brand{display:flex;flex-direction:column;gap:12px}.footer-logos{display:flex;align-items:center;gap:20px}.footer-product{display:flex;align-items:center;gap:10px}.footer-product span{font-family:var(--tt-font-display);font-size:16px;font-weight:700;white-space:nowrap}.footer-company{display:flex;align-items:center;gap:10px;text-decoration:none}.footer-company span{font-size:14px;font-weight:600;color:var(--tt-ink)}.footer-divider{width:1px;height:28px;background:var(--tt-divider)}.copyright{font-size:13px;color:var(--tt-muted)}.footer-nav{display:flex;flex-wrap:wrap;align-items:center;gap:12px 28px;font-size:14.5px}.footer-nav a{font-weight:500;color:var(--tt-ink);text-decoration:none}.footer-nav a:hover{color:var(--tt-blue)}.brand-product img,.footer-product img,.nav-link:after,.footer-nav a,.audience,.audience .shot,.report-card,.callout,.trust-icon,.tag-icon,.card-icon,.check,.rule-icon,.role-name-row,.role-desc,.app-window,.hero-float,.roles-shot,.reports-shot,.backup-main,.backup-float{transition:transform var(--tt-hover),box-shadow var(--tt-hover),background-color var(--tt-hover),border-color var(--tt-hover),color var(--tt-hover)}.nav-link{position:relative}.nav-link:after{content:"";position:absolute;right:0;bottom:-6px;left:0;height:2px;background:var(--tt-blue);border-radius:2px;transform:scaleX(0);transform-origin:left}.nav-link:hover:after,.nav-link:focus-visible:after{transform:scaleX(1)}.brand-product img,.footer-product img{transition-duration:1.2s}.brand-product:hover img,.footer-product:hover img{transform:rotate(180deg)}.rd-logo{position:relative;display:block;line-height:0}.rd-logo:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.9) 50%,transparent 65%);background-position:100% 0;background-repeat:no-repeat;background-size:300% 100%;-webkit-mask:url(/assets/rothausen-logo-BBE8qzzd.png) center / 100% 100% no-repeat;mask:url(/assets/rothausen-logo-BBE8qzzd.png) center / 100% 100% no-repeat;pointer-events:none}@keyframes tt-glint{0%{background-position:100% 0}to{background-position:0 0}}.checklist li:hover .check,.audience:hover .tag-icon,.report-card:hover .card-icon{background:var(--tt-blue);color:#fff}.trust li:hover .trust-icon,.callout:hover{border-color:var(--tt-blue)}.role-rules li:hover .rule-icon{background:#7fa8f547;color:#fff}@media (hover: hover) and (prefers-reduced-motion: no-preference){.btn:hover{transform:translateY(-2px);box-shadow:0 14px 24px -12px #2d6ce78c}.btn-secondary:hover{box-shadow:0 14px 24px -14px #0e1a3340}.btn-white:hover{box-shadow:0 20px 36px -16px #0e1a338c}.btn:active{transform:translateY(0)}.brand-company:hover .rd-logo:after,.footer-company:hover .rd-logo:after{animation:tt-glint 2s var(--tt-ease-out)}.audience:hover,.report-card:hover{transform:translateY(-6px);box-shadow:var(--tt-shadow-lift);border-color:var(--tt-line-strong)}.audience:hover .shot{transform:scale(1.03)}.report-card:hover .card-icon,.audience:hover .tag-icon{transform:rotate(-6deg)}.trust li:hover .trust-icon{transform:translateY(-3px)}.role-list li:hover .role-name-row,.role-list li:hover .role-desc{transform:translate(6px)}.app-window:hover,.hero-float:hover,.roles-shot:hover,.reports-shot:hover,.backup-main:hover,.backup-float:hover{transform:translateY(-4px);box-shadow:0 36px 64px -30px #0e1a3373}}@keyframes tt-float{0%,to{translate:0 0}50%{translate:0 -8px}}@keyframes tt-reveal{0%{opacity:0;translate:0 28px}to{opacity:1;translate:0 0}}.hero-visual{--reveal-delay: .25s}@media (prefers-reduced-motion: no-preference){.hero-float,.backup-float{animation:tt-float 6s ease-in-out 1.2s infinite}.backup-float{animation-delay:2s}.js [data-reveal]:not(.is-visible),.js [data-reveal-stagger]>:not(.section-bg):not(.is-visible){opacity:0}.js .is-visible{animation:tt-reveal .8s var(--tt-ease-out) var(--reveal-delay, 0s) both}}@media (max-width: 1180px){:root{--tt-pad: 48px;--tt-section-y: 88px}.hero{flex-direction:column;align-items:stretch;gap:48px;padding-bottom:120px}.hero-copy{width:auto;max-width:640px}.hero-visual{justify-content:center;height:auto;min-height:380px}.hero-visual:before{right:-20px;left:60px}.app-window{margin-right:0}.trust{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.section-head{flex-direction:column;align-items:flex-start;gap:20px}.section-head p,.reports .section-head p{width:auto;max-width:640px}.roles{flex-direction:column;gap:48px}.roles-copy{width:auto;max-width:640px}.roles-visual{width:100%}.backup-body{flex-direction:column;align-items:stretch;gap:48px}.backup-steps{width:auto;max-width:640px}.backup-visual{height:auto;padding-bottom:150px}.backup-visual:before{right:-20px;left:80px}.backup-main{position:relative}.backup-float{left:0}}@media (max-width: 900px){.site-nav .nav-link{display:none}.audience-grid,.report-cards{grid-template-columns:minmax(0,1fr)}}@media (max-width: 720px){:root{--tt-pad: 20px;--tt-section-y: 64px}.site-header{height:68px}.brand-divider,.brand-company{display:none}.hero{gap:32px;padding-top:40px;padding-bottom:64px}.hero h1{font-size:36px}.hero-lead{font-size:17px}.hero-actions .btn{flex:1 1 auto;justify-content:center}.hero-visual{flex-direction:column;align-items:stretch;gap:16px;min-height:0}.hero-visual:before{top:24px;right:-20px;bottom:24px;left:32px}.hero-float{position:relative;bottom:auto;left:auto;align-self:flex-start;padding:12px}.trust{grid-template-columns:minmax(0,1fr);gap:16px;padding-top:24px;padding-bottom:24px}.section-stack{gap:40px}.section h2,.roles h2,.cta h2{font-size:32px}.audience-media{height:auto;min-height:200px}.audience-body{padding:28px 24px 32px}.audience h3{font-size:22px}.role-rules{grid-template-columns:minmax(0,1fr)}.backup-visual{display:flex;flex-direction:column;gap:16px;padding-bottom:0}.backup-visual:before{display:none}.backup-float{position:relative;bottom:auto;left:auto;align-self:flex-start}.site-footer{flex-direction:column;align-items:flex-start;gap:24px}}