@layer bricks {.brxe-text-link{gap:5px}.brxe-text-link,.brxe-text-link span{align-items:center;display:inline-flex}.brxe-text-link span{justify-content:center}.brxe-text-link .icon{flex-shrink:0}}@layer bricks {:where(.brxe-heading).has-separator{align-items:center;display:inline-flex;gap:20px}:where(.brxe-heading)>[contenteditable]{display:inline-block;text-decoration:inherit}:where(.brxe-heading) .separator{border-top:1px solid;flex-grow:1;flex-shrink:0;height:1px}}#brxe-tkw001 {width: 100%}@media(hover:none){.tkw .tkw-glow::before{opacity:.35;transform:scale(1)}}@media(min-width:1000px){.tkw .tkw-hero__grid{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:40px}}@keyframes tkwHue{0%{background-position:0% 0%}100%{background-position:100% 100%}}@media(prefers-reduced-motion:reduce){.tkw .tkw-h1 .l23{animation:none}}@media(max-width:639px){.tkw .tkw-h1{font-size:clamp(38px,11.5vw,48px);max-width:none}}@keyframes tkwToast{to{opacity:1;transform:none}}@media(min-width:960px){.tkw .tkw-lage__grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:72px;align-items:start} .tkw .tkw-lage__head{position:sticky;top:120px}}@media(min-width:960px){.tkw .tkw-story__grid{grid-template-columns:minmax(0,1fr) 400px;gap:80px} .tkw .tkw-story__grid--wide{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}}@media(min-width:960px){.tkw .tkw-step{min-height:62vh;display:flex;flex-direction:column;justify-content:center;border-top:0;padding:0}}@media(min-width:960px){.tkw .js-story .tkw-step{opacity:.28;transition:opacity .5s} .tkw .js-story .tkw-step.is-act{opacity:1}}@media(min-width:960px){.tkw .tkw-phonewrap{display:block;position:sticky;top:calc(50vh - 330px);height:660px} .tkw .tkw-dashwrap{display:block;position:sticky;top:calc(50vh - 250px);height:500px}}@media(max-width:959px){.tkw .tkw-dashwrap--m{display:block;margin-top:32px}}@media(min-width:960px){.tkw .tkw-calc__head{grid-template-columns:1.1fr .9fr;align-items:end}}@media(min-width:960px){.tkw .tkw-cbox{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)}}@media(max-width:520px){.tkw .tkw-kpis{grid-template-columns:1fr}}@media(min-width:960px){.tkw .tkw-pk__head{grid-template-columns:1fr 1fr;align-items:end}}@media(min-width:960px){.tkw .tkw-pk{grid-template-columns:1fr 1fr 1.08fr;align-items:stretch}}@media(min-width:960px){.tkw .tkw-pk__cta{grid-template-columns:1.2fr auto;gap:40px}}@keyframes tkwPulse{0%{transform:scale(.985);background:rgba(111,211,165,.24)}100%{transform:none}}@media(max-width:959px){.tkw .tkw-board{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px;margin:0 -16px;padding:0 16px 6px;-webkit-overflow-scrolling:touch} .tkw .tkw-col{flex:0 0 74%;scroll-snap-align:start} .tkw .tkw-app__kp{grid-template-columns:repeat(2,1fr)} .tkw .tkw-app__top{align-items:flex-start}}@media(min-width:720px){.tkw .tkw-werk__grid{grid-template-columns:1fr 1fr}}@media(min-width:1000px){.tkw .tkw-werk__grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:960px){.tkw .tkw-flow{grid-template-columns:repeat(4,1fr);gap:28px}}@media(min-width:960px){.tkw .tkw-flow__line{display:block;position:absolute;left:0;right:0;top:19px;height:2px;background:var(--w-line)} .tkw .tkw-flow__line i{display:block;height:100%;width:100%;background:linear-gradient(90deg,var(--w-blue),var(--w-red));transform-origin:left;transform:scaleX(var(--fl,1))}}@media(min-width:960px){.tkw .tkw-flow li{padding:64px 0 0}}@media(min-width:960px){.tkw .tkw-verb__grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:72px;align-items:center}}@media(min-width:960px){.tkw .tkw-faq__grid{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:72px}}@media(min-width:960px){.tkw .tkw-cta__grid{grid-template-columns:1.3fr .7fr;gap:72px}}@media(min-width:640px){.tkw .tkw-top__tel{display:inline-flex}}@media(max-width:959px){.tkw .tkw-sticky{display:flex}}@media(max-width:600px){.tkw .tkw-hero__kicker{font-size:11px} .tkw .tkw-hero__kicker i{display:none} .tkw .tkw-hero__kicker b{flex-basis:100%} .tkw .tkw-kp{grid-template-columns:1fr 1fr} .tkw .tkw-dash{grid-template-columns:1fr} .tkw .tkw-dash__side{display:none} .tkw .tkw-dash__row{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.tkw *{transition:none!important;animation:none!important} .tkw .tkw-toast{opacity:1;transform:none} .tkw .tkw-browser{transform:none} .tkw .tkw-dash [data-d]{opacity:1;transform:none} .tkw .tkw-bars i{transform:scaleY(var(--h))}} .tkw { --w-max: 1180px; --w-pad: clamp(18px,5vw,40px); --w-ink: #0a1018; --w-ink2: #0e1a2b; --w-paper: #eef2f7; --w-blue: #35a1fe; --w-blue-d: #1f6fd0; --w-coral: #fa5b5c; --w-coral-d: #f2444a; --w-red: #35a1fe; --w-red-d: #1f6fd0; --w-green: #2f8f6b; --w-text: #16212c; --w-muted: #54616f; --w-line: rgba(20,32,44,.12); --w-ease: cubic-bezier(.2,.8,.2,1); --w-mono: ui-monospace,"SF Mono",Menlo,Consolas,monospace; background: #fff; color: var(--w-text); overflow-x: clip; font-family: "Hanken Grotesk",Arial,sans-serif;} .tkw-inner { max-width: var(--w-max); margin: 0 auto; padding-left: var(--w-pad); padding-right: var(--w-pad); width: 100%;} .tkw h1 { font-family: "Schibsted Grotesk",Arial,sans-serif; letter-spacing: -.022em; text-align: left;} .tkw h2 { font-family: "Schibsted Grotesk",Arial,sans-serif; letter-spacing: -.022em; text-align: left;} .tkw h3 { font-family: "Schibsted Grotesk",Arial,sans-serif; letter-spacing: -.022em; text-align: left;} .tkw h1.tkw-h1 { text-align: left!important; margin-left: 0!important; margin-right: 0!important;} .tkw h2.tkw-h2 { text-align: left!important; margin-left: 0!important; margin-right: 0!important;} .tkw h3 { text-align: left!important; margin-left: 0!important; margin-right: 0!important;} .tkw h2.tkw-h2::after { display: none!important;} .tkw-eyebrow { display: flex; align-items: center; gap: 10px; margin: 0 0 18px; font-family: var(--w-mono); font-size: 12px; letter-spacing: .16em; text-transform: uppercase; color: var(--w-muted);} .tkw-eyebrow .n { color: var(--w-ink);} .tkw-eyebrow .l { width: 28px; height: 1px; background: currentColor; opacity: .6;} .tkw-h2 { margin: 0 0 18px; font-size: clamp(30px,4.2vw,50px); line-height: 1.04; color: var(--w-ink); max-width: 20ch;} .tkw-h2 em { font-style: normal; color: var(--w-muted); font-weight: 500;} .tkw-lead { margin: 0; max-width: 56ch; font-size: clamp(16px,1.6vw,18.5px); line-height: 1.62; color: var(--w-muted);} .tkw-sec { padding: clamp(72px,10vw,140px) 0;} .tkw-actions { display: flex; flex-wrap: wrap; gap: 12px 18px; align-items: center;} .tkw-actions .tk-btn { min-height: 50px;} .tkw-sub { font-family: var(--w-mono); font-size: 12px; letter-spacing: .04em; color: #8aa0b8;} .tkw .tk-btn { transition: transform .25s var(--w-ease),filter .25s,box-shadow .25s!important;} .tkw .tk-btn:hover { transform: translateY(-2px); filter: brightness(1.08);} .tkw .tk-btn--blue:hover { box-shadow: 0 12px 26px rgba(53,161,254,.32);} .tkw .tk-btn--red:hover { box-shadow: 0 12px 26px rgba(250,91,92,.3);} .tkw .tk-btn svg { transition: transform .25s var(--w-ease);} .tkw .tk-btn:hover svg { transform: translateX(4px);} .tkw-glow { position: relative; overflow: hidden; transition: transform .35s var(--w-ease),box-shadow .35s ease,border-color .35s;} .tkw-glow::before { content: ""; position: absolute; right: -70px; top: -70px; width: 240px; height: 240px; border-radius: 50%; background: radial-gradient(circle,rgba(53,161,254,.38) 0%,rgba(53,161,254,.1) 55%,rgba(53,161,254,0) 72%); filter: blur(2px); opacity: 0; transform: scale(.5); transition: opacity .4s ease,transform .5s var(--w-ease); pointer-events: none;} .tkw-glow--red::before { background: radial-gradient(circle,rgba(250,91,92,.36) 0%,rgba(250,91,92,.1) 55%,rgba(250,91,92,0) 72%);} .tkw-glow:hover { transform: translateY(-5px); box-shadow: 0 18px 38px -14px rgba(10,16,24,.35);} .tkw-glow:hover::before { opacity: 1; transform: scale(1.15);} .tkw-glow>* { position: relative;} .tkw-hero { position: relative; background: radial-gradient(1100px 620px at 85% 10%,rgba(53,161,254,.16),transparent 62%),radial-gradient(760px 520px at 0% 100%,rgba(250,91,92,.12),transparent 62%),linear-gradient(170deg,#0e1a2b 0%,#0a1018 75%); color: #eef3f9; padding: clamp(48px,7vw,96px) 0 clamp(56px,7vw,100px); overflow: hidden;} .tkw-hero::before { content: ""; position: absolute; inset: 0; background-image: linear-gradient(rgba(159,176,194,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(159,176,194,.07) 1px,transparent 1px); background-size: 40px 40px; mask-image: radial-gradient(ellipse 70% 80% at 70% 40%,#000 30%,transparent 75%); -webkit-mask-image: radial-gradient(ellipse 70% 80% at 70% 40%,#000 30%,transparent 75%); pointer-events: none;} .tkw-hero__grid { position: relative; display: grid; grid-template-columns: 1fr; gap: 56px; align-items: center;} .tkw-hero__kicker { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; margin: 0 0 22px; font-family: var(--w-mono); font-size: 12px; letter-spacing: .16em; text-transform: uppercase; color: #8aa0b8;} .tkw-hero__kicker b { color: var(--w-blue); font-weight: 500; white-space: nowrap;} .tkw-hero__alt { margin: 18px 0 0; font-size: 15.5px; color: #9fb0c2;} .tkw-hero__alt a { display: inline-flex; align-items: center; gap: 5px; color: #fff; font-weight: 600; text-decoration: none; border-bottom: 1px solid rgba(255,255,255,.35); transition: border-color .25s;} .tkw-hero__alt a:hover { border-color: var(--w-blue);} .tkw-hero__alt a svg { width: 16px; height: 16px; transition: transform .3s var(--w-ease);} .tkw-hero__alt a:hover svg { transform: translate(2px,-2px);} .tkw-hero__kicker i { width: 28px; height: 1px; background: #3b4a5e;} .tkw-h1 { margin: 0 0 26px; font-size: clamp(40px,5.6vw,76px); line-height: .96; letter-spacing: -.04em; color: #fff; max-width: 14ch; font-weight: 800;} .tkw-h1 .l1 { display: block;} .tkw-h1 .l2 { display: block;} .tkw-h1 .l3 { display: block;} .tkw-h1 .l23 { display: block;} .tkw-h1 .l1 { font-weight: 400; letter-spacing: -.025em; color: #c3cfdc; margin-bottom: .06em;} .tkw-h1 .l23 { background: linear-gradient(140deg,#6fe3ff 0%,#2a8dff 20%,#8a5cff 42%,#ff3d7f 66%,#ff6a3d 86%,#ffb347 100%); background-size: 170% 170%; background-position: 0% 0%; -webkit-background-clip: text; background-clip: text; color: transparent; padding-bottom: .08em; filter: drop-shadow(0 0 26px rgba(120,110,255,.28)); animation: tkwHue 8s ease-in-out infinite alternate;} .tkw-h1 .w { display: inline-block; opacity: 0; transform: translateY(.25em); filter: blur(6px); transition: opacity .8s var(--w-ease),transform .8s var(--w-ease),filter .8s var(--w-ease);} .tkw-h1 .w.is-on { opacity: 1; transform: none; filter: none;} .tkw-hero__sub { margin: 0 0 30px; max-width: 50ch; font-size: clamp(16px,1.7vw,19px); line-height: 1.6; color: #b9c6d4;} .tkw-hero__sub b { color: #fff; font-weight: 600;} .tkw-chips { display: flex; flex-wrap: wrap; gap: 8px; margin: 26px 0 0; padding: 0; list-style: none;} .tkw-chips li { display: inline-flex; align-items: center; gap: 8px; padding: 9px 13px; border-radius: 9px; background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.1); font-size: 13.5px; font-weight: 600; color: #dfe7f0;} .tkw-chips svg { color: #6fd3a5;} .tkw-stage { position: relative; perspective: 1600px; min-height: 420px;} .tkw-browser { position: relative; border-radius: 14px; background: #f6f8fb; box-shadow: 0 50px 100px -30px rgba(0,0,0,.65),0 0 0 1px rgba(255,255,255,.08); overflow: hidden; transform: rotateY(-9deg) rotateX(4deg); transform-style: preserve-3d; transition: transform .8s var(--w-ease);} .tkw-browser__bar { display: flex; align-items: center; gap: 6px; height: 34px; padding: 0 12px; background: #e8edf3; border-bottom: 1px solid #d9e0e9;} .tkw-browser__bar i { width: 9px; height: 9px; border-radius: 50%; background: #c9d2de;} .tkw-browser__url { margin-left: 12px; flex: 1; height: 20px; border-radius: 6px; background: #fff; font-size: 11px; line-height: 20px; padding: 0 10px; color: #5c6780; font-family: "Hanken Grotesk",sans-serif;} .tkw-page { position: relative; padding: 14px; display: grid; gap: 10px; grid-template-columns: repeat(6,1fr); color: #16212c;} .tkw-blk { position: relative; border-radius: 8px; min-height: 24px; transition: background-color .5s,box-shadow .5s;} .tkw-blk>* { position: relative; transition: opacity .6s var(--w-ease),transform .6s var(--w-ease);} .tkw-blk::after { content: ""; position: absolute; inset: 0; border: 1.5px dashed #8fb6e0; border-radius: inherit; background: repeating-linear-gradient(135deg,rgba(53,161,254,.06) 0 8px,transparent 8px 16px); opacity: 0; pointer-events: none; transition: opacity .5s;} .is-plan .tkw-blk::after { opacity: 1;} .is-plan .tkw-blk>* { opacity: 0; transform: translateY(6px);} .is-plan .tkw-blk:not(.is-on) { background: transparent!important; box-shadow: none!important;} .is-plan .tkw-blk:not(.is-on) .img { opacity: 0;} .tkw-heroblk .img { transition: opacity .6s;} .tkw-blk.is-on::after { opacity: 0;} .tkw-blk.is-on>* { opacity: 1; transform: none;} .tkw-nav { grid-column: 1/-1; display: flex; align-items: center; gap: 12px; padding: 6px 4px;} .tkw-nav .lg { display: flex; align-items: center; gap: 6px; font: 700 11px "Schibsted Grotesk",sans-serif; letter-spacing: .02em;} .tkw-nav .lg i { width: 16px; height: 16px; border-radius: 4px; background: linear-gradient(135deg,#e2a13b,#c4622d);} .tkw-nav .ln { display: flex; gap: 10px; margin-left: auto; margin-right: -2px; font-size: 9.5px; color: #5c6780;} .tkw-nav .tel { margin-left: auto; font-size: 9.5px; font-weight: 700; color: #fff; background: #c4622d; border-radius: 5px; padding: 4px 8px;} .tkw-nav .ln+.tel { margin-left: 0;} .tkw-heroblk { grid-column: 1/-1; min-height: 150px; border-radius: 10px; overflow: hidden;} .tkw-heroblk .img { position: absolute; inset: 0; background: linear-gradient(105deg,rgba(16,22,30,.92) 28%,rgba(16,22,30,.35) 62%,rgba(16,22,30,.1)),radial-gradient(60% 90% at 85% 20%,rgba(255,226,170,.55),transparent 70%),repeating-linear-gradient(0deg,rgba(255,255,255,.22) 0 1px,transparent 1px 22px),repeating-linear-gradient(90deg,rgba(255,255,255,.22) 0 1px,transparent 1px 44px),linear-gradient(160deg,#c9b8a3,#8a7866 55%,#4a4036);} .tkw-heroblk .tx { padding: 18px 18px 16px; color: #fff; max-width: 62%;} .tkw-heroblk .k { font-size: 8.5px; letter-spacing: .14em; text-transform: uppercase; color: #f0c27a; margin-bottom: 6px; font-weight: 700;} .tkw-heroblk .t { font: 700 17px/1.08 "Schibsted Grotesk",sans-serif; margin-bottom: 8px;} .tkw-heroblk .s { font-size: 9.5px; line-height: 1.45; color: #d6dde6; margin-bottom: 10px;} .tkw-heroblk .b { display: inline-block; font-size: 9.5px; font-weight: 700; background: #e2a13b; color: #1b1206; border-radius: 5px; padding: 5px 9px;} .tkw-trust { grid-column: span 3; background: #fff; box-shadow: 0 1px 0 #e3e8ef; padding: 10px 12px; display: flex; flex-direction: column; gap: 4px;} .tkw-trust .st { color: #f5a623; display: flex; gap: 1px;} .tkw-trust .n { font-size: 9.5px; color: #5c6780;} .tkw-trust .n b { color: #16212c;} .tkw-trust .bd { display: flex; gap: 5px; margin-top: 2px;} .tkw-trust .bd span { font-size: 8px; font-weight: 700; border: 1px solid #d9e0e9; border-radius: 4px; padding: 2px 5px; color: #5c6780;} .tkw-cont { grid-column: span 3; background: #fff; box-shadow: 0 1px 0 #e3e8ef; padding: 10px 12px;} .tkw-cont .q { font-size: 9.5px; font-weight: 700; margin-bottom: 6px;} .tkw-cont .ch { display: flex; flex-wrap: wrap; gap: 4px;} .tkw-cont .ch span { font-size: 8.5px; border: 1px solid #d9e0e9; border-radius: 99px; padding: 3px 7px; color: #2a3440;} .tkw-cont .ch span.on { background: #16212c; color: #fff; border-color: #16212c;} .tkw-job { grid-column: 1/-1; background: #16212c; color: #fff; padding: 10px 12px; display: flex; align-items: center; gap: 12px;} .tkw-job .p { font-size: 8.5px; letter-spacing: .12em; text-transform: uppercase; color: #f0c27a; font-weight: 700;} .tkw-job .t { font: 600 11.5px "Schibsted Grotesk",sans-serif;} .tkw-job .b { margin-left: auto; font-size: 9px; font-weight: 700; background: #fff; color: #16212c; border-radius: 5px; padding: 5px 8px; white-space: nowrap;} .tkw-browser.is-plan { background: #f2f6fb;} .tkw-abar { position: absolute!important; left: 12px; right: 12px; bottom: 12px; min-height: 52px; border-radius: 16px!important; background: #fff; box-shadow: 0 10px 30px -8px rgba(10,16,24,.3);} .tkw-abar>div { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 6px; padding: 7px;} .tkw-abar span { display: grid; place-items: center; height: 38px; border-radius: 11px; background: #eef2f7; font-size: 11px; font-weight: 700; color: #16212c;} .tkw-abar .wa { background: #25d366; color: #fff;} .tkw-abar .pr { background: #c4622d; color: #fff;} .tkw-toasts { position: absolute; right: -8px; bottom: -28px; display: flex; flex-direction: column; gap: 10px; width: min(300px,78%); z-index: 3;} .tkw-toast { display: flex; gap: 11px; align-items: flex-start; padding: 12px 14px; border-radius: 14px; background: rgba(255,255,255,.96); backdrop-filter: blur(10px); box-shadow: 0 18px 40px -12px rgba(0,0,0,.45); color: #16212c; opacity: 0; transform: translateY(14px) scale(.97);} .tkw-toast .ic { flex: none; width: 30px; height: 30px; border-radius: 9px; display: grid; place-items: center; color: #fff;} .tkw-toast .ic svg { width: 16px; height: 16px;} .tkw-toast--a .ic { background: var(--w-blue-d);} .tkw-toast--b .ic { background: var(--w-coral-d);} .tkw-toast--c .ic { background: var(--w-green);} .tkw-toast .h { font-size: 11px; font-weight: 700; color: #5c6780; display: flex; justify-content: space-between; gap: 8px;} .tkw-toast .t { font-size: 13.5px; font-weight: 600; line-height: 1.3; margin-top: 2px;} .tkw-toast.is-in { animation: tkwToast .7s var(--w-ease) forwards;} .tkw-plan-label { position: absolute; left: 14px; top: -30px; font-family: var(--w-mono); font-size: 11px; letter-spacing: .14em; text-transform: uppercase; color: #7f93ab; display: flex; gap: 10px; align-items: center;} .tkw-plan-label b { color: var(--w-blue); font-weight: 500; transition: color .4s;} .tkw-plan-label.is-done b { color: #6fd3a5;} .tkw-logos { position: relative; margin-top: clamp(56px,7vw,90px); display: flex; flex-wrap: wrap; align-items: center; gap: 14px 34px; color: #7f93ab; font-size: 12.5px;} .tkw-logos img { height: 28px; width: auto; opacity: .85; filter: grayscale(1) brightness(2.4);} .tkw-lage__grid { display: grid; gap: 48px;} .tkw-obs { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--w-line);} .tkw-obs li { display: grid; grid-template-columns: 52px 1fr; gap: 18px; padding: 26px 0; border-bottom: 1px solid var(--w-line); transition: background-color .3s,box-shadow .3s;} .tkw-obs li:hover { background: #f7f9fc; box-shadow: inset 0 -3px 0 0 var(--w-blue);} .tkw-obs li:hover .tkw-num { color: var(--w-blue-d);} .tkw-obs .g { font-family: var(--w-mono); font-size: 11px; letter-spacing: .14em; text-transform: uppercase; color: var(--w-muted); margin-bottom: 6px;} .tkw-num { position: relative; width: 40px; height: 40px; display: grid; place-items: center; font: 700 17px "Schibsted Grotesk",sans-serif; color: var(--w-ink); transition: color .3s;} .tkw-num::before { content: ""; position: absolute; width: 12px; height: 12px;} .tkw-num::after { content: ""; position: absolute; width: 12px; height: 12px;} .tkw-num::before { top: 0; left: 0; border-top: 3px solid var(--w-blue); border-left: 3px solid var(--w-blue);} .tkw-num::after { bottom: 0; right: 0; border-bottom: 3px solid var(--w-coral); border-right: 3px solid var(--w-coral);} .tkw-obs h3 { margin: 0 0 8px; font-size: clamp(19px,2vw,23px); line-height: 1.2; color: var(--w-ink);} .tkw-obs p { margin: 0; color: var(--w-muted); line-height: 1.6; font-size: 16px; max-width: 52ch;} .tkw-obs .f { display: inline-block; margin-top: 10px; font-size: 13.5px; font-weight: 600; color: var(--w-ink);} .tkw-story { background: var(--w-paper);} .tkw-story--dark { background: linear-gradient(170deg,#0e1a2b,#0a1018); color: #eef3f9;} .tkw-story--dark .tkw-h2 { color: #fff;} .tkw-story--dark .tkw-h2 em { color: #8aa0b8;} .tkw-story--dark .tkw-lead { color: #9fb0c2;} .tkw-story--dark .tkw-eyebrow { color: #8aa0b8;} .tkw-story--dark .tkw-eyebrow .n { color: #fff;} .tkw-story__head { margin-bottom: clamp(40px,6vw,72px);} .tkw-story__grid { display: grid; gap: 40px;} .tkw-steps { list-style: none; margin: 0; padding: 0;} .tkw-step { padding: 26px 0; border-top: 1px solid var(--w-line);} .tkw-story--dark .tkw-step { border-color: rgba(255,255,255,.1);} .tkw-step .n { font-family: var(--w-mono); font-size: 12px; letter-spacing: .14em; text-transform: uppercase; color: var(--w-blue-d); margin-bottom: 12px;} .tkw-story--dark .tkw-step .n { color: var(--w-blue);} .tkw-step h3 { margin: 0 0 12px; font-size: clamp(24px,2.8vw,36px); line-height: 1.08; color: var(--w-ink); max-width: 16ch;} .tkw-story--dark .tkw-step h3 { color: #fff;} .tkw-step p { margin: 0; max-width: 46ch; color: var(--w-muted); line-height: 1.62; font-size: 16.5px;} .tkw-story--dark .tkw-step p { color: #9fb0c2;} .tkw-step ul { margin: 16px 0 0; padding: 0; list-style: none; display: grid; gap: 8px;} .tkw-step li { display: flex; gap: 10px; align-items: flex-start; font-size: 15px; color: var(--w-text);} .tkw-story--dark .tkw-step li { color: #dfe7f0;} .tkw-step li svg { flex: none; color: var(--w-blue-d); margin-top: 2px;} .tkw-story--dark .tkw-step li svg { color: var(--w-blue);} .tkw-step .w { display: inline-flex; align-items: center; gap: 8px; margin-top: 16px; padding: 8px 12px; border-radius: 8px; background: rgba(53,161,254,.12); font-family: var(--w-mono); font-size: 12px; color: var(--w-blue-d);} .tkw-story--dark .tkw-step .w { color: #8fc9ff;} .tkw-phonewrap { display: none;} .tkw-dashwrap { display: none;} .tkw-dashwrap--m { display: none;} .tkw-phone { position: relative; width: 320px; height: 650px; margin: 0 auto; border-radius: 46px; background: #0a1018; padding: 12px; box-shadow: 0 40px 80px -30px rgba(10,16,24,.55),inset 0 0 0 2px #2a3646;} .tkw-phone__scr { position: relative; height: 100%; border-radius: 36px; overflow: hidden; background: #f6f8fb; display: flex; flex-direction: column; gap: 9px; padding: 42px 12px 12px;} .tkw-phone__scr::before { content: ""; position: absolute; top: 10px; left: 50%; width: 90px; height: 24px; margin-left: -45px; border-radius: 20px; background: #0a1018; z-index: 5;} .tkw-phone .tkw-blk { border-radius: 12px;} .tkw-phone .tkw-nav { padding: 2px 4px;} .tkw-phone .tkw-heroblk { min-height: 205px;} .tkw-phone .tkw-heroblk .tx { max-width: 100%; padding: 16px;} .tkw-phone .tkw-heroblk .t { font-size: 20px;} .tkw-phone .tkw-heroblk .s { font-size: 11px;} .tkw-phone .tkw-trust { padding: 11px 12px;} .tkw-phone .tkw-cont { padding: 11px 12px;} .tkw-phone .tkw-cont .q { font-size: 11px;} .tkw-phone .tkw-trust .n { font-size: 11px;} .tkw-phone .tkw-cont .ch span { font-size: 10px;} .tkw-phone .tkw-job .t { font-size: 12.5px;} .tkw-gsnip { position: absolute; left: -150px; top: 96px; width: 300px; padding: 14px 16px; border-radius: 14px; background: #fff; box-shadow: 0 24px 50px -16px rgba(10,16,24,.35); font-family: Arial,sans-serif; opacity: 0; transform: translateX(20px); transition: opacity .6s var(--w-ease),transform .6s var(--w-ease); z-index: 6;} .tkw-gsnip .u { font-size: 11.5px; color: #202124;} .tkw-gsnip .u span { color: #5f6368;} .tkw-gsnip .t { font-size: 16px; color: #1a0dab; margin: 4px 0;} .tkw-gsnip .d { font-size: 12px; color: #4d5156; line-height: 1.45;} .tkw-gsnip .r { font-size: 12px; color: #70757a; margin-top: 4px; display: flex; align-items: center; gap: 4px;} .tkw-gsnip .r i { color: #f5a623; font-style: normal;} .tkw-speed { position: absolute; right: -74px; top: 250px; width: 132px; padding: 12px 14px; border-radius: 14px; background: #0a1018; color: #fff; box-shadow: 0 24px 50px -16px rgba(10,16,24,.5); opacity: 0; transform: translateX(-14px); transition: opacity .6s var(--w-ease) .15s,transform .6s var(--w-ease) .15s; z-index: 6;} .tkw-speed .v { font: 700 26px "Schibsted Grotesk",sans-serif; color: #6fd3a5;} .tkw-speed .l { font-size: 11px; color: #9fb0c2;} .is-s5 .tkw-gsnip { opacity: 1; transform: none;} .is-s5 .tkw-speed { opacity: 1; transform: none;} .tkw-dash { position: relative; border-radius: 18px; background: #0f1b2d; border: 1px solid rgba(255,255,255,.1); box-shadow: 0 40px 80px -30px rgba(0,0,0,.7); overflow: hidden; color: #eef3f9; font-size: 12px; display: grid; grid-template-columns: 150px 1fr; min-height: 470px;} .tkw-dash__side { background: #0a1320; padding: 16px 12px; border-right: 1px solid rgba(255,255,255,.08); display: flex; flex-direction: column; gap: 4px;} .tkw-dash__side .lg { display: flex; align-items: center; gap: 8px; font: 700 12px "Schibsted Grotesk",sans-serif; margin-bottom: 14px; padding: 0 6px;} .tkw-dash__side .lg i { width: 18px; height: 18px; border-radius: 5px; background: linear-gradient(135deg,#e2a13b,#c4622d);} .tkw-dash__side span { display: flex; align-items: center; gap: 8px; padding: 7px 8px; border-radius: 7px; color: #9fb0c2; font-size: 11.5px; transition: background .4s,color .4s;} .tkw-dash__side span i { width: 14px; height: 14px; border-radius: 4px; background: #2a3a52;} .tkw-dash__side span.on { background: rgba(53,161,254,.16); color: #fff;} .tkw-dash__side span.on i { background: var(--w-blue);} .tkw-dash__main { min-width: 0; padding: 16px; display: grid; gap: 12px; align-content: start;} .tkw-dash__top { display: flex; justify-content: space-between; align-items: center;} .tkw-dash__top .h { font: 600 14px "Schibsted Grotesk",sans-serif;} .tkw-dash__top .d { font-family: var(--w-mono); font-size: 10.5px; color: #7f93ab;} .tkw-dash__top .u { width: 26px; height: 26px; border-radius: 50%; background: #2a3a52; display: grid; place-items: center; font-size: 10px; font-weight: 700;} .tkw-kp { display: grid; grid-template-columns: repeat(4,1fr); gap: 8px;} .tkw-kp>div { min-width: 0; padding: 10px 11px; border-radius: 10px; background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.07);} .tkw-kp .l { font-size: 10px; color: #7f93ab; margin-bottom: 4px; white-space: nowrap;} .tkw-kp .v { font: 700 17px "Schibsted Grotesk",sans-serif; color: #fff; letter-spacing: -.02em; white-space: nowrap;} .tkw-kp .v.g { color: #6fd3a5;} .tkw-kp .v.r { color: var(--w-coral);} .tkw-kp .t { font-size: 9.5px; color: #6fd3a5; margin-top: 2px;} .tkw-dash__row { display: grid; grid-template-columns: 1.25fr 1fr; gap: 8px; align-items: stretch;} .tkw-dl { min-width: 0; border-radius: 10px; background: rgba(255,255,255,.04); border: 1px solid rgba(255,255,255,.07); padding: 10px 11px;} .tkw-dl .h { font-size: 10px; color: #7f93ab; margin-bottom: 8px; display: flex; justify-content: space-between;} .tkw-dl .h b { color: #fff; font-weight: 600;} .tkw-dl ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px;} .tkw-dl li { display: grid; grid-template-columns: 1fr auto; gap: 8px; align-items: center; font-size: 11px; padding: 6px 8px; border-radius: 7px; background: rgba(255,255,255,.03);} .tkw-dl li small { display: block; color: #7f93ab; font-size: 9.5px;} .tkw-dl .s { font-size: 9px; font-weight: 700; padding: 3px 7px; border-radius: 99px; background: #2a3a52; color: #dfe7f0; white-space: nowrap;} .tkw-dl .s.b { background: rgba(53,161,254,.25); color: #8fc9ff;} .tkw-dl .s.g { background: rgba(111,211,165,.2); color: #6fd3a5;} .tkw-dl .s.r { background: rgba(250,91,92,.22); color: #ff9d9d;} .tkw-bars { display: flex; align-items: flex-end; gap: 6px; height: 88px; padding-top: 6px;} .tkw-bars i { flex: 1; height: 100%; border-radius: 4px 4px 2px 2px; background: linear-gradient(180deg,var(--w-blue),#1f6fd0); transform: scaleY(0); transform-origin: bottom; transition: transform .9s var(--w-ease);} .tkw-bars i.cur { background: linear-gradient(180deg,#8fc9ff,#35a1fe);} .tkw-bars__l { display: flex; gap: 6px; margin-top: 6px;} .tkw-bars__l span { flex: 1; text-align: center; font-family: var(--w-mono); font-size: 9px; color: #7f93ab;} .tkw-dash__auto { border-radius: 10px; background: rgba(111,211,165,.08); border: 1px solid rgba(111,211,165,.2); padding: 9px 11px; display: flex; gap: 10px; align-items: center; font-size: 11px; color: #dfe7f0;} .tkw-dash__auto i { flex: none; width: 22px; height: 22px; border-radius: 6px; background: var(--w-green); display: grid; place-items: center;} .tkw-dash__auto i svg { width: 13px; height: 13px; color: #fff;} .tkw-dash__auto b { color: #6fd3a5; font-weight: 600;} .tkw-dash__amp { border-radius: 10px; padding: 10px 12px; background: linear-gradient(135deg,rgba(53,161,254,.18),rgba(53,161,254,.06)); border: 1px solid rgba(255,255,255,.12); font-size: 11.5px; line-height: 1.45;} .tkw-dash__amp b { display: block; font: 600 12.5px "Schibsted Grotesk",sans-serif; color: #fff; margin-bottom: 2px;} .tkw-dash [data-d] { opacity: 0; transform: translateY(8px); transition: opacity .6s var(--w-ease),transform .6s var(--w-ease);} .tkw-dash.d1 [data-d="1"] { opacity: 1; transform: none;} .tkw-dash.d2 [data-d="1"] { opacity: 1; transform: none;} .tkw-dash.d2 [data-d="2"] { opacity: 1; transform: none;} .tkw-dash.d3 [data-d="1"] { opacity: 1; transform: none;} .tkw-dash.d3 [data-d="2"] { opacity: 1; transform: none;} .tkw-dash.d3 [data-d="3"] { opacity: 1; transform: none;} .tkw-dash.d4 [data-d] { opacity: 1; transform: none;} .tkw-dash.is-all [data-d] { opacity: 1; transform: none;} .tkw-dash.d3 .tkw-bars i { transform: scaleY(var(--h));} .tkw-dash.d4 .tkw-bars i { transform: scaleY(var(--h));} .tkw-dash.is-all .tkw-bars i { transform: scaleY(var(--h));} .tkw-calc { background: #fff;} .tkw-calc__head { display: grid; gap: 20px; margin-bottom: clamp(32px,4vw,48px);} .tkw-cbox { display: grid; gap: 0; border-radius: 24px; overflow: hidden; border: 1px solid var(--w-line); box-shadow: 0 30px 70px -40px rgba(10,16,24,.35);} .tkw-cin { padding: clamp(22px,3vw,36px); background: #f7f9fc;} .tkw-cg { padding: 0 0 22px; margin: 0 0 22px; border-bottom: 1px solid var(--w-line);} .tkw-cg:last-child { border: 0; margin: 0; padding: 0;} .tkw-cg__h { display: flex; align-items: center; gap: 10px; margin: 0 0 16px; font: 600 16px "Schibsted Grotesk",sans-serif; color: var(--w-ink);} .tkw-cg__h i { width: 26px; height: 26px; border-radius: 8px; display: grid; place-items: center; color: #fff; background: var(--w-blue-d);} .tkw-cg__h i svg { width: 14px; height: 14px;} .tkw-cg--in .tkw-cg__h i { background: var(--w-red-d);} .tkw-f { margin-bottom: 18px;} .tkw-f:last-child { margin-bottom: 0;} .tkw-f label { display: flex; justify-content: space-between; gap: 12px; font-size: 14px; font-weight: 600; color: var(--w-text); margin-bottom: 10px;} .tkw-f output { font: 700 16px "Schibsted Grotesk",sans-serif; color: var(--w-blue-d); white-space: nowrap;} .tkw-cg--in .tkw-f output { color: var(--w-red-d);} .tkw-f small { display: block; margin-top: 7px; font-size: 12px; color: var(--w-muted);} .tkw-f input[type=range] { -webkit-appearance: none; appearance: none; width: 100%; height: 4px; border-radius: 2px; background: linear-gradient(90deg,var(--w-blue-d) var(--p,50%),#d6deea var(--p,50%)); outline: none; margin: 0;} .tkw-cg--in .tkw-f input[type=range] { background: linear-gradient(90deg,var(--w-red-d) var(--p,50%),#d6deea var(--p,50%));} .tkw-f input[type=range]::-webkit-slider-thumb { -webkit-appearance: none; width: 22px; height: 22px; border-radius: 50%; background: #fff; border: 5px solid var(--w-blue-d); cursor: pointer; box-shadow: 0 2px 8px rgba(0,0,0,.2);} .tkw-cg--in .tkw-f input[type=range]::-webkit-slider-thumb { border-color: var(--w-red-d);} .tkw-f input[type=range]::-moz-range-thumb { width: 14px; height: 14px; border-radius: 50%; background: #fff; border: 5px solid var(--w-blue-d); cursor: pointer;} .tkw-f input[type=range]:focus-visible::-webkit-slider-thumb { outline: 2px solid var(--w-ink); outline-offset: 3px;} .tkw-res { padding: clamp(22px,3vw,36px); background: linear-gradient(170deg,#0e1a2b,#0a1018); color: #eef3f9; display: flex; flex-direction: column; gap: 18px;} .tkw-res__k { font-family: var(--w-mono); font-size: 11px; letter-spacing: .14em; text-transform: uppercase; color: #7f93ab;} .tkw-big { padding: 22px 22px 20px; border-radius: 18px; background: linear-gradient(135deg,rgba(31,111,208,.38),rgba(31,111,208,.12)); border: 1px solid rgba(255,255,255,.14);} .tkw-big .v { font: 700 clamp(40px,5vw,60px)/1 "Schibsted Grotesk",sans-serif; letter-spacing: -.03em; color: #fff;} .tkw-big .l { margin-top: 8px; font-size: 14px; color: #dfe7f0;} .tkw-big .l b { color: #fff;} .tkw-kpis { display: grid; grid-template-columns: 1fr 1fr; gap: 10px;} .tkw-kpi { padding: 16px 16px 14px; border-radius: 14px; background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.08);} .tkw-kpi .k { font-family: var(--w-mono); font-size: 10px; letter-spacing: .12em; text-transform: uppercase; margin-bottom: 8px;} .tkw-kpi--out .k { color: #8fc9ff;} .tkw-kpi--in .k { color: #ff9d9d;} .tkw-kpi .v { font: 700 clamp(22px,2.6vw,30px)/1 "Schibsted Grotesk",sans-serif; color: #fff; letter-spacing: -.02em;} .tkw-kpi .l { margin-top: 6px; font-size: 12.5px; color: #9fb0c2; line-height: 1.4;} .tkw-kpi .l b { color: #fff;} .tkw-dots__l { display: flex; justify-content: space-between; font-size: 12px; color: #9fb0c2; margin: 12px 0 8px;} .tkw-dots__l b { color: #fff;} .tkw-dots { display: flex; flex-wrap: wrap; gap: 4px; min-height: 24px; align-content: flex-start;} .tkw-dots i { width: 12px; height: 12px; border-radius: 3px; background: #3a4c66; transition: background .35s,transform .35s var(--w-ease);} .tkw-dots i.x { background: var(--w-blue); transform: scale(1.06);} .tkw-hrs { display: flex; gap: 3px; height: 18px; align-items: flex-end;} .tkw-hrs i { flex: 1; background: #3a4c66; border-radius: 2px; height: 100%; transition: background .35s;} .tkw-hrs i.x { background: var(--w-green);} .tkw-note { font-size: 12px; color: #7f93ab; line-height: 1.55; margin: 0;} .tkw-res .tkw-actions { margin-top: auto;} .tkw-res .tkw-sub { display: block; width: 100%;} .tkw-pk__head { display: grid; gap: 20px; margin-bottom: clamp(36px,5vw,56px);} .tkw-pkg { margin-bottom: clamp(36px,5vw,56px);} .tkw-pkg__h { display: flex; align-items: center; gap: 14px; margin: 0 0 18px; font: 600 20px "Schibsted Grotesk",sans-serif; color: var(--w-ink);} .tkw-pkg__h span { font-family: var(--w-mono); font-size: 11px; letter-spacing: .14em; text-transform: uppercase; color: var(--w-blue-d); padding: 6px 10px; border-radius: 6px; background: #eaf3ff;} .tkw-pkg--in .tkw-pkg__h span { color: var(--w-blue-d); background: #eaf3ff;} .tkw-pk { display: grid; gap: 14px;} .tkw-pkc { display: flex; flex-direction: column; padding: 28px 26px 26px; border-radius: 20px; background: #f7f9fc; border: 1px solid var(--w-line);} .tkw-pkc:hover { border-color: rgba(53,161,254,.5);} .tkw-pkc .sz { display: flex; gap: 4px; margin-bottom: 20px;} .tkw-pkc .sz i { width: 22px; height: 6px; border-radius: 3px; background: #d6deea;} .tkw-pkc .sz i.on { background: var(--w-blue-d);} .tkw-pkg--in .tkw-pkc .sz i.on { background: var(--w-red-d);} .tkw-pkc h3 { margin: 0 0 6px; font-size: 23px; color: var(--w-ink);} .tkw-pkc .for { margin: 0 0 18px; font-size: 15px; color: var(--w-muted); line-height: 1.5;} .tkw-pkc ul { margin: 0 0 22px; padding: 18px 0 0; border-top: 1px solid var(--w-line); list-style: none; display: grid; gap: 9px;} .tkw-pkc li { display: flex; gap: 10px; font-size: 14.5px; line-height: 1.45;} .tkw-pkc li svg { flex: none; color: var(--w-blue-d); margin-top: 2px;} .tkw-pkg--in .tkw-pkc li svg { color: var(--w-red-d);} .tkw-pkc .pr { margin-top: auto; font-size: 13px; color: var(--w-muted);} .tkw-pkc .pr .p { display: flex; align-items: baseline; flex-wrap: wrap; gap: 4px 8px; margin-bottom: 3px;} .tkw-pkc .pr b { font: 700 22px "Schibsted Grotesk",sans-serif; color: var(--w-ink); letter-spacing: -.02em;} .tkw-pkc .pr small { font-size: 13px; font-weight: 600; color: var(--w-muted);} .tkw-pkc--top .pr small { color: #9fb0c2;} .tkw-pkc--top { background: linear-gradient(165deg,#16233a,#0a1018); color: #eef3f9; border-color: transparent; box-shadow: 0 30px 60px -28px rgba(10,16,24,.6);} .tkw-pkc--top h3 { color: #fff;} .tkw-pkc--top .pr b { color: #fff;} .tkw-pkc--top .for { color: #9fb0c2;} .tkw-pkc--top .pr { color: #9fb0c2;} .tkw-pkc--top ul { border-color: rgba(255,255,255,.12);} .tkw-pkc--top li svg { color: var(--w-blue);} .tkw-pkg--in .tkw-pkc--top li svg { color: var(--w-red);} .tkw-pkc--top .sz i { background: #2a3a52;} .tkw-pkc .tag { position: absolute; top: 26px; right: 24px; font-family: var(--w-mono); font-size: 10.5px; letter-spacing: .12em; text-transform: uppercase; color: var(--w-red);} .tkw-pk__foot { margin-top: 24px; display: flex; flex-wrap: wrap; gap: 10px 28px; font-size: 14.5px; color: var(--w-muted);} .tkw-pk__foot span { display: inline-flex; gap: 8px; align-items: center;} .tkw-pk__foot svg { color: var(--w-blue-d);} .tkw-pk__cta { margin-top: 36px; padding: clamp(24px,3.5vw,40px); border-radius: 22px; background: linear-gradient(165deg,#16233a,#0a1018); color: #dfe7f0; display: grid; gap: 22px; align-items: center; border: 1px solid transparent;} .tkw-pk__cta .t { font-size: clamp(16px,1.6vw,18.5px); line-height: 1.55; color: #b9c6d4; max-width: 56ch;} .tkw-pk__cta .t b { color: #fff; font-weight: 600;} .tkw-pk__cta .tkw-actions { justify-content: flex-start;} .tkw-demo { margin-top: clamp(48px,6vw,84px); padding-top: clamp(40px,5vw,64px); border-top: 1px solid rgba(255,255,255,.1);} .tkw-demo__head { margin-bottom: 28px;} .tkw-h3 { margin: 0 0 14px; font-size: clamp(26px,3.4vw,40px); line-height: 1.06; color: #fff; max-width: 24ch; letter-spacing: -.02em;} .tkw-h3 em { font-style: normal; color: var(--w-blue);} .tkw-app { border-radius: 18px; background: #0f1b2d; border: 1px solid rgba(255,255,255,.1); box-shadow: 0 40px 80px -30px rgba(0,0,0,.7); padding: 16px; display: grid; gap: 12px; color: #eef3f9; font-size: 12px;} .tkw-app__top { display: flex; justify-content: space-between; align-items: center; gap: 12px;} .tkw-app__top .h { font: 600 15px "Schibsted Grotesk",sans-serif; color: #fff;} .tkw-app__top .d { font-family: var(--w-mono); font-size: 11px; color: #7f93ab; margin-top: 3px; transition: color .3s;} .tkw-app__top .d.is-done { color: #6fd3a5;} .tkw-app .rs { flex: none; background: transparent; border: 1px solid rgba(255,255,255,.18); color: #dfe7f0; border-radius: 8px; padding: 7px 11px; font: 500 12px "Hanken Grotesk",sans-serif; cursor: pointer; transition: border-color .2s,color .2s;} .tkw-app .rs:hover { border-color: var(--w-blue); color: #fff;} .tkw-app__kp .v { font-size: 20px;} .tkw-board { display: grid; grid-template-columns: repeat(5,1fr); gap: 8px;} .tkw-col { min-width: 0; border-radius: 10px; background: rgba(255,255,255,.04); border: 1px solid rgba(255,255,255,.07); padding: 10px; min-height: 170px;} .tkw-col .h { font-family: var(--w-mono); font-size: 10px; letter-spacing: .1em; text-transform: uppercase; color: #7f93ab; margin-bottom: 8px; display: flex; justify-content: space-between;} .tkw-col .h b { color: #fff; font-weight: 600;} .tkw-col .cards { display: grid; gap: 8px;} .tkw-card { border-radius: 8px; background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.08); padding: 9px 10px; transition: box-shadow .3s,border-color .3s,opacity .4s; will-change: transform;} .tkw-card .t { font-weight: 600; font-size: 12px; color: #fff; line-height: 1.3;} .tkw-card small { display: block; color: #7f93ab; font-size: 10px; margin: 3px 0 6px; line-height: 1.35;} .tkw-card .s { font: 700 13px "Schibsted Grotesk",sans-serif; color: #8fc9ff; margin-bottom: 8px; min-height: 16px;} .tkw-card button { display: block; width: 100%; border: 0; border-radius: 7px; padding: 8px; margin: 0; background: var(--w-blue); color: #fff; font: 600 11.5px "Hanken Grotesk",sans-serif; line-height: 1.3; cursor: pointer; transition: transform .2s var(--w-ease),filter .2s;} .tkw-card button:hover { filter: brightness(1.12); transform: translateY(-1px);} .tkw-card .ok { display: none; gap: 6px; align-items: center; font-size: 11px; color: #6fd3a5;} .tkw-card .ok svg { width: 14px; height: 14px;} .tkw-card.is-done { opacity: .8;} .tkw-card.is-done .s { color: #6fd3a5;} .tkw-card.is-done button { display: none;} .tkw-card.is-done .ok { display: inline-flex;} .tkw-card.is-hot { border-color: rgba(53,161,254,.7); box-shadow: 0 0 0 3px rgba(53,161,254,.2);} .tkw-app__auto { min-height: 42px; line-height: 1.45;} .tkw-app__auto.is-pulse { animation: tkwPulse .7s var(--w-ease);} .tkw-demo__more { margin-top: 22px; display: flex; flex-wrap: wrap; gap: 10px 22px; align-items: center; font-size: 15px; color: #9fb0c2;} .tkw-demo__more a { display: inline-flex; align-items: center; gap: 6px; color: #8fc9ff; font-weight: 600; text-decoration: none;} .tkw-demo__more a svg { transition: transform .3s var(--w-ease);} .tkw-demo__more a:hover svg { transform: translate(3px,-3px);} .tkw-werk { background: var(--w-paper);} .tkw-werk__grid { display: grid; gap: 12px; margin-top: clamp(32px,4vw,48px);} .tkw-wc { display: flex; flex-direction: column; gap: 10px; padding: 24px 22px 22px; border-radius: 18px; background: #fff; border: 1px solid var(--w-line); min-height: 220px;} .tkw-wc .n { display: flex; justify-content: space-between; align-items: center; font-family: var(--w-mono); font-size: 11px; letter-spacing: .14em; color: var(--w-muted);} .tkw-wc .n svg { color: var(--w-blue-d); transition: transform .3s var(--w-ease);} .tkw-wc:hover .n svg { transform: translate(3px,-3px);} .tkw-wc h3 { margin: 6px 0 0; font-size: 19px; line-height: 1.2; color: var(--w-ink); transition: color .3s;} .tkw-wc:hover h3 { color: var(--w-blue-d);} .tkw-wc p { margin: 0; font-size: 14.5px; line-height: 1.55; color: var(--w-muted);} .tkw-wc .r { margin-top: auto; padding-top: 12px; font-size: 13px; font-weight: 600; color: var(--w-ink);} .tkw-wc .r b { color: var(--w-green);} .tkw-wc .st { font-weight: 500; font-family: var(--w-mono); font-size: 10.5px; letter-spacing: .12em; text-transform: uppercase; padding: 4px 8px; border-radius: 999px;} .tkw-wc .st--live { color: #1d6b4f; background: rgba(47,143,107,.12);} .tkw-wc .st--bau { color: #8a5a00; background: rgba(214,150,30,.14);} .tkw-wc--link { text-decoration: none; color: inherit; font-weight: 400;} .tkw-wc--link p { font-weight: 400;} .tkw-wc--link h3 { font-weight: 600;} .tkw-wc--link .r { color: var(--w-blue-d);} .tkw-wc--link .r b { color: var(--w-blue-d);} .tkw-wc--link .r svg { vertical-align: -4px; transition: transform .3s var(--w-ease);} .tkw-wc--link:hover .r svg { transform: translate(3px,-3px);} .tkw-flow { position: relative; margin-top: clamp(40px,6vw,72px); display: grid; gap: 0; list-style: none; padding: 0;} .tkw-flow__line { display: none;} .tkw-flow li { position: relative; padding: 0 0 32px 56px;} .tkw-flow .d { position: absolute; left: 0; top: 0; width: 40px; height: 40px; border-radius: 50%; background: #fff; border: 2px solid var(--w-blue-d); display: grid; place-items: center; font: 700 15px "Schibsted Grotesk",sans-serif; color: var(--w-blue-d); z-index: 1; transition: transform .3s var(--w-ease);} .tkw-flow li:hover .d { transform: translateY(4px);} .tkw-flow li:nth-child(3) .d { border-color: var(--w-ink); color: var(--w-ink); background: #fff;} .tkw-flow .w { font-family: var(--w-mono); font-size: 11px; letter-spacing: .12em; text-transform: uppercase; color: var(--w-muted); margin-bottom: 8px;} .tkw-flow h3 { margin: 0 0 8px; font-size: 21px; line-height: 1.2; color: var(--w-ink);} .tkw-flow p { margin: 0; font-size: 15.5px; line-height: 1.6; color: var(--w-muted);} .tkw-flow li:nth-child(3) h3::after { content: "Unser Versprechen"; display: inline-block; margin-left: 8px; vertical-align: middle; font: 700 10px "Hanken Grotesk",sans-serif; letter-spacing: .1em; text-transform: uppercase; color: var(--w-red-d); border: 1px solid currentColor; border-radius: 4px; padding: 2px 6px;} .tkw-flow__cta { margin-top: clamp(32px,4vw,48px); display: flex; flex-wrap: wrap; align-items: center; gap: 12px 18px;} .tkw-verb { background: var(--w-paper);} .tkw-verb__grid { display: grid; gap: 40px;} .tkw-verb__img { margin: 0; position: relative; border-radius: 22px; overflow: hidden; aspect-ratio: 4/3.2; background: #cfd8e3;} .tkw-verb__img img { width: 100%; height: 100%; object-fit: cover; display: block;} .tkw-verb__img figcaption { position: absolute; left: 16px; bottom: 16px; right: 16px; padding: 12px 14px; border-radius: 12px; background: rgba(10,16,24,.78); backdrop-filter: blur(8px); color: #eef3f9; font-size: 13.5px; line-height: 1.45;} .tkw-verb__rows { margin-top: 28px; display: grid; gap: 12px;} .tkw-verb__card { position: relative; padding: clamp(28px,4vw,44px); border-radius: 22px; background: linear-gradient(165deg,#16233a,#0a1018); color: #eef3f9; box-shadow: 0 30px 60px -28px rgba(10,16,24,.6);} .tkw-verb__card img { width: 72px; height: 72px; border-radius: 50%; object-fit: cover; background: #dfe5ee; display: block; margin-bottom: 22px;} .tkw-verb__card blockquote { margin: 0 0 22px; padding: 0; border: 0; font: 500 clamp(19px,2vw,24px)/1.4 "Schibsted Grotesk",sans-serif; letter-spacing: -.01em; color: #fff;} .tkw-verb__card .n { font: 600 16px "Schibsted Grotesk",sans-serif; color: #fff;} .tkw-verb__card .r { font-size: 13.5px; color: #9fb0c2; margin-top: 2px;} .tkw-row { display: grid; grid-template-columns: auto 1fr auto; gap: 16px; align-items: center; padding: 18px 20px; border-radius: 16px; background: #fff; border: 1px solid var(--w-line); text-decoration: none; color: inherit;} .tkw-row .i { width: 44px; height: 44px; border-radius: 12px; display: grid; place-items: center; background: #eaf3ff; color: var(--w-blue-d);} .tkw-row--r .i { background: #eaf3ff; color: var(--w-blue-d);} .tkw-row .t { font: 600 17px "Schibsted Grotesk",sans-serif; color: var(--w-ink);} .tkw-row .s { font-size: 14px; color: var(--w-muted); margin-top: 2px; line-height: 1.45;} .tkw-row>svg { color: var(--w-muted); transition: transform .3s var(--w-ease);} .tkw-row:hover>svg { transform: translateX(4px);} .tkw-faq__grid { display: grid; gap: 36px;} .tkw-faq details { border-bottom: 1px solid var(--w-line);} .tkw-faq details:first-child { border-top: 1px solid var(--w-line);} .tkw-faq summary { list-style: none; cursor: pointer; display: flex; justify-content: space-between; gap: 18px; align-items: center; padding: 20px 0; font: 600 17.5px/1.35 "Schibsted Grotesk",sans-serif; color: var(--w-ink); transition: color .25s;} .tkw-faq summary:hover { color: var(--w-blue-d);} .tkw-faq summary::-webkit-details-marker { display: none;} .tkw-faq summary::after { content: ""; flex: none; width: 14px; height: 14px; background: linear-gradient(var(--w-blue-d),var(--w-blue-d)) center/14px 2px no-repeat,linear-gradient(var(--w-blue-d),var(--w-blue-d)) center/2px 14px no-repeat; transition: transform .35s var(--w-ease);} .tkw-faq details[open] summary::after { transform: rotate(45deg);} .tkw-faq .a { margin: 0 0 22px; max-width: 62ch; color: var(--w-muted); line-height: 1.65; font-size: 16px;} .tkw-cta { background: linear-gradient(160deg,#12213a 0%,#0a1220 70%); color: #eef3f9; padding: clamp(72px,9vw,120px) 0; position: relative; overflow: hidden;} .tkw-cta__grid { position: relative; display: grid; gap: 36px; align-items: center;} .tkw-cta .tkw-eyebrow { color: #8aa0b8;} .tkw-cta .tkw-eyebrow .n { color: #fff;} .tkw-cta .tkw-h2 { color: #fff; max-width: 20ch;} .tkw-cta .tkw-lead { color: #b9c6d4; margin-bottom: 30px;} .tkw-person { display: flex; gap: 16px; align-items: center; padding: 22px; border-radius: 20px; background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.1);} .tkw-person img { width: 72px; height: 72px; border-radius: 50%; object-fit: cover; background: #dfe5ee;} .tkw-person .n { font: 600 18px "Schibsted Grotesk",sans-serif; color: #fff;} .tkw-person .r { font-size: 13.5px; color: #9fb0c2; margin: 2px 0 8px;} .tkw-person a { color: #eef3f9; font-weight: 600; font-size: 14.5px; text-decoration: none; display: inline-flex; gap: 8px; align-items: center;} .tkw-person a svg { color: var(--w-red);} .tkw-top { position: sticky; top: 0; z-index: 70; background: rgba(10,16,24,.9); backdrop-filter: blur(12px); border-bottom: 1px solid rgba(255,255,255,.08);}body.admin-bar .tkw-top { top: 32px;} .tkw-top .tkw-inner { display: flex; align-items: center; justify-content: space-between; gap: 16px; height: 66px;} .tkw-top__logo img { display: block; width: 190px; height: auto;} .tkw-top__right { display: flex; align-items: center; gap: 18px;} .tkw-top__tel { display: none; align-items: center; gap: 8px; color: #dfe7f0; font-weight: 600; font-size: 14px; text-decoration: none;} .tkw-top .tk-btn { padding: 10px 16px; font-size: 13.5px; min-height: 0;} .tkw-foot { background: var(--w-ink2); color: #9fb0c2; padding: 34px 0;} .tkw-foot .tkw-inner { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 16px 28px;} .tkw-foot__logo img { width: 170px; height: auto; display: block;} .tkw-foot__addr { margin: 0; font-size: 13px; line-height: 1.6;} .tkw-foot__links { display: flex; gap: 18px; font-size: 13px;} .tkw-foot__links a { color: #dfe7f0; text-decoration: none;} .tkw-foot__links a:hover { color: #fff;} .tkw-sticky { position: fixed; left: 12px; right: 84px; bottom: 12px; z-index: 60; display: none; gap: 8px; padding: 8px; border-radius: 16px; background: rgba(10,16,24,.92); backdrop-filter: blur(10px); box-shadow: 0 18px 40px -10px rgba(0,0,0,.5); transform: translateY(120%); transition: transform .45s var(--w-ease);} .tkw-sticky.is-on { transform: none;} .tkw-sticky .tk-btn { flex: 1; min-height: 46px; padding: 10px 12px; font-size: 14px;} .tkw-sticky .tk-btn--ghost { flex: 0 0 auto; width: 46px; padding: 0;}